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

/* ~~~~~~~~~~~~ GLOBAL SETTINGS ~~~~~~~~~~~~ */

*, *:before, *:after {
	box-sizing: border-box;
}
.et_pb_section{
	overflow:hidden !important;
}

/* form */


.nf-form-content {    
    max-width: none !important;
    padding: 10px 20px !important;
}
.nf-after-form-content {
    padding: 0 20px 20px;
}

.nf-response-msg {
    color: #fff;
    font-size: 24px;
}

.nf-form-fields-required {
  display: none;
}

.nf-field label {
  color: white !important;
  font-size: 22px !important;
}
#cws-dark-form .nf-field label {
  color: #333 !important;
  font-size: 22px !important;
}

.ninja-forms-field {
  border: 2px solid #fff !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  color: white !important;
}
#cws-dark-form .ninja-forms-field {
  border: 2px solid #333 !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  color: #333 !important;
}
.ninja-forms-field option {
    color: #363636 !important;
}

.nf-field-description {    
    line-height: 1.7em !important;
    color: #363636 !important;
}
.nf-form-content button, .nf-form-content input[type=button], 
.nf-form-content input[type=submit] {
    cursor: pointer;
}
#nf-form-3-cont .nf-field-label,
#cws-contact-form .nf-field-label {
  color: #363636 !important;
}
#nf-form-3-cont .ninja-forms-field,
#cws-contact-form .ninja-forms-field {
   border-bottom: 2px solid #363636 !important;
	color: #565656 !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
  color:#fff !important;
  background: rgba(255, 255, 255, 0.3) !important;
}

.ninja-forms-field:focus {
  border: 3px solid #C6B2A5 !important;
}
.ninja-send-button,#cws-dark-form.ninja-send-button {
 background-color: #C6B2A5!important;
  padding: 20px 30px !important;
  border: 0px solid transparent !important;
  font-family: 'Avenir Regular' !important;
  color: white !important;
  font-size: 16px !important;
  line-height: 0 !important;
	text-transform: uppercase !important;
	float:right !important;
}

#cws-contact-form .ninja-send-button {
      border-bottom: 0px solid transparent !important;
	  color: white !important;
}
.ninja-send-button:hover, .modula-link:hover {
  transform: scale(0.95) !important;
  transition: transform 300ms ease 0ms, background-color 300ms ease 0ms !important;
  color: white !important;
  cursor: pointer !important;

}

.nf-form-content textarea.ninja-forms-field {
  height: 200px !important;
}

.nf-fu-progress {
    height: 5px !important;
    margin-top: 10px !important;
    background-color: #C6B2A5 !important;
}
/* menu */

.et_fullwidth_nav #main-header .container {
    width: 100%;
}
#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
    font-weight: 700 !important;
}
li.menu-item-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
li.menu-item-logo img{
	max-width:200px;
	margin-bottom:25px;
}
/* ~~~~~~~ INIT. BTN ~~~~~~~ */

.btn {		
	position: relative;	
	padding: 10px 40px;
	font-size: 16px;
	color: #0C4754;
	font-size:"Avenir Regular" !important;
	text-transform: uppercase;
	transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);	
	cursor: pointer;
	user-select: none;
	border: 0.5px solid rgba(12, 71, 84, 0.2);
	
}

.btn:before, .btn:after {
	content: '';
	position: absolute;	
	transition: inherit;
	z-index: -1;
}

.btn:hover {
	color: #fff;
	transition-delay: .5s;
}

.btn:hover:before {
	transition-delay: 0s;
}

.btn:hover:after {
	background: #0C4754;
	transition-delay: .35s;
}



/* btn center anim */

.from-center:before {
	top: 0;
	left: 50%;
	height: 100%;
	width: 0;
	border: 1px solid #0C4754;
	border-left: 0;
	border-right: 0;
}

.from-center:after {
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	background: #0C4754;
}

.from-center:hover:before {
	left: 0;
	width: 100%;
}

.from-center:hover:after {
	top: 0;
	height: 100%;
}

