/*
 Theme Name:     Kite Client
 Description:    Kite Client - Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/*=======THST customisation starts here========


/**
 * Main Header
 */
#main-header {
    box-shadow: none!important;
}

/**
 * Main Menu
 */
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
	padding-top: 20px;
	padding-bottom: 20px;
}
.et-menu .menu-item-has-children>a:first-child:after {
	top: 50%!important;
	transform: translateY(-50%);

}
#thst-main-menu .et-menu li {
	display: block;
}
.et_pb_menu_2_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu a, .et_pb_menu_2_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu a {
	display: block;
	width: 100%!important;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
	opacity: 0.9;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle, .dtb-menu .et_mobile_menu .sub-menu-toggle, #dtb-m-menu .dtb-mobile-menu li.menu-item.menu-item-has-children>a.sub-menu-toggle {
	top: 4.5px;
}
.et_pb_menu__wrap .mobile_menu_bar {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.mobile_menu_bar:before {
	transition: all 0.25s ease-in-out;

}
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
	transform: rotate(360deg);
}

@media (max-width: 980px){
	.et_pb_menu .et_mobile_menu {
	    top: calc(100% + 15px)!important;
	}
}


/**
 * Section Gaps
 */
@media (min-width: 768px){
    #et-main-area .et_pb_section, #thst-main-menu.et_pb_section {
        width: calc(100% - 32px);
        margin: 0 auto 16px;
    }
    #et-main-area .et_pb_section:last-child {
        margin-bottom: 0;
    }
}
#et-main-area .et_pb_section, #thst-main-menu.et_pb_section {
    margin: 0 auto 16px;
}
#thst-footer.et_pb_section {
	margin: 16px auto;
}
#et-main-area .et_pb_section:last-child {
    margin-bottom: 0;
}


/**
 * Collapsible Mobile Menu
 */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle, .dtb-menu .et_mobile_menu .sub-menu-toggle, #dtb-m-menu .dtb-mobile-menu li.menu-item.menu-item-has-children>a.sub-menu-toggle {
	background-color: transparent!important;
	border: none!important;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped, .dtb-menu .et_mobile_menu .sub-menu-toggle.popped, #dtb-m-menu .dtb-mobile-menu li.menu-item.menu-item-has-children>a.sub-menu-toggle.popped {
	background-color: transparent!important;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped~ul.sub-menu, .dtb-menu .et_mobile_menu .sub-menu-toggle.popped~ul.sub-menu, .et-db #et-boc .et-l .dtb-menu .et_mobile_menu .sub-menu-toggle.popped~ul.sub-menu {
	background-color: transparent!important;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle~ul.sub-menu, .dtb-menu .et_mobile_menu .sub-menu-toggle~ul.sub-menu, #dtb-m-menu .sub-menu-toggle~ul.sub-menu, .et-db #et-boc .et-l .dtb-menu .et_mobile_menu .sub-menu-toggle~ul.sub-menu {
	padding-left: 20px;
}
#main-header .dtb-menu.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu, #main-header .dtb-menu.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu ul, #main-header .dtb-menu.et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu, #main-header .dtb-menu.et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu ul {
	background-color: #F6CC38!important;
}
.et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}




/*
 * Homepage Featured Posts
 */

/* Main Featured Post */

.homepage-featured-post {
	display: flex;
	gap: 45px;
	margin-bottom: 30px;
	align-items: center;
}


.homepage-featured-post-left {
	display: flex;
	gap: 30px;
	flex: 50%;
	align-items: center;
}

.homepage-featured-post-image {
	flex: 80%;
}
.homepage-featured-post-image a {
	display: block;
	line-height: 1;
}

.homepage-featured-post-right {
	flex: 50%;
}

.homepage-featured-post-title h2 {
	font-size: 36px;
	line-height: 1.3em;
}
.homepage-featured-post-title h2 a {
	text-decoration: none;
}

.homepage-featured-post-author {
	flex: 20%;
}

