/*
 Theme Name:   Empower Starter Theme
 Theme URI:    https://generatepress.com
 Description:  Empower Starter Theme (A  GeneratePress Child Theme)
 Author:       Aris Mercedes
 Author URI:   https://arismercedes.com
 Template:     generatepress
 Version:      0.1
*/

/* Set the main content area to a minimum of 65vh */
#main {
	min-height: 65vh;
}

body {
	background-color: var(--outside-container);
    --wp--preset--font-size--small: clamp(0.875rem, 0.788rem + 0.4348vi, 1.125rem);
    --wp--preset--font-size--medium: clamp(1.05rem, 0.8936rem + 0.782vi, 1.4996rem);
    --wp--preset--font-size--large: clamp(1.26rem, 1.003rem + 1.2852vi, 1.999rem);
    --wp--preset--font-size--x-large: clamp(1.8144rem, 1.21rem + 3.0219vi, 3.552rem);
}

/* Site Wrapper to set overall site max width */
.site-wrapper {
	width: 100%;
	max-width: 1920px;
	background-color: var(--body);
} 
/* Beggining of Font Styles */
	/*The following declare the font Montserrat and all its font-weights as the font for the website */
    /* montserrat-regular - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('/wp-content/themes/generatepress_child/fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    /* montserrat-italic - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 400;
      src: url('/wp-content/themes/generatepress_child/fonts/montserrat-v26-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    /* montserrat-600 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      src: url('/wp-content/themes/generatepress_child/fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }
    /* montserrat-800 - latin */
    @font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 800;
      src: url('/wp-content/themes/generatepress_child/fonts/montserrat-v26-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    }

    /* @link https://utopia.fyi/type/calculator?c=320,14,1.125,1240,16,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
	/* This set variables with calculations to make the text responsive, you can get more info on the link above */
    :root {
      --step--2: clamp(0.64rem, 0.7092rem + -0.0893vi, 0.6914rem);
      --step--1: clamp(0.7778rem, 0.77rem + 0.0386vi, 0.8rem);
      --step-0: clamp(0.875rem, 0.8315rem + 0.2174vi, 1rem);
      --step-1: clamp(0.9844rem, 0.892rem + 0.462vi, 1.25rem);
      --step-2: clamp(1.1074rem, 0.9491rem + 0.7914vi, 1.5625rem);
      --step-3: clamp(1.2458rem, 0.9998rem + 1.23vi, 1.9531rem);
      --step-4: clamp(1.4016rem, 1.0399rem + 1.8084vi, 2.4414rem);
      --step-5: clamp(1.5768rem, 1.0637rem + 2.5652vi, 3.0518rem);
    }
    :root * {
        font-family: 'Montserrat';
    }

    /* Font Size Classes--They are responsive except .fine-print */
    .fine-print {
		font-size: .8rem;
	}
    .text-sm {
        font-size: var(--step-0);
    }
    .text-md {
        font-size: var(--step-1);
    }
    .text-lg {
        font-size: var(--step-2);
    }
    .text-xl {
        font-size: var(--step-3);
    }
    .text-2xl {
        font-size: var(--step-4);
    }.text-2xl {
        font-size: var(--step-5);
    }

/* HELPER CLASSES */
/* Standard Shadow(s) */

.shadow-standard {
	box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
	transition: all .2s ease-in;
}

.shadow-standard:hover {
	box-shadow: 0px 8px 32px 0px rgba(33, 33, 33, 0.1);
}

/* Max Width(s) */

.max-width-1024 {
	max-width: 1024px;
}


.max-width-768 {
	max-width: 768px;
}

.max-width-640 {
	max-width: 640px;
}

.max-width-480 {
	max-width: 480px;
}

/* Margin Auto */

.margin-auto{
	margin-left: auto;
	margin-right: auto;
}

 Position Properties */
.grid-all-center {
	display: grid !important;
	place-content: center;
}
.relative{
	position: relative;
}

.absolute-0{
	position:absolute;
	top: 0px;
	left: 0px;
}
.absolute {
	position:absolute;
}
.top-0 {
	top: 0;
}
.top-1 {
	top: 1rem;
}
.top-2 {
	top: 1.5rem;
}
.top-3 {
	top: 2rem;
}
.top-4 {
	top: 3rem;
}
.bottom-0 {
	bottom: 0;
}
.bottom-1 {
	bottom: 1rem;
}
.bottom-2 {
	bottom: 1.5rem;
}
.bottom-3 {
	bottom: 2rem;
}
.bottom-4 {
	right: 3rem;
}
.left-0 {
	left: 0;
}
.left-1 {
	left: 1rem;
}
.left-2 {
	left: 1.5rem;
}
.left-3 {
	left: 2rem;
}
.left-4 {
	left: 3rem;
}
.right-0 {
	right: 0;
}
.right-1 {
	right: 1rem;
}
.right-2 {
	right: 1.5rem;
}
.right-3 {
	right: 2rem;
}
.right-4 {
	right: 3rem;
}
/*.sticky{
	position: sticky;
	top: 24px;
}
/* Image Aspect Ratios */

.aspect-1-1{
    aspect-ratio: 1/1;
	object-fit: cover;
}

.aspect-3-2 img{
    aspect-ratio: 3/2;
	object-fit: cover;
}

.aspect-2-3 img{
    aspect-ratio: 2/3;
	object-fit: cover;
}

.aspect-4-3 img{
    aspect-ratio: 4/3;
	object-fit: cover;
}

.aspect-3-4 img{
    aspect-ratio: 3/4;
	object-fit: cover;
}

.bg-aspect-16-9{
    aspect-ratio: 16/9;
	object-fit: cover;
}
.aspect-16-9 img{
    aspect-ratio: 16/9;
	object-fit: cover;
}

.aspect-9-16 img{
    aspect-ratio: 9/16;
	object-fit: cover;
}

.hidden {
	display: none !important;
}

.z-10 {
	z-index: 10;
}

/* This remove the blank space between the Menu Bar and the content of a page */
.entry-content {
	margin-top: unset !important;
}

/* This prevent the scrolling on the website while the menu is open in mobile */
.mobile-menu-open.slide-opened body {
    overflow: hidden;
}
#mobile-header.toggled .main-nav>ul {
    height: calc(100vh - 56px);
    overflow: auto !important;
    padding-bottom: 50px;
}

