/* Theme Name: Rupertsland Institute Description: Rupertsland Institute website Author: Odvod Media Version: 1 */ /* font -------------------------------------------------------------------------------*/ @font-face { font-family: 'lorabold'; src: url('css/lora/lora-bold-webfont.woff2') format('woff2'), url('css/lora/lora-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lorabold_italic'; src: url('css/lora/lora-bolditalic-webfont.woff2') format('woff2'), url('css/lora/lora-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'loraitalic'; src: url('css/lora/lora-italic-webfont.woff2') format('woff2'), url('css/lora/lora-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'loraregular'; src: url('css/lora/lora-regular-webfont.woff2') format('woff2'), url('css/lora/lora-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* default -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section {display: block;} /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */ img, object, embed {width: 100%; height:auto} /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#f1b434; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } a:hover{ text-decoration:none} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} h1,h2,h3,h4,h5,h6{ font-weight:400} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active {outline: none;} small {font-size: 85%;} strong, th {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover */ .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear { clear: both; } .show { display: block !important; } .hide { display: none !important; } img { display: block; } .home img { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .container { position: relative; display: block; } strong, b { font-family: "lorabold", sans-serif; font-weight: normal; } em, i { font-family: "loraitalic", sans-serif; font-style: normal; } strong > em, em > strong, strong + i, i + strong, b + em, em + b, b + i, i + b { font-family: "lorabold_italic", sans-serif; font-weight: normal; font-style: normal; } .left { position: relative; float: left; } .right { position: relative; float: right; } a.tel, a.tel:hover { color: #2e2e2e; cursor: default; } .video-wrapper { position: relative; display: block; overflow: hidden; width: 100%; padding-top: 56.25%; } .video-wrapper video, .video-wrapper iframe { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /*** site styles ***/ html { -webkit-text-size-adjust: 100%; } html, BODY { height: 100%; } BODY { background: #eaeaea; font-family: "loraregular", sans-serif; font-size: 18px; line-height: 1.3; color: #2e2e2e; text-align: center; } h1, h2, h3, h4 { font-family: "raleway", sans-serif; margin: 0; padding: 0; line-height: 1.2; font-weight: 300; color: #2e2e2e; } h1 { font-size: 36px; margin: 0 0 25px; } h2 { font-size: 30px; margin: 0 0 20px; } h3 { font-size: 30px; margin: 0 0 20px; } h4 { font-size: 30px; margin: 0 0 20px; } h5 { font-size: 26px; margin: 0 0 20px; font-weight: 500; padding-top: 10px; } h2.side { font-size: 28px; color: #b63032; font-weight: 900; } p { padding: 0 0 20px; margin: 0; line-height: 1.4; } p:last-child, p:last-of-type { padding-bottom: 0; } p + h3 { padding-top: 30px; } p:last-child + h3, p:last-of-type + h3 { padding-top: 45px; } p + h2, ul + h2, ol + h2 { padding-top: 20px; } a { color: #005cb9; text-decoration: none; } a:hover { color: #2e2e2e; text-decoration: none; } ul, ol { padding: 0 0 20px; margin: 0; } ul:last-of-type, ol:last-of-type { padding-bottom: 0; } ul li, ol li { list-style-type: disc; margin: 0 0 0 25px; padding: 2px 0; } ol li { list-style-type: decimal; } ol li ul li { list-style-type: disc; } ul li ol li { list-style-type: decimal; } p:last-of-type + ul, p:last-of-type + ol { padding-top: 17px; } ul:last-of-type + p, ol:last-of-type + p { padding-top: 0; } .no-margin-bottom { margin-bottom: 0 !important; } .page-id-5905 ul li ul li, .page-id-5899 ul li ul li { list-style: circle; } #flyout-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 40px 100px; background: #2e2e2e; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 99999; } #flyout-menu a.close-btn { position: absolute; top: 5px; right: 20px; font-size: 24px; color: #FFF; z-index: 100; } #flyout-menu a.close-btn:hover { color: #eea904; } #flyout-menu ul { margin: 0; padding: 0; } #flyout-menu ul ul { display: none; } #flyout-menu li { margin: 0; padding: 0; display: block; text-align: left; } #flyout-menu li a { display: block; padding: 10px 0; font-size: 20px; color: #FFF; line-height: 1; text-transform: uppercase; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; } #flyout-menu li a:hover { color: #eea904; text-decoration: none; } #flyout-menu li li a { font-size: 18px; text-transform: none; padding: 8px 20px; } #flyout-menu li .pop-up { display: none; } #flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 100px; background: #2e2e2e; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 80; } #flyout-menu #flyout-menu-sub { display: none; padding-top: 45px; z-index: 90; } #flyout-menu .top { position: relative; display: block; margin: 0 0 10px; } #flyout-menu .bottom { position: relative; display: block; border-top: 1px solid #fff; padding: 10px 0 0; } #flyout-menu .bottom li a { font-size: 16px; } #flyout-menu #flyout-menu-sub a { font-size: 24px; color: #FFF; text-transform: uppercase; } #flyout-menu #flyout-menu-sub a:hover { color: #eea904; } #flyout-menu #flyout-menu-sub ul { position: relative; display: none; margin-top: 10px; border-top: 1px solid #fff; padding-top: 10px; } #flyout-menu #flyout-menu-sub li a { font-size: 20px; } #flyout-menu .survey { position: absolute; top: 0; display: block; } #flyout-menu .survey img { max-width: 100%; } #flyout-menu .survey + .top { padding-top: 20px; } #search-wrapper { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 40px 200px; background: #2e2e2e; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 99999; } #search-wrapper a.search-close-btn { position: absolute; top: 5px; right: 20px; font-size: 24px; color: #FFF; z-index: 100; } #search-wrapper a.search-close-btn:hover { color: #eea904; } #search-wrapper .loader { position: absolute; top: 0; right: 0; display: none; width: 50px; height: 50px; background: #FFF url(images/ajax-loader.gif) center center no-repeat; } #search-wrapper #search-header { position: relative; display: block; padding: 0 0 30px; } #search-wrapper #search-header .form { position: relative; display: block; overflow: hidden; } #search-wrapper #search-header .form span { display: block; border: none; background: #fff; padding: 7px 60px 7px 10px; box-sizing: border-box; -moz-box-sizing: border-box; } #search-wrapper #search-header .form input[type="text"] { width: 100%; border: none; outline: 0; padding: 0; margin: 0; background: none; line-height: 1.2; font-family: "raleway", sans-serif; font-weight: 400; font-size: 26px; color: #121212; } #search-wrapper #search-header .form .search-submit { position: absolute; top: 0; right: 0; color: #005cb9; font-size: 20px; padding: 11px 15px; outline: 0; border: none; background: #fff; float: right; text-transform: uppercase; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } #search-wrapper #search-header .form .search-submit:hover { background: #ccc; color: #000; } #search-wrapper #search-body { position: relative; display: none; padding: 20px 0 0; color: #FFF; } #search-wrapper #search-body h2.page-title { color: #FFF; } #search-wrapper #search-body h2.page-title span { font-style: italic; } #search-wrapper #search-body .search-return { position: relative; display: block; font-family: "roboto-condensed", sans-serif; font-weight: 400; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; } #search-wrapper #search-body .search-results { position: relative; display: block; } #search-wrapper #search-body .search-results .search-result { position: relative; display: block; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #545454; } #search-wrapper #search-body .search-results .search-result h3 { font-size: 22px; margin-bottom: 10px; } #search-wrapper #search-body .search-results .search-result h3 a { color: #fff; } #search-wrapper #search-body .search-results .search-result h3 a:hover { color: #eea904; } .mobile-alert-banner { position: relative; display: none; background: #2e2e2e; } .mobile-alert-banner .mobile-alert-text { position: relative; display: block; max-width: 600px; padding: 25px; margin: 0 auto; color: #efa905; font-size: 26px; font-family: Arial, sans-serif; font-weight: bold; line-height: 1.1; text-transform: uppercase; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; } .mobile-alert-banner a .mobile-alert-text { color: #efa905; text-decoration: none; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .mobile-alert-banner a:hover .mobile-alert-text { color: #fff; text-decoration: none; } #site { position: relative; display: block; width: 100%; max-width: 1360px; background: #fff; margin: 0 auto; z-index: 9999; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; } #header { position: relative; display: block; width: 100%; margin: 0 0 35px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25); z-index: 99999; } .home #header { position: absolute; top: 0; left: 0; margin-bottom: 0; } #header .main { position: relative; display: block; padding: 20px 20px; overflow: hidden; } .logo { position: relative; display: block; width: 195px; margin: 0; padding: 0; z-index: 100; } .logo img { position: relative; display: block; } .logo h2 { text-indent: -9999px; overflow: hidden; font-size: 1px; border: none; line-height: 1; height: auto; margin: 0; padding: 0; } #header .main .logo { float: left; } #header .main .top-menu { position: relative; display: block; padding: 33px 0 0; float: right; z-index: 99; } #header .main .top-menu ul { margin: 0; padding: 0; } #header .main .top-menu li { position: relative; list-style-type: none; margin: 0 0 0 40px; padding: 0; line-height: 1; float: left; } #header .main .top-menu li:first-child { margin-left: 0; margin-right: 0; } #header .main .top-menu li a { font-family: "raleway", sans-serif; font-size: 16px; line-height: 1; color: #fff; font-weight: 400; } #header .main .top-menu li > a:hover, #header .top-menu li:hover > a, #header .top-menu li.current-menu-item > a, #header .top-menu li.current-menu-parent > a, #header .top-menu li.current_page_parent > a, .tax-job-category #header .top-menu li.menu-item-72 > a, .single-jobs #header .top-menu li.menu-item-72 > a { color: #eea904; } #header .main .header-banner { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #000; } #header .main .header-banner img { height: 100%; } #header .main-menu { position: relative; display: block; background: #eea904; } #header .main-menu a.search-btn { float: right; } #header .main-menu ul { margin: 0; padding: 0; float: right; } #header .main-menu li { display: block; list-style-type: none; margin: 0; padding: 0; line-height: 1; float: left; } #header .main-menu li a, #header .main-menu a.search-btn { position: relative; display: block; font-family: "raleway", sans-serif; font-size: 16px; line-height: 1; font-weight: 500; color: #000; padding: 20px 15px; transition: color .4s, background .4s, box-shadow .4s; -moz-transition: color .4s, background .4s, -moz-box-shadow .4s; -webkit-transition: color .4s, background .4s, -webkit-box-shadow .4s; -o-transition: color .4s, background .4s, box-shadow .4s; z-index: 10; } #header .main-menu li > a:hover, #header .main-menu li:hover > a, #header .main-menu li.current-menu-item > a, #header .main-menu li.current-menu-parent > a, #header .main-menu li.current_page_parent > a, #header .main-menu li.current-page-ancestor > a, #header .main-menu a.search-btn:hover { color: #fff; background: #2e2e2e; padding-top: 25px; margin-top: -5px; -webkit-box-shadow: 1px -2px 6px -1px rgba(0,0,0,0.2); -moz-box-shadow: 1px -2px 6px -1px rgba(0,0,0,0.2); box-shadow: 1px -2px 6px -1px rgba(0,0,0,0.2); } #header .main-menu li ul { position: absolute; left: 0; display: none; width: 100%; padding: 0 5px; margin: 0; background: #2e2e2e; opacity: 0; text-align: right; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); z-index: 999; } #header .main-menu li.menu-left ul { text-align: left; left: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header .main-menu li.menu-left ul:before { position: absolute; left: -100%; top: 0; display: block; width: 200%; content: '0'; color: #2e2e2e; background: #2e2e2e; font-size: 16px; padding: 25px 0; z-index: -1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); } #header .main-menu li:hover ul { display: block; opacity: 1; padding-bottom: 20px; } #header .main-menu li li { display: inline-block; float: none; margin: 0; padding: 25px 15px 5px; text-align: left; } #header .main-menu li li a, #menu li li:hover a { font-size: 16px; color: #fff; background: none; line-height: 1; font-weight: 300; margin: 0; padding: 0; } #header .main-menu li li:hover > a { padding: 0; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header .main-menu li li a:hover, #header .main-menu li li.current-menu-item > a, #header .main-menu li li.current_page_parent > a, #header .main-menu li li.current-page-ancestor > a, #header .main-menu li li.current-menu-parent > a { color: #ffff; text-decoration: underline; padding: 0; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .single-jobs #header .main-menu li li.current_page_parent > a { text-decoration: none; } .single-jobs #header .main-menu li li.current_page_parent > a:hover { text-decoration: underline; } #header .main-menu li .pop-up { position: absolute; top: 0; display: none; padding: 15px 5px 20px; background: #2e2e2e; font-family: Arial, sans-serif; font-size: 18px; font-weight: 600; color: #f1b434; text-transform: uppercase; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; } #header .survey { position: relative; display: block; padding: 10px 20px; z-index: 99; color: #fff; background: #b12028; font-family: "raleway", sans-serif; font-size: 20px; box-sizing: border-box; -moz-box-sizing: border-box; } #header .survey a { color: #fff; } #header .survey a:hover { color: #000; } #header .alerts-wrapper { position: relative; display: block; z-index: 99; color: #fff; background: #b12028; font-family: "raleway", sans-serif; font-size: 20px; box-sizing: border-box; -moz-box-sizing: border-box; } #header .alerts-wrapper .alerts-wrapper-inner { position: relative; display: block; } #header .alerts-wrapper .alert { position: relative; display: block; padding: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; } #header .alerts-wrapper .alert a { color: #fff; } #header .alerts-wrapper .alert a:hover { color: #000; } #header .alerts-wrapper .alert.background-red { background: #b12028; } #header .alerts-wrapper .alert.background-yellow { background: #eea904; } #header .alerts-wrapper .alert.background-blue { background: #005cb9; } #header .alerts-wrapper .alert.background-grey { background: #2e2e2e; } #header .alerts-wrapper .alert.background-brown { background: #50342e; } #header .alerts-wrapper.alert-ticker { background: #373535; overflow: hidden; } #header .alerts-wrapper.alert-ticker .alert { display: inline-block; white-space: nowrap; padding-left: 30px; padding-right: 30px; } #header .alerts-wrapper.alert-ticker .alerts-wrapper-inner { --move-seconds: 20s; width: fit-content; display: flex; position: relative; animation: ticker var(--move-seconds) linear 0s infinite; animation-play-state: running; --move-final: -1310px; transform: translateX(0px); } #header .alerts-wrapper.alert-ticker:hover .alerts-wrapper-inner { animation-play-state: paused; } @keyframes ticker { 100% { transform: translateX(var(--move-final)); } } .flyout { position: absolute; top: 50%; right: 20px; display: none; text-align: right; z-index: 9999; margin-top: -15px; } .flyout a.icon-menu, .flyout a.icon-search { position: relative; color: #eea904; font-size: 30px; line-height: 1; text-decoration: none; margin: 0 0 0 25px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .flyout a.icon-search { top: -3px; font-size: 22px; margin-left: 0; } .flyout a.icon-menu:after { position: absolute; top: 12px; left: -15px; display: block; height: 15px; content: ''; color: #eea904; font-size: 26px; border-left: 2px solid #fff; } .flyout a.icon-menu:hover, .flyout a.icon-search:hover { color: #fff; } .banner-wrapper { position: relative; display: block; width: 100%; min-height: 800px; background: #000; } .banner-wrapper .banners { position: relative; display: block; } .banner-wrapper .banners .banner { position: relative; display: block; width: 100%; overflow: hidden; } .banner-wrapper .banners .banner .banner-item-content-wrapper { position: absolute; top: 290px; left: 140px; display: block; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content { position: relative; display: block; max-width: 540px; text-align: left; color: #FFF; font-family: "roboto", sans-serif; font-size: 20px; font-weight: 400; opacity: 1; box-sizing: border-box; -moz-box-sizing: border-box; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content h3 { font-family: "roboto", sans-serif; position: relative; display: block; font-size: 36px; color: #fff; font-weight: 500; } .banner-wrapper #banner-nav { position: absolute; bottom: 20px; right: 20px; display: block; z-index: 99999; font-family: "raleway", sans-serif; font-size: 14px; color: #fff; line-height: 1; font-weight: 500; } .banner-wrapper #banner-nav li { list-style-type: none; margin: 0; padding: 0; display: inline-block; } .banner-wrapper #banner-nav li:before { display: inline-block; content: '/'; margin: 0 5px; } .banner-wrapper #banner-nav li:first-child:before { display: none; } .banner-wrapper #banner-nav a { color: #fff; } .banner-wrapper #banner-nav a:hover, .banner-wrapper #banner-nav .cycle-pager-active a { color: #fff; font-weight: 700; } .banner-wrapper #prev, .banner-wrapper #next { position: absolute; top: 50%; left: 20px; margin-top: -24px; z-index: 9999; } .banner-wrapper #next { left: auto; right: 20px; } .banner-wrapper #prev a, .banner-wrapper #next a { font-size: 48px; line-height: 1; color: #FFF; } .banner-wrapper #prev a:hover, .banner-wrapper #next a:hover { color: #eea904; } .banner-badge-wrapper { position: absolute; right: 0; bottom: 100px; z-index: 999; } .banner-badge-wrapper .banner-badge { positon: relative; display: block; } .banner-badge-wrapper .banner-badge img { width: auto; height: auto; max-height: 100px; } .notice-wrapper { position: relative; display: block; width: 100%; background: #94795d; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.40); box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.40); z-index: 99; } .notice-wrapper .notice { position: relative; display: block; color: #fff; text-align: left; font-family: "raleway", sans-serif; } .notice-wrapper .notice h4 { font-size: 22px; color: #fff; font-family: "roboto", sans-serif; font-weight: 500; margin-bottom: 10px; } .notice-wrapper .notice b, .notice-wrapper .notice strong { font-family: "raleway", sans-serif; font-weight: 700; } .site-alert-wrapper { position: relative; display: block; width: 100%; background: #CC0000; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.40); box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.40); z-index: 99; } .site-alert-wrapper .site-alert { position: relative; display: block; color: #fff; text-align: center; font-family: "raleway", sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; } .site-alert-wrapper .site-alert a { color: #fff; } .site-alert-wrapper .site-alert a:hover { color: #000; } .content ul, .content ol { margin: 0 0 20px 0; padding: 20px 0 0; } .content ul li, .content ol li { margin: 0 0 5px 25px; padding: 0; line-height: 1.5; } .content ul li:last-child, .content ol li:last-child { margin-bottom: 0; } .content ul ul, .content ol ul, .content ul ol, .content ol ol { margin-bottom: 10px; padding-top: 10px; } .content p + ul, .content p + ol, .content h1 + ul, .content h2 + ul, .content h3 + ul, .content h1 + ol, .content h2 + ol, .content h3 + ol { margin-top: -20px; } .content p:last-of-type + ul, .content p:last-of-type + ol { margin-top: 0; } .content ul + ol, .content ol + ul { padding-top: 10px; } .content ul li ul li { list-style-type: circle; } .content ul li ul li ul li { list-style-type: square; } .content ol.faq > li { margin-bottom: 40px; } .content ol.faq > li:last-child { margin-bottom: 0; } .content ol.faq + h3 { margin-top: 30px; } .content .no-margin-bottom h1, .content .no-margin-bottom h2, .content .no-margin-bottom h3 { margin-bottom: 0 !important; } .content table.dark { margin-bottom: 20px; } .content table.dark tr { background: #e7eff7; color: 000; } .content table.dark tr:first-child { background: #fff; font-size: 14px; } .content table.dark tr td { padding: 10px; width: 20%; } .content table.dark tr td:first-child { background: #171532; font-size: 14px; color: #fff; } .content table.dark tr:first-child td:first-child { background: #fff; } .content .section-content img.alignnone { width: auto; max-width: 100%; } .single .content .alignleft { width: auto; max-width: 100%; float: left; margin: 0 10px 10px 0; } .single .content .alignright { width: auto; max-width: 100%; float: right; margin: 0 0 10px 10px; } .content p.button, .banner p.button { } .content .button a, .banner .button a { display: inline-block; padding: 7px 12px 7px 15px; background: #005cb9; font-size: 14px; line-height: 1; color: #fff; text-transform: uppercase; font-family: "roboto-condensed", sans-serif; font-weight: 400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3); } .content .button a.wide, .banner .button a.wide { max-width: 170px; width: 100%; text-align: center; } .content .button a.wide-space, .banner .button a.wide-space { padding-left: 32px; padding-right: 35px; } .content .button a.red, .banner .button a.red { background: #b31c27; } .content .button a.white, .banner .button a.white { background: #fff; color: #2e2e2e; } .content .button a.yellow, .banner .button a.yellow { background: #eea904; } .content .button a span, .banner .button a span { margin-left: 12px; font-size: 16px; } .content .button a:hover, .banner .button a:hover { background: #2e2e2e; color: #fff; } .content .button .mobile-button { display: none; } .content .source { font-size: 13px; } .content-wrapper { position: relative; display: block; width: 100%; background: #FFF; padding: 0 0 50px; } .home .content-wrapper { padding-bottom: 0; } .content-wrapper .content-side { position: relative; display: block; width: 16.544118%; text-align: left; float: left; } .content-wrapper .content-side .side-menu { position: relative; display: block; background: #2e2e2e; padding: 30px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.32); -moz-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.32); box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.32); } .content-wrapper .content-side .side-menu ul { margin: 0; padding: 0; } .content-wrapper .content-side .side-menu ul li { list-style-type: none; margin: 0; padding: 0; } .content-wrapper .content-side .side-menu ul li a { display: block; font-family: "raleway", sans-serif; color: #fff; font-size: 16px; font-weight: 500; padding: 10px 20px; transition: color .4s, background .4s, box-shadow .4s; -moz-transition: color .4s, background .4s, -moz-box-shadow .4s; -webkit-transition: color .4s, background .4s, -webkit-box-shadow .4s; -o-transition: color .4s, background .4s, box-shadow .4s; } .content-wrapper .content-side .side-menu ul li a:hover, .content-wrapper .content-side .side-menu ul li.current-menu-item a, .content-wrapper .content-side .side-menu ul li.current_page_parent a { color: #fff; background: #eea904; padding-right: 25px; margin-right: -5px; } .content-wrapper .content-side .side-menu + .side-image { padding-top: 30px; } .content .side-image { display: none; } .mobile-menu-dropdown .side-menu { position: relative; display: none; background: #2e2e2e; padding: 42px 0 0; overflow: hidden; cursor: pointer; } .mobile-menu-dropdown .side-menu ul { margin: 0; padding: 0; display: none; opacity: 1; transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; -o-transition: opacity .4s; } /*.mobile-menu-dropdown .side-menu:hover ul { display: block; opacity: 1; }*/ .mobile-menu-dropdown .side-menu ul li { list-style-type: none; margin: 0; padding: 0; } .mobile-menu-dropdown .side-menu ul li a { display: block; font-family: "raleway", sans-serif; color: #fff; font-size: 16px; font-weight: 500; padding: 10px 40px 10px 20px; transition: color .4s, background .4s, box-shadow .4s; -moz-transition: color .4s, background .4s, -moz-box-shadow .4s; -webkit-transition: color .4s, background .4s, -webkit-box-shadow .4s; -o-transition: color .4s, background .4s, box-shadow .4s; text-align: left; } .mobile-menu-dropdown .side-menu .drop-menu-title { position: absolute; top: 10px; left: 20px; display: block; margin-right: 35px; color: #fff; font-family: "raleway", sans-serif; font-size: 16px; font-weight: 500; } .mobile-menu-dropdown .side-menu .drop-menu-title a { color: #fff; text-transform: uppercase; } .mobile-menu-dropdown .side-menu .drop-menu-title a:hover { color: #eea904; } .mobile-menu-dropdown .side-menu .icon { position: absolute; top: 10px; right: 20px; display: block; color: #fff; transition: color .4s, background .4s, box-shadow .4s; -moz-transition: color .4s, background .4s, -moz-box-shadow .4s; -webkit-transition: color .4s, background .4s, -webkit-box-shadow .4s; -o-transition: color .4s, background .4s, box-shadow .4s; } .mobile-menu-dropdown .side-menu:hover .icon { color: #eea904; } .mobile-menu-dropdown .side-menu ul li a:hover, .mobile-menu-dropdown .side-menu ul li.current-menu-item a, .mobile-menu-dropdown .side-menu ul li.current_page_parent a { color: #fff; background: #eea904; } .side-menu .drop-menu-title, .side-menu .icon { display: none; } .content-wrapper .content-side .side-mobile { position: relative; display: block; padding: 0 0 10px 20px; } .content-wrapper .content-side .side-menu + .side-mobile { padding-top: 40px; } .content-wrapper .content-side .side-mobile h5 { font-family: "raleway", sans-serif; font-size: 18px; margin: 0; padding: 0; } .content-wrapper .content-side .side-mobile .mobile-event { position: relative; display: block; padding: 15px 0 0; font-family: "roboto-condensed", sans-serif; } .content-wrapper .content-side .side-mobile .mobile-event a { position: relative; display: block; border: 1px solid #2e2e2e; background: #FFF; color: #2e2e2e; font-size: 14px; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-date { position: relative; display: block; width: 28.571429%; background: #005cb9; padding: 0; color: #fff; font-size: 32px; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; text-align: center; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-date span { display: block; width: 100%; background: #0080d4; padding: 5px 0 4px; font-size: 16px; line-height: 1; text-transform: uppercase; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-content { position: relative; display: block; width: 71.428571%; padding: 5px 10px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-place { position: relative; display: block; font-size: 18px; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-location { position: relative; display: block; font-size: 16px; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-time { position: relative; display: block; } .content-wrapper .content { position: relative; display: block; width: 69.485294%; margin: 0 0 0 50px; text-align: left; float: left; } .home .content-wrapper .content { font-family: "raleway", sans-serif; width: 100%; margin: 0; padding: 0; float: none; } .home .content-wrapper .content strong, .home .content-wrapper .content b { font-family: "raleway", sans-serif; font-weight: 700; } .content-wrapper .content .content-section { position: relative; display: block; } .content-section + .content-section { padding-top: 40px; } .content-wrapper .content .section { position: relative; display: block; width: 100%; } .content-wrapper .content .content-section.has-side-images .section { width: 59.259259%; float: left; } .content-wrapper .content .section .section-content { position: relative; display: block; max-width: 800px; } .page-id-3368 .content-wrapper .content .section .section-content { max-width: 1000px; } .error404 .content-wrapper .content .section .section-content { min-height: 400px; } .content-wrapper .content .section.section-split .section-content { max-width: none; width: 45.588235%; padding: 30px 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .section.section-split .section-content h3, .content-wrapper .content .section.section-split .section-image .image-content h3 { font-family: "roboto", sans-serif; font-size: 36px; color: #000; font-weight: 900; } .content-wrapper .content .section.section-split.section-style-red .section-content h3 { color: #c32c2b; } .content-wrapper .content .section.section-split.section-style-blue .section-content h3 { color: #005cb9; } .content-wrapper .content .section.section-split .section-image .image-content h3 { color: #fff; } .content-wrapper .content .section .show-mobile { display: none; } .content-wrapper .content .section.section-split .section-image { position: relative; display: block; width: 54.411765%; padding: 30px 40px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; } .content-wrapper .content .section.section-split .section-image .image-content { position: relative; display: block; max-width: 490px; font-size: 18px; color: #fff; font-weight: 500; z-index: 99; } .content-wrapper .content .section.section-split .section-image .image-content em { font-family: "raleway", sans-serif; font-style: italic; } .content-wrapper .content .section.section-split .section-image .section-image-img { position: absolute; top: 0; left: 0; display: block; width: 100%; overflow: hidden; } .content-wrapper .content .section .content-image { max-width: 600px; margin-bottom: 25px; } .content-wrapper .content .section-side { position: relative; display: block; width: 31.746032%; float: right; } .content-wrapper .content .section-side .side-images { position: relative; display: block; } .content-wrapper .content .section-side .side-images .side-image { position: relative; display: block; padding: 5px; margin: 0 0 30px; background: #dedede; -webkit-box-shadow: 2px 1px 5px -1px rgba(0,0,0,0.32); -moz-box-shadow: 2px 1px 5px -1px rgba(0,0,0,0.32); box-shadow: 2px 1px 5px -1px rgba(0,0,0,0.32); } .content-wrapper .content .section-side .side-images .side-image .caption { position: relative; display: block; font-size: 13px; color: #000000; padding: 7px 5px 7px; } .content-wrapper .content .section-side .side-images .side-image .side-content { position: relative; display: block; padding: 15px; background: #fff; } .content-wrapper .content .section-side .side-images .side-image.no-border { padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff; } .content-wrapper .content .section-side .side-image { position: relative; display: block; } .content-wrapper .content .section-side .side-image + .side-images { padding-top: 30px; } .content-wrapper .content .section-side .side-content-alert { position: relative; display: block; border: 2px solid #eea904; padding: 10px; font-size: 15px; } .content-wrapper .content .section-side .side-content-alert h3 { font-size: 20px; font-weight: 700; } .content-wrapper .content .section-side .side-content-alert + .side-images { margin-top: 30px; } .content-wrapper .content .box-content { position: relative; display: block; margin: 0 0 25px; border: 5px solid #dedede; padding: 15px; background: #fff; } .content-wrapper .content .side-popup { position: relative; display: block; width: 25%; border: 5px solid #dedede; margin: 0 0 5px 10px; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 2px 1px 5px -1px rgba(0,0,0,0.32); -moz-box-shadow: 2px 1px 5px -1px rgba(0,0,0,0.32); box-shadow: 2px 1px 5px -1px rgba(0,0,0,0.32); } .list { position: relative; display: block; } .list .list-filter, .list .list-filter-footer { position: relative; display: block; background: #2e2e2e; color: #fff; font-size: 16px; font-family: "roboto", sans-serif; font-weight: 500; padding: 7px 10px; } .list .list-filter-footer { display: block; } .list .list-filter span { display: inline-block; width: 200px; margin: 0 0 0 10px; padding: 2px 5px; border: 1px solid #eaeaea; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; } .list .list-filter span input, .list .list-filter span select { position: relative; font-family: "raleway", sans-serif; font-weight: 400; font-size: 13px; color: #121212; width: 100%; border: none; outline: 0; padding: 0; margin: 0; background: none; line-height: 1.2; box-sizing: border-box; -moz-box-sizing: border-box; } .list .list-filter span select { background: url(images/drop-arrow.png) right center no-repeat; background-size: 12% auto; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; cursor: pointer; } .list .list-filter span select::-ms-expand { display: none; } .list .list-filter a, .list .list-filter-footer a { color: #eea904; margin-top: 3px; } .list .list-filter a:hover, .list .list-filter-footer a:hover { color: #fff; } .list .list-listing, .list .mobile-listing { position: relative; display: block; border: 1px solid #cccccc; border-top: none; } .list .list-listing table, .list .mobile-listing table { width: 100%; } .list .list-listing tr th, .list .list-listing tr td, .list .mobile-listing tr th, .list .mobile-listing tr td { font-family: "roboto", sans-serif; font-size: 14px; font-weight: 500; color: #2e2e2e; padding: 8px 10px; } .list .list-listing tr td, .list .mobile-listing tr td { background: #e5eef8; font-weight: 400; padding-bottom: 10px; cursor: pointer; transition: color .4s, background .4s; -moz-transition: color .4s, background .4s; -webkit-transition: color .4s, background .4s; -o-transition: color .4s, background .4s; } .list .mobile-listing tr td { background: #fff; width: 13.333%; cursor: default; } .list .mobile-listing tr td.city, .list .mobile-listing tr td.location { width: 30%; } .list .mobile-listing tr td:last-child { text-align: right; } .list .list-listing tr.description td { padding-top: 0; color: #666666; line-height: 1.4; } .list .list-listing tr.details td:nth-child(1) { font-weight: 500; font-size: 15px; } .list .list-listing tr:nth-child(4n) td, .list .list-listing tr:nth-child(4n+1) td { background: #fff; } .list .mobile-listing tr:nth-child(2n) td { background: #e5eef8; } .list .list-listing tr.over td { background: #d8d8d8; } .list .mobile-listing.session-listing tr th { background: #333; color: #fff; } .list .mobile-listing.session-listing tr td { width: 25%; } .list .mobile-listing.session-listing tr td:last-child { text-align: left; } .list .detail-hide { display: none; } .listing tr.none-found td { background: #e5eef8 !important; } .content-wrapper .content .no-results.training-projects-default { padding-left: 15px; border-left: 10px solid #eca828; } .content-wrapper .content .table-wrapper { position: relative; display: block; overflow: scroll; } .content-wrapper .content .articles { position: relative; display: block; } .page-template-page-news-asp .content-wrapper .content .articles { border-top: 1px solid #2e2e2e; padding-top: 40px; } .content-wrapper .content p + .articles { padding-top: 40px; } .content-wrapper .content .articles .article { position: relative; display: block; margin: 0 0 40px; } .content-wrapper .content .articles .article:last-of-type { margin-bottom: 0; } .content-wrapper .content .articles .article h3 { font-size: 24px; margin-bottom: 5px; } .content-wrapper .content .articles .article .article-meta, .single .content-wrapper .content .article-meta { position: relative; display: block; font-family: "roboto", sans-serif; font-weight: 500; font-size: 14px; } .single .content-wrapper .content .article-meta { padding-bottom: 30px; } .single .content-wrapper .content h1 { margin-bottom: 10px; } .content-wrapper .content .pagination { position: relative; display: block; font-family: "roboto", sans-serif; font-weight: 500; font-size: 14px; text-align: center; } .content-wrapper .content .pagination a { display: inline-block; font-weight: 400; margin: 0 0 0 10px; } .content-wrapper .content .pagination a.current-page { color: #000; } .content-wrapper .content .list-filter-footer .pagination a.current-page { color: #fff; } .single-training-projects .content-wrapper .content h1 { margin-bottom: 20px; } .content-wrapper .content .main-image { position: relative; display: block; margin: 0 0 20px; padding: 5px; background: #dedede; } .content-wrapper .content .training-meta { position: relative; display: block; margin: 0 0 30px; background: #2e2e2e; font-size: 16px; color: #FFF; } .content-wrapper .content .training-meta .training-meta-item { position: relative; display: block; width: 33.3333%; padding: 7px 10px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .training-meta .training-meta-item:nth-child(2) { text-align: center; } .content-wrapper .content .training-meta .training-meta-item:nth-child(3) { text-align: right; } .content-wrapper .content .training-meta .training-meta-item label { text-transform: lowercase; } .content-wrapper .content .youth-icon, .content-wrapper .content .online-icon { float: right; margin: -10px 0 10px 10px; max-width: 100%; width: auto; } .content-wrapper .content .list .list-listing .youth-icon, .content-wrapper .content .list .list-listing .online-icon { float: none; margin: 0; width: 90px; } .content-wrapper .content .team-members { position: relative; display: block; margin: -40px 0 40px -40px; } .content-wrapper .content .team-members:last-of-type { margin-bottom: 0; } .content-wrapper .content p + .team-members { margin-top: -30px; } .content-wrapper .content p:last-child + .team-members,.content-wrapper .content p:last-of-type + .team-members { margin-top: -10px; } .content-wrapper .content .team-members p.no-results { font-family: "roboto-condensed", sans-serif; padding: 40px 0 0 40px; } .content-wrapper .content .team-members .member { position: relative; display: block; width: 33.333%; margin: 0; padding: 40px 0 0 40px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .team-members .member .member-image { position: relative; display: block; margin: 0 0 20px; } .content-wrapper .content .team-members .member .member-content { position: relative; display: block; font-size: 14px; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .team-members .member h3 { font-family: "roboto-condensed", sans-serif; font-size: 20px; margin-bottom: 5px; } .content-wrapper .content .team-members .member .member-title { position: relative; display: block; font-family: "roboto-condensed", sans-serif; font-weight: 500; font-size: 14px; padding-bottom: 10px; } .content-wrapper .content .team-members .member p.member-phone, .content-wrapper .content .team-members .member p.member-email { padding-bottom: 10px; } .content-wrapper .content .reports { position: relative; display: block; padding: 40px 0 0; } .content-wrapper .content .reports .reports-current { position: relative; display: block; } .content-wrapper .content .reports .reports-current .reports-current-cover { position: relative; display: block; width: 28%; padding: 5px; margin: 0 0 20px; background: #dedede; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .reports .reports-current .reports-current-content { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .reports .reports-current .reports-current-content h3 { margin-bottom: 0; font-size: 26px; } .content-wrapper .content .reports .reports-previous { position: relative; display: block; padding: 35px 0 0; } .content-wrapper .content .reports .reports-previous p strong { font-family: "roboto-condensed", sans-serif; } .content-wrapper .content ul.awards {} .content-wrapper .content ul.awards li {} .content-wrapper .content ul.awards li .award-details { position: relative; display: none; font-size: 16px; opacity: 0; } .content-wrapper .content ul.awards li .award-details .award-details-inner { position: relative; display: block; padding: 10px 0 20px; } .content-wrapper .content ul.awards li .award-details h4 { font-family: "roboto-condensed", sans-serif; font-size: 18px; padding: 0; margin: 0 0 10px; } .content-wrapper .content ul.offices {} .content-wrapper .content ul.offices li {} .content-wrapper .content ul.offices li .office-details { position: relative; display: none; font-size: 16px; opacity: 0; } .content-wrapper .content ul.offices li .office-details .office-details-inner { position: relative; display: block; padding: 10px 0 20px; } .content-wrapper .content ul.offices li .office-details strong { font-family: "roboto-condensed", sans-serif; font-size: 18px; padding: 0; margin: 0 0 10px; } .content-wrapper .content .office-cols { position: relative; display: block; margin: 0 0 20px -40px; padding: 10px 0 0; } .content-wrapper .content .office-cols .office-col { position: relative; display: block; width: 50%; padding: 0 0 0 40px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .office-cols .office-col h5 { font-family: "roboto-condensed", sans-serif; color: #005cb9; font-size: 20px; margin: 0; padding: 0; } .content-wrapper .content .office-cols .office-col .office-details { position: relative; display: block; font-size: 16px; margin-bottom: 15px; } .content-wrapper .content .office-cols .office-col .office-details .office-details-inner { position: relative; display: block; padding: 10px 0 20px; } .content-wrapper .content .office-cols .office-col .office-details .office-details-inner p { padding-bottom: 10px; } .content-wrapper .content .office-cols .office-col .office-details strong { font-family: "roboto-condensed", sans-serif; font-size: 18px; padding: 0; margin: 0 0 10px; } .single-training-projects .content-wrapper .content h1 + h3 { padding-top: 30px; } .single-training-projects .content-wrapper .content h3 { font-size: 22px; margin-bottom: 10px; } .content-wrapper .content .research-publications { position: relative; display: block; margin: 0 0 30px; } .content-wrapper .content .research-publications ul { margin: 0; padding: 0; } .content-wrapper .content .research-publications .publication a { font-family: "roboto-condensed", sans-serif; font-size: 18px; } .content-wrapper .content .research-publications .publication a:hover { } .content-wrapper .content #map { position: relative; display: block; width: 100%; height: 400px; } .content-wrapper .content .postings { position: relative; display: block; } .content-wrapper .content p + .postings { padding-top: 40px; } .content-wrapper .content .postings .job { position: relative; display: block; margin: 0 0 40px; } .content-wrapper .content .postings .job:last-of-type { margin-bottom: 0; } .content-wrapper .content .postings .job h3 { font-size: 24px; margin-bottom: 5px; } .content-wrapper .content .postings .job .job-meta, .single-jobs .content-wrapper .content .job-meta { position: relative; display: block; font-family: "roboto", sans-serif; font-weight: 500; font-size: 14px; } .single-jobs .content-wrapper .content .job-meta { padding-bottom: 10px; } .single-jobs .content-wrapper .content h1 { margin-bottom: 10px; } .single-jobs .content-wrapper .content h2 { font-size: 26px; margin-bottom: 10px; } .content-wrapper .content .side-mobile { position: relative; display: none; padding: 40px 0 0; margin: 0 0 0 -20px; } .content-wrapper .content .side-mobile h5 { font-family: "raleway", sans-serif; font-size: 24px; margin: 0; padding: 0 0 0 20px; } .content-wrapper .content .side-mobile .mobile-event { position: relative; display: block; width: 33.33333%; padding: 15px 0 0 20px; font-family: "roboto-condensed", sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .side-mobile .mobile-event a { position: relative; display: block; border: 1px solid #2e2e2e; background: #FFF; color: #2e2e2e; font-size: 14px; } .content-wrapper .content .side-mobile .mobile-event a .mobile-event-date { position: relative; display: block; width: 28.571429%; background: #005cb9; padding: 0; color: #fff; font-size: 32px; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; text-align: center; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .side-mobile .mobile-event a .mobile-event-date span { display: block; width: 100%; background: #0080d4; padding: 5px 0 4px; font-size: 16px; line-height: 1; text-transform: uppercase; } .content-wrapper .content .side-mobile .mobile-event a .mobile-event-content { position: relative; display: block; width: 71.428571%; padding: 5px 10px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .side-mobile .mobile-event a .mobile-event-place { position: relative; display: block; font-size: 18px; } .content-wrapper .content .side-mobile .mobile-event a .mobile-event-location { position: relative; display: block; font-size: 16px; } .content-wrapper .content .side-mobile .mobile-event a .mobile-event-time { position: relative; display: block; } .content-wrapper .content ul.affiliated {} .content-wrapper .content ul.affiliated li { list-style-type: none; display: inline-block; float: left; } .content-wrapper .content ul.affiliated li:first-child { margin-left: 0; } .content-wrapper .content ul.affiliated li img { max-width: 100%; width: auto; } .content-wrapper .content .image-list { position: relative; display: block; } .content-wrapper .content .image-list .image-list-item-wrap { position: relative; display: block; width: 50%; float: left; padding: 0 0 20px 20px; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .image-list .image-list-item-wrap:nth-child(2n+1) { clear: both; } .content-wrapper .content .image-list .image-list-item { position: relative; display: block; text-align: center; } .content-wrapper .content .image-list .image-list-item .image-list-img { position: relative; display: block; margin: 0 auto; padding-bottom: 10px; max-width: 150px; } .content-wrapper .content ul.highlight li strong { color: #ae222e; } .content-wrapper .content table.highlight { margin: 20px 0 0; } .content-wrapper .content table.highlight th { padding: 7px 10px; color: #ae222e; vertical-align: top; } .content-wrapper .content table.highlight td { padding: 7px 10px; vertical-align: top; } .content-wrapper .content table.postsecondary { margin: 0 0 20px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } .content-wrapper .content table.postsecondary th { padding: 7px 10px; color: #000; vertical-align: top; font-size: 14px; background: #f5f5f5; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .content-wrapper .content table.postsecondary td { padding: 7px 10px; vertical-align: top; font-size: 16px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .content-wrapper .content .spotlight { position: relative; display: block; padding: 40px 0; border-top: 1px solid #eaeaea; } .content-wrapper .content .spotlight .spotlight-image { position: relative; display: block; width: 36.59%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .spotlight .spotlight-content { position: relative; display: block; width: 63.41%; float: right; padding: 0 0 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .content .spotlight .spotlight-content h3 { font-weight: 900; margin-bottom: 0; font-size: 28px; color: #b63032; font-family: "roboto-condensed", sans-serif; } .content-wrapper .content .spotlight .spotlight-content h4 { font-size: 22px; font-family: "roboto-condensed", sans-serif; font-weight: 400; } .content-wrapper .content .spotlight .spotlight-content ul.questions { margin: 0; padding: 20px 0 0; } .content-wrapper .content .spotlight .spotlight-content ul.questions li { margin: 0 0 15px; padding: 0; list-style-type: none; } .content-wrapper .content .spotlight .spotlight-content ul.questions li:last-of-type { margin-bottom: 0; } .content-wrapper .content .spotlight-featured { padding-top: 20px; } .content-wrapper .content .spotlight-featured .spotlight:first-of-type { border-top: none; padding-top: 0; } .content-wrapper .content .spotlight-past { border-top: 1px solid #eaeaea; padding: 30px 0 0; } .content-wrapper .content .spotlight-past h2 { margin-bottom: 0; } .content-wrapper .content .spotlight-past .spotlight:first-of-type { border-top: none; } .content-wrapper .content .spotlight-past .spotlight .spotlight-image { float: right; width: 21.71%; } .content-wrapper .content .spotlight-past .spotlight .spotlight-content { float: left; width: 78.29%; padding: 0 35px 0 0; } .content-wrapper .content .spotlight-past .spotlight .spotlight-content h3 { font-weight: 300; font-size: 24px; color: #035db9; } .content-wrapper .content .spotlight-past .spotlight .spotlight-content h4 { font-size: 18px; } .content-wrapper .content .spotlight-side .spotlight { border-top: none; padding: 0; } .content-wrapper .content .spotlight-side .spotlight .spotlight-image { float: none; width: 100%; margin-bottom: 30px; } .content-wrapper .content .spotlight-side .spotlight .spotlight-content { float: none; width: 100%; font-size: 16px; padding: 0; } .content-wrapper .content .spotlight-side .spotlight .spotlight-content h3 { font-weight: 400; font-size: 22px; color: #000; } .content-wrapper .content .spotlight-side .spotlight .spotlight-content h4 { font-size: 16px; } .content-wrapper .content .socialmedia ul.social {} .content-wrapper .content .socialmedia ul.social li { list-style-type: none; display: inline-block; float: left; margin-left: 15px; } .content-wrapper .content .socialmedia ul.social li:first-child { margin-left: 0; } .content-wrapper .content .socialmedia ul.social li a { color: #000; font-size: 30px; } .content-wrapper .content .socialmedia ul.social li a:hover { color: #005cb9; } .content-wrapper.k12 .content .section-content { position: relative; display: block; } .content-wrapper.k12 .content .section-content h4 { font-size: 18px; font-family: "lorabold", sans-serif; } .content-wrapper.k12 .content .section-content ul:last-of-type, .content-wrapper.k12 .content .section-content ol:last-of-type { margin-bottom: 0; } .content-wrapper.k12 .content .section-content ul:last-of-type + p, .content-wrapper.k12 .content .section-content ol:last-of-type + p, .content-wrapper.k12 .content .section-content ul:last-of-type + div, .content-wrapper.k12 .content .section-content ol:last-of-type + div { margin-top: 25px; } .content-wrapper.k12 .content .section-content img.img-content { margin: 0 auto; } .content-wrapper.k12 .content .section-content .icon { display: inline-block; margin-left: 20px; width: 100%; max-width: 100px; } .content-wrapper.k12 .content .section-content + .section-content { padding-top: 40px; } .content-wrapper.k12 .content .section-content + .section-content.padding-top-half { padding-top: 20px; } .content-wrapper.k12 .content .section-content.cols, .content-wrapper.k12 .content .section-content .cols { display: grid; gap: 0px 40px; grid-template-rows: 1fr; grid-template-columns: repeat(2, 1fr); } .content-wrapper.k12 .content .section-content.cols .col.column-col, .content-wrapper.k12 .content .section-content .cols .col.column-col { display: grid; gap: 10px 0px; grid-template-rows: auto auto; grid-template-columns: 1fr; } .content-wrapper.k12 .content .section-content.cols.content-type-split { grid-template-columns: 1fr; grid-template-areas: "col-1 col-2" } .content-wrapper.k12 .content .section-content.cols .col.column-col .col-title { grid-area: column-title; margin-bottom: 0 !important; } .content-wrapper.k12 .content .section-content.cols .col.column-col .col-content { grid-area: column-content; } .content-wrapper.k12 .content .section-content ul.flex { margin: 0 0 0 -10px; padding: 0; display: flex; align-items: center; justify-content: space-around; flex-flow: row wrap; } .content-wrapper.k12 .content .section-content ul.flex li { margin: 0 0 20px; padding: 0 10px; list-style-type: none; } .content-wrapper.k12 .content .section-content.content-type-content-title h1 { margin-bottom: 0; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-main, .single .section-content.content-gallery .gallery-main { background: #2e2e2e; max-height: 600px; overflow: hidden; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-main div, .single .section-content.content-gallery .gallery-main div { margin: 0; padding: 0; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-main .gallery-image, .single .section-content.content-gallery .gallery-main .gallery-image { position: relative; display: block; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-main .gallery-image span, .single .section-content.content-gallery .gallery-main .gallery-image span { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 10px 20px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,1); box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-main img.vertical, .single .section-content.content-gallery .gallery-main img.vertical { width: auto; height: 100%; max-height: 600px; margin-left: auto; margin-right: auto; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail-wrapper, .single .section-content.content-gallery .gallery-thumbnail-wrapper { position: relative; display: block; padding-top: 10px; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail, .single .section-content.content-gallery .gallery-thumbnail { position: relative; display: block; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail div, .single .section-content.content-gallery .gallery-thumbnail div { padding: 0 10px 0 0; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail div img, .single .section-content.content-gallery .gallery-thumbnail div img { height: 200px; width: auto; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail .slick-active, .single .section-content.content-gallery .gallery-thumbnail .slick-active { opacity: .5; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow, .single .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow { position: absolute; top: 90px; display: block; width: 55px; height: 55px; font-size: 40px; text-align: center; line-height: 55px; z-index: 30; background: #035db9; color: #fff; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow.arrow-left, .single .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow.arrow-left { left: 0; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow.arrow-right, .single .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow.arrow-right { right: 0; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow:hover, .single .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow:hover { background: #000; color: #fff; } .content-wrapper.k12 .content .section-content.content-list ul { margin: 0; padding: 0; list-style-type: none; } .content-wrapper.k12 .content .section-content.content-list ul li { margin: 0; padding: 0; list-style-type: none; } .content-wrapper.k12 .content .section-content.content-list ul ul { padding: 20px 0 10px; border-bottom: 1px solid #035db9; display: none; } .content-wrapper.k12 .content .section-content.content-list ul li li { margin-bottom: 20px; } .content-wrapper.k12 .content .section-content.content-list ul.main { margin-bottom: 20px; } .content-wrapper.k12 .content .section-content.content-list ul li a.primary { position: relative; display: block; font-family: "lorabold", sans-serif; font-weight: normal; color: #035db9; padding: 8px 10px; border-bottom: 1px solid #035db9; } .content-wrapper.k12 .content .section-content.content-list ul li a.primary span { float: right; font-size: 30px; line-height: 1; } .content-wrapper.k12 .content .section-content.content-list ul li a.primary.primary:hover, .content-wrapper.k12 .content .section-content.content-list ul li.active a { color: #fff; background: #035db9; } .content-wrapper.k12 .content .section-content.content-list ul li.active a.primary span { transform: rotate(180deg); } .content-wrapper.k12 .content .section-content.content-table { padding-bottom: 20px; } .content-wrapper.k12 .content .section-content.content-table .table-wrapper { position: relative; display: block; overflow: scroll; } .content-wrapper.k12 .content .section-content.content-table .cols { gap: 0; } .content-wrapper.k12 .content .section-content.content-table .col { display: grid; padding: 30px 40px; color: #000; border-bottom: 2px solid #000; border-left: 2px solid #fff; grid-auto-columns: auto 1fr; } .content-wrapper.k12 .content .section-content.content-table .col.col-position-1 { padding: 20px 20px; justify-content: center; align-items: center; border-left: none; } .content-wrapper.k12 .content .section-content.content-table .total-rows-1 .col { border-bottom: none; } .content-wrapper.k12 .content .section-content.content-table .cols-3 .col { padding-left: 25px; padding-right: 25px; } .content-wrapper.k12 .content .section-content.content-table .cols-4 .col { padding-left: 15px; padding-right: 15px; } .content-wrapper.k12 .content .section-content.content-table .col.alt0, .content-wrapper.k12 .content .section-content.content-table .col.alt0.col-position-1 { padding-top: 10px; padding-bottom: 10px; } .content-wrapper.k12 .content .section-content.content-table .col.alt1 { background: #e7eff7; border-bottom-color: #fff; border-left: none; } .content-wrapper.k12 .content .section-content.content-table .col.alt1.col-position-1 { background: #171532; color: #fff; } .content-wrapper.k12 .content .section-content.content-table .col.alt2 { background: #d6e6e8; border-bottom-color: #fff; border-left: none; } .content-wrapper.k12 .content .section-content.content-table .col.alt2.col-position-1 { background: #5f9ca2; color: #fff; } .content-wrapper.k12 .content .section-content.content-table .col.alt3 { background: #fcf6e8; border-bottom-color: #fff; } .content-wrapper.k12 .content .section-content.content-table .col.alt3.col-position-1 { background: #f7e5b9; color: #000; } .content-wrapper.k12 .content .section-content.content-table .col.alt4 { background: #e7eff7; border-bottom-color: #fff; } .content-wrapper.k12 .content .section-content.content-table .col.alt4.col-position-1 { background: #b8cee7; color: #000; } .content-wrapper.k12 .content .section-content.content-table .col.alt5 { background: #d0dfef; border-bottom-color: #fff; } .content-wrapper.k12 .content .section-content.content-table .col.alt5.col-position-1 { background: #89aed8; color: #000; } .content-wrapper.k12 .content .section-content.content-table .col.alt6 { background: #f6eaea; border-bottom-color: #fff; } .content-wrapper.k12 .content .section-content.content-table .col.alt6.col-position-1 { background: #daaeae; color: #000; } .content-wrapper.k12 .content .section-content.content-table .col.alt7 { background: #f0f7ee; border-bottom-color: #fff; } .content-wrapper.k12 .content .section-content.content-table .col.alt7.col-position-1 { background: #c4e0b9; color: #000; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt2 { background: #d6e6e8 !important; font-size: 15px; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt2.odd { background: #5f9ca2 !important; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt3 { background: #fcf6e8 !important; font-size: 15px; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt3.odd { background: #f7e5b9 !important; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt4 { background: #e7eff7 !important; font-size: 15px; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt4.odd { background: #b8cee7 !important; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt5 { background: #d0dfef !important; font-size: 15px; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt5.odd { background: #89aed8 !important; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt6 { background: #f6eaea !important; font-size: 15px; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt6.odd { background: #daaeae !important; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt7 { background: #f0f7ee !important; font-size: 15px; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.alt7.odd { background: #c4e0b9 !important; } .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col.col-position-1, .content-wrapper.k12 .content .section-content.content-table.dark-row-alt .col { padding-top: 20px; padding-bottom: 20px; text-align: left !important; } .content-wrapper.k12 .content .section-content.content-table.flower-bg .col.col-position-1 { position: relative; } .content-wrapper.k12 .content .section-content.content-table.flower-bg .col.col-position-1::after { position: absolute; top: 0; right: 0; display: block; width: 50%; height: 100%; background: url("https://www.rupertsland.org/wp-content/uploads/2023/04/flower.png") right top no-repeat; background-size: contain; z-index: 1; } .content-wrapper.k12 .content .section-content.content-table .col .col-content { z-index: 10; } .content-wrapper.k12 .content .section-content.content-table .col .col-inner { display: grid; gap: 0; grid-template-rows: repeat(2, auto); grid-template-columns: auto; grid-template-areas: "image" "content"; } .content-wrapper.k12 .content .section-content.content-table .col .col-image { grid-area: image; margin: 0 auto 10px; } .content-wrapper.k12 .content .section-content.content-table .col .col-content { grid-area: content; } .content-wrapper.k12 .content .section-content.content-table .col .col-content ul { padding: 0; } .content-wrapper.k12 .content .section-content.content-table .col .col-content ul ul li { list-style-type: circle; } .content-wrapper.k12 .content .section-content.content-learn-more { font-size: 13px; margin-top: 20px; } .content-wrapper.k12 .menu-language { position: absolute; top: 0; right: 20px; } .content-wrapper.k12 .menu-language a { display: inline-block; padding: 10px 15px; margin: 0 10px 0 0; color: #035db9; text-transform: uppercase; font-family: "roboto-condensed", sans-serif; font-weight: 400; font-size: 16px; border: 1px solid #035db9; background: #fff; border-radius: 40px; -webkit-box-shadow: 3px 3px 15px 5px rgba(0,0,0,0.15); box-shadow: 3px 3px 15px 5px rgba(0,0,0,0.15); } .content-wrapper.k12 .menu-language a:last-child { margin-right: 0; } .content-wrapper.k12 .menu-language a:hover, .content-wrapper.k12 .menu-language a.active { background: #035db9; color: #fff; } .content-wrapper.k12 .rctl-breadcrumbs { font-size: 15px; margin-bottom: 26px; font-family: "Roboto", sans-serif; } .content-wrapper.k12 .rctl-breadcrumbs > * { color: #000; } .content-wrapper.k12 .rctl-breadcrumbs .crumb.current{ font-weight: 600; } .content-wrapper.k12 .rctl-breadcrumbs span[class^="icon-"] { margin: 0 10px; color: #E0DAD4; font-size: 10px; } .gallery-main .slick-track { display: flex; align-items: center; justify-content: center; max-height: 600px; } .gallery-main .slick-track .slick-slide { display: flex; height: auto; align-items: center; justify-content: center; } .content-wrapper.k12 .content-list-sections { } .content-wrapper.k12 .content-list-sections .section-wrap { } .content-wrapper.k12 .content-list-sections .section-wrap + .section-wrap { margin-top: 40px; padding-top: 40px; border-top: 1px solid #d5d0c9; } .content-wrapper.k12 .content-list-sections .section-wrap h3 { font-size: 24px; color: #b63032; font-weight: bold; margin-bottom: 20px; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid-wrap { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 40px 40px; grid-auto-rows: minmax(min-content, max-content); } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid { position: relative; display: grid; grid-template-columns: 130px 1fr; grid-template-rows: auto; gap: 20px 20px; grid-auto-rows: minmax(min-content, max-content); line-height: 1.3; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid .grid-image { position: relative; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid .grid-image .grid-image-inner { position: relative; padding-bottom: 3px; padding-right: 3px; box-sizing: border-box; -moz-box-sizing: border-box; max-height: 238px; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid .grid-image .grid-image-inner::before { position: absolute; top: 5px; left: 5px; display: block; width: 100%; height: 100%; background: #d5d0c9; content: ''; z-index: 1; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid .grid-image .grid-image-inner img { position: relative; z-index: 9; border: 1px solid #d5d0c9; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid .grid-title { display: block; font-weight: bold; font-size: 16px; margin-bottom: 5px; color: #005eb8; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid .grid-title a { color: #005eb8; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid .grid-title a:hover { color: #000; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid .grid-content { font-size: 16px; } .content-wrapper.k12 .content-highlight {} .content-wrapper.k12 .content-highlight .content-highlight-inner { position: relative; display: block; background: #e5e1dc url('images/Coming-Up-Box-Background.jpg') center center; border-radius: 40px; padding: 35px; } .content-wrapper.k12 .content-highlight .content-highlight-inner + .content-highlight-inner { margin-top: 30px; } .content-wrapper.k12 .content-highlight .content-highlight-inner h2 { color: #4e3629; font-weight: bold; font-size: 28px; margin-bottom: 5px; } .content-wrapper.k12 .content-highlight .content-highlight-inner h3 { font-size: 24px; color: #b63032; font-weight: bold; margin-bottom: 10px; } .content-wrapper.k12 .content-highlight .content-highlight-inner .highlight-image { position: relative; display: block; margin: 0 auto 20px; max-width: 90%; } .content-wrapper.k12 .content-highlight.content-comingup .row-1 { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 50px 50px; grid-auto-rows: minmax(min-content, max-content); margin: 0 0 30px; } .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-1 { position: relative; display: grid; align-content: center; } .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-1 h2 { margin-bottom: 0; } .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-1 h2 span { display: block; color: #b63032; font-size: 24px; } .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-2 img { border-radius: 30px; } .content-wrapper.k12 .content-highlight.content-comingup ul { padding-top: 10px; } .content-wrapper.k12 .content-highlight.content-comingup ul li { margin-left: 20px; } .content-wrapper.k12 .content-highlight.content-comingup p.button { padding-top: 30px; } .content-wrapper.k12 .content-highlight.content-comingup p.button a { display: block; text-align: center; } .content-wrapper.k12 .content-highlight.content-highlight-footer { padding-top: 20px; } .content-wrapper.k12 .content-highlight.content-highlight-footer .content-highlight-inner { text-align: center; font-size: 22px; font-family: "raleway", sans-serif; letter-spacing: 1.2; color: #b63032; font-weight: bold; } .content-wrapper.k12 .content-highlight.content-highlight-footer .content-highlight-inner .content-highlight-inner-content { position: relative; display: block; max-width: 550px; margin: 0 auto; } .content-wrapper.k12 .content-highlight .content-highlight-inner h2 { line-height: 1.1; } .content-wrapper.k12 .content-highlight.content-highlight-footer .content-highlight-inner .content-highlight-inner-content p { line-height: 1.2; } .content-wrapper.k12 .content-highlight.content-highlight-footer .content-highlight-inner.footer-highlight-alt a { color: #4e3629; } .content-wrapper.k12 .content-highlight.content-highlight-footer .content-highlight-inner.footer-highlight-alt a:hover { color: #000; } .content-wrapper.k12 .content-highlight.content-highlight-footer .content-highlight-inner.footer-highlight-min { max-width: 560px; margin-left: auto; margin-right: auto; } .content-wrapper.k12 .content-list-pages { margin-bottom: 30px; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 70px 40px; grid-auto-rows: minmax(min-content, max-content); } .content-wrapper.k12 .content-list-pages.three-columns .content-list-pages-wrap { grid-template-columns: 1fr 1fr 1fr; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto; grid-template-rows: auto; gap: 20px 20px; grid-auto-rows: minmax(min-content, max-content); line-height: 1.3; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid.has-image { grid-template-rows: auto 1fr auto; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner { border-radius: 40px; overflow: hidden; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 238px; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img img { display: none; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-title { display: block; font-weight: bold; font-size: 18px; margin-bottom: 5px; color: #000000; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-title a { color: #000000; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-title a:hover { color: #000000; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-content { font-size: 16px; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-content-url { padding-top: 5px; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-content-url p.button a { display: block; text-align: center; } .content-wrapper.k12 .sidebox-content { position: relative; display: block; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner { position: relative; display: block; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner.has-image { position: relative; display: block; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-image { position: relative; display: block; margin: 0 0 20px; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-image img { max-width: 80%; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-title { position: relative; display: block; margin: 0 0 30px; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-title h2 { color: #b63032; font-weight: bold; font-size: 28px; margin: 0; padding: 0; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-content { position: relative; display: block; margin: 0 0 30px; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-url { position: relative; display: block; margin: 0 0 10px; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-url p.button a { display: block; text-align: center; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-after { position: relative; display: block; } .content-wrapper .content .section-content .droplist a.droplist-section-title { position: relative; display: block; font-family: "lorabold", sans-serif; font-weight: normal; color: #035db9; padding: 12px 10px; border-bottom: 1px solid #035db9; } .content-wrapper .content .section-content .droplist a.droplist-section-title span { float: right; font-size: 30px; line-height: 1; margin-left: 20px; } .content-wrapper .content .section-content .droplist a.droplist-section-title:hover, .content-wrapper .content .section-content .droplist .droplist-section.active a.droplist-section-title { color: #fff; background: #035db9; } .content-wrapper .content .section-content .droplist .droplist-section.active a.droplist-section-title span { transform: rotate(180deg); } .content-wrapper .content .section-content .droplist .droplist-section .droplist-section-content { position: relative; padding: 20px 10px; } .content-wrapper .content .section-content .droplist .droplist-section .droplist-section-content > ul { padding-top: 0; margin-bottom: 0; } .content-wrapper .content .section-content .droplist .droplist-section .droplist-section-content p + ul { padding-top: 20px !important; } .content-wrapper .content .section-content .droplist + h2 { padding-top: 50px; } .content-wrapper .content img.post-max-image-size { width: 100%; max-width: 600px !important; height: auto; } .content div.wpcf7 { width: 100%; padding: 25px 0 0; } .page-template-page-team-contact .content div.wpcf7 { padding-top: 0; } .content .wpcf7-form p { padding: 0; margin: 0 0 15px; width: auto; } .content .wpcf7-form label { display: block; padding: 0 0 3px; } .content .wpcf7-form span { position: relative; display: block; border: none; background: #e8e8e8; padding: 10px 10px; box-sizing: border-box; -moz-box-sizing: border-box; } .content .wpcf7-form input, .content .wpcf7-form textarea, .content .wpcf7-form select { position: relative; font-family: "raleway", sans-serif; font-weight: 400; font-size: 13px; color: #121212; box-sizing: border-box; -moz-box-sizing: border-box; } .content .wpcf7-form input[type="text"], .content .wpcf7-form input[type="email"], .content .wpcf7-form textarea, .content .wpcf7-form select { width: 100%; border: none; outline: 0; padding: 0; margin: 0; background: none; line-height: 1.2; } .content .wpcf7-form select { background: url(images/drop-arrow.png) right center no-repeat; background-size: 4% auto; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; cursor: pointer; } .content .wpcf7-form select::-ms-expand { display: none; } .content .wpcf7-form textarea { height: 130px; } .content .wpcf7-form input[type="checkbox"] { float: left; } .content .wpcf7-form .wpcf7-checkbox span.wpcf7-list-item-label { float: left; top: -15px; display: inline-block; } .content .wpcf7-form .captcha .wpcf7-captchac { width: 180px; background: #363636; margin-bottom: 10px; } .content .wpcf7-form .captcha span.wpcf7-form-control-wrap { width: 180px; } .content .wpcf7-form .wpcf7-recaptcha { margin: 0 0 15px; } .content .wpcf7-form input.wpcf7-submit { color: #FFF; font-size: 20px; padding: 10px 25px; margin-top: 10px; outline: 0; border: none; background: #005cb9; text-transform: uppercase; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .content .wpcf7-form input.wpcf7-submit:hover { background: #121212; color: #fff; } .content .wpcf7-form img { width: auto; } .content .wpcf7 .ajax-loader { float: right; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .content div.wpcf7-validation-errors { background: #fff; } .content div.wpcf7-response-output { margin-top: 0; font-size: 20px; color: #000; margin: 0; padding: 6px 10px; } .content .wpcf7-form span.wpcf7-not-valid-tip { position: absolute; top: 0; right: 0; background: #ee4542; color: #fff; font-size: 15px; padding-top: 4px; white-space: nowrap; } .content .wpcf7-form .captcha span.wpcf7-not-valid-tip { right: -100%; } .content div.wpcf7-validation-errors { border-color: #000; font-size: 16px; } .placeholder { color: #249140; } .page.page-id-3958 .content .wpcf7-form span.recaptcha, .page.page-id-3958 .content .wpcf7-form span.call, .content .wpcf7-form span.recaptcha { background: none; padding: 0 0 20px; } .page.page-id-3958 .content .wpcf7-form span.recaptcha span, .content .wpcf7-form span.recaptcha span { background: none; padding: 0; } .page.page-id-3958 .content .wpcf7-form span.call span { background: none; } .sideimage-box { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto; margin: 50px 0 50px; } .sideimage-box.sideimage-box-right { grid-template-columns: 1fr auto; } .sideimage-box + .sideimage-box { margin-top: 0; } .sideimage-box .col-2 span { display: inline-block; margin-top: 10px; } .sideimage-box .col-2 span:first-child { margin-top: 0; } .content-wrapper.k12 .content .section-content ul.button-list { position: relative; list-style-type: none; margin: 0; padding: 10px 0 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 20px 30px; } .content-wrapper.k12 .content .section-content ul.button-list li { position: relative; display: grid; list-style-type: none; margin: 0; padding: 0; font-weight: 700; border: 2px solid #e2ab3b; padding: 40px 30px 20px; align-content: center; border-radius: 30px; text-align: left; min-height: 30px; overflow: hidden; } .content-wrapper.k12 .content .section-content ul.button-list li span { position: absolute; top: 0; left: 0; display: inline-block; padding: 10px 0 0 30px; color: #666; font-size: 12px; text-transform: uppercase; font-family: "raleway", sans-serif; font-weight: 700; } .content-wrapper.k12 .content .section-content ul.button-list li:last-child:nth-last-child(odd) { grid-column: auto / span 2; } .content-wrapper .content .quote-wrapper { position: relative; display: block; padding: 0 30px; } .content-wrapper .content .quote-wrapper + p { margin-top: 25px; } .content-wrapper .content .quote-wrapper blockquote { margin: 0 0 10px; padding: 0; font-family: "lorabold", sans-serif; font-weight: normal; } .content-wrapper .content .quote-wrapper .quote-caption { font-size: 14px; } .content-wrapper .flowchart-wrapper { position: relative; display: none; } .content-wrapper .flowchart-wrapper .flowchart { position: relative; display: block; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box { position: relative; display: none; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box::after { position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background: #000; content: ''; z-index: 1; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box.flowchart-box-1 { display: block; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box + .flowchart-box { padding-top: 30px; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner { position: relative; display: block; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-content { position: relative; display: block; border: solid 1px #000; padding: 20px 20px; text-align: center; font-size: 16px; color: #000; background: #fff; z-index: 10; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box.flowchart-box-final .flowchart-box-inner .flowchart-box-content { color: #fff; background: rgba(0,92,185,1.00); } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons { position: relative; display: block; padding: 15px 0 0; text-align: center; z-index: 10; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner { position: relative; display: block; margin: 0 auto; max-width: 200px; z-index: 10; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner::after { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background: #000; content: ''; z-index: 1; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons.flowchart-box-buttons-2 .flowchart-box-buttons-inner { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 20px 40px; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons.flowchart-box-buttons-2::after { position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 68%; background: #000; content: ''; z-index: 1; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn { position: relative; display: block; color: #fff; font-weight: 500; text-align: center; font-size: 16px; text-decoration: none; padding: 8px 15px 5px; z-index: 10; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn:hover { color: #fff; text-decoration: none; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes { background: #005cb9; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes:hover { background: #000; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no { background: #cc0000; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no:hover { background: #000; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-active { background: #000; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box .flowchart-box-inner .cover-line { position: absolute; bottom: 0; left: 49%; display: block; height: 50%; width: 20px; background: #fff; z-index: 2; } .content-wrapper .flowchart-wrapper .flowchart .flowchart-box.active .flowchart-box-inner .cover-line { display: none; } .content-wrapper .flowchart-wrapper2 { position: relative; display: block; } .content-wrapper p + .flowchart-wrapper2 { margin-top: 30px; } .content-wrapper .flowchart-wrapper2 .flowchart { position: relative; display: block; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box-row { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 50px 50px; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box-row.flowchart-box-grid-2 { grid-template-columns: 1fr 1fr; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box-row.flowchart-box-grid-3 { grid-template-columns: 1fr 1fr 1fr; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box-row.flowchart-box-grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box { position: relative; display: block; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.active { display: block; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner { position: relative; display: block; padding-bottom: 30px; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-content { position: relative; display: block; border: solid 1px #000; text-align: center; font-size: 16px; color: rgba(0,0,0,0.50); background: #fff; z-index: 20; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-content .flowchart-box-content-inner { position: relative; display: block; padding: 20px 20px; background: #fff; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.flowchart-box-final .flowchart-box-inner .flowchart-box-content { color: rgba(0,92,185,0.50); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.flowchart-box-final .flowchart-box-inner .flowchart-box-content .flowchart-box-content-inner { background: rgba(255,255,255,0.50); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons { position: relative; display: block; padding: 15px 0 0; text-align: center; z-index: 10; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.active .flowchart-box-inner .flowchart-box-content { color: rgba(0, 0, 0, 1); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.flowchart-box-final.active .flowchart-box-inner .flowchart-box-content { color: rgba(255,255,255,1.00); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.flowchart-box-final.active .flowchart-box-inner .flowchart-box-content .flowchart-box-content-inner { background: rgba(0,92,185,1.00); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons:before { position: absolute; left: 50%; top: 0; display: block; width: 1px; height: 65%; background: #000; content: ''; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner { position: relative; display: block; margin: 0 auto; max-width: 200px; z-index: 10; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner::after { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background: #000; content: ''; z-index: 1; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons.flowchart-box-buttons-2 .flowchart-box-buttons-inner { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 20px 50px; box-sizing: border-box; -moz-box-sizing: border-box; } /*.content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons.flowchart-box-buttons-2::after { position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background: #000; content: ''; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; }*/ .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn { position: relative; display: block; color: #fff; font-weight: 500; background: #fff; text-align: center; font-size: 16px; text-decoration: none; z-index: 20; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn span { position: relative; display: block; padding: 8px 25px 5px; z-index: 10; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn:hover { color: #fff; text-decoration: none; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes span, .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes:hover span { background: rgba(0,92,185,0.50); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.active .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes span { background: rgba(0,92,185,1.00); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes:before { position: absolute; left: -50%; top: 50%; display: block; width: 50%; height: 1px; background: #000; content: ''; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes:after { position: absolute; left: -50%; top: 50%; display: block; width: 1px; height: 100px; background: #000; content: ''; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.flowchart-box-1 .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes:before { width: 100%: left: -100% } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no:before { position: absolute; right: -50%; top: 50%; display: block; width: 50%; height: 1px; background: #000; content: ''; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no:after { position: absolute; right: -50%; top: 50%; display: block; width: 1px; height: 100px; background: #000; content: ''; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.flowchart-box-1 .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no:before { width: 100%: right: -100% } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.active .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes:hover span { background: #000; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no span, .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no:hover span { background: rgba(204,0,0,0.50); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.active .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no span { background: rgba(204,0,0,1.00); } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.active .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no:hover span { background: #000; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box.active .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-active span { background: #000; } .content-wrapper .highlight-wrapper { position: relative; display: block; border: solid 1px #f7e5b9; background: #fcf6e8; border-radius: 30px; } .content-wrapper .highlight-wrapper .highlight-wrapper-inner { position: relative; display: block; padding: 30px 30px; } .content-wrapper .popup-box a { position: relative; display: block; } .content-wrapper .popup-box a span { position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; display: block; width: 40px; height: 40px; border: 5px solid #b63032; background: #fff; font-color: #b63032; border-radius: 100px; text-align: center; } .content-wrapper .popup-box a span::before { line-height: 42px; } .box { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; } .box-sections.box-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 0; grid-template-areas: "news-events box-1" "box-3 box-2"; } .box-sections.box-grid .box-1 { grid-area: box-1; } .box-sections.box-grid .box-2 { grid-area: box-2; } .box-sections.box-grid .box-3 { grid-area: box-3; } .box-sections.box-grid .box-4 { grid-area: box-4; display: none; } .content-wrapper .content .section.section-split .box-sections .section-content { max-width: none; width: 100%; padding: 40px 60px 40px 100px; float: none; } .content-wrapper .content .section.section-split .box-sections .box-3 .section-content { padding-left: 60px; } .content-wrapper .content .section.section-split .box-sections .section-image { width: 100%; padding: 40px 50px; float: none; border-top-left-radius: 50px; } .box.news-events { top: -50px; max-width: 100%; z-index: 120; grid-area: news-events; padding: 0 0 0 50px; } .box.news-events .news-event-content { padding: 35px 0; overflow: hidden; display: grid; grid-template-rows: auto 1fr; height: 100%; } .box.news-events .news-event-content::before { position: absolute; top: 0; left: 0; display: block; width: 1000px; height: 35px; background-image: url("images/news-event-header.svg?r=1"); background-repeat: no-repeat; background-position: left top; background-size: contain; content: ''; } .box.news-events .news-event-content::after { position: absolute; bottom: 1px; right: 0; display: block; width: 1000px; height: 35px; background-image: url("images/news-event-footer.svg?r=1"); background-repeat: no-repeat; background-position: right bottom; background-size: contain; content: ''; } .chrome .box.news-events .news-event-content::after { right: -3px; } .box.news-events .news-event-content .news-event-title { padding: 15px 55px 0; background: #2e2e2e; } .box.news-events .news-event-content .news-event-title h3 { font-family: "roboto", sans-serif; font-size: 36px; font-weight: 900; color: #fff; padding: 0; margin: 0; } .box.news-events .news-event-content .news-event-list { padding: 25px 55px 15px; background: #2e2e2e; } .box.news-events .news-event-content .news-event-list ul { display: grid; grid-template-rows: auto; gap: 25px 0; margin: 0; padding: 0; list-style-type: none; } .box.news-events .news-event-content .news-event-list ul li { margin: 0; padding: 0; list-style-type: none; } .box.news-events .news-event-content .news-event-list ul li a { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 0 40px; color: #fff; line-height: 1.2; } .box.news-events .news-event-content .news-event-list ul li a .icon { display: block; width: 20px; height: 20px; background: #d6aa4f; color: #2e2e2e; text-align: center; line-height: 1; border-radius: 20px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .box.news-events .news-event-content .news-event-list ul li a .icon [class^="icon-"]::before { margin-left: 2px; } .box.news-events .news-event-content .news-event-list ul li a:hover { color: #d6aa4f; } .box.news-events .news-event-content .news-event-list ul li a:hover .icon { color: #d6aa4f; background: #2e2e2e; } .box-sections.box-grid .box-1 .section-content h3 { color: #b31c27 !important; } .box-sections.box-grid .box-3 .section-content h3 { color: #005cb9 !important; } #footer { position: relative; display: block; width: 100%; padding: 40px 20px 20px; background: #2e2e2e; font-family: "raleway", sans-serif; font-size: 14px; color: #fff; font-weight: 300; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; } #footer a { color: #fff; text-decoration: none; } #footer a.tel { color: #fff; text-decoration: none; } #footer a:hover { color: #eea904; text-decoration: none; } #footer a.tel:hover { color: #fff; } #footer .split { position: relative; display: block; } #footer .split .left { position: relative; display: block; width: 65.957447%; float: left; } #footer .split .right { position: relative; display: block; width: 34.042553%; float: right; text-align: right; } #footer .top { position: relative; display: block; margin: 0 0 20px; } #footer .top .logo { width: 14.015152%; float: left; } #footer .top .content { position: relative; display: block; width: 37.5%; padding: 18px 0 0 40px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } #footer .top .content .phone { position: relative; display: block; margin: 0 0 10px; } #footer .top .content .phone a.tel { font-family: "roboto-condensed", sans-serif; font-weight: 400; font-size: 20px; } #footer .top .content .about { position: relative; display: block; margin: 0 0 20px; } #footer .top .content ul.social { margin: 0; padding: 0; } #footer .top .content ul.social li { list-style-type: none; margin: 0 0 0 10px; padding: 0; float: left; } #footer .top .content ul.social li:first-child { margin-left: 0; } #footer .top .content ul.social li a { font-size: 24px; text-decoration: none; } #footer .top .content ul.social li a:hover { color: #eea904; } #footer .top .content a.employee-portal { white-space: nowrap; } #footer .top .content a.employee-portal span { display: inline-block; font-size: 7px; margin: 0 0 2px 3px; vertical-align: middle; } #footer .top .content .split .right { padding-top: 10px; } #footer .news-events { position: relative; display: block; width: 48.484848%; padding: 22px 0 0; float: right; box-sizing: border-box; -moz-box-sizing: border-box; } #footer .news-events h3 { font-family: "roboto-condensed", sans-serif; font-weight: 400; font-size: 21px; color: #fff; line-height: 1; margin: 0 0 30px 35px; } #footer .news-events .events, #footer .news-events .news { position: relative; display: block; width: 50%; padding: 0 0 0 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } #footer .news-events .events .events-content, #footer .news-events .news .news-content { position: relative; display: block; border-left: 5px solid #585858; padding: 0 0 0 30px; } #footer .news-events .events .events-content .event, #footer .news-events .news .news-content .release { position: relative; display: block; padding: 15px 0 0; } #footer .news-events .events .events-content .event:first-child, #footer .news-events .news .news-content .release:first-child { padding-top: 0; } #footer .news-events .events .events-content .event a, #footer .news-events .news .news-content .release a { font-family: "roboto-condensed", sans-serif; font-weight: 400; font-size: 15px; text-decoration: none; color: #fff; } #footer .news-events .events .events-content .event a .view, #footer .news-events .news .news-content .release a .view { font-size: 13px; } #footer .news-events .events .events-content .event a:hover, #footer .news-events .news .news-content .release a:hover { color: #eea904; } #footer .news-events .events .events-content .event a .arrow, #footer .news-events .news .news-content .release a .arrow { display: inline-block; font-size: 7px; margin: 0 0 2px 3px; vertical-align: middle; } #footer .news-events .events .events-content .event .event-date { position: relative; display: block; width: 17.307692%; float: left; text-align: center; font-family: "roboto-condensed", sans-serif; font-weight: 400; font-size: 14px; line-height: 1; text-transform: uppercase; background: #3f3f3f; padding: 7px 2px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } #footer .news-events .events .events-content .event .event-date span { display: block; } #footer .news-events .events .events-content .event .event-content { position: relative; display: block; width: 82.692308%; padding: 0 0 0 15px; float: right; box-sizing: border-box; -moz-box-sizing: border-box; } #footer .bottom { position: relative; display: block; font-size: 12px; } #footer .bottom .about { position: relative; display: none; margin: 0 0 30px 53px; padding: 20px 0 0; font-family: "raleway", sans-serif; font-size: 14px; font-weight: 300; } #footer .bottom .sponsors { position: relative; display: block; width: 37.5%; margin: 0 0 0 14.015152%; padding: 0 0 0 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } #footer .bottom .sponsors .mna img { max-width: 53px; float: left; } #footer .bottom .sponsors .mna .mna-text { position: relative; display: block; padding: 7px 0 0 5px; } #footer .bottom .sponsors .split .right { width: 20.659341%; padding-top: 10px; } #footer .bottom .sponsors .canada img { max-width: 94px; } #footer .bottom .copyright { position: absolute; right: 0; bottom: 10px; display: block; } .loading { position: fixed; top: 0; display: none; width: 100%; height: 100%; background: #FFF url(images/ajax-loader.gif) center center no-repeat; z-index: 999999999999; } .loading .loading-inner { position: fixed; top: -60px; display: block; width: 100%; height: 100%; background: url(images/logo.svg) center center no-repeat; } .mobile .mobile-hide { display: none !important; } .alert-wrapper { position: fixed; top: 0; display: block; width: 100%; height: 100%; padding: 100px 50px 50px; background: rgba(0, 0, 0, .5); z-index: 999999999999; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; } .alert-wrapper .alert { position: relative; display: block; width: 100%; max-width: 800px; background: #fff; border: 5px solid #eea904; padding: 30px; margin: 0 auto; border-radius: 10px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; } .popup-wrapper { position: fixed; top: 0; display: grid; width: 100%; height: 100%; padding: 30px 50px; background: rgba(0, 0, 0, .5); z-index: 999999999999; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; align-content: center; } .popup-wrapper .popup-inner { position: relative; display: block; width: 100%; max-width: 1000px; background: #fff; border: 5px solid #eea904; padding: 30px; margin: 0 auto; border-radius: 10px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; } .popup-wrapper .popup-close { position: absolute; top: 10px; right: 20px; display: block; font-size: 24px; } .popup-wrapper .popup { position: relative; display: grid; grid-template-columns: 400px 1fr; grid-template-rows: auto; gap: 30px 50px; } .popup-wrapper .popup .popup-image { position: relative; display: block; } .popup-wrapper .popup .popup-content { position: relative; display: grid; align-content: center; } .popup-wrapper .popup.no-image { grid-template-columns: 1fr; } .popup-wrapper .popup.no-image .popup-image { display: none; } .no-scroll { margin: 0 !important; height: 100% !important; overflow: hidden !important; } input.placeholder, textarea.placeholder { color: #121212; font-family: "raleway", sans-serif; font-weight: 400; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #121212; font-family: "raleway", sans-serif; font-weight: 400; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #121212; font-family: "raleway", sans-serif; font-weight: 400; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #121212; font-family: "raleway", sans-serif; font-weight: 400; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #121212; font-family: "raleway", sans-serif; font-weight: 400; } @viewport { width: auto; } @media only screen and (max-width: 1280px) { #header .main-menu li ul { padding-left: 8px; padding-right: 8px; } #header .main-menu li li { padding-left: 7px; padding-right: 7px; } .banner-wrapper { min-height: 700px; } #header { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header .main .top-menu, #header .main-menu { display: none; } .flyout { display: block; } } @media only screen and (max-width: 1380px) { #header .main-menu li a { padding: 20px 10px; } } @media only screen and (max-width: 1170px) { h1 { font-size: 34px; margin-bottom: 15px; } h2, h3, h4 { font-size: 28px; } #header .main .top-menu li { margin-left: 30px; } #header .main-menu li a, #header .main-menu a.search-btn { font-size: 18px; } #header .main-menu li ul { padding-left: 15px; padding-right: 15px; } #header .main-menu li li { padding-left: 5px; padding-right: 5px; } #header .main-menu li li a, #menu li li:hover a, #header .main-menu li.menu-left ul:before { font-size: 13px; } #header .main-menu a.search-btn { padding-top: 19px; padding-bottom: 19px; } .mobile-alert-banner { display: block; } .home .mobile-alert-banner + #header { top: 123px; } .banner-wrapper { min-height: 600px; } .content-wrapper .content-side { width: 20%; } .content-wrapper .content-side .side-menu ul li a { font-size: 14px; } .content-wrapper .content { width: 80%; padding-left: 50px; padding-right: 20px; margin-left: 0; box-sizing: border-box; -moz-box-sizing: border-box; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img { height: 200px; } #footer .bottom .sponsors .mna .mna-text br { display: none; } #footer .news-events h3 { margin-left: 25px; } #footer .news-events .events .events-content, #footer .news-events .news .news-content { padding-left: 20px; } #footer .content .split .left, #footer .content .split .right { width: auto; } } @media only screen and (max-width: 1015px) { BODY { font-size: 16px; } #search-wrapper { padding-left: 100px; padding-right: 100px; } .logo { width: 160px; } /*#header .main .top-menu li { margin-left: 20px; } #header .main-menu li a { font-size: 17px; } #header .main-menu a.search-btn { font-size: 16px; } #header .main-menu li li { padding-left: 5px; padding-right: 5px; } #header .main-menu li li a, #menu li li:hover a { font-size: 14px; }*/ #header { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header .main .top-menu, #header .main-menu { display: none; } .flyout { display: block; } /*#header .survey { right: 50%; margin-right: -101px; }*/ .banner-wrapper { min-height: 500px; } .banner-wrapper .banners .banner .banner-item-content-wrapper { left: 100px; top: 250px; } .content-wrapper .content .section.section-split .section-content h3, .content-wrapper .content .section.section-split .section-image .image-content h3, .box.news-events .news-event-content .news-event-title h3 { font-size: 30px; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-date { width: 30%; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-content { width: 70%; } .content-wrapper .content .training-meta { font-size: 14px; } .content-wrapper.k12 .content .section-content h4 { font-size: 16px; } .content-wrapper.k12 .content-highlight.content-comingup .row-1 { gap: 0 20px; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img { height: 170px; } .content-wrapper .content .section.section-split .box-sections .section-content { padding-left: 80px; } #footer .top .content { padding-top: 11px; } #footer .news-events { padding-top: 13px; } #footer .news-events h3 { font-size: 19px; margin-bottom: 20px; } #footer .news-events .events .events-content .event .event-date { width: 100%; padding: 5px 2px 6px; margin-bottom: 3px; } #footer .news-events .events .events-content .event .event-date span { display: inline-block; margin-left: 5px; } #footer .news-events .events .events-content .event .event-content { padding-left: 0; width: 100%; } #footer .bottom .sponsors .mna .mna-text { padding-top: 0px; } } @media only screen and (max-width: 900px) { .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box-row { gap: 50px 30px; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons.flowchart-box-buttons-2 .flowchart-box-buttons-inner { gap: 20px 30px; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes::before { left: -30%; width: 30%; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-yes::after { left: -30%; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no::before { right: -30%; width: 30%; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner a.btn.btn-no::after { right: -30%; } } @media only screen and (max-width: 800px) { .popup-wrapper { padding: 30px 30px; } .popup-wrapper .popup { grid-template-columns: 300px 1fr; gap: 30px 30px; } .content-wrapper .content .section.section-split .box-sections .box-3 .section-content, .box.news-events { padding-left: 40px; } .content-wrapper .content .section.section-split .box-sections .section-content { padding-left: 60px; } } @media only screen and (max-width: 800px) { h2, h3, h4 { font-size: 26px; } .banner-wrapper .banners .banner .banner-item-content-wrapper { top: 190px; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content h3 { font-size: 34px; margin-bottom: 12px; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content { font-size: 18px; } .home .mobile-alert-banner + #header { top: 63px; } .mobile-alert-banner .mobile-alert-text { font-size: 20px; padding: 15px; } .content-wrapper .content .team-members { margin: -30px 0 30px -20px; } .content-wrapper .content .team-members .member { padding: 30px 0 0 20px; } .content-wrapper .content .team-members .member h3 { font-size: 19px; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-date { font-size: 30px; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-date span { font-size: 15px; } .content-wrapper .content-side .side-mobile .mobile-event a { font-size: 12px; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-place { font-size: 16px; } .content-wrapper .content-side .side-mobile .mobile-event a .mobile-event-location { font-size: 14px; } .content-wrapper .content .spotlight .spotlight-image, .content-wrapper .content .spotlight-past .spotlight .spotlight-image { width: 40%; float: none; margin: 0 auto 30px; } .content-wrapper .content .spotlight .spotlight-content, .content-wrapper .content .spotlight-past .spotlight .spotlight-content { width: 100%; float: none; padding: 0; } .content-wrapper .content .spotlight .spotlight-content h3 { font-size: 24px; } .content-wrapper .content .spotlight-past .spotlight .spotlight-content h3 { font-size: 22px; } .content-wrapper .content .spotlight .spotlight-content h4 { font-size: 20px; } .content-wrapper.k12 .content .section-content .icon { padding-top: 10px; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-main, .content-wrapper.k12 .content .section-content.content-gallery .gallery-main img.vertical, .single .section-content.content-gallery .gallery-main img.vertical { max-height: 500px; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail div img { height: 150px; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow { top: 65px; width: 45px; height: 45px; font-size: 35px; line-height: 45px; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-title h2, .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-1 h2 { font-size: 25px; } .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-1 h2 span { font-size: 23px; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img { height: 200px; } .box.news-events .news-event-content .news-event-list, .box.news-events .news-event-content .news-event-title { padding-left: 40px; padding-right: 40px; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons .flowchart-box-buttons-inner { max-width: 150px; } .content-wrapper .flowchart-wrapper2 .flowchart .flowchart-box .flowchart-box-inner .flowchart-box-buttons.flowchart-box-buttons-2 .flowchart-box-buttons-inner { left: -15px; } #footer .top .logo { float: none; width: 20%; margin-bottom: 30px; } #footer .top .content { width: 40%; padding: 0; } #footer .news-events { width: 60%; padding: 0; } /*#footer .news-events .events .events-content .event:nth-child(3), #footer .news-events .news .news-content .release:nth-child(3) { display: none; }*/ #footer .bottom .sponsors { margin-left: 0; margin-bottom: 20px; padding-left: 0; width: 100%; float: none; } #footer .bottom .sponsors .split .right img { float: right; } #footer .bottom .sponsors .mna .mna-text { padding-top: 8px; } #footer .bottom .sponsors .mna .mna-text br { display: block; } #footer .bottom .copyright { position: relative; bottom: 0; text-align: right; } } @media only screen and (max-width: 768px) { h1 { font-size: 30px; } h2, h3, h4, h2.side { font-size: 24px; } .banner-wrapper .banners .banner .banner-item-content-wrapper { top: 170px; left: 80px; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content { max-width: 600px; padding-right: 70px; } .content-wrapper .content .section.section-split .section-content, .content-wrapper .content .section.section-split .section-image { width: 50%; } .content-wrapper .content .section.section-split .section-content h3, .content-wrapper .content .section.section-split .section-image .image-content h3, .box.news-events .news-event-content .news-event-title h3 { font-size: 28px; } .content-wrapper .content { width: 100%; padding-left: 20px; } .content-wrapper .content .content-section.has-side-images .section { width: 64%; } .content-wrapper .content-side { display: none; } .content-wrapper .content .side-mobile { display: block; } .content-wrapper .content .side-mobile h5 { font-size: 22px; } .single-jobs .content-wrapper .content h2 { font-size: 22px; } .content .button .mobile-button { display: inline-block; } .mobile-menu-dropdown .side-menu { display: block; } .side-menu .drop-menu-title, .side-menu .icon { display: block; } .content-wrapper.k12 .menu-language { top: -15px; } .content-wrapper.k12 .menu-language a { font-size: 14px; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img { height: 170px; } .content .side-image { display: block; max-width: 300px; padding-top: 30px; } } @media only screen and (max-width: 667px) { .banner-wrapper { min-height: 150px; } .banner-wrapper .banners .banner .banner-item-content-wrapper { top: 150px; left: 70px; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content { font-size: 17px; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content h3 { font-size: 30px; } .content-wrapper .content .section.section-split .section-content h3, .content-wrapper .content .section.section-split .section-image .image-content h3, .box.news-events .news-event-content .news-event-title h3 { font-size: 26px; } .content-wrapper .content .section.section-split .section-image { padding-left: 20px; padding-right: 20px; } .content-wrapper .content .section.section-split .section-image .image-content { font-size: 16px; } #search-wrapper { padding-left: 50px; padding-right: 50px; } #search-wrapper #search-header .form input[type="text"] { font-size: 20px; } #search-wrapper #search-header .form .search-submit { font-size: 18px; padding-top: 8px; padding-bottom: 8px; } #search-wrapper .loader { height: 40px; } .content-wrapper .content .articles .article h3, .content-wrapper .content .postings .job h3 { font-size: 20px; } .content-wrapper .content ul.awards li .award-details { font-size: 14px; } .content-wrapper .content .reports .reports-current .reports-current-cover { width: 35%; } .content-wrapper .content .reports .reports-current .reports-current-content h3 { font-size: 20px; } .list .list-listing, .list .mobile-listing { overflow: scroll; } .list .list-listing tr th, .list .list-listing tr td, .list .mobile-listing tr th, .list .mobile-listing tr td { white-space: nowrap; } .list .list-listing tr.description td { white-space: normal; } .content-wrapper .content .side-popup { width: 33.333%; } .content-wrapper .content .box-content { font-size: 20px; } .error404 .content-wrapper .content .section .section-content { min-height: 50px; } .alert-wrapper { padding: 20px; background: rgba(0, 0, 0, .5); z-index: 999999999999; } .alert-wrapper .alert { padding: 20px; } .content-wrapper.k12 .content-highlight .content-highlight-inner h2, .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-title h2, .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-1 h2 { font-size: 24px; } .content-wrapper .content .spotlight .spotlight-content h3, .content-wrapper.k12 .content-highlight .content-highlight-inner h3, .content-wrapper.k12 .content-list-sections .section-wrap h3, .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-1 h2 span { font-size: 22px; } .content-wrapper .content .spotlight-past .spotlight .spotlight-content h3 { font-size: 20px; } .content-wrapper .content .spotlight .spotlight-content h4 { font-size: 18px; } .popup-wrapper .popup { grid-template-columns: 200px 1fr; } .box-sections.box-grid { grid-template-columns: 1fr; grid-template-areas: "news-events" "box-1" "box-3" "box-2"; gap: 20px 0; } .box.news-events { top: 0; padding-top: 30px; } .content-wrapper .content .section.section-split .box-sections .box-3 .section-content, .box.news-events, .content-wrapper .content .section.section-split .box-sections .section-content { padding-left: 20px; padding-right: 20px; } .content-wrapper .content .section.section-split .box-sections .section-image { padding-left: 40px; padding-right: 40px; } .box.news-events .news-event-content .news-event-list, .box.news-events .news-event-content .news-event-title { padding-left: 20px; padding-right: 20px; } .content-wrapper .content .section.section-split .box-sections .section-content { height: auto !important; } .content-wrapper .content .section.section-split .box-sections .box-3 .section-content { padding-top: 0; } #footer .top .logo { width: 25%; float: left; } #footer .top .content { padding: 15px 0 0 40px; width: 75%; } #footer .split.social-btns { position: absolute; top: 10px; right: 0; } #footer .top .content .about { display: none; } #footer .news-events { width: 100%; } #footer .bottom .about { display: block; } } @media only screen and (max-width: 600px) { /*#header .survey { max-width: 170px; margin-right: -85px; }*/ .content-wrapper .content .team-members .member h3 { font-size: 18px; } .content .wpcf7-form select { background-size: 5% auto; } .content-wrapper .content .side-mobile .mobile-event { width: 50%; } .content-wrapper.k12 .content .section-content.content-type-split { display: block; margin-bottom: 20px; } .content-wrapper.k12 .content .section-content.content-type-split .col-2 { padding-top: 20px; margin-left: auto; margin-right: auto; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-main, .content-wrapper.k12 .content .section-content.content-gallery .gallery-main img, .content-wrapper.k12 .content .section-content.content-gallery .gallery-main img.vertical, .single .section-content.content-gallery .gallery-main img.vertical { max-height: 400px; } .content-wrapper.k12 .content .section-content.content-table .cols.cols-3 { grid-template-columns: repeat(3, 1fr); } .content-wrapper.k12 .content .section-content.content-table .cols.cols-4 { grid-template-columns: repeat(4, 1fr); } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid-wrap { gap: 30px 25px; } .content-wrapper.k12 .content-list-sections .section-wrap .section-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .content-wrapper.k12 .content-highlight .content-highlight-inner { border-radius: 30px; padding: 20px; } .content-wrapper.k12 .content-highlight.content-highlight-footer .content-highlight-inner { font-size: 18px; } .content-wrapper.k12 .content-section.has-side-images .section { width: 100%; } .content-wrapper.k12 .content-section.has-side-images .section-side { width: 100%; padding-top: 30px; } .content-wrapper.k12 .sidebox-content .sidebox-content-inner .sidebox-content-image img { max-width: 60%; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img { height: 220px; } .content-wrapper.k12 .content-list-pages.three-columns .content-list-pages-wrap { grid-template-columns: 1fr 1fr; } .popup-wrapper { padding: 20px 20px; } .popup-wrapper .popup { grid-template-columns: 1fr; gap: 30px 30px; } .popup-wrapper .popup-inner { padding-top: 45px; } .popup-wrapper .popup .popup-image { max-width: 300px; margin: 0 auto; } } @media only screen and (max-width: 550px) { .content-wrapper .flowchart-wrapper2 { display: none; } .content-wrapper .flowchart-wrapper { display: block; } } @media only screen and (max-width: 480px) { h1 { font-size: 26px; } h2, h3, h4, h2.side { font-size: 20px; } /*#header a.survey { display: none; } #header .survey { right: 0; margin-right: 0; max-width: none; width: 100%; background: #b12028; text-align: center; display: block; position: relative; } #header .survey a { display: block; margin: 0 auto; max-width: 250px; }*/ #header .survey, #header .alerts-wrapper { font-size: 18px; } #header .main { padding: 40px 20px 20px; } #flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { padding: 40px 50px 20px; } #flyout-menu #flyout-menu-sub a { font-size: 20px; } #flyout-menu li a, #flyout-menu #flyout-menu-sub li a { font-size: 18px; } .banner-wrapper .banners .banner .banner-item-content-wrapper { top: 250px; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content { font-size: 15px; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content h3 { font-size: 26px; } .content-wrapper .content .section.section-split .section-content, .content-wrapper .content .section.section-split .section-image { width: 100%; padding: 20px; } .content-wrapper .content .section.section-split .section-content h3, .content-wrapper .content .section.section-split .section-image .image-content h3, .box.news-events .news-event-content .news-event-title h3, .content-wrapper.k12 .content-highlight .content-highlight-inner h2 { font-size: 22px; } .content-wrapper .content .team-members .member { width: 50%; } .single-jobs .content-wrapper .content h2 { font-size: 20px; } .list .list-filter { font-size: 14px; } .list .list-listing tr th, .list .list-listing tr td, .list .mobile-listing tr th, .list .mobile-listing tr td { font-size: 13px; } .list .list-listing tr.details td:nth-child(1) { font-size: 14px; } .content-wrapper .content .side-mobile h5 { font-size: 20px; } .content-wrapper .content ul.offices li .office-details { font-size: 15px; } .content-wrapper .content .training-meta { font-size: 15px; } .content-wrapper .content .training-meta .training-meta-item { width: 100%; float: none; text-align: left !important; } .list .list-filter span { width: 130px; } .content-wrapper .content .box-content { font-size: 16px; } .content-wrapper.k12 .content .section-content + .section-content { padding-top: 25px; } .content-wrapper.k12 .content .section-content.content-table .col { padding: 20px; } .content-wrapper.k12 .content .section-content.content-table .cols.cols-2 { display: block; } .banner-badge-wrapper { position: fixed; bottom: 0; } .banner-badge-wrapper .banner-badge img { width: 100%; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img { height: 170px; } .content .wpcf7-form select { background-size: 6% auto; } .section-content img { width: 100% !important; } .sideimage-box { grid-template-columns: 1fr; margin: 30px 0 30px; } .content-wrapper.k12 .content .section-content ul.button-list { grid-template-columns: 1fr !important; } .content-wrapper.k12 .content .section-content ul.button-list li { min-height: 10px !important; } .content-wrapper.k12 .content .section-content ul.button-list li:last-child:nth-last-child(odd) { grid-column: auto / span 1; } .content-wrapper.k12 .content .section-content ul.button-list li:last-child:nth-last-child(even), .content-wrapper.k12 .content .section-content ul.button-list li:last-child:nth-last-child(even) - .content-wrapper.k12 .content .section-content ul.button-list li { grid-column: auto / span 1; } #footer .top { margin-bottom: 40px; } #footer .top .logo { width: 35%; } #footer .top .content { width: 65%; padding-left: 30px; } #footer .bottom .about { padding-top: 0; } #footer .news-events .events { display: none; } #footer .news-events .news { width: 100%; } .popup-content { font-size: 14px; } .popup-wrapper .popup-inner { padding: 35px 15px 20px; } } @media only screen and (max-width: 420px) { BODY { font-size: 15px; } h1 { font-size: 24px; } h2, h3, h4, h2.side { font-size: 20px; } #header .main { padding: 40px 10px 15px; } .logo { width: 140px; } .flyout a.icon-menu, .flyout a.icon-search { font-size: 26px; } .flyout a.icon-menu::after { top: 10px; } .flyout a.icon-search { font-size: 19px; top: -2px; } #flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { padding: 40px 30px 20px; } #flyout-menu #flyout-menu-sub a { font-size: 18px; } #flyout-menu li a, #flyout-menu #flyout-menu-sub li a { font-size: 16px; } #search-wrapper { padding-left: 30px; padding-right: 30px; } #search-wrapper #search-header { padding-bottom: 10px; } .mobile-alert-banner .mobile-alert-text { font-size: 18px; padding: 12px; } .banner-wrapper .banners .banner .banner-item-content-wrapper { left: 45px; } .banner-wrapper .banners .banner .banner-item-content-wrapper .banner-item-content { padding-right: 45px; } .banner-wrapper #prev { left: 10px; } .banner-wrapper #next { right: 10px; } .notice-wrapper .notice h4 { font-size: 18px; } .content-wrapper .content { padding-left: 10px; padding-right: 10px; } .content-wrapper .content .content-section.has-side-images .section { width: 100%; float: none; } .content-wrapper .content .section-side { width: 100%; float: none; padding-top: 40px; } .content-wrapper .content .reports { padding-top: 20px; } .content-wrapper .content .reports .reports-current .reports-current-cover { width: 55%; } .content-wrapper .content .reports .reports-current .reports-current-content h3 { font-size: 18px; } .content-wrapper .content .reports .reports-previous { padding-top: 30px; } .content-wrapper .content .articles .article h3, .content-wrapper .content .postings .job h3, .content-wrapper.k12 .content-highlight .content-highlight-inner h3, .content-wrapper.k12 .content-list-sections .section-wrap h3 .content-wrapper.k12 .content-highlight.content-comingup .row-1 .col-1 h2 span { font-size: 18px; } .content-wrapper.k12 .content-list-pages .content-list-pages-wrap .section-page-grid .grid-image-inner .grid-image-inner-img { height: 150px; } .content-wrapper .content .team-members { margin-left: -15px; } .content-wrapper .content .team-members .member { padding-left: 15px; } .content-wrapper .content .team-members .member h3 { font-size: 17px; } .content-wrapper .content .office-cols .office-col { width: 100%; float: none; } .content-wrapper .content .side-mobile h5 { font-size: 18px; } .content-wrapper .content .side-mobile .mobile-event { width: 100%; } .content-wrapper .content .section-side .side-images .side-image.hide-mobile { display: none; } .content-wrapper .content .section .show-mobile { display: block; } .content-wrapper .content .section .logo-max-width { max-width: 230px; margin: 0 auto; } .content-wrapper .content .section .logo-max-width-goc { max-width: 280px; margin: 0 auto 20px; } .content .wpcf7-form select { background-size: 9% auto; } .content-wrapper .content .side-popup { width: 50%; } .list .list-filter a { display: none; } .list .list-filter-footer { display: block; } .list .list-filter span { width: 90px; } .content-wrapper .content .spotlight .spotlight-image, .content-wrapper .content .spotlight-past .spotlight .spotlight-image { width: 60%; } .content-wrapper.k12 .content .section-content.content-type-split.cols .col-2 { max-width: 100% !important; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-main, .content-wrapper.k12 .content .section-content.content-gallery .gallery-main img, .content-wrapper.k12 .content .section-content.content-gallery .gallery-main img.vertical, .single .section-content.content-gallery .gallery-main img.vertical { max-height: 350px; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail div img { height: 125px; } .content-wrapper.k12 .content .section-content.content-gallery .gallery-thumbnail-wrapper a.arrow { top: 50px; width: 40px; height: 40px; font-size: 32px; line-height: 40px; } #footer { padding: 20px 10px; } #footer .top .logo { width: 40%; float: none; margin-bottom: 30px; padding-top: 10px; } #footer .top .content { position: absolute; top: 10px; right: 0; width: 50%; float: none; padding: 0; } #footer .bottom .sponsors .mna .mna-text { padding-top: 0; } #footer .bottom .sponsors .mna .mna-text br { display: none; } #footer .split.social-btns { top: -30px; } #footer .news-events h3 { font-size: 18px; } #footer .top .content .phone { padding-top: 10px; } } @media only screen and (max-width: 360px) { .mobile-menu-dropdown .side-menu .drop-menu-title { left: 10px; } .content-wrapper .content .side-popup { float: none; width: 100%; margin-left: 0; margin-bottom: 20px; } #footer .top .content { font-size: 12px; } } @media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){ } @media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2){ }