/* 
Theme Name:		 Zero Trust
Theme URI:		 https://www.progressfactory.bg/
Description:	 Zero Trust is a child theme of Hello Elementor
Author:			 Allek @ ProgressFactory
Author URI:		 https://www.progressfactory.bg/
Template:		 hello-elementor
Version:		 1.6
Text Domain:	 zero-trust
*/


/* ---------------------------
 * Progress Factory (C) 2023 by Allek Perfenly @ ProgressFactory
 * ---------------------------
 */

b, strong {
	font-weight: 600 !important;
}

.menu-item-image {
	margin: 0px 20px;
}
.hfe-sub-menu-item {
	padding-left: 0 !important;
}
footer .menu-item:hover a,
.sub-menu .menu-item:hover,
 .menu-item .hfe-menu-item:hover,
	.sub-menu .hfe-sub-menu-item-active {
	font-weight: 700 !important;
}
.sub-menu .menu-item img {
    vertical-align: middle;
    padding: 3% 4%;
}
.sub-menu .menu-item a {
    display: block;
}
.sub-menu .hfe-sub-menu-item {
	justify-content: start !important;
	padding: 3% 0 !important;
}
.menu li {
		clear: both;
}

header#masthead{
	height: 100px;
	transition: .6s;
}
.header{
	transition: .6s;
	height: 100px;
}

.header.sticked {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	height: 60px;
	padding: 0.5% 3%;
}
.header img.hfe-site-logo-img {
		height: 60px;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.header.sticked .hfe-site-logo-container {
		height: 40px;
}

.header.sticked img.hfe-site-logo-img{
	height: 40px;
	clip-path: polygon(0 0, 48% 0%, 48% 100%, 0% 100%);
}
.header.sticked .menu-item a.hfe-menu-item {
		padding-top: 2px !important;
		padding-bottom: 2px !important;
}

.scroll-top-btn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	background-color: #0009;
	color: rgb(255, 255, 255);
	border: medium;
	border-radius: 50%;
	padding: 1em;
	cursor: pointer;
	aspect-ratio: 1;
	line-height: 1;
}
.scroll-top-btn:hover {
	background-color: var(--e-global-color-accent);
}

#home-accordion .elementor-tab-content,
#home-accordion .elementor-accordion-item {
	border: none !important;
}
#home-accordion .elementor-tab-title {
	border-radius: 10em;
	border: 1px solid #ffffff;
	margin-bottom: 1em;
}
#home-accordion .elementor-accordion .elementor-accordion-item + .elementor-accordion-item {
	border-top:	solid;
}

#home-accordion .elementor-tab-title svg.icon-circle #cplus{
	transform:rotate(90deg);
	transform-origin: center;
	transform-box: fill-box;
	transition: 0.6s;
}

#home-accordion .elementor-tab-title.elementor-active svg.icon-circle #cplus,
#home-accordion .elementor-tab-title:hover svg.icon-circle #cplus{
	transform:rotate(0deg);
}
#home-accordion .elementor-tab-title.elementor-active svg.icon-circle #xcircle,
#home-accordion .elementor-tab-title:hover svg.icon-circle #xcircle{
	animation: animateDash 0.6s linear forwards;
}

#home-accordion .elementor-tab-title svg.icon-circle {
	position: absolute;
	right: 1vw;
	margin-top: -1vw;
	width: 5vw;
	height: 5vw;
}
#home-accordion .elementor-tab-title svg.icon-circle #xcircle {
	stroke-width:1;
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	pointer-events: none;
}

@keyframes animateDash {
	to {
		stroke-dashoffset: 0;
	}
}

.animon.animated{
	overflow:hidden;
	clip-path: inset(0 0 0 0);
}
.animon.animated span {
	animation: toUp .9s forwards cubic-bezier(.67,.38,.45,1.4);
}

.animon.animated span { opacity:0; display: inline-block;}

@keyframes toUp{
	0% {transform: translateY(200%); opacity:1;}
	100% {transform: translateY(0); opacity:1;}
}



.footer-menu ul li a{
	color:#939393;
	font-weight: 300;
	line-height:2em;
	font-size: 1vw;
}

