  .block-hero {  background-color:#001738;  position:relative;  display:flex;  flex-direction:column;  align-items:center;  overflow:hidden;  padding:0; } @media only screen and (min-width:576px) {  .block-hero {   padding-top:10rem;   padding-bottom:6.25rem;  } } @media only screen and (min-width:1200px) {  .block-hero {   padding:2.5rem 1.875rem;   flex-direction:row;  } } @media only screen and (max-width:1200px) {  .block-hero .container {   max-width:100%;   margin:0;  } } @media only screen and (min-width:992px) {  .block-hero--large {   height:45.3125rem;  } } @media only screen and (min-width:992px) {  .block-hero--small {   height:34.375rem;  } } .block-hero.extra-padding {  padding-top:6.25rem; } @media only screen and (min-width:576px) {  .block-hero.extra-padding {   padding-top:10rem;  } } .block-hero__background {  position:relative;  top:auto;  left:auto;  right:auto;  bottom:auto;  background-size:cover;  background-position:center;  padding-bottom:50%;  width:100%; } @media only screen and (min-width:576px) {  .block-hero__background {   position:absolute;   top:0;   left:0;   right:0;   bottom:0;   padding-bottom:0;   width:auto;  } } .block-hero__background:after {  content:'';  position:absolute;  top:0;  left:0;  right:0;  bottom:0;  background:#001738;  background:linear-gradient(270deg, rgba(0, 23, 56, 0) 0%, rgba(0, 23, 56, 0.8) 100%); } .block-hero__pre-heading {  font-family:'Playfair Display', serif;  font-weight:400;  font-style:italic;  font-size:18px;  color:#fff;  margin-bottom:0.625rem; } @media only screen and (min-width:320px) {  .block-hero__pre-heading {   font-size:calc( 18px + 10 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .block-hero__pre-heading {   font-size:28px;  } } .single-post .block-hero__pre-heading {  font-size:1.125rem; } .block-hero__heading {  color:#fff;  font-size:30px;  margin-top:0;  line-height:1.3; } @media only screen and (min-width:320px) {  .block-hero__heading {   font-size:calc( 30px + 20 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .block-hero__heading {   font-size:50px;  } } .block-hero__copy {  color:#fff;  border-left:6px solid #0EA8C3;  padding-left:1.875rem;  font-size:1.125rem;  line-height:1.5; } .single-team .block-hero__copy {  font-size:1.5rem; } .block-hero__copy em {  font-family:'Playfair Display', serif;  font-weight:400;  font-style:italic;  font-size:18px; } @media only screen and (min-width:320px) {  .block-hero__copy em {   font-size:calc( 18px + 6 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .block-hero__copy em {   font-size:24px;  } } .block-hero__links {  margin-top:0.625rem;  flex-wrap:wrap; } @media only screen and (min-width:768px) {  .block-hero__links {   margin-top:1.875rem;  } } .block-hero__links a {  margin-right:0.625rem; } .block-hero__links a:last-of-type {  margin-right:0; } .block-hero__content {  padding:1.875rem 2.5rem;  margin-top:0; } @media only screen and (min-width:1200px) {  .block-hero__content {   margin-top:2.5rem;   padding:1.875rem 1.25rem;  } } .block-hero .container {  position:relative; }   .block-featured-blocks {  padding:2.5rem 1.25rem; } @media only screen and (min-width:1200px) {  .block-featured-blocks {   padding:2.5rem 1.875rem;  } } .block-featured-blocks__title {  font-size:20px;  font-family:myriad-pro, sans-serif;  font-weight:400;  font-style:normal;  color:#001738;  display:inline-block;  padding-bottom:1.875rem;  margin-bottom:2.5rem;  position:relative; } @media only screen and (min-width:320px) {  .block-featured-blocks__title {   font-size:calc( 20px + 8 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .block-featured-blocks__title {   font-size:28px;  } } .block-featured-blocks__title:after {  content:'';  width:8.75rem;  height:0.0625rem;  background-color:#0EA8C3;  position:absolute;  left:0;  bottom:0; }   .block-team-list {  background-color:#F5F5F5;  margin-top:2.5rem;  padding:1.875rem 0 1.875rem 1.875rem;  border-radius:0.625rem 0.625rem 0 0; } .block-team-list__title {  color:#001738;  font-size:20px;  margin-bottom:2.5rem; } @media only screen and (min-width:320px) {  .block-team-list__title {   font-size:calc( 20px + 8 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .block-team-list__title {   font-size:28px;  } } .block-team-list__list {  margin:0;  padding:0;  list-style-type:none; } .block-team-list__list-item {  display:flex;  margin-bottom:1.25rem; } .block-team-list__list-item:last-of-type {  margin-bottom:0; } .block-team-list__list-item:last-of-type .block-team-list__list-item-content {  border-bottom:none; } .block-team-list__list-item-content {  padding-right:1.875rem;  width:100%;  border-bottom:1px solid rgba(105, 109, 111, 0.3); } .block-team-list__avatar {  flex:0 0 80px;  height:5rem;  background-color:#696D6F;  margin-right:1.875rem;  background-size:cover;  background-position:center;  background-repeat:no-repeat;  position:relative;  display:block; } @media only screen and (min-width:768px) {  .block-team-list__avatar {   flex:0 0 120px;   height:7.5rem;  } } .block-team-list__name {  font-family:myriad-pro, sans-serif;  font-weight:700;  font-style:normal;  color:#001738;  font-size:1.125rem; } .block-team-list__name a {  color:#001738;  text-decoration:none;  transition:all 0.3s ease-out; } .block-team-list__name a:hover {  color:#0EA8C3; } .block-team-list__role {  color:#001738; } .block-team-list__excerpt {  color:#001738;  margin-top:0.9375rem;  margin-bottom:0.9375rem;  display:none; } @media only screen and (min-width:768px) {  .block-team-list__excerpt {   display:block;  } } .block-team-list__cta {  background-color:#007e97;  border-radius:0 0 0.625rem 0.625rem;  text-align:center;  padding:1.25rem 1.25rem 0.625rem 1.25rem; }   .block-promo-pods:nth-of-type(odd) .block-promo-pods__column:first-of-type .block-promo-pods__pod {  background-color:#007e97; } .block-promo-pods:nth-of-type(odd) .block-promo-pods__column:first-of-type .block-promo-pods__pod .e-button:hover {  background-color:#fff;  color:#001738; } .block-promo-pods:nth-of-type(odd) .block-promo-pods__column:last-of-type .block-promo-pods__pod {  background-color:#1B304D; } .block-promo-pods:nth-of-type(even) .block-promo-pods__column:first-of-type .block-promo-pods__pod {  background-color:#1B304D; } .block-promo-pods:nth-of-type(even) .block-promo-pods__column:last-of-type .block-promo-pods__pod {  background-color:#007e97; } .block-promo-pods:nth-of-type(even) .block-promo-pods__column:last-of-type .block-promo-pods__pod .e-button:hover {  background-color:#fff;  color:#001738; } .block-promo-pods.block-promo-pods--footer:nth-of-type(even) .block-promo-pods__column:last-of-type .block-promo-pods__pod {  background-color:#007e97; } .block-promo-pods.block-promo-pods--footer:nth-of-type(even) .block-promo-pods__column:last-of-type .block-promo-pods__pod .e-button:hover {  background-color:#fff;  color:#001738; } .block-promo-pods.block-promo-pods--footer:nth-of-type(even) .block-promo-pods__column:first-of-type .block-promo-pods__pod {  background-color:#1B304D; } .block-promo-pods.block-promo-pods--footer:nth-of-type(odd) .block-promo-pods__column:last-of-type .block-promo-pods__pod {  background-color:#1B304D; } .block-promo-pods.block-promo-pods--footer:nth-of-type(odd) .block-promo-pods__column:first-of-type .block-promo-pods__pod {  background-color:#007e97; } .block-promo-pods.block-promo-pods--footer:nth-of-type(odd) .block-promo-pods__column:first-of-type .block-promo-pods__pod .e-button:hover {  background-color:#fff;  color:#001738; } .block-promo-pods__column:first-of-type .block-promo-pods__pod {  justify-content:center; } @media only screen and (min-width:992px) {  .block-promo-pods__column:first-of-type .block-promo-pods__pod {   justify-content:flex-end;  } } .block-promo-pods__column:first-of-type .block-promo-pods__pod-content:before {  top:-50%;  left:-30%;  right:auto;  transform:none; } .block-promo-pods__column:last-of-type .block-promo-pods__pod-content:before {  bottom:-100%;  transform:translateY(-50%);  right:-30%;  left:auto; } .block-promo-pods__pod {  height:100%;  padding:2.5rem 1.875rem;  display:flex;  justify-content:center;  position:relative;  overflow:hidden; } @media only screen and (min-width:992px) {  .block-promo-pods__pod {   padding:2.5rem;   justify-content:flex-start;  } } @media only screen and (min-width:1200px) {  .block-promo-pods__pod {   padding:5rem;  } } .block-promo-pods__pod--navy {  background-color:rgba(0, 23, 56, 0.9); } .block-promo-pods__pod--teal {  background-color:#007e97; } .block-promo-pods__pod-content {  width:100%;  position:relative;  padding-right:0; } @media only screen and (min-width:576px) {  .block-promo-pods__pod-content {   padding-right:20%;  } } @media only screen and (min-width:992px) {  .block-promo-pods__pod-content {   padding-right:0;  } } @media only screen and (min-width:1400px) {  .block-promo-pods__pod-content {   padding-right:20%;  } } .block-promo-pods__pod-content:before {  content:'';  width:31.25rem;  height:31.25rem;  background-color:rgba(255, 255, 255, 0.1);  border-radius:50%;  position:absolute;  pointer-events:none; } @media only screen and (min-width:576px) {  .block-promo-pods__pod-content {   width:31.875rem;  } } @media only screen and (min-width:768px) {  .block-promo-pods__pod-content {   width:43.75rem;  } } @media only screen and (min-width:992px) {  .block-promo-pods__pod-content {   width:26.875rem;  } } @media only screen and (min-width:1200px) {  .block-promo-pods__pod-content {   width:39.6875rem;  } } .block-promo-pods__pod-pre-title {  font-family:myriad-pro, sans-serif;  font-weight:400;  font-style:normal;  color:#fff;  font-size:1.5rem;  margin-bottom:1.25rem; } .block-promo-pods__pod-title {  font-family:myriad-pro, sans-serif;  font-weight:700;  font-style:normal;  font-size:22px;  color:#fff;  line-height:1.3; } @media only screen and (min-width:320px) {  .block-promo-pods__pod-title {   font-size:calc( 22px + 10 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .block-promo-pods__pod-title {   font-size:32px;  } } .block-promo-pods__pod-copy {  color:#fff;  margin-top:1.875rem;  font-size:1rem;  line-height:1.5; } .block-promo-pods__pod-form {  position:relative;  z-index:1; } .block-promo-pods__pod-links {  margin-top:1.875rem; } .block-promo-pods__pod-image {  position:relative;  bottom:auto;  top:auto;  left:auto;  width:50%;  margin:0 auto; } @media only screen and (min-width:576px) {  .block-promo-pods__pod-image {   position:absolute;   bottom:-2.5rem;   top:0;   left:80%;  } } @media only screen and (min-width:1200px) {  .block-promo-pods__pod-image {   bottom:-5rem;  } } .block-promo-pods__pod-image .behave-as-bg, .block-promo-pods__pod-image .behave-as-bg img {  -o-object-fit:contain;  object-fit:contain;  -o-object-position:center bottom;  object-position:center bottom; }   .block-item-accordion {  margin-top:2.5rem; } @media only screen and (min-width:1200px) {  .block-item-accordion {   margin-top:0;  } } .block-item-accordion__title {  font-size:20px;  font-family:myriad-pro, sans-serif;  font-weight:400;  font-style:normal;  color:#001738;  display:inline-block;  padding-bottom:1.875rem;  margin-bottom:2.5rem;  position:relative; } @media only screen and (min-width:320px) {  .block-item-accordion__title {   font-size:calc( 20px + 8 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .block-item-accordion__title {   font-size:28px;  } } .block-item-accordion__title:after {  content:'';  width:8.75rem;  height:0.0625rem;  background-color:#0EA8C3;  position:absolute;  left:0;  bottom:0; } .block-item-accordion__back-link {  font-family:myriad-pro, sans-serif;  font-weight:700;  font-style:normal;  color:#001738;  text-decoration:none;  font-size:18px;  margin-bottom:1.25rem;  display:inline-block;  margin-top:3.75rem;  padding-left:1.875rem;  position:relative; } @media only screen and (min-width:320px) {  .block-item-accordion__back-link {   font-size:calc( 18px + 6 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .block-item-accordion__back-link {   font-size:24px;  } } @media only screen and (min-width:1200px) {  .block-item-accordion__back-link {   margin-top:0.9375rem;   padding-left:2.5rem;  } } .block-item-accordion__back-link:before {  content:'';  position:absolute;  top:0.5rem;  left:0;  width:0.875rem;  height:0.875rem;  background-image:url(https://www.thomsonec.com/wp-content/themes/tec/assets/css/../images/icon-arrow-down-grey.svg);  background-size:contain;  background-repeat:no-repeat;  background-position:center center;  transform:rotate(90deg); } @media only screen and (min-width:1200px) {  .block-item-accordion__back-link:before {   top:0.625rem;   width:1.25rem;   height:1.25rem;  } } .block-item-accordion__item {  list-style-type:none;  padding:0;  margin:0; } .block-item-accordion__item-panel {  background-color:#F1F1F1;  border-radius:0.625rem;  color:#001738;  margin-bottom:0.625rem;  font-size:1.125rem;  display:flex;  overflow:hidden;  cursor:pointer;  position:relative; } .block-item-accordion__item-panel:after {  content:'';  position:absolute;  top:1.5rem;  right:1.25rem;  width:0.875rem;  height:0.875rem;  background-image:url(https://www.thomsonec.com/wp-content/themes/tec/assets/css/../images/icon-arrow-down-grey.svg);  background-size:contain;  background-repeat:no-repeat;  background-position:center;  transition:all 0.3s ease-out; } .block-item-accordion__item-panel:hover:after {  background-image:url(https://www.thomsonec.com/wp-content/themes/tec/assets/css/../images/icon-arrow.svg); } .is-open .block-item-accordion__item-panel {  background-color:#007e97;  color:#fff; } .is-open .block-item-accordion__item-panel:after {  transform:rotate(180deg);  background-image:url(https://www.thomsonec.com/wp-content/themes/tec/assets/css/../images/icon-arrow.svg); } .is-open .block-item-accordion__item-panel .block-item-accordion__item-link {  color:#fff; } .active .block-item-accordion__item-panel {  background-color:#0EA8C3;  color:#fff; } .active .block-item-accordion__item-panel:after {  transform:rotate(180deg);  background-image:url(https://www.thomsonec.com/wp-content/themes/tec/assets/css/../images/icon-arrow.svg); } .active .block-item-accordion__item-panel .block-item-accordion__item-link {  color:#fff; } .block-item-accordion__item-link {  color:#001738;  text-decoration:none;  display:block;  padding:1.25rem;  flex-grow:1;  transition:all 0.3s ease-out; } .block-item-accordion__item-link:hover {  background-color:#007e97;  color:#fff; } .active .block-item-accordion__item-link {  color:#fff; } .block-item-accordion__item-button {  width:2.5rem;  flex-shrink:0;  border:none;  background-color:transparent;  background-image:url(https://www.thomsonec.com/wp-content/themes/tec/assets/css/../images/icon-arrow.svg);  background-size:14px;  background-position:center;  background-repeat:no-repeat;  transition:all 0.3s ease-out; } .block-item-accordion__item-button:hover {  background-color:#007e97; } .block-item-accordion__sub-list {  list-style-type:none;  padding:0;  margin:0;  padding-top:0.625rem;  padding-bottom:1.25rem; } .block-item-accordion__sub-content-address {  margin-top:1.25rem; } .block-item-accordion__sub-content-address a {  color:#001738;  font-family:myriad-pro, sans-serif;  font-weight:700;  font-style:normal;  text-decoration:none;  transition:all 0.3s ease-out; } .block-item-accordion__sub-content-address a:hover {  color:#0EA8C3; } .block-item-accordion__sub-list-link {  color:#001738;  display:block;  text-decoration:none;  padding:0.9375rem;  transition:all 0.3s ease-out; } .block-item-accordion__sub-list-link:hover {  color:#0EA8C3; } .block-item-accordion__sub-content {  height:0;  overflow:hidden;  transition:height 0.3s ease-out; } .block-item-accordion__sub-content-link {  margin-top:1.875rem; } .block-item-accordion__sub-content-inner {  width:100%;  padding:1.25rem; } .single-office__form {  margin-top:2.5rem; } @media only screen and (min-width:992px) {  .single-office__form {   margin-top:6.25rem;  } } .single-office__form h2 {  font-size:20px;  font-family:myriad-pro, sans-serif;  font-weight:400;  font-style:normal;  color:#001738;  display:inline-block;  padding-bottom:1.875rem;  margin-bottom:2.5rem;  position:relative; } @media only screen and (min-width:320px) {  .single-office__form h2 {   font-size:calc( 20px + 8 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .single-office__form h2 {   font-size:28px;  } } .single-office__form h2:after {  content:'';  width:8.75rem;  height:0.0625rem;  background-color:#0EA8C3;  position:absolute;  left:0;  bottom:0; } @media only screen and (min-width:1200px) {  .single-office .block-featured-blocks {   padding:2.5rem 1.875rem 6.25rem;  } } .single-office .block-item-accordion {  margin-top:3.75rem; } .single-office .e-contact-block {  margin-top:2.5rem; } .single-office .e-contact-block__address {  font-size:18px;  border-left:6px solid #0EA8C3;  padding-left:1.875rem; } @media only screen and (min-width:320px) {  .single-office .e-contact-block__address {   font-size:calc( 18px + 2 * (100vw - 320px) / (1400 - 320));  } } @media only screen and (min-width:1400px) {  .single-office .e-contact-block__address {   font-size:20px;  } } .single-office .e-contact-block__address a {  color:#001738;  font-family:myriad-pro, sans-serif;  font-weight:700;  font-style:normal;  text-decoration:none; } .single-office .marker {  background-image:url(https://www.thomsonec.com/wp-content/themes/tec/assets/css/../images/icon-pin.svg);  background-size:contain;  background-position:center;  background-repeat:no-repeat;  width:50px;  height:50px;  border-radius:50%;  cursor:pointer; } .single-office .block-item-accordion__sub-content-inner {  padding:1.25rem; }  