Created
November 18, 2016 08:29
-
-
Save alexcontes/2889641b100fb5502693b0488a330a39 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Theme Name: Avada Child | |
| Description: Child theme for Avada theme | |
| Author: ThemeFusion | |
| Author URI: https://theme-fusion.com | |
| Template: Avada | |
| Version: 1.0.0 | |
| Text Domain: Avada | |
| */ | |
| ul.products { | |
| list-style-type: none; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| ul.products li { | |
| position: relative; | |
| display: inline-block; | |
| padding: 0px; | |
| width: 22%; | |
| margin-right: 20px; | |
| margin-bottom: 20px; | |
| margin-top: 20px; | |
| } | |
| ul.products li:last-child { | |
| margin-right: 0px; | |
| } | |
| ul.products li a.button { | |
| position: absolute !important; | |
| bottom: -40px; | |
| top: auto!important; | |
| left: 0px; | |
| background-color: #333333!important; | |
| box-shadow: none!important; | |
| -moz-box-shadow: none!important; | |
| -webkit-box-shadow: none!important; | |
| -o-box-shadow: none!important; | |
| background-image: none!important; | |
| text-shadow: none!important; | |
| -moz-text-shadow: none!important; | |
| -webkit-text-shadow: none!important; | |
| -o-text-shadow: none!important; | |
| border: none!important; | |
| background-repeat: no-repeat; | |
| color: #FFFFFF !important; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-size: 12px!important; | |
| line-height: 12px; | |
| padding: 10px 10px!important; | |
| position: relative; | |
| text-align: center; | |
| text-transform: capitalize; | |
| font-weight: normal!important; | |
| transition: all 0.2s linear 0s; | |
| } | |
| ul.products li:hover a.button { | |
| display: block; | |
| bottom: 0px; | |
| } | |
| ul.products li a.button:hover { | |
| background-color: #d14a49 !important; | |
| color: #fff !important; | |
| } | |
| ul.products li img { | |
| width: auto; | |
| height: 100%; | |
| max-width: 100%; | |
| } | |
| /***************** carouFredSel ******************/ | |
| .carousel-heading { | |
| z-index: 100; | |
| position: relative; | |
| margin-bottom: 7px; | |
| min-height: 23px; | |
| } | |
| .carousel-heading h2 { | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| letter-spacing: 2px!important; | |
| font-size: 12px; | |
| margin-bottom: 7px!important; | |
| } | |
| .carousel-wrap[data-full-width="false"] .carousel-heading h2 { | |
| font-size: 12px!important; | |
| } | |
| html:not(.js) .carousel-heading { | |
| display: none; | |
| } | |
| .caroufredsel_wrapper { | |
| cursor: grab!important; | |
| cursor: -moz-grab!important; | |
| cursor: -webkit-grab!important; | |
| margin: 0px!important; | |
| } | |
| .caroufredsel_wrapper.active { | |
| cursor: grabbing!important; | |
| cursor: -moz-grabbing!important; | |
| cursor: -webkit-grabbing!important; | |
| } | |
| body .carousel-wrap { | |
| position: relative; | |
| overflow: hidden; | |
| margin: 0px -10px 0em -10px; | |
| } | |
| .full-width-section .carousel-wrap { | |
| margin-bottom: 0px!important; | |
| } | |
| #full_width_portfolio .full-width-section.first-section, #full_width_portfolio .full-width-content.first-section { | |
| margin-top: 0px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] { | |
| padding: 0px 18px; | |
| margin-bottom: 0px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading { | |
| background-color: #f8f8f8; | |
| padding: 43px 0px 40px 0px; | |
| margin-bottom: 0px; | |
| text-align: center; | |
| } | |
| body .carousel-wrap[data-full-width="true"] .carousel-heading h2 { | |
| font-size: 24px; | |
| line-height: 36px; | |
| letter-spacing: 0.5px!important; | |
| margin: 0 auto!important; | |
| max-width: 900px; | |
| text-transform: none!important; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link { | |
| position: absolute; | |
| left: 0px; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link, .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-prev, | |
| .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-next { | |
| top: 8px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading a { | |
| background-color: transparent!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading i { | |
| background-color: transparent!important; | |
| color: #888888; | |
| font-size: 30px; | |
| line-height: 28px; | |
| transition: color 0.2s linear 0s; | |
| } | |
| body .carousel-wrap[data-full-width="true"] .carousel-heading .container { | |
| min-height: 40px; | |
| } | |
| #boxed .carousel-wrap[data-full-width="true"] { | |
| padding: 0px; | |
| } | |
| body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"] { | |
| padding: 0px; | |
| } | |
| .carousel-wrap .work-item.style-2 { | |
| margin-bottom: 0px!important; | |
| } | |
| .portfolio-items .col .work-item.style-3 .work-info-bg { | |
| background-color: #282b30; | |
| opacity: 0.45; | |
| will-change: opacity; | |
| } | |
| /* | |
| .portfolio-items .col .work-item.style-3-alt:hover img { | |
| transform: scale(1.09); | |
| -webkit-transform: scale(1.09); | |
| -moz-transform: scale(1.09); | |
| } | |
| .portfolio-items .col .work-item.style-3-alt img { | |
| transform: scale(1); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -webkit-transition: all 1300ms cubic-bezier(.19,1,.22,1) 0ms; | |
| -moz-transition: all 1300ms cubic-bezier(.19,1,.22,1) 0ms; | |
| transition: all 1300ms cubic-bezier(.19,1,.22,1) 0ms; | |
| }*/ | |
| .portfolio-items .col .work-item.style-3 h3, | |
| .portfolio-items .col .work-item.style-3-alt h3 { | |
| margin-bottom: 5px; | |
| } | |
| .portfolio-items .col .work-item.style-3 a, | |
| .portfolio-items .col .work-item.style-3-alt a { | |
| background: transparent url('img/transparent.png') repeat 0 0; | |
| } | |
| /*.portfolio-items .col .work-item.style-3:hover .work-info-bg { | |
| opacity: 0!important; | |
| }*/ | |
| .portfolio-items .col .work-item.style-3 h3, .portfolio-items .work-item.style-3 .work-info, | |
| .portfolio-items .col .work-item.style-3-alt h3, .portfolio-items .work-item.style-3-alt .work-info { | |
| opacity: 1!important; | |
| -ms-filter: "alpha(opacity=100)"!important; | |
| } | |
| .portfolio-items .col .work-item.style-3 .vert-center *, .portfolio-items .col .work-item.style-3 i, | |
| .portfolio-items .col .work-item.style-3-alt .vert-center *, .portfolio-items .col .work-item.style-3-alt i { | |
| -ms-filter: "alpha(opacity=100)"!important; | |
| } | |
| .portfolio-items .auto-height { | |
| height: auto!important; | |
| } | |
| .portfolio-items .work-item.style-3 p, | |
| .portfolio-items .work-item.style-3-alt p { | |
| display: inline-block; | |
| margin-top: 0!important; | |
| opacity: 1!important; | |
| position: relative!important; | |
| font-size: 12px; | |
| color: rgba(255,255,255,0.8); | |
| line-height: 12px; | |
| } | |
| .portfolio-items .work-item.style-3-alt p { | |
| font-size: inherit; | |
| line-height: inherit; | |
| } | |
| .portfolio-items .work-item.style-3 .vert-center, | |
| .portfolio-items .work-item.style-3-alt .vert-center, | |
| .portfolio-items .work-item.style-2[data-custom-content="on"] .vert-center { | |
| top: 50%!important; | |
| left: 50%; | |
| padding-top: 15px!important; | |
| position: relative; | |
| z-index: 20; | |
| width: auto!important; | |
| display: inline-block; | |
| margin-top: 0!important; | |
| padding-top: 0!important; | |
| transform: translateY(-50%) translateX(-50%)!important; | |
| -webkit-transform: translateY(-50%) translateX(-50%)!important; | |
| } | |
| .portfolio-items .col.tall .work-item.style-3[data-text-align="top"] .vert-center, .portfolio-items .col.tall .work-item.style-3-alt[data-text-align="top"] .vert-center { | |
| top: 25%!important; | |
| } | |
| .portfolio-items .col.tall .work-item.style-3[data-text-align="bottom"] .vert-center, .portfolio-items .col.tall .work-item.style-3-alt[data-text-align="bottom"] .vert-center { | |
| top: 75%!important; | |
| } | |
| .portfolio-items .col.wide .work-item.style-3[data-text-align="left"] .vert-center, .portfolio-items .col.wide .work-item.style-3-alt[data-text-align="left"] .vert-center { | |
| left: 25%!important; | |
| margin-left: -20px; | |
| } | |
| .portfolio-items .col.wide .work-item.style-3[data-text-align="right"] .vert-center, .portfolio-items .col.wide .work-item.style-3-alt[data-text-align="right"] .vert-center { | |
| left: 75%!important; | |
| } | |
| .portfolio-items .work-item.style-4 .bottom-meta { | |
| position: absolute; | |
| bottom: -120px; | |
| left: 0; | |
| padding: 20px 20px 16px 20px; | |
| width: 100%; | |
| } | |
| .portfolio-items .work-item.style-4 .bottom-meta h3 { | |
| margin-bottom: 0px; | |
| } | |
| .portfolio-items .work-item.style-4 .bottom-meta p { | |
| color: rgba(255,255,255,0.8); | |
| } | |
| .portfolio-items .work-item.style-4 .work-info { opacity: 1!important; } | |
| .portfolio-items .work-item.style-3, .portfolio-items .work-item.style-4, | |
| .portfolio-items .work-item.style-3-alt { | |
| overflow: hidden!important; | |
| } | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3, .portfolio-items .elastic-portfolio-item .work-item.style-4, | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3-alt { | |
| width: 100.6% !important; | |
| } | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3 img, .portfolio-items .elastic-portfolio-item .work-item.style-4 img, | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3-alt img { | |
| width: 100.6% !important; | |
| will-change: transform; | |
| } | |
| .portfolio-items .work-item.style-3 img, .portfolio-items .work-item.style-4 img, | |
| .portfolio-items .work-item.style-3-alt img { | |
| position: relative; | |
| } | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3:hover img, .portfolio-items .elastic-portfolio-item .work-item.style-3-alt:hover img { | |
| will-change: transform; | |
| } | |
| /* | |
| .portfolio-items .elastic-portfolio-item[data-project-cat^="installation"] img, | |
| .portfolio-items .elastic-portfolio-item[data-project-cat*="installation"] img { | |
| height: auto!important; | |
| }*/ | |
| .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, | |
| .products-carousel ul.products li.product a { | |
| cursor: grab!important; | |
| cursor: -moz-grab!important; | |
| cursor: -webkit-grab!important; | |
| margin: 0px!important; | |
| } | |
| .portfolio-items .col .work-item.style-2, .portfolio-items .col .work-item.style-3, .portfolio-items .col .work-item.style-4, .portfolio-items .col .work-item.style-3-alt { | |
| margin-bottom: 0px; | |
| } | |
| .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info > a, .portfolio-items .col .work-item.style-2 .work-info > a, .portfolio-items .col .work-item.style-3 .work-info > a, .portfolio-items .col .work-item.style-4 .work-info > a, | |
| .portfolio-items .col .work-item.style-3-alt .work-info > a, .portfolio-items .col .work-item.style-1 .work-info > a { | |
| display: block!important; | |
| margin: 0px!important; | |
| background-color: transparent!important; | |
| position: absolute!important; | |
| top: 0px; | |
| left: 0px; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 40; | |
| } | |
| .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info a.active, | |
| .products-carousel ul.products li.product a.active { | |
| cursor: -moz-grabbing!important; | |
| cursor: -webkit-grabbing!important; | |
| } | |
| .full-width-content .vc_span12 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-12 .carousel-wrap.products-carousel { | |
| padding: 0 30px; | |
| overflow: visible; | |
| } | |
| .full-width-content .vc_span9 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span8 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span6 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span4 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span3 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span9 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_span8 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_span6 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_span4 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_span3 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-9 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-8 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-6 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-4 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-3 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-9 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-8 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-6 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-4 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-3 .carousel-wrap.products-carousel .caroufredsel_wrapper { | |
| overflow: hidden!important; | |
| } | |
| .full-width-content .caroufredsel_wrapper { | |
| overflow: visible!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item h3, .portfolio-items .col .work-item.style-2 h3 { | |
| margin-bottom: 0px; | |
| } | |
| body .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info > i, .portfolio-items .col .work-item.style-2 .work-info > i { | |
| position: absolute!important; | |
| top: auto!important; | |
| bottom: 0px!important; | |
| color: #fff!Important; | |
| left: 0px!important; | |
| line-height: 40px!important; | |
| height: 40px!important; | |
| width: 40px!Important; | |
| padding: 0px!important; | |
| background-color: #252525!Important; | |
| border-radius: 0px!important; | |
| padding: 0px!important; | |
| } | |
| .carousel-wrap .carousel-heading { | |
| padding: 0px; | |
| } | |
| html:not(.js) .carousel-wrap { | |
| display: none; | |
| } | |
| .carousel-wrap span.left-border, .carousel-wrap span.right-border { | |
| width: 10px; | |
| display: block; | |
| height: 100%; | |
| position: absolute; | |
| top: 0px; | |
| z-index: 100; | |
| background-color: #f8f8f8; | |
| } | |
| .carousel-wrap span.left-border { left: 0px; } | |
| .carousel-wrap span.right-border { right: 0px; } | |
| .carousel-next, .carousel-prev { | |
| background-color: #dadada; | |
| cursor: pointer; | |
| display: block; | |
| height: 17px; | |
| margin-left: 5px; | |
| line-height: 22px; | |
| transition: all 0.2s linear 0s; | |
| -webkit-transition: all 0.2s linear 0s; | |
| -o-transition: all 0.2s linear 0s; | |
| -moz-transition: all 0.2s linear 0s; | |
| background-repeat: no-repeat!important; | |
| position: absolute; | |
| top: 0px; | |
| height: 20px; | |
| width: 20px; | |
| border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| -o-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| text-align: center; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-next, .carousel-wrap[data-full-width="true"] .carousel-prev { | |
| height: 28px; | |
| width: 44px; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-next { | |
| text-align: right; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-prev { | |
| text-align: left; | |
| } | |
| .carousel-next { | |
| right: 0px; | |
| padding-left: 1px; | |
| } | |
| .carousel-prev { | |
| right: 25px; | |
| padding-right: 1px; | |
| } | |
| .carousel-next i, .carousel-prev i { | |
| background-color: transparent!important; | |
| line-height: 24px; | |
| font-size: 14px; | |
| } | |
| .carousel-prev:hover, .carousel-next:hover { | |
| background-color: #d14a49 !important; | |
| } | |
| .carousel { | |
| opacity: 0; | |
| } | |
| .carousel-wrap[data-full-width="true"] li.span_4.no-margin { | |
| margin: 0px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] { | |
| padding: 0px 0px 0px 0px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"].default-style { | |
| padding: 0px 20px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .work-meta { | |
| padding: 0px 15px; | |
| } | |
| .carousel-wrap[data-full-width="true"].default-style .work-meta { | |
| padding: 0px!important; | |
| } | |
| body .carousel li.span_4, body .portfolio-items.carousel li.span_4 { | |
| margin: 0px 10px 0px 10px; | |
| } | |
| .carousel-wrap[data-full-width="true"].default-style li.span_4 { | |
| margin: 0px 15px 0px 15px; | |
| } | |
| .carousel li.span_4 .clear { | |
| padding-bottom: 0px; | |
| margin-bottom: 0px; | |
| } | |
| .full-width-content .vc_span9 .caroufredsel_wrapper, | |
| .full-width-content .vc_span9 .carousel-wrap | |
| .full-width-content .vc_span8 .caroufredsel_wrapper, | |
| .full-width-content .vc_span8 .carousel-wrap | |
| .full-width-content .vc_span6 .caroufredsel_wrapper, | |
| .full-width-content .vc_span6 .carousel-wrap, | |
| .full-width-content .vc_span4 .caroufredsel_wrapper, | |
| .full-width-content .vc_span4 .carousel-wrap, | |
| .full-width-content .vc_span3 .caroufredsel_wrapper, | |
| .full-width-content .vc_span3 .carousel-wrap { | |
| overflow: hidden!important; | |
| } | |
| body .products-carousel ul { | |
| opacity: 0; | |
| } | |
| body .products-carousel .products li.product { | |
| margin-right: 15px!important; | |
| margin-left: 15px!important; | |
| margin-bottom: 25px!important; | |
| clear: none!important; | |
| float: left!important; | |
| } | |
| body .products-carousel .carousel-prev { | |
| left: -77px!important; | |
| top: 49%!important; | |
| transform: translateY(-50%); | |
| -webkit-transform: translateY(-50%); | |
| } | |
| body .products-carousel .carousel-next { | |
| right: -96px!important; | |
| top: 49%!important; | |
| transform: translateY(-50%); | |
| -webkit-transform: translateY(-50%); | |
| } | |
| body .products-carousel:hover .carousel-prev { left: 9px!important; } | |
| body .full-width-content .products-carousel:hover .carousel-prev { left: 7px!important; } | |
| body .products-carousel:hover .carousel-next { right: 16px!important; } | |
| body .products-carousel .carousel-next, body .products-carousel .carousel-prev { | |
| height: 60px!important; | |
| line-height: 60px!important; | |
| width: 55px!important; | |
| border: none!important; | |
| /*background-color: rgba(255,255,255,0.5);*/ | |
| z-index: 1000; | |
| transition: all 0.45s ease 0s!important; | |
| -webkit-transition: all 0.45s ease 0s!important; | |
| -moz-transition: all 0.45s ease 0s!important; | |
| } | |
| body .products-carousel .carousel-next i, body .products-carousel .carousel-prev i { | |
| color: #777; | |
| height: 20px; | |
| line-height: 19px; | |
| transition: all 0.25s ease 0s!important; | |
| -webkit-transition: all 0.25s ease 0s!important; | |
| -moz-transition: all 0.25s ease 0s!important; | |
| } | |
| body .products-carousel .carousel-next:hover i, body .products-carousel .carousel-prev:hover i { | |
| color: #fff; | |
| } | |
| /* | |
| Theme Name: Salient | |
| Theme URI: http://www.themenectar.com | |
| Author: ThemeNectar | |
| Author URI: http://themenectar.com | |
| Description: An Ultra Responsive Multi-Purpose Theme. | |
| Version: 6.1.72 | |
| License: GNU General Public License version 3.0 | |
| License URI: http://www.gnu.org/licenses/gpl-3.0.html | |
| ------------------------------------------------------------------------- | |
| 1. Browser Reset + Font Face | |
| 2. Globally Applied Styles | |
| 3. Header + Search Bar Styles | |
| 4. Plugin Related Styles | |
| 5. Page + Custom Page Layout Styles | |
| 6. Nectar Shortcode Styles | |
| 7. Footer Styles | |
| 8. Sidebar Styles | |
| 9. Blog + Pagination Styles | |
| 10. Comment Styles | |
| 11. General Form Styles | |
| -------------------------------------------------------------------------*/ | |
| /* retina logo */ | |
| @media only screen and (-o-min-device-pixel-ratio: 3/2), | |
| only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
| only screen and (min-device-pixel-ratio: 1.5), | |
| only screen and (min-resolution: 144dpi) { | |
| header#top #logo .retina-logo { display: block!important; } | |
| header#top #logo .default-logo { display: none!important; } | |
| #header-outer.transparent.directional-nav-effect header#top #logo img.retina-logo { | |
| display: inline!important; | |
| } | |
| } | |
| @media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { | |
| header#top #logo .retina-logo { display: block!important; } | |
| header#top #logo .default-logo { display: none!important; } | |
| #header-outer.transparent.directional-nav-effect header#top #logo img.retina-logo { | |
| display: inline!important; | |
| } | |
| } | |
| header#top #logo:hover { | |
| color: #27CFC3; | |
| } | |
| header#top #logo img { | |
| /*max-height: 30px;*/ | |
| text-indent: -9999px; | |
| max-width: none; | |
| width: auto; | |
| margin-bottom: 0px; | |
| display: block; | |
| transition: opacity 0.4s ease; | |
| } | |
| header#top { | |
| position: relative; | |
| z-index: 9998; | |
| width: 100%; | |
| } | |
| header#top .container .row { | |
| padding-bottom: 0px; | |
| } | |
| header#top nav > ul { | |
| float: right; | |
| overflow: visible!important; | |
| transition: padding 0.8s ease, margin 0.25s ease; | |
| min-height: 1px; | |
| line-height: 1px; | |
| } | |
| body:not(.ascend) header#top nav > ul.buttons, | |
| #header-outer[data-format="centered-menu-under-logo"] header#top nav > ul.buttons { | |
| margin-left: 15px; | |
| } | |
| body.ascend #header-outer[data-full-width="true"] header#top nav > ul.buttons { | |
| margin-left: 0px; | |
| } | |
| header#top nav > ul.buttons { | |
| transition: padding 0.8s ease; | |
| } | |
| header#top nav > ul .slide-out-widget-area-toggle { | |
| transition: margin 0.25s ease; | |
| } | |
| .side-widget-open header#top nav > ul .slide-out-widget-area-toggle { | |
| transition: margin 0.75s ease; | |
| } | |
| #header-outer[data-transparency-option="1"][data-full-width="true"].side-widget-open { | |
| box-shadow: none; | |
| } | |
| #header-outer[data-format="centered-menu"] header#top nav > ul.sf-menu li, | |
| #header-outer.side-widget-open.hidden-menu header#top nav > ul.sf-menu li { | |
| transition: opacity 0.75s ease; | |
| } | |
| #header-outer[data-format="centered-menu"].side-widget-open header#top nav > ul.sf-menu li, | |
| #header-outer.side-widget-open.hidden-menu header#top nav > ul.sf-menu li{ | |
| opacity: 0; | |
| } | |
| /*centered menu */ | |
| #header-outer[data-format="centered-menu"] header#top .span_9, #header-outer[data-format="centered-menu"] header#top .span_9 .sf-menu { | |
| left: 0; | |
| position: relative; | |
| text-align: center!important; | |
| width: 100%; | |
| z-index: 1; | |
| } | |
| #header-outer[data-format="centered-menu"][data-full-width="false"] header#top .span_9 #search-btn > div, | |
| body:not(.ascend) #header-outer[data-format="centered-menu"] header#top .span_9 #search-btn > div { | |
| border: none; | |
| } | |
| #header-outer[data-format="centered-menu"] header#top nav > ul.sf-menu > li { | |
| float: none; | |
| display: inline-block; | |
| } | |
| #header-outer[data-format="centered-menu"] header#top nav > ul.sf-menu > li.megamenu { | |
| position: static!important; | |
| } | |
| #header-outer[data-format="centered-menu"] header#top nav > ul.sf-menu > li ul { | |
| text-align: left; | |
| } | |
| #header-outer[data-format="centered-menu"] header#top nav > ul.buttons, #header-outer[data-format="centered-menu"] header#top .span_3 { | |
| z-index: 10; | |
| position: absolute; | |
| } | |
| #header-outer header#top nav > ul.buttons { | |
| right: 0; | |
| height: 100%; | |
| overflow: hidden!important; | |
| } | |
| #header-outer[data-format="centered-menu"] header#top .span_3 { | |
| left: 0; | |
| } | |
| /*centered menu under logo */ | |
| #header-outer[data-format="centered-menu-under-logo"] header#top nav { | |
| display: inline-block; | |
| } | |
| #header-outer[data-format="centered-menu-under-logo"] .span_9 { | |
| text-align: center; | |
| line-height: 1px; | |
| } | |
| #header-outer[data-format="centered-menu-under-logo"] .span_9, body #header-outer[data-format="centered-menu-under-logo"] .span_3 { | |
| display: block!important; | |
| float: none!important; | |
| width: 100%!important; | |
| } | |
| body #header-outer[data-format="centered-menu-under-logo"] .span_3 { | |
| text-align: center; | |
| margin-bottom: 15px; | |
| } | |
| #header-outer[data-format="centered-menu-under-logo"] header#top nav > ul.sf-menu > li ul { | |
| text-align: left; | |
| } | |
| #header-outer[data-format="centered-menu-under-logo"] header#top .span_9 { | |
| position: relative !important; | |
| } | |
| #header-outer[data-format="centered-menu-under-logo"] header#top #logo img { | |
| margin: 0 auto 17px auto; | |
| } | |
| #header-outer[data-format="centered-menu-under-logo"] header#top #logo { | |
| text-align: center; | |
| position: relative; | |
| } | |
| #header-outer[data-format="centered-menu-under-logo"] header#top #logo .starting-logo { | |
| position: absolute; | |
| margin-bottom: 0; | |
| top: 0; | |
| left: 50%; | |
| transform: translateX(-50%); | |
| -webkit-transform: translateX(-50%); | |
| -moz-transform: translateX(-50%); | |
| } | |
| header#top nav ul li { | |
| float: right; | |
| } | |
| header#top nav > ul > li { | |
| float: left; | |
| } | |
| header#top nav > ul > li > a { | |
| padding: 0px 10px 0px 10px; | |
| display: block; | |
| color: #676767; | |
| font-size: 12px; | |
| line-height: 20px; | |
| -webkit-transition: color 0.1s linear; | |
| -moz-transition: color 0.1s linear; | |
| -o-transition: color 0.1s linear; | |
| transition: color 0.1s linear; | |
| } | |
| html:not(.js) header#top nav > ul > li > a { | |
| padding-bottom: 46px; | |
| } | |
| header#top nav ul li a:hover, header#top nav .sf-menu li.sfHover > a, header#top nav .sf-menu li.current_page_ancestor > a, header#top nav .sf-menu li.current-menu-item > a, header#top nav .sf-menu li.current-menu-ancestor > a, header#top nav .sf-menu li.current_page_item > a { | |
| color: #27CFC3; | |
| } | |
| header#top nav .sf-menu li.current_page_item > a .sf-sub-indicator [class^="icon-"], header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator [class^="icon-"] { | |
| color: #27CFC3; | |
| } | |
| header#top nav ul li a { | |
| color: #888; | |
| } | |
| .sf-menu > li.current_page_ancestor > a > .sf-sub-indicator [class^="icon-"], .sf-menu > li.current-menu-ancestor > a > .sf-sub-indicator [class^="icon-"], .sf-menu > li.current_page_item > a > .sf-sub-indicator [class^="icon-"] { | |
| color: #27CFC3; | |
| } | |
| .sf-menu ul li.current_page_item > a , .sf-menu ul li.current-menu-ancestor > a, .sf-menu ul li.current_page_ancestor > a { | |
| color: #27CFC3; | |
| } | |
| body header#top nav > ul > li > ul.temp-hidden-display, body #header-secondary-outer nav > ul > li > ul.temp-hidden-display { | |
| display: block!important; | |
| opacity: 0; | |
| left: 0!important; | |
| right: auto!important; | |
| } | |
| body header#top nav > ul > li.edge > ul, body #header-secondary-outer nav > ul > li.edge > ul { | |
| left: auto; | |
| right: 0; | |
| } | |
| body header#top nav > ul > li li.edge > ul, body #header-secondary-outer nav > ul > li li.edge > ul { | |
| left: auto; | |
| right: 0; | |
| } | |
| header#top .span_9 { | |
| position: static!important; | |
| } | |
| header#top nav > ul > li.megamenu { | |
| position: inherit!important; | |
| } | |
| header#top nav > ul > li.megamenu > ul.sub-menu { | |
| width: 100%; | |
| left: 0px; | |
| padding: 15px 0px; | |
| background-color: #1C1C1C; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li { | |
| display: table-cell!important; | |
| float: none!important; | |
| padding: 0px 15px; | |
| width: 33.33%; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li:last-child { | |
| border-right: none!important; | |
| } | |
| header#top nav > ul > li.megamenu.columns-3 > ul > li { width: 33.33%; } | |
| header#top nav > ul > li.megamenu.columns-4 > ul > li { width: 25%; } | |
| header#top nav > ul > li.megamenu.columns-5 > ul > li { width: 20%; } | |
| header#top nav > ul > li.megamenu.columns-6 > ul > li { width: 16.66%; } | |
| header#top nav > ul > li.megamenu > ul > li ul { | |
| display: block!important; | |
| top: 0px!important; | |
| width: 100%; | |
| opacity: 1!Important; | |
| left: 0px!important; | |
| position: relative!important; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li { | |
| border-right: 1px solid rgba(255, 255, 255, 0.08); | |
| } | |
| header#top nav > ul > li.megamenu ul li a { | |
| border-bottom: none!important; | |
| padding: 9px 15px; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li > a { | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| font-size: 12px; | |
| text-transform: uppercase; | |
| margin-bottom: 5px; | |
| letter-spacing: 2px; | |
| } | |
| header#top nav > ul > li.megamenu > ul ul li a:hover, header#top nav > ul > li.megamenu > ul ul li.current-menu-item a { | |
| color: #CCCCCC!important; | |
| background-color: #272727!important; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li > a:hover, header#top nav > ul > li.megamenu > ul > li.sfHover > a { | |
| background-color: transparent!important; | |
| } | |
| header#top .menu-item-language .iclflag, #header-secondary-outer .menu-item-language .iclflag { | |
| top: 1px; | |
| position: relative; | |
| margin-right: 4px; | |
| } | |
| #header-secondary-outer .menu-item-language .iclflag { | |
| top: 2px; | |
| } | |
| /*header#top nav ul #search-btn { | |
| margin-left: 15px!important; | |
| }*/ | |
| header#top nav ul.buttons li { | |
| line-height: 12px; | |
| position: relative; | |
| } | |
| header#top nav ul .slide-out-widget-area-toggle { | |
| margin-left: 15px; | |
| margin-right: 5px; | |
| } | |
| header#top nav ul #search-btn > div { | |
| border-left: 1px solid #e7e7e7; | |
| padding-left: 19px; | |
| } | |
| .ascend #header-outer[data-remove-border="true"][data-full-width="true"] header#top nav ul #search-btn > div { | |
| padding-left: 0; | |
| } | |
| #header-outer[data-remove-border="true"][data-full-width="true"] header#top nav .lines-button { | |
| top: -2px; | |
| } | |
| body[data-header-color="custom"] header#top nav ul #search-btn > div { | |
| border-left: 1px solid rgba(0,0,0,0.15); | |
| } | |
| header#top nav ul #search-btn a, header#top nav ul .slide-out-widget-area-toggle a { | |
| padding-left: 23px; | |
| padding: 0px 0px 0px 0px; | |
| width: 24px; | |
| height: 24px; | |
| display: block; | |
| background-position: right top; | |
| background-repeat: no-repeat; | |
| box-sizing: content-box!important; | |
| -moz-box-sizing: content-box!important; | |
| } | |
| header#top nav ul .slide-out-widget-area-toggle a { | |
| width: 22px; | |
| } | |
| header#top nav ul[data-user-set-ocm="off"] .slide-out-widget-area-toggle { | |
| display: none; | |
| } | |
| header#top nav ul #search-btn a span { | |
| color: rgba(0,0,0,0.4); | |
| font-size: 16px; | |
| line-height: 24px!important; | |
| height: 24px!important; | |
| background-color: transparent!important; | |
| -webkit-transition: color 0.2s linear; | |
| -moz-transition: color 0.2s linear; | |
| -o-transition: color 0.2s linear; | |
| transition: color 0.2s linear; | |
| } | |
| header#top nav ul #search-btn a span:hover { | |
| color: #27CCC0!important; | |
| } | |
| #header-secondary-outer { | |
| position: fixed; | |
| top: 0px; | |
| left: 0px; | |
| width: 100%; | |
| z-index: 9999; | |
| background-color: #F8F8F8; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| body[data-header-color="custom"] #header-secondary-outer { | |
| border-bottom: 1px solid rgba(0,0,0,0.1); | |
| } | |
| .admin-bar #header-secondary-outer, .logged-in.buddypress #header-secondary-outer { | |
| top: 31px; | |
| } | |
| #header-secondary-outer #social { | |
| float: left; | |
| } | |
| #header-secondary-outer #social li { | |
| float: left; | |
| } | |
| #header-secondary-outer #social a { | |
| line-height: 20px!important; | |
| } | |
| #header-secondary-outer #social i { | |
| height: 14px!important; | |
| line-height: 14px!important; | |
| font-size: 14px!important; | |
| color: #a6a6a6!important; | |
| } | |
| #header-secondary-outer #social i.icon-soundcloud { font-size: 18px!important; } | |
| #header-secondary-outer #social li a { | |
| position: relative; | |
| padding: 8px 10px 8px 10px!important; | |
| height: 16px!important; | |
| box-sizing: content-box!important; | |
| -moz-box-sizing: content-box!important; | |
| -webkit-box-sizing: content-box!important; | |
| -o-box-sizing: content-box!important; | |
| } | |
| #header-secondary-outer #social a:hover i { | |
| color: #27CCC0!important; | |
| } | |
| #header-secondary-outer ul { | |
| height: 32px; | |
| z-index: 1000; | |
| } | |
| #header-secondary-outer nav > ul > li > a { | |
| color: rgba(0,0,0,0.55); | |
| border-left: 1px solid #ddd; | |
| line-height: 13px!important; | |
| font-size: 11px!important; | |
| padding: 10px!Important; | |
| } | |
| body[data-header-color="custom"] #header-secondary-outer nav > ul > li > a { | |
| border-left: 1px solid rgba(0,0,0,0.1); | |
| } | |
| #header-secondary-outer nav > ul > li > a:hover, #header-secondary-outer nav > ul > li.current-menu-item > a, #header-secondary-outer nav > ul > li.current-menu-ancestor > a { | |
| color: rgba(0,0,0,0.8); | |
| } | |
| #header-secondary-outer nav > ul > li > a .sf-sub-indicator { | |
| margin-right: 5px; | |
| height: 11px!important; | |
| } | |
| #header-secondary-outer nav > ul > li:last-child { | |
| border-right: 1px solid #ddd; | |
| } | |
| body[data-header-color="custom"] #header-secondary-outer nav > ul > li:last-child { | |
| border-right: 1px solid rgba(0,0,0,0.1); | |
| } | |
| #header-secondary-outer nav > ul > li > a span.sf-sub-indicator [class^="icon-"], #header-secondary-outer nav > ul > li > a span.sf-sub-indicator [class*=" icon-"] { | |
| color: rgba(0,0,0,0.45)!important; | |
| } | |
| #header-secondary-outer ul ul li a { | |
| background-color: #1F1F1F; | |
| color: #CCCCCC; | |
| } | |
| #header-secondary-outer ul > li.menu-item-language-current > a { | |
| height: 32px!important; | |
| padding-top: 8px!important; | |
| } | |
| #header-secondary-outer #social li a.behance, #header-secondary-outer #social li a.vimeo { | |
| background-color: #a6a6a6!important; | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| text-indent: -9999px; | |
| } | |
| #header-secondary-outer #social li a.behance:hover, #header-secondary-outer #social li a.vimeo:hover { | |
| background-color: #27CCC0!important; | |
| } | |
| #header-secondary-outer #social li a.vimeo { | |
| width: 15px; | |
| } | |
| #header-secondary-outer #social li a.behance { | |
| width: 17px; | |
| } | |
| header#top nav ul #search-btn a:hover, header#top nav ul li.sfHover #search-btn a:focus { | |
| } | |
| header#top nav ul #search-btn:hover span, header#top nav ul li.sfHover #search-btn:focus span { | |
| opacity: 1; | |
| } | |
| header#top #toggle-nav { | |
| position: absolute; | |
| right: 0px; | |
| top: 5px; | |
| display: none; | |
| width: 36px; | |
| height: 28px; | |
| text-align: right; | |
| margin-bottom: 10px; | |
| } | |
| header#top #mobile-cart-link { | |
| position: absolute; | |
| right: 32px; | |
| top: 4px; | |
| display: none; | |
| width: 36px; | |
| height: 28px; | |
| text-align: right; | |
| margin-bottom: 10px; | |
| z-index: 10000; | |
| } | |
| header#top .span_9 > .slide-out-widget-area-toggle { | |
| display: none; | |
| position: absolute; | |
| right: 0px; | |
| top: 5px; | |
| width: 36px; | |
| height: 28px; | |
| text-align: right; | |
| margin-bottom: 10px; | |
| z-index: 10000; | |
| } | |
| header#top #toggle-nav i, header#top #mobile-cart-link i, header#top .span_9 > .slide-out-widget-area-toggle i { | |
| background-color: transparent!important; | |
| color: #a9a9a9; | |
| line-height: 34px; | |
| font-size: 18px; | |
| width: 18px; | |
| transition: color 0.3s linear; | |
| -webkit-transition: color 0.3s linear; | |
| } | |
| @media only screen and (min-width: 1001px) { | |
| body #header-outer[data-transparent-header="true"], body #header-outer[data-transparent-header="true"] .cart-menu { | |
| transition: background-color 0.40s ease, box-shadow 0.40s ease; | |
| -moz-transition: background-color 0.40s ease, box-shadow 0.40s ease; | |
| -webkit-transition: background-color 0.40s ease, box-shadow 0.40s ease; | |
| } | |
| body #header-outer[data-transparent-header="true"].transparent, body #header-outer[data-transparent-header="true"].transparent .cart-menu, | |
| .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul #search-btn a, | |
| .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"] header#top nav ul .slide-out-widget-area-toggle a { | |
| transition: border-color 0.40s ease; | |
| -moz-transition: border-color 0.40s ease; | |
| -webkit-transition: border-color 0.40s ease; | |
| } | |
| body #header-outer[data-transparent-header="true"].transparent .cart-menu, | |
| body #header-outer[data-transparent-header="true"].transparent.light-text .cart-menu, | |
| body #header-outer[data-transparent-header="true"].transparent.dark-text .cart-menu { | |
| background-color: transparent; | |
| border-left: 1px solid rgba(255,255,255,0.25); | |
| } | |
| body:not(.ascend) #boxed #header-outer[data-transparent-header="true"].transparent .cart-menu { | |
| border: none!important; | |
| } | |
| body #header-outer[data-transparent-header="true"] .cart-outer .cart-notification, body #header-outer[data-transparent-header="true"] .cart-outer .widget_shopping_cart { | |
| margin-top: 1px; | |
| } | |
| html body #header-outer[data-transparent-header="true"].transparent { | |
| background-color: transparent!important; | |
| box-shadow: none!important; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| -o-box-shadow: none; | |
| border-bottom: 1px solid rgba(255,255,255,0.25)!important; | |
| } | |
| #boxed #header-outer[data-transparent-header="true"].transparent { | |
| border-bottom: 1px solid rgba(255,255,255,0.25)!important; | |
| } | |
| body #header-outer[data-transparent-header="true"].transparent.side-widget-open { | |
| border: rgba(255,255,255,0); | |
| } | |
| body #header-outer[data-transparent-header="true"].side-widget-closed { | |
| border: rgba(255,255,255,0)!important; | |
| } | |
| body #header-outer[data-transparent-header="true"].transparent nav > ul > li > a { margin-bottom: -1px; } | |
| body #header-outer[data-transparent-header="true"][data-format="centered-menu"].transparent.side-widget-open.small-nav nav > ul > li > a { margin-bottom: 0px; } | |
| body #header-outer[data-transparent-header="true"] header#top nav ul #search-btn > div { | |
| border-left: 1px solid rgba(0,0,0,0.1); | |
| } | |
| body #header-outer[data-transparent-header="true"].transparent header#top nav ul #search-btn > div { | |
| border-left: 1px solid rgba(255,255,255,0.25); | |
| } | |
| body #header-outer[data-transparent-header="true"] .ns-loading-cover { | |
| background-color: #393939; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| display: none; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent #logo img, | |
| #header-outer[data-transparent-header="true"] #logo .starting-logo, | |
| #header-outer[data-transparent-header="true"].light-text #logo img { | |
| opacity: 0; | |
| -ms-filter: 'alpha(opacity=0)'; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent #logo .starting-logo, | |
| #header-outer[data-transparent-header="true"].light-text #logo .starting-logo { | |
| opacity: 1; | |
| -ms-filter: 'alpha(opacity=100)'; | |
| } | |
| html body #header-outer[data-transparent-header="true"][data-remove-border="true"], | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a, | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a, | |
| #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu, | |
| #header-outer[data-transparent-header="true"][data-full-width="false"][data-remove-border="true"].transparent .cart-menu, | |
| html body #boxed #header-outer[data-transparent-header="true"][data-remove-border="true"] { | |
| border: none!important; | |
| } | |
| .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a:after, | |
| .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a:after, | |
| .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu:after { | |
| border-left: 1px solid rgba(255, 255, 255, 0.25)!important; | |
| display: inline-block; | |
| content: ""; | |
| width: 11px; | |
| height: 20px; | |
| position: absolute; | |
| left: -1px; | |
| opacity: 1; | |
| top: 50%; | |
| margin-top:-10px; | |
| transition: top 0.3s ease-out, margin-top 0.3s ease-out, height 0.3s ease-out, color 0.15s linear; | |
| } | |
| .ascend[data-header-search="false"] #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"][data-cart="false"] header#top nav ul .slide-out-widget-area-toggle a:after { | |
| border: none!important; | |
| } | |
| #header-outer.transparent[data-remove-border="true"] .ns-loading-cover { | |
| display: none!important; | |
| } | |
| body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"] { | |
| transition: background-color 0.4s ease 0s, box-shadow 0.4s ease 0s; | |
| -webkit-transition: background-color 0.4s ease 0s, box-shadow 0.4s ease 0s; | |
| -o-transition: background-color 0.4s ease 0s, box-shadow 0.4s ease 0s; | |
| } | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a:after, | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a:after, | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu:after { | |
| height: 100%; | |
| color: #000; | |
| top: 0; | |
| border-left: 1px solid rgba(0, 0, 0, 0.07); | |
| display: inline-block; | |
| content: ""; | |
| width: 11px; | |
| position: absolute; | |
| left: -1px; | |
| transition: top 0.3s ease, margin-top 0.3s ease, height 0.3s ease, color 0.15s linear; | |
| } | |
| body:not(.ascend) #header-outer[data-transparent-header="true"][data-remove-border="true"]:not(.transparent) .cart-menu:after { | |
| border-left: 1px solid rgba(0, 0, 0, 0); | |
| } | |
| } | |
| /*light/dark text color */ | |
| #header-outer.light-text header#top nav > ul > li > a, | |
| #header-outer.light-text header#top nav ul #search-btn a span, | |
| #header-outer.light-text nav > ul > li > a > .sf-sub-indicator [class^="icon-"], | |
| #header-outer.light-text .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| .ascend #boxed #header-outer.light-text .cart-menu .cart-icon-wrap .icon-salient-cart { | |
| color: #fff!important; | |
| opacity: 0.7; | |
| } | |
| #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines:before, | |
| #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines:after { | |
| background-color: #ffffff !important; | |
| } | |
| #header-outer.dark-text header#top nav > ul > li > a, | |
| #header-outer.dark-text header#top nav ul #search-btn a span, | |
| #header-outer.dark-text nav > ul > li > a > .sf-sub-indicator [class^="icon-"], | |
| #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| .ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart { | |
| color: #444!important; | |
| opacity: 0.7; | |
| } | |
| #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines:before, | |
| #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines:after { | |
| background-color: #444 !important; | |
| } | |
| #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines { | |
| opacity: 0.7; | |
| } | |
| #header-outer.light-text header#top nav > ul > li > a:hover, #header-outer.light-text header#top nav .sf-menu > li.sfHover > a, #header-outer.light-text header#top nav .sf-menu > li.current_page_ancestor > a, | |
| #header-outer.light-text header#top nav .sf-menu > li.current-menu-item > a, #header-outer.light-text header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.light-text header#top nav .sf-menu > li.current_page_item > a, | |
| #header-outer.light-text header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.light-text header#top nav > ul > li.sfHover > a > span > i, #header-outer.light-text header#top nav ul #search-btn a:hover span, #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a:hover span, | |
| #header-outer.light-text header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.light-text header#top nav .sf-menu > li.current-menu-ancestor > a i, | |
| #header-outer.light-text .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.light-text .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| #header-outer.dark-text header#top nav > ul > li > a:hover, #header-outer.dark-text header#top nav .sf-menu > li.sfHover > a, #header-outer.dark-text header#top nav .sf-menu > li.current_page_ancestor > a, | |
| #header-outer.dark-text header#top nav .sf-menu > li.current-menu-item > a, #header-outer.dark-text header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.dark-text header#top nav .sf-menu > li.current_page_item > a, | |
| #header-outer.dark-text header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.dark-text header#top nav > ul > li.sfHover > a > span > i, #header-outer.dark-text header#top nav ul #search-btn a:hover span, #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a:hover span, | |
| #header-outer.dark-text header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.dark-text header#top nav .sf-menu > li.current-menu-ancestor > a i, | |
| #header-outer.dark-text .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart { | |
| opacity: 1!important; | |
| } | |
| #header-outer.light-text.side-widget-open header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines, | |
| #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:before, | |
| #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:after, | |
| #header-outer.dark-text.side-widget-open header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines, | |
| #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:before, | |
| #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:after { | |
| opacity: 1!important; | |
| } | |
| #header-outer.light-text header#top nav > ul > li > a, | |
| #header-outer.light-text header#top nav > ul > li *, | |
| body.ascend #header-outer.light-text .cart-menu, | |
| #header-outer.dark-text header#top nav > ul > li > a, | |
| #header-outer.dark-text header#top nav > ul > li *, | |
| .ascend #header-outer[data-full-width="true"].dark-text header#top nav ul #search-btn a, | |
| .ascend #header-outer[data-full-width="true"].dark-text header#top nav ul .slide-out-widget-area-toggle a, | |
| .ascend #header-outer[data-full-width="true"].light-text header#top nav ul #search-btn a, | |
| .ascend #header-outer[data-full-width="true"].light-text header#top nav ul .slide-out-widget-area-toggle a, | |
| body.ascend #header-outer.dark-text .cart-menu { | |
| border-color: rgba(0,0,0,0.1); | |
| } | |
| #header-outer[data-full-width="true"][data-cart="true"] header#top nav ul .slide-out-widget-area-toggle { | |
| position: relative; | |
| } | |
| #search-outer { | |
| top:0px; | |
| left:0px; | |
| width:100%; | |
| height:75px; | |
| position:absolute; | |
| z-index:10000; | |
| overflow: visible!important; | |
| display:none; | |
| background-color:#fff; | |
| } | |
| #boxed #search-outer, #boxed #header-outer, #boxed #header-secondary-outer { | |
| padding-right: 0!important; | |
| } | |
| #search-box { | |
| position: relative; | |
| } | |
| #search-outer .container { | |
| overflow: visible!important; | |
| } | |
| #search-outer #search input[type=text] { | |
| width: 100%; | |
| color: #888; | |
| font-size: 43px; | |
| line-height: 43px; | |
| position: relative; | |
| padding: 0px!important; | |
| background-color: transparent; | |
| border: 0px; | |
| transition: none; | |
| -moz-transition: none; | |
| -webkit-transition: none; | |
| -o-transition: none; | |
| box-shadow: none!important; | |
| -moz-box-shadow: none!important; | |
| -webkit-box-shadow: none!important; | |
| -o-box-shadow: none!important; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| #search-outer .ui-widget-content { | |
| background-color: #1F1F1F; | |
| border: none!important; | |
| border-radius: 0px!important; | |
| -moz-border-radius: 0px!important; | |
| -webkit-border-radius: 0px!important; | |
| -o-border-radius: 0px!important; | |
| background-image: none!important; | |
| } | |
| #search-outer .ui-widget-content li:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { | |
| background-color: #272727; | |
| cursor: pointer; | |
| } | |
| #search-outer .ui-widget-content li:hover a { | |
| background-image: none!important; | |
| } | |
| #search-outer .ui-widget-content li:last-child a { | |
| border: none!Important; | |
| } | |
| #search-outer .ui-widget-content li a { | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.1); | |
| } | |
| .ui-helper-hidden-accessible { | |
| display: none; | |
| } | |
| #search-outer .ui-helper-hidden-accessible { | |
| display: none!important; | |
| } | |
| #search-outer .ui-widget-content img, #search-outer .ui-widget-content i { | |
| width: 40px!important; | |
| height: auto!important; | |
| float: left; | |
| margin-right: 15px; | |
| } | |
| #search-outer .ui-widget-content i { | |
| height: 40px; | |
| line-height: 40px; | |
| font-size: 22px; | |
| background-color: rgba(255,255,255,0.1); | |
| border-radius: 0!important; | |
| } | |
| .ui-widget { | |
| font-family: Verdana,Arial,sans-serif; | |
| font-size: 1.1em; | |
| } | |
| .ui-menu { | |
| display: block; | |
| float: left; | |
| list-style: none outside none; | |
| margin: 0; | |
| padding: 2px; | |
| } | |
| .ui-autocomplete { | |
| cursor: default; | |
| position: absolute; | |
| } | |
| .ui-menu .ui-menu-item a { | |
| display: block; | |
| line-height: 1.5; | |
| padding: 0.2em 0.4em; | |
| text-decoration: none; | |
| } | |
| #search-outer .ui-widget-content { | |
| width: 100%!important; | |
| left: 0!important; | |
| } | |
| #search-outer .ui-widget-content li { | |
| line-height: 14px; | |
| clear: left; | |
| width: 100%; | |
| display: block; | |
| float: left; | |
| margin: 0px!important; | |
| } | |
| #search-outer .ui-widget-content li span.desc { | |
| position: relative; | |
| line-height: 14px; | |
| font-size: 11px; | |
| } | |
| #search-outer .ui-widget-content li a { | |
| color: #CCCCCC; | |
| line-height: 1.4em!important; | |
| transition: none!important; | |
| -moz-transition: none!important; | |
| -webkit-transition: none!important; | |
| -o-transition: none!important; | |
| padding: 15px 15px; | |
| } | |
| #search-outer > #search form { | |
| width: 92%; | |
| float: left; | |
| } | |
| #search-outer #search #close { | |
| list-style: none; | |
| } | |
| #search-outer #search #close a { | |
| position: absolute; | |
| right: 0px; | |
| top: 24px; | |
| display: block; | |
| width: 24px; | |
| height: 17px; | |
| line-height: 22px; | |
| z-index: 10; | |
| } | |
| #search-outer #search #close a span { | |
| color: #a0a0a0; | |
| font-size: 18px!important; | |
| height: 20px!important; | |
| line-height: 19px!important; | |
| background-color: transparent!important; | |
| -webkit-transition: color 0.2s linear; | |
| -moz-transition: color 0.2s linear; | |
| -o-transition: color 0.2s linear; | |
| transition: color 0.2s linear; | |
| } | |
| #search-outer > #search #close a:hover span { | |
| color: #27CFC3; | |
| } | |
| #header-outer #search { | |
| position: relative; | |
| } | |
| #header-outer .row .col.span_3, #header-outer .row .col.span_9 { | |
| width: auto; | |
| } | |
| #header-outer .row .col.span_9 { | |
| float: right; | |
| } | |
| #header-outer[data-full-width="true"] header > .container, | |
| #header-secondary-outer[data-full-width="true"] > .container { | |
| width: 100%; | |
| max-width: 100%; | |
| padding: 0 28px!important; | |
| } | |
| body .container .portfolio-filters-inline.full-width-content .container { | |
| width: 100%; | |
| max-width: 100%; | |
| padding: 0 31px!important; | |
| } | |
| #header-secondary-outer[data-full-width="true"] > .container nav > ul > li:last-child, #header-secondary-outer[data-full-width="true"] nav > ul#social > li:first-child > a { | |
| border: none; | |
| } | |
| .row .col h3, .row .col h4 { | |
| margin-bottom: 8px; | |
| } | |
| .row .col img { | |
| margin-bottom: 15px; | |
| max-width: 100%; | |
| width: auto; | |
| height: auto; | |
| } | |
| #mobile-menu { | |
| position: relative; | |
| top: 0px; | |
| display: none; | |
| background-color: #1F1F1F; | |
| padding: 0px; | |
| z-index: 100000; | |
| } | |
| #mobile-menu .container > ul > li:first-child { | |
| padding-top: 10px; | |
| } | |
| #mobile-menu .container > ul > li:last-child { | |
| padding-bottom: 10px; | |
| } | |
| #mobile-menu .container > ul > li:last-child a { | |
| border-bottom: 0px; | |
| } | |
| #mobile-menu ul li a { | |
| border-bottom: 1px dotted rgba(255, 255, 255, 0.2); | |
| color: rgba(255, 255, 255, 0.6); | |
| font-size: 12px; | |
| display: block; | |
| position: relative; | |
| padding: 16px 0 !important; | |
| } | |
| #mobile-menu ul li a .sf-sub-indicator i { | |
| color: #888!important; | |
| } | |
| #mobile-menu ul li ul { | |
| display: none; | |
| margin-left: 20px; | |
| } | |
| #mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="icon-"], #mobile-menu li.open > a, #mobile-menu ul li.current-menu-item > a, #mobile-menu ul li.current-menu-ancestor > a { | |
| color: #fff; | |
| } | |
| body #mobile-menu li.open > a [class^="icon-"] { | |
| color: #27CFC3; | |
| } | |
| #mobile-menu #mobile-search { | |
| margin: 10px 0px 0px 0px; | |
| } | |
| #mobile-menu input[type=text] { | |
| margin-top: 15px; | |
| margin-bottom: 15px; | |
| background-color: #171717; | |
| color: rgba(255, 255, 255, 0.7); | |
| padding: 15px 15px 15px 40px!important; | |
| border: 0px!important; | |
| border-bottom: 1px solid #2e2e2e!important; | |
| border-radius: 2px 2px 2px 2px; | |
| -moz-border-radius: 2px 2px 2px 2px; | |
| -o-border-radius: 2px 2px 2px 2px; | |
| -webkit-border-radius: 2px 2px 2px 2px; | |
| box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; | |
| -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; | |
| -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; | |
| -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; | |
| background-image: url(img/icons/mag-glass-mobile.png); | |
| background-repeat: no-repeat; | |
| background-position: 15px center; | |
| } | |
| @media only screen and (-o-min-device-pixel-ratio: 3/2), | |
| only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
| only screen and (min-device-pixel-ratio: 1.5), | |
| only screen and (min-resolution: 144dpi) { | |
| #mobile-menu input[type=text] { | |
| background-size: 14px 14px; | |
| background-image: url(img/icons/mag-glass-mobile@2x.png)!important; | |
| } | |
| } | |
| /*-------------------------------------------------------------------------*/ | |
| /* 3. Main Content | |
| /*-------------------------------------------------------------------------*/ | |
| .row .col.section-title { | |
| margin: 0px 0px 0px 0px; | |
| padding: 0px 0px 36px 0px; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| #full_width_portfolio .row .col.section-title { | |
| border-bottom: 0px; | |
| padding-bottom: 0px; | |
| } | |
| .row .col.section-title.project-title, .row .col.section-title.blog-title { | |
| margin-bottom: 14px; | |
| } | |
| .project-additional { | |
| margin-left: 0px!important; | |
| color: #999999; | |
| font-size: 11px; | |
| margin-top: 6px; | |
| margin-bottom: 0px!important; | |
| } | |
| .project-additional li { | |
| list-style: none!important; | |
| } | |
| .home .row .col.section-title { | |
| padding: 0px 0px 3em 0px; | |
| } | |
| .row .col.section-title h1, .row .col.section-title h2 { | |
| margin-bottom: 0px; | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| letter-spacing: -1px; | |
| position: relative; | |
| } | |
| .row .col.section-title h2 { | |
| margin-bottom: 5px; | |
| } | |
| .page-template-template-portfolio-php .row .col.section-title h1 { | |
| margin-bottom: 0px!important; | |
| } | |
| .row .col.section-title h1 { | |
| top: 3px; | |
| } | |
| .row .col.section-title span { | |
| font-size: 20px; | |
| line-height: 20px; | |
| color: #888; | |
| top: 0px; | |
| position: relative; | |
| text-transform: none; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| padding-left: 10px; | |
| } | |
| .row .col.section-title h1 { | |
| font-size: 28px; | |
| margin-bottom: 0px; | |
| } | |
| .row .col.section-title p { | |
| font-size: 20px; | |
| line-height: 28px; | |
| padding-bottom: 0px; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| } | |
| .wpb_wrapper > .divider, .wpb_wrapper > .divider-border , .wpb_wrapper > .divider-small-border, .wpb_text_column > .wpb_wrapper > *:last-child { | |
| margin-bottom: 0px; | |
| } | |
| .divider { | |
| height: 20px; | |
| } | |
| .divider-border { | |
| margin: 35px 0px 35px 0px; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .span_12.light .divider-border { | |
| border-color: rgba(255,255,255,0.3); | |
| } | |
| .centered-text .divider-small-border { | |
| margin: 25px auto; | |
| } | |
| .divider-small-border { | |
| margin: 25px 0; | |
| width: 20%; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| body .wpb_separator, body .vc_text_separator { | |
| border-color: rgba(0,0,0,0.06); | |
| } | |
| body .vc_text_separator div { | |
| background-color: #f8f8f8; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| font-size: 22px; | |
| line-height: 32px; | |
| letter-spacing: 0.5px; | |
| top: -20px; | |
| } | |
| .light .divider-small-border { | |
| border-bottom: 1px solid rgba(255,255,255,0.6); | |
| } | |
| .col.boxed, .wpb_column.boxed { | |
| -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2); | |
| -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); | |
| -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); | |
| box-shadow: 0 1px 2px rgba(0,0,0,0.2); | |
| background-color: #fff; | |
| padding: 25px 15px 15px 15px; | |
| position: relative; | |
| -webkit-transition: top 0.2s linear,-webkit-box-shadow 0.2s linear; | |
| -moz-transition: top 0.2s linear,-moz-box-shadow 0.2s linear; | |
| -o-transition: top 0.2s linear,-o-box-shadow 0.2s linear; | |
| transition: top 0.2s linear,box-shadow 0.2s linear; | |
| } | |
| .col.boxed span.bottom-line, .wpb_column.boxed span.bottom-line { | |
| height: 1px; | |
| width: 100%; | |
| display: block; | |
| position: absolute; | |
| bottom: 2px; | |
| left: 0px; | |
| background-color: #E8E8E8; | |
| } | |
| .col.boxed img, .wpb_column.boxed img { | |
| padding: 0px 15px; | |
| } | |
| .col.boxed:hover, .wpb_column.boxed:hover { | |
| top: -4px; | |
| -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3); | |
| -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3); | |
| box-shadow: 0 2px 3px rgba(0,0,0,0.3); | |
| } | |
| .col.centered-text, .wpb_column.centered-text { | |
| text-align: center; | |
| } | |
| .col.centered-text ul, .wpb_column.centered-text ul { | |
| display: inline-block; | |
| text-align: center; | |
| margin-left: 0!important; | |
| } | |
| .col.centered-text ul, .wpb_column.centered-text ul { | |
| text-align: left; | |
| } | |
| .wpb_column { | |
| background-position: center; | |
| } | |
| .wpb_column[data-has-bg-color="true"] .wpb_wrapper, .wpb_column[data-hover-bg^="#"] .wpb_wrapper { | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .wpb_column[data-has-bg-color="true"]:before, .wpb_column[data-hover-bg^="#"]:before { | |
| position: absolute; | |
| z-index: 1; | |
| height: 100%; | |
| width: 100%; | |
| top: 0; | |
| left: 0; | |
| content: ' '; | |
| display: block; | |
| opacity: 0; | |
| transition: background-color 0.35s ease, opacity 0.35s ease; | |
| -webkit-transition: background-color 0.35s ease, opacity 0.35s ease; | |
| -o-transition: background-color 0.35s ease, opacity 0.35s ease; | |
| -moz-transition: background-color 0.35s ease, opacity 0.35s ease; | |
| } | |
| .wpb_column[data-has-bg-color="true"]:before, .wpb_column[data-hover-bg^="#"]:before { | |
| will-change: opacity, background-color; | |
| } | |
| .col.centered-text img, .wpb_column.centered-text img, .col.center img { | |
| margin: 0 auto!important; | |
| } | |
| .col.span_3 .col.span_12 i, .col.span_4 .col.span_12 i { | |
| margin-bottom: 0px; | |
| } | |
| body .wpb_text_column { | |
| margin-bottom: 0px; | |
| } | |
| body .wpb_text_column h2:last-child, body .wpb_text_column h3:last-child { | |
| margin-bottom: 10px; | |
| } | |
| /* Full width content solumn sizing*/ | |
| .wpb_row .span_12 > .col.padding-1-percent { padding: 1%; } | |
| .wpb_row .span_12 > .col.padding-2-percent { padding: 2%; } | |
| .wpb_row .span_12 > .col.padding-3-percent { padding: 3%; } | |
| .wpb_row .span_12 > .col.padding-4-percent { padding: 4%; } | |
| .wpb_row .span_12 > .col.padding-5-percent { padding: 5%; } | |
| .wpb_row .span_12 > .col.padding-6-percent { padding: 6%; } | |
| .wpb_row .span_12 > .col.padding-7-percent { padding: 7%; } | |
| .wpb_row .span_12 > .col.padding-8-percent { padding: 8%; } | |
| .wpb_row .span_12 > .col.padding-9-percent { padding: 9%; } | |
| .wpb_row .span_12 > .col.padding-10-percent { padding: 10%; } | |
| .wpb_row .span_12 > .col.padding-11-percent { padding: 11%; } | |
| .wpb_row .span_12 > .col.padding-12-percent { padding: 12%; } | |
| .wpb_row .span_12 > .col.padding-13-percent { padding: 13%; } | |
| .wpb_row .span_12 > .col.padding-14-percent { padding: 14%; } | |
| .wpb_row .span_12 > .col.padding-15-percent { padding: 15%; } | |
| .col[data-padding-pos="right"] { | |
| padding-left: 0!important; | |
| padding-top: 0!important; | |
| padding-bottom: 0!important; | |
| } | |
| .col[data-padding-pos="left"] { | |
| padding-right: 0!important; | |
| padding-top: 0!important; | |
| padding-bottom: 0!important; | |
| } | |
| .col[data-padding-pos="bottom"] { | |
| padding-right: 0!important; | |
| padding-top: 0!important; | |
| padding-left: 0!important; | |
| } | |
| .col[data-padding-pos="top"] { | |
| padding-right: 0!important; | |
| padding-bottom: 0!important; | |
| padding-left: 0!important; | |
| } | |
| .col[data-padding-pos="top-right"] { | |
| padding-bottom: 0!important; | |
| padding-left: 0!important; | |
| } | |
| .col[data-padding-pos="top-left"] { | |
| padding-bottom: 0!important; | |
| padding-right: 0!important; | |
| } | |
| .col[data-padding-pos="top-bottom"] { | |
| padding-left: 0!important; | |
| padding-right: 0!important; | |
| } | |
| .col[data-padding-pos="bottom-right"] { | |
| padding-left: 0!important; | |
| padding-top: 0!important; | |
| } | |
| .col[data-padding-pos="bottom-left"] { | |
| padding-right: 0!important; | |
| padding-top: 0!important; | |
| } | |
| .col[data-padding-pos="left-right"] { | |
| padding-top: 0!important; | |
| padding-bottom: 0!important; | |
| } | |
| /*****************Nectar Button ******************/ | |
| .btn { | |
| padding: 8px 16px; | |
| } | |
| .nectar-button { | |
| border-radius: 5px 5px 5px 5px; | |
| -moz-border-radius: 5px 5px 5px 5px; | |
| -webkit-border-radius: 5px 5px 5px 5px; | |
| -o-border-radius: 5px 5px 5px 5px; | |
| box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| transition: opacity 0.3s linear; | |
| -moz-transition: opacity 0.3s linear; | |
| -webkit-transition: opacity 0.3s linear; | |
| -o-transition: opacity 0.3s linear; | |
| color: #FFFFFF; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| font-size: 12px; | |
| letter-spacing: 2px!important; | |
| padding: 13px 18px; | |
| position: relative; | |
| text-transform: uppercase; | |
| top: -3px; | |
| margin-bottom: 10px; | |
| opacity: 1; | |
| line-height: 20px; | |
| background-color: #27CFC3; | |
| display: inline-block; | |
| } | |
| .nectar-button.small { | |
| border-radius: 2px 2px 2px 2px; | |
| font-size: 11px; | |
| padding: 8px 14px; | |
| letter-spacing: 2px; | |
| color: #FFFFFF; | |
| box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; | |
| -moz-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; | |
| -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; | |
| -o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; | |
| } | |
| .nectar-button.medium { | |
| border-radius: 3px 3px 3px 3px; | |
| padding: 10px 15px; | |
| font-size: 12px; | |
| letter-spacing: 2px; | |
| color: #FFFFFF; | |
| box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset; | |
| -moz-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset; | |
| -webkit-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset; | |
| -o-box-shadow: 0 -2px rgba(0, 0, 0, 0.1) inset; | |
| } | |
| .nectar-button.large { | |
| font-size: 13px; | |
| padding: 15px 22px; | |
| box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| } | |
| .nectar-button i { | |
| font-size: 18px; | |
| line-height: 18px; | |
| width: 18px; | |
| position: absolute; | |
| top: 50%; | |
| right: 30px; | |
| margin-top: -9px; | |
| opacity: 0; | |
| -ms-filter: "alpha(opacity=0)"; | |
| transition: all 0.2s ease-out; | |
| -webkit-transition: all 0.2s ease-out; | |
| } | |
| .portfolio-items .col .work-info .vert-center .custom-content .nectar-button i { | |
| opacity: 0; | |
| } | |
| .nectar-button.small i { | |
| font-size: 16px; | |
| line-height: 16px; | |
| right: 26px; | |
| } | |
| .nectar-button i.icon-button-arrow { font-size: 20px; } | |
| .nectar-button.medium i.icon-button-arrow, .nectar-button.small i.icon-button-arrow { font-size: 16px; } | |
| .nectar-button span { | |
| left: 0px; | |
| transition: opacity 0.2s ease-out, left 0.2s ease-out; | |
| -webkit-transition: opacity 0.2s ease-out, left 0.2s ease-out; | |
| position: relative; | |
| } | |
| .nectar-button.has-icon, .nectar-button.tilt.has-icon { | |
| padding-left: 42px; | |
| padding-right: 42px; | |
| } | |
| .nectar-button.has-icon.small, .nectar-button.tilt.has-icon.small { | |
| padding-left: 33px; | |
| padding-right: 33px; | |
| } | |
| .nectar-button.has-icon:hover span, .nectar-button.tilt.has-icon span { | |
| left: -18px; | |
| } | |
| .nectar-button.has-icon.small:hover span, .nectar-button.tilt.small.has-icon span { | |
| left: -14px; | |
| } | |
| .nectar-button.has-icon:hover i, .nectar-button.tilt.has-icon i { | |
| opacity: 1!important; | |
| -ms-filter: "alpha(opacity=100)"; | |
| right: 24px; | |
| } | |
| .nectar-button.small.has-icon:hover i, .nectar-button.small.tilt.has-icon i { | |
| right: 16px; | |
| } | |
| .nectar-button:hover, .full-width-section .light .nectar-button:hover { | |
| opacity: 0.75; | |
| color: #fff !important; | |
| background-color: #d14a49 !important; | |
| } | |
| .full-width-section .light .nectar-button:not(.see-through):not(.see-through-2):not(.see-through-3) { | |
| opacity: 0.9; | |
| } | |
| .text_on_hover.product .add_to_cart_button, .text_on_hover.product a.added_to_cart { | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| font-size: 12px; | |
| line-height: 14px; | |
| letter-spacing: 1px!important; | |
| position: relative; | |
| text-transform: uppercase; | |
| } | |
| .text_on_hover.product a.added_to_cart { | |
| border-radius: 2px; | |
| } | |
| .nectar-button.see-through, body .nectar-button.see-through, .text_on_hover.product .add_to_cart_button { | |
| background-color: transparent!important; | |
| box-shadow: none!important; | |
| -webkit-box-shadow: none!important; | |
| -moz-box-shadow: none!important; | |
| -o-box-shadow: none!important; | |
| opacity: 1!important; | |
| transition: all 0.2s linear!important; | |
| -moz-transition: all 0.2s linear!important; | |
| -webkit-transition: all 0.2s linear!important; | |
| -o-transition: all 0.2s linear!important; | |
| border-radius: 2px!important; | |
| -webkit-border-radius: 2px!important; | |
| -o-border-radius: 2px!important; | |
| border: 2px solid rgba(255,255,255,0.75); | |
| } | |
| .nectar-button.see-through-2, .nectar-button.see-through-3 { | |
| background-color: transparent; | |
| box-shadow: none!important; | |
| -webkit-box-shadow: none!important; | |
| -moz-box-shadow: none!important; | |
| -o-box-shadow: none!important; | |
| opacity: 1; | |
| transition: all 0.2s linear!important; | |
| -moz-transition: all 0.2s linear!important; | |
| -webkit-transition: all 0.2s linear!important; | |
| -o-transition: all 0.2s linear!important; | |
| border-radius: 2px!important; | |
| -webkit-border-radius: 2px!important; | |
| -o-border-radius: 2px!important; | |
| border: 2px solid rgba(255,255,255,0.75); | |
| } | |
| .nectar-button.see-through-2:hover, .nectar-button.see-through-3:hover { | |
| background-color: transparent; | |
| } | |
| .nectar-button.see-through-3 { | |
| border: 2px solid rgba(255,255,255,1); | |
| } | |
| /* rounded buttons */ | |
| body[data-button-style="rounded"] .nectar-button.see-through, body[data-button-style="rounded"].ascend .nectar-button.see-through, | |
| body[data-button-style="rounded"] .nectar-button.see-through-2, body[data-button-style="rounded"].ascend .nectar-button.see-through-2, | |
| body[data-button-style="rounded"] .nectar-button.see-through-3, body[data-button-style="rounded"].ascend .nectar-button.see-through-3, | |
| body[data-button-style="rounded"] .portfolio-filters-inline .container ul li a, | |
| body[data-button-style="rounded"] #to-top, body[data-button-style="rounded"] .flex-direction-nav a, body[data-button-style="rounded"] #pagination span, | |
| body[data-button-style="rounded"] #pagination a, body[data-button-style="rounded"] #pagination .next.inactive, body[data-button-style="rounded"] #pagination .prev.inactive, | |
| body[data-button-style="rounded"] nav.woocommerce-pagination ul li a, | |
| body[data-button-style="rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, | |
| body[data-button-style="rounded"] input[type=submit], body[data-button-style="rounded"] button[type=submit], body[data-button-style="rounded"] input[type="button"], | |
| body[data-button-style="rounded"] button, body[data-button-style="rounded"].ascend .container-wrap input[type="submit"], body[data-button-style="rounded"].ascend .container-wrap button[type="submit"], | |
| body[data-button-style="rounded"] .nectar-button, body[data-button-style="rounded"] .swiper-slide .button a { | |
| border-radius: 200px!important; | |
| -webkit-border-radius: 200px!important; | |
| -o-border-radius: 200px!important; | |
| } | |
| body[data-button-style="rounded"] .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) { | |
| padding: 12px 18px; | |
| } | |
| body .nectar-button.see-through:hover { | |
| border: 2px solid rgba(255,255,255,1); | |
| } | |
| .col.light .nectar-button.see-through-2, .col.light .nectar-button.see-through-3 { | |
| color: #fff; | |
| } | |
| .col.light .nectar-button.see-through { | |
| border: 2px solid rgba(255,255,255,0.75); | |
| color: #fff; | |
| } | |
| .col.light .nectar-button.see-through:hover { | |
| border: 2px solid rgba(255,255,255,1); | |
| } | |
| .col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 { | |
| border: 2px solid rgba(0,0,0,0.75); | |
| color: #444444; | |
| } | |
| .col.dark .nectar-button.see-through:hover { | |
| border: 2px solid rgba(0,0,0,1); | |
| } | |
| body .nectar-button.see-through-2:hover, | |
| body .col.dark .nectar-button.see-through-2:hover, | |
| body .nectar-button.see-through-3:hover, | |
| body .col.dark .nectar-button.see-through-3:hover { | |
| border-color: #27CFC3; | |
| background-color: #27CFC3; | |
| color: #fff; | |
| opacity: 1!important; | |
| } | |
| h2 .nectar-button { | |
| top: -6px; | |
| } | |
| .nectar-button:not([data-color-override="false"]), .nectar-button:not([data-hover-color-override="false"]) { | |
| visibility: hidden; | |
| } | |
| /*-------------------------------------------------------------------------*/ | |
| /* 4. Plugin Related Styles | |
| /*-------------------------------------------------------------------------*/ | |
| /***************** Superfish ******************/ | |
| .sf-menu { | |
| line-height: 1; | |
| } | |
| .sf-menu ul { | |
| position: absolute; | |
| top: -999em; | |
| width: 10em; | |
| } | |
| .sf-menu ul li { | |
| width: 100%; | |
| } | |
| .sf-menu li:hover { | |
| visibility: inherit; | |
| } | |
| .sf-menu li { | |
| float: left; | |
| position: relative; | |
| } | |
| .sf-menu li:hover ul, .sf-menu li.sfHover ul { | |
| left: 0; | |
| top: 2.5em; | |
| z-index: 99; | |
| } | |
| header#top .sf-menu > li:hover > ul, header#top .sf-menu > li.sfHover > ul { | |
| top: 60px; | |
| } | |
| ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { | |
| top: -999em; | |
| } | |
| ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { | |
| left: 10.8em; | |
| top: -10px; | |
| } | |
| ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { | |
| top: -999em; | |
| } | |
| ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { | |
| left: 10em; | |
| top: 0; | |
| } | |
| .sub-menu { | |
| z-index: 3; | |
| } | |
| .sf-menu { | |
| float: left; | |
| margin-bottom: 30px; | |
| } | |
| .sf-menu li li a, .sf-menu li li a:visited { | |
| padding-left: 1.25em; | |
| } | |
| .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { | |
| outline: 0 none; | |
| } | |
| .sf-menu ul li a { | |
| margin: 0; | |
| padding: 14px; | |
| border-bottom: 1px solid rgba(255,255,255,0.08); | |
| } | |
| .sf-sub-indicator { | |
| display: inline-block; | |
| width: 10px; | |
| position: relative; | |
| left: 8px; | |
| height: 10px; | |
| } | |
| .sf-sub-indicator i { | |
| width: 8px; | |
| } | |
| .sf-sub-indicator [class^="icon-"], .sf-sub-indicator [class*=" icon-"] { | |
| color: #888; | |
| font-size: 12px; | |
| line-height: 16px; | |
| height: auto; | |
| background-color: transparent!important; | |
| } | |
| .sf-menu ul a:focus , | |
| .sf-menu ul a:hover , | |
| .sf-menu ul a:active , | |
| .sf-menu ul li:hover > a , | |
| .sf-menu ul li.sfHover > a { | |
| color: #27CFC3; | |
| } | |
| .sf-shadow ul.sf-shadow-off { | |
| background: none repeat scroll 0 0 transparent; | |
| } | |
| .sf-vertical, .sf-vertical li { | |
| width: 100%; | |
| } | |
| .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { | |
| left: 100%; | |
| top: 0; | |
| } | |
| .sf-menu, .sf-menu * { | |
| list-style: none outside none; | |
| margin: 0; | |
| padding: 0; | |
| z-index: 10; | |
| } | |
| .sf-menu { | |
| line-height: 1; | |
| } | |
| .sf-menu ul { | |
| position: absolute; | |
| top: -999em; | |
| width: 16em; | |
| } | |
| .sf-menu ul li, .sf-menu ul li li { | |
| font-size: 12px; | |
| width: 100%; | |
| } | |
| .sf-menu ul li:last-child a { | |
| border-bottom: medium none; | |
| } | |
| .sf-menu li:hover { | |
| visibility: inherit; | |
| } | |
| .sf-menu li { | |
| float: left; | |
| line-height: 12px!important; | |
| font-size: 12px!important; | |
| position: relative; | |
| } | |
| .sf-menu a { | |
| display: block; | |
| position: relative; | |
| } | |
| .sf-menu li:hover ul, .sf-menu li.sfHover ul { | |
| left: 0; | |
| top: 33px; | |
| z-index: 999; | |
| } | |
| ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { | |
| top: -999em; | |
| } | |
| ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { | |
| left: 15em; | |
| top: 0px; | |
| } | |
| ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { | |
| top: -999em; | |
| } | |
| ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { | |
| left: 15em; | |
| top: 0; | |
| } | |
| .sf-menu .sf-with-ul a { | |
| min-width: 1px; | |
| padding-right: 16px!important; | |
| } | |
| header#top .sf-menu li ul li a { | |
| font-size: 12px; | |
| line-height: 13px; | |
| color: #ccc; | |
| transition: none; | |
| letter-spacing: 0; | |
| background-color: #1C1C1C; | |
| } | |
| .sf-menu li ul li a:hover, .sf-menu li ul li.sfHover > a { | |
| color: #27CFC3; | |
| background-color: #272727!important; | |
| } | |
| .sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="icon-"] { | |
| color: #27CFC3; | |
| } | |
| .sf-menu li ul li .sf-sub-indicator { | |
| right: 14px; | |
| left: auto; | |
| top: 14px; | |
| display: block; | |
| position: absolute; | |
| } | |
| .sf-menu li ul, .sf-menu li li ul { | |
| box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | |
| } | |
| .sf-menu li li ul { | |
| left: 16em!important; | |
| } | |
| .sf-menu { | |
| float: right; | |
| } | |
| .sf-menu a { | |
| margin: 0 1px; | |
| padding: 0.75em 1em 32px; | |
| text-decoration: none; | |
| } | |
| .sf-menu ul li { | |
| font-weight: normal; | |
| } | |
| .sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a { | |
| box-shadow: none; | |
| } | |
| .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active { | |
| border-radius: 0 0 0 0; | |
| box-shadow: none; | |
| text-shadow: none; | |
| } | |
| .mejs-overlay-button, .mejs-overlay-loading { | |
| display: none!Important; | |
| } | |
| .home-wrap { | |
| padding-top: 3em; | |
| margin-bottom: 0px; | |
| padding-bottom: 0px; | |
| position: relative; | |
| z-index: 100; | |
| background-color: #f8f8f8; | |
| } | |
| html:not(.js) .home-wrap { | |
| padding-top: 0px; | |
| } | |
| html.no-overflow-y { | |
| overflow-y: hidden!important; | |
| } | |
| /***************** Nectar Slider ******************/ | |
| .swiper-slide { | |
| position: relative; | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| -moz-background-size: cover; | |
| -webkit-background-size: cover; | |
| -o-background-size: cover; | |
| } | |
| .nectar-slider-wrap[data-transition="fade"] .swiper-slide-active { | |
| z-index: 50; | |
| } | |
| .mobile-video-image { | |
| position: absolute; | |
| z-index: 10; | |
| top: 0px; | |
| left: 0px; | |
| display: none; | |
| height: 100%; | |
| width: 100%; | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| -moz-background-size: cover; | |
| -webkit-background-size: cover; | |
| -o-background-size: cover; | |
| } | |
| .swiper-slide[data-bg-alignment="top"] { background-position: center top; } | |
| .swiper-slide[data-bg-alignment="center"] { background-position: center center; } | |
| .swiper-slide[data-bg-alignment="bottom"] { background-position: center bottom; } | |
| .swiper-slide .content { | |
| color: #fff; | |
| width: 100%; | |
| left: 0px; | |
| position: absolute; | |
| top: 250px; | |
| z-index: 100; | |
| } | |
| .no-transform { | |
| transform: inherit!important; | |
| -webkit-transform: inherit!important; | |
| } | |
| #boxed .swiper-slide .content, #boxed .slider-prev, #boxed .slider-next { | |
| /*opacity: 1!important; | |
| -webkit-transform: translate(0, 0)!important; | |
| -moz-transform: translate(0, 0)!important; | |
| transform: translate(0, 0)!important; | |
| -o-transform: translate(0, 0)!important;*/ | |
| } | |
| .parallax_slider_outer.first-section .swiper-slide .content, .nectar-slider-wrap.first-section .swiper-slide .content { | |
| margin-top: 23px; | |
| margin-left: -10px; | |
| } | |
| body[data-header-resize="0"] .parallax_slider_outer.first-section { | |
| margin-top: 0 !important; | |
| } | |
| .parallax_slider_outer.first-section .swiper-slide .content { | |
| -webkit-backface-visibility: hidden; | |
| } | |
| body[data-smooth-scrolling="1"] .parallax_slider_outer.first-section .slider-pagination, body[data-smooth-scrolling="1"] .nectar-slider-wrap.first-section .slider-pagination { | |
| padding-right: 13px; | |
| } | |
| .nectar-slider-wrap { | |
| display: none; | |
| } | |
| html:not(.js) .nectar-slider-wrap { | |
| display: block; | |
| } | |
| .nectar-slider-loading { | |
| background-color: #393939; | |
| background-position: center; | |
| background-repeat: repeat; | |
| background-image: url('img/textures/diagonal_line.png'); | |
| position: absolute; | |
| z-index: 1000; | |
| top: 0px; | |
| left: 0px; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .nectar-slider-loading.default-loader .loading-icon, .pp_loaderIcon.default_loader { | |
| background-image: none!important; | |
| } | |
| .nectar-slider-loading.default-loader .loading-icon span { | |
| border: 3px solid #666; | |
| background-color: #393939; | |
| } | |
| .pp_loaderIcon span { | |
| border: 3px solid #666; | |
| } | |
| .nectar-slider-loading .loading-icon { | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| background-image: url('img/icons/nectar-loading.gif'); | |
| position: absolute; | |
| z-index: 1000; | |
| top: 0px; | |
| left: 0px; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .nectar-slider-wrap .swiper-container .swiper-wrapper .swiper-slide.not-loaded { background-color: #393939!important; } | |
| .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content { | |
| margin-top: 0px; | |
| } | |
| .swiper-slide .content p, .swiper-slide .content h2, .swiper-slide .content .buttons { | |
| opacity: 0; | |
| padding-top: 25px; | |
| letter-spacing: 0.5px; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-slide .content p, .nectar-slider-wrap[data-overall_style="directional"] .swiper-slide .content h2, .nectar-slider-wrap[data-overall_style="directional"] .swiper-slide .content .buttons { | |
| opacity: 1!important; | |
| padding-top: 0!important; | |
| } | |
| .swiper-slide .content p i { | |
| border-radius: 0px!important; | |
| width: 24px!Important; | |
| font-size: 20px!Important; | |
| background-color: transparent!important; | |
| } | |
| .swiper-slide .content iframe { | |
| max-width: 1100px; | |
| } | |
| .swiper-slide .content.centered { | |
| text-align: center; | |
| } | |
| .swiper-slide .content img { | |
| margin-bottom: 30px; | |
| } | |
| .swiper-slide .content h2 { | |
| font-size: 60px; | |
| line-height: 80px; | |
| letter-spacing: -1px; | |
| display: block; | |
| color: #fff; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| } | |
| #boxed .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 { | |
| font-size: 50px; | |
| line-height: 70px; | |
| } | |
| .vc_span3 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-3 .nectar-slider-wrap .swiper-slide .content h2, | |
| .vc_span4 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-4 .nectar-slider-wrap .swiper-slide .content h2, | |
| .vc_span6 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-6 .nectar-slider-wrap .swiper-slide .content h2, | |
| .vc_span8 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-8 .nectar-slider-wrap .swiper-slide .content h2, | |
| .vc_span9 .nectar-slider-wrap .swiper-slide .content h2, .vc_col-sm-9 .nectar-slider-wrap .swiper-slide .content h2 { | |
| font-size: 40px; | |
| line-height: 60px!important; | |
| } | |
| .swiper-slide .content p { | |
| font-size: 24px; | |
| line-height: 38px; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| } | |
| .swiper-slide .content p.transparent-bg span { | |
| padding: 4px 0px; | |
| display: inline; | |
| position: relative; | |
| left: 10px; | |
| background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); | |
| box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); | |
| -moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); | |
| -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); | |
| -o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); | |
| line-height: 45px; | |
| -webkit-box-decoration-break: clone; | |
| -o-box-decoration-break: clone; | |
| box-decoration-break: clone; | |
| } | |
| .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p.transparent-bg span { | |
| line-height: 40px; | |
| } | |
| .swiper-slide[data-color-scheme="dark"] .content p.transparent-bg span { | |
| background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); | |
| box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4); | |
| -moz-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4); | |
| -webkit-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4); | |
| -o-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4); | |
| } | |
| .vc_span3 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-3 .nectar-slider-wrap .swiper-slide .content p, | |
| .vc_span4 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-4 .nectar-slider-wrap .swiper-slide .content p, | |
| .vc_span6 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-6 .nectar-slider-wrap .swiper-slide .content p, | |
| .vc_span8 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-8 .nectar-slider-wrap .swiper-slide .content p, | |
| .vc_span9 .nectar-slider-wrap .swiper-slide .content p, .vc_col-sm-9 .nectar-slider-wrap .swiper-slide .content p { | |
| font-size: 17px!important; | |
| line-height: 28px!important; | |
| } | |
| .swiper-slide .content p::selection, .swiper-slide .content h2::selection, .swiper-slide .button a::selection, .swiper-container div::selection, .swiper-container span::selection, .swiper-container img::selection { | |
| background: transparent!important; | |
| color:#fff!important; | |
| } | |
| .swiper-slide .content p::-moz-selection, .swiper-slide .content h2::-moz-selection, .swiper-slide .button a::-moz-selection, .swiper-container div::-moz-selection, .swiper-container span::-moz-selection, swiper-container img::-moz-selection { | |
| background: transparent!important; | |
| color:#fff!important; | |
| } | |
| .swiper-slide[data-color-scheme="dark"] .content p::selection, .swiper-slide[data-color-scheme="dark"] .content h2::selection, .swiper-slide[data-color-scheme="dark"] .button.transparent a::selection, .swiper-slide[data-color-scheme="dark"] img::selection, .swiper-container .swiper-slide[data-color-scheme="dark"] span::selection { | |
| background: transparent!important; | |
| color:#000!important; | |
| } | |
| .swiper-slide[data-color-scheme="dark"] .content p::-moz-selection, .swiper-slide[data-color-scheme="dark"] .content h2::-moz-selection, .swiper-slide[data-color-scheme="dark"] .button.transparent a::-moz-selection, .swiper-slide[data-color-scheme="dark"] img::-moz-selection, .swiper-container .swiper-slide[data-color-scheme="dark"] span::-moz-selection { | |
| background: transparent!important; | |
| color:#000!important; | |
| } | |
| #header-outer.transparent.dark-slide > header#top nav > ul > li > a, | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul #search-btn a span, | |
| #header-outer.transparent.dark-slide > header#top nav > ul > li > a > .sf-sub-indicator [class^="icon-"], | |
| #header-outer.transparent.dark-slide > header#top nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| body.ascend[data-header-color="custom"] #boxed #header-outer.transparent.dark-slide > header#top .cart-outer .cart-menu .cart-icon-wrap i, | |
| body.ascend #boxed #header-outer.transparent.dark-slide > header#top .cart-outer .cart-menu .cart-icon-wrap i, | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav > ul > li > a, | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul #search-btn a span, | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav > ul > li > a > .sf-sub-indicator [class^="icon-"], | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| body.ascend[data-header-color="custom"] #boxed #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top .cart-outer .cart-menu .cart-icon-wrap i, | |
| body.ascend #boxed #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top .cart-outer .cart-menu .cart-icon-wrap i { | |
| color: #000!important; | |
| } | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a .lines-button i, | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a .lines-button i:after, | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a .lines-button i:before, | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a .lines-button i, | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a .lines-button i:after, | |
| #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a .lines-button i:before { | |
| background-color: #000!important; | |
| } | |
| #header-outer.transparent.dark-slide > header#top nav > ul > li > a:hover, #header-outer.transparent.dark-slide > header#top nav .sf-menu > li.sfHover > a, #header-outer.transparent.dark-slide > header#top nav .sf-menu > li.current_page_ancestor > a, | |
| #header-outer.transparent.dark-slide > header#top nav .sf-menu > li.current-menu-item > a, #header-outer.transparent.dark-slide > header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.transparent.dark-slide > header#top nav .sf-menu > li.current_page_item > a, | |
| #header-outer.transparent.dark-slide > header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.transparent.dark-slide > header#top nav > ul > li.sfHover > a > span > i, #header-outer.transparent.dark-slide > header#top nav ul #search-btn a:hover span, | |
| #header-outer.transparent.dark-slide > header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.transparent.dark-slide > header#top nav .sf-menu > li.current-menu-ancestor > a i, | |
| #header-outer.transparent.dark-slide > header#top .cart-outer:hover .icon-salient-cart, | |
| body.ascend[data-header-color="custom"] #boxed #header-outer.transparent.dark-slide > header#top .cart-outer:hover .cart-menu .cart-icon-wrap i, | |
| #header-outer.transparent.dark-slide > header#top #logo, | |
| #header-outer[data-permanent-transparent="1"].transparent.dark-slide .midnightHeader.nectar-slider header#top .span_9 > .slide-out-widget-area-toggle i, | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav > ul > li > a:hover, #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav .sf-menu > li.sfHover > a, #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav .sf-menu > li.current_page_ancestor > a, | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav .sf-menu > li.current-menu-item > a, #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav .sf-menu > li.current_page_item > a, | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.transparent.dark-slide header#top nav > ul > li.sfHover > a > span > i, #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav ul #search-btn a:hover span, | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top nav .sf-menu > li.current-menu-ancestor > a i, | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top .cart-outer:hover .icon-salient-cart, | |
| body.ascend[data-header-color="custom"] #boxed #header-outer.transparent.dark-slide > header#top .cart-outer:hover .cart-menu .cart-icon-wrap i, | |
| #header-outer.transparent.dark-slide .midnightHeader.nectar-slider header#top #logo { | |
| color: #000!important; | |
| } | |
| body #header-outer.transparent[data-transparent-header="true"].dark-slide, | |
| .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"].dark-slide > header#top nav ul #search-btn a, | |
| .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"].dark-slide > header#top nav ul .slide-out-widget-area-toggle a, | |
| html body #header-outer.transparent[data-transparent-header="true"].dark-slide .cart-menu, | |
| html .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide .cart-menu:after, | |
| body #header-outer.transparent[data-transparent-header="true"].dark-slide > header#top nav ul #search-btn > div, | |
| body #header-outer.transparent[data-transparent-header="true"].dark-slide > header#top nav ul .slide-out-widget-area-toggle > div, | |
| #boxed #header-outer.transparent[data-transparent-header="true"].dark-slide, | |
| html body.ascend #boxed #header-outer.transparent.dark-slide .cart-menu .cart-icon-wrap i, | |
| html body.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide header#top nav ul #search-btn a:after, | |
| .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].dark-slide header#top nav ul .slide-out-widget-area-toggle a:after, | |
| html body #header-outer.transparent[data-transparent-header="true"][data-remove-border="true"].dark-slide .cart-menu:after { | |
| border-color: rgba(0, 0, 0, 0.08) !important; | |
| } | |
| /*perma transparent*/ | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] { | |
| background-color: transparent!important; | |
| box-shadow: none; | |
| -moz-box-shadow: none; | |
| -webkit-box-shadow: none; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader .midnightInner { | |
| overflow: hidden!important; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader.no-pointer-events, #header-outer[data-transparent-header="true"].no-pointer-events { | |
| pointer-events: none; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent.side-widget-open.style-slide-out-from-right .midnightHeader.no-pointer-events, | |
| #header-outer[data-transparent-header="true"].no-pointer-events.side-widget-open.style-slide-out-from-right { | |
| pointer-events: auto; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader.overflow .midnightInner, | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader.overflow { | |
| overflow: visible!important; | |
| } | |
| #header-outer[data-has-menu="false"][data-format="centered-menu"] header#top nav > ul.buttons, #header-outer[data-has-menu="false"][data-format="centered-menu"] header#top .span_3 { | |
| position:relative; | |
| } | |
| body #header-outer[data-has-menu="false"][data-format="centered-menu"] header#top .span_9 { | |
| width: auto; | |
| } | |
| body[data-bg-header="true"][data-header-search="true"] #header-outer[data-has-menu="false"] nav ul #search-btn a:after { | |
| border: none!important; | |
| display: none!important; | |
| } | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] #header-outer.light-text header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] #header-outer.dark-text header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] #header-outer.dark-text header#top nav > ul > li > a, #header-outer.dark-text header#top nav ul #search-btn a span, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] #header-outer.dark-text nav > ul > li > a > .sf-sub-indicator [class^="icon-"], #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart { | |
| opacity: 1; | |
| } | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent header#top nav ul #search-btn a span.icon-salient-search, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .has_products .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| #header-outer[data-permanent-transparent="1"] .midnightHeader header#top ul.sf-menu > li > a { | |
| opacity: 1!important; | |
| } | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent header#top nav ul #search-btn a:hover span.icon-salient-search, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .has_products .cart-menu:hover .cart-icon-wrap .icon-salient-cart, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .cart-menu:hover .cart-icon-wrap .icon-salient-cart, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .midnightHeader header#top ul.sf-menu > li:hover > a { | |
| opacity: 0.8!important; | |
| } | |
| body[data-bg-header="true"].ascend #header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a:after, | |
| body[data-bg-header="true"].ascend #header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a:after, | |
| body[data-bg-header="true"].ascend #header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu:after { | |
| border: none!important; | |
| } | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines:before, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines:after { | |
| /* -webkit-transition: top 0.4s 0.45s ease, -webkit-transform 0.3s ease, background-color 0.13s ease, opacity 0.13s linear!important; | |
| transition: top 0.4s 0.45s ease, transform 0.3s ease, background-color 0.13s ease, opacity 0.13s linear!important;*/ | |
| opacity: 1!important; | |
| } | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines:before, | |
| body #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines:after { | |
| /*transition: top 0.4s 0.45s ease, -webkit-transform 0.3s ease, background-color 0.13s ease, opacity 0.13s linear; | |
| transition: top 0.4s 0.45s ease, transform 0.3s ease, background-color 0.13s ease, opacity 0.13s linear;*/ | |
| opacity: 1; | |
| } | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2.close .lines, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2.close .lines:before, | |
| body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2.close .lines:after { | |
| -webkit-transition: top 0.5s ease, -webkit-transform 0.3s 0.43s ease, background-color 0.2s ease, opacity 0.2s linear!important; | |
| transition: top 0.5s ease, transform 0.3s 0.43s ease, background-color 0.2s ease, opacity 0.2s linear!important; | |
| } | |
| #header-outer.transparent .midnightHeader.dark header#top nav > ul > li > a, | |
| #header-outer.transparent .midnightHeader.dark header#top #logo, | |
| #header-outer.transparent .midnightHeader.dark header#top nav ul #search-btn a span.icon-salient-search, | |
| #header-outer.transparent .midnightHeader.dark nav > ul > li > a > .sf-sub-indicator [class^="icon-"], | |
| #header-outer.transparent .midnightHeader.dark nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], | |
| #header-outer.transparent .midnightHeader.dark .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| .ascend #boxed #header-outer.transparent .midnightHeader.dark .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| #header-outer.transparent .midnightHeader.default header#top nav > ul > li > a, | |
| #header-outer.transparent .midnightHeader.default header#top #logo, | |
| #header-outer.transparent .midnightHeader.default header#top nav ul #search-btn a span.icon-salient-search, | |
| #header-outer.transparent .midnightHeader.default nav > ul > li > a > .sf-sub-indicator [class^="icon-"], | |
| #header-outer.transparent .midnightHeader.default nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], | |
| #header-outer.transparent .midnightHeader.default .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| .ascend #boxed #header-outer.transparent .midnightHeader.default .cart-menu .cart-icon-wrap .icon-salient-cart { | |
| color: #000!important; | |
| } | |
| #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, | |
| #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, | |
| #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:before, | |
| #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:after, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before { | |
| background-color: #000!important; | |
| } | |
| /*slide out widget open*/ | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav > ul > li > a, | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark header#top #logo, | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul #search-btn a span.icon-salient-search, | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark nav > ul > li > a > .sf-sub-indicator [class^="icon-"], | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav > ul > li > a, | |
| #header-outer.transparent.side-widget-open .midnightHeader.default header#top #logo, | |
| #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul #search-btn a span.icon-salient-search, | |
| #header-outer.transparent.side-widget-open .midnightHeader.default nav > ul > li > a > .sf-sub-indicator [class^="icon-"], | |
| #header-outer.transparent.side-widget-open .midnightHeader.default nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], | |
| #header-outer.transparent.side-widget-open .midnightHeader.default .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| .ascend #boxed #header-outer.transparent.side-widget-open .midnightHeader.dark .cart-menu .cart-icon-wrap .icon-salient-cart, | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark #toggle-nav i, | |
| #header-outer.transparent .midnightHeader.default #toggle-nav i, | |
| #header-outer.transparent .midnightHeader.light #toggle-nav i { | |
| color: #fff!important; | |
| } | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, | |
| #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after, | |
| #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, | |
| #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, | |
| #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, | |
| #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:before, | |
| #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:after, | |
| #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, | |
| #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, | |
| #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, | |
| #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines, | |
| #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines:before, | |
| #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines:after { | |
| background-color: #fff!important; | |
| } | |
| .lines-button.x2.close .lines, | |
| #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a .lines-button.x2.close .lines, | |
| #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a:hover .x2.close i.lines, | |
| #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a .x2.close i.lines, | |
| #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a .x2.close i.lines, | |
| #header-outer.transparent .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a .x2.close i.lines { | |
| background-color: transparent!important; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader.dark #logo img.dark-version, | |
| body #header-outer[data-transparent-header="true"].transparent.side-widget-open .midnightHeader.dark #logo img.starting-logo:not(.dark-version), | |
| body #header-outer[data-transparent-header="true"].transparent .midnightHeader.default #logo img.dark-version, | |
| body #header-outer[data-transparent-header="true"].transparent.side-widget-open .midnightHeader.default #logo img.starting-logo:not(.dark-version) { | |
| opacity: 1!important; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader.dark #logo img.starting-logo:not(.dark-version), | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader.light #logo img.starting-logo.dark-version, | |
| #header-outer[data-transparent-header="true"].transparent.side-widget-open .midnightHeader.dark #logo img.dark-version, | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader.default #logo img.starting-logo, | |
| #header-outer[data-transparent-header="true"].transparent.side-widget-open .midnightHeader.default #logo img.dark-version { | |
| opacity: 0!important; | |
| } | |
| .ascend #header-outer[data-transparent-header="true"].transparent .midnightHeader .buttons { | |
| margin-top: 0!important; | |
| } | |
| #header-outer[data-transparent-header="true"] #logo .dark-version, #header-outer[data-transparent-header="true"][data-format="centered-menu-under-logo"][data-permanent-transparent="1"] #logo .dark-version { | |
| position: absolute; | |
| } | |
| #header-outer[data-transparent-header="true"][data-format="centered-menu-under-logo"] #logo .dark-version { | |
| position: relative; | |
| } | |
| #header-outer[data-format="centered-menu-under-logo"][data-permanent-transparent="1"] header#top #logo img.dark-version { | |
| left: 50%; | |
| transform: translateX(-50%); | |
| -webkit-transform: translateX(-50%); | |
| } | |
| /*bigger icons*/ | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines, | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines:before, | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines:after { | |
| height: 4px; | |
| width: 2.1rem; | |
| border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| } | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines-button { | |
| line-height: 18px; | |
| font-size: 18px; | |
| } | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines-button.close { | |
| transform: none; | |
| -webkit-transform: none; | |
| } | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] header#top nav ul .slide-out-widget-area-toggle a { | |
| width: 34px; | |
| padding-right: 32px!important; | |
| } | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines:before { | |
| top: 10px; | |
| } | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines:after { | |
| top: -10px; | |
| } | |
| body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines-button.x2.close .lines:before, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines-button.x2.close .lines:after { | |
| top: -1px; | |
| } | |
| /* directional nav effect */ | |
| #header-outer.directional-nav-effect:not(.transparent) > header#top nav > ul > li > a span.light, #header-outer.directional-nav-effect:not(.transparent) .midnightHeader.nectar-slider header#top nav > ul > li > a span.light, | |
| #header-outer.directional-nav-effect:not(.transparent) > header#top nav > ul > li > a span.dark, #header-outer.directional-nav-effect:not(.transparent) .midnightHeader.nectar-slider header#top nav > ul > li > a span.dark, | |
| #header-outer.directional-nav-effect:not(.transparent) > header#top nav > ul.buttons > li a span.light, #header-outer.directional-nav-effect:not(.transparent) .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.light, | |
| #header-outer.directional-nav-effect:not(.transparent) > header#top nav > ul.buttons > li a span.dark, #header-outer.directional-nav-effect:not(.transparent) .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.dark, | |
| #header-outer.directional-nav-effect:not(.transparent) > .cart-outer .cart-menu .cart-icon-wrap span.light, #header-outer.directional-nav-effect:not(.transparent) .midnightHeader.nectar-slider .cart-menu .cart-icon-wrap span.light, | |
| #header-outer.directional-nav-effect:not(.transparent) > .cart-outer .cart-menu .cart-icon-wrap span.dark, #header-outer.directional-nav-effect:not(.transparent) .midnightHeader.nectar-slider .cart-menu .cart-icon-wrap span.dark, | |
| #header-outer:not(.directional-nav-effect) > .cart-outer .cart-menu .cart-icon-wrap span.light, #header-outer:not(.directional-nav-effect) .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.light, | |
| #header-outer:not(.directional-nav-effect) > .cart-outer .cart-menu .cart-icon-wrap span.dark, #header-outer:not(.directional-nav-effect) .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.dark, | |
| #header-outer.directional-nav-effect:not(.transparent) #logo span.light, | |
| #header-outer.directional-nav-effect:not(.transparent) #logo span.dark { | |
| display: none!important; | |
| } | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul > li > a span, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span, | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul.buttons > li a span, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span, | |
| #header-outer.transparent.directional-nav-effect > .cart-outer .cart-icon-wrap > span, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-icon-wrap > span, | |
| #header-outer.transparent.directional-nav-effect > .cart-outer .cart-icon-wrap > span span, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-icon-wrap > span span { | |
| display: inline-block; | |
| } | |
| #header-outer.directional-nav-effect > header#top nav > ul > li > a span.original, #header-outer.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.original, | |
| #header-outer.directional-nav-effect > header#top nav > ul.buttons span.original, #header-outer.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons span.original, | |
| #header-outer.directional-nav-effect > header#top nav ul #search-btn a span.original span.icon-salient-search, #header-outer.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul #search-btn a span.original span.icon-salient-search, | |
| #header-outer.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.original, #header-outer.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.original, | |
| #header-outer.directional-nav-effect > header#top nav > ul > li > a span.original span, #header-outer.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.original span, | |
| #header-outer.directional-nav-effect > header#top nav > ul.buttons span.original span, #header-outer.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons span.original span, | |
| #header-outer.directional-nav-effect > header#top nav ul #search-btn a span.original span.icon-salient-search, #header-outer.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul #search-btn a span.original span.icon-salient-search, | |
| #header-outer.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.original span, #header-outer.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.original span, | |
| #header-outer.directional-nav-effect .slide-out-widget-area-toggle span.original { | |
| opacity: 1; | |
| display: inline; | |
| } | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul > li > a span.original, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.original, | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul.buttons span.original, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons span.original, | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul #search-btn a span.original span.icon-salient-search, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul #search-btn a span.original span.icon-salient-search, | |
| #header-outer.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.original, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.original, | |
| #header-outer.transparent.directional-nav-effect > header#top #logo span.original, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.original { | |
| opacity: 0!important; | |
| display: block; | |
| } | |
| #header-outer.directional-nav-effect > header#top nav ul #search-btn a span.original span.icon-salient-search, #header-outer.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul #search-btn a span.original span.icon-salient-search { | |
| margin-left: 4px; | |
| } | |
| #header-outer.directional-nav-effect[data-format="centered-menu"] > header#top nav ul #search-btn a span.original span.icon-salient-search, #header-outer.directional-nav-effect[data-format="centered-menu"] .midnightHeader.nectar-slider header#top nav ul #search-btn a span.original span.icon-salient-search { | |
| margin-left: 0px; | |
| } | |
| #header-outer.transparent.directional-nav-effect .sf-sub-indicator { | |
| display: inline!important; | |
| } | |
| /*dark*/ | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul > li > a span.dark, | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul.buttons > li a span.dark, | |
| #header-outer.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.dark .icon-salient-cart, | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul #search-btn a span.dark span.icon-salient-search, | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul span.dark .sf-sub-indicator i, | |
| #header-outer.transparent.directional-nav-effect > header#top #logo span.dark { color: #000!important; } | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.dark, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.dark, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.dark .icon-salient-cart, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul #search-btn a span.dark span.icon-salient-search, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul span.dark .sf-sub-indicator i, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.dark { color: #000!important; } | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i, | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i:after, #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i:before, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.dark .lines-button i:before { | |
| background-color: #000!important; | |
| } | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top nav > ul > li > a span.dark, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top nav > ul.buttons > li a span.dark, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top #logo span.dark, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.dark .icon-salient-cart, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.dark, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.dark, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.dark, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.dark .icon-salient-cart { | |
| opacity: 0!important; | |
| } | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top nav > ul > li > a span.light, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top nav > ul > li > a span.light span, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top nav > ul.buttons > li a span.light, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top nav > ul.buttons > li a span.light span, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.light, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.light span, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top #logo span.light, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect > header#top #logo span.light span, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.light, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.light span, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.light, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.light span, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.light, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.light span, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.light, | |
| #header-outer.temp-removed-dark-slide.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.light span | |
| { | |
| margin-left: 0!important; | |
| width: auto!important; | |
| } | |
| /*light*/ | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul > li > a span.light, | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul.buttons > li a span.light, | |
| #header-outer.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.light .icon-salient-cart, | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul #search-btn a span.light span.icon-salient-search, | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul span.light .sf-sub-indicator i, | |
| #header-outer.transparent.directional-nav-effect > header#top #logo span.light { color: #fff!important; } | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.light, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.light, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.light .icon-salient-cart, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul #search-btn a span.light span.icon-salient-search, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul span.light .sf-sub-indicator i, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.light { color: #fff!important; } | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before { background-color: #fff!important;} | |
| /* rules for both*/ | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul > li > a span.light, | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul > li > a span.dark, | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul.buttons > li a span.light, | |
| #header-outer.transparent.directional-nav-effect > header#top nav > ul.buttons > li a span.dark, | |
| #header-outer.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.dark, | |
| #header-outer.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.light, | |
| #header-outer.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap span.original, | |
| #header-outer.transparent.directional-nav-effect > header#top #logo span.light, #header-outer.transparent.directional-nav-effect > header#top #logo span.dark, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.light, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a span.dark, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.light, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul.buttons > li a span.dark, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.dark, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.light, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-outer .cart-menu .cart-icon-wrap span.original, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.light, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.dark { | |
| position: absolute; | |
| overflow: hidden; | |
| text-align: left; | |
| } | |
| #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] > header#top #logo span.light, | |
| #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] > header#top #logo span.dark, | |
| #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] .midnightHeader.nectar-slider header#top #logo span.light, | |
| #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] .midnightHeader.nectar-slider header#top #logo span.dark { | |
| position: relative!important; | |
| } | |
| #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] > header#top #logo span.original, | |
| #header-outer.transparent.directional-nav-effect[data-format="centered-menu-under-logo"] .midnightHeader.nectar-slider header#top #logo span.original { | |
| display: none!important; | |
| } | |
| #header-outer.directional-nav-effect[data-format="centered-menu-under-logo"] > header#top #logo span.original img, | |
| #header-outer.directional-nav-effect[data-format="centered-menu-under-logo"] .midnightHeader.nectar-slider header#top #logo span.original img { | |
| margin-bottom: 0!important; | |
| } | |
| #header-outer.transparent.directional-nav-effect > header#top .span_9 .buttons, #header-outer.transparent.directional-nav-effect > header#top nav > ul > li > a, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top .span_9 .buttons, #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav > ul > li > a { | |
| text-align: left; | |
| } | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul #search-btn a span.dark span, | |
| #header-outer.transparent.directional-nav-effect > header#top nav ul #search-btn a span.light span, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul #search-btn a span.dark span, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul #search-btn a span.light span { | |
| width: 24px!important; | |
| } | |
| .ascend #header-outer.transparent.directional-nav-effect > .cart-outer .cart-menu .cart-icon-wrap i, | |
| #header-outer.transparent.directional-nav-effect > header#top #logo span.original, | |
| #header-outer.transparent.directional-nav-effect > header#top #logo img, | |
| .ascend #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider .cart-menu .cart-icon-wrap i, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo span.original, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo img { | |
| position: relative!important; | |
| } | |
| #header-outer.transparent.directional-nav-effect > header#top #logo img, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top #logo img { | |
| opacity: 1!important; | |
| display: inline; | |
| transition: none!important; | |
| -webkit-transition: none!important; | |
| } | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect > header#top nav ul #search-btn .light a:after, | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect > header#top nav ul #search-btn .dark a:after, | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle .dark a:after, | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle .light a:after, | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect .dark .cart-menu:after, | |
| .ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"].directional-nav-effect .light .cart-menu:after { | |
| border: none!important; | |
| } | |
| @media only screen and (min-width: 1001px) { | |
| #header-outer[data-transparent-header="true"].transparent > header #logo img.dark-version, | |
| #header-outer[data-transparent-header="true"].light-text > header #logo img.dark-version { | |
| opacity: 0!important; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent.dark-slide > header #logo img, | |
| #header-outer[data-transparent-header="true"].dark-text > header #logo img, | |
| #header-outer[data-transparent-header="true"].dark-text.side-widget-open > header #logo img.dark-version { | |
| opacity: 0!important; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent.dark-slide > header #logo img.dark-version, | |
| #header-outer[data-transparent-header="true"].dark-text > header #logo img.dark-version, | |
| #header-outer[data-transparent-header="true"].dark-text.side-widget-open > header #logo img.starting-logo { | |
| opacity: 1!important; | |
| } | |
| } | |
| #header-outer[data-transparent-header="true"].transparent .midnightHeader.nectar-slider #logo img.dark-version, | |
| #header-outer[data-transparent-header="true"].light-text .midnightHeader.nectar-slider #logo img.dark-version { | |
| opacity: 0!important; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent.dark-slide .midnightHeader.nectar-slider #logo img, | |
| #header-outer[data-transparent-header="true"].dark-text .midnightHeader.nectar-slider #logo img, | |
| #header-outer[data-transparent-header="true"].dark-text.side-widget-open .midnightHeader.nectar-slider #logo img.dark-version { | |
| opacity: 0!important; | |
| } | |
| #header-outer[data-transparent-header="true"].transparent.dark-slide .midnightHeader.nectar-slider #logo img.dark-version, | |
| #header-outer[data-transparent-header="true"].dark-text .midnightHeader.nectar-slider #logo img.dark-version, | |
| #header-outer[data-transparent-header="true"].dark-text.side-widget-open .midnightHeader.nectar-slider #logo img.starting-logo { | |
| opacity: 1!important; | |
| } | |
| .swiper-slide img { | |
| display: block; | |
| margin: 0 auto; | |
| max-width: 100%; | |
| } | |
| .video-texture { | |
| height: 3000px; | |
| width: 100%; | |
| position: absolute; | |
| left: 0px; | |
| top: 0px; | |
| opacity: 0; | |
| z-index: 10; | |
| } | |
| .active_texture { | |
| background-image: url(img/textures/grid.png); | |
| } | |
| .swiper-slide .button { | |
| display: inline-block; | |
| padding: 8px; | |
| margin: 0px 0px 0px 0px; | |
| border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| -webkit-border-radius: 2px; | |
| /*-webkit-transform-style: preserve-3d;*/ | |
| -moz-transform-style: preserve-3d; | |
| /*transform-style: preserve-3d;*/ | |
| } | |
| .swiper-slide .buttons > div:last-child { | |
| padding-right: 0px!Important; | |
| } | |
| .swiper-slide .buttons > div:first-child { | |
| padding-left: 0px; | |
| } | |
| .swiper-slide .button.solid_color_2, | |
| .tilt-button-wrap { | |
| -webkit-perspective: 800px; | |
| -moz-perspective: 800px; | |
| perspective: 800px; | |
| display: inline-block; | |
| } | |
| .swiper-slide .button.solid_color_2:before { | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .swiper-slide .button.solid_color_2 a:hover, | |
| .nectar-button.tilt:hover, | |
| .swiper-slide .button.solid_color_2 a:hover:after, | |
| .nectar-button.tilt:hover:after, | |
| .swiper-slide .button.solid_color_2 a:hover:before, | |
| .nectar-button.tilt:hover:before { | |
| -webkit-transition: all 0.45s cubic-bezier(0.68, 0, 0.265, 3); | |
| -moz-transition: all 0.45s cubic-bezier(0.68, 0, 0.265, 3); | |
| transition: all 0.45s cubic-bezier(0.68, 0, 0.265, 3); | |
| } | |
| .swiper-slide .button.solid_color_2 a, | |
| .nectar-button.tilt { | |
| display: block; | |
| background: #5cbcf6; | |
| outline: 1px solid transparent; /* FF jagged edges fix */ | |
| -webkit-transform-style: preserve-3d; | |
| -moz-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| outline: none; | |
| padding-left: 22px; | |
| padding-right: 22px; | |
| position: relative; | |
| border-bottom: none!important; | |
| border-radius: 0!important; | |
| opacity: 1!important; | |
| -webkit-transition: all 0.55s cubic-bezier(0.68, 0, 0.265, 1); | |
| -moz-transition: all 0.55s cubic-bezier(0.68, 0, 0.265, 1); | |
| transition: all 0.55s cubic-bezier(0.68, 0, 0.265, 1); | |
| } | |
| body[data-button-style="rounded"] .nectar-button.tilt, body[data-button-style="rounded"] .swiper-slide .button-wrap a { | |
| border-radius: 0!important; | |
| -webkit-border-radius: 0!important; | |
| } | |
| .swiper-slide .button.solid_color_2 a:after, | |
| .nectar-button.tilt:after { | |
| width: 100%; | |
| height: 37%; | |
| left: 0; | |
| top: -35%; | |
| -webkit-transform-origin: 0% 100%; | |
| -webkit-transform: rotateX(90deg); | |
| -moz-transform-origin: 0% 100%; | |
| -moz-transform: rotateX(90deg); | |
| transform-origin: 0% 100%; | |
| transform: rotateX(90deg); | |
| content: ''; | |
| position: absolute; | |
| z-index: -1; | |
| -webkit-transition: all 0.55s cubic-bezier(0.68, 0, 0.265, 1); | |
| -moz-transition: all 0.55s cubic-bezier(0.68,0, 0.265, 1); | |
| transition: all 0.55s cubic-bezier(0.68, 0, 0.265, 1); | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .swiper-slide .button.solid_color_2 a:before, | |
| .nectar-button.tilt:before { | |
| width: 100%; | |
| height: 30%; | |
| left: 0; | |
| top: 99%; | |
| background: #49a7df; | |
| -webkit-transform-origin: 0% 0%; | |
| -webkit-transform: rotateX(-90deg); | |
| -moz-transform-origin: 0% 0%; | |
| -moz-transform: rotateX(-90deg); | |
| -ms-transform-origin: 0% 0%; | |
| -ms-transform: rotateX(-90deg); | |
| transform-origin: 0% 0%; | |
| transform: rotateX(-90deg); | |
| -webkit-transition: all 0.55s cubic-bezier(0.68, 0, 0.265, 1); | |
| -moz-transition: all 0.55s cubic-bezier(0.68, 0, 0.265, 1); | |
| transition: all 0.55s cubic-bezier(0.68, 0, 0.265, 1); | |
| -webkit-font-smoothing: antialiased; | |
| content: ''; | |
| position: absolute; | |
| z-index: -1; | |
| } | |
| .swiper-slide .button.solid_color_2 a:hover, | |
| .nectar-button.tilt:hover { | |
| -webkit-transform: rotateX(20deg); | |
| -moz-transform: rotateX(20deg); | |
| -ms-transform: rotateX(20deg); | |
| transform: rotateX(20deg); | |
| } | |
| .swiper-slide .button.solid_color_2 .button-wrap, | |
| .tilt-button-inner { | |
| overflow: hidden; | |
| padding: 3px 0px; | |
| display: inline; | |
| } | |
| .swiper-slide .button a { | |
| background-color: #6bc1b9; | |
| color: #fff; | |
| border-radius: 2px; | |
| padding: 13px 17px; | |
| text-decoration: none; | |
| /*box-shadow: 0px 1px 0px rgba(255,255,255,0.25) inset, 0px 1px 3px rgba(0,0,0,0.2);*/ | |
| text-transform: uppercase; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| letter-spacing: 2px; | |
| font-size: 12px; | |
| display: block; | |
| transition: border-color 0.2s linear, background-color 0.2s linear; | |
| -moz-transition: border-color 0.2s linear, background-color 0.2s linear; | |
| -o-transition: border-color 0.2s linear, background-color 0.2s linear; | |
| -webkit-transition: border-color 0.2s linear, background-color 0.2s linear; | |
| } | |
| div[data-button-sizing="large"] .swiper-slide .button a { font-size: 15px; padding: 18px 40px; } | |
| div[data-button-sizing="large"] .swiper-slide .button.transparent a, div[data-button-sizing="large"] .swiper-slide .button.transparent_2 a { padding: 18px 40px!important; } | |
| div[data-button-sizing="jumbo"] .swiper-slide .button a { font-size: 18px; padding: 25px 45px; } | |
| div[data-button-sizing="jumbo"] .swiper-slide .button.transparent a, div[data-button-sizing="jumbo"] .swiper-slide .button.transparent_2 a { padding: 23px 45px!important; } | |
| .nectar-slider-wrap[data-full-width="false"] .swiper-slide .button a { | |
| padding: 10px 15px!important; | |
| } | |
| .nectar-slider-wrap[data-full-width="false"] .swiper-slide .button.transparent a { | |
| padding: 8px 15px!important; | |
| } | |
| .swiper-slide .button.transparent a, .swiper-slide .button.transparent_2 a { | |
| box-shadow: none!important; | |
| padding: 11px 17px!important; | |
| background-color: transparent!important; | |
| border: 2px solid rgba(255,255,255,0.7); | |
| } | |
| .swiper-slide .button.transparent a:hover { | |
| border: 2px solid rgba(255,255,255,1); | |
| } | |
| .swiper-slide .button.transparent_2 a:hover { | |
| border-color: transparent!important; | |
| background-color: #27CFC3; | |
| color: #fff!important; | |
| } | |
| .swiper-slide[data-color-scheme="dark"] .content h2, .swiper-slide[data-color-scheme="dark"] .content p, .swiper-slide[data-color-scheme="dark"] .content .button.transparent a, .swiper-slide[data-color-scheme="dark"] .content .button.transparent_2 a { | |
| color: #111; | |
| text-shadow: none!important; | |
| } | |
| .swiper-wrapper .swiper-slide[data-color-scheme="dark"] .slider-down-arrow i.icon-default-style[class^="icon-"] { | |
| color: #111!important; | |
| } | |
| .swiper-slide[data-color-scheme="dark"] .content .button.transparent a, .swiper-slide[data-color-scheme="dark"] .content .button.transparent_2 a { | |
| border: 2px solid rgba(0,0,0,0.4)!important; | |
| } | |
| .swiper-slide[data-color-scheme="dark"] .content .button.transparent a:hover, .swiper-slide[data-color-scheme="dark"] .content .button.transparent_2 a:hover { | |
| border: 2px solid rgba(0,0,0,1)!important; | |
| } | |
| .swiper-slide[data-x-pos="left"] .content { | |
| text-align: left; | |
| } | |
| .swiper-slide[data-x-pos="left"] .content p { | |
| margin: 0px; | |
| } | |
| .swiper-slide[data-x-pos="centered"] .content { | |
| text-align: center; | |
| } | |
| .swiper-slide[data-x-pos="right"] .content { | |
| width: 50%; | |
| left: auto; | |
| right: 0px; | |
| } | |
| .swiper-slide[data-x-pos="right"] .content p { | |
| margin: 0px; | |
| } | |
| .swiper-slide[data-x-pos="right"] .content .buttons { | |
| clear: both; | |
| } | |
| .swiper-slide[data-x-pos="right"] .content p:after { | |
| content: ""; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| .swiper-container { | |
| margin:0 auto; | |
| position:relative; | |
| overflow:hidden; | |
| -webkit-backface-visibility:hidden; | |
| -moz-backface-visibility:hidden; | |
| -ms-backface-visibility:hidden; | |
| -o-backface-visibility:hidden; | |
| backface-visibility:hidden; | |
| /* Fix of Webkit flickering */ | |
| z-index:1; | |
| } | |
| .swiper-wrapper { | |
| position:relative; | |
| width:100%; | |
| -webkit-transition-property:-webkit-transform, left, top; | |
| -webkit-transition-duration:0s; | |
| -webkit-transform:translate3d(0px,0,0); | |
| -webkit-transition-timing-function:ease; | |
| -moz-transition-property:-moz-transform, left, top; | |
| -moz-transition-duration:0s; | |
| /*-moz-transform:translate3d(0px,0,0);*/ | |
| -moz-transition-timing-function:ease; | |
| -o-transition-property:-o-transform, left, top; | |
| -o-transition-duration:0s; | |
| -o-transform:translate3d(0px,0,0); | |
| -o-transition-timing-function:ease; | |
| -o-transform:translate(0px,0px); | |
| -ms-transition-property:-ms-transform, left, top; | |
| -ms-transition-duration:0s; | |
| -ms-transform:translate3d(0px,0,0); | |
| -ms-transition-timing-function:ease; | |
| transition-property:transform, left, top; | |
| transition-duration:2s; | |
| /*transform:translate3d(0px,0,0);*/ | |
| transition-timing-function:ease; | |
| } | |
| .swiper-slide { | |
| float: left; | |
| } | |
| /* IE10 Windows Phone 8 Fixes */ | |
| .swiper-wp8-horizontal { | |
| -ms-touch-action: pan-y; | |
| } | |
| .swiper-wp8-vertical { | |
| -ms-touch-action: pan-x; | |
| } | |
| /* Specify Swiper's Size: */ | |
| .swiper-container, .swiper-slide { | |
| width: 100%; | |
| height: 800px; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .nectar-slider-wrap[data-transition="fade"] .swiper-wrapper { | |
| transition: none!important; | |
| } | |
| .nectar-slider-wrap[data-transition="fade"] .swiper-slide { | |
| transition: opacity 0.9s ease; | |
| } | |
| .swiper-slide .video-wrap { | |
| position: absolute!important; | |
| top: 0; | |
| left: 0; | |
| padding-bottom: 0px!important; | |
| overflow: hidden; | |
| } | |
| .slider-pagination { | |
| position: absolute; | |
| z-index: 20; | |
| bottom: 25px; | |
| display: block; | |
| width: 100%; | |
| text-align: center; | |
| opacity: 0; | |
| } | |
| .slider-pagination .swiper-pagination-switch { | |
| border: 1px solid #fff; | |
| background-color: transparent; | |
| border-radius: 10px 10px 10px 10px; | |
| cursor: pointer; | |
| display: inline-block; | |
| height: 10px; | |
| margin: 0 4px; | |
| width: 10px; | |
| transition: background-color 0.2s linear, border-color 0.2s linear; | |
| -moz-transition: background-color 0.2s linear, border-color 0.2s linear; | |
| -webkit-transition: background-color 0.2s linear, border-color 0.2s linear; | |
| -o-transition: background-color 0.2s linear, border-color 0.2s linear; | |
| } | |
| .slider-pagination .swiper-pagination-switch:hover { | |
| background-color: #fff; | |
| } | |
| .swiper-container .slider-pagination .swiper-active-switch, | |
| .swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-active-switch { | |
| background: none repeat scroll 0 0 #FFFFFF; | |
| } | |
| .swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-pagination-switch { | |
| background-color: transparent!important; | |
| width: 26px; | |
| height: 26px; | |
| margin: 0px; | |
| position: relative; | |
| border: none!important; | |
| } | |
| .swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-pagination-switch i { | |
| background-color: #e8e8e8; | |
| border: none!important; | |
| height: 100%; | |
| width: 100%; | |
| display: block; | |
| position: absolute; | |
| height: 6px; | |
| width: 6px; | |
| top: 10px; | |
| left: 10px; | |
| box-shadow: rgba(0,0,0,0.3) 1px 1px 2px; | |
| -webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 2px; | |
| -moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 2px; | |
| transition: all 0.13s ease; | |
| -moz-transition: all 0.13s ease; | |
| -webkit-transition: all 0.13s ease; | |
| -o-transition: all 0.13s ease; | |
| transform: scale(0.9); | |
| -moz-transform: scale(0.9); | |
| -webkit-transform: scale(0.9); | |
| border-radius: 50%; | |
| } | |
| .swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-pagination-switch:hover i { | |
| background-color: #fff; | |
| } | |
| .swiper-container[data-bullet_style="scale"] .slider-pagination .swiper-active-switch i { | |
| transform: scale(1.7); | |
| -moz-transform: scale(1.7); | |
| -webkit-transform: scale(1.7); | |
| background-color: #fff; | |
| } | |
| .swiper-container[data-bullet_style="scale"] .slider-pagination.dark-cs .swiper-pagination-switch i { | |
| background-color: #111; | |
| box-shadow: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| } | |
| .swiper-container[data-bullet_style="scale"] .slider-pagination.dark-cs .swiper-pagination-switch.swiper-active-switch i, | |
| .swiper-container[data-bullet_style="scale"] .slider-pagination.dark-cs .swiper-pagination-switch:hover i { | |
| background-color: #000; | |
| } | |
| .slider-pagination.dark-cs .swiper-pagination-switch { | |
| border: 1px solid #000; | |
| background-color: transparent; | |
| } | |
| .slider-pagination.dark-cs .swiper-pagination-switch:hover { | |
| background: none repeat scroll 0 0 #000; | |
| } | |
| .slider-pagination.dark-cs .swiper-active-switch { | |
| background: none repeat scroll 0 0 #000; | |
| } | |
| .swiper-container .slider-prev, .swiper-container .slider-next { | |
| position: absolute; | |
| z-index: 130; | |
| top: 50%; | |
| height:54px; | |
| margin-top: -28px; | |
| width: 100%; | |
| } | |
| .swiper-slide .content .buttons { | |
| position: relative; | |
| } | |
| .nectar-slider-wrap.first-section[data-full-width="true"] .swiper-container .slider-prev, .nectar-slider-wrap.first-section[data-full-width="true"] .swiper-container .slider-next { | |
| margin-top: 0px; | |
| } | |
| .parallax_slider_outer.first-section .swiper-container .slider-prev, .parallax_slider_outer.first-section .swiper-container .slider-next { | |
| margin-top: 0px; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .slider-prev.dark-cs, .slider-next.dark-cs { | |
| background-color: rgba(255,255,255,0.5)!important; | |
| } | |
| .slider-prev.dark-cs:hover, .slider-next.dark-cs:hover { | |
| background-color: rgba(255,255,255,0.8)!important; | |
| } | |
| .slider-prev.dark-cs i, .slider-next.dark-cs i, .swiper-container .dark-cs.slider-prev .slide-count span, .swiper-container .dark-cs.slider-next .slide-count span { | |
| color: #000; | |
| transition: color 0.2s linear; | |
| -webkit-transition: color 0.2s linear; | |
| -o-transition: color 0.2s linear; | |
| -moz-transition: color 0.2s linear; | |
| } | |
| .swiper-container .slider-prev, .swiper-container .slider-next { | |
| position: absolute; | |
| z-index: 130; | |
| display: block; | |
| color: #fff; | |
| height: 60px; | |
| width: 50px; | |
| background-color: rgba(0,0,0,0.4); | |
| border-radius: 0px 4px 4px 0px; | |
| -moz-border-radius: 0px 4px 4px 0px; | |
| -webkit-border-radius: 0px 4px 4px 0px; | |
| -o-border-radius: 0px 4px 4px 0px; | |
| transition: background-color 0.2s linear; | |
| -webkit-transition: background-color 0.2s linear; | |
| -o-transition: background-color 0.2s linear; | |
| -moz-transition: background-color 0.2s linear; | |
| } | |
| .swiper-container .slider-prev .slide-count span, .swiper-container .slider-next .slide-count span { | |
| opacity: 0; | |
| -ms-filter: "alpha(opacity=0)"; | |
| } | |
| .swiper-container .slider-next .slide-count { | |
| left: auto; | |
| right: 0px; | |
| } | |
| .swiper-container .slide-count { | |
| position: absolute; | |
| left: 0px; | |
| top: 0px; | |
| height: 64px; | |
| width: 50px; | |
| } | |
| .swiper-container .slide-count i { | |
| opacity: 0.7; | |
| top: 17px; | |
| line-height: normal!important; | |
| font-size: 26px!important; | |
| } | |
| .swiper-container .slide-count { | |
| font-size: 10px!important; | |
| } | |
| .swiper-container .slide-count .slide-current { | |
| position: absolute; | |
| top: 14px; | |
| left: 15px; | |
| height: 10px; | |
| line-height: 10px; | |
| } | |
| .swiper-container .slide-count .slide-current.double-digits { | |
| top: 16px!important; | |
| left: 9px!important; | |
| } | |
| .swiper-container .slide-count .slide-total { | |
| position: absolute; | |
| top: 35px; | |
| left: 31px; | |
| height: 10px; | |
| line-height: 10px; | |
| } | |
| .swiper-container .slider-next { | |
| border-radius: 4px 0px 0px 4px; | |
| -moz-border-radius: 4px 0px 0px 4px; | |
| -webkit-border-radius: 4px 0px 0px 4px; | |
| -o-border-radius: 4px 0px 0px 4px; | |
| } | |
| .swiper-container .mejs-poster { | |
| background-size: cover!important; | |
| -moz-background-size: cover!important; | |
| -webkit-background-size: cover!important; | |
| -o-background-size: cover!important; | |
| } | |
| .nectar-slider-wrap { | |
| overflow: hidden; | |
| position: relative; | |
| left: 0px; | |
| } | |
| .parallax_slider_outer.first-section:not(.element-out-of-view) .nectar-slider-wrap { | |
| will-change: transform; | |
| } | |
| .parallax_slider_outer.first-section:not(.element-out-of-view) .swiper-slide .content, | |
| .parallax_slider_outer.first-section:not(.element-out-of-view) .swiper-slide:not(.static):not(.caption-no-fade) .content, | |
| .parallax_slider_outer.first-section:not(.element-out-of-view) .nectar-slider-wrap[data-parallax="true"] .swiper-container .slider-next, | |
| .parallax_slider_outer.first-section:not(.element-out-of-view) .nectar-slider-wrap[data-parallax="true"] .swiper-container .slider-prev { | |
| will-change: transform, opacity; | |
| } | |
| .parallax_slider_outer .nectar-slider-wrap[data-full-width="boxed-full-width"] { | |
| margin: 0px!important; | |
| } | |
| .nectar-slider-wrap[data-full-width="boxed-full-width"] { | |
| margin: 0px -56px 0px -56px!important; | |
| } | |
| .full-width-content .wpb_column .nectar-slider-wrap[data-full-width="boxed-full-width"] { | |
| margin: 0!important; | |
| } | |
| body[data-ext-responsive="true"] .vc_span12 .nectar-slider-wrap[data-full-width="boxed-full-width"], | |
| body[data-ext-responsive="true"] .vc_col-sm-12 .nectar-slider-wrap[data-full-width="boxed-full-width"] { | |
| margin: 0 -4.5%!important; | |
| } | |
| .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content { | |
| padding: 0px 50px!important; | |
| } | |
| .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content { | |
| padding: 0px 100px; | |
| } | |
| .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide[data-x-pos="right"] .content { | |
| padding: 0px 100px 0px 0px!important; | |
| } | |
| .nectar-slider-wrap[data-full-width="true"].first-section, .nectar-slider-wrap[data-full-width="boxed-full-width"].first-section { | |
| margin-top: -70px; | |
| } | |
| @media only screen and (min-width: 1000px) { | |
| body[data-transparent-header="false"][data-bg-header="true"] .wpb_row.first-section { | |
| margin-top: -43px!important; | |
| } | |
| } | |
| body[data-transparent-header="false"][data-header-resize="0"] .nectar-slider-wrap[data-full-width="true"].first-section, | |
| body[data-transparent-header="false"][data-header-resize="0"] .nectar-slider-wrap[data-full-width="true"].first-section .swiper-slide .content { | |
| margin-top: 0px!important; | |
| } | |
| #post-area.span_9 .nectar-slider-wrap[data-full-width="true"].first-section, #post-area.span_9 .nectar-slider-wrap[data-full-width="boxed-full-width"].first-section { | |
| margin-top: 0px!important; | |
| } | |
| .parallax_slider_outer.first-section { | |
| margin-bottom: -2px!important; | |
| margin-top: -42px; | |
| } | |
| .parallax_slider_outer.first-section .nectar-slider-wrap { | |
| position: fixed; | |
| left: 0px!important; | |
| -webkit-backface-visibility: hidden; | |
| z-index: 2; | |
| } | |
| .no-left-margin.first-section { | |
| height: auto!important; | |
| } | |
| .no-left-margin.first-section .nectar-slider-wrap { | |
| left: 0!important; | |
| } | |
| body .parallax_slider_outer.first-section .nectar-slider-wrap[data-full-width="boxed-full-width"] { | |
| left: auto!important; | |
| /*position: relative!important;*/ | |
| } | |
| .parallax_slider_outer .swiper-container .slider-prev { | |
| left: 0px!important; | |
| } | |
| .parallax_slider_outer .swiper-container .slider-next { | |
| right: 0px!important; | |
| } | |
| .parallax_slider_outer .swiper-container, .parallax_slider_outer.first-section .nectar-slider-wrap { | |
| -webkit-transform: translate(0, 0); | |
| -moz-transform: translate(0, 0); | |
| transform: translate(0, 0); | |
| -o-transform: translate(0, 0); | |
| -webkit-backface-visibility: hidden; | |
| } | |
| body[data-smooth-scrolling="1"] .parallax_slider_outer .swiper-container .slider-next { | |
| right: 16px!important; | |
| } | |
| body[data-smooth-scrolling="1"] .parallax_slider_outer .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-container .slider-next, | |
| body[data-smooth-scrolling="1"] #boxed .parallax_slider_outer .nectar-slider-wrap .swiper-container .slider-next { | |
| right: 0px!important; | |
| } | |
| .swiper-container .slider-prev:hover, .swiper-container .slider-next:hover { | |
| background-color: rgba(0,0,0,0.8); | |
| } | |
| .swiper-container .slider-prev i, .swiper-container .slider-next i { | |
| font-size: 21px; | |
| background-color: transparent!important; | |
| line-height: 64px; | |
| } | |
| .swiper-container .slider-prev > i, .swiper-container .slider-next > i { | |
| width: 20px!important; | |
| } | |
| .swiper-container .slider-prev > i { position: absolute; padding-right: 0px; left: 13px; } | |
| .swiper-container .slider-next > i { position: absolute; right: 13px; left: auto;} | |
| .swiper-container .slider-prev .slide-count { | |
| right: 6px!important; | |
| left: auto!important; | |
| text-align: center; | |
| } | |
| .swiper-container .slider-next .slide-count { | |
| left: 6px!important; | |
| text-align: center; | |
| } | |
| .swiper-container .slider-next { | |
| right: 0px; | |
| padding-left: 4px; | |
| opacity: 0; | |
| } | |
| .swiper-container .slider-prev { | |
| left: 0px; | |
| padding-right: 4px; | |
| opacity: 0; | |
| } | |
| body[data-smooth-scrolling="1"] .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-next { right: 8px; } | |
| body[data-smooth-scrolling="1"] .nectar-slider-wrap[data-full-width="true"][data-parallax="true"] .swiper-container .slider-next { right: 10px; } | |
| body[data-smooth-scrolling="1"] .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-prev { left: 7px; } | |
| /* Swiper Styles */ | |
| .swiper-container { | |
| margin:0 auto; | |
| position:relative; | |
| overflow:hidden; | |
| -webkit-backface-visibility:visible!important; | |
| -moz-backface-visibility:hidden; | |
| -ms-backface-visibility:hidden; | |
| -o-backface-visibility:hidden; | |
| backface-visibility:hidden; | |
| /* Fix of Webkit flickering */ | |
| z-index:1; | |
| } | |
| .swiper-wrapper { | |
| position:relative; | |
| width:100%; | |
| -webkit-transition-property:-webkit-transform, left, top; | |
| -webkit-transition-duration:0s; | |
| -webkit-transform:translate3d(0px,0,0); | |
| -moz-transition-property:-moz-transform, left, top; | |
| -moz-transition-duration:0s; | |
| /*-moz-transform:translate3d(0px,0,0);*/ | |
| -o-transition-property:-o-transform, left, top; | |
| -o-transition-duration:0s; | |
| -o-transform:translate3d(0px,0,0); | |
| -o-transform:translate(0px,0px); | |
| -ms-transition-property:-ms-transform, left, top; | |
| -ms-transition-duration:0s; | |
| -ms-transform:translate3d(0px,0,0); | |
| transition-property:transform, left, top; | |
| transition-duration:0s; | |
| /*transform:translate3d(0px,0,0);*/ | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| left: 0px; | |
| } | |
| .nectar-slider-wrap:not([data-transition="fade"]) .swiper-wrapper { | |
| -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
| -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
| -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
| -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
| transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| .swiper-slide { | |
| float: left; | |
| } | |
| /* IE10 Windows Phone 8 Fixes */ | |
| .swiper-wp8-horizontal { | |
| -ms-touch-action: pan-y; | |
| } | |
| .swiper-wp8-vertical { | |
| -ms-touch-action: pan-x; | |
| } | |
| .swiper-container, .swiper-slide { | |
| width: 100%; | |
| height: 750px; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .swiper-slide .video-wrap { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| overflow: hidden; | |
| } | |
| .swiper-slide .video-wrap video { | |
| top: 0px; | |
| position: relative; | |
| -webkit-backface-visibility:hidden!important; | |
| } | |
| .swiper-container .mejs-container .mejs-controls { | |
| display: none!important; | |
| } | |
| .entire-slide-link { | |
| position: absolute; | |
| z-index: 100; | |
| height: 3000px; | |
| width: 100%; | |
| opacity: 0; | |
| transition: none!important; | |
| } | |
| /*.nectar-slider-wrap[data-full-width="true"] .swiper-container { | |
| opacity: 0; | |
| }*/ | |
| @keyframes fadebottom { | |
| 0% { | |
| opacity: 1; | |
| transform: translateY(0px); | |
| -moz-transform: translateY(0px); | |
| -o-transform: translateY(0px); | |
| } | |
| 25% { | |
| opacity: 0; | |
| transform: translateY(20px); | |
| -moz-transform: translateY(20px); | |
| -o-transform: translateY(20px); | |
| } | |
| 30% { | |
| opacity: 0; | |
| transform: translateY(0px); | |
| -moz-transform: translateY(0px); | |
| -o-transform: translateY(0px); | |
| } | |
| 45% { | |
| opacity: 1; | |
| transform: translateY(0px); | |
| -moz-transform: translateY(0px); | |
| -o-transform: translateY(0px); | |
| } | |
| 100% { | |
| opacity: 1; | |
| transform: translateY(0px); | |
| -moz-transform: translateY(0px); | |
| -o-transform: translateY(0px); | |
| } | |
| } | |
| @-webkit-keyframes fadebottom { | |
| 0% { | |
| opacity: 1; | |
| transform: translateY(0px); | |
| -webkit-transform: translateY(0px); | |
| } | |
| 25% { | |
| opacity: 0; | |
| transform: translateY(20px); | |
| -webkit-transform: translateY(20px); | |
| } | |
| 30% { | |
| opacity: 0; | |
| transform: translateY(0px); | |
| -webkit-transform: translateY(0px); | |
| } | |
| 45% { | |
| opacity: 1; | |
| transform: translateY(0px); | |
| -webkit-transform: translateY(0px); | |
| } | |
| 100% { | |
| opacity: 1; | |
| transform: translateY(0px); | |
| -webkit-transform: translateY(0px); | |
| } | |
| } | |
| .swiper-wrapper .slider-down-arrow { | |
| height: 60px; | |
| width: 60px; | |
| display: block; | |
| margin: 0 auto; | |
| position: absolute; | |
| bottom: 30px; | |
| z-index: 100; | |
| left: 50%; | |
| margin-left: -30px; | |
| } | |
| body[data-smooth-scrolling="1"] .swiper-wrapper .slider-down-arrow { | |
| margin-left: -38px; | |
| } | |
| .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] { | |
| height: 60px!important; | |
| width: 60px; | |
| font-size: 20px!important; | |
| color: #fff!important; | |
| line-height: 60px!important; | |
| animation: 3.4s ease-in-out infinite fadebottom; | |
| -webkit-animation: 3.4s ease-in-out infinite fadebottom; | |
| } | |
| .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] { | |
| } | |
| /* next prev navigation styling */ | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev, | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next { | |
| background-color: transparent!important; | |
| padding: 0!important; | |
| width: 60px; | |
| line-height: 50px; | |
| height: 50px; | |
| } | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev, | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next { | |
| width: 80px; | |
| background-color: transparent!important; | |
| padding: 0!important; | |
| line-height: 50px; | |
| height: 50px; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next { | |
| margin-right: -15px; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i, | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next i { | |
| border-radius: 100px; | |
| width: 50px!important; | |
| line-height: 44px!important; | |
| height: 50px!important; | |
| border: 3px solid #fff; | |
| max-width: none!important; | |
| transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; | |
| -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; | |
| } | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i, | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i { | |
| width: 80px!important; | |
| line-height: 44px!important; | |
| height: 50px!important; | |
| max-width: none!important; | |
| font-size: 60px; | |
| transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; | |
| -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; | |
| border: none!important; | |
| } | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next:hover i { | |
| right: 29px!important; | |
| } | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev:hover i { | |
| left: 29px!important; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev.dark-cs i, | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next.dark-cs i { | |
| border: 3px solid #000; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.light-overlay { background-color: rgba(255,255,255,0.8); } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.dark-overlay { background-color: rgba(0,0,0,0.55); } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.half-light-overlay { background-color: rgba(255,255,255,0.4); } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.half-dark-overlay { background-color: rgba(0,0,0,0.35); } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture { transition: background-color 0.4s linear; -webkit-transition: background-color 0.4s linear; } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .video-texture.no-trans { transition: none; -webkit-transition: none; } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev.dark-cs-preview i, | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next.dark-cs-preview i { | |
| border: 3px solid #000; | |
| color: #000; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i, | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i { | |
| position: relative; | |
| left: 38px!important; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next i, | |
| .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i { | |
| position: relative; | |
| right: 38px!important; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i, | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next i { | |
| line-height: 49px; | |
| font-size: 34px; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide { | |
| transition: transform 0.525s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; | |
| -webkit-transition: transform 0.525s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next, | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev { | |
| transition: margin 0.525s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; | |
| -webkit-transition: margin 0.525s cubic-bezier(0.645, 0.045, 0.355, 1) 0s!important; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.high-z-index { | |
| z-index: 1000; | |
| transform: translate(-161px, 0px); | |
| -webkit-transform: translate(-165px, 0px); | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.prev-high-z-index { | |
| z-index: 1000; | |
| transform: translate(161px, 0px); | |
| -webkit-transform: translate(165px, 0px); | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.prev-high-z-index-static { | |
| z-index: 1000; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next.next-arrow-move { | |
| margin-right: 3px!important; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev.prev-arrow-move { | |
| margin-left: 15px!important; | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.next-move { | |
| z-index: 100; | |
| transform: translate(-40px, 0px); | |
| -webkit-transform: translate(-40px, 0px); | |
| } | |
| .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .swiper-slide.prev-move { | |
| z-index: 100; | |
| transform: translate(40px, 0px); | |
| -webkit-transform: translate(40px, 0px); | |
| } | |
| /***************** Nectar Video BG ******************/ | |
| .wpb_row .nectar-video-wrap, #page-header-bg .nectar-video-wrap { | |
| position: absolute!important; | |
| top: 0; | |
| left: 0; | |
| padding-bottom: 0px!important; | |
| overflow: hidden; | |
| opacity: 0; | |
| z-index: 1; | |
| } | |
| #page-header-bg .nectar-video-wrap { | |
| opacity: 1; | |
| background-color: #393939; | |
| background-position: center; | |
| background-repeat: repeat; | |
| background-image: url('img/textures/diagonal_line.png'); | |
| } | |
| #page-header-bg .nectar-video-wrap video { | |
| opacity: 0; | |
| } | |
| .video-color-overlay { | |
| width: 100%; | |
| height: 100%; | |
| opacity: 0; | |
| position: absolute!important; | |
| -webkit-backface-visibility: hidden; | |
| top: 0; | |
| left: 0; | |
| padding-bottom: 0px!important; | |
| z-index: 3; | |
| } | |
| .wpb_row .nectar-video-wrap .mejs-container .mejs-controls { | |
| display: none!important; | |
| } | |
| .wpb_row > .span_12 { | |
| z-index: 10; | |
| margin-bottom: 0px!Important; | |
| } | |
| .wpb_row > .span_12 > .column_container:last-child { | |
| margin-bottom: 0px!Important; | |
| } | |
| /***************** Nectar mouse parallax ******************/ | |
| .wpb_row .nectar-parallax-scene { | |
| position: absolute!important; | |
| top: 0; | |
| left: 0; | |
| margin: 0!important; | |
| padding-bottom: 0px!important; | |
| overflow: hidden; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1; | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-transform: translate3d(0px, 0px, 0px); | |
| transform: translate3d(0px, 0px, 0px); | |
| -webkit-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| } | |
| .wpb_row .nectar-parallax-scene li { | |
| height: 100%; | |
| width: 100%; | |
| } | |
| .wpb_row .nectar-parallax-scene div { | |
| margin-left: -10%; | |
| top: -10%; | |
| min-height: 100%; | |
| width: 120%; | |
| height: 120%; | |
| background-size: cover; | |
| margin-bottom: 0!important; | |
| max-width: none; | |
| position: relative; | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-transform: translate3d(0px, 0px, 0px); | |
| transform: translate3d(0px, 0px, 0px); | |
| -webkit-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| } | |
| .wpb_row .nectar-parallax-scene[data-scene-position="center"] div { background-position: center;} | |
| .wpb_row .nectar-parallax-scene[data-scene-position="bottom"] div { background-position: center bottom;} | |
| .wpb_row .nectar-parallax-scene[data-scene-position="top"] div { background-position: center top;} | |
| /***************** Flexslider ******************/ | |
| .flex-gallery {margin: 0; padding: 0;} | |
| .flex-gallery .slides > li {display: none; -webkit-backface-visibility: hidden;} | |
| .flex-gallery .slides img {width: 99.8%; display: block;} | |
| .flex-pauseplay span {text-transform: capitalize;} | |
| .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} | |
| html[xmlns] .slides {display: block;} | |
| * html .slides {height: 1%;} | |
| .no-js .slides > li:first-child {display: block;} | |
| .flex-gallery {margin: 0 0 15px; position: relative; zoom: 1; background-color: transparent;} | |
| .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} | |
| .loading .flex-viewport {max-height: 300px;} | |
| .flex-gallery .slides {zoom: 1;} | |
| .flex-gallery ul { | |
| position: relative; | |
| z-index: 1000; | |
| margin: 0px; | |
| } | |
| .flex-gallery ul.flex-direction-nav { | |
| margin: 0 !important; | |
| position: absolute !important; | |
| top: 8px; | |
| } | |
| .flex-gallery ul li { | |
| list-style: none; | |
| } | |
| .flex-gallery ul li img { | |
| margin-bottom: 0px!important; | |
| } | |
| .carousel li {margin-right: 0px; margin-left: 0px;} | |
| .flex-control-nav { | |
| display: none; | |
| } | |
| .flex-direction-nav {*height: 0;} | |
| .flex-direction-nav a { | |
| display: block; | |
| line-height: 22px; | |
| position: relative; | |
| background-color: #27CFC3; | |
| height: 25px; | |
| width: 25px; | |
| text-align: center; | |
| -webkit-transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| transition: all 0.2s linear; | |
| border-radius: 1px 1px 1px 1px; | |
| -moz-border-radius: 1px 1px 1px 1px; | |
| -webkit-border-radius: 1px 1px 1px 1px; | |
| -o-border-radius: 1px 1px 1px 1px; | |
| } | |
| .flex-direction-nav a i { | |
| line-height: 29px; | |
| background-color: transparent!important; | |
| } | |
| .flex-direction-nav a.flex-next { | |
| padding-left: 2px; | |
| } | |
| .flex-direction-nav a.flex-prev { | |
| padding-right: 2px; | |
| } | |
| .flex-direction-nav li{ | |
| float: left; | |
| margin-left: 7px!important; | |
| } | |
| .flex-direction-nav { | |
| margin: -32px 0px 0px 0px!important; | |
| } | |
| .flex-direction-nav a:hover { | |
| background-color: #333333!important; | |
| } | |
| .flex-direction-nav .flex-next span {background-image: url("img/icons/slider-arrows-small.png")!important; background-position: right top; top: 9px; right: 9px; position: absolute; display: block; height:15px; width:15px; z-index: 100;} | |
| .flex-direction-nav .flex-prev span {background-image: url("img/icons/slider-arrows-small.png")!important; background-position: left top; top: 9px; left: 9px; position: absolute; display: block; height:15px; width:15px; z-index: 100;} | |
| /* Audio/Video jPlayer Skin ---------------------------------------------*/ | |
| .jp-jplayer { | |
| height: 30px; | |
| background-color: transparent; | |
| width: 100%!important; | |
| } | |
| #post-area .jp-jplayer-video { | |
| height: auto; | |
| } | |
| .jp-video-container, | |
| .jp-audio-container { | |
| border: 1px solid #000; | |
| box-shadow: 0 1px 3px rgba(0,0,0,0.5); | |
| -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); | |
| -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); | |
| -o-box-shadow: 0 1px 3px rgba(0,0,0,0.5); | |
| position: relative; | |
| width: 100%; | |
| } | |
| .jp-jplayer-video img { | |
| margin-bottom: 0px!important; | |
| width: 100%!important; | |
| height: auto!important; | |
| display: block; | |
| } | |
| .jp-jplayer-video { | |
| overflow: hidden; | |
| } | |
| .jp-jplayer-video video { | |
| display: block; | |
| width: 100.2%!important; | |
| } | |
| .jp-video-container { margin-bottom: 15px; } | |
| .jp-audio-container { width: 100%; } | |
| .jp-interface { | |
| position: relative; | |
| width: 100%; | |
| height: 30px; | |
| background: transparent url(img/icons/jplayer.png) repeat-x right top; | |
| z-index: 100; | |
| } | |
| .jp-controls { | |
| list-style-type: none; | |
| padding: 0; | |
| margin: 0!important; | |
| } | |
| .jp-controls li { display: inline; } | |
| .jp-controls a { | |
| border-bottom: none; | |
| position: absolute; | |
| overflow: hidden; | |
| text-indent: -9999px; | |
| } | |
| .jp-controls a:hover { background-color: transparent; } | |
| a.jp-play, | |
| a.jp-pause { | |
| width: 27px; | |
| height: 27px; | |
| z-index: 1; | |
| outline: none; | |
| top: 0; | |
| left: 0; | |
| } | |
| a.jp-play { background: url(img/icons/jplayer.png) -16px -68px no-repeat; } | |
| a.jp-play:hover { background-position: -16px -100px; } | |
| a.jp-pause { | |
| background: url(img/icons/jplayer.png) -52px -68px no-repeat; | |
| display: none; | |
| } | |
| a.jp-pause:hover { background-position: -52px -100px; } | |
| .jp-progress { | |
| box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -o-box-sizing: border-box; | |
| margin: 10px 0; | |
| padding: 0 100px 0 37px; | |
| position: absolute; | |
| height: 10px; | |
| width: 100%; | |
| } | |
| .jp-seek-bar { | |
| background: url(img/icons/jplayer.png) 0 -49px repeat-x; | |
| width: 0px; | |
| height: 9px; | |
| cursor: pointer; | |
| position: relative; | |
| border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| -o-border-radius: 1px; | |
| } | |
| .jp-play-bar { | |
| width: 0px; | |
| height: 7px; | |
| top: 1px; | |
| position: relative; | |
| border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| -o-border-radius: 1px; | |
| background-color: #27CFC3; | |
| } | |
| .jp-volume-bar-container { | |
| position: absolute; | |
| top: 0; | |
| right: 10px; | |
| width: 45px; | |
| height: 10px; | |
| margin: 10px 0; | |
| } | |
| .jp-volume-bar { | |
| position: relative; | |
| overflow: hidden; | |
| background: url(img/icons/jplayer.png) 0 -49px repeat-x; | |
| width: 100%; | |
| height: 9px; | |
| cursor: pointer; | |
| top: 0; | |
| } | |
| .jp-volume-bar-value { | |
| width: 0px; | |
| height: 7px; | |
| margin: 1px; | |
| border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| -o-border-radius: 1px; | |
| background-color: #27CFC3; | |
| } | |
| a.jp-mute, | |
| a.jp-unmute { | |
| width: 30px; | |
| height: 30px; | |
| z-index: 1; | |
| outline: none; | |
| top: 0; | |
| right: 62px; | |
| } | |
| a.jp-mute { background: transparent url(img/icons/jplayer.png) -95px -69px no-repeat; } | |
| a.jp-mute:hover { background-position: -95px -101px; } | |
| a.jp-unmute { background: url(img/icons/jplayer.png) -138px -69px no-repeat; } | |
| a.jp-unmute:hover { background-position: -138px -101px; } | |
| .iframe-embed { | |
| position: relative; | |
| margin-bottom: 15px; | |
| line-height: 0; | |
| } | |
| .iframe-embed iframe, iframe { | |
| max-width: 100%; | |
| } | |
| .main-content iframe[src] { | |
| opacity: 0; | |
| } | |
| html:not(.js) .main-content iframe[src], .main-content #sidebar iframe[src] { | |
| opacity: 1; | |
| } | |
| .iframe-embed-standard iframe { | |
| width: 100%!important; | |
| } | |
| body .wpb_video_widget .wpb_wrapper .wpb_video_wrapper { | |
| padding-top: 0px; | |
| } | |
| body .wpb_video_widget .wpb_wrapper iframe { | |
| height: inherit; | |
| position: relative; | |
| width: inherit; | |
| } | |
| /* 3.6 Media Element Styles */ | |
| .mejs-controls .mejs-button button:focus { | |
| outline: none!important; | |
| } | |
| video, audio { | |
| visibility: hidden; | |
| } | |
| .mejs-controls .mejs-time-rail .mejs-time-loaded { | |
| background-color: rgba(255, 255, 255, 0.18)!Important; | |
| } | |
| .mejs-container { | |
| background-color: transparent!important; | |
| background-image: none!important; | |
| } | |
| .wp-video { width: 100%!important; margin-bottom: 20px; } | |
| video.wp-video-shortcode, .wp-video-shortcode video { | |
| width: auto!important; | |
| } | |
| .mejs-container .mejs-poster img { | |
| max-width: none!important; | |
| width: 100%!important; | |
| } | |
| .mejs-container-fullscreen .mejs-poster img { | |
| height: 100%!important; | |
| } | |
| body .mejs-poster { | |
| background-size: cover; | |
| } | |
| .mejs-controls button { opacity: 0.8; } | |
| .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;} | |
| .mejs-controls .mejs-mute button { background: transparent url(img/icons/jplayer.png) -102px -76px no-repeat!important; } | |
| .mejs-controls .mejs-unmute button { background: url(img/icons/jplayer.png) -145px -76px no-repeat!important; } | |
| .mejs-controls .mejs-play button { background: url(img/icons/jplayer.png) -24px -75px no-repeat!important; } | |
| .mejs-controls .mejs-pause button { background: url(img/icons/jplayer.png) -60px -75px no-repeat!important; } | |
| .mejs-controls .mejs-fullscreen-button button { background: url(img/icons/jplayer.png) -187px -76px no-repeat!important; } | |
| .mejs-container .mejs-controls { | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); | |
| -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); | |
| -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); | |
| -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); | |
| background: transparent url(img/icons/jplayer.png) repeat-x right top!Important; | |
| } | |
| .mejs-controls .mejs-time-rail .mejs-time-total { | |
| background: #1f1f1f none repeat scroll 0 0 !important; | |
| } | |
| .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { | |
| background: transparent!important; | |
| } | |
| body .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { | |
| top: 5px; | |
| } | |
| /***************** Isotope ******************/ | |
| .isotope-item { | |
| z-index: 2; | |
| } | |
| .isotope-hidden.isotope-item { | |
| pointer-events: none; | |
| z-index: 1; | |
| } | |
| .isotope { | |
| -webkit-transition-property: height; | |
| -moz-transition-property: height; | |
| -ms-transition-property: height; | |
| -o-transition-property: height; | |
| transition-property: height; | |
| } | |
| .isotope .isotope-item { | |
| -webkit-transition-property: -webkit-transform, opacity; | |
| -moz-transition-property: -moz-transform, opacity; | |
| -ms-transition-property: -ms-transform, opacity; | |
| -o-transition-property: -o-transform, opacity; | |
| transition-property: transform, opacity; | |
| } | |
| .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; | |
| } | |
| /***************** carouFredSel ******************/ | |
| .carousel-heading { | |
| z-index: 100; | |
| position: relative; | |
| margin-bottom: 7px; | |
| min-height: 23px; | |
| } | |
| .carousel-heading h2 { | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| letter-spacing: 2px!important; | |
| font-size: 12px; | |
| margin-bottom: 7px!important; | |
| } | |
| .carousel-wrap[data-full-width="false"] .carousel-heading h2 { | |
| font-size: 12px!important; | |
| } | |
| html:not(.js) .carousel-heading { | |
| display: none; | |
| } | |
| .caroufredsel_wrapper { | |
| cursor: grab!important; | |
| cursor: -moz-grab!important; | |
| cursor: -webkit-grab!important; | |
| margin: 0px!important; | |
| } | |
| .caroufredsel_wrapper.active { | |
| cursor: grabbing!important; | |
| cursor: -moz-grabbing!important; | |
| cursor: -webkit-grabbing!important; | |
| } | |
| body .carousel-wrap { | |
| position: relative; | |
| overflow: hidden; | |
| margin: 0px -10px 0em -10px; | |
| } | |
| .full-width-section .carousel-wrap { | |
| margin-bottom: 0px!important; | |
| } | |
| #full_width_portfolio .full-width-section.first-section, #full_width_portfolio .full-width-content.first-section { | |
| margin-top: 0px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] { | |
| padding: 0px 18px; | |
| margin-bottom: 0px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading { | |
| background-color: #f8f8f8; | |
| padding: 43px 0px 40px 0px; | |
| margin-bottom: 0px; | |
| text-align: center; | |
| } | |
| body .carousel-wrap[data-full-width="true"] .carousel-heading h2 { | |
| font-size: 24px; | |
| line-height: 36px; | |
| letter-spacing: 0.5px!important; | |
| margin: 0 auto!important; | |
| max-width: 900px; | |
| text-transform: none!important; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link { | |
| position: absolute; | |
| left: 0px; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link, .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-prev, | |
| .carousel-wrap[data-full-width="true"] .carousel-heading a.carousel-next { | |
| top: 8px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading a { | |
| background-color: transparent!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-heading i { | |
| background-color: transparent!important; | |
| color: #888888; | |
| font-size: 30px; | |
| line-height: 28px; | |
| transition: color 0.2s linear 0s; | |
| } | |
| body .carousel-wrap[data-full-width="true"] .carousel-heading .container { | |
| min-height: 40px; | |
| } | |
| #boxed .carousel-wrap[data-full-width="true"] { | |
| padding: 0px; | |
| } | |
| body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"] { | |
| padding: 0px; | |
| } | |
| .carousel-wrap .work-item.style-2 { | |
| margin-bottom: 0px!important; | |
| } | |
| .portfolio-items .col .work-item.style-3 .work-info-bg { | |
| background-color: #282b30; | |
| opacity: 0.45; | |
| will-change: opacity; | |
| } | |
| /* | |
| .portfolio-items .col .work-item.style-3-alt:hover img { | |
| transform: scale(1.09); | |
| -webkit-transform: scale(1.09); | |
| -moz-transform: scale(1.09); | |
| } | |
| .portfolio-items .col .work-item.style-3-alt img { | |
| transform: scale(1); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -webkit-transition: all 1300ms cubic-bezier(.19,1,.22,1) 0ms; | |
| -moz-transition: all 1300ms cubic-bezier(.19,1,.22,1) 0ms; | |
| transition: all 1300ms cubic-bezier(.19,1,.22,1) 0ms; | |
| }*/ | |
| .portfolio-items .col .work-item.style-3 h3, | |
| .portfolio-items .col .work-item.style-3-alt h3 { | |
| margin-bottom: 5px; | |
| } | |
| .portfolio-items .col .work-item.style-3 a, | |
| .portfolio-items .col .work-item.style-3-alt a { | |
| background: transparent url('img/transparent.png') repeat 0 0; | |
| } | |
| /*.portfolio-items .col .work-item.style-3:hover .work-info-bg { | |
| opacity: 0!important; | |
| }*/ | |
| .portfolio-items .col .work-item.style-3 h3, .portfolio-items .work-item.style-3 .work-info, | |
| .portfolio-items .col .work-item.style-3-alt h3, .portfolio-items .work-item.style-3-alt .work-info { | |
| opacity: 1!important; | |
| -ms-filter: "alpha(opacity=100)"!important; | |
| } | |
| .portfolio-items .col .work-item.style-3 .vert-center *, .portfolio-items .col .work-item.style-3 i, | |
| .portfolio-items .col .work-item.style-3-alt .vert-center *, .portfolio-items .col .work-item.style-3-alt i { | |
| -ms-filter: "alpha(opacity=100)"!important; | |
| } | |
| .portfolio-items .auto-height { | |
| height: auto!important; | |
| } | |
| .portfolio-items .work-item.style-3 p, | |
| .portfolio-items .work-item.style-3-alt p { | |
| display: inline-block; | |
| margin-top: 0!important; | |
| opacity: 1!important; | |
| position: relative!important; | |
| font-size: 12px; | |
| color: rgba(255,255,255,0.8); | |
| line-height: 12px; | |
| } | |
| .portfolio-items .work-item.style-3-alt p { | |
| font-size: inherit; | |
| line-height: inherit; | |
| } | |
| .portfolio-items .work-item.style-3 .vert-center, | |
| .portfolio-items .work-item.style-3-alt .vert-center, | |
| .portfolio-items .work-item.style-2[data-custom-content="on"] .vert-center { | |
| top: 50%!important; | |
| left: 50%; | |
| padding-top: 15px!important; | |
| position: relative; | |
| z-index: 20; | |
| width: auto!important; | |
| display: inline-block; | |
| margin-top: 0!important; | |
| padding-top: 0!important; | |
| transform: translateY(-50%) translateX(-50%)!important; | |
| -webkit-transform: translateY(-50%) translateX(-50%)!important; | |
| } | |
| .portfolio-items .col.tall .work-item.style-3[data-text-align="top"] .vert-center, .portfolio-items .col.tall .work-item.style-3-alt[data-text-align="top"] .vert-center { | |
| top: 25%!important; | |
| } | |
| .portfolio-items .col.tall .work-item.style-3[data-text-align="bottom"] .vert-center, .portfolio-items .col.tall .work-item.style-3-alt[data-text-align="bottom"] .vert-center { | |
| top: 75%!important; | |
| } | |
| .portfolio-items .col.wide .work-item.style-3[data-text-align="left"] .vert-center, .portfolio-items .col.wide .work-item.style-3-alt[data-text-align="left"] .vert-center { | |
| left: 25%!important; | |
| margin-left: -20px; | |
| } | |
| .portfolio-items .col.wide .work-item.style-3[data-text-align="right"] .vert-center, .portfolio-items .col.wide .work-item.style-3-alt[data-text-align="right"] .vert-center { | |
| left: 75%!important; | |
| } | |
| .portfolio-items .work-item.style-4 .bottom-meta { | |
| position: absolute; | |
| bottom: -120px; | |
| left: 0; | |
| padding: 20px 20px 16px 20px; | |
| width: 100%; | |
| } | |
| .portfolio-items .work-item.style-4 .bottom-meta h3 { | |
| margin-bottom: 0px; | |
| } | |
| .portfolio-items .work-item.style-4 .bottom-meta p { | |
| color: rgba(255,255,255,0.8); | |
| } | |
| .portfolio-items .work-item.style-4 .work-info { opacity: 1!important; } | |
| .portfolio-items .work-item.style-3, .portfolio-items .work-item.style-4, | |
| .portfolio-items .work-item.style-3-alt { | |
| overflow: hidden!important; | |
| } | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3, .portfolio-items .elastic-portfolio-item .work-item.style-4, | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3-alt { | |
| width: 100.6% !important; | |
| } | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3 img, .portfolio-items .elastic-portfolio-item .work-item.style-4 img, | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3-alt img { | |
| width: 100.6% !important; | |
| will-change: transform; | |
| } | |
| .portfolio-items .work-item.style-3 img, .portfolio-items .work-item.style-4 img, | |
| .portfolio-items .work-item.style-3-alt img { | |
| position: relative; | |
| } | |
| .portfolio-items .elastic-portfolio-item .work-item.style-3:hover img, .portfolio-items .elastic-portfolio-item .work-item.style-3-alt:hover img { | |
| will-change: transform; | |
| } | |
| /* | |
| .portfolio-items .elastic-portfolio-item[data-project-cat^="installation"] img, | |
| .portfolio-items .elastic-portfolio-item[data-project-cat*="installation"] img { | |
| height: auto!important; | |
| }*/ | |
| .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, | |
| .woocommerce .products-carousel ul.products li.product a { | |
| cursor: grab!important; | |
| cursor: -moz-grab!important; | |
| cursor: -webkit-grab!important; | |
| margin: 0px!important; | |
| } | |
| .portfolio-items .col .work-item.style-2, .portfolio-items .col .work-item.style-3, .portfolio-items .col .work-item.style-4, .portfolio-items .col .work-item.style-3-alt { | |
| margin-bottom: 0px; | |
| } | |
| .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info > a, .portfolio-items .col .work-item.style-2 .work-info > a, .portfolio-items .col .work-item.style-3 .work-info > a, .portfolio-items .col .work-item.style-4 .work-info > a, | |
| .portfolio-items .col .work-item.style-3-alt .work-info > a, .portfolio-items .col .work-item.style-1 .work-info > a { | |
| display: block!important; | |
| margin: 0px!important; | |
| background-color: transparent!important; | |
| position: absolute!important; | |
| top: 0px; | |
| left: 0px; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 40; | |
| } | |
| .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info a.active, | |
| .woocommerce .products-carousel ul.products li.product a.active { | |
| cursor: -moz-grabbing!important; | |
| cursor: -webkit-grabbing!important; | |
| } | |
| .full-width-content .vc_span12 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-12 .carousel-wrap.products-carousel { | |
| padding: 0 30px; | |
| overflow: visible; | |
| } | |
| .full-width-content .vc_span9 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span8 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span6 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span4 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span3 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_span9 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_span8 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_span6 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_span4 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_span3 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-9 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-8 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-6 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-4 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-3 .carousel-wrap.products-carousel, | |
| .full-width-content .vc_col-sm-9 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-8 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-6 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-4 .carousel-wrap.products-carousel .caroufredsel_wrapper, | |
| .full-width-content .vc_col-sm-3 .carousel-wrap.products-carousel .caroufredsel_wrapper { | |
| overflow: hidden!important; | |
| } | |
| .full-width-content .caroufredsel_wrapper { | |
| overflow: visible!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item h3, .portfolio-items .col .work-item.style-2 h3 { | |
| margin-bottom: 0px; | |
| } | |
| body .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info > i, .portfolio-items .col .work-item.style-2 .work-info > i { | |
| position: absolute!important; | |
| top: auto!important; | |
| bottom: 0px!important; | |
| color: #fff!Important; | |
| left: 0px!important; | |
| line-height: 40px!important; | |
| height: 40px!important; | |
| width: 40px!Important; | |
| padding: 0px!important; | |
| background-color: #252525!Important; | |
| border-radius: 0px!important; | |
| padding: 0px!important; | |
| } | |
| .carousel-wrap .carousel-heading { | |
| padding: 0px; | |
| } | |
| html:not(.js) .carousel-wrap { | |
| display: none; | |
| } | |
| .carousel-wrap span.left-border, .carousel-wrap span.right-border { | |
| width: 10px; | |
| display: block; | |
| height: 100%; | |
| position: absolute; | |
| top: 0px; | |
| z-index: 100; | |
| background-color: #f8f8f8; | |
| } | |
| .carousel-wrap span.left-border { left: 0px; } | |
| .carousel-wrap span.right-border { right: 0px; } | |
| .carousel-next, .carousel-prev { | |
| background-color: #dadada; | |
| cursor: pointer; | |
| display: block; | |
| height: 17px; | |
| margin-left: 5px; | |
| line-height: 22px; | |
| transition: all 0.2s linear 0s; | |
| -webkit-transition: all 0.2s linear 0s; | |
| -o-transition: all 0.2s linear 0s; | |
| -moz-transition: all 0.2s linear 0s; | |
| background-repeat: no-repeat!important; | |
| position: absolute; | |
| top: 0px; | |
| height: 20px; | |
| width: 20px; | |
| border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| -o-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| text-align: center; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-next, .carousel-wrap[data-full-width="true"] .carousel-prev { | |
| height: 28px; | |
| width: 44px; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-next { | |
| text-align: right; | |
| } | |
| .carousel-wrap[data-full-width="true"] .carousel-prev { | |
| text-align: left; | |
| } | |
| .carousel-next { | |
| right: 0px; | |
| padding-left: 1px; | |
| } | |
| .carousel-prev { | |
| right: 25px; | |
| padding-right: 1px; | |
| } | |
| .carousel-next i, .carousel-prev i { | |
| background-color: transparent!important; | |
| line-height: 24px; | |
| font-size: 14px; | |
| } | |
| .carousel-prev:hover, .carousel-next:hover { | |
| background-color: #27CFC3; | |
| } | |
| .carousel { | |
| opacity: 0; | |
| } | |
| .carousel-wrap[data-full-width="true"] li.span_4.no-margin { | |
| margin: 0px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] { | |
| padding: 0px 0px 0px 0px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"].default-style { | |
| padding: 0px 20px!important; | |
| } | |
| .carousel-wrap[data-full-width="true"] .work-meta { | |
| padding: 0px 15px; | |
| } | |
| .carousel-wrap[data-full-width="true"].default-style .work-meta { | |
| padding: 0px!important; | |
| } | |
| body .carousel li.span_4, body .portfolio-items.carousel li.span_4 { | |
| margin: 0px 10px 0px 10px; | |
| } | |
| .carousel-wrap[data-full-width="true"].default-style li.span_4 { | |
| margin: 0px 15px 0px 15px; | |
| } | |
| .carousel li.span_4 .clear { | |
| padding-bottom: 0px; | |
| margin-bottom: 0px; | |
| } | |
| .home .blog-recent .col .post-header { | |
| color: #999; | |
| font-size: 11px; | |
| margin-bottom: 12px; | |
| } | |
| .home .blog-recent .col .post-header h3 a { | |
| color: #27CFC3; | |
| } | |
| .blog-recent .mejs-container { | |
| margin-bottom: 15px; | |
| } | |
| .home .blog-recent .col .post-header h3, .blog-recent[data-style="default"] .col .post-header h3 { | |
| margin-bottom: 3px; | |
| letter-spacing: -0.2px; | |
| font-size: 16px; | |
| line-height: 23px; | |
| } | |
| .home .blog-recent .col .post-header a, .home .blog-recent .col .post-header h3 a:hover { | |
| color: inherit!important; | |
| } | |
| .home .blog-recent .col .post-header a:hover { | |
| color: #27CFC3; | |
| } | |
| .blog-recent .col { | |
| margin-bottom: 40px; | |
| } | |
| .blog-recent .col .video-wrap { | |
| position: relative; | |
| padding-bottom: 54.25%; | |
| padding-top: 5px; | |
| height: 0; | |
| margin-bottom: 15px; | |
| } | |
| .blog-recent .col .video-wrap iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .blog-recent div:last-of-type { | |
| margin-right: 0; | |
| } | |
| .blog-recent.columns-4 div:nth-child(4n+4) { margin-right: 0!important; } | |
| .blog-recent.columns-3 div:nth-child(3n+3) { margin-right: 0!important; } | |
| .blog-recent.columns-2 div:nth-child(2n+2) { margin-right: 0!important; } | |
| .blog-recent.columns-1 div:nth-child(1n+1) { margin-right: 0!important; } | |
| .blog-recent.columns-4 div:nth-child(4n+5) { clear: both; } | |
| .blog-recent.columns-3 div:nth-child(3n+4) { clear: both; } | |
| .blog-recent.columns-2 div:nth-child(2n+3) { clear: both; } | |
| .video-wrap iframe { | |
| opacity: 0; | |
| visibility: hidden; | |
| } | |
| .blog-recent .col .audio-wrap { | |
| margin-bottom: 15px; | |
| } | |
| .blog-recent[data-style="minimal"] .col { | |
| margin-bottom: 2%; | |
| padding: 20px; | |
| } | |
| .blog-recent[data-style="minimal"] .meta{ | |
| margin-bottom: 13px; | |
| display: block; | |
| } | |
| .blog-recent[data-style="title_only"] .meta { | |
| margin-bottom: 6px; | |
| display: block; | |
| } | |
| .blog-recent[data-style="minimal"] .col > a, | |
| .blog-recent[data-style="title_only"] .col > a { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| } | |
| .blog-recent[data-style="minimal"] .col a { | |
| color: inherit!important; | |
| } | |
| .blog-recent[data-style="minimal"] .col > span { | |
| color: #27CFC3; | |
| display: block; | |
| } | |
| .blog-recent[data-style="minimal"] .col i { | |
| background-color: transparent!important; | |
| color: inherit; | |
| height: auto; | |
| font-size: 15px; | |
| width: 23px; | |
| top: 0px; | |
| transition: transform .33s cubic-bezier(.75,0,.18,1); | |
| -webkit-transition: transform .33s cubic-bezier(.75,0,.18,1); | |
| -moz--webkit-transition: transform .33s cubic-bezier(.75,0,.18,1); | |
| } | |
| .blog-recent[data-style="minimal"] .col:hover i { | |
| transform: translateX(7px); | |
| -webkit-transform: translateX(7px); | |
| -moz-transform: translateX(7px); | |
| } | |
| .blog-recent[data-style="minimal"] .col > span { | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| font-size: 12px; | |
| } | |
| .blog-recent[data-style="title_only"] .col { | |
| background-color: rgba(0,0,0,0.03); | |
| margin-bottom: 2%; | |
| padding: 50px 25px; | |
| } | |
| .blog-recent[data-style="title_only"] { | |
| text-align: center; | |
| } | |
| .blog-recent[data-style="title_only"] .post-header { | |
| width: 70%; | |
| left: 15%; | |
| margin-bottom: 0; | |
| word-break: break-word; | |
| position: relative; | |
| } | |
| .blog-recent[data-style="title_only"] .post-header .title, .blog-recent[data-style="title_only"] .col .post-header .meta { | |
| transition: transform .33s cubic-bezier(.75,0,.18,1), opacity .33s cubic-bezier(.75,0,.18,1), color .33s cubic-bezier(.75,0,.18,1); | |
| -webkit-transition: transform .33s cubic-bezier(.75,0,.18,1), opacity .33s cubic-bezier(.75,0,.18,1), color .33s cubic-bezier(.75,0,.18,1); | |
| -moz--webkit-transition: transform .33s cubic-bezier(.75,0,.18,1), opacity .33s cubic-bezier(.75,0,.18,1), color .33s cubic-bezier(.75,0,.18,1); | |
| } | |
| .blog-recent[data-style="title_only"] .col:hover .post-header .title { | |
| transform: scale(1.1) translateY(-10px); | |
| -webkit-transform: scale(1.1) translateY(-10px); | |
| color: #27CFC3; | |
| } | |
| .blog-recent[data-style="title_only"] .col:hover .post-header .meta { | |
| transform: translateY(20px); | |
| -webkit-transform: translateY(20px); | |
| opacity: 0; | |
| } | |
| .span_9 .carousel-heading { | |
| padding-right: 10px; | |
| } | |
| /***************** Prettyphoto ******************/ | |
| div.pp_pic_holder a:focus{outline:none} | |
| div.pp_overlay{background:#000!important;left:0;position:fixed;top:0;width:100%;z-index:95000!important; opacity: 0; transition: opacity 0.32s linear;} | |
| div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:100000!important; -webkit-backface-visibility: hidden; line-height: 22px;} | |
| body[data-smooth-scrolling="1"] div.pp_pic_holder { margin-left: -7px; } | |
| .pp_content{min-width:40px; height:auto!important; } | |
| * 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: 0px} | |
| .pp_description{display:none;margin:0; position: absolute; bottom: 15px; left: 15px; margin-bottom: 0!important; background-color: rgba(0,0,0,0.6); color: #fff; padding: 8px 12px;} | |
| .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:-25px 4px 14px 13px!important;} | |
| .pp_nav p{float:left;white-space:nowrap;margin:2px 4px; padding: 0px!important;} | |
| .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;height:55px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:49px; text-align: center;} | |
| .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000; display: none!important;} | |
| .pp_gallery{display:none!important;left:50%;margin-top:-50px;position:absolute;z-index:100000} | |
| .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 .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} | |
| .ppt { | |
| left: 20px; | |
| position: relative; | |
| opacity: 0!important; | |
| } | |
| .pp_loaderIcon{background:url(img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; background-color: transparent; display:none;height:100%!important; width:100%!important;left:0;top:0; position:fixed; z-index:98000;} | |
| div.dark_rounded {padding-top:17px} | |
| div.dark_rounded iframe { overflow-y: hidden;} | |
| div.dark_rounded .pp_details { display: none; } | |
| a.pp_close{position:absolute;right:20px;display:block;line-height:34px; width: 16px; height: 20px; position: absolute; z-index: 1000001; right: 8px; top: 7px; font-size: 12px!important; | |
| border: 3px solid rgba(255, 255, 255, 0); border-radius: 100px; height: 37px; width: 37px; | |
| transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| font-family: 'Open Sans'; | |
| font-weight: 400; } | |
| body a.pp_close .icon-default-style[class^="icon-"] { | |
| backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -webkit-backface-visibility: hidden; | |
| text-shadow: 0px 1px 2px rgba(0,0,0,0.4); | |
| left: -2px; | |
| width: 34px!important; | |
| height: 34px!important; | |
| transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| color: #ddd!Important; font-size: 18px!important; max-width: none!important; line-height: 32px!important;} | |
| body a.pp_close:hover .icon-default-style[class^="icon-"] { color: rgba(255, 255, 255, 1)!important; transform: rotate(90deg); -webkit-transform: rotate(90deg);} | |
| body a.pp_close:hover { border-color: rgba(255, 255, 255, 0.7); } | |
| #pp_full_res {line-height:1!important} | |
| #pp_full_res .pp_inline{text-align:left} | |
| #pp_full_res .pp_inline p{ display: none;} | |
| div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#fff} | |
| 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} | |
| .pp_fade { position: relative; z-index: 100000;} | |
| .pp_left, .pp_right { height: 100%; } | |
| .pp_inline iframe { | |
| width: 100%; | |
| } | |
| a.pp_arrow_previous { | |
| position: fixed; | |
| -webkit-transform: translateZ(0); | |
| -webkit-backface-visibility: hidden; | |
| z-index: 100000; | |
| text-indent: 0!important; | |
| left: 25px; | |
| top: 50%; | |
| z-index: 1000001; | |
| margin-top: -10px; | |
| } | |
| a.pp_arrow_next { | |
| position: fixed; | |
| -webkit-backface-visibility: hidden; | |
| -webkit-transform: translateZ(0); | |
| text-indent: 0!important; | |
| top: 50%; | |
| margin-top: -20px; | |
| z-index: 1000001; | |
| right: 25px; | |
| } | |
| body a.pp_arrow_next i.icon-default-style[class^="icon-"], body a.pp_arrow_previous i.icon-default-style[class^="icon-"] { | |
| color: #ddd!Important; | |
| text-shadow: 0px 1px 2px rgba(0,0,0,0.4); | |
| margin-top: 20px; | |
| transition: all 0.5s cubic-bezier(0.3, 1.65, 0.3, 0.95) 0s; | |
| -webkit-transition: all 0.5s cubic-bezier(0.3, 1.65, 0.3, 0.95) 0s; | |
| } | |
| body a.pp_arrow_next:hover i.icon-default-style[class^="icon-"], body a.pp_arrow_previous:hover i.icon-default-style[class^="icon-"] { | |
| color: #fff!important; | |
| } | |
| body[data-smooth-scrolling="1"] a.pp_arrow_next { | |
| right: 40px; | |
| } | |
| /***************** Scrollbar ******************/ | |
| #ascrail2000 { | |
| background-color: #555; | |
| width: 16px!important; | |
| z-index: 10000000!important; | |
| } | |
| #ascrail2000.z-index-adj { z-index: 100000000!important; } | |
| /* BBPress */ | |
| .bbp-author-avatar img { | |
| margin-bottom: -3px!important; | |
| } | |
| body #bbpress-forums fieldset.bbp-form { | |
| border: 1px solid #D9D9D9; | |
| } | |
| #bbpress-forums fieldset.bbp-form p { | |
| padding-bottom: 10px; | |
| } | |
| #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { | |
| font-weight: normal!important; | |
| } | |
| #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { | |
| padding-left: 15px; | |
| } | |
| #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { | |
| background-color: #f4f4f4!important; | |
| } | |
| .bbp-topic-meta { | |
| margin-top: 1px!important; | |
| } | |
| #bbpress-forums li.bbp-header { | |
| background-color: #f1f1f1!important; | |
| } | |
| #bbpress-forums .wp-editor-container, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { | |
| border: 1px solid #DDD!important; | |
| } | |
| .bbp-topic-permalink { | |
| font-size: 14px; | |
| } | |
| .topic .bbp-topic-title { | |
| margin-top: 2px!important; | |
| } | |
| .bbp-template-notice p { | |
| padding: 4px!important; | |
| } | |
| #bbp_search_submit, #members_search_submit { | |
| padding: 10px 11px!important; | |
| } | |
| #bbpress-forums #subscription-toggle { | |
| color: #ccc; | |
| } | |
| body #bbpress-forums fieldset.bbp-form { | |
| padding-bottom: 20px; | |
| } | |
| /* BuddyPress */ | |
| #buddypress button, #buddypress a.button, #buddypress input[type="submit"], #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button { | |
| background-color: #333333; | |
| border: medium none!important; | |
| border-radius: 2px; | |
| color: #FFFFFF!important; | |
| cursor: pointer; | |
| font-size: 12px; | |
| padding: 7px 11px; | |
| transition: all 0.2s linear 0s; | |
| width: auto; | |
| } | |
| #buddypress form#whats-new-form textarea { | |
| width: 100%!important; | |
| } | |
| #buddypress #members_search { | |
| width: auto!important; | |
| } | |
| #buddypress #activity-stream p { | |
| padding-bottom: 0px; | |
| margin-top: 0px; | |
| } | |
| #buddypress form#whats-new-form #whats-new-submit { | |
| margin-top: 0px; | |
| } | |
| #buddypress .avatar-50 { | |
| width: 50px!important; | |
| height: 50px!important; | |
| } | |
| #buddypress .activity-list li.mini .activity-avatar img.avatar, #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic { | |
| width: 20px!important; | |
| height: 20px!important; | |
| } | |
| #buddypress ul.item-list li, #buddypress ul.item-list { | |
| border-color: #e3e3e3; | |
| } | |
| #buddypress .standard-form textarea, body #buddypress div.activity-comments form textarea, #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form input[type="password"], #buddypress .dir-search input[type="search"], #buddypress .dir-search input[type="text"] { | |
| padding: 10px!important; | |
| width: 100%; | |
| border: 0px; | |
| border-bottom: 1px solid #fff; | |
| font-family: 'Open Sans'; | |
| font-weight: 400; | |
| font-size: 12px; | |
| line-height: 22px; | |
| color: #555; | |
| background-color: #ededed; | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; | |
| -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; | |
| -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; | |
| -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| } | |
| #buddypress div.activity-comments form .ac-textarea { | |
| background-color: transparent; | |
| padding: 0px; | |
| border: none; | |
| } | |
| #buddypress a.bp-primary-action span, #buddypress #reply-title small a span { | |
| background-color: #555; | |
| } | |
| #buddypress form#whats-new-form p.activity-greeting { | |
| padding-bottom: 0px!important; | |
| line-height: 14px; | |
| } | |
| #buddypress .standard-form textarea:focus, #buddypress .standard-form input[type="text"]:focus, #buddypress div.activity-comments form .ac-textarea textarea:focus { | |
| background-color: #e8e8e8; | |
| } | |
| #buddypress div.activity-comments ul li { | |
| padding: 20px 0 0!important; | |
| } | |
| #buddypress .acomment-options { | |
| margin-bottom: 15px; | |
| margin-left: 60px; | |
| } | |
| #buddypress #groups_search { | |
| width: 200px; | |
| } | |
| #buddypress .standard-form label, #buddypress .standard-form span.label, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { | |
| font-weight: normal!important; | |
| } | |
| #buddypress form#whats-new-form #whats-new-options select { | |
| margin-top: 0px; | |
| } | |
| #buddypress div#subnav.item-list-tabs { | |
| margin: 20px 0px; | |
| } | |
| #buddypress #whats-new-options { | |
| margin-top: 10px; | |
| } | |
| #buddypress #whats-new-post-in, #buddypress select { | |
| padding: 9px!important; | |
| } | |
| .buddypress h1 { | |
| margin-bottom: 30px; | |
| } | |
| /*-------------------------------------------------------------------------*/ | |
| /* 5. Page + Custom Page Layout Styles | |
| /*-------------------------------------------------------------------------*/ | |
| #page-header-wrap { | |
| height: 59px; | |
| margin-top: -60px; | |
| overflow: hidden; | |
| position: relative; | |
| background-color: #f8f8f8; | |
| transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); | |
| -moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); | |
| -webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); | |
| -o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| #page-header-bg { | |
| width: 100%; | |
| background-repeat: no-repeat; | |
| background-position: top center; | |
| background-size: cover; | |
| height: 60px; | |
| overflow: hidden; | |
| transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); | |
| -moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); | |
| -webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); | |
| -o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995); | |
| margin-top: -50px; | |
| color: #fff; | |
| display: block!important; | |
| -webkit-font-smoothing: antialiased; | |
| position: relative; | |
| z-index: 2; | |
| } | |
| #page-header-bg[data-bg-pos="bottom"] { background-position: bottom center; } | |
| #page-header-bg[data-bg-pos="top"] { background-position: top center; } | |
| #page-header-bg[data-bg-pos="center"] { background-position: center center; } | |
| body[data-header-resize="0"] #page-header-bg { | |
| margin-top: 0; | |
| } | |
| .page-header-no-bg { | |
| padding-bottom: 0px; | |
| padding-top: 80px; | |
| margin-top: -45px; | |
| background-color: #f8f8f8; | |
| } | |
| .page-header-no-bg { | |
| z-index: 1000; | |
| } | |
| #page-header-bg[data-parallax="1"] { | |
| opacity: 0; | |
| overflow: hidden; | |
| margin: 0px!important; | |
| position: fixed; | |
| z-index: 2; | |
| } | |
| body[data-footer-reveal="1"] #page-header-bg[data-parallax="1"] { | |
| opacity: 1; | |
| } | |
| #page-header-bg[data-parallax="1"] .span_6 { | |
| z-index: 0; | |
| } | |
| #page-header-bg[data-parallax="1"]:not(.out-of-sight) { | |
| will-change: transform; | |
| } | |
| #page-header-bg[data-parallax="1"]:not(.out-of-sight) .span_6 { | |
| will-change: transform, opacity; | |
| } | |
| #page-header-bg[data-parallax="1"].out-of-sight { | |
| pointer-events: none; | |
| } | |
| #page-header-bg[data-alignment="center"], .page-header-no-bg[data-alignment="center"], .nectar-box-roll .overlaid-content[data-text-alignment="center"] { | |
| text-align: center; | |
| } | |
| #page-header-bg[data-alignment="right"], .page-header-no-bg[data-alignment="right"], .nectar-box-roll .overlaid-content[data-text-alignment="right"] { | |
| text-align: right; | |
| } | |
| #page-header-bg[data-alignment-v="bottom"] .row, #page-header-bg[data-alignment-v="bottom"] .container, | |
| #page-header-bg[data-alignment-v="top"] .row, #page-header-bg[data-alignment-v="top"] .container, | |
| #page-header-bg[data-alignment-v="middle"] .row, #page-header-bg[data-alignment-v="middle"] .container, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="middle"] .row, .nectar-box-roll .overlaid-content[data-alignment-v="middle"] .container, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="top"] .row, .nectar-box-roll .overlaid-content[data-alignment-v="top"] .container, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="bottom"] .row, .nectar-box-roll .overlaid-content[data-alignment-v="bottom"] .container { | |
| height: 100%; | |
| } | |
| #page-header-bg[data-alignment-v="bottom"] .span_6, | |
| #page-header-bg[data-parallax="1"][data-alignment-v="bottom"] .span_6, | |
| #page-header-bg[data-alignment-v="bottom"] .nectar-particles .inner-wrap, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="bottom"] .span_6, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="bottom"] .inner-wrap { | |
| bottom: 26%; | |
| top: auto!important; | |
| left: 0; | |
| margin-bottom: 0!important; | |
| position: absolute!important; | |
| } | |
| .nectar-box-roll .overlaid-content[data-alignment="center"] .span_6 { | |
| text-align: center; | |
| } | |
| .nectar-box-roll .overlaid-content[data-alignment="right"] .span_6 { | |
| text-align: right; | |
| } | |
| #page-header-bg[data-alignment-v="top"].fullscreen-header .nectar-particles .span_6, | |
| #page-header-bg[data-alignment-v="middle"].fullscreen-header .nectar-particles .span_6, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="top"] .span_6, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="middle"] .span_6 { | |
| top: auto!important; | |
| transform: none!important; | |
| -webkit-transform: none!important; | |
| } | |
| #page-header-bg[data-alignment-v="top"] .span_6, | |
| #page-header-bg[data-alignment-v="top"] .nectar-particles .inner-wrap, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="top"] .inner-wrap { | |
| top: 25%!important; | |
| left: 0; | |
| position: absolute; | |
| } | |
| #page-header-bg[data-alignment-v="top"].fullscreen-header .span_6 { top: 25%!important; } | |
| #page-header-bg[data-alignment-v="bottom"] .span_6 > .inner-wrap, | |
| .nectar-box-roll .overlaid-content[data-alignment-v="bottom"] .span_6 > .inner-wrap { | |
| transform: translateY(50%)!important; | |
| -webkit-transform: translateY(50%)!important; | |
| } | |
| #page-header-bg .span_6, | |
| .nectar-box-roll .overlaid-content .span_6 { | |
| width: 100%; | |
| } | |
| .nectar-box-roll #page-header-bg { | |
| margin-top: 0!important; | |
| } | |
| body[data-bg-header="true"].archive .container-wrap, body[data-bg-header="true"].category .container-wrap, body[data-bg-header="true"].blog .container-wrap { | |
| padding-top: 3.1em!important; | |
| } | |
| #page-header-bg .row { | |
| visibility: hidden; | |
| z-index: 100; | |
| position: relative; | |
| } | |
| html:not(.js) #page-header-bg .row { | |
| visibility: visible; | |
| } | |
| html:not(.js) #page-header-bg .span_6 { | |
| margin-top: 120px; | |
| } | |
| #page-header-bg h1, | |
| .nectar-box-roll .overlaid-content h1 { | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| font-size: 44px; | |
| line-height: 44px; | |
| margin-bottom: 8px; | |
| display: block; | |
| color: #fff; | |
| z-index: 101; | |
| } | |
| .single #page-header-bg #single-below-header span { | |
| color: rgba(255,255,255,0.8); | |
| } | |
| #page-header-bg #portfolio-nav a i, #page-header-bg span, | |
| #page-header-bg a.pinterest-share i, #page-header-bg a.facebook-share i, #page-header-bg a.linkedin-share i, #page-header-bg .twitter-share i, #page-header-bg .google-plus-share i, | |
| #page-header-bg .icon-salient-heart, #page-header-bg .icon-salient-heart-2 { color: #fff; } | |
| .single #page-header-bg #single-below-header > span, .single #page-header-bg #single-meta ul li , #page-header-bg .nectar-social > *{ border-color: rgba(255,255,255,0.25); } | |
| .single #page-header-bg #single-meta ul li, | |
| .single .blog-title #single-meta ul li, | |
| #project-meta ul li { | |
| margin: 5px!important; | |
| } | |
| .single #single-meta ul li > a, .single #single-meta ul .n-shortcode a, | |
| #project-meta ul li > a, #project-meta ul .n-shortcode a, #project-meta ul li.project-date { | |
| display: block; | |
| border-radius: 100px; | |
| padding: 8px 14px!important; | |
| transition: border-color 0.2s linear; | |
| height: auto; | |
| line-height: 20px; | |
| } | |
| .single #single-meta ul li span, .single #single-meta ul .n-shortcode span, | |
| #project-meta ul li span, #project-meta ul .n-shortcode span { | |
| transition: color 0.2s linear; | |
| line-height: 20px!important; | |
| font-family: inherit!important; | |
| } | |
| .single #page-header-bg .blog-title #single-meta ul li > a, .single #page-header-bg .blog-title #single-meta ul .n-shortcode a { | |
| border: 2px solid rgba(255,255,255,0.4)!important; | |
| } | |
| .single #page-header-bg .blog-title #single-meta ul li:not(.meta-share-count):hover > a, .single #page-header-bg .blog-title #single-meta ul .n-shortcode:hover a { | |
| border: 2px solid rgba(255,255,255,1)!important; | |
| } | |
| .single .blog-title #single-meta ul li > a, .single .blog-title #single-meta ul .n-shortcode a, .single-product #single-meta ul li > a, | |
| #project-meta ul li > a, #project-meta ul .n-shortcode a, | |
| #project-meta ul li.project-date, | |
| .ascend #sidebar #project-meta ul li.project-date { | |
| border: 2px solid rgba(0,0,0,0.1)!important; | |
| } | |
| body.single #single-meta ul li:first-child { | |
| border: none!important; | |
| } | |
| .single .blog-title #single-meta ul li i, .single #single-meta li.meta-comment-count a, .single #single-meta ul li.meta-share-count .nectar-social a, .single-product #single-meta ul li i, | |
| #project-meta ul li i, #project-meta li.meta-comment-count a, #project-meta ul li.meta-share-count .nectar-social a, #project-meta ul li span, #project-meta ul .n-shortcode span, #project-meta ul li.project-date { | |
| color: #999!important; | |
| } | |
| .single #page-header-bg #single-meta ul li { | |
| border: none; | |
| margin: 0; | |
| } | |
| .single #single-meta ul li.meta-share-count, | |
| #project-meta ul li.meta-share-count { | |
| position: relative; | |
| z-index: 100; | |
| } | |
| .single #single-meta ul li.meta-share-count span, | |
| .single #project-meta ul li.meta-share-count span { | |
| font-size: inherit; | |
| padding-left: 0; | |
| color: #888; | |
| } | |
| body.single-portfolio #sidebar #project-meta ul li:first-child { | |
| margin-left: 0!important; | |
| } | |
| body.single-portfolio #sidebar #project-meta ul li:first-child { | |
| border: none!important; | |
| } | |
| .single #single-meta ul li.meta-share-count .nectar-social a, | |
| #sidebar #project-meta ul li.meta-share-count .nectar-social a { | |
| display: inline-block!important; | |
| border: none; | |
| margin: 0!important; | |
| padding: 0px 9px!important; | |
| border: none!important; | |
| box-sizing: content-box; | |
| opacity: 0; | |
| left: 20px; | |
| } | |
| #sidebar #project-meta ul li.meta-share-count .nectar-social a, | |
| .single [data-tab-pos="fullwidth"] #single-meta ul li.meta-share-count .nectar-social a { | |
| left: -20px; | |
| } | |
| .single #single-meta ul li.meta-share-count .nectar-social a span, | |
| #project-meta ul li.meta-share-count .nectar-social a span { | |
| display: none!important; | |
| } | |
| .single #single-meta ul li.meta-share-count .nectar-social { | |
| position: absolute; | |
| top: 0px; | |
| right: 0; | |
| } | |
| #project-meta ul li.meta-share-count .nectar-social { | |
| position: absolute; | |
| top: 0px; | |
| left: 0; | |
| } | |
| .single #single-meta.social-hovered ul li.meta-share-count, | |
| #project-meta.social-hovered ul li.meta-share-count { | |
| cursor: pointer; | |
| } | |
| .single #single-meta.social-hovered ul li.meta-share-count .nectar-social, | |
| #project-meta.social-hovered ul li.meta-share-count .nectar-social { | |
| top: 0; | |
| } | |
| .single #single-meta .n-shortcode a, .single #single-meta .meta-share-count > a, .single #single-meta .meta-comment-count a, | |
| #project-meta .n-shortcode a, #project-meta .meta-share-count > a, #project-meta .meta-comment-count a { | |
| transition: border-color 0.15s linear; | |
| } | |
| .single #single-meta ul li.meta-share-count .nectar-social, | |
| #project-meta ul li.meta-share-count .nectar-social { | |
| width: 183px; | |
| text-align: right; | |
| border-radius: 5px; | |
| padding: 10px 0; | |
| display: none; | |
| } | |
| #project-meta ul li.meta-share-count .nectar-social, | |
| div[data-tab-pos="fullwidth"] ul li.meta-share-count .nectar-social { | |
| text-align: left!important; | |
| } | |
| .single #single-meta ul li.meta-share-count .nectar-social i, | |
| #project-meta ul li.meta-share-count .nectar-social i { | |
| margin: 0!important; | |
| font-size: 18px!important; | |
| } | |
| .single #single-meta ul li.meta-share-count span.plural, | |
| .single #single-meta ul li.meta-share-count span.singular { | |
| padding-left: 3px!important; | |
| } | |
| ul li.meta-share-count span.singular { | |
| display: none; | |
| } | |
| .meta-share-count a span { | |
| opacity: 0; | |
| } | |
| .single #single-meta ul li i, | |
| #project-meta ul li i { | |
| font-size: 16px!important; | |
| width: 16px; | |
| line-height: 22px!important; | |
| margin-right: 7px; | |
| height: 20px; | |
| } | |
| .single #page-header-bg #single-meta ul li i { | |
| color: #fff!important; | |
| } | |
| .single #single-meta ul li.meta-comment-count i { | |
| margin-right: 3px; | |
| } | |
| .single #page-header-bg #single-meta li span, | |
| .single #page-header-bg #single-meta li.meta-comment-count a { | |
| color: #fff!important; | |
| } | |
| .single #page-header-bg #single-meta ul li.meta-share-count .nectar-social a i { | |
| color: rgba(255,255,255,0.7)!important; | |
| } | |
| .single #page-header-bg #single-meta ul li.meta-share-count .nectar-social a:hover i { | |
| color: rgba(255,255,255,1)!important; | |
| } | |
| .single #page-header-bg #single-below-header a:hover { | |
| color: rgba(255,255,255,1)!important; | |
| } | |
| #page-header-bg .subheader, | |
| .nectar-box-roll .overlaid-content .subheader { | |
| font-size: 28px; | |
| line-height: 28px; | |
| color: #fff!important; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| } | |
| #page-header-bg[data-text-alignment="center"], .page-header-no-bg[data-text-alignment="center"], .nectar-box-roll .overlaid-content[data-text-alignment="center"] { | |
| text-align: center; | |
| } | |
| #page-header-bg[data-text-alignment="right"], .page-header-no-bg[data-text-alignment="right"], .nectar-box-roll .overlaid-content[data-text-alignment="right"] { | |
| text-align: right; | |
| } | |
| #page-header-bg[data-text-alignment="center"] .span_6, .page-header-no-bg[data-text-alignment="center"] .span_6, .nectar-box-roll .overlaid-content[data-text-alignment="center"] .span_6 { | |
| left: 0px; | |
| width: 100%!important; | |
| } | |
| #page-header-bg[data-text-alignment="center"] h1, .nectar-box-roll .overlaid-content[data-text-alignment="center"] h1 { | |
| margin-bottom: 12px!important; | |
| } | |
| #page-header-bg[data-text-alignment="center"] h1, .page-header-bg[data-text-alignment="center"] .subheader, .nectar-box-roll .overlaid-content[data-text-alignment="center"] .subheader { | |
| max-width: 900px; | |
| margin: 0 auto; | |
| display: block; | |
| } | |
| /* particle styles */ | |
| #page-header-bg .canvas-bg { | |
| transition: background-color 0.7s ease; | |
| -webkit-transition: background-color 0.7s ease; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #page-header-bg .nectar-particles .span_6, | |
| .nectar-box-roll .overlaid-content .span_6 { | |
| backface-visibility: visible; | |
| transform-style: preserve-3d; | |
| webkit-transform-origin: 50% 100%; | |
| transform-origin: 50% 100%; | |
| top: auto!important; | |
| bottom: auto!important; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #page-header-bg .nectar-particles { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #page-header-bg .nectar-particles .inner-wrap { | |
| top: 0; | |
| left: 0; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| #page-header-bg .nectar-particles .span_6 .inner-wrap, | |
| .nectar-box-roll .overlaid-content .span_6 .inner-wrap, | |
| #page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap { | |
| top: 50%; | |
| transform: translateY(-50%); | |
| -moz-transform: translateY(-50%); | |
| -webkit-transform: translateY(-50%); | |
| left: 0; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| #page-header-wrap .nectar-particles .fade-out { | |
| display: block; | |
| content: ''; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1000; | |
| opacity: 0; | |
| background-color: #000; | |
| pointer-events: none; | |
| } | |
| .pagination-navigation { | |
| text-align: center; | |
| font-size: 0; | |
| position: absolute; | |
| right: 20px; | |
| top: 50%; | |
| width: 33px; | |
| transform: translateY(-50%) translateZ(0); | |
| -webkit-transform: translateY(-50%) translateZ(0); | |
| -moz-webkit-transform: translateY(-50%) translateZ(0); | |
| backface-visibility: hidden; | |
| -webkit-backface-visibility: hidden; | |
| opacity: 0.5; | |
| line-height: 1px; | |
| z-index: 1000; | |
| } | |
| @media only screen and (max-width: 690px) { | |
| .pagination-navigation { | |
| display: none!important; | |
| } | |
| .overlaid-content svg { | |
| display: none; | |
| } | |
| } | |
| .pagination-current { | |
| position: absolute!important; | |
| left: 1px; | |
| top: 0; | |
| z-index: 100; | |
| } | |
| .pagination-dot, .pagination-current { | |
| position: relative; | |
| display: inline-block; | |
| width: 17px; | |
| height: 17px; | |
| padding: 0; | |
| line-height: 17px; | |
| background: #fff; | |
| border-radius: 50%; | |
| margin: 12px 7px; | |
| border: none; | |
| outline: none; | |
| font-size: 14px; | |
| font-weight: bold; | |
| color: #fff; | |
| cursor: pointer; | |
| transform: translateY(20px); | |
| -webkit-transform: translateY(20px); | |
| -moz-transform: translateY(20px); | |
| opacity: 0; | |
| } | |
| /*header text effects*/ | |
| #page-header-bg[data-text-effect="rotate_in"] .wraped, .overlaid-content[data-text-effect="rotate_in"] .wraped { | |
| display: inline-block; | |
| } | |
| #page-header-bg[data-text-effect="rotate_in"] .wraped span, .overlaid-content[data-text-effect="rotate_in"] .wraped span, | |
| #page-header-bg[data-text-effect="rotate_in"] .inner-wrap > *:not(.top-heading), .overlaid-content[data-text-effect="rotate_in"] .inner-wrap > *:not(.top-heading) { | |
| opacity: 0; | |
| transform-origin: center center; | |
| -webkit-transform-origin: center center; | |
| transform: translateY(30px); | |
| -webkit-transform: translateY(30px); | |
| transform-style: preserve-3d; | |
| -webkit-transform-style: preserve-3d; | |
| } | |
| #page-header-bg .nectar-particles .inner-wrap > *:not(.top-heading), | |
| .overlaid-content .inner-wrap > *:not(.top-heading) { | |
| opacity: 0; | |
| transform: translateY(35px); | |
| -webkit-transform: translateY(35px); | |
| } | |
| #page-header-bg[data-text-effect="rotate_in"] .wraped span, | |
| #page-header-bg[data-text-effect="rotate_in"] .inner-wrap.shape-1 > *:not(.top-heading), | |
| #page-header-bg[data-text-effect="rotate_in"] > div:not(.nectar-particles) .span_6 .inner-wrap > *:not(.top-heading), | |
| .overlaid-content[data-text-effect="rotate_in"] .wraped span, | |
| .overlaid-content[data-text-effect="rotate_in"] .inner-wrap.shape-1 > *:not(.top-heading), | |
| .overlaid-content[data-text-effect="rotate_in"] .inner-wrap > *:not(.top-heading) { | |
| transform: rotateX(90deg) translateY(35px); | |
| -webkit-transform: rotateX(90deg) translateY(35px) | |
| } | |
| #page-header-bg[data-text-effect="rotate_in"] .wraped, | |
| #page-header-bg[data-text-effect="rotate_in"] .wraped span, | |
| .overlaid-content[data-text-effect="rotate_in"] .wraped, | |
| .overlaid-content[data-text-effect="rotate_in"] .wraped span { | |
| display: inline-block; | |
| } | |
| #page-header-bg[data-text-effect="rotate_in"] .wraped span, | |
| .overlaid-content[data-text-effect="rotate_in"] .wraped span { | |
| transform-origin: initial; | |
| -webkit-transform-origin: initial; | |
| } | |
| .scroll-down-wrap.hidden { | |
| transform: translateY(55px); | |
| -webkit-transform: translateY(55px); | |
| opacity: 0; | |
| } | |
| .scroll-down-wrap { | |
| transition: opacity 0.4s ease, transform 0.8s cubic-bezier(0.175, 0.985, 0.2, 1.275); | |
| -webkit-transition: opacity 0.4s ease, -webkit-transform 0.8s cubic-bezier(0.175, 0.985, 0.32, 1.275); | |
| -moz-transition: opacity 0.4s ease, transform 0.8s cubic-bezier(0.175, 0.985, 0.32, 1.275); | |
| } | |
| /* fullscreen header */ | |
| #page-header-bg.fullscreen-header, #page-header-wrap.fullscreen-header { | |
| width: 100%; | |
| position: relative; | |
| transition: none; | |
| -webkit-transition: none; | |
| z-index: 2; | |
| } | |
| #page-header-bg[data-parallax="1"].fullscreen-header { | |
| position: fixed; | |
| } | |
| html .single-post #page-header-bg.fullscreen-header, html .single-post #page-header-wrap.fullscreen-header { | |
| height: 1250px; | |
| } | |
| #page-header-wrap.fullscreen-header { | |
| background-color:#2b2b2b; | |
| } | |
| #page-header-bg.fullscreen-header .span_6 { | |
| opacity: 1; | |
| } | |
| #page-header-bg.fullscreen-header[data-alignment-v="middle"] .span_6 { | |
| top: 50%!important; | |
| } | |
| #page-header-bg.fullscreen-header[data-alignment-v="middle"] .span_6 .inner-wrap { | |
| transform: translateY(-50%); | |
| -webkit-transform: translateY(-50%); | |
| -moz-transform: translateY(-50%); | |
| } | |
| .single #page-header-bg.fullscreen-header h1 { | |
| font-size: 5.5vw !important; | |
| line-height: 5.9vw !important; | |
| } | |
| .single-post #page-header-bg.fullscreen-header, .single-post #single-below-header.fullscreen-header { | |
| background-color: #f8f8f8; | |
| } | |
| .single-post #single-below-header.fullscreen-header { | |
| position: relative; | |
| z-index: 10; | |
| } | |
| .single-post #single-below-header.fullscreen-header { | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .single-post #single-below-header.fullscreen-header > span { | |
| width: 33.33%; | |
| text-align: center; | |
| display: block; | |
| float: left; | |
| transition: color 0.2s linear; | |
| -webkit-transition: color 0.2s linear; | |
| font-size: 14px!important; | |
| position: relative; | |
| height: 95px; | |
| overflow: hidden; | |
| color: #afafaf; | |
| line-height: 95px; | |
| } | |
| .single-post #single-below-header.fullscreen-header .icon-default-style { | |
| font-size: 18px!important; | |
| position: relative; | |
| top: -1px; | |
| margin-right: 8px; | |
| display: inline; | |
| } | |
| .single-post #single-below-header.fullscreen-header > span span { | |
| float: none!important; | |
| display: inline; | |
| color: #afafaf; | |
| font-size: 14px!important; | |
| } | |
| .single-post #single-below-header.fullscreen-header { | |
| margin-top: 0!important; | |
| } | |
| .single-post #single-below-header.fullscreen-header .meta-share-count > a span.plural, | |
| .single-post #single-below-header.fullscreen-header .meta-share-count > a span.singular { | |
| opacity: 0; | |
| } | |
| .single-post #single-below-header.fullscreen-header .meta-share-count > a span.singular { | |
| position: absolute; | |
| } | |
| .single.single-post .fullscreen-header .blog-title { | |
| text-align: center; | |
| } | |
| .single.single-post .fullscreen-header .blog-title h1 { | |
| max-width: none!important; | |
| } | |
| .single-post #single-below-header.fullscreen-header .nectar-social { | |
| position: absolute; | |
| width: 100%; | |
| top: 0; | |
| } | |
| .single-post #single-below-header.fullscreen-header .nectar-social.hide-share-count > * { | |
| border: none!important; | |
| padding: 0 5px!important; | |
| opacity: 0; | |
| top: 10px; | |
| } | |
| .default-blog-title.fullscreen-header { | |
| background-color: #333!important; | |
| } | |
| .single-post.ascend .container-wrap.fullscreen-blog-header, body.single-post[data-bg-header="true"].ascend .container-wrap { | |
| padding-top: 70px!important; | |
| margin-top: 0!important; | |
| } | |
| .single-post #page-header-bg.fullscreen-header.bottom-shadow:before { | |
| background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); | |
| background: -webkit-linear-gradient(top , rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); | |
| bottom: 0; | |
| content: " "; | |
| display: block; | |
| height: 351px; | |
| left: 0; | |
| position: absolute; | |
| transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s; | |
| width: 100%; | |
| } | |
| .single-post #page-header-bg.fullscreen-header.bg-overlay:after { | |
| background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); | |
| content: " "; | |
| display: block; | |
| height: 100%; | |
| left: 0; | |
| position: absolute; | |
| top: 0; | |
| transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s; | |
| width: 100%; | |
| } | |
| .single-post .container-wrap.fullscreen-blog-header { | |
| margin-top: 0!important; | |
| } | |
| .hidden-social-img { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| visibility: hidden; | |
| opacity: 0; | |
| } | |
| .default-blog-title.fullscreen-header { | |
| position: relative; | |
| } | |
| #page-header-bg.fullscreen-header .avatar { | |
| border-radius: 100%; | |
| } | |
| #page-header-bg.fullscreen-header .meta-author span { | |
| display: block; | |
| } | |
| #page-header-bg.fullscreen-header .meta-author img { | |
| margin-bottom: 0px; | |
| height: 50px; | |
| width: auto; | |
| } | |
| #page-header-bg.fullscreen-header .meta-author { | |
| font-size: 18px; | |
| } | |
| #page-header-bg.fullscreen-header .author-section .meta-date { | |
| font-size: 12px; | |
| color: rgba(255,255,255,0.8); | |
| } | |
| #page-header-bg.fullscreen-header .author-section .meta-date i { | |
| font-size: 12px!important; | |
| } | |
| #page-header-bg.fullscreen-header .author-section a { | |
| color: #fff!important; | |
| display: block; | |
| margin-bottom: -2px; | |
| } | |
| #page-header-bg.fullscreen-header .author-section a:hover { | |
| color: rgba(255,255,255,0.85)!important; | |
| } | |
| #page-header-bg.fullscreen-header .author-section { | |
| width: 100%; | |
| z-index: 10; | |
| text-align: center; | |
| } | |
| #page-header-bg.fullscreen-header .author-section span { | |
| padding-left: 0; | |
| line-height: 20px!important; | |
| font-size: 20px; | |
| } | |
| #page-header-bg.fullscreen-header .author-section .avatar-post-info { | |
| margin-left: 10px; | |
| } | |
| #page-header-bg.fullscreen-header .author-section .avatar-post-info, #page-header-bg.fullscreen-header .author-section .meta-author { | |
| text-align: left; | |
| display: inline-block; | |
| top: 9px; | |
| } | |
| .section-down-arrow, body[data-button-style="rounded"] .scroll-down-wrap { | |
| position: absolute; | |
| bottom: 15px; | |
| left: 50%; | |
| margin-left: -30px; | |
| z-index: 101; | |
| } | |
| body[data-button-style="rounded"] .scroll-down-wrap { margin-left:-22px;} | |
| body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"] { | |
| height: 60px!important; | |
| width: 60px; | |
| font-size: 20px!important; | |
| color: #fff!important; | |
| line-height: 60px!important; | |
| z-index: 10; | |
| animation: 3.4s ease-in-out infinite fadebottom; | |
| -webkit-animation: 3.4s ease-in-out infinite fadebottom; | |
| } | |
| body[data-button-style="rounded"] .section-down-arrow { | |
| display: inline-block; | |
| width: 45px; | |
| height: 45px; | |
| color: #fff!important; | |
| border: 2px solid #fff; | |
| text-align: center; | |
| line-height: 45px; | |
| border-radius: 100px; | |
| font-size: 25px; | |
| -webkit-border-radius:100px; | |
| transition: opacity 0.4s ease; | |
| -webkit-transition: opacity 0.4s ease; | |
| -moz-transition: opacity 0.4s ease; | |
| overflow: hidden; | |
| margin-left: 0px; | |
| left: 0; | |
| bottom: 50px; | |
| opacity: 0.6; | |
| } | |
| body[data-button-style="rounded"] .section-down-arrow.hidden { | |
| transform: translateY(55px); | |
| -webkit-transform: translateY(55px); | |
| opacity: 0; | |
| } | |
| body[data-button-style="rounded"] .section-down-arrow i { | |
| transition: transform 0.2s ease; | |
| -webkit-transition: transform 0.2s ease; | |
| -moz-transition: transform 0.2s ease; | |
| display: block; | |
| color: #fff!important; | |
| width: 42px; | |
| height: 43px; | |
| line-height: 43px; | |
| } | |
| body[data-button-style="rounded"] .section-down-arrow:hover, body[data-button-style="rounded"] .section-down-arrow.hovered { | |
| opacity: 1; | |
| } | |
| body[data-button-style="rounded"] .section-down-arrow i.fa-angle-down.top, | |
| body[data-button-style="rounded"] .section-down-arrow i.fa-angle-down { | |
| -webkit-transform:translate(0, -43px); | |
| -ms-transform:translate(0, -43px); | |
| transform:translate(0, -43px); | |
| } | |
| body[data-button-style="rounded"] .section-down-arrow:hover i.fa-angle-down.top, | |
| body[data-button-style="rounded"] .section-down-arrow:hover i.fa-angle-down, | |
| body[data-button-style="rounded"] .section-down-arrow.hovered i.fa-angle-down.top, | |
| body[data-button-style="rounded"] .section-down-arrow.hovered i.fa-angle-down { | |
| -webkit-transform:translate(0, 0px)!important; | |
| -ms-transform:translate(0, 0px)!important; | |
| transform:translate(0, 0px)!important; | |
| } | |
| @media only screen and (max-height: 750px){ | |
| body[data-button-style="rounded"] .section-down-arrow { | |
| bottom: 33px; | |
| } | |
| } | |
| @media only screen and (max-height: 650px) { | |
| body[data-button-style="rounded"] .section-down-arrow { | |
| width: 30px; | |
| height: 30px; | |
| line-height: 34px; | |
| bottom: 25px; | |
| margin-left: -15px; | |
| } | |
| body[data-button-style="rounded"] .scroll-down-wrap { | |
| margin-left: 0; | |
| } | |
| body[data-button-style="rounded"] .section-down-arrow i { | |
| width: 26px; | |
| height: 26px; | |
| line-height: 28px; | |
| } | |
| body[data-button-style="rounded"] .section-down-arrow i.fa-angle-down.top, body[data-button-style="rounded"] .section-down-arrow i.fa-angle-down { | |
| -webkit-transform: translate(0, -26px); | |
| -ms-transform: translate(0, -26px); | |
| transform: translate(0, -26px); | |
| font-size: 18px; | |
| } | |
| } | |
| @media only screen and (max-height: 450px) { | |
| body[data-button-style="rounded"] .section-down-arrow { | |
| display: none; | |
| } | |
| } | |
| .blog_next_prev_buttons img { | |
| position: absolute; | |
| left: 0; | |
| top: -50%; | |
| width: 100%; | |
| opacity: 0; | |
| max-width: none!important; | |
| will-change: transform; | |
| } | |
| .blog_next_prev_buttons .inner { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| text-align: center; | |
| opacity: 0; | |
| } | |
| .blog_next_prev_buttons { | |
| text-align: center; | |
| overflow: hidden; | |
| position: relative; | |
| background-color: #333; | |
| } | |
| .blog_next_prev_buttons span.full-link a, .blog_next_prev_buttons span.full-link, .blog_next_prev_buttons span.bg-overlay { | |
| display: block; | |
| position: absolute; | |
| text-indent: -9999px; | |
| top: 0; | |
| z-index: 10; | |
| margin-bottom: 0!important; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .blog_next_prev_buttons span.bg-overlay { | |
| background-color: #282b30; | |
| z-index: 2; | |
| opacity: 0.3; | |
| transition: all 0.3s ease; | |
| -webkit-transition: all 0.3s ease; | |
| -o-transition: all 0.3s ease; | |
| } | |
| .blog_next_prev_buttons:hover span.bg-overlay { | |
| opacity: 0; | |
| } | |
| .blog_next_prev_buttons.bg-color-only span.bg-overlay { | |
| opacity: 0!important; | |
| } | |
| .blog_next_prev_buttons.bg-color-only:hover span.bg-overlay { | |
| opacity: 0.08!important; | |
| } | |
| .blog_next_prev_buttons span { | |
| display: block; | |
| color: #fff; | |
| margin-bottom: 5px; | |
| } | |
| .blog_next_prev_buttons .col { | |
| height: 250px; | |
| border-left: 1px solid #dddddd; | |
| } | |
| .blog_next_prev_buttons .col h3 { | |
| transition: opacity 0.2s linear; | |
| -webkit-transition: opacity 0.2s linear; | |
| padding: 0 15%; | |
| color: #fff; | |
| margin: 0; | |
| } | |
| /* to top */ | |
| #to-top { | |
| display: block; | |
| position: fixed; | |
| text-align: center; | |
| line-height: 12px!important; | |
| right: 17px; | |
| bottom: -30px; | |
| color: #fff; | |
| cursor: pointer; | |
| border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -webkit-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| z-index: 10000; | |
| height: 29px; | |
| width: 29px; | |
| background-color: rgba(0,0,0,0.25); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| transition: background-color 0.1s linear; | |
| -moz-transition: background-color 0.1s linear; | |
| -webkit-transition: background-color 0.1s linear; | |
| -o-transition: background-color 0.1s linear; | |
| } | |
| body[data-button-style="rounded"] #to-top { | |
| transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1), background-color 0.1s linear; | |
| -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(.55,0,.1,1), background-color 0.1s linear; | |
| -moz-transition: -moz-box-shadow 0.3s cubic-bezier(.55,0,.1,1), background-color 0.1s linear; | |
| background-color: rgba(0,0,0,0.25)!important; | |
| } | |
| body[data-button-style="rounded"] #to-top:hover, | |
| body[data-button-style="rounded"] #to-top.dark:hover { | |
| transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1), background-color 0.05s linear 0.25s; | |
| -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(.55,0,.1,1), background-color 0.05s linear 0.25s; | |
| -moz-transition: -moz-box-shadow 0.3s cubic-bezier(.55,0,.1,1), background-color 0.05s linear 0.25s; | |
| box-shadow: 1px 2px 3px rgba(0,0,0,0.16)!important; | |
| background-color: transparent!important; | |
| } | |
| body[data-button-style="rounded"] #to-top:after, body[data-button-style="rounded"] #to-top:before { | |
| display: block; | |
| content: ' '; | |
| height: 100%; | |
| width: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1; | |
| background-color: #000; | |
| transform: scale(0); | |
| -webkit-transform: scale(0); | |
| -moz-transform: scale(0); | |
| transition: all 0.3s cubic-bezier(.55,0,.1,1); | |
| -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1); | |
| -moz-transition: all 0.3s cubic-bezier(.55,0,.1,1); | |
| border-radius: 100px; | |
| -webkit-border-radius: 100px; | |
| } | |
| body[data-button-style="rounded"] #to-top:before { | |
| background-color: rgba(255,255,255,0.25); | |
| transform: scale(1); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); | |
| -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); | |
| -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); | |
| opacity: 0; | |
| z-index: 2; | |
| } | |
| body[data-button-style="rounded"] #to-top:hover:after { | |
| transform: scale(1); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| } | |
| body[data-button-style="rounded"] #to-top { | |
| overflow: hidden; | |
| } | |
| body[data-button-style="rounded"] #to-top i.icon-angle-up.top-icon, | |
| body[data-button-style="rounded"] #to-top i.icon-angle-up { | |
| -webkit-transform:translate(0, 0px); | |
| -ms-transform:translate(0, 0px); | |
| transform:translate(0, 0px); | |
| transition: transform 0.2s ease; | |
| -webkit-transition: transform 0.2s ease; | |
| -moz-transition: transform 0.2s ease; | |
| } | |
| body[data-button-style="rounded"] #to-top:hover i.icon-angle-up.top-icon, | |
| body[data-button-style="rounded"] #to-top:hover i.icon-angle-up, | |
| body[data-button-style="rounded"] #to-top.hovered i.icon-angle-up.top-icon, | |
| body[data-button-style="rounded"] #to-top.hovered i.icon-angle-up { | |
| -webkit-transform:translate(0, -29px)!important; | |
| -ms-transform:translate(0, -29px)!important; | |
| transform:translate(0, -29px)!important; | |
| } | |
| body[data-button-style="rounded"] #to-top:active:before { opacity: 1; } | |
| #to-top i { | |
| line-height: 29px!important; | |
| width: 29px!important; | |
| height: 29px!important; | |
| font-size: 14px!important; | |
| top: 0px!important; | |
| left: 0px!important; | |
| text-align: center!important; | |
| position: relative; | |
| z-index: 10; | |
| background-color: transparent!important; | |
| } | |
| #to-top:hover, #to-top.dark:hover { background-color: #27CFC3; } | |
| #to-top.dark { background-color: rgba(0,0,0,0.87); } | |
| body[data-smooth-scrolling="1"] #to-top { right: 33px; } | |
| .gallery a img { | |
| width: 90%; | |
| max-width: 90%; | |
| height: auto; | |
| max-height: 90%; | |
| padding: 5px; | |
| background-color: #fff; | |
| border: 1px solid #e5e5e5!important; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| } | |
| .gallery a:hover img { | |
| border-color: #27CFC3!important; | |
| } | |
| /***************** Social Sharing ******************/ | |
| a.pinterest-share i, a.facebook-share i, .twitter-share i, .google-plus-share i, [class^="icon-"].icon-salient-heart, [class^="icon-"].icon-salient-heart-2, .linkedin-share i { | |
| background-color: transparent!important; | |
| border-radius: 0px!important; | |
| font-weight: normal!important; | |
| font-size: 20px!Important; | |
| height: 20px!important; | |
| width: auto!important; | |
| line-height: 19px!important; | |
| color: #ddd; | |
| transition: color 0.2s linear; | |
| -moz-transition: color 0.2s linear; | |
| -webkit-transition: color 0.2s linear; | |
| -o-transition: color 0.2s linear; | |
| } | |
| .icon-salient-heart, .icon-salient-heart-2 { | |
| font-size: 19px!important; | |
| } | |
| .heart-wrap { | |
| display: inline-block; | |
| line-height: 0; | |
| position: relative; | |
| } | |
| .icon-salient-heart.loved { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| transform: scale(0); | |
| -webkit-transform: scale(0); | |
| display: none; | |
| } | |
| .nectar-sharing, .n-shortcode .nectar-love, .nectar-sharing-alt { | |
| padding-right: 13px; | |
| padding-left: 13px; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .custom-content .nectar-social .n-shortcode i { | |
| display: inline; | |
| margin-right: 0!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .custom-content .nectar-social { text-align: center; line-height: 1px;} | |
| body[data-button-style="rounded"] .wpb_wrapper .custom-content .nectar-social > * { border-color: #fff!important; } | |
| body[data-button-style="rounded"] .wpb_wrapper .custom-content .nectar-social > *:before { background-color: #fff!important; border-color: #fff!important;} | |
| body[data-button-style="rounded"] .wpb_wrapper .custom-content .nectar-social > *:hover i { color: #000!important; } | |
| body[data-button-style="rounded"] .wpb_wrapper .custom-content .nectar-social > * i { color: #fff!important; } | |
| body .portfolio-items .col .work-item .work-info .custom-content a { | |
| opacity: 1!important; | |
| text-indent: 0!important; | |
| width: auto; | |
| display: inline-block; | |
| position: relative!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social > * { | |
| border: 2px solid #e9e9e9!important; | |
| border-radius: 50%; | |
| margin: 10px; | |
| position: relative!important; | |
| height: 45px!important; | |
| line-height: 45px; | |
| width: 45px!important; | |
| padding: 0!important; | |
| display: inline-block!important; | |
| transition: all 0.18s cubic-bezier(.55,0,.1,1)!important; | |
| -webkit-transition: all 0.18s cubic-bezier(.55,0,.1,1)!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_row > .span_12.light .wpb_wrapper .nectar-social * { | |
| border-color: #fff!important; | |
| color: #fff!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .custom-content .nectar-social > * { | |
| margin: 10px!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social > * i { | |
| transition: all 0.18s cubic-bezier(.55,0,.1,1)!important; | |
| -webkit-transition: all 0.18s cubic-bezier(.55,0,.1,1)!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social > *:before { | |
| transition: all 0.18s cubic-bezier(.55,0,.1,1)!important; | |
| -webkit-transition: all 0.18s cubic-bezier(.55,0,.1,1)!important; | |
| display: block; | |
| content: ' '; | |
| height: 100%; | |
| width: 100%; | |
| position: absolute; | |
| top: -2px; | |
| left: -2px; | |
| z-index: 1; | |
| border: 2px solid #e9e9e9; | |
| background-color: #e9e9e9; | |
| border-radius: 50%; | |
| opacity: 0; | |
| transform: scale(1); | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social > *:hover { | |
| transform: scale(1.15); | |
| -webkit-transform: scale(1.15); | |
| -moz-transform: scale(1.15); | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social > *:hover:before, body[data-button-style="rounded"] .wpb_wrapper .nectar-social > *.hovered:before { | |
| opacity: 1; | |
| transform: scale(1.03); | |
| -webkit-transform: scale(1.03); | |
| -moz-transform: scale(1.03); | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social i { | |
| width: 45px!important; | |
| height: 45px!important; | |
| text-align: center; | |
| padding: 0; | |
| font-size: 16px!important; | |
| line-height: 42px!important; | |
| position: relative; | |
| z-index: 10; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social i { | |
| color: #bbb; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social > * .count, body[data-button-style="rounded"] .wpb_wrapper .nectar-social .nectar-love .nectar-love-count { | |
| display: none!important; | |
| } | |
| .single #single-meta li .n-shortcode, .single #single-meta li .nectar-love { | |
| padding-left: 0px!important; | |
| } | |
| .single #single-meta .nectar-love i, body #project-meta .nectar-love i, .nectar-social .nectar-love i { | |
| font-size: 17px!important; | |
| top: 0px!important; | |
| } | |
| .n-shortcode { | |
| line-height: 20px; | |
| } | |
| .n-shortcode .nectar-love { | |
| padding-right: 15px; | |
| } | |
| .n-shortcode .nectar-love .icon-salient-heart, .n-shortcode .nectar-love .icon-salient-heart-2 { | |
| margin-right: 5px; | |
| top: -1px; | |
| } | |
| .nectar-sharing i, .nectar-sharing-alt i { | |
| padding-right: 4px; | |
| } | |
| a.facebook-share i { | |
| padding-right: 3px; | |
| } | |
| a.twitter-share i { | |
| margin-top: 2px; | |
| padding-right: 2px; | |
| font-size: 24px!Important; | |
| } | |
| a.google-plus-share i { | |
| padding-right: 2px!important; | |
| } | |
| a.twitter-share { | |
| padding-right: 8px; | |
| } | |
| a.facebook-share { | |
| padding-right: 10px; | |
| } | |
| a.facebook-share { | |
| padding-right: 10px; | |
| } | |
| a.pinterest-share { | |
| padding-right: 7px; | |
| } | |
| a.pinterest-share i { | |
| font-size: 24px!Important; | |
| } | |
| .n-shortcode { | |
| display: inline!important; | |
| font-size: 12px!important; | |
| height: auto!important; | |
| } | |
| .nectar-social .nectar-love .nectar-love-count { | |
| opacity: 0; | |
| line-height: 16px!important; | |
| padding-left: 0px!important; | |
| font-family: 'Open Sans'!important; | |
| font-weight: 400; | |
| font-size: 12px!important; | |
| display: none; | |
| } | |
| .nectar-social > *:last-child { | |
| padding-right: 0px!important; | |
| } | |
| .nectar-social > *:first-child, .nectar-social .nectar-love { | |
| padding-left: 0px!important; | |
| } | |
| .nectar-social > * { | |
| border-right: 1px solid #ddd; | |
| } | |
| .nectar-social > *:last-child { | |
| border-right: 0px!important; | |
| } | |
| .nectar-social.hide-share-count span.count, .nectar-social.hide-share-count .nectar-love-count { | |
| width: 1px!important; | |
| visibility: hidden; | |
| } | |
| .nectar-social.hide-share-count a i { | |
| padding-right: 0!important; | |
| } | |
| .nectar-social.hide-share-count.full-width .nectar-love .icon-salient-heart { | |
| top: 5px!important; | |
| } | |
| .nectar-social.hide-share-count .n-shortcode .nectar-love { padding-right: 0!important; } | |
| .nectar-social.hide-share-count > * { | |
| padding: 0 10px !important; | |
| } | |
| body.single-portfolio #sidebar #project-meta ul li:first-child, body.single #single-meta ul li:first-child, body.single-portfolio #sidebar div ul .facebook-share, body.single-portfolio #sidebar div ul .twitter-share , body.single-portfolio #sidebar div ul .pinterest-share, | |
| body.single-post .blog-title #single-meta ul .facebook-share, body.single-post .blog-title #single-meta ul .twitter-share , body.single-post .blog-title #single-meta ul .pinterest-share, | |
| body.single-product #single-meta ul .facebook-share, body.single-product #single-meta ul .twitter-share, body.single-product #single-meta ul .pinterest-share { | |
| margin-top: 2px; | |
| margin: 0px 16px 0px 0px; | |
| padding: 0px 0px 0px 0px!Important; | |
| display: block; | |
| border-right: 1px solid #DDDDDD; | |
| } | |
| .single-portfolio .facebook-share a, .single-portfolio .twitter-share a, .single-portfolio .pinterest-share a, | |
| .single-post .facebook-share a, .single-post .twitter-share a, .single-post .pinterest-share a, | |
| body.single-product .facebook-share a, body.single-product .twitter-share a, body.single-product .pinterest-share a, | |
| a.pinterest-share, .facebook-share, .twitter-share, .google-plus-share, .linkedin-share { | |
| color: inherit; | |
| height: 20px; | |
| transition: width 0.2s linear; | |
| background-repeat: no-repeat; | |
| position: relative; | |
| } | |
| .single-portfolio .facebook-share span, .single-portfolio .twitter-share span, .single-portfolio .pinterest-share span, .single-portfolio .google-plus-share span, .single-portfolio .linkedin-share span, | |
| .single-post .col.section-title .facebook-share span, .single-post .col.section-title .twitter-share span, .single-post .col.section-title .pinterest-share span, .single-post .col.section-title .google-plus-share span, | |
| .single-post .col.section-title .linkedin-share span, | |
| .pinterest-share span, .facebook-share span, .twitter-share span, .google-plus-share span, .linkedin-share span { | |
| display: inline-block; | |
| opacity: 0; | |
| top: auto; | |
| line-height: 16px; | |
| padding-left: 0px; | |
| font-family: 'Open Sans'; | |
| font-weight: 400; | |
| font-size: 12px; | |
| height: 13px; | |
| line-height: 16px; | |
| } | |
| /*full width social*/ | |
| .nectar-social.full-width > * { | |
| text-align: center; | |
| display: block!important; | |
| float: left; | |
| transition: color 0.2s linear!important; | |
| -webkit-transition: color 0.2s linear!important; | |
| position: relative; | |
| } | |
| .span_12.light .nectar-social.full-width > * { | |
| border-color: rgba(255,255,255,0.1); | |
| } | |
| .span_12.dark .nectar-social.full-width > * { | |
| border-color: rgba(0,0,0,0.07); | |
| } | |
| .nectar-social.full-width a.nectar-love {position: absolute; width: 100%!important; height: 100%!important; top: 0; left: 0; padding-right: 0!Important; text-align: center!Important;} | |
| .nectar-social.full-width i { margin-top: -20px;} | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width i { | |
| -webkit-transform: translateX(-50%); | |
| transform: translateX(-50%); | |
| height: 100px!important; | |
| margin-left: 0!important; | |
| width: 40px!important; | |
| position: absolute; | |
| top: 50%!important; | |
| left: 50%; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width { | |
| text-align: center; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width > * { | |
| float: none; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width a.nectar-love { | |
| padding-top: 0!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width .heart-wrap { | |
| height: 100%; | |
| width: 100%; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width > * i { | |
| margin-left: -23px; | |
| } | |
| .nectar-social.full-width.items_6 > * { | |
| width: 16.6%!important; | |
| padding: 2%!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width.items_6 > * { | |
| padding: 5%!important; | |
| margin: 3%; | |
| width: 10.1%!important; | |
| } | |
| .full-width-content .nectar-social.full-width.items_6 > * { | |
| padding: 4%!important; | |
| } | |
| .nectar-social.full-width.items_6 i { | |
| font-size: 26px!important; | |
| } | |
| .nectar-social.full-width.items_6 a > span { | |
| position: relative; | |
| margin-left: 3px; | |
| top: -10px; | |
| } | |
| .full-width-content .nectar-social.full-width.items_6 > * { padding: 5%!important; } | |
| .full-width-content .nectar-social.full-width.items_6 i { font-size: 40px!important;} | |
| .full-width-content .nectar-social.full-width.items_6 a span { margin-left: 5px; } | |
| .nectar-social.full-width.items_5 > * { | |
| width: 20%!important; | |
| padding: 3%!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width.items_5 > * { | |
| padding: 6.5%!important; | |
| margin: 3%; | |
| width: 10%!important; | |
| } | |
| .full-width-content .nectar-social.full-width.items_5 > * { | |
| padding: 5%!important; | |
| } | |
| .nectar-social.full-width.items_5 i { | |
| font-size: 36px!important; | |
| } | |
| .nectar-social.full-width.items_5 a > span { | |
| position: relative; | |
| margin-left: 5px; | |
| top: -10px; | |
| } | |
| .nectar-social.full-width.items_4 > * { | |
| width: 25%!important; | |
| padding: 5%!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width.items_4 > * { | |
| padding: 7%!important; | |
| margin: 5%; | |
| width: 10%!important; | |
| } | |
| .nectar-social.full-width.items_4 i { | |
| font-size: 45px!important; | |
| } | |
| .nectar-social.full-width.items_4 a > span { | |
| position: relative; | |
| margin-left: 5px; | |
| top: -10px; | |
| } | |
| .nectar-social.full-width.items_3 > * { | |
| width: 33.3%!important; | |
| padding: 5%!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width.items_3 > * { | |
| padding: 7%!important; | |
| margin: 5%; | |
| width: 10%!important; | |
| } | |
| .nectar-social.full-width.items_3 i { | |
| font-size: 50px!important; | |
| } | |
| .nectar-social.full-width.items_3 a > span { | |
| position: relative; | |
| margin-left: 5px; | |
| top: -10px; | |
| } | |
| .nectar-social.full-width.items_2 > * { | |
| width: 50%!important; | |
| padding: 5%!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width.items_2 > * { | |
| padding: 7%!important; | |
| margin: 5%; | |
| width: 10%!important; | |
| } | |
| .nectar-social.full-width.items_2 i { | |
| font-size: 60px!important; | |
| } | |
| .nectar-social.full-width.items_2 a > span { | |
| position: relative; | |
| margin-left: 5px; | |
| top: -10px; | |
| } | |
| .nectar-social.full-width.items_1 > * { | |
| width: 100%!important; | |
| padding: 5%!important; | |
| } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social.full-width.items_1 > * { | |
| padding: 7%!important; | |
| margin: 5%; | |
| width: 10%!important; | |
| } | |
| .nectar-social.full-width.items_1 i { | |
| font-size: 80px!important; | |
| } | |
| .nectar-social.full-width.items_1 a > span { | |
| position: relative; | |
| margin-left: 5px; | |
| top: -10px; | |
| } | |
| .nectar-social.full-width:after { | |
| clear: both; | |
| content: ""; | |
| display: block; | |
| height: 0; | |
| visibility: hidden; | |
| } | |
| .facebook-share:hover i, .facebook-share.hovered i { color: #5c80ca!important; } | |
| .twitter-share:hover i, .twitter-share.hovered i { color: #08c7ff!important; } | |
| .pinterest-share:hover i, .pinterest-share.hovered i { color: #dc2329!important; } | |
| .google-plus-share:hover i, .google-plus-share.hovered i { color :#de4b39!important; } | |
| .linkedin-share:hover i, .linkedin-share.hovered i { color :#409ecd!important; } | |
| body[data-button-style="rounded"] .wpb_wrapper .facebook-share:before, body[data-button-style="rounded"] .wpb_wrapper .facebook-share.hovered:before { background-color: #5c80ca!important; border-color: #5c80ca!important; } | |
| body[data-button-style="rounded"] .wpb_wrapper .twitter-share:before, body[data-button-style="rounded"] .wpb_wrapper .twitter-share.hovered:before { background-color: #08c7ff!important;border-color: #08c7ff!important; } | |
| body[data-button-style="rounded"] .wpb_wrapper .pinterest-share:before, body[data-button-style="rounded"] .wpb_wrapper .pinterest-share.hovered:before { background-color: #dc2329!important; border-color: #dc2329!important;} | |
| body[data-button-style="rounded"] .wpb_wrapper .google-plus-share:before, body[data-button-style="rounded"] .wpb_wrapper .google-plus-share.hovered:before { background-color :#de4b39!important;border-color: #de4b39!important;} | |
| body[data-button-style="rounded"] .wpb_wrapper .linkedin-share:before, body[data-button-style="rounded"] .wpb_wrapper .linkedin-share.hovered:before { background-color :#409ecd!important; border-color: #409ecd!important;} | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social .hovered:before { opacity: 1; } | |
| body[data-button-style="rounded"] .wpb_wrapper .nectar-social .hovered i, body[data-button-style="rounded"] .wpb_wrapper .nectar-social > *:hover i { color: #ffffff!important; } | |
| .single-product #single-meta { | |
| top: 10px!important; | |
| } | |
| .single-portfolio #project-meta .sharing li:last-child, body.single-post .blog-title #single-meta ul li:last-child, body.single-product #single-meta ul li:last-child { | |
| margin-right: 0px!important; | |
| padding-right: 0px!important; | |
| border-right: 0px!important; | |
| } | |
| .single-portfolio .row .col.section-title h1 { | |
| width: 900px; | |
| margin-bottom: 0!important; | |
| } | |
| .single-portfolio .row .col.section-title h1 { | |
| top: 0; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .single-portfolio #full_width_portfolio #portfolio-nav { | |
| margin-right: 0px; | |
| } | |
| .single-portfolio #full_width_portfolio .span_12 { | |
| padding-right: 0px; | |
| margin-top: 0px; | |
| } | |
| .single-portfolio #boxed #full_width_portfolio .parallax_slider_outer.first-section, .single-portfolio #boxed #full_width_portfolio .nectar-slider-wrap[data-full-width="boxed-full-width"] { | |
| margin-top: 1px!important; | |
| } | |
| #full_width_portfolio .project-title.parallax-effect { | |
| background-color: #f8f8f8; | |
| z-index: 9; | |
| position: fixed; | |
| padding-top: 88px; | |
| padding-bottom: 28px; | |
| width: 100%; | |
| } | |
| #page-header-bg .project-title { | |
| padding-top: 0!important; | |
| margin: 0!important; | |
| background-color: transparent!important; | |
| } | |
| #boxed #full_width_portfolio .project-title.parallax-effect { | |
| position: relative!important; | |
| top: 0px!important; | |
| padding-right: 0px; | |
| } | |
| body[data-smooth-scrolling="1"] #full_width_portfolio .project-title.parallax-effect, body[data-smooth-scrolling="1"] #page-header-bg[data-parallax="1"] { | |
| padding-right: 16px; | |
| } | |
| .project-title .hidden-title { | |
| opacity: 0; | |
| } | |
| #full_width_portfolio .project-title.parallax-effect .section-title, #full_width_portfolio .project-title { | |
| padding-bottom: 0px!important; | |
| } | |
| #full_width_portfolio .project-title.parallax-effect .section-title, #page-header-bg .section-title, .single .row .section-title, #full_width_portfolio .project-title .container .title-wrap { | |
| border-bottom: none; | |
| } | |
| .single .heading-title { padding-bottom: 35px; border-bottom: 1px solid #DDDDDD; margin-bottom: 35px;} | |
| #full_width_portfolio .project-title.parallax-effect .container { | |
| border: none!important; | |
| } | |
| #page-header-bg .project-title .container, #page-header-bg .heading-title { | |
| border: none!important; | |
| padding: 0!Important; | |
| } | |
| .project-title .section-title { | |
| padding: 0px 70px 0px 70px!important; | |
| } | |
| .single .row .section-title { | |
| padding: 0; | |
| margin: 0!important; | |
| } | |
| #page-header-bg .section-title { | |
| padding-bottom: 0; | |
| margin-bottom: 0; | |
| } | |
| #full_width_portfolio .project-title { | |
| padding-bottom: 30px; | |
| } | |
| .project-additional.clear { | |
| clear: both!important; | |
| display: block; | |
| } | |
| .project-additional.clear li { | |
| float: none!important; | |
| } | |
| .single-portfolio #project-meta .clear { | |
| padding-bottom: 0px!important; | |
| } | |
| .single-portfolio #project-meta .sharing li a > span.count { | |
| opacity: 0; | |
| } | |
| .single #single-meta ul li .nectar-love-wrap span { | |
| opacity: 1; | |
| } | |
| /***************** Portfolio ******************/ | |
| .portfolio-items .work-info-bg { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| height: 100%; | |
| width: 100.2%; | |
| top: 0px; | |
| left: 0px; | |
| background-color: #27CFC3; | |
| position: absolute; | |
| z-index: 2; | |
| } | |
| .portfolio-items .work-info { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| position: absolute; | |
| z-index: 10; | |
| padding: 0px 20px; | |
| height: 100%; | |
| width: 100%; | |
| top: 0px; | |
| left: 0px; | |
| color: #fff; | |
| } | |
| .portfolio-items .work-item[data-custom-content="on"] .work-info { | |
| padding: 0 40px; | |
| } | |
| .portfolio-items .work-item[data-custom-content="on"] .work-info { | |
| opacity: 1; | |
| } | |
| .portfolio-items .col { | |
| height: 100%; | |
| } | |
| .portfolio-filters, #portfolio-nav { | |
| height: 33px; | |
| z-index: 100; | |
| right: 0px; | |
| top: 0px; | |
| position: absolute; | |
| display: inline-block; | |
| width: 100%; | |
| } | |
| #portfolio-nav { | |
| height: 100%; | |
| top: 0!important; | |
| } | |
| #portfolio-nav ul, html .single-post #single-meta { | |
| top: 50%; | |
| margin-top: -13px; | |
| float: none; | |
| z-index: 102; | |
| position: absolute; | |
| } | |
| html .single-post #single-meta { | |
| margin-top: -20px; | |
| } | |
| .single #page-header-bg #single-meta { margin-top: -8px; } | |
| #portfolio-nav ul { left: 0; right: auto; } | |
| #portfolio-nav ul.controls { right: 0; left: auto; } | |
| #page-header-bg #portfolio-nav { z-index: auto; } | |
| .page-template-template-portfolio-php .portfolio-filters { | |
| position: absolute; | |
| margin-top: 0px; | |
| top: 5px; | |
| } | |
| .portfolio-filters { | |
| position: relative; | |
| margin-top: 30px; | |
| } | |
| .portfolio-filters ul { | |
| margin: 0px; | |
| } | |
| .portfolio-filter-clear { | |
| padding: 0!important; | |
| margin: 0px!important; | |
| } | |
| #portfolio-nav { | |
| position: absolute; | |
| } | |
| .portfolio-filters { | |
| height: auto!important; | |
| width: 200px; | |
| float: right; | |
| display: block!important; | |
| margin-bottom: 33px; | |
| background-color: #27ccc0; | |
| } | |
| .portfolio-filters li, .portfolio-filters-inline li { | |
| list-style: none!important; | |
| } | |
| .portfolio-filters li li a { | |
| padding-left: 25px; | |
| } | |
| #portfolio-nav ul.controls { | |
| float: right; | |
| } | |
| .no-date #portfolio-nav { | |
| top: 10px; | |
| } | |
| #portfolio-nav { | |
| top: 10px; | |
| } | |
| .portfolio-filters > ul { | |
| display: none; | |
| width: 100%; | |
| position: absolute; | |
| z-index: 100; | |
| } | |
| .portfolio-filters ul li a { | |
| color: rgba(255, 255, 255, 0.7) !important; | |
| } | |
| .portfolio-filters a { | |
| display: block; | |
| font-size: 12px; | |
| line-height: 22px; | |
| padding: 9px 15px 10px 15px; | |
| color: #fff; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| background-color: #27CFC3; | |
| border-top: 1px dotted rgba(255, 255, 255, 0.3); | |
| } | |
| body .portfolio-filters-inline { | |
| margin-top: 0px; | |
| z-index: 100; | |
| height: auto!important; | |
| padding-top: 19px!important; | |
| padding-bottom: 19px!important; | |
| background-color: #252525; | |
| margin-bottom: 0px; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| body .portfolio-filters-inline.first-section { | |
| padding-top: 50px!Important; | |
| } | |
| body .portfolio-filters-inline.nder-page-header.first-section { | |
| padding-top: 19px!important; | |
| } | |
| .portfolio-filters-inline.non-fw { | |
| padding-top: 33px!important; | |
| padding-bottom: 33px!important; | |
| background-color: transparent!important; | |
| } | |
| body .portfolio-filters-inline.nder-page-header.first-section.non-fw { | |
| padding-top: 33px!important; | |
| } | |
| body .portfolio-filters-inline.non-fw.first-section { | |
| padding-top: 70px!important; | |
| } | |
| .portfolio-filters-inline .clear { | |
| padding: 0px; | |
| } | |
| .portfolio-filters-inline ul li, .portfolio-filters-inline ul ul { | |
| display: inline; | |
| } | |
| .portfolio-filters-inline ul { | |
| line-height: 22px; | |
| } | |
| .portfolio-filters-inline ul { | |
| margin: 0px!important; | |
| text-align: right; | |
| } | |
| .portfolio-filters-inline #current-category { | |
| width: 25%; | |
| } | |
| .portfolio-filters-inline .container > ul { | |
| max-width: 72%; | |
| margin-right: -7px!important; | |
| } | |
| .portfolio-filters-inline ul ul { | |
| margin-left: 0px!important; | |
| } | |
| .portfolio-filters-inline #current-category { | |
| padding-left: 0px; | |
| float: left; | |
| } | |
| .portfolio-filters-inline .container > ul { | |
| float: right; | |
| } | |
| .portfolio-filters-inline .container > ul > li:last-child a { | |
| border: none!important; | |
| } | |
| .portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul li#sort-label { | |
| padding: 0px 10px; | |
| margin: 7px 0px; | |
| font-size: 12px; | |
| line-height: 14px; | |
| display: inline-block; | |
| } | |
| .portfolio-filters-inline .container > ul li#sort-label { | |
| border: none!important; | |
| padding-right: 20px; | |
| } | |
| .portfolio-filters-inline #current-category { | |
| color: #eee; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| font-size: 20px; | |
| letter-spacing: 0; | |
| line-height: 20px; | |
| position: relative; | |
| text-transform: none; | |
| top: 4px; | |
| } | |
| .portfolio-filters-inline .container > ul li#sort-label { | |
| color: #eee; | |
| } | |
| .portfolio-filters-inline ul li a { | |
| color: #999; | |
| } | |
| .portfolio-filters-inline ul li a:hover { | |
| color: #eee; | |
| } | |
| .portfolio-filters-inline.non-fw #current-category, .portfolio-filters-inline.non-fw .container > ul li#sort-label { | |
| color: #888!important; | |
| } | |
| .portfolio-filters-inline.non-fw ul li a:hover { | |
| color: #333; | |
| } | |
| .portfolio-filters-inline:not([data-color-scheme="default"]) .container > ul li#sort-label { display: none; } | |
| .portfolio-filters-inline:not([data-color-scheme="default"]) #current-category, | |
| .portfolio-filters-inline:not([data-color-scheme="default"]) ul li a { | |
| color: #fff; | |
| padding: 7px 10px; | |
| transition: background-color 0.15s linear, color 0.15s linear; | |
| } | |
| .portfolio-filters-inline:not([data-color-scheme="default"]) ul li a { | |
| color: rgba(255,255,255,0.75); | |
| } | |
| .portfolio-filters-inline:not([data-color-scheme="default"]) .container ul li a.active { | |
| color: rgba(255,255,255,1)!important; | |
| padding: 7px 10px; | |
| } | |
| .portfolio-filters-inline:not([data-color-scheme="default"]) .container ul li a:hover { | |
| color: rgba(255,255,255,1); | |
| } | |
| .portfolio-filters-inline[data-color-scheme="black"] { | |
| background-color: #0f1012; | |
| } | |
| .portfolio-filters-inline[data-color-scheme="black"] .container ul li a.active { | |
| color: #fff!important; | |
| background-color: rgba(255,255,255,0.15); | |
| } | |
| body[data-permanent-transparent="1"] .portfolio-filters-inline.fixed #current-category { | |
| display: none; | |
| } | |
| #sort-portfolio { | |
| position: relative; | |
| border-top: 0px!Important; | |
| } | |
| #sort-portfolio span { | |
| font-family: 'Open Sans'; | |
| font-weight: 400; | |
| display: block; | |
| font-size: 12px; | |
| line-height: 21px; | |
| padding-left: 0px!important; | |
| color: #fff!important; | |
| } | |
| #sort-portfolio i { | |
| font-size: 12px!Important; | |
| position: absolute; | |
| right: 5px; | |
| top: 13px; | |
| height: 14px; | |
| line-height: 14px; | |
| background-color: transparent!important; | |
| } | |
| .portfolio-filters #sort-portfolio { | |
| background-color: #27CFC3; | |
| padding-right: 40px; | |
| min-width: 160px; | |
| border-radius: 2px; | |
| } | |
| .portfolio-filters a:hover { | |
| color: rgba(255, 255, 255, 1) !important; | |
| } | |
| .portfolio-filters:hover #sort-portfolio { | |
| color: rgba(255, 255, 255, 1) !important; | |
| border-radius: 2px 2px 0px 0px; | |
| } | |
| .page-template-template-portfolio-php .page-header-no-bg .section-title { | |
| border-bottom: 0px; | |
| z-index: 100; | |
| } | |
| .page-template-template-portfolio-php[data-bg-header="false"] .container-wrap { | |
| padding-top: 0; | |
| } | |
| .portfolio-items:not(.carousel) { | |
| margin: 0px -1.2% 0px -1%; | |
| } | |
| .portfolio-items .col { | |
| background-color: #f8f8f8; | |
| } | |
| .portfolio-items.carousel .col { | |
| background-color: transparent; | |
| } | |
| html:not(.js) .portfolio-items .col.span_3 img, html:not(.js) .portfolio-items .col img { | |
| opacity: 1!important; | |
| } | |
| .portfolio-items .col .work-item, .portfolio-items .col .work-meta, .portfolio-items .col .nectar-love-wrap { | |
| opacity: 0; | |
| } | |
| .carousel.portfolio-items .col img, .carousel.portfolio-items .col .work-meta, .carousel.portfolio-items .col .nectar-love-wrap, .carousel.portfolio-items .work-item { | |
| opacity: 1; | |
| } | |
| body .portfolio-items .col { | |
| height: auto; | |
| margin-bottom: 25px!important; | |
| } | |
| .portfolio-items .col.span_4 { | |
| width: 31.00%; | |
| margin: 0px 1.13%; | |
| } | |
| .portfolio-items .col.span_3 .work-item .work-info a { | |
| padding: 6px 11px; | |
| font-size: 11px!important; | |
| margin: 3px; | |
| } | |
| .portfolio-items .col.span_3 .work-meta h4 { | |
| font-size: 16px; | |
| line-height: 16px!important; | |
| letter-spacing: -1px; | |
| } | |
| .portfolio-items .work-meta h4 { | |
| line-height: 22px; | |
| position: relative; | |
| top: -2px; | |
| } | |
| .portfolio-items .work-meta p { | |
| line-height: 22px; | |
| } | |
| .portfolio-items .col.span_3 { | |
| width: 22.7%; | |
| margin: 0px 1.1%; | |
| padding: 0px; | |
| } | |
| .page-template-template-portfolio-php .portfolio-items .col.span_3, .page-template-template-portfolio-php .portfolio-items .col.span_4 { | |
| background-color: #f8f8f8; /* safari text fix */ | |
| } | |
| #portfolio-nav #all-items a { | |
| cursor: pointer; | |
| display: inline-block; | |
| float: left; | |
| margin: 0px 10px 0 0; | |
| position: relative; | |
| background-position: 11px center; | |
| background-repeat: no-repeat; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| } | |
| #portfolio-nav #all-items a i { | |
| line-height: 34px; | |
| font-size: 30px!important; | |
| background-color: transparent!important; | |
| } | |
| #portfolio-nav li { | |
| float: left; | |
| list-style: none; | |
| } | |
| #portfolio-nav #prev-link a, #portfolio-nav #next-link a { | |
| color: #888 !important; | |
| cursor: pointer; | |
| display: inline-block; | |
| float: left; | |
| margin: 0px 10px 0 0; | |
| position: relative; | |
| text-transform: capitalize; | |
| background-repeat: no-repeat; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| text-align: center; | |
| } | |
| #portfolio-nav #prev-link a { | |
| background-position: 13px center; | |
| padding: 1px 0px; | |
| } | |
| #portfolio-nav #next-link a { | |
| padding: 1px 0px; | |
| margin-right: 0px; | |
| background-position: -20px center; | |
| } | |
| #portfolio-nav a i, #portfolio-nav a i { | |
| background-color: transparent!important; | |
| font-size: 30px; | |
| line-height: 34px; | |
| color: #888; | |
| transition: color 0.2s linear, opacity 0.2s linear; | |
| -moz-transition: color 0.2s linear, opacity 0.2s linear; | |
| -webkit-transition: color 0.2s linear, opacity 0.2s linear; | |
| -o-transition: color 0.2s linear, opacity 0.2s linear; | |
| } | |
| #portfolio-nav #next-link a i, #portfolio-nav #prev-link a i { | |
| font-size: 32px!Important; | |
| } | |
| #full_width_portfolio #portfolio-nav #prev-link a i, #full_width_portfolio #portfolio-nav #next-link a i { | |
| } | |
| .parallax-effect #portfolio-nav #next-link a i, .parallax-effect #portfolio-nav #prev-link a i { | |
| -webkit-transform: translateZ(0px); | |
| } | |
| body #portfolio-nav a:hover { | |
| background-color: transparent!important; | |
| } | |
| .portfolio-items .col .work-item .work-info a.default-link { | |
| background-color: #252525; | |
| padding: 9px 15px; | |
| color: #fff!important; | |
| font-size: 12px!important; | |
| margin: 5px; | |
| border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -webkit-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| } | |
| .portfolio-items .col .work-item .work-info a.default-link:hover { | |
| opacity: 0.8; | |
| } | |
| .portfolio-items .col h3 { | |
| position: relative; | |
| top: 0px; | |
| color: #fff; | |
| margin-bottom: 10px; | |
| } | |
| .portfolio-items .col img { | |
| display: block; | |
| margin-bottom: 0px; | |
| width: auto; | |
| } | |
| .portfolio-items .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] img { | |
| z-index: 3; | |
| } | |
| .portfolio-items .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] img.no-img { | |
| z-index: 1; | |
| } | |
| .portfolio-items[data-col-num="elastic"] .col img, | |
| body .masonry.meta_overlaid .post-featured-img img, | |
| body .masonry.meta_overlaid .content-inner .whole-link { | |
| width: 100.7%!important; | |
| max-width: 100.7%!important; | |
| } | |
| .portfolio-items[data-col-num="elastic"] .work-info-bg { | |
| width: 100.7%!important; | |
| } | |
| .portfolio-items .col .work-info .view, .portfolio-items .col .work-info .image, .portfolio-items .col .work-info .video { | |
| position: absolute; | |
| top: 0px; | |
| left: 0px; | |
| height: 100%; | |
| width: 100%; | |
| text-indent: -9999px; | |
| color: #fff; | |
| display: block; | |
| } | |
| /* | |
| .portfolio-items .col .work-info .view span { | |
| background-image: url(img/stock/icons/link.png); | |
| } | |
| .portfolio-items .col .work-info .image span { | |
| background-image: url(img/stock/icons/image.png); | |
| } | |
| .portfolio-items .col .work-info .video span { | |
| background-image: url(img/stock/icons/video.png); | |
| } | |
| .portfolio-items .col .work-info span { | |
| top: 0px; | |
| left: 0px; | |
| position: absolute; | |
| display: block; | |
| height: 42px; | |
| width: 42px; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| opacity: 0.8; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| }*/ | |
| .portfolio-items .col .work-info .vert-center { | |
| text-align: center; | |
| margin-top: -15px; | |
| position: relative; | |
| z-index: 10; | |
| top: 50%; | |
| width: 100%; | |
| transform: translateY(-50%); | |
| -webkit-transform: translateY(-50%); | |
| } | |
| .portfolio-items .col .work-info .vert-center .no-text { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| left: 0; | |
| top: 0; | |
| display: block; | |
| text-indent: -9999px; | |
| background-color: transparent; | |
| } | |
| .portfolio-items .col .work-info .vert-center.no-text { | |
| transform: none!important; | |
| -webkit-transform: none!important; | |
| top: 0!important; | |
| height: 100%; | |
| } | |
| .portfolio-items .col .work-info .vert-center p { | |
| padding-bottom: 0px; | |
| } | |
| .portfolio-items .col .work-info a:hover span { opacity: 0.8; } | |
| .portfolio-items .col .work-info .vert-center *, .portfolio-items .col .work-info i { | |
| opacity: 0; | |
| -ms-filter: "alpha(opacity=0)"; | |
| } | |
| .portfolio-items .col .work-info .vert-center .custom-content, .portfolio-items .col .work-info .vert-center .custom-content * { | |
| opacity: 1; | |
| color: #fff; | |
| } | |
| .portfolio-items .col .work-info .vert-center .custom-content .nectar-button { | |
| display: inline-block!important; | |
| } | |
| .portfolio-items .col .work-info .vert-center .custom-content { | |
| text-align: left; | |
| } | |
| .portfolio-items .col .work-info .vert-center .custom-content > *:last-child { | |
| margin-bottom: 0!important; | |
| } | |
| .portfolio-items .col .work-item[data-custom-content="on"].style-1 .work-info .vert-center { | |
| margin-top: 0; | |
| } | |
| .portfolio-items .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] .work-info-bg { | |
| opacity: 1!important; | |
| -ms-filter: "alpha(opacity=100)"!important; | |
| } | |
| .portfolio-items .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] .work-info-bg:after { | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| position: absolute; | |
| display: block; | |
| content: ' '; | |
| z-index: 1; | |
| opacity: 0; | |
| background-color: rgba(0,0,0,0.06); | |
| transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| } | |
| .portfolio-items .col:not([data-default-color="true"]):hover .work-item[data-custom-content='on'] .work-info-bg:after { | |
| opacity: 1; | |
| } | |
| .portfolio-items .col .work-item { | |
| position: relative; | |
| margin-bottom: 15px; | |
| overflow: hidden; | |
| width: 100%; | |
| } | |
| .portfolio-items .col.elastic-portfolio-item .work-item { | |
| overflow: visible; | |
| } | |
| .portfolio-wrap.default-style .portfolio-items .col.elastic-portfolio-item .work-item { | |
| overflow: hidden; | |
| } | |
| .portfolio-items .nectar-love { | |
| text-align: left; | |
| } | |
| .portfolio-items .nectar-love i, .post-meta .nectar-love i, #project-meta .nectar-love i { | |
| width: 23px!important; | |
| font-size: 14px!important; | |
| top: 0px!important; | |
| } | |
| .portfolio-items .nectar-love { | |
| -moz-transition: background-color 0.2s linear; | |
| -webkit-transition: background-color 0.2s linear; | |
| -o-transition: background-color 0.2s linear; | |
| transition: background-color 0.2s linear; | |
| height: 13px; | |
| width: auto; | |
| line-height: 11px; | |
| font-size: 12px!important; | |
| display: inline-block; | |
| text-align: left; | |
| color: #888; | |
| } | |
| .portfolio-items .work-meta { | |
| text-align: left; | |
| float: left; | |
| width: 70%; | |
| font-size: 11px; | |
| color: #999; | |
| } | |
| .light .portfolio-items .work-meta { | |
| color: #e8e8e8; | |
| } | |
| .portfolio-items .work-meta h4 { | |
| margin-bottom: -2px; | |
| } | |
| .portfolio-items .nectar-love span { | |
| line-height: 12px; | |
| } | |
| .portfolio-items .nectar-love-wrap { | |
| width: 70px; | |
| top: -1px; | |
| position: relative; | |
| float: right; | |
| text-align: right; | |
| } | |
| .portfolio-items .nectar-love:hover, .portfolio-items .nectar-love.loved { | |
| color: #888!important; | |
| } | |
| .portfolio-items .flex-gallery { | |
| margin-bottom: 0px; | |
| } | |
| .project-attrs { | |
| margin-bottom: 0px!important; | |
| margin-left: 0px!important; | |
| } | |
| .project-attrs li { | |
| list-style: none!important; | |
| } | |
| .project-attrs li span { | |
| display: inline-block; | |
| margin-right: 10px; | |
| height: 14px; | |
| width: 14px; | |
| background-color: #27CFC3; | |
| border-radius: 40px; | |
| -moz-border-radius: 40px; | |
| -webkit-border-radius: 40px; | |
| -o-border-radius: 40px; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| } | |
| .project-attrs li i { | |
| font-size: 14px; | |
| line-height: 14px; | |
| width: 23px; | |
| text-align: left; | |
| height: auto; | |
| background-color: transparent!important; | |
| } | |
| .portfolio-items .work-item .work-info [id^="video-popup-"] { | |
| display: none; | |
| } | |
| #project-meta .nectar-love { | |
| color: #888!important; | |
| padding-left: 0px!important; | |
| } | |
| #project-meta .nectar-love:hover { | |
| color: #888!important; | |
| } | |
| #project-meta ul, #project-meta .nectar-social { | |
| height: 48px; | |
| margin-bottom: 30px!important; | |
| } | |
| #project-meta ul li { | |
| float: left; | |
| padding: 0px!important; | |
| border-bottom: 0px!important; | |
| } | |
| #project-meta ul li .nectar-love-wrap { | |
| border-right: 1px solid #ddd; | |
| margin-right: 16px; | |
| padding-right: 16px; | |
| width: auto!important; | |
| } | |
| #project-meta ul li .nectar-love-wrap.no-border { | |
| border: none; | |
| } | |
| #project-meta ul li .nectar-love-wrap.fadein .nectar-love-count, #single-meta ul li .nectar-love-wrap.fadein .nectar-love-count { | |
| opacity: 0; | |
| display: block; | |
| width: 0px; | |
| } | |
| #project-meta ul li .nectar-love-wrap.fadein span, #single-meta ul li .nectar-love-wrap.fadein span { | |
| line-height: 12px!important; | |
| } | |
| #project-meta ul li .nectar-love-wrap.fadein, #single-meta ul li .nectar-love-wrap.fadein { | |
| padding-top: 4px; | |
| padding-bottom: 4px; | |
| } | |
| .single #single-meta ul li .nectar-love-wrap.fadein { | |
| margin-right: 16px; | |
| padding-right: 16px; | |
| } | |
| #project-meta ul li .nectar-love-wrap.fadein .nectar-love, #single-meta ul li .nectar-love-wrap.fadein .nectar-love { | |
| display: block; | |
| } | |
| .portfolio-loading { | |
| display: block; | |
| height: 31px; | |
| width: 31px; | |
| z-index: 80; | |
| position: absolute; | |
| left: 50%; | |
| top: 100px; | |
| margin-left: -15px; | |
| background-image: url(img/icons/loading-white-bg.gif); | |
| } | |
| .portfolio-loading.default-loader { | |
| background-image: none!important; | |
| } | |
| body[data-bg-header="true"] .portfolio-loading { | |
| display: none; | |
| } | |
| div[data-col-num="cols-4"] .portfolio-loading { | |
| top: 85px; | |
| } | |
| div[data-col-num="cols-3"] .portfolio-loading { | |
| top: 111px; | |
| } | |
| div.portfolio-items[data-col-num="elastic"] { | |
| margin-right: 0px!important; | |
| margin-top: 0px!important; | |
| } | |
| .single-portfolio .comments-section #respond { | |
| margin-top: 30px; | |
| } | |
| .single-portfolio #sidebar h3, .single-portfolio #sidebar h4 { | |
| margin-bottom: 0px; | |
| padding-bottom: 4px; | |
| } | |
| .single-portfolio #sidebar { | |
| margin-bottom: 30px; | |
| transition: none 0s!important; | |
| } | |
| .single-portfolio .gallery-slider .gallery, .single-portfolio .gallery-slider .jetpack-slideshow { | |
| display: none; | |
| } | |
| #portfolio-extra img { | |
| display: block; | |
| } | |
| #portfolio-extra .clear { | |
| padding-bottom: 0px; | |
| } | |
| #full_width_portfolio #portfolio-extra .empty-second .clear { | |
| padding-bottom: 65px; | |
| } | |
| #full_width_portfolio #portfolio-extra .clear { | |
| padding-bottom: 24px; | |
| } | |
| .fixed-sidebar { | |
| float: right; | |
| transition: 0!important; | |
| margin-bottom: 55px!important; | |
| } | |
| .single-portfolio #post-area { | |
| padding-right: 40px; | |
| margin-right: 0px!important; | |
| margin-top: 4px; | |
| width: 76.5%; | |
| } | |
| .single-portfolio #boxed #post-area { | |
| width: 76.49%; | |
| } | |
| .single-portfolio #post-area.span_12 { | |
| width: 100%!important; | |
| } | |
| .single-portfolio #post-area .video { | |
| margin-bottom: 15px; | |
| } | |
| .portfolio-wrap { | |
| position: relative; | |
| } | |
| body .portfolio-wrap.default-style { | |
| padding: 2% 0; | |
| } | |
| body #boxed .portfolio-wrap.default-style { | |
| padding: 2%; | |
| } | |
| body .default-style .portfolio-items .col.elastic-portfolio-item { | |
| margin: 1.2%!important; | |
| width: 17.50%!important; | |
| } | |
| body .portfolio-items .col.elastic-portfolio-item { | |
| width: 19.98%; | |
| margin: 0!important; | |
| } | |
| body .portfolio-items .col.elastic-portfolio-item.tall, body .portfolio-items .col.elastic-portfolio-item.regular { | |
| width: 19.96%; | |
| } | |
| body .portfolio-items .col.elastic-portfolio-item.wide { | |
| width: 39.92%; | |
| } | |
| body .portfolio-items .col.elastic-portfolio-item.wide_tall { | |
| width: 39.92%; | |
| } | |
| /* constrained cols */ | |
| body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item { | |
| width: 24.98%; | |
| } | |
| @media only screen and (min-width: 1000px) { | |
| html body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item { | |
| width: 22.5%!important; | |
| } | |
| } | |
| @media only screen and (min-width: 1000px) and (max-width: 1300px) { | |
| html body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item .work-item .work-info a { | |
| margin: 4px 3px; | |
| padding: 4px 9px!important; | |
| display: inline-block!important; | |
| } | |
| html body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item .work-meta { | |
| width: 68%!important; | |
| } | |
| } | |
| /***************** About ******************/ | |
| .team-member { | |
| margin-top: 7px; | |
| padding-bottom: 7px; | |
| } | |
| .team-member h4 { | |
| font-size: 22px; | |
| margin-bottom: 0px!important; | |
| } | |
| .team-member h4 a { | |
| color: #444444; | |
| } | |
| .team-member p.description, .row .col .team-member p.description { | |
| padding: 15px 0px; | |
| margin: 15px 0px; | |
| border-bottom: 1px solid #ddd; | |
| border-top: 1px solid #ddd; | |
| } | |
| .team-member ul.social { | |
| margin: 0px; | |
| } | |
| .team-member ul.social:after { | |
| content: ""; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| .team-member ul.social li { | |
| float: left; | |
| list-style: none; | |
| } | |
| .team-member ul.social li a { | |
| font-size: 11px; | |
| margin: 0px 8px; | |
| } | |
| .team-member ul.social li:first-child a { | |
| margin-left: 0px; | |
| } | |
| .team-member ul.social li:after { | |
| content: ' / '; | |
| font-size: 11px!important; | |
| } | |
| .team-member ul.social li:last-child:after { | |
| content: ' '!important; | |
| } | |
| .full-width-section .team-member img { | |
| margin-bottom: 15px!important; | |
| } | |
| .team-member[data-style="meta_overlaid"] { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| padding-bottom: 0; | |
| line-height: 0; | |
| position: relative; | |
| } | |
| .team-member[data-style="meta_overlaid"] a { | |
| display: block; | |
| position: absolute; | |
| background: transparent url('img/transparent.png') repeat 0 0; | |
| top: 0; | |
| left: 0; | |
| z-index: 20; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .team-member[data-style="meta_overlaid"] img { | |
| line-height: 0; | |
| max-width: none; | |
| max-height: none; | |
| width: 100%; | |
| margin-bottom: 0!important; | |
| } | |
| .team-member[data-style="meta_overlaid"] .team-member-overlay { | |
| background-color: #282B30; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 2; | |
| width: 100%; | |
| height: 100%; | |
| opacity: 0.45; | |
| transition: opacity 0.3s ease 0s; | |
| } | |
| .team-member[data-style="meta_overlaid"] .team-member-image { | |
| z-index: 2; | |
| height: 300px; | |
| width: 100%; | |
| background-position: center; | |
| background-size: cover; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| } | |
| .full-width-content .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, | |
| .full-width-content .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image { | |
| height: 350px; | |
| } | |
| .full-width-content .vc_span4 .team-member[data-style="meta_overlaid"] .team-member-image, | |
| .full-width-content .vc_col-sm-4 .team-member[data-style="meta_overlaid"] .team-member-image { | |
| height: 400px; | |
| } | |
| .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid"] .team-member-image, | |
| .wpb_row:not(.full-width-content) .vc_col-sm-3 .team-member[data-style="meta_overlaid"] .team-member-image { | |
| height: 275px; | |
| } | |
| .team-member[data-style="meta_overlaid"]:hover .team-member-overlay { | |
| opacity: 0; | |
| } | |
| .team-member[data-style="meta_overlaid"] .team-meta { | |
| position: absolute; | |
| z-index: 10; | |
| bottom: 40px; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .team-member[data-style="meta_overlaid"] .team-meta h3 { | |
| color: #fff; | |
| } | |
| .team-member[data-style="meta_overlaid"] .team-meta p { | |
| color: rgba(255, 255, 255, 0.8); | |
| padding: 7px 0 0 0!important; | |
| } | |
| .wpb_row:not(.full-width-content) .vc_span3 .team-member[data-style="meta_overlaid"] .team-meta h3, | |
| .wpb_row:not(.full-width-content) .col.span_3 .team-member[data-style="meta_overlaid"] .team-meta h3 { | |
| font-size: 14px; | |
| line-height: 20px; | |
| margin-bottom: 2px; | |
| } | |
| .wpb_row:not(.full-width-content) .vc_span4 .team-member[data-style="meta_overlaid"] .team-meta h3, | |
| .wpb_row:not(.full-width-content) .col.span_4 .team-member[data-style="meta_overlaid"] .team-meta h3 { | |
| margin-bottom: 2px; | |
| } | |
| /***************** Contact ******************/ | |
| html:not(.js) #contact-map, html:not(.js) .nectar-google-map { | |
| display: none; | |
| } | |
| #contact-map { | |
| width: 100%; | |
| height: 370px; | |
| margin-top: -65px; | |
| margin-bottom: 30px; | |
| } | |
| .gm-style-iw { | |
| color: #777; | |
| } | |
| #contact-map div, .nectar-google-map div { | |
| box-sizing: content-box!important; | |
| -moz-box-sizing: content-box!important; | |
| -webkit-box-sizing: content-box!important; | |
| } | |
| .nectar-google-map { | |
| margin-bottom: 0!important; | |
| } | |
| .nectar-google-map img { | |
| max-width: none!important; | |
| } | |
| body[data-bg-header="true"] #contact-map { | |
| margin-top: -30px!important; | |
| } | |
| .contact-info { | |
| padding-left: 20px; | |
| } | |
| body.page-template-template-contact-php .page-header-no-bg .col.section-title { | |
| border-bottom: 0px; | |
| } | |
| body.page-template-template-contact-php #page-header-bg { | |
| margin-bottom: 0px; | |
| } | |
| .wpcf7-form p span { | |
| color: #27CFC3; | |
| } | |
| div.wpcf7-validation-errors { | |
| color: #666666!important; | |
| } | |
| span.wpcf7-not-valid-tip { | |
| background: none repeat scroll 0 0 #fff; | |
| } | |
| .wpcf7-form-control-wrap { display: block!important; } | |
| .wpcf7-form .wpcf7-not-valid-tip { | |
| top: -3px; | |
| padding: 2px 6px; | |
| border: 0px; | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
| -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
| -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
| -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
| } | |
| .wpcf7 .wpcf7-response-output { | |
| background-color: #fff; | |
| margin-left: 0px; | |
| margin-top: 10px; | |
| } | |
| .widget_text textarea { | |
| max-height: 100px; | |
| } | |
| body .gform_wrapper .description, body .gform_wrapper .gfield_description, body .gform_wrapper .gsection_description, body .gform_wrapper .instruction { | |
| font-size: 12px; | |
| } | |
| body .gform_wrapper div.charleft { | |
| font-size: 10px; | |
| } | |
| body .gform_wrapper .top_label .gfield_label { | |
| font-weight: normal!important; | |
| margin-top: 20px; | |
| margin-bottom: 6px; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| } | |
| .gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div { | |
| font-family: arial; | |
| letter-spacing: 0; | |
| line-height: 20px; | |
| } | |
| /***************** Masonry Items / Search results ******************/ | |
| #post-area.masonry { | |
| opacity: 0; | |
| width: 1125px; | |
| margin-bottom: 60px; | |
| margin-top: 0; | |
| transition: none!important; | |
| overflow: visible!important; | |
| } | |
| #post-area.masonry.meta_overlaid { | |
| margin-bottom: 0; | |
| } | |
| #post-area.masonry.meta_overlaid .posts-container { | |
| overflow: hidden; | |
| } | |
| body[data-ext-responsive="true"] #post-area.masonry { | |
| width: 102.2%; | |
| } | |
| body[data-ext-responsive="true"] #post-area.masonry.meta_overlaid { | |
| width: 100%; | |
| } | |
| #post-area.masonry.span_9 { | |
| width: 834px; | |
| margin-right: 5px; | |
| } | |
| body[data-ext-responsive="true"] #post-area.masonry.span_9 { | |
| width: 76.5%; | |
| margin-right: 0; | |
| } | |
| #post-area.masonry #pagination { | |
| position: absolute; | |
| bottom: -60px; | |
| padding-left: 0px; | |
| } | |
| #post-area.masonry.span_12.meta_overlaid #pagination, | |
| .blog-fullwidth-wrap #post-area.masonry.meta_overlaid #pagination { | |
| bottom: 0 !important; | |
| height: 32px; | |
| margin-top: 45px; | |
| position: relative !important; | |
| text-align: center !important; | |
| width: 100%; | |
| margin-bottom: 40px; | |
| } | |
| #post-area.masonry.span_12.meta_overlaid #pagination > div, | |
| .blog-fullwidth-wrap #post-area.masonry.meta_overlaid #pagination > div { | |
| display: inline; | |
| float: none; | |
| margin: 0 5px 0 0; | |
| } | |
| body.blog .meta_overlaid_blog.container-wrap { padding-top: 0!important; } | |
| body.blog .meta_overlaid_blog.container-wrap #post-area { margin-top: 0!important; } | |
| body.blog #post-area.masonry.meta_overlaid #pagination { | |
| margin-bottom: 0px; | |
| } | |
| #post-area.masonry article.post .post-meta.no-img { | |
| top: 0px!important; | |
| } | |
| #post-area.masonry > article:last-child .content-inner { | |
| border-bottom: 1px solid #DDDDDD!important; | |
| } | |
| #post-area.masonry article.post .post-content { | |
| padding-left: 0px!important; | |
| } | |
| #post-area.masonry article.post .quote-inner, #post-area.masonry article.post .link-inner, #post-area.masonry article.post .status-inner, #post-area.masonry article.post .aside-inner { | |
| margin-bottom: 8px; | |
| } | |
| #search-results { | |
| margin-bottom: 30px; | |
| overflow: visible!important; | |
| visibility: hidden; | |
| } | |
| #search-results .result img { | |
| margin-bottom: 10px; | |
| } | |
| #post-area.masonry article.post .post-meta { | |
| display: block!important; | |
| } | |
| .search .row .col.section-title h1 { | |
| font-size: 28px!important; | |
| line-height: 42px!important; | |
| margin-bottom: 0px!important; | |
| text-transform: none!important; | |
| font-family: 'Open Sans'!important; | |
| font-weight: 600; | |
| letter-spacing: -1px!important; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap { | |
| padding: 20px!important; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap > *:not(.post-header) { | |
| display: none; | |
| } | |
| #post-area.masonry.meta_overlaid article.post .post-meta { | |
| margin: -4px 0 3px!important; | |
| padding-bottom: 0!important; | |
| line-height: 26px; | |
| } | |
| #post-area.masonry.meta_overlaid article.post.wide_tall .post-meta, | |
| #post-area.masonry.meta_overlaid article.post.large_featured .post-meta { | |
| margin: 6px 0 6px!important; | |
| } | |
| #post-area.masonry.meta_overlaid article.post .post-meta .date, | |
| #post-area.masonry.meta_overlaid article.post.quote .quote-inner .author, | |
| #post-area.masonry.meta_overlaid article.post.link .post-content .destination { | |
| float: none!important; | |
| font-size: 12px!important; | |
| } | |
| #post-area.masonry.meta_overlaid article .post-header { | |
| font-size: 12px; | |
| } | |
| .meta_overlaid .masonry-blog-item h2.title { | |
| font-size: 18px!important; | |
| margin-bottom: 6px; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap .meta-category, | |
| body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap .meta-comment-count { | |
| display: none; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item { | |
| margin-bottom: 0!important; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item .post-featured-img:before { | |
| background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); | |
| background: -webkit-linear-gradient(top , rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.06) 16%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.6) 100%); | |
| bottom: 0; | |
| content: " "; | |
| display: block; | |
| height: 50%; | |
| left: 0; | |
| position: absolute; | |
| transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0s; | |
| width: 100.7%; | |
| opacity: 1; | |
| z-index: 1; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item:hover .post-featured-img:before { | |
| opacity: 1; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item .post-featured-img img { | |
| transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1) 0s; | |
| opacity: 0.85; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item:hover .post-featured-img:hover img { | |
| opacity: 1; | |
| } | |
| body .masonry.meta_overlaid .content-inner > a > span.post-featured-img { | |
| background-color: #000; | |
| } | |
| .masonry.meta_overlaid .masonry-blog-item span.bottom-line, .masonry.meta_overlaid .masonry-blog-item .more-link { | |
| display: none; | |
| } | |
| .masonry.meta_overlaid .masonry-blog-item, .masonry.meta_overlaid .masonry-blog-item .mejs-container .mejs-controls { | |
| box-shadow: none!important; | |
| } | |
| .masonry.meta_overlaid .masonry-blog-item .post-meta { | |
| padding: 0 18px 18px 18px!important; | |
| } | |
| .masonry.meta_overlaid .post .nectar-love-wrap { | |
| line-height: 20px; | |
| } | |
| .masonry.meta_overlaid .masonry-blog-item { | |
| padding: 0; | |
| } | |
| .masonry.meta_overlaid .masonry-blog-item .content-inner .post-featured-img img, .masonry.meta_overlaid .masonry-blog-item .more-link, | |
| .masonry.meta_overlaid article.post .quote-inner, .masonry.meta_overlaid article.post .link-inner, .masonry.meta_overlaid article.post .status-inner, | |
| .masonry.meta_overlaid article.post .aside-inner { | |
| margin-bottom: 0!important; | |
| } | |
| .masonry.meta_overlaid .masonry-blog-item .content-inner { | |
| padding-bottom: 0!important; | |
| border: 0!important; | |
| margin-bottom: 0!important; | |
| } | |
| .masonry.meta_overlaid .masonry-blog-item .article-content-wrap { | |
| padding: 16px 18px 18px 18px!important; | |
| } | |
| .masonry.meta_overlaid article.post.quote .post-content .post-meta, .masonry.meta_overlaid article.post.link .post-content .post-meta, | |
| .masonry.meta_overlaid article.format-status .post-content .post-meta, .masonry.meta_overlaid article.post.format-aside .post-meta { | |
| display: none!important; | |
| } | |
| .masonry.meta_overlaid article.post .post-header h2 a, .masonry.meta_overlaid article.post .post-header { | |
| color: #fff!important; | |
| } | |
| .masonry.meta_overlaid article.post .post-header h2 a { | |
| display: block; | |
| } | |
| body .masonry.meta_overlaid .content-inner > a, body .masonry.meta_overlaid .content-inner > a > span { | |
| display: block; | |
| line-height: 1px; | |
| } | |
| body .masonry.meta_overlaid article.post .post-header .meta-author span { | |
| font-size: 13px!important; | |
| } | |
| body .masonry.meta_overlaid article.post .post-header .meta-author a { | |
| margin-left: 4px; | |
| color: #fff!important; | |
| transition: opacity 0.2s linear; | |
| -webkit-transition: opacity 0.2s linear; | |
| -moz-transition: opacity 0.2s linear; | |
| } | |
| body .masonry.meta_overlaid article.post .post-header .meta-author a:hover { | |
| opacity: 0.85; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap { | |
| position: absolute; | |
| bottom: 10px; | |
| width: 100%; | |
| z-index: 10; | |
| text-align: center; | |
| } | |
| body #post-area.masonry.meta_overlaid article.masonry-blog-item.wide_tall .post-meta .date, | |
| body #post-area.masonry.meta_overlaid article.masonry-blog-item.large_featured .post-meta .date { | |
| font-size: 16px!important; | |
| } | |
| body .masonry.meta_overlaid .masonry-blog-item.wide_tall h2.title, | |
| body .masonry.meta_overlaid .masonry-blog-item.large_featured h2.title { | |
| font-size: 30px!important; | |
| margin-bottom: 12px; | |
| } | |
| body .masonry.meta_overlaid article.post .content-inner, | |
| body .masonry.meta_overlaid article.post .post-content, | |
| body .masonry.meta_overlaid article.post.quote .post-content .quote-inner, | |
| body .masonry.meta_overlaid article.post .post-content .link-inner, | |
| body .masonry.meta_overlaid article.post.format-link .content-inner a { | |
| height: 100.1%!important; | |
| width: 100.1%!important; | |
| } | |
| body .masonry.meta_overlaid .link-inner .link-wrap, | |
| body .masonry.meta_overlaid .quote-inner .quote-wrap { | |
| position: relative; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| -webkit-transform: translateY(-50%); | |
| -moz-transform: translateY(-50%); | |
| display: block; | |
| z-index: 100000!important; | |
| padding: 0 12%; | |
| } | |
| body .masonry.meta_overlaid .post-content{ | |
| min-height: 40px; | |
| } | |
| body #post-area.masonry.meta_overlaid.span_9 { | |
| padding-right: 40px; | |
| } | |
| #post-area.masonry.meta_overlaid article.post .quote-inner, #post-area.masonry.meta_overlaid article.post .link-inner, #post-area.masonry.meta_overlaid article.post .status-inner, #post-area.masonry.meta_overlaid article.post .aside-inner { | |
| text-align: center; | |
| overflow: hidden; | |
| } | |
| .masonry-blog-item .post-meta { | |
| position: relative!important; | |
| } | |
| .masonry-blog-item .post-meta .date { | |
| border-bottom: 0px!important; | |
| line-height: 22px; | |
| padding-bottom: 0px!important; | |
| float: left; | |
| margin-bottom: 0px!important; | |
| } | |
| .light .masonry-blog-item p { | |
| color: #676767; | |
| } | |
| .masonry-blog-item .post-meta .nectar-love-wrap { | |
| float: right; | |
| } | |
| .masonry-blog-item .content-inner { | |
| padding-bottom: 15px!important; | |
| margin-bottom: 15px!important; | |
| } | |
| .masonry-blog-item h2.title { | |
| font-size: 20px!important; | |
| line-height: 26px!important; | |
| } | |
| .masonry-blog-item .post-meta .date span { | |
| float: left; | |
| display: inline!important; | |
| text-transform: capitalize!important; | |
| font-family: 'Open Sans'!important; | |
| font-weight: 400; | |
| font-size: 12px!important; | |
| line-height: 12px!important; | |
| color: #676767!important; | |
| } | |
| .masonry-blog-item .more-link { | |
| margin-bottom: 10px; | |
| } | |
| .masonry-blog-item .post-meta .nectar-love-wrap { | |
| width: auto!important; | |
| } | |
| #search-results .result, .masonry-blog-item { | |
| width: 31%; | |
| display: inline-block; | |
| margin-bottom: 2.5%; | |
| -o-box-shadow: 0 1px 2px rgba(0,0,0,0.15); | |
| -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); | |
| -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); | |
| box-shadow: 0 1px 2px rgba(0,0,0,0.15); | |
| background-color: #fff; | |
| padding: 18px; | |
| position: relative; | |
| } | |
| .masonry-blog-item { | |
| margin-bottom: 0; | |
| } | |
| .masonry-blog-item .jp-jplayer-video { | |
| height: 179px!important; | |
| } | |
| #post-area.span_9 .masonry-blog-item .jp-jplayer-video { | |
| height: 200px!important; | |
| } | |
| .masonry-blog-item { | |
| width: 31.1%; | |
| } | |
| /*.masonry-blog-item.ajax-loaded { | |
| margin-top: 100px; | |
| } | |
| body .portfolio-items .col.ajax-loaded { | |
| margin-top: 100px; | |
| }*/ | |
| #post-area.masonry.span_9 .masonry-blog-item { | |
| width: 46.8%; | |
| } | |
| #search-results .result { | |
| font-size: 11px; | |
| } | |
| #search-results .result span.bottom-line, .masonry-blog-item span.bottom-line { | |
| height: 1px; | |
| width: 100%; | |
| display: block; | |
| position: absolute; | |
| bottom: 2px; | |
| left: 0px; | |
| background-color: #eaeaea; | |
| } | |
| #search-results .result .title span { | |
| display: block; | |
| font-size: 12px; | |
| letter-spacing: 0px; | |
| font-family: 'Open Sans'; | |
| font-weight: 400; | |
| color: #999; | |
| margin-top: 3px; | |
| } | |
| #search-results .result h2 { | |
| margin-bottom: 1px; | |
| font-size: 17px; | |
| line-height: 22px; | |
| } | |
| #search-results .result p { | |
| padding-bottom: 0px; | |
| } | |
| article.result .title a { | |
| color: #27CFC3; | |
| } | |
| article.result .title a:hover { | |
| color: inherit!important; | |
| } | |
| /*-------------------------------------------------------------------------*/ | |
| /* 6. Nectar Shortcode Styles | |
| /*-------------------------------------------------------------------------*/ | |
| /***************** Icons ******************/ | |
| [class^="icon-"], [class*=" icon-"] { | |
| background-color: #27CFC3; | |
| border-radius: 999px 999px 999px 999px; | |
| -moz-border-radius: 999px 999px 999px 999px; | |
| -webkit-border-radius: 999px 999px 999px 999px; | |
| -o-border-radius: 999px 999px 999px 999px; | |
| color: #fff; | |
| display: inline-block; | |
| font-size: 16px; | |
| height: 32px; | |
| line-height: 32px; | |
| max-width: 100%; | |
| position: relative; | |
| text-align: center; | |
| vertical-align: middle; | |
| width: 32px; | |
| top: -2px; | |
| word-spacing: 1px; | |
| } | |
| [class^="icon-"].icon-3x,[class*=" icon-"].icon-3x { | |
| background-color: #eeedec!Important; | |
| } | |
| body [class^="icon-"].icon-3x.alt-style, body [class*=" icon-"].icon-3x.alt-style { | |
| background-color: #27CFC3!important; | |
| color: #fff!important; | |
| } | |
| .col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.alt-style.hovered, .col:not(#post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered { | |
| background-color: rgba(0,0,0,0.035)!important; | |
| } | |
| .light .col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.alt-style.hovered, .light .col:not(#post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered { | |
| background-color: rgba(0,0,0,0.1)!important; | |
| } | |
| #sidebar .widget:hover [class^="icon-"].icon-3x.alt-style { | |
| background-color: rgba(0,0,0,0.035)!important; | |
| } | |
| .full-width-section [class^="icon-"].icon-3x, .full-width-section [class*=" icon-"].icon-3x { | |
| background-color: rgba(0,0,0,0.021)!important; | |
| } | |
| [class^="icon-"].icon-3x,[class*=" icon-"].icon-3x, .circle-border { | |
| background-color: #eeedec; | |
| border-radius: 999px 999px 999px 999px; | |
| -moz-border-radius: 999px 999px 999px 999px; | |
| -webkit-border-radius: 999px 999px 999px 999px; | |
| -o-border-radius: 999px 999px 999px 999px; | |
| color: #27CFC3; | |
| display: inline-block; | |
| font-size: 30px; | |
| height: 90px; | |
| line-height: 90px; | |
| max-width: 100%; | |
| position: relative; | |
| text-align: center; | |
| vertical-align: middle; | |
| width: 90px; | |
| word-spacing: 1px; | |
| transition: all 0.1s linear; | |
| -webkit-transition: all 0.1s linear; | |
| -o-transition: all 0.1s linear; | |
| -moz-transition: all 0.1s linear; | |
| } | |
| [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x { | |
| margin-bottom: 27px; | |
| } | |
| body [class^="icon-"].icon-tiny { | |
| line-height: 15px!important; | |
| height: 13px; | |
| width: 15px; | |
| margin-right: 5px; | |
| font-size: 13px!important; | |
| color: #888; | |
| background-color: transparent!important; | |
| } | |
| body [class^="icon-"].icon-default-style { | |
| line-height: 34px!important; | |
| height: 34px; | |
| width: 34px; | |
| margin-right: 0px; | |
| font-size: 34px!important; | |
| color: #27CFC3; | |
| background-color: transparent!important; | |
| } | |
| body .nectar-button i { | |
| background-color: transparent!important; | |
| } | |
| h3 [class^="icon-"], h2 [class^="icon-"], h4 [class^="icon-"], h5 [class^="icon-"] { | |
| margin-right: 5px; | |
| } | |
| .col:not(#post-area):not(.span_12):not(#sidebar):hover .hovered .circle-border, #sidebar .widget:hover .circle-border { | |
| border: 1px solid #27CFC3; | |
| transform: scale(1.18); | |
| -moz-transform: scale(1.18); | |
| -o-transform: scale(1.18); | |
| transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); | |
| -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); | |
| -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); | |
| -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); | |
| } | |
| .col:not(#post-area):not(.span_12):not(#sidebar):hover [class^="icon-"].icon-3x.hovered, .col:not(#post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.hovered, #sidebar .widget:hover [class^="icon-"].icon-3x { | |
| color: #fff!important; | |
| background-color: #27CFC3; | |
| } | |
| /*#post-area .span_12:hover [class^="icon-"].icon-3x { | |
| color: #fff!important; | |
| }*/ | |
| .circle-border { | |
| background: none repeat scroll 0 0 transparent; | |
| border: 1px solid #eeedec; | |
| height: 88px; | |
| left: 1px; | |
| position: absolute; | |
| z-index: 1; | |
| top: 1px; | |
| transition-duration: 225ms; | |
| -moz-transition-duration: 225ms; | |
| -webkit-duration: 225ms; | |
| -o-transition-duration: 225ms; | |
| transition-property: all; | |
| -moz-transition-property: all; | |
| -o-transition-property: all; | |
| -webkit-transition-property: all; | |
| transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); | |
| -moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); | |
| -o-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); | |
| -webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); | |
| width: 88px; | |
| } | |
| .full-width-section .circle-border { | |
| background-color: rgba(0,0,0,0.021); | |
| border-color: rgba(0,0,0,0.05); | |
| } | |
| .full-width-section .light .circle-border { | |
| background-color: rgba(0,0,0,0.021); | |
| border-color: rgba(0,0,0,0.2); | |
| } | |
| .iwithtext { position: relative; } | |
| .iwithtext .iwt-icon { | |
| position: absolute; | |
| left: 0; | |
| top: 0px; | |
| } | |
| .iwithtext .iwt-icon img { | |
| width: 35px; | |
| height: auto; | |
| padding: 0; | |
| } | |
| .iwithtext .iwt-text { padding-left: 55px; } | |
| .main-content .vc_span2 .iwithtext .iwt-icon, .main-content .vc_col-sm-2 .iwithtext .iwt-icon { top: -2px; } | |
| .main-content .vc_span2 .iwithtext .iwt-icon i, .main-content .vc_col-sm-2 .iwithtext .iwt-icon i { font-size: 26px!important; line-height: 26px!important; width: 26px!important; height: 26px!important;} | |
| .main-content .vc_span2 .iwithtext .iwt-icon img, .main-content .vc_col-sm-2 .iwithtext .iwt-icon img { width: 26px; } | |
| .main-content .vc_span2 .iwithtext .iwt-text, .main-content .vc_col-sm-2 .iwithtext .iwt-text { padding-left: 45px; } | |
| .main-content .svg-icon-holder { | |
| height: 64px; | |
| overflow: hidden; | |
| min-width: 1px; | |
| margin-bottom: 20px; | |
| display: inline-block; | |
| opacity: 0; | |
| } | |
| .svg-icon-holder span { | |
| display: none; | |
| } | |
| /***************** Milestone ******************/ | |
| .nectar-milestone { | |
| text-align: center; | |
| } | |
| .span_12.right .nectar-milestone { | |
| text-align: right; | |
| } | |
| .span_12.right .nectar-milestone[data-symbol-alignment="superscript"] { | |
| padding-right: 40px; | |
| } | |
| .nectar-milestone .number { | |
| font-size: 62px; | |
| line-height: 62px; | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| margin-bottom: 5px; | |
| position:relative; | |
| display: inline-block; | |
| } | |
| .nectar-milestone.motion_blur .number span:not(.in-sight) { | |
| transform: translateY(-100%); | |
| -wenkit-transform: translateY(-100%); | |
| opacity: 0; | |
| } | |
| .nectar-milestone.motion_blur .number span { | |
| display: inline-block; | |
| } | |
| .nectar-milestone .subject { | |
| letter-spacing: 0.5px; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| font-size: 16px!important; | |
| } | |
| .nectar-milestone .number .symbol-wrap { | |
| display: inline-block; | |
| } | |
| .nectar-milestone[data-symbol-alignment="superscript"] .number .symbol-wrap { | |
| transform: translateX(103%); | |
| -webkit-transform: translateX(103%); | |
| -moz-transform: translateX(103%); | |
| top: 0; | |
| right: 0; | |
| position: absolute; | |
| display: inline; | |
| font-size: 30px; | |
| line-height: 34px; | |
| } | |
| .nectar-milestone[data-symbol-alignment="superscript"][data-symbol-pos="before"] .number .symbol-wrap { | |
| transform: translateX(-103%); | |
| -webkit-transform: translateX(-103%); | |
| -moz-transform: translateX(-103%); | |
| right: auto; | |
| left: 0; | |
| } | |
| .milestone-wrap { | |
| text-align: center; | |
| } | |
| /***************** Milestone ******************/ | |
| .nectar-fancy-ul ul li { | |
| list-style: none; | |
| position: relative; | |
| padding-left: 40px; | |
| } | |
| .nectar-fancy-ul ul { | |
| margin-left: 0!important; | |
| } | |
| .nectar-fancy-ul ul li i { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| } | |
| .nectar-fancy-ul ul li .icon-default-style[class^="icon-"] { | |
| font-size: 16px!important; | |
| height: 100%!important; | |
| line-height: 22px!important; | |
| } | |
| .nectar-fancy-ul ul li i.icon-default-style[class^="icon-"].icon-salient-thin-line { | |
| font-size: 27px!important; | |
| height: 27px!important; | |
| line-height: 27px !important; | |
| } | |
| .nectar-fancy-ul[data-animation="true"] ul li { | |
| opacity: 0; | |
| left: -20px; | |
| } | |
| /***************** Morphing outline ****************/ | |
| .morphing-outline { | |
| visibility: visible; | |
| padding: 90px 50px; | |
| text-align: center; | |
| } | |
| .morphing-outline .inner { | |
| -webkit-transition: color .35s cubic-bezier(.65,0,.35,1); | |
| -moz-transition: color .35s cubic-bezier(.65,0,.35,1); | |
| -o-transition: color .35s cubic-bezier(.65,0,.35,1); | |
| transition: color .35s cubic-bezier(.65,0,.35,1); | |
| position: relative; | |
| display: inline-block; | |
| line-height: 1; | |
| z-index: 1; | |
| -webkit-perspective: 1000; | |
| text-align: center; | |
| } | |
| .morphing-outline .inner p { | |
| padding-bottom: 10px; | |
| } | |
| body .wpb_column:hover > .wpb_wrapper > .morphing-outline .inner > * { | |
| transform: scale(1.11); | |
| -webkit-transform: scale(1.11); | |
| -moz-transform: scale(1.11); | |
| will-change: transform; | |
| } | |
| body .wpb_column > .wpb_wrapper > .morphing-outline .inner > h5 { | |
| transform: scale(0.68); | |
| -webkit-transform: scale(0.68); | |
| -moz-transform: scale(0.68); | |
| } | |
| body .wpb_column:hover > .wpb_wrapper > .morphing-outline .inner > h5 { | |
| transform: scale(0.77); | |
| -webkit-transform: scale(0.77); | |
| -moz-transform: scale(0.77); | |
| } | |
| .morphing-outline .inner > * { | |
| color: #27CFC3; | |
| -webkit-transition: color .35s cubic-bezier(.65,0,.35,1), transform .35s cubic-bezier(.65,0,.35,1); | |
| -moz-transition: color .35s cubic-bezier(.65,0,.35,1), transform .35s cubic-bezier(.65,0,.35,1); | |
| -o-transition: color .35s cubic-bezier(.65,0,.35,1), transform .35s cubic-bezier(.65,0,.35,1); | |
| transition: color .35s cubic-bezier(.65,0,.35,1), transform .35s cubic-bezier(.65,0,.35,1); | |
| } | |
| .morphing-outline .inner > *:last-child { | |
| margin-bottom: 0; | |
| padding-bottom: 0; | |
| } | |
| .morphing-outline .inner:after { | |
| -webkit-transition: all .35s cubic-bezier(.65,0,.35,1); | |
| -moz-transition: all .35s cubic-bezier(.65,0,.35,1); | |
| -o-transition: all .35s cubic-bezier(.65,0,.35,1); | |
| transition: all .35s cubic-bezier(.65,0,.35,1); | |
| height: 100%; | |
| width: 100%; | |
| position: absolute; | |
| left: -62px; | |
| top: -92px; | |
| padding: 80px 50px; | |
| z-index: -1; | |
| border-width: 12px; | |
| border-style: solid; | |
| border-color: #27CFC3; | |
| display: block; | |
| content: ''; | |
| border-radius: 50%; | |
| } | |
| body[data-button-style="default"] .wpb_column > .wpb_wrapper > .morphing-outline .inner:after { | |
| border-radius: 0%; | |
| } | |
| body[data-button-style="default"] .wpb_column:hover > .wpb_wrapper > .morphing-outline .inner:after { | |
| border-radius: 50%; | |
| } | |
| .wpb_column:hover > .wpb_wrapper > .morphing-outline .inner:after { | |
| border-radius: 0%; | |
| border-color: #fff; | |
| will-change: border-radius; | |
| } | |
| .wpb_column:hover > .wpb_wrapper > .morphing-outline .inner > * { | |
| color: #ffffff; | |
| } | |
| /***************** Bar graph ******************/ | |
| .nectar-progress-bar { margin-bottom: 0px!important; } | |
| .nectar-progress-bar .bar-wrap { | |
| margin-bottom: 13px; | |
| background-color: #e4e4e4; | |
| border-radius: 300px 300px 300px 300px; | |
| -webkit-border-radius: 300px 300px 300px 300px; | |
| -o-border-radius: 300px 300px 300px 300px; | |
| -moz-border-radius: 300px 300px 300px 300px; | |
| background-color: #ebebeb; | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; | |
| -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; | |
| -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; | |
| -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset; | |
| } | |
| .nectar-progress-bar span { | |
| height: 15px; | |
| width: 0px; | |
| display: block; | |
| background-color: #27CFC3; | |
| border-radius: 300px 300px 300px 300px; | |
| -webkit-border-radius: 300px 300px 300px 300px; | |
| -o-border-radius: 300px 300px 300px 300px; | |
| -moz-border-radius: 300px 300px 300px 300px; | |
| } | |
| .nectar-progress-bar p { | |
| padding-bottom: 2px; | |
| } | |
| .nectar-progress-bar span { | |
| overflow: visible!important; | |
| position: relative; | |
| } | |
| .nectar-progress-bar span strong { | |
| position: absolute; | |
| right: -0px; | |
| top: -25px; | |
| padding: 4px 7px!important; | |
| background-color: #333; | |
| color: #fff; | |
| line-height: 12px!important; | |
| font-size: 11px!important; | |
| opacity: 0; | |
| display: block; | |
| font-weight: normal!important; | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| border-radius: 2px 2px 2px 2px; | |
| -moz-border-radius: 2px 2px 2px 2px; | |
| -webkit-border-radius: 2px 2px 2px 2px; | |
| -o-border-radius: 2px 2px 2px 2px; | |
| } | |
| .nectar-progress-bar span strong i { | |
| font-style:normal!important; | |
| font-size: 11px!important; | |
| line-height: 12px!important; | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| letter-spacing: 0!important; | |
| text-transform: none!important; | |
| } | |
| .nectar-progress-bar span strong:after { | |
| border-color: #333 transparent; | |
| border-style: solid; | |
| border-width: 5px 5px 0; | |
| bottom: -5px; | |
| content: ""; | |
| display: block; | |
| left: 12px; | |
| position: absolute; | |
| width: 0; | |
| } | |
| .nectar-progress-bar span strong.full:after { | |
| left: 15px; | |
| } | |
| .nectar-progress-bar span strong.full { | |
| width: 43px; | |
| text-align: center; | |
| } | |
| body .vc_pie_chart .vc_pie_chart_value { | |
| font-size: 42px; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| } | |
| body .vc_pie_chart .wpb_pie_chart_heading { | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| font-size: 12px; | |
| margin-top: 12px; | |
| margin-bottom: 0px; | |
| letter-spacing: 2px; | |
| } | |
| body .vc_pie_chart_back { | |
| border-width: 7px; | |
| opacity: 0; | |
| } | |
| /***************** Testimonial Slider ******************/ | |
| .testimonial_slider { | |
| float: none; | |
| opacity: 0; | |
| margin-bottom: 21px; | |
| } | |
| html:not(.js) .testimonial_slider { | |
| opacity: 1; | |
| height: auto; | |
| } | |
| .testimonial_slider blockquote { | |
| padding-left: 0px; | |
| text-align: center; | |
| color: rgba(0,0,0,1); | |
| background-image: none; | |
| font-size: 22px; | |
| width: 100%; | |
| margin: 0 auto; | |
| opacity: 0; | |
| position: absolute; | |
| } | |
| .testimonial_slider blockquote p { | |
| padding-bottom: 15px; | |
| } | |
| .testimonial_slider .controls ul { | |
| margin: 0px!important; | |
| display: block; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .testimonial_slider .controls ul li { | |
| list-style: none!important; | |
| cursor: pointer; | |
| display: inline; | |
| } | |
| .testimonial_slider .controls ul li span.pagination-switch { | |
| background-color: rgba(0, 0, 0, 0); | |
| border: 1px solid #333; | |
| border-radius: 10px 10px 10px 10px; | |
| cursor: pointer; | |
| display: inline-block; | |
| height: 10px; | |
| margin: 0 4px; | |
| transition: background-color 0.2s linear 0s, border-color 0.2s linear 0s; | |
| width: 10px; | |
| } | |
| .testimonial_slider .controls ul li span.pagination-switch:hover, .testimonial_slider .controls ul li span.pagination-switch.active { | |
| background-color: #333; | |
| } | |
| .testimonial_slider .controls { | |
| position: absolute; | |
| bottom: -22px; | |
| z-index: 30; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .testimonial_slider .slides { | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .testimonial_slider blockquote span { | |
| font-size: 16px!important; | |
| color: rgba(0,0,0,.7); | |
| } | |
| .light .testimonial_slider blockquote { | |
| color: rgba(255,255,255,0.95); | |
| } | |
| .light .testimonial_slider blockquote span { | |
| color: rgba(255,255,255,0.65); | |
| } | |
| .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p { | |
| color: #fff; | |
| } | |
| .testimonial_slider .controls ul li i { | |
| color: #444444; | |
| } | |
| .light .testimonial_slider .controls ul li span { | |
| border-color: #fff; | |
| } | |
| .light .testimonial_slider .controls ul li span:hover, .light .testimonial_slider .controls ul li span.pagination-switch.active { | |
| background-color: #fff!important; | |
| } | |
| .toggles .testimonial_slider, .full-width-content .testimonial_slider { | |
| padding-bottom: 20px!important; | |
| } | |
| .toggles .testimonial_slider .controls, .full-width-content .testimonial_slider .controls { | |
| bottom: 2px!important; | |
| } | |
| /***************** Tabbed ******************/ | |
| .tabbed > ul { | |
| margin-left: 0px; | |
| margin-bottom: 17px!important; | |
| } | |
| .tabbed > ul li { | |
| float: left; | |
| position: relative; | |
| list-style: none; | |
| margin: 0px!important; | |
| } | |
| .tabbed > ul:after { | |
| content: ""; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| .tabbed > ul li a { | |
| display: block; | |
| color: #888; | |
| position: relative; | |
| background-color: rgba(0,0,0,0.045); | |
| padding: 8px 15px; | |
| transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| border-left: 0px!Important; | |
| border-right: 1px solid rgba(0,0,0,0.06)!important; | |
| } | |
| .tabbed > ul li:hover, .wpb_content_element .wpb_tabs_nav li { | |
| background-color: transparent!important; | |
| } | |
| .tabbed .clear { | |
| display: block!important; | |
| padding-bottom: 0px; | |
| } | |
| .tabbed > ul li a:hover { | |
| background-color: rgba(0,0,0,0.035); | |
| } | |
| .tabbed > ul li:last-child a { | |
| border-color: transparent!important; | |
| } | |
| .tabbed > ul li a.active-tab { | |
| color: #fff; | |
| border-color: #27CFC3!important; | |
| background-color: #27CFC3; | |
| } | |
| .light .tabbed > ul li:last-child a, .light .tabbed > ul li a { | |
| border-color: rgba(0,0,0,0.2)!important; | |
| } | |
| .light .tabbed > ul li a { | |
| background-color: rgba(0,0,0,0.15)!important; | |
| } | |
| .tabbed .wpb_tab { | |
| opacity: 0; | |
| } | |
| body .tabbed div { | |
| padding: 0px; | |
| margin-bottom: 0px; | |
| background-color: transparent; | |
| } | |
| body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { | |
| padding: 0px; | |
| background-color: transparent!important; | |
| } | |
| /***************** Image with animation / Col animation ******************/ | |
| img.img-with-animation, .col.has-animation, .wpb_column.has-animation { | |
| opacity: 0; | |
| position: relative; | |
| } | |
| img.img-with-animation[data-animation="grow-in"].full-opacity { | |
| opacity: 1; | |
| } | |
| html:not(.js) img.img-with-animation, html:not(.js) .col.has-animation, html:not(.js) .wpb_column.has-animation { | |
| opacity: 1; | |
| } | |
| img.img-with-animation[data-animation="grow-in"], .col.has-animation[data-animation="grow-in"], .wpb_column.has-animation[data-animation="grow-in"] { | |
| opacity: 0.1; | |
| transform: scale(0.4); | |
| -webkit-transform: scale(0.4); | |
| -o-transform: scale(0.4); | |
| -moz-transform: scale(0.4); | |
| transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25), background-color 0.35s cubic-bezier(.65,0,.35,1); | |
| -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25), background-color 0.35s cubic-bezier(.65,0,.35,1); | |
| -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25), background-color 0.35s cubic-bezier(.65,0,.35,1); | |
| -o-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25), background-color 0.35s cubic-bezier(.65,0,.35,1); | |
| -webkit-backface-visibility: hidden; | |
| } | |
| img.img-with-animation[data-animation="flip-in"], .col.has-animation[data-animation="flip-in"], .wpb_column.has-animation[data-animation="flip-in"] { | |
| opacity: 0; | |
| transform: rotateY(25deg); | |
| -webkit-transform: rotateY(25deg); | |
| -o-webkit-transform: rotateY(25deg); | |
| -moz-webkit-transform: rotateY(25deg); | |
| transition: opacity 1s ease, background-color 0.35s cubic-bezier(.65,0,.35,1); | |
| -webkit-transition: opacity 1s ease, background-color 0.35s cubic-bezier(.65,0,.35,1); | |
| -moz-transition: opacity 1s ease, background-color 0.35s cubic-bezier(.65,0,.35,1); | |
| -o-transition: opacity 1s ease, background-color 0.35s cubic-bezier(.65,0,.35,1); | |
| } | |
| img.img-with-animation[data-animation="fade-in-from-left"] { | |
| left: -40px; | |
| padding-right: 30px; | |
| } | |
| .col.has-animation[data-animation="fade-in-from-left"], .wpb_column.has-animation[data-animation="fade-in-from-left"] { | |
| left: -40px; | |
| } | |
| img.img-with-animation[data-animation="fade-in-from-right"] { | |
| right: -40px; | |
| padding-left: 30px; | |
| } | |
| .col.has-animation[data-animation="fade-in-from-right"], .wpb_column.has-animation[data-animation="fade-in-from-right"] { | |
| right: -40px; | |
| } | |
| img.img-with-animation[data-animation="fade-in-from-bottom"] { | |
| transform: translateY(100px); | |
| -webkit-transform: translateY(100px); | |
| -moz-transform: translateY(100px); | |
| } | |
| .col.has-animation[data-animation="fade-in-from-bottom"], .wpb_column.has-animation[data-animation="fade-in-from-bottom"] { | |
| transform: translateY(50px); | |
| -webkit-transform: translateY(50px); | |
| -moz-transform: translateY(50px); | |
| } | |
| img.img-with-animation[data-animation="fade-in-from-left"], img.img-with-animation[data-animation="fade-in-from-right"] { | |
| margin: 0 auto; | |
| } | |
| .img-with-aniamtion-wrap { | |
| line-height: 0; | |
| margin-bottom: 0!important; | |
| } | |
| .center img.img-with-animation { | |
| margin: 0 auto; | |
| display: block; | |
| } | |
| .right.img-with-aniamtion-wrap { | |
| text-align: right; | |
| } | |
| .right.img-with-aniamtion-wrap img { | |
| display: inline-block; | |
| } | |
| /***************** Toggle ******************/ | |
| .toggle { | |
| margin-bottom: 15px!important; | |
| } | |
| .toggle.open h3 a { | |
| color: #fff!important; | |
| background-color: #d14a49 !important; | |
| } | |
| .toggle h3 { | |
| position: relative; | |
| z-index: 10; | |
| font-size: 12px!important; | |
| margin-bottom: 0px!important; | |
| } | |
| .toggle h3 a { | |
| display: block; | |
| color: #888888; | |
| letter-spacing: 0px; | |
| font-size: 12px!important; | |
| line-height: 14px!important; | |
| padding: 14px 14px 16px 43px; | |
| font-family: 'Open Sans'; | |
| font-weight: 400; | |
| background-color: rgba(0,0,0,0.045); | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| } | |
| .toggle h3 a i { | |
| position: absolute; | |
| left: 13px; | |
| background-color: transparent; | |
| color: #888888; | |
| top: 13px; | |
| width: 18px; | |
| height: 16px!important; | |
| line-height: 18px!important; | |
| font-size: 15px; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| } | |
| .toggle.open h3 a i { | |
| color: #fff; | |
| } | |
| .toggle h3 a:hover { | |
| background-color: rgba(0,0,0,0.035); | |
| } | |
| body .toggle > div { | |
| padding: 10px 14px; | |
| border-top: 0px; | |
| display: none; | |
| background-color: #fff!important; | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
| -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
| -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
| -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
| } | |
| .toggle > div .wpb_wrapper { | |
| margin: 0!important; | |
| } | |
| .toggle > div > div:last-child { | |
| margin-bottom: 0px!important; | |
| } | |
| .light .toggle > div { | |
| color: #676767!important; | |
| } | |
| /***************** Full Width Section ******************/ | |
| .full-width-section { | |
| background-size: cover; | |
| -moz-background-size: cover; | |
| -webkit-background-size: cover; | |
| box-sizing: content-box!important; | |
| -moz-box-sizing: content-box!important; | |
| -webkit-box-sizing: content-box!important; | |
| margin-left: -50%; | |
| padding-left: 50%; | |
| padding-right: 50%; | |
| width: 100%; | |
| position: relative; | |
| z-index: 0; | |
| visibility: hidden; | |
| } | |
| .full-width-content.parallax_section { | |
| background-size: cover; | |
| -moz-background-size: cover; | |
| -webkit-background-size: cover; | |
| } | |
| .full-width-content.vc_row-fluid .wpb_column { | |
| background-position: center; | |
| background-size: cover; | |
| -moz-background-size: cover; | |
| -webkit-background-size: cover; | |
| } | |
| .wpb_row { | |
| position: relative; | |
| } | |
| .wpb_row .row-bg, .full-width-section .row-bg { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-size: cover; | |
| -moz-background-size: cover; | |
| -webkit-background-size: cover; | |
| } | |
| .wpb_row[data-using-ctc="true"] h1, | |
| .wpb_row[data-using-ctc="true"] h2, | |
| .wpb_row[data-using-ctc="true"] h3, | |
| .wpb_row[data-using-ctc="true"] h4, | |
| .wpb_row[data-using-ctc="true"] h5, | |
| .wpb_row[data-using-ctc="true"] h6 { | |
| color: inherit; | |
| } | |
| .wpb_row.full-width-section, .wpb_row.full-width-content { | |
| margin-bottom: 0px; | |
| } | |
| .wpb_row.full-width-content img, .wpb_row.full-width-content .img-with-aniamtion-wrap { | |
| margin-bottom: 0; | |
| } | |
| .full-width-content { | |
| visibility: hidden; | |
| } | |
| .full-width-section.standard_section { | |
| /* | |
| -webkit-perspective: 1000; | |
| -webkit-backface-visibility: hidden; | |
| */ | |
| } | |
| .full-width-section > .span_12 > div:last-child, .full-width-section > .span_12 .col > div:last-child { | |
| padding-bottom: 0px; | |
| } | |
| .full-width-section > .span_12 > div.boxed:not(.padding-2-percent):not(.padding-3-percent):not(.padding-4-percent):not(.padding-5-percent):not(.padding-6-percent):last-child, | |
| .full-width-section > .span_12 .col > div.boxed:not(.padding-2-percent):not(.padding-3-percent):not(.padding-4-percent):not(.padding-5-percent):not(.padding-6-percent):last-child { | |
| padding-bottom: 15px!important; | |
| } | |
| .full-width-section img { | |
| display: block; | |
| margin-bottom: 0px!important; | |
| } | |
| html:not(.js) .full-width-section, html:not(.js) .full-width-content { | |
| visibility: visible; | |
| } | |
| .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg { | |
| background-attachment: fixed; | |
| } | |
| body .full-width-section.parallax_section .row-bg.translate, body .full-width-content.parallax_section .row-bg.translate { | |
| background-attachment: scroll; | |
| top: auto; | |
| bottom: 0; | |
| } | |
| .full-width-section.parallax_section .row-bg-wrap, .full-width-content.parallax_section .row-bg-wrap { | |
| overflow: hidden; | |
| width: 100.1%; | |
| height: 100.1%; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| left: 0; | |
| } | |
| .full-width-section.parallax_section .row-bg, .full-width-content.parallax_section .row-bg { | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| left: 0; | |
| background-size: cover; | |
| -moz-background-size: cover; | |
| -webkit-background-size: cover; | |
| } | |
| .full-width-section.no-cover .row-bg, .wpb_row .row-bg.no-cover, .full-width-section .row-bg.no-cover { | |
| background-size: auto!important; | |
| -moz-background-size: auto!important; | |
| -webkit-background-size: auto!important; | |
| } | |
| .full-width-section > .col.span_12 { | |
| float: none!important; | |
| } | |
| .full-width-section > .col.span_12.light, .full-width-content > .col.span_12.light { | |
| color: #fff; | |
| } | |
| .home-wrap .full-width-section.first-section { | |
| margin-top: -37px!important; | |
| } | |
| .column-link { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| z-index: 10; | |
| } | |
| /***************** Clients ******************/ | |
| .clients.two-cols > div { width: 49.4%; } | |
| .clients.two.no-carousel > div { width: 48.4%; } | |
| .clients.two-cols > div:nth-child(2n+2) { margin-right: 0px;} | |
| .clients.carousel.two-cols > div { margin: 0px 10px;} | |
| .clients.three-cols > div { width: 32.6%; } | |
| .clients.three-cols.no-carousel > div { width: 31.6%; } | |
| .clients.three-cols > div:nth-child(3n+3) { margin-right: 0px;} | |
| .clients.carousel.three-cols > div { margin: 0px 10px;} | |
| .clients.four-cols > div { width: 24.2%; } | |
| .clients.four-cols.no-carousel > div { width: 23.2%; } | |
| .clients.four-cols > div:nth-child(4n+4) { margin-right: 0px;} | |
| .clients.carousel.four-cols > div {margin: 0px 10px;} | |
| .clients.five-cols > div { width: 19.2%; } | |
| .clients.five-cols.no-carousel > div { width: 18.2%; } | |
| .clients.five-cols > div:nth-child(5n+5) { margin-right: 0px;} | |
| .clients.carousel.five-cols > div { margin: 0px 10px;} | |
| .clients.six-cols > div { width: 15.8%; } | |
| .clients.six-cols.no-carousel > div { width: 14.8%; } | |
| .clients.six-cols > div:nth-child(6n+6) { margin-right: 0px;} | |
| .clients.carousel.six-cols > div { margin: 0px 10px;} | |
| .clients > div { | |
| float: left; | |
| transition: opacity 0.2s linear; | |
| -moz-transition: opacity 0.2s linear; | |
| -webkit-transition: opacity 0.2s linear; | |
| -o-transition: opacity 0.2s linear; | |
| margin-right: 2%; | |
| margin-bottom: 2%; | |
| opacity: 1; | |
| } | |
| .clients.fade-in-animation > div { | |
| opacity: 0; | |
| transition: none; | |
| -moz-transition: none; | |
| -webkit-transition: none; | |
| -o-transition: none; | |
| } | |
| .clients.fade-in-animation.completed > div { | |
| transition: opacity 0.2s linear; | |
| -moz-transition: opacity 0.2s linear; | |
| -webkit-transition: opacity 0.2s linear; | |
| -o-transition: opacity 0.2s linear; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| .clients:not(.fade-in-animation) > div.no-link:hover, | |
| .clients.fade-in-animation.completed > div.no-link:hover { | |
| opacity: 1!important; | |
| } | |
| .clients:not(.fade-in-animation) > div:hover { | |
| opacity: 0.7!important; | |
| } | |
| .clients.fade-in-animation.completed > div:hover { | |
| opacity: 0.7!important; | |
| } | |
| .clients > div img { | |
| display: block; | |
| max-width: 100%; | |
| margin: 0 auto; | |
| } | |
| .clients.no-carousel:after { | |
| content: ""; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| /***************** Pricing Tables ******************/ | |
| .pricing-table { | |
| margin-top: 60px; | |
| margin-bottom: 30px; | |
| } | |
| .pricing-table:after { | |
| content: ""; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| .pricing-table > div:first-child .pricing-column-content, .pricing-table > div:first-child h3 { | |
| border-left: 1px solid #e4e4e4!important; | |
| } | |
| .pricing-column { | |
| float: left; | |
| overflow: hidden; | |
| text-align: center; | |
| padding: 0px; | |
| background-color: #fff; | |
| transition: box-shadow 0.2s linear; | |
| -moz-transition: box-shadow 0.2s linear; | |
| -webkit-transition: box-shadow 0.2s linear; | |
| -o-transition: box-shadow 0.2s linear; | |
| } | |
| .pricing-column .pricing-column-content { | |
| border-right: 1px solid #e4e4e4; | |
| border-bottom: 1px solid #e4e4e4; | |
| padding: 0px 0px 20px 0px; | |
| } | |
| .pricing-column.highlight { | |
| position: relative; | |
| z-index: 100; | |
| margin: -20px -1px 0px -1px; | |
| background-color: #FFF; | |
| box-shadow: 0px 0px 13px rgba(0,0,0,.09); | |
| -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.09); | |
| -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.09); | |
| -o-box-shadow: 0px 0px 13px rgba(0,0,0,.09); | |
| } | |
| .pricing-table[data-style="default"] .pricing-column.highlight .nectar-button { | |
| margin: 10px 0px 20px 0px; | |
| } | |
| .pricing-column.highlight .pricing-column-content, .pricing-column.highlight h3 { | |
| border: none; | |
| } | |
| .pricing-column.highlight h3 .highlight-reason { | |
| display: block; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| font-size: 12px; | |
| text-transform: uppercase; | |
| letter-spacing: 1.5px; | |
| color: rgba(0,0,0,0.4); | |
| } | |
| .pricing-column.highlight .pricing-column-content { | |
| border-right: 1px solid #e4e4e4; | |
| border-left: 1px solid #e4e4e4; | |
| border-bottom: 1px solid #e4e4e4; | |
| } | |
| .pricing-column.highlight:hover { | |
| box-shadow: 0px 0px 13px rgba(0,0,0,.15); | |
| -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.15); | |
| -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.15); | |
| -o-box-shadow: 0px 0px 13px rgba(0,0,0,.15); | |
| } | |
| .pricing-column ul li { | |
| color: #888!important; | |
| padding: 10px 25px; | |
| list-style: none; | |
| line-height: 18px; | |
| border-bottom: 1px solid #efefef; | |
| } | |
| .pricing-column ul li:first-child { | |
| border-top: 1px solid #efefef; | |
| } | |
| .pricing-column ul li:nth-child(2n+1) { | |
| background-color: #fbfbfb; | |
| } | |
| .pricing-table[data-style="default"] .pricing-column.highlight h3 { | |
| color: #fff!important; | |
| background-color:#27CFC3; | |
| padding: 15px 0px; | |
| margin-bottom: 0px!important; | |
| } | |
| .toggle .pricing-column h3 { | |
| font-size: 26px!important; | |
| } | |
| .pricing-column h3 { | |
| background-color: #fff; | |
| color: #27CFC3; | |
| margin-bottom: 0px; | |
| font-size: 26px; | |
| line-height: 28px!important; | |
| border-right: 1px solid #e4e4e4; | |
| border-bottom: 1px solid #EFEFEF; | |
| border-top: 1px solid #e4e4e4; | |
| padding: 18px 0px 18px 0px; | |
| } | |
| .pricing-column h4 { | |
| margin-left: -22px; | |
| padding: 20px 30px 6px 30px; | |
| font-size: 54px!important; | |
| line-height: 42px!important; | |
| color: #333; | |
| margin-bottom: 0px; | |
| } | |
| .pricing-table[data-style="default"] .pricing-column h4 .dollar-sign { | |
| font-size: 22px; | |
| line-height: 22px; | |
| top: -14px; | |
| right: -6px; | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| position: relative; | |
| } | |
| .pricing-column .interval { | |
| display: block; | |
| color: #999; | |
| min-height: 38px; | |
| display: block; | |
| padding-bottom: 17px; | |
| } | |
| .pricing-column ul { | |
| margin-left: 0px; | |
| } | |
| .pricing-table.six-cols > div { width: 16.5%; } | |
| .pricing-table.five-cols > div { width: 20%; } | |
| .pricing-table.four-cols > div { width: 25%; } | |
| .pricing-table.three-cols > div { width: 33.2%; } | |
| .pricing-table.two-cols > div { width: 50%; } | |
| .pricing-table .col { | |
| padding: 0px 20px; | |
| } | |
| .col .pricing-table h3 { | |
| margin-bottom: 0px; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { | |
| box-shadow: 0px 15px 30px rgba(0,0,0,.06); | |
| -moz-box-shadow: 0px 15px 30px rgba(0,0,0,.06); | |
| -webkit-box-shadow: 0px 15px 30px rgba(0,0,0,.06); | |
| -o-box-shadow: 0px 15px 30px rgba(0,0,0,.06); | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column.highlight:hover { | |
| box-shadow: 0px 15px 30px rgba(0,0,0,.09); | |
| -moz-box-shadow: 0px 15px 30px rgba(0,0,0,.09); | |
| -webkit-box-shadow: 0px 15px 30px rgba(0,0,0,.09); | |
| -o-box-shadow: 0px 15px 30px rgba(0,0,0,.09); | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 { | |
| background-color: transparent!important; | |
| } | |
| .pricing-table[data-style="flat-alternative"].two-cols { text-align: center;} | |
| .pricing-table[data-style="flat-alternative"].two-cols > div { width: 31%; display: inline-block; float:none; overflow: visible;} | |
| .pricing-table[data-style="flat-alternative"].three-cols > div { width: 31%; } | |
| .pricing-table[data-style="flat-alternative"].four-cols > div { width: 22%; } | |
| .pricing-table[data-style="flat-alternative"].five-cols > div { width: 18% } | |
| .pricing-table[data-style="flat-alternative"].six-cols > div { width: 14%; } | |
| body .pricing-table[data-style="flat-alternative"] .pricing-column, | |
| body .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { | |
| margin-right: 3.5%; | |
| position: relative; | |
| text-align: left; | |
| } | |
| body .pricing-table[data-style="flat-alternative"] .pricing-column ul { | |
| padding: 20px 0; | |
| margin: 0 0 38px 0; | |
| } | |
| .pricing-table[data-style="flat-alternative"].four-cols .pricing-column, | |
| body .pricing-table[data-style="flat-alternative"].four-cols .pricing-column.highlight { | |
| margin-right: 3%; | |
| padding: 35px; | |
| } | |
| .pricing-table[data-style="flat-alternative"].four-cols .pricing-column.highlight h3 .highlight-reason { padding-left: 35px; } | |
| .pricing-table[data-style="flat-alternative"].five-cols .pricing-column, | |
| body .pricing-table[data-style="flat-alternative"].five-cols .pricing-column.highlight { | |
| margin-right: 2%; | |
| padding: 25px; | |
| } | |
| .pricing-table[data-style="flat-alternative"].five-cols .pricing-column.highlight h3 .highlight-reason { padding-left: 30px; } | |
| .pricing-table[data-style="flat-alternative"].six-cols .pricing-column { | |
| margin-right: 2%; | |
| padding: 23px; | |
| } | |
| .pricing-table[data-style="flat-alternative"].six-cols .pricing-column.highlight h3 .highlight-reason { padding-left: 23px; } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { overflow: visible; } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 .highlight-reason { | |
| position: absolute; | |
| top: -31px; | |
| left: 0; | |
| padding: 5px; | |
| width: 100%; | |
| color: #fff; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column li del, | |
| .pricing-table[data-style="flat-alternative"] .pricing-column li del * { | |
| color: #bbb!important; | |
| text-decoration: none; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column:before { | |
| display: block; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 7px; | |
| content: ' '; | |
| position: absolute; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column li i { | |
| margin-right: 10px; | |
| } | |
| .pricing-table[data-style="flat-alternative"] > div:last-child { | |
| margin-right: 0!important; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column h4 { | |
| margin-left: 0; | |
| letter-spacing: 0; | |
| padding: 0px 0 13px 0; | |
| font-size: 30px!important; | |
| display: inline-block; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column h3 { | |
| font-size: 36px!important; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column .interval { | |
| display: inline-block; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column .interval:before { | |
| content:'/'; | |
| display: inline-block; | |
| padding-right: 6px; | |
| } | |
| .pricing-table[data-style="flat-alternative"] .nectar-button { font-size: 15px; } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column.highlight { margin: 0; } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column .pricing-column-content, .pricing-table[data-style="flat-alternative"] .pricing-column h3 { border: none!important; } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column .pricing-column-content { padding-bottom: 0;} | |
| .pricing-table[data-style="flat-alternative"] .pricing-column { padding: 50px; } | |
| .pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 .highlight-reason { padding-left: 50px; } | |
| .pricing-table[data-style="flat-alternative"] ul li { | |
| border: none; | |
| padding: 8px 0px; | |
| color: #444!important; | |
| background-color: transparent; | |
| } | |
| /*-------------------------------------------------------------------------*/ | |
| /* 7. Footer Styles | |
| /*-------------------------------------------------------------------------*/ | |
| #footer-outer { | |
| color: #ccc; | |
| position: relative; | |
| z-index: 10; | |
| background-color: #252525; | |
| } | |
| #footer-outer .row { | |
| padding: 55px 0px; | |
| margin-bottom: 0px; | |
| } | |
| #footer-outer .widget h4, .text-on-hover-wrap .categories a { | |
| color: #777; | |
| font-size: 12px; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| letter-spacing: 2px; | |
| text-transform: uppercase; | |
| margin-bottom: 20px; | |
| } | |
| #footer-outer .widget { | |
| margin-bottom: 30px; | |
| } | |
| #footer-outer .widget.widget_categories ul ul, #footer-outer .widget.widget_pages ul ul, #footer-outer .widget.widget_nav_menu ul ul, #slide-out-widget-area .widget.widget_nav_menu ul ul { | |
| margin: 0px 0px 0px 0px!important; | |
| padding: 0px 0px 0px 20px; | |
| } | |
| #footer-outer .widget.widget_categories li, #footer-outer .widget.widget_pages li, #footer-outer .widget.widget_nav_menu li, #slide-out-widget-area .widget.widget_nav_menu li { | |
| border-bottom: 0px!important; | |
| padding: 0px!important; | |
| } | |
| #footer-outer .widget.widget_categories li a, #footer-outer .widget.widget_pages li a, #footer-outer .widget.widget_nav_menu li a { | |
| padding: 8px 0px; | |
| display: block; | |
| border-bottom: 1px solid #444444; | |
| } | |
| #slide-out-widget-area .widget.widget_nav_menu li a { | |
| padding: 6px 20px; | |
| display: block; | |
| } | |
| #footer-outer .widget.widget_categories > ul > li:first-child > a, #footer-outer .widget.widget_pages > ul > li:first-child > a, #footer-outer .widget.widget_nav_menu > ul > li:first-child > a, | |
| #slide-out-widget-area .widget.widget_categories > ul > li:first-child > a, #slide-out-widget-area .widget.widget_pages > ul > li:first-child > a { | |
| padding-top: 0px; | |
| } | |
| #footer-outer .span_3 .widget:last-child { | |
| margin-bottom: 0px; | |
| } | |
| #footer-outer a { | |
| color: #ccc; | |
| } | |
| #footer-outer a:hover { | |
| color: #27CFC3; | |
| } | |
| #footer-outer .nectar-button:hover { | |
| color: #fff!important; | |
| } | |
| #footer-outer .widget ul li { | |
| margin-bottom: 7px; | |
| } | |
| #footer-outer #copyright { | |
| padding: 20px 0px; | |
| font-size: 12px; | |
| background-color: #1c1c1c; | |
| color: #777; | |
| } | |
| #footer-outer #copyright li { | |
| float: left; | |
| margin-left: 20px; | |
| } | |
| #footer-outer #copyright .container div:last-child { | |
| margin-bottom: 0px; | |
| } | |
| #footer-outer #copyright li a, #header-secondary-outer #social li a { | |
| display: block; | |
| line-height: 22px; | |
| height: 24px; | |
| position: relative; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| background-position: center top; | |
| } | |
| #footer-outer #copyright li a i, #header-secondary-outer #social li a i { | |
| color: #777; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| } | |
| #footer-outer .icon-be, #footer-outer .icon-vimeo, #footer-outer .icon-salient-spotify { | |
| line-height: 32px!important; | |
| } | |
| #footer-outer .fa-vine { | |
| font-size: 16px!important; | |
| } | |
| #footer-outer #copyright li a i:hover { | |
| color: #27CFC3; | |
| } | |
| #footer-outer #copyright li a.vimeo, #footer-outer #copyright li a.behance, #header-secondary-outer #social li a.behance, #header-secondary-outer #social li a.vimeo { | |
| background-color: #666; | |
| } | |
| #footer-outer #copyright li a.vimeo:hover, #footer-outer #copyright li a.behance:hover, #header-secondary-outer #social li a.behance:hover, #header-secondary-outer #social li a.vimeo:hover { | |
| background-color: #27CFC3; | |
| } | |
| #footer-outer #copyright p { | |
| line-height: 22px; | |
| margin-top: 3px; | |
| } | |
| #footer-outer #copyright .col ul { | |
| float: right; | |
| } | |
| #footer-outer #copyright li a.facebook { width: 12px;} | |
| #footer-outer #copyright li a.twitter { width: 20px;} | |
| #footer-outer #copyright li a.dribbble { width: 24px;} | |
| #footer-outer #copyright li a.google-plus { width: 20px;} | |
| #footer-outer #copyright li a.pinterest { width: 17px;} | |
| #footer-outer #copyright li a.rss { width: 18px;} | |
| #footer-outer #copyright li a.vimeo { width: 20px; text-indent: -9999px;} | |
| #footer-outer #copyright li a.tumblr { width: 21px;} | |
| #footer-outer #copyright li a.youtube { width: 21px;} | |
| #footer-outer #copyright li a.linkedin { width: 19px;} | |
| #footer-outer #copyright li a.behance { width: 27px; text-indent: -9999px;} | |
| #footer-outer #copyright li a.instagram { width: 20px;} | |
| #footer-outer #copyright #social .icon-soundcloud { font-size: 26px; } | |
| #footer-outer i, #header-secondary-outer #social i { | |
| font-size: 20px; | |
| width: auto; | |
| background-color: transparent!important; | |
| } | |
| #footer-outer #copyright i.icon-be { | |
| font-size: 24px; | |
| } | |
| #header-secondary-outer #social li .icon-be { | |
| font-size: 18px!important; | |
| } | |
| /*fixed effect*/ | |
| body[data-footer-reveal="1"] #footer-outer { | |
| position: fixed; | |
| bottom: 0; | |
| width: 100%; | |
| z-index: 1; | |
| will-change: opacity; | |
| } | |
| body[data-footer-reveal="1"] .container-wrap { | |
| margin-bottom: 280px; | |
| } | |
| body[data-footer-reveal="1"] { | |
| background-color: #f8f8f8!important; | |
| } | |
| body[data-footer-reveal="1"].ascend { | |
| background-color: #f6f6f6!important; | |
| } | |
| body[data-footer-reveal="1"][data-footer-reveal-shadow="small"] .container-wrap { | |
| box-shadow: 0 5px 8px -3px rgba(0,0,0,0.2); | |
| -webkit-box-shadow: 0 5px 8px -3px rgba(0,0,0,0.2); | |
| -moz-box-shadow: 0 5px 8px -3px rgba(0,0,0,0.2); | |
| } | |
| body[data-footer-reveal="1"][data-footer-reveal-shadow="large"] .container-wrap { | |
| box-shadow: 0 27px 25px -2px rgba(0,0,0,0.3); | |
| -webkit-box-shadow: 0 27px 25px -2px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0 27px 25px -2px rgba(0,0,0,0.3); | |
| } | |
| body[data-footer-reveal="1"][data-footer-reveal-shadow="large_2"] .container-wrap { | |
| box-shadow: 0 70px 110px -30px rgba(0,0,0,1); | |
| -webkit-box-shadow: 0 70px 110px -30px rgba(0,0,0,1); | |
| -moz-box-shadow: 0 70px 110px -30px rgba(0,0,0,1); | |
| } | |
| body[data-footer-reveal="1"][data-footer-reveal-shadow="large_2"] #footer-outer .row { | |
| padding: 80px 0px; | |
| } | |
| body .container-wrap.no-shadow { box-shadow: none!important; } | |
| body[data-footer-reveal="1"] #call-to-action .triangle { display: none; } | |
| /***************** Slide Out Widget Are ******************/ | |
| #slide-out-widget-area.slide-out-from-right { | |
| position: fixed; | |
| transform: translate(301px, 0px); | |
| -webkit-transform: translate(301px, 0px); | |
| -o-transform: translate(301px, 0px); | |
| -ms-transform: translate(301px, 0px); | |
| top: 0; | |
| right: 0; | |
| width: 300px; | |
| height: 100%; | |
| z-index: 1000000; | |
| background-color: #27cfc3; | |
| padding: 33px; | |
| overflow: hidden; | |
| } | |
| #slide-out-widget-area.fullscreen { | |
| position: fixed; | |
| width: 100%; | |
| height: 100%; | |
| right: auto; | |
| left: 0; | |
| top: 0; | |
| z-index: 9997; | |
| background-color: transparent!important; | |
| text-align: center; | |
| display: none; | |
| overflow-y: scroll; | |
| overflow-x: hidden; | |
| padding-right: 20px; | |
| box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| } | |
| #slide-out-widget-area.fullscreen .inner { | |
| width: 100%; | |
| position: relative; | |
| top: 50%; | |
| left: 0; | |
| height: auto; | |
| } | |
| #slide-out-widget-area.fullscreen .inner.overflow-state { | |
| top: 0; | |
| transform: none!important; | |
| -webkit-transform: none!important; | |
| -moz-transform: none!important; | |
| margin: 50px 0 120px 0; | |
| } | |
| #slide-out-widget-area.fullscreen .inner-wrap { | |
| height: 100%; | |
| margin-right: -20px; | |
| } | |
| .using-mobile-browser #slide-out-widget-area.fullscreen .inner-wrap { | |
| margin-right: 0; | |
| } | |
| /* | |
| #slide-out-widget-area.fullscreen .widget_nav_menu .sub-menu { | |
| display: none; | |
| }*/ | |
| #slide-out-widget-area.fullscreen .inner .widget { | |
| opacity: 0; | |
| transform: translateY(110px); | |
| -webkit-transform: translateY(110px); | |
| -moz-transform: translateY(110px); | |
| } | |
| #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container { | |
| transform: translateY(0px)!important; | |
| -webkit-transform: translateY(0px)!important; | |
| -moz-transform: translateY(0px)!important; | |
| opacity: 1!important; | |
| margin: 0; | |
| } | |
| #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu > li { | |
| opacity: 0; | |
| transform: translateY(110px); | |
| -webkit-transform: translateY(110px); | |
| -moz-transform: translateY(110px); | |
| } | |
| #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu li, | |
| #slide-out-widget-area.fullscreen .menuwrapper li { | |
| margin: 0 0 8px 0!important; | |
| } | |
| #slide-out-widget-area .inner .off-canvas-menu-container li a { | |
| font-size: 36px; | |
| line-height: 36px; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| letter-spacing: -1px; | |
| } | |
| #slide-out-widget-area.fullscreen .inner .widget.widget_nav_menu li a, | |
| #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a { | |
| font-size: 60px; | |
| line-height: 60px; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| letter-spacing: -1px; | |
| } | |
| #slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, | |
| #slide-out-widget-area .menuwrapper li small { | |
| opacity: 0.7; | |
| transition: opacity 0.2s ease; | |
| -webkit-transition: opacity 0.2s ease; | |
| -moz-transition: opacity 0.2s ease; | |
| } | |
| #slide-out-widget-area.fullscreen .inner li a:hover, #slide-out-widget-area .off-canvas-social-links li a:hover, | |
| #slide-out-widget-area .inner li.current_page_ancestor > a, #slide-out-widget-area .inner li.current-menu-item > a, | |
| #slide-out-widget-area .inner li.current-menu-ancestor > a, #slide-out-widget-area .inner li.current_page_item > a, | |
| #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover, | |
| #slide-out-widget-area .inner .off-canvas-menu-container .menuwrapper li > a.hovered { | |
| opacity: 1; | |
| } | |
| #slide-out-widget-area.fullscreen .inner .widget { | |
| max-width: 1425px; | |
| width: 100%; | |
| margin: 0 auto 60px auto; | |
| padding: 0 90px; | |
| } | |
| @media only screen and (min-width: 690px) { | |
| #slide-out-widget-area.fullscreen .recent_projects_widget div a { | |
| width: 10.5%!important; | |
| } | |
| #slide-out-widget-area.fullscreen .recent_projects_widget div a:nth-child(3n+3) { | |
| margin: 2% 2% 0 0!important; | |
| } | |
| #slide-out-widget-area.fullscreen .recent_projects_widget div a:nth-child(8n+8) { | |
| margin-right: 0!important; | |
| } | |
| } | |
| #slide-out-widget-area.fullscreen .widget_recent_comments ul li { | |
| background: transparent; | |
| margin-bottom: 0px; | |
| padding: 0px !important; | |
| } | |
| #slide-out-widget-area.fullscreen .tagcloud a { | |
| float: none; | |
| display: inline-block; | |
| } | |
| #slide-out-widget-area.fullscreen .widget_calendar table tbody td { | |
| padding: 20px; | |
| } | |
| #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links, | |
| .admin-bar #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links { | |
| position: relative; | |
| bottom: 0!important; | |
| right: 0; | |
| margin-top: 70px; | |
| } | |
| #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links:after { | |
| display: block; | |
| height: 1px; | |
| width: 0px; | |
| background-color: rgba(255,255,255,0.6); | |
| content: ' '; | |
| margin: 0 auto; | |
| position: absolute; | |
| top: -40px; | |
| left: 50%; | |
| transform: translateX(-50%); | |
| -webkit-transform: translateX(-50%); | |
| -moz-transform: translateX(-50%); | |
| transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); | |
| -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); | |
| -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); | |
| } | |
| #boxed #slide-out-widget-area .mobile-only { | |
| display: block; | |
| } | |
| #boxed #slide-out-widget-area.fullscreen .off-canvas-social-links.line-shown:after { | |
| width: 100px; | |
| } | |
| #boxed #slide-out-widget-area.fullscreen .bottom-text, | |
| .admin-bar #boxed #slide-out-widget-area.fullscreen .bottom-text { | |
| position: relative; | |
| bottom: 0!important; | |
| left: 0; | |
| margin-bottom: 30px; | |
| margin-top: 15px; | |
| } | |
| .admin-bar #slide-out-widget-area { | |
| padding-top: 33px; | |
| } | |
| .admin-bar #slide-out-widget-area.slide-out-from-right { | |
| padding-top: 53px; | |
| } | |
| #slide-out-widget-area.mobile { | |
| overflow-y: scroll; | |
| overflow-x: hidden; | |
| } | |
| #slide-out-widget-area-bg { | |
| -webkit-backface-visibility: hidden; | |
| background-color: rgba(0,0,0,0.8); | |
| position: fixed; | |
| height: 1px; | |
| width: 1px; | |
| opacity: 0; | |
| left: 0; | |
| top: 0; | |
| z-index: 9996; | |
| } | |
| #boxed #slide-out-widget-area-bg.fullscreen { | |
| left: auto; | |
| will-change: transform, opacity; | |
| } | |
| #slide-out-widget-area-bg.fullscreen { | |
| transform: translateY(-100%); | |
| -webkit-transform: translateY(-100%); | |
| -moz-transform: translateY(-100%); | |
| opacity: 1; | |
| display: none; | |
| } | |
| #slide-out-widget-area-bg.fullscreen.dark { opacity: 0.93; } | |
| #slide-out-widget-area-bg.fullscreen.medium { opacity: 0.6; } | |
| #slide-out-widget-area-bg.fullscreen.light { opacity: 0.4; } | |
| #slide-out-widget-area.fullscreen .off-canvas-social-links { | |
| position: fixed; | |
| bottom: 18px; | |
| right: 18px; | |
| } | |
| #slide-out-widget-area.fullscreen .bottom-text { | |
| position: fixed; | |
| bottom: 28px; | |
| left: 28px; | |
| opacity: 0; | |
| padding-bottom: 0; | |
| } | |
| #slide-out-widget-area .bottom-text { padding-bottom: 0; font-size: 12px; } | |
| #slide-out-widget-area:not(.fullscreen) .off-canvas-social-links li { | |
| display: inline-block; | |
| padding: 0 6px 6px 0; | |
| } | |
| #slide-out-widget-area.fullscreen .off-canvas-social-links li { | |
| display: inline-block; | |
| margin: 0 8px; | |
| transform: scale(0); | |
| -webkit-transform: scale(0); | |
| -moz-transform: scale(0); | |
| } | |
| #slide-out-widget-area .off-canvas-social-links li i { | |
| background-color: transparent!important; | |
| font-size: 18px; | |
| line-height: 22px; | |
| } | |
| .blurred-wrap { | |
| transition: filter 0.65s cubic-bezier(.32,0,1,1); | |
| -webkit-transition: -webkit-filter 0.65s cubic-bezier(.32,0,1,1); | |
| -moz-transition: filter 0.65s cubic-bezier(.32,0,1,1); | |
| } | |
| .blurred-wrap.blurred { | |
| -webkit-filter: blur(4px); | |
| -moz-filter: blur(4px); | |
| -o-filter: blur(4px); | |
| -ms-filter: blur(4px); | |
| filter: blur(4px); | |
| } | |
| #slide-out-widget-area .widget h4 { | |
| margin-bottom: 8px; | |
| } | |
| #slide-out-widget-area .inner > div { | |
| margin-bottom: 25px; | |
| } | |
| #slide-out-widget-area.fullscreen .inner > div { | |
| margin: 13px 0px; | |
| } | |
| #slide-out-widget-area .inner > div:first-of-type { | |
| margin-top: -7px; | |
| } | |
| #slide-out-widget-area .inner { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #slide-out-widget-area a, #slide-out-widget-area, #slide-out-widget-area h4, #slide-out-widget-area h3 { | |
| color: #fff; | |
| } | |
| body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close { | |
| position: absolute; | |
| right: 22px; | |
| top: 22px; | |
| } | |
| body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close { | |
| display:block; | |
| transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| font-family: 'Open Sans'; | |
| font-weight: 400; | |
| } | |
| body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close { | |
| backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -webkit-backface-visibility: hidden; | |
| width: 34px!important; | |
| height: 34px!important; | |
| transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| color: #ddd!Important; font-size: 18px!important; max-width: none!important; line-height: 32px!important;} | |
| body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close:hover .icon-default-style[class^="icon-"] { transform: rotate(90deg); -webkit-transform: rotate(90deg);} | |
| body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close:hover { border-color: rgba(255, 255, 255, 0.7); } | |
| body #slide-out-widget-area a.slide_out_area_close .icon-default-style[class^="icon-"] { | |
| -webkit-backface-visibility: hidden; | |
| color: #fff !important; | |
| font-size: 18px !important; | |
| height: 34px !important; | |
| left: -2px; | |
| line-height: 32px !important; | |
| max-width: none !important; | |
| transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| -webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| -moz-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s; | |
| width: 34px !important; | |
| } | |
| body[data-full-width-header="true"] .slide_out_area_close { | |
| display: none; | |
| } | |
| body #slide-out-widget-area.fullscreen .slide_out_area_close { | |
| display: none!important; | |
| } | |
| #boxed .slide_out_area_close { | |
| display: block!important; | |
| position: absolute; | |
| right: 20px; | |
| z-index: 100; | |
| } | |
| header#top nav ul .slide-out-widget-area-toggle a i.lines, header#top nav ul .slide-out-widget-area-toggle a i.lines:before, header#top nav ul .slide-out-widget-area-toggle a i.lines:after { | |
| background-color: rgba(0,0,0,0.4); | |
| } | |
| .lines-button { | |
| transition: .3s; | |
| cursor: pointer; | |
| line-height: 19px; | |
| top: -3px; | |
| position: relative; | |
| font-size: 14px; | |
| user-select: none; | |
| } | |
| #header-outer[data-full-width="true"] .lines-button { | |
| font-size: 16px; | |
| } | |
| .lines-button:hover { | |
| opacity: 1; | |
| } | |
| .lines-button:active { | |
| transition: 0; | |
| } | |
| .lines { | |
| display: inline-block; | |
| width: 1.4rem; | |
| height: 3px; | |
| background-color: #ecf0f1; | |
| transition: 0.3s; | |
| position: relative; | |
| } | |
| .lines:before, .lines:after { | |
| display: inline-block; | |
| width: 1.4rem; | |
| height: 3px; | |
| background: #ecf0f1; | |
| transition: 0.3s; | |
| position: absolute; | |
| left: 0; | |
| content: ''; | |
| -webkit-transform-origin: 0.142rem center; | |
| transform-origin: 0.142rem center; | |
| } | |
| .lines:before { | |
| top: 6px; | |
| } | |
| .lines:after { | |
| top: -6px; | |
| } | |
| .lines-button.close { | |
| -webkit-transform: scale3d(0.8, 0.8, 0.8); | |
| transform: scale3d(0.8, 0.8, 0.8); | |
| } | |
| .lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after { | |
| top: 0; | |
| width: 1.11111rem; | |
| } | |
| .lines-button.arrow.close .lines:before { | |
| -webkit-transform: rotate3d(0, 0, 1, 40deg); | |
| transform: rotate3d(0, 0, 1, 40deg); | |
| } | |
| .lines-button.arrow.close .lines:after { | |
| -webkit-transform: rotate3d(0, 0, 1, -40deg); | |
| transform: rotate3d(0, 0, 1, -40deg); | |
| } | |
| .lines-button.arrow-up.close { | |
| -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg); | |
| transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg); | |
| } | |
| .lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after { | |
| -webkit-transform: none; | |
| transform: none; | |
| top: 0; | |
| width: 1.4rem; | |
| } | |
| .lines-button.x.close .lines { | |
| background: transparent!important; | |
| } | |
| .lines-button.x.close .lines:before, .lines-button.x.close .lines:after { | |
| -webkit-transform-origin: 50% 50%; | |
| transform-origin: 50% 50%; | |
| top: 0; | |
| width: 1.4rem; | |
| } | |
| .lines-button.x.close .lines:before { | |
| -webkit-transform: rotate3d(0, 0, 1, 45deg); | |
| transform: rotate3d(0, 0, 1, 45deg); | |
| } | |
| .lines-button.x.close .lines:after { | |
| -webkit-transform: rotate3d(0, 0, 1, -45deg); | |
| transform: rotate3d(0, 0, 1, -45deg); | |
| } | |
| .lines-button.x2 .lines { | |
| transition: background 0.2s ease, opacity 0.2s linear; | |
| } | |
| .lines-button.x2 .lines:before, .lines-button.x2 .lines:after { | |
| -webkit-transform-origin: 50% 50%; | |
| transform-origin: 50% 50%; | |
| transition: top 0.4s 0.45s ease, -webkit-transform 0.3s ease, background-color 0.2s ease, opacity 0.2s linear; | |
| transition: top 0.4s 0.45s ease, transform 0.3s ease, background-color 0.2s ease, opacity 0.2s linear; | |
| } | |
| .lines-button.x2.close .lines, | |
| #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a .lines-button.x2.close .lines, | |
| #header-outer header#top nav ul .slide-out-widget-area-toggle a:hover .x2.close i.lines, | |
| #header-outer header#top nav ul .slide-out-widget-area-toggle a .x2.close i.lines, | |
| #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button.close i { | |
| transition: background 0.3s 0s ease, opacity 0.9s linear; | |
| background: transparent!important; | |
| } | |
| .lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after { | |
| transition: top 0.5s ease, -webkit-transform 0.3s 0.43s ease, background-color 0.2s ease, opacity 0.2s linear; | |
| transition: top 0.5s ease, transform 0.3s 0.43s ease, background-color 0.2s ease, opacity 0.2s linear; | |
| top: 0; | |
| width: 1.4rem; | |
| } | |
| .lines-button.x2.close .lines:before { | |
| -webkit-transform: rotate3d(0, 0, 1, 45deg); | |
| transform: rotate3d(0, 0, 1, 45deg); | |
| } | |
| .lines-button.x2.close .lines:after { | |
| -webkit-transform: rotate3d(0, 0, 1, -45deg); | |
| transform: rotate3d(0, 0, 1, -45deg); | |
| } | |
| .slide-out-widget-area-toggle a > span { | |
| transition: -webkit-transform 0.33s 0.35s ease-in; | |
| transition: transform 0.33s 0.35s ease-in; | |
| -webkit-transform-origin: center; | |
| transform-origin: center; | |
| display: block; | |
| height: 21px; | |
| } | |
| #header-outer[data-full-width="true"] .slide-out-widget-area-toggle .open > span { | |
| -webkit-transform: rotate3d(0, 0, 1, -180deg); | |
| transform: rotate3d(0, 0, 1, -180deg); | |
| } | |
| .slide-out-widget-area-toggle .closed > span { | |
| transition: -webkit-transform 0.33s 0s ease; | |
| transition: transform 0.33s 0s ease; | |
| } | |
| #slide-out-widget-area .menuwrapper { | |
| position: relative; | |
| -webkit-perspective: 1000px; | |
| perspective: 1000px; | |
| -webkit-perspective-origin: center; | |
| perspective-origin: center; | |
| margin-right: 0!important; | |
| display: block; | |
| } | |
| #slide-out-widget-area .menuwrapper:first-child { | |
| margin-right: 100px; | |
| } | |
| #slide-out-widget-area .menuwrapper button { | |
| background: #ccc; | |
| border: none; | |
| width: 48px; | |
| height: 45px; | |
| text-indent: -900em; | |
| overflow: hidden; | |
| position: relative; | |
| cursor: pointer; | |
| outline: none; | |
| } | |
| #slide-out-widget-area .menuwrapper button:after { | |
| content: ''; | |
| position: absolute; | |
| width: 68%; | |
| height: 5px; | |
| background: #fff; | |
| top: 10px; | |
| left: 16%; | |
| box-shadow: | |
| 0 10px 0 #fff, | |
| 0 20px 0 #fff; | |
| } | |
| #slide-out-widget-area .menuwrapper ul { | |
| padding: 0; | |
| list-style: none; | |
| -webkit-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| } | |
| #slide-out-widget-area .menuwrapper li { | |
| position: relative; | |
| } | |
| #slide-out-widget-area.fullscreen .menuwrapper li a { | |
| display: block; | |
| position: relative; | |
| padding: 6px 20px; | |
| color: #fff; | |
| outline: none; | |
| } | |
| #slide-out-widget-area .menuwrapper li small { | |
| display: inline-block; | |
| text-transform: uppercase; | |
| font-size: 15px; | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| letter-spacing: 2px; | |
| position: relative; | |
| top: -4px; | |
| opacity: 0.6; | |
| } | |
| #slide-out-widget-area:not(.fullscreen) .menuwrapper li small { | |
| font-size: 10px; | |
| display: block; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| } | |
| #slide-out-widget-area .no-touch .menuwrapper li a:hover { | |
| background: rgba(255,248,213,0.1); | |
| } | |
| #slide-out-widget-area .menuwrapper li.back > a { | |
| background: rgba(0,0,0,0.13); | |
| } | |
| #slide-out-widget-area:not(.fullscreen) .menuwrapper li.back > a { | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| margin-left: -10px; | |
| } | |
| /*#slide-out-widget-area .menuwrapper li.back:after,*/ | |
| /*#slide-out-widget-area .menuwrapper li > a:not(:only-child):after { | |
| position: absolute; | |
| top: 1px; | |
| font-family: 'icomoon'; | |
| speak: none; | |
| -webkit-font-smoothing: antialiased; | |
| content: "\e000"; | |
| font-size: 16px!important; | |
| line-height: 60px; | |
| padding: 6px 0; | |
| }*/ | |
| #slide-out-widget-area .menuwrapper li.back, | |
| #slide-out-widget-area .menu.subview li.subviewopen > .sub-menu > li.back { | |
| display: inline-block; | |
| margin-bottom: 20px!important; | |
| } | |
| /*#slide-out-widget-area .menuwrapper li > a:after { | |
| margin-left: 13px; | |
| color: rgba(255,255,255,1); | |
| transition: all 0.3s ease; | |
| } | |
| #slide-out-widget-area .menuwrapper li > a:hover:after { | |
| margin-left: 17px; | |
| }*/ | |
| #slide-out-widget-area .menuwrapper .menu { | |
| margin: 0; | |
| position: relative; | |
| width: 100%; | |
| opacity: 0; | |
| pointer-events: none; | |
| -webkit-transform: translateY(10px); | |
| transform: translateY(10px); | |
| -webkit-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| } | |
| #slide-out-widget-area .menuwrapper .menu.menu-toggle { | |
| transition: all 0.25s ease; | |
| } | |
| #slide-out-widget-area .menuwrapper .menu.menuopen { | |
| opacity: 1; | |
| pointer-events: auto; | |
| -webkit-transform: translateY(0px); | |
| transform: translateY(0px); | |
| } | |
| /* Hide the inner submenus */ | |
| #slide-out-widget-area .menuwrapper li .sub-menu { | |
| display: none; | |
| margin: 0!important; | |
| padding: 0!important; | |
| } | |
| /* | |
| When a submenu is openend, we will hide all li siblings. | |
| For that we give a class to the parent menu called "dl-subview". | |
| We also hide the submenu link. | |
| The opened submenu will get the class "dl-subviewopen". | |
| All this is done for any sub-level being entered. | |
| */ | |
| #slide-out-widget-area .menu.subview li, | |
| #slide-out-widget-area .menu.subview li.subviewopen > a, | |
| #slide-out-widget-area .menu.subview li.subview > a, | |
| #slide-out-widget-area .menu.subview li.subviewopen > small, | |
| #slide-out-widget-area .menu.subview li.subview > small, | |
| #slide-out-widget-area .mobile-only { | |
| display: none; | |
| } | |
| #slide-out-widget-area .menu.subview li.subview, | |
| #slide-out-widget-area .menu.subview li.subview .sub-menu, | |
| #slide-out-widget-area .menu.subview li.subviewopen, | |
| #slide-out-widget-area .menu.subview li.subviewopen > .sub-menu, | |
| #slide-out-widget-area .menu.subview li.subviewopen > .sub-menu > li { | |
| display: block; | |
| } | |
| /* Dynamically added submenu outside of the menu context */ | |
| #slide-out-widget-area .menuwrapper > .sub-menu { | |
| position: absolute; | |
| width: 100%; | |
| top: 0; | |
| left: 0; | |
| margin: 0!important; | |
| padding: 0!important; | |
| } | |
| .menu.dl-animate-out-5 { | |
| -webkit-animation: MenuAnimOut5 0.4s ease-in-out; | |
| animation: MenuAnimOut5 0.4s ease-in-out; | |
| } | |
| .menu.dl-animate-in-5 { | |
| -webkit-animation: MenuAnimIn5 0.4s ease-in-out; | |
| animation: MenuAnimIn5 0.4s ease-in-out; | |
| } | |
| .menuwrapper > .sub-menu.dl-animate-in-5 { | |
| -webkit-animation: SubMenuAnimIn5 0.4s ease-in-out; | |
| animation: SubMenuAnimIn5 0.4s ease-in-out; | |
| } | |
| .menuwrapper > .sub-menu.dl-animate-out-5 { | |
| -webkit-animation: SubMenuAnimOut5 0.4s ease-in-out; | |
| animation: SubMenuAnimOut5 0.4s ease-in-out; | |
| } | |
| @-webkit-keyframes MenuAnimOut5 { | |
| 0% { } | |
| 100% { | |
| -webkit-transform: rotateY(-25deg) translateX(-300px); | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes MenuAnimOut5 { | |
| 0% { } | |
| 100% { | |
| -webkit-transform: rotateY(-25deg) translateX(-300px); | |
| transform: rotateY(-25deg) translateX(-300px); | |
| opacity: 0; | |
| } | |
| } | |
| @-webkit-keyframes MenuAnimIn5 { | |
| 0% { | |
| -webkit-transform: rotateY(-25deg) translateX(-300px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| -webkit-transform: rotateY(0deg) translateX(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes MenuAnimIn5 { | |
| 0% { | |
| -webkit-transform: rotateY(-25deg) translateX(-300px); | |
| transform: rotateY(-25deg) translateX(-300px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| -webkit-transform: rotateY(0deg) translateX(0px); | |
| transform: rotateY(0deg) translateX(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @-webkit-keyframes SubMenuAnimIn5 { | |
| 0% { | |
| -webkit-transform: rotateY(25deg) translateX(300px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| -webkit-transform: rotateY(0deg) translateX(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes SubMenuAnimIn5 { | |
| 0% { | |
| -webkit-transform: rotateY(25deg) translateX(300px); | |
| transform: rotateY(25deg) translateX(300px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| -webkit-transform: rotateY(0deg) translateX(0px); | |
| transform: rotateY(0deg) translateX(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @-webkit-keyframes SubMenuAnimOut5 { | |
| 0% { | |
| -webkit-transform: rotateY(0deg) translateX(0px); | |
| opacity: 1; | |
| } | |
| 100% { | |
| -webkit-transform: rotateY(25deg) translateX(300px); | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes SubMenuAnimOut5 { | |
| 0% { | |
| -webkit-transform: rotateY(0deg) translateX(0px); | |
| transform: rotateY(0deg) translateX(0px); | |
| opacity: 1; | |
| } | |
| 100% { | |
| -webkit-transform: rotateY(25deg) translateX(300px); | |
| transform: rotateY(25deg) translateX(300px); | |
| opacity: 0; | |
| } | |
| } | |
| /***************** Flickr widget ******************/ | |
| #footer-outer .col #flickr > div img { | |
| background-color: #444; | |
| border-color: #4d4d4d; | |
| } | |
| #footer-outer .col #flickr > div a:hover img { | |
| border-color: #616161; | |
| background-color: #616161; | |
| } | |
| #footer-outer .col .widget_recent_entries span, #footer-outer .col .recent_posts_extra_widget .post-widget-text span, | |
| #slide-out-widget-area .widget_recent_entries span, #slide-out-widget-area .recent_posts_extra_widget .post-widget-text span { | |
| display: block; | |
| line-height: 17px; | |
| color: #999; | |
| font-size: 11px; | |
| margin-bottom: 6px; | |
| } | |
| #slide-out-widget-area .widget_recent_entries span, #slide-out-widget-area .recent_posts_extra_widget .post-widget-text span { | |
| color: inherit; | |
| } | |
| #slide-out-widget-area .widget_recent_entries span { | |
| opacity: 0.8; | |
| } | |
| #footer-outer #footer-widgets .col ul li { | |
| padding: 8px 0px; | |
| list-style: none; | |
| margin-bottom: 0px; | |
| border-bottom: 1px solid #444; | |
| } | |
| #footer-outer #footer-widgets .col ul li:first-child { | |
| padding-top: 0px!important; | |
| } | |
| #footer-outer #footer-widgets .col ul li:last-child { | |
| margin-bottom: 0px; | |
| } | |
| #footer-outer #footer-widgets .col ul ul li:last-child { | |
| border-bottom: 0px!important; | |
| } | |
| #footer-outer #footer-widgets .col p { | |
| padding-bottom: 20px; | |
| } | |
| #footer-outer #footer-widgets .col p:last-child { | |
| padding-bottom: 0px; | |
| } | |
| /***************** Calendar Widget ******************/ | |
| .widget_calendar { | |
| position: relative; | |
| } | |
| .widget_calendar table { | |
| width: 100%; | |
| border-collapse:collapse; | |
| } | |
| .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th { | |
| text-align: center; | |
| } | |
| .widget_calendar table tbody td { | |
| border: 0px; | |
| padding: 4px; | |
| font-size: 11px; | |
| color: #666; | |
| } | |
| .widget_calendar table tbody tr td:first-child { | |
| border-left: 0px; | |
| } | |
| .widget_calendar table tbody tr:nth-child(2n+1) { | |
| background-color: #f0f0f0; | |
| } | |
| .widget_calendar table th { | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| border-bottom: 0px; | |
| text-align: center!important; | |
| padding-bottom: 10px; | |
| color: #999999; | |
| } | |
| .widget_calendar table #prev { | |
| text-align: left; | |
| position: relative; | |
| padding: 10px 0px 0px 0px; | |
| z-index: 2; | |
| } | |
| .widget_calendar table #next { | |
| text-align: right; | |
| position: relative; | |
| padding: 10px 0px 0px 0px; | |
| z-index: 2; | |
| } | |
| .widget_calendar caption { | |
| position: absolute; | |
| bottom: 0px; | |
| z-index: 1; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| #footer-outer #footer-widgets .col .widget_calendar table tbody td { | |
| border: 0px; | |
| color: #666666; | |
| padding: 4px; | |
| font-size: 11px; | |
| } | |
| #footer-outer #footer-widgets .col .widget_calendar table { | |
| border-collapse:collapse; | |
| } | |
| #footer-outer #footer-widgets .col .widget_calendar table tbody tr td:first-child { | |
| border-left: 0px; | |
| } | |
| #footer-outer #footer-widgets .col .widget_calendar table tbody tr:nth-child(2n+1) { | |
| background-color: #343739; | |
| } | |
| #footer-outer #footer-widgets .col .widget_calendar table th { | |
| border-bottom: 0px; | |
| padding-bottom: 10px; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| color: #666666; | |
| } | |
| #footer-outer #footer-widgets .col .widget_calendar table tfoot tr { | |
| margin-top: 20px; | |
| } | |
| .widget_search .search-form, .newsletter-widget form { | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| body[data-button-style="rounded"].ascend .container-wrap .search-form input[type="submit"] { | |
| border-radius: 0px!important; | |
| -webkit-border-radius: 0px!important; | |
| -o-border-radius: 0px!important; | |
| } | |
| .widget_search .search-form input[type=text], .newsletter-widget form input[type=email] { | |
| padding-right: 75px!important; | |
| border-radius: 0px 2px 2px 0px; | |
| margin: 0!important; | |
| } | |
| .widget_search .search-form input[type=submit], .newsletter-widget form input[type=submit] { | |
| position: absolute; | |
| right: 0px; | |
| top: 0px; | |
| margin: 0!important; | |
| line-height: 22px; | |
| padding: 10px 11px; | |
| } | |
| #footer-outer .widget_search .search-form input[type=submit], #footer-outer .newsletter-widget form input[type=submit] { | |
| padding: 10px 11px 11px 10px; | |
| } | |
| #footer-outer #footer-widgets .col .tagcloud a { | |
| background-color: #1B1B1B; | |
| color: #A0A0A0 !important; | |
| cursor: pointer; | |
| display: inline-block; | |
| float: left; | |
| margin: 3px 3px 0px 0px; | |
| padding: 5px 7px; | |
| position: relative; | |
| font-size: 8pt !important; | |
| text-transform: capitalize; | |
| transition: all 0.2s linear; | |
| border-radius: 2px; | |
| line-height: 22px; | |
| -moz-border-radius: 2px; | |
| -webkit-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| } | |
| #footer-outer #footer-widgets .col .widget_tag_cloud:after { | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| content: ""; | |
| visibility: hidden; | |
| } | |
| #slide-out-widget-area .tagcloud a { | |
| padding: 2px 11px; | |
| border: 1px solid #fff; | |
| margin: 0px 8px 8px 0px; | |
| font-size: 12px; | |
| display: block; | |
| float: left; | |
| text-transform: uppercase; | |
| transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| } | |
| #slide-out-widget-area .tagcloud a:last-child:after, #slide-out-widget-area .tagcloud:after { | |
| display: block; | |
| content: ' '; | |
| clear: both; | |
| height: 1px; | |
| } | |
| #footer-outer #footer-widgets .col .tagcloud a:hover { | |
| background-color: #27CFC3; | |
| color: #fff!important; | |
| } | |
| #footer-outer #footer-widgets .col .widget_recent_comments ul li, #slide-out-widget-area .widget_recent_comments ul li { | |
| background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15); | |
| border: medium none; | |
| display: block; | |
| margin-bottom: 18px; | |
| padding: 19px !important; | |
| position: relative; | |
| } | |
| #slide-out-widget-area .widget_recent_comments ul li { | |
| background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); | |
| } | |
| #footer-outer #footer-widgets .col .widget_recent_comments ul li:last-child, #slide-out-widget-area .widget_recent_comments ul li:last-child { | |
| margin-bottom: 0px; | |
| } | |
| #footer-outer #footer-widgets .col input[type=text], #footer-outer #footer-widgets .col input[type=email] { | |
| padding: 10px; | |
| width: 100%; | |
| } | |
| #footer-outer #footer-widgets .col input[type=text]:focus, #footer-outer #footer-widgets .col input[type=email]:focus { | |
| background-color: #fff; | |
| } | |
| #footer-outer #footer-widgets .col input[type=submit] { | |
| background-color: #27CFC3; | |
| opacity: 0.9; | |
| transition: opacity 0.2s linear 0s; | |
| -moz-transition: opacity 0.2s linear 0s; | |
| -webkit-transition: opacity 0.2s linear 0s; | |
| -o-transition: opacity 0.2s linear 0s; | |
| } | |
| #footer-outer #footer-widgets .col input[type=submit]:hover { | |
| opacity: 1; | |
| } | |
| #footer-outer #footer-widgets .col .search-form form, #footer-outer #footer-widgets .col .search-form label, | |
| #footer-outer #footer-widgets .col .newsletter-widget form, #footer-outer #footer-widgets .col .search-form { | |
| line-height: 12px!important; | |
| } | |
| #footer-outer .recent_projects_widget img { | |
| background-color: #444; | |
| border-color: #4d4d4d; | |
| } | |
| #footer-outer .recent_projects_widget a:hover img { | |
| border-color: #616161; | |
| background-color: #616161; | |
| } | |
| #footer-outer .widget.widget_nav_menu li a { | |
| border-bottom: 0px!important; | |
| } | |
| #footer-outer #footer-widgets .col ul li:first-child > a { | |
| padding-top: 0px!important; | |
| } | |
| #footer-outer #footer-widgets .rsswidget img { | |
| margin-bottom: -2px!important; | |
| margin-right: 2px; | |
| } | |
| /***************** Call to action ******************/ | |
| #call-to-action { | |
| font-family: 'Open Sans'; | |
| font-weight: 300; | |
| position: relative; | |
| z-index: 10; | |
| background-color: #eeedec; | |
| text-align: center; | |
| vertical-align: bottom; | |
| font-size: 22px; | |
| } | |
| #call-to-action .container { | |
| padding: 42px 0px 36px 0px!important; | |
| } | |
| #call-to-action .container span { | |
| letter-spacing: -1px; | |
| display: inline-block; | |
| } | |
| #call-to-action .container a { | |
| background: none repeat scroll 0 0 #27CFC3; | |
| position: relative; | |
| top: -3px; | |
| color: #FFFFFF; | |
| margin-bottom: 0px!important; | |
| font-size: 12px; | |
| box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; | |
| text-transform: uppercase; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| letter-spacing: 2px; | |
| margin-left: 20px; | |
| line-height: 24px; | |
| display: inline-block; | |
| border-radius: 5px 5px 5px 5px; | |
| padding: 16px 21px; | |
| } | |
| #call-to-action .triangle { | |
| border-left: 10px solid transparent; | |
| border-right: 10px solid transparent; | |
| border-top: 10px solid #f8f8f8; | |
| height: 10px; | |
| width: 10px; | |
| left: 440px; | |
| margin: -42px auto 33px auto; | |
| } | |
| #call-to-action a { | |
| color: #45484a; | |
| opacity: 1; | |
| transition: opacity 0.3s linear; | |
| -moz-transition: opacity 0.3s linear; | |
| -webkit-transition: opacity 0.3s linear; | |
| -o-transition: opacity 0.3s linear; | |
| } | |
| #call-to-action a:hover { | |
| opacity: 0.75; | |
| } | |
| #call-to-action span { | |
| color: #4b4f52; | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| } | |
| /*-------------------------------------------------------------------------*/ | |
| /* 8. Sidebar Styles | |
| /*-------------------------------------------------------------------------*/ | |
| #sidebar div ul { | |
| margin-left: 0px; | |
| } | |
| #sidebar div ul li { | |
| padding: 8px 0px; | |
| list-style: none; | |
| border-bottom: 1px solid #e6e6e6; | |
| } | |
| #sidebar > div { | |
| margin-bottom: 50px; | |
| } | |
| #sidebar > div:last-child { | |
| margin-bottom: 0px; | |
| } | |
| #sidebar #sidebar-inner { | |
| margin-bottom: 0px!important; | |
| } | |
| #sidebar .widget_recent_entries span, .recent_posts_extra_widget span { | |
| display: block; | |
| line-height: 13px; | |
| font-size: 11px; | |
| margin-bottom: 6px; | |
| } | |
| #sidebar .widget_recent_entries span { | |
| color: #999; | |
| } | |
| #sidebar h4 { | |
| margin-bottom: 10px; | |
| color: #999; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| font-size: 12px; | |
| letter-spacing: 2px; | |
| margin-bottom: 15px; | |
| text-transform: uppercase; | |
| } | |
| #sidebar .widget_recent_comments h4, #sidebar .Simple_Flickr_Photos h4 { | |
| margin-bottom: 16px; | |
| } | |
| #sidebar .widget li.recentcomments { | |
| padding: 15px!important; | |
| margin-bottom: 22px; | |
| border: none; | |
| position: relative; | |
| display: block; | |
| background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02); | |
| } | |
| #sidebar .widget li:first-child { | |
| padding-top: 0px; | |
| } | |
| #sidebar .widget .tagcloud a, .post-tags a { | |
| background-color: #333333; | |
| color: #FFFFFF !important; | |
| cursor: pointer; | |
| display: inline-block; | |
| float: left; | |
| line-height: 22px; | |
| margin: 3px 3px 0px 0px; | |
| font-size: 8pt!important; | |
| padding: 5px 7px; | |
| position: relative; | |
| text-transform: capitalize; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -webkit-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| } | |
| #sidebar .widget_tag_cloud:after { | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| content: ""; | |
| visibility: hidden; | |
| } | |
| #sidebar .widget .tagcloud a:hover, .post-tags a:hover { | |
| background-color: #27CFC3; | |
| } | |
| #sidebar .widget input[type=text], #sidebar .widget input[type=email] { | |
| padding: 10px; | |
| width: 100%; | |
| } | |
| #sidebar .widget form p { | |
| padding-bottom: 15px; | |
| } | |
| #sidebar .widget.widget_categories ul ul, #sidebar .widget.widget_pages ul ul, #sidebar .widget.widget_nav_menu ul ul { | |
| margin: 0px 0px 0px 0px!important; | |
| padding: 0px 0px 0px 20px; | |
| } | |
| #sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li { | |
| border-bottom: 0px!important; | |
| padding: 0px!important; | |
| } | |
| #sidebar .widget.widget_categories li a, #sidebar .widget.widget_pages li a, #sidebar .widget.widget_nav_menu li a { | |
| padding: 8px 0px; | |
| display: block; | |
| border-bottom: 1px solid #E6E6E6; | |
| } | |
| #sidebar .widget.widget_categories > ul > li:first-child > a, #sidebar .widget.widget_pages > ul > li:first-child > a, #sidebar .widget.widget_nav_menu > ul > li:first-child > a { | |
| padding-top: 0px; | |
| } | |
| #sidebar.left-sidebar { | |
| float: left; | |
| } | |
| #post-area.col_last { | |
| float: right; | |
| } | |
| body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar #post-area, body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .comment-list > li { | |
| max-width: 1000px; | |
| margin: 0 auto!important; | |
| } | |
| .recent_projects_widget img, #sidebar #flickr img, #footer-outer #flickr img { | |
| margin-bottom: 0px!important; | |
| display: block; | |
| padding: 5px; | |
| background-color: #fff; | |
| margin-top: 0px; | |
| margin-left: 0px; | |
| border: 1px solid #e5e5e5; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| } | |
| .recent_projects_widget a:hover img, #sidebar #flickr a:hover img, #footer-outer #flickr a:hover img { | |
| border-color: #27CFC3; | |
| } | |
| .recent_projects_widget div a, #sidebar #flickr div a, #footer-outer #flickr div a { | |
| float: left; | |
| margin: 2% 2% 0 0; | |
| width: 32%!important; | |
| } | |
| .recent_projects_widget div a:nth-child(3n+3), #sidebar #flickr div:nth-child(3n+3) a, #footer-outer #flickr div:nth-child(3n+3) a { | |
| margin-right: 0px!important; | |
| } | |
| #slide-out-widget-area .recent_projects_widget img { | |
| height: auto; | |
| width: 100%; | |
| } | |
| .recent_posts_extra_widget ul li:first-child { | |
| padding-top: 0px!important; | |
| } | |
| .recent_posts_extra_widget .post-widget-image { | |
| float: left; | |
| position: relative; | |
| z-index: 50; | |
| margin-right: 10px; | |
| } | |
| .recent_posts_extra_widget .post-widget-image img { | |
| margin: 3px 0px; | |
| display: block; | |
| } | |
| .recent_posts_extra_widget .clear { | |
| padding-bottom: 0px; | |
| } | |
| .recent_posts_extra_widget .post-widget-text { | |
| line-height: 17px; | |
| } | |
| .recent_posts_extra_widget .post-widget-text span { | |
| margin-top: 2px; | |
| margin-bottom: 4px; | |
| } | |
| #sidebar select { | |
| max-width: 100%; | |
| } | |
| #footer-outer #flickr:after, #sidebar #flickr:after, .recent_projects_widget > div:after { | |
| clear: both; | |
| content: ''; | |
| display: block; | |
| } | |
| .widget_pages ul ul { | |
| margin-top: 20px; | |
| margin-bottom: 30px; | |
| margin-left: 20px!important; | |
| } | |
| /*-------------------------------------------------------------------------*/ | |
| /* 9. Blog + Pagination Styles | |
| /*-------------------------------------------------------------------------*/ | |
| #post-area #pagination { | |
| padding-left: 95px; | |
| } | |
| #post-area.infinite_scroll #pagination { | |
| display: none; | |
| } | |
| #infscr-loading { | |
| position: relative; | |
| z-index: 10000000; | |
| background-image: url("img/icons/loading-white-bg.gif"); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| height: 60px; | |
| border-radius: 2px; | |
| color: #555; | |
| font-size: 12px; | |
| display: inline-block; | |
| margin: 0px auto; | |
| text-align: center; | |
| width: 60px; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| font-size: 12px; | |
| letter-spacing: 2px; | |
| border-color: #555; | |
| border-style: solid; | |
| border-width: 0; | |
| box-sizing: content-box!important; | |
| -webkit-box-sizing: content-box!important; | |
| -o-box-sizing: content-box!important; | |
| -moz-box-sizing: content-box!important; | |
| } | |
| #infscr-loading.default_loader { | |
| background-image: none; | |
| } | |
| .infscr-loading-wrap { | |
| margin: 0px auto; | |
| padding: 0; | |
| text-align: center; | |
| height: 0; | |
| opacity: 0; | |
| transform: scale(0.5); | |
| -moz-transform: scale(0.5); | |
| -o-transform: scale(0.5); | |
| box-sizing: content-box!important; | |
| -webkit-box-sizing: content-box!important; | |
| -o-box-sizing: content-box!important; | |
| -moz-box-sizing: content-box!important; | |
| } | |
| #infscr-loading div { | |
| opacity: 0; | |
| color: #555; | |
| font-size: 12px; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| letter-spacing: 2px; | |
| text-transform: uppercase; | |
| } | |
| #infscr-loading img { margin-bottom: 0; display: none!important; } | |
| #post-area { | |
| padding-right: 20px; | |
| margin-top: 4px; | |
| } | |
| #post-area.col_last { | |
| padding-left: 20px; | |
| padding-right: 0px!important; | |
| } | |
| #post-area.col_last.span_12 { | |
| padding-left: 0px; | |
| float: none!important; | |
| } | |
| #post-area > article:last-child .content-inner { | |
| margin-bottom: 0px; | |
| border-bottom: 0px; | |
| } | |
| article.post .more-link, .blog-recent .more-link { | |
| display: block; | |
| margin-top: 25px; | |
| cursor: default; | |
| color: #fff; | |
| } | |
| article.post .content-inner { | |
| border-bottom: 1px solid #DDDDDD; | |
| padding-bottom: 50px; | |
| margin-bottom: 50px; | |
| } | |
| article.post .more-link span, .blog-recent .more-link span { | |
| background-color: #333; | |
| transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| width: auto; | |
| cursor: pointer; | |
| padding: 6px 10px; | |
| font-size: 11px; | |
| border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -webkit-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| } | |
| article.post .more-link span:hover, .blog-recent .more-link span:hover { | |
| background-color: #27CFC3; | |
| } | |
| article.post .post-meta { | |
| position: absolute; | |
| left: 0px; | |
| top: 0px; | |
| } | |
| article.post.masonry-blog-item .post-meta { | |
| border-right: 0!important; | |
| } | |
| .recent-posts article.post .post-header a { | |
| color: #999; | |
| } | |
| .recent-posts-title { | |
| font-size: 12px!important; | |
| letter-spacing: 1.5px!important; | |
| margin-bottom: 7px!important; | |
| } | |
| .post-header, #single-below-header { | |
| margin-bottom: 12px; | |
| font-size: 11px; | |
| color: #888; | |
| } | |
| .recent-posts .post-header a { | |
| color: #888; | |
| } | |
| .recent-posts .post-header a:hover { | |
| color: #27CFC3; | |
| } | |
| .recent-posts .post-header .title { | |
| margin-bottom: 1px; | |
| } | |
| .recent-posts .post-header .title a { | |
| color: #27CFC3; | |
| } | |
| .recent-posts .post-header .title a:hover { | |
| color: inherit; | |
| } | |
| article.post .post-header h1, article.post .post-header h2 { | |
| font-size: 26px; | |
| line-height: 30px; | |
| } | |
| article.post .post-header h2 a { | |
| color: #27CFC3; | |
| } | |
| article.post .post-header h2 a:hover { | |
| color: inherit!important; | |
| } | |
| article.post .post-header a, article.result a, #single-below-header a { | |
| color: inherit!important; | |
| } | |
| #single-below-header a:hover { | |
| color: #27CFC3; | |
| } | |
| article.post .post-content { | |
| position: relative; | |
| min-height: 98px; | |
| } | |
| .post-tags h4 { | |
| float: left; | |
| margin-top: 8px; | |
| margin-bottom: 15px; | |
| margin-right: 25px; | |
| } | |
| .post-tags .clear { | |
| padding-bottom: 0px; | |
| } | |
| .single .post-content { | |
| padding-left: 0px; | |
| } | |
| .single #single-meta { | |
| right: 0px; | |
| height: 21px; | |
| } | |
| .single #single-meta ul { | |
| margin-bottom: 0px; | |
| } | |
| .single #single-meta { | |
| margin-top: 4px; | |
| } | |
| .single #single-meta ul li { | |
| float: left; | |
| list-style: none; | |
| padding: 0px!important; | |
| border-bottom: 0px!important; | |
| } | |
| .single #single-meta ul li .nectar-love-wrap { | |
| border-right: 1px solid #ddd; | |
| margin-right: 20px; | |
| padding-right: 20px; | |
| width: auto!important; | |
| } | |
| .single #single-meta ul li .nectar-love-wrap span { | |
| font-size: 12px; | |
| height: 13px; | |
| display: block; | |
| width: auto; | |
| padding-left: 0px; | |
| font-family: 'Open Sans'; | |
| font-weight: 400; | |
| line-height: 11px; | |
| } | |
| .single #single-below-header { | |
| margin-top: 8px; | |
| margin-bottom: 0px; | |
| } | |
| .single #single-below-header span { | |
| font-family: inherit!important; | |
| font-size: 11px; | |
| line-height: 16px; | |
| color: #888; | |
| padding-left: 0; | |
| display: block; | |
| float: left; | |
| } | |
| .single #single-below-header > span { | |
| padding: 0 10px 0 10px; | |
| border-left: 1px solid #DDDDDD; | |
| } | |
| .single #single-below-header span:first-child { | |
| padding-left: 0; | |
| border: none; | |
| } | |
| .single #single-below-header:after { | |
| content: "."; | |
| display: block; | |
| height: 0px; | |
| clear: both; | |
| visibility: hidden; | |
| } | |
| .single.single-post .section-title h1 { | |
| max-width: 800px; | |
| } | |
| article.post .content-inner { | |
| position: relative; | |
| } | |
| article.post.quote .post-content .quote-inner, article.post.link .post-content .link-inner, article.format-status .post-content .status-inner, article.post.format-aside .aside-inner { | |
| background-color: #27CFC3; | |
| position: relative; | |
| padding: 15px; | |
| color: #fff; | |
| transition: all 0.2s linear 0s; | |
| -moz-transition: all 0.2s linear 0s; | |
| -o-transition: all 0.2s linear 0s; | |
| -webkit-transition: all 0.2s linear 0s; | |
| } | |
| article.post.quote .content-inner .quote-inner .whole-link { | |
| transition: all 0.2s linear 0s; | |
| -moz-transition: all 0.2s linear 0s; | |
| -o-transition: all 0.2s linear 0s; | |
| -webkit-transition: all 0.2s linear 0s; | |
| } | |
| .single-post .quote-below-content { | |
| margin-top: 70px; | |
| } | |
| article.post.format-aside .aside-inner p { | |
| margin-bottom: 15px; | |
| } | |
| article.post.format-aside .aside-inner .post-header { | |
| margin-bottom: 0px; | |
| } | |
| article.post.format-chat .content-inner dt { | |
| margin-top: 15px; | |
| } | |
| article.post.quote .quote-inner a, article.post.format-aside .aside-inner a, article.post.format-aside .aside-inner a:hover { | |
| color: #fff!important; | |
| } | |
| article.post.format-aside .aside-inner p, article.post.format-aside .aside-inner .post-header { | |
| color: #fff!important; | |
| } | |
| article.post.quote .quote-inner .title, article.post.quote .quote-inner .author, article.post.quote .quote-inner .title, article.post.quote .quote-inner .icon { | |
| position: relative; | |
| z-index: 100; | |
| } | |
| article.post.quote .content-inner .whole-link { | |
| position: absolute; | |
| z-index: 10; | |
| display: block; | |
| background-color: #27CFC3; | |
| height: 100%; | |
| width: 100%; | |
| top: 0px; | |
| left: 0px; | |
| } | |
| article.post.quote .content-inner .quote-inner:hover .whole-link { | |
| background-color: #333333!important; | |
| } | |
| article.post.quote figure { | |
| margin: 0 auto!important; | |
| } | |
| article.post.quote blockquote { | |
| background-image: none!important; | |
| padding: 0px!important; | |
| color: #fff!important; | |
| font-family: inherit!important; | |
| margin: 0 auto!important; | |
| } | |
| article.post.quote .post-content .quote-inner span.icon { | |
| bottom: 17px; | |
| height: 17px; | |
| width: 19px; | |
| display: block; | |
| background-image: url(img/icons/quote.png); | |
| position: absolute; | |
| right: 20px; | |
| } | |
| article.post.link .post-content .link-inner span.icon { | |
| bottom: 17px; | |
| height: 20px; | |
| width: 18px; | |
| display: block; | |
| background-image: url(img/icons/link.png); | |
| position: absolute; | |
| right: 20px; | |
| } | |
| article.post.link .post-content .destination { | |
| word-wrap:break-word; | |
| } | |
| article.post.format-status .post-content .status-inner span.icon { | |
| bottom: 17px; | |
| height: 16px; | |
| width: 18px; | |
| display: block; | |
| background-image: url(img/icons/status.png); | |
| position: absolute; | |
| right: 20px; | |
| } | |
| article.post.format-aside .post-content .aside-inner span.icon { | |
| bottom: 17px; | |
| height: 16px; | |
| width: 18px; | |
| display: block; | |
| background-image: url(img/icons/aside.png); | |
| position: absolute; | |
| right: 20px; | |
| } | |
| @media only screen and (-o-min-device-pixel-ratio: 3/2), | |
| only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
| only screen and (min-device-pixel-ratio: 1.5), | |
| only screen and (min-resolution: 144dpi) { | |
| article.post.quote .post-content .quote-inner span.icon { | |
| background-size: 19px 17px; | |
| background-image: url(img/icons/quote@2x.png)!important; | |
| } | |
| article.post.link .post-content .link-inner span.icon { | |
| background-size: 18px 20px; | |
| background-image: url(img/icons/link@2x.png)!important; | |
| } | |
| article.post.format-status .post-content .status-inner span.icon { | |
| background-size: 19px 17px; | |
| background-image: url(img/icons/status@2x.png)!important; | |
| } | |
| article.post.format-aside .post-content .aside-inner span.icon { | |
| background-size: 19px 17px; | |
| background-image: url(img/icons/aside@2x.png)!important; | |
| } | |
| } | |
| article.post .post-content.quote a, article.post .post-content.link a { | |
| display: block; | |
| z-index: 10; | |
| } | |
| article.post.quote .post-content h2, article.post.link .post-content h2, article.post.format-status .post-content h2 { | |
| color: #fff; | |
| font-size: 26px; | |
| line-height: 30px; | |
| display: block; | |
| margin-bottom: 15px; | |
| } | |
| article.format-status .post-content h2 a { | |
| color: #fff!important; | |
| } | |
| article.post.quote .post-content a:hover .quote-inner, article.post.link .post-content a:hover .link-inner, article.format-status .post-content:hover .status-inner { | |
| background-color: #333333!important; | |
| } | |
| article.post .nectar-love-wrap { | |
| visibility: hidden; | |
| } | |
| article.post .post-meta a { | |
| color: #888888; | |
| } | |
| #post-area:not(.masonry) article.post .post-content .post-meta a.nectar-love { | |
| left: -2px; | |
| position: relative; | |
| } | |
| article.post .post-meta a:hover { | |
| color: #27CFC3; | |
| } | |
| article.post h2.title { | |
| margin-bottom: 2px; | |
| } | |
| article.post .post-meta { | |
| display: block; | |
| margin-bottom: 20px; | |
| border-right: 1px solid #E6E6E6; | |
| } | |
| article.post .post-meta.no-img { | |
| top: 6px; | |
| } | |
| article.post .content-inner .post-featured-img img { | |
| max-width: none; | |
| margin-bottom: 15px!important; | |
| width: 100%; | |
| } | |
| .single article.post .content-inner .post-featured-img img { | |
| margin-bottom: 25px!important; | |
| } | |
| article.post .post-meta .date { | |
| font-size: 12px; | |
| padding-bottom: 2px; | |
| margin-bottom: 12px; | |
| position: relative; | |
| transition: all 0.2s linear 0s; | |
| } | |
| article.post .post-meta .month, article.post .post-meta .year { | |
| display: block; | |
| font-size: 17px; | |
| line-height: 10px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| margin-bottom: 4px; | |
| padding: 0px; | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| } | |
| article.post .post-meta .year { | |
| margin-top: 5px; | |
| } | |
| article.post .post-meta .day { | |
| display: block; | |
| font-size: 30px; | |
| line-height: 29px; | |
| text-align: center; | |
| padding: 0px 12px 0px 12px; | |
| font-family: 'Open Sans'; | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| } | |
| article.post .post-meta .date { | |
| padding-bottom: 17px; | |
| border-bottom: 1px solid #E6E6E6; | |
| } | |
| article.post.video .video-wrap, .single-portfolio .video-wrap { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| height: 0; | |
| margin-bottom: 15px; | |
| } | |
| article.post.video .video-wrap iframe, .single-portfolio .video-wrap iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| article.post.video .mejs-container { | |
| margin-bottom: 15px; | |
| } | |
| .single article.post.video .mejs-container { | |
| margin-bottom: 25px; | |
| } | |
| article.post.audio .audio-wrap, .main-content .audio-wrap { | |
| margin-bottom: 15px; | |
| } | |
| article.post .gallery-slider .gallery, article.post .gallery-slider .jetpack-slideshow { | |
| display: none; | |
| } | |
| article.post table { | |
| width: 100%; | |
| } | |
| article.post table td, article.post table th { | |
| text-align: center; | |
| } | |
| article.post table tbody td { | |
| padding: 5px; | |
| border-right: 1px solid #E6E6E6; | |
| border-bottom: 1px solid #E6E6E6; | |
| color: #676767; | |
| } | |
| article.post table tbody tr td:first-child { | |
| border-left: 1px solid #E6E6E6; | |
| } | |
| article.post table th { | |
| border-bottom: 1px solid #E6E6E6; | |
| color: #676767; | |
| } | |
| article.post table #prev { | |
| text-align: left; | |
| position: relative; | |
| z-index: 2; | |
| } | |
| article.post table #next { | |
| text-align: right; | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .article.post caption { | |
| position: absolute; | |
| bottom: 0px; | |
| z-index: 1; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| p > a > i.icon-3x { | |
| margin-bottom: 0px!important; | |
| } | |
| #pagination { | |
| position: relative; | |
| margin-bottom: 10px; | |
| height: 32px; | |
| width: 100%; | |
| } | |
| #pagination.fw-pagination { | |
| text-align: center; | |
| height: auto; | |
| padding: 10px 0px 50px 0px; | |
| margin-bottom: 0px!important; | |
| } | |
| #pagination.fw-pagination.alt-style-padding { | |
| padding: 50px 0px; | |
| } | |
| #pagination.fw-pagination > div { | |
| float: none; | |
| display: inline-block; | |
| } | |
| .page-template-template-portfolio-php #pagination { | |
| margin-bottom: 30px; | |
| } | |
| #pagination.infinite_scroll { | |
| display: none; | |
| } | |
| #pagination span, #pagination a, #pagination .next.inactive, #pagination .prev.inactive, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span{ | |
| background-color: #333333!important; | |
| background-repeat: no-repeat; | |
| color: #FFFFFF !important; | |
| cursor: pointer; | |
| display: inline-block; | |
| padding: 11px 13px 10px 13px!important; | |
| background-position: -21px center; | |
| position: relative; | |
| text-transform: capitalize; | |
| transition: all 0.2s linear 0s; | |
| border-radius: 2px 2px 2px 2px; | |
| font-family: 'Open Sans'; | |
| font-weight: 600; | |
| } | |
| .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span { | |
| line-height: 11px!important; | |
| } | |
| #pagination > div { | |
| float: left; | |
| margin: 0px 5px 0px 0px; | |
| } | |
| #pagination > div:first-child { | |
| margin-left: 0px; | |
| } | |
| #pagination .next a:hover, #pagination .prev a:hover, #pagination a.page-numbers:hover, #pagination span.page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span, | |
| .woocommerce nav.woocommerce-pagination ul li a:active { | |
| background-color: #27CFC3; | |
| } | |
| .woocommerce nav.woocommerce-pagination ul { | |
| border-bottom: 0px!important; | |
| } | |
| #pagination span { | |
| cursor: default; | |
| } | |
| #pagination a, #pagination span { | |
| display: inline-block; | |
| } | |
| #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next { | |
| text-indent: -9999px; | |
| height: 32px; | |
| width: 32px; | |
| background-repeat: no-repeat!important; | |
| } | |
| #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { | |
| text-indent: -9999px; | |
| height: 32px; | |
| width: 32px; | |
| background-repeat: no-repeat!important; | |
| } | |
| #pagination a.page-numbers, #pagination span.page-numbers { | |
| font-size: 12px; | |
| line-height: 11px; | |
| } | |
| #pagination .next.inactive, #pagination .prev.inactive { | |
| background-color: #eae8e5; | |
| cursor: default!important; | |
| height: 32px; | |
| width: 32px; | |
| margin: 0px 5px 0px 0px; | |
| } | |
| #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next { | |
| background-image: url("img/icons/portfolio-arrows.png"); | |
| background-position: -20px 12px; | |
| } | |
| #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { | |
| background-image: url("img/icons/portfolio-arrows.png"); | |
| background-position: 13px 12px; | |
| } | |
| @media only screen and (-o-min-device-pixel-ratio: 3/2), | |
| only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
| only screen and (min-device-pixel-ratio: 1.5), | |
| only screen and (min-resolution: 144dpi) { | |
| #pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next { | |
| background-image: url("img/icons/portfolio-arrows@2x.png")!important; | |
| background-size: 40px 9px!important; | |
| } | |
| #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev { | |
| background-image: url("img/icons/portfolio-arrows@2x.png")!important; | |
| background-size: 40px 9px!important; | |
| } | |
| } | |
| #author-bio { | |
| padding-bottom: 50px; | |
| margin-bottom: 50px; | |
| min-height: 80px; | |
| box-sizing: content-box!important; | |
| -moz-box-sizing: content-box!important; | |
| -o-box-sizing: content-box!important; | |
| -webkit-box-sizing: content-box!important; | |
| border-bottom: 1px solid #DDDDDD; | |
| position: relative; | |
| } | |
| #author-bio #author-info { | |
| width: 100%; | |
| padding-left: 105px; | |
| } | |
| #author-bio img { | |
| width: 80px; | |
| height: 80px; | |
| margin-bottom: 0px; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| } | |
| #author-bio .clear { | |
| padding-bottom: 0px; | |
| } | |
| .single #post-area.span_12 #author-info { | |
| width: 992px; | |
| } | |
| /****************************** NECTAR LOVE **************************/ | |
| .nectar-love-wrap { | |
| width: 72px; | |
| line-height: 19px; | |
| } | |
| .nectar-love { | |
| -moz-transition: background-color 0.2s linear; | |
| -webkit-transition: background-color 0.2s linear; | |
| -o-transition: background-color 0.2s linear; | |
| transition: background-color 0.2s linear; | |
| height: 13px; | |
| width: auto; | |
| color: inherit!Important; | |
| line-height: 11px; | |
| font-size: 14px; | |
| display: inline-block; | |
| } | |
| .nectar-love span { | |
| font-family: 'Open Sans'!important; | |
| font-weight: 400; | |
| color: inherit; | |
| font-size: 12px!important; | |
| line-height: 12px!important; | |
| padding-left: 0px!important; | |
| display: inline-block!important; | |
| } | |
| .nectar-love:hover i, .nectar-love.loved i { | |
| color: #27CFC3; | |
| } | |
| @import url("../salient/style.css"); | |
| .post-password-form { | |
| margin-top: 100px; | |
| } | |
| .product.woocommerce.add_to_cart_inline{ | |
| color: transparent; | |
| font-size: 0px; | |
| } | |
| .product.woocommerce.add_to_cart_inline a{ | |
| display: none; | |
| } | |
| .product.woocommerce.add_to_cart_inline a:last-of-type{ | |
| display: inline-block; | |
| } | |
| .home .wcps-container .wcps-rossi div.wcps-items div.wcps-items-cart a.add_to_cart_button { | |
| background: #0DE185 none repeat scroll 0px 0px; | |
| border: medium none; | |
| border-radius: 0px; | |
| box-shadow: none; | |
| font-size: 12px; | |
| line-height: 12px; | |
| margin-top: -100px; | |
| padding: 10px 15px; | |
| text-shadow: none; | |
| } | |
| li#menu-item-162 .take-it-away { | |
| display: none!important; | |
| } | |
| .wcps-featured { | |
| display: none; | |
| } | |
| /*professional installers section menu*/ | |
| .menu-installers-container { | |
| text-align: center; | |
| } | |
| #menu-installers { | |
| margin-left: 0; | |
| } | |
| ul#menu-installers li{ | |
| list-style: none!important; | |
| display: inline!important; | |
| padding-left: 3%!important; | |
| text-align: center!important; | |
| color: #fff!important; | |
| } | |
| ul#menu-installers li:first-child { | |
| margin-left: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| ul#menu-installers li a{ | |
| color: #fff!important; | |
| } | |
| ul#menu-installers li a:hover, ul#menu-installers li a:hover{ | |
| color: red!important; | |
| } | |
| .shop .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { | |
| width: 22.45%!important; | |
| margin-right: 2%; | |
| margin-bottom: 2%; | |
| } | |
| .top-menu-text a { | |
| color: #3e3e3e; | |
| } | |
| .top-menu-text a:hover, .top-menu-text a:focus { | |
| color: #D2232A; | |
| } | |
| .blog .container-wrap, .project-title { | |
| background-color: #FFF; | |
| position: relative; | |
| z-index: 10; | |
| margin-top: -35px; | |
| padding-top: 93px; | |
| padding-bottom: 40px; | |
| } | |
| .woocommerce .classic .product-wrap .add_to_cart_button { | |
| background-image: none !important; | |
| background-position: center center !important; | |
| background-repeat: no-repeat !important; | |
| text-indent: -9999px !important; | |
| height: 30px !important; | |
| width: 105px !important; | |
| border-radius: 0px !important; | |
| padding: 10px !important; | |
| } | |
| /*#reviews { | |
| display: none; | |
| }*/ | |
| .sf-menu li ul, .sf-menu li li ul { | |
| box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); | |
| background: #272727; | |
| } | |
| .sf-menu li ul a, .sf-menu li li ul a{ | |
| font-size: 15px; | |
| } | |
| .container-wrap, .project-title { | |
| background-color: #fff; | |
| position: relative; | |
| z-index: 10; | |
| margin-top: -55px; | |
| padding-top: 93px; | |
| padding-bottom: 40px; | |
| } | |
| .col .span_6 { | |
| text-align: center!important; | |
| } | |
| .contentBoxed { | |
| text-align: center; | |
| border: 1px solid #000; | |
| padding: 8%; | |
| } | |
| /*remove "previous" and "next" text on modal image gallery for main product image */ | |
| .pp_gallery a.pp_arrow_previous, .pp_gallery a.pp_arrow_next { | |
| display: none !important; | |
| } | |
| .single .container-wrap, .project-title { | |
| background-color: #ffffff; | |
| } | |
| .woocommerce .single-product-summary .entry-summary p { | |
| padding-bottom: 20px; | |
| text-align: justify; | |
| } | |
| li #menu-item-149 img { | |
| margin-bottom: 0px!important; | |
| } | |
| li #menu-item-149 { | |
| text-align: center; | |
| } | |
| nav .row .col img { | |
| margin-bottom: 0px!important; | |
| max-width: 100%; | |
| width: auto; | |
| height: auto; | |
| } | |
| header#top nav > ul > li.megamenu > ul ul li a:hover, header#top nav > ul > li.megamenu > ul ul li.current-menu-item a { | |
| color: #D14A49!important; | |
| background-color: #272727!important; | |
| } | |
| .woocommerce div.product .woocommerce-tabs ul.tabs { | |
| padding-left: 2px !important; | |
| margin-bottom: 0px !important; | |
| border-bottom: 1px solid #CFCFCF; | |
| } | |
| .woocommerce .woocommerce-tabs { | |
| padding-top: 1.5rem; | |
| } | |
| /*li.reviews_tab { | |
| display: none!important; | |
| }*/ | |
| li.additional_information_tab { | |
| display: none!important; | |
| } | |
| .single .span_5 { | |
| width: 29%; | |
| min-height: 550px !important; | |
| } | |
| .single .span_7 { | |
| width: 68.5%; | |
| padding-left: 4% !important; | |
| } | |
| .woocommerce .single-product-summary .entry-summary p { | |
| padding-bottom: 20px; | |
| font-size: 16px !important; | |
| line-height: 28px; | |
| } | |
| .woocommerce div.product form.cart .variations td.label { | |
| padding-right: 1em; | |
| font-size: 17px; | |
| } | |
| .product_meta span { | |
| line-height: 2rem; | |
| font-size: 18px !important; | |
| } | |
| .product_meta .sku_wrapper, | |
| .product_meta .posted_in, | |
| .product_meta .tagged_as { | |
| display: block; | |
| } | |
| .gl-custom-product-buttons { | |
| margin-bottom: .85rem; | |
| } | |
| .gl-custom-product-buttons a.button { | |
| margin-right: .85rem; | |
| margin-bottom: 1rem; | |
| } | |
| .single_variation { | |
| display: none!important; | |
| } | |
| .variations_button { | |
| display: none!important; | |
| } | |
| .woocommerce div.product p.price, .woocommerce div.product span.price { | |
| color: #77A464; | |
| font-size: 1.25em; | |
| display: none !important; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li { | |
| display: table-cell!important; | |
| float: none!important; | |
| padding: 0px 15px; | |
| width: 33.33%; | |
| vertical-align: top; | |
| } | |
| .header-lines { | |
| background: url('/wp-content/uploads/2015/08/header_lines.jpg') center center no-repeat; | |
| height: 165px; | |
| width: 24px; | |
| background-size: 100%; | |
| vertical-align: bottom; | |
| } | |
| #top-menu-holder div { | |
| display: inline-block; | |
| } | |
| #top-menu-holder #language-wrapper, | |
| #top-menu-holder #social-wrapper, | |
| #top-menu-holder #contact-wrapper, | |
| #top-menu-holder #professional-wrapper { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| } | |
| #top-menu-holder #language-wrapper #flag-america { | |
| background: url('/wp-content/uploads/2015/08/flag_america.png') center center no-repeat; | |
| height: 20px; | |
| width: 30px; | |
| background-size: 70%; | |
| vertical-align: bottom; | |
| } | |
| #top-menu-holder #language-wrapper #flag-brazil { | |
| background: url('/wp-content/uploads/2015/08/flag_brazil.png') center center no-repeat; | |
| height: 20px; | |
| width: 30px; | |
| background-size: 70%; | |
| vertical-align: bottom; | |
| } | |
| #top-menu-holder #language-wrapper #flag-france { | |
| background: url('/wp-content/uploads/2015/08/flag_france.png') center center no-repeat; | |
| height: 20px; | |
| width: 30px; | |
| background-size: 70%; | |
| vertical-align: bottom; | |
| } | |
| #top-menu-holder #language-wrapper #flag-china { | |
| background: url('/wp-content/uploads/2015/08/flag_china.png') center center no-repeat; | |
| height: 20px; | |
| width: 30px; | |
| background-size: 70%; | |
| vertical-align: bottom; | |
| } | |
| #top-menu-holder .top-menu-text { | |
| font-size: 14px; | |
| color: #4F4F50; | |
| } | |
| #top-menu-holder .vertical-line { | |
| top: 0; | |
| transform: none; | |
| width: 1px; | |
| background-color: #737478; | |
| height: 30px; | |
| margin-right: 15px; | |
| margin-left: 15px; | |
| display: inline-block; | |
| } | |
| #top-menu-holder .fa { | |
| color: #737478; | |
| padding-left: 10px; | |
| } | |
| #mega_main_menu>.menu_holder>.menu_inner>ul>li.nav_search_box #mega_main_menu_searchform { | |
| border-style: none; | |
| } | |
| #mega_main_menu.main_menu { | |
| padding-top: 79px; | |
| } | |
| /* top-menu: Hide on Desktop only to show on mobile with media query */ | |
| .show-in-mobile-menu { | |
| display: none; | |
| } | |
| /* Homepage & Global */ | |
| #about-us-header { | |
| min-height: 340px; | |
| background-image: url("http://gardenlightled.grafxtampa.com/wp-content/uploads/2015/09/aboutUsheader1.jpg") 50%!important; | |
| } | |
| .wpb_wrapper > div { | |
| margin-bottom: 10px; | |
| } | |
| #header-outer[data-full-width="true"] header > .container, #header-secondary-outer[data-full-width="true"] > .container { | |
| width: 100%; | |
| max-width: 100%; | |
| padding: 0px 28px !important; | |
| max-height: 145px; | |
| } | |
| .nectar-slider-wrap { | |
| overflow: hidden; | |
| position: relative; | |
| left: 0px; | |
| margin-top: -22px; | |
| } | |
| .redBar { | |
| height: 10px; | |
| background: #D13628 none repeat scroll 0% 0%; | |
| width: 100%; | |
| position: relative; | |
| box-shadow: 5px -4px 11px -3px rgba(0, 0, 0, 0.9); | |
| } | |
| .homepage-panel-2 p { | |
| color: #fff; | |
| font-size: 18px; | |
| } | |
| .about-panel2 p { | |
| color: #fff; | |
| font-size: 15px; | |
| } | |
| .homepage-top-row { | |
| margin-top: -20px; | |
| } | |
| .image-last { | |
| margin-top: 2px; | |
| margin-left: 4px !important; | |
| } | |
| #fws_55f0d0d13f43e .span_12 { | |
| z-index: 10; | |
| margin-bottom: 0px !important; | |
| margin-left: 20px; | |
| } | |
| .first-column-home { | |
| margin-left: 10px !important; | |
| } | |
| .center-fix { | |
| margin-right: 8% !important; | |
| } | |
| #footer-outer #copyright { | |
| padding: 20px 0px; | |
| font-size: 12px; | |
| background-color: #1C1C1C; | |
| color: #777; | |
| display: none; | |
| } | |
| #footer-widgets .widget { | |
| text-align: center; | |
| } | |
| #footerGirl { | |
| background-image: url("/wp-content/uploads/2015/10/footerGirl4.jpg"); | |
| min-height: 290px; | |
| background-size: cover; | |
| } | |
| #footer-widgets .row { | |
| padding-top: 0px!important; | |
| padding-bottom: 0px!important; | |
| } | |
| #footer-outer .widget { | |
| margin-bottom: 0px; | |
| } | |
| .footer-widget-content { | |
| padding-top: 5%; | |
| } | |
| .footer-widget-content img { | |
| padding-bottom: 10px; | |
| } | |
| #footer-outer #footer-widgets .col ul li { | |
| padding: 0px; | |
| list-style: outside none none; | |
| margin-bottom: 0px; | |
| border-bottom: medium none !important; | |
| display: inline-block !important; | |
| line-height: 15px; | |
| margin: 0 10px 0; | |
| } | |
| #footer-outer #footer-widgets .col ul li a { | |
| font-size: 13px; | |
| color: #FFF; | |
| margin-right: 0px; | |
| text-decoration: underline; | |
| line-height: 8px; | |
| } | |
| #footer-outer #footer-widgets .col ul li a:hover, #footer-outer #footer-widgets .col ul li a:focus { | |
| color: #eac26c!important; | |
| text-decoration: none!important; | |
| } | |
| #footer-outer #footer-widgets .col ul li { | |
| border-bottom: none!important; | |
| } | |
| #nav_menu-2 { | |
| margin-top: 5%; | |
| } | |
| #footer-menu-holder div { | |
| display: inline-block; | |
| margin-top: 1%; | |
| margin-bottom: 4%; | |
| } | |
| li #menu-item-148, li #menu-item-149, li #menu-item-150 { | |
| display: none!important; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li > a:hover { | |
| color: #d14a49!important; | |
| background-color: #272727!important; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li > a:focus { | |
| color: #ffffff!important; | |
| background-color: #272727!important; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li > a:active { | |
| color: #fff!important; | |
| background-color: #272727!important; | |
| } | |
| header#top nav > ul > li.megamenu > ul.sub-menu { | |
| left: 30%; | |
| padding: 15px 0px; | |
| background-color: rgba(0,0,0,0.8); | |
| width: 60%; | |
| top: 83% !important; | |
| position: absolute; | |
| display: none; | |
| } | |
| /*mobile nav: hide for */ | |
| .sub-menu .middleMenu li { | |
| text-align: center!important; | |
| } | |
| header#top nav > ul > li.megamenu ul li a { | |
| border-bottom: none!important; | |
| padding: 6px 10px; | |
| } | |
| header#top nav > ul > li.megamenu > ul > li { | |
| border-right: 1px solid red; | |
| } | |
| header#top .sf-menu li ul li a { | |
| font-size: 12px; | |
| line-height: 13px; | |
| color: #ccc; | |
| transition: none; | |
| letter-spacing: 0; | |
| background-color: transparent; | |
| } | |
| li #menu-item-162 { | |
| margin-top: -20px; | |
| } | |
| #footer-outer i, #header-secondary-outer #social i { | |
| font-size: 20px; | |
| width: auto; | |
| background-color: transparent !important; | |
| padding: 0 24% 0; | |
| color: #fff!important; | |
| } | |
| #footer-outer i:hover, #header-secondary-outer #social i:hover { | |
| color: #eac26c!important; | |
| } | |
| /*turn off product detail sections on home feature slider*/ | |
| .home .wcps-container .wcps-theme6 div.wcps-items .wcps-items-excerpt, | |
| .home .wcps-container .wcps-theme6 div.wcps-items .wcps-items-category, | |
| .home .wcps-container .wcps-theme6 div.wcps-items .wcps-items-price { | |
| display: none; | |
| } | |
| /*customize home feature slider*/ | |
| .wcps-container .wcps-theme6 div.wcps-items div.wcps-items-thumb { | |
| margin-bottom: 10px; | |
| overflow: hidden; | |
| position: relative; | |
| text-align: center; | |
| min-height: 150px !important; | |
| } | |
| .wcps-container .wcps-theme6 div.wcps-items div.wcps-items-thumb img { | |
| width: 150px !important; | |
| } | |
| .home .wcps-container .wcps-theme6 { | |
| padding-top: 0px; | |
| } | |
| .home .wcps-container .wcps-theme6 div.wcps-items { | |
| background: #FFF none repeat scroll 0px 0px; | |
| box-shadow: none; | |
| margin: 0px 10px; | |
| padding-bottom: 5px; | |
| } | |
| .home .wcps-container .wcps-theme6 div.wcps-items .items-info { | |
| background: none; | |
| } | |
| .home .wcps-container .wcps-theme6 div.wcps-items div.wcps-items-title { | |
| line-height: 16px; | |
| padding: 0px 0; | |
| color: #fff; | |
| font-family: Lato; | |
| font-weight: 900; | |
| top: 0px; | |
| position: absolute; | |
| text-align: center; | |
| height: 320px; | |
| padding-top: 20%; | |
| width: 100%; | |
| text-transform: uppercase; | |
| font-size: 22px; | |
| } | |
| .home .wcps-container .wcps-theme6 div.wcps-items div.wcps-items-title a { | |
| color: #fff !important; | |
| } | |
| .home .wcps-container .wcps-theme6 div.wcps-items div.wcps-items-cart { | |
| text-align: center; | |
| margin-top: 40%; | |
| position: relative; | |
| } | |
| .home .wcps-items-cart { | |
| opacity: 0; | |
| -webkit-transition: opacity .6s ease-in-out; | |
| -moz-transition: opacity .6s ease-in-out; | |
| -o-transition: opacity .6s ease-in-out; | |
| -ms-transition: opacity .6s ease-in-out; | |
| transition: opacity .6s ease-in-out; | |
| } | |
| .home .owl-item:hover .wcps-items-cart { | |
| opacity: 1; | |
| -webkit-transition: opacity .6s ease-in-out; | |
| -moz-transition: opacity .6s ease-in-out; | |
| -o-transition: opacity .6s ease-in-out; | |
| -ms-transition: opacity .6s ease-in-out; | |
| transition: opacity .6s ease-in-out; | |
| } | |
| .home .wcps-items-title { | |
| opacity: 0; | |
| -webkit-transition: opacity .6s ease-in-out; | |
| -moz-transition: opacity .6s ease-in-out; | |
| -o-transition: opacity .6s ease-in-out; | |
| -ms-transition: opacity .6s ease-in-out; | |
| transition: opacity .6s ease-in-out; | |
| } | |
| .home .owl-item:hover .wcps-items-title { | |
| opacity: 1; | |
| background: rgba(0, 0, 0, 0.5); | |
| height: 100px; | |
| padding-top: 100%; | |
| -webkit-transition: opacity .6s ease-in-out; | |
| -moz-transition: opacity .6s ease-in-out; | |
| -o-transition: opacity .6s ease-in-out; | |
| -ms-transition: opacity .6s ease-in-out; | |
| transition: opacity .6s ease-in-out; | |
| } | |
| ul.shield { | |
| list-style-image: url("/wp-content/uploads/2015/09/shield2.png"); | |
| margin-bottom: -100px; | |
| margin-left: 30px; | |
| font-size: 14px; | |
| } | |
| ul.shield a{ | |
| color: #3e3e3e; | |
| } | |
| ul.shield a:hover, ul.shield a:focus { | |
| color: #D13628; | |
| } | |
| ul.shield li{ | |
| padding-top: -4px; | |
| } | |
| #top-menu-holder #language-wrapper, #top-menu-holder #social-wrapper, #top-menu-holder #contact-wrapper, #top-menu-holder #professional-wrapper { | |
| position: relative; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| margin-top: -10px; | |
| } | |
| header#top nav > ul { | |
| float: right; | |
| overflow: visible!important; | |
| transition: padding 0.8s ease, margin 0.25s ease; | |
| min-height: 1px; | |
| line-height: 1px; | |
| max-height: 120px; | |
| margin-top: -12px; | |
| } | |
| header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle { | |
| padding-bottom: 52px; | |
| padding-top: 53px; | |
| padding-top: 0px!important; | |
| } | |
| #testing { | |
| position: relative; | |
| display: inline-block; | |
| float: left; | |
| } | |
| #top-menu-holder { | |
| display: inline-block; | |
| float: left; | |
| } | |
| li.world-menu:after { | |
| position: relative; | |
| content: url("/wp-content/uploads/2015/09/shield2.png"); | |
| left: -15px; | |
| top: -36px; | |
| } | |
| #menu-main-2 li.world-menu:before { | |
| display: none; | |
| } | |
| #google_language_translator { | |
| display: none!important; | |
| } | |
| li#Chinese { | |
| display: none!important; | |
| } | |
| #flags { | |
| width: 140px!important; | |
| padding-top: 4px; | |
| } | |
| .wcps-container .wcps-rossi { | |
| padding-bottom: 30px; | |
| padding-top: 50px; | |
| margin-top: -20px; | |
| } | |
| /*Menu Adjustment*/ | |
| .sub-menu{margin-top: 47px;} | |
| .megamenu .sub-menu{margin-top: 2px;} | |
| /*Gravity Forms*/ | |
| #gform_wrapper_1 { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| margin: 0; | |
| } | |
| body .gform_wrapper .top_label .gfield_label { | |
| font-family: inherit; | |
| } | |
| body .gform_wrapper .top_label .gfield_label[for='input_1_1_3'] { | |
| margin-top: 0; | |
| } | |
| /* | |
| Media Queries | |
| */ | |
| @media screen and (max-width: 1024px) { | |
| #home-mission { | |
| text-align: center!important; | |
| } | |
| #home-materials { | |
| padding-top: 50px!important; | |
| padding-bottom: 30px!important; | |
| visibility: visible; | |
| } | |
| .first-column-home { | |
| width: 45%!important; | |
| float: left; | |
| margin-left: 0px!important; | |
| } | |
| .second-column-home { | |
| width: 45%!important; | |
| margin-left: 5%!important; | |
| float: left; | |
| } | |
| .third-column-home { | |
| width: 45%!important; | |
| float: left; | |
| margin-left: 0px!important; | |
| } | |
| .fourth-column-home { | |
| width: 45%!important; | |
| margin-left: 5%!important; | |
| float: left; | |
| } | |
| p { | |
| font-size: .9rem!important; | |
| } | |
| .single .span_5 { | |
| width: 100%; | |
| } | |
| .single .span_7 { | |
| width: 100%; | |
| padding-left: 0% !important; | |
| } | |
| li.world-menu:after { | |
| position: absolute; | |
| content: url("/wp-content/uploads/2015/09/shield2.png"); | |
| left: 140px; | |
| top: 141px; | |
| } | |
| #top-menu-holder { | |
| display: none; | |
| } | |
| #testing { | |
| display: none; | |
| } | |
| #header-outer:before { | |
| /*content: "";*/ | |
| background-image: url(/wp-content/uploads/2015/09/headerLeft3.png); | |
| position: absolute; | |
| left: 0px; | |
| top: 0px; | |
| width: 25px; | |
| background-repeat: no-repeat; | |
| height: 60px!important; | |
| } | |
| li.world-menu:before { | |
| display: none; | |
| } | |
| } | |
| @media screen and (max-width: 1000px) { | |
| /* display main nav items in mobile menu only */ | |
| .show-in-mobile-menu { | |
| display: list-item; | |
| } | |
| } | |
| @media only screen and (max-width: 800px) { | |
| /* nector slider pagination dots */ | |
| .swiper-container .slider-pagination { | |
| bottom: 0px; | |
| } | |
| #footer-outer #footer-widgets .container { | |
| max-width: 100% !important; | |
| } | |
| /*centering footer nave*/ | |
| #footer-outer #footer-widgets .widget widget_nav_menu .menu-secondary-container { | |
| width: 100%; | |
| } | |
| #footer-outer #footer-widgets ul#menu-secondary { | |
| width: 95%; | |
| margin: auto; | |
| } | |
| #footer-outer #footer-widgets .col ul li { | |
| margin-left: 8px; | |
| margin-right: 8px; | |
| } | |
| .woocommerce .products-carousel ul.products li.product div.product-wrap a { | |
| cursor: initial !important; | |
| } | |
| } | |
| @media only screen and (max-width:1500px){ | |
| .wpb_text_column { | |
| padding-left: 30px; | |
| padding-right: 30px; | |
| } | |
| } | |
| @media only screen and (max-width:1180px){ | |
| #top-menu-holder, #testing { | |
| display: none !important; | |
| } | |
| header#top nav > ul > li > a { | |
| font-size: 12px; | |
| padding: 3px !important; | |
| } | |
| #header-outer:before { | |
| height: 150px !important; | |
| } | |
| } | |
| @media only screen and (max-width:1070px){ | |
| #logo img { | |
| height: 44px !important; | |
| } | |
| nav { | |
| margin-top: 20px !important; | |
| } | |
| #search-btn { | |
| padding-bottom: 0px !important; | |
| } | |
| #header-outer:before { | |
| height: 85px !important; | |
| } | |
| .page.page-child .vc_row-fluid, .page.page-template-default .vc_row-fluid { | |
| margin-top: -10px !important; | |
| } | |
| } | |
| @media only screen and (max-width:1024px){ | |
| #header-outer:before { | |
| height: 65px !important; | |
| } | |
| } | |
| @media screen and (max-width: 780px) { | |
| .wdpu-text, .wdpu-image { | |
| width: 100% !important; | |
| } | |
| } | |
| @media only screen and (max-width: 1400px) { | |
| header#top nav > ul > li > a { | |
| padding: 3px !important; | |
| } | |
| } | |
| @media only screen and (max-width: 1250px) { | |
| header#top nav > ul > li > a { | |
| font-size: 13px !important; | |
| } | |
| } | |
| @media only screen and (max-width: 1150px) { | |
| .sf-sub-indicator { | |
| width: 5px !important; | |
| } | |
| } | |
| @media only screen and (max-width: 1110px) { | |
| header#top nav > ul > li > a { | |
| font-size: 12px !important; | |
| } | |
| } | |
| div.product .woocommerce-tabs ul.tabs{list-style:none;padding:0 0 0 1em;margin:0 0 1.618em;overflow:hidden;position:relative} | |
| div.product .woocommerce-tabs ul.tabs li{border:1px solid #d3ced2;background-color:#ebe9eb;display:inline-block;position:relative;z-index:0;border-radius:4px 4px 0 0;margin:0 -5px;padding:0 1em} | |
| div.product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:.5em 0;font-weight:700;color:#515151;text-decoration:none} div.product form.cart:after, div.product form.cart:before, div.product p.cart:after, div.product p.cart:before{display:table;content:" "} div.product .woocommerce-tabs ul.tabs li a:hover{text-decoration:none;color:#6b6b6b} div.product .woocommerce-tabs ul.tabs li.active a{color:inherit;text-shadow:inherit} div.product .woocommerce-tabs ul.tabs li.active:before{box-shadow:2px 2px 0 #fff} div.product .woocommerce-tabs ul.tabs li.active:after{box-shadow:-2px 2px 0 #fff} div.product .woocommerce-tabs ul.tabs li:after, div.product .woocommerce-tabs ul.tabs li:before{border:1px solid #d3ced2;position:absolute;bottom:-1px;width:5px;height:5px;content:" "} div.product .woocommerce-tabs ul.tabs li:before{left:-6px;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-right-radius:4px;border-width:0 1px 1px 0;box-shadow:2px 2px 0 #ebe9eb} div.product .woocommerce-tabs ul.tabs li:after{right:-6px;-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;border-bottom-left-radius:4px;border-width:0 0 1px 1px;box-shadow:-2px 2px 0 #ebe9eb} div.product .woocommerce-tabs ul.tabs:before{position:absolute;content:" ";width:100%;bottom:0;left:0;border-bottom:1px solid #d3ced2;z-index:1} div.product .woocommerce-tabs .panel{margin:0 0 2em;padding:0} div.product form.cart, div.product p.cart{margin-bottom:2em} | |
| .overview_tab { | |
| font-weight: normal !important; | |
| } | |
| div.product .woocommerce-tabs ul.tabs li.active { | |
| background-color: #d14a49!important; | |
| color: #FFFFFF !important; | |
| } | |
| .span_6 { | |
| width: 49.0% !important; | |
| margin-right: 1%; | |
| } | |
| @media (min-width: 690px) { | |
| } | |
| .col { | |
| position: relative; | |
| z-index: 10; | |
| display: block; | |
| float: left; | |
| width: 100%; | |
| } | |
| .gl-custom-product-buttons a.button { | |
| background-color: #333333!important; | |
| box-shadow: none!important; | |
| -moz-box-shadow: none!important; | |
| -webkit-box-shadow: none!important; | |
| -o-box-shadow: none!important; | |
| background-image: none!important; | |
| text-shadow: none!important; | |
| -moz-text-shadow: none!important; | |
| -webkit-text-shadow: none!important; | |
| -o-text-shadow: none!important; | |
| border: none!important; | |
| background-repeat: no-repeat; | |
| color: #FFFFFF !important; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-size: 12px!important; | |
| line-height: 12px; | |
| padding: 10px 10px!important; | |
| position: relative; | |
| text-align: center; | |
| text-transform: capitalize; | |
| font-weight: normal!important; | |
| transition: all 0.2s linear 0s; | |
| } | |
| .gl-custom-product-buttons a.button:hover { | |
| background-color: #d14a49 !important; | |
| } | |
| .post-password-form { | |
| text-align: center !important; | |
| } | |
| @media screen and (min-width: 1024px) { | |
| .fusion-header { | |
| position: absolute; | |
| z-index: 999; | |
| left: 0; | |
| right: 0; | |
| width: 200px; | |
| } | |
| .fusion-secondary-main-menu { | |
| margin-top: 0px !important; | |
| } | |
| .fusion-header-wrapper .fusion-sticky-header-wrapper { | |
| max-width: 1200px; | |
| margin: auto; | |
| position: relative; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment