@media (min-width: 1300px) 
{
.hideDesktop{font-size: 1.2rem;}
.social a:hover{opacity:0.8}
}

#pageHolder .quickLinks.qlC4 {margin-bottom:30px;    gap: 0 2%;}

#pageHolder .quickLinks.qlC4  a {
    display: block;
    flex: 0 0 49%;
    max-width: 49%;
    height: 220px;
    margin-top: 0px;
    position: relative;
    padding: 30px 190px 30px 30px;
    line-height: 1.4;
}

#pageHolder #pageContent .newsHolder .item .thumbnail 
{
	height:220px;
}


#pageHolder #pageContent h1.mobCTtitle{display:none}
 #pageHolder #pageContent h2.deskCTtitle{display:inline-block;margin-bottom: 25px;
    margin-bottom: 1.5625rem;    line-height: 1.4;    font-size: 50px;
    font-size: 3.125rem;}
@media (max-width: 1023px)
{
#pageHolder #pageContent h1.mobCTtitle{display:inline-block;margin-top:10px;}
#pageHolder #pageContent h2.deskCTtitle{display:none}
}

#pageHolder #pageContent .filterWrapper {
 margin-bottom:20px;
}


#pageHolder .quickLinks.qlC4 a.noImage {
  
    padding-right: 30px;

}
@media (min-width: 1301px) and  (max-width: 1399px)
  {

#pageHolder .quickLinks.qlC4 a {
 display: block;
    flex: 0 0 49%;
    max-width: 49%;
    height: 220px;
    margin-top: 20px;
    position: relative;
    padding: 30px 190px 30px 30px;
    line-height: 1.4;
}}

@media (max-width: 1300px)
{
#pageHolder .quickLinks.qlC4 {margin-bottom:10px}
#pageHolder .quickLinks.qlC4 a {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 140px 30px 20px;
    height: 180px;
}}

@media (min-width: 768px) and (max-width: 1300px)
{
#pageHolder .quickLinks.qlC4 a {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 280px 30px 20px;
    height: 180px;
}
}
@media (min-width: 768px) and (max-width: 1500px)
{

	#pageHolder .quickLinks a .title{
    		font-size: 1.575rem;
	}
}
@media  (max-width: 1299px)
{
#pageHolder .quickLinks.qlC4 {margin-bottom:0px;}
#pageHolder .quickLinks.qlC4 a {margin-bottom:20px;}
}
#slider .pausePlay {
    position: absolute;
    z-index: 4000;
    height: 30px;
    width: 30px;
    right: 90px;
    right: calc(50% - 800px);
    bottom: 98px;
}
@media (min-width: 768px) and (max-width: 1400px)
{
#slider .pausePlay {
    right: 0;
    bottom: 50px;
}
}

#slider .pausePlay:hover {
    cursor: pointer;
    opacity: 0.5;
}

@media (max-width: 1023px)
{
#slider .pausePlay:hover {
    opacity: 1;
}
}

@media (max-width: 767px)
{
#slider .pausePlay {
    right: 3%;
    bottom: auto;
    top: 13px;
}
}


#slider .pausePlay button {
    position: absolute;
    height: 30px;
    width: 30px;
    left: 0;
    top: 0px;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    background-color: transparent;
}
#slider .pausePlay i {
    line-height: 30px;
    width: 30px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;color:white;font-size:24px;
}

@media (max-width: 767px)
{
#slider .pausePlay i {
    font-size: 16px;
font-size:1rem;
}
}
#slider button.play {
    display: none;
}

#pageHolder aside#sidebar .relatedNews .item .addtoany_shortcode,
.newsHolder .item .addtoany_shortcode {
  position: absolute;
  bottom: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 20px;
  width: 35px;
  display: inline-block;
  margin: 0;
  padding: 5px;
  z-index: 550;
}
a.addtoany_share img{width:100%;}

