/**
 * @file
 * Subtheme specific CSS.
 */

 h1.story {font-size:56px;}
.p-story {padding: 58px 20px 20px 64px;}
.p-story h3 {font-size:36px;}
h3.story {font-size:36px;}
.story-dots {
    margin: 0 30px;
    display: inline-block;
}
html { scroll-padding-top: 90px; }
.view-video-resources a h4 {color:#fff;}
.black-bg {background:#000; margin-top:-2px;}
.big {
    font-size: 3em;
    line-height: 1em;
}
.top-80 { display: flex; align-items: center; padding-top:120px; padding-bottom:120px; }
.top-80 h2 {font-size:42px;}
h2 {font-size:2.6rem;}
main#content {margin-top:-10px;}
.center {text-align:center;}
.py-huge {padding-top:120px; padding-bottom:120px;}
.pt-huge {padding-top:120px;}
.pb-huge {padding-bottom:120px;}
#main .row-offcanvas.row-offcanvas-left {padding: 0px; margin: 0px; --bs-gutter-x: 0;}
.success-tag {
    display: inline-block;
    border-left: 4px solid #34a9ef;
    padding: 8px 16px 8px 16px;
    background: rgba(80,80,80,0.5);
    font-size: 0.8em;
    text-transform: uppercase;
}
.name-left { width:48%; display:inline-block; }
.lname-left { width:48%; display:inline-block; margin-left:3%;}
.white, a.white {color:#fff;}
#user-login-form { width:500px; margin:auto;}
.navbar-brand img { width: 320px;}
#header {background: #000; height:100px; position: fixed;
    top: 0;
    left: 0;
    width: 100%; z-index: 100;}
div#page-wrapper { padding-top: 100px; }
.toolbar-tray-open #header {top:78px;}
.navbar-nav {display:none;}
header #navbar-main { background: #000;
    width: 1400px;
    margin: auto;
}
#content .tabs {
    position: absolute;
    width: 200px;
    top: 300px;
    left: 2px; opacity:0.5; z-index:5;
}
img {max-width:100%; height:auto;}
.dots { position: relative; }
.dots:after {
content: '';
    background: url(/images/dots.png) no-repeat;
    width: 10vw;
    height: 10vw;
    background-size: 8vw;
    position: absolute;
    top: -4vw;
    left: -4.4vw;
}
#content .tabs:hover { opacity:1; }
#content .tabs a {
display:block; width:195px; background:#fff; border:1px solid #ccc;
}
#content .tabs a:hover {background:#eee;}
.cap-link {margin-bottom:4px;}
#block-footerlinks a {text-decoration:none;}
#block-footerlinks a.foot-sp-link {color:#35A9EF;}
#block-footerlinks a.foot-sp-link:hover {color:#3990c4;}

#block-footerlinks a.white {color:#fff;}
#block-footerlinks a.white:hover {color:#c2c7ca;}
/* top menu custom style */
#block-topdropdownmenu ul {margin-bottom:0;}
#block-topdropdownmenu ul li {    display: inline-block;
    padding: 5px;
    margin-right: 2px;}
#block-topdropdownmenu ul li ul {padding-left:5%;}
#block-topdropdownmenu li img {display:inline-block; vertical-align:middle; width:50px; height:auto; margin-right:15px}
#block-topdropdownmenu p {margin-bottom:0;}
#block-topdropdownmenu a {color:#fff; text-decoration:none; display:block; padding: 15px 10px; border-bottom:3px solid #000;}
#block-topdropdownmenu a:hover {color:#35a9ef; border-bottom:3px solid #35a9ef;}
#block-topdropdownmenu .dropdown-slide li { width:32%; min-width:280px; padding:0;}
#block-topdropdownmenu .dropdown-slide a { display:flex; border-bottom: none; padding: 10px; border-radius:8px; min-height: 80px; align-items:center; }
#block-topdropdownmenu .dropdown-slide a:hover {background:#000; }
#block-topdropdownmenu li .dropdown-slide {display:none;}
#block-topdropdownmenu li:hover .dropdown-slide {display:block;}
.dropdown-slide { position:fixed; left:10%; padding:50px; background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(34,34,34,1) 100%); margin-left: 0px; margin-right: 0px; width: 80%;}

