/*
Theme Name: Mubaku Medical Center Theme
Theme URI: https://www.mubakumedicalcenter.org
Description: Mubaku Medical Center Theme
Version: 1.0
Text Domain: mubaku
Author: Mubaku
Author URI: https://www.mubakumedicalcenter.org
Tags: wordpress
License: GPLv2 License
License URI: https://wordpress.org/about/gpl/
*/

:root {
	/* Colors */
	--orange-color: #3fc1c9;
	--dark-color: #364f6b;
	--light-color: #f5f5f5;
	--other-color: #00af91;
	--light-orange: #ffcc29;
	--cta-color: #fc5185;

	/* Fonts */
	--heading-font: 'Montserrat', sans-serif;
	--cursive-font: 'Carter One', cursive;
}
/* General */

body {
	font-size: 18px;
	line-height: 35px !important;
	font-family: var(--heading-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font);
}

p,
ol {
	font-size: 18px !important;
	line-height: 35px !important;
	font-family: var(--heading-font);
}

ol.prakata li {
	margin-bottom: 40px !important;
}

ol.prakata {
	list-style-type: none;
	margin-top: 30px !important;
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.btn-danger {
	background: var(--cta-color) !important;
	background-color: var(--cta-color) !important;
}

.btn-danger:hover {
	opacity: 0.8 !important;
}

.border-primary-alt {
	border-style: solid;
	border-width: 1px !important;
	border-color: #3fc1c9 !important;
}

.bg-cta {
	background: var(--other-color);
	font-family: var(--heading-font);
}

.top-zero {
	top: 0;
}

.index9 {
	z-index: 9;
}

.uncode-divider-wrap.uncode-divider-wrap-top {
	bottom: -5px;
}
.uncode-divider-wrap.uncode-divider-relative {
	position: absolute;
}
.z_index_0 {
	z-index: 0;
}
.uncode-divider-wrap {
	left: 0;
	pointer-events: none;
	width: 100%;
	z-index: 999 !important;
}

.unncode-divider-wrap.unncode-divider-wrap-top {
	bottom: 0;
}
.unncode-divider-wrap.unncode-divider-relative {
	position: absolute;
}
.z_index_0 {
	z-index: 0;
}
.unncode-divider-wrap {
	left: 0;
	pointer-events: none;
	width: 100%;
	z-index: 999 !important;
}

.priku {
	height: 44px;
	opacity: 0.3;
}

/* Header */

.header {
	background: var(--orange-color);
	/* border-bottom: 20px solid var(--light-orange); */
}

.header .logo {
	/* margin-bottom: 20px; */
	width: 202px;
}

.btn-donate {
}

.btn-volunteer {
	background: var(--dark-color) !important;
	border: 1px solid var(--dark-color) !important;
}

/* Menu */

.menu-main-menu-container {
	float: left;
}

#menu-main-menu {
	clear: both;
	display: block;
	float: right;
	width: 100%;
	list-style-type: none;
	margin-bottom: 0px;
}

.navmain nav {
	float: right;
}

#menu-main-menu ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

#menu-main-menu li {
	float: left;
	position: relative;
}

#menu-main-menu ul li {
	float: none !important;
}

#menu-main-menu a {
	display: block;
	text-decoration: none;
	padding: 20px 20px;
	line-height: 1.666666667;
	text-transform: uppercase;
	font-size: 17px !important;
	font-weight: 500;
	color: #fff;
	letter-spacing: 1.3pt;
}

.index3 {
	z-index: 3;
}

#menu-main-menu a:last-of-type:after,
#menu-main-menu a:last-child:after {
	padding-right: 0px !important;
	margin-right: 0px !important;
}

.right-0 a {
	padding-right: 0px !important;
}

#menu-main-menu ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	z-index: 99999;
	background-color: #dc3545;
	color: #fff;
	width: 250px !important;
	padding-top: 15px;
	padding-bottom: 15px;
}

ul.sub-menu {
	display: none;
}

ul.sub-menu li a {
	text-transform: capitalize !important;
}

ul.sub-menu li a:hover {
	text-decoration: underline !important;
}

ul.menu li.menu-item-has-children:hover > ul.sub-menu {
	display: block;
}

#menu-main-menu ul li a {
	padding: 4px 20px;
}

#menu-main-menu ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

#menu-main-menu ul ul ul {
	left: -999em;
	top: 0;
}

#menu-main-menu ul ul a {
	width: 200px;
}

#menu-main-menu ul ul li {
}

#menu-main-menu li:hover > a,
#menu-main-menu li.focus > a {
}

#menu-main-menu ul ul :hover > a,
#menu-main-menu ul ul .focus > a {
}

