/*
 Theme Name: devAlt
 Description: devAlt theme
 Author: devAlt Software Ltd
 Author URI: https://devalt.co.uk
 Template: Divi
 Stamp: 20240116
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
.post-meta a[rel=tag],
.topic-pills a,
.wp-block-tag-cloud a.tag-cloud-link {
	display: inline-block;
    margin-right: 5px;
	font-size: 12px;
	letter-spacing: .7px;
    background: #192851;
    color: #fff;
    padding: 2px 12px;
    border-radius: 28px;
	color:#fff;
}

.post-meta a[rel=tag]:hover,
.topic-pills a:hover,
.wp-block-tag-cloud a.tag-cloud-link:hover {
	text-decoration: underline;	
}

.after-chevron::after {
	content: " >";
}

/* divi typography
------------------------------------------------------- */
.wp-child-theme-devAlt h2, 
.wp-child-theme-devAlt .product .related h2 {
	font-weight: 200;
}

/* divi modules
------------------------------------------------------- */

.et_pb_text a:hover,
.et_pb_text a:focus,
.et_pb_blurb a:hover,
.et_pb_blurb a:focus,
.et_pb_toggle a:hover,
.et_pb_toggle a:focus {
	text-decoration: underline;
}
#devaltMobileNav .et_pb_text a:hover,
#devaltMobileNav .et_pb_text a:focus {
	text-decoration: none;
}

/* scrollbar
------------------------------------------------------- */
html {
    scrollbar-color: #8438fa transparent;
    scrollbar-width: thin;
}


/*  nav
------------------------------------------------------- */
/* .has_et_pb_sticky .et_pb_sticky .et_pb_menu_0_tb_header .et_pb_menu__logo a {
	content: url(/wp-content/uploads/2024/04/devalt-logo-wide-light-300x72.png);
	width: 170px;
} */

.line-hover-center {
	transition: color .2s ease;
	position: relative;
}
.line-hover-center:hover a {
	color: #fff;
}
.line-hover-center::after {
	content: "";
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translate(-50%);
	width: 0%;
	height: 2px;
	background-color: #fff;
	transition: width .2s ease;
}
.line-hover-center.current-menu-item::after,
.line-hover-center:hover::after {
	width: calc(100% - 16px);
}

.header-cta {
	margin-left: 18px;
}
.header-cta a {
	background-image: linear-gradient(135deg,#3e0495 22%,#6935d3 100%);
	display:block !important;
	padding-left: 24px !important;
	padding-right: 24px!important;
	transition: all 150ms ease !important;
}
.header-cta a:hover,
.header-cta a:focus {
	scale: 1.05;
}
/* mobile nav
------------------------------------------------------- */
.nav-mobile-btn{
  	background: transparent;
    border: none;
    cursor:pointer;
    height:28px;
    position:relative;
    top:8px;
    transform:rotate(0deg);
    transition:all .3s ease;
    width:28px
}
.nav-mobile-btn span{
    background:#fff;
    border-radius:2px;
    display:block;
    height:3px;
    opacity:1;
    position:absolute;
    right:0;
    transform:rotate(0deg);
    transform-origin:right center;
    transition:.3s ease;
    width:28px
}
.nav-mobile-btn span:first-child{
    top:0
}
.nav-mobile-btn span:nth-child(2){
    top:8px
}
.nav-mobile-btn span:nth-child(3){
    top:16px
}
.nav-mobile-btn.devalt-js-open span{
    background:#fff
}
.nav-mobile-btn.devalt-js-open span:first-child{
    left:0;
    top:0;
    transform:rotate(-45deg)
}
.nav-mobile-btn.devalt-js-open span:nth-child(2){
    opacity:0;
    width:0
}
.nav-mobile-btn.devalt-js-open span:nth-child(3){
    left:0;
    top:20px;
    transform:rotate(45deg)
}

#devaltMobileNav{
    background-color: #192851 !important;
    height:calc(100vh - 50px);
    position:fixed !important;
	top: 50px;
    right:-100%;
    transition:all .3s;
	padding-left: 32px !important;
    width:75vw !important;
    z-index:100
}
#devaltMobileNav.devalt-js-open{
    right:0
}

/*  overlay
------------------------------------------------------- */
#devaltOverlay{
/*     background-image:linear-gradient(rgba(164,140,197,.4) 40%,rgba(254,170,1,.4)); */
	background-color: rgba(0,0,0,.7) !important;
    display:none;
    inset:0;
    opacity:0;
    position:fixed !important;
    transition:.3s ease;
	z-index: 100;
}
#devaltOverlay.devalt-js-open{
    animation-duration:.3s;
    animation-name:devalt-overlay;
    backdrop-filter:blur(.3rem);
    display:block;
    opacity:1
}

@keyframes devalt-overlay{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}

/*  Divi parent is sticky condition
------------------------------------------------------- */
.et_pb_sticky {}
.has_et_pb_sticky .et_pb_sticky{}

/*  Divi breakpoints
------------------------------------------------------- */

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.et_pb_menu .et_pb_menu__wrap,
	.et_pb_row.et_pb_row_1_tb_header.et_pb_row--with-menu{
		display: none !important;
	}
	
	.et-db #et-boc .et-l #devaltMobileNav.et_pb_row_1_tb_header {
		    background-color: #192851 !important;
			position:fixed !important;
			padding-left: 32px !important;
			width:75vw !important;
			z-index:100 !important;
	}

	.et-db #et-boc .et-l #devaltMobileNav.et_pb_row_1_tb_header.devalt-js-open {
		right:0 !important;
	}
	
	#devaltOverlay {
        z-index:100;
    }

	.line-hover-center::after {
		bottom: 0;
	}
	.line-hover-center--on::after,
	.line-hover-center:hover::after {
		width: 100%;
	}
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	h1 {
		line-height: 52px !important;
        font-size: 52px !important;
	}
}