/*
Theme Name: 1 Day Website Theme
Description: Web design for fast-growing companies!
Version: 2.0
Author: Bizzy Bizzy
Author URI: http://bizzybizzycreative.com
Template: enfold
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
	--dk-green: #19464b;
	--blue: #2fc6f4;
	--green: #19d19d;
	--gray: #edf4fc;
	
  --primary-color: var(--dk-green);
  --secondary-color: var(--blue);
  --tertiary-color: var(--green);
  --brand-neutral: var(--gray); /* currently unused in styles below */
  --brand-white: white;
  --brand-black: black;  
  
  font-size: 16px;
  --h1-size: 3.52rem;
  --h2-size: 2.441rem;
  --h3-size: 1.953rem;
  --h4-size: 1.75rem;
  --h5-size: 1.5rem;
  --h6-size: 1.5rem;
  
  --button-primary-bg: var(--primary-color);
  --button-primary-text: var(--brand-white);
  --button-alternate-bg: var(--secondary-color);
  --button-alternate-text: var(--brand-black);
  --button-footer-bg: var(--tertiary-color);
  --button-footer-text: var(--brand-white);
	
  --poppins: "Poppins", serif;
}


@media only screen and (max-width: 1300px) {
  :root {
    --h1-size: calc(3.52rem * .8);
    --h2-size: calc(2.441rem * .8);
    --h3-size: calc(1.953rem * .8);
  }
}
/*@media only screen and (max-width: 1030px) { }
*/
@media only screen and (max-width: 989px) {
  :root {
    --h1-size: calc(3.52rem * .6);
    --h2-size: calc(2.441rem * .6);
    --h3-size: calc(1.953rem * .6);
  }
}
/*
@media only screen and (max-width: 767px) { }
*/

/****************************************** TYPOGRAPHY **********************************/
body {
	font-size: 18px;
	font-family: var(--poppins);
}

p a {
	position: relative;
}
p a:before {
	content: '';
	background-color: var(--blue);
	height: 10px;
	width: 100%;
	position: absolute;
	left: -3px;
	bottom: 1px;
	transition: .5s ease all;
	z-index: -1;
	opacity: .75;
}
p a:hover:before {
	width: 0;
	left: 100%;
}
.simple-links p a:before { display: none; }

.socket_color p a:before { background-color: var(--green); }
.main_color p a:hover, .alternate_color p a:hover {
	color: var(--dk-green);
}
#socket {
background: #0e2e30;
	border:none;
color: #238c71;
}
#socket a {
color: #238c71;
}
#footer-page li a:hover { color: var(--blue); }
#top .alternate_color.title_container .main-title a { 
	font-size: 26px; 
	padding-bottom: 25px; 
}

/*********** EVERY HEADING MAIN COLOR **********************************/
#top #wrap_all .main_color h1, #top #wrap_all .main_color h2, #top #wrap_all .main_color h3, 
#top #wrap_all .main_color h4, #top #wrap_all .main_color h5, #top #wrap_all .main_color h6,
h1, h2, h3, h4, h5, h6 {
	color: var(--primary-color);
	line-height: 1.1;
	text-transform: unset;
	font-weight: 400;
	
}
#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1, #top #wrap_all .footer_color h1, #top #wrap_all .socket_color h1, h1 {	font-size: var(--h1-size); text-transform: unset; }
#top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2, h2 {	font-size: var(--h2-size); text-transform: unset; }
#top #wrap_all .main_color h3, #top #wrap_all .alternate_color h3, #top #wrap_all .footer_color h3, #top #wrap_all .socket_color h3, h3 {	font-size: var(--h3-size); }
#top #wrap_all .main_color h4, #top #wrap_all .alternate_color h4, #top #wrap_all .footer_color h4, #top #wrap_all .socket_color h4, h4 {	font-size: var(--h4-size); }
#top #wrap_all .main_color h5, #top #wrap_all .alternate_color h5, #top #wrap_all .footer_color h5, #top #wrap_all .socket_color h5, h5 {	font-size: var(--h5-size); }
#top #wrap_all .main_color h6, #top #wrap_all .alternate_color h6, #top #wrap_all .footer_color h6, #top #wrap_all .socket_color h6, h6 {	font-size: var(--h6-size); text-transform: uppercase;
  font-size : 20px;
  letter-spacing : 2.4px;
}
#top .av-iconlist-small .iconlist_title_small {
    line-height: 1.7em;
    margin-bottom: 20px;
}
#top .av-iconlist-small .iconlist_icon {
	color:var(--green);
}
/***************************************HEADER*******************************************/

#top .phone-info, #top .avia2-menu .sub_menu a {
	font-size: 1rem;
}

