/*!
Theme Name: mcld
Theme URI: https://github.com/thpglobal/mcld
Author: John Coonrod
Author URI: https://thp.org
Description: Clean, professional theme adapted from untheme
Version: 0.1.2
License: GNU General Public License v2 or later
Text Domain: mcld
*/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;
	overflow: hidden; position: absolute !important; word-wrap: normal !important;
}

:root {--primary:#000000; --secondary:#252b58;
	--orange: #EC7124;
	--red: #941B13;
	--blue:#252B5B;
	--green:#67B52E;
	--gold:#E8A904;
}
*,
*::before,
*::after { box-sizing: border-box; font-family: sans-serif;}

/* text divider with rule */
.textdiv { display:flex; flex-direction:row; align-items: center;}
.divider { flex-grow:1; height:3px; background-color:var(--orange);}

.wp-block-column {padding:0.4rem;}

/* squares with shadows */
.sq-red {padding:0.8rem;width:100%;border:1px solid var(--red); box-shadow: 10px 10px var(--red);}
.sq-blue {padding:0.8rem;width:100%;border:1px solid var(--blue); box-shadow: 10px 10px var(--blue);}
.sq-green {padding:0.8rem;width:100%;border:1px solid var(--green); box-shadow: 10px 10px var(--green);}
.sq-gold {padding:0.8rem;width:100%;border:1px solid var(--gold); box-shadow: 10px 10px var(--gold);}
.sq-orange {padding:0.8rem;width:100%;border:1px solid var(--orange); box-shadow: 10px 10px var(--orange);}

.tab-red {padding:0.8rem;width:100%;border:1px solid var(--red); box-shadow: 95px -10px 0 -80px var(--red);}
.tab-blue {padding:0.8rem;width:100%;border:1px solid var(--blue); box-shadow: 95px -50px 0 -80px var(--blue);}
.tab-green {padding:0.8rem;width:100%;border:1px solid var(--green); box-shadow: 95px 30px 0 -80px var(--green);}
.tab-gold {padding:0.8rem;width:100%;border:1px solid var(--gold); box-shadow: 95px -80px 0 -80px var(--gold);}
.tab-orange {padding:0.8rem;width:100%;border:1px solid var(--orange); box-shadow: 95px -50px 0 -80px var(--orange);}



.wp-block-latest-posts.is-grid > li, .wp-block-post-template > li {padding:0.7rem; border:1px solid navy;}
figure.six > table {width:100%; height:430px; }
figure.six > table > tbody > tr, td {border:3px solid white;text-align:center; vertical-align:middle;background-color:var(--blue);color:white; width:50%}

p.has-background, h1.has-background {background-color:#252b5bcc !important}


a { text-decoration: none; color:inherit; font-weight:bold;}
a:hover {text-decoration:underline;}
h1, h2, blockquote { font-weight: normal; color:inherit}
h1 {margin-top: 0;font-size: 2rem;}
article {padding:2em; font-size:18px; color:var(--primary);}
article ~ a {color:var(--primary);}
article ~ h2 {font-size: 19px !important; color:var(--primary);}
article ~ h3, h4{ color: var(--secondary); font-weight:bold;}
.entry {max-width:1000px; margin:0 auto 2rem;}
footer {padding:2em; background-color:var(--secondary); color:white;}
table, td, th {border: 1px solid; border-collapse: collapse;}
img {width:100%; height:auto; display:block;}
a.goog-logo-link > img {width:35px !important;}

.site-title {
	grid-area:site-name;
	font-size: 2rem;
}

.main-navigation {
	grid-area:menu; width:100%; display:flex;
}
.wp-block-cover {margin-bottom: 1em;}
.site-logo { grid-area: logo;}
.site-header {
	position: sticky;
	display:grid;
	grid-template-columns: 110px auto;
	grid-template-areas: 'logo site-name' 'logo menu';
	z-index:100;
	background-color:white;
}
ol > li {margin-bottom:0.4em;}


#hamburger {display:none;}
.main-navigation .menu { list-style: none; display: flex; }

.has-shadow {text-shadow: 3px 3px #80808080;}
.main-navigation .menu a {
	display: block;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	color:#262626;
	font-size:16px;
}
@media screen and (max-width: 600px){
	.main-navigation .menu {display:none;}
	.site-title {font-size:16px;margin-top:16px;}
	.vanish {display:none;}
	#hamburger {display:block;}
	.site-content {padding:1em;}
	h1 {font-size:1.4em;}
}

/* dropdowns */

.main-navigation ul {padding-inline-start:0;}
.main-navigation ul li:hover > ul {display: block;}
.main-navigation ul ul {
    display: none;
    position: absolute;
    top: 2em;
	border-top: 2px solid var(--primary);
	padding-top: 1em;
	width: 300px;
    list-style-type: none;
    left: 0;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.sub-menu {z-index:101;}
.main-navigation li { position: relative; }
blockquote {
    margin: 20px 0 30px;
    border-left: 5px solid;
    padding-left: 20px;
	color: var(--secondary);
}

.actionbar {width:100%; background-color:var(--secondary); color:white; font-size: 2rem; padding:2rem; text-align:center;}


.wp-block-button .wp-block-button__link{
	display: inline-block;
	padding: 10px 20px;
	border-radius:0;	
	text-transform:uppercase;
	font-weight:bold;
	border: 3px solid var(--secondary);
	background-color:white;
	color:var(--secondary);
}
.wp-block-button .wp-block-button__link:hover{
	background-color:var(--secondary);
	color:white;
}