header[role="banner"] .wrap .mainNav ul li ul:not(.featured):after, .scrollingNav .wrap .mainNav ul li ul:not(.featured):after, header[role="banner"] .wrap .mainNav ul li .featured:after, .scrollingNav .wrap .mainNav ul li .featured:after, .textPanel .wrap form:after, .grid .wrap .row .group:after, .grid .wrap .row:after, .imageWithText .wrap:after, .slider.testimonials .swiper-container .swiper-wrapper .swiper-slide:after, .filter:after, .individualPerson .wrap .cols:after, .standardText .wrap .cols:after, .loginPage.stepTwo .wrap .hold:after, .searchResults .wrap .cols:after, .application .wrap form .step:after, footer .wrap .row nav:after, footer .wrap .row .cols:after, footer .wrap .row:after { content: ''; display: block; clear: both; } header[role="banner"] .wrap .links a, .scrollingNav .wrap .links a, header[role="banner"] .wrap .mainNav ul li ul:not(.featured), .scrollingNav .wrap .mainNav ul li ul:not(.featured), header[role="banner"] .wrap .mainNav ul li .featured li, .scrollingNav .wrap .mainNav ul li .featured li, .grid .wrap .row .textBox, .campList .wrap ul li { box-sizing: border-box; -moz-box-sizing: border-box; } header[role="banner"] .wrap .links a.login:before, .scrollingNav .wrap .links a.login:before, header[role="banner"] .wrap h1, .scrollingNav .wrap h1, header[role="banner"] .wrap .mainNav ul li.search:after, .scrollingNav .wrap .mainNav ul li.search:after, header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li form button, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li form button, header[role="banner"] .wrap .mainNav ul li .featured li:after, .scrollingNav .wrap .mainNav ul li .featured li:after, .grid .wrap .row .videoBox button, .newsPanel .wrap .cols .col .content:before, .campList .wrap ul li:after, .peopleGrid .wrap .cols .col figure:after { background-image: url("../sprites/sprite.svg"); background-size: 500px 500px; font-size: 20px; } .applications .wrap table tr td.desktop { font-family: realist, sans-serif; font-weight: 400; font-style: normal; } .desktop { display: block; } .mobile { display: none; } body { border-left: 22px solid #80c2c8; padding-top: 175px; } body.purple .quickLinks .wrap nav a:hover { background-color: #6c4c70; } body.purple .imageWithText .wrap .col .content a:hover { background-color: #6c4c70; } body.purple .boxPanel .wrap .cols .col .content > a:hover { background-color: #6c4c70; } body.teal .quickLinks .wrap nav a:hover { background-color: #239084; } body.teal .imageWithText .wrap .col .content a:hover { background-color: #239084; } body.teal .boxPanel .wrap .cols .col .content > a:hover { background-color: #239084; } body.teal .peopleGrid .wrap .cols .col figure:before { background-color: #239084; } body.lightBlue .quickLinks .wrap nav a:hover { background-color: #80c2c8; } body.lightBlue .imageWithText .wrap .col .content a:hover { background-color: #80c2c8; } body.lightBlue .boxPanel .wrap .cols .col .content > a:hover { background-color: #80c2c8; } body.changeHeader .scrollingNav { top: 0; z-index: 100; } body.home header[role="banner"] { border-bottom: 0; } .back { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .back:hover { background-color: #80c2c8; } form h4 { font-size: 1.56rem; } form .hold + .hold { margin-top: 0; } form .input input, form .input textarea, form .input select { font-size: 2.25rem; border-bottom: 4px solid #ececec; padding-bottom: 4px; } form .input.checkbox { width: 33.3%; } form .input textarea { height: 50px; } form .input [data-invalid="true"] { border-bottom: 4px solid #d63744; } form .input label { top: 4px; left: 0; font-size: 2.25rem; } form button { padding: 14px 26px; font-size: 1.25rem; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } form button:hover { background-color: #ececec; color: #3c3c3c; } header[role="banner"], .scrollingNav { height: 106px; width: -moz-calc(100% - 22px); width: -o-calc(100% - 22px); width: -webkit-calc(100% - 22px); width: calc(100% - 22px); border-bottom: 0; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; border-bottom: 5px solid #ececec; } header[role="banner"]:before, .scrollingNav:before { content: ''; background-color: white; width: -moz-calc(100vw - 22px); width: -o-calc(100vw - 22px); width: -webkit-calc(100vw - 22px); width: calc(100vw - 22px); position: absolute; top: 0; left: 0; height: 100%; display: block; } header[role="banner"] .wrap, .scrollingNav .wrap { width: 940px; margin: 0 auto; height: 100%; position: relative; } header[role="banner"] .wrap .links, .scrollingNav .wrap .links { position: absolute; top: 0; right: 0; } header[role="banner"] .wrap .links h2, .scrollingNav .wrap .links h2 { color: #d63744; text-transform: uppercase; font-family: 'din-1451-lt-pro-engschrift', sans-serif; display: inline-block; margin: 27px 18px 0 0; font-size: 1.25rem; } header[role="banner"] .wrap .links a, .scrollingNav .wrap .links a { color: white; font-size: 1.25rem; font-weight: 600; display: inline-block; padding: 26px 16px 16px 16px; position: relative; vertical-align: top; height: 60px; } header[role="banner"] .wrap .links a + a, .scrollingNav .wrap .links a + a { margin-left: 8px; } header[role="banner"] .wrap .links a.login, .scrollingNav .wrap .links a.login { background-color: rgba(60, 60, 60, 0.5); padding-left: 22px; } header[role="banner"] .wrap .links a.login.active, .scrollingNav .wrap .links a.login.active { background-color: #e9a337; } header[role="banner"] .wrap .links a.login:before, .scrollingNav .wrap .links a.login:before { content: ''; background-position: -15px -220px; width: 18px; height: 20px; display: inline-block; margin-right: 14px; } header[role="banner"] .wrap .links a.donate, .scrollingNav .wrap .links a.donate { background-color: #d63744; } header[role="banner"] .wrap .links a.donate.active, .scrollingNav .wrap .links a.donate.active { background-color: black; } header[role="banner"] .wrap h1, .scrollingNav .wrap h1 { text-indent: -9999px; background-position: -15px -130px; width: 216px; height: 71px; top: auto; bottom: 16px; left: 0; margin-top: 0; } header[role="banner"] .wrap .mainNav, .scrollingNav .wrap .mainNav { position: absolute; right: 30px; bottom: 30px; } header[role="banner"] .wrap .mainNav ul li, .scrollingNav .wrap .mainNav ul li { font-size: 1.25rem; color: #3c3c3c; display: inline-block; position: relative; } header[role="banner"] .wrap .mainNav ul li a.active, .scrollingNav .wrap .mainNav ul li a.active { font-weight: 700; } header[role="banner"] .wrap .mainNav ul li.subNav > a:before, .scrollingNav .wrap .mainNav ul li.subNav > a:before { content: ''; width: 100%; display: block; height: 50px; background-color: white; position: absolute; top: 0; left: 0; opacity: 0; } header[role="banner"] .wrap .mainNav ul li.subNav > a:after, .scrollingNav .wrap .mainNav ul li.subNav > a:after { content: ''; width: 100%; height: 5px; background-color: white; position: absolute; bottom: -34px; left: -20px; display: block; opacity: 0; padding: 0 20px; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } header[role="banner"] .wrap .mainNav ul li:hover > a:after, .scrollingNav .wrap .mainNav ul li:hover > a:after { opacity: 1; } header[role="banner"] .wrap .mainNav ul li:hover ul:not(.featured), .scrollingNav .wrap .mainNav ul li:hover ul:not(.featured) { top: 110px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } header[role="banner"] .wrap .mainNav ul li:hover ul:not(.featured):after, .scrollingNav .wrap .mainNav ul li:hover ul:not(.featured):after { opacity: 0.5; } header[role="banner"] .wrap .mainNav ul li:hover ul:not(.featured) > li, .scrollingNav .wrap .mainNav ul li:hover ul:not(.featured) > li { opacity: 1; } header[role="banner"] .wrap .mainNav ul li:hover .featured, .scrollingNav .wrap .mainNav ul li:hover .featured { opacity: 1; pointer-events: all; } header[role="banner"] .wrap .mainNav ul li.search a:before, .scrollingNav .wrap .mainNav ul li.search a:before { height: 60px; } header[role="banner"] .wrap .mainNav ul li.search:after, .scrollingNav .wrap .mainNav ul li.search:after { content: ''; background-position: -40px -220px; width: 21px; height: 22px; display: inline-block; margin-left: 14px; } header[role="banner"] .wrap .mainNav ul li + li, .scrollingNav .wrap .mainNav ul li + li { margin-left: 24px; } header[role="banner"] .wrap .mainNav ul li h4, .scrollingNav .wrap .mainNav ul li h4 { font-family: 'din-1451-lt-pro-engschrift', sans-serif; text-transform: uppercase; font-size: 1.25rem; color: white; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured), .scrollingNav .wrap .mainNav ul li ul:not(.featured) { background-color: #3c3c3c; position: fixed; left: 22px; margin-left: -50vw; min-height: 100%; padding-top: 60px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); top: 0; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: -1; width: 100vw; width: -moz-calc(100vw - 22px); width: -o-calc(100vw - 22px); width: -webkit-calc(100vw - 22px); width: calc(100vw - 22px); margin: 0 auto; padding-left: 103px; overflow-y: auto; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured):before, .scrollingNav .wrap .mainNav ul li ul:not(.featured):before { content: ''; background-color: #3c3c3c; position: absolute; margin-left: -moz-calc(-50vw + 22px); margin-left: -o-calc(-50vw + 22px); margin-left: -webkit-calc(-50vw + 22px); margin-left: calc(-50vw + 22px); left: 50%; display: block; height: 785px; width: -moz-calc(100vw - 22px); width: -o-calc(100vw - 22px); width: -webkit-calc(100vw - 22px); width: calc(100vw - 22px); top: 0; -webkit-transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: -1; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured):after, .scrollingNav .wrap .mainNav ul li ul:not(.featured):after { content: ''; background-image: url("../images/flame02.svg"); background-repeat: no-repeat; display: block; width: 500px; height: 850px; position: fixed; top: 68px; right: -16px; opacity: 0; pointer-events: none; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li { color: white; font-size: 1.875rem; line-height: 1.3; position: static; display: block; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: opacity; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: opacity; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: opacity; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: opacity; transition-timing-function: linear; transition-duration: 300ms; transition-property: opacity; opacity: 0; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; max-width: 577px; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li a:before, header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li a:after, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li a:before, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li a:after { display: none !important; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li + li, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li + li { margin-left: 0; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li:last-of-type, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li:last-of-type { margin-bottom: 50px; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li form, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li form { position: relative; z-index: 100; width: 940px; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li form .input input, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li form .input input { color: white; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li form button, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li form button { text-indent: -9999px; background-position: -60px -260px; width: 36px; height: 36px; position: absolute; padding: 0; top: 9px; right: 0; margin-top: 0; background-color: transparent; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu { margin-left: 20px; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.lightBlue, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.lightBlue { color: #80c2c8; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.lightBlue ul li, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.lightBlue ul li { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: color; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: color; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: color; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: color; transition-timing-function: linear; transition-duration: 300ms; transition-property: color; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.lightBlue ul li:hover, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.lightBlue ul li:hover { color: #80c2c8; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.teal, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.teal { color: #239084; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.teal ul li, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.teal ul li { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: color; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: color; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: color; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: color; transition-timing-function: linear; transition-duration: 300ms; transition-property: color; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.teal ul li:hover, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.teal ul li:hover { color: #239084; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.purple, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.purple { color: #6c4c70; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.purple ul li, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.purple ul li { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: color; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: color; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: color; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: color; transition-timing-function: linear; transition-duration: 300ms; transition-property: color; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.purple ul li:hover, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.purple ul li:hover { color: #6c4c70; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.orange, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu.orange { color: #e9a337; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li.opensubmenu ul, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li.opensubmenu ul { opacity: 1; pointer-events: all; z-index: 10000; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li ul, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li ul { position: absolute; left: 0; margin-left: 500px; background-color: transparent; top: 0 !important; opacity: 0; pointer-events: none; display: block; padding-left: 35px; padding-top: 20px; margin-top: 60px; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li ul:before, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li ul:before { display: none; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li ul:after, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li ul:after { content: ''; height: 300px; width: 1px; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 0; opacity: 1 !important; display: block; } header[role="banner"] .wrap .mainNav ul li ul:not(.featured) li ul li, .scrollingNav .wrap .mainNav ul li ul:not(.featured) li ul li { width: 100%; font-weight: 300; font-size: 1.5rem; line-height: 1.6; opacity: 1; -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } header[role="banner"] .wrap .mainNav ul li .featured, .scrollingNav .wrap .mainNav ul li .featured { pointer-events: none; padding-top: 0; height: auto; background-color: transparent; padding-left: 0 !important; margin-top: 50px; } header[role="banner"] .wrap .mainNav ul li .featured:before, .scrollingNav .wrap .mainNav ul li .featured:before { display: none; } header[role="banner"] .wrap .mainNav ul li .featured li, .scrollingNav .wrap .mainNav ul li .featured li { font-size: 1.875rem !important; float: left; width: 260px !important; background-color: rgba(255, 255, 255, 0.8); color: #3c3c3c; height: 185px; opacity: 1 !important; position: relative !important; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } header[role="banner"] .wrap .mainNav ul li .featured li a, .scrollingNav .wrap .mainNav ul li .featured li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } header[role="banner"] .wrap .mainNav ul li .featured li:hover h4, header[role="banner"] .wrap .mainNav ul li .featured li:hover p, .scrollingNav .wrap .mainNav ul li .featured li:hover h4, .scrollingNav .wrap .mainNav ul li .featured li:hover p { color: white; } header[role="banner"] .wrap .mainNav ul li .featured li:hover:after, .scrollingNav .wrap .mainNav ul li .featured li:hover:after { background-position: -120px -260px; } header[role="banner"] .wrap .mainNav ul li .featured li:hover.orange, .scrollingNav .wrap .mainNav ul li .featured li:hover.orange { background-color: #e9a337; } header[role="banner"] .wrap .mainNav ul li .featured li:hover.lightBlue, .scrollingNav .wrap .mainNav ul li .featured li:hover.lightBlue { background-color: #80c2c8; } header[role="banner"] .wrap .mainNav ul li .featured li:hover.purple, .scrollingNav .wrap .mainNav ul li .featured li:hover.purple { background-color: #6c4c70; } header[role="banner"] .wrap .mainNav ul li .featured li:hover.teal, .scrollingNav .wrap .mainNav ul li .featured li:hover.teal { background-color: #239084; } header[role="banner"] .wrap .mainNav ul li .featured li.orange:before, .scrollingNav .wrap .mainNav ul li .featured li.orange:before { background-color: #e9a337; } header[role="banner"] .wrap .mainNav ul li .featured li.lightBlue:before, .scrollingNav .wrap .mainNav ul li .featured li.lightBlue:before { background-color: #80c2c8; } header[role="banner"] .wrap .mainNav ul li .featured li.purple:before, .scrollingNav .wrap .mainNav ul li .featured li.purple:before { background-color: #6c4c70; } header[role="banner"] .wrap .mainNav ul li .featured li.teal:before, .scrollingNav .wrap .mainNav ul li .featured li.teal:before { background-color: #239084; } header[role="banner"] .wrap .mainNav ul li .featured li:before, .scrollingNav .wrap .mainNav ul li .featured li:before { content: ''; width: 100px; height: 10px; display: block; position: absolute; left: 0; top: -10px; } header[role="banner"] .wrap .mainNav ul li .featured li:after, .scrollingNav .wrap .mainNav ul li .featured li:after { content: ''; background-position: -120px -220px; width: 32px; height: 25px; display: block; position: absolute; bottom: 12px; left: 12px; pointer-events: none; } header[role="banner"] .wrap .mainNav ul li .featured li + li, .scrollingNav .wrap .mainNav ul li .featured li + li { margin-left: 20px !important; } header[role="banner"] .wrap .mainNav ul li .featured li h4, .scrollingNav .wrap .mainNav ul li .featured li h4 { font-family: 'din-1451-lt-pro-engschrift', sans-serif; text-transform: uppercase; font-size: 1rem; color: #3c3c3c; padding-top: 18px; padding-left: 12px; } header[role="banner"] .wrap .mainNav ul li .featured li p, .scrollingNav .wrap .mainNav ul li .featured li p { padding-left: 12px; padding-right: 12px; font-weight: 300; line-height: 1.2; } header[role="banner"] .wrap .mainNav ul li .featured li h4, header[role="banner"] .wrap .mainNav ul li .featured li p, .scrollingNav .wrap .mainNav ul li .featured li h4, .scrollingNav .wrap .mainNav ul li .featured li p { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } /* .scrollingNav { position: fixed; top: 0; background-color: $grey; height: 75px; @include transition(300ms); top: -75px; &:before { background-color: $grey; } .wrap { h1 { background-position: -15px -260px; width: 29px; height: 50px; position: absolute; top: 50%; bottom: auto; margin-top: -25px; } .mainNav { right: 130px; bottom: auto; top: 50%; margin-top: -17px; ul { li { &:hover { ul { top: 75px; } } } } } } } */ .hero.slider .swiper-container .swiper-wrapper .swiper-slide { height: 720px; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide.red .hold .content a:hover { background-color: #d63744; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide.red .hold .tabs .teal { left: 210px; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide.teal .hold .content { left: 210px; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide.teal .hold .content a:hover { background-color: #239084; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide .hold { width: 960px; margin: 0 auto; position: relative; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide .hold .tabs .tab { width: 210px; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide .hold .tabs .tab.teal { right: 210px; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide .hold .content { width: 540px; left: 0; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide .hold .content a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide .hold .content a:hover { background-color: #80c2c8; } .clusterMap .wrap .filter { width: 800px; margin: 0 auto; position: relative; } .clusterMap .wrap .filter:before { content: ''; background-color: #ececec; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -50vw; display: block; } .videoPanel .wrap { width: 750px; margin: 0 auto; } .textPanel.profile .wrap form .hold:nth-child(-n+2) { float: right; } .textPanel .wrap { margin: 0 auto; width: 750px; } .textPanel .wrap > a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .textPanel .wrap > a:hover { background-color: #e9a337; color: white; } .textPanel .wrap form { margin-top: 112px; } .textPanel .wrap form .hold { width: 100%; margin-bottom: 40px; } .textPanel .wrap form button { padding: 14px 26px; font-size: 1.25rem; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; margin-top: 0; display: inline-block; } .textPanel .wrap form button:hover { background-color: #ececec; color: #3c3c3c; } .textPanel .wrap form h4 { padding-bottom: 5px; } .textPanel .wrap form .input { line-height: 1; } .textPanel .wrap form .input label { top: 5px; font-size: 2rem; } .grid .wrap .row .videoBox { padding-top: 50%; height: 0; width: 75%; float: left; } .grid .wrap .row .videoBox:after { height: 66%; background-position: right top; } .grid .wrap .row .videoBox button { text-indent: -9999px; background-position: -240px -130px; width: 107px; height: 107px; position: absolute; top: 50%; left: 50%; margin: -107px 0 0 -53px; } .grid .wrap .row .videoBox .textBox { position: absolute; bottom: 0; left: 0; width: -moz-calc(100% / 3); width: -o-calc(100% / 3); width: -webkit-calc(100% / 3); width: calc(100% / 3); padding-top: -moz-calc(100% / 3); padding-top: -o-calc(100% / 3); padding-top: -webkit-calc(100% / 3); padding-top: calc(100% / 3); } .grid .wrap .row .group { float: left; width: 25%; } .grid .wrap .row .group.one { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid .wrap .row .group.one .imageBox { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .grid .wrap .row .group.one .textBox, .grid .wrap .row .group.one .imageBox { float: none; width: 100%; padding-top: 100%; } .grid .wrap .row .group.two { width: 50%; } .grid .wrap .row .group.two .imageBox, .grid .wrap .row .group.two .textBox { width: 50%; padding-top: 50%; float: left; } .grid .wrap .row .group.two .largeImageBox .textBox { float: right; } .grid .wrap .row .imageBox { width: 50%; padding-top: 50%; background-size: cover; position: relative; } .grid .wrap .row .imageBox:before { width: 32%; } .grid .wrap .row .fullImageBox { background-position: center center; background-size: cover; padding-top: 50%; position: relative; } .grid .wrap .row .fullImageBox:after { background-position: right top; height: 25%; } .grid .wrap .row .fullImageBox .textBox { position: absolute; bottom: 0; right: 0; width: 25%; padding-top: 25%; } .grid .wrap .row .textBox { width: 50%; padding-top: 50%; color: white; position: relative; } .grid .wrap .row .textBox a { padding: 40px 22px; } .grid .wrap .row .textBox:hover .contain span { left: 32px; } .grid .wrap .row .textBox.grey .contain span { background-position: -450px -70px; } .grid .wrap .row .textBox .contain h3 { font-size: 1.5rem; } .grid .wrap .row .textBox .contain p { font-size: 1.875rem; line-height: 1.19; } .grid .wrap .row .textBox .contain span { background-position: -350px -70px; width: 33px; height: 26px; bottom: 38px; left: 22px; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: left; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: left; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: left; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: left; transition-timing-function: linear; transition-duration: 300ms; transition-property: left; } .grid .wrap .row .largeImageBox.largeImageBoxTwo .contain { bottom: auto; top: 0; } .grid .wrap .row .largeImageBox.largeImageBoxTwo .contain .textBox { float: left; } .grid .wrap .row .largeImageBox:before { left: 94px; } .grid .wrap .row .largeImageBox .contain .textBox h3 { padding-top: 15px; } .grid .wrap .row .largeImageBox .contain .textBox figure { width: 25px; margin: 20px 0 0 0; } .grid .wrap .row .largeTextBox { padding-top: 100%; } .grid .wrap .row .largeTextBox .contain { padding: 0 0 0 65px; } .grid .wrap .row .largeTextBox .contain figure { width: 35px; margin-bottom: 32px; } .grid .wrap .row .largeTextBox .contain h3 { font-size: 1.5rem; padding-bottom: 8px; } .grid .wrap .row .largeTextBox .contain p + h3 { margin-top: 60px; } .grid .wrap .row .largeTextBox .contain p { font-size: 1.875rem; } .grid .wrap .row .largeTextBox .contain p em { font-size: 1.0625rem; } .grid .wrap .row .largeTextBox .contain p a { padding: 0; margin: 0; font-size: 1.875rem; color: #333333; } .grid .wrap .row .largeTextBox .contain p a:hover { background-color: transparent; } .grid .wrap .row .largeTextBox .contain a { padding: 13px 22px; font-size: 1.25rem; margin-top: 50px; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .grid .wrap .row .largeTextBox .contain a:hover { background-color: rgba(60, 60, 60, 0.5); } .grid .wrap .row .signUpBox .contain .text { padding: 0 22px; } .grid .wrap .row .signUpBox .contain .text form button { margin-top: 18px; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .grid .wrap .row .signUpBox .contain .text form button:hover { background-color: rgba(60, 60, 60, 0.5); color: white; } .quickLinks { margin-left: 0; margin-right: 0; } .quickLinks.orange .wrap nav a:hover { background-color: #e9a337; } .quickLinks.teal .wrap nav a:hover { background-color: #239084; } .quickLinks.purple .wrap nav a:hover { background-color: #6c4c70; } .quickLinks.lightBlue .wrap nav a:hover { background-color: #80c2c8; } .quickLinks .wrap { width: 960px; margin: 0 auto; } .quickLinks .wrap nav a { padding: 0 38px; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .quickLinks .wrap nav a:hover { color: white; font-weight: 700; } .boxPanel + .quickLinks { margin-top: 150px; } .boxPanel.boxPanelTwo .wrap .cols .col .content p { font-size: 1.375rem; line-height: 1.4; } .boxPanel .wrap .cols .col .content p { font-size: 2.25rem; } .boxPanel .wrap .cols .col .content > a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .newsPanel .wrap { margin: 0 auto; width: 960px; } .newsPanel .wrap .cols .col { padding-top: 0%; height: 210px; margin-bottom: 6px; width: -moz-calc(33.3% - 10px); width: -o-calc(33.3% - 10px); width: -webkit-calc(33.3% - 10px); width: calc(33.3% - 10px); -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: background-color; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: background-color; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: background-color; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: background-color; transition-timing-function: linear; transition-duration: 300ms; transition-property: background-color; } .newsPanel .wrap .cols .col:hover { background-color: #d63744; } .newsPanel .wrap .cols .col:hover .content { color: white; } .newsPanel .wrap .cols .col:hover .content:before { opacity: 1; } .newsPanel .wrap .cols .col:hover .content:after { opacity: 0; } .newsPanel .wrap .cols .col:nth-of-type(2n + 2) { margin-left: 0; } .newsPanel .wrap .cols .col:nth-of-type(3n + 2) { margin-right: 5px; margin-left: 5px; } .newsPanel .wrap .cols .col .content { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: color; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: color; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: color; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: color; transition-timing-function: linear; transition-duration: 300ms; transition-property: color; } .newsPanel .wrap .cols .col .content:before { content: ''; background-position: -350px -70px; width: 33px; height: 26px; display: block; position: absolute; left: 20px; bottom: 18px; opacity: 0; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: opacity; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: opacity; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: opacity; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: opacity; transition-timing-function: linear; transition-duration: 300ms; transition-property: opacity; } .newsPanel .wrap .cols .col .content:after { background-position: -450px -70px; width: 33px; height: 26px; bottom: 18px; left: 20px; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: opacity; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: opacity; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: opacity; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: opacity; transition-timing-function: linear; transition-duration: 300ms; transition-property: opacity; } .newsPanel .wrap .cols .col .content .text { padding: 30px 26px 30px 20px; } .newsPanel .wrap .cols .col .content .text time { padding-bottom: 8px; font-size: 1.56rem; } .newsPanel .wrap .cols .col .content .text p { font-size: 1.5rem; } .imageWithText { margin: 190px 0; } .imageWithText.flip .wrap .col { float: left; } .imageWithText.flip .wrap .col.imageCol { float: right; } .imageWithText .wrap { width: 960px; } .imageWithText .wrap .col { width: 420px; float: right; } .imageWithText .wrap .col.imageCol { margin-bottom: 0; width: 480px; float: left; } .imageWithText .wrap .col .content figure { margin-top: -60px; } .imageWithText .wrap .col .content h2 { margin-top: 36px; } .imageWithText .wrap .col .content a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .campList .wrap { width: 960px; margin: 0 auto; } .campList .wrap ul li { position: relative; padding: 18px 14px 0 14px; height: 75px; } .campList .wrap ul li:hover:before, .campList .wrap ul li:hover:after { opacity: 1; } .campList .wrap ul li:before { content: ''; background-color: rgba(128, 194, 200, 0.5); width: 100%; height: -moz-calc(100% - 10px); height: -o-calc(100% - 10px); height: -webkit-calc(100% - 10px); height: calc(100% - 10px); display: block; position: absolute; top: 5px; left: 0; z-index: -1; opacity: 0; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .campList .wrap ul li:after { content: ''; background-position: -450px -70px; width: 33px; height: 26px; display: block; position: absolute; top: 50%; right: 14px; margin-top: -13px; opacity: 0; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .campList .wrap ul li p { width: 470px; font-size: 1.5rem; line-height: 1.5; } .campList .wrap ul li p + p { width: 300px; float: right; } .slider.testimonials { margin: 140px auto; width: 890px; } .slider.testimonials .swiper-menu { bottom: 40px; left: 50%; margin-left: -44px; } .slider.testimonials .swiper-container { padding-bottom: 0; } .slider.testimonials .swiper-container .swiper-pagination { bottom: 18px; left: 50%; font-size: 1.25rem; margin-left: 25px; } .slider.testimonials .swiper-container .swiper-wrapper .swiper-slide figure { margin-bottom: 0; float: left; } .slider.testimonials .swiper-container .swiper-wrapper .swiper-slide .text { margin-bottom: 0; margin-top: 40px; float: right; width: 490px; } .slider.testimonials .swiper-container .swiper-wrapper .swiper-slide .text h3 { padding-bottom: 10px; } .filter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .filter.noIcon ul li { width: auto; margin-bottom: 0; } .filter.noIcon ul li + li { margin-left: 100px; } .filter.noIcon ul li h4 { width: -moz-calc(100% + 80px); width: -o-calc(100% + 80px); width: -webkit-calc(100% + 80px); width: calc(100% + 80px); } .filter.filterMap { padding: 30px 0 30px 0; } .filter h3 { color: #979797; font-size: 1.25rem; float: left; position: relative; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; margin-top: 10px; } .filter ul { width: 830px; float: right; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .filter ul li { width: auto; } .filter ul li + li { margin-left: 42px; } .filter ul li:hover a:before, .filter ul li.active a:before { opacity: 0; } .filter ul li:hover a:after, .filter ul li.active a:after { opacity: 1; } .filter ul li:hover h4, .filter ul li.active h4 { color: white; background-color: #3c3c3c; } .filter ul li:hover h4:before, .filter ul li.active h4:before { opacity: 1; } .downloads { margin-bottom: 200px; } .downloads .wrap { margin: 0 auto; width: 940px; } .downloads .wrap .filteredResults .hold .item { padding-bottom: 26px; position: relative; /* &:hover { &:before { opacity: 1; } } */ /* &:before { content: ''; display: block; background-color: $grey; width: 100%; @include calc(height, "100% - 26px"); position: absolute; top: 0; left: 0; opacity: 0; @include transition(300ms, opacity); z-index: -1; padding: 10px; @extend %box-sizing; } */ } .downloads .wrap .filteredResults .hold .item h3 { width: 700px; } .downloads .wrap .filteredResults .hold .item p { width: 700px; } .downloads .wrap .filteredResults .hold .item .download { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 70px; margin-top: 0; } .downloads .wrap .filteredResults .hold .item .download:before { position: absolute; background-position: -15px -320px; width: 69px; height: 69px; } .downloads .wrap .filteredResults .hold .item .download p { width: auto; } .peopleGrid.staff .wrap:before { display: none; } .peopleGrid .wrap { width: 940px; margin: 0 auto; position: relative; } .peopleGrid .wrap:before { content: ''; background-image: url("../images/logos/E3-light.svg"); width: 312px; height: 312px; display: none; position: absolute; top: -32px; right: -90px; z-index: -1; } .peopleGrid .wrap .cols .col { width: 280px; } .peopleGrid .wrap .cols .col:hover figure:before { opacity: 0.5; } .peopleGrid .wrap .cols .col:hover figure:after { opacity: 1; } .peopleGrid .wrap .cols .col.noBio figure:before, .peopleGrid .wrap .cols .col.noBio figure:after { opacity: 0; } .peopleGrid .wrap .cols .col:nth-of-type(2n + 2) { margin-left: 0; } .peopleGrid .wrap .cols .col:nth-of-type(3n + 2) { margin-left: 50px; margin-right: 50px; } .peopleGrid .wrap .cols .col figure { margin-bottom: 40px; position: relative; } .peopleGrid .wrap .cols .col figure:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; opacity: 0; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; border-radius: 50%; background-color: #d63744; } .peopleGrid .wrap .cols .col figure:after { content: ''; background-position: -350px -70px; width: 33px; height: 26px; display: block; position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -16px; opacity: 0; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .individualPerson { position: relative; } .individualPerson .wrap { margin: 0 auto; width: 960px; } .individualPerson .wrap:before { width: 312px; height: 312px; top: 0; margin-top: 0; right: -75px; display: none; } .individualPerson .wrap .pagination { position: relative; left: 50%; bottom: 0; margin-left: -65px; } .individualPerson .wrap .cols .col { width: 360px; float: left; } .individualPerson .wrap .cols .col + .col { float: right; width: 555px; } .individualPerson .wrap .cols .col .content { margin-top: 40px; } .individualPerson .wrap .cols .col .content > a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .individualPerson .wrap .cols .col .content > a:hover { background-color: #239084; } .individualPerson .wrap .cols .col figure { margin-bottom: 0; } .faq .wrap { margin: 0 auto; width: 960px; } .faq .wrap .question .reveal p { max-width: 820px; } .largeInfoBox .wrap { width: 960px; margin: 0 auto; } .largeInfoBox .wrap .hold ul li { font-size: 1.5rem; } .standardText.opportunity .wrap { width: 750px; } .standardText .wrap { width: 960px; margin: 0 auto; } .standardText .wrap .cols .col { float: left; width: 100px; } .standardText .wrap .cols .col + .col { width: 700px; float: right; } .standardText .wrap .cols .col .content { padding-right: 0; } .standardText .wrap .cols .col .content p, .standardText .wrap .cols .col .content h4, .standardText .wrap .cols .col .content h3, .standardText .wrap .cols .col .content ul { padding-right: 70px; } .standardText .wrap .cols .col .content blockquote p { padding-right: 0; } .loginPage.stepTwo .wrap .hold > a { display: inline-block; margin-left: 0; } .loginPage.stepTwo .wrap .hold a:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .loginPage.stepTwo .wrap .hold form { display: inline-block; margin-left: 60px; width: 460px; } .loginPage.stepTwo .wrap .hold form button { padding: 14px 26px; font-size: 1.25rem; -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; width: 180px; } .loginPage.stepTwo .wrap .hold form button:hover { background-color: #ececec; color: #3c3c3c; } .loginPage .wrap { width: 940px; } .loginPage .wrap .hold { width: 720px; margin: 0 auto 130px auto; } .loginPage .wrap .hold a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: transform; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: transform; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: transform; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: transform; transition-timing-function: linear; transition-duration: 300ms; transition-property: transform; } .loginPage .wrap .hold a:hover { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .loginPage .wrap .hold a + a { margin-left: 40px; } .searchResults .wrap { margin: 0 auto; width: 960px; } .searchResults .wrap form button { top: 36px; } .searchResults .wrap .cols { margin-top: 96px; } .searchResults .wrap .cols .col { width: 220px; float: left; } .searchResults .wrap .cols .col + .col { width: 620px; float: right; } .searchResults .wrap .cols .col .filterResults a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: all; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: all; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: all; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: all; transition-timing-function: linear; transition-duration: 300ms; transition-property: all; } .searchResults .wrap .cols .col .filterResults a:hover { background-color: #d63744; color: white; } .searchResults .wrap .cols .col .filterBy { margin-top: 0; } .searchResults .wrap .cols .col .filterBy p:not(.input) { margin-left: 280px; } .searchResults .wrap .cols .col .listing { margin-top: 40px; } .mapInfoPanel { width: 280px; } .mapInfoPanel h2 { font-size: 1.56rem; } .mapInfoPanel p { font-size: 1.875rem; } .message-view { width: 960px; margin: 0 auto; } .application .wrap { width: 960px; margin: 0 auto; } .application .wrap form .step { padding: 94px 94px 54px 94px; } .application .wrap form .step.stepTwo .hold .small { position: static; margin-top: 10px; } .application .wrap form .step button { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: background-color; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: background-color; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: background-color; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: background-color; transition-timing-function: linear; transition-duration: 300ms; transition-property: background-color; } .application .wrap form .step button:hover { background-color: #e9a337; color: white; } .application .wrap form .step .hold { margin-bottom: 40px; width: -moz-calc(50% - 10px); width: -o-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: calc(50% - 10px); float: left; position: relative; } .application .wrap form .step .hold.full { width: 100%; } .application .wrap form .step .hold + .hold { margin-top: 0; } .application .wrap form .step .hold.options { margin-top: 0; width: 100%; } .application .wrap form .step .hold.options h4 { padding-bottom: 20px; } .application .wrap form .step .hold.info { margin-bottom: 50px; padding-bottom: 90px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .application .wrap form .step .hold.info:after { width: 960px; left: 50%; margin-left: -480px; } .application .wrap form .step .hold.info .input { text-align: left; margin-bottom: 0; margin-right: 30px; } .application .wrap form .step .hold.info .small { float: left; width: 226px; position: absolute; left: 160px; top: 165px; margin-top: 0; } .application .wrap form .step .hold.confirm { padding-bottom: 0; margin-bottom: 58px; } .application .wrap form .step .hold.confirm .input { display: inline-block; color: #979797; width: auto; float: none; } .application .wrap form .step .hold .small { margin-top: 0; position: absolute; top: 0; right: 0; } .applications, .messages { width: 960px; margin: 0 auto; } .applications.table { margin: 0 auto; overflow: hidden; } .applications.table .wrap:after { content: ''; display: block; position: absolute; top: -4px; right: -30px; background-image: url("/assets/images/suni-bg.svg"); width: 372px; height: 638px; z-index: -1; } .applications .wrap th, .applications .wrap td { width: 24px; text-align: center; padding-left: 0; padding-right: 0; } .applications .wrap th:first-of-type, .applications .wrap td:first-of-type { border-left: 1px solid #ececec; padding-left: 24px; text-align: left; width: 384px; } .applications .wrap th:nth-of-type(2), .applications .wrap td:nth-of-type(2) { text-align: left; } .applications .wrap th:last-of-type, .applications .wrap td:last-of-type { border-right: 1px solid #ececec; padding-right: 20px; width: unset; } .applications .wrap th.desktop, .applications .wrap td.desktop { display: table-cell; text-align: left; width: 75px; padding-left: 15px !important; } .applications .wrap table { table-layout: auto; } .applications .wrap table.complete { margin-top: 17px; } .applications .wrap table.complete:after { display: none; } .applications .wrap table.complete tr th { border-top: 1px solid #ececec; padding: 60px 15px 5px 15px !important; } .applications .wrap table.complete tr th:first-of-type { border-left: 1px solid #ececec; padding-left: 24px !important; } .applications .wrap table.complete tr th:last-of-type { border-right: 1px solid #ececec; } .applications .wrap table.complete tr td { border-top: 1px solid #ececec; } .applications .wrap table tr:not(:first-of-type):hover { background-color: rgba(236, 236, 235, 0.25); } .applications .wrap table tr th { border-top: 1px solid #ececec; padding-bottom: 5px; padding-top: 60px; } .applications .wrap table tr th:first-of-type { color: #979797; } .applications .wrap table tr th .link:before { padding-right: 10px; width: 19px; height: 19px; } .applications .wrap table tr td:last-of-type { text-align: right; } .applications .wrap table tr td a { margin-top: -12px; } .dropdown-tabs + .dropdown-tabs { margin-top: 110px; } .dropdown-tabs .hold .question h2 { width: 172px; font-size: 1.75rem; text-align: center; margin: -5px auto 0 auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; padding: 10px 0; } .dropdown-tabs .hold .question h2:after { display: none; } .dropdown-tabs .hold .question .reveal { display: block; } .applyForm { width: 750px; margin: 0 auto; } .reference .wrap h2 { width: 61px; height: 104px; top: 55px; left: 77px; } .reference .wrap .closeButton { top: 39px; right: 39px; width: 52px; height: 52px; } .reference .wrap .hold { top: 125px; } .reference .wrap .hold h4 { font-size: 1.875rem; line-height: 1.2; max-width: 405px; } .reference .wrap .hold .subtext h4 { font-size: 1.325rem; } .reference .wrap .hold .cols { margin-bottom: 40px; margin-top: 50px; column-gap: 30px; row-gap: 40px; } .reference .wrap .hold .cols .content h3 { font-size: 1rem; } .reference .wrap .hold .cols .content h3:before { top: -10px; } .reference .wrap .hold .cols .content h3 span { font-size: 1.25rem; width: 29px; } .reference .wrap .hold .cols .content h3 span:after { top: -10px; } .reference .wrap .hold .cols .content .reveal { top: 280px; } footer .wrap { width: 960px; margin: 0 auto; } footer .wrap .row h2 { background-position: -15px -130px; width: 216px; height: 71px; float: left; margin-bottom: 15px; margin-left: 8px; } footer .wrap .row h2 a { width: 100%; height: 100%; display: block; } footer .wrap .row .small { font-size: 1rem; padding: 0 10px 0 10px; line-height: 1.2; } footer .wrap .row .small a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: color; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: color; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: color; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: color; transition-timing-function: linear; transition-duration: 300ms; transition-property: color; } footer .wrap .row .small a:hover { color: #d63744; } footer .wrap .row nav > ul { width: 170px; float: left; } footer .wrap .row nav > ul li { font-size: 1rem; } footer .wrap .row nav > ul li a { -webkit-transition-timing-function: linear; -webkit-transition-duration: 300ms; -webkit-transition-property: color; -moz-transition-timing-function: linear; -moz-transition-duration: 300ms; -moz-transition-property: color; -o-transition-timing-function: linear; -o-transition-duration: 300ms; -o-transition-property: color; -ms-transition-timing-function: linear; -ms-transition-duration: 300ms; -ms-transition-property: color; transition-timing-function: linear; transition-duration: 300ms; transition-property: color; } footer .wrap .row nav > ul li a:hover { color: #d63744; } footer .wrap .row nav.social { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } footer .wrap .row nav.social a + a { margin-left: 6px; } footer .wrap .row nav.social a:hover:before { opacity: 0; } footer .wrap .row nav.social a:hover:after { opacity: 1; } footer .wrap .row nav.social a:before, footer .wrap .row nav.social a:after { background-position: -400px -260px; width: 40px; height: 40px; } footer .wrap .row nav.social a:after { background-position: -450px -260px; } footer .wrap .row nav.social a.facebook:before { background-position: -400px -310px; } footer .wrap .row nav.social a.facebook:after { background-position: -450px -310px; } footer .wrap .row nav.social a.instagram:before { background-position: -400px -360px; } footer .wrap .row nav.social a.instagram:after { background-position: -450px -360px; } footer .wrap .row .cols { border-top: 1px solid #3c3c3c; padding: 25px 10px 40px 10px; } footer .wrap .row .cols .col { padding: 0; float: right; width: 350px; margin-right: -55px; } footer .wrap .row .cols .col + .col { float: left; margin-right: 0; } footer .wrap .row .cols .col:first-of-type { border-top: 0; border-bottom: 0; } footer .wrap .row .cols .col p { font-size: 1rem; line-height: 1.5; } @media only screen and (min-width: 1024px) { header[role=banner] .wrap { height: 100% !important; } } @media only screen and (min-width: 1200px) { header[role="banner"] .wrap { width: 1180px; margin: 0 auto; position: relative; height: 175px; } header[role="banner"] .wrap h1 { left: 0; } header[role="banner"] .wrap .links { right: 0; } header[role="banner"] .wrap .mainNav { right: 12px; } header[role="banner"] .wrap .mainNav ul li ul { width: 1180px; padding-left: 90px; } header[role="banner"] .wrap .mainNav ul li ul:after { height: 370px; } header[role="banner"] .wrap .mainNav ul li ul li { font-size: 2.5rem !important; } header[role="banner"] .wrap .mainNav ul li ul li ul li { font-size: 1.875rem !important; } header[role="banner"] .wrap .mainNav ul li .featured { bottom: 0; } header[role="banner"] .wrap .mainNav ul li .featured li { font-size: 1.875rem; width: 300px; } header[role="banner"] .wrap .mainNav ul li .featured li h4 { font-size: 1.25rem; } header[role="banner"] .wrap .mainNav ul li + li { margin-left: 44px; } .hero.slider .swiper-container .swiper-wrapper .swiper-slide .hold { margin: 0 auto; position: relative; height: 100%; } .grid .wrap .row .textBox .contain p { font-size: 2rem; } .grid .wrap .row .largeTextBox .contain p + h3 { margin-top: 70px; } .grid .wrap .row .largeTextBox .contain p { font-size: 2rem; } .grid .wrap .row .largeTextBox .contain p a { font-size: 2rem; } .boxPanel .wrap .cols .col .content { max-width: 500px; margin: 0 auto; right: 0; padding: 0; } .gallerySlider .wrap { width: 1180px; margin: 90px auto; } .imageWithText .wrap { width: 1000px; } } .filters { width: 960px; margin: 0 auto; } .filters .searchBar { width: calc(84% - 10px); } .results { margin: 60px 40px; } .results .cols .col { width: -moz-calc(33% - 20px); width: -o-calc(33% - 20px); width: -webkit-calc(33% - 20px); width: calc(33% - 20px); margin-bottom: 20px; } .results .cols .col .options { border-top: 0; width: unset; position: absolute; bottom: 0; left: 0; } .results .cols .col .half:nth-of-type(2) { margin-bottom: 90px; } @media only screen and (min-width: 1200px) { .results { width: 1100px; margin: 60px auto 0 auto; } } /*# sourceMappingURL=desktop.css.map */