.sub_menu {
	padding-top: 10px;
	font-size: 1rem;
}
.phone-info {
	 padding: 15px;
}
#top .phone-info .av_font_icon {
	display: inline-block;
	margin-right: 10px;
}
#top .social_bookmarks {
    padding: 10px;
	border-style: none;
}
.alternate_color .breadcrumb, 
.alternate_color .breadcrumb a, 
#top .alternate_color.title_container .main-title, 
#top .alternate_color.title_container .main-title a {
	display: block;
	line-height: 1.1;
	margin: 40px 0 10px 0;
}
@media screen and (max-width: 767px) {
	.alternate_color .breadcrumb, 
	.alternate_color .breadcrumb a, 
	#top .alternate_color.title_container .main-title, 
	#top .alternate_color.title_container .main-title a {
		margin-top: 30px;
	}
}
#top.single .alternate_color.title_container { display: none; }
#top.single	.container_wrap.container_wrap_first { padding-top: 10px; }

#header_meta {  
	background-color:var(--secondary-color);
}

/*** The menu nav indicator ***/
.av-main-nav .menu-item .avia-menu-text { position: relative; }
.av-main-nav .current-menu-item:not(.menu-btn) .avia-menu-text:after, 
.av-main-nav .menu-item:not(.menu-btn) .avia-menu-text:after {
	content: '';
	width: 0;
	height: 2px;
	background-color: var(--secondary-color);
	position: absolute;
	transition: .5s ease all;
	left: 0;
	bottom: -5px;
}
.av-main-nav .current-menu-item > a .avia-menu-text:after,
.av-main-nav .menu-item:hover > a .avia-menu-text:after {
	width: 100%;
}
/***/


/* Menu nav icons */
.nav-icon:before {
	content: '';
	background-image: url('./images/menu/for-educators.svg');
	background-image: linear-gradient(90deg, var(--blue), var(--green))!important;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	margin-right: 5px;
	transition: .5s ease all;
}
.nav-icon.enforce:before { background-image: url('./images/menu/see-a-show.svg'); }
.nav-icon.permit:before { background-image: url('./images/menu/take-a-class.svg'); }
.nav-icon.process:before { background-image: url('./images/menu/accessibility.svg'); }
.nav-icon.rewards:before { background-image: url('./images/menu/get-involved.svg'); }
.nav-icon:hover:before {
	transform: rotateY(360deg);
}


/* Menu nav subtitles */
.nav-icon > a {
	display: flex;
	flex-direction: column;
	font-weight: bold;
	font-size: 27px;
	line-height: 1.1;
	margin-bottom: 15px;
}
#top .nav-icon > span > a:hover { text-decoration: none!important; }

.nav-icon > span { display: inline-block!important; }
.nav-icon > span > a:after {
	content: '';
	font-size: 1rem;
	line-height: 1.5;
	text-transform: initial;
	display: block;
	color: black;
}
.nav-icon.enforce > span > a:after { content: 'Enforce like a pro'; }
.nav-icon.permit > span > a:after { content: 'Permits'; }
.nav-icon.process > span > a:after { content: 'Process things'; }
.nav-icon.rewards > span > a:after { content: 'Better results through rewards'; }


.logo { max-width: 300px; }

/***************************************SLIDER SLIDESHOW*******************************************/

#top .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    margin: 0 0 0px 0;
}
/********SLIDER FRAME - Provides a min height/width for responsive background image effect *******/
#top .av_slideshow_full li img, #top.avia-slideshow-inner li, #top .avia-slideshow-inner {
    min-height: 280px;
}

#top .av_slideshow_full li img {
    min-width: 977px;
}
.responsive .fullwidth .container {
    width: 100%;
    max-width: 100%;
}
/******************************************* Title Header Bar - includes breadcrumbs *************************************/

#top .title_container .container {
	text-align: center;
}

.main-title.entry-title {
    font-size: 20px!important;
}
/******************************************* SIDEBAR *************************************/

#top .sidebar h3  {
	font-size: 24px;
}

/******************************************** FOOTER *************************************/

#socket .copyright {
    float: none;
    font-size: .688rem;
}

#socket .container {
    padding-top: 8px;
    padding-bottom: 8px;
}

#socket {
    text-align: center;
}
#top .footer_color .widget li {
	display: inline-block;
}
#top .footer_color .widget ul {
	text-align: center;
}
#top .footer_color a.avia_image:hover .image-overlay {
	display: none!important;
}

/****************************************** IMAGES ***************************************/

/****************************************** CSS TRICKS ***************************************/


