/*
Theme Name:     Seedlet-child
Theme URI:      https://automattic.com/
Description:    Seedlet child theme.
Author:         Automattic
Author URI:     https://automattic.com/
Template:       seedlet
Version:        1.0
*/

/**
 * Fonts
 *
 * Custom font faces, used for Body and Headings.
 */

@font-face {
    font-family: 'chromateregular';
    src: url('assets/fonts/chromate-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/chromate-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('assets/fonts/AtlasGroteskWeb-Light.woff2') format('woff2'),
         url('assets/fonts/AtlasGroteskWeb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.site *:focus {
    outline-width: 0px; /* Removing the blue outlines on focus */
}

/**
 * Variables
 *
 * Overrides seedlet parent theme variables
 */

:root{
    /* Increase the header logo size */
    --branding--logo--max-width: 400px;
    --branding--logo--max-height: 51px;
    --branding--logo--max-width-mobile: 200px;
    --branding--logo--max-height-mobile: 26px;

    /* Override the content font with a custom font */
    --entry-content--font-family: 'Atlas Grotesk';
    --global--font-secondary: var(--entry-content--font-family);

    /* Override the heading font with a custom font */
    --heading--font-family: 'chromateregular', Georgia, Times, serif;

    /* Increase the align default max width */
    --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1410px);

    /* New Variables */
    --footer-font-color: #F3E2CF; /* Champagne Pink - used as footer font color*/
    --h3--font-family:  'kepler-std-semicondensed';
    --h4--font-family:  'Atlas Grotesk';
    --h6--font-family:  'Atlas Grotesk';

    /* Color Overrides */
    --global--color-primary: #53574d;
	--global--color-secondary: #53574d;
    --global--color-background: #f3e2cf;
    --global--color-tertiary: #f8be9e;
    --global--color-foreground: #53574d;
    --global--color-primary-hover: #53574d;

	--button--color-background-hover: #53574d;
}

/**
 * Global Overrides
 *
 * Fonts, etc
 */

/*.underline-link a {
    border-bottom: 1px solid var(--global--color-primary);
}*/

a,
a:hover, a:focus {
    text-decoration-line: underline;
	text-decoration-thickness: 2px;
}

.no-underline a {
	text-decoration: none;
}

h3 {
    font-family: var( --h3--font-family);
    letter-spacing: 0.05em;
    font-size: 30px;
    line-height: 33px;
}

h4 {
    font-family: var( --h4--font-family);
    letter-spacing: 0.05em;
    font-size: 30px;
    line-height: 33px;
}

.h2-font-family {
	font-family: var(--heading--font-family);
	letter-spacing: 0;
}

.h3-font-family {
	font-family:  var(--h3--font-family);
}

.h4-font-family {
	font-family:  'Atlas Grotesk';
}

/* Font family reusable classes */
/* Chromate Regular */
.chromateregular-font-family {
	font-family:  'chromateregular';
}

/* Atlas Grotesk */
.atlas-grotesk-font-family {
	font-family:  'Atlas Grotesk';
	letter-spacing: 0;
}

/* Kepler STD Semicondensed */
.kepler-std-semicondensed-font-family {
	font-family: 'kepler-std-semicondensed';
    letter-spacing: 0.05em;
}

/* Roboto Mono */
.roboto-mono-font-family {
	font-family: "roboto-mono";
	letter-spacing: 0;
}

body {
    font-size: 22px;
    line-height: 33px;
}

a.custom-logo-link,
nav a {
	border-bottom-width: 0px;
}

/* Remove the vertical spacifnng */
.site-main > article > * {
	margin-top: 0;
	margin-bottom: 0;
}

/**
 * Header
 *
 * Header specific overrides
 */

.site-header,
.has-main-navigation .site-header {
    padding-top: 20px;
    padding-bottom: 20px;
}

/**
 * General Page Template
 *
 * General Page template specific overrides
 */

/**
 * Button Overrides
 *
 * Button Specific Sty,es
 */

.button,
.wp-block-button .wp-block-button__link {
    font-family: var(--heading--font-family);
    font-size: 26px;
    line-height: 31px;
    padding: 20px 40px;
}

.button:hover {
	text-decoration: none;
}

/**
 * Button Overrides
 *
 * Button v1 - lighter background and darker text
 */
.wp-block-button.button-v1 .wp-block-button__link {
	color: var(--global--color-primary);
	background-color: var(--global--color-tertiary);
}

.wp-block-button.button-v1:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover {
	color: var(--global--color-primary);
	background-color: #efc9b6;
}

/* Grid overrides */
.wp-block-columns.alignfull{
	padding-left: 0;
	padding-right: 0;
}

/* Separator element overrides */
hr.wp-block-separator {
	border-bottom-width: 0px;
}

/**
 * Entry Footer
 *
 * Hide the entry footer
 */
.entry-footer {
    display: none;
}

/* Page Header - title */
.entry-header {
    text-align: center;
}

/**
 * Helper classes
 *
 * Helper classes for multiple purposes
 */
.no-margin,
.wp-block-columns .wp-block-column .no-margin,
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column .no-margin {
    margin: 0;
}

.no-padding {
    padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.text-align-center {
	margin: 0 auto;
	text-align: center;
}

.main-max-width {
	max-width: 1200px;
}

.strong-custom-background strong {
	background-color: var(--global--color-tertiary);
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 500;
}

/**
 * Footer
 *
 * Footer specific overrides
 */

.site-footer {
    background-color: var(--global--color-primary);
    color: var( --footer-font-color);
    padding-top: 90px;
    padding-bottom: 0;
}

.site-footer a {
    color: var( --footer-font-color);
}

/* Make the footer full width */
.site-footer.default-max-width {
    max-width: 100%;
}

/* Limit the footer inner container to 1640px - according to the layout provided */
.site-footer .widget-area {
    max-width: 1640px;
	margin-bottom: 0;
}

/* Footer section - Getting back to the essentials */
.site-footer .getting-back-to-the-essentials {
    font-size: 33px;
    margin-bottom: 30px;
}

.site-footer .rotator-wrapper {
    position: relative;
}

.site-footer  .rotator-wrapper span {
    display: inline-block;
    min-width: 155px;
    text-align: center;
}
.rotator-wrapper span h5 {
    position: absolute;
    top: -0px;
    left: 0;
    right: 0;
    opacity: 0;
    animation: rotateWord 18s linear infinite 0s;
}

.rotator-wrapper span h5:nth-child(2) {
    animation-delay: 6s;
}

.rotator-wrapper span h5:nth-child(3) {
    animation-delay: 12s;
}

@keyframes rotateWord {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }

    30% {
        opacity: 1;

    }
    32% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/* Footer - links */
.site-footer a {
	text-decoration: none;
}

/* Footer section - Follow us */
.site-footer .footer-column-follow-us h4 {
    letter-spacing: 3px;
    font-size: 20px;
}

/* Footer section - Follow us - social icons*/
.site-footer .footer-column-follow-us .footer-social-icons {
    max-width: 350px;
    margin: 0 auto;
}

/* Footer section - Follow us - Remove unneeded bottom spacing */
.site-footer .footer-column-follow-us .footer-social-icons > .wp-block-column {
    margin-bottom: 0;
}

/* Footer section - Follow us - Fix issue preventing vertical center alignment of the social icons */
.site-footer .footer-column-follow-us .footer-social-icons > .wp-block-column .wp-block-image img {
    vertical-align: middle
}

.site-footer .footer-column-follow-us .footer-social-icons > .wp-block-column .wp-block-image.icon-facebook img {
    height: 29px;
}

/* Footer section - Copyright */
.site-footer .footer-column-copyright {
    padding-bottom: 57px;
}

.site-footer .footer-column-copyright p {
    font-size: 20px;
}

/* Footer section - Navigation */
.site-footer > .footer-navigation .footer-menu {
    text-align: center;
}

.site-footer > .footer-navigation .footer-menu .menu-item a:link, .site-footer > .footer-navigation .footer-menu .menu-item a:visited, .site-footer > .footer-navigation .footer-menu .menu-item a:active {
    color: var( --footer-font-color);
    font-size: 22px;
}


/* Footer bottom line */
.site-footer #block-17 {
	position: relative;
	left: 0;
	top: 0;
	overflow-x: visible;
	z-index: 1;
}

/* Extend the footer bg */
.site-footer #block-17:before {
	display: block;
	content: "";
	height: 100%;
	background-color: var(--global--color-tertiary);
	position: absolute;
	width: 200%;
	left: -50%;
	z-index: 0;
}

