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

a
{
    color:#182851;
    text-decoration:none;
}

.btn-primary{
    background-color:#182851;
    border-color:#182851;
}

.ncc-page p a{
    color:#4369B2;
    font-weight:bold;
}

.ncc-page p a:hover{
    text-decoration:underline;
}

.benefits-menu ul li a{
    color:#4369B2;
    font-weight:bold;
}

.benefits-menu ul li a:hover{
    text-decoration:underline;
}

@media (min-width: 1200px)
{
    .container {
        max-width: 1310px !important;
    }
}

.covid-hub-buttons
{
    margin-top:50px;
    margin-bottom:20px;
}

.covid-hub-buttons .leisure-parks a
{
    /*background-image:url("/media/laqbkrxm/leisure_park_button.jpg");*/
    background-color:#182851;
    background-position:right center;
    background-size:800px;
    width:100%;
    display:block;
    text-align:center;
    padding:20px;
    color:#FFF;
    font-size:1.3em;
    border:1px solid #182851;
}

.covid-hub-buttons .leisure-parks a:hover
{
    background-color:#FFF;
    color:#182851;
    font-size:1.3em;
    border:1px solid #182851;
}

.covid-hub-buttons .holiday-parks a
{
    /*background-image:url("/media/u22a5iw2/holiday_park_button.jpg");*/
    background-color:#8FC73E;
    background-size:800px;
    background-position:right center;
    width:100%;
    display:block;
    text-align:center;
    padding:20px;
    color:#FFF;
    font-size:1.3em;
    border:1px solid #8FC73E;
}

.covid-hub-buttons .holiday-parks a:hover
{
    background-color:#FFF;
    color:#8FC73E;
    font-size:1.3em;
    border:1px solid #8FC73E;
}

.blue-bar
{
    /*background-color:#001B54;*/
    background-color:#182851;
}

.blue-bar ul
{
    list-style:none;
    margin:0px;
    padding:0px;
    margin-bottom:15px;
}

.blue-bar ul li
{
    display:inline-block;
    
    
}

.blue-bar ul li a
{
    color:#FFF;
    padding:10px;
    display:block;
}


.content-area-html ul
{
    list-style-position: inside;
}

html, body
{
    font-family: 'Montserrat', sans-serif;
    /*background-color:#001B54;*/
    background-color:#182851;
}

.header
{
    background-color:#FFF;
}

.header .nav-bar-bg
{
    margin-top: 29px;
}

.header .tools
{
    height:30px;
    /*background-image: linear-gradient(to right,#4169E1,#001B54);*/
        /*background-color:#001B54;*/
    background-color:#182851;
    z-index:1099 !important;
}

.header .tools.mobile
{
    height:auto;
    /*background-image: linear-gradient(to right,#4169E1,#001B54);*/
        /*background-color:#001B54;*/
    background-color:#182851;
    z-index:1099 !important;
}

.header .tools .social-icons
{
    padding-top: 3px;
}

.header .tools .login-status
{
    margin-left:30px;

}

.header .tools .login-status p
{
    margin-top:3px;
    padding:0px 0px 0px 20px;
    border-left:1px solid #FFF;
}

.header .tools ul
{
    list-style: none;
    padding:0px;
    margin: 0px;
}
.header .tools ul li
{
    display: inline-block;
    color:#FFF;
    padding:0px 5px 0px 5px;
}

.header .tools ul li a
{
    color:#FFF;
    font-size: 0.8em;
}

.header .tools ul li a img
{
    height:30px;
}


