/*
Theme Name: lovetheme
Author: Bryn Davies ,for Pete&Tom
Author URI: https://loveproductions.com
Description: Theme Styles for Love Producions Website
Version: 0.1
*/

@charset "UTF-8";

@font-face { font-family: LexendThin; src: url('assets/fonts/Lexend-Thin.ttf'); }
@font-face { font-family: LexendLight; src: url('assets/fonts/Lexend-Light.ttf'); }
@font-face { font-family: LexendRegular; src: url('assets/fonts/Lexend-Regular.ttf'); }
@font-face { font-family: LexendMedium; src: url('assets/fonts/Lexend-Medium.ttf'); }
@font-face { font-family: LexendSemiBold; src: url('assets/fonts/Lexend-SemiBold.ttf'); }
@font-face { font-family: LexendBold; src: url('assets/fonts/Lexend-Bold.ttf'); }
@font-face { font-family: LexendBlack; src: url('assets/fonts/Lexend-Black.ttf'); }

body {margin:0; padding:0; background-color:#34353a; color:#ffffff;font-family: LexendLight, serif; font-weight:400; font-size: 17px; line-height:27px;}

h1 {font-size:48px;margin-top:20px;line-height: 58px;font-family: LexendSemiBold;}
h2 {font-size:48px;margin-top:20px;line-height: 58px;font-family: LexendSemiBold;}
h3 {font-size:38px;margin-top:10px;line-height: 50px;font-family: LexendSemiBold;}


b {font-family: LexendSemiBold;}

.desktopcols {display:block;}
.tabletcols {display:none;}
.mobilecols {display:none;}

.titleCap {width:80px; height:3px; border-radius:3px;}

.header {width:100%; height:95px;position: fixed; z-index: 10;transition: top 0.2s ease-in-out;}
.header .content {max-width:1440px; margin:0 auto; padding:0px; margin:0 auto;position:relative;}
.logo {width:120px; height:auto; margin:0 auto;margin-top:20px; z-index:13;position:relative;}
.logo img {width:100%; height:auto;}

.logo img:hover {-webkit-filter:invert(1);}

.page-template-template-home .header {
    width: 100%;
    height: 130px;
    position: fixed;
    z-index: 10;
    transition: top 0.2s ease-in-out;
}
.page-template-template-home .logo {
    width: 157px;
    height: auto;
    margin: 0 auto;
    margin-top: 25px;
    z-index: 13;
    position: relative;
}

section{/*max-width:1920px;*/ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden;}

.content {max-width:1440px; margin:0 auto; padding:20px; margin:0 auto;}

/* set theme colours */
.black {color:#000000;}
.darkgrey {color:#2a2b2e;}
.midgrey {color:#343539;}

.pastelblue {color:#99d7FF;}
.pastelgreen {color:#8dcca4;}
.pastelpink {color:#FF8799;}
.pastelyellow {color:#FFca5f;}
.pastelpurple {color:#bca1e5;}

.bgpastelblue {background-color:#99d7FF;}
.bgpastelgreen {background-color:#8dcca4;}
.bgpastelpink {background-color:#FF8799;}
.bgpastelyellow {background-color:#FFca5f;}
.bgpastelpurple {background-color:#bca1e5;}


.menubuttonwrap {position:absolute; top:0px; right:5px;width:100px;height:50px;}

.mainmenutoggle {width:100px;height:50px;display:block;}
.menubutton {position:absolute;right:56px; top:15px; width:36px; cursor:pointer;}
.menubutton img {width:100%; height:22px;}
/*.menubutton img:hover{-webkit-filter:invert(1);}*/

.menubutton:hover > img{-webkit-filter:invert(1);}
.menubutton:hover + .menutext { color: #ffffff!important; }

.menutext {width:40px;text-align:center; position:absolute; top:12px;right:5px;color:#000000;cursor:pointer;font-weight:300;font-size:16px;}
.menutext:hover {color:#ffffff!important;}
body:has(.menutext:hover) .menubutton img {
  -webkit-filter:invert(1);
}
/*.menutext:hover + .menubutton img {-webkit-filter:invert(1)!important;}*/

.page-template-template-home .menubutton {top:25px;}
.page-template-template-home .menutext {top:22px;}

.menutextopen {color:#000000;}
.openmenuimage {-webkit-filter:invert(0);}
.headerimagesopen {-webkit-filter:invert(1);}

.headermenuopen {background-color:#99d7FF!important;}

.navwrap {width:100%; height:100vh; background-color:#99d7FF; position:fixed; top:0px; left:0px; z-index: 9;display:none;}
.nav {max-width:1440px; margin:0 auto;margin-top:180px;}
.nav ul {margin-left:20px; padding-left:0px;}
.nav li {list-style-type: none;height:80px;}
.nav li a {color:#000000; text-decoration:none;font-size:60px;font-weight:300;font-family: LexendMedium;}
.nav li a:hover {font-family: LexendBold;}

.standardbutton {font-weight:300;padding:20px 30px; color:#ffffff!important; border:1px solid #ffffff; border-radius:7px;text-decoration:none;font-size:16px;width:170px; text-align:center;display:inline-block;}
.standardbutton:hover {color:#000000!important;}

.awardsbut:hover {background-color:#FFca5f; color:#000000; border-color:#FFca5f;}
.newsbut:hover {background-color:#FF8799; color:#000000; border-color:#FF8799;}
.programmesbut:hover {background-color:#99d7FF; color:#000000;border-color:#99d7FF;}
.teambut:hover {background-color:#8dcca4; color:#000000;border-color:#8dcca4;}

.hpawardssection {text-align:center;clear:both;margin-top:50px;}


.desktophero {display:block;}
.mobilehero {display:none;}

/* New home page sider set up */
#newhero {max-width:1920px; height:100vh; position:relative;text-align:center;}
.newheroslide {width:100%; height:100vh!important;}
.newherodata { width:auto; height:calc(100vh - 180px); margin:0 auto;margin-bottom:50px;margin-top:130px;margin-left:50px;margin-right:50px;position:relative;border-radius:7px;}

/* Home page and hero */
#hero {max-width:1920px; height:auto; position:relative;text-align:center;}
/*#hero .content {text-align:center;max-width:1920px;position:relative;margin:0 auto;}*/
.scroller {position:relative; margin:0 auto; margin-top:-100px;width:40px;z-index: 3;}
.scroller img {width:100%;}
.heroslide {width:100%; height:auto;}
.herodata {max-width:1440px; height:auto; margin:0 auto;margin-bottom:65px;margin-top:130px;position:relative;border-radius:7px;}
.herotitle {position:relative; bottom:-35px; float:left;left:10px;z-index:2;color:#ffffff; font-size:24px; font-weight:600;color:#000000;}
.heroslide img {opacity:1; max-width:1440px; border-radius:5px; /*margin:0 auto;padding-bottom:150px;padding-top:95px;*/}

.herologo {position:absolute; bottom:30px; left:30px; max-width:300px; z-index: 3;}
.herologo img {width:100%;}
.heroshowname {position:absolute; bottom:27px; left:30px; color:#ffffff; font-size:30px; line-height:34px;z-index: 3; text-align:left;}
.heroshowname a {color:#ffffff; text-decoration:none; font-weight:600;}

.homeherofade {
z-index:1;
position:absolute;
bottom:0px;
height:60%;
width:100%;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
left: 50%;
transform: translate(-50%, 0);
border-bottom-right-radius:7px; border-bottom-left-radius:7px;
}

.backgroundanimate {animation: myimagezoom 11s infinite;}

@keyframes myimagezoom {
   0% {background-size: 100% auto;}
   100% {background-size: 108% auto;}
 }

.slick-next {display:none;}
.slick-prev {display:none;}

.slick-dots {
    position: absolute;
    bottom: 30px!important;
    display: block;
    max-width: 1440px;
    padding: 0;
    margin: 0 auto!important;
    list-style: none;
    text-align: center!important;
    left:0;
    right:0;
    zoom:0.8;
}

.slick-dots li button {
    font-size: 15px!important;
    line-height: 0!important;
    display: block!important;
    width: 5px!important;
    height: 5px!important;
    padding: 4px!important;
    cursor: pointer!important;
    color: none!important;
    border: 0!important;
    outline: none!important;
    background: #000000!important;
    border-radius:20px!important;

}

.slick-dots li button:before {
    font-family: 'slick'!important;
    font-size: 6px!important;
    line-height: 20px!important;
    position: absolute!important;
    top: 12px!important;
    left: 0px!important;
    width: 20px!important;
    height: 20px!important;
    content: ''!important;
    text-align: center!important;
    opacity: 0!important;
    color: white!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button {
font-size: 15px!important;
line-height: 0!important;
display: block!important;
width: 15px!important;
height: 15px!important;
padding: 5px!important;
margin-left:-2px!important;
cursor: pointer!important;
color: none!important;
border: 0!important;
outline: none!important;
background: #000000!important;
border-radius:20px!important;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 35px!important;
    height: 20px;
    /*margin: 0 5px!important;*/
    padding: 0;
    cursor: pointer;
}

#pausetoggle {position:absolute; bottom:8px;left:55px; padding-left:33px; width:auto; height:30px;z-index:2;color:#000000;cursor:pointer;}
.pauseactive {background-image:url('/wp-content/themes/lovetheme/assets/Play_icon.svg'); background-repeat:no-repeat; background-size:25px 25px; background-position:0px 1px;}
.pauseinactive {background-image:url('/wp-content/themes/lovetheme/assets/Pause_icon.svg'); background-repeat:no-repeat; background-size:25px 25px; background-position:0px 1px;}

#awardstoggle {position:absolute; top:20px;left:20px; padding-left:33px; width:auto; height:30px;z-index:2;color:#ABABAB;cursor:pointer;}
.greytoggleactive {background-image:url('/wp-content/themes/lovetheme/assets/Play_icon_grey.svg'); background-repeat:no-repeat; background-size:25px 25px; background-position:0px 1px;}
.greytoggleinactive {background-image:url('/wp-content/themes/lovetheme/assets/Pause_icon_grey.svg'); background-repeat:no-repeat; background-size:25px 25px; background-position:0px 1px;}

#clientstoggle {position:absolute; top:0px;left:20px; padding-left:33px; width:auto; height:30px;z-index:2;color:#ABABAB;cursor:pointer;}

.page-template-template-home section {padding-bottom:30px;}
.page-template-template-home section#footer {padding-bottom:0px;}

.introcol1 {width:55%;float:left;display: inline;}
.introcol2 {width:40%;float:left;display: inline;}


.introgrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;}

.introitem {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: top;
  text-align: left;
  position:relative;
}

#logovideo {}
.page-template-template-home video {width:100%; height:auto;}

/* #introduction section */
.introitem p {font-size:2.8vw; text-align:left; font-weight:bold;max-width:91%; line-height:55px;letter-spacing: 0.5px;font-family: LexendMedium;}
.stackedlogo {max-width:460px;padding-top:25px;margin-left:80px;}
.introitem .titleCap {margin-top:25px;}

/* #awards section */
#awardssliderwrap {width:100%;padding-top:65.5px; padding-bottom:65.5px;background-color:#000000;}
.awardsslider {max-width:1440px; margin:0 auto;}
.awardslide {text-align:center;}
.awardslide img {height:75px; padding-left:100px; padding-right:100px;}

#awardsbuttonsection {background-color:#2a2b2e;}

/* #clients section */
#clientssliderwrap {width:100%;padding-top:65.5px; padding-bottom:65.5px;background-color:#000000;}
.clientsslider {max-width:1440px; margin:0 auto;}
.clientslide {text-align:center;}
/*.clientslide img {height:110px;padding-left:50px; padding-right:50px;}*/
.clientslide img {height:75px; padding-left:100px; padding-right:100px;}

/*Programmes section*/
section#programmes {padding-top:60px;}
.hproggrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
  grid-auto-rows: 1fr;}

.hproggriditem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position:relative;
}

.hproggriditem img {width:100%; height:auto;}


.seeallprogswrap {text-align:center;clear:both;margin-top:100px;}

/*News section*/
.newsgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
  grid-auto-rows: 1fr;
  margin-top:20px;
}

.newsgriditem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  text-align: center;
  position:relative;
}

#news .titleCap {margin-top: 40px;}

.newsgriditem img {width:100%; height:auto;}
.newsCap {width:60px; height:2px; background-color:#FF8799; border-radius:2px;}
.newsgriditem a {color:#ffffff; text-decoration:none;}
.newsgriditem h3 {color:#ffffff;font-size:25px;text-align:left;width: 90%;line-height:37px;margin-top: 20px;font-weight:500;}
.newsdate {text-align:left;font-size:17px;font-weight: 300;padding-top: 20px;}

/*grid set ups */
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;}

.griditem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position:relative;
}


.newsShowing {color:#FF8799;}
.newsTotal {color:#FF8799;}

.newsback:hover {color:#ffffff;}

.seeallnewswrap {
    text-align: center;
    clear: both;
    margin-top: 100px;
}


.loadnewswrap {
    text-align: center;
    clear: both;
    margin-bottom: 90px;
    margin-top: 0px;
    z-index: 20;
}

/* Programmes page */

.progsShowing {color:#99d7FF;}
.progsTotal {color:#99d7FF;}

.page-template-template-programmes .header {background-color:#99d7FF;}
.page-template-template-team .header {background-color:#8dcca4;}
.page-template-template-news .header{background-color:#FF8799;}
.page-template-template-awards .header {background-color:#FFca5f;}
.page-template-template-contact .header {background-color:#bca1e5;}
.page-template-template-standard .header {background-color:#99d7FF;}
.single-programme .header {background-color:#99d7FF;}
.single-news .header {background-color:#FF8799;}

.progfilterwrap {width:100%; text-align:left;margin-top: 80px;}
.filteroption  {margin-right:20px; padding:10px 10px 10px 0px; color:#A0A0A0; font-size:38px; font-family:LexendSemiBold; display: inline-block; cursor:pointer;}
.filteroption:hover {color:#ffffff;}
.optionactive {color:#ffffff!important;}

#programgrids .content {padding-top:0px;margin-bottom:70px;}


.programmegrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
  grid-auto-rows: 1fr;
  padding-top:20px;
}
.programgriditem {
  display: block;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position:relative;
  border-radius:10px;
  background-size: cover;
  background-position:center center;
  transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
}




.programgriditem img {width:100%;height:auto;border-radius:10px;}
.programoverlay {opacity:0;width:100%; height:100%; background-color:rgba(0,0,0,0.7);position:absolute;border-radius:10px;transition: all .2s ease;}
.phover {position:absolute; width:auto; top: calc(50% - 40px);left: 0; right: 0;margin-inline: auto; text-align:center;color:#ffffff;font-weight:300;}
.phover img {width:34px; margin:0 auto;margin-bottom:5px;}

.programgriditem:hover {transform:scale(1.03);}
.programgriditem:hover .programoverlay {opacity:1;}

.npgriditem:hover .programgriditem{transform:scale(1.03);}


.totalsoverview {font-weight:300; font-size: 15px;}
.progsShowing {font-weight:600;}
.progsTotal {font-weight:600;}
.newsShowing {font-weight:600;}
.newsTotal {font-weight:600;}

.loadmore {
  font-size:18px;
  font-weight:500;
  color:#000000;
  background-color:#ffffff;
  border-radius:20px;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
  text-decoration:none;
}

.progsloadmorewrap {text-align:center;clear:both;margin-bottom:90px;margin-top:90px;z-index:20;}

/* News Page */

/* Awards Page */
.awardsgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  grid-auto-rows: 1fr;
  margin-bottom:100px;
  /*background-color:#000000;*/
  padding:60px 0px;
  margin-top: -10px;
  border-radius: 7px;
}
.awardsgriditem {
  display: block;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position:relative;
  padding-bottom:24%;
  padding-top:24%;
  background-color:#2a2b2e;
  border-radius:8px;
  cursor:pointer;
  transition:transform .2s; /* Animation */
}

.awardsgriditem img {width:auto;height:70px;padding-top:20px; padding-bottom:20px; transition: transform .2s; /* Animation */}
.awardsgriditem:hover {background-color:#000000;}
.awardsgriditem:hover img {transform: scale(1.1);}



.awardspage p {font-size:31px; line-height:45px;font-weight:400; padding-bottom:0px; margin:0 auto; margin-bottom:20px;max-width: 1140px;}
.awardspage p span {color:#FFca5f;}
.awardspage p:last-of-type {margin-bottom:0px;}
.awardspage p:first-of-type {margin-top:40px;}

/* awards overlays */
.awardsoverlaybg {display:none;width:100%; height:100vh; background-color:rgba(42,43,46,0.98); position:fixed; top:0px; left:0px;z-index:20;overflow:scroll;scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */}
.overlaydata {max-width:1000px; margin:0 auto; height:auto; position:relative;margin:0 auto; top:30px;padding-bottom:30px;}
.overlaydata::-webkit-scrollbar { /* WebKit */
        width: 0;
        height: 0;
    }

a.closeoverlay {color:#ffffff; text-decoration:none;font-size:16px;}
.topClose {position:fixed; top: 30px; right: calc(50% - 485px);cursor:pointer;padding-top:5px;padding-right:40px; background-image:url('assets/aw_close_button.png'); background-repeat:no-repeat;background-size:38px 38px; background-position: 45px 0px;}
.topClose a {color:#ffffff;font-size:16px;}
.closeoverlay:hover {color:#FFca5f;}



.ovAwardLogo {text-align:center;margin-bottom:20px;}
.ovAwardLogo img {max-width:320px;padding-top: 25px;padding-bottom: 25px;}
.blackawarddata {max-width:1000px; height:auto; border-radius:8px; background-color:rgba(0,0,0,0.9); padding:40px 60px 40px 60px; }

/*.blackawarddata::-webkit-scrollbar {
  width: 0;
  height: 0;
}*/

.pawData {padding-bottom:45px;border-bottom:2px dotted #ffffff;padding-top:10px;}
.pawData:last-of-type {border-bottom:0px dotted #ffffff;}

.pawData h2{ font-size:26px; color:#ffffff; font-weight:500;}
.pawData h2 a {color:#ffffff; text-decoration:none;}
.pawData h2 a:hover {color:#ffffff; text-decoration:underline; text-decoration-thickness: 1.5px;}

.pawRow {color:#ffffff; display:block; margin-bottom:10px;line-height: 31px;display: flex;}
.pawCol {color:#ffffff; /*display:inline-block;*/}

.bottomClose {position:relative; float:right;margin-top:25px;margin-right:0px;cursor:pointer;margin-bottom:50px;padding-right:30px; background-image:url('assets/aw_close_button.png'); background-repeat:no-repeat;background-size:28px 28px; background-position: 45px 0px;}
.bottomClose a {color:#ffffff;}


.backtotopteam {text-align:center;clear:both;margin-bottom:90px;}
/* Team Page */
.teamgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
}
.teamgriditem {
  display: block;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position:relative;
  background-color:#2A2B2E;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.teamgriditem img {width:100%;height:auto;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.teamdata {width:auto; display:block;padding-top:5px; padding-bottom:10px;padding-left:30px;padding-right:20px;background-color: #2A2B2E;}
.teamdata p {text-align:left;background-color: #2A2B2E;}
.teamname {font-size:22px; color:#8dcca4;margin-top:10px; margin-bottom:0px;padding-bottom:5px;background-color: #2A2B2E;}
.teamjob {font-size:17px; color:#ffffff; margin-top: 0px; margin-bottom: 15px;font-weight:300;background-color: #2A2B2E;}

/* Single Programme pages */



.productionhero {height:100vh;position:relative;}
.productionhero .content{
  width:1440px;
  margin:0 auto;
  padding:20px;
  margin:0 auto;
  position:absolute;
  bottom:20px;
  z-index:2;
  left: 50%;
  transform: translate(-50%, 0);
}
.productionherofade {
z-index:1;
position:absolute;
bottom:0px;
height:500px;
width:100%;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
left: 50%;
transform: translate(-50%, 0);
}
.productionlogonetwork {position:absolute; bottom:30px; width:45%;}
.productionlogonetwork img {max-width:340px;margin-bottom:30px;}
.herotitlealt {clear:left; padding-left:0px; font-size:30px;color:#ffffff; font-weight:500;margin-bottom:15px;max-width: 90%;line-height: 35px;}
.channelnetwork{clear:left; padding-left:0px; font-size:24px;color:#99d7FF; font-weight:500;}
.progdate {clear:left; padding-left:0px; font-size:20px;color:#FFFFFF; font-weight:500;}
.playtrailer {
  position:absolute;
  bottom:35px;
  right:30px;
  padding-left:65px;
  padding-right:90px;
  padding-top:25px;
  padding-bottom:25px;
  background-color:rgba(0,0,0,0.3);
  border:1px solid #ffffff;
  border-radius:7px;
  color:#ffffff;
  font-weight:400;
  font-size:15px;
  background-image:url('assets/trailerarrow.png');
  background-position:155px 27px;
  background-repeat:no-repeat;
  background-size:20px;
  cursor:pointer;
  /*text-transform:uppercase;*/
  transition: all .2s ease-in-out;
}

.playtrailer:hover {background-color:rgba(153, 215, 255, 0.7)}

.heroscrollicon {
  width:40px;
  height:40px;
  position:absolute;
  bottom:30px;
  left: 50%;
  /*transform: translate(-50%, 0);*/
  background-image:url('assets/scroll_icon.png');
  background-size:40px 40px;
  background-repeat:no-repeat;
  cursor:pointer;
  margin-left:-20px;
}

.chantext {text-align:left; font-weight:600;margin-top:10px;font-size:24px;}


.traileroverlay {width:100%; height:100vh; background-color:rgba(52,53,57,0.95); position:fixed; z-index:101;display:none;}
.trailerwrapper {width:70%; height:auto; position:absolute;top: 50%; background:black;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.showdescription p {max-width:960px; line-height:32.5px; font-size:18px; font-weight:300;margin-top: 30px;}

.showsocials {
margin-top:70px;
margin-bottom:50px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
grid-auto-rows: 1fr;
max-width:960px;}

.socialcolumn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: top;
  text-align: center;
  position:relative;
  border-top: 3px dotted #ffffff;
}
.socialcolumn p {text-align:left;width:100%;}
.socialcolumn img {height:22px; width:auto;margin-right:40px;}

.showlink {margin-bottom:5px;margin-top:5px;}
.showlink a {color:#ffffff; text-decoration:underline;font-weight:300;}
.showlink a:hover {text-decoration:underline;}

#showawardstrip {width:100%;padding-top:50px; padding-bottom:50px;background-color:#000000;}

.awardslogowrap {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
grid-auto-rows: 1fr;}
.showawardlogo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position:relative;
}
.showawardlogo img {height:70px;}


#allshowawards {margin-top:30px;background-color:#000000;display:none;}
.expandwrap {text-align:center;clear:both;margin-top: 50px;margin-bottom: 50px;}

.showawardsgrid {
  margin-top:50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
}

.showawarddetails {
display: flex;
flex-direction: column;
align-items: left;
justify-content: top;
text-align: left;
position:relative;
margin-bottom:15px;
padding-bottom:35px;
border-bottom:3px dotted #ffffff;
}

.awdTitle {font-weight:600; font-size:24px;color:#ffffff; height:auto;line-height: 30px;margin-bottom: 10px;}
.awdDate {color:#FFca5f;margin-bottom: 10px;}
.awdCap {width:60px; height:2px; background-color:#FFca5f;margin-top:15px; margin-bottom:15px;border-radius:2px;}
.awdDesc {color:#ffffff;font-size:16px; line-height:24px;height:auto; font-weight:300;margin-bottom: 7px;}

.awardsplacing {width:100%; height:auto; display:flex;margin-bottom: 10px;}

.placementtext {padding:2px 5px; display:inline-block; color:#000000;width:90px; font-size:13px;font-weight:500;text-align:center;margin-top:3px;margin-bottom:3px;margin-right:10px;}
.winner {background-color:#FFca5f;}
.jointwinner {background-color:#FFca5f;}
.runnerup {background-color:#808080;}
.nominated {background-color:#808080;}
.shortlisted {background-color:#808080;}

/*show stickys*/
.stickygrid {display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 42px;
grid-auto-rows: 1fr;}

.showsticky {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: top;
  text-align: left;
  position:relative;
  padding: 30px 20px;
  min-height:400px;
  border-radius:7px;
}

.stickyTitle {font-size:28px; color:#000000;line-height: 40px;font-family: LexendSemiBold;font-weight:600;}
.stickyCap {width:60px; height:2px; background-color:#ffffff;margin-top:30px; margin-bottom:30px;border-radius:2px;}
.stickyDescription {font-size:17px;color:#000000;font-weight: 300;}
.stickyLink {position:absolute;bottom:22px;left:20px;}
.stickybutton {padding:20px 0px; width:232px;color:#000000; text-decoration:none; border:1px solid #000000; border-radius:5px;font-size: 16px; text-align:center;display:block;}
.stickybutton:hover {color:#000000;background-color:#ffffff;}

.nosticky {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: top;
  text-align: left;
  position:relative;
  padding: 50px 20px;
  border-top:3px dotted #ffffff;
  border-bottom:3px dotted #ffffff;
}

.nosticky p {background-image:url('assets/sadface.png'); background-size:40px 40px; background-position: 15px 20px; background-repeat:no-repeat; padding-left:100px;font-size:17px; color:#ffffff; line-height:27px;}


.ymlgrid {
  margin-top:60px;
  margin-bottom:30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px;
  grid-auto-rows: 1fr;}

.ymlgrid .griditem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position:relative;
  transition: all .3s ease-in-out;
  background-size:100% 100%;
}

.ymlgrid .readmoreOL {pointer-events:none;transition: all .3s ease-in-out; opacity:0;width:auto; color:#ffffff;font-size:16px;font-weight:400;text-transform:uppercase;height:38px;text-align:center; z-index:5;position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ymlgrid .readmoreOL img {width:38px;padding-bottom: 10px;}


.ymltitle {font-weight:400; color:#9C30C3; text-align:center;margin-top: 10px;font-size:32px; font-weight:600;}
.yml {width:30.5%; position:relative;display:inline-block; border:0px solid white;margin:1%;overflow: hidden;}
.yml img{width:100%;height:auto;opacity:0.3;transition-duration: 0.3s;}
.yml img:hover{width:100%;height:auto;opacity:1;transform: scale(1.1);}
.yml .title {position:absolute; width:80%;/*left:10%; top:35%;*/text-align:center; font-size:22px;line-height:32px;left: 50%; top: 50%; transform: translate(-50%,-50%);}
.yml img:hover + .title {display:none;}


/* single new pages */

.newshero {width:1120px; margin:0 auto; border-radius:7px;}

.playnews {
  position:absolute;
  bottom:50px;
  left: calc(50% + 315px);
  padding-left: 70px;
  padding-right: 85px;
  padding-top:21px;
  padding-bottom:21px;
  background-color:rgba(0,0,0,0.3);
  border:1px solid #ffffff;
  border-radius:7px;
  color:#ffffff;
  font-weight:400;
  font-size:15px;
  background-image:url('assets/trailerarrow.png');
  background-position:140px 24px;
  background-repeat:no-repeat;
  background-size:20px;
  cursor:pointer;
  /*text-transform:uppercase;*/
  transition: all .2s ease-in-out;
}
.playnews:hover {background-color:rgba(255,135,153,0.7);}

.newsTitle {width:450px; float:left; padding-right:30px;}
.newsTitle h1{line-height:65px;margin-top: 22px;}
.newsTitle h2{line-height:65px;margin-top: 22px;}
.newsContent {width:480px; float:left;padding-top:10px;margin-bottom:70px;}

.newsContent li {font-weight:300;}

.newsContent p {font-size:17px; line-height:28px; font-weight:300;}
.newsContent p a {color:#FF8799;}

/* contact page */


/*show stickys*/
.contactstickygrid {display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 42px;
grid-auto-rows: 1fr;}

.contactsticky {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: top;
  text-align: left;
  position:relative;
  /*min-height:500px;*/
  border-radius:7px;
}

.CstickyImage {display:block;margin-bottom:20px;}
  .CstickyImage img {width:100%; height:auto;border-top-left-radius:7px;border-top-right-radius:7px;}
.CstickyMeta {font-size:17px;color:#000000;padding-left:20px;padding-right:20px;margin-bottom: 10px;font-weight:300;}
.CstickyTitle {font-size:25px; color:#000000;padding-left:20px;padding-right:20px;font-weight:600;margin-bottom:150px;line-height: 32px; font-family:LexendSemiBold;}
.CstickyCap {width:60px; height:1px; background-color:#ffffff;margin-top:20px; margin-bottom:20px;}
.CstickyDescription {font-size:17px;color:#000000;}
.CstickyLink {position:absolute;bottom:22px;left:20px;}
.Cstickybutton {padding:20px 40px; color:#000000; text-decoration:none; border:1px solid #000000; border-radius:5px;}



.contactgrid {
  margin-top:80px;
  margin-bottom:20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 46px;
  grid-auto-rows: 1fr;}

.contactgrid .griditem {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: normal;
  text-align: left;
  position:relative;
  border-top: 3px dotted #ffffff;
  border-bottom: 3px dotted #ffffff;
  padding-top:25px;
  padding-bottom:30px;
}

.contactdata {
/*background-image:url('assets/horizontal-divider-black.png');
background-repeat:repeat-x;
background-size:6px 3px;
background-position:bottom left;
height:100%;*/
}

.locationicon {background-image:url('assets/location-icon.png');background-repeat:no-repeat;background-position:5px 38px;background-size: 38px auto;}

.contactgrid .griditem .gridtext {width: calc(100% - 65px); margin-left: 90px;}
.contactgrid .griditem .gridtext p {font-weight:300; line-height:29px; font-size:18px;}
.contactgrid .griditem .gridtext a {color:#ffffff!important; text-decoration:underline;}
.gridtext h3 {margin-bottom:20px;}
.gridtext .titleCap {margin-bottom:25px;}
.generalenqtxt {color:#bca1e5;}
.generalenq p {color:#bca1e5;max-width:800px;}
.generalenq a {color:#ffffff; text-decoration:underline; font-weight:300;}

.contactgrid .titleCap {height:2px;}

#desktopcontact {display:block;}
#mobilecontact {display:none;}

.ctSocial {position:absolute;right:20px; top:189px; z-index: 10;}
.ctSocial img {/*height:30px;*/-webkit-filter:invert(1);margin-left:30px;}

.ctextgrid {
  margin-top:30px;
  margin-bottom:90px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
  grid-auto-rows: 1fr;}

.ctextgrid .griditem {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: normal;
  text-align: left;
  position:relative;
  border-top: 3px dotted #ffffff;
  padding-top:20px;

}

.ctextgrid h3 {font-size:38px; font-weight:600;width:95%;}
.ctextgrid p {font-size:17px;font-weight: 300; line-height: 27px;width:95%;}
.ctextgrid p a {color:#ffffff; text-decoration:underline;}

/* Standard Page */

.standardhero {max-width:1440px; margin:0 auto; height:auto; overflow:hidden;display: block;position:relative;border-radius:7px;margin-top: 30px;}
.standardtitle {position:absolute;z-index:3;bottom:35px;left:60px; color:#ffffff;margin-bottom:0px;}
.standardfade {width:100%; height:300px;position:absolute;bottom:0px;left:0px;z-index:2;background: #000000;
background: linear-gradient(0deg,rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.69) 27%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);}
.standardblank { width:100%; height:auto;}
.page-template-template-standard .stdintro a {color:#99d7FF;text-decoration:underline;}


.stdSection {margin-bottom:90px;max-width:1000px;}
.stdSection p {font-weight:300;}
.stdButton {padding:15px 30px; text-decoration:none; color:#000000; font-size:15px;border-radius:7px;display:inline-block;margin-bottom:10px;}
.stdbuttonholder {display:block;margin-top:50px;}
.stdSection h2 {font-size:48px; margin-top:20px;line-height: 58px; font-weight: 500;}

.stdintro p a {text-decoration:underline;}

.sectioncol99d7FF {} /* #99d7FF*/
.sectioncol99d7FF p a {color:#99d7FF; text-decoration:underline;}
.sectioncol99d7FF h2 {color:#99d7FF;font-weight: 500;}
.sectioncol99d7FF .stdButton {background-color:#99d7FF;}

.sectioncol8dcca4 {} /* #8dcca4 */
.sectioncol8dcca4 p a {color:#8dcca4; text-decoration:underline;}
.sectioncol8dcca4 h2 {color:#8dcca4;font-weight: 500;}
.sectioncol8dcca4 .stdButton {background-color:#8dcca4;}

.sectioncolFF8799 {} /* #FF8799 */
.sectioncolFF8799 p a {color:#FF8799; text-decoration:underline;}
.sectioncolFF8799 h2 {color:#FF8799;font-weight: 500;}
.sectioncolFF8799 .stdButton {background-color:#FF8799;}

.sectioncolFFca5f {} /* #FFca5f */
.sectioncolFFca5f p a {color:#FFca5f; text-decoration:underline;}
.sectioncolFFca5f h2 {color:#FFca5f;font-weight: 500;}
.sectioncolFFca5f .stdButton {background-color:#FFca5f;}

.sectioncolbca1e5 {} /* #bca1e5 */
.sectioncolbca1e5 p a {color:#bca1e5; text-decoration:underline;}
.sectioncolbca1e5 h2 {color:#bca1e5;font-weight: 500;}
.sectioncolbca1e5 .stdButton {background-color:#bca1e5;}

/* Documents Pages */
.documentcontent p {font-size:17px; line-height:28px; font-weight:300;}
.documentcontent a {color:#99d7FF; text-decoration:underline;}
.documentcontent h1 {font-size:24px;color:#ffffff;font-weight:500;line-height: 32px;}
.documentcontent h2 {font-size:24px;color:#ffffff;font-weight:500;line-height: 32px;}
.documentcontent h3 {font-size:24px;color:#99d7FF;font-weight:400;line-height: 32px;}

.page-template-template-documents .header {
  background-color:#99d7FF;
}

.page-template-template-documents tr td {
  padding-bottom:20px;
  vertical-align: text-top;
  padding-right: 30px;

}

.page-template-template-documents th {text-align:left;padding-right: 30px;vertical-align: text-top;}


/*footer styles */

#footer {background-color:#99d7FF;}
.page-template-template-team #footer {background-color:#8dcca4;}
.page-template-template-news #footer {background-color:#FF8799;}
.page-template-template-awards #footer {background-color:#FFca5f;}
.page-template-template-contact #footer {background-color:#bca1e5;}
.single-news #footer {background-color:#FF8799;}



#footer .content {color:#000000;padding-top:20px; padding-bottom:20px;font-weight:300;position:relative;font-size:15px;font-family: LexendLight;}
.ftmenu {line-height:28px;padding-bottom:15px;}
.ftmenu img {
width: 140px;
margin-bottom: 20px;
padding-top: 15px;
}
.ftmenu img:hover {-webkit-filter:invert(1);}
.ftlink {padding-right:10px; padding-left:10px; text-decoration:none; color:#000000;font-family: LexendLight;}
.ftlink:first-of-type {padding-left:0px!important;}
.ftlink:hover {text-decoration:underline;}

.socials {position:absolute; right:10px; bottom:36px;text-align:right;}
.sociallink {text-decoration:none; color:#000000; font-family: LexendLight;}
.sociallink:hover {text-decoration:underline;}
.socials img {height:30px; width:auto;margin-left:20px;padding-bottom:10px;}



@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

}


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

}

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

  /*.herodata {max-width:none; width:90%; height:auto;padding-left: 5%; padding-right: 5%; margin:0 auto;margin-bottom:50px;margin-top:120px;}*/
  .heroslide img {
    max-width:none;
    width: 100%;
    height: auto;
}

/*.slick-dots {
    position: absolute;
    bottom: 43px!important;
    display: block;
    max-width: none!important;
    width: 90%!important;
    padding: 0;
    margin: 0 auto!important;
    list-style: none;
    text-align: right!important;
    left:5%!important;
    right:5%!important;
}*/
}

@media only screen and (min-width: 1400px) {
        /* styles for browsers larger than 1400px; */
    .introitem p {
    font-size: 44px;
    text-align: left;
    font-weight: bold;
    max-width: 91%;
    line-height: 55px;
    letter-spacing: 0.5px;
    font-family: LexendMedium;
    }
    }

@media only screen and (max-width: 1540px) {
.herodata {width:92%; }

/*#hero {max-width:1920px; height:auto; position:relative;text-align:center;}*/
.page-template-template-home .header .content {width:92%;}
.page-template-template-home .menubutton {top:25px;}
.page-template-template-home .menutext {top:22px;}
}

@media only screen and (max-width: 1440px) {
  .productionhero .content {width:100%;}
  .herotitlealt {padding-left:20px;}
  .channelnetwork{padding-left:20px;}
  .progdate {padding-left:20px;}
  .productionlogonetwork img {padding-left:20px;max-width:340px;margin-bottom:30px;}
}

@media only screen and (max-width: 1260px) {
  .showawardsgrid {
    margin-top:50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
  }
  .awardslide img {
    height: 55px;
    padding-left: 50px;
    padding-right: 50px;
}

.clientslide img {
    height: 55px;
    padding-left: 50px;
    padding-right: 50px;
}

#awardssliderwrap {
    width: 100%;
    padding-top: 50.5px;
    padding-bottom: 50.5px;
    background-color: #000000;
}
#clientssliderwrap {
    width: 100%;
    padding-top: 50.5px;
    padding-bottom: 50.5px;
    background-color: #000000;
}

}

@media only screen and (max-width: 1180px) {
  .awardspage p {font-size:26px;line-height:40px;padding-left: 40px;padding-right: 40px;}
  .newshero {width:100%; margin:0 auto;}
  .playnews {
    bottom:50px;
    left: auto;
    right:50px;
  }
}

@media only screen and (max-width: 1042px) {
.awardsgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
    margin-bottom: 100px;
    /*background-color: #000000;*/
    padding: 40px 0px;
    margin-top: -10px;
}

.introcol1 {width:100%;float:left;display: block;}
.introcol2 {width:100%;float:left;display: block; text-align:center;}
.stackedlogo {
    max-width: 460px;
    padding-top: 40px;
    padding-bottom:40px;
    margin-left: 80px;
    margin:0 auto;
}
.introitem p {
    font-size: 34px;
    text-align: left;
    font-weight: bold;
    max-width: 100%;
    line-height: 55px;
    letter-spacing: 0.5px;
}

}

@media only screen and (max-width: 1000px) {
  .newsTitle {width:100%; float:left;display: block;}
  .newsContent {width:100% ; float:left;padding-top:10px;display: block;}

  .topClose {
    position: fixed;
    top: 35px;
    right: 15px;
    cursor: pointer;
    padding-top: 5px;
    padding-right: 40px;
    background-image: url(assets/aw_close_button.png);
    background-repeat: no-repeat;
    background-size: 38px 38px;
    background-position: 45px 0px;
}

}

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

  .desktopcols {display:none;}
  .tabletcols {display:block;}
  .mobilecols {display:none;}

  .awardslogowrap {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 50px;
      grid-auto-rows: 1fr;
  }

  .ctextgrid {
    margin-top:30px;
    margin-bottom:50px;
    display: block;
    grid-template-columns: repeat(1, 1fr);
    gap: 42px;
    grid-auto-rows: 1fr;}

    .ctextgrid .griditem {
      padding-top:30px;
      padding-bottom:40px;
    }

.generalenq{
    padding-left: 40px;
    padding-right: 40px;
  }

  .showawardsgrid {
    margin-top:50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
  }

  .stickygrid {display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;}

  .contactstickygrid {display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;}

  .teamgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
  }

  .awardsgrid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
      grid-auto-rows: 1fr;
      margin-bottom: 100px;
      /*background-color: #000000;*/
      padding: 40px 0px;
      margin-top: -10px;
  }

  .programmegrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
    padding-top: 20px;
  }

  .newsgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
  }

}

@media only screen and (max-width: 890px) {
.socialcolumn img {height:22px; width:auto;margin-right:20px;}
}

@media only screen and (max-width: 790px) {
.filteroption {
  margin-right: 20px;
  padding: 10px 10px 10px 0px;
  /*color: #A0A0A0;*/
  font-size: 34px;
  font-weight: 700;
  display: block;
  cursor: pointer;
}
}

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

  .socials {
    position: relative;
    left: 0px;
    bottom: 20px;
    text-align: left;
    /*padding-left: 10px;*/
}

  .teamgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
  }

  .contactgrid {
    margin-top:80px;
    margin-bottom:20px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    grid-auto-rows: 1fr;}

    .contactgrid .griditem {border-top: 3px dotted #ffffff;border-bottom: 0px dotted #ffffff;padding-bottom:30px;}
    .contactgrid .griditem:last-of-type {border-bottom:3px dotted #ffffff;}

}

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

  #desktopcontact {display:none;}
  #mobilecontact {display:block;}

  .blackawarddata {
    max-width: 1000px;
    height: auto;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 20px 20px 40px 20px;
}

.overlaydata {padding-bottom:0px;}

.ovAwardLogo img {
    max-width: 225px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.pawData h2 {
    font-size: 20px;
    padding-top:10px;
}

  .awardspage p {font-size:18px;line-height:27px;}
  .topClose {top: 15px; right:15px;}
  .herologo {
    position: absolute;
    bottom: 30px;
    left: 30px;
    max-width: 200px;
    z-index: 3;
}

.heroshowname {font-size:24px;width: 83%;line-height: 25px;}

  .page-template-template-documents .table-wrapper {width:730px;}
  .page-template-template-documents .sqs-block-content {overflow-x:auto;}

  .desktopcols {display:none;}
  .tabletcols {display:none;}
  .mobilecols {display:block;}

  .introitem p {font-size:24px; line-height:36px;}

  .stdbuttonholder {
    display: block;
    margin-top: 30px;
}

.stdButton {
    padding: 15px 30px;
    text-decoration: none;
    color: #000000;
    font-size: 15px;
    border-radius: 7px;
    display: inline-block;
    margin-bottom: 10px;
    width:200px;
    text-align:center;
}

  h1 {font-size:35px;margin-top:10px;line-height: 48px;}
  h2 {font-size:35px;margin-top:10px;line-height: 48px;}
  h3 {font-size:32px; margin-top: 10px; line-height: 40px; font-family: LexendSemiBold;}

  .titleCap {
    width: 60px;
    height: 3px;
    border-radius: 3px;
}

.productionlogonetwork img {
        padding-left: 20px;
        max-width: 250px;
        margin-bottom: 30px;
    }

    .standardtitle {
        position: absolute;
        z-index: 3;
        bottom: 15px;
        left: 20px;
        color: #ffffff;
        margin-bottom: 0px;
        line-height:42px;
    }
    .stdSection h2 {
        font-size: 35px;
        margin-top: 0px;
        line-height: 45px;
        font-weight: 500;
        margin-bottom: 0px;
    }

.stdintro {padding-bottom:0px;}


.stdSection {
    margin-bottom: 45px;
    max-width: 1000px;
}

.stdSection:last-of-type {
    margin-bottom: 20px;
}


.ftmenu img {
width: 120px;
margin-bottom: 20px;
padding-top: 15px;
}

  .newsTitle h2 {
    line-height: 45px;
    margin-top: 22px;
  }

  .progfilterwrap {
    width: 100%;
    text-align: left;
    margin-top: 0px;
}

  .filteroption {
    margin-right: 20px;
    padding: 8px 8px 8px 0px;
    color: #A0A0A0;
    font-size: 28px;
    font-weight: 700;
    display: block;
    cursor: pointer;
}

.standardbutton {
    font-weight: 300;
    padding: 17px 22px;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    border-radius: 7px;
    text-decoration: none;
    font-size: 16px;
    width: 170px;
    text-align: center;
    display: inline-block;
}

.nav li a {
    color: #000000;
    text-decoration: none;
    font-size: 45px;
    font-weight: 300;
    font-family: LexendMedium;
}

.nav li {
    list-style-type: none;
    height: 60px;
}

.nav {
    margin-top: 140px;
}

.page-template-template-home #introduction .content {padding-top:0px;}
.page-template-template-home #awards .content {padding-top:0px;padding-bottom:0px;}
.page-template-template-home #programmes .content {padding-top:50px;}
.page-template-template-home section { padding-bottom: 25px; padding-top: 0px !important;}

.stackedlogo {
    max-width: 290px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 80px;
    margin: 0 auto;
}

.hpawardssection {text-align:center;clear:both;margin-top:12px;}
.page-template-template-home #awardsbuttonsection {padding-bottom:0px;}
.page-template-template-home #awardsbuttonsection .content{padding-bottom:14px;}

.page-template-template-home #clients .content {padding-bottom:30px;}
.page-template-template-home #clients h2 {margin-bottom:0px;}

.seeallprogswrap {
    text-align: center;
    clear: both;
    margin-top: 60px;
}

.seeallnewswrap {
    text-align: center;
    clear: both;
    margin-top: 60px;
}

/*#news .titleCap {margin-top: 40px;}*/


.newsdate {padding-top:0px;}
.newsgriditem h3 {margin-top: 15px;}

#news .titleCap {
    margin-top: 10px;
}

#newsitemcontent .content {padding-top:0px;}
#newsitemthumbnail .content {padding-bottom:0px;}

.newsContent {
width: 100%;
float: left;
padding-top: 10px;
display: block;
margin-bottom:0px;
}

#relatedprogammessection .content {padding-top:40px!important;}

.backtotopteam {text-align:center;clear:both;margin-bottom:40px;margin-top:20px;}

.contactgrid {
    margin-top: 45px;
    margin-bottom: 20px;
    display: block;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    grid-auto-rows: 1fr;
}

.contactgrid .griditem {
    border-top: 3px dotted #ffffff;
    border-bottom: 0px dotted #ffffff;
    padding-bottom: 25px;
}

.ctextgrid {
    margin-top: 30px;
    margin-bottom: 0px;
    display: block;
    grid-template-columns: repeat(1, 1fr);
    gap: 42px;
    grid-auto-rows: 1fr;
}

.ctextgrid h3 {font-size:32px!important;}

.page-template-template-contact #pagetitles .content {padding-bottom:0px!important;}

.desktophero {display:none;}
.mobilehero {display:block;}

.heroscrollicon {
  width:33px;
  height:33px;
  position:absolute;
  bottom:30px;
  left: 50%;
  /*transform: translate(-50%, 0);*/
  background-image:url('assets/scroll_icon.png');
  background-size:33px 33px;
  background-repeat:no-repeat;
  cursor:pointer;
  margin-left:-16px;
}

.showdescription p:last-child {margin-top: 30px;padding-bottom:40px;}

.showawardlogo img {
    height: 50px;
}

#showawardstrip {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #000000;
}

.expandwrap {text-align:center;clear:both;margin-top: 20px;margin-bottom: 20px;}

.page-template-template-news .content h1 {margin-bottom:10px;}

#programgrids .content {
    padding-top: 0px;
    margin-bottom: 10px;
}

.programgriditem:hover .programoverlay {opacity:0;}

.loadnewswrap {
    text-align: center;
    clear: both;
    margin-bottom: 50px;
    margin-top: 0px;
    z-index: 20;
}

.locationicon {background-image:url('assets/location-icon.png');background-repeat:no-repeat;background-position:5px 38px;background-size: 32px auto;}
.contactgrid .griditem .gridtext {
    width: calc(100% - 40px);
    margin-left: 90px;
}

  .logo {
    width: 100px;
    height: auto;
    /* margin: 0 auto; */
    margin-top: 22px;
    z-index: 13;
    position: relative;
    margin-left: 20px;
}

  .showawardsgrid {
    margin-top:50px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
  }

  .showsocials {
  margin-top:50px;
  margin-bottom:0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  grid-auto-rows: 1fr;
  max-width:960px;}

  .stickygrid {display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
  width:400px;
}

  .contactstickygrid {display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
width:400px;
}

  .teamgrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
  }

  .awardsgrid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
      grid-auto-rows: 1fr;
      margin-bottom: 30px;
      /*background-color: #000000;*/
      padding: 40px 0px;
      margin-top: -10px;
  }

  .awardsgriditem img {
    width: auto;
    height: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .awardslide img {
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
}

#awardssliderwrap {
    width: 100%;
    padding-top: 40.5px;
    padding-bottom: 40.5px;
    background-color: #000000;
}

#clientssliderwrap {
    width: 100%;
    padding-top: 40.5px;
    padding-bottom: 40.5px;
    background-color: #000000;
}

.clientslide img {
    height: 55px;
    padding-left: 30px;
    padding-right: 30px;
}

  .programmegrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    grid-auto-rows: 1fr;
    padding-top: 10px;
  }

  .progsloadmorewrap {text-align:center;clear:both;margin-bottom:60px;margin-top:20px;z-index:20;}

  .newsgrid {
    display: block;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
    grid-auto-rows: 1fr;
  }

  .newsgrid .newsgriditem {display:block;margin-bottom:80px;}

}

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

  .ftlink {
    padding-right: 0px;
    padding-left: 0px;
    text-decoration: none;
    color: #000000;
    font-family: LexendLight;
}

  .menubuttonwrap {
    position: absolute;
    top: 0px;
    right: 4%;
    width: 100px;
    height: 50px;
}

user agent stylesheet
d
 .playnews {zoom: 0.7;}

 /*.nav ul {margin-left:10px; padding-left:0px;}
 .nav li {list-style-type: none;height:55px;}
 .nav li a {color:#000000; text-decoration:none;font-size:35px;font-weight:300;}*/

 .herodata {
     margin-top: 100px;
 }

 .page-template-template-home .header {
     width: 100%;
     height: 95px;
     position: fixed;
     z-index: 10;
     transition: top 0.2s ease-in-out;
 }
.page-template-template-home .header .content {
        width: 100%;
    }
 .page-template-template-home .logo {
    width: 100px;
    height: auto;
    margin: 0 auto;
    margin-left:20px!important;
    margin-top: 22px;
    z-index: 13;
    position: relative;
}

.page-template-template-home .menubutton {
        top: 15px;
        right:56px;
    }
    .page-template-template-home .menutext {
        top: 12px;
        right:5px;
    }

}

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

  .awardspage p {
      padding-left: 0px;
      padding-right: 0px;
  }

  .awardsgrid {
        padding: 40px 0px;
      }

  .stackedlogo {
      max-width: auto;
      width:100%;
      padding-top: 40px;
      padding-bottom:40px;
      margin:0 auto;
  }

/*  .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right!important;
    padding-right: 30px!important;
}*/

.awardslogowrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
    grid-auto-rows: 1fr;
}

}

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

.stickygrid {display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px;
grid-auto-rows: 1fr;
width:100%;
}

.contactstickygrid {display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px;
grid-auto-rows: 1fr;
width:100%;
}

}

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

  .nav li a {
      color: #000000;
      text-decoration: none;
      font-size: 32px;
      font-weight: 300;
      font-family: LexendMedium;
  }

  .nav li {
      list-style-type: none;
      height: 48px;
  }

}

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

  .standardtitle {
      position: absolute;
      z-index: 3;
      bottom: 15px;
      left: 20px;
      color: #ffffff;
      margin-bottom: 0px;
      font-size:25px;
      line-height:28px;
  }

  .page-template-template-home .newsgrid {display:block;}

  .heroscrollicon {display:none;}
  .productionlogonetwork img {
        padding-left: 20px;
        max-width: 250px;
        margin-bottom: 30px;
    }
  /*.slick-dots {display:none!important;}*/
}