/*
Theme Name: Thina Namba
Version: 1.0
Description: A child theme of Divi
Author: admin
Template: Divi
*/

@import url("../Divi/style.css");

body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

.desktop__header.shrunk {
  padding: 10px; /* Shrink padding */
  background-color: #f8f8f8; /* Optional: Slightly different background */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Optional: Stronger shadow */
}

.et_pb_menu__menu:has(#menu-rightnav) {
	width: 100%;
}

.et-menu-nav:has(#menu-rightnav) {
	width: 100%;
}

#sl-preloader > .sl-pl-back.sl-pl-back-split-horizontal-left,
#sl-preloader > .sl-pl-back.sl-pl-back-split-horizontal-right {
    background: #341100 !important;
}

#menu-rightnav {
	width: 100%;
	flex: 1;
}

.header__contact {
	margin-left: auto !important;
	margin-right: 0 !important;
	background-color: #341100;
}

p.et_pb_contact_field {
/* 	padding-bottom: 0.2em; */
	margin-bottom: 1%;
}

/* 
form input,
form textarea {
	padding: 7px 12px !important;
}

.et_pb_contact .et_pb_contact_field_half {
	float: normal;
	width: 100%;
} */

/* .form__bottom {
	display: flex;
} */

.et_pb_contact p input, .et_pb_contact p textarea {
	padding: 10px;
}

.et_contact_bottom_container:has(.et_pb_contact_submit.et_pb_button) {
	position: absolute;
	right: 0;
	bottom: 0;
}

.et_pb_contact_field textarea.et_pb_contact_message {
	min-height: 50px;
	height: 100px;
}

#et_pb_contact_form_0 button {
	border-top-right-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
}

#ContactFormFooter .et_contact_bottom_container {
	position: relative !important;
	margin-top: 0;
}

.thina__namba__color {
	color: #e6603d;
	font-family: FreeScript;
	font-size: 40px;
	padding-right: 10px;
}

.contact__number {
	color: #117c74;
	font-size: 20px;
}

/* MOBILE MENU STYLES */

/*align the hamburger menu to the right right*/

.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*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: block !important;
	align-items: center !important;
}

/* Opened menu styling */
.pa-fullscreen-menu .opened #mobile_menu3 {
	width: 100vw !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	height: 100vh !important;
	display: flex !important;
	flex-direction: column !important;
	opacity: 1 !important; /* Fully visible */
	visibility: visible !important; /* Ensure it's visible */
	transition: opacity 0.3s ease-in-out, visibility 0s 0s; /* Fade-in effect */
}

/* Closed menu styling */
.pa-fullscreen-menu .closed #mobile_menu3 {
	width: 100vw !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	height: 100vh !important;
	display: flex !important;
	flex-direction: column !important;
	opacity: 0 !important; /* Fade out */
	visibility: hidden !important; /* Make invisible after fade */
	transition: opacity 0.3s ease-in-out, visibility 0s 0.3s; /* Fade-out effect */
}

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

.noScroll {
	overflow-y: hidden;
}

/*remove the bullet points from the list items*/

.pa-fullscreen-menu #mobile_menu3 li {
	list-style: none !important;
	width: 100%;
}

.pa-fullscreen-menu #mobile_menu3 > li:first-child {
	margin-top: 100px;
}


/*move the menu to the top above other elements*/

.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}

#main-content {
	margin-top: 0 !important;
}

/*change the opened menu icon*/

.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar::before {
	content: "\4d" !important;
}

/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
	font-weight: 500 !important;
}

/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
	padding: 30px 12%;
	font-size: 25px !important;
	font-family: 'Proxima Nova Alt',Helvetica,Arial,Lucida,sans-serif !important;
}

@media (min-width: 981px) {
	.social__menu {
		display: none;
	}
	.get__started__btn {
		display: none;
	}
}

