@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

h1,h2,h3,h4,h5,h6,p {
    font-family: 'Raleway', sans-serif;
}
h4.special {
    font-family:  'Raleway', sans-serif;
}
/* Fonts */
h1 {padding-bottom:2rem;}
ul {font-family: 'Raleway', sans-serif;}
li {font-family: 'Raleway', sans-serif;}
a {font-family: 'Raleway', sans-serif;}

table {font-family: 'Raleway', sans-serif;}

table tbody tr:first-child {
    background-color: #f07527;
}
table a {
    color:#38af49;
}

.entry-content .alignwide {
    margin-left  : -80px;
    margin-right : -80px;
}

.alignfull img {
    width: 100vw;
}


.logo-bar .site-logo {
    margin-top:0px;
    margin-bottom:0px;
    max-width:200px;
}

.cff-wrapper {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.callout.aimsandvalues {
    border-radius: 20px;
    background-color: #38af49;
    background-image: url(../img/quotes-only.svg);
    background-size: auto;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.callout-content {
    border:1px solid ghostwhite;
    margin-bottom:0px !important;
    padding:2rem;
}
.callout.aimsandvalues h4 {
    background:unset;
}
.footer {
    background-color:#e9ecf1;
}
.footer-bottom {
    background-color:#e0e5e9;
}

.text-overlay img {
    width:50%; 
    margin:0 25%;
}
.logo-bar-right a:hover {
    color: #ffd000 !important;
}
.footer h3 {
    font-size:1.4rem !important;
}

.pdf-block li::before{
    display: none !important;
}
.callout.aimsandvalues {
    margin-top:2rem;
    margin-bottom:2rem;
}
.email p {
    border-bottom: 2px solid #ffd000;
    padding-bottom:10px;
}
.email p a {
    color:#fff !important;
}
.email p a:hover {
    color:#ffd000 !important;
}

.footer a:hover {
    color:#ffd000 !important; 
}

.page-content p {
    line-height:1.8rem;
}

.logo-bar-right a {
    display:inline-block;
}

.page-content h2 {
    font-size:2rem;
}

.page-content ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  
     color: darkblue; /* Change the color */
  
     font-weight: bold; /* If you want it to be bold */
  
     display: inline-block; /* Needed to add space between the bullet and the text */
  
     width: 1em; /* Also needed for space (tweak if needed) */
  
     margin-left: -1em; /* Also needed for space (tweak if needed) */
  }

  .address-area ul {
    column-count: 2;
  }
.footer h3 {
    color:#85b4aa !important;
    font-size:1.2rem !important;
    font-weight:normal;
}
.footer p, .footer ul, .footer a {
    color:#2f7a75 !important;
    font-weight:bold;
}
.new-tiles a {
    color:#2f7a75 !important;
    font-weight: bold;
}


.accreds-holder {
    padding: 2rem 0 2rem 0 !important;
    border-top: 8px solid white;
}
.aimsandvalues ul a::after {
    content: "";
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    
    border-left: 10px solid white;
    display: inline-block;
    float: right;
  }
  .new-tiles ul {
      padding-left:1.5rem;
  }
  .page-content ul {
    padding-left:1.5rem;
}

  .new-tiles ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  
     color: darkblue; /* Change the color */
  
     font-weight: bold; /* If you want it to be bold */
  
     display: inline-block; /* Needed to add space between the bullet and the text */
  
     width: 1em; /* Also needed for space (tweak if needed) */
  
     margin-left: -1em; /* Also needed for space (tweak if needed) */
  }

.top-section {padding: 1rem 1rem;}
.top-section .demo-site-logo {max-width: 320px;}