.footer-menu ul,
.footer-bottom-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-bottom-menu ul li {
	float: left;
}
.footer-bottom-menu ul li:not(:first-child):before {
	content: '•';
	padding: 0 1vw;
}
.footer-bottom-menu ul li a {
	color: #000;
	font-weight: 300;
	font-size: 1vw;
}
.footer-menu ul li:hover a
.footer-bottom-menu ul li:hover a {
	text-decoration: underline;
}
.footer-menu h5 {
	font-size: 1.1vw !important;
	margin-top: 0;
}

.elementor-position-left .elementor-icon-box-icon {
	position: absolute;
}
.elementor-position-left .elementor-icon-box-title {
	margin: 0 0 1em 3em;
}

.logos .elementor-icon-list-items .elementor-icon-list-item {
    margin-top: 10px;
}

.invert{
	filter: invert(1);
}


#getit .wpcf7-textarea,
 #getit input {
	border: 0 !important;
	border-bottom: 1px solid !important;
	border-radius: 0;
}
#getit .wpcf7-submit {
	border: 0;
	border-radius: 5em;
	background: var( --e-global-color-accent );
	padding: 1vw 2vw;
	color: #fff;
	font-size: 1vw;
	font-family: Inter;
}
#getit .wpcf7-acceptance,
#getit ::placeholder {
	color: #000;
	opacity: 1;
	font-size: 0.8vw;
}
#getit p {
	padding: 0 0 2vw;
	margin: 0;
}
#getit .wpcf7-acceptance a {
	color: #000 !important;
}
#getit input[type="checkbox"] {
	margin-right: 0.5vw;
	width: 1vw;
	height: 1vw;
}


.img-parallax img:nth-child(1) {
	position: relative;
	z-index:11;
}
.img-parallax img.parallax-layer {
	position: absolute;
	top: 0%;
	left: 0%;
	pointer-events: none;
	transform-origin: center;
	transform-box: fill-box;
}

.in-accordeon,
.in-accordeon td{
	border:none;
	background-color: #1ABCDE !important;
}
.in-accordeon td{
	width:50%;
	vertical-align: middle;
}

.in-accordeon td:nth-child(2),
.in-accordeon td img{
	text-align:center;
}
.in-accordeon td a{
	display:inline-block
}
.in-accordeon td img{
	vertical-align:middle;
	display:inline-block;
}

.in-accordeon td big {
	font: bold 500% Kanit;
	line-height: 1em;
}
.in-accordeon td div {
	font: 300 25px Kanit;
	margin-top:2%;
}
.in-accordeon .button {
	border: 1px solid #fff;
	color: #fff;
	text-decoration: navajowhite;
	padding: 1% 5%;
	border-radius: 5em;
	margin-top: 5%;
}
.in-accordeon .button:hover {
	background-color:#fff;
	color: #31BDE8;
}
.in-accordeon a {
    padding: 2%;
}


.country-list .elementor-icon-list-item {
	border: 1px solid;
	padding: 0.5% 2% !important;
	margin: 0 0.5% 0.75% !important;
	border-radius: 10em;
	width: calc(93% / 6);
}
.country-list .elementor-icon-list-items {
	margin: 0 !important;
}

.list-underline .elementor-icon-list-text {
	text-decoration: underline;
}

.blog-cat-list li.elementor-icon-list-item {
	border: 1px solid #696969;
	padding: 1% 3% !important;
	border-radius: 5px;
}

.elementor-swiper-button-prev{
	margin-left: -5%;
}
.elementor-swiper-button-next{
	margin-right: -5%;
}

#clients *{
	transition-timing-function: linear !important;
	transition-delay: 0s !important;
}


/*************/
/*	Blog	*/
/***********/
article.post {
	margin-bottom: 6em;
}
article.post > a img {
	border-radius: 15px;
}

.blog .pagination {
	margin: 0 auto 5em;
	text-align: center;
	margin-bottom: 5em;
}
.blog .pagination .page-numbers {
	margin: 1%;
	color: #0005;
	text-decoration:none;
}
.blog .pagination .page-numbers.current {
	color: #000;
}
.blog .pagination .prev, .blog .pagination .next {
	border: 1px solid #000;
	border-radius: 50%;
	padding: 1%;
	aspect-ratio: 1;
	display: inline-block;
	width: 4%;
	height: 4%;
	line-height: 120%;
	color: #000;
}
.post-meta {
	margin-bottom: 2em;
}
aside .tagcloud a.tag-cloud-link {
	white-space: nowrap;
}
aside .tagcloud a{
	color: #696969;
	border: 1px solid #696969;
	border-radius: 5px;
	padding: 2px 5px;
	text-decoration: none !important;
	margin-right: 1%;
	font-size: 88% !important;
}
.post-vendor img {
	vertical-align: middle;
	margin-right: 2%;
}
.post-meta .separator {
	color: #696969;
	font-weight: 100;
	margin-right: 1%;
}
.archive .entry-title ,
.blog .entry-title {
	margin-top: 1rem;
	font-weight: bold;
}
.blog .post-list .post .elementor-button {
	padding: 1em 2em;
	margin-top: 1em;
}

