/*======================================
Theme Name: Chasi Client
Theme URI: https://chasi.app
Description: Child theme for Chasi Customers
Version: 3.4
Author: Chasi
Author URI: https://chasi.app
Template: Divi
======================================*/

/*======================================
wp-activate.php
======================================*/
.wp-activate-container {
	padding: 50px;
	text-align: center;
	max-width: 800px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.wp-activate-container input {
	border-radius: 100px;
}

.wp-activate-container input.submit {
	background-color: #fff;
	color: #000000;
	border: 1px solid #000000;
}

/*======================================
Global
======================================*/

.va-center {
	align-self: center;
}

input[type="checkbox"],
input[type="radio"] {
	border: 1px solid #b4b9be;
	background: #fff;
	color: #555;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	height: 18px !important;
	margin: 0 4px 2px 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 18px !important;
	-webkit-appearance: none;
	transition: .05s border-color ease-in-out;
	font-size: 16px;
	outline: none;
	border-radius: 100px;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
	border: 1px solid #00b9f2;
	background: #DCF4FD;
	transform: none;
	margin: 0 4px 2px 0;
	width: 18px;
	height: 18px;
}

/*======================================
Divi Mega Menu
======================================*/

.tippy-tooltip {
	background: transparent !important;
	padding: 0 !important;
}

/*======================================
Monarch
======================================*/

/* Single Product */
.single-product .et_social_inline {
	margin: 50px !important;
}

/* Single Event */
.single-tribe_events .et_social_inline {
	margin-top: 50px !important;
	margin-bottom: 100px !important;
}

/* Single Post */
.chasi-blog-single-post-body-module .et_social_inline {
	margin-top: 60px !important;
}

/*======================================
Cookies Opt Out
======================================*/
button.cli-ccpa-button-confirm {
	background-color: #000000 !important;
}

.cli-alert-dialog-buttons button {
	border: 2px solid #000000 !important;
}

button.cli-ccpa-button-cancel {
	color: #000000 !important;
}

.cli-style-v2 .cli-bar-btn_container {
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
}

.cli-bar-container {
	display: block !important;
}

#cookie-law-info-bar {
	z-index: 9999999999 !important;
}

.cli-style-v2 .cli-bar-message {
	width: 100%;
	text-align: center;
	font-size: 12px;
}

.cli-plugin-button {
	border-radius: 100px;
}

.wt-cli-privacy-accept-btn {
	background-color: #000000 !important;
	color: #ffffff;
	border-radius: 100px !important;
}

.cli-switch input:checked+.cli-slider {
	background-color: #09E1C0 !important;
}

input#wt-cli-ccpa-opt-out[type="checkbox"] {
	border: 1px solid #b4b9be;
	background: #fff;
	color: #555;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	height: 12px;
	margin: -2px 0 0 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 12px;
	-webkit-appearance: none;
	transition: .05s border-color ease-in-out;
	font-size: 12px;
	outline: none;
	border-radius: 100px;
}

input#wt-cli-ccpa-opt-out[type="checkbox"]:checked {
	border: 1px solid #00b9f2;
	background: #DCF4FD;
	transform: none;
	margin: -2px 0 0 0;
	width: 12px;
	height: 12px;
}

/*======================================
Blog - Single Post
======================================*/

#comment-wrap h1#comments {
	margin-bottom: 50px;
}

#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
	display: inline-block !important;
}

#commentform .comment-form-author,
#commentform .comment-form-email {
	margin-right: 5px;
}

#commentform .comment-form-url {
	margin-right: 0;
}

#commentform .comment-form-author input,
#commentform .comment-form-email input,
#commentform .comment-form-url input {
	width: 100%;
}

#commentform {
	padding-bottom: 0 !important;
}

#respond input[type="checkbox"] {
	border: 1px solid #b4b9be;
	background: #fff;
	color: #555;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 18px;
	-webkit-appearance: none;
	transition: .05s border-color ease-in-out;
	font-size: 16px;
	outline: none;
	border-radius: 100px;
}

#respond input[type="checkbox"]:checked {
	border: 1px solid #00b9f2;
	background: #DCF4FD;
	transform: none;
	margin: 0;
	width: 18px;
	height: 18px;
}

#respond {
	background: #f9f9f9 !important;
	border-radius: 10px !important;
	padding: 40px !important;
	margin-bottom: 60px !important;
	border: 1px solid #eee;
}

/*======================================
Select2 Dropdown
======================================*/

.select2-container--default .select2-selection {
	border-radius: 10px !important;
}

.select2-dropdown {
	margin-top: 10px;
	border: none !important;
	box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.3);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 5px;
	border: 1px solid #00b9f2;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #00b9f2;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px !important;
	background-color: #F5F5F5;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
	width: 9px !important;
	background-color: #F5F5F5;
	border-radius: 10px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	border-radius: 10px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #00b9f2 !important;
}


/*======================================
Mobile Menu
======================================*/
.et_mobile_menu {
  overflow: scroll !important;
  max-height: 84vh;
  /*edit this to match your view height*/
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}

.et_pb_module .mobile_menu_bar:before {
  top: 0 !important;
}

/*==================================================================================================================
Media Screens
==================================================================================================================*/
/*======================================
Media Screens - 980px or less
======================================*/
@media (max-width: 980px) {

	/*======================================
	Header
	======================================*/

	.et_non_fixed_nav.et_transparent_nav #main-header,
	.et_non_fixed_nav.et_transparent_nav #top-header,
	.et_fixed_nav #main-header,
	.et_fixed_nav #top-header {
		position: fixed;
	}

	/*======================================
	Footer
	======================================*/

	.footer-privacy {
		display: block;
	}

	/*======================================
	Blog - Single Post
	======================================*/
	#commentform .comment-form-author,
	#commentform .comment-form-email,
	#commentform .comment-form-url {
		display: block !important;
	}

	#commentform .comment-form-author,
	#commentform .comment-form-email {
		margin-right: 0px;
	}

}

/*======================================
Mobile Menu Media Screens
======================================*/

@media (max-width: 1400px) {

/*======================================
Mobile Menu
======================================*/

  /*hide the desktop version of the menu*/
  .pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
  }

  /*show the mobile version of the menu on desktop*/
  .pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: flex !important;
	align-items: center !important;
  }

  .et_mobile_nav_menu ul {
	list-style-type: none !important;
	text-align: left !important;
  }

  .et_mobile_menu {
	width: fit-content !important;
	min-width: 275px;
	right: 0;
	left: inherit !important;
  }

}

@media (max-width: 980px) {
	
/*======================================
  Mobile Menu
======================================*/
  
  .et_mobile_menu {
	width: 100% !important;
	right: 0;
	left: inherit !important;
  }

}