.menu-bar {background-color: #0a5c7b !important; padding: 0rem !important; border-bottom: 4px solid #00867c;}
.menu-bar .top-bar {background-color: #0a5c7b !important; padding: 0rem !important;}   
.menu-bar .top-bar ul {background-color: #0a5c7b !important;}
.menu-bar .top-bar ul li {padding: 0.4rem !important;}
.top-bar-left ul {float: left !important;}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {display: none !important;}

.focus-buttons {padding-bottom: 4rem !important; }
.focus-buttons .callout {border: 0px !important; padding: 4rem 1rem; margin-bottom: 0px; margin: 1rem;}
.focus-buttons .callout h4 {font-weight: bold; color: #ffffff; text-transform: uppercase; margin-bottom: 0px !important; margin-top: 1rem;}
.focus-buttons .callout buttons {background: #ffffff;}
.focus-buttons .callout img {max-width: 80px; margin: 0 auto;}
.focus-buttons .button1 {background-color: #00867c;}
.focus-buttons .button2 {background-color: #d93b8a;}
.focus-buttons .button3 {background-color: #45aee3;}
.focus-buttons .button4 {background-color: #e29529;}

/* Home */

.welcome {padding: 6rem 1rem;}
.welcome h2 {margin-bottom: 1rem; text-transform: uppercase;}
.welcome .grid-container {max-width: 56rem;}
.welcome p {margin-bottom: 1.6rem; margin-top: 1rem;}

.text-block .photo1 {background-repeat: no-repeat; background-position: 20% 20%; background-size: cover;}
.text-block .photo2 {background-repeat: no-repeat; background-position: 20% 50%; background-size: cover;}
.block-text {padding: 8rem;}
.block-text h2 {text-transform: uppercase; color: #ffffff !important;}
.block-text p {max-width: 400px; margin: 0 auto; margin-bottom: 1.6rem; margin-top: 1rem; line-height: 1.6rem; color: #ffffff !important;}
.button {font-weight: bold;}
.navy {background-color: #075c7b;}
.green {background-color: #00867c;}
.navy .button {background-color: #ffffff; color: #075c7b !important;}
.green .button {background-color: #ffffff; color: #00867c !important;}


.house-points {padding: 4rem 1rem; background-color: #075c7b;}
.house-points h2 {text-transform: uppercase; margin-bottom: 2.8rem;}
.house-points .house-image {position: relative;}
.house-points .house-image h3 {position: absolute; top: 0px; width: 100%; padding: 0.4rem;font-weight: bold;}
.house-points h2 {color: #fff;}
.house-points h3 {color: #fff;}
.house-points h5 {color: #fff; margin-bottom: 0px !important;}
.football .house-image h3 {background-color: #00867c;}
.rugby .house-image h3 {background-color: #d93b8a;}
.tennis .house-image h3 {background-color: #45aee3;}
.basketball .house-image h3 {background-color: #e29529;}
.football .house-foot {background-color: #00867c;}
.rugby .house-foot {background-color: #d93b8a;}
.tennis .house-foot {background-color: #45aee3;}
.basketball .house-foot {background-color: #e29529;}

.house-points .house-foot {padding: 0.4rem;}
.house-points .house-foot h3 {margin-bottom: 0px !important; font-weight: bold;}

.events {padding: 6rem 1rem; background: #fffff8;}
.events img {margin-bottom: 0.6rem;}
.events h2 {margin-bottom: 2.8rem;}

.events-feed .button {background-color: #d93b8a; color: #ffffff; margin-top: 2rem;}
.blog-feed .button {background-color: #e29529; color: #ffffff; margin-top: 2rem;}

.accreditations {background: #ffffff; padding: 2rem 1rem;}

.page-wrapper {padding-top: 0rem !important; padding-bottom: 4rem !important;}
.page-content {border-radius: 0px !important; box-shadow: 0px; margin-top: -40px; box-shadow: 0px !important; border-bottom: 0px !important;}
.section-menu {border-radius: 0px; box-shadow: 0px !important; border-bottom: 0px !important; margin-top: -40px !important;}


.button {
    border-radius: 20px;
    background-color:#f07527;
}
.button:hover {
    background-color:#c05d1f;
}


.wp-block-button.button {
    padding:0;
    border-width:0px;
}
.wp-block-button.button a {
    padding: 12px 24px;
}




.top-bar {
    background:#fff;
}
.top-bar ul {
    background:#fff;
}
.top-bar ul a {
    color:#384450;
    font-weight:bold;
}
.site-top-bar {
    background-color:#fff;
    border-width:0px;
    padding-top:1rem;
    padding-bottom:1rem;
}
.site-top-bar h4 {
    font-size:0.9rem;
    color: #f07527;
    padding-right: 1.4rem;
    font-weight:bold;
    letter-spacing:0.2rem;
}

.alignfull {
	margin-left: calc( -99vw / 2 + 100% / 2 );
    margin-right: calc( -99vw / 2 + 100% / 2 );
	max-width: 100vw;
    width: 100vw;
    height:auto;
}

.button .wp-block-button__link {
    background-color:transparent;
    color:#fff !important;
    padding:0px;
    font-size:0.9rem;
}
.page-content {
    position:relative;
    padding-top:0;
}
.page-content a.right {
    display:none;
}

.page-content h1, .page-content h2 {
    color:#f07527;
    font-weight:bold;
}

.row.new-tiles h1 {
    font-size:1rem;
    text-transform:uppercase;
    color: #f07527;
    padding-bottom:0px;
}
.row.new-tiles {
    padding-top:4rem;
    padding-bottom:4rem;
}

.menu .active>a {
    background-color:#259889;
    border-top: 6px solid #f07527;
    margin-top: -6px;
}
.careeers-section {
    background: url(../img/careers-background.jpg);
    background-repeat: repeat-y;
    background-size: contain;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.careeers-section .row {
    background-image: url(../img/halcyon-logo-without-text.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.careeers-section h3, .careeers-section p {
    color:#fff;
}

.submenu {
    border: 0px;
    background: #259889 !important;
    border-bottom: 6px solid #f07527;
    z-index:10;
}
.submenu a:hover {
    background: #259889 !important;
    color: #384450 !important;
}

.school-box {
    background-size:cover;
    background-position:center;
    padding:2rem;
    color:#fff;
    position:relative;
}
.school-box .overlay {
background: rgba(0,0,0,0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:1;
}
.school-content {
    padding:6rem 4rem;
    position:relative;
    z-index:2;
}
.school-content p, .school-content a, .school-content h2 {
    color:#fff;
}
.school-content h1 {
    color:#fff;
    font-weight:bold;
    padding-bottom:0px;
    text-shadow: 2px 2px #000;
}
.school-content hr {
    opacity:0.5; 
    margin-top:2rem;
}

.slimline-cover {
    padding:0px;
}
.slimline-cover .alignfull {
    margin-bottom:0px;
    margin-left: calc( -100vw / 2 + 100% / 2 );
}
.slimline-cover .wp-block-column:not(:first-child) {
    margin-left:0px;
}
.coblocks-gallery ul li:before {
    display:none !important;
}
.logo-bar {
    background-color:transparent;
}

/* Home */

@media screen and (max-width: 1280px){
    .block-text {padding: 4rem;}
    .house-points .house-image h3 {font-size: 1.5rem !important;}
}

@media screen and (max-width: 1024px){
    .house-foot {margin-bottom: 1.6rem;}
    .block-text h2 {font-size: 1.4rem !important;}
}

@media screen and (max-width: 680px){
    .photo1 {min-height: 280px;}
    .photo2 {min-height: 280px;}
    .menu-icon, .title-bar-title {top: 0px !important;}
    .title-bar {padding: 0.8rem !important; padding-bottom: 0.6rem !important; background-color: transparent !important;}
    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {border-color: #00867c transparent transparent; }

    .logo-bar-right a {
        margin-top:10px;
        border-radius:5px !important;
    }
    .site-top-bar .small-12.medium-10.large-10.columns {
        padding-left:0px;
        padding-right:0px;
    }
    .title-bar {
        background-color:#259889 !important;
    }
    .site-top-bar h4 {
        padding-right:0px;
        margin-top:1rem;
        text-align:center !important;
    }
    .school-content {
        padding: 2rem 1rem;
        position: relative;
        z-index: 2;
    }
    .school-box {
        padding:0px !important;
    }
    
}

blockquote {
    border-left: 16px solid #EA0584;
    border-right: 2px solid #EA0584;
}

.footer-bottom p {
    color:#676666 !important;
}
.footer-bottom a {
    color: #259889 !important; 
}

ul.pdf-block{
    padding-top:35px;
}

ul.pdf-block li {
    display:inline-block;
    
  }

ul.pdf-block li {
   

    background: url('../img/pdf.png') no-repeat top center;
    margin: 0;
    padding: 70px 0 4px 20px;
    list-style: none;
    line-height:40px;
   
}