/*
 Theme Name:   Port Hope Golf - Divi-child
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Emmatt Digital
 Author URI:   http://www.emmattweb.com
 Template:     Divi
 Version:      2.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
.entry-content {
    font-size: 16px;
}
.entry-content h2 {
    font-size: 30px;

}
.entry-content h2 span {
    color:#486721;
}
.container-footer ul li,
.entry-content ul li {
    list-style-type: none;
    padding-left:30px;
}
.hidden {
    display: none;
}
.container-footer ul li:before,
.entry-content ul li:before {
    margin-left: -30px;
    background-image: url(https://www.porthopegolf.ca/wp-content/uploads/2023/03/icon-golf-ball-black.png);
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;

    background-size: contain;
    margin-top: 5px;
    float: left;    
}
.et-menu li li a {
    width: 100%;
}
.container-footer ul li:before {
    background-image:url(https://www.porthopegolf.ca/wp-content/uploads/2023/03/icon-golf-ball-white.png);
}
#menu-header-menu > li {
    padding: 0 5px;
}
.menu-item-97 .sub-menu {
    width:400px;
}
.sub-menu li {
    width: 100%;
}
a {
    transition: 0.2s all!important;
}
a:hover {
    opacity: 0.6;
}

.container-rates-table table {
    width: 100%;
}
.container-rates-table table tr td:nth-of-type(1) {
    width:75%!important;
}
table tr:nth-child(2n+1) td,
.container-rates-table table tr:nth-child(2n+1) td {
    background:#EEE;
}


.container-header-nav-top a {
    color:#FFF;
    font-weight:bold;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top:10px;
    display: inline-block;
}
.container-header-nav-top a.link-header-book-tee-time {
    background: #333;
    color:#FFF;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 20px;
}

body .container-header-nav-bottom ul.sub-menu {
    border-top: none;
}
body .container-header-nav-bottom ul.sub-menu li a {
    color:#000!important;
}
body .container-header-nav-top img {
    position: relative;
    margin-bottom: -100px;
    background: white;
    height: 100px;
    width: auto;
    padding: 12px;
}
body .container-header-nav-top {
    z-index: 99999!important;    
}
.sub-menu a:hover,
.container-header-nav-top a:hover, 
.container-header-nav-bottom a:hover {
    opacity: 0.5;
}
body .container-header-nav-bottom ul.sub-menu li a:hover {
    background:#864442!important;
    color:#FFF!important;
}
.container-footer .column-footer-left,
.container-footer .column-footer-right {
    padding:30px;
}
.dipl_masonry_gallery_item img,
.et_pb_image img {
    border-radius: 10px;
}
.container-footer h3 {
    color:#FFF;
}
.container-footer .et_pb_column {
    padding-top: 30px;
}
.container-footer .column-footer-left {
    padding-left:22%;
}
.container-footer .column-footer-right {
    padding-right: 22%;

}

.container-header-slider h2 span {
    color:#FFF;
    font-size: 30px;
}
.wpcf7 input[type=submit],
.btn-internal,
#et-main-area .et_pb_section a.et_pb_button,
#et-main-area .et_pb_section a.et_pb_button.et_pb_bg_layout_dark,
.container-header-slider .btn {
    padding: 5px 10px;
    color:#FFF!important;
    background-color:#864442!important;
    display:inline-block;
    margin-top:20px;
    font-size: 28px;
    cursor:pointer;
    text-align:center;
    
}
#et-main-area .et_pb_section a.et_pb_button::after,
#et-main-area .et_pb_section a.et_pb_button:hover::after {
    content:"";
}
#et-main-area .et_pb_section a.et_pb_button,
#et-main-area .et_pb_section a.et_pb_button.et_pb_bg_layout_dark {
    font-size: 20px!important;
}
.wpcf7 .sent {
    /*display:none;*/
}
.wpcf7-response-output {
    font-size: 24px;
    line-height:1.4em;
}
.et_pb_bg_layout_light.et_pb_button:hover {
    background:#8F4947;
}
.wpcf7 input[type=submit]:hover,
.btn-internal:hover,
.container-header-slider .btn:hover {
    opacity: 0.6;
    box-shadow: 0 0 3px #FFF;
}
.btn-internal {
    font-size: 20px;
}
.container-header-slider h2 {
    line-height: 1.8em;
    font-size: 38px;
    /*background:rgba(0,0,0,0.4);*/
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,   rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0) 100%);    
    max-width: 60%;
    margin: 0 auto;
}
.container-internal-header h1 {
    line-height: 1.8em!important;
    font-size: 38px!important;
    padding: 10px 20px!important;
    /*background:rgba(0,0,0,0.4);*/
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,   rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0) 100%);    
    display:inline-block;
    color:#FFF;
}
.column-lower-nav-right {
    
}
.container-footer {
    color:#FFF;
}
.header-social-media {
    color:#FFF;
    margin-left: 50px!important;
}
.container-footer a {
    color:#FFF;
}
.container-footer a:hover {
    opacity: 0.6;
}

