@charset "utf-8";

:root{
  --grey: #e2e2e2;
  --dark-grey: #636362;
  --light-grey: #f2f2ed;
  --dark-blue: #0e0e33;
  --light-blue: #27aae1;
  --blue:#105195;
  --white: #ffffff;
}



body, html, div, h1, h2, h3, h4, h5, h6, p, li, img, form, label, input, select, textarea {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	border: none;
	font-size-adjust: none;
	color: var(--dark-blue);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body, p, li, label, input, textarea, select{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 24px;
	line-height: 1.6;
}
html {
	height: 100%;
}
body {
	font-style: normal;
	font-weight: 300;
	text-align: left;
	height: 100%;
	position: relative;
}



.triangle{
  color: #000000 !important;
}
.nowrap{
  text-wrap: nowrap;
}






.section{
	max-width: 100%;
	margin: 0px auto;
  overflow: hidden;
}
.section-container{
	max-width: 1266px;
	margin: 0px auto;
  padding: 0px 50px;
  transition: 0.2s all ease;
}




.top-section{
  background-color: var(--grey);
  padding: 20px 0px;
}
.top-section .column-container{
  display: flex;
}
.top-section .column-container .column{
  flex: 1;
}
.top-section .column-container .column:nth-child(1){
  padding-top: 4px;
}
.top-section .column-container .column:nth-child(2){
  flex-basis: 36%;
  text-align: right;
}
.top-section .column,
.top-section p,
.top-section a{
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: var(--dark-grey);
}
.top-section a{
  padding-left: 20px;  
  text-decoration: none;
  text-wrap: nowrap;
  transition: 0.2s all ease;
}
.top-section a:hover{
  color: #000000;
}







.logo-section{
  background-color: var(--white);
  padding: 20px 0px;
}
.logo-section img{
  width: 140px;
  display: block;
}







.header-section{
  background-color: var(--dark-blue);
  padding: 100px 0px;
}
.header-section .column:nth-child(1){
  text-align: center;
}
.header-section .column:nth-child(1) img{
  width: 100%;
  display: inline-block;
}
.header-section h1,
.header-section h2{
  color: var(--white);
}
.header-section h1{
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  padding-bottom: 20px;
}
.header-section h2{
  font-size: 24px;
  line-height: 30px;
}
.header-section h1 span{
  color: var(--light-blue);
  display: block;
}
.header-section .column-container{
  display: flex;
  gap: 100px;
  padding: 0px 50px;
}
.header-section .column-container .column{
  flex: 1;
  align-content: center;
}






.register-section{
  background-color: var(--white);
  text-align: center;
}
.register-section .section-container{
  padding-top: 100px;
  padding-bottom: 100px;
  
  background-image:    url(../images/ripples-1.svg),
                       url(../images/ripples-3.svg),
                       url(../images/ripples-2.svg);

  background-repeat:   no-repeat,
                       no-repeat,
                       no-repeat;

  background-position: left 0px bottom 0px,
                       right 100px top 0px,
                       right 0px bottom 0px;

  background-size:     360px, 
                       225px, 
                       260px;
}
.register-section h3{
  font-size: 32px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 40px;
  padding-bottom: 20px;
}
.register-section p{
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}
.register-section p span{
  color: var(--light-blue);
  font-weight: 500;
}
.register-section .button{
  display: inline-block;
  background-color: var(--light-blue);
  color: var(--white);
  padding: 10px 30px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 20px;
  transition: 0.2s all ease;
}
.register-section .button:hover{
  background-color: var(--dark-blue);
}




.error-section {
  background-color: var(--dark-blue);
  padding: 250px 0px;
}

.error-section::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 250px;
    background-image: url(../images/error-page-ripples.png);
    background-position: bottom right;
    background-size: 25%;
    background-repeat: no-repeat;
    opacity: .25;
}


.error-section .section-container {
  max-width: 768px;
}

.error-section h1 {
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  padding-bottom: 20px;
  color: var(--white);
}

.error-section h1 span{
  display: inline-block;
  color: var(--light-blue);
}

.error-section p{
  font-size: 24px;
  line-height: 30px;
  color: var(--white);
}

.error-section p a {
  color: var(--light-blue);
  text-decoration:underline;
}





