/*------------------------------------------------------------------ [Table of contents] General Forms select2 Footer Search Results Blog General Post Meta Tags Blog Listing Standard Post Format Parallax Container Error 404 No Search Results Categories List Password Protected Post Navigation Paging Navigation Comments Pingbacks And Trackbacks My Account Cart Shop Catalog Product Quick View Categories Grid Product Single Widgets Text Widget Search Off-canvas Left Off-canvas Right Portfolio Portfolio Filters Portfolio Hover Effect Portfolio Boxed Portfolio Single Portfolio Related Items Shortcodes Social Media Profiles Blog Posts Gallery Banner Icon Box Add to Cart Button Visual Composer Shortcodes General Visual Composer Rows Adjust Columns Height Separators Tabs & Tour Sections Tabs/Accordions/Toggles/Tour fix - jQuery ui Message Boxes Buttons Contact Form 7 Toggles Accordions Google Maps Progress Bars Pie Charts Separator Blog Posts [/Table of contents] -------------------------------------------------------------------*/ /**********************************************************************************/ /* General ************************************************************************/ /**********************************************************************************/ #wpadminbar { display:none; } #wpadminbar .dashicons-portfolio:before { content: "\f108"; top:2px; } .row { padding:0 20px; max-width: 112.5rem; } .row .row { padding:0; } [class*="vc_row"][class*="column"] + [class*="vc_row"][class*="column"]:last-child { float: initial; } .wpb_text_column { float: inherit !important; } .st-container { overflow-x: hidden; } a:active, a:focus { outline: 0; } h1, h2, h3, h4, h5,h6 { font-weight: 900; } h1{ font-size: 1.875rem; line-height: 1.33333em; } h2{ font-size: 1.6875rem; line-height: 1.259259em; } h3{ font-size: 1.4375rem; line-height: 1.391304em; } h4{ font-size: 1.125rem; line-height: 1.55555em; } h5{ font-size: 1rem; line-height: 1.625em; } h6{ font-size: 13px; line-height: 1.71428em; } .single .entry-title { font-size:1.875rem; font-weight: 900; line-height: 1.13em; } .entry-title { text-align:center; } .page-title { font-size:1.875em; margin: -0.13em 0 15px; text-transform: capitalize; text-align: center; font-weight: 900; } p { font-size: 1rem; line-height: 1.5em; margin-bottom: 10px; } ul li ul, ul li ol, ul, ol, dl { font-family: inherit; font-size: 1.125rem; line-height: 1.5; list-style-position: outside; } table { table-layout: auto; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: none; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { line-height: 1.8rem; } table tr td { font-size: 1.125rem; } .bypostauthor { } .clear { clear:both; } .fr-thumbnail-loading-background, .fr-loading-background { opacity: 1; background: #fff; } .fr-thumbnail-loading-background, .fr-loading-background, .blockUI.blockOverlay:before { background-image: url('../images/morph-shape-gif-preloader.gif') !important; background-size: 15px auto !important; background-position: center; background-repeat: no-repeat; } .yith-wcwl-add-button:after { background-image: url('../images/morph-shape-gif-preloader.gif') !important; background-size: 20px auto !important; background-position: center; background-repeat: no-repeat; } .blockUI.blockOverlay:before { animation: none !important; transform: none !important; background-color: transparent; background-image: url('../images/morph-shape-gif-preloader.gif') !important; background-size: auto 15px !important; background-position: center !important; background-repeat: no-repeat !important; } .dropcap { float: left; font-size: 75px; font-weight: 900; line-height: 60px; padding: 8px 18px 5px 0px; } .blog .dropcap { float: none; font-size: inherit; font-weight: inherit; line-height: inherit; padding: inherit; } p, ul li ul, ul li ol, ul, ol, dl, .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th, .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td, .woocommerce-review-link, .blog-isotope .entry-content-archive, .blog-isotope .entry-content-archive * { font-size: 14px;} .fr-content-image-overlay { border: none !important; } .fr-box-wrapper { background: transparent !important; } .fr-box-outer-border { box-shadow: none !important; } .fr-overlay-background { opacity: .5; background: #FFF; } .gallery-size-thumbnail dl.gallery-item:before { background: transparent; } /**********************************************************************************/ /* Forms *************************************************************************/ /**********************************************************************************/ input { background: none; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { font-size: 0.875rem; color: #444; background-color: #fff; border-width: 1px; border-style:solid; height: 2.5rem; outline: none; font-weight: 900; margin: 0; } #coupon_code { color: #444; background-color: #fff; border-width: 1px; border-style:solid; transition: all 0.3s; -webkit-transition: all 0.3s; } .chosen-container .chosen-results li { font-size: 1rem; color: #444; background-color: #fff; padding: 11px 12px; outline: none; font-weight: 900; margin: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus, #coupon_code:focus, .chosen-container-single .chosen-single:focus { color: #444; background-color: #fafafa; } .comments_section textarea, .comments_section input[type="text"], .comments_section input[type="password"], .comments_section input[type="date"], .comments_section input[type="datetime"], .comments_section input[type="datetime-local"], .comments_section input[type="month"], .comments_section input[type="week"], .comments_section input[type="email"], .comments_section input[type="number"], .comments_section input[type="search"], .comments_section input[type="tel"], .comments_section input[type="time"], .comments_section input[type="url"] { background-color: #fff; border-color: #ddd; } ::-webkit-input-placeholder { font-weight: normal; color: #a1a1a1; } ::-moz-placeholder { font-weight: normal; color: #a1a1a1; opacity: 1; } /* firefox 19+ */ :-ms-input-placeholder { font-weight: normal; color: #a1a1a1; } /* ie */ input:-moz-placeholder { font-weight: normal; color: #a1a1a1; } /*button*/ button, .button { text-transform:uppercase; /*color:#fff !important;*/ font-size:13px !important; } .button, input[type="button"], input[type="reset"], input[type="submit"] { color: #fff; background: none !important; font-size: 0.875rem; font-weight: 700; border: none; border-radius: 0 !important; text-align: center; text-transform: uppercase; text-shadow: none !important; box-shadow: none !important; width: 100%; min-width: 220px; padding: 1rem 1rem 1rem !important; transition: all 0.3s; -webkit-transition: all 0.3s; } .mejs-container button, .mejs-container .button, .mejs-container input[type="button"], .mejs-container input[type="reset"], .mejs-container input[type="submit"] { background-color: transparent !important; padding:0 !important; min-width:15px !important; width:auto !important; } button:hover, .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #fff; } label { text-transform:uppercase; font-size:.8125rem; font-weight: bold; margin-top:8px; margin-bottom:1px; line-height: 2em; } input[type="checkbox"] + label, input[type="radio"] + label { margin-left: 0; margin-right: 0; } ul.wc_payment_methods.payment_methods.methods li.wc_payment_method > input.input-radio, .woocommerce ul#shipping_method li input.input-radio, .check_box { left: -9999px; position: absolute; } .woocommerce form .form-row label.check_label_radio, .woocommerce-page form .form-row label.check_label, ul.wc_payment_methods.payment_methods.methods li.wc_payment_method > label, .check_label { display: inline-block; cursor: pointer; vertical-align: middle; padding-left: 30px; position: relative; text-indent: 0; } ul.wc_payment_methods.payment_methods.methods li label { font-size: 16px; margin-top: 0; margin-bottom: 17px; text-transform: capitalize; line-height: 1.3em; } .woocommerce ul#shipping_method li > label { position: relative; padding-left: 25px; } ul.wc_payment_methods.payment_methods.methods li.wc_payment_method > label:before { content: ''; display: block; position: absolute; width: 16px; height: 16px; left: 0; top: 0px; background-image: url("../images/radio.png"); background-color: #fff; background-repeat: no-repeat; background-size: 16px 40px; background-position: 0 0; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; overflow: hidden; } .woocommerce ul#shipping_method li > label:before { content: ''; display: block; position: absolute; width: 16px; height: 16px; left: 0; top: -1px; background-image: url("../images/radio.png"); background-color: #fff; background-repeat: no-repeat; background-size: 16px 40px; background-position: 0 0; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; overflow: hidden; } .check_label { font-weight: normal; font-size: 0.875rem; padding-top: 0px; text-transform: none; margin: 0 0 15px; line-height: 20px !important; } .check_label:before { content: ''; display: block; position: absolute; width: 20px; height: 20px; left: 0; top: 0px; background-image: url("../images/checkbox.png"); background-color: #fff; background-repeat: no-repeat; background-size: 20px 40px; background-position: 0 0; } ul.wc_payment_methods.payment_methods.methods li input:checked + label:before, .woocommerce ul#shipping_method li input:checked + label:before, .wc-terms-and-conditions input:checked + label:before { background-position: 0px -24px; } .check_box:checked + .check_label:before { background-position: 0px -20px; } /* select2 */ .big-select:hover { background-color:transparent; } .big-select:focus { outline: none; } .catalog-ordering .select2-container.orderby a { text-transform: uppercase; font-size: 10px; @media screen and (min-width: 640px) { font-size: 13px; } } .select2-container:not(.orderby), .big-select, .select.big-select { font-size: 1.5rem !important; border: none; background-color:transparent; font-family: inherit; font-size: inherit; font-weight: inherit; display: inline-block; -webkit-appearance: none; -moz-appearance: none; padding:0; margin:0; width:auto !important; font-weight: normal; opacity:1; width: auto; line-height: 1; height: 40px; } select.big-select { /*border: 1px solid #EEEEEE;*/ font-size: 13px !important; font-weight: bold; padding: 9px 11px 11px; text-transform: uppercase; width: 100% !important; max-width: 320px; } .variations select.big-select { font-size: 1.5rem !important; text-transform: none; padding: 0 20px 0 0; width: auto !important; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container .select2-choice { background: none; border: none; filter:none; font-weight: 900; padding: 0; padding-right: 26px; box-shadow: none; height: auto; line-height: 1; } .select2-container .select2-choice > .select2-chosen { margin: 0; } .select2-container .select2-choice .select2-arrow { background: none; background-image: none; filter:none; border: none; border-radius: 0; font-size: 0.692em; line-height: 1em; box-shadow: none; } .select2-container .select2-choice .select2-arrow:before { content: "\f107"; display: block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-search { padding-top: 5px; .select2-search__field { color: #444; background-color: #fafafa; background-image: none; :focus { background-color: #fafafa; } } } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background-color: #fff; } .select2-search input, .select2-search__field { padding: 6px 8px 7px !important; } .select2-results { max-height: initial; font-size: 14px; margin: 0; padding: 0; .select2-results__option { font-size: 14px; outline: 0 !important; :active { outline: 0 !important; } } } .select2-drop { min-width: 250px !important; border: none; margin-top: 9px; margin-left: -15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; } .select2-drop.select2-drop-above { margin-bottom: 6px; } .select2-drop.select2-drop-above.select2-drop-active { border: 0; border-radius: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .select2-results .select2-result-label { padding: 3px 16px 4px; } .select2-offscreen, .select2-offscreen:focus { border: 0 none !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 26px !important; left: 0 !important; margin: 0 !important; outline: 0 none !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: 0 !important; width: 1px !important; } .woocommerce-ordering select.orderby { max-width: none; border: none; vertical-align: middle; text-transform: uppercase; line-height: 24px; height: auto !important; padding: 0 0.5rem; direction: rtl; } .select2-container.topbar-language-switcher, .select2-container.wcml_currency_switcher { font-size: 0.8125rem !important; font-weight: bold; text-transform: uppercase; } .select2-container.topbar-language-switcher, .select2-container.wcml_currency_switcher { margin-right: 23px; } .catalog-ordering { line-height: 24px; float: right; select.orderby { padding-right: 25px; &:hover { background-color: transparent; } @media screen and (min-width: 1024px) { font-style: 13px; } } } .tob_bar_shop { margin-bottom: 15px; } .catalog-ordering .select2-container { line-height: 24px; height: auto; float: right; &.orderby { a { line-height: 24px; } } } .select2-container .select2-choice .select2-arrow { top: 5px; } .select2-container.topbar-language-switcher, .select2-container.wcml_currency_switcher { height: 43px; line-height: 43px; padding-top: 15px; } .catalog-ordering .select2-container .select2-choice { font-weight: bold; } .catalog-ordering .select2-container .select2-choice .select2-arrow { font-size: 18px; line-height: 24px; } .select2-container.topbar-language-switcher .select2-choice .select2-arrow, .select2-container.wcml_currency_switcher .select2-choice .select2-arrow { font-size: 13px; line-height: 1em; } .catalog-ordering .select2-container .select2-choice .select2-arrow:before { display: block; line-height: 13px; } .woocommerce.archive .select2-drop, .woocommerce-page.archive .select2-drop { margin-top: 1px; } .variations .select2-container { padding-top: 9px; } .variations .select2-container .select2-choice > .select2-chosen { line-height: 20px; } .variations .select2-container .select2-choice .select2-arrow:before { line-height: 23px; } .cart-collaterals select{ color: rgba(0, 0, 0, 0.75); font-weight: bold; } .select2-search input.select2-active { background: none; } .select2-container.select2-container-disabled, .select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choice .select2-arrow { background: none; border: none; } /*Select2 on Checkout and MyAccount*/ #billing_country_field, #billing_state_field, #calc_shipping_country_field, #calc_shipping_state_field, #shipping_country_field, #shipping_state_field { outline: 0 !important; text-transform: none; text-align: left; .select2-container--default { width: 100% !important; border-radius: 0px !important; height: 42px; border: none !important; } .select2-container { width: 100% !important; border: 1px solid; } .select2-selection--single { outline: 0 !important; border-radius: 0px !important; } .select2-selection { outline: 0 !important; height: 40px; } .select2-selection__rendered { outline: 0 !important; font-size: 0.875rem; color: #444; font-weight: 900; line-height: 40px; } .select2-selection__arrow { border: none !important; :before { content: "\f107"; display: block; font-family: FontAwesome; font-size: 16px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; } b { margin-left: -9px; margin-top: -17px; border: none !important; } } :hover { .select2-selection__rendered { opacity: 0.8; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } } } .country_select .select2-container, .state_select .select2-container { outline: 0 !important; display: block; width: 100% !important; border-style: solid; border-width: 1px; background: none repeat scroll 0 0 #fff; height: auto; } .country_select.select2-container .select2-choice > .select2-chosen, .state_select.select2-container .select2-choice > .select2-chosen { font-size: 0.875rem; font-weight: bold; line-height: 20px; color: #444; padding: 0.5rem; height: 38px; } .woocommerce-account .select2-drop, .woocommerce-checkout .select2-drop { margin: 0px; } .woocommerce-account .select2-drop.select2-drop-above, .woocommerce-checkout .select2-drop.select2-drop-above { margin-top: -36px; } .country_select.select2-container .select2-choice .select2-arrow, .state_select.select2-container .select2-choice .select2-arrow { color: #444; top: 11px; } .woocommerce-checkout-review-order-table th { font-weight: bold; } // Checkout page .checkout_coupon_inner { display: inline-block; position: relative; width: 100%; padding: 0; margin: 10px; } form.checkout_coupon #coupon_code { transition: all .3s; width: 100%; display: inline-block; margin: 0; padding: 0 120px 0 65px; // text-indent: -9999px; text-transform: uppercase; color: #000; font-size: 13px; border-style: dashed; } form.checkout_coupon input[type="submit"] { position: absolute; right: 0px; background: none !important; color: #000 !important; min-width: 0; top: 0px; width: auto; opacity: 0; transition: all .3s; z-index: 99999; } form.checkout_coupon .checkout_coupon_inner { &:before { content: "\e909"; font-family: 'Shopkeeper-Icon-Font'; position: absolute; left: 120px; top: 6px; font-size: 36px; line-height: 36px; color: #000; } } form.checkout_coupon input[type="submit"]:active, form.checkout_coupon input[type="submit"]:focus { border: none; outline: none; } form.checkout_coupon input[type="submit"], form .coupon input[type="submit"] { opacity: 0 !important; transition: all .3s; width: 70px !important; } form.checkout_coupon .checkout_coupon_inner.focus { &:after { content: "\e902"; font-family: 'Shopkeeper-Icon-Font'; position: absolute; right: 120px; top: 12px; font-size: 22px; color: #000; opacity: 1; } } @media only screen and (max-width: 767px) { form.checkout_coupon .checkout_coupon_inner, .woocommerce-cart #content table.cart td.actions .coupon:before { &:before { left: 10px; } } form.checkout_coupon .checkout_coupon_inner.focus { &:after { right: 10px; } } form.checkout_coupon #coupon_code { padding: 0 45px 0 65px; } .shopkeeper_checkout_coupon a.showcoupon, .shopkeeper_checkout_coupon a.showlogin { display: block; } .checkout_coupon_inner { margin: 0; } .woocommerce-cart #content table.cart td.actions .coupon #coupon_code { padding-right: 45px !important; } } // Cart page .coupon input[type="submit"] { opacity: 0; transition: all .3s; z-index: 9999; width: 70px; } form .coupon.focus { &:after { opacity: 1; content: "\e902"; font-family: 'Shopkeeper-Icon-Font'; position: absolute; right: 20px; top: 10px; font-size: 22px; color: #000; } } /**********************************************************************************/ /* Footer *************************************************************************/ /**********************************************************************************/ .site-footer-widget-area { display: none; margin-top: -2px; margin-bottom: 40px; } .site-footer-widget-area > .row { border-bottom: 1px solid #ddd; } .trigger-footer-widget-area { text-align: center; margin: -55px 30px 40px; border-bottom: 1px solid #ddd; } #site-footer .copyright_text { margin-top: -5px; margin-bottom: 26px; } #site-footer .copyright_text a { display: inline-block; line-height: 1.1; border-bottom: 1px solid; } .trigger-footer-widget-icon { display: inline-block !important; padding: 9px 20px; margin-bottom: 1px; } .trigger-footer-widget-icon:before { content: "\f141"; display: inline-block; font-size: 24px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .trigger-footer-widget-icon:hover { cursor: pointer; } .trigger-footer-widget-icon.active:hover { cursor: default; } #site-footer .widget li:last-child { padding-bottom: 0; } #site-footer .button.checkout.wc-forward { margin-bottom: 0; } .footer_socials_wrapper { text-align: center; margin-bottom: 21px; margin-left: 0; } .footer_socials_wrapper li { display: inline-block; font-size: 24px; margin: 0 15px 15px; } .footer-navigation-wrapper { text-align: center; } .footer-navigation-wrapper ul { list-style: none; display: inline-block; text-align: center; line-height: 14px; margin-bottom: 19px; margin-top: -2px; margin-left: 0; } .footer-navigation-wrapper ul:after { content: ""; display: block; clear: both; } .footer-navigation-wrapper ul li { display: block; margin: 0px 0px 15px 0; } .footer-navigation-wrapper ul li:last-child { border-right: none; padding-right: 0; margin-right: 0; } .footer-navigation-wrapper ul li a { font-size: 15px; line-height: 1; } .cd-top { position: fixed; font-size: 24px; right: 55px; bottom: 0; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1); border-radius: 46px; overflow: hidden; visibility: hidden; opacity: 0; transition: all .3s ease-in-out; z-index: 999; display: block; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; text-align: center; padding-top: 6px; width: 38px; height: 38px; color: #000; transition: all .5s; &.cd-is-visible { visibility: visible; opacity: 1; bottom: 55px; &:hover { opacity: .7; } } } .cd-top.cd-fade-out { /*opacity: .1;*/ } /**********************************************************************************/ /* Search results *****************************************************************/ /**********************************************************************************/ .search-results { padding-bottom: 90px; } .search-results .page-header { margin-bottom: 96px; } .search-results-title .page-title { display: block; text-align: center; margin-top: 2px; } .search_result_item { padding-bottom: 21px; margin-bottom: 33px; border-bottom-width: 1px; border-bottom-style: solid; } .search_result_item:last-of-type { border-bottom: none; } .search_result_item .entry-title-archive { margin-bottom: 13px; } .search-results #nav-below.paging-navigation { padding-left: 0; padding-right: 0; } /**********************************************************************************/ /* Blog ***************************************************************************/ /**********************************************************************************/ /* General */ .top-page-excerpt, .top-page-excerpt p { text-align: center; font-size: 0.875rem; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 58px; } .content-area { position:relative; } #page_wrapper.transparent_header .page-title-hidden .content-area, #page_wrapper.transparent_header .content-area.blog-single, #page_wrapper.transparent_header .content-area.shop-page { /*padding:0 !important;*/ margin:0 !important; } .entry-content:after { content: ''; display: block; clear: both; } .entry-header-page { margin-bottom: 45px; } .entry-header-page.with-featured-img { padding: 200px 0 170px; margin-top: -85px; } .entry-header-page.with-featured-img { h2, h1, p, li, a { color: #FFF; border-bottom-color: #FFF; } } .edit-link { font-size: 0.8125rem; text-transform: uppercase; font-weight: 900; } /* Post Meta */ .post_meta_archive, .post_meta { font-size: 0.825rem; line-height: 1.5em; } .post_meta { text-align: center; margin:0; margin-bottom: 80px; } .post_meta_archive a, .post_meta a { margin-right: 16px; margin-left: 4px; text-transform: uppercase; font-weight: 900; } .post_meta a { display: inline-block; padding-bottom: 4px; margin-bottom: 8px; border-bottom: 1px solid #ddd; transition: color 0.3s, border-color 0.3s; -webkit-transition: color 0.3s, border-color 0.3s; } .post_meta a:hover { border-bottom: 1px solid transparent; } .post_meta_archive a:last-child, .post_meta a:last-child { margin-right: 0; } .post_meta_archive a { font-weight: bold; } .post_meta_archive a[rel^="category"], .post_meta a[rel^="category"] { margin-right: 0; } .post_meta:before { content: ""; display: block; background: none repeat scroll 0 0 #000; height: 3px; margin: 24px auto 28px; width: 100px; } .entry-meta .post_meta { font-size: 13px; margin-top: 20px; margin-bottom: 54px; } .entry-meta .post_meta:before { display: none; margin-bottom: 31px; } /* Tags */ .post_tags { text-align: center; } .post_tags a { display: inline-block; font-size: 12px; line-height: 1.2; font-weight: bold; margin-bottom: 10px; margin-left: 10px; padding: 6px 13px 4px; border-width: 1px; border-style: solid; border-radius: 13px; text-transform: uppercase; word-wrap: break-word; transition: all .3s; -webkit-transition: all .3s; } .post_tags a:first-child { margin-left: 0; } .post_tags a:hover { border: 1px solid; color: #fff; } /* Standard Post Format */ .single-post-header.with-thumb { margin-top: -85px; margin-bottom: 90px; position: relative; } .single-post-header.with-thumb .title { padding: 125px 0 55px 0; } .single-post-header-bkg { width:100%; height:100%; opacity: 0; background-size:cover; background-position: 50% 0; background-repeat: no-repeat; background-color: transparent; position:absolute; left:0; top:0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; @media only screen and (max-width: 1280px) { background-position: 50% 0 !important;} } .single-post-header-bkg.loaded { opacity: 1; } .single-post-header-overlay { content:""; display:block; width:100%; height:100%; background:#000; opacity:0.3; position:absolute; left:0; top:0; transition: all 0.3s; -webkit-transition: all 0.3s; } .single-post-header.with-thumb .entry-title, .single-post-header.with-thumb .post_meta, .single-post-header.with-thumb .post_meta a { color: #fff; } .single-post-header.with-thumb .post_meta a:hover { color: #fff !important; } .single-post-header.with-thumb .post_meta:before { background: #fff; } .entry-title a:hover { color: #777777; } .entry-content h6 img { margin: 15px 0 20px; } .entry-thumbnail { margin:0 -30px 22px; } .blog-single .drop-cap:first-letter { float:left; font-size:6.25em; margin-right:0.17em; line-height:80%; font-weight: bold; } .wp-caption { position: relative; } .wp-caption-text, .blog-isotope .entry-content-archive p.wp-caption-text { padding:15px 0 0; margin: 0; } .wp-caption.alignnone { margin-bottom: 20px; } .wp-caption.alignright, img.alignright, .wp-caption.alignleft, img.alignleft { margin-bottom: 10px; } .wp-caption.alignleft { margin-right: 0.9375em; } .wp-caption.aligncenter { margin-bottom: 16px; } blockquote { position: relative; } blockquote:before { content:"\f10d"; left: -2px; top: 4px; } blockquote p { font-size: 1.875rem; line-height: 1.333em; padding-left: 30px; position: relative; margin-bottom: 0; } .nav-next-title:after, .nav-previous-title:before, blockquote:before { display: inline-block; position: absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .entry-content ins { font-size: 1em; background-color: #777777; padding: 2px 6px 3px; } code { font-size: 1rem; } .keystroke, kbd { background-color: #f5f5f5; border-color: #dddddd; padding: 2px 6px 3px; } .post_footer_date { margin:80px 0 50px 0; } .content_hr { margin:50px 0 100px 0; border-color:#eee; } .video-container { padding-bottom:65px; margin-top: 25px; text-align:center; } .video-container iframe { margin:0 auto !important; } .mejs-container { margin: 20px 0; } .mejs-container .mejs-controls > div:last-of-type { position: relative; clear: both; float: right; top: -26px; } .single-post .with-sidebar .large-9 { padding-right: 33px; } .entry-header.with_featured_img { padding: 240px 0 200px 0; background-size: cover; background-position: 50% 0; } .entry-header.with_featured_img .page-title { margin: 0; padding: 0; } /**********************************************************************************/ /* Parallax Container *************************************************************/ /**********************************************************************************/ .parallax-container { color: #FFFFFF; width: 100%; overflow: hidden; padding: 0; background-size: cover !important; position: relative; margin: -120px 0 73px; text-align: left; background-attachment: scroll; background-repeat: repeat-y; background-position: 50% 0; } .parallax-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2) repeat scroll; } .parallax-content { padding-bottom: 130px; } .parallax-container .entry-title { font-size: 3.125em; color: #fff; margin: 0; padding: 130px 0 39px; } .parallax-container p { font-size: 1.125em; line-height: 1.666em; } /* Error 404 */ /* No Search Results */ .error-404, .no-results { text-align: center; margin-top: -30px; } .error-404 h1.page-title, .no-results h1.page-title { line-height: 1; font-weight: 900; } .error-404 h1.page-title { margin-bottom: 23px; } .no-results h1.page-title { margin-top: 100px; margin-bottom: 30px; } .error-banner { padding: 5px 0 30px; } .error-banner img { max-width: 120px; } .error-404 .page-header, .no-results .page-header { margin-bottom: 0; } .error-404-text { margin-bottom: 35px; } .no-results-text { margin-bottom: 42px; } .no-results-text:before { content: "\f071"; display: inline-block; margin-right: 10px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .error-404 .search-form, .no-results .search-form { display: block; padding-bottom: 47px; } .error-404 .search-form:after, .no-results .search-form:after { content: ""; display: block; clear: both; } .error-404 .search-form label, .no-results .search-form label { display: none; } .error-404 input[type="text"], .error-404 input[type="search"], .error-404 input[type="submit"], .no-results input[type="text"], .no-results input[type="search"], .no-results input[type="submit"] { float: left; height: 50px; } .error-404 input[type="text"], .error-404 input[type="search"], .no-results input[type="text"], .no-results input[type="search"] { margin-bottom: 20px; } /* Categories List */ .site-content .list-centered, .list-centered { margin-left: 0; margin-bottom: 5px; text-align: center; list-style:none; } .list-centered li { display: inline-block; } .list-centered li a { font-size: 13px; font-weight: bold; margin-left: 2px; margin-bottom: 10px; margin: 0 12px 5px; padding: 5px 0px; border-bottom-width: 1px; border-bottom-style:solid; background: none; text-transform: uppercase; display: inline-block; transition: color 0.3s, border-color 0.2s; -webkit-transition: color 0.3s, border-color 0.3s; } .list-centered li a:hover { border-bottom: 1px solid transparent; } /* Password Protected Post */ .entry-content > .post-password-form { margin: 300px auto; max-width: 1024px; width: 100%; } .post-password-form input { margin-bottom: 10px; } /* Navigation */ .paging-navigation, .post-navigation { background: #fafafa; position: relative; height: 70px; // margin-top: 50px; } .portfolio_content_nav .post-navigation { margin-top: 0; } .nav-previous { margin-left: -30px; margin-right: -10px; font-size: 0; } .nav-next { margin-left: -9px; margin-right: -30px; font-size: 0; } .nav-next a, .nav-previous a { font-size: 0.875em; font-weight: 900; display: block; background: #f5f5f5; height: 70px; text-align: center; padding-top: 20px; position: relative; z-index: 2; } .nav-next .nav-next-title, .nav-previous .nav-previous-title, .nav-next a span, .nav-previous a span { display: none; } .nav-previous.disabled { background: #d7d7d7; } .paging-navigation:before, .paging-navigation:after, .post-navigation:before, .post-navigation:after, .nav-next a:before, .nav-previous a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; } .paging-navigation:before, .post-navigation:before, .nav-previous a:before { content: "\f104"; } .paging-navigation:after, .post-navigation:after, .nav-next a:before { content: "\f105"; } .paging-navigation:before, .paging-navigation:after, .post-navigation:before, .post-navigation:after { position: absolute; top: 50%; margin-top: -15px; color: #ccc; } .paging-navigation:before, .post-navigation:before { left: 25%; margin-left: -5px; } .paging-navigation:after, .post-navigation:after { left: 75%; margin-left: -5px; } .nav-next-title, .nav-previous-title { position: relative; } .nav-previous-title { padding-left: 15px; } .nav-next-title { padding-right: 15px; } .nav-previous .meta-nav { display: inline-block; margin-right: 5px; } .nav-next .meta-nav { display: inline-block; margin-left: 5px; } .nav-previous-title:before, .nav-next-title:after { font-size: 8px; } .nav-previous-title:before { content: "\f053"; left: 0; top:10px; } .nav-next-title:after { content: "\f054"; right: 0; top: 10px; } /* Paging Navigation */ #nav-below.paging-navigation { text-transform: capitalize; margin-bottom: 0px; } .paging-navigation .fa { font-size: 0.380em; display: none; vertical-align: middle; padding-bottom: 3px; } .paging-navigation .nav-previous, .paging-navigation .nav-next { display: block; } /* Comments */ .comments_section { border-top-width: 1px; border-top-style: solid; } .with-sidebar .comments_section { background:none; } .comment-author { margin-bottom: 0px; font-weight: 900; } .comment-metadata { margin-top: -5px; margin-bottom: 17px; } .comment-reply { display: inline-block; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .comment-reply i, .comment-edit-link i { margin-right:5px; } .comment-reply-link { font-size:13px; font-weight: bold; text-transform: uppercase; } #respond { margin-top: 20px; } #commentform p { margin: 0; padding: 5px 0; } #commentform .comment-notes { padding: 0 0 16px; } #commentform .form-submit { text-align:left; margin-top: 10px; } .comment-edit-link { font-size: 0.8125rem; text-transform: uppercase; font-weight: 900; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .comment-edit-link:hover, .comment-reply:hover { opacity: 0.8; } /* Pingbacks And Trackbacks */ .comment-list .pingback { padding-bottom: 29px; margin-bottom: 29px; border-bottom-width: 1px; border-bottom-style: solid; } .comment-list .pingback:last-of-type { border-bottom: none; } .comment-list .pingback .url { display: block; font-weight: 900; line-height: 1.5; margin: 5px 0; } /**********************************************************************************/ /* My Account *********************************************************************/ /**********************************************************************************/ .woocommerce-account .row .entry-content { max-width: 1200px; margin: 75px auto; min-height: 300px; } .woocommerce-MyAccount-navigation ul { list-style-type: none; margin: 0; } .woocommerce-MyAccount-navigation ul li { margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-family: Poppins; font-size: 13px; } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 78%; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 20%; } .woocommerce-payment-methods.woocommerce-account .woocommerce-Message--info { margin-bottom: 35px !important; } .woocommerce-account .woocommerce a.button:hover { color: #FFFFFF; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background: transparent; } /**********************************************************************************/ /* Cart Page **********************************************************************/ /**********************************************************************************/ .woocommerce-cart .entry-content .woocommerce { max-width: 1260px; position: relative; margin: 0 auto; } .woocommerce-cart .entry-content .woocommerce > form { width: 60%; float: left; margin-bottom: 100px; } .woocommerce-cart .entry-content .woocommerce form thead { display: none; } .woocommerce-cart .entry-content .woocommerce form table.shop_table tr:first-child td { border-top: none; } .woocommerce-cart .entry-content .woocommerce .cart-collaterals { width: 35%; float: right; padding: 0; margin-bottom: 40px; } .woocommerce-cart .entry-content .woocommerce .cart-collaterals .cart_totals { padding: 40px 40px 30px; } .woocommerce table.shop_table.cart td.actions, .woocommerce-page table.shop_table.cart td.actions { padding: 40px 0 0 0; } .woocommerce-cart .entry-content .woocommerce .actions .button { float: right; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width: 60%; position: relative; } .woocommerce-cart .entry-content .woocommerce .actions .coupon .button { position: absolute; right: 0px; top: 3px; padding: 0; margin: 0; background: none !important; min-width: 0; width: auto; } .woocommerce-cart .entry-content .woocommerce .actions > .button { background: none !important; top: 3px; min-width: 0; padding-right: 0 !important; padding-left: 0 !important; } .woocommerce-cart .entry-content .woocommerce .actions .coupon .button:active, .woocommerce-cart .entry-content .woocommerce .actions .coupon .button:focus { outline: none; border: none; } .woocommerce-cart #content table.cart td.actions .coupon #coupon_code { padding: 16px; min-width: 200px; width: 100%; height: 50px; font-size: 13px; display: block; margin-right: 0px; padding-right: 130px; // text-indent: -9999px; border-style: dashed; padding-left: 65px; color: #000; text-transform: uppercase; font-weight: bold; } .woocommerce-cart #content table.cart td.actions .coupon { &:before { content: "\e909"; font-family: 'Shopkeeper-Icon-Font'; position: absolute; left: 20px; top: 10px; font-size: 36px; color: #000; } } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 100%; float: none; padding: 40px 40px 0 40px; } .woocommerce-cart .cart-collaterals:before, .woocommerce-cart .cart-collaterals:after { content: ""; display: block; height: 10px; width: 100%; background-color: transparent; background-size: 20px 20px; background-position: 0 10px, 40px 40px; } .woocommerce-cart .cart-collaterals:before { margin-top: -10px; } .woocommerce-cart .cart-collaterals:after { bottom: -10px; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); position: relative; } .cart-collaterals .cart_totals .shop_table .order-total .woocommerce-Price-amount { font-size: 24px; } .cart-collaterals .cart_totals .shop_table .order-total .includes_tax .woocommerce-Price-amount { font-weight: normal; // font-size: 14px; } .woocommerce-cart .cart-collaterals .cart_totals th { text-transform: uppercase; } .woocommerce-cart .cart-collaterals .cart_totals tr.order-total th { vertical-align: top; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { margin-bottom: 0; } .woocommerce-cart .wc-proceed-to-checkout { padding-bottom: 0; } /**********************************************************************************/ /* Shop Catalog *******************************************************************/ /**********************************************************************************/ #products-grid li.ajax-loaded { opacity: 0; animation: product-fade-in; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease-in; @for $i from 1 through 20 { &.delay-#{$i} { animation-delay: (#{0s + $i*0.1s}); } } } body.archive #products-grid li { opacity: 0; animation: product-fade-in; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease-in; @for $i from 1 through 20 { &.delay-#{$i} { animation-delay: (#{0s + $i*0.1s}); } } } @keyframes product-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .filters_button { font-size:1.15em; padding:0 1em 1px 1.3em; vertical-align:text-bottom; position:relative; display:inline-block; } .shop_header.with_featured_img .shop_header_overlay { background: rgba(0,0,0,0.3); } .shop_header.with_featured_img .shop_header_bkg { background-position: 50% 0px; } .filters_button:before { width:16px; height:16px; content:""; position:absolute; top:2px; left:0; display:block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content:"\f0c9"; font-size:.75em; } .product_after_shop_loop { height:33px; overflow:hidden; margin-top: -0.3em; } .product_after_shop_loop_switcher { height:66px; overflow:hidden; -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -o-transition: -o-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .3s ease; -moz-transform: rotate(0); -webkit-transform: translateZ(0); } .products li:not(.catalog_mode):hover .product_after_shop_loop_switcher { transform: translateY(-33px); -ms-transform: translateY(-33px); -webkit-transform: translateY(-33px); } .products li.product_added_to_cart .product_after_shop_loop_switcher { transform: translateY(-33px); -ms-transform: translateY(-33px); -webkit-transform: translateY(-33px); -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } li.display_buttons .product_after_shop_loop { height:66px; overflow:hidden; margin-top: -0.3em; } .products li.display_buttons:not(.catalog_mode):hover .product_after_shop_loop_switcher { transform: translateY(0); } .products li.display_buttons.product_added_to_cart .product_after_shop_loop_switcher { transform: none; -ms-transform: none; -webkit-transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .products li.display_buttons .product_after_shop_loop_price, .products li.display_buttons .product_after_shop_loop_buttons { height: auto; } .products li.display_buttons .product_after_shop_loop_buttons { margin-top: -7px; } .product_after_shop_loop .price, .product_after_shop_loop .price ins { font-size: 0.875rem; line-height:16px; } .product_after_shop_loop .price:visited { color: inherit; } .product_after_shop_loop .price ins { background: none; padding: 0; padding-left: 4px; } .product_after_shop_loop_price { height:33px; overflow:hidden; } .product_after_shop_loop_buttons { height:33px; overflow:hidden; } .product_thumbnail_wrapper { position: relative; } .product_thumbnail { &.loading { width: 100%; height: 100%; &:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; content: ""; height: 100%; width: 100%; background: url('../images/morph-shape-gif-preloader.gif') center no-repeat rgba(255,255,255,.65); background-size: auto 15px; } } } .product_thumbnail.with_second_image { position: relative; } .product_thumbnail_background { width: 100%; height: 100%; opacity: 0; display: block; position: absolute; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity 0ms ease 0.3s !important; -moz-transition: opacity 0ms ease 0.3s !important; transition: opacity 0ms ease 0.3s !important; } .product_thumbnail_wrapper:hover .product_thumbnail.with_second_image .product_thumbnail_background { opacity: 1; -webkit-transition: opacity 0ms ease 0s !important; -moz-transition: opacity 0ms ease 0s !important; transition: opacity 0ms ease 0s !important; } .product_thumbnail_wrapper .product_thumbnail.with_second_image { a { &:hover { opacity: 1; } } } .product_thumbnail.with_second_image.second_image_loaded img { opacity: 1 !important; transform: translateZ(0) rotate(0); -webkit-transform: translateZ(0) rotate(0); -webkit-transition: opacity 300ms ease 0s !important; -moz-transition: opacity 300ms ease 0s !important; transition: opacity 300ms ease 0s !important; } .product_thumbnail_wrapper:hover .product_thumbnail.with_second_image.second_image_loaded img { opacity: 0 !important; -webkit-transition: opacity 300ms ease 0.05s !important; -moz-transition: opacity 300ms ease 0.05s !important; transition: opacity 300ms ease 0.05s !important; } .active_filters { margin:0 0 15px 0; } .active_filters .widget { margin:0; padding:0; } /**********************************************************************************/ /* Product Quick View *************************************************************/ /**********************************************************************************/ // .woocommerce .button.getbowtied_product_quick_view_button { position: absolute; top: 100% !important; left: 0; width: 100%; text-align: center; height: 40px; margin: -40px 0 0 0 !important; background: #FFF !important; z-index: 999; opacity: 0; transition: all .5s !important; -webkit-transition: all .5s !important; -moz-transition: all .5s !important; -o-transition: all .5s !important; padding-top: 12px !important; } ul.products-grid li:hover .button.getbowtied_product_quick_view_button, .single_product_summary_related ul li:hover .button.getbowtied_product_quick_view_button { opacity: 1; } .woocommerce .button.getbowtied_product_quick_view_button:hover { background: #FFF !important; } .woocommerce .button.getbowtied_product_quick_view_button { &::before { content:"\e903"; position: relative; top: 0 !important; margin-right: 6px; font-size: 18px; font-family: 'Shopkeeper-Icon-Font'; display: inline-block; vertical-align: middle; margin-top: -4px; } &.loading { &:after { margin-top: 10px; } } } /**********************************************************************************/ /* Categories Grid ****************************************************************/ /**********************************************************************************/ .categories_grid { /*margin:30px 0 0px 0;*/ } article .categories_grid { margin-bottom: 0px; } .categories_grid:before, .categories_grid:after { content: " "; display: table; } .categories_grid .category_grid_box, .category_list .category_grid_box { overflow: hidden; position: relative; display: block; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .categories_grid .category_item, .category_list .category_item { display:table !important; width:100%; color:#fff; position:relative; border-spacing:0; } .category_item_bkg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-color:#333; background-size:cover; background-repeat:no-repeat; background-position:center; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); max-width: none; min-height: 100.6%; position: absolute; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0); } .categories_grid .category_grid_box:hover .category_item_bkg, .category_list .category_grid_box:hover .category_item_bkg { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .categories_grid .category_name, .category_list .category_name { width:100%; display: table-cell; line-height:1.333em; font-weight:700; padding: 53px 50px; background:rgba(0,0,0,0); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; position: relative; z-index: 2; } .categories_grid .category_name:hover, .category_list .category_name:hover { background:rgba(0,0,0,.6); } /**********************************************************************************/ /* Product Single *****************************************************************/ /**********************************************************************************/ /**********************************************************************************/ /* Widgets ************************************************************************/ /**********************************************************************************/ .wpb_widgetised_column { margin-bottom: 150px; padding-right: 30px; } #secondary.wpb_widgetised_column { padding-right: 0; margin-bottom: 0; /*max-width: 260px;*/ } .wpb_widgetised_column .widget { border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0; padding-top: 50px; padding-bottom: 50px; } .widget:first-child { padding-top: 0; } .widget:last-child { border-bottom: none; } .wpb_widgetised_column table tr td, /*.wpb_widgetised_column .widget_layered_nav ul li a, .wpb_widgetised_column .widget_layered_nav ul li span,*/ /*.wpb_widgetised_column .widget_layered_nav_filters ul li a, .wpb_widgetised_column .widget_layered_nav_filters ul li span,*/ .wpb_widgetised_column .widget_calendar, .wpb_widgetised_column .widget_calendar caption { color: inherit !important; } .widget h3, .wpb_wrapper .widget h3 { font-size:14px !important; font-weight:bold; margin: 0px 0 15px; padding:0; position: relative; text-transform:uppercase; } .widget form > div { padding-top: 18px; } .widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] { width: 100%; min-width: inherit; } .widget > ul, .woocommerce .widget_layered_nav > ul, .widget > form { margin: 0; } .widget:first-child ul, .widget:first-child form { display: block; } .woocommerce .widget_layered_nav ul li, .widget ul li { margin-bottom: 10px; padding-bottom: 0; } .widget ul li:last-child, .woocommerce-page .widget_layered_nav ul li:last-child { margin-bottom: 0px; } .widget > ul > li:first-child, .woocommerce .widget_layered_nav > ul > li:first-child { padding-top: 7px; } .widget ul .children, .widget ul .sub-menu, .widget ol .children, .widget ol .sub-menu { border: none; } .widget.widget_layered_nav, .widget.widget_layered_nav_filters { padding-bottom: 38px; } .woocommerce .widget_layered_nav ul li.chosen, .woocommerce-page .widget_layered_nav ul li.chosen, .woocommerce .widget_layered_nav_filters ul li, .woocommerce-page .widget_layered_nav_filters ul li { color: #fff; } .woocommerce .widget_layered_nav_filters ul li, .woocommerce-page .widget_layered_nav_filters ul li { float: none; display: inline-block; padding-left: 0; padding-bottom: 0; margin: 0 16px 10px 0; } .widget_calendar table { margin-bottom: 0; } .woocommerce .widget_layered_nav_filters ul li a:before, .woocommerce-page .widget_layered_nav_filters ul li a:before { margin-top: 2px !important; } .widget ul li a, .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span, .woocommerce-page .widget_layered_nav ul li a, .woocommerce-page .widget_layered_nav ul li span { text-transform: capitalize; line-height: 1.5em; } .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span, .woocommerce-page .widget_layered_nav ul li a, .woocommerce-page .widget_layered_nav ul li span { float: none; padding: 0; } /*.woocommerce .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce-page .widget_layered_nav_filters ul li a { padding: 7px 13px 8px 13px; border: none; line-height: 1; border-radius: 20px; text-transform: uppercase; font-size: 13px; display: inline-block; font-weight: bold !important; }*/ /*.woocommerce .widget_layered_nav ul li.chosen a:before, .woocommerce-page .widget_layered_nav ul li.chosen a:before, .woocommerce .widget_layered_nav_filters ul li a:before, .woocommerce-page .widget_layered_nav_filters ul li a:before { content: "\f00d"; display: inline-block; color: inherit; float: left; font:normal normal normal 13px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 5px 0 0; opacity: 0.5; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; }*/ /*.woocommerce .widget_layered_nav ul li.chosen a:hover, .woocommerce-page .widget_layered_nav ul li.chosen a:hover, .woocommerce .widget_layered_nav_filters ul li a:hover, .woocommerce-page .widget_layered_nav_filters ul li a:hover { opacity: 1; } .woocommerce .widget_layered_nav ul li.chosen a:hover:before, .woocommerce-page .widget_layered_nav ul li.chosen a:hover:before, .woocommerce .widget_layered_nav_filters ul li a:hover:before, .woocommerce-page .widget_layered_nav_filters ul li a:hover:before { color: #fff; opacity: 0.9; }*/ .widget_layered_nav_filters .amount { color: #fff; margin-top: 0; margin-left: 3px; } .woocommerce .widget_layered_nav ul small.count, .woocommerce-page .widget_layered_nav ul small.count { display: none; } /* Text Widget */ .textwidget p:last-child { margin-bottom: 0; } /* Search */ .site-search { display: table; width: 100%; height: 100%; background: rgba(255,255,255,0.95); position: fixed; top:0; left: 0; z-index: -1; opacity: 0; transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s; -webkit-transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s; } .site-search.open { z-index: 9999; opacity: 1; transition: opacity .5s, z-index 0s; -webkit-transition: opacity .5s, z-index 0s; } .site-search .woocommerce-product-search, .site-search .widget_search .search-form { border: none; width: 50%; margin-top: 300px; position: fixed; top: 50%; margin-top: 300px; left: 50%; } .site-search .woocommerce-product-search, .site-search .widget_search .search-form, .submit_icon { opacity: 0; transition: margin-top .5s, opacity .5s; -webkit-transition: margin-top .5s, opacity .5s; } .site-search.open .woocommerce-product-search, .site-search.open .widget_search .search-form { margin-top: -25px; } .site-search.open .woocommerce-product-search, .site-search.open .widget_search .search-form, .site-search.open .submit_icon { opacity: 1; transition: margin-top .5s, opacity .5s; -webkit-transition: margin-top .5s, opacity .5s; } .site-search .woocommerce-product-search, .site-search .search-form div { padding-top: 0; } .site-search .widget_search .search-form:after, .site-search .woocommerce-product-search:after { display: none; } .site-search .widget_product_search .search-field, .site-search .widget_search .search-field { color: #000; background: none; border: none; border-bottom: 1px solid #ddd; font-size: 30px; font-weight: 900; padding: 6px 15px; height: auto; } .search-form .search-field::-webkit-input-placeholder { opacity: 0; } .search-form .search-field::-moz-placeholder { opacity: 0; } /* firefox 19+ */ .search-form .search-field:-ms-input-placeholder { opacity: 0; } /* ie */ .search-form .search-field:-moz-placeholder { opacity: 0; } .widget_product_search .search-field::-webkit-input-placeholder { opacity: 0; } .widget_product_search .search-field::-moz-placeholder { opacity: 0; } /* firefox 19+ */ .widget_product_search .search-field:-ms-input-placeholder { opacity: 0; } /* ie */ .widget_product_search .search-field:-moz-placeholder { opacity: 0; } .site-search .search-form .search-field::-webkit-input-placeholder { font-weight: 900;color: #a1a1a1; opacity: 1; } .site-search .search-form .search-field::-moz-placeholder { font-weight: 900; color: #a1a1a1; opacity: 1;} /* firefox 19+ */ .site-search .search-form .search-field:-ms-input-placeholder { font-weight: 900;color: #a1a1a1; opacity: 1;} /* ie */ .site-search .search-form .search-field:-moz-placeholder { font-weight: 900;color: #a1a1a1; opacity: 1; } .site-search .widget_product_search .search-field::-webkit-input-placeholder { font-weight: 900;color: #a1a1a1; opacity: 1; } .site-search .widget_product_search .search-field::-moz-placeholder { font-weight: 900; color: #a1a1a1; opacity: 1; } /* firefox 19+ */ .site-search .widget_product_search .search-field:-ms-input-placeholder { font-weight: 900;color: #a1a1a1; opacity: 1; } /* ie */ .site-search .widget_product_search .search-field:-moz-placeholder { font-weight: 900;color: #a1a1a1; opacity: 1; } .widget_product_search .search-field:focus, .site-search .search-field:focus { background: none !important; } .woocommerce-product-search { position: relative; } .widget_search .search-form { border-width: 1px; border-style: solid; position: relative; } .widget_search .search-form:after, .woocommerce-product-search:after { content: "\f002"; display: inline-block; vertical-align: middle; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget_search .search-form:after, .woocommerce-product-search:after, .submit_icon, .widget_product_search input[type="submit"], .widget_search #searchsubmit, .widget_product_search .search-submit, .widget_search .search-submit { position: absolute; top: 0px; right: 0px; font-weight: normal; text-transform: uppercase; text-align: center; width: 40px; height: 40px; line-height: 40px; z-index: 2; overflow: hidden; font-size: 16px; cursor: pointer; color: #000; } .widget_search .search-field { background: #fff; border: none; } .widget_search .search-field:focus { background: #fff; } .site-search .widget_product_search input[type="submit"], .site-search .widget_product_search .search-submit, .site-search .widget_search .search-submit, .submit_icon { top: 10px; right: 15px; padding-top: 0 !important; } .widget_search input[type="submit"].search-submit { width: 40px; } .submit_icon { font-size: 24px; } .widget_product_search input[type="submit"], .widget_product_search input[type="submit"]:hover, .widget_search #searchsubmit, .widget_search .search-submit, .widget_search #searchsubmit:hover, .widget_search .search-submit:hover { background: none !important; font-size: 0; min-width: 0; padding: 0 !important; z-index: 4; } #site-footer .widget_search .search-field { border: none; } #site-footer a, .widget a, .woocommerce .widget_layered_nav ul li a, .social_media { opacity: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } #site-footer a:hover, .widget a:hover, .social_media:hover { opacity: 0.7; } .widget a.ui-slider-handle:hover, .widget .tagcloud a:hover, #site-footer .widget a.ui-slider-handle:hover, #site-footer .widget .tagcloud a:hover { opacity: 1; } .widget_shopping_cart .buttons a:hover { opacity: 1; } // .widget_shopping_cart li.empty // { // font-size: 1rem; // font-weight: bold; // margin-bottom: 0 !important; // } // .widget_shopping_cart li.empty:before // { // background: url("../images/empty_cart.png") center center no-repeat; // background-size: 100%; // width: 80px; // height: 80px; // margin-top: -20px; // float: left; // margin-right: 20px; // content: " "; // } // .widget_shopping_cart p.cart-empty-text // { // padding-left: 0; // } // .widget_shopping_cart p.cart-empty-text:before // { // background: url("../images/empty_cart.png") center center no-repeat; // background-size: 100%; // width: 80px; // height: 80px; // margin-top: -20px; // float: left; // margin-right: 20px; // content: " "; // } .wpb_widgetised_column aside { font-weight: normal; font-size: 0.8125rem; } .wpb_widgetised_column aside ul li a { font-weight: normal; font-size: 0.8125rem; } .wpb_widgetised_column aside ul li span.count { border-color: transparent; } .wpb_widgetised_column aside ul li a:hover { opacity: 1; } .wpb_widgetised_column aside ul li span.count { float: right; font-size: 0.6875rem; line-height: 1; padding: 6px 10px 4px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align: center; min-width: 10px; margin-top: -1px; border-width: 1px; border-style: solid; } .wpb_widgetised_column .widget a, .wpb_widgetised_column .widget .count { transition: all .3s ease !important; -webkit-transition: all .3s ease !important; -moz-transition: all .3s ease !important; } .wpb_widgetised_column .widget a:before { transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; } .wpb_widgetised_column aside ul li.chosen span.count { color: #FFF; } .woocommerce .widget_layered_nav ul li a:before, .woocommerce-page .widget_layered_nav ul li a:before, .widget_layered_nav ul li a:before { content: " "; width: 14px; height: 14px; border-style: solid; border-width: 1px; margin-right: 8px; display: block; float: left; margin-top: 2px; border-radius: 2px; } .woocommerce .widget_layered_nav ul li.chosen a:before, .woocommerce-page .widget_layered_nav ul li.chosen a:before, .widget_layered_nav ul li.chosen a:before { background: url("../images/filter-check.svg") center center no-repeat; content: " "; border: 0; } .woocommerce .widget_rating_filter ul li.chosen a:before { background: url("../images/filter-delete.svg") center center no-repeat; content: " "; border: 0; display: block; width: 14px; height: 14px; float: left; margin-top: 3px; border-radius: 2px; } .woocommerce .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a, .widget_layered_nav ul li.chosen a { font-weight: bold; } .woocommerce .widget_layered_nav ul li.chosen a:hover:before, .woocommerce-page .widget_layered_nav ul li.chosen a:hover:before, .widget_layered_nav ul li.chosen a:hover:before { background: url("../images/filter-delete.svg") center center no-repeat; content: " "; } .woocommerce .widget_layered_nav ul li.chosen a:hover, .woocommerce-page .widget_layered_nav ul li.chosen a:hover, .widget_layered_nav ul li.chosen a:hover { opacity: .8; } .woocommerce .widget_product_categories ul li a:before, .woocommerce-page .widget_product_categories ul li a:before, .widget_product_categories ul li a:before { content: " "; width: 14px; height: 14px; border-style: solid; border-width: 1px; margin-right: 8px; display: block; float: left; margin-top: 2px; border-radius: 14px; } .woocommerce .widget_product_categories ul li.current-cat a, .woocommerce-page .widget_product_categories ul li.current-cat a, .widget_product_categories ul li.current-cat a { font-weight: bold; } .woocommerce .widget_product_categories ul li.current-cat a:hover, .woocommerce-page .widget_product_categories ul li.current-cat a:hover, .widget_product_categories ul li.current-cat a:hover { opacity: .8; } .woocommerce .widget_layered_nav_filters ul li a:before, .woocommerce-page .widget_layered_nav_filters ul li a:before, .widget_layered_nav_filters ul li a:before { width: 14px; height: 14px; margin-right: 8px; display: block; float: left; margin-top: 3px; border-radius: 2px; background: url("../images/filter-check.svg") center center no-repeat; content: " "; } .woocommerce .widget_layered_nav_filters ul li a, .woocommerce-page .widget_layered_nav_filters ul li a, .widget_layered_nav_filters ul li a { font-weight: bold; } .woocommerce .widget_layered_nav_filters ul li > a:hover:before, .woocommerce-page .widget_layered_nav_filters ul li > a:hover:before, .widget_layered_nav_filters ul li > a:hover:before { background: url("../images/filter-delete.svg") center center no-repeat; content: " "; } .woocommerce .widget_layered_nav_filters ul li > a:hover, .woocommerce-page .widget_layered_nav_filters ul li > a:hover, .widget_layered_nav_filters ul li > a:hover { opacity: .8; } .widget_product_categories ul li a:hover ~ .count, .widget_layered_nav ul li a:hover ~ .count { background: transparent; border-width: 1px; border-style: solid; } /********************************************************************************* /* Off-canvas Left *****************************************************************/ /**********************************************************************************/ .offcanvas_content_left { background:#fff; padding:30px; min-height:100%; } .offcanvas_content_left.wpb_widgetised_column { margin-bottom: 0; } #button_offcanvas_sidebar_left { z-index:9999999; transform : translate3d(0, 0, 0); backface-visibility: hidden; display: inline-block; vertical-align: middle; transition: all .5s; line-height: 24px; cursor: pointer; padding-right: 15px; transition: all .5s; .filters-text { display: inline-block; font-size: 13px; cursor: pointer !important; transition: all .5s; } } .archive .woocommerce-breadcrumb { display: inline-block; vertical-align: middle; width: 50%; padding: 0; .breadcrump_sep { padding-right: 7px; } } /* IE10+ CSS styles */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #button_offcanvas_sidebar_left { z-index:0; width:0; } #button_offcanvas_sidebar_left i { left:0px !important; } } /* IE9 CSS styles */ .ie9 #button_offcanvas_sidebar_left { z-index:0; width:0; } .ie9 #button_offcanvas_sidebar_left i { left:0px !important; } #button_offcanvas_sidebar_left i { font-size:16px; cursor:pointer; margin-right: 7px; display: inline-block; vertical-align: middle; line-height: 16px; margin-top: -4px; } #button_offcanvas_sidebar_left > span { text-transform: uppercase; font-size: 14px; font-weight: bold; vertical-align: middle; padding-right: 10px; &:first-child { padding-left: 0; } } .st-menu-open #button_offcanvas_sidebar_left { // display:none; } .st-menu.open { visibility: visible; } /**********************************************************************************/ /* Off-canvas Right *****************************************************************/ /**********************************************************************************/ .offcanvas_content_right li.open-offcanvas { display:none; } .offcanvas_content_right .wpb_widgetised_column { padding: 0; margin: 50px 0; } .offcanvas_content_right .wpb_widgetised_column aside { padding: 50px 35px; } .offcanvas_content_right .wpb_widgetised_column aside:first-child { padding: 0 35px 50px 35px; } .offcanvas_content_right .wpb_widgetised_column .widget_product_categories .count { display: none; } /**********************************************************************************/ /* Portfolio **********************************************************************/ /**********************************************************************************/ .portfolio-container .content-area { min-height: 0; } .portfolio-isotope { position: relative; } .portfolio-isotope:after { content: ""; display: block; clear: both; } .portfolio-box, .portfolio_related_item { width: 100%; float: left; margin: 0; padding-left: 0; padding-right: 0; opacity: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; /*overflow: hidden;*/ padding-bottom: 100%; } .portfolio-grid-sizer, .portfolio-box.width2 { width: 100%; } .portfolio-box.width2.height2 { width: 100%; } .portfolio-box.hidden { opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .portfolio-box-inner { position: relative; display: block; height: 100%; position: absolute; width: 100%; } /* Portfolio Filters */ .portfolio-filters .filters-group.list-centered { margin-bottom: 90px; } .filters-group li { display: inline-block; font-size: 13px; font-weight: bold; margin-left: 2px; margin-bottom: 10px; margin: 0 12px 5px; padding: 5px 0px; border-bottom: 1px solid #ddd; text-transform: uppercase; display: inline-block; cursor: pointer; transition: color 0.3s, border-color 0.2s; -webkit-transition: color 0.3s, border-color 0.3s; } .filters-group li:hover { border-bottom: 1px solid transparent; } /* Portfolio Hover Effect */ .hover-effect-link { display: block; overflow: hidden; margin: 0; background: #000; text-align: center; cursor: pointer; width: 100%; height: 100%; position: absolute; z-index: 1; } .hover-effect-link .hover-effect-thumb { display: block; opacity: 1; background-size: cover; background-position: center; background-repeat: no-repeat; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); max-width: none; min-height: 100.6%; position: absolute; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-30px,0, 0); transform: translate3d(-30px,0,0); } /* filter Safari ( from 5+ till 6.1) from Chrome: */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome, .hover-effect-link .hover-effect-thumb, .thumbnail_archive img { width: 110%; -webkit-transform: translate3d(-5%,0, 0); transform: translate3d(-5%,0,0); } ::i-block-chrome, .hover-effect-content:hover .hover-effect-thumb, .thumbnail_archive:hover img { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } ::i-block-chrome, .main-navigation ul ul { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } .hover-effect-content .hover-effect-title, .hover-effect-content .hover-effect-text { margin: 0; } .hover-effect-content .hover-effect-title, .wpb_wrapper h2.hover-effect-title { color: #fff !important; font-size: 1.375rem; line-height: 1.2em; font-weight: 900; position: absolute; bottom: 28px; left: 0px; padding: 40px 40px 5px; transform :none !important; text-align: left; transition: all .3s !important; -webkit-transition: all .3s !important; } .hover-effect-content .hover-effect-text, .wpb_wrapper .hover-effect-text { color: #fff !important; opacity: 0; font-size: 0.75rem; font-weight: 900; text-transform: uppercase; position: absolute; bottom: 0; padding: 0px 40px 33px; text-align: left; transition: all .45s !important; -webkit-transition: all .45s !important; } .hover-effect-content:hover .hover-effect-thumb { opacity: 0.15; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .hover-effect-content:hover .hover-effect-text { opacity: 1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } /* Portfolio Boxed */ .boxed-page .hover-effect-content .hover-effect-title, .boxed-page .wpb_wrapper h2.hover-effect-title { font-size: 1.375rem; } .boxed-page .wpb_wrapper .portfolio-isotope-container { margin: 0; } /* Portfolio Single */ .portfolio-single-featured-img { height: 760px; background-repeat: no-repeat; background-size:cover; background-position: center center; } .portfolio_single_list_cat { display: block; text-align: center; } .portfolio_single_list_cat a { display: inline-block; font-size: 0.8125rem; font-weight: 900; padding-bottom: 10px; text-transform: uppercase; } .portfolio_content_nav .nav-next .nav-next-title, .portfolio_content_nav .nav-previous .nav-previous-title { display: none; } /* Portfolio Related Items */ .portfolio-related-container { background: #f5f5f5; overflow: hidden; } .portfolio-related-container:after { content: ""; display: block; clear: both; } .portfolio_related_item { position: relative; } .portfolio_related_item.empty { display: none; } .portfolio_related_item.empty .hover-effect-link { background: none; cursor: default; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } /**********************************************************************************/ /* Shortcodes *********************************************************************/ /**********************************************************************************/ /* Social Media Profiles */ .site-social-icons-shortcode { vertical-align: middle; clear:both; margin: 5px -15px 15px -15px; display: block; } .site-social-icons-shortcode ul { list-style:none; margin:0 !important; padding:0 !important; line-height: 1em; font-size:24px !important; } .site-social-icons-shortcode ul.left { text-align:left; } .site-social-icons-shortcode ul.center { text-align:center; } .site-social-icons-shortcode ul.right { text-align:right; } .site-social-icons-shortcode:before, .site-social-icons-shortcode:after, .site-social-icons-shortcode ul:before, .site-social-icons-shortcode ul:after { content:" "; display:table; clear:both; } .site-social-icons-shortcode ul li { padding: 5px 15px; /*float:left;*/ display:inline-block; } .site-social-icons-shortcode ul li a { color: #222; } .site-social-icons-shortcode ul li a i { -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .site-social-icons-shortcode ul li a:hover i { opacity:.7; } .site-social-icons-shortcode ul li span { display:none; } /* Blog Posts */ .from-the-blog-wrapper { margin: 30px 0px 0px 0px; } .from_the_blog_item { padding: 0 15px; } .from_the_blog_link, .from-the-blog-wrapper .post_meta_archive, .from-the-blog-wrapper .post_meta_archive a, .from_the_blog_title { color: inherit; } .from_the_blog_title { display: block; font-weight: 900; text-align: center; font-size: 1.875rem; line-height: 1.1333em; margin: 0 0 15px; transition: color 0.35s; -webkit-transition: color 0.35s; } .from-the-blog-wrapper .post_meta_archive { text-align: center; } .from-the-blog-wrapper .post_meta_archive, .from-the-blog-wrapper .post_meta_archive a { color: inherit; transition: color 0.35s; -webkit-transition: color 0.35s; } .from-the-blog-wrapper .post_meta_archive span { opacity: 0.55; } .from_the_blog_item.gallery { margin: 0 !important; } .from_the_blog_overlay { display: block; position: absolute; width: 100%; height: 100%; z-index: 2; opacity: 0; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; -ms-transition: all .35s ease; } .from_the_blog_link:hover .from_the_blog_overlay { opacity: 0.6; } .from_the_blog_img_container { display: block; overflow: hidden; position: relative; height: 245px; width: 100%; margin-bottom: 22px; -webkit-mask-image: -webkit-radial-gradient(white, black); } .from_the_blog_img { display: block; position: absolute; width: 100%; height: 100%; background-position: center center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); max-width: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0); /* backface-visibility:hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; */ } .from_the_blog_link:hover .from_the_blog_img { -webkit-transform: translate3d(0px,0, 0); transform: translate3d(0px,0,0); -ms-transform: none; } .grabbing .from_the_blog_item:hover .from_the_blog_img { transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; } .with_thumb_icon { position: absolute; width:50px; height: 50px; display: block; top: 0; left: 0; text-align: center; color: #fff; line-height: 50px; z-index: 3; } .no_thumb_icon { line-height: 245px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; z-index: 3; } .no_thumb_icon:before, .with_thumb_icon:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 3; } .with_thumb_icon:before { font-size: 18px; } .no_thumb_icon:before { font-size: 78px; } .from_the_blog_item.standard .with_thumb_icon { display: none; } .no-thumb.standard .no_thumb_icon:before { content: "\f15c"; } .no_thumb.status .no_thumb_icon:before, .from_the_blog_item.status .with_thumb_icon:before { content: "\f075"; } .no_thumb.link .no_thumb_icon:before, .from_the_blog_item.link .with_thumb_icon:before { content: "\f0c1"; } .no_thumb.video .no_thumb_icon:before, .from_the_blog_item.video .with_thumb_icon:before { content: "\f16a"; } .no_thumb.audio .no_thumb_icon:before, .from_the_blog_item.audio .with_thumb_icon:before { content: "\f001"; } .no_thumb.aside .no_thumb_icon:before, .from_the_blog_item.aside .with_thumb_icon:before { content: "\f15b"; } .no_thumb.quote .no_thumb_icon:before, .from_the_blog_item.quote .with_thumb_icon:before { content: "\f10d"; } .no_thumb.image .no_thumb_icon:before, .from_the_blog_item.image .with_thumb_icon:before { content: "\f03e"; } .no_thumb.gallery .no_thumb_icon:before, .from_the_blog_item.gallery .with_thumb_icon:before { content: "\f00a"; } .no_thumb .from_the_blog_img { line-height: 245px; } .from_the_blog_noimg { background: #f5f5f5; height: 245px; width: 100%; display: block; } /* Gallery */ .gallery { margin:0 0 30px 0 !important; overflow: hidden; } .gallery br { display: none; } .gallery br:last-of-type { display: block; } .gallery dl, .gallery dt { margin:0 !important; } .gallery .gallery-item { width: 50% !important; padding-bottom: 50%; overflow: hidden; } .gallery-columns-1 .gallery-item { width: 100% !important; } .gallery-item { margin:0 !important; opacity: 1; position: relative; } .gallery-item:before { display: block; width: 100%; height: 100%; background: #000; content: ""; position: absolute; top: 0; left: 0; } .gallery-item:hover { cursor: pointer; } .gallery-item:hover img { /*-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);*/ } .gallery-icon { width: 100.6%; min-height: 100.6%; padding:0 !important; position: absolute !important; left: 0; top: 0; z-index: 2; } .gallery-item:last-of-type .gallery-icon { width: 100%; } .gallery-icon a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .gallery-icon img { border:0 !important; width: 100%; max-width: none; min-height: 100.6%; position: absolute; left: 0; top: 0; } .gallery-item .gallery-caption, .gallery-caption-trigger { display: none; } /* Banner */ .shortcode_banner_simple_height { cursor:pointer; margin-bottom:30px; clear:both; position: relative; } .shortcode_banner_simple_height_inner { padding:15px; overflow: hidden; position: relative; backface-visibility:hidden; -webkit-backface-visibility: hidden; } .shortcode_banner_simple_height_inner:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; z-index: 3; } .shortcode_banner_simple_height_inner:hover:before { background:rgba(0,0,0,.3); } .shortcode_banner_simple_height_bkg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-color:#f5f5f5; background-size:cover; background-repeat:no-repeat; background-position:center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; z-index: 2; } .shortcode_banner_simple_height:hover .shortcode_banner_simple_height_bkg { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .shortcode_banner_simple_height:hover { background-size: 115%; } .shortcode_banner_simple_height_inside { padding:20px; text-align:center; border:2px solid #fff; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; display: table; width:100%; box-sizing: border-box; position: relative; z-index: 5; } .shortcode_banner_simple_height_content { display: table-cell; vertical-align: middle; text-align: center; position: relative; z-index: 999; } .shortcode_banner_simple_height_inside h3 { padding:0; margin:0; font-weight:900; font-size:1.4375rem; line-height: 1.391em; } .shortcode_banner_simple_height_inside h3 strong { font-size:28px; } .shortcode_banner_simple_height_inside h3 a { text-decoration:underline; } .shortcode_banner_simple_height_inside h4 { padding:0; margin:0; font-size:1rem; font-weight: normal; line-height: 1.5em; } .shortcode_banner_simple_height_inside h4 a { text-decoration:underline; } .shortcode_banner_simple_height_sep { width:20%; height:2px; background:#fff; margin:5px auto; } .shortcode_banner_simple_height_bullet { width:180px; height:180px; background:#000; border-radius: 50%; text-align:center; display: none; text-transform:uppercase; color:#fff; line-height:1.3em; position:absolute; top:50%; margin-top: -90px; right:30px; z-index: 999; } .shortcode_banner_simple_height_bullet strong { font-size:18px; line-height:1.5em; } .shortcode_banner_simple_height_bullet span { display: table-cell; vertical-align: middle; padding:20px; } /* Icon Box */ .shortcode_icon_box { position:relative; padding-bottom: 35px; cursor: default; } .shortcode_icon_box.icon_position_top { text-align:center; } .shortcode_icon_box.icon_position_left { padding-left:50px; } .shortcode_icon_box.icon_position_right { padding-right:73px; } .icon_box_title { font-size:1.4375rem; font-weight: 900; line-height: 1.4; margin-bottom: 11px; } .icon_box_content { margin-top: 3px; margin-bottom: -7px; } .icon_position_top.icon_style_normal .icon_wrapper { margin-bottom: 20px; } .with_separator .icon_box_title:after { content: ""; display: block; width: 50px; height: 0px; border-bottom: 2px solid; margin: 22px 0 19px; } .with_separator.icon_position_top .icon_box_title:after { margin: 22px auto 19px; } .shortcode_icon_box .icon_wrapper { overflow:hidden; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; } .icon_position_top.icon_style_outlined .icon_wrapper, .icon_position_top.icon_style_bg_color .icon_wrapper { width:140px; height:140px; margin:0 auto; padding-top:33px; } .shortcode_icon_box.icon_position_left .icon_wrapper { width:50px; height:50px; padding-top:14px; position:absolute; top:0px; left:0; } .shortcode_icon_box.icon_position_right .icon_wrapper { width:50px; height:50px; padding-top:14px; position:absolute; top:6px; right:0px; } .icon_position_right.icon_style_normal .icon_wrapper { padding-top: 0; } .shortcode_icon_box.icon_position_top .icon { font-size:72px; line-height:72px; } .shortcode_icon_box.icon_position_left .icon { font-size:22px; line-height:22px; } .shortcode_icon_box.icon_position_left .icon_box_content, .shortcode_icon_box.icon_position_left .icon_box_title { padding-left: 20px; } .shortcode_icon_box.icon_position_left .icon_box_read_more { margin-left: 20px; } .shortcode_icon_box.icon_position_right .icon { font-size:22px; line-height:22px; } .shortcode_icon_box.icon_style_normal .icon_wrapper, .shortcode_icon_box.icon_style_outlined .icon_wrapper { background:none !important; } .shortcode_icon_box.icon_style_outlined .icon_wrapper { border-width:2px; border-style:solid; } .shortcode_icon_box.icon_position_top.icon_style_bg_color .icon_wrapper, .shortcode_icon_box.icon_position_top.icon_style_outlined .icon_wrapper { margin:0 auto 32px auto; } .shortcode_icon_box .icon_box_read_more { display:inline-block; color: inherit; padding:5px 0px; text-transform:uppercase; font-weight:900; font-size:13px; border-bottom: 2px solid transparent; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .shortcode_icon_box .icon_box_read_more:hover { border-bottom: 2px solid; border-color: inherit; } /* Add to Cart Button */ .wpb_wrapper .add_to_cart_inline { border: none !important; padding: 0 0 35px !important; margin: 0; display: inline-block; width: 100%; text-align: center; } .wpb_wrapper .add_to_cart_inline:after { content: ""; display: block; clear: both; } .wpb_wrapper .add_to_cart_inline .amount { display: inline-block; font-size: 22px; font-weight: 900; line-height: 1; margin-bottom: 18px; position: relative; } .wpb_wrapper .add_to_cart_inline .add_to_cart_button, .wpb_wrapper .add_to_cart_inline .added_to_cart_button { display: block; width: 220px; margin: 0 auto; transition: all .5s; &:hover { color: #FFF; opacity: 1; transition: all .5s; } } .wpb_wrapper .add_to_cart_inline del, .wpb_wrapper .add_to_cart_inline ins { display: inline-block; font-size: 22px; } .wpb_wrapper .add_to_cart_inline del .amount { color: inherit; font-size: 22px; line-height: 33px; display: inline; } .wpb_wrapper .add_to_cart_inline ins { background-color: transparent; .woocommerce-Price-amount.amount { font-size: 22px; line-height: 33px; } } .wpb_wrapper .add_to_cart_inline .add_to_cart_separator { content: ""; display: block; clear: both; } .add_to_cart_inline .add_to_cart_button.vc_btn_rounded.loading, .add_to_cart_inline .add_to_cart_button.vc_btn_square.loading { opacity: 0.8; } .add_to_cart_inline .add_to_cart_button.loading span, .add_to_cart_inline .add_to_cart_button.loading:before { opacity: 0; } .wpb_wrapper .product.woocommerce .add_to_cart_button.added:first-of-type { display: none; } .wpb_wrapper .product.woocommerce .add_to_cart_button.added:before { content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative !important; right: auto !important; left: auto !important; } .shortcode_single_product li { width:100% !important; } /**********************************************************************************/ /* Visual Composer Shortcodes ****************************************************/ /**********************************************************************************/ /* General */ /*.wpb_wrapper h1, .wpb_wrapper h2, .wpb_wrapper h3, .wpb_wrapper h4, .wpb_wrapper h5, .wpb_wrapper h5, .wpb_wrapper h6, .wpb_wrapper h1 a, .wpb_wrapper p { color: inherit !important; text-transform: none; }*/ .wpb_wrapper #products-grid { margin-top:5px; } .full-width-page .wpb_wrapper .gallery, .full-width-page .wpb_alert.wpb_content_element, .full-width-page .wpb_wrapper .wpb_gmaps_widget, .full-width-page .wpb_wrapper #map_container, .full-width-page .wpb_wrapper .wpb_revslider_element, .full-width-page .wpb_wrapper .portfolio-isotope-container { margin-left: -30px !important; margin-right: -30px !important; } .full-width-page .boxed-row .wpb_wrapper .gallery, .full-width-page .boxed-row .wpb_alert.wpb_content_element, .full-width-page .boxed-row .wpb_wrapper .wpb_gmaps_widget, .full-width-page .boxed-row .wpb_wrapper #map_container, .full-width-page .boxed-row .wpb_wrapper .wpb_revslider_element, .full-width-page .boxed-row .wpb_wrapper .portfolio-isotope-container { margin-left: 0px !important; margin-right: 0px !important; } .wpb_tabs.wpb_content_element .wpb_alert.wpb_content_element, .wpb_tour.wpb_content_element .wpb_alert.wpb_content_element, .wpb_accordion.wpb_content_element .wpb_alert.wpb_content_element { margin-left: 0px !important; margin-right: 0px !important; } .wpb_wrapper .wpb_content_element .gallery { margin-bottom: -35px !important; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } .wpb_gmaps_widget.wpb_content_element { margin-bottom: 0; } .wpb_wrapper .site-social-icons-shortcode ul li a { color: inherit; } /* Visual Composer Rows */ /* Front-end editor */ .vc_empty-placeholder { margin-bottom: 0; } .vc_row { margin-top: 0; margin-bottom: 0; } .vc_row-fluid.parallax { /*background-size: cover*/ background-position:center center; background-repeat:no-repeat; } .full-width-page .row-fluid { margin: 0 -15px; } .full-width-page .row { max-width:none; background-repeat: no-repeat; background-position: center top; } .full-width-page .boxed-row { max-width:1300px; margin:0 auto; } .full-width-page .row { padding: 0; } .full-width-page .row .boxed-row .row, #tab-description .boxed-row .row { margin-left: 0; margin-right: 0; } .boxed-row .vc_row-fluid .vc_row-fluid, #tab-description .boxed-row .vc_row-fluid .vc_row-fluid { margin-left: -10px; margin-right: -10px; } .page-title-hidden .content-area { padding:0; } /* Adjust Columns Height */ .adjust_cols_height > div > .column_container { background-size: 0 !important; min-height: 200px; } .adjust_cols_height.height_adjusted .column_container { background-size: cover !important; } /* Tabs & Tour Sections */ .wpb_tabs.wpb_content_element #products-grid { margin-top: 0; } .wpb_tabs.wpb_content_element .wpb_tabs_nav { list-style: none; padding: 0; margin: 0 auto; overflow: hidden; position: relative; text-align:center; background: none; } .wpb_tour.wpb_content_element .wpb_tabs_nav { width: 100%; } .wpb_tour.wpb_content_element .wpb_tabs_nav li, .wpb_tabs.wpb_content_element .wpb_tabs_nav li { display:block; float: none; background: none; padding: 0; margin: 0; position: relative; } .wpb_tour.wpb_content_element .wpb_tabs_nav li:after, .wpb_tabs.wpb_content_element .wpb_tabs_nav li:after { content: ""; display: block !important; width: 100%; height: 1px; background: #eee; position: absolute; bottom: 0; } .wpb_tabs.wpb_content_element .wpb_tabs_nav li:first-child { margin-left: 0; } .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover, .wpb_tabs.wpb_content_element .wpb_tabs_nav li:hover { background: none; } .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active { background: none; } .wpb_tour.wpb_content_element .wpb_tabs_nav li a, .wpb_tabs.wpb_content_element .wpb_tabs_nav li a { display: inline-block; font-size: 0.9375rem; padding: 14px 0 11px; font-weight: 900; color: #a1a1a1; text-shadow: none; text-decoration: none; border-bottom: 3px solid transparent; text-transform: uppercase; position: relative; z-index: 2; } .wpb_tabs.wpb_content_element .wpb_tabs_nav li a { white-space: normal; } .wpb_tour.wpb_content_element .wpb_tabs_nav li a { font-size: 0.8125rem; font-weight: bold; text-transform: uppercase; } .wpb_tour.wpb_content_element .wpb_tabs_nav li a:hover, .wpb_tabs.wpb_content_element .wpb_tabs_nav li a:hover { color: #777; } .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a { color: #000; background: none; border-bottom: 3px solid; } .vc_tta-tab a { font-size: 18px !important; font-weight: bold !important; padding: 14px 30px 12px 30px !important; } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { width: 100%; padding: 21px 0 30px 0; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav { width: 100%; margin-left: 0; padding-left: 0; padding-right: 0; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span { padding-top: 20px; border-top: 1px solid #ddd; width: 50%; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a { font-size: 0.875rem; border-bottom: none; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a:before, .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a:after { display: inline-block; font-size: 16px; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav .wpb_prev_slide a:before { content: "\2190"; margin-right: 8px; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav .wpb_next_slide a:after { content: "\2192"; margin-left: 8px; } .wpb_tabs.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_tabs.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background:none; border:0; padding:20px 0; margin:0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -ms-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; /*-webkit-animation-name: flipY; -moz-animation-name: flipY; -o-animation-name: flipY; animation-name: flipY;*/ -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } /* Tabs/Accordions/Toggles/Tour fix - jQuery ui */ .wpb_tabs .ui-widget-content, .wpb_accordion .ui-widget-content, .wpb_tour .ui-widget-content { border: none; } .wpb_tabs .ui-widget-header, .wpb_accordion .ui-widget-header, .wpb_tour .ui-widget-header { border:none; background: none; } .wpb_tabs .ui-state-default, .wpb_tabs .ui-widget-content .ui-state-default, .wpb_tabs .ui-widget-header .ui-state-default, .wpb_accordion .ui-state-default, .wpb_accordion .ui-widget-content .ui-state-default, .wpb_accordion .ui-widget-header .ui-state-default { border: none; } .wpb_accordion .ui-accordion .ui-accordion-header .ui-icon { font-size: 1rem; line-height: 1; left: auto; margin-top: 0; text-indent: 0; overflow: visible; } .wpb_tabs .ui-corner-all, .wpb_accordion .ui-corner-all { border-radius: 0; } .wpb_tabs .wpb_tabs_nav:after { visibility: visible; } .wpb_tabs .ui-tabs .ui-tabs-nav li { top: 0; } .wpb_tabs .ui-tabs .ui-tabs-nav li a { float: none; } .wpb_tour .ui-helper-reset, .wpb_tabs .ui-helper-reset, .wpb_accordion .ui-helper-reset { line-height: 1.714em; } .wpb_tour.wpb_content_element .wpb_tabs_nav li, .wpb_tabs.wpb_content_element .wpb_tabs_nav li { border: none; } /* Message Boxes */ .wpb_alert.wpb_content_element { border-radius: 0; } .wpb_alert.wpb_content_element.wpb_alert-info, .wpb_alert.wpb_content_element.wpb_alert-warning, .wpb_alert.wpb_content_element.wpb_alert-success, .wpb_alert.wpb_content_element.wpb_alert-danger { border: none; padding: 22px 30px; text-shadow: none; } .wpb_alert.wpb_content_element.wpb_alert-info { color: #1e85be; border-top: 2px solid #1e85be; background: #f4f9fc; } .wpb_alert.wpb_content_element.wpb_alert-warning { color: #fca103; border-top: 2px solid #fca103; background: #fffaf2; } .wpb_alert.wpb_content_element.wpb_alert-success { color: #8fae1b; border-top: 2px solid #8fae1b; background: #f9fbf3; } .wpb_alert.wpb_content_element.wpb_alert-danger { color: #b81c23; border-top: 2px solid #b81c23; background: #fdf8f8; } .wpb_alert.wpb_content_element .messagebox_text { padding-left: 27px; position: relative; background: none; } .wpb_alert.wpb_content_element .messagebox_text:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 4px; top: 2px; } .wpb_alert.wpb_content_element.wpb_alert-info .messagebox_text:before { content: "\f129"; } .wpb_alert.wpb_content_element.wpb_alert-warning .messagebox_text:before { content: "\f12a"; } .wpb_alert.wpb_content_element.wpb_alert-success .messagebox_text:before { content: "\f00c"; left: 0px; } .wpb_alert.wpb_content_element.wpb_alert-danger .messagebox_text:before { content: "\f00d"; left: 1px; } /* Buttons */ .vc_btn.ajax_add_to_cart { position: relative; } .vc_btn, .vc_btn2, .vc_btn3 { /*border-radius: 0 !important;*/ font-size: 12px !important; font-weight: bold; text-transform: uppercase; text-align: center; /*min-width: 170px;*/ /*width: auto;*/ transition: padding 0.3s, min-width 0.3s, opacity 0.3s; -webkit-transition: padding 0.3s, min-width 0.3s, opacity 0.3s; } .vc_btn.vc_btn_rounded_outlined { border-radius: 100px !important; } .vc_btn.vc_btn_xs { padding: 7px 16px 5px 16px; } .vc_btn.vc_btn_xs:hover { padding: 7px 26px 5px 26px; } .vc_btn.vc_btn_sm { padding: 11px 24px 9px 24px; } .vc_btn.vc_btn_sm:hover { padding: 11px 34px 9px 34px; } .vc_btn.vc_btn_md { padding: 17px 36px 15px 36px; } .vc_btn.vc_btn_md:hover { padding: 17px 46px 15px 46px; } .vc_btn.vc_btn_lg { padding: 22px 64px 20px 64px; } .vc_btn.vc_btn_lg:hover { padding: 22px 74px 20px 74px; } .vc_btn.vc_btn_xs.vc_btn_square_outlined, .vc_btn.vc_btn_xs.vc_btn_rounded_outlined { padding: 8px 15px 7px; } .vc_btn.vc_btn_xs.vc_btn_square_outlined:hover, .vc_btn.vc_btn_xs.vc_btn_rounded_outlined:hover { padding: 8px 25px 7px; } .vc_btn.vc_btn_sm.vc_btn_square_outlined, .vc_btn.vc_btn_sm.vc_btn_rounded_outlined { padding: 13px 22px 11px; } .vc_btn.vc_btn_sm.vc_btn_square_outlined:hover, .vc_btn.vc_btn_sm.vc_btn_rounded_outlined:hover { padding: 13px 32px 11px; } .vc_btn.vc_btn_md.vc_btn_square_outlined, .vc_btn.vc_btn_md.vc_btn_rounded_outlined { padding: 20px 34px 17px; } .vc_btn.vc_btn_md.vc_btn_square_outlined:hover, .vc_btn.vc_btn_md.vc_btn_rounded_outlined:hover { padding: 20px 44px 17px; } .vc_btn.vc_btn_lg.vc_btn_square_outlined, .vc_btn.vc_btn_lg.vc_btn_rounded_outlined { padding: 27px 45px 24px; } .vc_btn.vc_btn_lg.vc_btn_square_outlined:hover, .vc_btn.vc_btn_lg.vc_btn_rounded_outlined:hover { padding: 27px 55px 24px; } .vc_btn.vc_btn_xs.vc_btn_square_outlined, .vc_btn.vc_btn_xs.vc_btn_rounded_outlined { border: 1px solid; } .vc_btn.vc_btn_sm.vc_btn_square_outlined, .vc_btn.vc_btn_md.vc_btn_square_outlined, .vc_btn.vc_btn_sm.vc_btn_rounded_outlined, .vc_btn.vc_btn_md.vc_btn_rounded_outlined { border: 2px solid; } .vc_btn.vc_btn_lg.vc_btn_square_outlined, .vc_btn.vc_btn_lg.vc_btn_rounded_outlined { border: 3px solid; } /* Contact Form 7 */ .wpcf7-form p { text-transform:uppercase; font-size:.8125rem; font-weight: bold; margin-bottom:1px; line-height: 2em; margin-top: 16px; } .wpcf7-form p:first-of-type { margin-top: 1px; } .wpcf7-form p label { margin-top: 0px; } .wpcf7-form-control.wpcf7-submit { margin-bottom: 10px; } /* Toggles */ .wpb_wrapper .wpb_toggle, #content .wpb_wrapper h4.wpb_toggle { font-weight: 900; /*color: #000;*/ background: none; position: relative; font-size: 1.125rem; line-height: 1.5265rem; padding-left: 30px; margin-bottom: 18px; } .wpb_wrapper .wpb_toggle:last-of-type, #content .wpb_wrapper h4.wpb_toggle:last-of-type { margin-bottom: 0; } .wpb_wrapper .wpb_toggle:last-of-type + .wpb_toggle_content, #content .wpb_wrapper h4.wpb_toggle:last-of-type + .wpb_toggle_content { margin-top: 8px; } .wpb_wrapper .wpb_toggle:before, #content .wpb_wrapper h4.wpb_toggle:before { content: ""; display: block; position: absolute; left: 0; top: 7px; width: 19px; height: 18px; color: #fff; } .wpb_wrapper .wpb_toggle:after, #content .wpb_wrapper h4.wpb_toggle:after { content: "\f067"; font: normal normal normal 13px/1 FontAwesome; color: #fff; speak: none; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left:4px; top: 10px; } .wpb_wrapper .wpb_toggle_title_active:after, #content .wpb_wrapper h4.wpb_toggle_title_active:after { content: "\f068"; font: normal normal normal 13px/1 FontAwesome; speak: none; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left:4px; top: 10px; } .wpb_wrapper .wpb_toggle_content { margin-top:-5px; margin-bottom: 28px; padding-left: 30px; } .wpb_wrapper .last_toggle_el_margin { margin: 0; } .vc_toggle_title h4 { font-size: 21px; font-weight: bold; } /* Accordions */ .wpb_heading.wpb_accordion_heading { margin: 0px; } .wpb_accordion_section.group { border-bottom: 1px solid #ddd; padding: 6px 0; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { margin: 0; background: none; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active { border-bottom:none; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:focus { outline: 0; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { top: 20px; right: 0px; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { cursor: pointer; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { cursor:default; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { font-size: 12px; width: 100%; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before { content: "\f063"; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: "\f062"; top: -1px; } .wpb_wrapper .wpb_content_element .wpb_accordion_header .accordion_title { display: block; font-weight: 500; /*color: #000;*/ cursor: pointer; background: none; font-size: 1.125rem; line-height: 1.4rem; padding: 20px 30px 20px 20px; } .vc_tta-accordion .vc_tta-title-text { font-size: 21px; font-weight: bold; padding: 14px 30px 12px 30px; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active .accordion_title { border-bottom: none; cursor: default; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header .accordion_title, .wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding-left: 0; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active .accordion_title:hover { cursor: default; } .wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding-top: 0; padding-right: 0; padding-bottom:34px; } .vc_tta-panel-body { padding: 19px 30px 17px 30px; } /* Google Maps */ .wpb_gmaps_widget.wpb_content_element .wpb_wrapper { padding: 0; } #map_container { position: relative; } #map_container img { max-width: none; } .map_button_wrapper { display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -75px; } #map_button { display: block; font-size: 0.8125rem; font-weight:700; text-transform: uppercase; text-align: center; min-width: 150px; background-color: #fff; padding: 1rem 1rem 1rem; transition: all 0.3s; -webkit-transition: all 0.3s; } #map_button:hover { background-color: #000; color: #fff; } /* Progress Bars */ .wpb_heading.wpb_progress_bar_heading { font-size: 1.125rem; font-weight: 500; margin-bottom: 21px; } .wpb_wrapper .vc_progress_bar .vc_single_bar { margin-bottom: 13px; box-shadow: none; border-radius: 0; background: none; } .wpb_wrapper .vc_progress_bar .vc_single_bar .vc_label { font-size: 0.875rem; text-transform: capitalize; padding: 14px 0px; text-shadow: none !important; display: block; color: inherit !important; } .wpb_wrapper .vc_progress_bar .vc_single_bar:before { content: ""; display: block; width: 100%; height: 5px; background: #f4f4f4; position: absolute; top: 0; left: 0; opacity: 0.6; } .wpb_wrapper .vc_progress_bar .vc_single_bar .vc_label .vc_label_units { font-weight: 900; opacity: 1; margin-left: 10px; } .wpb_wrapper .vc_progress_bar .vc_single_bar .vc_bar { height: 5px; border-bottom:none; border-radius: 0; position: absolute; top: 0; left: 0; } /* Pie Charts */ .wpb_wrapper .vc_pie_chart[data-pie-color] .vc_pie_chart_back { border-color: inherit; border-width: 5px; opacity: 0.15; } .wpb_wrapper .vc_pie_chart .vc_pie_chart_value { font-size: 2.3125rem; } .vc_pie_wrapper.with_title .vc_pie_chart_value { margin-top: -11px; } .wpb_heading.wpb_pie_chart_heading { font-size: 0.9375rem; font-weight: 900; text-transform: uppercase; position: absolute; top: 50%; margin-top: 6px; text-align: center; width: 100%; max-width: 80%; left: 10%; } .vc_pie_chart.without_pie { font-weight: bold; } .vc_pie_chart.without_pie .vc_pie_chart_back { display: none; } .vc_pie_chart.without_pie canvas { visibility:hidden; display: none; } .vc_pie_chart.without_pie .vc_pie_chart_value { font-size: 37px; position: relative; line-height: 1 !important; height: auto !important; margin-bottom: 18px; } .vc_pie_chart.without_pie .vc_pie_wrapper.with_title .vc_pie_chart_value { margin-top: 0; } .vc_pie_chart.without_pie .wpb_heading.wpb_pie_chart_heading { font-size: 15px; position: relative; } /* Separator */ .vc_content_hr { border-top-width:1px; border-top-style:solid; border-top-color:#ddd; margin: 0 0 35px; } /*Single Image*/ .wpb_single_image .vc_single_image-wrapper { max-width: 100%; } /* Blog Posts */ .wpb_wrapper .from-the-blog-wrapper { margin-top: 0; } .boxed-row .wpb_wrapper .from-the-blog-wrapper { margin: 0px -30px 0px; } .off-canvas-wrap, .inner-wrap, nav.tab-bar, .left-off-canvas-menu, .left-off-canvas-menu *, .right-off-canvas-menu, .move-right a.exit-off-canvas, .move-left a.exit-off-canvas { -webkit-backface-visibility:visible; } .single-product .tob_bar_shop { display: none; margin: -75px 0 0px; position: relative; } /* Wishlist */ #yith-wcwl-form .product-stock-status span { font-size: 10px; } #yith-wcwl-form ins { padding: 0; background-color: transparent; } #yith-wcwl-form del { padding-right: 2px; } #yith-wcwl-form form { max-width: 100% !important; } #yith-wcwl-form .wishlist-empty { font-size: 3.75rem; line-height: 1.2; text-align: center; padding: 0 30px; } #yith-wcwl-form .wishlist-empty:before { content: ""; display: block; width: 100%; text-align: center; background: url(../images/empty-wishlist.png) center center no-repeat; height: 156px; margin-bottom: 40px; } /**********************************************************************************/ /* My Account Login/Register ******************************************************/ /**********************************************************************************/ .login-register-container { margin: 35px 0 70px 0; } .login-register-container .page-title { margin-bottom: 58px; } .lost-pass-link { border-bottom: 1px solid; } /* .lost-reset-pass-text { font-size: 1rem; line-height: 1.2; }*/ .login_footer { display: block; width: 100%; position: fixed; bottom:0; left: 0; z-index: 100; text-align: left; padding: 54px 130px 58px 110px; } .login_footer_separator, .account-tab-link-mobile { display: none; } .site-content .account-tab-list, .account-tab-list { margin: 0 auto; padding:0; text-align: center; margin-top: 20px; } .account-tab-item { float: none; margin: 0; padding: 0; display: inline-block; } .account-tab-link { font-size: 3.125rem; display: inline-block; color: #333; text-transform: none; text-align: center; padding: 0; width: auto; border: none; line-height: 1; white-space: nowrap; font-weight: bold; opacity: 0.55 ; position: relative; transition: opacity .3s ease .3s; -webkit-transition: opacity .3s ease .3s; -moz-transition: opacity .3s ease .3s; } .account-tab-list .sep { font-size: 50px; /*font-weight: bold;*/ opacity: 0.55; display: inline-block; margin: 0 20px; } .account-tab-link.current { opacity: 1; z-index: 1; } /*.account-tab-list a.account-tab-link:hover { opacity: 1; }*/ .go_home { display: inline-block; } .woocommerce .login-register-container p.form-row.remember-me-row a, .woocommerce .login-register-container p.form-row.remember-me-row label { font-size: 1rem; } .login-register-container .form-row.remember-me-row, .login-register-container .form-row.remember-me-row a { line-height: 1.25rem; } .login-register-container .lost-pass-link { margin: 0; padding: 0; border: none; } /* Call to action fix */ .vc_general.vc_cta3 .vc_cta3-actions {white-space: normal;} /**********************************************************************************/ /* Chekout Page Updates ******************************************************/ /**********************************************************************************/ .checkout_coupon_box { text-align: center; } .shopkeeper_checkout_coupon, .shopkeeper_checkout_login { margin: 10px auto; display: inline-block; font-weight: bold; a.showcoupon, a.showlogin { text-transform: uppercase; font-weight: bold; font-size: 13px; } } .shopkeeper_checkout_login { padding-bottom: 10px; &:before { font-family: 'Shopkeeper-Icon-Font'; content: "\e90a"; font-size: 24px; padding-right: 10px; display: inline-block; vertical-align: text-bottom; font-weight: normal; } } .shopkeeper_checkout_coupon { &:before { font-family: 'Shopkeeper-Icon-Font'; content: "\e909"; font-size: 36px; padding-right: 10px; display: inline-block; vertical-align: middle; font-weight: normal; } } // Blog Layout 1 .blog-isotop-container #filters { display: none; } body.blog .large-12.columns.with-sidebar { padding-right: 290px; } body.archive .large-12.columns.with-sidebar { padding-right: 290px; } .blog-sidebar { position: absolute; top: 0; right: 0; width: 260px; } .blog-isotope { position: relative; } .blog-isotope .wpb_row, .blog-isotope .wpb_content_element, .blog-isotope ul.wpb_thumbnails-fluid > li, .blog-isotope .last_toggle_el_margin, .blog-isotope .wpb_button { margin-bottom: 0; } .blog-isotope:after { content: ""; display: block; clear: both; } .blog-isotope .blog-post, .blog-isotope .grid-sizer { width: 100%; float: left; margin: 0; padding-left: 0; padding-right: 0; opacity: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .blog-post.hidden { opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .blog-post-inner { position: relative; } .page-title-desc, .page-type { text-align: center; font-weight: bold; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; line-height: 1.5; } .entry-title-archive { font-size: 1.875rem; line-height: 1.1333em; margin-bottom: 17px; font-weight: 900; } h1.entry-title-archive { margin-top: 0; } .thumbnail_archive { display: block; margin-top: 8px; transition: color 0.35s; -webkit-transition: color 0.35s; } div.blog-post:first-of-type { margin-top: -100px; } .entry-title-archive a { color: #000; } .taxonomy-description { text-align: center; } .blog-isotop-container { padding: 0; margin-left: -30px; margin-right: -30px; } .blog-post { // transition: opacity 0.3s ease; // -webkit-transition: opacity 0.3s ease; // -moz-transition: opacity 0.3s ease } .blog-post.loaded { opacity: 0; animation: post-fade-in; animation-duration: 1s; animation-delay: .3s; animation-fill-mode: forwards; animation-timing-function: ease-in; @for $i from 1 through 20 { &.delay-#{$i} { animation-delay: (#{0.3s + $i*0.2s}); } } } @keyframes post-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @media screen and (min-width: 1025px) { .blog-post .blog-post-inner { padding: 0 35px 35px; } } @media screen and (max-width: 768px) { .index-layout-1 { #masonry_grid { margin: 0; } .blog-posts { .post_meta_archive, .entry-title-archive span, .gallery-title, .entry-content-archive { margin-left: 0; margin-right: 0; } .blog-post-inner { padding: 0; margin-bottom: 40px; } } } } @media screen and (min-width: 640px) { .index-layout-1 { .blog-post-container { margin-left: -15px; margin-right: -15px; #masonry_grid { width: 100%; min-width: inherit; .size-1of2 { padding: 0 15px; } } } } } @media screen and (max-width: 1024px) { #masonry_grid { margin: 0 !important; } } .post_meta_archive, .entry-title-archive span, .gallery-title, .entry-content-archive { margin-left: 30px; margin-right: 30px; } .blog-isotope .entry-content-archive a.more-link { font-size: 13px; } .entry-title-archive span{ display: block; } .thumbnail_archive_container { position: relative; display: block; overflow: hidden; margin-bottom: 24px; } .thumbnail_archive_container:before { content: ""; display: block; /*background: #000;*/ opacity: 0; position: absolute; width: 100%; height: 100%; z-index: 1; transition: opacity 0.35s; -webkit-transition: opacity 0.35s; } .entry-title-archive .thumbnail_archive_container { margin-left: 0; margin-right: 0; } .thumbnail_archive img { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); max-width: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0); } .thumbnail_archive:hover .thumbnail_archive_container:before { opacity: 0.6; } .thumbnail_archive:hover img { -webkit-transform: translate3d(0px,0, 0); transform: translate3d(0px,0,0); } .post_meta_archive { text-align: left; margin-bottom: 18px; } .more-link { font-weight: bold; font-size: 0.8125rem; text-transform: uppercase; margin-top: 13px; display: block; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .more-link:hover { opacity: 0.8; } .blog-isotope .entry-content-archive h1, .blog-isotope .entry-content-archive h2, .blog-isotope .entry-content-archive h3, .blog-isotope .entry-content-archive h4, .blog-isotope .entry-content-archive h5 { line-height: 1.625em; margin-bottom: 10px; } .blog-isotope .entry-content-archive h6 { display: none; } .blog-isotope .entry-content-archive, .blog-isotope .entry-content-archive p, .blog-isotope .entry-content-archive ul, .blog-isotope .entry-content-archive ol, .blog-isotope .entry-content-archive dl { line-height: 1.5em; margin-bottom: 10px; } .blog-isotope .larger { text-align: left !important; } .blog-isotope .gallery-caption { display: none; } .entry-content-archive .gallery { display: none; } .blog-post .video-container { padding-bottom: 32px; margin-top: 23px; } .blog-post.audio iframe { margin-top: 15px; } .blog-post .wp-caption { display: inline-block; height: auto !important; } // Blog Pagination .getbowtied_blog_ajax_load_button { text-align: center; margin: 0 auto; clear: both; display: block; text-align: center; font-weight: bold; font-size: 13px; text-transform: uppercase; padding: 0 0 140px; .index-layout-1 & { padding: 0 0 140px; } .pagination_icon { font-size: 20px; font-weight: normal; } a { display: block; font-size: 13px; letter-spacing: 2px; &.disabled { color: #8a8a8a; } } &.finished a { cursor: default; } } .getbowtied_blog_ajax_load_button, .getbowtied_blog_ajax_load_more_loader { &:before { content: "\e90e"; font-family: 'Shopkeeper-Icon-Font'; display: block; position: relative; top: -17px; font-size: 50px; line-height: 15px; font-weight: normal; } } .getbowtied_blog_ajax_load_more_loader { text-align: center; margin: 0 auto; text-align: center; font-weight: bold; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; padding: 0 0 140px; opacity: 0; animation-name: blinker; animation-iteration-count: infinite; animation-duration: 1s; span { color: #8a8a8a; } &:before { color: #8a8a8a !important; } } @-webkit-keyframes blinker { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .getbowtied_blog_ajax_load_button.finished { &:before { display: none; } .getbowtied_blog_ajax_load_more_loader { &:before { display: none; } } } #masonry_grid { .more-link { &:before { content: ""; width: 40px; height: 1px; display: inline-block; vertical-align: middle; margin-right: 10px; } } } // Shop Pagination .getbowtied_ajax_load_button { text-align: center; margin: 0 auto; clear: both; display: block; text-align: center; font-weight: bold; font-size: 13px; text-transform: uppercase; padding: 0 0 140px; a { display: block; font-size: 13px; letter-spacing: 2px; &.disabled { color: #8a8a8a; } } &.finished a { cursor: default; } } .getbowtied_ajax_load_button, .getbowtied_ajax_load_more_loader { &:before { content: "\e90e"; font-family: 'Shopkeeper-Icon-Font'; display: block; position: relative; top: -17px; font-size: 50px; line-height: 15px; font-weight: normal; } } .getbowtied_ajax_load_more_loader { text-align: center; margin: 0 auto; text-align: center; font-weight: bold; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; padding: 0 0 140px; opacity: 0; animation-name: blinker; animation-iteration-count: infinite; animation-timing-function: ease-in; animation-duration: 1s; span { color: #8a8a8a; } &:before { color: #8a8a8a !important; } } .getbowtied_ajax_load_button.finished { &:before { display: none; } .getbowtied_ajax_load_more_loader { &:before { display: none; } } } // Clasic Blog Navigation .posts-navigation { padding-bottom: 90px; .page-numbers { margin: 0; list-style-type: none; li { display: inline-block; span { font-weight: 700; background: none; font-size: 1rem; text-align: center; margin: 0; padding: 0.2em 1.1em; line-height: 2em; min-width: 0; } } a { padding: 0 1rem; font-weight: bold; font-size: 16px; } } .page-numbers li:first-child span { padding-left: 0 !important; padding-right: 1rem; } .index-layout-1 &, .with-sidebar & { padding-left: 5px; padding-right: 5px; } .index-layout-2 & { max-width: 1320px; width: 100%; margin: 0 auto; } .index-layout-3 & { max-width: 1635px; width: 100%; margin: 0px auto; padding-left: 15px; padding-right: 15px; } .nav-links { margin: 0; list-style-type: none; span, a { font-size: 16px; font-weight: bold; } .page-numbers:not(.prev) { padding-right: 15px; } } } .index-layout-1, .with-sidebar { .blog-post { &:last-child { margin-bottom: 95px; } } } .index-layout-1 { &.large-12 { padding: 0; } } @media only screen and(max-width: 1024px) { .index-layout-2 { .posts-navigation { .page-numbers { padding-left: 10px; } } } .index-layout-3 { .posts-navigation { padding-left: 30px; padding-right: 30px; } } } @media only screen and(max-width: 768px) { .index-layout-3 { .posts-navigation { padding-left: 0; padding-right: 0; } } } #masonry_grid { opacity: 0; transition: .5s; &.fade-in { opacity: 1 } &.fade-out { opacity: 0; } } @keyframes slide-in-from-left { 0% { transform: translateX(-55px); } 50% { transform: translateX(95px); } 75% { transform: translateX(95px); } 100% { transform: translateX(95px); } } .gtb-new:after { background: #ffb900; border-radius: 2px; color: #fff; content: "NEW"; font-family: NeueEinstellung; font-size: 7px; font-weight: bold; padding: 3px 3px 2px 3px; } .spk-icon-naver-line-logo:before { content: “\e91f”; }