/*! Theme Name: carbon60 Theme URI: http://zeitguys.com/ Author: Zeitguys, Inc. Author URI: http://zeitguys.com/ Description: Carbon60 2015 Theme. Version: 1.3-wpcom License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: */ /* Structure ----------------------------------------------------------------------------- */ /*$site-width: 1300px; $inner-width: 1150px;*/ /* Colours ----------------------------------------------------------------------------- */ /* Mobile menu colors ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* Box Sizing ----------------------------------------------------------------------------- */ /* Ease In, Ease Out ----------------------------------------------------------------------------- */ /* Border Radius ----------------------------------------------------------------------------- */ /* Appearance (used in ios to remove its default appearance) ----------------------------------------------------------------------------- */ /* Mixin for SVG Background images with PNG Fallback ----------------------------------------------------------------------------- */ .wf-loading * { /* first things first, we need to hide everything, but bear in mind that this will only take effect once the loading script has taken effect. here we're hiding all content within the once it has the class "wf-loading" */ opacity: 0; } .wf-loading { /* here's a background image (at a meer 723bytes) to indicate something's happening */ background: url("images/fout-loader.gif") no-repeat center center; /* just to make sure the element shares the same dimensions as the browser window when loading (and not the potentially elongated page) */ height: 100%; overflow: hidden; } .wf-active *, .wf-inactive * { /* add some transitional effects to reintroduce the content gradually once fonts are loaded */ opacity: 1; /* -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; -o-transition: opacity .1s ease-out; transition: opacity .1s ease-out; */ } /* Document : _framework Created on : May 30, 2013, 2:40:59 PM Author : Eric Description: If a house was built with CSS, this would be the blueprint. */ /* =Global ----------------------------------------------- */ html { font-size: 10px; } body { margin: 0; font-family: "canada-type-gibson", sans-serif; } body, button, input, select, textarea { color: #252729; line-height: 1.5; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; } /* New Generic Type Styles */ h1, h2, h3, h4, h5, h6 { /* font-family: "halogen", sans-serif;*/ font-family: helvetica, arial, sans-serif; /* font-weight: 900; */ font-weight: bold; text-transform: none; text-align: center; } h1 { font-size: 7.2em; line-height: 1.1em; color: white; } h2, h3 { font-size: 2.4em; } p { font-family: "canada-type-gibson", sans-serif; font-size: 1.8em; } /*---*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li> ul, li> ol { margin-bottom: 0; margin-left: 1.5em; } dd { margin: 0 1.5em 1.5em; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sub { line-height: 0; } mark, ins { background: #fff9c0; text-decoration: none; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ border: 0; } ::-webkit-input-placeholder { color: #92b2c0; } :-moz-placeholder { /* Firefox 18- */ color: #21759b; } ::-moz-placeholder { /* Firefox 19+ */ color: #21759b; } :-ms-input-placeholder { color: #21759b; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid black; border-color: black; border-radius: 3px; background: #e6e6e6; box-shadow: none; color: rgba(0, 0, 0, 0.8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ line-height: 1; padding: .6em 1em .4em; text-shadow: none; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: none; text-shadow: none; } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: none; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Links */ a { color: #21759b; } a:visited { color: purple; } a:hover, a:focus, a:active { color: midnightblue; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; width: 1px; height: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; height: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ''; display: table; } .clear:after, [class*="content"]:after, [class*="site"]:after { clear: both; } footer .site-info { text-align: center; } /* Skeleton ----------------------------------------------- */ #main { position: relative; } #primary { float: right; width: 67%; } #primary.full-width { float: none; width: auto; margin-right: 0; } #secondary { float: right; width: 22%; } /*= Helper Classes ----------------------------------------------- */ .site-width { width: auto; } .content-width { width: 1170px; max-width: 100%; position: relative; } .margin-auto { margin: 0 auto; } /** Columns **/ ul.cols { margin: 0; padding: 20px 0; list-style: none; } ul.cols li { display: inline-block; padding: 0; margin: 0; vertical-align: top; width: 30%; } ul.cols li+ li { margin-left: 5%; } ul.cols.cols-1 li { display: block; width: auto; } ul.cols.cols-2 li { width: 48%; } ul.cols.cols-2 li+ li { padding-left: 4%; } ul.cols.cols-4 li { width: 22%; } ul.cols.cols-4 li+ li { margin-left: 4%; } /* =Content ----------------------------------------------- */ .hentry { margin: 0 0 1.5em; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-content .gallery { margin-bottom: 1.5em; } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Comments ----------------------------------------------- */ .comment-content a { word-wrap: break-word; } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .submit { display: none; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .navigation-paging, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } .site-header div.content-width { margin: 18px auto 18px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .site-header div.content-width div.site-branding { position: absolute; left: 4px; /* AG */ /* top: -42px; } */ top: -52px; } .site-header div.content-width div.site-branding h1.site-title a { display: block; width: 352px; height: 64px; text-indent: -9999px; text-decoration: none; background-image: url(images/carbon60-logo-tagline.svg); background-repeat: no-repeat; background-position: top left; } html.lt-ie9 .site-header div.content-width div.site-branding h1.site-title a { background-image: url(images/carbon60-logo-tagline.png); } @media screen and (min-width: 911px) and (max-width: 1162px) { /* tablet size */ .site-header div.content-width div.site-branding { position: absolute; left: 21px; /* AG */ /* top: -42px; } */ top: -52px; } .site-header div.content-width div.site-branding h1.site-title a { display: block; width: 352px; height: 64px; text-indent: -9999px; text-decoration: none; background-image: url(images/carbon60-logo-tagline.svg); background-repeat: no-repeat; background-position: top left; } html.lt-ie9 .site-header div.content-width div.site-branding h1.site-title a { background-image: url(images/carbon60-logo-tagline.png); } } .search-placeholder { color: white; } .navigation-main button.search-toggle.active { background-color: #ad431c; } .navigation-main form#searchform { display: none; position: absolute; right: 0; top: 100%; } .navigation-main form#searchform input#searchsubmit { display: none; } .navigation-main form#searchform input#s { color: white; padding: 10px; background: #ad431c; border: none; border-radius: 0; width: 200px; max-width: 100%; box-sizing: border-box; } .navigation-main form#searchform input#s:focus { outline: none; /* border: 1px solid white; border-top: none;*/ } .navigation-main form#searchform::-webkit-input-placeholder { color: white; } .navigation-main form#searchform:-moz-placeholder { /* Firefox 18- */ color: white; } .navigation-main form#searchform::-moz-placeholder { /* Firefox 19+ */ color: white; } .navigation-main form#searchform:-ms-input-placeholder { /* IE 10+ */ color: white; } /* Document : _navigation Created on : May 6, 20143, 11:39:15 PM Author : Tomas Description: All navigation related styles. */ /* Navigation Top ----------------------------------------------- */ /* =Menu ----------------------------------------------- */ /* Small menu */ .menu-toggle { display: none; cursor: pointer; } .navigation-main.small ul { display: none; } /* =Navigation ----------------------------------------------- */ .site-content [class*="navigation"] { margin: 0 0 1.5em; overflow: hidden; } [class*="navigation"] .nav-previous { float: left; width: 50%; } [class*="navigation"] .nav-next { float: right; text-align: right; width: 50%; } /* =Cookie Crumb ----------------------------------------------- */ nav#cookie-crumb { background: #252729; padding: 15px 0; color: #ad431c; font-size: 1.2em; } nav#cookie-crumb a { color: #808285; text-decoration: none; text-transform: uppercase; } nav#cookie-crumb a:hover, nav#cookie-crumb a:focus { color: white; } nav#cookie-crumb ul { margin: 0; padding: 0 20px; } nav#cookie-crumb ul li { display: inline-block; margin: 0 8px 0 0; } .topmenu_res, .contact-button { display: none; } .search-clear, .navigation-main li a.menu_arrow, .navigation-main li a.menu_arrow:after, .navigation-main .sub-menu-1 li a.menu_arrow.arrow_res_down:after, .navigation-main .sub-menu-2 li a.menu_arrow.arrow_res_down { display: none; } .search_wrap { /* width: 60px; */ float: right; /* margin-right: 12%; */ margin-right: 0; position: relative; } /* =Navigation Footer ----------------------------------------------- */ .navigation-main button.search-toggle.active { background-color: #d6642a; } .navigation-main form#searchform { display: none; position: absolute; right: 0; top: 100%; } .navigation-main form#searchform input#searchsubmit { display: none; } .navigation-main form#searchform input#s { color: white; padding: 10px; background: #d6642a; border: none; border-radius: 0; /* width: 200px; */ width: 400px; max-width: 100%; box-sizing: border-box; } .navigation-main form#searchform input#s:focus { outline: none; /* border: 1px solid white; border-top: none;*/ } .navigation-main form#searchform::-webkit-input-placeholder { color: white; } .navigation-main form#searchform:-moz-placeholder { /* Firefox 18- */ color: white; } .navigation-main form#searchform::-moz-placeholder { /* Firefox 19+ */ color: white; } .navigation-main form#searchform:-ms-input-placeholder { /* IE 10+ */ color: white; } /* Document : _navigation Created on : May 6, 20143, 11:39:15 PM Author : Tomas Description: All navigation related styles. */ /* Navigation Top ----------------------------------------------- */ .navigation-top { font-size: 1.6em; letter-spacing: 0.04em; width: 63%; float: right; position: relative; display: block; text-align: left; } .navigation-top span.phone-number { display: inline-block; vertical-align: top; color: #21759b; } .navigation-top a { color: #252729; text-decoration: none; } .navigation-top a:hover { color: #d34a17; } .navigation-top span.phone-number, .navigation-top span.top_links, .navigation-top span.login { display: inline-block; vertical-align: top; padding: 0 15px 0 0; } .navigation-top span.login a { background: url(images/login-icon.png) no-repeat right 0; display: block; padding: 0 20px 0 0; } .navigation-top .toplinks_wrpr { width: 66%; position: absolute; /* bottom: 5px; } */ left: 112px; bottom: 10px; } .navigation-top .socialmedia { text-align: right; display: inline-block; float: right; position: relative; bottom: -5px; } .navigation-top .facebook { width: 30px; display: inline-block; padding: 0 1px 0 0; } .navigation-top .facebook a { display: block; background: #a8a9a9 url(images/fb.png) no-repeat 5px 2px; width: 100%; height: 30px; } .navigation-top .facebook a:hover { background: #21759b url(images/fb.png) no-repeat 5px 2px; } .navigation-top .twitter { width: 30px; display: inline-block; padding: 0 1px 0 0; } .navigation-top .twitter a { display: block; background: #a8a9a9 url(images/twitter.png) no-repeat 5px 2px; width: 100%; height: 30px; } .navigation-top .twitter a:hover { background: #21759b url(images/twitter.png) no-repeat 5px 2px; } .navigation-top .linkedin { width: 30px; display: inline-block; padding: 0 1px 0 0; } .navigation-top .linkedin a { display: block; background: #a8a9a9 url(images/linkedin.png) no-repeat 5px 2px; width: 100%; height: 30px; } .navigation-top .linkedin a:hover { background: #21759b url(images/linkedin.png) no-repeat 5px 2px; } .navigation-top a.button01 { font-size: 14px; } a.button01 { background: #d6642a; border: 2px solid #d6642a; color: #fff; width: 122px; display: block; padding: 8px 0; text-align: center; text-transform: none; /*replaced*/ float: right; margin: 7px 0 0 0; cursor: pointer; } a.button01:hover { color: #d6642a; background: #fff; } .contact-button { display: none; } .navigation-top .menu-top-menu-container { display: inline; width: auto; } .navigation-top .menu-top-menu-container ul.menu { display: inline; margin: 0; padding: 0; text-transform: none; /*replaced*/ } .navigation-top .menu-top-menu-container ul.menu li { list-style-type: none; display: inline-block; margin-left: 3.5%; } .navigation-top .menu-top-menu-container ul.menu li a { color: black; text-decoration: none; } .navigation-top .menu-top-menu-container ul.menu li a:hover, .navigation-top .menu-top-menu-container ul.menu li a:focus { text-decoration: underline; color: #21759b; } .navigation-top .menu-top-menu-container ul.menu li.login a { padding-right: 22px; background-image: url(images/carbon-sprites.svg); background-position: -107px -130px; background-repeat: no-repeat; } html.lt-ie9 .navigation-top .menu-top-menu-container ul.menu li.login a { background-image: url(images/carbon-sprites.png); } /* =Menu ----------------------------------------------- */ .navigation-main { position: relative; font-size: 1.8em; font-weight: 400; clear: both; background: #21759b; text-align: left; z-index: 10; } .navigation-main div.menu-main-menu-container { display: inline; } .navigation-main .close-button { display: none; } .navigation-main ul { display: inline; list-style: none; margin: 0 0 10px 0; padding-left: 0; } .navigation-main li { display: inline; text-align: left; position: relative; padding: 0; } .navigation-main li:hover> ul, .navigation-main li.focus-item> ul { display: block; } .navigation-main li.login-mobile { display: none; } .navigation-main a { display: inline-block; padding: 15px 20px; text-decoration: none; color: white; } .navigation-main a:hover, .navigation-main a:focus, .navigation-main li:hover> a, .navigation-main li.focus-item> a { background: #d6642a; outline: none; } .navigation-main .sub-menu { display: none; width: 260px; } .navigation-main .sub-menu li { display: block; background-color: #d6642a; } .navigation-main .sub-menu li a { display: inline-block; padding: 8px 20px; font-weight: 400; } .navigation-main .sub-menu li a:hover, .navigation-main .sub-menu li a:focus { color: #252729; } .navigation-main button.search-toggle { /* width: 60px; */ width: 50px; height: 57px; float: right; display: inline-block; text-indent: -9000px; /* padding: 15px 30px; */ padding: 15px 28px; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -1.95px -153.95px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: #3883a5; } html.lt-ie9 .navigation-main button.search-toggle { background-image: url(images/carbon-sprites.png); } .navigation-main button.search-toggle:hover, .navigation-main button.search-toggle:focus { background-color: #d6642a; } /* --------------------New menu--------------------*/ .navigation-main ul ul { display: none; position: absolute; left: 0; z-index: 99999; } .navigation-main .sub-menu-1 { width: 650px; background: #D6642A; } .navigation-main .sub-menu-1 li a { width: 86%; float: left; font-size: 22px; padding: 4px 7% !important; } .navigation-main .sub-menu-1 li a:after { content: ""; display: table; height: 2px; background: #fff; width: 75%; opacity: 0.8; margin-bottom: 12px; } .navigation-main .sub-menu-2 li a:after, .navigation-main .sub-menu-3 li a:after, .navigation-main .single .sub-menu-1 li a:after { display: none; } .navigation-main .sub-menu-2 li a { width: 86%; float: left; font-size: 15px; padding: 4px 7% !important; } .navigation-main .sub-menu-1 li { width: 50%; float: left; padding: 1.5% 0; } .navigation-main .sub-menu-2 li { width: 100% !important; float: left; padding: 0; } .navigation-main ul ul ul { position: relative; display: block !important; } .navigation-main .sub-menu-2 { width: 100% !important; float: left; padding-left: 20px; } .navigation-main .sub-menu-3 { width: 100% !important; float: left; display: none !important; } .navigation-main .sub-menu-3 li a { width: 70%; float: left; font-size: 15px; padding: 4px 15% !important; } .navigation-main .single .sub-menu-1 { width: 260px; padding: 1.5% 0; } .navigation-main .single .sub-menu-1 li { width: 100% !important; float: left; padding: 0px !important; } .navigation-main .single .sub-menu-1 li a { font-size: 15px; } /* --------------------New menu--------------------*/ /* Document : widgets Created on : May 30, 2013, 4:12:15 PM Author : Eric Description: All widget styles live here. */ li.widget { margin: 26px 0 0; background: white; padding: 20px 0; } /* ZG Button Widget ----------------------------------------------------------------------------- */ li.zg-button-widget { font-size: 2.1em; } li.zg-button-widget a { text-decoration: none; text-transform: uppercase; font-weight: 600; color: #21759b; } li.zg-button-widget a div { background-image: url("images/quote-arrow.png"); background-repeat: no-repeat; background-position: right center; margin-right: 35px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } li.zg-button-widget a:focus div, li.zg-button-widget a:hover div { color: #ad431c; background-position: 300px; } /* Featured Testimonial ----------------------------------------------------------------------------- */ li.feature-testimonial { margin: 0; } li.feature-testimonial .testimonial-content { padding-top: 60px; background-image: url("images/quote-icon.png"); background-position: left 15px; background-repeat: no-repeat; background-size: 50px; } li.feature-testimonial .testimonial-content p { font-family: "canada-type-gibson", sans-serif; font-weight: 100; line-height: 1.3em; font-size: 2.1em; margin: 0 0 5px; text-align: left; color: #21759b; } li.feature-testimonial .testimonial-meta { text-transform: uppercase; color: #ad431c; } li.feature-testimonial .testimonial-meta p.client-name { font-size: 1.4em; letter-spacing: 0.05em; font-weight: 600; margin-top: 10px; margin-bottom: 0; } li.feature-testimonial .testimonial-meta p.company-name { margin: 0 auto 10px; font-size: 1.2em; letter-spacing: 0.05em; font-weight: 100; } /* Featured Whitepaper ----------------------------------------------------------------------------- */ li.feature-whitepaper { margin-bottom: -26px; padding: 35px 0; } li.feature-whitepaper a { display: inline-block; padding: 17px 14px 17px 90px; background-image: url("images/testimonial-sidebar-bg.jpg"); font-size: 1.8em; line-height: 1.3em; text-decoration: none; color: white; } li.feature-whitepaper a:hover, li.feature-whitepaper a:focus { text-decoration: underline; } /* Search Blog ----------------------------------------------------------------------------- */ li.widget.blog-search { color: #21759b; } li.widget.blog-search form#search-form-blog { position: relative; padding-right: 30px; color: #21759b; } li.widget.blog-search form#search-form-blog input[type="search"] { width: 93%; height: 30px; display: block; border: 1px solid #e3e3e3; border-radius: 0; padding: 5px; font-family: "canada-type-gibson", sans-serif; font-size: 1.8em; text-decoration: none; text-transform: none; font-weight: 400; color: #21759b; } li.widget.blog-search form#search-form-blog input[type="submit"] { position: absolute; top: 5px; right: 0; width: 24px; height: 27px; padding: 0; margin-right: 0; border: none; background: none; box-shadow: none; box-sizing: border-box; background-image: url("images/mobile-nav-sprites.png"); background-image: url("images/mobile-nav-sprites.svg"); background-repeat: no-repeat; background-position: -78px -335px; text-indent: -999999px; outline-color: none; } li.widget.blog-search form#search-form-blog input[type="submit"]:focus { outline-color: none; } /* Blog Category List ----------------------------------------------------------------------------- */ li.widget.blog-category-list { padding-top: 22px; } li.widget.blog-category-list h3 { margin-top: 0; margin-bottom: 18px; font-size: 2.1em; text-align: left; color: #ad431c; } li.widget.blog-category-list ul { margin: 0; padding: 0; list-style: none; list-style-type: none; } li.widget.blog-category-list ul li { margin-right: 10px; margin-bottom: 10px; display: inline-block; background-color: #d7d7d7; border-radius: 5px; } li.widget.blog-category-list ul li a { display: inline-block; padding: 13px 15px; font-size: 1.4em; font-weight: 600; text-transform: uppercase; text-decoration: none; color: #21759b; line-height: 1em; } li.widget.blog-category-list ul li a:hover, li.widget.blog-category-list ul li a:focus { color: white; } li.widget.blog-category-list ul a:hover, li.widget.blog-category-list ul a:focus, li.widget.blog-category-list ul li:hover { background-color: #ad431c; border-radius: 5px; } li.widget.blog-category-list ul li.current-menu-item { background-color: #ad431c; border-radius: 5px; } li.widget.blog-category-list ul li.current-menu-item> a { color: white; } /* ACF Flex Layout ----------------------------------------------------------------------------- */ /* General Stuff ----------------------------------------------------------------------------- */ body.content-blocks div.post-wrapper, body.content-blocks ul.crumb { max-width: 100%; margin: 0 auto; } body.content-blocks ul.crumb { box-sizing: border-box; padding: 45px 0px 0px; margin-bottom: -45px; } .body-text { font-family: "canada-type-gibson", sans-serif; } section.flex-content { position: relative; } section.flex-content.light-text { color: white; } section.flex-content.light-text a { color: white; } section.flex-content.light-text a.learn-more, section.flex-content.light-text a.request-quote { background-color: #213337; /* ie 8 fallback */ background-color: rgba(33, 51, 55, 0.8); } section.flex-content.light-text a.learn-more:hover, section.flex-content.light-text a.learn-more:focus, section.flex-content.light-text a.request-quote:hover, section.flex-content.light-text a.request-quote:focus { background-color: white; color: #21759b; } section.flex-content.light-text h1, section.flex-content.light-text h2 { color: white !important; } section.flex-content.light-text .swiper-container { margin-top: 60px !important; } section.flex-content.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper { padding-left: 0; margin-left: 0; } section.flex-content.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide { display: block; word-spacing: 0px; } section.flex-content.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url("images/testimonial-slider-logo-arrow-hollow.png") !important; } section.flex-content.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { /*background-image: url("images/quote-icon.png");*/ background-position: 9% -70px; background-repeat: no-repeat; } section.flex-content.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text blockquote p { color: white !important; } section.flex-content.dark-text { color: #313335; } section.flex-content.dark-text a { color: #313335; } section.flex-content.dark-text a.learn-more, section.flex-content.dark-text a.request-quote { margin: 0; border: 1px solid #313335; color: #21759b; } section.flex-content.dark-text a.learn-more:hover, section.flex-content.dark-text a.learn-more:focus, section.flex-content.dark-text a.request-quote:hover, section.flex-content.dark-text a.request-quote:focus { border: 1px solid #21759b; background-color: #21759b; color: white; } section.flex-content.dark-text h3 { color: #21759b; } section.flex-content.dark-text h5 { color: #ad431c; } section.flex-content.dark-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { /*background-image: url("images/quote-icon.png");*/ background-position: 9% top; background-repeat: no-repeat; } /* Generic flex content styles ============================================================================= */ section.flex-content { background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } section.flex-content div.table { display: table; height: 100%; width: 100%; } section.flex-content .table-cell { display: table-cell; text-align: center; vertical-align: middle; } section.flex-content div.flex-content-wrapper { padding: 60px 0; } section.flex-content div.flex-content-wrapper a.button { /* Generic BTN Styles */ display: inline-block; margin: 15px auto 0; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 1.4em; font-weight: 600; letter-spacing: .05em; } /* masthead styles ============================================================================= */ .masthead { display: table; height: 600px; margin: auto; width: 100%; } .masthead .flex-content-wrapper { display: table-cell; vertical-align: middle; } .masthead .flex-content-wrapper .entry-header .entry-title { margin-top: 0px; margin-bottom: 10px; margin-left: 0; margin-right: 0; text-align: center; } .masthead .flex-content-wrapper .entry-summary { margin: 0; } .masthead .flex-content-wrapper .entry-summary p { text-align: center; font-size: 2.1em; line-height: 1.35em; margin: 20px auto 0; width: 70%; } body.home section.masthead { display: inherit; padding-top: 0; height: 600px; background-position: top center; } body.home section.masthead .flex-content-wrapper { display: inherit; margin: auto; } body.home section.masthead .flex-content-wrapper .entry-header h1 { font-size: 7.2em; line-height: 1.1em; color: white; } body.home section.masthead .flex-content-wrapper .entry-summary p { margin: 0 auto; font-size: 3em; } /* Cloud Content ============================================================================= */ .cloud-content { position: absolute; height: 415px; width: 100%; margin-top: -300px; z-index: 50; text-transform: uppercase; } .cloud-content .nodes-svg { opacity: .15; } .cloud-content div.cloud-container { position: absolute; top: 0; left: 50%; z-index: 100; height: 85%; width: 40em; padding: 0 10em; margin-left: -30em; background-image: url("images/poly-cloud.png"); background-repeat: no-repeat; background-position: top center; /* Animation Stuff ---------------------------------------------------*/ -webkit-animation-name: floatingx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: floatingx; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; /*--------------------------------------------------------------------*/ } @-webkit-keyframes floatingx { from { -webkit-transform: translate(0, 0px); } 65% { -webkit-transform: translate(0, 15px); } to { -webkit-transform: translate(0, 0px); } } @-moz-keyframes floatingx { from { -ms-transform: translate(0, 0px); } 65% { -ms-transform: translate(0, 15px); } to { -ms-transform: translate(0, 0px); } } @keyframes floatingx { from { transform: translate(0, 0px); } 65% { transform: translate(0, 15px); } to { transform: translate(0, 0px); } } .cloud-content div.cloud-container h2.cloud-header { /* font-family: "halogen", sans-serif; */ font-family: helvetica, arial, sans-serif; font-size: 4em; color: #ad431c; background: -webkit-linear-gradient(#d95423, #813215); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; margin-top: 3em; line-height: 1.2em; } .cloud-content div.cloud-container p { text-align: center; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 3em; line-height: 1.1em; color: #21759b; letter-spacing: 0.05em; margin-top: 5px; } .cloud-content div.cloud-shadow { position: absolute; z-index: 50; bottom: 0; height: 100px; left: 50%; width: 800px; margin-left: -400px; text-indent: -9000px; background-image: url("images/poly-cloud-shadow.png"); background-repeat: no-repeat; background-position: center center; background-size: 80%; /* Animation Stuff ---------------------------------------------------*/ -webkit-animation-name: shrinkx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: shrinkx; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; /*--------------------------------------------------------------------*/ } @-webkit-keyframes shrinkx { from { -webkit-transform: scale(1); opacity: 0.7; } 50% { -webkit-transform: scale(0.83); opacity: 1; } to { -webkit-transform: scale(1); opacity: 0.7; } } @-moz-keyframes shrinkx { from { -moz-transform: scale(1); opacity: 0.7; } 50% { -moz-transform: scale(0.83); opacity: 1; } to { -moz-transform: scale(1); opacity: 0.7; } } @keyframes shrinkx { from { transform: scale(1); opacity: 0.7; } 50% { transform: scale(0.83); opacity: 1; } to { transform: scale(1); opacity: 0.7; } } /* Learn more content styles ============================================================================= */ section.learn-more-content-block { text-align: center; } section.learn-more-content-block div.flex-content-wrapper ul.item-list { list-style-type: none; margin: 0; padding: 60px 0; } section.learn-more-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { margin: 0; } section.learn-more-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text { width: 50%; margin: auto; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column { padding: 20px 0 60px; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li { display: inline-block; width: 50%; text-align: center; padding: 0 0 30px 0; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li div.item-container h3 { margin: 0 auto; font-size: 3.4em; line-height: 1.15em; width: 70%; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li div.item-container .body-text { width: 65%; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li div.item-container .body-text p { font-size: 1.6em; line-height: 1.5em; margin-bottom: 0.5em; } /* Testimonials (slider) ============================================================================= */ section.testimonials-content-block { padding-bottom: 60px; } section.testimonials-content-block.dark-text h2 { background: -webkit-linear-gradient(#d95423, #813215); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } section.testimonials-content-block.light-text div.flex-content-wrapper h2 { display: none !important; } section.testimonials-content-block.light-text div.flex-content-wrapper .swiper-container { margin-top: 0; } section.testimonials-content-block div.flex-content-wrapper h2 { margin-top: 40px; margin-bottom: 80px; color: #ad431c; } section.testimonials-content-block div.flex-content-wrapper .swiper-container { position: relative; width: 1170px; height: 342px; overflow: inherit; z-index: 1; margin: 0 auto; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .dotted-box { position: absolute; top: 0; display: block; width: 100%; height: 100%; background-image: url("images/testimonial-slider-bg.png"); background-repeat: repeat; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .dotted-box.left { right: 100%; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .dotted-box.right { left: 100%; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner { display: block; overflow-x: hidden; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper { padding-left: 0; margin-left: 0; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide { display: block; word-spacing: 0px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url("images/testimonial-slider-logo-arrow.png"); background-position: center right; background-repeat: no-repeat; display: inline-block; vertical-align: top; width: 40%; height: 342px; min-height: 342px; padding-right: 1%; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container img { vertical-align: middle; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.56em; line-height: 2.3em; font-weight: 100; display: inline-block; width: 59%; padding: 2.2em 2% 0 5%; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text blockquote { margin: 0; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text blockquote p { color: black; margin-bottom: 1em; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text h5 { font-family: "canada-type-gibson", sans-serif; font-weight: 100; letter-spacing: 0.05em; line-height: 1; font-size: .9em; margin: 0 0 5px; text-align: left; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text h5.client-name { font-weight: 900; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { position: absolute; right: 0; left: auto; bottom: 6px; width: auto; margin-right: 5%; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: none; border: 2px solid #ad431c; opacity: 1; margin: 0 0 0 3px; cursor: pointer; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination .swiper-pagination-switch.swiper-active-switch { background: #ad431c; } /* Services content styles ============================================================================= */ section.services-content-block { position: relative; text-align: center; background-position: top center; } section.services-content-block .white-arrow { position: absolute; top: 0px; left: 50%; width: 54px; height: 270px; margin-left: -27px; background: url("images/mobile-nav-sprites.png") no-repeat; background: url("images/mobile-nav-sprites.svg") no-repeat; background-position: -10px -399px; } section.services-content-block div.flex-content-wrapper { padding: 120px 0; } section.services-content-block div.flex-content-wrapper h2 { margin: 0; } section.services-content-block div.flex-content-wrapper h2.three-column, section.services-content-block div.flex-content-wrapper h2.four-column { margin-bottom: 80px; } section.services-content-block div.flex-content-wrapper ul.item-list { list-style-type: none; margin: 0; padding: 0; } section.services-content-block div.flex-content-wrapper ul.item-list li { display: inline-block; text-align: center; vertical-align: top; width: 29%; margin: 80px 2% 0px; } section.services-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { margin: 25px 0 15px; font-size: 2.1em; line-height: 1.35em; } section.services-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text p { font-size: 1.6em; } section.services-content-block div.flex-content-wrapper ul.item-list.three-column li { margin: 0px 2%; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li { vertical-align: top; width: 22%; margin: 0 1.5%; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container h3 { margin: 25px 0 10px; color: #ad431c; font-size: 2.1em; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container div.body-text p { font-size: 1.6em; margin-bottom: 20px; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container a.button { margin-top: 10px; } /* Latest blog content styles ============================================================================= */ section.latest-blog-content-block .nodes { height: 600px; position: absolute; top: 0; } section.latest-blog-content-block div.flex-content-wrapper { padding: 120px 0; } section.latest-blog-content-block div.flex-content-wrapper h2 { margin: 0; text-align: center; color: #21759b; background: -webkit-linear-gradient(#2a95c5, #185571); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } section.latest-blog-content-block div.flex-content-wrapper .body-text { margin: auto; width: 65%; text-align: center; } section.latest-blog-content-block div.flex-content-wrapper .body-text p { margin-top: 1.5em; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li { display: inline-block; vertical-align: top; width: 30%; /* margin: 40px 0px 0px 3%; */ margin: 10px 0px 0px 3%; text-align: left; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li:first-child { margin-left: 0; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container div.image-container { margin-bottom: 20px; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container div.image-container img { border-radius: 10px; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { margin-top: none; margin-bottom: 10px; font-family: "canada-type-gibson", sans-serif; font-size: 2.4em; font-weight: 100; line-height: 1.2em; text-transform: none; text-align: left; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 a { text-decoration: none; color: #21759b; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 a:hover, section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 a:focus { text-decoration: underline; color: #ad431c; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container p.categories { color: #ad431c; text-transform: uppercase; font-size: 1.2em; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 1.2em; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container p.categories a { color: #ad431c; text-decoration: none; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container p.categories a:hover, section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container p.categories a:focus { text-decoration: underline; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text { margin: 0 0 20px; width: 100%; font-size: 1.6em; text-align: left; line-height: 1.5em; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container a.read-more { font-family: "canada-type-gibson", sans-serif; font-size: 1.4em; font-weight: 600; color: black; text-decoration: none; text-transform: none; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -260px -399px; padding-right: 20px; padding-bottom: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } html.lt-ie9 section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container a.read-more { background-image: url(images/carbon-sprites.png); } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container a.read-more:hover, section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container a.read-more:focus { color: #ad431c; padding-bottom: 10px; background-position: -155px -399px; } .latest-blog-nodes { line-height: 0; height: 0; position: relative; } .latest-blog-nodes .nodes { position: absolute; top: -100px; height: 600px; width: 100%; } .latest-blog-nodes .nodes .nodes-svg { opacity: .50; } /* Call to Action styles ============================================================================= */ section.call-to-action-content-block div.flex-content-wrapper { padding-bottom: 10px; } section.call-to-action-content-block div.flex-content-wrapper.content-width { width: auto; } section.call-to-action-content-block div.flex-content-wrapper ul { margin: 0; padding: 0; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list { list-style: none; padding-bottom: 20px; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li { padding-top: 40px; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .image-container { display: inline-block; width: 56.5%; margin: 0; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .content-container { margin-top: 5.8em; margin-left: 4%; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right { text-align: right; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .image-container { display: inline-block; width: 56.5%; margin: 0; float: right; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .content-container { text-align: left; margin-top: 7em; margin-right: 6%; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container { display: inline-block; vertical-align: top; width: 25.8%; margin-top: 2.8em; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container h3 { display: inline-block; margin-top: 0; margin-bottom: 0; text-align: left; font-size: 3.4em; line-height: 1.15em; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container p { font-size: 1.6em; line-height: 1.5em; margin-bottom: 1em; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container ul { list-style: none; font-size: 1.75em; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container ul li { padding-left: 34px; padding-bottom: 6px; padding-top: 0; background-image: url("images/Orange-Check.svg"); background-repeat: no-repeat; background-position-y: 4px; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container a.learn-more { margin-right: 12px; } /* Logo parade content styles ============================================================================= */ section.logo-parade-content-block div.flex-content-wrapper { padding-top: 90px; padding-bottom: 90px; } section.logo-parade-content-block div.flex-content-wrapper h2 { font-size: 2.6em; text-align: center; margin-top: 0; margin-bottom: 20px; color: white; } section.logo-parade-content-block div.flex-content-wrapper ul.item-list { list-style-type: none; margin: 50px auto 0px; padding: 0; text-align: center; } section.logo-parade-content-block div.flex-content-wrapper ul.item-list li { max-height: 100%; display: inline-block; vertical-align: middle; padding: 0px 2.5%; } section.logo-parade-content-block div.flex-content-wrapper ul.item-list li div.item-container { max-height: 100%; /*width: auto; } */ /*max-width: 220px;*/ max-width: 170px; } section.logo-parade-content-block div.flex-content-wrapper ul.item-list li div.item-container a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 10px 0px; text-align: center; } section.logo-parade-content-block div.flex-content-wrapper ul.item-list li div.item-container a .image-container { text-align: center; display: block; width: 100%; } /* Basic content block styles ============================================================================= */ section.basic-content-block .flex-content-wrapper .inner-container { padding: 50px 0; } section.basic-content-block .flex-content-wrapper .inner-container h3 { color: #21759b; margin-bottom: 20px; margin-top: 0px; } section.basic-content-block .flex-content-wrapper .inner-container .body-text p { width: 70%; margin: 0 auto auto; font-size: 2.1em; text-align: center; } /* All Internal page related styles. */ /* Created on : May 21, 2015, 10:16:39 AM Author : Mike */ /* Generic Styles ----------------------------------------------------------------------------- */ span.slashes { padding: 0 5px; color: #ad431c; } /* Sidebar Navigation ----------------------------------------------------------------------------- */ div#secondary { /*background-image: url("images/sidebar-dots-bottom.png"); background-repeat: repeat-x; background-position: bottom; */ padding-bottom: 142px; } div#secondary ul.sidebar { margin: 0; padding-left: 0; padding-top: 20px; padding-bottom: 250px; list-style: none; background-image: url("images/testimonial-slider-bg.png"); background-repeat: repeat; background-position: bottom left; } div#secondary li.page-list { display: block; padding: 0; padding-bottom: 25px; background: white; } div#secondary li.page-list h3 { margin-bottom: 0px; margin-right: 50px; padding-top: 30px; text-align: left; line-height: .542em; } div#secondary li.page-list h3 a { font-size: .584em; text-decoration: none; text-align: left; color: #21759b; } div#secondary li.page-list:first-child> ul { margin-top: 12px; } div#secondary li.page-list ul { list-style: none; margin: 0; padding: 0; } div#secondary li.page-list ul li { background-image: url("images/sidebar-nav-line.png"); background-repeat: no-repeat; background-position: 0 -1px; } div#secondary li.page-list ul li .arrow { background-image: url("images/mobile-nav-sprites.png"); background-image: url("images/mobile-nav-sprites.svg"); background-position: -13px -215px; background-repeat: no-repeat; width: 14px; height: 9px; float: right; padding: 10px; } div#secondary li.page-list ul li .arrow:hover, div#secondary li.page-list ul li .arrow:focus, div#secondary li.page-list ul li .arrow:active { cursor: pointer; background-position: -73px -215px; } div#secondary li.page-list ul li a { display: block; text-decoration: none; color: #252729; padding: 8px 0 8px 25px; font-family: "canada-type-gibson", sans-serif; font-size: 1.6em; font-weight: 400; line-height: 1.3em; } div#secondary li.page-list ul li a span.menu_dot { background-image: url("images/mobile-nav-sprites.png"); background-image: url("images/mobile-nav-sprites.svg"); background-repeat: no-repeat; background-position: -204px -81px; width: 11px; height: 11px; margin-left: -25px; padding: 9px 0 0 25px; } div#secondary li.page-list ul li a:hover, div#secondary li.page-list ul li a:focus, div#secondary li.page-list ul li a:active { color: #ad431c; } div#secondary li.page-list ul li a:hover span.menu_dot, div#secondary li.page-list ul li a:focus span.menu_dot, div#secondary li.page-list ul li a:active span.menu_dot { background-position: -84px -81px; } div#secondary li.page-list ul li .children { display: none; } div#secondary li.page-list ul li .children a { padding-left: 50px; font-family: "canada-type-gibson", sans-serif; font-size: 1.6em; font-weight: 400; color: #999999; } div#secondary li.page-list ul li .children a:hover, div#secondary li.page-list ul li .children a:focus, div#secondary li.page-list ul li .children a:active { color: #ad431c; } div#secondary li.page-list ul li .children .arrow { padding: 10px; } div#secondary li.page-list ul li .children li.current_page_ancestor> a { color: #21759b; } div#secondary li.page-list ul li .children li:first-child, div#secondary li.page-list ul li .children li:last-child { background-position: 0 -1px; background-repeat: no-repeat; } div#secondary li.page-list ul li .children .children a { padding-left: 75px; padding-right: 60px; } div#secondary li.page-list ul li:first-child { background-position: 0 22px; } div#secondary li.page-list ul li:last-child { background-position: 0 -80px; } div#secondary li.page-list ul li.open> .children, div#secondary li.page-list ul li.current_page_item> .children, div#secondary li.page-list ul li.current_page_ancestor> .children { display: block; } div#secondary li.page-list ul li.open> .arrow { background-position: -13px -275px; } div#secondary li.page-list ul li.open> .arrow:hover, div#secondary li.page-list ul li.open> .arrow:focus, div#secondary li.page-list ul li.open> .arrow:active { cursor: pointer; background-position: -73px -275px; } div#secondary li.page-list ul li.current_page_item> a { color: #ad431c; } div#secondary li.page-list ul li.current_page_item> a span.menu_dot { background-position: -84px -81px; } div#secondary li.page-list ul li.current_page_ancestor> a span.menu_dot { background-position: -204px -81px; } div#secondary li.post-list { background-color: white; padding: 30px 0 15px; margin-top: 35px; } div#secondary li.post-list h3 { margin-top: 0; margin-bottom: 5px; font-size: 21px; line-height: 1.5em; color: #21759b; text-align: left; } div#secondary li.post-list ul { margin: 0; padding: 0; } div#secondary li.post-list ul li { list-style-type: none; padding: 15px 0; border-top: 1px solid #e3e3e3; } div#secondary li.post-list ul li:first-child { border: none; } div#secondary li.post-list ul li a { color: #252729; text-decoration: none; font-size: 1.6em; line-height: 1.5em; } div#secondary li.post-list ul li.current-menu-item a { color: #ad431c; } /* Generic Details Page ----------------------------------------------------------------------------- */ body.page hr, body.error404 hr { background-color: #ad431c; margin: 40px 0; } body.page footer.entry-meta, body.error404 footer.entry-meta { margin-top: 10px; font-size: 1.4em; } body.page .entry-title, body.error404 .entry-title { margin: 0 0 -20px 0px; font-size: 4.4em; text-align: left; color: #21759b; } body.page .entry-content p, body.error404 .entry-content p { font-size: 1.6em; font-weight: 400; margin: 20px 0 0 0; line-height: 1.5em; } body.page .entry-content .image-container, body.error404 .entry-content .image-container { width: 100%; height: auto; } body.page .entry-content h2, body.page .entry-content h3, body.error404 .entry-content h2, body.error404 .entry-content h3 { font-size: 2.4em; color: #ad431c; text-align: left; line-height: 1.2em; margin: 35px 0 20px; } body.page .entry-content h4, body.page .entry-content h5, body.page .entry-content h6, body.error404 .entry-content h4, body.error404 .entry-content h5, body.error404 .entry-content h6 { margin: 30px 0 -20px 0; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 1.8em; text-align: left; text-transform: none; color: #21759b; } body.page .entry-content h5, body.page .entry-content h6, body.error404 .entry-content h5, body.error404 .entry-content h6 { font-weight: 400; } body.page .entry-content ul, body.error404 .entry-content ul { list-style: none; margin: 15px 0 0 0px; padding: 0 0 0 55px; font-size: 1.6em; line-height: 1.5em; } body.page .entry-content ul li::before, body.error404 .entry-content ul li::before { color: #21759b; content: '\2022'; font-size: 0.8em; padding-right: 4px; position: absolute; margin-left: -16px; } body.page .entry-content ol, body.error404 .entry-content ol { counter-reset: ol-counter; list-style: none; margin: 15px 0 0 0; padding: 0 0 0 55px; font-size: 1.6em; line-height: 1.5em; } body.page .entry-content li, body.error404 .entry-content li { position: relative; counter-increment: ol-counter; } body.page .entry-content ol li::before, body.error404 .entry-content ol li::before { color: #21759b; content: counter(ol-counter, decimal) "."; padding-right: 4px; position: absolute; margin-left: -49px; width: 40px; text-align: right; } body.home.page-template-default #primary { padding-top: 0; margin-left: 0; } /* Margin and Padding for Internal Pages ------------------------------------------------------------------------------*/ /* body.page-template #primary, */ body.page-template-default #primary, body.page-template-team-page #primary, body.page-template-faq-page #primary, body.page-template-careers-page #primary, body.page-template-news-events-page #primary, body.page-template-whitepapers-page #primary, body.blog #primary, body.single #primary, body.error404 #primary, body.search.search-results #primary { padding-top: 60px; margin-left: 124px; } /* Leadership Team ----------------------------------------------------------------------------- */ body.page-template-team-page ul.team-list { list-style: none; padding-left: 0px; margin-left: 0px; } body.page-template-team-page ul.team-list li { margin-top: 45px; padding-bottom: 45px; border-bottom: 1px solid #ad431c; } body.page-template-team-page ul.team-list li div.body-text { margin: 0 0 0 30px; } body.page-template-team-page ul.team-list li div.body-text p { margin: 0; font-size: 1.6em; font-weight: 400; line-height: 1.5em; } body.page-template-team-page ul.team-list li div.body-text .entry-header h3 { margin: 0; font-family: "canada-type-gibson", sans-serif; font-size: 2.1em; font-weight: 600; text-align: left; text-transform: none; color: #ad431c; } body.page-template-team-page ul.team-list li div.body-text .entry-header p.job-title-position { display: block; margin: 0; padding: 4px 0; font-size: 1.4em; font-weight: 600; text-transform: uppercase; color: #959595; } body.page-template-team-page ul.team-list li.has-thumbnail div.image-container { display: inline-block; vertical-align: top; } /* body.page-template-team-page ul.team-list li.has-thumbnail div.image-container img { -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; border-radius: 80px; } */ body.page-template-team-page ul.team-list li.has-thumbnail div.body-text { display: inline-block; /* width: 71%; */ width: 68%; vertical-align: top; } /* FAQ Page ----------------------------------------------------------------------------- */ body.page-template-faq-page { /** Non JS version keeps all the answers open. ------------------------------------------------------------------------- */ } body.page-template-faq-page ul.faq-list { list-style: none; padding: 0; margin: 0; } body.page-template-faq-page ul.faq-list> li { list-style: none; display: block; margin-top: 45px; padding-bottom: 34px; border-bottom: 1px solid #ad431c; min-height: 40px; } body.page-template-faq-page ul.faq-list> li:before { display: none; } body.page-template-faq-page ul.faq-list> li .faq-question button { position: relative; margin-top: -.28em; padding: 0 0 0 70px; border: none; background-color: transparent; box-shadow: none; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 1.12em; line-height: 1.3em; text-align: left; vertical-align: middle; color: #21759b; cursor: pointer; -webkit-appearance: none; text-shadow: none; } body.page-template-faq-page ul.faq-list> li .faq-question button .arrow { position: absolute; top: 4px; left: 0; background-image: url("images/mobile-nav-sprites.png"); background-image: url("images/mobile-nav-sprites.svg"); background-repeat: no-repeat; background-position: -70px -208px; width: 40px; height: 40px; margin: 0; border: 1px solid #808285; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } body.page-template-faq-page ul.faq-list> li .faq-question button:focus .arrow, body.page-template-faq-page ul.faq-list> li .faq-question button:hover .arrow { background-position: -130px -208px; background-color: #21759b; border-color: #21759b; outline: 0; } body.page-template-faq-page ul.faq-list> li .faq-question button:focus { outline: 0; } body.page-template-faq-page ul.faq-list> li .faq-answer { margin-left: 70px; display: none; } body.page-template-faq-page ul.faq-list> li .faq-answer h4 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 1.12em; line-height: 1.3em; text-align: left; text-transform: none; color: #ad431c; margin: 30px 0 -15px 0; } body.page-template-faq-page ul.faq-list> li .faq-answer p { font-size: 1em; font-weight: 400; margin: 20px 0 0 0; line-height: 1.5em; } body.page-template-faq-page ul.faq-list> li .faq-answer ul, body.page-template-faq-page ul.faq-list> li .faq-answer ol { font-size: 1em; } body.page-template-faq-page ul.faq-list> li.open .faq-question button .arrow { background-position: -70px -270px; } body.page-template-faq-page ul.faq-list> li.open .faq-question button:hover, body.page-template-faq-page ul.faq-list> li.open .faq-question button:focus { outline: 0; } body.page-template-faq-page ul.faq-list> li.open .faq-question button:hover .arrow, body.page-template-faq-page ul.faq-list> li.open .faq-question button:focus .arrow { background-position: -130px -270px; background-color: #21759b; border-color: #21759b; outline: 0; } body.page-template-faq-page ul.faq-list> li.open .faq-answer { display: block; } body.page-template-faq-page ul.faq-list> li:first-child { padding-top: 30px; border-top: 1px solid #ad431c; } body.page-template-faq-page.no-js ul.faq-list li .faq-answer { display: block; } /* Careers Page ----------------------------------------------------------------------------- */ body.page-template-careers-page .careers-masthead { display: table; /*height: 600px;*/ height: 400px; margin: auto; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } body.page-template-careers-page .careers-masthead .inner-container { display: table-cell; vertical-align: middle; color: white; } body.page-template-careers-page .careers-masthead .inner-container h1 { line-height: 1.1em; margin-top: 0px; margin-bottom: 10px; margin-left: 0; margin-right: 0; text-align: center; } body.page-template-careers-page .careers-masthead .inner-container p { text-align: center; font-size: 2.1em; line-height: 1.35em; margin: 20px auto 0; width: 55%; } body.page-template-careers-page .entry-content { margin-top: 0; } body.page-template-careers-page .entry-content h1 { text-align: left; color: #21759b; font-size: 4.4em; margin-top: 0; margin-bottom: 10px; } body.page-template-careers-page .entry-content h2 { border: none; padding: 0; line-height: 1.2em; margin: 35px 0 20px; } body.page-template-careers-page h2 { margin: 45px auto 30px; padding-top: 45px; text-align: left; color: #ad431c; border-top: 1px solid #ad431c; } body.page-template-careers-page ul.job-list { margin: 0 auto 0; padding: 0; } body.page-template-careers-page ul.job-list li { list-style-type: none; margin-bottom: 4em; } body.page-template-careers-page ul.job-list li .entry-header h3 { color: #21759b; font-family: "canada-type-gibson", sans-serif; font-size: 2.4em; font-weight: 300; line-height: 1.2em; text-align: left; text-transform: none; margin-top: 0; margin-bottom: 0.3em; } body.page-template-careers-page ul.job-list li .entry-header .date-category { text-transform: uppercase; font-weight: 600; color: #808285; font-size: 1.5em; } body.page-template-careers-page ul.job-list li .entry-content { margin: 1.5em 0 0; } body.page-template-careers-page ul.job-list li .entry-content p { font-size: 1.6em; } body.page-template-careers-page ul.job-list li .entry-content p:first-child { margin-top: 0.5em; } body.page-template-careers-page ul.job-list li a.read-more-button { display: inline-block; margin: 2em auto 0; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 1.4em; font-weight: 600; letter-spacing: .05em; border: 1px solid #808285; color: #21759b; } body.page-template-careers-page ul.job-list li a.read-more-button:hover, body.page-template-careers-page ul.job-list li a.read-more-button:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } /* Careers Single (details) ----------------------------------------------------------------------------- */ body.single-c60-careers.single .entry-header { border: 0; } /* News & Events ----------------------------------------------------------------------------- */ body.page-template-news-events-page ul.news-events-list { list-style: none; padding-left: 0px; margin-left: 0px; } body.page-template-news-events-page ul.news-events-list li { margin-top: 4em; margin-bottom: 3em; } body.page-template-news-events-page ul.news-events-list li .image-container img { width: 100%; height: auto; margin-bottom: 2em; } body.page-template-news-events-page ul.news-events-list li .entry-header h3 { color: #21759b; font-family: "canada-type-gibson", sans-serif; font-size: 2.4em; font-weight: 300; line-height: 1.2em; text-align: left; text-transform: none; margin-top: 0; margin-bottom: 0.3em; } body.page-template-news-events-page ul.news-events-list li .entry-header .date { text-transform: uppercase; font-weight: 600; color: #808285; font-size: 1.5em; } body.page-template-news-events-page ul.news-events-list li .entry-content p { font-size: 1.6em; line-height: 1.5em; } body.page-template-news-events-page ul.news-events-list li .entry-content p:first-child { margin-top: 0.5em; } body.page-template-news-events-page ul.news-events-list li a.read-more-button { display: inline-block; margin: 2em auto 0; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 1.4em; font-weight: 600; letter-spacing: .05em; border: 1px solid #808285; color: #21759b; } body.page-template-news-events-page ul.news-events-list li a.read-more-button:hover, body.page-template-news-events-page ul.news-events-list li a.read-more-button:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } /* Whitepapers ----------------------------------------------------------------------------- */ body.page-template-whitepapers-page h2 { margin: 45px auto; padding-top: 45px; text-align: left; color: #ad431c; font-size: 2.4em; border-top: 1px solid #ad431c; } body.page-template-whitepapers-page .featured-whitepaper h2 { border: none; padding-top: 0; margin: 10px auto 15px; } body.page-template-whitepapers-page .entry-title { margin: 0 0 20px 0; } body.page-template-whitepapers-page .image-container img { width: 100%; height: auto; margin-bottom: 2em; } body.page-template-whitepapers-page .entry-header h3 { color: #21759b; font-family: "canada-type-gibson", sans-serif; font-size: 2.4em; font-weight: 300; line-height: 1.2em; text-align: left; text-transform: none; margin-top: 0; margin-bottom: 0.3em; } body.page-template-whitepapers-page .entry-header .date { text-transform: uppercase; font-weight: 600; color: #808285; font-size: 1.5em; } body.page-template-whitepapers-page .entry-content p { font-size: 1.6em; line-height: 1.5em; } body.page-template-whitepapers-page .entry-content p:first-child { margin-top: 0.5em; } body.page-template-whitepapers-page a.read-more-button { display: inline-block; margin: 2em auto 0; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 1.4em; font-weight: 600; letter-spacing: .05em; border: 1px solid #808285; color: #21759b; } body.page-template-whitepapers-page a.read-more-button:hover, body.page-template-whitepapers-page a.read-more-button:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } body.page-template-whitepapers-page .entry-content ul { padding-left: 0px; margin-left: 0px; } body.page-template-whitepapers-page .entry-content ul li { width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style-type: none; display: inline-block; vertical-align: top; margin-bottom: 2em; margin-right: 4%; } body.page-template-whitepapers-page .entry-content ul li:nth-child(2n) { margin-right: 0; } body.page-template-whitepapers-page .entry-content ul li:before { display: none; } body.page-template-whitepapers-page .entry-content ul li .image-container img { width: 100%; height: auto; margin-bottom: 1em; } body.page-template-whitepapers-page .entry-content ul li .entry-header h3 { color: #21759b; font-family: "canada-type-gibson", sans-serif; font-size: 24px; font-weight: 300; line-height: 29px; text-align: left; text-transform: none; margin-top: 0; margin-bottom: 0.3em; } body.page-template-whitepapers-page .entry-content ul li .entry-header .date { text-transform: uppercase; font-weight: 600; color: #808285; font-size: 1.5em; } body.page-template-whitepapers-page .entry-content ul li .entry-content { margin-top: 0.3em; } body.page-template-whitepapers-page .entry-content ul li .entry-content p { font-size: 16px; line-height: 24px; } body.page-template-whitepapers-page .entry-content ul li .entry-content p:first-child { margin-top: 0.5em; } body.page-template-whitepapers-page .entry-content ul li a.read-more-button { display: inline-block; margin: 2em auto 0; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 14px; font-weight: 600; letter-spacing: .05em; border: 1px solid #808285; color: #21759b; } body.page-template-whitepapers-page .entry-content ul li a.read-more-button:hover, body.page-template-whitepapers-page .entry-content ul li a.read-more-button:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } /* Lazy Load spinner for both blog and Whitepaper landing page ----------------------------------------------------------------------------- */ body.page-template-whitepapers-page #load-more-posts, body.blog #load-more-posts { position: relative; } body.page-template-whitepapers-page #load-more-posts .loading-message img, body.blog #load-more-posts .loading-message img { position: absolute; top: 0px; left: 0px; vertical-align: middle; } body.page-template-whitepapers-page #load-more-posts .loading-message p, body.blog #load-more-posts .loading-message p { margin-left: 60px; padding-top: 6px; vertical-align: middle; /* font-family: "halogen", sans-serif; */ font-family: helvetica, arial, sans-serif; font-size: 1.6em; text-transform: uppercase; cursor: pointer; /* AG */ color: #ad431c; } body.page-template-whitepapers-page #load-more-posts .loading-message p.no-results, body.blog #load-more-posts .loading-message p.no-results { margin-left: 0; margin-bottom: 40px; cursor: default; /* AG */ padding-top: 0; } /* Blog ----------------------------------------------------------------------------- */ body.blog .blog-header .page-title { margin: 0 0 -20px 0px; font-size: 4.4em; text-align: left; color: #21759b; } body.blog .blog-header h2 { margin: 45px auto 30px; padding-top: 45px; text-align: left; color: #ad431c; font-size: 2.4em; border-top: 1px solid #ad431c; } body.blog p.no-results { margin-top: 50px; } body.blog ul.blog-list { list-style: none; padding-left: 0px; margin-left: 0px; } body.blog ul.blog-list li { margin-top: 4em; margin-bottom: 3em; padding-bottom: 2.5em; border-bottom: 1px solid #ad431c; } body.blog ul.blog-list li .image-container img { width: 100%; height: auto; margin-bottom: 2em; } body.blog ul.blog-list li .entry-header h3 { font-family: "canada-type-gibson", sans-serif; font-size: 2.4em; font-weight: 300; line-height: 1.2em; text-align: left; text-transform: none; margin-top: 0; margin-bottom: 0.3em; } body.blog ul.blog-list li .entry-header h3 a { color: #21759b; } body.blog ul.blog-list li .entry-header h3 a:hover, body.blog ul.blog-list li .entry-header h3 a:focus { color: black; } body.blog ul.blog-list li .entry-header .date-category { text-transform: uppercase; font-weight: 600; color: #808285; font-size: 1.5em; } body.blog ul.blog-list li .entry-header .date-category a { padding: 0 2px 0 0; text-decoration: none; color: #808285; } body.blog ul.blog-list li .entry-header .date-category a:hover { text-decoration: underline; } body.blog ul.blog-list li .entry-content p { font-size: 1.6em; line-height: 1.5em; margin-bottom: 0; } body.blog ul.blog-list li .entry-content p:first-child { margin-top: 0.5em; } body.blog ul.blog-list li a.read-more-button { display: inline-block; margin: 2em auto 1em; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 1.4em; font-weight: 600; letter-spacing: .05em; border: 1px solid #808285; color: #21759b; } body.blog ul.blog-list li a.read-more-button:hover, body.blog ul.blog-list li a.read-more-button:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } /* Blog Single ----------------------------------------------------------------------------- */ body.single-post .entry-footer .author { margin: 43px 0; padding: 42px 0; border-top: 1px solid #ad431c; border-bottom: 1px solid #ad431c; } body.single-post .entry-footer .author .image-container { float: left; display: block; vertical-align: top; margin-right: 28px; } body.single-post .entry-footer .author .image-container img { width: 160px; height: 160px; -webkit-border-radius: 160px; -moz-border-radius: 160px; -ms-border-radius: 160px; border-radius: 160px; } body.single-post .entry-footer .author h4.author-title { display: inline-block; margin-top: 4px; margin-bottom: 0px; color: #ad431c; font-family: "canada-type-gibson", sans-serif; font-size: 1.5em; text-transform: inherit; } body.single-post .entry-footer .author .body-text { height: 160px; min-height: 160px; } body.single-post .entry-footer .author p { margin-top: 0; } /* Details Pages ----------------------------------------------------------------------------- */ body.single .entry-content { margin: 0 !important; } body.single h2 { margin: 0 auto 0.3em; text-align: left; color: #21759b; font-size: 3.6em; font-weight: 100; font-family: "canada-type-gibson", sans-serif; text-transform: none; line-height: 1.1em; } body.single .entry-header ul.ss-share { list-style: none; float: right; margin: 0; padding: 0; } body.single .entry-header ul.ss-share li.ss-share-item { display: inline-block; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link { display: inline-block; width: 32px; height: 32px; background-image: url("images/post-social-sprite.png"); text-indent: -999999px; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-facebook { background-position: 0 0; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-facebook:hover { background-position: 0 -37px; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-twitter { background-position: -37px 0; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-twitter:hover { background-position: -37px -37px; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-google { background-position: -74px 0; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-google:hover { background-position: -74px -37px; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-linkedin { background-position: -111px 0; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-linkedin:hover { background-position: -111px -37px; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-pinterest { background-position: -148px 0; } body.single .entry-header ul.ss-share li.ss-share-item a.ss-share-link.ico-pinterest:hover { background-position: -148px -37px; } body.single .entry-header .date-category { padding: 5px 0px 14px; text-transform: uppercase; font-weight: 600; color: #808285; font-size: 1.5em; } body.single .entry-header .date-category span { padding: 0 5px; color: #ad431c; } body.single .entry-header .date-category a { padding: 0 2px 0 0; text-decoration: none; color: #808285; } body.single .entry-header .date-category a:hover { text-decoration: underline; } body.single .image-container img { width: 100%; height: auto; margin-bottom: 2em; } body.single .entry-content h4 { font-family: "canada-type-gibson", sans-serif; font-size: 1.6em; font-weight: 600; color: #21759b; text-align: left; margin-bottom: 0; margin-top: 20px; text-transform: none; } body.single .entry-content p { font-size: 1.6em; font-weight: 400; margin: 20px 0 0 0; line-height: 1.5em; } body.single .entry-content p:first-child { margin-top: 1em; } body.single .entry-content h4+ p { margin-top: 0.5px; } /*body.single .entry-content ul {*/ body.single .entry-content>ul { margin: 15px 0 0 0px; padding: 0 0 0 55px; font-size: 1.6em; line-height: 1.5em; } body.single .entry-content ul { list-style: none; } body.single .entry-content ul li::before { color: #21759b; content: '\2022'; font-size: 0.8em; padding-right: 4px; position: absolute; margin-left: -16px; } body.single .entry-content ol { counter-reset: ol-counter; list-style: none; margin: 15px 0 0 0; padding: 0 0 0 55px; font-size: 1.6em; line-height: 1.5em; } body.single .entry-content li { position: relative; counter-increment: ol-counter; } body.single .entry-content ol li::before { color: #21759b; content: counter(ol-counter, decimal) "."; padding-right: 4px; position: absolute; margin-left: -49px; width: 40px; text-align: right; } body.single .entry-footer .author .body-text { height: auto; min-height: 0; } body.single .entry-footer .author h4.author-title { font-size: 1.6em; line-height: 1.5em; } body.single .entry-footer .author p { font-size: 1.6em; line-height: 1.5em; margin: 0; } body.single a.apply-button { display: inline-block; margin: 35px auto 0; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 1.4em; font-weight: 600; letter-spacing: .05em; border: 1px solid #808285; color: #21759b; } body.single a.apply-button:hover, body.single a.apply-button:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } /* White Papers Details Page ----------------------------------------------------------------------------- */ body.single.single-c60-whitepapers .entry-meta { border-top: none; border-bottom: none; } body.single.single-c60-whitepapers .whitepaper-download-intro h3 { text-align: left; font-size: 2.1em; color: #ad431c; margin-top: 2em; margin-bottom: 0; } body.single.single-c60-whitepapers .whitepaper-download-intro p { margin: 5px 0 0 0; } /* 404 Page ----------------------------------------------------------------------------- */ body.error404 .entry-content .searchform { margin-top: 2em; } body.error404 .entry-content .searchform input { margin-right: 20px; display: inline-block; width: 50%; background-color: #ebeced; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-shadow: none; padding: 14px 10px; font-size: 1.6em; font-family: "canada-type-gibson", sans-serif; line-height: 1.5em; box-sizing: border-box; } body.error404 .entry-content .searchform input[type="text"], body.error404 .entry-content .searchform input[type="email"], body.error404 .entry-content .searchform input[type="tel"] { color: #36424a; } body.error404 .entry-content .searchform input[type="submit"] { width: 20%; background: none; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 1.6em; border: 1px solid #808285; color: #21759b; letter-spacing: 0.05em; } body.error404 .entry-content .searchform input[type="submit"]:hover, body.error404 .entry-content .searchform input[type="submit"]:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } /* Search Results ----------------------------------------------------------------------------- */ body.search.search-results .entry-title { margin: 0; font-size: 4.4em; text-align: left; color: #21759b; } body.search.search-results .entry-title span { color: #ad431c; } body.search.search-results article { margin-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #ad431c; } body.search.search-results article .entry-header h2 { margin: 0; font-family: "canada-type-gibson", sans-serif; font-size: 2.1em; font-weight: 600; text-align: left; text-transform: none; } body.search.search-results article .entry-header h2 a { color: #21759b; text-decoration: none; } body.search.search-results article .entry-header h2 a:hover, body.search.search-results article .entry-header h2 a:focus { color: #ad431c; text-decoration: underline; } body.search.search-results article p { margin: 0; font-size: 1.6em; line-height: 1.5em; } /* Commenting ----------------------------------------------------------------------------- */ div#disqus_thread a { color: #ad431c; } /* Form stuff Created on : Jun 3, 2015, 3:04:10 PM Author : Eric */ form.visual-form-builder fieldset { border: none; background: none; } form.visual-form-builder div.vfb-legend, form.visual-form-builder ul.vfb-section { padding: 0; margin: 0 0 1em !important; } form.visual-form-builder li.vfb-item { padding: 6px 0 9px !important; } form.visual-form-builder li.vfb-item::before { display: none; } form.visual-form-builder li.vfb-item label { color: #21759b; } form.visual-form-builder li.vfb-item input { background-color: #ebeced; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-shadow: none; padding: 15.5px 10px; box-sizing: border-box; } form.visual-form-builder li.vfb-item input[type="text"], form.visual-form-builder li.vfb-item input[type="email"], form.visual-form-builder li.vfb-item input[type="tel"] { color: #36424a; } form.visual-form-builder li.vfb-item input[type="submit"] { background: none; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 1em; border: 1px solid #808285; color: #21759b; letter-spacing: 0.05em; } form.visual-form-builder li.vfb-item input[type="submit"]:hover, form.visual-form-builder li.vfb-item input[type="submit"]:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } form.visual-form-builder li.vfb-item input[type="file"] { background: none; padding: 6px 0; } form.visual-form-builder li.vfb-item select.vfb-large { background-color: #ebeced; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 15.5px 10px; color: #36424a; } form.visual-form-builder li.vfb-item select.vfb-large option { padding: 2px; } form.visual-form-builder li.vfb-item textarea { height: 8em; padding: 15.5px; color: #36424a; background-color: #ebeced; box-sizing: border-box; } /* --- OTHER Form stuff Created on : Jun 3, 2015, 3:04:10 PM Author : Eric */ /* CF7 Styles */ form.wpcf7-form fieldset { border: none; background: none; } form.wpcf7-form div.vfb-legend, form.wpcf7-form ul.vfb-section { padding: 0; margin: 0 0 1em !important; } form.wpcf7-form span.wpcf7-form-control-wrap { padding: 6px 0 9px !important; } form.wpcf7-form span.wpcf7-form-control-wrap::before { display: none; } form.wpcf7-form span.wpcf7-form-control-wrap label { color: #21759b; } form.wpcf7-form span.wpcf7-form-control-wrap input { background-color: #ebeced; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-shadow: none; padding: 15.5px 10px; box-sizing: border-box; } form.wpcf7-form span.wpcf7-form-control-wrap input[type="text"], form.wpcf7-form span.wpcf7-form-control-wrap input[type="email"], form.wpcf7-form span.wpcf7-form-control-wrap input[type="tel"] { color: #36424a; } form.wpcf7-form span.wpcf7-form-control-wrap input[type="submit"] { background: none; padding: 12px 28px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 1em; border: 1px solid #808285; color: #21759b; letter-spacing: 0.05em; } form.wpcf7-form span.wpcf7-form-control-wrap input[type="submit"]:hover, form.wpcf7-form span.wpcf7-form-control-wrap input[type="submit"]:focus { background-color: #21759b; color: white; border: 1px solid #21759b; } form.wpcf7-form span.wpcf7-form-control-wrap input[type="file"] { background: none; padding: 6px 0; } form.wpcf7-form span.wpcf7-form-control-wrap select { background-color: #ebeced; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 15.5px 10px; color: #36424a; } form.wpcf7-form span.wpcf7-form-control-wrap select option { padding: 2px; } form.wpcf7-form span.wpcf7-form-control-wrap textarea { height: 8em; padding: 15.5px; color: #36424a; background-color: #ebeced; box-sizing: border-box; } /* aditional cf7 styles by AG@C60 */ form.wpcf7-form span.wpcf7-form-control-wrap .wpcf7-checkbox span.wpcf7-list-item { display: block; float: left clear: right; } form.wpcf7-form span.wpcf7-form-control-wrap .wpcf7-checkbox span.wpcf7-list-item input { margin-right: 1em; } body.page hr.wpcf7-spacer { color: white; background-color: white; height: 2em; margin: 0; } /* **************** */ /* Created on : May 19, 2015, 12:27:36 AM Author : Tom Styles for SVG network graph */ /* Remove bg image if we've successfully created the SVG */ .has-nodes { background-image: none; } /* Position the embedded SVG */ .nodes-svg { position: absolute; width: 100%; left: 0; right: 0; overflow: hidden; /* for IE */ /* Colour the node /circle */ /* And the link */ /* This is the animated "traveler" node */ } .nodes-svg .node { fill: #e3e3e3; } .nodes-svg .node.mouseover { fill: #21759b; } .nodes-svg .link { stroke: #e8e8e8; stroke-width: 1px; } .nodes-svg .link.mouseover { stroke: #21759b; } .nodes-svg .node-traveler circle { fill: #21759b; } /* Site Footer ----------------------------------------------------------------------------- */ #colophon nav.navigation-footer { /* font-family: "halogen", sans-serif; */ font-family: helvetica, arial, sans-serif; text-transform: uppercase; font-size: 1.4em; padding-top: 125px; padding-bottom: 15px; } #colophon nav.navigation-footer img.footer-logo { float: left; margin-top: 3px; } #colophon nav.navigation-footer .menu-footer-menu-container ul { padding: 0; margin: 0; list-style-type: none; text-align: right; } #colophon nav.navigation-footer .menu-footer-menu-container ul li { padding-left: 60px; display: inline-block; } #colophon nav.navigation-footer .menu-footer-menu-container ul li a { display: block; height: 40px; line-height: 40px; padding-left: 45px; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -360px 0px; text-decoration: none; color: black; } html.lt-ie9 #colophon nav.navigation-footer .menu-footer-menu-container ul li a { background-image: url(images/carbon-sprites.png); } #colophon nav.navigation-footer .menu-footer-menu-container ul li a:hover, #colophon nav.navigation-footer .menu-footer-menu-container ul li a:focus { color: #ad431c; text-decoration: underline; } #colophon nav.navigation-footer .menu-footer-menu-container ul li.careers-link a { background-position: -360px -40px; } #colophon nav.navigation-footer .menu-footer-menu-container ul li.support-link a { background-position: -360px -80px; } #colophon nav.navigation-footer .menu-footer-menu-container ul li.resource-library-link a { background-position: -360px -120px; } #colophon div.footer-sidebar { background: #21759b; color: #252729; } #colophon div.footer-sidebar ul.cols { padding: 50px 0 40px; } #colophon div.footer-sidebar ul.cols li { margin-left: 5.5%; width: 20%; } #colophon div.footer-sidebar ul.cols li:first-child { margin-left: 0px; } #colophon div.footer-sidebar ul.cols li h4 { text-align: left; margin: 0; color: white; font-size: 1.2em; } #colophon div.footer-sidebar ul.cols li p { margin: .5em 0 0; font-size: 1.6em; } #colophon div.footer-sidebar ul.cols li.newsletter { margin-left: 0; width: 33%; } #colophon div.footer-sidebar ul.cols li.newsletter h4 { margin-bottom: 15px; } #colophon div.footer-sidebar ul.cols li.newsletter form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #colophon div.footer-sidebar ul.cols li.newsletter form input { display: inline-block; vertical-align: top; height: 58px; } #colophon div.footer-sidebar ul.cols li.newsletter form input#newsletter-email { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #23566d; border: 1px solid #23566d; border-radius: 5px; padding: 15px; appearance: none; width: 82.6%; margin-right: 1%; font-size: 1.6em; color: white; } #colophon div.footer-sidebar ul.cols li.newsletter form input#newsletter-email::-webkit-input-placeholder { color: white; } #colophon div.footer-sidebar ul.cols li.newsletter form input#newsletter-email:-moz-placeholder { /* Firefox 18- */ color: white; } #colophon div.footer-sidebar ul.cols li.newsletter form input#newsletter-email::-moz-placeholder { /* Firefox 19+ */ color: white; } #colophon div.footer-sidebar ul.cols li.newsletter form input#newsletter-email:-ms-input-placeholder { color: white; } #colophon div.footer-sidebar ul.cols li.newsletter form input#newsletter-email:focus { border: 2px solid white; outline: none; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: -9000px; border: 3px solid white; background-color: #21759b; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -243px -184px; border-radius: 5px; width: 15.4%; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } html.lt-ie9 #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { background-image: url(images/carbon-sprites.png); } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit]:hover, #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit]:focus { background-color: white; } #colophon div.footer-sidebar ul.cols li.social { width: 16%; } #colophon div.footer-sidebar ul.cols li.social h4 { margin-bottom: 15px; } #colophon div.footer-sidebar ul.cols li.social span { display: inline-block; margin-left: 2.5%; width: 31.6%; } #colophon div.footer-sidebar ul.cols li.social span a { border-radius: 5px; display: block; width: 100%; height: 58px; text-indent: -9000px; background-color: #23566d; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -240px -120px; } html.lt-ie9 #colophon div.footer-sidebar ul.cols li.social span a { background-image: url(images/carbon-sprites.png); } #colophon div.footer-sidebar ul.cols li.social span a:hover, #colophon div.footer-sidebar ul.cols li.social span a:focus { background-color: white; background-position: -300px -120px; } #colophon div.footer-sidebar ul.cols li.social span:first-child { margin-left: 0; } #colophon div.footer-sidebar ul.cols li.social span.twitter a { background-position: -240px -60px; } #colophon div.footer-sidebar ul.cols li.social span.twitter a:hover, #colophon div.footer-sidebar ul.cols li.social span.twitter a:focus { background-color: white; background-position: -300px -60px; } #colophon div.footer-sidebar ul.cols li.social span.linkedin a { background-position: -240px 0; } #colophon div.footer-sidebar ul.cols li.social span.linkedin a:hover, #colophon div.footer-sidebar ul.cols li.social span.linkedin a:focus { background-color: white; background-position: -300px 0px; } #colophon div.copyright { background: #252729; color: white; font-size: 1.3em; } #colophon div.copyright div.content-width { padding: 20px 0 15px; } #colophon div.copyright a { color: white; text-decoration: none; } #colophon div.copyright a:hover, #colophon div.copyright a:focus { text-decoration: underline; } #colophon div.copyright span.copyright { float: left; } #colophon div.copyright .menu-copyright-menu-container { display: inline-block; } #colophon div.copyright .menu-copyright-menu-container ul { margin: 0; padding-left: 26px; } #colophon div.copyright .menu-copyright-menu-container ul li { margin-right: 27px; float: left; } /* #colophon div.copyright div#live-chat { display: none; position: fixed; right: 20px; bottom: 0; height: 80px; width: 255px; max-width: 100%; z-index: 100; background: #313335; color: #ad431c; font-weight: 700; letter-spacing: 0.06em; border-radius: 5px 5px 0 0; text-transform: uppercase; margin: 0; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -263px -263px; } html.lt-ie9 #colophon div.copyright div#live-chat { background-image: url(images/carbon-sprites.png); } #colophon div.copyright div#live-chat a.handle { padding: 20px 20px 20px 90px; position: absolute; left: 0; right: 0; top: 0; margin: 0; font-size: 1.2em; line-height: 1.4em; color: #ad431c; } #colophon div.copyright div#live-chat a.handle span { color: white; font-family: "halogen", sans-serif; font-size: 1em; } #colophon div.copyright div#live-chat a.handle span.arrow { position: absolute; top: 10px; right: 10px; width: 14px; height: 9px; background-image: url(images/carbon-sprites.svg); background-position: -143px -285px; } html.lt-ie9 #colophon div.copyright div#live-chat a.handle span.arrow { background-image: url(images/carbon-sprites.png); } #colophon div.copyright div#live-chat a.handle:hover span.arrow, #colophon div.copyright div#live-chat a.handle:focus span.arrow { background-position: -83px -285px; } */ /* remove live chat from showing */ #colophon #live-chat { display: none !important; } /* Document : mobile Created on : May 30, 2013, 2:40:59 PM Author : Eric Description: Purpose of the stylesheet follows. */ /* TODO customize this sample style Syntax recommendation http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html */ @media screen and (max-width: 1180px) { /* Header Styles ===========================================================================*/ .site-header div.content-width { padding: 0 20px; } /* =Menu ===========================================================================*/ .navigation-main { font-size: 1.6em; } .navigation-main .content-width.margin-auto { text-align: left; } .search_wrap { /*margin-right: 15%;*/ } .navigation-main ul { margin: 0 0 10px 0; } .navigation-main a { padding: 15px 10px; } .navigation-main button.search-toggle { height: 54px; } /* Testimonials Content Block ===========================================================================*/ section.testimonials-content-block div.flex-content-wrapper .swiper-container { width: auto; overflow: hidden; height: 300px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .item-container { padding-right: 20px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container { height: 250px; min-height: 320px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container img { vertical-align: middle; /* max-width: 65%; } */ max-width: 100%; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { bottom: -20px; margin-right: 20px; } /* Margin and Padding and Primary/Secondary Sizes for Internal Pages ------------------------------------------------------------------------------*/ body.page-template-default .content-width, body.page-template-team-page .content-width, body.page-template-faq-page .content-width, body.page-template-careers-page .content-width, body.page-template-news-events-page .content-width, body.page-template-whitepapers-page .content-width, body.blog .content-width, body.single .content-width, body.error404 .content-width, body.search.search-results .content-width { width: auto; padding: 0 20px; } body.page-template-default #primary, body.page-template-team-page #primary, body.page-template-faq-page #primary, body.page-template-careers-page #primary, body.page-template-news-events-page #primary, body.page-template-whitepapers-page #primary, body.blog #primary, body.single #primary, body.error404 #primary, body.search.search-results #primary { margin-left: 12%; width: 65%; } body.page-template-default #secondary, body.page-template-team-page #secondary, body.page-template-faq-page #secondary, body.page-template-careers-page #secondary, body.page-template-news-events-page #secondary, body.page-template-whitepapers-page #secondary, body.blog #secondary, body.single #secondary, body.error404 #secondary, body.search.search-results #secondary { width: 23%; } body.home #primary { width: auto; } /* 404 Page ----------------------------------------------------------------------------- */ body.error404 .entry-content .searchform input[type="submit"] { width: 150px; } /* Search Results ----------------------------------------------------------------------------- */ body.search.search-results #secondary { width: 20%; } /* Leadership Team ----------------------------------------------------------------------------- */ body.page-template-team-page ul.team-list li.has-thumbnail div.image-container { width: 20%; } /* Footer Styles ===========================================================================*/ #colophon nav.navigation-footer { padding: 125px 20px 15px 20px; position: relative; } #colophon nav.navigation-footer img.footer-logo { position: absolute; bottom: 70px; } #colophon nav.navigation-footer .menu-footer-menu-container ul { text-align: center; } #colophon nav.navigation-footer .menu-footer-menu-container ul li { padding-left: 0px; margin-left: 5%; } #colophon nav.navigation-footer .menu-footer-menu-container ul li:first-child { margin-left: 0; } #colophon div.footer-sidebar { padding: 0 20px; } #colophon div.footer-sidebar ul.cols { padding: 50px 0 40px; } #colophon div.footer-sidebar ul.cols li { width: 20%; } #colophon div.footer-sidebar ul.cols li:first-child { margin-left: 0px; } #colophon div.footer-sidebar ul.cols li.newsletter { margin-left: 0; width: 25%; position: absolute; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=email] { width: 76%; position: relative; right: 0; bottom: 0; margin-right: 65px; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { width: 60px; position: absolute; bottom: 0; right: 0; } #colophon div.footer-sidebar ul.cols li.social { width: 23%; } #colophon div.footer-sidebar ul.cols li.social span { width: 60px; } #colophon div.copyright { padding: 0 20px; } } @media screen and (max-width: 1024px) { /* =Menu ===========================================================================*/ .navigation-main { font-size: 1.51em; } .navigation-main a { padding: 15px 10px; } .navigation-main ul li+ li ul { left: 0; right: 0; } .navigation-main button.search-toggle { height: 52px; } /* masthead styles ============================================================================= */ body.home section.masthead { display: inherit; /* padding-top: 150px;*/ height: 650px; width: auto; } body.home section.masthead .flex-content-wrapper { display: inherit; margin: auto; } body.home section.masthead .flex-content-wrapper .entry-header h1 { font-size: 4.6em; line-height: 1.1em; color: white; } body.home section.masthead .flex-content-wrapper .entry-summary p { margin: 0 auto; font-size: 2.6em; } /* Learn more content styles ============================================================================= */ section.learn-more-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text { width: 75%; font-size: 1.2em; } /* Footer Styles ===========================================================================*/ #colophon nav.navigation-footer { padding: 80px 20px 15px 20px; position: relative; } #colophon nav.navigation-footer img.footer-logo { position: absolute; bottom: 70px; display: none; } #colophon nav.navigation-footer .menu-footer-menu-container ul { text-align: center; } #colophon nav.navigation-footer .menu-footer-menu-container ul li { padding-left: 0px; margin-left: 5%; margin-bottom: 15px; } #colophon nav.navigation-footer .menu-footer-menu-container ul li:first-child { margin-left: 0; } #colophon div.footer-sidebar { padding: 0 20px; } #colophon div.footer-sidebar ul.cols { padding: 50px 0 180px; text-align: center; } #colophon div.footer-sidebar ul.cols li { text-align: left; width: 30%; } #colophon div.footer-sidebar ul.cols li:first-child { margin-left: 0px; } #colophon div.footer-sidebar ul.cols li.newsletter { margin-left: 0; width: 100%; position: absolute; bottom: 50px; left: 0; box-sizing: border-box; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=email] { width: 90%; margin-right: 65px; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { width: 60px; position: absolute; bottom: 0; right: 0; } #colophon div.footer-sidebar ul.cols li.kelowna { width: 25%; } #colophon div.footer-sidebar ul.cols li.social { width: 28%; } #colophon div.footer-sidebar ul.cols li.social span { width: 60px; } #colophon div.copyright { padding: 0 20px; } #colophon div.copyright span.copyright { margin-bottom: 12px; } /* ============== sales section style ==================== */ section.flex-content.sales_section div.flex-content-wrapper .sales_col2 img { margin-left: -50px; } } @media screen and (max-width: 910px) { .navigation-main ul li+ li ul { left: 0 !important; } .navigation-main li:hover> ul, .navigation-main li.focus-item> ul { display: none; } a.menu_arrow.arrow_res_down { border: none !important; position: absolute !important; width: 40px !important; height: 40px; right: 10px; top: 10px; z-index: 999; text-indent: -9999px; background: url(images/arrow_down.png) no-repeat; } a.menu_back { border: none !important; position: absolute !important; width: 40px !important; height: 40px; right: 10px; top: -53px; z-index: 99999; text-indent: -9999px; background: url(images/arrow_up.png) no-repeat; } a.menu_arrow.arrow_res_down:hover, a.menu_arrow.arrow_res_down:focus, .navigation-main li:hover> a.menu_arrow.arrow_res_down, .navigation-main li.focus-item> a.menu_arrow.arrow_res_down { background: url(images/arrow_down.png) no-repeat !important; } a.menu_back:hover, a.menu_back:focus, .navigation-main li:hover> a.menu_back, .navigation-main li.focus-item> a.menu_back { background: url(images/arrow_up.png) no-repeat !important; } .navigation-main li, .navigation-main li li { position: relative; } .navigation-main li a { position: relative; z-index: 99; } .navigation-main li a.menu_arrow, .navigation-main .single li a.menu_arrow { display: block; } .navigation-main li li a.menu_arrow, .navigation-main .single li li a.menu_arrow, .navigation-main .sub-menu-1 li a.menu_arrow { display: none; } .navigation-main .sub-menu-1 li a:after, .navigation-main .sub-menu-1 li a.menu_arrow.arrow_res_down:before, .navigation-main .sub-menu-2 a.menu_arrow.arrow_res_down, .navigation-main .sub-menu-1 li a.menu_arrow.arrow_res_down { display: none !important; } .navigation-main .sub-menu { display: none; } .navigation-main .sub-menu-1 li a { font-weight: 600 !important; font-size: 16px !important; } .navigation-main .sub-menu-2 li a { font-weight: 300 !important; font-size: 12px !important; } .search-clear { display: block; } .search_wrap { width: auto; float: none; margin: 0 15% 0 3%; } .topmenu_res { display: block; } .topmenu_res ul { display: block; padding: 0 0 0 3%; } .topmenu_res ul li { display: inline; border: none; float: none !important; width: auto; } .topmenu_res ul li a { border: none; display: inline-block; padding: 5px 3px 5px; color: #d6642a; } .topmenu_res ul li a:hover { color: #fff; } .topmenu_res { display: block !important; } /* Header/Navigation - switched to mobile at this point ========================================================================= */ .menu-toggle { display: block; float: right; padding: 0; margin-top: -5px; width: 60px; height: 40px; background: url("images/mobile-nav-sprites.png") no-repeat; background: url("images/mobile-nav-sprites.svg") no-repeat; background-position: -0px -0px; border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } /* .menu-toggle:hover, .menu-toggle:focus { background-position: -60px -0px; } */ .site-header div.content-width { margin: 30px 0 !important; padding: 0 15px; } .site-header div.content-width div.site-branding { position: static; } .site-header div.content-width div.site-branding h1.site-title { font-size: 29px; display: inline-block; margin: 0; } .site-header div.content-width div.site-branding h1.site-title a { width: 260px; height: 29px; background-image: url("images/carbon60-logo-mobile.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .navigation-top .menu-top-menu-container { display: none; } .navigation-top span.phone-number { position: absolute; top: 3px; right: 120px; } .navigation-main { position: fixed; z-index: 1000; top: 0; left: 100%; bottom: 0; width: 75%; min-width: 200px; background: #24272a; overflow: overlay; } .navigation-main.open { left: 50%; } .contact-button { width: 60%; float: left; display: block; padding: 15px 0 0 4%; text-align: left; } .navigation-main .close-button { display: block; padding: 22px 5px 20px 0; width: 25%; float: left; color: #4d4f51; background: #24272a; border: 0; text-align: right; font-family: "canada-type-gibson", sans-serif; font-size: 1em; text-transform: none; /*replaced*/ line-height: 1.6; } .navigation-main .close-button .close-button-icon { display: inline-block; margin-right: 5px; height: 50px; width: 50px; background: url("images/mobile-nav-sprites.svg") no-repeat; background-position: -15px -45px; background-size: 270px; vertical-align: bottom; } .navigation-main .content-width { padding: 0 !important; width: auto; } .navigation-main li { display: block; border-top: 0px solid #424547; text-align: left; } .navigation-main li a { border-top: 1px solid #424547; border-bottom: 1px solid #424547; padding-top: 30px; } .navigation-main li ul.sub-menu> li a { border-bottom: none !important; border-top: none !important; } .navigation-main li:hover> a { background: #24272a; } .navigation-main li.login-mobile { display: block; } .navigation-main li.login-mobile a:after { content: ' '; width: 12px; height: 18px; position: absolute; top: 50%; right: 20px; margin-top: -10px; background: url("images/mobile-nav-sprites.svg") repeat-x; background-position: -24px -131px; } .navigation-main li.login-mobile a:hover, .navigation-main li.login-mobile a:focus { display: block; color: #ad431c; background-color: #24272a; } .navigation-main li.login-mobile a:hover:after, .navigation-main li.login-mobile a:focus:after { background-position: -24px -232px; } .navigation-main li ul.sub-menu { /* display: block;*/ position: inherit; width: 100%; box-shadow: none; padding-top: 25px; padding-bottom: 25px; border-top: 0px solid #424547; } .navigation-main .sub-menu-2, .navigation-main .sub-menu-3 { padding-top: 0 !important; padding-bottom: 0 !important; } .navigation-main .sub-menu-3 { padding-left: 35px !important; } .navigation-main .sub-menu-3 li { background: none !important; } .navigation-main li ul.sub-menu> li { border: 0; background: url("images/sidebar-nav-line-grey.svg") repeat-y; background-position: 15px -1px; } .navigation-main li ul.sub-menu> li a { display: block; position: relative; padding: 10px 0 8px 42px; font-family: "canada-type-gibson", sans-serif; font-size: 1em; font-weight: 300; } .navigation-main li ul.sub-menu> li a span.menu_dot { position: absolute; left: 15px; top: 13px; display: inline-block; background-image: url("images/mobile-nav-sprites.svg"); background-repeat: no-repeat; background-position: -24px -93px; width: 12px; height: 14px; margin-left: 0px; padding: 0px 0px 0px 0px; } .navigation-main li ul.sub-menu> li a:hover, .navigation-main li ul.sub-menu> li a:focus, .navigation-main li ul.sub-menu> li a:active { background-color: transparent; color: #ad431c; } .navigation-main li ul.sub-menu> li a:hover span.menu_dot, .navigation-main li ul.sub-menu> li a:focus span.menu_dot, .navigation-main li ul.sub-menu> li a:active span.menu_dot { background-position: -84px -93px; } /* .navigation-main li ul.sub-menu > li:first-child { background-position: 15px 25px; } */ .navigation-main li ul.sub-menu> li:first-child a { padding-top: 18px; } .navigation-main li ul.sub-menu> li:first-child a span.menu_dot { top: 22px; } /* .navigation-main li ul.sub-menu > li:last-child { background-position: 15px -80px; } */ .navigation-main li ul.sub-menu> li:last-child a { padding-bottom: 19px; } .navigation-main li ul.sub-menu> li.current-menu-item a { color: #ad431c; } .navigation-main li ul.sub-menu> li.current-menu-item a span.menu_dot { background-position: -84px -93px; } .navigation-main li a { display: block; padding: 14px 14px 18px; width: inherit; font-size: 1em; font-weight: 300; } .navigation-main button.search-toggle { display: none; } .navigation-main form#searchform { display: block; position: relative; margin-bottom: 60px; } .navigation-main form#searchform input#s { padding: 14px 14px 18px; width: 100%; background: #2d2f32; border-top: 1px solid #424547; border-bottom: 1px solid #424547; border-right: 5px solid #21759b; font-family: "canada-type-gibson", sans-serif; font-size: 1.2em; font-weight: 300; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .navigation-main form#searchform input#searchsubmit { display: none; position: absolute; top: 0px; right: 0px; float: right; padding: 0; text-indent: -9999px; width: 55px; height: 56px; border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: #21759b; background-image: url("images/mobile-nav-sprites.svg"); background-repeat: no-repeat; background-position: 0px -150px; } #cookie-crumb { display: none; } /* Switching to 1 column */ #primary, #secondary { float: none; width: auto; } /* Generic flex content styles ========================================================================= */ section.flex-content div.flex-content-wrapper { padding: 40px 0; } /* masthead styles ========================================================================= */ section.masthead .flex-content-wrapper .entry-header .entry-title { margin-top: 14px; } section.masthead .flex-content-wrapper .entry-summary p { width: 90%; } body.home section.masthead { padding-top: 90px; height: 550px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.home section.masthead .flex-content-wrapper .entry-summary p { font-size: 2em; } body.page section.masthead { padding-top: 90px; height: 550px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Cloud Content ============================================================================= */ .cloud-content { height: 315px; margin-top: -190px; } .cloud-content div.cloud-container { background-size: 100%; width: 20em; margin-left: -20em; } .cloud-content div.cloud-container h2.cloud-header { font-size: 2.75em; } .cloud-content div.cloud-container p { font-size: 1.8em; } .cloud-content div.cloud-shadow { width: 100%; margin-left: -50%; } /* Flex - Learn more content styles ============================================================================= */ section.learn-more-content-block { text-align: center; } section.learn-more-content-block div.flex-content-wrapper ul.item-list { padding: 70px 0; } section.learn-more-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { font-size: 3em; font-weight: 400; } section.learn-more-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text { width: 85%; font-size: 1.0em; line-height: 2.4em; font-weight: 100; } section.learn-more-content-block div.flex-content-wrapper.two-column li div.item-container h3 { font-size: 2.2em; line-height: 1.2em; width: 75%; } section.learn-more-content-block div.flex-content-wrapper.two-column li div.item-container .body-text { width: 85%; } section.learn-more-content-block div.flex-content-wrapper.two-column li div.item-container .body-text p { font-size: 1.7em; margin-bottom: 0.5em; } /* Flex - Services content styles ============================================================================= */ section.services-content-block { text-align: center; background-position: top center; } section.services-content-block div.flex-content-wrapper { padding: 80px 0; } section.services-content-block div.flex-content-wrapper h2 { font-size: 3em; line-height: 1.1em; margin: 0; } section.services-content-block div.flex-content-wrapper h2.three-column, section.services-content-block div.flex-content-wrapper h2.four-column { margin-bottom: 80px; } section.services-content-block div.flex-content-wrapper ul.item-list { list-style-type: none; margin: 0; padding: 0; } section.services-content-block div.flex-content-wrapper ul.item-list li { display: inline-block; text-align: center; width: 29%; margin: 50px 2% 0px; } section.services-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { margin: 30px 0 15px; font-size: 1.8em; font-weight: 600; line-height: 1.3em; } section.services-content-block div.flex-content-wrapper ul.item-list.three-column li { margin: 0px 2%; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li { vertical-align: top; width: 22%; margin: 0 1.5%; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container h3 { margin: 25px 0 10px; color: #d6642a; font-size: 2.1em; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container div.body-text p { font-size: 1.6em; margin-bottom: 20px; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container a.button { margin-top: 10px; } /* Flex - Testimonials (slider) ============================================================================= */ section.testimonials-content-block { padding-bottom: 40px; } body.home section.testimonials-content-block { padding-bottom: 0; } section.testimonials-content-block.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container { background-image: url("images/testimonial-slider-logo-arrow-hollow.png") !important; } section.testimonials-content-block.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { background-position: 9% -52px; } section.testimonials-content-block div.flex-content-wrapper h2 { font-size: 3em; margin-bottom: 40px; line-height: 1.1em; } section.testimonials-content-block div.flex-content-wrapper .swiper-container { width: auto; height: 300px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container { height: 250px; min-height: 250px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container img { vertical-align: middle; margin-top: 3%; /* max-width: 65%; } */ max-width: 100%; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: 50px; padding-top: 1.5em; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text blockquote { margin: 0; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text blockquote p { font-size: 1.15em; line-height: 1.51em; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { position: absolute; right: auto; left: 42px; bottom: 45px; margin-right: 20px; width: auto; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination .swiper-pagination-bullet { background: none; border: 2px solid #fff; opacity: 1; margin: 0 0 0 3px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } /* Flex - Latest blog content styles ============================================================================= */ section.latest-blog-content-block div.flex-content-wrapper { padding: 90px 0; } section.latest-blog-content-block div.flex-content-wrapper h2 { font-size: 3em; line-height: 1.1em; } section.latest-blog-content-block div.flex-content-wrapper .body-text { width: 85%; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li { width: 45%; } .latest-blog-nodes .nodes { top: -70px; height: 500px; } /* Flex - Call to Action styles ============================================================================= */ section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .image-container { width: 87%; margin: 0; margin-left: -310px; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .content-container { margin-top: 2.0em; margin-left: 2%; width: 45%; } section.flex-content div.flex-content-wrapper a.button { padding: 12px 12px; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .image-container { width: 81%; margin: 0; margin-right: -310px; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .content-container { text-align: left; margin-top: 2em; margin-left: 0%; width: 45%; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container a.learn-more { margin-right: 12px; } /* Flex - Logo parade content styles ============================================================================= */ /* Flex - Basic content block styles ============================================================================= */ /* Generic Details Page ----------------------------------------------------------------------------- */ body.page .entry-title { font-size: 3em; line-height: 1.1em; } /* Margin and Padding and Primary/Secondary Sizes for Internal Pages ------------------------------------------------------------------------------*/ body.page-template-default .site-main, body.page-template-team-page .site-main, body.page-template-faq-page .site-main, body.page-template-careers-page .site-main, body.page-template-news-events-page .site-main, body.page-template-whitepapers-page .site-main, body.blog .site-main, body.single .site-main, body.error404 .site-main, body.search.search-results .site-main { border-top: 3px solid #21759b; } body.page-template-default .content-width, body.page-template-team-page .content-width, body.page-template-faq-page .content-width, body.page-template-careers-page .content-width, body.page-template-news-events-page .content-width, body.page-template-whitepapers-page .content-width, body.blog .content-width, body.single .content-width, body.error404 .content-width, body.search.search-results .content-width { width: auto; padding: 0 20px; } body.page-template-default #primary, body.page-template-team-page #primary, body.page-template-faq-page #primary, body.page-template-careers-page #primary, body.page-template-news-events-page #primary, body.page-template-whitepapers-page #primary, body.blog #primary, body.single #primary, body.error404 #primary, body.search.search-results #primary { padding-top: 30px; margin-left: 0; width: auto; } body.page-template-default #secondary, body.page-template-team-page #secondary, body.page-template-faq-page #secondary, body.page-template-careers-page #secondary, body.page-template-news-events-page #secondary, body.page-template-whitepapers-page #secondary, body.blog #secondary, body.single #secondary, body.error404 #secondary, body.search.search-results #secondary { width: 100%; padding-bottom: 90px; } body.page-template-default #secondary ul.sidebar, body.page-template-team-page #secondary ul.sidebar, body.page-template-faq-page #secondary ul.sidebar, body.page-template-careers-page #secondary ul.sidebar, body.page-template-news-events-page #secondary ul.sidebar, body.page-template-whitepapers-page #secondary ul.sidebar, body.blog #secondary ul.sidebar, body.single #secondary ul.sidebar, body.error404 #secondary ul.sidebar, body.search.search-results #secondary ul.sidebar { padding-top: 1px; padding-bottom: 0; } /* 404 Page ----------------------------------------------------------------------------*/ body.error404 #primary { padding: 30px 0; } /* Search Results ----------------------------------------------------------------------------- */ body.search.search-results #primary { padding-bottom: 20px; } body.search.search-results .entry-title { font-size: 3em; } body.search.search-results article p { font-size: 1.8em; line-height: 1.4em; } /* removing border separating site header on flex pages. ------------------------------------------------------------------------- */ body.home.page .site-main, body.page-template-content-blocks-page.page .site-main { border-top: 0; padding: 90px 0 0 0; } body.home.page .site-main .content-width, body.page-template-content-blocks-page.page .site-main .content-width { border-top: 0; } body.page-template-careers-page.page .site-main .content-width { border-top: 0; } /* Careers Page ----------------------------------------------------------------------------*/ body.page-template-careers-page .careers-masthead { height: 405px; } body.page-template-careers-page .careers-masthead .inner-container .page-title { font-size: 4.6em; } body.page-template-careers-page .careers-masthead .inner-container p { width: 75%; font-size: 1.7em; } /* Leadership Team --------------------------------------------------------------------------- */ body.page-template-team-page ul.team-list { list-style: none; padding-left: 0px; margin-left: 0px; } body.page-template-team-page ul.team-list li { margin-top: 45px; padding-bottom: 45px; border-bottom: 1px solid #ad431c; } body.page-template-team-page ul.team-list li div.body-text { margin: 0 0 0 30px; } body.page-template-team-page ul.team-list li div.body-text p { margin: 0; font-size: 1.6em; font-weight: 400; line-height: 1.5em; } body.page-template-team-page ul.team-list li div.body-text .entry-header h3 { margin: 0; font-family: "canada-type-gibson", sans-serif; font-size: 2.1em; font-weight: 600; text-align: left; text-transform: none; color: #ad431c; } body.page-template-team-page ul.team-list li div.body-text .entry-header p.job-title-position { display: block; margin: 0; padding: 4px 0; font-size: 1.4em; font-weight: 600; text-transform: none; /*replaced*/ color: #959595; } body.page-template-team-page ul.team-list li.has-thumbnail div.image-container { width: 20%; display: inline-block; vertical-align: top; } /* body.page-template-team-page ul.team-list li.has-thumbnail div.image-container img { -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; border-radius: 80px; } */ body.page-template-team-page ul.team-list li.has-thumbnail div.body-text { display: inline-block; width: 71%; vertical-align: top; } /* Lazy Load spinner for both blog and Whitepaper landing page ------------------------------------------------------------------------- */ body.page-template-whitepapers-page #load-more-posts, body.blog #load-more-posts { margin-bottom: 25px; } /* Footer Styles ------------------------------------------------------------------------- */ #colophon div.footer-sidebar ul.cols li.social { width: 30%; } /*============================ sales section ====================================*/ section.flex-content.sales_section div.flex-content-wrapper .sales_col1 { display: none; } section.flex-content.sales_section div.flex-content-wrapper .sales_col2 { float: none !important; margin: 0 auto; width: 50% !important; max-width: 150px; height: 149px; padding: 0 0 0 0 !important; background: #fff; border-radius: 100%; overflow: hidden; } section.flex-content.sales_section div.flex-content-wrapper .sales_col2 img { position: relative !important; margin-left: 0 !important; top: 2%; left: -20px; max-width: 129% !important; } section.flex-content.sales_section div.flex-content-wrapper .sales_col3 { float: none !important; margin: 0 auto; width: 95% !important; text-align: center; } section.flex-content.sales_section div.flex-content-wrapper h3, section.flex-content.sales_section div.flex-content-wrapper .sales_col3 ul { text-align: center !important; } body.home section.flex-content.sales_section div.flex-content-wrapper { padding: 30px 0 30px !important; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li .image-container { min-height: inherit; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column { width: 95%; margin: 0 auto; } } @media screen and (max-width: 700px) { section.logo-parade-content-block div.flex-content-wrapper ul.item-list li { max-height: 100%; display: inline-block; vertical-align: middle; /* padding: 0px 1.5%; */ padding: 3% 30%; width: 40%; } /* Footer Styles ===========================================================================*/ #colophon div.footer-sidebar ul.cols { padding: 50px 0 136px; text-align: center; } #colophon div.footer-sidebar ul.cols li { text-align: center; width: 50%; margin-left: 0px; margin-bottom: 25px; } #colophon div.footer-sidebar ul.cols li h4 { text-align: center; } #colophon div.footer-sidebar ul.cols li.newsletter { bottom: 25px; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=email] { width: 88%; } #colophon div.footer-sidebar ul.cols li.toronto { display: inline-block; width: 40%; margin-right: 2%; } #colophon div.footer-sidebar ul.cols li.kelowna { display: inline-block; width: 40%; margin-left: 2%; } #colophon div.footer-sidebar ul.cols li.social { display: inline-block; width: 190px; } #colophon div.footer-sidebar ul.cols li.social span { margin-left: 2%; } } @media screen and (max-width: 590px) { /* Header / Nav ------------------------------------------------------------------------- */ .navigation-top span.phone-number { right: 85px; } .site-header div.content-width div.site-branding h1.site-title a { width: 185px; height: 28px; } p.sales_phone_number { font-size: 28px !important; } section.flex-content.sales_section div.flex-content-wrapper h3 { font-size: 22px !important; } /* Whitepapers Landing Page ------------------------------------------------------------------------- */ body.page-template-whitepapers-page .entry-content ul li { width: 100%; margin-right: 0; } #colophon nav.navigation-footer { padding-top: 30px; } #colophon nav.navigation-footer .menu-footer-menu-container ul li { display: block; text-align: left; margin-left: 0; } } @media screen and (max-width: 500px) { section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .item-container { padding-right: 0; } body.page .default_banner .entry-title { top: 0px !important; position: relative !important; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li .image-container { min-height: inherit; } .default_banner { padding: 20px 0 !important; } .default_banner h1 { width: 90% !important; text-align: center; color: #fff; padding: 5% !important; } .default_banner img { display: none; } .navigation-top span.phone-number { top: -28px; right: 22px; } .navigation-top span.phone-number a { color: black !important; text-decoration: none; } .site-header div.content-width { margin: 40px 0 25px; } /* Switching to 1 column */ #primary, #secondary { float: none; width: auto; } /* Generic flex content styles ============================================================================= */ section.flex-content h2 { padding: 0 10px; } section.flex-content div.flex-content-wrapper { padding: 40px 0; } /* masthead styles ============================================================================= */ section.masthead { height: 300px; } section.masthead .flex-content-wrapper .entry-header .entry-title { margin-top: 14px; } section.masthead .flex-content-wrapper .entry-summary p { font-size: 1.8em; line-height: 1.4em; margin: 20px auto 0; width: auto; padding: 0 20px; } body.home section.masthead { padding-top: 30px; height: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.home section.masthead .flex-content-wrapper .entry-header h1 { font-size: 2.2em; } body.home section.masthead .flex-content-wrapper .entry-summary p { font-size: 1.8em; line-height: 1.4em; } body.page section.masthead { padding-top: 30px; height: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Cloud Content ============================================================================= */ .cloud-content { height: 200px; margin-top: -100px; } .cloud-content div.cloud-container { width: 14em; padding: 0 3em; margin-left: -10em; height: 60%; } .cloud-content div.cloud-container h2.cloud-header { margin-top: 2.2em; font-size: 1.8em; } .cloud-content div.cloud-container p { font-size: 1.2em; } /* Learn more content styles ============================================================================= */ section.learn-more-content-block { text-align: center; } section.learn-more-content-block div.flex-content-wrapper ul.item-list { padding: 30px 20px; } section.learn-more-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { font-size: 2.2em; } section.learn-more-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text { width: auto; } section.learn-more-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text p { font-size: 1.8em; line-height: 1.4em; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column { padding: 20px 0 20px; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li { display: inline-block; width: 90%; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li div.item-container h3 { font-size: 2.2em; line-height: 1.2em; min-height: inherit; width: 95%; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li div.item-container .body-text { width: 85%; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li div.item-container .body-text p { display: none; } section.learn-more-content-block div.flex-content-wrapper ul.item-list.two-column li div.item-container a.learn-more { margin-bottom: 20px; } /* Services content styles ============================================================================= */ section.services-content-block { text-align: center; background-position: top center; } section.services-content-block div.flex-content-wrapper { padding: 40px 0; } section.services-content-block div.flex-content-wrapper h2 { font-size: 2.2em; line-height: 1.5em; margin: 0; } section.services-content-block div.flex-content-wrapper h2.three-column, section.services-content-block div.flex-content-wrapper h2.four-column { margin-bottom: 80px; } section.services-content-block div.flex-content-wrapper ul.item-list li { text-align: center; width: 100%; margin: 50px 0 0px; } section.services-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { margin: 15px 15px 2px 15px; font-size: 1.6em; font-weight: 600; line-height: 1.3em; } section.services-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text p { line-height: 1.4em; font-size: 1.5em; font-weight: 300; display: none; } section.services-content-block div.flex-content-wrapper ul.item-list li div.item-container a.learn-more { margin-bottom: 40px; } section.services-content-block div.flex-content-wrapper ul.item-list.three-column li { margin: 0px 2%; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li { vertical-align: top; width: 22%; margin: 0 1.5%; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container h3 { margin: 25px 0 10px; color: #d6642a; font-size: 1.7em; } section.flex-content div.flex-content-wrapper a.button { padding: 12px 15px; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container div.body-text p { font-size: 1.6em; margin-bottom: 20px; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container a.button { margin-top: 10px; } /* Testimonials (slider) ============================================================================= */ /* section.testimonials-content-block { padding-bottom: 20px !important; } */ section.testimonials-content-block.light-text .swiper-container { margin-top: 0 !important; height: auto !important; } section.testimonials-content-block.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper { margin-bottom: 0; } section.testimonials-content-block.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container { background-image: url("images/testimonial-slider-logo-arrow-hollow-mobile.png") !important; background-position: center bottom !important; background-repeat: no-repeat; padding-bottom: 40px; } section.testimonials-content-block.light-text .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { background-position: center -52px !important; } section.testimonials-content-block div.flex-content-wrapper h2 { font-size: 2.2em; line-height: 1.2em; margin-top: 20px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container { width: 100%; height: 600px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .dotted-box { display: none; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container { min-height: 250px; height: 270px; width: 100%; background-image: none; padding: 0; margin: 0; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .image-container img { vertical-align: middle; max-width: 70%; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 45px 0 0 0; padding: 35px 20px 0 20px; text-align: center; background-position: center top; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text blockquote { margin: 0; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text blockquote p { font-size: 1.15em; line-height: 1.4em; margin-top: 1.2em; margin-bottom: 1.2em; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text h5 { text-align: center; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { position: absolute; right: 0; left: 0; bottom: -50px; width: 100%; text-align: center; padding: 0; margin: 0; } section.latest-blog-content-block:before { background: transparent; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination .swiper-pagination-switch { border: 2px solid white; margin: 0 5px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination .swiper-pagination-switch.swiper-active-switch { background: #d6642a; } /* Latest blog content styles ============================================================================= */ section.latest-blog-content-block div.flex-content-wrapper { padding: 40px 0; } section.latest-blog-content-block div.flex-content-wrapper h2 { font-size: 2.2em; line-height: 1.2em; } section.latest-blog-content-block div.flex-content-wrapper .body-text { width: 85%; display: none; } section.latest-blog-content-block div.flex-content-wrapper .body-text p { display: none; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li { display: inline-block; vertical-align: top; width: 100%; margin: 40px 0px 0px 0; padding: 0 20px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li:first-child { margin-left: 0; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container div.image-container { margin-bottom: 20px; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container div.image-container img { border-radius: 10px; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { margin-top: none; margin-bottom: 10px; font-family: "canada-type-gibson", sans-serif; font-size: 2.2em; font-weight: 100; line-height: 1.2em; text-transform: none; text-align: center; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 a { text-decoration: none; color: #21759b; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 a:hover, section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 a:focus { text-decoration: none; color: #ad431c; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container p.categories { color: #ad431c; text-transform: none; /*replaced*/ font-size: 1.2em; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 1.2em; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container p.categories a { color: #ad431c; text-decoration: none; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container p.categories a:hover, section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container p.categories a:focus { text-decoration: underline; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text { margin: 0 0 20px; width: 100%; font-size: 1.6em; text-align: left; line-height: 1.4em; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container a.read-more { display: none; } /* Call to Action styles ============================================================================= */ section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left, section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .image-container, section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .image-container { width: auto; margin: 0; display: block; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .content-container, section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .content-container { margin-top: 2em; margin-left: 0; margin-right: 0; width: auto; padding: 0 20px; text-align: left; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .content-container h3, section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .content-container h3 { font-size: 2.2em; line-height: 1.2em; text-align: center; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .content-container a.learn-more, section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .content-container a.learn-more { margin-left: 1%; margin-right: 1%; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container { text-align: left; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container p { font-size: 1.8em; line-height: 1.4em; text-align: left; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container a.learn-more { margin-left: 1%; margin-right: 1%; } /* Logo parade content styles ============================================================================= */ /* Basic content block styles ============================================================================= */ /* Generic Details Page ----------------------------------------------------------------------------- */ body.page .page-title { font-size: 3em !important; } body.page .entry-title { font-size: 3em; } body.page .entry-content p { font-size: 1.8em; line-height: 1.4em; } body.page .entry-content ul { margin: 20px 0 0 0px; padding: 0 0 0 20px; } body.page .entry-content ol { margin: 20px 0 0 0; padding: 0 0 0 20px; } body.page h2 { font-size: 2.2em; line-height: 1.2em; } body.page h4 { font-size: 2em; } /* Whitepapers Landing =============================================================================*/ body.page-template-whitepapers-page .entry-content ul { padding: 0; } /* Margin and Padding for Internal Pages ------------------------------------------------------------------------------*/ body.page-template-default #primary, body.page-template-team-page #primary, body.page-template-faq-page #primary, body.page-template-careers-page #primary, body.page-template-news-events-page #primary, body.page-template-whitepapers-page #primary, body.blog #primary, body.single #primary { padding: 30px 0px 0 0px; margin: 0; } /* Details Pages ----------------------------------------------------------------------------- */ body.single h2 { color: #21759b; font-size: 3em; line-height: 1.1em; } body.single .entry-content h4 { font-size: 2em; line-height: 1.4em; } body.single .entry-content p { font-size: 1.8em; line-height: 1.4em; } body.single .entry-content h4+ p { margin-top: 0.5px; } /*body.single .entry-content ul { font-size: 1.8em; line-height: 1.4em; } body.single .entry-content ol { font-size: 1.8em; line-height: 1.4em; } */ body.single .entry-footer .author h4.author-title { font-size: 2em; line-height: 1.4em; } body.single .entry-footer .author p { font-size: 1.8em; line-height: 1.4em; } /* 404 Page ----------------------------------------------------------------------------- */ body.error404 .entry-title { font-size: 3em; } body.error404 .entry-content .searchform input { width: 100%; margin-right: 0; } body.error404 .entry-content .searchform input[type="submit"] { margin-top: 20px; float: right; } /* Leadership Team ----------------------------------------------------------------------------- */ body.page-template-team-page ul.team-list li { margin-top: 45px; padding-bottom: 45px; border-bottom: 1px solid #ad431c; } body.page-template-team-page ul.team-list li div.body-text { margin: 0; } body.page-template-team-page ul.team-list li div.body-text p { margin: 0; font-size: 1.8em; font-weight: 400; line-height: 1.5em; } body.page-template-team-page ul.team-list li div.body-text .entry-header h3 { margin: 15px 0 0 0; font-size: 2.1em; line-height: 1.4em; } body.page-template-team-page ul.team-list li div.body-text .entry-header p.job-title-position { display: block; margin: 0; padding: 6px 0; font-size: 1.4em; font-weight: 600; text-transform: none; /*replaced*/ color: #959595; } body.page-template-team-page ul.team-list li.has-thumbnail div.image-container { width: auto; display: inline-block; vertical-align: top; } /* body.page-template-team-page ul.team-list li.has-thumbnail div.image-container img { -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; border-radius: 80px; } */ body.page-template-team-page ul.team-list li.has-thumbnail div.body-text { width: 100%; } /* FAQ Page ----------------------------------------------------------------------------- */ body.page-template-faq-page { /** Non JS version keeps all the answers open. ------------------------------------------------------------------------- */ } body.page-template-faq-page .entry-content ul { padding: 0; } body.page-template-faq-page ul.faq-list> li { list-style: none; display: block; margin-top: 45px; padding-bottom: 30px; border-bottom: 1px solid #ad431c; } body.page-template-faq-page ul.faq-list> li:before { display: none; } body.page-template-faq-page ul.faq-list> li .faq-question button { line-height: 1.3em; text-align: left; vertical-align: middle; color: #21759b; cursor: pointer; -webkit-appearance: none; text-shadow: none; } body.page-template-faq-page ul.faq-list> li .faq-question button .arrow { float: left; margin: 4px 20px 0 0; } body.page-template-faq-page ul.faq-list> li .faq-answer { margin-left: 0px; display: none; } body.page-template-faq-page ul.faq-list> li .faq-answer h4 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 1.12em; line-height: 1.3em; text-align: left; text-transform: none; color: #ad431c; margin: 30px 0 -20px 0; } body.page-template-faq-page ul.faq-list> li .faq-answer p { font-size: 1.12em; font-weight: 400; margin: 30px 0 0 0; line-height: 1.4em; } body.page-template-faq-page ul.faq-list> li .faq-answer ul, body.page-template-faq-page ul.faq-list> li .faq-answer ol { padding: 0 0 0 40px; font-size: 1.12em; line-height: 1.4em; } body.page-template-faq-page ul.faq-list> li.open .faq-answer { display: block; } body.page-template-faq-page ul.faq-list> li:first-child { padding-top: 30px; border-top: 1px solid #ad431c; } body.page-template-faq-page.no-js ul.faq-list li .faq-answer { display: block; } /* Careers Page ----------------------------------------------------------------------------*/ body.page-template-careers-page .careers-masthead { height: 405px; } body.page-template-careers-page .careers-masthead .inner-container .page-title { font-size: 4.6em; } body.page-template-careers-page .careers-masthead .inner-container p { width: 75%; font-size: 1.8em; line-height: 1.4em; } body.page-template-careers-page .entry-content h2 { font-size: 2.2em; } body.page-template-careers-page ul.job-list li .entry-content p { font-size: 1.8em; line-height: 1.4em; } /* Blog Styles ============================================================================*/ body.blog .blog-header .page-title { font-size: 3em; } body.blog ul.blog-list li .entry-content p { font-size: 1.8em; line-height: 1.4em; } /* Lazy Load spinner for both blog and Whitepaper landing page ------------------------------------------------------------------------- */ body.page-template-whitepapers-page #load-more-posts, body.blog #load-more-posts { min-height: 40px; } body.page-template-whitepapers-page #load-more-posts .loading-message img, body.blog #load-more-posts .loading-message img { top: 4px; } body.page-template-whitepapers-page #load-more-posts .loading-message p, body.blog #load-more-posts .loading-message p { padding-top: 0; margin-top: -4px; } body.page-template-whitepapers-page #load-more-posts .loading-message p.no-results, body.blog #load-more-posts .loading-message p.no-results { padding-top: 0; margin-top: 0; margin-bottom: 0; } /* Footer Styles ===========================================================================*/ #colophon nav.navigation-footer { font-size: 1.23em; } #colophon div.footer-sidebar ul.cols { padding: 50px 0 152px; text-align: center; } #colophon div.footer-sidebar ul.cols li { width: 50%; margin-left: 0px; margin-bottom: 25px; } #colophon div.footer-sidebar ul.cols li.newsletter { bottom: 25px; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=email] { width: 88%; } #colophon div.footer-sidebar ul.cols li.toronto { display: inline-block; width: 100%; margin-right: 0; } #colophon div.footer-sidebar ul.cols li.kelowna { display: inline-block; width: 100%; margin-left: 0; } #colophon div.footer-sidebar ul.cols li.social { display: inline-block; width: 100%; } #colophon div.footer-sidebar ul.cols li.social span { margin-left: 2%; } #colophon div.footer-sidebar ul.cols li.newsletter { text-align: left; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type="email"] { margin-right: 0; width: 72%; } #colophon div.copyright li { list-style-type: none; } #colophon div.copyright .menu-copyright-menu-container ul { padding-left: 0; } } @media screen and (max-width: 380px) { .site-header div.content-width div.site-branding h1.site-title a { width: 180px; height: 23px; } } /* iphone only */ @media screen and (max-width: 320px) { /* Cloud Content ============================================================================= */ section.cloud-content { top: 255px; } } @media screen and (max-width: 550px) { #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email { height: 45px; margin-bottom: 10px; } } @media screen and (min-width: 911px) { body.page section.masthead { height: 450px; } } @media screen and (max-width: 730px) { section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left, section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .image-container, section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .image-container { width: auto; margin: 0; display: block; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.left .content-container, section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .content-container { margin-top: 2em; margin-left: 0; margin-right: 0; width: auto; padding: 0 20px; text-align: left; } } @media screen and (min-width: 911px) and (max-width: 1162px) { .navigation-top span.phone-number, .navigation-top span.top_links, .navigation-top span.login { padding: 0 5px 0 0 !important; } .site-header div.content-width div.site-branding h1.site-title a { /* background-size: 180px; */ background-size: 250px; } .site-header div.content-width div.site-branding h1.site-title a { /* width: 180px !important; */ width: 250px !important; } .navigation-top { width: 78% !important; } .navigation-main a { padding: 15px 9px !important; } .navigation-top .toplinks_wrpr { /* text-align: right !important; -- AG */ font-size: 0.85em; width: 58%; } .navigation-top .menu-top-menu-container ul.menu li { list-style-type: none; display: inline-block; margin-left: 0.5em; } .navigation-top .menu-top-menu-container ul.menu li.login a { background-position: -85px -105px; background-size: 320px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text blockquote p { font-size: 1.2em !important; line-height: 1.6em; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { padding: 2.2em 2% 0 5% !important; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { left: 70px !important; } #colophon div.footer-sidebar ul.cols { padding: 50px 0 50px !important; } #colophon div.footer-sidebar ul.cols li.kelowna { width: 50% !important; position: absolute; left: 0; bottom: 34px; } #colophon div.footer-sidebar ul.cols li.newsletter { width: 47% !important; bottom: 20px !important; left: auto !important; right: 0; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { width: 120px !important; font-size: 1.8em !important; } #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email { width: 280px !important; font-size: 1.5em !important; float: left; } #colophon div.footer-sidebar ul.cols li h4 { padding: 0 0 0 0 !important; text-align: left !important; } #masthead h1 { font-size: 12em !important; } #colophon .menu-footer-menu-container ul li { padding-right: 5px !important; } #colophon .menu-footer-menu-container ul li a { font-size: 12px !important; padding-left: 42px !important; } #colophon .menu-footer-menu-container { width: 53% !important; } #colophon div.footer-sidebar ul.cols { width: 47% !important; } } @media screen and (max-width: 910px) { #main { padding: 80px 0 0 0 !important; } header#masthead { position: fixed; width: 100%; height: 90px; /* background: #fff; */ z-index: 99; border-bottom: 1px solid #eee; background: rgba(255, 255, 255, 0.9); } .navigation-top .toplinks_wrpr, a.button01, .navigation-top .socialmedia { display: none !important; } .contact-button a.button01 { display: block !important; padding: 8px 10px !important; float: left !important; } .contact-button a.button01:hover { background: none; border: 2px solid #d6642a; } .menu-toggle { margin-right: 15px !important; } .site-header div.content-width div.site-branding h1.site-title a { background-size: 175px !important; margin-left: 15px !important; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li { width: 95% !important; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container a.button { margin: 0 0 25px 0 !important; } body.home section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container a.button { margin: 0 0 5px 0 !important; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container h3 { max-width: 100% !important; margin: 10px 0 10px !important; } section.services-content-block div.flex-content-wrapper h2.three-column, section.services-content-block div.flex-content-wrapper h2.four-column { margin: 0 0 30px 0 !important; } section.team-content-block div.flex-content-wrapper ul.item-list li { width: 90% !important; } body.page-template-default .content-width, body.page-template-team-page .content-width, body.page-template-faq-page .content-width, body.page-template-careers-page .content-width, body.page-template-news-events-page .content-width, body.page-template-whitepapers-page .content-width, body.blog .content-width, body.single .content-width, body.error404 .content-width, body.search.search-results .content-width { padding: 0 0 !important; width: 90% !important; margin: 0 auto; } section.team-content-block .flex-content-wrapper, section.services-content-block div.flex-content-wrapper { padding: 40px 0 !important; } section.flex-content div.flex-content-wrapper { padding: 10px 0 !important; } body.home section.flex-content div.flex-content-wrapper { padding: 45px 0 !important; overflow: hidden; } body.home section.latest-blog-content-block div.flex-content-wrapper { padding: 0 0 45px 0 !important; } body.page section.services-content-block div.flex-content-wrapper ul.item-list li { margin: 20px 2% 20px !important; } section.flex-content.logo-parade-content-block div.flex-content-wrapper { padding: 40px 0 !important; } section.flex-content .table-cell { padding: 40px 0 0 0 !important; } section.flex-content .swiper-container .table-cell { padding: 0 !important; } section.flex-content .swiper-container .table-cell .image-container img { max-width: 100%; } #colophon .menu-footer-menu-container { width: 100% !important; /* padding-top: 25px!important;*/ } #colophon div.footer-sidebar ul.cols { width: 100% !important; padding: 19px 0 19px !important; } #colophon div.footer-sidebar ul.cols li.newsletter { position: relative !important; bottom: auto !important; } #colophon div.footer-sidebar ul.cols li { text-align: left !important; } section.learn-more-content-block div.flex-content-wrapper ul.item-list { padding: 10px 0 !important; } /* --------------------New menu--------------------*/ .content-width.margin-auto { overflow: hidden; } .navigation-main ul, .navigation-main li { float: left !important; width: 100%; } .navigation-main ul ul { display: none; position: absolute; left: 0; z-index: 99999; } .navigation-main .sub-menu-1 { width: 650px; background: #24272a !important; } .navigation-main .sub-menu-1 li a { width: 86%; float: left; font-size: 20px; padding: 4px 7% !important; } .navigation-main .sub-menu-2 li a { width: 86%; float: left; font-size: 12px; padding: 4px 7% !important; } .navigation-main .sub-menu-1 li { width: 100% !important; float: left; padding: 0 0 !important; } .navigation-main .sub-menu-2 li { width: 100% !important; float: left; padding: 0; } .navigation-main ul ul ul { position: relative; display: block !important; } .navigation-main .sub-menu-2 { width: 100% !important; float: left; } .navigation-main .sub-menu-3 { width: 100% !important; float: left; } .navigation-main .sub-menu-3 li a { width: 70%; float: left; font-size: 12px; padding: 4px 15% !important; } .navigation-main .single .sub-menu-1 { width: 100% !important; padding: 3% 0 !important; } .navigation-main .single .sub-menu-1 li { width: 100% !important; float: left; padding: 0px !important; } .navigation-main .single .sub-menu-1 li a, .navigation-main li ul.sub-menu> li a { font-size: 12px !important; } .navigation-main li ul.sub-menu> li a:before { display: block; content: ""; position: absolute; left: 15px; top: 13px; display: inline-block; background-image: url("images/mobile-nav-sprites.svg"); background-repeat: no-repeat; background-position: -24px -93px; width: 12px; height: 14px; margin-left: 0px; padding: 0px 0px 0px 0px; top: 8px; } .navigation-main li ul.sub-menu> li a { padding-left: 40px !important; } .navigation-main .sub-menu-2 li a:before { display: none !important; /* background-size: 20px!important;*/ } .navigation-main li ul.sub-menu> li a:hover:before, .navigation-main li ul.sub-menu> li a:focus:before, .navigation-main li ul.sub-menu> li a:active:before { background-position: -84px -93px; } /* --------------------New menu--------------------*/ } @media screen and (max-width: 550px) { #colophon div.copyright .footer_block { width: 95% !important; float: none !important; margin: 0 auto; } #colophon div.footer-sidebar ul.cols li h4 { text-align: left !important; } #colophon div.footer-sidebar ul.cols li.kelowna { width: 100% !important; margin-left: 0 !important; } #colophon div.footer-sidebar ul.cols li.newsletter { bottom: 10px !important; text-align: left !important; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { width: 118px !important; position: absolute !important; bottom: -50px !important; left: 0; height: 48px !important; right: auto !important; background-position: -242px -185px !important; } #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email { width: 280px !important; } #colophon nav.navigation-footer { padding-top: 0 !important; } section.team-content-block div.flex-content-wrapper ul.item-list li .item-container .image-container { width: 100% !important; text-align: center !important; } body.home section.team-content-block div.flex-content-wrapper h3 { text-align: center !important; } body.home section.team-content-block div.flex-content-wrapper h4 { text-align: center !important; } body.home section.team-content-block div.flex-content-wrapper p { text-align: center !important; } section.team-content-block div.flex-content-wrapper ul.item-list li .item-container .team-txt-container { width: 100% !important; } #colophon div.footer-sidebar { padding: 0 20px 30px 20px !important; } body.home section.masthead.flex-content .flex-content-wrapper { padding: 0px 0 !important; } body.home section.logo-parade-content-block div.flex-content-wrapper ul.item-list { margin: 20px auto 0px !important; } } @media screen and (max-width: 500px) { section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text { margin: -12px 0 0 0 !important; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner ul.swiper-wrapper li.swiper-slide .body-text h5 { margin: 0 0 15px !important; line-height: 1.5 !important; } body.home section.testimonials-content-block { overflow: visible !important; } body.home section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { z-index: 99 !important; } body.home section.flex-content.latest-blog-content-block { z-index: 9 !important; position: relative !important; } #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email { font-size: 1.3em !important; width: 245px !important; } body.home section.flex-content.latest-blog-content-block div.flex-content-wrapper { padding: 25px 0 !important; } body.home section.latest-blog-content-block div.flex-content-wrapper ul.item-list li { margin: 20px 0px 0px 0 !important; } } @media screen and (min-width: 501px) and (max-width: 910px) { section.latest-blog-content-block div.flex-content-wrapper ul.item-list li { width: 30% !important; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { font-size: 1.6em !important; } section.latest-blog-content-block div.flex-content-wrapper ul.item-list li div.item-container div.body-text { font-size: 1.4em !important; } #colophon nav.navigation-footer .menu-footer-menu-container ul li { display: inline-block !important; } #colophon nav.navigation-footer .menu-footer-menu-container ul { text-align: left !important; } } @media screen and (min-width: 551px) and (max-width: 910px) { #colophon div.copyright .footer_block { width: 50% !important; /* float: none!important;*/ margin: 0 auto; } #colophon div.copyright .footer_block:nth-child(1), #colophon div.copyright .footer_block:nth-child(2) { min-height: 110px; } #colophon div.copyright .footer_block:nth-child(3), #colophon div.copyright .footer_block:nth-child(4) { min-height: 100px; } #colophon div.footer-sidebar ul.cols li h4 { text-align: left !important; } #colophon div.footer-sidebar ul.cols li.kelowna { width: 100% !important; margin-left: 0 !important; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { width: 118px !important; position: absolute !important; bottom: 0 !important; left: 295px; right: auto !important; background-position: -244px -185px !important; } #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email { width: 280px !important; float: left; } } @media screen and (max-width: 1180px) { section.testimonials-content-block div.flex-content-wrapper .swiper-container { overflow: visible !important; } .navigation-main .content-width.margin-auto { text-align: left; } } @media screen and (max-width: 338px) { body.home section.testimonials-content-block div.flex-content-wrapper { overflow: hidden !important; } } @media screen and (max-width: 338px) { body.home section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { bottom: -45px !important; } } @media screen and (min-width: 911px) and (max-width: 1162px) { section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { margin-right: 0 !important; left: auto !important; } } @media screen and (min-width: 339px) and (max-width: 358px) { body.home section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { bottom: -55px !important; } } @media screen and (min-width: 200px) and (max-width: 684px) { #colophon div.copyright .footer_block ul li li a { color: #c6c4c4; text-decoration: none; font-size: 14px; padding: 0 0 0px 0; display: none; } .alignright, .alignleft { display: block !important; float: none !important; margin: 1.5em 0 !important; } #colophon div.copyright .footer_block ul li a { padding: 0px 0 0px 0 !important; display: block; } } @media screen and (min-width: 1025px) and (max-width: 1182px) { #colophon .menu-footer-menu-container { width: 55% !important; } #colophon div.footer-sidebar ul.cols { width: 45% !important; position: relative; } #colophon div.footer-sidebar ul.cols li.newsletter { width: 100% !important; left: 0; bottom: 15px; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=email] { position: absolute !important; right: 145px !important; width: 55.6% !important; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { width: 140px !important; } } @media screen and (min-width: 911px) and (max-width: 1180px) { section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .content-container { margin-top: 0em !important; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container a.button { padding: 12px 12px !important; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.content-container { width: 45.8% !important; } section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .image-container { width: 45.5% !important; } } @media screen and (min-width: 911px) and (max-width: 1025px) { section.call-to-action-content-block div.flex-content-wrapper ul.item-list li div.item-container.right .image-container { width: 81% !important; margin: 0 !important; margin-right: -310px !important; } } .sales_section { border-top: 5px solid #d6642a; /* background: url(images/sales-bg.jpg)no-repeat;*/ background: #21759b; background-size: cover; position: relative; color: #fff; } .page section.flex-content.sales_section div.flex-content-wrapper { padding: 30px 0 40px !important; } .home section.flex-content.sales_section div.flex-content-wrapper { padding: 30px 0 40px !important; } section.flex-content.sales_section { overflow: visible; /* margin-top: 50px;*/ } section.flex-content.sales_section div.flex-content-wrapper h3 { font-size: 28px; text-align: left; text-transform: none; margin: 0; font-weight: 600; } p.sales_phone_number { font-size: 32px; display: block; padding: 0; margin: 0; color: #fff !important; } p.sales_phone_number a { color: #fff !important; cursor: text; text-decoration: none; } span.person_name { font-size: 20px; display: block; } span.person_role { font-size: 15px; display: block; } section.flex-content.sales_section div.flex-content-wrapper .sales_col1 { width: 20%; float: left; padding: 3% 0 0 10%; } section.flex-content.sales_section div.flex-content-wrapper .sales_col2 { width: 30%; float: left; padding: .7em; } section.flex-content.sales_section div.flex-content-wrapper .sales_col2 img { position: absolute; max-width: 100%; bottom: 0; margin-left: -20px; } section.flex-content.sales_section div.flex-content-wrapper .sales_col3 { width: 35%; float: left; } section.flex-content.sales_section div.flex-content-wrapper .sales_col3 ul li a.chat_now { position: absolute; width: 45px; height: 45px; background: url(images/icon-chat.png) no-repeat; } section.flex-content.sales_section div.flex-content-wrapper .sales_col3 ul li a.call_now { position: absolute; width: 45px; height: 45px; background: url(images/icon-phone.png) no-repeat; } section.flex-content.sales_section div.flex-content-wrapper .sales_col3 ul li a.mail_now { position: absolute; width: 45px; height: 45px; background: url(images/icon-mail.png) no-repeat; } /* section.flex-content.sales_section div.flex-content-wrapper .sales_col3 ul li a:hover{ transform: scale(1.1); } */ section.flex-content.sales_section div.flex-content-wrapper .sales_col3 ul { text-align: left; margin: 0; padding: 0; } section.flex-content.sales_section div.flex-content-wrapper .sales_col3 ul li { display: inline-block; padding: 0 55px 0 0; } section.flex-content div.flex-content-wrapper a.button { /* Generic BTN Styles */ display: inline-block; margin: 15px auto 0; padding: 12px 17px; text-decoration: none; text-transform: none; /*replaced*/ -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 1.4em; font-weight: 600; letter-spacing: .05em; } section.flex-content div.flex-content-wrapper .sales_button a.button { border: 2px solid #fff; color: #fff; padding: 8px 17px; margin: 12px auto 0; } section.flex-content div.flex-content-wrapper .sales_button a.button:hover { background: #fff; color: #000; } /*======================= Sales section style End ==========================*/ body.home section.masthead div.flex-content-wrapper { padding-top: 100px; } .masthead .flex-content-wrapper .get-started { width: 100%; text-align: center; } .masthead .flex-content-wrapper .get-started a { display: block; background: rgba(255, 255, 255, 0.2) url(images/arrow-right.png) no-repeat 90% 17px; padding: 16px 25px; width: 222px; margin: 35px auto 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: left; text-decoration: none; text-transform: capitalize; line-height: 24px; font-size: 2.2em; color: white; } .masthead .flex-content-wrapper .get-started a:hover { background: white url(images/arrow-right-black.png) no-repeat 90% 17px; color: #262729; } section.services-content-block div.flex-content-wrapper h2 { margin: 0; color: #d6642a !important; } section.services-content-block div.flex-content-wrapper h2.three-column, section.services-content-block div.flex-content-wrapper h2.four-column { margin-bottom: 45px; } section.flex-content.dark-text a { color: #313335; } section.services-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 a:hover { color: #d6642a; } a { text-decoration: none; } /* a:hover, :hover { */ a:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a, a:link, a:visited { outline: none; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } body.home section.flex-content.services-content-block div.flex-content-wrapper a.button { background: #fff url(images/learn_arrow.png) no-repeat 97% 5px; border: none; padding: 0 18px 0 0; } body.home section.flex-content.services-content-block div.flex-content-wrapper a.button:hover { color: #d6642a; background: #fff url(images/learn_arrow.png) no-repeat 100% 5px; } body.home section.flex-content.services-content-block div.flex-content-wrapper .viewall_services a.button:hover { background-color: #21759b; border: 2px solid #21759b; color: #fff; } body.home section.flex-content.services-content-block div.flex-content-wrapper .viewall_services a.button { border: 2px solid #313335; color: #21759b; display: inline-block; margin: 15px auto 0; padding: 11px 25px; text-decoration: none; text-transform: none; border-radius: 0; font-size: 1.4em; font-weight: 600; letter-spacing: .05em; background-image: none; } body.home section.services-content-block div.flex-content-wrapper ul.item-list li div.item-container h3 { min-height: inherit; margin: 0px auto 15px; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li div.item-container h3 { margin: 25px auto 10px; max-width: 100%; font-size: 1.5em; } section.services-content-block div.flex-content-wrapper ul.item-list li .item-container .image-container { min-height: 115px; } body.home.page section.services-content-block div.flex-content-wrapper { padding: 60px 0; } section.flex-content.light-text a.learn-more, section.flex-content.light-text a.request-quote { background-color: #213337; border: 2px solid #fff; background-color: rgba(255, 255, 255, 0.2); } section.logo-parade-content-block div.flex-content-wrapper { padding-top: 50px; padding-bottom: 50px; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination { position: absolute; right: auto; left: auto; bottom: -32px; width: 100%; z-index: 9999; text-align: center; margin-right: 0; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination .swiper-pagination-switch.swiper-active-switch { background: #ad431c; } section.testimonials-content-block div.flex-content-wrapper .swiper-container .swiper-container-inner .swiper-pagination .swiper-pagination-switch { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #21759b; /* border: 2px solid #21759b; */ border: none; opacity: 1; margin: 0 2px; cursor: pointer; } section.latest-blog-content-block:before { content: ""; /* display: block; */ display: none; background: #34383b; height: 3px; width: 25%; margin: 0 auto; } /* Site Footer ----------------------------------------------------------------------------- */ #colophon .menu-footer-menu-container { font-family: "canada-type-gibson", sans-serif; text-transform: none; /*replaced*/ width: 50%; float: left; font-size: 1.4em; padding-top: 35px; /* padding-bottom: 0; } */ padding-bottom: 30px; } #colophon img.footer-logo { float: left; margin-top: 3px; } #colophon .menu-footer-menu-container ul { padding: 0; margin: 0; list-style-type: none; text-align: left; } #colophon .menu-footer-menu-container ul li { padding-right: 42px; display: inline-block; } #colophon .menu-footer-menu-container ul li a { display: block; height: 40px; line-height: 40px; padding-left: 45px; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -360px 0px; text-decoration: none; color: white; } html.lt-ie9 #colophon .menu-footer-menu-container ul li a { background-image: url(images/carbon-sprites.png); } #colophon .menu-footer-menu-container ul li a:hover, #colophon .menu-footer-menu-container ul li a:focus { color: #fff; text-decoration: none; } #colophon .menu-footer-menu-container ul li.careers-link a { background-position: -360px -40px; } #colophon .menu-footer-menu-container ul li.support-link a { background-position: -360px -80px; } #colophon .menu-footer-menu-container ul li.resource-library-link a { background-position: -360px -120px; } #colophon div.footer-sidebar { background: #21759b; color: #252729; } #colophon div.footer-sidebar ul.cols { padding: 28px 0 28px; text-align: right; width: 50%; float: right; } #colophon div.footer-sidebar ul.cols li { margin-left: 5.5%; width: 45%; } #colophon div.footer-sidebar ul.cols li:first-child { margin-left: 0px; } #colophon div.footer-sidebar ul.cols li h4 { text-align: left; margin: 0; color: white; font-weight: 500; padding: 15px 0 0 0; font-size: 1.8em; } #colophon div.footer-sidebar ul.cols li p { margin: .5em 0 0; font-size: 1.6em; } #colophon div.footer-sidebar ul.cols li.newsletter { margin-left: 0; width: 100%; } #colophon div.footer-sidebar ul.cols li.newsletter h4 { margin-bottom: 15px; } #colophon div.footer-sidebar ul.cols li.newsletter form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #colophon div.footer-sidebar ul.cols li.newsletter form input { display: inline-block; vertical-align: top; height: 55px; } #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #23566d; border: 2px solid #23566d; border-radius: 0px; padding: 15px; appearance: none; width: 50.6%; cursor: pointer; margin-right: 1%; font-size: 1em; color: white; } #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email:focus::-webkit-input-placeholder, #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email:focus::-moz-placeholder, #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email:focus:-moz-placeholder, #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email:focus:-ms-input-placeholder { color: white; } #colophon div.footer-sidebar ul.cols li.newsletter form input#epm-email:focus { border: 2px solid white; outline: none; } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: 0; color: #fff; font-size: 1.5em; text-transform: none; /*replaced*/ border: 2px solid white; background-color: #21759b; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; /* background-position: -235px -185px; */ background-position: -248px -185px; border-radius: 0px; width: 33%; margin: 0 0 0 0; padding: 0 0 0 24px; height: 55px; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* CF7 email list form overrides */ #colophon div.footer-sidebar ul.cols, #colophon div.footer-sidebar ul.cols li.newsletter { height: 0; display: none; } #colophon div.footer-sidebar ul.cols li.newsletter #wpcf7-f5753-o1 { height: 0; display: none; } /* li.newsletter .wpcf7-validation-errors { color: white; } li.newsletter .wpcf7-not-valid-tip, li.newsletter .wpcf7-validation-errors { float: right; display block; } */ html.lt-ie9 #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit] { background-image: url(images/carbon-sprites.png); } #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit]:hover, #colophon div.footer-sidebar ul.cols li.newsletter form input[type=submit]:focus { background-color: #fff; color: #000; } #colophon div.footer-sidebar ul.cols li.social { width: 16%; } #colophon div.footer-sidebar ul.cols li.social h4 { margin-bottom: 15px; } #colophon div.footer-sidebar ul.cols li.social span { display: inline-block; margin-left: 2.5%; width: 31.6%; } #colophon div.footer-sidebar ul.cols li.social span a { border-radius: 5px; display: block; width: 100%; height: 58px; text-indent: -9000px; background-color: #23566d; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -240px -120px; } html.lt-ie9 #colophon div.footer-sidebar ul.cols li.social span a { background-image: url(images/carbon-sprites.png); } #colophon div.footer-sidebar ul.cols li.social span a:hover, #colophon div.footer-sidebar ul.cols li.social span a:focus { background-color: white; background-position: -300px -120px; } #colophon div.footer-sidebar ul.cols li.social span:first-child { margin-left: 0; } #colophon div.footer-sidebar ul.cols li.social span.twitter a { background-position: -240px -60px; } #colophon div.footer-sidebar ul.cols li.social span.twitter a:hover, #colophon div.footer-sidebar ul.cols li.social span.twitter a:focus { background-color: white; background-position: -300px -60px; } #colophon div.footer-sidebar ul.cols li.social span.linkedin a { background-position: -240px 0; } #colophon div.footer-sidebar ul.cols li.social span.linkedin a:hover, #colophon div.footer-sidebar ul.cols li.social span.linkedin a:focus { background-color: white; background-position: -300px 0px; } #colophon div.copyright { background: #262729; /* background: #252729;*/ background: -webkit-linear-gradient(#262729, #415154); color: white; font-size: 1.3em; } #colophon div.copyright div.content-width { padding: 20px 0 15px; } #colophon div.copyright a { color: white; text-decoration: none; } #colophon div.copyright a:hover, #colophon div.copyright a:focus { text-decoration: underline; } #colophon div.copyright span.copyright { float: left; } #colophon div.copyright .menu-copyright-menu-container { display: inline-block; } #colophon div.copyright .menu-copyright-menu-container ul { margin: 0; padding-left: 26px; } #colophon div.copyright .menu-copyright-menu-container ul li { margin-right: 27px; float: left; } /* #colophon div.copyright div#live-chat { display: none; position: fixed; right: 20px; bottom: 0; height: 80px; width: 255px; max-width: 100%; z-index: 100; background: #313335; color: #ad431c; font-weight: 700; letter-spacing: 0.06em; border-radius: 5px 5px 0 0; text-transform: none; /*replaced*/ /*margin: 0; background-image: url(images/carbon-sprites.svg); background-repeat: no-repeat; background-position: -263px -263px; } html.lt-ie9 #colophon div.copyright div#live-chat { background-image: url(images/carbon-sprites.png); } #colophon div.copyright div#live-chat a.handle { padding: 20px 20px 20px 90px; position: absolute; left: 0; right: 0; top: 0; margin: 0; font-size: 1.2em; line-height: 1.4em; color: #ad431c; } #colophon div.copyright div#live-chat a.handle span { color: white; font-family: "halogen", sans-serif; font-size: 1em; } #colophon div.copyright div#live-chat a.handle span.arrow { position: absolute; top: 10px; right: 10px; width: 14px; height: 9px; background-image: url(images/carbon-sprites.svg); background-position: -143px -285px; } html.lt-ie9 #colophon div.copyright div#live-chat a.handle span.arrow { background-image: url(images/carbon-sprites.png); } #colophon div.copyright div#live-chat a.handle:hover span.arrow, #colophon div.copyright div#live-chat a.handle:focus span.arrow { background-position: -83px -285px; } */ #colophon div.copyright .footer_block_wrpr { width: 100%; padding: 25px 0; float: left; } #colophon div.copyright .footer_block { width: 25%; float: left; } #colophon div.copyright .footer_block h5 { font-weight: 300; font-size: 1.3em; text-align: left; margin: 0; padding: 0 0 5px 0; text-transform: capitalize; } #colophon div.copyright .footer_block h5 a { color: #fff; text-decoration: none; } #colophon div.copyright .footer_block h5 a:hover { color: #d6642a; } #colophon div.copyright .footer_block ul { padding: 0; list-style: none; margin: 0 0 5px 0; } #colophon div.copyright .footer_block ul li { padding: 0; margin: 0; color: #c6c4c4; } #colophon div.copyright .footer_block ul li a { color: #e5e2e2; text-decoration: none; font-size: 16px; padding: 10px 0 10px 0; display: block; } #colophon div.copyright .footer_block p, #colophon div.copyright .footer_block h5 { padding: 10px 0 0px 0; margin-bottom: 0; color: #e5e2e2; text-decoration: none; font-size: 16px; display: block; } #colophon div.copyright .footer_block h5 { padding: 0; } #colophon div.copyright .footer_block ul li li a { color: #c6c4c4; text-decoration: none; font-size: 14px; padding: 0 0 0px 0; } #colophon div.copyright .footer_block ul li a:hover { color: #fff; } #colophon div.copyright .footer_block ul li ul { padding: 0px; margin: 0; } #colophon div.copyright .footer_block .menu_arrow { display: none; } section.flex-content .table-cell { display: table-cell; text-align: center; /* padding: 20px 0 0 0;*/ padding: 10px 0 0 0; /* vertical-align: top; } */ vertical-align: middle; } p { font-family: "canada-type-gibson", sans-serif; font-size: 1.5em; } body.page section.services-content-block div.flex-content-wrapper { padding: 35px 0; } section.basic-content-block .flex-content-wrapper .inner-container { padding: 50px 0 20px 0; } section.flex-content div.flex-content-wrapper { padding: 0 0 0 0; } section.services-content-block div.flex-content-wrapper ul.item-list li { display: inline-block; text-align: center; vertical-align: top; } section.services-content-block div.flex-content-wrapper ul.item-list.four-column li { vertical-align: top; width: 21%; margin: 10px 2% 30px; } .default_banner { background: url(images/testimonial-sidebar-bg.jpg) no-repeat; background-size: cover !important; background-position: center center; width: 100%; padding: 65px 0; } body.page .default_banner .entry-title.light-text { color: #fff !important; } body.page .default_banner .entry-title { margin: 0 auto; text-align: center; color: #fff; } li.feature-whitepaper a { display: inline-block; padding: 17px 14px 17px 90px; background-image: url("images/testimonial-sidebar-bg.jpg"); font-size: 1.8em; line-height: 1.3em; text-decoration: none; max-width: 150px; color: white; } body.home section.testimonials-content-block div.flex-content-wrapper { /* padding-top: 50px; }*/ padding-top: 0 !important; } section.latest-blog-content-block div.flex-content-wrapper { /* padding: 40px 0 40px 0; } */ padding: 0 0 40px 0 !important; } section.logo-parade-content-block div.flex-content-wrapper { padding-top: 50px; padding-bottom: 50px; } body.page .entry-content p a { color: #ad431c; } .content-width .content-area .site-content { padding: 0 0 20px 0; } #masthead h1 { font-size: 9.5em; } /*================== Newly added style for team =======================*/ section.team-content-block .flex-content-wrapper { padding: 55px 0; } section.team-content-block div.flex-content-wrapper ul.item-list { list-style-type: none; margin: 0 auto; padding: 35px 0 0 0; width: 100%; text-align: center; } section.team-content-block div.flex-content-wrapper ul.item-list li { width: 30%; margin: 0 1%; display: inline-block; vertical-align: top; text-align: center; } /* section.team-content-block div.flex-content-wrapper ul.item-list li .item-container .image-container{ width: 255px; height: 255px; margin: 0 auto; } */ section.team-content-block div.flex-content-wrapper ul.item-list li .item-container .image-container img { max-width: 60%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } section.team-content-block div.flex-content-wrapper ul.item-list li .item-container .image-container { width: 35%; float: left; } section.team-content-block div.flex-content-wrapper ul.item-list li .item-container .team-txt-container { width: 65%; float: left; } section.team-content-block div.flex-content-wrapper h2 { /* background: -webkit-linear-gradient(#FFC9AD, #C3490A); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ color: #d6642a; margin: 0; } section.team-content-block div.flex-content-wrapper h3 { font-size: 1.8em; margin: 0; padding: 20px 0 3px 0; text-align: left; color: #d6642a; } section.team-content-block div.flex-content-wrapper h3 a { color: #d6642a; } section.team-content-block div.flex-content-wrapper h4 { font-size: 1.4em; font-weight: 600; color: #959595; margin: 0; padding: 0; text-align: left; } section.team-content-block div.flex-content-wrapper p { font-size: 1.6em; text-align: left; } .default_banner { background: url(images/testimonial-sidebar-bg.jpg) no-repeat; background-size: cover !important; background-position: center center; width: 100%; padding: 65px 0; } .default_banner img { width: 100%; } body.page .default_banner .entry-title { margin: 0 auto; text-align: center; color: #fff; } .default_banner h1 { width: 98%; text-align: center; color: #fff; padding: 0 1% 0 1%; } body.page .default_banner .entry-title.light-text { color: #fff !important; } body.page .default_banner .entry-title.dark-text { color: #252729 !important; } .text-center { text-align:center !important; } .overlay-container { position:relative; } .overlay-container label { position:absolute; top:50%; left:0; width:100%; } .overlay-container label span { background:#d6642a; color:#fff; padding:5px; font-size:20px; } .orange-button,a.orange-button { background: #d6642a; border: 2px solid #d6642a; color: #fff; padding:5px; } .cloud-heading { color: #313335 !important; padding:20px 0 !important; text-align:center; display:block; font-size:26px; } .force-text-left { text-align:left !important; } .force-text-right { text-align:right !important; } /*# sourceMappingURL=style.css.map */ /* ************ FIXES WHICH NEED TO GO BACK INTO SASS ************* */ /* fix for double underline junk. */ @media screen and (min-width: 911px) { .navigation-main li a.menu_arrow, .navigation-main li.focus-item> a.menu_arrow.arrow_res_down { display: none !important; height: 0; } } .navigation-main li.no-link a { cursor: auto; } .entry-footer .author { display: none !important; }