.header .logo
{
    height:30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.header .navigation
{
    /*padding:30px 0px 15px 0px;*/
}
.header nav
{
    padding:0px;
    text-align: right;
}

.header nav .nav-item a
{
    font-size:0.9em;

}

.header nav .dropdown-toggle::after {
    color: #FFF;
}

.header nav .nav-link
{
    font-weight: bold;
        color:#FFF !important;
}

.header nav .dropdown-menu .dropdown-item
{
    border-bottom:1px solid #495C85;
    color: #FFF;
}

.header nav .dropdown-menu .dropdown-item:hover
{
    color: #001B54;
}

.dropdown-toggle::after {
    color: #001B54;
}

.header nav .dropdown-menu .dropdown-item:last-child {
  border-bottom:none;
}

.header nav .dropdown-menu
{
    padding-left:10px;
    padding-right:10px;
    background-color: #001B54;
    color: #FFF;
}

/*.header nav .dropdown 
{ 
    position: static !important; 
} 
          
.header nav .dropdown-menu 
{ 
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important; 
    margin-top: 0px !important; 
    
    width: 100% !important; 
} 

.header nav .sub-menu-item
{
    padding:18px 0px 15px 65px;
    background-image:url("/media/yzenllxe/icon_ncc.jpg");
    background-repeat:no-repeat;
    background-size:32px 32px;
    background-position:15px 15px;
    border-bottom:1px solid #CCC;
    margin-bottom:15px;
    margin-left:15px;
    margin-right:15px;
}

.header nav .sub-menu-item .menu-description
{
    min-height:100px;
}
*/
.breadcrumb
{
    padding:5px 0px 0px 0px;
    border-top:1px solid #EEE;
    background-color:transparent;
    font-size:0.8em;

}

.breadcrumb a
{
      color:#666;  
}


.landing-page-item
{
    padding:18px 0px 15px 65px;
    background-image:url("/media/yzenllxe/icon_ncc.jpg");
    background-repeat:no-repeat;
    background-size:32px 32px;
    background-position:15px 15px;
    border-bottom:1px solid #CCC;
    margin-bottom:15px;
    margin-left:15px;
    margin-right:15px;
}


.landing-page-item .page-description
{
    min-height:100px;
}

.landing-page-item h2
{
    font-size:1.3em;
    min-height:70px;
}

.header nav .sub-menu-item h2
{
    font-size:1.1em;
    color:#001B54;
    font-weight:bold;
    min-height:65px;
}

.header nav .sub-menu-item p
{
    font-size:0.9em;
}

.banner{
    position:relative;
}

.banner .strap-line
{
    position:absolute;
    bottom:0px;
    z-index:200;
    width:100%;
}

.banner .strap-line h1{
    font-weight:800 !important;
    padding:30px;
    color:#FFF;
    font-size:1.2em;
    /*background-color:rgb(0,189,242,0.8);*/
    background-color:rgb(24,40,81,0.9);
    display:inline-block;
    margin:0px !important;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    
}

.banner img
{
    width:100%;
}

.footer
{
    /*background-color:#001B54;*/
    background-color:#182851;
    min-height:200px;
    padding-bottom: 60px;
}

.footer .footer-top .footer-logo
{
    width:100%;
}

.footer .footer-top
{
    padding:20px 0px 20px 0px;
    margin-bottom: 20px;
    border-bottom:  1px solid #4169E1; 
}

.footer .footer-top a
{
    color:#FFF;
}

.footer .footer-bottom
{
    color:#FFF;
}

.footer .footer-middle
{
    padding-bottom: 20px;
    color:#FFF;
}



.footer .footer-bottom h5
{
    color:#FFF;
    font-size: 1.2em;
}

.footer .footer-bottom .footer-menu ul
{
    list-style: none;
    padding:0px;
    margin:0px;
}

.footer .footer-bottom .footer-menu ul li a
{
    color:#FFF;
    font-size: 0.8em;
}

.footer .footer-policies
{
    padding-top:30px;
}

.footer .footer-policies a
{

    color:#FFF;
    font-size:0.8em;
}

.content-area
{
    min-height: 700px;
    background-color:#FFF;
}

.content-area h1
{
    color:#666;
    padding-bottom:20px;
    /*border-bottom:1px solid #39C0FA;*/
    margin-bottom:30px;
    font-weight:bold;
}


.content-area .quicklinks .quick-link-box
{
    border:#CCCC 1px solid;
    padding:15px;
    font-size: 0.8em;
}

.content-area .quicklinks .quick-link-box h3
{
    /*color:#001B54;*/
    color:#182851;
    font-size:1.5em;
}

.content-area .quicklinks .quick-link-box p
{
    min-height:70px;
}

.content-area .quicklinks
{
    background-color: #F2F2F2;
    padding:35px 0px 35px 0px;
    margin:0px 0px 30px 0px;
}

.content-area .quicklinks .quick-link-box .btn-primary
{
    /*background-color:#001B54;
        border-color: #001B54;
    */
    background-color:#182851;
    border-color: #182851;
    width:100%;
    border-radius: 0px;
}

.content-area .quicklinks .quick-link-box .btn-primary:hover
{
    /*background-color:#001B54;
        border-color: #001B54;
    */
    background-color:#FFF;
    color:#182851;
}



.content-area .underline-title
{
    color:#39C0FA;
    border-bottom: #39C0FA 1px solid;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top:20px;
}

.content-area .icon-bar
{
    background-color:#8C8C8C;
    color:#FFF;
}

.content-area .icon-bar .row
{
    margin-left: 0px;
    margin-right: 0px;
}

.content-area .icon-bar .row div
{
    padding-left:0px;
    padding-right:0px;
}

.content-area .icon-bar .icon-box
{
    text-align: center;
    padding:10px 0px 10px 0px;
    border-right:1px solid #FFF;
}

.content-area .icon-bar .icon-box.first
{
    border-left:1px solid #FFF;
}

.content-area .icon-bar .icon-box a
{
    color:#FFF;
}

.content-area .icon-bar .icon-box img
{
    height:38px;
    margin: 10px 0px 10px 0px;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.content-area .about-us
{
    padding:20px 0px 20px 0px;
}

.content-area .about-us .image-link-box .image-box
{
    overflow:hidden;
}

.content-area .about-us .image-link-box img
{
    width:100%;
    transition: transform .5s ease;
}

.content-area .about-us .image-link-box .image-box:hover img
{
    transform: scale(1.1);
}

.content-area .about-us .image-link-box h3
{
    color:#001B54;
    font-size:1.3em;
    padding:10px 0px 10px 0px;
}

.content-area .about-us .image-link-box h3 a
{
    color:#001B54;
}

.content-area .latest .latest-item
{
    margin-bottom:40px;
}

.content-area .latest .latest-item a:hover
{
    text-decoration:underline;
}


.content-area .latest .col-md-4
{
    position:relative;
}

.content-area .latest .col-md-4 hr
{
    position:absolute;
    bottom:0px;
    left:15px;
    width:calc(100% - 30px);
}

.content-area .latest .latest-item img
{
    width:100%;
}

.content-area .latest .latest-item h3
{
    color:#001B54;
    font-size:1.3em;
    padding:10px 0px 10px 0px;
}

.content-area .latest .latest-item p
{
    font-size: 0.8em;
}

.content-area .second-col h2
{
    color:#001B54;
    border-bottom: #39C0FA 1px solid;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top:20px;
    font-size:1.4em;
    font-weight:bold;
}

.content-area .second-col ul
{
    list-style:none;
    padding:0px;
    margin:0px 0px 25px 0px;
}

.content-area .second-col ul li
{
    padding:5px 10px 5px 10px;
    background-color:#FFF;
    /*border:1px solid #4169E1;*/
    margin-bottom:4px;
}

.content-area .second-col ul li:hover
{
    background-color:#4169E1;

}

.content-area .second-col ul li:hover a
{
    color:#FFF;
    text-decoration:none;
}


.content-area .second-col ul li a
{
    color:#333;
    font-size:0.9em;
    font-weight:bold;
    display:inline-block;
    width:100%;
    display: flex;
    align-items: center;
}

.content-area .second-col ul li a::before
{
    background-image:url('/media/0wrhfsgi/caret-forward-outline.svg');
    background-size:16px;
    background-repeat:no-repeat;
    background-position:center center;
    content: ' ';
    margin-right:5px;
    margin-top:-2px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.content-area .second-col .further-info
{
   padding:10px 0px 10px 0px;
    background-color:#FFF;
    /*border:1px solid #4169E1;*/
}

.content-area .second-col .further-info a
{
    color:#333;
    font-size:0.9em;
    font-weight:bold;
    display: flex;
    align-items: center;
}

.content-area .second-col .further-info a::before
{
    background-image:url('/media/0wrhfsgi/caret-forward-outline.svg');
    background-size:16px;
    background-repeat:no-repeat;
    background-position:center center;
    content: ' ';
    margin-right:5px;
    margin-top:-2px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

/* BOOTSTRAP Overrides */

.navbar
{
    padding-right:0px;
    margin-right:-5px;
}

/* General box styles */
.blue-box
{
    background-color:#4169E1;
    padding:15px;
    color:#FFF;
    margin-bottom:30px;
    margin-top:20px;
}

.blue-box h5
{
    color:#FFF;
    padding-bottom: 10px;
    margin-bottom:30px;
    border-bottom:1px solid #FFF;
    
}

.blue-box ul li
{
    margin-bottom:10px;
}

.blue-box a
{
    color:#FFF;
    font-weight:bold;
}

.grey-box
{
    background-color:#CCC;
    padding:15px;
    color:#333;
    margin-bottom:30px;
    margin-top:20px;
}

.grey-box h5
{
    color:#333;
    padding-bottom: 10px;
    margin-bottom:30px;
    border-bottom:1px solid #333;
    
}

.grey-box a
{
    color:#333;
    font-weight:bold;
}

.list-schemes h2
{
    color:#001B54;
    border-bottom: #001B54 1px solid;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top:20px;
    font-size:1.4em;
    font-weight:bold;
}

.list-schemes .approved-scheme-item
{
    border:1px solid #CCC;
    padding:10px;
    min-height:150px;
}

.list-schemes .approved-scheme-item h3
{
    font-size:1.2em;
}

.list-schemes .approved-scheme-item p
{
    font-size:0.9em;
}

/* STAFF TILES */

.staffTile
{
    border: 1px solid #ccc;
    margin: 0 15px 10px 0;
}

.staffImage
{
    width:60%;
    padding-bottom: 5px;
}

.staffTile h5 a
{
    color: #001B54;
    font-weight: 600;
}

.staffTile h6
{
    color: #007bff;
}

.results
{
    padding:10px 0px 10px 0px;
}


.covid-hub h2
{
    padding:30px 0px 30px 0px;

}

.covid-hub .news:nth-child(4n+4) .news-box
{
    border-right:0px solid #FFF;
}

.covid-hub .news-box
{
    border-right:1px solid #CCC;
    height:130px;
    margin-bottom:20px;
    padding-right:15px;
}

.covid-hub .news-box h3
{
    font-size:1.2em;
}

.covid-hub .news-box a
{
    color:#333;
}

.accordion .card
{
    border:none !important;
}

.accordion .card .card-header button
{
    text-decoration:none;
    color:#333;
    font-size:0.8em;
    border-bottom:1px solid #333;
    display:inline-block;
    width:100%;
    text-align:left;
}

.accordion .card .card-header
{
    background-color:#FFF;
    border:none !important;
}

.ncc-page{
    padding-top:140px;
    padding-bottom:30px;

}

.ncc-page a{
        text-decoration:none;
}

    .ncc-page-image{
        padding-top:30px;
        padding-bottom:30px;
        text-decoration:none;
    }

@media (min-width: 992px) { 
    .ncc-page{
        padding-top:120px;
        padding-bottom:30px;
    }
}

.field-validation-error{
    color:#FF0000;
    padding:10px 0px 10px 0px;
    display:inline-block;
}

.umbraco-forms-field-wrapper{
    margin-bottom:15px;
}

.pagination .page-item.active a
{
    background-color:#182851;
    color:#FFF;
}


.pagination .page-item .page-link
{
    border-color:#182851;
    color:#182851;
}

nav .menu-link-item
{
    border-right:1px solid #666;
    margin-right:10px;
    padding-right:10px;
}

nav .menu-link-item:last-child {
    border-right: none;
}