.footer-bottom-line p {
	text-transform: uppercase;
	z-index: 1;
}

/* Footer bottom line */
.footer-bottom-line p a {
	text-transform: uppercase;
	color: var(--global--color-primary);
}

/* Footer section - site info - hide */
.site-footer  .site-info {
    display: none;
}

/**
 * Landing Page
 *
 * Landing Page specific style
 */

/* Remove top and bottom spacing */
.page-template-landing-page .site-header {
	position: absolute;
	top: 0;
	z-index: 2;
}

.page-template-landing-page .site-header .site-branding {
    display: none;
}

/**
 * Absolute Header
 *
 * Template to overlap the header onto the content
 */

/* Remove top and bottom spacing */
.page-template-absolute-header .site-header {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
}

.page-template-absolute-header.admin-bar .site-header .site-logo {
	top: var(--wpadmin-bar--height);
	position: relative;
}


/* Remove top and bottom spacing in app pages */
.page .site-main {
    padding-bottom: 0;
    padding-top: 0;
}

.page.entry-content {
    margin-bottom: 0;
}

/**
 * Past Speakers Page
 *
 * Past Speakers Page specific style
 */

/* Update the page background color */
body.page-template-speakers {
    background-color: var(--global--color-tertiary);
}

/* Contact CTA */
.cta-contact {
    font-family: var(--h3--font-family);
}

