/* Theme Name: CSRadix - Business Partners 2 Convince Template: csradix Author: Creative Services Description: Theme files for your awesome website! Version: 1.5.2 */ /* Social Font Icons from socicon.com - visit http://www.socicon.com/chart.php for icon classes */ @font-face { font-family: "socicon"; src:url("fonts/socicon.eot"); src:url("fonts/socicon.eot?#iefix") format("embedded-opentype"), url("fonts/socicon.woff") format("woff"), url("fonts/socicon.ttf") format("truetype"), url("fonts/socicon.svg#socicon") format("svg"); font-weight: normal; font-style: normal; } /* HTML Rest, including HTML5 Resets: http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain) | Add { position: relative } to set most everything with a relative position | Ed Nailor via Chris Coyer: http://css-tricks.com/things-it-might-be-funuseful-to-try-the-universal-selector-on/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position: relative; } ol, ul { list-style: none; position: relative; } blockquote, q { quotes: none; position: relative; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; position: relative; } /* Micro Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .radix { } *, .boxsizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .transition { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .ir { font: 0/0 a; text-shadow: none; color: transparent; } .invisible { visibility: hidden; } /* For video and map embeds */ .video-container { background: #d0d3d4 url('images/spinner.gif') no-repeat center; position: relative; padding-top: 25px; height: 0; clear: both; margin: 2em auto 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-ratio-square { padding-bottom: 100%; /* 1:1 */} .video-ratio-std { padding-bottom: 75%; /* 4:3 */} .video-ratio-hd { padding-bottom: 56.25%; /* 16:9 */} .gmap-container { background: #d0d3d4 url('images/spinner.gif') no-repeat center; position: relative; padding-top: 25px; height: 0; clear: both; margin: 2em auto 0; padding-bottom: 56.25%; /* 16:9 */ } .gmap-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Floats */ .alignleft { float: left; margin: 0 1em 1.5em 0; } .alignright { float: right; margin: 0 0 1em 1.5em; } .aligncenter { clear: both; margin: 1em auto; } /* Table Display Classes */ .display-table { display: table; border-collapse: collapse; } .display-table-row { display: table-row; } .display-table-cell { display: table-cell; } .display-table-cell-2 { width: 50%; } .display-table-cell-3 { width: 33.333%; } /* Width Classes */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { float: left; box-sizing: border-box; } .one-half, .three-sixth { width: 50%; } .one-third, .two-sixth { width: 33.333%; } .two-third { width: 66.666%; } .one-fourth { width: 25%; } .three-fourth { width: 75%; } .one-fifth { width: 20%; } .two-fifth { width: 40%; } .three-fifth { width: 60%; } .four-fifth { width: 80%; } .one-sixth { width: 16.667%; } .four-sixth { width: 804.668% } .five-sixth { width: 821.335%; } .one-half-left { padding-right: 2%; } .one-half-right { padding-left: 2%; } /* Socions */ [data-icon]:before { font-family: "socicon" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="socicon-"]:before, [class*=" socicon-"]:before { font-family: "socicon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .socicon-modelmayhem:before { content: "\e000"; } .socicon-mixcloud:before { content: "\e001"; } .socicon-drupal:before { content: "\e002"; } .socicon-swarm:before { content: "\e003"; } .socicon-istock:before { content: "\e004"; } .socicon-yammer:before { content: "\e005"; } .socicon-ello:before { content: "\e006"; } .socicon-stackoverflow:before { content: "\e007"; } .socicon-persona:before { content: "\e008"; } .socicon-triplej:before { content: "\e009"; } .socicon-houzz:before { content: "\e00a"; } .socicon-rss:before { content: "\e00b"; } .socicon-paypal:before { content: "\e00c"; } .socicon-odnoklassniki:before { content: "\e00d"; } .socicon-airbnb:before { content: "\e00e"; } .socicon-periscope:before { content: "\e00f"; } .socicon-outlook:before { content: "\e010"; } .socicon-coderwall:before { content: "\e011"; } .socicon-tripadvisor:before { content: "\e012"; } .socicon-appnet:before { content: "\e013"; } .socicon-goodreads:before { content: "\e014"; } .socicon-tripit:before { content: "\e015"; } .socicon-lanyrd:before { content: "\e016"; } .socicon-slideshare:before { content: "\e017"; } .socicon-buffer:before { content: "\e018"; } .socicon-disqus:before { content: "\e019"; } .socicon-vkontakte:before { content: "\e01a"; } .socicon-whatsapp:before { content: "\e01b"; } .socicon-patreon:before { content: "\e01c"; } .socicon-storehouse:before { content: "\e01d"; } .socicon-pocket:before { content: "\e01e"; } .socicon-mail:before { content: "\e01f"; } .socicon-blogger:before { content: "\e020"; } .socicon-technorati:before { content: "\e021"; } .socicon-reddit:before { content: "\e022"; } .socicon-dribbble:before { content: "\e023"; } .socicon-stumbleupon:before { content: "\e024"; } .socicon-digg:before { content: "\e025"; } .socicon-envato:before { content: "\e026"; } .socicon-behance:before { content: "\e027"; } .socicon-delicious:before { content: "\e028"; } .socicon-deviantart:before { content: "\e029"; } .socicon-forrst:before { content: "\e02a"; } .socicon-play:before { content: "\e02b"; } .socicon-zerply:before { content: "\e02c"; } .socicon-wikipedia:before { content: "\e02d"; } .socicon-apple:before { content: "\e02e"; } .socicon-flattr:before { content: "\e02f"; } .socicon-github:before { content: "\e030"; } .socicon-renren:before { content: "\e031"; } .socicon-friendfeed:before { content: "\e032"; } .socicon-newsvine:before { content: "\e033"; } .socicon-identica:before { content: "\e034"; } .socicon-bebo:before { content: "\e035"; } .socicon-zynga:before { content: "\e036"; } .socicon-steam:before { content: "\e037"; } .socicon-xbox:before { content: "\e038"; } .socicon-windows:before { content: "\e039"; } .socicon-qq:before { content: "\e03a"; } .socicon-douban:before { content: "\e03b"; } .socicon-meetup:before { content: "\e03c"; } .socicon-playstation:before { content: "\e03d"; } .socicon-android:before { content: "\e03e"; } .socicon-snapchat:before { content: "\e03f"; } .socicon-twitter:before { content: "\e040"; } .socicon-facebook:before { content: "\e041"; } .socicon-googleplus:before { content: "\e042"; } .socicon-pinterest:before { content: "\e043"; } .socicon-foursquare:before { content: "\e044"; } .socicon-yahoo:before { content: "\e045"; } .socicon-skype:before { content: "\e046"; } .socicon-yelp:before { content: "\e047"; } .socicon-feedburner:before { content: "\e048"; } .socicon-linkedin:before { content: "\e049"; } .socicon-viadeo:before { content: "\e04a"; } .socicon-xing:before { content: "\e04b"; } .socicon-myspace:before { content: "\e04c"; } .socicon-soundcloud:before { content: "\e04d"; } .socicon-spotify:before { content: "\e04e"; } .socicon-grooveshark:before { content: "\e04f"; } .socicon-lastfm:before { content: "\e050"; } .socicon-youtube:before { content: "\e051"; } .socicon-vimeo:before { content: "\e052"; } .socicon-dailymotion:before { content: "\e053"; } .socicon-vine:before { content: "\e054"; } .socicon-flickr:before { content: "\e055"; } .socicon-500px:before { content: "\e056"; } .socicon-instagram:before { content: "\e057"; } .socicon-wordpress:before { content: "\e058"; } .socicon-tumblr:before { content: "\e059"; } .socicon-twitch:before { content: "\e05a"; } .socicon-8tracks:before { content: "\e05b"; } .socicon-amazon:before { content: "\e05c"; } .socicon-icq:before { content: "\e05d"; } .socicon-smugmug:before { content: "\e05e"; } .socicon-ravelry:before { content: "\e05f"; } .socicon-weibo:before { content: "\e060"; } .socicon-baidu:before { content: "\e061"; } .socicon-angellist:before { content: "\e062"; } .socicon-ebay:before { content: "\e063"; } .socicon-imdb:before { content: "\e064"; } .socicon-stayfriends:before { content: "\e065"; } .socicon-residentadvisor:before { content: "\e066"; } .socicon-google:before { content: "\e067"; } .socicon-yandex:before { content: "\e068"; } .socicon-sharethis:before { content: "\e069"; } .socicon-bandcamp:before { content: "\e06a"; } .socicon-itunes:before { content: "\e06b"; } .socicon-deezer:before { content: "\e06c"; } .socicon-telegram:before { content: "\e06e"; } .socicon-openid:before { content: "\e06f"; } .socicon-amplement:before { content: "\e070"; } .socicon-viber:before { content: "\e071"; } .socicon-zomato:before { content: "\e072"; } .socicon-quora:before { content: "\e073"; } .socicon-draugiem:before { content: "\e074"; } .socicon-endomodo:before { content: "\e075"; } .socicon-filmweb:before { content: "\e076"; } .socicon-stackexchange:before { content: "\e077"; } .socicon-wykop:before { content: "\e078"; } .socicon-teamspeak:before { content: "\e079"; } .socicon-teamviewer:before { content: "\e07a"; } .socicon-ventrilo:before { content: "\e07b"; } .socicon-younow:before { content: "\e07c"; } .socicon-raidcall:before { content: "\e07d"; } .socicon-mumble:before { content: "\e07e"; } .socicon-medium:before { content: "\e06d"; } .socicon-bebee:before { content: "\e07f"; } .socicon-hitbox:before { content: "\e080"; } .socicon-reverbnation:before { content: "\e081"; } .socicon { text-decoration: none; } .socicon-hide { font-size: 0; color: transparent; } /* GravityForms */ .radix .gform_wrapper .top_label .gfield_label { font-weight: 400; font-size: 20px; } .radix .section:not(.section-background-none) .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .radix .section:not(.section-background-none) .gform_wrapper textarea { padding: 8px 1em; } /*.radix body .gform_wrapper ul li.gfield { margin-top: 2.125em; }*/ .radix .gform_wrapper ul.gfield_checkbox li label, .radix .gform_wrapper ul.gfield_radio li label, .radix .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .radix .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { font-size: 20px; } .radix .gform_wrapper .gform_footer { text-align: center; } .radix .gform_wrapper .gform_footer input.button, .radix .gform_wrapper .gform_footer input[type=submit] { cursor: pointer; font-size: 1.625em; width: auto; background: #003e75; background: -moz-linear-gradient(top, #003e75 0%, #001c40 100%); background: -webkit-linear-gradient(top, #003e75 0%,#001c40 100%); background: linear-gradient(to bottom, #003e75 0%,#001c40 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e75', endColorstr='#001c40',GradientType=0 ); } .radix .gform_wrapper .gform_footer input.button:hover, .radix .gform_wrapper .gform_footer input[type=submit]:hover { background: #001c40; background: -moz-linear-gradient(top, #001c40 0%, #003e75 100%); background: -webkit-linear-gradient(top, #001c40 0%,#003e75 100%); background: linear-gradient(to bottom, #001c40 0%,#003e75 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c40', endColorstr='#003e75',GradientType=0 ); } /* Social links */ .social-media-links { margin: 2em 0 0; } .social-media-links ul { margin: 0 auto; list-style: none; } .social-media-links li { display: inline-block; vertical-align: middle; } .social-media-links a { display: block; text-decoration: none; margin: 0 0.25em; } .social-media-links span { vertical-align: middle; } .social-media-links .fa { transition: .4s all; color: #fff; font-size: 2em; width: 1.5em; line-height: 1.5em; text-align: center; border-radius: 50%; } .social-media-links .fa-twitter { background: #3399d0; } .social-media-links .fa-youtube-play { background: #c4302b; } .social-media-links a:hover .fa { background: #f3f3f3; color: #0d9b86; } .social-media-links .social-name { margin-left: 1em; } .social-media-links .social-twitter .social-name { color: #3399d0; } .section.section-background-dark_blue .social-media-links .fa { color: #000; background: #fff; } .section.section-background-dark_blue .social-media-links .social-name { color: #fff; font-style: italic; text-decoration: underline; } /* Loading spinner */ .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #009680 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* General Items -------------------------------------------------------- */ html { background: #fff; font-size: 16px; } body { background: #fff; font-size: 1em; line-height: 1.33em; font-family: 'Raleway', arial, helvetica, sans-serif; } body.running { cursor: not-allowed; } img { max-width: 100%; height: auto; display: block; margin: 0; padding: 0; } .wp-caption { max-width: 100%; } a, a:visited { color: #0c99d0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } a:hover { color: #e56602; text-decoration: none; } .button, a.button, input[type="submit"], button { color: #fff; background: #000; font-size: 1.625em; line-height: 1em; font-weight: 900; padding: 0.538461538461538em 0.615384615384615em; border: 0; border-radius: 8px; display: inline-block; outline: 0; text-decoration: none; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f99d2a; background: -moz-linear-gradient(top, #f99d2a 0%, #d3661b 100%); background: -webkit-linear-gradient(top, #f99d2a 0%,#d3661b 100%); background: linear-gradient(to bottom, #f99d2a 0%,#d3661b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99d2a', endColorstr='#d3661b',GradientType=0 ); } .button:hover, a.button:hover, input[type=submit]:hover, button:hover { background: #d3661b; background: -moz-linear-gradient(top, #d3661b 0%, #f99d2a 100%); background: -webkit-linear-gradient(top, #d3661b 0%,#f99d2a 100%); background: linear-gradient(to bottom, #d3661b 0%,#f99d2a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3661b', endColorstr='#f99d2a',GradientType=0 ); } b, strong { font-weight: 700; } i, em { font-style: italic; } ul, ol { margin: 0 0 1em 1em; } ul { list-style: disc; } ol { list-style: decimal; } li, p { line-height: 1.5em; } p { padding: 0px 0px 1em 0; } blockquote { margin: 1em 0; padding: 1em 2em; font-style: italic; font-size: 1.2em; line-height: 1.33em; } .entry-content h1, .entry-content h2 { font-size: 1.875em; font-weight: 700; line-height: 1.25em; } .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { font-size: 1.375em; font-weight: 700; line-height: 1.25em; border-bottom: 1px solid; padding-bottom: .25em; margin-bottom: .75em; margin-top: 1.5em; } .entry-content .button { margin-top: .5em; } .major { width: 100%; margin: 0 auto; clear: both; } .major-wrap { width: 85%; margin: 0 auto; max-width: 1190px; } .div-wrap { width: 100%; margin: 0 auto; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Header -------------------------------------------------------- */ #header { padding: 0.9375em 0; background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 38%); transition: .4s all; } .first-hero-behind #header, .fixed-header #header { position: fixed; z-index: 9999; background: rgba(255,255,255,.8); box-shadow: none; } #branding { width: 265px; height: 85px; float: left; } #branding-wrap, #site-title, #site-title a { display: block; width: 100%; height: 100%; } #site-title a { color: transparent; font-size: 0; text-decoration: none; outline: 0; background: url('images/logo.png') no-repeat center; background-size: cover; } /* Navigation -------------------------------------------------------- */ /* Primary navigation */ #nav-primary { float: right; width: calc(100% - 265px); text-align: right; margin-top: 2.625em; } #nav-primary ul { margin: 0; list-style: none; } #nav-primary li { display: inline-block; vertical-align: top; } #nav-primary a { display: block; font-size: 1em; line-height: 1em; font-weight: 700; color: #001c40; letter-spacing: 0.05em; text-decoration: none; margin: 0 .75em; border-bottom: 1px solid transparent; } #nav-primary li:hover > a, #nav-primary li.current-menu-item > a, body:not(.search) #nav-primary li.current-page-parent > a, .single-resource #nav-primary li#menu-item-141 > a { color: #009680; border-bottom-color: #009680; } .single-resource #nav-primary li#menu-item-140:not(:hover) > a { color: #000; border-bottom-color: transparent; } .tribe-events-page-template #nav-primary li#menu-item-140 > a { color: #000; border-bottom-color: transparent; } /* Mobile Navigation Items */ #nav-trigger { background: #59bbad; color: #fff; right: 2%; top: 1.25em; width: 1.25em; font-size: 28px; line-height: 1em; display: none; cursor: pointer; text-align: center; position: fixed; z-index: 9999; } #nav-trigger:hover { background: #333; } #body-overlay { background: rgba( 0,0,0,0 ); display: none; position: fixed; width: 100%; height: 100%; z-index: 1002; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #nav-mobile { background: #002e5a; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #nav-mobile ul { margin: 0; list-style: none; } #nav-mobile li { display: block; text-align: left; } #nav-mobile a { display: block; width: 100%; padding: .5em 1em; background: #fff; border-bottom: 1px solid; color: #002e5a; text-decoration: none; } #nav-mobile li.current-menu-item > a, #nav-mobile li:hover > a { background: #59bbad; color: #fff; } #nav-mobile-wrap { padding: 50px 0 20px; opacity: 0; } .js #nav-mobile { z-index: 9999; position: fixed; top: 0; right: 0; width: 80%; max-width: 0; overflow: hidden; height: 100%; } .no-js #nav-mobile { display: none; } .nav-active #nav-trigger { background: #333; } .nav-active #body-overlay { display: block; background: rgba( 0,0,0,0.7 ); } .nav-active #nav-mobile { opacity: 1; max-width: 280px; overflow: auto; } .nav-active #nav-mobile-wrap { opacity: 1; } /* Content -------------------------------------------------------- */ .fixed-header:not(.first-hero-behind) #content { margin-top: 115px; } /* Sections */ .section { margin-bottom: 6em; } .section:last-child { margin-bottom: 0; } .section-developer { display: none; } .logged-in #section-developer { display: block; } .section-background-dark_blue { background: url('images/pattern-dark-blue.jpg') center repeat; } .section-background-light_blue { background: url('images/pattern-light-blue.jpg') center repeat; } .section-background-green { background: url('images/pattern-green.jpg') center repeat; } .section-background-orange { background: url('images/pattern-orange.jpg') center repeat; } .section-background-purple { background: url('images/pattern-purple.jpg') center repeat; } .section-background-dark_blue .entry-content, .section-background-orange .entry-content, .section-background-green .entry-content, .section-background-purple .entry-content { color: #fff; } /* Feedzy */ .radix .feedzy-rss { text-align: center; } .radix .feedzy-rss .rss_item .title { font-weight: 600; } .radix .feedzy-rss .rss_item .title a { text-decoration: none; color: #002e5a; } .radix .feedzy-rss .rss_item .title a:hover { color: #009680; } .radix .feedzy-rss .rss_content { font-size: 16px; color: #7d7d7d; line-height: 1em; } /* Blog */ .single #inner, .search #inner, .archive #inner { background: #ffffff; background: -moz-linear-gradient(left, #ffffff 64%, #d2d2d2 64%); background: -webkit-linear-gradient(left, #ffffff 64%,#d2d2d2 64%); background: linear-gradient(to right, #ffffff 64%,#d2d2d2 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=1 ); } .single #main, .search #main, .archive #main { float: left; width: 67%; padding-right: 5%; } .single #sidebar, .search #sidebar, .archive #sidebar { float: right; width: 33%; padding-left: 2%; padding-top: 1em; } .blog #sidebar { display: none; } .tribe-events-page-template #inner { background: #fff; } .single #content, .search #content, .archive #content, .error404 #content { max-width: 1190px; padding-top: 5em; padding-bottom: 5em; } .single .entry-title { font-size: 2.5em; line-height: 1.25em; font-weight: 600; } .single .entry-meta { font-size: 0.875em; font-style: italic; margin-bottom: 2em; } .article-heading { font-size: 2.5em; line-height: 1.25em; font-weight: 600; margin-bottom: 1em; } .article-heading > span { font-size: .625em; display: block; } .hentry .wp-post-image { margin: 0 auto 2em; max-width: 80%; } .search .hentry, .archive .hentry { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #d2d2d2; } .search .hentry .entry-title, .archive .hentry .entry-title { margin-bottom: 1em; } .search .hentry .entry-title a, .archive .hentry .entry-title a { font-size: 1.5em; line-height: 1.25em; text-decoration: none; color: #002e5a; } .search .hentry .entry-title a:hover, .archive .hentry .entry-title a:hover { color: #59bbad; } .entry-meta { font-size: 0.875em; font-style: italic; } footer .entry-meta { display: none; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; width: 50%; text-align: right; } #nav-below a { text-decoration: none; color: #59bbad; border-bottom: 2px solid transparent; } #nav-below a:hover { border-bottom-color: #59bbad; } /* Sidebar */ #sidebar .widget { background: #002e5a; margin-bottom: 2em; padding: 2em; } #sidebar .widget, #sidebar .widget a { color: #fff; text-decoration: none; } #sidebar .widget-title { font-size: 1.25em; line-height: 1.25em; margin-bottom: .5em; } .widget.widget_search .screen-reader-text { display: none; } .widget.widget_search input[type="text"] { font-size: 1em; appearance: none; border: none; padding: .5em; width: calc(100%); margin: 0 0 10px; } .widget.widget_search input[type="submit"] { font-size: 1em; width: 100%; border-radius: 0; } /* The Events Calendar plugin */ .radix .tribe-events-c-top-bar__nav-link, .radix .tribe-events-c-top-bar__nav-link:hover, .radix .tribe-events-c-top-bar__datepicker-button, .radix .tribe-events-c-top-bar__datepicker-button:hover, .radix .tribe-events-c-nav__prev, .radix .tribe-events-c-nav__prev:hover, .radix .tribe-events-c-nav__next, .radix .tribe-events-c-nav__next:hover { background: transparent; cursor: pointer; } .radix .tribe-events-c-top-bar__datepicker-button { background: transparent; } /* Footer -------------------------------------------------------- */ .footer { background: #fff; } .footer-logo { max-width: 380px; margin: 4.84375em auto 3.4375em; } .footer-connect { text-align: center; font-size: 1.125em; padding: 0 0 2.625em; } /* Special Sections -------------------------------------------------------- */ /* Slideshow */ .slideshow { position: relative; padding: 0; margin: 0; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; width: 100%; border: 0; } .rslides .caption { text-align: center; } .rslides-pager { left: 0; bottom: 2%; width: 100%; text-align: center; position: absolute; z-index: 11; } .rslides-pager li { display: inline; margin: 0 3px; } .rslides-pager li a { background: rgba( 255, 255, 255, 0.5 ); border: 2px solid #fff; border-radius: 50%; width: 14px; height: 14px; line-height: 14px; font-size: 0; color: transparent; display: inline-block; } .rslides-pager li a:hover, .rslides-pager li.rslides_here a { background: rgba( 255, 255, 255, 1 ); } /* Gallery Slideshow */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}/*# sourceMappingURL=slick.min.css.map */ .slick-slide img { max-height: 150px; width: auto; padding: 0 5px 0 0; } .slick-slider { padding: 1em 0 2em; } .slick-slider button { position: absolute; bottom: 0; } .slick-slider button:hover { cursor: pointer; } .slick-slider button.slick-prev { left: 0; } .slick-slider button.slick-next { right: 0; } .slick-controls { display: none; } /* Blog section */ .section-postdisplay .blog-container { border-bottom: 1px solid #421f77; padding-bottom: 3em; } .section-postdisplay .terms { border-bottom: 2px solid #422077; /*padding-bottom: 3.75em;*/ margin-bottom: 3.75em; } .section-postdisplay .terms ul { margin: 0; list-style: none; text-align: center; display: flex; align-items: center; flex-wrap: wrap; } .section-postdisplay .terms li { margin: 0 0 1.875em; flex-grow: 1; } .section-postdisplay .cat-img, .section-postdisplay .cat-label { display: inline-block; vertical-align: middle; } .section-postdisplay .cat-img { width: 3.59375em; margin-right: .75em; } .section-postdisplay .cat-label { color: #002e5a; font-size: 1.3125em; font-weight: 700; border-bottom: 1px solid transparent; transition: .4s all; } .section-postdisplay .terms a:hover .cat-label, .section-postdisplay .terms a.active .cat-label { border-bottom-color: #002e5a; } .section-postdisplay .thepost { width: 33.33%; float: left; } .section-postdisplay .thepost-wrap { margin: 0 2.34375em 4.6875em; border: 1px solid #e6e7e8; } .section-postdisplay .theposts { margin-left: -2.34375em; width: calc(100% + 4.6875em); } .section-postdisplay .no-data { text-align: center; font-weight: 700; } .section-postdisplay .thepost-image { margin-bottom: 1.40625em; } .section-postdisplay .thepost-image img { width: 100%; } .section-postdisplay .thepost-content { padding: 0 1.25em; } .section-postdisplay .thepost-title { margin-bottom: 2em; } .section-postdisplay .thepost-title a { color: #000; text-decoration: none; } .section-postdisplay .thepost-title a:hover { color: #5abbad; } .section-postdisplay .blog-button { text-align: right; margin-bottom: 1.5em; } .section-postdisplay .blog-button a { font-size: 1.125em; font-weight: 500; border-radius: 0; background: #421f77; } .section-postdisplay .loadmore-posts { margin: 0 auto; text-align: center; } .section-postdisplay .loadmore-posts .button { cursor: pointer; background: #421f77; font-size: 1.5em; border-radius: 0; font-weight: 500; } .section-postdisplay .loadmore-posts .button.hidden { display: none; } /* Hero section */ .section-hero .hero-container { padding: 14.930555555555556vw 0 10.069444444444444vw; max-width: 410px; } .section-hero .hero-headline { font-weight: 900; color: #fff; display: block; } .section-hero .hero-headline1, .hero-headline2 { display: block; line-height: 1em; } .section-hero .hero-headline1 { font-size: 2.8125em; } .section-hero .hero-headline2 { font-size: 3.75em; } .section-hero .hero-subheadline { font-size: 1.875em; color: #fff; padding-top: 5px; } .section-hero .hero-button { transition: .4s all; cursor: pointer; } /* Callouts section */ .section-callouts .callouts-container { margin: 0 auto; } .section-callouts .callout { position: relative; margin: 0 2.25em; min-height: 325px; } .section-callouts .callout-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; text-decoration: none; } .section-callouts .callout-link:hover + .callout-icon img { transform: scale(1.25); } .section-callouts .callout-icon { width: 80px; height: 80px; margin: 5.3125em auto 2.1875em; } .section-callouts .callout-icon img { transition: .4s all; } .section-callouts .callout-label { color: #fff; text-align: center; font-size: 1.75em; line-height: 1.25em; } /* Editor section */ .section-editor { color: #231f20; } .section-editor.section-decoration-1 { padding-top: 2.5em; padding-bottom: 3.125em; } .section-editor .editor-container { max-width: 795px; margin: 0 auto; } .section-editor.section-decoration-1 .editor-container:before { display: block; background: url('images/decoration-top.png') center / cover no-repeat; height: 4.0625em; margin-bottom: 1.25em; } .section-editor.section-decoration-1 .editor-container:after { display: block; background: url('images/decoration-bottom.png') center / cover no-repeat; height: 1px; margin-top: 1.25em; } .section-editor .editor-editor p, .section-editor .editor-editor li, .section-editor .editor-editor .gform_confirmation_message { font-size: 1.25em; } .section-editor .editor-editor p .button { font-size: 1.25em; } .section-editor .editor-editor li { padding-bottom: .5em; } .section-editor .editor-editor .gform_confirmation_message { line-height: 1.25em; padding: 0 0 2em; } /* Learning modules section */ .section-learning-modules:first-child { margin-top: 3em; } .learning-modules-container { display: flex; align-items: stretch; } .learning-modules-labels { width: 35%; } .learning-modules-labels-wrap { position: sticky; top: 200px; } .learning-modules-content { width: 65%; padding-left: 5%; margin-bottom: 3rem; } .learning-module-label { display: block; position: relative; font-size: 1rem; font-weight: 600; text-decoration: none; margin-bottom: 1rem; padding: .5rem .675rem; transition: none; border-width: 2px; border-style: solid; background-color: transparent; } /*@media screen and (max-height:800px){ .learning-module-label { padding-top: 0; padding-bottom: 0; } }*/ /*.learning-module-label:hover, .learning-module-label a.active { background: #59bbad; border-color: #59bbad; }*/ .learning-module-label:before { position: absolute; top: -2px; right: -22px; width: 20px; height: calc(100% + 4px); clip-path: polygon(0 0, 100% 50%, 0 100%); } .learning-module-label:hover:before, .learning-module-label.active:before { content: " "; } .learning-module-label span { display: inline-block; vertical-align: middle; } .learning-module-label-icon { width: 70px; height: 60px; } .learning-module-label-headline { width: calc( 100% - 75px ); padding-left: 0.5rem; } .learning-modules-content-container { position: relative; width: 65%; padding-top: 1rem; padding-left: 5%; } .learning-modules-content-container .lds-ring { display: none; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); } .learning-modules-content-container.loading .lds-ring { display: block; } .learning-modules-content-container.loading .learning-modules-content-container-inner { display: none; } .learning-module-content-headline, .learning-modules-content-wysiwyg h3:first-child { font-size: 1.25rem; font-weight: 600; border-bottom: 1px solid; padding-bottom: 1.0625rem; margin-bottom: 1rem; } /* Logos section */ .section-logos .logos-headline { margin-bottom: 2em; text-align: center; font-size: 1.375em; line-height: 1em; font-weight: 600; color: #002e5a; letter-spacing: .05em; } .section-logos .logos-headline span { border-bottom: 2px solid #d3661b; line-height: 1.25em;; } .section-logos.section-layout-boxed .logos-intro { max-width: 795px; margin: 0 auto; } .section-logos .logos-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .section-logos .logo-item { width: 25%; padding: 0 2% 2em; } /* Splits section */ .section-split .split-container { display: flex; align-items: stretch; } .section-split .split-wrap { width: 50%; } .section-split .split-wrap.split-wrap-image-full { display: flex; align-items: stretch; } .section-split .split-wrap-wysiwyg { padding: 2.5em 0 2.8125em; } .section-split .split-wrap-wysiwyg.split-wrap-L { padding-left: 7.5vw; padding-right: 1.5625em; } .section-split .split-wrap-wysiwyg.split-wrap-R { padding-right: 7.5vw; padding-left: 1.5625em; } .section-split.section-background-dark_blue .split-headline, .section-split.section-background-orange .split-headline, .section-split.section-background-green .split-headline, .section-split.section-background-purple .split-headline { color: #fff; } .section-split .split-editor { font-size: 1.0625em; } .section-split .split-headline { font-size: 2.1875em; font-weight: 500; color: #009680; line-height: 1.25em; margin-bottom: 1em; } .section-split .split-icon { display: inline-block; vertical-align: middle; width: 80px; margin-right: 0.5em; } .section-split .split-image-full { width: 100%; } /* Tabs section */ .section-tabs:first-child { margin-top: 3em; } .tab-labels { width: 30%; } .tabs-container { display: flex; align-items: stretch; } .tab-contents { width: 70%; padding-left: 5%; } .tab-content { margin-bottom: 3rem; } .tab-label a { display: block; font-size: .875rem; margin: 0.5em 1em; color: #082e5b; border: 2px solid #082e5b; text-decoration: none; text-align: center; padding: 1em .5em; } .tab-label a:hover, .tab-label a.active { background: #59bbad; border-color: #59bbad; } .tab-labels-wrap { position: sticky; top: 200px; } .tab-headline { font-size: 1.25rem; font-weight: 600; border-bottom: 1px solid; padding-bottom: .5rem; margin-bottom: 1rem; } /* Team section */ .section-team .team-headline { text-align: center; font-weight: 600; letter-spacing: 0.05em; color: #009680; font-size: 1.4375em; line-height: 1.5em; margin-bottom: 3.260869565217391em; } .section-team .team-headline span { border-bottom: 2px solid #002e5a; padding: 0 0 5px; display: inline-block; } .section-team .team-wrap:after { border-bottom: 1px solid #009680; content: " "; display: block; } .section-team .team-item { margin: 0 2.34375em 3.75em; } .section-team .team-details { padding-top: 2.1875em; } .section-team .team-detail, .section-team .team-detail-icons { text-align: center; } .section-team .team-detail-name { font-size: 1.3125em; margin-bottom: 0.714285714285714em; color: #009680; font-weight: 700; } .section-team .team-detail-title { font-size: 1.171875em; margin-bottom: 0.533333333333333em; font-style: italic; color: #002e5a; } .section-team .team-detail-organization { font-size: 1.171875em; margin-bottom: 0.8em; font-style: italic; color: #002e5a; } .section-team .team-detail-icon { display: inline-block; vertical-align: middle; } .section-team .team-detail-icon a { font-size: 1.5625em; color: #fff; display: block; width: 1.5em; line-height: 1.5em; background: #002e5a; margin: 0 10px; } /* #challenge-form */ #challenge-form .entry-content p, #challenge-form .entry-content li { font-size: 1.75em; } /* Responsive Styles -------------------------------------------------------- */ @media all and (max-width: 1310px){ /* Primary navigation */ #nav-primary a { font-size: 0.875em; } } @media all and (max-width: 1200px){ /* Mobile Navigation Items */ .no-js #nav-mobile, .js #nav-trigger { display: block; } #nav-primary { display: none; } } @media all and (max-width: 980px) { /* Page */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { float: none; width: auto; padding: 0; } #content { padding-left: 2%; padding-right: 2%; } /* Hero section */ .section-hero .hero-container { max-width: none; margin: 0 auto; padding-top: calc(115px + 2em); padding-bottom: 3em; } /* Callouts section */ .section-callouts .callout { width: 400px; max-width: 80%; margin: 0 auto 2em; } /* Learning modules section */ .learning-modules-container { display: block; } .learning-modules-labels { width: auto; margin-bottom: 3rem; } .learning-modules-labels-wrap { position: static; display: flex; flex-wrap: wrap; } .learning-module-label { width: 49%; margin: 0 .5% 1%; } .learning-module-label:hover:before, .learning-module-label.active:before { display: none; } .learning-modules-content-container { width: auto; padding-left: 0; } /* Split section */ .section-split .split-container { display: block; } .section-split .split-wrap { width: auto; max-width: 1190px; width: 85%; margin: 0 auto; } .section-split .split-wrap-wysiwyg.split-wrap-L, .section-split .split-wrap-wysiwyg.split-wrap-R { padding-left: 0; padding-right: 0; } .section-split .split-image-full { margin: 0 auto 2em; } /* Tabs section */ .tabs-container { display: block; } .tab-labels { width: auto; margin-bottom: 3rem; } .tab-labels-wrap { display: flex; align-items: center; flex-wrap: wrap; } .tab-label { width: 50%; } .tab-label a { text-align: left; } .tab-contents { width: auto; padding-left: 0; } /* Team section */ .section-team .team-item { margin-left: 0; margin-right: 0; display: flex; align-items: center; justify-content: flex-start; } .section-team .team-item-image { width: 25%; } .section-team .team-details { padding-top: 0; padding-left: 5%; min-width: 0; width: 75%; } .section-team .team-detail, .section-team .team-detail-icons { text-align: left; } .section-team .team-detail-email, .section-team .team-detail-phone { text-align: center; } /* Blog section */ .section-postdisplay .terms ul { text-align: left; } .section-postdisplay .terms li { width: 50%; margin-left: 0; margin-right: 0; text-align: center; } /* Blog */ .single #inner, .search #inner, .archive #inner { background: #FFF; } .single #main, .search #main, .archive #main, .single #sidebar, .search #sidebar, .archive #sidebar { float: none; padding-left: 0; padding-right: 0; width: auto; } } @media all and (max-width: 600px) { /* Blog section */ .section-postdisplay .theposts { margin-left: 0; width: auto; } .section-postdisplay .thepost { float: none; width: auto; } .section-postdisplay .thepost-wrap { margin-left: 0; margin-right: 0; border: none; border-bottom: 1px solid #e6e7e8; } .section-postdisplay .thepost-image img { width: 100%; } .section-postdisplay .thepost-content { padding: 0; } .section-postdisplay .thepost-title { height: auto !important; margin-bottom: 1em; } .section-postdisplay .blog-button { text-align: left; } /* Hero section */ .section-hero .hero-headline1 { font-size: 2.25em; } .section-hero .hero-headline2 { font-size: 2.5em; } .section-hero .hero-subheadline { font-size: 1.5em; } /* Logo section */ .section-logos .logo-item { width: 50%; } /* Learning modules section */ .learning-module-label { width: 100%; margin: 0 0 1%; } /* Tabs section */ .tab-label { width: 100%; } } @media all and (max-width: 479px) { /* All Media Below 480 ( Most cell phones in portrait mode ) */ body { min-width: 320px; } /* Callouts section */ .section-callouts .callout { margin: 0 0 2em; width: auto; max-width: none; } /* Team section */ .section-team .team-item { display: block; } .section-team .team-item-image, .section-team .team-item-image img { width: 100%; } .section-team .team-details { width: auto; padding-left: 0; padding-top: 2em; } }