.homepage-featured-post .author-name, .homepage-featured-post .post-date, .homepage-featured-post .post-category {
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

/* Additional Featured Posts */
.additional-featured-posts ul {
	list-style: none;
	padding: 0;
}
.additional-featured-posts ul li {
	display: flex;
	gap: 45px;
	align-items: center;
	margin-bottom: 15px;
}

.homepage-additional-featured-post-left {
	display: flex;
	gap: 15px;
	width: 33.3333%;
}

.homepage-additional-featured-post-image {
	flex: 75%;
}

.homepage-additional-featured-post-image a {
	display: block;
	line-height: 1;
}

.homepage-additional-featured-post-right {
	flex: 1;
}
.homepage-additional-featured-post-right .author-avatar {
	flex: 25%;
}

.homepage-additional-featured-post-right h3 {
	/*padding-bottom: 0;*/
}
.homepage-additional-featured-post-right h3 a {
	text-decoration: none;
}

.homepage-additional-featured-post-right .post-info {
	display: flex;
	gap: 10px;
}

.homepage-additional-featured-post-right .author-name, .homepage-additional-featured-post-right .post-date, .homepage-additional-featured-post-right .post-category {
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
}

@media (max-width: 767px){
.homepage-additional-featured-post-left {
margin-top: 24px;
}
}

/**
 * Homepage Latest News
 */
.home-latest-news-content {
	display: flex;
	align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: 30px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
}
.home-latest-news-content:first-child {
    margin-top: 0;
}
.home-latest-news-content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.home-latest-news-left {
	
}
.home-latest-news-right {
	display: flex;
	width: 390px;
    min-width: 390px;
	gap: 10px;
}
.home-latest-news .post-info, .homepage-featured-post .post-info {
	display: flex;
	gap: 10px;
}
.home-latest-news .author-name, .home-latest-news .post-date, .home-latest-news .post-category {
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 600;
}

.home-latest-news-right .author-avatar {
	flex: 38%;
}
.home-latest-news-featured-image {
	flex: 62%;
}
.home-latest-news h3 a {
	text-decoration: none;
}


@media (min-width: 981px) and (max-width: 1280px){
	.homepage-featured-post-title h2 {
		font-size: 32px!important;
	}
}
@media (max-width: 981px){
    .homepage-featured-post {
        display: block;
    }
    .homepage-featured-post-left {
        margin-bottom: 10px;
    }
	.home-latest-news-right {
		width: 50%;
	}
}
@media (min-width: 768px) and (max-width: 1024px){
	.home-latest-news-left {
		width: 50%;
	}
	.home-latest-news-right {
		width: 50%;
		min-width: initial;
	}
}
@media (max-width: 767px){
    .homepage-featured-post-left {
        display: block;
        margin-bottom: 0;
    }
    .homepage-featured-post-author .post-info {
        padding: 10px 0;
    }
    .homepage-featured-post-author .post-info:after {
        clear: both;
    }
    .homepage-featured-post-author .author-avatar {
        float: left;
        margin-right: 15px;
        max-width: 64px;
    }
    .additional-featured-posts ul li {
        display: block;
    }
    .homepage-additional-featured-post-left {
        width: 100%;
    }
    .homepage-featured-post-author .author-avatar {
        max-width: 70px;
    }
    .homepage-featured-post-right {
        clear: both;
    }

    /* Latest News */
    .home-latest-news-content {
        flex-direction: column-reverse;
        margin-bottom: 30px;
        align-items: flex-start;
        gap: 10px;
    }
    .home-latest-news-right {
        flex-direction: row-reverse;
    }
    .home-latest-news-featured-image {
        flex: 62%;
    }
    .home-latest-news-right .author-avatar {
        flex: 38%;
    }

}


/**
 * Footer
 */
.et-l--footer .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
	padding-top: 0;
	padding-bottom: 10px;
	line-height: 1;
}



/**
 * Helpers
 */
.list-margin ol li, .list-margin ul li {
    margin-bottom: .5em;
}