/* general styles */

@font-face {
  font-family: 'IranSansX';
  src: url('../fonts/iransansx/IRANSansX-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IranSansX';
  src: url('../fonts/iransansx/IRANSansX-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IranSansX';
  src: url('../fonts/iransansx/IRANSansX-DemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IranSansX';
  src: url('../fonts/iransansx/IRANSansX-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
	--Light-Mode-Dim-Background: rgba(248, 249, 253, 1);
	--Light-Mode-Background: rgba(255, 255, 255, 1);
	--Light-Mode-Secondary: rgba(87, 94, 255, 1);
	--Light-Mode-Primary-Trip: rgba(237, 7, 26, 1);
	--Dark-Mode-On-Surface-Secondary-Disabled: rgba(133, 137, 255, 0.38);
	--color-states-neutral-hover:rgba(0, 0, 0, 0.04);
	--Light-Mode-Error-Red : rgba(179, 38, 30, 1);
	--Light-Mode-Secondary-Hover: rgba(87, 94, 255, 0.04);
}


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	direction: rtl;
	margin: 0;
	background: #fff;
    font-family: 'IranSansX', sans-serif;
	font-feature-settings: "ss03";
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* start useable classes */

.Extra-Button-Med{
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
}

.extra-caption-reg {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.extra-caption-med {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Headline6-Med{
	font-size: 19px;
	line-height: 24px;
	font-weight: 500;
}

.SubTitle2-Med{
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
}

.full-width{
	width: 100%;
}

.text-align-center{
	text-align: center;
}


.mxw-1200 {
	max-width: 1200px;
	margin: 0 auto;
}

.flex-basis-25{
	flex-basis: 25%;
}

.flex-basis-33{
	flex-basis: 33%;
}

.flex-basis-50{
	flex-basis: 50%;
}

.p-m-0{
    padding: 0;
    margin: 0;
}

.pt-8{
	padding-top: 32px;
}

.pb-5{
	padding-bottom: 24px;
}

.py-3{
	padding-top: 12px;
	padding-bottom: 12px;
}

.px-2{
	padding-right: 8px;
	padding-left: 8px;
}

.px-4{
	padding-left: 16px;
	padding-right: 16px;
}

.mt-1{
    margin-top: 4px;
}

.mt-2{
    margin-top: 8px;
}

.mt-4{
    margin-top: 16px;
}

.mt-6{
    margin-top: 24px;
}

.mt-7{
    margin-top: 28px;
}

.mb-0{
	margin-bottom: 0;
}

.mb-1{
	margin-bottom: 4px;
}

.mb-2{
	margin-bottom: 8px;
}

.mb-3{
	margin-bottom: 12px;
}

.mb-4{
	margin-bottom: 16px;
}

.mb-7{
    margin-bottom: 28px;
}

.mb-8{
    margin-bottom: 32px;
}

.mb-10{
	margin-bottom: 40px;
}

.mb-12{
	margin-bottom: 48px;
}

.mt-10{
	margin-top: 40px;
}

.mt-12{
	margin-top: 48px;
}


.mt-auto{
	margin-top: auto;
}

.my-1-25{
	margin-top: 20px;
	margin-bottom: 20px;
}

.my-8-5{
	margin-top: 36px;
	margin-bottom: 36px;
}

.radius-8{
	border-radius: 32px;
}

.overflow-x-auto{
    overflow-x: auto;
}

.min-w-fit-content{
    min-width: fit-content;
}

.cursor-default{
	cursor: default;
}



.seprator{
    width: 92%;
    display: block;
    height: 1px;
    background-color: var(--color-background-surface-disable);
    margin-bottom: 16px;
}

.seprator-fw{
    width: 100%;
    display: block;
    height: 1px;
    background-color: var(--color-background-surface-disable);
    margin-top: 32px;
    margin-bottom: 32px;
}

.justify-content-between{
	justify-content: space-between;
}

.overflow-x-auto{
	overflow-x: auto;
}


/* end useable classes */

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}

a {
	color: #007acc;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #686868;
}

.site {
	background-color: #fff;
}

.site-inner {
	margin: 0 auto;
	position: relative;
}

.site-content {
	word-wrap: break-word;
}

#content[tabindex="-1"]:focus {
	outline: 0;
}

.site-main {
	margin-bottom: 3.5em;
}

.site-main > :last-child {
	margin-bottom: 0;
}


.site-content-wrapper{
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}


time{
	unicode-bidi: plaintext
}


/* sidebar  */

.st-popular-destinations, .st-popular-posts{
	border: 1px solid var(--color-background-surface-disable);
	background-color: var(--Light-Mode-Dim-Background);
}

.st-popular-destinations img, .st-popular-posts img{
	width: 48px;
	min-width: 48px;
	height: 48px;
	border-radius: 8px;
	object-fit: cover;
}

.st-popular-destinations ul, .st-popular-posts ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.st-popular-destinations .seprator, .st-popular-destinations .seprator-fw, .st-popular-posts .seprator, .st-popular-posts .seprator-fw{
	margin-top: 0;
	margin-bottom: 0;
}

.st-popular-destinations li:last-child .seprator{
	display: none;
}


/* header */

.site-header{
    border-bottom: 1px solid var(--color-background-surface-disable);
}

.site-header-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}


.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li{
	position: relative;
}

.main-navigation li:not(:last-child) {
	border-bottom: 1px solid var(--color-background-surface-disable);
	padding: 0;
}

.main-navigation li a{
	padding: 20px 0 20px;
}

.main-navigation .sub-menu li{
	border-bottom: 0;
}

.main-navigation .sub-menu li a {
	border-bottom: 0;
	padding: 12px;
}

.main-navigation a {
	color: var(--color-on-surface-high-emphasis);
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.875em;
}

.no-js .main-navigation ul ul {
	display: block;
}

.main-navigation ul .toggled-on {
	display: block;
}

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #1a1a1a;
	content: "";
	height: 48px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 48px;
}

.dropdown-toggle:after {
	border: 0 solid #d1d1d1;
	border-left-width: 1px;
	content: "\f431";
	font-size: 24px;
	left: 1px;
	position: relative;
	width: 48px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: #007acc;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f432";
}

.site-header .main-navigation + .social-navigation {
	margin-top: 1.75em;
}

.site-header-main {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.site-branding {
	/* margin: 0.875em auto 0.875em 0; */
	/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
}

.custom-logo-link {
	display: block;
}

.custom-logo {
	max-height: 40px;
	width: 100%;
}

.site-title {
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.2173913043;
	margin: 0;
}

.site-branding .site-title a {
	color: #1a1a1a;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: #007acc;
}

.wp-custom-logo .site-title {
	margin-top: 0.608695652em;
}

.site-description {
	color: #686868;
	display: none;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.0769230769;
	margin: 0.538461538em 0 0;
}

.menu-toggle {
	background-color: transparent;
	padding: 14px 10px;
}

.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	border-color: #007acc;
	color: #007acc;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}

.header-image {
	clear: both;
	margin: 0.875em 0;
}

.header-image a {
	display: block;
}

.header-image a:hover img,
.header-image a:focus img {
	opacity: 0.85;
}

.list-style-none{
    list-style: none;
}

.menu-toggle{
	border: 0;
}

.menu-toggle {
    display: block;
    position: relative;
}

.site-header-menu {
    position: fixed;
	display: block;
    top: 0;
    right: -100%; 
    width: 100%;
    height: 100vh;
    background: var(--color-background);
    padding: 12px 16px 0 0;
    transition: right 0.4s ease;
    z-index: 1000;
}

.site-header-menu.active {
    right: 0;
	
}

.site-header-menu .burger-head{
	margin-bottom: 12px;
}

.sub-menu {
    list-style: none;
    padding-right: 15px;
    margin-top: 10px;
    display: none;
}

.menu-item-has-children.active > .sub-menu {
    display: block;
}

.main-navigation .menu-item-has-children > a{
	position: relative;
}

.main-navigation .menu-item-has-children > a:after {
	content: url('../assets/arrowdown.svg');
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	height: 18px;
}

.main-navigation .menu-item-has-children.active > a:after, .main-navigation .menu-item-has-children:hover > a:after{
	transform: translateY(-50%) rotate(180deg);
}

.site-header-main .site-branding{
	order: 2;
	margin-left: auto;
}

.site-header-main .menu-toggle{
	order: 1;
}

.header-top-nav{
	display: none;
}

#st-footer{
	background-color: var(--Light-Mode-Dim-Background);
}

#st-footer > *{
	border-bottom: 1px solid var(--color-background-surface-disable);
}

#st-footer .footer-menus ul{
	list-style: none;
}

