/*======================================
Theme Name: Pretty Boy
Description: Pretty Boy Theme
Version: 1.0
Author: OmniHyper
Author URI: https://omnihyper.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
h1,h2,h3,h4,h5,h6, h3 span, h2 span, h4 span{
	font-family: baskerville-display-pt, serif;
	font-weight: 700;
	font-style: normal;
}
.multiple-items .post-content-inner p{
	color:#fff!important;
}
.menu-trigger{
	cursor:pointer;
}
.menu-section .et_mobile_nav_menu{
	display:none;
}
.menu-section.hide-section{
	display:none!Important;
}
.menu-section .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li:hover{
	    background: #5c3a28;
}
/* html.show-scroll-y{
	overflow-y:auto!important;
} */
/* html.hide-scroll-y{	overflow-y:hidden!important;} */
.header-blurb .et_pb_main_blurb_image {
	margin-bottom:0px!important;
}
.header-blurb .et_pb_blurb_content{
	display: flex;
    align-items: center;
}
.header-blurb.et_pb_blurb_position_left .et_pb_blurb_container{
	padding-left:0px!important;
}
.menu-section .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
	padding-bottom:0px!important;
}
.menu-section {
       width: 400px;
    margin: 0px 0px 0px 0px;
    align-items: rig;
    text-align: right;
    position: fixed;
    min-height: 100vh;
    background: #000;
    right: 0px;
    text-align: right;
    border: 1px solid #242424;
    top: 0px;
    /* margin-top: 70px; */
    padding-top: 100px!important;
    padding: 20px 0px 0px 0px !important;
    z-index: 9;
    overflow-y: auto;
    height: 100%!Important;
    overflow-x: hidden;
}
.menu-section .et_pb_button{
	display:inline-block;
	    width: 100%;
    text-align: center;
	
}
.menu-section .et_pb_menu__wrap{
	display:inline-block
}
.menu-section .et_pb_menu__wrap{
	    width: 100%;
    margin-left: 0px!important;
	padding-left:0px!important;

}
.menu-section .et_pb_menu__wrap ul li.current_page_item{ background: #5c3a28;}
.menu-section .et_pb_menu__wrap ul li{
	padding: 6px;
    width: 100%;
/*     background: #5c3a28; */
    display: block;
    width: 100%;
    margin-bottom: 10px;
padding-left:30px!important;
    line-height:26px;
}

.menu-section .et_pb_menu .et_pb_menu__menu, .menu-section .et_pb_menu .et_pb_menu__menu>nav, .menu-section .et_pb_menu .et_pb_menu__menu>nav>ul{
	display:block;
}
.menu-section  .et_pb_social_media_follow li {
    display: inline-block;
    margin-bottom: 8px;
    position: relative;
    margin-left: 10px!important;
}
.menu-section  .et_pb_social_media_follow li:first-child {
    margin-left: 0 !important;
}
.menu-section .et-menu.nav{
	display:block;
}
.blog-row .et_pb_button_module_wrapper {
	width: 300px;
    display: flex;
}
.image-only img{
	opacity:0;
}
.slick-prev, .slick-next{
	width:auto!important;
	height:auto!important;
}
.slick-next {
    right: 20px!important;
    bottom: -80px!important;
    top: auto!important;
    background-color: #cea030!important;
    border-radius: 0px!important;
    color: #cea030!important;
    padding: 10px!important;
}
.slick-prev{
	left:auto!important;
    right: 80px!important;
    bottom: -80px!important;
    top: auto!important;
    background-color: #cea030!important;
    border-radius: 0px!important;
    color: #cea030!important;
    padding: 10px!important;
}
.slick-prev:before{
	content:"#"!important;
	font-family: 'ETmodules';
}
.slick-next:before{
	content:"$"!important;
	font-family: 'ETmodules'!important;
}
#main-content {
    background-color: #171717;
}
.back-to-top a{
	font-size:18px;
	color:#fff!important;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	text-shadow: 2px 3px 3px #00000029;

}
.back-to-top a:before {
   content: "";
    width: 70px;
    background: #cea030;
    height: 2px;
    margin-right: 10px;
}

.back-to-top a:after {
    content: "";
    width: 70px;
    background:  #cea030;
    height: 2px;
    margin-left: 10px;
}

