@charset "UTF-8"; /*/css/base.min.css*/ .tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.1em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;top:0;left:0;right:0;bottom:0}.tf_rel{position:relative}.tf_opacity{opacity:0}.clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137, 137, 137, .2);--tf_scroll_color_hover:rgba(137, 137, 137, .4);--tf_scroll_w:10px;--tf_scroll_h:10px;scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w);height:var(--tf_scroll_h)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)} /*/css/themify.common.css*/ .edit-button{ font-size:11px; text-transform:uppercase; font-weight:normal; letter-spacing:.1em; text-decoration:none } .edit-button a:hover{ text-decoration:underline } .hook-location-hint{ padding:2px 5px; background:#fbffcd; border:solid 1px #cfd682; color:#666; font-size:11px; line-height:1; margin:2px 0; display:block; clear:both } .wp-video{ width:100%!important; max-width:100%!important; margin-bottom:1em } .mejs__container{ text-align:center!important; max-width:100%; min-height:100%!important } iframe{ border:0 } a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{ outline:1px dotted rgba(150,150,150,.2) } .tf_focus_heavy button:focus, .tf_focus_heavy a:focus, .tf_focus_heavy input:focus, .tf_focus_heavy select:focus, .tf_focus_heavy textarea:focus, .tf_focus_heavy .button:focus{ outline:2px solid rgba(0,176,255,.8) } .tf_focus_none button:focus, .tf_focus_none a:focus, .tf_focus_none input:focus, .tf_focus_none select:focus, .tf_focus_none textarea:focus, .tf_focus_none .button:focus{ outline:none } .tf_large_font{ font-size:1.1em } .screen-reader-text{ clip:rect(1px,1px,1px,1px); position:absolute!important; height:1px; width:1px; overflow:hidden } .screen-reader-text:focus{ background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0,0,0,.6); clip:auto!important; color:#21759b; display:block; font-size:14px; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000 } .post-image .themify_lightbox{ position:relative; display:block; max-width:100% } .post-image .themify_lightbox .zoom{ width:35px; height:35px; background:rgba(0,0,0,.3); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:100% } .post-image .themify_lightbox .zoom .tf_fa{ vertical-align:middle; color:#fff; stroke-width:1px; line-height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) } .post-image .themify_lightbox:hover .zoom{ background:rgba(0,0,0,.6) } @media screen and (max-width:600px){ .admin-bar.fixed-header-on #headerwrap{ top:0!important } .admin-bar.fixed-header #wpadminbar{ position:fixed } .admin-bar.fixed-header-on #wpadminbar{ position:absolute } body:not(.header-none).admin-bar.no-fixed-header #wpadminbar{ margin-top:-46px } } .pswp:not(.pswp--open){display:none} /*/wp-content/themes/themify-infinite/styles/modules/site-logo.css*/ #site-logo { margin: 0; padding: 0; line-height: 1em; font-family: 'Playfair Display', serif; font-size: 1.55em; font-weight: 900; letter-spacing: -.015em; text-transform: uppercase; margin-top: .7em; } #site-logo a, #site-logo a:hover { text-decoration: none; } /*/wp-content/themes/themify-infinite/styles/modules/site-description.css*/ #site-description { background-color: #fff; border-left: 1px solid #b2b2b2; color: #000; font-style: italic; font-size: .8em; margin: 0 0 0 3.1em; padding: .7em; position: absolute; left: 0; top: 1.25em; line-height: 100%; opacity: 0; z-index: -1; white-space: nowrap; pointer-events:none; transition: opacity .3s,left .3s; } #site-logo:hover+#site-description{ opacity: 1; z-index: 1; left: 100%; } #site-description .site-taglink{ color: inherit; font: inherit; } #site-description .site-taglink:hover{ text-decoration:none; } @media screen and (min-width:901px){ /*/megamenu/css/megamenu.css*/ #main-nav .has-mega-column>.sub-menu{ display:grid; grid-template-columns:var(--megaT,repeat(auto-fit, minmax(0, 1fr))); grid-column-gap:var(--megaG,2.5%); padding:1.15% 2%; max-height:70vh; overflow-y:auto } #main-nav .layout-6-3-3>.sub-menu{ --megaT:50% 25% 25% } #main-nav .layout-3-3-6>.sub-menu{ --megaT:25% 25% 50% } #main-nav .layout-4-8>.sub-menu{ --megaT:33% 66% } #main-nav .layout-8-4>.sub-menu{ --megaT:66% 33% } #main-nav .layout-3-9>.sub-menu{ --megaT:25% 75% } #main-nav .layout-9-3>.sub-menu{ --megaT:75% 25% } #main-nav .has-mega{ position:static } #main-nav .has-mega>.sub-menu{ left:0; width:100%; padding:15px 25px; } @media (pointer:coarse) { #main-nav .has-sub-menu> a{ padding-right:50px } #main-nav li .child-arrow{ margin-left:7px; border-radius:100%; display:inline-block; padding:0; right:5px; top:50%; margin-top:-17px } #main-nav .toggle-on > a > .child-arrow{ background:rgba(214,214,214,.4) } #main-nav .has-mega-column li .child-arrow{ display:none } } /*DropDown*/ #main-nav .has-mega-column .sub-menu .sub-menu{ border:none; padding:0; display:block; position:static; opacity:1; transform:none; transition:none; width:auto; box-shadow:none } #main-nav .has-sub-menu.has-mega-dropdown>.sub-menu{ display:grid; grid-template-columns:var(--megaDT,50% 50%) } #main-nav .dropdown-columns-2>.sub-menu{ width:400px } #main-nav .dropdown-columns-3>.sub-menu{ width:540px; --megaDT:repeat(3, 33.32%) } #main-nav .dropdown-columns-4>.sub-menu{ width:680px; --megaDT:repeat(4, 25%) } /* mega menu posts */ .mega-sub-menu ul{ width:16%; -webkit-overflow-scrolling:touch; padding:0 0 2em 0; margin:1em 0; opacity:1 } #main-nav .has-mega-sub-menu .mega-sub-menu > ul li{ display:block } #main-nav .has-mega-sub-menu .mega-sub-menu > ul a{ width:auto; margin:0; border-bottom:1px solid rgba(0,0,0,.05); padding:.5em 1.4em .5em 0 } .mega-menu-posts{ width:82%; margin:1em 0 1em 2%; display:grid; grid-column-gap:1.3%; grid-row-gap:3%; grid-template-columns:repeat(auto-fit, minmax(50px, 18.96%)); } #main-nav .themify_mega_menu_category_link{ position:absolute; bottom:0; right:15px; font-size:.85em } #main-nav .themify_mega_menu_category_link:after{ content:" "; border:solid black; border-width:0 1px 1px 0; display:inline-block; padding:3px; transform:rotate(-45deg); vertical-align:middle; margin:-3px 0 0 5px } .mega-menu-posts .post{ padding:0; margin:0 0 15px } .mega-menu-posts .post .post-image{ margin:0 0 10px; } .mega-sub-menu li a:before{ content:''; width:10px; height:10px; top:50%; left:auto; right:4px; margin-top:-6px } .mega-sub-menu li a:not(.tf_loader):before{ border:1px solid transparent; border-top-color:#000; border-right-color:#000; position:absolute; transform:rotate(45deg); transition:opacity .5s ease-in-out; display:inline-block; opacity:0 } .mega-sub-menu .tf_mega_selected>a:before, .mega-sub-menu li:hover>a:before{ opacity:1 } .mega-link .tf_loader{ height:auto; width:auto } .mega-sub-menu li a.tf_loader:before{ width:16px; height:16px; } } /*/css/grids/list-post.css*/ .woocommerce .loops-wrapper.products.list-post>.product, .loops-wrapper.list-post>.post{ width:100%; min-height:0; clear:both; float:none; margin:0 0 2.5em } .loops-wrapper.list-post.products.no-gutter>.product, .loops-wrapper.list-post.no-gutter>.post{ padding:0 } /*/wp-content/themes/themify-infinite/styles/modules/pagenav.css*/ .pagenav { padding-bottom: 20px } .pagenav a, .pagenav span { font-size: 1em; font-weight: bold; display: inline-block; line-height: 100%; margin: 0 1px 0 0; min-height: 18px; min-width: 24px; padding: 6px 0 0; text-align: center; vertical-align: middle; text-decoration: none; } .pagenav a:hover { text-decoration: underline; } /*/wp-content/themes/themify-infinite/style.css*/ /* Theme Name: Themify Infinite Theme URI: https://themify.me/themes/infinite Version: 5.0.5 Description: Created by Themify. Author: Themify Author URI: http://www.themify.me License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright: (c) Themify. Tags: themify, featured-images, translation-ready, custom-menu, sidebar Text Domain: themify Required Plugins: woocommerce --------- DO NOT EDIT THIS FILE. If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme). */ /*---------------------------------------------------------------------------------- TABLE OF CONTENT 1. Reset 2. General Styling (default font, color, lists, headings, form elements, etc.) 3. Structure (page width & layout containers) 4. Grid (column width) 5. Header (logo, tagline, social widget, search form, main menu) 6. Page (page title, author page, pagination) 7. Post (post layouts & styling, comments, post navigation) 8. Sidebar 8.1 Widget Styles 9. Footer 10. Builder Styling 11. WordPress Formatting 12. Gallery 13. Clear & Alignment 14. WooCommerce ----*/ /************************************************************************************ 1. RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set img max-width */ img { box-sizing: border-box; } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* audio */ audio, iframe, object, embed { max-width: 100%; } /************************************************************************************ 2. GENERAL STYLING *************************************************************************************/ @font-face { font-family: 'themify_theme_icon'; font-display:swap; src: url('data:application/octet-stream;base64,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') format('woff'); } body { font: 1.05em/1.85em 'Lora', serif; overflow-wrap:break-word; color: #000; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } a { text-decoration: underline; outline: none; color: #000; transition: all .3s ease-in-out; } a:hover { text-decoration: none; } p { padding: 0; margin: 0 0 2.2em; } small { font-size: 87%; } blockquote { font-size: 1.2em; line-height: 1.4em; padding: .8em 2em 1em; margin: 0 0 1.2em; position: relative; } blockquote:before { content: '\201C'; font-size: 3.3em; position: absolute; margin-left: -.5em; margin-top: .2em; } ins { text-decoration: none; } /* LIST ================================================ */ ul, ol { margin: 0 0 1.4em 1.6em; padding: 0; } li { margin: 0 0 1em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-top: 1em; } /* HEADINGS ================================================ */ h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 0 0 .6em; overflow-wrap: normal; font-family: 'Playfair Display', serif; font-weight: 300; } h1 { font-size: 4.4em; font-weight: 600; letter-spacing: -.028em; line-height: 1.11em; margin-bottom: .45em; } h2 { font-size: 3em; letter-spacing: -.03em; line-height: 1.14em; } h3 { font-size: 2.8em; letter-spacing: -.03em; } h4 { font-size: 1.4em; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; } h5 { font-size: 1.6em; font-weight: 400; letter-spacing: -.01em; margin-bottom: .5em; } h6 { font-size: 1.3em; font-weight: 400; letter-spacing: -.02em; } /* FORM ================================================ */ /* form input */ input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; max-width: 100%; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { background: none; border: none; border-bottom: 1px solid #000; padding: .5em; margin: .4em 0; max-width: 100%; -webkit-appearance: none; box-sizing: border-box; vertical-align: bottom; } input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel] { width: 15em; } input[type=number] { width: 7em; } /* text area */ textarea { width: 100%; min-height: 8em; border: 1px solid #000; } /* form input:focus */ textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus { outline: none; } /* form button */ input[type=reset], input[type=submit], button { background-color: #000; border: none; border-radius: 0; color: #fff; cursor: pointer; font-family: 'Source Sans Pro', sans-serif; font-size: 1.105em; font-weight: 600; letter-spacing: .05em; padding: .85em 1.3em .85em 1.55em; text-transform: uppercase; -webkit-appearance: none; } /* form input:hover */ input[type=reset]:hover, input[type=submit]:hover, button:hover { background-color: #666; color: #fff; } /************************************************************************************ 3. STRUCTURE *************************************************************************************/ /* set general layout containers box-sizing */ #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, #sidebar, .widget, #footerwrap, #footer, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { box-sizing: border-box; } /* pagewrap */ #pagewrap { padding-top: 62px;/* put page content below fixed header */ } /* main page width */ .pagewidth, .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner { width: 1160px; max-width: 100%; margin: 0 auto; } .module_row.fullwidth > .row_inner { width: 100%; } .single-post .full_width .pagewidth { width: 100%; } /* body (middle container) */ #body { max-width: 100%; clear: both; } /* content */ #content { width: 69%; float: left; padding: 85px 0 76px; } .sidebar-none #content { width: 100%; float: none; } .blog.sidebar-none.list-post #content, .query-post.sidebar-none.list-post #content, .single-post .sidebar-none #content { padding-top: 0; /* bring list-post layout up to align with header if no sidebar */ } .single-post .single-wrapper.full_width.sidebar-none:first-child .post-meta-top { transform: none; } /* sidebar */ #sidebar { width: 26%; float: right; padding: 85px 0 76px; font-size: .95em; line-height: 1.7em; letter-spacing: -.011em; } #sidebar .secondary { width: 47%; } /* full_width content */ .full_width #layout { width: 100%; max-width: 100%; } .full_width #content { padding: 0; width: auto; max-width: 100%; float: none; } .full_width #sidebar { width: auto; float: none; } .full_width .author-box, .full_width .post-nav, .full_width .commentwrap { padding-left: 8%; padding-right: 8%; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /* single post sidebar-none */ .sidebar-none .post-meta-top .post-category { padding-left: 1.1em; } /************************************************************************************ 4. GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left: 3.2%; float: left; } .col4-1 { width: 22.6%; } .col4-2, .col2-1 { width: 48.4%; } .col4-3 { width: 74.2%; } .col3-1 { width: 31.2%; } .col3-2 { width: 65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ 5. HEADER *************************************************************************************/ #headerwrap { background-color: rgba(255,255,255,.95); box-shadow: 0 1px 16px rgba(0,0,0,.13); position: fixed; width: 100%; left: 0; top: 0; transition:.5s ease-in-out; transition-property:transform,opacity; z-index: 99; } #header { position: relative; padding: 0 27px; width: auto; max-width: none; } #headerwrap.fixed-header:not(.hidden){ transform: translateY(-100%); opacity: 0 } /* SOCIAL WIDGET ================================================ */ .social-widget { float: right; margin-right: 101px; margin-top: 1em; } .social-widget a { text-decoration: none; padding: 0 2px; } .social-widget a:hover { text-decoration: none; } .social-widget .widget { display: inline-block; vertical-align: middle; margin: 0 2px 0 0; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; } .social-widget .widget div { display: inline; } .social-widget .widgettitle { width: auto; font-weight: bold; font-size: 100%; font-family: inherit; text-transform: none; letter-spacing: 0; position: static; display: inline-block; vertical-align: middle; margin: 0 .5em 0 0; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; } .social-widget ul { margin: 6px 0 0 !important; padding: 0; display: inline; } .social-links.horizontal li { padding: 0 2px 5px 0; margin: 0; display: inline-block; border: none !important; clear: none; line-height: 100%; } .social-widget li img { vertical-align: middle; margin-top: -3px; } /* rss */ .social-widget div.rss { display: inline-block; vertical-align: middle; margin-left: 3px; } .social-widget div.rss a { display: inline-block; } .social-widget div.rss a:before { content: "\f09e"; /* fa-rss */ font-family: 'themify_theme_icon'; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 22px; } /* SEARCH FORM ================================================ */ #searchform-wrap { display: block; float: right; } #headerwrap #searchform { position: absolute; top: 50%; right: 57px; transform: translateY(-50%); border-left: solid 1px #b2b2b2; } #headerwrap #searchform #s { width: 51px; background-color: #f0f0f0; color: #ccc; margin: 0; padding: 7px 43px 7px 7px; float: right; border: none; opacity: 0; transition: all .7s ease-in-out; } #headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s { width: 280px; color: #000; background-color: #f0f0f0; opacity: 1; } #headerwrap #searchform .icon-search:before { content: "\f002"; /* fa-search */ font-family: 'themify_theme_icon'; font-size: 1.35em; font-style: normal; position: absolute; right: 12px; top: 0; } /* MAIN NAVIGATION ================================================ */ #main-nav { margin: 0 0 0 .8em; padding: 0; float: left; } #main-nav li { margin: 0; padding: 1em .4em .9em; list-style: none; position: relative; display: inline-block; } /* dropdown icon */ #main-nav .current-menu-ancestor > a:before { content: ''; display: inline-block; width: 4px; height: 4px; border: solid transparent; border-width: 3px; border-bottom-color: #000; border-right-color: #000; border-radius: 3px; transform: rotate(45deg) translate(7px, -11px); margin-right: 18px; } #main-nav ul .menu-item-has-children > a:after { content: ''; display: inline-block; width: 10px; height: 10px; border: solid transparent; border-width: 1px; border-top-color: #000; border-right-color: #000; margin-top: -8px; position: absolute; top: 50%; transform: rotate(45deg); right: 20px; } #main-nav .menu-item-has-children > a .tf-fas-angle-down, #main-nav ul .menu-item-has-children > a:before { display: none; } /* main level link */ #main-nav a { display: block; font-family: 'Source Sans Pro', sans-serif; margin: 0; padding: 0; letter-spacing: .0325em; text-decoration: none; text-transform: uppercase; } /* current link */ #main-nav .current_page_item > a { border-bottom: 1px solid; } #main-nav ul .current_page_item > a { border: none; } /* sub-levels link */ #main-nav ul a { color: #000; display: block; font-size: 1em; font-weight: normal; font-family: inherit; line-height: 1.5em; text-shadow: none; text-transform: none; padding: .5em 1.4em; margin: 0; width: 237px; box-sizing: border-box; } /* dropdown ul */ #main-nav > li > .sub-menu, #main-nav ul li:not(.themify-widget-menu) > ul { background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,.13), inset 0 16px 9px -13px rgba(0,0,0,0.13); position: absolute; top: 100%; left: -12px; list-style: none; margin: 0; padding: 12px 0; z-index: 100; transform:scale(1,0); transform-origin:top; transition:transform .3s ease-in-out } #main-nav ul li { background: none; padding: 0; margin: 0; float: none; } /* sub-levels dropdown */ #main-nav ul li:not(.themify-widget-menu) > ul { left: 100%; top: 0; box-shadow: 3px 4px 8px rgba(0,0,0,.13); margin-left: 1px; } #main-nav li.themify-widget-menu { min-width: 200px; } #main-nav .has-mega-column li.themify-widget-menu { min-width: inherit; } #main-nav li.themify-widget-menu .widget { margin-bottom: 0; } #main-nav li.themify-widget-menu .widgettitle:before { border: none; } #headerwrap #main-nav li .themify-widget-menu .tagcloud a { display: inline-block; width: auto; padding: 0; } #headerwrap #main-nav li .themify-widget-menu a.button { padding: .5em 1em; width: auto; display: inline-block; } #headerwrap #main-nav li .themify-widget-menu a.button.outline { border: 1px solid; } #headerwrap #main-nav li .themify-widget-menu .widget .feature-posts-list a, #headerwrap #main-nav li .themify-widget-menu .widget .feature-posts-list li a { padding: initial; } /* show dropdown ul */ #main-nav li:hover > .sub-menu { transform:none } /* Edge Menu */ #main-nav li.edge > ul { left: auto; right: 0; } #main-nav ul li.edge > ul { left: auto; right: 100%; } /* mega menu */ #main-nav .has-mega-sub-menu .mega-sub-menu, #main-nav .has-mega-column > ul { margin: 0 27px; padding: 5px; position: absolute; z-index: 100; width: 96%; left: 0; top: 100%; box-sizing: border-box; } #main-nav .has-mega-sub-menu .mega-sub-menu { min-height: 210px; } #main-nav .has-mega-sub-menu .mega-sub-menu ul { width: 15.8%; overflow-y: auto; -webkit-overflow-scrolling: touch; position: static; float: left; background: none; box-shadow: none; border: none; padding: 0; padding-bottom: 2em; margin: 1em 0; } #main-nav .has-mega-sub-menu .mega-sub-menu > ul li { display: block; } #main-nav .has-mega-sub-menu .mega-sub-menu > ul a { width: auto; letter-spacing: .01em; position: relative; } /* mega menu posts */ #main-nav .mega-menu-posts { border-left-color:#b2b2b2; } #main-nav .mega-menu-posts .post-image { margin: 0 0 .9em; } #main-nav .mega-menu-posts .post-title { font-size: 1.05em; font-weight: normal; text-transform: none; line-height: 1.45em; margin: 0; } #main-nav .mega-menu-posts .post a { font-family: 'Lora', serif; letter-spacing: -.0275em; text-transform: none; } /* mega column */ #main-nav .has-mega-column > .sub-menu { padding: 2.5% 3% 3%; width:calc(100% - 52px) } #main-nav .has-mega-column > .sub-menu a { background: none; padding: .5em 0; width: 100%; } #main-nav .has-mega-column .widgettitle, #main-nav .has-mega-column > .sub-menu > li > a { font-size: 1.1em; font-weight: 600; line-height: 1.6em; margin: 0 0 1em; padding: 0; font-family: 'Source Sans Pro', sans-serif; text-decoration: none; text-transform: uppercase; display: block !important; } #main-nav .has-mega-column .widgettitle:before { /* hide widget title bottom border */ display: none; margin: 0; padding: 0; } #main-nav .has-mega-column > .sub-menu > li { margin-left: 0; font-size: .95em; line-height: 1.7em; box-sizing: border-box; } #main-nav .has-mega-column .sub-menu li li { display: block; padding: 0; margin: 0 0 1.2em; } #main-nav .has-mega-column .mega-column-wrapper .mega-column-list:first-child { margin-left: 0; } #main-nav .has-mega-column > .sub-menu > li > ul { background: none; margin: 0; } #main-nav .has-mega-column .columns-sub-item > a:after { display: none; } /* mega column button shortcode */ #main-nav .has-mega-column .mega-column-wrapper a.shortcode.button, a.shortcode.button { font-weight: 600; line-height: 1.6em; margin: 0 0 .6em; padding: 0; font-family: 'Source Sans Pro', sans-serif; text-decoration: none; text-transform: uppercase; } #main-nav .has-mega-column .mega-column-wrapper a.shortcode.button { text-decoration: none !important; color: #333; padding: .5em 1em; display: inline-block; width: auto; } /* Mobile Menu Styles */ .sidemenu { background-color: #fff; display: block; height: 100%; width: 320px; padding: 59px 30px 20px; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: fixed; top: 0; z-index: 111; transition: all .2s ease-in-out; box-sizing: border-box; } #mobile-menu { right: -320px; } #mobile-menu.sidemenu-on { right: 0; box-shadow: -1px 1px 13px rgba(0,0,0,.13); } .slideout-widgets-empty #menu-icon { display: none; } .sidemenu-active, .sidemenu-active #pagewrap { left: 0; transition: left .2s ease-in-out; } .sidemenu-right, .sidemenu-right #pagewrap { left: -320px; } .sidemenu-left, .sidemenu-left #pagewrap { left: 320px; } /* body overlay when slide menu is open */ .mobile-menu-visible { position: relative; overflow-y: hidden; } .body-overlay { display: none; background-color: rgba(255,255,255,.7); width: 100%; height: 100%; position: fixed; right: 320px; top: 0; z-index: 100; box-shadow: inset -1px 0 13px rgba(0,0,0,.13) } .body-overlay.body-overlay-on { display: block; /* fix for Windows phone */ } /* mobile menu icon */ #menu-icon { display: block; font-size: .85em; position: absolute; top: 50%; right: 27px; text-decoration: none; transform: translateY(-50%); line-height: normal; } .menu-icon-inner { box-sizing: border-box; display: inline-block; position: relative; width: 22px; height: 18px; overflow: hidden; vertical-align: middle; } .menu-icon-inner:before, .menu-icon-inner:after { content: ''; display: block; position: absolute; left: 0; width: 100%; transition: all .7s ease; transition-property: transform; box-sizing: border-box; } .menu-icon-inner:before { top: 0; height: 100%; border-top: 3px solid; border-bottom: 3px solid; } .menu-icon-inner:after { top: 50%; transform: translateY(-50%); border-top: 3px solid; } #menu-icon-close { position: absolute; display: block; text-decoration: none; top: 15px; right: 22px; font-size: 1.3em; min-width: 1.15em; min-height: 1.15em; } #menu-icon-close:before, #menu-icon-close:after { border-top: 1px solid; content: ''; display: inline-block; vertical-align: middle; width: 1.15em; position: absolute; transform: rotate(45deg); left: 0; top: 15px; } #menu-icon-close:after { transform: rotate(-45deg); } /* when amdin bar presents */ .admin-bar #headerwrap, .admin-bar #menu-icon-close { top: 32px; } .admin-bar .sidemenu { padding-top: 79px; } /* slideout widgets */ .slideout-widgets { font-size: .95em; } #headerwrap .slideout-widgets #searchform { border: none; position: relative; top: auto; right: auto; transform: none; } #headerwrap .slideout-widgets #searchform #s { float: none; opacity: 1; width: 100%; background: none; border-bottom: 1px solid; } /************************************************************************************ 6. PAGE *************************************************************************************/ /* page title */ .page-title { margin: 0 0 0.938em; padding: 0; font-size: 4em; line-height: 110%; } .query-post.sidebar-none.list-post .page-title { margin-top: 2em; } /* AUTHOR PAGE ================================================ */ .author-bio { margin: 0 0 2em; overflow: hidden; } .author-bio .author-avatar { float: left; margin: 0 1.8em 0 0; } .author-bio .author-avatar img { background-color: #fff; padding: 5px; border: solid 1px #ccc; } .author-bio .author-name { margin: 0 0 .5em; padding: 0; font-size: 1.6em; } .author-posts-by { margin: 0 0 1.5em; padding: 1em 0 0; font-size: 1.4em; text-transform: uppercase; border-top: solid 4px #ccc; border-color: rgba(118,118,118,.3); } /************************************************************************************ 7. POST *************************************************************************************/ .post { margin-bottom: 3em; } /* post content */ .post-content { min-width: 120px; position: relative; } /* post title */ .post-title { font-family: 'Playfair Display', serif; font-size: 4.5em; line-height: 1.2em; letter-spacing: -.028em; padding: 0; margin: 0 0 .45em; } .post-title a { text-decoration: none; } .post-meta-top + .post-content .post-title { margin-top: -0.6em; } /* post image */ .post-image { margin: 0 0 1em; } .post-image img { width: 100%; vertical-align: bottom; } .post-image.left { float: left; margin-right: 1em; } .post-image.right { float: right; margin-left: 1em; } /* post meta top */ .post-meta-top { background-color: #fff; display: inline-block; font-size: .8em; font-size: .75em; transform: translateY(-76%); padding: 0; margin: 0 0 .7em; } .post-category { display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 1.05em; letter-spacing: .02em; text-transform: uppercase; vertical-align: top; padding: 1em 1.1em 1.1em 0; } .post-tag { font-style: italic; padding: 1em 1.1em 1.1em 0; padding-right: 1.1em; text-transform: Capitalize; display: inline-block; vertical-align: top; } .post-tag:before { content: ''; display: inline-block; vertical-align: middle; margin: 0 1.35em 0 0; height: 2.4em; border-right: solid 1px #b5b5b5; transform: skewX(-30deg); } .post-meta-top a { text-decoration: none; } /* post meta */ .post-meta { font-size: .75em; line-height: 1.6em; margin: 0 0 1.15em; padding: 0; position: relative; text-transform: uppercase; } .post-meta a { text-decoration: none; } .post-meta a:hover { text-decoration: underline; } .post-meta .author { display: block; font-family: 'Source Sans Pro', sans-serif; letter-spacing: .12em; margin-top: .2em; } .post-meta .author-avatar img { width: 37px; height: 37px; margin-right: .85em; vertical-align: middle; } /* post date */ .post-date-wrapper { display: inline-block; vertical-align: top; } .post-date { display: block; font-style: italic; font-size: 1.15em; margin: 0; text-transform: none; } /* post comment */ .post-comment { display: inline-block; vertical-align: middle; border: none; padding: 0; } .post-comment a { text-decoration: none; vertical-align: middle; } .post-comment a:before { content: '\f075'; /* fa-comment */ font-family: 'themify_theme_icon'; font-size: 1.15em; line-height: 1em; margin-right: .85em; vertical-align: middle; } .post-comment a:after { content: ''; display: inline-block; vertical-align: middle; border-right: solid 1px #b5b5b5; height: 2em; margin: 0 .8em; transform: skewX(-30deg); } /* more link */ .more-link { display: block; text-align: right; text-decoration: none; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 1.05em; margin-top: 1em; } .more-link:before { content: ''; display: inline-block; vertical-align: middle; height: 29px; border-right: solid 1px #CECECE; margin: 0 16px; transform: skewX(-30deg); } /* LIST POST ================================================ */ /* list post & single post post meta top */ .loops-wrapper.list-post .post-meta-top, .single-post .post-meta-top { transform: translateY(-64%); margin-bottom: 1em; } .loops-wrapper.list-post .post-category, .single-post .post-category { font-size: 1.25em; } /* list post & single post post meta */ .loops-wrapper.list-post .post-meta, .single-post .post-meta { font-size: .9em; margin: 0 0 1.35em; } .loops-wrapper.list-post .post-meta .author-avatar img, .single-post .post-meta .author-avatar img { width: 78px; height: 78px; max-width: 54px; max-height: 54px; margin-right: 1.9em; } .loops-wrapper.list-post .post-date, .single-post .post-date { font-size: 1.24em; } .loops-wrapper.list-post .post-meta .author, .single-post .post-meta .author { margin-top: .65em; } /* list post & single post social share */ .loops-wrapper.list-post .social-share-wrap, .single-post .social-share-wrap { margin: 1em 0; } .loops-wrapper.list-post .social-share .sharrre, .single-post .social-share .sharrre { padding: .18em 0; } .loops-wrapper.list-post .sharrre .share, .single-post .sharrre .share { font-size: 1.15em; min-width: 1.1em; text-align: center; } .single-post.has-builder .social-share-wrap{ margin: 0; } .single-post.has-builder .social-share-wrap .social-share { margin: 1em 0; } /* drop cap */ .enable-drop-cap .entry-content > p:first-child:first-letter { font-family: 'Source Sans Pro', sans-serif; font-size: 4.35em; font-weight: 600; float: left; line-height: .55em; padding: .15em .2em .2em 0; } .drop-cap > p:first-child:first-letter, /* builder custom class */ .enable-drop-cap .loops-wrapper.list-post .entry-content > p:first-child:first-letter, .enable-drop-cap.single-post .entry-content > p:first-child:first-letter { font-size: 6.2em; line-height: .55em; padding: .15em .25em .15em 0; } /* reset drop cap for posts in Builder columns */ .enable-drop-cap .col4-1 .loops-wrapper .entry-content > p:first-child:first-letter, .enable-drop-cap .col4-2 .loops-wrapper .entry-content > p:first-child:first-letter, .enable-drop-cap .col4-3 .loops-wrapper .entry-content > p:first-child:first-letter, .enable-drop-cap .col3-2 .loops-wrapper .entry-content > p:first-child:first-letter, .enable-drop-cap .col3-1 .loops-wrapper .entry-content > p:first-child:first-letter, .enable-drop-cap .col4-3 .loops-wrapper .entry-content > p:first-child:first-letter, .enable-drop-cap .col2-1 .loops-wrapper .entry-content > p:first-child:first-letter { font-family: inherit; font-size: inherit; font-weight: inherit; padding: 0; line-height: inherit; float: none; } /* Archiev Post full width */ .sidebar-none.list-post .type-page { max-width: 1160px; margin: 0 auto; } .full_width.sidebar-none.query-post .type-page, .full_width.sidebar-none.query-post .post-content, .full_width.sidebar-none.query-post .post-meta-top { width: auto; } .sidebar-none.list-post .pagewidth { width: auto; float: none; max-width: none; } .sidebar-none.list-post.search-results .page-title, .sidebar-none.list-post.archive .page-title { margin-left: 5%; /* push category title */ } .sidebar-none .loops-wrapper.list-post .post-content { max-width: 1160px; margin: 0 auto; } .sidebar-none .loops-wrapper.list-post .post-meta-top { max-width: 1160px; margin: -1em auto .3em; display: block; background: transparent; } .single-post .has-post-thumbnail, .sidebar-none .loops-wrapper.list-post .post-image + .post-meta-top { margin-top: -2em; margin-bottom: 1em; } .single-post .single-wrapper.sidebar1 .has-post-thumbnail { margin-top: auto; } .sidebar-none .loops-wrapper .post-meta-top .post-category, .sidebar-none .loops-wrapper .post-meta-top .post-tag { background-color: #fff; } .sidebar-none .loops-wrapper .post-meta-top .post-category { margin-right: -4px; padding-left: 1.1em; } .sidebar-none .loops-wrapper .post-meta-top .post-tag { padding: 1em 1.1em 1.1em 0; } /* GRID4 POST ================================================ */ .loops-wrapper.grid4 .post { margin-bottom: 4%; } .loops-wrapper.grid4 .post-title { font-size: 1.7em; font-weight: normal; line-height: 1.38em; letter-spacing: .003em; margin-bottom: .6em; } .sidebar1 .loops-wrapper.grid3 .post-title { font-size: 1.6em; font-weight: normal; } .loops-wrapper.grid4 .post-meta-top + .post-content .post-title { margin-top: -1.3em; } .loops-wrapper.grid4 .social-share-wrap { font-size: .8em; } .sidebar-none .loops-wrapper.grid4 .post-meta-top .post-category, .sidebar-none .loops-wrapper.grid4 .post-meta-top .post-tag { padding: .5em .6em; } /* GRID3 POST ================================================ */ .loops-wrapper.grid3 .post { margin-bottom: 5%; } .loops-wrapper.grid3 .post-title { font-size: 2em; line-height: 1.38em; letter-spacing: .003em; margin-bottom: .6em; } .sidebar1 .loops-wrapper.grid3 .post-title { font-size: 1.6em; font-weight: normal; } .loops-wrapper.grid3 .post-meta-top + .post-content .post-title { margin-top: -1.5em; } /* GRID2 POST ================================================ */ .loops-wrapper.grid2 .post { margin-bottom: 5%; } .loops-wrapper.grid2 .post-title { font-size: 2.5em; line-height: 1.38em; letter-spacing: .003em; margin-bottom: .6em; } .sidebar1 .loops-wrapper.grid2 .post-title { font-size: 2.1em; font-weight: normal; } .loops-wrapper.grid2 .post-meta-top + .post-content .post-title { margin-top: -1.1em; } /* GRID2-THUMB POST ================================================ */ .loops-wrapper.grid2-thumb .post-title { font-size: 1.8em; margin-bottom: .85em; line-height: 1em; letter-spacing: .02em; font-weight: normal; } .loops-wrapper.grid2-thumb .post-meta-top + .post-content .post-title { margin-top: -.15em; } .loops-wrapper.grid2-thumb .post-image { width: 20%; float: left; margin: 0 2em 1.3em 0; } .loops-wrapper.grid2-thumb .post-meta-top { transform: translateY(-35%); padding: 0; } .loops-wrapper.grid2-thumb .post-meta, .loops-wrapper.grid2-thumb .social-share-wrap{ margin-bottom: .5em; } /* CLEAR GRID FLOAT ================================================ */ /* clear grid padding */ .sidebar-none .loops-wrapper.grid4 .post-meta-top .post-category, .sidebar-none .loops-wrapper.grid3 .post-meta-top .post-category, .sidebar-none .loops-wrapper.grid2 .post-meta-top .post-category { padding-left: 0; } /* LIST-THUMB-IMAGE POST ================================================ */ .loops-wrapper.list-thumb-image .post-image { width: 20%; float: left; margin: 0 1.4em 1em 0; } .loops-wrapper.list-thumb-image .post-image img { width: 100%; } .loops-wrapper.list-thumb-image .post-video { width: 20%; float: left; margin: 0 1.4em 1em 0; padding-bottom: 12.25%; } .loops-wrapper.list-thumb-image .post-video .post-video { /* reset inner video wrapper */ width: 100%; float: none; padding: 0; margin: 0; display: block; position: static; } .loops-wrapper.list-thumb-image .post-title { font-size: 1.2em; letter-spacing: .02em; font-weight: 300; line-height: 1.4em; } .loops-wrapper.list-thumb-image .post-meta-top + .post-content .post-title { margin-top: -.15em; } .loops-wrapper.list-thumb-image .post-meta-top { transform: translateY(-35%); padding: 0; } /* LIST-LARGE-IMAGE POST ================================================ */ .loops-wrapper.list-large-image .post-image { max-width: 70%; float: left; margin: 0 2em 1.3em 0; } .loops-wrapper.list-large-image .post-title { font-size: 3.35em; letter-spacing: .02em; margin-top: -.15em; font-weight: normal; } .loops-wrapper.list-large-image .post-meta-top { transform: translateY(-35%); padding: 0; max-width: none; } .sidebar-none .loops-wrapper.list-large-image .post-content, .sidebar-none.query-post .list-large-image .post-content { max-width: none; } .sidebar-none.query-post.list-large-image .pagewidth { max-width: 1160px; } .sidebar-none.query-post.list-large-image .type-page { max-width: none; } .loops-wrapper.list-large-image .post-video { float: left; max-width: 59%; width: 100%; height: 100%; padding: 0; margin: 0 2em 1.3em 0; } .loops-wrapper.list-large-image .post-video .post-video { height: 0; padding-bottom: 56.25%; max-width: 100%; float: none; } /* SLIDER POST ================================================ */ .loops-wrapper.slider { position: relative; margin: 0 0 50px; } .loops-wrapper .slideshow-wrap { height: auto; visibility: visible; } .loops-wrapper.slider .post { width: 100%; float: left; margin-left: 0; margin-bottom: 0; text-align: left; position: relative; margin: 0 0 15px; min-height: 40px; } .loops-wrapper.slider .post-image { width: auto; float: none; margin: 0; } .loops-wrapper.slider .post-image img { width: 100%; vertical-align: bottom; } .loops-wrapper.slider .post-image .themify_lightbox .zoom { display: none; } .loops-wrapper.slider .post-title { font-size: 1.8em; line-height: 1.2em; margin: 0 0 0.313em; } .loops-wrapper.slider .post-date { margin: 0; } .loops-wrapper.slider .post-content { position: absolute; bottom: 0; width: 90%; min-height: 40px; padding: 15px 5%; overflow: visible; -webkit-overflow-scrolling: touch; margin: 0 auto; background-color: rgba(0,0,0,.6); font-size: .9em; line-height: 1.5em; color: #eee; } .loops-wrapper.slider .post-content a { color: #fff !important; } /* reset slider shortcode in framework css */ .shortcode.post-slider .carousel-prev, .shortcode.slider .carousel-prev, .shortcode.post-slider .carousel-next, .shortcode.slider .carousel-next { border-radius: 0; border: 0; text-shadow: none; margin: 0; box-shadow: none; background-image: none; } /* slider carousel controls */ .loops-wrapper.slider .carousel-wrap { position: relative; } .loops-wrapper.slider .carousel-nav-wrap { width: 100% !important; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev, .loops-wrapper.slider .carousel-nav-wrap .carousel-next { position: absolute; top: 30%; display: block; width: auto !important; height: auto !important; float: left; font-size: 0; text-indent: -900em; text-decoration: none; color: #fff; background-color: rgba(0,0,0,.3); padding: 5% 2.5%; transition: all .2s ease-in-out; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev { border-top-right-radius: 6px; border-bottom-right-radius: 6px; left: 0; } .loops-wrapper.slider .carousel-nav-wrap .carousel-next { border-top-left-radius: 6px; border-bottom-left-radius: 6px; right: 0; } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover, .loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover { color: #fff; background-color: rgba(0,0,0,.5); } .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover { padding-left: 4%; } .loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover { padding-right: 4%; } /* carousel prev/next arrow */ .loops-wrapper.slider .carousel-nav-wrap .carousel-next:before, .loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before { width: 100%; text-align: center; content: '\f054'; /* fa-chevron-right */ font-family: 'themify_theme_icon'; display: block; font-style: normal; font-weight: normal; text-decoration: none; text-align: center; font-size: 18px; line-height: 100%; position: absolute; left: 0; top: 45%; } /* carousel pager */ .loops-wrapper.slider .carousel-pager { clear: both; text-align: center; line-height: 100%; width: auto; } .loops-wrapper.slider .carousel-pager a { text-indent: -900em; width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin: 2px 3px 0; background-color: rgba(0,0,0,.2); border: solid 2px #666; border-radius: 100%; cursor: pointer; } .loops-wrapper.slider .carousel-pager a.selected { background-color: #fff; border-color: #ccc; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box { margin: 1em 0; border: none; } .author-box .author-avatar { float: left; margin: 0 1.8em .5em 0; padding: 0; width: 78px; height: 78px; } .author-box .author-name { margin: 0 0 .5em; } /************************************************************************************ POST PAGINATION (the tag) *************************************************************************************/ .post-pagination { text-align: right; margin: .5em 0 2em; } .post-pagination strong { margin-right: 3px; } .post-pagination a { margin-left: 3px; margin-right: 3px; } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin: 0 0 5em; padding: 0; clear: both; } .post-nav .prev, .post-nav .next { width: 47%; position: relative; box-sizing: border-box; } .post-nav .prev { float: left; padding-left: 2.5em; } .post-nav .next { float: right; text-align: right; padding-right: 2.5em; } /* post nav link */ .post-nav a { text-decoration: none; display: inline-block; font-family: 'Playfair Display', serif; font-size: 1.35em; font-weight: bold; letter-spacing: .004em; vertical-align: middle; } .post-nav a:hover { text-decoration: none; } /* post nav arrow */ .post-nav .arrow { display: inline-block; float: left; width: auto; text-align: center; text-decoration: none; text-indent: -9999px; } .post-nav .next .arrow { float: right; } .post-nav .next .arrow:before, .post-nav .prev .arrow:before { content: ''; display: inline-block; width: 40px; height: 40px; border: solid transparent; border-width: 1px; margin-top: -20px; position: absolute; top: 50%; transform: rotate(45deg); } .post-nav .next .arrow:before { right: 0; border-top-color: #000; border-right-color: #000; } .post-nav .prev .arrow:before { left: 0; border-bottom-color: #000; border-left-color: #000; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { margin: 1em 0 1.25em; position: relative; clear: both; } /* comment title */ .comment-title, .comment-reply-title { font-family: 'Playfair Display', serif; font-size: 2.1em; font-style: italic; font-weight: bold; letter-spacing: .005em; margin: 0 0 0.9em; padding: 1.2em 0 0; position: relative; text-transform: none; } .comment-title:before, .comment-reply-title:before { content: ''; display: block; border-top: solid 2px #000; width: 67px; position: absolute; top: 0; } /* comment pagenav */ .commentwrap .pagenav { margin: 10px 0; border: none; box-shadow: none; } .commentwrap .pagenav.top { margin: 0; position: absolute; top: 0; right: 0; } /* commentlist */ .commentlist { margin: 0 0 2.6em; padding: 0; } .commentlist li { margin: 0; padding: 1.25em 0 0; list-style: none; position: relative; } .commentlist .comment-author { margin: 0 0 1.5em; padding: 0; } .commentlist .avatar { float: left; margin: 0 1.5em 0 0; width: 60px; } .commentlist cite { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-size: 1.35em; font-weight: normal; display: block; text-transform: uppercase; letter-spacing: .07em; } .commentlist cite a { text-decoration: none; } .commentlist cite .tf_fa{ margin-right:10px } .commentlist .bypostauthor > .comment-author cite:before { content: '\f02e'; /* fa-bookmark */ font-family: 'themify_theme_icon'; font-style: normal; font-weight: normal; text-decoration: none; margin-right: .55em; vertical-align: middle; } .commentlist .comment-time { font-size: .85em; font-style: italic; display: block; padding-top: .2em; letter-spacing: .05em; } .commentlist .commententry { position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; overflow-wrap:break-word; } .commentlist ul, .commentlist ol { margin: 0 0 0 8%; padding: 0; } .commentlist .comment-author br { display: none; } /* reply link */ .commentlist .reply { position: absolute; right: 0; top: 8px; } .commentlist .comment-reply-link { font-family: 'Source Sans Pro', sans-serif; font-size: 1.05em; font-weight: 600; text-transform: uppercase; text-decoration: none; letter-spacing: .01em; } .commentlist .comment-reply-link:before { border-top: 1px solid; content: ''; display: inline-block; vertical-align: middle; margin-right: .75em; width: 1.15em; } /* COMMENT FORM ================================================ */ #respond { margin: 0; padding: 3.3em 0 0; position: relative; clear: both; } #respond #cancel-comment-reply-link { position: absolute; top: 51px; right: 0; font-size: .66em; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-style: normal; line-height: 100%; letter-spacing: .01em; text-decoration: none; text-transform: uppercase; display: block; padding-left: 1.8em; } #respond #cancel-comment-reply-link:before, #respond #cancel-comment-reply-link:after { border-top: 1px solid; content: ''; display: inline-block; vertical-align: middle; width: 1.25em; position: absolute; left: 0; top: 15px; } #respond #cancel-comment-reply-link:before { transform: rotate(45deg); } #respond #cancel-comment-reply-link:after { transform: rotate(-45deg); } #commentform { margin: 4.35em 0 0; } #commentform p { margin: 0 0 .7em; } #commentform input[type=text] { margin: .45em 0; } #commentform label { font-family: 'Source Sans Pro', sans-serif; font-size: 1.1em; font-weight: normal; letter-spacing: .07em; text-transform: uppercase; } #commentform label small { font-weight: normal; } #commentform textarea { height: 267px; margin: 2.15em 0 0; } #commentform .comment-form-author, #commentform .comment-form-email { width: 50%; float: left; box-sizing: border-box; clear: none; } #commentform p.comment-form-author { padding-right: 2%; } #commentform .comment-form-email { padding-left: 2%; } #commentform input[type=text], #commentform input[type=email], #commentform input[type=url] { width: 100%; max-width: none; box-sizing: border-box; } #commentform input#submit { padding: 15px 29px 14px; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 15px; } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************************ INFINITE SCROLL *************************************************************************************/ /* disable CSS transitions for containers with infinite scrolling */ #load-more { clear: both; padding: 50px 0; text-align: center; } .load-more-button { font-size: 1.3em; font-weight: 300; background-color: #000; color: #fff; padding: 14px 28px; text-decoration: none; display: none; } /************************************************************************************ 8. SIDEBAR *************************************************************************************/ .widget { margin: 0 0 3em; } .widgettitle { font-family: 'Source Sans Pro', sans-serif; font-size: 1.15em; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; margin: 0 0 .85em; padding: 1.15em 0 0; position: relative; } .widgettitle:before { content: ''; display: block; border-top: solid 1px; width: 26px; position: absolute; top: 0; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: .4em 0; list-style: none; clear: both; } .widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } /************************************************************************************ 8.1 WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 31px; padding: 4px 2px; text-align: center; } /* recent post widget */ .widget_recent_entries li { margin: 0 0 1.2em; } .widget_recent_entries a { font-size: 1.2em; display: inline-block; margin: 0 0 .3em; } .widget_recent_entries .post-date { display: block; font-size: .95em } /* feature posts widget */ .widget .feature-posts-list li { padding: 0; margin: 0 0 1em; } .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 0 1.2em 1em 0; float: left; } .widget .feature-posts-list small { font-size: 90%; display: block; margin: 0 0 .3em; } .widget .feature-posts-list .feature-posts-title { margin: 0 0 .2em; display: inline-block; font-size: 1.1em; } .widget .feature-posts-list .post-excerpt { display: block; } /* twitter widget */ .widget .twitter-list li { padding: 0; margin: 0 0 1.2em; } .widget .twitter-list .twitter-timestamp { display: block; font-style: italic; font-size: .9em; letter-spacing: .01em; } .widget .follow-user { margin: 0; padding: 5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align: middle; } /* recent comments widget */ .recent-comments-list .avatar { margin-right: 12px; float: left; } /* flickr widget */ .widget .flickr_badge_image { margin-top: 10px; } .widget .flickr_badge_image img { width: 72px; height: 72px; margin-right: 12px; margin-bottom: 12px; float: left; } /* search widget */ #sidebar #searchform { position: static; } #sidebar #searchform #s { width: 93%; } /* add white bg to facebook badge iframe */ iframe[src*="facebook"] { background-color: #fff; } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered { max-width: 100% !important; } #content .twt-border { max-width: 100% !important; min-width: 180px !important; } /* social links widget */ .social-links.vertical li { display: block; margin: 0 0 5px 0; } /* Text widget */ .widget .textwidget ul { margin: 0 0 1.4em 1.6em; } .widget .textwidget li { display: list-item; } .widget .textwidget ul li { list-style: disc; } .widget .textwidget ol li { list-style: decimal; } /************************************************************************************ 9. FOOTER *************************************************************************************/ #footerwrap { clear: both; border-top: 1px solid #e5e5e5; padding: 3em 0 2em; } #footerwrap a { text-decoration: none; } /* footer widgets */ .footer-widgets { clear: both; font-size: .95em; } .footer-widgets .widget { margin-bottom: 2em; } /* footer text */ .footer-text { clear: both; font-size: 85%; font-style: italic; padding: 0 0 3.55em; letter-spacing: .0125em; line-height: 2.25em; text-align: center; } /* back to top arrow */ .back-top { margin: .75em auto 0; text-align: center; width: 200px; } .back-top a { display: inline-block; position: relative; bottom: 0; z-index: 10; text-decoration: none; text-indent: -9999px; } .back-top a:before { content: ''; display: inline-block; width: 40px; height: 40px; border: solid transparent; border-width: 1px; border-top-color: #000; border-left-color: #000; transition: all .5s; transform: rotate(45deg); position: absolute; bottom: 0; left: 50%; margin-left: -20px; } .back-top:hover a:before { bottom: 25px; } /* Infinite Back to Top */ .infinite-back-top { background-color: rgba(255,255,255,.8); border-radius: 100%; position: fixed; right: 20px; bottom: 20px; width: 44px; height: 44px; overflow: hidden; text-decoration: none; text-align: center; } .infinite-back-top span { line-height: 44px; position: relative; visibility: hidden; } .infinite-back-top span:before { content: ''; display: inline-block; width: 14px; height: 14px; border: solid transparent; border-width: 1px; border-top-color: #000; border-left-color: #000; transition: all .5s; transform: rotate(45deg); vertical-align: middle; visibility: visible; position: absolute; top: 7px; left: 50%; margin-left: -5px; } .infinite-back-top-hide { display: none; } .infinite-back-top:hover span:before { animation: arrow-up 0.5s linear 0.2s infinite alternate; } @keyframes arrow-up { 0% { top: 0px; } 50% { top: 7px; } 100% { top: 14px; } } /* footer nav */ .footer-nav { margin: .5em 0 1em; padding: 0; text-align: center; } .footer-nav li { display: inline-block; padding: 0; margin: 0; list-style: none; position: relative; } .footer-nav a { text-decoration: none; margin: 0 1em .8em 0; } /************************************************************************************ SOCIAL SHARE SHORTCODE *************************************************************************************/ .social-share-wrap { display: block; margin: 0 0 .9em; } /* sharrre container */ .social-share { display: inline-block; } .social-share .sharrre { display: inline-block; vertical-align: middle; border: none; padding: .35em .3em; } .sharrre .share span { display: none; } .sharrre .share, .sharrre .count { float: none; display: inline-block; vertical-align: middle; margin-right: .55em; } .social-share .sharrre .share:before { content: ''; font-family: 'themify_theme_icon'; line-height: 1em; } .social-share .twitter-share.sharrre .share:before { content: "\f099"; /* fa-twitter */ } .social-share .facebook-share.sharrre .share:before { content: "\f09a"; /* fa-facebook */ } .social-share .googleplus-share.sharrre .share:before { content: "\f0d5"; /* fa-googleplus */ } .social-share .pinterest-share.sharrre .share:before { content: "\f0d2"; /* fa-pinterest */ } .social-share .linkedin-share.sharrre .share:before { content: "\f0e1"; /* fa-linkedin */ } .sharrre a, .sharrre a:hover { text-decoration: none; } /************************************************************************************ BANNER AD *************************************************************************************/ .single-divider-ad, .list-large-image .archive-divider-ad, .list-post .archive-divider-ad { background-color: #f0f0f0; clear: both; padding: 2.65em 0; text-align: center; margin: 0; } /************************************************************************************ 10. BUILDER STYLING *************************************************************************************/ /* builder row */ .module_row.fullwidth > .row_inner { width: 100%; max-width: 100%; padding: 0; } /* module title */ .themify_builder_content .module-title { margin: 1.4em 0 1.6em; padding: 1em 0 0; font-size: 1.4em; text-transform: uppercase; letter-spacing: 1px; } .themify_builder_active #pagewrap { margin-top: 80px; } /* image module */ .module-image .image-title { font: italic 1.4em 'Lora', serif; margin: 0 0 .7em; } /* video module */ .module-video .video-title { font: italic 1.4em 'Lora', serif; margin: 0 0 .7em; } /* post module */ .col3-2 .loops-wrapper .post-title, .col4-3 .loops-wrapper .post-title, .col4-2 .loops-wrapper .post-title, .col4-1 .loops-wrapper .post-title { font-size: 1.2em; font-weight: normal; letter-spacing: -.01em; } .col3-2 .loops-wrapper.list-post .post-title, .col4-3 .loops-wrapper.list-post .post-title, .col4-2 .loops-wrapper.list-post .post-title { font-size: 2em; } .col4-3 .loops-wrapper.list-thumb-image .post-title { font-size: 1.8em; } /************************************************************************************ 11. WORDPRESS POST FORMATTING *************************************************************************************/ .sticky {} img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 1em; } .alignleft { float: left; margin-right: 2em; } .alignright { float: right; margin-left: 2em; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 1em; max-width: 100%; } .wp-caption-text { margin: .5em 0; } /* attachment page */ body.attachment { width: auto; float: none; position: static; } .single .attachment.post { width: auto; float: none; } /************************************************************************************ IMAGE FILTER *************************************************************************************/ .post-image, .post-img, .module-feature-image, .slide-image { transition: all .5s ease-out; } body .filter-grayscale img, body .filter-hover-grayscale img:hover, .filter-featured-only.filter-grayscale .post-image, .filter-featured-only.filter-grayscale .post-img, .filter-featured-only.filter-grayscale .module-feature-image, .filter-featured-only.filter-grayscale .slide-image, .filter-featured-only.filter-grayscale .featured-area img, .filter-featured-only.filter-hover-grayscale .post-image:hover, .filter-featured-only.filter-hover-grayscale .post-img:hover, .filter-featured-only.filter-hover-grayscale .module-feature-image:hover, .filter-featured-only.filter-hover-grayscale .slide-image:hover, .filter-featured-only.filter-hover-grayscale .featured-area img:hover, .filter-featured-only.filter-hover-grayscale .loops-wrapper article:hover .post-image { filter: grayscale(1); transition: all .2s ease-in-out; } body .filter-sepia img, body .filter-hover-sepia img:hover, .filter-featured-only.filter-sepia .post-image, .filter-featured-only.filter-sepia .post-img, .filter-featured-only.filter-sepia .module-feature-image, .filter-featured-only.filter-sepia .slide-image, .filter-featured-only.filter-sepia .featured-area img, .filter-featured-only.filter-hover-sepia .post-image:hover, .filter-featured-only.filter-hover-sepia .post-img:hover, .filter-featured-only.filter-hover-sepia .module-feature-image:hover, .filter-featured-only.filter-hover-sepia .slide-image:hover, .filter-featured-only.filter-hover-sepia .featured-area img:hover, .filter-featured-only.filter-hover-sepia .loops-wrapper article:hover .post-image { filter: sepia(100%); transition: all .2s ease-in-out; -webkit-backface-visibility: hidden; transform: translateZ(0) scale(1.0, 1.0); } body .filter-blur img, body .filter-hover-blur img:hover, .filter-featured-only.filter-blur .post-image, .filter-featured-only.filter-blur .post-img, .filter-featured-only.filter-blur .module-feature-image, .filter-featured-only.filter-blur .slide-image, .filter-featured-only.filter-blur .featured-area img, .filter-featured-only.filter-hover-blur .post-image:hover, .filter-featured-only.filter-hover-blur .post-img:hover, .filter-featured-only.filter-hover-blur .module-feature-image:hover, .filter-featured-only.filter-hover-blur .slide-image:hover, .filter-featured-only.filter-hover-blur .featured-area img:hover, .filter-featured-only.filter-hover-blur .loops-wrapper article:hover .post-image { filter: blur(5px); transition: all .2s ease-in-out; -webkit-backface-visibility: hidden; transform: translateZ(0) scale(1.0, 1.0); } .filter-all.filter-grayscale img, .filter-all.filter-hover-grayscale img:hover, .filter-all.filter-hover-grayscale .loops-wrapper .post-image:hover { filter: grayscale(1); transition: all .2s ease-in-out; -webkit-backface-visibility: hidden; transform: translateZ(0) scale(1.0, 1.0); } .filter-all.filter-sepia img, .filter-all.filter-hover-sepia img:hover, .filter-all.filter-hover-sepia .loops-wrapper .post-image:hover { filter: sepia(100%); transition: all .2s ease-in-out; -webkit-backface-visibility: hidden; transform: translateZ(0) scale(1.0, 1.0); } .filter-all.filter-blur img, .filter-all.filter-hover-blur img:hover, .filter-all.filter-hover-blur .loops-wrapper img:hover { filter: blur(5px); transition: all .2s ease-in-out; -webkit-backface-visibility: hidden; transform: translateZ(0) scale(1.0, 1.0); } body .filter-hover-none img:hover, .filter-featured-only.filter-hover-none .post-image:hover, .filter-featured-only.filter-hover-none .post-img:hover, .filter-featured-only.filter-hover-none .post-image img:hover, .filter-featured-only.filter-hover-none .module-feature-image:hover, .filter-featured-only.filter-hover-none .slide-image:hover, .filter-all.filter-hover-none img:hover, .filter-all.filter-hover-none .loops-wrapper img:hover, body.filter-all #pagewrap .format-video .post-image, body.filter-featured-only #pagewrap .format-video .post-image { filter: none; } /************************************************************************************ 13. CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } /* clearfix */ .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, #content:after { content: ""; display: table; clear: both; } /************************************************************************************ 14. WOOCOMMERCE *************************************************************************************/ /* PAGEWIDTH ================================================ */ .woocommerce.sidebar-none .pagewidth { width: 1160px; max-width: 100%; margin: 0 auto; } .woocommerce.sidebar-none.list-post.archive .page-title { margin-left: 0; } /* button */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background-color: #000; border: none; border-radius: 0; box-shadow: none; color: #fff; cursor: pointer; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background-color: #666; color: #fff; } /* add to cart button in product archive */ .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .button[data-product_id] { font-size: .9em; } /* pagination */ .woocommerce nav.woocommerce-pagination ul { border: none; border-right: 0; } .woocommerce nav.woocommerce-pagination ul li{ border: none; margin: 0 .2em; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { font-weight: bold; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background: none; color: inherit; } /* ARCHIVE PRODUCTS ================================================ */ /* sale */ .woocommerce span.onsale, .woocommerce ul.products li.product .onsale{ background-color: #000; color: #fff; } /* archive product */ .woocommerce ul.products li.product { text-align: center; box-sizing: border-box; margin-bottom: 3.5em; } .woocommerce ul.products li.product .star-rating { margin: auto; margin-bottom: 1em; } /* archive product title */ .woocommerce ul.products li.product h3 { font-size: 1.3em; padding: .2em 0; margin-bottom: .15em; } .woocommerce ul.products li.product .onsale + h3 { margin-top: 2em; } /* product image */ .woocommerce div.product div.images img, .woocommerce ul.products li.product a img { box-shadow: none; } .woocommerce ul.products li.product a img:hover, .woocommerce ul.products li.product a:hover img { box-shadow: none; } /* price */ .woocommerce ul.products li.product .star-rating, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: inherit; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins { display: inline-block; margin: 0 .2em; font-weight: bold; letter-spacing: .11em; } .woocommerce ul.products li.product .price del { opacity: 1; color: #999; font-weight: normal; } /* SINGLE PRODUCTS ================================================ */ /* single title */ .woocommerce div.product .product_title{ font-size: 2em; } /* tab */ .woocommerce div.product .woocommerce-tabs ul.tabs li{ background: none; border-radius: 0; margin: 0; padding: 0; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs:before{ border-bottom: 1px solid #ddd; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ background-color: #000; color: #fff; padding: .8em 1.9em; text-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background-color: #fff; color: #000; } /* single product tabs h2 */ .woocommerce div.product .woocommerce-tabs h2, .woocommerce .related h2, .woocommerce .upsells h2{ font-size: 1.8em; margin: 1em 0 .5em; } /* single product review */ .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0; width: 60px; border: none; } .woocommerce #reviews #comments ol.commentlist li img + .comment-text { margin: 0 0 0 95px; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; border: none; } .woocommerce #reviews #comments ol.commentlist li .meta { color: inherit; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { margin: auto; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 1.35em; text-transform: uppercase; display: block; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { font-style: italic; } /* CART ================================================ */ .woocommerce table.shop_table { border-radius: 0; border: 1px solid #000; border-collapse: collapse; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table td { border-color: #000; } .woocommerce table.cart a.remove { color: inherit !important; } .woocommerce table.cart a.remove:hover{ background-color: #000; color: #fff !important; } /* coupon */ .woocommerce table.cart td.actions .input-text{ border: none; border-bottom: 1px solid #000; width: auto; } /* quantity */ .woocommerce .quantity .qty { margin: 0 .5em 0 0; } /* proceed */ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-block; } /* cart totals */ .woocommerce .cart-collaterals .cart_totals { text-align: right; } /* cart collaterals */ .woocommerce .cart-collaterals .cart_totals tr td{ border-top: 1px solid #000; width: 17%; } .woocommerce .cart-collaterals .shipping_calculator{ text-align: right; } /* cart update button */ .woocommerce .cart-collaterals .shipping_calculator .button{ display: inline-block; width: auto; } .woocommerce .cart .button, .woocommerce .cart input.button { margin: 0 .1em; } .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button span, .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after { display: none; } /* CHECKOUT ================================================ */ .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top: 1px solid #000; } .woocommerce form .form-row .input-text, .woocommerce form .form-row select{ border-bottom: 1px solid #000; } /* payment */ .woocommerce-checkout #payment { background-color: #f4f4f4; border-radius: 0; } /* payment box */ .woocommerce-checkout #payment div.payment_box { background-color: #fafafa; text-shadow: none; } .woocommerce-checkout #payment div.payment_box:before { border-bottom-color: #fafafa; } .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid #000; } /* message, info, error */ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{ border-top: 5px solid #000; background-color: #F7F7F7; box-shadow: none; border-radius: 0; text-shadow: none; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { color: inherit; text-shadow: none; box-shadow: none; } .js-sticky-sidebar#sidebar{ position:-webkit-sticky; /*for safari*/ position:sticky; top:0 } @media screen and (min-width: 1400px) { .single-post .sidebar1 #content{ position:relative; } .tf_single_loader{ display:block } .single-post .sidebar1 .tf_sticky_share{ position:absolute; top:auto; width:78px; left:-115px; } .single-post .sidebar1 .social-share-wrap { position:-webkit-sticky; /*for safari*/ position:sticky; text-align: right; float:left; top: 65px; display: flex; flex-direction: column; } .admin-bar.single-post .sidebar1 .social-share-wrap{ top:97px; } .single-post .sidebar1 .sharrre .share { margin-right: 0; } .single-post .sidebar1 .post-comment a:after { display: none; } .single-post .sidebar1 .social-share .sharrre { border-top: 1px solid #b2b2b2; clear: both; float: right; width: 100%; } .single-post .sidebar1 .post-comment a:before { float: right; margin-left: .55em; margin-right: auto; line-height: 1.5em; } } /*/wp-content/uploads/themify-customizer-5.0.4-5.0.5.css*/ /* Themify Customize Styling */ p { margin-bottom: 15px; } .pagewidth { width: 750px; } .post-title, .post-title a { font-size:40px; }