/*
    Theme Name: comcat
    Theme URI:
    Description: This theme has been developed exclusively for comcat. Requires Wordpress 5.4.2 or higher.
    Author: Leonardo Pricevicius
    Author URI: leonardo@okn.com.br
    Version: 1.0.0
    Tags:
    License: Copyright
    Text Domain: wp-ks

    Don't add css in this file!
    The theme css is located at assets/css/style.css
*/

.h-featured__items .splide__slide .item--phone .item__img iframe{
	height: 100%!important;
	top:0!important;
}
.btn--socials .fa-classic {
	color: black;
	font-size: 22px;
	position: relative;
	z-index: 2;
	width: 2.4rem;
	height: 2.4rem;
	color: inherit;
	transition: .3s ease;
	text-align: center;


}

.btn--socials .fa-flickr::before {
	display: flex;
	content: '';
	background-image: url(assets/img/SVG/flickr.svg);
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
	filter: invert(1);
	width: 2.3rem;
	height: 100%;
}


.loading {
	background-color: rgba(243, 243, 243, .6901960784);
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999
}

.loading .content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	width: 90%;
	max-width: 38.3rem;
	padding: 3.5rem 1.5rem 4.3rem;
	z-index: 1025;
	gap: 1rem
}

.loading .content .msg {
	font-family: "Galano Grotesque", sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2.52rem;
	margin: 1rem 0
}

.loading .content--msg svg {
	display: none
}

.loading .content svg {
	-webkit-animation: rotator 1.4s linear infinite;
	animation: rotator 1.4s linear infinite
}

.loading .content svg circle {
	stroke: #000;
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite;
	animation: dash 1.4s ease-in-out infinite
}

@keyframes rotator {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(270deg)
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 187
	}

	50% {
		stroke-dashoffset: 46.75;
		transform: rotate(135deg)
	}

	100% {
		stroke-dashoffset: 187;
		transform: rotate(450deg)
	}
}

.wpcf7-not-valid-tip{
	color: #dc3232!important;
    font-size: 1.4rem!important;
    font-weight: normal!important;
    display: block!important;
}
.wpcf7-response-output{
    grid-column: span 2;
    font-size: 1.4rem;
    text-align: center;
}
.form--threeColumns .wpcf7-response-output{
    grid-column: span 6;
}