芝麻web文件管理V1.00
编辑当前文件:/home4/randall/public_html/sl/wp-content/themes/lorem-ipsum-books-media-store/style.css
/* Theme Name: Lorem Ipsum Books & Media Store Theme URI: http://loremipsum.themerex.net/ Description: Lorem Ipsum Books & Media Store - Multipurpose and Multiskin Responsive WordPress theme Author: ThemeREX Author URI: https://themerex.net/ Version: 1.2.2 Engine Version: 3.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,flexible-header,buddypress,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,front-page-post-form,full-width-template,microformats,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,holiday Text Domain: lorem-ipsum-books-media-store */ /* 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 7.2 Main Slider 7.3 Page top: page title and breadcrumbs 7.4 Main content wrapper 7.5 Post Formats 7.6 Post Layouts 7.7 Paginations 8. Single page parts 8.1 Attachment and Portfolio post navigation 8.2 Reviews block 8.3 Post author 8.4 Comments 8.5 Page 404 8.8 Team member 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,.wp-block-button__link, 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; outline: none; } html, body { margin: 0; padding: 0; width: 100%; line-height:150%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 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 { outline: none; } /* 2. Default tag's settings -------------------------------------------------------------- */ body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } h1, h2, h3, h4, h5, h6 { line-height:120%; } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, address { margin: 0; } h1+h2,h1+h3,h1+h4,h1+h5,h1+h6, h2+h3,h2+h4,h2+h5,h2+h6, h3+h4,h3+h5,h3+h6, h4+h5,h4+h6, h5+h6 { margin-top:0; } h3 { letter-spacing: 0.0417em; } h4 { letter-spacing: 0.0055em; } h5 { text-transform: uppercase; letter-spacing: 0.0312em; } h6 { text-transform: uppercase; letter-spacing: 0.0583em; } dt, b, strong { font-weight: 500; } p, ul, ol, dl, blockquote, address { margin-bottom: 1.5em; } li > ol, li > ul { margin-bottom:0; } ul>li, ol>li, dl>dd { margin-bottom:0; } li>ul, li>ol, dd>dl { margin-top:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, button { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } :active, :focus { outline:0; } /* Tables */ table { border-collapse:collapse; border-spacing: 0; overflow-x: auto; width: fit-content; max-width: 100%; margin: auto; margin-left: 0; } td, th { border: 1px solid #e4e7e8; padding: 4px; } caption, th { font-weight: bold; text-align: center; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" "";} dt { font-weight: bold; } dd { margin-left: 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { padding: 0.7em; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { overflow: auto; max-width: 100%; } abbr, acronym { border-bottom: 1px dotted; text-decoration: none; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; font-style:italic; font-weight:bold; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } [hidden], template { display: none; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /* Images */ img { max-width: 100%; height: auto; vertical-align:top; } figure, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; height: auto; } figure figcaption, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-captionr .wp-caption-dd, .wp-caption .wp-caption-text, .wp-captionr .wp-caption-dd, .gallery dl.gallery-item dd.gallery-caption, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; background-color: rgba(0,0,0,0.5); font-size: 0.75em; font-weight: 900; line-height:1.2857em; text-transform: uppercase; color: #fff; padding: 1.4167em 1em; text-align: center; } figure:not(.wp-block-gallery):hover figcaption.blocks-gallery-item__caption, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: 0; opacity: 0; } svg:not(:root) { overflow: hidden; } .centered_text { text-align: center; } /* 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; } /* Media Elements player hook */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ /* 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 -------------------------------------------------------------- */ button,.wp-block-button__link, input, optgroup, select, textarea { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ line-height: 1.2857em; margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } select{ -moz-appearance: textfield; } select::-ms-expand { display: none; } button,.wp-block-button__link, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } button { overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button.search_submit{ border: none; } button[disabled], html input[disabled] { cursor: default; pointer-events: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea, select, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ display: inline-block; vertical-align: baseline; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } 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; } input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"], input[type="search"], select, textarea { -webkit-appearance: none; outline: none; resize: none; padding: 1.125em 1.625em; border:solid 2px #cccccc; font-size: 1em; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } button::-moz-focus-inner { border: 0; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select, textarea:focus { outline: none; } textarea:not(.editor-post-title__input) { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:5em; } label.required:after { content:'*'; display:inline; margin-left:0.5em; vertical-align:text-top; font-size:80%; color:#da6f5b; } textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { -moz-opacity:1; -khtml-opacity:1; opacity:1; filter: alpha(opacity=100); } textarea::-moz-placeholder, input::-moz-placeholder { -moz-opacity:1; -khtml-opacity:1; opacity:1; filter: alpha(opacity=100); } textarea:-moz-placeholder, input:-moz-placeholder { -moz-opacity:1; -khtml-opacity:1; opacity:1; filter: alpha(opacity=100); } textarea:-ms-input-placeholder, input:-ms-input-placeholder { -moz-opacity:1; -khtml-opacity:1; opacity:1; filter: alpha(opacity=100); } .widget select { width: 100%; max-width: 100%; } /* ======================== INPUT'S STYLES ================== */ /* Common rules */ [class*="sc_input_hover_"] .sc_form_item, [class*="sc_input_hover_"] .comments_field { position:relative; z-index:1; } [class*="sc_input_hover_"] input[type="text"], [class*="sc_input_hover_"] input[type="number"], [class*="sc_input_hover_"] input[type="email"], [class*="sc_input_hover_"] input[type="password"], [class*="sc_input_hover_"] input[type="search"], [class*="sc_input_hover_"] input[type="tel"], [class*="sc_input_hover_"] select, [class*="sc_input_hover_"] textarea { font-size:1em; text-align:left !important; width:100%; } [class*="sc_input_hover_"] input[type="text"]:focus, [class*="sc_input_hover_"] input[type="tel"]:focus, [class*="sc_input_hover_"] input[type="number"]:focus, [class*="sc_input_hover_"] input[type="email"]:focus, [class*="sc_input_hover_"] input[type="password"]:focus, [class*="sc_input_hover_"] input[type="search"]:focus, [class*="sc_input_hover_"] select:focus, [class*="sc_input_hover_"] textarea:focus { outline: none; } [class*="sc_input_hover_"] input[type="text"] + label, [class*="sc_input_hover_"] input[type="tel"] + label, [class*="sc_input_hover_"] input[type="number"] + label, [class*="sc_input_hover_"] input[type="email"] + label, [class*="sc_input_hover_"] input[type="password"] + label, [class*="sc_input_hover_"] input[type="search"] + label, [class*="sc_input_hover_"] select + label, [class*="sc_input_hover_"] textarea + label { position:absolute; z-index:1; top: 0; left: 0; width: 100%; font-size:1.2857em; text-align: left !important; overflow: visible; padding: 0; pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [class*="sc_input_hover_"] input[type="text"] + label.required:after, [class*="sc_input_hover_"] input[type="tel"] + label.required:after, [class*="sc_input_hover_"] input[type="number"] + label.required:after, [class*="sc_input_hover_"] input[type="email"] + label.required:after, [class*="sc_input_hover_"] input[type="password"] + label.required:after, [class*="sc_input_hover_"] input[type="search"] + label.required:after, [class*="sc_input_hover_"] select + label.required:after, [class*="sc_input_hover_"] textarea + label.required:after { display:none; } [class*="sc_input_hover_"] input[type="text"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="tel"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="number"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="email"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="password"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="search"] + label > .sc_form_label_content, [class*="sc_input_hover_"] select + label > .sc_form_label_content, [class*="sc_input_hover_"] textarea + label > .sc_form_label_content { position: relative; display: block; width: 100%; } [class*="sc_input_hover_"] input[type="text"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="tel"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="number"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="email"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="password"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="search"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] textarea + label.required > .sc_form_label_content:after { content: '*'; vertical-align:top; margin-left:0.3em; font-size:80%; color:#da6f5b; } /* Accent */ .sc_input_hover_accent input[type="text"], .sc_input_hover_accent input[type="tel"], .sc_input_hover_accent input[type="number"], .sc_input_hover_accent input[type="email"], .sc_input_hover_accent input[type="password"], .sc_input_hover_accent input[type="search"], .sc_input_hover_accent select, .sc_input_hover_accent textarea { box-shadow: 0px 0px 0px 2px transparent; -webkit-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; transition: box-shadow 0.3s; -webkit-appearance: none; /* for box shadows to show on iOS */ } .sc_input_hover_accent input[type="text"] + label, .sc_input_hover_accent input[type="tel"] + label, .sc_input_hover_accent input[type="number"] + label, .sc_input_hover_accent input[type="email"] + label, .sc_input_hover_accent input[type="password"] + label, .sc_input_hover_accent input[type="search"] + label, .sc_input_hover_accent select + label, .sc_input_hover_accent textarea + label { position:static; } .sc_input_hover_accent input[type="text"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="tel"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="number"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="email"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="password"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="search"] + label > .sc_form_label_content, .sc_input_hover_accent select + label > .sc_form_label_content, .sc_input_hover_accent textarea + label > .sc_form_label_content { padding: 0.3em 1em 1em; } .sc_input_hover_accent input[type="text"] + label:before, .sc_input_hover_accent input[type="tel"] + label:before, .sc_input_hover_accent input[type="number"] + label:before, .sc_input_hover_accent input[type="email"] + label:before, .sc_input_hover_accent input[type="password"] + label:before, .sc_input_hover_accent input[type="search"] + label:before, .sc_input_hover_accent select + label:after, .sc_input_hover_accent textarea + label:after { content: ' '; display:block !important; position: absolute; z-index: -1; top: 0; left:0; width: 100%; height: 4em; box-shadow: 0px 0px 0px 0px; } .select_container { width:100%; overflow:hidden; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-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'; font-weight: 700; 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:hover:after { opacity: .7; } .select_container select { width: 100%; } .sc_input_hover_accent textarea + label:before { height: 10em; } .sc_input_hover_accent input[type="text"]:focus + label, .sc_input_hover_accent input[type="tel"]:focus + label, .sc_input_hover_accent input[type="number"]:focus + label, .sc_input_hover_accent input[type="email"]:focus + label, .sc_input_hover_accent input[type="password"]:focus + label, .sc_input_hover_accent input[type="search"]:focus + label, .sc_input_hover_accent select:focus + label, .sc_input_hover_accent textarea:focus + label { pointer-events: none; } .sc_input_hover_accent input[type="text"]:focus + label:before, .sc_input_hover_accent input[type="tel"]:focus + label:before, .sc_input_hover_accent input[type="number"]:focus + label:before, .sc_input_hover_accent input[type="email"]:focus + label:before, .sc_input_hover_accent input[type="password"]:focus + label:before, .sc_input_hover_accent input[type="search"]:focus + label:before, .sc_input_hover_accent select:focus + label:after, .sc_input_hover_accent textarea:focus + label:after { -webkit-animation: anim-accent 0.3s forwards; -ms-animation: anim-accent 0.3s forwards; animation: anim-accent 0.3s forwards; } @-webkit-keyframes anim-accent { to { box-shadow: 0px 0px 100px 50px; opacity: 0; } } @keyframes anim-accent { to { box-shadow: 0px 0px 100px 50px; opacity: 0; } } /* Path */ .sc_input_hover_path .sc_form_item { margin-bottom: 3em !important; } .sc_input_hover_path input[type="text"], .sc_input_hover_path input[type="tel"], .sc_input_hover_path input[type="number"], .sc_input_hover_path input[type="email"], .sc_input_hover_path input[type="password"], .sc_input_hover_path input[type="search"], .sc_input_hover_path textarea { background: transparent !important; } .sc_input_hover_path input[type="text"] + label, .sc_input_hover_path input[type="tel"] + label, .sc_input_hover_path input[type="number"] + label, .sc_input_hover_path input[type="email"] + label, .sc_input_hover_path input[type="password"] + label, .sc_input_hover_path input[type="search"] + label, .sc_input_hover_path textarea + label { height: 100%; cursor: text; } .sc_input_hover_path input[type="text"] + label:before, .sc_input_hover_path input[type="tel"] + label:before, .sc_input_hover_path input[type="number"] + label:before, .sc_input_hover_path input[type="email"] + label:before, .sc_input_hover_path input[type="password"] + label:before, .sc_input_hover_path input[type="search"] + label:before, .sc_input_hover_path textarea + label:before { margin-left: 0; font-size:1.2em; } .sc_input_hover_path input[type="text"] + label > .sc_form_label_content, .sc_input_hover_path input[type="tel"] + label > .sc_form_label_content, .sc_input_hover_path input[type="number"] + label > .sc_form_label_content, .sc_input_hover_path input[type="email"] + label > .sc_form_label_content, .sc_input_hover_path input[type="password"] + label > .sc_form_label_content, .sc_input_hover_path input[type="search"] + label > .sc_form_label_content, .sc_input_hover_path textarea + label > .sc_form_label_content { padding: 1em; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s; -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } .sc_input_hover_path input[type="text"] + label > .sc_form_graphic, .sc_input_hover_path input[type="tel"] + label > .sc_form_graphic, .sc_input_hover_path input[type="number"] + label > .sc_form_graphic, .sc_input_hover_path input[type="email"] + label > .sc_form_graphic, .sc_input_hover_path input[type="password"] + label > .sc_form_graphic, .sc_input_hover_path input[type="search"] + label > .sc_form_graphic, .sc_input_hover_path textarea + label > .sc_form_graphic { position: absolute; top: 0; left: 0; fill: none; -webkit-transform: scale3d(1, -1, 1); -ms-transform: scale3d(1, -1, 1); transform: scale3d(1, -1, 1); -webkit-transition: stroke-dashoffset 0.3s; -ms-transition: stroke-dashoffset 0.3s; transition: stroke-dashoffset 0.3s; pointer-events: none; stroke: #ddd; stroke-width: 2px; stroke-dasharray: 962; stroke-dashoffset: 558; } .sc_input_hover_path input[type="text"]:focus + label, .sc_input_hover_path input[type="tel"]:focus + label, .sc_input_hover_path input[type="number"]:focus + label, .sc_input_hover_path input[type="email"]:focus + label, .sc_input_hover_path input[type="password"]:focus + label, .sc_input_hover_path input[type="search"]:focus + label, .sc_input_hover_path textarea:focus + label, .sc_input_hover_path input[type="text"].filled + label, .sc_input_hover_path input[type="tel"].filled + label, .sc_input_hover_path input[type="number"].filled + label, .sc_input_hover_path input[type="email"].filled + label, .sc_input_hover_path input[type="password"].filled + label, .sc_input_hover_path input[type="search"].filled + label, .sc_input_hover_path textarea.filled + label { cursor: default; pointer-events: none; } .sc_input_hover_path input[type="text"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="tel"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="number"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="email"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="password"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="search"]:focus + label > .sc_form_graphic, .sc_input_hover_path textarea:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="text"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="tel"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="number"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="email"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="password"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="search"].filled + label > .sc_form_graphic, .sc_input_hover_path textarea.filled + label > .sc_form_graphic { stroke-dashoffset: 0; } .sc_input_hover_path input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="tel"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_path textarea:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="tel"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="search"].filled + label > .sc_form_label_content, .sc_input_hover_path textarea.filled + label > .sc_form_label_content { padding: 0.3em 1.25em; -webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0); -ms-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0); transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0); } .sc_input_hover_path textarea:focus + label > .sc_form_label_content, .sc_input_hover_path textarea.filled + label > .sc_form_label_content { -webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0); -ms-transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0); transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0); } /* Jump */ .sc_input_hover_jump .sc_form_item { padding-top: 2em; } .sc_input_hover_jump input[type="text"], .sc_input_hover_jump input[type="tel"], .sc_input_hover_jump input[type="number"], .sc_input_hover_jump input[type="email"], .sc_input_hover_jump input[type="password"], .sc_input_hover_jump input[type="search"], .sc_input_hover_jump textarea { border: 2px solid #ddd; } .sc_input_hover_jump input[type="text"] + label, .sc_input_hover_jump input[type="tel"] + label, .sc_input_hover_jump input[type="number"] + label, .sc_input_hover_jump input[type="email"] + label, .sc_input_hover_jump input[type="password"] + label, .sc_input_hover_jump input[type="search"] + label, .sc_input_hover_jump textarea + label { overflow:hidden; -webkit-transform: translate3d(0, 2.7em, 0); -ms-transform: translate3d(0, 2.7em, 0); transform: translate3d(0, 2.7em, 0); } .sc_input_hover_jump input[type="text"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="tel"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="number"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="email"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="password"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="search"] + label > .sc_form_label_content, .sc_input_hover_jump textarea + label > .sc_form_label_content { padding: 0 1em; } .sc_input_hover_jump .sc_form_label_content:before { content: attr(data-content); position: absolute; top: -200%; left: 0; font-weight: bold; margin:0; } .sc_input_hover_jump input[type="text"]:focus + label, .sc_input_hover_jump input[type="tel"]:focus + label, .sc_input_hover_jump input[type="number"]:focus + label, .sc_input_hover_jump input[type="email"]:focus + label, .sc_input_hover_jump input[type="password"]:focus + label, .sc_input_hover_jump input[type="search"]:focus + label, .sc_input_hover_jump textarea:focus + label, .sc_input_hover_jump input[type="text"].filled + label, .sc_input_hover_jump input[type="tel"].filled + label, .sc_input_hover_jump input[type="number"].filled + label, .sc_input_hover_jump input[type="email"].filled + label, .sc_input_hover_jump input[type="password"].filled + label, .sc_input_hover_jump input[type="search"].filled + label, .sc_input_hover_jump textarea.filled + label { -webkit-animation: anim-jump-1 0.25s forwards; -ms-animation: anim-jump-1 0.25s forwards; animation: anim-jump-1 0.25s forwards; } .sc_input_hover_jump input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="tel"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_jump textarea:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="tel"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="search"].filled + label > .sc_form_label_content, .sc_input_hover_jump textarea.filled + label > .sc_form_label_content { -webkit-animation: anim-jump-2 0.25s forwards ease-in; -ms-animation: anim-jump-2 0.25s forwards ease-in; animation: anim-jump-2 0.25s forwards ease-in; } @-webkit-keyframes anim-jump-1 { 0%, 70% { -webkit-transform: translate3d(0, 3em, 0); transform: translate3d(0, 3em, 0); } 71%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes anim-jump-2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 70%, 71% { -webkit-transform: translate3d(0, 125%, 0); transform: translate3d(0, 125%, 0); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } } @keyframes anim-jump-1 { 0%, 70% { -webkit-transform: translate3d(0, 3em, 0); transform: translate3d(0, 3em, 0); } 71%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes anim-jump-2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 70%, 71% { opacity: 0; -webkit-transform: translate3d(0, 125%, 0); transform: translate3d(0, 125%, 0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } } /* Underline */ .sc_input_hover_underline .sc_form_item { margin-bottom: 3em !important; } .sc_input_hover_underline input[type="text"], .sc_input_hover_underline input[type="tel"], .sc_input_hover_underline input[type="number"], .sc_input_hover_underline input[type="email"], .sc_input_hover_underline input[type="password"], .sc_input_hover_underline input[type="search"], .sc_input_hover_underline textarea { background-color: transparent !important; padding: 0.5em 0 !important; } .sc_input_hover_underline input[type="text"] + label, .sc_input_hover_underline input[type="tel"] + label, .sc_input_hover_underline input[type="number"] + label, .sc_input_hover_underline input[type="email"] + label, .sc_input_hover_underline input[type="password"] + label, .sc_input_hover_underline input[type="search"] + label, .sc_input_hover_underline textarea + label { padding: 0.5em 0; overflow:visible; } .sc_input_hover_underline input[type="text"] + label:before, .sc_input_hover_underline input[type="tel"] + label:before, .sc_input_hover_underline input[type="number"] + label:before, .sc_input_hover_underline input[type="email"] + label:before, .sc_input_hover_underline input[type="password"] + label:before, .sc_input_hover_underline input[type="search"] + label:before, .sc_input_hover_underline textarea + label:before { content: ' '; display:block !important; position: absolute; width: 100%; height: 5px; left: 0; top: auto; bottom: 0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; } .sc_input_hover_underline input[type="text"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="tel"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="number"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="email"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="password"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="search"] + label > .sc_form_label_content, .sc_input_hover_underline textarea + label > .sc_form_label_content { padding: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; } .sc_input_hover_underline textarea + label > .sc_form_label_content { display: block; height: 9.2em; } .sc_input_hover_underline input[type="text"]:focus + label:before, .sc_input_hover_underline input[type="tel"]:focus + label:before, .sc_input_hover_underline input[type="number"]:focus + label:before, .sc_input_hover_underline input[type="email"]:focus + label:before, .sc_input_hover_underline input[type="password"]:focus + label:before, .sc_input_hover_underline input[type="search"]:focus + label:before, .sc_input_hover_underline textarea:focus + label:before, .sc_input_hover_underline input[type="text"].filled + label:before, .sc_input_hover_underline input[type="tel"].filled + label:before, .sc_input_hover_underline input[type="number"].filled + label:before, .sc_input_hover_underline input[type="email"].filled + label:before, .sc_input_hover_underline input[type="password"].filled + label:before, .sc_input_hover_underline input[type="search"].filled + label:before, .sc_input_hover_underline textarea.filled + label:before { -webkit-transform: scale3d(1, 0.4, 1); -ms-transform: scale3d(1, 0.4, 1); transform: scale3d(1, 0.4, 1); } .sc_input_hover_underline input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="tel"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="tel"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="search"].filled + label > .sc_form_label_content { -webkit-transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1); -ms-transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1); transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1); } .sc_input_hover_underline textarea:focus + label > .sc_form_label_content, .sc_input_hover_underline textarea.filled + label > .sc_form_label_content { -webkit-transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1); -ms-transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1); transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1); } /* Iconed */ .sc_input_hover_iconed input[type="text"], .sc_input_hover_iconed input[type="tel"], .sc_input_hover_iconed input[type="number"], .sc_input_hover_iconed input[type="email"], .sc_input_hover_iconed input[type="password"], .sc_input_hover_iconed input[type="search"], .sc_input_hover_iconed textarea { padding: 0.8em 0.8em 0.8em 2.8em !important; } .sc_input_hover_iconed input[type="text"] + label, .sc_input_hover_iconed input[type="tel"] + label, .sc_input_hover_iconed input[type="number"] + label, .sc_input_hover_iconed input[type="email"] + label, .sc_input_hover_iconed input[type="password"] + label, .sc_input_hover_iconed input[type="search"] + label, .sc_input_hover_iconed textarea + label { overflow:hidden; padding:0.6em !important; margin: 0; } .sc_input_hover_iconed input[type="text"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="tel"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"] + label > .sc_form_label_content, .sc_input_hover_iconed textarea + label > .sc_form_label_content { display: inline-block !important; width: auto; -webkit-transform: translate3d(-1.4em, 0, 0); -ms-transform: translate3d(-1.4em, 0, 0); transform: translate3d(-1.4em, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .sc_input_hover_iconed input[type="text"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="tel"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="number"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="email"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="password"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="search"] + label > .sc_form_label_icon, .sc_input_hover_iconed textarea + label > .sc_form_label_icon { display: inline-block; font-size: 1.1111em; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align:center !important; position:relative; -webkit-transform: translate3d(-3em, 0, 0); -ms-transform: translate3d(-3em, 0, 0); transform: translate3d(-3em, 0, 0); -webkit-transition: -webkit-transform 0.3s; -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } .sc_input_hover_iconed input[type="text"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="tel"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="number"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="email"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="password"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="search"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed textarea + label > .sc_form_label_icon:before { position:static !important; margin:0 !important; padding:0 !important; font-style:normal !important; left: auto; top: auto; width: auto; height: auto; line-height:inherit; } .sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="tel"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed textarea:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="tel"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_content, .sc_input_hover_iconed textarea.filled + label > .sc_form_label_content { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); -ms-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } .sc_input_hover_iconed label > .sc_form_label_content, .sc_input_hover_iconed label > .sc_form_label_icon, .sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="tel"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed textarea:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="tel"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_content, .sc_input_hover_iconed textarea.filled + label > .sc_form_label_content { -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } .sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="tel"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed textarea:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="tel"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed textarea.filled + label > .sc_form_label_icon { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ======================== END INPUT'S STYLES ================== */ /* 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; line-height: 1; font-size: .8em; font-style: normal; padding: 1em 1.5em; color: #21759b; background-color: #f1f1f1; border-radius: 3px; clip: auto !important; text-decoration: none; /* Above WP toolbar */ z-index: 100000; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } .alignleft { display: inline-block; float: left; margin-right: 2.375em; margin-top: 0.5em; margin-bottom: 1em; } .alignright { display: inline-block; float: right; margin-left: 2.375em; margin-top: 0.5em; margin-bottom: 1em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; margin-top: 0.5em; margin-bottom: 1em; text-align:center; } .sticky { position:relative; } .sticky .sticky_label { position:absolute; right:0; top: 0; width:3em; height:3em; background-image:url(images/sticky.png); background-repeat:no-repeat; background-position:right top; background-size:3em 3em; } .gallery-caption {outline: 0;} .bypostauthor {outline: 0;} .wp-caption { position: relative; overflow:hidden; max-width:100%; } .wp-caption a[class*="magnific"], .wp-caption a[class*="prettyPhoto"] { display: block; } .wp-caption a[class*="magnific"] img, .wp-caption a[class*="prettyPhoto"] img { vertical-align: top; } .gallery { margin: 0 -5px; } .gallery dl { margin: 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: 100%; margin: 0; font-size: 0.67em; max-height: 70%; overflow: auto; } .gallery[class*="gallery-columns-"] .gallery-item { display: inline-block; } .gallery[class*="gallery-columns-"] .gallery-item .gallery-caption { margin: 0 5px; } .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; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.625em; } .gallery .gallery-item:hover figcaption { opacity: 0; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:10px; } .single-team .post_featured + .post_content > .vc_row:first-child .vc_col-sm-12 { float: none; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .row, .columns_wrap { margin-left: 0px; margin-right: -20px; text-align: center; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; } .row.column_padding_left, .columns_wrap.column_padding_left { margin-left: -20px; margin-right: 0; } .row.column_padding_left > [class*="column-"], .columns_wrap.column_padding_left > [class*="column-"], .row > [class*="column-"].column_padding_left, .columns_wrap > [class*="column-"].column_padding_left { padding-left:20px; padding-right:0; } .row.column_padding_right, .columns_wrap.column_padding_right { margin-left: 0; margin-right: -20px; } .row.column_padding_right > [class*="column-"], .columns_wrap.column_padding_right > [class*="column-"], .row > [class*="column-"].column_padding_right, .columns_wrap > [class*="column-"].column_padding_right { padding-left:0; padding-right:20px; } .row.column_padding_center, .columns_wrap.column_padding_center { margin-left: -10px; margin-right: -10px; } .row.column_padding_center > [class*="column-"], .columns_wrap.column_padding_center > [class*="column-"], .row > [class*="column-"].column_padding_center, .columns_wrap > [class*="column-"].column_padding_center { padding-left:10px; padding-right:10px; } .row > [class*="column-"].column_padding_bottom, .columns_wrap > [class*="column-"].column_padding_bottom { padding-bottom: 20px; } .sc_blogger.no_margins .row, .sc_blogger.no_margins .columns_wrap, .row.no_margins, .columns_wrap.no_margins { margin: 0 !important; } .sc_blogger.no_margins .row > [class*="column-"], .sc_blogger.no_margins .columns_wrap > [class*="column-"], .row.no_margins > [class*="column-"], .columns_wrap.no_margins > [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:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { 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); 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; } .column_transpose.sc_columns_count_4 .sc_column_item:first-child + .sc_column_item { float: right; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap, .content_wrap { margin:0 auto; position: relative; } .body_style_boxed .page_wrap { width:1230px; } .slider_boxed, .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: auto; padding-left:30px; padding-right:30px; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Content and Sidebar */ .sidebar_show .content { width: 770px; } .sidebar { width: 370px; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } .sidebar .sidebar_inner { padding-top: 0.375em; } .woocommerce .sidebar .sidebar_inner { padding-top: 0; } .woocommerce .pswp { z-index: 9999999; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide.sidebar_show .content, .body_style_fullscreen.sidebar_show .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 400px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -360px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 400px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-360px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Transparent body */ .body_transparent .page_wrap, .body_transparent .copy_wrap, .body_transparent .widget_area_inner { background-color: transparent; } /* Sidebar outer */ .sidebar_outer { width: 290px; position: absolute; top:0; bottom:0; z-index:99998; } .sidebar_outer_inner { position: absolute; top:0; bottom:0; left: 0; right: 0; } .sidebar_outer_show .outer_wrap { overflow:hidden; position:relative; } .sidebar_outer_left .sidebar_outer { left: 0; right: auto; } .sidebar_outer_left .body_wrap { padding-left: 290px; } .sidebar_outer_right .sidebar_outer { left: auto; right: 0; } .sidebar_outer_right .body_wrap { padding-right: 290px; } .sidebar_outer .logo img { max-width:210px; } /* Boxed style for articles and sidebar */ .page_content_wrap { padding: 7.75em 0 8.125em; } .page_content_wrap.page_paddings_no, .body_style_fullscreen .page_content_wrap { padding:0; } .article_style_boxed .content > article > .post_content, .article_style_boxed[class*="single-"] .content > .comments_wrap, .article_style_boxed[class*="single-"] .content > article > .post_info_share { padding: 2.1429em; } .body_style_fullscreen .content > article.page { padding:0; } /* With video Background */ .video_bg_show .body_wrap { position:relative; } .video_bg_show .video_bg { position:fixed; z-index:-1; top:0; left:0; width:100%; height:100%; } .video_bg_show .video_bg_overlay:after { content: ' '; position:absolute; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.3); z-index:3; background-image:url(images/bg/texture_7.png); } /* 7. Section's decorations -------------------------------------------------------------- */ /* 7.1 Header -------------------------------------------------------------- */ .header_wrap { background-position: center bottom; background-repeat: no-repeat; position: relative; } .header_wrap:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } /* Top panel */ .top_panel_wrap { position:relative; } .top_panel_over .top_panel_wrap { position:absolute; top:0; left:0; right:0; z-index:10000; } body:not(.top_panel_fixed) .top_panel_position_over.top_panel_wrap_inner, body:not(.top_panel_fixed) .top_panel_position_over .top_panel_top, body:not(.top_panel_fixed) .top_panel_position_over .top_panel_middle, body:not(.top_panel_fixed) .top_panel_position_over .top_panel_bottom { background: none !important; } .top_panel_wrap [class^="icon-"]::before, .top_panel_wrap [class*=" icon-"]::before { margin-right:0.5em; } /* Fixed panel */ .top_panel_fixed_wrap { display:none; } .top_panel_fixed:not(.top_panel_over) .top_panel_fixed_wrap { display:block; } .top_panel_fixed .top_panel_wrap { position:fixed; top:0; left:0; right:0; z-index:99999; -webkit-box-shadow: -4px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0 rgba(0, 0, 0, 0.2); } .sidebar_outer_left.top_panel_fixed .top_panel_wrap { left:290px; } .sidebar_outer_right.top_panel_fixed .top_panel_wrap { right:290px; } .top_panel_fixed .top_panel_top, .top_panel_fixed .top_panel_style_1 .top_panel_middle, .top_panel_fixed .top_panel_style_2 .top_panel_middle { display:none; } .top_panel_fixed .top_panel_style_5 .contact_logo { float: left; } .top_panel_fixed .top_panel_middle { min-height:0; } .top_panel_fixed .menu_main_wrap { margin-top:0; } .admin-bar.top_panel_fixed .top_panel_wrap { top:32px; } /* Top panel (top area) */ .top_panel_top { min-height: 2.5em; margin-top: 0; position: relative; z-index: 1000; text-transform: uppercase; font-family: 'Montserrat'; font-size: 0.625em; line-height: 1.2em; font-weight: 400; letter-spacing: 0.08em; } .top_panel_style_4 .top_panel_top:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; display: block; -webkit-background-size: 3px 3px !important; background-size: 3px 3px !important; opacity: 0.2; filter: alpha(opacity=20); } .top_panel_top_contact_area { float: left; padding: 1.4em 0; } .top_panel_top_open_hours { float: left; margin: 1.4em 0 1.4em 10.7em; } .top_panel_top_user_area { float: right; padding: 1.4em 0; } .top_panel_top_socials { float:right; } .top_panel_top_search, .menu_user_nav { float:left; } .top_panel_top_search { margin: -0.4em 4.1em -0.7em 0; cursor: default; } .top_panel_top_socials { margin: -0.4em 0 -0.5em 5em; height: 2.1em; } .top_panel_wrap .sc_socials a:before, .top_panel_wrap .sc_socials [class*="icon-"]:before { margin-right:0; } .top_panel_wrap ul { margin:0; padding:0; list-style-type:none; } .top_panel_wrap li { margin-bottom: 0; position:relative; } .top_panel_wrap li li { padding:0.5em 1.5em; } .top_panel_wrap li li > a { position:relative; border-bottom: solid 1px #FFFFFF; } .top_panel_wrap li li.menu-item-has-children > a:after { content: '\e913'; font-family: 'fontello'; position:absolute; text-align: right; right:-6px; font-size: 0.6667em; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* User menu */ .menu_user_nav > li a { font-weight:400; } .menu_user_nav > li li { line-height:1.5em; } .menu_user_register:after, .menu_user_controls:after { content: '/'; padding: 0 0.4em 0 0.3em; } .menu_user_cart { margin-left: 4.8em; } .menu_user_nav > li ul:not(.cart_list) { width:12em; padding: 1.25em; } .menu_user_nav > li.menu_user_bookmarks ul { width:15em; } .menu_user_nav > li > ul { left:0; top:3.7em; } .menu_user_nav > li > ul ul { left:12em; margin-left:4px; top:-0.5em; } .menu_user_nav > li > ul ul.submenu_left { left:-12em; margin-left:-1px; } .menu_user_nav > li.menu_user_controls .user_avatar { display: inline-block; border: 1px solid #ddd; margin: -0.4em 0.8em -0.4em 0; overflow: hidden; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 1.5em; height: 1.5em; line-height:1em; position: relative; } /* Main and user menu */ .menu_main_nav_area { position:relative; display:none; } .top_panel_style_2.menu_show .menu_main_nav_area { display: inline-block; } .menu_show .menu_main_nav_area { display:block; } .menu_user_nav > li:first-child { margin-left:0; } .menu_user_nav > li, .menu_main_nav > li { position:relative; float:left; z-index:20; } .top_panel_style_2 .menu_user_nav > li, .top_panel_style_2 .menu_main_nav > li { position:relative; float:none; display: inline-block; z-index:20; } .menu_main_nav > li+li { z-index:19; } .menu_main_nav > li+li+li { z-index:18; } .menu_main_nav > li+li+li+li { z-index:17; } .menu_main_nav > li+li+li+li+li { z-index:16; } .menu_main_nav > li+li+li+li+li+li { z-index:15; } .menu_main_nav > li+li+li+li+li+li+li { z-index:14; } .menu_main_nav > li+li+li+li+li+li+li+li { z-index:13; } .menu_main_nav > li+li+li+li+li+li+li+li+li { z-index:12; } .menu_main_nav > li+li+li+li+li+li+li+li+li+li { z-index:11; } .menu_user_nav > li { z-index:30; } .menu_user_nav > li+li { z-index:29; } .menu_user_nav > li+li+li { z-index:28; } .menu_user_nav > li+li+li+li { z-index:27; } .menu_user_nav > li+li+li+li+li { z-index:26; } .menu_user_nav > li+li+li+li+li+li { z-index:25; } .menu_user_nav > li+li+li+li+li+li+li { z-index:24; } .menu_user_nav > li+li+li+li+li+li+li+li { z-index:23; } .menu_user_nav > li+li+li+li+li+li+li+li+li { z-index:22; } .menu_user_nav > li+li+li+li+li+li+li+li+li+li { z-index:21; } .menu_user_nav > li > ul, .menu_main_nav > li ul { position:absolute; display:none; z-index:10000; } .menu_main_nav > li + li { margin-left: 3em; } .top_panel_style_2 .menu_main_nav > li + li { margin-left: 4.6875em; } .menu_main_nav > li > a { display: block; text-transform:uppercase; letter-spacing: 0.0909em; border-bottom: solid 1px #FFFFFF; cursor: pointer; } .menu_main_nav > li ul { width:220px; padding: 0.9167em 0 1.0833em; } .menu_main_nav > li > ul { left:0; top:40px; display: none; text-align: left; } .menu_main_nav > li > ul ul { left: 222px; top: -16px; } .menu_main_nav > li > ul ul.submenu_left { left:-221px; } .menu_main_nav > li ul a { display: block; text-transform:uppercase; letter-spacing: 0.0909em; padding: 0; border: none; cursor: pointer; } .menu_main_nav > li ul a span { border-bottom: solid 1px #000000; } .menu_main_nav > li li { padding: 0; } /* ---------------------- MENU HOVERS ----------------------- */ /* Slide Line and Slide Box */ .menu_main_nav > li#blob { position: absolute; top: 0; z-index : 1; opacity:0; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ } .menu_main_nav > li.blob_over:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover, .menu_main_nav > li.blob_over:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor).sfHover { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .menu_hover_slide_line .menu_main_nav > li#blob { height: 2px; margin: 3.8em 0 0 1.5em; } /* Zoom Line */ .menu_hover_zoom_line .menu_main_nav > li > a { position:relative; } .menu_hover_zoom_line .menu_main_nav > li > a:before { content: ""; height: 2px; position: absolute; margin-left:0.25em; top: 3.8em; left: 50%; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width: 0; } .menu_hover_zoom_line .menu_main_nav > li > a:hover:before, .menu_hover_zoom_line .menu_main_nav > li.sfHover > a:before, .menu_hover_zoom_line .menu_main_nav > li.current-menu-item > a:before, .menu_hover_zoom_line .menu_main_nav > li.current-menu-parent > a:before, .menu_hover_zoom_line .menu_main_nav > li.current-menu-ancestor > a:before { width: 80%; } /* Path Line */ .menu_hover_path_line .menu_main_nav > li > a { position:relative; } .menu_hover_path_line .menu_main_nav > li:before, .menu_hover_path_line .menu_main_nav > li:after, .menu_hover_path_line .menu_main_nav > li > a:before, .menu_hover_path_line .menu_main_nav > li > a:after { content: ' '; position: absolute; -webkit-transition: -webkit-transform 0.1s; -ms-transition: -ms-transform 0.1s; transition: transform 0.1s; -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); -ms-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); } /* left and right line */ .menu_hover_path_line .menu_main_nav > li:before, .menu_hover_path_line .menu_main_nav > li:after { top: 0.5em; bottom: 0.5em; width: 2px; -webkit-transform: scale3d(1, 0, 1); -ms-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } /* left line */ .menu_hover_path_line .menu_main_nav > li:before { left: 0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } /* right line */ .menu_hover_path_line .menu_main_nav > li:after { right: 0; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } /* top and bottom line */ .menu_hover_path_line .menu_main_nav > li > a:before, .menu_hover_path_line .menu_main_nav > li > a:after { left: 0; right: auto; width: 100%; height: 2px; -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } /* top line */ .menu_hover_path_line .menu_main_nav > li > a:before { top: 0.5em; bottom: auto; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } /* bottom line */ .menu_hover_path_line .menu_main_nav > li > a:after { top: auto; bottom: 0.5em; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } /* Delays (first reverse, then current) */ /* These rules can be simplified, but let's keep it for better readability */ /* bottom line */ .menu_hover_path_line .menu_main_nav > li > a:after { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .menu_hover_path_line .menu_main_nav > li.sfHover > a:after, .menu_hover_path_line .menu_main_nav > li > a:hover:after { -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } /* left line */ .menu_hover_path_line .menu_main_nav > li:before { -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .menu_hover_path_line .menu_main_nav > li.sfHover:before, .menu_hover_path_line .menu_main_nav > li:hover:before { -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } /* top line */ .menu_hover_path_line .menu_main_nav > li > a:before { -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .menu_hover_path_line .menu_main_nav > li > a:hover:before, .menu_hover_path_line .menu_main_nav > li.sfHover > a:before { -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /* right line */ .menu_hover_path_line .menu_main_nav > li.sfHover:after, .menu_hover_path_line .menu_main_nav > li:hover:after { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .menu_hover_path_line .menu_main_nav > li.sfHover:before, .menu_hover_path_line .menu_main_nav > li:hover:before, .menu_hover_path_line .menu_main_nav > li.sfHover:after, .menu_hover_path_line .menu_main_nav > li:hover:after, .menu_hover_path_line .menu_main_nav > li.sfHover > a:before, .menu_hover_path_line .menu_main_nav > li:hover > a:before, .menu_hover_path_line .menu_main_nav > li.sfHover > a:after, .menu_hover_path_line .menu_main_nav > li:hover > a:after, .menu_hover_path_line .menu_main_nav > li.current-menu-item:before, .menu_hover_path_line .menu_main_nav > li.current-menu-item:after, .menu_hover_path_line .menu_main_nav > li.current-menu-item > a:before, .menu_hover_path_line .menu_main_nav > li.current-menu-item > a:after, .menu_hover_path_line .menu_main_nav > li.current-menu-ancestor:before, .menu_hover_path_line .menu_main_nav > li.current-menu-ancestor:after, .menu_hover_path_line .menu_main_nav > li.current-menu-ancestor > a:before, .menu_hover_path_line .menu_main_nav > li.current-menu-ancestor > a:after, .menu_hover_path_line .menu_main_nav > li.current-menu-parent:before, .menu_hover_path_line .menu_main_nav > li.current-menu-parent:after, .menu_hover_path_line .menu_main_nav > li.current-menu-parent > a:before, .menu_hover_path_line .menu_main_nav > li.current-menu-parent > a:after { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Roll Down */ .menu_hover_roll_down .menu_main_nav > li > a:before { content: ' '; position: absolute; top: 3.8em; left: 1.5em; right: 1.5em; height: 2px; opacity: 0; -webkit-transform: translate3d(0, -3em, 0); -ms-transform: translate3d(0, -3em, 0); transform: translate3d(0, -3em, 0); -webkit-transition: -webkit-transform 0s 0.3s, opacity 0.2s; -ms-transition: transform 0s 0.3s, opacity 0.2s; transition: transform 0s 0.3s, opacity 0.2s; } .menu_hover_roll_down .menu_main_nav > li.sfHover > a:before, .menu_hover_roll_down .menu_main_nav > li > a:hover:before, .menu_hover_roll_down .menu_main_nav > li.current-menu-item > a:before, .menu_hover_roll_down .menu_main_nav > li.current-menu-ancestor > a:before, .menu_hover_roll_down .menu_main_nav > li.current-menu-parent > a:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s; -ms-transition: -webkit-transform 0.3s, opacity 0.1s; transition: transform 0.3s, opacity 0.1s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .menu_hover_roll_down .menu_main_nav > li > a > span { display: block; pointer-events: none; } .menu_hover_roll_down .menu_main_nav > li.sfHover > a > span, .menu_hover_roll_down .menu_main_nav > li > a:hover > span, .menu_hover_roll_down .menu_main_nav > li.current-menu-item > a > span, .menu_hover_roll_down .menu_main_nav > li.current-menu-ancestor > a > span, .menu_hover_roll_down .menu_main_nav > li.current-menu-parent > a > span { -webkit-animation: anim-roll-down 0.3s forwards; -ms-animation: anim-roll-down 0.3s forwards; animation: anim-roll-down 0.3s forwards; } @-webkit-keyframes anim-roll-down { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes anim-roll-down { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Color Line */ .menu_hover_color_line .menu_main_nav > li > a:hover:before, .menu_hover_color_line .menu_main_nav > li > a:focus:before { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } .menu_hover_color_line .menu_main_nav > li > a:before, .menu_hover_color_line .menu_main_nav > li > a:after { content: ''; position: absolute; top: 3.8em; left: 1.5em; right: 1.5em; margin: 0; height: 2px; -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); } .menu_hover_color_line .menu_main_nav > li.menu-item-has-children > a:before, .menu_hover_color_line .menu_main_nav > li.menu-item-has-children > a:after { right: 2em; } .menu_hover_color_line .menu_main_nav > li > a:hover, .menu_hover_color_line .menu_main_nav > li.sfHover > a:after, .menu_hover_color_line .menu_main_nav > li > a:hover:after, .menu_hover_color_line .menu_main_nav > li > a:before { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .menu_hover_color_line .menu_main_nav > li.sfHover > a:after, .menu_hover_color_line .menu_main_nav > li > a:hover:after, .menu_hover_color_line .menu_main_nav > li.sfHover > a:before, .menu_hover_color_line .menu_main_nav > li > a:hover:before, .menu_hover_color_line .menu_main_nav > li.current-menu-item > a:after, .menu_hover_color_line .menu_main_nav > li.current-menu-item > a:before, .menu_hover_color_line .menu_main_nav > li.current-menu-ancestor > a:after, .menu_hover_color_line .menu_main_nav > li.current-menu-ancestor > a:before, .menu_hover_color_line .menu_main_nav > li.current-menu-parent > a:after, .menu_hover_color_line .menu_main_nav > li.current-menu-parent > a:before { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .menu_hover_color_line .menu_main_nav > li.sfHover > a:before, .menu_hover_color_line .menu_main_nav > li > a:hover:before { -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } /* ---------------------- END MENU HOVERS ----------------------- */ /* Currency */ .menu_user_nav > li.menu_user_currency > a { padding-left:1.6em; padding-right:0.2em; } /* Bookmarks */ .menu_user_nav > li.menu_user_bookmarks li > a { position:relative; } .menu_user_nav > li.menu_user_bookmarks .bookmarks_add { border-bottom:1px solid rgba(0,0,0, 0.5); } .menu_user_nav > li.menu_user_bookmarks .bookmarks_delete { position:absolute; right:0; top:50%; margin-top:-0.5em; margin-right:0.5em; width:1em; height:1em; line-height:1em; font-size:1.25em; } /* Cart button */ .top_panel_cart_button .contact_icon { display: none; } .top_panel_style_3 .top_panel_cart_button, .top_panel_style_4 .top_panel_cart_button { display:block; } .top_panel_middle .contact_cart { position:relative; } .top_panel_icon { padding:0; } .top_panel_icon.search_wrap { width: 2.2857em; height: 2.2857em; line-height: 2.2857em; -webkit-border-radius: 1.15em; -moz-border-radius: 1.15em; border-radius: 1.15em; } .top_panel_icon.search_wrap.search_state_opened { width: 8em; } .top_panel_icon.search_wrap .search_submit { line-height: 2.2857em; } .top_panel_icon .contact_cart_label, .top_panel_icon .contact_cart_totals { display:none; } .top_panel_icon .contact_icon { display:inline-block; text-align:center; } .top_panel_icon .contact_icon:before { margin-right:0; } .top_panel_icon.menu_main_cart { position:relative; } .top_panel_icon .contact_icon { width: 2.2857em; height: 2.2857em; line-height: 2.2857em; } .top_panel_icon.menu_main_cart .contact_icon { -webkit-border-radius: 1.15em; -moz-border-radius: 1.15em; border-radius: 1.15em; } /* Logo in the header */ .top_panel_middle > .content_wrap { min-height: 6.75em; } .top_panel_fixed .top_panel_middle > .content_wrap { min-height: 5.375em; } .top_panel_wrap .logo { margin: 1.375em 0 0; overflow:hidden; } .top_panel_wrap .logo_main { max-height:65px; width:auto; } .logo a { display:inline-block; } .logo br { display: none; } .logo img { display: inline-block; vertical-align: middle; margin: 0 .625em .3em 0; width: auto; } .logo_text, .logo_slogan { display: inline-block; vertical-align: middle; text-align:left; white-space: normal; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat'; font-size: 0.6875em; line-height: 1.1818em; letter-spacing: 0.1818em; -ms-word-break: normal; word-break: normal; } .logo_slogan { display: block; width: auto; margin: auto; font-weight: 400; font-size: 0.6em; text-transform: none; } .top_panel_fixed .top_panel_style_3.top_panel_wrap .logo, .top_panel_fixed .top_panel_wrap .logo { margin: 1.375em 0 .5em; } .top_panel_fixed .top_panel_wrap .logo_main { display: none; } .top_panel_wrap .logo_fixed { display:none; max-height:42px; width:auto; } .top_panel_fixed .top_panel_wrap .logo_fixed { display: inline-block; } .top_panel_fixed .top_panel_middle .menu_main_wrap { margin-top:0; } .top_panel_fixed .top_panel_wrap .logo_text, .top_panel_fixed .top_panel_wrap .logo_slogan { font-size: 0.5em; } .top_panel_style_1.top_panel_wrap .logo { margin: 2.0625em 0 1.75em; } .top_panel_style_2.top_panel_wrap .logo { margin: 2em 0 1.8125em 1.375em; } .top_panel_style_3.top_panel_wrap .logo { margin: .7em 0 .1em; } .top_panel_style_3 .content_wrap, .top_panel_style_4 .content_wrap, .top_panel_style_6 .content_wrap, .top_panel_style_7 .content_wrap { position:relative; } .top_panel_style_3 .menu_main_wrap, .top_panel_style_4 .menu_main_wrap, .top_panel_style_6 .menu_main_wrap, .top_panel_style_7 .menu_main_wrap { float: right; } .top_panel_style_3 .contact_logo, .top_panel_style_4 .contact_logo, .top_panel_style_6 .contact_logo, .top_panel_style_7 .contact_logo { display: inline-block; max-width: 20%; } .top_panel_style_5 .top_panel_wrap_inner { text-align:center; } .top_panel_style_5 .contact_logo { overflow:hidden; } .top_panel_style_5 .menu_main_wrap { display:inline-block; margin-top:0 !important; } .top_panel_style_5 .menu_main_nav_area, .top_panel_style_5 .top_panel_icon { display:block !important; float: left; } .top_panel_style_5 .top_panel_top_user_area { text-align:left; } .top_panel_style_6 .menu_main_nav_area, .top_panel_style_7 .menu_main_nav_area { float:none; } .top_panel_style_6 .top_panel_icon, .top_panel_style_7 .top_panel_icon { float: right; } /* Featured image in the header 7 */ .top_panel_image { height:45em; overflow:hidden; position:relative; background-size:cover; background-position:center; } .top_panel_image_hover { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(2,75,94, 0.8); } .top_panel_image_header { position:absolute; left:50%; top:50%; display:block; max-width:50%; text-align:center; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .top_panel_image_icon { font-size: 4em; line-height:1em; margin-top:1em; } /* Slide submenu button */ .open_child_menu { cursor:pointer; position:absolute; z-index:1; right:0; top:0; text-align:center; width: 2em; height: 2.2857em; line-height:2.2857em; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .open_child_menu:hover { -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); } .open_child_menu:before { content: '\e828'; font-family:fontello; } li.opened > a > .open_child_menu:before { content: '\e835'; } /* Contact fields */ .top_panel_wrap .contact_field { margin-top: 2.625em; } .top_panel_style_2.top_panel_wrap .contact_field { margin-top: 3em; } .top_panel_wrap .contact_field > a > span, .top_panel_wrap .contact_field > div > span { display:block; font-family: 'Montserrat'; font-weight: 400; text-transform: uppercase; font-size: 0.6875em; line-height: 1.6364em; letter-spacing: 0.0454em; } .top_panel_middle .contact_icon { float:left; width: 3.5em; height: 3.5em; line-height:3.5em; margin-right:0.5em; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .top_panel_middle .contact_icon:before { font-size:1.5em; margin-right:0; } .top_panel_wrap .menu_main_cart .contact_icon:before { font-size:1em; } .top_panel_style_2 .logo, .top_panel_style_5 .logo { text-align:center; } .top_panel_style_2 .contact_phone div > span + span { text-align:right; } .top_panel_style_2 .contact_phone .contact_icon { float:right; margin-left:0.5em; margin-right:0; } .top_panel_middle .menu_main_wrap { text-align:right; max-width: 75%; } .top_panel_middle .menu_main_nav_area { display:inline-block; text-align:left; padding-top: 1.5625em; } .top_panel_fixed .top_panel_middle .menu_main_nav_area { padding-top: 1em; } .top_panel_style_5 .top_panel_middle .menu_main_nav_area { display:block; } .top_panel_style_5 .top_panel_middle .contact_icon, .top_panel_style_6 .top_panel_middle .contact_icon, .top_panel_style_7 .top_panel_middle .contact_icon { width:2.2857em; height: 2.2857em; line-height:2.2857em; } .top_panel_style_6 .top_panel_middle, .top_panel_style_7 .top_panel_middle { min-height:0; } .top_panel_style_1 .contact_phone .contact_icon:before, .top_panel_style_2 .contact_phone .contact_icon:before{ font-size: 1.8125rem; line-height: 1.4em; } .top_panel_style_1 .contact_cart .contact_icon { margin-right: 1.1818em; } .top_panel_style_1 .contact_cart .contact_icon:before, .top_panel_style_2 .contact_cart .contact_icon:before{ font-size: 1.8125rem; line-height: 1.4em; } .top_panel_style_1 .top_panel_middle .contact_field{ text-align: right; } .top_panel_style_1 .top_panel_middle .top_panel_cart_button, .top_panel_style_1 .top_panel_middle .top_panel_phone_button { text-align: left; display: inline-block; white-space: nowrap; padding-left: 2.875em; position: relative; } .top_panel_style_1 .contact_cart .contact_icon, .top_panel_style_1 .contact_phone .contact_icon{ position: absolute; left: 0; top: 0; display: inline; float: none; } .top_panel_style_1 .top_panel_bottom .search_submit { font-size: 1.0625em; } .top_panel_style_1 .top_panel_bottom { padding: 0.1875em 0 0.0625em; } .top_panel_style_2 .top_panel_bottom { position: relative; text-align: center; padding-top: 2px; } .top_panel_style_2 .top_panel_bottom:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 0; display: block; -webkit-background-size: 3px 3px !important; background-size: 3px 3px !important; } .top_panel_style_2 .top_panel_bottom .search_submit { font-size: 0.6875em; top: 0; } /* Search field */ .top_panel_middle .search_wrap { display:none; } .menu_show .top_panel_middle .search_wrap { display:block; } .search_wrap { position:relative; max-width:10em; min-width:2.2857em; z-index:1000; } .search_wrap.search_state_closed:not(.top_panel_icon) { min-width:0; width:1.5em; } .content .search_wrap.search_state_closed:not(.top_panel_icon), .header_mobile .search_wrap.search_state_closed:not(.top_panel_icon){ min-width: 0; width: auto; } .search_wrap:not(.search_state_fixed) { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .search_wrap .search_field { border:none; } .search_wrap .search_submit, .search_wrap .search_submit:hover { background-color:transparent !important; } .content .search_wrap, .content .search_wrap .search_submit, .top_panel_bottom .search_wrap, .top_panel_bottom .search_wrap .search_submit, .top_panel_bottom .search_wrap .search_field { height:2.1176em; line-height:2.1176em; padding-top: 0; padding-bottom: 0; } .content .search_wrap .search_submit { top: 1.2143em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .content .search_wrap .search_field { padding-left: 2.5em; } .top_panel_style_2 .search_wrap .search_submit { height: 3.0909em; } .top_panel_style_3 .search_wrap, .top_panel_style_3 .search_wrap .search_field, .top_panel_style_4 .search_wrap, .top_panel_style_4 .search_wrap .search_field { height: 2.0909em; font-size: 1.0909em; line-height: 1em; } .top_panel_style_4 .search_wrap .search_submit, .top_panel_style_3 .search_wrap .search_submit { height: 2.5143em; line-height: 2.5143em; } .top_panel_bottom .search_wrap, .top_panel_style_4 .search_wrap { float:right; } .top_panel_style_1 .top_panel_bottom .search_wrap { margin-top: 0.5625em; } .top_panel_style_2 .top_panel_bottom .search_wrap { float: none; display: inline-block; margin-left: 4em; vertical-align: middle; } .search_wrap form { width: 100%; position:relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search_wrap .search_submit { position:absolute; left:0; top:0; width:2em; padding:0; margin:0; text-align:right; font-weight:normal; } .top_panel_inner_style_1 .search_wrap .search_submit { width: 2.1176em; } .top_panel_inner_style_2 .search_wrap .search_submit { width: 3.0909em; text-align: center; } .top_panel_inner_style_2 .search_wrap .search_submit:before { margin: 0; } .top_panel_inner_style_3 .search_wrap .search_submit, .top_panel_inner_style_4 .search_wrap .search_submit{ width: 2.5143em; } .top_panel_top_search .search_submit{ top: 2px; } .top_panel_style_3 .top_panel_top_search .search_submit, .top_panel_style_4 .top_panel_top_search .search_submit{ top: -1px; } .search_wrap .search_field { width:100%; padding-left: 2.2857em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .top_panel_top .search_field { max-width:7em; padding-top: 0.2em; padding-bottom: 0.2em; } .top_panel_icon .search_submit { display:inline-block; text-align:center; } .top_panel_icon .search_submit:before { margin-right:0; } /* Fullscreen search */ .search_style_fullscreen.search_wrap.search_state_opened { width: 2.2857em !important; } .search_style_fullscreen.search_state_closed .search_field { background-color: transparent !important; } .search_style_fullscreen.search_state_opened .search_form_wrap { position: fixed; bottom: 0; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.85) !important; overflow: hidden; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .search_style_fullscreen .search_form { padding:0; text-align:center; } .search_style_fullscreen.search_state_opened .search_form { position: relative; width: 50%; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); border-bottom: 1px solid #fff; } .search_style_fullscreen.search_state_closed .search_close { display:none; } .search_style_fullscreen.search_state_opened .search_close { position: absolute; right: 0; top: 0; display: inline-block; font-size: 2em; font-weight: 300; text-align: center; cursor: pointer; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .search_style_fullscreen.search_state_opened .search_close:before { margin:0; } .search_style_fullscreen.search_state_closed .search_submit { position: relative; left: 0; top: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .search_style_fullscreen.search_state_opened .search_submit { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position: absolute; left: 0; top: 50%; background-color: transparent; font-size: 1.2em; width: auto; padding: 0; } .top_panel_wrap .search_style_fullscreen.search_state_closed .search_field { display: none; } .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field { font-size: 1.4em; font-weight: 400; height: 3em; letter-spacing: 1px; line-height: 3em; margin: 0; padding: 0 0 0 2em; white-space: pre-wrap; word-wrap: break-word; box-sizing: border-box; resize: none; overflow: hidden; display: block; width: 100%; } .top_panel_wrap .search_style_fullscreen.search_state_opened .search_close, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit { color: #ffffff !important; } .top_panel_wrap .search_style_fullscreen.search_state_opened .search_close:hover, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:hover, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:focus, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit:hover, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit:focus { color: #ccc !important; } .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:hover, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:focus { background-color: transparent !important; } .search_style_fullscreen.search_state_opened input::-webkit-input-placeholder {color:#ccc; opacity: 1;} .search_style_fullscreen.search_state_opened input::-moz-placeholder {color:#ccc; opacity: 1;}/* Firefox 19+ */ .search_style_fullscreen.search_state_opened input:-moz-placeholder {color:#ccc; opacity: 1;}/* Firefox 18- */ .search_style_fullscreen.search_state_opened input:-ms-input-placeholder {color:#ccc; opacity: 1;} /* Expand search */ .search_wrap.search_style_expand:not(.top_panel_icon) .search_field { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .search_style_expand.search_wrap.search_state_closed { width: 2.2em; } .top_panel_style_2 .search_style_expand.search_wrap.search_state_closed { width: 2.125em; } .search_style_expand.search_wrap.search_state_closed .search_field { padding-right:0; background: none; } /* Slide search */ .search_style_slide.search_wrap:not(.top_panel_icon) { position:relative; width:1.5em; } .search_style_slide.search_state_closed:not(.top_panel_icon) .search_form_wrap { background-color: transparent !important; } .search_style_slide.search_state_opened:not(.top_panel_icon) .search_form_wrap { position: absolute; z-index: 99; right: 0; top: 1.5em; overflow: hidden; width:10em; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .top_panel_top .top_panel_top_search .search_style_slide.search_state_opened:not(.top_panel_icon) .search_form_wrap { top: 0; } .search_style_slide.search_state_closed:not(.top_panel_icon) .search_field { background-color: transparent !important; } /* Search results */ .search_wrap .search_results { display:none; position:absolute; z-index:1000; left:0; top:1.8125em; background-color: #fff; width: 300px; padding:1.25em 1.25em 0.9375em; font-size: 1.4545em; line-height: 1.5em; text-align:left; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } .top_panel_style_1 .search_wrap .search_results, .top_panel_style_2 .search_wrap .search_results, .top_panel_style_3 .search_wrap .search_results{ font-size: 1em; } .top_panel_style_1 .search_wrap .search_results { top: 2.5em; } .top_panel_style_3 .search_wrap .search_results { padding: 1.7273em 1.7273em 1.2727em; top: 2.5454em; } .menu_user_nav > li > ul > li { z-index:1; } .search_wrap .search_results .search_results_close { position: absolute; top:3px; right:3px; display:block; text-align:center; overflow:hidden; font-size:0.875em; width:1.2em; height:1.2em; line-height:1.2em; cursor:pointer; } .top_panel_style_3 .search_wrap .search_results .search_results_close { font-size: 1.2727em; } .search_wrap .post_more { display:block; text-align:center; font-size: 0.75em; line-height: 1.5em; text-transform: uppercase; font-weight: 400; } .top_panel_style_3 .search_wrap .search_results .post_more { font-size: 1.0909em; } .widget_area .post_item { overflow:hidden; } .widget_area aside .post_item + .post_item, .search_results.widget_area .post_item + .post_item { margin-top:6px; padding-top:0.625em; } .search_results.widget_area .post_item + .post_item { border-top:1px solid #e5e5e5; } .widget_area .post_item .post_content { overflow:hidden; } .top_panel_style_3 .search_wrap .search_results .post_item .post_content { font-size: 1.4545em; } .widget_area .post_item .post_thumb { float:left; width: 6.875em; height: 5.0625em; margin:0 1.1875em 4px 0; overflow:hidden; } .widget_area .post_item .post_thumb img { width:100%; } .widget_area .post_item .post_title { margin: 0.375em 0 0 0; font-size:0.75em; text-transform: uppercase; font-family: 'Montserrat'; font-weight: 400; line-height: 1.5em; } .widget_area .post_item .post_info { font-size:0.75em; margin-bottom:0; line-height:1.5em; } .widget_area .post_item .post_info .post_info_item { white-space: nowrap; margin-right: 4px; display: inline-block; } .widget_area .post_item .post_info .post_info_item+.post_info_item:before { content: ""; margin:0 0 0 5px; } /* Search field inside content */ .content .search_wrap { max-width:50%; margin:0; } .content .columns_wrap .search_wrap { max-width:100%; } .content .search_wrap .search_form_wrap { width: 100%; } .content .search_wrap .search_form_wrap .search_field { width:82%; } .content .search_wrap.search_fixed .search_form_wrap .search_field { width: 96%; } .content .search_wrap .search_results { width:100%; font-size: 1em; top: 2.6875em; } /* Header 8 - dropdown menu */ .top_panel_style_8 .content_wrap { width:100%; padding: 0 3.8462em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .top_panel_style_8 .top_panel_middle { position:relative; } .top_panel_style_8 .top_panel_middle .menu_pushy_wrap { margin:0; text-align:left; float:left; } .top_panel_style_8 .contact_logo { display:inline-block; position:absolute; z-index:1; left: 50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .top_panel_style_8 .top_panel_middle .logo { margin:0.5em 0 0 0; } .top_panel_style_8 .menu_pushy_button { display: inline-block; } .top_panel_style_8 .menu_pushy_button:before { font-size: 1.4em; line-height:1.2em; vertical-align:top; } .top_panel_style_8 .top_panel_buttons { float:right; } .top_panel_style_8 .top_panel_buttons .top_panel_cart_button:before, .top_panel_style_8 .top_panel_buttons .top_panel_cart_button:after { content:' '; display:block; font-size:0.75em; position:absolute; z-index:1; right: 0; top:-1px; width: 1em; height: 1em; line-height: 1em; } .top_panel_style_8 .top_panel_buttons .top_panel_cart_button:before { background-color:red; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); right: 2px; top:-2px; } .top_panel_style_8 .top_panel_buttons .top_panel_cart_button:after { content: attr(data-items); font-size:0.65em; font-weight:700; } .top_panel_inner_style_8 .top_panel_buttons, .top_panel_inner_style_8 .menu_pushy_button { margin:0; padding-top:1.8em; padding-bottom:1.8em; } .top_panel_style_8 .top_panel_buttons .top_panel_icon { margin:0; float:right; } .top_panel_style_8 .top_panel_buttons .top_panel_icon.search_wrap { height:1.5em; line-height:1.5em; margin-left:1em; } .top_panel_style_8 .top_panel_buttons .contact_icon, .top_panel_style_8 .top_panel_buttons .top_panel_icon .search_submit { width:1.5em; height:1.5em; line-height:1.5em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .top_panel_style_8 .top_panel_buttons .top_panel_icon .search_field { padding-top:2px; padding-bottom:2px; vertical-align:top; } .top_panel_style_8 .top_panel_buttons .top_panel_icon.menu_main_cart .contact_icon, .top_panel_style_8 .top_panel_buttons .top_panel_icon.search_wrap, .top_panel_style_8 .top_panel_buttons a:hover, .top_panel_style_8 .top_panel_middle .top_panel_buttons a:hover .contact_icon, .top_panel_style_8 .top_panel_buttons .top_panel_icon.search_wrap:hover, .top_panel_style_8 .top_panel_buttons .top_panel_icon:hover .contact_icon, .top_panel_style_8 .top_panel_buttons .top_panel_icon:hover .search_submit { background-color:transparent; } /* Push panel */ .site-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 110%; z-index: 9998; background-color: rgba(0,0,0,0.5); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .pushy { position: fixed; width: 25em; bottom: 0; top: 0; left: -25em; z-index: 10000; overflow: hidden; text-align: center; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .pushy-active .pushy { left: 0; } .pushy .pushy_inner { width:105%; height: 100%; padding: 3em 0 1em 0; position:relative; overflow: scroll; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ } .pushy .close-pushy:before { content: '\e8ac'; font-family: fontello; font-size: 1.5em; position:absolute; right: 1.25em; top: 2em; z-index: 999; } .pushy .logo_fixed { display: none; } .pushy .logo { margin: 2em 0; } .menu_pushy_nav_area .menu_pushy_nav { margin-bottom:2em; } .menu_pushy_nav_area ul, .menu_pushy_nav_area li { margin:0; padding:0; list-style:none; } .menu_pushy_nav_area li > a { position:relative; display:block; padding:0.5em 3em; } .menu_pushy_nav_area li.menu-item-has-children ul { display:none; } .menu_pushy_nav_area li.menu-item-has-children > a > .open_child_menu { right: 2em; } /* Header mobile ---------------------------------------------------------------- */ .ios_fixed { position: fixed; overflow: hidden; } .menu_mobile_open { height: 100%; } .admin-bar.menu_mobile_open { height: calc(100% - 32px); } .menu_mobile_open body { height: 100%; overflow: hidden; } .menu_mobile_open .top_panel_below .slider_wrap { display:none; } .header_mobile { position: relative; z-index: 10003; display: none; } .top_panel_over .header_mobile { position: absolute; left: 0; right: 0; top: 0; } .header_mobile .top_panel_fixed_wrap { display: none; } .header_mobile .mask { position: fixed; top: 0; left: 0; bottom: 0; cursor: pointer; z-index: 1001; background-color: rgba(0,0,0,0.6); } .header_mobile .mask.show { right: 0; } /* content wrap */ .header_mobile .content_wrap{ text-align: center; } .header_mobile .logo { padding-top: 20px; padding-bottom: 20px; } .header_mobile .logo_main{ height: 53px; } .header_mobile .menu_button { position: absolute; left: 30px; top: 50%; margin-top: -13px; } .header_mobile .menu_main_cart { position: absolute; right: 30px; margin: 0; top: 50%; margin-top: -13px; } .header_mobile .menu_button, .header_mobile .menu_main_cart .top_panel_cart_button .contact_icon { background-color: transparent !important; font-size: 26px; height: auto; width: auto; line-height: 25px; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s } .header_mobile .menu_main_cart .top_panel_cart_button .contact_icon { display: none; } .header_mobile .menu_main_nav > li > a, .header_mobile .menu_main_nav > li ul li a { margin: 0; border: none !important; font-weight: 400; } .header_mobile .menu_main_nav > li ul li a span { border: none !important; } .header_mobile .search_field, .header_mobile .search_field:hover, .header_mobile .search_field:focus { border: none !important; background: none !important; } /* side wrap */ .header_mobile .side_wrap { display: block; position: fixed; top: 0; left: -320px; width: 320px; height: auto; bottom: 0; overflow: hidden; overflow-y: auto; z-index: 10003; padding: 0px; transition: left 0.3s linear; -moz-transition: left .3s linear; -webkit-transition: left 0.3s linear; -o-transition: left .3s linear; font-weight: 400; } .admin-bar .header_mobile .side_wrap{ top: 32px; } .header_mobile .side_wrap.open{ left: 0; } .header_mobile .side_wrap .close { position: absolute; top: 15px; right: 20px; text-transform: uppercase; cursor: pointer; display: none; } /* panels */ .panel_top, .panel_middle, .panel_bottom{ padding: 0px; position: relative; display: block; } .header_mobile .panel_middle{ padding: 20px 35px; font-size: 13px; } .header_mobile .panel_middle:before, .header_mobile .panel_bottom:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.09); z-index: 0; } .header_mobile .panel_middle > * { z-index: 1; position: relative; } .header_mobile .panel_bottom .contact_socials { border-top: solid 1px #000000; padding: 12px 35px 0; margin: 0; position: relative; z-index: 2; } /* menu */ .header_mobile .menu_main_nav_area{ display: block; } .header_mobile .menu_main_nav{ padding-left: 0; margin: 0; } .header_mobile .menu_main_nav li, .header_mobile .menu_main_nav ul{ margin: 0; } .header_mobile .menu_main_nav > li { float: none; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .header_mobile .menu_main_nav > li > a { padding: 17px 35px; padding-right: 54px; font-size: 12px; line-height: 16px; } .header_mobile .menu_main_nav > li > ul a { font-size: 12px; padding: 12px 35px; padding-right: 54px; line-height: 16px; display: block; } .header_mobile .menu_main_nav > li li li > a { padding: 12px 54px; } .header_mobile .menu_main_nav > li ul { display: none; position: relative; padding: 0px; margin: 0; width: auto; list-style-type: none; top: 0; overflow: hidden; border: none; background-color: transparent; } .header_mobile .menu_main_nav li.menu-item-has-children > a:after { display:none; } .header_mobile .menu_main_nav > li > a > .open_child_menu { right: 1em; top: 1em; } .header_mobile .menu_main_nav > li ul > li > a > .open_child_menu { right: 0.8em; top: 7px; } .header_mobile .menu_main_nav > li > ul:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.09); z-index: 0; } .header_mobile .menu_main_nav > li ul > * { z-index: 1; position: relative; } .header_mobile .menu_main_nav > li ul > li:last-child{ margin-bottom: 0; } .header_mobile .menu_main_nav > li > ul ul { left: 0; } .header_mobile .side_wrap .menu_main_nav > li ul, .header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-item > a, .header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-ancestor > a { background-color: transparent; } .header_mobile .side_wrap .menu_main_nav > a:hover, .header_mobile .side_wrap .menu_main_nav li > a:hover, .header_mobile .side_wrap .login .popup_link:hover{ background-color: rgba(0,0,0,0.1) !important; } .header_mobile .side_wrap .menu_main_nav > li.current-menu-parent > a, .header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-parent > a, .header_mobile .side_wrap .menu_main_nav > li.current-menu-item > a, .header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-item > a { background-color: rgba(0,0,0,0.2); font-weight:bold; } /* search and menu */ .header_mobile .search_wrap, .header_mobile .login { position: relative; float: none; margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .header_mobile .search_wrap:after, .header_mobile .login:after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.09); z-index: 0; } .header_mobile .search_wrap > *, .header_mobile .login > a { z-index: 1; position: relative; } .header_mobile .login .popup_link{ padding: 17px 35px; padding-right: 54px; font-size: 12px; text-transform: uppercase; line-height: 16px; display: block; } .header_mobile .login .popup_link:before{ position: absolute; right: 28px; top: 16px; font-size: 12px; } /* search */ .header_mobile .search_wrap { max-width: 100%; padding: 10px 35px; padding-right: 54px; } .header_mobile .search_wrap:before { content: '\e807'; font-family: fontello; position: absolute; right: 28px; top: 16px; font-size: 12px; } .header_mobile .search_wrap .search_field { padding: 0; font-size: 14px; line-height: 29px; } .header_mobile .search_wrap form { padding-left: 0; } .header_mobile .search_wrap .search_submit, .header_mobile .search_wrap .search_results { display: none !important; } .header_mobile .search_field::-webkit-input-placeholder { color: #fff; } .header_mobile .search_field:-moz-placeholder { color: #fff; } .header_mobile .search_field::-moz-placeholder { color: #fff; } .header_mobile .search_field:-ms-input-placeholder { color: #fff; } /* contact info */ .header_mobile .contact_field .contact_icon, .header_mobile .top_panel_top_open_hours:before { font-size: 16px; margin-right: 15px; } .header_mobile .top_panel_top_open_hours:before { content: '\e808'; } .header_mobile .contact_field .contact_icon.icon-home:before { content: '\e833'; font-size: 18px; } .header_mobile .top_panel_top_open_hours, .header_mobile .top_panel_top_socials{ margin-left: 0; } .header_mobile .top_panel_top_contact_area, .header_mobile .top_panel_top_open_hours, .header_mobile .top_panel_top_user_area{ float: none; display: block; margin: 0; padding: 0; text-align: left; } .header_mobile .contact_field, .header_mobile .top_panel_top_open_hours{ padding: 0.4em 0; } .header_mobile .top_panel_top_user_area { display: none; } /* socials */ .header_mobile .contact_socials { text-align: left; margin: 0 35px; } .header_mobile .sc_socials.sc_socials_size_small { overflow: visible; margin: 5px auto; } .header_mobile .sc_socials.sc_socials_size_small .sc_socials_item { margin: 0 0.5em 0 0; } /* woo */ .header_mobile .sidebar_cart { position: absolute; top: 35px; left: auto; right: 0; z-index: 1000; display: none; float: none; text-align: left; border: 1px solid #eee; } .header_mobile .sidebar_cart { width: 255px !important; padding: 1.5em !important; z-index:100000; } .header_mobile .widget_shopping_cart { display:block !important; } .header_mobile .widget_shopping_cart ul.cart_list { display:block; position:static; width:100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header_mobile .sidebar_cart > li, .header_mobile .widget_shopping_cart ul.cart_list > li { margin:0; padding-left: 0; list-style-type: none; text-transform: none; text-align: left; } .header_mobile .widget_shopping_cart ul.cart_list > li { padding-left: 1.5385em; } .header_mobile .sidebar_cart > li:before, .header_mobile .sidebar_cart > li > a:before, .header_mobile .widget_shopping_cart ul.cart_list > li:before, .header_mobile .widget_shopping_cart ul.cart_list > li > a:before { display:none; } .woocommerce .header_mobile .widget_shopping_cart .empty, .woocommerce-page .header_mobile .widget_shopping_cart .empty { padding-bottom: 1em; } .header_mobile .widget_shopping_cart ul.cart_list > li > a { padding: 0; } .header_mobile .widget_shopping_cart ul.cart_list > li > a:not(.remove) { margin-top:-0.15em; } .header_mobile .widget_shopping_cart ul.cart_list > li > a:hover { background-color: transparent; } .header_mobile .widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; left: auto; right: 0; margin-top: 0; text-align: center; } .top_panel_style_4 + .header_mobile .logo_slogan, .top_panel_style_4 + .header_mobile .logo_text { text-align: center; padding: 0 15%; } /* 7.2 Main Slider -------------------------------------------------------------- */ .slider_wrap .rev_slider_wrapper { z-index:0; } .tparrows.default { background:none; background-color:transparent; line-height:40px; } .tparrows.default:before { font-family: "fontello"; font-size:3em; } .tp-leftarrow.default:before { content: '\e837'; } .tp-rightarrow.default:before { content: '\e836'; } .slider_with_over_content .tparrows { display:none !important; } .slider_with_over_content .tp-rightarrow { left: 60% !important; } .tparrows { width: 50px; height: 50px; text-align: center; font-size: 16px; line-height: 50px; background: none; } .tparrows:hover { background: none; } .tparrows:before { font-family: 'fontello'; font-size: 28px; line-height: 50px; position : relative; z-index: 2; } .tparrows:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); opacity: 0.1; filter: alpha(opacity=10); } .tparrows:hover:after { opacity: 1; filter: alpha(opacity=100); } .tp-leftarrow.tparrows:before { content: '\e914'; padding-right: 5px; } .tp-rightarrow.tparrows:before { content: '\e913'; padding-left: 5px; } .tp-bullets.simplebullets.round .bullet { background:none; margin-left:16px; border:1px solid transparent; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tp-bullets.simplebullets.round .bullet.selected { background-color:transparent !important; border-width:1px; border-style: solid; } /* Slider with over content */ .slider_with_over_content { position:relative; } .slider_over_content { position:absolute; z-index:1; right:0; top: 0; bottom:0; width: 40%; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .slider_over_content_inner { position:absolute; left:0; top:0; right:0; bottom: 0; overflow:hidden; padding:2em 3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slider_over_button { display:none; position:absolute; left:-30px; top:50%; margin-top:-15px; width: 26px; height: 30px; line-height:28px; font-size:24px; text-align:center; cursor:pointer; } .slider_over_close { display:none; position:absolute; right:10px; top:10px; width: 15px; height: 15px; line-height:15px; font-size:1.2em; text-align:center; cursor:pointer; } /* 7.3 Page info: page title and breadcrumbs -------------------------------------------------------------- */ .top_panel_title { padding: 2em 0; position: relative; z-index: 2; } .top_panel_title.top_panel_style_4 { padding-top: 0; } .top_panel_title_inner { overflow: hidden; min-height: 13.4375em; display: table-cell; vertical-align: middle; width: 10000em; } .top_panel_title .page_title { margin:0; text-align: center; padding: 0; } .top_panel_title .post_navi, .top_panel_title .breadcrumbs { padding: 1.3636em 0 1.1818em; font-size:0.6875em; line-height:1.1818em; text-transform: uppercase; text-align: center; font-weight: 400; letter-spacing: 0.0182em; } .top_panel_title.title_present:not(.navi_present) .breadcrumbs { padding: 1.3636em 0 1.1818em; } .post_navi .post_navi_item, .breadcrumbs .breadcrumbs_item { display:inline-block; vertical-align:top; white-space:nowrap; } .post_navi .post_navi_item + .post_navi_item:before, .breadcrumbs .breadcrumbs_delimiter { display:inline-block; position:relative; margin: 0 0.5em; vertical-align:top; text-align:center; } .post_navi .post_navi_item + .post_navi_item:before, .breadcrumbs .breadcrumbs_delimiter:before { content:'/'; } /* 7.4 Main content wrapper -------------------------------------------------------------- */ .post_item_wrap { display: block; } /* Post featured block */ .post_featured { overflow:hidden; margin-bottom:2em; position:relative; margin-top: 0.375em; display: block; } .article_style_boxed .post_featured { margin-bottom:0; } .post_featured .post_thumb { display: inline-block; } .post_featured img { width:100%; height:100%; } .post_featured_right > .post_featured { float: right; margin-left: 1.5625em; width: 49.1453%; } .post_featured_left > .post_featured { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_info { text-transform: uppercase; } .post_content .post_info:first-child { padding-top: 0.3636em; } .post_info.post_info_share { text-transform: none; font-weight: 400; font-family: 'Lato'; } .post_info.post_info_bottom { margin-bottom:3em; padding-top: 5em; clear: both; } .post_info .post_info_counters .post_counters_item { white-space: nowrap; } .post_info .post_info_item, .post_info .post_info_counters .post_counters_item { display: inline; vertical-align: top; } .post_info_author { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .post_info .post_info_item + .post_info_item:not(.post_info_counters), .post_info .post_info_counters .post_counters_item { position: relative; padding-left: 4em; } .isotope_item .post_info .post_info_item + .post_info_item:not(.post_info_counters) { padding-left: 0; display: inline; } .post_info .post_info_item.post_info_counters { text-align: left; } .post_info .post_info_item + .post_info_item:not(.post_info_counters):before, .post_info .post_info_counters .post_counters_item:after{ display: block; content:''; font-style:normal; margin:0; padding-top: 0; width: 0.7273em; height: 0.7273em; left: 1.4545em; top: 2px; background-color: #fef246; position: absolute; } .widget .post_info .post_info_item + .post_info_item:not(.post_info_counters):before, .widget .post_info .post_info_counters .post_counters_item:after{ left: 0.9091em; top: 4px; } .isotope_item .post_info .post_info_item + .post_info_item:before { display: none; } .post_info .post_info_counters .post_counters_item:before { margin-right: 0.9091em; cursor: pointer; } .post_info.post_info_share_vertical { margin:0; padding-top: 0; } .article_style_boxed[class*="single-"] .content > article > .post_info_share { margin-bottom:0; } .post_info .post_info_counters .post_counters_likes.disabled { color:#e05100; } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Quote */ blockquote { padding: 0 0 0 4em; font-size: 1.125em; margin: 2em 0; min-height: 5.5em; } blockquote, blockquote p { position:relative; z-index:2; font-weight:700; font-style: italic; line-height:1.6667em; letter-spacing: 0.0444em; word-spacing: 0.0714em; } blockquote:before { font-family:'fontello'; content: '\e912'; display:block; position:absolute; font-style: normal; font-weight: 400; z-index:1; left:0; top:0; font-size:2.6667em; line-height:1em; color: rgba(128,128,128,0.1); } blockquote p { margin: 0; } blockquote p + p { margin-top: 0.3em; } blockquote > a { display:block; font-size: 0.6667em; font-weight:normal; margin-top:1em; } blockquote .sc_quote_title, blockquote cite{ font-size: 0.7778em; font-weight: 900; font-style: normal; padding-top: 1.5em; margin: 0; display: block; } /* Link */ .post_format_link .post_descr a { font-size: 1.875em; } /* Status */ .post_format_status.post_item_single .post_content p, .post_format_status .post_descr { font-size: 1.875em; line-height:1.3333em; } /* Aside */ .post_format_aside.post_item_single .post_content p, .post_format_aside .post_descr { border-width: 1px; border-style: solid; padding: 1.2em; } .post_format_aside .post_descr p { margin-bottom:0; } .post_format_aside .post_descr p+p { margin-top:1em; } /* 7.6 Post Layouts -------------------------------------------------------------- */ .post_item .post_descr { line-height:1.5em; } .post_item .post_readmore:after { content: '\e836'; font-family:fontello; display: inline-block; margin-left:0.5em; } /* Layout Excerpt */ .post_icon.inherit { display: none !important; } .post_title .post_icon { font-size:0.9375em; margin-right:0.5em; } .post_item_excerpt .post_title .post_icon { display:block; margin-right:0; } .post_item_excerpt .post_title { margin-top:0; margin-bottom:0em; font-size: 3em; line-height: 1.0417em; letter-spacing: normal; } .post_item_excerpt:not([class^="column"]) + .post_item_excerpt:not([class^="column"]) { margin-top:5.625em; border-top-width: 0.625em; border-top-style: solid; padding-top:5.875em; } .article_style_boxed .post_item_excerpt:not([class^="column"]) + .post_item_excerpt:not([class^="column"]) { border-top:none; padding-top:0; } .post_item_excerpt .post_content { margin-bottom:3em; } .post_item_excerpt { max-width: 68.75em; margin-left: auto; margin-right: auto; padding-left: 2.1875em; padding-right: 2.1875em; } .sidebar_hide .post_item_excerpt { text-align: center; } .sidebar_hide .post_item_excerpt.post_featured_left, .sidebar_hide .post_item_excerpt.post_featured_right { text-align: left; } .sidebar_show .post_item_excerpt { text-align: left; padding-left: 0; padding-right: 0; } .post_item_excerpt .post_featured { margin-bottom: 1.9375em; } .post_item_excerpt .readmore { text-decoration: underline; font-weight: 400; white-space: nowrap; } .post_item_excerpt .readmore:hover { text-decoration: none; } /* Related posts */ .related.products { margin-bottom: -5.125em; } .related_wrap { margin-bottom:3em; } .post_item_related { text-align: center; max-width: 210px; margin: 0 auto; } .related_wrap.related_wrap_empty { margin-bottom:0; clear: both; } .related_wrap .section_title { margin:1em 0 1em; text-align: center; } .article_style_stretch:not(.sidebar_show) .related_wrap:not(.related_wrap_empty) { background-color: #f4f7f9; padding: 1px 2.1875em 4em; } .article_style_stretch .related_wrap:not(.related_wrap_empty):not(.scroll_wrap) { padding-bottom: 1px; } .related_wrap .post_item_related, .article_style_stretch .post_item_related { background-color:#ffffff; } .article_style_boxed.sidebar_show[class*="single-"] .related_wrap .post_item_related { background-color: #f4f7f9; } .related_wrap.scroll_wrap .post_item_related { width:350px; float:left; } .related_wrap.scroll_wrap .post_item_related+.post_item_related { margin-left:3.125em; } .article_style_stretch:not(.body_style_fullscreen):not(.sidebar_hide) .related_wrap.scroll_wrap .post_item_related { width:340px; } .article_style_stretch:not(.body_style_fullscreen):not(.sidebar_hide) .related_wrap.scroll_wrap .post_item_related+.post_item_related { margin-left:1.875em; } .post_item_related .post_featured { width: 146px; overflow:hidden; margin:0 auto; padding-top: 1.875em; float:none !important; } .post_item_related .post_featured .sc_audio.sc_audio_image { min-height:14.8571em; } .post_item_related .post_content_wrap { width:100%; min-height:104px; overflow:hidden; padding: 22px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post_item_related .post_title { margin: 0 0 0.25em; font-size: 14px; line-height: 18px; text-transform: none; max-height: 36px; overflow: hidden; } /* Masonry and Portfolio */ .post_item_classic .post_title { max-height: 1.2em; overflow: hidden; } .post_item_short .post_title { max-height: 2em; overflow: hidden; } .post_item_grid .post_descr { max-height: 8em; overflow: hidden; } /* Isotope layout */ .isotope_wrap { margin-right:-30px; } .isotope_wrap .isotope_item { padding-right:30px; padding-bottom:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); } .sc_blogger.no_margins .isotope_wrap, .isotope_wrap.no_margins { margin-right:0; } .sc_blogger.no_margins .isotope_wrap .isotope_item, .isotope_wrap.no_margins .isotope_item { padding-right:0; padding-bottom:0; } .sc_blogger.small_margins .isotope_wrap, .isotope_wrap.small_margins { margin-right:-10px; } .sc_blogger.small_margins .isotope_wrap .isotope_item, .isotope_wrap.small_margins .isotope_item { padding-right:10px; padding-bottom:10px; } .isotope_wrap .isotope_item.isotope_item_show { opacity: 1; filter: alpha(opacity=100); } .isotope_wrap .isotope_column_2 { width:50%;} .isotope_wrap .isotope_column_2[class*="isotope_item_size-2"] { width:100%;} .isotope_wrap .isotope_column_3 { width:33.3333%;} .isotope_wrap .isotope_column_3[class*="isotope_item_size-2"] { width:66.6666%;} .isotope_wrap .isotope_column_3[class*="isotope_item_size-3"] { width:100%;} .isotope_wrap .isotope_column_4 { width:25%;} .isotope_wrap .isotope_column_4[class*="isotope_item_size-2"] { width:50%;} .isotope_wrap .isotope_column_4[class*="isotope_item_size-3"] { width:75%;} .isotope_wrap .isotope_column_4[class*="isotope_item_size-4"] { width:100%;} .isotope_wrap .isotope_column_5 { width:20%;} .isotope_wrap .isotope_column_5[class*="isotope_item_size-2"] { width:40%;} .isotope_wrap .isotope_column_5[class*="isotope_item_size-3"] { width:60%;} .isotope_wrap .isotope_column_5[class*="isotope_item_size-4"] { width:80%;} .isotope_wrap .isotope_column_5[class*="isotope_item_size-5"] { width:100%;} .isotope_wrap .isotope_column_6 { width:16.6666%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-2"] { width:33.3333%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-3"] { width:50%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-4"] { width:66.6666%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-5"] { width:83.3333%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-6"] { width:100%;} .isotope_wrap .isotope_column_7 { width:14.2857%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-2"] { width:28.5714%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-3"] { width:42.8571%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-4"] { width:57.1428%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-5"] { width:71.4285%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-6"] { width:85.7128%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-7"] { width:100%;} .isotope_wrap .isotope_column_8 { width:12.5%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-2"] { width:25%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-3"] { width:37.5%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-4"] { width:50%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-5"] { width:62.5%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-6"] { width:75%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-7"] { width:87.5%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-8"] { width:100%;} /* Isotope item decoration */ .isotope_wrap .isotope_item .post_item { overflow:hidden; } .isotope_wrap .isotope_item .post_featured { margin-bottom:0; } .article_style_boxed .isotope_wrap .isotope_item .post_title { margin-top:0; } .article_style_boxed .isotope_wrap .isotope_item .post_content { padding:1.25em 1.8em; } .article_style_boxed.template_portfolio .isotope_wrap .isotope_item .post_content, .article_style_boxed .template_portfolio .isotope_wrap .isotope_item .post_content { padding:0; } .isotope_wrap .isotope_item p, .isotope_wrap .isotope_item .post_info { margin-bottom:1em; } /* Portfolio items */ .isotope_wrap .isotope_item_colored .post_item, .isotope_wrap .isotope_item_grid .post_item, .isotope_wrap .isotope_item_square .post_item, .isotope_wrap .isotope_item_portfolio .post_item { overflow:visible; } .isotope_wrap .isotope_item_colored .post_featured, .isotope_wrap .isotope_item_portfolio .post_featured, .isotope_wrap .isotope_item_square .post_featured, .isotope_wrap .isotope_item_grid .post_featured { border-bottom: none; } .isotope_wrap .isotope_item_colored .post_item .hover_icon, .isotope_wrap .isotope_item_grid .post_item .hover_icon, .isotope_wrap .isotope_item_square .post_item .hover_icon, .isotope_wrap .isotope_item_portfolio .post_item .hover_icon { position:relative; top: 0; opacity:1; } .isotope_wrap .isotope_item_colored .post_item .hover_icon:before, .isotope_wrap .isotope_item_grid .post_item .hover_icon:before, .isotope_wrap .isotope_item_square .post_item .hover_icon:before, .isotope_wrap .isotope_item_portfolio .post_item .hover_icon:before { position:static; margin-top:0.3em; opacity:1; font-size:2.5em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .isotope_wrap .isotope_item_colored .post_item, .isotope_wrap .isotope_item_gallery .post_item{ max-width: 370px; } /* Isotope filters */ .isotope_filters { overflow:hidden; text-align:center; margin: 0 0 1em; padding-bottom:0.5em; } .sidebar_hide .isotope_filters { margin: 1em 0 1.5em; } .isotope_filters a { display:inline-block; margin: 0 4px 4px 0; text-align:center; padding:0.75em 1.5em; font-size:0.75em; line-height: 1.2857em; font-weight:400; border-width:2px; border-style: solid; } /* Isotope transitions */ .isotope-hidden.isotope_item { pointer-events: none; z-index: 1; } /* Style "Colored" and "Gallery" */ .isotope_item_colored .post_featured .post_mark_new, .isotope_item_gallery .post_featured .post_mark_new{ -webkit-box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); } .post_item_colored .post_featured .post_mark_new, .post_item_gallery .post_featured .post_mark_new{ position:absolute; left:0; top:0; margin:1.6em 0 0 1.6em; width:4em; height:4em; overflow:hidden; font-size:0.625em; font-weight:bold; text-align:center; line-height:4em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post_item_colored .post_category, .post_item_gallery .post_category{ font-size: 1.125em; font-weight:400; line-height:1.15em; margin: 0.25em 0 0.5em 0; } .post_item_colored .post_descr .post_price, .post_item_gallery .post_descr .post_price{ float:right; margin-top:1.5em; } .post_item_colored_4 .post_descr .post_price, .post_item_gallery_4 .post_descr .post_price{ margin-top:0.875em; } .post_item_colored .post_descr .post_price_value, .post_item_gallery .post_descr .post_price_value{ color: #222222; font-size: 1.875em; line-height:1.2857em; } .post_item_colored_4 .post_descr .post_price_value, .post_item_gallery_4 .post_descr .post_price_value{ font-size: 1.5em; line-height:1.2857em; } .post_item_colored .post_descr .post_price_period, .post_item_gallery .post_descr .post_price_period{ font-size: 1.125em; line-height:1.2857em; color: #909090; } .post_item_colored_4 .post_descr .post_price_period, .post_item_gallery_4 .post_descr .post_price_period{ font-size: 1em; line-height:1.2857em; } .post_item_colored .post_descr .post_price_period:before, .post_item_gallery .post_descr .post_price_period:before{ content:'/'; display:inline-block; margin:0 0.5em; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info, .post_item_gallery .post_content.ih-item.square.colored .post_info_wrap.info{ padding:0; text-align:left; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_title, .post_item_gallery .post_content.ih-item.square.colored .post_info_wrap.info .post_title{ font-size:1.625em; line-height:1.15em; padding:4px 8%; text-align:left; margin-top:8%; } .post_item_colored_4 .post_content.ih-item.square.colored .post_info_wrap.info .post_title, .post_item_gallery_4 .post_content.ih-item.square.colored .post_info_wrap.info .post_title{ font-size:1.125em; line-height:1.15em; margin-top:4%; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr, .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p, .post_item_gallery .post_content.ih-item.square.colored .post_info_wrap.info .post_descr, .post_item_gallery .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p{ text-align:left; padding: 0.5em 8% 0; font-style:normal; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p, .post_item_gallery .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p{ font-size:0.875em; padding:0; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p.post_info, .post_item_gallery .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p.post_info{ margin-bottom:2em; } .post_item_colored .post_info_wrap .post_buttons, .post_item_gallery .post_info_wrap .post_buttons{ position:absolute; left:8%; right:8%; bottom:1.875em; height:3em; overflow:hidden; padding:0 0 0 4px; } .post_item_colored_4 .post_info_wrap .post_buttons, .post_item_gallery_4 .post_info_wrap .post_buttons{ bottom:1.125em; height:2.3em; white-space:nowrap; } .post_item_colored .post_info_wrap .post_button, .post_item_gallery .post_info_wrap .post_button{ float:none; display:inline-block; } .post_item_colored .post_info_wrap .post_button+.post_button, .post_item_gallery .post_info_wrap .post_button+.post_button{ margin-left:0.625em; } .post_item_colored_4 .post_info_wrap .post_button .sc_button, .post_item_gallery_4 .post_info_wrap .post_button .sc_button{ padding:0.5em 0.75em; } /* Style "Masonry" */ .post_item_masonry_2 { overflow: hidden; min-height: 6.875em; padding: 0.3125em 0 0 10.125em; position: relative; margin: 0 0 2.5em; } .post_item_masonry_3 { overflow: hidden; padding: 0.3125em 0 0; position: relative; margin: 0 0 2.5em; } .post_item_masonry_2 .post_featured { width: 7.6875em; height: 7.1875em; position: absolute; left: 0.625em; top: 0; } .post_item_masonry_3 .post_featured { width: 100%; max-width: 23.125em; height: auto; margin: 0 auto 1.5em !important; } .post_item_masonry .post_title { font-size: 1.5em; line-height: 1.2083em; margin-bottom: 0; text-transform: none; } .template_masonry .sc_item_button, .template_masonry .isotope_wrap + .sc_item_button{ margin: 0; } /* Colored excerpt */ .isotope_wrap .isotope_item_colored_1 { width:100%; } .isotope_wrap .isotope_item_colored_1 .post_item { overflow:hidden; position:relative; } .isotope_wrap .isotope_item_colored_1 .post_featured { width: 250px; height: 250px; float: left; border-right:20px solid #f0f0f0; margin-right:1.875em; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_description { padding-right: 2em; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_title { margin-top: 0.8em; margin-bottom: 0.25em; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_descr { max-height:6em; margin-top:1em; margin-bottom:1em; overflow:hidden; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_buttons { text-align:right; white-space:nowrap; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_buttons a { float:none; display:inline-block; margin-left:10px; } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination */ .comments_pagination, .pagination_wrap, .pagination_single { text-align:center; position:relative; padding: 121px 11.5625em 0; min-height: 2.8125em; clear: both; } .comments_pagination { padding: 136px 11.5625em 0; } .comments_pagination:before, .pagination_wrap:before, .pagination_single:before { content: ' '; display: block; position: absolute; height: 0.625em; background-color: #cccccc; top: 5.625em; left: 0; right: 0; } .comments_pagination { border-top: none; } .pagination_single { text-align: left; margin-bottom: 0; padding-left: 0; padding-right: 0; } .pagination_wrap { padding-top: 221px; } .sidebar_show .pagination_wrap { padding-left: 9.375em; padding-right: 9.375em; } .comments_pagination:after, .pagination_wrap:after, .pagination_single:after { content:" "; display:block; width:100%; height:0; clear:both; } .pagination_single .pager_pages { font-weight: 400; margin-left: 0; } .pagination_slider .pager_slider { border:1px solid #ddd; } .comments_pagination .next, .pagination_wrap .pager_next { margin-left:0.6em; } .comments_pagination .prev, .pagination_wrap .pager_prev { margin-right:1em; } .comments_pagination .next:hover, .comments_pagination .prev:hover, .comments_pagination .last:hover, .comments_pagination .first:hover, .pagination_wrap .pager_next:hover, .pagination_wrap .pager_prev:hover, .pagination_wrap .pager_last:hover, .pagination_wrap .pager_first:hover { background-color:transparent; } /* Pagination single page parts */ .pagination_lessons { margin-top: 2em; margin-bottom: 3em; overflow:hidden; } .pagination_lessons .pager_prev { float:left; margin-right:2em; margin-top:1em; } .pagination_lessons .pager_next { float:right; margin-top:1em; } /* Style 'Pages' */ .comments_pagination a, .comments_pagination span, .pagination_pages a, .pagination_pages span, .pagination_single > a, .pagination_single > span { display: inline-block; min-width: 22px; color: #cccccc; font: 700 14px/18px 'Montserrat'; text-align: center; margin: 0 9px; padding: 0 0 7px; background: none !important; } .comments_pagination .current, .pagination_pages .pager_current, .pagination_single > .pager_numbers { color: #000000; padding: 0 0 4px; border-bottom: solid 3px #000000; } .pagination_single a span { display: block; } .comments_pagination .first, .comments_pagination .last, .pagination_pages .pager_first, .pagination_pages .pager_last { display: none; } .comments_pagination .prev, .comments_pagination .next, .pagination_pages .pager_prev, .pagination_pages .pager_next { padding: 0 27px; margin: 0; display: inline-block; position: absolute; top: 200px; border: solid 10px #cccccc; color: #cccccc; background: none; font: 700 14px/46px 'Montserrat'; text-transform: uppercase; text-align: center; } .comments_pagination .prev, .comments_pagination .next { top: 115px; } .comments_pagination .prev { left: 0; } .pagination_pages .pager_prev { left: 35px; } .comments_pagination .next { right: 0; } .pagination_pages .pager_next { right: 35px; } .sidebar_show .pagination_pages .pager_prev { left: 0; } .sidebar_show .pagination_pages .pager_next { right: 0; } /* Style 'Slider' */ .pagination_slider .pager_cur { display:inline-block; margin: 0 4px 4px 0; text-align:center; padding:0.7143em 0.8em; font-size:0.875em; line-height: 0.875em; } .pagination_slider .pager_pages { display:inline-block; position:relative; z-index:1000; } .pagination_slider .pager_cur { cursor:pointer; } .pagination_slider .pager_slider { display:none; position:absolute; bottom:3.5em; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); padding: 1em; overflow: hidden; } .pagination_slider .pager_slider .sc_slider { width: 300px; height:230px; } .pagination_slider .pager_slider .sc_slider_swiper:hover .sc_slider_prev { margin-left:0; } .pagination_slider .pager_slider .sc_slider_swiper:hover .sc_slider_next { margin-right:0; } .pagination_slider .pager_slider .pager_numbers table { font-size:1.8em; font-weight:300; } .pagination_slider .pager_slider .pager_numbers table td { vertical-align:middle; padding:0; margin:0; border:none; } .pagination_slider .pager_slider .pager_numbers table td a { display: block; text-align:center; width:58px; line-height:2em; } .pagination_slider .pager_slider .pager_numbers table td a.active, .pagination_slider .pager_slider .pager_numbers table td a:hover { font-weight: 700; } .pagination_slider .pager_slider .pager_numbers table td a.active { color:#666666; cursor:default; } /* Style 'Load more' */ .pagination_viewmore > a { padding: 0 3em !important; margin-top: -21px; } .pagination_viewmore .viewmore_loading, .pagination_viewmore .viewmore_text_2 { display:none; } .pagination_viewmore.loading .viewmore_text_1 { display:none; } .pagination_viewmore.loading .viewmore_loading, .pagination_viewmore.loading .viewmore_text_2 { display:inline-block; } /* Style 'Infinite' */ .pagination_infinite { height:0; } .pagination_infinite #viewmore_link { display:none; } /* Loader picture */ .pagination_wrap.loading { height:1.2857em; padding: 10px 0; } .viewmore_loader, .mfp-preloader span, .sc_video_frame.sc_video_active:before { content: ' '; display: block; position: absolute; top: 50%; left: 50%; right:auto; } .viewmore_loader { display:none; width: 50px; height: 50px; z-index: 1; margin: -25px 0 0 -25px; } .loading * { display: none !important; } .loading > .viewmore_loader { display:block !important; } .loading > .viewmore_loader, .mfp-preloader span, .sc_video_frame.sc_video_active:before { -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { -webkit-transform: perspective(120px); transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } /* Revolution slider pagination */ .tp-bullet { width: 8px; height: 8px; background-color: #ffffff; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .tp-bullet.selected, .tp-bullet:hover{ background-color: #06eaf3; } /* 8. Single page parts -------------------------------------------------------------- */ .post_content.post_content_editor_present { position:relative; } .post_item_attachment > .post_title, .post_item_single > .post_title { margin-top:0; } .post_info .frontend_editor_buttons { float:right; } .post_info .frontend_editor_buttons [class*="icon-"]:before { margin-right:0.5em; } .post_item_single table { margin-top: 1em; margin-bottom: 1em; } /* 8.1 Attachment and Portfolio post navigation ------------------------------------------------------------ */ .post_featured .post_nav { position:relative; } .post_featured .post_nav_item { display:block; position:absolute; left:0; top:50%; width:50%; height:60px; color:#3a3a3a; margin-top:-80px; overflow:hidden; padding: 50px 0; } .post_featured .post_nav_next { left:auto; right:0; } .post_featured .post_nav_item:before { position:absolute; display:block; top:50px; left: 25px; width:58px; height:58px; line-height:58px; font-size:25px; font-family: "fontello"; border:1px solid #ddd; border-color:transparent; background-color: rgba(255,255,255, 0.8); color:#888888; text-align:center; opacity: 0; filter: alpha(opacity=0); } .post_featured .post_nav:hover .post_nav_item:before { opacity: 1; filter: alpha(opacity=100); } .post_featured .post_nav:hover .post_nav_prev:hover:before { opacity: 0; filter: alpha(opacity=0); left: -60px; } .post_featured .post_nav:hover .post_nav_next:hover:before { opacity: 0; filter: alpha(opacity=0); right: -60px; } .post_featured .post_nav .post_nav_prev:before { content:'\e837'; } .post_featured .post_nav .post_nav_next:before { content:'\e836'; left: auto; right: 25px; } /* Info block */ .post_featured .post_nav_item .post_nav_info { display:block; height:60px; width:auto; float: left; padding: 0 25px; margin-left:-300px; overflow: hidden; max-width:160px; background-color: rgba(255,255,255, 0.8); line-height:1.5em; } .post_featured .post_nav_next .post_nav_info { float:right; margin-left: 0; margin-right: -300px; } .post_featured .post_nav .post_nav_info_title { display:block; padding-top: 8px; line-height:1.2857em; } .post_featured .post_nav .post_nav_info_description { font-size: 0.75em; line-height:1.5em; } .post_featured .post_nav_prev:hover .post_nav_info { margin-left: -6px; } .post_featured .post_nav_next:hover .post_nav_info { margin-right: -6px; } .post_featured .post_nav_item .post_nav_info { -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .post_featured .post_nav_item:before { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* 8.2 Reviews block -------------------------------------------------------------- */ .reviews_block { width: 270px; overflow: hidden; } .widget_area .reviews_block { width: 100%; } .reviews_block .sc_tabs_content { overflow:hidden; border: 1px solid #f4f7f9; } .widget_area .reviews_block .sc_tabs_content { border:none; } .reviews_block.sc_tabs.sc_tabs_style_2 .sc_tabs_content { padding:0; } .reviews_block.sc_tabs .sc_tabs_titles li { font-size:0.875em; } .reviews_block.sc_tabs.sc_tabs_style_2 .sc_tabs_titles li a { padding: 0.25em 0.5em; } .reviews_block .reviews_editor { padding:1em; } .widget_area .reviews_block .reviews_editor { padding:0 0 1em 0; } .reviews_block .reviews_accept { padding-top:0.5em; padding-bottom:1.5em; text-align:center; display:none; } .reviews_block .reviews_item { white-space:nowrap; padding:0.3em 0; } .reviews_block .reviews_criteria, .reviews_block .reviews_stars { display: inline-block; vertical-align:top; } .reviews_block .reviews_criteria { width:40%; white-space:normal; } .reviews_block .reviews_max_level_100 .reviews_criteria { height:1.7857em; line-height:1.7857em; font-size:0.875em; } .reviews_block .reviews_stars { width: 60%; white-space:nowrap; position:relative; } .reviews_block .reviews_value { display:inline-block; vertical-align:top; width:10%; text-align:right; font-size:0.875em; line-height:1.5em; position:absolute; top: 0; right:3px; } .reviews_block .reviews_max_level_100 .reviews_value { width:17%; } .widget_area .reviews_block .reviews_max_level_100 .reviews_value { width:25%; } .reviews_block .reviews_stars_wrap { display:inline-block; vertical-align:top; position:relative; } .reviews_block .reviews_max_level_100 .reviews_stars_wrap { width: 80%; } .widget_area .reviews_block .reviews_max_level_100 .reviews_stars_wrap { width: 70%; } .reviews_block .reviews_editable .reviews_criteria, .reviews_block .reviews_editable .reviews_stars_wrap { cursor: pointer; } .reviews_block .reviews_stars_hover { position:absolute; left:0; top:0; white-space:nowrap; overflow:hidden; } .reviews_block .reviews_max_level_100 .reviews_stars_bg { background-color: #f4f7f9; height:1.5625em; } .reviews_block .reviews_max_level_100 .reviews_stars_hover { background-color: #666666; height:1.5625em; } .reviews_block .reviews_slider { display:none; background-color: #666666; height: 6px; width: 8px; position: absolute; bottom: 4px; left: 0; -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2); } .reviews_block .reviews_editable .reviews_max_level_100 .reviews_slider { display:block; } .reviews_block .reviews_max_level_100 .reviews_slider { bottom: -10px; } .reviews_block .reviews_slider:before { content: ' '; display: block; height: 7px; width: 7px; background-color: inherit; margin: -3px 0 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .reviews_star { display: inline-block; margin: 0; padding: 0; font-size: 1.125em; vertical-align: top; } .reviews_max_level_10 .reviews_star { font-size: 0.875em; } .reviews_star:before { content: '\e8c8'; font-family: "fontello"; font-size:inherit; display: inline-block; vertical-align:top; text-align: center; } .reviews_stars_hover .reviews_star:before { content: '\e820'; } .reviews_block .reviews_max_level_100 .reviews_value:after { content: '%'; } /* Summary */ .reviews_block .reviews_summary { background-color: #f4f7f9; overflow:hidden; } .reviews_block .reviews_summary .reviews_item { height: 7.375em; padding:0; overflow:hidden; background-image:url(images/rating_summary_bg.png); background-position:right top; background-repeat:no-repeat; background-size:100% 100%; } .reviews_block .reviews_summary .reviews_stars_wrap { display:none; } .reviews_block .reviews_summary .reviews_criteria { position:static; display:block; float:left; padding: 1.15em 1.15em 0; width:53.8462%; height:6.1428em; color:#222222; font-size:0.875em; line-height:1.5em; overflow:hidden; } .widget_area .reviews_block .reviews_summary .reviews_criteria { width:40%; height:8em; padding: 0.85em 0.85em 0; font-size:0.75em; line-height:1.2857em; } .reviews_block .reviews_summary .reviews_stars { float:right; width: 30.7692%; height:7.375em; position:relative; overflow:hidden; } .widget_area .reviews_block .reviews_summary .reviews_stars { width: 40%; } .reviews_block .reviews_summary .reviews_value { top:0; width:100%; height:2.3em; line-height:2.3em; font-size:3em; font-weight:300; color:#ffffff; text-align:right; } .widget_area .reviews_block .reviews_summary .reviews_value { width:100%; font-size:2.25em; line-height:3em; padding-right:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Summary stars in the post item (under the title) */ .post_rating { margin-bottom:6px; overflow:hidden; } .post_rating .reviews_stars_wrap { white-space:nowrap; } .post_rating .reviews_stars_wrap { position:relative; height:1em; display:inline-block; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post_rating .reviews_value { display:inline-block; vertical-align:top; font-size:0.875em; font-weight:400; margin-left:0.5em; } .post_rating .reviews_stars_bg, .post_rating .reviews_stars_hover { white-space:nowrap; overflow:hidden; } .post_rating .reviews_stars_hover { position:absolute; left:0; top:0; } /* 8.3 Post author ------------------------------------------------------ */ .post_author { margin-bottom: 2em; margin-top: 2em; padding:1.25em 1.85em; overflow:hidden; } .article_style_boxed.single .post_author { margin-top: 2em; } .post_author .post_author_avatar { float:left; margin: 0 20px 10px 0; overflow:hidden; width: 75px; height:75px; } .post_author .post_author_title { margin-top:0; } .post_author .post_author_info { overflow:hidden; } .post_author .post_author_info p { margin:0; } .post_author .post_author_info p+p { margin-top:0.5em; } .post_author .post_author_info .sc_socials { margin-top: 1.5em; display:block; } /* 8.4 Comments -------------------------------------------------------- */ .comments_wrap { margin-top: 3em; } .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } .comments_list_wrap ul > li { margin-bottom: 1.25em; } .comments_list_wrap ul.children, .comments_list_wrap ul > li + li { padding-top: 1.25em; border-top-width: 10px; border-top-style: solid; } .comments_wrap .comment-respond { padding-bottom:4px; } .comments_list_wrap .comment-respond { padding-bottom: 1.25em; margin-bottom: 1.25em; border-bottom-width: 10px; border-bottom-style: solid; } .comments_list_wrap > ul { padding-bottom: 1.25em; border-bottom-width: 10px; border-bottom-style: solid; margin-bottom: 2.5em; } .comments_list_wrap ul > li + li > .comment_author_avatar { top: 1.5em; } .comment-form { max-width: 500px; } .comment-form label { font-weight: 700; margin-bottom: 5px; display: block; } .comment-form .comment-form-cookies-consent label { display: inline; padding-left: 4px; } .comments_list_wrap { margin-bottom: 3em; } /* Trackbacks and pingbacks */ .comments_list > li.pingback, .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.pingback p, .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.pingback p a, .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.pingback .edit-link, .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 0; } .comments_list > li+li.pingback .edit-link, .comments_list > li+li.trackback .edit-link { margin-top: 1.25em; } /* Comment list */ .comments_list_wrap .comments_closed { margin-top:2em; color:#222222; } .comments_list_wrap .comments_list_title { margin-top:0; } .comments_list_wrap > ul { padding:0 0 1.25em; margin:0 0 2.5em; list-style: none; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:5em; } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { margin-left:105px; /* This way for more short border under previous item */ } .comments_list_wrap ul ul ul ul ul { margin-left:0; } .comments_list_wrap .comment_author_avatar { position: absolute; left:0; top: 0.25em; z-index:1; width:75px; height:75px; } .comments_list_wrap .comment_content { padding-left:105px; } .comments_list_wrap .comment_info { font-size:0.875em; margin-bottom:0.5em; } .comments_list_wrap .comment_info > span + span:before { content: "|"; display:inline-block; margin: 0 0.8em; } .comments_list_wrap .comment_info .comment_date_label { font-style:italic; } .comments_list_wrap .comment_not_approved { padding: 0 0 0.5em 0; font-style:italic; font-weight:300; } .comments_list_wrap .comment_text { margin-bottom:0.5em; color:#222222; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.5em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style:outside; } .comments_list_wrap .comment_text ul > li > ul { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li { min-height:0; border:none; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_reply a { font-size:0.875em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family: fontello; margin-right:0.5em; } /* Comments form */ .comments_wrap .comment-reply-title { display:none; } .comments_wrap .comments_list_wrap .comment-reply-title { display:block; } .comments_wrap .comments_notes { font-size:0.875em; color:#909090; } .comments_wrap .comments_field { margin-bottom:20px; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding:0.75em 1em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_site { clear:both; } /* Button -------------------------------------------------------------- */ input[type="submit"], input[type="button"], button, .sc_button, .wp-block-button__link, .pagination_viewmore > a, .learndash #learndash_next_prev_link > a{ display:inline-block; text-align:center; padding:0 1.5714em; border-width: 0.7143em; border-style: solid; font-weight:700; text-transform: uppercase; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* Submit button */ .comments_form_wrap { padding-bottom:4px; /* To show shadow under button */ } .comments_wrap .form-submit { text-align:left; margin:0; } .comments_wrap .form-submit input[type="submit"], .comments_wrap .form-submit input[type="button"] { text-transform:uppercase; } .comments_list_wrap .comment_text ul { list-style-type: disc; } .comments_list_wrap .comment_text ul ul{ list-style-type: circle; } .comments_list_wrap .comment_text ul ul ul{ list-style-type: square; } /* 8.5 Page 404 -------------------------------------------------------------- */ .article_style_boxed .post_item_404 { padding: 1px 0; } .error404 .body_wrap { overflow: hidden; } .post_item_404 .page_title, .post_item_404 .page_subtitle, .post_item_404 .page_description, .post_item_404 .page_search { text-align: center; } .post_item_404 .page_title { font-size: 260px; line-height: 420px; margin-bottom: 40px; position: relative; background: url(images/404/before.png); background-size: cover; background-position: center; } .post_item_404 .page_title:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; } .post_item_404 .page_title:after { background-image: url(images/404/after.png); } .post_item_404 .page_subtitle { letter-spacing: 0.5px; margin-bottom: 10px; } .post_item_404 .page_description { margin-bottom: 3em; } .post_item_404 .page_search { margin-bottom: 3em; } .post_item_404 .page_search .search_wrap { max-width: 30%; margin: 0 auto; } .post_item_404 .page_button { text-align: center; } .post_item_404 .page_button .button { width: 140px; } .error404 .page_content_wrap { padding: 140px 0 130px; } /* 8.8 Team member -------------------------------------------------------------- */ /* Share block */ .post_item_single_team .post_info_share_horizontal { margin:2em 0; } /* 9. Sidebars -------------------------------------------------------------- */ /* Sidebar outer */ .sidebar_outer_logo_wrap { overflow:hidden; } .sidebar_outer_logo { padding: 1em 0; } .sidebar_outer_socials { padding: 1em 1em 1em 0; } /* Side menu */ .sidebar_outer_menu { position:relative; padding-top: 1em; min-height:2em; } .sidebar_outer_menu_buttons { position:absolute; right:0; top:0; display:none; padding-top:1.25em; } .sidebar_outer_menu_buttons a { display:inline-block; text-align:center; } .sidebar_outer_menu_buttons a.sidebar_outer_widgets_button { font-size:1.25em; width:1.5em; height:1.5em; line-height:1.5em; margin-left:0.5em; } .sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button { display:none; font-size:1.5em; line-height:1.5em; position:relative; } .sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button:before { display:block; width:1em; height: 1em; position:absolute; right:0; top:0; } .sidebar_outer_menu ul { margin:0; padding:0; list-style-type:none; } .sidebar_outer_menu ul li { position:relative; margin-bottom: 0; padding-left:0 !important; } .sidebar_outer_menu li:before { display:none; } .sidebar_outer_menu li li > a { position:relative; display:block; padding:0.5em 1.5em; } .menu_side_nav { display:none; } .menu_side_nav > li > a { display:block; padding: 0.5em; } .menu_side_nav > li ul { position:absolute; border: 1px solid #ddd; width:220px; padding: 0; display:none; z-index:100000; } .menu_side_nav > li > ul { left:251px; top:-0.5em; } .sidebar_outer_right .menu_side_nav > li > ul { left:-263px; } .menu_side_nav > li > ul ul { left:222px; top:-0.5em; } .sidebar_outer_right .menu_side_nav > li > ul ul { left:-224px; } .menu_side_nav > li > ul ul.submenu_left { left:-221px; } .menu_side_nav > li.menu-item-has-children > a { padding-right:2em; } .menu_side_nav > li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; position:absolute; right:10px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .sidebar_outer_menu li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; position:absolute; right:8px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .menu_side_nav li a:before { margin-right:0.5em; } /* Responsive side menu */ .menu_side_responsive, .menu_side_responsive ul { display:none; } .sidebar_outer_menu .menu_side_responsive { padding-top:2em; } .menu_mobile .menu_side_nav { display:none !important; } .menu_mobile .sidebar_outer_menu_buttons { left:0; padding-right:3em; padding-top:0.5em; } .menu_mobile .sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button { display:block; } .menu_mobile .sidebar_outer_menu_buttons a.sidebar_outer_widgets_button { position:absolute; right:0; top:0.5em; } .sidebar_outer_menu .menu_side_responsive ul { margin-top: 0; } .sidebar_outer_menu .menu_side_responsive li { margin:0; padding: 0 0 0 1.5em !important; } .sidebar_outer_menu .menu_side_responsive li > a { display:block; padding: 0.5em; position:relative; } .menu_side_responsive > li.menu-item-has-children > a:after, .menu_side_responsive li li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; position:absolute; right:10px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .menu_side_responsive > li.menu-item-has-children.opened > a:after, .menu_side_responsive li li.menu-item-has-children.opened > a:after { content: '\e835'; } /* Common rules */ .sidebar_outer aside, .sidebar aside + aside { margin-top:1.4em; padding-top:1.4em; border-top: 1px solid #ddd; } .widget_area .widget_title { margin-top: 0; margin-bottom: 0.875em; text-transform: uppercase; font-weight: 700; text-align: center; padding: 1em; } .footer_wrap.widget_area .widget_title { text-align: left; padding: 0; margin-bottom: 1.9375em; } .widget_recent_posts .widget_title { margin-bottom: 1.25em; } .widget_area ul { list-style-type:none; margin-bottom:0; padding-left:0; } .widget_area ul ul { margin-top:0.5em; padding-left:1.5em; } .widget_area ul li { position:relative; text-transform: uppercase; font-size: 0.75em; line-height: 1.5em; font-weight: 700; margin-bottom: 1em; } .widget_area.sidebar_align_center ul li { text-align: center; } .widget_area.sidebar_align_left ul li { text-align: left; } .widget_area.sidebar_align_right ul li { text-align: right; } .footer_wrap.widget_area ul li { text-align: left; font-weight: 400; } .widget_area ul li li { font-size: 1em; } /* Tabs in widgets */ .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li { font-size:0.6875em; line-height: 1.8182em; font-weight: 400; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li+li { margin-left: 0.2727em; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li a { padding:0 1em; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_content { padding: 0; border: none; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Widget: Search */ .widget_area .widget_product_search, .widget_area .widget_search { padding-bottom: 0.25em; } .widget_area .widget_product_search .search_form, .widget_area .widget_search .search_form { position:relative; overflow:hidden; } .widget_area .widget_product_search .search_button, .widget_area .widget_search .search_button { text-align:center; border:none; background:none; } .widget_area_inner .widget_product_search .search_field, .widget_area_inner .widget_search .search_field { padding: 0.8125em 3.3125em 0.8125em 1.25em; background:none; border:none; width: 100%; line-height: 1.5em; height: 3.125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget_area_inner .widget_product_search .search_button, .widget_area_inner .widget_search .search_button { position:absolute; right: 0; top:0; padding:0; width: 2.1739em; height: 2.1739em; line-height: 2.1739em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 1.4375em; font-weight: 400; font-style: normal; } .widget_area_inner .widget_product_search .search_button:before, .widget_area_inner .widget_search .search_button:before { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } /* Widget: Calendar */ .widget_area .widget_calendar .calendar_wrap { max-width: 308px; margin: 0 auto; } .widget_area .widget_calendar table { width: 100%; } .widget_area .widget_calendar .weekday { font-size:0.6875em; font-family: 'Montserrat'; font-weight: 400; text-transform:uppercase; } .widget_area .widget_calendar td .day_wrap { display:block; position:relative; width: 2.1429em; height: 2.1429em; line-height: 2.1429em; font-size: 0.875em; margin: 0 auto; } .widget_area .widget_calendar td a.day_wrap:after { font-family:'fontello'; content: '\e83c'; position:absolute; left:48%; bottom:-0.55em; font-size: 1.4286em; } .widget_area .widget_calendar th, .widget_area .widget_calendar td { font-weight:400; text-align:center; border-width:0; padding:0; width: 14.2857%; } .widget_area .widget_calendar th { padding:10px 4px; } .widget_area .widget_calendar td { font-size:0.875em; padding:0; } .widget_area .widget_calendar .month_cur { text-transform:uppercase; } .widget_area .widget_calendar .month_prev { text-align: left; padding-left: 0.875em; padding-top: 0.3125em; } .widget_area .widget_calendar .month_next { text-align: right; padding-right: 0.875em; padding-top: 0.3125em; } .wp-block-calendar .month_prev a, .wp-block-calendar .month_next a, .widget_area .widget_calendar .month_prev a, .widget_area .widget_calendar .month_next a { display:block; font-weight: 400; } .wp-block-calendar .month_prev a:before, .wp-block-calendar .month_next a:after, .widget_area .widget_calendar .month_prev a:before, .widget_area .widget_calendar .month_next a:after { font-family: 'fontello'; } .wp-block-calendar .month_prev a:before, .widget_area .widget_calendar .month_prev a:before { content: '\e837'; margin-right: 0.25em; } .wp-block-calendar .month_next a:after, .widget_area .widget_calendar .month_next a:after { content: '\e836'; margin-left: 0.25em; } .wp-block-calendar tbody td, .wp-block-calendar th { border: 0; } .wp-block-calendar a { text-decoration: none; } .wp-block-calendar { margin: 1em 0; } /* Widget: RSS */ .widget_area .widget_rss .widget_title a { display: inline-block; margin-right: 6px; line-height: 1; vertical-align: bottom; } .widget_area .widget_rss .widget_title img { vertical-align:baseline; } .widget_area .widget_rss { color: #222222; } .widget_area .widget_rss li { font-size:0.875em; } .widget_area .widget_rss li > a { font-size:1.1428em; } /* Widget: Tag Cloud */ .wp-block-tag-cloud, .widget_area .widget_product_tag_cloud, .widget_area .widget_tag_cloud { overflow:hidden; } .wp-block-tag-cloud, .widget_area.sidebar_align_left .widget_product_tag_cloud, .widget_area.sidebar_align_left .widget_tag_cloud { text-align: left; } .wp-block-tag-cloud, .widget_area.sidebar_align_right .widget_product_tag_cloud, .widget_area.sidebar_align_right .widget_tag_cloud { text-align: right; } .wp-block-tag-cloud, .widget_area.sidebar_align_center .widget_product_tag_cloud, .widget_area.sidebar_align_center .widget_tag_cloud { text-align: center; } .wp-block-tag-cloud, .widget_area.footer_wrap .widget_product_tag_cloud, .widget_area.footer_wrap .widget_tag_cloud { text-align: left; } .wp-block-tag-cloud, .widget_area .widget_product_tag_cloud .tagcloud, .widget_area .widget_tag_cloud .tagcloud { line-height: 1.25em; padding-top: 0.375em; } .wp-block-tag-cloud a, .widget_area .widget_product_tag_cloud a, .widget_area .widget_tag_cloud a { display:block; display: inline-block; vertical-align: top; padding: 0 0.9091em; margin:0 0 0.2727em; font-size:0.6875em !important; font-weight: 600; height: 1.8182em; line-height: 1.8182em; text-transform: uppercase; letter-spacing: 0.0909em; } .wp-block-tag-cloud + p { clear: both; padding-top: 1em; } /* Widget: Lorem Ipsum Books & Media Store Banner */ .widget_area .widget_banner .image_wrap { overflow:hidden; display:block; } .sc_widget_banner { position: relative; overflow: hidden; } .columns_wrap[data-equal-height*='.sc_column_item'] .sc_widget_banner, .columns_wrap[data-equal-height*='.sc_column_item'] .widget_banner, .columns_wrap[data-equal-height*='.sc_column_item'] .widget_banner_inner, .columns_wrap[data-equal-height*='.sc_column_item'] .widget_banner_inner .image_wrap, .columns_wrap[data-equal-height*='.sc_column_item'] .widget_banner_inner img { height: 100%; width: 100%; position: relative; } .widget_banner .widget_banner_inner, .widget_area aside.widget_banner .widget_banner_inner { display: inline-block; overflow: hidden; position: relative; } .widget_banner .widget_banner_inner:before, .widget_area aside.widget_banner .widget_banner_inner:before { content: ''; background: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; left: -10%; opacity: 0; visibility: visible; filter: alpha(opacity=0); position: absolute; top: 0; width: 120%; z-index: 1; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px); -webkit-transition: transform 0.8s ease 0s; -moz-transition: transform 0.8s ease 0s; -ms-transition: transform 0.8s ease 0s; -o-transition: transform 0.8s ease 0s; transition: transform 0.8s ease 0s; cursor: pointer; } .widget_banner .widget_banner_inner:hover:before, .widget_area aside.widget_banner .widget_banner_inner:hover:before { opacity: 1; filter: alpha(opacity=100); visibility: initial; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px); } .widget_area .widget_banner .image_wrap img { position: relative; max-height: 100%; max-width: 100%; } /* Widget: Lorem Ipsum Books & Media Store Flickr */ .widget_area .widget_flickr { overflow:hidden; } .widget_area .widget_flickr .flickr_images { margin-right:-5px; } .widget_area .widget_flickr .flickr_badge_image { float:left; margin:0 5px 5px 0; overflow:hidden; width:31%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget_area .widget_flickr .flickr_badge_image img { width: 100%; } /* Widget: Lorem Ipsum Books & Media Store Logo and Socials */ .widget_area .widget_socials .sc_socials { margin-top:1em; } /* Widget: Lorem Ipsum Books & Media Store Twitter */ .widget_area .widget_twitter ul li { padding-left:1.5em; } .widget_area .widget_twitter ul li:before { content: '\e89a'; font-size:1em; left:0; } /* Widget: Text */ .widget_area .widget_mc4wp_form_widget .textwidget, .widget_area .widget_text .textwidget { font-family: 'Montserrat'; font-size: 0.75em; line-height: 1.5em; font-weight: 400; text-transform: uppercase; } .widget_area .widget_mc4wp_form_widget .textwidget p, .widget_area .widget_text .textwidget p { margin-bottom: 1.5em; letter-spacing: 0.025em; } .widget_area .widget_mc4wp_form_widget .textwidget input, .widget_area .widget_text .textwidget input, .widget_area .widget_text .textwidget select { font: 300 1.3333em/1.5em 'Lato', sans-serif; text-transform: none; } .textwidget .wp-caption { overflow: hidden; display: inline-block; } .widget_area .widget_mc4wp_form_widget .textwidget .wp-caption p, .widget_area .widget_text .textwidget .wp-caption p { margin-bottom: 0; } .textwidget .wp-caption .wp-caption-text { -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; background-color: rgba(0,0,0,0.5); font-size: 0.75em; font-weight: 900; line-height:1.2857em; text-transform: uppercase; color: #fff; padding: 1.4167em 1em; text-align: center; } .textwidget .wp-caption:hover .wp-caption-text { opacity: 0; } /* Widget: Popular posts */ .widget_popular_posts { margin-bottom: -1.375em; } .widget_popular_posts_content { padding-top: 0.375em; } .sidebar_align_left .widget_popular_posts_content { text-align: left; } .sidebar_align_right .widget_popular_posts_content { text-align: right; } .sidebar_align_center .widget_popular_posts_content { text-align: center; } .footer_wrap .widget_popular_posts_content { text-align: left; } .widget_popular_posts_tab_content .post_item { margin-bottom: 1.375em; } .widget_area .post_item .post_title { font-size: 0.75em; line-height: 1.5em; margin-bottom: 0; text-transform: uppercase; } .widget_area .post_item .post_info { font-size: 0.6875em; text-transform: uppercase; margin-top: 0.1818em; } /* Widget: Custom menu */ div.widget_nav_menu .widgettitle { font: 700 0.875em/1.2857em 'Montserrat'; padding: 0.9286em 1.7857em 0.8571em; text-transform: uppercase; margin: 0; } div.widget_nav_menu .menu { display: block; list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; } div.widget_nav_menu .menu-item { display: block; margin: 0; position: relative; } div.widget_nav_menu .menu-item:before { content: ''; display: block; position: absolute; width: 100%; height: 1px; left: 0; top: 0; background-size: 3px 3px !important; opacity: 0.8; filter: alpha(opacity=80); } div.widget_nav_menu .menu-item:first-child:before { display: none; } div.widget_nav_menu .menu-item a { display: block; padding: 1.9091em 5.0909em 1.9091em 2.1818em; font: 400 0.6875em/1.2727em 'Montserrat'; text-transform: uppercase; position: relative; } div.widget_nav_menu .menu-item-has-children > a:after { content: '\e913'; position: absolute; display: block; width: 1em; height: 1em; line-height: 1em; text-align: right; right: 2.3636em; top: 50%; margin-top: -0.7857em; font: 400 0.6363em/1.5714em 'Fontello'; } div.widget_nav_menu .sub-menu { visibility: hidden; list-style: none; margin: 0; padding: 0; position: absolute; left: 100%; margin-left: 2px; top: 4.5834em; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity,top ease .5s; -moz-transition: opacity,top ease .5s; -ms-transition: opacity,top ease .5s; -o-transition: opacity,top ease .5s; transition: opacity,top ease .5s; } div.widget_nav_menu .menu-item:hover .sub-menu { top: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } /* Widget: Recent Comments */ .widget_recent_comments { text-align: center; } .comment-author-link { display: block; } /* Widget: RSS */ .rss-date { display: block; } .rssSummary { text-transform: none; font-weight: normal; } .widget_rss cite { text-transform: none; } /* Widget: Video|Audio */ .widget_media_video .wp-video { overflow: hidden; } .sidebar .mejs-time-rail { margin: 0; } .sidebar .mejs-volume-button > .mejs-volume-slider { height: 60px; } .sidebar .mejs-volume-total { height: 50px; } .sidebar .mejs-horizontal-volume-slider { width: 35px; } .sidebar .mejs-horizontal-volume-total { width: 35px; } /* 10. Footer areas -------------------------------------------------------------- */ /* Footer widgets */ .footer_wrap_inner { padding: 4.625em 0 2.875em; position: relative; } .footer_wrap_inner:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; display: block; -webkit-background-size: 3px 3px !important; background-size: 3px 3px !important; opacity: 0.2; filter: alpha(opacity=20); } .footer_wrap aside { margin-bottom:1.5em; } /* Contacts */ .contacts_wrap_inner { padding:8.125em 0 0; text-align:center; } .contacts_wrap .logo { text-align:center; margin-bottom: 3.375em; position: relative; } .contacts_wrap .logo .logo_text, .contacts_wrap .logo .logo_slogan { font-size:0.6875em; text-align: center; display: block; max-width: 70%; } footer.contacts_wrap .logo .logo_text, footer.contacts_wrap .logo .logo_slogan { max-width: 100%; } .contacts_wrap .logo img { display:block; margin: 0 auto 0.875em; } .contacts_wrap .contacts_address { overflow:hidden; font-size:0.875em; margin-bottom:1.5em; } .contacts_wrap .contacts_address .address_left { width:48%; text-align:right; float:left; } .contacts_wrap .contacts_address .address_right { width:48%; text-align:left; float:right; } /* Testimonials and Twitter area */ .testimonials_wrap.sc_section, .twitter_wrap.sc_section { padding: 0; } .testimonials_wrap_inner, .twitter_wrap_inner { background-repeat:no-repeat; background-position:center top; } footer.testimonials_wrap .sc_section_overlay, footer.twitter_wrap .sc_section_overlay { padding: 3em 0; } /* Copyright area */ .copyright_wrap_inner { padding: 2em 0 1.875em; overflow:hidden; } .contacts_wrap + .copyright_wrap .copyright_wrap_inner { padding: 1.0625em 0 7.75em; } .copyright_wrap p { margin:0; } .copyright_style_text { text-align:center; } .copyright_style_menu .copyright_text, .copyright_style_socials .copyright_text { float:left; } .copyright_style_socials .sc_socials, .copyright_style_menu .menu_footer_nav { float:right; } .copyright_style_socials .copyright_wrap_inner { padding-bottom: 1.5em; } .copyright_style_menu .menu_footer_nav { margin:0; padding:0; list-style:none; text-align:right; } .menu_mobile .copyright_style_socials .copyright_text, .menu_mobile .copyright_style_menu .copyright_text, .menu_mobile .copyright_wrap .sc_socials, .menu_mobile .menu_footer_nav { float: none; text-align:center; } .menu_mobile .copyright_style_socials .copyright_text, .menu_mobile .copyright_style_menu .copyright_text { margin-top:1em; } .menu_mobile .copyright_wrap .sc_socials { display:block; } .copyright_style_menu .menu_footer_nav li { display:inline-block; margin-bottom:0; } .copyright_style_menu .menu_footer_nav li+li:before { content:'|'; display:inline-block; margin:0 0.5em; } .copyright_style_menu .menu_footer_nav li ul { display: none; } .footer_payment_options { float: right; display: inline-block; text-align: right; margin-top: -2px; } .footer_payment_options a { display: inline-block; vertical-align: middle; margin-left: 1.125em; } .footer_payment_options img { display: inline-block; height: 2em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; opacity: 0.35; filter: alpha(opacity=35); margin-left: 1.125em; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .footer_payment_options img:hover { opacity: 1; filter: alpha(opacity=100); } .footer_payment_options a img { margin: 0; } /* Widgets in the footer */ footer .mejs-controls .mejs-time, footer .mejs-controls a.mejs-horizontal-volume-slider { display: none!important; } /* 11. Utils -------------------------------------------------------------- */ /* Table of contents */ #toc { position:fixed; z-index:999; top: 0; bottom:0; right: 0; width: 60px; } #toc a { color: #ffffff; } #toc.toc_no { display:none; } #toc .toc_inner { position:absolute; top: 50%; right: -60px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #toc.toc_fixed .toc_inner, #toc:hover .toc_inner { right:0; } #toc .toc_item { position:relative; width:57px; height:60px; border-right:3px solid rgba(0,0,0,0.8); background-color:rgba(0,0,0,0.8); } #toc .toc_item.toc_separator { margin-bottom: 1px; } #toc .toc_item.current, #toc .toc_item:hover { background-color:rgba(128,128,128,0.8); } #toc .toc_icon { position:absolute; display:block; z-index:2; top:0; left:0; width:57px; height: 60px; line-height:60px; text-align:center; } #toc .toc_icon.with_title { line-height:40px; } #toc .toc_icon:before { font-size:inherit; color:inherit; margin:0; padding:0; } #toc .toc_title { position:absolute; bottom:6px; left:0; display:block; width: 57px; line-height:12px; font-size:12px; } #toc .toc_description { position:absolute; top:0; right:-300px; width:240px; height:30px; padding: 1em; font-size: 0.875em; line-height:1.2em; z-index:1; background-color:rgba(128,128,128,0.8); color: #ffffff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #toc .toc_item:hover .toc_description { right:68px; opacity: 1; filter: alpha(opacity=100); } #toc .toc_description:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color:transparent; border-left-color: rgba(128,128,128,0.8); border-width: 8px; margin-top: -8px; } /* Hovers for images and videos */ .hover_icon { position:relative; display:block; max-height: 100%; } .hover_icon:before { font-family:'fontello'; font-size:1.5em; cursor:pointer; display:block; width: 2em; height: 2em; line-height: 2em; text-align:center; position:absolute; z-index:10; left:50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3); -moz-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3); -ms-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3); transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; -moz-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; -ms-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; -o-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; opacity: 0; filter: alpha(opacity=0); } .hover_icon:hover:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1); -moz-transform: translateX(-50%) translateY(-50%) scale(1, 1); -ms-transform: translateX(-50%) translateY(-50%) scale(1, 1); transform: translateX(-50%) translateY(-50%) scale(1, 1); -webkit-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; -moz-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; -ms-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; -o-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; } .hover_icon_play:before { content:'\e909'; } .hover_icon_link:before { content:'\e8b5'; } .hover_icon_zoom:before { content:'\e8f7'; } .hover_icon_view:before { content:'\e843'; } .hover_icon:after { content: ' '; position: absolute; z-index:1; top:0; left:0; bottom:0; right:0; background-color: rgba(0,0,0,0.3); opacity: 0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .hover_icon:hover:after { opacity: 1; } /* Scroll to top */ .scroll_to_top { position: fixed !important; z-index: 100001 !important; display:block; width: 3em; height: 3em; line-height: 3em; text-align:center; bottom: -4em; right: 2em; background: #fff; border:none; cursor: pointer; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; filter: alpha(opacity=0); opacity: 0; } .scroll_to_top.show { filter: alpha(opacity=100); opacity: 1; bottom: 2em; } /* Debug window */ ._debug_log { position:fixed; z-index:1000000; display:block !important; width:30%; line-height:1.3em; max-height:400px; right:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; padding:14px; -webkit-box-sizing:border-box; box-sizing:border-box; } .admin-bar ._debug_log { top:32px; } ._debug_log .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; } /* Customizer */ .custom_options #co_toggle { right: -2.5625em !important; } #update-nag, .update-nag { display:block; } /* Preloader */ #page_preloader { background-position:center; background-repeat:no-repeat; position:fixed; z-index:1000000; left:0; top:0; right:0; bottom:0; opacity: 0.8; } .preloader_wrap { position:absolute; display:inline-block; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .preloader_wrap > div { height: 10px; width: 10px; } /* Circle */ .preloader_wrap > div[class*="preloader_circ"] { margin-right:5px; border-radius: 50%; display: inline-block; -webkit-animation: preloader-circle 0.7s infinite ease-in-out; animation: preloader-circle 0.7s infinite ease-in-out; } .preloader_wrap > div.preloader_circ2 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .preloader_wrap > div.preloader_circ3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .preloader_wrap > div.preloader_circ4 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .preloader_wrap > div.preloader_circ5 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } @-webkit-keyframes preloader-circle { 0%, 40%, 100% { -webkit-transform: translateY(-10px) } 20% { -webkit-transform: translateY(-20px) } } @keyframes preloader-circle { 0%, 40%, 100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); } 20% { transform: translateY(-20px); -webkit-transform: translateY(-20px); } } /* Square */ .preloader_wrap .preloader_square { width: 50px; height: 50px; } .preloader_wrap > div.preloader_square1, .preloader_wrap > div.preloader_square2 { position: absolute; top: 0; left: 0; -webkit-animation: preloader-square 1.8s infinite ease-in-out; animation: preloader-square 1.8s infinite ease-in-out; } .preloader_wrap > div.preloader_square2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes preloader-square { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes preloader-square { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: fixed; top: 50%; left: 50%; z-index: 1000000; width: 37.5em; padding: 3em 2.5em 2em; display:none; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); color: initial; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .popup_wrap.popup_wrap_small { width: 18.75em; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:16px; 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_wrap .result { position:absolute; z-index:10; left:50%; top:25%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2); } .popup_wrap .form_wrap .result p { line-height:1.5em; } .popup_wrap .form_wrap .result a { color: #ffffff; } .popup_wrap .form_wrap .error_fields_class { border-color: #CC6868; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-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; -moz-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 .popup_form_field.agree_field { line-height: 1.4em; } .popup_wrap .popup_form_field, .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"], .popup_wrap input[type="tel"] { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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:13px; right:13px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:40px; width: 100%; } .popup_wrap .registration_form .popup_form_field.iconed_field:before { top: 19px } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.2857em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.2857em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } .popup_wrap a.forgot_password { font-weight:400; font-size: 12px; text-transform:none; letter-spacing:0; } .popup_wrap .popup_close:before { font-weight:400; color: #ccc; } .popup_registration, .popup_login { font-size: 12px; text-transform: none; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* 13.1 Media player ------------------------------------------------------- */ .mejs-controls button:hover, .mejs-controls button:active { background-color:transparent !important; } /* 13.2 Magnific popup -------------------------------------------------------- */ .mfp-figure figcaption { margin-bottom:40px !important; min-height:40px; padding:0 16px; overflow:hidden; } .mfp-figure figcaption .mfp-bottom-bar { left: 16px; right:16px; margin-top:-30px; width:auto; } .mfp-figure figcaption .mfp-title { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } /* 13.3 Google conversion ---------------------------------------------------------- */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* 13.4 WPBakery PageBuilder -------------------------------------------------------- */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .wpb_row, .wpb_row[class*='vc_custom_']{ background-position: center center !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; } .vc_row[data-vc-full-width] { overflow: inherit !important; } .vc_row.vc_inner { margin: 0 !important; } .vc_column_container > .vc_column-inner { width: auto !important; } .vc_row-o-full-height.vc_row-o-content-middle > div { position: absolute; top: 50% !important; left: 0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } /* 14. Predefined classes for users -------------------------------------------------------------- */ .texture_bg_green, .texture_bg_dark { background-image:url(images/bg_dark.jpg); } .texture_bg_blue, .texture_bg_light { background-image:url(images/bg_light.jpg); } .texture_bg_yellow { background-image:url(images/bg_yellow.jpg); } .texture_bg_slider:after, .texture_bg_slider_full:after { content:' '; position:absolute; left:0; right:0; bottom:0; top:0; z-index:1; background: url(images/texture_top.png) center top repeat-x, url(images/texture_slider.png) left top repeat; } .texture_bg_slider_full:after { background: url(images/texture_center.png) center center no-repeat, url(images/texture_top.png) center top repeat-x, url(images/texture_slider.png) left top repeat; } /* Predefined classes for the background texture and/or image */ .texture_bg_1 { background-image:url(images/bg/texture_1.png); } .texture_bg_2 { background-image:url(images/bg/texture_2.png); } .texture_bg_3 { background-image:url(images/bg/texture_3.png); } .texture_bg_4 { background-image:url(images/bg/texture_4.png); } .texture_bg_5 { background-image:url(images/bg/texture_5.png); } .texture_bg_6 { background-image:url(images/bg/texture_6.png); } .texture_bg_7 { background-image:url(images/bg/texture_7.png); } .texture_bg_8 { background-image:url(images/bg/texture_8.png); } .texture_bg_9 { background-image:url(images/bg/texture_9.png); } .texture_bg_10 { background-image:url(images/bg/texture_10.png); } .texture_bg_11 { background-image:url(images/bg/texture_11.png); } .texture_bg_12 { background-image:url(images/bg/texture_12.png); } .overlay_bg_1:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_1.png); } .overlay_bg_2:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_2.png); } .overlay_bg_3:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_3.png); } .overlay_bg_4:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_4.png); } .overlay_bg_5:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_5.png); } .overlay_bg_6:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_6.png); } .overlay_bg_7:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_7.png); } .overlay_bg_8:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_8.png); } .overlay_bg_9:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_9.png); } .overlay_bg_10:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_10.png); } .overlay_bg_11:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_11.png); } .overlay_bg_12:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(images/bg/texture_12.png); } .bg_pattern_1 { background: url(images/bg/pattern_1.jpg) 50% 50% repeat fixed !important; } .bg_pattern_2 { background: url(images/bg/pattern_2.jpg) 50% 50% repeat fixed !important; } .bg_pattern_3 { background: url(images/bg/pattern_3.jpg) 50% 50% repeat fixed !important; } .bg_pattern_4 { background: url(images/bg/pattern_4.jpg) 50% 50% repeat fixed !important; } .bg_pattern_5 { background: url(images/bg/pattern_5.jpg) 50% 50% repeat fixed !important; } .bg_pattern_6 { background: url(images/bg/pattern_6.jpg) 50% 50% repeat fixed !important; } .bg_pattern_7 { background: url(images/bg/pattern_7.jpg) 50% 50% repeat fixed !important; } .bg_image_1 { background: url(images/bg/image_1.jpg) 50% 0% repeat-y fixed !important; } .bg_image_2 { background: url(images/bg/image_2.jpg) 50% 0% repeat-y fixed !important; } .bg_image_3 { background: url(images/bg/image_3.jpg) 50% 0% repeat-y fixed !important; } .bg_image_1, .bg_image_2, .bg_image_3 { -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .accent_top:before { content:' '; display: block; position:absolute; z-index:1; left:50%; top:0; width: 3em; height: 2.8em; background-color:#fff; margin: -1.4em 0 0 -1.2857em; -webkit-transform: rotate(35deg) skewX(-20deg); -moz-transform: rotate(35deg) skewX(-20deg); transform: rotate(35deg) skewX(-20deg); } .rounded_none { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Predefined Theme Margins */ .margin_left_null,.margin_left_none,.margin_left_no,.margin_left_hide { margin-left:0 !important; } .margin_left_tiny { margin-left:0.5em !important; margin-left:0.5rem !important; } .margin_left_small { margin-left:2em !important; margin-left:2rem !important; } .margin_left_medium { margin-left:3em !important; margin-left:3rem !important; } .margin_left_large { margin-left:4em !important; margin-left:4rem !important; } .margin_left_huge { margin-left:6em !important; margin-left:6rem !important; } .margin_left_tiny- { margin-left:-0.5em !important; margin-left:-0.5rem !important; } .margin_left_small- { margin-left:-2em !important; margin-left:-2rem !important; } .margin_left_medium- { margin-left:-3em !important; margin-left:-3rem !important; } .margin_left_large- { margin-left:-4em !important; margin-left:-4rem !important; } .margin_left_huge- { margin-left:-6em !important; margin-left:-6rem !important; } .margin_right_null,.margin_right_none,.margin_right_no,.margin_right_hide { margin-right:0 !important; } .margin_right_tiny { margin-right:0.5em !important; margin-right:0.5rem !important; } .margin_right_small { margin-right:2em !important; margin-right:2rem !important; } .margin_right_medium { margin-right:3em !important; margin-right:3rem !important; } .margin_right_large { margin-right:4em !important; margin-right:4rem !important; } .margin_right_huge { margin-right:6em !important; margin-right:6rem !important; } .margin_right_tiny- { margin-right:-0.5em !important; margin-right:-0.5rem !important; } .margin_right_small- { margin-right:-2em !important; margin-right:-2rem !important; } .margin_right_medium- { margin-right:-3em !important; margin-right:-3rem !important; } .margin_right_large- { margin-right:-4em !important; margin-right:-4rem !important; } .margin_right_huge- { margin-right:-6em !important; margin-right:-6rem !important; } .margin_top_null,.margin_top_none,.margin_top_no,.margin_top_hide { margin-top:0 !important; } .margin_top_tiny { margin-top:0.5em !important; margin-top:0.5rem !important; } .margin_top_small { margin-top:2em !important; margin-top:2rem !important; } .margin_top_medium { margin-top:3em !important; margin-top:3rem !important; } .margin_top_large { margin-top:4em !important; margin-top:4rem !important; } .margin_top_huge { margin-top:6em !important; margin-top:6rem !important; } .margin_top_tiny- { margin-top:-0.5em !important; margin-top:-0.5rem !important; } .margin_top_small- { margin-top:-2em !important; margin-top:-2rem !important; } .margin_top_medium- { margin-top:-3em !important; margin-top:-3rem !important; } .margin_top_large- { margin-top:-4em !important; margin-top:-4rem !important; } .margin_top_huge- { margin-top:-6em !important; margin-top:-6rem !important; } .margin_bottom_null,.margin_bottom_none,.margin_bottom_no,.margin_bottom_hide { margin-bottom:0 !important; } .margin_bottom_tiny { margin-bottom:0.5em !important; margin-bottom:0.5rem !important; } .margin_bottom_small { margin-bottom:2em !important; margin-bottom:2rem !important; } .margin_bottom_medium { margin-bottom:3em !important; margin-bottom:3rem !important; } .margin_bottom_large { margin-bottom:4em !important; margin-bottom:4rem !important; } .margin_bottom_huge { margin-bottom:6em !important; margin-bottom:6rem !important; } .margin_bottom_tiny- { margin-bottom:-1.5em !important;margin-bottom:-1.5rem !important; } .margin_bottom_small- { margin-bottom:-2em !important; margin-bottom:-2rem !important; } .margin_bottom_medium- {margin-bottom:-3em !important; margin-bottom:-3rem !important; } .margin_bottom_large- { margin-bottom:-4em !important; margin-bottom:-4rem !important; } .margin_bottom_huge- { margin-bottom:-6em !important; margin-bottom:-6rem !important; } .esgbox-lock { overflow: inherit !important; } .esgbox-toolbar .esgbox-button--fullscreen { display: none; } .esgbox-share .esgbox-share__links a { color: #fff; } button[disabled], html input[disabled] { cursor: default !important; } .gdpr-terms-container { margin: 1em 0 !important; } .sc_form .sc_form_field input.sc_form_privacy_checkbox{ width: auto; } .sc_form .sc_form_field.sc_form_field_checkbox label{ vertical-align: middle; } .sc_googlemap > iframe { width: 100%; height: 100%; } .wpcf7 { display: block; position: relative; } .wpcf7 .wpcf7-form{ max-width: 950px; margin: 0 auto; } .wpcf7 p { margin-bottom: 3em; text-align: center; } .wpcf7 .columns_wrap > [class*="column-"] { float: left; } .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 select, .wpcf7 textarea, .wpcf7 .columns_wrap > [class*="column-"] input, .wpcf7 .columns_wrap > [class*="column-"] select, .wpcf7 .columns_wrap > [class*="column-"] textarea { width: 100%; } /* Gutenberg */ body.sidebar_hide .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); width: 100vw; max-width : 100vw; } 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-cover.has-background-dim.alignwide { margin: 0.5em 0; } /* Gutenberg blocks */ .wp-block-cover { box-sizing: border-box; } .wp-block-cover.aligncenter { display: flex!important; } table.is-style-stripes > tbody > tr:nth-child(even) > td { background-color: transparent; } .wp-block-image figcaption { margin-bottom: 0; max-height: 70%; } 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; } .wp-block-column .wp-block-quote { padding: 1.6em 2.2em 2.05em; } .wp-block-column .wp-block-quote:first-child { margin-top: 0; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 2.5em; } .wp-block-pullquote.is-style-solid-color blockquote { background-color: transparent; } .wp-block-pullquote.is-style-solid-color blockquote cite { color: inherit; } .wp-block-button a.wp-block-button__link { color: inherit; } .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; } .wp-block-media-text, .wp-block-media-text { margin: 2em 0; } .wp-block-separator { max-width: 5em; margin: 3em 0; } .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; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 400px; } .wp-block-cover[class*="has-background"] p, .wp-block-cover-text, .wp-block-cover .wp-block-cover-text a, .wp-block-cover .wp-block-cover-text strong { color: #fff; } /* Cover image */ .wp-block-cover-image .wp-block-cover__inner-container a, .wp-block-cover .wp-block-cover__inner-container a { color: inherit; } .wp-block-table { margin-top: 1.6em; margin-bottom: 1.6em; } .wp-block-table:not(.is-style-stripes) { border: 2px solid #f4f7f9; } .wp-block-image figure.aligncenter { display: table!important; } .wp-block-embed-twitter twitter-widget { margin-bottom: 0!important; } figcaption, figure.wp-block-video figcaption, figure.wp-block-embed figcaption { position: static; transition: none; margin: 0; } figure.wp-block-audio:hover figcaption, figure.wp-block-video:hover figcaption, figure.wp-block-embed:hover figcaption { margin-bottom: 0; } .sidebar_hide .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .sidebar_hide .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe, .sidebar_hide .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .sidebar_hide .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .sidebar_hide .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .sidebar_hide .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .sidebar_hide .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .sidebar_hide .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before, .sidebar_hide .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .sidebar_hide .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .sidebar_hide.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .sidebar_hide.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { content: ""; display: block; padding-top: 50%; } .sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 56.25%; } body.sidebar_hide .wp-block-columns.alignfull .wp-block-column { padding: 0 1.5em; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { box-sizing: border-box; overflow: auto; max-height: 70%; padding-top: 10px; } .wp-block-gallery[class*="align"] { display: flex; } figure.wp-caption { margin-bottom: 1em; } figure.wp-block-embed:hover figcaption, figure.wp-block-video:hover figcaption, figure figcaption:hover:not(.editor-rich-text__tinymce), 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; } .wp-block-image figure:hover figcaption:hover, figure:hover figcaption:hover{ opacity: 1; } figure.wp-caption:hover figcaption, .wp-block-gallery figure:hover figcaption, .wp-block-image:hover figcaption { opacity: 0; } .wp-block-image figure:hover figcaption:hover, figure:not(.wp-block-gallery):hover figcaption:hover{ opacity: 1; } figure.wp-block-audio { overflow: visible; } .wp-block-gallery figcaption.blocks-gallery-caption { margin-bottom: 1em; position: relative; display: block; width: 100%; } svg:not(:root) { overflow: hidden; } .wp-block-embed__wrapper { position: relative; } figure.wp-block-audio .mejs-container { height: 40px!important; } .wp-block-button { margin: 1.5em 0; } .wp-block-button.alignleft { margin: .5em .5em .5em 0; } .wp-block-button.alignright { margin: .5em 0 .5em .5em; } .wp-block-button__link { display:inline-block; text-align:center; padding:0 1.5714em; border-width: 0.7143em; border-style: solid; font-weight:700; text-transform: uppercase; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* Gutenberg editor -------------------------------------------------------------- */ .editor-post-title { margin-top: 50px; } .block-editor-block-list__block-edit .wp-block-audio button, .editor-inserter-with-shortcuts button, .editor-post-permalink button, .components-toolbar button, .editor-block-mover button, .editor-inserter button, .mce-btn button { border-width: 0; } .block-editor-block-list__block-edit figure:hover figcaption, .wp-block-audio .block-editor-rich-text .block-editor-rich-text__editable[data-is-placeholder-visible="true"], .block-editor-block-list__block-edit .editor-rich-text .block-editor-rich-text figcaption { position: relative; } /* Audio -------------------------------------------------------------- */ .post_item_excerpt.post_format_audio .post_featured, figure.wp-block-audio { overflow: visible; } /* container */ .wp-block-audio .mejs-offscreen { display:none !important; } .block-editor-block-list__block-edit .wp-block-audio .mejs-button > button { margin: 10px 6px; padding: 0; } .wp-block-button.is-style-squared .wp-block-button__link { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wp-block-search, .wp-block-categories-dropdown, .wp-block-video, .wp-block-quote + figure.wp-block-audio, .wp-block-quote + figure.wp-block-audio + .wp-block-cover{ margin-bottom: 1em; } .wp-block-quote + figure.wp-block-audio + .wp-block-cover p.has-large-font-size { margin-bottom: 0; } .wp-block-group.has-background { padding: 1em; } .wp-block-group.has-background + span { display: block; height: 1em; } .comment-respond .comment-reply-title a { display: block; } .wp-block-latest-comments, .wp-block-latest-posts { padding-left: 0; } .esgbox-container { z-index: 999999 !important; } .esgbox-container .esgbox-share a.esgbox-share__button:hover { color: #fff !important; } div.wpcf7 .ajax-loader { display: block; margin: 0 auto; } .wpcf7-spinner{ position: absolute; } .wp-block-separator.is-style-dots{ max-width: unset; } .wpgdprc-checkbox{ align-items: baseline; } .wpgdprc-checkbox input[type='checkbox']{ margin-right: 3px; }