/* 
 Theme Name:     Musina Municipality Theme 2022
 Author:         KEMOSO
 Author URI:     https://www.kemoso.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*HEADER*/
.musina-municipality-theme-2022 {}
#musina-header-menu:not(.et_pb_sticky--top) .et_pb_menu__logo-wrap,
.et-db #et-boc .et-l #musina-header-menu:not(.et_pb_sticky--top) .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {display:none}
#musina-header-menu:not(.et_pb_sticky--top) {background-color:rgba(0,103,56,0.97)}
#musina-header-menu.et_pb_sticky--top {background-color:transparent}
#musina-header-menu.et_pb_sticky--top .et_pb_row {width:100%; max-width:1280px; background-color:rgba(255,255,255,0.95)}
.et-db #et-boc .et-l #musina-header-menu.et_pb_sticky--top .et_pb_row_0_tb_header {background-color:rgba(255,255,255,0.95)}
#musina-header-menu.et_pb_sticky--top .et_pb_menu__logo {width:80px; padding:5px}
#musina-header-menu.et_pb_sticky--top .et_pb_bg_layout_dark.et_pb_menu ul li a,
#musina-header-menu.et_pb_sticky--top .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button, 
#musina-header-menu.et_pb_sticky--top .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, 
#musina-header-menu.et_pb_sticky--top .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button,
.et-db #et-boc .et-l #musina-header-menu.et_pb_sticky--top .et_pb_bg_layout_dark.et_pb_menu ul li a {color:#777}
#musina-header-menu:not(.et_pb_sticky--top).et_pb_menu_0_tb_header.et_pb_menu ul li a {font-size:15px}
#musina-header-menu .et-menu-nav li.mega-menu li>a {width:100%!important; text-transform: capitalize;}
#musina-header-menu .free-header-menu .et-menu>li>a:hover {text-decoration:none;}

/*BODY*/
a:hover {text-decoration:underline}
body #page-container .et_pb_section.icon-btns .et_pb_button {
	width:100%; 
	height:80px;
	border-radius:15px;
	padding-left: 60px;
	align-items: center;
    display: inline-grid;	
}
.et_section_specialty.icon-btns .et_pb_button::before {
	width:48px;
	background-size:48px;
	position: absolute;
    left: 30px;	
}
body #page-container .et_pb_section.icon-btns .et_pb_button:hover {
	background-color: #f8eebe;
    text-decoration: none;
    color: #000;
    border-color: #b79c14;
}
#homepage-latest-blog-posts .entry-title,
#homepage-latest-blog-posts .post-meta {margin-top:-80px; position:relative; color:#fff}
#homepage-latest-blog-posts .et_pb_image_container::after {
	content:"";
	background:rgba(0,103,56,0.75);
	display:inline-block;
	position:absolute;
	bottom:0;
	height:80px;
	width:100%;
}
#homepage-events .decm-show-image-left {
	height:340px;
	overflow:hidden;
	margin-bottom:20px;
}

.home-cta-row {align-items:center}

.w3eden .link-template-default h3.package-title {font-size:14px}
.w3eden .btn.btn-secondary {letter-spacing: 0; font-weight: 600 !important;}
#main-header #top-menu li.mega-menu>ul>li>a:first-child {font-weight:normal}
#loadshedding-notification-block {min-height:200px}
#notices-block {}
.home-cta-row .et_pb_column {height:100%}
.latest-notice-column {padding:15px}
.latest-notice-column h2.entry-title {font-size:16px; line-height:1em}
.latest-notice-column .et_pb_post {margin-bottom:0}
.about-number-counters-01.et_pb_number_counter.et_pb_with_title .percent {margin-bottom:0}
.about-number-counters-01.et_pb_number_counter {
    width: 40%;
    float: left;	
}

.et_clickable p {color:rgba(0,103,56,0.97); }
.et_clickable p:hover,
#footer-widgets .footer-widget li a:hover {text-decoration:underline}
.et_pb_gutters3.et_pb_footer_columns4 #footer-widgets .footer-widget .fwidget {margin-bottom:20px}
#block-17 + p {display:none}

#footer-widgets .footer-widget li a,
#footer-widgets .et_clickable p {color:#f8efc3}
#footer-widgets .footer-widget .musina-footer-icon li.wp-social-link a {
	background-color:#fff;
	color: #4267B2;
	padding:10px;
	border-radius:5px;
	border:solid 1px #fff;
}
#footer-widgets .footer-widget .musina-footer-icon li.wp-social-link a:hover {text-decoration:none; background-color:#4267B2; color:#fff}
#footer-widgets .footer-widget .musina-footer-icon li.wp-social-link a svg {transform:translateY(5px); fill:#4267B2}
#footer-widgets .footer-widget .musina-footer-icon li.wp-social-link a:hover svg {fill:#fff}
#footer-widgets .footer-widget li.wp-social-link {padding-left:0}
#footer-widgets .footer-widget li.wp-social-link:before {display:none}
#main-footer .bottom-nav li.current-menu-item>a {color:#e6c41e}
#footer-widgets .footer-widget .customer-portal-btn a {
	padding:15px; 
	border-radius: 5px;
    background-color: #e7c520;
	color:#111;
}
#footer-widgets .footer-widget .customer-portal-btn a:hover {text-decoration:none; background-color: #f6eaae}

/*---BLOG MODULE---*/
/* Blog Image Left Style 1 */ 
@media (min-width: 479px) {
    .tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        max-width: 33%;
        margin-bottom: 0;
        margin-right: 5.5%;
    }
	
	.tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail {
		margin-bottom: 25px;
	}
	
	.tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail .entry-title, .tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail .post-meta, .tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail .post-content {
		margin-left: 38.5%;
	}
}

/*MEDIA QUERIES*/
@media only screen and (min-width: 981px) {
	#top-menu > li.current_page_item::after {
		content:"";
		background-color:#006738;
		display:inline-block;
		height:5px;
		width:90%;
		margin:auto;
		position:absolute;
		bottom:0;
		left:-11px;
	}
	#top-menu > li:hover::after {
		content:"";
		background-color:#e7c51f;
		display:inline-block;
		height:5px;
		width:90%;
		margin:auto;
		position:absolute;
		bottom:0;
		left:-11px;		
	}
	body #page-container #musina-header-menu .free-header-menu .et-menu li li a {
		padding:10px!important; 
    	text-transform: capitalize
	}
	body #page-container #musina-header-menu .free-header-menu .et-menu li li a:hover {
		text-decoration:none;
		color:#fff!important;
		background-color: rgba(0,103,56,0.97);
	}
	.musina-municipality-theme-2022 .et-menu-nav li.mega-menu>ul>li>a:hover {
		background-color: rgba(0,103,56,0.97)!important;
	}
}

@media only screen and (max-width:980px) {
	.et_pb_menu__logo {width:90px}
}

@media only screen and (max-width:480px) {
	.musina-municipality-theme-2022.et_pb_svg_logo #logo {min-height:80%}
	.et_header_style_left #et-top-navigation {padding-top:15px}
	.et_header_style_left #et-top-navigation .mobile_menu_bar {padding-bottom:15px}
	.et_pb_menu__logo-wrap {float:left; padding: 10px;}
	.et_pb_menu__logo {max-width:60px}
	.free-header-menu .et_pb_menu__wrap {justify-content:right}
	.blurb-image-on-top-mobile.et_pb_blurb_position_left .et_pb_main_blurb_image,
	.blurb-image-on-top-mobile.et_pb_blurb_position_left .et_pb_blurb_container {
		display:block;
	}
	.w3eden a {word-break: break-word;}
}