/*
Theme Name:     Anderson
Description:    A custom theme for Anderson based on the parent theme Enfold. Do not delete the parent theme from your site.
Version:		1.0
Author:         Dan Crowe
Author URI:		https://dannyc.me
Template:		enfold
*/

/* ---- @import url('includes/elements.css'); ---- */

/* ------------------------------------------------------------
    ROOT VARIABLES
------------------------------------------------------------ */
:root {
	/* COLORS */
	--red: #fd0202;
	--black: ##000;
	--grey-light: #ECECEC;
	--grey-dark: #404040;
	--white: #ffffff;

	/* TYPEFACES */
	--roboto: "Roboto", sans-serif;
	--dmsans: "DM Sans", sans-serif;

	/* UTILITIES */
	--transition: all .5s ease-in-out;
	--transition-long: all .7s ease-in-out;

	/* FONT SIZES */
	--text-xs: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
	--text-sm: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
	--text-base: clamp(1rem, 0.9931rem + 0.037vw, 1.0625rem);
	--text-md: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
	--text-lg: clamp(1.5rem, 1.4722rem + 0.1481vw, 1.75rem);
	--text-xl: clamp(1.375rem, 1.0633rem + 1.039vw, 1.875rem);
	--text-2xl: clamp(1.5625rem, 1.056rem + 1.6883vw, 2.375rem);
	--text-3xl: clamp(2.8125rem, 2.1502rem + 2.2078vw, 3.875rem);

	/* BORDER RADIUS */
	--radius-xs: 0.175rem;
	--radius-sm: .525rem;
	--radius-base: 1.125rem;
	--radius-md: 24px;
	--radius-lg: 2.25rem;
	--radius-full: 99px;

	--shadow-base: 0 0 29px rgba(0, 1, 1, 0.17);
	--shadow-lg: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	--shadow-xl: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

/* ------------------------------------------------------------
    UTILITIES & HELPERS
------------------------------------------------------------ */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ------------------------------------------------------------
    TYPOGRAPHY
------------------------------------------------------------ */

.uppercase {
	text-transform: uppercase !important;
}

/* Reset & Base */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0.5em;
    text-transform: capitalize !important;
}

h1,
h2 {
	overflow: hidden !important;
	text-transform: none !important;
	font-weight: 400 !important;
	font-family: var(--roboto);
	color: var(--black);
}

/* Sizes & Specifics */
h1 {
	font-size: var(--text-3xl);
	line-height: 1.2;
	letter-spacing: 0px !important;
}

h2 {
	font-size: var(--text-2xl);
	line-height: 1.25;
	letter-spacing: 0px !important;
}

h3 {
	font-size: var(--text-xl);
	line-height: 1.3;
	letter-spacing: 0px !important;
	font-family: var(--roboto);
	color: var(--black) !important;
	font-weight: 400 !important;
}

h4 {
	font-size: var(--text-lg);
	line-height: 1.35;
	font-family: var(--dmsans);
	color: var(--black);
}

h5 {
	font-size: var(--text-md);
	line-height: 1.4;
	font-family: var(--dmsans);
}

h6 {
	font-size: var(--text-base);
	line-height: 1.5;
	font-weight: 700 !important;
	font-family: var(--dmsans);
}

h2:not(:first-child),
h3:not(:first-child),
h4:not(:first-child) {
	margin-top: 1.5em;
}

p {
	line-height: 1.6;
	margin-bottom: 1.15rem;
	padding-bottom: 0.35rem;
	font-family: var(--dmsans);
	color: var(--grey-dark);
}

/* Text Utilities */
.special_amp {
	font-family: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
	font-style: inherit !important;
	font-size: inherit !important;
}

b,
strong {
	color: inherit !important;
	font-weight: 800;
}

td {
	font-size: var(--text-base);
}


.av-special-heading-tag {
	text-transform: capitalize !important;
}

.av-special-heading .av-subheading_above p {
	font-size: var(--text-lg) !important;
    color: var(--red);
}

.av-special-heading .av-subheading_below p {
	font-size: var(--text-lg) !important;
}

ul,
li {
	font-family: var(--dmsans);
	color: var(--grey-dark);
}

.text-white,
.text-white h3 {
	color: var(--white) !important;
}


/* ------------------------------------------------------------
	Global
------------------------------------------------------------ */


/* ------------------------------------------------------------
    IMAGES
------------------------------------------------------------ */
.avia-image-container {
	border-radius: var(--radius-base) !important;
	overflow: hidden !important;
}


/* ------------------------------------------------------------
    BUTTONS
------------------------------------------------------------ */

/* PULSE ANIMATION */
@keyframes pulse-outline {
	0% {
		outline-width: 4px;
		outline-color: rgba(253, 2, 2, 0.6);
	}

	70% {
		outline-width: 8px;
		outline-color: rgba(253, 2, 2, 0.2);
	}

	100% {
		outline-width: 12px;
		outline-color: rgba(253, 2, 2, 0);
	}
}


/* Padding Presets */
#top .main_color .avia-button {
	text-decoration: none !important;
	border-radius: var(--radius-xs);
}

#top .main_color .avia-button.avia-size-small {
	padding: 13px 24px !important;
	font-size: var(--text-base);
	transition: var(--transition);
}

#top .main_color .avia-button.avia-size-medium {
	padding: 16px 36px !important;
	font-size: var(--text-md);
	transition: var(--transition);
}

#top .main_color .avia-button.avia-size-large {
	padding: 21px 42px !important;
	font-size: var(--text-lg);
	transition: var(--transition);
}