.legal-section {
  padding:20px 0 100px 0;
}

.legal-section .section-container {
    max-width: 768px;
}

.legal-section h1 {
  font-size: 30px;
  font-weight: 700 !important;
  line-height: 45px !important;
  padding-bottom: 20px !important;
  color: var(--dark-blue) !important;
}

.legal-section h3 {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
  padding-bottom: 20px !important;
  color: var(--dark-blue) !important;
}

.legal-section h4 {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  color: var(--dark-blue) !important;
}

.legal-section p {
  font-size: 16px !important;
  line-height: 20px !important;
  padding-bottom: 15px !important;
  color: var(--dark-grey) !important;
}

.legal-section .wp-block-buttons {
  margin-bottom: 20px;
}

.legal-section .wp-block-button__link {
  background-color: transparent;
  background-image: none;
  color: var(--light-blue);
  padding:0;
  font-size:16px;
  line-height:24px;
}

.legal-section .wp-block-button__link svg {
  fill:var(--light-blue);
}
.legal-section table {
	border-collapse: inherit;
	margin: auto;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	border-spacing: initial;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}
.legal-section thead {
	background-color: #f6f6f4;
	font-weight: bold;
}
.legal-section table th,
.legal-section table td{
	width: 25%;
	padding: 12px 15px;
	text-align: left;
	font-size: 14px;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	color: var(--dark-grey);
	vertical-align: top;
}


.legal-section table th:last-child,
.legal-section table td:last-child{
	border-right: 0px;
}


.legal-section table tr:last-child td {
  border-bottom: 0px;
}




.legal-section table a{
	text-decoration: underline;
	color: var(--dark-grey);
}








@media only screen and (max-width: 630px) {
	.legal-section table, 
	.legal-section table thead, 
	.legal-section table tbody, 
	.legal-section table th, 
	.legal-section table td, 
	.legal-section table tr{
		display: block;
	}
	.legal-section table td::before {
		content: attr(data-label);
		font-weight: bold;
		width: calc(45% - 20px);
		padding-right: 10px;
		position: absolute;
		left: 0;
		background-color: #f6f6f4;
		padding-left: 10px;
		height: calc(100% - 12px);
		top: 0;
		padding-top: 12px;
		border-bottom: 1px solid #d7d7d7;
	}

	
	.legal-section table td {
		position: relative;
		padding-left: 50%;
		border-right: 1px solid #d7d7d7;
		width: calc(50% - 15px)
	}
	.legal-section table th{
		display: none;
	}
	
	.legal-section table tr td:last-child {
		border-bottom: 0px;
	}
	.legal-section table tr:last-child td {
		border-bottom: 1px solid #d7d7d7;
	}
	
	  .legal-section table .ot-mobile-border {
    display: inline-block;
    background-color: #e4e4e4;
    position: absolute;
    height: 100%;
    top: 0;
    left: 45%;
    width: 2px;
  }
	
	
	
}




.footer-section{
  background-color: var(--grey);
  padding-top: 75px;
  padding-bottom: 15px;
}
.footer-section p,
.footer-section a{
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: var(--dark-grey);
}
.footer-section .ae-box{
  border: 1px solid var(--dark-grey);
  padding: 5px 15px 15px 15px;
  margin-top: 25px;
}
.footer-section .ae-box p{ 
  padding-top: 10px;
}
.footer-section .ae-box a{ 
  transition: 0.2s all ease;
}
.footer-section .ae-box a:hover{
  color: #000000;
}
.footer-section .ae-box strong{ 
  font-weight: 600;
}



.footer-nav-section{
  background-color: var(--grey);
  padding-top: 15px;
  padding-bottom: 50px;
}
.footer-nav-section .column,
.footer-nav-section p,
.footer-nav-section a{
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: var(--dark-grey);
}
.footer-nav-section a{
  text-decoration: none;
  padding-right: 20px;
  transition: 0.2s all ease;
}
.footer-nav-section a:last-child{
  padding-right: 0px;
}
.footer-nav-section a:hover{
  color: #000000;
}



.footer-nav-section .column-container{
  display: flex;
}
.footer-nav-section .column-container .column{
  flex: 1;
  align-content: end;
}
.footer-nav-section .column-container .column:nth-child(2){
  flex-basis: min-content;
  text-align: right;
}

