/*
 Theme Name:   Zeko Lite Child
 Description:  Zeko Lite Child Theme
 Author:       Kate Lee
 Author URI:   http://katelee.biz
 Template:     zeko-lite
 Version:      1.0.0
 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:  zekolitechild
*/


/* General Styles */

h1, h2, h3, h4, h5, h6 {font-family: 'Oxygen'; text-transform: capitalize;}

.color-block{background: #246385;
color: white;
padding: 18px !important;
margin-bottom: 0;}

.color-block a, color-block a:link, color-block a:visited{color: #fff !important;}
.color-block a:hover{font-weight: bold;}

a, a:link{color: #9e0022;}

.hentry img{border: 2px inset #ccc;} 
.hentry .noframe img{border: 0;}

.ribbon-wrap{text-align: center;}

.ribbon {
	display: inline-block;
  font-weight: normal;
  font-family: 'Bungee Inline';
  position: relative;
  z-index: 1;
  background: #F4F4F4;
  max-width: 80%;
  color: #c54629;
  text-align: center;
  margin: 20px auto 40px;
  padding: 9px 18px !important;
  line-height: 1em;
  text-transform: uppercase;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 3px 3px #ccc;
  -webkit-box-shadow: 0px 0px 3px 3px #ccc;
  box-shadow: 0px 0px 3px 3px #ccc;
  
}
.ribbon:before, .ribbon:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -6px;
  border: 18px solid #ddd;
}
.ribbon:before {
  left: -36px;
  border-right-width: 18px;
  border-left-color: transparent;
}
.ribbon:after {
  right: -36px;
  border-left-width: 18px;
  border-right-color: transparent;
}
.ribbon span:before, .ribbon span:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #bbb transparent transparent transparent;
  bottom: -6px;
}

.ribbon span:before {
  left: 0;
  border-width: 6px 0 0 6px;
  transform: rotate(-90deg);
}
.ribbon span:after {
  right: 0;
  border-width: 6px 6px 0 0;
  transform: rotate(90deg);
}

.wp-block-buttons{text-align: center;}

.wp-block-button__link{background-color: #c54629;}
.wp-block-button__link:hover{background-color: #246385;}



/* Header Styles */

.header-top .wrap {max-width: 100%;}

.site-title{display: none;}
.site-description {font-family: 'Courgette'; padding: 1em .25em;}


.hero {background-color: #246385;}

.thumbnail-caption{
	position: absolute;
right: 10px;
bottom: 10px;
color: aliceblue;
font-style: italic;
}

@media only screen and (max-width: 60em) {

.site-branding .custom-logo{
	height: 120px; width: auto;
	float: left; margin: 0 1em 1em;
	}

.hero > img{display: none;}

}

@media only screen and (min-width: 60em){
	
.site-header .wrap{
	display: flex; flex-direction: column; 
	margin: 0; padding: 0;
	}
	
	.main-navigation{
		order: 1;
		background-color: #246385; padding: 0 2em;
		}
	.main-navigation a, .main-navigation a:visited {color: white;}
	.main-navigation a:hover, .main-navigation a:active {color: #97bfd3;}
		
	.site-branding {order: 2; padding: 1em 0 .5em;}
	.site-branding .wrap{display: inline; margin-bottom: -70px;}
	.site-branding .custom-logo{
    height: 200px;
    width: auto;
    position: relative;
    top: -4em;
    z-index: 300;
    margin: 0 3em;
    float: left;
    }
    
    .site-description{font-size: 1.2rem; margin: 1em 0;}
    
    ul.sub-menu{border: 2px solid #246385; border-top: 0;}
    ul.sub-menu a, ul.sub-menu a:visited{color: #246385;}
    
    .main-navigation ul ul{padding: 0;}
}


/* Front Page Content Styles */

.front-child-page h2.entry-title{
	text-align: center;
}

.front-child-page h2.entry-title::before{
	margin: 0 auto 15px;
}

@media only screen and (min-width: 60em){
	
	/*.entry-content .group-of-three{text-align: center;}
	.group-of-three  .one-third{
		width: 33%; padding: 0 20px; display: inline-block; vertical-align: top; text-align: left;
		
	}*/
	
	.front-child-page article{padding: 40px 0;}
}


.wp-block-latest-posts.wp-block-latest-posts__list{list-style-type: disc;}


.post-11927{background-color: #eee;}

.post-11925 .entry-content{
	font-size: 1.2rem;
	background: #bbd8e6;
	border-radius: 3px;
	padding: 30px;
	box-shadow: 3px 3px 3px #777;
}

.post-11925 .entry-content-wrap{background-color: #f2b9ad; width: 90%; margin: 0 auto; border-radius: 3px; padding: 1%;}

.post-11925 .entry-content p:last-child{margin:0;}

@media only screen and (max-width: 60em){
	.hero{background-position: center;}*/
	
	.post-11925 .entry-content-wrap{width: 100%;
	}
	
	.post-11925 .entry-content{font-size: 1rem;}
	
}


/* Page Content Styles */

.entry-content {padding-top: 1em;}
.top-featured-image{position: relative;}

.wp-block-image figcaption{margin-top: 0;}
.wp-block-image img{margin-bottom: 5px;}


/* Footer Styles */
.site-footer {background: #246385; color: #ddd;}
.site-footer .widget-area-block {background: inherit; padding: 2em 0;}
.site-footer .widget-area-block .widget{padding: 0;}

#menu-footer-menu a{
	color: white;
	text-decoration: underline;
}

#menu-footer-menu a:hover{
	text-decoration: none;
	font-weight: bold;
}	

#menu-footer-menu li{border: none;}

	
.hero-container-inner .entry-title{text-shadow:
		-1px -1px 0 #246385,
		1px -1px 0 #246385,
		-1px 1px 0 #246385,
		1px 1px 0 #246385;}
		
.hero-container-inner .entry-title::before{display: none !important; }		
			
body:not(.zeko-front-page) .hero-container-inner .entry-title{font-size: 4rem; }	
	 


/* Landings Styles */

.recent-articles{
	width: 100%;
    color: #0f4560;
    border-top: 5px solid #246385;
    border-bottom: 3px solid #246385;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3em;
    padding: .25em 0;
    margin: 2em 0;
}


.blog article::before{
	display: block;
    height: 4px;
    background-color: #9e0022;
    content: " ";
    width: 70px;
    margin-bottom: 15px;	
}

.blog h1.entry-title:before{display: none;}


@media only screen and (min-width: 60em){
.blog .post-thumbnail{float: left; width: 300px; height: auto; margin-right: .75em; }
}

/*#secondary h2.widget-title, #secondary h3.widget-title{
	width: 100%;
    margin: 20px 0;
    padding: 0;
    background: url(images/blog-sidebar-header.png) no-repeat center;
    text-align: center;
    text-transform: uppercase;
    font-size: .95em;
    line-height: 2em;
    border: 0;
    }*/