/*********************************** BUTTONS *************************************/
/*********************************** ALL BUTTONS (including forms & slider) *************************************/
#top .avia-button.avia-size-small, 
#top .avia-button.avia-size-medium,
#top .avia-button.avia-size-large,
#top .avia-button.avia-size-x-large, 
#top .gform_wrapper .gform_footer input.button, 
#top .gform_wrapper .gform_footer input[type="submit"],
#top .avia-slideshow-button,
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.menu-btn a.mega-menu-link {
	background-color:var(--button-primary-bg);
	border-radius:50px!important;
	border: none;
	font-size: 1.15rem;
	color: var(--button-primary-text);
	border: 1px solid var(--green);
	box-shadow: 0px 2px 10px gray;
	position: relative;
	overflow: hidden;
	padding: 10px 25px 10px 25px;
	text-transform: uppercase;
	transition: .5s ease all;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.menu-btn a.mega-menu-link {
	background-color: var(--green);
	border-color: var(--dk-green);
	color: var(--dk-green);
	box-shadow: none!important;
	line-height: 1;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu {
	background-color: var(--gray);
	box-shadow: 0 2px 3px #777;
}

.html_elegant-blog .more-link {
	border-radius:50px!important;
		font-size: 1rem;
		padding: 10px 25px 10px 25px;
	text-transform: uppercase;
}
.html_elegant-blog .avia-content-slider .slide-meta {
	display:none;
}
#top .avia-slideshow-dots a.active {
	background: #19d19d;
}
#top .avia-slideshow-dots a.hover {
	background: #20bcef;
}
.menu-btn .avia-menu-text { 
	padding: 4px 20px 5px; 
	transition: .5s ease all;
}

@media (max-width: 1100px) {
	.menu-btn { padding: 0 10px!important; }
}

#top .avia-button.avia-size-small { font-size: 1rem; }
#top .avia-button.avia-size-medium { font-size: 1.2rem; }
#top .avia-button.avia-size-large { font-size: 1.5rem; }
#top .avia-button.avia-size-x-large { font-size: 1.75rem; }

#top .avia-button.avia-size-small:before, 
#top .avia-button.avia-size-medium:before,
#top .avia-button.avia-size-large:before,
#top .avia-button.avia-size-x-large:before, 
#top .avia-slideshow-button:before,
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.menu-btn a.mega-menu-link:before {
	content: '';
	position: absolute;
	width: 0;
	background-color: var(--button-alternate-bg);
	height: 100%;
	left: -10px;
	top: 0;
	transition: .5s ease all;
	transform: skew(-35deg);
	z-index: -1;
}

/** HOVER **/
#top .avia-button.avia-size-small:hover,
#top .avia-button.avia-size-medium:hover,
#top .avia-button.avia-size-large:hover, 
#top .avia-button.avia-size-x-large:hover, 
#top .gform_wrapper .gform_footer input.button:hover, 
#top .gform_wrapper .gform_footer input[type="submit"]:hover,
#top .avia-slideshow-button:hover,
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.menu-btn:hover a.mega-menu-link:hover {
	background-color: var(--button-alternate-bg);
	color: var(--button-alternate-text);
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.menu-btn:hover a.mega-menu-link:hover {
	background-color: transparent; 
}
#top .avia-button.avia-size-small:hover:before, 
#top .avia-button.avia-size-medium:hover:before,
#top .avia-button.avia-size-large:hover:before,
#top .avia-button.avia-size-x-large:hover:before, 
#top .avia-slideshow-button:hover:before,
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.menu-btn a.mega-menu-link:hover:before {
	width: calc(100% + 20px);
}
#top .avia-button .avia_button_icon.avia_button_icon_right {
    color: var(--green);
		margin-left: 20px;
}
#top .avia-button:hover .avia_button_icon.avia_button_icon_right {
    color: white;
}

/*********************************** MAIN BUTTONS (including forms & slider) *************************************/
#top .main_color .avia-button.avia-size-small, 
#top .main_color .avia-button.avia-size-medium, 
#top .main_color .avia-button.avia-size-large, 
#top .main_color .avia-button.avia-size-x-large, 
#top .main_color .gform_wrapper .gform_footer input.button, 
#top .main_color .gform_wrapper .gform_footer input[type="submit"],
#top .main_color .avia-slideshow-button {
	background-color: var(--button-primary-bg);
	color: var(--button-primary-text);

}


/** HOVER **/
#top .main_color .avia-button.avia-size-small:hover, 
#top .main_color .avia-button.avia-size-medium:hover,
#top .main_color .avia-button.avia-size-large:hover, 
#top .main_color .avia-button.avia-size-x-large:hover, 
#top .main_color .gform_wrapper .gform_footer input.button:hover, 
#top .main_color .gform_wrapper .gform_footer input[type="submit"]:hover,
#top .main_color .avia-slideshow-button:hover {
	background-color: var(--button-alternate-bg);
	color: var(--button-alternate-text);
}

/*********************************** ALTERNATE BUTTONS (including forms) *************************************/
#top .alternate_color .avia-button.avia-size-small, 
#top .alternate_color .avia-button.avia-size-medium, 
#top .alternate_color .avia-button.avia-size-large, 
#top .alternate_color .avia-button.avia-size-x-large, 
#top .alternate_color .gform_wrapper .gform_footer input.button, 
#top .alternate_color .gform_wrapper .gform_footer input[type="submit"] {
	background-color: var(--dk-green);
	color: white;
}