#st-footer .footer-about-us .custom-logo{
	min-width: 110px;
	max-height: 62px;
}

#st-footer .footer-about-us img{
	width: 100px;
	height: auto;
}

#st-footer .site-info{
	background-color: var(--color-background-surface-disable);
}

#st-footer .site-info p{
	font-feature-settings: "ss05";
}

/* res */
#st-footer .footer-menus{
	order: 1;
}

#st-footer .mail-subscription{
	order: 2;
}

#st-footer .footer-contact-us{
	order: 3;
}

#st-footer .footer-about-us{
	order: 4;
}

#st-footer .site-info{
	order: 5;
}

#st-footer .footer-menus .footer-menu{
	flex-basis: calc(50% - 12px);
}

#st-footer .site-info p{
	text-align: center;
}

.related-post-card{
	border: 1px solid var(--color-background-surface-disable);
	min-width: 286px;
}

.site-header{
	position: relative;
	z-index: 1000;
	background: var(--Light-Mode-Background);
}

.search-toggle-wrap{
	order: 3;
	position: relative;
	width: 24px;
	height: 24px;
	cursor: pointer;
	flex-shrink: 0;
}

.search-open-icon,
.search-close-icon{
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	transition:
		opacity .25s ease,
		transform .25s ease;
}

.search-close-icon{
	opacity: 0;
	visibility: hidden;
	transform: rotate(90deg);
}

