/**
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;}

/* sub-menu arrows on menu */
#uabbexomenu .uabb-menu-toggle {float: none;font-size: 25px;padding-left: 20px;vertical-align: middle;}
#uabbexomenu a, #uabbexomenu a:active, #uabbexomenu a:focus{outline: none;}

.exonewsfeed {border-bottom:1px dotted #000000;}
.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; 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;}

/* Exo Menu CSS */
.exo-menu {position: relative;right: 0;height: 46px;width: 46px;float: right;}
.exo-menu-link {position: absolute;width: 100%;height: 100%;z-index: 200; outline: none;}
.exo-menu-link:focus {outline: none;}
.exo-menu-icon {position: absolute;left: 0; top: 0;width: 42px;height: 30px;margin: auto;right: 0;bottom: 1px;}
.exo-menu-line {background-color: #ffc10c;height: 6px;width: 100%;border-radius: 1px;position: absolute;left: 0;transition: all 0.50s ease-in-out; box-shadow: 1px 1px 4px #0000004a;}
.exo-menu-line-2 {top: 0;bottom: 0;margin: auto;}
.exo-menu-line-3 {bottom: 0;}
.exo-menu.open .exo-menu-line-1 {transform: translateY(15px) translateY(-50%) rotate(-45deg);}
.exo-menu.open .exo-menu-line-2 {opacity: 0;}
.exo-menu.open .exo-menu-line-3 {transform: translateY(-15px) translateY(50%) rotate(45deg);}
.exo-menu.open .exo-menu-line {box-shadow:none;} /* remove subtle shadow when menu open */
.exomenutemplate {background-image: linear-gradient(180deg, #131A4F 0%, #091131 100%);}
.exo-menu.open .exo-menu-link:hover {border-radius: 50%;background: #00000033;}
/* deactivated for this site
	.exo-menu.isscrolled .exo-menu-circle {background-color: #937A5B;transform: scale(1.4);transition: all 0.5s ease-in-out;}	
*/	

@media only screen and (max-width: 768px){
		.exo-menu {top: 20px;}
		.exo-menu-line {height: 4px;}
		.exo-menu-icon {width: 38px; height: 24px;}
		.exo-menu.open .exo-menu-line-1 {transform: translateY(13px) translateY(-50%) rotate(-45deg);}
		.exo-menu.open .exo-menu-line-3 {transform: translateY(-11px) translateY(50%) rotate(45deg);}
}
.exo-menu-circle:hover {}	
.exo-menu-circle {
  position: absolute;
  background-color: #8d5295bf;
  width: 100%;height: 100%;
  border-radius: 50%;
  transform: scale(1.3);
  z-index: 1;
  transition: all 1.0s cubic-bezier(.86,0,.07,1);
}
.exo-menu:hover .exo-menu-circle {background-color: #131A4F;transform: scale(1.6);transition: all 0.5s ease-in-out;}
.exo-menu:hover .exo-menu-line {transition: all 0.5s ease-in-out;}
.exo-menu.open .exo-menu-circle {transform: scale(100);transition: all 1.0s cubic-bezier(.86,0,.07,1);}
.exo-menu-overlay {
  position: fixed;top:0px;left: 0px;
  color: #333;
  height: 100%; width: 100vw;
  opacity: 0; visibility: hidden;
  transition: opacity 0.4s ease-in-out;
  z-index: 99;
}
.exo-menu-overlay.open {opacity: 1;visibility: visible;transition: 2.0s cubic-bezier(.86,0,.07,1);}
.exo-menu-overlay .uabb-creative-menu .menu > li {margin-top:-45px !important;transition: all 2.0s ease-in-out;}
.exo-menu-overlay.open .uabb-creative-menu .menu > li {margin-top:0px !important;transition: 1.5s cubic-bezier(.86,0,.07,1);}	
/* required for logo, due to sticky header image shrink etc, this prevents shrink */
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .exo-menu-overlay img {max-height: unset !important;}

.growlogo { transition: all .4s ease-in-out; }
.growlogo:hover { transform: scale(1.1); }

/* make close icon stand out on white modals */
.uabb-close-icon:before {text-shadow: 0px 2px 4px black;}


/* JS input switcher, adds more UI. Requires JS, Requires class on inputs as: ExoInputSwitcher on Radio/Checkboxes only */ 
.ff_item_selected span {color:#483581;} /* highlight checkbox label if selected */
.exo-ui-switcher[aria-checked=true] {background-color: #483581;} /* Custom on colour ON switch */
.exo-ui-switcher {background-color: #6b6b6b;} /* Custom on colour OFF switch */
.exo-ui-switcher {	
  display: inline-block;
  height: 23px;
  width: 43px;
  border-radius: 13px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: border-color 0.25s;
  margin: 0px 4px 0 0;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.exo-ui-switcher:before {
  font-family: sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 6px;
  height: 12px;
  width: 20px;
  text-align: center;
}
.exo-ui-switcher[aria-checked=false]:before {content: ' ';right: 2px;}
.exo-ui-switcher[aria-checked=true]:before {
    left: 3px;
    top: 2px;
    content: '\2713';
    display: inline-block;
    color: #FFFFFF;
    font-size: 18px;	
	}
.exo-ui-switcher:after {
  background-color: #ffffff;
  content: '\0020';
  display: inline-block;
  position: absolute;
  top: 2px;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  transition: left 0.25s;
}
.exo-ui-switcher[aria-checked=false]:after {left: 2px;}
.exo-ui-switcher[aria-checked=true]:after {left: 22px;}
/* End of JS input switcher */ 


.zindex99 div {z-index:99;}
.pink {color:#fc00d4;}

#slidercorner .fl-builder-bottom-edge-layer.fl-builder-shape-edge-slant {z-index:2;} /* required for slider */
.highindex .fl-photo-content {z-index:10;}

/* Bullet points (leaves)  */ 
.goldbullets ul {list-style: none;}
.flipgreen ul,.flipgold ul {padding: 60px;list-style: none;}
.flipgreen li,.flipgold li,.goldbullets li,.greenbullets li {
    position: relative;
    padding-left: 40px;
    margin-bottom:15px !important;
		line-height: normal !important;
}
.goldbullets li,.greenbullets li  {margin-bottom:25px !important;}
@media only screen and (max-width: 768px){.flipgreen ul,.flipgold ul {padding: 10px;}}
.flipgreen li:before, .flipgold li:before,.goldbullets li:before,.greenbullets li:before {
    content: '';
    width: 30px;
    height: 27px;
    position: absolute;
    background-size: cover;
    background-position: center;
    left: 0;
}
.flipgreen li:before,.greenbullets li:before {background-image: url('images/point-green.png');}
.flipgold li:before,.goldbullets li:before {background-image: url('images/point-gold.png');}
.flipgreen h3::after {display: block;content: "";border-top: 2px solid #8FC73E;width: 25%;margin: auto;transform: translateY(15px);}
.flipgold h3::after {display: block;content: "";border-top: 2px solid #967D5D;width: 25%;margin: auto;transform: translateY(15px);}
.brandflip .uabb-back img {padding-bottom: 15px;}

.whitebullets ul {list-style: none; margin-left: 25px;} 
.whitebullets ul li {margin-bottom:15px;}
.whitebullets ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #FFFFFF;
  font-weight: bold; 
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em;
  margin-left: -1em;
}

.equal-height-buttons {display: flex;align-items: flex-end;flex: 1 1 0;}

/* On L.Blue background tabs section */
.exotabslblue li.uabb-tab-current a::after {background: #FFFFFF !important;}
.exotabslblue .uabb-tabs ul li .uabb-tab-link:hover {color: #FFFFFF !important;}
.exotabslblue .uabb-tabs.uabb-tabs-style-linebox > nav a:hover::after {background: #FFFFFF !important;}
.exotabslblue .uabb-tabs.uabb-tabs-style-linebox > nav li.uabb-tab-current a::after {-webkit-transform: translate3d(0, 88%, 0); transform: translate3d(0, 88%, 0);}
/* On Black background tabs section */
.exotabsblack li.uabb-tab-current a::after {background: #000000 !important;}
.exotabsblack .uabb-tabs ul li .uabb-tab-link:hover {color: #000000 !important;}
.exotabsblack .uabb-tabs.uabb-tabs-style-linebox > nav a:hover::after {background: #000000 !important;}
.exotabsblack .uabb-tabs.uabb-tabs-style-linebox > nav li.uabb-tab-current a::after {-webkit-transform: translate3d(0, 88%, 0); transform: translate3d(0, 88%, 0);}
/* White background tabs section */
.exotabswhite li.uabb-tab-current a::after {background: #994b97 !important;}
.exotabswhite .uabb-tabs ul li .uabb-tab-link:hover {color: #994b97 !important;}
.exotabswhite .uabb-tabs.uabb-tabs-style-linebox > nav a:hover::after {background: #994b97 !important;}
.exotabswhite .uabb-tabs.uabb-tabs-style-linebox > nav li.uabb-tab-current a::after {-webkit-transform: translate3d(0, 88%, 0); transform: translate3d(0, 88%, 0);}
/* Purple background tabs section */
.exotabspurple li.uabb-tab-current a::after {background: #ffc10c !important;}
.exotabspurple .uabb-tabs ul li .uabb-tab-link:hover {color: #ffc10c !important;}
.exotabspurple .uabb-tabs.uabb-tabs-style-linebox > nav a:hover::after {background: #ffc10c !important;}
.exotabspurple .uabb-tabs.uabb-tabs-style-linebox > nav li.uabb-tab-current a::after {-webkit-transform: translate3d(0, 88%, 0); transform: translate3d(0, 88%, 0);}
.exotabspurple .uabb-tab-current a .uabb-tab-title {color:#ffc10c !important;}
/* make underline on tabs a bit thicker */
.uabb-tabs.uabb-tabs-style-linebox > nav a::after {
	-webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.6, 1);
  transition-timing-function: ease, cubic-bezier(0.7, 0, 0.6, 1);
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -6px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -6px, 0);
}  


/* Tabs styles for mobiles */
@media (max-width: 768px){
	.section > .uabb-tab-acc-title {background-color: #cfbadf; !important;}    
	.uabb-tab-acc-title .uabb-title-tag {line-height: 30px !important;}
	.uabb-tab-title {color:#000000 !important;font-weight: 600;}
	.uabb-acc-icon {color:#000000 !important;}
	.uabb-content-wrap .section {border-bottom: 3px solid transparent;margin: 0px 1px 0px 1px;}
}	

/* Timeline CSS */
.timelinedot {
    height: 20px;
    width: 20px;
    background-color: #994b97;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -35px;
    right: 66px;
}
.timelineyear {
    display: inline-block;
    line-height: 0px;
    width: 70px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    top: -58px;
    background: #994b97;
    color: #FFFFFF;
    margin-bottom: -100px;
    float: left;
}
.timeyellow {background: #ffc10c;} 
@media only screen and (max-width: 768px){
	.timelineyear {width: 50px;font-size: 16px; top:20px;}
	.timelinedot {display:none;}
}
.timelineyear span {
  display: inline-block;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-left: 8px;
  margin-right: 8px;
}

.timelinearrowleft {
	display: inline-block;
  position: relative;
  top: -33px;
  right: -100px;
  border: solid #994b97;
  border-width: 0px 4px 4px 0;
  padding: 10px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.timelinearrowright {
    display: inline-block;
    position: relative;
    top: -13px;
    left: 0px;
    border: solid #994b97;
    border-width: 0px 4px 4px 0;
    padding: 10px;
    transform: rotate(312deg);
    -webkit-transform: rotate(312deg);
}
.timelinelastcol {
    border-top: 4px solid #994b97;
    width: 80%;
    position: relative;
    top: -35px;
    right: -100px;
}
.timelinelastcolright {
		border-top: 4px solid #994b97;
    width: 45px;
    position: relative;
    top: -35px;
    left: -20px;
}


@media only screen and (max-width: 768px){
	.exosplit-grey .fl-col-content:after {
		background-image: linear-gradient(140deg, #F2F2F2 10%, rgba(255,255,255,0) 10%) !important;
	}	
	.exosplit-purple .fl-col-content:after {
		background-image: linear-gradient(140deg, #805C9D 10%, rgba(255,255,255,0) 10%) !important;
	}	
	.exosplit-black  .fl-col-content:after {
		background-image: linear-gradient(140deg, #000000 10%, rgba(255,255,255,0) 10%) !important;
	}	
	
}	


/* Region Switcher */
#siteswitcher p {margin:0px;}
#siteswitcher .region-intro {margin: 0px 10px 0px 10px;display: inline;}
.region-switcher select {
	font-size: 12px !important;
  /* Reset */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  font: inherit;
  width: auto;
  height: 20px;
  padding: 0px 30px 0px 0px;
  background: url(images/arrow.svg) no-repeat right 2px center/20px;
  background-color: #00000000;
  color: #ffc10c;
  cursor: pointer;
}
.region-switcher select option {
  color: inherit;
  font-size:12px !important;
  background-color: #27255C;
  cursor: pointer;
}
.region-switcher select:focus {outline: none;}
.region-switcher select::-ms-expand {display: none;}
/* end of Region Switcher */