#pageHolder .quickLinks a.sixth-form-green{background-color:#076B3B;}
#pageHolder .quickLinks a.technical-orange{background-color:#DF3601;}
#pageHolder .quickLinks a.adult-red{background-color:#A61932;}
#pageHolder .quickLinks a.iot-blue{background-color:#141314;}
#pageHolder .quickLinks a.apprenticeship-blue{background-color:#017ACD;}
#pageHolder .quickLinks a.university-green{background-color:#115E6B}
#pageHolder .quickLinks a.commercial-purple{background-color:#B0138e}


#pageHolder .quickLinks div.link.sixth-form-green a{background-color:#076B3B;}
#pageHolder .quickLinks div.link.technical-orange a{background-color:#DF3601;}
#pageHolder .quickLinks div.link.adult-red a{background-color:#A61932;}
#pageHolder .quickLinks div.link.iot-blue a{background-color:#141314;}
#pageHolder .quickLinks div.link.apprenticeship-blue a{background-color:#017ACD;}
#pageHolder .quickLinks div.link.university-green a{background-color:#115E6B}
#pageHolder .quickLinks div.link.commercial-purple a{background-color:#B0138e}


nav#mainMenu .megaMenu .menuSidebar a.apply.commercial-purple {
    background-color: #B0138e;
    color: #FFFFFF;
}


#slider .sliderText .slide.default-style .bannerText .clippy, #slider .sliderText .slide.default-style .bannerText:before {
      background-color: #001f5f; 
     background-color: rgba(0,31,95,0.9);
}
#slider .sliderText .slide.default-style.withVideo .bannerText .clippy, #slider .sliderText .slide.default-style.withVideo .bannerText:before {
    background-color: #001f5f; 
     background-color: rgba(0,31,95,0.7); 
}

#slider .sliderText .slide.sixth-form-green .bannerText .clippy, #slider .sliderText .slide.sixth-form-green .bannerText:before {
      background-color: #076B3B; 
     background-color: rgba(7, 107, 59,0.9);
}
#slider .sliderText .slide.sixth-form-green.withVideo .bannerText .clippy, #slider .sliderText .slide.sixth-form-green.withVideo .bannerText:before {
    background-color: #076B3B; 
     background-color: rgba(7, 107, 59,0.7); 
}

#slider .sliderText .slide.technical-orange .bannerText .clippy, #slider .sliderText .slide.technical-orange .bannerText:before {
      background-color: #DF3601; 
     background-color: rgba(223, 54, 1,0.9);
}
#slider .sliderText .slide.technical-orange.withVideo .bannerText .clippy, #slider .sliderText .slide.technical-orange.withVideo .bannerText:before {
    background-color: ##DF3601; 
     background-color: rgba(223, 54, 1,0.7); 
}


#slider .sliderText .slide.iot-blue .bannerText .clippy, #slider .sliderText .slide.iot-blue .bannerText:before {
      background-color: #123995; 
     background-color: rgba(18, 57, 149,0.9);
}
#slider .sliderText .slide.iot-blue.withVideo .bannerText .clippy, #slider .sliderText .slide.iot-blue.withVideo .bannerText:before {
    background-color: #123995; 
     background-color: rgba(18, 57, 149,0.7); 
}

#slider .sliderText .slide.apprenticeship-blue .bannerText .clippy, #slider .sliderText .slide.apprenticeship-blue .bannerText:before {
      background-color: #017ACD; 
     background-color: rgba(1, 122, 205,0.9);
}
#slider .sliderText .slide.apprenticeship-blue.withVideo .bannerText .clippy, #slider .sliderText .slide.apprenticeship-blue.withVideo .bannerText:before {
    background-color: #017ACD; 
     background-color: rgba(1, 122, 205,0.7); 
}