.site-header.search-open .search-open-icon{
	opacity: 0;
	visibility: hidden;
	transform: rotate(90deg);
}

.site-header.search-open .search-close-icon{
	opacity: 1;
	visibility: visible;
	transform: rotate(0);
}

.header-overlay{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.45);
	opacity: 0;
	visibility: hidden;
	transition:
		opacity .3s ease,
		visibility .3s ease;
	z-index: 900;
}

.header-overlay.active{
	opacity: 1;
	visibility: visible;
}

.header-search-area{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--Light-Mode-Background);
    border-radius: 16px 16px 0 0;
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, transform .3s ease;
	padding: 24px;
}

.header-search-head{
	position: relative;
}

.header-search-close{
	position: absolute;
	left: 0;
	top: 0;
	background: transparent;
	border: 0;
	padding: 0;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.site-header.search-open .header-search-area{
	opacity: 1;
    visibility: visible;
}

.header-search-form{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.header-search-form input,
.header-search-form input:focus-visible{
	width: 100%;
	height: 56px;
	border: 1px solid var(--color-on-surface-disable);
	outline: none;
	background: var(--Light-Mode-Background);
	font-family: 'IranSansX', sans-serif;
}

.search-submit{
	background: var(--Light-Mode-Secondary);
	color: var(--Light-Mode-Background);
	align-self: stretch;
	padding: 16px;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: 'IranSansX', sans-serif;
	transition: opacity .2s ease;
}

.search-submit:hover{
	opacity: .9;
}

@media screen and (max-width: 767px) {
	.site-header.search-open{
		z-index: auto;
	}

	#snapptrip-subscribe-form{
		gap: 0;
	}

	.main-navigation .sub-menu li a{
		padding-right: 40px;
	}

	.site-header.search-open .search-open-icon{
		opacity: 1;
		visibility: visible;
		transform: rotate(0);
	}

	.site-header.search-open .search-close-icon{
		    opacity: 0;
			visibility: hidden;
			transform: rotate(90deg);
	}
}

.hide-sm{
	display: none;
}


#snapptrip-subscribe-form input {
    border: 1px solid var(--color-on-surface-disable);
	outline: 0;
	background: unset;
	font-family: 'IranSansX', sans-serif;
}

.subscription-input-wrap{
	position: relative;
	display: flex;
	flex-direction: column;
	padding-top: 8px;
}

