@import "settings.colors";

.content-golf__desc {position: relative}
a.btn-hole-east, a.btn-hole-west, a.btn-hole-outer {
    background-color: #1a2b42; width: 40px; height:  40px; border: 2px solid #B68C2C; -webkit-border-radius: 20px;border-radius: 20px;
    position: absolute; color: #fff;text-align: center;
    line-height: 36px;font-weight: 500;
}
.btn-main-course {
    background-color: #1a2b42;
    border: 3px solid #B68C2C;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    padding: 10px 40px;
    color: #fff;
    text-transform: uppercase;
    top: 40%;
}
.btn-west-course, .btn-east-course {
    text-decoration: none!important;
    &:hover {
       color: #B68C2C;
    }
}
.btn-west-course {left: 20%;}
.btn-east-course {right: 20%;}
.btn-hole-west, .btn-hole-east, .btn-hole-outer {display: none;text-decoration: none!important;}
.btn-hole-west.block-show, .btn-hole-east.block-show {display: block;}
.hole-01 {top: 22%; left: 27%;}
.hole-02 {top: 25%; left: 19%;}
.hole-03 {top: 30%; left: 26%;}
.hole-04 {top: 34%; left: 21%;}
.hole-05 {top: 43%; left: 20%;}
.hole-06 {top: 47%; left: 12%;}
.hole-07 {top: 55%; left: 6.3%;}
.hole-08 {top: 59%; left: 21%;}

.hole-09 {top: 46.5%; left: 36.5%;}
.hole-10 {top: 53.5%; left: 54.2%;}
.hole-11 {top: 42%; left: 56.5%;}
.hole-12 {top: 24%; left: 63%;}
.hole-13 {top: 33%; left: 63%;}
.hole-14 {top: 63%; left: 76%;}
.hole-15 {top: 37.5%; left: 76%;}
.hole-16 {top: 24%; left: 72%;}
.hole-17 {top: 18%; left: 68%;}
.hole-18 {top: 20%; left: 56%;}


.block-show {display: block;}
.block-hide {display: none;}

//selectmenu
.form-row--time { padding-right: 0!important;
    &.form-row--space { font-size: 36px;font-weight: 900;top: 0; }
    .ui-selectmenu-button { border: 0;background: none;margin-bottom: 1px; 
        .fa { top: 0;margin: 0; }
    }
    .ui-selectmenu-text { color: white!important; }
    .ui-icon:before { color: white!important; }
}
.ui-selectmenu-menu .ui-menu-item:hover, .ui-selectmenu-menu .ui-menu-item:focus {
    background: #dedede;color: #b98c30;
}
.ui-selectmenu-menu ul { max-height: 264px;overflow: auto; }

//header
.hero-slider--static { width: 100%; 
    .hero-slider__title { line-height: 110px; }
    .hero-slider__desc { line-height: 42px; }
}
.header__nav-m__link { display: block;width: 100%; }

//validate form
.validator_error { color: red;white-space: nowrap; }

//slider
.hero-slider__caption { width: 373px;height: 234px;box-sizing: border-box;background-color: rgba(18, 34, 54, 0.8); }
.hero-slider__title { font-size: 24px; 
    .brand-name { font-size: 36px;padding: 5px 0;display: block; }
}
.hero-slider__desc { font-size: 20px; }
.hero-slider, .hero-slider__item { min-height: 630px; } 

.form-custom .form-label { font-size: 24px; }
.col-end .btn-submit { font-size: 20px; }