/** HOVER **/
#top .alternate_color .avia-button.avia-size-small:hover, 
#top .alternate_color .avia-button.avia-size-medium:hover, 
#top .alternate_color .avia-button.avia-size-large:hover, 
#top .alternate_color .avia-button.avia-size-x-large:hover,
#top .alternate_color .gform_wrapper .gform_footer input.button:hover, 
#top .alternate_color .gform_wrapper .gform_footer input[type="submit"]:hover {
	background-color: var(--button-alternate-bg);
	color: var(--button-alternate-text);
}

/*********************************** FOOTER BUTTONS (including forms) *************************************
#top .footer_color .avia-button.avia-size-small, 
#top .footer_color .avia-button.avia-size-medium,
#top .footer_color .avia-button.avia-size-large,
#top .footer_color .avia-button.avia-size-x-large, 
#top .footer_color .gform_wrapper .gform_footer input.button, 
#top .footer_color .gform_wrapper .gform_footer input[type="submit"] {
	background-color: var(--blue);
	color: var(--brand-black);
}

#top .avia-button.avia-size-small:before, 
#top .avia-button.avia-size-medium:before,
#top .avia-button.avia-size-large:before,
#top .avia-button.avia-size-x-large:before, 
#top .avia-slideshow-button:before,
#top .menu-btn .avia-menu-text:before {
	background-color: var(--green);	
}

/** HOVER **
#top .footer_color .avia-button.avia-size-small:hover, 
#top .footer_color .avia-button.avia-size-medium:hover, 
#top .footer_color .avia-button.avia-size-large:hover, 
#top .footer_color .avia-button.avia-size-x-large:hover,
#top .footer_color .gform_wrapper .gform_footer input.button:hover, 
#top .footer_color .gform_wrapper .gform_footer input[type="submit"]:hover {
	color: var(--brand-black);
}
#top .footer_color .gform_wrapper .gform_footer input.button:hover, 
#top .footer_color .gform_wrapper .gform_footer input[type="submit"]:hover {
	background-color: var(--green);	
}


/****************************************** BUTTON UTILITY CLASSES ******************************************/
a.button-rectangle, .button-rectangle .avia-button { border-radius: 0px !important; }
a.button-round-rectangle, .button-round-rectangle .avia-button { border-radius: 5px !important; }
a.button-pill, .button-pill .avia-button { border-radius: 200px !important; }
a.button-shadow, .button-shadow .avia-button { box-shadow: 0px 5px 10px gray; }
a.button-hard-shadow, .button-hard-shadow .avia-button { box-shadow: 0px 5px 0px gray; }
a.button-border, .button-border .avia-button { border: 2px solid var(--secondary-color) !important; }
a.button-offset-outline, .button-offset-outline .avia-button {
    box-shadow: 0px 0px 0px 2px var(--brand-white), 0px 0px 0px 4px var(--primary-color);
}
a.button-reverse, .button-reverse .avia-button {
	background-color: transparent !important;
	border: 2px solid var(--primary-color) !important;
	color: var(--primary-color) !important;
}



/****************************************** INPUTS ******************************************/
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #top label {
	font-size: 1.13rem;	
}

#top .main_color .input-text, #top .main_color input[type="text"], #top .main_color input[type="input"], #top .main_color input[type="password"], #top .main_color input[type="email"], #top .main_color input[type="number"], #top .main_color input[type="url"], #top .main_color input[type="tel"], #top .main_color input[type="search"], #top .main_color textarea, #top .main_color select {
	padding: 12px;
}

#top .footer_color .input-text, #top .footer_color input[type="text"], #top .footer_color input[type="input"], #top .footer_color input[type="password"], #top .footer_color input[type="email"], #top .footer_color input[type="number"], #top .footer_color input[type="url"], #top .footer_color input[type="tel"], #top .footer_color input[type="search"], #top .footer_color textarea, #top .footer_color select,
#top .footer_color .input-text::placeholder, #top .footer_color input[type="text"]::placeholder, #top .footer_color input[type="input"]::placeholder, #top .footer_color input[type="password"]::placeholder, #top .footer_color input[type="email"]::placeholder, #top .footer_color input[type="number"]::placeholder, #top .footer_color input[type="url"]::placeholder, #top .footer_color input[type="tel"]::placeholder, #top .footer_color input[type="search"]::placeholder, #top .footer_color textarea::placeholder, #top .footer_color select::placeholder {
	color: var(--brand-black);
}
#top .footer_color .input-text::placeholder, #top .footer_color input[type="text"]::placeholder, #top .footer_color input[type="input"]::placeholder, #top .footer_color input[type="password"]::placeholder, #top .footer_color input[type="email"]::placeholder, #top .footer_color input[type="number"]::placeholder, #top .footer_color input[type="url"]::placeholder, #top .footer_color input[type="tel"]::placeholder, #top .footer_color input[type="search"]::placeholder, #top .footer_color textarea::placeholder, #top .footer_color select::placeholder {
	opacity: .8;
}
 
/****************************************** FORMS ******************************************/
input[type="submit"], #submit, .button {
	padding: 11px 15px;
}