.subscription-input-icon{
	position: absolute;
	right: 16px;
	top: calc(50% - 6px);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	pointer-events: none;
}

.subscription-input-label{
	position: absolute;
	top: 0;
	right: 12px;
	z-index: 1;
	padding: 0 4px;
	background: var(--Light-Mode-Dim-Background);
	color: var(--color-on-surface-disable);
	font-size: 11px;
	line-height: 16px;
	opacity: 0;
	transform: translateY(8px);
	transition:
		color .2s ease,
		opacity .2s ease,
		transform .2s ease;
	pointer-events: none;
}

#snapptrip-subscribe-form .subscription-input-wrap input{
	width: 100%;
	padding-right: 48px;
}

#snapptrip-subscribe-form .subscription-input-wrap input:-webkit-autofill,
#snapptrip-subscribe-form .subscription-input-wrap input:-webkit-autofill:hover,
#snapptrip-subscribe-form .subscription-input-wrap input:-webkit-autofill:focus{
    -webkit-box-shadow: 0 0 0 1000px var(--Light-Mode-Dim-Background) inset !important;
}

#subscriber-email::placeholder{
	color: var(--color-on-surface-disable);
	opacity: 1;
}

.subscription-input-wrap:has(#subscriber-email:focus) .subscription-input-label,
.subscription-input-wrap:has(#subscriber-email:not(:placeholder-shown)) .subscription-input-label{
	opacity: 1;
	transform: translateY(0);
}

.subscription-input-wrap:has(#subscriber-email:focus) #subscriber-email::placeholder,
.subscription-input-wrap:has(#subscriber-email:not(:placeholder-shown)) #subscriber-email::placeholder{
	color: transparent;
}

.subscription-input-wrap.is-error .subscription-input-label{
	color: var(--Light-Mode-Error-Red);
	opacity: 1;
	transform: translateY(0);
}

#snapptrip-subscribe-form .subscription-input-wrap.is-error input{
	border-color: var(--Light-Mode-Error-Red);
}

#snapptrip-subscribe-form button {
	outline: none;
	border: 0;
	background-color: var(--Light-Mode-Primary-Trip);
	color: var(--Light-Mode-Background);
    cursor: pointer;
	font-family: 'IranSansX', sans-serif;
	padding: 20px;
	min-height: 58px;
	border-radius: 8px;
}

#subscription-message {
    min-height: 16px;
	margin-top: 4px;
	padding-right: 12px;
	font-size: 11px;
	line-height: 16px;
	text-align: right;
}

.is-error #subscription-message{
	color: var(--Light-Mode-Error-Red);
}

.author-bio-sm{
	display: none;
}

.st-share-post-btn img{
	max-width: 18px;
}