.widget_vendor_list_widget ul,
aside .elementor-widget-container ul {
	list-style: none;
	padding: 0;
}
aside .elementor-widget-container a {
	text-decoration: none !important;
}

.widget_vendor_list_widget ul li,
aside .elementor-widget-container li {
	margin: 0 0 1em;
}

aside .widget_latest_posts_widget .latest-post img {
	width: 100%;
	border-radius: 15px;
}
.post-author {
	font-size: 16px;
	text-transform: uppercase;
	color: #696969;
}
aside .widget_latest_posts_widget .latest-post .post-title {
	font-size: 16px;
	margin: 0;
}
aside .widget_latest_posts_widget .latest-post {
	display: grid;
	grid-template-columns: 40% auto;
	margin-bottom: 1em;
	align-items: center;
	grid-gap: 5%;
}
aside .tagcloud {
	line-height: 2;
}

aside h5{
	margin-bottom: 2em;
}

aside .search-form {
  border-bottom: 1px solid #000 !important;
  color: #000;
}
aside .widget_search input.search-field {
	border: none;
}
aside .widget_search input.search-field::placeholder{
  color: #000 !important;
  opacity: 1;
}
aside .search-submit {
  background: none !important;
  border: none;
  color: #000 !important;
  font-size: 1.2em !important;
}
aside {
	padding-bottom: 5em;
	width: 22%;
}

.single .page-header {
	height: 35vw;
	margin-bottom: 5em;
}
.single #content {
	display: flex;
	max-width: 100%;
	padding: 0 8%;
	gap: 10%;
}


aside .search-submit {
    font-size: 0 !important;
}

aside .search-submit {
	background: url('./img/lupa.svg') center right no-repeat !important;
	width: auto;
	height: auto;
	border: none !important;
	padding: 6%;
	vertical-align: top;
}
aside .search-submit span.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

aside .search-form label {
	width: 85%;
}
aside .widget-title {
	margin: 15% auto 10%;
	font-size: 1.7em;
}



.single .page-content {
	width: 69%;
}

.custom-posts-module {
    display: flex;
    gap: 1%;
}
.custom-posts-module .custom-post {
    width: 33%;
}

.custom-post .post-date {
	position: absolute;
	background-color: var(--e-global-color-accent);
	color: #fff;
	padding: 1% 1.3%;
	line-height: 1em;
	width: min-content;
	height: auto;
	font-size: 1vw;
	font-weight: 600;
}
.custom-post .post-image {
	width: 100%;
	padding: 10% 0% 50% 86%;
	border-radius: 20px;
}
.custom-post .post-title{
	color: var( --e-global-color-primary );
	font-size: 1.4vw;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.1em;
}
.custom-post .post-excerpt p {
	color: var( --e-global-color-fc9339e );
	font-family: "Kanit", Sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.vendor-header {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 6% 0 3%;
	width: 100%;
	grid-area: 1/1/1/3;
	flex-direction: column;
	gap: 1em;
}
.archive .page-content {
	display: flex;
	gap: 0 9%;
}
.archive .vendor-logo {
    scale: 2;
}
.archive #content {
    max-width: 100%;
    padding: 0 6%;
}
.archive .articles {
    width: 69%;
}



/*************/
/*	@Anim	*/
/***********/
.elementor-invisible.motion_active img {
	opacity:0;
}
.animated.motion_active img {
	animation: imageActive 1.6s linear;
	animation-fill-mode:both;
}
.motion_active {
	transition: .3s;
	cursor: pointer;
}
.motion_active:hover {
	scale: .98;
}
.blogjet, .jet{
	transition: .3s;
}
.blogjet:hover .jet {
	right: 87% !important;
}
.blogjet2:hover .jet {
	right: 44% !important;
	top: 22% !important;
	scale: 2;
}
.blogjet3:hover .jet {
	right: 80% !important;
	top: 48.2% !important;
	rotate: -360deg;
}