#menu-main-menu ul ul a:hover,
#menu-main-menu ul ul a.focus {
}

#menu-main-menu ul li:hover > ul {
	left: auto;
}

#menu-main-menu ul li:focus-within > ul {
	left: auto;
}

#menu-main-menu ul li.focus > ul {
	left: auto;
}

#menu-main-menu ul ul li:hover > ul {
	left: 100%;
}

#menu-main-menu ul ul li:focus-within > ul {
	left: 100%;
}

#menu-main-menu ul ul li.focus > ul {
	left: 100%;
}

#menu-main-menu .current_page_item > a,
#menu-main-menu .current-menu-item > a,
#menu-main-menu .current_page_ancestor > a,
#menu-main-menu .current-menu-ancestor > a {
	color: #fff;
	text-decoration: underline;
}

/* Body */

.slide-banner {
	/* background: var(--dark-color) url(images/pattern2.png); */
	/* border-bottom: 20px solid #dc3545; */
	background: linear-gradient(
		90deg,
		var(--dark-color) 0%,
		var(--other-color) 100%
	);
}

.slider {
	background: url(images/mubakuslide1.jpg);
	background-position: center center;
	background-size: cover;
	height: 1200px !important;
	width: 100% !important;
}

.navbar-green {
	background-color: var(--orange-color);
	font-family: var(--heading-font);
}

.main-image {
	background-position: center center !important;
	background-size: cover !important;
	height: 500px !important;
	width: 100% !important;
	overflow: hidden;
}

#breadcrumbs a {
	color: var(--light-color) !important;
}

.zui {
	position: absolute;
}

.slide-banner h2 {
	font-size: 4rem !important;
	font-family: var(--heading-font);
	font-weight: 900;
}

.slide-banner p {
	font-size: 20px;
}

.page-title {
	font-family: var(--cursive-font) !important;
}

.page-title-big {
	font-size: 75px;
	font-family: var(--heading-font);
	font-weight: 900;
}

.big-p {
	font-size: 30px;
}

.exclamation {
	display: inline-block;
	font-size: 100px;
	transform: rotate(20deg);
	margin-left: 1.5rem;
	color: var(--light-orange);
}

.textshad {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

.envecon {
	top: 50px;
}

.envecon2 {
	top: -80px;
}

.wrap-input100 {
	width: 100%;
	position: relative;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	padding: 10px 30px 9px 22px;
	margin-bottom: 20px;
}

.bg1 {
	background-color: #f7f7f7;
}

.concon small {
	text-transform: uppercase !important;
	font-weight: bold;
}

.concon label {
	width: 100% !important;
}

.concon input[type='text'],
.concon input[type='email'] {
	display: block;
	width: 100%;
	background: 0 0;
	color: #555;
	line-height: 1.2;
	padding-right: 15px;
	padding-left: 0px;
	height: 40px;
	outline: none;
	border: none;
}

.btn-primary {
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
}

.profile-image {
	filter: grayscale(100%);
}

.profile-image:hover {
	cursor: pointer;
	filter: none;
}

.concon textarea {
	display: block;
	width: 100%;
	background: 0 0;
	color: #555;
	line-height: 1.2;
	padding-right: 15px;
	padding-left: 0px;
	height: 150px;
	outline: none;
	border: none;
}

.concon input[type='submit'] {
	background: #dc3545;
	padding: 1rem 3rem;
	color: #fff;
	border: 0px;
	width: 200px;
	border-radius: 50px;
	text-transform: uppercase !important;
}

.addressia h3 {
	font-weight: 700;
}

.headholder {
	position: absolute;
	line-height: 100pt;
	bottom: 0;
	color: #fff;
	background: linear-gradient(transparent, rgb(255, 255, 255));
	padding: 20px;
	font-size: 35pt;
	background-size: cover;
	width: 100% !important;
	height: 200px;
	z-index: 9;
}

.headholderx {
	position: absolute;
	line-height: 100pt;
	top: -170px;
	color: #fff;
	padding: 0px;
	width: 100% !important;
	height: 100px;
	z-index: 9;
	border-top: 50px dotted var(--dark-color);
}

.pages-section h1 {
}

.topmag {
	padding-top: 75px !important;
}

.large-sec-home {
	border-top: 20px solid var(--other-color);
	background: url(images/africanwoman.jpg) no-repeat fixed;
	background: cover;
	height: 2000px !important;
}

.index20 {
	z-index: 20 !important;
}

.bottom-orange {
	border-bottom: 20px solid var(--orange-color);
}

.content {
	font-size: 18px;
	line-height: 35px !important;
	font-family: var(--heading-font);
}

.content p {
	margin-bottom: 2rem !important;
}

#services {
	border-top: 10px dashed var(--orange-color);
}

