/* Teq Custom Rules v5.0 */
.pointer:hover { 
  cursor: hand !important;
  transform:scale(1.05) !important;
  display:block;
  transition: all .25s ease-in-out !important;
  
	  
}
.pointer { 
  cursor: pointer !important;
  width: 100% !important;
	display:block;
  transition: all .25s ease-in-out !important;
	  z-index: 1000;
}
strong {
  font-weight: 600 !important;
}
.modal-dialog {
  max-width: 80% !important;
}
.home-intro {
  font-family: "Salsa", cursive !important;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.125;
  margin-top: 7rem;
  margin-bottom: 3rem;
  text-shadow: 1px 1px #FFFFFF;
  color: #000000;
}
.home-feature-spacer {
  padding-top: 225px;
}
.home-sub-title{
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.5rem;
  color: #000000 !important;	
}
.salsa-font {
  font-family: "Salsa", cursive !important;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
}
.salsa-h1 {
  font-family: "Salsa", cursive !important;
  font-weight: 800 !important;
  font-size: 3em !important;
  color: #01b1e3 !important;
  text-transform: uppercase !important;
}
.sub-heading {
  font-family: "Luckiest Guy", cursive !important;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  color: #01b1e3 !important;
  line-height: .9em !important;
}
.intro-heading {
  font-family: "Luckiest Guy", cursive !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 3.5rem;
  text-transform: uppercase;
  color: #01b1e3 !important;
  line-height: .9em !important;
}
.arvr-heading {
  font-family: "Luckiest Guy", cursive !important;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  color: #54a396 !important;
  line-height: .9em !important;
}
.arvr-button {
  font-weight: 800 !important;
  font-style: normal;
  background-color: #54a396 !important; 
  color: #ffffff !important;
  line-height: .9em !important;
  padding: 6px 32px;
  border-radius: 72px;
}
.arvr-button:hover {
  font-weight: 800 !important;
  font-style: normal;
  background-color: #0DC0A3 !important; 
  color: #ffffff !important;
  line-height: .9em !important;
  padding: 6px 32px;
  margin-bottom: 1px;
  border-radius: 72px;
  text-decoration: none !important;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.stem-heading {
  font-family: "Luckiest Guy", cursive !important;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  color: #e2af4f !important;
  line-height: .9em !important;
}
.stem-button {
  font-weight: 800 !important;
  font-style: normal;
  background-color: #e2af4f !important; 
  color: #ffffff !important;
  line-height: .9em !important;
  padding: 6px 32px;
  border-radius: 72px;
}
.stem-button:hover {
  font-weight: 800 !important;
  font-style: normal;
  background-color: #FCBA3E !important; 
  color: #ffffff !important;
  line-height: .9em !important;
  padding: 6px 32px;
  margin-bottom: 1px;
  border-radius: 72px;
  text-decoration: none !important;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.move-heading {
  font-family: "Luckiest Guy", cursive !important;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  color: #f67165 !important;
  line-height: .9em !important;
}
.move-button {
  font-weight: 800 !important;
  font-style: normal;
  background-color: #f67165 !important; 
  color: #ffffff !important;
  line-height: .9em !important;
  padding: 6px 32px;
  border-radius: 72px;
}
.move-button:hover {
  font-weight: 800 !important;
  font-style: normal;
  background-color: #FF6355 !important; 
  color: #ffffff !important;
  line-height: .9em !important;
  padding: 6px 32px;
  margin-bottom: 1px;
  border-radius: 72px;
  text-decoration: none !important;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.gray-body-h1 {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 3em ;
  color: #839598 !important;
}


.July_BG_Fade {
  background: rgb(194, 236, 230);
  background: -moz-linear-gradient(0deg, rgba(194, 236, 230, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: -webkit-linear-gradient(0deg, rgba(194, 236, 230, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: linear-gradient(0deg, rgba(194, 236, 230, 1) 0%, rgba(236, 239, 238, 1) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2ece6", endColorstr="#ecefee", GradientType=1);
}
.August_BG_Fade {
  background: rgb(181, 221, 237);
  background: -moz-linear-gradient(0deg, rgba(181, 221, 237, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: -webkit-linear-gradient(0deg, rgba(181, 221, 237, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: linear-gradient(0deg, rgba(181, 221, 237, 1) 0%, rgba(236, 239, 238, 1) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5dded", endColorstr="#ecefee", GradientType=1);
}
.September_BG_Fade {
  background: rgb(224, 208, 241);
  background: -moz-linear-gradient(0deg, rgba(224, 208, 241, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: -webkit-linear-gradient(0deg, rgba(224, 208, 241, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: linear-gradient(0deg, rgba(224, 208, 241, 1) 0%, rgba(236, 239, 238, 1) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0d0f1", endColorstr="#ecefee", GradientType=1);
}
.October_BG_Fade {
  background: rgb(239, 200, 236);
  background: -moz-linear-gradient(0deg, rgba(239, 200, 236, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: -webkit-linear-gradient(0deg, rgba(239, 200, 236, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: linear-gradient(0deg, rgba(239, 200, 236, 1) 0%, rgba(236, 239, 238, 1) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efc8ec", endColorstr="#ecefee", GradientType=1);
}
.November_BG_Fade {
  background: rgb(240, 187, 214);
  background: -moz-linear-gradient(0deg, rgba(240, 187, 214, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: -webkit-linear-gradient(0deg, rgba(240, 187, 214, 1) 0%, rgba(236, 239, 238, 1) 40%);
  background: linear-gradient(0deg, rgba(240, 187, 214, 1) 0%, rgba(236, 239, 238, 1) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0bbd6", endColorstr="#ecefee", GradientType=1);
}
.December_BG_Fade {
  background: rgb(236,239,238);
  background: -moz-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,179,179,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,179,179,1) 100%);
  background: linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,179,179,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecefee",endColorstr="#ffb3b3",GradientType=1); 
}
.January_BG_Fade {
  background: rgb(236,239,238);
  background: -moz-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,195,163,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,195,163,1) 100%);
  background: linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,195,163,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecefee",endColorstr="#ffc3a3",GradientType=1);  
}
.February_BG_Fade {
  background: rgb(236,239,238);
  background: -moz-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,237,165,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,237,165,1) 100%);
  background: linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(255,237,165,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecefee",endColorstr="#ffeda5",GradientType=1);  
}
.March_BG_Fade {
  background: rgb(236,239,238);
  background: -moz-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(235,255,174,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(235,255,174,1) 100%);
  background: linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(235,255,174,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecefee",endColorstr="#ebffae",GradientType=1);  
}
.April_BG_Fade {
  background: rgb(236,239,238);
  background: -moz-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(157,255,157,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(157,255,157,1) 100%);
  background: linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(157,255,157,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecefee",endColorstr="#9dff9d",GradientType=1);  
}
.May_BG_Fade {
  background: rgb(236,239,238);
  background: -moz-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(168,255,223,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(168,255,223,1) 100%);
  background: linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(168,255,223,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecefee",endColorstr="#a8ffdf",GradientType=1);  
}
.June_BG_Fade {
  background: rgb(236,239,238);
  background: -moz-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(172,242,255,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(172,242,255,1) 100%);
  background: linear-gradient(180deg, rgba(236,239,238,1) 60%, rgba(172,242,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecefee",endColorstr="#acf2ff",GradientType=1); 
}

#intro {
  position: relative;
  background-image: url("../../inc/images/Teq_Squad_Home_Header_BG.jpg");
  min-height: fit-content;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_calendar {
  position: relative;
  background-image: url("../../inc/images/Calendar_Header_BG.jpg");
  min-height: 85vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#about_us {
  position: relative;
  background-image: url("../../inc/images/About_Us_Header_BG.jpg");
  min-height: 65vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_gallery {
  position: relative;
  background-image: url("../../inc/images/Gallery_Header_BG.jpg");
  min-height: 70vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_packages {
  position: relative;
  background-image: url("../../inc/images/Experiences_Header_BG.jpg");
  min-height: 55vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.light-gray-container {
	background-color: #f4f7fb !important;
	margin-top: -5vh;
}
.light-gray-container-calendar {
	background-color: #f4f7fb !important;
	margin-top: -45vh;
}
.light-gray-container-about {
	background-color: #f4f7fb !important;
	margin-top: -5vh;
}
.light-gray-container-gallery {
	background-color: #f4f7fb !important;
	margin-top: -5vh;
}
.light-gray-container-packages {
	background-color: #f4f7fb !important;
	margin-top: -5vh;
}
a {
  text-decoration: none !important;
  color: #01b1e3 !important;
}
a:hover {
  text-decoration: underline !important;
}
ul {
  list-style: none !important;
}
.fixed-top {
  position: fixed !important;
}
.navbar {
  /*   z-index should be above .close-navbar-toggler */
  z-index: 25;
}
.nav-item {
  font-weight: 500 !important;
  padding-right: 36px !important;
}
.navbar-dark-trans-bg {
  background-color: rgba(0, 0, 0, 0.70);
  top: 0px !important;
}
.navbar-dark-trans-bg-ntm {
  background-color: rgba(0, 0, 0, 0.70);
  z-index: 500;
}
.nav-spacer {
  margin-top: 128px !important;
}


.cool-grey-background {
  background-color: #E1E1EB;
}
.top-secondary-nav-text {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600 !important;
  color: #000000;
  font-size: 13px !important;
  padding-left: 8px;
  padding-right: 8px;
}
.top-secondary-nav-text:hover {
  color: #000000 !important;
  margin-top: 3px;
  border-bottom: thick darkturquoise solid;
}
.top-secondary-nav-dropdown-text {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600 !important;
  color: #000000;
  font-size: 13px !important;
  padding-left: 8px;
  padding-right: 8px;
}
.top-nav-text {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-right: 32px;
}
.top-nav-text:active {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-right: 32px;
}
.features-callout-boxes {
  border-width: 1px;
  border-color: rgb(187, 186, 187);
  border-style: solid;
  background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0px 10px 11px 0px rgba(0, 0, 0, 0.07);
  padding: 24px;
  z-index: 4;
}
.july-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #12d5c3;
}
.august-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #5d6eef;
}
.september-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #c23cff;
}
.october-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #ff0fe0;
}
.november-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #ff0f80;
}
.december-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #fe4444;
}
.january-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #fe8544;
}
.february-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #ffda44;
}
.march-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #d1ff44;
}
.april-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #44ff44;
}
.may-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #44ffbb;
}
.june-title {
  font-family: 'Roboto', 'Helvetica', Sans !important;
  font-weight: 600;
  font-size: 4rem;
  line-height: 2rem;
  letter-spacing: -.1rem;
  color: #44e2ff;
}
.grey-hr {
  border-bottom: #e1e1eb 4px solid;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
button {
  font-size: .9rem;
  font-weight: 500;
  position: relative;
  margin: auto;
  padding: .5rem 2.75rem;
  border: none;
  background: rgba(0, 0, 0, 0.00);
  transition: all 0.1s linear;
}
button:active {
  transform: scale(0.95);
}
button span {
  color: #ffffff;
}
.button-secondary {
  font-size: .9rem;
  font-weight: 500 !important;
  position: relative;
  margin: auto;
  padding: 3px 24px;
  border: none;
  background: rgba(0, 0, 0, 0.00);
  color: #ffffff;
  transition: all 0.1s linear;
}
.button-secondary:active {
  transform: scale(0.95);
}
.button-secondary span {
  color: #ffffff;
}

.full-rounded {
  border-radius: 2em;
}
#one_vendor {
  position: relative;
  background-image: url("../../inc/images/kid_group_bg.jpg");
  min-height: 55vh;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

ul.dd-menu-4-col {
  column-count: 4;
  list-style: none;
  color: #ffffff;
  text-decoration: none;
}
ul.dd-menu-3-col {
  column-count: 3;
  list-style: none;
  color: #ffffff;
  text-decoration: none;
}
footer.site-footer {
  position: relative;
  z-index: 10;
  margin-top: -1rem;
  background-color: rgb(70, 70, 70);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
footer.site-footer div.site-info {
  padding: 1.2rem 3rem;
}
.footer-text {
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  font-weight: 200 !important;
  font-size: 1.5rem;
  color: #ffffff;
  text-transform: none !important;
}
.footer-disclaimer {
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  font-weight: 200;
  font-size: .75rem;
  color: #ffffff;
  line-height: 1rem;
}
.footer-nav {
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  font-weight: 200;
  font-size: 1rem;
  color: #ffffff !important;
  text-decoration: none
}
a:hover.footer-nav {
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  font-weight: 400 !important;
  font-size: 1rem;
  color: #ffffff !important;
  text-decoration: none;
}
.condensed-text {
  font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, san-serif !important;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 1rem;
}

footer.site-footer div.site-info ul.footer-menu {
  column-count: 2;
  list-style: none;
  padding-left: 0;
  color: #ffffff;
  text-decoration: none;
}
footer.site-footer div.site-info p, footer.site-footer div.site-info li {
  font-weight: 300;
  font-size: 1rem;
}
footer.site-footer div.site-info p {
  margin-left: .48rem;
}
footer.site-footer div.site-info p span {
  opacity: 0.48;
}
ul.footer-menu li > a {
  margin-right: 12px;
}
ul.footer-menu li > a:hover {
  font-weight: 500;
}
footer.site-footer div.hbspt-form form {
  width: 100%;
  padding: 0 0;
}
footer.site-footer div.hbspt-form form div.input {
  padding: 0 8px 0 0;
  border: none !important;
}
footer.site-footer div.hbspt-form div.hs-form-field > label {
  display: none;
}
footer.site-footer div.hbspt-form form div.input input, footer.site-footer div.hbspt-form form div.input select, footer.site-footer form div.hs-submit input[type=submit].hs-button {
  height: calc(2.2rem + 3px);
  width: 96%;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.5em - 1px);
  padding-right: calc(0.5em - 1px);
  padding-top: calc(0.375em - 1px);
  background-color: #B5B5B5;
  border-radius: 3px;
  border: none;
  box-shadow: none;
}
footer.site-footer div.hbspt-form form div.input select {
  width: 100% !important;
  padding-left: 18px;
}
footer.site-footer form ul.hs-error-msgs li > label.hs-error-msg {
  padding: .48rem;
  font-weight: 700;
  font-size: .75rem;
  color: #A7A7A7;
}
footer.site-footer form div.hs-submit input[type=submit].hs-button {
  margin-top: 0px !important;
  background-color: black;
  color: white;
  font-size: .9rem;
}
footer.site-footer form div.hs-submit input[type=submit].hs-button:hover {
  background-color: #01b1e3;
  color: white;
}
.teqsquad-book-closed {
  background: #bcc8be;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button {
  background: #ffffff;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 18px 24px;
  border-radius: 2em;
  color: #000000;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
}
.teqsquad-book-button:hover {
  margin-bottom: 1px;
  color: darkturquoise !important;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-september {
  background: #c23cff;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-september:hover {
  margin-bottom: 8px 1px;
  background: #CB5BFF;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-october {
  background: #ff0fe0;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-october:hover {
  margin-bottom: 8px 1px;
  background: #FF5EEA ;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-november {
  background: #ff0f80;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-november:hover {
  margin-bottom: 8px 1px;
  background: #FF50A2;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-december {
  background: #fe4444;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-december:hover {
  margin-bottom: 8px 1px;
  background: #FF7070;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-january {
  background: #fe8544;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-january:hover {
  margin-bottom: 8px 1px;
  background: #F69C6C ;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-february {
  background: #ffdd54;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-february:hover {
  margin-bottom: 8px 1px;
  background: #FFE376 ;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-march {
  background: #d1ff44;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-march:hover {
  margin-bottom: 8px 1px;
  background: #DEFF7A ;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-april {
  background: #44ff44;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-april:hover {
  margin-bottom: 8px 1px;
  background: #75FF75;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-may {
  background: #44ffbb;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-may:hover {
  margin-bottom: 8px 1px;
  background: #7BFFCF;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.teqsquad-book-button-june {
  background: #44e2ff;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 800 !important;
  padding: 8px 24px;
  margin: 8px 0px;
  border-radius: 2em;
  color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
  text-transform: uppercase;
}
.teqsquad-book-button-june:hover {
  margin-bottom: 8px 1px;
  background: #6DE8FF;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}

/*
PRODUCT FORM from Hubspot
*/
.new-product-form {
  position: relative;
  margin: 21px calc(21px + 3vw);
}
.new-product-form form .field .input, .new-product-form form .field .input > input {
  width: 100%;
}
.new-product-form form .field .input, .new-product-form form .field .input:hover, .new-product-form form .field .input:focus {
  height: calc(2.4rem + 8px);
  width: 100%;
  padding: 6px 12px;
  border: 1px solid rgb(150, 150, 150);
  border-radius: 0;
  outline: none;
}
.new-product-form form .field .input > input, .new-product-form form .field .input > select {
  width: 100%;
  margin: 0 0;
  padding: 0 0;
  background: transparent;
  border: none;
  border-radius: 0;
}
.new-product-form form .field label > span {
  font-weight: 400;
  font-size: 1rem;
  color: #999;
}
.new-product-form form .field > ul.no-list.hs-error-msgs.inputs-list li > label.hs-error-msg {
  font-size: .75rem;
  color: red;
}
.hs-button {
  background: #12DF9E;
  font-size: 1em;
  font-weight: 800 !important;
  padding: 6px 48px;
  border-radius: 2em;
  color: #fff;
  box-shadow: none;
  border: none !important;
}
.hs-button:hover {
  background: #02bf83;
  margin-bottom: 1px;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
.new-product-form .hs-form fieldset {
  max-width: 100% !important;
  margin-bottom: 12px !important;
}
.hs-form label {
  padding-left: 1rem;
  color: #999;
}
.new-product-form .hs-form-required {
  color: #00c897 !important;
  padding-left: 2px;
}

/* Hubspot Form Customization */
.hs-form * {
  box-sizing: border-box;
}
.hs-form-field label:not(.hs-error-msg) {
  color: #33475b;
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}

.hs-form label {
  font-size: 1rem;
  color: #33475b;
  display: block !important;
  width: auto;
  padding: 0 !important;
  margin-bottom: 8px !important;
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.footer-form .hs-form label {
  font-size: 1rem;
  color: #B5B5B5 !important;
  display: block !important;
  width: auto;
  padding: 0 !important;
  margin-bottom: 8px !important;
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.hs-form-required {
  color: red;
}

.form-columns-2 .input {
  margin-right: 8px;
}
.hs-custom-style .hs-input, .hs-custom-style fieldset {
  max-width: 100%;
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.field {
  margin-bottom: 18px;
}
.hs-custom-style > div input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]), .hs-custom-style fieldset input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
  box-sizing: border-box;
  padding: 0 15px;
  min-height: 27px;
}
.hs-button, .hs-form-field input[type="text"], .hs-form-field input[type="email"], .hs-form-field input[type="phone"], .hs-form-field input[type="number"], .hs-form-field input[type="tel"], .hs-form-field input[type="date"], .hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input.hs-input.error, div.field.error input, div.field.error textarea, div.field.error .chzn-choices, textarea.hs-input.error, select.hs-input.error {
  border-color: #c87872;
}
.hs-custom-style .hs-input, .hs-custom-style fieldset {
  max-width: 100%;
}
.hs-input:not([type="file"]) {
  background-color: #f5f8fa;
}
.hs-input {
  background-color: #f5f8fa;
  display: inline-block;
  width: 90%;
  max-width: 500px;
  height: 40px;
  padding: 9px 10px;
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #33475b;
  border: 1px solid #cbd6e2;
    border-top-color: rgb(203, 214, 226);
    border-right-color: rgb(203, 214, 226);
    border-bottom-color: rgb(203, 214, 226);
    border-left-color: rgb(203, 214, 226);
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}




.hs-input[type=checkbox], .hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none
}
.hs-input[type=file] {
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none
}




ul.no-list {
  list-style: none;
}
.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 5px;
}
ul.no-list {
  list-style: none;
}
.inputs-list > li {
  display: block;
  padding: 0;
    padding-top: 0px;
  width: 100%;
}
.inputs-list label {
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  white-space: normal;
  font-weight: normal;
}

.hs-field-desc {
 width: 100%;
  color: #7c98b6;
  margin: 0px 0px 6px;
  font-size: 11px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.hs-submit > .actions {
  text-align: left;
}
.actions {
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 17px 0px;
}

/*
Hubspot Forms
*/
.input {
  box-shadow: none !important;
}
.events-request-forms div.hbspt-form form, .events-request-forms div.hbspt-form form fieldset {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}
.events-request-forms div.hbspt-form form fieldset.form-columns-2 div.hs-form-field {
  width: 48%;
}
.events-request-forms div.hbspt-form form div.hs-form-field.hs-fieldtype-checkbox ul.inputs-list li  {
  width: 33.3%;
  float: left;
}
.events-request-forms div.hbspt-form form div.input input[type=text], .events-request-forms div.hbspt-form form div.input input[type=email], .events-request-forms div.hbspt-form form div.input input[type=tel], .events-request-forms div.hbspt-form form div.input select {
  width: 95% !important;
  max-width: 100%;
}
.events-request-forms div.hbspt-form form div.input select {
  height: 40px;
  width: calc(92% + 1.2vw) !important;
}
.events-request-forms div.hbspt-form form ul.inputs-list {
  position: relative;
  margin-top: 18px;
}
.events-request-forms div.hbspt-form form div.hs-submit input[type=submit].hs-button {
  display: block;
  width: auto;
  margin: 0 auto;
  font-size: 1rem;
  background: #01b1e3;
  border-color: #01b1e3;
  color: #ffffff;
  line-height: 16px;
  font-family: arial, helvetica, sans-serif;
  cursor: pointer;
  font-weight: 700;
  position: relative;
  text-align: center;
  transition: all .15s linear;
  border-radius: 36px;
  border-style: solid;
  border-width: 1px;
  padding: 8px 24px;
}
div.hbspt-form form div.hs-submit input[type=submit].hs-button:hover {
	background-color: #008EB7;
	border-color: #008EB7;
	color: #fffff;
	margin-bottom: 1px;
    box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
    transition: all .25s ease-in-out !important
}
div.hbspot-form form > div {
	width: 50% !important;
}
div.hbspt-form form div.input {
  height: 100%;
  display: block;
  padding: 0 0;
  background: transparent;
	border: none !important;
}
div.hbspt-form div.hs-form-field > label {
	font-size: .85rem;
	font-weight: 800 !important;
	
}

div.hbspt-form form div.input select {
	width: 96% !important;
}
div.hbspt-form form div.input input[type="checkbox"] {

}
form ul.hs-error-msgs li > label.hs-error-msg {
	padding: .48rem;
	font-weight: 700;
	font-size: .75rem;
}


div.hbspot-form form div.field.hs-fieldtype-checkbox {
  width: 100%;
  float: none;
}




.multi-container li.hs-form-checkbox {
width: 25% !important;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: #929497 !important;
  --bs-nav-link-hover-color: #00c897 !important;
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.tabs-nav-link {
  font-size: 1.125rem;
  padding: 6px 0px 6px 0px !important;
  color: #929497;
}
.nav-tabs {
  padding: 6px 0px 6px 0px;
  --bs-nav-tabs-border-width: 0 !important;
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: #00c897 !important;
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .tabs-nav-link.active, .nav-tabs .nav-item.show .tabs-nav-link {
  color: #000000 !important;
  font-weight: 800 !important;
  padding: 6px 0px 6px 0px;
  border-bottom: #12df9e 6px solid !important;
}

.rounded-images {
  border-radius: 32px;
}
.slide-sizer {
  height: calc(95vh * .55) !important;
}

.dropdown-large {
  padding: .75rem 0rem !important;
  min-width: 100% !important;
  transition: all 2s linear !important;
}
.dropdown-item {
  color: #ffffff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: .8rem !important;
  line-height: 1.75em !important;
}
.dropdown-item:hover {
  font-weight: 600 !important;
  color: #12DF9E !important;
  background-color: transparent !important;
}
.dropdown-menu {
  background: rgb(0, 0, 0) !important;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 1) 100%) !important;
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 1) 100%) !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1) !important;
  margin-top: -1px !important;
  border-radius: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 24px !important;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.dropdown {
  position: inherit;
}
.offcanvas.offcanvas-top {
  height: fit-content !important;
}

.list-group {
  --bs-list-group-color: transparent !important;
  --bs-list-group-bg: transparent !important;
  --bs-list-group-border-color: transparent !important;
  --bs-list-group-border-width: 0 !important;
  --bs-list-group-border-radius: 0 !important;
  --bs-list-group-item-padding-x: 0 !important;
  --bs-list-group-item-padding-y: 0 !important;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius) !important;
}
.list-group-item {
  position: relative;
  display: contents !important;
  text-decoration: none;
}
.full-section .page-content {
  width: 100%;
  padding-top: 0px !important;
}
.bullet-list ul, .bullet-list ul li {
  list-style: disc !important;
}
.bullet-list li {
  margin-bottom: 12px;
}
.section-container .half-section {
  min-height: 40vh;
  width: 100%;
  display: flex;
  position: relative;
  z-index: 100;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.section-container .full-section {
  min-height: auto !important;
  width: 100%;
  display: flex;
  position: relative;
  z-index: 100;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.section-container .full-section-form-area {
  min-height: 100vh;
  width: 100%;
  display: flex;
  position: relative;
  z-index: 100;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.section-container .full-section .filter-container {
  width: 100%;
  display: table;
  position: sticky;
  top: 0;
  z-index: 100;
  overflow: visible;
  background-color: #ffffff !important;
  height: fit-content;
}
.section-container .full-section .filter-container {
  padding: 0em 2em !important;
  box-shadow: none !important;
}
.section-container .full-section .filter-container.filter-results {
  box-shadow: none;
}
.section-header-container {
  min-height: 40vh;
  width: 100%;
  position: relative;
  z-index: 100;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.image-fluid {
  width: 100%;
  height: auto;
}

.section-container .full-section .filter-results {
  padding: 4% 6% !important;
}

.ul-list {
  list-style: disc;
  padding-left: 1.75rem;
}
.ul-list li {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 2rem;
  margin-bottom: 1.75rem;
}
.ul-list li::marker {
  color: #12DF9E;
}
.ul-list-2 {
  list-style: disc;
  padding-left: 1.75rem;
  column-count: 2;
  gap: 5rem;
}
.ul-list-2 li {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 2rem;
  margin-bottom: 1.75rem;
}
.ul-list-2 li::marker {
  color: #12DF9E;
}
.content-container {
  padding-right: 2rem;
  padding-left: 2rem;
}

select.is-placeholder {
  color: #777;
}
select.is-placeholder:focus {
  color: #33475b;
}
.hs-input:-moz-placeholder {
  color: #bfbfbf
}
.hs-input::-webkit-input-placeholder {
  color: #bfbfbf
}
.hs-input option:disabled {
  color: #bfbfbf
}
.hs-input input, .hs-input textarea {
  transition: border .2s linear
}
.hs-input:focus {
  outline: none;
  border-color: rgba(82, 168, 236, .8)
}
textarea.hs-input {
  height: auto
}
select[multiple].hs-input {
  height: inherit
}
input.hs-input.error, div.field.error input, div.field.error textarea, div.field.error .chzn-choices, textarea.hs-input.error, select.hs-input.error {
  border-color: #c87872
}
input.hs-input.error:focus, div.field.error input:focus, div.field.error textarea:focus, div.field.error .chzn-choices:focus, textarea.hs-input.error:focus, select.hs-input.error:focus {
  border-color: #b9554d
}

.bpa-frontend-main-container {
  max-width: 2180px !important;
}
.bpa-front-customer-panel-container {
  max-width: 2180px !important;
}
.biopic-left-spacer {
  width: 37.5%;
  display: block;
  padding-right: 3rem;
  padding-bottom: 3rem;
}
.biopic-right-spacer {
  width: 37.5%;
  display: block;
  padding-left: 3rem;
  padding-bottom: 3rem;
}
.bot-left-spacer {
  width: 17.5%;
  display: block;
  padding-right: 3rem;
  padding-bottom: 3rem;
}
.bot-right-spacer {
  width: 17.5%;
  display: block;
  padding-left: 3rem;
  padding-bottom: 3rem;
}
.intro-image-spacer {
  width: 50%;
  display: block;
  padding-left: 3rem;
  padding-bottom: 3rem;
}
.bpa-front-thankyou-module-container {
  background-color: #f4f7fb !important;
  background: #f4f7fb !important;
  margin-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.bpa-front-btn span {
  vertical-align: middle;
  color: #000 !important;
}

.nav-link:hover {
  font-weight: 800 !important;
	text-decoration: none !important;
}
.nav-link:enabled {
  font-weight: 800 !important;
	text-decoration: none !important;
	color: #15A1FF !important;
}
.fc-icon-chevron-left::before {   content: "<"; }
.fc-icon-chevron-right::before {   content: ">"; }



@media (max-width: 1400px) {
  .top-nav-text {
    font-size: 15px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 12px;
  }
#intro {
  position: relative;
  background-image: url("../../inc/images/Teq_Squad_Home_Header_BG.jpg");
  min-height: fit-content;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_calendar {
  position: relative;
  background-image: url("../../inc/images/Calendar_Header_BG.jpg");
  min-height: 55vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#about_us {
  position: relative;
  background-image: url("../../inc/images/About_Us_Header_BG.jpg");
  min-height: 45vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_gallery {
  position: relative;
  background-image: url("../../inc/images/Gallery_Header_BG.jpg");
  min-height: 50vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.light-gray-container-calendar {
	background-color: #f4f7fb !important;
	margin-top: -35vh;
}
.light-gray-container-about {
	background-color: #f4f7fb !important;
	margin-top: -5vh;
}
.light-gray-container-gallery {
	background-color: #f4f7fb !important;
	margin-top: -5vh;
}
}

@media (min-width: 1120px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
}

@media (max-width: 1120px) {
  .padding-left {
    padding-left: 2rem !important;
  }
  .padding-right {
    padding-right: 2rem !important;
  }
.teqsquad-book-button {
  background: #ffffff;
  font-size: 1em;
  line-height: 1.25em;
  font-weight: 800 !important;
  padding: 14px 18px ;
  border-radius: 2em;
  color: #000000;
  box-shadow: 0 8px 16px rgb(0 0 0 / 25%);
  border: none !important;
}
.teqsquad-book-button:hover {
  margin-bottom: 1px;
  color: darkturquoise !important;
  box-shadow: 0 18px 21px rgb(0 0 0 / 25%), 0 3px 3px rgb(0 0 0 / 22%);
  transition: all .25s ease-in-out !important
}
}

@media (max-width: 1200px) {
  .nav-spacer {
    margin-top: 200px !important;
  }
.july-title {
  font-size: 3rem;
}
.august-title {
  font-size: 3rem;
}
.september-title {
  font-size: 3rem;
}
.october-title {
  font-size: 3rem;
}
.november-title {
  font-size: 3rem;
}
.december-title {
  font-size: 3rem;
}
.january-title {
  font-size: 3rem;
}
.february-title {
  font-size: 3rem;
}
.march-title {
  font-size: 3rem;
}
.april-title {
  font-size: 3rem;
}
.may-title {
  font-size: 3rem;
}
.june-title {
  font-size: 3rem;
}
	#roadshow_calendar {
  position: relative;
  background-image: url("../../inc/images/Calendar_Header_BG.jpg");
  min-height: 65vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
}

@media (max-width: 1024px) {
  #intro {
    margin-top: 0px !important;
  }
}

@media (max-width: 768px) {
.july-title {
  font-size: 3rem;
}
.august-title {
  font-size: 3rem;
}
.september-title {
  font-size: 3rem;
}
.october-title {
  font-size: 3rem;
}
.november-title {
  font-size: 3rem;
}
.december-title {
  font-size: 3rem;
}
.january-title {
  font-size: 3rem;
}
.february-title {
  font-size: 3rem;
}
.march-title {
  font-size: 3rem;
}
.april-title {
  font-size: 3rem;
}
.may-title {
  font-size: 3rem;
}
.june-title {
  font-size: 3rem;
}

}

@media (max-width: 708px) {
  ul.dd-menu-4-col {
    column-count: 2;
    list-style: none;
    color: #ffffff;
    text-decoration: none;
  }
  ul.dd-menu-3-col {
    column-count: 2;
    list-style: none;
    color: #ffffff;
    text-decoration: none;
  }

  .top-secondary-nav-text:hover {
    color: darkturquoise !important;
    margin-top: 0px;
    border-bottom: none;
  }
.biopic-left-spacer {
  width: 57.5%;
  display: block;
  padding-right: 2rem;
  padding-bottom: .75rem;
}
.biopic-right-spacer {
  width: 57.5%;
  display: block;
  padding-left: 2rem;
  padding-bottom: .75rem;
}
.bot-left-spacer {
  width: 37.5%;
  display: block;
  padding-right: 2rem;
  padding-bottom: 1.5rem;
}
.bot-right-spacer {
  width: 37.5%;
  display: block;
  padding-left: 2rem;
  padding-bottom: 1.5rem;
}
.intro-heading {
  font-family: "Luckiest Guy", cursive !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 2.75rem;
  text-transform: uppercase;
  color: #01b1e3 !important;
  line-height: .9em !important;
}
.intro-image-spacer {
  width: 52%;
  display: block;
  padding-left: 2rem;
  padding-bottom: 1rem;
}
#intro {
  position: relative;
  background-image: url("../../inc/images/Teq_Squad_Home_Header_BG.jpg");
  min-height: fit-content;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_calendar {
  position: relative;
  background-image: url("../../inc/images/Calendar_Header_BG.jpg");
  min-height: 55vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#about_us {
  position: relative;
  background-image: url("../../inc/images/About_Us_Header_BG.jpg");
  min-height: 40vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  margin-left: -20vw;
  margin-top: 3vh;
}
#roadshow_gallery {
  position: relative;
  background-image: url("../../inc/images/Gallery_Header_BG.jpg");
  min-height: 50vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
}

@media (max-width: 600px) {
  .navbar-brand {
    margin-right: 8px !important;
    height: auto !important;
  }
.home-intro {
  font-family: "Salsa", cursive !important;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-top: 7rem;
  margin-bottom: 3rem;
  text-shadow: 1px 1px 3px #000000 ;
}	
}

@media (max-width: 375px) {

  .top-secondary-nav-text {
    font-family: 'Roboto', 'Helvetica', Sans !important;
    font-weight: 600 !important;
    color: #000000;
    font-size: 11px !important;
    padding-left: 6px;
    padding-right: 6px;
  }
  .top-secondary-nav-text:hover {
    color: darkturquoise !important;
    margin-top: 0px;
    border-bottom: none;
  }
  .nav-link {
    font-size: .85rem !important;
  }
.home-feature-spacer {
  padding-top: 325px;
}
}

@media (max-width: 450px) {
#intro {
  position: relative;
  background-image: url("../../inc/images/Teq_Squad_Home_Header_BG.jpg");
  min-height: fit-content;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_calendar {
  position: relative;
  background-image: url("../../inc/images/Calendar_Header_BG.jpg");
  min-height: 45vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  margin-left: -23rem;
  margin-top: 10vh;
}
#about_us {
  position: relative;
  background-image: url("../../inc/images/About_Us_Header_BG.jpg");
  min-height: 28vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  margin-left: -7rem;
  margin-top: 10vh;
}
#roadshow_gallery {
  position: relative;
  background-image: url("../../inc/images/Gallery_Header_BG.jpg");
  min-height: 30vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  margin-top: 10vh;
}
.light-gray-container-calendar {
	background-color: #f4f7fb !important;
	margin-top: -35vh;
}
.home-feature-spacer {
  padding-top: 325px;
}
}

@media (max-height: 640px) {
  #intro {
  position: relative;
  background-image: url("../../inc/images/Teq_Squad_Home_Header_BG.jpg");
  min-height: fit-content;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_calendar {
  position: relative;
  background-image: url("../../inc/images/Calendar_Header_BG.jpg");
  min-height: 135vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#about_us {
  position: relative;
  background-image: url("../../inc/images/About_Us_Header_BG.jpg");
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#roadshow_gallery {
  position: relative;
  background-image: url("../../inc/images/Gallery_Header_BG.jpg");
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.light-gray-container-calendar {
	background-color: #f4f7fb !important;
	margin-top: -80vh;
}
.home-intro {
  font-family: "Salsa", cursive !important;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-top: 7rem;
  margin-bottom: 3rem;
  text-shadow: 1px 1px 3px #000000 ;
}
}