/*
 Theme Name:   Evok Advertising
 Theme URI:    https://evokad.com/
 Description:  Custom GeneratePress Child Theme
 Author:       Evok Advertising
 Author URI:   https://evokad.com/
 Template:     generatepress
 Version:      0.1
*/



h1{
  font-family: var(--gp-font--oswald);
  font-size: clamp(3.65rem, 10vw , 3.75rem);
}



p {
  font-family: var(--gp-font--lato);
  font-size: clamp(1rem, 10vw , 1.125rem);
}

a{
  text-decoration: none;
}

h3.home_paragraph_large {
  font-family: var(--gp-font--oswald);
  font-size: clamp(3rem, 5vw , 3.65rem);
  font-weight: 300;
}

h3.home_paragraph_large.line_height {
  line-height: clamp(3rem, 5vw , 3.65rem) !important;
}

h4.home_paragraph_large {
  font-family: var(--gp-font--oswald);
  font-size: clamp(1.563rem, 5vw , 3.063rem);
  font-weight: 300;
}

a.home_paragraph_large {
  font-family: var(--gp-font--oswald);
  font-size: clamp(1.563rem, 5vw , 3.063rem);
  font-weight: 300;
  text-transform: uppercase;
}



p.home_paragraph_large {
  font-family: var(--gp-font--oswald);
  font-size: clamp(1.563rem, 5vw , 3.65rem);
  font-weight: 300;
}

p.home_paragraph_large.line_height {
  line-height: clamp(1.563rem, 5vw , 3.65rem) !important;
}


/*******************
Footer Styling
*******************/

footer.footer {
  background-color: var(--base-3);
  padding: 50px;
}

/*This is the container for the entire footer, it is a flex container that will allow us to align the items in the footer in a row and space them out evenly.*/
.footer-container {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  gap: 20px;
}

/*All rights Reserved and Terms of Service Left Column*/
.rights span, .terms_link{
  font-family: var(--gp-font--lato);
  font-weight: 300;
  font-size: 1rem;
  color: var(--contrast);
}

.terms_of_services{
margin-top: 7px;
}

.terms_link:hover, a.subscribe_form_link:hover{
  color: var(--accent);
  text-decoration: underline;
  transition: 0.3s ease;
}

a.terms_link {
  text-decoration: none;
  text-transform: uppercase;
}


/*Subscribe Center Column*/
.subscribe_form_link{
  font-size: clamp(1.5rem, 10vw , 1.875rem);
  font-weight: 300;
  font-family: var(--gp-font--oswald);
  color: var(--contrast);
  text-decoration: none;
  text-align: center;
}

/* Newsletter Popup */
	.newsletter-popup {
		visibility: hidden;
		opacity: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
    max-width: 1338px;
    justify-content: center;
		background: #fff;
		box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
		z-index: 999;
		padding: 30px;
		transform: translateY(100%);
		transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
	}

	.newsletter-popup.active {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}

	.newsletter-popup .close-newsletter {
		position: absolute;
		top: 10px;
		right: 15px;
		background: none;
		border: none;
		font-size: 24px;
		cursor: pointer;
		color: #333;
		line-height: 1;
	}

	.newsletter-popup .close-newsletter:hover {
		color: #000;
	}

	.newsletter-popup .gform_wrapper {
		max-width: 600px;
		margin: 0 auto;
	}





/*Social Media Right Column*/
.social_media_icons-container {
  display: flex;
  flex-flow: row;
  gap: 25px;
}

.social_icon_link img {
  transition: padding-top 0.3s ease;
}

.social_icon_link img:hover{
padding-top: 10px;
}



@media screen and (max-width: 768px) {
  .footer-container {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }

  .social_media_icons-container {
    justify-content: center;
  }

  a.subscribe_form_link{
    display: none;
  }
}