@charset "UTF-8";

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    http://example.com/twenty-twenty-one-child/
Description:  Twenty Twenty-One Child
Author:       Roger Penarroya
Author URI:   http://example.com
Template:     twentytwentyone
Version:      1.9
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwentyone
*/

/* 50 by 25 page */

.logo_image_50by25 {
	max-height:100px;
	@media only screen and (max-width:700px) {
		max-height:60px;
	}
}


table {
	background: #fff;
	border: 1px solid #ffffff;
}

th {
	color: #ffffff;
	background: #005496
}

table td, table th, .wp-block-table td, .wp-block-table th {
	border: 2px solid #fceed1;
	color: #345;
	font-weight: 800;
}

table th {
	color: #fff;
}


.logo_image_50by25 
{max-height: 100px}

table {
	max-width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 800px) {
:root {
    --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	--branding--title--font-size: 4rem;
	--branding--title--font-family: hvd_comic_serif_proregular;
	--branding--logo--max-height: 10rem;
	--branding--title--font-family: hvd_comic_serif_proregular;
	--heading--font-size-h1: 4rem !important;
	--heading--font-size-h2: 2.5rem;
	--global--font-size-xxl: 4rem;
	--heading--font-family: hvd_comic_serif_proregular;
	--primary-nav--font-family: hvd_comic_serif_proregular;
	--global--color-primary: #000;
}
}

.site-title {
	color: #fff;
	text-shadow: 2px 2px 4px #000;
}

.site-description, .primary-menu-container, .primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
	color: #fff;
	text-shadow: 2px 2px 4px #000;
}

.site-description {
	font-weight: 600;
}

.sub-menu  a:link, .sub-menu {
	color: #345 !important;
	text-shadow: none;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
	padding: 0px;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: #19378c;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    border-color: #19378c !important;
    color: #19378c !important;
}


.site-branding {
	width: var(--responsive--alignwide-width);
	text-align: center;
}

@media only screen and (min-width: 482px) {
.primary-navigation {
margin-right: auto;
}
}


@media only screen and (min-width: 482px) {
.site-logo .custom-logo {
max-width: var(--branding--logo--max-width);
max-height: var(--branding--logo--max-height);
height: auto;
width: auto;
}
}

@font-face {
    font-family: 'hvd_comic_serif_proregular';
    src: url('/wp-content/themes/twentytwentyone-child/fonts/HVD_Comic_Serif_Pro-webfont.eot');
    src: url('/wp-content/themes/twentytwentyone-child/fonts/HVD_Comic_Serif_Pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/twentytwentyone-child/fonts/HVD_Comic_Serif_Pro-webfont.woff') format('woff'),
         url('/wp-content/themes/twentytwentyone-child/fonts/HVD_Comic_Serif_Pro-webfont.ttf') format('truetype'),
         url('/wp-content/themes/twentytwentyone-child/fonts/HVD_Comic_Serif_Pro-webfont.svg#hvd_comic_serif_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

header {
	max-width: 100% !important;
	background-image: url("https://mallaigclean.org/wp-content/uploads/2023/11/Mallaig-Bay.webp");
	background-position: left 50% bottom 0%;
	background-size: cover;
	background-repeat: no-repeat;
}

.site-branding {
	width: 100%;
}

.site-header > .site-logo {
	border-bottom: 0px;
	padding-bottom: 0px;
}

/* Menu */

.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
	text-decoration: none;
}

.primary-navigation > div > .menu-wrapper {
	justify-content: center;
}

/* Header pages */

.entry-header {
	background-image: none;
	width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	text-align: center;
}

.singular .entry-header {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 0;
}

.sub-menu li a:hover, .sub-menu li a:link, .sub-menu li a:visited {
	color: #345;
}


/*//// category header*/

.page-header {
	background-image: none;
	text-align: center;
}

/* Title pages */

.site-title a:link, .site-title a:visited, .site-title a:active, .site-title a:hover {
	color: #fff;
	text-decoration-line: none;
}

/* Don't miss logos */

.logoImg img {
	max-height: 100px;
	max-width: auto;
	width: auto;
}



/* Footer */

.no-widgets .site-footer {
	margin-top: 0px
}

/* Three col buttons */

.wp-block-columns .wp-block-column > *:last-child {
	justify-content: center;
}


/* Small screens */

/* Header pages */

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

	.entry-header {
		width:100%;
	}

}

/* Mobile */

@media only screen and (max-width: 800px) {
:root {
	--branding--title--font-size: 3rem;
	--branding--title--font-family: hvd_comic_serif_proregular;
	--branding--logo--max-height: 10rem;
	--branding--title--font-family: hvd_comic_serif_proregular;
	--heading--font-size-h1: 3rem !important;
	--heading--font-size-h2: 2.5rem;
	--global--font-size-xxl: 3rem;
	--heading--font-family: hvd_comic_serif_proregular;
	--primary-nav--font-family: hvd_comic_serif_proregular;
	--global--color-primary: #345;
}
}

@media only screen and (max-width: 800px) {
	.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
    max-width: 100%;
}
	.primary-navigation {
		width: 100%;
	}
	
	.menu-button-container #primary-mobile-menu {
		margin-right: auto !important;
		color: #fff;
	}
	
	.primary-navigation-open .menu-button-container {
		background-color: #345;
	}
	
	.site-description, .primary-menu-container, .primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
		color: #fff;
    text-shadow: 1px 1px 2px #000;
	}
	
	.sub-menu  a:link, .sub-menu {
		color: #fff !important;
		text-shadow: 1px 1px 2px #000;
	}

	.sub-menu li a:hover, .sub-menu li a:link, .sub-menu li a:visited {
		color: #fff;
	}
	
	.dropdown-icon {
		color: #fff;
    text-shadow: 1px 1px 2px #000;
		font-weight: 800;
	}
	
	.site-logo {
		text-align: center;
	}
	
	.copyright {
		text-align: center !important;
	}
	
	
}

@media only screen and (max-width: 481px) {
	.primary-menu-container {
		background: #345 !important;
	}
}