.cta-contact a {
    text-decoration: underline;
}


/**
 * Sign-up page
 *
 * Overrides for the sign-up page
 */
/* Hide the page title */
.page-id-270 .entry-header {
    display: none;
}

/**
 * Global Modules
 *
 * CTA for Ticket Purchase
 */
.cta-ticket-purchase .wp-block-button{
	background-image: url('./assets/images/bg-btn-learn-more.svg');
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 60px;
	padding-bottom: 60px;
	background-size: 200px auto;
}

.cta-ticket-purchase .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover {
	background-color: var(--global--color-primary);
}

/**
 * Search Results
 *
 * Page overrides
 */


body.search-results .page-header {
	flex: 0 0 100%;
}

body.search-results .page-title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 30px;
}

/* Remove the theme induced top and bottom margins */
body.search-results .site-main > * {
	margin-top: 0;
	margin-bottom: 0;
}

body.search-results #main {
	display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 0;
}


body.search-results #main article {
	padding-left: 25px;
    padding-right: 25px;
	padding-top: 25px;
    padding-bottom: 25px;
    align-items: center;
    display: flex;
    flex-basis: 0px;
    flex-grow: 1;
    flex-direction: column;
    flex-basis: calc(31.333% - 20px);
	margin: 1%;
    max-width: 31.333%;
	background-color: var(--global--color-tertiary);
	justify-content: center;
	border-radius: 30px;
}

body.search-results #content article .entry-title {
	font-size: 25px;
}

body.search-results #content article .entry-title a {
	text-decoration: none;
}

body.search-results #content article .post-thumbnail {
	border-radius: 18px;
	overflow: hidden;
}

body.search-results #content article .entry-content {
	display: none;
}

/**
 * Global Modules
 *
 * Getting to Palm Desert
 */
.getting-to-palm-desert a {
	text-decoration: underline;
}

.getting-to-palm-desert .wp-block-jetpack-layout-grid-column {
	position: relative;
}

.getting-to-palm-desert .by-plane:before {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	content: "";
	left: -10px;
	background-image: url('./assets/images/icon-by-plane.svg');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 5px;
}

.getting-to-palm-desert .by-car:before {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	content: "";
	left: -10px;
	background-image: url('./assets/images/icon-by-car.svg');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 5px;
}

/**
 * Global Modules
 *
 * Pricing table
 */
.pricing-table {
	text-align: center;
	max-width: 850px;
}

.pricing-table .price-entry {
	margin: 0;
	line-height: 2.0;
	border-top: 1px solid var(--global--color-primary);
}

.pricing-table .price-entry:first-child {
	border-top: 0px;
}

/**
 * Global Modules
 *
 * CTA for Ticket Purchase
 */
 .pricing-table .wp-block-button{
	background-image: url('./assets/images/icon-sun.svg');
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 60px;
	padding-bottom: 60px;
	background-size: 200px auto;
}

.pricing-table .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover {
	background-color: var(--global--color-primary);
}

/**
 * Global Modules
 *
 * Program Page - Program Row
 */

.program-row {
	padding-top: 50px;
	padding-bottom: 50px;
	max-width: 1000px;
}

.program-row-border {
	border-top: 1px solid var(--global--color-primary);
}

/**
 * Blog Page / Announcements
 *
 * Featured Section
 */
