????
Current Path : /home2/morganrand/backup.morganrand.com/wp-content/themes/wanderfuls/ |
Current File : /home2/morganrand/backup.morganrand.com/wp-content/themes/wanderfuls/style.css |
/*-------------------------------------------------------------- Theme Name: Wanderfuls Version: 1.0.2 Description: Premium WordPress theme by VisualDigits Author: TechBooth Theme URI: http://www.visualdigits.com Author URI: http://www.visualdigits.com License: Custom license License URI: http://themeforest.net/licenses/terms/regular Text Domain: tb Tags: /*------------------------------------------------------------------ [Browser Reset] -------------------------------------------------------------------*/ 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{background:#fff;line-height:1;}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}blockquote,q{quotes:none}a:focus{outline:none}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto;}select{max-width:100%} html{margin-top: 0px !important;} /*------------------------------------------------------------------ [Grid] -------------------------------------------------------------------*/ /* Grid > Clear Floats */ .col:after, .clr:after, .tb-clr:after, .group:after, dl:after, .vc-empty-shortcode-element:after, ul.page-numbers:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .compose-mode .vc_element.vc_empty .vc_empty-element:after { visibility: visible !important } .clear, .tb-clear { clear: both } /* Grid > Main Classes */ .tb-row { margin: 0 -10px } .tb-row .col { float: left; margin: 0 0 20px; padding: 0 10px; } .tb-row .span_1_of_1.col { float: none } .tb-row .span_1_of_2 { width: 50% } .tb-row .span_1_of_3 { width: 33.33% } .tb-row .span_1_of_4 { width: 25% } .tb-row .span_1_of_5 { width: 20% } .tb-row .span_1_of_6 { width: 16.66666667% } .tb-row .span_1_of_7 { width: 14.28% } /* Grid > Gaps */ .tb-row.gap-none { margin-left: 0; margin-right: 0; } .tb-row.gap-none .col, .tb-row.gap-none .nr-col { padding-left: 0; padding-right: 0; margin-bottom: 0; } .tb-row.gap-5 { margin-left: -2.5px; margin-right: -2.5px; } .tb-row.gap-5 .col, .tb-row.gap-5 .nr-col { padding-left: 2.5px; padding-right: 2.5px; margin-bottom: 5px; } .tb-row.gap-10 { margin-left: -5px; margin-right: -5px; } .tb-row.gap-10 .col, .tb-row.gap-10 .nr-col { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .tb-row.gap-15 { margin-left: -7.5px; margin-right: -7.5px; } .tb-row.gap-15 .col, .tb-row.gap-15 .nr-col { padding-left: 7.5px; padding-right: 7.5px; margin-bottom: 15px; } .tb-row.gap-20 { margin-left: -10px; margin-right: -10px; } .tb-row.gap-20 .col, .tb-row.gap-20 .nr-col { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .tb-row.gap-25 { margin-left: -12.5px; margin-right: -12.5px; } .tb-row.gap-25 .col, .tb-row.gap-25 .nr-col { padding-left: 12.5px; padding-right: 12.5px; margin-bottom: 25px; } .tb-row.gap-30 { margin-left: -15px; margin-right: -15px; } .tb-row.gap-30 .col, .tb-row.gap-30 .nr-col { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .tb-row.gap-35 { margin-left: -17.5px; margin-right: -17.5px; } .tb-row.gap-35 .col, .tb-row.gap-35 .nr-col { padding-left: 17.5px; padding-right: 17.5px; margin-bottom: 35px; } .tb-row.gap-40 { margin-left: -20px; margin-right: -20px; } .tb-row.gap-40 .col, .tb-row.gap-40 .nr-col { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; } .tb-row.gap-50 { margin-left: -25px; margin-right: -25px; } .tb-row.gap-50 .col, .tb-row.gap-50 .nr-col { padding-left: 25px; padding-right: 25px; margin-bottom: 50px; } .tb-row.gap-60 { margin-left: -30px; margin-right: -30px; } .tb-row.gap-60 .col, .tb-row.gap-60 .nr-col { padding-left: 30px; padding-right: 30px; margin-bottom: 60px; } /* Grid > Non Responsive */ .nr-col { float: left; margin: 0 0 20px; padding: 0 10px; } .span_1_of_2.nr-col { width: 50% } .span_1_of_3.nr-col { width: 33.33% } .span_1_of_4.nr-col { width: 25% } .span_1_of_5.nr-col { width: 20% } .span_1_of_6.nr-col { width: 16.66666667% } /* Grid > No Margins 1 */ .one-half, .one-third, .one-fourth, .one-fifth { display: block; float: left; } .one-half { width: 50% } .one-third { width: 33.33% } .one-fourth { width: 25% } .one-fifth { width: 20% } .one-sixth { width: 16.6666% } /* Grid > No Margins 2 */ .tb-row.vcex-no-margin-grid { margin-left: 0; margin-right: 0px; } .tb-row.vcex-no-margin-grid .col { margin: 0 !important; padding: 0 !important; } .tb-row.vcex-no-margin-grid .span_1_of_3 { width: 33.3% } .tb-row.vcex-no-margin-grid .span_1_of_6 { width: 16.66% } /* Grid > Clear Floats */ .clr-margin, .count-1, .col-1, .col.first { clear: both; margin-left: 0; } .isotope-entry { clear: none } /*------------------------------------------------------------------ [Main Layout & Widths] -------------------------------------------------------------------*/ .container, .vc_row-fluid.container { width: 980px; } body.tb-responsive .container, body.tb-responsive .vc_row-fluid.container { max-width: 90%; } .container { margin: 0 auto } .center-row-inner { margin: 0 -15px } .content-area { width: 69%; float: left; position: relative; } .content-full-width .content-area, .content-area.full-width { width: 100%; max-width: none !important; } #sidebar { width: 26%; float: right; } #outer-wrap { overflow: hidden } /* Layout & Widths > Full-Width & Full-Screen */ body.content-full-screen #content-wrap, .content-full-screen { width: 100% !important; max-width: none !important; } body.content-full-width #content-wrap .content-area, .content-full-width .content-area, body.content-full-screen #content-wrap { width: 100% !important; max-width: none !important; } body.content-full-screen #content-wrap .content-area, .content-full-screen .content-area { float: none; padding: 0; width: 100% !important; max-width: none !important; } /* Layout & Widths > Left Sidebar */ body.content-left-sidebar #content-wrap .content-area, .content-left-sidebar .content-area { float: right } body.content-left-sidebar #content-wrap #sidebar, .content-left-sidebar #sidebar { float: left } /* Layout & Widths > Fix Bugs With Containers */ .content-right-sidebar .vc_row-fluid.container, .content-left-sidebar .vc_row-fluid.container, .content-right-sidebar .vcex-testimonials-fullslider-entry, .content-left-sidebar .vcex-testimonials-fullslider-entry { width: 100% !important } /* Layout & Widths > Adds Bottom Margin To Non-VC Pages */ #primary, body.has-composer.page-template-blog #primary { padding-bottom: 40px } body.has-composer #primary, body.compose-mode #primary, body.single-product #primary, body.single-post #primary { padding-bottom: 0 } /*------------------------------------------------------------------ [Boxed layout] -------------------------------------------------------------------*/ /* Boxed Layout > Main */ .boxed-main-layout #outer-wrap { padding: 40px 30px } .boxed-main-layout { background-color: #ddd } .boxed-main-layout #wrap { width: 1030px !important; margin: 0 auto; background: #fff; position: relative; } .boxed-main-layout.tb-responsive #wrap { max-width: 100% } .boxed-main-layout.wrap-boxshadow #wrap { box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) } .boxed-main-layout #wrap .container { width: auto !important; max-width: none ; padding-left: 0px; padding-right: 0px; } .boxed-main-layout.content-full-screen #content-wrap { padding-left: 0 !important; padding-right: 0 !important; } .boxed-main-layout .tb-social-share.position-vertical { left: -85px } .boxed-main-layout .left-sidebar .tb-social-share.position-vertical { left: auto; right: -85px; } /* Fixes VC negative margin overflows .boxed-main-layout #main .entry { overflow: hidden; } */ /* Boxed Layout > Move absolute items */ .boxed-main-layout .navbar-style-one { right: 18px; } .boxed-main-layout #footer-bottom-menu, .boxed-main-layout .site-breadcrumbs { right: 30px; } /*------------------------------------------------------------------ [Body + Main] -------------------------------------------------------------------*/ body { background: #fff; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 13px; line-height: 1.7; color: #666; } body.tb-noscroll { position:absolute; width:100%; overflow-y:hidden; top:0; bottom:0; } img { max-width: 100%; height: auto; vertical-align: bottom; } /* fix IE image scaling */ img { -ms-interpolation-mode: bicubic } /* Main > Sup/Sub */ sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em } .entry iframe, .entry embed { max-width: 100% } #img-attach-page-content { text-align: center; margin-top: 25px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Main > 404 Error Page */ .error404-content { text-align: center; margin: 50px 0; font-size: 1.077em; } .error404-content h1 { font-size: 3.231em; margin: 0 0 10px; } /* Main > Responsive Videos */ .responsive-video-wrap, .responsive-audio-wrap { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .responsive-video-wrap iframe, .responsive-audio-wrap iframe, .responsive-video-wrap object, .responsive-audio-wrap oject, .responsive-video-wrap embed, .responsive-audio-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry .entry-video { margin-bottom: 20px } .wpb_video_widget .responsive-video-wrap { padding-top: 0; padding-bottom: 0; } .wp-video-shortcode { width: auto !important; max-width: 100% !important; } /* Main > Lean Modal Window */ #lean_overlay { position: fixed; z-index: 10002; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } /* Main > Custom Selects */ .hasCustomSelect { z-index: 2; width: 100%; } .theme-select { position: relative; z-index: 1; background: #fff; border: 1px solid #ddd; color: #555; height: 34px; line-height: 34px; padding: 0 45px 0 10px; width: 100%; } .theme-select:after { font-family: "FontAwesome"; content: "\f0dc"; display: block; height: 32px; width: 32px; background: #f7f7f7; color: #999; text-align: center; position: absolute; right: 0; top: 0; border-left: 1px solid #ddd; font-size: 11px; } .theme-select.customSelectHover { border-color: #c7c7c7; background-color: #f5f5f5; } .theme-select.customSelectFocus, .theme-select.customSelectOpen { border-color: inherit } .theme-select.customSelectChanged { -webkit-animation: changed 0.5s; -moz-animation: changed 0.5s; -ms-animation: changed 0.5s; animation: changed 0.5s; } /* Main > Text Columns */ .columnize-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid #e5e5e5; -moz-column-rule: 1px solid #e5e5e5; column-rule: 1px solid #e5e5e5; margin: 0 0 1.313em; } /* Main > Page Featured Image */ #page-featured-img { margin-bottom: 40px } #page-featured-img img { display: block; max-width: 100%; margin: 0 auto; } /* Main > Language Switches */ .polylang-switcher-shortcode li { float: left; margin-right: 5px; } .polylang-switcher-shortcode.flags-and-names li { margin-right: 15px } .polylang-switcher-shortcode li:last-child { margin-right: 0 } /*post edit link*/ .post-edit { padding: 40px 0 60px } body.is_customize_preview .post-edit { display: none; } body.content-full-screen .post-edit { text-align: center } .post-edit a { display: inline-block; padding: 0.9em 1.2em; line-height: 1; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; background: #114C7F; color: #fff; border-radius: 3px; margin-right: 3px; } .post-edit a:hover { text-decoration: none; background: #0d3d63; color: #fff; } /* Page Animation > Custom Loading */ .animsition-loading{position:fixed;z-index:100;top:0 !important;width:100%;height:100%;} .animsition-loading:after{ position: fixed; top: 50%; width: 100%; height: 100%; text-align: center; left:0; } /*------------------------------------------------------------------ [Commons] -------------------------------------------------------------------*/ .display-none { display: none; } .display-block { display: block; } .display-inline { display: inline; } /* Commons > Taxonomy Tag */ .tb-term-tag { background: #aaa; padding: .4em 1em; border-radius: 20px; color: #fff; text-decoration: none; margin-right: 5px; margin-bottom: 5px; display: block; float: left; } /* Commons > Backgrounds & Borders */ .tb-bg-gray { background: #f7f7f7 } .tb-bordered { border: 1px solid #eee } /* Commons > Displays */ .tb-block { display: block } .tb-inline-block { display: block; display: inline-block; } .tb-inline { display: inline } /* Commons > Positions */ .tb-relative { position: relative; z-index: 1; } .tb-absolute { position: absolute; z-index: 1; } /* Commons > Visibility */ .hidden, .tb-hidden { display: none } /* Commons > Background Styles */ .bg-cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg-repeat { background-repeat: repeat } .bg-repeat-x { background-repeat: repeat-x } .bg-repeat-y { background-repeat: repeat-y } .bg-fixed-top, .bg-fixed-bottom, .bg-fixed { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } .bg-fixed-top { background-position: center top } .bg-fixed-bottom { background-position: center bottom } /* Commons > Theme Heading */ .theme-heading { height: auto; margin: 20px auto; top: auto !important; font-size: 1.154em; font-weight: bold; font-weight: 600; color: #000; margin: 0 0 20px; overflow: hidden; position: relative; } .theme-heading span.text { display: inline-block; max-width: 90%; position: relative; } .theme-heading span.text:after { content: ""; display: block; position: absolute; top: 50%; border-bottom: solid 1px #eee; left: 100%; width: 9999px; margin-top: -1px; margin-left: 15px; } /* Commons > Text Highlights */ .text-highlight { color: #0081cc } /* Commons > Colors */ .tb-child-inherit-color * { color: inherit !important } .tb-color-black, .tb-color-black a, .tb-color-black a:hover { color: #000 !important } .tb-color-white, .tb-color-white a, .tb-color-white a:hover { color: #fff !important } /* Commons > Fonts */ .thin-font { font-weight: 300 !important } .white-text { color: #fff !important } /* Commons > Margins */ body .no-margin { margin: 0 } body .no-left-margin { margin-left: 0 } body .no-right-margin { margin-right: 0 } .remove-last-p-margin p:last-child { margin: 0 } .margin-bottom-5px { margin-bottom: 5px } .margin-bottom-10px { margin-bottom: 10px } .margin-bottom-15px { margin-bottom: 15px } .margin-bottom-20px { margin-bottom: 20px } /* Commons > Paddings */ body .no-padding { padding: 0 } body .no-left-padding { padding-left: 0 } .tb-padding-10 { padding: 10px } .tb-padding-20 { padding: 20px } .tb-padding-30 { padding: 30px } /* Commons > Opacity Hover */ .opacity-hover:hover, .opacity-hover:hover img { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } /* Commons > Alignments & Floats */ .textcenter { text-align: center } .textright { text-align: right } .textleft { text-align: left } .float-left { float: left } .float-right { float: right } .fa-left { margin-right: 10px } .fa-right { margin-left: 10px } /* Commons > Text Decorations */ body .tb-td-none { text-decoration: none } /* Commons > Border Radius */ body .tb-semi-rounded { border-radius: 4px } body .tb-rounded { border-radius: 10px } body .tb-round { border-radius: 50% } /* Commons > Rounded Images */ .tb-rounded-images, .tb-rounded-images > a, .tb-rounded-images img, .tb-rounded-images .theme-overlay, .tb-rounded-images .tb-image-hover { border-radius: 50% } /* Commons > Font Weights */ body .tb-fw-100 { font-weight: 100 } body .tb-fw-200 { font-weight: 200 } body .tb-fw-300, body .tb-fw-light { font-weight: 300 } body .tb-fw-400, body .tb-fw-normal { font-weight: normal } body .tb-fw-500, body .tb-fw-semibold { font-weight: 500 } body .tb-fw-600, body .tb-fw-bold { font-weight: bold; font-weight: 600; } body .tb-fw-700 { font-weight: 700 } body .tb-fw-800 { font-weight: 800 } body .tb-fw-900, body .tb-fw-bolder { font-weight: 900 } /* Commons > Max Widths */ .max-width-50 { max-width: 50% } .max-width-60 { max-width: 60% } .max-width-70 { max-width: 70% } .max-width-80 { max-width: 80% } /* Commons > Images */ .stretch-image img, img.stretch-image { display: block; width: 100% !important; } .image-filter-grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .25s ease; -webkit-backface-visibility: hidden; } .image-filter-grayscale img { opacity: 1 !important } .image-filter-grayscale:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); } /* Commons > Image Classes */ .image-shadow { background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .image-border { background: #fff; padding: 4px; border: 1px solid #ddd; } .image-rounded { background: #fff; border-radius: 3px; } .image-circle { background: #fff; border-radius: 99px; } .image-hover:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .image-fancy { background: #fff; padding: 4px; border: 1px solid #ddd; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; } .image-fancy:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } /* Commons > Fade In */ .tb-show-on-load, .fade-in-image { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; } .fade-in-image.no-opacity, body.compose-mode .fade-in-image, .tb-show-on-load.no-opacity, body.compose-mode .tb-show-on-load { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /* Commons > Highlight */ .text-highlight { background-image: url("images/highlight-left.png"),url("images/highlight-center.png"), url("images/highlight-right.png"); background-repeat: repeat-x; background-repeat: no-repeat, repeat-x, no-repeat; background-position: center; background-position: left,center,right; background-clip: padding-box, content-box, padding-box; color: #A5651A; padding: 0 20px; margin: 0 -6px; } /* Commons > Hover Animations */ .tb-image-hover { position: relative; overflow: hidden; display: block !important; /* block is important to fix firefox bug */ vertical-align: top; } .tb-image-hover > a { display: block !important } .tb-image-hover img { display: block; /*width: 100%; width is important to fix firefox bug */ margin: 0 auto; height: auto; box-shadow: 0 0 0 rgba(0,0,0,0); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s; } .tb-image-hover.opacity img:hover { opacity: 0.8; -moz-opacity: 0.8 -webkit-opacity: 0.8 } .tb-image-hover.grow:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .tb-image-hover.shrink:hover img { transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); } .tb-image-hover.side-pan:hover img { margin-left: -11%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .tb-image-hover.vertical-pan:hover img { margin-top: -10%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .tb-image-hover.tilt:hover img { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } .tb-image-hover.blurr img, .tb-image-hover.blurr-invert img { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .tb-image-hover.blurr:hover img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .tb-image-hover.blurr-invert img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .tb-image-hover.blurr-invert:hover img { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } .tb-image-hover.sepia img { -webkit-filter: sepia(100%); filter: sepia(100%); } .tb-image-hover.sepia:hover img { -webkit-filter: sepia( 100% ); filter: sepia( 100% ); } .tb-image-hover.fade-in { background: #000 } .tb-image-hover.fade-in img { width: 100%; opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } .tb-image-hover.fade-in:hover img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .tb-image-hover.fade-out { background: #000 } .tb-image-hover.fade-out img { width: 100% } .tb-image-hover.fade-out:hover img { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } /* Commons > Other */ .non-clickable { cursor: default; } /* Commons > Deprecated */ .rounded { border-radius: 50% } /*------------------------------------------------------------------ [Social Buttons] -------------------------------------------------------------------*/ .tb-social-btn { display: block; display: inline-block; font-size: inherit; color: inherit; padding: 0; height: 1.846em; line-height: 1.846em; width: 1.846em; transition: 0.15s all; cursor: pointer; text-align: center; border-radius: inherit; } .tb-social-btn-minimal { color: #bbb; border: 1px solid #eee; } .tb-social-btn-flat { color: #888; background: #f7f7f7; } .tb-social-btn-3d { background: #aaa; color: #fff !important; border-bottom: 3px solid rgba(0,0,0,0.25); border-radius: 2px; } .tb-social-btn-3d:hover { background: #555 } .tb-social-btn-3d:active { border: none } .tb-social-btn-minimal:hover { text-decoration: none; background: #f7f7f7; } .tb-social-btn-black, .tb-social-btn-black-ch { background: #000; color: #fff !important; } .tb-social-btn-graphical { box-shadow: inset 0 1px 1px rgba(255,255,255,0.4); border: 1px solid rgba(0,0,0,0.1); background: #444; } /*hover colors*/ .tb-social-btn-flat.tb-twitter:hover, .tb-social-btn-minimal.tb-twitter:hover { color: #00aced } .tb-social-btn-flat.tb-tripadvisor, .tb-social-btn-minimal.tb-tripadvisor:hover { color: #589442; } .tb-social-btn-flat.tb-facebook:hover, .tb-social-btn-minimal.tb-facebook:hover { color: #3b5998 } .tb-social-btn-flat.tb-pinterest:hover, .tb-social-btn-minimal.tb-pinterest:hover { color: #cb2027 } .tb-social-btn-flat.tb-googleplus:hover, .tb-social-btn-minimal.tb-googleplus:hover, .tb-social-btn-flat.tb-google-plus:hover, .tb-social-btn-minimal.tb-google-plus:hover { color: #dd4b39 } .tb-social-btn-flat.tb-linkedin:hover, .tb-social-btn-minimal.tb-linkedin:hover { color: #4875b4 } .tb-social-btn-flat.tb-dribbble:hover, .tb-social-btn-minimal.tb-dribbble:hover { color: #ef5b93 } .tb-social-btn-flat.tb-skype:hover, .tb-social-btn-minimal.tb-skype:hover { color: #04b1f5 } .tb-social-btn-flat.tb-envelope:hover, .tb-social-btn-minimal.tb-envelope:hover { color: #666 } .tb-social-btn-flat.tb-mail:hover, .tb-social-btn-minimal.tb-mail:hover { color: #666 } .tb-social-btn-flat.tb-instagram:hover, .tb-social-btn-minimal.tb-instagram:hover { color: #305777 } .tb-social-btn-flat.tb-flickr:hover, .tb-social-btn-minimal.tb-flickr:hover { color: #FF0084 } .tb-social-btn-flat.tb-vk:hover, .tb-social-btn-minimal.tb-vk:hover { color: #55779b } .tb-social-btn-flat.tb-trello:hover, .tb-social-btn-minimal.tb-trello:hover { color: #0CBADF } .tb-social-btn-flat.tb-tumblr:hover, .tb-social-btn-minimal.tb-tumblr:hover { color: #2C4762 } .tb-social-btn-flat.tb-foursquare:hover, .tb-social-btn-minimal.tb-foursquare:hover { color: #2970ad } .tb-social-btn-flat.tb-xing:hover, .tb-social-btn-minimal.tb-xing:hover { color: #026466 } .tb-social-btn-flat.tb-renren:hover, .tb-social-btn-minimal.tb-renren:hover { color: #2970ad } .tb-social-btn-flat.tb-vimeo:hover, .tb-social-btn-minimal.tb-vimeo:hover { color: #1ab7ea } .tb-social-btn-flat.tb-vimeo:hover, .tb-social-btn-minimal.tb-vimeo:hover { color: #00b386 } .tb-social-btn-flat.tb-youtube:hover, .tb-social-btn-minimal.tb-youtube:hover { color: #C4302B } .tb-social-btn-flat.tb-rss:hover, .tb-social-btn-minimal.tb-rss:hover { color: #FF7900 } .tb-social-btn-flat.tb-vine:hover, .tb-social-btn-minimal.tb-vine:hover { color: #00b386 } .tb-social-btn-flat.tb-email:hover, .tb-social-btn-minimal.tb-email:hover { color: #ffc548 } .tb-social-btn-flat.tb-website:hover, .tb-social-btn-minimal.tb-website:hover { color: #333 } .tb-social-btn-flat.tb-phone-number:hover, .tb-social-btn-minimal.tb-phone-number:hover { color: #3395FF } .tb-social-btn-flat.tb-yelp:hover, .tb-social-btn-minimal.tb-yelp:hover { color: #AF0605 } /*background colors*/ .tb-social-bg, .tb-social-bg:hover { color: #fff !important } .tb-social-bg:hover { opacity: 0.6 } .tb-social-bg.tb-tripadvisor, .tb-social-btn-black-ch.tb-tripadvisor:hover { background: #589442; } .tb-social-bg.tb-twitter, .tb-social-btn-black-ch.tb-twitter:hover { background: #00aced } .tb-social-bg.tb-facebook, .tb-social-btn-black-ch.tb-facebook:hover { background: #3b5998 } .tb-social-bg.tb-pinterest, .tb-social-btn-black-ch.tb-pinterest:hover { background: #cb2027 } .tb-social-bg.tb-googleplus, .tb-social-btn-black-ch.tb-googleplus:hover, .tb-social-bg.tb-google-plus, .tb-social-btn-black-ch.tb-google-plus:hover { background: #dd4b39 } .tb-social-bg.tb-linkedin, .tb-social-btn-black-ch.tb-linkedin:hover { background: #4875B4 } .tb-social-bg.tb-dribbble, .tb-social-btn-black-ch.tb-dribbble:hover { background: #ef5b93 } .tb-social-bg.tb-dribbble:hover { background: #d0145b } .tb-social-bg.tb-vk, .tb-social-btn-black-ch.tb-vk:hover { background: #0CBADF } .tb-social-bg.tb-skype, .tb-social-btn-black-ch.tb-skype:hover { background: #12A5F4 } .tb-social-bg.tb-flickr, .tb-social-btn-black-ch.tb-flickr:hover { background: #FF0084 } .tb-social-bg.tb-tumblr, .tb-social-btn-black-ch.tb-tumblr:hover { background: #2C4762 } .tb-social-bg.tb-youtube, .tb-social-btn-black-ch.tb-youtube:hover { background: #C4302B } .tb-social-bg.tb-rss, .tb-social-btn-black-ch.tb-rss:hover { background: #FF7900 } .tb-social-bg.tb-instagram, .tb-social-btn-black-ch.tb-instagram:hover { background: #305777 } .tb-social-bg.tb-renren, .tb-social-btn-black-ch.tb-renren:hover { background: #2970ad } .tb-social-bg.tb-github, .tb-social-btn-black-ch.tb-github:hover { background: #555 } .tb-social-bg.tb-foursquare, .tb-social-btn-black-ch.tb-foursquare:hover { background: #0CBADF } .tb-social-bg.tb-trello, .tb-social-btn-black-ch.tb-trello:hover { background: #0CBADF } .tb-social-bg.tb-xing, .tb-social-btn-black-ch.tb-xing:hover { background: #026466 } .tb-social-bg.tb-vine, .tb-social-btn-black-ch.tb-vine:hover { background: #00b386 } .tb-social-bg.tb-website, .tb-social-btn-black-ch.tb-website:hover { background: #000 } .tb-social-bg.tb-email, .tb-social-btn-black-ch.tb-email:hover { background: #ffc548 } .tb-social-bg.tb-phone-number, .tb-social-btn-black-ch.tb-phone-number:hover { background: #3395FF } .tb-social-bg.tb-vimeo, .tb-social-btn-black-ch.tb-vimeo:hover { background: #1ab7ea } .tb-social-bg.tb-yelp, .tb-social-btn-black-ch.tb-yelp:hover { background: #AF0605 } /*------------------------------------------------------------------ [Parallax Backgrounds] -------------------------------------------------------------------*/ .tb-parallax-bg-wrap { position: relative } .tb-parallax-bg-wrap .container { position: relative; z-index: 1; } .tb-parallax-bg-wrap .wpb_column { z-index: 1; position: relative; } .tb-parallax-bg-wrap .center-row-inner { z-index: 1; position: relative; } /*advanced*/ .tb-parallax-bg { display: block; opacity: 0; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; z-index: 0; background-attachment: fixed; background-position: 50% 0; background-size: cover; } .compose-mode .tb-parallax-bg { opacity: 1 } .tb-parallax-bg.fixed-repeat { background-repeat: repeat } .tb-parallax-bg.fixed-no-repeat { background-repeat: no-repeat } /*disable on mobile*/ body.tb-is-mobile-device .tb-parallax-bg.not-mobile { background-attachment: scroll !important; background-position: center !important; background-repeat: no-repeat !important; } /*------------------------------------------------------------------ [Video Backgrounds] -------------------------------------------------------------------*/ .tb-video-bg-wrap { overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -2; } .tb-video-bg { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; } .tb-video-bg-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } .tb-video-bg-overlay.dark { background: #000; opacity: 0.65; } .tb-video-bg-overlay.dotted { background: rgba(0,0,0,0.3) url('images/dotted-overlay.png') repeat } .tb-video-bg-overlay.dashed { background: rgba(0,0,0,0.3) url('images/dashed-overlay.png') repeat } /*------------------------------------------------------------------ [Overlays] -------------------------------------------------------------------*/ .overlay-parent { position: relative; display: block; overflow: hidden; } .overlay-parent > a, .overlay-parent > a img { display: block; width: 100% !important; } /* Overlays > Hide */ .overlay-hide { visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; } /* Hoverlays > Show */ .overlay-parent:hover .overlay-plus-two-hover, .overlay-parent:hover .overlay-plus-three-hover, .overlay-parent:hover .magnifying-hover, .overlay-parent:hover .overlay-slideup-title span.title, .overlay-parent:hover .overlay-hover-button { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /* Overlays > Magnifying Hover */ .magnifying-hover { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0,0,0,0.7); transition: all .25s ease-in-out; } .magnifying-hover .fa { position: absolute; height: 30px; line-height: 30px; width: 30px; text-align: center; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; color: #fff; font-size: 21px; } /* Overlays > Plus Hover */ .overlay-plus-hover { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000 url("images/overlay-plus.png") center center no-repeat; transition: all .25s ease-in-out; } .overlay-parent:hover .overlay-plus-hover { visibility: visible; opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; } /* Overlays > Plus #2 Hover */ .overlay-plus-two-hover { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0,0,0,0.8); transition: all .25s ease-in-out; } .overlay-plus-two-hover .fa { position: absolute; height: 30px; line-height: 30px; width: 30px; text-align: center; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; color: #fff; font-size: 14px; } /* Overlays > Plus #3 Hover */ .overlay-plus-three-hover { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; background: rgba(0,0,0,0.6); transition: all .3s; } .overlay-plus-three-hover .fa { position: absolute; height: 30px; line-height: 30px; width: 30px; text-align: center; top: 50%; left: 50%; margin-left: -15px; font-size: 36px; opacity: 0; visibility: none; transition: all .3s; } .overlay-plus-three-hover:hover .fa { margin-top: -15px; opacity: 1; visibility: visible; } /* Overlays > Slide Up Title > White */ .overlay-slideup-title { position: absolute; top: 0; right: 0; background: #fff; height: 100%; width: 100%; transition: all .25s ease-in-out; } .overlay-slideup-title.white { background: #fff } .overlay-slideup-title.black { background: #000 } .overlay-slideup-title span.title { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; padding: 0 30px; color: #000; font-size: 1.077em; font-weight: bold; font-weight: 600; transition: all .15s ease-in-out; line-height: 1.6em; } .overlay-slideup-title.black span.title { color: #fff } .overlay-parent:hover .overlay-slideup-title { visibility: visible; opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; } .overlay-parent:hover .overlay-slideup-title span.title { bottom: 60px } /* Overlays > View/Lightbox > Buttons */ .overlay-view-lightbox-buttons { background: #000; background: rgba(0,0,0,0.65); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: opacity .25s ease-in-out; } .overlay-parent:hover .overlay-view-lightbox-buttons { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .overlay-view-lightbox-buttons-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-view-lightbox-buttons-buttons { vertical-align: middle; display: table-cell; text-align: center; } .overlay-view-lightbox-buttons a { display: inline-block; color: #fff; border: 2px solid #fff; padding: 0 10px; height: 32px; line-height: 32px; border-radius: 3px; transition: all .2s ease-in-out; } .overlay-view-lightbox-buttons a:first-child { margin-right: 5px } .overlay-view-lightbox-buttons a:hover { background: #fff; color: #000; text-decoration: none; } .wpb_row .overlay-view-lightbox-buttons a .fa { position: relative; top: -2px; } /* Overlays > View/Lightbox > Text */ .overlay-view-lightbox-text { background: #000; background: rgba(0,0,0,0.65); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all .25s ease-in-out; } .overlay-parent:hover .overlay-view-lightbox-text { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .overlay-view-lightbox-text-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-view-lightbox-text-buttons { vertical-align: middle; display: table-cell; text-align: center; } .overlay-view-lightbox-text a { display: inline-block; color: #fff; border: 2px solid #fff; padding: 0 14px; height: 30px; line-height: 30px; border-radius: 3px; text-transform: uppercase; font-size: 0.846em; font-weight: bold; font-weight: 600; letter-spacing: 1px; position: relative; transition: all .15s ease-in-out; } .overlay-view-lightbox-text a:first-child { margin-right: 5px } .overlay-view-lightbox-text a:hover { background: #fff; color: #000; text-decoration: none; padding-right: 32px; } .overlay-view-lightbox-text a .fa { visibility: hidden; position: absolute; top: 0; height: 30px; line-height: 30px; right: 14px; } .overlay-view-lightbox-text a:hover .fa { visibility: visible } /* Overlays > Title + Excerpt Hover */ .overlay-title-excerpt-hover { background: #000; background: rgba(0,0,0,0.75); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all .25s ease-in-out; overflow: hidden; } .overlay-parent:hover .overlay-title-excerpt-hover { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .overlay-title-excerpt-hover-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-title-excerpt-hover-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; transition: all 0.15s linear; transform: scale(1.3); } .overlay-title-excerpt-hover:hover .overlay-title-excerpt-hover-text { transform: none } .overlay-title-excerpt-hover-title { font-size: 1.231em; color: #fff; margin: 0 0 10px; } .overlay-title-excerpt-hover-excerpt { font-style: italic; font-weight: normal; color: #bbb; overflow: hidden; } /* Overlays > Title + Category Hover */ .overlay-title-category-hover { background: #000; background: rgba(0,0,0,0.75); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all .25s ease-in-out; } .overlay-parent:hover .overlay-title-category-hover { visibility: visible; opacity: 1; } .overlay-title-category-hover-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; overflow: hidden; } .overlay-title-category-hover-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; transition: all 0.15s linear; transform: scale(1.3); } .overlay-title-category-hover:hover .overlay-title-category-hover-text { transform: none } .overlay-title-category-hover-title { font-size: 1.231em } .overlay-title-category-hover-category { font-style: italic; font-weight: normal; color: #bbb; } /* Overlays > Title + Category Visible */ .overlay-title-category-visible { background: #000; background: rgba(0,0,0,0.5); position: absolute; top: 0; right: 0; height: 100%; width: 100%; } .overlay-title-category-visible-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-title-category-visible-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; } .overlay-title-category-visible-title { font-size: 1.231em } .overlay-title-category-visible-category { color: #fff; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Overlays > Title + Date Hover */ .overlay-title-date-hover { background: #000; background: rgba(0,0,0,0.75); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all .25s ease-in-out; } .overlay-parent:hover .overlay-title-date-hover { visibility: visible; opacity: 1; } .overlay-title-date-hover-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-title-date-hover-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; transition: all 0.15s linear; transform: scale(1.3); } .overlay-title-date-hover:hover .overlay-title-date-hover-text { transform: none } .overlay-title-date-hover-title { font-size: 1.231em } .overlay-title-date-hover-date { font-style: italic; font-weight: normal; color: #bbb; } /* Overlays > Title + Date Visible */ .overlay-title-date-visible { background: #000; background: rgba(0,0,0,0.5); position: absolute; top: 0; right: 0; height: 100%; width: 100%; } .overlay-title-date-visible-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-title-date-visible-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; } .overlay-title-date-visible-title { font-size: 1.231em } .overlay-title-date-visible-date { color: #fff; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Overlays > Title Push Up */ .overlay-parent-title-push-up, .overlay-parent-title-push-up > a { overflow: hidden; position: relative; -webkit-backface-visibility: hidden; } .overlay-parent-title-push-up img { transition: all 0.35s } .overlay-title-push-up { display: block; background: #000; color: #fff; padding: 15px 20px; position: absolute; bottom: -100px; left: 0; width: 100%; transition: 0.35s all; font-size: 1.077em; -webkit-backface-visibility: hidden; word-wrap: break-word; } /* Overlays > Title Bottom */ .overlay-title-bottom, .overlay-title-bottom-see-through { display: block; background: #000; color: #fff; padding: 10px 20px; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 1.077em; } .overlay-title-bottom-see-through { background: rgba(0,0,0,0.6) } /* Overlays > Button */ .overlay-hover-button { background: #000; background: rgba(0,0,0,0.75); position: absolute; top: 0; right: 0; height: 100%; width: 100%; transition: all .25s ease-in-out; } .overlay-hover-button-inner { display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .overlay-hover-button-text { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-weight: bold; font-weight: 600; padding: 20px; transition: all 0.15s linear; transform: scale(1.3); } .overlay-parent:hover .overlay-hover-button-text { transform: none } .theme-button.overlay-hover-button-link { font-size: 1.077em } /*------------------------------------------------------------------ [WordPress Styles] -------------------------------------------------------------------*/ .bypostauthor, .sticky { } .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 10px 20px; } .alignleft { float: left; margin: 0 20px 10px 0; } .floatleftcenter { float: none; margin: 0 auto; } .floatleft { float: left } .floatright { float: right } .wp-caption { text-align: center; max-width: 100%; border: 1px solid #eee; text-align: center; background-color: #fff; padding: 8px; } .wp-caption img { display: block; margin: 0 auto; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.875em; padding: 10px 0 0; margin: 0; text-align: center; } .wp-caption.alignnone { margin-bottom: 20px } .wp-smiley { margin: 0; max-height: 1em; } #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px; } .post-password-form label, .post-password-form input { display: block; float: none; } .post-password-form input { margin-top: 10px } .post-password-form input[type="password"] { width: 200px; max-width: 100%; } .post-password-form label { font-weight: bold; font-weight: 600; color: #000; } form.login { padding: 20px; border: 1px solid #eee; } form.login .lost_password { margin-left: 20px; display: inline-block; } .wpstats { display: none } /*------------------------------------------------------------------ [Forms + Buttons] -------------------------------------------------------------------*/ /*fixes */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } /* turn off number spinners */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* reset search styling */ input[type="search"] { outline: 0 } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none } /* input normal */ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], textarea { color: #777; padding: .6em .6em; display: inline-block; font-size: 1em; transition: .15s linear border; -webkit-appearance: none; max-width: 100%; border: 1px solid #e4e4e4; background: #f7f7f7; font-family: inherit; } /* textarea */ textarea { width: 100%; max-width: 100%; -webkit-appearance: none; font-family: inherit; } /* remove chrome yellow autofill */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset } /* placeholder color */ ::-webkit-input-placeholder { color: inherit } :-moz-placeholder { color: inherit } ::-moz-placeholder { color: inherit } :-ms-input-placeholder { color: inherit } /* input focus */ input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus { outline: 0; /*border-color: #129FEA; background-color: #f9f9f9; */ ;; } /* white inputs */ .light-form input[type="text"], .light-form input[type="password"], .light-form input[type="email"], .light-form input[type="tel"], .light-form input[type="url"], .light-form textarea { background: #fff; color: #555; border-color: transparent; } /* theme button default */ .theme-button, .color-button, input[type="submit"], button { color: #fff; padding: .5em 1em; margin: 0; display: inline-block; font-size: 0.923em; font-weight: normal; color: #fff; outline: none; cursor: pointer; outline: none; border: none; font-family: inherit; -webkit-appearance: none; transition: all 0.15s ease-in-out; border-radius: 3px; -webkit-font-smoothing: inherit; text-decoration: none !important; } p.theme-button a { color: #fff } .theme-button p, .vcex-button p { margin: 0 !important; } /* theme button hover */ .theme-button:hover, .color-button:hover, input[type="submit"]:hover, button:hover { color: #fff } /* theme button active */ .theme-button:active, .color-button:active, input[type="submit"]:active, button:active { color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1) inset; } /* readmore link edits */ .readmore-link-wrap { display: block } .search-entry .readmore-link-wrap { margin-top: 10px } .readmore-link { display: block; float: left; } /* make some buttons smaller */ .readmore-link { font-size: 0.846em } /* password protection */ .password-protection-box { padding: 20px; background: #f7f7f7; border: 1px solid #eee; margin-bottom: 40px; } .password-protection-box p:last-child { margin: 0 } .password-protection-box h2 { font-size: 1.077em; margin: 0 0 10px; } .password-protection-box input { height: 40px; padding-top: 0; padding-bottom: 0; } .password-protection-box input[type="password"] { background: #fff; width: 68%; float: left; } .password-protection-box input[type="submit"] { float: right; width: 30%; font-size: 1em; margin-left: 4px; height: 40px; line-height: 40px; padding-left: 25px; padding-right: 25px; padding-top: 0; padding-bottom: 0; } /* full-width inputs */ .full-width-input input { width: 100% } /*------------------------------------------------------------------ [Theme Buttons] -------------------------------------------------------------------*/ /* Theme Buttons > Commons */ .theme-button.animate-on-hover, .theme-button.hvr-float-shadow, .theme-button.hvr-float-grow, .theme-button.hvr-float { transition: all 0.25s ease-in-out } /* Theme Buttons > Graphical */ .theme-button.graphical { color: #fff; border-radius: 3px; text-shadow: 0 -1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 3px -1px rgba(45,60,72,0.5); border: 1px solid rgba(0,0,0,0.15); } .theme-button.graphical:active { box-shadow: 0 2px 2px rgba(0,0,0,.25) inset } /* Theme Buttons > 3D */ .theme-button.three-d { color: #fff; border-radius: 2px; border-bottom: 4px solid rgba(0,0,0,0.25); } .theme-button.three-d:active { border-color: transparent } /* Theme Buttons > Backgrounds */ .theme-button.blue, .color-button.blue, .active > .theme-button.outline, .theme-button.outline.active, .theme-button.outline:hover { background: #4a97c2 } .theme-button:hover, .theme-button.blue:hover, .active > .theme-button, .theme-button.active .active > .theme-button.blue, .theme-button.blue.active { background: #327397 } .theme-button.grey, .color-button.grey { background: #bbb } .theme-button.grey:hover, .active > .theme-button.grey, .theme-button.active.grey { background: #999 } .active > .theme-button.outline.black, .active > .theme-button.minimal-border.black, .theme-button.outline.black:hover, .theme-button.minimal-border.black:hover, .theme-button.outline.black.active, .theme-button.minimal-border.blackk.active, .theme-button.black, .color-button.black { background: #333 } .theme-button.black:hover, .active > .theme-button.black, .theme-button.active.black { background: #555 } .theme-button.orange, .color-button.orange { background: #ee7836 } .theme-button.orange:hover, .active > .theme-button.orange, .theme-button.active.orange { background: #cf5511 } .theme-button.gold, .color-button.gold { background: #ffaa33 } .theme-button.gold:hover, .active > .theme-button.gold, .theme-button.active.gold { background: #ff9500 } .theme-button.green, .color-button.green { background: #87bf17 } .theme-button.green:hover, .active > .theme-button.green, .theme-button.active.green { background: #679212 } .theme-button.purple, .color-button.purple { background: #9a5e9a } .theme-button.purple:hover, .active > .theme-button.purple, .theme-button.active.purple { background: #653e65 } .theme-button.teal, .color-button.teal { background: #00b3b3 } .theme-button.teal:hover, .active > .theme-button.teal, .theme-button.active.teal { background: #006f6f } .theme-button.pink, .color-button.pink { background: #f261c2 } .theme-button.pink:hover, .active > .theme-button.pink, .theme-button.active.pink { background: #bc0f83 } .theme-button.brown, .color-button.brown { background: #804b35 } .theme-button.brown:hover, .active > .theme-button.brown, .theme-button.active.brown { background: #5c3626 } .theme-button.red, .color-button.red { background: #f73936 } .theme-button.red:hover, .active > .theme-button.red, .theme-button.active.red { background: #bf0a08 } .theme-button.rosy, .color-button.rosy { background: #ea2487 } .theme-button.rosy:hover, .active > .theme-button.rosy, .theme-button.active.rosy { background: #b81265 } .theme-button.white, .color-button.white { background: #fff; color: #000; } .theme-button.white:hover, .active > .theme-button.white, .theme-button.active.white { background: #fff } .theme-button.white:hover { opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; } /* Theme Buttons > Outline */ .theme-button.outline { color: #888; background: none; border-radius: 2px; border: 3px solid #eee; font-weight: bold; font-weight: 600; } .theme-button.outline:active { border-color: transparent !important; box-shadow: none; } .theme-button.outline:hover { color: #fff; border-color: transparent !important; } .active > .theme-button.outline, .theme-button.outline.active, .theme-button.outline:hover { color: #fff; border-color: transparent; } .get-prices-btn{display: none;} .for-mobile{display: none;} .heading-for-mobile{display: none;} .button-for-mobile{display: none;} /* Theme Buttons > Clean */ .theme-button.clean, .theme-button.clean:hover, .theme-button.clean.active, .active > .theme-button.clean { color: #3f90bd; border-radius: 2px; border: 1px solid #ddd; background-image: linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); box-shadow: 0px 1px 1px rgba(180, 180, 180, 0.13); font-weight: bold; font-weight: 600; } .theme-button.clean:hover, .theme-button.clean.active, .active > .theme-button.clean { color: #000 !important } .theme-button.clean:active { box-shadow: 0 1px 2px rgba(0,0,0,.1) inset } /* Theme Buttons > Backgrounds and Borders */ .theme-button.minimal-border { background: none; color: #888; border: 1px solid #ddd; border-radius: 0; } .theme-button.minimal-border:hover, .active > .theme-button.minimal-border, .theme-button.minimal-border.active { background: #f7f7f7; color: #000; } .theme-button.outline.black, .theme-button.minimal-border.black { border-color: #333 } .theme-button.outline.grey, .theme-button.minimal-border.grey { border-color: #bbb } .theme-button.outline.grey:hover, .theme-button.outline.grey.active, .active > .theme-button.outline.grey, .theme-button.minimal-border.grey:hover, .theme-button.minimal-border.grey.active, .active > .theme-button.minimal-border.grey { background: #bbb; color: #fff; } .theme-button.outline.blue, .theme-button.minimal-border.blue { border-color: #3f90bd } .theme-button.outline.blue:hover, .theme-button.outline.blue.active, .active > .theme-button.outline.blue, .theme-button.minimal-border.blue:hover, .theme-button.minimal-border.blue.active, .active > .theme-button.minimal-border.blue { background: #3f90bd; color: #fff; } .theme-button.outline.orange, .theme-button.minimal-border.orange { border-color: #EE7836 } .theme-button.outline.orange:hover, .theme-button.outline.orange.active, .active > .theme-button.outline.orange, .theme-button.minimal-border.orange:hover, .theme-button.minimal-border.orange.active, .active > .theme-button.minimal-border.orange { background: #EE7836; color: #fff; } .theme-button.outline.gold, .theme-button.minimal-border.gold { border-color: #ffaa33 } .theme-button.outline.gold:hover, .theme-button.outline.gold.active, .active > .theme-button.outline.gold, .theme-button.minimal-border.gold:hover, .theme-button.minimal-border.gold.active, .active > .theme-button.minimal-border.gold { background: #ffaa33; color: #fff; } .theme-button.outline.green, .theme-button.outline.green, .theme-button.minimal-border.green { border-color: #87bf17 } .theme-button.outline.green:hover, .active > .theme-button.outline.green, .theme-button.outline.green.active, .theme-button.minimal-border.green:hover, .theme-button.minimal-border.green.active, .active > .theme-button.minimal-border.green { background: #87bf17; color: #fff; } .theme-button.outline.purple, .theme-button.minimal-border.purple { border-color: #9a5e9a } .theme-button.outline.purple:hover, .active > .theme-button.outline.purple, .theme-button.outline.purple.active, .theme-button.minimal-border.purple:hover, .active > .theme-button.minimal-border.purple, .theme-button.minimal-border.purple.active { background: #9a5e9a; color: #fff; } .theme-button.outline.teal, .theme-button.minimal-border.teal { border-color: #009191 } .theme-button.outline.teal:hover, .theme-button.outline.teal.active, .active > .theme-button.outline.teal, .theme-button.minimal-border.teal:hover, .theme-button.minimal-border.teal.active, .active > .theme-button.minimal-border.teal { background: #009191; color: #fff; } .theme-button.outline.pink, .theme-button.minimal-border.pink { border-color: #f261c2 } .theme-button.outline.pink:hover, .theme-button.outline.pink.active, .active > .theme-button.outline.pink, .theme-button.minimal-border.pink:hover, .theme-button.minimal-border.pink.active, .active > .theme-button.minimal-border.pink { background: #f261c2; color: #fff; } .theme-button.outline.brown, .theme-button.minimal-border.brown { border-color: #804b35 } .theme-button.outline.brown:hover, .theme-button.outline.brown.active, .active > .theme-button.outline.brown, .theme-button.minimal-border.brown:hover, .theme-button.minimal-border.brown.active, .active > .theme-button.minimal-border.brown { background: #804b35; color: #fff; } .theme-button.outline.red, .theme-button.outline.red, .theme-button.minimal-border.red { border-color: #F73936 } .theme-button.outline.red:hover, .theme-button.outline.red.active, .active > .theme-button.outline.red, .theme-button.minimal-border.red:hover, .theme-button.minimal-border.red.active, .active > .theme-button.minimal-border.red { background: #F73936; color: #fff; } .theme-button.outline.rosy, .theme-button.minimal-border.rosy { border-color: #EA2487 } .theme-button.outline.rosy:hover, .theme-button.outline.rosy.active, .active > .theme-button.outline.rosy, .theme-button.minimal-border.rosy:hover, .theme-button.minimal-border.rosy.active, .active > .theme-button.minimal-border.rosy { background: #EA2487; color: #fff; } .theme-button.outline.white, .theme-button.minimal-border.white { border-color: #fff; color: #fff; } .theme-button.outline.white:hover, .theme-button.outline.white.active, .active > .theme-button.outline.white, .theme-button.minimal-border.white:hover, .theme-button.minimal-border.white.active, .active > .theme-button.minimal-border.white { border-color: #fff; background: #fff; color: #000; } /*theme button colors*/ .theme-button.clean.grey, .theme-button.outline.grey, .theme-button.minimal-border.grey { color: #bbb } .theme-button.clean.black, .theme-button.outline.black, .theme-button.minimal-border.black { color: #333 } .theme-button.clean.blue, .theme-button.outline.blue, .theme-button.minimal-border.blue { color: #3f90bd } .theme-button.clean.orange, .theme-button.outline.orange, .theme-button.minimal-border.orange { color: #EE7836 } .theme-button.clean.gold, .theme-button.outline.gold, .theme-button.minimal-border.gold { color: #ffaa33 } .theme-button.clean.green, .theme-button.outline.green, .theme-button.minimal-border.green { color: #87bf17 } .theme-button.clean.purple, .theme-button.outline.purple, .theme-button.minimal-border.purple { color: #9a5e9a } .theme-button.clean.teal, .theme-button.outline.teal, .theme-button.minimal-border.teal { color: #009191 } .theme-button.clean.pink, .theme-button.outline.pink, .theme-button.minimal-border.pink { color: #f261c2 } .theme-button.clean.brown, .theme-button.outline.brown, .theme-button.minimal-border.brown { color: #804b35 } .theme-button.clean.red, .theme-button.outline.red, .theme-button.minimal-border.red { color: #F73936 } .theme-button.clean.rosy, .theme-button.outline.rosy, .theme-button.minimal-border.rosy { color: #EA2487 } .active > .theme-button.outline.black, .active > .theme-button.minimal-border.black, .theme-button.outline.black:hover, .theme-button.minimal-border.black:hover, .theme-button.outline.black.active, .theme-button.minimal-border.blackk.active, .theme-button.clean.white, .theme-button.outline.white, .theme-button.minimal-border.white { color: #fff } /*sizes & alignments*/ .theme-button.small, .color-button.small { font-size: 0.923em } .theme-button.medium, .color-button.medium { font-size: 1.077em } .theme-button.large, .color-button.large { font-size: 1.385em } .theme-button.align-left, .color-button.align-left { float: left } .theme-button.align-right, .color-button.align-right { float: right; margin-right: 0; margin-left: 5px; } .theme-button-icon-right, .color-button-icon-right { padding-left: 10px } .theme-button-icon-left, .color-button-icon-left { padding-right: 10px } .theme-button.expanded { width: 100%; padding: 0.9em 1.2em; text-align: center; } /*------------------------------------------------------------------ [Color Buttons] -------------------------------------------------------------------*/ .color-button { margin: 0 5px 5px 0; display: inline-block; } .color-button:hover { opacity: 0.85 } /*layerslider fixes*/ .ls-container .color-button { padding: 0.8em 1em !important; margin: 0 5px 5px 0; display: inline-block; font-size: 1em; font-weight: bold; font-weight: 600; color: #fff; border: 0; box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 3px -1px rgba(45,60,72,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0,0,0,0.4) !important; outline: none; -webkit-appearance: none; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 0 0 1px rgba(0,0,0,.2), 2px 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2), 2px 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 2px 2px 2px rgba(0,0,0,.1); } .ls-container .color-button:hover { text-decoration: none; text-decoration: none; opacity: 0.8; } .ls-container .color-button:active { box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4) inset; } /*Slider Bottom heading*/ .slider-bottom { background: #FDFCF7; width: 100%; float: left; margin: 0; padding: 15px; } .subheading { font-size: 21px; text-align: center; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #cc3366; } /* Side Navigation */ .side_menu { background-color: #F4F2F3; font-weight: 600; font-size: 12px; text-align: left; padding-bottom: 8px; } .side_menu .widget-title { font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 16px;color: #CC3366; } .side_menu ul a:hover { color: #CC3366; } .side_menu a { color: #414141; font-size: 12px; line-height: 16px; } /*------------------------------------------------------------------ [Typography] -------------------------------------------------------------------*/ em { font-style: italic } strong { font-weight: bold; font-weight: 600; } small { font-size: 80% } hr { border: solid #e4e4e4; border-width: 1px 0 0; clear: both; margin: 40px 0; height: 0; } /* Typography > Font Sizes */ .tb-em-14px { font-size: 1.077em } .tb-em-16px { font-size: 1.231em } .tb-em-18px { font-size: 1.385em } .tb-em-21px { font-size: 1.615em } .tb-fs-13px { font-size: 13px } .tb-fs-14px { font-size: 14px } .tb-fs-16px { font-size: 16px } .tb-fs-18px { font-size: 18px } .tb-fs-21px { font-size: 21px } /* Typography > Font Smoothing */ body.smooth-fonts { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Typography > Links */ a { color: #0081cc; text-decoration: none; outline: none; } a:hover { text-decoration: underline } /* Typography > Headings */ h1,h2,h3,h4,h5,h6 { font-weight: bold; font-weight: 600; color: #222; line-height: 1.5; margin: 30px 0 20px; } .heading-typography { line-height: 1.5 } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: inherit } h1 a:hover,h2 a:hover,a:hover h2,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none } h1 { font-size: 1.500em; margin: 0 0 20px; } h2 { font-size: 1.313em } h3 { font-size: 1.125em } h4 { font-size: 1em } h5 { font-size: 0.875em } h6 { font-size: 0.750em } /* Typography > Paragraph */ p { margin: 0 0 20px } p.lead { font-size: 1.313em; line-height: 27px; color: #777; } /* Typography > Blockquote */ blockquote { background:url('images/testimonialscurly.jpg') -15px 4px no-repeat; padding-left: 55px !important; margin: 40px 0; font-size: 1.231em; color: #ababab; } blockquote p:last-child { margin: 0 } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /* Typography > Pre-tag */ pre { position: relative; background: #f7f7f7; padding: 20px; padding-right: 50px; margin: 30px 0; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: 'Verdana'; letter-spacing: 1px; z-index: 1; } pre:before { position: absolute; width: 30px; padding-top: 10px; text-align: center; right: 0; top: 0; height: 100%; font-family: "FontAwesome"; content: "\f121"; background: #e7e7e7; color: #333; font-size: 14px; } /* Typography > Address */ address { font-size: 0.875em; letter-spacing: 0.5px; margin: 20px 0; } /* Typography > Dropcaps */ .dropcap { display: block; float: left; margin-right: 10px; margin-bottom: 10px; font-size: 3.231em; line-height: 100%; } .dropcap.boxed { color: #fff; background: #000; padding: 5px 10px; } /*------------------------------------------------------------------ [Typography Styles] -------------------------------------------------------------------*/ .typography-light, .typography-light a, .typography-light a:hover, .typography-light h1, .typography-light h2, .typography-light h3, .typography-light h4 { color: #fff; color: rgba(255,255,255,0.8); } .typography-light p > a { text-decoration: underline } .typography-white, .typography-white a, .typography-white a:hover, .typography-white h1, .typography-white h2, .typography-white h3, .typography-white h4 { color: #fff } .typography-white p > a { text-decoration: underline } .typography-black, .typography-black a, .typography-black a:hover, .typography-black h1, .typography-black h2, .typography-black h3, .typography-black h4 { color: #000 } .typography-black p > a { text-decoration: underline } /*------------------------------------------------------------------ [Animation + Hover Styles] -------------------------------------------------------------------*/ .transition-all { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .animate-bg-hover { -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } .tb-hover-white-text:hover, .tb-hover-white-text:hover * { color: #fff !important } /*------------------------------------------------------------------ [Lists] -------------------------------------------------------------------*/ .entry ul, .entry ol { margin: 0 0 20px 30px } .entry ul { list-style: disc } .entry ol { list-style: decimal } .rev_slider ul { margin: 0; padding: 0; } /*checklist*/ ul.check-list { margin: 0 0 20px; list-style: none; } ul.check-list li { margin: 0 0 5px } ul.check-list li:before { font-family: "FontAwesome"; content: "\f00c"; margin-right: 10px; opacity: 0.8; } /*------------------------------------------------------------------ [Togglebar] -------------------------------------------------------------------*/ #toggle-bar-wrap { position: fixed; top: 0; left: 0; background: #fff; z-index: -1; width: 100%; opacity: 0; visibility: hidden; box-shadow: 0 0 6px rgba(0,0,0,0.25); transition: all 0.25s ease-in-out; } #toggle-bar-wrap.active-bar { visibility: visible; opacity: 1; z-index: 10001; } #toggle-bar-wrap.toggle-bar-fade-slide { top: -60px } #toggle-bar-wrap.toggle-bar-fade-slide.active-bar { top: 0 } body.admin-bar #toggle-bar-wrap { top: 32px } #toggle-bar { padding: 40px 0 } /* Toggle Bar > Button */ .toggle-bar-btn { display: block; position: fixed; top: 0; right: 0; border-left: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #252525; border-top: 20px solid #252525; z-index: 10002; color: #fff; transition: all 0.3s; } body.admin-bar .toggle-bar-btn { top: 32px } .toggle-bar-btn span.fa { position: absolute; font-size: 0.846em; top: -12px; left: 4px; text-shadow: none !important; } /*------------------------------------------------------------------ [Topbar] -------------------------------------------------------------------*/ #top-bar-wrap { border-bottom: 1px solid #eee; font-size: 0.923em; } .tb-top-bar-sticky { background: #fff; } .is-sticky .tb-top-bar-sticky { z-index: 999; } #top-bar { position: relative; min-height: 50px; padding: 15px 0; } #top-bar a { color: #555 } .top-bar-left { float: left; } .top-bar-right { float: right; } .top-bar-centered { float: none; text-align: center; } .desc{margin-top: 0px !important; padding: 0px 25px; font-size: 18px !important;} /* Top Bar > Header Overlay */ body.has-overlay-header #top-bar-wrap { position: absolute; top: 0; width: 100%; border: 0; } /* Top Bar > Content */ #top-bar-content strong { color: #000 } #top-bar-content #lang_sel { position: relative; margin-right: 10px; top: 11px; display: inline-block; } #top-bar-wrap #lang_sel ul ul { z-index: 99999 } /* Top Bar > Menu */ .top-bar-left.has-content .top-bar-menu { margin-right: 20px } .top-bar-right.has-content .top-bar-menu { margin-right: 20px } .top-bar-menu, .top-bar-menu li { display: block; float: left; } #top-bar-content.top-bar-centered .top-bar-menu, #top-bar-content.top-bar-centered .top-bar-menu li { display: inline-block; float: none; } .top-bar-menu li { margin-right: 20px } .top-bar-menu li li { display: none !important; /* dropdowns not supported hidden to prevent bugs*/ } .top-bar-menu li:last-child { margin-right: 0 } .top-bar-menu li a .fa { margin-right: 6px } /* Top Bar > Social */ #top-bar-social a { display: block; float: left; margin-right: 5px; transition: all 0.15s ease-in-out; font-size: 14px; } #top-bar-social a.tb-social-btn { height: 26px; line-height: 26px; width: 26px; padding: 0; } #top-bar-social a.tb-social-btn-no-style { margin-right: 10px; color: #bbb; font-size: 18px; height: auto; width: auto; } #top-bar-social a.tb-social-btn-no-style:hover { color: #000 } #top-bar-social.social-style-colored-icons a { margin-right: 0 } #top-bar-social a:last-child { margin-right: 0 !important } /* Top Bar > Social > Right */ #top-bar-social.top-bar-right { position: absolute; right: 0; top: 50%; height: 26px; line-height: 26px; margin-top: -13px; } body.boxed-main-layout #top-bar-social.top-bar-right { right: 30px; } /* Top Bar > Social > Left */ #top-bar-social.top-bar-left { position: absolute; left: 0; top: 50%; height: 26px; line-height: 26px; margin-top: -13px; } body.boxed-main-layout #top-bar-social.top-bar-left { left: 30px; } /* Top Bar > Social > Centered */ #top-bar-social.top-bar-centered a { display: inline-block; float: none; } /* Top Bar > Social > Image Icons */ #top-bar-social.top-bar-right.social-style-colored-icons, #top-bar-social.top-bar-left.social-style-colored-icons { height: 20px; line-height: 20px; margin-top: -10px; } .social-style-colored-icons img { height: 20px; } .social-style-colored-icons a:hover img { opacity: 0.85 } /* Top Bar > Language Switchers */ .top-bar-right .polylang-switcher-shortcode { float: right; margin-left: 20px; } .top-bar-left .polylang-switcher-shortcode { float: left; margin-right: 20px; } /*------------------------------------------------------------------ [Header Global Styles] -------------------------------------------------------------------*/ #site-header { padding-top: 0px !important; } /* no padding should be added here, add to header-inner please*/ #site-header.tb-full-width .container { width: 100% !important; } #site-header-inner { position: relative; padding-bottom: 10px; height: 100%; padding-left: 0 !important; align-items: center; } #site-navigation.container { position: relative; } /* Header > Main > Logo */ #site-logo { display: table; } #site-logo-inner { display: table-cell; vertical-align: middle; } #site-logo a { height: 100%; padding: 0; margin: 0; text-decoration: none; } #site-logo a.site-logo-text { color: #222; font-size: 24px; font-weight: bold; } #site-logo-fa-icon { margin-right: 10px; } #site-logo a:hover { text-decoration: none } #site-logo img { display: inline; vertical-align: middle; max-height: 100%; max-width: 100%; transition: all 0.4s ease-in-out; } /*------------------------------------------------------------------ [Sticky Header] -------------------------------------------------------------------*/ .tb-sticky-header-holder { background: #fff; } .tb-sticky-header-holder.is-sticky #site-header { overflow: visible !important; z-index: 999; background: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,0.1); } .tb-sticky-header-holder.is-sticky #site-header-inner { z-index: 999; } body.admin-bar .is-sticky #site-header { /*margin-top: 32px*/ } /* Sticky Header > Shrink */ #site-header.tb-shrink-sticky-header { width: 100%; } #site-header.tb-shrink-sticky-header, #site-header.tb-shrink-sticky-header #site-header-inner, #site-header.tb-shrink-sticky-header #site-logo img { transition: none; -moz-transition: none; -webkit-transition: none; } #site-header.tb-shrink-sticky-header { transition: opacity 0.3s; } /*------------------------------------------------------------------ [Sticky Navbar] -------------------------------------------------------------------*/ .is-sticky .fixed-nav { width: 100%; background: #fff; border-bottom: 1px solid #eee; overflow: visible !important; z-index: 999; width: 100%; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1); } .admin-bar .is-sticky .fixed-nav { margin-top: 32px } #menu-top{display: flex; justify-content: space-evenly;} /*------------------------------------------------------------------ [SuperFish + Core Menu Styles] -------------------------------------------------------------------*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 10001; } .sf-menu > li { float: left } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { display: flex; justify-content: space-evenly;} .sf-menu ul { min-width: 140px; *width: 140px; } .sf-menu a { zoom: 1 } .sf-menu li { position: relative; white-space: nowrap; *white-space: normal; } .sf-menu li:hover, .sf-menu li.sfHover { transition: none } .sf-menu .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li:hover > .sf-mega, .sf-menu li.sfHover > .sf-mega { display: block } .sf-menu ul img { display: block; float: none; max-width: 100%; } #site-navigation .dropdown-menu li a .fa { margin-right: 8px } #site-navigation .dropdown-menu li.no-icon-margin a .fa { margin-right: 0 } #site-navigation .dropdown-menu .site-search-toggle .fa { margin: 0 } /*------------------------------------------------------------------ [Menu] -------------------------------------------------------------------*/ #site-navigation a { text-decoration: none } /* Menu > Main > Arrows */ #site-navigation .dropdown-menu li a .nav-arrow { margin-left: 4px; margin-right: 0; } #site-navigation .dropdown-menu ul a.sf-with-ul { padding-right: 25px } #site-navigation .sf-menu > li ul li .nav-arrow { position: absolute; top: 50%; right: 10px; height: 10px; line-height: 10px; margin-top: -5px; } /* Menu > Main > Dropdowns */ #site-navigation .dropdown-menu ul { background: #fff; border: 1px solid #eee; } #site-navigation .dropdown-menu ul ul { margin-left: 0; text-align: left; } #site-navigation .dropdown-menu ul li:first-child ul { margin-top: 0 } #site-navigation .dropdown-menu ul li { padding: 0 } #site-navigation .dropdown-menu ul a { display: block; float: none; padding: 8px 12px; height: auto; margin: 0px; border: 0px; line-height: 1.4em; color: #666; font-size: 0.923em; border-bottom: 1px solid #eee; } #site-navigation .dropdown-menu ul li:last-child > a { border-bottom: none } #site-navigation .dropdown-menu ul a:hover { background: #f7f7f7 } /* Menu > Main > Left Dropdowns */ #site-navigation .dropdown-menu li.left-dropdowns ul ul { left: auto; right: 100%; } body #site-navigation .sf-menu li.left-dropdowns ul a.sf-with-ul { padding-left: 25px; padding-right: 12px; } #site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right { left: 9px; right: auto; } #site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right:before { content: "\f104" } /* Menu > Main > Animate Links */ #site-navigation .dropdown-menu > li > a > span.link-inner { transition: background 0.15s ease-in-out, color 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out, color 0.15s ease-in-out; -webkit-transition: background 0.15s ease-in-out, color 0.15s ease-in-out; } #site-navigation .dropdown-menu ul a { transition: all 0.15s ease-in-out -moz-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; } /*------------------------------------------------------------------ [Header One] -------------------------------------------------------------------*/ .header-one #site-logo { float: left; height: 100%; } /* Header > One > Navbar */ .navbar-style-one { position: absolute; right: -12px; top: 50%; margin-top: -25px; height: 50px; } .navbar-style-one .dropdown-menu > li:last-child.menu-button { margin-right: 12px; } #site-header.tb-full-width .navbar-style-one { right: 30px } .navbar-style-one .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; padding: 0 4px; color: #555; } .navbar-style-one .dropdown-menu > li > a > span.link-inner { display: inline-block; line-height: 1; padding: 0.5em 0.8em; border-radius: 3px; } /*------------------------------------------------------------------ [Header Two] -------------------------------------------------------------------*/ .header-two { background: #fff } .header-two-aside { float: right; font-size: 1.077em; text-align: right; } /* Header > Two > Logo */ .header-two-logo { float: left } .header-two-logo a { display: block; float: left; } /* Header > Two > Search */ #header-two-search { margin-top: 10px } #header-two-search { float: right } #header-two-search input#header-two-search-input { font-size: 0.923em; width: 160px; float: left; border: 1px solid #ddd; height: 32px; padding: 0 10px; border: 1px solid #e4e4e4; background: #f7f7f7; } #header-two-search-submit { height: 32px; line-height: 32px; width: 35px; text-align: center; padding: 0; outline: none; margin-left: 5px; cursor: pointer; font-size: 12px; } /* Header > Two > Navbar */ .navbar-style-two { background: #fff; } .navbar-style-two .dropdown-menu { width: 100%; } .navbar-style-two { border-top: 1px solid #eee; position: relative; } body.page-header-disabled .navbar-style-two { border-bottom: 1px solid #eee } .navbar-style-two .dropdown-menu { border-left: 1px solid #eee; border-right: 1px solid #eee; } .navbar-style-two .dropdown-menu li { border-right: 1px solid #eee } .navbar-style-two .dropdown-menu li li { border-right: 0 } .navbar-style-two .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; color: #555; font-weight: normal; padding: 0 18px; } .navbar-style-two .dropdown-menu .woo-menu-icon, .navbar-style-two .dropdown-menu .search-toggle-li { float: right; border-left: 1px solid #eee; border-right: 0; } /*------------------------------------------------------------------ [Header Three] -------------------------------------------------------------------*/ .header-three-logo { float: none; text-align: center; margin: 0 auto; } .header-three-logo a { display: inline; display: inline-block; float: none; } .header-three-aside { float: none; text-align: center; width: 100%; margin-top: 10px; } .navbar-style-three { border-top: 1px solid #eee; position: relative; } body.page-header-disabled .navbar-style-three { border-bottom: 1px solid #eee } .navbar-style-three .container { position: relative } .navbar-style-three .sf-menu { text-align: center; float: none; } .navbar-style-three .dropdown-menu > li { display: inline-block; float: none; } .navbar-style-three .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; color: #555; font-weight: normal; padding: 0 5px; } .navbar-style-three .dropdown-menu > li > a > span.link-inner { display: inline-block; line-height: 1; padding: 0.5em 0.8em; border-radius: 3px; } .navbar-style-three .dropdown-menu ul { text-align: left } /*------------------------------------------------------------------ [Header Four] -------------------------------------------------------------------*/ .header-four-logo { float: none; text-align: center; margin: 0 auto; } .header-four-logo a { display: inline-block; float: none; } .header-four-aside { float: none; text-align: center; width: 100%; margin-top: 10px; } .navbar-style-four { position: relative; border-bottom: 1px solid #eee; } .navbar-style-four .container { position: relative } .navbar-style-four .sf-menu { text-align: center; float: none; } .navbar-style-four .dropdown-menu > li { display: inline-block; float: none; } .navbar-style-four .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; color: #555; font-weight: normal; padding: 0 15px; } .navbar-style-four .dropdown-menu ul { text-align: left } /*------------------------------------------------------------------ [Header Five] -------------------------------------------------------------------*/ #site-logo.header-five-logo { display: none; float: none; margin: 0; padding: 0; transition: all 0.3s; } #site-logo.header-five-logo.display { display: table; } .menu-item-logo { padding: 0 40px; } #site-navigation-wrap.navbar-style-five, .navbar-style-five #site-navigation { height: 100%; } .navbar-style-five .container { position: relative } .navbar-style-five .dropdown-menu { text-align: center; float: none; display: table; height: 100%; margin: 0 auto; } .navbar-style-five .dropdown-menu > li { height: 100%; display: table-cell; vertical-align: middle; float: none; } .navbar-style-five .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; color: #555; font-weight: normal; padding: 0 4px; } .navbar-style-five .dropdown-menu ul { text-align: left } .navbar-style-five .dropdown-menu > li > a > span.link-inner { display: inline-block; line-height: 1; padding: 0.5em 0.8em; border-radius: 3px; } /*------------------------------------------------------------------ [Header Vertical] -------------------------------------------------------------------*/ @media only screen and ( min-width: 960px ) { /* Header Vertical > Main */ body.tb-has-vertical-header { position: relative; } body.tb-has-vertical-header.full-width-main-layout #outer-wrap { padding-left: 280px; } body.tb-has-vertical-header.full-width-main-layout.tb-site-header-disabled #outer-wrap { padding-left: 0; } body.tb-has-vertical-header.full-width-main-layout #outer-wrap { } body.tb-has-vertical-header #site-header { background: #fff; position: absolute; z-index: 99; top: 0; left: 0; width: 280px; height: 100%; box-shadow: 0 0 7px rgba(0,0,0,0.1); } body.tb-fixed-vertical-header #site-header { position: fixed; overflow-x: hidden; overflow-y: scroll; } body.tb-has-vertical-header #site-header .container { width: 100%; max-width: 100%; } /* Boxed Layout */ body.boxed-main-layout.tb-has-vertical-header #wrap { padding-left: 280px; } body.tb-has-vertical-header.boxed-main-layout.tb-site-header-disabled #wrap { padding-left: 0; } body.boxed-main-layout.tb-has-vertical-header #site-header .container { padding-left: 0 !important; padding-right: 0 !important; } /* Header Vertical > Logo */ body.tb-has-vertical-header #site-logo { display: block; padding: 0 30px 30px 30px; } /* Header Vertical > Navbar */ .navbar-style-six #site-navigation { border-top: 1px solid #eee; } .navbar-style-six .dropdown-menu > li { display: block; width: 100%; height: auto; border-bottom: 1px solid #eee; } .navbar-style-six .dropdown-menu > li > a { display: block; color: #555; font-weight: normal; padding: 1em 30px; } .navbar-style-six .dropdown-menu > li.menu-item-has-children > a { padding-right: 50px; } .navbar-style-six .dropdown-menu a:hover { background: #f9f9f9; } .navbar-style-six .dropdown-menu > .current-menu-item > a, .navbar-style-six .dropdown-menu > .current-menu-parent > a { background: #4a97c2; color: #fff !important; transition: all 0.3s ease-in-out; } .navbar-style-six .dropdown-menu > li > a > span.link-inner { display: block; padding: 0; transition: none; } .navbar-style-six .dropdown-menu .nav-arrow.top-level { position: absolute; right: 28px; top: 50%; height: 20px; line-height: 20px; margin-top: -10px; font-size: 11px; opacity: 0.4; } body.tb-has-vertical-header .tb-menu-search-text { display: inline-block; padding-left: 20px; } /* Header Vertical > Navbar > Dropdowns */ body.tb-has-vertical-header #site-navigation .sf-menu ul { top: 0; left: 100%; text-align: left } body.tb-has-vertical-header #site-navigation .sf-menu ul a { padding: 1em 20px; } /* Header Vertical > Navbar > Megamenu */ body.tb-has-vertical-header #site-navigation .dropdown-menu li.megamenu { position: relative; } body.tb-has-vertical-header #site-navigation .dropdown-menu li.megamenu ul { left: 100%; width: 750px } /* Header Vertical > Title */ body.tb-has-vertical-header .page-header { border-top: 0; } } /*------------------------------------------------------------------ [Menu Extras ] -------------------------------------------------------------------*/ /* Menu Extras > Dropdown Tip */ .tb-dropdowns-caret .dropdown-menu ul:before { content: ""; display: block; position: absolute; top: -7px; left: 12px; border-right: 7px solid transparent; border-bottom: 7px solid #ddd; border-bottom-color: rgba(0,0,0,0.15); border-left: 7px solid transparent; } .tb-dropdowns-caret .dropdown-menu ul:after { content: ""; display: block; position: absolute; top: -6px; left: 13px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .tb-dropdowns-caret .dropdown-menu ul ul:before, .tb-dropdowns-caret .dropdown-menu ul ul:after { display: none } /* Menu Extras > Dropshadows */ .tb-dropdowns-shadow-one ul ul { box-shadow: 0px 3px 10px rgba(0,0,0,0.1) } .tb-dropdowns-shadow-two ul ul { box-shadow: 0 0 3px 0 rgba(0,0,0,0.1) } .tb-dropdowns-shadow-three ul ul { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) } .tb-dropdowns-shadow-four ul ul { box-shadow: 0px 2px 3px rgba(0,0,0,0.4) } /* Menu Extras > Top Border */ .tb-dropdown-top-border #site-navigation .dropdown-menu li ul { border: none; border-top: 3px solid transparent; } .tb-dropdown-top-border .dropdown-menu ul:before, .tb-dropdown-top-border .dropdown-menu ul:after { display: none } /* Menu Extras > Flush Dropdowns */ .tb-flush-dropdowns .dropdown-menu ul:before, .tb-flush-dropdowns .dropdown-menu ul:after { display: none } /* Menu Extras > Minimal Dropdown */ .tb-dropdown-style-minimal #site-navigation .dropdown-menu ul { background: #fff; border-radius: 3px; border: 1px solid #ddd; padding: 10px; } .tb-dropdown-style-minimal #site-navigation .dropdown-menu ul:after, .tb-dropdown-style-minimal #site-navigation .dropdown-menu ul:before { display: none } .tb-dropdown-style-minimal #site-navigation .dropdown-menu ul li a { transition: none; border: 0; } .tb-dropdown-style-minimal #site-navigation .dropdown-menu ul li a:hover { background: transparent; color: #000; } .tb-dropdown-style-minimal .navbar-style-two #site-navigation .dropdown-menu ul { border-radius: 0; border-color: #eee; } /* Menu Extras > Black Dropdown */ .tb-dropdown-style-black #site-navigation .dropdown-menu ul { background: #000; border: 0; } .tb-dropdown-style-black .tb-dropdowns-caret .dropdown-menu ul:before, .tb-dropdown-style-black .tb-dropdowns-caret .dropdown-menu ul:after { border-bottom-color: #000 } .tb-dropdown-style-black #site-navigation .dropdown-menu ul li a { display: block; color: #909090; border-color: #252525; } .tb-dropdown-style-black #site-navigation .dropdown-menu ul li a:hover { background: #252525; color: #fff; } .tb-dropdown-style-black #site-navigation li.megamenu > ul.sub-menu > li { border-color: #252525 } .tb-dropdown-style-black #site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children > a { color: #fff } .tb-dropdown-style-black #searchform-dropdown { background: #222; border: 0; } .tb-dropdown-style-black #searchform-dropdown input { background: #333; color: #909090; } /*move to woocommerce css*/ .tb-dropdown-style-black #current-shop-items-dropdown { background: #000; border: 0; } .tb-dropdown-style-black #current-shop-items-dropdown a { color: #fff } .tb-dropdown-style-black #current-shop-items-dropdown li { border-color: #252525 } .tb-dropdown-style-black #current-shop-items-dropdown strong { color: #909090 } .tb-dropdown-style-black.price, .tb-dropdown-style-black .amount { color: #ccc !important } /*------------------------------------------------------------------ [Mega Menu] -------------------------------------------------------------------*/ #site-navigation li.megamenu { position: inherit } #site-navigation li.megamenu > ul.sub-menu .nav-arrow { display: none } #site-navigation li.megamenu > ul.sub-menu { width: 100%; left: 0; right: auto; border-radius: 0; padding: 12px 0 0; } #site-navigation li.megamenu > ul.sub-menu > li { display: block; float: left; padding: 0px 12px; width: 100%; } #site-navigation li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu a:before { display: inline-block; content: "\f105"; margin-right: 7px; font-family: 'FontAwesome'; } #site-navigation li.megamenu.col-1 > ul.sub-menu > li { width: 100% } #site-navigation li.megamenu.col-2 > ul.sub-menu > li { width: 50% } #site-navigation li.megamenu.col-2 > ul.sub-menu > li:nth-child(3n) { clear: both } #site-navigation li.megamenu.col-3 > ul.sub-menu > li { width: 33.33% } #site-navigation li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) { clear: both } #site-navigation li.megamenu.col-4 > ul.sub-menu > li { width: 25% } #site-navigation li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) { clear: both } #site-navigation li.megamenu.col-5 > ul.sub-menu > li { width: 20% } #site-navigation li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) { clear: both } #site-navigation li.megamenu.col-6 > ul.sub-menu > li { width: 16.66% } #site-navigation li.megamenu.col-6 > ul.sub-menu > li:nth-child(7n) { clear: both } #site-navigation li.megamenu > ul.sub-menu > li ul { display: block !important; top: auto !important; width: 100% !important; min-width: 0 !important; left: auto !important; position: relative !important; opacity: 1 !important; border: none !important; padding: 0 !important; box-shadow: none !important; } #site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children { margin-bottom: 12px } #site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children > a { font-weight: bold; font-weight: 600; color: #000; font-size: 1.03em; padding: 8px 12px; word-wrap: break-word; white-space: normal; } #site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children > a:hover { background: none } #site-navigation li.megamenu.hide-headings > ul.sub-menu > .menu-item-has-children > a { display: none } #site-navigation li.megamenu li a { border: 0 } #site-navigation li.megamenu ul:after, #site-navigation li.megamenu ul:before { display: none } #site-navigation li.megamenu > ul.sub-menu > li { border-left: 1px solid #eee } #site-navigation li.megamenu > ul.sub-menu > li:first-child { border-left: none } #site-navigation li.megamenu.display-always > ul.sub-menu { display: block !important; opacity: 1 !important; } /*------------------------------------------------------------------ [Mobile Menu Toggles] -------------------------------------------------------------------*/ /* Mobile Menu Toggles > Icon Button(s) */ #mobile-menu {display:none; height: 40px; position: absolute; right: 0; top: 50%; margin-top: -20px; } #mobile-menu a { display: none; float: left; color: #666; font-size: 18px; height: 40px; width: 40px; line-height: 40px; border: 1px solid #eee; border-radius: 3px; text-align: center; margin-left: 10px; background: #f7f7f7; transition: all .15s ease-in-out; } #mobile-menu a:first-child { margin-left: 0 } #mobile-menu a:hover { text-decoration: none; background: #f1f1f1; color: #333; } /* Mobile Menu Toggles > Icon Button(s) Under Logo */ .tb-mobile-toggle-menu-icon_buttons_under_logo #mobile-menu { position: relative; top: auto; right: auto; margin: 0; float: none; text-align: center; padding-top: 20px; height: auto; } .tb-mobile-toggle-menu-icon_buttons_under_logo #mobile-menu a { display: inline-block; float: none; } /* Mobile Menu Toggles > Fixed Top */ #tb-mobile-menu-fixed-top { background: #222; position: fixed; top: 0; left: 0; width: 100%; z-index: 99998; } /*body.has-overlay-header #tb-mobile-menu-fixed-top { top: auto; bottom: 0; }*/ #tb-mobile-menu-fixed-top .mobile-menu-toggle { display: block; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 18px; text-decoration: none; } #tb-mobile-menu-fixed-top .mobile-menu-toggle .fa { margin-right: 10px; } /*------------------------------------------------------------------ [Mobile Menus] -------------------------------------------------------------------*/ /* Mobile Menus > Sidebar */ #sidr-main { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 300px; max-width: 100%; padding-bottom: 30px; overflow-x: hidden; overflow-y: auto; font-size: 1.077em; background: #262626; color: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-overflow-scrolling: touch; } .sidr.right { left: auto; right: -300px; } .sidr.left { left: -300px; right: auto; } .sidr a { color: #707070 } .sidr a:hover, .sidr-class-dropdown-toggle:hover, .sidr-class-menu-item-has-children.active > a, .sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle { color: #fff; text-decoration: none; } a.sidr-class-toggle-sidr-close { position: relative; margin: 0 auto; display: block; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: rgba(0,0,0,0.1); } .sidr-class-toggle-sidr-close:before { font-family: "FontAwesome"; content: "\f0c9"; position: absolute; top: 0; left: 20px; height: 50px; line-height: 50px; } .sidr-class-dropdown-menu ul { display: none; border-top: 1px solid rgba( 255, 255, 255, 0.035 ); margin-left: 0; background: rgba(255,255,255,0.02); } .sidr-class-dropdown-menu li { border-bottom: 1px solid rgba( 255, 255, 255, 0.035 ) } .sidr-class-dropdown-menu > li:first-child { border-top: 1px solid rgba( 255, 255, 255, 0.035 ) } .sidr-class-dropdown-menu li a { padding: 12px 20px; display: block; position: relative; } .sidr-class-dropdown-menu li a.sidr-class-sf-with-ul { padding-right: 40px } .sidr-class-dropdown-menu ul li:last-child { border: none } .sidr-class-menu-item-has-children { position: relative } .sidr-class-dropdown-menu li.sidr-class-menu-item-has-children > a { padding-right: 60px } .sidr-class-dropdown-toggle { font-size: 11px; height: 100%; width: 60px; position: absolute; right: 0; top: 0; cursor: pointer; color: #707070; text-align: right; padding-right: 20px; text-align: center; } .sidr-class-dropdown-toggle:before { font-family: "FontAwesome"; content: "\f054"; position: absolute; height: 30px; line-height: 30px; width: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; } .sidr-class-dropdown-menu li.active > a > .sidr-class-dropdown-toggle:before { content: "\f078" } .sidr-class-dropdown-menu ul a:before { font-family: "FontAwesome"; content: "\f0da"; display: inline-block; margin: 0 10px; } .sidr-class-dropdown-menu ul ul a:before { margin-left: 20px } .sidr-class-dropdown-menu ul ul ul a:before { margin-left: 40px } .sidr-class-dropdown-menu a .fa { margin-right: 10px } .sidr #searchform-header-replace-close, .sidr .nav-arrow { display: none !important } .sidr-class-wcmenucart { display: none !important } /* Mobile Menus > Sidr > Overlay */ .tb-sidr-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.6); z-index: 9999; } /* Mobile Menus > Sidr > Search */ #sidr-id-searchform-overlay-title { display: none } .sidr-class-mobile-menu-searchform { position: relative; margin: 30px 20px 0; } .sidr-class-mobile-menu-searchform input { width: 100%; background: #fff; background: rgba(255,255,255,0.06); border: 0; outline: 0; padding: 15px 45px 15px 15px; line-height: 1.4em; border-radius: 3px; color: #fff; color: rgba(255,255,255,0.5); font-size: 1em; font-weight: 400; transition: all 0.3s; } .sidr-class-mobile-menu-searchform input:focus { color: #fff; } .sidr-class-mobile-menu-searchform button { background: none !important; display: block; position: absolute; right: 10px; height: 30px; line-height: 30px; width: 30px; text-align: center; top: 50%; margin-top: -15px; color: #fff; opacity: 0.4; padding: 0; } .sidr-class-mobile-menu-searchform button:hover { opacity: 1; } /* Mobile Menus > Toggle */ .mobile-toggle-nav { margin-top: 0; display: none; background: #fff; } .mobile-toggle-nav { z-index: 9999; height: auto; line-height: inherit; } .mobile-toggle-nav a { color: #555; display: block; padding: 10px 0; position: relative; border-top: 1px solid #eee; } .mobile-toggle-nav a:hover { color: #000 } .mobile-toggle-nav a:hover { text-decoration: none } .mobile-toggle-nav a .fa { margin-right: 10px } .mobile-toggle-nav .nav-arrow { display: none } .mobile-toggle-nav .tb-mobile-dropdown-icon { z-index: 2; cursor: pointer; position: absolute; right: 0; top: 50%; height: 30px; line-height: 30px; width: 60px; text-align: center; margin-top: -15px; font-weight: 400; font-size: 10px; text-align: right; } .mobile-toggle-nav .menu-item-has-children ul a { padding-left: 20px } .mobile-toggle-nav .menu-item-has-children ul ul a { padding-left: 40px } .mobile-toggle-nav .menu-item-has-children ul ul ul a { padding-left: 60px } .mobile-toggle-nav .menu-item-has-children ul ul ul a { padding-left: 80px } .mobile-toggle-nav #mobile-menu-search { display: block; margin-top: 10px; margin-bottom: 20px; } .tb-mobile-toggle-menu-fixed_top .mobile-toggle-nav { background: #222; } .tb-mobile-toggle-menu-fixed_top .mobile-toggle-nav a { border-color: #333; color: #aaa; } .tb-mobile-toggle-menu-fixed_top .mobile-toggle-nav a:hover { color: #fff; } /* Mobile Menus > Hide Things */ .sidr-class-search-toggle-li, #sidr-id-searchform-dropdown, .mobile-toggle-nav-ul li.search-toggle-li { display: none; } /* Mobile Menus > Full Screen Fade Overlay */ .full-screen-overlay-nav { z-index: -1; position: fixed; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; transition: all 0.4s; display: block; overflow-y: scroll; } .full-screen-overlay-nav.visible { z-index: 9999; visibility: visible; opacity: 1; } .full-screen-overlay-nav .full-screen-overlay-nav-close { position: fixed; top: 20px; right: 20px; width: 58px; height: 58px; cursor: pointer; opacity: 0.5; transition: all 0.3s; } .full-screen-overlay-nav .full-screen-overlay-nav-close:hover { opacity: 1; } .full-screen-overlay-nav-ul-wrapper { display: table; width: 100%; height: 100%; text-align: center; } .full-screen-overlay-nav-ul { display: table-cell; vertical-align: middle; height: 100%; width: 100%; padding: 80px; } .full-screen-overlay-nav-ul ul { display: block; list-style: none; padding: 0; margin: 0; } .full-screen-overlay-nav-ul li { display: block; } .full-screen-overlay-nav-ul li a { font-weight: 300; font-size: 2.462em; display: inline-block; color: #000; transition: all 0.3s; margin-bottom: 20px; } .full-screen-overlay-nav-ul li a .fa { margin-right: 10px; } .full-screen-overlay-nav-ul li a:hover { text-decoration: none; opacity: 0.4; } .full-screen-overlay-nav-ul li.tb-menu-extra { display: none !important; } .full-screen-overlay-nav-ul .nav-arrow { display: none; } .full-screen-overlay-nav.white { background: #fff; } .full-screen-overlay-nav.white .full-screen-overlay-nav-close { background: url( 'images/full-screen-overlay-nav-close-black.png' ) no-repeat; } .full-screen-overlay-nav.black { background: #000; } .full-screen-overlay-nav.black .full-screen-overlay-nav-close { background: url( 'images/full-screen-overlay-nav-close-white.png' ) no-repeat; } .full-screen-overlay-nav.black li a { color: #fff; opacity: 0.4; } .full-screen-overlay-nav.black li a:hover { opacity: 1; } /*------------------------------------------------------------------ [Header Overlay] -------------------------------------------------------------------*/ #site-header.overlay-header { background: none; position: absolute; top: 0; left: 0; height: auto; width: 100%; z-index: 9999; transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; } #site-header.overlay-header #site-header-inner { padding-top: 40px; padding-bottom: 40px; } body.has-overlay-header .tb-sticky-header-holder { height: auto !important; } body.has-overlay-header .tb-sticky-header-holder { background: none !important; } body.boxed-main-layout.has-overlay-header #wrap { position: relative } body.boxed-main-layout.has-overlay-header #site-header.overlay-header { padding: 0 30px } #site-header.overlay-header .has-overlay-logo .main-logo { display: none; } /* Header > Overlay > Light Skin */ .is-sticky #site-header.overlay-header.light-style { background: #000 } #site-header.overlay-header.light-style .site-text-logo { color: #fff; } #site-header.overlay-header.light-style #site-navigation .dropdown-menu > li > a { color: #fff; opacity: 0.7; } #site-header.overlay-header.light-style #site-navigation .dropdown-menu > li > a:hover { opacity: 1; color: #fff; } #site-header.overlay-header.light-style #mobile-menu a { background: rgba(255,255,255,0.2) !important; color: #fff !important; border:0 !important; } #site-header.overlay-header.light-style #mobile-menu a:hover { opacity: 1; } /* Header > Overlay > Dark Skin */ .is-sticky #site-header.overlay-header.dark-style { background: #fff } #site-header.overlay-header.dark-style #site-navigation .dropdown-menu > li > a { color: #000; opacity: 0.7; } #site-header.overlay-header.dark-style #site-navigation .dropdown-menu > li > a:hover { opacity: 1; color: #000; } #site-header.overlay-header.dark-style #mobile-menu a { background: rgba(0,0,0,0.08) !important; color: #000 !important; border:0 !important; } #site-header.overlay-header.dark-style #mobile-menu a:hover { opacity: 1; } /* Header > Overlay > Menu Button */ #site-header.overlay-header li.menu-button > a { opacity: 1 !important; } /*------------------------------------------------------------------ [Page Title] -------------------------------------------------------------------*/ /* Page Header > Main */ .page-header { margin: 0 0 40px; padding: 20px 0; position: relative; background: #f7f7f7; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .no-header-margin .page-header { margin-bottom: 0 } .page-header .container { position: relative } .page-header-title { display: block; font-size: 21px; line-height: 1.4em; font-weight: normal; font-weight: 400; margin: 0px; color: #000; } body.has-breadcrumbs .page-header-title { max-width: 70% } .page-subheading { font-size: 1.077em; margin: 0; color: #999; } .page-subheading p:last-child { margin: 0 } .centered-page-header .page-header-title, .centered-minimal-page-header .page-header-title { max-width: 100% !important } /* Page Header > Centered */ .centered-page-header { text-align: center; padding: 30px 0; } .centered-page-header .page-header-title { font-size: 32px } .centered-page-header .page-subheading { font-size: 1.385em; font-weight: 300; } /* Page Header > Minimal Centered */ .centered-minimal-page-header { text-align: center; padding: 30px 0; background: #fff; border-color: #eee; } .centered-minimal-page-header .page-header-title { font-size: 32px } .centered-minimal-page-header .page-subheading { font-size: 1.385em; font-weight: 300; } /* Page Header > Solid Color */ .solid-color-page-header .page-header-title { color: #fff !important } .solid-color-page-header .site-breadcrumbs, .solid-color-page-header .site-breadcrumbs a { color: #fff !important } .solid-color-page-header .page-subheading { color: #fff } /* Page Header > Archive Description */ .archive-description { margin-bottom: 30px } /* Page Header > Background Image */ .background-image-page-header { display: table; width: 100%; border: none; background: #000; height: 400px; } .background-image-page-header .page-header-inner { width: 100% !important; max-width: 100% !important; display: table-cell; vertical-align: middle; text-align: center; padding: 0 30px; } .page-header.background-image-page-header .page-header-title { position: relative; z-index: 2; color: #fff; max-width: 100%; font-size: 3.231em !important; font-weight: 400; max-width: 100% !important; } .background-image-page-header .page-subheading { position: relative; z-index: 2; color: #fff; font-size: 24px; font-weight: 300; } .background-image-page-header-overlay { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; z-index: 1; opacity: 0.5; } .background-image-page-header-overlay.style-dotted { background: rgba(0,0,0,0.3) url( "images/dotted-overlay.png" ) repeat } .background-image-page-header-overlay.style-dashed { background: rgba(0,0,0,0.3) url( "images/dashed-overlay.png ") repeat } /*------------------------------------------------------------------ [Breadcrumbs] -------------------------------------------------------------------*/ .site-breadcrumbs { position: absolute; right: 0; top: 50%; height: 32px; line-height: 32px; margin-top: -16px; font-size: 0.9em; color: #bcbcbc; font-weight: normal; } .site-breadcrumbs a { color: #333 } .site-breadcrumbs .breadcrumb-title { margin-right: 5px } .site-breadcrumbs .fa { margin: 0 3px } .site-breadcrumbs.position-under-title, .centered-page-header .site-breadcrumbs, .centered-minimal-page-header .site-breadcrumbs { position: inherit; top: auto; right: auto; margin-top: 0; } /* Breadcrumbs > Hide */ .background-image-page-header .site-breadcrumbs { display: none; margin: 20px 0 0; top: auto; right: auto; position: inherit; text-align: center; color: #fff; } .background-image-page-header .site-breadcrumbs a { color: #fff } /*------------------------------------------------------------------ [RevSlider] -------------------------------------------------------------------*/ .page-slider-mobile-alt { width: 100%; height: auto; display: block; } .tparrows.preview2:after { line-height: 1 } /*------------------------------------------------------------------ [Theme Slider] -------------------------------------------------------------------*/ /* Theme Slider > Main */ .tb-slider { position: relative } .tb-slider .sp-grab, .tb-slider .sp-grabbing { cursor: default } .tb-slider * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Theme Slider > Preloader Image */ .tb-slider-preloaderimg img { display: block; width: 100%; } /* Theme Slider > Slides */ .tb-slider-slide { display: none; -webkit-backface-visibility: hidden; -webkit-transform: translateZ() scale(1.0, 1.0); -webkit-backface-visibility: hidden; } /* Theme Slider > Images */ .tb-slider-media img { display: block; width: 100%; height: auto; } /* Theme Slider > Caption */ .tb-slider-caption { padding: 15px; font-size: 14px; text-align: center; max-width: 100%; } /* Theme Slider > Buttons */ .tb-slider .sp-buttons { position: absolute; left: 0; top: 0; width: auto; padding: 15px; } .tb-slider .sp-button { border-color: #fff; border-width: 1px; margin: 2px; width: 10px; height: 10px; transition: all 0.25s ease-in-out; } .tb-slider .sp-button:hover, .tb-slider .sp-selected-button { background-color: #fff; border-color: transparent; } /* Theme Slider > Arrows > Default */ .tb-slider .sp-arrow { height: 52px; width: 52px; line-height: 52px; background: none; top: 0; font-family: "FontAwesome"; color: #fff; text-align: center; font-size: 32px; background: #000; background: rgba(0,0,0,.3); transition: all 0.3s ease-in-out; } .tb-slider .sp-arrow:hover { background: rgba(0,0,0,.65) } .sp-horizontal .sp-previous-arrow { left: 0 !important; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; } .sp-horizontal .sp-next-arrow { right: 0 !important; border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; } .tb-slider .sp-arrow:before { font-family: "FontAwesome"; content: ""; background: none; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; top: 0; height: 100%; width: 100%; } .tb-slider .sp-arrow.sp-previous-arrow:before { content: "\f104" } .tb-slider .sp-arrow.sp-next-arrow:before { content: "\f105" } .tb-slider .sp-arrow:after { display: none } /* Theme Slider > Arrows > Top Right */ .tb-slider.arrows-topright.sp-horizontal .sp-arrows { top: 0; right: 0; left: auto; margin: 0; width: auto; } .tb-slider.arrows-topright.sp-horizontal .sp-arrows .sp-arrow { height: 30px; width: 30px; line-height: 30px; font-size: 1em; float: left; left: auto; right: auto; position: relative; border-radius: 0; } /* Theme Slider > Thumbnails */ .tb-slider-thumbnails { display: none } .tb-slider .sp-thumbnail-container { cursor: pointer } .tb-slider .sp-thumbnails-container.sp-bottom-thumbnails { width: 100% !important } .tb-slider .sp-thumbnails img { opacity: 0.75; -moz-opacity: 0.6; -webkit-opacity: 0.6; box-shadow: 0 0 0 #000; } .tb-slider .sp-thumbnails img:hover, .tb-slider .sp-thumbnails .sp-selected-thumbnail img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .tb-slider .sp-bottom-thumbnails .sp-previous-thumbnail-arrow { left: 10px } .tb-slider .sp-bottom-thumbnails .sp-next-thumbnail-arrow { right: 10px } /* Theme Slider > Thumbnails w/out Carousel */ .tb-slider .sp-nc-thumbnail-container { display: block; float: left; cursor: pointer; margin-left: 5px; } .tb-slider .sp-nc-thumbnail-container:first-child { margin-left: 0 } .tb-slider .sp-nc-thumbnails img { opacity: 0.75; -moz-opacity: 0.6; -webkit-opacity: 0.6; box-shadow: 0 0 0 #000; } .tb-slider .sp-nc-thumbnails img:hover, .tb-slider .sp-nc-thumbnails .sp-nc-selected-thumbnail img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /* Theme Slider > No Margins thumbnails */ .tb-slider .sp-thumbnail-arrows { display: none !important } .tb-slider.no-margin-thumbnails .sp-thumbnails { width: 100% !important } .tb-slider.no-margin-thumbnails .sp-bottom-thumbnails { margin-top: 0 } .tb-slider.no-margin-thumbnails .sp-thumbnail-container { margin: 0 !important } .tb-slider.no-margin-thumbnails .tb-slider-thumbnails.cols-6 .sp-thumbnail-container { width: 16.6666% !important } .tb-slider.no-margin-thumbnails .tb-slider-thumbnails.cols-5 .sp-thumbnail-container { width: 20% !important } .tb-slider.no-margin-thumbnails .tb-slider-thumbnails.cols-4 .sp-thumbnail-container { width: 25% !important } .tb-slider.no-margin-thumbnails .tb-slider-thumbnails.cols-3 .sp-thumbnail-container { width: 33.3333% !important } .tb-slider.no-margin-thumbnails .tb-slider-thumbnails.cols-2 .sp-thumbnail-container { width: 50% !important } .tb-slider.no-margin-thumbnails img.sp-thumbnail { display: block; margin: 0 !important; width: 100% !important; } /* Theme Slider > Thumbnail Pointer */ .tb-slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before, .tb-slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { border-bottom-color: red } /* Theme Slider > Layers */ .tb-slider .sp-layer p:last-child { margin: 0 } .tb-slider .sp-black a { color: #fff; text-decoration: underline; } .tb-slider .sp-white a { color: #000; text-decoration: underline; } /*------------------------------------------------------------------ [Theme Carousel] -------------------------------------------------------------------*/ /* Carousel > CORE - DO NOT EDIT/DELETE */ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.owl-carousel .owl-animated-in{z-index:0;}.owl-carousel .owl-animated-out{z-index:1;}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px);}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block;}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateZ() scale(1.0,1.0);-webkit-backface-visibility:hidden;}.owl-carousel .owl-item img{display:block;margin:0 auto;width:auto;max-width:100%;-webkit-transform-style:preserve-3d;}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3);}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}.owl-carousel .owl-video-frame{position:relative;z-index:1;} /* Carousel > Fix Flash */ .tb-carousel .owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ() scale(1.0, 1.0); } /* Carousel > Default Design */ .tb-carousel { position: relative; margin-left: 0 !important; margin-right: 0 !important; } /* Crousel > Media */ .tb-carousel-entry-media img { display: block } /* Crousel > Details */ .tb-carousel-entry-details { background: #f7f7f7; border: 1px solid #eee; padding: 15px; } /* Crousel > Excerpt */ .tb-carousel-entry-excerpt { margin-top: 5px } .tb-carousel-entry-excerpt p:last-child { margin: 0 } .tb-carousel-entry-price span { color: inherit } /* Carousel > Dots */ .tb-carousel .owl-dots { text-align: center } .tb-carousel .owl-dots.disabled { display: none !important } .tb-carousel .owl-dot { display: inline-block; height: 12px; width: 12px; margin-left: 5px; margin-right: 0; margin-top: 30px; cursor: pointer; border-radius: 50%; background: #ddd; border: 0; } /* Carousel > Nav */ .tb-carousel .owl-nav.disabled { display: none !important } .tb-carousel .owl-prev, .tb-carousel .owl-next { margin-top: 20px; display: block; float: left; height: 20px; line-height: 20px; width: 20px; color: #fff; font-size: 11px; padding: 0; cursor: pointer; text-align: center; border-radius: 2px; cursor: pointer; padding: 0 !important; font-family: 'Arial'; } .tb-carousel .owl-next { margin-left: 5px } /* Carousel > No Margins Style */ .tb-carousel.no-margins { margin-bottom: 0 !important } .tb-carousel.no-margins .tb-carousel-entry-media img { width: 100% } .tb-carousel.no-margins .owl-prev, .tb-carousel.no-margins .owl-next { background: #000 !important; height: 60px; line-height: 60px; width: 40px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: absolute; top: 50%; margin: -30px 0 0; font-size: 1.231em; opacity: 0.6; box-shadow: none; cursor: pointer; z-index: 3; padding: 0 !important; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tb-carousel.no-margins .owl-prev:hover, .tb-carousel.no-margins .owl-next:hover { opacity: 1; background: #000; } .tb-carousel.no-margins .owl-prev { left: 15px } .tb-carousel.no-margins .owl-next { right: 15px } /*------------------------------------------------------------------ [Entries (Global Styles)] -------------------------------------------------------------------*/ /* Entries > Left Thumbnail Style */ .entries.left-thumbs .entry { border: 0 } .entries.left-thumbs .entry .entry-media { float: left; margin: 0; width: 46%; } .entries.left-thumbs .entry .entry-details { background: none; border: none; float: right; width: 50%; padding: 0; } .entries.left-thumbs .entry:not(.has-media) .entry-details { width: 100% } /* Entries > Title */ .entry-title { display: block; font-size: 1.077em; margin: 0 0 5px; font-weight: bold; font-weight: 600; color: #000; } .entry-title a { color: inherit } .entry-title a:hover { text-decoration: none } .single-post-title { font-size: 1.846em; margin: 0 0 10px; font-weight: 400; } /*------------------------------------------------------------------ [Portfolio] -------------------------------------------------------------------*/ /* Portfolio > Entries */ .portfolio-entry-categories { margin: -5px 0 10px } .portfolio-entry-categories a { font-size: 0.923em; color: #777; list-style: none; } .vcex-portfolio-entry-media, .portfolio-entry-media { position: relative; overflow: hidden; } .portfolio-entry-media-link { display: block } .vcex-portfolio-entry-media img, .portfolio-entry-media img { display: block; width: 100%; box-shadow: #000 0em 0em 0em; } .portfolio-entry-details { background: #f7f7f7; border: 1px solid #eee; padding: 15px; } .portfolio-entry-excerpt p { margin-bottom: 15px } .portfolio-entry-excerpt p:last-child { margin: 0 } .portfolio-entry-readmore-wrap { padding-top: 15px } /* Portfolio > No Margin Grid */ .portfolio-no-margins .col { margin: 0 !important; padding: 0 !important; } .vcex-no-margin-grid .portfolio-entry-details, .portfolio-no-margins .portfolio-entry-details { background: #262626; border: none; color: #787878; } .vcex-no-margin-grid .portfolio-entry-title a, .portfolio-no-margins .portfolio-entry-title a { color: #fff } /* Portfolio > 1 Column Grid */ #portfolio-entries .portfolio-entry.span_1_of_1 { margin: 0 0 30px; float: none; border: none; } #portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-media { width: 45%; float: left; margin: 0 30px 0 0; } #portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-details { background: none; border: none; padding: 0; } #portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-title { margin: 0 } /* Portfolio > Singular */ #portfolio-post-comments { margin-top: 50px } #portfolio-single-media { margin-bottom: 30px } /* Portfolio > Related */ .no-composer .related-portfolio-posts { margin-top: 30px } .related-portfolio-posts { margin-bottom: 30px } /*------------------------------------------------------------------ [Staff] -------------------------------------------------------------------*/ /* Staff > Entries */ .staff-entry-categories { margin: -5px 0 10px } .staff-entry-categories a { font-size: 0.923em; color: #777; list-style: none; } .staff-entry { text-align: left; margin-bottom: 30px; } .staff-entry-details { padding-top: 15px } .staff-entry-media { position: relative } .staff-entry-media-link { display: block } .staff-entry-media img { display: block; margin: 0 auto; } .staff-entry-position { font-size: 0.923em; color: #777; list-style: none; margin: -5px 0 10px; } .staff-entry-excerpt p { margin-bottom: 15px } .staff-entry-excerpt, .staff-entry-excerpt p:last-child { margin: 0 } .staff-entry-readmore-wrap { padding-top: 15px } /* Staff > 1 Column Grid */ #staff-entries .staff-entry.span_1_of_1 { margin: 0 0 30px; float: none; border: none; } #staff-entries .staff-entry.span_1_of_1 .staff-entry-media { width: 45%; float: left; padding: 0 30px 0 0; } #staff-entries .staff-entry.span_1_of_1 .staff-entry-details { width: 55%; float: right; padding-top: 0; } /* Staff > Carousel Social */ .vcex-caroufredsel-staff .staff-social a { border-color: #ddd } .vcex-caroufredsel-staff .staff-social a:hover { background: #fff } /* Staff > Singular */ #staff-post-thumbnail { margin-bottom: 20px } #staff-post-thumbnail img { display: block; margin: 0; } #staff-single-media { margin-bottom: 30px } /* Staff > Related */ .related-staff-posts { margin-bottom: 40px } /* Staff > No Margin Grid */ .staff-no-margins .col { margin: 0 !important; padding: 0 !important; } /* Staff > Single Post */ .single-staff .single-header { margin-bottom: 20px } .single-staff .single-header .entry-title { margin: 0 } .skin-base .single-staff-position { color: #bbb } /* Staff > Social */ .staff-social { margin-top: 5px; font-size: 13px; } .staff-social a { margin-right: 4px; margin-top: 4px; display: inline-block; } /*------------------------------------------------------------------ [Testimonials] -------------------------------------------------------------------*/ .testimonial-entry-content { position: relative; background: url("images/testimonialscurly.jpg") no-repeat scroll left top !important; padding: 0px 20px 10px 64px; border-radius: 3px; } .testimonial-caret { position: absolute; display: block; left: 10px; bottom: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #f7f7f7; } .testimonial-entry-content p { margin: 0 0 15px } .testimonial-entry-content p:last-child { margin: 0 } .testimonial-entry-bottom { margin-top: 20px } .testimonial-entry-thumb { float: left; margin-right: 20px; min-width: 45px; } .testimonial-entry-thumb img { display: block; padding: 3px; border: 1px solid #eee; border-radius: 50%; width: 45px; height: 45px; } .testimonial-entry-meta { float: left } .testimonial-entry-author { margin: 0 } .testimonial-entry-company { margin-top: -2px; display: block; color: #999; font-size: 13px; } /* Testimonials > Singular */ .single-testimonials .left-sidebar blockquote { margin-top: 0 } .single-testimonials .right-sidebar blockquote { margin-top: 0 } /*------------------------------------------------------------------ [Post Meta] -------------------------------------------------------------------*/ .meta, .entry .meta { font-size: 0.923em; color: #777; list-style: none; margin: 0 0 10px; } .meta li, .entry .meta li { float: left; margin: 0 20px 5px 0; } .meta li:last-child, .entry .meta li:last-child { margin-right: 0 } .meta li .fa { margin-right: 8px } .meta a { color: #777; text-decoration: none; } .meta a:hover { color: #000; text-decoration: none; } .meta time { display: inline; } /*------------------------------------------------------------------ [Blog] -------------------------------------------------------------------*/ .blog-entry a.blog-entry-media-link { display: block; margin: 0 auto; } .blog-entry-media img { display: block; margin: 0 auto; width: 100%; } .single-post .blog-entry.grid-entry-style.format-quote { width: 100%; margin: 0; } .format-quote { overflow: hidden } .blog-entry-readmore span.readmore-rarr { margin-left: 7px } .blog-entry .social-share-title { display: none } .blog-entry-excerpt p:last-child { margin: 0 } /* Blog > Post Gallery */ .gallery-format-post-slider-wrap ul, .gallery-format-post-slider-wrap ol { margin: 0; list-style: none; } .gallery-format-post-slider-wrap ul li { list-style: none } .gallery-format-post-slider-wrap .flex-control-thumbs { padding-top: 10px; z-index: 99; } .gallery-format-post-slider-wrap .flex-control-thumbs:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .gallery-format-post-slider-wrap .flex-control-thumbs li { display: block; float: left; margin-right: 5px; margin-bottom: 5px; cursor: pointer; height: auto; width: 50px; } .gallery-format-post-slider-wrap .flex-control-thumbs li a { display: block } .gallery-format-post-slider-wrap .flex-control-thumbs li img { width: 100%; display: block; opacity: 0.4; margin-bottom: 3px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; box-shadow: #000 0em 0em 0em; } .gallery-format-post-slider-wrap .flex-control-thumbs img.flex-active, .gallery-format-post-slider-wrap .flex-control-thumbs li img:hover { opacity: 1 } .gallery-format-post-slider-wrap .flex-direction-nav a { display: block; width: 40px; height: 60px; line-height: 60px; margin-top: -30px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.7; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; background: #000; color: #fff; text-align: center; font-size: 1.385em; } .gallery-format-post-slider-wrap .flex-direction-nav .flex-prev { left: 0; border-radius: 0 3px 3px 0; } .gallery-format-post-slider-wrap .flex-direction-nav .flex-next { right: 0; border-radius: 3px 0 0 3px; } .gallery-format-post-slider-wrap .flex-direction-nav a:hover { opacity: 1 } /* Blog > Audio Format */ .blog-entry-img-link { position: relative; display: block; } .blog-entry-music-icon-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.4); transition: all 0.2s; } .blog-entry-music-icon-overlay:hover { background: rgba(0,0,0,0.6) } .blog-entry-music-icon-overlay .fa { display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #fff; color: #000; font-size: 1.385em; border-radius: 99px; opacity: 0.85; } .blog-post-audio { overflow: hidden; width: 100%; } .blog-post-audio iframe, .blog-post-audio embed { max-width: 100% } /*------------------------------------------------------------------ [Blog Entry] -------------------------------------------------------------------*/ .blog-entry-title { font-size: 1.846em; margin: 0 0 10px; font-weight: 400; } .blog-entry-media, .blog-entry-excerpt, .blog-entry-readmore { margin-bottom: 20px } /* Blog Entry > Quote Format */ .blog-entry.format-quote .post-quote-entry-inner { position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7; } .blog-entry.format-quote p:last-child { margin: 0 } .blog-entry.format-quote .quote-entry-author { margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline; } .blog-entry.format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; color: #999; font-size: 60px; display: block; z-index: 1; opacity: 0.15; } /* Blog Entry > Avatar */ .blog-entry .header-with-avatar { position: relative; padding-left: 100px; min-height: 74px; margin-bottom: 20px; } .blog-entry .header-with-avatar .entry-title { margin: 0 } .blog-entry .blog-entry-author-avatar { position: absolute; left: 0; top: 0; } .blog-entry .blog-entry-author-avatar { height: 74px; width: 74px; } .blog-entry .blog-entry-author-avatar a, .blog-entry .blog-entry-author-avatar img { display: block; width: 100%; height: 100%; } /*------------------------------------------------------------------ [Blog Entry: Full Width] -------------------------------------------------------------------*/ .blog-entry.large-image-entry-style { position: relative; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-left: 0; } .blog-entry.large-image-entry-style.format-quote { padding-bottom: 40px } /* Blog Entry > Full-Width > Audio Format */ .blog-entry.large-image-entry-style .blog-entry-music-icon-overlay .fa { height: 60px; line-height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; } /* Blog Entry > Full-Width > Readmore */ .blog-entry.large-image-entry-style .blog-entry-readmore { margin-top: 0px } /*------------------------------------------------------------------ [Blog Entry: Thumbnail] -------------------------------------------------------------------*/ .entries.left-thumbs .blog-entry.thumbnail-entry-style { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .blog-entry.thumbnail-entry-style .blog-entry-title { margin: 0 0 5px } /* Blog Entry > Thumbnail > Gallery */ .blog-entry.thumbnail-entry-style .sp-fade-arrows { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .blog-entry.thumbnail-entry-style .sp-horizontal .sp-arrows { margin-top: -20px } .blog-entry.thumbnail-entry-style .tb-slider .sp-arrow { height: 40px; width: 25px; line-height: 40px; font-size: 1.077em; background: rgba(0,0,0,.3); } .blog-entry.thumbnail-entry-style .tb-slider .sp-arrow:hover { background: rgba(0,0,0,1) } /*------------------------------------------------------------------ [Blog Entry: Grid] -------------------------------------------------------------------*/ .blog-isotope-grid .infinite-scroll-loader { bottom: 0 } .blog-entry.grid-entry-style { float: left } .blog-entry.grid-entry-style .blog-entry-inner { padding: 0 20px 20px; border: 1px solid #eee; } .blog-entry.grid-entry-style .blog-entry-media { margin: 0 -20px } .blog-entry.grid-entry-style .tb-social-share { display: none !important } /* Blog Entry > Grid > Title */ .blog-entry.grid-entry-style header { margin-top: 20px } .blog-entry.grid-entry-style .blog-entry-title { font-size: 1.231em } /* Blog Entry > Grid > Avatar */ .blog-entry.grid-entry-style .header-with-avatar { padding-left: 80px; min-height: 60px; } .blog-entry.grid-entry-style .blog-entry-author-avatar { height: 60px; width: 60px; } /* Blog Entry > Grid > Gallery */ .blog-entry.grid-entry-style .sp-fade-arrows { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .blog-entry.grid-entry-style .sp-horizontal .sp-arrows { margin-top: -20px } .blog-entry.grid-entry-style .tb-slider .sp-arrow { height: 40px; width: 25px; line-height: 40px; font-size: 1.077em; background: rgba(0,0,0,.3); } .blog-entry.grid-entry-style .tb-slider .sp-arrow:hover { background: rgba(0,0,0,1) } /* Blog Entry > Grid > Excerpt */ .blog-entry.grid-entry-style .blog-entry-excerpt { margin-top: 10px } /* Blog Entry > Grid > Readmore */ .blog-entry.grid-entry-style .blog-entry-readmore { margin-top: 20px } /*------------------------------------------------------------------ [Single Blog Posts] -------------------------------------------------------------------*/ .single-post .entry { margin-bottom: 40px } /* Blog Single > Meta */ .content-full-screen .meta { display: none } .single-post .meta { margin: 0 0 20px } .single-post .meta.meta-with-title { border: none; padding: 0; } /* Blog Single > Thumbnail */ #post-media { display: block; position: relative; margin-bottom: 20px; } #post-media img { display: block; margin: 0 auto; width: 100%; } .post-media-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: #000; background: rgba(0,0,0,0.75); color: #fff; font-size: 0.923em; font-weight: normal; text-align: center; } .post-media-caption p { color: #fff } .post-media-caption a { color: #fff; text-decoration: underline; } .post-media-caption p:last-child { margin: 0 } /* Blog Single > Tags */ .post-tags { margin-bottom: 40px } /* Blog Single > Related Posts */ .related-posts { margin-bottom: 20px; overflow: hidden; } .related-posts li { margin-bottom: 20px } .related-posts li:last-child, .related-posts li p:last-child { margin-bottom: 0 } .related-post-thumb { display: block } .related-post-thumb img { display: block; width: 100%; } .related-post-title { margin: 0 0 5px; display: block; } .related-post-content { padding: 10px; background: #f7f7f7; border: 1px solid #eee; } .related-post-excerpt { font-size: 0.923em; line-height: 1.7em; } .related-post-excerpt p:last-child { margin: 0 } /* Blog Single > Quote */ .single .format-quote { position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7; } .single .format-quote p:last-child { margin: 0 } .single .format-quote .quote-entry-author { margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline; } .single .format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; font-size: 60px; display: block; z-index: 1; opacity: 0.1; } /*------------------------------------------------------------------ [Post Series] -------------------------------------------------------------------*/ #post-series { padding: 0 25px 25px; background: #f7f7f7; border: 1px solid #e4e4e4; margin-bottom: 30px; } #post-series-title { background: #eee; font-size: 1.231em; font-weight: normal; margin: 0 -25px 25px; padding: 10px 25px; color: #000; border-bottom: 1px solid #e4e4e4; } #post-series-title a { opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; } #post-series-title a { color: inherit } #post-series ul { list-style: none !important; margin: 0 !important; } #post-series li { padding: 7px 0; border-bottom: 1px solid #eee; } #post-series li:first-child { padding-top: 0 } #post-series li:last-child { border: none; padding-bottom: 0; } #post-series .post-series-count { font-weight: bold; font-weight: 600; color: #000; margin-right: 10px; } #post-series .post-series-current { opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; text-decoration: line-through; } /*------------------------------------------------------------------ [Author Bio] -------------------------------------------------------------------*/ .author-bio { position: relative; margin: 0 0 40px; background: #f7f7f7; border: 1px solid #eee; padding: 25px 25px 25px 125px; } .author-bio-avatar { position: absolute; top: 20px; left: 20px; } .author-bio-avatar img { display: block; border-radius: 74px; -moz-border-radius: 74px; -webkit-border-radius: 74px; height: 74px; width: 74px; } .author-bio-title { font-weight: bold; font-weight: 600; color: #000; font-size: 1.077em; margin: 0 0 10px; } .author-bio-title a { color: #000 } .author-bio-description p:last-child { margin: 0 } .author-bio-social { margin-top: 15px } .author-bio-social a { display: block; float: left; color: #fff; height: 25px; line-height: 25px; width: 25px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; margin-right: 4px; font-size: 13px; background: #1e1e1e; } .author-bio-social a:hover { color: #fff; text-decoration: none; opacity: 0.8; } .author-bio-social a:active { box-shadow: inset 0 1px 4px rgba(0,0,0,0.4) } .author-bio-social a.twitter { background: #00ACED } .author-bio-social a.facebook { background: #3B5998 } .author-bio-social a.google-plus { background: #D14836 } .author-bio-social a.pinterest { background: #CB2027 } .author-bio-social a.linkedin { background: #007FB1 } .author-bio-social a.instagram { background: #517fa4 } /* Other Custom Post Types --------------------------------------------------------------*/ .custom-posttype-entry { position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .custom-posttype-entry-media { margin-bottom: 20px } .custom-posttype-entry-title { font-size: 24px; margin: 0 0 10px; font-weight: 400; } .custom-posttype-entry-excerpt { margin-bottom: 20px } .custom-posttype-entry-excerpt p:last-child { margin: 0 } /*------------------------------------------------------------------ [Social Sharing] -------------------------------------------------------------------*/ /* Social Sharing > Core */ ul.tb-social-share { list-style: none } .social-share-button-text { font-size: 13px } /* Dont use em here !! */ .tb-social-share li, .tb-social-share a { display: block; text-decoration: none; } .tb-social-share a:hover { text-decoration: none } /* Social Sharing > Add margin when needed */ .single-portfolio.no-composer .social-share-wrap.position-horizontal { margin: 40px 0 0 } /* Social Sharing > Vertical */ .social-share-wrap.position-vertical .social-share-title { display: none } .tb-social-share.position-vertical { position: absolute; top: 0; left: -55px; z-index: 9; width: 35px; list-style: none; margin: 0; } .left-sidebar .tb-social-share.position-vertical { right: -55px; left: auto; } .tb-social-share.position-vertical li { float: left } .tb-social-share.position-vertical li:first-child { border-top: 1px solid #e4e4e4 } .tb-social-share.position-vertical .social-share-button-text { display: none } /* Social Sharing > Horizontal */ .tb-social-share.position-horizontal { margin: 0 0 40px } .tb-social-share.position-horizontal li { float: left; margin: 0 5px 5px 0; border: none; } .tb-social-share.position-horizontal li a { color: #999; width: auto; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #e4e4e4; font-weight: normal; } .tb-social-share.position-horizontal li .fa { margin-right: 5px } /* Social Sharing > Minimal */ .tb-social-share li a { color: #999; width: 35px; height: 35px; line-height: 35px; border: 1px solid #e4e4e4; border-top: none; text-align: center; font-size: 1.077em; transition: all .15s ease-in-out; } .tb-social-share li a:hover { background: #f7f7f7 } .tb-social-share li.share-twitter a:hover { color: #00aced } .tb-social-share li.share-facebook a:hover { color: #3b5998 } .tb-social-share li.share-pinterest a:hover { color: #cb2027 } .tb-social-share li.share-googleplus a:hover { color: #dd4b39 } .tb-social-share li.share-linkedin a:hover { color: #4875B4 } /* Social Sharing > Flat */ .tb-social-share.style-flat li li:first-child { border: none } .tb-social-share.position-vertical.style-flat li:first-child { border-top: none } .tb-social-share.style-flat li a { color: #fff !important; border: none !important; border-radius: 2px; } .tb-social-share.style-flat li.share-twitter a { background: #00aced } .tb-social-share.style-flat li.share-twitter a:hover { background: #0093cb } .tb-social-share.style-flat li.share-facebook a { background: #3b5998 } .tb-social-share.style-flat li.share-facebook a:hover { background: #324b80 } .tb-social-share.style-flat li.share-pinterest a { background: #cb2027 } .tb-social-share.style-flat li.share-pinterest a:hover { background: #ae1b21 } .tb-social-share.style-flat li.share-googleplus a { background: #dd4b39 } .tb-social-share.style-flat li.share-googleplus a:hover { background: #d03724 } .tb-social-share.style-flat li.share-linkedin a { background: #4875B4 } .tb-social-share.style-flat li.share-linkedin a:hover { background: #3e659c } .tb-social-share.style-flat li { margin-bottom: 3px } /* Social Sharing > 3D */ .tb-social-share.style-three-d li li:first-child { border: none } .tb-social-share.position-vertical.style-three-d li:first-child { border-top: none } .tb-social-share.style-three-d li a { color: #fff !important; border: none; border-bottom: 3px solid rgba(0,0,0,0.25); border-radius: 2px; } .tb-social-share.style-three-d li a:active { border-bottom-color: transparent } .tb-social-share.style-three-d li.share-twitter a { background: #00aced } .tb-social-share.style-three-d li.share-twitter a:hover { background: #0093cb } .tb-social-share.style-three-d li.share-facebook a { background: #3b5998 } .tb-social-share.style-three-d li.share-facebook a:hover { background: #324b80 } .tb-social-share.style-three-d li.share-pinterest a { background: #cb2027 } .tb-social-share.style-three-d li.share-pinterest a:hover { background: #ae1b21 } .tb-social-share.style-three-d li.share-googleplus a { background: #dd4b39 } .tb-social-share.style-three-d li.share-googleplus a:hover { background: #d03724 } .tb-social-share.style-three-d li.share-linkedin a { background: #4875B4 } .tb-social-share.style-three-d li.share-linkedin a:hover { background: #3e659c } .tb-social-share.style-three-d li { margin-bottom: 3px } /*------------------------------------------------------------------ [WP Gallery] -------------------------------------------------------------------*/ .content-full-width .gallery-item { margin-bottom: 15px } .content-left-sidebar .gallery-item, .content-right-sidebar .gallery-item { margin-bottom: 10px } .tb-gallery { margin-bottom: 15px } #wrap .tb-gallery p { margin: 0 } #wrap .gallery { margin: 0 -10px } .gallery-item { padding: 0 10px } #wrap .gallery-item img { display: block; border: none; width: 100%; } .gallery-item img:hover { opacity: 0.8 } .gallery-caption { font-size: 0.923em; background: #f7f7f7; border: 1px solid #e4e4e4; border-top: none; text-align: center; padding: 5px 10px; } /*------------------------------------------------------------------ [Pagination] -------------------------------------------------------------------*/ /*next/previous posts*/ .post-pagination { border-top: 1px solid #eee; padding: 30px 0; color: #888; } .post-pagination .post-prev { float: left; width: 48%; } .post-pagination .post-prev span { margin-right: 5px } .post-pagination .post-next { float: right; width: 48%; text-align: right; } .post-pagination .post-next span { margin-left: 5px } .post-pagination a { color: #888 } .content-full-screen .post-pagination { display: none } /*standard*/ ul.page-numbers { list-style: none; margin: 10px 0 0; } ul.page-numbers li { display: block; float: left; margin: 0 4px 4px 0; text-align: center; } .page-numbers a, .page-numbers span { line-height: 1; display: block; padding: 0.4em 0.7em; font-size: 0.923em; text-decoration: none; font-weight: normal; font-weight: 400; cursor: pointer; border: 1px solid #ddd; color: #888; transition: all .15s ease-in-out; } .page-numbers a span { padding: 0 } .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #000; background: #f7f7f7; text-decoration: none; } .page-numbers:hover { text-decoration: none } /*infinite scroll*/ .infinite-scroll-loader { position: absolute; bottom: -20px; left: 50%; margin-left: -8px; height: 16px; line-height: 16px; width: 30px; background: url('images/loader.gif') center center no-repeat; text-indent: -9999px; } #infscr-loading img { display: none !important } .infinite-scroll-nav { display: none } /*Add some padding*/ .infinite-scroll-wrap { position: relative; padding-bottom: 20px; } /*------------------------------------------------------------------ [Sidebar] -------------------------------------------------------------------*/ #sidebar { margin-bottom: 10px } .sidebar-box { padding-bottom: 30px } .sidebar-box input { max-width: 100% } .sidebar-box .widget-title { margin: 0 0 20px; font-size: 1.077em; font-weight: bold; font-weight: 600; color: #000; } .sidebar-box .widget-titleselect { width: 100% } /*------------------------------------------------------------------ [Widgets] -------------------------------------------------------------------*/ .widget ul { list-style: none; margin: 0; } /* Widgets > Borders */ .tb-widget-recent-posts-li, .widget_categories li, .widget_recent_entries li, .widget_archive li, .widget_recent_comments li, .widget_product_categories li, .widget_layered_nav li, .widget-recent-posts-icons li { padding: 6px 0; border-bottom: 1px solid #eee; } .tb-widget-recent-posts-li:first-child, .widget_categories li:first-child, .widget_recent_entries li:first-child, .widget_archive li:first-child, .widget_recent_comments li:first-child, .widget_product_categories li:first-child, .widget_layered_nav li:first-child, .widget-recent-posts-icons li:first-child { border-top: 1px solid #eee } .widget_product_categories ul ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_product_categories ul ul li { padding-left: 15px } /* Widgets > Custom Menu */ #sidebar .widget_nav_menu .sub-menu { display: none } #sidebar .widget_nav_menu ul { margin: 0 } #sidebar .widget_nav_menu ul ul { margin: 0; border: none; border-radius: 0; } #sidebar .widget_nav_menu ul > li:first-child > a { border-top: 1px solid #e4e4e4 } #sidebar .widget_nav_menu li ul li:first-child a { border-top: none } #sidebar .widget_nav_menu a { position: relative; font-weight: normal; display: block; padding: 9px 15px; border: 1px solid #e4e4e4; border-top: none; } #sidebar .widget_nav_menu a .fa { margin-right: 10px } #sidebar .widget_nav_menu .menu-item-has-children > a { padding-right: 30px } #sidebar .widget_nav_menu ul ul li a { padding-left: 20px } #sidebar .widget_nav_menu ul ul ul li a { padding-left: 30px } #sidebar .widget_nav_menu .sub-menu a:before { content: "-"; margin-right: 10px; } #sidebar .widget_nav_menu .sub-menu .sub-menu a:before { content: "- -"; margin-right: 10px; } #sidebar .widget_nav_menu a:hover, #sidebar .widget_nav_menu li.active > a { background-color: #f9f9f9; text-decoration: none; } #sidebar .widget_nav_menu .parent > a:after { font-family: 'FontAwesome'; display: block; content: "\f0d7"; position: absolute; right: 15px; top: 50%; font-size: 1.077em; height: 20px; line-height: 20px; margin-top: -10px; color: #ddd; } #sidebar .widget_nav_menu .parent.active > a:after { content: "\f0d8" } #sidebar .widget_nav_menu .current_page_item > a, #sidebar .widget_nav_menu .current-menu-item > a { background: #f7f7f7 } #sidebar .widget_nav_menu .current_page_item > .sub-menu, #sidebar .widget_nav_menu .current-menu-item > .sub-menu { display: block; } /* Widgets > Modern Menu */ .modern-menu-widget { border: 1px solid #ddd; border-radius: 3px; margin: 0; } .modern-menu-widget li, .modern-menu-widget a { display: block } .modern-menu-widget a { position: relative; padding: 7px 30px 7px 10px; color: #777; } .modern-menu-widget a > .fa { margin-right: 8px } .modern-menu-widget a:after { display: block; font-family: "FontAwesome"; content: "\f054"; position: absolute; right: 10px; top: 50%; margin-top: -6px; height: 12px; line-height: 12px; font-size: 0.923em; color: #aaa; } body.content-right-sidebar .modern-menu-widget li a { padding-left: 30px; padding-right: 10px; } body.content-right-sidebar .modern-menu-widget a:after { left: 10px; content: "\f053"; } .modern-menu-widget a:hover { text-decoration: none; background: #fafafa; } .modern-menu-widget li.current-menu-item a { color: #fff } .modern-menu-widget li.current-menu-item a:after { color: #fff } .modern-menu-widget li { border-bottom: 1px solid #ddd } .modern-menu-widget li ul { border-top: 1px solid #ddd } .modern-menu-widget > li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px; } .modern-menu-widget > li:last-child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .modern-menu-widget li:last-child { border-bottom: none } /* Widgets > Tagcloud */ #main .tagcloud a, .post-tags a { display: block; float: left; padding: .3em 0.8em; margin: 0 5px 5px 0; border: 1px solid #eee; color: #555; background: #f7f7f7; cursor: pointer; transition: all .15s ease-in-out; } #main .tagcloud a:hover, .post-tags a:hover { text-decoration: none; color: #fff; border-color: transparent; } /* Widgets > Social (images) */ .tb-social-widget-output { list-style: none } .tb-social-widget-output li { margin: 0; padding: 0; border: none; float: left; margin-right: 5px; margin-bottom: 5px; } .tb-social-widget-output li img { display: block } .tb-social-widget-output li img:hover { opacity: 0.8 } .tb-social-widget-output li img:active { position: relative; top: 1px; } /* Widgets > Social Font Awesome */ .tb-fa-social-widget .desc { margin-bottom: 10px } .tb-fa-social-widget ul { list-style: none } .tb-fa-social-widget ul li { margin: 0; padding: 0; border: none; float: left; margin-right: 5px; margin-bottom: 5px; } .tb-fa-social-widget .tb-social-btn { display: block; font-size: 1.077em; padding: 0; } /* Widgets > Flickr */ .tb-flickr-widget { margin-right: -10px } .tb-flickr-widget .flickr_badge_image { display: block; width: 22%; float: left; margin-right: 2%; margin-bottom: 7px; height: auto !important; } .tb-flickr-widget .flickr_badge_image a, .tb-flickr-widget .flickr_badge_image img { display: block; float: left; width: auto !important; height: auto !important; } .tb-flickr-widget .flickr_badge_image:hover { opacity: 0.8 } /* Widgets > Video */ .tb-video-widget-description { text-align: center; margin-top: 15px; } /* Widgets > Calendar */ #wp-calendar { width: 100%; font-size: 0.846em; } #wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 0.846em; } #wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; } #wp-calendar tbody td:hover { background: #f1f1f1; color: #333; } #wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; color: #333; } #wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff; } #wp-calendar tfoot td { padding-top: 1px; padding: 4px; } #wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; color: #fff; text-align: center; } #wp-calendar tbody a { display: block; text-decoration: underline; } #wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; } #footer #wp-calendar thead th { background: #222 } #footer #wp-calendar tbody td { border-color: #222 } /* Widgets > Thumbnail Grid */ .tb-recent-posts-thumb-grid.tb-row { margin: 0 -5px; margin-bottom: -10px; overflow: hidden; } .tb-recent-posts-thumb-grid.tb-row .nr-col { padding: 0 5px; margin-bottom: 10px; } .tb-recent-posts-thumb-grid li a, .tb-recent-posts-thumb-grid li img { display: block; width: auto; max-width: 100%; } .tb-recent-posts-thumb-grid li img:hover { opacity: 0.8 } /* Widgets > Posts w/ Thumbnails */ .tb-widget-recent-posts-li { margin: 0; font-size: 1em; min-height: 95px; padding-left: 85px; position: relative; padding-top: 15px; padding-bottom: 15px; } .tb-widget-recent-posts-li:first-child { padding-top: 15px } .tb-widget-recent-posts-thumbnail { position: absolute; left: 0; top: 15px; width: 65px; } .tb-widget-recent-posts-thumbnail, .tb-widget-recent-posts-thumbnail img { display: block } .tb-widget-recent-posts-li:first-child .tb-widget-recent-posts-thumbnail { top: 15px } .tb-widget-recent-posts-thumbnail:hover { opacity: 0.7 } .tb-widget-recent-posts-title { font-weight: bold; font-weight: 600; color: #000; } .tb-widget-recent-posts-title:hover { text-decoration: none; opacity: 0.75; } #sidebar .tb-widget-recent-posts-date { font-size: 0.923em; font-weight: 400; color: #777; } .tb-widget-recent-posts.style-fullimg .tb-widget-recent-posts-thumbnail { position: inherit; left: auto; top: auto; margin-bottom: 15px; width: 100%; } .tb-widget-recent-posts.style-fullimg .tb-widget-recent-posts-li { padding-left: 0; min-height: 0; } .tb-widget-recent-posts.style-fullimg .tb-widget-recent-posts-date { margin-top: 0 } /* Widgets > Categories */ .widget_categories li { position: relative } .widget_categories li ul { margin: 0 0 0 20px } .widget_categories li ul li:first-child { border-top: 1px solid #eee; margin-top: 4px; } .widget_categories li ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories .cat-count-span { color: #999; font-size: 0.846em; } /* Widgets > Layered Nav */ .widget_layered_nav li { position: relative } .widget_layered_nav .count { position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; line-height: 12px; color: #999; font-size: 0.846em; } /* Widgets > Recent Posts */ .widget_recent_entries .post-date { display: block; font-size: 0.846em; color: #777; margin: 5px 0 0; } /* Widgets > Recent Posts w/ Icons */ .sidebar-widget-icons .widget_archive a:before, .sidebar-widget-icons .widget_recent_entries a:before, .sidebar-widget-icons .widget_recent_comments a:first-child:before, .sidebar-widget-icons .widget_layered_nav a:before, .sidebar-widget-icons .widget_product_categories a:before, .sidebar-widget-icons .widget_categories a:before { margin-right: 10px; font-family: "FontAwesome"; color: #999; display: inline-block; } .sidebar-widget-icons .widget_archive a:before { content: "\f016" } .sidebar-widget-icons .widget_recent_entries a:before { content: "\f0f6" } .sidebar-widget-icons .widget_recent_comments a:first-child:before { content: "\f0e5" } .sidebar-widget-icons .widget_layered_nav a:before { content: "\f0da" } .sidebar-widget-icons .widget_product_categories a:before { content: "\f0da" } .sidebar-widget-icons .widget_categories a:before { content: "\f114" } /* Widgets > Footer Colors */ #footer li, #footer #wp-calendar thead th, #footer #wp-calendar tbody td { border-color: #333 } #footer #wp-calendar tbody td:hover, #footer #wp-calendar tbody td a { color: #fff; background-color: #333; } /* Widgets > With Icons */ .widget-recent-posts-icons li .fa { margin-right: 10px; color: #999; } .site-footer .widget-recent-posts-icons li .fa { color: #777 } /* Widgets > Recent Posts */ .tb-recent-comments-widget li { position: relative; padding-left: 70px; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; min-height: 62px; } .tb-recent-comments-widget li:first-child { border-top: 1px solid #eee; padding-top: 20px; } .tb-recent-comments-widget li a { display: block } .tb-recent-comments-widget li a.avatar { width: 50px; height: 50px; position: absolute; left: 0; top: 0; display: block; padding: 3px; border: 1px solid #e4e4e4; } .tb-recent-comments-widget li:first-child a.avatar { top: 20px } .site-footer .tb-recent-comments-widget li a.avatar { border-color: #333 } .tb-recent-comments-widget strong { color: #000 } .site-footer .tb-recent-comments-widget strong { color: #fff } /*------------------------------------------------------------------ [Footer Callout] -------------------------------------------------------------------*/ #footer-callout-wrap { background: #f7f7f7; padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #footer-callout { font-size: 1.385em } #footer-callout-left, #footer-callout-right { display: block; float: left; } #footer-callout-left { width: 75% } #footer-callout-left.full-width { width: 100% } #footer-callout-right { width: 23%; margin-left: 2%; } #footer-callout .theme-button { margin: 0; width: 100%; text-align: center; font-size: 0.889em; padding: 15px 20px; } /*------------------------------------------------------------------ [Footer + Footer Widgets] -------------------------------------------------------------------*/ /* Footer > Main */ .site-footer { background: #262626; color: #777;margin-top: 30px; } .site-footer .container { padding-top: 45px } .single-col-footer .col { margin-left: 0; width: 100%; margin-right: 0; } .site-footer ul { margin: 0 } .site-footer .col { margin-bottom: 0 } .full-screen-post .site-footer { margin-top: 0 } .site-footer .widget_recent_entries li, .site-footer .widget_categories li { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #333; } /* Footer > Typography */ .footer-widget .widget-title { color: #fff; font-weight: bold; font-weight: 600; font-size: 1.077em; margin: 0 0 20px; } .site-footer p { color: #777 } .site-footer-widgets { position: relative } .site-footer a, .site-footer strong { color: #999 } .site-footer a:hover { color: #fff; text-decoration: none; } /* Footer > Widgets */ .footer-widget { padding-bottom: 0px } #footer-widgets.tb-row .col { margin-bottom: 0 !important } .footer-widget .tb-widget-recent-posts-title { color: #fff } #footer-widgets .widget_nav_menu ul { width: 100%; display: table; padding: 0 30px; } #footer-widgets .widget_nav_menu li { display: table-cell; } /* Footer > Bottom */ #footer-bottom { min-height: 40px; background: #222; color: #999; font-size: 0.923em; } #footer-bottom-inner { position: relative } #footer-bottom p { color: #999 } #footer-bottom p:last-child { margin: 0 } #footer-bottom > .container { padding:20px 30px !important; } #footer-bottom a { color: #aaa } #footer-bottom a:hover { color: #fff; text-decoration: none; } /* Footer > Copyright */ #footer-copyright { font-size: 0.923em; font-weight: 400; } #footer-copyright p:last-child { margin: 0 } /* Footer > Social */ #footer-bottom-menu { left: 0; top: 50%; height: 40px; line-height: 40px; } #footer-bottom-menu ul { list-style: none; margin: 0; } #footer-bottom-menu ul li { float: left; margin: 0 15px; } /*#footer-bottom-menu ul li:first-child { margin-left: 0 } */ #footer-bottom-menu ul li .fa { margin-right: 7px } /* Footer > Back To Top Button */ #site-scroll-top { position: fixed; right: 40px; bottom: 40px; color: #898989; height: 41px; line-height: 35px; width: 41px; font-size: 16px; border-radius: 50%; background: #f7f7f7; border: 3px solid #fff; text-align: center; z-index: 999; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } #site-scroll-top:hover { border-color: transparent; text-decoration: none; color: #fff; } #site-scroll-top.show { display: block; visibility: visible; opacity: 1; } /*------------------------------------------------------------------ [Footer Reveal] -------------------------------------------------------------------*/ .footer-has-reveal #site-header.overlay-header { background: none } @media only screen and (min-width: 960px) { .footer-reveal { display: none; position: relative; z-index: 1; position: fixed; bottom: 0; left: 0; width: 100%; } .footer-has-reveal #main { position: relative; z-index: 2; background: #fff; } } @media only screen and (max-width: 959px) { body.footer-has-reveal #wrap { margin-bottom: 0 !important } } /*------------------------------------------------------------------ [Search] -------------------------------------------------------------------*/ /*search input*/ .searchform { position: relative } .tb-menu-search-text { display: none; } .searchform input { width: 100%; background-repeat: no-repeat; background-position: right center; padding: .8em 30px .8em .8em; } .searchform .searchform-submit { position: absolute; top: 50%; right: 15px; height: 20px; line-height: 20px; margin: -10px 0 0; background: none; padding: 0; border: 0; outline: 0; color: #000; font-size: 11px; opacity: 0.5; } #footer .searchform input { background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.06); border: none; padding: .8em; } #footer input[type="search"] { outline: none } /*search results page*/ #search-no-results { font-size: 1.231em; margin-bottom: 20px; } /*entries*/ .search-entry { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; padding-left: 130px; min-height: 120px; } .search-entry-no-thumb { padding-left: 0; min-height: 0; } .search-entry h2 { font-size: 1.313em; margin: 0 0 10px; font-weight: bold; font-weight: 600; } .search-entry-thumb { position: absolute; top: 0; left: 0; width: 100px; padding: 4px; border: 1px solid #eee; } .search-entry-thumb img { display: block; width: 100%; } .search-entry-thumb img:hover { opacity: 0.8 } .search-entry-text p:last-child { margin: 0 } /*search site overlay - modal*/ #searchform-overlay { display: none; width: 350px; top: 120px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s; } #searchform-overlay.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #searchform-overlay-title { font-size: 2.154em; margin: 0 0 20px; font-weight: 400; color: #fff; text-align: center; text-transform: capitalize; } #searchform-overlay input { font-size: 1.077em; background: #fff; -webkit-apperance: none !important; width: 100%; border: 0; outline: 0; padding: 0; padding-right: 40px; padding-left: 20px; height: 45px; color: #000; font-weight: 400; border-radius: 3px; box-shadow: 0 0 4px rgba(0,0,0,0.7); } #searchform-overlay .searchform-submit { font-size: 18px; } #searchform-overlay .searchform-submit:hover { opacity: 1; } /*dropdown searchform*/ #searchform-dropdown { z-index: 10000; position: absolute; right: 0; background: #fff; top: 100%; padding: 15px; width: 260px; border-top: 3px solid transparent; box-shadow: 0 2px 7px rgba(0,0,0,0.1); visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } #searchform-dropdown input { display: block; outline: none; border: none; width: 100%; background: #f4f4f4; -webkit-appearance: none; border-radius: 0; } #searchform-dropdown button { display: none; } .boxed-main-layout #searchform-dropdown { right: 30px } /*header replace*/ #searchform-header-replace { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } #searchform-header-replace form { height: 100%; width: 100%; } #searchform-header-replace input { height: 100%; width: 100%; outline: 0; border: 0; -webkit-appearance: none; border-radius: 0; -moz-border-radius: none; -webkit-border-radius: none; font-size: 32px; text-transform: uppercase; color: #bbb; background: none; } #searchform-header-replace-close { position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; font-size: 26px; color: #bbb; cursor: pointer; } #searchform-header-replace-close:hover { color: #000 } body.boxed-main-layout #searchform-header-replace input { padding: 0 30px } body.boxed-main-layout #searchform-header-replace-close { right: 30px } /*display search on click*/ #searchform-dropdown.show, #searchform-header-replace.show { visibility: visible; opacity: 1; } /*------------------------------------------------------------------ [Contact Form 7] -------------------------------------------------------------------*/ div.wpcf7 .wpcf7-not-valid { border-color: #F00 } span.wpcf7-not-valid-tip { display: none !important } div.wpcf7 input, div.wpcf7 textarea { max-width: 100% } div.wpcf7-validation-errors { margin: 20px 0 0; padding: 10px; color: #c4690e; background: #fffdf3; text-align: center; border: 1px solid #fad7b5; font-weight: 400; font-size: 0.923em; } div.wpcf7 .wpcf7-mail-sent-ok { margin: 10px 0 0; padding: 10px; background: #edfdd3; border: 1px solid #c4dba0; text-align: center; color: #657e3c; font-weight: normal; } div.wpcf7-mail-sent-ng { margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9; } .wpcf7 input, .wpcf7 textarea { margin-top: 5px } div.wpcf7 .col input { width: 100% } div.wpcf7 .one-half input { width: 100% } div.wpcf7 .one-half { padding-left: 20px } div.wpcf7 .one-half.first { padding-left: 0 } div.wpcf7 .full-width input { width: 100% } /*------------------------------------------------------------------ [Login Page] -------------------------------------------------------------------*/ #login-page-wrap { padding: 80px 0; text-align: center; } #login-page-logo { margin-bottom: 10px } #login-page-logo a { font-weight: bold; font-weight: 600; font-size: 26px; color: #000; } #login-template-form { display: inline-block; border: 1px solid #eee; background: #f7f7f7; padding: 20px; width: 300px; max-width: 100%; } #login-template-form label { font-size: 0.846em; text-transform: uppercase; font-weight: 400; text-align: left; letter-spacing: 1px; display: block; float: none; margin-bottom: 5px; color: #999; } #login-template-form input[type="text"], #login-template-form input[type="password"] { width: 100%; background: #fff; } #login-template-form .button-primary { width: 100% } #login-template-form .login-submit { margin: 0 } /*------------------------------------------------------------------ [Login Form] -------------------------------------------------------------------*/ #tb-loginform-wrap label { font-size: 1.125em } #tb-loginform-wrap input[type="text"], #tb-loginform-wrap input[type="password"] { width: 100%; font-size: 1em; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid transparent; margin-top: 10px; border-radius: 3px; } #tb-loginform-wrap input[type="text"]:focus, #tb-loginform-wrap input[type="password"]:focus { border-color: #ccc; box-shadow: 0 1px 2px rgba(0,0,0,0.1); color: #333; } #tb-loginform-wrap p:last-child { margin: 0 } #tb-loginform-wrap a:hover { color: #4d4d4d; text-decoration: none; } /*------------------------------------------------------------------ [Archives] -------------------------------------------------------------------*/ .archives-section { margin-bottom: 60px } .archives-section h2 { margin: 0 0 10px } .archives-list { list-style: none; border-top: 1px solid #eee; padding-top: 10px; } .archives-list li { display: block; color: #999; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; } .archives-list li a { color: #999 } .archives-list li a:hover { color: #000; text-decoration: none; } .archives-list li .fa { color: #999; margin-right: 15px; } /*------------------------------------------------------------------ [Comments] -------------------------------------------------------------------*/ #comments { margin-bottom: 40px } #comments.empty-closed-comments { display: none } .comment-notes { color: #666 } #comments .children { margin-left: 30px } #comments li .comment { position: relative } .comment-author { left: 0; position: absolute; top: 0px; padding: 3px; border: 1px solid #e4e4e4; } .comment-author .avatar { display: block } .comment-details { position: relative; margin-bottom: 25px; padding-bottom: 25px; margin-left: 80px; border-bottom: 1px solid #eee; } .comment-meta { margin-bottom: 15px } .comment-meta a:hover { text-decoration: none } .comment-meta .url { color: #000 } .comment-date { color: #a7a7a7 } .comment-meta .fn { display: block; font-size: 1.077em; font-weight: bold; font-weight: 600; color: #000; } #cancel-comment-reply-link { font-size: 0.923em; color: #989898; float: right; font-weight: normal; border: 2px solid #ededed; padding: 3px 10px; border-radius: 3px; text-decoration: none; } #cancel-comment-reply-link:hover { color: #000 } #cancel-comment-reply-link .fa { margin-right: 7px } .comment-reply { margin-top: 15px } .comment-reply-link { display: block; float: left; color: #a7a7a7; text-decoration: underline; } .comment-reply-link:hover { color: #000 } .comment-reply-title { font-size: 1.231em; margin-bottom: 0; } .logged-in-as { font-size: 0.923em; margin: 0 0 10px; } p.comment-notes { margin: 10px 0 20px } .comment-content p:last-child { margin: 0 } .comment-form-author, .comment-form-email, .comment-form-website, .comment-form-comment, .comment-form-url { margin: 0 0 10px } .comment-form-author input, .comment-form-author input, .comment-form-email input, .comment-form-website input, .comment-form-comment input, .comment-form-url input { width: 50% } #commentform label { display: block; margin-bottom: 3px; } .comment-navigation { font-size: 12px } .nav-next { text-align: right } .form-allowed-tags { display: none } span.required { color: #F00; font-size: 9px; position: relative; top: -4px; } .no-comments { text-align: right } .no-comments i { margin-right: 8px } /*trackbacks and pingbacks*/ #comments .pingback, #comments .trackback p { margin: 0 } /*WP JetPack*/ .comment-subscription-form { margin: 0px } .comment-subscription-form:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .comment-subscription-form input, .comment-subscription-form label { float: left; font-size: 0.846em; margin: 0px !important; margin-right: 5px !important; } /*------------------------------------------------------------------ [WPML] -------------------------------------------------------------------*/ #footer #lang_sel_list a, #footer #lang_sel_list a:visited { background: none; color: inherit; padding: 0; font-size: inherit; } #footer #lang_sel_list li { float: none; border: none; } /*------------------------------------------------------------------ [Font Awesome Smoothing] -------------------------------------------------------------------*/ .sf-menu > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu a:before, .tb-slider .sp-arrow, .tb-slider .sp-arrow:before, #main .widget_nav_menu .parent > a:after, .modern-menu-widget a:after, .sidebar-widget-icons .widget_archive a:before, .sidebar-widget-icons .widget_recent_entries a:before, .sidebar-widget-icons .widget_recent_comments a:before, .sidebar-widget-icons .widget_layered_nav a:before, .sidebar-widget-icons .widget_product_categories a:before, .sidebar-widget-icons .widget_categories a:before, .theme-select:after, .searchform input:after, ul.check-list li:before, .animsition-loading:after { font-family: "FontAwesome"; font-weight: normal; font-style: normal; letter-spacing: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------------------------------------------------ [Tipsy Tooltips] -------------------------------------------------------------------*/ .tipsy { font-size: 0.769em; position: absolute; padding: 5px; z-index: 99; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000 } .tipsy-arrow-s { border-top-color: #000 } .tipsy-arrow-e { border-left-color: #000 } .tipsy-arrow-w { border-right-color: #000 } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /*------------------------------------------------------------------ [Resets] -------------------------------------------------------------------*/ body .remove-dims { height: auto; width: auto; } .reset-styles { font-size: 1em; color: inherit; margin: 0; padding: 0; font-weight: normal; font-style: normal; border: none; background: none; letter-spacing: inherit; } .reset-styles a { font-size: inherit; color: inherit; } body .disable-box-shadow { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /*------------------------------------------------------------------ [Print Styles] -------------------------------------------------------------------*/ @media print { #sidebar, #footer-callout-wrap, #footer, #footer-bottom, #top-bar-wrap, #site-navigation-wrap, .toggle-bar-btn, .post-pagination, .related.products, .product form.cart { display: none } .container { width: 100%; padding: 0; } .wpb_accordion_content, .wpb_toggle_content { display: block !important } } /*------------------------------------------------------------------ [Accent Colors] -------------------------------------------------------------------*/ /* Accent > #4a97c2 > Background */ .tb-accent-bg, .background-highlight, input[type="submit"], .theme-button, button, #main .tagcloud a:hover, .post-tags a:hover, .tb-carousel .owl-dot.active, #site-navigation .menu-button > a > span.link-inner, .tb-carousel .owl-prev, .tb-carousel .owl-next { background: #4a97c2; color: #fff; } /* Accent > #3b86b0 > Background */ .modern-menu-widget li.current-menu-item a, #wp-calendar caption, #site-scroll-top:hover, input[type="submit"]:hover, .theme-button:hover, button:hover, .tb-carousel .owl-prev:hover, .tb-carousel .owl-next:hover, #site-navigation .menu-button > a > span.link-inner:hover { background: #3b86b0 } /* Accent > #3b86b0 > Color */ .tb-accent-color, a.tb-accent-color, #site-navigation .dropdown-menu a:hover, #site-navigation .dropdown-menu > .current-menu-item > a, #site-navigation .dropdown-menu > .current-menu-parent > a, h1 a:hover, h2 a:hover, a:hover h2, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .entry-title a:hover, .modern-menu-widget a:hover { color: #3b86b0 } /* Accent > #3b86b0 > Borders */ #searchform-dropdown { border-color: #3b86b0 } .toggle-bar-btn:hover { border-top-color: #3b86b0; border-right-color: #3b86b0; } .tb-dropdown-top-border #site-navigation .dropdown-menu li ul { border-top-color: #3b86b0 } /*------------------------------------------------------------------ [iLightbox] -------------------------------------------------------------------*/ .ilightbox-overlay,.ilightbox-loader,.ilightbox-loader *,.ilightbox-holder,.ilightbox-holder .ilightbox-container,.ilightbox-holder .ilightbox-container img.ilightbox-image,.ilightbox-holder .ilightbox-container .ilightbox-caption,.ilightbox-toolbar,.ilightbox-toolbar *,.ilightbox-thumbnails,.ilightbox-thumbnails *,.ilightbox-holder .ilightbox-container .ilightbox-social,.ilightbox-holder .ilightbox-container .ilightbox-social *{float:none;margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:100%;vertical-align:baseline;background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-o-user-select:none;user-select:none;}.ilightbox-overlay,.ilightbox-loader,.ilightbox-loader *,.ilightbox-holder .ilightbox-container .ilightbox-caption,.ilightbox-toolbar,.ilightbox-thumbnails,.ilightbox-thumbnails *,.ilightbox-holder .ilightbox-container .ilightbox-social{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);}.ilightbox-noscroll{overflow:hidden;}.ilightbox-closedhand *{cursor:url(closedhand.cur),default !important;}.ilightbox-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;}.ilightbox-loader{position:fixed;z-index:100005;top:45%;left:-192px;padding-left:30px;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0;}.ilightbox-loader div{width:72px;height:72px;-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0;}.ilightbox-loader.horizontal{left:45%;top:-192px;padding:0;padding-top:30px;-webkit-border-radius:0 0 100px 100px;border-radius:0 0 100px 100px;}.ilightbox-loader.horizontal div{-webkit-border-radius:0 0 100px 100px;border-radius:0 0 100px 100px;}.ilightbox-toolbar{display:none;position:fixed;z-index:100010;}.ilightbox-toolbar a{float:left;cursor:pointer;}.ilightbox-toolbar .ilightbox-prev-button,.ilightbox-toolbar .ilightbox-next-button{display:none;}.ilightbox-thumbnails{display:block;position:fixed;z-index:100009;}.ilightbox-thumbnails.ilightbox-horizontal{bottom:0;left:0;width:100%;height:100px;}.ilightbox-thumbnails.ilightbox-vertical{top:0;right:0;width:140px;height:100%;overflow:hidden;}.ilightbox-thumbnails .ilightbox-thumbnails-container{display:block;position:relative;}.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container{width:100%;height:100px;}.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container{width:140px;height:100%;}.ilightbox-thumbnails .ilightbox-thumbnails-grid{display:block;position:absolute;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);}.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail{display:block;cursor:pointer;padding:10px;position:relative;}.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img{width:100%;height:100%;-webkit-border-radius:2px;border-radius:2px;-ms-interpolation-mode:bicubic;}.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.7;}.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover{opacity:1;}.ilightbox-holder{display:none;position:fixed;z-index:100003;-webkit-transform:none;-moz-transform:none;}.ilightbox-holder.ilightbox-next,.ilightbox-holder.ilightbox-prev{cursor:pointer;}.ilightbox-holder div.ilightbox-container{position:relative;width:100%;height:100%;}.ilightbox-holder.supportTouch div.ilightbox-container{overflow:scroll;-webkit-overflow-scrolling:touch;}.ilightbox-holder img.ilightbox-image{width:100%;height:100%;}.ilightbox-holder .ilightbox-container .ilightbox-caption{display:none;position:absolute;left:30px;right:30px;bottom:0;max-width:100%;padding:5px 10px;margin:0 auto;font-size:12px;line-height:150%;word-wrap:break-word;z-index:20003;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}.ilightbox-holder .ilightbox-container .ilightbox-social{display:none;position:absolute;left:10px;top:10px;padding:5px;padding-left:0;z-index:20003;height:16px;}.ilightbox-holder .ilightbox-container .ilightbox-social ul{float:left;list-style:none;height:16px;}.ilightbox-holder .ilightbox-container .ilightbox-social ul li{display:inline;}.ilightbox-holder .ilightbox-container .ilightbox-social ul li a{float:left;margin-left:5px;width:16px;height:16px;background-repeat:no-repeat;background-position:50%;}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a{background-image:url('../social_icons/facebook_16.png');}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a{background-image:url('../social_icons/digg_16.png');}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a{background-image:url('../social_icons/twitter_16.png');}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a{background-image:url('../social_icons/delicious_16.png');}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a{background-image:url('../social_icons/reddit_16.png');}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a{background-image:url('../social_icons/google_plus_16.png');}.ilightbox-holder .ilightbox-alert{display:block;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;padding-top:100px;margin:auto;width:300px;height:50px;}.ilightbox-holder .ilightbox-wrapper{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;}.ilightbox-holder .ilightbox-inner-toolbar{position:relative;z-index:100;}.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar{position:absolute;}.ilightbox-button{position:fixed;z-index:100008;cursor:pointer;}.isMobile .ilightbox-button,.isMobile .ilightbox-thumbnails{display:none !important;}.isMobile .ilightbox-toolbar .ilightbox-prev-button,.isMobile .ilightbox-toolbar .ilightbox-next-button{display:block;} /*iLightbox tweaks*/ .ilightbox-holder .ilightbox-container .ilightbox-caption p:last-child { margin: 0 } .ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-title { font-weight: normal; font-size: 16px; font-family: inherit; } /*------------------------------------------------------------------ [Slider Pro 1.2.0] -------------------------------------------------------------------*/ .slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}} @media only screen and (min-width:320px) and (max-width:568px){ .sp-button{width:18px;height:18px} .get-prices-btn{display: block; text-align: center; text-decoration: none; background-color: #f88d01; color: white; padding: 10px; margin: 0 auto; font-size: 16px; border: 2px double #121111 ; text-decoration: none !important;} .for-mobile{display: block;} .for-desktop{display: none;} .heading-for-desktop{display: none;} .heading-for-mobile{display: block; padding: 0 5px;} .heading-for-mobile h2{font-size: 18px !important; color: #9b9b9b !important;} } .sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none!important;max-height:none!important;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none} #sidebar-inner .side_menu { padding-left: 15px; padding-right: 15px; } .side_menu a:not(.cta-btn) { position: relative; font-weight: 600; padding: 0; border:none !important; border-top: none; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px; } .side_menu a:hover { color:#cc3366; } .side_menu a:active { color:#cc3366 !important; } /* Theme right links */ .themecustom a.ctathemehowpush { background-position: 0px 0px; } .themecustom a.ctathemecolorspush { background-position: 0px -36px; margin-right: 4px; } .themecustom a.ctathemecandypush { background-position: 0px -72px; } .themecustom a.ctathemecatalogpush { background-position: 0px -108px; } a.ctarollthemepush { float: left; display: block; width: 293px; height: 36px; text-decoration: none; background: url("images/ctas-theme.jpg"); margin-bottom: 5px; } .cta-btn, .cta-btn:hover{ display: block; height: 50px; background: #FF8840 !important; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.32); border-radius: 10px; border-width: 3px !important; border-color: #ffffff !important; border-style: solid !important; color: #fff !important; font-size: 20px !important; text-align: center; line-height: 44px !important; margin: 20px !important; } .cta-btn:hover{ opacity: 0.6; text-decoration: none; background: #FF8840 !important; } .go-btn, .go-btn:hover { padding: 8px; display: inline-block; height: 40px; background: #cc3366 !important; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.32); border-radius: 10px; border-width: 3px !important; border-color: #ffffff !important; border-style: solid !important; color: #fff !important; font-size: 20px !important; text-align: center; line-height: 19px !important; margin: 0 20px; } .go-btn:hover{ opacity: 0.6; text-decoration: none; background: #cc3366 !important; } .vc_column_container:not(.wpb_widgetised_column) { padding-left: 15px !important; padding-right: 15px !important; } .tb-link-color{ color: #cc3366 !important; font-size: 18px; } .pics.cycle-slideshow {height: 155px; width: 200px; padding:0; margin:auto; overflow: hidden; cursor:pointer;} .pics.cycle-slideshow img {height: 155px; width: 200px; top:0; left:0; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #switcher{ text-align:center; padding: 20px; } .navbar-style-two .dropdown-menu > li > a { padding: 0 13px !important; } .admin-bar p.demo_store { top: 0; } .single-product .page-header { padding-bottom: 15px; margin: 0 0 20px !important; border-bottom: 1px solid #bbb; } .single-product .woocommerce div.product p.price, .woocommerce div.product span.price { border-bottom: 1px solid; padding: 19px 0; } .single-product .cpf_hide_element.tm-cell.col-8.cpf-type-select { width: 100%; } .single-product .tmcp-field-wrap { width: 100% !important; } .single-product #tmcp_select_15 { padding: 11px 3px; } .candy-section-ul img{ height: 70px !important; width: 100px !important; border-radius: 0 !important; } .single-product .tc-label.radio_image_label { min-height: auto; } .single-product .woocommerce div.product form.cart { padding: 0; margin: 0; } .single-product .yith-wcwl-add-button.show a { position: relative; bottom: 68px; left: 280px; } .single-product .woocommerce-Tabs-panel div { width: 25%; text-align: center; } .video-on-mobile{ display:none !important; } .selected_candy .price.tc-price { display: none; } .selected_candy input{ display: none; } .pompoms-candy-active img{ border: 1px solid; margin-bottom: 31px; } .pompoms-candy-active li{ display:block; } .pompoms-candy-active .selected_candy { width: 134px !important; float: left; text-align: center !important; border: 1px solid; position: relative; top: 0; left: 3px !important; margin-top: -142px; } .selected_candy img { width: 50%!important; border: none; margin-bottom: 0; text-align: center; display: inline-block !important; } .selected_candy .tc-label.radio_image_label { margin: 0 !important; padding: 0 !important; } .selected_candy .tc-label.radio_image_label { min-height: 20px !important; padding-bottom: !important; } #video-3514-1_html5 { width: 100% !important; } .arrow-btn { width: 100%; float: left; position: relative; bottom: 58px; } .arrow-btn-next{ width: 50%; float: left; position: relative; } .arrow-btn-prev { width: 50%; float: left; position: relative; text-align:right; } .arrow-btn-next::before { content: "\f104"; font-family: FontAwesome; color: #000; font-size: 25px; padding-right: 0.5em; position: absolute; top: -55px; left: -15px; opacity: 1; font-size: 39px; color: #aaa; cursor: pointer; } .arrow-btn-prev::after { content: "\f105"; font-family: FontAwesome; color: #000; font-size: 25px; padding-right: 0.5em; position: absolute; top: -55px; left: 199%; opacity: 1; font-size: 39px; color: #aaa; cursor: pointer; } .page-video { width: 550px; margin-top: 30px; } @media only screen and (max-width: 1024px){ .single-product { margin: 0 auto; width: 90% !important; } .navbar-style-two .dropdown-menu > li > a { padding: 0 9px !important; } .wp-video-shortcode { width: 100% !important; max-width: 100% !important; } } @media only screen and (max-width: 980px){ .single-product .page-header { margin: 12px 0 25px 0 !important; border-top: 1px solid #bbb; } .demo_store { display: none !important; } .desc { margin-top: 4px !important; margin-left: 53px; } #site-header { padding-top: 11px !important; } .wp-video { width: 100% !important; } #mep_0 { width: 100% !important; } .video-on-mobile{ display:block !important; } .video-on-fullwidth{ display:none !important; } .single-product .woocommerce-Tabs-panel div { width: 50%; text-align: center; padding: 0 !important; } .wp-toolbar-active { margin-top: 0 !important; } .logo-phone { background-color: #fff !important;; } #video-3514-1_html5 { width: 100% !important; } .single-product .yith-wcwl-add-button.show a { position: unset !important; } } @media only screen and (max-width: 768px){ #site-header { padding-top: 0 !important; } .desc { display: none !important; } body.tb-responsive .container, body.tb-responsive .vc_row-fluid.container { max-width: 100%!important; } .tmhexcolorimage { min-width: 35px !important; min-height: 35px !important; } .arrow-btn { bottom: 12em; } .selected_candy img { width: 30%!important; margin-bottom: 0; display: inline-block !important; text-align: center; } } @media only screen and (max-width: 670px){ #outer-wrap { margin-top: 15px; } .logo-phone .lazy-loaded{ height: 30px; } .logo-phone{ padding: 5px; height: 40px; background: #fff; } .mobile_sticky_menu { display: block; float: left; width: 100%; z-index: 9999; top: 0; position: fixed; background: a; } .mobile_sticky_menu h2 { font-size:15px; color:#cc3366; font-style:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left; margin: 0; padding: 5px; } .taptap-menu-button-three div.taptap-menu-button-three-middle::before { background-color: black; } .taptap-absolute { position: fixed; } .row.how-to-design { background: #fff; } .logo-phone { background-color: #fff; } .taptap-menu-button-three { padding-top: 0; } .main-logo { position: absolute; } .how-to-design .col-xs-5.col-xs-offset-1 { width: 50%; margin: 0; float: left; text-align: center; background: #c36; padding: 6px 0; } .how-to-design .col-xs-6{ width: 50%; margin: 0; float: left; text-align: center; background: #c36; padding: 6px 0; } .how-to-design a{ color:#fff; } .lazyloaded { width: 100% !important; height: auto !important; } } @media only screen and (max-width: 500px){ .mobile_sticky_menu h2 { padding: 4px 5px; top: 69px; position: absolute; right: 23px; background: #fff; font-size: 13px; } .single-product .woocommerce-Tabs-panel div { width: 100%; } #menu-footer-one li { width: 100%; float: left; padding: 8px 0; text-align:left; } #footer-bottom li{ width:100%; ` float:left; padding: 8px 0 !important; margin: 0 !important; text-align:center; } .single-product .yith-wcwl-add-button.show a { position: relative; bottom: 0; left: 0; } .tm-extra-product-options ul.tmcp-elements.use_images_container li.tmcp-field-wrap { width: 33% !important; } .tm-extra-product-options ul.tmcp-elements.use_images_container li.tmcp-field-wrap label { width: 100% !important; } .single-product .tc-label.radio_image_label { min-height: 10px; } .mobile_sticky_menu { width: 100%; } .taptap-menu-button-wrapper { top: 4px; right: 24px; } } @media only screen and (min-width: 670px){ .mobile_sticky_menu { display: none; } }