.page-content img,
figure {
	max-width: 100% !important;
	width: 100% !important;
}

.bg-kuji {
	background: var(--light-color) url(images/lined-paper.png);
}

figcaption {
	font-size: 0.8em !important;
	margin-top: 10px !important;
}

/* Footer Section */

.footer {
	background: var(--dark-color);
	font-size: 17px;
	min-height: 250px;
	color: #fff;
	font-family: var(--heading-font);
	border-top: 10px solid var(--orange-color);
}

.footer ul {
	padding-left: 0px;
	margin-left: 0px;
}

.footer svg {
	color: var(--dark-color);
}

.footer .bigfoot {
	font-family: var(--heading-font);
	font-size: 50px;
}

.footer .foot-icon {
}

.footer .three-sec h5 {
	font-size: 30px;
}

.footer .third-section {
	background: var(--orange-color) url(images/crissxcross.png);
}

.footer .third-section h3.firsth3 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 1.3pt;
}

.footer .third-section h3 {
	font-family: var(--heading-font);
}

.footer .social-icons-lists li.social-icons-list-item:first-of-type {
	margin-left: 0px !important;
}

.footer .social-icons-lists.icons-background-rounded .socicon,
.social-icons-lists.icons-background-square .socicon {
	background: #fff !important;
	color: var(--dark-color) !important;
}

.footer .social-icons-lists.icons-background-rounded .socicon:hover,
.social-icons-lists.icons-background-square .socicon:hover {
	background: var(--light-orange) !important;
	color: #333 !important;
	opacity: 1 !important;
}

.footer .ngoholder {
	background: var(--other-color);
}

.footer .fourth-estate h5 {
	font-family: var(--heading-font);
	font-weight: 500;
	margin-bottom: 20px;
}

.footer .fourth-estate ul {
	list-style-type: none;
}

.footer .fourth-estate ul li {
	line-height: 35px;
}

.footer .fourth-estate ul li a {
	color: #fff;
	font-size: 16px;
}

.footer .text14 {
	font-size: 14px !important;
	font-family: var(--heading-font);
}

.push {
	position: relative;
}

.nonono {
	display: none !important;
}

.menu-link {
	display: none;
	color: #fff;
	background: #333;
	border-radius: 0px;
	padding: 2px 12px;
	float: right;
	margin-top: 10px;
}
.mobile-menu a {
	display: block;
	color: #fff;
	padding: 10px 15px;
}
.mobile-menu a:hover {
	background-color: #555;
}
.mobile-menu li {
	border-bottom: 1px #444 solid;
}

@media only screen and (max-width: 1200px) {
	.btn {
		padding: 10px 20px !important;
		font-size: 16px !important;
	}

	.header .logo {
		width: 184px;
	}

	.slide-banner h2 {
		font-size: 36px !important;
	}

	p,
	ol {
		font-size: 15px !important;
		line-height: 26px !important;
	}
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
	.slider {
		height: 300px !important;
	}

	.nonono {
		display: block !important;
	}

	.header .btn {
		display: none !important;
	}

	.header,
	.header .logo {
		height: 60px !important;
	}

	.slider img {
		height: 100% !important;
	}

	.slide-banner h2 {
		font-size: 16px !important;
	}

	.topmag {
		padding-top: 55px !important;
	}

	.slide-banner .btn {
		padding: 10px 20px !important;
	}

	.headholderx {
		display: none;
	}

	.bottom-good {
		margin-bottom: 0px !important;
	}

	.zugu {
		font-size: 70px !important;
	}

	.zigi,
	.bigbig h1,
	.bigbig .exclamation,
	.page-title-big {
		font-size: 40px !important;
	}

	.large-sec-home {
		flex-direction: column !important;
		justify-content: center;
		height: 1900px !important;
	}

	.large-sec-home .col-md-5 {
		margin-top: 80px;
		flex-wrap: wrap;
	}

	.maxiso {
		width: 100% !important;
		max-width: 100% !important;
	}

	.large-sec-home .col-md-6 {
		width: 0px !important;
		padding: 0px !important;
	}

	.nono {
		display: none !important;
	}

	.footer .col-md-4 {
		margin-bottom: 30px !important;
	}

	.zumbu,
	.slider {
		flex-direction: column !important;
	}

	.zui {
		position: relative !important;
	}

	.bigbig img {
		height: auto !important;
	}

	.bigbig .position-absolute {
		z-index: 20 !important;
	}

	.envecon2 {
		padding: 0px !important;
		top: 10px;
		background: none !important;
	}
}