@charset "UTF-8";
/*DinPro*/
@font-face {
  font-family: "DINPro-Bold";
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro-Bold.eot");
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Bold.woff2") format("woff2"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Bold.woff") format("woff"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINPro";
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro.eot");
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro.eot?#iefix") format("embedded-opentype"), url("/themes/custom/ctbto/fonts/DinPro/DINPro.woff2") format("woff2"), url("/themes/custom/ctbto/fonts/DinPro/DINPro.woff") format("woff"), url("/themes/custom/ctbto/fonts/DinPro/DINPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINPro-Medium";
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro-Medium.eot");
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Medium.woff2") format("woff2"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Medium.woff") format("woff"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINPro-Italic";
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro-Italic.eot");
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro-Italic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Italic.woff2") format("woff2"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Italic.woff") format("woff"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINPro-Light";
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro-Light.eot");
  src: url("/themes/custom/ctbto/fonts/DinPro/DINPro-Light.eot?#iefix") format("embedded-opentype"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Light.woff2") format("woff2"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Light.woff") format("woff"), url("/themes/custom/ctbto/fonts/DinPro/DINPro-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Roboto*/
@font-face {
  font-family: "Roboto-Regular";
  src: url("/themes/custom/ctbto/fonts/Roboto/Roboto-Regular-webfont.eot");
  src: url("/themes/custom/ctbto/fonts/Roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/ctbto/fonts/Roboto/Roboto-Regular-webfont.woff") format("woff"), url("/themes/custom/ctbto/fonts/Roboto/Roboto-Regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url("/themes/custom/ctbto/fonts/Roboto/Roboto-Condensed-webfont.eot");
  src: url("/themes/custom/ctbto/fonts/Roboto/Roboto-Condensed-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/ctbto/fonts/Roboto/Roboto-Condensed-webfont.woff") format("woff"), url("/themes/custom/ctbto/fonts/Roboto/Roboto-Condensed-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoCondensed-Regular";
  src: url("/themes/custom/ctbto/fonts/Roboto/RobotoCondensed-Regular.woff") format("woff"), url("/themes/custom/ctbto/fonts/Roboto/RobotoCondensed-Regular.woff2") format("woff2"), url("/themes/custom/ctbto/fonts/Roboto/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-BoldCondensed";
  src: url("/themes/custom/ctbto/fonts/Roboto/Roboto-BoldCondensed-webfont.eot");
  src: url("/themes/custom/ctbto/fonts/Roboto/Roboto-BoldCondensed-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/ctbto/fonts/Roboto/Roboto-BoldCondensed-webfont.woff") format("woff"), url("/themes/custom/ctbto/fonts/Roboto/Roboto-BoldCondensed-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*OpenSans*/
@font-face {
  font-family: "OpenSans";
  src: url("/themes/custom/ctbto/fonts/OpenSans/OpenSans-Regular.ttf"), url("/themes/custom/ctbto/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url("/themes/custom/ctbto/fonts/OpenSans/OpenSans-Bold.ttf"), url("/themes/custom/ctbto/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Light";
  src: url("/themes/custom/ctbto/fonts/OpenSans/OpenSans-Light.ttf"), url("/themes/custom/ctbto/fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "RobotoCondensed-Regular", sans-serif;
  color: #000625;
  text-align: left;
  margin-bottom: 1.25em;
}
html[dir=rtl] h1,
html[dir=rtl] h2,
html[dir=rtl] h3,
html[dir=rtl] h4,
html[dir=rtl] h5,
html[dir=rtl] h6 {
  text-align: right;
}

h1 {
  font-size: 32px;
  line-height: 38px;
  font-weight: bold;
}
h1.title {
  border-bottom: 1px solid #D9E1E2;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 0.25em;
}

h2.mega {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 48px;
}

.block-title h2 {
  margin: 0 0 5px 0;
  font-size: 32px;
  line-height: 38px;
  font-family: "RobotoCondensed-Regular";
}

h2.size20 {
  font-size: 20px;
}

div.paragraph--type--layout-right-9-left-3 .col-md-3 h2:first-child,
h3 {
  font-size: 16px;
  line-height: 20px;
  color: #000625;
}

div.paragraph--type--layout-right-9-left-3 .col-md-3 h2:first-child {
  border-bottom: 0px;
  text-transform: capitalize;
  padding-bottom: 0px;
}

h4 {
  font-size: 16px;
  line-height: 21px;
  color: #000625;
}

p,
a,
ol,
ul,
figure,
.inline-flex .content > span {
  font-size: 16px;
  line-height: 24px;
  color: #000625;
  font-family: "OpenSans";
  text-align: left;
}
html[dir=rtl] p,
html[dir=rtl] a,
html[dir=rtl] ol,
html[dir=rtl] ul,
html[dir=rtl] figure,
html[dir=rtl] .inline-flex .content > span {
  text-align: right;
}

p.date-holder {
  font-family: "OpenSans-Light";
  margin-bottom: 0.5em;
}

p.medium,
a.medium,
span.medium {
  font-size: 14px;
}

p.small,
a.small,
span.small {
  font-size: 12px;
}

p.charcoal-text {
  color: #888B8D;
}

.padding-left-12 {
  padding-left: 12px;
}
html[dir=rtl] .padding-left-12 {
  padding-right: 12px;
  padding-left: 0;
}

.blockquote {
  font-family: "Roboto-Condensed";
  margin: 30px 0;
}
.blockquote .blockquote-body {
  border-left: 2px solid #c9a045;
  padding-left: 16px;
}
html[dir=rtl] .blockquote .blockquote-body {
  border-left: 0;
  padding-left: 0;
  border-right: 2px solid #c9a045;
  padding-right: 16px;
}
.blockquote .blockquote-body span,
.blockquote .blockquote-body span > * {
  color: #3DAAE1;
  font-size: 24px;
  line-height: 29px;
}
.blockquote .blockquote-footer {
  font-size: 16px;
  padding-left: 16px;
  margin-top: 8px;
}
.blockquote .blockquote-footer::before {
  content: "";
}

b,
strong {
  font-family: "RobotoCondensed-Regular";
}

a.see-all {
  color: #0093B2 !important;
  text-decoration: none;
  font-size: 14px !important;
  line-height: 17px !important;
  float: right;
  background: white;
  padding: 10px 15px !important;
  display: inline-flex;
}
html[dir=rtl] a.see-all {
  float: left;
}
a.see-all i {
  margin-left: 2px;
  font-size: 12px;
}
html[dir=rtl] a.see-all i {
  margin-right: 2px;
  margin-left: 0;
}

/*coloured Text*/
.cyanText {
  color: #3DAAE1;
}

.whiteText {
  color: #FFFFFF;
}

.goldText {
  color: #c9a045;
}

.lakeBlueText {
  color: #0093B2;
}

/*lists*/
ol li {
  line-height: 24px;
  margin: 10px 0;
}
ol li > * {
  vertical-align: top;
}
ol li.pdf-icon {
  padding-inline-start: 10px;
}
ol li.pdf-icon::marker {
  content: url("../images/svg/file-earmark-pdf-with-background.svg");
}
ol li.pdf-icon a.document {
  padding-bottom: 0px;
}

ol.no-listing-style {
  list-style-type: none;
}

/*font classes*/
/*robotoCondensed-Regular: robocon-reg*/
.robocon-reg,
.robocon-reg > * {
  font-family: "RobotoCondensed-Regular" !important;
}

/**/
.robocon-bold,
.robocon-bold > * {
  font-family: "Roboto-BoldCondensed" !important;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.we-mega-menu-ul > .we-mega-menu-li > a,
.we-mega-menu-submenu li.we-mega-menu-li a {
  font-family: "RobotoCondensed-Regular";
  font-weight: 500;
  text-transform: none;
}

.we-mega-menu-ul > .we-mega-menu-li {
  border-left: 0px;
}

.we-mega-menu-ul > .we-mega-menu-li > a {
  color: #000625;
  font-size: 16px;
  text-decoration: none;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  h2,
  block-title h2 {
    font-size: 18px !important;
    line-height: 20px !important;
  }
  h2.mega {
    font-size: 18px;
    line-height: 24px;
  }
  h2.size20 {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  h4 {
    font-size: 13px;
    line-height: 15px;
  }
  p,
  a {
    font-size: 14px;
    line-height: 16px;
  }
  a.see-all {
    font-size: 12px !important;
    line-height: 12px !important;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 992px) {
  h1 {
    font-size: 24px;
    line-height: 28px;
  }
  h2,
  block-title h2 {
    font-size: 20px !important;
    line-height: 22px !important;
  }
  h2.mega {
    font-size: 24px;
    line-height: 28px;
  }
  h2.size20 {
    font-size: 16px !important;
    line-height: 16px !important;
  }
  h3 {
    font-size: 14px;
    line-height: 18px;
  }
  h4 {
    font-size: 14px;
    line-height: 14px;
  }
  p,
  a {
    font-size: 14px;
    line-height: 18px;
  }
  a.see-all {
    font-size: 12px !important;
    line-height: 12px !important;
    margin-bottom: 0.5rem;
  }
}
.ih-item .info {
  mix-blend-mode: hard-light;
}

.ih-item.square {
  width: 100% !important;
  height: auto !important;
  box-shadow: none !important;
  border: 0px;
}

.ih-item.square.effect13 .info {
  background: none;
}
.ih-item.square.effect13 .info .gradient-background {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.black-background {
  background-color: #000625;
}

.blue-background {
  background-color: #071d49;
}
.blue-background h2,
.blue-background p {
  color: rgb(249, 250, 251);
}

.charcoal-background {
  background-color: #888B8D;
}

.cyan-background {
  background-color: #3DAAE1;
}

.gold-background {
  background-color: #c9a045;
}

.grey-background {
  background-color: #D9E1E2;
}

.lake-blue-background {
  background-color: #0093B2;
}

.maroon-background {
  background-color: #922630;
}

.offwhite-background {
  background-color: rgb(249, 250, 251);
}

.navy-blue-background {
  background-color: #0069B4;
}

.blue-gradient {
  background: rgb(8, 36, 75);
  background: linear-gradient(90deg, rgb(8, 36, 75) 0%, rgb(37, 144, 200) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08244b", endColorstr="#2590c8", GradientType=1);
}

.blue-pink-gradient {
  background: rgb(65, 102, 129);
  background: linear-gradient(90deg, rgb(65, 102, 129) 0%, rgb(173, 71, 93) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#416681", endColorstr="#ad475d", GradientType=1);
}

.green-blue-gradient {
  background: rgb(145, 185, 34);
  background: linear-gradient(90deg, rgb(145, 185, 34) 0%, rgb(52, 90, 103) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#91b922", endColorstr="#345a67", GradientType=1);
}

.brown-gradient {
  background: rgb(194, 111, 77);
  background: linear-gradient(90deg, rgb(194, 111, 77) 0%, rgb(82, 58, 58) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c26f4d", endColorstr="#523a3a", GradientType=1);
}

.light-brown-gradient {
  background: rgb(194, 111, 77);
  background: linear-gradient(90deg, rgb(194, 111, 77) 0%, rgb(82, 58, 58) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c26f4d", endColorstr="#523a3a", GradientType=1);
}

.marine-gradient {
  background: rgb(4, 127, 143);
  background: linear-gradient(102deg, rgb(4, 127, 143) 0%, rgb(76, 66, 77) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#047f8f", endColorstr="#4c424d", GradientType=1);
}

.orange-green-gradient {
  background: rgb(211, 94, 41);
  background: linear-gradient(90deg, rgb(211, 94, 41) 0%, rgb(160, 180, 31) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d35e29", endColorstr="#a0b41f", GradientType=1);
}

.pink-gradient {
  background: rgb(189, 46, 76);
  background: linear-gradient(90deg, rgb(189, 46, 76) 0%, rgb(103, 45, 83) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bd2e4c", endColorstr="#672d53", GradientType=1);
}

.statistics-header-gradient {
  background: rgb(6, 29, 66);
  background: linear-gradient(90deg, rgb(6, 29, 66) 0%, rgb(0, 135, 167) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#061d42", endColorstr="#0087a7", GradientType=1);
}

.linear-blue-gradient {
  background: transparent;
  background: rgb(40, 159, 218);
  background: linear-gradient(294deg, rgb(40, 159, 218) 0%, rgb(6, 26, 63) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#289fda", endColorstr="#061a3f", GradientType=1);
}

/*reverse gradients*/
.reverse-blue-gradient {
  background: rgb(8, 36, 75);
  background: linear-gradient(275deg, rgb(8, 36, 75) 0%, rgb(37, 144, 200) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08244b", endColorstr="#2590c8", GradientType=1);
}

.reverse-blue-pink-gradient {
  background: rgb(65, 102, 129);
  background: linear-gradient(275deg, rgb(65, 102, 129) 0%, rgb(173, 71, 93) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#416681", endColorstr="#ad475d", GradientType=1);
}

.reverse-green-blue-gradient {
  background: rgb(145, 185, 34);
  background: linear-gradient(275deg, rgb(145, 185, 34) 0%, rgb(52, 90, 103) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#91b922", endColorstr="#345a67", GradientType=1);
}

.reverse-brown-gradient {
  background: rgb(194, 111, 77);
  background: linear-gradient(275deg, rgb(194, 111, 77) 0%, rgb(82, 58, 58) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c26f4d", endColorstr="#523a3a", GradientType=1);
}

.reverse-light-brown-gradient {
  background: rgb(194, 111, 77);
  background: linear-gradient(275deg, rgb(194, 111, 77) 0%, rgb(82, 58, 58) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c26f4d", endColorstr="#523a3a", GradientType=1);
}

.reverse-marine-gradient {
  background: rgb(4, 127, 143);
  background: linear-gradient(275deg, rgb(4, 127, 143) 0%, rgb(76, 66, 77) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#047f8f", endColorstr="#4c424d", GradientType=1);
}

.reverse-orange-green-gradient {
  background: rgb(211, 94, 41);
  background: linear-gradient(275deg, rgb(211, 94, 41) 0%, rgb(160, 180, 31) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d35e29", endColorstr="#a0b41f", GradientType=1);
}

.reverse-pink-gradient {
  background: rgb(189, 46, 76);
  background: linear-gradient(275deg, rgb(189, 46, 76) 0%, rgb(103, 45, 83) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bd2e4c", endColorstr="#672d53", GradientType=1);
}

/* body */
body,
html {
  font-size: 16px;
  line-height: 24px;
  font-family: "OpenSans";
  max-width: 100%;
  overflow-x: hidden;
}

/*site in beta*/
.site-in-beta {
  background-color: rgba(61, 170, 225, 0.2);
  padding: 0.4rem 0;
}
.site-in-beta .bi::before {
  color: #074A7B;
}
.site-in-beta a {
  color: #074A7B;
}
.site-in-beta h2,
.site-in-beta p {
  float: left;
  margin-bottom: 0;
}
.site-in-beta a {
  text-underline-position: under;
  font-weight: bold;
}
.site-in-beta h2 {
  padding: 0.25rem 0.5rem;
  background-color: #000625;
  color: #FFEF00;
  text-transform: uppercase;
  margin-right: 0.5rem;
}

/*site in beta*/
/* top menu */
.nav-top .navbar-brand {
  max-width: 200px;
}
.nav-top .navbar > .container,
.nav-top .navbar > .container-fluid,
.nav-top .navbar > .container-sm,
.nav-top .navbar > .container-md,
.nav-top .navbar > .container-lg,
.nav-top .navbar > .container-xl,
.nav-top .navbar > .container-xxl {
  justify-content: flex-start;
}
.nav-top #socialMediaProfiles {
  padding-top: 0.65em;
}

.padding-0 {
  padding: 0px;
}

.padding-top-3rem {
  padding-top: 3rem;
}

/*search*/
.search-region {
  margin-top: 10px;
  margin-bottom: 10px;
}
.search-region .row {
  justify-content: space-between;
  border-bottom: 1px solid #D9E1E2;
}
.search-region .row .search-block-form {
  direction: ltr;
}
.search-region .row .search-block-form .container-inline {
  float: right;
}
.search-region .row .search-block-form .container-inline input[type=search],
.search-region .row .search-block-form .container-inline input[type=submit],
.search-region .row .search-block-form .container-inline input[type=text] {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.search-region .row .search-block-form .container-inline input[type=text],
.search-region .row .search-block-form .container-inline input[type=search] {
  color: #000625;
  width: 200px;
  height: 40px;
}
.search-region .row .search-block-form .container-inline input[type=text]:focus,
.search-region .row .search-block-form .container-inline input[type=search]:focus {
  border: 1px solid #000625;
}
.search-region .row .search-block-form .container-inline input[type=submit] {
  border: 1px solid #888B8D;
  background-color: #888B8D;
  color: #FFFFFF;
  height: 40px;
}

/**
* statisticsHeader
*/
.statisticsHeader {
  display: inline-flex !important;
  justify-content: space-between;
}
.statisticsHeader span {
  padding-top: 6%;
  color: #D9E1E2;
  opacity: 0.25;
}
.statisticsHeader h2,
.statisticsHeader p {
  color: #FFFFFF;
  text-align: center;
}

/* end statisticsHeader */
/*social media links*/
#socialMediaProfiles {
  padding-right: 0px;
}

ul.footer-menu,
.socialLinks {
  list-style: none;
  display: inline-flex;
  padding-left: 0px;
}
ul.footer-menu a,
.socialLinks a {
  text-decoration: none;
}

.socialLinks {
  float: right;
  padding-right: 0;
}
html[dir=rtl] .socialLinks {
  float: left;
}
.socialLinks a.social:last-child {
  padding-right: 0px;
}
html[dir=rtl] .socialLinks a.social:last-child {
  padding-right: 10px;
  padding-left: 0px;
}
.socialLinks a {
  font-size: 20px;
  color: #888B8D;
  padding: 0 10px;
}
.socialLinks p {
  color: #D9E1E2;
  font-weight: lighter;
  text-transform: uppercase;
  padding-top: 5px;
  padding-right: 10px;
}
.socialLinks .fa-twitter:before {
  content: "𝕏" !important;
  font-weight: 900;
}

.twitter-timeline {
  min-width: 100%;
}

.region-footer-menu {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  background-color: #555;
}
.region-footer-menu .accordion-header {
  margin-bottom: 1.1rem;
}

@media screen and (max-width: 992px) {
  body,
  html {
    font-size: 14px;
    line-height: 18px;
  }
}
img {
  max-width: 100%;
  height: auto;
}

figure span[data-bs-toggle=modal] {
  cursor: pointer;
  display: block;
  position: relative;
}
figure span[data-bs-toggle=modal]:after {
  content: "\f52a";
  font-family: "bootstrap-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
figure span[data-bs-toggle=modal] img {
  transition: all 0.3s ease-in-out;
  filter: brightness(100%);
}
figure span[data-bs-toggle=modal]:hover:after {
  opacity: 1;
  font-size: 2rem;
  transition: all 0.3s ease-in-out;
}
figure span[data-bs-toggle=modal]:hover img {
  transition: all 0.3s ease-in-out;
  filter: brightness(50%);
}

a.logo img {
  max-width: 150px;
}

hr {
  color: #D9E1E2;
  background-color: #D9E1E2;
}

/* Responsive video */
.auto-looped-video {
  width: 100%;
  display: flex;
  -o-object-fit: cover;
     object-fit: cover;
}

/*overlays*/
.overlay {
  position: relative;
}
.overlay :is(h1, h2, h3, h4, h5, h6, p) {
  color: #FFFFFF;
}
.overlay .overlay-content {
  position: absolute;
}

.black-overlay {
  background: transparent linear-gradient(0deg, rgba(0, 0, 0, 0.7960784314) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
}

.blue-overlay {
  background: rgba(0, 6, 37, 0.4);
}

.blue-overlay-08 {
  background: rgba(0, 6, 37, 0.8);
}

.full-width-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*social media sharing links*/
.social-media-sharing ul {
  display: block;
  text-align: left;
}
html[dir=rtl] .social-media-sharing ul {
  text-align: right;
  padding-right: 0;
}
.social-media-sharing ul li {
  display: block;
}
html[dir=rtl] .social-media-sharing ul li {
  margin-right: 0;
  margin-left: 15px;
}

/*round images*/
img.round-image-96px {
  border-radius: 192px;
}

img.bell-icon {
  height: 35px;
  width: 35px;
  border-radius: 35px;
  padding: 10px;
}

img.blue-bell {
  background-color: rgba(0, 174, 197, 0.31);
}

img.orange-bell {
  background-color: rgba(198, 115, 39, 0.31);
}

/** modal styling */
.modal .modal-footer {
  border-top: 0px;
}
.modal .modal-footer figcaption {
  width: 100%;
}
.modal .modal-header {
  border-bottom: 0px;
}
.modal.modal--image-zoom .modal-body {
  padding: 0 1rem;
}
.modal.modal--image-zoom .modal-body img {
  margin: 0;
}

.carousel .video-container {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.carousel .video-container iframe,
.carousel .video-container object,
.carousel .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.carousel .carousel-control-next .carousel-control-next-icon {
  -webkit-mask: url("/themes/custom/ctbto/images/svg/chevron-right.svg") no-repeat 100% 100%;
  mask: url("/themes/custom/ctbto/images/svg/chevron-right.svg") no-repeat 100% 100%;
}
.carousel .carousel-control-prev .carousel-control-prev-icon {
  -webkit-mask: url("/themes/custom/ctbto/images/svg/chevron-left.svg") no-repeat 100% 100%;
  mask: url("/themes/custom/ctbto/images/svg/chevron-left.svg") no-repeat 100% 100%;
}
.carousel .carousel-indicators {
  margin-bottom: 0.5rem;
}
.carousel .carousel-indicators [data-bs-target] {
  height: 10px;
  width: 10px;
  border-radius: 30px;
  border-top: 0px;
  border-bottom: 0px;
}
.carousel .carousel-caption {
  right: 0;
}
.carousel .carousel-caption .carousel-title h2 {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  text-transform: uppercase;
}
.carousel .carousel-caption .carousel-read-more {
  text-align: right;
}
html[dir=rtl] .carousel .carousel-caption .carousel-read-more {
  text-align: left;
}
.carousel .carousel-caption .carousel-read-more a {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  padding: 5px 20px;
  color: #FFFFFF;
  border-radius: 2px;
}
.carousel .carousel-caption h2,
.carousel .carousel-caption p {
  color: #FFFFFF;
  width: 100%;
  text-align: left;
}
html[dir=rtl] .carousel .carousel-caption h2,
html[dir=rtl] .carousel .carousel-caption p {
  text-align: right;
}
.carousel .carousel-caption h2 {
  margin-bottom: 0;
}
.carousel .carousel-caption a {
  float: left;
  text-transform: none !important;
}
.carousel .carousel-caption a::after {
  content: "" !important;
  display: none !important;
}
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  font-size: 20px;
  opacity: 1;
  color: #FFFFFF;
}
.carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
  height: 2rem;
  width: 2rem;
  color: #FFFFFF;
  opacity: 1;
}

/*slideshow-style-2*/
.slideshow-style-2 {
  margin: 4% 0;
}
.slideshow-style-2 .carousel-indicators {
  top: 22%;
  left: 0;
  margin-left: 5rem;
  height: 40px;
  z-index: 12;
}
.slideshow-style-2 .carousel-indicators button,
.slideshow-style-2 .carousel-indicators button.active {
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
.slideshow-style-2 .carousel-indicators button.active {
  background-color: #FFFFFF;
}
.slideshow-style-2 .row {
  padding-left: 4%;
}
.slideshow-style-2 .block-title {
  position: absolute;
  left: 6%;
  z-index: 10;
}
.slideshow-style-2 .block-title h2 {
  color: #FFFFFF;
}
.slideshow-style-2 .slider-text {
  padding-top: 12%;
}
.slideshow-style-2 .slider-text .caption {
  padding-left: 5%;
}
.slideshow-style-2 .slider-text h4 {
  color: #c9a045;
  font-size: 18px;
}
.slideshow-style-2 .slider-text p {
  color: #FFFFFF;
  line-height: 18px;
}
.slideshow-style-2 .slider-text a {
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
}
.slideshow-style-2 .carousel-control-prev,
.slideshow-style-2 .carousel-control-next {
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  margin-top: 25%;
  width: 30px;
  height: 30px;
  padding: 10px;
}
.slideshow-style-2 .carousel-control-prev {
  left: 6%;
}
.slideshow-style-2 .carousel-control-next {
  left: 9%;
}

.slideshow-style-3 .carousel-indicators {
  margin-left: 2%;
}
.slideshow-style-3 .carousel-indicators button {
  width: 30px;
}
.slideshow-style-3 .carousel-control-prev,
.slideshow-style-3 .carousel-control-next {
  bottom: 15px;
}
.slideshow-style-3 .carousel-caption {
  left: 2%;
  text-align: left;
}
.slideshow-style-3 .carousel-caption h3 {
  text-transform: uppercase;
  font-size: 22px;
}
.slideshow-style-3 .carousel-caption h3,
.slideshow-style-3 .carousel-caption p {
  color: #FFFFFF;
}

/* adaptive styling */
@media screen and (min-width: 320px) and (max-width: 480px) {
  .carousel .banner-video .ratio-16x9 {
    --bs-aspect-ratio: calc(calc(9 / 21 * 100%));
  }
  .carousel .banner-video + .carousel-caption {
    height: 3.5rem;
  }
  .carousel .carousel-caption {
    background-color: rgb(0, 6, 37);
    width: 100%;
    left: 0;
    bottom: 0;
    display: inline-flex !important;
    position: relative;
    align-items: center;
    padding: 1rem;
  }
  .carousel .carousel-caption .carousel-title h2 {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  .carousel .carousel-caption .carousel-title,
  .carousel .carousel-caption .carousel-read-more {
    position: relative;
  }
  .carousel .carousel-caption .carousel-title {
    left: 0%;
    width: 70%;
  }
  .carousel .carousel-caption .carousel-read-more {
    right: 0;
    z-index: 2;
    width: 30%;
  }
  .carousel .carousel-caption .carousel-read-more a {
    padding: 2px 4px;
    font-size: 12px;
    float: right;
  }
  .carousel .carousel-control-next-icon,
  .carousel .carousel-control-prev-icon {
    background-color: #D9E1E2;
    opacity: 0.9;
    -webkit-mask-size: cover;
            mask-size: cover;
    background-image: none;
    width: 15px;
    height: 25px;
    position: relative;
  }
  .carousel .carousel-indicators {
    margin-bottom: 0.2rem;
  }
  .carousel .carousel-indicators [data-bs-target] {
    height: 5px;
    width: 5px;
    border-radius: 30px;
    border-top: 0px;
    border-bottom: 0px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .carousel .banner-video .ratio-16x9 {
    --bs-aspect-ratio: calc(calc(9 / 21 * 100%));
  }
  .carousel .banner-video + .carousel-caption {
    height: 4.2rem;
  }
  .carousel .carousel-caption {
    background-color: rgb(0, 6, 37);
    width: 100%;
    left: 0;
    bottom: 0;
    display: inline-flex !important;
    position: relative;
    align-items: center;
    padding: 0.5rem 1.4rem 1.5rem;
  }
  .carousel .carousel-caption .carousel-title,
  .carousel .carousel-caption .carousel-read-more {
    position: relative;
  }
  .carousel .carousel-caption .carousel-title {
    left: 0;
    width: 80%;
  }
  .carousel .carousel-caption .carousel-title h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .carousel .carousel-caption .carousel-read-more {
    right: 0;
    z-index: 2;
    width: 20%;
  }
  .carousel .carousel-caption .carousel-read-more a {
    font-size: 15px;
    padding: 5px;
    float: right;
  }
  .carousel .carousel-caption h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .carousel .carousel-control-next-icon,
  .carousel .carousel-control-prev-icon {
    background-color: #D9E1E2;
    opacity: 0.9;
    -webkit-mask-size: cover;
            mask-size: cover;
    background-image: none;
    width: 25px;
    height: 40px;
    position: relative;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .carousel .banner-video .ratio-16x9 {
    --bs-aspect-ratio: 37%;
  }
  .carousel .banner-video + .carousel-caption {
    height: 2.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
  .carousel .carousel-caption {
    left: 0;
    bottom: 0;
    width: 100%;
    display: inline-flex !important;
    align-items: center;
    padding: 0.5rem 1.2rem 1.5rem;
  }
  .carousel .carousel-caption .carousel-title {
    width: 80%;
    left: 2%;
  }
  .carousel .carousel-caption .carousel-title h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .carousel .carousel-caption .carousel-read-more {
    right: 2%;
    z-index: 2;
    width: 20%;
  }
  .carousel .carousel-caption .carousel-read-more a {
    float: right;
    font-size: 14px;
  }
  html[dir=rtl] .carousel .carousel-caption .carousel-read-more a {
    float: left;
  }
  .carousel .carousel-control-next-icon,
  .carousel .carousel-control-prev-icon {
    background-color: #D9E1E2;
    opacity: 0.9;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-image: none;
    width: 25px;
    height: 40px;
    position: relative;
    top: 10%;
  }
}
@media screen and (min-width: 1081px) {
  .carousel .carousel-item {
    max-height: 425px;
  }
  .carousel .carousel-caption {
    left: 0;
    bottom: 0;
    width: 100%;
    display: inline-flex !important;
    align-items: center;
    padding: 0.5rem 2.4rem 1.5rem;
  }
  .carousel .carousel-caption .carousel-title {
    left: 2%;
    width: 80%;
  }
  .carousel .carousel-caption .carousel-read-more {
    right: 2%;
    z-index: 2;
    width: 20%;
  }
  .carousel .carousel-caption .carousel-read-more a {
    float: right;
    padding: 5px 20px;
  }
  html[dir=rtl] .carousel .carousel-caption .carousel-read-more a {
    float: left;
  }
  .carousel .carousel-control-next,
  .carousel .carousel-control-prev {
    bottom: 4.8rem;
  }
  .carousel .carousel-control-next {
    margin-right: -7rem;
  }
  .carousel .carousel-control-prev {
    margin-left: -7rem;
  }
  .carousel .carousel-control-next-icon,
  .carousel .carousel-control-prev-icon {
    background-color: #071d49;
    opacity: 0.9;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-image: none;
    width: 25px;
    height: 40px;
    position: relative;
    top: 10%;
  }
}
@media screen and (min-width: 1200px) {
  .carousel .carousel-control-next {
    margin-right: -6.5rem;
  }
  .carousel .carousel-control-prev {
    margin-left: -6.5rem;
  }
}
@media screen and (min-width: 1300px) {
  .carousel .carousel-control-next {
    margin-right: -7.5rem;
  }
  .carousel .carousel-control-prev {
    margin-left: -7.5rem;
  }
}
body.path-frontpage .main-content-area .container,
body.path-frontpage .main-content-area .container-fluid {
  margin-top: 25px;
  margin-bottom: 25px;
}

.container-inner {
  padding-top: 10px;
  padding-bottom: 40px;
}

.container {
  /*banner images*/
  /*facets*/
  /*end facets*/
}
.container .image-holder {
  position: relative;
  text-align: center;
  color: #FFFFFF;
}
.container .image-holder .titleHolder {
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
  border-top: 2px solid #D9E1E2;
  padding: 0 25px;
  color: #FFFFFF;
  z-index: 10;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container .image-holder .titleHolder h1,
.container .image-holder .titleHolder h2,
.container .image-holder .titleHolder h3,
.container .image-holder .titleHolder h4 {
  color: #FFFFFF;
  font-family: "Roboto-BoldCondensed";
  margin-bottom: 0px;
}
.container a.read-more {
  padding: 10px 12px;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
}
.container a.read-more::after {
  content: "›";
  padding-left: 10px;
  font-size: 1.8em;
}
.container .banner {
  margin-bottom: 0.5em;
}
.container .banner img {
  height: auto;
  width: 100%;
}
.container ul.js-facets-checkbox-links.item-list__checkbox.js-facets-widget {
  list-style-type: none;
  padding-left: 0;
}
html[dir=rtl] .container ul.js-facets-checkbox-links.item-list__checkbox.js-facets-widget {
  padding-right: 0;
}
.container ul.js-facets-checkbox-links.item-list__checkbox.js-facets-widget .facet-item {
  cursor: pointer;
}
.container ul.js-facets-checkbox-links.item-list__checkbox.js-facets-widget .facet-item input,
.container ul.js-facets-checkbox-links.item-list__checkbox.js-facets-widget .facet-item label {
  cursor: pointer;
}
.container ul.js-facets-checkbox-links.item-list__checkbox.js-facets-widget input[type=checkbox] {
  margin-right: 5px;
}
html[dir=rtl] .container ul.js-facets-checkbox-links.item-list__checkbox.js-facets-widget input[type=checkbox] {
  margin-left: 5px;
  margin-right: 0;
}
.container .block-facet--links ul {
  list-style-type: none;
}
.container .block-facet--links a {
  color: #071d49;
}
.container .block-facet--links a i.fa-arrow-circle-right {
  right: -10%;
  transform: translateX(-25%);
  transition: right 0.5s, transform 0.5s;
}
.container .block-facet--links a:hover {
  color: #3DAAE1;
}
.container .block-facet--links a:hover i.fa-arrow-circle-right {
  right: 0%;
  transform: translateX(0%);
}
.container .block-facet--links span.facet-item__value {
  fill: #071d49;
}
.container a.facets-soft-limit-link {
  padding-left: 2rem;
}
.container .views-row {
  margin: 1.5em 0;
}
.container .views-row a {
  color: #000625;
}
.container .views-row a:hover {
  color: #3DAAE1;
}
.container .views-row .date-holder {
  margin-bottom: 0.5em;
}

/*main content area*/
.main-content-area {
  padding-left: 0px;
  padding-right: 0px;
  /*paragraphs*/
  /* end paragraphs */
  /*grid template*/
}
.main-content-area a {
  color: #0093B2;
  text-underline-position: under;
}
.main-content-area .paragraph--type--title {
  margin-bottom: 1.25em;
}
.main-content-area .paragraph--type--layout-right-9-left-3 img,
.main-content-area .paragraph--type--layout-right-8-left-4 img {
  margin: 10px 0px;
}
.main-content-area .paragraph--type--layout-right-9-left-3 .left-column .paragraph--type--video,
.main-content-area .paragraph--type--layout-right-9-left-3 .left-column .paragraph--type--untv,
.main-content-area .paragraph--type--layout-right-9-left-3 .left-column .paragraph--type--kaltura-video,
.main-content-area .paragraph--type--layout-right-8-left-4 .left-column .paragraph--type--video,
.main-content-area .paragraph--type--layout-right-8-left-4 .left-column .paragraph--type--untv,
.main-content-area .paragraph--type--layout-right-8-left-4 .left-column .paragraph--type--kaltura-video {
  margin-bottom: 0.5rem;
}
.main-content-area .paragraph--type--layout-right-9-left-3 .left-column .paragraph--type--video iframe,
.main-content-area .paragraph--type--layout-right-9-left-3 .left-column .paragraph--type--untv iframe,
.main-content-area .paragraph--type--layout-right-9-left-3 .left-column .paragraph--type--kaltura-video iframe,
.main-content-area .paragraph--type--layout-right-8-left-4 .left-column .paragraph--type--video iframe,
.main-content-area .paragraph--type--layout-right-8-left-4 .left-column .paragraph--type--untv iframe,
.main-content-area .paragraph--type--layout-right-8-left-4 .left-column .paragraph--type--kaltura-video iframe {
  height: 100%;
  width: 100%;
}
.main-content-area .paragraph--type--layout-right-9-left-3 .right-column,
.main-content-area .paragraph--type--layout-right-8-left-4 .right-column {
  padding: 0 1.25rem 1.25rem 1.25rem;
}
.main-content-area .paragraph--type--layout-right-9-left-3 .right-column h2,
.main-content-area .paragraph--type--layout-right-8-left-4 .right-column h2 {
  margin-top: 0;
}
.main-content-area .paragraph--type--layout-right-9-left-3 .right-column .paragraph--type--link-to-page,
.main-content-area .paragraph--type--layout-right-8-left-4 .right-column .paragraph--type--link-to-page {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.main-content-area .paragraph--type--layout-right-9-left-3 .right-column .paragraph--type--link-to-page .medium,
.main-content-area .paragraph--type--layout-right-9-left-3 .right-column .paragraph--type--link-to-page .small,
.main-content-area .paragraph--type--layout-right-8-left-4 .right-column .paragraph--type--link-to-page .medium,
.main-content-area .paragraph--type--layout-right-8-left-4 .right-column .paragraph--type--link-to-page .small {
  padding-left: 0px;
}
.main-content-area .paragraph--type--layout-right-9-left-3 .right-column .paragraph--type--link-to-page img,
.main-content-area .paragraph--type--layout-right-8-left-4 .right-column .paragraph--type--link-to-page img {
  margin: 0;
}
.main-content-area .paragraph--type--layout-right-9-left-3 .right-column .has-background-color,
.main-content-area .paragraph--type--layout-right-8-left-4 .right-column .has-background-color {
  padding: 0.5rem 1rem;
}
.main-content-area .paragraph h2,
.main-content-area .paragraph h3,
.main-content-area .paragraph h4,
.main-content-area .paragraph h5 {
  margin-top: 0.2em;
}
.main-content-area .paragraph h3 {
  font-family: "OpenSans-Bold";
  text-transform: uppercase;
  margin-bottom: 0.25em;
}
.main-content-area .paragraph p a {
  color: #0093B2;
}
.main-content-area .paragraph a.cyanText {
  font-family: "OpenSans-bold";
  text-decoration: none;
}
.main-content-area .paragraph a.cyanText:hover {
  text-decoration: underline;
}
.main-content-area .paragraph .left img {
  margin-right: 15px;
}
html[dir=rtl] .main-content-area .paragraph .left img {
  margin-right: 0;
  margin-left: 15px;
}
.main-content-area .paragraph .left h2 {
  margin-top: 1.1rem;
}
.main-content-area .paragraph .right img {
  margin-left: 15px;
}
html[dir=rtl] .main-content-area .paragraph .right img {
  margin-left: 0;
  margin-right: 15px;
}
.main-content-area .paragraph .right h2 {
  margin-top: 1.4rem;
}
.main-content-area .paragraph--type--next-chapter p.next-chapter {
  font-size: 21px;
  line-height: 27px;
  color: #000625;
}
.main-content-area .paragraph--type--next-chapter h2 {
  font-size: 32px;
  text-transform: capitalize;
}
.main-content-area .paragraph--type--next-chapter .summary {
  font-family: "OpenSans";
  margin-bottom: 25px;
}
.main-content-area .paragraph--type--next-chapter .read-more {
  font-size: 16px;
  font-family: "OpenSans-Bold";
  text-transform: capitalize;
  padding: 15px 25px;
  border-radius: 2px;
}
.main-content-area .paragraph--type--next-chapter .read-more::after {
  content: "";
}
.main-content-area .paragraph--type--link-to-page .small a {
  text-decoration: underline;
  color: #3DAAE1;
}
.main-content-area .paragraph--type--link-to-page .small a:hover {
  text-decoration: none;
  color: #3DAAE1;
}
.main-content-area .paragraph--type--link-to-page .large a,
.main-content-area .paragraph--type--link-to-page .medium a {
  text-decoration: none;
  margin: 10px;
}
.main-content-area .paragraph--type--link-to-page .large .charcoal-text,
.main-content-area .paragraph--type--link-to-page .medium .charcoal-text {
  font-size: 14px;
}
.main-content-area .paragraph--type--link-to-page .large .info h3,
.main-content-area .paragraph--type--link-to-page .medium .info h3 {
  background: none;
  position: absolute;
  bottom: 0;
  left: 0;
}
html[dir=rtl] .main-content-area .paragraph--type--link-to-page .large .info h3,
html[dir=rtl] .main-content-area .paragraph--type--link-to-page .medium .info h3 {
  left: auto;
  right: 0;
}
.main-content-area .paragraph--type--link-to-page .large a {
  display: inline-flex;
}
.main-content-area .paragraph--type--link-to-page .large .summary {
  padding-left: 5px;
}
.main-content-area .paragraph--type--link-to-page .link-only {
  float: left;
  padding-bottom: 0.2em;
  clear: both;
}
.main-content-area .paragraph--type--link-to-page .summary {
  border-bottom: 1px solid rgb(249, 250, 251);
  margin-bottom: 10px;
}
.main-content-area .paragraph--type--link-to-page .summary p {
  margin-bottom: 0.5em;
}
.main-content-area .paragraph--type--link-to-page .summary p i {
  margin-right: 5px;
}
.main-content-area .paragraph--type--layout-right-6-left-6 h1.title {
  margin-bottom: 1.1em;
}
.main-content-area .paragraph--type--layout-right-6-left-6 h2 {
  text-transform: uppercase;
}
.main-content-area .paragraph--type--layout-right-6-left-6 .paragraph--type--text {
  margin-bottom: 30px;
}
.main-content-area .paragraph--type--layout-right-6-left-6 .paragraph--type--text p {
  margin-bottom: 0;
}
.main-content-area .paragraph--type--layout-right-6-left-6 .paragraph--type--link-to-page .summary {
  border-bottom: 0px;
}
.main-content-area .paragraph--type--layout-right-6-left-6 .paragraph--type--link-to-page .summary p.small {
  display: none;
}
.main-content-area .paragraph--type--banner-video .video-container {
  padding-bottom: 0 !important;
}
.main-content-area .paragraph--type--banner-video .media-oembed-content {
  position: relative !important;
  max-height: 550px;
  height: 550px;
  width: 100%;
}
.main-content-area .paragraph--type--text-image figure {
  display: table;
}
.main-content-area .paragraph--type--text-image figure.left {
  float: left;
  padding-right: 10px;
}
html[dir=rtl] .main-content-area .paragraph--type--text-image figure.left {
  float: right;
  padding-right: 0;
  padding-left: 10px;
}
.main-content-area .paragraph--type--text-image figure.left img {
  max-width: 360px;
}
@media (max-width: 479px) {
  .main-content-area .paragraph--type--text-image figure.left img {
    max-width: 100%;
  }
}
.main-content-area .paragraph--type--text-image figure.right {
  float: right;
  padding-left: 10px;
}
html[dir=rtl] .main-content-area .paragraph--type--text-image figure.right {
  float: left;
  padding-left: 0;
  padding-right: 10px;
}
.main-content-area .paragraph--type--text-image figure.right img {
  max-width: 360px;
}
@media (max-width: 479px) {
  .main-content-area .paragraph--type--text-image figure.right {
    max-width: 100%;
  }
}
.main-content-area .paragraph--type--text-image figcaption {
  display: table-caption;
  caption-side: bottom;
}
.main-content-area .views-view-grid img {
  margin: 0 0 15px 0;
  width: 100%;
  height: auto;
}
.main-content-area .views-view-grid [class^=col] {
  padding-left: 0px;
}
.main-content-area .views-view-grid .views-field {
  font-size: 16px;
  font-family: "OpenSans-Bold";
}
.main-content-area .views-view-grid .views-field-created {
  font-size: 12px;
  font-family: "OpenSans";
}
.main-content-area .views-view-grid a {
  text-decoration: none;
  font-family: "OpenSans-Bold";
}
.main-content-area .views-view-grid a:hover {
  color: #3DAAE1;
  text-decoration: underline;
}

/*tables*/
table {
  text-align: left;
  font-family: "OpenSans";
  font-size: 16px;
  vertical-align: middle !important;
  border-color: #dee2e6;
}
html[dir=rtl] table {
  text-align: right;
}
table tr {
  height: 55px;
}
table tr th,
table tr td {
  padding: 0px 20px;
}
table thead {
  vertical-align: middle !important;
  background: #D9E1E2;
  font-family: "OpenSans";
}
table thead th {
  text-transform: uppercase;
}
table tbody tr {
  border-bottom: 1px solid rgb(249, 250, 251);
}
table tbody tr:nth-child(even) {
  background: #FFFFFF;
}
table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
table tbody tr:last-child {
  border-bottom: 1px solid #dee2e6;
}
table caption {
  color: #3DAAE1;
  font-size: 18px;
  font-family: "OpenSans-Bold";
}

table.no-header-transform thead th {
  text-transform: none !important;
}

/*tables*/
/* tinted headers */
.tinted-header {
  height: 190px;
  margin-bottom: 15px;
}

/* tinted headers */
/* inline-flex container*/
.inline-flex {
  display: inline-flex;
}
.inline-flex .icon {
  background: #D9E1E2;
  width: 30px;
  height: 30px;
  border-radius: 60px;
  padding: 10px 10px;
  justify-content: space-around;
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-right: 20px;
}

/* inline-flex container*/
/*content borders*/
.top-border {
  border-top: 1px solid #D9E1E2;
  padding-top: 15px;
}

.gold-left-border {
  border-left: 2px solid #c9a045;
  padding-left: 8px;
}
html[dir=rtl] .gold-left-border {
  border-right: 2px solid #c9a045;
  border-left: 0;
  padding-right: 8px;
  padding-left: 0;
}

.cyan-left-border {
  border-left: 2px solid #3DAAE1;
  padding-left: 8px;
}
html[dir=rtl] .cyan-left-border {
  border-right: 2px solid #3DAAE1;
  border-left: 0;
  padding-right: 8px;
  padding-left: 0;
}

/* twitter embed */
.homepage-twitter {
  height: 300px;
}

.right-column .homepage-twitter {
  margin-top: 1.5rem;
  height: 850px;
}

/*content borders*/
/*homepage*/
.path-frontpage {
  /*country profile page*/
  /*country flags & icons*/
  /*overrides*/
  /*listing pages*/
}
.path-frontpage .no-link-underline a {
  text-decoration: none;
  color: #000625;
}
.path-frontpage .no-link-underline a:hover {
  color: #0093B2;
}
.path-frontpage .news-and-events {
  /*schedule and trainings paragraphs*/
  /*executive secretary*/
}
.path-frontpage .news-and-events .carousel-caption {
  width: 100%;
  float: left;
  left: 0;
  padding: 1rem 32px;
}
.path-frontpage .news-and-events .carousel-caption .gold-left-border {
  border-left: 1px solid #c9a045;
  font-size: 14px;
}
html[dir=rtl] .path-frontpage .news-and-events .carousel-caption .gold-left-border {
  border-right: 1px solid #c9a045;
  border-left: 0;
}
.path-frontpage .news-and-events .carousel-caption h2 {
  font-size: 28px;
  line-height: 42px;
}
.path-frontpage .news-and-events .paragraph.paragraph--type--text-image {
  width: 33%;
  margin-top: 5px !important;
}
.path-frontpage .news-and-events .paragraph.paragraph--type--text-image h2 {
  font-family: "RobotoCondensed-Regular" !important;
  font-weight: bolder;
  color: #0093B2;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 1rem;
}
.path-frontpage .news-and-events .paragraph.paragraph--type--text-image figure {
  margin-top: 15%;
}
.path-frontpage .news-and-events .executive-secretary-block {
  border-top: 1px solid #D9E1E2;
  padding-top: 15px;
}
.path-frontpage .news-and-events .executive-secretary-block a {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 15px;
  background-color: #0093B2;
  color: #F8F9FA !important;
  font-size: 17px;
  font-family: "Roboto-BoldCondensed";
  border: 1px solid #0093B2;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 10px;
}
.path-frontpage .news-and-events .resources,
.path-frontpage .news-and-events .work-with-us {
  overflow-x: hidden;
}
.path-frontpage .news-and-events .resources {
  margin-bottom: 0px !important;
}
.path-frontpage .news-and-events .work-with-us {
  background-image: url("/themes/custom/ctbto/images/svg/work-with-us.svg");
  background-position-x: right;
  background-repeat: no-repeat;
  margin-top: 0px !important;
}
.path-frontpage .news-and-events .work-with-us h2 {
  text-transform: uppercase;
}
.path-frontpage .news-and-events .work-with-us p {
  width: 85%;
  font-family: "RobotoCondensed-Regular";
}
.path-frontpage .news-and-events .work-with-us a {
  font-family: "Roboto-BoldCondensed";
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}
.path-frontpage .news-and-events .work-with-us a:visited {
  color: #FFFFFF;
}
.path-frontpage .news-and-events .work-with-us a:hover {
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-position: below;
}
.path-frontpage .news-and-events .work-with-us i {
  margin-right: 8px;
}
.path-frontpage .news-and-events .work-with-us .img-holder img {
  max-width: 570px;
  width: 100%;
  height: auto;
}
.path-frontpage .news-and-events .what-we-do .overlay-content {
  bottom: 5%;
  left: 10%;
}
.path-frontpage .news-and-events .what-we-do p,
.path-frontpage .news-and-events .what-we-do a {
  font-family: "RobotoCondensed-Regular";
}
.path-frontpage .pdf-resources {
  margin-bottom: 0px !important;
}
.path-frontpage .pdf-resources h3 {
  font-size: 24px;
  font-weight: bold;
}
.path-frontpage .pdf-resources img {
  margin-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.path-frontpage .country-list a {
  color: #FFFFFF;
  font-family: "OpenSans" !important;
}
.path-frontpage .country-flag-icons i {
  font-size: 20px;
  margin-right: 4px;
}
.path-frontpage .page-node-type-listing-page .main-content-area .paragraph--type--layout-right-9-left-3 .paragraph-left {
  padding-right: 0;
}

/*listing pages*/
/*overrides*/
@media screen and (max-width: 992px) {
  .nav-top,
  .dropdown,
  .dropdown-menu {
    border: 0;
    background-color: #071d49;
    color: #FFFFFF;
  }
  .nav-top .nav-link,
  .dropdown .nav-link,
  .dropdown-menu .nav-link {
    color: #FFFFFF;
  }
  a.separator {
    display: none;
  }
  a.separator + .dropdown-menu {
    display: contents;
  }
  a.separator + .dropdown-menu a {
    font-size: 15px !important;
  }
  a.separator + .dropdown-menu .nav-link {
    padding-right: 0 !important;
  }
  .navbar-light .navbar-toggler {
    border: 0px;
    color: #071d49;
  }
  .navbar-light .navbar-toggler:focus {
    box-shadow: none;
  }
  .navbar-light .navbar-toggler .navbar-toggler-icon {
    float: left;
    background-image: url("/themes/custom/ctbto/images/svg/mobile-menu-icon.svg");
  }
  html[dir=rtl] .navbar-light .navbar-toggler .navbar-toggler-icon {
    float: right;
  }
  .navbar-light .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background-image: url("/themes/custom/ctbto/images/svg/mobile-menu-close-icon.svg");
  }
  .navbar-light .dropdown-toggle::after {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    margin: -0.3em 0 0 0.8em;
    vertical-align: middle;
    content: "";
    border: 0.3em solid;
    border-width: 0 0.15em 0.15em 0;
    transform: rotateZ(45deg);
  }
  .navbar-light .dropdown-toggle[aria-expanded=true]::after {
    transform: rotateZ(225deg);
  }
  .navbar-light li.has-megamenu > a {
    font-size: 16px;
    color: #FFFFFF !important;
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu {
    padding-left: 15px;
  }
  html[dir=rtl] .navbar-light li.has-megamenu > ul.dropdown-menu {
    padding-right: 15px;
    padding-left: 0;
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu > li {
    border-bottom: 0.5px solid rgba(61, 170, 225, 0.2);
    padding-left: 0px;
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu > li > a,
  .navbar-light li.has-megamenu > ul.dropdown-menu > li a:visited {
    font-size: 15px;
    color: #FFFFFF;
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu > li > a:focus,
  .navbar-light li.has-megamenu > ul.dropdown-menu > li a:visited:focus {
    color: #D9E1E2;
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu li.container {
    padding-right: 0px;
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
    padding-left: 15px;
  }
  html[dir=rtl] .navbar-light li.has-megamenu > ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
    padding-right: 15px;
    padding-left: 0;
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu > li {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu > li:last-child {
    border-bottom: 0px;
  }
  .navbar-light li.has-megamenu > ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu a,
  .navbar-light li.has-megamenu > ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu a:focus {
    font-size: 13px;
    color: #FFFFFF;
  }
}
@media screen and (max-width: 992px) {
  html[dir=rtl] .navbar-light .dropdown-toggle::after {
    margin: -0.3em 0.8em 0 0;
  }
}
@media screen and (min-width: 992px) {
  .nav-top .menu-row {
    width: 100%;
    --bs-gutter-x: 0 !important;
  }
  .nav-top .search_box {
    display: flex;
    justify-content: flex-end;
  }
  .header-region {
    border-top: 1px solid #E1E8E8;
  }
  ul.navbar-nav li.nav-item:first-child a {
    padding-left: 0px;
  }
  ul.navbar-nav .navbar-collapse {
    padding-left: 0px 1important;
    padding-right: 0px !important;
  }
  ul.navbar-nav .dropdown-toggle::after {
    display: inline-block;
    display: none;
    width: 0.5em;
    height: 0.5em;
    margin: -0.3em 0 0 0.8em;
    vertical-align: middle;
    content: "";
    border: 0.3em solid;
    border-width: 0 0.15em 0.15em 0;
    transform: rotateZ(45deg);
  }
  ul.navbar-nav > li > a {
    font-family: "RobotoCondensed-Regular";
    font-size: 16px;
    line-height: 21px;
    color: #071d49 !important;
  }
  ul.navbar-nav > li > a:hover {
    text-decoration: underline;
    text-underline-position: under;
  }
  ul.navbar-nav > li.has-megamenu {
    position: static;
    margin-right: 5px;
  }
  ul.navbar-nav > li.has-megamenu > .container-fluid > .container {
    display: flow-root;
    justify-content: space-around;
  }
  ul.navbar-nav > li.has-megamenu .container > .single-dropdown-link-wrapper {
    position: relative;
    float: left;
    width: 25%;
  }
  ul.navbar-nav > li.has-megamenu .container > .single-dropdown-link-wrapper a {
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 14px;
    font-family: "Roboto-BoldCondensed";
    padding-left: 0px;
  }
  ul.navbar-nav > li.has-megamenu .container > .single-dropdown-link-wrapper a:hover {
    text-decoration: underline;
    text-underline-position: under;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu {
    width: 100%;
    background: url("/themes/custom/ctbto/images/svg/menu-pattern.svg"), linear-gradient(#071d49, #071d49);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    min-height: 265px;
    height: auto;
    position: absolute;
    left: 0;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 {
    width: 25%;
    float: left;
    position: relative;
    display: inline;
    border: 0;
    background-color: transparent;
  }
  html[dir=rtl] ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 {
    float: right;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 a {
    color: #FFFFFF;
    font-size: 14px;
    font-family: "RobotoCondensed-Regular";
    padding-bottom: 2px;
    padding-left: 0px;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 a:hover {
    text-decoration: underline;
    text-decoration-color: #0093B2;
    text-underline-position: under;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 > a,
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 > a.separator + ul a {
    font-family: "Roboto-BoldCondensed";
    text-transform: uppercase;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 > a:hover,
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 > a.separator + ul a:hover {
    text-decoration: underline;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 > a.separator + ul a {
    margin-bottom: 5px;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 a.separator {
    display: none;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .menu-level-1 .dropdown-menu {
    display: contents;
  }
  ul.navbar-nav > li.has-megamenu ul.dropdown-menu .dropdown-submenu .dropdown-toggle {
    white-space: normal;
  }
}
.breadcrumb {
  margin-top: 0;
  margin-bottom: 0;
}

ol.breadcrumb li,
ol.breadcrumb a {
  font-family: "RobotoCondensed-Regular";
  font-size: 15px;
  line-height: 17px;
  color: #D9E1E2;
  text-decoration: none;
}
ol.breadcrumb li.active {
  color: rgb(249, 250, 251);
}

.search-block-form form {
  direction: ltr;
  display: flex;
}
.search-block-form form input[type=text] {
  border: 1px solid #D9E1E2;
  border-right: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  max-width: 100%;
  height: 28px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .search-block-form form input[type=text] {
    width: 150px;
  }
}
.search-block-form form .form-actions {
  margin-top: 0.25rem;
}
.search-block-form form .form-actions button {
  color: #fff;
  background-color: #0069B4;
  border: 1px solid #0069B4;
  border-left: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 28px;
}

@media screen and (max-width: 992px) {
  .nav-top .search-block-form {
    display: none;
    margin-bottom: 0.5rem;
  }
  .nav-top .search-block-form form {
    padding-left: 0.3rem;
  }
}
.nav-search-form select {
  display: none;
}

.nav-search-form .form-item-sort-by label {
  display: none;
}

/*search page*/
.path-search .search-results a.single-result {
  text-decoration: none;
  font-family: "OpenSans-Bold";
}
.path-search .search-results a.single-result:hover {
  color: #3DAAE1;
  text-decoration: underline;
}
.path-search .search-page-block .content {
  width: 100%;
}
.path-search .search-page-block .content form {
  width: 100%;
  padding-left: 0px;
}
html[dir=rtl] .path-search .search-page-block .content form {
  justify-content: flex-end;
}
.path-search .search-page-block .content form label {
  line-height: 28px;
}
.path-search .search-page-block .content form label,
.path-search .search-page-block .content form .form-select {
  width: auto;
  float: left;
  font-family: "RobotoCondensed-Regular";
}
.path-search .search-page-block .content form .form-item-sort-by {
  margin-top: 0.25rem;
}
.path-search .search-page-block .content form label::after {
  content: ":";
  margin-right: 0.5rem;
}
.path-search .search-page-block .content form .form-select {
  height: 28px;
  padding: 0rem 2.25rem 0rem 0.75rem;
  margin-right: 0.5rem;
}
.path-search .facets-widget-checkbox .js-facets-widget {
  padding-left: 0px;
}

@media screen and (max-width: 480px) {
  .path-search .search-page-block .content form {
    display: block;
  }
  .path-search .facet-filter-block-right {
    order: -1;
  }
}
.accordion {
  margin-bottom: 10px;
}
.accordion h4 {
  font-size: 16px;
  line-height: 24px;
}
.accordion .accordion-item {
  border-radius: 0;
}
.accordion .accordion-button:focus {
  border: 1px solid rgb(249, 250, 251);
  box-shadow: none;
}
.accordion .accordion-button::after {
  order: -1;
  margin-left: 0;
  margin-right: 0.5em;
  background: url("../../ctbto/images/svg/plus.svg");
  background-color: #D9E1E2;
  width: 15px;
  height: 15px;
  padding: 15px;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
}
html[dir=rtl] .accordion .accordion-button::after {
  margin-left: 0.5em;
  margin-right: 0;
}
.accordion .accordion-button:not(.collapsed) {
  background-color: #FFFFFF;
  border-radius: 0;
  color: #000625;
}
.accordion .accordion-button:not(.collapsed)::after {
  background: url("../../ctbto/images/svg/dash.svg");
  background-color: #0093B2;
  width: 15px;
  height: 15px;
  padding: 15px;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
}

.accordion-item-body {
  padding: 4px;
}

.pagination {
  margin-top: 10px;
}
.pagination .page-item.active .page-link {
  background-color: #071d49;
  border-color: #071d49;
}
.pagination .page-link {
  color: #3DAAE1;
  padding: 0.375rem 0.75rem !important;
}

html[dir=rtl] .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

html[dir=rtl] .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

@media screen and (max-width: 992px) {
  ul.pagination {
    line-height: 3rem;
  }
}
.glossary-letters a {
  font-size: 14px;
  text-decoration: none;
  padding: 0 4px;
  color: #888B8D;
}
.glossary-letters .row {
  width: 100%;
}
.glossary-letters .row .country-letter {
  display: flex;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: 1px solid #D9E1E2;
}

@media screen and (max-width: 480px) {
  .glossary-letters .row .country-letter {
    width: 35px;
    height: 35px;
    margin: 5px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .glossary-letters .row .country-letter {
    width: 30px;
    height: 30px;
    margin: 5px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .glossary-letters .row .country-letter {
    width: 30px;
    height: 30px;
    margin: 5px;
  }
}
ul.footer-menu-links {
  padding-left: 0;
  list-style: none;
}
html[dir=rtl] ul.footer-menu-links {
  padding-right: 0;
}
ul.footer-menu-links a {
  color: #aaa;
}
ul.footer-menu-links a:hover {
  color: #FFFFFF;
}

footer {
  background-color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 50px;
}
footer hr {
  color: #888B8D;
}
footer .socialLinks {
  justify-content: space-between;
  width: 50%;
}
footer .socialLinks .social:first-child {
  padding-left: 0px;
}
footer p.get-in-touch {
  padding-left: 50%;
  text-align: right;
}
html[dir=rtl] footer p.get-in-touch {
  text-align: left;
  padding-right: 50%;
  padding-left: 0;
}
html[dir=rtl] footer .privacy-cookie-policy {
  float: left !important;
}
footer .footer-logo {
  max-width: 30px;
  width: 24px;
  margin-right: 5px;
}
footer .bi-c-circle {
  width: 14px;
}
footer ul.footer-menu a {
  color: #FFFFFF;
  padding: 10px;
  font-size: 13px;
}

.maintenance-page footer p.get-in-touch {
  text-align: left;
  padding-left: 0;
  margin-left: 0;
}
.maintenance-page footer .socialLinks {
  float: left;
  margin-left: 0;
}

@media screen and (max-width: 480px) {
  footer p.get-in-touch {
    padding-left: 0px;
    margin-top: 1rem;
  }
  footer .socialLinks {
    float: left;
    margin-bottom: 1.5rem;
  }
  footer .privacy-cookie-policy {
    float: left !important;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  footer p.get-in-touch {
    padding-left: 0px;
    margin-left: 3rem;
  }
  footer .socialLinks {
    float: left;
    margin-left: 3rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  footer p.get-in-touch {
    padding-left: 0px;
    margin-left: 3rem;
  }
  footer .socialLinks {
    float: left;
    margin-left: 3rem;
  }
}
/*responsive styling*/
@media screen and (max-width: 480px) {
  /*branding section*/
  .socialLinks {
    justify-content: space-around;
    width: 100%;
  }
  .socialLinks a {
    padding: 0px;
  }
  /* homepage */
  .path-frontpage .our-mission .col-md-8 .image-holder img {
    height: 340px;
  }
  .path-frontpage .what-we-do .overlay-content {
    left: 4%;
    bottom: 5%;
  }
  .path-frontpage .work-with-us .overlay {
    background: #071D49;
    opacity: 0.85;
    padding: 10px 10px 40px 10px;
    margin-bottom: 10px;
  }
  .path-frontpage .work-with-us .overlay a {
    float: left;
    color: rgb(249, 250, 251);
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  html[dir=rtl] .path-frontpage .work-with-us .overlay a {
    float: right;
  }
  .path-frontpage .news-and-events .paragraph.paragraph--type--text-image {
    width: 100%;
  }
  .path-frontpage .news-and-events .executive-secretary-block a {
    font-size: 15px;
    margin-left: 10px;
  }
  /* homepage */
  /*grid view*/
  .views-view-grid [class^=col] {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 1.5rem;
  }
  /*grid view*/
  /*change order of columns in layout-8-4 & layout-9-3*/
  body.page-news-and-events-news .paragraph--type--layout-right-9-left-3 .left-column,
  body.page-news-and-events-news .paragraph--type--layout-right-8-left-4 .left-column {
    order: 2;
  }
  body.page-news-and-events-news .paragraph--type--layout-right-9-left-3 .right-column,
  body.page-news-and-events-news .paragraph--type--layout-right-8-left-4 .right-column {
    order: 1;
  }
  body.page-news-and-events-news .paragraph--type--layout-right-9-left-3 .right-column .homepage-twitter,
  body.page-news-and-events-news .paragraph--type--layout-right-8-left-4 .right-column .homepage-twitter {
    display: none;
  }
  /*change order of columns in layout-8-4 & layout-9-3*/
  /*captions for paragraph--text-image with left & right image positions*/
  .paragraph--type--text-image figure.left img,
  .paragraph--type--text-image figure.right img {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .paragraph--type--text-image figure.left figcaption,
  .paragraph--type--text-image figure.right figcaption {
    padding: 0 !important;
  }
  /*captions for paragraph--text-image with left & right image positions*/
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  /* homepage */
  .path-frontpage .what-we-do .overlay-content {
    left: 4%;
    bottom: 4%;
  }
  .path-frontpage .work-with-us .overlay {
    background: #071D49;
    opacity: 0.85;
    padding: 10px;
    margin-bottom: 10px;
  }
  .path-frontpage .work-with-us a {
    float: left;
    color: rgb(249, 250, 251);
    width: 100%;
    text-align: center;
  }
  html[dir=rtl] .path-frontpage .work-with-us a {
    float: right;
  }
  .path-frontpage .news-and-events .paragraph.paragraph--type--text-image {
    width: 100%;
  }
  .path-frontpage .news-and-events .executive-secretary-block a {
    margin-left: 10px;
  }
  /* homepage */
  /* facets */
  .item-list__checkbox.js-facets-widget li.facet-item {
    display: inline-flex;
    border-bottom: 1px solid rgba(65, 170, 225, 0.1);
    padding-bottom: 0.25rem;
    width: 100%;
  }
  .item-list__checkbox.js-facets-widget li.facet-item input[type=checkbox] {
    vertical-align: middle;
    position: relative;
  }
  .item-list__checkbox.js-facets-widget li.facet-item label {
    display: block;
    font-size: 14px;
  }
  /* facets */
  .views-view-grid [class^=col] {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 1.5rem;
  }
  /*captions for paragraph--text-image with left & right image positions*/
  .paragraph--type--text-image figure.left img,
  .paragraph--type--text-image figure.right img {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .paragraph--type--text-image figure.left figcaption,
  .paragraph--type--text-image figure.right figcaption {
    padding: 0 !important;
  }
  /*captions for paragraph--text-image with left & right image positions*/
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* homepage */
  .path-frontpage section.banner {
    margin-top: 1rem;
  }
  .path-frontpage .what-we-do .overlay-content {
    left: 4%;
    bottom: 5%;
  }
  .path-frontpage .work-with-us .overlay {
    background: #071D49;
    opacity: 0.85;
    padding: 20px;
  }
  .path-frontpage .work-with-us .overlay a {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
  }
  /* homepage */
  /* facets */
  .item-list__checkbox.js-facets-widget li.facet-item {
    display: inline-flex;
    border-bottom: 1px solid rgba(65, 170, 225, 0.1);
    padding-bottom: 0.25rem;
    width: 100%;
  }
  .item-list__checkbox.js-facets-widget li.facet-item input[type=checkbox] {
    vertical-align: middle;
    position: relative;
  }
  .item-list__checkbox.js-facets-widget li.facet-item label {
    display: block;
    font-size: 14px;
  }
  /* facets */
  /*captions for paragraph--text-image with left & right image positions*/
  .paragraph--type--text-image figure.left img,
  .paragraph--type--text-image figure.right img {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .paragraph--type--text-image figure.left figcaption,
  .paragraph--type--text-image figure.right figcaption {
    padding: 0 !important;
  }
  /*captions for paragraph--text-image with left & right image positions*/
}
@media screen and (min-width: 1025px) {
  body.path-frontpage .main-content-area section.banner {
    margin-top: 1rem;
  }
}
.flip-card-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.flip-card-wrapper .card {
  width: 408px;
  height: 330px;
  margin: 1em;
  perspective: 1500px;
}
.flip-card-wrapper .card .content {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s cubic-bezier(0.75, 0, 0.85, 1);
}
.flip-card-wrapper .more {
  display: none;
}
.flip-card-wrapper .more:checked ~ .content {
  transform: rotateY(180deg);
}
.flip-card-wrapper .front,
.flip-card-wrapper .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  border-radius: 6px;
}
.flip-card-wrapper .front .inner,
.flip-card-wrapper .back .inner {
  height: 100%;
  display: grid;
  padding: 1.5em;
  transform: translateZ(80px) scale(0.94);
}
.flip-card-wrapper .front {
  background-color: #fff;
  background-size: cover;
  background-position: center center;
}
.flip-card-wrapper .front:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 6px;
  backface-visibility: hidden;
  background: linear-gradient(40deg, rgba(0, 105, 180, 0.7), rgba(7, 29, 73, 0.7));
}
.flip-card-wrapper .front .inner {
  grid-template-rows: 5fr 1fr 1fr 2fr 1fr;
  justify-items: center;
}
.flip-card-wrapper .front h2 {
  grid-row: 2;
  margin-bottom: 0.3em;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
  font-weight: 500;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.flip-card-wrapper .front .rating {
  grid-row: 3;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  display: flex;
  flex-flow: row nowrap;
}
.flip-card-wrapper .front .rating i {
  margin: 0 1px;
}
.flip-card-wrapper .back {
  transform: rotateY(180deg);
  background-color: #fff;
  border: 2px solid rgb(240, 240, 240);
}
.flip-card-wrapper .back .inner {
  grid-template-rows: 1fr 2fr 1fr 2fr 14fr 1fr 1fr;
  grid-template-columns: repeat(4, auto);
  grid-column-gap: 0.8em;
  justify-items: center;
}
.flip-card-wrapper .back .info {
  position: relative;
  display: flex;
  align-items: center;
  color: #000625;
  grid-row: 3;
}
.flip-card-wrapper .back .info:not(:first-of-type):before {
  content: "";
  position: absolute;
  left: -0.9em;
  height: 18px;
  width: 1px;
  background-color: #ccc;
}
.flip-card-wrapper .back .info span {
  font-size: 2em;
  font-weight: 700;
}
.flip-card-wrapper .back .info i {
  font-size: 1.2em;
}
.flip-card-wrapper .back .info i:before {
  background: linear-gradient(40deg, #355cc9, rgb(0, 105, 180));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.flip-card-wrapper .back .info .icon {
  margin-left: 0.3em;
}
.flip-card-wrapper .back .info .icon span {
  display: block;
  margin-top: -0.25em;
  font-size: 0.8em;
  font-weight: 600;
  white-space: nowrap;
}
.flip-card-wrapper .back .description {
  grid-row: 5;
  grid-column: 1/-1;
  font-size: 0.86em;
  border-radius: 5px;
  font-weight: 600;
  line-height: 1.4em;
  overflow: auto;
  color: #000625;
  padding-right: 10px;
}
.flip-card-wrapper .back .location,
.flip-card-wrapper .back .price {
  font-weight: 600;
  color: #000625;
  grid-row: 1;
  font-size: 0.86em;
}
.flip-card-wrapper .back .location {
  grid-column: 1/3;
  justify-self: left;
}
.flip-card-wrapper .back .price {
  grid-column: 3/-1;
  justify-self: right;
}
.flip-card-wrapper .back .button {
  grid-column: 1/-1;
  justify-self: center;
}
.flip-card-wrapper .button {
  grid-row: -1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  padding: 0 1.5em;
  height: 3em;
  line-height: 2.9em;
  min-width: 3em;
  background-color: transparent;
  border: solid 2px #fff;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  left: 50%;
  backface-visibility: hidden;
  transition: 0.3s ease-in-out;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.flip-card-wrapper .button:hover {
  background-color: #fff;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  text-shadow: none;
  color: #000625;
}
.flip-card-wrapper .button.return {
  line-height: 3em;
  color: #000625;
  border-color: #000625;
  text-shadow: none;
}
.flip-card-wrapper .button.return:hover {
  background-color: #000625;
  color: #fff;
  box-shadow: none;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #D9E1E2;
}

::-webkit-scrollbar-thumb {
  background: rgb(0, 14.2702702703, 88);
}

::-webkit-scrollbar-thumb:hover {
  background: #000625;
}

#ctb-vendor-form h2 {
  color: #3DAAE1;
  text-underline-position: under;
  margin: 2rem 0;
}
#ctb-vendor-form label {
  font-weight: bold;
  margin-right: 1rem;
}
#ctb-vendor-form fieldset {
  border: 1px solid #D9E1E2;
  padding: 1rem 2.5rem;
}
#ctb-vendor-form fieldset legend span {
  text-transform: capitalize;
  text-decoration: underline;
  text-underline-position: under;
  font-size: 18px;
  font-weight: bold;
}
#ctb-vendor-form fieldset .fieldset-wrapper label {
  font-size: 15px;
}
#ctb-vendor-form .vendor-sup sup {
  font-weight: bold;
  top: 0;
  font-size: 1rem;
  color: #3DAAE1;
  padding-right: 0.2rem;
  font-family: "OpenSans-Bold";
}
#ctb-vendor-form .js-form-item {
  margin-bottom: 1rem;
}
#ctb-vendor-form .js-form-item.form-item-legal-status {
  margin-bottom: 0;
}
#ctb-vendor-form .js-form-item input {
  margin-bottom: 0.5rem;
}
#ctb-vendor-form .js-form-type-checkbox label {
  display: inline-block;
}
#ctb-vendor-form input[type=checkbox] {
  width: 16px;
  height: 16px;
}
#ctb-vendor-form .vendor-form-disclaimer .js-form-item {
  display: inline-flex;
  align-items: flex-start;
}
#ctb-vendor-form .vendor-form-disclaimer .js-form-item label {
  padding-left: 1rem;
}
#ctb-vendor-form .form-item-member-un-global-compact .description a {
  font-size: 0.8rem;
}

div[role=contentinfo] .error {
  color: rgb(255, 0, 0);
  font-weight: 900;
}

.paragraph--type--form form {
  width: 65%;
  /*vendor-form*/
}
.paragraph--type--form form fieldset {
  margin-bottom: 1.5rem;
}
.paragraph--type--form form fieldset legend {
  font-size: 1rem;
}
.paragraph--type--form form label {
  display: block;
  margin-bottom: 0.4rem;
}
.paragraph--type--form form .description {
  font-size: 12px;
}
.paragraph--type--form form input,
.paragraph--type--form form select,
.paragraph--type--form form textarea {
  border: 1px solid #D9E1E2;
  border-radius: 1px;
  width: 100%;
  margin-bottom: 1.5rem;
}
.paragraph--type--form form input[type=text],
.paragraph--type--form form input[type=number],
.paragraph--type--form form input[type=email] {
  padding: 0.45rem 0;
}
.paragraph--type--form form input[type=radio] {
  margin-bottom: 0;
  margin-right: 0.6875rem;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  border-radius: 32px;
  outline: none;
  border: 2px solid #888B8D;
}
.paragraph--type--form form input[type=radio]:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 3px auto;
  border-radius: 32px;
}
.paragraph--type--form form input[type=radio]:checked:before {
  background: #0093B2;
}
.paragraph--type--form form input[type=radio]:checked {
  border-color: #0093B2;
  width: 20px;
  height: 20px;
}
.paragraph--type--form form .js-form-type-radio {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 1.5rem;
}
.paragraph--type--form form .error {
  visibility: visible;
  outline: none;
  border: 1px solid rgba(255, 0, 0, 0.7);
  box-shadow: 8px 8px 12px orangered;
}
.paragraph--type--form input[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 15px;
  background-color: #0093B2;
  color: rgb(249, 250, 251);
  font-size: 20px;
  font-family: "Roboto-BoldCondensed";
  border: 1px solid #0093B2;
  border-radius: 4px;
}

/* login form */
body.page-user-login #block-ctbto-local-tasks ul {
  padding-left: 0;
}
body.page-user-login #block-ctbto-local-tasks ul li {
  display: inline-block;
  margin-right: 1rem;
}

.user-login-form {
  border-bottom: 1px solid #D9E1E2;
}

.user-login-form,
.openid-connect-login-form {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.user-login-form .js-form-item,
.openid-connect-login-form .js-form-item {
  margin-bottom: 1.2rem;
}
.user-login-form .js-form-item label,
.openid-connect-login-form .js-form-item label {
  display: block;
  font-family: "Roboto-BoldCondensed";
  font-size: 18px;
}
.user-login-form .js-form-item input[type=text],
.user-login-form .js-form-item input[type=password],
.openid-connect-login-form .js-form-item input[type=text],
.openid-connect-login-form .js-form-item input[type=password] {
  border: 1px solid #D9E1E2;
  border-radius: 1px;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
}
.user-login-form .js-form-item .description,
.openid-connect-login-form .js-form-item .description {
  font-size: 14px;
  font-family: "RobotoCondensed-Regular";
}
.user-login-form input[type=submit],
.openid-connect-login-form input[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 15px;
  background-color: #0093B2;
  color: rgb(249, 250, 251);
  font-size: 20px;
  font-family: "Roboto-BoldCondensed";
  border: 1px solid #0093B2;
  border-radius: 4px;
}

@media screen and (max-width: 480px) {
  .paragraph--type--form form {
    width: 100%;
  }
  .user-login-form,
  .openid-connect-login-form {
    padding: 0 1rem;
  }
  body.page-user-login #block-ctbto-local-tasks ul {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .paragraph--type--form form {
    width: 100%;
  }
  .user-login-form,
  .openid-connect-login-form {
    padding: 0 1rem;
  }
  body.page-user-login #block-ctbto-local-tasks ul {
    padding-left: 1rem;
  }
}
.form-required:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../images/svg/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
}

.social-media-sharing .share {
  text-decoration: none;
}
.social-media-sharing .share span {
  text-decoration: underline;
}
.social-media-sharing .share:hover span {
  text-decoration: none;
}

:root {
  --select-border: white;
  --select-focus: red;
  --select-arrow: var(--select-border);
}

#weglot-disclaimer-block i {
  margin-right: 0.5rem;
}
html[dir=rtl] #weglot-disclaimer-block i {
  margin-right: 0;
  margin-left: 0.5rem;
}

#languageDisclaimer {
  direction: ltr;
}
#languageDisclaimer .modal-content {
  border: 0;
}
@media screen and (max-width: 1023px) {
  #languageDisclaimer .modal-content {
    background-color: #071d49;
  }
}
#languageDisclaimer .modal-body {
  padding: 0;
}
#languageDisclaimer .modal-body .white-bg {
  background-color: #FFFFFF;
}
#languageDisclaimer .modal-body .mask {
  height: 13rem;
  width: 13rem;
  position: absolute;
  border: 1rem solid #FFFFFF;
  background: url(/themes/custom/ctbto/images/svg/custom-globe-icon.svg) #FFFFFF no-repeat;
  left: 2rem;
  top: 25%;
  border-radius: 100%;
  background-size: contain;
}
#languageDisclaimer .modal-body .mask .disclaimer_icon {
  background-size: contain;
  background-position-x: left;
  background-position-y: center;
  border-radius: 50%;
  z-index: 100000;
  position: absolute;
  width: 50%;
  height: 50%;
  left: 2.15rem;
  background-size: contain;
  background-position-x: left;
  max-height: 250px;
  max-width: 250px;
}
#languageDisclaimer .modal-body .buttons {
  background: #071d49;
}
#languageDisclaimer .modal-body .disclaimer_text {
  background: #071d49;
  padding-top: 2rem;
  padding-left: 1rem;
  text-align: left !important;
}
@media (min-width: 1200px) {
  #languageDisclaimer .modal-body .disclaimer_text {
    padding-left: 5rem;
  }
}
#languageDisclaimer .modal-body .disclaimer_text p,
#languageDisclaimer .modal-body .disclaimer_text * {
  color: #FFFFFF;
  font-family: "RobotoCondensed-Regular", sans-serif;
  text-align: justify;
}
@media (min-width: 1200px) {
  #languageDisclaimer .modal-body .disclaimer_text > p {
    padding-left: 3rem;
  }
}
#languageDisclaimer .btn {
  color: #FFFFFF;
  font-family: "RobotoCondensed-Regular";
  padding: 0.5rem 1rem;
}
#languageDisclaimer .decline-button {
  background: #B20012;
  border: 1px solid #B20012;
}
#languageDisclaimer .accept-button {
  background: #0093B2;
  border: 1px solid #0093B2;
}
#languageDisclaimer .modal-content.rtl-modal .disclaimer_text {
  direction: rtl;
  text-align: right !important;
}

.weglot-container {
  display: none !important;
}
.weglot-container a {
  color: rgb(249, 250, 251) !important;
}
.weglot-container .wg-drop.country-selector .wgcurrent,
.weglot-container .wg-drop.country-selector ul {
  border: 0 !important;
  background: #071d49 !important;
}

.icon-container select {
  display: block;
}

.custom-translation-container {
  display: flex;
  align-content: center;
  align-items: center;
  margin: 0;
  visibility: hidden;
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
@media (min-width: 576px) {
  .custom-translation-container {
    right: calc((100% - 540px) / 2 + 0.5rem);
  }
}
@media (min-width: 768px) {
  .custom-translation-container {
    right: calc((100% - 720px) / 2);
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  .custom-translation-container {
    right: calc((100% - 960px) / 2);
  }
}
@media (min-width: 993px) {
  .custom-translation-container {
    position: static;
    margin: 0 1rem;
  }
}
.custom-translation-container.hidden {
  display: none;
}
.custom-translation-container .translation-icon {
  margin-right: -25px;
  width: 30px;
  height: 30px;
}
html[dir=rtl] .custom-translation-container .translation-icon {
  margin-right: 0;
  margin-left: -25px;
}
.custom-translation-container .translation-arrow {
  margin-left: -10px;
  width: 16px;
  height: 16px;
}
html[dir=rtl] .custom-translation-container .translation-arrow {
  margin-left: 0;
  margin-right: -10px;
}
.custom-translation-container .icon-container {
  position: relative;
}
.custom-translation-container .icon-container:focus-visible {
  border-radius: 0;
}
.custom-translation-container #modified-language-switcher {
  cursor: pointer;
  text-align: center;
  border-radius: 0;
  font-size: 15px;
  font-family: "RobotoCondensed-Regular";
  outline: 0 !important;
  padding: 0.25rem 16px 0.25rem 30px;
  color: rgb(249, 250, 251);
  border: 0;
  -webkit-appearance: initial;
}
@media (min-width: 993px) {
  .custom-translation-container #modified-language-switcher {
    color: #071d49;
  }
}
@media (max-width: 1023px) {
  .custom-translation-container #modified-language-switcher:active option, .custom-translation-container #modified-language-switcher:focus option {
    color: #071d49;
    border-radius: 0;
  }
}
html[dir=rtl] .custom-translation-container #modified-language-switcher {
  padding: 0.25rem 30px 0.25rem 16px;
  text-align: right;
}
.custom-translation-container #modified-language-switcher option {
  background: #f8f9fb;
  border: 0;
  border-radius: 0;
}
.custom-translation-container #modified-language-switcher option:hover {
  background-color: #071d49;
}
.custom-translation-container #modified-language-switcher option:not(:checked):hover {
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
  background: none;
}
.custom-translation-container #modified-language-switcher option:checked {
  background: #888B8D;
  color: #FFFFFF;
}
.custom-translation-container #modified-language-switcher:focus, .custom-translation-container #modified-language-switcher:focus-visible {
  outline-offset: 1px;
  border-radius: 5px;
}
@media screen and (max-width: 1023px) {
  .custom-translation-container #modified-language-switcher {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
  }
}

select {
  background-color: transparent !important;
  outline: none;
}

html[dir=rtl] .custom-translation-container {
  left: 0.5rem;
  right: auto;
}
@media (min-width: 576px) {
  html[dir=rtl] .custom-translation-container {
    left: calc((100% - 540px) / 2 + 0.5rem);
  }
}
@media (min-width: 768px) {
  html[dir=rtl] .custom-translation-container {
    left: calc((100% - 720px) / 2);
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  html[dir=rtl] .custom-translation-container {
    left: calc((100% - 960px) / 2);
  }
}