/* --------- BUTTON THEME COLOR --------- */
#top .main_color .avia-color-theme-color {
	background-color: var(--red) !important;
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color .avia_iconbox_title {
	color: var(--blue);
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color svg {
	fill: var(--blue) !important;
	transition: var(--transition);
}

/* HOVER */
#top .main_color .avia-color-theme-color:hover {
	background-color: var(--blue) !important;
	border: 1px solid var(--red) !important;
	animation: pulse-outline 2s ease infinite;
	transition: var(--transition);
}


#top .main_color .avia-color-theme-color:hover .avia_iconbox_title {
	color: var(--red);
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color:hover svg {
	fill: var(--red) !important;
	transition: var(--transition);
}

/* --------- BUTTON THEME COLOR SUBTLE--------- */
#top .main_color .avia-color-theme-color-subtle {
	background-color: var(--white) !important;
	border: 1px solid var(--blue) !important;
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color-subtle .avia_iconbox_title {
	color: var(--blue);
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color-subtle svg {
	fill: var(--blue) !important;
	transition: var(--transition);
}

/* HOVER */
#top .main_color .avia-color-theme-color-subtle:hover {
	background-color: var(--red) !important;
	border: 1px solid var(--blue) !important;
	animation: pulse-outline 2s ease infinite;
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color-subtle:hover .avia_iconbox_title {
	color: var(--blue);
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color-subtle:hover svg {
	fill: var(--blue) !important;
	transition: var(--transition);
}

/* --------- BUTTON THEME COLOR HIGHLIGHT --------- */
#top .main_color .avia-color-theme-color-highlight {
	background-color: var(--blue) !important;
	border: 1px solid var(--blue) !important;
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color-highlight .avia_iconbox_title {
	color: var(--red);
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color-highlight svg {
	fill: var(--red) !important;
	transition: var(--transition);
}

/* HOVER */
#top .main_color .avia-color-theme-color-highlight:hover {
	background-color: var(--red) !important;
	border: 1px solid var(--blue) !important;
	animation: pulse-outline 2s ease infinite;
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color-highlight:hover .avia_iconbox_title {
	color: var(--blue);
	transition: var(--transition);
}

#top .main_color .avia-color-theme-color-highlight:hover svg {
	fill: var(--red) !important;
	transition: var(--transition);
}

/* ------------------------------------------------------------
	HEADER
------------------------------------------------------------ */
#top #header .logo {
	padding: 12px 0px;
	transition: var(--transition);
}

#top #header .logo img {
	max-height: 50px !important;
	transition: var(--transition);
}

#top #header .container {
	height: 95px !important;
	line-height: 95px !important;
	transition: var(--transition);
}

#top #header li:not(.av-menu-button) .avia-menu-text {
    font-weight: 500;
    padding: 0 15px;
    font-size: 16px !important;
    text-transform: capitalize;
    transition: var(--transition);
}

#top #header li.av-menu-button .avia-menu-text {
    font-weight: 500;
    font-size: 16px !important;
    text-transform: capitalize;
    transition: var(--transition);
}

#top #header .avia-menu-fx {
	background-color: var(--red) !important;
}

#top #header.av_header_transparency .av-main-nav>li>a {
	color: var(--white);
	transition: var(--transition);
	padding: 0px !important;
}

#top #header:not(.av_header_transparency) .av-main-nav>li>a {
	color: var(--white);
	transition: var(--transition);
	padding: 0px !important;
}

/* ------------------------------------------------------------
	HOME
------------------------------------------------------------ */

/* ---- ARROW BUTTON - WHITE ICON ---- */
#top .main_color .avia-color-theme-color .avia_button_icon svg path {
    fill: var(--white) !important;
}

/* ---- HOME GRID - HOVER EFFECT ---- */
.home-grid {
    transition: var(--transition);
    box-shadow: 0px 9px 21.75px 3.25px rgba(0, 1, 1, 0.25);
    border-radius: var(--radius-md);
    padding: 36px !important;
    position: relative;
}

.home-grid:hover {
    transform: translateY(-6px);
    box-shadow: 0px 18px 40px 6px rgba(0, 1, 1, 0.2);
    transition: var(--transition);
}

.home-grid:hover .avia-image-container {
    background-color: var(--red) !important;
    transition: var(--transition);
}

.home-grid:hover .avia-image-container img {
    filter: brightness(0) invert(1);
    transition: var(--transition);
}

.home-grid .avia-image-container {
    transition: var(--transition);
}

.home-grid .avia-image-container img {
    transition: var(--transition);
}

/* ---- ICON IMAGE POSITIONING ---- */
.home-grid .avia-image-container {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 14px !important;
    border-radius: var(--radius-md) 0 var(--radius-md) 0 !important;
    background-color: var(--grey-light) !important;
}

.home-grid .avia-image-container .avia-image-container-inner,
.home-grid .avia-image-container .avia-image-overlay-wrap {
    width: 100% !important;
    height: 100% !important;
}

.home-grid .avia-image-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}

.home-grid .avia-image-container.avia-image-container {
    border-radius: var(--radius-md) 0 var(--radius-md) 0 !important;
}

/* ---- CREDENTIALS LIST ---- */
.credentials-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.credentials-list li {
    background-color: var(--white);
    border-radius: var(--radius-lg);
    padding: 24px 32px;
    font-family: var(--oswald);
    font-size: var(--text-lg);
    font-weight: 400;
    color: var(--blue);
    box-shadow: var(--shadow-base);
    transition: var(--transition);
}

.credentials-list li:hover {
    box-shadow: var(--shadow-lg);
    transform: translateX(6px);
}

@media only screen and (min-width: 1100px) and (max-width: 1230px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1099px) {

}

@media only screen and (max-width: 900px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 480px) {

}