/* Theme Name: Soleng Theme URI: http://soleng.axiomthemes.com/ Description: Soleng - excellent WordPress theme with many different blog and header layouts Author: Axiomthemes Author URI: http://axiomthemes.com/ Version: 1.0.3 EV: 1.0.40.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: soleng */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Front Page sections 12. Utils 13. Registration and Login popups 14. Third part plugins 15. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; line-height: inherit; font-weight: inherit; font-style: inherit; border: 0; outline: 0; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/ controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-y: scroll !important; overflow-x: hidden; height: 100%; } div.ui-widget, div.ui-widget .ui-widget, div.ui-widget .ui-widget-header, div.ui-widget .ui-widget-content, div.ui-accordion .ui-accordion-header, div.ui-widget button, div.ui-widget input, div.ui-widget select, div.ui-widget textarea, div.ui-state-default, div.ui-widget-content .ui-state-default, div.ui-widget-header .ui-state-default { font-family: inherit; font-size: 1em; line-height: inherit; } div.ui-widget, div.ui-widget .ui-widget, div.ui-widget .ui-widget-header, div.ui-widget .ui-widget-content, div.ui-accordion .ui-accordion-header, div.ui-state-default, div.ui-widget-content .ui-state-default, div.ui-widget-header .ui-state-default { color: inherit; background: none; border-style: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.ui-datepicker { background-color: #fff; } div.ui-accordion .ui-accordion-header { padding: 0; } div.ui-accordion .ui-accordion-header-icon { display: none; } div.ui-tabs, div.ui-tabs .ui-tabs-nav { padding: 0; } div.ui-tabs .ui-tabs-nav li { float: none; margin: 0; } div.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: none; } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 19px; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.body_style_wide { padding: 0 2.45rem 2.45rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } h1, h2, h3, h4, h5, h6 { hyphens: auto; } ul, ol { letter-spacing: 0; padding-left: 1.5em; } li > ol, li > ul, dl > dd { margin-bottom: 0; } li > p { margin-bottom: 0; } li > p + p { margin-top: 0.5em; } li { padding: 0.114em 0; } /* Links */ a { text-decoration: none; background: transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, button, input[type="button"], input[type="submit"] { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display: block; } :active, :focus { outline: 0; } /* Tables */ table { border-collapse: collapse; } table th + th, table th + td, table td + th, table td + td { border-left: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.55em 1em 1.35em; } table th { font-size: 1em; font-weight: 400; font-style: normal; text-transform: none; text-align: center; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 1.85em 4em 1.85em 2.05em; letter-spacing: -0.79px; } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: none; position: absolute; z-index: 1; top: 2em; left: 2em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.263em; line-height: 1.28em; font-weight: 400; } blockquote > cite, blockquote > p > cite { display: block; font-size: 0.7em; line-height: 1.25em; font-weight: 400; font-style: normal; letter-spacing: 0.15px; text-transform: none; margin-top: 1.29em; margin-left: 0.3em; } blockquote > cite a, blockquote > p > cite a { font-size: 1em; line-height: 1em; font-weight: 400; font-style: normal; letter-spacing: inherit; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 1.5em 0 1.55em 2.7em; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing: 0; } pre { overflow: auto; max-width: 100%; } code { overflow: auto; max-width: 100%; padding: 0 1em; border: 1px solid #888; background-color: #f7f7f7; display: inline-block; vertical-align: middle; word-wrap: break-word; } pre > code { display: block; vertical-align: top; padding: 1em; } abbr, acronym { border-bottom: none; cursor: help; text-decoration: none; } mark, ins { background-color: transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } /* Images */ img { max-width: 100%; height: auto; vertical-align: top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width: 100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { position: absolute; z-index: 1; top: auto; right: 0; bottom: 0; left: 0; font-size: 1em; line-height: 1em; font-weight: 400; font-style: normal; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 0; text-align: center; padding: 14px 10px; letter-spacing: -0.1px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -6em; } figure img { width: auto; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; display: inline-block; vertical-align: top; width: auto; margin: 0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom: 0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder]::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 1 !important; } textarea[placeholder]::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 1 !important; } input[placeholder]::-moz-placeholder { text-overflow: ellipsis; opacity: 1 !important; } textarea[placeholder]::-moz-placeholder { text-overflow: ellipsis; opacity: 1 !important; } input[placeholder]:-ms-input-placeholder { text-overflow: ellipsis; opacity: 1 !important; } textarea[placeholder]:-ms-input-placeholder { text-overflow: ellipsis; opacity: 1 !important; } input[placeholder]::placeholder { text-overflow: ellipsis; opacity: 1 !important; } textarea[placeholder]::placeholder { text-overflow: ellipsis; opacity: 1 !important; } input[placeholder] { text-overflow: ellipsis; opacity: 1 !important; } textarea[placeholder] { text-overflow: ellipsis; opacity: 1 !important; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } select::-ms-expand { display: none; } /* Required fields */ label.required:after { content: '*'; display: none; vertical-align: text-top; font-size: 80%; color: #da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position: relative; } fieldset legend { position: absolute; z-index: 1; top: -0.6em; left: 1.5em; background-color: #fff; font-weight: 400; font-style: italic; padding: 0 0.2em; letter-spacing: 0; } input { vertical-align: top !important; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .gallery_preview_show .post_readmore, #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, .mc4wp-form .mc4wp-form-fields input[type="submit"], .sc_button, .sc_form button, .tourmaster-tour-search-wrap input.tourmaster-tour-search-submit[type="submit"], #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, #tribe-events-footer ~ a.tribe-events-ical.tribe-events-button, .edd_download_purchase_form .button, #edd-purchase-button, .edd-submit.button, .widget_edd_cart_widget .edd_checkout a, .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display: inline-block; vertical-align: top; font-size: 0.947em; line-height: 0.947em; font-weight: 400; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 28px; -ms-border-radius: 28px; border-radius: 28px; text-transform: none; white-space: nowrap; padding: 1.06em 2.28em 1.176em; letter-spacing: 0; height: auto; border-width: 0 !important; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding: 0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_layouts_row_type_narrow .sc_button.sc_button_bordered { padding: 0.8em 1.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding: 0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-size: 1em; line-height: 1.25em; font-weight: 400; font-style: italic; letter-spacing: 0; text-transform: none; border: none; padding: 0 1.8em 0 0; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .sc_button_simple:before { display: none !important; } .sc_button.sc_button_simple:after { content: ''; display: block; height: 3px; width: 100%; margin-top: 0.35em; position: relative; top: auto; bottom: auto; opacity: 1; -webkit-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .sc_button.sc_button_simple:hover:after { opacity: 0; right: 0; } .sc_button_simple { padding: 0 !important; } /* Buttons in widgets */ /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, form.mc4wp-form .mc4wp-form-fields input[type="email"], .tourmaster-form-field input[type="text"], .tourmaster-form-field input[type="email"], .tourmaster-form-field input[type="password"], .tourmaster-form-field textarea, .tourmaster-form-field select, .tourmaster-form-field.tourmaster-with-border input[type="text"], .tourmaster-form-field.tourmaster-with-border input[type="email"], .tourmaster-form-field.tourmaster-with-border input[type="password"], .tourmaster-form-field.tourmaster-with-border textarea, .tourmaster-form-field.tourmaster-with-border select, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 0.87em 1.6em 0.761em; border: 2px solid #ddd; -webkit-border-radius: 31px; -ms-border-radius: 31px; border-radius: 31px; } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height: 10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { font-size: 0.895em; padding: 0.962em 4em 0.921em 1.9em; max-width: 100%; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"], .edd_price_options ul > li > label > input[type="radio"], .edd_price_options ul > li > label > input[type="checkbox"] { display: none; } label > input[type="radio"], label > input[type="checkbox"] { display: inline-block; vertical-align: baseline; } .edd_price_options ul > li > label > input[type="radio"] + span, .edd_price_options ul > li > label > input[type="checkbox"] + span { display: inline-block; vertical-align: baseline; } input[type="radio"] + label, input[type="checkbox"] + label, input[type="radio"] + .wpcf7-list-item-label, input[type="checkbox"] + .wpcf7-list-item-label, .edd_price_options ul > li > label > input[type="radio"] + span, .edd_price_options ul > li > label > input[type="checkbox"] + span { position: relative; padding-left: 1.4em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before, input[type="radio"] + .wpcf7-list-item-label:before, input[type="checkbox"] + .wpcf7-list-item-label:before, .edd_price_options ul > li > label > input[type="radio"] + span:before, .edd_price_options ul > li > label > input[type="checkbox"] + span:before, .mc4wp-form input + span:before { content: ' '; font-family: "fontello"; font-size: 1.5em; display: block; text-align: center; border: 1px solid #eee; width: 0.6em; height: 0.6em; line-height: 0.53em; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input[type="radio"] + label:before, input[type="radio"] + .wpcf7-list-item-label:before, .edd_price_options ul > li > label > input[type="radio"] + span:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + .wpcf7-list-item-label:before, .edd_price_options ul > li > label > input[type="checkbox"]:checked + span:before, .mc4wp-form input:checked + span:before { content: '\e8ab'; } input[type="radio"]:checked + label:before, input[type="radio"]:checked + .wpcf7-list-item-label:before, .edd_price_options ul > li > label > input[type="radio"]:checked + span:before { content: '\e83c'; } /* Select container (dropdown) */ select { text-overflow: ellipsis; white-space: nowrap; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } select::-ms-expand { display: none; } /* Hide all select fields while page loading */ select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]) { visibility: hidden; } /* Show all select fields when they inside an our wrapper */ .select_container select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]) { visibility: visible; } /* Our wrapper to decorate select fields */ .select_container { width: 100%; position: relative; -webkit-border-radius: 31px; -ms-border-radius: 31px; border-radius: 31px; } .select_container, .select_container:after, .select_container select { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .select_container:before { content: ' '; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: auto; width: 3em; z-index: 1; pointer-events: none; cursor: pointer; } .sc_input_hover_accent .select_container::before { right: 2px; top: 2px; bottom: 2px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select_container:after { content: '\e964'; font-family: "fontello"; font-size: 9px; text-align: center; display: block; margin-top: 1px; position: absolute; z-index: 2; top: 50%; right: 2.7em; width: 3.335em; height: 3.335em; line-height: 3.535em; pointer-events: none; cursor: pointer; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .select_container select { background: none !important; border-color: transparent !important; width: 100% !important; padding-right: 4em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 3em !important; padding-top: 0.75em; padding-bottom: 0.6em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 1.65em; } /* Select2 - Advanced select with search */ .select2-container { width: 100% !important; } .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection { height: auto; border: 2px solid #ddd; padding: 0.692em 1.6em 0.522em; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; } .select2-container--default .select2-selection--single span.select2-selection__rendered { line-height: 1.624em; min-height: 1.624em; } .select2-container.select2-container--default .select2-selection .select2-selection__arrow { margin-top: 3px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .select2-drop-active { border: none; } .select2-dropdown { border: 2px solid #ddd; } .select2-search { padding: 4px 0; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 35px; } .select2-container--default .select2-search--dropdown .select2-search__field { padding: 0.2em 1em; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin: 0 !important; padding: 0 !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; font-size: 0.8em; line-height: normal; padding: 1em 1.5em; color: #21759b; background-color: #f1f1f1; border-radius: 3px; clip: auto !important; text-decoration: none; /* Above WP toolbar */ z-index: 100000; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } .alignleft { display: inline-block; float: left; margin-right: 1.5em; } .alignright { display: inline-block; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right: auto !important; text-align: center; } figure.alignleft, figure.alignright { margin-top: 0.3em; } figure.aligncenter { margin-bottom: 1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position: relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align: center; } .sticky .label_sticky { display: block; position: absolute; z-index: 1; top: -14px; right: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color: #ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom: 0; text-transform: uppercase; letter-spacing: 1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery .gallery-item { display: inline-block; vertical-align: top; overflow: hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111111111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857142857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666666667% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333333333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 5px; } .gallery .gallery-item .gallery-caption { font-size: 11px; line-height: 15px; margin: 0 5px; padding: 6px; max-height: 42px; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .post-password-form label { display: inline-block; vertical-align: top; } .post-password-form input[type="submit"] { display: inline-block; margin-left: 0.2em; padding: 1.356em 3em 1.237em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { display: inline-block; vertical-align: top; position: relative; min-height: 1px; padding-left: 0px; padding-right: 30px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left: 30px; padding-right: 0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left: 0; padding-right: 30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left: 15px; padding-right: 15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns, push, pull and offset sizes */ .column-1, .column-1_1 { width: 100%; } .column-1_2 { width: 50%; } .push-1_2 { left: 50%; } .pull-1_2 { right: 50%; } .offset-1_2 { margin-left: 50%; } .column-1_3 { width: 33.3333333333%; } .push-1_3 { left: 33.3333333333%; } .pull-1_3 { right: 33.3333333333%; } .offset-1_3 { margin-left: 33.3333333333%; } .column-1_4 { width: 25%; } .push-1_4 { left: 25%; } .pull-1_4 { right: 25%; } .offset-1_4 { margin-left: 25%; } .column-1_5 { width: 20%; } .push-1_5 { left: 20%; } .pull-1_5 { right: 20%; } .offset-1_5 { margin-left: 20%; } .column-1_6 { width: 16.6666666667%; } .push-1_6 { left: 16.6666666667%; } .pull-1_6 { right: 16.6666666667%; } .offset-1_6 { margin-left: 16.6666666667%; } .column-1_7 { width: 14.2857142857%; } .push-1_7 { left: 14.2857142857%; } .pull-1_7 { right: 14.2857142857%; } .offset-1_7 { margin-left: 14.2857142857%; } .column-1_8 { width: 12.5%; } .push-1_8 { left: 12.5%; } .pull-1_8 { right: 12.5%; } .offset-1_8 { margin-left: 12.5%; } .column-1_9 { width: 11.1111111111%; } .push-1_9 { left: 11.1111111111%; } .pull-1_9 { right: 11.1111111111%; } .offset-1_9 { margin-left: 11.1111111111%; } .column-1_10 { width: 10%; } .push-1_10 { left: 10%; } .pull-1_10 { right: 10%; } .offset-1_10 { margin-left: 10%; } .column-1_11 { width: 9.0909090909%; } .push-1_11 { left: 9.0909090909%; } .pull-1_11 { right: 9.0909090909%; } .offset-1_11 { margin-left: 9.0909090909%; } .column-1_12 { width: 8.3333333333%; } .push-1_12 { left: 8.3333333333%; } .pull-1_12 { right: 8.3333333333%; } .offset-1_12 { margin-left: 8.3333333333%; } .column-2_2 { width: 100%; } .column-2_3 { width: 66.6666666667%; } .push-2_3 { left: 66.6666666667%; } .pull-2_3 { right: 66.6666666667%; } .offset-2_3 { margin-left: 66.6666666667%; } .column-2_4 { width: 50%; } .push-2_4 { left: 50%; } .pull-2_4 { right: 50%; } .offset-2_4 { margin-left: 50%; } .column-2_5 { width: 40%; } .push-2_5 { left: 40%; } .pull-2_5 { right: 40%; } .offset-2_5 { margin-left: 40%; } .column-2_6 { width: 33.3333333333%; } .push-2_6 { left: 33.3333333333%; } .pull-2_6 { right: 33.3333333333%; } .offset-2_6 { margin-left: 33.3333333333%; } .column-2_7 { width: 28.5714285714%; } .push-2_7 { left: 28.5714285714%; } .pull-2_7 { right: 28.5714285714%; } .offset-2_7 { margin-left: 28.5714285714%; } .column-2_8 { width: 25%; } .push-2_8 { left: 25%; } .pull-2_8 { right: 25%; } .offset-2_8 { margin-left: 25%; } .column-2_9 { width: 22.2222222222%; } .push-2_9 { left: 22.2222222222%; } .pull-2_9 { right: 22.2222222222%; } .offset-2_9 { margin-left: 22.2222222222%; } .column-2_10 { width: 20%; } .push-2_10 { left: 20%; } .pull-2_10 { right: 20%; } .offset-2_10 { margin-left: 20%; } .column-2_11 { width: 18.1818181818%; } .push-2_11 { left: 18.1818181818%; } .pull-2_11 { right: 18.1818181818%; } .offset-2_11 { margin-left: 18.1818181818%; } .column-2_12 { width: 16.6666666667%; } .push-2_12 { left: 16.6666666667%; } .pull-2_12 { right: 16.6666666667%; } .offset-2_12 { margin-left: 16.6666666667%; } .column-3_3 { width: 100%; } .column-3_4 { width: 75%; } .push-3_4 { left: 75%; } .pull-3_4 { right: 75%; } .offset-3_4 { margin-left: 75%; } .column-3_5 { width: 60%; } .push-3_5 { left: 60%; } .pull-3_5 { right: 60%; } .offset-3_5 { margin-left: 60%; } .column-3_6 { width: 50%; } .push-3_6 { left: 50%; } .pull-3_6 { right: 50%; } .offset-3_6 { margin-left: 50%; } .column-3_7 { width: 42.8571428571%; } .push-3_7 { left: 42.8571428571%; } .pull-3_7 { right: 42.8571428571%; } .offset-3_7 { margin-left: 42.8571428571%; } .column-3_8 { width: 37.5%; } .push-3_8 { left: 37.5%; } .pull-3_8 { right: 37.5%; } .offset-3_8 { margin-left: 37.5%; } .column-3_9 { width: 33.3333333333%; } .push-3_9 { left: 33.3333333333%; } .pull-3_9 { right: 33.3333333333%; } .offset-3_9 { margin-left: 33.3333333333%; } .column-3_10 { width: 30%; } .push-3_10 { left: 30%; } .pull-3_10 { right: 30%; } .offset-3_10 { margin-left: 30%; } .column-3_11 { width: 27.2727272727%; } .push-3_11 { left: 27.2727272727%; } .pull-3_11 { right: 27.2727272727%; } .offset-3_11 { margin-left: 27.2727272727%; } .column-3_12 { width: 25%; } .push-3_12 { left: 25%; } .pull-3_12 { right: 25%; } .offset-3_12 { margin-left: 25%; } .column-4_4 { width: 100%; } .column-4_5 { width: 80%; } .push-4_5 { left: 80%; } .pull-4_5 { right: 80%; } .offset-4_5 { margin-left: 80%; } .column-4_6 { width: 66.6666666667%; } .push-4_6 { left: 66.6666666667%; } .pull-4_6 { right: 66.6666666667%; } .offset-4_6 { margin-left: 66.6666666667%; } .column-4_7 { width: 57.1428571429%; } .push-4_7 { left: 57.1428571429%; } .pull-4_7 { right: 57.1428571429%; } .offset-4_7 { margin-left: 57.1428571429%; } .column-4_8 { width: 50%; } .push-4_8 { left: 50%; } .pull-4_8 { right: 50%; } .offset-4_8 { margin-left: 50%; } .column-4_9 { width: 44.4444444444%; } .push-4_9 { left: 44.4444444444%; } .pull-4_9 { right: 44.4444444444%; } .offset-4_9 { margin-left: 44.4444444444%; } .column-4_10 { width: 40%; } .push-4_10 { left: 40%; } .pull-4_10 { right: 40%; } .offset-4_10 { margin-left: 40%; } .column-4_11 { width: 36.3636363636%; } .push-4_11 { left: 36.3636363636%; } .pull-4_11 { right: 36.3636363636%; } .offset-4_11 { margin-left: 36.3636363636%; } .column-4_12 { width: 33.3333333333%; } .push-4_12 { left: 33.3333333333%; } .pull-4_12 { right: 33.3333333333%; } .offset-4_12 { margin-left: 33.3333333333%; } .column-5_5 { width: 100%; } .column-5_6 { width: 83.3333333333%; } .push-5_6 { left: 83.3333333333%; } .pull-5_6 { right: 83.3333333333%; } .offset-5_6 { margin-left: 83.3333333333%; } .column-5_7 { width: 71.4285714286%; } .push-5_7 { left: 71.4285714286%; } .pull-5_7 { right: 71.4285714286%; } .offset-5_7 { margin-left: 71.4285714286%; } .column-5_8 { width: 62.5%; } .push-5_8 { left: 62.5%; } .pull-5_8 { right: 62.5%; } .offset-5_8 { margin-left: 62.5%; } .column-5_9 { width: 55.5555555556%; } .push-5_9 { left: 55.5555555556%; } .pull-5_9 { right: 55.5555555556%; } .offset-5_9 { margin-left: 55.5555555556%; } .column-5_10 { width: 50%; } .push-5_10 { left: 50%; } .pull-5_10 { right: 50%; } .offset-5_10 { margin-left: 50%; } .column-5_11 { width: 45.4545454545%; } .push-5_11 { left: 45.4545454545%; } .pull-5_11 { right: 45.4545454545%; } .offset-5_11 { margin-left: 45.4545454545%; } .column-5_12 { width: 41.6666666667%; } .push-5_12 { left: 41.6666666667%; } .pull-5_12 { right: 41.6666666667%; } .offset-5_12 { margin-left: 41.6666666667%; } .column-6_6 { width: 100%; } .column-6_7 { width: 85.7142857143%; } .push-6_7 { left: 85.7142857143%; } .pull-6_7 { right: 85.7142857143%; } .offset-6_7 { margin-left: 85.7142857143%; } .column-6_8 { width: 75%; } .push-6_8 { left: 75%; } .pull-6_8 { right: 75%; } .offset-6_8 { margin-left: 75%; } .column-6_9 { width: 66.6666666667%; } .push-6_9 { left: 66.6666666667%; } .pull-6_9 { right: 66.6666666667%; } .offset-6_9 { margin-left: 66.6666666667%; } .column-6_10 { width: 60%; } .push-6_10 { left: 60%; } .pull-6_10 { right: 60%; } .offset-6_10 { margin-left: 60%; } .column-6_11 { width: 54.5454545455%; } .push-6_11 { left: 54.5454545455%; } .pull-6_11 { right: 54.5454545455%; } .offset-6_11 { margin-left: 54.5454545455%; } .column-6_12 { width: 50%; } .push-6_12 { left: 50%; } .pull-6_12 { right: 50%; } .offset-6_12 { margin-left: 50%; } .column-7_7 { width: 100%; } .column-7_8 { width: 87.5%; } .push-7_8 { left: 87.5%; } .pull-7_8 { right: 87.5%; } .offset-7_8 { margin-left: 87.5%; } .column-7_9 { width: 77.7777777778%; } .push-7_9 { left: 77.7777777778%; } .pull-7_9 { right: 77.7777777778%; } .offset-7_9 { margin-left: 77.7777777778%; } .column-7_10 { width: 70%; } .push-7_10 { left: 70%; } .pull-7_10 { right: 70%; } .offset-7_10 { margin-left: 70%; } .column-7_11 { width: 63.6363636364%; } .push-7_11 { left: 63.6363636364%; } .pull-7_11 { right: 63.6363636364%; } .offset-7_11 { margin-left: 63.6363636364%; } .column-7_12 { width: 58.3333333333%; } .push-7_12 { left: 58.3333333333%; } .pull-7_12 { right: 58.3333333333%; } .offset-7_12 { margin-left: 58.3333333333%; } .column-8_8 { width: 100%; } .column-8_9 { width: 88.8888888889%; } .push-8_9 { left: 88.8888888889%; } .pull-8_9 { right: 88.8888888889%; } .offset-8_9 { margin-left: 88.8888888889%; } .column-8_10 { width: 80%; } .push-8_10 { left: 80%; } .pull-8_10 { right: 80%; } .offset-8_10 { margin-left: 80%; } .column-8_11 { width: 72.7272727273%; } .push-8_11 { left: 72.7272727273%; } .pull-8_11 { right: 72.7272727273%; } .offset-8_11 { margin-left: 72.7272727273%; } .column-8_12 { width: 66.6666666667%; } .push-8_12 { left: 66.6666666667%; } .pull-8_12 { right: 66.6666666667%; } .offset-8_12 { margin-left: 66.6666666667%; } .column-9_9 { width: 100%; } .column-9_10 { width: 90%; } .push-9_10 { left: 90%; } .pull-9_10 { right: 90%; } .offset-9_10 { margin-left: 90%; } .column-9_11 { width: 81.8181818182%; } .push-9_11 { left: 81.8181818182%; } .pull-9_11 { right: 81.8181818182%; } .offset-9_11 { margin-left: 81.8181818182%; } .column-9_12 { width: 75%; } .push-9_12 { left: 75%; } .pull-9_12 { right: 75%; } .offset-9_12 { margin-left: 75%; } .column-10_10 { width: 100%; } .column-10_11 { width: 90.9090909091%; } .push-10_11 { left: 90.9090909091%; } .pull-10_11 { right: 90.9090909091%; } .offset-10_11 { margin-left: 90.9090909091%; } .column-10_12 { width: 83.3333333333%; } .push-10_12 { left: 83.3333333333%; } .pull-10_12 { right: 83.3333333333%; } .offset-10_12 { margin-left: 83.3333333333%; } .column-11_11 { width: 100%; } .column-11_12 { width: 91.6666666667%; } .push-11_12 { left: 91.6666666667%; } .pull-11_12 { right: 91.6666666667%; } .offset-11_12 { margin-left: 91.6666666667%; } .column-12_12 { width: 100%; } /* Utils */ .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { content: " "; clear: both; width: 100%; height: 0; display: block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow: hidden; } .vertical-centered:before { content: ' '; width: 0; height: 100%; margin-left: -0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align: middle; } .soleng_loading { background-image: url(images/preloader.gif); background-position: center; background-repeat: no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height: 100vh; overflow: hidden; } .page_wrap, .content_wrap { margin: 0 auto; } .body_style_boxed { background-color: #f0f0f0; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; } .body_style_boxed .page_wrap { width: 1400px; } .content_wrap, .content_container { width: 1169px; margin: 0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width: 100%; } .content_wrap:after, .content_container:after { content: " "; clear: both; width: 100%; height: 0; display: block; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position: relative; } /* Content and Sidebar */ body.body_style_wide:not(.expand_content) [class*="content_wrap"] > .content, body.body_style_fullwide:not(.expand_content) [class*="content_wrap"] > .content, body.body_style_boxed:not(.expand_content) [class*="content_wrap"] > .content { width: 670px; } [class*="content_wrap"] > .sidebar { width: 370px; } .sidebar_hide [class*="content_wrap"] > .content { margin-left: auto; margin-right: auto; } .sidebar_right [class*="content_wrap"] > .content { float: left; } .sidebar_right [class*="content_wrap"] > .sidebar { float: right; } .sidebar_left [class*="content_wrap"] > .content { float: right; } .sidebar_left [class*="content_wrap"] > .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullscreen [class*="content_wrap"] > .content { width: 100%; /*width:auto; max-width:100%;*/ } .body_style_fullscreen.sidebar_right [class*="content_wrap"] > .content { padding-right: 499px; } .body_style_fullscreen.sidebar_right [class*="content_wrap"] > .sidebar { margin-left: -370px; } .body_style_fullscreen.sidebar_left [class*="content_wrap"] > .content { padding-left: 499px; } .body_style_fullscreen.sidebar_left [class*="content_wrap"] > .sidebar { margin-right: -370px; } .body_style_fullscreen .page_content_wrap { overflow: hidden; padding: 0; position: relative; /* Need to correct 'sticky' sidebar position */ } /* Boxed style for articles and sidebar */ .body_style_fullscreen [class*="content_wrap"] > .content > article.page { padding: 0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position: relative; z-index: 8000; /* Essential grid lightbox use 8010 */ padding: 0.1px 0 0; margin-bottom: 8.4rem; background-position: center; background-repeat: no-repeat; background-size: cover; } .top_panel .row > [class*="column-"], .top_panel .columns_wrap > [class*="column-"] { vertical-align: middle; } .remove_margins .top_panel { margin-bottom: 0 !important; } .top_panel.with_bg_image:before { content: ' '; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } /* Background video in the header */ #background_video { object-fit: cover; overflow: hidden; position: absolute; z-index: -1 !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position: absolute; z-index: 1; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, 50%) !important; -ms-transform: translate(-50%, 50%) !important; transform: translate(-50%, 50%) !important; max-width: none; } #tubular-container { display: none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .page_wrap { position: relative; } .header_position_over .top_panel { position: absolute; z-index: 8000; top: 0; left: 0; width: 100%; background: none !important; } .header_position_over .top_panel .sc_layouts_row[class*="scheme_"]:not(.sc_layouts_row_fixed_on) { background-color: transparent; } .header_position_under .top_panel { position: relative; z-index: 1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display: none; background-color: #000; opacity: 0; pointer-events: none; position: absolute; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .header_position_under .page_content_wrap { position: relative; z-index: 3; } .header_position_under .footer_wrap { position: relative; z-index: 2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; transition: padding 0.3s ease; } .top_panel_default .sc_layouts_row .custom-logo-link img, .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height 0.3s ease; -ms-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .js:not(.js_active) .home .top_panel_default .content_wrap { border-bottom: 3px solid #ddd; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: "fontello"; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: "fontello"; } .top_panel_default .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before { content: '\e8ba'; font-family: "fontello"; } /* Vertical menus */ .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu { display: none; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 2.2em; } .top_panel_default .top_panel_title { padding: 6.05em 2.4em 6.35em; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left: 6rem; } body.menu_style_right { margin-right: 6rem; } .menu_style_side .body_wrap { position: relative; overflow: hidden; max-width: 100%; } .menu_style_side .menu_side_wrap { position: fixed; z-index: 20000; top: 0; right: auto; bottom: 0; left: 0; width: 6rem; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap { left: auto; right: 0; } .admin-bar .menu_side_wrap { top: 32px; } @media (max-width: 782px) { .admin-bar .menu_side_wrap { top: 46px; } } @media (max-width: 600px) { .admin-bar .menu_side_wrap { top: 0; } } .menu_side_wrap .menu_side_inner { display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_style_side .menu_side_wrap .sc_layouts_logo { display: block; padding: 25% 10%; text-align: center; border-bottom: 1px solid #ddd; position: relative; z-index: 1; } .menu_style_side .menu_side_wrap .logo_text { font-size: 1em; letter-spacing: 0; text-align: center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .menu_style_side .menu_side_wrap .logo_slogan { display: none; } .menu_side_wrap .menu_mobile_button { display: block; position: relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; font-size: 16px; margin-top: -1.5em; overflow: hidden; cursor: pointer; position: absolute; z-index: 1; top: 50%; left: -1.5em; width: 3em; height: 3em; line-height: 3em; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { text-align: left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { left: auto; right: -1.5em; text-align: right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } #toc_menu { display: none; position: absolute; top: 50%; left: 50%; width: 100%; margin: -50% 0 0 -50%; } .toc_menu_item { position: relative; z-index: 1; } .toc_menu_item .toc_menu_icon { display: block; position: relative; color: #888; height: 1.5em; line-height: 1.5em; text-align: center; } .toc_menu_item .toc_menu_icon:before { display: inline-block; line-height: inherit; color: inherit; } .toc_menu_item .toc_menu_icon_default:before { content: ' '; margin-top: 0.75em; width: 0.5em; height: 1px; background-color: #888; } .toc_menu_item:hover .toc_menu_icon, .toc_menu_item_active .toc_menu_icon { color: #292929; } .toc_menu_item:hover .toc_menu_icon_default:before, .toc_menu_item_active .toc_menu_icon_default:before { background-color: #292929; } .toc_menu_item_active .toc_menu_icon_default:before { width: 1.5em; } .toc_menu_item .toc_menu_description { position: absolute; top: 0; right: -20em; opacity: 0; white-space: nowrap; -webkit-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .toc_menu_item:hover .toc_menu_description { right: 100%; margin-right: 1.5em; opacity: 1; } .menu_side_inner #toc_menu { display: block; position: relative; z-index: 0; -webkit-transition: top 0.3s ease; -ms-transition: top 0.3s ease; transition: top 0.3s ease; } .menu_side_icons #toc_menu { left: 0; top: 0; margin: 0; } .menu_side_icons .toc_menu_item .toc_menu_description { height: 6rem; font-size: 1.0667em; line-height: 6rem; font-weight: bold; text-transform: uppercase; top: 0; } .menu_side_icons .toc_menu_item:hover .toc_menu_description { margin-right: 0; } .menu_side_icons .toc_menu_item .toc_menu_description span { display: inline-block; vertical-align: middle; padding: 0 3em; letter-spacing: 1px; } .menu_side_icons .toc_menu_item .toc_menu_icon { width: 100%; height: 6rem; line-height: 6rem; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; border-bottom: 1px solid #ddd; } .menu_side_icons .toc_menu_item .toc_menu_icon:before { font-size: 2rem; line-height: inherit; font-weight: normal; } .menu_side_dots #toc_menu .toc_menu_item .toc_menu_icon { text-align: center; } .menu_side_dots #toc_menu .toc_menu_item .toc_menu_icon:before { content: ' '; width: 5px; height: 5px; line-height: inherit; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .menu_side_dots #toc_menu .toc_menu_item_active .toc_menu_icon:before { width: 9px; height: 9px; line-height: 9px; text-align: center; } .menu_style_left .toc_menu_item .toc_menu_description { left: -20em; right: auto; } .menu_style_left .toc_menu_item:hover .toc_menu_description { left: 100%; right: auto; } /* Mobile header ---------------------------------------- */ .top_panel_mobile_info p { margin: 0; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened { right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display: block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display: block; cursor: pointer; width: 5em; height: 5em; line-height: 5em; text-align: center; position: absolute; z-index: 1; top: 0; right: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content: ' '; position: absolute; z-index: 2; top: 50%; left: 38%; width: 25%; height: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-top: -1px; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display: none !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 100000; } .menu_mobile { position: fixed; z-index: 100002; top: 0; left: 0; width: 100%; height: 0; -webkit-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; } .menu_mobile.opened { height: 100%; } .menu_mobile_inner { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; } .menu_mobile a { display: block; } .menu_mobile .sc_layouts_logo { text-align: center; margin: 4.4rem 0 0; font-size: 1em !important; /* Remove this rule if you want to zoom this logo too */ } .menu_mobile .menu_mobile_nav_area { position: absolute; z-index: 1; top: 48%; left: 0; width: 100%; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 49%; padding-right: 20px; /* Hide scrollbar */ overflow-y: scroll; } .menu_mobile .menu_mobile_nav_area ul { margin: 0 auto; padding: 0; list-style: none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0; display: none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom: 0; width: auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding: 1px 2.5em 1px 0; text-transform: none; letter-spacing: 1px; position: relative; display: inline-block; width: 28rem; text-align: left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 1em; padding-top: 0.25em; padding-bottom: 0.25em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 3em; } .menu_mobile .menu_mobile_nav_area > ul > li li.menu-delimiter { margin-top: 0 !important; padding-top: 0 !important; text-align: center; overflow: hidden; } .menu_mobile .menu_mobile_nav_area > ul > li li.menu-delimiter > a { overflow: hidden; padding-top: 0.25em; padding-bottom: 0.25em; padding-right: 0.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li.menu-delimiter > a > span { display: block; border-top: 1px solid #f0f0f0; width: 100%; height: 0; } .menu_mobile .menu_mobile_nav_area .open_child_menu { display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 1em; height: 1em; line-height: 1em; text-align: center; padding: 0.25em; background-color: rgba(255, 255, 255, 0.1); -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color: transparent; padding: 0.25em 0.7em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255, 255, 255, 0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family: "fontello"; content: '\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content: '\e835'; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu { display: block; width: 26rem; text-align: left; padding: 1em; margin: 0 auto; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_content { width: 100% !important; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .wpb_column:not([class*="vc_col-xs-"]) { width: 100%; float: none; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .wpb_column:not([class*="vc_col-xs-"]) + .wpb_column:not([class*="vc_col-xs-"]) { margin-top: 2em; } .menu_mobile .search_mobile { position: absolute; z-index: 1; bottom: 8rem; left: 50%; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position: relative; } .menu_mobile .search_mobile .search_field { width: 100%; padding: 1.5em 3em 1.5em 1.5em !important; } .menu_mobile .search_mobile .search_submit { position: absolute; z-index: 1; top: 0; right: 0; bottom: auto; left: auto; font-size: 0.8667em; padding: 1.78em; background-color: transparent; } .menu_mobile .socials_mobile { position: absolute; z-index: 1; bottom: 4rem; left: 0; text-align: center; display: block; width: 100%; } .menu_mobile .social_item { display: inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display: block; font-size: 1em; width: 1em; height: 1em; line-height: 1em; text-align: center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { margin-top: 0; margin-left: -320px; width: 320px; height: 100%; -webkit-transition: margin-left 0.3s ease, margin-right 0.3s ease; -ms-transition: margin-left 0.3s ease, margin-right 0.3s ease; transition: margin-left 0.3s ease, margin-right 0.3s ease; } .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; margin-left: 0; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing: 0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size: 1em; line-height: inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position: relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform: none; -ms-transform: none; transform: none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position: relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 0; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position: relative; z-index: 2; } .header_widgets_wrap.header_fullwidth { overflow: hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom: 0; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index: 0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom: 0; } .post_item > .post_title { margin-top: 0; } .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, .mptt-navigation-tabs, div.soleng_tabs .soleng_tabs_titles { list-style-type: none; padding: 0; text-align: center; letter-spacing: 0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper { margin: 0; } div.esg-filter-wrapper .esg-filterbutton, .mptt-navigation-tabs li, div.soleng_tabs .soleng_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height: 1.4em; font-weight: normal; text-transform: uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton + .esg-filterbutton, .mptt-navigation-tabs li + li, div.soleng_tabs .soleng_tabs_titles li + li { margin-left: 3px; } div.esg-filter-wrapper .esg-filterbutton > span, .mptt-navigation-tabs li a, div.soleng_tabs .soleng_tabs_titles li a, div.soleng_tabs .soleng_tabs_titles li a.ui-tabs-anchor { display: block; float: none; padding: 1.75em 3em; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } div.esg-filter-wrapper .esg-filterbutton > span { padding: 1em 2em; } div.soleng_tabs .soleng_tabs_content { padding: 0; } div.soleng_tabs .soleng_tab_content_remove { opacity: 0; } div.soleng_tabs .nav-links { margin-top: 1em; } /* Post featured block */ .post_featured { overflow: hidden; position: relative; margin-bottom: 0.35em; max-width: 100%; } .post_featured_bg { background-position: center; background-repeat: no-repeat; background-size: cover; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display: inline-block; margin-left: -0.3em; } .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item, .post_meta .vc_inline-link { margin-left: 0; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit:after, .post_meta .vc_inline-link:after { content: '|'; display: inline; font-family: inherit; font-size: 13px; font-weight: 100; font-style: normal; vertical-align: baseline; margin: 0 0.45em 0 0.65em; position: relative; top: -2px; } .post_meta .post_meta_item:last-child:after, .post_meta .post_meta_item.post_edit:last-child:after, .post_meta .vc_inline-link:last-child:after { display: none; } .post_meta a.post_meta_item:before, .post_meta .vc_inline-link:before, .post_meta a.post_meta_item > .post_counters_number { margin-right: 0.2em; } .post_meta .vc_inline-link:before { content: '\e8bb'; font-family: "fontello"; } /* Socials share in the post meta */ .post_share .social_items { font-size: 1em; } .socials_share.socials_type_drop .social_items { padding: 0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style: normal; text-transform: capitalize; } .post_meta .socials_share { display: inline; vertical-align: baseline; } .post_meta_item .socials_share .social_items { bottom: auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ .post_featured .mask { background-color: rgba(0, 0, 0, 0.5); } /* WordPress Playlist */ .wp-playlist .wp-playlist-current-item img { background-color: #fff; } /* Audio */ .format-audio .post_featured { position: relative; max-height: 16em; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position: relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0, 0, 0, 0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display: none; } .format-audio .post_featured .post_audio_author, .trx_addons_audio_player .audio_author { font-size: 0.895em; font-weight: 400; } .trx_addons_audio_player .audio_author { margin-left: 0; margin-right: 0; text-transform: none; } .format-audio .post_featured .post_audio_title, .trx_addons_audio_player .audio_caption { font-size: 1.053em; line-height: 1.25em; font-weight: 400; letter-spacing: -0.58px; text-transform: none; } .format-audio .post_featured .post_audio_title { margin-top: 0.15em; margin-bottom: 1.2em; } .format-audio .post_featured.with_thumb .post_audio_author, .trx_addons_audio_player.with_cover .audio_author, .format-audio .post_featured.with_thumb .post_audio_title, .trx_addons_audio_player.with_cover .audio_caption { color: #ffffff; } .trx_addons_audio_player .audio_author + .audio_caption { margin: -0.65em 0 0.25em; } .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index: 1000; top: auto; right: 6%; bottom: 2em; left: 6%; text-align: left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 1.4em 1.7em 1.8em; border: 1px solid #ddd; } /* Shortcode "Audio" */ .trx_addons_audio_player { padding: 1.1em 1.7em 1.75em; } .trx_addons_audio_player.without_cover { border: 1px solid #ddd; } .trx_addons_audio_player .audio_info + .audio_embed, .trx_addons_audio_player .audio_info + .audio_frame { margin-top: 1.3em; } .post_featured.with_thumb .mejs-container, .post_featured.with_thumb .mejs-controls, .post_featured > div > .mejs-container, .post_featured > div > .mejs-container .mejs-controls, .trx_addons_audio_player.with_cover .mejs-container, .trx_addons_audio_player.with_cover .mejs-controls { background: none; } .mejs-container.mejs-audio, .mejs-container.mejs-audio .mejs-controls { height: 50px !important; } .mejs-container.mejs-audio .mejs-controls { padding: 1px 15px 0; } .mejs-controls .mejs-button { padding-top: 2px; } .mejs-controls .mejs-button > button { font-size: 10px; width: 24.1px; height: 24.1px; line-height: 24.1px; } .mejs-controls .mejs-button > button:focus { outline: none !important; } .mejs-controls .mejs-button.mejs-play > button { text-indent: 1px; } .mejs-controls .mejs-button.mejs-unmute > button { text-indent: -2px; } .mejs-controls .mejs-playpause-button.mejs-play > button:before, .mejs-controls .mejs-playpause-button.mejs-replay > button:before, .mejs-controls .mejs-playpause-button.mejs-pause > button:before, .mejs-controls .mejs-volume-button.mejs-unmute > button:before, .mejs-controls .mejs-volume-button.mejs-mute > button:before { font-family: "fontello"; } .mejs-controls .mejs-playpause-button.mejs-play > button:before, .mejs-controls .mejs-playpause-button.mejs-replay > button:before { content: '\e96e'; } .mejs-controls .mejs-playpause-button.mejs-pause > button:before { content: '\e8e3'; } .mejs-controls .mejs-volume-button.mejs-unmute > button:before { content: '\e906'; } .mejs-controls .mejs-volume-button.mejs-mute > button:before { content: '\e903'; } .mejs-controls .mejs-button.mejs-volume-button > button { margin: 10px 3px; } .mejs-controls .mejs-time { font-size: 14px; margin-top: 0; padding: 21px 9px 0; } .mejs-controls .mejs-time-handle { display: none !important; } .sidebar .mejs-controls .mejs-time, .footer_wrap .mejs-controls .mejs-time { display: none; } .mejs-controls .mejs-time-buffering, .mejs-controls .mejs-time-current, .mejs-controls .mejs-time-hovered, .mejs-controls .mejs-time-loaded, .mejs-controls .mejs-time-marker, .mejs-controls .mejs-time-total { height: 3px; } .mejs-controls .mejs-horizontal-volume-slider { height: 0; } .mejs-controls .mejs-horizontal-volume-total { height: 3px; } .mejs-controls .mejs-time-rail { padding-top: 18px; margin: 0; } .mejs-controls .mejs-horizontal-volume-total { top: 23px; } .mejs-controls .mejs-time-float { border: none; } .mejs-controls .mejs-time-float-current { margin: 5px 2px; letter-spacing: 0px; } /* Video */ .format-video .post_featured.without_thumb { display: block; } .format-video .post_featured.with_thumb { position: relative; } .format-video .post_featured.with_thumb .post_video { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; opacity: 0; overflow: hidden; } .format-video .post_featured.with_thumb .post_video:before { content: ' '; display: inline-block; padding-top: 55%; width: 0; height: 0; } .format-video .post_featured.with_thumb img { position: relative; z-index: 2; } .format-video .post_featured.with_thumb .mask { z-index: 3; background-color: rgba(0, 0, 0, 0.5); opacity: 0; } .format-video .post_featured.with_thumb:hover .mask { opacity: 1; } .trx_addons_video_player .video_embed { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { width: 3.1em; height: 3.1em; line-height: 3.1em; text-align: center; margin: -1.54em 0 0 -1.54em; font-size: 1.35em; text-indent: 2px; cursor: pointer; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: none; -ms-transform: none; transform: none; position: absolute; z-index: 4; top: 50%; left: 50%; } .trx_addons_video_player.with_cover .video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.35em; } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.35em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.35em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e96e'; font-family: "fontello"; } .format-video .post_featured.post_video_play .post_video { opacity: 1; z-index: 10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color: #000; } .format-video .post_featured.post_video_play .post_video_hover { display: none; } .trx_addons_video_player.with_cover .video_hover, .trx_addons_video_player.with_cover:hover .video_hover { opacity: 1; margin-top: -1.54em; } .wp-video-shortcode .mejs-controls { height: 48px; } .mejs-fullscreen-button button:before { content: '\f0b2'; font-family: "fontello"; position: relative; top: 1px; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align: left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height: 1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p + p, .format-link .post_content p + p, .format-status .post_content p + p { margin-top: 1em; } .format-aside .post_content_inner:after { display: none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top: 1.6em; } /* Chat */ .format-chat p { margin-bottom: 0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display: inline-block; margin-top: 1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top: 0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position: relative; margin-bottom: 0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 3.75rem; } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; vertical-align: top; } .post_layout_excerpt.post_format_audio .post_featured.without_thumb, .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display: block; } .post_layout_excerpt .post_header { margin: 0; position: relative; } .post_layout_excerpt .post_header .post_price { width: auto; font-size: 1.5em; line-height: 1.5em; } .post_layout_excerpt .post_title { font-size: 2.105em; letter-spacing: -1.2px; line-height: 1.15em; margin: 0; } .post_layout_excerpt .post_title + .post_meta { margin-top: 0.6em; } .post_layout_excerpt .post_meta { margin-top: 0; } .post_layout_excerpt .post_header > .post_meta .post_categories { display: none !important; } .post_layout_excerpt .post_content { margin-top: 1.1rem; } .post_layout_excerpt:not(.format-quote) .post_content > .post_content_inner { font-size: 1.158em; letter-spacing: 0px; } .post_layout_excerpt.format-gallery .swiper-pagination-bullets { display: none !important; } .post_layout_excerpt.format-quote blockquote { margin: 0; } .post_layout_excerpt.format-quote .post_content { margin-top: 1.15rem; } .post_layout_excerpt.format-audio .post_featured { margin-top: 1.1rem; margin-bottom: 0; } .blog_style_excerpt .navigation.pagination { margin-top: 3em; } .blog_style_excerpt .post_button .post_button_left, .blog_style_excerpt .post_header_meta .post_header_meta_left { width: 100%; } .single .post_header > .post_meta .post_categories { display: none !important; } .single .post_header .post_header_meta .post_meta { margin-top: -0.25em; } .single .post_header_meta .post_header_meta_left { width: 100%; } .single .post_meta { margin-top: 0.25em; } .post_header_meta + .post_title { margin-top: 0.04em; } .post_header_meta:after { content: ''; display: block; clear: both; } .post_header_meta .post_header_meta_left { width: 73%; float: left; text-align: left; } .post_header_meta .post_header_meta_left .post_meta .post_categories { font-size: 0.944em; } .post_header_meta .post_header_meta_left .post_meta .post_author { white-space: nowrap; } .post_header_meta .post_header_meta_right { width: 27%; float: right; text-align: right; } .post_header_meta .post_header_meta_right .post_date { font-size: 0.944em; } .post_button { margin-top: 1.3em; } .post_button:after { content: ''; display: block; clear: both; } .post_button .post_button_left { width: 30%; float: left; text-align: left; } .post_button .post_button_right { width: 68%; float: right; text-align: right; } .post_meta_item.trx_addons_icon-comment:before { content: '\e95f'; font-family: "fontello"; } .post_counters_item { text-transform: lowercase; letter-spacing: 0px; } .post_counters_item.post_counters_comments:before, .post_counters_item.post_counters_likes:before, .post_counters_item.post_counters_views:before { font-size: 13px; text-align: center; width: 1.847em; height: 1.847em; line-height: 1.947em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Masonry and Classic */ .posts_container.columns_wrap { display: flex; flex-wrap: wrap; } .posts_container.columns_wrap .post_layout_classic { display: inline-block; vertical-align: top; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_classic { position: relative; } .post_layout_classic .post_meta { margin-top: 0; } .post_layout_classic .post_header_meta .post_header_meta_right, .post_layout_classic .post_header_meta .post_header_meta_left, .post_layout_classic .post_button .post_button_right { width: 100%; float: none; text-align: left; } .post_layout_classic .post_button { margin-top: 0.3em; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top: 0.1px; } .post_layout_classic .post_title { font-size: 1.5em; line-height: 1.3em; margin: 0; } .post_layout_classic .post_title + .post_meta { margin-top: 0.5em; } .post_layout_classic * + .post_title { margin-top: 0.35em; } .post_layout_classic blockquote { margin-left: 0; margin-right: 0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top: 1em; } /* First post large in the Classic and Masonry */ body[class*="blog_style_classic"] .post_layout_excerpt, body[class*="blog_style_masonry"] .post_layout_excerpt { margin-bottom: 3em; } .post_counters_likes:before { content: "\e8aa" !important; font-family: "fontello"; text-indent: -1px; } /* Chess */ .chess_wrap { overflow: hidden; } .post_layout_chess { position: relative; overflow: hidden; margin-bottom: 0; } .post_layout_chess.sticky { padding: 0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom: 0; width: 50%; float: right; max-height: none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; } .post_layout_chess .post_inner { width: 50%; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin: 0; } .post_layout_chess .post_button { margin-top: 0.1em; } .post_layout_chess .post_button .post_meta { margin-top: 0; } .post_layout_chess .post_button .post_button_right { float: none; text-align: left; width: 100%; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top: 0.1px; } .post_layout_chess .post_title { font-size: 2.105em; letter-spacing: -1.2px; line-height: 1.15em; margin: 0; } .post_layout_chess * + .post_title { margin-top: 0.34em; } .post_layout_chess .post_meta { margin-top: 0; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top: 1em; } .post_layout_chess .post_content_inner { overflow: hidden; position: relative; padding-bottom: 1em; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content: ' '; width: 100%; height: 1em; position: absolute; z-index: 1; bottom: 0; left: 0; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top: 1.8rem; } .post_layout_chess.post_layout_chess_1 .more-link { margin-top: 1rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display: none; } .post_layout_chess_2 .post_header_meta .post_header_meta_left, .post_layout_chess_3 .post_header_meta .post_header_meta_left, .post_layout_chess_2 .post_header_meta .post_header_meta_right, .post_layout_chess_3 .post_header_meta .post_header_meta_right { float: none; width: 100%; text-align: left; } .post_layout_chess_2 .post_header_meta .post_meta, .post_layout_chess_3 .post_header_meta .post_meta { margin-top: 0; } .post_layout_chess_2 .post_button, .post_layout_chess_3 .post_button { margin-top: 0.4em; } .post_layout_chess_2 .post_title { font-size: 1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size: 0.9333rem; line-height: 1.5em; max-height: 15.4em; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing: 0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top: 0.8em; } .post_layout_chess.post_layout_chess_2 .more-link, .post_layout_chess.post_layout_chess_3 .more-link { padding: 1.1667em 2.3333em; margin-top: 0.5rem; } .post_layout_chess_3 .post_title { font-size: 1.3333rem; line-height: 1.2em; } .post_layout_chess_3 .post_content_inner { font-size: 0.8667rem; line-height: 1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display: none; } .post_layout_chess.post_layout_chess_3 .more-link { padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float: left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right: 0; } .post_layout_chess_2 { width: 50%; float: left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float: left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right: 0; } .post_layout_chess_3 { width: 33.3333%; float: left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float: left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right: 0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom: 0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position: relative; margin-right: -30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position: relative; display: inline-block; vertical-align: top; padding: 0 30px 30px 0; margin-bottom: 0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display: none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; width: 50%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; } .gallery_preview:before { content: ' '; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; top: 0; left: 100%; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 1s, opacity 1s; -ms-transition: -ms-transform 1s, opacity 1s; transition: transform 1s, opacity 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); padding: 0 3em; opacity: 0; } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size: 1em; line-height: 1.3em; margin-top: 0; margin-bottom: 2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size: 1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; padding: 1em; opacity: 0; position: fixed; z-index: 150; top: 0; right: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more and Infinite */ .nav-links-more { text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-top: 2em; } [class*="blog_style_classic"] .nav-links-more, [class*="blog_style_masonry"] .nav-links-more { margin-top: 0; } .nav-links-more.nav-links-infinite { display: none; } .nav-links-more a { display: inline-block; padding-top: 2em; position: relative; } .nav-links-more a:before { content: '\e929'; font-family: "fontello"; font-size: 1.6em; font-weight: normal; display: block; text-align: center; margin-left: -0.5em; position: absolute; z-index: 1; top: 0; left: 50%; width: 1em; height: 1em; line-height: 1em; text-align: center; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow: hidden; font-size: 0.9333em; text-transform: uppercase; letter-spacing: 1px; margin-top: 3em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top: 1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family: "fontello"; font-weight: normal; display: inline; position: absolute; z-index: 1; top: 0; left: 0; } .nav-links-old .nav-prev { float: left; position: relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e973'; } .nav-links-old .nav-next { float: right; position: relative; padding-right: 2em; } .nav-links-old .nav-next a:after { content: '\e976'; left: auto; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-filters, .woocommerce nav.woocommerce-pagination ul, .comments_pagination, .nav-links, .page_links { font-size: 16px; text-transform: uppercase; margin: 0; padding-bottom: 0.7em; text-align: center; border: none; list-style-type: none; clear: both; } .comments_pagination { padding-bottom: 15px; margin-bottom: 0; } .page_links .page_links_title { display: inline-block; vertical-align: top; margin: 1.75em 1em 0 0; } .esg-filters div.esg-navigationbutton, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span.current, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display: inline-block; vertical-align: top; font-size: inherit; font-weight: inherit; margin: 23px 23px 0 0; padding: 0; border: none; position: relative; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .comments_pagination .page-numbers, .esg-filters div.esg-navigationbutton { margin: 50px 30px 0 0; } .esg-filters div.esg-navigationbutton:after, .woocommerce nav.woocommerce-pagination ul li a:after, .woocommerce nav.woocommerce-pagination ul li span.current:after, .page_links > span:not(.page_links_title):after, .page_links > a:after, .comments_pagination .page-numbers:after, .nav-links .page-numbers:after, .nav-links .page-numbers.current:after { content: '\e957'; font-family: "fontello"; font-size: 63px; line-height: 1; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; width: 62px; height: 62px; margin: -12px 0 0 -11px; -webkit-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .esg-filters div.esg-navigationbutton:not(.current):after, .woocommerce nav.woocommerce-pagination ul li a:not(.current):after, .woocommerce nav.woocommerce-pagination ul li span:not(.current):after, .page_links > span:not(.page_links_title):not(.current):after, .page_links > a:not(.current):after, .comments_pagination .page-numbers:not(.current):after, .nav-links .page-numbers:not(.current):after { opacity: 0; } .post_content .page_links > span:not(.page_links_title):not(.screen-reader-text):after, .esg-filters div.esg-navigationbutton.selected:after, .esg-filters div.esg-navigationbutton:hover:after, .woocommerce nav.woocommerce-pagination ul li a:hover:after, .woocommerce nav.woocommerce-pagination ul li span.current:hover:after, .page_links > span:not(.page_links_title):hover:after, .page_links > a:hover:after, .comments_pagination .page-numbers:hover:after, .nav-links .page-numbers:hover:after { opacity: 1; } .esg-filters .esg-navigationbutton i[class*="eg-icon-"] { color: inherit; } .esg-filters .esg-navigationbutton i.eg-icon-left-open:before { content: '\e973'; font-family: "fontello"; } .esg-filters .esg-navigationbutton i.eg-icon-right-open:before { content: '\e976'; font-family: "fontello"; } .post_content .page_links > span:not(.page_links_title):not(.screen-reader-text), .post_content .page_links > a { margin: 30px 30px 0 0; } .post_content .page_links > span.page_links_title { margin-top: 37px; } .woocommerce nav.woocommerce-pagination ul li { border: none; display: inline-block; margin: 28px 28px 0 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span.current { margin-right: 0; } .esg-filters div.esg-navigationbutton:hover, .esg-filters div.esg-navigationbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .esg-filters.esg-singlefilters .esg-pagination { padding-bottom: 0.7em; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next, .nav-links .page-numbers.prev, .nav-links .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next { text-indent: 0; font-size: 0; position: relative; } .comments_pagination .page-numbers.prev:before, .comments_pagination .page-numbers.next:before, .nav-links .page-numbers.prev:before, .nav-links .page-numbers.next:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .woocommerce nav.woocommerce-pagination ul li a.next:before { font-family: "fontello"; font-size: 0.842rem; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; text-align: center; text-indent: 0; } .comments_pagination .page-numbers.prev:before, .nav-links .page-numbers.prev:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before { content: '\e973'; } .comments_pagination .page-numbers.next:before, .nav-links .page-numbers.next:before, .woocommerce nav.woocommerce-pagination ul li a.next:before { content: '\e976'; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size: 0.8667em; text-align: left; margin-top: 6em; padding-top: 6em; border-top: 1px solid #ddd; overflow: hidden; text-transform: none; } .nav-links-single .nav-links a { display: block; position: relative; min-height: 5em; z-index: 1; } .nav-links-single .nav-links a .nav-arrow { width: 5em; height: 4.6em; line-height: 4.6em; overflow: hidden; text-align: center; position: absolute; z-index: 1; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display: block; background-color: #fff; opacity: 0; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity: 0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e973'; font-family: "fontello"; display: inline-block; position: relative; z-index: 2; top: 3em; opacity: 0; color: #292929; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity: 1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e976'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width: 50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float: left; text-align: left; padding-right: 15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align: left; } .nav-links-single .nav-links .nav-next { float: right; text-align: right; padding-left: 15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align: right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .nav-links-single .nav-links .post-title { margin: 0 0 0.3em; } .nav-links-single .nav-links .meta-nav, .nav-links-single .nav-links .post_date { font-size: 0.9286em; font-weight: normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float: none; width: auto; text-align: left; padding: 0; margin: 0; position: absolute; z-index: 1; top: 50%; left: 1.5em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align: right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 1.1em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff; background-color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } .image-navigation .nav-previous a:hover { padding-left: 3.5em; } .image-navigation .nav-next a:hover { padding-right: 3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4em; height: 4em; line-height: 4em; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #000; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align: left; } .post_item_single.format-quote .post_content { background-color: transparent; padding-top: 0; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom: 0.7em; } .post_item_single > .post_featured > img { width: auto; max-height: 80vh; } .post_featured.post_attachment { margin-bottom: 0.5em; } .entry-caption { text-align: center; font-style: italic; } .post_item_single .post_header { margin-bottom: 1.1em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top: -0.2em; } .body_style_fullscreen .post_item_single .post_content > h1:first-child, .body_style_fullscreen .post_item_single .post_content > h2:first-child, .body_style_fullscreen .post_item_single .post_content > h3:first-child, .body_style_fullscreen .post_item_single .post_content > h4:first-child, .body_style_fullscreen .post_item_single .post_content > h5:first-child, .body_style_fullscreen .post_item_single .post_content > h6:first-child, .body_style_fullscreen .post_item_single .post_content > .vc_row:first-child h1:first-child, .body_style_fullscreen .post_item_single .post_content > .vc_row:first-child h2:first-child, .body_style_fullscreen .post_item_single .post_content > .vc_row:first-child h3:first-child, .body_style_fullscreen .post_item_single .post_content > .vc_row:first-child h4:first-child, .body_style_fullscreen .post_item_single .post_content > .vc_row:first-child h5:first-child, .body_style_fullscreen .post_item_single .post_content > .vc_row:first-child h6:first-child, .body_style_fullscreen .post_item_single .post_title { margin-top: 0; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height: 1em; margin-top: 1.4em; letter-spacing: 0; overflow: hidden; clear: both; } .post_item_single .post_content > .post_meta_single .post_tags { float: left; display: block; max-width: 55%; margin-top: 3px; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } .post_item_single .post_content > .post_meta_single .post_tags .post_meta_label { font-size: 0.895em; letter-spacing: -0.51px; display: inline-block; vertical-align: middle; margin: 0px 7px 2px 0; } .post_item_single .post_content > .post_meta_single .post_tags a { font-size: 0.79em; letter-spacing: -0.51px; display: inline-block; vertical-align: middle; padding: 0.334em 1.069em; margin: 0px 5px 5px 0; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: right; display: block; max-width: 40%; } .post_item_single .post_content > .post_meta_single .post_share:before { display: none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { margin: 0 0 0.25em 0.25em; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display: block; width: 2.368em; height: 2.368em; line-height: 2.468em; } .post_item_single .post_content > .post_meta_single .post_share .socials_share .socials_caption { font-size: 0.895em; letter-spacing: -0.51px; display: inline-block; vertical-align: middle; pointer-events: none; margin-right: 0.6em; margin-bottom: 0.4em; } .post_item_single .post_content > .post_meta_single .post_share .socials_share .socials_caption:before { display: none; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 4.2em; padding: 2.4em 2.65em 2.55em; position: relative; } .author_avatar_container { overflow: hidden; width: 8.158rem; height: 8.685rem; line-height: 8.685rem; position: absolute; z-index: 1; top: 2.6rem; left: 2.65rem; } .author_avatar { width: 8.685rem; height: 8.685rem; line-height: 8.685rem; position: relative; left: -5px; } .author_avatar img { width: auto; height: 100%; } .author_description { padding-left: 10.2rem; } .author_title { margin-top: 0; margin-bottom: 0.85em; } .author_bio p { margin: 0; } .author_bio p + p { margin-top: 0.6em; } .author_bio .author_link { font-size: 0.895em; display: block; margin-top: 1.3em; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 6em; } .related_wrap_title { margin: 0 0 1.5em; text-align: left; } .related_wrap .related_item { text-align: center; } .related_wrap .post_categories { font-weight: 700; text-transform: uppercase; font-size: 12px; } .related_wrap .post_categories ul { margin: 0; padding: 0; list-style: none; display: inline-block; } .related_wrap .post_categories li { display: inline-block; margin: 0; } .related_wrap .post_categories li + li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display: none; } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display: block; max-width: 70%; padding: 3em 2em; position: absolute; z-index: 3; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing: 1px; line-height: 1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width: 100%; } .related_wrap .related_item_style_2 .post_date { font-size: 14px; line-height: 1.4em; font-weight: bold; text-transform: uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 7.9em; overflow: hidden; } .comments_list_wrap .comments_closed { margin-top: 2em; color: #1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 0.68em; text-align: left; } .comments_list_wrap > ul { padding: 0; margin: 0; list-style: none; } .comments_list_wrap li { padding: 0; } .comments_list_wrap ul > li { display: block; overflow: hidden; position: relative; } .comments_list_wrap ul > li:before { display: none; } .comments_list_wrap ul ul { margin-left: 6.75em; padding-left: 0; } .comments_list_wrap ul ul ul ul { margin-left: 0; } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 2.8em; } .comments_list_wrap .comment_body { min-height: 5.264em; } .comments_list_wrap .comment_author_avatar { position: absolute; z-index: 1; top: 0; left: 0; width: 5.264em; height: 5.264em; line-height: 5.264em; text-align: center; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 0; } .comments_list_wrap .bypostauthor > .comment_body .comment_author_avatar:after { content: ' '; display: block; border: 12px solid transparent; border-top-color: #ddd; position: absolute; z-index: 1; top: -14px; right: -14px; width: 0; height: 0; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 6.78em; overflow: hidden; } .comments_list_wrap .comment_info { margin: -0.31em 0 0.85em; position: relative; } .comments_list_wrap .comment_author { letter-spacing: -0.55px; margin: 0 0.5em 0 0; display: inline-block; } .comments_list_wrap .comment_posted { display: inline-block; position: relative; letter-spacing: 0; vertical-align: baseline; font-size: 0.8667em; line-height: inherit; font-style: italic; } .comments_list_wrap .comment_posted_label { display: none; } .comments_list_wrap .comment_counters, .comments_list_wrap .comment_date, .comments_list_wrap .comment_time { display: none; vertical-align: baseline; } .comments_list_wrap .comment_date, .comments_list_wrap .comment_time { margin-right: 0.3em; } .comments_list_wrap .comment_time { display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style: italic; } .comments_list_wrap .comment_text { margin-bottom: 0.5em; } .comments_list_wrap .comment_text p { letter-spacing: -0.58px; margin: 0; } .comments_list_wrap .comment_text p + p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ol { margin: 0; padding: 0 0 0 1.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { display: list-item; } .comments_list_wrap .comment_text ul { list-style: disc outside; } .comments_list_wrap .comment_text ul ul { list-style-type: circle; } .comments_list_wrap .comment_text ul ul ul { list-style-type: square; } .comments_list_wrap .comment_text ul ul ul ul { list-style-type: disc; } .comments_list_wrap .comment_text ol { list-style: decimal outside; } .comments_list_wrap .comment_text ol ol { list-style-type: lower-alpha; } .comments_list_wrap .comment_text ol ol ol { list-style-type: upper-roman; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height: 0; padding: 0; margin: 0 0 0.5em 0; overflow: visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border: none; } .comments_list_wrap .comment_reply { font-size: 0.895em; line-height: 1em; margin-top: 0.95em; letter-spacing: -0.55px; } .comments_list_wrap .comment_reply a:before { content: '\e802'; font-family: "fontello"; margin-right: 0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style: none; margin-left: 0; padding-left: 0; padding-right: 4em; padding-top: 1em; min-height: 0; position: relative; } .comments_list > li.trackback + li { margin-top: 1em; } .comments_list > li.trackback p { font-style: italic; padding-bottom: 0.8em; } .comments_list > li.trackback p a { font-style: normal; } .comments_list > li.trackback .edit-link { position: absolute; z-index: 1; top: 1em; right: 0; } /* Comments form */ .comments_form_wrap { margin-top: 7.35em; overflow: hidden; } .comments_form_wrap form { position: relative; } .comments_wrap .comments_form_title { margin: 0 0 0.55em; text-align: left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position: relative; } .comments_wrap #cancel-comment-reply-link { font-size: 0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: "fontello"; font-size: 18px; display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 2em; height: 2em; line-height: 2em; text-align: center; } .comments_wrap .comments_notes { font-size: 0.8667em; } .comments_wrap .comments_field { margin-bottom: 1.1em; } .comments_wrap .comments_field.comments_comment { margin-bottom: 0; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48.5%; float: left; } .comments_wrap .comments_email { float: right; } .comments_wrap .comments_url { clear: both; } .comments_wrap .comments_comment:before { content: ' '; clear: both; width: 100%; height: 0; display: block; } .comments_wrap .comments_field label { display: none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width: 100%; } .comments_wrap .comments_field textarea { min-height: 6.3em; } /* Submit button */ .comments_wrap .form-submit { margin: 1.6em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear: both; width: 100%; height: 0; display: block; } .comments_wrap .form-submit input[type="submit"] { font-size: 0.947em; letter-spacing: -0.53px; padding: 1.37em 2.45em 1.299em; display: inline-block; vertical-align: top; -webkit-border-radius: 33px; -ms-border-radius: 33px; border-radius: 33px; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Social login in the comment form */ .comments_form_wrap form .wp-social-login-widget { position: absolute; z-index: 1; top: -6.2em; right: 0; } .comments_form_wrap form .wp-social-login-widget .wp-social-login-connect-with { display: none; } .comments_form_wrap form .wp-social-login-widget .wp-social-login-provider-list { padding: 0; } /* Result box */ .soleng_messagebox { display: inline-block; max-width: 80%; position: absolute; z-index: 1000; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } form .soleng_messagebox, form .trx_addons_message_box { min-width: 60%; text-align: center; } .soleng_messagebox, .trx_addons_message_box { font-size: 1em; line-height: 1.5em; padding: 1.5em; border: 1px solid #07759C; background-color: #B6DDF3; color: #07759C; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 0, 200, 0.2); } .soleng_messagebox_style_error, .trx_addons_message_box_error { border: 1px solid #A00000; background-color: #FDCDCD; color: #A00000; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .soleng_messagebox_style_success, .trx_addons_message_box_success { border: 1px solid #00A000; background-color: #CDFDCD; color: #00A000; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .soleng_messagebox p, .trx_addons_message_box p { margin: 0; line-height: 1.5em; } .soleng_messagebox p + p, .trx_addons_message_box p + p { margin-top: 0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6em 0 5em; overflow: hidden; } .post_item_404 .page_title { float: left; width: 50%; font-size: 15em; line-height: 1em; margin: 0; margin-top: 0 !important; letter-spacing: 0; text-align: center; hyphens: none; } .post_item_404 .page_info { float: left; width: 50%; text-align: left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing: 1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform: uppercase; letter-spacing: 1px; line-height: 1.8em; } .post_item_404 .go_home:after { display: none; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 0 0 1.5em; } .post_item_none_search .page_title, .post_item_none_archive .page_title { width: 100%; font-size: 7em; line-height: 1.2em; } .post_item_none_search .page_info, .post_item_none_archive .page_info { width: 100%; padding: 0; text-align: center; margin-top: 2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar_inner .widget { padding: 2.15em 2.85em 2.35em; } .widget .widget { padding: 0; } .sidebar .widget + .widget, .widget + .widget { margin-top: 1.7rem; } .sidebar .widget + .widget.widget_bg_image, .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4rem; padding-bottom: 4rem; } .sidebar .widget.widget_bg_image + .widget, .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin: 0; } .widget p + p, .widget p + div, .widget p + form { margin-top: 1em; } .widget .widget_title, .widget .widgettitle { font-size: 1.053em; line-height: 1.35em; letter-spacing: -0.7px; margin-top: 0; margin-bottom: 1.25em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle { text-align: center; } .sidebar .widgettitle:after, .sidebar .widget_title:after { content: ''; display: block; margin-top: 0.55em; margin-left: 1px; width: 38px; height: 2px; } .widget ul { margin: 0; padding-left: 1.2em; list-style-type: none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget:not(.widget_recent_comments) > .widget_title + ul { margin-top: -7px; } .widget ul { padding-left: 1.6em; } .widget li { position: relative; } .widget ul > li:before { content: '\e965'; font-family: "fontello"; font-size: 9px; text-align: center; text-indent: 2px; display: inline-block; line-height: inherit; width: 17px; height: 17px; line-height: 17px; position: absolute; z-index: 1; top: 0.7em; left: -3.3em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .widget li a img { vertical-align: baseline; } .sidebar .widget li + li { margin-top: 0.4em; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size: 1em; margin-bottom: 2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size: 1em; margin-top: 2em; } .widgets_below_page_wrap { clear: both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position: relative; } .widget_calendar caption { padding-bottom: 0.5em; font-weight: 400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size: 1em !important; line-height: 1.5em; font-weight: 400 !important; font-style: normal; text-align: center; text-transform: uppercase; padding: 2px; border: none !important; background-color: transparent !important; width: 14.2857%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar td { line-height: 2em; padding: 0; } .widget_calendar tbody td a { display: block; position: relative; font-weight: normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position: absolute; z-index: 1; bottom: 1px; left: 48%; width: 3px; height: 3px; line-height: 3px; text-align: center; -webkit-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .widget_calendar td#today { position: relative; z-index: 2; } .widget_calendar td#today:before { content: ' '; position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2.2em; height: 2.2em; line-height: 2.2em; text-align: center; } .widget_calendar tfoot { position: relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align: left; overflow: hidden; } .widget_calendar td#next { text-align: right; } .widget_calendar td#prev a, .widget_calendar td#next a { position: relative; } .widget_calendar td#prev a { padding-left: 0.6em; } .widget_calendar td#next a { padding-right: 0.6em; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position: absolute; z-index: 1; top: 0; left: 0; width: 1.2em; height: 1em; line-height: 1.4em; display: none; } .widget_calendar td#prev a:before { content: '\e973'; font-family: "fontello"; } .widget_calendar td#next a:before { content: '\e976'; font-family: "fontello"; left: auto; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left: 0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width: 100%; overflow: hidden; position: relative; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8eb'; font-family: "fontello"; display: none; position: absolute; z-index: 0; top: 50%; right: 1.2em; margin-top: -0.5em; width: 1em; height: 1em; line-height: 1em; text-align: center; pointer-events: none; cursor: pointer; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width: 100%; padding: 0.962em 4em 0.921em 1.9em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search .search_button, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 3.295em; height: 100%; padding: 0; border: none !important; cursor: pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display: inline-block; margin-right: 6px; } .widget_rss .widget_title a:first-child:before { content: '\e8ed'; font-family: "fontello"; display: inline-block; font-size: 0.9em; } .widget_rss .widget_title img { display: none; } .widget_rss ul, .widget_rss li { padding-left: 0; } .widget_rss li:before { display: none !important; } .widget_rss li + li { margin-top: 2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow: hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom: 1em; } .sc_edd_details .downloads_page_tags .downloads_page_data > a, .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 11px 24px; margin: 0 5px 5px 0; font-size: 0.895em !important; line-height: 1em; font-weight: 400; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; letter-spacing: -0.3px; text-transform: none; } .widget_product_tag_cloud a { padding: 11px 18px; } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top: -2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom: 0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float: none; text-align: center; overflow: hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float: none; display: inline-block; overflow: hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height: 1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height: 1.5em; } #sb_instagram #sbi_load { margin-top: 0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin: 0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display: none; } /* Widget: widget recent comments */ .widget.widget_recent_comments ul { padding: 0; } .widget.widget_recent_comments ul li { padding: 1em 1.45em; margin-top: 0; } .widget.widget_recent_comments ul li:before { display: none !important; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top: 7.4rem; } .remove_margins .footer_wrap { margin-top: 0; } /* Footer widgets */ .footer_wrap .widget[class*="column-"] { margin: 1.5em 0; } .footer_wrap .widget li { font-size: 0.947em; letter-spacing: -0.55px; } .footer_wrap .widget ul > li:before { text-indent: 0; top: 1.2em; } .footer_wrap .widget li li { font-size: 1em; } .footer_wrap .vc_col-sm-4 .widget li { display: inline-block; width: 45%; margin-right: 3%; vertical-align: top; } .footer_wrap .vc_col-sm-4 .widget li li { display: block; width: 100%; margin-right: 0%; } .footer_wrap .footer_fullwidth { overflow: hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align: left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align: center; margin-bottom: 1.5em; } .footer_wrap .widget.widget_nav_menu .widgettitle + div { margin-top: -4px; } .footer_wrap .widget.widget_nav_menu ul { padding-left: 0; } .footer_wrap .widget.widget_nav_menu ul li:before { display: none; } /* Footer logo */ .footer_logo_inner { padding: 4em 0; overflow: hidden; text-align: center; position: relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content: ' '; position: absolute; z-index: 1; bottom: 0; left: 50%; width: 1px; height: 3em; } .trx_addons_absent .footer_logo_inner { padding: 1em 0; } .trx_addons_absent .footer_logo_inner:after { display: none; } .footer_logo_inner img { max-width: 25%; } .logo_footer_text { font-size: 3.3333em; line-height: 1em; letter-spacing: 6px; margin: 0; } .logo_footer_image + .logo_footer_text { margin: 0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding: 2em 0 3em; text-align: center; } .footer_wrap .socials_wrap, .footer_wrap .socials_wrap .social_item { margin-top: 0; } /* Menu in the default footer */ .footer_menu_inner { padding: 2em 0; text-align: center; } .menu_footer_nav_area > ul, .footer_wrap .sc_layouts_menu > ul { padding: 0; margin: 0; list-style-type: none; } .menu_footer_nav_area > ul ul, .footer_wrap .sc_layouts_menu > ul ul { display: none !important; } .menu_footer_nav_area > ul > li, .footer_wrap .sc_layouts_menu > ul > li { display: inline-block; vertical-align: baseline; font-size: 12px; } .menu_footer_nav_area > ul > li + li:before, .footer_wrap .sc_layouts_menu > ul > li + li:before { content: ' '; display: inline-block; width: 0; height: 0.8em; margin: 0; vertical-align: baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a, .footer_wrap .sc_layouts_menu > ul > li > a { padding: 0.5em 2.5em; display: inline-block; } .mobile_layout .menu_footer_nav_area > ul > li > a, .mobile_layout .footer_wrap .sc_layouts_menu > ul > li > a { padding: 0.5em 1em; } .menu_footer_nav_area > ul > li.menu-item-has-children > a, .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a { padding-right: 3.5em; } .mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a, .mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a { padding-right: 2em; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after, .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: "fontello"; right: 2em; } .mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a:after, .mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after { right: 0.5em; } .menu_footer_nav_area li li.menu-item-has-children > a:after, .footer_wrap .sc_layouts_menu li li.menu-item-has-children > a:after { content: '\e836'; font-family: "fontello"; } .menu_footer_nav_area > ul > li ul, .footer_wrap .sc_layouts_menu > ul > li ul { top: auto; bottom: 3em; border: 1px solid #ddd; } .menu_footer_nav_area > ul > li ul ul, .footer_wrap .sc_layouts_menu > ul > li ul ul { top: auto; bottom: -1.4em; margin-left: 2px; } .menu_footer_nav_area > ul > li ul ul.submenu_left, .footer_wrap .sc_layouts_menu > ul > li ul ul.submenu_left { margin-left: -2px; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a, .footer_wrap .sc_layouts_menu > ul > li ul > li, .footer_wrap .sc_layouts_menu > ul > li ul > li > a { font-size: 12px; } .menu_footer_nav_area > ul > li ul > li > a, .footer_wrap .sc_layouts_menu > ul > li ul > li > a { display: block; } /* Copyright area in the default footer */ .footer_copyright_inner { font-size: 1em; padding: 1.527em 0; overflow: hidden; margin-bottom: 0; } .footer_copyright_wrap p { margin: 0; } .copyright_text { font-size: 0.947em; letter-spacing: -0.53px; } /* 11. Front Page sections -------------------------------------------------------- */ .home-page.with_bg_image, .frontpage.with_bg_image { background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .home-page.with_bg_image .page_wrap, .frontpage.with_bg_image .page_wrap { background-color: transparent; } /* Common settings */ .front_page_section { background-position: center; background-repeat: no-repeat; background-size: cover; } .front_page_section > .customize-partial-edit-shortcut button { left: 2px !important; } .front_page_section_paddings_none .front_page_section_content_wrap { padding: 0; } .front_page_section_paddings_small .front_page_section_content_wrap { padding: 4% 0; } .front_page_section_paddings_medium .front_page_section_content_wrap { padding: 8% 0; } .front_page_section_paddings_large .front_page_section_content_wrap { padding: 12% 0; } .front_page_section_paddings_huge .front_page_section_content_wrap { padding: 16% 0; } .front_page_block_empty { height: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; margin: 0 !important; padding: 0 !important; } .front_page_section_description, .front_page_section_content, .front_page_section_output, .front_page_section_buttons { font-size: 1.1429em; } .front_page_section .front_page_section_caption { margin: 0; text-align: center; } .front_page_section_description { line-height: 1.5em; text-align: center; } .front_page_section_description p:last-child, .front_page_section_content p:last-child, .front_page_section_output p:last-child { margin-bottom: 0; } .front_page_section_buttons { text-align: center; } .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_description { margin-top: 1em; } .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_content, .front_page_section_description:not(.front_page_block_empty) + .front_page_section_content { margin-top: 3em; } .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_output, .front_page_section_description:not(.front_page_block_empty) + .front_page_section_output, .front_page_section_content:not(.front_page_block_empty) + .front_page_section_output { margin-top: 3em; } .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_columns, .front_page_section_description:not(.front_page_block_empty) + .front_page_section_columns, .front_page_section_content:not(.front_page_block_empty) + .front_page_section_columns { margin-top: 3em; } .front_page_section_caption:not(.front_page_block_empty) + .front_page_section_buttons, .front_page_section_description:not(.front_page_block_empty) + .front_page_section_buttons, .front_page_section_content:not(.front_page_block_empty) + .front_page_section_buttons, .front_page_section_output:not(.front_page_block_empty) + .front_page_section_buttons, .front_page_section_columns:not(.front_page_block_empty) + .front_page_section_buttons { margin-top: 2em; } .front_page_section_buttons > .front_page_section_button { margin-top: 1em; margin-right: 1em; font-size: 0.8em; } .front_page_section_buttons > .front_page_section_button + .front_page_section_button { margin-right: 0; } .front_page_section_columns .front_page_section_caption { font-size: 2.5em; line-height: 1.2em; text-align: left; } .front_page_section_columns .front_page_section_output, .front_page_section_columns .front_page_section_content, .front_page_section_columns .front_page_section_description { font-size: 1em; line-height: 1.5em; text-align: left; } .front_page_section_columns h1, .front_page_section_columns h2, .front_page_section_columns h3, .front_page_section_columns h4, .front_page_section_columns h5, .front_page_section_columns h6 { margin-top: 1em; margin-bottom: 0.3em; } .front_page_section_columns h1:first-child, .front_page_section_columns h2:first-child, .front_page_section_columns h3:first-child, .front_page_section_columns h4:first-child, .front_page_section_columns h5:first-child, .front_page_section_columns h6:first-child { margin-top: 0; } .front_page_section_columns p { margin: 0; } .front_page_section_columns p + p { margin-top: 0.5em; } /* Section 'Title' */ .front_page_section_title_description { line-height: 1.75em; } .front_page_section_title_caption:not(.front_page_block_empty) + .front_page_section_title_description { margin-top: 2em; } /* Section 'Features' */ .front_page_section_features .sc_item_descr { padding: 1em 0; } .front_page_section_features .sc_services_light .sc_services_item_icon { font-size: 4em; } /* Section 'Subscribe' */ .front_page_section_subscribe .front_page_section_output { max-width: 50%; margin-left: auto; margin-right: auto; } .front_page_section_subscribe .mc4wp-form .mc4wp-form-fields input[type="email"] { padding: 1em; } /* Section 'Googlemap' */ .front_page_section_googlemap .front_page_section_output { -webkit-box-shadow: 0 0 40px 10px rgba(255, 255, 255, 0.4); -ms-box-shadow: 0 0 40px 10px rgba(255, 255, 255, 0.4); box-shadow: 0 0 40px 10px rgba(255, 255, 255, 0.4); } /* 12. Utils -------------------------------------------------------------- */ /* Customizer message */ .soleng_customizer_message { padding: 2em; margin: 0 auto; max-width: 60%; background-color: #f3e6ce; color: #996600; border-left: 3px solid #666600; } .soleng_customizer_message b { color: #333300; } /* Debug window */ #debug_log { position: fixed; z-index: 1000000; top: 0; left: 0; display: block; width: 100%; background: rgba(0, 0, 0, 0.8); color: #ffffff; } .admin-bar #debug_log { top: 32px; } #debug_log_close { position: absolute; z-index: 1; top: -6px; right: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 18px; font-weight: bold; cursor: pointer; } #debug_log_content { font-size: 12px; line-height: 15px; max-height: 66px; padding: 16px 16px 6px; overflow: auto; word-wrap: normal; white-space: pre-line; } /* 13. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; z-index: 1; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display: none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display: block; font-size: 1.25em; width: 1em; height: 1em; line-height: 1em; text-align: center; position: absolute; z-index: 1; top: 0; right: 0; margin: 0.5em 0.5em 0 0; color: #cccccc; border: 2px solid #ebebeb; background-color: #f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color: #ffffff; } .popup_wrap .popup_close:before { content: '\e8ac'; font-family: "fontello"; line-height: 1em; padding: 0 !important; margin: 0 !important; } .popup_wrap .form_wrap { position: relative; overflow: hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom: 0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width: 100%; border: 2px solid #ebebeb; background-color: #fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color: #ffffff; } .popup_wrap .popup_form_field.iconed_field { position: relative; } .popup_wrap .popup_form_field.iconed_field:before { position: absolute; z-index: 1; top: 10px; right: 8px; margin-right: 0; color: #c9c9c9; width: 1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right: 30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding: 1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width: 100%; } .popup_wrap .login_socials_title { color: #222222; font-size: 1.5em; line-height: 1.3em; margin-bottom: 0.5em; } .popup_wrap .login_socials_problem { line-height: 1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 14. Third part plugins ------------------------------------------------------------------------------------ */ /* WPBakery PageBuilder */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .sc_gap .vc_row { margin-left: 0; margin-right: 0; } .sc_gap .vc_column_container { padding-left: 0; padding-right: 0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom: 0 !important; } .top_panel > .vc_row > .wpb_column { z-index: 10; } .top_panel > .vc_row:nth-child(2) > .wpb_column { z-index: 9; } .top_panel > .vc_row:nth-child(3) > .wpb_column { z-index: 8; } .top_panel > .vc_row:nth-child(4) > .wpb_column { z-index: 7; } .top_panel > .vc_row:nth-child(5) > .wpb_column { z-index: 6; } .top_panel > .vc_row:nth-child(6) > .wpb_column { z-index: 5; } .top_panel > .vc_row:nth-child(7) > .wpb_column { z-index: 4; } .top_panel > .vc_row:nth-child(8) > .wpb_column { z-index: 3; } .top_panel > .vc_row:nth-child(9) > .wpb_column { z-index: 2; } .top_panel > .vc_row:nth-child(10) > .wpb_column { z-index: 1; } /* Google conversion */ iframe[name="google_conversion_frame"] { height: 1px; min-height: 0px; display: none; } /* WPBakery PageBuilder */ .post_item_single .post_edit .vc_inline-link { display: none; } /* Magnific popup */ .mfp-bg { z-index: 200001; } .mfp-wrap { z-index: 200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding: 0; width: 44px; text-align: center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* 15. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } .height_small { height: 2rem !important; } .height_medium { height: 3.3333rem !important; } .height_large, .height_big { height: 6.6667rem !important; } .height_huge { height: 8.6667rem !important; } /* Scroll button on the slider */ .theme_scroll_down { display: inline-block; text-align: center; cursor: pointer; text-transform: uppercase; font-size: 11px !important; line-height: 15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family: "fontello"; font-size: 16px !important; line-height: 30px !important; display: block; text-align: center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position: absolute; z-index: 1000000; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; opacity: 0.5; } .admin-bar #makeup { top: 32px; } #makeup { margin-left: 0px; margin-top: 0px; } .sc_googlemap > iframe { width: 100%; height: 100%; } /*---------------Form GDPR----------------*/ form.sc_form_form .sc_form_field_message, .comments_wrap form.comment-form .comments_field { margin-bottom: 0.5em; } .sc_donations_form label.sc_donations_form_agree_label, .comments_i_agree_privacy_policy label[for="i_agree_privacy_policy"], form.sc_form_form label[for*="i_agree_privacy_policy"] { display: block; } .sc_donations_form label.sc_donations_form_agree_label:before, form.sc_form_form label[for*="i_agree_privacy_policy"]:before, .comments_i_agree_privacy_policy label[for="i_agree_privacy_policy"]:before { top: 0; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); } .sc_donations_form label.sc_donations_form_agree_label { margin-left: 0.5em; } .woocommerce-Reviews .comment-form-comment { margin-bottom: 0.5em !important; } .woocommerce-Reviews .comment-form-comment { margin-bottom: 0.5em !important; } .woocommerce-Reviews .comments_field.comments_i_agree_privacy_policy { margin-bottom: 2em; } /*--------------Contact Form 7-----------------*/ .wpcf7-form input[name="acceptance-157"] { display: none; } .wpcf7-form .acceptance-157 span.wpcf7-list-item { margin: 0; } .wpcf7-form .acceptance-157 { margin-top: -1em; display: block; } .wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label { display: block !important; } .wpcf7-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label:before { top: 0; -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); } /*--------------mc4wp-form-----------------*/ .mc4wp-form input[name="i_agree_privacy_policy"] { display: none; } .mc4wp-form .mcfwp-agree-input { position: relative; } .mc4wp-form input:checked + span:before { top: 0; -webkit-transform: translateY(35%); -ms-transform: translateY(35%); transform: translateY(35%); } .mc4wp-form .mcfwp-agree-input > span { padding-left: 1.5em; display: block; font-size: 0.85em; position: relative; } /*--------------Gutenberg-----------------*/ body.sidebar_hide .alignfull { width: 100vw; max-width: none; margin-left: 50%; transform: translateX(-50%); } body.sidebar_hide .alignwide { position: relative; left: calc( -44vw + 50% ); width: 88vw; max-width: none; } .alignfull > img, .alignwide > img { max-width: none; width: 100%; } /*--------------UnitTest-----------------*/ body aside.widget_media_video div.mejs-container.wp-video-shortcode.mejs-video .mejs-controls .mejs-time, body aside.widget_media_audio div.mejs-container.wp-audio-shortcode.mejs-audio .mejs-controls .mejs-time { display: block; padding-top: 19px; } body aside.widget_media_audio div.mejs-container.wp-audio-shortcode.mejs-audio .mejs-controls .mejs-horizontal-volume-slider { width: 35px; } body aside.widget_media_audio div.mejs-container.wp-audio-shortcode.mejs-audio .mejs-controls .mejs-horizontal-volume-total { width: 30px; } .comments_wrap > .comments_list_wrap > .comments_list > .comment > .comment_body > .comment_content > .comment_text_wrap > .comment_text > ol, .comments_wrap > .comments_list_wrap > .comments_list > .comment > .comment_body > .comment_content > .comment_text_wrap > .comment_text > ol ol { list-style-type: decimal !important; } /* Styles of the supported plugins Attention! Must be at the end of the main stylesheet ------------------------------------------------------- */ /* ATTENTION! This file was generated automatically! Don't change it!!! ----------------------------------------------------------------------- */ /* Buttons hovers ------------------------------------------------------------------ */ /* This way via gradient */ [class*="sc_button_hover_slide"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sc_button_hover_just_init { -webkit-transition: none !important; -ms-transition: none !important; transition: none !important; } [class*="sc_button_hover_"]:not(.sc_button_bg_image) { -webkit-transition: color 0.3s ease !important, border-color 0.3s ease !important, background-position 0.3s ease !important, background-color 0 linear 0.3s !important; -ms-transition: color 0.3s ease !important, border-color 0.3s ease !important, background-position 0.3s ease !important, background-color 0 linear 0.3s !important; transition: color 0.3s ease !important, border-color 0.3s ease !important, background-position 0.3s ease !important, background-color 0 linear 0.3s !important; } /* Arrow */ .sc_button_hover_arrow { position: relative; overflow: hidden; padding-left: 2em !important; padding-right: 2em !important; } .sc_button_hover_arrow:before { content: '\e8f4'; font-family: "fontello"; position: absolute; z-index: 1; right: -2em !important; left: auto !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent !important; color: inherit !important; } .sc_button_hover_arrow:hover:before, .sc_button_hover_arrow.active:before, .vc_active .sc_button_hover_arrow:before { right: 0.5em !important; } /* Images (post featured) hovers ----------------------------------------------------- */ .post_featured[class*="hover_"] { position: relative; -webkit-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .post_featured[class*="hover_"], .post_featured[class*="hover_"] * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* Uncomment this if you want to stretch images to the block's width .post_featured[class*="hover_"] img { } */ .post_featured .mask { content: ' '; position: absolute; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .post_featured .post_info { position: absolute; z-index: 103; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); -ms-transform: translate(-50%, -50%) scale(0.5, 0.5); transform: translate(-50%, -50%) scale(0.5, 0.5); -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; display: none; font-size: 1.1429em; line-height: 1.3em; width: 90%; text-align: center; margin: -1em auto 0; opacity: 0; } /* Hover empty */ .post_featured.hover_ .icons { position: absolute; z-index: 120; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /* Hover Icons */ .post_featured.hover_icon, .post_featured.hover_icons { position: relative; } .post_featured.hover_icon .mask { background-color: rgba(0, 0, 0, 0.4); } .post_featured.hover_icon:hover .mask { opacity: 1; } .post_featured.hover_icon .icons, .post_featured.hover_icons .icons { position: absolute; z-index: 102; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .post_featured.hover_icon .icons a, .post_featured.hover_icons .icons a { display: inline-block; font-size: 1.7143em; cursor: pointer; opacity: 0; margin-left: -1.3333em; position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; width: 2.1667em; height: 2.1667em; line-height: 2.1667em; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .post_featured.hover_icons .icons a.single_icon { margin-left: 0; } .post_featured.hover_icon .icons a { font-size: 1.15em; margin-left: 0; width: 2.517em; height: 2.517em; line-height: 2.517em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .post_featured.hover_icons .icons a + a { margin-left: 1.3333em; -webkit-transition-delay: 0.15s; -ms-transition-delay: 0.15s; transition-delay: 0.15s; } .post_featured.hover_icon:hover .icons a, .post_featured.hover_icons:hover .icons a { opacity: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .post_featured.hover_icons:hover .icons a + a { -webkit-transition-delay: 0.15s; -ms-transition-delay: 0.15s; transition-delay: 0.15s; } /* Hover Zoom: icons 'link' and 'zoom' */ .post_featured.hover_zoom:before { content: ' '; position: absolute; z-index: 101; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; border: 2px solid #fff; background-color: rgba(0, 0, 0, 0.15); -webkit-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .post_featured.hover_zoom:hover:before { -webkit-transform: scale(1, 1) rotate(45deg); -ms-transform: scale(1, 1) rotate(45deg); transform: scale(1, 1) rotate(45deg); } .post_featured.hover_zoom .mask { background-color: rgba(255, 255, 255, 0.15); } .post_featured.hover_zoom:hover .mask { opacity: 1; } .post_featured.hover_zoom .icons { position: absolute; z-index: 102; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; } .post_featured.hover_zoom .icons a { display: inline-block; font-size: 18px; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; position: relative; left: -50px; opacity: 0; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .post_featured.hover_zoom .icons a + a { margin-left: 8px; left: 50px; } .post_featured.hover_zoom .icons a:hover { color: #fff; background-color: rgba(255, 255, 255, 0.2); } .post_featured.hover_zoom:hover .icons a { left: 0; opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } /* Hover Dots */ .post_featured.hover_dots:hover .mask { opacity: 1; } .post_featured.hover_dots .icons { position: absolute; z-index: 120; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .post_featured.hover_dots .icons span { display: inline-block; opacity: 0; position: absolute; z-index: 102; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6px; height: 6px; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .post_featured.hover_dots:hover .icons span { opacity: 1; display: inline-block; } .post_featured.hover_dots:hover .icons span:first-child { margin-left: -13px; } .post_featured.hover_dots:hover .icons span + span + span { margin-left: 13px; } .post_featured.hover_dots.hover_with_info .icons span { margin-top: 1em; } .post_featured.hover_dots .post_info { display: block; top: 45%; } .post_featured.hover_dots:hover .post_info { -webkit-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); opacity: 1; } /* Hover Fade, Slide, Pull, Border: Common Rules */ .post_featured.hover_fade, .post_featured.hover_slide, .post_featured.hover_pull, .post_featured.hover_border { position: relative; overflow: hidden; /* width: 100%; height: 100%; */ } .post_featured.hover_fade .post_info, .post_featured.hover_slide .post_info, .post_featured.hover_pull .post_info, .post_featured.hover_border .post_info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; display: block; margin: 0; opacity: 1; font-size: 1em; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: none; -ms-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; } .post_featured.hover_fade .post_info .post_title, .post_featured.hover_slide .post_info .post_title, .post_featured.hover_pull .post_info .post_title, .post_featured.hover_border .post_info .post_title { font-weight: 400; font-size: 1.5em; line-height: 1.4em; margin: 0 0 0.5em; text-transform: uppercase; text-align: center; } .post_featured.hover_fade .post_info .post_descr, .post_featured.hover_slide .post_info .post_descr, .post_featured.hover_pull .post_info .post_descr, .post_featured.hover_border .post_info .post_descr { margin: 0; position: relative; padding: 0.5em 1em; text-align: center; } .post_featured.hover_fade .post_info .post_title span, .post_featured.hover_slide .post_info .post_title span, .post_featured.hover_pull .post_info .post_title span, .post_featured.hover_border .post_info .post_title span { font-weight: 700; } .post_featured.hover_fade .post_info .post_excerpt, .post_featured.hover_slide .post_info .post_excerpt, .post_featured.hover_pull .post_info .post_excerpt, .post_featured.hover_border .post_info .post_excerpt { display: none; } .post_featured.hover_fade img, .post_featured.hover_fade .post_info .post_info_back, .post_featured.hover_fade .post_info .post_title, .post_featured.hover_fade .post_info .post_descr, .post_featured.hover_slide img, .post_featured.hover_slide .post_info .post_info_back, .post_featured.hover_slide .post_info .post_title, .post_featured.hover_slide .post_info .post_descr, .post_featured.hover_pull img, .post_featured.hover_pull .post_info .post_info_back, .post_featured.hover_pull .post_info .post_title, .post_featured.hover_pull .post_info .post_descr, .post_featured.hover_border img, .post_featured.hover_border .post_info .post_info_back, .post_featured.hover_border .post_info .post_title, .post_featured.hover_border .post_info .post_descr { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .post_featured.hover_fade .post_info .post_excerpt, .post_featured.hover_slide .post_info .post_excerpt, .post_featured.hover_pull .post_info .post_excerpt, .post_featured.hover_border .post_info .post_excerpt { margin-top: 1em; display: none; } /* Hover Fade */ .post_featured.hover_fade:hover .mask { opacity: 1; } .post_featured.hover_fade .post_info .post_info_back { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; padding: 15px; margin-top: 100%; opacity: 0; } .post_featured.hover_fade.top_to_bottom .post_info .post_info_back { margin-top: -100%; } .post_featured.hover_fade.bottom_to_top .post_info .post_info_back { margin-top: 100%; } .post_featured.hover_fade.left_to_right .post_info .post_info_back { margin-left: -100%; } .post_featured.hover_fade.right_to_left .post_info .post_info_back { margin-left: 100%; } .post_featured.hover_fade:hover .post_info .post_info_back { margin: 0 !important; opacity: 1; } /* Hover Slide */ .post_featured.hover_slide .mask { opacity: 0.3; } .post_featured.hover_slide:hover .mask { opacity: 1; } .post_featured.hover_slide .post_info, .post_featured.hover_slide .post_info .post_title, .post_featured.hover_slide .post_info .post_descr { text-align: left; } .post_featured.hover_slide img, .post_featured.hover_slide .post_info .post_title, .post_featured.hover_slide .post_info .post_descr { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .post_featured.hover_slide .post_info .post_title, .post_featured.hover_slide .post_info .post_descr { position: relative; margin: 0; } .post_featured.hover_slide .post_info .post_title { padding: 0 0 15px; margin: 30px 30px 15px; overflow: hidden; } .post_featured.hover_slide .post_info .post_title:after { content: " "; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .post_featured.hover_slide:hover .post_info .post_title:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .post_featured.hover_slide img { max-width: none; width: calc(100% + 20px); -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .post_featured.hover_slide:hover img { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .post_featured.hover_slide .post_info, .post_featured.hover_slide .post_info .post_title, .post_featured.hover_slide .post_info .post_descr { text-align: left; } .post_featured.hover_slide .post_info .post_descr { padding: 0 30px 30px; opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .post_featured.hover_slide:hover .post_info .post_descr { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /* Hover Pull */ .post_featured.hover_pull .post_info, .post_featured.hover_pull .post_info .post_title, .post_featured.hover_pull .post_info .post_descr { text-align: left; } .post_featured.hover_pull .post_info .post_title, .post_featured.hover_pull .post_info .post_descr { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; } .post_featured.hover_pull:hover img { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); } .post_featured.hover_pull .post_info .post_title { padding: 20px; } .post_featured.hover_pull:hover .post_info .post_title { -webkit-transform: translateY(-70px); -ms-transform: translateY(-70px); transform: translateY(-70px); } .post_featured.hover_pull .post_info .post_descr { height: 60px; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); } .post_featured.hover_pull:hover .post_info .post_descr { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .post_featured.hover_pull .post_info .post_descr .post_meta { max-height: 60px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0 10px 0 20px; } /* Hover Border */ .post_featured.hover_border:hover .mask { opacity: 1; } .post_featured.hover_border .post_info:before, .post_featured.hover_border .post_info:after { content: ' '; position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; pointer-events: none; } .post_featured.hover_border .post_info:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .post_featured.hover_border:hover .post_info:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .post_featured.hover_border .post_info:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .post_featured.hover_border:hover .post_info:after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .post_featured.hover_border .post_info .post_info_back { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; padding: 45px; } .post_featured.hover_border img, .post_featured.hover_border .post_info .post_title, .post_featured.hover_border .post_info .post_descr { -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .post_featured.hover_border:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .post_featured.hover_border .post_info .post_title, .post_featured.hover_border .post_info .post_descr { opacity: 0; position: relative; text-align: center; margin: 0; } .post_featured.hover_border .post_info .post_title { font-size: 1.2em; padding: 0 0 15px; -webkit-transform: translateY(-1em); -ms-transform: translateY(-1em); transform: translateY(-1em); } .post_featured.hover_border:hover .post_info .post_title { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .post_featured.hover_border .post_info .post_descr { padding: 0; -webkit-transform: translateY(1em); -ms-transform: translateY(1em); transform: translateY(1em); } .post_featured.hover_border:hover .post_info .post_descr { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .post_featured.hover_border .post_info .post_info_item + .post_info_item:before { content: ' '; display: block; margin: 0.5em 0 0 0; } /* Hover Shop (icons) */ .post_featured.hover_shop { position: relative; display: block; } .post_item:hover .post_featured.hover_shop .mask, .post_item:hover .post_featured.hover_shop:hover .mask { opacity: 1; } .post_featured.hover_shop .icons { position: absolute; z-index: 1002; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; } .post_featured.hover_shop .icons a { display: inline-block; pointer-events: all; font-size: 1.2632em !important; padding: 0 !important; letter-spacing: 0 !important; cursor: pointer; text-align: center; border: 3px solid #ddd !important; opacity: 0; margin-left: -1.76em; position: absolute; z-index: 10; top: 50%; left: 50%; width: 2.5em; height: 2.5em; line-height: 2.5em !important; -webkit-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3) rotate(45deg); transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3) rotate(45deg); -webkit-transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; -ms-transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; } .post_featured.hover_shop .icons a.added_to_cart { display: none; } .post_featured.hover_shop .icons a.product_out_stock { display: none; } .product-category .post_featured.hover_shop .icons a, .post_featured.hover_shop .icons a.product_out_stock + a { margin-left: 0; -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } .post_featured.hover_shop .icons a + a, .post_featured.hover_shop .icons a + a + a { margin-left: 1.76em; -webkit-transition-delay: 0.15s; -ms-transition-delay: 0.15s; transition-delay: 0.15s; } .post_featured.hover_shop .icons a.shop_cart:before { font-family: "fontello" !important; font-weight: 400 !important; content: '\e93d' !important; } .post_featured.hover_shop .icons a:before, .post_featured.hover_shop .icons a:after { margin: 0 !important; padding: 0 !important; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .post_featured.hover_shop .icons a:after { position: absolute; top: 25%; left: 25%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); font-size: 0.6em; } .post_item:hover .post_featured.hover_shop .icons a, .post_featured.hover_shop:hover .icons a { opacity: 1; -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(45deg) scale(1, 1); transform: translate(-50%, -50%) rotate(45deg) scale(1, 1); -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .post_item:hover .post_featured.hover_shop .icons a + a, .post_item:hover .post_featured.hover_shop .icons a + a + a, .post_featured.hover_shop:hover .icons a + a, .post_featured.hover_shop:hover .icons a + a + a { -webkit-transition-delay: 0.15s; -ms-transition-delay: 0.15s; transition-delay: 0.15s; } /* Hover Shop (buttons) */ .post_featured.hover_shop_buttons { position: relative; display: block; overflow: hidden !important; } .post_featured.hover_shop_buttons .mask { display: none; } .post_featured.hover_shop_buttons .icons { position: absolute; z-index: 1002; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; } .post_layout_list .post_featured.hover_shop_buttons .icons { display: none !important; } .post_layout_list .post_data .add_to_cart_button { display: inline-block !important; } .post_featured.hover_shop_buttons .icons a { position: absolute; z-index: 10; bottom: -5em; left: 0; font-size: 0.895em !important; letter-spacing: 0 !important; display: block; text-transform: none !important; width: 50%; text-align: center; padding: 1em 0.5em !important; pointer-events: all; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .product.column-1_3 .post_featured.hover_shop_buttons .icons a { font-size: 0.65em !important; } .post_featured.hover_shop_buttons .icons a + a, .post_featured.hover_shop_buttons .icons a + a + a { left: 50%; } .product:not(.column-1_4) .post_featured.hover_shop_buttons .icons a:before { display: none !important; } .product.column-1_4 .post_featured.hover_shop_buttons .icons a { font-size: 0 !important; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; bottom: -5rem; } .product.column-1_4 .post_featured.hover_shop_buttons .icons:hover a { font-size: 0 !important; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; bottom: 0; } .product.column-1_4 .post_featured.hover_shop_buttons .icons a:before { font-size: 14px !important; line-height: 30px; } .post_item:hover .post_featured.hover_shop_buttons .icons a, .post_featured.hover_shop_buttons:hover .icons a { bottom: 0; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .post_featured.hover_shop_buttons .icons a.added_to_cart { display: none; } .post_featured.hover_shop_buttons .icons a.product_out_stock { display: none; } .product-category .post_featured.hover_shop_buttons .icons a, .post_featured.hover_shop_buttons .icons a.product_out_stock + a { width: 100%; left: 0 !important; } /* ThemeREX Addons ------------------------------------------------------------------------------------ */ /* Grid */ .sidebar .trx_addons_columns_wrap { margin-right: 0; } .sidebar .trx_addons_columns_wrap [class*="trx_addons_column-"] { display: block; width: 100%; padding: 0; } .sc_content_width_85p { width: 85%; } /* Scroll to top */ .menu_style_right .trx_addons_scroll_to_top { left: 2em; right: auto; } /* Layouts */ .menu_style_left .sc_layouts_row_fixed_on { margin-left: 6rem !important; } .menu_style_right .sc_layouts_row_fixed_on { margin-right: 6rem !important; } body.mobile_layout.menu_style_left .sc_layouts_row_fixed_on { margin-left: 0 !important; } body.mobile_layout.menu_style_right .sc_layouts_row_fixed_on { margin-right: 0 !important; } .header_position_under .top_panel .wpb_row { background-color: transparent !important; } .top_panel.with_bg_image .sc_layouts_row:not(.sc_layouts_row_fixed_on) { background-color: transparent; } .sc_layouts_row .search_wrap .search_field { font-size: 14px; padding: 0 2em !important; height: 4em; line-height: 4em; text-transform: none; } .sc_layouts_row .search_wrap .search_submit:before { display: none; } /* menu */ .top_panel .sc_layouts_item li { padding: 0; } .sc_layouts_menu_nav { position: relative; top: 1px; } .sc_layouts_menu.with_padding { margin-right: 3em; } .sc_layouts_menu_nav > li > a, .sc_layouts_menu_nav > li.menu-item-has-children > a { padding: 0.53em 0.9em; } .sc_layouts_column .sc_layouts_item:not(:last-child) .sc_layouts_menu_nav { margin-right: -0.9em; } .sc_layouts_menu_nav > li.menu-collapse > a { padding: 0.53em 1em; } .sc_layouts_menu_nav > li:last-child > ul, .sc_layouts_column_align_right .sc_layouts_menu_nav > li.menu-collapse > ul { left: 50%; } .sc_layouts_menu_nav .menu-collapse > a:after { display: none; } .sc_layouts_menu_nav > li.menu-item-has-children > a:after { display: none !important; } .sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_nav > li ul { width: 12.82em; box-shadow: none; padding: 1.75em 1em; text-align: center; } .sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_popup .sc_layouts_menu_nav > li > ul, .sc_layouts_menu_nav > li > ul ul { left: 100%; margin-left: 18px; top: -1.75em; } .sc_layouts_menu_nav > li > ul ul.submenu_left { left: -100%; margin-left: -30%; } .sc_layouts_menu_nav > li > ul { top: 3.9em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sc_layouts_menu_nav > li > ul:before { content: ' '; display: block; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #f5f4ef transparent; position: absolute; z-index: 1; top: -7px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sc_layouts_menu_nav > li > ul a { display: inline-block; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } .sc_layouts_menu_nav > li > ul li + li { margin-top: 1px; } .sc_layouts_menu_popup .sc_layouts_menu_nav > li > a, .sc_layouts_menu_nav > li li > a { padding: 0.35em 2.1em 0.475em; } .sc_layouts_menu_nav > li.current-menu-item > a, .sc_layouts_menu_nav > li.current-menu-parent > a, .sc_layouts_menu_nav > li.current-menu-ancestor > a { font-weight: 400 !important; } .sc_layouts_menu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a:after, .sc_layouts_menu_nav li li.menu-item-has-children > a:after { margin-left: 5px; position: relative; top: 1px; right: 0; } .sc_layouts_row_type_normal { padding: 0.4em 0; } .sc_layouts_row_type_normal .sc_button { padding: 1.05em 2.2em 1.186em; } .sc_layouts_item_icon { font-size: 1em; line-height: 1em; } .sc_layouts_item_icon + .sc_layouts_item_details { margin-left: 0.4em; } .sc_layouts_item_details_line2 { font-size: 1.053em; font-weight: 400; letter-spacing: -0.55px; } .sc_layouts_column .sc_layouts_item, .sc_layouts_column .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text) { margin-right: 2.2em; } .sc_layouts_column .sc_layouts_item:last-child, .sc_layouts_column .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text):last-child { margin-right: 0 !important; } .sc_layouts_column_align_right .sc_layouts_item, .sc_layouts_column_align_right .sc_layouts_item + div:not(.sc_layouts_item):not(.vc_row):not(.vc_separator):not(.vc_empty_space):not(.vc_wp_text) { margin-left: 2.2em; margin-right: 0; } /* cart */ .sc_layouts_cart { position: relative; top: 1px; } .sc_layouts_cart_widget { width: 300px; } .sc_layouts_cart_widget:after { right: 2.9em; } .sc_layouts_cart_widget .sc_layouts_cart_widget_close { opacity: 0; padding: 0; } .sc_layouts_cart .sc_layouts_cart_label { margin-right: 3px; } .sc_layouts_cart .sc_layouts_item_details_line2 { display: none; } .sc_layouts_cart .sc_layouts_item_icon { font-size: 1.3em; padding-right: 13px; } .sc_layouts_cart .sc_layouts_item_details > * { -webkit-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } .sc_layouts_cart .sc_layouts_cart_items_short { font-size: 12px; width: auto; min-width: 14px; height: 14px; line-height: 16px; padding: 2px; display: block; right: 0; -webkit-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; } .sc_layouts_cart_widget .cart_list { max-height: 300px; } /* Search field inside content */ .content .search_wrap { max-width: 50%; margin: 0; } .post_item_none_search .search_wrap, .post_item_none_archive .search_wrap { max-width: 600px; margin: 0 auto; } .content .search_wrap .search_form_wrap { width: 100%; } .content .search_wrap .search_form_wrap .search_field { width: 100%; } .content .search_wrap .search_submit { background-color: transparent; } .post_item_none_search .search_wrap .search_field, .post_item_none_archive .search_wrap .search_field { padding: 0.889em 4em 0.834em 1em !important; } .post_item_none_search .search_wrap .search_submit, .post_item_none_archive .search_wrap .search_submit { display: block; position: absolute; z-index: 1; top: 0; right: 0; left: auto; width: 3em; height: 100%; padding: 0; border: none !important; cursor: pointer; } .post_item_none_search .search_wrap .search_submit:before, .post_item_none_archive .search_wrap .search_submit:before { display: none; } .post_item_none_search .search_submit span { display: inherit; } .content .search_wrap .search_results { width: 100%; } .search_submit span { display: none; } /* Slider ---------------------------------------------- */ /* Pagination */ .slider_container .swiper-pagination-bullet, .slider_outer .swiper-pagination-bullet { opacity: 1; } .sidebar .slider_pagination_pos_bottom > .swiper-pagination, .sidebar .slider_outer_pagination_pos_bottom > .swiper-pagination { bottom: 0.5em; } .sidebar .slider_container .swiper-pagination-bullet, .sidebar .slider_outer .swiper-pagination-bullet { width: 8px; height: 8px; line-height: 8px; text-align: center; } /* Controls */ .sidebar .slider_outer .slider_controls_wrap, .sidebar .slider_container.slider_controls_side .slider_controls_wrap { display: none; } .sc_slider_controls .slider_controls_wrap > a, .slider_container.slider_controls_side .slider_controls_wrap > a, .slider_outer_controls_side .slider_controls_wrap > a, .slider_outer_controls_top .slider_controls_wrap > a, .slider_outer_controls_bottom .slider_controls_wrap > a { width: 2.632em; height: 2.632em; line-height: 2.632em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .slider_container.slider_controls_side .slider_controls_wrap > .slider_prev, .slider_outer_controls_side .slider_controls_wrap > .slider_prev { left: 1.1em; text-indent: -4px; } .slider_container.slider_controls_side .slider_next, .slider_outer_controls_side .slider_controls_wrap > .slider_next { right: 1.1em; } /* Icons in controls */ .sc_slider_controls .slider_controls_wrap > a:before, .slider_container.slider_controls_side .slider_controls_wrap > a:before, .slider_outer_controls_side .slider_controls_wrap > a:before, .slider_outer_controls_top .slider_controls_wrap > a:before, .slider_outer_controls_bottom .slider_controls_wrap > a:before { font-family: "fontello"; font-size: 13px; } .sc_slider_controls .slider_controls_wrap > .slider_prev:before, .slider_container.slider_controls_side .slider_controls_wrap > .slider_prev:before, .slider_outer_controls_side .slider_controls_wrap > .slider_prev:before, .slider_outer_controls_top .slider_controls_wrap > .slider_prev:before, .slider_outer_controls_bottom .slider_controls_wrap > .slider_prev:before { content: '\e973'; } .sc_slider_controls .slider_controls_wrap > .slider_next:before, .slider_container.slider_controls_side .slider_controls_wrap > .slider_next:before, .slider_outer_controls_side .slider_controls_wrap > .slider_next:before, .slider_outer_controls_top .slider_controls_wrap > .slider_next:before, .slider_outer_controls_bottom .slider_controls_wrap > .slider_next:before { content: '\e976'; } .slider_elastistack_outer.slider_outer_controls > .slider_controls_wrap > .slider_next:before, .slider_elastistack.slider_controls > .slider_controls_wrap > .slider_next:before { content: '\e964'; } /* custom pagination */ .slider_outer.slider_outer_pagination_pos_bottom.slider_outer_pagination_custom, .slider_outer.slider_outer_pagination_pos_bottom_outside.slider_outer_pagination_custom { padding-bottom: 6.65em; } .slider_container.slider_pagination_pos_bottom .swiper-pagination-custom, .slider_outer.slider_outer_pagination_pos_bottom .swiper-pagination-custom, .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-custom { height: 5.474em; line-height: 5.474em; } .swiper-pagination-custom .swiper-pagination-button { width: 5.474em; height: 5.474em; margin: 0 8px; border: none; position: relative; overflow: hidden; z-index: 0; opacity: 1; cursor: pointer; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .swiper-pagination-custom .swiper-pagination-button:after { content: ''; display: block; background-color: transparent; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s; } /* Slider in the widgets area */ .header_widgets_wrap .slider_container .slide_overlay.slide_overlay_large { background-color: transparent; } .header_widgets_wrap .slider_container.slider_titles_center:not(.slider_multi) .slide_info.slide_info_large { width: 18em; } .sidebar .slider_container.slider_multi .slide_info:not(.slide_info_large), .sidebar .slider_container .slide_info:not(.slide_info_large), .footer_wrap .slider_container.slider_multi .slide_info:not(.slide_info_large), .footer_wrap .slider_container .slide_info:not(.slide_info_large) { bottom: 8px; } .sidebar .slider_container.slider_multi .slide_title, .sidebar .slider_container .slide_info:not(.slide_info_large) .slide_title, .footer_wrap .slider_container.slider_multi .slide_title, .footer_wrap .slider_container .slide_info:not(.slide_info_large) .slide_title { font-size: 1.2em; line-height: 1.2em; margin-bottom: 6px; } .sidebar .slider_container.slider_multi .slide_date, .sidebar .slider_container .slide_info:not(.slide_info_large) .slide_date, .footer_wrap .slider_container.slider_multi .slide_date, .footer_wrap .slider_container .slide_info:not(.slide_info_large) .slide_date { font-size: 12px; line-height: 16px; } /* Widgets ---------------------------------------------- */ /* Widgets in the Footer */ .footer_wrap .sc_layouts_row { line-height: 1.7857em; } .footer_wrap .sc_layouts_item, .footer_wrap .sc_layouts_row .widget { vertical-align: top; margin-top: 0.5em !important; margin-bottom: 0.5em !important; } .footer_wrap .sc_layouts_item .widget { margin-top: 0 !important; margin-bottom: 0 !important; } /* Widget Categories list in columns or sidebar */ .widget_categories_list[class*="column-"] [class*="column-"], .sidebar .widget_categories_list [class*="column-"] { width: 100%; float: none; overflow: hidden; } .widget_categories_list[class*="column-"] [class*="column-"] + [class*="column-"], .sidebar .widget_categories_list [class*="column-"] + [class*="column-"] { margin-top: 0.5em; } .widget_categories_list[class*="column-"] .categories_list_style_1 .categories_list_item, .sidebar .widget_categories_list .categories_list_style_1 .categories_list_item { text-align: left; } .widget_categories_list[class*="column-"] .categories_list_style_1 .categories_list_image { display: inline-block; width: 20%; } .sidebar .widget_categories_list .categories_list_style_1 .categories_list_image { display: inline-block; width: 32px; vertical-align: middle; } .widget_categories_list[class*="column-"] .categories_list_style_1 .categories_list_image img, .sidebar .widget_categories_list .categories_list_style_1 .categories_list_image img { width: 100%; height: auto; } .widget_categories_list[class*="column-"] .categories_list_style_1 .categories_list_title, .sidebar .widget_categories_list .categories_list_style_1 .categories_list_title { display: inline-block; vertical-align: middle; width: 70%; margin: 0; font-size: 1em; text-align: left; text-transform: none; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_categories_list[class*="column-"] .categories_list_style_1 .categories_list_image + .categories_list_title, .sidebar .widget_categories_list .categories_list_style_1 .categories_list_image + .categories_list_title { padding-left: 1em; } /* Contacts */ .widget_contacts .contacts_description, .widget_contacts .contacts_content { font-size: 0.947em; } .widget_contacts .contacts_logo + .contacts_description, .widget_contacts .contacts_logo + .contacts_content { margin-top: 0.45em; } .content .widget_contacts .contacts_logo + .contacts_description, .content .widget_contacts .contacts_logo + .contacts_content { margin-top: 1em; } .footer_wrap .widget_contacts .contacts_description, .footer_wrap .widget_contacts .contacts_content { margin-left: auto; margin-right: auto; } .footer_wrap .columns_wrap .widget_contacts .contacts_description, .footer_wrap .columns_wrap .widget_contacts .contacts_content { max-width: none; } .widget_contacts .social_item.contacts_socials_label { font-size: 1.053em; font-weight: 400; margin-right: 1.45em; } /* Recent News + Shortcode Recent News */ body.expand_content .sc_recent_news_style_news-announce .post_size_full, .sc_layouts_submenu .sc_recent_news_style_news-announce .post_size_full { height: 656px; } body.expand_content .sc_recent_news_style_news-announce .post_size_big, .sc_layouts_submenu .sc_recent_news_style_news-announce .post_size_big { height: 328px; } body.expand_content .sc_recent_news_style_news-announce .post_size_medium, .sc_layouts_submenu .sc_recent_news_style_news-announce .post_size_medium, body.expand_content .sc_recent_news_style_news-announce .post_size_small, .sc_layouts_submenu .sc_recent_news_style_news-announce .post_size_small { height: 164px; } .sidebar .sc_recent_news .post_item .post_title, .footer_wrap .sc_recent_news .post_item .post_title { font-size: 1em; } .sidebar .sc_recent_news .post_item .post_content, .footer_wrap .sc_recent_news .post_item .post_content { font-size: 0.8667em; line-height: 1.3846em; } /* Shortcodes ---------------------------------------------- */ /* Events */ .sc_events_item_button:before, .sc_events_item_button:after { content: '\e93a'; font-family: "fontello"; } /* Form */ .sc_form .sc_form_info_item .sc_form_info_icon:before { font-family: "fontello"; } .sc_form .sc_form_info_item_address .sc_form_info_icon:before { content: '\e8fd'; } .sc_form .sc_form_info_item_email .sc_form_info_icon:before { content: '\e8fa'; } .sc_form .sc_form_info_item_phone .sc_form_info_icon:before { content: '\e8f5'; } /* Icons */ .sc_icons .sc_icons_icon { font-size: 0.25em; text-align: center; width: 22.95em; height: 22.95em; line-height: 22.95em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .sc_icons .sc_icons_icon:before, .sc_icons .sc_icons_icon > span:before { line-height: inherit; } .sc_icons.sc_icons_size_large .sc_icons_icon { font-size: 0.45em; width: 18.015em; height: 18.015em; line-height: 18.015em; } .sc_icons_size_large .sc_icons_icon:before, .sc_icons_size_large .sc_icons_icon > span:before { font-size: 3.6rem; } .sc_icons.sc_icons_size_large .sc_icons_icon + .sc_icons_item_title, .sc_icons.sc_icons_size_large .sc_icons_icon + .sc_icons_item_description { margin-top: 1.15em; } .sc_icons_item_title { font-size: 1.053em; text-transform: none; letter-spacing: -0.57px; } .sc_icons .sc_icons_icon + .sc_icons_item_title, .sc_icons .sc_icons_icon + .sc_icons_item_description { margin-top: 1.6em; } .sc_icons_item_description { line-height: 1.4em; } .sc_icons * + .sc_icons_item_description { margin-top: 0.85em; } .sc_icons .sc_icons_icon > span { display: none !important; } .footer_wrap .sc_icons .sc_icons_icon + .sc_icons_item_title { margin-top: 1em; margin-bottom: 2em; } /* modern */ .sc_icons.sc_icons_modern .sc_icons_item_content { padding: 2.45em 2.8em 3.55em; } .sc_icons.sc_icons_modern .sc_icons_item_title { font-size: 1.474em; letter-spacing: -0.84px; margin: 0; } .sc_icons.sc_icons_modern .sc_icons_item_title:after { content: ''; display: block; width: 38px; height: 2px; margin: 0.78em auto 0; } .sc_icons.sc_icons_modern .sc_icons_item_description { font-size: 1em; letter-spacing: -0.62px; line-height: 1.4em; } .sc_icons.sc_icons_modern .sc_icon_item_number_container { text-align: center; margin-top: -1.45em; } .sc_icons.sc_icons_modern .sc_icon_item_number_content { position: relative; vertical-align: top; margin: 0 auto; width: 65px; height: 65px; line-height: 65px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sc_icons.sc_icons_modern .sc_icon_item_number_content:before { content: '\e957'; font-family: "fontello"; font-size: 3.3em; position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_icons.sc_icons_modern .sc_icon_item_number { font-size: 0.842em; display: block; border: 6px solid #fff; width: 40px; height: 40px; line-height: 40px; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* extra */ .sc_icons.sc_icons_extra .sc_icons_icon { font-size: 0.73em; display: inline-block; margin: 0 auto; width: 11.032em; height: 11.032em; line-height: 11.032em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .sc_icons.sc_icons_extra .sc_icons_icon:before { line-height: inherit; } .sc_icons.sc_icons_extra .sc_icons_item_title { font-size: 1.474em; letter-spacing: -0.9px; line-height: 1.23em; padding: 0 0.5em; } .sc_icons.sc_icons_extra .sc_icons_item_title:after { content: ''; display: block; margin: 0.82em auto 0; width: 38px; height: 2px; } .sc_icons.sc_icons_extra .sc_icons_icon + .sc_icons_item_title, .sc_icons.sc_icons_extra .sc_icons_icon + .sc_icons_item_description { margin-top: 1.1em; } .sc_icons.sc_icons_extra .sc_icons_item_description { padding: 0 1em; } /*image*/ .sc_icons.sc_icons_image .sc_icons_image img { max-width: 100%; } .sc_icons.sc_icons_image .sc_icons_item_content { margin-top: 0.9em; padding: 1.95em 3em 2.1em; z-index: 0; } .sc_icons.sc_icons_image .sc_icons_item_title { font-size: 1.474em; line-height: 1em; letter-spacing: -0.78px; padding: 0 0.5em; margin: 0; } .sc_icons.sc_icons_image .sc_icons_item_title:after { content: ''; display: block; margin: 0.63em auto 0; width: 38px; height: 2px; } .sc_icons.sc_icons_image * + .sc_icons_item_description { margin-top: 0.8em; } /* left/right position */ .sc_icons.sc_icons_leftpos .sc_icons_item > div, .sc_icons.sc_icons_rightpos .sc_icons_item > div { display: inline-block; vertical-align: middle; } .sc_icons.sc_icons_leftpos .sc_icons_item + .sc_icons_item, .sc_icons.sc_icons_rightpos .sc_icons_item + .sc_icons_item { margin-top: 3.2em; } .sc_icons.sc_icons_leftpos .sc_icons_item .sc_icons_icon, .sc_icons.sc_icons_rightpos .sc_icons_item .sc_icons_icon { font-size: 0.37em; width: 11.38em; height: 11.38em; line-height: 11.38em; } .sc_icons.sc_icons_leftpos .sc_icons_item .sc_icons_icon + * { margin-left: 1.5rem; } .sc_icons.sc_icons_rightpos .sc_icons_item * + .sc_icons_icon { margin-left: 1.5rem; } .sc_icons.sc_icons_leftpos .sc_icons_item .sc_icons_item_content, .sc_icons.sc_icons_rightpos .sc_icons_item .sc_icons_item_content { width: -moz-calc(100% - 6em); width: -webkit-calc(100% - 6em); width: -o-calc(100% - 6em); width: calc(100% - 6em); } .sc_icons.sc_icons_leftpos .sc_icons_item .sc_icons_item_title, .sc_icons.sc_icons_rightpos .sc_icons_item .sc_icons_item_title { letter-spacing: -0.43px; margin-bottom: 0; } .sc_icons.sc_icons_leftpos .sc_icons_item .sc_icons_item_description, .sc_icons.sc_icons_rightpos .sc_icons_item .sc_icons_item_description { margin-top: 0; } .sc_icons.sc_icons_leftpos .sc_icons_item .sc_icons_item_title + .sc_icons_item_description, .sc_icons.sc_icons_rightpos .sc_icons_item .sc_icons_item_title + .sc_icons_item_description { margin-top: 0.95em; } /* Portfolio */ .sc_portfolio_default .sc_portfolio_item { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } /* Testimonials */ .sc_testimonials_item_content:before { content: '\e96f'; font-family: "fontello"; font-size: 3.35rem; line-height: 1em; margin-bottom: 0.03em; } .sc_testimonials_item_content > * { font-size: 1.263em; letter-spacing: -0.75px; line-height: 1.263em; } .sc_testimonials_item_author { padding: 0 1.5em !important; } .sc_testimonials_item_author:before { content: ''; display: block; width: 38px; height: 2px; margin: 0.9em auto 0.7em; } .sc_testimonials .sc_testimonials_item_author, .sc_testimonials [class*="column"] .sc_testimonials_item_author, .sc_testimonials .sc_testimonials_item_content, .sc_testimonials [class*="column"] .sc_testimonials_item_content { text-align: center; } .sc_testimonials_simple .sc_testimonials_item_author_data, .sc_testimonials_simple [class*="column"] .sc_testimonials_item_author_data { padding: 0; border: none; } .sc_testimonials_item_author_title { font-size: 0.895em; font-style: normal; letter-spacing: -0.53px; } /* Title */ h2.sc_item_title.sc_item_title_style_default:not(.sc_item_title_tag) { font-size: 2.632rem; letter-spacing: -0.51px; line-height: 1.1em; } h2.sc_item_title.sc_item_title_style_default:not(.sc_item_title_tag):not(.alter):after { margin-top: 0.54em !important; } .sc_item_descr { font-size: 1.158em; letter-spacing: -0.73px; } .sc_item_descr p:last-child { margin-bottom: 0; } .sc_item_title + .sc_item_descr, .sc_item_subtitle + .sc_item_descr { margin-top: 1.23em; } h6.sc_title_title { letter-spacing: -0.6px; } .sc_title_title:not(.alter):after { content: ''; display: block; margin-top: 0.65em; width: 38px; height: 2px; } .sc_title_title.sc_align_center:after { margin: 0.65em auto 0; } .sc_title_title.sc_align_right:after { margin-left: auto; margin-right: 1px; } .sc_title_title.sc_align_left:after { margin-right: auto; margin-left: 1px; } /* alter */ h4.sc_item_title.alter ~ .sc_item_descr.alter { font-size: 1em; letter-spacing: -0.55px; } h4.sc_item_title_tag + .sc_item_descr, h4.sc_item_title_tag + .sc_item_slider, h4.sc_item_title_tag + .sc_item_columns, h4.sc_item_title_tag + .sc_item_content { margin-top: 1.2em; } /* style 2 */ .sc_item_title.sc_item_title_style_2 { line-height: 1.15em; } .sc_item_descr.sc_item_title_style_2 { font-size: 1.263em; letter-spacing: -0.8px; line-height: 1.27em; margin-bottom: 0; } h3.sc_item_title_style_2.sc_title_title:after { margin-top: 0.42em; } h3.sc_item_title_style_2.sc_item_title_tag + .sc_item_descr, h3.sc_item_title_style_2.sc_item_title_tag + .sc_item_slider, h3.sc_item_title_style_2.sc_item_title_tag + .sc_item_columns, h3.sc_item_title_style_2.sc_item_title_tag + .sc_item_content { margin-top: 0.97em; } h3.sc_item_title_style_2 + .sc_item_descr { letter-spacing: -0.73px; } h4.sc_item_title_style_2.sc_title_title:after { margin-top: 0.9em; } h4.sc_item_title_style_2.sc_item_title_tag + .sc_item_descr, h4.sc_item_title_style_2.sc_item_title_tag + .sc_item_slider, h4.sc_item_title_style_2.sc_item_title_tag + .sc_item_columns, h4.sc_item_title_style_2.sc_item_title_tag + .sc_item_content { margin-top: 1.9em; } /* Editor */ .trx_addons_tooltip:before { font-size: 14px; line-height: 16px; letter-spacing: 0.3px; white-space: nowrap; padding: 0.55em 0.65em 0.35em; } .trx_addons_dropcap { font-size: 2.632em; font-weight: 400; text-indent: 2px; width: 1.4em; height: 1.42em; line-height: 1.42em; margin: 0.1em 0.1em 0 0; } ul.trx_addons_list_custom { padding-left: 1.6em; } ul.trx_addons_list_custom > li:before { content: '\e965'; font-family: "fontello"; font-size: 9px; text-align: center; text-indent: 1px; width: 17px; height: 17px; line-height: 18px; top: 0.55em; left: -3.4em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } ul.trx_addons_list_minus { padding-left: 1em; } ul.trx_addons_list_minus > li:before { content: '-'; top: 2px; left: -1em; } /* Table */ .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-weight: 400; } .sc_table table th, .sc_table table td { padding: 1.55em 1em 1.35em; } /* Widgets with posts */ .widget_area .post_item .post_thumb, aside .post_item .post_thumb { float: none; width: 100%; height: auto; margin: 0; } .widget_area .post_item .post_thumb + .post_content, aside .post_item .post_thumb + .post_content { margin-top: 0.9em; } .widget_area .post_item .post_title, aside .post_item .post_title { letter-spacing: 0.9px; line-height: 1.3em; margin: 0; } .widget_area .post_item .post_info, aside .post_item .post_info { font-size: 0.947em; line-height: 1; margin-top: 0.5em; } .post_info .post_info_item.post_info_posted .post_info_date { font-size: 0.947em; } .widget_area .post_item .post_info .post_info_item + .post_info_item:before, aside .post_item .post_info .post_info_item + .post_info_item:before { margin: 0 0 0 10px; } aside .post_item + .post_item { margin-top: 1.2em; } .widget_area .widget_recent_posts .post_item .post_categories, aside.widget_recent_posts .post_item .post_categories { margin-top: 0; padding-top: 0.2em; padding-right: 6em; } .widget_area .widget_recent_posts .post_item .post_categories .post_counters_item:before, aside.widget_recent_posts .post_item .post_categories .post_counters_item:before { vertical-align: middle !important; } .widget_area .widget_recent_posts .post_item .post_categories .post_counters_item span, aside.widget_recent_posts .post_item .post_categories .post_counters_item span { position: relative; top: 1px; } /* button */ .sc_button_text { display: inline; vertical-align: inherit; } .sc_button.sc_button_size_large { font-size: 0.947em; padding: 1.321em 2.68em 1.347em; -webkit-border-radius: 33px; -ms-border-radius: 33px; border-radius: 33px; } .sc_button.sc_button_iconed > *:not(.sc_button_icon) { display: none !important; } .sc_button.sc_button_iconed { text-indent: 1px; padding: 0; width: 4.648em; height: 4.648em; line-height: 4.648em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .sc_button.sc_button_iconed.sc_button_size_small { width: 3.648em; height: 3.648em; line-height: 3.648em; } .sc_button.sc_button_iconed.sc_button_size_large { width: 5.648em; height: 5.648em; line-height: 5.648em; } .sc_button.sc_button_iconed .sc_button_icon { font-size: 1.5em; line-height: inherit; margin: 0; } .sc_button_with_icon { text-align: center; } /* socials */ .socials_wrap { margin: -10px -10px 0 0; } .socials_wrap .social_item { margin: 10px 10px 0 0; } .socials_wrap .social_item { display: inline-block; vertical-align: middle; } .socials_wrap .social_item .social_icon { font-size: 0.867em; width: 3.157em; height: 3.157em; line-height: 3.357em; } /* mask */ .wpb_row.sc_bg_mask_94:before, .wpb_column.sc_bg_mask_94 > .vc_column-inner:before, .wpb_text_column.sc_bg_mask_94:before, .sc_content.sc_bg_mask_94:before { opacity: 0.94; } /* breadcrumbs */ .sc_layouts_title_caption { letter-spacing: -2.8px; } .sc_layouts_title_breadcrumbs { margin-top: 1.9em; margin-left: 0.2em; } .sc_layouts_title_breadcrumbs:first-child { margin-top: 0; margin-left: 0; } html:not(.js_active) .sc_layouts_title_breadcrumbs { margin: 0; } .breadcrumbs { font-size: 1.053em; line-height: 1; } .breadcrumbs .breadcrumbs_delimiter { margin: 0 0.95em; } .breadcrumbs .breadcrumbs_delimiter:before { content: '\e965'; font-family: "fontello"; font-size: 8px; position: relative; top: -3px; } /* skills */ .sc_skills.sc_skills_pie.sc_skills_compact_off .sc_skills_item { text-align: center; } .sc_skills.sc_skills_pie.sc_skills_compact_off canvas { max-width: 11.3em; max-height: 11.3em; } .sc_skills_pie.sc_skills_compact_off .sc_skills_total { font-size: 2.632em; line-height: 1.25em; font-weight: 400; } .sc_skills_pie.sc_skills_compact_off .sc_skills_item_title { font-size: 1em; letter-spacing: -0.6px; } .sc_skills_counter .sc_skills_total { font-size: 2.632em; } .sc_skills_counter .sc_skills_icon { font-size: 3.7em; line-height: 1em; letter-spacing: -0.25px; } .sc_skills_counter .sc_skills_item_title { font-size: 1em; line-height: 1.25em; font-style: normal; padding: 0 1em; } /* price */ .sc_price_item_info { padding: 2.95em 2em 3.1em; } .sc_price_item_subtitle { text-transform: none; letter-spacing: -0.53px; margin-bottom: 0; font-weight: 700; } .sc_price_item_title { font-size: 1.474em; text-transform: none; letter-spacing: -0.75px; } .sc_price_item_title:after { content: ''; display: block; width: 38px; height: 2px; margin: 0.8em auto 0; } .sc_price_item_subtitle + .sc_price_item_title { margin-top: 0.05em; } .sc_price_item_subtitle + .sc_price_item_price, .sc_price_item_title + .sc_price_item_price { margin-top: 0.33em; } .sc_price_item_price { font-size: 2.632em; letter-spacing: 0; } .sc_price_item_price > span { display: inline-block; vertical-align: top; } .sc_price_item_price .sc_price_item_price_before { font-size: 0.6em; line-height: 1.4em; } .sc_price_item_price .sc_price_item_price_after { font-size: 0.35em; line-height: 2.3em; letter-spacing: 0.5px; vertical-align: bottom; } .sc_price_item_description, .sc_price_item_details { font-size: 1em; font-style: normal; letter-spacing: -0.6px; line-height: 1.4em; } .sc_price_item_details { margin-top: 0.6em; } .sc_price_item_info .sc_price_item_link { font-size: 0.947em; padding: 1.35em 2.85em 1.319em; -webkit-border-radius: 33px; -ms-border-radius: 33px; border-radius: 33px; } .sc_price_item_subtitle + .sc_price_item_link, .sc_price_item_title + .sc_price_item_link, .sc_price_item_description + .sc_price_item_link, .sc_price_item_details + .sc_price_item_link { margin-top: 1.15em; } /* Action */ .sc_action_item_mask, .sc_action_item_mask:before { display: none !important; } .sc_action .sc_action_content .sc_action_item .sc_action_item_title { font-size: 3.158em; letter-spacing: -0.53px; } .sc_action .sc_action_content .sc_action_item .sc_action_item_inner .sc_action_item_link { font-size: 0.947em; padding: 1.334em 2.4em; -webkit-border-radius: 33px; -ms-border-radius: 33px; border-radius: 33px; } .sc_action_item_subtitle + .sc_action_item_link, .sc_action_item_title + .sc_action_item_link, .sc_action_item_description + .sc_action_item_link { margin-top: 2.25em; } /* scroll_to_top */ .trx_addons_scroll_to_top, .trx_addons_cv .trx_addons_scroll_to_top { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Services */ /* default */ .sc_services_default .sc_services_item { position: relative; z-index: 0; } .sc_services_default .sc_services_item_info { margin-top: 0.9em; padding: 2.2em 3em; z-index: 0; } body:not(.expand_content) .sc_services_default .sc_services_item_info { padding: 1.5em; } .sc_services_default .sc_services_item_info:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 20%; z-index: -1; } .sc_services_default .sc_services_item_subtitle { display: none; } .sc_services_default .sc_services_item_button { display: none; } .sc_services_default .sc_services_item_title { font-size: 1.474em; line-height: 1em; letter-spacing: -0.78px; padding: 0 0.6em; margin-top: 0 !important; } body:not(.expand_content) .sc_services_default .sc_services_item_title { padding: 0; } .sc_services_default .sc_services_item_title:after { content: ''; display: block; margin: 0.63em auto 0; width: 38px; height: 2px; } .sc_services_default .sc_services_item_content { margin-top: 0.85em; } /* iconed */ .sc_services.sc_services_iconed .sc_services_item .sc_services_item_icon, .sc_services.sc_services_iconed .sc_services_item_header a, .sc_services.sc_services_iconed .sc_services_item_header { position: relative; width: auto; height: auto; padding: 0; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_services.sc_services_iconed .sc_services_item_header { text-align: center; } .sc_services_iconed .sc_services_item .sc_services_item_header:before { display: none !important; } .sc_services.sc_services_iconed .sc_services_item_header a { font-size: 1.55em; display: inline-block; margin: 0 auto; width: 5.196em; height: 5.196em; line-height: 5.196em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .sc_services.sc_services_iconed .sc_services_item .sc_services_item_icon { line-height: inherit; } .sc_services_iconed .sc_services_item_content { text-align: center; margin: 1.65em 0 0 0; min-height: 0; padding: 0 0.5em; } .sc_services_iconed .sc_services_item_title { font-size: 1.474em; letter-spacing: -0.9px; line-height: 1.23em; padding: 0 0.6em; } .sc_services_iconed .sc_services_item_title:after { content: ''; display: block; margin: 0.82em auto 0; width: 38px; height: 2px; } .sc_services_iconed .sc_services_item_title + .sc_services_item_subtitle, .sc_services_iconed .sc_services_item_title + .sc_services_item_text, .sc_services_iconed .sc_services_item_subtitle + .sc_services_item_text { margin-top: 0.85em; } /* Image */ .sc_services_image .sc_services_item { border: 0.5px solid #fff; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; } .sc_services_image .sc_services_item.sc_services_compact { border: none; } .sc_services_image .sc_services_item[class*="_inline_"] { background-size: cover; background-position: center center; } .sc_services_image .sc_services_item .post_featured { z-index: 0; margin-bottom: 0; } .sc_services_image .sc_services_item .post_featured:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(46, 46, 46, 0.5); } .sc_services_image .sc_services_item .post_featured img { opacity: 0; } .sc_services_image .sc_services_item .post_featured .icons { display: none !important; } .sc_services_image .sc_services_item .sc_services_description { opacity: 0; margin-top: -11px; position: absolute; z-index: 100; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .sc_services_image .sc_services_item.sc_services_compact .sc_services_description { margin-top: -20px; } .sc_services_image .sc_services_item:hover .post_featured.hover_icon .mask, .sc_services_image .sc_services_item:hover .sc_services_description { opacity: 1; } .sc_services_image .sc_services_item .sc_services_description .sc_services_description_content { padding: 0px 2.5em; display: block; max-height: 8.3em; overflow: hidden; } .sc_services_image .sc_services_item.sc_services_compact .sc_services_description .sc_services_description_content { max-height: 6.85em; } .sc_services_image .sc_services_item .sc_services_item_info { position: absolute; z-index: 1; bottom: 0; left: 0; } .sc_services_image .sc_services_item .sc_services_item_info .sc_services_item_header { padding: 0 2.5em; } .sc_services_image .sc_services_item .sc_services_item_info .sc_services_item_title { font-size: 1.263em; letter-spacing: -0.7px; min-height: 2.3em; max-height: 2.3em; overflow: hidden; margin-bottom: 0.6em; } .sc_services_image .sc_services_item.sc_services_compact .sc_services_item_info .sc_services_item_title { margin-bottom: 0.35em; } /* listing */ .sc_services.sc_services_listing .sc_services_item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sc_services.sc_services_listing .sc_services_item .sc_services_item_content { padding: 1.6em 1.3em; width: 100%; max-width: 100%; } .sc_services.sc_services_listing .sc_services_item .sc_services_item_content > div { display: inline-block; vertical-align: middle; } .sc_services.sc_services_listing .sc_services_item .sc_services_icon_title { margin-right: 1.45em; width: 2.527em; height: 2.527em; line-height: 2.527em; } .sc_services.sc_services_listing .sc_services_item .sc_services_icon_title a { font-size: 0.65em; text-indent: 1px; text-align: center; width: 100%; height: 100%; line-height: inherit; display: block; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .sc_services.sc_services_listing .sc_services_item .sc_services_item_title_content { width: -moz-calc(100% - 1.45em - 2.535em); width: -webkit-calc(100% - 1.45em - 2.535em); width: -o-calc(100% - 1.45em - 2.535em); width: calc(100% - 1.45em - 2.535em); position: relative; top: 2px; } .sc_services.sc_services_listing .sc_services_item .sc_services_item_title { font-size: 1.158em; letter-spacing: 0.05px; line-height: 1.2em; margin: 0; pointer-events: none; } .sc_services.sc_services_listing .sc_item_title + .sc_item_button, .sc_services.sc_services_listing .sc_item_title + .sc_item_button_image, .sc_services.sc_services_listing .sc_item_subtitle + .sc_item_button, .sc_services.sc_services_listing .sc_item_subtitle + .sc_item_button_image, .sc_services.sc_services_listing .sc_item_descr + .sc_item_button, .sc_services.sc_services_listing .sc_item_descr + .sc_item_button_image, .sc_services.sc_services_listing .sc_item_content + .sc_item_button, .sc_services.sc_services_listing .sc_item_content + .sc_item_button_image, .sc_services.sc_services_listing .sc_item_slider + .sc_item_button, .sc_services.sc_services_listing .sc_item_slider + .sc_item_button_image, .sc_services.sc_services_listing .sc_item_columns + .sc_item_button, .sc_services.sc_services_listing .sc_item_columns + .sc_item_button_image { margin-top: 1.3em; } /* Team */ .sc_team_default .sc_team_item_info { margin-top: 1.105em; padding: 1.6em 1.6em 1.9em; } .sc_team_default .sc_team_item_info .sc_team_item_title { font-size: 1.474em; letter-spacing: -0.8px; } .sc_team_default .sc_team_item_info .sc_team_item_title:after { content: ''; display: block; margin: 0.55em auto 0; width: 38px; height: 2px; } .sc_team_default .sc_team_item_info .sc_team_item_subtitle { font-size: 1em; line-height: 1.1em; font-weight: 400; font-style: normal; letter-spacing: -0.57px; } .sc_team_default .sc_team_item_info .sc_team_item_title + .sc_team_item_subtitle { margin-top: 1em; } .sc_team.sc_team_default .sc_team_item_button, .sc_team.sc_team_default .sc_team_item_socials, .sc_team.sc_team_default .sc_team_item_content { display: none; } .team_member_page .team_member_featured { width: 40%; } /* Blogger */ .sc_blogger_default .sc_blogger_item_content { margin-top: 0.9em; z-index: 0; padding: 1.7em 2em 1.65em; } .sc_blogger .sc_blogger_item .sc_blogger_item_title { font-size: 1.263em; line-height: 1.2em; letter-spacing: -0.7px; } .sc_blogger .sc_blogger_item .post_meta { letter-spacing: 0; margin-top: 0.45em; } .sc_blogger .sc_blogger_item .post_meta .post_meta_item:after { margin: 0 0.18em; } .sc_blogger .sc_blogger_item .post_date a { font-size: 0.895em; } .sc_blogger .sc_blogger_item a.post_author { font-size: 0.947em; } .sc_blogger_default .sc_item_title + .sc_item_button, .sc_blogger_default .sc_item_subtitle + .sc_item_button, .sc_blogger_default .sc_item_descr + .sc_item_button, .sc_blogger_default .sc_item_content + .sc_item_button, .sc_blogger_default .sc_item_slider + .sc_item_button, .sc_blogger_default .sc_item_columns + .sc_item_button { margin-top: 1.75em; } /* Contact Form 7 */ span.wpcf7-not-valid-tip { display: none; } .wpcf7-not-valid + span.wpcf7-not-valid-tip { display: block; } textarea.wpcf7-form-control, .wpcf7-form-control[type="text"], .wpcf7-form-control[type="number"], .wpcf7-form-control[type="email"], .wpcf7-form-control[type="tel"], .wpcf7-form-control[type="password"], .wpcf7-form-control[type="search"] { width: 100%; } .wpcf7-form .trx_addons_columns_wrap [class*="trx_addons_column-"] { /*margin-bottom: 1.3em;*/ } .wpcf7-form > p { margin-bottom: 0; } .wpcf7-form > p .columns_container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wpcf7-form p br { display: none !important; } .wpcf7-form p [class*="trx_addons_column-"] label { font-size: 1.053em; display: block; margin-bottom: 0.55em; } .wpcf7-form [class*="trx_addons_column-"] textarea { min-height: 9em; max-height: 9em; } .wpcf7-form [class*="trx_addons_column-"] .wpcf7-submit { font-size: 0.947em; padding: 1.368em 2.45em 1.3em; -webkit-border-radius: 33px; -ms-border-radius: 33px; border-radius: 33px; } .wpcf7-form .wpcf7-response-output { padding: 1.313em 2.45em 1.356em; -webkit-border-radius: 33px; -ms-border-radius: 33px; border-radius: 33px; } div.wpcf7 .ajax-loader { display: none !important; } /* MailChimp for WP styles ----------------------------------------------------------------- */ form.mc4wp-form, form.mc4wp-form .mc4wp-form-fields > div:first-child { position: relative; } form.mc4wp-form .mc4wp-form-fields input[type="email"] { width: 100%; vertical-align: top; padding: 0.862em 9em 0.806em 1.9em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } form.mc4wp-form .mc4wp-form-fields input[type="submit"] { position: absolute; z-index: 1; top: 0; right: 0; vertical-align: top; padding: 1px 2em 0; height: 100%; } form.mc4wp-form .mc4wp-alert { margin: 1.5em 0; padding: 1em; line-height: 1.5em; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } /* Common styles ----------------------------------------------------------------- */ body[class*="woocommerce-"].body_style_wide:not(.expand_content) [class*="content_wrap"] > .content, body[class*="woocommerce-"].body_style_fullwide:not(.expand_content) [class*="content_wrap"] > .content, body[class*="woocommerce-"].body_style_boxed:not(.expand_content) [class*="content_wrap"] > .content { width: 770px; } body[class*="woocommerce-"] table th, body[class*="woocommerce-"] table td { border-width: 0; } .woocommerce nav.woocommerce-pagination ul li { overflow: visible; } /* Shop Listing ----------------------------------------------------------------- */ .woocommerce ul.products:before, .woocommerce-page ul.products:before, .woocommerce .products ul:before, .woocommerce-page .products ul:before, .woocommerce div.product #reviews .comment:before, .woocommerce-page div.product #reviews .comment:before, .woocommerce #content div.product #reviews .comment:before, .woocommerce-page #content div.product #reviews .comment:before, .woocommerce .woocommerce-pagination ul.page-numbers:before, .woocommerce-page .woocommerce-pagination ul.page-numbers:before { display: none; } .woocommerce .list_products_header, .woocommerce-page .list_products_header { padding: 1em 0; margin-bottom: 2em; display: none; } .woocommerce .woocommerce-breadcrumb { font-size: 0.9333em; display: none; } .woocommerce .post_item_single .woocommerce-breadcrumb { margin: -1.2em 0 3em; } .woocommerce .page-title { margin: 0; text-align: center; font-size: 2em; } .woocommerce .soleng_shop_mode_buttons, .woocommerce-page .soleng_shop_mode_buttons { font-size: 21px; margin: 0 0 0 0; display: block; position: relative; top: -1px; } .woocommerce .soleng_shop_mode_buttons a + a, .woocommerce-page .soleng_shop_mode_buttons a + a { margin-left: 0.35em; } .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button { margin-top: 0; } .woocommerce ul.products li.product .add_to_cart:before, .woocommerce div.product form.cart .button:before { content: '\e93d'; font-family: "fontello"; margin-right: 0.6em; display: none; } .woocommerce ul.products li.product.outofstock a[class*="add_to_cart"] { display: none; } .woocommerce ul.products li.product .outofstock_label { position: absolute; z-index: 1; top: 1.7em; right: -2.3em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10em; height: 2em; line-height: 2em; font-size: 10px; letter-spacing: 0.5px; background-color: #a00000; color: #fff; text-align: center; display: block; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { font-size: 0.895em; float: none; margin: 0; text-transform: capitalize; } .woocommerce .soleng_shop_mode_buttons + .woocommerce-result-count, .woocommerce-page .soleng_shop_mode_buttons + .woocommerce-result-count { margin-left: 0.95em; } .woocommerce .soleng_shop_mode_buttons_result, .woocommerce-page .soleng_shop_mode_buttons_result { float: right; max-width: 47%; margin-top: 0.95em; margin-bottom: 3.684em; } .woocommerce .soleng_shop_mode_buttons_result > *, .woocommerce-page .soleng_shop_mode_buttons_result > * { display: inline-block; vertical-align: middle; } .woocommerce .soleng_shop_mode_buttons_result .woocommerce-result-count, .woocommerce-page .soleng_shop_mode_buttons_result .woocommerce-result-count { width: auto; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left; width: 47%; max-width: 47%; margin-top: 0em; margin-bottom: 3.684em; } .woocommerce ul.products, .woocommerce-page ul.products { margin-right: -2em; margin-bottom: 0; display: flex; flex-wrap: wrap; } .woocommerce ul.products li.product > .post_item.post_layout_thumbs { display: inline-block; vertical-align: top; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce.columns-1 ul.products li.product, .woocommerce-page.columns-1 ul.products li.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*="columns-"] ul.products li.product, .woocommerce[class*="columns-"] ul.products li.product { margin: 0; clear: none; padding: 0 1.579em 1.579em 0; position: relative; width: 50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce.columns-1 ul.products li.product, .woocommerce-page.columns-1 ul.products li.product, .woocommerce .related.products ul.products li.product.column-1_1, .woocommerce-page .related.products ul.products li.product.column-1_1, .woocommerce .upcells.products ul.products li.product.column-1_1, .woocommerce-page .upcells.products ul.products li.product.column-1_1, .woocommerce ul.products li.product.column-1_1, .woocommerce-page ul.products li.product.column-1_1 { width: 100%; } .woocommerce.columns-2 ul.products li.product, .woocommerce-page.columns-2 ul.products li.product, .woocommerce .related.products ul.products li.product.column-1_2, .woocommerce-page .related.products ul.products li.product.column-1_2, .woocommerce .upcells.products ul.products li.product.column-1_2, .woocommerce-page .upcells.products ul.products li.product.column-1_2, .woocommerce ul.products li.product.column-1_2, .woocommerce-page ul.products li.product.column-1_2 { width: 50%; } .woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product, .woocommerce .related.products ul.products li.product.column-1_3, .woocommerce-page .related.products ul.products li.product.column-1_3, .woocommerce .upcells.products ul.products li.product.column-1_3, .woocommerce-page .upcells.products ul.products li.product.column-1_3, .woocommerce ul.products li.product.column-1_3, .woocommerce-page ul.products li.product.column-1_3 { width: 33.3333333333%; } .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product, .woocommerce .related.products ul.products li.product.column-1_4, .woocommerce-page .related.products ul.products li.product.column-1_4, .woocommerce .upcells.products ul.products li.product.column-1_4, .woocommerce-page .upcells.products ul.products li.product.column-1_4, .woocommerce ul.products li.product.column-1_4, .woocommerce-page ul.products li.product.column-1_4 { width: 25%; } .woocommerce.columns-5 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product, .woocommerce .related.products ul.products li.product.column-1_5, .woocommerce-page .related.products ul.products li.product.column-1_5, .woocommerce .upcells.products ul.products li.product.column-1_5, .woocommerce-page .upcells.products ul.products li.product.column-1_5, .woocommerce ul.products li.product.column-1_5, .woocommerce-page ul.products li.product.column-1_5 { width: 20%; } .woocommerce.columns-6 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product, .woocommerce .related.products ul.products li.product.column-1_6, .woocommerce-page .related.products ul.products li.product.column-1_6, .woocommerce .upcells.products ul.products li.product.column-1_6, .woocommerce-page .upcells.products ul.products li.product.column-1_6, .woocommerce ul.products li.product.column-1_6, .woocommerce-page ul.products li.product.column-1_6 { width: 16.6666666667%; } .woocommerce ul.products li.product-category mark, .woocommerce-page ul.products li.product-category mark { background: none; } .woocommerce ul.products li.product .post_item, .woocommerce-page ul.products li.product .post_item { margin-bottom: 0; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .woocommerce ul.products li.product .post_featured { overflow: hidden; margin-bottom: 0; } /* Thumbs mode */ .woocommerce .shop_mode_thumbs ul.products li.product .post_item, .woocommerce-page .shop_mode_thumbs ul.products li.product .post_item { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img, .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img { margin: 0; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { font-size: 11px; width: 4em; height: 4em; line-height: 4.2em; margin: 0; padding: 0; right: 5%; text-transform: uppercase; top: 5%; } .woocommerce ul.products li.product strong { margin-top: 0.5em; } .woocommerce ul.products li.product .post_data, .woocommerce-page ul.products li.product .post_data { padding: 1.75em 2.8em; text-align: center; overflow: hidden; } .woocommerce ul.products li.product.column-1_4 .post_data, .woocommerce-page ul.products li.product.column-1_4 .post_data { padding: 1.15em 0.75em; } .woocommerce ul.products li.product .post_featured:not(.hover_none) + .post_data .add_to_cart_button, .woocommerce-page ul.products li.product .post_featured:not(.hover_none) + .post_data .add_to_cart_button { display: none; } .woocommerce ul.products li.product .post_data .add_to_cart_button, .woocommerce-page ul.products li.product .post_data .add_to_cart_button { margin-top: 1.9em; } .woocommerce ul.products li.product .post_header .post_tags { font-size: 1em; line-height: 1.4em; font-weight: 400; font-style: italic; letter-spacing: 0; margin-bottom: 0.5em; } .woocommerce ul.products li.product .post_header, .woocommerce-page ul.products li.product .post_header { margin-bottom: 0; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 1.053em; line-height: 1.3em; font-weight: 400; letter-spacing: -0.2px; margin-top: 0; margin-bottom: 0; padding: 0; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { font-size: 0.895em; line-height: 1.2em; font-weight: 400; letter-spacing: -0.51px; margin: 0.4em 0 0; } span.amount { line-height: 1em; } span.amount > .decimals { position: relative; display: inline; font-size: 0.75em; line-height: 1em; vertical-align: top; margin-left: 0.2em; } span.amount > .decimals_separator { display: none; } .woocommerce ul.products li.product .price .decimals, .woocommerce-page ul.products li.product .price .decimals { top: -0.2em; } .woocommerce ul.products li.product .price ins { text-decoration: none; font-weight: inherit; font-style: inherit; } .woocommerce ul.products li.product .price del { display: inline-block; margin-right: 6px; font-size: 0.8em; opacity: 1; text-decoration: none; position: relative; } .woocommerce ul.products li.product .price del:before { content: ' '; position: absolute; z-index: 1; top: 45%; left: 0; width: 100%; height: 1px; } /* List mode */ .woocommerce .shop_mode_list ul.products li.product, .woocommerce-page .shop_mode_list ul.products li.product { overflow: hidden; margin: 0; float: none; width: 100%; } .woocommerce .shop_mode_list ul.products li.product .post_item, .woocommerce-page .shop_mode_list ul.products li.product .post_item { overflow: hidden; text-align: left; border: none; } .woocommerce .shop_mode_list ul.products li.product + li.product .post_item, .woocommerce-page .shop_mode_list ul.products li.product + li.product .post_item { margin-top: 3em; } .woocommerce .shop_mode_list ul.products li.product .post_data, .woocommerce-page .shop_mode_list ul.products li.product .post_data { height: auto; overflow: hidden; text-align: left; padding: 0; } .woocommerce .shop_mode_list ul.products li.product .post_featured, .woocommerce-page .shop_mode_list ul.products li.product .post_featured { float: left; margin: 0 2em 0 0; width: 33%; max-width: 270px; position: relative; border: 1px solid #ddd; } .woocommerce .shop_mode_list ul.products li.product .description, .woocommerce-page .shop_mode_list ul.products li.product .description { margin-bottom: 1.5em; line-height: 1.3em; overflow: hidden; max-height: 6.6em; } .woocommerce .shop_mode_list ul.products li.product-category .description, .woocommerce-page .shop_mode_list ul.products li.product-category .description { border-bottom: none; } .woocommerce .shop_mode_list ul.products li.product .post_content, .woocommerce-page .shop_mode_list ul.products li.product .post_content { margin: 1.2em 0 1.6em; } .woocommerce .shop_mode_list ul.products li.product .description p, .woocommerce-page .shop_mode_list ul.products li.product .description p, .woocommerce .shop_mode_list ul.products li.product .description ul, .woocommerce-page .shop_mode_list ul.products li.product .description ul { padding-bottom: 0; margin-bottom: 0; line-height: 1.3em; } .woocommerce .shop_mode_list ul.products li.product .price, .woocommerce-page .shop_mode_list ul.products li.product .price { font-size: 1.4em; line-height: 1em; font-weight: 400; margin: 0; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { padding: 1.3em 0 0 1em; vertical-align: top; line-height: 1em; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { display: none; } /* Rating stars */ .woocommerce .products .star-rating { float: none; margin: 0.6em auto -0.6em; } .woocommerce ul.products li.product .post_header { position: relative; overflow: visible; } .woocommerce ul.products li.product .star-rating { font-size: 0.7em; width: 5.4em; margin: 0; position: absolute; z-index: 1; top: -1.6em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { font-size: 0.7em; width: 6em; } .woocommerce .shop_mode_list .products .star-rating, .woocommerce .shop_mode_list ul.products li.product .star-rating { position: relative; top: auto; left: auto; font-size: 0.8em; float: none; margin: 0.5em 0 0; -webkit-transform: none; -ms-transform: none; transform: none; } .woocommerce .products .star-rating:before, .woocommerce .products .star-rating span { top: 1px; } /* Single product decoration ---------------------------------------------------------------------------- */ /* Messages */ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { margin: 0 0 0.5em 1em; } /* Title */ .woocommerce div.product .product_title { display: none; margin: -0.35em 0 0; } /* Price */ .woocommerce div.product p.price, .woocommerce div.product span.price { position: relative; font-size: 1.8em; font-weight: 400; } .woocommerce div.product p.price { margin: 0 0 1.5em; } .woocommerce div.product p.price ins { text-decoration: none; font-style: normal; font-weight: 400; } .woocommerce div.product p.price del { font-size: 0.75em; font-weight: 400; font-style: normal; } /* Images and thumbnails */ .woocommerce-main-image { position: relative; display: block; } .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { margin-bottom: 2em; width: 45%; float: left; } .woocommerce div.product div.images img { border: 1px solid #ddd; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child { margin-bottom: 6px; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { padding: 0 6px 6px 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* Built-in images slider */ .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { max-width: none; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { margin-bottom: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) { padding: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img { border: none; } .woocommerce div.product div.images .flex-viewport { border: 1px solid #ddd; margin-bottom: 6px; } .woocommerce div.product div.images .flex-control-thumbs li { padding: 0 6px 6px 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce div.product span.onsale { position: absolute; z-index: 1; top: 2em; left: 2em; width: 5.5em; height: 5.5em; line-height: 5.8em; font-size: 12px; margin: 0; padding: 0; text-transform: uppercase; } .woocommerce div.product div.thumbnails > div, .woocommerce div.product div.thumbnails > ul { max-height: 12em; } .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a { margin-right: 1.5%; width: 18.5%; position: relative; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce #content div.product div.thumbnails a:hover, .woocommerce div.product div.thumbnails a:hover, .woocommerce-page #content div.product div.thumbnails a:hover, .woocommerce-page div.product div.thumbnails a:hover { border-style: solid; } .woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce div.product div.thumbnails.columns-4 a, .woocommerce-page #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a { margin-right: 2.6666%; width: 23%; } .woocommerce #content div.product div.thumbnails.columns-3 a, .woocommerce div.product div.thumbnails.columns-3 a, .woocommerce-page #content div.product div.thumbnails.columns-3 a, .woocommerce-page div.product div.thumbnails.columns-3 a { margin-right: 3.5%; width: 31%; } .woocommerce #content div.product div.thumbnails a:before, .woocommerce div.product div.thumbnails a:before, .woocommerce-page #content div.product div.thumbnails a:before, .woocommerce-page div.product div.thumbnails a:before { content: ' '; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce #content div.product div.thumbnails a:hover:before, .woocommerce div.product div.thumbnails a:hover:before, .woocommerce-page #content div.product div.thumbnails a:hover:before, .woocommerce-page div.product div.thumbnails a:hover:before { background-color: rgba(255, 255, 255, 0.4); } .woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first { clear: none; } .woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last { margin-right: 0; } .woocommerce #content div.product div.thumbnails a:nth-child(4n+1), .woocommerce div.product div.thumbnails a:nth-child(4n+1), .woocommerce-page #content div.product div.thumbnails a:nth-child(4n+1), .woocommerce-page div.product div.thumbnails a:nth-child(4n+1) { clear: both; } div.pp_woocommerce .pp_arrow_next, div.pp_woocommerce .pp_arrow_previous { margin-top: 4px; } /* Product summary */ .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 55%; padding-left: 3.45em; float: right; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce #content div.product div.summary:after, .woocommerce div.product div.summary:after, .woocommerce-page #content div.product div.summary:after, .woocommerce-page div.product div.summary:after { content: ' '; float: none; clear: both; width: 100%; height: 0; display: block; } .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price { font-size: 2.632em; margin-bottom: 0.69em; } /* Meta: SKU, tags, categories, ID */ .woocommerce .product_meta { font-size: 0.842em; } .woocommerce .product_meta span { display: block; letter-spacing: 0px; } .woocommerce .product_meta span span { display: inline; } .woocommerce .product_meta span, .woocommerce .product_meta span span, .woocommerce .product_meta a { font-weight: 400; } .woocommerce div.product .product_meta span > a, .woocommerce div.product .product_meta span > span { letter-spacing: 0; } .woocommerce div.product .summary .stock { font-size: 12px; font-weight: bold; text-decoration: underline; text-transform: uppercase; letter-spacing: 1px; } /* Add to cart */ .woocommerce div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce-page #content div.product form.cart { padding: 0; margin-bottom: 2em; } .woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce .shop_table.cart div.quantity, .woocommerce-page .shop_table.cart div.quantity { margin: 0 0.5em 0 0; width: 8em; height: 2.845em; position: relative; } .woocommerce .shop_table.cart div.quantity, .woocommerce-page .shop_table.cart div.quantity { margin: 0 auto; width: 6em; } .woocommerce div.product form.cart div.quantity span, .woocommerce-page div.product form.cart div.quantity span, .woocommerce .shop_table.cart div.quantity span, .woocommerce-page .shop_table.cart div.quantity span { display: block; position: absolute; z-index: 1; top: 0; right: 1em; width: 1.5em; height: 50%; line-height: 1.5em; text-align: center; cursor: pointer; } .woocommerce div.product form.cart div.quantity span.q_dec, .woocommerce-page div.product form.cart div.quantity span.q_dec, .woocommerce .shop_table.cart div.quantity span.q_dec, .woocommerce-page .shop_table.cart div.quantity span.q_dec { top: auto; bottom: 0; overflow: hidden; } .woocommerce div.product form.cart div.quantity span:before, .woocommerce-page div.product form.cart div.quantity span:before, .woocommerce .shop_table.cart div.quantity span:before, .woocommerce-page .shop_table.cart div.quantity span:before { font-family: "fontello"; position: relative; } .woocommerce div.product form.cart div.quantity span.q_inc:before, .woocommerce-page div.product form.cart div.quantity span.q_inc:before, .woocommerce .shop_table.cart div.quantity span.q_inc:before, .woocommerce-page .shop_table.cart div.quantity span.q_inc:before { content: '\e835'; top: 4px; } .woocommerce div.product form.cart div.quantity span.q_dec:before, .woocommerce-page div.product form.cart div.quantity span.q_dec:before, .woocommerce .shop_table.cart div.quantity span.q_dec:before, .woocommerce-page .shop_table.cart div.quantity span.q_dec:before { content: '\e828'; bottom: 5px; } .woocommerce div.product form.cart div.quantity input[type="number"], .woocommerce-page div.product form.cart div.quantity input[type="number"], .woocommerce .shop_table.cart div.quantity input[type="number"], .woocommerce-page .shop_table.cart div.quantity input[type="number"] { width: 100%; height: 100%; padding: 1px 1.75em 0; font-size: 0.947em; text-align: left; } /* Product variations */ .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { padding: 0 0 0.5em; background-color: transparent; } .woocommerce div.product form.cart .variations td.label { font-size: 1.053em; font-weight: 400; vertical-align: middle; } .woocommerce div.product form.cart .variations label { font-weight: 400; } .woocommerce div.product form.cart .reset_variations { font-style: italic; font-size: 1em; letter-spacing: 0; } .woocommerce-variation-price { margin: 2em 0 1em; } .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt { font-size: 0.9333em; line-height: 1.25em; font-weight: 400; padding: 0; margin: 0; } .woocommerce td.product-name dl.variation dd { padding-left: 0.5em; } .woocommerce .reset_variations { display: none !important; } /* Wishlist and compare */ .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist { float: left; width: auto; margin-top: 0; margin-bottom: 1.7em; } .woocommerce div.product div.summary .yith-wcwl-add-to-wishlist .feedback { display: block; } .woocommerce div.product div.summary .compare { float: left; margin-bottom: 2em; margin-right: 0.75em; } .woocommerce table.wishlist_table { font-size: 1em; } .woocommerce .yith-wcwl-share h4.yith-wcwl-share-title { font-size: 1.25em; } .woocommerce .wishlist_table td.product-add-to-cart a { display: inline-block !important; } /* Product meta */ .woocommerce div.product .product_meta { clear: both; } /* Tabs */ .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { padding-left: 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { border-width: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: #ffffff; border: none; padding: 0 6px; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { text-shadow: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { font-weight: 400; padding: 0.75em 2em; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel { border-width: 1px; border-style: solid; margin: 0; padding: 2em; display: none; } .woocommerce div.product .woocommerce-tabs h2, .woocommerce #content div.product .woocommerce-tabs h2, .woocommerce-page div.product .woocommerce-tabs h2, .woocommerce-page #content div.product .woocommerce-tabs h2 { margin: 0 0 1em; font-size: 1.5385em; font-weight: 400; letter-spacing: 1px; } .woocommerce div.product .woocommerce-tabs h3, .woocommerce #content div.product .woocommerce-tabs h3, .woocommerce-page div.product .woocommerce-tabs h3, .woocommerce-page #content div.product .woocommerce-tabs h3 { font-size: 1.5385em; margin-bottom: 0.25em !important; letter-spacing: 1px; } .woocommerce div.product .woocommerce-tabs p, .woocommerce #content div.product .woocommerce-tabs p, .woocommerce-page div.product .woocommerce-tabs p, .woocommerce-page #content div.product .woocommerce-tabs p { margin: 0; } .woocommerce div.product .woocommerce-tabs p + p, .woocommerce #content div.product .woocommerce-tabs p + p, .woocommerce-page div.product .woocommerce-tabs p + p, .woocommerce-page #content div.product .woocommerce-tabs p + p { margin-top: 0.5em; } .woocommerce div.product .woocommerce-tabs #tab-description h2 { display: none; } /* Decorate tabs on single product */ .single-product div.product .trx-stretch-width-wrap { clear: both; padding-top: 2.9em; } .single-product div.product .trx-stretch-width .woocommerce-tabs .panel { border: none; padding: 1.35em 0 0 0; } .single-product div.product .trx-stretch-width .woocommerce-tabs .wc-tabs { padding-left: 0; margin-bottom: -1px; } .single-product div.product .trx-stretch-width .woocommerce-tabs .wc-tabs:before, .single-product div.product .trx-stretch-width .woocommerce-tabs .wc-tabs:after { display: none; } .single-product div.product .trx-stretch-width .woocommerce-tabs .wc-tabs li { border: none !important; background-color: transparent !important; margin: 0 5px 0 0 !important; padding: 0 !important; } .single-product div.product .trx-stretch-width .woocommerce-tabs .wc-tabs li a { position: relative; font-size: 0.895em; font-weight: normal; font-style: normal; padding: 0.875em 2.34em 0.825em; text-transform: none; letter-spacing: -0.53px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 28px; -ms-border-radius: 28px; border-radius: 28px; } .single-product div.product .trx-stretch-width .woocommerce-tabs #review_form_wrapper { margin-top: 1em; } /* Additional attributes */ .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { font-weight: 400; text-align: left; } /* Stars */ .woocommerce div.product .woocommerce-product-rating, .woocommerce-page div.product .woocommerce-product-rating { float: right; margin-top: 0.15em; margin-bottom: 1em; } .woocommerce .woocommerce-product-rating .woocommerce-review-link, .woocommerce-page .woocommerce-product-rating .woocommerce-review-link { display: none; } .woocommerce .woocommerce-product-rating .star-rating, .woocommerce-page .woocommerce-product-rating .star-rating { margin-top: 4px; margin-bottom: 4px; } .woocommerce .star-rating, .woocommerce-page .star-rating { width: 5.5em; height: 1.2em; margin-top: 4px; margin-bottom: 4px; } /* Users reviews */ .woocommerce #reviews #comments ol.commentlist { padding: 0; font-style: inherit; font-weight: inherit; } .woocommerce #reviews #comments ol.commentlist li { margin-bottom: 0; } .woocommerce .woocommerce-tabs .form-submit { display: block; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { background: none; border: none; padding: 0; width: 4em; float: left; margin: 0 1.5em 0.5em 0; position: static; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { margin: 0; padding: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { margin-top: -5px; margin-bottom: 4px; font-size: 0.9333em; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong { font-size: 1em; font-weight: 400; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta time { font-style: italic; letter-spacing: 0; } .woocommerce #review_form #respond textarea, .woocommerce-page #review_form #respond textarea { height: 10em; font-weight: 400; overflow: auto; } .woocommerce #review_form #respond #reply-title { font-size: 1.5385em; line-height: 1.25em; font-weight: 400; letter-spacing: 1px; margin-bottom: 0.2em; } .woocommerce #review_form #respond p { margin: 0 0 1.5em; } .woocommerce #review_form #respond p.comment-form-rating, .woocommerce #review_form #respond p.comment-form-rating .stars { margin-bottom: 0; } .woocommerce #review_form #respond p.stars { margin-bottom: 0; } .woocommerce .comment-form .comment-form-author label, .woocommerce .comment-form .comment-form-email label { min-width: 60px; display: inline-block; } /* Related products */ .single-product .related { margin-top: 5em; margin-bottom: -1.7em; } .single-product .woocommerce-tabs + .related { padding-top: 0; border-top: none; } .single-product .related h2 { text-align: center; margin-top: 0; } .single-product ul.products li.product .post_item { padding: 0em; position: relative; } .single-product ul.products li.product .post_featured { margin: 0; min-height: 11em; overflow: visible; } .single-product ul.products li.product .post_featured.hover_shop .icons { top: 60%; height: 40%; } .single-product ul.products li.product .post_data { text-align: center; padding: 1.5em 2.8em 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .single-product ul.products li.product .post_data .post_header { position: relative; } .single-product ul.products li.product .post_data .post_header .post_tags { font-size: 1em; } .single-product ul.products li.product .post_data .post_header h3, .single-product ul.products li.product .post_data .post_header .woocommerce-loop-product__title { font-size: 1.053em; } .single-product ul.products li.product .post_data .price { font-size: 0.895em; line-height: 1.25em; margin: 0.35em 0 0; } .single-product ul.products li.product .post_data .add_to_cart_button { display: inline-block; padding: 1.1em 2em; } .single-product .footer_copyright_wrap { margin-top: 5em; } .single-product .footer_logo_wrap + .footer_copyright_wrap, .single-product .footer_socials_wrap + .footer_copyright_wrap, .single-product .footer_menu_wrap + .footer_copyright_wrap { margin-top: 0; } .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { border: none; box-shadow: none; } /* Categories list */ .woocommerce ul.products li.product.product-category .thumb_wrapper, .woocommerce-page ul.products li.product.product-category .thumb_wrapper { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: url(images/woo/shop-cat-bg-1.jpg) center center no-repeat; padding: 1em; overflow: hidden; } /* not work correctly in the Chrome */ .woocommerce ul.products li.product.product-category .thumb_wrapper img, .woocommerce-page ul.products li.product.product-category .thumb_wrapper img { -moz-transform: scale(1.7) translate(15%, 15%); -ms-transform: scale(1.7) translate(15%, 15%); -o-transform: scale(1.7) translate(15%, 15%); } .woocommerce ul.products li.product.product-category .thumb_wrapper, .woocommerce-page ul.products li.product.product-category .thumb_wrapper { background: url(images/woo/shop-cat-bg-1.jpg) center center no-repeat; } .woocommerce ul.products li.product.product-category:nth-child(6n+2) .thumb_wrapper, .woocommerce-page ul.products li.product.product-category:nth-child(6n+2) .thumb_wrapper { background: url(images/woo/shop-cat-bg-2.jpg) center center no-repeat; } .woocommerce ul.products li.product.product-category:nth-child(6n+3) .thumb_wrapper, .woocommerce-page ul.products li.product.product-category:nth-child(6n+3) .thumb_wrapper { background: url(images/woo/shop-cat-bg-3.jpg) center center no-repeat; } .woocommerce ul.products li.product.product-category:nth-child(6n+4) .thumb_wrapper, .woocommerce-page ul.products li.product.product-category:nth-child(6n+4) .thumb_wrapper { background: url(images/woo/shop-cat-bg-4.jpg) center center no-repeat; } .woocommerce ul.products li.product.product-category:nth-child(6n+5) .thumb_wrapper, .woocommerce-page ul.products li.product.product-category:nth-child(6n+5) .thumb_wrapper { background: url(images/woo/shop-cat-bg-5.jpg) center center no-repeat; } .woocommerce ul.products li.product.product-category:nth-child(6n+6) .thumb_wrapper, .woocommerce-page ul.products li.product.product-category:nth-child(6n+6) .thumb_wrapper { background: url(images/woo/shop-cat-bg-6.jpg) center center no-repeat; } .woocommerce ul.products li.product.product-category img, .woocommerce-page ul.products li.product.product-category img { width: 100%; height: auto; } .woocommerce ul.products li.product.product-category h3, .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title, .woocommerce-page ul.products li.product.product-category h3, .woocommerce-page ul.products li.product.product-category .woocommerce-loop-category__title { margin-bottom: 0; border-bottom: none; } .woocommerce ul.products li.product.product-category mark.count, .woocommerce-page ul.products li.product.product-category mark.count { font-weight: 400; font-style: normal; } /* Widgets decoration ---------------------------------------------------------------*/ /* Cart & Products list */ .woocommerce a.remove { margin-top: 0.5em; text-align: left; } .woocommerce a.remove, .woocommerce a.remove:hover { background-color: transparent !important; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { font-size: 0.933em; text-align: center; margin: 0; left: auto; right: 0; } .woocommerce table.shop_table { border-collapse: collapse; margin-bottom: 2em; border: none; } .woocommerce table.shop_table tr:first-child th { border-style: solid; border-width: 0 0 1px 0 !important; } .woocommerce table.shop_table td { border-bottom: none; border-top: none; } .woocommerce table.shop_table th + th, .woocommerce table.shop_table th + td, .woocommerce table.shop_table td + th, table td + td { border-left: 1px solid #ddd; } .woocommerce table.shop_table > p { margin: 0 !important; } .woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: 1.55em 1em 1.35em; } .woocommerce table.shop_table th { font-size: 1em; font-weight: 400; font-style: normal; text-transform: none; text-align: center; } .woocommerce-cart .shop_table .actions .button { font-size: 0.895em !important; line-height: 1em !important; } .woocommerce .shop_table p { margin: 0; } .woocommerce .shop_table a.remove { margin: 0 auto; font-weight: 400; text-align: center; } .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li { padding: 0 0 0 6.25em; overflow: hidden; min-height: 5.564em; } .woocommerce ul.product_list_widget li + li, .woocommerce-page ul.product_list_widget li + li { margin-top: 0.75em; } .woocommerce.widget_shopping_cart ul.cart_list li { padding: 0 0 0 6.25em; overflow: hidden; min-height: 5.564em; } .woocommerce.widget_shopping_cart ul.cart_list li + li { margin-top: 0.75em; } .woocommerce ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:after { clear: none; } .woocommerce ul.cart_list li:before, .woocommerce-page ul.cart_list li:before, .woocommerce ul.product_list_widget li:before, .woocommerce-page ul.product_list_widget li:before { display: none; } .woocommerce ul.cart_list li a, .woocommerce-page ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.product_list_widget li a { font-weight: 400; letter-spacing: -0.6px; } .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { width: 5.264em; float: none; margin: 0; position: absolute; z-index: 1; top: 0; left: 0; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { top: 0.3em; } .woocommerce ul.cart_list li dl, .woocommerce-page ul.cart_list li dl, .woocommerce ul.product_list_widget li dl, .woocommerce-page ul.product_list_widget li dl { overflow: hidden; font-size: 12px; border-left-width: 1px; padding-left: 8px; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt { padding: 0; margin: 0; } .woocommerce ul.product_list_widget li dl dt, .woocommerce-page ul.product_list_widget li dl dt { font-weight: 400; margin-right: 0.3em; } .woocommerce ul.product_list_widget li dl dt:before, .woocommerce-page ul.product_list_widget li dl dt:before { content: ' '; display: block; width: 100%; height: 0; } .woocommerce ul.cart_list li dl dd, .woocommerce-page ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd, .woocommerce-page ul.product_list_widget li dl dd { margin-right: 2em; } .woocommerce.widget_shopping_cart .quantity, .woocommerce .widget_shopping_cart .quantity, .woocommerce-page.widget_shopping_cart .quantity, .woocommerce-page .widget_shopping_cart .quantity { font-size: 0.895em; font-weight: 400; letter-spacing: -0.53px; margin: 0.2em 0 0; display: inline-block; } .woocommerce ul.cart_list li > .amount, .woocommerce ul.product_list_widget li > .amount, .woocommerce-page ul.cart_list li > .amount, .woocommerce-page ul.product_list_widget li > .amount, .woocommerce ul.cart_list li span .amount, .woocommerce ul.product_list_widget li span .amount, .woocommerce-page ul.cart_list li span .amount, .woocommerce-page ul.product_list_widget li span .amount, .woocommerce ul.cart_list li ins .amount, .woocommerce ul.product_list_widget li ins .amount, .woocommerce-page ul.cart_list li ins .amount, .woocommerce-page ul.product_list_widget li ins .amount { font-size: 0.895em; font-weight: 400; } .woocommerce ul.cart_list li ins, .woocommerce ul.product_list_widget li ins, .woocommerce-page ul.cart_list li ins, .woocommerce-page ul.product_list_widget li ins { text-decoration: none; font-style: normal; } .woocommerce ul.cart_list li del, .woocommerce ul.product_list_widget li del, .woocommerce-page ul.cart_list li del, .woocommerce-page ul.product_list_widget li del { font-size: 0.875em; } .woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { font-size: 0.895em; padding: 1.4em 0 0; line-height: 1.25em; border: none; } .woocommerce.widget_shopping_cart .total strong, .woocommerce .widget_shopping_cart .total strong, .woocommerce-page.widget_shopping_cart .total strong, .woocommerce-page .widget_shopping_cart .total strong { font-weight: 400; } .woocommerce.widget_shopping_cart .total .amount, .woocommerce .widget_shopping_cart .total .amount, .woocommerce-page.widget_shopping_cart .total .amount, .woocommerce-page .widget_shopping_cart .total .amount { font-size: 1em; font-weight: 400; } .woocommerce.widget_shopping_cart .buttons a, .woocommerce .widget_shopping_cart .buttons a, .woocommerce-page.widget_shopping_cart .buttons a, .woocommerce-page .widget_shopping_cart .buttons a { width: 100%; margin-left: 0; margin-right: 0; text-align: center; margin-bottom: 0; } .woocommerce.widget_shopping_cart .buttons a + a, .woocommerce .widget_shopping_cart .buttons a + a, .woocommerce-page.widget_shopping_cart .buttons a + a, .woocommerce-page .widget_shopping_cart .buttons a + a { margin-top: 0.6em; } /* Active filters */ .woocommerce .widget_layered_nav_filters > ul > li { padding: 0 0.625em 0.5em 0; display: block; } .woocommerce .widget_layered_nav_filters > ul > li:before { display: none; } .woocommerce .widget_layered_nav ul { padding-left: 1.2em; } .woocommerce .widget_layered_nav_filters > ul > li a, .woocommerce .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a { background-color: transparent; border: none; padding: 0; } /* Average Rating */ .woocommerce .widget_rating_filter ul li .star-rating { vertical-align: middle; } /* Price filter */ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { margin-bottom: 1.4em; height: 4px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 14px; height: 14px; margin-left: -7px; top: -5px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 4px; top: 0px; } .woocommerce .widget_price_filter .price_slider_amount { font-size: 1em; line-height: 2.5em; text-align: left; position: relative; margin-top: 1.75em; } .woocommerce .widget_price_filter .price_slider_amount span { font-weight: 400; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 0.895em; float: none; margin-top: 2.15em; padding: 1.1em 3.25em 1.15em; } .woocommerce .widget_price_filter .price_slider_amount .price_label { font-size: 0.895em; line-height: 1em; float: none; position: absolute; z-index: 1; top: 0; left: 0; } /* Product search */ /* This widget's styles see in the style.css in the section 'Widget: Search' */ /* Rating filter */ .woocommerce.widget_rating_filter ul li:before { display: none !important; } /* Product title in widgets */ aside.woocommerce .product-title, aside.woocommerce .mini_cart_item > a:not(.remove) { display: block; line-height: 1.4em; } aside.woocommerce .mini_cart_item > a:not(.remove), .sc_layouts_cart_widget .woocommerce .mini_cart_item > a:not(.remove) { margin-right: 1em; } .widget.WOOCS_CONVERTER .woocs_converter_shortcode > * { vertical-align: middle; } .widget.WOOCS_CONVERTER .woocs_converter_shortcode .select_container { display: inline-block; width: 43%; margin-right: 0.3em; } .widget.WOOCS_CONVERTER .woocs_converter_shortcode .select_container + .select_container { margin-left: 0.3em; margin-right: 0; } .widget.WOOCS_CONVERTER .button { margin-top: 1em; } .widget.WOOCS_SELECTOR .woocommerce-currency-switcher-form .chosen-container-single .chosen-single { height: auto; padding: 1em 0 1em 1em; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .widget.WOOCS_SELECTOR .woocommerce-currency-switcher-form .chosen-container-single .chosen-single div { background: none; } .widget.WOOCS_SELECTOR .chosen-container-single .chosen-drop { margin-top: 1px; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .widget.WOOCS_SELECTOR .woocommerce-currency-switcher-form .chosen-container .chosen-results li { background-position: right center !important; } .yith-woocompare-widget ul.products-list { padding-left: 0; } .yith-woocompare-widget ul.products-list li:before { display: none; } .yith-woocompare-widget ul.products-list li .remove { margin-top: 0; } .yith-woocompare-widget a.compare { float: left; } .yith-woocompare-widget a.clear-all { display: inline-block; float: right; } /* Cart --------------------------------------------------------------------- */ .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { font-weight: 400; padding-left: 0.75em; padding-right: 0; width: 4em; font-size: 0.8421em; line-height: 1em; } .woocommerce table.cart .product-remove, .woocommerce #content table.cart .product-remove, .woocommerce-page table.cart .product-remove, .woocommerce-page #content table.cart .product-remove, .woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { text-align: center; width: 40px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 40px; } .woocommerce table.cart .product-name, .woocommerce #content table.cart .product-name, .woocommerce-page table.cart .product-name, .woocommerce-page #content table.cart .product-name { text-align: left !important; } .woocommerce table.cart th, .woocommerce #content table.cart th, .woocommerce-page table.cart th, .woocommerce-page #content table.cart th, .woocommerce table.cart td, .woocommerce #content table.cart td, .woocommerce-page table.cart td, .woocommerce-page #content table.cart td { padding: 12px; text-align: center; } .woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { border-bottom: none !important; padding-top: 1em; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { width: 10.7em; margin-right: 0.3em; padding: 0.812rem 1.6rem 0.74rem; } @media (min-width: 1680px) { .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { height: 55px; } } .woocommerce table.cart td.actions .coupon + .button, .woocommerce #content table.cart td.actions .coupon + .button, .woocommerce-page table.cart td.actions .coupon + .button, .woocommerce-page #content table.cart td.actions .coupon + .button { float: right; } .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th { text-align: center; } .woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals h2 { font-size: 1.5em; line-height: 1.3em; font-weight: 400; margin: 1em 0 0.6em; } .woocommerce .cart-collaterals .cart-subtotal .amount, .woocommerce-page .cart-collaterals .cart-subtotal .amount { font-size: 1em; font-weight: 700; } .woocommerce .cart-collaterals .cart_totals table { border-collapse: collapse; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td { padding: 6px 15px; vertical-align: middle; } .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th { padding: 6px 15px; font-weight: 400; text-align: left; vertical-align: middle; } .woocommerce .cart-collaterals .cart_totals table select, .woocommerce-page .cart-collaterals .cart_totals table select { font-size: 1em; } .woocommerce .cart-collaterals .cart_totals .select2-container.select2-container--default span.select2-selection, .woocommerce-page .cart-collaterals .cart_totals .select2-container.select2-container--default span.select2-selection { padding: 0.632em 1.6em 0.542em; } .woocommerce table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 100px; } .woocommerce ul#shipping_method li { padding-left: 0; text-indent: 0; } .woocommerce .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form, .woocommerce-page .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form { margin: 1em 0; } .woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after { font-size: 1em; font-weight: 400; } .woocommerce .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form .select_container:before, .woocommerce-page .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form .select_container:before, .woocommerce .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form .select_container:after, .woocommerce-page .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form .select_container:after { display: none !important; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { display: block; } /* Checkout --------------------------------------------------------------------------*/ .woocommerce form .form-row { padding: 0; margin-bottom: 1em; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { line-height: 1.5em; } .woocommerce form .form-row label.inline { margin-left: 1em; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.2em; } .woocommerce form.checkout_coupon { padding-bottom: 0.6em; } .woocommerce form.checkout_coupon p + p { float: left; padding-left: 0.3em; } .woocommerce-checkout h3 { font-size: 1.9em; margin-bottom: 0.6em; margin-top: 0; } /*.woocommerce .checkout input[type="radio"], */ .woocommerce .checkout input[type="checkbox"] { display: inline; } .woocommerce .checkout .col-2 h3#ship-to-different-address label, .woocommerce-page .checkout .col-2 h3#ship-to-different-address label { display: inline-block; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea { font-weight: 400; } .woocommerce .checkout table.shop_table { margin-bottom: 3em; } .woocommerce .checkout table.shop_table th, .woocommerce .checkout table.shop_table td { text-align: left; } .woocommerce .checkout table.shop_table tfoot th { text-align: right; } .woocommerce .checkout table.shop_table tfoot td, .woocommerce .checkout table.shop_table tfoot th { font-weight: 400; } .woocommerce table.shop_table .cart-subtotal .amount, .woocommerce-page table.shop_table .cart-subtotal .amount, .woocommerce table.shop_table .shipping td, .woocommerce-page table.shop_table .shipping td { font-weight: 400; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { clear: none; float: left; margin-bottom: 30px; } .woocommerce .checkout #order_review, .woocommerce-page .checkout #order_review { margin-bottom: 3em; } .woocommerce .checkout #order_review_heading, .woocommerce-page .checkout #order_review_heading { padding-top: 1.825em; } .woocommerce .checkout #order_review .order-total .amount, .woocommerce-page .checkout #order_review .order-total .amount { letter-spacing: 0; } .woocommerce .checkout #order_review .payment_methods li, .woocommerce-page .checkout #order_review .payment_methods li { list-style: none; } .woocommerce .checkout #order_review .payment_methods li label, .woocommerce-page .checkout #order_review .payment_methods li label { display: inline-block; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -5px 0.5em 0; max-height: 30px; } .woocommerce-checkout #payment div.payment_box:after { top: 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: transparent; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-top: 1px solid #ddd; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { line-height: 1.7em; float: none; } .woocommerce .order_details.woocommerce-thankyou-order-details { padding: 1em; } .woocommerce .order_details.woocommerce-thankyou-order-details li strong { font-weight: 400; margin-top: 0.2em; } .woocommerce .shop_table.order_details th, .woocommerce .shop_table.customer_details th { text-align: left; } .woocommerce .shop_table.order_details tfoot th { text-align: right; } .woocommerce .shop_table.order_details td.product-name strong { font-style: normal; } .woocommerce .order_details li, .woocommerce-page .order_details li { font-size: 1em; line-height: 1em; list-style: none; } .woocommerce .woocommerce-customer-details address { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce form .form-row #createaccount { margin-right: 4px; vertical-align: middle; } .woocommerce form .form-row input[type="radio"] + label:before, .woocommerce form .form-row input[type="checkbox"] + label:before { top: 10px; } .woocommerce-checkout .checkout_coupon .form-row .button { padding: 1.12em 2.28em; } .woocommerce-checkout .checkout_coupon .form-row { margin-bottom: 0.5em; } /* My Account --------------------------------------------------------------------------*/ .woocommerce form .form-row label.inline input[type="checkbox"] { display: inline; position: relative; top: 0px; } .woocommerce-account h2, .woocommerce-account .address .title h3 { margin: 1em 0 0.4em; } .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content .woocommerce-Address-title a { font-size: 1em; line-height: 1.4em; font-weight: 400; text-transform: uppercase; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 20%; float: left; } .woocommerce-MyAccount-navigation ul { padding: 0; margin: 0; list-style-type: none; } .woocommerce-MyAccount-navigation ul li { padding: 0; margin: 0; } .woocommerce-MyAccount-navigation ul li + li { border-top: 1px dotted #ddd; } .woocommerce-MyAccount-navigation ul li a { display: block; padding: 1.2em 0 0.8em; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .woocommerce table.my_account_orders { font-size: 1em; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 400; } .woocommerce table.shop_table tfoot tr:last-child td { font-weight: 700; } .woocommerce-account .woocommerce-MyAccount-content { width: 75%; float: right; } .woocommerce-MyAccount-content .my_account_orders th { text-align: left; } .woocommerce-MyAccount-content .my_account_orders .button { padding: 0; background-color: transparent !important; } .woocommerce-MyAccount-content .my_account_orders .button + .button:before { content: '|'; display: inline-block; line-height: inherit; margin: 0 0.5em; } .woocommerce-MyAccount-content .woocommerce-Address-title { position: relative; } .woocommerce-MyAccount-content .woocommerce-Address-title h3 { font-size: 1.632em; display: inline-block; margin-top: 0.5em; } .woocommerce-MyAccount-content .woocommerce-Address-title a { display: inline-block; vertical-align: text-top; margin: 0 0 0 2em; text-decoration: underline; float: none !important; } .woocommerce-account .addresses .title .edit { display: block; margin: 0 0 0.6em !important; float: none; } .woocommerce-account .addresses .title h3 { float: none; } .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset { margin-top: 2em; } .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset legend { top: -1em; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 10px 8px 7px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* Responsive tables ----------------------------------------------------------------- */ .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead { display: table-row-group; } .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr { display: table-row; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { display: table-cell; text-align: left !important; vertical-align: middle; } .woocommerce table.shop_table_responsive tr td.product-price, .woocommerce-page table.shop_table_responsive tr td.product-price, .woocommerce table.shop_table_responsive tr td.product-quantity, .woocommerce-page table.shop_table_responsive tr td.product-quantity, .woocommerce table.shop_table_responsive tr td.product-subtotal, .woocommerce-page table.shop_table_responsive tr td.product-subtotal { text-align: center !important; } .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { display: none; } .woo-social-buttons { margin-bottom: 1.4em !important; } /* Custom Cart */ .woocommerce table.shop_table.custom tr th { padding: 1.55em 12px 1.35em; } .woocommerce table.shop_table.custom tr .product-remove, .woocommerce table.shop_table.custom tr .product-thumbnail { width: 40px !important; } .woocommerce table.shop_table.custom tr .product-quantity { width: 120px !important; } .woocommerce table.shop_table.custom tr .product-name { width: 617px !important; } .woocommerce table.shop_table.custom tr .product-price, .woocommerce table.shop_table.custom tr .product-subtotal { width: 104px !important; } .woocommerce table.shop_table.custom_responsive tr.cart_item td, .woocommerce-page table.shop_table_responsive.custom tr.cart_item td { padding: 0; } .woocommerce table.shop_table_responsive.custom tr.cart_item td .product-cart-container, .woocommerce-page table.shop_table_responsive.custom tr.cart_item td .product-cart-container, .shop_table.custom .cart_item td .product-cart-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .shop_table.custom .cart_item td .product-cart-container > div { padding: 13px 12px 13px; text-align: center; } .shop_table.custom .cart_item td { position: relative; } .shop_table.custom .cart_item td .product-remove-abs { display: none; position: absolute; z-index: 1; top: 50%; left: 0.9em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1440px) { .woocommerce table.shop_table.custom tr .product-name { width: 548px !important; } } @media (max-width: 1439px) { .woocommerce table.shop_table.custom tr .product-remove { width: 25px !important; } .woocommerce table.shop_table.custom tr .product-name { width: 517px !important; } .woocommerce table.shop_table.custom tr .product-quantity { width: 86px !important; } .woocommerce table.shop_table.custom tr .product-price, .woocommerce table.shop_table.custom tr .product-subtotal { width: 80px !important; } } @media (max-width: 1023px) { .woocommerce table.shop_table.custom tr .product-remove { width: 19px !important; } .woocommerce table.shop_table.custom tr .product-name { width: 285px !important; } .woocommerce table.shop_table.custom tr .product-quantity { width: 86px !important; } } @media (max-width: 767px) { .woocommerce table.shop_table_responsive.custom tr.cart_item td .product-cart-container, .woocommerce-page table.shop_table_responsive.custom tr.cart_item td .product-cart-container, .shop_table.custom .cart_item td .product-cart-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 3.4em; } .woocommerce table.shop_table.custom tr th.product-quantity, .woocommerce table.shop_table.custom tr th.product-subtotal, .woocommerce table.shop_table.custom tr td .product-remove { display: none !important; } .shop_table.custom .cart_item td .product-remove-abs { display: inline-block; } .woocommerce table.shop_table.custom tr .product-price { text-align: right; } .woocommerce table.shop_table.custom tr .product-name { /*width: 67.6% !important;*/ width: -moz-calc(100% - 80px - 48px) !important; width: -webkit-calc(100% - 80px - 48px) !important; width: -o-calc(100% - 80px - 48px) !important; width: calc(100% - 80px - 48px) !important; } .woocommerce .shop_table.cart.custom div.quantity, .woocommerce-page .shop_table.cart.custom div.quantity { width: 100%; } .woocommerce table.shop_table.custom tr .product-quantity, .woocommerce table.shop_table.custom tr .product-subtotal { padding-top: 0; } .woocommerce table.shop_table.custom tr .product-subtotal { text-align: right; width: -moz-calc(100% - 86px - 48px) !important; width: -webkit-calc(100% - 86px - 48px) !important; width: -o-calc(100% - 86px - 48px) !important; width: calc(100% - 86px - 48px) !important; } .woocommerce table.shop_table.custom tr .product-subtotal:before { content: attr(data-title) ":"; display: block; } .woocommerce table.shop_table.custom tr.cart_item + tr.cart_item { border-top: 1px solid #ddd; } } /* Essential Grid styles ----------------------------------------------------------------- */ .esg-starring { vertical-align: top; } .esg-starring .star-rating, .esg-starring-page .star-rating { width: 6em; } .flat-light .esg-filters .esg-sortbutton-order, .flat-light .esg-filters .esg-cartbutton-order { line-height: 36px; margin: 0; } .flat-light .esg-filters .esg-sortbutton { padding-right: 0; } .esgbox-overlay { z-index: 228010 !important; } .esgbox-opened { z-index: 228030 !important; } .theme_style_1 .eg-icon-plus:before { content: "\e961"; font-family: "fontello"; } .theme_style_1 .eg-icon-search:before { content: "\e970"; font-family: "fontello"; } li.eg-theme_skin_1-wrapper { z-index: 0; } .eg-theme_skin_1-wrapper *, .eg-theme_skin_2-wrapper * { -webkit-backface-visibility: hidden !important; } .eg-theme_skin_2-wrapper .eg-theme_skin_2-element-10, .eg-theme_skin_1-wrapper .eg-theme_skin_1-element-10 { letter-spacing: -0.67px; z-index: 3 !important; } .eg-theme_skin_2-element-12.esg-absolute, .eg-theme_skin_1-element-12.esg-absolute { right: 0; bottom: 0; } /* WPBakery PageBuilder styles ----------------------------------------------------------------- */ /* Row and Columns */ .vc_col-sm-12 { min-height: 0; } .vc_col-sm-12[class*="vc_col-lg-"], .vc_col-sm-12[class*="vc_col-md-"], .vc_col-sm-12[class*="vc_col-xs-"] { min-height: 1px; } .vc_row[data-vc-full-width]:not(.vc_parallax) { overflow: visible; } .vc_row.vc_row-o-full-height { min-height: 100vh !important; } .vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 0 !important; } .vc_row .wpb_column:not(.vc_col-sm-12) blockquote { margin: 0; } /* Stripes before and after the row */ .vc_row.stripe_before, .vc_row.stripe_after { position: relative; overflow: hidden; padding-top: 500px; margin-top: -500px; padding-bottom: 500px; margin-bottom: -500px; } .vc_row.stripe_before:before, .vc_row.stripe_after:after { content: " "; position: absolute; z-index: -1; width: 100%; height: 180%; background-color: inherit; } .vc_row.stripe_before:before { top: 0; } .vc_row.stripe_after:after { bottom: 0; } /* Panels */ .vc_tta.vc_general .vc_tta-panels .vc_tta-panel-body { padding: 2.4em 0; } .vc_tta.vc_general .vc_tta-panels .vc_tta-panel-body p { margin-bottom: 0; } .vc_tta.vc_general .vc_tta-panels .vc_tta-panel-body p + p { margin-top: 1em; } /* Accordion */ .vc_tta.vc_tta-accordion .vc_tta-panel-body, .vc_tta.vc_tta-accordion .vc_tta-panel-heading { border: none !important; background: transparent !important; } .vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta.vc_tta-style-classic .vc_tta-panel:not(:last-child) .vc_tta-panel-heading, .vc_tta.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta.vc_tta-style-modern .vc_tta-panel:not(:last-child) .vc_tta-panel-heading { margin-bottom: 1.6em; } .vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active + .vc_tta-panel .vc_tta-panel-heading, .vc_tta.vc_tta-style-classic .vc_tta-panel:not(:first-child) .vc_tta-panel-heading { margin-top: 1.6em; } .vc_tta.vc_tta-accordion .vc_tta-panel-title { font-size: 1em; line-height: 1.3em; } .vc_tta.vc_tta-accordion .vc_tta-panel-title .vc_tta-title-text { font-size: 1.0667em; line-height: 1.3em; text-transform: uppercase; } .vc_tta.vc_tta-accordion .vc_tta-panel-heading .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left: 4.2em; } .vc_tta.vc_tta-accordion .vc_tta-panel-heading .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { padding-right: 4.2em; padding-left: 0; } .vc_tta.vc_tta-accordion .vc_tta-panel-heading .vc_tta-controls-icon-position-left.vc_tta-panel-title > a > .vc_tta-controls-icon { left: 0; } .vc_tta.vc_tta-accordion .vc_tta-panel-heading .vc_tta-controls-icon-position-right.vc_tta-panel-title > a > .vc_tta-controls-icon { right: 0; } .vc_tta.vc_tta-accordion .vc_tta-panel-heading .vc_tta-controls-icon { width: 2.6667em; height: 2.6667em; line-height: 2.6667em; text-align: center; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .vc_tta.vc_tta-accordion.vc_tta-shape-rounded .vc_tta-panel-heading .vc_tta-controls-icon { -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .vc_tta.vc_tta-accordion.vc_tta-shape-round .vc_tta-panel-heading .vc_tta-controls-icon { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 0; } .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon { right: 0; } .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-minus:before, .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { left: 50%; right: auto; width: 9px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-width: 1px 0 0 0; } .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { top: 50%; bottom: auto; border-width: 0 0 0 1px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 9px; } .vc_tta.vc_tta-accordion .vc_tta-panel:not(.vc_active) + .vc_tta-panel { margin-top: 1.6em; } /* Tabs */ .vc_tta.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a { background-color: transparent; border: none; padding: 0.6em 1.8em 0.3em; } .vc_tta.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab + .vc_tta-tab { margin-left: 0.8em; } /* Progress bar */ .vc_progress_bar.vc_progress_bar_narrow { padding-top: 0.1px; } .vc_progress_bar.vc_progress_bar_narrow .vc_single_bar { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; height: 5px; margin-top: 1.3em; } .vc_progress_bar.vc_progress_bar_narrow .vc_single_bar .vc_bar { height: 5px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .vc_progress_bar.vc_progress_bar_narrow .vc_single_bar + .vc_single_bar { margin-top: 2.51em; } .vc_progress_bar.vc_progress_bar_narrow .vc_single_bar .vc_label { font-size: 1em; line-height: 1.5em; font-weight: 400; font-style: normal; letter-spacing: -0.6px; display: block; width: 100%; position: absolute; z-index: 1; top: -1.55em; left: 0; padding: 0; text-shadow: none; } .vc_progress_bar.vc_progress_bar_narrow .vc_single_bar .vc_label .vc_label_units { position: absolute; z-index: 1; top: -1px; right: 0; } /* Message Box */ .vc_message_box { padding: 1.4em 0.875em 1.4em 4.9em; } .vc_message_box-solid-icon { padding-left: 7em; } .vc_message_box-icon { width: 4.5em; } .vc_message_box .vc_message_box-icon > * { font-size: 1.8em; } .vc_message_box-solid-icon .vc_message_box-icon { width: 5em; font-size: 1em; font-weight: 400; } .vc_message_box:not(.vc_message_box-solid-icon) .vc_message_box-icon > * { left: auto; right: 0.6em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vc_message_box-outline .vc_message_box-icon i { color: inherit; } .vc_color-juicy_pink.vc_message_box-outline, .vc_color-juicy_pink.vc_message_box-solid-icon { color: #f4524d; } .vc_color-orange.vc_message_box-outline, .vc_color-orange.vc_message_box-solid-icon { color: #e39a31; } .vc_color-vista_blue.vc_message_box-outline .vc_message_box-icon, .vc_color-vista_blue.vc_message_box-solid-icon .vc_message_box-icon i, .vc_color-vista_blue.vc_message_box-outline, .vc_color-vista_blue.vc_message_box-solid-icon { color: #9dbf00; } .vc_color-vista_blue.vc_message_box-outline, .vc_color-vista_blue.vc_message_box-solid-icon { border-color: #9dbf00; } .vc_color-vista_blue.vc_message_box-solid-icon .vc_message_box-icon i { background-color: #9dbf00; } .vc_message_box_closeable { position: relative; } .vc_message_box_closeable:after { content: '\e8ac'; font-family: "fontello"; font-size: 1.5em; line-height: 1em; font-weight: 400; padding: 1em; color: inherit; cursor: pointer; position: absolute; z-index: 1; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Text block after slider or video */ .wpb_text_column[class*="scheme_"]:not([class*="sc_extra_bg_"]) { padding: 2rem 2.4rem; } .wpb_text_column h1:first-child, .wpb_text_column h2:first-child, .wpb_text_column h3:first-child, .wpb_text_column h4:first-child, .wpb_text_column h5:first-child, .wpb_text_column h6:first-child { margin-top: 0; } /* Google maps */ .wpb_gmaps_widget .wpb_wrapper { padding: 0; } /*# sourceMappingURL=style.css.map */ .whitefont i:before{ color:#fff; } .woocommerce .product_meta .product_id{ display:none; }