/*
Theme Name: MatBaoWS
Description: This is a child theme for Flatsome Theme
Author: MatBaoWS Team
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.archive #post-list .post-title a {
	text-transform: uppercase;
    font-weight: bold;	
}
body .button.instagram:hover, body .button.instagram:not(.is-outline) {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    
}
body .off-canvas-left.dark .mfp-content {
	background-color: var(--fs-color-primary);	
}
#footer {
	border-top: unset;
}
#footer .mbws-footer-main {
	
	background: linear-gradient(0deg, rgb(25, 95, 2) 0%, rgb(35, 136, 1) 100%);	
}
#footer .button.icon {
    display: inline-block;
    
    margin-right: 1em;
}
.mbws_news .gallery-col .gallery-box .box-image img {
	object-fit: contain;
    aspect-ratio: 6 / 5;
}
.title *,
.section-title-container .section-title-normal {
    color: #fff;
    background: var(--fs-color-primary);
	    margin-bottom: 0;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 10px 10px 0 0;
 
}
.title a {
	padding: 0;	
}
.title a:hover {
	color: 	#F9B00C;
}
.nav-size-medium>li>a {
    font-size: 0.9em;
}
.nav>li.html {
	    padding: 10px 0;
	text-align: center;
    font-weight: 700;
    color: var(--fs-color-primary);
    font-size: 1.3em;
	    line-height: 1.2;
}
.home-blog-right .blog-highlight-style-4 > .col-inner .section-title-container .section-title {

    color: var(--fs-color-primary);
}
#logo {
	display: flex;	
}
#logo img {
    padding: 10px;
}
#logo .logo-tagline {
	font-size: 1em;
    font-weight: 700;
    font-style: normal;
    color: var(--fs-color-primary);
    margin-left: 30px;
    align-content: center;
}
#masthead .nav-right .html a {
    text-shadow: 2px 2px #0000001f;
    color: #B41D26;
}
#header #wide-nav .flex-col .nav {
    justify-content: flex-start;
}

@media(max-width: 850px) {
	.medium-logo-center .flex-left {
		flex: 0 1 0;
    }
	.nav>li.html p {
		text-align: center;	
	}
	#header #wide-nav .flex-col .nav {
    justify-content: center;
	}	
	#header #wide-nav {
		background: #ffbe2b;
	}
	.gtranslate_wrapper {
		padding: 20px;	
	}
	#masthead .flex-right  .html {
		display: block !important;	
	}
}
@media (max-width: 550px) {
    #logo img {
        max-height: 110px !important;
    }
}
.single-post .entry-header .byline {
	display: none;
}