#top .gform_wrapper.gf_browser_ie .gform_footer input.button {
padding: 10px;
}

#top input[type="text"] {
	padding: 10px 6px;	
}

#top #s {
  height:41px;
}

#top .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0;
}

#top textarea {
	margin-bottom: 5px;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label {
    margin: 1px 0 25px 1px;
}

#top .gform_wrapper .gform_footer input.button, #top .gform_wrapper .gform_footer input[type="submit"], 
#top .gform_wrapper .gform_page_footer input.button, #top .gform_wrapper .gform_page_footer input[type="submit"] {
    font-size: 1rem;
    width: auto;
    margin: 0 16px 0 0;
}

/*********************************** BLOG *************************************/

/*********************BLOG TITLES SIZE***************/
#top #wrap_all .all_colors .avia-content-slider .slide-entry-title {
    font-size: 20px;
	text-transform: none;
}
.html_elegant-blog .av-vertical-delimiter {
    border-color: var(--blue);
}
#top #wrap_all .all_colors .footer_color h3, #top #wrap_all .all_colors .sidebar h3 {
font-size: 22px;
}

/****************************************************** MISC ********************************************/
#top .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide {
    border-radius: 50px;
	background: #19d19d;
	border: 1px var(--green) solid !important;
}
#top .small-preview {
    background-image: url(images/small-blog.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    border: 1px solid #f4f4f4;
}

.small-preview .iconfont {
    font-size: 0;
}

.avia-button.avia-size-large, .avia-button.avia-size-medium {
}
.avia-no-number {
    opacity: .6;
    color: var(--green);
}
#top .avia-content-slider .avia-slideshow-arrows a {
    top: 50%;
}
/*******LISTS WITH DIFFERENT COLORED BULLETS*****/
.entry-content-wrapper div li::marker {
	color: var(--green);
}
#top .main_color .avia-smallarrow-slider .avia-slideshow-dots a.active {
	background-color: var(--green);
}
/************************************ SOCIAL BUTTONS **************************************/

#top #wrap_all .social_bookmarks a {
	background-color: white;
	background-color: var(--brand-white);
	border-radius: 50%;
	font-size: 1rem;
	color: black;
	color: var(--brand-black);
	width: 30px;
	line-height: 1.9rem;
}

#top .social_bookmarks li {
	width: 30px;
	border-style: none;
}

#top .social_bookmarks {
    height: 30px;
}
#top .footer_color .widget li {
	display: inline-block;
}
#top .footer_color .widget ul {
	text-align: left;
}
#top .footer_color .av_font_icon a { transition: .75s ease opacity; }
#top .footer_color .av_font_icon a:hover { opacity: .5; }

/************************************ MEDIA QUERIES **************************************/

@media only screen and (min-width: 1300px) {
.avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title {
}
}
@media only screen and (max-width: 1030px) {

}

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

@media only screen and (max-width: 767px) {
	.responsive #scroll-top-link {
		display: block;
	}
.avia-slideshow-controls {
	display:none;
}
#top .avia-fullscreen-slider .avia-slideshow-controls a, #top .av-control-minimal .avia-slideshow-controls a {
    opacity: 0;
}
.responsive #top #footer .flex_column {
    margin-bottom: 0;
}
}

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

/************************************ UTILITIES **************************************/
.mt-0 { margin-top: 0rem!important }
.mt-1 { margin-top: 1rem!important }
.mt-2 { margin-top: 1.5rem!important }
.mt-3 { margin-top: 2rem!important }
.mt-4 { margin-top: 2.5rem!important }
.mt-5 { margin-top: 3rem!important }

.mb-0 { margin-bottom: 0rem!important }
.mb-1 { margin-bottom: 1rem!important }
.mb-2 { margin-bottom: 1.5rem!important }
.mb-3 { margin-bottom: 2rem!important }
.mb-4 { margin-bottom: 2.5rem!important }
.mb-5 { margin-bottom: 3rem!important }

.mx-0 { margin-left: 0rem!important; margin-right: 0rem!important }
.mx-1 { margin-left: 1rem!important; margin-right: 1rem!important }
.mx-2 { margin-left: 1.5rem!important; margin-right: 1.5rem!important }
.mx-3 { margin-left: 2rem!important; margin-right: 2rem!important }
.mx-4 { margin-left: 2.5rem!important; margin-right: 2.5rem!important }
.mx-5 { margin-left: 3rem!important; margin-right: 3rem!important }

.my-0 { margin-top: 0rem!important; margin-bottom: 0rem!important }
.my-1 { margin-top: 1rem!important; margin-bottom: 1rem!important }
.my-2 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important }
.my-3 { margin-top: 2rem!important; margin-bottom: 2rem!important }
.my-4 { margin-top: 2.5rem!important; margin-bottom: 2.5rem!important }
.my-5 { margin-top: 3rem!important; margin-bottom: 3rem!important }

