
/*-------------- HIGHLIGHTS/FEATURED CARDS --------------*/

.card {border:1px solid #ccc!important;}
.featured > .card-body {background:#fff; margin-bottom:7px;}
.featured > .card-footer {background:#fff; border:1px solid #ccc!important; padding-top:0px!important; margin-top:0px!important; margin-bottom:0px!important; border-color:#ccc;}
.featured > .card-footer > button {padding-top:0px!important; margin-top:0px!important;}
.featured > .card-body > .card-title {padding-bottom:2px!important; margin-bottom:1px!important;}
.card-text {margin-bottom:2px!important;}

.featured.card > a{
text-decoration:none;

height: 100%; width: 100%;
color:#333;
text-decoration: none;
border-bottom: 0px;
padding-bottom: 2px!important;


}

horizontal-card-img {
    border-radius: 0!important;
    object-fit: cover!important;
    height: 100%!important;
    width:100%!important;
}

.mainfeatured {border-radius: 0!important;}

.read-more{
color: #990000;
text-decoration: none;
border-bottom: solid 1px #990000;
display:inline;
padding-bottom: 2px;}

.card-deck {float: none;}

.featured {
width:100%!important;
/* Do not display block as it messes up footer on card deck */
/*display:block!important;*/
}

.card-container {
width:100%!important;
overflow:hidden!important;
padding:0px!important;
margin:0px!important;
}


.card-container > img {
width:100%!important;
opacity: 1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-webkit-transition: transform 1.05s ease-in-out;
-moz-transition:transform 1.05s ease-in-out;
-ms-transition:transform 1.05s ease-in-out;
}



.featured:hover img{
/*opacity: 0.15!important;*/
/*filter: alpha(opacity=15)!important;*/
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.card-img-wrap {
position:relative;
}
.card-img-wrap:hover img{
/*opacity: 0.15!important;*/
/*filter: alpha(opacity=15)!important;*/
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.card-img-wrap > img {
width:100%!important;
opacity: 1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-webkit-transition: transform 1.05s ease-in-out;
-moz-transition:transform 1.05s ease-in-out;
-ms-transition:transform 1.05s ease-in-out;
}






.programmes.card > a{
text-decoration:none;

height: 100%; width: 100%;
color:#333;
text-decoration: none;
border-bottom: 0px;
padding-bottom: 2px!important;


}

.read-more{
color: #990000;
text-decoration: none;
border-bottom: solid 1px #990000;
display:inline;
padding-bottom: 2px;}



.card-deck {float: none;}

.featured {
width:100%!important;
/* Do not display block as it messes up footer on card deck */
/*display:block!important;*/
}

.card-container {
width:100%!important;
overflow:hidden!important;
padding:0px!important;
margin:0px!important;
}


.card-container > img {
width:100%!important;
opacity: 1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-webkit-transition: transform 1.05s ease-in-out;
-moz-transition:transform 1.05s ease-in-out;
-ms-transition:transform 1.05s ease-in-out;
border-radius:0!important;
}



.programmes:hover img{
/*opacity: 0.15!important;*/
/*filter: alpha(opacity=15)!important;*/
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.card-img-wrap {
position:relative;
}
.card-img-wrap:hover img{
/*opacity: 0.15!important;*/
/*filter: alpha(opacity=15)!important;*/
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.card-img-wrap > img {
width:100%!important;
opacity: 1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-webkit-transition: transform 1.05s ease-in-out;
-moz-transition:transform 1.05s ease-in-out;
-ms-transition:transform 1.05s ease-in-out;
}

/*---- FOR MATCHING IMAGES IN CARDS WITH VIDEO - as they are different size ratios ------ */
.card-img-wrapTwo {
  position: relative;
  padding-bottom: 56.25%!important; /* 16:9 ratio */
  height: 0!important;
  overflow: hidden!important;
}



.card-img-wrapTwo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.programmes {background-color:white; border-radius:0!important; border:1px solid #CCC!important;}
/*.programmes .card-body .card-title {font-size:1rem; color:#3C3C3B;}*/

.programmes .card-img-top {border-radius:0rem!important;}

h3 {font-size:1.6rem; font-weight: 600;}
.programmes .card-title > strong {font-size:1.2rem; color:black;}
.red {color:#E40520!important;}


.tweet a:link {color:#990000;
	text-decoration:none;
	border-bottom: solid 1px #990000;
	display: inline;
	padding-bottom: 2px;}

.tweet a:visited{
	color: #990000;
}
.tweet a:hover{
	color: #B30075;
}


