/*-------------------------------------------------------------------- Aqua-Media Updated: 02.03.2022 Designed & Handcrafted by The Pixel Parlour 1. Common Styles 2. Universal Elements 3. Content Blocks 4. Supplementary Content 5. WooCommerce 6. Owl Carousel --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 1. Common Styles /*------------------------------------------------------------------*/ /*-------------------------------------------------------------------- font: FF Enzo Pro font-family: 'FFEnzoWebPro', Helvetica, Arial, sans-serif; font-weight: 300 (light), 600 (medium), 700 (bold); font: Proxima Nova Condensed font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; font-weight: 400 (regular), 500 (medium), 600 (semibold), 700 (bold); Primary Colours - - - Dark Blue #33394A Blue #105692 Red #D20A11 Orange #FF6E0A Light Blue #0081B8 Bright Blue #2594CC Greys - - - - - - - - Dark Grey #3C3C3C Medium Grey #E6E6E6 Light Grey #F2F2F2 --------------------------------------------------------------------*/ /*--- Fonts ---*/ /** * @license * MyFonts Webfont Build ID 4089479, 2021-05-17T05:37:24-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: FF Enzo Web Pro Light by FontFont * URL: https://www.myfonts.com/fonts/fontfont/enzo/pro-light/ * * Webfont: FF Enzo Web Pro Medium by FontFont * URL: https://www.myfonts.com/fonts/fontfont/enzo/pro-medium/ * * Webfont: FF Enzo Web Pro Bold by FontFont * URL: https://www.myfonts.com/fonts/fontfont/enzo/pro-bold/ * * * Webfonts copyright: 2012 Tobias Kvant published by FSI FontShop International GmbH * * © 2021 MyFonts Inc * * Licenced to Aqua-Media International Ltd. */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/3e6687"); @font-face { font-family: "FFEnzoWebPro"; src: url('_fonts/FFEnzoWebProLight.woff2') format('woff2'), url('_fonts/FFEnzoWebProLight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "FFEnzoWebPro"; src: url('_fonts/FFEnzoWebProMedium.woff2') format('woff2'), url('_fonts/FFEnzoWebProMedium.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "FFEnzoWebPro"; src: url('_fonts/FFEnzoWebProBold.woff2') format('woff2'), url('_fonts/FFEnzoWebProBold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /*------------------------------------------------------------------*/ html { background-color: #F2F2F2; } body { font-family: 'FFEnzoWebPro', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 600; color: #3C3C3C; background-color: #F2F2F2; } a { color: #FF6E0A; } a:hover, a:active, a:focus { color: #D20A11; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; } h1, .h1 { font-size: 3.5em; } blockquote { text-align: center; padding: 40px 30px 20px 30px; background-image: url(_images/common/bkgd-linebtn-orange.svg); background-repeat: no-repeat; background-position: center 10px; border: none; } .no-svg blockquote { background-image: url(_images/common/bkgd-linebtn-orange.png); } /* No SVG */ .thecontent a:hover, .thecontent a:active, .thecontent a:focus { border-bottom-color: #E6E6E6; } .thecontent ul li { background-image: url(_images/common/bkgd-bulletpoint-small.svg); background-position: 4px 8px; } .no-svg .thecontent ul li { background-image: url(_images/common/bkgd-bulletpoint-small.png); } /* No SVG */ /* Buttons */ .btn { background-color: #0081B8; border-radius: 6px; } .btn:hover, .btn:active, .btn:focus { background-color: #33394A; } .bluebtn { background-color: #105692; } .bluebtn:hover, .bluebtn:active, .bluebtn:focus { background-color: #33394A; } .darkbluebtn { background-color: #33394A; } .darkbluebtn:hover, .darkbluebtn:active, .darkbluebtn:focus { background-color: #2B313F; } .greybtn { background-color: #3C3C3C; } .greybtn:hover, .greybtn:active, .greybtn:focus { background-color: #33394A; } .orangebtn { background-color: #FF6E0A; } .orangebtn:hover, .orangebtn:active, .orangebtn:focus { background-color: #33394A; } .redbtn { background-color: #D20A11; } .redbtn:hover, .redbtn:active, .redbtn:focus { background-color: #33394A; } .whitebtn { color: #33394A; background-color: #FFF; } .whitebtn:hover, .whitebtn:active, .whitebtn:focus { opacity: 0.8; } .btn.outlinebtn { color: #0081B8 !important; background-color: transparent !important; border: 1px solid #0081B8 !important; } .btn.outlinebtn:hover, .btn.outlinebtn:active, .btn.outlinebtn:focus { opacity: 0.8; } .greybtn.outlinebtn { color: #3C3C3C !important; background-color: transparent !important; border: 1px solid #3C3C3C !important; } .greybtn.outlinebtn:hover, .greybtn.outlinebtn:active, .greybtn.outlinebtn:focus { opacity: 0.8; } .orangebtn.outlinebtn { color: #FF6E0A !important; background-color: transparent !important; border: 1px solid #FF6E0A !important; } .orangebtn.outlinebtn:hover, .orangebtn.outlinebtn:active, .orangebtn.outlinebtn:focus { opacity: 0.8; } .whitebtn.outlinebtn { color: #FFF !important; background-color: transparent !important; border: 1px solid #FFF !important; } .whitebtn.outlinebtn:hover, .whitebtn.outlinebtn:active, .whitebtn.outlinebtn:focus { opacity: 0.8; } .linebtn { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; font-weight: 700; line-height: 20px; color: #33394A !important; padding: 15px 10px 0 10px; background-color: transparent; background-image: url(_images/common/bkgd-linebtn-orange.svg); background-repeat: no-repeat; background-position: 0 0; border-radius: 0; } .no-svg .linebtn { background-image: url(_images/common/bkgd-linebtn-orange.png); } /* No SVG */ .linebtn:hover, .linebtn:active, .linebtn:focus { color: #FF6E0A !important; background-color: transparent; } .loginbtn { color: #33394A !important; padding-left: 40px; background-color: #FFF; background-image: url(_images/common/bkgd_icon_login_btn.svg); background-repeat: no-repeat; background-position: 15px center; } .no-svg .loginbtn { background-image: url(_images/common/bkgd_icon_login_btn.png); } /* No SVG */ .loginbtn:hover, .loginbtn:active, .loginbtn:focus { background-color: #FFF !important; opacity: 0.8; } .searchbtn { padding-left: 8px; padding-right: 40px; background-image: url(_images/common/bkgd-icon-search-btn.svg); background-repeat: no-repeat; background-position: right 8px center; } .no-svg .searchbtn { background-image: url(_images/common/bkgd-icon-search-btn.png); } /* No SVG */ /* Colours */ .bkgddarkgrey { background-color: #3C3C3C !important; } .bkgdmediumgrey { background-color: #E6E6E6 !important; } .bkgdlightgrey { background-color: #F2F2F2 !important; } .bkgdverylightgrey { background-color: #FBFBFB !important; } .bkgdblue { background-color: #105692 !important; } .bkgdlightblue { background-color: #0081B8 !important; } .bkgddarkblue { background-color: #33394A !important; } .bkgdverydarkblue { background-color: #2B313F !important; } .bkgdorange { background-color: #FF6E0A !important; } .bkgdred { background-color: #D20A11 !important; } /* Filters */ .filter { background-color: rgba(51,57,74,0.45); } .filterblue { background-color: rgba(16,86,146,0.75); } .blendtop { background: -webkit-linear-gradient(top, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: -o-linear-gradient(top, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: -moz-linear-gradient(top, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: linear-gradient(to bottom, rgba(51,57,74,1), rgba(51,57,74,0)) !important; } .blendright { background: -webkit-linear-gradient(right, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: -o-linear-gradient(right, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: -moz-linear-gradient(right, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: linear-gradient(to left, rgba(51,57,74,1), rgba(51,57,74,0)) !important; } .blendbottom { background: -webkit-linear-gradient(bottom, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: -o-linear-gradient(bottom, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: -moz-linear-gradient(bottom, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: linear-gradient(to top, rgba(51,57,74,1), rgba(51,57,74,0)) !important; } .blendleft { background: -webkit-linear-gradient(left, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: -o-linear-gradient(left, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: -moz-linear-gradient(left, rgba(51,57,74,1), rgba(51,57,74,0)) !important; background: linear-gradient(to right, rgba(51,57,74,1), rgba(51,57,74,0)) !important; } /* Fonts */ .enzo { font-family: 'FFEnzoWebPro', Helvetica, Arial, sans-serif; } .proxima { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; } /*------------------------------------------------------------------*/ /* 2. Universal Elements /*------------------------------------------------------------------*/ .sitewrapper { max-width: 1680px; padding: 100px 0 0 0; } @media screen and (min-width: 0px) and (max-width: 767px) { .sitewrapper { padding-top: 82px; } } /*------------------------------------------------------------------*/ /* Dev Divide */ .devdivide { background-color: #105692; } /*------------------------------------------------------------------*/ /*--- Forms ---*/ input, select, textarea { font-family: 'FFEnzoWebPro', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; padding: 0 10px; border: 1px solid #E6E6E6; } input, select { height: 40px; line-height: 40px; } textarea { padding: 10px; } input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { border-bottom-color: #C9C9C9; } button { font-family: 'FFEnzoWebPro', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 600; line-height: 40px; text-transform: uppercase; color: #FFF; padding: 0 20px; background-color: #0081B8; border-radius: 6px; border: none; cursor: pointer; } button:hover, button:active, button:focus { background-color: #105692; } /* Submit */ input[type="submit"], input.submit, input.wpcf7-submit { font-weight: 600; text-transform: uppercase; background-color: #105692; } input[type="submit"]:hover, input.submit:hover, input.wpcf7-submit:hover, input[type="submit"]:focus, input.submit:focus, input.wpcf7-submit:focus { background-color: #33394A; } /*--- Slim Sign Up Form ---*/ .slimsignupform { margin-bottom: 14px; } .slimsignupform form { max-width: 320px; } .slimsignupform form .singleinputblock input { border: 1px solid #C9C9C9; } .slimsignupform form .submitblock input { background-color: #193F78; background-image: url(https://placehold.it/16x10); background-repeat: no-repeat; background-position: center center; } .slimsignupform form .submitblock input:hover { background-color: #C9D300; } /* Contact Form 7 */ span.wpcf7-not-valid-tip { margin: 0; } div.wpcf7 .ajax-loader { position: absolute; top: 19px; left: 12px; } /*------------------------------------------------------------------*/ /* TEMP DISABILING */ /* #navbar .desktopasidenav li.contact, #navbar .desktopasidenav li.more, #navbar .desktopasidenav li.divide, #navbar .desktopasidenav li.login, #navbar .desktopasidenav li.cart, */ /* #navbar .desktopnav, #navbar .desktopasidenav, .mobileopennav, .mobilekeylinks, #mobilelayer ul.supportmenu, #mobilelayer ul.ctamenu { opacity: 0.2; } */ /*--- NavBar ---*/ #navbar { position: fixed; top: 0; width: 100%; max-width: 1680px; opacity: 1; z-index: 9; overflow: hidden; } #navbar .mainnav { position: relative; padding: 18px 0; background-color: #FFF; border-bottom: 2px solid transparent; } /* NavBar Logo */ #navbar .logo { position: relative; float: left; z-index: 1; } #navbar .logo a { display: inline-block; } #navbar .logo span { display: none; } #navbar .logo img { width: auto; height: 64px; opacity: 1; } #navbar .logo img:hover { opacity: 0.8; } /* NavBar Menu */ #navbar .desktopnav { float: left; padding: 14px 0 0 36px; } /* Main Menu */ #navbar ul.mainmenu { font-size: 0; line-height: 0; } #navbar ul.mainmenu li { position: relative; float: left; font-size: 17px; line-height: 36px; text-transform: uppercase; margin: 0 18px; } #navbar ul.mainmenu li:first-child { margin-left: 0 !important; } #navbar ul.mainmenu li:last-child { margin-right: 0 !important; } #navbar ul.mainmenu li { display: block; color: #33394A; border-bottom: 2px solid transparent; cursor: pointer; } #navbar ul.mainmenu li:hover, #navbar ul.mainmenu li:active, #navbar ul.mainmenu li:focus { color: #105692; border-bottom-color: #E6E6E6; } #navbar ul.mainmenu li a { color: #33394A; } #navbar ul.mainmenu li a:hover, #navbar ul.mainmenu li a:active, #navbar ul.mainmenu li a:focus { color: #105692; border-bottom-color: #E6E6E6; } #navbar ul.mainmenu li.current-menu-item a, #navbar ul.mainmenu li.current_page_item a, #navbar ul.mainmenu li.current_page_parent a, #navbar ul.mainmenu li.current-page-ancestor a { color: #33394A; border-bottom-color: #105692; } #navbar ul.mainmenu li ul { display: none; } /* Aside Menu */ #navbar .desktopasidenav { float: right; padding: 14px 0 0 0; } #navbar .desktopasidenav ul.mainmenu li { font-size: 15px; margin: 0 12px; border-bottom: none; } #navbar .desktopasidenav ul.mainmenu li a { display: block; color: #33394A; border-bottom: 2px solid transparent; } #navbar .desktopasidenav ul.mainmenu li a:hover, #navbar .desktopasidenav ul.mainmenu li a:active, #navbar .desktopasidenav ul.mainmenu li a:focus { color: #105692; border-bottom-color: #E6E6E6; } #navbar .desktopasidenav ul.mainmenu li.more { display: none; margin: 0 6px; } #navbar .desktopasidenav ul.mainmenu li.more svg { vertical-align: middle; } #navbar .desktopasidenav ul.mainmenu li.divide { width: 1px; background-color: #E6E6E6; } #navbar .desktopasidenav ul.mainmenu li.contact a { padding: 0 18px; border: 1px solid #B8B8B8; border-radius: 6px; } #navbar .desktopasidenav ul.mainmenu li.contact a:hover, #navbar .desktopasidenav ul.mainmenu li.contact a:active, #navbar .desktopasidenav ul.mainmenu li.contact a:focus { border-color: #33394A; } #navbar .desktopasidenav ul.mainmenu li.login, #navbar .desktopasidenav ul.mainmenu li.cart { margin-left: 0; } #navbar .desktopasidenav ul.mainmenu li.login .icon, #navbar .desktopasidenav ul.mainmenu li.cart .icon { display: inline-block; } #navbar .desktopasidenav ul.mainmenu li.login .icon svg, #navbar .desktopasidenav ul.mainmenu li.cart .icon svg { vertical-align: middle; } /* Moving NavBar */ #navbar.moving { top: -100px; } #navbar.moving .mainnav { padding-top: 16px; padding-bottom: 16px; } /* Scroll Up NavBar */ #navbar.moving.scrollup { top: 0; } @media screen and (min-width: 768px) and (max-width: 960px) { /* NavBar Menu */ #navbar .desktopnav { padding-left: 26px; } /* Main Menu */ #navbar ul.mainmenu li { margin: 0 10px; } #navbar .desktopasidenav ul.mainmenu li { display: none; } #navbar .desktopasidenav ul.mainmenu li.more { display: block; } #navbar .desktopasidenav ul.mainmenu li.divide { display: block; } #navbar .desktopasidenav ul.mainmenu li.login, #navbar .desktopasidenav ul.mainmenu li.cart { display: block; } } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- NavBar ---*/ #navbar .mainnav { padding-top: 14px; padding-bottom: 14px; } /* NavBar Logo */ #navbar .logo img { width: 142px; height: 54px; } /* Moving NavBar */ #navbar.moving .mainnav { padding-top: 12px; padding-bottom: 12px; } } @media screen and (min-width: 0px) and (max-width: 767px) { /* NavBar Logo */ #navbar .logo { float: none; max-width: 142px; margin: 0 auto; } /* NavBar Menu */ #navbar .desktopnav { display: none; } /* Aside Menu */ #navbar .desktopasidenav { display: none; } } /*------------------------------------------------------------------*/ /*--- Overlay Nav ---*/ #bkgdnavoverlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(51,57,74,0); z-index: -1; } #bkgdnavoverlay.showoverlay { background-color: rgba(51,57,74,1); z-index: 1000; } .overlaynav { position: fixed; /* top: 100%;*/ top: 0; right: 0; bottom: 0; left: 0; color: #FFF; /* background-color: #33394A;*/ opacity: 0; overflow: scroll; z-index: 999; } .overlaynav { z-index: -1; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .overlaynav.showoverlay { z-index: 1000; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .overlaynav a { color: #FFF; } .overlaynav a:hover, .overlaynav a:active, .overlaynav a:focus { color: rgba(255,255,255,0.5); } .overlaynav .content .btn { line-height: 36px; padding: 0 24px; margin: 0; background-image: none; } .overlaynav .content .btn:hover, .overlaynav .content .btn:active, .overlaynav .content .btn:focus { background-color: #2B313F; } .overlaynav .content .outlinebtn:hover, .overlaynav .content .outlinebtn:active, .overlaynav .content .outlinebtn:focus { color: rgba(255,255,255,0.5) !important; border-color: rgba(255,255,255,0.5) !important; } .overlaynav .content h1, .overlaynav .content h2, .overlaynav .content h3, .overlaynav .content h4, .overlaynav .content h5, .overlaynav .content h6 { font-family: 'FFEnzoWebPro', Helvetica, Arial, sans-serif; font-weight: 700; } .overlaynav .content h3 { font-size: 1.6em; } .overlaynav .content ul { font-size: 0; line-height: 0; } .overlaynav .content ul li { display: inline-block; font-size: 18px; line-height: 24px; font-weight: 300; margin: 0 16px 16px 0; } .overlaynav .content ul li a { padding: 0 0 0 12px; background-image: url(_images/common/bkgd-icon-overlaynav-menu-arrow.svg); background-repeat: no-repeat; background-position: 0 3px; } .no-svg .overlaynav .content ul li a { background-image: url(_images/common/bkgd-icon-overlaynav-menu-arrow.png); } /* No SVG */ .overlaynav .titlebar { position: relative; color: #FFF; padding: 26px 0 16px 0; border-bottom: 1px solid rgba(255,255,255,0.3); z-index: 2; } .overlaynav .titlebar .colleft { float: left; width: 50%; } .overlaynav .titlebar .colright { float: right; width: 50%; text-align: right; } .overlaynav .titlebar .colleft .title h2 { line-height: 1em; text-transform: uppercase; margin-bottom: 0; } .overlaynav .titlebar .colleft .details { display: inline-block; padding: 0 0 0 20px; margin: 0 0 0 20px; border-left: 1px solid #666; vertical-align: top; } .overlaynav .titlebar .colleft .details .desc { text-transform: uppercase; } .overlaynav .titlebar .colright ul { font-size: 0; line-height: 0; } .overlaynav .titlebar .colright ul li { display: inline-block; font-size: 13px; height: 36px; line-height: 36px; border-left: 1px solid rgba(255,255,255,0.2); vertical-align: top; } .overlaynav .titlebar .colright ul li:first-child, .overlaynav .titlebar .colright ul li:nth-child(2) { border-left: none; } .overlaynav .titlebar .colright ul li.nav { width: 36px; background-image: url(_images/master/bkgd-overlaygallery-nav.svg); background-repeat: no-repeat; background-position: -100px -100px; opacity: 0.7; cursor: pointer; } .no-svg .overlaynav .titlebar .colright ul li.nav { background-image: url(_images/master/bkgd-overlaygallery-nav.png); } /* No SVG */ .overlaynav .titlebar .colright ul li.nav.prev { margin-left: 10px; background-position: 0 0; } .overlaynav .titlebar .colright ul li.nav.next { background-position: -36px 0; } .overlaynav .titlebar .colright ul li.nav.close { width: 34px; background-position: -74px 0; opacity: 0.3; } .overlaynav .titlebar .colright ul li.nav:hover { opacity: 1; } .overlaynav .titlebar .colright ul li.nav.close:hover { opacity: 0.5; } .overlaynav .titlebar .colright .btn { line-height: 36px; } .overlaynav .content { position: relative; padding: 40px 0; } .overlaynav .content .colleft { float: left; width: 62%; } .overlaynav .content .colright { float: right; width: 28%; padding: 20px 0; } .overlaynav .content .colright h3 { font-weight: 300; } .overlaynav .content .colright h5 { font-size: 1.1em; font-weight: 300; margin: 0 0 5px 0; } .overlaynav .content .colright p { font-size: 0.85em; color: #CDCDCD; } .overlaynav .content .colright .item { padding: 0 0 0 12px; margin: 0 0 22px 0; background-image: url(_images/common/bkgd-icon-overlaynav-menu-arrow.svg); background-repeat: no-repeat; background-position: 0 5px; } .no-svg .overlaynav .content .colright .item { background-image: url(_images/common/bkgd-icon-overlaynav-menu-arrow.png); } /* No SVG */ .overlaynav .content .divideline { position: absolute; top: 0; left: 68%; bottom: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,0.3); } /* Publications */ .overlaynav .content .publication { overflow: hidden; } .overlaynav .content .publication .photo { float: left; width: 35%; margin: 0 6% 0 0; } .overlaynav .content .publication .desc { float: left; width: 59%; padding: 20px 0 0 0; } /* Events */ .overlaynav .content .events { padding: 20px 0 0 0; } .overlaynav .content ul.eventlogos { padding: 20px 0 0 0; } .overlaynav .content ul.eventlogos li { margin-right: 40px; } /* Foundation */ #navfoundation .content .colleft { width: 56%; } #navfoundation .content .colright { width: 38%; } .overlaynav .content .foundation { padding: 20px 0 0 0; } /* Topics */ .overlaynav .content .largesearch { max-width: 900px; margin: 0 auto 40px auto; overflow: hidden; } .overlaynav .content .topicslist { max-width: 800px; text-align: center; margin: 0 auto; } .overlaynav .content .topicslist .title { text-transform: uppercase; margin: 0 0 30px 0; } @media screen and (min-width: 0px) and (max-width: 860px) { .overlaynav .content .colleft { width: 100%; } .overlaynav .content .colright { width: 100%; padding: 30px 0 0 0; margin: 30px 0 0 0; border-top: 1px solid rgba(255,255,255,0.3); } .overlaynav .content .divideline { display: none; } /* Foundation */ #navfoundation .content .colright { padding-top: 0; margin: 0 0 20px 20px; border-top: none; } .overlaynav .content .foundation { padding-top: 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { /* Foundation */ #navfoundation .content .colleft { float: none; width: 100%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .overlaynav .titlebar .colleft { width: 40%; } .overlaynav .titlebar .colright { width: 60%; } .overlaynav .titlebar .colleft .title h2 { font-size: 1.4em; line-height: 36px; } } @media screen and (min-width: 0px) and (max-width: 520px) { .overlaynav .titlebar .colleft { width: 100%; } .overlaynav .titlebar .colright { float: left; width: 100%; text-align: left; } .overlaynav .titlebar.nosearch .colleft { width: 80%; } .overlaynav .titlebar.nosearch .colright { float: right; width: 20%; text-align: right; } /* Publications */ .overlaynav .content .publication .photo { float: right; width: 35%; margin: 0 0 14px 14px; } .overlaynav .content .publication .desc { float: none; width: 100%; padding: 0; } } /*------------------------------------------------------------------*/ /*--- More Nav ---*/ #morenav { position: fixed; top: 0; right: -50%; bottom: 0; width: 50%; height: 100%; color: #E6E6E6; background-color: #33394A; overflow: hidden; z-index: 99; } #morenav.showmenu { right: 0; } #morenav .container { height: 100%; max-width: inherit; padding: 80px 0 0 0; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } /* Close Mobile Nav */ #morenav .closenav { position: absolute; top: 22px; left: 14px; height: 30px; font-size: 0.8em; line-height: 30px; text-transform: uppercase; padding: 0 10px 0 26px; background-image: url(_images/common/bkgd-icon-mobile-nav-close.svg); background-repeat: no-repeat; background-position: left center; opacity: 0.3; cursor: pointer; } .nosvg #mobilelayer .closenav { background-image: url(_images/common/bkgd-icon-mobile-nav-close.png); } /* No SVG */ #morenav .closenav:hover { opacity: 0.7; } #morenav ul.mainmenu { padding: 0 0 12px 0; border-bottom: 1px solid rgba(255,255,255,0.2); } #morenav ul.mainmenu li { font-size: 1.4em; text-transform: uppercase; margin: 0 0 12px 0; } #morenav ul.mainmenu li { display: block; color: #FFF; padding: 6px 20px; cursor: pointer; } #morenav ul.mainmenu li:hover, #morenav ul.mainmenu li:active, #morenav ul.mainmenu li:focus { color: rgba(255,255,255,0.8); padding-left: 24px; } #morenav ul.mainmenu li a { color: #FFF; } #morenav ul.mainmenu li a:hover, #morenav ul.mainmenu li a:active, #morenav ul.mainmenu li a:focus { color: rgba(255,255,255,0.8); } #morenav ul.supportmenu { padding: 24px 0 0 0; } #morenav ul.supportmenu li { font-size: 1em; text-transform: uppercase; margin: 0 0 12px 0; } #morenav ul.supportmenu li a { display: block; color: #FFF; padding: 6px 20px; } #morenav ul.supportmenu li a:hover, #morenav ul.supportmenu li a:active, #morenav ul.supportmenu li a:focus { color: rgba(255,255,255,0.8); padding-left: 22px; } #morenav ul.ctamenu { padding: 10px 20px; } #morenav ul.ctamenu li { margin: 0 0 20px 0; } #morenav ul.ctamenu li:last-child { margin-bottom: 0; } #morenav ul.ctamenu li .btn { display: block; margin: 0; } #morenav ul.ctamenu li .btn:hover, #morenav ul.ctamenu li .btn:active, #morenav ul.ctamenu li .btn:focus { background-color: rgba(255,255,255,0.1); } /* Mobile Page Overlay */ #bkgdmorenavoverlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(51,57,74,0); z-index: -1; } #bkgdmorenavoverlay.showoverlay { background-color: rgba(51,57,74,0.95); z-index: 99; } @media screen and (min-width: 0px) and (max-width: 480px) { #morenav { width: 70%; right: -70%; } } /*------------------------------------------------------------------*/ /*--- Mobile Nav ---*/ .mobileopennav { display: none; position: absolute; top: 50%; left: 6px; padding: 5px 10px; margin: -15px 0 0 0; cursor: pointer; z-index: 9; } .mobileopennav img { vertical-align: top; } .mobilekeylinks { display: none; position: absolute; top: 50%; right: 12px; height: 30px; margin: -15px 0 0 0; z-index: 9; } .mobilekeylinks ul li { float: left; text-align: center; margin: 0 0 0 6px; } .mobilekeylinks ul li a { display: block; width: 30px; height: 30px; line-height: 30px; } .mobilekeylinks ul li .icon { } .mobilekeylinks ul li img { vertical-align: top; } @media screen and (min-width: 0px) and (max-width: 767px) { .mobileopennav { display: block; } .mobilekeylinks { display: block; } } /*------------------------------------------------------------------*/ /*--- Mobile Layer ---*/ #mobilelayer { position: fixed; top: 0; right: 100%; bottom: 0; left: -50%; width: 50%; height: 100%; color: #E6E6E6; background-color: #33394A; overflow: hidden; z-index: 99; } #mobilelayer.showmenu { left: 0; } #mobilelayer .container { height: 100%; max-width: inherit; padding: 80px 0 0 0; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } /* Close Mobile Nav */ #mobilelayer .closenav { position: absolute; top: 22px; left: 14px; height: 30px; font-size: 0.8em; line-height: 30px; text-transform: uppercase; padding: 0 10px 0 26px; background-image: url(_images/common/bkgd-icon-mobile-nav-close.svg); background-repeat: no-repeat; background-position: left center; opacity: 0.3; cursor: pointer; } .nosvg #mobilelayer .closenav { background-image: url(_images/common/bkgd-icon-mobile-nav-close.png); } /* No SVG */ #mobilelayer .closenav:hover { opacity: 0.7; } #mobilelayer ul.mainmenu { padding: 0 0 12px 0; border-bottom: 1px solid rgba(255,255,255,0.2); } #mobilelayer ul.mainmenu li { font-size: 1.4em; text-transform: uppercase; margin: 0 0 12px 0; } #mobilelayer ul.mainmenu li { display: block; color: #FFF; padding: 6px 20px; cursor: pointer; } #mobilelayer ul.mainmenu li:hover, #mobilelayer ul.mainmenu li:active, #mobilelayer ul.mainmenu li:focus { color: rgba(255,255,255,0.8); padding-left: 24px; } #mobilelayer ul.mainmenu li a { color: #FFF; } #mobilelayer ul.mainmenu li a:hover, #mobilelayer ul.mainmenu li a:active, #mobilelayer ul.mainmenu li a:focus { color: rgba(255,255,255,0.8); } #mobilelayer ul.supportmenu { padding: 24px 0 0 0; } #mobilelayer ul.supportmenu li { font-size: 1em; text-transform: uppercase; margin: 0 0 12px 0; } #mobilelayer ul.supportmenu li a { display: block; color: #FFF; padding: 6px 20px; } #mobilelayer ul.supportmenu li a:hover, #mobilelayer ul.supportmenu li a:active, #mobilelayer ul.supportmenu li a:focus { color: rgba(255,255,255,0.8); padding-left: 22px; } #mobilelayer ul.ctamenu { padding: 10px 20px; } #mobilelayer ul.ctamenu li { margin: 0 0 20px 0; } #mobilelayer ul.ctamenu li:last-child { margin-bottom: 0; } #mobilelayer ul.ctamenu li .btn { display: block; margin: 0; } #mobilelayer ul.ctamenu li .btn:hover, #mobilelayer ul.ctamenu li .btn:active, #mobilelayer ul.ctamenu li .btn:focus { background-color: rgba(255,255,255,0.1); } /* Mobile Page Overlay */ #bkgdmobilenavoverlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(51,57,74,0); z-index: -1; } #bkgdmobilenavoverlay.showoverlay { background-color: rgba(51,57,74,0.95); z-index: 99; } @media screen and (min-width: 0px) and (max-width: 480px) { #mobilelayer { width: 70%; left: -70%; } } /*------------------------------------------------------------------*/ /*--- Footer ---*/ .footer { color: #FFF; background-color: #33394A; } .footer a { color: #FFF; border-bottom: 1px solid transparent; } .footer a:hover, .footer a:active, .footer a:focus { color: #FFF; border-bottom-color: rgba(255,255,255,0.3); } /* Main Footer */ .footer .mainfooter { padding: 40px 0; } .footer .mainfooter p { font-size: 14px; } .footer .mainfooter .colfirst { float: left; width: 30%; margin: 0 5% 0 0; } .footer .mainfooter .colsecond { float: left; width: 36%; margin: 0 5% 0 0; } .footer .mainfooter .colthird { float: left; width: 24%; } .footer .mainfooter .colfirst p { max-width: 260px; } .footer .mainfooter .logo { margin: 0 0 14px 0; } .footer .mainfooter .menugroup { float: left; margin: 0 4% 0 0; } .footer .mainfooter .menugroup:last-child { margin-right: 0; } .footer .mainfooter .menugroup.onehalf { width: 48%; } .footer .mainfooter .menugroup ul { font-size: 0; line-height: 0; } .footer .mainfooter .menugroup ul li { display: block; font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 700; padding: 0 0 0 12px; margin: 0 0 14px 0; background-image: url(_images/common/bkgd-icon-footer-menu-arrow.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .footer .mainfooter .menugroup ul li { background-image: url(_images/common/bkgd-icon-footer-menu-arrow.png); } /* No SVG */ .footer .mainfooter .menugroup ul li:last-child { margin-bottom: 0; } .footer .mainfooter .menugroup ul li a { } .footer .mainfooter .menugroup ul li a:hover, .footer .mainfooter .menugroup ul li a:active, .footer .mainfooter .menugroup ul li a:focus { border-bottom-color: #FF6E0A; } .footer .mainfooter .tel { font-size: 1.235em; } .footer .mainfooter .email { font-size: 0.94em; margin: 10px 0 0 0; } .footer .mainfooter .email a { border-bottom-color: #FFF; } .footer .mainfooter .email a:hover, .footer .mainfooter .email a:active, .footer .mainfooter .email a:focus { border-bottom-color: #FF6E0A; } .footer .mainfooter ul.sociallinks { margin-top: 20px; } .footer .mainfooter .divideline { position: absolute; top: 0; bottom: 0; width: 1px; background-color: rgba(255,255,255,0.3); } .footer .mainfooter .divideline.first { left: 33%; } .footer .mainfooter .divideline.second { left: 73%; } /* Legal Footer */ .footer .legalfooter { font-weight: 300; color: #CDCDCD; padding: 20px 0; background-color: #2B313F; } .footer .legalfooter a { border-bottom-color: rgba(255,255,255,0.3); } .footer .legalfooter a:hover, .footer .legalfooter a:active, .footer .legalfooter a:focus { color: #FFF; border-bottom-color: #FF6E0A; } .footer .legalfooter p { font-size: 13px; } .footer .legalfooter ul { font-size: 0; line-height: 0; } .footer .legalfooter ul li { display: inline-block; font-size: 13px; line-height: 18px; } .footer .legalfooter .colleft { float: left; width: 70%; } .footer .legalfooter .colleft ul li { margin: 0 9px 4px 0; } .footer .legalfooter .colleft ul li:last-child { margin-left: 0; } .footer .legalfooter .colright { float: right; width: 30%; text-align: right; } .footer .legalfooter .colright ul li { margin: 0 0 4px 9px; } .footer .legalfooter .colright ul li:first-child { margin-left: 0; } .footer .legalfooter .colfw { float: left; width: 100%; } @media screen and (min-width: 0px) and (max-width: 900px) { /* Main Footer */ .footer .mainfooter .colfirst { width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid rgba(255,255,255,0.3); } .footer .mainfooter .colsecond { width: 58%; } .footer .mainfooter .colthird { width: 37%; } .footer .mainfooter .logo { float: left; } .footer .mainfooter .desc { float: left; padding: 0 0 0 20px; } .footer .mainfooter .divideline { display: none; } } @media screen and (min-width: 0px) and (max-width: 599px) { /* Main Footer */ .footer .mainfooter .colsecond { width: 100%; margin: 0 0 20px 0; } .footer .mainfooter .colthird { width: 100%; } .footer .mainfooter .colfirst p { max-width: 360px; } .footer .mainfooter .desc { width: 100%; padding-left: 0; } /* Legal Footer */ .footer .legalfooter .colleft { width: 100%; } .footer .legalfooter .colright { width: 100%; text-align: left; } } @media screen and (min-width: 0px) and (max-width: 480px) { /* Main Footer */ .footer .mainfooter { padding-top: 30px; padding-bottom: 30px; } } @media screen and (min-width: 0px) and (max-width: 360px) { /* Main Footer */ .footer .mainfooter .menugroup { margin-right: 0; margin-bottom: 14px; } .footer .mainfooter .menugroup:last-child { margin-bottom: 0; } .footer .mainfooter .menugroup.onehalf { width: 100%; } } /*------------------------------------------------------------------*/ /*--- Other Common Elements ---*/ /* e.g. social links, share page, */ /*--- Announcement Bar ---*/ .announcement_bar { position: relative; z-index: 1; } /* Layout */ .announcement_bar .container { padding-top: 12px !important; padding-bottom: 12px !important; } .announcement_bar .inner_wrap { position: relative; display: block; padding: 0 46px 0 0; } .announcement_bar .colleft { float: left; width: 80%; line-height: 38px; } .announcement_bar .colright { float: right; width: 20%; text-align: right; } .announcement_bar .btn { line-height: 36px; padding: 0; margin: 0; border-color: transparent !important; } .announcement_bar .title { display: inline-block; font-size: 1.4em; font-weight: 700; padding: 0 14px 0 0; } .announcement_bar .subtitle { display: inline-block; padding: 0 0 0 14px; border-left: 1px solid rgba(255,255,255,0.4); } /* Button */ .announcement_bar .cd-single-point { position: absolute; top: 7px; right: 7px; width: 26px; height: 26px; background-color: #FF6E0A; border-radius: 50%; } .announcement_bar .cd-single-point::after { /* this is used to create the pulse animation */ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; background-color: transparent; -webkit-animation: white-pulse 1s infinite; -moz-animation: white-pulse 1s infinite; animation: white-pulse 1s infinite; } .announcement_bar .cd-single-point::before { /* this is used to create the pulse animation */ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; background-color: transparent; -webkit-animation: white-pulse-2 1s infinite; -moz-animation: white-pulse-2 1s infinite; animation: white-pulse 1s-2 infinite; } .announcement_bar .cd-single-point .plus_icon { width: 26px; height: 26px; line-height: 26px; text-align: center; } .announcement_bar .cd-single-point .plus_icon .svg_icon rect { fill: #FFF; } .announcement_bar a:hover .cd-single-point .plus_icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* Default / Dark Blue */ .announcement_bar a { display: block; color: #FFF; background-color: #33394A; } .announcement_bar a .btn { color: #FF6E0A !important; } .announcement_bar a:hover { background-color: #FF6E0A; } .announcement_bar a:hover .btn { color: #FFF !important; opacity: 1; } .announcement_bar a:hover .cd-single-point { background-color: #FFF; } .announcement_bar a:hover .cd-single-point .plus_icon .svg_icon rect { fill: #FF6E0A; } /* Bkgd Blue */ .announcement_bar.bkgdblue a { background-color: #105692; } .announcement_bar.bkgdblue a:hover { background-color: #33394A; } .announcement_bar.bkgdblue a .btn { color: #FFF !important; } .announcement_bar.bkgdblue .cd-single-point { background-color: #FFF; } .announcement_bar.bkgdblue .cd-single-point .plus_icon .svg_icon rect { fill: #105692; } .announcement_bar.bkgdblue a:hover .cd-single-point { background-color: #105692; } .announcement_bar.bkgdblue a:hover .cd-single-point .plus_icon .svg_icon rect { fill: #FFF; } /* Bkgd Light Blue */ .announcement_bar.bkgdlightblue a { background-color: #0081B8; } .announcement_bar.bkgdlightblue a:hover { background-color: #33394A; } .announcement_bar.bkgdlightblue a .btn { color: #FFF !important; } .announcement_bar.bkgdlightblue .cd-single-point { background-color: #FFF; } .announcement_bar.bkgdlightblue .cd-single-point .plus_icon .svg_icon rect { fill: #0081B8; } .announcement_bar.bkgdlightblue a:hover .cd-single-point { background-color: #0081B8; } .announcement_bar.bkgdlightblue a:hover .cd-single-point .plus_icon .svg_icon rect { fill: #FFF; } /* Bkgd Dark Grey */ .announcement_bar.bkgddarkgrey a { background-color: #3C3C3C; } .announcement_bar.bkgddarkgrey a:hover { background-color: #33394A; } .announcement_bar.bkgddarkgrey a .btn { color: #FFF !important; } .announcement_bar.bkgddarkgrey .cd-single-point { background-color: #FFF; } .announcement_bar.bkgddarkgrey .cd-single-point .plus_icon .svg_icon rect { fill: #3C3C3C; } .announcement_bar.bkgddarkgrey a:hover .cd-single-point { background-color: #3C3C3C; } .announcement_bar.bkgddarkgrey a:hover .cd-single-point .plus_icon .svg_icon rect { fill: #FFF; } /* Bkgd Orange */ .announcement_bar.bkgdorange a { background-color: #FF6E0A; } .announcement_bar.bkgdorange a:hover { background-color: #33394A; } .announcement_bar.bkgdorange a .btn { color: #FFF !important; } .announcement_bar.bkgdorange .cd-single-point { background-color: #FFF; } .announcement_bar.bkgdorange .cd-single-point .plus_icon .svg_icon rect { fill: #FF6E0A; } .announcement_bar.bkgdorange a:hover .cd-single-point { background-color: #FF6E0A; } .announcement_bar.bkgdorange a:hover .cd-single-point .plus_icon .svg_icon rect { fill: #FFF; } /* Bkgd Red */ .announcement_bar.bkgdred a { background-color: #D20A11; } .announcement_bar.bkgdred a:hover { background-color: #33394A; } .announcement_bar.bkgdred a .btn { color: #FFF !important; } .announcement_bar.bkgdred .cd-single-point { background-color: #FFF; } .announcement_bar.bkgdred .cd-single-point .plus_icon .svg_icon rect { fill: #D20A11; } .announcement_bar.bkgdred a:hover .cd-single-point { background-color: #D20A11; } .announcement_bar.bkgdred a:hover .cd-single-point .plus_icon .svg_icon rect { fill: #FFF; } @media screen and (min-width: 0px) and (max-width: 767px) { .announcement_bar .colleft { width: 100%; line-height: inherit; } .announcement_bar .colright { width: 100%; text-align: left; } .announcement_bar .title { display: block; padding: 0 0 4px 0; } .announcement_bar .subtitle { display: block; line-height: 1.2em; padding: 0 0 10px 0; border-left: none; } } /* White Pulse */ @-webkit-keyframes white-pulse { 0% { -webkit-transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 100% { -webkit-transform: scale(1.6); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0); } } @-moz-keyframes white-pulse { 0% { -moz-transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 100% { -moz-transform: scale(1.6); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0); } } @keyframes white-pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 100% { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0); } } @-webkit-keyframes white-pulse-2 { 0% { -webkit-transform: scale(0.8); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 100% { -webkit-transform: scale(1.4); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0); } } @-moz-keyframes white-pulse-2 { 0% { -moz-transform: scale(0.8); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 100% { -moz-transform: scale(1.4); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0); } } @keyframes white-pulse-2 { 0% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); } 100% { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0); } } /*------------*/ /*--- Article Meta ---*/ ul.articlemeta li { line-height: 22px; color: rgba(255,255,255,0.5); } ul.articlemeta li::after { border-right-color: #FFF; border-right-color: rgba(255,255,255,0.2); } ul.articlemeta li a { display: inline-block; color: #FFF !important; color: rgba(255,255,255,0.5) !important; padding-left: 22px; background-image: url(_images/common/bkgd-icons-article-meta.svg); background-repeat: no-repeat; background-position: -100px -100px; } .no-svg ul.articlemeta li a { background-image: url(_images/common/bkgd-icons-article-meta.png); } /* No SVG */ ul.articlemeta li a:hover { color: rgba(255,255,255,0.7) !important; } ul.articlemeta li.region a { background-position: 0 -5px; } ul.articlemeta li.topic a { padding-left: 25px; background-position: 0 -37px; } ul.articlemeta li.label a { padding-left: 24px; background-position: 0 -69px; } ul.articlemeta li.author a { padding-left: 21px; background-position: 0 -101px; } ul.articlemeta li.author span { display: inline-block; color: #FFF !important; color: rgba(255,255,255,0.5) !important; padding-left: 21px; background-image: url(_images/common/bkgd-icons-article-meta.svg); background-repeat: no-repeat; background-position: 0 -101px; } .no-svg ul.articlemeta li.author span { background-image: url(_images/common/bkgd-icons-article-meta.png); } /* No SVG */ ul.articlemeta li.date span { display: inline-block; color: #FFF !important; color: rgba(255,255,255,0.5) !important; padding-left: 24px; background-image: url(_images/common/bkgd-icons-article-meta.svg); background-repeat: no-repeat; background-position: 0 -133px; } .no-svg ul.articlemeta li.date span { background-image: url(_images/common/bkgd-icons-article-meta.png); } /* No SVG */ /* Blue Version */ ul.articlemeta.blue li { color: #0081B8; } ul.articlemeta.blue li::after { border-right-color: rgba(51,57,74,0.2); } ul.articlemeta.blue li a { color: #0081B8 !important; background-image: url(_images/common/bkgd-icons-article-meta-blue.svg); } .no-svg ul.articlemeta.blue li a { background-image: url(_images/common/bkgd-icons-article-meta-dark.png); } /* No SVG */ ul.articlemeta.blue li a:hover { color: rgba(51,57,74,0.7) !important; } ul.articlemeta.blue li.date span { color: #0081B8 !important; background-image: url(_images/common/bkgd-icons-article-meta-blue.svg); } .no-svg ul.articlemeta.blue li.date span { background-image: url(_images/common/bkgd-icons-article-meta-blue.png); } /* No SVG */ /* Dark Version */ ul.articlemeta.dark li { color: rgba(51,57,74,0.5); } ul.articlemeta.dark li::after { border-right-color: rgba(51,57,74,0.2); } ul.articlemeta.dark li a { color: #777 !important; color: rgba(51,57,74,0.5) !important; background-image: url(_images/common/bkgd-icons-article-meta-dark.svg); } .no-svg ul.articlemeta.dark li a { background-image: url(_images/common/bkgd-icons-article-meta-dark.png); } /* No SVG */ ul.articlemeta.dark li a:hover { color: rgba(51,57,74,0.7) !important; } ul.articlemeta.dark li.date span { color: #777 !important; color: rgba(51,57,74,0.5) !important; background-image: url(_images/common/bkgd-icons-article-meta-dark.svg); } .no-svg ul.articlemeta.dark li.date span { background-image: url(_images/common/bkgd-icons-article-meta-dark.png); } /* No SVG */ /*------------*/ /*--- Beta Sash ---*/ .betasash { position: fixed; top: 0; right: 0; width: 100px; height: 100px; background-image: url(_images/common/bkgd-beta-sash.svg); background-repeat: no-repeat; background-position: 0 0; z-index: 10; } .no-svg .betasash { background-image: url(_images/common/bkgd-beta-sash.png); } /* No SVG */ @media screen and (min-width: 0px) and (max-width: 600px) { .betasash { width: 70px; height: 70px; background-size: 70px 70px; } } /*------------*/ /* Inline Search */ .inlinesearch { min-width: 240px; } .inlinesearch input { float: left; width: 100%; height: 36px; line-height: 36px; border: none; } .inlinesearch input.search { width: 36px; margin: 0 0 0 -36px; padding: 0; background-color: #FFF; background-image: url(_images/common/bkgd-icon-search-btn-blue.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .inlinesearch input.search { background-image: url(_images/common/bkgd-icon-search-btn-blue.png); } /* No SVG */ .inlinesearch input.search:hover, .inlinesearch input.search:active { background-color: #F2F2F2; } .largesearch .inlinesearch input { height: 66px; font-size: 1.2em; line-height: 66px; padding: 0 30px; } .largesearch .inlinesearch input.search { width: 66px; margin: 0 0 0 -66px; } /*------------*/ /*--- Master Carousel Nav ---*/ .master_carousel_next, .master_carousel_prev { position: absolute; top: 50%; width: 48px; height: 48px; margin-top: -24px; background-color: #33394A; border-radius: 50%; cursor: pointer; } .master_carousel_next svg, .master_carousel_prev svg { width: 100%; height: 100%; fill: #FFF; } .master_carousel_next:hover, .master_carousel_next:active, .master_carousel_next:focus, .master_carousel_prev:hover, .master_carousel_prev:active, .master_carousel_prev:focus { background-color: #FF6E0A; } .master_carousel_next { right: 20px; } .master_carousel_prev { left: 20px; } @media screen and (min-width: 0px) and (max-width: 660px) { .master_carousel_prev, .master_carousel_next { width: 36px; height: 36px; margin-top: -18px; } } /*------------*/ /*--- No Results ---*/ .no_results { text-align: center; padding: 20px; background-color: #F5F5F5; } .no_results .wrap { max-width: 530px; margin: 0 auto; } .no_results .wrap h4 { margin: 0; } .no_results .wrap p { margin: 14px 0 0 0; } /*------------*/ /* No Results Search */ .noresultssearch { color: #FFF; padding: 20px; background-color: #33394A; overflow: hidden; } /*------------*/ /*--- Pagination ---*/ .pagination a { color: #3C3C3C; background-color: #F2F2F2; } .pagination a:hover, .pagination a:active, .pagination a:focus { color: #3C3C3C; background-color: #E6E6E6; } .pagination .current { color: #FFF; background-color: #33394A; } /*------------*/ /*--- Scroll to Top ---*/ #scrolltotop { background-color: rgba(51,57,74,0.1); background-image: url(_images/common/bkgd-icon-back-to-top.svg); } .no-svg #scrolltotop { background-image: url(_images/common/bkgd-icon-back-to-top.png); } /* No SVG */ #scrolltotop:hover { background-color: rgba(51,57,74,0.18); } /*------------*/ /*--- Share Page ---*/ ul.sharepage li { line-height: 32px; } ul.sharepage li.legend { display: block; font-size: 15px; line-height: 20px; } ul.sharepage li a { width: 32px; height: 32px; line-height: 32px; padding: 0; background-image: url(_images/common/bkgd-sharing-icons.svg); border-radius: 0; } .no-svg ul.sharepage li a { background-image: url(_images/common/bkgd-sharing-icons.png); } /* No SVG */ ul.sharepage li a:hover { background-color: rgba(255,255,255,0.15) !important; } ul.sharepage li a.email { background-color: #565E6B; background-position: 0 0; } ul.sharepage li a.facebook { background-position: 0 -32px; } ul.sharepage li a.googleplus { background-color: #CB3732; background-position: 0 -64px; } ul.sharepage li a.linkedin { background-position: 0 -96px; } ul.sharepage li a.twitter { background-position: 0 -128px; } /*------------*/ /*--- Social Links ---*/ ul.sociallinks li a { width: 40px; height: 40px; line-height: 40px; background-color: transparent; background-image: url(_images/common/bkgd-social-icons.svg); } .no-svg ul.sociallinks li a { background-image: url(_images/common/bkgd-social-icons.png); } /* No SVG */ ul.sociallinks li.facebook a { background-position: 0 0; } ul.sociallinks li.instagram a { background-position: -40px 0; } ul.sociallinks li.linkedin a { background-position: -80px 0; } ul.sociallinks li.twitter a { background-position: -120px 0; } ul.sociallinks li.youtube a { background-position: -160px 0; } /*------------*/ /*--- Tab ---*/ .tab { width: 75px; height: 3px; margin: 0 0 20px 0; background-color: #FF6E0A; } /*------------------------------------------------------------------*/ /* 3. Content Blocks /*------------------------------------------------------------------*/ /*--- Section Intro ---*/ .sectionintro h1, .sectionintro h2, .sectionintro h3, .sectionintro h4, .sectionintro h5, .sectionintro h6 { margin-bottom: 14px; } /* Width Variations */ .sectionintro.widewidth { max-width: 800px; } .sectionintro.smalltext h1, .sectionintro.smalltext h2, .sectionintro.smalltext h3, .sectionintro.smalltext h4, .sectionintro.smalltext h5, .sectionintro.smalltext h6 { font-size: 1.18em; text-transform: uppercase; letter-spacing: 0.2em; } .sectionintro.smalltext .tab { width: 110px; height: 1px; background-color: #BFBFBF; } .sectionintro .tab { margin: 0 auto 10px auto; } .sectionintro.textleft { text-align: left; } .sectionintro.textleft .tab { margin-left: 0; } .sectionintro .buttons { margin: 0 0 -8px 0; } .sectionintro .buttons .btn { margin: 0 8px 8px 0; } .sectionintro .buttons .btn:last-child { margin-right: 0; } .textcentred .sectionintro .buttons .btn, .textcentered .sectionintro .buttons .btn { margin: 0 4px 8px 4px; } /*------------*/ /*--- Page Intro ---*/ .pageintro { background-color: #33394A; } .pageintro .container { padding-top: 80px; padding-bottom: 100px; } .pageintro.hasoverlap .container { padding-bottom: 160px; } .pageintro .wrap { max-width: 580px; } .pageintro h1 { text-transform: uppercase; margin-bottom: 0; } .pageintro .tab { margin-top: 12px; } .pageintro p { max-width: 440px; font-size: 1.18em; } .pageintro .buttons { padding: 14px 0 0 0; margin: 0 0 -8px 0; } .pageintro .buttons .btn { margin: 0 8px 8px 0; } .pageintro .buttons .btn:last-child { margin-right: 0; } .pageintro .returnbtn { position: absolute; top: 20px; left: 20px; display: inline-block; line-height: 24px; text-transform: uppercase; color: #FFF; padding: 0 0 0 36px; background-image: url(_images/common/bkgd-icon-articles-return.svg); background-repeat: no-repeat; background-position: left center; cursor: pointer; } .no-svg .pageintro .returnbtn { background-image: url(_images/common/bkgd-icon-articles-return.png); } /* No SVG */ .pageintro .returnbtn:hover, .pageintro .returnbtn:active, .pageintro .returnbtn:focus { color: #FFF; opacity: 0.8; } .pageintro .wrap.standard p { max-width: inherit; } .pageintro .wrap.wide { max-width: 680px; } .pageintro .wrap.wide p { max-width: inherit; } /* Login */ .pageintro .woocommerce-form-login { padding: 20px 0 0 0; } .pageintro .woocommerce-form-login label { text-align: left; } .pageintro form.login .form-row { width: 100%; margin: 0 0 20px 0; } .pageintro .woocommerce-form-login p.lost_password { font-size: 0.8em; margin: 10px 0 0 0; } .pageintro .woocommerce-form-login p.lost_password a { color: rgba(255,255,255,0.5); } .pageintro .woocommerce-form-login p.lost_password a:hover, .pageintro .woocommerce-form-login p.lost_password a:active, .pageintro .woocommerce-form-login p.lost_password a:focus { color: rgba(255,255,255,0.8); } /* Article Intro */ .pageintro.articleintro .wrap { max-width: inherit; } .pageintro.articleintro h1 { text-transform: inherit; } .pageintro.articleintro p { max-width: 100%; font-size: 1.3em; } .pageintro.articleintro ul.articlemeta { margin-bottom: 20px; } /* .pageintro.articleintro ul.articlemeta li::before { border-left-color: rgba(255,255,255,0.2); } .pageintro.articleintro ul.articlemeta li a { color: #FFF; color: rgba(255,255,255,0.5); } .pageintro.articleintro ul.articlemeta li a:hover { color: rgba(255,255,255,0.7); } */ .pageintro.articleintro .shortdesc { float: left; max-width: 65%; } .pageintro.articleintro ul.sharepage { float: right; width: auto; max-width: 35%; } /* Articles Archive Intro */ .pageintro.articlesarchiveintro .returnbtn { position: relative; top: auto; left: auto; margin: 30px 0 10px 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .pageintro.articlesarchiveintro .shortdesc { max-width: 100%; margin: 0 0 20px 0; } .pageintro.articlesarchiveintro ul.sharepage { float: none; max-width: inherit; } } @media screen and (min-width: 0px) and (max-width: 767px) { .pageintro.articlesarchiveintro p { font-size: 1.1em; } } /* Boxed Intro */ .pageintro.boxedintro .introtext { position: relative; max-width: 540px; margin: 0 8px 8px 0; } .pageintro.boxedintro .introtext .wrap { color: #3C3C3C; padding: 26px 20px; background-color: #FFF; } .pageintro.boxedintro .introtext .wrap .tab { background-color: #105692; } .pageintro.boxedintro .introtext .wrap h1 { font-size: 2.4em; text-transform: none; } .pageintro.boxedintro .introtext .wrap p { max-width: inherit; } .pageintro.boxedintro .introtext .sideshadow { position: absolute; top: 22px; right: -10px; bottom: -10px; width: 10px; background-color: #105692; } .pageintro.boxedintro .introtext .bottomshadow { position: absolute; left: 22px; right: -10px; bottom: -10px; height: 10px; background-color: #105692; } /* Centered Intro */ .pageintro.centeredintro .wrap { text-align: center; margin-left: auto; margin-right: auto; } .pageintro.centeredintro .wrap .tab { margin-left: auto; margin-right: auto; } .pageintro.centeredintro p { max-width: none; margin-left: auto; margin-right: auto; } .pageintro.centeredintro .buttons { padding-top: 20px; } .pageintro.centeredintro .buttons .btn { margin: 0 4px 8px 4px; } /* Industry Guide Intro */ .pageintro.industry_guide_intro { background-color: #2B313F; } .pageintro.industry_guide_intro .container { padding-top: 100px; padding-bottom: 60px; } .pageintro.industry_guide_intro .wrap { max-width: inherit; } .pageintro.industry_guide_intro .returnbtn { top: 40px; } .pageintro.industry_guide_intro h1 { text-transform: inherit; } .pageintro.industry_guide_intro .profile_intro { overflow: hidden; } .pageintro.industry_guide_intro .profile_intro .copy { float: left; display: table; width: 66%; } .pageintro.industry_guide_intro .profile_intro .copy .copy_wrap { display: table-cell; vertical-align: middle; } .pageintro.industry_guide_intro .profile_intro .copy p { max-width: inherit; } .pageintro.industry_guide_intro .profile_intro .logo { float: right; display: table; width: 30%; } .pageintro.industry_guide_intro .profile_intro .logo .logo_wrap { display: table-cell; vertical-align: middle; } .pageintro.industry_guide_intro .profile_intro .logo .logo_wrap .inner_wrap { line-height: 160px; text-align: center; color: #3C3C3C; padding: 20px; background-color: #FFF; border-radius: 3px; } .pageintro.industry_guide_intro .profile_intro .logo .logo_wrap .inner_wrap img { width: auto; max-height: 160px; } @media screen and (min-width: 0px) and (max-width: 900px) { .pageintro.industry_guide_intro .profile_intro .copy { width: 100%; } .pageintro.industry_guide_intro .profile_intro .logo { float: left; width: 100%; max-width: 320px; padding: 30px 0 0 0; } .pageintro.industry_guide_intro .profile_intro .logo .logo_wrap .inner_wrap { line-height: 100px; } .pageintro.industry_guide_intro .profile_intro .logo .logo_wrap .inner_wrap img { max-height: 100px; } } /* Gallery Intro */ .pageintro.galleryintro.extrapaddingbottom .container { padding-bottom: 110px; } .pageintro.galleryintro .overlay { top: 0; left: -20%; bottom: -100%; width: 75%; background-color: #33394A; transform: rotate(-15deg); } .pageintro.galleryintro .tab { width: 110px; height: 1px; background-color: #BFBFBF; } .pageintro.galleryintro ul.details { font-size: 0; line-height: 0; } .pageintro.galleryintro ul.details li { display: inline-block; font-size: 26px; line-height: 20px; font-weight: 700; margin: 0 16px 16px 0; background-repeat: no-repeat; background-position: left center; } .pageintro.galleryintro ul.details li:last-child { margin: 0; } .pageintro.galleryintro ul.details li.date { padding-left: 34px; background-image: url(_images/common/bkgd-icon-photo-gallery-date-large.svg); } .no-svg .pageintro.galleryintro ul.details li.date { background-image: url(_images/common/bkgd-icon-photo-gallery-date-large.png); } /* No SVG */ .pageintro.galleryintro ul.details li.location { padding-left: 28px; background-image: url(_images/common/bkgd-icon-photo-gallery-location-large.svg); } .no-svg .pageintro.galleryintro ul.details li.location { background-image: url(_images/common/bkgd-icon-photo-gallery-location-large.png); } /* No SVG */ /* No Caps */ .pageintro.nocaps h1 { text-transform: inherit; } /* No Photo */ .pageintro.nophoto .wrap .tab { background-color: #0081B8; } .pageintro.nophoto .btn:hover, .pageintro.nophoto .btn:active, .pageintro.nophoto .btn:focus { background-color: #2B313F; } /* Slim Intro */ .pageintro.slimintro .container { padding-top: 45px; padding-bottom: 40px; } .pageintro.slimintro.hasreturn .container { padding-top: 65px; } /* Wide Intro */ .pageintro.wideintro .wrap, .pageintro.wideintro .wrap p { max-width: 880px; } /* Announcement Bar (Old) */ .announcementbar { position: relative; color: #FFF; background-color: #33394A; z-index: 1; } .announcementbar .container { padding-top: 12px !important; padding-bottom: 12px !important; } .announcementbar .colleft { float: left; width: 80%; line-height: 38px; } .announcementbar .colright { float: right; width: 20%; text-align: right; } .announcementbar .btn { line-height: 36px; margin: 0; } .announcementbar .title { display: inline-block; font-size: 1.4em; font-weight: 700; padding: 0 14px 0 0; } .announcementbar .subtitle { display: inline-block; padding: 0 0 0 14px; border-left: 1px solid rgba(255,255,255,0.4); } @media screen and (min-width: 768px) and (max-width: 860px) { /* Gallery Intro */ .pageintro.galleryintro .overlay { width: 95%; } } @media screen and (min-width: 0px) and (max-width: 767px) { /* Announcement Bar (Old) */ .announcementbar .colleft { width: 100%; line-height: inherit; text-align: center; } .announcementbar .colright { width: 100%; text-align: center; } .announcementbar .title { display: block; padding: 0 0 4px 0; } .announcementbar .subtitle { display: block; line-height: 1.2em; padding: 0 0 10px 0; border-left: none; } } @media screen and (min-width: 0px) and (max-width: 660px) { /*--- Page Intro ---*/ .pageintro h1 { font-size: 3em; } .pageintro p { font-size: 1em; } /* Article Intro */ .pageintro.articleintro .shortdesc { float: none; max-width: inherit; margin: 0 0 20px 0; } .pageintro.articleintro ul.sharepage { float: none; max-width: inherit; } /* Boxed Intro */ .pageintro.boxedintro .introtext .wrap h1 { font-size: 2em; } } @media screen and (min-width: 0px) and (max-width: 540px) { /* Article Intro */ .pageintro.articleintro h1 { font-size: 3em; } } @media screen and (min-width: 0px) and (max-width: 480px) { /* Article Intro */ .pageintro.articleintro h1 { font-size: 2.5em; } } @media screen and (min-width: 0px) and (max-width: 360px) { /* Article Intro */ .pageintro.articleintro h1 { font-size: 2.2em; } } /*------------*/ /*--- Activity Feed ---*/ .activityfeed { } .activityfeed .container { max-width: 1160px; } .activityfeed .col { float: left; width: 29.33%; padding: 0 2%; } .activityfeed .col .coltitle { margin: 0 0 35px 0; } .activityfeed .col .coltitle h3 { font-size: 2.2em; font-weight: 300; line-height: 1em; text-transform: uppercase; margin-bottom: 0; } /* Events */ .activityfeed .events .item { position: relative; padding: 0 30px 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #F2F2F2; } .activityfeed .events .item:last-child { margin-bottom: 0; } .activityfeed .events .item a { display: block; color: #3C3C3C; } .activityfeed .events .item a:hover .title, .activityfeed .events .item a:active .title, .activityfeed .events .item a:focus .title { color: #FF6E0A; } .activityfeed .events .item a:hover .plusicon, .activityfeed .events .item a:active .plusicon, .activityfeed .events .item a:focus .plusicon { opacity: 0.7; } .activityfeed .events .item h4 { font-size: 1.5em; margin-bottom: 0; } .activityfeed .events .item .dates { color: #FF6E0A; margin: 0 0 6px 0; } .activityfeed .events .item .location { color: rgba(51,57,74,0.5); } .activityfeed .events .item .plusicon { position: absolute; top: 50%; right: 0; width: 24px; height: 24px; margin-top: -22px; background-image: url(_images/common/bkgd-icon-plus-orange.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .activityfeed .events .item .plusicon { background-image: url(_images/common/bkgd-icon-plus-orange.png); } /* No SVG */ /* News */ .activityfeed .news .keyarticle { margin: 0 0 30px 0; } .activityfeed .news .keyarticle:last-child { margin-bottom: 0; } .activityfeed .news .keyarticle a { color: #3C3C3C; } .activityfeed .news .keyarticle a:hover, .activityfeed .news .keyarticle a:active, .activityfeed .news .keyarticle a:focus { color: #FF6E0A; } .activityfeed .news .keyarticle h4 { margin-bottom: 6px; } .activityfeed .news .keyarticle .articlemeta { margin: 0 0 10px 0; } /* Noticeboard */ .activityfeed .noticeboard .item { padding: 0 0 0 20px; margin: 0 0 30px 0; background-image: url(_images/common/bkgd-icon-photo-gallery-nav.svg); background-repeat: no-repeat; background-position: 4px 10px; } .no-svg .activityfeed .noticeboard .item { background-image: url(_images/common/bkgd-icon-photo-gallery-nav.png); } .activityfeed .noticeboard .item:last-child { margin-bottom: 0; } .activityfeed .noticeboard .item h4 { margin-bottom: 6px; } .activityfeed .noticeboard .item p {margin-bottom: 10px; } .activityfeed .divideline { position: absolute; top: 0; bottom: 0; width: 1px; background-color: #E6E6E6; } .activityfeed .divideline.first { left: 0%; } .activityfeed .divideline.second { left: 33.33%; } .activityfeed .divideline.third { left: 66.66%; } .activityfeed .divideline .title { width: 1px; height: 70px; background-color: #FF6E0A; } @media screen and (min-width: 0px) and (max-width: 1200px) { .activityfeed .divideline.first { display: none; } } @media screen and (min-width: 800px) and (max-width: 940px) { .activityfeed .col .coltitle h3 { font-size: 1.85em; } } @media screen and (min-width: 0px) and (max-width: 800px) { .activityfeed .col { width: 46%; } .activityfeed .col:nth-child(3n) { width: 96%; padding-top: 30px; } .activityfeed .col .coltitle { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #E6E6E6; } .activityfeed .divideline { display: none; } } @media screen and (min-width: 0px) and (max-width: 600px) { .activityfeed .col { width: 90%; padding: 0 5%; } .activityfeed .col:nth-child(2n) { padding-top: 30px; } .activityfeed .col:nth-child(3n) { width: 90%; } } @media screen and (min-width: 0px) and (max-width: 520px) { .activityfeed .col .coltitle h3 { font-size: 1.8em; } } /*------------*/ /*--- Article Archive ---*/ .articlearchive { text-align: center; } .articlearchive .wrap { padding: 4px; overflow: hidden; } .articlearchive .sectionintro h3 { margin: 0; } .articlearchive .facetwp-counts .facetwp-facet { margin-bottom: 0; } .articlearchive .article { float: left; width: 23.5%; margin: 0 2% 2% 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .articlearchive .article:nth-child(4n) { margin-right: 0; } .articlearchive .article .innerwrap { padding: 20px; background-color: #FFF; border-top: 3px solid #0081B8; } .articlearchive .article .date { font-size: 0.9em; font-style: italic; color: #727272; } .articlearchive .article .title { margin: 0 0 30px 0; } .articlearchive .article a { display: block; color: #3C3C3C; } .articlearchive .article a:hover .innerwrap, .articlearchive .article a:active .innerwrap, .articlearchive .article a:focus .innerwrap { border-top-color: #FF6E0A; } .articlearchive .article a:hover .title, .articlearchive .article a:active .title, .articlearchive .article a:focus .title { color: #FF6E0A; } @media screen and (min-width: 0px) and (max-width: 960px) { .articlearchive .article { width: 31.33%; margin: 0 3% 3% 0; } .articlearchive .article:nth-child(4n) { margin-right: 3%; } .articlearchive .article:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 0px) and (max-width: 767px) { .articlearchive .article { width: 48%; margin: 0 4% 4% 0; } .articlearchive .article:nth-child(4n) { margin-right: 0; } .articlearchive .article:nth-child(3n) { margin-right: 4%; } .articlearchive .article:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 0px) and (max-width: 520px) { .articlearchive .article { width: 100%; margin: 0 0 20px 0; } .articlearchive .article:nth-child(3n) { margin-right: 0; } } /*------------*/ /*--- Article Content ---*/ .articlecontent p { font-size: 18px; line-height: 1.4em; margin-bottom: 20px; } .articlecontent ol li, .articlecontent ul li { font-size: 18px; } .articlecontent .colleft { width: 65%; } .articlecontent .colright { width: 26%; } .articlecontent .column_divide { position: absolute; top: 0; bottom: 0; left: 69%; width: 1px; background-color: #E6E6E6; } .articlecontent .colright .asideblock { margin-bottom: 30px; } .articlecontent .colright .keyarticles.relatedarticles .keyarticle .innerwrap ul.articlemeta li { font-size: 14px; } /* Quote Block */ .articlecontent .quoteblock { text-align: center; padding: 0 30px; } .articlecontent .quoteblock .icon { width: 17px; height: 14px; margin: 0 auto 14px auto; background-image: url(_images/common/bkgd-icon-quote-mark-small.svg); background-repeat: no-repeat; background-position: 0 0; } .no-svg .articlecontent .quoteblock .icon { background-image: url(_images/common/bkgd-icon-quote-mark-small.png); } /* No SVG */ .articlecontent .quoteblock .text p { font-size: 1.15em; font-style: italic; } /* Banner Grid */ .articlecontent .colright .banner_grid { overflow: hidden; } .articlecontent .colright .banner_grid .advert { margin: 0 0 30px 0; } .articlecontent .colright .banner_grid .advert:last-child { margin-bottom: 0; } @media screen and (min-width: 781px) { /* When Two Column */ .articlecontent .colright .banner_grid { display: table; height: 100%; } .articlecontent .colright .banner_grid .advert { display: table; height: 25%; min-height: 300px; margin: 0; } .articlecontent .colright .banner_grid .advert .inner_wrap { display: table-cell; vertical-align: middle; } } @media screen and (min-width: 781px) and (max-width: 1024px) { .articlecontent .colright { width: 30%; } .articlecontent .colright .keyarticles.relatedarticles .keyarticle .innerwrap ul.articlemeta li { display: block; margin-left: 0; } .articlecontent .colright .keyarticles.relatedarticles .keyarticle .innerwrap ul.articlemeta li::before { padding-left: 0; border: none; } .articlecontent .column_divide { left: 66.666%; } } @media screen and (min-width: 0px) and (max-width: 780px) { .articlecontent .colleft { width: 100%; } .articlecontent .colright { width: 100%; padding: 30px 0 0 0; } /*.articlecontent .colright .asideblock { margin-bottom: 0; }*/ .articlecontent .colright .asideblock.keyarticles { display: none; } .articlecontent .colright .banner_grid { max-width: 650px; text-align: center; padding: 0 20px; margin: 0 auto; } .articlecontent .column_divide { display: none; } } @media screen and (min-width: 481px) and (max-width: 780px) { .articlecontent .colright .banner_grid .advert { float: left; width: 46%; margin: 2%; } } @media screen and (min-width: 0px) and (max-width: 320px) { .articlecontent .colright .keyarticles.relatedarticles .keyarticle .innerwrap ul.articlemeta li { display: block; margin-left: 0; } .articlecontent .colright .keyarticles.relatedarticles .keyarticle .innerwrap ul.articlemeta li::before { padding-left: 0; border: none; } } /*------------*/ /*--- Article Footer ---*/ .articlefooter { } /* Article Footer Nav */ .articlefooternav { } .articlefooternav ul { font-size: 0; line-height: 0; overflow: hidden; } .articlefooternav ul li { float: left; width: 33.33%; height: 60px; font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 60px; text-transform: uppercase; } .articlefooternav ul li a { display: block; line-height: 60px; color: #33394A; } .articlefooternav ul li.prev { } .articlefooternav ul li.prev a { height: 60px; padding: 0 0 0 30px; background-image: url(_images/common/bkgd-article-footer-nav.svg); background-repeat: no-repeat; background-position: 0 -1px; opacity: 0.7; } .no-svg .articlefooternav ul li.prev a { background-image: url(_images/common/bkgd-article-footer-nav.png); } /* No SVG */ .articlefooternav ul li.prev a:hover { opacity: 1; } .articlefooternav ul li.more { font-size: 20px; text-align: center; letter-spacing: 0.2em; } .articlefooternav ul li.more .plus { display: inline-block; font-size: 30px; font-weight: 300; color: #FF6E0A; vertical-align: middle; } .articlefooternav ul li.more a:hover { color: #FF6E0A; } .articlefooternav ul li.next { text-align: right; } .articlefooternav ul li.next a { height: 60px; padding: 0 30px 0 0; background-image: url(_images/common/bkgd-article-footer-nav.svg); background-repeat: no-repeat; background-position: right -61px; opacity: 0.7; } .no-svg .articlefooternav ul li.next a { background-image: url(_images/common/bkgd-article-footer-nav.png); } /* No SVG */ .articlefooternav ul li.next a:hover { opacity: 1; } /* Article Footer Articles */ .articlefooterarticles { } .articlefooterarticles .wrap { position: relative; /* min-height: 250px; */ min-height: 600px; overflow: hidden; } .articlefooterarticles .advert { position: absolute; top: 0; left: 30%; width: 36%; text-align: center; padding: 0 2%; } .articlefooterarticles .col { float: left; width: 30%; } .articlefooterarticles .col.right { float: right; } .articlefooterarticles .col.middlecol { width: 36%; text-align: center; padding: 0 2%; } .articlefooterarticles .keyarticle .innerwrap a { color: #33394A; } .articlefooterarticles .keyarticle .innerwrap a:hover { color: #FF6E0A; } .articlefooterarticles .keyarticle .innerwrap h4 { font-size: 1.55em; } .articlefooterarticles .keyarticle .innerwrap p { color: #777; margin-bottom: 2px; } .articlefooterarticles .keyarticle .innerwrap ul.articlemeta { margin-bottom: 16px; } .articlefooterarticles .keyarticle .innerwrap .plusicon { } .articlefooterarticles .keyarticle .innerwrap .plusicon a { display: block; width: 18px; height: 32px; line-height: 32px; font-size: 24px; font-weight: 300; text-align: center; color: #FF6E0A; padding-right: 20px; } .articlefooterarticles .keyarticle .innerwrap .plusicon a:hover { font-size: 28px; } @media screen and (min-width: 0px) and (max-width: 780px) { .articlefooterarticles .wrap { min-height: inherit; } .articlefooterarticles .advert { position: relative; left: 0; float: left; width: 100%; padding-left: 0; padding-right: 0; /* margin-bottom: 40px; */ } .articlefooterarticles .col { width: 100%; margin-bottom: 20px; } .articlefooterarticles .col:last-child { margin-bottom: 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { .articlefooternav ul li.prev { width: 20%; } .articlefooternav ul li.more { width: 60%; } .articlefooternav ul li.next { width: 20%; } .articlefooternav ul li.prev span, .articlefooternav ul li.next span { display: none; } .articlefooternav ul li.more { font-size: 18px; } .articlefooterarticles .col { width: 100%; } .articlefooterarticles .col.middlecol { width: 100%; } } /*------------*/ /*--- Article Listings ---*/ .articlelistings { } .articlelistings .wrap { overflow: hidden; } .articlelistings .colleft { float: left; width: 65%; } .articlelistings .colright { float: right; width: 30%; } .articlelistings .articlelisting { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #E6E6E6; overflow: hidden; } .articlelistings .articlelisting:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .articlelistings .articlelisting .photo { float: left; width: 30%; margin: 0 4% 0 0; } .articlelistings .articlelisting .desc { float: left; width: 66%; padding: 10px 0 0 0; } .articlelistings .articlelisting .desc a { color: #33394A; } .articlelistings .articlelisting .desc a:hover { color: #FF6E0A; } @media screen and (min-width: 768px) and (max-width: 880px) { .articlelistings .articlelisting .desc { padding-top: 0; } .articlelistings .articlelisting ul.articlemeta li { font-size: 14px; } } @media screen and (min-width: 0px) and (max-width: 767px) { .articlelistings .colleft { width: 100%; } .articlelistings .colright { width: 100%; padding-top: 40px; } } @media screen and (min-width: 0px) and (max-width: 599px) { .articlelistings .articlelisting .desc { padding-top: 0; } .articlelistings .articlelisting ul.articlemeta li { font-size: 14px; } } /*------------*/ /*--- Article Nav ---*/ .articlenav { background-color: #F2F2F2; } .articlenav .navtitle { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; font-size: 1.1em; line-height: 36px; padding-left: 10px; } .articlenav ul li.legend { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #33394A; opacity: 0.6; } .articlenav .colright ul li { font-size: 18px; } .articlenav .exploredropdown { font-size: 14px; } .articlenav .exploredropdown .title { background-color: #FFF; border-color: #B9B9B9; } .articlenav .exploredropdown .title:hover { background-color: #E6E6E6; } .articlenav .exploredropdown .close .title { background-color: #E6E6E6; } .articlenav .exploredropdown .options ul li { font-size: 14px; border-bottom-color: #B9B9B9; } .articlenav .exploredropdown .options ul li a { color: #3C3C3C; background-color: #E6E6E6; } .articlenav .exploredropdown .options ul li a:hover { background-color: #F2F2F2; } /* If Landing Page */ .articlenav.landingpage .colleft { width: 55%; } .articlenav.landingpage .colright { width: 45%; } @media screen and (min-width: 0px) and (max-width: 880px) { .articlenav.landingpage .colleft { width: 100%; text-align: center; } .articlenav.landingpage .colright { width: 100%; text-align: center; } .articlenav.landingpage .navtitle { line-height: inherit; padding-bottom: 10px; } } @media screen and (min-width: 0px) and (max-width: 520px) { .articlenav .exploredropdown { font-size: 12px; } .articlenav .exploredropdown .options ul li { font-size: 12px; } } /*------------*/ /*--- Boxed Features ---*/ .boxedfeatures { } .boxedfeatures .feature { float: left; width: 50%; padding: 30px 0 10px 0; background-color: #F2F2F2; } .boxedfeatures .feature .title { padding: 0 40px 0 36px; border-left: 4px solid #FF6E0A; } .boxedfeatures .feature .title h3 { font-size: 2.2em; line-height: 1em; font-weight: 300; text-transform: uppercase; color: #FF6E0A; margin-bottom: 0; } .boxedfeatures .feature .innerwrap { padding: 20px 40px; } .boxedfeatures .feature .btn { line-height: 36px; } .boxedfeatures .feature.advertise { background-image: url(_images/common/bkgd-boxed-feature-advertise.svg); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; } .no-svg .boxedfeatures .feature.advertise { background-image: url(_images/common/bkgd-boxed-feature-advertise.png); } /* No SVG */ .boxedfeatures .feature.signupbox { background-color: #0081B8; background-image: url(_images/common/bkgd-boxed-feature-email.svg); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; } .no-svg .boxedfeatures .feature.signupbox { background-image: url(_images/common/bkgd-boxed-feature-email.png); } /* No SVG */ .boxedfeatures .feature.signupbox .title { border-left-color: #33394A; } .boxedfeatures .feature.signupbox .title h3 { color: #FFF; } /* Email Blaster Sign Up Form */ .boxedfeatures .feature.signupbox .signupform { height: 134px; } .boxedfeatures .feature.signupbox .signupform iframe { margin-bottom: 0; } @media screen and (min-width: 861px) and (max-width: 940px) { .boxedfeatures .feature.signupbox .signupform { height: 164px; } } @media screen and (min-width: 768px) and (max-width: 860px) { .boxedfeatures .feature.signupbox .signupform { height: 212px; } } @media screen and (min-width: 431px) and (max-width: 470px) { .boxedfeatures .feature.signupbox .signupform { height: 164px; } } @media screen and (min-width: 0px) and (max-width: 430px) { .boxedfeatures .feature.signupbox .signupform { height: 214px; } } /* MailChimp Sign Up Form */ .signupform .tickboxitem { position: relative; display: inline-block; margin: 0 0 10px 0; } .signupform .tickboxitem input[type="checkbox"] { position: absolute; left: 0; top: 0; width: 24px; height: 24px; margin: 0; background: none; border: none; opacity: 0; } .signupform .tickboxitem input[type="checkbox"] + label { font-weight: 700; line-height: 24px; color: #FFF; padding: 0 10px 0 34px; background-image: url(_images/common/bkgd-checkbox-circle.svg); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; } .no-svg .signupform .tickboxitem input[type="checkbox"] + label { background-image: url(_images/common/bkgd-checkbox-circle.png); } /* No SVG */ .signupform .tickboxitem input[type="checkbox"] + label:hover { color: #33394A; } .signupform .tickboxitem input[type="checkbox"]:checked + label { color: #33394A; background-position: 0 -24px; } .signupform .halfnhalf { overflow: hidden; } .signupform .halfnhalf .mc-field-group { float: left; width: 48%; } .signupform .halfnhalf .mc-field-group:last-child { float: right; } .signupform .fullwidth { padding: 10px 0 0 0; } .signupform input { height: 38px; line-height: 38px; color: #FFF; background: none; border-radius: 6px; } .signupform input[type="submit"], .signupform input.submit, .signupform input.wpcf7-submit { background-color: #105692; } .signupform input[type="submit"]:hover, .signupform input.submit:hover, .signupform input.wpcf7-submit:hover, .signupform input[type="submit"]:focus, .signupform input.submit:focus, .signupform input.wpcf7-submit:focus { background-color: #33394A; } .boxedfeatures .bkgdphoto { position: absolute; top: 40%; right: 0; bottom: 0; left: 0; background-color: #E6E6E6; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 0px) and (max-width: 767px) { .boxedfeatures .feature { width: 100%; } } @media screen and (min-width: 0px) and (max-width: 500px) { .boxedfeatures .feature .title { padding: 0 30px 0 26px; } .boxedfeatures .feature .innerwrap { padding: 20px 30px; } } @media screen and (min-width: 0px) and (max-width: 400px) { .signupform .halfnhalf .mc-field-group { width: 100%; padding: 10px 0 0 0; } } /*------------*/ /*--- Columned Text ---*/ .columnedtext .wrap { position: relative; padding: 20px 0 0 0; margin: 0 auto; overflow: hidden; } .columnedtext .col { float: left; } .columnedtext .colwrap { padding: 0 20px; } .columnedtext .oneacross { max-width: 390px; } .columnedtext .twoacross { max-width: 780px; } .columnedtext .twoacross .col { width: 50%; } .columnedtext .threeacross .col { width: 33.33%; } .columnedtext .col h4 { color: #0081B8; margin-bottom: 4px; } .columnedtext .col ul li { background-image: url(_images/common/bkgd-bulletpoint-square-orange.svg); } .no-svg .columnedtext .col ul li { background-image: url(_images/common/bkgd-bulletpoint-square-orange.png); } /* No SVG */ .columnedtext .divideline { position: absolute; top: 0; bottom: 0; width: 1px; background-color: #E6E6E6; } .columnedtext .twoacross .divideline { left: 50%; } .columnedtext .threeacross .divideline.first { left: 33.33%; } .columnedtext .threeacross .divideline.second { left: 66.66%; } @media screen and (min-width: 0px) and (max-width: 767px) { .columnedtext .threeacross { max-width: 390px; } .columnedtext .threeacross .colwrap { padding: 0; } .columnedtext .threeacross .col { width: 100%; margin-bottom: 20px; border-bottom: 1px solid #E6E6E6; } .columnedtext .threeacross .col:last-child { margin-bottom: 0; } .columnedtext .threeacross .divideline { display: none; } } @media screen and (min-width: 0px) and (max-width: 580px) { .columnedtext .twoacross { max-width: 390px; } .columnedtext .twoacross .colwrap { padding: 0; } .columnedtext .twoacross .col { width: 100%; } .columnedtext .twoacross .col:first-child { margin-bottom: 20px; border-bottom: 1px solid #E6E6E6; } .columnedtext .twoacross .divideline { display: none; } } /*------------*/ /*--- Event Contacts ---*/ .contacts { } .contacts .wrap { max-width: 960px; text-align: center; margin: 0 auto; } .contacts .contactbox { float: left; width: 48%; margin: 0 4% 4% 0; } .contacts .contactbox:nth-child(2n) { margin-right: 0; } .contacts .contactbox:nth-last-of-type(2), .contacts .contactbox:last-child { margin-bottom: 0; } .contacts .contactbox .outerwrap { position: relative; margin: 0 6px 6px 0; } .contacts .contactbox .innerwrap { min-height: 130px; padding: 20px; background-color: #F2F2F2; } .contacts .contactbox .tab { margin-left: auto; margin-right: auto; } .contacts .contactbox .sideshadow { position: absolute; top: 14px; right: -6px; bottom: -6px; width: 6px; background-color: #E6E6E6; } .contacts .contactbox .bottomshadow { position: absolute; left: 14px; right: -6px; bottom: -6px; height: 6px; background-color: #E6E6E6; } @media screen and (min-width: 0px) and (max-width: 940px) { .contacts .contactbox .innerwrap { min-height: 160px; } .contacts .contactbox .email, .contacts .contactbox .tel { display: block; } .contacts .contactbox .divide { display: none; } } @media screen and (min-width: 0px) and (max-width: 767px) { .contacts .contactbox { width: 100%; margin: 0 0 20px 0; } .contacts .contactbox:nth-last-of-type(2) { margin-bottom: 20px; } .contacts .contactbox:last-child { margin-bottom: 0; } .contacts .contactbox .innerwrap { min-height: inherit; } } @media screen and (min-width: 0px) and (max-width: 480px) { .contacts .contactbox .email, .contacts .contactbox .tel { display: block; } .contacts .contactbox .divide { display: none; } } /*------------*/ /*--- Country Profiles ---*/ .country_profiles { } .country_profiles .wrap { overflow: hidden; } .country_profiles .pagination { padding: 30px 0 0 0; } .country_profiles .profile .photo { margin: 0 0 16px 0; } .country_profiles .profile .photo p { margin: 0; } .country_profiles .profile .photo img { width: 100%; } .country_profiles .profile a { color: #33394A; } .country_profiles .profile a:hover { color: #FF6E0A; } .country_profiles .profile h4 { font-size: 1.55em; } .country_profiles .profile p { color: #777; margin-bottom: 2px; } .country_profiles .profile ul.articlemeta { margin-bottom: 16px; } .country_profiles .profile .plusicon { display: block; width: 18px; height: 32px; line-height: 32px; font-size: 24px; font-weight: 300; text-align: center; color: #FF6E0A; padding-right: 20px; } .country_profiles .profile a:hover .plusicon { font-size: 28px; } /* Three Across */ .country_profiles .three_across .profile { float: left; width: 32%; margin: 0 2% 0 0; } .country_profiles .three_across .profile:nth-child(3n) { margin-right: 0; } @media screen and (min-width: 0px) and (max-width: 780px) { .country_profiles .three_across .profile { width: 100%; margin: 0 0 20px 0; } .country_profiles .three_across .profile:last-child { margin-bottom: 0; } } @media screen and (min-width: 520px) and (max-width: 780px) { .country_profiles .three_across .profile .photo { float: left; width: 30%; } .country_profiles .three_across .profile .text { float: right; width: 66%; } } /*------------*/ /*--- CTA Block ---*/ .ctablock { text-align: center; } .ctablock .outerwrap { max-width: 720px; margin: 0 auto; } .ctablock .innerwrap { position: relative; color: #FFF; padding: 30px; margin: 0 8px 8px 0; background-color: #0081B8; } .ctablock .innerwrap .tab { margin-left: auto; margin-right: auto; background-color: #FFF; } .ctablock .innerwrap p { max-width: 520px; font-size: 1.2em; margin-left: auto; margin-right: auto; } .ctablock .innerwrap a { color: #FFF; } .ctablock .innerwrap a:hover { opacity: 0.8; } .ctablock .innerwrap .contacts { font-size: 1.2em; margin: 0 0 10px 0; } .ctablock .innerwrap .buttons { margin: 0 0 -8px 0; } .ctablock .innerwrap .buttons .btn { margin: 0 4px 8px 4px; } .ctablock .innerwrap .sideshadow { position: absolute; top: 22px; right: -10px; bottom: -10px; width: 10px; background-color: #33394A; } .ctablock .innerwrap .bottomshadow { position: absolute; left: 22px; right: -10px; bottom: -10px; height: 10px; background-color: #33394A; } @media screen and (min-width: 0px) and (max-width: 600px) { .ctablock .innerwrap p, .ctablock .innerwrap .contacts { font-size: 1em; } } @media screen and (min-width: 0px) and (max-width: 540px) { .ctablock .innerwrap .contacts { margin-bottom: 0; } .ctablock .innerwrap .email { margin-bottom: 10px; } .ctablock .innerwrap .email, .ctablock .innerwrap .tel { display: block; } .ctablock .innerwrap .divide { display: none; } } @media screen and (min-width: 0px) and (max-width: 480px) { .ctablock .innerwrap { padding: 20px; } } /*------------*/ /*--- Event Listings ---*/ .eventlistings .listing.inhouse .logo img { max-height: 130px; } .eventlistings .listing .contacts ul li a { color: #3C3C3C; } .eventlistings .listing .contacts ul li.website a { border-bottom: 1px solid transparent; } .eventlistings .listing .contacts ul li.website a:hover { border-bottom-color: #BABABA; } /* Blue */ .eventlistings .listing.blue .meta { color: #0081B8; } .eventlistings .listing.blue .meta svg path, .eventlistings .listing.blue .meta svg polygon { fill: #0081B8; } .eventlistings .listing.blue .contacts ul li span { color: #0081B8; } .eventlistings .listing.blue .contacts ul li.website a { color: #0081B8; } /* Orange */ .eventlistings .listing.orange .meta { color: #FF6E0A; } .eventlistings .listing.orange .meta svg path, .eventlistings .listing.orange .meta svg polygon { fill: #FF6E0A; } .eventlistings .listing.orange .contacts ul li span { color: #FF6E0A; } .eventlistings .listing.orange .contacts ul li.website a { color: #FF6E0A; } /* In-House */ .eventlistings .listing.inhouse { margin: 0 0 20px 0; } .eventlistings .listing.inhouse .innerwrap { color: #FFF; border-top: none; } .eventlistings .listing.inhouse h3 { color: #3C3C3C; } .eventlistings .listing.inhouse .contacts ul li a { color: #FFF; } .eventlistings .listing.inhouse .contacts ul li.website a:hover { border-bottom-color: #FFF; } /* In-House Blue */ .eventlistings .listing.inhouse.blue { background-color: #0081B8; } .eventlistings .listing.inhouse.blue .meta { color: #FFF; } .eventlistings .listing.inhouse.blue .meta svg path, .eventlistings .listing.inhouse.blue .meta svg polygon { fill: #FFF; } .eventlistings .listing.inhouse.blue .contacts ul li span { color: #3C3C3C; } .eventlistings .listing.inhouse.blue .contacts ul li.website a { color: #3C3C3C; } /* In-House Orange */ .eventlistings .listing.inhouse.orange { background-color: #FF6E0A; } .eventlistings .listing.inhouse.orange .meta { color: #FFF; } .eventlistings .listing.inhouse.orange .meta svg path, .eventlistings .listing.inhouse.orange .meta svg polygon { fill: #FFF; } .eventlistings .listing.inhouse.orange .contacts ul li span { color: #3C3C3C; } .eventlistings .listing.inhouse.orange .contacts ul li.website a { color: #3C3C3C; } @media screen and (min-width: 0px) and (max-width: 420px) { .eventlistings .listing.inhouse { padding: 0 20px; margin-left: -20px; margin-right: -20px; } .eventlistings .listing.inhouse .logo { max-width: 100%; text-align: center; padding: 10px; } } /*------------*/ /*--- Explore Drop Down ---*/ .exploredropdown .title { background-image: url(_images/common/bkgd-icon-explore-gallery-dropdown.svg); } .no-svg .exploredropdown .title { background-image: url(_images/common/bkgd-icon-explore-gallery-dropdown.png); } /* No SVG */ /*------------*/ /*--- Features Grid ---*/ .featuresgrid { text-align: center; } .featuresgrid .wrap { position: relative; margin: 0 auto; overflow: hidden; } .featuresgrid .feature { position: relative; float: left; margin: 0 0 20px 0; } .featuresgrid .feature .icon { max-width: 100px; max-height: 100px; line-height: 100px; margin: 0 auto; } .featuresgrid .feature .photo { background-color: #CCC; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .featuresgrid .feature .photo img { width: 100%; } .featuresgrid .feature .icon a:hover, .featuresgrid .feature .photo a:hover { opacity: 0.85; } .featuresgrid .feature .description { padding: 20px 30px; } .featuresgrid .feature h4 { color: #0081B8; margin-bottom: 4px; } .featuresgrid .feature h4 a { color: #0081B8; } .featuresgrid .feature h4 a:hover { color: #3C3C3C; } /* One Across */ .featuresgrid .oneacross { max-width: 430px; } .featuresgrid .oneacross .feature { width: 100%; margin-bottom: 0; } /* Two Across */ .featuresgrid .twoacross { max-width: 860px; } .featuresgrid .twoacross .feature { /* width: 42%; margin: 4%; */ width: 50%; } .featuresgrid .twoacross .feature:nth-last-of-type(2), .featuresgrid .twoacross .feature:last-of-type { margin-bottom: 0; } /* Three Across */ .featuresgrid .threeacross .feature { /* width: 29.6%; margin: 1.7%; */ width: 33.33%; } .featuresgrid .threeacross .feature:nth-last-of-type(3), .featuresgrid .threeacross .feature:nth-last-of-type(2), .featuresgrid .threeacross .feature:last-of-type { margin-bottom: 0; } @media screen and (min-width: 661px) and (max-width: 980px) { /* Three Across */ .featuresgrid .threeacross .feature { width: 50%; } .featuresgrid .threeacross .feature:nth-last-of-type(3) { margin-bottom: 20px; } } @media screen and (min-width: 0px) and (max-width: 660px) { /*--- Features Grid ---*/ .featuresgrid .wrap { max-width: 400px; margin: 0 auto; } /* Two Across */ .featuresgrid .twoacross .feature { width: 100%; } .featuresgrid .twoacross .feature:nth-last-of-type(2) { margin-bottom: 20px; } /* Three Across */ .featuresgrid .threeacross .feature { width: 100%; } .featuresgrid .threeacross .feature:nth-last-of-type(3), .featuresgrid .threeacross .feature:nth-last-of-type(2) { margin-bottom: 20px; } } /*------------*/ /*--- Gallery Footer ---*/ .galleryfooter h2 { text-transform: uppercase; margin-bottom: 0; } .galleryfooter .tab { width: 110px; height: 2px; } .galleryfooter ul.details { font-size: 0; line-height: 0; } .galleryfooter ul.details li { display: inline-block; font-size: 26px; line-height: 20px; font-weight: 700; margin: 0 16px 16px 0; background-repeat: no-repeat; background-position: left center; } .galleryfooter ul.details li:last-child { margin-right: 0; } .galleryfooter ul.details li.date { padding-left: 34px; background-image: url(_images/common/bkgd-icon-photo-gallery-date-large-dark.svg); } .no-svg .galleryfooter ul.details li.date { background-image: url(_images/common/bkgd-icon-photo-gallery-date-large-dark.png); } /* No SVG */ .galleryfooter ul.details li.location { padding-left: 28px; background-image: url(_images/common/bkgd-icon-photo-gallery-location-large-dark.svg); } .no-svg .galleryfooter ul.details li.location { background-image: url(_images/common/bkgd-icon-photo-gallery-location-large-dark.png); } /* No SVG */ .galleryfooter .jumpbtn { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; font-size: 1.17em; text-transform: uppercase; color: #33394A; padding: 0 0 0 22px; background-image: url(_images/common/bkgd-icon-jump-up-btn.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .galleryfooter .jumpbtn { background-image: url(_images/common/bkgd-icon-jump-up-btn.png); } /* No SVG */ .galleryfooter .jumpbtn:hover, .galleryfooter .jumpbtn:active, .galleryfooter .jumpbtn:focus { color: #FF6E0A; } /*------------*/ /*--- Gallery Intro Text ---*/ .galleryintrotext { } .galleryintrotext .introtext { position: relative; margin: 0 8px 8px 0; } .galleryintrotext .introtext .wrap { background-color: #F2F2F2; } .galleryintrotext .introtext .wrap p { margin-bottom: 0; } .galleryintrotext .introtext .wrap .btn { margin: 16px 0 0 0; } .galleryintrotext .introtext .sideshadow { position: absolute; top: 22px; right: -8px; bottom: -8px; width: 8px; background-color: #105692; } .galleryintrotext .introtext .bottomshadow { position: absolute; left: 22px; right: -8px; bottom: -8px; height: 8px; background-color: #105692; } /*------------*/ /*--- Gallery Nav ---*/ .gallerynav .wrap ul li { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; font-size: 20px; } .gallerynav .wrap ul li.legend { text-transform: uppercase; } .gallerynav .wrap ul li a { color: #33394A; padding-left: 12px; background-image: url(_images/common/bkgd-icon-photo-gallery-nav.svg); background-repeat: no-repeat; background-position: 0 10px; } .no-svg .gallerynav .wrap ul li a { background-image: url(_images/common/bkgd-icon-photo-gallery-nav.png); } .gallerynav .wrap ul li a:hover, .gallerynav .wrap ul li a:active, .gallerynav .wrap ul li a:focus { color: #FF6E0A; } /*------------*/ /*--- Gallery Visual Nav ---*/ .galleryvisualnav .col .overlay { background-color: rgba(51,57,74,0.65); } .galleryvisualnav .col .title h1, .galleryvisualnav .col .title h2, .galleryvisualnav .col .title h3, .galleryvisualnav .col .title h4, .galleryvisualnav .col .title h5, .galleryvisualnav .col .title h6 { font-size: 1.58em; } .galleryvisualnav .col .tab { width: 110px; height: 2px; background-color: #0081B8; } .galleryvisualnav .col.overview .overlay { background-color: #33394A; } .galleryvisualnav .col.overview .icon { width: 60px; height: 60px; margin: 0 auto 30px auto; background-image: url(_images/common/bkgd-icon-photo-galleries-overview.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .galleryvisualnav .col.overview .icon { background-image: url(_images/common/bkgd-icon-photo-galleries-overview.png); } /* No SVG */ .galleryvisualnav .col.overview .title { margin: 0 0 14px 0; } .galleryvisualnav .col.overview .title h1, .galleryvisualnav .col.overview .title h2, .galleryvisualnav .col.overview .title h3, .galleryvisualnav .col.overview .title h4, .galleryvisualnav .col.overview .title h5, .galleryvisualnav .col.overview .title h6 { font-size: 1.18em; text-transform: uppercase; letter-spacing: 0.2em; } .galleryvisualnav .col.overview .tab { width: 110px; height: 1px; background-color: rgba(255,255,255,0.25); } .galleryvisualnav .col.overview .plusicon { width: 24px; height: 18px; line-height: 18px; font-size: 1.3em; font-weight: 300; text-align: center; color: #FF6E0A; margin: 14px auto 0 auto; } .galleryvisualnav .col.overview a:hover .plusicon { font-size: 1.8em; } @media screen and (min-width: 0px) and (max-width: 1120px) { .galleryvisualnav .col.overview .icon { width: 50px; height: 50px; margin-bottom: 20px; background-size: 50px 50px; } } @media screen and (min-width: 0px) and (max-width: 980px) { .galleryvisualnav .col .title h1, .galleryvisualnav .col .title h2, .galleryvisualnav .col .title h3, .galleryvisualnav .col .title h4, .galleryvisualnav .col .title h5, .galleryvisualnav .col .title h6 { font-size: 1.38em; } .galleryvisualnav .col.overview .icon { display: none; } .galleryvisualnav .col.overview .title h1, .galleryvisualnav .col.overview .title h2, .galleryvisualnav .col.overview .title h3, .galleryvisualnav .col.overview .title h4, .galleryvisualnav .col.overview .title h5, .galleryvisualnav .col.overview .title h6 { font-size: 1.08em; } } @media screen and (min-width: 0px) and (max-width: 660px) { .galleryvisualnav .col.overview .icon { display: block; } } /*------------*/ /*--- Homepage Features ---*/ .homepagefeatures { } .homepagefeatures .wrap { overflow: hidden; } .homepagefeatures .colleft { float: left; width: 66.66%; } .homepagefeatures .colright { float: left; width: 33.33%; } .homepagefeatures .colfw { float: left; width: 100%; margin: 24px 0 0 0; } /* Magazine */ .homepagefeatures .magazinefeature { border-right: 2px solid #FFF; } .homepagefeatures .magazinefeature .photo { width: 40%; } .homepagefeatures .magazinefeature .desc { width: 60%; } .homepagefeatures .magazinefeature .desc .innerwrap { padding: 30px; } /* Atlas & Industry Guide */ .homepagefeatures .colright { background-image: url(_images/common/bkgd_homepage_features_atlas.png); background-repeat: no-repeat; background-position: right bottom; } .no-svg .homepagefeatures .colright { background-image: url(_images/common/bkgd_homepage_features_atlas.png); } /* No SVG */ .homepagefeatures .atlas_and_guide { max-width: 580px; padding: 30px 25px; } .homepagefeatures .atlas_and_guide h3 { color: #0081B8; } /* Boxed Features */ .homepagefeatures .colfw.three_across .feature { float: left; width: 33.33%; } .homepagefeatures .colfw.three_across .feature .innerwrap { border-right: 2px solid #FFF; } .homepagefeatures .colfw.three_across .feature:last-child .innerwrap { border-right: none; } .homepagefeatures .feature { color: #FFF; background-color: #33394A; background-repeat: no-repeat; background-position: right center; background-size: auto 100%; } .homepagefeatures .feature .innerwrap { max-width: 480px; padding: 25px 40px 25px 20px; } .homepagefeatures .feature h4 { font-size: 1.6em; } .homepagefeatures .feature .btn { line-height: 36px; margin: 0; } .homepagefeatures .feature.country_profile { position: relative; background-color: #FF6E0A; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .homepagefeatures .feature.country_profile .filter { background-color: rgba(255,110,10,0.8); } .homepagefeatures .feature.country_profile .innerwrap { position: relative; z-index: 2; } .homepagefeatures .feature.event { background-color: #0081B8; background-image: url(_images/common/bkgd-homepage-features-event.svg); } .homepagefeatures .feature.industryguide { background-image: url(_images/common/bkgd-homepage-features-globe.svg); } .homepagefeatures .feature.maps { background-image: url(_images/common/bkgd-homepage-features-maps.svg); } .no-svg .homepagefeatures .feature.event { background-image: url(_images/common/bkgd-homepage-features-event.png); } /* No SVG */ .no-svg .homepagefeatures .feature.industryguide { background-image: url(_images/common/bkgd-homepage-features-globe.png); } /* No SVG */ .no-svg .homepagefeatures .feature.maps { background-image: url(_images/common/bkgd-homepage-features-maps.png); } /* No SVG */ .homepagefeatures .feature.event .meta { margin: 0 0 8px 0; overflow: hidden; } .homepagefeatures .feature.event .meta .dates, .homepagefeatures .feature.event .meta .location { display: block; line-height: 20px; margin: 0 20px 14px 0; } .homepagefeatures .feature.event .meta .icon { display: inline-block; line-height: 20px; margin: 0 8px 0 0; } .homepagefeatures .feature.event .meta .icon svg { fill: #FFF; vertical-align: bottom; } /* .homepagefeatures .feature.event .meta { margin: 0 0 14px 0; } .homepagefeatures .feature.event .meta div { display: inline-block; padding: 0 10px 0 0; margin: 0 10px 6px 0; border-right: 1px solid #FFF; } .homepagefeatures .feature.event .meta div:last-child { padding-right: 0; margin-right: 0; border-right: none; } */ @media screen and (min-width: 0px) and (max-width: 960px) { .homepagefeatures .colleft { width: 100%; } .homepagefeatures .colright { width: 100%; } .homepagefeatures .magazinefeature { border-right: none; border-bottom: 2px solid #FFF; } .homepagefeatures .magazinefeature .photo { width: 33%; } .homepagefeatures .magazinefeature .desc { width: 67%; } .homepagefeatures .magazinefeature .desc ul li { display: inline-block; } } @media screen and (min-width: 0px) and (max-width: 840px) { .homepagefeatures .colfw.three_across .feature { width: 100%; border-bottom: 2px solid #FFF; } .homepagefeatures .colfw.three_across .feature:last-child { border-bottom: none; } .homepagefeatures .colfw.three_across .feature .innerwrap { border-right: none; } } @media screen and (min-width: 768px) and (max-width: 960px) { .homepagefeatures .feature { float: left; width: 50%; } } @media screen and (min-width: 0px) and (max-width: 767px) { .homepagefeatures .magazinefeature .desc { width: auto; } } @media screen and (min-width: 0px) and (max-width: 600px) { .homepagefeatures .magazinefeature .photo { width: 25%; } } /*------------*/ /*--- IBD Grid ---*/ .ibd_grid { } .ibd_grid .wrap { overflow: hidden; } .ibd_grid .ibd_item { float: left; width: 29.16%; text-align: center; margin: 2.665% 2.086%; } .ibd_grid .ibd_item img { width: 100%; } .ibd_grid .ibd_item.landscape { /*width: 63.65%;*/ width: 63.57%; margin-left: 1.549%; margin-right: 1.549%; } .ibd_grid .ibd_item .photo { margin: 0 auto; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15); } .ibd_grid .ibd_item a:hover .photo { box-shadow: 0 3px 10px 0 rgba(0,0,0,0.4); } .ibd_grid .ibd_item .photo p { margin: 0; } @media screen and (min-width: 0px) and (max-width: 660px) { .ibd_grid .ibd_item { width: 43.742%; margin: 4.01% 3.129%; } .ibd_grid .ibd_item.landscape { width: 95.46%; margin: 4.01% 2.27%; } } @media screen and (min-width: 0px) and (max-width: 420px) { .ibd_grid .ibd_item.landscape { width: 90%; margin: 8% 5%; } .ibd_grid .ibd_item.portrait, .ibd_grid .ibd_item.square { width: 90%; margin: 4% 5%; } .ibd_grid .ibd_item.portrait .photo, .ibd_grid .ibd_item.square .photo { max-width: 56%; } } /*------------*/ /*--- Industry Guide Intro Search ---*/ .industry_guide_intro_search { max-width: 960px; padding: 40px 0 0 0; margin: 0 auto; } .industry_guide_intro_search ul.tabs { font-size: 0; line-height: 0; text-align: center; } .industry_guide_intro_search ul.tabs li { display: inline-block; min-width: 130px; font-size: 15px; line-height: 36px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin: 0 3px; background-color: #2B303C; border-radius: 6px 6px 0 0; } .industry_guide_intro_search ul.tabs li.active { color: #FFF; background-color: #FF6E0A; } .industry_guide_intro_search ul.tabs li a { display: block; color: rgba(255,255,255,0.5); } .industry_guide_intro_search ul.tabs li a:hover { color: rgba(255,255,255,0.75); } .industry_guide_intro_search .landing_wrap { padding: 24px 20px; background-color: rgba(0,0,0,0.5); border-top: 4px solid #FF6E0A; border-radius: 8px; } .industry_guide_intro_search .landing_wrap .facet { float: left; color: #000; } .industry_guide_intro_search .landing_wrap .facet .facetlabel { color: #FFF; padding: 0 0 10px 0; } .industry_guide_intro_search .landing_wrap .facet .facetwp-facet { position: relative; margin: 0; } /* Four Across */ .industry_guide_intro_search .landing_wrap.four_across .facet { width: 24.25%; margin: 0 1% 0 0; } .industry_guide_intro_search .landing_wrap.four_across .facet:nth-child(4) { margin-right: 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .industry_guide_intro_search .landing_wrap.four_across .facet { width: 49%; margin: 2% 2% 0 0; } .industry_guide_intro_search .landing_wrap.four_across .facet:nth-child(2n) { margin-right: 0; } .industry_guide_intro_search .landing_wrap.four_across .facet:nth-child(1), .industry_guide_intro_search .landing_wrap.four_across .facet:nth-child(2) { margin-top: 0; } } @media screen and (min-width: 0px) and (max-width: 520px) { .industry_guide_intro_search .landing_wrap.four_across .facet { width: 100%; margin: 0 0 10px 0; } .industry_guide_intro_search .landing_wrap.four_across .facet:last-child { margin-bottom: 0; } } /* Two Across */ .industry_guide_intro_search .landing_wrap.two_across .facet { width: 49%; margin: 2% 2% 0 0; } .industry_guide_intro_search .landing_wrap.two_across .facet:nth-child(2n) { margin-right: 0; } .industry_guide_intro_search .landing_wrap.two_across .facet:nth-child(1), .industry_guide_intro_search .landing_wrap.two_across .facet:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 520px) { .industry_guide_intro_search .landing_wrap.two_across .facet { width: 100%; margin: 0 0 10px 0; } .industry_guide_intro_search .landing_wrap.two_across .facet:last-child { margin-bottom: 0; } } /* .industry_guide_intro_search .landing_wrap .facetlabel { float: left; width: 30%; line-height: 40px; } .industry_guide_intro_search .landing_wrap .facetwp-facet { float: left; width: 70%; } */ /*------------*/ /*--- Industry Guide Overlay Form ---*/ .industry_guide_overlay_form { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; z-index: -1; overflow: scroll; } .industry_guide_overlay_form.active { display: block; background-color: rgba(51,57,74,0.78); z-index: 9999; } .industry_guide_overlay_form .outer_wrap { display: table; width: 100%; height: 100%; } .industry_guide_overlay_form .outer_wrap .inner_wrap { display: table-cell; vertical-align: middle; } .industry_guide_overlay_form .close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #FF6E0A; border-radius: 50%; cursor: pointer; } .industry_guide_overlay_form .close .svg_icon path { fill: #FFF; } .industry_guide_overlay_form .close:hover { background-color: #33394A; } .industry_guide_overlay_form .form_outer_wrap { max-width: 500px; margin: 0 auto; } .industry_guide_overlay_form .form_inner_wrap { position: relative; max-width: 460px; padding: 35px; margin: 20px; background-color: #FFF; border-radius: 6px; overflow: hidden; } .industry_guide_overlay_form .form_intro { text-align: center; padding: 0 0 35px 0; } .industry_guide_overlay_form .form_intro .tab { margin-left: auto; margin-right: auto; } .industry_guide_overlay_form .inputblock input { border-radius: 6px; } .industry_guide_overlay_form .inputblock input.wpcf7-not-valid { border-bottom-left-radius: 0; } .industry_guide_overlay_form .submitblock { margin-top: 30px; } .industry_guide_overlay_form .submitblock input { background-color: #FF6E0A; border-radius: 6px; } .industry_guide_overlay_form .submitblock input:hover, .industry_guide_overlay_form .submitblock input:focus { background-color: #33394A; cursor: pointer; } .industry_guide_overlay_form span.wpcf7-not-valid-tip { border-radius: 0 0 6px 6px; } .industry_guide_overlay_form div.wpcf7-validation-errors, .industry_guide_overlay_form div.wpcf7-mail-sent-ok { border-radius: 6px; } .industry_guide_overlay_form div.wpcf7-mail-sent-ok { background-color: #33394A; } .industry_guide_overlay_form .privacy_notice { font-size: 15px; text-align: center; padding: 25px 35px; margin: 35px -35px -35px -35px; background-color: #F5F5F5; } @media screen and (min-width: 0px) and (max-width: 480px) { .industry_guide_overlay_form .form_inner_wrap { padding: 25px; } .industry_guide_overlay_form .form_intro { padding: 0 0 25px 0; } .industry_guide_overlay_form .privacy_notice { padding: 25px; margin: 25px -25px -25px -25px; } } /*------------*/ /*--- Industry Guide Profile ---*/ .industry_guide_profile { color: #33394A; } .industry_guide_profile a { color: #0081B8; } /* .industry_guide_profile .wrap { max-width: 70%; } */ .industry_guide_profile .label { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 700; color: #FF6E0A; padding: 0 0 12px 0; } .industry_guide_profile .person { font-size: 22px; line-height: 26px; padding-bottom: 30px; } .industry_guide_profile .person .label { display: inline-block; padding-right: 10px; } .industry_guide_profile .address, .industry_guide_profile .contacts { float: left; font-size: 22px; line-height: 26px; } .industry_guide_profile .address { padding-right: 120px; } .industry_guide_profile .services { float: left; width: 100%; font-size: 22px; padding-top: 60px; } .industry_guide_profile .services ul { font-size: 0; line-height: 0; } .industry_guide_profile .services ul li { display: inline-block; font-size: 18px; line-height: 42px; font-weight: 700; padding: 0 12px; margin: 0 10px 10px 0; background-color: #FFF; border-radius: 5px; } @media screen and (min-width: 0px) and (max-width: 900px) { .industry_guide_profile .wrap { max-width: 100%; } } @media screen and (min-width: 0px) and (max-width: 767px) { .industry_guide_profile .person .label { display: block; } .industry_guide_profile .address, .industry_guide_profile .contacts { width: 100%; } .industry_guide_profile .address { padding-right: 0; } .industry_guide_profile .contacts { padding-top: 30px; } .industry_guide_profile .services { padding-top: 30px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .industry_guide_profile .services ul li { font-size: 16px; line-height: 34px; } } @media screen and (min-width: 0px) and (max-width: 420px) { .industry_guide_profile .label { font-size: 20px; } .industry_guide_profile .person { font-size: 20px; line-height: 24px; } .industry_guide_profile .address, .industry_guide_profile .contacts { font-size: 20px; line-height: 24px; } .industry_guide_profile .services ul li { font-size: 14px; line-height: 30px; } } /*------------*/ /*--- Industry Guide Results ---*/ .industry_guide_results { text-align: center; } .industry_guide_results .wrap { padding: 4px; overflow: hidden; } .industry_guide_results .sectionintro h3 { margin: 0; } .industry_guide_results .facetwp-counts .facetwp-facet { margin-bottom: 0; } .industry_guide_results .company { position: relative; float: left; width: 23.5%; padding: 0 0 58px 0; margin: 0 2% 2% 0; background-color: #FFF; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .industry_guide_results .company:nth-child(4n) { margin-right: 0; } .industry_guide_results .company .outer_wrap { display: table; width: 100%; border-top: 3px solid #FF6E0A; } .industry_guide_results .company .inner_wrap { display: table-cell; padding: 20px; vertical-align: middle; } .industry_guide_results .company .logo { line-height: 90px; margin: 0 0 20px 0; } .industry_guide_results .company .logo img { width: auto; max-height: 90px; } .industry_guide_results .company .logo p { line-height: 110px; margin: 0; } .industry_guide_results .company .title { margin: 0 0 20px 0; } .industry_guide_results .company .country { font-size: 0.9em; color: #727272; } .industry_guide_results .company a { display: block; color: #3C3C3C; } .industry_guide_results .company a:hover .outer_wrap, .industry_guide_results .company a:active .outer_wrap, .industry_guide_results .company a:focus .outer_wrap { border-top-color: #FF6E0A; } .industry_guide_results .company a:hover .title, .industry_guide_results .company a:active .title, .industry_guide_results .company a:focus .title { color: #FF6E0A; } .industry_guide_results .company .btn { position: absolute; right: 20px; bottom: 20px; left: 20px; margin: 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .industry_guide_results .company { width: 31.33%; margin: 0 3% 3% 0; } .industry_guide_results .company:nth-child(4n) { margin-right: 3%; } .industry_guide_results .company:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 0px) and (max-width: 767px) { .industry_guide_results .company { width: 48%; margin: 0 4% 4% 0; } .industry_guide_results .company:nth-child(4n) { margin-right: 0; } .industry_guide_results .company:nth-child(3n) { margin-right: 4%; } .industry_guide_results .company:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 0px) and (max-width: 520px) { .industry_guide_results .company { width: 100%; margin: 0 0 20px 0; } .industry_guide_results .company:nth-child(3n) { margin-right: 0; } } /*------------*/ /*--- Industry Guide Search ---*/ .industry_guide_search { z-index: 6; } .industry_guide_search .wrap { padding-top: 10px; } .industry_guide_search .facet { float: left; } .industry_guide_search .facet .facetlabel { color: #FFF; padding: 0 0 10px 0; } .industry_guide_search .facet .facetwp-facet { position: relative; margin: 0; } /* Four Across */ .industry_guide_search .four_across .facet { width: 24.25%; margin: 0 1% 0 0; } .industry_guide_search .four_across .facet:nth-child(4) { margin-right: 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .industry_guide_search .four_across .facet { width: 49%; margin: 2% 2% 0 0; } .industry_guide_search .four_across .facet:nth-child(2n) { margin-right: 0; } .industry_guide_search .four_across .facet:nth-child(1), .industry_guide_search .four_across .facet:nth-child(2) { margin-top: 0; } } @media screen and (min-width: 0px) and (max-width: 520px) { .industry_guide_search .four_across .facet { width: 100%; margin: 0 0 10px 0; } .industry_guide_search .four_across .facet:last-child { margin-bottom: 0; } } /* Two Across */ .industry_guide_search .two_across .facet { width: 49%; margin: 2% 2% 0 0; } .industry_guide_search .two_across .facet:nth-child(2n) { margin-right: 0; } .industry_guide_search .two_across .facet:nth-child(1), .industry_guide_search .two_across .facet:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 520px) { .industry_guide_search .two_across .facet { width: 100%; margin: 0 0 10px 0; } .industry_guide_search .two_across .facet:last-child { margin-bottom: 0; } } .industry_guide_search .reset { float: left; width: 100%; font-size: 0.9em; text-align: center; text-transform: uppercase; padding: 10px 0 0 0; } .industry_guide_search .reset a { display: inline-block; color: #FFF; border: none; } .industry_guide_search .reset span { display: inline-block; line-height: 28px; vertical-align: middle; } .industry_guide_search .reset .icon { width: 28px; height: 28px; background-image: url(_images/common/bkgd-icon-facets-reset.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .industry_guide_search .reset .icon { background-image: url(_images/common/bkgd-icon-facets-reset.png); } /* No SVG */ .industry_guide_search .reset .text { margin: 0 0 0 8px; } .industry_guide_search .reset a:hover { color: rgba(255,255,255,0.8); } .industry_guide_search .reset a:hover .icon { transform: rotate(-360deg); } /* Inline Version .industry_guide_search .facet { float: left; width: 24.25%; height: 40px; margin: 0 1% 0 0; border-radius: 6px; } .industry_guide_search .facet:nth-child(4) { margin-right: 0; } .industry_guide_search .facet .facetlabel { float: left; width: 24%; line-height: 40px; color: #3C3C3C; padding: 0 3%; background-color: #F2F2F2; } .industry_guide_search .facet .facetwp-facet { position: relative; float: left; width: 70%; margin: 0; } */ /*------------*/ /*--- Key Articles ---*/ .keyarticles { } .keyarticles .wrap { position: relative; overflow: hidden; } .keyarticles .keyarticle { float: left; width: 33.33%; } .keyarticles .keyarticle .innerwrap { padding: 30px; } .keyarticles .keyarticle .innerwrap a { color: #33394A; } .keyarticles .keyarticle .innerwrap a:hover { color: #FF6E0A; } .keyarticles .keyarticle .innerwrap p { color: #777; margin-bottom: 2px; } .keyarticles .keyarticle .innerwrap ul.articlemeta { margin-bottom: 16px; } .keyarticles .keyarticle .innerwrap .plusicon { } .keyarticles .keyarticle .innerwrap .plusicon a { display: block; width: 18px; height: 32px; line-height: 32px; font-size: 24px; font-weight: 300; text-align: center; color: #FF6E0A; padding-right: 20px; } .keyarticles .keyarticle .innerwrap .plusicon a:hover { font-size: 28px; } .keyarticles .divideline { position: absolute; top: 30px; bottom: 40px; width: 1px; background-color: #E6E6E6; } .keyarticles .divideline.first { left: 33.33%; } .keyarticles .divideline.second { left: 66.66%; } /* If Related */ .keyarticles.relatedarticles .sectionintro { text-align: left; } .keyarticles.relatedarticles .keyarticle { float: none; width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #E6E6E6; } .keyarticles.relatedarticles .keyarticle:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .keyarticles.relatedarticles .keyarticle .innerwrap { padding: 0; } .keyarticles.relatedarticles .keyarticle .innerwrap h4 { font-size: 1.25em; } .keyarticles.relatedarticles .keyarticle .innerwrap p { display: none; font-size: 16px; } .keyarticles.relatedarticles .keyarticle .innerwrap ul.articlemeta li { font-size: 16px; } .keyarticles.relatedarticles .keyarticle:first-child .innerwrap h4 { font-size: 1.55em; } .keyarticles.relatedarticles .keyarticle:first-child .innerwrap p { display: block; } @media screen and (min-width: 768px) and (max-width: 880px) { .keyarticles .keyarticle .innerwrap { padding: 20px; } .keyarticles .keyarticle ul.articlemeta li { font-size: 14px; } .keyarticles .divideline { top: 20px; bottom: 30px; } } @media screen and (min-width: 0px) and (max-width: 767px) { .keyarticles .keyarticle { width: 100%; border-bottom: 1px solid #E6E6E6; } .keyarticles .keyarticle .innerwrap { padding: 20px; } .keyarticles .divideline { display: none; } } @media screen and (min-width: 0px) and (max-width: 599px) { .keyarticles .keyarticle ul.articlemeta li { font-size: 14px; } } /*------------*/ /*--- Key Contacts ---*/ .keycontacts .contactbox .icon { background-image: url(_images/common/bkgd-icon-contact-methods.svg); } .no-svg .keycontacts .contactbox .icon { background-image: url(_images/common/bkgd-icon-contact-methods.png); } /* No SVG */ .keycontacts .contactbox .icon.email { background-position: 0 0; } .keycontacts .contactbox .icon.tel { background-position: 0 -48px; } /*------------*/ /*--- Key Photo Articles ---*/ .keyphotoarticles { } .keyphotoarticles .wrap { overflow: hidden; } .keyphotoarticles .keyphotoarticle { position: relative; float: left; width: 50%; } .keyphotoarticles .keyphotoarticle .desc { position: absolute; right: 0; bottom: 0; left: 0; color: #FFF; padding: 20px; background-color: rgba(51,57,74,0.65); z-index: 1; } .keyphotoarticles .keyphotoarticle .desc a { color: #FFF; } .keyphotoarticles .keyphotoarticle .desc a:hover { color: rgba(255,255,255,0.8); } .keyphotoarticles .keyphotoarticle .desc .plusicon { position: absolute; right: 5px; bottom: 5px; } /*.keyphotoarticles .keyphotoarticle .desc .plusicon a { display: block; width: 26px; height: 26px; background-image: url(https://placehold.it/26x26); background-repeat: no-repeat; background-position: center center; } */ .keyphotoarticles .keyphotoarticle .desc .plusicon a { display: block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; font-weight: 300; text-align: center; color: #FFF; } .keyphotoarticles .keyphotoarticle .desc .plusicon a:hover { font-size: 50px; } .keyphotoarticles .keyphotoarticle .photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .keyphotoarticles .keyphotoarticle .photo a { display: block; width: 100%; height: 100%; } .keyphotoarticles .keyphotoarticle .sizer { position: relative; opacity: 0; z-index: -1; } .keyphotoarticles .keyphotoarticle .sizer img { width: 100%; } @media screen and (min-width: 600px) and (max-width: 860px) { .keyphotoarticles .keyphotoarticle { width: 100%; max-height: 300px; } .keyphotoarticles .keyphotoarticle .desc { right: 33.33%; } } @media screen and (min-width: 0px) and (max-width: 599px) { .keyphotoarticles .keyphotoarticle { width: 100%; } } @media screen and (min-width: 0px) and (max-width: 380px) { .keyphotoarticles .keyphotoarticle .desc { top: 0; } } /*------------*/ /*--- Magazine Feature ---*/ .magazinefeature { } .magazinefeature a { color: #3C3C3C; } .magazinefeature a:hover .photo { opacity: 0.9; } .magazinefeature .wrap { max-width: 960px; margin: 0 auto; background-color: #F2F2F2; overflow: hidden; } .magazinefeature .photo { float: left; width: 33%; } .magazinefeature .desc { float: right; width: 67%; } .magazinefeature .desc .innerwrap { padding: 45px; } .magazinefeature .desc h2 { margin-bottom: 0; } .magazinefeature .desc h4 { color: #9D9D9D; } .magazinefeature .desc .tab { background-color: #0081B8; } .magazinefeature .desc ul { margin: 0 0 20px 0; } .magazinefeature .desc ul li { line-height: 1.3em; margin: 0 0 4px 0; padding: 0 0 0 20px; background-image: url(_images/common/bkgd-bulletpoint-square-blue.svg); background-repeat: no-repeat; background-position: 4px 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-svg .magazinefeature .desc ul li { background-image: url(_images/common/bkgd-bulletpoint-square-blue.png); } /* No SVG */ .magazinefeature .desc ul ul { padding: 10px 0 0 0; } .magazinefeature .desc ul li li { font-size: inherit; } @media screen and (min-width: 0px) and (max-width: 960px) { .magazinefeature .desc .innerwrap { padding: 30px; } } @media screen and (min-width: 0px) and (max-width: 900px) { .magazinefeature .desc ul li { display: inline-block; } } @media screen and (min-width: 0px) and (max-width: 767px) { .magazinefeature .container { padding: 0; } .magazinefeature .wrap { padding-right: 20px; } .magazinefeature .photo { float: right; margin-left: 20px; } .magazinefeature .photo img { margin: 20px 0; } .magazinefeature .desc { float: none; width: auto; } } @media screen and (min-width: 0px) and (max-width: 600px) { .magazinefeature .photo { width: 25%; } } /*------------*/ /*--- Mozaic Gallery ---*/ .mozaicgallery .image .hascaption { position: absolute; right: 14px; bottom: 14px; width: 16px; height: 7px; background-image: url(_images/common/bkgd-icon-photo-gallery-caption.svg); background-position: center center; background-repeat: no-repeat; } .no-svg .mozaicgallery .image .hascaption { background-image: url(_images/common/bkgd-icon-photo-gallery-caption.png); } /* No SVG */ .mozaicgallery .image .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(51,57,74,0.5); opacity: 0; } .mozaicgallery .image .icon { position: absolute; top: 100%; left: 0; right: 0; width: 60px; height: 60px; margin: 0 auto; background-image: url(_images/common/bkgd-icon-photo-gallery-enlarge.svg); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; opacity: 0; } .no-svg .mozaicgallery .image .icon { background-image: url(_images/common/bkgd-icon-photo-gallery-enlarge.png); } /* No SVG */ .mozaicgallery .image:hover .overlay { opacity: 1; } .mozaicgallery .image:hover .icon { top: 50%; margin-top: -30px; opacity: 1; } @media screen and (min-width: 1280px) and (max-width: 1440px) { .mozaicgallery .image .icon { background-size: 40px 40px; } } @media screen and (min-width: 901px) and (max-width: 1024px) { .mozaicgallery .image .icon { background-size: 40px 40px; } } @media screen and (min-width: 481px) and (max-width: 660px) { .mozaicgallery .image .icon { background-size: 40px 40px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .mozaicgallery .image .icon { background-size: 30px 30px; } } /*------------*/ /*--- Overlay Gallery ---*/ .overlaygallery { } .overlaygallery .titlebar { background-color: #33394A; border-bottom-color: #FF6E0A; } .overlaygallery .titlebar .colleft .details { border-left-color: #FF6E0A; } .overlaygallery .titlebar .colleft .details .desc { font-family: 'proxima-nova-condensed', Helvetica, Arial, sans-serif; letter-spacing: 0.2em; } .overlaygallery .titlebar .colleft .details ul { margin: 0 0 6px 0; } .overlaygallery .titlebar .colleft .details ul li { display: inline-block; margin: 0 16px 0 0; background-repeat: no-repeat; background-position: left center; } .overlaygallery .titlebar .colleft .details ul li:last-child { margin-right: 0; } .overlaygallery .titlebar .colleft .details ul li.date { padding-left: 22px; background-image: url(_images/common/bkgd-icon-photo-gallery-date-large.svg); background-size: 16px 14px; } .no-svg .overlaygallery .titlebar .colleft .details ul li.date { background-image: url(_images/common/bkgd-icon-photo-gallery-date-large.png); } /* No SVG */ .overlaygallery .titlebar .colleft .details ul li.location { padding-left: 18px; background-image: url(_images/common/bkgd-icon-photo-gallery-location-large.svg); background-size: 14px 14px; } .no-svg .overlaygallery .titlebar .colleft .details ul li.location { background-image: url(_images/common/bkgd-icon-photo-gallery-location-large.png); } /* No SVG */ .overlaygallery .titlebar .exploredropdown .title { background-color: #33394A; border-color: rgba(185,185,185,0.4); } .overlaygallery .titlebar .exploredropdown .title:hover { background-color: #484D5C; } .overlaygallery .titlebar .exploredropdown .close .title { background-color: #484D5C; } .overlaygallery .titlebar .exploredropdown .options ul li { background-color: #3D4353; border-bottom-color: rgba(185,185,185,0.4); } .overlaygallery .titlebar .exploredropdown .options ul li:hover { background-color: #484D5C; } .overlaygallery .content .overviewtext { position: relative; overflow: hidden; } .overlaygallery .content .overviewtext .wrap { background-color: #F2F2F2; } .overlaygallery .content .overviewtext .sideshadow { position: absolute; top: 44px; right: 9px; bottom: 9px; width: 11px; background-color: #105692; } .overlaygallery .content .overviewtext .bottomshadow { position: absolute; left: 44px; right: 9px; bottom: 9px; height: 11px; background-color: #105692; } .overlaygallery .content .gallery { position: relative; overflow: hidden; } .overlaygallery .content .gallery .wrap { background-color: #F2F2F2; } .overlaygallery .content .gallery .sideshadow { position: absolute; top: 44px; right: 9px; bottom: 9px; width: 11px; background-color: #105692; } .overlaygallery .content .gallery .bottomshadow { position: absolute; left: 44px; right: 9px; bottom: 9px; height: 11px; background-color: #105692; } /* Page Overlay */ #bkgdoverlaygallery { background-color: rgba(51,57,74,0); } #bkgdoverlaygallery.showoverlay { background-color: rgba(51,57,74,0.95); } /* If Report */ #overlaygalleryreport.overlaygallery .titlebar .colright ul li.nav.close { width: 20px; background-position: right 0; } /*------------*/ /*--- Photo Block ---*/ .photoblock { } .photoblock .container { padding: 0; } .photoblock.slimwidth .photo { max-width: 720px; } .photoblock.widewidth .container { max-width: 1400px; } .photoblock .photo { position: relative; margin: 0 auto; } .photoblock .photo img { width: 100%; } .photoblock .photo .caption { position: absolute; left: 0; right: 0; bottom: 0; color: #FFF; padding: 50px 20px 16px 20px; text-shadow: 2px 2px 3px #33394A; background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)) !important; background: -o-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)) !important; background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)) !important; } .photoblock.photostrip .container { max-width: none; padding: 0; } .photoblock.photostrip .photo { height: 315px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 0px) and (max-width: 1440px) { .photoblock.photostrip .photo { height: 270px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .photoblock.photostrip .photo { height: 192px; } } @media screen and (min-width: 0px) and (max-width: 420px) { .photoblock.photostrip .photo { height: 135px; } } /*------------*/ /*--- Photo Features ---*/ .photofeatures .feature .photo { position: relative; } .photofeatures .feature .photo .sideshadow { position: absolute; top: 44px; right: -10px; bottom: 0; width: 20px; background-color: #105692; z-index: -1; } .photofeatures .feature .photo .bottomshadow { position: absolute; left: 80%; height: 10px; bottom: -10px; right: -10px; background-color: #105692; z-index: -1; } .photofeatures .feature .desc { background-color: #FFF; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } .photofeatures .feature .desc h1, .photofeatures .feature .desc h2, .photofeatures .feature .desc h3, .photofeatures .feature .desc h4, .photofeatures .feature .desc h5, .photofeatures .feature .desc h6 { font-family: 'FFEnzoWebPro', Helvetica, Arial, sans-serif; font-weight: 700; } .photofeatures .feature .desc p { font-size: 0.94em; color: #777; } .photofeatures .feature .desc .tab { width: 110px; height: 1px; margin-bottom: 16px; background-color: #E6E6E6; } /*------------*/ /*--- Photo Grid ---*/ .photogrid { } .photogrid .container { max-width: 1320px; padding: 0 10px; } .photogrid .photo { float: left; width: 24%; margin: 0.5%; } .photogrid .photo.half { width: 49%; } .photogrid .photo img { width: 100%; } @media screen and (min-width: 0px) and (max-width: 660px) { .photogrid .photo { width: 48%; margin: 1%; } .photogrid .photo.half { width: 98%; } } /*------------*/ /*--- Principal Articles ---*/ .principalarticles { } @media screen and (min-width: 0px) and (max-width: 1240px) { .principalarticles { padding-top: 0; } } /*------------*/ /*--- Quote Block ---*/ .quoteblock .text { font-style: italic; } /* Carousel Version */ .quotecarousel .wrap { position: relative; text-align: center; padding: 40px 0; background-image: url(_images/common/bkgd-icon-quote-mark-small.svg); background-repeat: no-repeat; background-position: center top; } .no-svg .quotecarousel .wrap { background-image: url(_images/common/bkgd-icon-quote-mark-small.png); } /* No SVG */ .quotecarousel .singlequote { max-width: 720px; margin: 0 auto; } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Quote Block ---*/ .quoteblock .text { font-size: 1.3em; } } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Quote Block ---*/ .quoteblock .text { font-size: 1.2em; } } /*------------*/ /*--- Statement Strip ---*/ .statementstrip { background-color: #33394A; } .statementstrip .wrap { padding: 10px 0; } .statementstrip h1, .statementstrip h2, .statementstrip h3, .statementstrip h4, .statementstrip h5, .statementstrip h6 { font-size: 2.5em; text-transform: uppercase; } .statementstrip .smalltitle h1, .statementstrip .smalltitle h2, .statementstrip .smalltitle h3, .statementstrip .smalltitle h4, .statementstrip .smalltitle h5, .statementstrip .smalltitle h6 { font-size: 1.18em; text-transform: uppercase; letter-spacing: 0.2em; } .statementstrip .tab { width: 110px; height: 1px; margin-left: auto; margin-right: auto; background-color: rgba(255,255,255,0.25); } @media screen and (min-width: 0px) and (max-width: 480px) { .statementstrip h1, .statementstrip h2, .statementstrip h3, .statementstrip h4, .statementstrip h5, .statementstrip h6 { font-size: 2em; } } /*------------*/ /*--- Text and Photo Block ---*/ .textandphotoblock { } .textandphotoblock p:last-child { margin: 0; } .textandphotoblock .sectionintro { text-align: left; } .textandphotoblock .sectionintro h2 { font-size: 2.2em; } .textandphotoblock .sectionintro .tab { margin-left: 0; } .textandphotoblock .leftcol { float: left; width: 48%; } .textandphotoblock .rightcol { float: right; width: 46%; } .textandphotoblock .rightcol .photo { position: relative; } .textandphotoblock .rightcol .photo img { width: 100%; } .textandphotoblock .rightcol .photo .caption { position: absolute; left: 0; right: 0; bottom: 0; text-align: right; color: #FFF; padding: 50px 20px 16px 20px; text-shadow: 2px 2px 3px #33394A; background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)) !important; background: -o-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)) !important; background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)) !important; } /* Photo Left */ .textandphotoblock.photoleft { } .textandphotoblock.photoleft .leftcol { float: right; } .textandphotoblock.photoleft .rightcol { float: left; } .textandphotoblock.photoleft .rightcol .photo .caption { text-align: left; } @media screen and (min-width: 0px) and (max-width: 768px) { /*--- Text and Photo Block ---*/ .textandphotoblock .container { padding-left: 0; padding-right: 0; } .textandphotoblock .leftcol { width: auto; padding: 0 20px 40px 20px; } .textandphotoblock .rightcol { width: 100%; } } /*------------*/ /*--- Text CTA Block ---*/ .text_cta_block .container { max-width: 580px; } .text_cta_block .sectionintro { padding-bottom: 10px; } .text_cta_block .sectionintro .icon { line-height: 90px; margin-bottom: 10px; } .text_cta_block .sectionintro h2 { color: #33394A; } .text_cta_block .wrap { text-align: center; } .text_cta_block .wrap p { font-size: 18px; line-height: 24px; } /*------------*/ /*--- Topics Grid ---*/ .topicsgrid { } .topicsgrid .wrap { position: relative; overflow: hidden; } .topicsgrid .topiclist { float: left; width: 33.33%; } .topicsgrid .topiclist .title { text-transform: uppercase; letter-spacing: 0.2em; } .topicsgrid .topiclist .title a { position: relative; display: block; color: #FFF; padding: 15px 30px; background-color: #105692; } .topicsgrid .topiclist .title .plusicon { position: absolute; top: 50%; right: 10px; width: 32px; height: 32px; line-height: 32px; font-size: 24px; font-weight: 300; text-align: center; color: #FF6E0A; margin-top: -16px; } .topicsgrid .topiclist .title a:hover { background-color: #33394A; } .topicsgrid .topiclist .title a:hover .plusicon { font-size: 28px; color: #FFF; } .topicsgrid .topiclist .innerwrap { padding: 15px 30px; background-color: #FFF; } .topicsgrid .topiclist .innerwrap .article { margin: 0 0 20px 0; } .topicsgrid .topiclist .innerwrap a { color: #33394A; } .topicsgrid .topiclist .innerwrap a:hover { color: #FF6E0A; } .topicsgrid .divideline { position: absolute; top: 0; bottom: 0; width: 1px; background-color: #E6E6E6; } .topicsgrid .divideline.first { left: 33.33%; } .topicsgrid .divideline.second { left: 66.66%; } @media screen and (min-width: 0px) and (max-width: 920px) { .topicsgrid .topiclist { width: 50%; } .topicsgrid .divideline.first { left: 50%; } .topicsgrid .divideline.second { display: none; } } @media screen and (min-width: 0px) and (max-width: 620px) { .topicsgrid .topiclist { width: 100%; } .topicsgrid .divideline.first { display: none; } } @media screen and (min-width: 0px) and (max-width: 420px) { .topicsgrid .container { padding-left: 0; padding-right: 0; } } /*------------*/ /*--- Webinars Feed ---*/ .webinars_feed { } .webinars_feed .item { text-align: center; border-radius: 10px; box-shadow: 0 2px 12px rgba(0,0,0,0.2); overflow: hidden; } .webinars_feed .item a { color: #3C3C3C; } .webinars_feed .item .title { color: #FFF; padding: 20px; background-color: #33394A; } .webinars_feed .item .title .outer_wrap { display: table; width: 100%; height: 100%; } .webinars_feed .item .title .outer_wrap .inner_wrap { display: table-cell; vertical-align: middle; } .webinars_feed .item .title h3 { margin: 0; } .webinars_feed .item .desc { position: relative; padding: 20px 20px 80px 20px; } .webinars_feed .item .desc .status { position: absolute; right: 20px; bottom: 20px; left: 20px; } .webinars_feed .item .desc .status .btn { margin: 0; } /* Three Across */ .webinars_feed .three_across { } .webinars_feed .three_across .item { float: left; width: 31.33%; margin: 3% 3% 0 0; } .webinars_feed .three_across .item:nth-child(3n) { margin-right: 0; } .webinars_feed .three_across .item:nth-child(1), .webinars_feed .three_across .item:nth-child(2), .webinars_feed .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 660px) and (max-width: 1023px) { .webinars_feed .three_across .item { width: 48%; margin: 4% 4% 0 0; } .webinars_feed .three_across .item:nth-child(3n) { margin-right: 4%; } .webinars_feed .three_across .item:nth-child(2n) { margin-right: 0; } .webinars_feed .three_across .item:nth-child(3) { margin-top: 4%; } } @media screen and (min-width: 0px) and (max-width: 659px) { .webinars_feed .three_across .item { width: 100%; margin: 0 0 30px 0 !important; } .webinars_feed .three_across .item:last-child { margin-bottom: 0 !important; } } /* Carousel */ .webinars_feed .carousel_wrap { padding: 0 60px; } @media screen and (min-width: 0px) and (max-width: 660px) { .webinars_feed .carousel_wrap { padding: 0 50px; } } @media screen and (min-width: 0px) and (max-width: 420px) { .webinars_feed .carousel_wrap { padding: 0; } .webinars_feed .master_carousel_next, .webinars_feed .master_carousel_prev { display: none; } } /* Owl Carousel */ .owl-webinars { } .owl-webinars .owl-stage-outer { padding: 10px 0 20px 0; } .owl-webinars .owl-dots { margin-top: 10px; } .owl-webinars .owl-dots .owl-dot span { background-color: #E6E6E6; } .owl-webinars .owl-dots .owl-dot.active span, .owl-webinars .owl-dots .owl-dot:hover span { background-color: #2594CC; } /*------------------------------------------------------------------*/ /* 4. Supplementary Content /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 5. WooCommerce /*------------------------------------------------------------------*/ /*--- Common ---*/ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { line-height: 40px; font-weight: 600 !important; text-transform: uppercase; color: #FFF !important; vertical-align: middle; padding: 0 20px !important; background-color: #0081B8 !important; } .woocommerce li.product.sale #respond input#submit, .woocommerce li.product.sale a.button, .woocommerce li.product.sale button.button, .woocommerce li.product.sale input.button { background-color: #D20A11 !important; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus { background-color: #33394A !important; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 16px 20px 16px 60px; background-color: #FFF; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { background: none !important; } /* Multi-Currency */ .woocommerce-currency-selector { max-width: 240px; height: 32px; line-height: 32px; font-size: 14px; padding: 0 6px; margin-top: 20px; border: none; } .woocommerce-checkout .woocommerce-currency-selector { margin: 0 auto 20px auto; background-color: #F2F2F2; } /*------------*/ /*--- Products Grid ---*/ .woocommerce ul.products { text-align: center; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: none; } .woocommerce ul.products li.product { position: relative; float: left !important; width: 23.5% !important; list-style: none; margin: 0 2% 2% 0 !important; background: none; background-color: #FFF; border-top: 4px solid #0081B8; } .woocommerce ul.products li.product:nth-child(4n) { margin-right: 0 !important; } .woocommerce ul.products li.product.sale { border-top-color: #D20A11; } .woocommerce ul.products li.product .outerwrap { padding: 30px 16px 16px 16px; } .woocommerce ul.products li.product .innerwrap { overflow: hidden; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2 { font-size: 1.7em !important; padding: 0 !important; margin: 0 0 20px 0 !important; } .woocommerce ul.products li.product a { color: #3C3C3C; border-bottom: none; } .woocommerce ul.products li.product a:hover, .woocommerce ul.products li.product a:active, .woocommerce ul.products li.product a:focus { color: #105692; } .woocommerce ul.products li.product .shortdesc { font-style: italic; font-weight: 500; color: #808080; margin: 0 0 40px 0; } .woocommerce ul.products li.product .price { font-size: 1.5em !important; font-weight: 700; color: #0081B8; margin-bottom: 15px !important; } .woocommerce ul.products li.product.sale .price { color: #D20A11; } .woocommerce ul.products li.product .btn { margin: 0 0 8px 0; } .woocommerce ul.products li.product .btn:last-child { margin-bottom: 0; } .woocommerce ul.products li.product .button { display: block; margin-top: 0 !important; border-radius: 6px !important; } .woocommerce ul.products li.product.sale .btn.checkavailability { background: #D20A11; } .woocommerce ul.products li.product .button.added { display: none; } /* .woocommerce ul.products li.product .added_to_cart { display: none !important; } */ @media screen and (min-width: 768px) and (max-width: 1023px) { .woocommerce ul.products li.product { width: 32% !important; } .woocommerce ul.products li.product:nth-child(4n) { margin-right: 2% !important; } .woocommerce ul.products li.product:nth-child(3n) { margin-right: 0 !important; } /* Related Products */ .relatedproducts ul.products li.product:nth-child(4n) { display: none; } } @media screen and (min-width: 0px) and (max-width: 767px) { .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product, .woocommerce ul.products li.product { width: 49% !important; } .woocommerce ul.products li.product:nth-child(4n) { margin-right: 0 !important; } .woocommerce ul.products li.product:nth-child(3n) { margin-right: 2% !important; } .woocommerce ul.products li.product:nth-child(2n) { margin-right: 0 !important; } } @media screen and (min-width: 0px) and (max-width: 520px) { .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product, .woocommerce ul.products li.product { width: 100% !important; margin: 0 0 20px 0 !important; } .woocommerce ul.products li.product:nth-child(4n) .woocommerce ul.products li.product:nth-child(3n) .woocommerce ul.products li.product:nth-child(2n) { margin-right: 0 !important; } .woocommerce ul.products li.product:last-child { margin: 0 !important; } /* Related Products */ .relatedproducts ul.products li.product:nth-child(4n) { display: none; } } /* ul.products li .wrap { position: relative; padding: 16px; } ul.products li .wrap.hasphoto { padding-top: 0; } ul.products li.sale .wrap { background-image: url(_images/common/bkgd-product-sale-sash.svg); background-repeat: no-repeat; background-position: right top; } ul.products li img { margin: 0 !important; } ul.products li .category { position: absolute; top: 0; left: 0; right: 0; display: inline-block; font-size: 0.8em; text-transform: uppercase; } ul.products li .category a { display: inline-block; line-height: 26px; color: #555554; padding: 0 6px; background-color: #D7D7D7; } ul.products li .category a:hover { background-color: #E1E1E0; } ul.products li .name { display: block; font-family: "Gotham Cond A", "Gotham Cond B", 'Arial Narrow', Arial, sans-serif; font-size: 2.5em; font-weight: 500; padding: 20px 0; margin: 0 0 82px 0; } /* If Purchasable, External or Category */ /* ul.products li.product-category .name, ul.products li.product-type-external .name, ul.products li.purchasable .name { margin: 0; } ul.products li .name .outerwrap { display: table; width: 100%; height: 160px; } ul.products li .name .innerwrap { display: table-cell; vertical-align: middle; } ul.products li .name a { color: #000; } ul.products li .name a:hover { color: #00A5E1; } ul.products li h3 { font-size: 1em; line-height: 1em; } ul.products li .price { display: block; min-height: 50px; font-size: 1em !important; color: #FFF !important; padding: 10px 0; margin: 0 0 12px 0 !important; background-color: #00A5E1; } ul.products li .price .amount { display: inline-block; font-family: "Gotham Cond A", "Gotham Cond B", 'Arial Narrow', Arial, sans-serif; font-size: 2.5em; font-weight: 500; padding: 0 4px; } ul.products li.sale .price .amount { font-size: 2.1em; } /* If on Sale */ /* ul.products li .price del, ul.products li .price ins { display: inline-block !important; } ul.products li .price del .amount { opacity: 0.75; text-decoration: line-through; } ul.products li .price .suffix, ul.products li .price .woocommerce-price-suffix { display: block; font-size: 0.6em; } ul.products li .viewdetails { display: block; font-family: "Gotham Cond A", "Gotham Cond B", 'Arial Narrow', Arial, sans-serif; font-size: 1.3em; font-weight: 500; text-transform: uppercase; line-height: 48px; color: #FF6600; border: 1px solid #FF6600; } ul.products li .viewdetails:hover { color: #000; border-color: #000; } */ /*--- Product Single ---*/ body.single-product .woocommerce-message { max-width: 1080px; margin: 20px auto !important; } /*------------------------------------------------------------------*/ /*--- Cart ---*/ .woocommerce .cart-empty, .woocommerce .return-to-shop { text-align: center; } .woocommerce table.shop_table { margin-bottom: 40px; border: none; border-radius: 0; } .woocommerce a.remove { font-weight: 500 !important; color: #B72340 !important; } .woocommerce a.remove:hover { background-color: #8C0517; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { border-right: none; } .woocommerce table.shop_table a { color: #3C3C3C; } .woocommerce table.shop_table a:hover, .woocommerce table.shop_table a:active, .woocommerce table.shop_table a:focus { } .woocommerce table.cart th.product-thumbnail, .woocommerce table.cart td.product-thumbnail { display: none; } .woocommerce-cart table.cart img { width: 80px; margin: 0; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width: 50%; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0; border-radius: 4px; } .woocommerce table.cart td.actions .coupon input, .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 50% !important; border: none; } .woocommerce .cart .button, .woocommerce .cart input.button { /* float: right; */ width: 48% !important; } .woocommerce table.cart td.actions { text-align: center !important; } .woocommerce-cart .cart-collaterals .cart_totals { float: none; max-width: 440px; margin: 0 auto; } .woocommerce-cart .cart-collaterals .cart_totals h2 { font-size: 1.75em; text-align: center; } .woocommerce-cart .cart-collaterals .cart_totals table { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 30%; } .woocommerce-cart .cart-collaterals td { text-align: right; } .woocommerce #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input { } /* Shipping */ .cart_totals table { border: none; } ul#shipping_method li { background: none; } ul#shipping_method input[type="checkbox"], ul#shipping_method input[type="radio"] { float: none; } .woocommerce form .form-row { padding: 0 0 4px 0; } .shipping-calculator-form { text-align: left; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { line-height: 60px !important; margin-bottom: 0 !important; } @media screen and (min-width: 0px) and (max-width: 768px) { /*--- Cart ---*/ .woocommerce table.shop_table td { padding-top: 8px !important; padding-bottom: 8px !important; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width: 100%; } .woocommerce table.cart td.actions .coupon input { width: 100%; } .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input { width: 100% !important; } .woocommerce table.cart td.actions .coupon .button { width: 48% !important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { padding: 0; margin: 0 0 2% 0; border: none; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { padding: 3% 0 0 0; border-top: 1px solid #D3CED2; } } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Cart ---*/ .woocommerce table.shop_table { font-size: 15px; } .woocommerce table.shop_table th.product-remove, .woocommerce table.shop_table th.product-subtotal, .woocommerce table.shop_table td.product-remove, .woocommerce table.shop_table td.product-subtotal { display: none; } } /*------------------------------------------------------------------*/ /*--- Checkout ---*/ .woocommerce .select2-container .select2-selection--single { height: 44px; } .woocommerce .select2-container--default .select2-selection--single { border-color: #E6E6E6; border-radius: 0; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; } /* Overlap intro style checkout */ /* form.woocommerce-checkout { overflow: hidden; margin: -300px 0 0 0; } .checkoutcolleft { float: left; width: 60%; padding: 300px 0 0 0; } .checkoutcolright { float: right; width: 30%; overflow: hidden; } .checkoutcolright .wrap { } .checkoutcolright h6 { color: #FFF; } .woocommerce-checkout-review-order { background-color: #FFF; } */ .checkoutcolleft { } .checkoutcolright { padding-top: 30px; } /* Billing Details */ .woocommerce .woocommerce-billing-fields h3 { font-size: 1.4em; padding: 6px 20px 4px 48px; background-color: #F2F2F2; background-image: url(_images/common/bkgd-icon-checkout-billing-details.svg); background-position: left 14px center; background-repeat: no-repeat; border-top: 2px solid #0081B8; } .no-svg .woocommerce .woocommerce-billing-fields h3 { background-image: url(_images/common/bkgd-icon-checkout-billing-details.png); } /* No SVG */ /* Create Account */ .create-account { margin: 16px 0 0 0 !important; } .create-account .woocommerce-form__label { position: relative; } /* .create-account .woocommerce-form__label { display: inline-block; color: #FFF; padding: 6px 10px; background-color: #0081B8; border-radius: 4px; } .create-account .woocommerce-form__label:hover { background-color: #33394A; } */ /* Shipping Address */ .woocommerce .woocommerce-shipping-fields { margin: 20px 0 0 0; } .woocommerce h3#ship-to-different-address { font-size: 1.4em; line-height: 20px; padding: 6px 20px 4px 48px; margin: 10px 0 0 0; background-color: #F2F2F2; background-image: url(_images/common/bkgd-icon-checkout-shipping-details.svg); background-position: left 14px center; background-repeat: no-repeat; border-top: 2px solid #0081B8; overflow: hidden; } .no-svg .woocommerce h3#ship-to-different-address { background-image: url(_images/common/bkgd-icon-checkout-shipping-details.png); } /* No SVG */ .woocommerce h3#ship-to-different-address label { float: left; padding: 0; margin: 0; } .woocommerce h3#ship-to-different-address label span { vertical-align: middle; } .woocommerce h3#ship-to-different-address input[type="checkbox"] { float: right; height: 28px !important; margin: 0 8px !important; } .woocommerce .shipping_address { padding: 10px 20px; background-color: #F2F2F2; } /* Hide Currency Switcher */ .woocommerce-checkout .woocommerce-currency-selector { display: none; } /* Order Summary */ .woocommerce table.shop_table.woocommerce-checkout-review-order-table { border: none; border-collapse: collapse; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead { display: none; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot { color: #FFF; background-color: #105692; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table strong { font-weight: 500; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.cart_item { background-color: #F2F2F2; border-bottom: 1px solid #E6E6E6; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.cart_item:last-child { border-bottom: none; } /* Payment */ .woocommerce #payment { background: none; } .woocommerce #payment .wc_payment_methods { display: none; } .woocommerce #payment div.form-row { text-align: center; padding: 0; } .woocommerce #payment #place_order { float: none !important; width: auto !important; min-width: 70%; font-size: 1.2em; line-height: 60px; margin: 0 auto; background-image: url(_images/common/bkgd-icon-checkout-padlock.svg); background-position: left 20px center; background-repeat: no-repeat; } .no-svg .woocommerce #payment #place_order { background-image: url(_images/common/bkgd-icon-checkout-padlock.png); } /* No SVG */ /*------------------------------------------------------------------*/ /* 6. Owl Carousel /*------------------------------------------------------------------*/ /*- Owl Carousel - Event Features -*/ .owl-eventfeatures .owl-nav .owl-prev, .owl-eventfeatures .owl-nav .owl-next, .owl-eventfeatureslarge .owl-nav .owl-prev, .owl-eventfeatureslarge .owl-nav .owl-next { background-image: url(_images/common/bkgd-owl-arrow.svg); } .no-svg .owl-eventfeatures .owl-nav .owl-prev, .no-svg .owl-eventfeatures .owl-nav .owl-next, .no-svg .owl-eventfeatureslarge .owl-nav .owl-prev, .no-svg .owl-eventfeatureslarge .owl-nav .owl-next { background-image: url(_images/common/bkgd-owl-arrow.svg); } /* No SVG */ /*- Owl Carousel - Quotes -*/ .owl-quotes { } .owl-quotes .owl-dots { position: absolute; right: 0; bottom: 0; left: 0; } .owl-quotes .owl-dots .owl-dot span { width: 9px; height: 9px; margin: 0; background: #E6E6E6; } .owl-quotes .owl-dots .owl-dot.active span, .owl-quotes .owl-dots .owl-dot:hover span { background: #FF6E0A; opacity: 1; }