/*
This will style Webinar Landing pages
*/

/* STYLING THE 50th Anniversary (Header, containers) */
div .header-background-image-50th-desktop {
	background-image: url("https://acim.org/wp-content/uploads/2025/06/Webinar-50th-anniversary-desktop.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: auto;
	width: 100%;
	aspect-ratio: 1600 / 400;
}

div.mobile-header-background-image-50th {
	background-image: url("https://acim.org/wp-content/uploads/2025/06/Webinar-50th-anniversary-Mobile.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: auto;
	width: 100%;
	aspect-ratio: 875 / 400;
}

@media only screen and (max-width: 800px) {
  .header-background-image-50th-desktop {
    display: none;
  }
}

@media only screen and (min-width: 801px) {
  	.mobile-header-background-image-50th {
    display: none;
  }
}

/* STYLING THE SPANISH 50th Anniversary (Header, containers) */

div .header-background-image-50th-desktop-spanish {
	background-image: url("https://acim.org/wp-content/uploads/2025/07/Lets-Discuss-Banner-Web-Spanish.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: auto;
	width: 100%;
	aspect-ratio: 1600 / 400;
}

div.mobile-header-background-image-50th-spanish {
	background-image: url("https://acim.org/wp-content/uploads/2025/07/Lets-Discuss-Banner-Web-Mobile-Spanish.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: auto;
	width: 100%;
	aspect-ratio: 875 / 400;
}

@media only screen and (max-width: 800px) {
  .header-background-image-50th-desktop-spanish {
    display: none;
  }
}

@media only screen and (min-width: 801px) {
  	.mobile-header-background-image-50th-spanish {
    display: none;
  }
}

/* STYLING THE OVERALL PAGE LAYOUT (Header, containers) */


div.header-background-image {
	background-image: url("https://acim.org/wp-content/uploads/2021/11/Lets-Discuss-mossy-rocks-ocean-sunset-banner-8-bit.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

div.header-background-image .logo-landing {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 2.5%;
	margin-bottom: 0.8%;
}

div.header-background-image .inner {
	padding-top: 25%;
}

body > div.site-container > div.site-inner > div > main.content {
	margin-top: 0px;
}

div.site-container {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
div.site-inner {
	padding-bottom: 0px;
}
.site-container {
	padding-bottom: 0px;
}

.donate-cta {
	margin: 3rem 0;
	font-size: 1.25rem;
	line-height: 2rem;
	font-weight: bold;
}

.no-donation-link,
.back-to-donation-link {
	font-weight: bold;
	text-align: center;
	padding-top:15px;
	padding-bottom: 10px;
}

.webinar-wpgive-form {
	/* display: block; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.no-donation-link {
	display: block;
}
.back-to-donation-link {
	display: none;
}
.webinar-wpform {
	display: none;
}

/* STYLING THE OVERALL PAGE LAYOUT (fonts, headings, width) */

.webinar-blueprint {
	font-family: 'Roboto', serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 60rem;
	padding: 2rem;
}

.webinar-blueprint > .reg-title {
	font-family: 'Roboto', serif;
	color: black;
	font-size: 2.1rem;
	font-weight: 500;
	letter-spacing: 0.0850em;
	line-height: 50.4px;
	margin-top: 35px;
	margin-bottom: 35px;
}

h2.specific-title {
	font-family: 'Roboto', serif;
	color: #002276;
	font-size: 1.9rem;
	font-weight: 300;
	letter-spacing: 0.065em;
}

h3.speaker-names, h3.register-title {
	color: #002276;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.2;
}

/* Some specific styles about some very specific content */


.webinar-blueprint ul>li {
	list-style-type: disc;
}

div.no-donation-link > b {
	font-weight: 700;
	color: #496fc9;
	font-family: 'Roboto', serif;
}

.donation-benefits {
	margin-top: 26px;
}

.thank-you {
	margin-bottom: 26px;
}

div.speakers-section {
	margin-bottom: 20px;
	display: flex;
    flex-direction: column;
}

div.individual-speaker {
	 margin-top: 0.5rem;
  	margin-bottom: 0.8rem;
}

@media only screen and (max-width: 600px) {
	 figure.wp-caption {
			 margin: 0 24px 12px 0 !important;
	 }
}

/* STYLING WP Forms Styles */

.webinar-wpform div.wpforms-container-full .wpforms-form input[type=submit],
.webinar-wpform div.wpforms-container-full .wpforms-form button[type=submit],
form.wpforms-form .wpforms-submit-container button[type=submit].wpforms-submit /* Style when only 1 form for webinar registration non-donation WPForms */ {

background-color: #002276;
color: white;
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 0.055em;
border-radius: 4px;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
}


div.wpforms-container-full .wpforms-form button[type=submit]:hover {
background-color: #e6ae1f !important;
color: white;
}


/* STYLING THE FOOTER */

div.footer-landing  {
	width: 100%;
	overflow: auto;
	background-color: #091d48;
	color: #cdd2db;
}

h3.footer-title {
	color: #cdd2db;
	font-family: 'Roboto', serif;
	font-size: 1.9rem;
	font-weight: 400;
	letter-spacing: 0.075em;
	line-height: 50.4px;
	margin-top: 35px;
	margin-bottom: 35px;
}

.footer-landing p {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
}

div.footer-landing-legal {
width: 100%;
background-color: #091d48;
color: #cdd2db;
padding-bottom: 30px;
}

div#wpfront-scroll-top-container img {
display: none;
}