/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
:root {
  --color-accent1: #D5AB4A;
  --color-accent2: #FB8900;
  --color-white: #fff;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

body {
  box-sizing: border-box;
}


/* =================================
HERO SECTION
================================= */
#hero .kt-row-column-wrap,
#intro .kt-row-column-wrap, #expect .kt-row-column-wrap, #signUp .kt-row-column-wrap {
  align-content: center;
}

/* =================================
FORM SECTION
================================= */
#eventDetails .inner-column-1 .kt-inside-inner-col {
	display: flex;
	justify-content: center;
}

#signUp h3 {
	text-shadow: 1px 1px 5px rgba(0,0,0,.7);
}

#signUp li {
	text-shadow: .5px .5px 3px rgba(0,0,0,.7);
}

#formEmbed {
  margin: 0 auto;
  padding: 0;
  z-index: 10;
  position: relative;
  height: auto;
	
	@media (max-width: 1024px) {
		margin-top: 0;
		max-width: 100%;
	}
	
	@media (min-width: 1025px) {
		margin-top: -614px;
		max-width: 500px;
	}
}

#formEmbed iframe {
  width: 100%;
  border: none;
	
	@media (max-width: 1024px) {
		  min-height: 580px;
	}
	
	@media (min-width: 1025px) {
		  min-height: 530px;
	}
}

/* =================================
FOOTER SECTION
================================= */
.footer-logo img {
	max-width: 250px !important;
	
	@media (max-width: 767px) {
		max-width: 230px !important;
		margin: 0 auto;
	}
}

/* =================================
BUTTON SLIDING EFFECT ON HOVER
================================= */
.btn--slide {
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
}

.btn--slide:hover span {
	text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}

.btn--slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100% !important;
  width: 0;
  height: 100%;
  background-color: var(--color-accent2) !important;
  z-index: -1;
  transition: all 0.3s ease;
}

.btn--slide:hover::before {
  left: 0 !important;
  width: 100%;
  transition: all 0.3s ease;
}