@charset 'utf-8'; /* Theme Name: JardiWinery Theme URI: http://jardiwinery.ancorathemes.com/ Description: JardiWinery - Multipurpose and Multiskin Responsive Wordpress theme Author: AncoraThemes Author URI: http://ancorathemes.com/ Version: 1.0 License: GNU General Public License License URI: license.txt Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: jardiwinery */ /* 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; 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;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 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; } h1,h2,h3,h4,h5,h6{ text-transform: uppercase; } 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.65em; } li>ul, li>ol, dd>dl { margin-top:0.5em; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; } ol > li { position: relative; padding-left: 1.85em; } ol > li::before { position: absolute; top: 0; left: 0; content: counter(num) '. '; counter-increment: num; font-weight: 500; margin-right: 6px; } ol { padding-left: 0; list-style-type: none; counter-reset: num; } /* 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; } td, th { border: 1px solid #e4e7e8; padding: 4px; } caption, th { font-weight: bold; text-align: center; } body[class*="woocommerce-"] table th, body[class*="woocommerce-"] table td { border-width:0; } 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; 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%; } figure figcaption, .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; line-height:1.2857em; color: #fff; text-align: center; padding: 1.3em 0.8em; } figure:hover figcaption, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em !important; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* 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, 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 */ } button, 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, input[type="button"], input[type="reset"], input[type="submit"], .sc_button.sc_button_style_filled { } button[disabled], html input[disabled] { cursor: default; } 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="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 */ } 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="tel"], input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], select, textarea { max-width: 100%; -webkit-appearance: none; -moz-appearance: none; outline: none; resize: none; border-radius: 0; padding: 0.45em 2.75em; letter-spacing: 4.8px; border: 2px solid; text-transform: uppercase; height: 5em; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -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="tel"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select, textarea:focus { outline: none; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; padding-top: 1.7em; } label.required:after { content:'*'; display:inline-block; vertical-align:text-top; font-size:80%; color:#da6f5b; } select { background: url("images/select.png") right top no-repeat; max-width: 100%; padding-right: 30px; box-sizing: border-box; background-position: 94% 49%; } select::-ms-expand { display: none; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.85em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; margin-top: 1em; margin-bottom: 1em; } .alignright { display: inline-block; float: right; margin-left: 2em; margin-top: 1em; margin-bottom: 1em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; margin-top: 1em; 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 {} .bypostauthor {} .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; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { padding: 0.5em 0 2em; text-align:center; } .gallery { margin: 0 -5px; } .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; padding: 6px 6px 0; font-size:0.875em; } .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.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:10px; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; /* -15px; */ margin-right: -30px; /* -15px; */ } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between columns tags: Right: Wrong: <div class="columns_wrap"><div class="column-1_2"> <div class="columns_wrap"> <div class="column-1_2"> ... ... </div><div class="column-1_2"> </div <div class="column-1_2"> ... ... </div></div> </div> </div> */ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row.column_padding_left, .columns_wrap.column_padding_left { margin-left: -30px; 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:30px; padding-right:0; } .row.column_padding_right, .columns_wrap.column_padding_right { margin-left: 0; margin-right: -30px; } .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:30px; } .row.column_padding_center, .columns_wrap.column_padding_center { margin-left: -15px; margin-right: -15px; } .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:15px; padding-right:15px; } .row > [class*="column-"].column_padding_bottom, .columns_wrap > [class*="column-"].column_padding_bottom { padding-bottom: 30px; } .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; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap, .content_wrap { margin:0 auto; } .body_style_boxed .page_wrap { width:1230px; /*overflow:hidden;*/ } .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; } /* 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; } /* Use preloader */ /* .preloader > .outer_wrap, .preloader > .body_wrap { opacity: 0; filter: alpha(opacity=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.15em 0 8.1em; } .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 > article,*/ .article_style_boxed[class*="single-"] .content > .comments_wrap, .article_style_boxed[class*="single-"] .content > article > .post_info_share, .body_filled .widget_area[class*="scheme_"]:not(.footer_wrap) .widget_area_inner { padding: 0; } .body_filled .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.1429em 2.8571em; } .body_style_fullscreen .content > article.page { padding:0; } .sidebar_inner aside { padding: 5.1em 4em 5.45em 5em; box-sizing: border-box; } .sidebar_inner aside.widget_calendar, .sidebar_inner aside.widget_search { padding: 5.1em 5em 5.1em 5em; } /* 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 -------------------------------------------------------------- */ /* Top panel */ .top_panel_wrap { position:relative; } .top_panel_fixed .top_panel_wrap { -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); } .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; } .admin-bar.top_panel_over .top_panel_wrap { top:32px; } .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:8000; } .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:3.5714em; margin-top:0; position:relative; z-index:10000; } .top_panel_style_1 .top_panel_middle, .top_panel_style_2 .top_panel_middle, .top_panel_style_3 .top_panel_middle, .top_panel_style_4 .top_panel_middle, .top_panel_style_5 .top_panel_middle, .top_panel_style_6 .top_panel_middle, .top_panel_style_8 .top_panel_middle { background-repeat:repeat; background-position:center top; } .top_panel_top_contact_area { float: left; margin-top:1em; } .top_panel_top_open_hours { float:left; margin-top:1em; margin-left:3em; } .top_panel_top_user_area { float:right; } .top_panel_top_socials { float:right; margin-top:1em; } .top_panel_top_search, .menu_user_nav { float:left; margin-top:1em; } .top_panel_top_search { padding-top: 0.2em; margin-right: 2em; } .top_panel_top_socials { margin-left:3em; } .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 > a { position:relative; display:block; padding: 0.9em 1.45em 0.8em; letter-spacing: 4.7px; } .menu_main_nav > li.current-menu-item > a:after, .menu_main_nav > li.sfHover > a:after, .menu_main_nav > li.current-menu-ancestor > a:after, .menu_main_nav > li > a:hover:after{ left: 1em; right: 1em; width: auto; content: ''; } .menu_main_nav > li ul li + li { margin-top: 0.4em; } .menu_main_nav > li > a:after { position: absolute; height: 2px; bottom: 13px; left: 50%; right: 50%; width: 0; content: ''; transition: all ease .3s; } /* User menu */ .menu_user_nav > li { margin-left:1.5em; } .menu_user_nav > li a { font-weight:400; } .menu_user_nav > li > a { display: block; padding: 1em 0 1.25em; } .menu_user_nav > li li { line-height:1.5em; } .menu_user_nav > li ul:not(.cart_list) { width:12em; padding: 0; border:1px solid #ddd; } .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-right: 0.4em; overflow: hidden; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 1em; height: 1em; line-height:1em; } /* Main and user menu */ .menu_main_nav_area { position:relative; z-index:1000; display:none; } .menu_show .menu_main_nav_area { display: inline-block; } .menu_user_nav > li:first-child { margin-left:0; } .top_panel_style_2 .menu_main_nav > li > a { padding: 1.2em 0.98em 1.75em; } .menu_user_nav > li, .menu_main_nav > li { position:relative; float:left; 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 > a { display: block; text-transform:uppercase; padding: 1.8em 0.98em; } .menu_main_nav > li ul { width: 250px; padding: 2.4em 1.8em; box-sizing: border-box; text-transform: uppercase; } .menu_main_nav > li > ul { left:0.85em; top:40px; } .menu_main_nav > li > ul ul { left:232px; top:-1px; } .menu_main_nav > li > ul ul.submenu_left { left:-276px; } .menu_main_nav li a:before { margin-right:0.5em; } /* Main menu slider */ .menu_main_nav > li#blob { position: absolute; top: 0; z-index : 1; opacity:0; } .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; } /* 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_middle .contact_cart { position:relative; } .top_panel_middle .sidebar_cart { position:absolute; top: 4.5em; left:0; z-index:1000; display:none; float:none; text-align:left; border: 1px solid #eee; } .top_panel_style_2 .top_panel_middle .sidebar_cart { left: auto; right: 0; } .top_panel_icon { padding:0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .top_panel_icon .sidebar_cart { top: 3.5em; left:-0.7em; } .top_panel_icon .sidebar_cart { left:auto; right: -1em; top: 4.2em; } .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_middle .contact_cart_totals { font-family: Montserrat, sans-serif; font-weight: 400; font-size: 0.857em; text-transform: uppercase; letter-spacing: 2.3px; padding: 0 2.35em 0; margin: 1.55em 0 0; display: inline-block; } .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 { } /* Logo in the header */ .top_panel_wrap .logo_main { max-height:100px; width:auto; } .logo a { display:inline-block; } .logo_text, .logo_slogan { float:left; text-align:left; } .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: block; } .top_panel_fixed .top_panel_middle .menu_main_wrap { margin-top:0; margin-bottom: 0; } .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 { float: left; } .top_panel_fixed .top_panel_title { } header.top_panel_style_6 { background: url("images/header_bg.jpg"); } .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; margin-right: 3em; } .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:30.7em; overflow:hidden; position:relative; background-size:cover; background-position:center; } .top_panel_image .breadcrumbs { font-family: Montserrat, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 0.857em; letter-spacing: 5px; } .top_panel_image_hover { position:absolute; top:0; left:0; right:0; bottom:0; } .top_panel_image_title { margin: 0 0 2px; } .top_panel_over .top_panel_image_title { margin: 1.39em 0 2px; } .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.5em; } .top_panel_style_2 .top_panel_cart_button { float: right; } .top_panel_style_2 .contact_field { margin-top: 3.2em; } .top_panel_style_2 .contact_cart { margin-top: 2.25em; } .top_panel_inner_style_2 .top_panel_middle { padding: 1.9em 0 0; } .top_panel_inner_style_2 .top_panel_middle .top_panel_cart_button .contact_icon { width: 3.4em; } .top_panel_wrap .contact_field > a > span, .top_panel_wrap .contact_field > span { } .top_panel_inner_style_2 .top_panel_middle .contact_cart_totals { padding: 0; } .top_panel_wrap .contact_label { margin:0.3em 0 0.15em; } .top_panel_middle .contact_icon { float:left; text-align:center; } .top_panel_middle .contact_field .contacts_info { padding-left: 0.6em; } .top_panel_middle .contact_icon:before { font-size:1.7em; margin-right:0; } .top_panel_wrap .menu_main_cart .contact_icon:before { } .top_panel_style_2 .logo, .top_panel_style_5 .logo { text-align:center; } .top_panel_style_2 .contact_phone > span + span { text-align:right; display: inline-block; } .top_panel_style_2 .contact_phone .contact_icon { margin-left: 0; margin-right: 0.8rem; } .top_panel_middle .menu_main_wrap { text-align:right; margin-top: 2em; margin-bottom: 1.4em; } .top_panel_middle .menu_main_nav_area { display:inline-block; text-align:left; } .top_panel_style_5 .top_panel_middle .menu_main_nav_area { display:block; } .top_panel_middle .top_panel_cart_button .contact_icon { width: 4em; height: 4.1em; line-height: 4em; } .top_panel_style_6 .top_panel_middle, .top_panel_style_7 .top_panel_middle { min-height:0; } .top_panel_bottom { text-align: center; padding-bottom: 0.6em; } .top_panel_fixed .top_panel_bottom { padding-top: 1em; } /* 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; } .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, .search_wrap .search_submit, .search_wrap .search_submit:hover { background-color:transparent !important; border:none; } .content .search_wrap, .content .search_wrap .search_submit, .content .search_wrap .search_field, .top_panel_bottom .search_wrap, .top_panel_bottom .search_wrap .search_submit, .top_panel_bottom .search_wrap .search_field, .top_panel_style_4 .search_wrap, .top_panel_style_4 .search_wrap .search_submit, .top_panel_style_4 .search_wrap .search_field { padding:0; } .top_panel_bottom .search_wrap, .top_panel_style_4 .search_wrap { float:right; padding-top:1em; padding-left:1em; } .search_wrap form { width: 100%; padding-left: 4.2em; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search_wrap .search_submit { position: absolute; left: 0.7em; top: 1.1em; width: 2em; padding: 0; margin: 0; text-align: right; font-weight: normal; font-size: 1.2em; } .top_panel_top_search .search_submit { top:2px; } .search_wrap .search_field { width:100%; } .top_panel_top .search_field { padding:0; max-width:6em; } .search_wrap .search_submit:before { margin-right:0.35em; } .search_wrap.search_style_rounded { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .top_panel_style_5 .search_form_wrap, .top_panel_style_6 .search_form_wrap, .top_panel_style_7 .search_form_wrap { width:100%; overflow:hidden; } .top_panel_style_5 .search_results, .top_panel_style_6 .search_results, .top_panel_style_7 .search_results { top: 3.3em !important; } .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_state_closed .search_form_wrap { 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; } .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; color: #ffffff !important; 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: none; font-size: 1.2em; width: auto; color: #ffffff !important; padding: 0; } .search_style_fullscreen.search_state_opened .search_close:hover, .search_style_fullscreen.search_state_opened .search_submit:hover, .search_style_fullscreen.search_state_opened .search_submit:focus { color: #ccc !important; } .search_style_fullscreen.search_state_closed .search_field { display: none; } .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; background-color: transparent; overflow: hidden; display: block; width: 100%; color: #FFFFFF !important; } .search_style_fullscreen.search_state_opened .search_field:focus { color: #ccc !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;} /* Search results */ .search_wrap .search_results { display:none; position:absolute; z-index:1000; right:0; top:4.2857em; background-color: #fff; border: 1px solid #e5e5e5; width: 270px; padding:1em; line-height:1.5em; box-sizing: border-box; text-align:left; -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); } .top_panel_top .search_results { top:2.65em; } .top_panel_middle .sidebar_cart:after, .menu_user_nav > li > ul:after, .search_wrap .search_results:after { content:" "; width:10px; height:10px; background-color: #fff; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; position: absolute; top:-6px; right:3em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .top_panel_middle .sidebar_cart:after, .menu_user_nav > li > ul:after { left: 1.5em; right:auto; } .top_panel_style_5 .top_panel_middle .sidebar_cart:after, .top_panel_style_6 .top_panel_middle .sidebar_cart:after, .top_panel_style_7 .top_panel_middle .sidebar_cart:after, .top_panel_style_8 .top_panel_middle .sidebar_cart:after { right:2.15em; left:auto; } .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; } .search_wrap .post_more { display:block; text-align:center; } .widget_area .post_item { overflow:hidden; } .widget_area aside .post_item + .post_item, .search_results.widget_area .post_item + .post_item { margin-top:10px; padding-top:1em; } .search_results.widget_area .post_item + .post_item { border-top:1px solid #e5e5e5; } .widget_area .post_item .post_content { overflow:hidden; } .widget_area .post_item .post_thumb { float:left; width: 4.6875em; height: 4.6875em; margin:0 1.25em 4px 0; overflow:hidden; } .widget_area .post_item .post_thumb img { width:100%; } .widget_area .post_item .post_title { margin: -4px 0 6px 0; font-size:1.1538em; } .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+.post_info_item:before { content: ""; margin:0 0 0 5px; } /* Search field inside content */ .content .search_wrap { max-width:50%; margin:0 auto; } .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%; } /* 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: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 ---------------------------------------------------------------- */ .menu_mobile_open { height: 100%; } .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: 8003; display: none; } .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: 35px; padding-bottom: 20px; } .header_mobile .logo_main{ } .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: -12px; } .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 } /* side wrap */ .header_mobile .side_wrap { display: block; position: fixed; top: 0; left: -320px; width: 320px; height: auto; bottom: 0; overflow: hidden; overflow-y: scroll; 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; } .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 { 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; } /* 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: 15px; display: block; } .header_mobile .menu_main_nav > li > a::after{ display: none; } .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; left: 0; 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: 0.2em; } .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 > * { 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{ content: '\e8c3'; font-family: fontello; position: absolute; right: 28px; top: 16px; font-size: 12px; } .header_mobile .login .popup_link.popup_login_link:before{ content: '\e80a'; } /* 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 .social_icons span { font-size: 18px; opacity: 0.6; } .header_mobile .sc_socials.sc_socials_size_small .sc_socials_item { margin: 0 0.5em 0m 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: 250px !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; } .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 ul.cart_list > li img { width:50px; margin-top:0.5em; } .header_mobile .widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; left: auto; right: 0; margin-top: 0; text-align: center; } /* 7.2 Main Slider -------------------------------------------------------------- */ .slider_wrap .rev_slider_wrapper { z-index:0; } .tparrows.default { /* display: none; */ /* Remove this row if you want display slides navigation arrows */ 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; } /* Uncomment rule below if you want to shift bullets left on slider with content */ /* .slider_with_over_content .tp-bullets { left: 30% !important; } */ .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.title_present.breadcrumbs_present .post_navi, .top_panel_title.title_present.breadcrumbs_present .page_title, .top_panel_title.title_present.breadcrumbs_present .breadcrumbs { max-width:49%; } .top_panel_style_3 .post_navi, .top_panel_style_3 .page_title, .top_panel_style_3 .breadcrumbs { float:none !important; max-width:100% !important; text-align:center; } .top_panel_title_inner { overflow:hidden; border-top: 1px solid rgba(0,0,0, 0.1); } .top_panel_title .page_title { float:left; margin:0; font-weight:300; font-size: 2.5em; /* Remove to default */ padding: 0.8571em 0; /* 0.6667em 0; */ line-height:1.2em; } .top_panel_title .post_navi { float:left; padding: 1.6667em 0 2.5em; font-size:0.875em; line-height:1.5em; } .top_panel_style_3 .post_navi, .top_panel_style_3 .page_title { padding:0.5em 0 0.25em; } .top_panel_title .breadcrumbs { float:right; padding: 1.6667em 0 2.5em; font-size:0.875em; line-height:1.5em; } .top_panel_title.title_present:not(.navi_present) .breadcrumbs { padding: 3.5em 0 1em 2.5em; } .top_panel_style_3.title_present .breadcrumbs { padding: 0 0 1.5em 0; } .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 1.95em; 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 featured block */ .post_featured { overflow:hidden; margin-bottom:2.5em; position:relative; } .article_style_boxed .post_featured { margin-bottom:0; } .post_featured img { width:100%; height:auto; } .post_item_excerpt .post_descr .sc_button { margin-top: 1.3em; } .post_featured_right > .post_featured { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left > .post_featured { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_info { text-transform: uppercase; } .post_info_bottom { margin-bottom:3em; } .post_info_bottom .post_info_tags a { font-size: 14px; font-family: Lato, sans-serif; text-transform: none; } .post_info_bottom .post_info_tags { display: block; margin-top: 2.15rem; } .post_info .post_info_item+.post_info_item:before { display: inline-block; content:"|"; vertical-align:top; font-style:normal; margin:0 1em; } .post_info .post_info_counters .post_counters_item { display:inline-block; margin-right:0.75em; } .post_info .post_info_counters .post_counters_item:before { margin-right:0.5em; } .post_info.post_info_share_vertical { margin: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 2.5em; font-size: 1.5em; } blockquote, blockquote p { position:relative; z-index:2; font-weight:300; line-height:1.3333em; } blockquote:before { font-family:'fontello'; content: '\e8b6'; display:block; position:absolute; z-index:1; left:0; top:0; font-size:2em; line-height:1em; color: rgba(128,128,128,0.1); } blockquote p { margin: 0; } blockquote p + p { margin-top: 0.3em; } blockquote > a, blockquote > p > a, blockquote cite { display:block; font-size: 0.6667em; font-weight:normal; margin-top:1em; } /* Option Style */ .style_quote_image p{ font-family: Vidaloka, serif; font-size: 0.92em; text-align: center; line-height: 1.5em; } .style_quote_image{ padding: 5em 4em 4.8em; letter-spacing: 0.3px; } .style_quote_image .sc_quote_title{ margin:1.5em 0 0; font-family: inherit; letter-spacing: 0; } .style_quote_image .sc_quote_sub_title{ margin:-0.75em 0 0; font-family: inherit; letter-spacing: 0; } .style_quote_image:before{ display: none; } /* Link */ .post_format_link .post_descr a { font-size: 1.071em; font-family: Vidaloka, serif; font-weight: 400; } .mb2 { margin-top: 0.45em; } /* Status */ .post_format_status.post_item_single .post_content p, .post_format_status .post_descr { font-size: 1.875em; line-height:1.3333em; } .post_item_single .post_info_bottom { margin-bottom: 1.4em; } /* 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.25em; margin-bottom: 1.31em; } .post_item_excerpt.post_featured_left .post_title, .post_item_excerpt.post_featured_right .post_title { font-size: 2.2857em; } .post_item_excerpt:not([class*="column"]) + .post_item_excerpt:not([class*="column"]) { margin-top:7.15em; } .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:last-of-type .post_content { margin-bottom:0; } .post_item_excerpt:last-of-type .post_descr p:last-of-type{ margin-bottom:0; } /* Related posts */ .related_wrap { margin-bottom:3em; } .related_wrap.related_wrap_empty { margin-bottom:0; } .related_wrap .section_title { margin:1em 0 1em; clear:both; } .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:100%; /*height:56.25%;*/ overflow:hidden; margin:0; float:none !important; } .post_item_related .post_featured .hover_icon:before { font-size:3em; } .post_item_related .post_featured .sc_audio.sc_audio_image { min-height:14.8571em; } .post_item_related .post_content_wrap { width:100%; height:6.4em; overflow:hidden; padding: 1em 1.25em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post_item_related .post_title { margin: 0 0 0.25em; } /* Masonry and Portfolio */ .post_item_masonry .post_title, .post_item_classic .post_title { font-family: "Vidaloka", serif; font-size: 1.4289em; font-weight: 400; margin: 0 0 1.6rem; line-height: 1.4; text-transform: none; } .template_masonry .post_item .post_content { padding: 3.05em 2em 2.45em; text-align: center; } .template_masonry .post_item .post_content .post_info_tags .category_link { letter-spacing: 7px; } .template_masonry .isotope_wrap .isotope_item .post_info { margin-bottom: 1.3em; } .template_masonry .post_info .post_info_item+.post_info_item:before { margin: 0 0.5em; } .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 .hover_icon:before { font-size:3em; } .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 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" */ .isotope_item_colored .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 { 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_featured .post_title, .post_item_colored .post_featured .post_descr { position:absolute; left: 0; right: 0; bottom:0; height:20%; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post_item_colored .post_featured .post_descr { padding: 0.7143em 1.1429em; } .post_item_colored .post_featured .post_title { bottom:20%; margin:0; line-height:1.15em; padding: 0.5em 0.7619em; } .post_item_colored_4 .post_featured .post_title { font-size: 1.125em; line-height:1.15em; padding: 0.5em 0.6667em; } .post_item_colored .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 { float:right; margin-top:1.5em; } .post_item_colored_4 .post_descr .post_price { margin-top:0.875em; } .post_item_colored .post_descr .post_price_value { color: #222222; font-size: 1.875em; line-height:1.2857em; } .post_item_colored_4 .post_descr .post_price_value { font-size: 1.5em; line-height:1.2857em; } .post_item_colored .post_descr .post_price_period { font-size: 1.125em; line-height:1.2857em; color: #909090; } .post_item_colored_4 .post_descr .post_price_period { font-size: 1em; line-height:1.2857em; } .post_item_colored .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 { padding:0; text-align:left; } .post_item_colored .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 { 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 { 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 { font-size:0.875em; padding:0; } .post_item_colored .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 { position:absolute; left:8%; /*1.875em;*/ right:8%; bottom:1.875em; height:3em; overflow:hidden; padding:0 0 0 4px; } .post_item_colored_4 .post_info_wrap .post_buttons { bottom:1.125em; height:2.3em; white-space:nowrap; } .post_item_colored .post_info_wrap .post_button { float:none; display:inline-block; } .post_item_colored .post_info_wrap .post_button+.post_button { margin-left:0.625em; } .post_item_colored_4 .post_info_wrap .post_button .sc_button { padding:0.5em 0.75em; } /* 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 */ .pagination_wrap { text-align:center; position:relative; } .pagination_wrap:after { content:" "; display:block; width:100%; height:0; clear:both; } .pagination_single > .pager_numbers, .pagination_single a, .pagination_slider .pager_cur, .pagination_pages > a, .pagination_pages > span { border:2px solid #ddd; } .pagination_slider .pager_slider { border:1px solid #ddd; } .pagination_wrap .pager_next, .pagination_wrap .pager_prev, .pagination_wrap .pager_last, .pagination_wrap .pager_first { border: none !important; background-color: transparent !important; } .pagination_wrap .pager_next { margin-left:0.6em; } .pagination_wrap .pager_prev { margin-right:1em; } .pagination_wrap .pager_next:before { font-family:fontello; content: '\e836'; margin-right:0; } .pagination_wrap .pager_prev:before { font-family:fontello; content: '\e837'; margin-right:0; } .pagination_wrap .pager_last:before { font-family:fontello; content: '\e836\e836'; margin-right:0; letter-spacing:-7px; } .pagination_wrap .pager_first:before { font-family:fontello; content: '\e837\e837'; margin-right:0; letter-spacing:-7px; } .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_single { margin-bottom: 2em; } .pagination_single > .pager_pages { margin-right:0.5em; } .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' and 'Slider' */ .pagination_single > .pager_numbers, .pagination_single a, .pagination_slider .pager_cur, .pagination_pages > a, .pagination_pages > span { 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 { display:inline-block; text-align:center; padding:0.75em 1.5em; font-size:0.875em; font-weight:700; line-height: 1.2857em; } .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); } } /* 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.25em; margin-bottom: 1.3em; } .post_info .frontend_editor_buttons { float:right; } .post_info .frontend_editor_buttons [class*="icon-"]:before { margin-right:0.5em; } /* 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%; /* 210px; */ 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%; /* 120px; */ 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; /*width:92px;*/ 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; padding:2.15em; overflow:hidden; margin-top: 2.9rem; } .article_style_boxed.single .post_author { margin-top: 2em; } .post_author .post_author_avatar { float:left; margin: 0 20px 10px 0; overflow:hidden; width: 78px; height:78px; } .post_author .post_author_title { font-family: "Vidaloka", serif; font-size: 1.4289em; line-height: 1.3em; font-weight: 400; margin-bottom: 0.8em; text-transform: none; margin-top:0; } .post_author .post_author_title a { display: block; } .post_author .about_author { margin-top: -0.4em; display: block; } .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: 0.5em; display:block; } /* 8.4 Comments -------------------------------------------------------- */ .comments_wrap { max-width: 770px; } .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } .comments_list_wrap ul.children, .comments_list_wrap ul > li + li { margin-top: 0.7em; } .comments_wrap .comment-respond { padding-bottom:4px; } .comments_list_wrap .comment-respond { padding-bottom: 1.25em; margin-bottom: 1.25em; } .comments_list_wrap > ul { padding-bottom: 1.25em; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 0; } .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: 1em; margin-bottom: 1.44em; } .comments_form_title { margin-top: 1.5em; margin-bottom: 1.4em; } .comments_list_wrap > ul { padding:0; margin:0; 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 { padding-left:80px; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ margin-left:0; } .comments_list_wrap .comment_author_avatar img { } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.3em; top: 2.8em; z-index:1; width: 78px; height: 78px; } .comments_list_wrap .comment_content { margin-left:0; padding: 2.35em 2.25em 2.3em 9em; max-width: 68.6em; box-sizing: border-box; border: 1px solid; } .comments_list_wrap .comment_info { margin-bottom:0.4em; } .comments_list_wrap .comment_info > span + span:before { content: "|"; display:inline-block; margin: 0 1.2em 0 1em; } .comments_list_wrap .comment_info .comment_date_label { } .comments_list_wrap .comment_not_approved { padding: 0 0 0.5em 0; } .comments_list_wrap .comment_text { margin-bottom:0.5em; line-height: 1.7; } .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 { margin-top: 1.25em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family: fontello; margin-right:0.5em; font-size: 1.1538em; font-weight: 400; } /* 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; display: none; } .comments_wrap .comments_field { margin-bottom:1.4em; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; } .comments_wrap .comments_field textarea { min-height: 21.6em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 100%; float:none; } .comments_wrap .comments_email { float:none; } .comments_wrap .comments_site { clear:both; display: none; } .comments_list_wrap { margin-top: 6.25em; } /* Submit button */ .comments_form_wrap { padding-bottom:4px; /* To show shadow under button */ margin-top: 5.65em; } .comments_form { } .comments_wrap .form-submit { text-align:right; margin:0; padding-left:4px; } .comments_wrap .form-submit input[type="submit"], .comments_wrap .form-submit input[type="button"] { text-transform:uppercase; font-size:12px; padding: 2.1em 2.2em 2.1em 2.55em; letter-spacing: 5px; } .social_icons span: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.5 Page 404 -------------------------------------------------------------- */ .article_style_boxed .post_item_404 { padding:1px 0; } .post_item_404 .page_title, .post_item_404 .page_subtitle, .post_item_404 .page_description { text-align:center; } .post_item_404 .page_title { font-size: 10em; line-height:1em; margin-bottom: 0; margin-top:0; font-family: "Vidaloka", serif; } .post_item_404 .page_subtitle { font-size: 2em; line-height:1em; margin-bottom: 0.8125em; margin-top: 0.5em; } .post_item_404 .page_description { max-width: 350px; margin: 3em auto 2em; } .post_item_404 .page_search { margin-bottom:3em } .post_item_404 .page_search .search_wrap { max-width:30%; margin:0 auto; } .search-no-results .post_title { margin-top: 0em; } /* 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 { border-top: 2px solid #ddd; } .widget_area .widget_title { margin-top:0; margin-bottom:1em; } .widget_area ul { list-style-type:none; margin-bottom:0; padding-left:0; } .widget_area ul ul { margin-top:0.5em; } .widget_area ul li { position:relative; padding-left:2em; text-transform: uppercase; font-family: Montserrat, sans-serif; font-size: 12px; } .widget_area ul li:last-of-type{ margin-bottom: 0; } .widget_area ul li:before { position: absolute; top: 1px; left: 0; content: '\e8f9'; font-family: Fontello, sans-serif; font-size: 14px; font-weight: 700; } /* Tabs in widgets */ .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li { font-size:0.875em; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li+li { margin-left: 1em; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li a { padding:2px 10px; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_content { padding:10px 0 0 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 .search_form, .widget_area .widget_search .search_form { position:relative; overflow:hidden; margin: 2.8em 0 0.8em; } .widget_area .widget_product_search .search_button, .widget_area .widget_search .search_button { text-align:center; background:none; } .widget_area_inner .widget_product_search .search_field, .widget_area_inner .widget_search .search_field { background:none; letter-spacing: 5px; height: 5.75em; padding-right: 4em; width: 100%; -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.5em; top: 0; line-height: 2.2em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; font-size: 1.2em; } /* Widget: Calendar */ .widget_area .widget_calendar table { width: 100%; } .widget_area .widget_calendar .weekday { font-size:11px; text-transform:uppercase; } .widget_area .widget_calendar td .day_wrap { display:block; position:relative; border:2px solid transparent; padding:2px 0; margin: 0 2px; } .widget_area .widget_calendar td a:after { font-family:'fontello'; content: '\e83c'; position:absolute; left:48%; bottom:-8px; } .widget_area .widget_calendar td.month_cur a:after, .widget_area .widget_calendar td.month_next a:after, .widget_area .widget_calendar td.month_prev a:after { display: none; } .widget_area .widget_calendar td.month_cur a, .widget_area .widget_calendar td.month_next a, .widget_area .widget_calendar td.month_prev a { background: none !important; } .widget_area .widget_calendar th, .widget_area .widget_calendar td { font-weight:400; text-align:center; border-width:0; padding:0; position: relative; } .widget_area .widget_calendar th { padding: 0 4px 4px; } .widget_area .widget_calendar td { font-size:0.875em padding:0; } .widget_area .widget_calendar .month_cur { text-transform:uppercase; font-size: 12px; font-family: Montserrat, sans-serif; font-weight: 400; letter-spacing: 5px; } .widget_area .widget_calendar tr:last-of-type td { padding-top: 1.2em; } .widget_area .widget_calendar .month_prev a, .widget_area .widget_calendar .month_next a { display:block; } .widget_area .widget_calendar .month_prev a:before, .widget_area .widget_calendar .month_next a:before { font-family: 'fontello'; } .widget_area .widget_calendar .month_prev a:before { content: '\e8f9'; } .widget_area .widget_calendar .month_next a:before { content: '\e8f9'; } .widget_area .widget_calendar .month_prev a{ transform: rotate(180deg); } /* Widget: RSS */ .widget_area .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_area .widget_rss .widget_title a:first-of-type { display: none; } .rss-date { display: block; } .widget_area .widget_rss .widget_title img { vertical-align:baseline; } .widget_area .widget_rss { } .widget_area .widget_rss li { font-size:0.875em; padding: 0; margin-bottom: 2rem; } .widget_area .widget_rss li:last-of-type { margin-bottom: 0; } .widget_area .widget_rss li:before { display: none; } .widget_area .widget_rss li > a { font-size:1.1428em; } .widget_area ul ul li { font-size: 0.95em; } .widget_area ul ul li:before { font-size: 0.95em; } /* Widget: Tag Cloud */ .widget_area .widget_product_tag_cloud, .widget_area .widget_tag_cloud { overflow:hidden; } .widget_area .widget_product_tag_cloud a, .widget_area .widget_tag_cloud a { display:block; float:left; padding: 3px 1.4em 5px; margin:0 6px 6px 0; font-size:1em !important; border: 2px solid #ddd; } .widget_area .widget_product_tag_cloud a:hover, .widget_area .widget_tag_cloud a:hover { } /* Widget: JardiWinery Banner */ .widget_area .widget_banner .image_wrap { overflow:hidden; display:block; margin-bottom:1em; } /* Widget: JardiWinery 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: JardiWinery Logo and Socials */ .widget_area .widget_socials .sc_socials { margin-top:1em; } /* Widget: JardiWinery 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; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap_inner.widget_area_inner .logo { float: left; margin-top: 4px; } .footer_wrap_inner.widget_area_inner .logo_descr { padding-left: 5.6em; } .footer_wrap_inner.widget_area_inner .widget_title { text-transform: none; font-size: 1.4285em; margin-bottom: 2.1em; } .footer_wrap_inner.widget_area_inner ul { margin-top: -3px; } .footer_wrap_inner.widget_area_inner ul li { padding-left: 0; width: 50%; float: left; margin-bottom: 0.57em; } .footer_wrap_inner.widget_area_inner ul li:before { display: none; } .copyright_wrap_inner .ancora:hover, .copyright_wrap_inner .copyright_text a { text-decoration: underline; } .copyright_wrap_inner .ancora, .copyright_wrap_inner .copyright_text a:hover { text-decoration: none; } /* Footer widgets */ .footer_wrap_inner { padding: 6em 0 4em; } .footer_wrap aside { margin-bottom:1.5em; } .footer_wrap_inner.widget_area_inner .logo_descr h5 { font-family: "Vidaloka", serif; font-weight: 400; font-size: 1.071em; line-height: 1.5; margin: -2px 0 0; text-transform: none; } /* Contacts */ .contacts_wrap_inner { padding:8.1em 0 6.05em; text-align:center; } .contacts_wrap .logo { text-align:center; margin: 2px 0 3.9em -0.6em; } .contacts_wrap .logo .logo_text { font-size:2em; } .contacts_wrap .logo img { vertical-align:middle; display:inline-block; } .contacts_wrap .sc_socials.sc_socials_size_tiny .sc_socials_item { margin: 0 0.55em 0.25em 0; } .contacts_wrap .contacts_address { overflow:hidden; margin-bottom:1.5em; } .contacts_wrap .footer_address { text-align: right; } .contacts_wrap .sc_socials.sc_socials_size_tiny { padding-left: 1px; padding-top: 1px; margin-right: 0; } .contacts_wrap .footer_phone { text-align: left; } .contacts_wrap .contacts_address .address_left { width:48%; text-align:right; float:left; } .contacts_wrap .contacts_address span { font-family: Vidaloka, serif; font-size: 1.07em; } .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: 1.45em 0; overflow:hidden; } .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: 0.75em; } .copyright_style_menu .menu_footer_nav { margin:0; padding:0; list-style:none; text-align:right; } .copyright_wrap .sc_socials.sc_socials_size_tiny { margin: -0.4em -0.55em -3px 0; } .copyright_wrap .sc_socials.sc_socials_size_tiny .sc_socials_item { margin: 0 0.55em 0.25em 0; } .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; } /* 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; } .hover_icon:before { font-family:'fontello'; font-size:3em; color:#ffffff; text-shadow: -4px 3px 0px rgba(0, 0, 0, 0.2); cursor:pointer; position:absolute; z-index:10; left:50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0; filter: alpha(opacity=0); margin-top: 100px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .hover_icon:hover:before { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .hover_icon_play:before { content:'\e8e1'; opacity: 1; filter: alpha(opacity=100); margin-top: 0; width: 2.3em; height: 2.3em; line-height: 2.3em; text-align: center; border-radius: 50%; background: rgba(255,255,255,0.2); } .hover_icon_play:after { opacity: 1 !important; filter: alpha(opacity=100); background: rgba(0,0,0,0.4) !important; } .hover_icon_play:hover:after { opacity: 0 !important; filter: alpha(opacity=0); background: rgba(0,0,0,0) !important; } .hover_icon_link:before { content:'\e8b5'; } .hover_icon_zoom:before { content:'\e839'; } .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 ease .3s; -moz-transition: opacity ease .3s; -ms-transition: opacity ease .3s; -o-transition: opacity ease .3s; transition: opacity ease .3s; } .hover_icon:hover:after { opacity: 1; filter: alpha(opacity=100); } /* Scroll to top */ .scroll_to_top { display:block; position: fixed; width: 3em; height: 3em; line-height: 3em; text-align:center; bottom: -4em; right: 2em; background: #fff; border:none; cursor: pointer; z-index: 100001; -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -ms-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.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; } /* 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 input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { font-size:1.1667em; line-height:1.5em; padding: 0.3em; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_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 input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.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; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* 13.1 Media player ------------------------------------------------------- */ /* .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background:#1eaace !important; } .mejs-controls .mejs-volume-button .mejs-volume-slider { background: rgba(30,170,206,0.7) !important; } */ .mejs-controls button:hover, .mejs-controls button:active { background-color:transparent !important; } /* 13.2 Magnific popup -------------------------------------------------------- */ .mfp-figure figcaption { margin-bottom:40px !important; height:40px; padding:0 16px; overflow:hidden; } .mfp-figure figcaption .mfp-bottom-bar { left: 16px; right:16px; margin-top:-30px; width:auto; } /* 13.3 Google conversion ---------------------------------------------------------- */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* 13.4 Visual Composer -------------------------------------------------------- */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* 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_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_super_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_super_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_super_huge { margin-top:13.5em !important; margin-top:13.5rem !important; } .margin_top_tiny- { margin-top:-0.5em !important; margin-top:-0.5rem !important; } .margin_top_small- { margin-top:-1.25em !important; margin-top:-1.25rem !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:2.5em !important; margin-bottom:2.5rem !important; } .margin_bottom_medium { margin-bottom:2.8em !important; margin-bottom:2.8rem !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_super_huge { margin-bottom:6em !important; margin-bottom:6rem !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; } .woocommerce-breadcrumb + .page-title { display: none; } .vc_general.vc_cta3 h2 { font-size: 3.5714em; line-height: 1.22; margin-bottom: 1.5em; } .vc_row .vc_general.vc_cta3 { padding: 7.4em 3.4em 8.2em 4.1em; } body .minimal-light .esg-navigationbutton { margin-top: 4.8em; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .sc_audio+p, .sc_slider + p, .sc_video_player + p { margin-top: 2em; } .custom.tparrows.tp-leftarrow:before { content: "\e8f9"; font-family: Fontello; transform: rotate(180deg); font-size: 2em; } .custom.tparrows.tp-rightarrow:before { content: "\e8f9"; font-family: Fontello; font-size: 2em; } .custom.tparrows:before { line-height: 95px; } .custom.tparrows { width: 95px; height: 95px; line-height: 95px; border: 2px solid; box-sizing: border-box; background: none; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .template_masonry .search_results .post_item .post_content { padding: 0 !important; text-align: left; } .template_masonry .search_results .post_title { letter-spacing: 1px; } .post_item_excerpt:last-of-type .post_descr p:last-of-type + .sc_button{ margin-top: 3em; } .JardiButton { letter-spacing: 5px !important; padding: 3.25em 10.1em 3em 3.1em !important; } .JardiButton span { position: absolute; top: 0; right: 0; bottom: 0; font-size: 3em; width: 2.5em; line-height: 2.5em; text-align: center; } .JardiButton:after { position: absolute; top: 0; right: 0; bottom: 0; font-size: 3em; width: 2.5em; line-height: 2.5em; text-align: center; content: ''; background: #2c3136; z-index: -1; -webkit-transition: width 0.7s; /* For Safari 3.1 to 6.0 */ transition: width 0.7s; } .JardiButton:hover:after { width: 100%; } .vc_custom_1463486302127 h5, .vc_custom_1462877639954 h5 { font-family: "Vidaloka", serif; font-size: 1.4289em; line-height: 1.3em; font-weight: 400; margin-bottom: 0.8em; text-transform: none; } .vc_custom_1463576070137 h6{ font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 1.3em; font-weight: 400; letter-spacing: 7.5px; margin-top: 7.85em; } #mc4wp-form-1 .mc4wp-form-fields { margin-top: -6px; margin-bottom: 0.45rem; } #mc4wp-form-1 .mc4wp-form-fields input { height: 4.3rem; }