/* Theme Name: Williamson Theme URI: https://williamson.themerex.net/ Description: Williamson - excellent WordPress theme with many different blog and header layouts Author: ThemeREX Author URI: https://themerex.net/ Version: 1.2.6 Version of engine: 1.0.29 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: williamson */ /* 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. Utils 12. Registration and Login popups 13. Third part plugins 14. 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%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -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); } body { /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 14px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; } ul ul, li + li { margin-top: 0.65em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a,/* a:before, a:after,*/ button,/* button:before, button:after,*/ .woocommerce-checkout .post_content #btn-buy, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } button[disabled], html input[disabled] { cursor: default !important; } 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.8em 1em; } table th { font-size: 1em; font-weight: 700; text-transform:uppercase; font-style:normal; text-align: center; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote{ position:relative; text-align:center; padding: 5.7em 3.2em; background: url(images/blockquote.jpg); background-size: cover; background-position: center; } blockquote strong { color: #fff; } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size:1.6em; display:block; position:absolute; top: 2.1em; left: 2.3em; display: none; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote { position: relative; } blockquote:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } blockquote p { margin: 0; font-size: 2.571em; line-height: 1.25em; font-weight: 600; text-transform: uppercase; position: relative; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 1.143rem; line-height: 1.5em; font-family: PT Serif, serif; font-weight: 400; font-style: italic; text-transform: none; margin-top: 0.8em; letter-spacing: 0.05em; z-index: 1; position: relative; } dfn { display: block; font-size: 1.143rem; line-height: 1.9em; font-family: PT Serif, serif; font-weight: 400; font-style: italic; text-transform: none; letter-spacing: 0.05em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 1rem 3.357rem; } .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; } em, i { font-style: italic; font-family: PT Serif, serif;} pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } 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 { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* 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, .wp-caption { margin-bottom: 1em; } p figure, p .wp-caption { margin-bottom: 0; } figure figcaption, .wp-block-image figcaption, .wp-block-audio figcaption, .wp-block-video figcaption, .wp-block-embed figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item 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 { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; text-align:center; padding: 13px 10px; font-size: 1.143rem; line-height: 1.5em; font-family: PT Serif, serif; font-weight: 400; font-style: italic; text-transform: none; margin-top: 0.8em; letter-spacing: 0.05em; z-index: 2; max-height: 50%; overflow-x: hidden; overflow-y: auto; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; scrollbar-width: thin; } 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 { opacity: 0; } figure figcaption:hover, .wp-caption .wp-caption-text:hover, .wp-caption .wp-caption-dd:hover, .wp-caption-overlay .wp-caption .wp-caption-text:hover, .wp-caption-overlay .wp-caption .wp-caption-dd:hover { opacity: 1; } figure.wp-block-audio, figure.wp-block-video, figure.wp-block-embed { overflow: visible; } figure.wp-block-audio { display: block; } figure.wp-block-gallery > figcaption, figure.wp-block-audio figcaption, figure.wp-block-video figcaption, figure.wp-block-embed figcaption { position: static; opacity: 1!important; margin: 1em 0 0 !important; } 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 { line-height: inherit; font-weight: inherit; font-size: inherit; 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] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } 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-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ 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-cancel-button,*/ 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{ outline: none; } 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; border-bottom-width: 1px; } 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; } /* 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; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } a.hover_wrap { position: relative; display: block; z-index: 2; } a.hover_wrap img { display: block; width: 100%; } a.hover_wrap .hover{ position: absolute; top: 10px; left: 10px; right: 10px; opacity: 0; bottom: calc(100% - 10px); overflow: hidden; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; min-height: 30px; } a.hover_wrap:hover .hover{ opacity: 1; bottom: 10px; } a.hover_wrap .hover span{ font-size: 1.143rem; font-family: PT Serif, serif; font-style: italic; letter-spacing: 0.05em; border-bottom: 1px solid; position: absolute; opacity: 0; top: 50%; left: 50%; margin-top: 1em; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } a.hover_wrap:hover .hover span{ opacity: 1; margin-top: 0em; -webkit-transition: all 0.3s ease 0.5s; -ms-transition: all 0.3s ease 0.5s; transition: all 0.3s ease 0.5s; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #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, /* Booked */ 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, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_item_link, .sc_action_item_link, /* Tribe Events */ #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, /* EDD buttons */ .edd_download_purchase_form .button, #edd-purchase-button, .edd-submit.button, /* WooCommerce buttons */ .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, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 0.806em 1.8em; font-size: 1.286rem; line-height: 1.5em; font-weight: 500; letter-spacing: 0.05em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } @-moz-document url-prefix() { button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #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, /* Booked */ 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, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_item_link, .sc_action_item_link, /* Tribe Events */ #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, /* EDD buttons */ .edd_download_purchase_form .button, #edd-purchase-button, .edd-submit.button, /* WooCommerce buttons */ .woocommerce-checkout .post_content #btn-buy, .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, .yith-woocompare-widget a.clear-all { padding: 0.736em 1.8em 0.876em 1.8em; } } .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_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button+.button { margin-left: 0; } /* 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, /* BB Press*/ #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: 1.072em 1.4em; border: 1px solid #ddd; } 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; } .wpcf7-textarea { min-height:unset; } .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 { padding: 1em 1.2em; } /* 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"], .wpcf7-radio input[type="radio"], .wpcf7-checkbox input[type="checkbox"], .wpcf7-acceptance input[type="checkbox"] { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin: 0 !important; padding: 0 !important; } input[type="radio"] + label, input[type="checkbox"] + label, input[type="radio"]+.wpcf7-list-item-label, input[type="checkbox"]+.wpcf7-list-item-label { position:relative; padding-left:1.4em; line-height:1.5em; display: inline-block; vertical-align: top; } input[type="checkbox"] + .wpcf7-list-item-label:before, input[type="radio"] + label:before, input[type="checkbox"] + label:before { content: ' '; font-family: 'fontello'; display: block; text-align: center; border: 1px solid #eee; position: absolute; left: 0; top: 0.3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 0.5em; height: 2em; width: 2em; line-height: 1.8em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + .wpcf7-list-item-label:before, input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content: '\e814'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; white-space:nowrap; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border-color: transparent !important; width: 100% !important; padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 1px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 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; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; margin-top: 0.5em !important; } .alignright { display: inline-block; float: right; margin-left: 2em; margin-top: 0.5em !important; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; margin-bottom: 1em !important; } .alignleft.wp-block-search, .alignright.wp-block-search { float: none; margin-left: 0!important; margin-right: 0!important; } figure { margin-bottom: 0em !important; } figure.alignleft, figure.alignright { margin-top:0.5em; } .wp-block-gallery[class*="align"] { display: -webkit-flex; display: -ms-flexbox; display: flex; } 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_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -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 */ figure.wp-block-gallery { 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: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .gallery { margin: 0 -5px; } .gallery-caption { display: block; } .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item { margin: 1em 0; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; overflow-y: scroll; overflow-x: hidden; } .gallery .gallery-item:hover .hover { display: none; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !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.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; padding: 0.53em 2em; } .post-password-form input[type="password"] { padding:1em; } .wp-block-cover[class*="has-background-dim"] a { color: #fff; } /* 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 width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { content: " "; display: table; 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:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .williamson_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width:1290px; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap > .content, .content_wrap > .sidebar { padding: 8.57em 0; } .remove_margins .content_wrap > .content { padding: 0; } .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:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .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:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 300px; } .sidebar .sidebar_inner { position: relative; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } .sidebar_show .page_content_wrap .content_wrap:before { content: ''; top: 0; bottom: 0; left: 800px; width: 1000px; position: absolute; background-color: #f8f8f8; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; margin: 0.1px 0; } .top_panel .sc_content { width: 1170px; } .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; background: rgba(0,0,0,0.7); display: block; } body:not(.body_style_boxed) .top_panel > .vc_row{ margin: 0 25px; } body:not(.body_style_boxed) .top_panel > .vc_row[data-vc-full-width]:not(.vc_parallax) { left: 25px !important; max-width: calc(100% - 50px); } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 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; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 32px; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .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 .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } .top_panel_default [class*="column-"] { vertical-align: middle; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-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; width: 6rem; z-index: 20000; top:0; bottom: 0; -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_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .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; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-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 { left: -1.5em; 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 { 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'; } /* 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; position:absolute; right: 14rem; top: 2em; padding: 0.95em 2.143rem; font-weight: 500; border: 1px solid; font-size: 10px; line-height: 27px; letter-spacing: 0.3em; text-transform: uppercase; } .menu_mobile_close .icon-cancel { font-size: 1.8em; line-height: 1em; font-weight: 600; display: inline-block; vertical-align: middle; } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left: 50%; top:0; height: 0; width: 50%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align: left; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; right: -20px; top: 9%; bottom: 13.7em; padding: 0 8.2rem 2em; overflow-y: scroll; border-bottom: 1.5em solid #141318; } .menu_mobile .menu_mobile_inner:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 13.6em; border-bottom: 1px solid #1e1c24; } .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; padding-left: 2.143em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li + li { margin-top: 0.55em; } .menu_mobile .menu_mobile_nav_area li li + li { margin-top: 0.45em; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1rem; line-height: 1.5em; padding: 0; text-transform: uppercase; position:relative; display: inline-block; width: auto; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 3.286rem; line-height: 1.4em; font-weight: 600; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-top: 0; padding-bottom: 0; text-transform: none; letter-spacing: 0.05em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 0; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 3em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; left: 0; bottom: 0; text-align:center; background-color: transparent; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; display: none; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0 0 0 130%; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: transparent; } .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 .search_mobile { position:absolute; left: 50%; bottom: 8rem; 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; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding:2em 1.8em; background-color:transparent; } .menu_mobile .copyright_mobile{ position:absolute; left: 8.2rem; right: 8.2rem; bottom: 7.7rem; text-align: left; display:block; font-size: 12px; line-height: 18px; } .menu_mobile .copyright_mobile a{ display: inline-block; } .menu_mobile .socials_mobile { position:absolute; left: 8.2rem; right: 8.2rem; bottom: 4.6rem; text-align: left; display:block; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size: 1.2em; width: 1.5em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; 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 .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 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; } body:not(.body_style_boxed) .rev_slider_wrapper { padding: 0 25px !important; box-sizing: border-box; } /* 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; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } .sc_layouts_title_breadcrumbs { margin-top: 14px; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.williamson_tabs .williamson_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper .esg-filterbutton, div.williamson_tabs .williamson_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, div.williamson_tabs .williamson_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.williamson_tabs .williamson_tabs_titles li a, div.williamson_tabs .williamson_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 1.75em 3em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.williamson_tabs .williamson_tabs_content { padding: 0; } div.williamson_tabs .williamson_tab_content_remove { opacity: 0; } div.williamson_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom:1.8em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .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_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '/'; display:inline; font-family:inherit; font-size:inherit; font-style:normal; font-weight:400; vertical-align:baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.5em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* 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 -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; margin-bottom: 1.15em; } .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: 1em; line-height: 1.214em; font-weight: 400; font-style: normal; margin: 0.9em 0 0; } .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: 1em; font-weight:400; line-height:1.35em; letter-spacing: 0.05em; text-transform: uppercase; } .format-audio .post_featured .post_audio_title { font-size: 1.571em; line-height: 1.35em; font-weight: 600; margin: 0 0 0.25em; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.571em; line-height:1.35em; font-weight: 600; } .trx_addons_audio_player .audio_author + .audio_caption { margin: 0 0 0.25em; } .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { border: none; padding: 1.3em 3.57em; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player.without_cover .mejs-container .mejs-controls > *:first-child, .post_audio > .mejs-container .mejs-controls > *:first-child { margin-left: 0 !important; padding-left: 0 !important; } .trx_addons_audio_player.without_cover .mejs-container .mejs-controls > *:last-child, .post_audio > .mejs-container .mejs-controls > *:last-child { margin-right: 0 !important; padding-right: 0 !important; text-align: right !important; } /* Shortcode "Audio" */ .trx_addons_audio_player { padding: 1.3em 3.57em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { background-color:transparent; border: none; } .mejs-container .mejs-controls { padding-left: 0; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before, .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { font-size: 1.5rem; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before, .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { font-size: 1.1rem; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-replay:before { content: '\e8e1'; font-family:'fontello'; font-size: 1.5rem; } .mejs-container:not(.mejs-video), .mejs-container .mejs-controls { height: 30px!important; } .mejs-container .mejs-controls .mejs-time { padding: 10px 0 0; box-sizing: border-box; } .mejs-container .mejs-controls .mejs-time-rail { padding-top: 5px; box-sizing: border-box; height: 30px; } .mejs-container .mejs-time-handle { border: 2px solid transparent; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 0; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner{ display: none; } .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .sidebar .mejs-controls .mejs-time, .footer_wrap .mejs-controls .mejs-time { display:none; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .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.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; 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-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_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.5em; width: 4.07rem; height: 4.07rem; line-height: 4.07rem; overflow: visible; } .trx_addons_video_player.with_cover .video_hover:after, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover:after, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover:after, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover:after { content: ''; width: 4.07rem; height: 4.07rem; line-height: 4.07rem; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%; border: 1.43rem solid rgba(20,19,24,0.42); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.5em; width: 4.07rem; height: 4.07rem; line-height: 4.07rem; overflow: visible; margin: 0 0 0 -4em; } .widget_video .trx_addons_video_player.with_cover .video_hover:after { content: ''; width: 4.07rem; height: 4.07rem; line-height: 4.07rem; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%; border: 1.43rem solid rgba(20,19,24,0.42); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e8e1'; font-family:'fontello'; } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .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 > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* 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: 7.1rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { padding-top: 7.1rem; border-top: 1px solid #eee; } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0.55em 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.3rem; } .post_layout_excerpt .post_content { margin-top: 1.8rem; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top: 0; } .post_layout_excerpt.format-quote .post_meta, .post_layout_excerpt.format-aside .post_meta { margin-top:1.9rem; } .post_format_quote blockquote { margin: 0; padding: 7.3em 3.2em 6em; } .post_item.post_layout_excerpt .more-link { font-size: 1.143em; font-weight: 400; letter-spacing: 0.05em; font-family: PT Serif, serif; margin-top: 1.05rem; padding: 0; border-bottom: 1px solid !important; } /* 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_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .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; } /* Chess */ .chess_wrap { overflow:hidden; } body:not(.body_style_boxed) .chess_wrap { margin: 0 25px; } .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%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .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 { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; 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:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; } .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:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .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_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_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 8px; } .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_2 .more-link { margin-top: 1.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; 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_3 .more-link { margin-top: 1rem; padding: 0.506em 1.5em; } .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 not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* 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 { 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); } .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%; } /* 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; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .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; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -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; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 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); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-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; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 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 anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .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; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .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'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .woocommerce nav.woocommerce-pagination ul, .nav-links, .page_links { font-size: 1em; text-transform: none; text-align: center; width: 100%; list-style-type:none; border-width: 1px 0 0; margin: 3.6em 0 0; padding-top: 6.7em; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .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: 0.6667em 0.6667em 0 0; padding: 0; border: none; width: 4em; height: 4em; line-height: 4em; text-align: center; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease; } .woocommerce nav.woocommerce-pagination ul li { border: none; display:inline-block; margin:0 0.6667em 0 0; float: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span.current { margin-right: 0; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } .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 { overflow:hidden; position:relative; width: auto; margin: 0 2px; font-size: 1.143rem; font-style: italic; border-bottom: 1px solid; font-family: "PT Serif",serif; } .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 { display: none; } .nav-links .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li.prev { float: left; margin: 0; } .nav-links .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li.next { float: right; margin: 0; } .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'; position: absolute; z-index:1; left: 0; top: 0; width: 100%; text-align: center; text-indent: 0; } .nav-links .page-numbers.prev:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before { content:'\e939'; } .nav-links .page-numbers.next:before, .woocommerce nav.woocommerce-pagination ul li a.next:before { content:'\e93a'; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { text-align: left; margin-top: 8rem; padding-top: 0; 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; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f8f8f8; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 3em; opacity:0; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .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: '\e93a'; } .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: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .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; left: 1.5em; top: 50%; -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"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:4em; height:4em; line-height:4em; 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; } body.attachment .post_featured.post_attachment { background-color: #f8f8f8; } body.attachment .post_featured.post_attachment img { margin: auto; display: block; padding: 20px; box-sizing: border-box; } /* 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; } .post_item_single .post_content .mejs-container { margin-bottom:1em; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom: 3.2em; } .post_featured.post_attachment { margin-bottom: 0.5em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom: 1.85em; } .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.16em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size:1.0667em; line-height:1.375em; margin-top: 0; padding-top: 4.75em; 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: 0; font-size: 1.286rem; font-weight: 500; } .post_item_single .post_content > .post_meta_single .post_tags a{ font-size: 1rem; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* 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.5em; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align:center; background: transparent; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 7.2rem; padding: 3.57rem 3.57rem; position:relative; } .author_avatar { width: 11.78rem; height: 14.78rem; position: absolute; left: 3.57rem; top: 3.57rem; overflow: hidden; } .author_avatar img { width: auto; height: 100%; max-width: 1000%; margin-left: -1.5em; } .author_description { padding-left: 14.7rem; } .author_title { margin-top: 0.55em; margin-bottom:1em; } .author_bio p { margin:0; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display: inline-block; font-size: 1.143rem; font-style: italic; font-weight: 400; letter-spacing: 0.05em; font-family: PT Serif, serif; margin-top: 1.05rem; padding: 0; border-bottom: 1px solid !important; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 8rem; overflow:hidden; } .related_wrap_title { margin: 0 0 0.65em; text-align:left; } .related_wrap .related_item { text-align: left; } .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; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.2em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .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; } .related_wrap .view_more_hover{ top: 0; left: 0; right: 0; bottom: 0; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 2em; } .related_wrap .related_item_style_2 .post_featured.without_thumb { margin-bottom: 0; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size: 12px; font-weight: 400; line-height:1.4em; text-transform: none; display: block; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } .body_style_fullscreen .nav-links-old { margin: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 8rem; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 0.65em; text-align:left; } .comments_list_wrap > ul.comments_list { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li.comment , .comments_list_wrap li > ul > li.comment { padding-top: 4.2em; display: block; } .comments_list_wrap ul > li.comment { overflow:hidden; position:relative; min-height:6em; } .comments_list_wrap ul > li.comment:before { display:none; } .comments_list_wrap ul ul.comments_list { /* This way for long border under previous item */ margin-left: 9.29em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul.comments_list { /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li.comment, .comments_list_wrap li ul.comments_list { margin-top: 4.2em; border-top: 1px solid #eee; } .comments_list_wrap .comment_author_avatar { position: absolute; left:0; top: 0; z-index:1; width: 7.143em; height: 7.143em; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.2em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 9.29em; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.2em 0 1.5em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; font-size: 1.286em; font-weight: 400; margin-right: 1em; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 12px; line-height:inherit; font-style: normal; margin-right: 1em; white-space:nowrap; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; } .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 { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul.comments_list { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .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 a { margin-top: 0.65rem; } .comments_list_wrap .comment_reply a { line-height: 1.5em; display: inline-block; font-size: 1.143rem; font-style: italic; font-weight: 400; letter-spacing: 0.05em; font-family: PT Serif, serif; padding: 0; border-bottom: 1px solid !important; } .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:0; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list .trackback .edit-link, .comments_list .pingback .edit-link { float: right; } /* Comments form */ .comments_form_wrap { margin-top: 8rem; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 0.65em; 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; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_comment:before { content: ' '; display: block; width: 100%; height: 0; clear: both; } .comments_wrap .comments_field label:not([for="i_agree_privacy_policy"]) { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } article + .comments_wrap { clear: both; padding-top: 1px; } 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); } /* Result box */ .williamson_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -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); } .williamson_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -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); } .williamson_messagebox p { margin:0; } .williamson_messagebox p+p { margin-top:0.4em; } .williamson_messagebox_style_error p:last-child { margin-bottom: 0 !important; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 17em; line-height:1.2em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .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 { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top:-2px; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 4.6rem 0; } .sidebar[class*="scheme_"] .widget { padding: 0 4.6rem; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 6.5rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .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 .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle, .widget.widget_block h1, .widget.widget_block h2, .widget.widget_block h3, .widget.widget_block h4, .widget.widget_block h5, .widget.widget_block h6 { margin-top:0; margin-bottom: 2.3em; padding-bottom: 5px; border-bottom: 1px solid; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } ul[class*="wp-block-"], ol[class*="wp-block-"] { padding-left: 0; margin-bottom: 0; } ul.wp-block-page-list, ul.wp-block-archives-list, ul.wp-block-categories-list, ul.wp-block-categories__list, ul.wp-block-latest-posts:not(.is-grid), ul.wp-block-rss, .widget ul { margin:0; padding-left:1.2em; list-style-type:none; } ul.wp-block-page-list li, ul.wp-block-archives-list li, ul.wp-block-categories-list li, ul.wp-block-categories__list li, ul.wp-block-latest-posts:not(.is-grid) li, ul.wp-block-rss li, .widget ul > li { position:relative; list-style: none; } ul.wp-block-page-list li:before, ul.wp-block-archives-list li:before, ul.wp-block-categories-list li:before, ul.wp-block-categories__list li:before, ul.wp-block-latest-posts:not(.is-grid) li:before, ul.wp-block-rss li:before, .widget ul > li:before { content: ' '; display:block; width: 3px; height: 3px; position:absolute; left:-1.2em; top:0.8em; } .widget li a img { vertical-align:baseline; } .widget .children { margin-top: 0.65em; } .textwidget p { margin: 1.4em 0 1.1em; } ul.wp-block-social-links, ul.wp-block-social-links li.wp-social-link { padding-left: 0; } ul.wp-block-social-links li.wp-social-link:before { display: none !important; } .widget_block h1:first-child, .widget_block h2:first-child, .widget_block h3:first-child, .widget_block h4:first-child, .widget_block h5:first-child, .widget_block h6:first-child { margin-top: 0; } .widget_block h1:last-child, .widget_block h2:last-child, .widget_block h3:last-child, .widget_block h4:last-child, .widget_block h5:last-child, .widget_block h6:last-child { margin-bottom: 0; } .wp-block-loginout .login-remember input[type="checkbox"] { display: inline-block; } .widget.widget_recent_comments ul, .widget.widget_categories ul { padding: 0; } .widget.widget_recent_comments ul li:before, .widget.widget_categories ul li:before { display: none; } .widget_categories .children, .widget_categories li + li, .widget_categories li ul { margin-top: 1.58em; } .widget_categories li ul{ padding-left: 10px !important; } .widget_categories li a:after { content: '\e944'; font-family: 'fontello'; float: right; font-size: 2.5em; opacity: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .widget_categories li a:hover:after { opacity: 1; } .widget li.recentcomments { padding: 1.5em 2.14em; } /* Meta */ .widget.widget_meta ul > li:before { content: '-'; display: block; width: auto; height: auto; position: absolute; left: -1.2em; top: 0; } .widget.widget_meta li + li { margin-top: 1.5em; } /* 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 */ .wp-block-calendar table, .widget_calendar table { width: 100%; position:relative; } .wp-block-calendar caption, .widget_calendar caption { padding-bottom:0.5em; font-weight:400; display: none; } .wp-block-calendar thead th, .widget_calendar thead th{ padding-bottom: 7px; } .wp-block-calendar table > thead > tr, .widget_calendar table > thead > tr { background-color: transparent !important; } .wp-block-calendar, .calendar_wrap { padding: 2.714rem; } .wp-block-calendar th, .wp-block-calendar td, .widget_calendar th, .widget_calendar td { font-size: 10px !important; line-height:1.5em; font-weight: 600 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .wp-block-calendar td, .widget_calendar td { font-size: 1rem !important; font-weight: 400 !important; line-height:2em; padding: 1px 0; } .wp-block-calendar tbody td a, .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; } .wp-block-calendar tbody td a:after, .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .wp-block-calendar td#today, .widget_calendar td#today { position:relative; z-index:2; } .wp-block-calendar td#today:before, .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.143em; height: 2.143em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .wp-block-calendar tfoot, .widget_calendar tfoot { position:relative; top: 0.6em; } .wp-block-calendar tfoot td, .widget_calendar tfoot td { text-transform: none !important; font-size: 12px !important; padding: 15px 0 0; } .widget_calendar td#prev, .widget_calendar .wp-calendar-nav-prev, .wp-block-calendar td#prev, .wp-block-calendar .wp-calendar-nav-prev { text-align: left; overflow: hidden; } .widget_calendar td#next, .widget_calendar .wp-calendar-nav-next, .wp-block-calendar td#next, .wp-block-calendar .wp-calendar-nav-next { text-align: right; overflow: hidden; } .widget_calendar td#prev a, .widget_calendar .wp-calendar-nav-prev a, .wp-block-calendar td#prev a, .wp-block-calendar .wp-calendar-nav-prev a { padding-left: 0.6em; } .widget_calendar td#next a, .widget_calendar .wp-calendar-nav-next a, .wp-block-calendar td#next a, .wp-block-calendar .wp-calendar-nav-next a { padding-right: 0.6em; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before, .widget_calendar .wp-calendar-nav a:before, .wp-block-calendar td#prev a:before, .wp-block-calendar td#next a:before, .wp-block-calendar .wp-calendar-nav a:before { position:absolute; z-index:1; top: 0; width: 1.2em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar .wp-calendar-nav, .wp-block-calendar .wp-calendar-nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; margin-top: 1em; } .wp-calendar-nav a { text-decoration: none; } .wp-block-calendar table th { font-weight: 600 !important; } /* 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, .wp-block-search, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .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: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } .wp-block-search:after { display: none !important; } .wp-block-search label { display: block; margin-bottom: 5px; } .wp-block-search .wp-block-search__button { padding: .4em 1.9em; position: relative; } .wp-block-search .wp-block-search__button.has-icon { min-width: 46px; padding: 0.4em; } .wp-block-search .wp-block-search__button.has-icon:before { content: '\e8f9'; font-family: "fontello"; font-weight: 300; font-style: normal; display: block; position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; cursor: pointer; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .wp-block-search .wp-block-search__button svg { display: none; } .wp-block-search .wp-block-search__input { padding: 1em 1.2em; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: 0.7em 1.2em; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-icon) { padding: .4em 1.9em; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon { min-width: 36px; } /* 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:not(aside) ul, .widget_rss:not(aside) li { padding-left:0 } .widget_rss li:before { display:none; } .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; } .widget_product_tag_cloud a, .wp-block-tag-cloud a, .widget_tag_cloud a { display:block; float:left; padding: 0; margin: 0; font-size: 14px !important; line-height: 27px; font-weight: 500; letter-spacing: 0; text-transform: none; } .widget_product_tag_cloud a:after, .wp-block-tag-cloud a:after, .widget_tag_cloud a:after { content: '/'; margin: 0 5px; } .wp-block-tag-cloud + * { clear: both; padding-top: 1em; } /* 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; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap ul { padding: 0; margin-top: -0.65em; } .footer_wrap ul li:before { content: none; } .footer_wrap ul li + li, .footer_wrap ul li ul{ margin-top: 1.5em; } .footer_wrap ul.wp-block-social-links li + li { margin-top: 0; } .footer_wrap ul li ul{ padding-left: 10px; } .remove_margins .footer_wrap { margin-top:0; } .footer_custom .wpb_text_column p { font-size: 12px; } /* Footer widgets */ .footer_wrap.footer_custom{ padding: 0; } .footer_wrap .widget { margin: 2em 0; } .footer_wrap .vc_col-sm-4 .widget li { display: block; 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; font-size: 1.429em; font-weight: 400; border-bottom: 0; text-transform: none; padding: 0; margin-bottom: 1.7em; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } .footer_wrap .textwidget { margin-top: -0.65em; } .footer_wrap .textwidget p{ margin: 0; margin-bottom: 0; } /* 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; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .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; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: middle; font-size: 11px; } .menu_footer_nav_area > ul > li + li{ margin-top: 0; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 2em 0; overflow:hidden; text-align:center; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; 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; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; 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 { font-family:'fontello'; content:'\e8ac'; 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; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Contact Form 7 */ .wpcf7-form { position: relative; } .wpcf7-form textarea, .wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form input[type="tel"] { width: 100%; } .wpcf7-form .submit-container .ajax-loader, .wpcf7-form .submit-container .wpcf7-spinner { margin: 10px; width: 16px; height: 16px; } .wpcf7-form .submit-container.submit-container-wide input[type="submit"] { width: 100%; } .wpcf7-form .submit-container.submit-container-wide .ajax-loader, .wpcf7-form .submit-container.submit-container-wide .wpcf7-spinner { margin-left: calc(50% - 8px); } .wpcf7 .wpcf7-acceptance span.wpcf7-list-item { margin: 0; } .wpcf7-form .wpcf7-response-output { background: white; margin: 10px 0 0 !important; box-sizing: border-box; width: 100%; } .wpcf7-wpgdprc { display: inline-block; margin-bottom: 15px; } .split-2-columns { display: flex; margin-bottom: 2em; justify-content: space-between; } .split-2-columns > div { width: 48%; } @media (max-width: 479px) { .split-2-columns { flex-direction: column; } .split-2-columns > div { width: 100%; } .split-2-columns > div + div { margin-top: 2em; } } .form-border-frame { padding: 2rem; border: 1px solid; } .form-border-frame h2 { font-size: 1.5em; } rs-module-wrap .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control + span { position: absolute; right: 10px; top: -4px; } rs-module-wrap .wpcf7 .submit-container { position: relative; } rs-module-wrap .wpcf7 .submit-container .ajax-loader, rs-module-wrap .wpcf7 .submit-container .wpcf7-spinner { position: absolute; top: 50%; right: 0; margin: 0 !important; transform: translate(150%, -50%); } /* Elegro Payment */ .woocommerce #modal, .woocommerce-page #modal { z-index: 999999; } .woocommerce-page #elegro-reset-wrapper .elegro-widget__button, .woocommerce #elegro-reset-wrapper .elegro-widget__button { padding: 5px; } .wc_payment_method.payment_method_elegro label:before { margin-top: 0.07em; } /* WPBakery Page Builder */ .vc_row.content_wrap{ margin: 0 auto; } .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; } .wpb_wrapper > * { position: relative; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* WPBakery Page Builder */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Rev Slider */ .rev_slider .sc_content.sc_padding_medium { border: 1px solid !important; padding: 3.5rem 5.36rem !important; } .tp-tabs-inner-wrapper .tp-tab { text-align: center; opacity: 1; } .tp-tabs-inner-wrapper .tp-tab:before { content: ''; width: 1px; margin: auto; height: 30px; display: block; background-color: gray; } .tp-tabs-inner-wrapper .tp-tab:first-child:before { opacity:0; } .tp-tabs-inner-wrapper .tp-tab-desc{ height:40px; line-height: 43px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* 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; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .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; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* 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'; 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; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .body_style_boxed .sc_padding_tiny.sc_margin_large { margin: 4em 0; } /******************/ .clients .gallery-icon a { text-align: center; opacity: 0.3; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .clients .gallery-icon a:hover { opacity: 1; } .clients .gallery-icon a .hover { display: none; } .clients .gallery-icon a img { width: auto; margin: auto; } .custom_menu .widget_nav_menu { margin: 1.2em 0 1em; } .custom_menu .widget_nav_menu ul{ max-width: 100%; width: 900px; margin: auto; display:table; } .custom_menu .widget_nav_menu ul> li { display: table-cell; text-align: center; } /***********************/ .social_item{ position:relative; } .social_item:before{ content: ''; font-size: 1rem; width: 2.4em; height: 2.4em; display: block; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -1.2em; margin-top: -1.2em; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .social_item:hover:before{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .social_item .social_icon{ position: relative; } .search_style_fullscreen.search_opened .search_field { box-shadow: none !important; } .gdpr-terms-container { margin: 1em 0 !important; } input[type="checkbox"].wpcf7-acceptance { display: inline-block; vertical-align:baseline; } .wpgdprc { color: inherit; font-family: inherit; font-size: inherit; } .wpgdprc-checkbox label input[type="checkbox"] { display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 5px; } /* Gutenberg */ body.sidebar_hide .alignfull { position: relative; z-index: 1; margin-left: calc( -100vw / 2 + 100% / 2 + 8px ); margin-right: calc( -100vw / 2 + 100% / 2 + 8px ); width: calc( 100vw - 16px ); max-width: calc( 100vw - 16px ); } body.sidebar_hide .alignwide { position: relative; left: calc( -44vw + 50% ); width: 88vw; max-width: none; } .alignfull > img, .alignwide > img { max-width: none; width: 100%; } .wp-block-separator { max-width: 5em; margin: 3em 0; } .wp-block-separator.is-style-dots, .wp-block-separator.is-style-wide { max-width: 100%; } .wp-block-separator.is-style-dots:before { font-size: 30px; letter-spacing: 1.5em; padding-left: 1.5em; } .elementor-widget-divider .elementor-divider { font-size: 0; } .elementor-widget:not(:last-child) { margin-bottom: 0; } .wp-block-button.is-style-squared > a { border-radius: 0; } .post_content div.wp-block-cover { box-sizing: border-box; } .post_content div.wp-block-cover .wp-block-cover__inner-container > *:first-child { padding-top: 0; margin-top: 0; } .post_content div.wp-block-cover .wp-block-cover__inner-container > *:last-child { padding-bottom: 0; margin-bottom: 0; } .post_content .wp-block-group.has-background { padding: 1em; } .post_content .wp-block-group.has-background .wp-block-group__inner-container { margin: 0; padding: 0; } .post_content .wp-block-group.has-background .wp-block-group__inner-container > * { padding-bottom: 1em; margin-bottom: 0; } .post_content .wp-block-group.has-background .wp-block-group__inner-container > *:first-child { padding-top: 0; margin-top: 0; } .post_content .wp-block-group.has-background .wp-block-group__inner-container > *:last-child { padding-bottom: 0; margin-bottom: 0; } .post_content > .gallery, .post_content > [class^=" wp-block-"], .post_content > [class^="wp-block-"] { margin-bottom: 1em; } .wp-block-columns .wp-block-column .wp-block-quote { padding: 1em !important; } .wp-block-columns .wp-block-column .wp-block-quote cite { display: none; } .wp-block-columns .wp-block-column .wp-block-quote p { font-size: 1.6rem; } .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain) { padding: 5.7em 3.2em; } .wp-block-pullquote { padding: 0; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right { max-width: 100%; } .wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite { display: none; } .wp-block-pullquote.has-background blockquote { background: transparent !important; } .wp-block-pullquote.has-background blockquote:before { display: none !important; } .wp-block-columns .wp-block-column .wp-block-image figcaption { margin-bottom: 0; max-height: 5em; overflow-x: auto; } .post_content .has-drop-cap + * { clear: both; padding-top: 1em; } .post_content > .gallery, .post_content > [class^=" wp-block-"], .post_content > [class^="wp-block-"] { margin-bottom: 1em; } .wp-block-latest-posts, .wp-block-latest-comments, .wp-block-latest-comments { padding-left: 0; } .post_content .page_links { display: flex; justify-content: center; align-items: center; padding: 0; } /* Custom layout */ .sc_layouts_row_type_compact .sc_layouts_item_link { padding: 0.858em 2.143rem; font-weight: 500; border: 1px solid; } .sc_layouts_row_type_compact .sc_layouts_item_link .sc_layouts_item_text{ font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase; margin-right: 5px; } .sc_layouts_row_type_compact .sc_layouts_item_link .sc_layouts_item_icon{ height: auto; line-height: inherit; width: auto; } .sc_layouts_row_type_compact a[href*='tel'] { border-width: 0; } .wp-block-cover.aligncenter { display: flex !important; } .wp-block-media-text .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text .wp-block-media-text__content > *:last-child { margin-bottom: 0; } .has-large-font-size { font-size: 2.25em; line-height: 1em; } .wpcf7-form-control-wrap.wpgdprc .wpcf7-list-item{ margin: 0; } .post_item_single::after { content: ' '; display: block; width: 100%; height: 0; clear: both; } .wp-block-gallery.alignleft{ margin-right: 2em; } .wp-block-gallery.columns-3.is-cropped.alignfull{ margin-bottom: 2em !important; } p[style*="font-size:"], .has-large-font-size, .has-huge-font-size, .has-small-font-size, .has-normal-font-size, .has-medium-font-size { line-height: 1.1em; }