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

body { font-family: 'Source Sans Pro', sans-serif !important; font-size: 19px; color: #000; line-height: 1.5em; -webkit-font-smoothing:auto !important;}

#deepbreadcrumb {border:1px solid #999999; padding: 4px 20px 4px 20px; font-size: 18px; margin: 0px 0px 0px 5px;}
#deepbreadcrumb h1 {display:inline; font-size: 15px; font-weight: normal;}

#readspeaker_button1 {float:right;}
.readspeakerbox .rsexpanded {width:100%;}
.rsbtn.rsexpanded { width: 355px !important; }

#deep-menu .sub-menu a {min-height:40px;}
#deep-menu a {min-height:65px; display: flex;align-content: center; align-items: center;}
#deep-menu ul > li {min-width: 155px;margin-right: 23px;}
#deep-menu .uabb-creative-menu .menu > li {width:24%;}
#deep-menu ul > li:last-child {margin-right: 0px;}
.sub-menu li {margin-right:0px !important;}
#deep-menu .uabb-creative-menu .menu {display: flex;justify-content: space-between;}
#textresizer {float:right;}
.textresize1 {font-size:20px; cursor:pointer;margin:2px;}
.textresize2 {font-size:25px; cursor:pointer;margin:2px;font-weight: 600;}
.textresize3 {font-size:33px; cursor:pointer;margin:2px;font-weight: 600;}
#contactform .uabb-cf7-style {border:1px solid #1D2F76;}
.grecaptcha-badge {visibility: hidden;}

.searchbox .fl-form-field {margin-bottom:0px;}
.searchbox i.fl-button-icon.fl-button-icon-after.ua-icon.ua-icon-magnifying-glass2 {font-size:30px !important;}

#ast-scroll-top {
    position: fixed;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    width: 70px;
    height: 70px;
    line-height: 2.1;
    color: #fff;
    border-radius: 0px;
    content: "";
}    
#ast-scroll-top:after {
    content: "Click to Go to Top";
    font-size: 19px;
    line-height: 22px;
    font-weight: 600 !important;
    display: block;
    width: 70px;
    height: 70px;
}    

/* Twitter feed */
.aptf-tweets-ticker-wrapper .aptf-ticker-controls {display:none;}
.aptf-tweets-ticker-wrapper.aptf-template-2 .aptf-tweet-actions-wrapper {display:none;}

.imagetitle .fl-photo-caption {
		font-size: 36px;
    font-weight: bold;
    color: #78170e;
    line-height: 40px;
    padding: 15px 20px;
    overflow: hidden;
    white-space: normal;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0;
    z-index: 10;
    background-color: #fff;
    max-width: 35%;
    text-align: left;
    display: inline-block;
} 
@media (max-width: 768px) {
	.imagetitle .fl-photo-caption {font-size: 14px;line-height: 16px;padding: 5px 10px}   
}
#postmontage {position: relative;}
body:not(.fl-builder-edit) #montagetitle {
		font-size: 30px;
    font-weight: bold;
    color: #78170e;
    line-height: 30px;
    padding: 15px 30px;
    overflow: hidden;
    white-space: normal;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 20px;
    z-index: 10;
    background-color: #FFFFFF;
    max-width: 40%;
}	

blockquote {
	margin:0;padding:0;border:0;font-style: normal;
  quotes: "\201C""\201D""\2018""\2019";
  margin-left: 20px;
}
blockquote:before {
    content: "\201C";
    font-size: 35px;
    margin-left: -24px;
    top: -10px;
    color: #F7D398;
    font-weight: 900;
    padding-right: 5px;
    vertical-align: baseline;  
}
blockquote p {font-style: normal;display: inline;}

