.microsite .top a {color: #ffffff!important;}
.microsite .top p {padding: 0;}
.microsite .top .left {width: 400px; margin-right: 115px;}
.microsite .top .center {width: 500px; float: left;}
.microsite .top .right {width: 200px; float: right;}
.microsite .top .links a {font-weight: 700;}
.microsite .top .links a i {color: #80b6a8;}

.microsite .header-wrap {padding: 0 20px;}
.microsite .header {max-width: 1400px; width: 100%; margin: 0 auto; padding: 0;}
.microsite .header .left {width: 248px; padding: 20px 0;}
.microsite .header .right {width: 900px; float: right;}
.microsite .header a.logo {position: static; width: 100%; padding-bottom: 0;}

.microsite .banners-wrap {padding: 50px 0;}
.microsite .banners {padding: 0 20px; box-sizing: border-box;}
.microsite .banner .bannerinner {max-width: 1400px; width: 100%; margin: 0 auto; text-align: center; position: relative;}
.microsite .banner h2 {text-transform: uppercase; letter-spacing: 10px; font-size: 450%; line-height: 100%; margin: 0 0 20px 0; padding: 0; color: #ffffff; font-weight: 300;}
.microsite .banner p {text-transform: uppercase; letter-spacing: 2px; font-size: 120%; line-height: 100%; margin: 0 0 20px 0; padding: 0; color: #ffffff; font-weight: 900;}
.microsite .banner p.readmore {font-size: 100%; letter-spacing: 0;}
.microsite .banner p.readmore a {text-transform: uppercase; padding: 10px 20px; display: inline-block; border-radius: 5px; background: #ffffff;}
.microsite .banner .left {float: left; width: 500px; overflow: hidden;}
.microsite .banner .right {position: absolute; top: 0; right: 0; width: 850px; height: 100%;}
.microsite .banner .right .inner {position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: table;}
.microsite .banner .right .text {display: table-cell; text-align: center; vertical-align: middle; padding-right: 50px;}
.microsite .banner .left .image {width: 100%; border-radius: 50%; overflow: hidden;}
/* .microsite .banner .left .image img {transition: all 7s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1);} */
/* .microsite .banners .slick-current .left img, .microsite .banners .banner.first .left img { transform: scale(1.05); } */

.microsite .notice-wrap {padding: 0 20px; background: #e1c715;}
.microsite .notice {max-width: 1400px; width: 100%; margin: 0 auto; text-align: center;}
.microsite .notice .text {padding: 20px 0;}
.microsite .notice p {padding: 0; font-weight: 700; color: #000000;}
.microsite .notice p strong {text-transform: uppercase;}

.microsite .nav {padding-top: 0;}
.microsite .nav li {padding: 39px 10px;}
.microsite .nav li a {color: #808080;}
.microsite .nav li:hover a, .microsite .nav li.selected a {background: #006e51; color: #ffffff;}

.microsite .nav .dropContentWrap {box-sizing: border-box; padding: 0 20px;}
.microsite .nav .dropContent {padding: 30px 0; max-width: 1400px; width: 100%; margin: 0 auto;}
.microsite .nav .dropContent .dropLinks {padding-left: 36%;}
.microsite .nav .dropContent .left {float: left; width: 18%!important; padding: 0;}
.microsite .nav .dropContent .right {float: left; width: 50%!important; margin: 0 0 0 4%; box-sizing: border-box; padding: 0!important;}
.microsite .nav .dropContent ul {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.microsite .nav .dropContent li {text-align: left!important; padding: 0!important;}
.microsite .nav li.selected .dropContent li a, .microsite .nav li.selected .dropContent li.selected a {color: #ffffff!important;}

.microsite .buttons-wrap {padding: 0 20px; background: #e5e5e5;}
.microsite .buttons {max-width: 1400px; width: 100%; margin: 0 auto; padding: 30px 0;}
.microsite .buttons .button {float: left; width: 25%; text-align: left; padding: 0 50px 0 0; box-sizing: border-box;}
.microsite .buttons .button a {text-transform: uppercase; color: #808080; font-size: 100%; font-weight: 700; display: block;}
.microsite .buttons .button span.icon {float: left; font-size: 400%; padding-right: 15px;}
.microsite .buttons .button span.link {font-size: 170%;}

.microsite .content-wrap.home * {color: #666666;}

.microsite .title-wrap {padding: 55px 0;}

.microsite .breadcrumb-wrap {padding: 0 20px;}
.microsite .breadcrumb {background: none; max-width: 1400px; width: 100%; margin: 0 auto; padding: 20px 0 0 0;}
.microsite .breadcrumb p, .microsite .breadcrumb p a {color: #666666; padding: 0;}

.microsite .content {}
.microsite .content-wrap {background: #ffffff; padding-bottom: 0;}
.microsite .content-wrap.home .left {margin-right: 10%; width: 20%;}
.microsite .content-wrap.home .right {width: 70%;}

.microsite .twitter {background: none;}
.microsite .twitter .tweets {background: url(../images/X-white-icon.png) no-repeat center left; background-size: 40px;}
.microsite .twitter .facebook .tweets {background: url(../images/microsite-facebook-wrap.png) no-repeat center left;}
.microsite .twitter .facebook.twitterlogo .tweets {background: url(../images/X-white-icon.png) no-repeat center left; background-size: 40px;}
.microsite .twitter .facebook .tweets .left {float: left;}
.microsite .twitter .facebook .tweets .right {float: left; padding-left: 68px;}
.microsite .twitter .facebook .tweets .right img {max-height: 75px;}

.facebook .tweets .slick-dots {bottom: -10px; position: absolute; left: 50%; z-index: 20; padding: 0; margin: 0 auto; text-align: center; display: block!important;}
.facebook .tweets .slick-dots li {float: left; width: 15px; height: 15px; line-height: 15px; margin: 0 5px 0 0; padding: 0; list-style: none;}
.facebook .tweets .slick-dots li button {width: 15px; height: 15px; border: none; border-radius: 50%; background: rgba(0, 0, 0, 0.3); margin: 0; padding: 0; cursor: pointer; text-indent: -9999px;}
.facebook .tweets .slick-dots li.slick-active button {background: rgba(0, 0, 0, 0.6);}

.microsite .staff .block {padding: 0 0 10px 0; border-bottom: 1px solid #cccccc; margin-bottom: 20px;}
.microsite .staff .block .inner {width: 102%; margin-left: -2%;}
.microsite .staff .person {float: left; width: 23%; margin: 0 0 20px 2%;}
.microsite .staff .person .image {margin: 0 0 10px 0;}
.microsite .staff .person .image img {width: 100%;}
.microsite .staff .person .text h4 {padding: 0; line-height: 120%; margin: 0;}
.microsite .staff .person .text p {padding: 0;}
.microsite .staff .person .text p a {font-weight: 700;}
.microsite .staff .person .text p i {margin: 0 5px 0 0;}
.microsite .staff .person .text p.blockbutton {padding: 10px 0 0 0;}
.microsite .staff .person .text p.blockbutton a {padding: 7px 10px; width: 100%;}
.microsite .staff .person .text p.responsibilities {font-size: 90%; padding: 10px 0 0 0;}

/* CW 10/01/24 TASK #39804317 */
.microsite .staff .block .inner {width: 100%; margin-left: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 0 0 20px;}
.microsite .staff .block .inner:after {display: none;}
.microsite .staff .person {float: none; width: 100%; margin: 0;}

.microsite .footer a {color: #4b4b4b;}

.microsite .bottom-footer-wrap p {font-size: 90%;}
.microsite .bottom-footer a {color: #ffffff;}

.microsite .mobile-buttons {display: none;}
.microsite .mobile-buttons a {display: block; padding: 15px 20px; width: 100%; box-sizing: border-box; text-align: center; color: #ffffff!important; text-decoration: none; background: #006e51; font-size: 90%; border-top: 2px solid #ffffff; text-transform: uppercase; font-weight: 800;}
.microsite .mobile-buttons a:first-child {border-top: 1px solid #ffffff;}

.microsite .grid {width: 102%; margin-left: -2%;}
.microsite .grid .box {float: left; width: 23%; margin: 0 0 40px 2%;}
.microsite .grid .box img {width: 100%;}
.microsite .grid .box h2 {margin: 0 0 10px 0;}
.microsite .grid .box .image {margin: 0 0 15px 0;}
.microsite .grid .box p.readmore {padding: 0;}
.microsite .grid .box p.readmore a {display: block; color: #ffffff!important; text-decoration: none; padding: 10px 15px; background: #006e51; border-radius: 5px;}
.microsite .grid .box p.readmore a i {float: right;}

.microsite .mobile-nav .list .mobile-buttons a {border-top: 0; text-align: left; font-size: 80%;}

@media (max-width: 1380px){
  .microsite .buttons .button a {font-size: 70%;}
  .microsite .banner .left {width: 35%;}
  .microsite .banner .right, .microsite.bawdeswellprimary .banner .right, .microsite.foulshamprimary .banner .right, .microsite.reephamprimary .banner .right, .microsite.astleyprimary .banner .right, .microsite.mattishallprimary .banner .right, .microsite.corpustyprimary .banner .right, .microsite.fakenhaminfants .banner .right, .microsite.litchamschool .banner .right, .microsite.fakenhamjuniors .banner .right, .microsite.gresham .banner .right, .microsite.antingham .banner .right, .microsite.cromer .banner .right, .microsite.antingham .banner .right, .microsite.sheringham .banner .right, .microsite.stalham .banner .right {position: absolute; top: 0; right: 0; width: 60%; height: 100%;}
  .microsite .top .left {width: 41%; margin-right: 8%;}
  .microsite .top .center {width: 35%;}
  .microsite .top .right {width: 14%;}
  .microsite .header .right, .microsite.reephamprimary .header .right, .microsite.bawdeswellprimary .header .right, .microsite.mattishallprimary .header .right, .microsite.corpustyprimary .header .right, .microsite.fakenhaminfants .header .right, .microsite.fakenhamjuniors .header .right, .microsite.gresham .header .right, .microsite.antingham .header .right, .microsite.litchamschool .header .right, .microsite.cromer .header .right, .microsite.antingham .header .right, .microsite.sheringham .header .right, .microsite.stalham .header .right {width: 70%;}
  .microsite.reephamcollege .header .right {width: 80%;}
  .microsite.reephamhigh .header .right {width: 70%;}
}

@media (max-width: 1020px){
  .microsite .buttons .button a {font-size: 50%;}
  .microsite .buttons .button {padding: 0;}
  .microsite .banner h2 {font-size: 300%;}
}

@media (max-width: 900px){
  /* CW 10/01/24 TASK #39804317 */
  .microsite .staff .block .inner {grid-template-columns: repeat(2, 1fr);}
  /* .microsite .staff .person {width: 48%;} */
}

@media (max-width: 800px){
  .microsite .banner h2 {font-size: 200%;}
  .microsite .banner p.readmore {font-size: 80%;}

  .microsite .grid .box {width: 48%;}
}

@media (max-width: 1024px){
  .microsite .mobile-header {height: auto;}
  .microsite .mobile-header a.tel, .microsite .mobile-header a.email {position: static;}
  .microsite .mobile-header a.tel {float: left;}
  .microsite .mobile-header a.email {float: right;}
  .microsite .mobile-header a.logo {top: 0;}

  .microsite .mobile-buttons {display: block;}
}

@media (max-width: 680px){
  .breadcrumb-wrap, .breadcrumb {background: #ffffff; text-align: left;}
	
  .microsite .title {padding: 0 20px;}

  .microsite .buttons {padding: 30px 0 10px 0;}
  .microsite .buttons .button {max-width: 150px; width: 100%; margin: 0 auto; float: none; padding: 0 0 20px 0;}

  .microsite .banner .left {max-width: 200px; width: 100%; float: none; margin: 0 auto 40px auto;}
  .microsite .banner .right, .microsite .banner .right .inner, .microsite.bawdeswellprimary .banner .right, .microsite.foulshamprimary .banner .right, .microsite.reephamprimary .banner .right, .microsite.astleyprimary .banner .right, .microsite.mattishallprimary .banner .right, .microsite.corpustyprimary .banner .right, .microsite.fakenhaminfants .banner .right, .microsite.litchamschool .banner .right, .microsite.fakenhamjuniors .banner .right, .microsite.gresham .banner .right, .microsite.antingham .banner .right, .microsite.cromer .banner .right, .microsite.antingham .banner .right, .microsite.sheringham .banner .right, .microsite.stalham .banner .right, .microsite.sheringhamsixthform .banner .right {position: static; height: auto; width: 100%;}
  .microsite .banner .right .text {padding-right: 0;}

  .microsite .content-wrap.home .left {width: 100%; margin-right: 0;}
  .microsite .content-wrap.home .right {width: 100%; margin-right: 0;}
	
  .microsite .newsfeed {width: 100%;}

  .microsite .grid {width: 100%; margin-left: 0%;}
  .microsite .grid .box {width: 100%; margin: 0 0 40px 0%;}
}

@media (max-width: 550px){
  .microsite .staff .block .inner {grid-template-columns: 1fr;}
}