/* LICENSE & DETAILS ================================================== Theme Name: Flexform Theme URI: http://themes.swiftpsd.com/flexform Description: A Retina Responsive Multi-Purpose WordPress Theme - Designed & Developed by Swift Ideas ( www.swiftpsd.com / www.swiftideas.net ) License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.1.1 Author: Swift Ideas Author URI: www.swiftpsd.com / www.swiftideas.net All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ================================================== */ /* Table of Contents ================================================== #Custom Boostrap Classes #Page Builder Override Classes #General #Header #Footer #Home #Swift Slider #Portfolio #Blog #Team #Sidebar #Comments #Contact #Shortcodes #WooCommerce #Retina Styles #Responsive Styles ================================================== */ /* #Custom Bootstrap Classes ================================================== Support for columns width sidebars ================================================== */ .span-third { width: 193px; } .span-twothirds { width: 407px; } .span-bs-quarter { width: 100px; } .span-bs-threequarter { width: 340px; } @media only screen and (min-width: 1200px) { .span-third { width: 236px; } .span-twothirds { width: 504px; } .span-bs-quarter { width: 120px; } .span-bs-threequarter { width: 420px; } } @media only screen and (max-width: 979px) and (min-width: 768px) { .span-third { width: 145px; } .span-twothirds { width: 310px; } .span-bs-quarter, .span-bs-threequarter { width: 342px; } } @media only screen and (max-width: 979px) { .span-third { width: 100%; } .span-twothirds { width: 100%; } .span-bs-quarter { width: 100%; } .span-bs-threequarter { width: 100%; } } /* #Page Builder Override Classes ================================================== Classes to override asset styling ================================================== */ .mt0 { /* Clear Margin Top */ margin-top: 0!important; } .mb0 { /* Clear Margin Bottom */ margin-bottom: 0!important; } .mr0 { /* Clear Margin Right */ margin-right: 0!important; } .ml0 { /* Clear Margin Left */ margin-left: 0!important; } .pt0 { /* Clear Padding Top */ padding-top: 0!important; } .pb0 { /* Clear Padding Bottom */ padding-bottom: 0!important; } .pr0 { /* Clear Padding Right */ padding-right: 0!important; } .pl0 { /* Clear Padding Left */ padding-left: 0!important; } .bt0 { /* Clear Border Top */ border-top: 0!important; } .bb0 { /* Clear Border Bottom */ border-bottom: 0!important; } .no-arrow:after { /* Clear Full Width Text Arrow */ display: none!important; } .pmb0 p { /* Clear Inner p Tags Margin Bottom */ margin-bottom: 0!important; } /* #General ================================================== */ body { padding: 0; margin: 0; font-size: 14px; } body * { -webkit-font-smoothing: antialiased !important; text-rendering: optimizelegibility; } a { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } a:hover { text-decoration: none; } body, h1, h2, h3, h4, h5, h6 { font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; font-weight: 300; } h1 { font-size: 30px; line-height: 42px; } h2 { font-size: 24px; line-height: 32px; } h3 { font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 15px; } h4 { font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 15px; } h5 { font-size: 14px; font-weight: normal; line-height: 18px; margin-bottom: 15px; } h6 { font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom: 10px; text-transform: uppercase; } p { font-size: 14px; line-height: 170%; } ul { list-style: none; margin: 0 0 20px; } p:empty { /*display: none; margin-bottom: 0;*/ } .wf-loading p, .wf-loading a, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6 { visibility: hidden; } .wf-inactive p, .wf-inactive a, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive h6 { visibility: visible; } .wf-active p, .wf-active a, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 { visibility: visible; } ul ul, ul ol, ol ol, ol ul { margin-left: 0; } .no-js-alert { background: none repeat scroll 0 0 #222222; color: #FFFFFF; font-size: 24px; height: 100%; left: 0; opacity: 0.95; -moz-opacity: 0.95; filter:alpha(opacity= 95); padding: 20% 5% 0; position: fixed; text-align: center; top: 0; width: 90%; z-index: 9999; } #container { position: relative; } #page-bg-image { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } input { border: 0; } input:focus, textarea:focus { box-shadow: none!important; } iframe { border: 0; } /* -------------------------------------------- STANDARD MEDIA STYLING -------------------------------------------- */ figure { margin: 0; } figure img { width: 100%; height: auto; } figure a { display: block; } figure .overlay { width: 100%; height: 100%; position: absolute; display: block; z-index: 4; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: -0.6px; padding-right: 0.6px; } figure:hover > a > .overlay { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); margin-top: -1.6px; /* GAP FIX */ padding-bottom: 1.6px; /* GAP FIX */ } figure .thumb-info { position: absolute; width: 100%; height: 100%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; /*for a smooth font */ } figure:hover .overlay .thumb-info { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .overlay .thumb-info h4 { position: absolute; top: 53%; line-height: 20px; padding: 0 10%; width: 80%; text-align: center; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); } .overlay .thumb-info i { width: 100%; position: absolute; top: 50%; font-size: 44px; margin-top: -15px; height: 30px; line-height: 33px; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); text-align: center; } .overlay .thumb-info i.small-icon { font-size: 32px; top: 42%; } /* -------------------------------------------- FLEXSLIDER / REVSLIDER -------------------------------------------- */ /* Browser Resets */ .wooslider-container a:active, .wooslider a:active, .wooslider-container a:focus, .wooslider a:focus {outline: none;} .slides, .wooslider-control-nav, .wooslider-direction-nav {margin: 0; padding: 0; list-style: none;} /* wooslider Necessary Styles *********************************/ .wooslider {margin: 0; padding: 0;} .wooslider .slides > li { display: none; -webkit-backface-visibility: hidden; width: 100%; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .wooslider .slides img {width: 100%; display: block;} .wooslider-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .wooslider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .wooslider .slides { display: block; } * html .wooslider .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .wooslider .slides > li:first-child { display: block; } /* wooslider Default Theme *********************************/ .wooslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; overflow: visible!important;} .wooslider-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .wooslider-viewport {max-height: 300px;} .wooslider .slides {zoom: 1;} .wooslider .carousel li { margin-right: 5px; } /* Direction Nav */ .wooslider-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .wooslider-direction-nav .wooslider-next {background-position: 100% 0; right: -36px; } .wooslider-direction-nav .wooslider-prev {left: -36px;} .wooslider:hover .wooslider-next {opacity: 0.8; right: 5px;} .wooslider:hover .wooslider-prev {opacity: 0.8; left: 5px;} .wooslider:hover .wooslider-next:hover, .wooslider:hover .wooslider-prev:hover {opacity: 1;} .wooslider-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Pause/Play */ .wooslider-pauseplay a { width: 30px; height: 30px; text-indent: -9999px; background: url(../images/bg_play_pause.png) no-repeat 110% 0; position: absolute; bottom: 5px; left: 5px; opacity: 0.8; z-index: 9999; cursor: pointer; } .wooslider-pauseplay a:hover { opacity: 1; } .wooslider-pauseplay a.wooslider-play { background-position: 0 0; } /* Control Nav */ .wooslider-control-nav {width: 100%; position: absolute; top: 100%; margin-top: 10px!important; text-align: center; z-index: 9999; } .wooslider-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .wooslider-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .wooslider-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .wooslider-control-paging li a.wooslider-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .wooslider-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .wooslider-control-thumbs li {width: 25%; float: left; margin: 0;} .wooslider-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .wooslider-control-thumbs img:hover {opacity: 1;} .wooslider-control-thumbs .wooslider-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .wooslider-direction-nav .wooslider-prev {opacity: 1; left: 0;} .wooslider-direction-nav .wooslider-next {opacity: 1; right: 0;} } /* Basic reset for better theme compatibility. */ .wooslider .slides > li { list-style: none; float: left; margin: 0; padding: 0; } .wooslider .slides > li img { border: 0; box-shadow: none; } .wooslider .wooslider-control-nav > li { margin: 0 6px; padding: 0; } body .wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img { border: 0; padding: 0; margin: 0; height: auto; } body .wooslider .slides, body .wooslider .wooslider-control-nav, body .wooslider .wooslider-direction-nav { padding: 0; margin: 0; } body .wooslider .wooslider-control-nav li, body .wooslider .wooslider-direction-nav li { list-style: none; } /* Layout styles for the "Posts" slideshow type. */ /* Text Left and Text Right Options */ .wooslider .layout-text-left img { float: right; width: 40%; } .wooslider .layout-text-left .slide-excerpt { float: left; width: 50%; } .wooslider .layout-text-right img { float: left; width: 40%; } .wooslider .layout-text-right .slide-excerpt { float: right; width: 50%; } /* Full overlay enabled */ .wooslider .overlay-full { position: relative; } .wooslider .overlay-full .slide-excerpt { background: #000; opacity: 0.8; color: #FFF; position: absolute; padding: 1em; } .wooslider .overlay-full .slide-excerpt .slide-title { color: #FFF; } .wooslider .overlay-full img { float: none; width: 100%; height: auto; } body .wooslider .overlay-full.layout-text-left .slide-excerpt { left: 0; top: 0; bottom: 0; width: 30%; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-right .slide-excerpt { right: 0; top: 0; bottom: 0; width: 30%; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-top .slide-excerpt { left: 0; right: 0; top: 0; height: auto; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-bottom .slide-excerpt { left: 0; right: 0; bottom: 0; height: auto; padding: 1em; overflow: hidden; } /* Natural overlay enabled */ .wooslider .overlay-natural { position: relative; } .wooslider .overlay-natural .slide-excerpt { color: #FFF; position: absolute; float: left; padding: 0; } .wooslider .overlay-natural .slide-excerpt .slide-title { color: #FFF; background: #000; opacity: 0.8; float: left; padding: 0.5em 1em; margin: 0; } .wooslider .overlay-natural .slide-excerpt p { color: #FFF; background: #000; opacity: 0.8; float: left; padding: 0.5em 1em; } .wooslider .overlay-natural img { float: none; width: 100%; height: auto; } body .wooslider .overlay-natural.layout-text-left .slide-excerpt { left: 0; top: 10%; overflow: hidden; } body .wooslider .overlay-natural.layout-text-right .slide-excerpt { float: right; right: 0; top: 10%; overflow: hidden; } body .wooslider .overlay-natural.layout-text-right .slide-excerpt .slide-title, body .wooslider .overlay-natural.layout-text-right .slide-excerpt p { float: right; } body .wooslider .overlay-natural.layout-text-top .slide-excerpt { left: 0; top: 0; overflow: hidden; } body .wooslider .overlay-natural.layout-text-bottom .slide-excerpt { left: 0; bottom: 0; overflow: hidden; } /* "Slides" slideshow type */ body .wooslider .slide-content { margin: 0.5em; padding: 0; border: 0; width: auto; height: auto; } /* Slide widget */ .widget_wooslider_slideshow_attachments .wooslider-direction-nav a { padding: 0; } body .wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img { max-width: 100%; border: none; } body .wooslider-control-nav { margin: 0; padding: 0; } body .wooslider-control-nav img { border: 0; background: none; margin: 0; padding: 0; } body .wooslider-direction-nav, body .wooslider-direction-nav li { list-style: none; margin: 0; padding: 0; } body .wooslider.wooslider-type-slides .has-featured-image img.featured-image { max-width: 100%; height: auto; } body .wooslider.wooslider-type-slides img { max-width: 100%; } .flexslider { background: transparent; border: 0; width: 100%; z-index: 2; display: block; position: relative; overflow: hidden; } .flexslider ul.slides { background: #222; margin: 0; height: auto; overflow: hidden; list-style: none!important; } .flexslider .slides > li { position: relative; text-align: center; overflow: hidden; margin: 0; display: none; -webkit-backface-visibility: hidden; } .flexslider .slides li img { max-width: 100%; width: 100%; height: auto; display: block!important; } .flex-direction-nav, .flex-direction-nav li, .wooslider-direction-nav, .wooslider-direction-nav li { margin: 0; padding: 0; list-style: none; } .flex-direction-nav a, .wooslider-direction-nav a { width: 36px; height: 36px; margin: -18px 0 0; display: block; background: transparent url('images/showcase-nav.png') no-repeat center left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; z-index: 999; } .flex-direction-nav .flex-next, .wooslider-direction-nav .wooslider-next { background-position: center right; right: -36px; } .flex-direction-nav .flex-prev, .wooslider-direction-nav .wooslider-prev { left: -36px; } .rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-leftarrow.large, .rev_slider_wrapper .tp-leftarrow.square, .rev_slider_wrapper .tp-leftarrow.round, .rev_slider_wrapper .tp-leftarrow.default { background: transparent url('images/showcase-nav.png') no-repeat center left; width: 36px; height: 36px; display: block; margin: 0; position: absolute; top: 50%!important; left: -36px!important; margin-top: -18px; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease; } .rev_slider_wrapper .tp-rightarrow, .rev_slider_wrapper .tp-rightarrow.large, .rev_slider_wrapper .tp-rightarrow.square, .rev_slider_wrapper .tp-rightarrow.round, .rev_slider_wrapper .tp-rightarrow.default { background: transparent url('images/showcase-nav.png') no-repeat 100% 0; width: 36px; height: 36px; display: block; margin: 0; position: absolute; top: 50%!important; right: -36px!important; margin-top: -18px; left: auto!important; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease; } .rev_slider_wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .tp-bannertimer { z-index: 20!important; } .rev_slider iframe { z-index: 999; } .content-slider { position: static; } .content-slider .flex-direction-nav .flex-next { right: 20px!important; } .content-slider .flex-direction-nav .flex-prev { left: 20px!important; } .flexslider:hover .flex-next, .wooslider:hover .wooslider-next, .wpb_testimonial_slider_widget:hover .flexslider .flex-next { opacity: 1; filter:alpha(opacity=100); right: 20px!important; } .rev_slider_wrapper:hover > .tp-rightarrow { opacity: 1; filter:alpha(opacity=100); right: 50px!important; } .flexslider:hover .flex-prev, .wooslider:hover .wooslider-prev, .wpb_testimonial_slider_widget:hover .flexslider .flex-prev { opacity: 1; filter:alpha(opacity=100); left: 20px!important; } .rev_slider_wrapper:hover > .tp-leftarrow { opacity: 1; filter:alpha(opacity=100); left: 50px!important; } .tp-caption a.sf-button { font-size: inherit; padding: 6% 14%; line-height: auto; } .tp-caption a.sf-button.medium { font-size: inherit; padding: 7% 16%; line-height: auto; } .tp-caption a.sf-button.large { font-size: inherit; padding: 8% 18%; line-height: auto; } .flex-direction-nav .disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; } .thumb-slider .flex-direction-nav a { height: 37px; background: transparent url('images/showcase-nav.png') no-repeat center left; } .thumb-slider .flex-direction-nav a.flex-next { background-position: center right; } .thumb-slider:hover .flex-direction-nav a.flex-prev { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } .thumb-slider:hover .flex-direction-nav a.flex-next { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } .thumb-slider .open-item a { width: 26px; position: absolute; right: 0; bottom: 0; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); display: block; z-index: 99; background-color: rgb(33, 33, 33); background-color: rgba(33, 33, 33, 1); color: white; text-decoration: none; text-align: center; padding: 4px 0 2px; } .open-item a i { vertical-align: 0; } .thumb-slider .open-item:hover > a { opacity: 1!important; -moz-opacity: 1!important; filter:alpha(opacity=100)!important; } .flex-control-nav { position: absolute; bottom: 20px; left: 40px; margin: 0; z-index: 4; list-style: none!important; } .flex-control-nav li { float: left; display: inline-block; margin-right: 5px; margin-bottom: 0; } .flex-control-nav li a { text-indent: 100%; white-space: nowrap; overflow: hidden; background: #fff; width: 10px; height: 10px; display: block; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } .flex-control-nav li a:hover { cursor: pointer; } .flex-control-nav li a.flex-active { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .flex-pauseplay { position: absolute; color: #fff; bottom: 18px; left: 20px; font-size: 13px; height: 13px; } .flex-pauseplay span:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } .flex-pauseplay .pause:before { content: "\f04c"; } .flex-pauseplay .play:before { content: "\f04b"; } .blog-slider .flex-pauseplay, .thumb-slider .flex-pauseplay { bottom: 16px; font-size: 11px; height: 13px; } .flex-pauseplay:hover { cursor: pointer; } .flex-pauseplay span { height: 11px; display: block; line-height: 13px; } .thumb-slider .flex-control-nav, .thumb-slider .flex-pauseplay { display: none; } .tp-bullets { width: 80%; margin: 0 auto; text-align: center; z-index: 20; } .tp-bullets.simplebullets.round { bottom: 25px!important; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: white; width: 10px; height: 10px; margin-right: 7px; float: none; display: inline-block; margin-top: 0; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; border-radius: 5px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); margin-bottom: 13px; } .tp-bullets.simplebullets.round .bullet.selected { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .tp-bullets .tp-leftarrow { float: none!important; display: inline-block; margin-right: 10px; width: 36px; height: 36px; } .tp-bullets .tp-rightarrow { float: none!important; display: inline-block; margin-left: 12px; width: 36px; height: 36px; background: top right; } .wooslider { background: transparent!important; border: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; } body .wooslider .slide-content { margin: 0!important; } .wooslider li .slide-content > p { margin-bottom: 0; } .wooslider .slide-title { font-size: 18px; line-height: 24px; } .wooslider .slide-title a { color: #fff; text-decoration: none; } .wooslider-control-thumbs { position: absolute; z-index: 99; text-align: center; } .wooslider-control-thumbs li { width: 6%; float: none; min-height: 50px; max-height: 50px; } body .wooslider-control-thumbs li > img { border: 2px solid #fff!important; min-height: 34px; max-height: 34px; } p.flex-caption { text-shadow: none; background: rgba(0, 0, 0, .4); } .custom-caption { position: absolute; z-index: 2; top: 60px; left: 60px; width: auto; max-width: 500px } .custom-caption p { text-align: left; width: auto; font-size: 24px; padding: 0px 4px 2px; line-height: 28px; margin-bottom: 0; text-decoration: underline; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } /* -------------------------------------------- WORDPRESS ASSET STYLING -------------------------------------------- */ .sticky, .bypostauthor {} img.size-full { max-width: 100%; height: auto; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float:left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .align-left { text-align: left; } .align-right { text-align: right; } .no-margin { margin: 0; } .img-link { display: block; } .wp-caption-text, .gallery-caption { font-size: 1.2em; padding: 10px 0; } /* -------------------------------------------- ISOTOPE -------------------------------------------- */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* -------------------------------------------- PRETTYPHOTO -------------------------------------------- */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* -------------------------------------------- LAYOUT -------------------------------------------- */ .boxed-layout { width: 1000px; margin: 0px auto; background: #fff; } .page-shadow .boxed-layout { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3); box-shadow: 0 0 4px rgba(0, 0, 0, .3); } #not-found .page-text p { margin-bottom: 50px; } #main-container { display: block; overflow: hidden; position: relative; } .inner-page-wrap { } #phone img { margin-top:-15px; float:right; margin-right:30px; } .single-portfolio .inner-page-wrap, .inner-page-wrap.no-bottom-spacing { margin-bottom: 0; } .inner-page-wrap.no-top-spacing { margin-top: 0; } .has-left-sidebar aside.sidebar { float: left; } .has-left-sidebar article, .has-left-sidebar .type-page, .has-left-sidebar .archive-page { float: right!important; } .has-both-sidebars aside.left-sidebar { float: left; } .has-both-sidebars aside.right-sidebar { float: right; } .has-both-sidebars article, .has-both-sidebars .type-page, .has-both-sidebars .archive-page { float: left; } .has-both-sidebars .page-content { float: right!important; } .page-content { border-bottom: 0 solid transparent; } .page-content > ul { list-style: disc inside none; } .has-both-sidebars aside.sidebar { padding-top: 0; } .alt-bg { margin: 40px 0; margin-left: -180px!important; padding: 30px 200px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .pb-margin-bottom { margin-bottom: 30px; } .pb-border-bottom { border-bottom: 1px solid transparent; } .pb-border-top { border-top: 1px solid transparent; } .wpb_wrapper .row-fluid { border-bottom: 0; margin-bottom: 10px; } .heading-wrap i { font-size: 28px; margin-right: 15px; line-height: 30px; float: left; display: inline-block; } .slider-wrap .heading-wrap { text-align: center; margin-bottom: 10px; } h3.wpb_heading { display: inline-block; font-weight: normal; margin-top: 0; margin-bottom: 20px; padding-bottom: 4px; border-bottom: 2px solid transparent; } .help-text { font-size: 18px; line-height: 26px; margin-bottom: 60px; } .help-text .search-form { margin-bottom: 40px; } .help-text .search-form input { font-size: 12px; } /* -------------------------------------------- PAGE HEADING -------------------------------------------- */ .page-heading { padding-top: 30px; padding-bottom: 30px; margin-top: 0; margin-bottom: 0!important; position: relative; text-align: center; border-bottom: 1px solid transparent; border-top: 0!important; } .page-heading h1 { margin-top: 0; margin-bottom: 0; } .page-heading h3 { margin-bottom: 0; } #breadcrumbs { font-size: 11px; line-height: 22px; margin: 0; border-top: 0; padding-top: 6px; padding-bottom: 6px; z-index: 28; position: relative; display: none; } #breadcrumbs a { text-decoration: none; } #breadcrumbs i, .widget_breadcrumb_navxt i { padding: 0 8px; font-size: 11px; width: 5px; } /* -------------------------------------------- PAGINATION -------------------------------------------- */ .pagination-wrap { margin-top: 30px; } .single .pagination-wrap { margin: 0; padding: 15px 0; margin-bottom: 20px; margin-top: 10px!important; border-bottom: 1px solid transparent; } .single .pagination-wrap.portfolio-pagination { border-bottom: 0; margin: 10px 0; } .single.single-team .portfolio-pagination.pagination-wrap { border-top-width: 1px; border-top-style: solid; } /* -------------------------------------------- SEARCH FORM -------------------------------------------- */ .search-form input { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: transparent; width: 85%; padding: 10px; margin-top: 40px; } /* -------------------------------------------- TOOLTIPS -------------------------------------------- */ span.tooltip { display: block; background: #222; color: #f7f7f7; position: absolute; left: 50%; bottom: 25px; padding: 3px 10px; width: auto; line-height: 20px; white-space: nowrap; z-index: 8; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } span.tooltip .arrow { position: absolute; left: 50%; bottom: -4px; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #222; } .grid-image span.tooltip { bottom: 65px; } /* #Header ================================================== */ /* -------------------------------------------- TOP BAR -------------------------------------------- */ #top-bar { border-bottom: 1px solid transparent; } #top-bar #top-bar-menu { position: relative; z-index: 32; } #top-bar.top-bar-menu-right .top-menu { float: right; } #top-bar.top-bar-menu-right .menu { float: right; } .top-bar-menu-right #top-bar-menu > div { float: right; } #top-bar.top-bar-menu-left #top-bar-menu > div { float: left; margin-left: 0; } #top-bar .menu > li { font-size: 11px; border-left: 1px solid transparent; } #top-bar .menu > li:first-child { border-left-width: 0; border-top-width: 1px; } #top-bar #aux-nav .menu > li:first-child { border-left-width: 1px; } #top-bar.top-bar-menu-left #aux-nav .menu > li { border-left: 0; border-right: 1px solid #e4e4e4; } #top-bar .menu > li:before { display: none; } #top-bar .menu > li.parent:after { content: "\f107"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; font-size: 12px; position: absolute; top: 50%; margin-top: -9px; right: 9px; } #top-bar .menu > li.parent { padding-right: 15px; } #top-bar .menu > li > a { padding: 3px 10px 3px; margin: 0; } nav#top-bar-menu .menu > li > ul { top: 30px; min-width: auto; } #top-bar.top-bar-menu-right .menu > li > ul { left: auto; right: -1px; } nav#mobile-top-bar-menu { display: none; } /* -------------------------------------------- TOP BAR SOCIAL -------------------------------------------- */ .top-bar-menu-right #top-bar-social { float: left; } #top-bar-social { font-size: 11px; line-height: 30px; text-align: right; } #top-bar-social > ul { float: right; margin-top: 3px; margin-bottom: 0; -moz-opacity: 0.5; filter: alpha(opacity: 50); opacity: 0.5; } .top-bar-menu-right #top-bar-social > ul { float: left; } #top-bar-social ul li { margin-bottom: 0; } .top-bar-menu-right #top-bar-social { text-align: left; } /* -------------------------------------------- TOP BAR SUBSCRIBE -------------------------------------------- */ #header-subscribe form { margin: 20px; height: auto; overflow: hidden; } #header-subscribe label { font-size: 12px; } #header-subscribe input { font-size: 12px; } #header-subscribe .sf-button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: right; padding: 6px 12px; margin-top: 5px; } #header-subscribe .sf-button:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* -------------------------------------------- TOP BAR LOGIN -------------------------------------------- */ #header-login form { margin: 20px; } #header-login label { font-size: 12px; } #header-login input { font-size: 12px; } #header-login input#password { margin-bottom: 15px; } #header-login .sf-button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: right; padding: 6px 12px; margin-top: 5px; } #header-login .sf-button:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header-login a { display: inline; padding: 0 5px; line-height: 24px; } #header-login .logout-wrap { margin: 20px; } /* -------------------------------------------- TOP BAR LANGUAGE SELECTOR -------------------------------------------- */ #header-languages > li > a, #header-languages > li > div { padding: 8px 12px; display: block; white-space: nowrap; } #header-languages img { margin-right: 10px; width: 18px; height: 12px; display: inline-block; margin-top: -2px; } /* -------------------------------------------- TOP BAR CART VIEW -------------------------------------------- */ #header-cart > li > div { padding: 8px 12px; display: block; white-space: nowrap; } /* -------------------------------------------- MAIN HEADER -------------------------------------------- */ #header-section { padding: 15px 0; border-bottom: 1px solid #e4e4e4; } #header-section .header-spacer { display: block; height: 20px; } #logo a { height: auto; overflow: hidden; display: block; } #logo img { display: block; width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #logo img.retina { display: none; width: 100%; } .logo-right #logo { float: right; } .logo-right #logo img { float: right; } .logo-fade #logo a:hover img { -moz-opacity: 0.6; filter: alpha(opacity: 60); opacity: 0.6; } #nav-section { min-height: 50px; position: relative; z-index: 30; } #nav-section.nav-shadow { -moz-box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); } #main-navigation { float: left; margin-top: 1px; position: relative; } .logo-right #main-navigation { margin-left: -10px; } .logo-left .nav-wrap { float: right; } #main-navigation > div { margin-left: 0; } #nav-pointer { position: absolute; bottom: 3px; left: 0; width: 0; height: 2px; display: none; z-index: 2; } .nav-indicator #nav-pointer { display: block; } .single #nav-pointer { display: none; } .error404 #nav-pointer { display: none; } nav .menu { height: auto; margin: 0; position: relative; padding: 0; } nav .menu li { float: left; display: inline-block; margin: 0; font-size: 14px; padding: 2px 0; position: relative; z-index: 3; font-weight: bold; } nav .menu li:first-child { background: none; } .menu-dividers nav .menu .sub-menu li { background: none; } nav .menu li a { text-decoration: none; padding: 12px 0; margin: 0 15px; display: block; white-space: nowrap; background: transparent; } .menu-dividers nav .menu > li:before { content: ''; position: absolute; left: 0; top: 50%; margin-left: -3px; margin-top: -3px; background: #ccc; width: 6px; height: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } nav .menu > li:first-child > a { padding-left: 0; } nav .menu > li:first-child:before { display: none; } nav .menu ul { border: 1px solid transparent; position: absolute; height: auto; z-index: 9995; margin: 0; top: 45px; left: 15px; min-width: 100px; display: none; } nav .menu ul li { width: 100%; position: relative; display: block; background: none repeat scroll 0 0 transparent; border-bottom: 1px solid transparent; float: none; margin: 0; padding: 0; font-weight: normal; font-size: 11px; text-transform: none; height: auto; z-index: 42; } nav .menu .sub-menu .parent > a:after { content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #CCC; position: absolute; right: 10px; top: 50%; margin-top: -4px; } nav .menu ul ul { top: -1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } nav .menu ul ul li:first-child:after { left: -8px; top: 32%; margin-top: 0; border-top: 6px solid transparent; border-right: 6px solid #444; border-bottom: 6px solid transparent; } nav .menu ul li:last-child { border: 0; } nav .menu ul li a { padding: 8px 12px; display: block; margin: 0; white-space: nowrap; max-width: 220px; text-overflow: ellipsis; overflow: hidden; } nav .menu ul li.parent a { padding-right: 24px; } nav .menu li:hover ul li a { background-color: transparent; } .show-menu { margin: 0 auto; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; line-height: 20px; } #top-bar .show-menu { width: 60%; padding: 6px 10px; } .show-menu:hover { text-decoration: none; } .show-menu i { float: right; line-height: 20px; font-size: 18px; } #nav-search { display: block; text-decoration: none; float: left; border-radius: 30px; padding: 4px 9px; line-height: 11px; height: 21px; margin-top: 10px; margin-left: 10px; } .logo-right #nav-search { margin-left: 5px; margin-right: 0; } #nav-search a { text-decoration: none; float: left; padding-top: 4px; } #nav-search i { display: inline-block; font-size: 12px; } #nav-search form { float: right; margin-bottom: 0; } #nav-search input { float: right; display: none; width: 1px; max-width: none; text-align: left; height: 18px; border: 0; margin: 0; box-shadow: none; padding: 0!important; background: none; font-size: 12px; line-height: 18px; } #nav-search input:focus { outline: none; border: 0; padding: 2px 5px 0!important; box-shadow: none; } #header-shadow { background: transparent url('images/header-shadow.png') no-repeat center top; background-size: 100% auto; width: 100%; height: 30px; position: absolute; top: 0; left: 0; z-index: 27; } /* -------------------------------------------- MINI HEADER -------------------------------------------- */ #mini-header { border-bottom: 1px solid #e4e4e4; display: block; position: fixed; top: -80px; z-index: 999; width: 100%; } .boxed-layout #mini-header { width: auto; padding: 0 30px; } #mini-navigation .menu ul { top: 48px; left: 0!important; } #mini-navigation .menu ul li ul { top: 0; } #mini-search a { text-decoration: none; } #mini-search i { display: inline-block; float: right; line-height: 46px; font-size: 12px; } #mini-search form { display: inline-block; margin-bottom: 0; float: right; } #mini-search input { float: right; display: inline-block; width: 1px; box-shadow: none; max-width: none; text-align: left; border: 0; margin: 0; padding: 14px 0 14px 8px; background: none; font-size: 12px; font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; } #mini-search input:focus { outline: none; border: 0; box-shadow: none; } /* #Widgets ================================================== */ .widget { padding-bottom: 15px; } .widget ul { margin: 0; list-style: none; } .widget ul li { margin-bottom: 0; line-height: 16px; } .widget_recent_comments ul li { padding: 10px; } .widget ul li > a { padding: 15px 0; display: block; } .widget ul.flickr_images li a { padding: 0; } .widget a { text-decoration: none; } .widget a:hover { text-decoration: underline; } .widget_categories ul, .widget_archive ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_meta ul, .widget_recent_entries ul, .widget_product_categories ul { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ } .widget_categories ul > li, .widget_archive ul > li, .widget_nav_menu ul > li, .widget_recent_comments ul > li, .widget_meta ul > li, .widget_recent_entries ul > li, .widget_product_categories ul > li { } .widget_categories ul > li:first-child, .widget_archive ul > li:first-child, .widget_nav_menu ul > li:first-child, .widget_recent_comments ul > li:first-child, .widget_meta ul > li:first-child, .widget_recent_entries ul > li:first-child, .widget_product_categories ul > li:first-child { border-top: 0; } .widget_categories ul > li a, .widget_archive ul > li a, .widget_nav_menu ul > li a, .widget_meta ul > li a, .widget_recent_entries ul > li a, .widget_product_categories ul > li a { padding: 10px 15px; } .widget_categories ul > li a:hover, .widget_archive ul > li a:hover, .widget_nav_menu ul > li a:hover, .widget_meta ul > li a:hover, .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover { text-decoration: none; } .widget_categories ul > li a:before, .widget_archive ul > li a:before, .widget_nav_menu ul > li a:before, .widget_meta ul > li a:before, .widget_recent_entries ul > li a:before, .widget_product_categories ul > li a:before { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 14px; padding-right: 10px; } .widget .wp-tag-cloud { margin: 0; padding: 0; list-style: none; height: auto; overflow: hidden; } .widget .wp-tag-cloud li { float: left; margin-bottom: 4px; } .widget ul.wp-tag-cloud li > a { margin-right: 4px; padding: 6px 8px; text-decoration: none; moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4; font-size: 14px!important; } .widget .wp-tag-cloud li > a:hover { border-color: transparent; } .widget-video iframe { width: 100%; } .widget_search form { position: relative; margin-bottom: 0; } .widget_search form input { margin: 0; border: 0; width: 100%; height: 32px; font-size: 12px; moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search form:after { content: "\f002"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 14px; padding-right: 10px; position: absolute; float: right; top: 5px; right: 0; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); } ul.recent-posts { list-style: none; } .recent-post { height: auto; overflow: hidden; float: left; margin-bottom: 20px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .recent-post figure { width: 100%; height: auto; position: relative; background-color: #212121; overflow: hidden; } .recent-post figure img { width: 100%; height: auto; position: relative; z-index: 3; display: block!important; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .recent-post figure iframe { display: block; width: 100%; } .recent-post figure:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .recent-post .details-wrap { display: inline-block; vertical-align: top; padding: 15px; } .recent-post .post-item-details { padding: 15px; border-top: 1px dashed transparent; } .recent-post .post-item-details .comments-likes, .recent-post .post-item-details .comments-likes i, .recent-post .post-item-details .comments-likes span { font-weight: normal; } .recent-post .post-item-details .comments-likes .icon-comments { margin-right: 3px; } .wpb_recent_posts_widget .recent-post .details-wrap, .wpb_posts_carousel_widget .recent-post .details-wrap { padding: 15px 0; } .wpb_recent_posts_widget .recent-post .post-item-details, .wpb_posts_carousel_widget .recent-post .post-item-details { padding: 15px 0; } .recent-post h4 { margin-top: 0; margin-bottom: 6px; } .recent-post h4 a { text-decoration: none; } .recent-post .excerpt p { margin-bottom: 0; } .recent-post .post-date { margin-right: 4px; } .read-more { text-decoration: none; display: block; margin-top: 15px; } .read-more i, .read-more em { margin-left: 4px; margin-right: 6px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; vertical-align: middle; font-size: 0px; } .read-more i:before, .read-more em:before { font-size: 12px!important; } .read-more:hover i, .read-more:hover em { margin-left: 8px; } .read-more:hover { text-decoration: none; } .read-more-link { text-decoration: none; margin-top: 5px; font-weight: bold; display: block; } .item-link { text-decoration: none; } .item-link i { margin-left: 5px; } .wpb_impact_text { background: transparent; clear: both; height: auto; overflow: hidden; } .wpb_impact_text.alt-bg { padding-top: 20px; padding-bottom: 20px; } .impact-text-wrap { position: relative; } .wpb_impact_text.cta_align_right a.sf-button { margin-right: 0; } .wpb_impact_text .wpb_call_text, .impact-text { font-size: 24px; line-height: 32px; font-weight: 300; margin-bottom: 0; } .wpb_impact_text .wpb_button { margin-bottom: 0; } .cta_align_left .wpb_call_text, .cta_align_right .wpb_call_text { width: 83%; } .cta_align_left .wpb_button { position: absolute; left: 0; top: 50%; margin-top: -15px; max-width: 12%; } .cta_align_right .wpb_button { position: absolute; right: 0; top: 50%; margin-top: -15px; max-width: 12%; } .cta_align_left .wpb_button.large, .cta_align_right .wpb_button.large { margin-top: -23px; } .cta_align_bottom .wpb_button { margin: 15px 0 0 0; } .wpb_latest_tweet_bar_widget { padding: 25px 0; } .wpb_latest_tweet_bar_widget .twitter-bird { font-size: 14px; line-height: 24px; float: left; margin-right: 10px; } .wpb_latest_tweet_bar_widget .tweet-text { line-height: 24px; display: block; float: left; margin-right: 5px; } .wpb_latest_tweet_bar_widget .tweet-text a { font-weight: bold; text-decoration: none; } .wpb_latest_tweet_bar_widget .twitter_intents { display: inline-block; line-height: 24px; margin-left: 10px; } .wpb_latest_tweet_bar_widget .twitter_intents a { margin-left: 5px; } .carousel-wrap { position: relative; overflow: hidden; } .carousel-wrap .heading-wrap { height: auto; overflow: hidden; min-height: 50px; } .carousel-wrap .heading-wrap .carousel-nav { position: absolute; right: 0; top: 0; } .carousel-wrap .carousel-items { display: none; list-style: none; } .caroufredsel_wrapper { margin-left: -20px!important; } .carousel-wrap .carousel-items > li { margin-bottom: 10px; float: left; } .carousel-wrap a.prev { position: absolute; top: 14px; right: 18px; } .carousel-wrap a.next { position: absolute; top: 14px; right: 0; } .carousel-wrap > a:hover { text-decoration: none; } .carousel-wrap > a > i { font-size: 16px; } .wpb_single_image .wpb_wrapper.shadow { padding: 0 0 1.8%; background: transparent url('images/box_shadow_effect.png') no-repeat center bottom; background-size: 100% auto; } .wpb_single_image { margin-bottom: 30px; } .wpb_single_image img { width: 100%; height: auto; display: block; } .wpb_single_image figure figcaption { text-align: center; margin: 10px 0 20px; font-style: italic; } .wpb_video_widget .wpb_wrapper.shadow { padding: 0 0 1.6%; margin-bottom: 20px; background: transparent url('images/box_shadow_effect.png') no-repeat center bottom; background-size: 100% auto; } figure.lightbox { position: relative; } .widget.widget_lip_most_loved_widget li { height: auto; overflow: hidden; margin-bottom: 10px; } .widget_lip_most_loved_widget .loved-item a { line-height: 28px; padding: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .loved-item > br { display: none; } .loved-item .loved-count { background: #ccc; float: left; margin-right: 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 6px 10px 6px 7px; line-height: 16px; font-weight: normal; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .loved-item .loved-count > i { vertical-align: 0px; font-size: 13px; margin-right: 2px; } .loved-item .loved-count > span { margin-right: 5px; vertical-align: 1px; } .widget .recent-posts-list > li { height: auto; overflow: hidden; margin-bottom: 0; padding-bottom: 10px; } .recent-posts-list li .recent-post-image { padding: 0; float: left; width: 94px; height: auto; min-height: 70px; background: #222; border: 3px solid #fff; /* stroke */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #212121; /* layer fill content */ -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4); /* drop shadow */ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4); /* drop shadow */ box-shadow: 0 1px 1px rgba(0,0,0,.4); /* drop shadow */ } .recent-posts-list li .recent-post-image img { display: block; width: 100%; height: auto; } .recent-posts-list li .recent-post-details { padding: 8px 10px; margin-left: 100px; } .recent-posts-list li .recent-post-title { display: block; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .recent-posts-list li .recent-post-details > span { font-size: 12px; font-style: italic; } .recent-posts-list li .recent-post-details .comments-likes { float: none; margin-top: 5px; font-size: 12px!important; } .recentcomments { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flickr_images { margin-right: -2px; margin-bottom: 30px; } .widget.flickr-widget li { height: 77px; width: 77px; padding: 0; border: 0; overflow: hidden; float: left; display: inline-block; margin: 0 10px 10px 0; background-image: url("images/plus-icon.png"); background-repeat: no-repeat; background-position: center center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ } .flickr-widget li img { height: 77px; width: auto; min-height: 77px; min-width: 77px; display: block; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .flickr-widget li:hover img { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .twitter-widget { margin: 0; } .widget.twitter-widget li { margin-bottom: 20px; font-size: 12px; } .widget.twitter-widget li:before { content: "\f10d"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; font-size: 20px; width: 30px; height: auto; float: left; margin-top: 5px; } .twitter-widget .tweet-text { padding-left: 30px; } .twitter-widget .twitter_intents { margin: 10px 0 0 30px; } .twitter-date a, .twitter-link a, .widget .twitter-link a:hover { text-decoration: none; } .twitter-link a { display: inline-block; font-weight: bold; padding: 4px 12px; line-height: 25px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .twitter-link a:hover { text-decoration: none!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .sidebar .rev_slider_wrapper { overflow: hidden; padding-bottom: 40px!important; } .subscribers-list { text-align: center; padding: 15px 15px 9px; border: 1px solid #e4e4e4; /* stroke */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ } .subscribers-list li { display: inline-block; width: 64px; margin-left: 10px; } .subscribers-list li:first-child { margin-left: 0; } .subscribers-list li > a.social-circle { font-size: 27px; background: #222; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 11px 7px; width: 35px; text-align: center; margin: 0 auto 5px; } .subscribers-list li:hover > a.social-circle { text-decoration: none; } .subscribers-list li > a.social-circle i { width: 30px; } .subscribers-list li span { display: block; text-align: center; font-size: 12px; } .subscribers-list li span.social-count { font-weight: bold; font-size: 14px; margin-bottom: 4px; } .sidebar-ad-grid { padding: 15px; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ } .sidebar-ad-grid ul > li { float: left; margin: 5px; max-width: 125px; } .sidebar-ad-grid ul > li img { display: block; } .widget input[type="email"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-right: 20px; } .widget #mc_embed_signup > form { position: relative; } .widget #mc_embed_signup > form:after { content: "\f0e0"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 14px; padding-right: 10px; position: absolute; float: right; top: 5px; right: 0; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); } #mc_embed_signup .clear { display: block; visibility: visible; width: auto; height: auto; } .widget_sf_infocus_widget .infocus-item { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .widget_sf_infocus_widget .infocus-item iframe { display: block; } .infocus-item figure { position: relative; overflow: hidden; } .widget_sf_infocus_widget .infocus-item img { display: block; height: auto; width: 100%; } .widget_sf_infocus_widget .infocus-item .infocus-title { position: relative; } .widget_sf_infocus_widget .infocus-item .infocus-title:before { content: ''; width: 15px; height: 10px; background-color: #fff; position: absolute; top: -3px; left: 16px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .widget_sf_infocus_widget .infocus-item h5 { font-weight: normal; margin: 0!important; padding: 12px 16px; max-width: 80%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 0!important; } .widget.widget_sf_infocus_widget .infocus-item h5 a:hover { text-decoration: none; } .infocus-title .love-it-wrapper { display: block; float: right; margin: 10px 16px 10px 0; } .portfolio-grid li { float: left; height: 82px; position: relative; margin: 0 10px 10px 0!important; background-image: url("images/plus-icon.png"); background-repeat: no-repeat; background-position: center center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ } .portfolio-grid li a { padding: 0!important; } .portfolio-grid li a img { width: 82px; height: 82px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-grid li:hover img { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } /* #Footer ================================================== */ #footer { padding: 30px 0 0; border-top: 0 solid transparent; } #footer.footer-divider { border-top-width: 1px; } #footer h5 { display: inline-block; margin-bottom: 20px; font-weight: normal; border-bottom: 2px solid transparent; padding-bottom: 3px; } #footer a, #footer a:hover { text-decoration: none; } #footer-widgets .widget { padding-bottom: 30px; } #copyright { padding: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; font-size: 12px; border-top: 0 solid transparent; } #copyright.copyright-divider { border-top-width: 1px; } #copyright p { font-size: 11px; float: left; margin-bottom: 0; } #copyright a, #copyright a:hover { text-decoration: none; } #copyright .beam-me-up { float: right; text-align: right; } .beam-me-up a { text-decoration: none!important; margin-right: 5px; font-weight: bold; } .beam-me-up i { margin-left: 4px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* #Swift Slider ================================================== */ #swift-slider { margin-bottom: 0; position: relative; } #swift-slider .swift-slider-loading { background:url('images/loader.gif') no-repeat center center; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute; width:44px; height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #swift-slider, #swift-slider ul.slides, #swift-slider ul.slides > li { min-height: 450px; max-height: 450px; } #swift-slider { overflow: visible!important; } #swift-slider .slide-caption-container { position: absolute; right: 50%; width: 940px; height: 100%; margin-right: -470px; } #swift-slider .flex-caption { z-index: 99; position: absolute; bottom: -300px; height: auto; display: block; text-align: left; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; } #swift-slider .flex-caption .flex-caption-details { display: block; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; } #swift-slider .flex-caption .flex-caption-details .caption-details-inner { width: 100%; padding: 15px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; height: auto; overflow: hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity= 0); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotateX(97deg); -moz-transform: rotateX(97deg); -ms-transform: rotateX(97deg); -o-transform: rotateX(97deg); transform: rotateX(97deg); -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -ms-transition: -ms-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear; position: relative; border-bottom: 1px dashed #e4e4e4; } #swift-slider .flex-caption .flex-caption-details.open .caption-details-inner, .browser-ie #swift-slider .flex-caption .flex-caption-details .caption-details-inner { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } #swift-slider .flex-caption .flex-caption-details.closing .caption-details-inner { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); -webkit-transform: rotateX(97deg); -moz-transform: rotateX(97deg); -ms-transform: rotateX(97deg); -o-transform: rotateX(97deg); transform: rotateX(97deg); } #swift-slider.flexslider:hover .flex-next { right: 60px!important; } #swift-slider.flexslider:hover .flex-prev { left: 60px!important; } .caption-details-inner .details, .flex-caption-large .details { float: left; margin-top: 5px; } .caption-details-inner .details { max-width: 50%; } .caption-details-inner .details span, .flex-caption-large .details span { display: block; } .caption-details-inner .details span a:hover, .flex-caption-large .details span a:hover { text-decoration: none; } .caption-details-inner .details span.item-client, .flex-caption-large .details span.item-client, .caption-details-inner .details span.item-author, .flex-caption-large .details span.item-author { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } #swift-slider .flex-caption .chart { position: relative; text-align: center; float: right; } #swift-slider .flex-caption-large .chart { position: relative; text-align: center; margin-right: 15px; } #swift-slider .flex-caption .chart canvas, #swift-slider .flex-caption-large .chart canvas { position: absolute; top: 0; left: 0; -webkit-transform: rotate(217deg); -moz-transform: rotate(217deg); -ms-transform: rotate(217deg); -o-transform: rotate(217deg); transform: rotate(217deg); } #swift-slider .flex-caption .chart span, #swift-slider .flex-caption-large .chart span { font-size: 24px; vertical-align: 0px; } #swift-slider .flex-caption .chart i, #swift-slider .flex-caption-large .chart i { position: absolute; bottom: 0; text-align: center; display: block; width: 100%; font-size: 16px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition-delay: 1.25s; -moz-transition-delay: 1.25s; -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; } #swift-slider .flex-caption-large .chart i { transition-delay: 2s; -moz-transition-delay: 2s; -webkit-transition-delay: 2s; -o-transition-delay: 2s; } #swift-slider .flex-caption .flex-caption-details.open .caption-details-inner .chart i, #swift-slider .flex-active-slide .flex-caption-large .chart i, .browser-ie #swift-slider .flex-active-slide .flex-caption-large .chart i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #swift-slider .flex-caption .flex-caption-details.closing .caption-details-inner .chart i { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; } #swift-slider .flex-caption .flex-caption-headline { background: #fff; padding: 18px 20px; } #swift-slider .flex-caption .flex-caption-headline h4 { margin: 0; } .flex-caption.caption-right { right: 0; width: 370px; } .flex-caption.caption-left { left: 0; width: 370px; } #swift-slider .flex-active-slide .flex-caption { bottom: 0; } #swift-slider .flex-caption h4 { width: 100%; } #swift-slider .flex-caption h4 span { text-decoration: none; display: block; text-overflow: ellipsis; white-space: nowrap; width: 88%; overflow: hidden; float: left; } #swift-slider .flex-caption h4 i { float: right; font-size: 20px; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity= 40); } #swift-slider .flex-caption-large { margin: 11% 20% 0; text-align: left; } #swift-slider .flex-caption-large h1 a, #swift-slider .flex-caption-large h1 a:hover { text-decoration: none; } #swift-slider .flex-caption-large .cl-charts { float: left; font-weight: normal; } #swift-slider .flex-caption-large .cl-charts .chart { float: left; } #swift-slider .flex-control-nav { position: relative; margin: 0 auto; list-style: none!important; width: 940px; height: auto; padding: 12px 0; text-align: center; bottom: 0; left: 0; z-index: 1; } #swift-slider .flex-control-nav li { float: none; } #swift-slider .flex-control-nav li a { width: 6px; height: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #cbcbcb; /* layer fill content */ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15); /* inner shadow */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15); /* inner shadow */ box-shadow: inset 0 1px 1px rgba(0,0,0,.15); /* inner shadow */ } #swift-slider .flex-control-nav li a.flex-active { background: #222; } #swift-slider .slider-shadow { position: absolute; left: 50%; margin-left: -499px; bottom: -63px; } /* #Portfolio ================================================== */ .filter-wrap { display: block; margin-bottom: 20px; } .filter-wrap .select { line-height: 30px; margin-bottom: 10px; display: block; position: relative; outline: none; } .has-no-sidebar .filter-wrap .select { text-align: center; padding-left: 20px; } .has-no-sidebar .wpb_portfolio_widget .filter-wrap { margin-bottom: 40px; } .has-no-sidebar .wpb_portfolio_widget .filter-wrap .filter-slide-wrap { margin-bottom: 20px; } .filter-wrap .select:hover { text-decoration: none; } .filter-wrap .select i { margin-right: 10px; } .filter-wrap .select:after { content: ''; width: 16px; height: 10px; position: absolute; top: 34px; left: 22px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-no-sidebar .filter-wrap .select:after { left: 50%; margin-left: 5px; } .filter-wrap .filter-slide-wrap { display: none; margin-top: 0; padding-bottom: 12px; } .filter-wrap ul { font-size: 13px; list-style: none; margin-top: 0; margin-bottom: 0; } .filter-wrap ul.wp-tag-cloud li a { font-size: 13px!important; } .filter-wrap ul li { margin-bottom: 20px; display: none; float: left; border-bottom: 1px solid #333; } .filter-wrap ul li.selected { border-bottom-color: transparent; } .filter-wrap ul li.all, .filter-wrap ul li.has-items { display: inline-block; } .filter-wrap ul li a { display: block; white-space: nowrap; padding: 6px 12px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; outline: none; } .filter-wrap ul li a span.item-name { max-width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; float: left; } .filter-wrap ul li a span.item-count { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } ul.portfolio-items { margin-bottom: 0; list-style: none; } .portfolio-items > li { margin-bottom: 30px; } .portfolio-items.single-column > li { margin-bottom: 100px; } .portfolio-items > li figure { position: relative; } .portfolio-items:not(.single-column) > li figure:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .masonry-items .portfolio-item { border-bottom: 0; padding-bottom: 0; } .wpb_portfolio_carousel_widget { padding-bottom: 50px; } .wpb_portfolio_carousel_widget .portfolio-item { height: auto; overflow: hidden; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .wpb_portfolio_carousel_widget .portfolio-item figure { margin-bottom: 0; } .wpb_portfolio_carousel_widget .portfolio-item .item-details { padding: 12px 15px 7px; } .wpb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title { margin: 0 0 5px; text-align: left; } .wpb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a { display: block; height: auto; overflow: hidden; } .wpb_portfolio_carousel_widget .portfolio-item h4 span { display: inline-block; float: left; max-width: 82%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .wpb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a:hover { text-decoration: none; } .wpb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a > i { float: right; text-align: right; line-height: 20px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } .portfolio-item.gallery { border-bottom: 0; padding-bottom: 0; padding-top: 0; } .portfolio-item.gallery figure, .masonry-items .portfolio-item.standard figure { margin-bottom: 0; } .portfolio-item figure { margin-bottom: 16px; overflow: hidden; } .single-column .portfolio-item figure { margin-bottom: 30px; } .portfolio-item figure > a { position: relative; } .portfolio-item figure img { width: 100%; height: auto; position: relative; z-index: 3; display: block!important; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-item h4.portfolio-item-title { font-weight: normal; margin-bottom: 5px; text-align: center; margin-top: 6px; } .portfolio-item h1.portfolio-item-title { font-weight: normal; margin-bottom: 4px; text-align: center; margin-top: 10px; } .portfolio-item-title a:hover { text-decoration: none; } .portfolio-item h5.portfolio-subtitle { display: block; margin-bottom: 5px; text-align: center; margin-top: 0; } .portfolio-item h3.portfolio-subtitle { display: block; text-align: center; margin-top: 0; margin-bottom: 8px; } .portfolio-item .portfolio-item-excerpt { font-size: 12px; margin-bottom: 20px; text-align: center; } .portfolio-item.carousel-item .portfolio-item-excerpt { text-align: left; margin-top: 10px; margin-bottom: 5px; } .single-column .portfolio-item .portfolio-item-excerpt { margin-top: 15px; } .portfolio-item .portfolio-item-permalink { font-size: 12px; font-weight: bold; display: block; text-decoration: none; } .portfolio-details-wrap { padding-bottom: 18px; border-bottom: 1px solid transparent; } .portfolio-details-wrap .client, .portfolio-details-wrap .date { margin-right: 20px; } .portfolio-details-wrap .item-link { float: right; margin-top: 0; } .portfolio-details-wrap .item-link:hover { text-decoration: none; } .portfolio-details-wrap .item-link i { margin-right: 5px; } .body-text { margin-bottom: 30px; } .body-text ul { list-style: disc inside; } article.type-portfolio .body-text { margin-top: 30px; } article.type-team .body-text > p { margin-left: 0; } /* PORTFOLIO MASONRY */ #home-masonry-elements { margin: 10px auto; } #home-masonry-elements li { margin: 5px; width: 300px; } #home-masonry-elements li figure { width: 300px; background: #f4f4f4; } /* #Blog ================================================== */ ul.blog-items { list-style: none; } .blog-wrap .heading-wrap { margin-bottom: 5px; } .blog-item { margin-bottom: 60px; padding-top: 60px; border-top: 1px solid transparent; height: auto; overflow: hidden; } .blog-item:first-child { border-top: 0; padding-top: 0; } .has-both-sidebars .blog-item, .mini-items .blog-item { margin-bottom: 50px; } .mini-items .blog-item h3 { margin-top: 0; } .mini-items .blog-item-details { margin-bottom: 5px; padding-bottom: 0; } .mini-items .comments-likes { float: none; margin-bottom: 15px; } /* -------------------------------------------- BLOG AUX -------------------------------------------- */ .blog-aux-wrap { margin-bottom: 5px; } .blog-aux-options { text-align: center; margin-bottom: 0; } .blog-aux-options li { display: inline-block; margin-left: 15px; margin-bottom: 15px; } .blog-aux-options li:first-child { margin-left: 0; } .blog-aux-options li a { display: block; font-size: 14px; padding: 6px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); } .blog-aux-options li a i { margin-right: 5px; } .blog-aux-options li a:hover { text-decoration: none; } .blog-aux-options li form { margin: 0; position: relative; } .blog-aux-options li form input { margin: 0; border: 0; height: 32px; width: 200px; font-size: 12px; moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .blog-aux-options li form:after { content: "\f002"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 14px; padding-right: 10px; position: absolute; float: right; top: 5px; right: 0; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); } .blog-filter-wrap { margin-bottom: 20px; } .blog-filter-wrap.filter-wrap ul li { display: block; } .blog-filter-wrap.filter-wrap ul li a span { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } /* -------------------------------------------- STANDARD -------------------------------------------- */ .standard-post-author .author-avatar { float: none; margin-right: 0; display: none; margin-bottom: 15px; } .standard-post-author .author-avatar img { width: 100%; height: auto; } .standard-post-author .standard-post-author-name { text-align: center; display: block; display: none; } .standard-post-content h1 { margin-top: 0; } .standard-post-content h1 a:hover { text-decoration: none; } .standard-post-details .standard-post-author { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; } .standard-post-details .standard-post-date { margin-bottom: 15px; display: block; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; font-size:11px; } .standard-post-details .comments-likes { float: none; font-weight: normal; } .standard-post-details .comments-likes span.love-count { font-weight: normal; } .standard-post-details .comments-likes .love-it-wrapper { margin-left: 0; margin-top: 5px; } /* -------------------------------------------- MASONRY -------------------------------------------- */ .blog-items.masonry-items { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .masonry-items .blog-item { margin-bottom: 30px; padding-top: 0; border-top: 0; } .has-both-sidebars .masonry-items .blog-item { margin-bottom: 30px; } .masonry-items .blog-item .quote-excerpt { font-size: 12px; line-height: 20px; } /* -------------------------------------------- BLOG MEDIA DISPLAY -------------------------------------------- */ .blog-item .quote-display { text-align: center; padding: 20px 10px 0; font-size: 42px; } .standard-items .blog-item .quote-display { padding: 0 10px 20px; } .blog-item figure { position: relative; } .blog-item figure img { display: block; } .blog-items.standard-items .blog-item figure { margin-bottom: 30px; } .mini-items .blog-item figure { float: left; width: 290px; margin-right: 20px; } .has-no-sidebar .mini-items .blog-item figure { width: 446px; } figure.media-wrap { height: auto; overflow: hidden; margin-bottom: 20px; position: relative; } figure.media-wrap a { display: block; } figure.media-wrap img { height: auto!important; width: 100%; } figure.media-wrap iframe { display: block; width: 100%; } figure.media-wrap.full-width-detail { margin-top: 50px; } /* -------------------------------------------- DETAILS -------------------------------------------- */ .blog-item h3 { margin-bottom: 5px; } .blog-item h3 a, .blog-item h4 a { text-decoration: none; } .blog-item-details { font-style: italic; padding-bottom: 11px; } .blog-item-details a { text-decoration: none; } .blog-item-details a:hover { text-decoration: underline; } .standard-items .blog-item-details { padding-bottom: 15px; } .comments-likes { float: right; font-weight: bold; } .comments-likes a, .comments-likes a:hover { text-decoration: none; } .comments-likes .icon-comments { margin-right: 5px; } .comments-likes .love-it-wrapper { display: inline-block; } .comments-likes .love-it-wrapper a:hover, .comments-likes .love-it-wrapper span:hover { cursor: pointer; } .comments-likes .love-it-wrapper .loved span:hover { cursor: default; } .love-it-wrapper:hover { cursor: default; } .love-it-wrapper a { text-decoration: none; } .comments-likes .love-it-wrapper { margin-left: 5px; } .comments-likes .love-it-wrapper a { text-decoration: none; } .comments-likes a span, .comments-likes a i { margin: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .comments-likes .love-it-wrapper .loved { margin: 0; } span.love-count { font-weight: bold; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .comments-likes span.love-count { margin-left: 1px; } .blog-item .excerpt { line-height: 22px; } .excerpt ul { list-style: disc inside; } .blog-item .read-more { text-decoration: none; clear: both; display: inline-block; margin-top: 5px; } .blog-item .read-more-bar { height: auto; overflow: hidden; margin-top: 20px; } .blog-item .read-more-bar .read-more { margin-top: 0; } .blog-item .quote-excerpt { font-style: italic; padding-bottom: 15px; } /* -------------------------------------------- POST -------------------------------------------- */ .body-content.quote { font-size: 14px; text-transform: uppercase; margin-bottom: 20px; } .body-content.quote p { margin-bottom: 3px; } .body-content.quote cite { font-weight: bold; text-transform: uppercase; } .article-content.aside, .item-details.aside { margin-top: 10px; } .blog-excerpt p { margin-bottom: 10px; } .navigation { margin-top: 10px; margin-bottom: 50px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 15px 0; } .blog-navigation { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .pagination-wrap.masonry-pagination { display: none; } .pagination-wrap ul { height: auto; overflow: hidden; margin: 15px 0; } .pagination-wrap li { float: left; display: inline-block; margin-bottom: 0; } .pagination-wrap li:first-child { border-left: 0; } .pagination-wrap li a, .pagination-wrap li span { padding: 10px 16px; border: 1px solid transparent; display: block; margin-right: -1px; text-decoration: none; } .pagination-wrap li.next a { margin-left: -1px; } .pagination-wrap li i { width: 10px; } .pagination-wrap a, .pagination-wrap a:hover { text-decoration: none; } .has-no-sidebar .pagination-wrap ul { text-align: center; } .has-no-sidebar .pagination-wrap ul li { float: none; } .pagination-wrap .nav-previous { text-align: left; float: left; max-width: 45%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .nav-next i, .nav-previous i { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .single .blog-pagination div > a > i { transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } .blog-pagination { border-top: 1px solid transparent; margin-top: 30px!important; } .nav-previous i { margin-right: 5px; } .nav-next i { margin-left: 8px; } .pagination-wrap .nav-next { text-align: right; float: right; max-width: 45%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .author-info-wrap { border-top: 1px solid transparent; padding-top: 40px; margin-bottom: 40px; } .author-avatar { float: left; margin-right: 20px; } .author-avatar img { width: 82px; height: 82px; } .author-avatar img, .comment-avatar img { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.1); box-shadow: inset 0 0 10px rgba(0,0,0,.1); display: block; } .post-info { float: left; width: 45%; margin: 18px 0; } .post-info .author-name { font-size: 18px; margin-right: 10px; } .post-info .author-name a { margin-left: 4px; text-decoration: none; } .post-info .post-date { margin-bottom: 2px; } .related-wrap { border-top: 1px solid transparent; height: auto; overflow: hidden; padding-top: 30px; } .related-wrap h4 { border-bottom: 2px solid #000; display: inline-block; padding-bottom: 3px; margin-bottom: 20px; } .related-item figure { width: 100%; min-height: 68px; position: relative; overflow: hidden; } .related-item figure img { display: block; } .related-item h5 { font-size: 14px; } .related-item h5 a { text-decoration: none; } .share-links { border-top: 1px solid #ccc; padding: 20px 0 10px; } .single-portfolio .share-links { border-bottom: 1px solid #ccc; } .share-links .share-text { float: left; margin-right: 10px; line-height: 24px; } .share-links .share-text i { margin-right: 5px; } .share-links > .share-buttons { float: left; margin-right: 12px; } .share-links > .share-buttons > span { display: inline-block; margin-bottom: 5px; } .has-one-sidebar .share-buttons, .has-both-sidebars .share-buttons { margin-bottom: 5px; } .share-links .email-link { display: inline-block; float: left; line-height: 26px; margin-right: 15px; margin-bottom: 10px; font-size: 16px; } .share-links .permalink { display: inline-block; float: left; line-height: 26px; margin-right: 15px; margin-bottom: 10px; font-size: 16px; } .share-links a:hover { text-decoration: none; } .tags-link-wrap { border-top: 1px solid #ccc; padding: 20px 0; } .tags-link-wrap .tags-wrap { float: left; } .tags-link-wrap .comments-likes { float: right; text-align: right; font-weight: normal; width: 20%; } .tags-link-wrap .comments-likes .love-it-wrapper { margin-left: 15px; float: right; } .tags-link-wrap .comments-likes .love-it-wrapper span.love-count { font-weight: normal; } .tags-link-wrap .comments-likes .comments-wrapper { display: inline-block; float: right; } .tags-wrap i { margin-right: 5px; } .tags-wrap .tags { margin-left: 5px; } .tags-wrap a:hover { text-decoration: none; } .carousel-items .blog-item { margin-bottom: 0; padding-top: 0; border-top: 0; } .carousel-items .blog-item h4.blog-item-title { font-weight: normal; margin-bottom: 8px; border-bottom: 0; padding-bottom: 0; } .carousel-items .blog-item figure { margin-bottom: 16px; } .carousel-items .blog-item .blog-item-date { display: block; margin-bottom: 15px; } .carousel-items .blog-item .blog-item-excerpt { margin-bottom: 20px; } /* #Team ================================================== */ ul.team-members { list-style: none; } .team_list_widget .team-members > li, .carousel-wrap .carousel-items.has-show-hide > li { margin-bottom: 40px; } .team-member figure { margin-bottom: 17px; } .team-member .team-member-name { font-weight: bold; margin: 0 0 5px 0; } .team-member .team-member-position { font-weight: normal; margin: 0 0 15px 0; } .team-member .team-member-bio { margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4; } .team-member .member-contact { margin-bottom: 10px; font-size: 12px; } article.type-team { margin-bottom: 50px; } article.type-team .article-body-wrap { width: 50%; float: left; margin-right: 30px; } article.type-team .article-body-wrap .body-text { margin-top: 0; } article.type-team .member-position { margin: 0 0 20px; } article.type-team .profile-image-wrap { float: right; width: 46%; } ul.member-contact { margin-left: 0; margin-bottom: 25px; list-style: none; } ul.member-contact li span { font-weight: bold; margin-right: 7px; } ul.member-contact li a { text-decoration: none; margin-left: -2px; } .team-member-details-wrap ul.social-icons.small { margin-bottom: 15px; } /* #Sidebar ================================================== */ .sidebar { padding-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sidebar.left-sidebar { padding-right: 20px; } .sidebar.right-sidebar { padding-left: 20px; padding-top: 40px; } .sidebar .widget_heading { margin-top: -6px; } .sidebar .widget-heading h4 { display: inline-block; margin-top: 0; margin-bottom: 20px; font-weight: normal; border-bottom: 2px solid transparent; padding-bottom: 3px; } .sidebar object, .sidebar object > img .sidebar embed { width: 100%; max-width: 100%; } .sidebar object > img { height: auto; } .sidebar a:hover { text-decoration: none; } .sidebar .widget #lang_sel a { padding: 2px 10px; } /* #Comments ================================================== */ #comment-area a { text-decoration: none; } #comments-list > h4 { border-bottom: 2px solid #000; display: inline-block; padding-bottom: 3px; margin-bottom: 0; } #comments-list ol { list-style: none; margin: 0 0 -10px; } #comments-list ol li { margin-bottom: 0; } .comment .comment-wrap { position: relative; height: auto; border-bottom: 1px dotted #ccc; padding: 20px 0; } .comment-wrap .comment-avatar { float: left; position: relative; } .comment-wrap .comment-avatar img { height: 50px; width: 50px; display: block; } #comments-list li ul { list-style: none; margin: 0 0 0 30px; font-size: 100%; } .comment-content { margin-left: 70px; } .comment-content .comment-body p { margin-bottom: 10px; } .comment-meta { margin-bottom: 5px; } .comment-meta .comment-author { font-weight: bold; } .comment-meta .comment-date { margin-left: 2px; font-size: 12px; } .comment-meta .edit-link { margin-left: 5px; font-weight: normal; font-size: 12px; } .comment-meta .meta-sep { margin: 0 0 0 1px; color: #ccc; } .comment-meta .comment-reply { font-size: 12px; } #comment-area .edit-link a:hover, #comment-area .comment-reply a:hover { text-decoration: underline; } .comment-avatar .is-author { text-align: center; font-size: 10px; text-transform: uppercase; color: #ccc; } .comment-meta cite { font-style: normal; } .comment-meta a.comment-reply-link { font-weight: normal; } /* Trackbacks */ #trackbacks-list span { font-size: 12px; } #trackbacks-list ol li { margin-bottom: 10px; } #trackbacks-list .comment-author { font-size: 12px; margin-bottom: 5px; } #trackbacks-list .comment-content p { font-size: 14px; } /* -------------------------------------------- COMMENT FORM -------------------------------------------- */ #respond-wrap { padding-bottom: 20px; position: relative; z-index: 1; margin-bottom: 30px; } #respond { margin: 30px 0 0; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; } #respond h3 { margin-top: 0; } #respond-wrap h3 { margin-top: 0; margin-bottom: 5px; border-bottom: 2px solid #000; display: inline-block; padding-bottom: 2px; } .comment-form-author, .comment-form-email, .comment-form-url { width: 235px; margin-bottom: 0; } #commentform { margin-top: 10px; margin-bottom: 0; } #commentform p.comment-notes span.required { float: none; } #commentform p span.required { float: right; } #commentform label { font-size: 12px; font-weight: normal; margin-bottom: 4px; } #commentform input { margin-bottom: 12px; } #commentform textarea { width: 100%; max-width: 100%; min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 200px; } #commentform p.form-allowed-tags { display: none; } #commentform p.form-allowed-tags code { color: #444; } .comment #respond h3#reply-title { display: block; margin: 0px 0 10px; } #reply-title small { margin-top: 5px; font-size: 14px; display: block; } #reply-title small a, #reply-title small a:hover { text-decoration: none; } p.form-submit { height: auto; overflow: hidden; margin-bottom: 0; } article.type-post #respond .form-submit input#submit { margin: 0; border: 0; background: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 8px 11px; } article.type-post #respond .form-submit input#submit:hover { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* #Contact ================================================== */ .contact-map { margin-bottom: 30px; } .contact-form h6 { margin-bottom: 10px; } .contact-form p.thanks { display: none; } .contact-form label { font-weight: normal; font-size: 12px; margin-bottom: 6px; } .contact-form input, .contact-form textarea { width: 96%; } .contact-form textarea { height: 189px; } .contact-form h5 { margin-bottom: 10px; } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* #Shortcodes ================================================== */ /* -------------------------------------------- TEXT BLOCK SHORTCODE -------------------------------------------- */ .wpb_text_column ul, .box-content-wrap ul { list-style: disc inside none; } .wpb_text_column { margin-bottom: 10px; } .wpb_text_column h3.wpb_heading { display: block; padding-bottom: 0; border-bottom-width: 0; } .wpb_text_column h3.wpb_text_heading { border-bottom-width: 2px; display: inline-block; padding-bottom: 4px; } .full-width-text { position: relative; } .full-width-text:after { content: ''; width: 0; height: 0; border-top: 50px solid transparent; border-right: 60px solid transparent; border-left: 60px solid transparent; position: absolute; left: 50%; margin-left: -60px; bottom: -25px; } .full-width-text .heading-wrap { text-align: center; } .full-width-text h3.wpb_heading { display: inline-block; } .full-width-text p { line-height: 28px; margin-bottom: 30px; } /* -------------------------------------------- SHOWCASE SHORTCODE -------------------------------------------- */ .fullwidth-layout .wpb_showcase_widget.full-width { margin: 0!important; width: 100%!important; } /* -------------------------------------------- CLIENTS SHORTCODE -------------------------------------------- */ ul.clients-items { margin: 0 -25px 0 0; list-style: none; } .client-item { float: left; width: 124px; margin-right: 25px; margin-bottom: 25px; } .client-item figure { position: relative; width: 100%; height: 124px; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity= 75); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .client-item figure:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); } .client-item figure img { margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; max-height:100%; max-width:100%; width: auto; display: block; } .wpb_featured_clients_widget.alt-bg { padding-top: 22px; padding-bottom: 12px; } .wpb_featured_clients_widget li { margin-bottom: 10px; } .wpb_featured_clients_widget h4 { line-height: 60px; margin-top: 0; margin-bottom: 0; font-weight: normal; } .featured-clients-items { margin-bottom: 0; } .featured-clients-items li a { text-align: center; } .featured-clients-items li img { max-height: 60px; width: auto; } .featured-clients-items:hover li a { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity= 50); } .featured-clients-items li:hover a { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); } /* -------------------------------------------- BOXED CONTENT SHORTCODE -------------------------------------------- */ .wpb_box_text .box-content-wrap { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 16px 20px 10px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .wpb_box_text.whitestroke .box-content-wrap { border: 1px solid transparent; } /* -------------------------------------------- CONTACT FORM SHORTCODE -------------------------------------------- */ .wpcf7 p { clear: both; height: auto; overflow: hidden; margin-bottom: 0; } span.wpcf7-form-control-wrap { display: block; } .wpcf7 span.wpcf7-not-valid-tip { top: 3px; left: 5px; background: transparent; color: red; border: 0; } .wpcf7 .wpcf7-captchar + span.wpcf7-not-valid-tip { top: 10px; left: 78px; } .wpcf7 input[type="text"], .wpcf7 textarea, .wpcf7 select { width: 95%; margin-top: 6px; margin-bottom: 20px; } .sidebar .wpcf7 input[type="text"], .sidebar .wpcf7 textarea, .sidebar .wpcf7 select { width: 88%; } .wpcf7 textarea { max-width: 95%; } .wpcf7 .wpcf7-captchac { float: left; border: 1px solid #CCC; padding: 3px 0 4px; margin: 6px 10px 0 0; } .wpcf7 input.wpcf7-captchar { float: left; width: 45%; } .wpcf7 input.wpcf7-submit[type="submit"] { display: inline-block; font-size: 14px; line-height: 18px; height: auto; padding: 8px 28px 7px 14px; background-image: url('images/button-arrow.png'); background-position: 83% center; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .wpcf7 input.wpcf7-submit[type="submit"]:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* -------------------------------------------- CODE SHORTCODE -------------------------------------------- */ code { display: block; padding: 5px 20px 20px; border: 1px solid #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f7f7f7; font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; line-height: 16px; overflow: auto; overflow-Y: hidden; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code p { font-size: 11px; margin-bottom: 12px; } /* -------------------------------------------- TABLE SHORTCODE -------------------------------------------- */ table.sf-table { width: 100%; display: table; } table.striped_minimal tr:nth-of-type(even), table.striped_bordered tr:nth-of-type(even) { background-color: #f7f7f7; } table.sf-table th { padding: 10px 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; vertical-align: middle; text-align: left; } table.sf-table td { padding: 10px 20px; } table.standard_minimal th { padding: 10px 30px 10px 0; border-bottom: 2px solid #e4e4e4; } table.striped_minimal th { border-bottom: 2px solid #e4e4e4; } table.standard_minimal td { padding: 10px 30px 10px 0; border-bottom: 1px solid #e4e4e4; } table.standard_bordered, table.striped_bordered { border: 1px solid #e4e4e4; } table.standard_bordered tr, table.striped_bordered tr { border-top: 1px dotted #e4e4e4; } table.standard_bordered th, table.standard_bordered td, table.striped_bordered th, table.striped_bordered td { border-left: 1px dotted #e4e4e4; } /* -------------------------------------------- PRICING TABLE SHORTCODE -------------------------------------------- */ .pricing-table-wrap { height: auto; overflow: hidden; clear: both; padding-bottom: 20px; } .pricing-table-column { float: left; border: 1px solid #e4e4e4; border-left-width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .pricing-table-column:first-child { border-left: 1px solid #e4e4e4; } .columns-5 .pricing-table-column { width: 20%; } .columns-4 .pricing-table-column { width: 25%; } .columns-3 .pricing-table-column { width: 33.3%; } .columns-2 .pricing-table-column { width: 50%; } .columns-1 .pricing-table-column { width: 100%; } .pricing-table-column:first-child, .pricing-table-wrap.bordered .pricing-table-column, .pricing-table-wrap.bordered_alt .pricing-table-column { border-left: 1px solid #e4e4e4; } .pricing-table-price { padding: 18px 30px 10px; font-size: 36px; line-height: 36px; font-weight: bold; border-bottom: 2px solid #e4e4e4; } .pricing-table-price span { font-size: 12px; font-weight: normal; margin-left: 4px; } .pricing-table-package { padding: 20px 30px; font-size: 18px; border-bottom: 1px dotted #e4e4e4; } .column-highlight .pricing-table-package { font-weight: bold; } .pricing-table-details { padding: 20px 30px; } .pricing-table-column .button { margin-top: 10px; margin-bottom: 0; } .pricing-table-wrap.bordered, .pricing-table-wrap.bordered_alt { margin: 0 -10px; } .pricing-table-wrap.bordered .pricing-table-column, .pricing-table-wrap.bordered_alt .pricing-table-column { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 10px; } .bordered.columns-4 .pricing-table-column, .bordered_alt.columns-4 .pricing-table-column { width: 22.7%; } .bordered.columns-3 .pricing-table-column, .bordered_alt.columns-3 .pricing-table-column { width: 31%; } .bordered.columns-2 .pricing-table-column, .bordered_alt.columns-2 .pricing-table-column { width: 47.6%; } .bordered.columns-1 .pricing-table-column, .bordered_alt.columns-1 .pricing-table-column { width: 97.2%; } .pricing-table-wrap.bordered .pricing-table-package { padding: 20px; font-size: 16px; line-height: 18px; } .pricing-table-wrap.bordered .pricing-table-price { padding: 0; float: right; font-size: 18px; line-height: 18px; border-bottom: 0; } .pricing-table-wrap.bordered_alt .pricing-table-price { border-bottom: 1px dotted #e4e4e4; } .labelled-pricing-table .pricing-table-column { margin-top: 15px; border: 0; padding-left: 1px; } .labelled-pricing-table .pricing-table-column.column-highlight { margin-top: 0; position: relative; padding-left: 0; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .labelled-pricing-table .pricing-table-column.column-highlight + .pricing-table-column { padding-left: 0; } .labelled-pricing-table .pricing-table-column.label-column { margin-top: 104px; } .labelled-pricing-table .pricing-table-price { font-size: 14px; font-weight: bold; line-height: 18px; text-align: center; padding: 12px; border: 0; } .labelled-pricing-table .pricing-table-price span { font-weight: normal; } .labelled-pricing-table .pricing-table-package { font-size: 24px; font-weight: normal; line-height: 30px; text-align: center; padding: 9px 5px 8px; border: 0; } .labelled-pricing-table .column-highlight .pricing-table-package { padding-top: 16px; padding-bottom: 16px; } .labelled-pricing-table.columns-5 .pricing-table-package { font-size: 20px; } .labelled-pricing-table .pricing-table-label-row, .labelled-pricing-table .pricing-table-row { text-align: center; padding: 12px; } .labelled-pricing-table .alt-row { background: #ccc; } .labelled-pricing-table .pricing-table-label-row { display: none; font-weight: bold; } .labelled-pricing-table .label-column .pricing-table-label-row { display: block; font-weight: normal; } .labelled-pricing-table .lpt-button-wrap { padding: 20px 10px; text-align: center; } .labelled-pricing-table .column-highlight .lpt-button-wrap { padding: 30px 10px; } .labelled-pricing-table .lpt-button-wrap a { display: inline-block; margin: 0; } /* -------------------------------------------- DIVIDER SHORTCODE -------------------------------------------- */ .wpb_divider { display: block; border-bottom-width: 1px; margin-bottom: 30px; } .wpb_divider.alt-bg { border-top: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } .wpb_divider.standard { border-bottom-style: solid; border-bottom-width: 2px; } .wpb_divider.thin { border-bottom-style: solid; } .wpb_divider.dotted { border-bottom-style: dotted; } .wpb_divider.go_to_top a { text-align: right; display: block; text-decoration: none; border-bottom: 1px solid transparent; margin-bottom: 30px; } .wpb_divider.go_to_top_icon1 { position: relative; height: 9px; border-bottom: 1px solid transparent; } .wpb_divider.go_to_top_icon2 { position: relative; height: 10px; border-bottom: 1px solid transparent; } .wpb_divider.go_to_top_icon1 a, .wpb_divider.go_to_top_icon2 a { position: absolute; right: 0; display: block; padding: 0 0 0 10px; text-decoration: none; } .wpb_divider.go_to_top_icon2 a i { padding-left: 6px; } /* -------------------------------------------- BUTTON SHORTCODE -------------------------------------------- */ a.sf-button { display: inline-block; font-size: 12px; line-height: 18px; height: auto; padding: 6px 12px; margin: 0 20px 20px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border: 0; outline: none; text-shadow: none; text-decoration: none; font-weight: normal; } a.sf-button:hover { border: 0!important; box-shadow:0 2px 3px 0 rgba(0,0,0,.2); text-decoration: none!important; } a.sf-button.medium { font-size: 14px; line-height: 20px; padding: 10px 16px; } a.sf-button.large { font-size: 18px; line-height: 26px; padding: 10px 22px; } a.sf-button .arrow { background-image: url('images/button-arrow.png'); background-repeat: no-repeat; display: inline-block; width: 6px; height: 9px; margin-left: 7px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } a.sf-button.medium .arrow { vertical-align: 0; } a.sf-button.large .arrow { vertical-align: 1px; } a.sf-button.lightgrey .arrow, a.sf-button.green .arrow, a.sf-button.limegreen .arrow, a.sf-button.white .arrow { background-image: url('images/button-arrow2.png'); } a.sf-button.slightlyrounded, a.sf-button.slightlyroundedarrow { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } a.sf-button.rounded, a.sf-button.roundedarrow { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } a.sf-button.slightlyrounded:hover, a.sf-button.slightlyroundedarrow:hover, a.sf-button.rounded:hover, a.sf-button.roundedarrow:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; } a.sf-button.outerglow { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 4px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); box-shadow: 0 0 4px rgba(0,0,0,.3); } a.sf-button.dropshadow { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75); -webkit-box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75); box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75); } a.sf-button.black { background-color: #212121; color: #fff; } a.sf-button.white { background-color: #fff; color: #212121; } a.sf-button.blue { background-color: #0000cc; color: #fff; } a.sf-button.grey { background-color: #656565; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.lightgrey { background-color: #cbcbcb; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); } a.sf-button.purple { background-color: #5f5ba7; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.lightblue { background-color: #00adef; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.turquoise { background-color: #1bbbb3; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.green { background-color: #65cb00; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); } a.sf-button.limegreen { background-color: #cbff00; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); } a.sf-button.orange { background-color: #f90; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.pink { background-color: #ed135a; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } .sf-button.lightblue:hover { background: #0099ff; } .sf-button.pink:hover { background: #ad2043; } .sf-button.purple:hover { background: #7400e9; } .sf-button.grey:hover { background: #444; } .sf-button.lightgrey:hover { background: #aaa; } .sf-button.accent { background: none; background-image: none; } /* -------------------------------------------- ALERT SHORTCODE -------------------------------------------- */ .alert { height: auto; font-size: 12px; line-height: 16px; overflow: hidden; padding: 12px 15px; text-align: left; margin-bottom: 20px; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; clear: both; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); border: 0; background-color: #fbf7e3; } .alert .messagebox_text { background: none; padding-left: 0; } .alert .messagebox_text p { float: left; } .alert .messagebox_text:before { content: "\f06a"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; width: 10px; height: auto; float: left; margin-right: 13px; margin-top: 4px; font-size: 16px; text-indent: 0; } .alert.alert-info .messagebox_text:before { content: "\f05a"; } .alert.alert-error .messagebox_text:before { content: "\f071"; } .alert.alert-success .messagebox_text:before { content: "\f00c"; } .alert.alert-info { background-color: #d9edf7; } .alert.alert-error { background-color: #f1dddd; } .alert.alert-success { background-color: #dfefd7; } /* -------------------------------------------- IMAGE SHORTCODE -------------------------------------------- */ .glowframe img { border: 6px solid transparent; -moz-box-shadow: 0 0 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2); width: 96%; } .borderframe img { border: 6px solid transparent; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .shadowframe img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15); box-shadow: 0 2px 2px rgba(0,0,0,.15); } /* -------------------------------------------- TESTIMONIALS SHORTCODE -------------------------------------------- */ .testimonial-wrap { margin-bottom: 20px; } .testimonial-wrap.large .testimonial-text { font-size: 16px; } ul.testimonials { margin-bottom: 0; list-style: none; } .testimonials > li { padding-top: 30px; margin-bottom: 30px; border-top: 1px solid transparent; height: auto; } .testimonials > li:first-child { padding-top: 0; border-top: 0; } .testimonial-text { margin-bottom: 5px; } .testimonial-wrap.large .testimonial-text { margin-bottom: 10px; } .testimonial-text p { margin-bottom: 10px; } .testimonial-wrap cite, .wpb_testimonial_carousel_widget cite, .testimonials-slider cite { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } .testimonial .pagination-wrap { display: none; } .span12.testimonial .pagination-wrap { display: block; } .testimonials.carousel-items li { padding-top: 0; border: 1px solid #e4e4e4; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 15px; position: relative; } .testimonials.carousel-items li:after { content: ''; width: 0; height: 0; border-top: 1px solid #fff; border-bottom: 12px solid transparent; border-left: 15px solid #fff; position: absolute; left: 30px; bottom: -13px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } .alt-bg.wpb_testimonial_slider_widget { padding-top: 60px; padding-bottom: 45px; } .slider-wrap { margin-bottom: 10px; position: relative; } .testimonials-slider { padding-bottom: 15px; } .flexslider.content-slider ul.slides { background: transparent; } .testimonials-slider .testimonial-text { padding: 0 15%; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .testimonials-slider .testimonial-text.text-large { font-size: 24px; line-height: 32px; } .testimonials-slider .flex-control-nav { position: absolute; bottom: 0; left: 0; margin: 0; z-index: 4; list-style: none!important; width: 100%; text-align: center; } .testimonials-slider .flex-control-nav li { float: none; } /* -------------------------------------------- JOBS SHORTCODE -------------------------------------------- */ ul.jobs { list-style: none; } .jobs > li { padding-top: 30px; margin-bottom: 30px; border-top: 1px solid transparent; } .jobs > li:first-child { padding-top: 0; border-top: 0; } .jobs .sf-list { margin-top: 15px; margin-bottom: 10px; } .jobs a.button { margin-top: 10px; } .jobs-overview { list-style: disc inside none; } .jobs-overview .job { margin-bottom: 4px; } .jobs-overview .job a { text-decoration: none; } /* -------------------------------------------- SEARCH SHORTCODE -------------------------------------------- */ .search-widget { margin-bottom: 0; } .search-widget input { margin: 25px 0; width: 80%; padding: 10px 5% 10px 30px; } /* -------------------------------------------- FAQS SHORTCODE -------------------------------------------- */ ul.faqs-nav { padding-bottom: 30px; border-bottom: 2px solid #f4f4f4; margin-bottom: 40px; list-style: none; } .faqs-nav li { float: left; width: 44%; padding: 10px 10px 10px 10px; border: 1px solid #F4F4F4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 10px 10px 0; } .faqs-nav li a { text-decoration: none; } .faqs-nav li i { margin-right: 8px; } .faqs-nav li .count { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } h3.faq-section-title { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 40px; } ul.faqs-section { margin-bottom: 60px; list-style: none; } .faq-item h6 { margin-bottom: 15px; } .faq-item { padding-top: 40px; border-top: 1px solid #ccc; margin-bottom: 40px; } .faq-item:first-child { border-top: 0; padding-top: 0; } /* -------------------------------------------- COLUMN SHORTCODE -------------------------------------------- */ .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth { position: relative; margin-right: 4%; float: left; } .last { margin-right: 0 !important; clear:right; } .clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } /* -------------------------------------------- SITEMAP SHORTCODE -------------------------------------------- */ .sitemap-wrap { margin-bottom: 20px; } .sitemap-col { float: left; width: 28%; margin-left: 7%; } .sitemap-col:first-child { margin-left: 0; } .sitemap-col h6 { margin-bottom: 15px; } .sitemap-col ul { margin-bottom: 40px; list-style: none!important; } .sitemap-col ul li { margin-bottom: 8px; } .sitemap-col ul li a { text-decoration: none; } /* -------------------------------------------- MAP SHORTCODE -------------------------------------------- */ .wpb_gmaps_widget { margin-bottom: 20px; } .wpb_gmaps_widget .wpb_map_wrapper { padding: 0; } .wpb_wrapper.shadow .wpb_map_wrapper { padding: 0 0 1.6%; margin-bottom: 30px; background: transparent url('images/box_shadow_effect.png') no-repeat center bottom; background-size: 100% auto; } /* -------------------------------------------- HR SHORTCODE -------------------------------------------- */ .horizontal-break { height: 2px; width: 50px; margin: 20px auto 25px; } /* -------------------------------------------- CLIENT BOX SHORTCODE -------------------------------------------- */ .client-box { width: 228px; height: auto; background-color: #fafafa; background-position: center center; background-repeat: no-repeat; float: left; margin: 0 2px 7px 5px; } .client-box img { width: 100%; height: auto; display: block; } /* -------------------------------------------- GOOGLE CHART SHORTCODE -------------------------------------------- */ .googlechart { margin-bottom: 30px; width: 100%; } /* -------------------------------------------- ICON SHORTCODE -------------------------------------------- */ .sf-icon { font-size: 22px; line-height: 26px; padding: 0 5px 6px 0; width: auto; height: 24px; background-image: none; } .sf-icon.icon-medium { font-size: 38px; line-height: 40px; width: auto; height: 38px; padding: 0px 10px 2px 0; } .sf-icon-cont.cont-small .sf-icon { line-height: 30px; } .sf-icon-cont.cont-medium .sf-icon { line-height: 48px; } .sf-icon.icon-large { font-size: 50px; line-height: 69px; width: auto; height: 56px; padding: 0px 12px 6px 0; } .sf-icon-cont.cont-large .sf-icon { line-height: 80px; } .sf-icon-cont .sf-icon { padding: 0; } .sf-icon-cont { background-image: none; padding: 18px; border-radius: 50%; text-align: center; vertical-align: middle; margin-bottom: 20px; margin-right: 20px; height: 28px; width: 28px; line-height: 12px; } .sf-icon-cont.cont-small { padding: 8px; } .sf-icon-cont.cont-medium { background-image: none; padding: 25px; border-radius: 50%; text-align: center; vertical-align: middle; margin-bottom: 20px; width: 48px; height: 48px; line-height: 12px; } .sf-icon-cont.cont-large { background-image: none; padding: 37px; border-radius: 50%; text-align: center; vertical-align: middle; width: 77px; height: 77px; } .sf-icon.icon-large:before { font-size: 72px; } .sf-icon-float-left { float: left; padding: 5px 10px 0 0; } .sf-icon-float-right { float: right; padding: 5px 0 0 10px; } .sf-icon-float-none { display: inline-block; } /* -------------------------------------------- TYPOGRAPHY SHORTCODE -------------------------------------------- */ span.highlighted { padding: 1px 3px; border-radius: 1px; margin-right: 2px; color: #fff; } span.dropcap1, span.dropcap2 { float: left; padding: 11px 0px 9px; margin-right: 8px; font-size: 46px; font-family: serif; font-style: normal; } span.dropcap3, span.dropcap4 { float: left; font-family: serif; font-style: normal; font-size: 18px; padding: 4px 10px 4px 11px; margin: 4px 10px 2px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } span.dropcap4 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } blockquote { border-left: 0; padding: 10px 0; } blockquote, blockquote p { font-size: 18px; line-height: 28px; font-style: italic; } blockquote.blockquote1, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p { font-size: 12px; line-height: 18px; } blockquote.blockquote2, blockquote.blockquote1 p { font-size: 14px; line-height: 22px; } blockquote.pullquote { border-left: 1px dotted transparent; padding: 0 0 0 20px; } .decorative-ampersand { font-family: 'Vidaloka', serif; font-size: 24px; } /* -------------------------------------------- LIST SHORTCODE -------------------------------------------- */ .sf-list { margin-left: 0; list-style: none!important; } .sf-list li { padding: 0 0 0 20px; } .list-add_bw li { background: transparent url('images/list-icons/add_b&w.png') no-repeat 2px 3px; } .list-add li { background: transparent url('images/list-icons/add_colour.png') no-repeat 2px 3px; } .list-arrow_bw li { background: transparent url('images/list-icons/arrow_b&w.png') no-repeat left 3px; } .list-arrow li { background: transparent url('images/list-icons/arrow_colour.png') no-repeat left 3px; } .list-article li { background: transparent url('images/list-icons/article_b&w.png') no-repeat left 3px; } .list-bar li { background: transparent url('images/list-icons/bar_b&w.png') no-repeat left 6px; } .list-bolt_bw li { background: transparent url('images/list-icons/bolt_b&w.png') no-repeat 2px 3px; } .list-bolt li { background: transparent url('images/list-icons/bolt_colour.png') no-repeat 2px 3px; } .list-date li { background: transparent url('images/list-icons/date_b&w.png') no-repeat left 3px; } .list-delete_bw li { background: transparent url('images/list-icons/delete_b&w.png') no-repeat 1px 4px; } .list-delete li { background: transparent url('images/list-icons/delete_colour.png') no-repeat 1px 4px; } .list-dot li { background: transparent url('images/list-icons/dot_b&w.png') no-repeat 2px 5px; } .list-like_bw li { background: transparent url('images/list-icons/like_b&w.png') no-repeat left 3px; } .list-like li { background: transparent url('images/list-icons/like_colour.png') no-repeat left 3px; } .list-pen li { background: transparent url('images/list-icons/pen_b&w.png') no-repeat left 3px; } .list-question_bw li { background: transparent url('images/list-icons/questionMark_b&w.png') no-repeat left 3px; } .list-question li { background: transparent url('images/list-icons/questionMark_colour.png') no-repeat left 3px; } .list-settings_bw li { background: transparent url('images/list-icons/settings_b&w.png') no-repeat left 3px; } .list-settings li { background: transparent url('images/list-icons/settings_colour.png') no-repeat left 3px; } .list-star_bw li { background: transparent url('images/list-icons/star_b&w.png') no-repeat left 3px; } .list-star li { background: transparent url('images/list-icons/star_colour.png') no-repeat left 3px; } .list-tick_bw li { background: transparent url('images/list-icons/tick_b&w.png') no-repeat left 3px; } .list-tick li { background: transparent url('images/list-icons/tick_colour.png') no-repeat left 3px; } .list-user li { background: transparent url('images/list-icons/user_b&w.png') no-repeat left 3px; } .list-warning_bw li { background: transparent url('images/list-icons/warning_b&w.png') no-repeat left 3px; } .list-warning li { background: transparent url('images/list-icons/warning_colour.png') no-repeat left 3px; } /* -------------------------------------------- SOCIAL SHORTCODE -------------------------------------------- */ ul.social-icons { height: auto; overflow: hidden; margin-right: -12px; list-style: none!important;; } ul.social-icons li { float: left; display: inline-block; width: 32px; height: 32px; margin-right: 12px; background: none; padding: 0!important; line-height: 32px!important; border: 0!important; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } ul.social-icons li a { background: transparent url(images/social-icons.png) no-repeat 0 0; display: block; width: 32px; height: 32px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 0; } ul.social-icons.dark li a { background-image: url(images/social-icons-mono.png); } ul.social-icons.dark.small li a { background-image: url(images/social-icons-mono-small.png); } ul.social-icons.light li a { background-image: url(images/social-icons-mono-light.png); } ul.social-icons.light.small li a { background-image: url(images/social-icons-mono-light-small.png); } ul.social-icons:hover li, ul.social-icons.small:hover li { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity= 50); } ul.social-icons li:hover, ul.social-icons.small li:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); } ul.social-icons li a:hover { color: transparent; } ul.social-icons li.twitter a { background-position: 0 0; } ul.social-icons li.facebook a { background-position: -32px 0; } ul.social-icons li.dribbble a { background-position: -64px 0; } ul.social-icons li.vimeo a { background-position: -96px 0; } ul.social-icons li.tumblr a { background-position: -128px 0; } ul.social-icons li.spotify a { background-position: -160px 0; } ul.social-icons li.linkedin a { background-position: -192px 0; } ul.social-icons li.lastfm a { background-position: -224px 0; } ul.social-icons li.googleplus a { background-position: -256px 0; } ul.social-icons li.flickr a { background-position: -288px 0; } ul.social-icons li.youtube a { background-position: -320px 0; } ul.social-icons li.behance a { background-position: -352px 0; } ul.social-icons li.pinterest a { background-position: -384px 0; } ul.social-icons li.instagram a { background-position: -416px 0; } ul.social-icons li.yelp a { background-position: -448px 0; } ul.social-icons li.skype a { background-position: -480px 0; } ul.social-icons.small { height: auto; overflow: hidden; margin-right: -5px; list-style: none!important; } ul.social-icons.small li { width: 24px; height: 24px; margin: 0 5px 0 0; float: left; display: inline-block; background: none; padding: 0!important; line-height: 24px!important; border: 0!important; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } ul.social-icons.small li a { background: transparent url(images/social-icons-small.png) no-repeat 0 0; display: block; width: 24px; height: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 0; } ul.social-icons.small li.twitter a { background-position: 0 0; } ul.social-icons.small li.facebook a { background-position: -24px 0; } ul.social-icons.small li.dribbble a { background-position: -48px 0; } ul.social-icons.small li.vimeo a { background-position: -72px 0; } ul.social-icons.small li.tumblr a { background-position: -96px 0; } ul.social-icons.small li.spotify a { background-position: -120px 0; } ul.social-icons.small li.linkedin a { background-position: -144px 0; } ul.social-icons.small li.lastfm a { background-position: -168px 0; } ul.social-icons.small li.googleplus a { background-position: -192px 0; } ul.social-icons.small li.flickr a { background-position: -216px 0; } ul.social-icons.small li.youtube a { background-position: -240px 0; } ul.social-icons.small li.behance a { background-position: -264px 0; } ul.social-icons.small li.pinterest a { background-position: -288px 0; } ul.social-icons.small li.instagram a { background-position: -312px 0; } ul.social-icons.small li.yelp a { background-position: -336px 0; } ul.social-icons.small li.skype a { background-position: -360px 0; } /* -------------------------------------------- PROGRESS SHORTCODE -------------------------------------------- */ .progress { height: 42px; margin-bottom: 10px; } .progress .bar { position: relative; } .progress .bar-text { position: absolute; top: 0; left: 0; line-height: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; color: #fff; font-weight: bold; width: 100%; text-align: left; display: none; } .progress .bar-text > span { float: right; display: block; } .progress .bar { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* -------------------------------------------- CHART SHORTCODE -------------------------------------------- */ .chart-shortcode { position: relative; text-align: center; } .chart-shortcode.chart-center { margin: 0 auto; } .chart-shortcode canvas { position: absolute; top: 0; left: 0; } .chart-shortcode span { font-size: 14px; vertical-align: -1px; } .chart-shortcode.chart-170 span { font-size: 36px; vertical-align: 0px; } .chart-shortcode.chart-170 span i { vertical-align: -4px; } /* -------------------------------------------- LATEST TWEET SHORTCODE -------------------------------------------- */ .latest-tweet ul { margin-bottom: 10px; list-style: none!important; } .latest-tweet ul li { margin-left: 0; } .latest-tweet p { margin-bottom: 0; } .latest-tweet .tweet-author { margin-right: 4px; font-weight: bold; } .latest-tweet .tweet-date { text-decoration: none; color: #999; margin-left: 5px; display: inline-block; } /* -------------------------------------------- TWEET SLIDER SHORTCODE -------------------------------------------- */ .alt-bg.wpb_tweets_slider_widget { padding-top: 60px; padding-bottom: 60px; } .wpb_tweets_slider_widget .tweet-text { padding: 0 15%; text-align: center; } .wpb_tweets_slider_widget .text-normal .tweet-text { font-size: 18px; line-height: 26px; } .wpb_tweets_slider_widget .text-large .tweet-text { font-size: 24px; line-height: 36px; } .wpb_tweets_slider_widget .twitter_intents { margin-top: 20px; display: block; padding: 0 15%; } .wpb_tweets_slider_widget .twitter_intents a { margin: 0 4px; position: relative; } .wpb_tweets_slider_widget a:hover { text-decoration: none; } /* -------------------------------------------- GALLERY SHORTCODE -------------------------------------------- */ .gallery { padding-top: 10px; } .gallery .gallery-item { width: auto; float: left; display: inline; margin: 0 14px 14px; width: 17%; } .gallery-item .gallery-icon { background: #222 url(images/view-image.png) no-repeat center center; width: 100%; height: auto; } .gallery-item .gallery-icon a { display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); } .gallery-icon a img { display: block; width: 100%; height: auto; } .gallery-item .gallery-icon a:hover { opacity: 0.1; -moz-opacity: 0.1; filter:alpha(opacity= 10); } /* -------------------------------------------- ACCORDION SHORTCODE -------------------------------------------- */ .wpb_accordion .wpb_accordion_wrapper { margin-bottom: 30px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .wpb_accordion .wpb_accordion_section { margin-bottom: 6px; border: 1px solid transparent; } .wpb_accordion_section > h3 { font-size: 14px; font-weight: normal; outline: 0!important; } .wpb_accordion .wpb_accordion_section > h3 a { display: block; text-decoration: none; padding: 12px 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute!important; right: 15px; top: 14px!important; margin-top: 0!important; background-image: none!important; left: auto!important; width: 12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .wpb_accordion_section > h3 .ui-icon:before { content: "\f067"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; width: 10px; height: 10px; float: left; margin-right: 10px; margin-top: -1px; font-size: 14px; text-indent: 0; } .wpb_accordion_section h3.ui-state-active .ui-icon:before { content: "\f068"; } .wpb_accordion .ui-state-active, .wpb_accordion .ui-state-default { border: 0!important; background: none!important; margin-top: 0; } .wpb_accordion .ui-accordion .ui-accordion-content { border: 0; padding: 3px 15px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .wpb_accordion .ui-accordion .ui-accordion-content .row { margin-left: 0!important; } .wpb_accordion .ui-accordion .ui-accordion-content.row-fluid [class*="span"] { width: 100%!important; } .wpb_accordion .ui-accordion .ui-accordion-header { position: relative; margin-top: 0; } .ui-accordion-content .wpb_wrapper p:last-child { margin-bottom: 0; } .ui-accordion-content .wpb_wrapper .box-content-wrap p:last-child { margin-bottom:20px; } /* -------------------------------------------- TABS SHORTCODE -------------------------------------------- */ .wpb_tabs .wpb_tour_tabs_wrapper { margin-bottom: 30px; } .tabbed-asset { overflow: hidden; margin-bottom: 20px; } .tab-content { padding: 10px; background-color: #f7f7f7; color: #222; } .tab-content.ui-tabs-hide { display: none; } .ui-widget :active { outline: none; } .ui-tabs .ui-tabs-nav li { font-weight: normal; border-left-width: 0; margin: 0!important; } .ui-tabs .ui-tabs-nav li:first-child { border-left-width: 1px; } .wpb_tabs .ui-tabs .ui-tabs-panel, .wpb_accordion_section .ui-accordion-content { height: auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .wpb_tabs .ui-tabs .ui-tabs-panel .row { margin-left: 0!important; } .wpb_tabs .ui-tabs .ui-tabs-panel.row-fluid [class*="span"] { width: 100%!important; } .wpb_tabs .ui-tabs .ui-tabs-nav li a { padding: 12px 15px; } .wpb_content_element .ui-widget-header .ui-state-default { background: transparent; } /* -------------------------------------------- CALENDAR WIDGET -------------------------------------------- */ .widget_calendar #calendar_wrap { border: 1px solid #e4e4e4; /* stroke */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ overflow: hidden; } #calendar_wrap caption { border-bottom: 2px solid #222; padding: 7px 0; } .widget_calendar table { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; position: relative; margin-bottom: -2px; } .widget_calendar th { text-align: center; width: 26px; height: 35px; border: 1px solid #e4e4e4; border-bottom: 0; vertical-align: middle; } .widget_calendar th:first-child { border-left: 0; } .widget_calendar th:last-child { border-right: 0; } .widget_calendar tbody tr { height: 35px; } .widget_calendar tbody tr > td { color: #444; text-align: center; border: 1px solid #e4e4e4; vertical-align: middle; padding: 0; } .widget_calendar tbody tr > td:first-child { border-left: 0; } .widget_calendar tbody tr > td:last-child { border-right: 0; } .widget_calendar tbody tr > td a { padding: 6px 0; display: block; } .sidebar .widget_calendar tbody tr > td a:hover { text-decoration: none; } .widget_calendar tbody tr > td.pad { border: 0; border-top: 1px solid #e4e4e4; background: transparent url('images/scanlines_dark.png') repeat 0 0; } .widget_calendar tfoot { position: absolute; top: 2px; width: 100%; display: block; } .widget_calendar tfoot tr { width: 100%; display: block } .widget_calendar tfoot td { padding: 5px 0; border-color: transparent; float: left; } .widget_calendar tfoot td#prev { padding-left: 10px; width: 40px; text-align: left; } .widget_calendar tfoot td#next { padding-right: 10px; width: 40px; text-align: right; float: right; } .widget_calendar tfoot td a:hover { text-decoration: none; } /* #WooCommerce ================================================== */ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { margin-top: 4px!important; } .woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products { padding-top: 25px!important; border-top: 1px solid #e4e4e4; } .woocommerce-account .page-content h2 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 40px; } .woocommerce-account p.myaccount_address { border-bottom: 1px solid #ccc; padding-bottom: 60px; } .woocommerce-account div.col2-set.addresses { margin-bottom: 50px; } .addresses .title .edit { margin: 10px 0 0 0; border: 1px solid #e4e4e4; padding: 2px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; line-height: 18px; } .woocommerce-account input[name="change_password"] { margin: 10px 0 0 4px; } .woocommerce-page form .form-row label { padding-bottom: 5px; } .woocommerce-page .cart-collaterals { margin-bottom: 50px;  border-top: 1px solid #e4e4e4; padding: 20px 0; } .woocommerce-cart .cart-collaterals .cart_totals table { float: right; } .woocommerce-cart .shipping-calculator-button { text-decoration: none; } .cart-collaterals .shipping_calculator .button[name="calc_shipping"] { width: 28%; float: right; padding: 10px 12px; margin-right: 3px; margin-top: 10px; } div.product .woocommerce_tabs ul.tabs li.active a { background: transparent; } div.product .woocommerce_tabs ul.tabs li a { background: transparent; } #payment ul.payment_methods li { margin-bottom: 10px; } #payment ul.payment_methods li input { margin: 5px 6px 0 0; float: left; } .woocommerce-checkout h3#order_review_heading { margin-top: 50px; } .woocommerce-checkout form.checkout { margin-bottom: 50px; } .quantity input.qty { height: 26px; } div.product .thumbnails { margin-left: 0!important; } div.product .woocommerce_tabs ul.tabs { margin-bottom: 0; padding-left: 15px; } div.product .woocommerce_tabs ul.tabs li { margin: 0 -2px; } div.product .woocommerce_tabs .panel { margin-bottom: 0px; margin-top: -1px; border: 1px solid rgb(221, 221, 221); padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgb(255, 255, 255); } .widget_product_search form { margin-bottom: 0; } .widget_product_search input[type="submit"] { visibility: hidden; height: 0; padding: 0; margin: 0; } ul.cart_list li, ul.product_list_widget li { padding: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { padding: 10px 0; } ul.products li.product { text-align: center; } ul.products li.product a { display: block; } ul.products li.product a.button { display: inline-block; } ul.products li.product a img { display: block; } ul.product_list_widget li a:hover { text-decoration: none; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { padding: 10px 0!important; } .widget_shopping_cart_content .buttons > a { margin-right: 5px!important; } .page-content .related.products { margin-top: 50px; } .widget_shopping_cart .total { border-top: 3px double #ccc; padding: 8px 0 0; margin-top: 20px; } ul.products li.product h3 { line-height: 100%; } .sidebar .widget_shopping_cart .buttons a:hover, .product-name a { text-decoration: none; } .woocommerce .quantity, .woocommerce-page .quantity { height: 30px; } .type-woocommerce .summary .single_add_to_cart_button { padding-top: 7px; padding-bottom: 7px; } div.product .woocommerce_tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 0!important; padding-left: 15px!important; } div.product .woocommerce_tabs .panel, div.product .woocommerce-tabs .panel { margin-bottom: 0px; margin-top: -1px; border: 1px solid rgb(221, 221, 221); border-top: 0; padding: 14px 23px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: rgb(255, 255, 255); } div.product .woocommerce_tabs .panel h2, div.product .woocommerce-tabs .panel h2 { margin-top: 0; } table.shop_table td.product-quantity { text-align: left; } table.shop_table td { padding: 12px; } .cart .button, .cart input.button { padding: 7px 12px; } td.product-quantity .quantity { margin: 0; } table.shop_table td.product-remove { max-width: 0px; } .woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page #content table.cart a.remove table.cart .product-thumbnail, #content table.cart .product-thumbnail { line-height: 18px; } table.cart img, #content table.cart img { width: 100%; } table.cart td.actions .coupon .input-text, #content table.cart td.actions .coupon .input-text { width: 160px; margin-right: 10px; } .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea { padding: 14px 6px; } #payment ul.payment_methods { padding-left: 0; padding-right: 0; } #payment div.form-row { padding: 1em 0; } .checkout #shiptobilling { margin: 10px 0; } form .form-row .input-checkbox { display: inline-block; margin: -1px 0 0 0; } #shiptobilling .checkbox { padding-left: 0; } /* #Style Switcher ================================================== */ .style-switcher { position: fixed; top: 80px; left: -240px; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; z-index: 9997; width: 290px; } .style-switcher h4 { background: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 7px 15px; margin-bottom: 0; line-height: 28px; height: 28px; width: 254px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .switch-button { width: 19px; float: right; font-size: 26px; line-height: 28px; text-align: center; text-decoration: none; display: block; } .switch-button:hover { cursor: pointer; text-decoration: none; } .switch-cont { width: 240px; background: #222222; height: auto; padding: 10px 0; } .switch-cont h5 { color: #fff; font-size: 12px; font-weight: normal; margin-left: 20px; margin-bottom: 15px; } .switch-cont .ad-select h5 { margin-left: 0; margin-bottom: 10px; text-align: left; } .options { margin-bottom: 15px; height: auto; overflow: hidden; padding: 0 15px 20px; border-bottom: 1px solid #444; } .options li { float: left; display: inline; width: 50%; margin-bottom: 0; text-align: center; } .options.bg-select { margin-bottom: 10px; } .options.bg-select li { width: 37px; margin-right: 5px; margin-bottom: 5px; } .bg-select li img { display: block; width: 27px; height: 27px; border: 1px solid #333 } .options li a { text-decoration: none; color: #fff; padding: 4px; display: block; } .options li a:hover { background-color: #333; } .options li.selected a { background-color: #8dc63f; } .options select { width: 100%; font-size: 12px; height: 26px; margin-bottom: 0; } .options select:focus { outline: none; } .layout-select li { width: auto; } .layout-select li:first-child { margin-right: 10px; } .layout-select li img { width: 92px; display: block; } .switch-cont a.many-more { color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 8px 0; margin: 0 20px; display: block; text-align: center; } .many-more:hover { background-color: #333; } .styleswitcher-darkstyle nav .menu li a:hover, .styleswitcher-darkstyle #top-bar .menu > li > a:hover { color: #f7f7f7; } .styleswitcher-tbdarkstyle #top-bar .menu > li > a:hover { color: #f7f7f7; } @media only screen and (max-width: 1024px) { .style-switcher { display: none; } } /* #Retina Styles ================================================== */ /* * Swift Framework Retina Stylesheet v1.0 * Retina Stylesheet for Retina Dislay Devices * Copyright 2013, Swift Ideas */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #logo img.standard { display: none; } #logo img.retina { display: block; } .mobile-nav > div { background-image: url('images/select@2x.png'); background-size: 28px 26px; } ul.social-icons li a { background-image: url('images/social-icons@2x.png'); background-size: 512px 32px; } ul.social-icons.small li a { background-image: url('images/social-icons-small@2x.png'); background-size: 384px 24px; } ul.social-icons.dark li a { background-image: url('images/social-icons-mono@2x.png'); } ul.social-icons.dark.small li a { background-image: url('images/social-icons-mono-small@2x.png'); } ul.social-icons.light li a { background-image: url('images/social-icons-mono-light@2x.png'); } ul.social-icons.light.small li a { background-image: url('images/social-icons-mono-light-small@2x.png'); } #respond .form-submit input, .wpcf7 input.wpcf7-submit[type="submit"], a.sf-button .arrow { background-image: url('images/button-arrow@2x.png'); background-repeat: no-repeat; background-size: 6px 9px; } a.sf-button.lightgrey .arrow, a.sf-button.green .arrow, a.sf-button.limegreen .arrow, a.sf-button.white .arrow { background-image: url('images/button-arrow2@2x.png'); background-repeat: no-repeat; background-size: 6px 9px; } .widget.flickr-widget li, .portfolio-grid li { background-image: url('images/plus-icon@2x.png'); background-size: 13px 13px; } .flex-direction-nav a, .wooslider-direction-nav a, .tp-leftarrow, .tp-leftarrow.large, .tp-leftarrow.square, .tp-leftarrow.round, .tp-rightarrow, .tp-rightarrow.large, .tp-rightarrow.square, .tp-rightarrow.round, .thumb-slider .flex-direction-nav a, .rev_slider_wrapper > .tp-leftarrow, .rev_slider_wrapper > .tp-leftarrow.large, .rev_slider_wrapper > .tp-leftarrow.square, .rev_slider_wrapper > .tp-leftarrow.round, .rev_slider_wrapper > .tp-leftarrow.default, .rev_slider_wrapper > .tp-rightarrow, .rev_slider_wrapper > .tp-rightarrow.large, .rev_slider_wrapper > .tp-rightarrow.square, .rev_slider_wrapper > .tp-rightarrow.round, .rev_slider_wrapper > .tp-rightarrow.default { background-image: url('images/showcase-nav@2x.png'); background-size: 72px 36px; } .list-add_bw li { background-image: url('images/list-icons/add_b&w@2x.png'); background-size: 10px 11px; } .list-add li { background-image: url('images/list-icons/add_colour@2x.png'); background-size: 10px 11px; } .list-arrow_bw li { background-image: url('images/list-icons/arrow_b&w@2x.png'); background-size: 13px 11px; } .list-arrow li { background-image: url('images/list-icons/arrow_colour@2x.png'); background-size: 13px 11px; } .list-article li { background-image: url('images/list-icons/article_b&w@2x.png'); background-size: 13px 11px; } .list-bar li { background-image: url('images/list-icons/bar_b&w@2x.png'); background-size: 11px 4px; } .list-bolt_bw li { background-image: url('images/list-icons/bolt_b&w@2x.png'); background-size: 9px 12px; } .list-bolt li { background-image: url('images/list-icons/bolt_colour@2x.png'); background-size: 9px 12px; } .list-date li { background-image: url('images/list-icons/date_b&w@2x.png'); background-size: 11px 13px; } .list-delete_bw li { background-image: url('images/list-icons/delete_b&w@2x.png'); background-size: 10px 10px; } .list-delete li { background-image: url('images/list-icons/delete_colour@2x.png'); background-size: 10px 10px; } .list-dot li { background-image: url('images/list-icons/dot_b&w@2x.png'); background-size: 7px 7px; } .list-like_bw li { background-image: url('images/list-icons/like_b&w@2x.png'); background-size: 12px 11px; } .list-like li { background-image: url('images/list-icons/like_colour@2x.png'); background-size: 12px 11px; } .list-pen li { background-image: url('images/list-icons/pen_b&w@2x.png'); background-size: 12px 12px; } .list-question_bw li { background-image: url('images/list-icons/questionMark_b&w@2x.png'); background-size: 12px 12px; } .list-question li { background-image: url('images/list-icons/questionMark_colour@2x.png'); background-size: 12px 12px; } .list-settings_bw li { background-image: url('images/list-icons/settings_b&w@2x.png'); background-size: 12px 12px; } .list-settings li { background-image: url('images/list-icons/settings_colour@2x.png'); background-size: 12px 12px; } .list-star_bw li { background-image: url('images/list-icons/star_b&w@2x.png'); background-size: 12px 12px; } .list-star li { background-image: url('images/list-icons/star_colour@2x.png'); background-size: 12px 12px; } .list-tick_bw li { background-image: url('images/list-icons/tick_b&w@2x.png'); background-size: 12px 9px; } .list-tick li { background-image: url('images/list-icons/tick_colour@2x.png'); background-size: 12px 9px; } .list-user li { background-image: url('images/list-icons/user_b&w@2x.png'); background-size: 12px 11px; } .list-warning_bw li { background-image: url('images/list-icons/warning_b&w@2x.png'); background-size: 12px 11px; } .list-warning li { background-image: url('images/list-icons/warning_colour@2x.png'); background-size: 12px 11px; } .widget_calendar tbody tr > td.pad { background-image: url('images/scanlines_dark@2x.png'); background-size: 4px 4px; } } /* #Mobile Styles ================================================== */ .mobile-browser figure:hover .overlay .thumb-info, .wpb_single_image.span12 figure:hover .overlay .thumb-info { opacity: 0!important; -moz-opacity: 0!important; filter:alpha(opacity=0)!important; } .mobile-browser figure:hover > a > .overlay, .wpb_single_image.span12 figure:hover > a > .overlay { opacity: 0!important; -moz-opacity: 0!important; filter:alpha(opacity=0)!important; } .mobile-browser figure:hover .overlay, .wpb_single_image.span12 figure:hover .overlay { box-shadow: none!important; } .mobile-browser .recent-post figure:hover img, .mobile-browser .portfolio-items > li figure:hover img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* booking css */ .booking_wrapper .top_label .field_label { clear: both; display: inline-block; font-weight: bold; line-height: 1.3em; margin: 10px 0 4px; } .booking_wrapper .field_label { font-size: 1.0em; font-weight: bold; } .booking_wrapper .field_label { float: left; font-weight: bold; margin: 0 15px 0 0; width: 29%; } .booking_wrapper .field_required { color: #790000; margin-left: 4px; } .booking_wrapper input.medium { width: 40%; } .booking_wrapper .field_description { clear: both; font-family: sans-serif; font-size: 0.85em; letter-spacing: normal; line-height: 1.5em; } .booking_wrapper span.input_product_price_label { margin-right: 2px; } .booking_wrapper span.input_product_price { color: #990000; } .booking_wrapper textarea.textarea { width: 93%; } .booking_wrapper textarea.medium{ height: 80px; } /* Gift Certificates */ #smallCerticiates {overflow:hidden;margin-top:10px; margin-bottom:10px;} #smallCerticiates ul{text-align:center; border:0px none;;} #smallCerticiates li {display:inline;list-style:none;cursor:pointer; border: 0px none;} #smallCerticiates li img { padding:3px; border:0px none; } #lrg-image0 {position:relative;width:620px;height:612px;margin-bottom:40px;} #certMessages {position:absolute;left:160px;top:390px;} #certMessages input {width:300px;border:1px dashed #53A8DC;margin-bottom:5px; margin-left:10px;padding:5px;color:#444;} #enquiryForm .formColLeft {float:left;} #enquiryForm .formColRight {float:right;} #enquiryForm .formCol {width:300px;position:relative} #enquiryForm .formCol label {width:250px;margin-bottom:5px;} #enquiryForm .formCol .inputMed {width:250px;margin-bottom:5px;} #enquiryForm .formCol .row, #certStep2 .row {margin-bottom:5px; margin-left:1px;} #preLoad {display:none;} #certHelp {position:absolute;left:-20px;top:-298px} #certStep2 {position:relative;} #certPay {/*margin-left:165px;margin-top:10px;*/} .partner {clear:both; min-height:140px;} .partner_thumbnail {float:left; padding-right:25px; width:18%;} .partner-text {float:left; width:60%;} .partner-text-title {font-weight: bold;} .partner_button {float:right;margin-top:35px; width:16%;text-align:center;} .clear {clear:both;} .partner-widget {padding-top:20px;} .specials {margin-top:-40px;} .button.gform_button {display: inline-block; font-size: 14px; line-height: 18px; height: auto; padding: 8px 28px 7px 14px; background-image: url('images/button-arrow.png'); background-position: 83% center; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #0397d8!important;color:#fff;} /* Enquiry form */ #enquiryForm p{clear: both;margin: 5px 0;color:#666;} #enquiryForm label {display:block;float:left;width:180px;} #enquiryForm .inputMed, #enquiryForm .inputTextArea {width:233px;} #enquiryForm .inputSel {width:60px;} #enquiryForm .inputSelPayment {width:150px;} #enquiryForm h3 {margin-top:15px;margin-bottom:0px;} div.wpcf7-validation-errors {width: 175px;} #main span.wpcf7-not-valid-tip {width: 200px;color:#fff!important;background-color:#CE0000;color:#fff;border:0;padding:5px; } .inputMed, .inputSel, .inputSelPayment {border:1px solid #ccc;padding:5px;-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1); } .btn {;padding:5px 15px;text-decoration:none;color:#fff;border:0;cursor:pointer;font-size:18px;-webkit-border-radius:2px;border-radius:2px;-webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; background: #e00000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e00000 0%, #c40000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e00000), color-stop(100%,#c40000)); background: -webkit-linear-gradient(top, #e00000 0%,#c40000 100%); background: -o-linear-gradient(top, #e00000 0%,#c40000 100%); background: -ms-linear-gradient(top, #e00000 0%,#c40000 100%); background: linear-gradient(to bottom, #e00000 0%,#c40000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000', endColorstr='#c40000',GradientType=0 ); -webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);} .btn:hover {color:#fff;background-color:#666;} #enquiryForm .btn {margin-left:180px;} #enquiryForm .grid2 {width:430px;float:left;margin-right:20px;} #enquiryForm .last {margin:0;} #enquiryForm .formContainer {padding:10px;overflow:hidden;margin-bottom:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); border:4px solid #FFF; } /* Booking Form */ .bookingForm #booking {margin:25px 0;} .bookingForm #booking label {font-size:14px;padding-top:5px;width:215px;} .bookingForm .row {margin-bottom:5px;position:relative;margin-left:0; } .bookingForm #booking .paySum {padding-bottom:5px;border-bottom:1px dotted #ccc;font-size: 14px;} .bookingForm #booking .paySum label {padding-top:1px;} .bookingForm #booking .paySum input {border:0;background-color:transparent;font-size:14px;width:75px;} .bookingForm .payBtn {margin:20px 0 0 130px;} .bookingForm em {margin-bottom:20px;display:block;} .bookWhyUs{padding:20px 20px 0;background-color:#fff;border:1px dashed #CC0000;margin:0 0 20px;text-align:center;} .bookingForm #booking span.optionPrice {color:green;font-size:14px;} span.priceSpecial {color:#CC0000;font-weight:bold;} span.upgrade {background-color:green;color:#fff;display:block;padding:1px 1px 1px 5px;} .boxMainCellsContainer {overflow:hidden!important;} #main .bookingForm .inputMed {width:170px;} #main .bookingForm .inputSmall {width:100px!important;} #enquiryForm #paymentSummary {background-color:#fff;padding:15px;border:1px solid #ccc;width:400px;border-radius:4px;} #enquiryForm .smlFields label {width:150px;} #enquiryForm .smlFields .inputMed {width:240px;} #enquiryForm .available {display:none;padding:5px;background-color:green;color:#fff;} #upgradeInfo {margin-left:3px;float:none;} /* .upgradeBanner {position:absolute;right:-90px;top:-40px;}*/ .upgradeBanner {position:absolute;right:-200px;top:-60px;}