.OpenHtmlText {
    background-position: center;
}
@media only screen and (max-width:1240px) {
#block-topdropdownmenu a {    padding: 15px 5px; font-size:14px;}
#block-topdropdownmenu ul { padding-left:0.5rem}
.navbar-brand img {width:290px;}
}

@media only screen and (max-width: 991px) {
h1.story {font-size:36px;}
.p-story h3 {font-size:26px;}
h3.story {font-size:26px;}
.story-dots { display:block; }
header #navbar-main { background: #000; width: 100%;}
#header {height:auto;}
div#page-wrapper { padding-top: 70px; }
#block-topdropdownmenu ul li ul {padding-left:0%;}
.navbar-brand img { width: 200px; margin-left: 5px; }
.navbar-toggler { 
    background: linear-gradient(0deg, #797979, #c9c9c9);
    z-index: 200;
    margin-right: 10px;
    padding: 5px;
    border: 0;}
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -4 20 24'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='0' d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3e%3c/svg%3e"); }
.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");  } 
.navbar-nav {display:block;}
#block-topdropdownmenu {display:none;}
.navbar-nav { margin-left: 20px; margin-right: 20px;}
a.nav-link { color: #eee; background: #3e3e3e; margin: 2px; padding-left: 5px; }
.navbar-nav a.nav-link.active, a.nav-link:focus, a.nav-link:hover { color: #bfe8ff; }
.dropdown-item.active, .dropdown-item:active {background-color: #daeff3;}
.navbar-collapse { max-height: calc( 100vh - 75px); overflow: auto;}
.dots {margin-left:45px;}
.p-story {padding-left:12px;}
.dots:after {
    width: 90px;
    height: 90px;
    background-size: 90px;
    top: -50px;
    left: -50px;
}
#edit-flexbox, #edit-flexbox-01 {
    width: 100%;
    padding: 25px;
}
.name-left { width:100%; display:block; }
.lname-left { width:100%; display:block; margin-left:0; }

}
.white{color:#fff;}
.black{color:#000;}
.aqua{color:#0094cd;}
.blue{color:#0044a0;}
.bright-blue{color:#34a9ef;}
.gold{color:#ebaf52;}
.green{color:#75c950;}
.navy{color:#061b44;}
.orange{color:#ec5e00;}
.pink{color:#ec5db4;}
.purple{color:#824cec;}
.red{color:#ec5151;}
.teal{color:#37b0a8;}
.btn-primary {background-color: #34a9ef; border-color: #34a9ef;}
.btn-primary:hover {background-color: #1b89ca; border-color: #1b89ca;}
.form-check-input:checked { background-color: #34a9ef; border-color: #34a9ef;}
.button-yellow{background:#DAFB50;color:#000000 !important;}
.button-blue{background:#529FD5;color:#000000 !important;}
.button-pink{background:#FF009C;color:#000000 !important;}
.button-green{background:#DAFB50;color:#000000 !important;}
.button-orange{background:#ff6600;color:#000000 !important;}
.button-black{background:#000000;color:#fff !important;}
.button-red{background:#871616;color:#A85E79 !important;}
.button-bright-blue{background:#34a9ef;color:#fff !important;}
.button-bright-blue:hover {background:#1b89ca;}
.button{font-weight:700;border-radius:0px;padding:10px 25px;margin-right:20px;display:inline-block; border-radius: 8px; margin-bottom: 5px; text-decoration:none; }
.large-button{font-weight:700;border-radius:0px;padding:35px 80px;margin-right:20px;display:inline-block;font-size:36px;}
h4 {font-size:18px;}
.actionVideoBody video {border: none; width: 100%; max-width: 1438px; margin:0 auto; display:block;}

/*list hover left - CSS */
.ListHover h2.blue {min-height:80px;}
.cei-list {
    list-style: none;
    padding-left: 0;
margin-top:50px; 
}
.cei-list li {
    border-left: 2px solid;
    padding-left: 25px;
    font-size: 22px;
    font-weight: 500;
}
#carouselExampleIndicators img {border-radius:12px; margin-bottom:16px;}
.cei-list li:hover { color:#309cf2; cursor:pointer;}
.cei-list li.active {
    color: #34a9ef;
    font-weight: bold;
    border-left: 4px solid #34a9ef;
    margin-left: -1px;
}
.carousel-navbar {height:80px; margin-top:-80px; }
.carousel-control-prev, .carousel-control-next {height:60px; filter: contrast(0);}
.carousel-control-next {left:90px; right:auto;}
/*end list hover left CSS */
/* 4 box links */
.box-link-square a {
    display: table;
    height: 150px;
    width: 100%;
    text-align: center; text-decoration:none;     background-size: cover;
    background-position: center center; position:relative; padding:15px;
}
element.style {
    background-image: url(/sites/default/files/2023-10/analysing-skin_0.jpg);
}
.box-link-square a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #333;
    opacity: 0.65;
    z-index: 1;
}
.box-link-square a:hover:before {opacity: 0.35; background:#2e6dc8;}
.box-link-square a .inner-text {    color: #fff;
    display: table-cell; position:relative; z-index:2;
    vertical-align: middle;
    font-weight: bold;
    letter-spacing: 1px;}
.field--name-field-boxes {column-count: 2; column-gap: 0;}
/*end 4 box links */
/* thought leadership paragraph */
.blog-image {height:155px; background-size:cover; background-position:center center; margin-bottom:12px; position:relative;}
a:hover .blog-image:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#03A9F4; opacity:0.3; }
a .blog-title {
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 15px; color:#000;
}
.resource-item a {text-decoration:none;}
/* end thought leadership paragraph */
/* benefits block */
.benefits-container {
    background: #E5E7E9;
    padding: 25px;
    margin-top: 25px;
}
/*end benefits block */
/* core settings */
.OpenHtmlText {background-size:cover;}
/* end core settings */
/* footer contact us settings */
#paragraph-type--contact_footer_webform {
    background: linear-gradient(0deg, #333, #121212); }
/* end footer contact us settings */
/* client testimonials and logos */
#paragraph-type--testimonials_and_logos .inner_testimonial_logos {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
#paragraph-type--testimonials_and_logos .tc_testimonial {
    width: 50%;
    position: relative;
    padding-left: 102px;
    font-weight: 700;
}
#paragraph-type--testimonials_and_logos .tc_client_logos {
    width: 50%;
}
#paragraph-type--testimonials_and_logos .field.field--name-field-logos .field__items {
    display: grid;
    grid-template-columns: auto auto auto;
}
#paragraph-type--testimonials_and_logos .c_logos img {
    margin: 20px;
    width: 100px;
    height: auto;
}
/* end client testimonials and logos */

/* footer */
#page-wrapper .site-footer { background:#000;}
.site-footer__bottom { margin-top:0; border-top:0; border-color:transparent;}
.site-footer__bottom .region { margin-top:0;}
.site-footer__bottom .block {margin:0;}
.copyright-text { padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); color:#87929b;}
.site-footer .content a, .site-footer .content a.is-active { color:#87929b;}
/* end footer */


/* blog header */
.blog-image-wrap { box-shadow: -4px 8px 16px rgba(0,0,0,0.3);
    position: relative; display:table; margin-bottom:35px;}
.blog-image-wrap .field--type-entity-reference { margin:0;}
.blog-image-wrap .field--name-field-webinar-image {position:relative;}
.blog-image-wrap .field--name-field-webinar-image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.35) 75%, rgba(0,0,0,0.35) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.35) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.35) 75%,rgba(0,0,0,0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 );
}
.blog-image-wrap h1 {
    color: #fff;
    position: absolute;
    bottom: 120px;
    z-index: 2;
    left: 50px;
    font-size: 60px;
    width: 85%;
    line-height: 64px;
}

h1.title{
   font-size: 2.6rem;
}

.blog-image-wrap .date-stamp {
    position: absolute;
    color: #fff;
    left: 50px;
    bottom: 50px;
}
.scroll-down-arrow {
    width: 75px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.scroll-down-arrow img {
    min-height: 75px;
}

.blog-by {
padding: 25px 15px 15px 25px;
    border-left: 2px solid rgba(106,106,106,0.21);
    margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
.blog-image-wrap .date-stamp {left:25px; bottom:25px;}
.scroll-down-arrow {display:none;}
.blog-image-wrap h1 {
    color: #111;
    position: relative;
    bottom: auto;
    left: 20px;
    font-size: 32px;
    width: 85%;
    line-height: 32px;
}
.blog-image-wrap {box-shadow: 0px 14px 8px -8px rgba(0,0,0,0.3);}
#paragraph-type--testimonials_and_logos .inner_testimonial_logos {
display:block;}
#paragraph-type--testimonials_and_logos .tc_testimonial {
    width: 100%;
    padding-left: 0px;
}
#paragraph-type--testimonials_and_logos .tc_client_logos {
    width: 100%; column-count:3;
}
#paragraph-type--testimonials_and_logos .c_logos img {width:90px; margin:10px;}
.carousel-navbar {margin-top:0;}
.carousel-inner { width: 96%; padding-left: 15px; }

.paragraph--type--thought-leadership-group .col-md-4 {margin-bottom:35px;}
}

/* end blog header */
/* cookies compliance banner */
.eu-cookie-compliance-content {
  background: #d5f3ff;
  padding: 25px;
  border-radius: 10px;
  border: 3px solid #003b71;
  box-shadow: 5px 5px 32px rgba(0, 0, 0, 0.3);
}
#sliding-popup { background: none;  }
.eu-cookie-compliance-popup-open #sliding-popup {}

button.eu-cookie-withdraw-tab {
left: 23%;
  background: #003b71;
  color: #fff;
  border: 0;
  padding: 2px 10px;
  border-radius: 7px 7px 0px 0px; top: 2px; }
button.eu-cookie-withdraw-tab:after { font-family: "Unicons";
  display: inline-block;
  margin-left: 0.05rem;
  vertical-align: -3px;
  font-weight: 700 !important;
  content: "";
  border: 0;
  content: "\e92d";  transform: rotateX(150deg);  }

.eu-cookie-compliance-popup-open
button.eu-cookie-withdraw-tab:after { transform: rotateX(0deg); }

.eu-cookie-compliance-default-button, 
.eu-cookie-compliance-secondary-button { border: 0;
  padding: 5px 25px;
  border-radius: 8px;
  color: #fff;}
.agree-button { background: #f36f29;  border: 3px solid #f36f29;}
.decline-button {background:none; border: 3px solid #00509a; color: #00509a;}

.agree-button:hover { background: #e05e19;   border: 3px solid #e05e19}
.decline-button:hover { color: #095fae;}

.eu-cookie-compliance-more-button {    background: none;
  border: none;
  text-decoration: underline;
  color: #00a0df!important;}
.eu-cookie-compliance-content h2 {font-size: 1.1rem; color: #003464;}
.eu-cookie-compliance-content p {
  font-size: 0.72rem;
    line-height: 1rem;
    margin-bottom: .65rem;
    color: #003464;
    display: inline-block;
    font-weight: 400;
}
@media (max-width: 767px) {
	button.eu-cookie-withdraw-tab {left:36%!important;}
}
/*Unicons Font for icons*/
@font-face {
  font-family: "Unicons";
  src: url("../fonts/unicons/Unicons.woff2") format("woff2"), url("../fonts/unicons/Unicons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}