.pt-0 { padding-top: 0rem!important }
.pt-1 { padding-top: 1rem!important }
.pt-2 { padding-top: 1.5rem!important }
.pt-3 { padding-top: 2rem!important }
.pt-4 { padding-top: 2.5rem!important }
.pt-5 { padding-top: 3rem!important }

.pb-0 { padding-bottom: 0rem!important }
.pb-1 { padding-bottom: 1rem!important }
.pb-2 { padding-bottom: 1.5rem!important }
.pb-3 { padding-bottom: 2rem!important }
.pb-4 { padding-bottom: 2.5rem!important }
.pb-5 { padding-bottom: 3rem!important }

.px-0 { padding-left: 0rem!important; padding-right: 0rem!important }
.px-1 { padding-left: 1rem!important; padding-right: 1rem!important }
.px-2 { padding-left: 1.5rem!important; padding-right: 1.5rem!important }
.px-3 { padding-left: 2rem!important; padding-right: 2rem!important }
.px-4 { padding-left: 2.5rem!important; padding-right: 2.5rem!important }
.px-5 { padding-left: 3rem!important; padding-right: 3rem!important }

.py-0 { padding-top: 0rem!important; padding-bottom: 0rem!important }
.py-1 { padding-top: 1rem!important; padding-bottom: 1rem!important }
.py-2 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important }
.py-3 { padding-top: 2rem!important; padding-bottom: 2rem!important }
.py-4 { padding-top: 2.5rem!important; padding-bottom: 2.5rem!important }
.py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important }

.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }

/****************** SLIDER HERO TEMPLATES ********************/

/** Make all full-width slider content wider **/
.avia-fullwidth-slider:not(.hero-box-to-edge) .slideshow_caption { 
	padding-left: 20px;
	padding-right: 0;
	width: 60%;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.avia-fullwidth-slider:not(.hero-box-to-edge) .slideshow_caption { 
		width: 100%;
	}	
}


/** Basic Color Overlay Hero **/
.hero-color-overlay .avia-caption-title { 
	position: relative; 
	padding: 25px;
	margin: 25px;
}
/** Line under the Attention Getter **/
.hero-color-overlay .avia-caption-title:after {
	border-radius: 500px;
	content: '';
	height: 4px;
	width: 150px;
	background-color: var(--secondary-color);
	position: absolute;
	bottom: 0px;
    left: calc(50% - 75px);
}


/** Drop Shadow on Title and Caption content Hero **/
.hero-text-drop-shadow .avia-caption-title {
	text-shadow: 3px 3px 3px var(--brand-black);
}
.hero-text-drop-shadow .avia-caption-content {
	text-shadow: 1px 1px 3px var(--brand-black);
}

/** Add a transparent caption box on mobile **/
@media screen and (max-width: 1030px) {
	.hero-side-action .slideshow_inner_caption, 
	.hero-photo-cutout-graphics .slideshow_inner_caption {
		display: flex;
		align-items: center;
	}
	/** Dark transparent caption box on mobile **/
	.hero-side-action .slideshow_inner_caption .slideshow_align_caption { 
		background-color: rgba(0, 0, 0, 0.5);
		padding: 30px!important;
		color: var(--brand-white);
	}
	/** Light transparent caption box on mobile **/
	.hero-photo-cutout-graphics .slideshow_inner_caption .slideshow_align_caption { 
		background-color: rgba(250, 250, 250, 0.7);
		padding: 30px!important;
		color: var(--brand-white);
	}
	
}

/** Caption is in a full-height colored box
 * probably change the bg color in the media query to an rgba version of the main color you use **/
.hero-box-to-edge .slideshow_caption { 
	background-color: var(--primary-color);
}
@media screen and (max-width: 767px) {
	.hero-box-to-edge .slideshow_caption { 
		background-color: rgba(0, 0, 0, 0.5);
		padding: 0 30px!important;
	}
}

/** Caption is in semi-transparent box **/
.hero-box-text-transparency .slideshow_inner_caption {
	display: flex;
	align-items: center;
}
.hero-box-text-transparency .slideshow_inner_caption .slideshow_align_caption {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 30px;
}

/*** SVG Background behind caption ***/
.hero-box-text-svg-bg .slideshow_inner_caption {
	display: flex;
	align-items: center;
}
.hero-box-text-svg-bg .slideshow_caption {
	background-image: url('/wp-content/uploads/2022/06/graphic-bg-responsive.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.hero-box-text-svg-bg .av_slideshow_full li img {
	filter: grayscale(100%);
	}
.responsive #top .hero-box-text-svg-bg .slideshow_caption {
	padding: 40px;
}
#top .hero-box-text-svg-bg .avia-slideshow-button {
	margin-top: -20px;
}