.link-tiktok img {
    max-height: 20px;
    max-width:20px;
    float:left;
}
.social-icons a {
    display:inline-block;
    margin-right:10px;
    float: left;
}
.social-icons a.link-facebook {
    margin-right: 6px;    
}

.link-tiktok {

}
.wpcf7 {
    margin-bottom:30px;
}
.wpcf7 input {
    transition: all 0.5s;
}
.wpcf7 input[type=text],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 input[type=email],
.wpcf7 textarea {
    width:100%;
    font-family: inherit;
    font-size: inherit;
    padding: 14px;
    border: 1px #DDD solid;
}
.wpcf7 input[type=text]:focus,
.wpcf7 input[type=tel]:focus,
.wpcf7 select:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 textarea:focus {
    background-color:#EEE;
}
.wpcf7 input[type='submit'] {
    font-size: 20px;
    margin-top:0;
    border: 0;
}
.wpcf7 label {
    width: 100%;
    clear:both;
    display: block;
}
.top-main-menu .social-icons a {
    /*margin-right:1px;*/
}
.logo-porthope-header {
    max-width:300px;
}
.container-course-map-wrapper {

    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    /*
    For testing and establishing hole locations - also use template 'blank page'
    position:fixed;
    top: 0;
    left: 0;
    width:2000px;
    height: 998px;
    overflow: visible;
    */
    
    box-shadow: 0 0 5px #000;
    display: block;
}
.container-full-course-map {
    overflow:hidden;
    width: 100%;
    display:block;
}
.container-course-map-internal {
    background-image: url(https://www.porthopegolf.ca/wp-content/uploads/2023/03/course-layout-full-2021.jpg);
    width:2000px;
    height: 998px;
    display: block;
    cursor: grab;
    position: absolute;
    z-index:1;
}
.container-course-map img {
    position:relative;
    z-index:2;
}
.link-map-hole {
    display: block;
    width: 30px;
    height: 30px;
    position:absolute;
    z-index:10;
    border-radius: 50%;
    background: #fff;
    color:#000;
    opacity: 1.0;
    cursor: pointer;
    box-shadow: 0 0 3px #000;
    text-align:center;
    padding:3px;

}
.container-list-holes {
    background: #42985F;
    display: block;
    overflow: hidden;
}
.container-list-holes a {
    color:#FFF;
}
.link-map-hole.highlighted,
.link-map-hole:hover {
    opacity: 0.8;
    background:#000;
    color:#FFF;
    border: 2px yellow solid;
}
.container-list-holes a {
    float: left;
    width: 11.0%;
    text-align:center;
    padding:5px;
    display: block;
}
.container-full-course-map img {
    width: 100%;
    max-width: 100%;
}
.container-full-course-map .map-hole-1 {
    left: 66.2%;
    top: 44%;
}

.container-full-course-map .map-hole-2 {
    left: 54.6%;
    top: 51%;
}
.container-full-course-map .map-hole-3 {
    left: 34.6%;
    top: 48%;
}
.container-full-course-map .map-hole-4 {
    left: 18.1%;
    top: 61%;
}
.container-full-course-map .map-hole-5 {
    left: 1.0%;
    top: 80%;
}
.container-full-course-map .map-hole-6 {
    left: 7.2%;
    top: 81%;
}
.container-full-course-map .map-hole-7 {
    left: 11.9%;
    top: 77%;
}

.container-full-course-map .map-hole-8 {
    left: 21.6%;
    top: 78%;
}
.container-full-course-map .map-hole-9 {
    left: 37.6%;
    top: 71%;
}
.container-full-course-map .map-hole-10 {
    left: 40.1%;
    top: 62%;
}
.container-full-course-map .map-hole-11 {
    left: 17.6%;
    top: 41%;
}
.container-full-course-map .map-hole-12 {
    left: 29.8%;
    top: 37%;
}
.container-full-course-map .map-hole-13 {
    left: 52.6%;
    top: 44%;
}
.container-full-course-map .map-hole-14 {
    left: 77.8%;
    top: 53%;
}
.container-full-course-map .map-hole-15 {
    left: 79.6%;
    top: 46%;
}
.container-full-course-map .map-hole-16 {
    left: 81.6%;
    top: 35%;
}
.container-full-course-map .map-hole-17 {
    left: 83.4%;
    top: 16%;
}
.container-full-course-map .map-hole-18 {
    left: 74.6%;
    top: 27%;
}

.container-footer-attribution div,
.container-footer-attribution div p  {
    text-align:center!important;
}
.et_pb_button:hover,
.et_pb_button {
    background:#8F4947;
    color:#FFF;

}
.dipl_modal .dipl_modal_header {
    background: #333;
    color: #FFF;
}
.dipl_modal h2,
body .dipl_modal_section #popupRates2023 .dipl_modal_close_icon {
    color:#FFF!important;
    
}
.dipl_modal .dipl_modal_header_title {
    word-break: break-word!important;
}
.popup-event {
    z-index:99999999;
    position:fixed;
    left:20%;
    right:20%;
    top: 20%;
    bottom:20%;
    max-height: 90%;
    overflow: auto;
    /*max-width:600px;*/
    padding:30px;
    background:#FFF;
    box-shadow: 0 0 5px #000;
    display: block;
}
.message {
    display: block;
    width: 100%;
    padding:20px;
    background:#FFF;
}
.message-success {
    border: 1px #00AA00 solid;
    color:#00AA00;

}
.message-error {
    border: 2px #AA0000;
    color:#AA0000;
    background:yellow;

}