.et_pb_scroll_top.et-pb-icon:before {
    content: '';
    font-family: 'Montserrat'!important;
    left: 0px;
    right: auto;
    content: url(/wp-content/uploads/2023/06/backtotop.svg);
    width: 300px;
    height: 300px;
}
.our-story-section:before {
     content: '';
    background: linear-gradient(180deg,#8c6a50 0%,rgba(140, 106, 80, 0) 100%);
    width: 100%;
    position: absolute;
    height:100%;
}
.our-story-section:after {
         content: '';
    width: 100%;
    position: absolute;
    background-image: linear-gradient(180deg,rgba(140, 106, 80, 0) 0%,#8c6a50 100%);
    bottom: 0px;
    height: 400px;
}
.et_pb_scroll_top{
	background: #a58458;
    font-size: 16px;
    border: none;
    border-radius: 0px;
    padding: 5px 14px;
}
    
 .slick-slide {
    height: auto; 
	 min-height:400px;
  }
  .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
.slick-dots{
	bottom:-45px;
}

 .slick-slide {
    height: auto; 
	 min-height:400px;
  }
  .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
.slick-dots{
	bottom:-45px;
}
.cover-img img{
	    object-fit: cover;
	object-position: center;
}
.cover-img.fixed-size img{
	    object-fit: cover;
    object-position: center;
    width: 400px;
    height: 400px;
}
.multiple-items.et_pb_blog_0 .et_pb_post{
    border-radius: 0px; overflow:hidden;
    min-height: 568px;
    margin-top: 4px;
    margin-bottom: 8px;
	    margin-right: 30px;
    background: #171717;
}
.multiple-items .et_pb_post .entry-featured-image-url{
	margin-bottom:0px!important;
}
.multiple-items .et_pb_post .post-content{
	padding:0px 40px!important;
	margin-top:22px;
}
.multiple-items .et_pb_post .entry-title{
	padding:0px 40px!important;
	margin-top:30px;
}
.multiple-items .et_pb_post .entry-title a{   
	color: #cea030;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;}

.multiple-items .multiple-text-content {
    padding: 20px;
}

.multiple-items .slick-center  .multiple-text-content{ display:block;}
.top-border   h3:before, .top-border   h5:before{
	    position: relative;
    content: "";
    border-top: 2px solid #a58458;
    width: 50px;
    /* left: -16px; */
    display: block;
    text-align: center;
    justify-content: center;
    margin: 0px auto;
    padding-bottom: 12px;
}
.head-menu #menu-main-menu li.current-menu-item{
	background: #494042!important;
}
.head-menu #menu-main-menu li.current-menu-item a{
color: #ffffff!important;
}
.whatson .et_pb_ajax_pagination_container{
	display:flex;
	flex-direction:row;
	flex-direction: row;
    flex-wrap: wrap;
}
.whatson.et_pb_module .et_pb_ajax_pagination_container article{
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
    margin-right: 2%;
    text-align: center;
    width: 31%;
    flex: 0 0 31%;
    padding-bottom: 0px;
    background: #fff;
    position: relative;
    padding: 0px;
    margin: 0px 2% 50px 0px;    padding-bottom: 66px;
    border-radius:22px;min-width: 255px;  position: relative;
} 
.whatson.et_pb_module .et_pb_ajax_pagination_container article h2, .whatson.et_pb_module .et_pb_ajax_pagination_container article .post-content{
	padding:10px 20px!important; 
}
 .whatson.et_pb_module .et_pb_ajax_pagination_container article .post-content .post-content-inner{text-align:left;}
.whatson.et_pb_module .et_pb_ajax_pagination_container article .post-content {
        padding-bottom: 40px;
    }
.whatson.et_pb_module .et_pb_ajax_pagination_container article .more-link, .multiple-items.et_pb_module .et_pb_ajax_pagination_container article .more-link {
        position: absolute;
        bottom: 30px;
        left: 10px;
        right: 0;
        width: 80%;
        margin: auto;
	text-transform:capitalize;
    }
.whatson.et_pb_module .et_pb_ajax_pagination_container article  .entry-featured-image-url img{
	border-radius:22px 22px 0px 0px!important;height:250px;    object-fit: cover;
}
.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover, .whatson.et_pb_module .et_pb_ajax_pagination_container article:hover a{
	background: #A58458!important;
	color:#fff!important;
}
.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover a{
	color:#fff!important;}
.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover h2, .whatson.et_pb_module .et_pb_ajax_pagination_container article:hover .post-content .post-content-inner{color:#fff!important;}

.whatson .et_pb_post.entry-featured-image-url img{
     max-width: 90%;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.whatson.et_pb_posts {
	margin-bottom:20px!important;
}

.whatson.et_pb_module .et_pb_ajax_pagination_container article{
	overflow:hidden;
}
.whatson.et_pb_module .et_pb_ajax_pagination_container article a.more-link{color:#A58458!important;}
.multiple-items.et_pb_blog_0 .et_pb_post:hover h2 ,.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover h2, .whatson.et_pb_module .et_pb_ajax_pagination_container article:hover p ,.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover a{color:#fff!important;}
.subscribe-btn{
	padding-top: 0.3em!important;
    padding-right: 2.4em!important;
    padding-bottom: 0.3em!important;
    padding-left: 2.4em!important;
    font-size: 18px;
    background-color: rgba(255,255,255,0);
    border: 1px solid #7f7f7f;
    border-radius: 0px;
    height: 40px;
    box-shadow: none;
    color: #7f7f7f;
    font-weight: 600;
	margin-top:10px;
}

.head-style h2:before{
	    content: "";
    border-bottom: 4px solid #CEA030;
    WIDTH: 100PX;
    bottom: -8px;
    left: calc(55% - 100px);
    text-align: center;
    position: absolute;
	
}
.head-style.left h2:before{
	  
    bottom: -8px;
    left: 0px;
	
}

.et_pb_menu_inner_container{
	border-bottom:1px solid #dadada!important;
}
.dropdown-layout-menu.button-section .et_pb_column{
	border-bottom:1px solid #dadada!important;
	border-top:1px solid #dadada!important;
}
@media only screen and (max-width: 960px){
	.head-style h2:before{
		    left: calc(58% - 100px);
	}
	.menu-block .et_pb_button_module_wrapper{
		width:100%
	}
	.blog-row .et_pb_button_module_wrapper {
    width: 100%;
    /* display: flex; */
    justify-content: center;
    display: flex;
}
	.et_pb_social_media_follow_network_0_tb_footer, .et_pb_social_media_follow_network_1_tb_footer {
    margin-left: 10px!important;
}
	.head-style.left h2:before {
    bottom: -8px;
    left: auto;
}
	.backtotop{
		position: fixed;
    right: 0px;
    width: 100px!important;
    bottom: 86px;
    background: #CEA030;
	}
	
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select {
    background-color: #fff;
    border: 1px solid #C2C2C2;
    padding: 10px;
    color: #4e4e4e;
    height: 50px;
    width: 100%;
	font-size: 16px;
}
textarea {
    width: 100%;
    border: 1px solid #C2C2C2;
	padding: 10px;
	font-size: 16px;
	background-color: #fff;
	color: #4e4e4e;
}
.contact-us button, .subscribe-form button {
	cursor: pointer;
}
.subscribe-form input {
	margin-bottom: 15px;
}
.menu-table, .menu-table td, .menu-table th {
	border: none !important
}
.menu-table td, .menu-table th {
	padding: 12px 0 !important;
}
.menu-table span {
	font-size: 18px !important;
	font-style: italic;
}
.menu-table tr td:last-child, .menu-table tr th:last-child {
	vertical-align: top;
}
.menu-table th {
	color: #cea030 !important;
}
.et-menu li li a {
	padding: 0 !important;
}
@media (max-width: 640px) {
	.head-style h2:before{
		    left: calc(66% - 100px) !important;
	}
	.menu-section {
		width: 100vw;
	}
}
@media (max-width: 1280px) {
    .sub-menu {
        display: none;
        position: initial !important;
        width: 100% !important;
        box-shadow: none !important;
    }
	    .et-touch-hover .sub-menu {
        display: block !important;
    }
	.menu-item-has-children {
        flex-direction: column;
    }
	.menu-section .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li:hover{
	    background: none !important;
}
	.menu-section .et_pb_menu__wrap ul li ul li {
	padding: 0 10px !important;
}
}
#sticky-button-footer:after {
	display: none !important;
}
@media (min-width: 981px) {
/*change the visibility of the menu submenu on click
.nav li.et-touch-hover>ul,*/
.nav li:hover>ul {
	opacity: 0;
	visibility: hidden;
}
	
ul.sub-menu.hide.visible {
	opacity: 1;
	visibility: visible;
	position: relative !important;
	
}
	#menu-main-menu li.menu-item-has-children {
		flex-direction: column;
	}
	ul.sub-menu.hide.visible li {
		padding: 0 !important;
	}
	ul.sub-menu.hide {
		padding-bottom: 0 !important;
	}
}