@media only screen {.preview-mode-theme-mismatch-warning {display: none !important;}
}

/*DEFINE COLORS*/
:root {
  	--red:#e4003b;
  	--walesflaggreen: #009640;
  	--flagblue: #055da9;
  	--accessibleblack: #212427;
  	--growthpink: #e5007d;
  	--greenenergygreen: #3aa935;
  	--nhsblue: #1d70b7;
  	--policingyellow: #f39206;
  	--opportunitypurple: #662381;
  	--lightgrey:#F1F1F1;
  	--midgrey:#CCCCCC;
 	--darkgrey:#293840;
  	--body:#2F3048;
	}

strong {
	color:var(--red)!important;
	}

a:hover {
	opacity: 0.6 !important;
    filter: alpha(opacity=60) !important; /* For IE8 and earlier */		
	}
	
/*TEXT STROKES*/
.greystroke {
	-webkit-text-stroke: 2px var(--darkgrey);
	text-stroke: 2px var(--darkgrey);
	letter-spacing: -0.05em;
	}
@media screen and (max-width: 568px) {
.greystroke {
	-webkit-text-stroke: 1px var(--darkgrey);
	text-stroke: 1px var(--midgrey);
	letter-spacing: -0.05em;
	}
}

.banner-text {
	font-size : clamp(1.3rem, 4vw, 3rem);
	font-weight:900;
	letter-spacing: -1px;
	line-height:110%  !important;
	color:white !important;
	-webkit-text-stroke: 1px var(--darkgrey);
	text-stroke: 1px var(--darkgrey);
	text-shadow: -1 -1 6px midgrey;
	}
	
@media screen and (max-width: 568px) {
.banner-text {
	-webkit-text-stroke: 0px var(--red);
	text-stroke: 0px var(--red);
	}
}


/*VERY SMALL SCREEN FONT SIZES*/

@media screen and (max-width: 568px) {

body {
	font-size:0.9rem !important;
	}	
h1 {
	font-size:1.5rem !important;
	}
h2 {
	font-size:1.3rem !important;
	}
h3 {
	font-size:1.1rem !important;
	}
h4 {
	font-size:1rem !important;
	}
}


/* VERTICAL ALIGNMENT OF MOBILE NAVIGATION BURGER */
.navbar-toggler {
	margin-bottom:5px !important;
	margin-top:8px !important;
	}	
	
/* FLOAT APPLIED TO HIPSWIG CMS IMAGES*/

.fr-fir	{
float: right !important;
	margin-right: 0px !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
	margin-left: 4px !important;
	max-width:40% !important;
	height:auto  !important;
	border:2px #FFFFFF !important;
	}

.fr-fil {
float: left !important;
	margin-right: 8px !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	max-width:40% !important;
	height:auto  !important;
	border:2px #FFFFFF !important;
	}	



/* STYLING FOR LIST OF COUNCILLORS CMS */
.councillors h4 {
	clear:both !important;
	font-size:1.2rem  !important;
	padding-top:10px !important;
	}
.councillors img {
  border: 1px solid var(--red) !important;
  	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	max-width:10% !important;
}


.roundedbox {
	border: 1px solid var(--midgrey) !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	}	

.photo-credit {
	font-size : clamp(.7rem, 1.3vw, .9rem);
	font-weight:300;
	}


/* FOOTER STYLES*/ 
.footer {
	color:white !important;
	font-weight: 600  !important;
	line-height:110%  !important;
	}
.footer p {
	margin-top:15px !important;
	color:white !important;
	}
.footer a:link {
	color:white !important;
	}
.footer a:visited {
	color:white !important;
	}
.footer a:hover {
	color:var(--midgrey)!important;
	text-decoration: none;
	}	

.footer-credit {
	font-size : clamp(.7rem, 1.3vw, .9rem);
	font-weight:400;
	color:white !important;
	}
.footer-credit a:link {
	color:white !important;
	text-decoration: none;
	}
.footer-credit  a:visited {
	color:white !important;
	text-decoration: none;
	}
.footer-credit  a:hover {
	color:var(--gray-500)!important;
	text-decoration: none;
	}	

	
.display-overflow {
	overflow: visible !important;
	}
	
.margin-above {
	margin-top:10px  !important;
	}

/*BULLET COLOUR - MAIN CONTENT*/
.main-content li::marker {
   color: var(--red);
}


.white-border {
	border:solid 1px white !important;
	}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
  margin-top:10px;
  margin-bottom:10px;
}