.delay-1 img{
	animation-delay: 100ms;
}
.delay-2 img{
	animation-delay: 600ms;
}
.delay-3 img{
	animation-delay: 1200ms;
}

@keyframes imageActive{
	0% {
		border-radius:100%;
		opacity:0;
		transform:scale(0);
	}
	66% {
		border-radius:33%;
		transform:scale(1);
	}
	to {
		opacity:1;
		border-radius:1vw;
	}
}

.motion_inactive {
	animation: imageInactive 1s linear;
	animation-fill-mode:both;
}
@keyframes imageInactive{
	0% {
		border-radius:5vw;
		transform:scale(1)
	}
	to {
		border-radius:96vw;
		opacity:0;
		transform:scale(.5)
	}
}

/*************/
/*	@Media	*/
/***********/
@media only screen and (max-width: 1024px){
	.footer-progress .elementor-image-box-wrapper {
		display: flex;
	}
	.footer-menu h5 {
		font-size: 3vw !important;
	}
	.footer-bottom-menu ul li a,
	.footer-menu ul li a {
		line-height: 1.7em;
		font-size: 1.66vw;
	}
	#getit .wpcf7-submit {
		font-size: 2em;
	}
	#getit .wpcf7-acceptance,
	#getit ::placeholder {
		font-size: 1em;
	}
	#getit input[type="checkbox"] {
		width: 2vw;
		height: 2vw;
	}
	.blog .pagination .prev, .blog .pagination .next {
		width: 2.5em;
		height: 2.5em;
		line-height: 1.6em;
	}
}
@media only screen and (max-width: 768px){
	.country-list .elementor-icon-list-item {
		padding: 2% 0 2% 4% !important;
		margin: 0 1% 3% !important;
		width: calc(92% / 3);
	}
	.in-accordeon td {
		width: 100%;
		display: block;
		padding: 0;
		margin: 5% 0;
	}
	.in-accordeon td big {
		font-size: 300%;
	}
	.in-accordeon td div {
		font-size: 20px;
	}
	.in-accordeon tr {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.footer-progress .elementor-image-box-wrapper {
		display: flex;
	}
	.menu-item-image {
		float: left;
		margin: 1em 1em 0;
	}
	.blog-cat-list{
		height: 7vw;
	}
	.header.sticked {
		padding:1% 3%;
	}
	.sub-menu img.menu-item-image {
		margin: 2% 5%;
		width: 10%;
	}

	.custom-posts-module {
		flex-direction: column;
		gap: 5vw;
	}
	.custom-posts-module .custom-post {
		width: 100%;
	}
	.custom-post .post-title {
		font-size: 4vw;
	}
	.custom-post .post-excerpt p {
		font-size: 3vw;
	}
	.custom-post .post-meta {
		margin-bottom: 1em;
	}
	.footer-bottom-menu ul li a,
	.footer-menu ul li a {
		font-size: 3.5vw;
	}
}
@media only screen and (max-width: 767px){
	#home-accordion .elementor-tab-title svg.icon-circle {
		position: absolute;
		right: 3vw;
		margin-top: -5vw;
		width: 14vw;
		height: auto;
	}
	.archive .articles {
		width: 100%;
	}
	.archive .page-content {
		flex-direction: column;
	}
	aside {
		padding-bottom: 0em;
		width: 100%;
	}
}
@media only screen and (max-width: 480px){
	.country-list .elementor-icon-list-item {
		width: calc(92% / 2);
	}
	.footer-menu h5 {
		font-size: 4vw !important;
	}
	.footer-bottom-menu ul li a,
	.footer-menu ul li a {
		line-height: 1.7em;
		font-size: 4vw;
	}
	#getit .wpcf7-acceptance,
	#getit ::placeholder {
		font-size: 3.6vw;
	}
	#getit input[type="checkbox"] {
		width: 4vw;
		height: 4vw;
	}
	#getit .wpcf7-submit {
		font-size: 4vw;
		padding: 2vw 7vw;
		margin-top: 10vw;
	}
	#getit .wpcf7-form-control-wrap span {
		margin: 0;
	}
	.blog-cat-list{
		height: 8vw;
	}
	.header.sticked {
		padding:3%;
	}
	
	.custom-post .post-title {
		font-size: 4.4vw;
	}
	.custom-post .post-excerpt p {
		font-size: 3.6vw;
	}
}