/*
 Theme Name:   Onapsis
 Description:  Onapsis Theme
 Author:       Punchteam
 Template:     punch
 Version:      1.0.1
*/

/*Header*/
:root .header .top-menu, :root .header .header-inner{
	background-color: var(--colorP1) !important;
}
.header-menu{
	height: 56px;
}
.header-menu>div{
	display: flex;
  	height: 100%;
}

.right-menu-inner{
	display: flex;
	color: #fff;
	column-gap: 24px;
	padding: 16px 0px;
}
.right-menu-inner .sub-menu{
	display: none;
	position: absolute;
	color: #fff;
	margin-top: 10px !important;
}
.right-menu-inner .menu-item-has-children>span:after{
	content: '\e824';
	font-family: var(--iconsFontFamily);
	font-size: 12px;
	margin-left: 8px;
}
.right-menu-inner .sub-menu a{
	color: #fff;
	font-size: 13px;
	white-space: nowrap;
}
.right-menu-inner ul:hover .sub-menu{
	display: block;
}
.right-menu-inner .sub-menu a:hover{
	opacity: 0.8;
}
.right-menu-inner .secondary-menu-container{
	display: flex;
    justify-content: center;
    align-items: center;
}
.right-menu-inner .contact-btn{
	background-color: #FF662E;
}


.hamburger-content .secondary-menu-container a{
	margin: 20px;
	display: block;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: calc((16px / 1000)* 50);
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	transition: background-color ease .25s, color ease .25s, border ease .25s;
}
.hamburger-content .secondary-menu-container a:hover{
	color: #E85B29;
	border-color: #E85B29;
}
.hamburger-content .secondary-menu-container .menu-item-inner.no-link{
	display:none;
}

@media screen and (max-width: 1200px){
	.right-menu-inner{
		justify-content: flex-end;
    	width: 100%;
	}
}

@media screen and (max-width: 990px){
	:root.header-is-scrolled .header.has-bar {
		transform: unset !important;
	}
	:root .header::before{
		height: 100% !important;
	}
	#top:not(.page-template-template-blank) .header.has-bar+#main>.avia-builder-el-0 {
        padding-top: 0px !important;
	}
	.right-menu-inner{
		display: none;
	}
}

@media screen and (min-width: 1200px){
	#header{
		height: 81px !important;
	}
}
@media screen and (min-width: 990px){
	#header{
		height: 140px;
	}
}

.header .header-inner .header-menu .main-menu .menu-item-top-level.menu-item-has-children.sub-menu-is-active>.avia_mega_div {
    transform: translateY(15px) translateX(-50%) !important;
}
.right-menu-inner ul:hover .sub-menu {
    display: block;
    background-color: #00363a;
    padding: 10px;
    margin-top: 0px !important;
    margin-left: -10px;
}

.hamburger-content .contact-btn{
	background-color: #FF662E;
	margin: 20px;
	display: block;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: calc((16px / 1000)* 50);
	color: #fff;
	text-decoration: none;
	transition: background-color ease .25s, color ease .25s, border ease .25s;
}
.hamburger-content .contact-btn:hover{
	background-color: #FF8558;
}

.ep-social-bookmarks li a{
	color: #fff;
	background-color: transparent;
}

.footer-page-content .container{
	max-width: 1700px !important;
}
.footer-page-content .avia-buttonrow-wrap{
	margin-bottom: 36px;
}
.footer-page-content .socket-section{
	border: unset;
}
.footer-page-content .footer-bottom-section>div>div{
	padding: 32px 0px 8px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.footer-menus-row .ep-column .ep-column-inner>div{
	display:flex;
}
.footer-menus-row  .footer-menu-block-1{
	width:100%;
}

.footer-mobile-menu{
	width: 100%;
}
#menu-footer-menu-mobile .menu-item:not(:last-child){
	margin-bottom:30px;
}
#menu-footer-menu-mobile .menu-item{
	flex: 1;
	padding: 0px 15px;
}
#menu-footer-menu-mobile .menu-item a{
	color:#81C6C9;
}
#menu-footer-menu-mobile .menu-item a:before{
	content: '\e800';
	font-family: "onapsis-icons";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 16px;
	color: #81C6C9;
}

#menu-footer-menu-mobile .menu-item:hover a{
	opacity: 0.45;
}

.footer-menus-row .sub-menu .menu-item-has-children>.menu-item-inner{
	color: #00BFB2 !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
}
.footer-menus-row .sub-menu{
	display: flex;
}
.footer-menus-row .sub-menu li{
	width: 221px;
}
.solutions-menu-title>.sub-menu {
    flex-direction: row !important;
	gap: 20px;
}
.footer-section .menu .menu-title>.menu-item-inner{
	color: #D0D5DD !important;
}
.footer-section .menu .sub-menu .solutions-by-initiative-menu {
    width: 334px;
}

@media only screen and (max-width: 767px) {
    div .avia-style-main, div .avia-style-outline, div .avia-style-alternate, .button, .wp-block-button a {
        width: unset !important;
    }
}

@media screen and (min-width: 1300px){
	#menu-footer-menu-top {
    flex-wrap: nowrap;
	}
}
@media screen and (max-width: 1740px){
	.footer-menus-row .sub-menu li {
			width: fit-content;
	}
}

.menu-new-tag{
	white-space: nowrap;
}
.menu-new-tag:after{
	content: "NEW";
	border: 1px solid #EAECF0;
	background: #FFFFFF1A;
	padding: 2px 8px 2px 8px;
	border-radius: 16px;
	margin-left: 8px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
}

.footer-btn-row.avia-buttonrow-wrap .avia-button {
    margin-left: 7px !important;
    margin-right: 7px !important;
    min-width: calc(20% - 14px);
		display: flex;
    justify-content: center;
}
.footer-bottom-row{
	min-height: unset;
}

@media only screen and (min-width: 990px) {
    .footer-page-content .socket-section {
        min-height: unset !important;
    }
}
.footer-bottom-row .content{
	padding-top: 0px !important;
}
.socket-section .footer--socket-row .ep-social-bookmarks-wrapper ul{
	flex-wrap: nowrap !important;
}

/*Search*/
.search-hero-section {
    background-color: var(--colorP1) !important;
}

div#header {
    background-color: #00363a;
}

/*single*/
.single-post-meta-socials {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
@media screen and (max-width: 767px){
	.single-post-meta-socials{
		flex-wrap: wrap;
	}
}