.container-contact-slider .et_pb_slide,
.container-contact-slider {
    background-color:#000!important;
}
.container-contact-slider .et_pb_slide_image {
    margin: 10px 0!important;
}

.et-pb-arrow-prev,
.et-pb-arrow-next {
    opacity:1.0!important;
}
.et-pb-arrow-prev {
    left: 33px!important;
}
.et-pb-arrow-next {
    right: 33px!important;
}
.et_pb_container.et_pb_empty_slide {
    height:auto!important;
}
.container-contact-slider .et_pb_slide_description {
    display:none!important;
}
@media (max-width:900px) {
    .et-pb-arrow-prev {
        left: 2px!important;
    }
    .et-pb-arrow-next {
        right: 2px!important;
    }
    .container-contact-slider .et_pb_slide_image {
        display: block!important;
    }

    .et_pb_menu__wrap {
        justify-content: right!important;
    }
    .mobile_menu_bar::before {
        color:#000!important;
    }
    .link-header-book-tee-time {
        margin-right: 0!important;
    }
    .container-weddings-directions .et_pb_row {
        background: rgba(0,0,0,0.5);
        text-align:center;
        padding: 10px 10px 40px 10px;

    }
    .container-footer-attribution .et_pb_text,
    .container-footer-attribution .et_pb_column {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .container-footer-attribution {
        padding-top: 12px!important;
        padding-bottom: 12px!important;
    }
    .container-header-nav-top .et_pb_text_inner {
        text-align:center;
    }
    .container-weddings-directions h2 {
        color:#FFF;
        text-align:center;
        padding-bottom: 0;
        padding-top:15px;
    }
    .et_pb_menu .et_mobile_menu {
        padding: 0!important;
        max-height: 500px;
        overflow: auto;
    }
    header .et_pb_row {
        padding: 0 10px!important;
        margin: 0!important;
        max-width:100%;
        width:100%;
    }
    header .et_pb_menu {
        margin-top:-90px!important;
        padding-bottom:0!important;
    }
    header .et_pb_menu.top-main-menu-weddings  {
        margin-top:-30px!important;
    }
    header .et_pb_row .et_pb_column {
        margin-bottom:10px!important;
    }
    .page-id-1261 .container-header-nav-top a:nth-of-type(1),
    .page-id-1261 .container-header-nav-top a:nth-of-type(4) {
        display:none!important;
    }
    .popup-event {
        left: 1%;
        right: 1%;
        top: 1%;
    }
    .dipl_modal h2 {
        font-size: 22px!important;
    }
    .container-header-slider h2 {
        line-height: 1.6em;
        font-size: 28px;    
    }
    .container-list-holes a {
        width: 33%;
    }
    .container-course-map-wrapper {
        overflow:scroll;
    }
    .container-header-nav-top .et_pb_row {
        padding-left:10px;
        padding-right: 10px;
        width:100%;
    }
    /*
    .column-porthope-logo {
        float: left;
        width: 40%!important;
        position:static;
    }
    */
    .column-aon-nav {
        width: 50%!important;
        float: right;
        display:block;
        position:static;
    }

}