/* * { line-height: 1.5 !important; letter-spacing: 0.12em !important; word-spacing: 0.16em !important; } p{ margin-bottom: 2em !important; } */ @font-face { font-family: SegoeUI; src: local("Segoe UI Light"), url('/css/fonts/segoe-ui-light.woff2') format("woff2"), url('/css/fonts/segoe-ui-light.woff') format("woff"), url('/css/fonts/segoe-ui-light.ttf') format("truetype"); font-weight: 100; } @font-face { font-family: SegoeUILight; src: local("Segoe UI Light"), url('/css/fonts/segoe-ui-light.woff2') format("woff2"), url('/css/fonts/segoe-ui-light.woff') format("woff"), url('/css/fonts/segoe-ui-light.ttf') format("truetype"); font-weight: 100; } @font-face { font-family: SegoeUI; src: local("Segoe UI Semilight"), url('/css/fonts/segoe-ui-semilight.woff2') format("woff2"), url('/css/fonts/segoe-ui-semilight.woff') format("woff"), url('/css/fonts/segoe-ui-semilight.ttf') format("truetype"); font-weight: 200; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url('/css/fonts/segoe-ui-regular.woff2') format("woff2"), url('/css/fonts/segoe-ui-regular.woff') format("woff"), url('/css/fonts/segoe-ui-regular.ttf') format("truetype"); font-weight: 400; } @font-face { font-family: SegoeUI; src: local("Segoe UI Bold"), url('/css/fonts/segoe-ui-bold.woff2') format("woff2"), url('/css/fonts/segoe-ui-bold.woff') format("woff"), url('/css/fonts/segoe-ui-bold.ttf') format("truetype"); font-weight: 600; } @font-face { font-family: SegoeUIBold; src: local("Segoe UI Bold"), url('/css/fonts/segoe-ui-bold.woff2') format("woff2"), url('/css/fonts/segoe-ui-bold.woff') format("woff"), url('/css/fonts/segoe-ui-bold.ttf') format("truetype"); font-weight: 600; } @font-face { font-family: SegoeUI; src: local("Segoe UI Semibold"), url('/css/fonts/segoe-ui-semibold.woff2') format("woff2"), url('/css/fonts/segoe-ui-semibold.woff') format("woff"), url('/css/fonts/segoe-ui-semibold.ttf') format("truetype"); font-weight: 700; } @font-face { font-family: SegoeUISemiBold; src: local("Segoe UI Semibold"), url('/css/fonts/segoe-ui-semibold.woff2') format("woff2"), url('/css/fonts/segoe-ui-semibold.woff') format("woff"), url('/css/fonts/segoe-ui-semibold.ttf') format("truetype"); font-weight: 700; } @font-face { font-family: SegoeUI; src: local("Segoe UI Black"), url('/css/fonts/segoe-ui-black.woff2') format("woff2"), url('/css/fonts/segoe-ui-black.woff') format("woff"), url('/css/fonts/segoe-ui-black.ttf') format("truetype"); font-weight: 800; } @font-face { font-family: SegoeUIBlack; src: local("Segoe UI Black"), url('/css/fonts/segoe-ui-black.woff2') format("woff2"), url('/css/fonts/segoe-ui-black.woff') format("woff"), url('/css/fonts/segoe-ui-black.ttf') format("truetype"); font-weight: 800; } html { height: 100%; } body { font-family: 'SegoeUI'; overflow-x: hidden; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 20px; line-height: 30px; } @media (max-width: 1366px){ p, li{ font-size: 18px; line-height: 25px; } } * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } table { border-collapse: collapse; } article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; } img { border: none; } article{ margin: 80px 0;} strong { font-family: 'SegoeUI'; } h1, h2 { font-family: "SegoeUILight"; font-weight: 100; } /*h2{max-width: 1400px;}*/ .centreSectionHeading h2{ margin: 80px auto !important; text-align: center !important; padding: 0 8% !important; text-transform: none !important; } .accordion .centreSectionHeading h2{ margin: 40px auto !important;} .invisible { position: absolute; width:0; height:0; overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table;} .clearfix:after { clear: both; } .clear{ clear: both; } .media_embed { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin:0 0 20px 0; width:100%; } .sound_embed { position: relative; padding-bottom: 20%; padding-top: 30px; height: 0; overflow: hidden; margin:0 0 20px 0; } .media_embed iframe, .media_embed object, .media_embed embed, .sound_embed iframe, .sound_embed object, .sound_embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } #backtotop { display: none; } /* ADMIN LOGGED IN BAR FOR FRONTEND */ #adminbar { height: 40px; width: 100%; padding: 3px 180px 3px 180px; background: #586875 url(../images/cakepresstiny.jpg) no-repeat 15px center; border-bottom: 1px solid #D5D8C2; z-index: 999; position:fixed; color: #ffffff; top:0; font-size: 16px; line-height: 16px; z-index: 1001; } #adminbar h1 { font-family: 'myriad-pro'; font-size: 170%; float: left; color: #ffffff; margin: 0; padding: 2px 0 0 0; } @media (max-width: 520px){ #adminbar h1{ display: none;} } #adminbar a { color: #ffffff; text-decoration: underline; } #adminbar a{ text-decoration: none;} #adminbar p.page{ width: 200px; margin: 0 auto 0 auto; text-align: center; border: 2px dashed #FFF; } #adminbar p.page a{ display: inline-block; width:100%; height:100%; padding: 7px 0px 7px 0px; background: #6B7884;} #adminbar p.page a:hover{ display: inline-block; width: 100%; height: 100%; padding: 7px 0px 7px 0px; background: #517A80; } #adminbar p.logout{ position: absolute; top:3px; right:10px; background:url(../images/icon-exit.png) no-repeat left center; padding:7px 10px 10px 40px;} @media (max-width: 880px){ #adminbar .name{ display: none;} } /* PAGE STYLES */ #page-wrap { width: 100%; } .page-index #page-wrap { background: url("/userfiles/images/odi_home_hero.jpg") no-repeat center top; background-size: contain; } @media (max-width: 1280px){ .page-index #page-wrap { background: url("/userfiles/images/odi_home_hero_lowres.jpg") no-repeat center top; background-size: contain; } } @media (max-width: 825px){ .page-index #page-wrap { background: url("/userfiles/images/odi_home_hero_mobile.jpg") no-repeat center top; background-size: contain; } } .container-width { max-width: 1920px; margin: 0 auto; } a.skip-to-main-content { position: absolute; width: 0; height: 0; overflow: hidden; display: block; } a.skip-to-main-content:focus{ display: block; font-size: 20px; line-height: 30px; color: #ffffff; text-decoration: none; min-width: 250px; position: absolute; text-transform: uppercase; height: 25px; outline: none; z-index: 1001; left: 220px; top: 5px; } a.skip-to-main-content:focus:after{ content: "\27F6"; position: absolute; right: 30px; } @media (max-width: 1280px){ a.skip-to-main-content:focus{ left: 195px; font-size: 16px; line-height: 20px; min-width: 200px; } } @media (max-width: 768px){ a.skip-to-main-content:focus:after{ content: none; } } @media (max-width: 601px){ a.skip-to-main-content:focus{display: none;} } header { background: url("/userfiles/images/headerbg.jpg") no-repeat center center; background-size: cover; position: absolute; top: 0; width: 100%; left: 0; right: 0; } .page-index header{ background: none; } #megamenu-1{ display: block; } #megamenu-1.mm-show-resp{ display: block; } header #header-logo, #header-search { float: left; } header #header-logo { width: 186px; height: 91px; padding: 0 0 0 0; background: url("/userfiles/images/open-doors-logo-small-white.png") no-repeat center center; background-size: contain; position: absolute; left: 10px; top: 20px; } header #header-logo a { display: block; background-image: url(/userfiles/images/logo-odi.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: auto 100%; height: 124px; } @media (max-width: 1600px){ header #header-logo { width: 150px; height: 81px; } header #header-logo a{height: 81px;} } @media (max-width: 1024px){ header #header-logo { width: 100px; height: 54px; } header #header-logo a{height: 54px;} } @media (max-width: 768px){ header #header-logo{ left: 50%; transform : translate(-50%, 0); } } header #header-logo a:focus{outline: 2px solid #fff;} #respnav-button a { display: block; height:100%; width: 100%; transition: all 2s; background: url("/userfiles/images/icons/respnav_button.svg") no-repeat center center; transition: none; background-size: contain; } #topnav #respnav-button a:hover{ background: url("/userfiles/images/icons/respnav_button.svg") no-repeat center center; } #respnav-button a:focus{ outline: 2px solid #fff; } #header-search { width: 250px; display: block; float: right; text-align: right; padding-right: 15px; margin-top: 12px; } #header-search a{ display: inline-block; width: 48px; height: 48px; margin: 0 0 0 2px; color: #fff; text-decoration: none; } #header-search a:hover{background: #1F4765; border-radius: 24px;} #header-search a:focus{outline: 2px solid #fff; background: #1F4765; border-radius: 24px;} #header-search a img { width: 100%; height: 100%; } @media (max-width: 1280px){ #header-search img{ width: 40px; height: 40px; } } @media (max-width: 1024px){ #header-search { margin-top: 0px;} } #searchmodal_search-trigger{ background: url("/userfiles/images/icons/header_search_icon.svg") no-repeat center center; background-size: contain; display: inline-block; width: 48px; height: 48px; } #header-search a#searchmodal_search-trigger:hover{background: #1F4765 url("/userfiles/images/icons/header_search_icon.svg") no-repeat center center; border-radius: 24px;} #header-search a#searchmodal_search-trigger:focus{outline: 2px solid #fff; background: #1F4765 url("/userfiles/images/icons/header_search_icon.svg") no-repeat center center; border-radius: 24px;} #header-search a#header_profile{ background: url("/userfiles/images/icons/icon_profile.svg") no-repeat center center; display: inline-block; width: 48px; height: 48px; position: relative; } #header-search a#header_profile:hover{ background: #1F4765 url("/userfiles/images/icons/icon_profile.svg") no-repeat center center; } #header-search a#header_profile:focus{ outline: 2px solid #fff; background: #1F4765 url("/userfiles/images/icons/icon_profile.svg") no-repeat center center; } #header_profile.header_profile_loggedin{ background: none !important; background-size: contain; display: inline-block; width: 48px; height: 48px; border: 2px solid #fff; border-radius: 24px; color: #fff; text-decoration: none; text-align: left; } #header_profile span{ position: absolute; width: 100%; text-align: center; margin-top: 6px; } #header-search a#header_profile.header_profile_loggedin:hover{ background: #1F4765 !important; border: 2px solid #fff; } #header-search a#header_profile.header_profile_loggedin:focus{ outline: none; background: #1F4765 !important; } @media (max-width: 1280px){ #searchmodal_search-trigger{ width: 40px; height: 40px; } } @media (max-width: 900px){ #header-search a{display: none;} #header-search a#searchmodal_search-trigger{display: inline-block;} } /* MEGAMENU STYLES */ #main-site-content {margin-top: 200px;} .page-index #main-site-content {margin-top: 0px;} .breadcrumb{ margin-top: -50px; margin-bottom: 50px;} header { position: absolute; top:0; z-index: 1000; padding: 20px 0 0 0; } :not(.page-index) header{ min-height: 130px; } @media (max-width: 1600px){ :not(.page-index) header{ min-height: 120px; } #main-site-content {margin-top: 200px;} } @media (max-width:1366px){ .bodyHasBreadcrumb #main-site-content {margin-top: 160px;} .breadcrumb{ margin-top: -10px; margin-bottom: 80px;} } @media (max-width: 1024px){ :not(.page-index) header{ min-height: 90px; } #main-site-content {margin-top:120px;} } header a:not(#donate-modal-content a):hover { border: none; } #openingContent{ display: flex; flex-wrap: wrap; column-gap: 10%; width: 100%; padding: 30px 8% 0px 8%; } @media (max-width: 1600px){ #openingContent{ padding: 0px 8% 0px 8%; } } #openingContent > div:first-of-type { padding: 0; position: relative; flex: 0 0 35%; margin: 0; } #openingContent > div:last-of-type { padding: 0; position: relative; flex: 0 0 55%; margin: 0; } .h1container{ margin: 0 0 0px 0; padding: 20px 0; } @media (max-width: 1024px) { #openingContent{ column-gap: 0%; } #openingContent > div:first-of-type, #openingContent > div:last-of-type { flex: 0 0 100%; } .h1container{ margin-bottom: 60px !important;} } #openingContent h2, .widget:first-of-type h2, .widget:first-of-type .widget_2col h2{ text-transform: uppercase !important; font-size: 20px !important; line-height: 27px !important; font-family: "SegoeUIBlack"; font-weight: 800 !important; } h3{ text-transform: uppercase; /* reinstated for cairde on partners*/ font-weight: 800; font-size: 18px; line-height: 25px; margin-bottom: 20px; font-family: "SegoeUIBlack"; color:#17344A; } strong{ /*text-transform: uppercase;*/ font-weight: 800; font-size: 18px; line-height: 25px; margin-bottom: 20px; font-family: "SegoeUIBlack"; } h2 strong{ font-size: 78px; line-height: 100px; text-transform: lowercase; color: #000; font-weight: 600; font-family: "SegoeUIBold"; } h1, #openingContent + #widgets_container .widget:first-of-type h2{ font-family: 'SegoeUILight' !important; font-size: 78px !important; line-height: 78px !important; text-transform: lowercase !important; /*color: #000; removed for EY-How-Mentorship-Can-Benefit-Mentors-and-Mentees page */ font-weight: 100 !important; word-break: break-word; margin-top: -15px; margin-bottom: 30px; } #openingContent + #widgets_container .widget:first-of-type h2{ margin-top: 80px; /*margin-bottom: 0;*/ } #widget_id173 .widget:first-of-type h2, #openingContent + #widgets_container #widget_id83.widget:first-of-type h2{ margin-top: 0px !important; } #widget_id173 .passwordreset_form { margin-top: 100px; } #openingContent + #widgets_container .widget.navy:first-of-type h2{ margin-top: 80px; margin-bottom: 80px; } .widget.navy h2{ color: #fff;} @media (max-width: 1600px){ h1{ font-size: 60px !important; line-height: 70px !important; } } @media (max-width: 1366px){ #openingContent + #widgets_container .widget:first-of-type h2{ font-size: 55px !important; line-height: 60px !important; } h1{ font-size: 55px !important; line-height: 60px !important; } } @media (max-width: 1024px){ h1{ font-size: 50px !important; line-height: 60px !important; } } @media (max-width: 768px){ #openingContent + #widgets_container .widget:first-of-type h2{ font-size: 40px !important; line-height: 40px !important; } h1{ font-size: 45px !important; line-height: 50px !important; } } @media (max-width: 601px){ h1{ font-size: 40px !important; line-height: 45px !important; } } /* INTERNAL NAV STYLES */ .internalNav .widget_content{ display: flex; flex-wrap: wrap; column-gap: 10%; width: 100%; } .internalNav .widget_content > h2 { padding: 0; position: relative; flex: 0 0 35%; margin: 0; } .internalNav .widget_content > ul { padding: 0; position: relative; flex: 0 0 55%; margin: 0; } .internalNav h2{ font-size: 40px; font-weight: 800; font-family: "SegoeUIBlack"; text-transform: lowercase; margin-top: -5px !important; } .internalNav ul{ } .internalNav li{ /* display: inline-block;*/ margin: 0 50px 0 0; padding: 0 !important; } .internalNav a{ text-decoration: none; text-transform: uppercase; position: relative; } .internalNav.filters a:after{ content: " \002B"; margin-top: -2px; margin-left: 10px; position: absolute; } .internalNav a:hover, .internalNav a:focus{ text-decoration: underline !important; outline: none !important; } @media (max-width: 1024px){ .internalNav h2{ font-size: 30px; margin-top: -5px !important; } } @media (max-width: 768px){ .internalNav .widget_content{ column-gap: 0%; } .internalNav .widget_content > h2, .internalNav .widget_content > ul { flex: 0 0 100%; } .internalNav h2{ text-align: left; padding-bottom: 30px !important; } .internalNav ul{ text-align: center; } .internalNav li{ display: inline-block; margin: 0; padding: 0 !important; width: 100%; text-align: left; } } @media (max-width: 601px){ .internalNav li{ width: calc(100% - 50px); } } /*** FAKE TABLE STYLES *****/ .fakeTable .widget_inner{ float: right; } .fakeTable .widget_content p{ display: flex; flex-wrap: wrap; column-gap: 10%; width: 100%; } .fakeTable .widget_content p:last-of-type{ padding: 0; } .fakeTable .widget_content strong { display: block; padding: 0; position: relative; flex: 0 0 35%; margin: 0; text-transform: uppercase; text-align: right; } .fakeTable .widget_content em{ display: block; padding: 0; position: relative; flex: 0 0 55%; margin: 0; font-style: normal; } th{ margin: 0; padding: 0 30px 30px 0; text-transform: uppercase; text-align: right; vertical-align: top; font-family: "SegoeUIBlack"; font-weight: 800; } td{ padding: 0 0 30px 0; margin: 0; font-style: normal; vertical-align: top; } .contentarea td p{ margin: 0; } /*********/ .bannerImage img{ width: 100%; height: auto; } .breadcrumb ul{ max-width: 1920px; padding-left: 8%; padding-right: 8%; } .breadcrumb li{display: inline;} .breadcrumb li:not(:last-of-type)::after{ content: " \002F \a0"; } .breadcrumb a{ color: #000; text-decoration: none; font-size: 20px;} .breadcrumb a:hover{text-decoration: underline;} .breadcrumb a:focus{ outline: #333 2px solid;} .contentarea{ max-width: 1200px; padding: 0 8%; margin: 80px auto; } .widget_inner.widget_narrow{ max-width: 1200px; margin: 80px auto 80px auto; /* partners green slice*/ font-size: 20px; line-height: 30px; } .accordion .widget_inner.widget_narrow{ margin: 0px auto 0px auto; max-width: 100%; } .contentarea h2{ color: #000000; font-size:45px; margin-bottom: 20px; line-height: 56px; font-family: 'SegoeUI'; font-weight: 900; } @media (max-width: 1024px){ .contentarea, .widget_inner.widget_narrow{ font-size: 20px; line-height: 30px; } .contentarea h2{ font-size:32px; margin-bottom: 20px; line-height:40px; } } .contentarea blockquote{ margin-top: 40px; /* changed from 80 for news */ color: #333; font-style: italic; border-left: solid 1px #333; margin-left: 25px; padding-left: 25px; width: calc(100% - 180px); position: relative; margin-bottom: 40px; /* changed from 80 for news */ font-style: italic; } .widget_grid_child blockquote, .widget_content blockquote{ font-style: italic; border-left: solid 1px #fff; margin-left: 25px; padding-left: 25px; margin-bottom: 25px; } .widget_content blockquote p:last-of-type{ padding-bottom: 0; } /* .widget_grid_child blockquote + p{ font-weight: 800; }*/ .white .widget_grid_child blockquote, .transparent .widget_grid_child blockquote{ border-left: solid 1px #333; } .widget_grid_child img{display: block; margin: 0 auto; border-radius: 20px;} .contentarea > p > img{display: block; margin: 0 auto; border-radius: 20px; max-width: 100%;} .contentarea blockquote:before{ content: ""; position: absolute; display: block; width: 130px; height: 105px; top:0; right: -160px; background: url('/userfiles/images/icons/icon_blockquote.svg') no-repeat center center; } @media (max-width: 1450px){ .contentarea blockquote{ width: calc(100% - 160px); } } @media (max-width: 650px){ .contentarea blockquote:before{ background: url('/userfiles/images/icons/icon_blockquote.svg') no-repeat center center; background-size: 65px 55px; } } @media (max-width: 601px){ .contentarea p + blockquote{ width: 92%; } .contentarea blockquote:before{ background: none; } } .contentarea blockquote h2{ color: #E83660; } .contentarea h2.large{ color: #132A3B; font-size: 4vw; margin-top: 40px; } @media (max-width: 1280px){ .contentarea h2.large{ font-size: 50px; line-height: 50px; } } @media (max-width: 1024px) { .contentarea h2.large{ font-size: 60px; line-height: 60px; } } .contentarea p, .accordion .widget_grid_child details div p{ margin-bottom: 30px; } .contentarea ul, .contentarea ol, .accordion .widget_grid_child details div ul, .accordion .widget_grid_child details div ol{ margin-bottom: 30px; } .contentarea ul, .contentarea ol{ margin-left: 30px; } .contentarea ul li{ position: relative; list-style-type: none; } .contentarea ul li:before { content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background: #333; left: -30px; top: 11px; } @media (max-width: 1366px) { .contentarea ul li:before { top: 7px; } } .contentarea h2.large + p{ margin-bottom: 120px; } /* WIDGET STYLES */ #widgets_container{ padding-top: 30px; } /* @media (max-width: 1600px){ #widgets_container{ padding-top: 0px; margin-top: -13px; } } removed for join us page */ .page-index #widgets_container{ margin-top: 0px; } .widget { } .widget_content img, .contentarea img{ /*max-width: 600px;/ removed for news items */ height: auto; max-width: 100%; } .widget.navy { background-color: #132A3B; } .widget.darkblue { background-color: #204B6B; } .widget.blue { background-color: #2D6D9C; } .widget.green { background-color: #2A8068; } .widget.grey { background-color: #EBEBEB; } .widget.white { background-color: #fff; } .accordion .widget.navy, .accordion .widget.darkblue, .accordion .widget.blue, .accordion .widget.white, .accordion .widget.green, .accordion .widget.grey {background: none;} .widget.navy .iconBlocks a, .widget.darkblue .iconBlocks a, .widget.blue .iconBlocks a, .widget.green .iconBlocks a { color: #fff; } .widget .iconBlocks a:hover { text-decoration: none; } .contentarea a{ color: #177CB5; } .widget > h2{ font-family: 'SegoeUILight'; font-size: 74px; line-height: 74px; color: #fff; margin: 80px auto 80px auto ; /* changed to auto from 0 for research hub header */ padding: 0 8% 0 8%; font-weight: 100; text-transform: lowercase; } @media (max-width: 1366px){ .widget > h2{ font-size: 60px; line-height: 60px; margin: 60px auto 60px auto ; } } .widget.navy h2, .widget.darkblue h2, .widget.blue h2, .widget.green h2, .widget.navy h3, .widget.darkblue h3, .widget.blue h3, .widget.green h3{ color: #fff;} .widget.white > h2, .widget.transparent > h2, .widget.grey > h2{ color: #000;} .accordion .widget.white > h2, .accordion .widget.transparent > h2, .accordion .widget.grey > h2 { color: #fff;} .accordion.white .widget h2{ color: #000; } .widget.smallh2 > h2{ font-size: 45px; } .widget.smallh2 img{ margin-bottom: -5px;} .widget p, .widget li, .widget a{ color: #fff;} .widget.white p, .widget.transparent p, .widget.grey p, .widget.widget_grid_3col div p, .widget.white li, .widget.transparent li, .widget.grey li, .widget.white a, .widget.transparent a, .widget.grey a{ color: #000; } .widget.white p, .widget.transparent p, .widget.grey p, .widget.widget_grid_3col div p, .widget.white li, .widget.transparent li, .widget.grey li, .widget.white a, .widget.transparent a, .widget.grey a{ color: #000; } .widget.accordion.blue .widget.transparent a, .widget.accordion.blue .widget.transparent p, .widget.accordion.blue .widget.white a, .widget.accordion.blue .widget.white p, .widget.accordion.blue .widget.grey a, .widget.accordion.blue .widget.grey p, .widget.accordion.green .widget.transparent a, .widget.accordion.green .widget.transparent p, .widget.accordion.green .widget.white a, .widget.accordion.green .widget.white p, .widget.accordion.green .widget.grey a, .widget.accordion.green .widget.grey p{ color: #fff; } .widget_inner, .widget_grid_container { margin-top: 80px; margin-bottom: 80px; padding: 0 8% 0 8%; width: 100%; } @media (max-width: 1024px){ #widget_id154 .widget_inner{ margin-top: 40px; margin-bottom: 40px; } } .accordion .widget_grid_container, .accordion .widget_inner { padding: 0; margin:0; } .widget.transparent:first-of-type .widget_inner, .widget.white:first-of-type .widget_inner{ margin-top: 0px; } .widget_id_49 .widget_inner, .widget_id_49 .widget_inner p{ margin: 0; padding: 0; } .widget_id_49 .widget_inner img{ border-radius: 0; display: block; } .page-index .widget:first-of-type .widget_inner{ margin-top: 0px; padding-bottom: 0; } .widget.transparent + .widget.transparent .widget_inner, .widget.transparent + .widget.white .widget_inner, .widget.white + .widget.transparent .widget_inner, .widget.white + .widget.white .widget_inner{ margin-top: 0px; } .widget.transparent + .widget.transparent h2, .widget.transparent + .widget.white h2, .widget.white + .widget.transparent h2, .widget.white + .widget.white h2{ margin-top: 0px; } .widget_grid_3col .widget_grid_container { display: flex; flex-wrap: wrap; column-gap: 5%; } .widget_2col { display: flex; flex-wrap: wrap; column-gap: 10%; } .applicationform .widget_2col .widget_content:nth-of-type(1) { width: 35%; flex: 0 0 35%; } .applicationform .widget_2col .widget_content:nth-of-type(1) p{ font-size: 16px; line-height: 20px; margin-top: 50px; } .applicationform .widget_2col .widget_content:nth-of-type(2) { width: 55%; flex: 0 0 55%; } .widget_2col .widget_content:first-of-type { flex: 0 0 35%; } .widget_2col .widget_content:last-of-type { flex: 0 0 55%; } .fiftyFifty .widget_2col { column-gap: 0%; } .fiftyFifty .widget_2col .widget_content:first-of-type, .fiftyFifty .widget_2col .widget_content:last-of-type { flex: 0 0 50%; } .resourceloginform .widget_content{ max-width: 1000px; margin: 0 auto; } .resourceloginform .widget_2col .widget_content:first-of-type{ border-right: 3px solid #fff; padding-right: 8%; max-width: auto; margin: 0; } .resourceloginform .widget_2col .widget_content:last-of-type{ padding-left: 8%; max-width: auto; margin: 0; } @media (max-width: 1280px){ .resourceloginform .widget_content:first-of-type, .resourceloginform .widget_2col .widget_content:first-of-type{ border-right: none; padding-right: 0%; padding-bottom: 40px; border-bottom: 3px solid #fff; } .resourceloginform .widget_content:last-of-type{ padding-top: 40px; padding-left: 0%; } .resourceloginform .widget_content{ display: flex; flex-wrap: wrap; column-gap: 10%; } .resourceloginform .widget_content h2{flex: 0 0 35%;} .resourceloginform .widget_content div.loginContent{flex: 0 0 55%;} } @media (max-width: 1024px){ .widget_2col { column-gap: 0%; } .widget_2col .widget_content { width: 100%; flex: 0 0 100%; } .widget_2col .widget_content img{ display: block; margin: 0 auto; } } @media (max-width: 601px){ .resourceloginform .widget_content:first-of-type{ border-bottom: 3px dotted #fff; } .resourceloginform .widget_content{ column-gap: 0%; } .resourceloginform .widget_content h2{flex: 0 0 100%;} .resourceloginform .widget_content div.loginContent{flex: 0 0 100%;} } .widget_2col .widget_content h2, .widget_narrow .widget_content h2, .resourceloginform h2 { font-family: 'SegoeUILight'; font-weight: 100; font-size: 74px; margin: 0px 0 30px 0; /* adjusted from -20 for about us - changed back to -20 for all widgets */ line-height: 74px; color: #fff; text-transform: lowercase; } .transparent .widget_2col .widget_content h2, .transparent .widget_narrow .widget_content h2, .white .widget_2col .widget_content h2, .white .widget_narrow .widget_content h2, .grey .widget_2col .widget_content h2, .grey .widget_narrow .widget_content h2{ color: #000; } @media (max-width: 1366px){ .widget_2col .widget_content h2, .widget_narrow .widget_content h2 { font-size: 60px; line-height: 60px; } } @media (max-width: 1024px){ .widget_2col .widget_content h2, .widget_narrow .widget_content h2 { font-size: 50px; line-height: 50px; } } .widget_2col .widget_content h2.large{ font-family: 'SegoeUI'; font-size: 78px; line-height: 100px; color: #fff; margin: 0px 0 0px 0; } .widget_2col .widget_content ul{ /* margin-left: 22px; removed for individual partners sign up form */ } .widget_2col .widget_content .chosen-container ul.chosen-results{ margin-left: 0px; } .widget_2col .widget_content :not(.chosen-container) ul li{ font-size: 20px; list-style-type: square; line-height: 20px; } .widget_2col .widget_content .chosen-container ul li.search-field, .widget_2col .widget_content .chosen-container ul li.search-choice{ list-style-type: none !important; } .widget_2col .widget_content p{ font-size: 20px; line-height: 30px; } .widget p a.widget_button, #openingContent p a.widget_button, footer a.widget_button{ color: #000 !important; font-size: 2vw; line-height: 2vw; text-decoration: none; position: relative; font-weight: 100; font-family: "SegoeUILight"; margin-top: 20px; display: block; } .widget p a em.widget_button{ color: #fff !important; font-size: 2vw; line-height: 2vw; text-decoration: none; position: relative; font-weight: 100; font-family: "SegoeUILight"; margin-top: 20px; display: block; font-style: normal; } #widget_id182 p a{ text-decoration: none; } #widget_id182 p a:hover{ text-decoration: underline; } #widget_id129.widget p a.widget_button, #widget_id115.widget p a.widget_button, #widget_id85.widget p a.widget_button{ background: #2A8068; font-size: 1.5vw; line-height: 1.5vw; padding: 13px 80px 15px 35px; border-radius: 30px; display: inline-block; color: #fff !important; transition: all 0.3s; } #widget_id129.widget p a.widget_button:hover, #widget_id115.widget p a.widget_button:hover, #widget_id85.widget p a.widget_button:hover{ background: #132A3B; text-decoration: none; } .widget p a.widget_button.nomargintop{margin-top: 0px; margin-bottom: 15px;} footer a.widget_button{ display: inline-block; } @media (max-width: 1366px){ .widget p a.widget_button, #openingContent p a.widget_button, footer a.widget_button{ font-size: 34px; line-height: 34px; } #widget_id129.widget p a.widget_button, #widget_id115.widget p a.widget_button, #widget_id85.widget p a.widget_button{ font-size: 23px; line-height: 24px; } } @media (max-width: 900px){ .widget p a.widget_button, #openingContent p a.widget_button, footer a.widget_button{ font-size: 22px; line-height:22px; } } @media (max-width: 900px){ #widget_id129.widget p a.widget_button, #widget_id115.widget p a.widget_button, #widget_id85.widget p a.widget_button{ font-size: 18px; line-height:18px; } } .widget.navy p a.widget_button, .widget.darkblue p a.widget_button, .widget.blue p a.widget_button, .widget.green p a.widget_button, footer a.widget_button{ color: #fff !important; } .widget p a.widget_button:after, #openingContent p a.widget_button:after, footer a.widget_button:after{ content: " \27F6"; position: absolute; margin-left: 10px; } .widget p a em.widget_button:after{ content: " \27F6"; position: absolute; margin-left: 10px; } .widget table p a.widget_button, #openingContent table p a.widget_button, #openingContent table a.widget_button{ font-size: 20px; line-height: 30px; text-decoration: underline; position: static; font-weight: 400; font-family: "SegoeUI"; } .widget table p a.widget_button:after, #openingContent table p a.widget_button:after, #openingContent table a.widget_button:after{ content: ""; position: static; margin-left: 0; } .widget p a.widget_button:hover, .widget p a.widget_button:focus, footer a.widget_button:hover, footer a.widget_button:focus{ text-decoration: underline; outline: none !important; } .widget.navy.bg_image0 {background: #132A3B;} .widget.darkblue.bg_image0 {background: #204B6B;} .widget.blue.bg_image0 {background: #2D6D9C;} .widget.white.bg_image0 {background: #ffffff;} .widget.green.bg_image0 {background: #2A8068;} .widget.grey.bg_image0 {background: #EBEBEB;} .accordion .widget.navy.bg_image0, .accordion .widget.darkblue.bg_image0, .accordion .widget.blue.bg_image0, .accordion .widget.white.bg_image0, .accordion .widget.green.bg_image0, .accordion .widget.grey.bg_image0 {background: none;} .accordion .widget.navy.bg_image0 h2, .accordion .widget.darkblue.bg_image0 h2, .accordion .widget.blue.bg_image0 h2, .accordion .widget.white.bg_image0 h2, .accordion .widget.green.bg_image0 h2, .accordion .widget.grey.bg_image0 { color: #333;} .accordion.widget.blue.bg_image0 h2 {color: #fff;} .accordion .widget_grid_child img { display: block; border-radius: 20px; /* margin: 20px; */ max-width: 100%; height: auto; margin: 0 auto; } /* .widget.blue.bg_image1 {background: #2D6D9C url('/userfiles/images/.jpg') repeat center -30px;} .widget.green.bg_image1 {background: #2A8068 url('/userfiles/images/.jpg') repeat center -30px;} */ .widget_grid_3col .widget_grid_child { width: 30%; background: #ffffff; padding: 25px; border-radius: 20px; position: relative; } .widget_grid_3col.nopadimgvar .widget_grid_child { width: 30%; background: #ffffff; padding: 0; border-radius: 20px; position: relative; flex: 0 0 30%; margin: 0; margin-bottom: 2.5%; margin-top: 2.5%; overflow: hidden; } .widget_grid_3col.nopadimgvar .count_total_5 .widget_grid_child:nth-of-type(1), .widget_grid_3col.nopadimgvar .count_total_5 .widget_grid_child:nth-of-type(2), .widget_grid_3col.nopadimgvar .count_total_2 .widget_grid_child, .widget_grid_3col.nopadimgvar .count_total_4 .widget_grid_child{ flex-basis: 47.5%; } .widget_grid_3col.nopadimgvar a{ text-decoration: none; color: #132A3B; } .widget_grid_3col.nopadimgvar h3{ margin: 40px 25px 20px 25px; font-size: 24px; line-height: 30px; color: #132A3B; } /* .widget_grid_3col .widget_grid_child:nth-child(3n) { margin-right: 0; }*/ .widget_grid_3col .widget_grid_child h2 { font-family: 'SegoeUI'; font-size: 36px; margin: 20px 0 20px 0; line-height: 36px; } .widget_grid_3col .widget_grid_child h2 a{ color: #132A3B; text-decoration: none; position: relative; margin-right: 30px; } .widget_grid_3col .widget_grid_child img { height: 200px; width: 100%; display: block; border-radius: 20px; object-fit: cover; transition: background 0.5s; } .widget_grid_3col .widget_grid_child a:hover img { transform: scale(1.05); } .widget_grid_3col.nopadimgvar .widget_grid_child img { width: 100%; height: auto; display: block; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; object-fit: cover; } .widget_content ul { list-style: square; margin-bottom:20px; margin-left: 40px; } .widget_content ol { margin-bottom:30px; } .widget_content p { padding: 0 0 30px 0; } .accordion .widget_content p { padding: 0 0 0px 0; } .widget_content p:last-of-type { padding: 0 0 0px 0; } .widget_content form p:last-of-type { padding: 0 0 30px 0; } .widget_content p:first-of-type { padding: 0 0 30px 0; } .widget_content li { padding: 0 0 10px 0; } .widget_grid_3col .widget_grid_child p, .widget_grid_child li { padding: 0 0 15px 0; } .widget_content a{ color: #fff; } .widget_content a:hover{ text-decoration: none; } .widget_content a:focus{ outline: #fff 2px solid; } .widget_content a.chosen-single:focus{ outline: none; } .transparent .widget_content a:focus, .white .widget_content a:focus, .grey .widget_content a:focus{ outline: #000 2px solid; } .accordion.blue .transparent .widget_content a:focus, .accordion.blue .white .widget_content a:focus, .accordion.blue .grey .widget_content a:focus{ outline: #fff 2px solid; } .widget_grid_3col.nopadimgvar .widget_grid_child p{ margin: 0px 25px 35px 25px; font-size: 24px; line-height: 30px; padding: 0; } .widget_grid_3col.nopadimgvar .widget_grid_child a p:last-of-type{ margin: 0px 25px 65px 25px; } .widget_button.center{ margin: 0 auto 80px auto; } .widget_grid_3col.nopadimgvar a:focus-visible div{ background: #D6EFED; outline: #fff solid 3px !important; } @media (max-width: 1600px){ .widget_grid_3col .widget_grid_child h2 { font-size: 30px; line-height: 30px; } .widget_grid_3col .widget_grid_child p, .widget_grid_3col .widget_grid_child li { font-size: 20px; line-height: 24px; } } @media (max-width: 1320px){ /* .widget_grid_3col .widget_grid_child h2 { font-size: 26px; line-height: 26px; } .widget_grid_3col .widget_grid_child p, .widget_grid_3col .widget_grid_child li { font-size: 18px; line-height: 21px; } .widget_grid_3col.nopadimgvar .widget_grid_child p{ font-size: 20px; line-height: 30px; } */ } @media (max-width: 1280px){ #widget_id83 .widget_2col .widget_content { width: 100%; margin: 0%; flex: 0 0 100%; } .resourceloginform .widget_2col .widget_content:last-of-type{ padding-left: 0; } } @media (max-width: 1024px){ .widget h1 { text-align: left; margin: 0 0 40px 0; } .widget > h2 { font-size: 50px; line-height: 50px; margin: 50px auto 50px auto ; /* changed to auto from 0 for research hub header */ } .widget_2col{ display: block; } .widget_2col .widget_content { width: 100%; margin: 0%; } .widget_2col .widget_content:nth-child(2n) { padding-left: 0px; } .widget_grid_3col{ display: block; } .widget_grid_3col .widget_grid_child, .widget_grid_3col.nopadimgvar .widget_grid_child{ width: 100%; display: flex; margin: 25px 0; } .widget_grid_3col .widget_grid_child img{ float: left; width: 50%; } .widget_grid_3col .widget_grid_child div{ float: right; width: 45%; margin-left: 5%; } .widget_grid_3col.nopadimgvar .widget_grid_child img { width: 50%; height: 100%; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-left-radius: 20px !important; border-bottom-right-radius: 0px !important; } .widget_grid_3col.nopadimgvar .widget_grid_child p{ font-size: 18px; line-height: 25px; } .widget_grid_3col.nopadimgvar .widget_grid_child a p:last-of-type{ margin-bottom: 45px; } .widget_grid_3col.nopadimgvar .widget_grid_child h3{ margin-top: 20px; font-size: 20px; line-height: 20px; } .widget_grid_3col.nopadimgvar .widget_grid_child div{ margin-left: 0%; } .widget_2col.widget_inner{ padding-bottom: 0px; } .widget_2col.widget_inner p{ font-size: 20px; line-height: 30px; } .widget_grid_3col .widget_grid_container { display: block; column-gap: 0%; } } @media (max-width: 800px){ .widget > h2 { font-size: 40px; line-height: 40px; margin: 50px auto 40px auto ; } .widget_grid_3col.nopadimgvar .widget_grid_child{ display: block; } .widget_grid_3col.nopadimgvar .widget_grid_child img{ float: none; width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .widget_grid_3col.nopadimgvar .widget_grid_child div{ float: none; width: 100%; margin-left: 0%; clear: both; } .widget_grid_3col.nopadimgvar .widget_grid_child p{ padding: 0 0 40px 0; } .widget_grid_3col.nopadimgvar .widget_grid_child a p:last-of-type{ margin-bottom: 25px; } .widget_grid_3col.nopadimgvar.widget_inner{ padding-bottom: 40px; } } .holdcontainer{ position: relative; background: #ccc; min-height: 200px; } .contentblock{ position: absolute; bottom: 0; } #home-widget-audiencestrands p:first-of-type{ min-height: 120px; } @media (max-width: 1400px){ #home-widget-audiencestrands p:first-of-type{ min-height: 0; } } /* AFFILIATE STYLES */ #affiliates { clear: both; } #affiliates ul { display: flex; } #affiliates ul li { min-height: 143px; display: inline-block; width: 20%; text-align: center; padding: 30px 0; } #affiliates ul li:nth-of-type(2n) { } #affiliates ul li img{ max-width: 100%; } /* SUPPORTER STYLES */ #supporters { margin: 80px auto 0px auto; } #supporters h2{ text-transform: uppercase; text-align: center; font-size: 16px; margin-bottom: 25px; } #supporters ul { display: flex; } #supporters ul li { display: inline-block; width: 25%; text-align: center; padding: 30px 0 0 0; } #supporters ul li:nth-of-type(2n) { } #supporters ul li img{ max-width: 100%; } @media (max-width: 1024px){ #supporters ul{ flex-wrap: wrap; row-gap: 0px; } #supporters ul li { width: 50%; flex-basis: 50%; max-width: 50%; min-height: 70px; padding: 0 0 0px 0; } } /* TESTIMONIAL STYLES */ .testimonials { margin: 0 auto 0 auto; padding: 80px 0 80px 0; /* for participants slder chanegs from 120 to 80 */ } .testimonials h2{ text-align: left; font-size: 78px; color: #000; font-family: 'SegoeUILight'; font-weight: 100; width: 40%; float: left; padding-right: 2.5%; } .testimonials div.slider{ width: 50%; float: right; padding-right: 5%; } div.videoslider{ width: 50%; float: right; padding-right: 5%; margin-bottom: 80px; } .testimonials img{ border-radius: 50%; width: 210px; height: 210px; display: block; margin-bottom: 30px; } .testimonials blockquote{ font-size: 20px; line-height: 25px; margin: 25px 0 0 0; } .testimonials cite{ font-size: 20px; line-height: 20px; font-weight: 600; text-transform: uppercase; font-style: normal; font-family: "SegoeUIBold"; text-align: left; display: block; margin-right: 30px; } .testimonials ul { display: flex; } .testimonials ul li { min-height: 143px; display: inline-block; padding: 30px 0; } .testimonials .slider ul li { padding: 0px 0; } .testimonials ul li:nth-of-type(2n) { } .bx-wrapper{ position: relative;} .bx-controls{ } .bx-next, .bx-prev{ width: 46px; height: 46px; display: block; position: absolute; bottom: 0px; color: #000; } .bx-next{ right: -60px; font-size: 40px; text-decoration: none; bottom: 60px; } .bx-next:after{ content: "\27F6"; } .bx-prev{ left: -60px; font-size: 40px; text-decoration: none; transform: scaleX(-1); bottom: 60px; } .bx-prev:after{ content: "\27F6"; } .bx-controls-auto{ position: absolute; right: 20px; top: 260px; } .bx-start, .bx-stop{ width: 20px; height: 20px; display: block; position: absolute; bottom: 0px; color: #000; } div.videoslider .bx-controls-auto{top: 0px;} div.videoslider .bx-start, div.videoslider .bx-stop{ top: 0px; } .bx-stop.active, .bx-start.active { display: none; } .bx-start{ background: url(/userfiles/images/icons/slider_play.svg) no-repeat center center; } .bx-stop{ background: url(/userfiles/images/icons/slider_pause.svg) no-repeat center center; } .bx-pager{display: none;} @media (max-width: 1366px){ .testimonials h2{ font-size: 60px; line-height: 60px; } } @media (max-width: 1024px){ .page-index .testimonials { margin: 0px auto 0 auto; padding: 0 0 80px 0 ; } .testimonials h2{ width: 100%; float: none; text-align: center; padding: 0 8%; } .testimonials div.slider{ width: 60%; float: none; padding-right: 2.5%; padding-left: 2.5%; margin: 0 auto; } .testimonials ul li { padding: 0; } .testimonials blockquote, .testimonials cite{ font-size: 16px; line-height: 20px; } } @media (max-width: 900px){ .testimonials h2{ font-size: 40px; line-height: 40px; } } /* FOOTER STYLES */ footer { background-color: #000000; color: #ffffff; font-size: 16px; } footer h2{ font-family: 'SegoeUILight'; font-size: 4vw; line-height: 4vw; font-weight: 100; margin-bottom: 50px; } @media (max-width: 1280px){ footer h2{ font-size: 50px; line-height: 50px; } } footer h3 { font-family: 'SegoeUI'; font-size: 35px; padding-bottom: 30px; text-transform: uppercase; font-weight: 400; color: #fff; } #footer-inner { display: flex; padding: 8% 8% 0 8%; } #footer-left { width: 65%; } #footer-right { width: 35%; } #footer-right { text-align: right; } #footer-left p, #footer-nav p { padding: 10px 0; } #footer-right h2 { font-family: 'SegoeUI'; font-size: 35px; padding: 130px 0 50px 0; text-transform: uppercase; } #footer-right li { padding: 5px 0; } #footer-right img{ margin-top: 60px; } #footer-socials ul, #footer-nav ul, #footer-right ul { list-style: none; } #footer-socials li { display: inline-block; padding: 20px 0px 40px 0; } #footer-nav{ background-color: #000000; color: #fff; } #footer-nav li { display: inline-block; padding: 20px 15px 0px 0; font-size: 16px; } #footer-nav li:not(:last-child):after { content: "|"; } footer a, #footer-nav a{color: #fff; text-decoration: none; } #footer-socials a{display: block; height: 40px;} footer a:hover, #footer-nav a:hover{ border-bottom: dashed 1px #fff;} footer a.widget_button:hover, footer a.widget_button:focus{border-bottom: solid 2px #fff !important;} footer a:focus, #footer-nav a:focus{ outline: #fff 2px solid;} #footer-nav li a{ margin-right: 10px; } @media (max-width: 850px){ #footer-inner { display: block; padding: 8% 8% 0 8%; } #footer-right{ display: none;} #footer-left { text-align: center; width: 100%;} #footer-nav li{width: 50%; border: none; text-align: center;} #footer-nav ul{ margin-bottom: 25px; } #footer-nav li:not(:last-child):after { content: ""; padding: 0; } #footer-nav p{text-align: center;} } /* HOME BANNER STYLES */ #banner { clear: both; padding: 0; } #banner ul li { height: 1082px; max-width: 100%; position: relative; } .banner-text { padding: 15vw 50px 15vw 50px; margin: 0 0 0 32.75%; color: #fff; float: left; } @media (max-width: 1280px){ .banner-text { padding: 17vw 50px 12vw 50px; margin: 0 0 0 30%; } } @media (max-width: 825px){ .banner-text { padding: 25vw 50px 10vw 50px; margin: 0 0 0 0; width: 100%; } } @media (max-width:600px){ .banner-text { padding: 25vw 50px 5vw 50px; } } .banner-text .widget_inner{ padding: 0; margin-bottom: 40px;} .banner-text p:first-of-type, .banner-text p:first-of-type strong { display: inline-block; padding: 0 0 0 0; text-transform: uppercase; font-size: 2vw; line-height: 2vw; font-family: "SegoeUIBlack" !important; font-weight: 800; color: #D6FE90 !important; } .banner-text p:first-of-type strong{ color: #fff !important; } .banner-text p:last-of-type { display: inline-block; padding: 0 0 25px 0; text-transform: lowercase; font-size: 4vw; line-height: 4.5vw; font-family: "SegoeUILight"; font-weight: 100; color: #fff; } .banner-text p:last-of-type em{ display:block; color: #D6FE90; font-family: "SegoeUI"; font-weight: 400; text-decoration: none; position: relative; font-style: normal; } .banner-text p:last-of-type em:after{ content: " "; position: absolute; bottom: -4vw; left: 13px; background: url("/userfiles/images/icons/home_underline.svg") no-repeat center bottom; background-size: contain; width: 13vw; height: 7.5vw; } @media (max-width: 1280px){ .banner-text p:last-of-type, .banner-text p:last-of-type strong{ padding: 0; margin: 0; } } @media (max-width: 1280px){ .banner-text p:last-of-type, .banner-text p:last-of-type strong{ font-size: 1.75vw; line-height: 1.75vw; } .banner-text p:last-of-type { font-size: 3.5vw; line-height: 3.8vw; } } @media (max-width: 1024px){ #widget_id155 .widget_inner{ margin-top: -30px;} } @media (max-width: 825px){ .banner-text p:last-of-type, .banner-text p:last-of-type strong{ font-size: 2vw; line-height: 2vw; } .banner-text p:last-of-type { font-size: 4vw; line-height: 4.2vw; } .banner-text p:first-of-type{ text-align: center; width:100%; } .banner-text p:last-of-type { text-align: center; width:100%; } .banner-text p:last-of-type em:after{ bottom: -4vw; left: 50%; height: 7.5vw; margin-left:-6.5vw; } } @media (max-width: 625px){ .banner-text p:first-of-type{display: none;} .banner-text p:last-of-type { font-size: 5vw; line-height: 5.3vw; margin-top: 15px; } } .banner-text a { color: #fff; text-decoration: none; } .banner-image { width: 100%; background-size: cover; margin: 0; float: right; height: 100%; } /* JOIN THE TEAM STYLES */ .jointheteam{ background: #2A8068 url("/userfiles/images/jointheteam_hero.png") no-repeat 80px 80px;; padding: 40px; margin: 0; background-size: 50%; } .jointheteam h2{ font-family: "SegoeUI"; color: #132A3B; font-size: 78px; line-height: 100px; font-weight: 900; margin-left: 40vw; margin-top: 5vw; } .jointheteam div div div{ margin-left: 65vw; margin-top: 10vw; margin-bottom: 5vw; } .jointheteam h3{ text-transform: uppercase; font-size: 40px; font-weight: 300; font-family: "SegoeUI"; margin-bottom: 50px; } .jointheteam .widget_inner{ padding: 0; margin: 0; } .jointheteam .widget_content p{ padding: 0; } @media (max-width: 1700px){ .jointheteam h2{ font-size: 60px; line-height: 60px; } } @media (max-width: 1320px){ .jointheteam h2{ font-size: 50px; line-height: 50px; } .jointheteam h3{ font-size: 30px; margin-bottom: 25px; } } @media (max-width: 1100px){ .jointheteam h2{ font-size: 40px; line-height: 40px; } .jointheteam > div > div > div{ margin-left: 60vw; } } @media (max-width: 900px){ .jointheteam{ background: #2A8068 url("/userfiles/images/jointheteam_hero_simplified.png") no-repeat 80px 80px; background-size: 40%; } .jointheteam h2{ margin-left: 50vw; margin-top: 5vw; } .jointheteam > div{ margin-left: 50vw; margin-top: 5vw; margin-bottom: 5vw; } .jointheteam > div > div > div{ margin-left: 50vw; } } @media (max-width: 768px){ .jointheteam{ padding: 20px; background: #2A8068 url("/userfiles/images/jointheteam_hero_simplified.png") no-repeat 40px 40px; background-size: 35%; } .jointheteam h2{ margin-top: 2.5vw; font-size: 30px; line-height: 30px; margin-left: 45vw; } .jointheteam h3{ display: none; } .jointheteam > div{ margin-bottom: 2.5vw; margin-left: 45vw; } } /* ICON BLOCK STYLES */ .iconBlocks { display: flex; flex-wrap: wrap; column-gap: 10%; width: 85%; float: right; padding: 80px 8% 80px 8%; /*padding to for partners page - check other icon blocks*/ } .accordion .iconBlocks { width: 100%; float: none; padding: 0px 8% 0px 8%; } .accordion .widget > h2 { padding: 0; margin:0 0 25px 0; text-align: center; } .iconBlocks.iconBlocksMax_4, .iconBlocks.count_total_4 { column-gap: 5%; } .iconBlocks > div{ width: 26.66%; padding: 0; position: relative; flex: 0 0 26.66%; margin: 0; margin-bottom: 5%; } .iconBlocks.iconBlocksMax_2 > div{ width: 45%; flex: 0 0 45%; } /* @media (max-width: 1024px){ .iconBlocks > div{ width: 45%; flex: 0 0 45%; padding-bottom: 25px; } } @media (max-width: 768px){ .iconBlocks > div{ width: 100%; flex: 0 0 100%; padding-bottom: 25px; } } .iconBlocks.iconBlocksMax_4 > div, .iconBlocks.count_total_4 > div{ width: 21.25%; flex-basis: 21.25%; } @media (max-width: 1100px){ .iconBlocks.iconBlocksMax_4 > div{ width: 30%; flex-basis: 30%; padding-bottom: 25px; } .iconBlocks.count_total_4 > div{ width: 47.5%; flex-basis: 47.5%; padding-bottom: 25px; } } @media (max-width: 800px){ .iconBlocks.iconBlocksMax_4 > div, .iconBlocks.count_total_4 > div{ width: 47.5%; flex-basis: 47.5%; } } */ .iconBlocks > div h3{ color: #fff; font-size: 20px; font-weight: 800; font-family: "SegoeUIBlack"; word-wrap: break-word; } @media (max-width: 1700px){ .iconBlocks > div h3{ font-size: 27px; } } .widget.transparent .iconBlocks > div h3, .widget.white .iconBlocks > div h3, .widget.grey .iconBlocks > div h3{ color: #000; text-transform: uppercase; font-size: 40px; line-height: 35px; } .widget.stats .iconBlocks > div p{ margin-bottom: 0;} .iconBlocks > div img{ margin-bottom: 25px; } .iconBlocks > div p{ margin: 25px 0 0 0; color: #fff; font-size: 20px; line-height: 30px; } @media (max-width: 1024px){ .iconBlocks > div p{ font-size: 20px; line-height: 30px; } } /* STATS STYLES */ .stats { /* margin: 0 auto 60px auto; removed t*/ } .stats h2{ width: 100%; } .stats .iconBlocks > div p{ line-height: 27px; } .stats .iconBlocks { display: flex; flex-wrap: wrap; column-gap: 10%; padding: 0 8% 80px 8%; } @media (max-width: 1366px){ .stats .iconBlocks { width: 100%; float: none; } } @media (max-width: 1024px){ .stats .iconBlocks { display: block; } .stats .iconBlocks > div { width: 100%; padding-left: 8%; padding-right: 8%; } } .stats .iconBlocks.count_total_2{padding: 80px 8% 80px 8%;} .accordion .stats .iconBlocks.count_total_2{padding:0;} .stats .iconBlocks > div { flex: 0 0 45%; margin: 0; text-align: center; padding: 30px 30px 30px 30px; background: rgba(0,0,0,0.11); border-radius: 27px; border: 3px dashed #fff; margin-bottom: 5%; } .accordion .stats .iconBlocks > div{ background: none; border: 3px dashed #333; } .blue.accordion .stats .iconBlocks > div, .navy.accordion .stats .iconBlocks > div, .green.accordion .stats .iconBlocks > div, .darkblue.accordion .stats .iconBlocks > div{ border: 3px dashed #fff; } .stats .iconBlocks.count_total_2 > div {margin-bottom: 0%;} @media (max-width: 1024px){ .stats .iconBlocks.count_total_2 > div {margin-bottom: 40px;} } .stats .iconBlocks img{display: none;} .stats .iconBlocks h3{ font-family: 'SegoeUILight'; font-size: 78px; line-height: 100px; font-weight: 100; text-transform: lowercase; } @media (max-width: 1366px){ .stats .iconBlocks h3{ font-size: 60px; line-height: 70px; } } @media (max-width: 1024px){ .stats .iconBlocks h3{ font-size: 50px; line-height: 60px; } } .stats b{ display: block; font-weight: 900; font-family: "SegoeUI"; font-size: 65px; padding-bottom: 50px; } /* @media (max-width: 1024px){ .stats { display: block; } .stats div { min-height: 1px; width: 100%; padding: 20px 0; } .stats b{ display: inline-block; padding-right: 30px; } .stats span{ display: inline-block; position: relative; top: -12px; } } */ /*** NAV STYLES ***/ body { height: 100%; } #searchmodalform label{ text-align:center; color: #fff; font-size:18px; clear:both; font-family: "opensans-semibold"; display:block; margin:0 0 20px 0; } #searchmodalform input[type="text"], #searchmodalform input[type="search"]{ padding: 14px; border: 2px solid #fff; width: 100%; border-radius: 25px; margin:0 0 20px 0; background: #333; color:#fff; font-size:18px; } #searchmodalform input[type="text"]:focus, #searchmodalform input[type="text"]:hover, #searchmodalform input[type="text"]:focus-within{ outline: 2px solid #fff; } #searchmodalform button { color: #FFF; position: relative; font-size: 2vw; line-height: 2vw; text-decoration: none; font-weight: 100; font-family: "SegoeUILight"; display: block; padding-right: 70px; float: none; margin: 20px auto 0 auto; } #searchmodalform button:hover, #searchmodalform button:focus{ color: #FFF; text-decoration: underline; } #searchmodalform { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*margin-left: -20px;*/ color: #ffffff; } a#searchmodalclose { color: #ffffff; display: block; margin: 0 auto; text-align: center; position: relative; top: -50px; font-size: 24px; background: url("/userfiles/images/icons/close.svg") no-repeat center center; width: 42px; height: 42px; } a#searchmodalclose:hover { text-decoration: none; } a#searchmodalclose:focus { outline: 2px solid white; } #searchmodalbg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgb(0,0,0,0.9); visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 2000; /*display: none;*/ } #searchmodalbg.open { visibility: visible; /*opacity: 0.95;*/ opacity: 1.0; /*display: block;*/ } /* FANCY ORDERED LIST */ .fancyOrderedList{ display: flex; flex-wrap: wrap; column-gap: 10%; counter-reset: cardCount; } .fancyOrderedList li{ list-style-type: none; padding: 105px 0 0 0 ; position: relative; flex: 0 0 26.66%; margin: 0 0 50px 0; color: #000; } @media (max-width: 800px){ .fancyOrderedList li{ flex: 0 0 45%; } } .fancyOrderedList li a{ color: #000; text-decoration: none; counter-increment: cardCount; } .fancyOrderedList a:before { display: block; padding: 30px 0 0 0; text-align: center; position: absolute; width: 100px; height: 100px; background: #2D6D9C; left: 0px; top: 0px; color: #fff; content: counter(cardCount, decimal) "th"; box-sizing: border-box; font-family: "SegoeUI"; font-weight: 900; } .fancyOrderedList a:focus{ outline: none; } .fancyOrderedList a:hover:before, ol.fancyOrderedList a:focus:before{ background: #132A3B; } .fancyOrderedList li:nth-of-type(1) a:before{content: counter(cardCount, decimal) "st";} .fancyOrderedList li:nth-of-type(2) a:before{content: counter(cardCount, decimal) "nd";} .fancyOrderedList li:nth-of-type(3) a:before{content: counter(cardCount, decimal) "rd";} /*** BACK TO TOP STYLES ***/ .backtotop{ display: block; width: 50px; height: 50px; background: #2A8068 url("/userfiles/images/icons/backtotopicon.svg") no-repeat center center; position: fixed; right: 10px; bottom: 180px; border:3px solid #fff; border-radius: 50%; } .backtotop:hover{background: #2D6D9C url("/userfiles/images/icons/backtotopicon.svg") no-repeat center center;} #backtotop:focus-visible{ background: #333 url("/userfiles/images/icons/backtotoparrow.svg") no-repeat center center; outline: none; } /*** TABLE STYLES ***/ table { border-collapse: collapse; width: 100%; } @media (max-width: 600px){ td, th{ display: block; text-align: left; } th{ padding: 0;} } .transparent .widget_content table a{ display: inline-block; padding: 20px 75px 20px 30px; background-color: #132A3B; border-radius: 35px; font-size: 20px; line-height: 25px; margin: 20px 0 0 0; color: #ffffff !important; text-decoration: none; position: relative; text-transform: uppercase; margin-top:-4px; } .transparent .widget_content table a:hover, .transparent .widget_content table a:focus{ background-color: #333; } /* table a::after { content: "\27F6"; position: absolute; right: 30px; } */ .transparent .widget_content table thead a.th_sortable { display: block; background-color: unset; border-radius: 0; line-height: auto; margin: 0; color: #000000 !important; text-decoration: none; margin-top:-4px; text-transform: uppercase; text-align: left; padding: 20px 0 20px 0; font-size: 24px; position: relative; } .transparent .widget_content table a.th_sortable:hover, .transparent .widget_content table a.th_sortable:focus{ background-color: unset; text-decoration: underline; } table thead a.th_sortable::after { content: "\25B7"; position: absolute; right: 0; } table thead a.th_sortable_ASC::after { content: "\27F6"; color: #333; position: absolute; transform: rotate(270deg); right: 0; } table thead a.th_sortable_DESC::after { content: "\27F6"; color: #333; position: absolute; transform: rotate(90deg); right: 0; } /*** FORM STYLES ***/ .applicationform textarea, .contactform textarea { border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-bottom: 2px solid #fff; color: #fff; width: calc(100% - 225px); padding: 5px 5px 5px 5px; font-size: 20px; background-color: transparent; } .contactform textarea:focus, .contactform textarea:active{ outline: 2px solid #fff; } .contact_form label, form.contact_form span, .partnercreate_form label, .resource_login_form label, .participantcreate_form label { display: inline; min-width: 200px; float: left; } form.contact_form span.validator-error-container{float: none;} label a{color: #fff;} .applicaitonform label, .contactform label { width: 225px; } input:not([type='checkbox']):not([type='submit']):not([type='image']), .chosen-container { background: none; border: none; border-bottom: 2px solid #fff; color: #fff; width: calc(100% - 225px) /* removed important for password field */; padding: 5px 5px 5px 5px; font-size: 18px; } .resource_login_form input{float: right;} .resource_login_form input.login2fa{ } .chosen-container{ border-bottom: 2px solid #000; } .blue .chosen-container, .green .chosen-container{ border-bottom: 2px solid #fff; } .chosen-container-single .chosen-single {color: #000 !important; border-bottom: none !important;} .contact-form-wrapper input:not([type='checkbox']):not([type='submit']):not([type='image']){ width: 30%; margin-right: 3%; float: left; } @media (max-width: 768px) { .contact-form-wrapper input:not([type='checkbox']):not([type='submit']):not([type='image']){ width: 100%; margin-right: 0%; float: none; } input:not([type='checkbox']):not([type='submit']):not([type='image']), .chosen-container { width: 100% !important; } .applicationform textarea, .contactform textarea { width: 100%; } .chosen-container {display: block;} } .contact-form-wrapper textarea{ background: none; border: none; border-bottom: 2px solid #fff; color: #fff; width: 100%; padding: 5px 5px 5px 5px; font-size: 18px; margin-top: 35px; height: 150px; } .contact-form-wrapper input[type="radio"]:checked + .radio-button-new.rbn-white, .contact-form-wrapper input[type="checkbox"]:checked + .radio-button-new.rbn-white { background-color: #fff; border-color: #fff; color: #3baa35; } .contact-form-wrapper p{ margin-bottom: 35px; } .green input:not([type='checkbox']):not([type='submit']):not([type='image']){ background-color: #2a8068; } .blue input:not([type='checkbox']):not([type='submit']):not([type='image']){ background-color: #2D6D9C; } input::placeholder, textarea::placeholder{ color: #fff; font-family: "SegoeUI"; } input:not([type='checkbox']):not([type='submit']):not([type='image']):hover, input:not([type='checkbox']):not([type='submit']):not([type='image']):focus{ outline: 2px solid #fff; } .green input:-webkit-autofill, .green input:-webkit-autofill:hover, .green input:-webkit-autofill:focus, .green input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px #2a8068 inset !important; -webkit-text-fill-color: #ffffff; } input[type='checkbox']{ float: left; margin-right: 10px; width: 20px; height: 20px; position: relative; top: 10px; clear: both; } input[type='checkbox'] + label{ margin-left:30px; max-width: calc(100% - 60px); } select{ margin: 0px; width: calc(100% - 225px); padding: 5px 5px 5px 5px; border: none; border-bottom: 2px solid #fff; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #132A3B; color: #fff; outline: none; font-size: 18px; } .hubDocumentsContainer select{ background: #fff; color: #000; } .hubDocumentsContainer h2{ text-align: center;} option{ background: #004D71; outline: none; border: none; font-size: 20px; color: #fff; } .hubDocumentsContainer select, .hubDocumentsContainer option{ background: #fff; color: #000; } input:focus, select:focus{ background: #004D71; outline: #fff 2px solid; } input[type="file"] { display: none; } .custom-file-upload { border: none; display: inline-block; cursor: pointer; background: #333; padding: 20px 75px 20px 30px; border-radius: 35px; font-size: 20px; line-height: 25px; margin: 0px 25px 25px 0; color: #ffffff !important; text-decoration: none; position: relative; text-transform: uppercase; float: right; } .custom-file-upload:hover{ background: #004D71; } button, input[type="submit"]{ display: inline-block; font-size: 40px; line-height: 56px; color: #ffffff !important; text-decoration: none; position: relative; text-transform: capitalize; border: none; float: right; background: none; padding-right: 70px; font-weight: 100; font-family: "SegoeUILight"; margin-top:40px; } @media (max-width: 1024px) { button, input[type="submit"]{ font-size: 30px; line-height: 40px; margin-top:40px; } } .radio-button-label{color: #fff; float: left;} button:hover, button:focus, button:focus-visible, input[type="submit"]:hover, input[type="submit"]:focus{ text-decoration: underline; outline: none; cursor: pointer; } button::after, input[type="submit"]::after, #searchmodalform input[type="submit"]::after, .custom-file-upload:after { content: "\27F6"; position: absolute; right: 0px; } @media (max-width: 601px) { button::after { content: ""; } } .nav-social-row{margin-bottom: 35px;} .inlineList ul{ text-align: center;} .inlineList li{display: inline;} .gallery{ margin-top: 80px; padding: 0 8% 80px 8%; width: 100%; } form /* VACANCIES and CONTACT forms, additional more-sepcific styles might overrule some of above */ .applicationform .widget_2col .widget_content:nth-of-type(1), .contactform .widget_2col .widget_content:nth-of-type(1) { width: 35%; flex: 0 0 35%; } .applicationform .widget_2col .widget_content:nth-of-type(1) p, .contactform .widget_2col .widget_content:nth-of-type(1) p { font-size: 16px; line-height: 20px; margin-top: 50px; } .applicationform .widget_2col .widget_content:nth-of-type(2), .contactform .widget_2col .widget_content:nth-of-type(2) { width: 55%; flex: 0 0 55%; } h3.app_submit_success, h3.app_submit_fail, h3.contact_submit_success, h3.contact_submit_fail, h3.partnercreate_submit_success, h3.partnercreate_submit_fail, h3.participantcreate_submit_success, h3.participantcreate_submit_fail{ font-size: 40px; font-family: 'SegoeUI'; color: #ffffff; margin-top: 10px; } h3.app_submit_success span, h3.contact_submit_success span, h3.partnercreate_submit_success span, h3.participantcreate_submit_success span{ color: #8dd631; } h3.app_submit_fail span, h3.contact_submit_fail span, h3.partnercreate_submit_fail span, h3.participantcreate_submit_fail span{ color: #333; } h3.app_submit_success + p, h3.app_submit_fail + p, h3.contact_submit_success + p, h3.contact_submit_fail + p, h3.partnercreate_submit_success + p, h3.partnercreate_submit_fail + p, h3.participantcreate_submit_success + p, h3.participantcreate_submit_fail + p{ margin-top: 20px !important; } span.validator-error-container { float: none; min-width: unset; clear: both; } .vacancies_form input, .vacancies_form select, .contact_form input, .contact_form select, .partnercreate_form input, .partnercreate_form select, .participantcreate_form input, .participantcreate_form select { float: right; } .vacancies_form input[type="file"], .contact_form input[type="file"], .partnercreate_form input[type="file"], .participantcreate_form input[type="file"]{ display: block; } .vacancies_form button, .contact_form button, .partnercreate_form button, .participantcreate_form button { margin: 40px 0 0 0; } .vacancies_form .validator-error-container label.error, .contact_form .validator-error-container label.error, .partnercreate_form .validator-error-container label.error, .participantcreate_form .validator-error-container label.error, .resource_login_form .validator-error-container label.error{ background: #c21c0a; color: #fff; display: inline-block; padding: 3px 10px; margin-top: 5px; font-size: 16px; border-radius: 2px; /*width: 60%;*/ float: right; width: calc(100% - 225px); clear: both; } p.submit_btn_container { position: relative; } .vacancies_form input[type="checkbox"], .contact_form input[type="checkbox"], .partnercreate_form input[type="checkbox"], .participantcreate_form input[type="checkbox"]{ float: right; margin-right: 10px; width: 20px; height: 20px; position: relative; top: 10px; clear: both; margin-left: 10px; } .contact_form input[type="checkbox"]:checked, .partnercreate_form input[type="checkbox"]:checked, .participantcreate_form input[type="checkbox"]:checked{ background: #2D6D9C !important; outline: 2px solid #fff; border: 2px solid #fff; } label.vacancy_checkbox_label, label.contact_checkbox_label, label.partnercreate_checkbox_label, label.participantcreate_checkbox_label{ display: block; width: 100%; } button.application_submit_btn, button.contact_submit_btn, button.partnercreate_submit_btn, button.participantcreate_submit_btn{ cursor: pointer; /*background-color: #333;*/ /* position: absolute; /* this will maintain the original height of the container while the form is invisible but the same height */ top: -30px; right: 0; } button.application_submit_btn:hover, button.contact_submit_btn:hover, button.partnercreate_submit_btn:hover, button.participantcreate_submit_btn:hover{ cursor: pointer; /*background-color: #ffffff;*/ color: #fff !important; } @media (max-width: 1366px) { .applicationform .widget_2col, .contactform .widget_2col { display: block; } .applicationform .widget_2col .widget_content:nth-of-type(1), .contactform .widget_2col .widget_content:nth-of-type(1) { width: 100%; } .applicationform .widget_2col .widget_content:nth-of-type(2), .contactform .widget_2col .widget_content:nth-of-type(2) { width: 100%; padding: 20px 0 0 0; } } @media (max-width: 1024px) { p.submit_btn_container { min-height: 110px; } .vacancies_form input[type="checkbox"], .contact_form input[type="checkbox"], .partnercreate_form input[type="checkbox"], .participantcreate_form input[type="checkbox"]{ top: 7px; } } @media (max-width: 925px) { .vacancies_form label:not(.vacancy_checkbox_label), .contact_form label:not(.contact_checkbox_label), .partnercreate_form label:not(.contact_checkbox_label), .participantcreate_form label:not(.contact_checkbox_label){ display: block; float: none; width: 100%; } .vacancies_form input[type="text"], .vacancies_form input[type="email"], .vacancies_form input[type="file"], .vacancies_form select, .vacancies_form textarea, .contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="file"], .contact_form select, .contact_form textarea, .partnercreate_form input[type="text"], .partnercreate_form input[type="email"], .partnercreate_form input[type="file"], .partnercreate_form select, .partnercreate_form textarea, .participantcreate_form input[type="text"], .participantcreate_form input[type="email"], .participantcreate_form input[type="file"], .participantcreate_form select, .participantcreate_form textarea{ display: block; float: none; width: 100% !important; } .vacancies_form .validator-error-container label.error, .contact_form .validator-error-container label.error, .partnercreate_form .validator-error-container label.error, .participantcreate_form .validator-error-container label.error, .resource_login_form .validator-error-container label.error{ display: block; margin-top: 5px; width: 100%; float: none; } } /* Partner-Create-Account form */ #widget_id171 .widget_2col, #widget_id175 .widget_2col{ display: block} #widget_id171 .widget_content:first-of-type, #widget_id175 .widget_content:first-of-type{ width: 100%; text-align: left;} #widget_id171 .widget_content:last-of-type, #widget_id175 .widget_content:last-of-type { width: 72%; float: right;} #widget_id171 label:not(.partnercreate_checkbox_label), #widget_id175 label:not(.participantcreate_checkbox_label){ width: 600px; padding-right: 50px; font-size: 18px; line-height: 25px; } #widget_id171 label.partnercreate_checkbox_label, #widget_id175 label.participantcreate_checkbox_label { font-size: 18px; line-height: 25px; } #widget_id171 label.error, #widget_id171 validator-error-container, #widget_id175 label.error, #widget_id175 validator-error-container{ width: calc(100% - 600px) !important; } #widget_id171 input:not([type='checkbox']):not([type='submit']):not([type='image']):not([type='password']):not(.input-pw-field-showhide):not(.default), #widget_id175 input:not([type='checkbox']):not([type='submit']):not([type='image']):not([type='password']):not(.input-pw-field-showhide):not(.default){ width: calc(100% - 600px) !important; } #widget_id171 .chosen-container, #widget_id171 textarea, #widget_id175 .chosen-container, #widget_id175 textarea{ width: calc(100% - 600px) !important; float: right; } #widget_id171 .chosen-search input, #widget_id171 .chosen-container-single .chosen-search, #widget_id175 .chosen-search input, #widget_id175 .chosen-container-single .chosen-search{ padding: 0 !important; border: none !important; margin: 0 !important; outline: 0 !important; } #widget_id171 .widget_2col .widget_content :not(.chosen-container) ul li, #widget_id175 .widget_2col .widget_content :not(.chosen-container) ul li{ font-size: 18px; } #widget_id171 input[type='password'], #widget_id171 input.input-pw-field-showhide, #widget_id175 input[type='password'], #widget_id175 input.input-pw-field-showhide{ width: calc(100% - 640px) !important; } #widget_id171 a.form-toggle-password-show-hide, #widget_id175 a.form-toggle-password-show-hide{ float: right;} #widget_id171, #widget_id175{ padding-bottom: 80px;} /* #widget_id171 form{ margin-bottom: 80px;}*/ @media (max-width: 1600px){ #widget_id171 .widget_content:last-of-type, #widget_id175 .widget_content:last-of-type{ width: 100%; float: none;} } @media (max-width: 1200px){ #widget_id171 label:not(.partnercreate_checkbox_label), #widget_id175 label:not(.partnercreate_checkbox_label){ width: 55%; padding-right: 5%; } #widget_id171 label.error, #widget_id171 validator-error-container, #widget_id175 label.error, #widget_id175 validator-error-container{ width: 45% !important; } #widget_id171 input:not([type='checkbox']):not([type='submit']):not([type='image']):not([type='password']):not(.input-pw-field-showhide), #widget_id171 .chosen-container, #widget_id171 textarea, #widget_id175 input:not([type='checkbox']):not([type='submit']):not([type='image']):not([type='password']):not(.input-pw-field-showhide), #widget_id175 .chosen-container, #widget_id175 textarea { width: 45% !important; float: none; } #widget_id171 input[type='password'], #widget_id171 input.input-pw-field-showhide, #widget_id175 input[type='password'], #widget_id175 input.input-pw-field-showhide { width: 40% !important; float: none; } } @media (max-width:768px){ #widget_id171 label, #widget_id175 label{ padding-bottom:10px;} #widget_id171 label:not(.partnercreate_checkbox_label), #widget_id175 label:not(.partnercreate_checkbox_label) { width: 100%; padding-right: 0%; } #widget_id171 label.error, #widget_id171 validator-error-container, #widget_id171 input:not([type='checkbox']):not([type='submit']):not([type='image']):not([type='password']), #widget_id171.input.input-pw-field-showhide, #widget_id171 .chosen-container, #widget_id171 textarea, #widget_id171 input[type='password'], #widget_id171 input.input-pw-field-showhide, #widget_id175 label.error, #widget_id175 validator-error-container, #widget_id175 input:not([type='checkbox']):not([type='submit']):not([type='image']):not([type='password']), #widget_id175.input.input-pw-field-showhide, #widget_id175 .chosen-container, #widget_id175 textarea, #widget_id175 input[type='password'], #widget_id175 input.input-pw-field-showhide{ width: calc(100% - 50px) !important; float: left; } } /*** SITEMAP STYLES ***/ .sitemap{ padding: 8%; } .sitemap a{ text-decoration: none; color: #000; } .sitemap a:hover{ text-decoration: underline; color: #333; } .sitemap ul{ margin-left: 50px; list-style-type: none; } .sitemap > ul, .sitemap > ul > li > ul{ margin-bottom: 50px; } .sitemap > ul > li > a{ text-transform: uppercase; font-size: 30px; color: #177CB5; } .sitemap > ul > li > ul > li { text-transform: capitalize; font-size: 20px; } @media (max-width: 800px){ .sitemap{ padding: 4%; } .sitemap ul{ margin-left: 25px; list-style-type: none; } .sitemap > ul, .sitemap > ul > li > ul{ margin-bottom: 25px; } .sitemap > ul > li > a{ font-size: 20px; } .sitemap > ul > li > ul > li { text-transform: capitalize; font-size: 18px; } } /*** SEARCH RESULTS STYLES ***/ .page-searchresults #widgets_container{ max-width: 1920px; margin: 0 auto; padding: 50px 8%; } .page-searchresults .navcontent a h2{ text-transform: capitalize !important; font-size: 30px; color: #177CB5; font-weight: 400; font-family: "SegoeUI"; } .page-searchresults .navcontent a h2:after{ content: " \27F6"; position: absolute; margin-left: 10px; } .page-searchresults .navcontent a{ text-decoration: none; color: #000; } .page-searchresults .navcontent a:hover h2{ text-decoration: underline; color: #333; } .page-searchresults .navcontent{ margin: 25px 0; } .page-searchresults #widget_id81{margin-top: -50px;} .page-searchresults h1{margin-bottom: 50px;} .page-searchresults .excerpt { display: none;} /****** MEGAMENU RESPONSIVE STYLES ******/ @media (max-width: 1366px) { /* header { min-height: unset; max-height: unset; height: 150px; } header #header-logo { padding: 25px 0 0 35px; } #respnav-button { display: inline-block; height: 58px; width: 58px; position: absolute; top: 50px; right: 125px; } #searchmodal_search-trigger { margin: 60px 50px 0 0; } */ } /****** HUB DOCUMENTS ******/ .hubDocumentsContainer {width: 100%; } .hubDocuments{ display: flex; flex-wrap: wrap; column-gap: 4%; width: 100%; padding: 80px 0 30px 0; } #widget_id154 .hubDocuments, #widget_id164 .hubDocuments, #widget_id128 .hubDocuments, #widget_id154.hubDocuments, #widget_id164.hubDocuments, #widget_id128.hubDocuments{ padding: 0; } #widget_id128 .widget_inner{ margin: 0 auto; } @media (max-width: 1400px) { .hubDocuments{ column-gap: 5%; } } /* removed to fix issue on resources @media (max-width: 650px) { .hubDocuments{display: block;} } */ .docInfoPanel, .docRestrictedPanel{ position: absolute; width: 100%; height: 100%; top: 0; display: none; padding: 30px; } .docInfoPanel{ background: #17344A; } .docRestrictedPanel{ background: rgba(0,0,0,0.91); } .docPanel{ padding: 0; position: relative; flex: 0 0 22%; margin: 0; margin-bottom: 4%; } @media (max-width: 1400px) { .docPanel{ flex: 0 0 30%; margin-bottom: 5%; } } @media (max-width: 1024px) { .docPanel{ flex: 0 0 47.5%; margin-bottom: 5%; } } @media (max-width: 650px) { .docPanel{ width: 75%; margin: 0 auto; margin-bottom: 5%; flex: 0 0 100%; } } .docPanel img{ width: 100%; display: block; } .docPanel a{ display: block; position: relative; } .docPanel a:hover .docInfoPanel, .docPanel a:focus .docInfoPanel, .docPanel a:focus-visible .docInfoPanel { display: block; } .docPanel a:focus, .docPanel a:focus-visible { outline: none; } .docPanel h3{ color: #fff; text-transform: uppercase; font-weight: 800; font-family: "SegoeUIBlack"; font-size: 26px; line-height: 35px; } .docPanel h2:after{ content: " "; background: #fff; display: block; height: 5px; width: 70px; margin: 30px 0; } .widget.grey .docPanel p, .widget.white .docPanel p{ font-size: 20px; line-height: 27px; margin-bottom: 30px; color: #fff; } @media (max-width: 1700px) { .docPanel h3{ font-size: 22px; line-height: 28px; } .widget.grey .docPanel p{ font-size: 18px; line-height: 25px; } } @media (max-width: 1550px) { .docPanel h3{ font-size: 20px; line-height: 24px; } .widget.grey .docPanel p{ font-size: 16px; line-height: 20px; } } @media (max-width: 1400px) { .docPanel h3{ font-size: 26px; line-height: 35px; } .widget.grey .docPanel p{ font-size: 20px; line-height: 27px; } } @media (max-width: 1200px) { .docPanel h3{ font-size: 22px; line-height: 28px; } .widget.grey .docPanel p{ font-size: 18px; line-height: 25px; } } @media (max-width: 1100px) { .docPanel h3{ font-size: 20px; line-height: 24px; } .widget.grey .docPanel p{ font-size: 16px; line-height: 20px; } } @media (max-width: 1024px) { .docPanel h3{ font-size: 26px; line-height: 35px; } .widget.grey .docPanel p{ font-size: 20px; line-height: 27px; } } @media (max-width: 800px) { .docPanel h3{ font-size: 22px; line-height: 28px; } .widget.grey .docPanel p{ font-size: 18px; line-height: 25px; } } @media (max-width: 768px) { .docPanel h3{ font-size: 20px; line-height: 24px; } .widget.grey .docPanel p{ font-size: 16px; line-height: 20px; } } @media (max-width: 650px) { .docPanel h3{ font-size: 26px; line-height: 35px; } .widget.grey .docPanel p{ font-size: 20px; line-height: 27px; } } @media (max-width: 500px) { .docPanel h3{ font-size: 22px; line-height: 28px; } .widget.grey .docPanel p{ font-size: 18px; line-height: 25px; } } .docPanel span.arrow{ position: absolute; bottom:30px; right:30px; font-size: 40px; } .docPanel span.arrow:after{ content: " \27F6"; color: #fff; } .docInfoPanel_bottom { background-color: #17344A; padding: 5px 10px; } .widget.grey .docPanel .docInfoPanel_bottom p, .widget.white .docPanel .docInfoPanel_bottom p { color: #ffffff; padding: 5px 0;; font-size: 14px; margin: 0; } .docPanelFooterLeft{float: left; color: #eeeeee;} .docPanelFooterRight{float: right; color: #eeeeee;} p.loadmore{ text-align: center; width: 100%; margin: 20px 0} .widget ol { counter-reset: list-counter; } .widget ol li{ font-size:18px; margin: 0 0 1.5em 0; list-style-type: none; position: relative; padding:0 0 0 2em; } .widget ol li:last-of-type{ margin: 0 0 0 0; } .widget ol li:before { margin: 0 20px 10px 0; content: counter(list-counter, decimal); counter-increment: list-counter; font-size: 2em; display:inline-block; position:absolute; top: 0px; left:0; } p.largetext, .widget_2col .widget_content p.largetext{ font-size:40px; line-height: 50px; font-family: "SegoeUILight"; font-weight: 100; } @media (max-width: 768px){ p.largetext, .widget_2col .widget_content p.largetext{ font-size:30px; line-height: 40px; } } /****** TESTIMONIAL GRID ******/ .widget .testimonials span{ } .widget .testimonials img{ border-radius: 50%; display: block; margin: 0 auto 100px auto; object-fit: contain; } .page-Partners-Supporting-Community .widget .testimonials img{ background: #fff; padding: 20px; } .widget .testimonials.testimonialsTemplate_bus_card img{ border-radius: 50%; display: block; margin: 0 auto 50px auto; } .widget .testimonials.testimonialsTemplate_portrait{ display: flex; flex-wrap: wrap; column-gap: 0%; width: 100%; padding: 80px 8% 80px 8%; margin: 0; } .widget .testimonials.testimonialsTemplate_bus_card{ padding: 100px 8% 60px 8%; margin: 0; } .accordion .widget .testimonials.testimonialsTemplate_bus_card{ padding: 0; margin: 40px 0 0 0; } .widget .testimonials.testimonialsTemplate_portrait > div { padding: 0; position: relative; flex: 0 0 50%; margin: 0; } .widget .testimonials.testimonialsTemplate_portrait > div:first-of-type{ position: relative; padding-right: 8%; } .widget .testimonials.testimonialsTemplate_portrait > div:first-of-type:after{ content: " "; border-right: 3px solid #fff; position: absolute; height: 80%; width: 1px; right: 0; top: 10%; } .widget .testimonials.testimonialsTemplate_portrait > div:last-of-type{ padding-left: 8%; } .widget .testimonials.testimonialsTemplate_bus_card > div { display: flex; flex-wrap: wrap; column-gap: 40px; } .widget .testimonials.testimonialsTemplate_bus_card > div > span{ flex: 0 0 25%; display: block; margin-top: -10px; } .widget .testimonials.testimonialsTemplate_bus_card > div > div{ flex: 0 0 85%; position: relative; margin-bottom: 40px; } .widget .testimonials.testimonialsTemplate_portrait h2, .widget .testimonials.testimonialsTemplate_bus_card h2{ font-weight: 800; text-transform: uppercase; font-size: 20px; line-height: 27px; position: relative; font-family: 'SegoeUIBlack'; float: none; width: 100%; } .widget .testimonials.testimonialsTemplate_portrait h2:before{ content: " "; background: url("/userfiles/images/icons/quote-icon-large.svg") no-repeat left center; width: 90px; height: 113px; position: absolute; top: -110px; } .widget .testimonials.testimonialsTemplate_bus_card div div:after{ content: " "; background: url("/userfiles/images/icons/quote-icon-large.svg") no-repeat left center; width: 90px; height: 113px; position: absolute; top: 0px; right:-150px; -webkit-transform: scaleX(-1); } .widget .testimonials.testimonialsTemplate_portrait p, .widget .testimonials.testimonialsTemplate_bus_card p{ font-size: 20px; line-height: 30px; } @media (max-width: 1366px) { .widget .testimonials.testimonialsTemplate_portrait h2, .widget .testimonials.testimonialsTemplate_bus_card h2 { padding: 0%; text-align: left; } } @media (max-width: 1024px) { .widget .testimonials.testimonialsTemplate_bus_card div div:after{display: none;} .widget .testimonials.testimonialsTemplate_bus_card h2:before{ content: " "; background: url("/userfiles/images/icons/quote-icon-large.svg") no-repeat left center; width: 90px; height: 113px; position: absolute; top: -110px; } .widget .testimonials.testimonialsTemplate_portrait{ display: block; padding: 40px 8% 40px 8%; } .widget .testimonials.testimonialsTemplate_bus_card img{ margin: 0 auto 100px auto; } .widget .testimonials.testimonialsTemplate_portrait h2, .widget .testimonials.testimonialsTemplate_bus_card h2{ font-size: 18px; line-height: 25px; } .widget .testimonials.testimonialsTemplate_portrait p, .widget .testimonials.testimonialsTemplate_bus_card p{ font-size: 18px; line-height: 25px; } .widget .testimonials.testimonialsTemplate_portrait > div{ margin: 80px 0;} .widget .testimonials.testimonialsTemplate_portrait > div:first-of-type:after{ display: none;} .widget .testimonials.testimonialsTemplate_portrait > div:first-of-type{padding-right: 0%;} .widget .testimonials.testimonialsTemplate_portrait > div:last-of-type{ padding-left: 0%;} .widget .testimonials.testimonialsTemplate_bus_card > div{display: block;} } /****** ******/ /** REMOVE LATER .widget_id_90 .widget_grid_container:first-of-type, .widget_id_108 .widget_grid_container:first-of-type, .widget_id_115 .widget_grid_container:first-of-type{ display: none;} **/ /****** ACCORDION GRID ******/ .accordion{ counter-reset: countMe; } .accordion summary > h3::before { counter-increment: countMe; content: counter(countMe) ". "; } .accordion .widget_grid_container { width: 85%; float: right; padding: 0 8% 0 8%; margin-bottom: 80px; margin-top: 0px; } @media (max-width: 1024px) { .accordion .widget_grid_container { width: 100%; float: none; } } .accordion .widget_grid_child{ border-bottom: 1px solid #fff; } .accordion.white .widget_grid_child, .accordion.transparent .widget_grid_child, .accordion.grey .widget_grid_child{ border-bottom: 1px solid #000; } .accordion .widget_grid_child:first-of-type > div{ padding:40px 10px; } .accordion .widgets_accordion_container{ padding:40px 0 40px 0; } .accordion .widget_grid_child div > p.readmore{ text-align: right; margin: 40px 65px 0 0;} .accordion h3{ font-size: 30px; line-height: 40px; font-family: "SegoeUILight" !important; font-weight: 100 !important; margin-bottom: 0; padding: 15px 0; } @media (max-width: 1500px) { .accordion h3{ font-size: 25px; line-height: 35px; } } @media (max-width: 1024px) { .accordion h3{ font-size: 20px; line-height: 30px; text-transform: none; } } .accordion h4{ margin-top: 40px; margin-bottom: 20px; font-size: 20px; line-height: 20px; color: #fff; text-transform: uppercase; font-family: "SegoeUIBlack"; font-weight: 800; } @media (max-width: 1024px) { .accordion h4{ font-size: 16px; line-height: 16px; } } .accordion.white h4, .accordion.transparent h4, .accordion.grey h4{ color: #000; } .accordion summary{ position: relative; padding: 0 40px 0 10px; cursor: pointer; } .accordion summary:after{ content: " \002B"; margin-left: 10px; position: absolute; right: 10px; top: 17px; font-size: 35px; font-weight: 800; font-family: "SegoeUIBlack"; color: #fff; } @media (max-width: 1750px) { .accordion summary:after{ top: 15px; font-size: 30px; } } @media (max-width: 1500px) { .accordion summary:after{ top: 15px; font-size: 25px; } } .accordion.white summary:after, .accordion.transparent summary:after, .accordion.grey summary:after{ color: #000; } .accordion summary:hover{ background: rgba(0,0,0,0.11); } .accordion summary:focus{ background: rgba(0,0,0,0.11); outline: none; border-bottom: 2px solid #fff; } .white.accordion summary:focus, .grey.accordion summary:focus, .transparent.accordion summary:focus{ border-bottom: 2px solid #000; } .accordion summary:active:after, .accordion details:open summary:after{ content: " \002D"; right: 15px; } .accordion details{ } .accordion details > div{ color: #fff; padding: 40px 10px 0 10px; } .accordion.white details div, .accordion.transparent details div, .accordion.grey details div{ color: #000; } .accordion details ul{ margin-left: 22px; } .accordion details ul li{ font-size: 20px; list-style-type: square; line-height: 20px; } @media (max-width: 1366px) { .accordion details ul li{ font-size: 18px; line-height: 18px; } } /****** JOB WRAPPER STYLES ******/ .jobWrapper{ display: flex; flex-wrap: wrap; column-gap:3%; width: 100%; padding: 120px 8% 80px 8%; } .jobWrapper > div { padding: 20px; position: relative; flex: 0 0 31.33%; margin: 0; background: #fff; border-radius: 27px; margin-bottom: 3%; } .jobWrapper > div > a { display: flex; column-gap:7.5%; } .jobWrapper a{ text-decoration: none; color: #000; display: block; width: 100%; height: 100%; } .jobWrapper a:focus-visible{ color: #666; outline: none; } .jobWrapper a:focus-visible .job-company{ border-bottom: 2px solid #666; } .jobWrapper > div img{ flex: 0 0 33%; height: 100px; object-fit: cover; } .jobWrapper > div div{ flex: 0 0 57.5%; } .jobWrapper > div div .job-company{ font-size: 18px; line-height: 25px; font-weight: 800; font-family: "SegoeUIBlack"; text-transform: uppercase; margin-top: 20px; display: inline-block; } .jobWrapper > div div .job-title{ font-size: 20px; line-height: 24px; } .jobsboard form{ float: right; margin: 0 8% 0 0; } .jobsboard .searchicon{ width: 30px; height: 30px; border: none; } .jobsboard input[type='search']{ width: 250px !important; } input::placeholder{ text-transform: uppercase; } @media (max-width: 1280px) { .jobWrapper > div { flex: 0 0 48.5%; } } @media (max-width: 700px) { .jobWrapper{ column-gap:0%; } .jobWrapper > div { flex: 0 0 100%; } } /****** LOGO GRID ******/ .partner-logo-wrapper { position: relative; z-index: 50; width: 100%; padding: 0 8%; margin-top: 80px; } .partner-logo-list { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .partner-logo-item { height: 140px; margin-right: 2.5%; margin-bottom: 2.5%; margin-left: 2.5%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .partner-logo-item:focus-visible{ outline: 2px solid #000; } .partner-logo { max-height: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; } .partner-arrow-holder { position: relative; overflow: show; } .partner-arrow-holder { display: none; opacity: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .partner-hover-block { opacity: 1 !important; position: absolute; left: 0px; right: 0px; z-index: 200; padding: 30px 15px 25px; background-color: #2D6D9C; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.15); -webkit-transform: none; -ms-transform: none; transform: none; font-size: 16px; line-height: 1.7; border-radius: 27px; } .content-container.cc-partner-block { max-width: 100%; min-width: 0px; } .content-container { position: relative; max-width: 84%; margin-right: auto; margin-left: auto; padding: 20px 50px 20px 50px; display: flex !important; flex-wrap: wrap; column-gap: 5%; float: right; /* margin-bottom: 80px; removed for partner hover */ } @media (max-width: 1280px) { .content-container { max-width: 84%; padding: 20px 50px 20px 50px; float: none; } } .content-container > div.w-richtext { padding: 0; position: relative; flex: 0 0 60%; margin: 0; } .content-container > div.w-richtext a{ color: #fff; font-family: "SegoeUIBold"; font-weight: 600; } @media (max-width: 1700px) { .content-container > div.w-richtext { flex: 0 0 100%; columns: 2; margin-bottom: 40px; column-gap: 10%; } .content-container > div.w-richtext p{ break-inside: avoid; } } @media (max-width: 800px) { .content-container > div.w-richtext { columns: 1; } } .content-container > a.partner-link { position: relative; flex: 0 0 35%; margin: 0; padding: 0 50px 0 0; color: #e1e1e1; font-weight: 500; text-decoration: none !important; text-align: right; font-size: 35px; line-height: 40px; } @media (max-width: 1700px) { .content-container > a.partner-link { flex: 0 0 100%; } } @media (max-width: 650px) { .content-container > a.partner-link { font-size: 20px; line-height: 25px; } } .content-container > a.partner-link:after{ content: " \27F6"; position: absolute; margin-left: 10px; } a.partner-link:hover{ text-decoration: underline !important; } a.partner-link:focus-visible{ text-decoration: underline !important; outline: none; } .widget.white .partner-hover-block p, .widget.transparent .partner-hover-block p{ color: #fff; margin-bottom:20px; } .widget.white .partner-hover-block ul{ margin-left: 35px; margin-bottom: 25px; } .widget.white .partner-hover-block li{ color: #fff; list-style-type: square; } .widget.white .partner-hover-block p:last-of-type{ margin-bottom:0px; } .partner-arrow { left: 50%; margin-left: -10px; bottom: -10px; } .partner-arrow { position: absolute; display: block; width: 20px; height: 20px; background-color: #2D6D9C; box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .widget .content-container a.widget_button { color: #fff !important; font-size: 16px; line-height: 1.7em; text-decoration: underline; position: relative; font-weight: 400; font-family: "SegoeUI"; margin-right: 45px; } .centreText{ text-align: center;} .invisible, .sronly, #respnav-button-content { /* position: absolute; top: -9999px; left: -9999px; */ display: block; height: 0; width: 0; padding: 0; margin: 0; overflow: hidden; } .logogrid {margin: 80px 0;} /****** RESPORCE PORTAL CTA Styles ******/ .portalCTA .widget_inner{ padding: 0; margin: 0; } .portalCTA .widget_inner img{ display: block; max-width: 100%; } .portalCTA .widget_2col .widget_content:last-of-type{ margin-top: 9vw; } .portalCTA .widget_2col .widget_content h2, .portalCTA .widget_2col .widget_content p{ font-family: "SegoeUILight"; font-size: 4.5vw; line-height: 4vw; font-weight: 100; padding-bottom: 0; } .portalCTA .widget_2col .widget_content p strong{ color: #3F9BDD; font-size: 2vw; line-height: 2vw; text-transform: uppercase; display: block; margin: 0; } .portalCTA .widget_2col .widget_content h2 em { color: #38C80E; font-size: 4.5vw; line-height: 4vw; text-transform: lowercase; font-family: "SegoeUILight"; font-weight: 100; position: relative; text-decoration: none !important; font-style: normal; } .portalCTA .widget_2col{column-gap: 7%;} .portalCTA .widget_2col .widget_content h2 em::after{ content: ""; background: url("/userfiles/images/icons/fancy_underline.svg") no-repeat center center; background-size: contain; position: absolute; bottom: -5vw; left: 20px; width: 15vw; height: 10vw; } .portalCTA .widget_2col .widget_content p a{ display: block; margin-top: 7vw; } @media (max-width: 1320px) { .portalCTA .widget_2col { display: flex; flex-wrap: wrap; column-gap: 10%; } } /****** HOME GRAPHIC STYLES******/ .homeGraphic{ display: flex; flex-wrap: wrap; column-gap: 0%; width: 100%; padding: 40px 8% 0 8%; } .homeGraphic .widget_grid_container {margin-top: 0;} .home-graphic-icon{ flex: 0 0 50%; background: url("/userfiles/images/home_graphic.png") no-repeat center right; background: url("/userfiles/images/home_graphic_prideversion.png") no-repeat center right; background-size: contain; width:50%; margin-top: -170px; } @media (max-width: 1366px) { .home-graphic-icon{ margin-bottom: -50px; } } @media (max-width: 1280px) { .home-graphic-icon{ flex: 0 0 100%; background: url("/userfiles/images/Open-Doors-Initiatives-Logo_graphic.jpg") no-repeat center center; background: url("/userfiles/images/Open-Doors-Initiatives-Logo_graphic_prideversion.jpg") no-repeat center center; width:50%; min-height: 150px; margin-bottom: 60px; background-size: contain; } .home-graphic-icon{ margin-top: 0px; } } @media (max-width: 768px) { .home-graphic-icon{ display: none; } } .homeGraphic .widget_grid_container{ flex: 0 0 50%; padding: 0; } @media (max-width: 1280px) { .homeGraphic .widget_grid_container{ flex: 0 0 100%; padding: 0; display: flex; column-gap: 5%; } .homeGraphic .widget_grid_child{ flex: 0 0 30% !important; } } @media (max-width: 768px) { .homeGraphic .widget_grid_container{ display: block; } } .homeGraphic .widget_grid_child a{ display: flex; flex-wrap: wrap; column-gap: 3%; width: 100%; text-decoration: none; margin: 0 0 100px 0; } @media (max-width: 1700px) { .homeGraphic .widget_grid_child a{ margin: 0 0 75px 0; } } @media (max-width: 1280px) { .homeGraphic .widget_grid_child a{ display: block; } } @media (max-width: 768px) { .homeGraphic .widget_grid_child a{ margin: 0 0 40px 0; } } .accordion .widget_grid_child .widget_content a{ display: inline; } .accordion .widget_grid_child table a{ margin: 0; color:#fff; text-decoration: underline; display: inline; } .accordion .widget_grid_child table a:hover{ text-decoration: none; } .accordion .widget_grid_child table a:focus{ outline: 2px solid #fff; } .accordion .widget_grid_child p a{ text-decoration: underline; /*display: block;*/ } .accordion .widget_grid_child p:not(:last-of-type) a{ margin: 0 0 0 0; } .accordion .widget_grid_child p a.widget_button{ margin: 0 60px 40px 0; text-align: right; text-decoration: none; } .accordion .widget_grid_child p a.widget_button:hover, .accordion .widget_grid_child p a.widget_button:focus{ text-decoration: underline; } .widget_grid_child a:first-of-type{ margin-top: 0px; } .homeGraphic .home-graphic-link .home-graphic-link-image{ padding: 15px; position: relative; flex: 0 0 30%; margin: 0; align-items: center; display: flex; } @media (max-width: 1280px) { .homeGraphic .home-graphic-link .home-graphic-link-image{ flex: 0 0 20%; margin-bottom: 25px; } } @media (max-width: 768px) { .homeGraphic .home-graphic-link .home-graphic-link-image{ display: block; width: 100px; margin-bottom: 15px; } } .homeGraphic .home-graphic-link .home-graphic-link-image img{ display: block; margin: 0 auto; height: 130px; } @media (max-width: 1700px) { .homeGraphic .home-graphic-link .home-graphic-link-image img{ height: 100px; } } @media (max-width: 1366px) { .homeGraphic .home-graphic-link .home-graphic-link-image img{ height: 60px; } } @media (max-width: 1280px) { .homeGraphic .home-graphic-link .home-graphic-link-image img{ height: 150px; padding: 25px 0; } } @media (max-width: 768px) { .homeGraphic .home-graphic-link .home-graphic-link-image img{ height: 50px; padding: 0 0; } } .homeGraphic .home-graphic-link .home-graphic-link-text{ padding: 0; position: relative; flex: 0 0 65%; margin: 0px 0 0 0; } @media (max-width: 1280px) { .homeGraphic .home-graphic-link .home-graphic-link-text{ flex: 0 0 100%; } } .homeGraphic .home-graphic-link .home-graphic-link-text h2{ font-size: 24px !important; line-height: 35px !important; font-family: "SegoeUI"; font-family: "SegoeUIBold"; font-weight: 600 !important; margin-bottom: 10px; text-transform: uppercase; color: #333; } .homeGraphic .home-graphic-link .home-graphic-link-text p{ font-size: 18px; line-height: 25px; } @media (max-width: 1700px) { .homeGraphic .home-graphic-link .home-graphic-link-text h2{ font-size: 22px !important; line-height: 30px !important; margin-bottom: 10px; } .homeGraphic .home-graphic-link .home-graphic-link-text p{ font-size: 16px; line-height: 25px; } .homeGraphic .home-graphic-link .home-graphic-link-text{ margin: 0 0 0 0; } } @media (max-width: 1366px) { .homeGraphic .home-graphic-link .home-graphic-link-text h2{ font-size: 20px !important; line-height: 25px !important; margin-bottom: 0px; } .homeGraphic .home-graphic-link .home-graphic-link-text p{ font-size: 16px; line-height: 23px; } .homeGraphic .home-graphic-link .home-graphic-link-text{ margin: 0 0 0 0; } } @media (max-width: 1280px) { .homeGraphic .home-graphic-link .home-graphic-link-text h2{ margin-bottom: 0; min-height: 75px; } } @media (max-width: 768px) { .homeGraphic .home-graphic-link .home-graphic-link-text h2{ margin-bottom: 15px; min-height: 25px; } } .page-index .widget_grid_child:nth-of-type(1) .home-graphic-link-image{ background: #2D6D9C; } .page-index .widget_grid_child:nth-of-type(2) .home-graphic-link-image{ background: #214C6D; } .page-index .widget_grid_child:nth-of-type(3) .home-graphic-link-image{ background: #2A8068 } .NewsGrid .home-graphic-link{ } .NewsGrid .widget_grid_container { display: flex; flex-wrap: wrap; column-gap: 5%; width: 100%; padding: 30px 8% 0px 8%; } .NewsGrid .widget_grid_container .widget_grid_child{ padding: 0; position: relative; flex: 0 0 30%; margin: 0; margin-bottom: 4% !important; width: 30%; flex-basis: 30%; background: #fff; border-radius: 20px; overflow: hidden; } .NewsGrid .widget_grid_container .widget_grid_child a{ width: 100%; height: 100%; display: block; } .NewsGrid .widget_grid_container .widget_grid_child a:hover{} .NewsGrid .widget_grid_container .widget_grid_child .home-graphic-link-image{height: 15vw; margin-bottom: 20px;} .NewsGrid .widget_grid_container .widget_grid_child .home-graphic-link-image img{ overflow: hidden; object-fit: cover; height: 100%; width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: transform .2s } #widget_id168 a:focus h2{ text-decoration: underline; } .NewsGrid .widget_grid_container .widget_grid_child a:hover .home-graphic-link-image img, .NewsGrid .widget_grid_container .widget_grid_child a:focus .home-graphic-link-image img{ transform: scale(1.05); } .NewsGrid .widget_grid_container .widget_grid_child a{ text-decoration: none; color: #17344A;} .NewsGrid .widget_grid_container .widget_grid_child h2{ color: #17344A; text-transform: none !important; font-size: 20px; line-height: 27px !important; font-weight: 400 !important; padding: 0 20px 20px 20px; font-family: "SegoeUI"; } .NewsGrid .widget_grid_container .widget_grid_child time{ font-size: 16px; color: #17344A; padding: 0 20px 0 20px; } @media (max-width: 1366px){ .NewsGrid .widget_grid_container .widget_grid_child{ flex: 0 0 47.5%; margin-bottom: 4% !important; width: 47.5%; flex-basis: 47.5%; } .NewsGrid .widget_grid_container .widget_grid_child .home-graphic-link-image{height: 25vw; } } @media (max-width: 900px){ .NewsGrid .widget_grid_container .widget_grid_child .home-graphic-link-image{height: 20vw; } } @media (max-width: 768px){ .NewsGrid .widget_grid_container .widget_grid_child{ flex: 0 0 100%; margin-bottom: 8% !important; width: 100%; flex-basis: 100%; } .NewsGrid .widget_grid_container .widget_grid_child .home-graphic-link-image{height: 45vw; } } /****** MAIN MENU ******/ #megamenu-1{ /* background: #17344A; */ width: calc(100% - 480px); padding: 0; margin-top: 25px; /* border-bottom-right-radius: 45px; border-top-right-radius: 45px; position: absolute; z-index: 100; animation:topnav 0.5s; -moz-animation:topnav 0.5s; -webkit-animation:topnav 0.5s; */ position: absolute; left: 50%; transform: translate(-51.5%, 0%); text-align: center; } @keyframes topnav{ from {left: -600px;} to{left:0px;} } @-moz-keyframes topnav{ from {left: 600px;} to{left:0px;} } @-webkit-keyframes topnav{ from {left: 600px;} to{left:0px;} } #respnav-button{ display: none;} #mm_small_more_trigger{ position: relative;} #megamenu-2 { display: none; clear: both; margin-top: 30px; width: calc(100% - 300px); padding: 0; position: absolute; left: 50%; transform: translate(-50%, 0%); text-align: center; } @media (max-width: 1024px){ #megamenu-2 { margin-top: 10px;} } #megamenu-2 > ul { display: flex; flex-wrap: wrap; column-gap: 10px; justify-content: center; } #megamenu-2 > ul > li { list-style-type: none; margin-bottom: 25px; } #megamenu-1 ul, #megamenu-2 > ul{ display: flex; flex-wrap: wrap; column-gap: 10px; justify-content: center; } #megamenu-1 ul ul, #megamenu-2 ul ul{justify-content: left;} #megamenu-1 ul li, #megamenu-2 ul li{ position: relative;} #megamenu-3, #megamenu-1 ul ul, #megamenu-2 ul ul{ display: none; padding-top: 20px; background: #132A3B; padding: 0px 0 0 0; position: absolute; top: 35px; left: -7px; border-radius: 10px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; } #megamenu-1 ul ul{top: 39px;} #megamenu-3 li, #megamenu-1 ul ul li, #megamenu-2 ul ul li{ padding: 0 30px; text-align: left; white-space: nowrap; display: block; } #megamenu-1 ul ul li, #megamenu-2 ul ul li{ padding: 0; margin: 0; } #megamenu-1 li, #megamenu-2 li{ list-style-type: none; margin-bottom: 25px; } #megamenu-1 li a, #megamenu-2 li a{ color: #fff; text-decoration: none; font-family: "SegoeUI"; font-weight: 400; position: relative; width: 100%; height: 100%; padding: 10px 20px 11px 20px; font-size: 20px; line-height: 20px; } #megamenu-1 > ul li a:hover, #megamenu-2 > ul li a:hover, #megamenu-1 > ul li a:focus, #megamenu-2 > ul li a:focus{ border-bottom: 5px solid #fff; outline: none; } #megamenu-1 li a:hover + ul, #megamenu-1 li a + ul:hover, #megamenu-2 li a:hover + ul, #megamenu-2 li a + ul:hover, #megamenu-2 li a:hover + #megamenu-3, #megamenu-3:hover, #megamenu-1 li a:focus + ul, #megamenu-1 li:focus-within ul, #megamenu-2 li a:focus + ul, #megamenu-2 li:focus-within ul, #megamenu-2 li a:focus + #megamenu-3, #megamenu-2 li:focus-within #megamenu-3 { display: block; outline: none; } #megamenu-1 ul ul li a, #megamenu-2 ul ul li a{ padding: 15px 30px; border-bottom: 1px solid #fff; display: block; font-size: 18px; line-height: 18px; } #megamenu-1 ul ul li a:hover, #megamenu-2 ul ul li a:hover, #megamenu-1 ul ul li a:focus, #megamenu-2 ul ul li a:focus{ border-bottom: 1px solid #fff !important; background: #214C6D; } #megamenu-1 ul ul li:first-of-type a:hover, #megamenu-2 ul ul li:first-of-type a:hover, #megamenu-1 ul ul li:first-of-type a:focus, #megamenu-2 ul ul li:first-of-type a:focus{ border-top-left-radius: 10px; border-top-right-radius: 10px; } #megamenu-1 ul ul li:last-of-type a:hover, #megamenu-2 ul ul li:last-of-type a:hover, #megamenu-1 ul ul li:last-of-type a:focus, #megamenu-2 ul ul li:last-of-type a:focus{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #megamenu-1 ul ul li:last-of-type a, #megamenu-1 ul ul li:last-of-type a:hover, #megamenu-1 ul ul li:last-of-type a:focus, #megamenu-2 ul ul li:last-of-type a, #megamenu-2 ul ul li:last-of-type a:hover, #megamenu-2 ul ul li:last-of-type a:focus{ border: none; } @media (max-width: 1366px){ #megamenu-3, #megamenu-1 ul ul, #megamenu-2 ul ul{ top: 30px; } #megamenu-1 ul ul{top: 34px;} #megamenu-2 ul{ column-gap: 0;} #megamenu-2 li a{ font-size:18px;} } @media only screen and (max-width: 1300px) { #megamenu-1 { display: none; } #megamenu-2 { display: block; } } @media only screen and (max-width: 768px) { #megamenu-1 { display: none; } #megamenu-2 { display: none; } #respnav-button { display: inline-block; position: absolute; height: 40px; width: 40px; top: 23px; left: 30px; } } @media (max-width: 768px) { #megamenu-1{ width: 450px; padding: 30px; margin-top: 65px; } #megamenu-1 li{ margin-bottom: 15px; } #megamenu-1 li a{ font-size: 20px; line-height: 20px; } } @media (max-width: 768px) { #megamenu-1{ width: 100%; border-bottom-right-radius: 20px; border-top-right-radius: 20px; position: absolute; z-index: 100; animation:topnav 0.5s; -moz-animation:topnav 0.5s; -webkit-animation:topnav 0.5s; background: #214A69; } #megamenu-1 ul{ display: block; } #megamenu-1 li{ margin-bottom: 5px; display: block; } #megamenu-1 li a{ line-height: 16px; display: block; text-align: left; font-size: 20px; } #megamenu-1 ul ul{ display: block; position: relative; top: 2px; } #megamenu-1 > ul li a:hover, #megamenu-1 ul ul li:last-of-type a:hover, #megamenu-1 > ul li a:focus, #megamenu-1 ul ul li:last-of-type a:focus { border-bottom: none !important; } } /****** ******/ img.alignRight{ float: right; margin: 0 0 25px 25px;} /* .contactform { margin-bottom: 80px; } */ @media (max-width: 1024px) { .contactform, .contactform .widget_inner{ margin-bottom: 0px; } } /****** FILTERS ******/ .filters_outer{ display: block; margin: 0 8% 0 8%; border-radius: 10px; } .filters_outer h3 { padding: 0; position: relative; flex: 0 0 35%; margin: 0; font-size: 40px; font-weight: 800; text-transform: lowercase; margin-top: -5px !important; color: #fff; width: 50%; font-family: "SegoeUIBlack"; } .filters_outer .widget_inner{ padding: 0;} .filters_outer a, .filters_outer label{ color: #000 !important; } .filters_outer a.doc_filter_tab{ text-decoration: none; background: url("/userfiles/images/icons/resources_filter.svg") no-repeat left center; padding: 0 0 0 40px; } .rpp_reset_all_filters_button{ text-decoration: none; background: url("/userfiles/images/icons/resources_reset.svg") no-repeat left center; padding: 0 0 0 40px; } .rpp_sort_filters_button{ text-decoration: none; background: url("/userfiles/images/icons/resources_sort.svg") no-repeat left center; padding: 0 0 0 40px; } .filters_outer a.doc_filter_tab:focus{ outline: 2px solid #000; text-decoration: none; } .widgets_documents_sort_container{text-align: right; float: right; margin-top: 40px;} .widgets_documents_sort_container .fancy_select{ float: none;} .widgets_documents_filter_container{ clear: both;} .chosen-select{width:72%;} .filtercontrols{ margin: 0; padding: 0; text-align: right;} .filtercontrols li { list-style-type: none; display: inline; margin: 0 0 0 50px; } .filtercontrols li a{ min-height: 35px; display: inline-block; border-bottom: 2px solid transparent;} .filtercontrols li a:hover, .filtercontrols li a:focus, .filtercontrols li a:focus-visible{ outline: none !important; border-bottom: 2px solid #000; } @media (max-width: 1024px){ .filters_outer .widget_inner{ margin: 40px 0;} } @media (max-width: 650px){ .filters_outer h3 { width: 100%; text-align: center; } .filters_outer a.doc_filter_tab{ float: none; margin-top: 30px; text-align: center; display: block; } .filters_outer a, .filters_outer label{ display: block; width: 100%; } .chosen-select{width:100%;} } .nocookies_show { display: none; } .rpp_reset_all_filters_button{ } .rpp_reset_all_filters_button:hover{ text-decoration: none; } .rpp_reset_all_filters_button:focus{outline: 2px solid #000; text-decoration: none; } .loggedinstatus{ margin-bottom: 40px;} #widget_id105 div.rpp_downloadable_container{padding: 0px 8% 40px 8%;} /* our values icon grid */ #widget_id166 h2, #widget_id171 h2, #widget_id157 h2, #widget_id172 h2 { margin-top: 0 !important;} #widget_id166 h3, #widget_id171 h3 { margin-top: 40px !important;} @media (max-width: 650px){ .rpp_dl_record_count{ text-align: center; } } /**** COOKIE STYLES *****/ .blocker { z-index: 9998; } #tracksharemodal { z-index: 9999; max-width: 800px; border-radius: 2px; padding: 20px; width: 100%; } #tracksharemodal h1 { margin: 0 0 20px 0; font-size: 28px; } #tracksharemodal p { margin: 0 0 10px 0; } #tracksharemodal label { display: block; margin: 10px 0; } /*#tracksharemodal input { width: auto; margin: 10px 5px 10px 0; }*/ #tracksharemodal input[type='submit'] { padding: 10px 0; width: 100%; margin: 10px 0; background-color: #35888E; color: #ffffff; cursor: pointer; border-radius: 6px; } #tracksharemodal input[type='submit']:hover { background-color: #eeeeee; color: #333333; } .ilc-preference-body-wrapper { max-height: 400px; overflow-y: scroll; padding-right: 10px; } .ilc-preference-body-wrapper ul { list-style: none; } .ilc-cookie-des-table { padding: 10px; } .ilc-audit-table .ilc-cookie-des-table li { list-style-type: none; display: flex; padding: 3px 0; } .ilc-cookie-des-table li h4{ width: 100px; font-weight: 600; font-family: "SegoeUIBold"; word-break: break-word; word-wrap: break-word; } .ilc-cookie-des-table li div { flex: 1; word-break: break-word; word-wrap: break-word; margin-left: 8px; } /*.ilc-accordion { cursor: pointer; }*/ .ilc-accordion .ilc-accordion-body { display: none; } .ilc-accordion.ilc-accordion-active .ilc-accordion-body { display: block; } .ilc-always-active { font-weight: 800; color: green; float: right; display: inline-block; text-align: right; text-transform: uppercase; font-size: 16px; font-family: "SegoeUIBlack"; } .ilc-prefrence-btn-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; /*padding: 22px 24px;*/ padding: 20px 0; /*border-top: 1px solid;*/ } .ilc-prefrence-btn-wrapper .ilc-btn { flex: auto; max-width: 100%; text-shadow: none; box-shadow: none; } button.ilc-btn { font-family: inherit; line-height: 24px; padding: 8px 10px; font-weight: 500; margin: 10px 8px 0 0; border-radius: 2px; white-space: nowrap; cursor: pointer; text-align: left; text-transform: none; min-height: 0; font-size: 18px; color: #2D6D9C !important; background: none; border: 1px solid #2D6D9C; } button.ilc-btn:last-child { margin-right: 0; } button.ilc-btn-accept{ background: #2D6D9C; color: #fff !important; text-align: left; } button.ilc-btn::after{right: 10px; } .ilc-accordion .ilc-accordion-chevron i::before { content: ""; position: absolute; border-right: 1.4px solid; border-right-color: currentcolor; border-bottom: 1.4px solid; border-bottom-color: currentcolor; border-color: inherit; height: 6px; width: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.2s ease-in-out; top: 8px; } .ilc-accordion.ilc-accordion-active .ilc-accordion-chevron i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .ilc-accordion .ilc-accordion-item { display: flex; margin-top: 10px; } .ilc-accordion-chevron { margin-right: 22px; margin-top: 2px; position: relative; cursor: pointer; } .ilc-switch { display: flex; float: right; } .ilc-switch input[type="checkbox"] { position: relative; width: 44px; height: 24px; margin: 0; background: #d0d5d2; -webkit-appearance: none; border-radius: 50px; cursor: pointer; outline: 0; border: none; top: 0; } .ilc-switch input[type="checkbox"]:focus{ outline: 2px solid #2D6D9C;; } .ilc-switch input[type="checkbox"]::before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; border-radius: 50%; background-color: #fff; -webkit-transition: 0.4s; transition: 0.4s; margin: 0; } .ilc-switch input[type="checkbox"]::before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; border-radius: 50%; background-color: #fff; -webkit-transition: 0.4s; transition: 0.4s; margin: 0; } .ilc-switch input[type="checkbox"]:checked::before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .ilc-accordion-header h3{ max-width: calc(100% - 64px); float: left; } input[type='checkbox'].ilcSwitch { clear: none;} .ilc-accordion-header-des, .ilc-cookie-des-table{ clear: both; font-size: 16px !important; line-height: 20px;} form a.cookiemodal_moredetails{ color: #2D6D9C; text-decoration: underline; float: none; white-space: nowrap;} .ilc-preference-content-wrapper{font-size: 16px !important; line-height: 20px;} .ilc-preference-content-wrapper a{color: #2D6D9C; text-decoration: underline; } .modalclose { float: right; color: #666; text-decoration: none; border: 1px solid #666; padding: 5px; font-size: 16px; line-height: 16px; text-transform: uppercase; } #tracksharemodal h2{ margin-bottom: 20px; font-weight: 800; font-family: "SegoeUIBlack";} #tracksharemodal h3{ margin-bottom: 0px; } #tracksharemodal a:focus{ outline: 2px solid #2D6D9C; border-radius: 5px;} #tracksharemodal button:focus{border: 1px solid #fff; outline: 2px solid #2D6D9C; background: #214C6D; color: #fff !important;} /**** *****/ .inpage_link_target{ text-decoration: none !important; position: relative; font-size: 0; line-height: 0; height: 0; position: absolute; } .inpage_link_target:after{ color: #fff; font-size: 40px; text-decoration: none; padding: 40px 20px 50px 20px; position: absolute; top: 20px; height: auto; margin: 20px; } .inpage_link_target:focus-visible, .inpage_link_target:focus{ outline: none; font-size: 40px; height: auto; } .inpage_link_target:focus-visible:after, .inpage_link_target:focus:after{ outline: #fff 2px solid; content: "\27F6"; height: auto; } .white .inpage_link_target:after, .grey .inpage_link_target:after, .transparent .inpage_link_target:after{ color: #000; height: auto; } .white .inpage_link_target:focus-visible:after, .white .inpage_link_target:focus:after, .grey .inpage_link_target:focus-visible:after, .grey .inpage_link_target:focus:after, .transparent .inpage_link_target:focus:after, .transparent .inpage_link_target:focus-visible:after{ outline: #000 2px solid; } @media (max-width: 1366px){ .inpage_link_target:after{ padding: 10px 20px 20px 20px; top: 0; } } @media (max-width: 601px){ .inpage_link_target:focus:after{ outline: transparent 2px solid !important; } } .displaynone { display: none; } .widget_content_accordion{ text-align: right;} .widget_button.widget_content_accordion_button{ font-size: 1vw !important; line-height: 1vw !important; font-family: "SegoeUIBold" !important; font-weight: 600 !important; } .widget_button.widget_content_accordion_button:after{ content: "" !important; } .form_ajax_result{display: none; width: 100%;} #header_login{ background: #fff; padding:10px; position: absolute; right: 0; z-index: 500; /* display: none; */ } #header_login .button:first-of-type{ margin-bottom: 10px; } #header_login .button{ background: #000; text-transform: uppercase; font-size: 14px; padding: 10px 25px; display: block; width: 100%; color: #fff; text-align: center; text-decoration: none; } #header_login .button.btn_green{ background: #2A8068; } #header_login .button.btn_navy{ background: #1F4765; } #header_login .button.btn_green:hover, #header_login .button.btn_green:focus{ background: #2D6D9C; border-radius: 0; } #header_login .button.btn_navy:hover, #header_login .button.btn_navy:focus{ background: #2D6D9C; border-radius: 0; } .page-Login #widget_id83 .widget_content{ border: none;} .page-Login #widget_id83.fiftyFifty .widget_2col .widget_content:first-of-type{ flex: 0 0 100%; margin: 0 auto; } .page-Login .h1container{ display: none;} .page-Login .contentarea { flex: 0 0 100% !important; margin: 0 auto !important; } .page-Create-Account #loginForm{ display: none; } /* document lined page widget 182 */ #widget_id182 .widget_content { text-align: center; } #widget_id182 .docPanel { max-width: 340px; margin: 0 auto 4%; text-align: left; } #widget_id182 .docPanel a:focus .docInfoPanel, #widget_id182 .docPanel a:focus-visible .docInfoPanel { display: none; } #widget_id182 .docPanel a:focus, #widget_id182 .docPanel a:focus-visible { outline: 2px solid #fff; } .loginContent p{ width: calc(100% - 100px); float: left;}