/*
 Theme Name:     EAWC
 Theme URI:      https://staging-eawc.ninjabeaver.net
 Description:    Child theme for EAWC
 Author:         Ninja Beaver
 Author URI:     http://ninjabeaver.net
 Template:       generatepress
 Version:        1.0.0
*/

/* NAVIGATION LETTER SPACING */
.main-navigation a, .slideout-navigation.main-navigation .main-nav ul li a {
  letter-spacing: 1px;
}

/* NAVIGATION LINE EFFECT */
@media (min-width: 1024px) {
	.main-navigation .main-nav > ul > li > a:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 0;
    background-color: var(--accent-2);
    left: 50%;
    top: -50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	}

	.main-navigation .main-nav > ul > li:hover > a:before {
    height: 50px;
	}

.main-navigation .main-nav > ul > li.current-menu-item > a:before {
    height: 50px;
    width: 1px;
	}
}

.main-navigation ul ul {
	box-shadow:none;
	border-top:0;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
}

.main-navigation.sub-menu-left ul ul {
  box-shadow: none;
}

/* LINE ABOVE HEADER */

.headline-rule h1 {
    position: relative;
}
.headline-rule h1:before {
    content: '';
    position: absolute;
    display: block;
    height: 60px;
    border-left: 1px solid var(--contrast);
    left: 50%;
    transform: translateX(-50%);
    top: -66px;
}

/* MOBILE HEADER SPACING */

.mobile-header-navigation {
	padding: 10px;
	box-sizing: border-box;
}

/* IMAGE BLOCK */

figure.wp-block-image.image-style img {
  border-radius: 80px 4px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

.wp-block-image img {
  margin-bottom: 1em;
}

.wp-block-image :where(figcaption) {
  margin-top: -0.5em;
  margin-bottom: 1em;	
	
}


/* MASONRY STYLES FOR NEWS */

.masonry-container .inside-article {
	border:1px solid #f5f3f2;
	background: #faf9f8;
	padding-bottom:20px;
   -webkit-transition:  0.3s ease;
   -moz-transition: 0.3 ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

.masonry-container .inside-article:hover {
	border:1px solid #f5f3f2;
	background: #f5f3f2;
}

.masonry-container .post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image {
	margin-bottom: 0;
}

.masonry-container h2 {
	font-size:1.4em;
	padding: 0.75em;
}

.masonry-container h2 a {
	color:#DB7965;
}

.masonry-container h2 a:hover {
	color:#667780;
}

.masonry-container .entry-meta, .masonry-container .entry-summary {
	color: #666;
	padding: 0 20px;
}

.masonry-container .resize-featured-image .post-image {
	overflow:hidden;
}

.masonry-container .resize-featured-image .post-image img {
   -webkit-transition:  0.3s ease;
   -moz-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}
.masonry-container .resize-featured-image .post-image img:hover {
	transform: scale(1.2);
	filter: alpha(opacity=50);
	opacity: 0.5;
   -webkit-transition:  0.3s ease;
   -moz-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
  padding-bottom: 10px;
}

/* LISTS */

ul.noBullet {
	list-style-type:none;
	margin-left:0;
}

/* UI */

.generate-back-to-top {
	border-radius:50%;
}

/* Background Shifts */
@media (min-width: 768px) and (max-width: 1024px) {
    /* CSS in here for tablet only */

}
@media (max-width: 767px) {
    /* CSS in here for mobile only */
	.main-navigation ul ul {
	border:0;
	}
}