.quotebox {border:2px solid #F0A832; margin: 0px 20px;box-shadow: 1px 2px 5px #888888;}
.quotebox:after {
    content: "";
    vertical-align: middle;
    position: relative;
    display: block;
    left: 30px;
    right: 0;
    bottom: -10px;
    width: 20px;
    height: 20px;
    transform: rotate(225deg);
    border: 2px solid;
    border-color: #f0a832 transparent transparent #f0a832;
    background-color: #ffffff;
    z-index: 1;
}
@media (max-width: 768px) {.quotebox:after {display:none;}}
		
.quotebox strong:first-of-type {display:block; color:#78170E; margin-top: 10px;}
.riblock {float:left;} 
.riblock img {float:left; border:4px solid #F0A832;}
.rniblocktext {}
.rniblockbox:after {
    content: "";
    vertical-align: middle;
    position: relative;
    display: block;
    left: 45px;
    right: 0;
    bottom: 32px;
    width: 20px;
    height: 20px;
    transform: rotate(225deg);
    border: 2px solid;
    border-color: #f0a832 transparent transparent #f0a832;
    background-color: #78170e;
    z-index: 1;
}
@media (max-width: 768px) {.rniblockbox:after {display:none;}}

/* Desktops align buttons to bottom of columns */
@media (min-width: 1024px) {
	.alignbox {position:relative;}
	.alignbottom {position: absolute;bottom: 0px;right: 10px;}
}	

/* Toggle rows for Find a DEEP Group by region page */
body:not(.fl-builder-edit) .toggle-section {display: none; clear:both;}
.toggle-section a {color:#000000;font-weight: normal;}
.region-row {border-bottom:1px solid #999999; margin:10px 0px 20px 0px; clear:both; overflow: hidden; padding: 10px 0px 40px 0px; position:relative;}
.region-title {float: left;width: 75%;}
.regionbutton {
  background-color: #78170E; 
  border: none;
  color: #FFFFFF;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
	cursor:pointer;
	float: left; width: 25%;	
}
@media (max-width: 768px) {.regionbutton {width: 100%;} .uabb-cf7-style input[type=submit] {white-space: normal;} }	
.regionbutton:hover,.showingregion {
		background-color: #F0A832; 
		color:#000000;
}

#postcodesearch .gmw-form-wrapper input[type=text] {width:300px; border: 1px solid #000000;}
#postcodesearch .gmw-form-wrapper select {
		width:300px; 
		border: 1px solid #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #1e3175 50%), linear-gradient(135deg, #1e3175 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(20px), calc(100% - 11px) calc(20px);
    background-size: 10px 9px, 9px 10px, 1px 1.5em;
    background-repeat: no-repeat	
	}
#postcodesearch  div.gmw-form-wrapper .gmw-submit, div.gmw-form-wrapper input[type=submit] {
		background: #1D2F76;
		padding: 10px 40px; 
		font-weight: bold;
		font-size: 15px;
}

.news-montage {width:33%; float:left;}
.news-montage img {width:100%;float:left;}

.newsbutton a {color:#FFFFFF;}
.newsbutton:hover,.showingregion {background-color: #F0A832; color:#000000;}
.takingpartnews p.read-more {display:none;}
@media (min-width: 1024px) {
	.newsbutton {position: absolute;bottom: 60px;right: 10px;}
}	
.alm-btn-wrap .alm-load-more-btn {border-radius: 0px !important;}
button.alm-load-more-btn.more.ajaxloadmore {background-color: #f0a832;color: black;font-weight: bold;}
button.alm-load-more-btn.more.ajaxloadmore:hover {background-color: #78170E;color: #FFFFFF;}
button.alm-load-more-btn.more.ajaxloadmore.loading {background-color: #78170E;color: #FFFFFF;}
.hidedisabled button[disabled].alm-load-more-btn.more.ajaxloadmore {display:none;}

.flexrow {flex-wrap: wrap;width: 100%;display: flex;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden; padding: 0px 20px 0px 20px;
    box-sizing: border-box;}
.flexrowline {margin:20px; border-bottom:1px solid #999999;}
.flexcol {float: left;display:block;}
@media (max-width: 768px){
    .flexrow {display:block;}
    .flexcol {display:block; clear: both;float: none;margin-left: auto;margin-right: auto;width: auto !important;};
}
.resource-row {background-color:#FEFEFE;}
.resource-pdf {position:relative; width:25%;}
.resource-img {position:relative; width:25%;}
.video-img {position:relative; width:45%;}
.vicon {font-size: 40px;position: absolute;color: white;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.resource-pdf img {border: 1px solid #999999;}
.video-img img {border: 1px solid #999999; width:385px;}
.resource-img img {border: 1px solid #999999;width:220px;}
.resource-title {position:relative; width:75%; padding-left:20px;}
.resource-title p {font-size: 16px;line-height: 20px;}
.resource-title h2 {font-size:29px;line-height:32px;}
.video-title {position:relative; width:55%; padding-left:20px;}
.video-title p {font-size: 16px;line-height: 20px;}
.video-title h2 {font-size:32px;line-height:34px;}
.resource-fullwidth .resource-title {width:100%; padding-left:0px;} 
.resource-fullwidth .video-title {width:100%; padding-left:0px;} 
.resource-fullwidth .resource-links {position: relative;width: 75%;padding-left: 20px;}    
.resource-fullwidth .video-links {position: relative;width: 100%;padding-left: 20px;}    

.resource-button {
	background-color: #78170E; 
  border: none;
  color: #FFFFFF;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
	cursor:pointer;
}	
.resource-button:hover {background-color: #F0A832;color: #000000;}

.rb-left  {position:absolute; bottom:0px; left:20px; }
.rb-right {position:absolute; bottom:0px; right:5px;}
.dualbutton {max-width:250px;}
@media (max-width: 768px){
	.rb-right,.rb-left {position:relative; bottom:0px; right:0px; left:0px; margin:10px 0px;}
	.resource-pdf {border-bottom:0px; max-width: 200px;}
	.resource-title {padding-left:0px; text-align: left; margin-top:10px;}
	.resource-links {display:block;text-align: center;}
	.resource-fullwidth .resource-links {width: 100%;text-align: center;padding-left: 0px;}    
	.resource-img {text-align: center;}
}	

.dashmenu span:before {
	  display: inline-block;
    content: '- ';
    margin-left: 30px;
    margin-right: 8px;
    margin-bottom: 2px;
    color: #000000;
    background-color: transparent;
}    

.bulletmenu span:before {
    display: inline-block;
    content: '';
    -webkit-border-radius: 5px;
    border-radius: 10px;
    height: 6px;
    width: 6px;
    margin-left: 20px;
    margin-right: 8px;
    margin-bottom: 2px;
    background-color: #000000;
}
.current_page_item.bulletmenu span:before,.bulletmenu span:hover:before {background-color: #FFFFFF;}
.current_page_item.dashmenu span:before,.dashmenu span:hover:before {color: #FFFFFF;}

/* make the menus fit width of text */	
.uabb-creative-menu:not(.off-canvas):not(.full-screen):not(.menu-item) .uabb-creative-menu .sub-menu {white-space: nowrap;}

.catlistaz a {font-weight:normal; color:#000000; line-height: 2;}
.convertedpdftojpg {width:180px;border:1px solid #888888;margin:20px;}

.deepbutton-left a,.deepbutton-right a {
		padding: 10px 20px 10px 20px;
		margin: 20px;
    font-weight: 600;
    background-color: #6c0b02;
    color: #FFFFFF;
    width: 250px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    word-wrap: break-word;
    border: none;
    cursor: pointer;
    display: inline-block;	
}
.deepbutton-left a:hover,.deepbutton-right a:hover {
    background-color: #F0A832;
    color: #000000;
    text-decoration:none !important;
}	
.deepbutton-left a {position: absolute;bottom: 0px;left: 10px;}
.deepbutton-right a {position: absolute;bottom: 0px;right: 10px;}	

.wpcf7 form.sent .wpcf7-response-output {border-color: #FFFFFF;}
.formsubtitle {color:#1D2F76; font-weight:bold; font-size:29px; line-height:32px;}

a, a p {color:#78160e; font-weight:bold;}
a:hover {color:#78160e; text-decoration:underline;} 
p a:hover {color:#78160e; text-decoration:underline !important;}