/* Theme Name: X – Child Theme Theme URI: http://theme.co/x/ Author: Themeco Author URI: http://theme.co/ Description: Make all of your modifications to X in this child theme. Version: 1.0.0 Template: x */ @import url( '../x/framework/css/dist/site/stacks/integrity-light.css' ); /*---------------------------------------------------------------*/ /* -- GLOBAL -- /*---------------------------------------------------------------*/ body{color:#000; background-color:#ececec!important;font-family: "pragmatica-web","Arial","Helvetica",sans-serif !important; font-style: normal; font-weight: 200; line-height:1.45em!important; } .entry-wrap{padding:0;border-radius:0;box-shadow:none;background:transparent;} a{text-decoration:none;} a:hover{text-decoration:underline;} a.no-underline:hover {color:#000;text-decoration:none;} h1, h2, h3, h4 .h1, .h2, .h3, .h4 {font-family: "pragmatica-web","Arial","Helvetica",sans-serif !important; font-style: normal;} h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a{text-decoration:none;font-weight:normal!important;} h1 {margin: 0 0 20px!important;font-size:1.5em !important;line-height:1.2em !important;letter-spacing:0 !important; color:#000; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 700;text-transform: uppercase;} h2 {margin:0 0 20px; font-size:1.5em; line-height: 1.2em; color:#000; letter-spacing:0 !important; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 700!important;text-transform: uppercase;} h3 { font-size:1.17em; margin:0 0 10px; padding:0; letter-spacing:0 !important; font-weight: 400!important;} .entry-title{font-size: 1.5em;} p {margin: 0 0 30px;font-family: "pragmatica-web","Arial","Helvetica",sans-serif !important; font-style: normal; font-weight: 200!important;} p + p { margin: -5px 0 20px; } p a.phone, .fax a {color:#000 !important; text-decoration: none!important;} .entry-content ul {list-style-type: none; margin: 0 0 0 10px; } .entry-content ul li {position: relative; margin: 0 0 20px; padding: 0 0 0 10px; } .entry-content ul li:before {font-family: "FontAwesome"; content: "\f111"; font-size:6px; position: absolute; left:-2px; top: 11px; } hr {border-top:1px solid #231f52;margin:40px 0;} .fl {float:left;} .fr {float:right;} .hidden { display: none !important; visibility: hidden;} img.left,img.alignleft {margin:0 15px 20px 0;float:left;}@media (max-width: 480px){img.left{margin-right:0;width:100%;float:none;}} img.right,img.alignright {margin:0 0 20px 15px;float:right;}@media (max-width: 480px){img.right{margin-left:0;width:100%;float:none;}} img.wide {width:100%;} .cf:before, .cf:after { content: " "; display: table; } .cf:after,.clear { clear: both; } div.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;} .x-btn {padding: 0.7em 1.105em 0.8em!important;font-weight:700;text-shadow:none !important;text-transform:uppercase;} .fa-code {font-family:"fontawesome" !important;} .fa-code:before {display:none;} .nobreak { white-space: nowrap; } #top.site {width:1800px; margin: auto auto;background-color: #fff;} .x-container.max{padding:0 30px;} .x-container.width{width:100%;} .x-container.offset{margin:30px auto 0; padding:0 30px 40px;} .x-container.offset.resale {margin:50px auto 0;} strong{font-weight: 600;} .x-btn, .button, [type="submit"], .more-link { padding: 16px 51px; border:none; display: inline-block; margin: auto auto; font-size:18px; line-height: 1em; text-shadow: none !important; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 300; text-transform: uppercase;} .button.black {background-color:#000 !important;color:#fff !important;} .button.black:hover {background-color:#666 !important;color:#fff !important;} .wide {width:100%;} .more-link {border-color: #ec312e; background-color: #ec312e;color:#fff;} .more-link:hover {border-color: #000; background-color:#000;color:#ec312e; text-decoration: none;} .widget {text-shadow:none;} .x-sidebar.left {width:31%; margin-top: 1.25em; padding-right:2%;} .x-main.right {width:66%; margin-top: 1.25em;} .x-scroll-top.right{bottom:7%; color:#ec312e; border-color:#ec312e; text-decoration: none; } .entry-content{margin-top:0;} #demo.scroll-fix {position:relative;display:block;visibility:hidden;top:-220px;} #demo.scroll-fix.shrink {top:-98px;} @media (max-width: 979px){ #demo.scroll-fix {top:-68px;} #demo.scroll-fix.shrink {top:-68px;} } /** HIDE FOUT **/ .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4 .wf-loading .h1, .wf-loading .h2, .wf-loading .h3, .wf-loading .h4, .wf-loading h1 a, .wf-loading h2 a, .wf-loading h3 a, .wf-loading h4 a, .wf-loading .h1 a, .wf-loading .h2 a, .wf-loading .h3 a, .wf-loading .h4 a, .wf-loading p, .wf-loading .x-btn, .wf-loading .button, .wf-loading [type="submit"], .wf-loading #gnav, .wf-loading .x-navbar .x-nav-wrap .x-nav > li > a, .wf-loading #boxFeature p, .wf-loading #evolutionFeature, .wf-loading #featurePostHM ul.bxslider li .content p, .wf-loading #aircraftTop .right .aircraftFeature h2, .wf-loading a.featureBuild, .wf-loading a.featureBuild span.content, .wf-loading #footerContainer #newsletter, .wf-loading #footerContainer #newsletter input[type="email"], .wf-loading #footerContainer #footer .bottom ul li a, .wf-loading #footerContainer #footer .bottom h3, .wf-loading .resources table td:first-of-type, .wf-loading .resources table td.last, .wf-loading #resaleDetail a.fr { visibility: hidden !important; } @media (min-width: 768px){ .mobile,#nav-large,.mobileinline{display:none;} .desktopinline{display:inline;} .desktop{display: block;} } @media (max-width: 1799px){ #top.site {width:100%;} } @media (max-width: 979px){ .mobileLeft {float: left; margin:0 4% 4% 0!important; width: 44%;} .mobileRight {float: left; margin:0 0 4%!important; width: 44%;} } @media (max-width: 767px){ body{min-width:320px; } .mobile,#nav-large,.mobileinline{display:block;} .desktopinline{display:none;} .desktop, aside.x-sidebar.left{display: none;} body.contact aside.x-sidebar.left{display: block;} .x-container.max{padding:0 15px;} .x-container.offset{margin:20px auto 0;padding:0 15px 20px;} .x-container.offset.resale {margin:20px auto 0;} .x-sidebar.left {width:100%;padding-right:none;} .x-main.right {width:100%;} .mobileLeft {float: none; margin:0 0 4%!important; width: 100%;} .mobileRight {float: none; margin:0 0 4%!important; width: 100%;} } @media (max-width: 550px){ h1{ font-size:1.86em !important; line-height:1.1em !important; } h2 { font-size:1.5em!important;} .x-btn, .button, [type="submit"]{display: block; padding:16px;} } /*---------------------------------------------------------------*/ /* -- TOPBAR -- /*---------------------------------------------------------------*/ #gnav {background:#fff; position: relative; height:40px; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 400;} body.home #gnav:after{content: ' '; display:block; width: 1180px; height: 11px; position: absolute; bottom: -11px; left: 0; right: 0; margin: auto; background-image: url(/wp-content/themes/x-child/images/shadow-top.png); background-repeat: no-repeat; background-position:center center; z-index: 999; } #gnav ul {margin:0; list-style-type: none; float:right; text-align: left;} #gnav ul li {float:left;} #gnav ul li a {padding:0 13px;color:#000;text-decoration: none;font-size:0.6em;line-height:40px;display: block;} body.home #gnav ul li a.onhome {color:#EC312B;} body.events #gnav ul li a.onevents {color:#EC312B;} body.portal #gnav ul li a.onportal {color:#EC312B;} body.partners #gnav ul li a.onpartners {color:#EC312B;} body.careers #gnav ul li a.oncareers, body.parent-pageid-2245 #gnav ul li a.oncareers {color:#EC312B;} body.resale #gnav ul li a.onresale, body.parent-pageid-114 #gnav ul li a.onresale {color:#EC312B;} body.blog #gnav ul li a.onblog, body.single #gnav ul li a.onblog, body.archive #gnav ul li a.onblog {color:#EC312B;} body.forum #gnav ul li a.onforum, body.bbpress #gnav ul li a.onforum {color:#EC312B;} body.bbpress.single #gnav ul li a.onblog, body.bbpress.archive #gnav ul li a.onblog {color:#000;} /* Reset blog color on forum */ #gnav ul li.social a {background:#000; color:#fff; text-align: center; font-size:1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #gnav ul li.social.first a {margin-left: 13px;padding-left:18px;} #gnav ul li.social.last a {padding-left: 10px;padding-right:15px;} #gnav ul li a:hover {color:#ec312e;} .x-navbar-wrap{position: relative;} .x-navbar { border-bottom:none!important; height: 122px; padding: 0px; z-index: 9999; background:transparent; box-shadow: none;} body.home .x-navbar {height:auto;} .x-navbar-inner{padding:0;position: absolute; left: 0; right: 0;} .x-navbar .x-brand{margin:0; position: absolute; top: -39px; left: 30px; background-image: url(/wp-content/uploads/logo.png); background-repeat:no-repeat; background-position: left top; background-size: 200px 200px; text-indent: -9999px; display: block; width: 200px; height: 200px; -webkit-transition: height 0.2s ease-out !important; transition: height 0.2s ease-out !important;} @media (max-width: 950px) { #gnav {display:none;} } /*---------------------------------------------------------------*/ /* -- PRIMARY NAV -- /*---------------------------------------------------------------*/ .x-navbar .x-brand {transition:all .5s ease-in-out;} .x-navbar .desktop .x-nav {padding:45px 0 0;font-style: normal; font-weight: 400;} .x-navbar .desktop .x-nav > li {padding-left:25px!important;padding-right:25px!important;} .x-navbar .desktop .x-nav > li:last-child {padding-right:0!important;} .x-navbar .desktop .x-nav > li > a {height: 30px !important; font-weight: 400 !important;line-height:30px;padding-left:0!important;padding-right:0!important;} .x-navbar .desktop .x-nav > li.current-page-ancestor > a {color:#ec312e;} .x-navbar .x-nav-wrap .x-nav > li > a {font-family: "pragmatica-web","Arial","Helvetica",sans-serif !important; font-style: normal; font-weight: 400; } body.home .x-navbar .desktop .x-nav > li > a {color:#fff !important;} .x-navbar .desktop .x-nav > li > a:after, .x-navbar-fixed-top.shrink .desktop .x-nav > li > a:after {display: none !important;} .x-navbar .desktop .x-nav > li > a:hover:after, .x-navbar-fixed-top.shrink .desktop .x-nav > li > a:hover:after { bottom: -4px; opacity: 1; filter: alpha(opacity=100);} .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {box-shadow:none!important; } .x-navbar .desktop .x-nav > li > a:hover, body.home .x-navbar .desktop .x-nav > li > a:hover{color:#ec312e !important;} .x-navbar .x-nav-wrap .x-nav > li:last-child > a{padding-right:0!important;} /* --- Shrink --- */ .x-navbar.shrink {padding:0; height:100px; position: fixed; top: 0; left: 0; right: 0;} .x-navbar.shrink .x-navbar-inner {min-height:100px !important;max-height:100px;padding:0; background-color:#fff; position: relative;} .x-navbar.shrink .x-navbar-inner:after {content: ' '; display:block; width: 1180px; height: 11px; position: absolute; bottom: -11px; left: 0; right: 0; margin: auto; background-image: url(/wp-content/themes/x-child/images/shadow-top.png?v=1); background-repeat: no-repeat; background-position:center center; z-index: 999; } .x-navbar.shrink .x-brand {float: left; position: static; background:url(/wp-content/uploads/logo-nav-shrink.png) no-repeat left top; text-indent: -9999px; display: block; width: 200px; height: 100px; -webkit-transition: height 1s linear; transition: height 1s linear; } .x-navbar.shrink .desktop .x-nav {padding:0;} .x-navbar.shrink .desktop .x-nav > li > a {padding-top:0;height:100px!important;line-height: 100px;} @media (max-width: 1140px) { .x-navbar .x-brand {width:150px;height:150px;background-size:150px 150px;} .x-navbar .desktop .x-nav > li {padding-left:16px!important;padding-right:16px!important;} .x-navbar .desktop .x-nav > li > a {font-size:0.8em !important;} } @media (max-width: 1020px) { .x-navbar .x-brand {width:125px;height:125px;background-size:125px 125px;} .x-navbar .desktop .x-nav {padding-top:35px;} } @media (max-width: 979px) {.x-nav-wrap.desktop{display:block;}} @media (max-width: 767px) {.x-nav-wrap.desktop{display:none;}} .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .current-menu-item > a {border-bottom:none;box-shadow:none !important;} .x-navbar .desktop .x-nav li>a>span:after {display:none;} body.x-navbar-fixed-top-active .x-navbar-wrap {margin-bottom:0;} /*---------------------------------------------------------------*/ /* -- HOME PAGE -- /*---------------------------------------------------------------*/ body.home header { width:100%; background-color: #FFF; position: relative;} body.home header .sliderHM { height:910px; position: absolute; top: 0; right: 0; left: 0; margin: 0; list-style-type: none; } body.home header .sliderHM li {width:100%; height:100%; padding:0; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow: hidden;} body.home header .sliderHM li.first {padding:0;} body.home header .sliderHM li.second {background-image:url(/wp-content/uploads/banner-home-3.jpg); } body.home header .sliderHM li.third {background-image:url(/wp-content/uploads/banner-home-2.jpg?v=1); } body.home header .sliderHM li.fourth {background-image: url(/wp-content/uploads/banner-home-1.jpg?v=1); } body.home header .sliderHM li.fifth {background-image: url(/wp-content/uploads/banner-home-4.jpg); } body.home header .sliderHM li div.contentWrap { max-width: 1180px; margin:auto auto;padding: 0 30px;} body.home header .sliderHM li div.contentWrap div.content { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);} body.home header .sliderHM li p {width:360px;color:#fff;font-weight:bold;font-size:2.3em;line-height:1em;} body.home header .sliderHM li .button {padding:26px 111px;font-size:1.1em;display:inline-block;} video { object-fit: cover; max-width:1800px; } #fancyVideoDiv {display:none;} #fancyVideoDiv .embed-container {margin-bottom:0;} @media (min-width: 1181px) { #fancyVideoDiv {width:1180px;} } @media (max-width: 1180px) { #fancyVideoDiv {width:640px;} } @media (max-width: 639px) { #fancyVideoDiv {width:480px;} } @media (max-width: 480px) { #fancyVideoDiv {width:300px;} } body.home .header-nav {position:absolute;right:0;top:405px;} body.home .header-nav .next a { cursor:pointer; display: inline-block; background-color:#ec312e; background-image:url(/wp-content/themes/x-child/images/arrow-next.png); background-repeat:no-repeat; background-position:center center; text-indent: -9999px; width:66px; height:70px; } body.home .header-nav .prev a { cursor:pointer; display: inline-block; background-color:rgba(0,0,0,0.25); background-image:url(/wp-content/themes/x-child/images/arrow-prev.png); background-repeat:no-repeat; background-position:center center; text-indent: -9999px; width:66px; height:70px;} @media (max-width: 950px) { body.home .header-nav {top:320px;} } @media (max-width: 900px) { body.home header .sliderHM {height:600px;} body.home .header-nav {top:185px;} body.home header .sliderHM li .button {padding:20px 100px;} } @media (max-width: 767px) { body.home header .sliderHM {height:450px;} body.home .header-nav {display:none;} body.home header .sliderHM li div.contentWrap {padding:0 15px;} body.home header .sliderHM li.first {padding-top:93px;background-image:url(/wp-content/uploads/banner-home-5.jpg);} body.home header .sliderHM li p {font-size:2em;} body.home header .sliderHM li .button {font-size:0.9em;padding:15px 40px;} } @media (max-width: 500px) { body.home header .sliderHM {height:350px;} body.home header .sliderHM li p {margin-bottom:16px;font-size:1.5em;line-height:1.1765em;} body.home header .sliderHM li .button {font-size:0.8em;padding:13px 35px;} } .x-main.full.home { position:relative; background-color:#fff; background-image:url(/wp-content/themes/x-child/images/contentHM-clouds.jpg); background-repeat:no-repeat; background-position:center bottom;} /*.x-main.full.home .x-container.max.width {padding-top: 300px;}*/ /* 3 Square Features */ #featureHMWrapper {margin:-80px 0 20px;} #featureHMWrapper a.featureHM {margin:0 1.7857% 0 0;padding: 2.7% 15% 23% 2.7%;width:32.1428%;max-height:359px;background-repeat:no-repeat;background-position:center top;background-size:100%;color:#fff;font-weight:bold;font-size:1.5em;line-height:1.2em;float:left;display:block;transition: background-size .5s ease-in-out; -moz-transition: background-size .5s ease-in-out; -webkit-transition: background-size .5s ease-in-out; position:relative;} #featureHMWrapper a.featureHM:last-child {margin-right:0;} #featureHMWrapper a.featureHM span.title {max-width: 45%; position:absolute; left:7%; top:8%;} #featureHMWrapper a.featureHM span.arrow {position:absolute; left:0; bottom:20px; display: block; float:left; text-indent:-9999px; width:50px; height:53px; background-color:#ec312e;background-image:url(/wp-content/themes/x-child/images/arrow-next.png); background-repeat:no-repeat; background-position:center center; background-size:50px 53px;} #featureHMWrapper a.featureHM.twin{background-image:url(/wp-content/uploads/featureHM-twin.jpg);} #featureHMWrapper a.featureHM.turbo {background-image:url(/wp-content/uploads/featureHM-turbo.jpg);} #featureHMWrapper a.featureHM.evolution{background-image:url(/wp-content/uploads/featureHM-evolution.jpg);padding-right:0;} #featureHMWrapper a.featureHM.evolution span.title {max-width: 75%;} #featureHMWrapper a.featureHM:hover { background-size: 105%; background-position: relative; text-decoration: none;} #featureHMWrapper a.featureHM:hover span.arrow {background-color:#000;background-image:url(/wp-content/themes/x-child/images/arrow-next-red.png);} @media (max-width: 900px) { #featureHMWrapper a.featureHM {font-size:1.2em;} } @media (max-width: 767px) { #featureHMWrapper {position:static; margin:0 0 20px;} #featureHMWrapper a.featureHM {margin-top:20px;width:100%;height:auto;padding:5% 60% 45% 5%;font-size:1.4em;background-position: center center} #featureHMWrapper a.featureHM.evolution {padding-right:40%;} #featureHMWrapper a.featureHM span.title {position:static;} } /* Black Block Throughout Pages */ body.home #boxFeature {margin:0;} #boxFeature { margin:0 0 55px; padding:5.3571%; background-color:#000; color:#fff; } #boxFeature img {width:49%;float:left;} #boxFeature .content {width:45%;float:right;} #boxFeature h2 {padding-top:6px; color:#fff; font-size:1.5em; line-height:1.1em; font-weight: bold;} #boxFeature.mission h2 {padding-top:0; margin:0 0 16px;} #boxFeature p {margin:0; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 300; } #boxFeature.mission p{margin:0 0 20px;} body.home #boxFeature.mission p{margin:0 0 26px;} #boxFeature.mission a.button{display: block;padding:16px;} #boxFeature.mission a.button:hover {background-color:#fff;} #boxFeature br.mobile {display:none;} @media (max-width: 1140px) { #boxFeature p.desktop {display:none;} #boxFeature br.mobile {display:block;} #boxFeature p.mobile {display:block;} #boxFeature h2 {margin:0 0 34px;} } @media (max-width: 767px) { #boxFeature {margin-bottom:55px;padding:0;} #boxFeature.mission {padding-bottom:7%;} #boxFeature img {padding:7% 7% 0;width:100%;float:none;} #boxFeature .content {width:100%;float:none;} #boxFeature h2 {padding:7% 7% 0;} #boxFeature.mission h2{padding-top:7%;} #boxFeature br.mobile {display:none;} #boxFeature p {padding:0 7% 7%;} #boxFeature.mission p{margin:0;} #boxFeature.mission a.button {margin:0 7%;} #boxFeature p.mobile {display:none;} #boxFeature p.desktop {display:block;} } /* 3 Icon Features */ body.home #evolutionFeature {padding:118px 0;} #evolutionFeature {text-align: center;padding:70px 0 0;font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 200;} #evolutionFeature h2 {margin:0 0 48px; font-size:1.8em; line-height:1em; font-weight: 200 !important;} #evolutionFeature h3 {color:#ec312e; font-style: normal; font-weight: 400; font-size:1.4em; line-height: 1.1em;} #evolutionFeature .block {float:left; padding:150px 22px 0; width:23%; margin-right:2%; background-repeat: no-repeat; background-position: center top;} #evolutionFeature .block.one {background-image:url(/wp-content/uploads/evolutionFeature-one.png?v=1); } #evolutionFeature .block.two {background-image:url(/wp-content/uploads/evolutionFeature-two.png);} #evolutionFeature .block.three {background-image:url(/wp-content/uploads/evolutionFeature-three.png?v=1);} #evolutionFeature .block.four {background-image:url(/wp-content/uploads/evolutionFeature-four.png?v=1); margin-right:0;} @media (max-width: 950px) { #evolutionFeature .block {float:left; padding:150px 22px 0; width:48%; margin-right:2%;} #evolutionFeature .block.two {margin-right:0;} #evolutionFeature .block.three {clear:both;} #evolutionFeature .block.four {;margin-right:0;} } @media (max-width: 767px) { body.home #evolutionFeature {padding:45px 0;} #evolutionFeature .block {margin:0 auto 45px;width:80%;float:none;border-bottom:1px solid #d5d5d5;} #evolutionFeature .block.one {padding-top:130px; margin:0 auto 25px;} #evolutionFeature .block.two {padding-top:90px; margin-right:auto;} #evolutionFeature .block.three {padding-top:140px; margin:0 auto 2px;} #evolutionFeature .block.four {padding-top:80px; border-bottom:none;margin-bottom:0;margin-right:auto;} #evolutionFeature .block p {margin-bottom:40px;} .x-main.full.home {background-size: 400%;} } /* Featured Post Slider */ #featurePostHM {background-color:#e4e4e4; position: relative;} #featurePostHM:before {content: ' '; display:block; width: 1180px; height: 11px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background-image: url(/wp-content/themes/x-child/images/shadow-top.png); background-repeat: no-repeat; background-position:center center; z-index: 999; } #featurePostHM ul.bxslider{margin:0;} #featurePostHM ul.bxslider li {height:520px;} #featurePostHM ul.bxslider li div.cf { max-width: 1180px; margin: auto auto; padding: 0 30px; } #featurePostHM ul.bxslider li div.image {background-position: center center; background-repeat: no-repeat; background-size: cover; width: 50%; height:100%;position: absolute; right: 0; top: 0; bottom: 0;} #featurePostHM ul.bxslider li .content {float:left;width:50%; padding:60px 40px 80px 0; line-height: 1.45em;} #featurePostHM ul.bxslider li .content p.category {margin:0 0 30px; display:inline-block; color:#6f6f6f; font-size:0.7em; line-height:1.42em; border-top:2px solid #6f6f6f; border-bottom:2px solid #6f6f6f;} #featurePostHM ul.bxslider li .content p.category a {color:#6f6f6f; text-decoration: none;} #featurePostHM ul.bxslider li .content p.category a:hover {color:#000;} #featurePostHM ul.bxslider li .content h2 {margin:0 0 5px; color:#000; font-weight: bold!important; font-size:1.5em; line-height:1.2em;} #featurePostHM ul.bxslider li .content p {margin: 0 0 34px; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 200;} #pagerWrapper {max-width: 1180px; width:100%; margin:auto auto; padding: 0 30px; position: relative;} #pagerWrapper #pager {position: absolute; left:30px; top: -86px;} #pagerWrapper #pager #slider-prev {display: inline-block;padding-right:20px;} #pagerWrapper #pager #slider-next {display: inline-block;padding-left:20px;} @media (max-width: 1799px) { #pagerWrapper #pager {top: -58px;} } @media (max-width: 822px) { #featurePostHM ul.bxslider li {height:596px;} } @media (max-width: 767px) { #featurePostHM ul.bxslider li {height:auto;} #featurePostHM ul.bxslider li .content {padding-top:28px;padding-bottom:100px;width:100%;float:none;} #featurePostHM ul.bxslider li div.image {width:100%; position: static; height:250px; } } /*---------------------------------------------------------------*/ /* -- BACK PAGE -- /*---------------------------------------------------------------*/ .containerWrapper { padding-bottom:118px; position:relative; background-color:#fff; background-image:url(/wp-content/themes/x-child/images/contentHM-clouds.jpg); background-repeat:no-repeat; background-position:center bottom;} p.callout {margin:40px 0 30px; display:inline-block; color:#6f6f6f; font-size:0.7em; line-height:1.42em; border-top:2px solid #6f6f6f; border-bottom:2px solid #6f6f6f;} #aircraftTop {background-color:#e4e4e4; height:916px; position: relative;} #aircraftTop:after{content: ' '; display:block; width: 1180px; height: 11px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background-image: url(/wp-content/themes/x-child/images/shadow-bottom.png); background-repeat: no-repeat; background-position:center center; z-index: 999; } #aircraftTop .left {width:45%; float:left; padding: 130px 0 60px; margin-right:5%;} #aircraftTop .right { width: 50%; } #aircraftTop .right .aircraftFeature {padding: 157px 0 0 30px; background-position: 0 0; background-repeat: no-repeat; position: absolute; top: 0; width: 900px; height: 458px; } #aircraftTop .right .aircraftFeature .content {position: absolute;} #aircraftTop .right .aircraftFeature h2 {color:#fff; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 700!important; font-size:1.5em; line-height:1.2em;} #aircraftTop .right .aircraftFeature .button { padding: 16px 63px;} #aircraftTop .right .aircraftFeature.piston{background-image:url(/wp-content/uploads/aircraftFeature-piston.jpg); top: 458px;} #aircraftTop .right .aircraftFeature.turbine {background-image:url(/wp-content/uploads/aircraftFeature-turbine.jpg); } @media (max-width: 1300px) { #aircraftTop .right .aircraftFeature.piston{background-position: -216px 0;} } @media (max-width: 1140px) { #aircraftTop .left {padding: 78px 0; } #aircraftTop .right .aircraftFeature.turbine{background-position: -172px 0;} } @media (max-width: 902px) { #aircraftTop .left {width:55%;} #aircraftTop .right{ width: 40%;} #aircraftTop .right .aircraftFeature.piston{background-position: -338px 0;} #aircraftTop .right .aircraftFeature.turbine{background-position: -300px 0;} } @media (max-width: 767px) { .containerWrapper { padding-bottom: 45px;} p.callout {margin:20px 0 30px;} #aircraftTop{height:auto; padding: 0 0 30px} #aircraftTop .left {width: 100%; float: none;padding: 50px 0 0; margin-right:0;} #aircraftTop .right { width: 100%;} #aircraftTop .right .aircraftFeature{padding: 5% 11% 28% 5%; background-position: 38% 0;position: static; top: auto; width: 100%; height: auto;background-size: cover;} #aircraftTop .right .aircraftFeature.piston {background-position: center center;} #aircraftTop .right .aircraftFeature.turbine{margin: 0 0 10px;background-position: center center;} } @media (max-width: 550px) { #aircraftTop .right .aircraftFeature .button { display: inline-block;} } #aircraftMiddle {margin:70px 0 0;} a.featureBuild { margin: 0 0 20px; padding: 0 0 0 740px; background-position: 0 0; background-repeat: no-repeat; background-image:url(/wp-content/uploads/aircraftMiddle-build.jpg); display: table; overflow: hidden; width:100%; height:275px; color:#fff !important; text-decoration: none; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 700; font-size:1.5em; line-height: 1.2em; } a.featureBuild.marg{margin:0 0 60px;} a.featureBuild span.box {background-color:#000;position: relative; display: table-cell;padding: 34px 30px 0 20px; } a.featureBuild span.content {margin-top: 15px; display: block; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 200; font-size:0.667em; line-height: 1.45em; } a.featureBuild span.arrow { position:absolute; left:0; bottom:20px; display: block; float:left; text-indent:-9999px; width:50px; height:53px; background-color:#ec312e;background-image:url(/wp-content/themes/x-child/images/arrow-next.png); background-repeat:no-repeat; background-position:center center; background-size:50px 53px; } a.featureBuild:hover {background-position: 0 -275px;} a.featureBuild:hover span.arrow {background-color:#fff;background-image:url(/wp-content/themes/x-child/images/arrow-next-red.png);} #tabsContainer {margin:0 0 90px; display: table; height: 100%;} #tabsContainer .row { display: table-row; height: 100%; } .tabs{margin: 0px; padding: 0px;list-style: none; float:left; display: table-cell; width: 100%; height: 100%; vertical-align: top;} .tabs .tab-link{background: #000;color: #fff; display: table; padding: 52px 60px; cursor: pointer; width:100%; border-bottom:1px solid #4d4d4d;border-right:1px solid #4d4d4d; font-size:1.5em; line-height: 1.2em; letter-spacing:0 !important; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 700!important;text-transform: uppercase; height: 33.4%; vertical-align: top;} .tabs .tab-link p {margin:0; vertical-align: middle; display: table-cell;} .tabs .tab-link:last-of-type {border-bottom:none;} .tabs .tab-link span, .tab-title span {color:#ec312e; display: block; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 300!important;text-transform: capitalize; font-size:0.667em; line-height:1em;} .tabs .tab-link.current{background: #ec312e;color: #fff; position: relative;border-right:1px solid #ec312e;} .tabs .tab-link.current:after { content:'\f0da';font-family:FontAwesome;color:#ec312e; font-size:50px;line-height:50px; display:inline-block;position:absolute;right:-12px;top:36%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased; text-align: center; z-index:999;} .tabs .tab-link.current span {color: #fff;} #tabsContainer .steps { display: table-cell; padding: 76px 0; background-image: url(/wp-content/themes/x-child/images/tab-1-background.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; vertical-align: middle; height: 100%;} .tab-content{display: none; padding: 0 90px; float: left; color:#fff; width:100%; font-size:0.95em; line-height:1.52em; } .tab-content .button {margin-top:15px;} .tab-content p {margin:0 0 40px; width:100%; display: block;} .tab-content.current{display: table; } .tab-content.current p {margin:0; } @media (max-width: 1164px) { a.featureBuild {padding:0 0 0 720px; background-position: 0 0; } a.featureBuild span.content {display: none;} a.featureBuild br.mobile {display: block;} a.featureBuild:hover {background-position: 0 -275px;} } @media (max-width: 1102px) { #tabsContainer .steps {padding: 75px 0;} .tab-content{padding: 0 75px; } } @media (max-width: 967px) { a.featureBuild{padding: 0 0 0 520px;} #tabsContainer .steps {padding: 42px 0;} .tab-content, .tab-content.current {padding:0 42px;} .tab-content .button{margin-top:0;} } @media (max-width: 767px) { a.featureBuild { display: block;padding:0; position: relative;} a.featureBuild span.box {display: block; padding: 15px; position: static;} a.featureBuild span.arrow{bottom: 20px;} a.featureBuild br.mobile {display: none;} #tabsContainer {margin:0 0 40px; display: block; } .tabs{display: none;} .tab-content, .tab-content.current { margin: 0; display: block; width:100%; padding:0 30px 30px; border-bottom:1px solid #4d4d4d; float:none;} .tab-content:last-of-type {border-bottom:none;} .tab-content p{margin:0 0 20px;} #tabsContainer .steps {background-image:none; background-color:#000; padding:0;} .tab-title {padding: 30px 30px 0; background:#000; color:#fff; font-size:1.5em; line-height: 1.2em; letter-spacing:0 !important; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 700!important;text-transform: uppercase;} } #introFeature {background-color:#e4e4e4; position: relative; } #introFeature .x-main.full {padding:130px 0 100px; float:left; width:45%!important;} #introFeature .banner {background-position:left center; background-repeat:no-repeat; background-size:cover; width: 50%; position: absolute; right:0; top:0; bottom:0; } #introFeature .banner.banner1 {background-image:url(/wp-content/themes/x-child/images/introFeature-banner1.jpg);} #introFeature .banner.banner2 {background-image:url(/wp-content/themes/x-child/images/introFeature-banner2.jpg); background-position: right center;} #introFeature .banner.banner3 {background-image:url(/wp-content/themes/x-child/images/introFeature-banner3.jpg);} #introFeature .banner.support{background-position:center center; background-image:url(/wp-content/themes/x-child/images/introFeature-support.jpg);} #introFeature .banner.evolution{background-image:url(/wp-content/themes/x-child/images/introFeature-evolution.jpg);} #introFeature:after{content: ' '; display:block; width: 1180px; height: 11px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background-image: url(/wp-content/themes/x-child/images/shadow-bottom.png); background-repeat: no-repeat; background-position:center center; z-index: 999; } #introFeature h1{text-transform: uppercase;} #introFeature h2 {font-weight:700!important;} #introFeature a.button {margin:36px 0 46px; padding:16px 26px;} #introFeature.evolution a.button {padding:16px 50px;} #columnFeature {margin:50px 0 0;} #columnFeature h2 { margin:0;font-size:1.5em; line-height:1.2em; font-weight: 700!important;} #columnFeature h2.marg {margin:0 0 20px;} #columnFeature h3 {color:#ec312e; font-size:0.9em; line-height:1.44em; font-weight: 300!important;} #columnFeature hr { border-top: 1px solid #6f6f6f; margin: 20px 0 40px;} #columnFeature.mission h2 {margin:0 0 20px;} #columnFeature.mission h3 {margin:0;} #columnFeature .left {width:48%; margin:0 2% 2% 0; } #columnFeature .right {width:48%; margin:0 0 2% 2%; } #columnFeature a.feature {display: block; position: relative; margin:0 0 26px;overflow: hidden;} #columnFeature a.feature img { -moz-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;} #columnFeature a.feature span.arrow {position:absolute; left:0; bottom:20px; display: block; float:left; text-indent:-9999px; width:50px; height:53px; background-color:#ec312e;background-image:url(/wp-content/themes/x-child/images/arrow-next.png); background-repeat:no-repeat; background-position:center center; background-size:50px 53px;} #columnFeature a.feature:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);} #columnFeature a.feature:hover span.arrow {background-color:#000;background-image:url(/wp-content/themes/x-child/images/arrow-next-red.png);} #columnFeature .supportCenter h2 {text-transform: capitalize;} #columnFeature .supportCenter h3 {color:#000;} #columnFeature .supportCenter p {margin:0 0 15px; font-size:0.9em; line-height: 1.44em; } #columnFeature .supportCenter p a {font-weight: 400!important;} #columnFeature .supportCenter img {margin:0 0 20px;} @media (max-width: 767px) { #introFeature {display: none;} #columnFeature .left {width:100%; float:none; margin:0 0 5%; } #columnFeature .right {width:100%; float:none;margin:0 0 5%; } #columnFeature a.feature img {width:100%;} } @media (max-width: 550px) { #introFeature a.button {margin:18px 0 23px; padding:16px 8px; display: block;} #columnFeature{margin:25px 0;} #columnFeature .supportCenter img {margin:0 0 10px;} } p.source {margin: 0 0 55px; font-size:0.65em; line-height:1.5em; text-align: right; color:#999; font-style: italic; } p.source.video {padding-right:25px; margin-top:-25px;} p.source.media {margin-bottom:-20px;} div.people {margin: 10px 0; display: none; float:left; width:75%;} div.trip {margin: 10px 0; display: none; float:left; width:75%; } div.payload {margin: 10px 0; display: none; float:left; width:75%; } div.first { margin: 10px 0; display: block; float:left;} .selectWrap {margin:0 0 20px;} .selectWrap p {margin-right:11px; line-height:34px; float:left; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 400!important; float:left;} .selectWrap .selectArrow { position: relative;} .selectWrap .selectArrow:before{content:'\f107';font-family:FontAwesome;color:#fff; background-color:#000; width:34px; height:34px; display:inline-block;position:absolute;right:0;top:0;pointer-events:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;font-size:36px; line-height: 34px; text-align: center;} .selectWrap select {height:34px; padding:4px 15px; margin:0; border:1px solid #999999;} .selectWrap.aircraft {float:left; width: 56%; margin-right: 1%;} .selectWrap.aircraft .selectArrow { width: 50%; float: left; } .selectWrap.aircraft select#Aircraft {width:100%;} .selectWrap.pax {float:left; width: 35%;} .selectWrap.pax .selectArrow { width: 28%; float: left; } .selectWrap.pax select#People{width:100%;} .selectWrap.time {margin-left:25%;width:65%;} .selectWrap.time .selectArrow { width: 50%;float:left; } .selectWrap.time select#Trip {width:100%;} @media (max-width: 1002px){ .selectWrap.aircraft {width:100%;} .selectWrap.pax {width:100%;} .selectWrap.pax .selectArrow {width:14%;} } @media (max-width: 767px){ p.source.video {padding-right:15px;} div.people {width:100%;} div.trip {width:100%; } div.payload {width:100%;} .selectWrap p{width:100%; float:none; margin:0 0 4px;} .selectWrap.aircraft {float:none; width: 100%; margin-right:0;} .selectWrap.aircraft .selectArrow { width: 100%; float: none; } .selectWrap.aircraft select#Aircraft {width:100%;} .selectWrap.pax {float:none; width: 100%;} .selectWrap.pax .selectArrow { width: 100%; float: none; } .selectWrap.pax select#People{width:100%;} .selectWrap.time {margin-left:0;width:100%;} .selectWrap.time .selectArrow { width: 100%;float:none; } .selectWrap.time select#Trip {width:100%;} } @media (max-width: 640px){ p.source.video {margin-top:-10px;} } .compare-button-container {width:25%;} .compare-button-container .button {margin-right:17.857143%;padding: 16px 25px;} .compare-button-container.mobile {margin-bottom:50px;width:100%;} .compare-button-container.mobile .button {margin-right:0;width:100%;padding: 25px 25px;} #evo1, #evoTrip1 {display: block; width:100%; } #evo2, #evoTrip2 {display: block; width:100%; } #evo3, #evoTrip3 {display: block; width:100%; } #evo4, #evoTrip4 {display: block; width:100%; } .competitor {display: none; width:100%; margin: 10px 0 30px!important; float:left; } .number {float:left; margin-left:10px; line-height: 20px;} .label {float:left; width:25%; } .label span {display: block; color:#a1a1a1; font-size:0.7em; line-height: 1em;} .chart h2 {text-transform: capitalize; font-size:1.44em; margin-left:25%;} .chart1Select {margin:0 0 0 25%;} @media (max-width: 767px){ .chart h2{margin:20px 0 10px;} .chart1Select {margin-left:0;} #evo1, #evoTrip1 { position: relative;} #evo2, #evoTrip2 {position: relative;} #evo3, #evoTrip3 {position: relative;} #evo4, #evoTrip4 {position: relative;} .competitor {position: relative;} #chart1 .number { position: absolute; top: 5px; right:0;} #chart2 .number { position: absolute; top: 5px; right:0;} } @media (max-width: 320px){ .chart h2{font-size:1.3em !important;} .label {font-size:0.85em;} .number {font-size:0.85em;} } #chart1 {width:100%; margin:0 0 85px;} #chart1 span.fuel {color:#666666; font-size:0.8em; font-style: italic; } #chart1 #evo1 .people .bar {background-color:#999999; display: inline-block; height:20px; width:48%;float:left;} #chart1 #evo1 .people.people3Div .bar {width:48%;} #chart1 #evo1 .people.people2Div .bar {width:48%;} #chart1 #evo1 .people.people1Div .bar {width:48%;} #chart1 #evo2 .people .bar {background-color:#999999; display: inline-block; height:20px; width:53%;float:left;} #chart1 #evo2 .people.people3Div .bar {width:53%;} #chart1 #evo2 .people.people2Div .bar {width:53%;} #chart1 #evo2 .people.people1Div .bar {width:53%;} #chart1 #evo3 .people .bar {background-color:#999999; display: inline-block; height:20px; width:58%;float:left;} #chart1 #evo3 .people.people3Div .bar {width:58%;} #chart1 #evo3 .people.people2Div .bar {width:58%;} #chart1 #evo3 .people.people1Div .bar {width:58%;} #chart1 #evo4 .people .bar {background-color:#999999; display: inline-block; height:20px; width:65%;float:left;} #chart1 #evo4 .people.people3Div .bar {width:65%;} #chart1 #evo4 .people.people2Div .bar {width:65%;} #chart1 #evo4 .people.people1Div .bar {width:65%;} #chart1 .competitor .people .bar {background-color:#ec312e; display: inline-block; height:20px; width:25%;float:left;} #chart1 .competitor.one .people.people4Div .bar {width:17%;} #chart1 .competitor.one .people.people3Div .bar {width:30%;} #chart1 .competitor.one .people.people2Div .bar {width:35%;} #chart1 .competitor.one .people.people1Div .bar {width:35%;} #chart1 .competitor.two .people.people4Div .bar {width:20%;} #chart1 .competitor.two .people.people3Div .bar {width:35%;} #chart1 .competitor.two .people.people2Div .bar {width:44%;} #chart1 .competitor.two .people.people1Div .bar {width:44%;} #chart1 .competitor.three .people.people4Div .bar {width:23%;} #chart1 .competitor.three .people.people3Div .bar {width:38%;} #chart1 .competitor.three .people.people2Div .bar {width:45%;} #chart1 .competitor.three .people.people1Div .bar {width:45%;} #chart1 .competitor.four .people.people4Div .bar {width:32%;} #chart1 .competitor.four .people.people3Div .bar {width:46%;} #chart1 .competitor.four .people.people2Div .bar {width:52%;} #chart1 .competitor.four .people.people1Div .bar {width:52%;} #chart1 .competitor.five .people.people4Div .bar {width:41%;} #chart1 .competitor.five .people.people3Div .bar {width:41%;} #chart1 .competitor.five .people.people2Div .bar {width:41%;} #chart1 .competitor.five .people.people1Div .bar {width:41%;} #chart1 .competitor.six .people.people4Div .bar {width:37%;} #chart1 .competitor.six .people.people3Div .bar {width:41%;} #chart1 .competitor.six .people.people2Div .bar {width:41%;} #chart1 .competitor.six .people.people1Div .bar {width:41%;} .scale {margin-left:25%; border-bottom:1px solid #999; display: flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;clear:both;} .scale span {padding: 0; margin: 0; display: inline-block; position: relative; } .scale span:before { content: ''; position: absolute; top: -10px; color:#999; border-left:1px solid #999; outline:none; height: 25px;} .scale span:after {left: -16px; bottom: -52px; position: absolute;} .scale span.first {text-align: left;} .scale span.sixth { text-align: right;} .scale span.first:after {content: '0'; left:0;} .scale span.second:after {content: '400'; } .scale span.third:after {content: '800'; } .scale span.fourth:after {content: '1200'; } .scale span.fifth:after {content: '1600'; } .scale span.sixth:after {content: '2000'; } .scale span.seventh:after {content: '2400'; left: -26px; } .scale2 {margin-left:25%; border-bottom:1px solid #999; display: flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;clear:both; } .scale2 span {padding: 0; margin: 0; display: inline-block; position: relative; } .scale2 span:before { content: ''; position: absolute; top: -10px; color:#999; border-left:1px solid #999; outline:none; height: 25px; } .scale2 span.zero {text-align: left;} .scale2 span.ten { text-align: right;} .scale2 span:after {left: -6px; bottom: -52px; position: absolute;} .scale2 span.zero:after {content: '0'; left:0; } .scale2 span.one:after {content: '1'; } .scale2 span.two:after {content: '2'; } .scale2 span.three:after {content: '3'; } .scale2 span.four:after {content: '4'; } .scale2 span.five:after {content: '5'; } .scale2 span.six:after {content: '6'; } .scale2 span.seven:after {content: '7'; } .scale2 span.eight:after {content: '8'; } .scale2 span.nine:after {content: '9'; } .scale2 span.ten:after {content: '10'; } .scale2 span.eleven:after {content: '11'; } .scale2 span.twelve:after {content: '12'; } .scale2 span.thirteen:after {content: '13'; } @media (max-width: 767px){ .label {float:none; width:100%; } .scale {margin-left:0;} .scale2 {margin-left:0;} .scale span:after {font-size:0.77em;} .scale2 span:after{font-size:0.77em;} .scale span.sixth:after{left: -22px;} .scale2 span.ten:after{left: -7px;} } #chart2 {width:100%; margin:0 0 85px;} #chart2 span.fuel {color:#666666; font-size:0.8em; font-style: italic; } @media (max-width: 815px){ #chart2 span.fuel{font-size:0.7em;} } @media (max-width: 767px){ #chart2 span.fuel{font-size:0.8em;} } #chart2 #evoTrip1 .trip .bar {background-color:#999999; display: inline-block; height:20px; float:left;} #chart2 #evoTrip1 .trip.trip1Div .bar {width:7.9%;} #chart2 #evoTrip1 .trip.trip2Div .bar {width:18.3%;} #chart2 #evoTrip1 .trip.trip3Div .bar {width:26.2%;} #chart2 #evoTrip1 .trip.trip4Div .bar {width:36.6%;} #chart2 #evoTrip2 .trip .bar {background-color:#999999; display: inline-block; height:20px; float:left;} #chart2 #evoTrip2 .trip.trip1Div .bar {width:8.6%;} #chart2 #evoTrip2 .trip.trip2Div .bar {width:20.0%;} #chart2 #evoTrip2 .trip.trip3Div .bar {width:28.8%;} #chart2 #evoTrip2 .trip.trip4Div .bar {width:43.8%;} #chart2 #evoTrip3 .trip .bar {background-color:#999999; display: inline-block; height:20px; float:left;} #chart2 #evoTrip3 .trip.trip1Div .bar {width:9.2%;} #chart2 #evoTrip3 .trip.trip2Div .bar {width:21.7%;} #chart2 #evoTrip3 .trip.trip3Div .bar {width:31.3%;} #chart2 #evoTrip3 .trip.trip4Div .bar {width:49.0%;} #chart2 #evoTrip4 .trip .bar {background-color:#999999; display: inline-block; height:20px; float:left;} #chart2 #evoTrip4 .trip.trip1Div .bar {width:9.9%;} #chart2 #evoTrip4 .trip.trip2Div .bar {width:23.8%;} #chart2 #evoTrip4 .trip.trip3Div .bar {width:34.4%;} #chart2 #evoTrip4 .trip.trip4Div .bar {width:48.4%;} #chart2 .competitor .trip .bar {background-color:#ec312e; display: inline-block; height:20px; width:25%;float:left;} #chart2 .competitor.one .trip.trip1Div .bar {width:11.6%;} #chart2 .competitor.one .trip.trip2Div .bar {width:36.7%;} #chart2 .competitor.one .trip.trip3Div .bar {width:57.7%;} #chart2 .competitor.one .trip.trip4Div .bar {width:82.7%;} #chart2 .competitor.two .trip.trip1Div .bar {width:10.1%;} #chart2 .competitor.two .trip.trip2Div .bar {width:32.8%;} #chart2 .competitor.two .trip.trip3Div .bar {width:52.0%;} #chart2 .competitor.two .trip.trip4Div .bar {width:74.7%;} #chart2 .competitor.three .trip.trip1Div .bar {width:10.1%;} #chart2 .competitor.three .trip.trip2Div .bar {width:32.9%;} #chart2 .competitor.three .trip.trip3Div .bar {width:44.6%;} #chart2 .competitor.three .trip.trip4Div .bar {width:67.3%;} #chart2 .competitor.four .trip.trip1Div .bar {width:10.0%;} #chart2 .competitor.four .trip.trip2Div .bar {width:24.7%;} #chart2 .competitor.four .trip.trip3Div .bar {width:43.7%;} #chart2 .competitor.four .trip.trip4Div .bar {width:58.5%;} #chart2 .competitor.five .trip.trip1Div .bar {width:7.8%;} #chart2 .competitor.five .trip.trip2Div .bar {width:19.4%;} #chart2 .competitor.five .trip.trip3Div .bar {width:36.2%;} #chart2 .competitor.five .trip.trip4Div .bar {width:47.8%;} #chart2 .competitor.six .trip.trip1Div .bar {width:9.5%;} #chart2 .competitor.six .trip.trip2Div .bar {width:23.5%;} #chart2 .competitor.six .trip.trip3Div .bar {width:41.9%;} #chart2 .competitor.six .trip.trip4Div .bar {width:55.9%;} .responsiveWrapper { overflow-x: scroll; overflow-y: hidden; clear: both;} h2.payload {text-transform: capitalize; font-size:1.44em; margin-left:25%;} #comparisonTable {display: table; width:100%; margin: 0 0 43px;} #comparisonTable .row {display: table-row;} #comparisonTable .row .column { padding: 15px 0; width:9.4%; color:#000; display: table-cell; border-bottom:1px solid #ccc; border-right:1px solid #ccc; vertical-align: middle; text-align: center;} #comparisonTable .row.header .column {background-color:#000; color:#fff; text-align: center; font-size:0.9em; line-height: 1.44em; border-bottom:none;} #comparisonTable .row.header .column.first {margin:0; background-color:transparent; border-bottom: none; text-align: left; float:none;} #comparisonTable .row .column.first {margin:0; padding:15px 0; width: 25%; float:none; text-align: left;} #comparisonTable .row .column.evo{background-color:#ec312e; color:#fff; border-bottom: none; } #comparisonTable .row .column:nth-child(6) {border-right:1px solid #fff; } #comparisonTable .row:last-of-type .column {border-bottom: none;} #comparisonTable .row .column:last-of-type {border-right: none;} #comparisonTable .row.speed .column.first{color:#ec312e; background-color:transparent;} #comparisonTable .row.speed .column {background-color:#999;} #comparisonTable .row.speed .column.evo {background-color:#ec312e;} @media (max-width: 871px){ #comparisonTable{font-size:0.9em; line-height: 1.44em;} #comparisonTable .row.header .column {font-size:0.88em; line-height: 1.44em;} #comparisonTable .row .column.first {padding: 15px 0 15px 0; width: 25.5%;} #comparisonTable .row .column {padding: 15px 5px; width:9%; } } @media (max-width: 767px){ h2.payload {margin-left:0;} #comparisonTable{font-size:0.9em; line-height: 1.44em;} #comparisonTable .row.header .column {font-size:0.88em; line-height: 1.44em;} #comparisonTable .row .column { padding: 15px 10px; } #comparisonTable .row .column.first { padding:15px 15px 15px 0; width: 25%; } } /*---------------------------------------------------------------*/ /* -- MISSION PAGE -- /*---------------------------------------------------------------*/ #introFeature.mission {padding:0;} #introFeature.mission .x-main.full {width:44%; height:617px; float:left;padding:130px 0 100px;} #introFeature.mission p {width:100%;} #sliderMission-container { right: 0; top:0; bottom:0; position: absolute; width:50%;} #sliderMission-container .sliderMission {margin: 0; list-style-type: none; height: 642px;} #sliderMission-container .sliderMission li {width:100%; height:100%; padding:0; background-repeat:no-repeat; background-position:center center; background-size:cover; } #sliderMission-container .sliderMission.one li.first {background-image:url(/wp-content/uploads/mission1-slide-1.jpg);} #sliderMission-container .sliderMission.one li.second {background-image:url(/wp-content/uploads/mission1-slide-2.jpg);} #sliderMission-container .sliderMission.one li.third {background-image:url(/wp-content/uploads/mission1-slide-3.jpg);} #sliderMission-container .sliderMission.one li.fourth {background-image:url(/wp-content/uploads/mission1-slide-6.jpg);} #sliderMission-container .sliderMission.one li.fifth {background-image:url(/wp-content/uploads/mission1-slide-5.jpg);} #sliderMission-container .sliderMission.two li.first {background-image:url(/wp-content/uploads/mission2-slide-1.jpg);} #sliderMission-container .sliderMission.two li.second {background-image:url(/wp-content/uploads/mission2-slide-2.jpg);} #sliderMission-container .sliderMission.two li.third {background-image:url(/wp-content/uploads/mission2-slide-3.jpg);} #sliderMission-container .sliderMission.two li.fourth {background-image:url(/wp-content/uploads/mission2-slide-4.jpg);} #sliderMission-container .sliderMission.two li.fifth {background-image:url(/wp-content/uploads/mission2-slide-5.jpg);} #sliderMission-container .sliderMission.two li.sixth {background-image:url(/wp-content/uploads/mission2-slide-6.jpg);} #sliderMission-container .sliderMission.three li.first {background-image:url(/wp-content/uploads/mission3-slide-2.jpg);} #sliderMission-container .sliderMission.three li.second {background-image:url(/wp-content/uploads/mission3-slide-7.jpg);} #sliderMission-container .sliderMission.three li.third {background-image:url(/wp-content/uploads/mission3-slide-6.jpg);} #sliderMission-container .sliderMission.three li.fourth {background-image:url(/wp-content/uploads/mission3-slide-3.jpg);} #sliderMission-container .sliderMission.three li.fifth {background-image:url(/wp-content/uploads/mission3-slide-4.jpg);} #sliderMission-container .sliderMission.three li.sixth {background-image:url(/wp-content/uploads/mission3-slide-8.jpg);} #sliderMission-container .sliderMission.three li.seventh {background-image:url(/wp-content/uploads/mission3-slide-5.jpg);} #sliderMission-container .sliderMission.three li.eighth {background-image:url(/wp-content/uploads/mission3-slide-1.jpg);} .mission-nav {position:absolute;right:0;top:38%;} .mission-nav .next a { cursor:pointer; display: inline-block; background-color:#ec312e; background-image:url(/wp-content/themes/x-child/images/arrow-next.png); background-repeat:no-repeat; background-position:center center; text-indent: -9999px; width:66px; height:70px; } .mission-nav .prev a { cursor:pointer; display: inline-block; background-color:rgba(0,0,0,0.25); background-image:url(/wp-content/themes/x-child/images/arrow-prev.png); background-repeat:no-repeat; background-position:center center; text-indent: -9999px; width:66px; height:70px;} @media (max-width: 950px) { #introFeature.mission .x-container.max{padding:0;} #sliderMission-container {right: 0; left:0; bottom:0; position: static; width:100%;} #introFeature.mission .x-main.full { width:100% !important; height:100%; padding:50px 30px; } #sliderMission-container .sliderMission { height:442px; } .mission-nav {top:auto; bottom: 88px;} } @media (max-width: 767px){ #introFeature.mission .x-container.max{padding:0;} #introFeature.mission .x-main.full {float: none; padding:25px 15px; } #introFeature.mission {padding:0; display: block;} #sliderMission-container .sliderMission { height:300px; } } @media (max-width: 500px) { .mission-nav {top:auto; bottom: 76px;} } #introFeature.mission h1 {margin:0 0 4px!important; color:#ec312e; font-size:1em!important; line-height:1em!important; text-transform: capitalize; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 300;} #introFeature.mission .selectArrow {margin-top: 30px; position: relative; width: 78%; float: left; } #introFeature.mission .selectArrow:before {content:'\f107';font-family:FontAwesome;color:#fff; background-color:#000; width:60px; height:60px; display:inline-block;position:absolute;right:0;top:0;pointer-events:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;font-size:36px; line-height: 60px; text-align: center;} #introFeature.mission .selectArrow select {height:60px; padding:4px 15px; margin:0; border:1px solid #999999; width: 100%;} #columnFeature.missionDetail { margin: 90px 0 0;} #pilotBio {float:left; width:34%; padding: 0 5% 0 0; } #pilotBio img {margin:0 0 40px;} #pilotBio h3{margin: 0 0 15px; color:#000; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 700 !important; font-size:1.1em; line-height: 1em; text-transform: uppercase; } @media (max-width: 767px){ #introFeature.mission .selectArrow {margin-top: 15px; width: 100%; float: none; } #columnFeature.missionDetail { margin: 45px 0 30px;} #pilotBio {width:auto; float:none; padding:0;} #pilotBio img {width:100%;} } #missionContent {float:right; width:66%; } #map {margin: 80px 0 0; width:100%; background-color:#e6e6e6; background-repeat:no-repeat; background-size:inherit;} #map .x-container.max.width {padding:130px 30px 76px; min-height:500px;} #map.mission.three .x-container.max.width {padding:55px 30px 21px;} #map h3 {margin: 0 0 30px;color:#000; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 700 !important; font-size:1em; line-height: 1em; text-transform: uppercase; } #map.mission {background-position:left center;} #map.mission.one {background-image:url(/wp-content/uploads/mission1-map.jpg);} #map.mission.two {background-image:url(/wp-content/uploads/mission2-map.jpg);} #map.mission.three {background-image:url(/wp-content/uploads/mission3-map.jpg);} #map .mapContent{float:right; width:38%;} .mission-stat {display: block; margin:0 0 40px; font-size:0.8em; line-height: 1.3em;} .mission-stat .row { padding:10px 0; border-bottom: 1px solid #999999; } .mission-stat .row:last-of-type {border-bottom:none;} .mission-stat .row .left { width:28% !important; margin: 0 2% 0 0!important; float:left; font-weight: bold;} .mission-stat .row .right { width:65% !important; margin: 0 0 0 2%!important; float:right;} .quote {margin: 60px 0; padding: 30px 0 0; font-family: "pragmatica-web-condensed",sans-serif; font-style: normal; font-weight: 400; font-size:1.8em; line-height:1.38em; position:relative;} .quote:before { width: 100px; color: #000; position: absolute; top: 0; left: 0; border-bottom: 5px solid #000; content:'';} .quote .text {margin-right: 170px; display: block; } .quote .cite { display:block; margin:15px 0 0; font-size:0.667em; line-height:1em; text-align: right; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: italic; font-weight: 200;} #columnFeature.missionDetail .x-container.max.width {margin: 0 auto;} #columnFeature.missionDetail #boxFeature {margin-top:100px;} @media (max-width: 1800px){ #map.mission.three {background-position: -102px 50%;} } @media (max-width: 1550px){ #map .x-container.max.width {padding:100px 30px 52px;} #map.mission {background-position: -190px 50%;} #map.mission.three {background-position: -242px 50%;} } @media (max-width: 1300px){ #map {background-size:contain;} #map .x-container.max.width {padding:100px 30px 52px;min-height:auto;} #map.mission {background-position: -150px 50%;} #map.mission.three .x-container.max.width {padding:32px 30px 0px;} } @media (max-width: 950px){ #map h3 {margin:0 0 15px;} .mission-stat{ margin: 0 0 10px;} #map.mission {background-position:-149px 50%; } #map.mission.one {background-position:-70px 50%; } #map.mission.three {background-image:none!important;} #map.mission.three .mapContent{float:none; width:100%;} #map .mapContent .mobilehalf {float:left; width:47%; } #map .mapContent .mobilehalf:first-of-type {margin-right:6%;} #map .x-container.max.width {padding:30px 30px 10px;} } @media (max-width: 767px){ #missionContent {float:none; width:auto;} #map {margin: 0; background-image:none!important;} #map .x-container.max.width, #map.mission.three .x-container.max.width {padding:30px 15px 10px; } #map .mapContent{float:none; width:100%;} .mission-stat {margin:0 0 20px;} .mission-stat .row .left { width:100% !important; margin: 0 0 1%!important; float:none;} .mission-stat .row .right { width:100% !important; margin: 0!important; float:none;} .quote {margin:30px 0; padding:15px 0 0; font-size:1.3em; } .quote .text {margin-right: 0; } #columnFeature.missionDetail #boxFeature {margin-top:30px; margin-bottom:20px;} } @media (max-width: 520px){ #map .mapContent .mobilehalf {float:none; width:100%; } #map .mapContent .mobilehalf:first-of-type {margin-right:0;} } #videoFeature {background-color:#000; width:100%; color:#fff; padding:30px 0 24px; font-size:0.9em; line-height: 1.44em;} #videoFeature .right {width:50%;} #videoFeature .left {width:46%;} #videoFeature h2 {color:#fff;font-size:1.667em; line-height:1.2em; font-weight: 700!important;} #videoFeature img {margin:10px 0; } #turboTop {background-color:#e4e4e4; margin:0 0 20px; position: relative;height:916px;} #turboTop:after{content: ' '; display:block; width: 1180px; height: 11px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background-image: url(/wp-content/themes/x-child/images/shadow-bottom.png); background-repeat: no-repeat; background-position:center center; z-index: 999; } #turboTop .x-container.max {padding:0;} #turboTop .x-main.full {padding:130px 30px 50px; width:45%!important; margin-right:5%; float:left;} #turboTop a.button {margin:50px 0 30px;} #turboTwinDetails {margin:40px 0 0;font-size:0.9em; line-height: 1.44em;} #turboTwinDetails .wrapper {display: table; width:100%;} #turboTwinDetails .wrapper .row {display: table-row;} #turboTwinDetails h2 { margin:0 0 20px;font-size:1.667em; line-height:1.2em; font-weight: 700!important;} #turboTwinDetails .left{width:48%; margin:0 2% 2% 0; } #turboTwinDetails .right { width:48%; margin:0 0 2% 2%; } #turboTwinDetails .left, #turboTwinDetails .right {display: table-cell; } #turboTwinDetails {margin:0;font-size:0.9em; line-height: 1.44em;} #turboTwinDetails .wrapper {display: table; width:100%;} #turboTwinDetails .wrapper .row {display: table-row;} #turboTwinDetails h2 { margin:0 0 20px;font-size:1.667em; line-height:1.2em; font-weight: 700!important;} #turboTwinDetails .left{width:48%; margin:0 2% 2% 0; } #turboTwinDetails .right { width:48%; margin:0 0 2% 2%; } #turboTwinDetails .left, #turboTwinDetails .right {display: table-cell; } #turboTwinDetails .wrapper h2.spec-title {margin:0 0 40px;} #turboTwinDetails .wrapper p.spec {margin:0; width:100%; border-bottom:1px solid #ccc; padding: 5px 0; font-size: 0.88em; line-height: 1.375em; } #turboTwinDetails .wrapper p.spec:last-of-type{border-bottom:none;} #turboTwinDetails .wrapper p.spec span.left {margin:0; width:47%; display: block; float:left; font-weight: bold;} #turboTwinDetails .wrapper p.spec span.right {margin:0; width:47%; display: block; float:right;} #turboTwinDetails .wrapper p.note {margin:10px 0 0; font-size:0.88em; line-height: 1.375em; } #turboTwinDetails .wrapper p.note sup {line-height: 0;} #turboTwinDetails img {width:100%;margin:0 0 20px;} /* Specs Charts */ #turboTwinDetails .specs-container {padding:60px 0;color:#fff;background:#000 url(/wp-content/themes/x-child/images/specs-background.jpg) no-repeat center top;} #turboTwinDetails .specs-container .row > .right, #turboTwinDetails .specs-container .row > .left {padding-top:40px;} #turboTwinDetails .specs-container .wrapper h2.spec-title {color:#fff;text-align:center;display:table-row;} #turboTwinDetails .specs-container .wrapper p.spec span.right {color:#cfcfcf;} #turboTwinDetails .specs-container .wrapper p.spec {border-bottom:1px solid #2e2e2e;} #turboTwinDetails .specs-container a.button {margin-top:45px;padding-top:21px;padding-bottom:22px;width:100%;font-weight:400;} #turboTwinDetails .specs-container a.button:hover {background-color:#fff;} #turboTwinDetails .specs-container p.note {font-size:0.8em;} #turboTwinDetails .specs-container .wrapper .evot850, #turboTwinDetails .specs-container .wrapper .evot750, #turboTwinDetails .specs-container .wrapper .evot550 {display:none !important;} #turboTwinDetails .specs-container .wrapper .evot850.active, #turboTwinDetails .specs-container .wrapper .evot750.active, #turboTwinDetails .specs-container .wrapper .evot550.active {display:table-row !important;} /* Specs Blocks */ .specs-block {margin-top:45px;margin-bottom:55px;text-align:center;}@media (max-width: 480px){.specs-block {margin-bottom:25px;}.specs-block:last-of-type {margin-bottom:55px;}} .specs-block h3 {margin-bottom:0;padding:18px 18px 17px;color:#fff;font-size:1.61111111em;font-weight:700 !important;background-color:#000;} .specs-block ul {margin:0;list-style-type:none;color:#000;font-size:0.94444444em;font-weight:300;background-color:#fff;} .specs-block ul li {border-bottom:1px solid #ccc;padding:10px;} .specs-block ul li strong {font-weight:400;} .specs-block a.button {margin-top:0 !important;color:#000;background-color:#e4e4e4;} .specs-block a.button:hover {color:#ec312e;background-color:#e4e4e4 !important;} .specs-block.active h3 {color:#ec312e;} .specs-block.active a.button {color:#fff;background-color:#ec312e !important;} .specs-block.active a.button:hover {color:#fff;background-color:#ec312e !important;} #specs-top::before { /* Offset Jump Position for Fixed Nav */ content:""; display:block; height:152px; /* fixed header height*/ margin:-152px 0 0; /* negative fixed header height */ } @media (max-width: 960px){ #specs-top::before { height:110px; margin:-110px 0 0; } } #sliderWrapper {right: 0; top:0; bottom:0; position: absolute; width:50%;} .sliderPlane { margin: 0; list-style-type: none; height:916px; } .sliderPlane li {width:100%; height:100%; padding:0; background-repeat:no-repeat; background-position:center center; background-size:cover;} .sliderPlane li.twin-1 {background-image: url(/wp-content/uploads/evolution-turbine-slide-1.jpg); } .sliderPlane li.twin-2 {background-image: url(/wp-content/uploads/evolution-turbine-slide-2.jpg); } .sliderPlane li.twin-3 {background-image: url(/wp-content/uploads/evolution-turbine-slide-3.jpg); } .sliderPlane li.twin-4 {background-image: url(/wp-content/uploads/evolution-turbine-slide-4.jpg); } .sliderPlane li.twin-5 {background-image: url(/wp-content/uploads/evolution-turbine-slide-5.jpg); } .sliderPlane li.piston-1 {background-image: url(/wp-content/uploads/evolution-piston-slide-1.jpg); } .sliderPlane li.piston-2 {background-image: url(/wp-content/uploads/evolution-piston-slide-2.jpg); } .sliderPlane li.piston-3 {background-image: url(/wp-content/uploads/evolution-piston-slide-3.jpg); } .sliderPlane li.piston-4 {background-image: url(/wp-content/uploads/evolution-piston-slide-4.jpg); } .sliderPlane li.piston-5 {background-image: url(/wp-content/uploads/evolution-piston-slide-5.jpg); } .slide-nav {position:absolute;right:0;top:405px;} .slide-nav .next a { cursor:pointer; display: inline-block; background-color:#ec312e; background-image:url(/wp-content/themes/x-child/images/arrow-next.png); background-repeat:no-repeat; background-position:center center; text-indent: -9999px; width:66px; height:70px; } .slide-nav .prev a { cursor:pointer; display: inline-block; background-color:rgba(0,0,0,0.25); background-image:url(/wp-content/themes/x-child/images/arrow-prev.png); background-repeat:no-repeat; background-position:center center; text-indent: -9999px; width:66px; height:70px;} @media (max-width: 1200px) { #turboTop .x-main.full {padding:100px 30px 50px;} #turboTop a.button {margin:40px 0;} } @media (max-width: 1100px) { #turboTop .x-main.full {width:50%!important;margin-right:0; } } @media (max-width: 1000px) { #turboTop .x-main.full {padding:80px 30px 50px;} #turboTop a.button {margin:30px 0;} } @media (max-width: 900px) { #turboTop {height:100%;} #turboTop .x-main.full {padding:50px 30px;width:100%!important; float:none;} #sliderWrapper {right: 0; left:0; bottom:0; position: static; width:100%;} .sliderPlane { height:400px; } .slide-nav {top:auto; bottom: 122px;} } @media (max-width: 767px) { #videoFeature .right,#videoFeature .left {width:100%;} #videoFeature img {margin:0 0 15px; width:100%;} #turboTwinDetails .left{width:100%; margin:0 0 2% 0; } #turboTwinDetails .right {width:100%; margin:0 0 2% 0; } #turboTop .x-main.full {padding:25px 15px;} } @media (max-width: 500px) { #turboTop a.button {margin:15px 0;} .sliderPlane { height:300px; } .slide-nav {top:auto; bottom: 76px;} } .facts {width:100%; margin:0 0 40px; display: table; } .facts div {padding: 0; width:16.6667%; text-align:center; border:1px solid #6f6f6f; border:1px solid #6f6f6f; border-right:none;float:left; display: table; height:107px;} .facts div.third {padding:0 0.5%;} .facts div p {margin:0; font-weight: 300 !important; display: table-cell; vertical-align: middle; } .facts div p strong {color:#ec312e; font-weight: 400!important; font-size:1.33em; display: block;} .facts div.link {background-color:#000000; border: 1px solid #000000; border-left:1px solid #6f6f6f; position: relative; padding-right:55px;} .facts div.link p {font-size:1.11em;} .facts div.link a {color:#fff;} .facts div.link span.arrow {position:absolute; right:-1px; bottom:25px; display: block; float:left; text-indent:-9999px; width:50px; height:53px; background-color:#ec312e;background-image:url(/wp-content/themes/x-child/images/arrow-next.png); background-repeat:no-repeat; background-position:center center; background-size:50px 53px;} .facts div.link a:hover{color:#ec312e; text-decoration: none;} .facts div.link a:hover span.arrow {background-color:#fff;background-image:url(/wp-content/themes/x-child/images/arrow-next-red.png);} @media (max-width: 1000px) { .facts div.link {padding-right: 40px;} .facts div.link span.arrow {bottom:31%; width:35px; height:37px; background-size:35px 37px;} } @media (max-width: 900px) { .facts div { width:33.3333%;} .facts div.top {border-bottom:none;} .facts div.third {border-right:1px solid #6f6f6f;} .facts div.link{ padding-right: 30px;} } @media (max-width: 500px) { .facts div { width:50%;} .facts div.half {border-right:1px solid #6f6f6f; border-bottom:none;} .facts div.third {border-right:none;} .facts div.link{ padding-right: 19px;} .facts div.link span.arrow {width:28px; height:30px; background-size:28px 30px;} } .vimeoPlayer {background-color:#000;margin-bottom:45px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; transition: all 2s ease-in; position: relative; cursor: pointer; } .vimeoPlayer:after {margin: -54px 0 0 -60px; opacity: 1; content: ""; background-image:url(/wp-content/themes/x-child/images/video-play-button.png); background-repeat: no-repeat; background-size:114px 112px; background-position: center center; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; position: absolute; top: 50%; left: 50%; width: 114px; height: 112px; text-align: center; z-index: 2; text-decoration: inherit;} .vimeoPlayer.hidePlay:after {opacity: 0; display: none;} .embed-container {margin:0 0 1.5%; position: relative; padding-bottom: 42.4%;height: 0;overflow: hidden;max-width: 100%;height: auto;} .embed-container iframe,.embed-container object,.embed-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media (max-width: 640px) { .vimeoPlayer{margin-bottom:20px;} .vimeoPlayer:after {margin: -38px 0 0 -38px; background-size:70px 69px; width: 70px; height: 69px;} } .mediaGallery { margin:0 0 50px; } .mediaGallery h2 {margin:0 0 25px;} .mediaGallery ul {list-style-type: none;margin:0;padding:0; display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mediaGallery ul li.media-thumb {margin: 0 20px 20px 0; display: -webkit-flex; display: -ms-flexbox;display: flex; width:170px; float: left;} .mediaGallery ul li.media-thumb:nth-child(6n+6) {margin-right:0;} .mediaGallery ul li.media-thumb img {width:100%;} @media (max-width: 1179px) { .mediaGallery ul li.media-thumb:nth-child(6n+6) {margin-right:20px;} .mediaGallery ul li.media-thumb:nth-child(5n+5) {margin-right:0;} } @media (max-width: 989px) { .mediaGallery ul li.media-thumb:nth-child(5n+5) {margin-right:20px;} .mediaGallery ul li.media-thumb:nth-child(4n+4) {margin-right:0;} } @media (max-width: 799px) { .mediaGallery ul li.media-thumb:nth-child(4n+4) {margin-right:20px;} .mediaGallery ul li.media-thumb:nth-child(3n+3) {margin-right:0;} } @media (max-width: 579px) { .mediaGallery ul li.media-thumb:nth-child(3n+3) {margin-right:4%;} .mediaGallery ul li.media-thumb:nth-child(5n+5) {margin-right:4%;} .mediaGallery ul li.media-thumb:nth-child(2n+2) {margin-right:0;} .mediaGallery ul li.media-thumb { margin: 0 4% 4% 0; width:48%; display:inline-block;} } @media (max-width: 410px) { .mediaGallery ul li.media-thumb {margin: 0 0 15px!important; width:100%; float: none;display: block!important;} } .event {margin:0 0 50px; padding:0 0 25px; border-bottom:1px solid #000; font-size:0.9em; line-height:1.44em; } .event h3 {margin:0 0 30px; font-size:1.33em; line-height:1.1em;} .event:first-of-type {margin-top:10px;} .event:last-of-type {border-bottom: none;} .event p {margin:0 0 20px!important;} .event p.date {margin:0!important;} /*---------------------------------------------------------------*/ /* 2 Column Layout /*---------------------------------------------------------------*/ #twocolumn{margin:0 auto; padding-top:30px; } body.contact #twocolumn h1 {float:left;} #twocolumn h2 {font-weight: 700!important;} #twocolumn p + p {margin:0 0 30px;} #twocolumn p.small {margin:0 0 20px; float:right; font-size:0.8em; line-height:2.25em; text-align: right;} a.social {color:#000; text-decoration: none; font-size:0.8em; display: block;} a.social.first {margin-top:15px;} a.social span.icon {padding:0; margin: 0 5px 5px 0; width:40px; height:40px; display:inline-block; background:#000; color:#fff; text-align: center; font-size:1.25em; line-height: 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center;} a.social span.sociallink {display: inline;} a.social:hover, a.social:hover span.icon {color:#ec312e;} #twocolumn strong {font-weight: 400!important;} @media screen and (max-width: 1035px){ a.social span.icon {float:left;} a.social span.sociallink {display: none;} } @media screen and (max-width: 979px){ a.social span.icon {float:none;} a.social span.sociallink {display: inline-block;} } @media screen and (max-width: 900px){ body.contact #twocolumn h1{float:none; margin:0 0 5px!important;} #twocolumn p.small {float:none;text-align: left;} } @media screen and (max-width: 767px){ #twocolumn{margin:0 auto; padding-bottom:10px; padding-top:15px;} } @media screen and (max-width: 500px){ a.social {font-size:0.7em;} } .accordion {margin: 0 0 40px;-webkit-font-smoothing: auto;} .accordion h2 {margin-top: 40px; } .accordion dt, .accordion dd { padding: 9px 0; border-bottom: 0;} .accordion dd {padding-right:35px;font-size: 0.944em; margin-left: 20px; font-weight: 200 !important; } .accordion dd ul {margin:0 0 20px;} .accordion dt a { padding-right: 24px; display: block; font-weight: 400 !important; color:#262626; text-decoration: none; position: relative; cursor: pointer;} .accordion dt a:after { margin-top:-12px;content:"\f067";font-family:"FontAwesome";font-size:15px;position:absolute;color:#262626;top:50%;right:0;} .accordion dt a.minus:after { content:"\f068";} .resources {margin:0 0 30px; clear:both;} .resources table {margin:0 0 30px;} .resources table td {margin:0; border-bottom:1px solid #999999;padding:10px 0;border-top:none; font-size:0.9em; line-height:1.44em;} .resources table td:first-of-type{padding-right: 3%;font-weight: 200;} .resources table td.last {padding-left: 3%;text-align: right;font-weight: 200;} @media screen and (max-width: 500px){ .resources table td {font-size:0.75em;} } .listing {padding:24px 0 40px; margin:0 0 20px; border-bottom:1px solid #999999; font-size:0.9em; line-height: 1.44em;} .listing:last-of-type {border-bottom:none;} .listing p {margin:0 0 20px;} .listing .left {width:30%; margin-right:4%;} .listing .left img {margin:7px 0 10px; width:100%;} .listing .left a.button{margin:15px 0 0; display: block; padding:16px 21px;} .listing .right {width:66%;} .listing .right h2 {font-size:1.667em;} .listing .right a:hover h2 {color:#ec312e;} .listing p.spec {margin:0; width:362px; border-bottom:1px solid #999999; font-size:0.88em; line-height: 1.375em; padding: 4px 0; } .listing p.spec:last-of-type{border-bottom:none;} .listing p.spec strong {width:35%; display: block; float:left;} .listing p.spec span {padding-left: 3%; width:62%; display: block; float:right; } .listing p.sale strong {color:#ec312e;} .listing.detail {width:100%;margin:0; border-bottom:none;padding:0 0 60px;} .listing.detail a.fr{ display:block; font-size:0.88em; line-height: 32px; font-weight: 300!important;} .listing.detail p.spec {width:100%; } .listing.detail .left img {margin:7px 0 30px;} .listing.detail p.sale {margin:0 0 30px;} .listing.detail h3 {margin:0 0 14px;font-weight: 400!important; font-size:1em;} .galleryWrapper {position: relative;} .galleryWrapper ul.bxgallery {margin:0; list-style-type: none;} .gallery-nav #gallery-prev {position:absolute; top:36%; left:0; width:22px; height:23px;} .gallery-nav #gallery-next {position:absolute; top:36%; right:0; width:22px; height:23px;} @media screen and (max-width: 950px){ .listing.detail p.spec strong {width:auto;} } @media screen and (max-width: 767px){ .listing.detail .left {width:100%; margin: 0 0 20px;} .listing.detail .right {width:100%;} .listing.detail a.button{margin:0 0 15px;} } @media screen and (max-width: 650px){ .listing .left {width:100%; margin: 0 0 20px;} .listing .right {width:100%;} .listing p.spec { width:100%;} .listing.detail h2.fl{ float:none; margin:0;} .listing.detail a.fr{ float:none;margin:0 0 10px;} } /*---------------------------------------------------------------*/ /* CAREERS PAGE /*---------------------------------------------------------------*/ body.careers .x-main h2 {margin-bottom:15px;} /*---------------------------------------------------------------*/ /* FORMS - CONTACT / MISSION CONTACT /*---------------------------------------------------------------*/ .missionForm {margin:0 0 40px;} .missionContact header.entry-header {display: none;} .missionContact .missionForm h2 {float:left; width:50%;} body.compare .wpcf7-form {margin-bottom:0;} .wpcf7 input[type="text"].field,input[type="text"],input[type="password"],.wpcf7 input[type="email"].field, .wpcf7 input[type="tel"].field, input, select, textarea {display:inline-block;font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal;font-weight: 200!important;height:60px;width:49%;margin:0 1% 2% 0;padding: 12px 15px;float:left; border:1px solid #d5d5d5; font-size:16px;line-height:18px;color:#000;background-color:#fff;border-radius:0;box-shadow:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;} .wpcf7 input[type="text"].one-third,.wpcf7 input[type="email"].one-third, .wpcf7 input[type="tel"].one-third {width:32%;margin-right:2%;} .wpcf7 input[type="text"].last, .wpcf7 input[type="tel"].last{margin:0 0 2% 1%;} .wpcf7 input[type="text"].last.one-third, .wpcf7 input[type="tel"].last.one-third{margin-left:0;} img.ajax-loader { margin-top:3%; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/wp-content/plugins/contact-form-7/images/ajax-loader.gif) no-repeat; width: 16px; height: 16px; padding-left: 16px; } body.compare img.ajax-loader {display: block;} body.compare .ajax-loader {width:100% !important;margin:5px 0 0 !important;background-position:center center !important;} @media screen and (max-width: 767px){ img.ajax-loader { margin-top:1%;} .ajax-loader {width:100% !important;margin:5px 0 0 !important;background-position:center center !important;} } input:-webkit-autofill {background-color:#fff;} .wpcf7 textarea {clear:both; margin: 0 0 2.2%;height:330px;width:100%;padding:12px;float:none;background-color: #fff; overflow: auto; resize: none; display: block;font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal;font-weight: 200!important;} body.compare .wpcf7 textarea {margin-bottom:2.7%;} .wpcf7 textarea.mission {height:200px;} input[type="submit"]{float:right;padding:21px;width:30%;} input[type="submit"].full {float:none;width:100%;} .selectWrapper { position: relative; width:68%; } body.contact .selectWrapper { position: relative; width:100%; } body.contact .selectWrapper .wpcf7 select {float:none;} input[type="checkbox"] { border-radius: 0; margin: 0; vertical-align: middle; padding: 0!important; width: 30px; height: 30px; border:1px solid #d5d5d5!important; border-style: solid; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background-color: #fff !important; border: none; border-image-outset: none; outline: none;} input[type="checkbox"]:checked { -moz-appearance: none; background-image: url(/wp-content/themes/x-child/images/checkmark.png); background-size:30px 30px; background-repeat:no-repeat; background-position: center center; } @-moz-document url-prefix() { input[type="checkbox"]:checked { background-image: none;} } .wpcf7-checkbox label {float:left; margin: 15px 0 18px; font-size: 0.8em; line-height: 30px; width:65%;} body.compare .wpcf7-checkbox label {margin-top: 0;margin-bottom:25px;float:none;} .missionForm .selectWrapper { width:49%; float:right; position: relative;} .selectWrapper:before{ content: '\f107'; font-family: "FontAwesome"; color: #ec312e; display: inline-block; position: absolute;right: 12px; top: 4px;pointer-events: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 28px; line-height: 50px;} .wpcf7 select { border:1px solid #d5d5d5; width:100%;margin-right:1%;float:left;height:60px;box-shadow:none;vertical-align:middle;-webkit-appearance:none;outline:none;font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal;font-weight: 200!important;} span.wpcf7-not-valid-tip {display: none;} .screen-reader-response { visibility: hidden; height: 0;} .wpcf7-response-output {border:none; box-shadow: none; border-radius: 0; line-height: 2em; text-shadow: none; font-size:16px; color: #fff; background-color: #ec312e; display: none;} .wpcf7-response-output a {color:#fff;text-decoration:underline;} .wpcf7-response-output a:hover {color:#000;} .wpcf7-mail-sent-ok { background-color: #000; border-color: #000; color: #fff; } @media screen and (max-width: 767px){ .missionContact .missionForm h2 {margin:0; float:none; width:100%;} .wpcf7 input[type="text"].field,.wpcf7 input[type="email"].field, .wpcf7 input[type="tel"].field, input, select, textarea {display:block;width:100%;margin:0 0 2%;} .selectWrapper {width:100%; } .missionForm .selectWrapper { width:100%; float:none; clear: both;} .wpcf7 select {margin-right:0; float:none;} .wpcf7-recaptcha {float:none;clear:both;} input[type="submit"]{float:none;width:100%;} .wpcf7-checkbox label {margin-top: 0;width:100%;} } /*---------------------------------------------------------------*/ /* PLACEHOLDER /*---------------------------------------------------------------*/ input, button, select, textarea, .wpcf7 input[type="text"], input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], option, .wpcf7 select {-webkit-appearance: none;-moz-appearance: none;border-radius:0;-webkit-border-radius:0; color: #000; border-radius: 0; outline: none;} input.placeholder,textarea.placeholder,.wpcf7 select.placeholder, select.placeholder {color: #000;} input:-moz-placeholder,textarea:-moz-placeholder,.wpcf7 select:-moz-placeholder,select:-moz-placeholder { color: #000; } input[type="password"]::-webkit-input-placeholder {color:#999;} input[type="password"]:-moz-placeholder {color:#999;} .wpcf7 select::-webkit-input-placeholder,select::-webkit-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #000; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal;font-weight: 200!important; } .wpcf7 select::-moz-placeholder,select::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder { opacity: 1; color: #000; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal;font-weight: 200!important;} .wpcf7 select:-ms-input-placeholder,select:-ms-input-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #000; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal;font-weight: 200!important;} .wpcf7 input[type="text"]:focus,.wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus, input[type="text"]:focus, input[type="password"]:focus { border-color: #ec312e; box-shadow: none; } input:focus { outline: 0!important; -webkit-box-shadow: none; box-shadow: none;} textarea:focus { border-color: #ec312e; box-shadow: none; } select:focus{outline:none!important;border-color: #ec312e;} input[type="submit"]:focus {border: 1px solid #000; background-color:#000; color:#fff; } input.field:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder, #newsletterBar .newsletter input[type="email"]:focus::-webkit-input-placeholder { color: #8f8f8f; } input.field:focus:-moz-placeholder,textarea:focus:-moz-placeholder, #newsletterBar .newsletter input[type="email"]:focus:-moz-placeholder { color: #8f8f8f; } input.field:focus::-moz-placeholder,textarea:focus::-moz-placeholder, #newsletterBar .newsletter input[type="email"]:focus::-moz-placeholder { color: #8f8f8f; } input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, textarea.wpcf7-not-valid {border:1px solid #ec312e !important;} @media screen and (max-width: 767px){ body.contact h1{float:none;} p.small {float:none;} .wpcf7 input[type="text"].field,.wpcf7 input[type="email"].field, .wpcf7 input[type="tel"].field, input, select, textarea {display:block;width:100%;margin:0 0 2%;} .selectWrapper {width:100%; } .wpcf7 select {margin-right:0;} .wpcf7-recaptcha {float:none;clear:both;} } /* --- ERROR / SEARCH PAGE -- */ body.error404 .x-main.full {width:100% !important; padding:0 !important;} body.error404 .x-container.offset { margin: 150px auto 120px;padding:0 30px;} body.error404 header.x-header-landmark.x-container.max.width {display: none;} body.error404 .entry-404 p {max-width: 100%; margin: 0 auto 40px; line-height: 1.3em; } .form-search .search-query {padding-left: 42px;} .form-search:before {bottom:0;top:17px;font-size: 24px;} body.search .x-container.offset { padding:0 30px; } body.search article.hentry {margin-bottom: 40px;padding-bottom: 40px;border-bottom:1px solid #999999;} @media screen and (max-width: 767px){ body.error404 .x-container.offset { margin: 30px auto; padding:0 15px;} body.search .x-container.offset { padding:0 15px; } } /*---------------------------------------------------------------*/ /* -- SIDEBAR -- /*---------------------------------------------------------------*/ .x-sidebar .widget {margin-top:0;} .widget_nav_menu h4.h-widget {font-size:1.5em; line-height: 1.2em; text-transform: uppercase;font-weight: 700!important;letter-spacing: 0;} .widget ul, .widget ol, .widget ul:last-child {margin:0 0 40px; border: none;list-style: none; border-radius: 0; background-color: rgba(0, 0, 0, 0);box-shadow: none;} .widget ul li, .widget ol li {padding: 0; border-bottom: 1px solid #999999; box-shadow: none; -webkit-transition: none; transition: none;} .widget ul li a, .widget ol li a{margin:0;border-bottom:none;padding:7px 0;font-weight:400;font-size:1em;text-decoration:none !important;display:block;} .widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a {box-shadow: none;} .widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before{display: none;} .widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover {background-color:transparent;} .widget_nav_menu .current-menu-item>a{background-color:transparent;} body.page-id-312 .widget ul li a.ondoc {color:#EC312B;} body.page-id-318 .widget ul li a.onnews {color:#EC312B;} body.page-id-316 .widget ul li a.ontips {color:#EC312B;} @media screen and (max-width: 979px){ h2.resources-title {display: none;} .x-sidebar .widget.resources {display: none;} body.compare aside.x-sidebar.left {display:none;} } /*---------------------------------------------------------------*/ /* -- BLOG -- /*---------------------------------------------------------------*/ #blogHeader {width:100%; height:120px; background-image: url(/wp-content/themes/x-child/images/contentHM-clouds.jpg); background-repeat: no-repeat;background-position: center bottom; position: relative;} #blogHeader:after {content: ' '; display:block; width: 1180px; height: 11px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background-image: url(/wp-content/themes/x-child/images/shadow-bottom.png); background-repeat: no-repeat; background-position:center center; z-index: 999; } @media screen and (max-width: 767px){ #blogHeader, #blogHeader:after {display: none;} } .hentry{margin-top:0;} body.blog article.hentry {margin-top:0;margin-bottom:56px; font-size:0.9em; line-height:1.444em;} p.date.single{margin:0 0 2px; font-weight: 300!important;font-size:0.9em; line-height:1.444em;} body.single p.date.single{margin:0 0 20px;} h2.entry-title {margin:0 0 20px;font-size: 1.5em;line-height: 1.2em;text-transform: uppercase;font-weight: 700!important;} body.single h2.entry-title {margin:0 0 5px;} h2.entry-title a{font-weight: 700!important;} .categoryThumb {margin:0 0 25px;} .categoryThumb a.entry-thumb{overflow: hidden;} .categoryThumb a.entry-thumb img { -moz-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; overflow: hidden;} .categoryThumb a.entry-thumb:before {content: "";background-image:url(/wp-content/themes/x-child/images/arrow-next.png); position:absolute; left:0; bottom:20px; display: block; float:left; text-indent:-9999px; width:50px; height:53px; background-color:#ec312e; background-repeat:no-repeat; background-position:center center; background-size:50px 53px;margin: 0;top: auto;left: 0;bottom:20px;text-align: center;text-shadow: none; vertical-align: middle;border-radius: 0; opacity: 1; -webkit-transition: none; transition: none; z-index: 999;} .categoryThumb a.entry-thumb:hover:before{background-color:#000;background-image:url(/wp-content/themes/x-child/images/arrow-next-red.png); z-index: 999;} .categoryThumb a.entry-thumb:hover img {opacity: 1; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);} .navigation{margin-bottom:20px;} .navigation.nav-single {margin-top:20px;margin-bottom:0;} .navigation a { text-decoration: none; font-size:0.94em; line-height: 1em; } .navigation .alignleft a:before {content:'\f104';font-family:FontAwesome; padding-right:6px;} .navigation .alignright a:after {content:'\f105';font-family:FontAwesome; padding-left:6px;} /* X-Slider Styles */ .x-flexslider-shortcode-container.with-container {margin-bottom:0;border:none;border-radius:0;padding:0;box-shadow:none;background-color:transparent;} .entry-content ul.x-slides, .entry-content ul.flex-direction-nav {margin:0;} .entry-content ul.x-slides li, .entry-content ul.flex-direction-nav li {margin:0;padding:0;} .entry-content ul.flex-direction-nav li {position:static;} .entry-content ul.x-slides li:before, .entry-content ul.flex-direction-nav li:before {display:none;} @media screen and (max-width: 979px){ .x-sidebar .widget.widget_nav_menu{ margin-top: 0; float: left; width: 40%; margin-right: 8%;} body.blog .mobileRight {margin: 58px 0 30px !important;} } /*---------------------------------------------------------------*/ /* -- FORUM -- /*---------------------------------------------------------------*/ body.forum .containerWrapper, body.bbpress.topic .containerWrapper, body.bbp-user-page.single.singular .containerWrapper, body.bbp-search .containerWrapper, body.bbp-user-edit .containerWrapper, body.topic-tag .containerWrapper {background:none;} /* Forum Home Page */ .x-main .widget.widget_display_search {margin-top:40px;} .x-main #bbp-search-form {margin:0 0 40px;} body.bbpress .entry-content ul, body.forum ul.bbp-topics, body.bbpress .entry-content li {margin:0;box-shadow:none;} body.bbpress .entry-content li.bbp-body {padding-left:0;} body.bbpress .entry-content li:before {display:none;} ul.bbp-topics li.bbp-header {margin-bottom:-1px;border-top:none;border-left:none;border-right:none;box-shadow:none;padding:10px 0;font-size:0.8em;letter-spacing:normal !important;color:#fff;text-transform:none;background-color:#000;position:static;} ul.bbp-topics li.bbp-header li {margin-bottom:0;padding:0 10px;} ul.bbp-topics li.bbp-header:before, ul.bbp-topics li.bbp-header li:before {display:none;} ul.bbp-topics li.bbp-body, ul.bbp-topics li.bbp-body li {padding-left:0;} ul.bbp-topics li.bbp-body > ul {border-top:none;border-bottom:1px solid #999;border-left:none;border-right:none;padding:20px 0 20px 10px;background-color:transparent;} ul.bbp-topics li.bbp-body > ul:last-child {border-bottom:0;} ul.bbp-topics li.bbp-body .bbp-topic-title, ul.bbp-topics li.bbp-header .bbp-topic-title {width:70%;} ul.bbp-topics li.bbp-body .bbp-topic-permalink {margin-bottom:0;text-decoration:none;font-weight:400;} ul.bbp-topics li.bbp-body p.bbp-topic-meta {margin-top:0;margin-bottom:0;} ul.bbp-topics li.bbp-body .x-bbp-count {max-width:30px;font-size:0.7em;line-height:25px;} ul.bbp-topics li.bbp-body .bbp-topic-freshness a:hover {text-decoration:none;} ul.bbp-topics li.bbp-body .x-bbp-count {border-radius:0;background-color:#000;} .bbp-topic-meta, li.bbp-body .bbp-topic-freshness {font-size:0.7em !important;text-transform:none !important;letter-spacing:normal !important;} .bbp-topic-meta a:hover {text-decoration:none;} /* Forum Parent Page */ #bbpress-forums .bbp-attachments-count {background:none !important;position:relative;float:right !important;}@media (max-width: 480px) {#bbpress-forums .bbp-attachments-count {display:none !important;}} #bbpress-forums .bbp-attachments-count:before {content:"\f0c6";font-family:"fontawesome";position:absolute;left:0;top:8px;} .forum-parent #boxFeature.mission {margin-top:20px;margin-bottom:0;} .forum-parent #boxFeature.mission h2 {margin-bottom:22px;} .forum-parent #boxFeature.mission p {margin-bottom:30px;} #boxFeature #subscription-toggle, #boxFeature #subscription-toggle span, #boxFeature #subscription-toggle a {width:100%;display:block;text-align:center;} #boxFeature a.subscription-toggle {border-radius:0;padding:16px 51px;border:none;display:inline-block;margin:auto auto;font-size:18px;line-height:1em;font-weight:300;text-transform:uppercase;color:#fff;background-color:#ec312e;} #boxFeature a.subscription-toggle:hover {background-color:#fff;color:#ec312e;text-decoration:none;} #new-post .wp-editor-area {border:1px solid #d5d5d5;font-family:"pragmatica-web", "Arial", "Helvetica", sans-serif;font-size:0.8em;line-height:1.125em;} @media (max-width: 480px) { .forum-parent #boxFeature.mission h2 {margin-bottom:12px;} .forum-parent #boxFeature.mission p {margin-bottom:0;} #boxFeature #subscription-toggle {padding:0 7%;} } /* Pagination */ .pagination-container {margin-bottom:30px;border-top:1px solid #999;padding-top:5px;width:100%;} .bbp-pagination {;float:right;} .x-pagination a {border:1px solid #d5d5d5;box-shadow:none;border-radius:0;color:#000;} .x-pagination a:hover {color:#ff3333;text-decoration:none;} .x-pagination span.current {box-shadow:none;border-radius:0;text-shadow:none;} /* Create New Post Form */ .bbp-topic-form, #bbp-form, #new-post {margin-top:0 !important;} #bbp-form legend, #new-post legend {padding-top:40px;font-size:1.5em;text-transform:uppercase;} #bbp-form h2.entry-title, #new-post {margin-top:25px;} #bbp-form h2.entry-title:first-of-type, #new-post h2.entry-title:first-of-type {margin-top:45px;} #bbp-form p, #new-post p {margin-bottom:0;} #bbp-form label, #new-post label {font-weight:400;} #bbp-form input, #bbp-form textarea, #bbp-form select, #new-post input, #new-post textarea, #new-post select {margin-bottom:15px;} #bbp-form input.submit-error, #new-post input.submit-error {border:1px solid #ec312e;} #bbp-form textarea, #new-post textarea {height:150px;} #bbp-form input[type="checkbox"], #new-post input[type="checkbox"] {margin-right:7px !important;} #bbp-form .notify-checkbox, #new-post .notify-checkbox {padding-top:7px;width:70%;float:left;} #bbp-form .notify-checkbox label, #new-post .notify-checkbox label {font-weight:200;} #bbp-form button[type="submit"], #new-post button[type="submit"] {border:none;border-radius:0;padding:16px 51px;width:100%;height:50px;display:inline-block;margin:auto auto;font-size:18px;line-height:1em;text-shadow:none !important;font-family: "pragmatica-web","Arial","Helvetica",sans-serif;font-weight:300;text-transform:uppercase;background-color:#ec312e;float:right;} #bbp-form button[type="submit"]:hover, #new-post button[type="submit"]:hover {color:#ec312e;background-color:#000;} #new-post .bbp-template-notice {display:none;} #new-post .bbp-attachments-form {margin-bottom:25px;} #new-post .bbp-attachments-form label em {font-weight:600;color:#ec312e;} #new-post .bbp-attachments-form br {display:none;} #new-post .bbp-attachments-form input {margin-bottom:10px;padding-top:17px;height:60px;width:100%;float:none;} #new-post .bbp-attachments-form a.d4p-attachment-addfile {font-size:0.8em;} #new-post .bbp-attachments-form a.d4p-attachment-addfile:hover {color:#000;text-decoration:none;} #new-post .bbp-attachments-form a.d4p-attachment-addfile:after {padding-left:5px;content:"\f105";font-family:"fontawesome";} @media (max-width: 480px) { #bbp-form .notify-checkbox, #new-post .notify-checkbox {margin-bottom:22px;width:100%;font-size:0.8em;float:none;} #bbp-form .bbp-submit-wrapper, #new-post .bbp-submit-wrapper {width:100%;float:none;text-align:center;} #bbp-form button[type="submit"], #new-post button[type="submit"] {width:100%;float:none;} } /* Topic Page */ .subscribe-buttons {margin-bottom:-10px;} .subscribe-buttons h3 {color:#FFF;} body.topic #subscription-toggle a, body.topic #favorite-toggle a {margin:0 12px 20px 0;padding-left:31px;font-size:0.8em;color:#ec312e;position:relative;} body.topic #subscription-toggle a:hover, body.topic #favorite-toggle a:hover {color:#000;text-decoration:none;} body.topic #subscription-toggle a:before, body.topic #favorite-toggle a:before {width:26px;height:26px;font:15px/26px "fontawesome";color:#fff;text-align:center;background-color:#ec312e;transition:color 0.3s ease, background-color 0.3s ease;-webkit-transition:color 0.3s ease, background-color 0.3s ease;position:absolute;left:0;top:-3px;} body.topic #subscription-toggle a:hover:before, body.topic #favorite-toggle a:hover:before {background-color:#000;} body.topic #subscription-toggle a:before {content:"\f0e0";} body.topic #favorite-toggle a:before {content:"\f004";} .x-bbp-item-info-header {margin:30px 0 0 !important;border-bottom:none !important;font-size:0.8em !important;text-transform:none !important;color:#fff;letter-spacing:normal !important;background-color:#000 !important;} body.bbp-user-page.single.singular .x-bbp-item-info-header:first-child {margin-top:0 !important;} .x-item-info-permalink {color:#fff !important;} li.bbp-body img.alignnone {margin-bottom:0;} .bbp-author-name {text-transform:none !important;font-size:0.5em !important;font-weight:600 !important;letter-spacing:normal !important;} .bbp-author-name:hover {text-decoration:none;} .bbp-author-role {text-transform:none !important;font-size:0.5em !important;letter-spacing:normal !important;} .bbp-topic-started-by a.bbp-author-name {font-size:1em !important;font-weight:200 !important;} /* Reset topic sizing */ .bbp-topic-freshness-author a.bbp-author-name {font-size:1em !important;font-weight:400 !important;} /* Reset topic sizing */ li.bbp-body > div.hentry {margin-bottom:0;padding-top:18px;border:none;border-bottom:1px solid #999;} li.bbp-body div.topic, li.bbp-body div.reply {box-shadow:none;} .bbp-links-bar {padding:3px 10px;font-size:0.8em;color:#000;background-color:#e7e7e7;} .bbp-links-bar a {color:#000;} .bbp-links-bar a:hover {color:#ec312e;text-decoration:none;} .bbp-links-bar a:after {content:" | ";color:#666;} .bbp-links-bar a:last-child:after, .bbp-links-bar a.bbp-topic-approve-link:after {display:none;} .bbp-links-bar .bbp-admin-links {margin:0 !important;} .bbp-links-bar .bbp-admin-links a.bbp-topic-reply-link {display:none;} .bbp-links-bar .bbp-admin-links a.bbp-reply-edit-link {display:none;} .bbp-links-bar .bbp-admin-links a.bbp-reply-move-link {display:none;} .bbp-links-bar .bbp-admin-links a.bbp-topic-split-link {display:none;} .bbp-links-bar .bbp-admin-links a.bbp-reply-to-link {display:none;} .bbp-topic-revision-log {margin-bottom:30px !important;} .bbp-topic-revision-log > li {border:none !important;padding:5px 10px 3px !important;color:#fff !important;background-color:#000 !important;} .bbp-tags .bbp-topic-tags {margin-top:45px !important;} .bbp-tags .bbp-topic-tags span {margin-bottom:15px;font-size:1.5em;font-weight:700;} .bbp-tags .bbp-topic-tags {margin:0;border:none;padding:0;background-color:transparent;box-shadow:none;text-align:left;} .bbp-tags .bbp-topic-tags a {margin-bottom:5px !important;margin-right:5px !important;border:1px solid #ec312e;border-radius:0;padding:14px 35px;display:inline-block;margin:auto auto;font-size:18px;line-height:1em;font-weight:300;text-transform:uppercase;color:#ec312e;background-color:transparent;} .bbp-tags .bbp-topic-tags a:hover {color:#fff;text-decoration:none;background-color:#ec312e;} .bbp-reply-ip {display:none !important;} .less-content {margin-bottom:30px;} .less-content .less-content-short {font-weight:200;} .less-content a.more {cursor:pointer;} .less-content a.more:hover {color:#000;text-decoration:none;} /* Attachments */ #bbpress-forums .bbp-attachments, #bbpress-forums .bbp-attachments-errors {margin-top:0;padding:0;border-top:none;} #bbpress-forums .bbp-attachments h6, #bbpress-forums .bbp-attachments-errors h6 {text-transform:none;font-size:1em !important;font-weight:600 !important;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb {padding:5px 15px 15px 0 !important;float:left;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption {border-radius:0 !important;border:none !important;box-shadow:none !important;padding:0 !important;width:100px !important;max-width:100px !important;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption img {border-radius:0;border:1px solid #d5d5d5;width:100px;height:100px;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption p.wp-caption-text {font-weight:400 !important;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption p.wp-caption-text a {font-weight:400;text-transform:capitalize;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption p.wp-caption-text a:hover {color:#000;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption p.wp-caption-text a:first-child {display:none;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption p.wp-caption-text a:nth-child(3) {padding-left:3px;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption p.wp-caption-text a:nth-child(4) {padding-right:3px;} #bbpress-forums .bbp-attachments ol li.bbp-atthumb .wp-caption p.wp-caption-text br {display:none;} #bbpress-forums .bbp-attachments-errors {margin-bottom:10px;} #bbpress-forums .bbp-attachments-errors li {padding-left:0;color:#ec312e;font-size:0.8em;list-style-type:none;} /* Favorites */ .bbp-row-actions {float:left;} .bbp-row-actions a {margin-top:6px !important;margin-right:5px !important;border-radius:0 !important;padding-top:3px !important;padding-bottom:1px !important;} .bbp-row-actions a:hover {background-color:#000 !important;text-decoration:none;} /* User Profile */ body.bbp-user-page header.entry-header, body.bbp-user-edit header.entry-header {display:none;} .x-bbp-user-header {padding:0 !important;} .x-bbp-user-header .x-bbp-user-header-content {width: calc(100% - 310px) !important;} .x-bbp-user-header {border:none !important;box-shadow:none !important;background-color:transparent !important;} .x-bbp-user-header #bbp-user-avatar {width:275px !important;}@media (max-width: 767px) {.x-bbp-user-header #bbp-user-avatar {display:block !important;}} .x-bbp-user-header #bbp-user-avatar img {margin-bottom:0;} #bbp-user-navigation {margin:0 !important;box-shadow:none !important;border:none !important;width: calc(100% - 310px);background-color:transparent !important;float:right;} #bbp-user-navigation > ul {margin:0 !important;} #bbp-user-navigation > ul > li {padding-left:0 !important;width:100% !important;float:none !important;display:block !important;} #bbp-user-navigation > ul > li a {border-bottom:1px solid #999 !important;border-right:none !important;padding-left:0 !important;color:#000 !important;font-size:0.8em;background-color:transparent !important;} #bbp-user-navigation > ul > li a:hover {color:#ec312e !important;text-decoration:none;} #bbp-user-navigation > ul > li.current a {color:#ec312e !important;} #bbp-user-navigation > ul > li:last-child a {border-bottom:none !important;} h3.x-context-title {font-size:1em !important;} h3.x-context-title a {color:#ec312e;} h3.x-context-title a:hover {color:#000;text-decoration:none;} @media (max-width: 767px) { .x-bbp-user-header #bbp-user-avatar {margin-bottom:20px;width:100% !important;float:none !important;} .x-bbp-user-header #bbp-user-avatar img {width:100% !important;} .x-bbp-user-header .x-bbp-user-header-content {width:100% !important;float:none !important;} .x-bbp-user-header .x-bbp-user-header-title {margin-bottom:5px !important;} #bbp-user-navigation {width:100% !important;float:none !important;} } /* Edit User */ #wpua-preview-existing {display:none;} #wpua-undo-button-existing {display:none;} #wpua-edit-attachment-existing {display:none;} body.bbp-user-edit #bbp-form fieldset.bbp-form legend {display:none;} #wpua-upload-button-existing {margin-top:8px;margin-bottom:0;display:table;} #wpua-upload-button-existing input {margin:0;padding-top:13px;width:100%;height:50px;color:#ec312e;display:table-cell;vertical-align:middle;} #wpua-upload-button-existing span.input-group-btn {width:1%;position:relative;white-space:nowrap;display:table-cell;vertical-align:middle;} #wpua-upload-button-existing button {} #wpua-upload-button-existing:after, #wpua-upload-messages-existing:before {content:"";clear:both;display:table;} #wpua-upload-messages-existing {margin-bottom:25px !important;padding-top:7px;font-size:0.7em;} #wpua-thumbnail-existing img {max-height:none;} #wpua-thumbnail-existing .description {width:102px;font-size:0.5em;font-weight:400;} #wpua-images-existing {margin-bottom:10px;} #wpua-remove-button-existing {margin-left:25px;padding-top:25px;display:inline-block;} /* Notifications */ .bbp-template-notice {border:none; box-shadow: none; border-radius: 0; line-height: 1.4em; text-shadow: none; font-size:16px; color: #ec312e; background-color: #e7e7e7;} .bbp-template-notice.updated, .bbp-template-notice.error { color: #fff; background-color: #ec312e;} /* Search & Tags */ body.topic-tag h2.entry-title a:hover, body.bbp-search h2.entry-title a:hover {color:#000;text-decoration:none;cursor:default;} /* Sidebar */ .widget_display_search h4.h-widget {margin-bottom:15px;font-family:"pragmatica-web","Arial","Helvetica",sans-serif;font-size:1em;font-weight:600 !important;} #bbp-search-form {margin:0 0 45px;border:none;padding:0;background-color:transparent;box-shadow:none;} #bbp-search-form div {display:table;} #bbp-search-form input#bbp_search {padding:10px 10px 10px 20px;width:100%;height:50px;line-height:1.375em;display:table-cell;vertical-align:middle;} #bbp-search-form span.input-group-btn {width:1%;position:relative;white-space:nowrap;display:table-cell;vertical-align:middle;} #bbp-search-form span.input-group-btn input[type="submit"] {margin:0 0 10px;padding:0;width:50px;height:50px;background-color:#ec312e;background-image:url(/wp-content/themes/x-child/images/arrow-next.png);background-size:50px 53px;background-position:center center;background-repeat:no-repeat;display:block;} #bbp-search-form span.input-group-btn input[type="submit"]:hover {background:#000;background-image:url(/wp-content/themes/x-child/images/arrow-next-red.png);background-size:50px 53px;background-position:center center;background-repeat:no-repeat;} /*---------------------------------------------------------------*/ /* -- FOOTER -- /*---------------------------------------------------------------*/ #footerContainer {margin: auto auto;background-color: #fff;} #footerContainer #newsletter {background-color:#6f6f6f; color:#fff; padding:100px 0;font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 200;} #footerContainer #newsletter p {float:left;margin:0;font-size:1.8em; line-height: 50px;} #footerContainer #newsletter form {margin:0 0 0 20px; width:721px; float: right; } #footerContainer #newsletter input[type="email"], #footerContainer #newsletter input[type="text"] {margin:0 1.386963% 10px 0;padding:10px 10px 10px 20px;width:30.097087%; height:50px; font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-size:16px; line-height: 22px; font-style: normal; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border:none; background:#fff; color:#000; float: left; box-shadow: none; } #footerContainer #newsletter .submit-container {width:37.0319%;display:table;vertical-align:middle;position:relative;border-collapse:separate;} #footerContainer #newsletter input[type="email"] {margin-right:0;width:100%;display:table-cell;float:none;} #footerContainer #newsletter input[type="email"]:focus, #footerContainer #newsletter input[type="text"]:focus {border-color:transparent; box-shadow: none; } #footerContainer #newsletter input[type="email"].mce_inline_error, #footerContainer #newsletter input[type="text"].mce_inline_error {border:1px solid #ec312e;} #footerContainer #newsletter .input-group-btn {width:1%;display:table-cell;vertical-align:middle;position:relative;white-space:nowrap;border-collapse:separate;} #footerContainer #newsletter input.btn-signup {border:none; margin:0 0 10px; padding:0; background-color:#ec312e; background-image:url(/wp-content/themes/x-child/images/arrow-next.png); background-size: 50px 53px; background-position: center center; background-repeat: no-repeat; width:50px; height:50px; outline:none;} #footerContainer #newsletter input.btn-signup:hover {background:#000; background-image:url(/wp-content/themes/x-child/images/arrow-next-red.png);background-size: 50px 53px; background-position: center center; background-repeat: no-repeat;} #mc_embed_signup div.mce_inline_error {display:none !important;/*display: table-row; background-color: #ec312e !important; color:#fff; font-weight: 400 !important; height: 40px; line-height: 40px; text-indent: 20px; font-size: 16px;*/} #footerContainer #footer { padding: 40px 30px 0; margin:0 auto 100px; font-size:0.7em; line-height:1.42em; } #footerContainer #footer p {font-weight: 300!important;} #footerContainer #footer a.footerLogo {text-indent: -9999px; display: block; float:left; background-image:url(/wp-content/uploads/footer-logo-evolution.png); background-position:center center; background-repeat:no-repeat; width:170px; height:54px;} #footerContainer #footer p.copyright {margin: 0;padding-top: 20px;text-align: right; float:right;} #footerContainer #footer p.copyright span.desktop {display:inline;} #footerContainer #footer .bottom {margin-top:40px; border-top: 1px solid #6f6f6f; } #footerContainer #footer .bottom ul {list-style-type: none;margin:0 0 30px;} #footerContainer #footer .bottom ul li a {color:#333333;padding:3px 0;display: block;font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 300;} #footerContainer #footer .bottom ul li a strong {font-weight: 400;} #footerContainer #footer .bottom ul li a:hover {color:#ec312e;text-decoration:none;} #footerContainer #footer .bottom h3 {color:#333333;font-family: "pragmatica-web","Arial","Helvetica",sans-serif; font-style: normal; font-weight: 400;} #footerContainer #footer .bottom .left {border-right:1px solid #6f6f6f; padding:30px 0 0; width:68%; color:#333333;} #footerContainer #footer .bottom .left .fl {width:230px; margin: 0 34px 0 0; } #footerContainer #footer .bottom .right {padding:30px 0 0 30px; width:32%; } #footerContainer #footer .bottom .right img {margin-top:20px;} #footerContainer .subplot {padding:25px 0;background-color:#ececec;} #footerContainer .subplot p {margin-bottom:0;font-size:0.7em;color:#6f6f6f;} #footerContainer .subplot p strong {font-weight:400;} #footerContainer .subplot a {color:#6f6f6f;} #footerContainer .subplot a:hover {color:#000;text-decoration:none;} @media (max-width: 1200px) { #footerContainer #newsletter p{float:none;text-align: center; text-indent: -30px;} #footerContainer #newsletter form {float:none; margin:auto;} } @media (max-width: 1140px) { #footerContainer #footer .bottom .right img {margin-top:0;margin-bottom:20px;} #footerContainer #footer .bottom .right .fr {float:none;} } @media (max-width: 767px) { #footerContainer #newsletter {padding:40px 15px;} #footerContainer #newsletter p {margin-bottom:20px;font-size:1.5em;line-height:1.2222em;text-align: left; text-indent: 0;} #footerContainer #newsletter form {width:100%;display:table;} #footerContainer #newsletter input[type="text"] {width:100%;} #footerContainer #newsletter .submit-container {width:100%;} #footerContainer #newsletter input[type="email"] {width:100%;display:table-cell;vertical-align:middle;} #footerContainer #footer {padding-left:15px;padding-right:15px;} #footerContainer #footer a.footerLogo {float:none;} #footerContainer #footer p.copyright {float:none;text-align:left;} #footerContainer #footer p.copyright span.desktop {display:none;} #footerContainer #footer .bottom .left {border-right:none;width:100%;float:none;} #footerContainer #footer .bottom .left .fl {float:none;} #footerContainer #footer .bottom .right {border-top:1px solid #6f6f6f;padding-left:0;width:100%;float:none;} #footerContainer #footer .bottom .right img {margin-top:0;margin-bottom:20px;} #footerContainer #footer .bottom .right .fr {float:none;} #footerContainer #footer .bottom .right .address {margin-bottom:5px;} } /*================ Fancy Box ================*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; } .fancybox-opened { z-index: 101030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } .fancybox-prev span, .fancybox-next span {position: relative;} .fancybox-close:before, .fancybox-prev span:before, .fancybox-next span:before {font-family:FontAwesome;position:absolute;color:#000;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-size:38px;line-height: 38px; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 101060; } #fancybox-loading div { width: 44px; height: 44px; background: url("/wp-content/themes/x-child/images/fancybox_loading.gif") no-repeat center center; } .fancybox-close { position: fixed; top: 12px; right: 40px; cursor: pointer; z-index: 101040; } .fancybox-close:before {content:'\f00d'; font-size:28px;line-height: 28px; color:#fff;} .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/wp-content/themes/x-child/images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 101040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 101040; visibility: hidden; } .fancybox-prev span { left: 0; } .fancybox-prev span:before {content:'\f104'; left: 10px;} .fancybox-next span { right: 0; } .fancybox-next span:before {content:'\f105'; right: 10px;} .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 101010; background: url("/wp-content/themes/x-child/images/fancybox_overlay.png?v=1"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 101050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 101050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading div { background-image: url("/wp-content/themes/x-child/images/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }