﻿/* Aberdare Festival Styling -------------------------- */
.aberdare-festival-header {
    background-color: #6c6c6c;
    background-image: url(/EN/Events/AberdareFestival/Images/Banners/AberdareFestivalWebsiteHeaderBanner.jpg);
    min-height: 160px;
  background-position: center center;
  background-repeat: no repeat;
  }
.top-menu {
  background-color:#2f226c;
  }
.navbar-header.navbar-header-tourism {
    background-color:#2f226c;
}
#nav a:hover {
    background-color:#190f45;
}
  
/* Aberdare Homepage Jumbotron
------------------------------------------------- */

.AF-jumbotron-bg {
	background-image: url(/EN/Events/AberdareFestival/Images/Banners/BrunoMars.jpg );
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: -1px 0px 0px 0px;
	padding: 70px 0px 0px 0px;
	height: 550px;
  }
.AF-strapline-one {
	font-family: 'ralewaybold', sans-serif;
	color: #fff!important;
	font-size: 18px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	line-height: 31px;
	letter-spacing: 0px;
}
.AF-strapline-two {
	font-family: 'ralewaybold', sans-serif;
	color: #fff!important;
	font-size: 36px;
	text-align: left;
	margin: 35px 0px 0px 0px;
	line-height: normal;
	letter-spacing: -0.5px;
	width: 450px;
}
.AF-rule {
	border-bottom: 4px solid #f6b31b!important;
	width: 80px;
}
.AF-Jumbotron-Button {
	font-family: 'ralewaybold', sans-serif;
	font-size: 16px;
	margin: 20px 0px 0px 0px;
	text-transform: uppercase;
	width: 240px;
  line-height: normal;
}
.AF-Jumbotron-Button a {
	border-radius: 4px;
	padding: 15px 20px;
	text-align: center;
	margin: 45px 0px 0px 0px;
	border: 0px solid #000;
	display: block;
	color: #fff!important;
	background-color: #80b53f!important;
}
.AF-Jumbotron-Button a:hover {
	color: #fff!important;
	text-decoration: none;
	background-color: #282465!important;
	border: 0px solid #fff;
}
@media (max-width: 400px) {
.AF-strapline-one {
	text-align: center;
}
.AF-strapline-two {
	font-size: 30px;
	width: 100%;
	line-height: 33px;
	text-align: center;
}
.AF-strapline-two-bg {
	width: 100%;
}
.AF-Jumbotron-Button {
	width: 100%;
}
.AF-strapline-two {
	text-align: center;
}
.AF-rule {
	margin: 0px auto;
}
}
.content h2 {
	font-size: 20px;
	margin: 20px 0px 10px 0px;
}
.content h4 {
	background-color: #ffd65a;
	border-top: 0px;
	font-family: 'ralewaybold', sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.428571429;
	color: #000;
	padding: 10px 15px;
}
.AF-Jumbo-tint {
  background-image: url(/EN/Events/AberdareFestival/Images/Banners/50percentblack.png );
  width:50%;
    margin: 40px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
  border-radius:4px
  }

@media (max-width: 992px) {
.AF-Jumbo-tint {
  width:100%;
  }
}
/*count down clock ---------------------*/
.clock-wrapper {
  background: #91c551;
		  background: linear-gradient(to bottom, #b6e37e, #85b944);
  padding: 50px 20px;
}
.counter-heading {
	color: #1a3000!important;
	font-size: 28px;
	font-style: normal;
	font-family: 'ralewaybold', sans-serif;
	margin-bottom: 20px;
}
.counter {
	text-align: center;
}
#countdown {
	color: #ffffff;
}
#countdown {
	color: #1a3000;
	font-size: 34px;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
} 
/* content ----------------*/
 .AF-footer-container {
  background-color: #3c3075;
   border-radius: 3px;
    margin-bottom: 0;
    margin-top: 60px;
    padding-bottom: 5px;
  }
.AF-footer-container img {
	border-radius: 3px 3px 0px 0px;
}
.footer-AF-image img {
	width: 100%;
	height: auto;
	display: block;
}
.footer-AF-title {
	margin: 22px 0px 15px 0px;
	font-size: 22px;
	font-family: 'ralewaybold', arial, san-serif;
	font-weight: normal;
	line-height: 19px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.footer-AF-task, .footer-AF-task p {
	margin: 8px 0px 0px 0px;
	padding: 0px 15px 15px 15px;
	font-size: 15px!important;
	font-family: 'ralewayregular', arial, san-serif;
	font-weight: normal;
	line-height: 23px;
	color: #fff;
	text-align: center;
}
.footer-AF-task p {
	padding: 0px;
	margin: 0px;
}
.footer-AF-task p a, .footer-AF-task p a {
	color: #fff;
}

.footer-AF-button {
	font-family: 'ralewaybold', sans-serif;
	font-size: 14px;
	margin: 10px 40px 10px 40px;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-align: center;
}
.footer-AF-button a {
	border-radius: 4px;
	padding: 7px 30px;
	text-align: center;
	margin: 5px 10px;
	border: 2px solid #9e9689;
	display: block;
	background-color: #70679b!important
}
.footer-AF-button a:hover {
	text-decoration: none;
	border: 2px solid #776f62;
	background-color: #191042!important
}

.custom-tile-one .footer-AF-button {
	margin: 10px 20px 20px 20px!important;
}
.custom-tile-one .footer-AF-button a {
background-color:#484290;
	border: 0px;
	color: #fff;
}
.custom-tile-one .footer-AF-button a:hover {
	background-color: #201d50;
	border: 0px;
	color: #fff;
}

/* Custom Banner one ---------------*/
.full-width-red-container {
 background-color:#4c4797;
 padding:90px 0;
margin-top:20px;
  }
.grey-button a {
  color: #fff!important;
	padding: 10px 20px!important;
	text-transform: uppercase;
	font-family: 'ralewaybold', sans-serif;
	font-size: 16px!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	background-color:#201d50;
  display: block;
  text-align: center;
  }
.full-width-red-text h2 {
    color: #fff;
    font-family: "ralewaybold",sans-serif;
    font-size: 30px; 
    }
.full-width-red-text p, .full-width-red-text {
    color: #fff;
    font-family: "ralewayregular",sans-serif;
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 30px;
    }
/* Content Highlighted -------------------------------*/
.Af-Cont-Highlight {
    font-size:1.5em; 
    color:#fff;
    background-color:#403b81;
    padding:25px;
    border-left:10px solid #b63e98;
	  margin-bottom:20px;
  }
  .Af-Cont-Highlight a {
        color: #ffc728; 
    }
		/*Wall of images -------------------------------------------- */
.full-gallery-container {
	background-color: #004570;
}
.full-gallery-container .row {
	margin: 0px;
}
.full-gallery-container .col-md-3 {
	padding: 0px;
}
.full-gallery-container .col-lg-3 {
	padding: 0px;
}
.full-width-gallery img {
	width: 100%;
	height: auto;
	display: block;
}
/*12 col subtemplate styling --------------------------------*/
.twelve-col p {
 font-size: 17px;
    line-height: 30px;
    padding: 0 0 20px
  }
/* Map Styling ------------------------------------------*/
	.map-title {
	font-family: 'open_sansbold', sans-serif;
	font-size: 21px;
	text-align: center;
	margin-bottom: 10px;
}
.map-address {
	font-size: 19px;
	text-align: center;
	margin-bottom: 30px;
}
.map-find-directions {
	text-align: center;
	margin-bottom: 10px;
}
.mapping-icons {
	margin-bottom: 0px;
}
.mapping-icons img {
	width: 50%;
	height: auto;
	display: block;
	margin: 0px auto;
}
/*custom Banner Two -----------------------------*/
.full-width-container-two {
 background-color:#b63e98;
 padding:90px 0;
margin-top:20px;
  }
.cont-two-button a {
  color: #fff!important;
	padding: 10px 50px!important;
	text-transform: uppercase;
	font-family: 'ralewaybold', sans-serif;
	font-size: 16px!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	background-color:#403b81;
  display: block;
  width: 270px;
  text-align: center;
    float:right;
  }
.full-width-two-text h2 {
    color: #360036;
    font-family: "ralewaybold",sans-serif;
    font-size: 30px; 
    }
.full-width-two-text p, .full-width-two-text {
    color: #fff;
    font-family: "ralewayregular",sans-serif;
    font-size: 19px;
    line-height: 35px;
    margin-bottom: 30px;
    }
	/* Twitter feed Promo -------------------------------*/
.twitter-container {
	padding: 20px 0px 0px 0px;
	background-color: #fff;
	text-align: center;
}
.twitter-feed-logo img {
	width: 50px;
	height: auto;
	display: inline;
	margin: 20px 0px 20px 0px;
}
.twitter-feed-logo {
	float: none;
	text-align: center;
}
.twitter-feed-follow-us {
	font-size: 26px !important;
	text-align: center;
}
.twitter-feed-follow-us a {
	border-bottom: 1px solid #337ab7;
	text-decoration:none!important;
}
.twitter-feed-container {
	padding: 20px 0px;
}
.twitter-timeline {
	margin: 0px auto;
	float: none;
	display: inline;
	border: 3px solid #b7ebf2;
	border-radius: 4px;
	padding: 7px 10px;
}
.twitter-timeline p {
	font: normal 34px Georgia, "Times New Roman", Palatino, serif;
	margin: 0 5px 10px 0;
}
.twitter-timeline-rendered a[href^="https://twitter.com"] {
	font-weight: normal;
	color: #666;
	font-size: 12px;
}
.AF-image-gallery-single-row {
	margin: 50px 0px;
}
/*-------- sponsors ---------*/
.AF-Event-Sponsor .title {
	    font-family: "ralewaybold",sans-serif;
	text-align: center;
	padding: 10px 20px;
	color: #626262;
}
.AF-Event-Sponsor img {
	display:block;
	margin:0 auto;
}
.six-col-grid {
	margin-bottom:20px;
	padding-bottom: 10px;
	border-bottom: solid 3px #bebebe ;
}
.six-col-grid h2 {
	font-weight: normal !important;
font-family: 'ralewaybold', sans-serif;
font-size: 23px;
color: #585b60;
padding: 0px 0px 10px 0px;
margin: 20px 0px 30px 0px;
}
.AF-Sponsor-Logo-2 img {
max-height: auto;
max-width: 330px;
display: block;
}
.ABF-promo-container .ABF-Jumbotron-Button {
	margin: 30px auto;
	text-align: center;
}
.ABF-promo-container .ABF-Jumbotron-Button a {
	background-color: #80b53f !important;
	font-family: 'ralewaybold', sans-serif;
color: #fff !important;
padding: 10px 20px;
border-radius: 3px;
	text-align: center;
	margin: 35px auto;
}
.ABF-promo-container .ABF-Jumbotron-Button a:hover {
	background-color: #8e791e !important;
color: #000 !important;
}
.ABF-Strap {
	font-size: 24px;
	text-align: center;
	color:#000;
	font-family: 'ralewayregular', sans-serif;
}
.ABF-Heading {
	color:#f6b31b !important;
	font-family: 'ralewaybold', sans-serif;
	
	font-size: 28px;
	text-align: center;
	margin-bottom: 20px;
}
.ABF-video-container div{
	margin-bottom: 0px!important;

}
/*--- footer logo ----*/
.partnership-logo-rct{
width: 50%;
	
}
.sponsor-logo-af {
	padding:30px;
}