/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0
*/

/*GLOBAL*/
html {scroll-behavior: smooth;}
#Content .container {box-sizing:border-box}
body {
	color:black;
}
:target {scroll-margin-top: 100px;}
section {box-sizing:border-box;padding:30px 0;}
.text-center {text-align:center;}
.clear-space1 {margin-bottom:1rem !important;}.clear-space2 {margin-bottom:2rem !important;}.clear-space3 {margin-bottom:3rem !important;}
#Content ul:not(.menu) {list-style-type:disc !important;padding-inline-start: 40px !important;}
/* Typography */
@media (min-width:991px) 
	{ 
		h1 {
			font-weight:700;
			font-size: 60px;
			line-height:65px;
         }
		h3 {
			font-weight:900;
			font-size: 30px;
			line-height:35px;
           }
}

@media (max-width:990px) 
	{ 
		h1 {
	font-weight:700;
	font-size: 45px;
	line-height:50px;
         }
	h3 {
	font-weight:900;
	font-size: 24px;
	line-height:30px;
   }
}
h2 {
	font-weight:700;
	font-size: 40px;
	line-height:45px;
}


h4 {
	font-weight:400;
	font-size: 20px;
	line-height:24px;
}
p {
	font-weight:400;
	font-size: 16px;
	line-height:24px;
}
/*Flex*/
.flex {display:flex} .flow-row-wrap {flex-flow: row wrap} .flow-row-nowrap {flex-flow:row nowrap} .flow-column-wrap {flex-flow:column wrap} .flow-column-nowrap {flex-flow:column nowrap} .justify-center {justify-content:center} .justify-start {justify-content: flex-start;} .justify-end {justify-content: flex-end;} .content-center{align-content:center} .content-start{align-content:flex-start} .content-end{align-content:flex-end} .items-center{align-items:center} .items-start{align-items:flex-end} .items-end{align-items:flex-end} .row-gap1 {row-gap:var(--levelOne)} .row-gap2 {row-gap:var(--levelTwo)} .row-gap3 {row-gap:var(--levelThree)} .column-gap1 {column-gap:var(--levelOne)} .column-gap2 {column-gap:var(--levelTwo)} .column-gap3 {column-gap:var(--levelThree)}
@media (min-width:992px) {
    .alternate [class*=col-]:nth-child(1) {order:1} .alternate [class*=col-]:nth-child(0) {order:2}
}


/*FAQ Sidebar */
#menu-faq li:after, #menu-faq li::marker {display:none;}
.widget_mfn_menu ul li a {border:none;color: #0074e0;}

/*VIDEOS*/
.video_wrapper {height:0;overflow:hidden;padding-top:56.25%;position:relative;}
.video_wrapper iframe {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}

/*ACCORDION*/
#accordionGroup h3 {margin-top:1rem;margin-bottom:0;box-sizing:border-box;}
#accordionGroup .Accordion-trigger {width:100%;text-align:left;background-color:#f7f7f7;color: #000000;margin-bottom:0;font-size:18px;line-height:normal;padding-right:60px;}
#accordionGroup .Accordion-trigger[aria-expanded="true"] {border-radius: 25px 25px 0 0;}
#keyTerms #accordionGroup .Accordion-trigger {background-color: #ffffff;border: solid 1px #eeeeee;}
#keyTerms #accordionGroup .Accordion-trigger:after {background:none !important;}
#accordionGroup .Accordion-trigger:hover {background-color: #E8F5FC !important;}
#accordionGroup .Accordion-panel {padding:15px 20px 0;background-color: #FFFFFF;border:1px solid #f7f7f7;border-radius:0 0 5px 5px; box-shadow:  0 15px 10px -10px rgba(0,0,0,0.1);border-radius: 0 0 25px 25px;}
#keyTerms #accordionGroup .Accordion-panel {border: solid 1px #eeeeee;}
#accordionGroup .Accordion-icon {border: solid #9e9e9e;border-width: 0 2px 2px 0;height: .5rem;pointer-events: none;position: absolute;right: 2em;top: 50%;transform: translateY(-60%) rotate(
45deg);width: .5rem;}
#accordionGroup .Accordion-trigger[aria-expanded=true] .Accordion-icon {transform: translateY(-50%) rotate(-135deg) !important;}


/*MODAL*/
.modal-button:hover {color: #FFFFFF !important;}
.modal {display: none; /* Hidden by default */	position: fixed; /* Stay in place */	z-index: 1; /* Sit on top */
	left: 0;	top: 0;	width: 100%; /* Full width */	height: 100%; /* Full height */	overflow: auto; /* Enable scroll if needed */	background-color: rgb(0,0,0); /* Fallback color */	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {background-color: #ffffff;margin: auto;padding: 0;box-shadow: 0 3px 6px rgba(0,0,0,0.1);width: 80%;border:none;border-radius:20px;}
/* The Close Button */
.modal-content .close {color: #FFFFFF;position:absolute;right:-1rem;top:-4rem;font-size: 48px;font-weight: bold;opacity:1;text-shadow:none;}
.close:hover,
.close:focus {color: var(--blue);text-decoration: none;cursor: pointer;}

/*Campaign*/
.occ-icon img {filter: saturate(0) brightness(5); max-height:24px;width:24px;vertical-align: text-top;margin-right:5px;}

/*accordion*/

.wpsm_panel-body {color: #626262;font-family: "Mark Pro Regular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}

.text-red {
		color: #E32B24;
	}
.bg-red {
		background-color:#E32B24 !important;
	}

	.bg-transparent {
		background-color: #00000000 !important;
		border: 1px solid white !important;
	   }
/* Add to your theme's Additional CSS or child theme */
#Header_wrapper {
	background-color: black !important;
}

.sticky-tb-color #Top_bar.is-sticky {
	background-color: black !important;
}

@media only screen and (max-width: 767px) {
	#Top_bar {
		background-color: black !important;
	}
	
}

/* In your CSS */
.bg-transparent-black {
		background-color: #00000000 !important;
		border: 1px solid black !important;
	   }

.bg-transparent-white {
		background-color: #00000000 !important;
		border: 1px solid white !important;
	   }

/*customize WPML in slide  */
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
    border: 1px solid;
    border-radius: 50px;
    width: 5rem;
    font-weight: 700;
	margin-left:0.8rem;
}

.section-gap {
	margin-top:5rem;
}

.bottom-padding {
	padding-bottom:8rem;
}

#logo {
	display:flex !important;
}