/**
 * Theme Name:   Dunstable Sub Aqua Club 2024
 * Description:  DSAC2024 theme, a child of Wellness Pro
 * Author:       Wonk Web Design
 * Author URI:   https://www.wonkwebdesign.co.uk
 * Template:     wellness-pro
 * Version:      1.0.0
 */

/* Add your custom css below
-------------------------------------------------------------- */

/*
 * Formatting that is applicable to all layouts irrespective of
 * device being used to view the site.
 */
@media all {
	/* Define all the custom colours for the generate branding. */
	:root {
		--dsac-light-blue: #1885c6;
		--dsac-dark-blue: rgba(27, 70, 152, 255);
		--dsac-link: #16385d;
		--dsac-light-red: #ed1c24;
		--dsac-dark-red: rgba(134, 9, 14, 255);

		--dsac-background: rgba(255, 255, 255, 0.7);
	}

	/* Tweak the link styles to make them more visible. */
	a {
		color: var(--dsac-link);
	}
	a:hover {
		color: var(--dsac-link);
		text-decoration: underline;
	}

	/* Make the footer text smaller and left aligned. */
	.site-copyright {
		text-align: left !important;
		font-size: x-small !important; 
		line-height: 1.2 !important;
		color: lightgray;
	}
	.site-copyright a {
		color: white;
		font-weight: bold;
	}
	.site-copyright a:hover {
		color: white;
		font-weight: bold;
		text-decoration: underline;
	}

	/* 
	 * Reduce some of the empty wasted space between the header.
	 * and the main part of the page.
	 */
	.site-content {
		padding: 0px 0px 2.5rem !important;
	}

	/* Resize and recolour the site header. */
	.site-header {
		height: 90px !important;
		line-height: 85px !important;
	}

	/* Recolour the sidebar with the list of blog posts. */
	.sidebar-widget-area {
		border: 3px solid var(--dsac-light-blue) !important;
		background-color: var(--dsac-background) !important;
		margin-top: 3.75rem !important;
		border-radius: 1em !important;
	}

	.post-navigation {
		display: none;
	}

	/* Recolour the site footer and the footer widget areas. */
	.site-footer {
		background-color: var(--dsac-link);
	}
	.footer-widget-area {
		background-color: unset;
		margin-top: -8em;
	}

	/* Modify the margins to pad the main pages like the home page. */
	.entry-content-wrapper {
		border: 3px solid var(--dsac-light-blue);
		background-color: var(--dsac-background);
		margin-top: 3.75rem;
		border-radius: 1em;
	}

	.entry-thumbnail {
		display: none;
	}

	.comments-area {
		display: none;
	}

	/* Hide the search button from the header bar. */
	.header-search {
		display: none !important;
	}

	/* 
	 * Hide the Google reCaptcha icon.  This is permitted by Google so long
	 * as we add the copyright information into the footer.
	 */
	.grecaptcha-badge { 
		visibility: hidden;
	}

	/* Style the events calendar to look like the other pages */
	.tribe-events-view, .tribe-events-single {
		border: 3px solid var(--dsac-light-blue);
		background-color: var(--dsac-background);
		margin-top: 3.75rem;
		border-radius: 1em;
	}

	.tribe-events-single {
		padding: 1em;
	}
	
	.tribe-events-c-subscribe-dropdown__container {
		display: none !important;
	}

	.tribe-events-calendar-month__day-date-daynum, .tribe-events-calendar-month__header-column-title {
		color: var(--dsac-dark-blue) !important;
	}

	.tribe-events-calendar-month__header-column-title {
		text-align: center !important;
	}

	.tribe-events-calendar-month__day-date-link {
		color: var(--dsac-dark-red) !important;
	}
}

@media all and (max-width: 680px) {
	#header-image3 {
		display: none;
	}
}

@media all and (max-width: 954px) {
	#header-image4 {
		display: none;
	}
}

@media all and (max-width: 1188px) {
	#header-image5 {
		display: none;
	}
}