.featured-posts-block{
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

.featured-posts-block .post-thumbnail {
	border-radius: 20px;
	overflow: hidden;
}

.featured-posts-block.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > * {
	margin: 10px;
}

.featured-posts-block .cat-links {
	margin-bottom: 0px;
}

.featured-posts-block .cat-links a {
	border: 1px solid var(--global--color-primary);
	padding: 0px 10px;
	border-radius: 30px;
	font-family: var(--h4--font-family);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.featured-posts-block .more-link {
	font-family: var(--heading--font-family);
	text-decoration: none;
}

.featured-posts-block .more-link:after {
	content: "";
	width: 25px;
	height: 25px;
	background-image: url('./assets/images/testimonial-arrow.svg');
	background-size: 24px auto;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	position: relative;
	bottom: -2px;
	left: -10px;
}

.blog-subscribe-bar a {
	border-bottom: 1px solid var(--global--color-background);
}

.blog-subscribe-bar.wp-block-group.has-background {
	padding-top: 10px;
	padding-bottom: 10px;
}

@media only screen and (min-width: 600px) {
	.featured-posts-block.wpnbha.image-alignleft.is-3 .post-thumbnail {
		flex-basis: 70%;
	}

	.featured-posts-block.wpnbha.image-alignleft.is-3 .entry-wrapper {
		justify-content: center;
		display: flex;
		flex-direction: column;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 600px) {
	.featured-posts-block.wpnbha.image-alignleft .post-has-image {
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px;
		align-items: center;
	}

	.featured-posts-block.wpnbha.image-alignleft .post-thumbnail {
		margin-right: 0;
	}

	.featured-posts-block.wpnbha.image-alignleft .post-has-image .post-thumbnail {
		flex-basis: 100%;
		margin-bottom: 30px;
	}
}

.regular-posts-grid .wp-block-group__inner-container{
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

.regular-posts-grid .post-thumbnail {
	border-radius: 20px;
	overflow: hidden;
}

.regular-posts-grid .cat-links {
	margin-bottom: 0px;
}

.regular-posts-grid .cat-links a {
	border: 1px solid var(--global--color-primary);
	padding: 0px 10px;
	border-radius: 30px;
	font-family: var(--h4--font-family);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.regular-posts-grid .more-link {
	font-family: var(--heading--font-family);
	text-decoration: none;
}

.regular-posts-grid .more-link:after {
	content: "";
	width: 25px;
	height: 25px;
	background-image: url('./assets/images/testimonial-arrow.svg');
	background-size: 24px auto;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	position: relative;
	bottom: -5px;
	left: -5px;
}

.instagram-container .wp-block-group__inner-container{
	margin: 0 auto;
	max-width: 1200px;
}

/**
 * Single Post
 *
 * Style updates
 */
.single-post .site-main,
.single-post .site-main > *:first-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.single-post .entry-header,
.single-post .entry-content {
	max-width: 700px;
	margin-bottom: 50px;
}

.single-post .entry-header .entry-title {
	padding-left: 20px;
	padding-right: 20px;
}

.single-post .post-thumb-wrapper {
	max-width: 1200px;
	margin: 0 auto;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

.single-post .post-thumb-wrapper .post-thumbnail {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
}

.single-post .post-navigation {
	display: none;
}

.single-post .sharedaddy {
	display: none;
}

.single-post .top-share-buttons-container .sharedaddy {
	display: inline-block;
}

.single-post .top-share-buttons-container .sharedaddy .sd-sharing {
	display: flex;
}

.single-post .top-share-buttons-container .sharedaddy .sd-sharing .share-customize-link {
	display: none;
}

.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li {
	margin: 0;
}

.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button,
.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button,
.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'].share-email a.sd-button,
.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'].share-link a.sd-button {
	background-color: transparent;
}

.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button:before {
	color: var(--global--color-primary);
	font-size: 28px;
}

.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button:before {
	content: "";
	width: 20px;
	height: 30px;
	background-image: url('./assets/images/social-icons/icon-facebook-green.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 20px;
}

.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'].share-email a.sd-button:before {
	content: "";
	width: 30px;
	height: 18px;
	background-image: url('./assets/images/icon-share-email.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 18px;
}

.jp-sharing-input-touch .top-share-buttons-container .sd-content ul li {
	padding-left: 0;
}

.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'].share-link a.sd-button:before {
	content: "";
	width: 20px;
	height: 18px;
	background-image: url('./assets/images/icon-share-link.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 18px;
}

.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'].share-link a.sd-button {
	margin-right: 20px;
}

.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'] a:hover,
.single-post .top-share-buttons-container .sd-social-icon .sd-content ul li[class*='share-'] div.option a:hover {
	opacity: 1;
}

.single-post .top-share-buttons-container div.sharedaddy h3.sd-title {
	font-family: var(--h4--font-family);
	font-size: 16px;
	display: flex;
	align-items: center;
	margin: 0;
	padding-right: 10px;
}

.single-post .top-share-buttons-container div.sharedaddy h3.sd-title:before {
	display: none;
}

/* Share Link modal */
.single-post .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	padding: 30px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s linear 0.1s, opacity 0.3s ease;
}

.single-post .modal.open {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

.single-post .modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 21;
	background-color: rgba(0, 0, 0, 0.7);
}

.single-post .modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
	outline: none;
	background: none;
	font-size: 24px;
	color: #747474;
	font-weight: bold;
}

.single-post .modal__close:hover {
	background-color: transparent;
}

.single-post .modal__close:hover {
	color: #000;
}

.single-post .modal__container {
	position: relative;
	z-index: 22;
	width: 350px;
	height: 200px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
	padding: 30px;
	background-color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
}

/**
 * Scroll to top
 *
 * Scroll to top button, that appears on the bottom of every page
 */

.btn-scroll-to-top {
	position: fixed;
	width: 100px;
	height: 100px;
	bottom: 30px;
	right: 30px;
	border-radius: 50%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	opacity: 0;
	transition: opacity 0.5s;
	background-image: url('./assets/images/icon-scroll-to-top.svg');
	z-index: 1;
}

.btn-scroll-to-top.show {
	opacity: 1;
}

.btn-scroll-to-top i {
	font-size: 24px;
}

/**
 * Desktop  Variales
 *
 * Overrides seedlet parent theme variables for desktop specific breakpoints
 */

/* Increase the page title font size for desktop */
@media only screen and (min-width: 1025px) {
    :root{
        --entry-header--font-size: 80px;
    }

    /**
     * Landing Page
     *
     * Landing Page specific style
     */

    .cta-contact {
        font-size: 27px;
    }


	/**
     * Global Modules
     *
     * CTA for Ticket Purchase - increase the size of the h2 in tablet and desktop
     */
	.cta-ticket-purchase h2 {
		font-size: 40px;
	}

	/**
	* Global Modules
	*
	* CTA for Ticket Purchase
	*/
	.cta-ticket-purchase .wp-block-button .wp-block-button__link,
	.pricing-table .wp-block-button .wp-block-button__link {
		padding: 30px 60px;
	}

	/**
	 * Global Modules
	 *
	 * About - Join us
	 */
	.join-us-image {
		display: inline-block;
		position: relative;
		left: -40px;
		bottom: -20px;
	}

	/**
	 * Single Post
	 *
	 * Style updates
	 */

	.single-post .entry-header .entry-title {
		font-size: 40px;
	}

}

/**
 * Media Queries - mobile to tablet landscape
 *
 * For each section below - high rest tablets such as the iPad Pro not included here
 */

@media only screen and (max-width: 1024px) {

    /**
     * Mobile and Tablet Variable Overrides
     *
     * Overrides seedlet parent theme variables for mobile and tablet breakpoints
     */

     /**
     * Global Overrides
     *
     * Fonts, etc
     */

    h4 {
        font-size: 18px;
        line-height: 25px;
    }

    body {
        font-size: 18px;
        line-height: 25px;
    }


    /* The theme was not applying the mobile branding max width and height, so a media query was created for it */
    .site-logo .custom-logo {
        max-width: var(--branding--logo--max-width-mobile);
        max-height: var(--branding--logo--max-height-mobile);
    }

    /**
     * Button Overrides
     *
     * Button Specific Sty,es
     */

    .button,
	.wp-block-button .wp-block-button__link {
        font-size: 13px;
        line-height: 13px;
        padding: 15px 30px;
    }


    /**
     * Header
     *
     * Header specific overrides
     */

    .site-header,
	.has-main-navigation .site-header {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /**
     * Footer
     *
     * Footer specific overrides
     */

    .site-footer {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    /* Footer section - logo - on mobile and tablet */
    .site-footer .footer-column-logo {
        display: none;
    }

    /* Footer section - Getting back to the essentials */
    .site-footer .getting-back-to-the-essentials {
        font-size: 21px;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-footer .rotator-wrapper {
        position: relative;
        height: 55px;
    }

    /* Footer section - Follow us */
    .site-footer .footer-column-follow-us h4{
        font-size: 12px;
        letter-spacing: 2px;
        margin-bottom: 25px;
    }

    .site-footer .footer-column-follow-us .footer-social-icons > .wp-block-column .wp-block-image.icon-facebook img {
        height: 24px;
    }

    .site-footer .footer-column-follow-us .footer-social-icons {
        max-width: 250px;
        margin: 0 auto;
    }

    .site-footer .footer-column-copyright p {
        font-size: 12px;
    }

    /* Footer section - Navigation */
    .site-footer > .footer-navigation .footer-menu .menu-item a:link, .site-footer > .footer-navigation .footer-menu .menu-item a:visited, .site-footer > .footer-navigation .footer-menu .menu-item a:active {
        font-size: 12px;
    }

	/* Footer bottom line */
	.footer-bottom-line p {
		font-size: 12px;
		line-height: 1.3;
	}


	/**
	* Global Modules
	*
	* CTA for Ticket Purchase
	*/
	.cta-ticket-purchase .wp-block-button,
	.pricing-table .wp-block-button {
		padding-top: 35px;
		padding-bottom: 35px;
		background-size: 140px auto;
	}

	.cta-ticket-purchase .wp-block-button .wp-block-button__link,
	.pricing-table .wp-block-button .wp-block-button__link {
		padding: 25px 40px;
	}

	/**
	 * Seearch Results Page
	 *
	 * Overrides
	 */
	body.search-results #main article {
		flex-basis: calc(50% - 20px);
		max-width: 50%;
	}


	/**
	* Blog Page / Announcements
	*
	* Featured Section
	*/
	.featured-posts-block{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.page-template-annoucements h1 {
		font-size: 40px;
	}

	/**
	 * Single Post
	 *
	 * Style updates
	 */
	.single-post .post-thumb-wrapper {
		align-items: flex-end;
	}

	.single-post .top-share-buttons-container  {
        margin-right: 15px;
    }


}

/**
 * Gutenberg grid
 *
 * Overrides - tablet and above
 */
@media screen and (min-width: 782px) {
	/**
	* Global Modules
	*
	* Section with image left and divider
	*/

	.section-with-image-left-and-divider .wp-block-cover{
		height: 100%;
	}

	.section-with-image-left-and-divider .inner-content {
		padding: 80px 50px;
		max-width: 530px;
	}

	/**
	 * Global Modules - Block Editor
	 *
	 * Custom overlay  - Desktop (right side)
	 */
	.custom-overlay-1:after {
		background-image: url('./assets/images/venue-overlay-2.svg');
		display: block;
		position: absolute;
		width: 35px;
		content: "";
		right: -1px;
		left: auto;
		margin: 0;
		z-index: 1;
		height: 100%;
		background-repeat: no-repeat;
		background-size: 30px auto;
		background-repeat: repeat-y;
		-moz-transform: scale(-1, 1);
		-webkit-transform: scale(-1, 1);
		-o-transform: scale(-1, 1);
		-ms-transform: scale(-1, 1);
		transform: scale(-1, 1);
	}

}


/**
 * Gutenberg grid
 *
 * Overrides - mobile
 */
@media screen and (max-width: 781px) {
	/**
	 * Global Modules - Block Editor
	 *
	 * Custom overlay  - mobile (bottom)
	 */
	.custom-overlay-1:after {
		background-image: url('./assets/images/venue-overlay-2-mobile.svg');
		display: block;
		position: absolute;
		height: 30px;
		content: "";
		bottom: -1px;
		z-index: 1;
		width: 100%;
		background-repeat: no-repeat;
		background-size: auto 32px;
		background-repeat: repeat-x;
		background-position: center top;
		-moz-transform: scale(1, -1);
		-webkit-transform: scale(1, -1);
		-o-transform: scale(1, -1);
		-ms-transform: scale(1, -1);
		transform: scale(1, -1);
	}

	/**
	 * Seearch Results Page
	 *
	 * Overrides
	 */
	 body.search-results #main article {
		flex-basis: calc(100% - 20px);
		max-width: 100%;
	}

	/**
	* Scroll to top
	*
	* Scroll to top button, that appears on the bottom of every page
	*/

	.btn-scroll-to-top {
		width: 80px;
		height: 80px;
	}

}

/**
 * Footer - mobile
 *
 * Overrides to the Gutenberg blocks
 */

 @media only screen and (max-width: 584px) {
     /* The media query should be starting at 600px but it starts sooner */
    .site-footer .footer-column-copyright {
        display: none;
    }
}