/*
Theme Name: Innovatl 2025
Author: Modo Modo Agency
Author URI: https://modomodoagency.com
Description: Customized theme created for Metro Atlanta Chamber.
*/
:root {
  --blue-color: #0000FF;
  --green-color: #04F887;
  --black-color: #0F232E;
  --grey-color: #DBE2E9;
  --primary-font: "League Spartan", sans-serif;
}
html {
	background-color: var(--black-color);
}
body {
	font-family: var(--primary-font);
	color: var(--black-color);
	max-width: 1600px;
	margin: 0 auto;
}
h1, 
h2,
h4,
h5 {
	font-weight: bold;
}
h3,
h6 {
	font-weight: regular;
}
h1,
.h1 {
  font-size: 2.7rem;
  line-height: 0.95;
}
h2,
.h2 {
  font-size: 2rem;
  letter-spacing: -1.2px;
  line-height: 0.95;
}
h3,
.h3 {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.2;
}
h4,
.h4 {
  font-size: 1.5rem;
  line-height: 1.2;
}
h5,
.h5 {
  font-size: 1.25rem;
  line-height: 1.3;
}
h6,
.h6 {
  font-size: 1.25rem;
  line-height: 1.3;
}
@media (min-width: 767px) and (max-width: 1199px) {
  h1,
  .h1 {
	  font-size: 4.5rem;
	  line-height: 0.9;
  }
}
@media (min-width: 1200px) {
  h1,
  .h1 {
	  font-size: 6.125rem;
	  letter-spacing: -2.72px;
	  line-height: 0.9;
  }
  h2,
  .h2 {
	  font-size: 3.25rem;
	  letter-spacing: -2.72px;
	  line-height: 0.92;
  }
  h3,
  .h3 {
	  font-size: 2rem;
	  line-height: 1.086;
  }
  h4,
  .h4 {
	  font-size: 1.625rem;
	  line-height: 1;
  }
  h5,
  .h5 {
	  font-size: 1.375rem;
	  line-height: 1.1;
  }
  h6,
  .h6 {
	  font-size: 1.375rem;
	  line-height: 1.1;
  }
}
.xl {
	font-size: 1.875rem;
}
p.lg {
	font-size: 1.5rem;
}
p {
	font-size: 1.375rem;
	line-height: 1.3;
}
p.sm {
	font-size: 1.25rem;
}
p.xs {
	font-size: 1.125rem;
}
small {
	font-size: 0.815rem;
}
@media (max-width: 1199px) {
	.xl {
		font-size: 1.3rem;
	}
	p.lg {
		font-size: 1.2rem;
	}
	p {
		font-size: 1rem;
	}
	p.sm {
		font-size: 0.95rem;
	}
	p.xs {
		font-size: 0.9rem;
	}

}
.text-blue {
	color: var(--blue-color);
}
.text-green {
	color: var(--green-color);
}
.text-grey {
	color: var(--grey-color);
}
.text-black {
	color: var(--black-color);
}
.bg-blue {
	background-color: var(--blue-color);
}
.bg-grey {
	background-color: var(--grey-color);
}
.bg-black {
	background-color: var(--black-color) !important;
}
.z-3 {
	z-index: 3 !important;
}
.z-4 {
	z-index: 4 !important;
}
.z-5 {
	z-index: 5 !important;
}
.social-icon {
	background-color: var(--green-color);
	border-radius: 50%; 
	padding: 8px 10px;
}
.btn {
	font-size: 1rem;
	padding: 0.5rem 2rem;
	font-weight: bold;
	text-transform: uppercase;
}
.btn-dark {
	background-color: var(--black-color);
}
.btn-green {
	background-color: var(--green-color);
}
.btn-green:hover {
	background-color: var(--green-color);
	opacity: 0.8;
}
.btn-filter {
	color: #FFFFFF;
	background-color: #3F4F58;
}
.btn-filter--selected,
.btn-filter:hover {
	color: var(--black-color);
	background-color: var(--grey-color);
}
.btn-outline-secondary {
	border-color: var(--black-color) !important;
	border-width: 2px !important;
	color: var(--black-color);
}
.btn-outline-secondary:hover {
	background-color: var(--black-color);
}
.btn-outline-secondary.disabled {
	background-color: #cccfd2 !important;
}
nav a {
	font-size: 1.25rem;
	text-decoration: none;
}
@media (max-width: 767px) {
	nav a {
		font-size: 0.8rem;
	}
}
.header__bg {
	animation: blur 20s linear infinite;
}
@keyframes blur {
	0% { filter: blur(20px); }
	50% { filter: blur(0px); }
	100% { filter: blur(20px); }
}
.border-bottom--dotted-blue {
	border-bottom: 4px dotted var(--blue-color) !important;
}
.border-bottom--dotted-green {
	border-bottom: 4px dotted var(--green-color) !important;
}
.border--green {
	border-color: var(--green-color) !important;
}
#innovatl-recap {
	background-image: url('img/innovatl-event-recap.jpg');
	background-repeat: no-repeat;background-size: cover;
}
@media (min-width: 768px) {
	#innovatl-recap {
		clip-path: polygon(0% 0%, 100% 16%, 100% 100%, 0% 83%);
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
[class^="innovatl-atlanta-"],
.img-eventless { 
	pointer-events: none;
}
@media (max-width: 991px) {
	#innovatl-logo {
		width: 280px;
	}
}
@media (max-width: 766px) {
	.scrolling {
		padding-top: 0 !important;
	}
}
.scrolling #innovatl-logo {
	width: 210px;
}
.placeholder {
	height: 94px;
}
.event p a {
	color: var(--blue-color) !important;
	text-decoration: none;
}
.innovatl-atlanta-1 {
	animation: city1 20s linear infinite;
}
@keyframes city1 {
	0% { width: 100%; }
	50% { width: 90%; }
	100% { width: 100%; }
}
.innovatl-atlanta-2 {
	animation: city2 20s linear infinite;
}
@keyframes city2 {
	0% { width: 100%; }
	50% { width: 80%; }
	100% { width: 100%; }
}
.innovatl-atlanta-3 {
	animation: city3 20s linear infinite;
}
@keyframes city3 {
	0% { width: 100%; }
	50% { width: 75%; }
	100% { width: 100%; }
}
.innovatl-atlanta-4 {
	animation: city4 20s linear infinite;
}
@keyframes city4 {
	0% { width: 100%; }
	50% { width: 70%; }
	100% { width: 100%; }
}
.city {
	height: 420px;
	bottom: 30px;
}
@media (max-width: 767px) {
	.city {
		height: 340px;
		bottom: 0px;
	}
}
@media (min-width: 1200px) {
	.city {
		height: 610px;
		bottom: 150px;
	}
}
.flip {
  display: inline-block;
  animation: flip 0.6s forwards;
}
@keyframes flip {
  0% {
    transform: rotateX(0);
    opacity: 1;
  }
  50% {
    transform: rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
.marquee {
  background-color: var(--blue-color);
}
.marquee__track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 80s linear infinite;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (min-width: 992px) {
	.reach-out {
		margin-bottom: -10vw;
	}
}
@media (min-width: 1200px) {
	.reach-out {
		margin-bottom: -20vw;
	}
}
@media (max-width: 766px) {
	.innovatl-benefit {
		width: 120px;
	}
}
#overview,
#events,
#for-hosts,
#contact {
	scroll-margin-top: 94px;
}
.modal-header {
	border-bottom: 0;
}
.gform_wrapper h2 {
	letter-spacing: 0;
}
.gform_required_legend {
	font-size: 0.9rem;
}
.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 600 !important;
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
	font-size: 1rem;
	border-radius: 50rem;
	color: #FFFFFF;
	padding: 0.5rem 2rem;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	background-color: var(--black-color);
}
.gchoice {
	margin-right: 0.5rem;
	display: inline-block;
}