/** Title text is highlighted **/
.hero-highlighted-text .avia-caption-title {
    background-color: var(--primary-color);
    display: inline;
    line-height: 1.45!important;
    padding: 5px 20px;
    -moz-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/** Style a single word differently
 * must wrap that content in <span class="different"></span> **/
.hero-different-word .different {
	color: var(--secondary-color);
}

/** Partial gradient background **/
.gradient-background li .avia-slide-wrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gradient-background.gradient-ltr li .avia-slide-wrap:after {
	background-image: linear-gradient(90deg, var(--primary-color) 10%, transparent 80%);
}
.gradient-background.gradient-rtl li .avia-slide-wrap:after {
	background-image: linear-gradient(90deg, transparent 20%, var(--primary-color) 90%);
}
#top .main_color .gradient-background li .avia-slide-wrap .avia-slideshow-button {
	background-color: var(--secondary-color);
}
#top .main_color .gradient-background li .avia-slide-wrap .avia-slideshow-button:hover {
	background-color: var(--primary-color);
}
@media screen and (max-width: 767px) {
	.gradient-background.gradient-ltr li .avia-slide-wrap:after {
		background-image: linear-gradient(90deg, var(--primary-color) 30%, transparent 100%);
	}
	.gradient-background.gradient-rtl li .avia-slide-wrap:after {
		background-image: linear-gradient(90deg, transparent 0%, var(--primary-color) 60%);
	}

}

/*** Image Cutout Overlap ***/
.image-cutout-overlap {
	background-image: linear-gradient(0deg, var(--tertiary-color) 90%, transparent 90%);
}
.image-cutout-overlap.cutout-image-right li .avia-slide-wrap img {
	max-width: 300px;
	margin-right: 0;
}
.image-cutout-overlap.cutout-image-left li .avia-slide-wrap img {
	max-width: 300px;
	margin-left: 0;
}
.image-cutout-overlap .av-slideshow-caption { padding-top: 20px; }

@media screen and (max-width: 767px) {
	.image-cutout-overlap {
		background-image: linear-gradient(0deg, var(--tertiary-color) 100%, transparent 0%);
	}
	.image-cutout-overlap .avia-slide-wrap { padding-top: 450px; }
	.image-cutout-overlap .av-slideshow-caption { margin-top: -500px; }
}


/** Overlay for column with background image **/
.background-overlay { position: relative; }
.background-overlay:before { 
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--primary-color);
	position: absolute; 
	visibility: visible;
	opacity: .3;
}
.background-overlay div, .background-overlay section { position: relative; z-index: 10; }


/** Misc Avia things ***/
.main_color .avia-icon-list .iconlist_icon,
.alternate_color .avia-icon-list .iconlist_icon,
.footer_color .avia-icon-list .iconlist_icon {
	background-color: var(--green);
}
.socket_color .avia-icon-list .iconlist_icon { background-color: var(--dk-green); }


/** MAX MEGA MENU EDITS **/
#top #header_main .inner-container {
	display: flex;
}
#top .main_menu {
	display: flex;
  	justify-content: right;
 	align-items: center;
  	width: 100%;
	pointer-events: none;
}
#top .mega-menu-item-type-widget.widget_media_image {
	padding-right: 0!important;
}
#mega-menu-wrap-avia #mega-menu-avia li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
	color: var(--blue)
}
@media only screen and (max-width: 989px) {
  .responsive.html_mobile_menu_tablet .av-burger-menu-main {
    display: none!important;
  }
}
.mega-toggle-block { margin-top: 3rem; }
#mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
	background-color: var(--dk-green);
}
#mega-menu-wrap-avia #mega-menu-avia li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { 
	display: flex;
	justify-content: center;
	align-items: center;
}
.mega-menu-item.widget_media_image a { display: flex; }
.mega-menu-item.widget_media_image a img {
	transition: .5s ease all;
}
.mega-menu-item.widget_media_image a:hover img,
.enforce-pro:has(+ .enforce-pro:hover) img,
.process-pro:has(+ .process-pro:hover) img,
.permit-pro:has(+ .permit-pro:hover) img,
.rewards-pro:has(+ .rewards-pro:hover) img,
.customers:has(+ .customers:hover) img,
.integrations:has(+ .integrations:hover) img,
.story-values:has(+ .story-values:hover) img,
.meet-team:has(+ .meet-team:hover) img,
.resources:has(+ .resources:hover) img{
  	transform: rotateY(360deg);
}

#top .mega-sub-menu .mega-menu-item .mega-menu-link {
	position: relative;
}
#top .mega-sub-menu .mega-menu-item .mega-menu-link:before {
	content: '';
	position: absolute!important;
	width: 10px!important;
	background-color: var(--blue)!important;
	height: 0!important;
	top: 0!important;
	left: -4px;
	visibility: visible;
	display: block;
	opacity: .8;
	z-index: -1;
	transition: .5s ease all;
}
#top .mega-sub-menu .mega-menu-item .mega-menu-link:hover:before {
	height: 100%!important;
}

.mega-menu-link .mega-description-group .mega-menu-title { color: var(--dk-green); }

