/*
Theme Name: 5 Star Massage Patong (Divi Child)
Template: Divi
Text Domain: Divi-child
Author: Crazy Web Studio
Author URI: https://www.crazywebstudio.co.th
*/

.lb-caption {
    display: none !important;
}

#top-menu li.cta-menu, .cta-menu {
    color: #333333!important;
    border-width: 0px!important;
    border-radius: 0px;
    font-family: 'Lora' !important;
	padding: 6px 32px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: normal;
    background-image: url(../png/button-background.png);
}

#top-menu li.cta-menu a {
    color: #000 !important;
}


/* Mobile Menu */

/* Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile */
@media all and (max-width: 980px) {
	.et_header_style_split #main-header {
    	padding: 8px 0;
	}
    .et_header_style_centered #main-header .container,
    .et_header_style_split #main-header .container {
        text-align: left;
    }
    .et_header_style_centered header#main-header .logo_container,
    .et_header_style_split header#main-header .logo_container {
        position:relative;
        z-index: 2;
        max-width: 50%;
    }
    .et_header_style_split header#main-header .logo_container {
        float: left;
		margin-left: 20px;
    }
    .et_header_style_split #logo {
        max-width: 100%;
    }
    .et_header_style_centered #main-header div#et-top-navigation,
    .et_header_style_split #main-header div#et-top-navigation {
        position: absolute;
    }
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         background-color: rgba(0, 0, 0, 0);     
         padding: 5px 0;
         margin-top: 0;
    }
    .et_header_style_centered #main-header .mobile_nav .select_page,
    .et_header_style_split #main-header .mobile_nav .select_page {
        display: none;
    }
    .et_header_style_centered #main-header .mobile_menu_bar,
    .et_header_style_split #main-header .mobile_menu_bar {
        position: relative;
        right: 20px;
		top: 10px;
        text-align: right;
    }
    .et_header_style_centered #main-header .et_mobile_menu,
    .et_header_style_split #main-header .et_mobile_menu {
        top: 68px;
    }
	.et_fixed_nav #main-header, .et_non_fixed_nav.et_transparent_nav #main-header {
        position: fixed;
	}
	.et_header_style_split #et_mobile_nav_menu {
    	margin-top: 0;
	}
}

.et_mobile_menu {
	padding: 5px;
}
.et_mobile_menu li a {
    border-bottom: 1px solid rgba(232, 117, 17, 0.15);
    font-size: 18px;    
	padding: 20px 5%;
	text-align: center;
}

/* Home Page */

@media screen and (min-width: 981px) {

	body.et_header_style_split #main-header .centered-inline-logo-wrap {
		height: auto !important;
		margin: 0 20px;
	}	
	
	body.et_header_style_split #main-header #et-top-navigation {
    	padding: 10px 0 !important;
	}
	body.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
	body.et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a,
	body.et_header_style_left #et-top-navigation nav > ul > li > a,
	body.et_header_style_split #et-top-navigation nav > ul > li > a {
    	padding-bottom: 26px !important;
	}

    .et_pb_gallery_image {
        max-height: calc(100vh - 83px);
    }

    .admin-bar .et_pb_gallery_image {
        max-height: calc(100vh - 105px);
    }

}


/* Menu Animation Effect */
@media only screen and (min-width: 981px) {

    #top-menu li {
        padding-right: 0 !important;
    }

    .et_header_style_left #et-top-navigation,
    .et_header_style_split #et-top-navigation {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .et_header_style_left #et-top-navigation nav>ul>li>a,
    .et_header_style_split #et-top-navigation nav>ul>li>a {
        padding: 20px 15px !important;
        font-weight: 400 !important;
    }

    .et_fullwidth_nav #main-header .container {
        padding: 0 !important;
    }

    #top-menu-nav {
        margin-right: -90px;
    }
}




/* Disable Gallery Lightbox */
.disable-lightbox a {
    pointer-events: none;
}

.disable-lightbox .et_overlay {
    display: none !important;
}

.et-pb-slider-arrows a {
    pointer-events: auto !important;
}


/* Change Gallery Arrows */
.et_pb_slider .et-pb-arrow-prev,
.et_pb_slider .et-pb-arrow-next {
    background-color: rgba(0, 0, 0, 0.50);
    color: #fff;
}

@media screen and (max-width: 1366px) {
    .portfolio-images-section {
        transform: translateX(0%) translateY(-9vw) !important;
    }
}

@media screen and (max-width: 1080px) {
    .portfolio-images-section {
        transform: translateX(0%) translateY(-11vw) !important;
    }
}

@media screen and (max-width: 768px) {
    .portfolio-images-section {
        transform: translateX(0%) translateY(-18vw) !important;
    }
}

.wpmf-gallery-item {
    width: 100% !important;
    clear: both !important;
    position: relative !important;
    float: none !important;
    left: 0 !important;
    top: 0 !important;
}

.wpmf-caption-text.wpmf-gallery-caption {
    display: none;
}

.wpmf_gallery_wrap {
    margin: 0 !important;
}

.hover_img {
    background: rgba(255, 255, 255, 0.45) !important;
    -webkit-transition: all 2.5s ease-in;
}

.pswp__caption__center {
    display: none;
}

input::placeholder, textarea::placeholder, select::placeholder {
    color: #fff !important;
}
@media only screen and (max-width: 980px){
	.et_header_style_split #main-header div#et-top-navigation {
    bottom: 10px !important;
}
  .logo_container {
        z-index: 99999 !important;
    }
}
 body.single-post article.post, body.single-post article.et_pb_post {
    padding-bottom: 0px !important;
	
}
 body.single-post article.et_pb_post {
    padding-bottom: 0px !important;
	margin-bottom: -60px !important;
}

/* Gravity Forms */
body .gform-theme--framework {
  --gf-ctrl-date-picker-cell-content-bg-color-selected: #000000;
  --gf-ctrl-date-picker-cell-content-border: #000000;
  --gf-radius: 0px !important;
  --gf-radius-max-sm: 0 !important;
  --gf-radius-max-md: 0 !important;
  --gf-radius-max-lg: 0 !important;
}

body .gform-theme--framework input:focus, 
body .gform-theme--framework textarea:focus, 
body .gform-theme--framework select:focus {
	outline-color: orange !important;
}