#slider .sliderText .slide.university-green .bannerText .clippy, #slider .sliderText .slide.university-green .bannerText:before {
      background-color: #115E6B; 
     background-color: rgba(17, 94, 107,0.9);
}
#slider .sliderText .slide.university-green.withVideo .bannerText .clippy, #slider .sliderText .slide.university-green.withVideo .bannerText:before {
    background-color: #115E6B; 
     background-color: rgba(17, 94, 107,0.7); 
}


#slider .sliderText .slide.adult-red .bannerText .clippy, #slider .sliderText .slide.adult-red .bannerText:before {
      background-color: #A61932; 
     background-color: rgba(166, 25, 50,0.9);
}
#slider .sliderText .slide.adult-red.withVideo .bannerText .clippy, #slider .sliderText .slide.adult-red.withVideo .bannerText:before {
    background-color: #A61932; 
     background-color: rgba(166, 25, 50,0.7); 
}



@media (min-width: 1024px)
{
nav#mainMenu .megaMenu .overflow {
  min-height: 460px;
}
nav#mainMenu .megaMenu#submenu-1 .overflow {
  min-height:460px;padding-bottom:230px;
}
}

@media (min-width: 1024px) and (max-width: 1920px) and (min-height:1081px)
{
nav#mainMenu .megaMenu .overflow {
  min-height: 600px;
}
nav#mainMenu .megaMenu#submenu-1 .overflow {
  min-height:600px;padding-bottom:230px;
}
}

@media (min-width: 1024px) and (min-height:1081px)
{
nav#mainMenu .megaMenu .overflow {
  min-height: 600px;
}
nav#mainMenu .megaMenu#submenu-1 .overflow {
  min-height:600px;padding-bottom:230px;
}
}

@media (min-width: 2000px)
{
nav#mainMenu .megaMenu .overflow {
  min-height: 580px;
}
nav#mainMenu .megaMenu#submenu-1 .overflow {
  min-height: 500px;padding-bottom:130px;
}
}
@media (min-width: 1024px) and (max-width: 2000px)
{
nav#mainMenu .megaMenu#submenu-1 ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
}
nav#mainMenu .megaMenu#submenu-1 ul li ul.subSub  a {
    padding-top: 3px;
    padding-bottom: 3px;
}

nav#mainMenu .megaMenu#submenu-1 ul li li a {
    padding-top: 3px;
    padding-bottom: 3px;
}
nav#mainMenu .megaMenu#submenu-1 ul li ul li a {
    padding-top: 3px;
    padding-bottom: 3px;
}
}
.megaMenu {
  box-shadow: 0px 6px 25px -8px rgba(0, 0, 0, 0.45);
}

@media (min-width: 1024px) and (min-height: 600px) and (max-height: 1024px)
{
	nav#mainMenu .megaMenu ul.normal li.subSub-title {
    		margin: 10px 0 0px 0;
	}
}
@media (min-width: 1200px) and (max-width: 1300px)  and (min-height: 600px) and (max-height: 1024px) 
{
  	nav#mainMenu #submenu-1.megaMenu .menuSidebar 
	{
    		top: 20px;
    		width: 200px;
  	}
	nav#mainMenu #submenu-1.megaMenu .menuSidebar a .thumbnail {display:none}
	 nav#mainMenu #submenu-1.megaMenu .menuSidebar a {height: 140px;padding: 10px 30px 30px 20px;  }	
}
@media (min-width: 1201px) and (max-width: 1400px)  and (min-height: 400px) and (max-height: 1024px) 
{
  	nav#mainMenu #submenu-1.megaMenu .menuSidebar 
	{
    		top: 20px;
    		width: 260px;
  	}
 	nav#mainMenu #submenu-1.megaMenu .menuSidebar a .thumbnail {display:none}
	nav#mainMenu #submenu-1.megaMenu .menuSidebar a {height: 140px;padding: 10px 30px 30px 20px;  }	
}

html.showing-mega-menu body {
    overflow-y: visible;
}
html.showing-mega-menu body .wrapper {
    overflow: hidden;

}
.mm-page.mm-slideout{overflow:hidden}