/* Popups */
#hcpDisclaimer~.iziModal-overlay, #externalAmicusSite~.iziModal-overlay, #externalSite~.iziModal-overlay  {-webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
#hcpDisclaimer~.iziModal-overlay {background-color:rgba(0, 0, 0, 0.9) !important;}

.popupContainer {-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .52); box-shadow:0 0 20px rgba(0, 0, 0, .52); padding:2rem; font-size:16px;}
.popupContainer p {text-align:left;font-size: 1rem;line-height: 1.5;}
.popupContainer p.large {font-size: 1.25rem;}
.popupContainer .btnContainer {margin-top:1rem;}
.popupContainer .btnContainer .btn {
  background-color: var(--dark-blue);
  border-radius:7px;
  -webkit-box-shadow:0 0 0 transparent;
  box-shadow:0 0 0 transparent;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-size:.8em;
  font-weight:700;
  letter-spacing:1px;
  line-height:1em;
  padding:10px 20px 8px;
  text-align:center;
  -webkit-text-decoration:none;
  text-decoration:none;
  text-transform:uppercase;

  transition: background-color .3s cubic-bezier(.25, .8, .25, 1), color .3s cubic-bezier(.25, .8, .25, 1), border-color .3s cubic-bezier(.25, .8, .25, 1), -webkit-box-shadow .3s cubic-bezier(.25, .8, .25, 1);
  -webkit-transition: background-color .3s cubic-bezier(.25, .8, .25, 1), color .3s cubic-bezier(.25, .8, .25, 1), border-color .3s cubic-bezier(.25, .8, .25, 1), -webkit-box-shadow .3s cubic-bezier(.25, .8, .25, 1);
  transition: background-color .3s cubic-bezier(.25, .8, .25, 1), color .3s cubic-bezier(.25, .8, .25, 1), border-color .3s cubic-bezier(.25, .8, .25, 1), box-shadow .3s cubic-bezier(.25, .8, .25, 1);
  transition: background-color .3s cubic-bezier(.25, .8, .25, 1), color .3s cubic-bezier(.25, .8, .25, 1), border-color .3s cubic-bezier(.25, .8, .25, 1), box-shadow .3s cubic-bezier(.25, .8, .25, 1), -webkit-box-shadow .3s cubic-bezier(.25, .8, .25, 1);
}

.popupContainer .btnContainer .btn:hover {-webkit-box-shadow:0 6px 10px rgba(0, 0, 0, .2); box-shadow:0 6px 10px rgba(0, 0, 0, .2); outline:transparent;}
.popupContainer .btnContainer .btn-yes {background-color:var(--light-blue);}

.popupContainer .btnContainer {display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.popupContainer .btnContainer .btnColumn {width:50%;}
.popupContainer .btnContainer .btnColumn:first-child {text-align:left;}
.popupContainer .btnContainer .btnColumn:last-child {text-align:right;}
.popupContainer .popupCloseContainer {position: relative;}
.popupContainer .popupCloseContainer .popupCloseBtn {padding:5px; position:absolute; right:-20px; top:-30px; background-color:transparent; border:none; cursor:pointer;}

#hcpDisclaimer .popupContainer p {text-align:center;}
#hcpDisclaimer .popupContainer .btnContainer {display:block; text-align:center;}




/*  ONE TRUST */
/* #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), 
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn,
#onetrust-pc-sdk .ot-btn-container button{
	background-color: #346E4A !important;
	border-color: #346E4A !important;
	color: #FFFFFF !important;
} */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob {
	background-color: var(--dark-blue) !important;
}
#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk .save-preference-btn-handler{
	color: var(--dark-blue) !important;
	border-color: var(--dark-blue) !important;
	background-color: #FFFFFF !important;
}
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk .ot-pc-refuse-all-handler{
	color: #FFFFFF !important;
	border-color: var(--dark-blue) !important;
	background-color: var(--dark-blue) !important;
}
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-pc-sdk #accept-recommended-btn-handler{
	color: #FFFFFF !important;
	border-color: var(--light-blue) !important;
	background-color: var(--light-blue) !important;
}
.ot-floating-button__front {
  background-image: url('/wp-content/uploads/Cookie-lightblue.png')  !important;
}