/*
Theme Name: Sea Dragon Dive Center (Divi Child)
Template: Divi
Text Domain: Divi-child
Author: Crazy Web Studio
Author URI: https://www.crazywebstudio.co.th
*/


/*  Menu Desktop   */

@media (max-width: 1350px){
#top-menu-nav ul li {
    padding-right: 5px !important;
}
	#et-top-navigation{
		padding-left:100px !important;
	}
}

@media (min-width: 1700px){
	.et_fullwidth_nav #main-header .container{
		width:80% !important;
	}
}
.cws-header-hero:before{
	content:"";
	display: block;
	height: 15%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(196, 196, 196, 0) 100%);
}

/* Menu Mobile */
@media (max-width: 980px) {
	.et_fixed_nav #main-header {
		z-index: 999999;
	}
}



/*  Border-image Card   */

.cws-border-image-1{
  border: 7px solid transparent;
  border-image: url(https://www.seadragondivecenter.com/wp-content/uploads/2022/04/border-card-sea-dragon-diving-center-2.jpg) 50 stretch;
}
.cws-border-image-2{
  border: 7px solid transparent;
  border-image: url(https://www.seadragondivecenter.com/wp-content/uploads/2022/04/border-card-sea-dragon-diving-center.jpg) 50 stretch;
}

/* Tab Section   */

.et_pb_tab_active{
	border-bottom: 4px solid yellow !important;
	transition: border-width 0.2s ease-in-out;
}
.et_pb_tabs_controls li {
    border-right: 0px solid transparent !important;
}

@media (max-width: 500px){
.entry-content tr td {
    padding: 0px 3px !important;
}
}
@media (max-width: 840px){
.et_pb_tabs_controls li a {
    padding: 4px 12px !important;
}
.cws-button-tab{
	width:100% !important; 
	text-align:center !important;
	}
}
.cws-button-tab{
	border: 2px solid #E47422 !important;
	padding: 12px 28px 8px 28px;
	border-radius: 3px;
	display: inline-block;
	margin-top:30px;
	
}
.cws-button-tab a {
	color: #E47422 !important;
	font-family: "Bebas Neue";
	font-size: 24px !important;
	font-weight: 400;
	line-height: 0px;
}
.cws-button-tab:hover{
	transform: scale(1.05);
transition: all 0.2s ease-in-out;
}


/* Ninja Form */


.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
  border-radius: 5px !important;
   
}

.ninja-forms-field {
  border-radius: 5px !important;
  background-color: #fff !important;
    }

.ninja-forms-field:focus {
  border: 2px solid #E47422 !important;
}
.ninja-send-button{
	letter-spacing: 1px !important;
	font-size: 24px !important;
	font-family: 'Bebas neue' !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	background-color: #E47422 !important;
	text-align: center !important;
}
.ninja-send-button:hover{
	transform: scale(1.05) !important;
    transition: all 0.2s ease-in-out !important;
	cursor: pointer !important;
	color: white !important;
}
#ninja_forms_required_items, .nf-field-container {
	margin-bottom: 15px !important;
}

/* Responsive */

@media (max-width: 1050px){
.cws-liveboard-11days{
	display:flex;
	flex-direction:column;
	justify-content: center !important;
	align-items:center !important;
}
}

/*. MEGA MENU */ 

.cws-mega-menu-title > a span{
	font-size: 20px !important;
	position: relative !important;
}
.cws-mega-menu-title > a span::after{
	content:'' !important;
  position: absolute !important; 
  width: 50% !important;
  display:block !important;
  border-bottom: 4px solid #ebd400 !important;
  left:0px !important;
  height: 5px !important;
}
#main-header #et-top-navigation .cws-mega-menu-title > a:hover{
	color: #fff !important;
	margin-left: 0 !important;
	cursor: auto !important;
}
#top-menu li.mega-menu>ul>li>a {
    padding: 0 20px 30px !important;
}

.cws-gallery-row{
	overflow:hidden !important;
}