#pageHolder #pageContent .contactBlock p{font-size:22px !important;line-height:32px !important;}
#pageHolder #pageContent .contactBlock p a {color:white !important;text-decoration:underline !important;}
#pageHolder #pageContent .contactBlock p a:hover {text-decoration:none !important;}
@media (max-width: 767px)
{
#pageHolder #pageContent .contactBlock p{font-size:16px !important;line-height:24px !important;}
}






#slider .sliderText .slide.iot-blue .bannerText:before, #slider .sliderText .slide.iot-blue .bannerText .clippy, #slider .searchBlock.iot-blue .searchElement .search-container #search-button, #welcome .linkBlocks .block.iot-blue .content, #welcome .linkBlocks .block.iot-blue .content:before, #welcome .linkBlocks .accordionTitle.io-blue, #advert.iot-blue, nav#mainMenu .megaMenu ul li.iot-blue.open>a, nav#mainMenu .megaMenu ul li.iot-blue>a:hover, nav#mainMenu .megaMenu ul li.iot-blue:hover>a, nav#mainMenu .megaMenu ul li.iot-blue ul.subSub, nav#mainMenu .megaMenu ul li.iot-blue ul.subSub:after, .mm-listview li.iot-blue, body.landing #pageContent .sectorQuickLinks .link.iot-blue .info, body.landing #pageContent .sectorQuickLinks .link.iot-blue .info:before, #pageContent .flex.landing .landing-right .quickLinks.courseListing .link.iot-blue a, #pageContent .courseListing .courseList .course.iot-blue .buttons a {
    background-color: #141314;
}
#welcome .linkBlocks .block.iot-blue a .content .readMore, #advert.iot-blue .advertInfo .readMore, nav#mainMenu .megaMenu ul li.iot-blue ul.subSub a.viewAll, #showcase .carouselItem.iot-blue .showcaseInfo a.readMore, #slider .sliderText .slide.iot-blue .bannerText a.readMore, #showcase .owl-nav.iot-blue button, #pageContent .courseListing .courseList .course.iot-blue .title, #pageContent .courseListing .courseList .course.iot-blue .buttons a:hover, body.landing #pageContent .sectorQuickLinks .link.iot-blue a .info .readMore {
    color: #141314;
}
body.iot #searchContainer .filterWrapper #search-button:hover, body.iot #pageContent .linkBlocks .block .content .readMore, body.iot #pageContent .sectorQuickLinks .link a:hover .info .readMore, body.iot #pageContent .subjectArea .flex, body.iot #pageContent .partnersStakeholders .sectorTitle, body.iot #pageHolder #pageContent h1, body.iot #pageHolder #pageContent h2, body.iot #pageHolder #pageContent h3, body.iot #pageHolder #pageContent h4, body.iot #pageHolder #pageContent h5, body.iot #pageContent .courseListing .courseList .course .title, body.iot #pageContent .courseListing .courseList .course .details strong, body.iot #pageContent .courseListing .courseList .course .buttons a:hover, body.iot #pageContent .courseListing .sectorTitle, body.iot #pageContent .courseListing .count, body.iot #pageContent .relatedCareers .sectionTitle, body.iot #accordion.mainDetail .accordion-title, body.iot #pageContent .courseListing .courseList.owl-carousel .owl-nav button:hover, body.iot .fullWidth.alignCenter button.more:hover, body.iot #pageHolder #pageContent .flex.landing .landing-left p a, body.iot #pageContent .flex .sidebar .courseDetails a.applyNow, body.iot #pageContent .sectorQuickLinks .link .info .readMore {
    color: #141314;
}
body.iot #searchContainer .filterWrapper, body.iot .subjectArea .subjectList .subject a .overlay, body.iot #pageContent .linkBlocks .block .content, body.iot #pageContent .linkBlocks .block .content:before, body.iot #searchContainer .filterWrapper .filterGroup:before, body.iot #searchContainer .overflow:before, body.iot #searchContainer .filterWrapper .search .unskew:before, body.iot #pageContent .sectorQuickLinks .link .info, body.iot #pageContent .sectorQuickLinks .link .info:before, body.iot #pageContent .subjectArea.fullWidth .subjectList .subject, body.iot #pageHolder .quickLinks.courseListing a, body.iot #pageContent .courseListing .courseList .course .buttons a, body.iot #pageContent .flex .sidebar .courseDetails, body.iot #pageContent .courseListing .courseList.owl-carousel .owl-dots button.active, body.iot #pageContent .courseListing .courseList.owl-carousel .owl-nav button, body.iot .fullWidth.alignCenter button.more, body.iot #pageHolder aside#sidebar nav#sideMenu, body.iot #pageHolder aside#sidebar .sectionHeader, body.iot #pageHolder aside#sidebar .collapse, body.iot #pageHolder aside#sidebar .collapse:after, body.iot #pageHolder #pageContent blockquote {
    background-color: #141314;
}

