/* Theme Name: CSRadix - Nat'l Council of Youth Sports Template: csradix Author: Creative Services Description: Theme files for your awesome website! Version: 1.1 */ /* 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; } span.nogap { color: transparent; font-size: 0.675em; font-weight: 400; } .split { column-count: 2; } .split p { padding: 0; } /* 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; padding-bottom: 39.25% !important; width: 75%; min-width: 75%; } .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 { float: left; box-sizing: border-box; } .one-half { width: 50%; } .one-third { 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-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; } /* General Items -------------------------------------------------------- */ html { background: #fff; font-size: 16px; } body { background: #fff; font-size: 1em; font-family: 'Montserrat', arial, helvetica, sans-serif; color: #12265a; } body.text-bigger { font-size: 1.25em; } body.text-biggest { font-size: 1.5em; } /* strip bottom padding from any likely p and li that close out wrapping elements */ div :last-child, blockquote :last-child, ul :last-child, ol :last-child { padding-bottom: 0; } 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; } a.button:last-child, .button:last-child { padding-bottom: 1em; } .button, a.button, input[type="submit"], button { border: none; outline: 0; color: #fff; background: #12275b; font-size: 0.75em; padding: 1em 3.5em; text-transform: uppercase; /* font-weight: 600; */ display: inline-block; letter-spacing: 0.2em; text-decoration: none; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .button:hover, a.button:hover, input[type=submit]:hover, button:hover { color: #fff; background: #b3272d; } .footer .button, .footer a.button, .footer input[type="submit"], .footer button { background: #b3272d; color: #fff; } .footer .button:hover, .footer a.button:hover, .footer input[type=submit]:hover, .footer button:hover { color: #b3272d; background: #fff; } input, textarea { padding: .5em 1em !important; font-size: 1em; } /* .radix body .gform_wrapper .top_label div.ginput_container { margin-top: 0; } */ .radix .gform_wrapper .gfield.hide-label .gfield_label, .radix .gform_wrapper .gfield.hide-label .ginput_container label { display: none; } .radix .gform_wrapper .gfield.hide-label .ginput_container input, .radix .gform_wrapper .gfield.hide-label .ginput_container select, .radix .gform_wrapper .gfield.hide-label .ginput_container textarea { margin-top: 16px; } .radix .gform_wrapper .gfield.hide-label .ginput_container.ginput_complex input, .radix .gform_wrapper .gfield.hide-label .ginput_container.ginput_complex select, .radix .gform_wrapper .gfield.hide-label .ginput_container.ginput_complex textarea { margin-top: 24px; } .radix .gform_wrapper ul li.gfield.one-half, .radix .gform_wrapper ul li.gfield.one-third { clear: none; } .radix .gform_wrapper .gfield.split { columns: 1; } .radix .gform_wrapper .gfield.split .gfield_checkbox { columns: 2; } .radix .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 1em .5em; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #e6e6e6; border-radius: 2px; } .radix .gform_wrapper textarea { border: 1px solid #e6e6e6; } .radix .gform_wrapper .gform_page_footer .button.gform_previous_button { background: #e2bcb2; font-size: 0.875em; padding: .75em 1.5em; } .radix .gform_wrapper .gform_page_footer .button.gform_previous_button:hover { background: #cf4521; } .radix .gform_wrapper .gform_page_footer a.gform_save_link { color: #12265a; } .radix .gform_confirmation_message { padding: 1em 0; font-size: 1.25em; font-weight: 700; font-style: italic; color: #b3272d; } b, strong { font-weight: 700; } i, em { font-style: italic; } ul, ol { margin: 0 0 1em 2em; } 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; } .major { width: 100%; margin: 0 auto; clear: both; } .major-wrap { width: 96%; margin: 0 auto; max-width: 1200px; } .div-wrap { width: 100%; margin: 0 auto; } /* Social media sharing plugin */ .sharing-social { text-align: center; margin: 2em 0 0; } .sharing-social h3 { font-size: 1em; } .sharing-social ul { margin: 0; list-style: none; } .sharing-social li { display: inline-block; vertical-align: middle; } .sharing-social a { display: block; width: 2em; line-height: 2em; text-align: center; color: #fff; border-radius: 50%; margin: 0 .25em; font-size: 1.25em; opacity: 0.75; text-shadow: 1px 2px 0 rgba(0,0,0,.5); } .sharing-social a:hover { opacity: 1; } .sharing-social a.facebook { background: #3b5998; } .sharing-social a.twitter { background: #00aced; } .sharing-social a.google { background: #dd4b39; } .sharing-social a.linkedin { background: #007bb6; } .sharing-social a.pinterest { background: #cb2027; } .sharing-social a.envelope { background: #cb2027; } .post-password-form { width: 80%; max-width: 800px; margin: 2em auto; border: 2px dashed #ddd; padding: 1em !important; text-align: center; } /* Header -------------------------------------------------------- */ .preheader { background: #12275b; } .headermain { background: #fff; padding: 1.5em 0 0; } .page-template-page-strive .headermain { padding-bottom: 1.5em; } #branding { float: left; } .page-template-page-strive #branding { float: none; margin: 0 auto; } #site-title, #site-title a { margin: 0 auto; display: block; width: 177px; height: 85px; } #site-title a { color: transparent; font-size: 0; text-decoration: none; outline: 0; background: url('images/logo.png') no-repeat center; background-size: cover; } .searchform { position: absolute; background: #cf4521; z-index: 10; width: 0; overflow: hidden; padding: 0; height: 100%; transition: .4s all; } .searchform.active { width: 140%; padding: 0 1em; } .searchform input { border: none; line-height: 1em; padding: .325em 1em; width: 80%; background: none; color: #fff; font-size: 1.25em; } .searchform button { padding: .5em .5em .5em .75em; border-radius: 50%; text-align: center; background: #12265a; border-radius: 50%; position: absolute; top: 50%; left: 80%; transform: translateY(-50%); } .searchform input::placeholder { color: #fff; } .search-close { position: absolute; display: block; top: 50%; right: 1em; transform: translateY(-50%); } .search-close i { color: #ccc; cursor: pointer; } .shopping-cart-icon { width: 22px; height: 22px; margin-right: 10px; background: url('images/sprite.png') left bottom / 44px auto no-repeat; display: inline-block; } /* Navigation -------------------------------------------------------- */ /* Primary navigation */ #nav-primary { float: right; position: relative; text-align: right; } #nav-primary ul { margin: 0;list-style: none; position: static; } #nav-primary li { display: inline-block; vertical-align: top; position: relative; } #nav-primary li:last-child span { border: none; } #nav-primary li:hover > a, #nav-primary li.current-menu-item > a, #nav-primary li.current-page-parent > a, #nav-primary li.current-page-ancestor > a { color: #fff; background: #b3272d; } #nav-primary li:hover > a span, #nav-primary li.current-menu-item > a span, #nav-primary li.current-page-ancestor > a span { border-color: transparent; } #nav-primary li:hover > .sub-menu { background: #b3272d; display: block; text-align: left; } #nav-primary a { display: block; font-size: 0.875em; text-decoration: none; color: #12275b; line-height: 7.5em; } .text-bigger #nav-primary a, .text-biggest #nav-primary a, .text-bigger #nav-footer a, .text-biggest #nav-footer a { font-size: 14px; } #nav-primary span { /* transition: .4s all; */ border-right: 1px solid #12275b; padding: 0 1em; } #nav-primary .sub-menu { display: none; position: absolute; left: 0; z-index: 1000; } #nav-primary .sub-menu li { display: block; line-height: 1.5em; } /* #nav-primary .sub-menu li:before { ccontent: "\A";width: 1px;height: 1em;position: absolute;background: #fff;left: 0;top: 50%;transform: translateY(-50%); } */ #nav-primary .sub-menu li:first-child:before { display: none; } #nav-primary .sub-menu li:hover > a, #nav-primary .sub-menu li.current-menu-item > a, #nav-primary .sub-menu li.current-page-ancestor > a { text-decoration: none; background: #12275b; border: none; } #nav-primary .sub-menu .sub-menu, #nav-primary li:hover > .sub-menu .sub-menu { background: #2d0f40; } #nav-primary .sub-menu a { background: none; border: none; padding: .5em 2em; color: #fff; line-height: 1.5em; min-width: 15em; } #nav-primary .sub-menu span, #nav-primary .sub-menu li:hover > a span, #nav-primary .sub-menu li.current-menu-item > a span, #nav-primary .sub-menu li.current-page-ancestor > a span { border: none; padding: 0; } #nav-primary .sub-menu .sub-menu li { display: block; } #nav-primary .sub-menu .sub-menu li:before { content: ""; } #nav-primary .sub-menu .sub-menu a { background: none; } #nav-primary .sub-menu .sub-menu .sub-menu, #nav-primary li:hover > .sub-menu .sub-menu .sub-menu { background: #12265a; } /* Utility navigation */ #nav-utility-left { float: left; width: 50%; position: relative; } #nav-utility-left li { width: 33%; } #nav-utility-right { float: right; width: 50%; text-align: right; } #nav-utility-right .nav-utility-wrap { display: inline-block; } #nav-utility-right .social-media-links { display: inline-block; position: relative; padding-right: 5px; } #nav-utility-right .social-media-links:after { width: 1px; height: 19px; content: "\A"; background: #a7a7a7; position: absolute; right: -1px; top: 0; } #nav-utility-right .nav-utility-wrap > div { width: auto; } .nav-utility ul { margin: 0; list-style: none; } .nav-utility li { display: inline-block; vertical-align: top; position: relative; padding: .5em 0.875em; } .nav-utility li:first-child { padding-left: 0; } .nav-utility li[class^="icon-"] span { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin-right: 10px; background-image: url('images/sprite.png'); background-size: 44px auto; } .nav-utility li.icon-search span { background-position: 0 0; } /* .nav-utility li.icon-search:hover span { background-position: -1px 0; } */ .nav-utility li.icon-donate span { background-position: 0 -23px; } .nav-utility li.icon-donate:hover span { background-position: -67px -23px; } .nav-utility li.icon-program span { background-position: 0 -47px; } .nav-utility li.icon-program:hover span { background-position: -67px -47px; } .nav-utility li.icon-login a { text-transform: uppercase; } .nav-utility li.icon-login span { background-position: 0 -69px; } .nav-utility li.icon-login:hover span { background-position: -67px -69px; } .nav-utility li.icon-contact span { background-position: 0 -94px; } .nav-utility li.icon-contact:hover span { background-position: -67px -94px; } .nav-utility li:after { width: 1px; height: 50%; content: "\A"; background: #a7a7a7; position: absolute; right: -1px; top: 0; } .nav-utility li:last-child:after { display: none; content: ""; } .nav-utility a { display: inline-block; vertical-align: middle; text-decoration: none; font-size: 0.8125em; color: #fff; font-weight: 300; } .nav-utility-wrap > div { display: inline-block; width: 100%; } .nav-utility .login-out { display: inline-block; vertical-align: top; position: relative; padding-right: 1em; margin-right: .75em; } .nav-utility .login-out:after { width: 1px; height: 19px; content: "\A"; background: #a7a7a7; position: absolute; right: -1px; top: 0; } .nav-utility .login-out li:last-child { padding-left: 0.875em; padding-right: 0; } .nav-utility .login-out li:last-child:after { display: none; content: ""; } /* Quicklinks navigation */ #nav-quicklinks { height: 0; overflow: hidden; transition: .4s; } #nav-quicklinks.active { height: auto; } #nav-quicklinks ul { margin: 0; list-style: none; padding: 2.8125em 0; } #nav-quicklinks li { display: inline-block; vertical-align: top; width: 33.33%; } #nav-quicklinks li.current-menu-item > a, #nav-quicklinks li:hover > a { text-decoration: underline; } #nav-quicklinks a { display: block; text-align: center; padding: .5em 0; text-transform: uppercase; } /* Footer navigation */ #nav-footer { border-top: 1px solid #97a4b7; padding: 1.25em 0; text-align: center; } #nav-footer ul { margin: 0; list-style: none; } #nav-footer li { display: inline-block; vertical-align: top; } #nav-footer li:first-child span { display: none; } #nav-footer a { display: inline-block; padding: 0 .5em 0 .875em; vertical-align: top; } #nav-footer a .contact-item { color: #fff; text-transform: none; display: inline; } /* Mobile Navigation Items */ #nav-trigger { background: #cf4521; color: #fff; right: 2.5%; top: 10.5%; border: 1px solid #fff; width: 34px; height: 32px; font-size: 28px; line-height: 1em; display: none; cursor: pointer; text-align: center; position: fixed; z-index: 1005; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #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: #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #nav-mobile li { display: block; text-align: left; padding: 0 15px; } #nav-mobile li:last-child a { border: none; } #nav-mobile li.current-menu-item > a { background: #b3272d; } #nav-mobile li a { display: block; width: 100%; padding: .75em 1em; border-bottom: 1px solid #fff; color: #fff; text-decoration: none; } #nav-mobile-wrap { padding: 50px 0 20px; opacity: 0; } .js #nav-mobile { z-index: 1003; position: fixed; top: 0; right: 0; width: 80%; max-width: 0; overflow: hidden; height: 100%; background: #12265a; } .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: 80%; overflow: auto; } .nav-active #nav-mobile-wrap { opacity: 1; } /* Content -------------------------------------------------------- */ /* social media */ .social-media-links ul { margin: 0; list-style: none; } .social-media-links li { display: inline-block; padding: .75em .5em; } .social-media-links a { position: relative; text-transform: uppercase; display: block; line-height: 1.75em; width: 1.75em; text-align: center; background: #c12b26; border-radius: 50%; font-size: 0.725em; } .social-media-links a:hover { background: #fff; color: #042a5c; } .social-media-links .social-icon { position: absolute; left: -2em; font-size: 1.5em; background: #fff; color: #3c1c56; width: 1.5em; text-align: center; line-height: 1.5em; border-radius: 50%; top: -8px; } .social-media-links .social-name { display: none; } #footer .social-media-links li { padding-left: 1em; padding-right: 1em; } #footer .social-media-links li:first-child { padding-left: 0; } #footer .social-media-links a { font-size: 1.5em; background: #fff; color: #052a5b; } /* Page sections */ .section { padding: 4.6875em 0 6.25em; position: relative; } .section.no-bottom-padding { padding-bottom: 0; } .section-background-gray { background-color: #efefef; } .section-background-white { background-color: #fff; } .section-background-blue { background-color: #12275c; } .section-border { position: absolute; z-index: 100; left: 0; width: 100%; height: 12px; } .section-border-top { top: 0; } .section-border-bottom { bottom: 0; } .section-border-purple_dashed { background: url('images/pattern-purple.png') center repeat-x; } .section-border-orange_dashed { background: url('images/pattern-orange.png') center repeat-x; } .section-border-purple_solid { background: #12265a; } .section-border-orange_solid { background: #b3272d; } h1 { font-size: 2.875em; font-family: 'Libre Baskerville', sans-serif; font-weight: 700; color: #b3272d; } h2 { font-size: 2.25em; font-family: 'Montserrat', sans-serif; color: #12265a; } h3 { font-size: 1.75em; font-family: 'Montserrat', sans-serif; color: #b3272d; } h4 { font-size: 1.75em; font-family: 'Montserrat', sans-serif; color: #12265a; } h5 { font-size: 1em; font-family: 'Libre Baskerville', serif; color: #b3272d; } h6 { font-size: 1em; font-family: 'Libre Baskerville', serif; color: #12265a; } .section-header .section-header-preheading, .section-header .interior-content, .section-header .first-letter, .section-callouts .callout-title, .section-halves .halve-preheading, .quicklinks-menutitle { font-family: 'Libre Baskerville'; font-weight: 700; } .section-header .subpage-heading .search-query { font-size: .5em; display: block; color: #949494; font-family: 'Montserrat'; font-weight: 300; font-style: italic; } #main-content .page-content-wrap { padding: 4.6875em 0; } .entry-content { float: right; width: 65%; padding: 1.5em 0 1em 8.33%; border-left: 1px solid #ccc; } .fullwidth .entry-content, .page-template-template-strive .entry-content { float: none; width: auto; padding-left: 0; border-left: none; } .entry-content h1, .entry-content h2, .entry-content h3, .section-content h1, .section-content h2, .section-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .section-content h4, .section-content h5, .section-content h6 { padding: 0 0 .75em; } .section-content li { /* font-size: 1.5625em; */ font-family: 'Libre Baskerville'; } .entry-content li, .section-content li { padding: 0 0 .5em; } .post-thumbnail { border: 1px solid #e3e3e3; margin-bottom: 1em; } .post-thumbnail img { margin: 0 auto; } .blog .post-thumbnail, .archive .post-thumbnail { float: left; width: 32%; } .blog .entry-header, .archive .entry-header { padding-left: 35%; } .blog .entry-content, .archive .entry-content { padding-left: 5%; } .blog .hentry .article-content, .archive .hentry .article-content { padding-left: 35%; } .blog .hentry .article-content .one-half, .archive .hentry .article-content .one-half { float: none; width: 100%; } .content-table { margin-bottom: 2em; } .content-table table { width: 100%; } .content-table .table-title { text-align: center; } .content-table th { border-bottom: 2px solid #000; text-align: left; font-weight: 700; padding: .5em 1em; } .content-table tr:last-child td { border: none; } .content-table td { padding: .5em 1em; font-weight: 300; border-bottom: 1px solid #e6e6e6; } /* Project Play */ #project-play { height: 2000px !important; width: 100% !important; overflow: hidden; } /* 404 */ .entry-summary .searchform, .entry-content .searchform { position: static; width: auto; height: auto; background: transparent; margin: 1em 0 0; } .entry-summary .searchform input[type="submit"], .entry-content .searchform input[type="submit"] { width: auto; background: #12265a; } .entry-summary .searchform input[type="text"], .entry-content .searchform input[type="text"] { border-bottom: 2px solid #000; width: auto; color: #000; padding: .5em; } /* Content organizers */ .organizer h3.organizer-title { position: relative; cursor: pointer; transition: .4s all; color: #fff; background: #12265a; font-weight: 500; font-size: 1em; padding: 1em 65px 1em 1.375em; margin: 0 0 1em; font-family: 'Montserrat'; } .organizer h3.organizer-title:hover, .organizer h3.organizer-title.active { background: #d8d0dd; color: #12265a; } .organizer h3.organizer-title i { position: absolute; right: 0; top: 0; width: 65px; height: 100%; background: #d8d0dd; } .organizer h3.organizer-title i:before { position: relative; top: 50%; display: block; transform: translateY(-50%); text-align: center; } .organizer .organizer-section { padding: 2.25em 2.75em; } .organizer .organizer-section h1, .organizer .organizer-section h2, .organizer .organizer-section h3, .organizer .organizer-section h4 { font-family: 'Libre Baskerville'; font-weight: 700; font-size: 1.625em; padding: 0 0 .25em; } .organizer .organizer-section h4 { color: #3c1c56; } .organizer .organizer-section h5, .organizer .organizer-section h6 { color: #b3272d; font-weight: 300; padding: 0 0 1.25em; } .organizer .organizer-section li, .organizer .organizer-section p { line-height: 1.5em; } .organizer .organizer-section .button { position: relative; } .organizer .organizer-section .button:after { content: "\f061"; position: absolute; width: 48px; background: #3c1c56; top: 0; left: 100%; font-family: 'fontawesome'; text-align: center; display: block; padding: 12px 0; } .organizer .organizer-section .button:hover { background: #3c2257; } /* Organizers > Careers / Job application page */ .career-item { padding: 0 0 2em; border-bottom: 1px solid #e6e6e6; margin-bottom: 2em; } .career-item:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .radix .gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_checkbox, .gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_radio { width: auto; } .radix .gform_wrapper #field_3_264 .gfield_checkbox li { display: inline-block; vertical-align: top; width: 50%; height: 3em; padding-bottom: .5em; border-bottom: 1px solid #e6e6e6; } .radix .gform_wrapper #field_3_264 .gfield_checkbox li input[type="checkbox"] { vertical-align: top; } /* Icons section */ .content-section-icons { padding: 2em 0; } .content-section-icons .icon-image img { background: #3c1c56; margin: 0 auto; padding: 22px; border-radius: 50%; border: 10px solid #624477; transition: .4s all; } .content-section-icons .icon-image { margin-bottom: 1.5em; } .content-section-icons .icon a .icon-text, .content-section-icons .icon .icon-text { color: #3c1c56; font-weight: 700; text-align: center; transition: .4s all; } .content-section-icons .icon a { text-decoration: none; } .content-section-icons .icon-wrap { max-width: 80%; margin: 0 auto; } .content-section-icons .icon a:hover img { background: #d84710; border-color: #f19579; } .content-section-icons .icon a:hover .icon-text { color: #d84710; } /* Photo buttons section */ .content-section-photobuttons { padding: 2em 0; } .content-section-photobuttons .photobutton-wrap { padding:0 0.25em .5em; } .content-section-photobuttons .photobutton-headline { text-align: center; padding: .5em 0 0; font-size: 1.25em; line-height: 1.5em; font-weight: 700; color: #12265a; } .content-section-photobuttons .photobutton-subheadline { text-align: center; padding: .25em 0 0; font-size: 1em; line-height: 1.5em; } /* Sidebar */ .widget-title { text-transform: uppercase; } .widget.hide-title .widget-title { display: none; } .widget_nav_menu ul { margin: 0; list-style: none; } .widget_nav_menu li { display: block; text-transform: uppercase; line-height: 2em; } .widget_nav_menu li:hover > a, .widget_nav_menu li.current-menu-item > a { text-decoration: underline; } #sidebar { float: left; width: 35%; padding: 1em 8.33% 1em 0; position: relative; padding-bottom: 1.5em; } #sidebar:after { position: absolute; right: -1px; width: 1px; height: 100%; background: #ccc; content: "\A"; top: 0; display: block; } #sidebar .widget-title { font-family: 'Libre Baskerville', 'Georgia'; text-transform: uppercase; font-weight: 700; margin-bottom: 1em; color: #b3272d; } #sidebar h1, #sidebar h2, #sidebar h3 { margin: 0 0 1.5em; } #sidebar h4, #sidebar h5, #sidebar h6 { margin-bottom: .5em; } #sidebar p { font-weight: 300; line-height: 1.5em; padding: 0 0 2em; } #sidebar .contact-item { font-weight: 700; color: #3c1c56; text-transform: none; } #sidebar .contact-item + br { display: none; } #sidebar .contact-city { margin-left: 0; } #sidebar img { padding: 25px; border: 1px solid #f3f3f3; } #sidebar .button { display: block; text-align: center; background: #f0f0f0; font-size: 1.125em; padding-left: 0; padding-right: 0; text-transform: none; color: #12265a; letter-spacing: 0; font-weight: 700; } #sidebar .button:hover { color: #f0f0f0; background: #12265a; } /* Subpages navigation */ #sidebar .subpages-navigation-list .contact-item { color: #1a1a1a; font-weight: 600; text-transform: uppercase; } .subpages-navigation-list ul { margin: 0; list-style: none; } .subpages-navigation-list li, .subpages-navigation-list li.page_item_has_children a { border-bottom: 2px solid #cccccc; } .subpages-navigation-list li:hover > a, .subpages-navigation-list li.current_page_item > a, #sidebar .subpages-navigation-list li:hover > a .contact-item, #sidebar .subpages-navigation-list li.current_page_item > a .contact-item { color: #b3272d; } .subpages-navigation-list li:hover > a:after, .subpages-navigation-list li.current_page_item > a:after { width: 40%; } .subpages-navigation-list a { color: #1a1a1a; text-decoration: none; text-transform: uppercase; font-size: 0.75em; font-weight: 600; padding: 1.625em 0; display: block; position: relative; } .subpages-navigation-list a:after { content: "\A"; display: block; position: absolute; bottom: -2px; width: 0; height: 2px; background: #b3272d; transition: .4s all; } .subpages-navigation-list .children { margin-left: 1em; font-size: 0.875em; } .subpages-navigation-list .children li { border: none; } .subpages-navigation-list .children li:last-child a { border: none; } .subpages-navigation-list.portal-subpages li, .subpages-navigation-list.portal-subpages li.page_item_has_children a { border: none; margin-bottom: 1em; } .subpages-navigation-list.portal-subpages li.current_page_item a, .subpages-navigation-list.portal-subpages li:hover a { color: #fff; background: #b3272d; box-shadow: 0 0 15px rgba(0,0,0,.5); } .subpages-navigation-list.portal-subpages a { background: #12265a; color: #fff; font-size: 1.125em; text-align: center; text-transform: none; } .subpages-navigation-list.portal-subpages a:after { display: none; } /* Login page */ .custom-login label { display: block; } .custom-login input { display: block; border: 1px solid #e6e6e6; width: 100%; line-height: 2.875em; padding: 0 1em; height: 3em; } .custom-login input.button-primary { width: auto; margin-left: auto; border: none; line-height: 1.25em; padding: 1em 3.5em; } .custom-login input[type="checkbox"] { display: inline-block; width: auto; vertical-align: middle; } /* Blog-related */ .hentry { position: relative; } .hentry .article-content { margin-bottom: 4em; } .blog .hentry .article-content, .archive .hentry .article-content { margin-bottom: 6em; } .hentry:last-child .article-content { margin-bottom: 0; } .hentry .article-meta { font-weight: 300; color: #b3272d; padding-bottom: 1.5em; } .hentry .article-meta a { color: #b3272d; text-decoration: none; } .hentry .entry-title { font-family: 'Libre Baskerville', 'Georgia', 'Times New Roman'; font-weight: 700; font-size: 1.625em; text-transform: none; } .hentry .entry-title a { text-decoration: none; color: #12265a; } .hentry .article-content p, .hentry .article-content li { line-height: 1.5em; font-weight: 300; } .hentry .article-content .article-button { position: relative; padding-right: calc(3.5em + 40px); } .hentry .article-content .article-button i { background: #2d1541; position: absolute; right: 0; top: 0; padding: 1.125em; } .nav-previous a, .nav-next a { text-decoration: none; color: #b3272d; font-weight: 300; } .nav-previous, .nav-next { width: 50%; float: left; } .nav-next { text-align: right; } /* WooCommerce */ .radix .product.type-product, .woocommerce .woocommerce-breadcrumb { width: 96%; margin: 0 auto; max-width: 1200px; } .radix .product.type-product:before, .product.type-product:after { content: " "; display: table; } .radix .woocommerce .woocommerce-breadcrumb { margin-top: 3em; margin-bottom: 3em; } .radix .woocommerce-error, .radix .woocommerce-info, .radix .woocommerce-message { padding-bottom: 1em; } .radix .woocommerce #respond input#submit.alt, .radix .woocommerce a.button.alt, .radix .woocommerce button.button.alt, .radix .woocommerce input.button.alt { background-color: #12265a; border: 2px solid transparent; } .radix .woocommerce #respond input#submit.alt:hover, .radix .woocommerce a.button.alt:hover, .radix .woocommerce button.button.alt:hover, .radix .woocommerce input.button.alt:hover { background-color: transparent; border-color: #12265a; color: #12265a; } .radix .woocommerce.wc-memberships.admin-restricted-content-notice { background-color: #052a5b; } .radix .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon { display: inline-block; } /* stripe cc icons */ .radix .woocommerce .quantity .qty { width: 5.631em; padding: 0.5em 0.25em !important; } /* cart page quantity field */ /* STRIVE */ .strive-judge-notice { border-left: 6px solid #6888da; background: #f1f1f1; padding: .5em; margin: 0 0 3em; font-size: 0.875em; } .strive-judge-directions { margin-bottom: 1em; border-bottom: 2px solid #d6d6d6; padding-bottom: 1em; font-size: 0.875em; text-align: right; padding-right: 1em; } .strive-judge-directions i { width: 1.5em; } .strive-judge-applicants { margin: 0 0 2em; } .strive-judge-applicants li { border-bottom: 1px solid #e6e6e6; padding: .5em; } .strive-judge-applicants li:last-child { border: none; } .strive-judge-applicants li.applicant-dropped { background: #f3f3f3; border-bottom: none; } .strive-judge-applicants li.applicant-dropped .applicant-label { color: #a5a5a5; text-decoration: line-through; } /* .strive-judge-applicants li.applicant-preferred { border-bottom: none; } */ .strive-judge-applicants li.applicant-preferred .applicant-label { color: #12265a; font-weight: 700; } .strive-judge-applicants li.applicant-qualified { background: #40d640; border-bottom: none; } .strive-judge-applicants li.applicant-qualified .applicant-label { color: white; font-weight: 700; } .strive-judge-applicants ul { list-style: none; margin: 0; } .strive-judge-applicants a { text-decoration: none; } .strive-judge-applicants a:hover { text-decoration: underline; } .applicant-toggle { float: right; line-height: 0; } .applicant-toggle .icon { display: inline-block; margin: .25em .5em; } .strive-judge-mark-as { margin: 0 0 2em; } .strive-judge-mark-as a { display: inline-block; margin: 0 1em 0 0; padding: .5em 1em; line-height: 1.25em; border-radius: 4px; background: #e6e6e6; color: #111; font-size: 0.875em; } .strive-judge-mark-as a:hover { text-decoration: none; color: #fff; } .strive-judge-mark-as a.status-d:hover { background: #f3f3f3; color: #929292; } .strive-judge-mark-as a.status-p:hover { background: #12265a; } .strive-judge-mark-as a.status-q:hover { background: #40d640; } .strive-judge-mark-as a.status-r:hover { background: #f3f3f3; color: #929292; } .strive-judge-mark-as a.strive-return { float: right; background: transparent; padding-right: 0; margin-right: 0; } .strive-judge-mark-as a.strive-return:hover { color: #e56602; } .strive-judge-applicants.single-applicant span { display: inline-block; vertical-align: top; } .strive-judge-applicants.single-applicant .applicant-label { width: 33%; padding-right: 2%; font-size: 0.875em; font-weight: 700; } .strive-judge-applicants.single-applicant .applicant-value { width: 66.667%; } .strive-entry { background: #f6f6f6; padding: 2em !important; margin-bottom: 2em; } .strive-entry-vote { float: right; } .strive-entry-vote a { line-height: 1em; } .strive-entry.voted .strive-entry-vote a, .strive-entry.voted .strive-entry-vote a:hover { opacity: 0.5; background: #12275b; cursor: default; } h3.strive-entry-name { max-width: calc(100% - 130px); padding: 0 0 1em; } .strive-entry.voted h3.strive-entry-name { max-width: calc(100% - 290px); } .strive-entry-name span { display: block; font-size: 0.5em; line-height: 1.5em; margin-top: .5em; } .strive-entry-media { margin: 1em 0; display: flex; } .strive-entry-media > div { width: 50%; } .strive-entry.video-and-image .strive-entry-media { display: flex; } .strive-entry.video-and-image .strive-entry-media > div:first-child { margin-right: 2%; } .strive-entry.video-and-image .strive-entry-media > div:last-child { margin-left: 2%; } .strive-entry-media-video .video-container { margin: 0; width: auto; padding-bottom: 54.25% !important; } .strive-entries-vote-form { border-top: 4px solid #b3272d; margin: 2em auto 0; padding: 1em 2em; max-width: 80%; background: #e6e6e6; display: none; } .strive-entries-vote-form.active { display: block; } h6.strive-entries-vote-form-title { text-align: center; font-weight: 700; } /* Footer -------------------------------------------------------- */ #footer { background: #12265a; color: #fff; font-size: 0.75em; padding-bottom: 2em; } #footer a { color: #fff; text-decoration: none; } #footer-wrap {} #footer-toes { padding: 9.0625em 0 2.8125em; } .footer-toe { width: 25%; float: left; border-right: 1px solid #97a4b7; } .footer-toe img { margin: 0 auto 1em; } .footer-toe-1 { padding: 1em 4.375em 1em 0; } .footer-toe-2, .footer-toe-3 { padding: 1em 3.75em; } .footer-toe-2 { width: 30%; } .footer-toe-4 { padding: 2em 0 1em 4.375em; border-right: none; width: 20%; } .quicklinks-container { background: #b3272d; border-top: 15px solid #b3272d; } .quicklinks-container a { color: #fff; text-decoration: none; } .quicklinks-menutitle { position: absolute; left: 50%; transform: translateX(-50%); font-size: 1.375em; background: #b3272d; padding: .75em 2.75em 1.25em !important; margin-top: -1px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%); } .quicklinks-menutitle:after { content: "ยป"; padding-left: .5em; color: #fff; } .contact-item { position: relative; } #footer .contact-item { text-transform: uppercase; display: block; margin-bottom: 1em; margin-left: 3em; } #footer .contact-item.contact-city, #footer .contact-item.contact-state, #footer .contact-item.contact-zip { display: inline-block; } .contact-item i { position: absolute; left: -2em; font-size: 1.5em; background: #fff; color: #3c1c56; width: 1.5em; text-align: center; line-height: 1.5em; border-radius: 50%; top: -5px; } .contact-item.contact-state, .contact-item.contact-city, .contact-item.contact-zip { display: inline-block; margin: 0; } .contact-item.contact-city { margin-left: 2em; } /* Special Sections -------------------------------------------------------- */ /* Slideshow */ .slideshow { position: relative; padding: 0 0 20px; margin: 0; /* background: url('images/pattern-orange.png') bottom center repeat-x; */ } .slideshow-wrap { border-bottom: 35px solid #b3272d; } .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; float: left; 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 ); } .slideshow-front { overflow: hidden; } .slideshow-front + .section-header.section-background-white .major-wrap { border: none; } .slideshow-front .caption { position: absolute; z-index: 100; transition: .4s all; bottom: 0; width: 100%; background: rgba(4, 42, 92, .7); } .slideshow-front .caption.active { bottom: -50%; } .slideshow-front .caption-content { color: #fff; font-size: 3.75em; font-family: 'Libre Baskerville', 'Georgia'; font-weight: 600; line-height: 1.25em; padding: 1.25em 0 1.3em; max-width: 77%; margin: 0 auto; } .slideshow-front .rslides_tabs { display: none; } .slideshow-front .rslides-pager { transition: 1s all; bottom: 26%; width: 96%; left: 50%; max-width: 1200px; transform: translateX(-50%); } .slideshow-front .rslides-pager.active { bottom: -25%; } .slideshow-front .rslides_nav { transition: .4s all; color: #fff; text-decoration: none; position: absolute; top: 0; font-size: 1.5em; width: 2em; line-height: 2em; border: 2px solid; border-radius: 50%; } .slideshow-front .rslides_nav:hover { color: #b3272d; } .slideshow-front .rslides_nav.prev { left: 0; } .slideshow-front .rslides_nav.next { right: 0; } .slideshow-header.slideshow { background: none; padding: 0; margin-bottom: -1px; } /* .slideshow-header.slideshow-mobile-1 .invisible { min-height: 350px; } */ .slideshow-header .slideshow-wrap { position: relative; } .slideshow-header .slideshow-border { position: absolute; z-index: 100; bottom: -55px; width: 100%; height: 20px; background: url('images/pattern-orange.png') center repeat-x; } .slideshow-header .slideshow-overlay { height: 20px; } .slideshow-header .slideshow-overlay.has-header-image { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(4, 42, 92, .8); } .slideshow-header.slideshow-mobile-2 .slideshow-overlay.has-header-image { display: none; } .slideshow-header .slideshow-overlay.no-header-image { background: rgba(4, 42, 92, .8); } /* Sections */ .section.section-border-top-purple_dashed:before, .section.section-border-top-purple_solid:before, .section.section-border-top-orange_dashed:before, .section.section-border-top-orange_solid:before, .section.section-border-bottom-purple_dashed:after, .section.section-border-bottom-purple_solid:after, .section.section-border-bottom-orange_dashed:after, .section.section-border-bottom-orange_solid:after { position: absolute; content: "\A"; z-index: 1000; left: 0; width: 100%; height: 20px; background-repeat: repeat-x; } .section.section-border-top-purple_dashed:before, .section.section-border-top-purple_solid:before, .section.section-border-top-orange_dashed:before, .section.section-border-top-orange_solid:before { top: 0; background-position: center top; } .section.section-border-bottom-purple_dashed:after, .section.section-border-bottom-purple_solid:after, .section.section-border-bottom-orange_dashed:after, .section.section-border-bottom-orange_solid:after { bottom: 0; background-position: center bottom; } .section.section-border-top-purple_dashed:before, .section.section-border-bottom-purple_dashed:after { background-image: url('images/pattern-purple.png'); } .section.section-border-top-orange_dashed:before, .section.section-border-bottom-orange_dashed:after { background-image: url('images/pattern-orange.png'); } .section.section-border-top-purple_solid:before, .section.section-border-bottom-purple_solid:after { background-color: #12265a; } .section.section-border-top-orange_solid:before, .section.section-border-bottom-orange_solid:after { background-color: #b3272d; } .slideshow .section-header { padding-top: calc(4.6875em + 20px); padding-bottom: 4.25em; } .section-header .section-header-preheading { color: #12265a; text-transform: uppercase; padding-bottom: 1.625em; } .section-header .section-header-preheading.subpage-preheading { padding-bottom: 0.75em; } .section-header .section-header-heading { padding-right: 3vw; } .section-header .interior-heading { text-align: center; text-transform: uppercase; padding-bottom: 1.875em; margin: 0 auto; max-width: 1120px; font-size: 1em; padding-right: 0; } .section-header .section-header-content { padding-left: 20%; } .section-header .section-header-content.subpage-content { margin-top: -0.25em; padding-left: 20%; padding-top: 2.25em; } .section-header .section-header-content h1, .section-header .section-header-content h2, .section-header .section-header-content h3 { color: #12265a; padding-bottom: .5em; } .section-header .section-header-content h1 { font-size: 2.875em; font-weight: 600; } .section-header .section-header-content h2, .section-header .section-header-content h3 { font-size: 2.25em; } .section-header .section-header-content h3 { font-family: 'Montserrat'; font-weight: 400; } .section-header .section-header-content p, .section-header .section-header-content li { line-height: 1.5em; font-weight: 300; } .section-header .section-header-content.subpage-content p, .section-header .section-header-content.subpage-content li { font-weight: 300; font-size: 1.25em; } .section-header .first-letter { font-size: 3em; float: left; line-height: 0.875em; color: #b3272d; padding-top: .125em; padding-right: 5px; } .section-header .interior-content { text-align: center; /* font-weight: 700; */ margin: 0 auto; max-width: 1120px; padding: 0; } .section-header .interior-content p, .section-header .interior-content li { font-size: 1.875em; line-height: 1.5em; color: #12265a; } .section-header .interior-content p:last-child { padding-bottom: 0; } .section-header .interior-content .nogap { font-size: 0.5em; } /* 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; } /* Callouts1 */ .section-callouts { padding-top: 0; margin-top: 9.375em; } .section-callouts .section-wrap { position: relative; z-index: 1000; width: 100%; } .section-callouts .callouts { margin-top: -9.375em; /* margin-left: -2.25%; width: 104.5%; */ } .section-callouts .callout-wrap { margin: 0 6.5%; background: #fff; text-align: center; } .section-callouts .callout-image { width: 100%; } .section-callouts .callout-title { color: #12265a; font-size: 1.625em; padding: 1em 1.5em; } .section-callouts .callout-icon { float: left; margin-right: 1em; margin-top: .125em; } .section-callouts .callout-content { padding: 0 2.5em 1em; font-weight: 300; color: #12265a; } .section-callouts .callout-content p, .callout-content li { line-height: 1.5em; } .section-callouts .callout-link.button { display: block; position: relative; } .section-callouts .callout-link.button i { background: #b3272d; position: absolute; right: 0; top: 0; padding: 1.125em; } /* Callouts2 */ .section-callouts2 .callout-wrap { border-width: 2px; border-style: solid; /* margin: 0 2%; */ padding: 8%; text-align: center; } .section-callouts2.section-background-white .callout-wrap { border-color: #f0f0f0; } .section-callouts2.section-background-gray .callout-wrap { border-color: #fff; } .section-callouts2 .section-heading { text-align: center; margin-bottom: .5em; } /* .section-callouts2 .section-heading:after { content: "\A"; display: block; width: 50px; height: 2px; background: #b3272d; margin: 0.75em auto 1em; } */ .section-callouts2 .callout-image { margin-bottom: 1.5em; width: 100%; } .section-callouts2 .callout-title { font-size: 1.25em; line-height: 1.25em; color: #12275b; padding-bottom: .75em; text-align: center; } /* Content + Image */ /* .section-contentimg:after { position: absolute; content: "\A"; bottom: 0; left: 0; z-index: 1000; width: 100%; height: 20px; background: url('images/pattern-purple.png') center bottom repeat-x; } */ .section-contentimg .section-wrap { display: flex; align-items: center; } .section-contentimg.section-layout-RL .contentimg-content, .section-contentimg.section-layout-LR .contentimg-image, .section-contentimg.section-layout-RL .contentimg-image, .section-contentimg.section-layout-LR .contentimg-content { width: 50%; } .section-contentimg.section-layout-RL .contentimg-content, .section-contentimg.section-layout-LR .contentimg-image { padding-right: 10%; } .section-contentimg.section-layout-RL .contentimg-image, .section-contentimg.section-layout-LR .contentimg-content { padding-left: 2%; } .section-contentimg .contentimg-image { text-align: center; position: relative; } /* .section-contentimg .contentimg-image:before { content: "\A"; display: block; position: absolute; top: -0.5em; background: url('images/pattern-purple.png') center repeat-x; height: 20px; width: 20%; z-index: 1000; } .section-contentimg.section-layout-RL .contentimg-image:before { right: 5%; } .section-contentimg.section-layout-LR .contentimg-image:before { left: 5%; } */ .section-contentimg.section-imagesize-small .contentimg-image:before { display: none; content: ""; } .section-contentimg.section-imagesize-small .contentimg-image img { margin: 0 auto; } /* .section-contentimg .contentimg-image img { max-width: 100%; } */ .section-contentimg .contentimg-image img { margin: 0 auto; } .section-contentimg.section-layout-TB .contentimg-image { margin-bottom: 2em; } .section-contentimg .contimg-link.button { padding: 1.75em 2.25em; margin-top: 1em; background: #12265a; } .section-contentimg .contimg-link.button:hover { background: #d8d0dd; } .section-contentimg .contentimg-content h1, .section-contentimg .contentimg-content h2, .section-contentimg .contentimg-content h3 { padding-bottom: 1em; } .section-contentimg .contentimg-content h1, .section-contentimg .contentimg-content h3 { color: #b3272d; font-size: 2.875em; font-weight: 600; } .section-contentimg .contentimg-content h3.organizer-title { color: #fff; font-size: 1em; } .section-contentimg .contentimg-content h3.organizer-title:hover { color: #3c1c56; } .section-contentimg .contentimg-content p, .section-contentimg .contentimg-content li { font-size: 1.25em; line-height: 1.5em; font-weight: 300; color: #12265a; } .section-contentimg .contentimg-block { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 2px solid #b3272d; } .section-contentimg .contentimg-block:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .section-contentimg .block-odd .contentimg-block-content { padding-right: 3em; } .section-contentimg .block-even .contentimg-block-content { padding-left: 3em; } .section-contentimg .contimg-link.contentimg-block-link { transform: translateY(0); } .section-contentimg .contentimg-block-image { text-align: center; } /* Halves */ .section-halves { padding: 0; } .section-halves.section-background-blue .halve, .section-halves.section-background-blue .halve a { color: #fff; } .section-halves.section-background-blue.section-halvestype-noimage .halve:nth-child(odd) { border-left-color: #fff; } .section-halves.section-background-blue.section-halvestype-noimage .halve:nth-child(even) { border-left-color: #fff; } .section-halves.section-halvestype-image .halve-image { position: relative; float: left; width: 50%; } .section-halves.section-halvestype-image .section-content-container { position: relative; top: 50%; transform: translateY(-50%); } .section-halves.section-halvestype-image .halve-image-content { position: absolute; top: 50%; width: 100%; text-align: center; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); transform: translateY(-50%); } .section-halves.section-halvestype-image .halve-heading { color: #fff; } .section-halves.section-halvestype-image .halve-content-container p, .section-halves.section-halvestype-image .halve-content-container li { color: #12265a; } /* .section-halves.section-halvestype-noimage { background: #12275b; } */ .section-halves.section-halvestype-noimage .halves { display: flex; align-items: top; flex-wrap: wrap; } .section-halves.section-halvestype-noimage .halve { width: 50%; margin-top: 2em; margin-bottom: 2em; } .section-halves.section-halvestype-noimage .halve-wrap { max-width: 77%; margin: 0 auto; } .section-halves.section-halvestype-noimage .halve-image-content { position: relative; /* padding-bottom: 2.75em; */ } .section-halves.section-halvestype-noimage:nth-child(even) .halve-link.button { left: 0; right: auto; } /* .section-halves.section-halvestype-noimage .halve-heading, .section-halves.section-halvestype-noimage .section-content-container p, .section-halves.section-halvestype-noimage .section-content-container li { color: #fff; } */ .section-halves.section-halvestype-noimage .halve-heading { font-family: 'Montserrat'; font-weight: 400; font-size: 1.875em; padding: .5em 0 1em; text-align: center; } .section-halves.section-halvestype-noimage .section-content-container { text-align: center; } .section-halves.section-halvestype-noimage .section-content-container img { margin: 0 auto; } .section-halves.section-halvestype-noimage .section-content-container p, .section-halves.section-halvestype-noimage .section-content-container li { line-height: 1.5em; } .section-halves.section-halvestype-noimage .halve:nth-child(odd) { border-right: 1px solid #042b5c; } .section-halves.section-halvestype-noimage .halve:nth-child(even) { border-left: 1px solid #042b5c; margin-left: -1px; } .section-halves.section-halvestype-noimage .halve-image-content { text-align: center; } .section-halves.section-halvestype-noimage .halve-link.button { position: static; background: #bb2b27; } .section-halves .halve:nth-child(even) .halve-image { float: right; } .section-halves .halve:nth-child(even) .halve-overlay { background: rgba(59, 21, 85, .5); } .section-halves .halve:nth-child(even) .halve-content-container { float: left; } .section-halves .halve:nth-child(even) .halve-link.button { left: auto; right: 0; } .section-halves .halve-overlay { background: rgba(207, 69, 32, .5); position: absolute; width: 100%; height: 100%; } .section-halves .halve-content-container { position: relative; float: right; width: 50%; padding: 4.5em 5em; font-size: 1.25em; } .section-halves .halve-content-container p, .section-halves .halve-content-container li { line-height: 1.5em; font-weight: 300; } .section-halves .halve-link.button { position: absolute; bottom: 0; left: 0; font-size: 12px; padding: 1.25em 3em 1.25em; /* background: #d8d0dd; */ } .section-halves .halve-preheading { text-transform: uppercase; padding-bottom: .75em; } /* Products */ .section-products .product:nth-child(odd) .product-image, .section-products .product:nth-child(odd) .product-content { float: right; } .section-products .product:nth-child(even) .product-image, .section-products .product:nth-child(even) .product-content { float: left; } .section-products .product-wrap { padding-bottom: 3em; border-bottom: 3px solid #042b5c; margin-bottom: 3em; } .section-products .product:last-child .product-wrap { padding-bottom: 0; border: 0; margin-bottom: 0; } .section-products .product-image { text-align: center; } .section-products .product-icon { color: #fff; border-left: 15px solid; padding: 1em; margin-bottom: 1em; } .section-products .product:nth-child(odd) .product-icon { background: #042b5c; border-left-color: #c42f1f; } .section-products .product:nth-child(even) .product-icon { background: #c42f1f; border-left-color: #042b5c; } .section-products .product-course-count { text-transform: uppercase; font-weight: 600; margin-bottom: 0.875em; } .section-products .product-course-name { font-size: 1.25em; letter-spacing: 0.02em; font-weight: 300; text-transform: uppercase; line-height: 1.5em; margin-bottom: 1em; } .section-products .product-source-image { background-image: url('images/sprite-courses.png'); background-repeat: no-repeat; background-size: 100% auto; width: 100%; max-width: 125px; height: 75px; margin: 0 auto; } .section-products .product:nth-child(odd) .product-source-image { background-position: bottom center; } .section-products .product:nth-child(even) .product-source-image { background-position: top center; } .section-products .product-link { width: 16em; text-align: center; border: 2px solid transparent; margin-top: 1em; } .section-products .product-link:first-of-type { margin: 0; } .section-products .product-link:hover { background: transparent !important; color: #000; } .section-products .product:nth-child(odd) .product-link { background: #c42f1f; } .section-products .product:nth-child(odd) .product-link:hover { border-color: #c42f1f; } .section-products .product:nth-child(even) .product-link { background: #042b5c; } .section-products .product:nth-child(even) .product-link:hover { border-color: #042b5c; } .section-products .product-image { width: 25%; } .section-products .product-content { width: 75%; } .section-products .product:nth-child(odd) .product-content { padding-right: 5%; } .section-products .product:nth-child(even) .product-content { padding-left: 5%; } .section-products .product-graphic { margin-bottom: 1em; } .section-products .product-name { font-family: 'Montserrat'; text-transform: uppercase; margin-bottom: 1em; font-size: 0.875em; } .section-products .product-name span { display: inline-block; vertical-align: middle; } .section-products .product-name .c { font-size: 4.5em; width: 12%; color: #042b5c; font-weight: 600; } .section-products .product-name .pn { font-size: 2em; width: 88%; line-height: 1em; margin-left: -4px; color: #b3272d; font-weight: 600; } .section-products .section-content-container { color: #313b80; line-height: 1.5em; } .section-products .product-description { margin-top: 1em; } /* Columns ( Headshots + Content ) */ .section-columns .columns { margin-left: -1em; margin-right: -1em; } .section-columns .column:hover .column-content { opacity: 1; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; } .section-columns .column:hover .column-content { opacity: 1; z-index: 1000; } /* .section-columns .column-type-image.one-third:hover .column-content { width: calc(300% + 4em); } .section-columns .column-type-image.one-third:nth-child(3n+1):hover .column-content { left: 0; } .section-columns .column-type-image.one-third:nth-child(3n+2):hover .column-content { left: calc(-100% - 2em); } .section-columns .column-type-image.one-third:nth-child(3n+3):hover .column-content { left: calc(-200% - 4em); } */ .section-columns .column-wrap { margin: 0 1em 2em; position: relative; } .section-columns .column-image img { width: 100%; height: auto; } .section-columns .column-caption { background: #fff; text-align: center; padding: 1.75em 1em; } .section-columns .column-heading { font-family: 'Montserrat'; font-weight: 600; color: #12265a; font-size: 1.125em; padding: 0 0 .5em; } .section-columns .column-subheading { font-weight: 300; font-size: 1.125em; } .section-columns .column-type-video .column-caption { text-align: left; padding-left: 2em; padding-right: 2em; } .section-columns .column-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #12265a; color: #fff; padding: 2.8125em 2.5em; opacity: 0; transition: .4s all; } .section-columns .column-content a { color: #fff; text-decoration: none; } .section-columns .column-content-heading { font-weight: 600; font-size: 1.125em; line-height: 1.25em; padding-bottom: 1em; } .section-columns .column-content-content { font-weight: 300; font-size: 0.875em; } .section-columns .column-content-content p, .section-columns .column-content-content li { line-height: 1.5em; } .section-columns .column-content-linkedin, .section-columns .column-content-phone, .section-columns .column-content-email { line-height: 1.5em; } .section-columns .column-content-linkedin a { font-size: 1.25em; font-weight: 600; } .section-columns .column-content-email { text-decoration: underline; } /* Gallery */ .section-gallery .column-type-image .column-image { position: relative; padding: 0 .5em 1em; } .section-gallery .column-type-image .column-image:hover .column-image-content { display: block; } .section-gallery .column-image img { margin: 0 auto; } .section-gallery .column-image .column-image-content { display: none; position: absolute; z-index: 9999; bottom: calc( 100% + 30px ); min-width: 280px; max-width: calc( 1200px - 1em ); width: 120%; background: #062045; color: #fff; padding: 1em 1.5em; } .section-gallery .column-image .column-image-content:after { position: absolute; top: 100%; left: calc( 50% - 20px ); border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 30px solid #062045; } .section-gallery .column.one-half .column-image-content { left: calc(-12.5% + .5em); } .section-gallery .column.one-half:nth-child(odd) .column-image-content { left: .5em; } .section-gallery .column.one-half:nth-child(odd) .column-image-content:after { left: 1em; } .section-gallery .column.one-half:nth-child(even) .column-image-content { left: calc( -24% + .5em); } .section-gallery .column.one-half:nth-child(even) .column-image-content:after { left: calc( 80% + 1em); } .section-gallery .column.one-third .column-image-content { left: calc(-12.5% + .5em); } .section-gallery .column.one-third:nth-child(3n-2) .column-image-content { left: .5em; } .section-gallery .column.one-third:nth-child(3n-2) .column-image-content:after { left: 1em; } .section-gallery .column.one-third:nth-child(3n) .column-image-content { left: calc( -24% + .5em); } .section-gallery .column.one-third:nth-child(3n) .column-image-content:after { left: calc( 80% + 1em); } .section-gallery .column.one-fourth .column-image-content { left: calc(-12.5% + .5em); } .section-gallery .column.one-fourth:nth-child(4n-3) .column-image-content { left: .5em; } .section-gallery .column.one-fourth:nth-child(4n-3) .column-image-content:after { left: 1em; } .section-gallery .column.one-fourth:nth-child(4n) .column-image-content { left: calc( -27% + .5em); } .section-gallery .column.one-fourth:nth-child(4n) .column-image-content:after { left: calc( 80% + 1em); } .section-gallery .column.one-fifth .column-image-content { left: calc(-25% + .5em); } .section-gallery .column.one-fifth:nth-child(5n-4) .column-image-content { left: .5em; } .section-gallery .column.one-fifth:nth-child(5n-4) .column-image-content:after { left: 1em; } .section-gallery .column.one-fifth:nth-child(5n) .column-image-content { left: calc( -50% + .5em); } .section-gallery .column.one-fifth:nth-child(5n) .column-image-content:after { left: calc( 80% + 1em); } /* Testimonials */ .section-testimonials .testimonials-headline { font-size: 2.875em; font-weight: 600; text-align: center; color: #12265a; } .section-testimonials .testimonials-headline:after { content: "\A"; display: block; width: 50px; height: 2px; background: #b3272d; margin: 0.75em auto 1em; } .section-testimonials .testimonial-item-image { width: 60px; height: 60px; float: left; margin-right: 2em; } .section-testimonials .testimonial-item-image img { border-radius: 50%; } .section-testimonials .testimonial-item-content-wrapper { float: left; width: calc( 100% - 60px - 4em ); } .section-testimonials .testimonial-item-content p { line-height: 1.5em; font-weight: 300; font-size: 0.875em; } .section-testimonials .testimonial-item-author { font-weight: 600; font-size: 1.125em; color: #12265a; } .section-testimonials .testimonial-item-location { font-size: 0.75em; font-weight: 700; text-transform: uppercase; color: #b3272d; } .content-section-testimonials { /* border-bottom: 8px solid #e6e6e6; margin-bottom: 3em; padding-bottom: 3em; */ } .content-section-testimonials .testimonial-item { border-bottom: 1px solid #000; padding-bottom: 2.5em; margin-bottom: 2.5em; } .content-section-testimonials .testimonial-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .content-section-testimonials .testimonial-item-image { float: left; width: 20%; } .content-section-testimonials .testimonial-item-content-wrapper { float: right; width: 80%; padding-left: 5%; } .content-section-testimonials .testimonial-item-image img { margin: 0 auto; } .content-section-testimonials .testimonial-item-content * { font-weight: 700; font-style: italic; } .content-section-testimonials .testimonial-item-author, .content-section-testimonials .testimonial-item-location { font-size: 1.125em; font-weight: 700; color: #12265a; } /* Floorplans */ .floorplan { margin-bottom: 3.5em; } .floorplan-image { float: left; width: 35%; } .floorplan-image img { border: 1px solid #ccc; } .floorplan-enlarge { padding-top: 0.875em; } .floorplan-enlarge a { color: #b3272d; text-decoration: none; font-size: 0.75em; } .floorplan-enlarge a:hover { color: #3c1c56; } .floorplan-details { float: left; width: 50%; padding-left: 5%; } .floorplan-title { font-size: 1.25em; line-height: 1.5em; font-family: 'Libre Baskerville', 'Georgia'; color: #3c1c56; font-weight: 700; padding-bottom: 1em; } .floorplan-desc, .floorplan-size { font-weight: 300; line-height: 1.5em; } .floorplan-button { margin-top: 1.25em; } .floorplan-button-pdf .button { position: relative; padding-left: 1em; padding-right: 1em; font-weight: 400; } .floorplan-button-pdf .button:after { content: "\f061"; position: absolute; width: 48px; background: #3c1c56; top: 0; left: 100%; font-family: 'fontawesome'; text-align: center; display: block; padding: 13px 0 14px; } .floorplan-button-pdf .button:hover { background: #3c2257; } .floorplan-button-video a { color: #504e4e; text-transform: uppercase; font-weight: 600; text-decoration: none; font-size: 0.75em; } .floorplan-button-video a:hover { color: #cf4521; text-decoration: underline; } .floorplan-overlay { display: none; position: fixed; z-index: 99999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.3); } .floorplan-overlay-wrap { position: relative; top: 50%; left: 50%; width: 80%; max-width: 600px; transform: translate(-50%, -50%); background: #fff; padding: 0 0 2em; box-shadow: 0 0 15px rgba(0,0,0,.5); } .floorplan-overlay-wrap img { margin: 0 auto; } .floorplan-overlay .floorplan-title { padding: 0 1.5em; } .floorplan-overlay .floorplan-desc, .floorplan-overlay .floorplan-size { padding: 0 2em; } .floorplan-overlay .floorplan-close { display: block; text-align: right; padding: 1em 1.5em 0 0; } .floorplan-overlay .floorplan-close a { color: #b3272d; text-decoration: none; font-weight: 600; } .floorplan-overlay .floorplan-close i { font-size: 1em; font-weight: 300; padding-right: .25em; } /* Image Map */ .section-imagemap .imagemap-image { position: relative; } .section-imagemap .imagemap-image img { border: 1px solid #e6e6e6; padding: 15px; } .section-imagemap .hotspot-wrap { position: absolute; z-index: 1000; } .section-imagemap .hotspot-wrap:hover .hotspot-content { display: block; } .section-imagemap .hotspot-wrap .hotspot { width: 65px; height: 65px; } .section-imagemap .hotspot-dark_purple .hotspot { background-image: url('images/hotspot-darkpurple.png'); } .section-imagemap .hotspot-dark_purple .hotspot-content { background: #38145f; } .section-imagemap .hotspot-light_purple .hotspot { background-image: url('images/hotspot-lightpurple.png'); } .section-imagemap .hotspot-light_purple .hotspot-content { background: #7b42bd; } .section-imagemap .hotspot-orange .hotspot { background-image: url('images/hotspot-orange.png'); } .section-imagemap .hotspot-orange .hotspot-content { background: #cf4521; } .section-imagemap .hotspot-content, .section-imagemap .hotspot-content a { color: #fff; text-decoration: none; } .section-imagemap .hotspot-content { display: none; padding: 1.875em 3em; text-align: center; box-shadow: 0 0 15px rgba(0,0,0,.5); } .section-imagemap .hotspot-content a:hover .hotspot-linktext { text-decoration: underline; } .section-imagemap .hotspot-heading { font-size: 1.125em; font-weight: 700; padding: 0 0 .25em; } .section-imagemap .imagemap-content { margin-top: 3em; } .section-imagemap .imagemap-content .imagemap-content-wrap { border: 1px solid #fff; margin: 0 1em; } .section-imagemap .imagemap-content .imagemap-content-wrap.imagemap-content-dark_purple { background: #38145f; } .section-imagemap .imagemap-content .imagemap-content-wrap.imagemap-content-light_purple { background: #7b42bd; } .section-imagemap .imagemap-content .imagemap-content-wrap.imagemap-content-orange { background: #cf4521; } .section-imagemap .imagemap-content .imagemap-content-wrap a { display: block; text-decoration: none; } .section-imagemap .imagemap-content .imagemap-content-wrap a:hover { box-shadow: 0 0 15px rgba(0,0,0,.5); } .section-imagemap .imagemap-content .hotspot-heading { text-align: center; color: #fff; line-height: 1.25em; padding: 1.25em 1em; } /* Calendar */ .section-events .event-item { margin-bottom: 2em; border-bottom: 1px solid #e6e6e6; padding-bottom: 2em; } .section-events .event-item:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .section-events .event-content-wrap { padding-left: 5%; } .section-events .event-title { font-family: 'Libre Baskerville', 'Georgia'; font-size: 1.625em; line-height: 1.25em; color: #12265a; font-weight: 600; } .section-events .event-time, .section-events .event-date { color: #b3272d; line-height: 1.5em; } .section-events .event-time { margin-bottom: .5em; } .section-events .event-content p { line-height: 1.5em; } .section-calendar { margin-bottom: 5em; } .calendar { padding-top: 3em; margin-bottom: 5em; } .calendar-button.button { line-height: 2.875em; background: #12265a; width: calc( 50% - 5px ); text-align: center; } .calendar-home, .calendar-navigation, .calendar-select { display: inline-block; vertical-align: top; } .calendar-home { width: 25%; } .calendar-home a, a.calendar-select-trigger { padding: .5em 0; display: inline-block; color: #cf4521; } .calendar-select { width: 25%; text-align: right; position: relative; } .calendar-select-links ul { list-style: none; margin: 0; } .calendar-select-links { height: 0; overflow: hidden; transition: .4s; position: absolute; background: #12265a; z-index: 1000; width: 100%; right: 1px; top: 32px; max-width: 190px; border: 2px solid transparent; } .calendar-select-links.active { height: auto; border-color: #fff; } .calendar-select-links a { color: #fff; text-decoration: none; display: block; padding: .5em 1em; } .calendar-select-links li { border-bottom: 1px solid #fff; padding: 0; } .calendar-select-links li:hover, .calendar-select-links li.active { background: #fff; } .calendar-select-links li:hover > a, .calendar-select-links li.active > a { color: #00445c; } .calendar-navigation { text-align: center; width: 50%; min-width: 320px; margin: 0 auto; } .calendar-navigation a, .calendar-navigation span { display: inline-block; padding: .5em 2em; color: #cf4521; } .calendar-labels ul { margin: 0; list-style: none; } .calendar-labels li { display: inline-block; width: 14.286%; text-align: center; background: #12265a; padding: 1em 0; color: #fff; } .calendar-main .days li { border: 1px solid #12265a; float: left; width: 14.286%; border-right: none; border-top: none; box-sizing: border-box; min-height: 80px; padding: .5em; } .calendar-main .days ul { margin: 0; list-style: none; } .calendar-main .days li:nth-child(7n+7), .calendar-main .days li:last-child { border-right: 1px solid #12265a; } .calendar-main .days li:last-child { width: calc( 14.286% + 1px ); } .calendar-main .days li:nth-child(7n+7):last-child { width: 14.286%; } .calendar-main .days li.weekend { background: #ececec; } .calendar-main .days li.today { background: #12265a; color: #fff; } .calendar-main .days li.today a { color: #fff; } .calendar-main .days li.today a:hover { color: #FDAC79; } .calendar-main .days a { color: #cf4521; } .calendar-main .days .todays-events li { float: none; display: block; width: auto; border: none; min-height: 0; line-height: 1em; font-size: 0.875em; } .calendar-main .days .todays-events li a { text-decoration: none; } .calendar-main .days .todays-events li.all-day-event { background: #bdbdbd; } .calendar-main .days .todays-events li.all-day-event a:hover { color: #fff; } .mobile-no-events { display: none; } /* Portal */ .content-section-portalfiles .portalfiles-group { padding: 0 0 2em; } .content-section-portalfiles .portalfiles-group:last-child { padding: 0; } .content-section-portalfiles .portalfile a:hover { background: #cf4521; color: #ffffff; } .content-section-portalfiles .portalfile a { text-decoration: none; display: block; color: #3d1553; font-weight: 600; background: #f0f0f0; padding: 1em; border-radius: 4px; margin-bottom: 1em; } .content-section-portalfiles .portalfile a i { float: right; } /* Responsive Styles -------------------------------------------------------- */ @media all and (max-width: 1289px) { #nav-utility-left li { width: auto; } /* Slideshow */ .slideshow-front .caption-content { font-size: 2em; } .slideshow-front .rslides-pager { bottom: 15%; } } @media all and (max-width: 1239px) { body { font-size: 0.9em; } #nav-primary { float: none; text-align: center; clear: both; padding-top: 1em; } #nav-primary a { line-height: 4em; } } @media all and (max-width: 1069px) { .preheader { padding: .5em 0; } /* footer */ #footer .social-media-links li { display: block; padding: 0 0 1em; } } @media all and (max-width: 1023px) { /* utility navigation */ #nav-utility-left, #nav-utility-right { display: none; } /* Mobile Navigation Items */ .no-js #nav-mobile, .js #nav-trigger { display: block; } #nav-primary { display: none; } #nav-trigger { top: 3.5%; } .admin-bar #nav-trigger { top: 3.5%; margin-top: 32px; } #site-title, #site-title a { margin: 0 0 0 2%; } #nav-mobile-wrap { padding: 70px 0 20px; width: 100%; } #nav-mobile-wrap ul { margin-left: 0; } #nav-mobile-wrap ul.sub-menu li { padding-left: 40px; } .nav-active #nav-trigger { top: 2%; } .headermain { padding-bottom: 1.5em !important; } } @media all and (max-width: 782px) { .admin-bar #nav-trigger { margin-top: 46px; } } @media all and (max-width: 779px) { .preheader { display: none; } /* Front slideshow */ .slideshow-front .caption-content { font-size: 2em; padding: .5em; } } @media all and (max-width: 768px) { .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth { float: none; box-sizing: border-box; padding-left: 0; padding-right: 0; width: auto; } /* Slideshow */ .slideshow-front .rslides-pager { bottom: 25%; } /* Header */ .section-header .section-header-heading { padding-right: 0; } .section-header .section-header-content { padding-left: 0; } .section-header.section-background-white .major-wrap { padding-bottom: 0; } /* .rslides li { min-height: 450px; } */ .section-callouts .callout-wrap { height: auto !important; margin-bottom: 2em; } /* Content + Image */ .section-contentimg.section-layout-RL .contentimg-content, .section-contentimg.section-layout-LR .contentimg-content, .section-contentimg.section-layout-RL .contentimg-image, .section-contentimg.section-layout-LR .contentimg-image { float: none; width: auto; padding: 0 0 2em; } /* Halves */ .section-halves .halve-content-container, .section-halves .halve:nth-child(even) .halve-image, .section-halves .halve:nth-child(odd) .halve-image, .section-halves .halve:nth-child(even) .halve-content-container, .section-halves .halve:nth-child(odd) .halve-content-container, .section-halves.section-halvestype-image .halve-image, .section-halves.section-halvestype-noimage .halve { float: none; width: auto; padding: 0; height: auto !important; } .section-halves.section-halvestype-noimage .halve:nth-child(odd), .section-halves.section-halvestype-noimage .halve:nth-child(even) { border: none; margin-left: 0; } .section-contentimg.section-layout-LR .contentimg-image img, .section-contentimg.section-layout-RL .contentimg-image img { margin: 0 auto; } .section-halves .halve:nth-child(even) .halve-content-container, .section-halves .halve:nth-child(odd) .halve-content-container { padding: 2em 2%; } .section-contentimg .contentimg-image:before { display: none; content: ""; } .section-halves .halve-link.button { position: static; } .section-halves.section-halvestype-image .section-content-container { position: static; transform: none; } .section-floorplans .floorplan-image, .section-floorplans .floorplan-details { width: 50%; } /* Products */ .section-products .product:nth-child(odd) .product-image, .section-products .product:nth-child(odd) .product-content, .section-products .product:nth-child(even) .product-image, .section-products .product:nth-child(even) .product-content { float: none; width: auto; padding-right: 0; padding-left: 0; } .section-products .product-name { margin-top: 1.5em; margin-bottom: 1em; } .section-products .product-name .c { width: 15%; } .section-products .product-name .pn { width: 85%; } /* Columns (Headshot + Content) */ .section-columns .column-type-image.one-third:hover .column-content, .section-columns .column-type-image.one-third:nth-child(3n+1):hover .column-content, .section-columns .column-type-image.one-third:nth-child(3n+2):hover .column-content, .section-columns .column-type-image.one-third:nth-child(3n+3):hover .column-content { left: 0; width: 100%; } /* Callouts */ .section-callouts2 .callout-wrap { height: auto !important; margin-bottom: 1em; text-align: center; } .section-callouts2 .callout-wrap img { margin: 0 auto 1.5em; } /* Events */ .section-events .event-content-wrap { padding: 2em 2% 0; } /* Gallery */ .section-gallery .column .column-image-content { left: 0 !important; max-width: none; min-width: 0; width: auto; } .section-gallery .column .column-image-content:after { left: calc( 50% - 20px) !important; } /* Calendar */ .calendar-button.button { display: block; width: auto; margin: 0 0 1em; } .calendar-navigation-container { display: none; } .entry-content, #sidebar { float: none; width: auto; border: none; padding: 0 0 3em; } /* Sidebar */ #sidebar img.alignleft, #sidebar img.alignright, #sidebar img.aligncenter { float: none; width: 100%; max-width: 100%; margin: 1em 0; } /* Content Tables */ .content-table table { width: auto; } .content-table tr { display: block; border-bottom: 1px solid #e6e6e6; } .content-table td { display: inline-block; border-bottom: 0; } /* Other */ .photobutton-image img { margin: 0 auto 1em; } .testimonial-item { margin-bottom: 2em; } .section-header .section-header-content.subpage-content { padding-left: 0; } /* footer */ #nav-quicklinks li { display: block; width: auto; } .quicklinks-menutitle { padding-left: 1.75em; padding-right: 1.75em; text-align: center; } .footer-toe img { margin: 0 0 1em; } .footer-toe { width: auto; float: none; padding: 0; height: auto !important; border: none; margin-bottom: 1em; } .footer-toe .contact-item, .footer-toe .social-media-links a { margin-left: calc( 2em + 2%); } /* Project play */ #project-play { height: 2060px !important; } /* STRIVE */ .strive-judge-applicants .applicant-label, .strive-judge-applicants .applicant-toggle { display: block; float: none; line-height: 1em; padding-top: .25em; } .strive-judge-applicants.single-applicant span { display: block; } } @media all and (max-width: 600px) { /* Slideshow */ .slideshow-front .caption-content { font-size: 1.5em; padding-left: 2.25em; padding-right: 2.25em; } /* Floorplans */ .section-floorplans .floorplan-image, .section-floorplans .floorplan-details { float: none; width: 80%; margin: 0 auto 1em; padding: 0; } .radix .gform_wrapper #field_3_264 .gfield_checkbox li { display: block; width: auto; height: auto; border: none; } .radix .gform_wrapper #field_3_264 .gfield_checkbox li input[type="checkbox"] { vertical-align: middle; } /* Products */ .section-products .product-name .c { width: 25%; font-size: 3.5em; } .section-products .product-name .pn { width: 75%; font-size: 1.5em; } .blog .post-thumbnail, .archive .post-thumbnail { float: none; width: 100%; } .blog .entry-header, .archive .entry-header { padding-left: 0; } .blog .entry-content, .archive .entry-content { padding-left: 0; } .blog .hentry .article-content, .archive .hentry .article-content { padding-left: 0; } /* Project play */ #project-play { height: 2100px !important; } /* STRIVE */ .strive-entry.video-and-image .strive-entry-media { display: block; } .strive-entry-media > div { width: auto; margin: 0 auto 1em !important; } } @media all and (max-width: 479px) { /* All Media Below 480 ( Most cell phones in portrait mode ) */ body { min-width: 320px; } /* Project play */ #project-play { height: 1550px !important; } }