.et-cart-info{
	display:none !important;
}

::placeholder {
  color: #ccc;
}

.force-opaque::placeholder {
  opacity: 1;
}

/* Responsive */

#logo {
    max-height: 60% !important;
}

#top-menu li a {
    font-size: 14px !important;
}

#et-boc #top-menu .wpml-ls-menu-item ul {
width: 60px !important;	
	padding: 5px 0 !important;
}
#et-boc #top-menu .wpml-ls-menu-item ul li a {
    padding: 0px 0px !important;
}
@media only screen and  (min-width:980px) and (max-width: 1257px){
	
	.et_fullwidth_nav #main-header .container {
   		 padding-right: 0px !important;
   		 padding-left: 0px !important;
		}
	
	#logo {
   		 max-height: 60% !important;
		}
	
	#top-menu li a {
    	font-size: 13px !important;
		}
	
	.et-menu-nav ul.et-menu li, #top-menu li {
    	padding-right: 4px !important;
		}
}
@media only screen and (max-width: 970px){
	
#et-boc #mobile_menu .wpml-ls-menu-item ul {
	display:flex !important;
    justify-content:center !important;
    align-items:center !important;
	margin-bottom: -6px !important;
	padding: 0px !important;
	padding-top: 9px !important
	}
	#et-boc #mobile_menu .wpml-ls-menu-item{
	display:flex !important;
    justify-content:center !important;
    align-items:center !important;
		margin-bottom:10px !important;
	}
	#et-boc #mobile_menu .wpml-ls-menu-item a {

		margin-bottom:10px !important;
	}
	.menu-item .dipi-cta-button-menu-item {
		margin-top:20px !important;
	}

}



/* WOO COMMERCE 
 * MAIN COLOR: #c6b2a5
 * */

/*CART*/

.woocommerce-notices-wrapper {
    display: none !important;
}
button.button.wp-element-button,a.checkout-button.button.alt.wc-forward.wp-element-button  {
    background-color: #c6b2a5!important;
    border-radius: 0!important;
    border: none !important;
    color: #fff!important;
    text-transform: uppercase!important;
    font-size: 18px!important;
    font-weight: 900!important;
    font-family: "Avenir Regular"!important;
    padding: 12px 20px!important;
	transition: all 500ms ease-in-out!important;
	border: 1px solid transparent !important;
}
button.button.wp-element-button:hover, a.checkout-button.button.alt.wc-forward.wp-element-button:hover {
    background-color: #fff!important;
    border-radius: 0!important;
    border: none !important;
    color: #c6b2a5!important;
    text-transform: uppercase!important;
    font-size: 18px!important;
    font-weight: 900!important;
    font-family: "Avenir Regular";
    padding: 12px 20px!important;
	border: 1px solid #c6b2a5 !important;
}
button.button.wp-element-button::after, a.checkout-button.button.alt.wc-forward.wp-element-button::after {
    content: none !important;
}
.woocommerce-cart-form__cart-item a{
	color: #9f8a7c!important;
}
@media only screen and (max-width: 900px){
.woocommerce table.cart td.actions .coupon .button{
	width: 100% !important;
}
	.woocommerce-terms-and-conditions-wrapper{
		margin-bottom:20px !important;
	}
}

/*CHECKOUT*/

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: none !important; 
    width: 100% !important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: none !important; 
    width: 100% !important;
}
.woocommerce-checkout h3{
	margin-top: 35px !important;
}
#post-3529 .woocommerce-info{
	background-color: #c6b2a5!important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row input::placeholder, textarea#order_comments::placeholder{
	color: #333 !important;
}
.select2-container--default .select2-selection--single {
    background-color: #eee!important;
    border: 0px solid #606060!important;
    border-radius: 0!important;
    padding: 25px 0!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;

}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: relative !important
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #333!important;
    font-size: 14px!important;
    margin-left: 8px!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #c6b2a5 !important
}
div#order_review {
    margin-bottom: 100px !important;
}
#et-boc div.container{
	 width: 90% !important;
}