/* ----------------------------------------------------------------
	Default CSS
-----------------------------------------------------------------*/

*, 
*:hover, 
*:active, 
*:focus {
	outline: 0!important;
}


.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100rem;
	width: calc(100% - 4rem);
}

.wp-block-latest-posts .wp-block-latest-posts__featured-image {
	float: left;
	margin-right: 20px;
}

.featured-media .featured-media-inner img,
figure.wp-block-image.size-large img { width: 100%;}

#site-footer{
    background-color: #e22658;
	border-color: #e22658;
	box-shadow: 0px 0px 50px -20px #111;
}


#site-content>header:first-child {
    box-shadow: -5px 0px 40px -20px #111;    
}


nav .modal-menu a:hover {
	text-decoration: none;
	color: #e22658;
}

nav .modal-menu li:hover a {
	   
}

.wp-block-latest-posts.has-dates:not(.is-grid) li {
    margin-bottom: 1rem;
}

body:not(.overlay-header) .header-inner .toggle-wrapper::before {
    background-color: #fff;
}

/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/

@media screen and (min-width: 1600px) { }

@media screen and (min-width: 1400px) { }

@media screen and (max-width: 1399px) { }

@media screen and (min-width: 1200px) { }

@media screen and (min-width: 981px) { }

@media screen and (min-width: 769px) { }

@media screen and (min-width: 768px){ }

@media screen and (max-width: 1199px) { }

@media screen and (max-width: 1099px) { }

@media screen and (max-width: 980px) { }

@media screen and (max-width: 768px) { }

@media screen and (max-width: 480px) { }

@media screen and (max-width: 360px) { }

@media screen and (max-width: 320px) { }

@media screen and (max-height: 1100px) { }

@media screen and (max-height: 1000px) { }

@media screen and (max-height: 768px) { }

@media screen and (min-width: 1200px) and (max-height: 800px) { }

@media screen and (min-width: 1200px) and (max-height: 700px) { }

/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {

}