@media (max-width: 980px) {
	.pa-fullscreen-menu #mobile_menu3::before {
		content: '';
		width: 170px;
		height: 70px;
		/*     	background-image: url('http://localhost:8080/left_navigation/wp-content/uploads/2024/11/logo.png'); */
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: 20px;
	}

	.et_pb_menu__logo img[src$=".svg"] {
		width: 160px !important;
	}

	.pa-fullscreen-menu .et_pb_menu__logo-wrap {
		z-index: 99999;
		max-width: 160px !important;
	}

	.social__menu.social__menu.social__menu.social__menu.social__menu.social__menu > a {
		font-size: 14px !important;
		color: grey !important;
	}
	.pa-fullscreen-menu #mobile_menu3 li.social__menu.facebook {
		position: absolute;
		bottom: 10px;
		left: 20px;
		/* 		text-align: left; */
		width: auto;
	}
	.pa-fullscreen-menu #mobile_menu3 li.social__menu.instagram {
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translatex(-50%);
		/* 		text-align: center; */
		width: auto;
	}
	.pa-fullscreen-menu #mobile_menu3 li.social__menu.twitter {
		position: absolute;
		bottom: 10px;
		right: 20px;
		/* 		text-align: right; */
		width: auto !important;
	}
	.get__started__btn {
		display: block;
		background-color: black;
		border-radius: 5px;
		margin-top: 50px;
		max-width: 200px;
	}
	.get__started__btn.get__started__btn.get__started__btn.get__started__btn > a {
		color: white !important;
		text-align: center;
	}
}

/* END OF MOBILE MENU STYLES */


/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .page_item_has_children >a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu , 
ul.et_mobile_menu .page_item_has_children .children {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
ul.et_mobile_menu .page_item_has_children .children.visible{
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children  .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children  .mobile-toggle::after {
	top: 30px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: black;
	background: #efefef;
	border-radius: 50%;
	padding: 4px;
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	line-height: 10px;
	text-indent: -1px;

}

#mobile_menu3 .sub-menu.visible a {
	font-size: 18px !important;
	font-family: 'Proxima Nova Alt',Helvetica,Arial,Lucida,sans-serif !important;
	padding: 20px 20px 20px 40px;
}

/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 3px;
	line-height: 0;
}

.mobile_nav.opened > .mobile_menu_bar.active:before {
    color: white !important; /* Change color when active */
}

/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu.et_mobile_menu.et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu.et_mobile_menu.et_mobile_menu ul {
	background-color: #ffffff !important;
	border-radius: 10px;
}

.menuContact a {
	color: #FFFFFF !important;
    border-color: RGBA(255, 255, 255, 0);
    font-size: 14px;
    font-family: 'FOCO', Helvetica, Arial, Lucida, sans-serif !important;
    background-color: #341100;
	border-radius: 20px 0 20px 0;
    padding: 10px 30px 10px 30px;
    margin-top: -8px;
}

.menuDonate a {
	color: #341100 !important;
    border-color: RGBA(255, 255, 255, 0);
    font-size: 14px;
    font-family: 'FOCO', Helvetica, Arial, Lucida, sans-serif !important;
    background-color: #FDB813;
	border-radius: 20px 0 20px 0;
    padding: 10px 30px 10px 30px;
    margin-top: -8px;
}

#mobile_menu3 {
	background-color: #341100 !important;
	
}

#mobile_menu3 li a {
	color: white !important;
}

.et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff !important;
}


/* @media all and (max-width:479px) {
	#BoardProfilesSec {
		padding-bottom: 780px;
	}
} */

@media all and (min-width:550px) and (max-width:767px) {
	.bracket__text {
		top: 80px !important;
	}
}



#MainNavigationSection {
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.show-header {
    transform: translateY(0);
    opacity: 1;
}
.hide-header {
    transform: translateY(-100%);
    opacity: 0;
}

.openform a {
	color: white !important;
}

.openform a:hover {
	color: #adc427 !important;
}

#copyText {
	background: transparent;
    border: 0;
    color: #fff;
    letter-spacing: 2px;
    font-size: 20px;
    width: auto;
    display: block;
    text-align: center;
	margin:auto;
}

.copy-btn {
	background: rgba(0, 0, 0, 0.2);
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 100px;
    padding: 2px 10px;
	cursor:pointer;
}

.copy-btn:hover {
	background: rgba(0, 0, 0, 0.7);
    color: #E6603D;
	transition: .3s;
}