body {
--primary-red: #8D1918;
--primary-blue: #1A76CA;
--primary-navy: #145D9E;
--navy-shade1: #2A75B7;
--navy-shade2: #418CCC;
--accent: #68C7BD;
--black: #000000;
--dgrey: #62676C;
--coolgrey: #929FA9;
--grey: #BDC3C7;
--lgrey: #E1E4E6;
--transition: all 0.4s ease-in-out;
--transition-fast: all 0.2s ease-in-out;
}
#Content { padding-top: 0px; }
.section.the_content.has_content {
padding-top: 120px;
margin-bottom: 50px;
} body {
color: var(--black);
}
a {
color: var(--primary-blue);
transition: var(--transition) !important; 
}
h4 { text-transform: uppercase; }
h5 a:hover { color: var(--primary-blue); } .button { display: inline-block !important; }
.button:not(.transparent):not(.slick-arrow) {
border: 2px solid var(--primary-navy);
text-transform: uppercase;
}
.button.button_size_1 { font-size: 14px; font-weight: 600; }
.button.button_size_2 { font-weight: 600; }
.button.transparent {
padding: 0px;
overflow: visible;
font-size: 18px;
text-transform: initial;
}
.button.transparent, .button.outline {
background-color: transparent !important;
color: var(--primary-navy) !important;
}
.button:not(.slick-arrow):hover {
background-color: var(--primary-blue);
border-color: var(--primary-blue);
}
.button.transparent:hover {
color: var(--primary-blue) !important;
}
.button.transparent:hover:before {
transform: translate(4px, -4px) rotate(-45deg);
color: var(--accent);
}
.button.outline:hover {
border-color: var(--primary-navy);
background-color: var(--primary-navy) !important;
color: #FFF !important;
transition: none;
}
.button.outline:hover:before {
transition: none;
}
.dark .button.transparent, .dark .button.outline {
color: #FFF !important;
border-color: #FFF;
}
.dark .button.transparent:hover {}
.dark .button.outline:hover {
background-color: #FFF !important;
color: var(--primary-navy) !important;
}
.button:after { content: none !important; }
.button:not(.slick-arrow):before {
position: relative;
bottom: -0.5px;
content: '\f061';
float: right;
margin-left: 12px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
transform: translate(0px, 0px) rotate(-45deg);
transition: var(--transition);
}
.button.white:before { color: #FFF !important; }
.button.outline:before {
position: relative;
bottom: -0.5px;
content: '\f061';
float: right;
margin-left: 12px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
transform: translate(0px, 0px) rotate(-45deg);
transition: none;
}
.button.underline {
font-size: 16px;
padding: 0 !important;
margin: 0 !important;
}
.button.underline:before {
display: block;
position: absolute;
content: "";
left: 0;
bottom: -7px;
width: 100%;
height: 2px;
margin: 0;
background-color: var(--accent);
transform: none;
}
.button.underline:hover { color: var(--primary-blue); }
.button.underline:hover:before {
background-color: var(--primary-navy);
transform: none;
} body:not(.template-slider) #Header {
min-height: auto;
}
#Top_bar .column.one { flex-wrap: wrap; }
#Top_bar #logo { width: 210px; }
@media only screen and (min-width: 1240px) {
html[lang="fr-FR"] #Top_bar #logo { width: 150px; }
} #Top_bar .search_wrapper {
position: static;
width: 100%;
max-width: none;
transform: none;
background: none;
border-radius: 0px;
box-shadow: none;
}
#Top_bar #searchform { justify-content: flex-end; }
#Top_bar #searchform input { max-width: 300px; }
#Top_bar #searchform input:focus {
color: var(--primary-navy);
background-color: rgba(233, 245, 252, 1) !important;
}
#Top_bar .search_wrapper .icon_close {
position: static;
width: auto;
height: auto;
margin-left: 28px;
font-size: 16px;
font-weight: 500;
color: var(--coolgrey);
transform: none;
}
#Top_bar .search_wrapper .icon_close .icon {
margin-left: 10px;
position: relative;
top: 0.5px;
font-weight: bold;
font-size: 14px;
color: var(--coolgrey);
}
#Top_bar .search_wrapper .icon_close:hover .icon { top: 1.5px; }
#searchform {
display: flex;
margin-bottom: 20px;
}
#searchform input,
#Top_bar .search_wrapper #searchform input {
width: 100%;
max-width: 350px;
height: 36px;
padding: 10px 10px 10px 15px;
background: #F8F8F8;
}
#searchform button {
width: 36px;
height: 36px;
padding: 0;
margin: 0;
}
#searchform button img {
position: relative;
top: 2px;
}
#searchform button:hover { background: var(--primary-blue); } #Top_bar .menu > li > a:not(:hover):not(:focus):before {
height: 0;
width: 0;
left: 50%;
}
#Top_bar .menu > li > a:before {
display: block;
position: absolute;
content: "";
left: 18px;
bottom: 20px;
width: calc(100% - 36px);
height: 2px;
background-color: var(--accent);
transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1);
}
html[lang="fr-FR"] #Top_bar .menu > li > a:before {
left: 12px;
width: calc(100% - 24px);
}
#Top_bar .menu > li .menu-arrow {
position: relative;
top: 0;
left: -15px;
line-height: 1;
}
html[lang="fr-FR"] #Top_bar .menu > li .menu-arrow { left: -9px; } #our-capabilities .list_item.lists_3 .list_right h4 {
font-size: 22px;
font-weight: 500;
text-transform: none;
}
.section-why .why-counter > div { height: calc(100% - 24px); } .page-hero {
height: 60vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.page-hero.page-hero-mobile { display: none; }
.page-hero.page-hero-mobile img {
object-fit: cover;
width: 100%;
max-height: 150px;
} #why-work-with-us .column .mcb-column-inner {
margin-left: 25px;
margin-right: 25px;
}
#why-work-with-us .list_item { text-align: center; }
#why-work-with-us .list_item .list_image { margin: 0 auto 20px auto; }
#why-work-with-us .list_item .list_image img { max-height: 62px !important; }
#why-work-with-us h4 {
color: var(--primary-navy);
text-transform: none;
} #our-team { padding-bottom: 60px; }
#team-navigation {
display: flex;
flex-wrap: wrap;
margin-bottom: -30px;
}
#team-navigation li {
margin-right: 16px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 700;
}
#team-navigation li.jump {
font-size: 18px;
font-weight: 500;
}
#team-navigation li a:hover { text-decoration: none; }
.members { padding-top: 60px; }
.members > .mcb-column-inner { margin-bottom: 0px; }
.members h3 { margin-bottom: 40px; }
.members hr {
height: 2px;
margin-bottom: 0px;
background-color: var(--lgrey);
}
.members:last-of-type hr { display: none; }
.member-grid {
display: grid;
grid-template-areas:
"item item item"
"bio bio bio";
grid-template-columns: 1fr 1fr 1fr;
gap: 0 25px;
}
.member {
display: flex;
width: 330px;
padding: 20px;
margin-bottom: 55px !important;
background: #FCFCFC;
box-shadow: 0px 0px 10px #00000017;
}
.member img {
width: 110px;
height: 160px;
object-fit: cover;
}
.member-content {
display: flex;
flex-wrap: wrap;
flex-direction: column;
width: 100%;
position: relative;
padding-left: 20px;
}
.member-content h6 {
margin-bottom: 5px;
text-transform: none;
font-weight: 500;
color: var(--primary-navy);
}
.member-content > span {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 14px;
font-size: 14px;
line-height: 18px;
color: var(--dgrey);
}
.member-content-contact { margin-bottom: 15px; }
.member-content a {
text-decoration: none;
color: var(--primary-blue);
}
.member-content a:hover { color: var(--accent) !important; }
.member-content a:first-of-type:not(.read-bio) { margin-right: 16px; }
.member-content a.read-bio {
display: block;
margin-top: auto;
color: var(--primary-navy);
text-transform: uppercase;
}
.member-content a.read-bio span { margin-left: 7px; }
.member-bio {
display: none;
grid-area: bio;
margin: -20px 0 40px 0;
overflow: hidden;
background: #F8F8F8;
}
.member-bio-wrap { padding: 32px 32px 17px; }
.member-bio-wrap img {
float: left;
padding-right: 20px;
max-width: 110px;
}
.member-bio-wrap .close-btn {
position: absolute;
right: 32px;
padding: 0;
font-size: 14px;
font-weight: 500;
color: var(--black);
background: none;
transition: var(--transition-fast);
}
.member-bio-wrap .close-btn i {
margin-left: 6px;
top: 1px;
position: relative;
color: var(--primary-red);
transition: var(--transition-fast);
}
.member-bio-wrap .close-btn:hover,
.member-bio-wrap .close-btn:hover i { color: var(--primary-blue); }
.member-bio-wrap .close-btn:after { content: none; }
.member-bio-wrap .bio-name {
width: 100%;
display: block;
margin-bottom: 32px;
font-size: 18px;
font-weight: 500;
color: var(--dgrey);
}
.member-bio-wrap h5 {
margin-bottom: 32px;
font-size: 16px;
line-height: 22px;
font-weight: normal;
}
.member-bio-wrap h5 em { font-style: normal; }
.member-bio-wrap h5 strong { font-weight: normal; }
.member-bio-wrap .bio-stats { margin-bottom: 32px; }
.member-bio-wrap .bio-title,
.member-bio-wrap .bio-qualifications {
display: block;
color: var(--primary-navy);
}
.member-bio-wrap .bio-qualifications { margin-top: 5px; }
#research-staff { padding-top: 60px; } #blog-filters {
display: flex;
justify-content: center;
gap: 0 25px;
margin-bottom: 90px;
}
#blog-filters a {
position: relative;
color: var(--coolgrey);
font-weight: bold;
}
#blog-filters a:after {
content: '';
display: block;
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 4px;
background: var(--lgrey);
transition: var(--transition) !important;
}
#blog-filters a:hover { text-decoration: none; }
#blog-filters a.active,
#blog-filters a:hover { color: var(--primary-navy); }
#blog-filters a.active:after,
#blog-filters a:hover:after { background: var(--primary-blue); }
#blog-filters-mobile {
margin: 0 0 40px 0;
padding: 0;
}
#blog-filters-mobile .form-select-inner {
max-width: 300px;
margin: 0 auto;
} #project { padding-top: 60px; }
#project > .mcb-wrap-inner:nth-of-type(1) { max-width: 970px; }
#project h2 { margin-top: 60px; }
#project h2, #project p { margin-bottom: 25px; }
#project h5 {
margin-bottom: 10px;
text-transform: uppercase;
color: var(--black);
}
#project ul {
list-style: disc inside;
line-height: 30px;
}
#project p.authors {
margin-bottom: 0px;
font-size: 18px;
}
#project p.authors a {
color: var(--black);
margin-left: 15px;
text-decoration: underline;
}
#project p.authors a:hover { color: var(--primary-blue); }
#project p.stats {
line-height: 30px;
font-size: 16px;
}
#project .parent {
font-style: italic;
color: var(--primary-blue) !important;
}
#project .child { color: var(--primary-blue) !important; }
#project hr {
height: 2px;
margin-top: 20px;
background-color: var(--lgrey);
}
#project-latest h2 { margin-bottom: 50px; } #job {
max-width: 1000px;
padding: 115px 0 65px 0;
}
#job p { line-height: 25px; }
#job h2 { margin-bottom: 32px; }
#job h3 { margin-bottom: 24px; }
#job h3:first-of-type {
margin-bottom: 40px; }
#job h4 {
margin-bottom: 16px;
margin-top: 40px;
color: var(--primary-navy);
text-transform: none;
}
#job ul {
list-style: disc inside;
line-height: 25px;
}
#job ul li::marker { color: var(--primary-navy); }
#job #apply { margin-top: 80px; }
#job .gform_wrapper {
max-width: 600px;
margin-top: 32px;
} #blog-post { padding-top: 115px; }
#blog-post > .mcb-wrap-inner:nth-of-type(1) {
max-width: 768px;
margin: 0 auto 60px auto;
}
#blog-post h2 { margin-top: 60px; }
#blog-post h4 {
color: var(--primary-navy);
text-transform: none;
font-weight: 500;
margin: 45px 0 20px 0;
}
#blog-post h4.author { margin: 20px 0 0 0; }
#blog-post h4.author a {
position: relative;
color: var(--primary-navy);
}
#blog-post h4.author a:after {
content: '';
display: block;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 3px;
background: var(--primary-blue);
transition: var(--transition) !important;
}
#blog-post h4.author a:hover { color: var(--primary-blue); }
#blog-post h4.author a:hover:after { background: var(--accent); }
#blog-post h5 {
color: var(--black);
font-size: 18px;
margin: -10px 0 0 0;
}
#blog-post p,
#blog-post ul {
margin-bottom: 25px;
font-size: 20px;
line-height: 27px;
}
#blog-post ul { list-style: disc inside; }
#blog-post ul li { margin-bottom: 6px; }
#blog-more h3 { margin-bottom: 50px; } #team-member { padding-top: 110px; } #term-hero {
height: 60vh;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#term-intro {
padding-top: 115px;
padding-bottom: 80px;
}
#term-intro .mcb-wrap-inner { justify-content: center; }
#term-intro .column:first-child .mcb-column-inner { margin-bottom: 30px; }
#term-intro .column:nth-child(2) { flex: 0 0 800px; } #testimonials { align-items: initial; }
#testimonials .column.one-third { height: 100%; }
#testimonials .testimonial {
height: 100%;
padding: 35px 30px;
margin-bottom: 0px;
background-color: var(--primary-navy);
color: #FFF;
}
#testimonials .testimonial:nth-child(2) { background-color: var(--primary-blue); }
#testimonials .testimonial img {
margin-top: -72px;
margin-bottom: 20px;
border-radius: 50%;
width: 104px;
height: auto;
}
#testimonials .testimonial p.big {
color: #FFF;
}
#testimonials .testimonial p.big.bold { margin-bottom: 0px; } #post-grid { align-items: unset; }
#post-grid .one-third { display: flex; }
#post-grid .one-third .mcb-column-inner,
.grid .post-item {
padding-bottom: 25px;
margin-bottom: 58px;
} #post-grid .one-third .mcb-column-inner.border-bottom,
.grid .post-item { border-bottom: 1.5px solid var(--lgrey); }
#post-grid h4,
.grid h4 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 500;
text-transform: none;
}
#post-grid h4 a,
.grid h4 a { color: var(--primary-navy); }
#post-grid h4 a:hover,
.grid h4 a:hover { color: var(--accent); }
#post-grid h5 {
font-size: 16px;
margin: -5px 0 10px;
}
#post-grid img,
.grid img {
object-fit: cover;
width: 100%;
max-height: 280px;
}
#post-grid .button.transparent,
.grid .button.transparent {
margin-top: 5px;
margin-bottom: 0px;
color: var(--primary-blue) !important;
} #tax-grid { margin-bottom: 70px; }
#tax-grid .tax-item { margin-bottom: 50px; }
#tax-grid .tax-item .mcb-column-inner {
padding-bottom: 25px;
margin-bottom: 0px;
border-bottom: 2px solid var(--lgrey);
min-height: 500px;
}
#tax-grid .tax-item p { margin-bottom: 0px; }
#tax-grid h5, #carousel h5 { margin-top: 20px; }
#tax-grid .tax-item a {
position: relative;
display: block;
transition: var(--transition-fast) !important;
}
#tax-grid .tax-item .img-container { overflow: hidden; }
#tax-grid .tax-item .img-container img {
display: block;
transition: var(--transition) !important;
}
#tax-grid .tax-item a:hover img { transform: scale(1.1); }
.img-arrow {
position: absolute;
bottom: 10px;
right: 10px;
padding: 5px 7.5px;
background-color: rgba(255, 255, 255, 0.8);
}
.img-arrow i {
position: relative;
top: 1px;
font-size: 24px;
transform: rotate(-45deg);
} #carousel a.slider_prev, #carousel a.slider_next {
position: absolute;
top: 80px;
margin: 0;
padding: 0;
background-color: transparent;
color: var(--coolgrey);
font-size: 22px;
z-index: 2;
}
#carousel a.slider_prev { left: -22px; }
#carousel a.slider_next { right: -22px; }
#carousel a.slider_prev:hover:after, #carousel a.slider_next:after { content: none; }
#carousel a.slider_prev:hover, #carousel a.slider_next:hover {
background-color: transparent;
color: var(--primary-navy);
} #project-list { margin: 40px 0 70px 0; }
#project-list .loader,
#blog .loader {
width: 75px;
margin: 0 auto;
}
#load-more {
margin: 20px auto;
}
#load-more:before {
content: none;
}
#load-more.disabled {
pointer-events: none;
background: var(--grey);
border-color: var(--grey);
}
.project-item {
margin-bottom: 50px;
}
.project-item .mcb-column-inner {
display: flex;
gap: 0 40px;
margin-bottom: 0px;
}
.project-item a:not(.button) { width: 33.33%; }
.project-item .project-item-content {
width: 66.66%;
border-bottom: 2px solid var(--lgrey);
}
.project-item .project-item-content h5 { margin-bottom: 25px; }
.project-item .project-item-content h4 { margin-bottom: 10px; }
.project-item .project-item-content a.button { display: none; }
.project-item .project-item-stats {
display: block;
margin-top: 32px;
padding-bottom: 20px;
}
.project-item .project-item-stats span {
display: block;
font-size: 14px;
font-weight: 500;
color: var(--primary-navy);
}
.project-item .project-item-reports {
display: flex;
flex-wrap: wrap;
margin-top: 0px;
}
.project-item .project-item-reports a.button { display: block !important; }
.project-item .project-item-reports a.button:before { content: none; }
.pagination,
.pager {
width: 100%;
margin-top: 50px;
text-align: center;
font-size: 20px;
}
.pagination ul {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
}
.pagination ul li,
.pager .pages a {
display: inline;
padding: 4px 8px;
color: var(--dgrey);
transition: var(--transition-fast) !important;
}
.pagination ul li.active:hover,
.pager .pages a:hover { cursor: pointer; color: var(--primary-blue); }
.pagination ul li.inactive { color: var(--grey); }
.pagination ul li.selected,
.pager .pages a.selected { color: var(--primary-blue); }
.pagination ul li.next,
.pagination ul li.prev,
.pager a.next_page,
.pager a.prev_page { font-size: 14px; }
.pagination ul li.next,
.pager a.next_page { margin-left: 15px; }
.pagination ul li.prev,
.pager a.prev_page { margin-right: 15px; } #job-list {
max-width: 770px;
margin: 0 auto;
}
#job-list .job {
background: #F4FBFC;
margin-bottom: 36px;
padding: 40px;
}
#job-list .job h3 { margin-bottom: 20px; }
#job-list .job p {
color: var(--dgrey);
font-size: 18px;
}
#job-list .job .button { margin: 30px 0 0 0; }
#job-list h4 {
margin-top: 40px;
margin-bottom: 20px;
color: var(--primary-navy);
text-transform: none;
} .archive .column_blog > .mcb-column-inner { margin: 0; }
.posts_group.grid {
margin-top: 100px;
display: flex;
align-content: flex-start;
flex-wrap: wrap;
width: 100%;
align-self: stretch;
}
.posts_group.grid .post-desc-wrapper .post-desc { padding: 0px; }
.posts_group.grid .post-desc-wrapper .post-desc h4 { margin-top: 25px; } .search #Subheader { display: none; }
.search #Content {
padding-top: 140px;
margin-bottom: 100px;
}
.search .mcb-column-inner {
max-width: 768px;
margin: 0 auto;
}
.search p.big { margin: 35px 0 20px 0; }
#search-form .close-search { display: none; }
.search-result {
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1.5px solid var(--lgrey); 
}
.search-result h4 {
margin-bottom: 15px;
text-transform: none;
}
.search-highlight {
background: #e1f4f2;
padding: 0 3px;
}
.pager { margin-top: 30px; }
.pager .pages {
margin: 0;
padding: 0;
background: none;
}
.pager .pages a { margin: 0; }
.pager .pages a.active,
.pager .pages a:hover {
background: none;
color: var(--primary-blue);
}
.pager > a {
position: relative;
top: -2px;
padding: 4px 8px;
color: var(--dgrey);
transition: var(--transition-fast) !important;
}
.pager > a.next_page i { margin-left: 3px; }
.pager > a.prev_page i { margin-right: 3px; }
.pager > a:hover {
color: var(--primary-blue);
text-decoration: none;
} #page-404,
#thank-you {
padding-top: 130px;
margin-bottom: 50px;
text-align: center;
}
#page-404 h2,
#thank-you h2 { margin-bottom: 30px; }
#page-404 p.big,
#thank-you p.big {
max-width: 640px;
margin: 0 auto;
}
#page-404 p.big a,
#thank-you p.big a { text-decoration: underline; }
#grid-404 { margin: 40px 0 20px 0; }
#grid-404 .mcb-column-inner { text-align: left; }
#grid-404 img {
width: 100%;
max-height: 250px;
object-fit: cover;
}
#grid-404 a.button {
font-weight: 500;
margin-top: 18px;
} .srdc-form label {
margin-bottom: 5px;
font-size: 12px;
font-weight: 500 !important;
color: var(--dgrey);
}
.srdc-form input,
.srdc-form textarea,
.srdc-form select {
width: 100%;
margin-bottom: 25px;
background-color: #F8F8F8;
color: var(--dgrey);
border: 1px solid #8f8f8f;
}
.srdc-form input:focus,
.srdc-form textarea:focus {
border: 1px solid var(--primary-navy);
box-shadow: 0px 0px 0px 1px var(--primary-navy);
}
.srdc-form input::placeholder,
.srdc-form textarea::placeholder { color: var(--coolgrey); }
.srdc-form input:focus,
.srdc-form textarea:focus,
.srdc-form input[type="text"]:focus,
.srdc-form input[type="email"]:focus {
background-color: #F8F8F8 !important;
}
.srdc-form .button[type="submit"] {
padding: 10px 20px;
margin-top: 25px;
line-height: 22px;
transition: var(--transition);
}
.srdc-form .file {
display: flex;
align-items: center;
margin-top: 22px;
}
.srdc-form .file span.resume,
.srdc-form .file span.cover-letter,
.srdc-form .file input[type="file"] {
width: 0px;
height: 0px;
margin: 0;
}
.srdc-form .file span.file-text {
margin-left: 20px;
font-size: 14px;
}
.srdc-form .one-second.mcb-wrap {
width: 50%;
display: block;
padding-right: 25px;
margin-bottom: 15px;
color: #62676C;
}
.srdc-form .one-second.mcb-wrap:last-child {
padding-right: 0;
}
.gform_required_legend,
.gform_submission_error,
.gform_fileupload_rules,
.ginput_container_fileupload .validation_message { display: none; }
.gform_wrapper .validation_message {
width: 100%;
margin-top: -6px;
margin-bottom: 20px;
padding: 8px 15px;
font-size: 13px;
color: #c02b0a;
background: #fff9f9;
border: 1px solid #c02b0a;
}
.gform_wrapper .gfield_error [aria-invalid="true"] { border: 1px solid #c02b0a; }
.gfield_description {
margin-bottom: 5px;
font-size: 12px;
font-weight: 700 !important;
color: var(--dgrey);
}
fieldset.gfield--type-name legend,
fieldset.gfield--type-email legend,
.gfield--type-consent legend { display: none !important; }
.srdc-form .gfield--type-consent div {
display: flex;
margin-bottom: 15px;
}
.srdc-form .gfield--type-consent input {
width: auto;
margin: 0 8px 0 0;
}
.srdc-form .gfield--type-consent label { margin: 0; } .srdc-form.newsletter { padding-bottom: 35px; }
.srdc-form.newsletter,
.srdc-form.newsletter .gform_fields {
display: flex !important;
justify-content: center;
align-items: center;
gap: 16px !important;
margin-top: 5px;
}
.srdc-form.newsletter .gform_body {
position: relative;
width: 600px;
}
.srdc-form.newsletter label { color: #fcfcfc; }
.srdc-form.newsletter input[type="text"],
.srdc-form.newsletter input[type="email"] {
background-color: #FFFFFF;
color: var(--dgrey);
margin-bottom: 0px;
}
.srdc-form.newsletter input[type="text"]::placeholder,
.srdc-form.newsletter input[type="email"]::placeholder {
color: var(--coolgrey);
}
.srdc-form.newsletter input[type="text"]:focus,
.srdc-form.newsletter input[type="email"]:focus {
background-color: #FFFFFF !important;
color: var(--dgrey);
box-shadow: 0px 0px 0px 1px #FFFFFF;
}
.srdc-form.newsletter .button[type="submit"] {
margin: 34px 0 0 0;
padding: 7px 20px 6px;
font-size: 14px;
}
.srdc-form.newsletter .row-name { flex: 5; }
.srdc-form.newsletter .row-email { flex: 7; }
.srdc-form.newsletter .gfield--type-consent {
position: absolute;
bottom: -50px;
left: 0;
}
.srdc-form.newsletter .gfield--type-captcha { display: none; } .srdc-form.prospects-newsletter .gform_body {
width: 650px;
}
.srdc-form.prospects-newsletter,
.srdc-form.prospects-newsletter .gform_fields {
justify-content: flex-start;
}
@media only screen and (max-width: 959px) {
.srdc-form.prospects-newsletter {
max-width: 594px;
}
} .srdc-form.lead-gen input[type="text"],
.srdc-form.lead-gen input[type="email"],
.srdc-form.lead-gen textarea {
margin-bottom: 5px;
}
.srdc-form.lead-gen #field_4_8 { margin-top: 25px; }
.srdc-form.lead-gen #field_4_15 { margin-top: 35px; }
.srdc-form.lead-gen #field_4_17,
.srdc-form.lead-gen #field_4_12,
.srdc-form.lead-gen #field_4_4 { padding-right: 0px; }
.srdc-form.lead-gen .validation_message { margin-top: 10px; } .twocol { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
.no-margin { margin: 0px !important; }
.no-margin-top { margin-top: 0px !important; }
.no-margin-right { margin-right: 0px !important; }
.no-margin-bottom { margin-bottom: 0px !important; }
.no-margin-left { margin-left: 0px !important; }
.left * { text-align: left !important; }
.right * { text-align: right !important; }
.center, .center * { text-align: center !important; }
.uppercase, .uppercase * { text-transform: uppercase !important; }
.light, .light * { font-weight: 300 !important; }
.bold, .bold * { font-weight: 700 !important; }
.white, .white * { color: #FFF !important; }
.navy, .navy * { color: var(--primary-navy) !important; }
.blue, .blue * { color: var(--primary-blue) !important; }
.overlay:before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
} .otgs-development-site-front-end { display: none; }
.sub-content strong { color: #145d9e; } @media only screen and (max-width: 1350px) {}
@media only screen and (max-width: 1239px) {
.member-grid { gap: 0 15px; }
.member { width: 255px; }
.member-content h6 {
font-size: 17px;
line-height: 20px;
}
.member-content > span {
margin-bottom: 8px;
font-size: 13px;
line-height: 15px;
}
.member-content a {
display: block;
font-size: 14px;
line-height: 18px;
}
.member-content a.read-bio span { margin-left: 0px; }
#post-grid img { max-height: 210px; }
}
@media only screen and (max-width: 959px) {
.page-hero,
#term-hero { height: 500px; }
#team-navigation { justify-content: center; }
.members { text-align: center; }
.member-grid { display: block; }
.member {
display: block;
width: calc(100% - 40px);
}
.member img {
width: 220px !important;
height: auto;
margin-bottom: 20px;
}
.member-content { padding-left: 0px; }
.member-content h6 { font-size: 18px; }
.member-content > span {
margin: 12px 0 20px 0;
font-size: 16px;
}
.member-content a:not(.read-bio) {
margin-right: 0px !important;
margin-bottom: 6px;
font-size: 16px;
}
.member-content a.read-bio {
position: static;
margin-top: 15px;
font-size: 16px;
}
.member-bio { text-align: left; }
.member-bio img { display: none; }
#post-grid img { max-height: 152px; }
#term-intro {
padding-top: 60px;
padding-bottom: 60px;
}
#term-intro .big { font-size: 16px; line-height: 20px; }
#term-intro .column:nth-child(2) {
flex: 1;
}
#project-list { margin: 0; }
.project-item .mcb-column-inner {
gap: 25px 0;
flex-direction: column;
margin-bottom: 40px;
}
.project-item a:not(.button),
.project-item .project-item-content {
width: 100%;
}
.project-item .project-item-content > p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.project-item .project-item-content a.button {
display: inline-block;
margin: 5px 0 30px;
}
.project-item .project-item-stats {
display: none;
}
.project-item:last-child .project-item-content {
border-bottom: none;
}
.project-item .project-item-content h5 { font-size: 22px; line-height: 28px; }
.project-item .project-item-content h4 { font-size: 18px; line-height: 26px; }
.archive .center, .archive .center * {
text-align: left !important;
}
.srdc-form.newsletter { padding-bottom: 0px; }
.srdc-form.newsletter, .srdc-form.newsletter .gform_fields { flex-wrap: wrap; }
.srdc-form.newsletter .gform_body {
width: 100%;
max-width: 450px;
}
.srdc-form.newsletter .row-name,
.srdc-form.newsletter .row-email { flex: 100%; }
.srdc-form.newsletter .gfield--type-consent { position: static; }
.srdc-form.newsletter .button[type="submit"] { margin-top: 0px; }
}
@media only screen and (max-width: 767px) {
.page-hero { height: auto; }
.page-hero:not(.page-hero-mobile) { display: none; }
.page-hero.page-hero-mobile { display: block; }
#term-hero { height: 300px; }
.section-our-team > .section_wrapper { flex-direction: column-reverse; }
#project, #job { padding-top: 20px; }
#job #apply { margin-top: 50px; }
#why-work-with-us .column .mcb-column-inner {
margin-left: 0px;
margin-right: 0px;
}
#why-work-with-us .list_item .list_image { margin: 10px auto 5px auto; }
#why-work-with-us .list_item .list_image img { max-height: 55px !important; }
.member-bio-wrap .close-btn {
position: static;
margin-bottom: 30px;
}
#post-grid .one-third .mcb-column-inner,
.grid .post-item { margin-bottom: 40px !important; }
#post-grid img { max-height: 375px; }
#blog-filters { display: none; }
#blog-filters-mobile { display: block; }
#blog-post { padding-top: 80px; }
#blog-post h2 { margin-top: 40px; }
#blog-post p {
font-size: 18px;
line-height: 23px;
}
#team-member h2 { margin-bottom: 30px; }
#page-404,
#thank-you { padding-top: 90px; }
#grid-404 { margin: 0; }
.search #Content {
padding-top: 90px;
margin-bottom: 80px;
}
.pager { margin-top: 10px; }
.project-item .project-item-content > p { -webkit-line-clamp: 3; }
.srdc-form.lead-gen .one-second.mcb-wrap {
width: 100%;
padding-right: 0px;
}
}