body.iot #pageHolder .quickLinks a .title{color: #f8c210 !important;}
body.iot #pageContent .linkBlocks .block .content .title{color: #f8c210 !important;}
body.iot #pageContent .subjectArea.fullWidth .subjectList .subject a .content .title, body.iot #pageContent .subjectArea.fullWidth .subjectList .subject .holder .content .title, body.iot #pageContent .sectorQuickLinks .link .info .title {color:#f8c210}
body.iot #pageContent .sectorQuickLinks .link a .info .readMore, #pageContent .sectorQuickLinks .link.iot-blue a .info .readMore{border-color:#f8c210;background-color:#f8c210;color: #141314 !important;}

body.iot #pageContent .sectorQuickLinks .link a:hover .info .readMore, #pageContent .sectorQuickLinks .link.iot-blue a:hover .info .readMore{border-color:#f8c210 !important;background-color:#141314;color: #f8c210 !important;}

body.iot #pageContent .linkBlocks .block .content .readMore{border-color:#f8c210;background-color:#f8c210;color: #141314 !important;}
body.iot #pageContent .linkBlocks .block:hover .content .readMore{border-color:#f8c210 !important;background-color:#141314;color: #f8c210 !important;}

nav#mainMenu .flex-holder a.applyNow{transition: all 0.5s ease;}
nav#mainMenu .flex-holder a.applyNow:hover{background-color:#001F5F}

nav#mainMenu .megaMenu ul li.iot-blue ul.subSub a.viewAll:hover{color:#ffffff;}
.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
    min-height: 550px;
}

@media (min-width: 768px) and (max-width: 1200px)
{
.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
    min-height: 300px;
}}



@media (max-width: 767px)
{
.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
    min-height: 350px;
}}
@media (min-width: 1201px)
{
#events-testimonials {

    margin-top: 100px;
}
#events-testimonials.noCTA {

    margin-top: 0px;padding-top:0px;
}
}

body.iot #pageContent .courseListing .courseList .course a.triangleLink, #pageContent .courseListing .courseList .course.iot-blue a.triangleLink {
    border-color: transparent transparent #141314 transparent;
}
body.iot #pageContent .courseListing .courseList .course .buttons a{border-color:#141314 !important;}
#showcase .carouselItem.iot-blue .linearOverlay {
  background: #141314;
}
#showcase .carouselItem.iot-blue .title {
  color: #f8c210;
}
#showcase .carouselItem.iot-blue .showcaseInfo a.readMore{ border-color:#f8c210; background-color: #f8c210;}
#showcase .carouselItem.iot-blue .showcaseInfo:hover a.readMore{ border-color:#f8c210 !important;background-color:#141314;color: #f8c210 !important;}
//Black: #141314
//Yellow: #f8c210