/* Splide Slider Custom Styling */
a[aria-current='page'] {
	color: var(--accent-3) !important;
}
.menu-item a:hover {
	color: var(--accent-3) !important;
}
.sub-menu {
	background-color: var(--base-3) !important;
}
.menu-bar-item a:hover {
	color: var(--accent-3) !important;
}
.splide1 > .splide__pagination {
	bottom: -2.5rem;
}
.splide1 > .splide__arrows {
	display: none;
}
.splide-basic > .splide__pagination {
	bottom: -1.5rem;
}
.splide__pagination__page {
	height: 5px;
	width: 1rem;
	border-radius: 5px;
	margin-inline: 5px;
}
.splide__pagination__page.is-active {
	background: var(--accent-3);
	transform: scale(1);
}
.splide__pagination__page:hover {
	background-color: var(--accent-3);
}
.my-slider-progress {
	background-color: #ccc;
    margin-top: 1rem;
}
.my-slider-progress-bar {
	background-color: var(--accent-3);
    height: 4px;
    transition: width 400ms ease;
    width: 0; 
}
.fig-100 > figure{
	height: 100%;
}
.splide-logo .splide__list {
	align-items: center;
}
.splide-logo img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
	filter: grayscale(100%);
    transition: filter .8s ease-in-out
}
.splide-logo img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
	filter: grayscale(0%);
    transition:
}

/* Alert Styles  */
.alert-box {
	overflow: hidden;
}
.alert-close-btn {
	right: -1.5em;
  top: calc(50% - .8em);
}
.alert-color-blue {
	background-color: #D2E6F9;
	color: #5689DB;
	border-color: #5689DB;
}.alert-color-yellow {
	background-color: #FFF6DE;
	color: #EFA603;
	border-color: #EFA603;
}
.alert-color-red {
	background-color: #FFDEE5;
	color: #D86F7C;
	border-color: #D86F7C;
}

/* Dashboard Main Styles  */
@media only screen and (min-width: 769px)  {
    /* CSS in here for tablet only */
	.hub-menu-item .gb-button-text {
		width: 9ch;
	}
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
	.hub-menu-item {
		aspect-ratio: 1/1;
	}
}
.dashboard-events * {
	Font-family: "montserrat" !important;
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
	.dashboard-row-1 {
		height: 100%;
	}
	.dashboard-row-1 > div {
		height: 100%;
	}
}

