/**
Theme Name: Astra
Author: Exo
Author URI: https://exo.uk
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: astra
*/

.nopmargin p {margin-bottom:0px;}

@view-transition {navigation: auto;} /* CSS page transistions for Chromium (and modern Safari), ex.Firefox. */

.exonewsfeed {border-bottom:1px solid #00AEEF;}
.exonewsfeed:after {content: "";display: table;clear: both; margin-bottom: 10px;}
.exonewsfeedcol1 {width: 30%; float: left;padding: 0px;}
.exonewsfeedcol2 {width: 70%; float: left;padding: 0px 0px 0px 10px;line-height: 1.1;}
.exonewsfeedtitle {font-weight:600; font-size:14px; line-height:19px; color:#000000; margin-bottom:4px;}
.exonewsfeedexcerpt {display: inline; font-size:12px;}
.exonewsfeedexcerpt p {margin-bottom:0px; display:block; line-height: 16px !important;}
.exonewsfeedread {display: inline; font-size:12px;} 
.exonewsfeeddate {color:#cccccc; font-size:10px; margin:5px 0px 4px 0px;}

.cdernewsfeed img {border-radius:5px !important;}

body.bgcurvegreen  {
  background-image: url('/wp-content/uploads/2025/01/CDER_Top-Curve_Green.webp');
  background-repeat: no-repeat;background-size: contain;background-position-y: 150px;
}
body.bgcurveblue  {
  background-image: url('/wp-content/uploads/2025/01/cder_int_top-curve.webp');
  background-repeat: no-repeat;background-size: contain;background-position-y: 150px;
}
.bulletsblue li::marker {color: #56A6E8;}
.bulletsblue li {margin: 10px 0px;}
.bulletsblue ol, .bulletsblue ul {margin:10px 0 0 20px;}
.bulletsdarkblue  li::marker {color: #00305B;}
.bulletsdarkblue li {margin: 10px 0px;}
.bulletsdarkblue ol, .bulletsblue ul {margin:10px 0 0 20px;}
.boxofbullets li::marker {color: #FFFFFF;}
.boxofbullets li {margin: 10px 0px;}
.boxofbullets ol, .boxofbullets ul {margin:0 0 0 20px;}
#firstbox {z-index:99;}
#firstbox .leftcol {clip-path: xywh(0px 0px 100% 100% round 0px 125px 0px 0px);}

@media (max-width: 990px) {
    .firstcol .fl-col-content {    background-image: none;}
    .imagecol .fl-col-content:after { background-image: none;}
    .splitbox .uabb-row-separator {display:none;}
    .splitbox .uabb-bottom-row-separator {display:none;}
}
.equal-height-buttons {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-wrap: nowrap;
	justify-content: flex-end;
	z-index:10 !important; /* fix for SVG top/bottom */
}
.infoboxwithbutton {position:relative;}
.buttonbottom {position: absolute;left: 10px;bottom: 30px;}    
.whiteouttrans img {background-color: #ffffff;}
.winnerslide {border-width: 0px 0px 0px 0px; border-color: red;border-style: solid;}
.findoutmorebox .fl-photo {margin-bottom: 0px;}

.lightcircle img { 
	border-radius: 50%; background-color:#F6F6F6;cursor: pointer;
	transition: color 1s ease; transition: background 1s ease;
	padding: 20px; width: 80%;
	border:0px;
	transition: 1.0s;
}
.lightcircle img:hover {}
.lightcircle:hover {animation: iconpulsehover 0.5s ease-in-out 1;}
@keyframes iconpulsehover {0% {transform: scale(1.0);}50% {transform: scale(0.8);}100% {transform: scale(1.0);}}

.simbuttons strong {font-size:140%;}
.simbuttoncol:hover {animation: iconpulsehover 0.5s ease-in-out 1;}

li.breadcrumb-item.active span {color:#000000 !important;}
/* Testimonial slider */
.testimonialslider div.uabb-testimonial-author {margin-top:20px;}
.testimonialslider p.uabb-testimonial-author-name {display:inline; border-right:2px solid #56A6E9; margin:10px; padding-right:10px;}
.testimonialslider div.uabb-testimonial-author-designation {display:inline !important;}
.testimonialslider a:focus {outline: none;}
/* big arrows */
@media (min-width: 769px) {
	.testimonialslider .uabb-testimonials-wrap .uabb-slider-prev .fa, .testimonialslider .uabb-testimonials-wrap .uabb-slider-next .fa, .testimonialslider .uabb-testimonials-wrap .uabb-slider-prev i, .testimonialslider .uabb-testimonials-wrap .uabb-slider-next i {
		-webkit-text-stroke: 14px white;font-size: 100px;
	}	
	/* bizarre alignment bug fix */
	.testimonialslider .uabb-testimonial-info .uabb-testimonial-author-description p:last-of-type {margin-left: 40px;}
}

div#goog-gt-tt {display:none;}

.newsradius .uabb-blog-posts .uabb-post-thumbnail img {border-radius: 10px 10px 0px 0px;}

.teammodal-overlay .uabb-modal-close {top:10px;right:10px;}
#paymentportal-overlay .uabb-modal-close {top:10px;right:10px;}

.numberCircle p {
		background: #42C0B6;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 10px;
    border: 0px;
    text-align: center;
    margin: auto;
}


/* FAQ Switcher */
.faq-switcher select {
	font-size: 12px !important;
  /* Reset */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    font-size: 15px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: 0;
    font: inherit;
    width: auto;
    padding: 10px 25px 10px 20px;
    background: url(images/arrow.svg) no-repeat right 2px center / 20px, #B9E5FB;
    cursor: pointer;
    border-radius: 6px;
}
.faq-switcher select option {
  color: inherit;
  font-size: 15px !important;
  background-color: #B9E5FB;
  cursor: pointer;
  text-align: left !important;
}
.faq-switcher select:focus {outline: none;}
.faq-switcher select::-ms-expand {display: none;}
/* end of Region Switcher */

.cderbullett {visibility: hidden;}
.cderbullett::before {
  visibility: visible;
  display: inline;
  content: '\2022';
  color: #519CE0;
  font-size: 150%;
  font-weight: bold;
}


#charitylogos .uabb-image-carousel.slick-initialized .slick-slide {display: flex;align-items: center;height: 150px;}	
#charitylogos .uabb-image-carousel img {max-width:150px !important;}

.translatemenu a span {color:#838383 !important;}

/* Fixed for curved corners and background of next row being a different (i.e. Black) colour... */
.curvedwhiterow {z-index: 1;position: relative;}


.uabb-icon-wrap .uabb-icon i:before {color: transparent !important;}
.uabb-icon-wrap .uabb-icon i {
    color: #ffffffad;
    
		-webkit-text-stroke: 0.5px #ffffffab;
    color: transparent;
}    


#intelchart .uabb-hotspot-tooltip-content h3 {font-size:20px; margin:0px 0px 10px 0px; font-weight:bold;}
#intelchart .uabb-hotspot-tooltip-content {
    background: #386eb6;
    border: 1px solid white;
    color: white;
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    border-radius: 20px;
}

@media (max-width: 768px) {.CurveRight .fl-row-content-wrap {background-image:none;}}
.CurveRight .fl-row-content-wrap.removeBG {
	background-image:none;
}
.CurveRight .fl-row-content-wrap.AnimateBG {
  animation-name: CurveRightAnimate;
  animation-duration: 1500ms;
  animation-timing-function: ease-in-out;
}
@keyframes CurveRightAnimate {
		0% { background-position: 0% 100%; }
    100% { background-position: 100% 100%; }
}

@media (max-width: 768px) {.RoundLeft .fl-row-content-wrap {background-image:none;}}
.RoundLeft .fl-row-content-wrap.removeBG {
	background-image:none;
}
.RoundLeft .fl-row-content-wrap.AnimateBG {
  animation-name: RoundLeftAnimate;
  animation-duration: 2000ms;
  animation-timing-function: ease-in-out;
}
@keyframes RoundLeftAnimate {
		0% { background-position: -10% 50%; }
    100% { background-position: 0% 50%; }
}


.gradient-border-mask .fl-col-content {position:relative;}
.gradient-border-mask .fl-col-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #d5e9f9, #FFFFFF, #FFFFFF, #d5e9f9) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.gradient-border-mask-halfleft .fl-col-content {position:relative;}
.gradient-border-mask-halfleft .fl-col-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #d5e9f9, #FFFFFF, #FFFFFF, #FFFFFF) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.gradient-border-mask-halfright .fl-col-content {position:relative;}
.gradient-border-mask-halfright .fl-col-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #FFFFFF, #FFFFFF, #FFFFFF, #d5e9f9) border-box;
    -webkit-mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    mask: linear-gradient(#FFFFFF 0 0) padding-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.gradient-border-mask-halfleftblue .fl-col-content {position:relative;}
.gradient-border-mask-halfleftblue .fl-col-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #1f507b, #180E32, #180E32, #180E32) border-box;
    -webkit-mask: linear-gradient(#1f507b 0 0) padding-box, linear-gradient(#1f507b 0 0);
    mask: linear-gradient(#1f507b 0 0) padding-box, linear-gradient(#1f507b 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.gradient-border-mask-halfrightblue .fl-col-content {position:relative;}
.gradient-border-mask-halfrightblue .fl-col-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #180E32, #180E32, #180E32, #1f507b) border-box;
    -webkit-mask: linear-gradient(#1f507b 0 0) padding-box, linear-gradient(#1f507b 0 0);
    mask: linear-gradient(#1f507b 0 0) padding-box, linear-gradient(#1f507b 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.gradient-border-maskblue .fl-col-content {position:relative;}
.gradient-border-maskblue .fl-col-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(178deg, #00A9EC, #180E32, #180E32, #00A9EC) border-box;
    -webkit-mask: linear-gradient(#180E32 0 0) padding-box, linear-gradient(#180E32 0 0);
    mask: linear-gradient(#180E32 0 0) padding-box, linear-gradient(#180E32 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

/* Split section */
#mp-pinnedrow {position: relative; overflow:hidden;}
#mp-leftcol,#mp-rightcol {position: relative;overflow:hidden;}
body:not(.fl-builder-edit) div[id^=photobox] {position:absolute; top: 0%; right:0%;}
body:not(.fl-builder-edit) div[id^=databox]  {position:absolute; top: 0%; left:0%;}
@media (max-width: 768px) {body:not(.fl-builder-edit) #mp-leftcol div[id^=photobox] {position:absolute;right:auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}}	

/* Vertical Split section, Detect height restrictions on browsers */
@media screen and (max-height:900px) {
	.mp-toprow .fl-col-content {min-height: 32vh !important;}
}
@media screen and (max-height:768px) {
	body:not(.fl-builder-edit) .mp-toprow div[id^=photobox] img {width:70%;}
	.mp-toprow .fl-col-content {min-height: 30vh !important;}
	.mp-toprow div[id^=photobox] {top: 1vh !important;}
}
@media screen and (max-width: 768px) {
}
.mp-toprow,.mp-botrow {position: relative;}
body:not(.fl-builder-edit) .mp-toprow div[id^=photobox] {position:absolute;top: 4vh;left: 0;right: 0;margin-inline: auto;width: fit-content;}
body:not(.fl-builder-edit) .mp-botrow div[id^=databox]  {position:absolute;top: 2vh;left: 0;right: 0;margin-inline: auto;width: fit-content;}




.gradient-border-proto .fl-col-content {position:relative;}
.gradient-border-proto .fl-col-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #d5e9f9, #FFFFFF, #FFFFFF, #d5e9f9) border-box;
}