/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
ul.header-nav-main li a {
    font-weight: 600 !important;
}
.blog-archive .archive-page-header{
	height: 250px;
	background: url('assets/images/banner-archive.jpg') center bottom no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	display: flex;
	align-items: center;
    margin-bottom: 30px;
}
.blog-archive .archive-page-header::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 88, 138, 0.85);
}
.blog-archive .archive-page-header .row{
    z-index: 1;
}
.blog-archive .archive-page-header .text-center {
	padding-bottom: 0;
}
.blog-archive .archive-page-header .page-title{
    color: #fff;
	position: relative;
	font-size: 35px;
	line-height: normal;
	text-transform: uppercase;
    font-family: 'Montserrat',sans-serif;
    margin-bottom: 0;
}
.blog-archive .archive-page-header .breadcrumbs{
	font-family: 'Mulish',sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-transform: none;
}
.blog-archive .archive-page-header .breadcrumbs a {
	color: #fff;
}
.blog-archive .archive-page-header .breadcrumbs .divider{
	color: #fff;
	opacity: 1;
	font-size: 20px;
}
.section.banner-gradient .section-bg-overlay {
	background: linear-gradient(90.01deg, #00588A 0.46%, rgba(0, 88, 138, 0) 98.97%) !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}