/* Event Calendar Styles  */
/* Widget styles - Block - Event List //Like the one on the Agent Dashboard  */
.tribe-events-widget-events-list {
	position: relative !important;
	margin-top: 2rem !important;
}
.tribe-events-widget-events-list__view-more {
	position: absolute;
	top: 4px;
	right: 0;
	margin: 0 !important;
}
.tribe-events-widget-events-list__event-date-tag {
	width: 80px !important;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {
	background-color: var(--accent);
	justify-content: center;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime > span{
	    color: white;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
	font-size: var(--tec-font-size-3) !important;
}
.tribe-common .tribe-common-h2 {
	font-size: var(--tec-font-size-9) !important;
}
.tribe-common .tribe-common-h7 {
	
}
.tribe-events-widget-events-list__event-wrapper {
	padding: 1rem !important;
	background-color: white;
	justify-content: center;
}
.tribe-events-widget-events-list__event-header.tribe-events-widget-events-list__event-header {
	display: flex;
	flex-direction: column;
}
.tribe-events-widget-events-list__event-datetime {
	color: var(--contrast-3);
	font-size: var(--tec-font-size-2);
}
.tribe-events-widget .tribe-events-widget-events-list__event-datetime-wrapper {
	margin-top: .3em !important;
}
.tribe-events-widget .tribe-events-widget-events-list__event-title {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
	order: -1;
	line-height: 1.2em !important;
}
.tribe-events-widget-events-list__header-title {
	font-size: 1.1rem !important;
}

/* Form Styles  */
/* This resets the styling done by the plugin Contact Form 7 plus add a new style to the forms */

.wpcf7-form:not(:has(.fieldset-cf7mls)) {
	display:flex;
	flex-wrap: wrap;
	gap: 20px;
}
.wpcf7-form:not(:has(.fieldset-cf7mls)) > * {
	border: 2px  blue;
	flex-grow: 1;
	min-width: 300px;
	width: calc(50% - 1em);
}
.fieldset-cf7mls {
	display:flex;
	flex-wrap: wrap;
	gap: 20px;
}
.fieldset-cf7mls > * {
	border: 2px  blue;
	flex-grow: 1;
	min-width: 300px;
	width: calc(50% - 1em);
}
.fieldset-cf7mls > br {
	display:none;
}
.wpcf7-form input:not(input[type="submit"],input[type="checkbox"],input[type="radio"]), select {
	width: 100%;
}
.wpcf7-form p {
	margin-bottom: unset;
}
.wpcf7-form div {
	width: 100%;
}
.wpcf7-form label {
	color: var(--contrast-2);
	font-size: 1rem;
	font-weight: 300;
}
.wpcf7-form label:has(input:focus) {
	color: var(--accent);
	font-weight: 500;
}
.wpcf7-form p:has(input[type="submit"], textarea){
	width: 100%;	
}
.wpcf7-form input:not(input[type="submit"]), textarea, select{
	border-radius: .5rem;
	border: 1px solid var(--accent);
	outline:none;
	background-color: unset;
	padding: .6em;
}
.wpcf7-form textarea:focus, input:focus:not(input[type="submit"]), select:focus {
	border: 3px solid var(--accent);
}
.wpcf7-form textarea{
	min-height: 100px;	
	height: 130px;
	resize: vertical;
	margin-top: .5em;
}
.wpcf7-form textarea:focus{
	background-color: unset;	
}
.wpcf7-form input[type="submit"] {
	background-color: var(--contrast);
	border-radius: .5rem !important;
	transition: background-color .3s ease-in-out;
}
.wpcf7-form input[type="submit"]:hover {
	background-color: var(--accent-3);
}
.wpcf7-form p:has(input[type="radio"], input[type="checkbox"]), .wpcf7-form span:has(input[type="radio"], input[type="checkbox"]){
	width:100%
}
.wpcf7-form input[type="checkbox"], .wpcf7-form input[type="radio"] {
	margin-right: .5em;
}
.wpcf7-form .form-step {
	color: var(--accent);
	font-size: 1.5rem;
	font-weight: 600;
}
.cf7mls_back.action-button {
	background-color: var(--base) !important;
	border-radius: .5rem !important;
}
.cf7mls_next.action-button {
	background-color: var(--accent) !important;
	border-radius: .5rem !important;
}

/* Change the design of the scroll back to top button(circle with and up arrow) that appear on the lower right corner of the website */
a[aria-label='Scroll back to top'] {
	display: grid;
	place-content: center;
	border-radius: 100%;
	border: 2px solid var(--accent-3);
	color: var(--accent-3);
	background-color: transparent;
	height:50px;
	width:50px;
	align-content: center;
}a[aria-label='Scroll back to top']:hover {
	background-color: var(--accent-3);
}
a[aria-label='Scroll back to top'] svg {
	top: 0;
}

/* Hides Recaptcha button at the bottom-right */
.grecaptcha-badge {
	display:none !important;
}
/* Make the quotes icons on the testimonial slider to be at the bottom-right */
.testimonial-quotes {
	position: absolute;
	right: 10px;
	bottom: 0px;
}

/* Animations */
.scale-up {
	transition: transform .25s ease-in-out;
}
.scale-up:hover {
	transform: scale(1.05);
}