/* LAST UPDATED BY RS ON 29/4/24 - fix to park facilities list/

@import "escape_button.css";
@import "social_media.css";

/* A-Z */

.a-z a {
    display: inline-block;
    margin: 0 3px;
}

/* directors for child friendly-southampton */

.director {
    margin: 50px 0 40px;
}

.director .pic {
    width: 150px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
}

.director .pic img {
    max-width: 100%;
}

.director .details {
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    margin-top: 10px;
    
}

.director .details span {
    color: #209794;
    font-weight: 700;
}

/* PROMO BOXES  */

.promo-boxes-wrapper {
    margin-top: 15px;
}

.promo-box {
    display: inline-block;
    width: 29%;
    color: #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    margin-bottom: 28px;
    height: 210px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 25px;
    text-align: left;
}

.promo-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100% !important;
    max-height: 100% !important;
    width: auto !important;
}

.promo-links {
    position: absolute;
    height: 40px;
    left: 0;
    bottom: 0;
    background: #00193c;
    width: 100%;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.promo-box:hover .promo-links {
    height: 100%;
}

.promo-box-container a {
    text-decoration: none;
}

.promo-box h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0 5px 15px;
    margin: 0.7em 0 0.35em 0;
    line-height: 70%;
}

.promo-box ul {
    list-style-type: square;
    margin-top: 15px;
}

.promo-box li {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 5px;
}

.promo-box p {
    font-size: 14px;
    padding: 0 15px;
}

.promo-box h2 a, .promo-box li a  {
    color: #fff;
    text-decoration: none !important;
    transition: 0.4s all;
}

.promo-box h2 a:hover, .promo-box li a:hover  {
    color: #fff !important;
    text-decoration: underline !important
}

.promo-box p a {
    color: #fff;
    text-decoration: none !important;
}

/*  MEDIA RULES  */

@media only screen and (max-width: 1200px) {
    
    .promo-boxes-wrapper {
        text-align: center;
    }
    
    .promo-box {
        width: 46%;
        margin-right: 0;
    }
    
    .promo-box:nth-child(odd) {
        margin-right: 25px;
    }
    
    .promo-box img {
        min-height: 100% !important;
        max-height: 1000px !important;
        min-width: 100% !important;
    }

}

@media only screen and (max-width: 730px) {
    
    .promo-boxes-wrapper {
        text-align: left;
    }
    
    .promo-box {
        width: 100%;
    }

}

/* PARK FACILITIES PAGE LIST  */

.facility ul {
    display: none;
}

.facility h3 {
    font-size: 23px;
    text-decoration: underline;
    cursor: pointer;
    clear: both;
}

.facility h3 img {
    padding-right: 10px;
    height: 34px;
    width: auto;
    float: left !important;
    margin: 0;
}

.facility ul {
    display: none;
}

.facility h3 {
    font-size: 23px;
    text-decoration: underline;
    cursor: pointer;
}

.facility h3 img {
    padding-right: 10px;
    height: 34px;
    width: auto;
}

/* GOLF COURSE  */

/* NOT CURRENTLY BEING USED .golf-header {
    color: #034638;
}

.golf-table th {
    background: #034638;
} */

.golf-icon {
    text-align: center;
    padding: 0;
}

.golf-icon img {
    width: 70%;
}
        
.golf-icon div {
    width: 70%;
    font-size: 0.9em;
    line-height: 130%;
    margin: 7px auto 20px auto;
}

.golf-image {
    margin: 20px 0;
}

.golf-image img {
    width: 100%;
}

.green-tint {
    background: #CCDEB8;
    padding: 15px 30px 10px 30px;
}

/* BOXES ON DOMESTIC ABUSE PAGE. REPLACE AT SOME POINT */

.da-menu-container {
    font-size: 0.8em;
    display: flex;
    flex-wrap: wrap;
}

.da-menu-block {
    margin: 0px 20px 30px 0px; 
    vertical-align: top; 
    display: inline-block; 
    width: 48%;
}

.da-menu-block:nth-of-type(even) {
    margin: 0px 0 30px 0px;   
}

.da-menu-header {
    padding: 7px 12px; 
    text-align: left; 
    color: rgb(255, 255, 255);
    font-weight: bold; 
    background-color: rgb(0, 25, 60);
}

.da-menu-text {
    margin: 7px 0px; 
    text-align: left;
}

.da-menu-link {
    text-align: left;
}


@media only screen and (max-width: 700px) {
    
    .da-menu-block {
        width: 100%;
        margin: 0px 0 30px 0px;  
    }
}