/*
Theme Name: chiangmainews
Theme URI: https://th.seedthemes.com/item/seed/
Author: SeedThemes
Author URI: https://SeedThemes.com
Description: Starter Theme
Version: 2.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seed
Tags: featured-images, custom-menu
*/

/*
===========================================

This theme use SCSS, please check

1. css/scss/_variables.scss - for some colors & styles.
2. css/scss/mobile.scss - will be compiled to css/mobile.css and used for mobile version.
3. css/scss/desktop.scss - will be compiled to css/desktop.css and used for desktop version.
4. If you set $GLOBALS['s_style_css'] in functions.php to 'enable', you can add CSS to this file to override all CSS.
    
=========================================== 
*/


/* 
===========================================

CSS 2022

===========================================
*/
@media (min-width: 992px) {

	/* Header 2022 */
	header.site-header,
	header.site-header>.s-container,
	div.site-header-space{
	    min-height: 105px;
	}
	.site-header .s-flex{
		align-items: center;
    	justify-content: center;
	}

	.site-header .s-flex .cmn-logo{
		margin-top: 10px;
		width: 35%;
	}
		.site-header .cmn-logo img{
			max-width: 104px;
			margin-right: 30px;
		}
		.cmn-logo .search-form {						
			max-width: 190px;
			display: inline-block;
			top: 5px;
			border: 1px solid #C4C4C4;
			border-radius: 10px;
		}
			.cmn-logo .search-form>label:after{
				color: #C4C4C4;
			}
			.cmn-logo .search-form .search-field {
				padding: 5px 16px 10px;
			}
	.site-header .s-flex .site-branding{
		width: 30%;
	}
		.site-header .site-branding img{
			height: 50px;
		}
	.site-header .s-flex .site-nav-d{
		width: 35%;
	}
		.site-header .s-flex .site-social{
			position: absolute;
			right: 0;
			top: 0;
			width: auto;
			padding: 0;	
		}
		.site-header .s-flex .h-contact {
			right: 175px;
			top: 0;
		}
			.site-header .h-contact a {
				color: #333 !important;
				background: #fff;
				padding: 4px 12px 7px;
				border: 1px solid #C4C4C4;
				border-radius: 10px;
			}
			.site-header .h-contact a:hover{
				color: #ec068c !important;
				border: 1px solid #ec068c;
			}
			.site-header .h-contact svg{
				vertical-align: -7px;
			}
		.site-header .s-flex #truehits_div {
			right: 295px;
			top: 0;
		}

		/* Sec Hilight */
		.sec-hilight .menu-main-menu-2022-container {
			width: 100%;
			border-bottom: 4px solid #EC008C;
		}
		.sec-hilight .site-nav-d.-main .menu>li a{
			padding: 5px 4px;
			font-size: 16px;
			border-radius: 10px 10px 0 0;
			background: transparent;
		}
			.sec-hilight .site-nav-d.-main .menu>li a:hover,
			.sec-hilight .site-nav-d.-main .menu>li.current-menu-item>a,
			.sec-hilight .site-nav-d.-main .menu>li.current-menu-ancestor>a,
			.sec-hilight .site-nav-d.-main .menu>li.current-menu-parent>a,
			.sec-hilight .site-nav-d.-main .menu>li.current-category-parent>a{
				color: white;
				background-color: #EC008C;
			}

		.sec-hilight .site-nav-d.-main .sub-menu{
			padding: 10px;
			left: 0;
		}
			.site-nav-d .sub-menu::before{
				content: '';
				border: none;
			}
			.sec-hilight .site-nav-d li:hover>.sub-menu{
				width: 100%;
			}
			.sec-hilight .site-nav-d.-main .sub-menu li{
				display: inline-block;
				padding: 0 4px;
				float: left;
			}
				.sec-hilight .site-nav-d.-main .sub-menu li a{
					padding: 8px 10px;
					border: 1px solid white;
					border-radius: 10px;
				}
				.sec-hilight .site-nav-d.-main .sub-menu li a:hover,
				.sec-hilight .site-nav-d.-main .sub-menu li.current-menu-item>a{
					color: #EC008C;
					background: transparent;
					border: 1px solid #EC008C;
				}
				.sec-hilight .site-nav-d.-main .sub-menu li.clear{
					clear: left;
				}
				.sec-hilight .site-nav-d.-main .sub-menu li.main a{
					padding: 0;
					margin-right: 8px;
					font-size: 24px;
    				line-height: 1.4;
					color: #EC008C;
				}
				.sec-hilight .site-nav-d.-main .sub-menu li.main>a:hover,
				.sec-hilight .site-nav-d.-main .sub-menu li.main.current-menu-item>a{
					border: 1px solid white;
				}

}

@media (min-width: 1150px) {

	.cmn-logo .search-form {
		max-width: 240px;
	}

}