/*
Theme Name: Airxcel
Author: Airxcel
Author URI: https://airxcel.com
Theme URI: https://airxcel.com
Tags: full-site-editing, block-patterns
Text Domain: airxcel
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

html {
scroll-behavior: auto;
}
}

body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}


.facetwp-facet.facetwp-type-dropdown {
margin-top: 40px;
margin-bottom: 40px;
position: relative;
max-width: 600px;
width: 100%;
}

.facetwp-type-dropdown:after {
content: " ";
display: block;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNi4zNyAxOC4xOSI+PGcgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBmaWxsPSIjYWRiNmMwIiBkPSJNMTguMTkgMTguMTlMMzYuMzcgMEgwbDE4LjE5IDE4LjE5eiIgZGF0YS1uYW1lPSJMYXllciAxIi8+PC9nPjwvc3ZnPg==");
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: calc(50% - 10px);
pointer-events: none;
}


.facetwp-type-dropdown select.facetwp-dropdown {
text-align: center;
font-size: 20px;
font-weight: 700;
appearance: none;
padding: 20px 15px;
width: 100%;
border: 1px solid #000;
}


.facetwp-facet.facetwp-type-pager {}

button.facetwp-load-more {
cursor: pointer;
display: block;
width: 100%;
background-color: #000;
color: #fff;
padding: 20px 15px;
font-size: 20px;
line-height: 1.1em;
font-weight: 700;
text-align: center;
max-width: 368px;
border: none;
margin: auto;
}



/* Grid container for FacetWP loop */
.facetwp-template {
display: grid;
column-gap: 15px;
row-gap: 15px;
grid-template-columns: repeat(1, 1fr); /* default: 1 col */
}

/* ≥ 640px (tablets in portrait / large phones landscape) */
@media (min-width: 640px) {
.facetwp-template {
grid-template-columns: repeat(2, 1fr);
}
}

/* ≥ 900px (small laptops / tablets landscape) */
@media (min-width: 900px) {
.facetwp-template {
grid-template-columns: repeat(3, 1fr);
}
}



/* Each post card */
.facetwp-template .post-item {
display: flex;
flex-direction: column;
width: 100%;
border: 1px solid #bbc4cb;
border-radius: 0;
box-shadow: none;
text-decoration: none; /* remove underline */
color: inherit;        /* keep text inheriting */
}


.facetwp-template .post-item .post-image {
position: relative;
width: 100%;
aspect-ratio: 6/4; /* maintain ratio */
overflow: hidden;  /* crop zoom */
}

.facetwp-template .post-item .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}

/* Hover zoom */
.facetwp-template .post-item:hover .post-image img {
transform: scale(1.1);
}

/* Dark overlay */
.facetwp-template .post-item .post-image .image-overlay {
position: absolute;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
transition: .3s all ease;
pointer-events: none;
opacity: 0;
}

/* Read more button overlay */
.facetwp-template .post-item .post-image .read-more {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 0.9em;
pointer-events: none;
font-weight: bold;
z-index: 20;
transition: .3s all ease;
transform: translate(-50%, -50%);
opacity: 0;
}

.facetwp-template .post-item:hover .read-more,
.facetwp-template .post-item:hover .image-overlay {
opacity: 1;
}

/* Post header (date / meta) */
.facetwp-template .post-item .post-header {
display: flex;
flex-direction: column-reverse;
margin: 0;
padding: 0;
gap: 0;
}

/* Meta/date styling */
.facetwp-template .post-item .post-meta-date {
display: block;
color: #fff;
background: #000;
margin: 0;
padding: 15px;
font-size: 1.2em;
line-height: 1.1;
}

/* Post body */
.facetwp-template .post-item .post-title {
color: #000;
font-weight: normal;
line-height: 1.2;
padding: 15px;
margin: 0;
}






.airxcel.wp-block-outermost-social-sharing {
gap: 10px;
}
.airxcel.wp-block-outermost-social-sharing li.outermost-social-sharing-link {
color: #000;
border: 1px solid #000;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
.airxcel.wp-block-outermost-social-sharing li.outermost-social-sharing-link a {
width: 28px;
height: 28px;
}
.airxcel.wp-block-outermost-social-sharing li.outermost-social-sharing-link a svg {}



.hs-form-html [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
padding: 0;
}

.hs-form-html .hsfc-EmailField label,
.hs-form-html .hsfc-DropdownField label,
.hs-form-html .hsfc-TextField label {
display: none;
}

.hs-form-html [data-hsfc-id=Renderer] .hsfc-Row {
gap: 15px;
}

@media (min-width: 600px) {
p.subscribe.has-large-font-size {
max-width: 200px;
line-height: 1.1;
margin-top: 15px;
}
}