.footer__infos a:hover, .footer__infos a:focus { color: #9BA9BB; }

//responsive
/* Max 1024px */
@media screen and (min-width: 769px) and (max-width: 64em) {
	.header__nav .header__nav__link { font-size: 14px; }
	.header__nav .header__nav__item { padding-left: 12px;padding-right: 12px; 
		&.header__nav__item--logo { width: 120px;height: 100px; }
	}
    .header__logo { width: 100%; }
    
    .header__nav-m {
        .header__nav-m__item { font-size: 18px; }

    }
}
@media screen and (max-width: 991px) {
    .main .panel-news .hm-latest-news .hm-latest-news__photo { height: 300px; }
    .panel-news {
        .hm-latest-news {padding: 20px 20px 0 20px; 
            .hm-latest-news__content { padding: 15px 0 30px 0;width: 100%;position: initial; }
        }
    }
    .paging-info {
        bottom: 34px;
        left: 50%;
        transform: translate(-50%, 0);
    }
}
/* Max 768px */
@media screen and (min-width: 601px) and (max-width: 48em) {
    .container, .hero_404__content { max-width: 100%;}
    .header__nav {
        .header__nav__item { display: none; 
            &.header__nav__item--logo { display: block;float: left;-webkit-border-radius: unset;border-radius: unset;height: 80px;
                .header__nav__link--logo { transform: none;top: 0;left:0;height: 100%;padding: 10px;
                    img { height: 100%; }                
                }
            }
        }
        .header__nav__ul { width: 100%;margin: 0;padding: 0;height: 80px; }
    }
    .header__infos { height: 80px;padding: 10px 0; }
    .hero-slider__caption { left: 10px;transform: translate(10px, -50%);width: 70%; }
    .main {
        .panel--hightlight { padding: 0;
            .hm-content { box-shadow: none;border-radius: unset;-webkit-border-radius: unset; 
                .hm-context { font-size: 18px; }
            }
            .hm-photos { margin-top: 30px;margin-bottom: 100px; 
                .slick-slide img {width: 100%;}
            }
        }
        .panel-news { padding: 20px 0;
            .hm-latest-news {
                .hm-latest-news__photo { border-radius: 10px;-webkit-border-radius: 10px;height: 400px; }
                .panel__sub__title { font-size: 24px;font-weight: 500; }
                .hm-lastest-news__slider__paging { top: unset;right: unset;bottom: 40px;left: 50%;transform: translateX(-50%); }
                .hm-lastest-news__slider__item {  
                    .hm-lastest-news__slider__title { font-size: 24px;line-height: 28px; }
                    .date-post { font-size: 14px; }
                    .hm-lastest-news__slider__desc { font-size: 18px; }
                }
                .hm-lastest-news__slider__action { text-align: center;}
            }
            .hm-tips { margin: 20px 0 0 0; }
        }
    }
}
/* Max 600px */
@media screen and (max-width: 37.5em) {
	.container, .hero_404__content { max-width: 100%;}
    .header__nav {
        .header__nav__item { display: none; 
            &.header__nav__item--logo { display: block;float: left;-webkit-border-radius: unset;border-radius: unset;height: 80px;
                .header__nav__link--logo { transform: none;top: 0;left:0;height: 100%;padding: 10px;
                    img { height: 100%; }                
                }
            }
        }
        .header__nav__ul { width: 100%;margin: 0;padding: 0;height: 80px;
            &:after { height: 80px; }
        }
    }
    .header__infos { height: 80px;padding: 10px 0; }
    .hero-slider__caption { left: 10px;height:auto;transform: translate(10px, -50%);width: 70%; 
        .hero-slider__desc { font-size: 20px; }
        .brand-name { font-size: 36px; }
        .btn-discover { min-width: 180px; }
    }
    .main {
        .panel--hightlight { padding: 0 20px; 
            .hm-content { box-shadow: none;border-radius: unset;-webkit-border-radius: unset; 
                .hm-context { font-size: 14px; }
            }
            .hm-photos { margin-top: 30px;margin-bottom: 100px; 
                .slick-slide img {width: 100%;}
            }
        }
        .panel-news { padding: 0 0 20px 0;
            .hm-latest-news { 
                .hm-latest-news__photo { border-radius: 10px;-webkit-border-radius: 10px;height: 400px; }
                .panel__sub__title { font-size: 24px;font-weight: 500; }
                .hm-lastest-news__slider__paging { top: unset;right: unset;bottom: 40px;left: 50%;transform: translateX(-50%); }
                .hm-lastest-news__slider__item { 
                    .hm-lastest-news__slider__title { font-size: 24px;line-height: 28px; }
                    .date-post { font-size: 14px; }
                    .hm-lastest-news__slider__desc { font-size: 18px; }
                }
                .hm-lastest-news__slider__action { text-align: center;}
            }
            .hm-tips { margin: 20px 0 0 0; }
        }
    }
}

@media screen and (max-width: 414px) {
	.container, .hero_404__content { max-width: 100%;}
    .header__nav {
        .header__nav__item { display: none; 
            &.header__nav__item--logo { display: block;float: left;-webkit-border-radius: unset;border-radius: unset;height: 80px;
                .header__nav__link--logo { transform: none;top: 0;left:0;height: 100%;padding: 10px;
                    img { height: 100%; }                
                }
            }
        }
        .header__nav__ul { width: 100%;margin: 0;padding: 0;height: 80px;
            &:after { height: 80px; }
        }
    }
    .header__infos { height: 80px;padding: 10px 0; }
    .hero-slider__caption { left: 10px;transform: translate(10px, -50%);width: 78%; }
    .main .panel--hightlight .nav-left { height: 70px; }
    .main .panel--hightlight .nav-left .nav-left__ul { height: 70px;font-size: 18px; }
    .main .panel--hightlight .nav-left .nav-left__ul .nav-left__item { padding: 22px 15px; }
    .main .panel--hightlight .nav-left .nav-left__ul .nav-left__item.is-current .nav-left__link:after { bottom: -10px; }
    .panel--hightlight:after { background-size: 250%;background-position: center bottom; }
    .main .panel-news .hm-latest-news .hm-lastest-news__slider__item .hm-lastest-news__slider__title { font-size: 18px; }
    .main .panel-news .hm-latest-news .hm-lastest-news__slider__item .hm-lastest-news__slider__desc { font-size: 14px; }
    .main .panel-news .hm-tips .hm-tips__item { line-height: 22px; }
    .main .hm-infos-contact { font-size: 14px;line-height: 42px; }
    .box-direction { width: 95%;top: 12%; }
    .box-direction .form-row { width: 71%; }
    .box-direction .btn-direction { width: 28%; }
}

@media screen and (max-width: 375px) {
	
}

@media screen and (max-width: 320px) {	
    .header__nav-m__item { font-size: 18px; }
    .hero-slider__caption { width: 87%; 
        .hero-slider__title, .hero-slider__desc { font-size: 14px; }
        .brand-name { font-size: 24px; }
        .btn-discover { min-width: 120px;padding: 5px 10px; }
    }
    .main .panel--hightlight .nav-left .nav-left__ul { font-size: 14px; }
    .main .panel--hightlight .nav-left .nav-left__ul .nav-left__item { padding: 22px 15px;min-width: 100px; }
    .main .panel--hightlight .nav-left .nav-left__ul .nav-left__item.is-current .nav-left__link:after { bottom: -10px; }
    .hm-context__title { font-size: 18px; }
    .main .panel-news .hm-latest-news .panel__sub__title { font-size: 18px; }
    .main .hm-infos-contact { font-size: 12px;line-height: 32px;min-height: 62px; }
}