@media (max-width: 1000px) {
	#mega-menu-wrap-avia #mega-menu-avia li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu .break-column > ul.mega-sub-menu {
		display: block;
	}
	.break-column > ul.mega-sub-menu .widget_media_image img { width: auto; }
}


/** TABS ***/
#top a.av-section-tab-title {
	padding: 10px 0px 0px 20px;
}

#top a.av-section-tab-title .av-inner-tab-title { 
	width: unset; 
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	position: relative;
	letter-spacing: 1px;
}
#top a.av-section-tab-title .av-inner-tab-title:after {
	content: '';
	font-family: 'entypo-fontello';
	position: absolute;
	right: 0;
}
#top a.av-section-tab-title .av-outer-tab-title {
	border: 1px solid #ccc;
	box-shadow: 0 0 4px #ccc;
  	border-radius: 50px;
  	padding: 10px 20px;
  	min-width: 175px;
	transition: .5s ease all;
}
#top a.av-section-tab-title:hover .av-outer-tab-title {
	border-color: var(--blue);
	box-shadow: 0 0 4px var(--blue);
}
#top a.av-section-tab-title:hover .av-inner-tab-title:after { color: var(--blue); }

#top a.av-section-tab-title.av-active-tab-title .av-outer-tab-title {
	border-color: var(--green);
	box-shadow: 0 0 4px var(--green);
}
#top a.av-section-tab-title.av-active-tab-title .av-inner-tab-title:after { color: var(--green); }

#top .avia-logo-element-container img, #top .avia-logo-element-container .av-partner-fake-img { 
	filter: grayscale(1); 
	transition: .5s ease all;
	opacity: .5;
}
#top .avia-logo-element-container img:hover, #top .avia-logo-element-container .av-partner-fake-img:hover { 
	filter: grayscale(0); 
	opacity: 1;
}

#scroll-top-link {
	display: block;
	right: 20px;
	bottom: 85px;
}

.gradient-pill-bg .container {
	position: relative;
}
.gradient-pill-bg .container:before {
	content: '';
	position: absolute;
	border-radius: 25px;
	background-image: linear-gradient(-90deg, var(--blue), var(--green));
	width: 100%;
	left: 0;
	bottom: 0;
	height: 50%;
	visibility: visible;
}
.gradient-pill-bg .container .content { padding-bottom: 0; }
@media (max-width: 1210px) {
	.gradient-pill-bg .container:before {
		height: 70%;
	}
}
@media (max-width: 950px) {
	.gradient-pill-bg .container:before {
		height: 80%;
	}
}
@media (max-width: 850px) {
	.gradient-pill-bg .container:before {
		height: 100%;
	}
}
@media (max-width: 767px) {
	.gradient-pill-bg .container:before {
		width: calc(100% + 20px);
		left: -10px;
		height: 100%;
	}
}

#top #mega-menu-avia { display: flex; }
#menu-item-search {
	display: flex;
	align-items: center;
	margin-left: 1rem;
}


.fancy-img, .fancy-img-rectangle {
	position: relative;
}
.fancy-img img {
	border-radius: 50%;
}
.fancy-img img, .fancy-img-rectangle img {
	border: 3px solid var(--green);
}
.fancy-img:before, .fancy-img:after {
	content: '';
	position: absolute;
}
.fancy-img:before {
	background-image: url('/wp-content/uploads/2025/01/blob-photo-4-park-loyalty.png');	
	background-size: contain;
	height: 110%;
  	width: 100%;
  	background-repeat: no-repeat;
  	top: -5%;
  	left: 0;
  	background-position: center;
}
.fancy-img.blob2:before {
	background-image: url('/wp-content/uploads/2025/01/blob-photo-background.png');
}
.fancy-img.blob3:before {
	background-image: url('/wp-content/uploads/2025/01/blob-photo-bg-3-park-loyalty.png');
}
.fancy-img.blob4:before {
	background-image: url('/wp-content/uploads/2025/01/blob-photo-bg-park-loyalty.png');
}
.fancy-img:after {
	width: 90%;
	height: 100px;
	background-color: var(--blue);
	mix-blend-mode: multiply;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
}
.fancy-img-rectangle:after {
	content: '';
	width: 100px;
	height: 400px;
	background-color: var(--blue);
	mix-blend-mode: multiply;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.fancy-img-rectangle.rotate-bar:after {
	transform: rotate(90deg);
	top: unset;
	bottom: -20%;
}

#top #logos-tabs .gallery-item, #top #logos-tabs .gallery-item img {
	width: 150px;
	height: 150px;
	margin-right: 25px;
}
#top #logos-tabs .gallery br { display: none; }
.js_active .tab_content { overflow-y: hidden!important; }
@media only screen and (max-width: 767px) {
  .responsive #top .main_color .tabcontainer .active_tab {
    background-color: var(--dk-green);
  }
}

.avia-link-column {
	transition: .5s ease all;
	top: 0;
}
.avia-link-column:hover { top: -10px; }