@media screen and (min-width: 768px) {

	.hide-sm{
		display: block;
	}

	

/* ===== Desktop ===== */
    .menu-toggle {
        display: none;
    }

    .site-header-menu {
        position: static;
        width: auto;
        height: auto;
        background: transparent;
        padding: 0;
        right: 0;
        transition: none;
    }

    .sub-menu {
        position: absolute;
        top: 100%;
        right: 0;
        background: #fff;
        min-width: 180px;
        padding: 10px;
        display: none;
    }

    .menu-item-has-children:hover .sub-menu {
        display: block;
    }

    .sub-menu a {
        color: #000;
    }

	.burger-head{
		display: none;
	}





    /* header */

	.site-header-main{
		justify-content: start;
	}

	.site-header-main .site-branding{
		order: 0;
	}

	.site-header-main .menu-toggle{
		order: 1;
	}

	.site-header-main .site-branding{
		margin: 0;
	}

	.site-header {
		padding: 8px 0 8px 0;
	}

	.site-header-main {
		    display: flex;
    		align-items: center;
    		gap: 16px;
			padding: 12px;
        	padding-right: 0;
	}

	.wp-custom-logo .site-header-main {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.site-header-menu {
		display: block;
		margin: 0;
		margin-left: auto;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	.search-btn{
		cursor: pointer;
	}

	.main-navigation {
		margin: 0;
	}

	.main-navigation .primary-menu{
		display: flex;
		gap: 16px;
		padding-right: 0;
	}

	.main-navigation .primary-menu,
	.main-navigation .primary-menu > li {
		border: 0;
		padding: 0;
	}

	.main-navigation li a {
		padding: 8px;
		white-space: nowrap;
	}

	.main-navigation li a:hover{
		background-color: var(--color-states-neutral-hover);
		border-radius: 0.5rem;
	}

	.main-navigation ul ul {
		display: none;
		margin: 0;
		position: absolute;
		z-index: 99999;
		border-radius: 0.5rem;
		padding: 0.5rem;
		background-color: #fff;
    	box-shadow: 0 0 #0000,  0 0 #0000, 0 8px 10px 0 #6164750f,0 3px 14px 0 #6164751f,0 5px 5px 0 #6164751f;
	}

	.main-navigation ul ul ul {
		top: -1px;
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}

	.main-navigation ul ul li {
		background-color: #fff;
		/* border: 1px solid #d1d1d1; */
		border-bottom-width: 0;
	}

	.main-navigation ul ul a {
		white-space: normal;
		width: 280px;
	}

	.main-navigation ul ul:after {
		border-color: #fff transparent;
		border-width: 0 8px 8px;
		right: 11px;
		top: -7px;
	}

	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		display: block;
		left: auto;
		right: 0;
	}

	

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}

	.main-navigation .menu-item-has-children > a {
		margin: 0;
		padding-left: 30px;
	}

	

	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2.0625em;
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		right: 0.5625em;
		top: 0.875em;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle {
		display: none;
	}

	.header-top-nav {
		background: var(--Light-Mode-Dim-Background);
		display: block;
		position: relative;
		z-index: 999;
	}

	.header-top-nav ul{
		list-style: none;
		padding: 0;
	}

	#st-footer .footer-menus{
		order: 2;
	}

	#st-footer .mail-subscription{
		order: 1;
	}

	#st-footer .mail-subscription > div{
		flex-direction: row;
	}

	.mail-subscription-content{
		flex-basis: calc(50% - 16px);
	}

	.mail-subscription-form{
		flex-basis: 50%;
	}

	#snapptrip-subscribe-form{
		flex-direction: row;
		align-items: flex-start;
	}

	#snapptrip-subscribe-form button{
		width: 28%;
		margin-top: 8px;
	}

	#snapptrip-subscribe-form input{
		width: calc(72% - 16px);
	}

	#snapptrip-subscribe-form .subscription-input-wrap{
		width: calc(72% - 16px);
	}

	#snapptrip-subscribe-form .subscription-input-wrap input{
		width: 100%;
	}

	#st-footer .footer-menus .footer-menu{
		flex-basis: 25%;
	}

	#st-footer .footer-menus > div{
		gap: 0;
		flex-wrap: nowrap;
	}

	#st-footer .footer-contact-us > div{
		flex-direction: row;
	}

	#st-footer .footer-about-us > div{
		flex-direction: row;
	}

	#st-footer .footer-about-us > div > div:first-child{
		flex-direction: row;
		align-items: flex-start;
	}

	.related-post-card{
		min-width: none;
	}

	.site-header-main{
		position: relative;
		z-index: 1002;
	}

	.header-search-area{
		display: none;
		position: absolute;
		top: 100%;
		bottom: unset;
		left: 0;
		padding: 24px 0;
		transform: none;
		width: 100%;
		border-radius: 0;
		overflow: hidden;
		opacity: 0;
		visibility: visible;
		transition:
			max-height .4s ease,
			opacity .3s ease;
	}

	.header-search-head{
		display: none;
	}

	.site-header.search-open .header-search-area{
		display: block;
		opacity: 1;
		transform: none;
	}

	.header-search-form{
		flex-direction: row;
		align-items: center;
		gap: 16px;
	}

	.header-search-form input,
	.header-search-form input:focus-visible{

		flex: 1;
		width: auto;
	}

	.search-submit{
		height: auto;
		padding: 20px 38px;
		align-self: center;
	}

}


@media screen and (min-width: 1024px) {
		#st-footer .site-info > div{
		flex-direction: row;
	}
}

@media screen and (min-width: 1200px) {
	.site-content-wrapper{
		padding: 0;
	}

	.mxw-1200{
		padding-right: 0;
		padding-left: 0;
	}
}