@charset "UTF-8";
/*
Theme Name:Shrewsbury Town in the Community 2020
Theme URI:http://www.stct.co.uk/
Description:Shrewsbury Town in the Community – Based on Bootstrap 3 Framework
Author:Reech Media
Author URI:http://reech.media/
Version:1.0
*/
/*
----- colors -----
pale-blue = #BBCAD2
light-blue = #00A7DB
mid-blue #004a9a
dark-blue = #0D2240
orange = #F7A800
purple = #A55DAD
lime-green = #C7BB2D
red = #BE4B62
green = #4BA891
*/
/* =Global
-------------------------------------------------------------- */
.flex-row { display: flex; }

.flex-row > div { flex: 1 1 auto; }

.img-responsive { width: 100%; }

@media (max-width: 768px) { .trustee-image-container { margin: 0 -15px; } }

body { font-family: "Poppins", sans-serif; font-size: 16px; width: 100%; height: 100%; background-color: #004a9a; }

body.home { background-color: #0d2240; }

html { width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); scroll-behavior: smooth; }

.nopad { padding: 0px; }

.no-pad-row { padding: 0px 15px; }

a:hover { text-decoration: none; }

* { image-rendering: -webkit-optimize-contrast; image-rendering: auto; }

.button { display: inline-block; color: white; background-color: #f4b223; padding: 10px; font-weight: bold; }

.btn { font-size: 15px; font-weight: 600; background-color: #f4b223; color: #0a2240; height: 45px; width: 180px; display: flex; align-items: center; justify-content: center; margin-top: auto; transition: 0.3s; }

.btn:hover { background-color: #031327; color: #ffffff; }

.btn-secondary { background-color: transparent; border: 2px solid #FFF; color: #FFF; }

.more-btn { padding: 3px 0px; border-top: 2px solid; border-bottom: 2px solid; display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: 800; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.more-btn::after { font-family: "Font Awesome 5 Pro"; content: "\f064"; border-top: 0px; border-bottom: 0px; margin-left: 5px; }

a:active, a:focus { text-decoration: none; }

.same-height-row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.same-height-row .same-height-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

/* =Typography
-------------------------------------------------------------- */
/* =Page Sliders
-------------------------------------------------------------- */
.slider { height: 750px; background-color: #eee; background-position: top center; background-repeat: no-repeat; background-size: cover; }

/* =Header – Navigation and Search
-------------------------------------------------------------- */
.header { height: 90px; }

.logo { width: 250px; height: 60px; margin: 15px 15px 0px 0px; background-image: url("img/logo-2x.jpg"); background-position: center; background-size: contain; background-repeat: no-repeat; float: left; }

.header-panel { padding-top: 18px; height: 70px; margin-top: 10px; }

.header-panel .menu-btn { color: #0d2240; text-transform: uppercase; float: right; vertical-align: middle; margin-top: 2px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.header-panel .menu-btn .fa-stack { display: inline-block; float: right; color: #f7a800; margin-top: -9px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.header-panel .menu-btn .fa-stack:hover { color: #0d2240; }

.header-panel .menu-btn .fa-inverse { color: #fff; }

.header-panel .follow { float: right; margin-right: 20px; margin-top: -2px; width: 40%; }

.header-panel .follow a { color: #f7a800; font-size: 12px; margin: -1px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.header-panel .follow .fa-inverse { color: #fff; }

.header-panel .follow a:hover { color: #0d2240; }

.header-panel .header-number { color: #004a9a; float: right; margin-right: 20px; }

/*.header-panel .header-number i {
  font-size:15px;
  display:inline-block;
  margin-right:5px;
  line-height:inherit;
}*/
.header-panel .phone { font-weight: 700; }

.brand span { float: left; font-size: 14px; margin-top: 24px; width: 200px; text-transform: uppercase; font-weight: 700; line-height: 15px; }

.menu-links-container { background-color: #00a7db; }

.menu-links { display: flex; margin: 0; padding: 0; list-style: none; flex-direction: column; }

@media only screen and (max-width: 768px) { .menu-links-container .col-xs-12 { padding-left: 0; padding-right: 0; } }

@media only screen and (min-width: 768px) { .menu-links { flex-direction: row; }
  .menu-links li { border-right: 1px solid rgba(0, 0, 0, 0.25); flex: 1 0 auto; }
  .menu-links li:first-child { border-left: 1px solid rgba(0, 0, 0, 0.25); } }

.menu-links li a { display: block; padding: 8px; color: #fff; text-transform: uppercase; font-weight: 700; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.menu-links li a:hover { background: #0d2240; }

.donate { background: #0d2240; padding: 10px; text-align: right; }

.donate span { color: #fff; text-transform: uppercase; float: right; margin-top: 3px; }

.menu-bar-btn { color: #fff; border: 1px solid #fff; border-radius: 8px; padding: 3px 8px; text-transform: uppercase; float: right; font-size: 12px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.menu-bar-btn:hover { color: #fff; background-color: #f7a800; }

.menu-bar-btn.donate-btn { margin-right: 10px; margin-left: 10px; float: right; }

.searchform { float: left; margin-bottom: 0; position: relative; }

@media only screen and (max-width: 480px) { .searchform { display: block; width: 100%; margin-bottom: 10px; }
  .menu-bar-btn.donate-btn { margin-left: 0; } }

.searchform input { display: inline-block; font-family: "Font Awesome 5 Pro", "Open Sans", helvetica, sans-serif; background: transparent; padding: 0px !important; color: #fff; width: 100%; border: none; outline: none; }

.searchform input[type="submit"] { position: absolute; top: 0; left: 0; background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; visibility: hidden; z-index: -1; }

.searchform input::-webkit-input-placeholder { color: #fff; }

.searchform input:-moz-placeholder { color: #fff; }

.searchform input::-moz-placeholder { color: #fff; }

.searchform input:-ms-input-placeholder { color: #fff; }

.menu-tabs { padding: 0px; }

.menu-tabs li { display: inline-block; margin-right: 10px; background-color: #00a7db; padding: 5px 8px; color: #fff; }

.mainnav { display: none; }

.header-image { width: 100%; }

#headerSlider .item img { width: 100%; }

#headerSlider .carousel-inner { max-height: 750px; }

#headerSlider .carousel-inner .slider-indicators { list-style: none; padding: 0px; display: inline-block; }

#headerSlider .carousel-inner .slider-indicators li { display: inline-block; }

#headerSlider .carousel-inner .slider-indicators li.active { color: #fff; }

.video-header { position: relative; display: block; max-height: 550px; overflow: hidden; }

.video-header::before { content: " "; position: absolute; bottom: 0; top: 0; z-index: 0; width: 100%; background-color: rgba(13, 34, 64, 0.7); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.video-header .video-overlay { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 24px; color: #fff; text-transform: uppercase; text-align: center; display: block; }

.video-header .video-overlay i { display: block; font-size: 100px; }

.video-header .video-overlay span { color: #f7a800; display: block; }

@media (max-width: 600px) { .video-header .video-overlay { font-size: 16px; }
  .video-header .video-overlay i { font-size: 30px; } }

.video-header img { width: 100%; }

.video-modal-dialog { position: relative; margin: 30px; }

.video-modal-close { color: #f7a800; cursor: pointer; font-size: 40px; line-height: 1; position: absolute; right: 15px; top: 15px; }

.video-modal-close:hover { color: #23527c; }

.partner-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.partner-header h1 { margin: 0px; display: block; }

.partner-header img { max-height: 78px; width: auto; display: block; }

.story-image { background-image: url("img/story-background.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }

/* = Main Navigation
-------------------------------------------------------------- */
.mainnav { background-color: #f7a800; padding: 20px 0px; }

a.menu-title { background-color: #00a7db; color: #fff; text-transform: uppercase; font-weight: 700; padding: 8px; display: inline-block; margin-top: 15px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

a.menu-title:hover { background-color: #0d2240; }

.mainnav .textwidget a:hover { background-color: #0d2240; }

.mainnav .textwidget img { width: 100%; height: auto; display: block; margin-bottom: 20px; }

.mainnav .menu { padding: 0px; }

.mainnav .menu li { list-style: none; margin-bottom: 2px; }

.mainnav .menu li a { color: #fff; font-size: 16px; font-weight: 400; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.mainnav .menu li.current-menu-item a { color: #004a9a; }

.mainnav .menu li a:hover { color: #0d2240; }

.sub-nav { margin-top: 20px; }

.sub-nav hr { border-top: 2px solid #fff; margin: 10px 0px; width: 100%; }

.sub-nav ul { padding: 0px; display: inline-block; }

.sub-nav li { display: inline-block; margin-right: 20px; text-transform: uppercase; }

.sub-nav li a { color: #0d2240; font-weight: 700; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.sub-nav li a:hover { color: #fff; }

.sub-nav .follow { float: right; }

.sub-nav .follow p { display: inline-block; text-transform: uppercase; font-weight: 800; }

.sub-nav .follow a { color: #0d2240; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.sub-nav .follow .fa-inverse { color: #f7a800; }

.sub-nav .follow a:hover { color: #fff; }

/* Header Responsive */
.header-social-icons { display: inline-block; }

.sub-menu li:last-child { margin-right: 0px; }

@media (max-width: 600px) { .menu-col { width: 100%; } }

@media (max-width: 992px) { .sub-nav .follow { float: none; text-align: center; }
  .sub-nav .sub-menu { display: block; text-align: center; } }

@media (max-width: 500px) { .logo { width: 175px; }
  .header-social-icons { display: block; width: 100%; }
  .menu-btn-txt { display: none; }
  .menu-bar-btn.donate-btn { float: left; } }

@media (max-width: 450px) { .donate span { font-size: 13px; margin-top: 4px; float: left; } }

@media (max-width: 600px) { .donate span { display: none; } }

/* =New Heading Styles
-------------------------------------------------------------- */
#news-ticker { padding-top: 1rem; padding-bottom: 1rem; color: #fff; background-color: #0d2240; }

#news-ticker p { margin: 0; }

#news-ticker a { color: #fff; text-decoration: underline; }

#news-ticker a:hover { text-decoration: none; }

#header-new { height: 130px; background-color: #fff; padding: 20px 0; border-bottom: 2px solid #0d2240; }

#header-new .logo { max-width: 250px; width: 100%; }

#main-menu { display: none; }

#main-menu .menu-main-menu-container, #main-menu .menu-mega-menu-container { display: inline-block; }

#main-menu .fa-chevron-down { display: none; }

#main-menu ul { list-style: none; padding: 0; }

#main-menu ul.menu { margin-top: 32px; display: flex; font-size: 15px; }

#main-menu ul.menu > li { position: relative; display: inline-block; text-transform: uppercase; font-weight: bold; margin-right: 1.2rem; }

#main-menu ul.menu > li:last-child { margin-right: 0; }

#main-menu ul.menu li.menu-item-has-children > .fa-chevron-down { display: inline-block; padding-left: 8px; position: relative; top: -1px; }

#main-menu ul.menu > li > a { color: #004a9a; }

#main-menu .menu > .menu-item > ul.sub-menu { display: none; position: absolute; background: #fff; padding: 2rem; z-index: 99; opacity: 0; transition: all 0.3s; box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.3); }

#main-menu .menu > .menu-item.show-menu > ul.sub-menu, #main-menu .menu > .menu-item:hover > ul.sub-menu { display: block; opacity: 1; visibility: visible; }

#main-menu .menu > .menu-item > ul.sub-menu > li { white-space: nowrap; margin-bottom: 1rem; }

#main-menu .menu > .menu-item > ul.sub-menu > li:last-child { margin-bottom: 0; }

#main-menu .menu > .menu-item > ul.sub-menu .menu-item .sub-menu { margin: 8px 8px 8px 24px; display: none; }

#main-menu .menu > .menu-item > ul.sub-menu .menu-item .sub-menu .menu-item { margin-bottom: 8px; }

#main-menu .menu > .menu-item > ul.sub-menu .menu-item.show-menu .sub-menu { display: block; }

#main-menu .menu > .menu-item > ul.sub-menu .menu-item > .fa-chevron-down { transform: rotate(-90deg); transform-origin: center; top: 3px; }

#main-menu .menu > .menu-item > ul.sub-menu .menu-item.show-menu > .fa-chevron-down { transform: rotate(0); top: 0; }

#main-menu .menu > .menu-item.column-menu { position: static; }

#main-menu .menu > .menu-item.column-menu:hover > .sub-menu { display: flex; position: absolute; left: auto; right: 0; padding-top: 90px; width: 140%; padding: 35px 0 0 0; background-color: transparent; }

#main-menu .menu > .menu-item.column-menu > .sub-menu > li { flex: 20% 0 0; white-space: normal; padding: 1rem; background-color: #fff; margin: 0; border-left: 1px solid #ddd; }

#main-menu .menu > .menu-item.column-menu.five-column > .sub-menu > li { flex: 20% 0 0; }

#main-menu .menu > .menu-item.column-menu.four-column > .sub-menu > li { flex: 25% 0 0; }

#main-menu .menu > .menu-item.column-menu.three-column > .sub-menu > li { flex: 33.3333% 0 0; }

#main-menu .menu > .menu-item.column-menu.two-column > .sub-menu > li { flex: 50% 0 0; }

#main-menu .menu > .menu-item.column-menu > .sub-menu > li > a { color: #004a9a; height: 43px; display: flex; justify-content: flex-end; flex-direction: column; }

#main-menu .menu > .menu-item.column-menu > .sub-menu > li:first-child { border-left: 0; padding-left: 2rem; }

#main-menu .menu > .menu-item.column-menu > .sub-menu > li:last-child { padding-right: 2rem; }

#main-menu .menu > .menu-item.column-menu > .sub-menu > li i { display: none; }

#main-menu .menu > .menu-item.column-menu > .sub-menu > li .sub-menu { display: block; margin: 2px 8px 8px 0px; border-top: 1px solid #004a9a; padding-top: 8px; padding-left: 16px; }

#main-menu .menu > .menu-item.column-menu > .sub-menu > li .sub-menu li { text-transform: none; }

#main-menu-mobile-toggle { font-size: 34px; color: #f4b223; float: right; margin: 1rem; cursor: pointer; }

#main-menu-mobile.open { display: block; }

#main-menu-mobile { display: none; background: #fff; z-index: 999; position: relative; }

#main-menu-mobile ul { list-style: none; padding: 0; }

#main-menu-mobile li { display: block; padding: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.25); }

#main-menu-mobile li.menu-item-has-children ul.sub-menu > li:last-child { padding-bottom: 0; }

#main-menu-mobile li .fa-chevron-right, #main-menu-mobile li .fa-chevron-down { display: none; }

#main-menu-mobile li.menu-item-has-children > .fa-chevron-right, #main-menu-mobile li.menu-item-has-children > .fa-chevron-down { display: block; padding: 3px 10px; float: right; }

#main-menu-mobile ul.sub-menu { height: 0; overflow: hidden; margin: 0; }

#main-menu-mobile li.show-menu > ul.sub-menu { margin: 1rem -1rem 0 -1rem; height: auto; }

#main-menu-mobile ul.sub-menu > li { padding-left: 4rem; }

@media (min-width: 1200px) { #main-menu-mobile-toggle, #mobile-search-toggle, #main-menu-mobile { display: none !important; }
  #main-menu { display: block; } }

#mobile-search-toggle, #search-toggle { display: inline-block; margin-left: 1.5rem; color: #f4b223; cursor: pointer; }

#mobile-search-toggle { font-size: 26px; float: right; margin: 14px 10px; }

#search-bar { background-color: #fff; overflow: hidden; height: 0; transition: height 0.5s; }

#search-bar.open { height: 60px; }

#search-bar .header-search { display: flex; padding: 8px 0; }

#search-bar .header-search .sb-search-input { flex: 1 1 auto; padding: 8px; }

#search-bar .header-search .sb-search-submit { background: transparent; flex: 0 1 auto; border: 0; font-family: "Font Awesome 5 Pro"; }

/* = Includes
-------------------------------------------------------------- */
a .color-panel { height: 400px; position: relative; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

@media (max-width: 767px) { a .color-panel { height: 350px; } }

.color-panel .panel-icon { position: absolute; top: 30px; left: 30px; width: 100px; display: block; height: 80px; background-size: contain; min-width: 200px; background-repeat: no-repeat; }

.color-panel .panel-text-wrapper { position: absolute; bottom: 30px; left: 30px; }

.color-panel .panel-text-wrapper .panel-link-text { color: #fff; }

.color-panel .panel-text-wrapper .panel-head { font-size: 30px; max-width: 300px; color: #fff; display: block; margin-bottom: 15px; text-transform: uppercase; }

a .color-panel:hover { opacity: 0.8; }

.partners-panel { background-color: #fff; }

.partner-image-container { padding: 10px; min-height: 170px; }

.partner-image-container img { margin-left: auto; margin-right: auto; }

/* =Home Page
-------------------------------------------------------------- */
.page-template-template-home h2 { font-size: 2em; }

/* Home Banner --------
*/
#home-banner { height: auto; background-size: cover; background-position: center; padding: 6rem 1rem 4rem 1rem; }

#home-banner h2 { color: white; font-size: 2.5em; line-height: 1.2em; margin-top: 0; }

#home-banner h3 { color: white; font-size: 1.5em; margin-top: 0; }

#home-banner .large-article { margin-bottom: 2rem; }

#home-banner .featured-post { position: relative; background-color: #004a9a; height: 100%; }

#home-banner .featured-post.wide-post { margin-bottom: 2rem; }

#home-banner .featured-post > div { z-index: 10; position: relative; min-height: 200px; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }

#home-banner .featured-post .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.3; background-size: cover; background-position: center; z-index: 2; }

@media (min-width: 992px) { #home-banner { height: 60vh; } }

/* Home Facilities --------
*/
#home-facilities { background-color: #00a7db; color: white; text-align: center; padding: 10rem 0 8rem 0; }

#home-facilities .facilities { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

#home-facilities .facility { flex-basis: 33%; padding: 2rem; border-left: 1px solid white; margin-bottom: 2rem; }

#home-facilities .facility:first-child, #home-facilities .facility:nth-child(4) { border-color: #00a7db; }

#home-facilities .facility a { color: white; }

#home-facilities .facility img { max-width: 100%; height: auto; }

#home-facilities .facility.coming-soon { position: relative; pointer-events: none; }

#home-facilities .facility.coming-soon:after { content: "Coming Soon"; position: absolute; color: #0d2240; font-size: 2.2rem; font-weight: bold; transform: rotate(-33deg); top: 35%; left: 18%; border-top: 2px solid #0d2240; border-bottom: 2px solid #0d2240; padding-bottom: 2px; }

@media (min-width: 992px) { #home-facilities .facility { flex-basis: 20%; }
  #home-facilities .facility:nth-child(4) { border-color: white; } }

/* Home Stats --------
*/
#home-stats { background: #0d2240; color: white; text-align: center; padding: 4rem 0 8rem 0; }

#home-stats .stats { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

#home-stats .stat { border-left: 1px solid white; padding: 0 2rem; flex-basis: 50%; }

#home-stats .stat:first-child, #home-stats .stat:nth-child(3) { border-color: #0d2240; }

#home-stats .counter-value { font-size: 2em; color: #f4b223; display: block; padding: 2rem 0 0 0; font-weight: bold; }

@media (min-width: 992px) { #home-stats .stat { flex-basis: 25%; }
  #home-stats .stat:nth-child(3) { border-color: white; } }

/* Home Shrews4All --------
*/
#home-shrews4all { background: white; color: #0d2240; text-align: center; padding: 4rem 0 8rem 0; }

#home-shrews4all .shrews4all-post { min-height: 400px; background-size: cover; background-position: center; display: flex; align-items: flex-end; justify-content: flex-end; margin-bottom: 2rem; }

#home-shrews4all .shrews4all-post .button { margin: 1.5rem; }

/* Home Partners --------
*/
#home-partners { background: #004a9a; color: white; text-align: center; padding: 4rem 0 8rem 0; }

#home-partners .partners { overflow: hidden; display: flex; }

#home-partners .partner { background: white; min-height: 140px; display: flex; flex-direction: column; justify-content: space-around; padding: 1rem; margin-bottom: 2rem; }

#home-partners .partner img { max-width: 100%; height: auto; max-height: 110px; width: auto; margin: auto; }

/* Home Slider --------
*/
.slider { background-repeat: no-repeat; background-size: cover; position: relative; }

.intro { position: absolute; z-index: 9999; width: 100%; height: 100%; }

.intro::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#0d2240), to(rgba(13, 34, 64, 0.4))); background-image: linear-gradient(to right, #0d2240, rgba(13, 34, 64, 0.4)); opacity: 0.6; z-index: -1; }

.intro { color: #fff; display: block; padding-top: 10%; }

.intro p { color: #f7a800; text-transform: uppercase; font-weight: 700; font-size: 24px; }

.intro h1 { text-transform: uppercase; font-weight: 700; }

.intro h2 { font-weight: 300; font-size: 24px; }

.home-partners { position: relative; height: 400px; }

.home-logos { position: absolute; bottom: 20px; right: 0px; }

.premierleague { background-image: url("img/premier-league.png"); background-size: 100px; background-repeat: no-repeat; width: 100px; height: 49px; float: right; margin-right: 15px; margin-top: 35px; }

.pfa { background-image: url("img/pfa.png"); background-size: 80px; background-repeat: no-repeat; width: 80px; height: 85px; float: right; margin-right: 15px; margin-top: 15px; }

.efl { background-image: url("img/efl-trust.png"); background-size: 60px; background-repeat: no-repeat; width: 60px; height: 108px; float: right; margin-right: 15px; }

.stfc { background-image: url("img/shrewsbury-town.png"); background-size: 80px; background-repeat: no-repeat; width: 80px; height: 80px; float: right; margin-top: 15px; }

/* Home Slider Repsonsive */
/* Home Panels --------
*/
.main-ctas > div > div { padding: 0px; }

.main-ctas > div > div > div { position: relative; cursor: pointer; }

.hp-panel-1 { background-image: url("img/hp-panel-1-2x.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #c14544; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 150% 0 0 0; opacity: 1; }

.hp-panel-2 { background-image: url("img/hp-panel-2-2x.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #004a99; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 250% 0 0 0; opacity: 1; }

.hp-panel-3 { background-image: url("img/hp-panel-3-2x.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #bac9d2; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 250% 0 0 0; opacity: 1; }

.hp-panel-4 { background-image: url("img/hp-panel-4-2x.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #df586b; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 150% 0 0 0; opacity: 1; }

.hp-panel-5 { background-image: url("img/hp-panel-5-2x.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #0e2240; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 50% 0 0 0; opacity: 1; }

.hp-panel-6 { background-image: url("img/hp-panel-mob-6-2x.jpg"); background-position: center center; background-size: cover; background-color: #00a7db; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 50% 0 0 0; opacity: 1; }

.hp-panel-7 { background-image: url("img/hp-panel-7-2x.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 50% 0 0 0; opacity: 1; }

.hp-panel-8 { background-image: url("img/hp-panel-8-x2.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 50% 0 0 0; opacity: 1; }

.hp-panel-1:hover, .hp-panel-2:hover, .hp-panel-3:hover, .hp-panel-4:hover, .hp-panel-5:hover, .hp-panel-6:hover, .hp-panel-7:hover, .hp-panel-8:hover { opacity: 0.6; }

/* Title Bar to divide HP content */
.title-divider { background: #0d2240; color: #fff; padding: 20px; font-size: 24px; font-weight: 700; text-transform: uppercase; text-align: center; color: #f7a800; }

.title-divider span { color: #00a7db; }

/* Help Support us section */
.support-help, .support-donate, .support-events, .support-thehub { background-position: center center; background-size: cover; color: #fff; padding: 30px 45px 30px 45px; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 300; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; opacity: 1; }

@media (min-width: 768px) { .support-help, .support-donate, .support-events, .support-thehub { font-size: 24px; } }

@media (min-width: 992px) { .support-help, .support-donate, .support-events, .support-thehub { height: 300px; font-size: 24px; } }

.support-help svg, .support-donate svg, .support-events svg, .support-thehub svg { display: block; height: 50px; margin: 0 auto; }

.support-help:hover, .support-donate:hover, .support-events:hover, .support-thehub:hover { opacity: 0.7; }

.support-help p, .support-donate p, .support-events p, .support-thehub p { margin: 1em 0 0; }

.support-help p span, .support-donate p span, .support-events p span, .support-thehub p span { color: #0d2240; font-weight: 700; }

.support-help { background-color: #a15ea2; }

.support-donate { background-color: #c7bb2e; }

.support-events { background-color: #bf4c63; }

.support-thehub { background-color: #83abb5; }

@media (min-width: 1200px) { .support-thehub { background-image: url("img/support-thehub-2x.jpg"); } }

/* Who is behind the charity section */
.home-charity { display: flex; flex-flow: row wrap; text-transform: uppercase; }

.home-charity-partners p, .home-charity-team p, .home-charity-business p { margin-top: 0; font-weight: 300; color: white; }

.home-charity-partners strong, .home-charity-team strong, .home-charity-business strong { font-weight: 700; font-size: 30px; line-height: 28px; color: #0d2240; }

.home-charity-trustees, .home-charity-friends { display: flex; align-items: center; justify-content: center; font-weight: 300; line-height: 24px; color: white; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.home-charity-trustees:hover, .home-charity-friends:hover { background: #ccc; color: white; }

.home-charity-trustees strong, .home-charity-friends strong { display: block; color: #0d2240; font-weight: 700; font-size: 30px; }

.home-charity-partners { flex: 0 0 50%; padding: 15px; background: white; }

.home-charity-partners p { color: #004a9a; }

.home-charity-partners-list { display: flex; flex-flow: row wrap; }

.home-charity-partners-list a { display: flex; align-items: center; flex: 0 0 25%; padding: 10px; }

.home-charity-team { flex: 0 0 50%; padding: 15px; background: #00a7db url("img/fabulous-team-2x.jpg") no-repeat top right; background-size: cover; }

.home-charity-team span { margin-top: 15px; padding: 3px 0px; border-top: 2px solid #0d2240; border-bottom: 2px solid #0d2240; font-weight: 800; font-size: 12px; color: #0d2240; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.home-charity-team:hover span { color: white; border-top: 2px solid white; border-bottom: 2px solid white; }

.home-charity-team span:after { content: "\f064"; font-family: "Font Awesome 5 Pro"; margin-left: 5px; border-top: 0px; border-bottom: 0px; }

.home-charity-business { flex: 0 0 50%; min-height: 200px; padding: 15px; background: #4ba891 url("img/get-involved-2x.jpg") no-repeat top right; background-size: cover; }

.home-charity-business span { margin-top: 15px; padding: 3px 0px; border-top: 2px solid white; border-bottom: 2px solid white; font-weight: 800; font-size: 12px; color: #f7a800; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.home-charity-business:hover span { color: #0d2240; border-top: 2px solid #0d2240; border-bottom: 2px solid #0d2240; }

.home-charity-business span:after { content: "\f064"; font-family: "Font Awesome 5 Pro"; margin-left: 5px; border-top: 0px; border-bottom: 0px; }

.home-charity-trustees { flex: 0 0 25%; background: #c14544; }

.home-charity-friends { flex: 0 0 25%; background: #c7bb2d; }

@media (max-width: 992px) { .home-charity-partners, .home-charity-team, .home-charity-business, .home-charity-trustees, .home-charity-friends { flex: 0 0 100%; min-height: 200px; }
  .home-charity-team, .home-charity-business { min-height: 280px; }
  .home-charity-team, .home-charity-business { background-position: right bottom; background-size: 130%; }
  .home-charity-team br:first-of-type, .home-charity-business br:last-of-type { display: none; } }

/* =Template-About.php About Page
-------------------------------------------------------------- */
.flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-container .two-panel-same-height { width: 50%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px; }

.flex-container .image-panel { background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 450px; background-color: #0d2240; }

.flex-container .text-panel { background-color: #00a7db; color: #fff; font-size: 1em; }

.flex-container .text-panel h1 { margin: 0px; text-transform: uppercase; }

.flex-container .text-panel .panel-link-text { color: #fff; }

.flex-container .text-panel .panel-link-text:hover { color: #f7a800; }

@media (max-width: 992px) { .flex-container { display: block; }
  .flex-container .two-panel-same-height { width: 100%; }
  .flex-container .image-panel { padding-top: 50%; min-height: initial; } }

/* =Template-Instagram.php  Page
-------------------------------------------------------------- */
/* =Template-whowhat.php  Who and What
-------------------------------------------------------------- */
.who-what-panel { position: relative; height: 600px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; }

.who-what-panel .overlay { position: absolute; background-color: #bbcad2; opacity: 0.5; top: 0; left: 0; padding: 1000%; z-index: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

a:hover .who-what-panel .overlay { position: absolute; background-color: #bbcad2; opacity: 0; top: 0; left: 0; z-index: 0; }

.panel-text { position: absolute; z-index: 1; bottom: 50px; width: 150px; }

.panel-text h1 { color: #fff; }

.panel-link-text { color: #f7a800; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-transform: uppercase; }

.panel-link-text::after { font-family: "Font Awesome 5 Pro"; content: "\f064"; border-top: 0px; border-bottom: 0px; margin-left: 5px; }

/* =page.php
-------------------------------------------------------------- */
.page-title { background-color: #bbcad2; padding: 20px 0px; text-transform: uppercase; }

@media (max-width: 480px) { .page-title h1 { font-size: 20px; } }

.page-body { background-color: #fff; }

.page-content { background-color: #fff; padding-bottom: 15px; }

/* =News index.php
-------------------------------------------------------------- */
.news-title { background-color: #bbcad2; }

.news-nav-button { padding: 2px 0px; text-align: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #0d2240; }

.news-nav-button:hover { color: #fff; background-color: #0d2240 !important; }

.index-content-container { margin-top: 15px; margin-bottom: 15px; }

.news-rows.odd { background-color: #0d2240; color: #fff; }

.news-rows.odd { background-color: #0d2240; color: #fff; }

.news-rows.even { background-color: #f7a800; }

.news-nav-button h1 { margin-bottom: 0px; height: 60px; }

.news-nav-button h1 i { margin-right: 10px; }

.news-nav-button .current-page { margin-bottom: 10px; visibility: hidden; }

body.blog > div.container-fluid.news-nav > div > a:nth-child(1) > div > i { visibility: visible; }

body.page-template-template-instagram > div.container-fluid.news-nav > div > a:nth-child(2) > div > i { visibility: visible; }

body.post-type-archive-event > div.container-fluid.news-nav > div > a:nth-child(3) > div > i { visibility: visible; }

body.post-type-archive-shrews4all > div.container-fluid.news-nav > div > a:nth-child(4) > div > i { visibility: visible; }

.news-nav-button.news-nav-button-news { background-color: #f7a800; }

.news-nav-button.news-nav-button-insta { background-color: #00a7db; }

.news-nav-button.news-nav-button-events { background-color: #4ba891; }

.news-nav-button.news-nav-button-stories { background-color: #be4b62; }

@media (max-width: 807px) { .news-nav-button h1 { font-size: 1.7em; } }

@media (max-width: 768px) { .news-nav-button h1 i { margin-right: 0px; display: block; } }

@media (max-width: 600px) { .news-nav-button h1 { font-size: 18px; } }

@media (max-width: 400px) { .news-nav-button h1 { font-size: 14px; } }

.news-panel { height: 150px; }

.news-panel .panel-link-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; }

.news-panel .panel-link-text:hover { color: #004a9a; }

.news-panel.even .panel-link-text { position: absolute; color: #0d2240; border-top: #0d2240 solid 1px; border-bottom: #0d2240 solid 1px; text-align: center; }

.more-btn-container { height: 100%; }

.featured-story-container .flex-container .text-panel { background-color: #004a9a; }

.featured-story-container .flex-container .image-panel { background-color: #00a7db; }

.featured-story-container .panel-link-text { display: inline-block; margin-top: 15px; margin-right: 30px; }

/* =News single.php
-------------------------------------------------------------- */
/* =Page Builder
-------------------------------------------------------------- */
.page-panel { display: block; height: 450px; position: relative; margin-left: -15px; margin-right: -15px; background-position: center; background-size: cover; background-repeat: no-repeat; }

.page-panel::before { content: " "; position: absolute; bottom: 0; top: 0; z-index: 0; width: 100%; background-color: rgba(13, 34, 64, 0.5); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.page-panel:hover::before { opacity: 0; }

.index-container .page-panel::before { background-color: rgba(13, 34, 64, 0.65); }

.index-container .page-panel:hover::before { opacity: 0.25; }

.page-panel .panel-text-wrapper { z-index: 1; position: absolute; left: 30px; bottom: 30px; }

.page-panel .panel-text-wrapper .panel-head { font-size: 30px; color: #fff; display: block; margin-bottom: 15px; text-transform: uppercase; font-size: bold; }

.page-panel .panel-link-text { font-size: 16px; }

/* =Meet the team/trustees
-------------------------------------------------------------- */
.team-members { max-width: 1170px; margin: 0 auto; }

.team-member { background: #0d2240; color: #00a7db; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 600px) { .team-member { flex-direction: column; } }

.team-member:nth-of-type(even) { background: #00a7db; color: #0d2240; }

.tm-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 15px; }

.tm-text h1, .tm-text h2 { color: #00a7db; margin-top: 0; }

.team-member:nth-of-type(even) .tm-text h1, .team-member:nth-of-type(even) .tm-text h2 { background: #00a7db; color: #0d2240; }

.tm-text hr { display: inline-block; width: 40px; border-color: #00a7db; border-style: solid; border-width: 2px 0 0; margin: 0; }

.team-member:nth-of-type(even) .tm-text hr { border-color: #0d2240; }

.tm-text h3 { color: #fff; }

.tm-text p { line-height: 1.4; }

.tm-image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-image: url(https://www.shrewsburytowninthecommunity.com/img/1.png); background-repeat: no-repeat; background-size: auto 400px; background-position: left 15px; min-height: 400px; background-size: cover; }

@media (min-width: 600px) { .tm-image { background-position: center top; -webkit-box-flex: 0.5; -ms-flex: 0.5; flex: 0.5; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; min-height: 400px; } }

@media (max-width: 600px) { .tm-image { order: -1; background-position: left 0; } }

/*.container-no-pad {
  padding:0;
}

.team-panel {
  color:#fff;
}

.team-panel-inner {
  background-size:auto 100%;
  background-position:right center;
  position:relative;
  padding-top:100%;
  background-repeat:no-repeat;
}

.team-panel-content {
  position:absolute;
  left:0;
  top:0;
  padding:15px;
  height:100%;
  width:100%;
}
.team-panel h1, .team-panel h2 {
  margin:0px;
}

.tp-why {
  display:none;
}

.team-panel-inner {
  padding-top:120%;
}

.post-type-archive-team body {background-color:#00a7db;}
.post-type-archive-team strong {color:#FFF; margin-bottom:5px;}
.team-panel {padding:20px 0px 0px 0px;}

.team-panel:nth-child(odd) {background-color:#0d2240;}
.team-panel:nth-child(odd) h1 {color:#00a7db;}
.team-panel:nth-child(odd) h2 {color:#00a7db;}
.team-panel:nth-child(odd) p {color:#00a7db;}
.team-panel:nth-child(odd) hr {width:40px; margin-right:100%; border-top:2px solid #00a7db;}

.team-panel:nth-child(even) {background-color:#00a7db;}
.team-panel:nth-child(even) h1 {color:#0d2240;}
.team-panel:nth-child(even) h2 {color:#0d2240;}
.team-panel:nth-child(even) p {color:#0d2240;}
.team-panel:nth-child(even) hr {width:40px; margin-right:100%; border-top:2px solid #0d2240;}


@media (min-width:768px) {
  .team-panel-inner {
    background-position:left center;
    padding-top:50%;
  }

  .team-panel-content {
    position:absolute;
    top:0;
    height:100%;
    left:25%;
    width:75%;
  }

  .tp-why {
    display:block;
  }
  .team-panel-content {
    background-color:none;
  }

}

@media (min-width:992px) {


  .team-panel {
    width:100%;
    float:left;
  }

  .team-panel-inner {
    padding-top:50%;
  }

  .team-panel-content {
    background:none;
    left:35%;
    width:65%;
  }
}*/
/* =Junior Shrews
-------------------------------------------------------------- */
#page-top\20 page-junior-shrews-sign-up > div:nth-child(5) > div > div > a:nth-child(1) > div > i, #page-top\20 page-lennys-blog > div:nth-child(5) > div > div > a:nth-child(2) > div > i, #page-top\20 page-selfies > div:nth-child(5) > div > div > a:nth-child(3) > div > i, #page-top\20 page-whats-on > div:nth-child(5) > div > div > a:nth-child(4) > div > i { visibility: visible; }

@media (max-width: 1033px) { .stcjs-nav h1 { font-size: 1.3em; } }

.panel-flex-container { display: flex; flex-wrap: wrap; }

.panel-flex-container .shrew-panel { width: 50%; padding: 15px; }

.panel-flex-container .shrew-panel.panel-free { background-color: #004a9a; color: #fff; }

.panel-flex-container .shrew-panel.panel-premium { background-color: #f7a800; }

@media (max-width: 768px) { .panel-flex-container .shrew-panel { width: 100%; } }

.gfield_description.validation_message { color: #be4b62; }

.validation_error { background: #be4b62; color: #fff; padding: 8px; margin-top: 20px; /*margin-bottom:-20px;*/ }

div#gform_confirmation_message_5 { background: #00a7db; padding: 18px; color: #fff; }

#selfie_gallery { margin-top: 15px; }

#input_6_2 { margin-bottom: 15px; }

#input_6_4 { margin-bottom: 15px; }

#extensions_message_6_1 { display: none; }

/* =Lenny's Blog
-------------------------------------------------------------- */
/* =Footer
-------------------------------------------------------------- */
.back-to-cta { display: block; padding-top: 15px; padding-bottom: 15px; background-color: #bbcad2; text-transform: uppercase; font-size: 24px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #0d2240; }

.back-to-cta .back-to-page { color: #00a7db; }

.back-to-cta:hover { color: #00a7db; text-decoration: none; }

.footer { background-color: #0d2240; }

.footer p { margin: 0px; }

.footer .latest { background: #0d2240; padding: 20px; text-align: center; color: #00a7db; text-transform: uppercase; font-size: 24px; font-weight: 700; }

.footer .latest strong { color: #f7a800; }

.footer .news, .footer .insta { text-align: center; color: #fff; padding: 15px 0px; text-transform: uppercase; font-size: 22px; font-weight: 700; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.footer .news { background: #f7a800; }

.footer .insta { background: #00a7db; }

.footer .news:hover, .footer .insta:hover { background: #ccc; }

.footer .news i, .footer .insta i { font-size: 100px; display: block; color: #0d2240; margin-bottom: 10px; }

.footer .news strong, .footer .insta strong { color: #0d2240; }

.footer .follow { background: #0d2240; padding: 20px; text-align: center; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 700; }

.footer .follow p { display: inline-block; vertical-align: middle; }

.footer .follow p strong { color: #f7a800; }

@media (max-width: 768px) { .footer .follow p { display: block; } }

@media (max-width: 480px) { .footer .follow p { font-size: 18px; } }

.footer .follow a { color: #fff; font-size: 16px; vertical-align: middle; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.footer .follow a:hover { color: #00a7db; }

.footer .follow > a:nth-child(2) { margin-left: 15px; }

.footer .follow > a:nth-child(2) { margin-left: 15px; }

.footer .fa-facebook, .footer .fa-twitter, .footer .fa-instagram, .footer .fa-linkedin { color: #0d2240; }

.footer .sign-up-btn { background: #f7a800; padding: 5px; border-radius: 5px; margin-top: 5px; margin-left: 15px; display: inline-block; }

.footer .sign-up-btn:hover { background: #00a7db; color: #fff !important; }

.footer-lower { background: #004a9a; padding: 8px 15px; }

.footer-lower .creds p { font-size: 10px; color: #fff; text-transform: uppercase; margin: 0px; }

.footer-lower .reech p { text-align: right; margin: 0px; }

.footer-lower .creds p strong { color: #f7a800; }

.footer-lower .reech img { float: right; margin-left: 15px; height: 25px; }

/*.footer-logo {
	padding-right:15px;
}*/
@media (max-width: 992px) { .footer-partner-text { margin-top: 20px; text-align: initial; } }

@media (max-width: 640px) { .footer-partner-text { margin-top: 20px; text-align: initial; width: 65%; } }

@media (max-width: 1200px) { .reech { text-align: center; margin-top: 20px; }
  .address { text-align: center; }
  .footer-lower .reech p { text-align: center; }
  .footer-lower .reech img { float: none; margin-bottom: 10px; } }

/* =New Footer
-------------------------------------------------------------- */
#site-footer { background: #f6a802; color: #0a2240; text-align: center; padding: 4rem 0 4rem 0; }

#site-footer h2 { margin-bottom: 0; }

#site-footer .eapps-instagram-feed-posts-grid-load-more-container { display: none; }

#site-footer .footer-widget-area { display: flex; flex-wrap: wrap; }

#site-footer .footer-widget { text-align: left; flex-basis: 50%; }

#site-footer a { color: #0a2240; }

#menu-quick-links { list-style: none; display: block; padding: 0; margin: 0; }

#site-footer .fa { margin: 0 1rem 1rem 0; }

#site-footer .button { background-color: #004a9a; }

#sub-footer { background: #0d2240; color: white; }

#sub-footer .reech-link { text-align: right; }

#sub-footer .reech-link a { color: white; }

@media (min-width: 768px) { #site-footer .footer-widget { flex-basis: 25%; } }

/* =Modals
-------------------------------------------------------------- */
/* =Contact Page
-------------------------------------------------------------- */
.contact-info h2 { text-transform: uppercase; color: #f7a800; }

.contact-info h3 { color: #f7a800; text-transform: uppercase; font-weight: 300; margin: 30px 0px 10px 0px; }

.contact-info hr { border-top: 2px solid #00a7db; width: 30px; margin-right: 100%; }

.contact-info p { color: #fff; margin: 5px 0px; font-weight: 400; }

.contact-info p span { color: #00a7db; }

.contact-map { width: 100%; height: 400px; margin: 20px 0; }

.wdm-auction-listing-container { margin-top: 15px !important; }

/* form */
.contact-form h1 { color: #fff; }

/*
#gform_1 ul {
  padding:0px;
  list-style:none;
  margin-top:0px;
}

#gform_1 label {
  display:none;
}

#gform_1 #input_1_1,
#gform_1 #input_1_2,
#gform_1 #input_1_3,
#gform_1 #input_1_4 {
  width:100%;
  border:0px;
  padding:25px;
  font-weight:700;
  font-size:22px;
  color:#FFF;
}

#gform_1 #input_1_1,
#gform_1 #input_1_3 {
  background-color:#00a7db;
}

#gform_1 #input_1_2,
#gform_1 #input_1_4 {
  background-color:#0d2240;
}

#gform_1 textarea {
  height:200px;
}

#gform_1 input::-webkit-input-placeholder {color:#FFF;}
#gform_1 input:-moz-placeholder {color:#FFF;}
#gform_1 input::-moz-placeholder {color:#FFF;}
#gform_1 input:-ms-input-placeholder {color:#FFF;}

#gform_1 textarea::-webkit-input-placeholder {color:#FFF;}
#gform_1 textarea:-moz-placeholder {color:#FFF;}
#gform_1 textarea::-moz-placeholder {color:#FFF;}
#gform_1 textarea:-ms-input-placeholder {color:#FFF;}

#gform_1 input[type="submit"] {
  width:100%;
  background-color:#f7a800;
  padding:25px;
  text-transform:uppercase;
  border:0px;
  font-weight:700;
  font-size:22px;
  text-align:left;
  -webkit-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
}

#gform_1 input[type="submit"]:hover {
  background-color:#00a7db;
  color:#FFF;
}

#gform_1 input[type="submit"]:after {
  font-family:'Font Awesome 5 Pro';
  content:'\f064';
}

#gform_confirmation_message_1 {
	color:#f7a800;
}

#gform_confirmation_wrapper_3 {
	color:#f7a800;
	font-size:22px;
}

.gform_confirmation_wrapper {
	margin:25px 0px;
}

*/
/* =Post Pagination
-------------------------------------------------------------- */
.paginate { background: #fff; height: 60px; margin-bottom: 15px; }

.postpagination { float: right; font-family: "Source Sans Pro", sans-serif; }

.postpagination li a, .postpagination li a:hover, .postpagination li.active a, .postpagination li.disabled { color: #fff; text-decoration: none; }

.postpagination li { display: inline; }

.postpagination li a, .postpagination li a:hover, .postpagination li.active a, .postpagination li.disabled { background-color: #00acc5; /*border-radius:3px;*/ cursor: pointer; padding: 12px; padding: 0.75rem; }

.postpagination li a:hover, .postpagination li.active a { background-color: #666; }

/* =Video Embeds
-------------------------------------------------------------- */
.videoWrapper { position: relative; padding-bottom: 54%; padding-top: 25px; height: 0; margin-bottom: 25px; }

.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* =Bootstrap 5 Col Grid hack
-------------------------------------------------------------- */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-15 { width: 20%; float: left; }

@media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } }

@media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } }

@media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } }

/* = Activity Type Taxonomy
-------------------------------------------------------------- */
.desc-area { background-color: #004a9a; color: #fff; }

.activity-filter { background-color: #f7a800; color: #0d2240; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; font-size: 14px; font-weight: 600; }

.activity-filter a { color: #004a9a; }

.activity-filter a:hover { color: #0d2240; text-decoration: none; }

.activity-filter a:focus { text-decoration: none; }

.activity-filter ul { padding-left: 15px; }

.activity-filter ul li { list-style: none; }

#filterOptions { display: none; }

.activity-row { color: #fff; padding: 15px 0px; }

.activity-row .container .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.book-online-btn { position: absolute; top: 30px; right: 30px; text-align: right; color: #fff; text-decoration: none; float: right; text-transform: uppercase; border-top: 2px solid; border-bottom: 2px solid; padding-top: 3px; padding-bottom: 3px; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }

.book-online-btn:hover { color: #f7a800; }

.book-online-btn span { text-align: left; display: inline-block; max-width: 50px; }

.book-online-btn i { font-size: 40px; margin-left: 10px; }

.activity-row.even { background-color: #0d2240; }

.activity-row.odd { background-color: #00a7db; }

.tax-activity_type .news-panel.odd { background-color: #00a7db; }

.tax-activity_type .news-panel.even { background-color: #0d2240; color: #fff; }

.activity-row .more-btn { margin-top: 10px; color: #fff; }

.activity-row .more-btn:hover { color: #f7a800; }

.activity-row h2, .activity-row p { margin: 0px; }

/* =Activity Single
-------------------------------------------------------------- */
.soccer-school-panel { color: #fff; padding: 15px 0px; background-color: #004a9a; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.soccer-school-panel:hover { background-color: #f7a800; }

.soccer-school-panel h2 { margin: 22px 0px; }

.soccer-school-panel img { float: right; }

.activity-form-container { color: #fff; }

.gallery-panel { padding-top: 15px; }

.gallery-panel img { margin-bottom: 15px; }

/* = Partner Single
-------------------------------------------------------------- */
.partner-img { background-color: #fff; padding: 25px 0; }

.partner-details { color: #fff; padding-top: 15px; }

.partner-details .partner-name { font-size: 20px; color: #00a7db; display: block; }

.partner-details .partner-role { font-size: 20px; color: #f7a800; display: block; }

.partner-details .seperator { width: 50px; float: left; border-top: #00a7db 1px solid; display: block; margin-right: 100%; margin-top: 10px; margin-bottom: 10px; }

.partner-details .detail-list { display: block; /*margin-bottom:4px;*/ }

.partner-details .detail-list .detail { color: #00a7db; margin-left: 10px; }

.partner-details .detail-list .detail p { margin-top: 0px; }

.partner-details .detail-list a.detail:hover { color: #f7a800; }

/* =Newsletter
-------------------------------------------------------------- */
.newsletter-form ul { padding-left: 0px; list-style: none; }

.newsletter-form li { width: 100%; display: inline-block; }

.newsletter-form li#input_2_1 { float: right; margin-right: 0px; }

.newsletter-form li label { display: none; }

.newsletter-form input, .newsletter-form textarea { background-color: #00a7db; color: #fff; width: 100%; padding: 25px; font-size: 22px; border: none; }

.newsletter-form .field-darkblue input { background-color: #0d2240; }

.newsletter-form #field_2_1 input { background-color: #0d2240; }

.newsletter-form input[type="submit"] { text-transform: uppercase; background: #f7a800; margin-bottom: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.newsletter-form input[type="submit"]:hover { background: #0d2240; }

.newsletter-form input::-webkit-input-placeholder { color: #fff; text-transform: uppercase; }

.newsletter-form input:-moz-placeholder { color: #fff; text-transform: uppercase; }

.newsletter-form input::-moz-placeholder { color: #fff; text-transform: uppercase; }

.newsletter-form input:-ms-input-placeholder { color: #fff; text-transform: uppercase; }

.newsletter-form textarea::-webkit-input-placeholder { color: #fff; text-transform: uppercase; }

.newsletter-form textarea:-moz-placeholder { color: #fff; text-transform: uppercase; }

.newsletter-form textarea::-moz-placeholder { color: #fff; text-transform: uppercase; }

.newsletter-form textarea:-ms-input-placeholder { color: #fff; text-transform: uppercase; }

.event-form input::-webkit-input-placeholder { color: #fff; text-transform: uppercase; }

.event-form input:-moz-placeholder { color: #fff; text-transform: uppercase; }

.event-form input::-moz-placeholder { color: #fff; text-transform: uppercase; }

.event-form input:-ms-input-placeholder { color: #fff; text-transform: uppercase; }

.event-form textarea::-webkit-input-placeholder { color: #fff; text-transform: uppercase; }

.event-form textarea:-moz-placeholder { color: #fff; text-transform: uppercase; }

.event-form textarea::-moz-placeholder { color: #fff; text-transform: uppercase; }

.event-form textarea:-ms-input-placeholder { color: #fff; text-transform: uppercase; }

.event-form input[type="submit"] { text-transform: uppercase; background: #f7a800; margin-bottom: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.event-form input[type="submit"]:hover { background: #0d2240; }

.event-form ul { padding-left: 0px; list-style: none; }

.event-form li label { display: none; }

.event-form li { width: 100%; display: inline-block; margin-bottom: 15px; }

.event-form li.form50:nth-child(even) { width: 49%; float: left; }

.event-form li.form50:nth-child(odd) { width: 49%; float: left; margin-right: 2%; }

.event-form input, .event-form textarea { color: #fff; width: 100%; padding: 25px; font-size: 22px; border: none; }

.gform_hidden { display: none; }

.event-form li input, .event-form textarea { background-color: #004a9a; }

.event-form h2 { margin-bottom: 0px; color: #f7a800; }

.event-form h2:after { content: " "; border-bottom: 1px solid #f7a800; width: 100%; }

/* =Junior Shrews Sign-up
-------------------------------------------------------------- */
.sj-signup { text-transform: uppercase; background: #f7a800; margin: 20px 0; padding: 8px; color: #fff; width: 100%; text-align: center; display: block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.sj-signup:hover { background: #0d2240; color: #fff; }

#gform_wrapper_7 ul, #gform_wrapper_5 ul { padding-left: 0px; }

#gform_wrapper_7 li, #gform_wrapper_5 li { list-style: none; }

#gform_wrapper_7 h3, #gform_wrapper_5 h3 { font-size: 32px; margin-bottom: 5px; color: #004a9a; }

#gform_wrapper_5 h2 { margin-top: 30px; }

#gform_wrapper_7 hr, #gform_wrapper_5 hr { margin: 5px 0px 20px 0px; }

#gform_wrapper_7 label, #gform_wrapper_5 label { display: none; text-transform: uppercase; }

#gform_wrapper_7 input, #gform_wrapper_7 textarea, #gform_wrapper_5 input, #gform_wrapper_5 textarea { background: #eee; color: #0d2240; width: 100%; padding: 10px; border: 0px; margin: 5px 0; font-size: 20px; }

#field_5_6 > label, #field_5_47 > label, #field_5_60 > label, #field_5_70 > label, #field_5_80 > label, #field_5_90 > label, label#label_5_32_1, label#label_5_33_1 { display: block; text-transform: none; }

#field_5_41 > label { display: inline-block; text-transform: none; }

input#input_5_13 { margin-top: 15px; }

#gform_wrapper_5 input::-webkit-input-placeholder { color: #666666; text-transform: uppercase; }

#gform_wrapper_5 input:-moz-placeholder { color: #666666; text-transform: uppercase; }

#gform_wrapper_5 input::-moz-placeholder { color: #666666; text-transform: uppercase; }

#gform_wrapper_5 input:-ms-input-placeholder { color: #666666; text-transform: uppercase; }

#gform_wrapper_5 textarea::-webkit-input-placeholder { color: #666666; text-transform: uppercase; }

#gform_wrapper_5 textarea:-moz-placeholder { color: #666666; text-transform: uppercase; }

#gform_wrapper_5 textarea::-moz-placeholder { color: #666666; text-transform: uppercase; }

#gform_wrapper_5 textarea:-ms-input-placeholder { color: #666666; text-transform: uppercase; }

#gform_wrapper_5 .ginput_container_address { margin: 15px 0; }

div#input_5_6_2_container, div#input_5_6_1_container, div#input_5_47_1_container, div#input_5_47_2_container, div#input_5_60_2_container, div#input_5_60_1_container, div#input_5_70_2_container, div#input_5_70_1_container, div#input_5_80_1_container, div#input_5_80_2_container, div#input_5_90_1_container, div#input_5_90_2_container { display: inline-block; width: 32%; margin-right: 2%; }

div#input_5_6_3_container, div#input_5_47_3_container, div#input_5_60_3_container, div#input_5_70_3_container, div#input_5_80_3_container, div#input_5_90_3_container { display: inline-block; width: 32%; }

select#input_5_6_1, select#input_5_6_2, select#input_5_6_3, select#input_5_47_1, select#input_5_47_2, select#input_5_47_3, select#input_5_60_1, select#input_5_60_2, select#input_5_60_3, select#input_5_70_1, select#input_5_70_2, select#input_5_70_3, select#input_5_80_1, select#input_5_80_2, select#input_5_80_3, select#input_5_90_1, select#input_5_90_2, select#input_5_90_3 { width: 100%; }

#input_5_7, #input_5_47, #input_5_48, #input_5_61, #input_5_71, #input_5_81, #input_5_91 { margin: 20px 0; }

#input_5_41 { width: 150px; }

input#choice_5_7_1, input#choice_5_32_1, input#choice_5_33_1, input#choice_5_54_1, input#choice_5_43_1, input#choice_5_48_1, input#choice_5_61_1, input#choice_5_71_1, input#choice_5_81_1, input#choice_5_91_1 { display: inline-block; width: auto; }

label#label_5_7_1, label#label_5_32_1, label#label_5_33_1, label#label_5_43_1, label#label_5_48_1, label#label_5_61_1, label#label_5_71_1, label#label_5_81_1, label#label_5_91_1 { display: inline-block; text-transform: none; float: left; margin-right: 5px; cursor: pointer; }

#field_5_6 > label, #field_5_47 > label, #field_5_60 > label, #field_5_70 > label, #field_5_80 > label, #field_5_90 > label { margin: 15px 0px 5px 0px; }

#gform_wrapper_7 input[type="submit"], #gform_wrapper_5 input[type="submit"] { text-transform: uppercase; background: #f7a800; margin-bottom: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#gform_wrapper_5 input[type="submit"]:hover { background: #0d2240; color: #fff; }

#field_5_37 { margin-top: 20px; }

#field_5_10, #field_5_17, #field_5_24, #field_5_30 { margin-top: 50px; }

#input_5_43 { margin-bottom: 20px; }

#field_5_41 > label { margin-bottom: 15px; }

/* =Auction Plugin
-------------------------------------------------------------- */
.wdm_reserved_note { display: none; }

#auction-tab-titles li#wdm-desc-msg-link { display: none; }

.auction-small-img-cont { display: none; }

#ult-auc-footer-credit { display: none; }

/* =ShrewsGiving Form
-------------------------------------------------------------- */
#gform_wrapper_14 li { list-style: none; }

#gform_wrapper_14 ul { padding: 0px; }

#gform_wrapper_14 .gsection { border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-top: 40px; }

#gform_wrapper_14 .gsection h2 { padding-bottom: 5px; margin: 0px; }

#gform_wrapper_14 input { border: 0px; background-color: #eee; margin-top: 5px; margin-bottom: 15px; padding: 5px; width: 100%; }

#gform_wrapper_14 textarea { border: 0px; background-color: #eee; margin-top: 5px; margin-bottom: 15px; padding: 5px; width: 100%; }

#gform_wrapper_14 select { width: 100%; margin-top: 5px; margin-bottom: 15px; }

/* Names */
#gform_wrapper_14 .name_first { display: block; width: 49%; float: left; margin-right: 2%; }

#gform_wrapper_14 .name_last { display: block; width: 49%; float: left; }

#gform_wrapper_14 .gf_name_has_2 { display: block; height: 55px; margin-bottom: 10px; }

#input_9_5_3, #input_9_5_6 { margin-bottom: 2px !important; }

/* Terms and Conditions */
#gform_wrapper_14 .terms-and-conditions p { font-size: 12px; }

#field_9_31 > label { display: none; }

#choice_9_31_1 { display: block; float: left; margin-right: 5px; width: auto !important; }

/* Submit */
#gform_wrapper_14 input[type="submit"] { background-color: #004a9a; color: #fff; padding: 10px; text-transform: uppercase; transition: all 0.5s ease-in-out; }

#gform_wrapper_14 input[type="submit"]:hover { background-color: #f7a800; }

/* =Shrews@home Form
-------------------------------------------------------------- */
#gform_wrapper_26 li { list-style: none; }

#gform_wrapper_26 ul { padding: 0px; }

#gform_wrapper_26 input { margin: 10px 0px 20px 0px; width: 100%; padding: 5px; }

/* =RESPONSIVE
-------------------------------------------------------------- */
@media (max-width: 1200px) { .brand span { display: none; } }

/* over 1020 is desktop and ipad landscape */
@media (max-width: 1020px) { /* tablets, inc ipad portrait from 768 - 1020 */ }

@media (max-width: 992px) { /* tablets, interim breakpoint */
  .hp-panel-1 { background-image: url("img/hp-panel-mob-1-2x.jpg"); background-color: #c14544; padding: 50% 0 0 0; }
  .hp-panel-2 { background-image: url("img/hp-panel-mob-2-2x.jpg"); padding: 50% 0 0 0; }
  .hp-panel-3 { background-image: url("img/hp-panel-mob-3-2x.jpg"); padding: 50% 0 0 0; }
  .hp-panel-4 { background-image: url("img/hp-panel-mob-4-2x.jpg"); padding: 50% 0 0 0; }
  .hp-panel-5 { background-image: url("img/hp-panel-mob-5-2x.jpg"); padding: 50% 0 0 0; }
  .hp-panel-6 { background-image: url("img/hp-panel-mob-6-2x.jpg"); padding: 50% 0 0 0; }
  .hp-panel-7 { background-image: url("img/hp-panel-mob-7-2x.jpg"); padding: 50% 0 0 0; } }

@media (max-width: 767px) { /* modern smartphones, smaller tablets are below this res. */ }

@media (max-width: 500px) { /* interim breakpoint */ }

@media (max-width: 319px) { /* good interim breakpoint if needed for earlier iphones /* iphone 320 width, 480 landscape */
  /* galaxy nexus viewport is 360 x 519 */ }

@media (max-width: 240px) { /* even smaller phones if needed */ }

.page-not-found { color: #fff !important; }

.header-carousel .item { height: 400px; background-size: cover; background-position: center; }

@media (min-width: 768px) { .header-carousel .item { height: 600px; } }

.header-intro { background-image: -webkit-gradient(linear, left top, right top, from(rgba(13, 34, 64, 0.5)), to(rgba(13, 34, 64, 0.2))); background-image: linear-gradient(to right, rgba(13, 34, 64, 0.5), rgba(13, 34, 64, 0.2)); color: #fff; position: absolute; width: 100%; top: 0; bottom: 0; }

.hi-container { padding-top: 60px; }

@media (min-width: 768px) { .hi-container { padding-top: 120px; } }

.hi-copy { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

@media (min-width: 768px) { .hi-copy { text-align: left; } }

.hi-copy p { color: #f7a800; text-transform: uppercase; font-weight: 700; font-size: 16px; }

.hi-copy h1 { text-transform: uppercase; font-weight: 700; font-size: 20px; }

.hi-copy h2 { font-weight: 300; font-size: 16px; }

@media (min-width: 768px) { .hi-copy p { font-size: 24px; }
  .hi-copy h1 { font-size: 36px; }
  .hi-copy h2 { font-size: 24px; } }

.hi-partners { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.hi-partners img { height: 50px; width: auto; margin: 10px; }

@media (min-width: 768px) { .hi-partners { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .hi-partners img { height: 80px; margin: 0 10px 0 0; } }

.header-carousel .carousel-control { top: 100%; margin-top: -100px; background-image: none !important; }

.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control { z-index: 2; }

.friends-container { background: #fff; }

.pre-form-questions { border-radius: 3px; background: #00a7db; color: #fff; height: 250px; position: relative; text-align: center; }

.pre-form-questions h3 { font-size: 20px; line-height: 1.4; }

.pre-form-questions h3, .pre-form-questions p { max-width: 500px; margin: 0 auto 1em; }

.pre-form-questions button, .pre-form-questions a { -webkit-appearance: none; background: #004a9a; border-color: #c5c5c5; border-radius: 3px; border-style: solid; border-width: 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-family: inherit; font-size: 18px; line-height: 1; height: 50px; text-transform: uppercase; outline: none; padding: 15px; margin: 0 15px; min-width: 100px; text-decoration: none; transition: all 0.5s ease-in-out; }

.pre-form-questions button:hover, .pre-form-questions a:hover { background: #f7a800; }

.pre-form-questions > div:not(:first-of-type) { display: none; }

.pre-form-questions > div { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }

.event-form_wrapper .gform_previous_button, .event-form_wrapper .gform_next_button, .event-form_wrapper .gform_button { float: left; width: 48%; text-transform: uppercase; background: #f7a800; margin-bottom: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.event-form_wrapper .gform_next_button { float: right; }

.event-form_wrapper .gfield_checkbox li { display: flex; }

.event-form_wrapper li input[type="checkbox"] { width: auto; margin-top: 3px; margin-right: 15px; }

.event-form_wrapper li input[type="checkbox"] + label { display: block; }

.event-form_wrapper #gform_submit_button_12 { float: right; }

.event-form #field_12_9 .gfield_label, .event-form #field_12_11 .gfield_label { display: block; font-weight: bold; margin: 20px 0 10px; text-transform: uppercase; }

body #gform_wrapper_14 .gform_body .gform_fields .gsection { border-bottom: none; padding-bottom: 0; }

body #gform_wrapper_14 .gform_body .gform_fields .gsection .gsection_title { color: #f7a800; text-transform: uppercase; }

body #gform_wrapper_14 label { display: none; }

body #gform_wrapper_14 input, body #gform_wrapper_14 textarea { color: #fff; width: 100%; padding: 25px; font-size: 22px; border: none; }

body #gform_wrapper_14 input, body #gform_wrapper_14 textarea { margin-bottom: 15px !important; background-color: #004a9a; }

body #gform_wrapper_14 input[type="submit"] { text-transform: uppercase; background: #f7a800; margin-bottom: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

body #gform_wrapper_14 input[type="submit"]:hover { background: #0d2240; }

body #gform_wrapper_14 input::-webkit-input-placeholder { color: #fff; text-transform: uppercase; }

body #gform_wrapper_14 input:-moz-placeholder { color: #fff; text-transform: uppercase; }

body #gform_wrapper_14 input::-moz-placeholder { color: #fff; text-transform: uppercase; }

body #gform_wrapper_14 input:-ms-input-placeholder { color: #fff; text-transform: uppercase; }

body #gform_wrapper_14 textarea::-webkit-input-placeholder { color: #fff; text-transform: uppercase; }

body #gform_wrapper_14 textarea:-moz-placeholder { color: #fff; text-transform: uppercase; }

body #gform_wrapper_14 textarea::-moz-placeholder { color: #fff; text-transform: uppercase; }

body #gform_wrapper_14 textarea:-ms-input-placeholder { color: #fff; text-transform: uppercase; }

body #gform_wrapper_14 .gchoice_14_31_1 label { display: block; }

body #gform_wrapper_14 .gchoice_14_31_1 input { float: left; width: auto; margin-right: 10px; }

.gfield_required { color: red; }

img.alignright { float: right; margin: 0 0 1em 1em; }

img.alignleft { float: left; margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

a img.alignright { float: right; margin: 0 0 1em 1em; }

a img.alignleft { float: left; margin: 0 1em 1em 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/**
* Education Page styles
*/
body.page-template-template-education { background-color: #fff; font-size: 1.5rem; line-height: 2.4rem; color: #5e6166; }

#education__header { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; margin-bottom: 5rem; }

#education__header:before { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 150%); z-index: 1; }

#education__header .container { min-height: 430px; display: flex; align-items: flex-end; justify-content: center; position: relative; z-index: 2; }

@media only screen and (max-width: 768px) { #education__header .container { min-height: 200px; } }

#education__header h1 { color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 5rem; font-size: 3.6rem; line-height: 4rem; }

#education-page { display: flex; }

.education__main-content { flex: 0 0 66.6666%; max-width: 66.6666%; padding-bottom: 3rem; padding-right: 5rem; }

.education__sidebar { flex: 0 0 33.3333%; max-width: 33.3333%; }

#education-page h4 { color: #004a9a; font-size: 1.8rem; }

#education-page ul { padding-left: 18px; margin-top: 0; margin-bottom: 5rem; }

#education-page ul li { margin-bottom: 1rem; }

#education-page video, #education-page img { max-width: 100%; height: auto; }

#education-page video { margin-bottom: 3rem; }

body.page-template-template-education .register-your-interest { display: flex; gap: 3rem; justify-content: center; align-items: center; padding: 3rem 8.3333%; background: #004a9a; color: #fff; margin-bottom: 5rem; position: sticky; top: 0; z-index: 10; }

body.page-template-template-education .register-your-interest.reduce-padding { padding: 3rem 5rem; }

body.page-template-template-education .register-your-interest h4 { font-size: 2.4rem; line-height: 3.5rem; margin: 0; flex: 0 0 191px; }

body.page-template-template-education .register-your-interest p { margin: 0; }

body.page-template-template-education .register-your-interest .button { min-width: 180px; text-align: center; color: #0a2240; transition: all 0.3s; }

body.page-template-template-education .register-your-interest .button:hover { color: #fff; background-color: #0a2240; }

body.page-template-template-education .register-your-interest .button-area { display: flex; justify-content: space-between; }

body.page-template-template-education .register-your-interest .button-area .button:first-child + .button { margin-left: 30px; }

#education-page .education-intro { font-size: 1.8rem; line-height: 3rem; font-weight: 500; margin-bottom: 5rem; }

#education-page ul li::marker { color: #ecaa3e; font-size: 1.3rem; }

#education-page .education-intro p { margin: 0; }

#education-page .qualification-info { display: flex; gap: 3rem; justify-content: space-evenly; align-items: center; padding: 3rem 4rem; background-color: #e6e8ec; margin: 5rem 0; }

#education-page .qualification-info .left-col { flex: 1 1 auto; }

#education-page .qualification-info .right-col { flex: 1 1 auto; }

#education-page .qualification-info h4 { margin-top: 0; margin-bottom: 1rem; }

#education-page .qualification-info .divide { width: 1px; height: 45px; background: #6b6e73; flex: 0 1 1px; margin: 0 4rem; }

#education-page .contact-box { padding: 3rem 4rem; background-color: #0a2240; color: #fff; }

#education-page .contact-box h4 { margin: 0 0 1rem 0; color: #ecaa3e; font-size: 1.8rem; }

#education-page .contact-box a { color: #fff; display: block; margin-bottom: 0.5rem; }

#education-page .contact-box a:hover { color: #ecaa3e; }

#education-page .contact-box i { color: #ecaa3e; margin-right: 8px; }

body.page-template-template-education .prospectus { display: flex; gap: 5rem; padding: 3rem 5rem; background-color: #e6e8ec; margin-bottom: 5rem; margin-top: 5rem; }

body.page-template-template-education .prospectus .image-wrapper { flex: 0 1 420px; display: flex; flex-direction: column; justify-content: center; }

body.page-template-template-education .prospectus .content-wrapper { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }

body.page-template-template-education .prospectus .image-wrapper img { max-width: 100%; height: auto; }

body.page-template-template-education .prospectus .content-wrapper h4 { margin: 1rem 0 2rem 0; color: #004a9a; font-size: 1.8rem; }

body.page-template-template-education .prospectus .content-wrapper p { margin: 0 0 2rem 0; }

body.page-template-template-education .prospectus .content-wrapper a { font-weight: bold; text-decoration: underline; color: #004a9a; }

body.page-template-template-education .prospectus .content-wrapper a:hover { text-decoration: none; }

body.page-template-template-education .prospectus .content-wrapper .button { min-width: 180px; text-align: center; color: #0a2240; transition: all 0.3s; text-decoration: none; }

body.page-template-template-education .prospectus .content-wrapper .button:hover { color: #fff; background-color: #0a2240; }

body.page-template-template-education .other-courses { padding-bottom: 14rem; text-align: center; background: linear-gradient(0deg, #0a2240 70%, rgba(0, 0, 0, 0) 70%); }

body.page-template-template-education .other-courses h4 { color: #004a9a; font-size: 2.4rem; }

body.page-template-template-education .other-courses .container { display: flex; justify-content: space-between; }

body.page-template-template-education .other-courses .course-block { flex: 0 0 31.3333%; text-align: center; text-align: center; display: flex; flex-direction: column; }

body.page-template-template-education .other-courses .course-block img { max-width: 100%; height: auto; flex: 1 1 auto; }

body.page-template-template-education .other-courses .course-block h5 { background-color: #004a9a; font-size: 1.8rem; color: #fff; text-align: center; padding: 1.5rem; margin: 0 0 2rem 0; flex: 1 1 auto; }

body.page-template-template-education .other-courses .course-block .button { min-width: 180px; text-align: center; color: #0a2240; transition: all 0.3s; flex: 0 0 auto; align-self: center; }

body.page-template-template-education .other-courses .course-block .button:hover { color: #fff; background-color: #004a9a; }

#education-page .education__sidebar .image-block { margin-bottom: 5rem; }

#education-page .education__sidebar .image-block img { max-width: 100%; height: auto; }

#education-page .education__sidebar .image-block .caption { color: #fff; background-color: #0a2240; margin: -25px 2rem 0 2rem; padding: 1.5rem 3rem; position: relative; z-index: 2; text-align: center; font-size: 1.5rem; font-weight: 600; line-height: 20px; }

@media (max-width: 1024px) { #education-page { flex-wrap: wrap; }
  #education-page .education__main-content { flex: 0 0 100%; max-width: 100%; padding: 0; }
  #education-page .education__sidebar { flex: 0 0 100%; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
  #education-page .education__sidebar > div { flex: 0 0 48%; align-self: flex-start; }
  #education-page .education__sidebar .image-block { margin-bottom: 3rem; }
  body.page-template-template-education .prospectus { margin-bottom: 0; }
  body.page-template-template-education .register-your-interest .button-area { flex-direction: column; }
  body.page-template-template-education .register-your-interest .button-area .button:first-child + .button { margin-left: 0px; margin-top: 20px; } }

@media (max-width: 768px) { body.page-template-template-education .register-your-interest { flex-wrap: wrap; gap: 2rem; position: relative; text-align: center; }
  body.page-template-template-education .register-your-interest h4 { flex: 0 0 100%; }
  body.page-template-template-education .register-your-interest p { flex: 1 1 50%; }
  body.page-template-template-education .register-your-interest .button { flex: 0 0 180px; } }

@media (max-width: 767px) { body.page-template-template-education .container { padding: 0 2.5rem; }
  #education-page .education-intro { margin-bottom: 3rem; }
  #education-page .qualification-info { margin: 3rem 0; flex-direction: column; align-items: flex-start; gap: 2rem; padding: 2rem 3rem; }
  #education-page .qualification-info .divide { display: none; }
  body.page-template-template-education .prospectus { flex-direction: column; gap: 1rem; }
  #education-page .education__sidebar > div { flex: 0 0 100%; }
  #education-page .contact-box { margin-bottom: 3rem; }
  body.page-template-template-education .other-courses { background: #fff; padding-bottom: 3rem; }
  body.page-template-template-education .other-courses .container { flex-direction: column; }
  body.page-template-template-education .other-courses .course-block { margin-bottom: 2rem; }
  body.page-template-template-education .register-your-interest .button-area { flex-direction: row; }
  body.page-template-template-education .register-your-interest .button-area .button:first-child + .button { margin-left: 30px; margin-top: 0px; } }

.gform_wrapper { padding: 3rem 6rem 5rem 6rem; margin: 2rem 0; color: #fff; background-color: #0a2240; }

.gform_wrapper .gform_heading { text-align: center; padding-bottom: 2rem; }

.gform_wrapper .gform_heading .gform_description { max-width: 630px; display: inline-block; }

.gform_wrapper form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .gform_wrapper form textarea { background-color: #2e425c; color: #fff; padding: 20px; font-size: 15px; text-transform: capitalize; border: none; width: 100%; }

.gform_wrapper form input::-webkit-input-placeholder { text-transform: none; color: #fff; }

.gform_wrapper form input:-moz-placeholder { text-transform: none; color: #fff; }

.gform_wrapper form input:-ms-input-placeholder { text-transform: none; color: #fff; }

.gform_wrapper form textarea::-webkit-input-placeholder { text-transform: none; color: #fff; }

.gform_wrapper form textarea:-moz-placeholder { text-transform: none; color: #fff; }

.gform_wrapper form textarea:-ms-input-placeholder { text-transform: none; color: #fff; }

.gform_wrapper form select { background-color: #2e425c; color: #fff; padding: 20px; font-size: 15px; text-transform: capitalize; border: none; width: 100%; }

.gform_wrapper form select option { text-transform: capitalize; }

.gform_wrapper form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .gform_wrapper form textarea, .gform_wrapper form select { margin-bottom: 1rem; }

.gform_wrapper form input[type="submit"] { border: none; }

.gform_wrapper form .gform_footer { text-align: center; padding-top: 2rem; }

.gform_wrapper form .gform_footer input[type="submit"] { width: auto; min-width: 120px; }

.gform_wrapper form .gform_footer input[type="submit"]:hover { background-color: #f7a800; color: #0a2240; }

.gform_wrapper form .gform_fields { display: flex; flex-wrap: wrap; column-gap: 2rem; row-gap: 1rem; list-style: none; padding-left: 0; }

.gform_wrapper form .gform_fields .gfield { flex: 1 1 100%; border: none; margin: 0; padding: 0; }

.gform_wrapper form .gform_fields .gfield .gfield_label { /* visibility: hidden; */ }

.gform_wrapper form .gform_fields .gfield .ginput_container_consent, .gform_wrapper form .gform_fields .gfield .gfield_checkbox .gchoice { display: flex; gap: 0.6rem; align-items: flex-start; margin-bottom: 2rem; }

.gform_wrapper form .gform_fields .gfield .ginput_container_consent input[type="checkbox"], .gform_wrapper form .gform_fields .gfield .gfield_checkbox .gfield-choice-input { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 1px; }

.gform_wrapper form .gform_fields .gfield.gfield--width-half { flex: 1 1 calc(50% - 1rem); }

.gform_wrapper form .gform_fields .gfield .gfield_label { display: inline-block; margin-bottom: 0.5rem; }

.gform_wrapper form .gform_fields .gfield.hidden_label .gfield_label { display: none; }

.gform_wrapper form .gform_fields .gfield .gfield_label .gfield_required { margin-left: 4px; }

.gform_wrapper form .gform_fields .gfield .screen-reader-text { display: none; }

.gform_wrapper form .gform_fields .gfield.gsection { height: 1px; background: #fff; margin: 3rem 0; }

@media (max-width: 767px) { .gform_wrapper { padding: 2rem 3rem 4rem 3rem; }
  .gform_wrapper form .gform_fields .gfield.gsection { margin: 2rem 0; }
  .gform_wrapper form .gform_fields .gfield.gfield--width-half { flex: 1 1 100%; } }

@media (max-width: 992px) { .pb-top-content .pb-video { display: flex; } }

@media (min-width: 993px) { .pb-top-content .pb-video { height: 435px; display: flex; flex-direction: column; justify-content: center; } }

/*
Page Builder 2021
*/
.pb-top-content { background-color: #ffffff; padding: 8rem 0; }

.pb-top-content .image-block { background-position: center; background-repeat: no-repeat; background-size: cover; height: 435px; }

.pb-top-content .pb-text-block { display: flex; flex-direction: column; font-weight: 300; height: 435px; justify-content: center; line-height: 24px; }

.pb-top-content .pb-text-block h2 { color: #004a9a; }

.pb-middle-content { background-color: #e6e8ec; font-weight: 300; line-height: 24px; padding: 5rem 0; }

.pb-middle-content h2 { margin-bottom: 0.5rem; }

.pb-middle-content h2, .pb-middle-content b, .pb-middle-content strong { color: #004a9a; }

.pb-cta-lower-banner { color: #ffffff; padding: 4.25rem 0 4.75rem; position: relative; text-align: center; overflow: hidden; }

.pb-cta-lower-banner-bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; height: 100%; transition: 0.2s; width: 100%; z-index: -1; }

.pb-cta-lower-banner:hover .pb-cta-lower-banner-bg-image { transform: scale(1.1); }

.pb-cta-lower-banner .container { position: relative; }

.pb-cta-lower-banner:before { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; position: absolute; top: 0; left: 0; transition: 0.2s; width: 100%; }

.pb-cta-lower-banner h2 { margin-top: 0; }

.pb-cta-lower-banner .pb-narrow { margin: 0 auto; width: 66.666%; }

.pb-cta-lower-banner p { font-weight: 300; line-height: 24px; margin-bottom: 2.5rem; }

.pb-cta-lower-banner a.button { color: #0a2240; padding: 1rem 2.5rem; transition: 0.5s; }

.pb-cta-lower-banner a.button:hover { background-color: #004a9a; color: #fff; }

.pb-narrow-banner { background-color: #ffffff; padding: 3.625rem 0; }

.pb-narrow-banner h2 { color: #004a9a; text-transform: uppercase; text-align: center; }

.pb-bottom-cta-blocks { background-color: #ffffff; display: flex; flex: 0 0 100%; flex-grow: 1; }

.pb-bottom-cta-blocks .inner-contain { background-color: #0a2240; margin-top: 5.75rem; padding-bottom: 11.4rem; width: 100%; }

.pb-bottom-cta-blocks .inner-contain .container { margin-top: -6.25rem; }

.pb-bottom-cta-block { display: grid; grid-template-rows: 350px 100px; min-height: 450px; margin-bottom: 3rem; overflow: hidden; }

.pb-bottom-cta-block .image-contain { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; transition: transform 0.2s; }

.pb-bottom-cta-block:hover .image-contain { transform: scale(1.1); }

.pb-bottom-cta-block .text-block-small { background-color: #004a9a; z-index: 100; }

.pb-bottom-cta-block .text-block-small p { color: #ffffff; font-weight: 600; margin: 0; padding: 1.25rem 3.5rem; display: flex; align-items: center; height: 100px; line-height: 24px; text-align: center; }

.pb-bottom-cta-blocks .button { color: #0a2240; display: flex; text-align: center; width: fit-content; width: -moz-fit-content; margin: 0 auto; padding: 1rem 3.5rem; transition: 0.5s; }

.pb-bottom-cta-blocks .button:hover { background-color: #004a9a; color: #fff; }

.pb-slider { background-color: #ffffff; padding: 6.75rem 0 3.75rem; }

.pb-slider .pb-bg-img { background-position: center; background-repeat: no-repeat; background-size: cover; height: 435px; }

.pb-slide-text-block { display: flex; flex-direction: column; font-weight: 300; height: 435px; line-height: 24px; justify-content: center; padding-left: 5rem; }

.pb-slide-text-block h2, .pb-slide-text-block h3, .pb-slide-text-block h4, .pb-slide-text-block h5 { color: #004a9a; }

.pb-slide-text-block p { margin-top: 0; }

.pb-slider .slick-dots { display: flex; width: 50%; justify-content: center; padding-left: 0; padding-right: 15px; }

.pb-slider .slick-dots li { list-style-type: none; position: relative; display: inline-block; height: 11px; width: 11px; margin: 0 6px; padding: 0; cursor: pointer; }

.pb-slider .slick-dots li button { border: 0; background: transparent; display: block; height: 11px; width: 11px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.pb-slider .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\f111"; width: 11px; height: 11px; font-family: "Font Awesome 5 Pro"; font-size: 11px; line-height: 11px; text-align: center; color: #6b6e73; opacity: 0.3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.pb-slider .slick-dots li.slick-active button:before { color: #004a9a; opacity: 1; }

@media (max-width: 540px) { .pb-slider { padding: 0 0 1.25rem; }
  .pb-slider .pb-bg-img { height: 225px; }
  .pb-top-content .image-block { height: 225px; } }

.slider-dots-mob-only { display: none; }

@media (max-width: 992px) { .pb-top-content .pb-text-block { display: block; height: auto; }
  .pb-top-content .pb-text-block h2 { margin-top: 0; }
  .pb-top-content .image-block { background-size: cover; }
  .pb-middle-content { padding: 2.5rem 0; }
  .pb-top-content { padding: 4.5rem 0; }
  .pb-slider { padding-bottom: 4.5rem; padding-top: 0; }
  .pb-slide-text-block { height: auto; margin-top: 10px; padding-left: 30px; padding-right: 30px; }
  .pb-slider .slick-dots { width: 100%; }
  .pb-bottom-cta-blocks .button { margin-bottom: 3rem; }
  .pb-bottom-cta-blocks .inner-contain { padding-bottom: 5rem; }
  .slider-dots { display: none; }
  .slider-dots-mob-only { display: block; } }

.page-banner-image { background-position: center; background-repeat: no-repeat; background-size: cover; height: 260px; position: relative; }

.page-banner > .align-top { background-position: top; }

.page-banner > .align-middle { background-position: center; }

.page-banner > .align-bottom { background-position: bottom; }

.page-banner-image:before { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.page-banner-lower { background: #004a9a; position: sticky; top: 0; z-index: 100; }

@media (max-width: 992px) { .page-banner-lower { position: relative; } }

.page-banner-lower-inner-content { display: flex; gap: 6rem; justify-content: center; align-items: center; padding: 3rem 8.3333%; color: #fff; position: sticky; top: 0; z-index: 10; }

.page-banner-lower-inner-content h4:after { border-right: 1px solid #ffffff; content: ""; position: absolute; right: -3rem; top: 0; height: 100%; width: 1px; }

.page-banner-lower-inner-content.reduce-padding { padding: 3rem 5rem; }

.page-banner-lower-inner-content h4 { flex: 0 0 25%; font-size: 2.4rem; line-height: 3.5rem; margin: 0; position: relative; }

.page-banner-lower-inner-content p { margin: 0; }

.page-banner-lower-inner-content .button { min-width: 180px; text-align: center; color: #0a2240; transition: all 0.3s; }

.page-banner-lower-inner-content .button:hover { color: #fff; background-color: #0a2240; }

.page-banner-lower-inner-content .button-area { display: flex; justify-content: space-between; }

.page-banner-lower-inner-content .button-area .button:first-child + .button { margin-left: 30px; }

@media (max-width: 992px) { .page-banner-lower-inner-content { flex-direction: column; gap: 2rem; text-align: center; }
  .page-banner-lower-inner-content h4:after { display: none; }
  .inner-page-banner-content { padding: 0 15px; } }

.inner-page-banner-content { display: flex; justify-content: center; flex-direction: column; align-items: center; height: 260px; color: #ffffff; text-align: center; position: relative; width: 100%; }

.inner-page-banner-content p, .inner-page-banner-content h1 { margin-top: 0; }

.inner-page-banner-content h1 { font-weight: 600; }

.page-template-template-affiliated-supporters, .page-template-template-page-builder { background-color: #ffffff; }

.affiliated-supporters-content-inner { display: flex; gap: 60px; }

.affiliated-supporters-content-inner-content { font-size: 15px; color: #6b6e73; }

.affiliated-supporters-content-inner-content .sub-paragraph { margin-bottom: 32px; }

.affiliated-supporters-content-inner-content .sub-paragraph h4 { color: #004a9a; }

.affiliated-supporters-content-inner-content h4 { font-size: 18px; color: #0a2240; }

.affiliated-supporters-content-inner-sidebar { flex: 0 0 33%; }

@media only screen and (max-width: 991px) { .affiliated-supporters-content-inner-sidebar { display: none; } }

.affiliated-supporters-content-inner-sidebar img { width: 100%; min-height: 230px; object-fit: cover; }

.affiliated-supporters-content-inner-sidebar-content { background-color: #004a9a; padding: 25px 50px 50px; color: #ffffff; }

.affiliated-supporters-content-inner-sidebar-content h3 { font-size: 24px; margin: 0 0 1rem; }

.affiliated-supporters-content-inner-sidebar-content p { font-size: 15px; font-weight: 400; margin-bottom: 25px; }

.affiliated-supporters-content-inner-sidebar-content .btn { font-size: 15px; font-weight: 600; background-color: #f4b223; color: #0a2240; height: 45px; width: 180px; display: flex; align-items: center; justify-content: center; }

.affiliate-benefits { margin-bottom: 75px; }

.affiliate-benefits-inner { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }

@media only screen and (max-width: 991px) { .affiliate-benefits-inner { grid-template-columns: repeat(2, 1fr); } }

@media only screen and (max-width: 500px) { .affiliate-benefits-inner { grid-template-columns: repeat(1, 1fr); } }

.affiliate-benefit { background-color: #0a2240; color: #ffffff; text-align: center; font-size: 18px; font-weight: 500; width: 100%; padding: 50px 33px 30px 33px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 25px; cursor: pointer; }

.affiliate-benefit p { margin: 0; }

.affiliate-benefit-tick { border: 1px solid #f4b223; transform: rotate(45deg); height: 75px; width: 75px; display: flex; align-items: center; justify-content: center; }

.affiliate-benefit-tick i { transform: rotate(-45deg); font-size: 33px; }

.affiliate-benefit-extra { padding: 2rem; background-color: rgba(10, 34, 64, 0.1); }

.affiliate-benefit-extra ul { margin: 0; padding-left: 16px; }

.affiliate-benefit-extra ul li { margin-bottom: 8px; }

.affiliate-benefit-wrapper .fa-chevron-down { transition: transform 0.3; }

.affiliate-benefit-wrapper.expanded .fa-chevron-down { transform: rotate(180deg); }

.affiliated-quote { margin-bottom: 75px; }

.affiliated-quote-inner { background-color: rgba(10, 34, 64, 0.1); display: flex; align-items: center; padding: 60px 80px; gap: 45px; }

@media only screen and (max-width: 767px) { .affiliated-quote-inner { flex-direction: column; padding: 30px 25px; } }

.affiliated-quote-image { max-width: 195px; }

.affiliated-quote-image img { max-height: 215px; }

.affiliated-quote-image .quote-name { color: #004a9a; font-weight: 500; font-size: 18px; margin-bottom: 0; }

.affiliated-quote-image .quote-job-title { color: #0a2240; font-weight: 400; font-size: 15px; margin: 0; }

.affiliated-quote-quote { color: #6b6e73; font-size: 15px; }

.affiliated-quote-quote h4 { color: #0a2240; font-weight: 500; font-size: 24px; margin-top: 0; }

.supporters-club-news h2 { text-align: center; color: #004a9a; margin-bottom: 55px; }

.supporters-club-news { background: linear-gradient(to bottom, transparent 55%, #0a2240 55%); }

.supporters-club-news-articles { display: flex; gap: 20px; }

.supporters-club-news-article { background-color: #004a9a; flex: 1 0 0; }

@media only screen and (max-width: 991px) { .supporters-club-news-articles { flex-wrap: wrap; }
  .supporters-club-news-article { flex: 0 0 100%; } }

.supporters-club-news-article-image { height: 240px; }

.supporters-club-news-article-image img { width: 100%; height: 100%; object-fit: cover; }

.supporters-club-news-article-content { color: #ffffff; padding: 40px 35px 50px; font-size: 15px; display: flex; flex-direction: column; min-height: 320px; }

.supporters-club-news-article-content h4 { font-size: 18px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.supporters-club-news-article-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.supporters-club-news-article-content a { font-size: 15px; font-weight: 600; background-color: #f4b223; color: #0a2240; height: 45px; width: 180px; display: flex; align-items: center; justify-content: center; margin-top: auto; }

.affiliated-supporters-form { background-color: #0a2240; padding: 75px 0 30px; }

.affiliated-supporters-form h2, .affiliated-supporters-form h3 { color: #ffffff; text-align: center; font-size: 24px; margin: 0 auto 2rem; }

.affiliated-supporters-form form .spacer { display: none !important; }

.affiliated-supporters-form .gform_wrapper { padding-top: 0; margin-top: 0; }

.affiliated-supporters-form .gform_heading .gform_required_legend { display: none; }

.affiliated-supporters-form-form form .gform_fields { gap: 20px !important; }

@media only screen and (max-width: 991px) { .affiliated-supporters-form-form .gform_wrapper { padding: 2em 0 3rem; } }

.affiliated-supporters-form-form form .gform_fields input:not(.ginput_container_consent input), .affiliated-supporters-form-form form .gform_fields textarea { min-height: 60px !important; margin: 0 !important; font-size: 15px !important; background-color: rgba(255, 255, 255, 0.15) !important; color: #ffffff !important; }

.affiliated-supporters-form-form form .form-footer { border-top: 1px solid #ffffff; margin-top: 14px; }

.affiliated-supporters-form-form form .form-footer p { font-size: 15px; margin: 0; padding: 32px 0; text-align: center; }

.affiliated-supporters-form-form form .form-footer p a { border-bottom: 1px solid #ffffff; color: #ffffff; font-weight: 500; }

.affiliated-supporters-form-form form .gform_fields .ginput_container_consent { display: flex; align-items: center; justify-content: center; }

.affiliated-supporters-form-form form .gform_fields .ginput_container_consent label { display: block !important; text-transform: none !important; font-size: 15px !important; }

.affiliated-supporters-form-form form .gform_fields .ginput_container_consent input { margin: 0 !important; }

.affiliated-supporters-form-form form .gform_footer { width: fit-content !important; width: -moz-fit-content !important; margin: 0 auto !important; }

.affiliated-supporters-form-form form .gform_footer input { min-width: 180px !important; text-transform: none !important; font-size: 15px !important; }

.page-template-template-what-we-do { background-color: transparent; }

.what-we-do-activity { padding: 85px 0; }

.what-we-do-activity-inner { display: flex; align-items: center; }

.what-we-do-activity:nth-child(even) { background-color: rgba(107, 110, 115, 0.1); }

.what-we-do-activity:nth-child(even) .what-we-do-activity-content { order: 2; padding-right: 0; padding-left: 70px; }

@media only screen and (max-width: 991px) { .what-we-do-activity:nth-child(even) .what-we-do-activity-content { padding-left: 0; }
  .what-we-do-activity-content h2 { margin-top: 0; } }

.what-we-do-activity:nth-child(even) .what-we-do-activity-image { order: 1; }

.what-we-do-activity-content { flex: 0 0 50%; padding-right: 60px; font-size: 15px; color: #0a2240; }

.what-we-do-activity-content h2 { color: #004a99; font-size: 24px; }

.what-we-do-activity-content p { margin-bottom: 32px; }

.what-we-do-activity-image { flex: 0 0 50%; max-height: 435px; display: flex; }

.what-we-do-activity-image img { width: 100%; object-fit: cover; }

@media only screen and (max-width: 991px) { .what-we-do-activity { padding: 45px 0; }
  .what-we-do-activity-inner { flex-direction: column; }
  .what-we-do-activity-image { margin-top: 45px; max-height: 350px; }
  .what-we-do-activity:nth-child(even) .what-we-do-activity-content { order: 1; }
  .what-we-do-activity:nth-child(even) .what-we-do-activity-image { order: 2; } }

.what-we-do-full-width-banner { background-size: cover; background-position: center; margin-bottom: 65px; }

.what-we-do-full-width-banner .banner-overlay { background-color: rgba(10, 34, 64, 0.7); min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; text-align: center; }

.what-we-do-full-width-banner-content { max-width: 650px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.what-we-do-full-width-banner-content h3 { font-size: 22px; margin: 0; }

.what-we-do-full-width-banner-content p { margin-bottom: 32px; font-size: 15px; }

.what-we-do-full-width-banner-content { margin: 0 auto; }

@media only screen and (max-width: 991px) { .what-we-do-full-width-banner { margin-bottom: 0; } }

.page-banner-static-image { min-height: 430px; background-position: center; background-size: cover; }

@media only screen and (max-width: 768px) { .page-banner-static-image { min-height: 200px; } }

.video-page-banner { min-height: 430px; }

@media only screen and (max-width: 768px) { .video-page-banner { min-height: 200px; } }

#locationsMap .gm-style .gm-style-iw-c { background-color: #004a9a; color: #ffffff; padding: 2rem !important; }

#locationsMap .gm-style .gm-style-iw-c .gm-style-iw-d { overflow: hidden !important; }

#locationsMap .gm-style .gm-style-iw-c h4 { color: #f4b223; margin-top: 0; margin-bottom: 1rem; }

#locationsMap .gm-style .gm-style-iw-c a { color: #FFF; outline: none; }

#locationsMap .gm-style .gm-style-iw-c a:hover { text-decoration: underline; }

#locationsMap .gm-style .gm-style-iw-c .members, #locationsMap .gm-style .gm-style-iw-c .telephone, #locationsMap .gm-style .gm-style-iw-c .email { display: inline-block; margin-bottom: 8px; }

#locationsMap .gm-style .gm-style-iw-c i { color: #f4b223; margin-right: 4px; }

#locationsMap .gm-style .gm-style-iw-t::after { background: linear-gradient(45deg, #004a9a 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); }

.page-template-template-what-we-do { font-size: 15px; }

.what-we-do__header { text-align: center; position: relative; color: #FFF; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 72px; padding-bottom: 72px; }

.what-we-do__header:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(10, 34, 64, 0.6); z-index: 1; }

.what-we-do__header .container { position: relative; z-index: 2; }

.what-we-do__header p { max-width: 600px; margin: auto; }

@media (max-width: 630px) { .what-we-do__header p { max-width: 100%; margin: 0 15px; } }

.what-we-do__top-cta { background: #004A9A; color: #FFF; padding-top: 40px; padding-bottom: 40px; }

.what-we-do__top-cta__inner { display: flex; justify-content: center; align-items: center; padding: 0 15px; }

.what-we-do__top-cta__inner h2 { flex: 0 0 250px; padding-right: 20px; border-right: 1px solid #FFF; margin-right: 20px; }

.what-we-do__top-cta__inner p { flex: 1 1 500px; max-width: 500px; padding-right: 60px; }

.what-we-do__top-cta__inner .btn { flex: 0 0 auto; margin: 0; }

@media (max-width: 991px) { .what-we-do__top-cta__inner { flex-wrap: wrap; }
  .what-we-do__top-cta__inner h2 { flex: 1 1 35%; }
  .what-we-do__top-cta__inner p { flex: 1 1 60%; padding-right: 0; }
  .what-we-do__top-cta__inner .btn { flex: 1 1 100%; } }

@media (max-width: 680px) { .what-we-do__top-cta__inner h2 { flex: 1 1 100%; border-right: none; }
  .what-we-do__top-cta__inner p { flex: 1 1 100%; } }

.wide-blocks__block { padding-top: 80px; padding-bottom: 80px; }

.wide-blocks__block .container { display: flex; }

.wide-blocks__block__image-wrapper { flex: 1 1 50%; padding-right: 30px; order: 1; display: flex; flex-direction: column; justify-content: center; }

.wide-blocks__block__image-wrapper img { max-width: 100%; }

.wide-blocks__block__content-wrapper { flex: 1 1 50%; order: 2; padding-left: 30px; display: flex; flex-direction: column; justify-content: center; }

.wide-blocks__block__content-wrapper h2 { color: #004A9A; }

.wide-blocks__block__content-wrapper p { margin-top: 0; }

.wide-blocks__block__content-wrapper .btn { margin-top: 0; }

.wide-blocks__block:nth-child(even) { background-color: rgba(107, 110, 115, 0.1); }

.wide-blocks__block:nth-child(even) .wide-blocks__block__image-wrapper { order: 2; padding-right: 0px; padding-left: 30px; }

.wide-blocks__block:nth-child(even) .wide-blocks__block__content-wrapper { order: 1; padding-left: 0px; padding-right: 30px; }

@media (max-width: 991px) { .wide-blocks__block__image-wrapper { padding-right: 15px; }
  .wide-blocks__block__content-wrapper { padding-left: 15px; }
  .wide-blocks__block:nth-child(even) .wide-blocks__block__image-wrapper { padding-right: 0px; padding-left: 15px; }
  .wide-blocks__block:nth-child(even) .wide-blocks__block__content-wrapper { padding-left: 0px; padding-right: 15px; } }

@media (max-width: 680px) { .wide-blocks__block .container { flex-wrap: wrap; }
  .wide-blocks__block { padding-top: 40px; padding-bottom: 40px; }
  .wide-blocks__block__image-wrapper { padding-right: 0; flex: 1 1 100%; order: 1; }
  .wide-blocks__block__content-wrapper { padding-left: 0; flex: 1 1 100%; order: 2; }
  .wide-blocks__block:nth-child(even) .wide-blocks__block__image-wrapper { padding-right: 0; padding-left: 0; order: 1; }
  .wide-blocks__block:nth-child(even) .wide-blocks__block__content-wrapper { padding-left: 0; padding-right: 0; order: 2; } }

.what-we-do__bottom-cta { text-align: center; position: relative; color: #FFF; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 72px; padding-bottom: 72px; }

.what-we-do__bottom-cta:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(10, 34, 64, 0.6); z-index: 1; }

.what-we-do__bottom-cta .container { position: relative; z-index: 2; }

.what-we-do__bottom-cta__inner { display: flex; flex-direction: column; align-items: center; padding-left: 15px; padding-right: 15px; }

.what-we-do__bottom-cta__inner p { max-width: 650px; margin-top: 0; }

.shrews-4-all-cards { padding-top: 60px; padding-bottom: 100px; text-align: center; background: linear-gradient(180deg, white 240px, #0a2240 240px); }

.shrews-4-all-cards h2 { color: #004A9A; }

.shrews-4-all-cards .inner { display: flex; padding-top: 30px; margin-left: -15px; margin-right: -15px; }

.shrews-4-all-card { display: block; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; text-align: center; flex: 1 1 33.333%; }

.shrews-4-all-card img { max-width: 100%; }

.shrews-4-all-card .title { background-color: #004A9A; padding: 15px 0; }

.shrews-4-all-card .title h3 { color: #FFF; margin: 0; }

.shrews-4-all-card .btn { margin: 30px auto 0 auto; }

@media (max-width: 991px) { .shrews-4-all-cards .inner { flex-wrap: wrap; justify-content: center; } }

@media (max-width: 680px) { .shrews-4-all-cards { padding-bottom: 0; padding-top: 40px; }
  .shrews-4-all-cards .inner { margin-left: 15px; margin-right: 15px; padding-top: 0; }
  .shrews-4-all-card { flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 50px; }
  .shrews-4-all-card .btn { margin: 20px auto 0 auto; } }

#site-footer-2021 { background-color: #F2F2F2; text-align: center; padding-top: 90px; padding-bottom: 90px; }

#site-footer-2021 .logo { margin: 0 auto 36px auto; display: block; float: none; }

#site-footer-2021 p { margin: 0 0 18px 0; color: #0d2240; }

#site-footer-2021 #menu-footer-menu { margin: 0 0 32px 0; padding: 0; display: flex; justify-content: center; list-style-type: none; }

@media (max-width: 659px) { #site-footer-2021 #menu-footer-menu { flex-wrap: wrap; } }

#site-footer-2021 #menu-footer-menu li { border-right: 1px solid #000; margin-right: 8px; margin-bottom: 8px; padding-right: 8px; }

#site-footer-2021 #menu-footer-menu li:last-child { border-right: none; margin-right: 0; padding-right: 0; }

#site-footer-2021 #menu-footer-menu li a { color: #6B6E73; }

#site-footer-2021 #menu-footer-menu li.bold { font-weight: 600; color: #004A9A; }

#site-footer-2021 .social-links { font-size: 12px; display: flex; justify-content: center; }

#site-footer-2021 .social-links > a { padding-left: 8px; padding-right: 8px; color: #004A9A; }

.banner-slider .slide { height: 520px; background-position: top center; background-repeat: no-repeat; background-size: cover; color: #FFF; }

.banner-slider .slide .container { height: 100%; display: flex; flex-direction: column; justify-content: center; }

.banner-slider .slide h1 { margin: 0; font-size: 50px; line-height: 56px; }

.banner-slider .slide p { max-width: 460px; margin-bottom: 3rem; }

.banner-slider .slide .btn { margin-top: 0; }

.banner-slider .slick-arrow { position: absolute; top: 0; bottom: 0; margin: auto; z-index: 4; padding: 0; border: none; width: 40px; height: 40px; background-color: transparent; font-size: 30px; color: #FFF; cursor: pointer; }

.banner-slider .slick-prev { left: 40px; }

.banner-slider .slick-next { right: 40px; }

.block-links { margin-bottom: 30px; }

.block-links .inner { display: flex; margin-left: -15px; margin-right: -15px; justify-content: center; }

@media (max-width: 991px) { .block-links .inner { flex-wrap: wrap; } }

.block-links .block-link { flex: 1 1 100%; max-width: calc( 50% - 30px); min-width: 300px; display: block; margin-left: 15px; margin-right: 15px; aspect-ratio: 1/1; padding: 30px; display: flex; flex-direction: column; justify-self: flex-end; position: relative; margin-bottom: 30px; background-size: cover; background-position: center; }

@media (max-width: 659px) { .block-links .block-link { max-width: 100%; } }

.block-links .block-link:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; transition: top 0.3s; background: linear-gradient(0deg, #0d2240 0%, rgba(255, 255, 255, 0) 50%); z-index: 1; }

.block-links .block-link h3 { color: #FFF; margin: 0; font-size: 24px; line-height: 24px; z-index: 2; }

.block-links .block-link h3 i { float: right; font-size: 18px; line-height: 24px; }

.block-links .block-link h4 { margin-top: auto; margin-bottom: 8px; text-transform: uppercase; color: #F4B223; font-size: 20px; line-height: 24px; z-index: 2; }

.block-links .block-link:hover:after { top: 100%; }

.card-links { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; }

.card-links .card-link { margin-left: 8px; margin-right: 8px; flex: 0 0 calc( 50% - 16px); margin-bottom: 16px; position: relative; height: 210px; background-position: center; background-size: cover; background-repeat: no-repeat; }

@media (max-width: 659px) { .card-links .card-link { flex: 1 1 calc( 100%); } }

.card-links .card-link:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #004A9A; transition: opacity 0.3s; opacity: 0.8; z-index: 1; }

.card-links .card-link .inner { position: relative; z-index: 2; padding: 28px; color: #FFF; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }

.card-links .card-link h3 { font-size: 24px; line-height: 32px; font-weight: 600; margin: 0 0 12px 0; }

.card-links .card-link span { color: #F4B223; font-size: 15px; line-height: 24px; font-weight: 600; }

.card-links .card-link span i { font-size: 12px; margin-left: 6px; }

.card-links .card-link:hover:after { opacity: 0.3; }

.case-study-slider-wrapper { color: #FFF; position: relative; }

.case-study-slider-wrapper .slide { position: relative; padding-top: 90px; padding-bottom: 90px; min-height: 500px; display: flex !important; align-items: center; background-position: top center; background-size: cover; }

.case-study-slider-wrapper .slide:after { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); }

.case-study-slider-wrapper .slide .container { position: relative; z-index: 2; }

.case-study-slider-wrapper .slide h5 { margin: 0; text-transform: uppercase; color: #F4B223; font-size: 15px; }

.case-study-slider-wrapper .slide h2 { margin: 0 0 1rem 0; font-size: 30px; line-height: 56px; }

.case-study-slider-wrapper .slide .excerpt { max-width: 350px; margin-bottom: 40px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

.case-study-slider-wrapper .slide .btn { display: inline-flex; margin-right: 2rem; margin-bottom: 2rem; }

.case-study-slider-wrapper .control-wrapper { pointer-events: none; position: absolute; top: 50px; left: 0; bottom: 50px; right: 0; margin: auto; }

.case-study-slider-wrapper .dots-wrapper { pointer-events: auto; position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; }

@media (max-width: 767px) { .case-study-slider-wrapper .dots-wrapper { right: 20px; } }

.case-study-slider-wrapper .dots-wrapper .slick-dots { display: flex; flex-direction: column; align-items: flex-end; height: 100%; margin: 0; padding: 0; list-style: none; }

.case-study-slider-wrapper .dots-wrapper .slick-dots li { flex: 1 1 33.3333%; width: 5px; padding: 12px 0; transition: width 0.3s ease-in-out; }

.case-study-slider-wrapper .dots-wrapper .slick-dots li button { transition: background-color 0.3s ease-in-out; text-indent: -9999999px; border: none; background: #FFF; width: 100%; height: 100%; padding: 0; }

.case-study-slider-wrapper .dots-wrapper .slick-dots li.slick-active { width: 8px; }

.case-study-slider-wrapper .dots-wrapper .slick-dots li.slick-active button { background: #F4B223; }

.case-study-slider-wrapper .arrow-wrapper { pointer-events: auto; font-size: 30px; margin-top: 1rem; color: #FFF; z-index: 2; position: absolute; bottom: 0px; }

.case-study-slider-wrapper .arrow-wrapper i { margin-right: 2rem; cursor: pointer; }

.latest-events .inner { display: flex; margin-left: -20px; margin-right: -20px; }

.latest-events .event-card { flex: 0 0 calc( 33.333333% - 40px); max-width: calc( 33.333333% - 40px); margin-left: 20px; margin-right: 20px; }

.latest-events .event-card .image-wrapper img { max-width: 100%; height: auto; }

.latest-events .event-card .content-wrapper a { color: #0A2240; font-weight: bold; font-size: 15px; }

.latest-events .event-card .content-wrapper a i { font-size: 12px; margin-left: 6px; }

.latest-news { padding-top: 90px; padding-bottom: 70px; }

.latest-news .heading-block { display: flex; justify-content: space-between; padding-bottom: 50px; }

.latest-news .heading-block h2 { margin: auto 0 0 0; }

.latest-news .inner { display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; }

.latest-news .news-card { display: flex; flex-direction: column; flex: 0 0 calc( 33.333333% - 40px); max-width: calc( 33.333333% - 40px); align-items: center; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; }

@media (max-width: 991px) { .latest-news .news-card { flex: 0 0 calc( 50% - 40px); max-width: calc( 50% - 40px); } }

@media (max-width: 659px) { .latest-news .news-card { flex: 0 0 calc( 100% - 40px); max-width: calc( 100% - 40px); } }

.latest-news .news-card .image-wrapper { flex: 0 0 auto; }

.latest-news .news-card .image-wrapper img { max-width: 100%; height: auto; aspect-ratio: 5 / 3; }

.latest-news .news-card .content-wrapper { flex: 1 1 auto; padding: 30px 40px 40px 40px; background-color: #F2F2F2; display: flex; flex-direction: column; }

.latest-news .news-card .content-wrapper h2 { color: #004A9A; margin: 0; }

.latest-news .news-card .content-wrapper .excerpt { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.latest-news .news-card .content-wrapper a { color: #0A2240; font-weight: bold; font-size: 15px; margin-top: auto; }

.latest-news .news-card .content-wrapper a i { font-size: 12px; margin-left: 6px; }

.partners-slider-wrapper { text-align: center; }

.partners-slider-wrapper .container { border-top: 1px solid #6B6E73; padding-top: 70px; padding-bottom: 40px; }

.partners-slider-wrapper h2 { color: #004A9A; }

.partners-slider .partner { padding: 20px; display: flex; justify-content: center; align-items: center; height: 200px; }

.partners-slider .partner a { display: block; }

.partners-slider .partner img { max-width: 100%; height: auto; }

.partners-slider.slick-initialized .slick-slide { display: flex; }

.page-template-template-home-v2 { background-color: #FFF !important; }

.page-template-template-home-v2 .banner-slider .slide { padding-bottom: 140px; }

@media (max-width: 659px) { .page-template-template-home-v2 .banner-slider .slide { padding-bottom: 40px; } }

@media (max-width: 659px) { .page-template-template-home-v2 .banner-slider .slick-arrow { top: initial; bottom: 40px; } }

.page-template-template-home-v2 .block-links { margin-top: -140px; z-index: 2; position: relative; }

@media (max-width: 659px) { .page-template-template-home-v2 .block-links { margin-top: 20px; } }

.page-template-template-home-v2 .support-us { padding-bottom: 106px; }

.page-template-template-home-v2 .support-us .row { display: flex; align-items: center; flex-wrap: wrap; }

.page-template-template-home-v2 .support-us h2 { margin-top: 0; font-size: 30px; line-height: 46px; color: #004A9A; max-width: 260px; }

.page-template-template-home-v2 .support-us p { margin-top: 0; margin-bottom: 34px; max-width: 420px; }

.page-template-template-home-v2 .support-us .card-links { padding-top: 40px; }

/*# sourceMappingURL=style.css.map */