/*
Theme Name: Douglas Fry 2013
Theme URI: 
Description: Bespoke theme
Version: 2013
Author: David Leng
Author URI: http://www.starryskydesign.com
Tags: 
Text Domain: 

*/
@font-face {
    font-family: 'Helvetica Neue';
    src: url('./fonts/helveticaneueroman-webfont.woff2') format('woff2'),
         url('./fonts/helveticaneueroman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url('./fonts/helveticaneuelight-webfont.woff2') format('woff2'),
         url('./fonts/helveticaneuelight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'Helvetica Neue';
	font-size:20px;
	color:#555555;
	line-height:26px;
	margin:0; padding:0;
	background-color:#fff;
}

	

article, aside, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}


h1, h2, h3, h4, h5, p, a, nav, small {
	/* mobile text size change */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
}


h1 {
	font-size:32px;
	font-weight:700;
	margin:0 2% 30px;
	line-height: 1.3;
	}
	
h2 {
	font-size:24px;
	font-weight:700;
	line-height: 28px;
	margin: 20px 0 15px 0; 
	padding:0;
	color: #7799AF;
	}
	
#content h2 a {
	text-decoration: none;
	color: #7799AF;
}

h3 {
	font-size:20px;
	line-height: 1.5;
	font-weight:700;
	margin: 20px 0 15px 0; padding:0;
	}
	
h4 {
	font-size:14px;
	font-weight:700;
	margin:0; padding:0;
	}

a { 
	color: #000;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
    text-decoration-skip: auto;
    text-decoration-skip-ink: auto;
 }
a:hover { text-decoration:underline; }

p { margin-top:0; padding-top:0; font-size: 24px; line-height: 30px; }


.clear-right {
	clear:right;
}


iframe {
	border:none;
}


.lead {
	font-size:32px; 
	line-height:40px;
}



img.wp-image-6779 {
	max-width:142px;
}
	
/* HEADER CONTENT 

header {
	width:940px;
	padding:20px 10px 0;
	margin:0 auto;
	min-height:110px;
}


.logo {
	padding:0 20px;
	float:left;
}


header nav {
	float:right;
	margin-right:20px;
	margin-top:30px;
}

header nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

header nav ul li {
	display:inline;
	padding:0 0 0 25px;
	margin:0;
	color:#8bb8e3;
	
}


.subnav {
	margin-top:10px; 
	padding-top:10px; 
	border-top:1px solid #efefef;
	font-size:13px;
	}


*/
.full-header {
	width:100%; background-color:#000;
}
.full-header:after {
	content:"";
	display:table;
	clear: both;
}

.form-search {
	float:right;
	text-align:right;
	width:30%;
}


.header-intro {
	max-width:900px;
	margin:0 auto;
	width:96%;
	padding:0 2%;
	clear:both;
}

.header-intro img {
	width:100%;
	max-width:900px;
}

	
header {
	max-width:940px;
	width:96%;
	padding:20px 2% 6px;
	margin:0 auto;
}


.logo {
	padding:0 2%;
	float:left;
	max-width:120px;
	width:20%;
}


header nav {
	text-align:right;
	color:#fff;
	position:relative;
	margin:0 2%;
}

header nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

header nav ul li {
	display:inline-block;
	margin:0 0 0 2%;
	padding:0;
	color:#8bb8e3;
	
}

.level-menu > li {
	font-size:15px;
}

.level-menu li a, .level-menu li ul li a { 
	line-height: 22px;
}

header nav ul li ul.sub-menu {
	position: absolute;
	width: 100%;
	right: 0;
	top: auto;
	bottom: -34px;
}

header nav ul ul.sub-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size:13px;
}


header nav ul li ul.sub-menu li {
	display: inline-block;
}


.subnav {
	margin-top:10px; 
	padding-top:10px; 
	border-top:1px solid #efefef;
	font-size:13px;
	}
	
	
.nav-menu {
	display:none;
}

.clear-hd {
	clear:both;
}


/* TEXT AND IMAGE CONTENT */

#content {
	margin:0 auto;
	max-width:900px;
	width:96%;
	padding:0 2%;
}

/* #content h2 {
	max-width:580px;
	width:65%;
}
 */

#content iframe {
	float:left;
	max-width:580px;
}


.border-black {
	border:1px solid black;
}


.v-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.v-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}


#content img { 
	height:auto;
	width:100%;
	margin-bottom: 10px;
}


/* .left {
	float:left;
	width:65%;
} */

.left {
	float:left;
	width:790px;
}

#content p img, #content p iframe {
	width: 100%;
	max-width: 100%;
}

@media all and (min-width: 1499px) {
	#content p img, #content p iframe {
		width: calc(100% + 200px);
		max-width: calc(100% + 200px);
	}	
}


.right {
	float:right;
	width:30%;
}


img { margin:0; padding:0; border:none; }


.full-content {
	max-width:900px;
	margin:0 auto;
	width:96%;
	padding:0 2%;
	clear:both;
}

	
.clear-content {
	clear:both;
	height: 20px;
	/* padding-bottom:20px;
	border-bottom:1px solid #efefef;
	margin:0 auto 30px; */
}

.full-content figure.single-figure {
	max-width: 580px;
	width: 66%;
}



.clear {
	clear:both;
	height:20px;
}

.clear-title {
	clear:both;
	height:10px;
}

.clear-contact {
	width:900px;
	margin:0 auto;
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #efefef;
	clear:both;
}

.clear-header { clear:both; }

	
	
blockquote {
	padding:20px 2%;
	margin:0 0 20px;
	font-size:20px;
	font-weight: 700;
	line-height: 1.15em;
	letter-spacing: -0.32px;
	/* text-indent:40px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:top left; */
	color:#7799AF;
	float:right;
}

blockquote strong {
	font-weight: 400;
    margin-top: 10px;
    font-size: 14px;
	color: rgb(83, 83, 83);
    display: block;
    text-indent: initial;
}
	
	
figure {
	margin:10px 0;
	padding:0;
}

figcaption {
	text-align:center;
	font-size:12px;
	margin:0;
	padding:0;
}

	
.blue { background-color:#8bb8e3; color:#FFF; }




/* FOOTER */

#footer-container {
	max-width:940px;
	width:96%;
	padding:20px 2%;
	font-size:12px;
	color:#999999;
	margin:0 auto;
	clear:both;
	}	

footer {
	width:96%;
	font-size:12px;
	color:#666666;
	margin:0 auto;
	padding:20px 2%;
	border-top:1px solid #dfdfdf;
}


footer nav { width:100%; clear:both; }

footer p { margin:0; padding:10px 0 0; }

footer nav ul {
	margin:10px auto 10px;
	padding:0;
	list-style-type:none;
}

footer nav ul li {
	padding-right:1%;
	display:inline;
	font-size:11px;
	margin:0;
}


.blog-footer {
	max-width:900px;
	width:100%;
	margin:0 auto;
	padding:6% 0;
}

.blog-footer ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.blog-footer li {
	list-style-type:none;
	margin:8px 0; padding:3px 0;
	font-size:16px;
}

.blog-footer ul li {
	margin:0;
	padding:0;
}

.blog-footer li li {
	list-style-type:none;
	font-size:14px;
	margin:2px 0; padding:3px 0 3px 5px;
}

.blog-footer li li li {
	list-style-type:none;
	font-size:12px;
	margin:2px 0 2px; padding:3px 0 3px 15px;
}

.blog-footer ul ul {
	list-style-type:none;
	font-size:12px;
}

small { font-size:11px; }


.blog-footer select {
	width:100%;
}


.category-tag {
	float:left;
	width:45%;
	margin-right:5%;
}

.archive-tag {
	float:left;
	width:45%;
	margin-left:5%;
}


/* LINKS */

a.top-link {
	text-decoration:none;
	color:#999999;
	}
	
a.top-link:hover {
	text-decoration:underline;
	color:#555555;
	}
	
	
a.bottom-link {
	text-decoration:none;
	color:#999999;
	}
	
a.bottom-link:hover {
	text-decoration:underline;
	color:#555555;
	}
	



/* ===== SEARCH FORM ===== */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}



/* =====  COMMENTS ====== */

.commentlist li, #commentform input, #commentform textarea {
	font: 14px Arial, Helvetica, sans-serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family:Arial, Helvetica, sans-serif;
	}
	
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}

.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {
	border-left: 1px solid #ddd;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}






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


.logo {
	width:25%;
	padding:0;
}

/* header {
	width: 92%;
	padding: 20px 4% 6px;
} */

header nav ul li ul.sub-menu {
	left: 0;
	top: 35px;
}


header nav ul li ul.sub-menu li {
	padding: 0 2% 0 0;
}


.subnav {
	margin-top:5px; 
	padding-top:5px; 
	}

header nav {
	float: left;
	margin:15px 0 0 0;
	width: 100%;
	text-align: left;
	font-size:14px;
}



header nav ul li {
	padding: 0 2% 0 0;
	margin:0;
}
	
	.left{
		width:640px; 
	}
	
}

@media screen and (max-width:992px) {
h1 {
	font-size:20px;
	font-weight:normal;
	margin:0 0 20px;
	}


.full-content {
	max-width:900px;
	margin:0 auto;
	width:100%;
	padding:0;
	clear:both;
}



.left {
	float: left;
	width: 100%;
	max-width:none;
	padding: 0;
}

.form-search {
	float:left;
	width:100%;
	text-align:left;
}


.logo {
	padding-left:0; margin-left:0;
}


nav { margin-right:0; }


header nav {
	margin-top: 20px;
}


.left { padding-left:0;
}

.right { padding-right:0; }
	

#content, .content-contact, .header-intro {
	margin:0 auto;
	max-width:940px;
	width:92%;
	padding:2% 4%;
}


.blog-footer {
	margin:0 auto;
	width:92%;
	padding:6% 4%;
}


.full-venue {
	max-width:900px;
	padding:20px 0;
	width:100%;
	clear:both;
}


.clear-contact { display:none; }
#content p img, #content p iframe {
	width: 100%;
	max-width:100%;
}
	
}


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

.full-venue h4 {
	font-weight:normal;
	font-size:13px;
}


}



@media screen and (max-width:880px) {
	
	
blockquote { display:none; }

.right { display:none; }

#content h2 {
	max-width:none;
	width:100%;
}

.full-content img {
	width: 48%;
}


.iframe-content-large, .iframe-content {
	width:100%;
	max-width:none;
	margin-bottom:5px;
}

.hide-me { display:none; }

	
}


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


header {
	width: 92%;
	padding: 20px 4%;
}



}



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


.clear-link {
	height:10px;
}



.small-field {
	width:50%;
	font-size:13px;
}

.large-field {
}

.field-text {
	font-size:13px;
	width:50%;
}


.form-holder {
	padding:20px 6%;
	background-color:#efefef;
}





}





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




.strip-video {
	width:100%;
	padding:20px 0;
}


}


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

.full-content img.single-image {
	float:left; 
	width:100%;
}

.album {
	margin-right: 5%;
}

}

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

@media screen and (max-width:992px) {
		header {
        padding: 20px 4%;
    }
	header nav {
	font-size:16px;
	display:none;
}

header nav ul li {
	display: block;
	padding: 0;
	margin: 6px 0;
	color: #8bb8e3;
}

header nav {
margin-top: 6%;
}

a#show-menu {
	display: inline;
	text-decoration:none;
}

a#show-menu:hover {
	text-decoration:none;
}

.menu-small { color:#999; }

.nav-menu img {
	margin-left: 6%;
	width: 100%;
	max-width: 35px;
	vertical-align: middle;
}

.nav-menu {
	float: right;
	width:58%;
	text-align:right;
	display:inline;
}

.form-holder {
	margin-top: 6%;
}

header nav ul li ul.sub-menu {
	left: 0;
	top: 0;
	margin-bottom: 15px;
	position:relative;
}


header nav ul li ul.sub-menu li {
	padding: 0;
	margin: 0;
	display: block;
	text-indent:4%;
}

.clear-icon {
	clear:right;
	height:15px;
}	
}

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



.inside-slide {
	right:auto;
	bottom:auto;
	width: 92%;
	position: relative;
	padding: 4%;
	background-image:none;
}


.inside-slide p {
	color:#999;
}



.category-tag {
	float:left;
	width:100%;
	margin-right:0;
	margin:10px 0 15px;
}

.archive-tag {
	float:left;
	width:100%;
	margin-left:0%;
	margin-top:15px;
}

}

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

.form-search { display:none; }
.logo { width:37%; }

.small-field, .field-text {
	float:left;
	width:100%;
	font-size:14px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
}

a.bx-prev {
	width: 36px;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/arrow-left-small.png);
}

a.bx-next {
	width: 36px;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/arrow-right-small.png);
}



.clear-form {
	height:4px;
}



.lead {
	font-size:14px;
	line-height:22px;
}


.clear-content {
	height: 15px;
}


h1 {
	font-size:18px;
	}
	
h3 {
	font-size:15px;
	}
	
h4 {
	font-size:14px;
}


h2 {
	margin: 0 0 5px;
	font-size:16px;
}


footer nav ul li {
	display:block;
}

}


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

.nav-menu img {
	max-width: 30px;
}
	
.full-venue section {
	width:100%;
	float:left;
	margin-bottom:15px;
}


.full-venue section img {
	max-width:280px;
	float:left;
	width:100%;
	margin:0 auto;
}


.full-venue section h4 {
	font-size:14px;
	font-weight:bold;
}
	
}

.header-intro-new {
	background-image: url('../../../../images/doug.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin-bottom: 20px;
	height: 30vw;
}

.header-intro-new:after {
	content: '';
	position: relative;
	display: block;
/* 	padding-bottom: 30%; */
}

.intro-new:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
}

.article-holders {
	position: relative;
	width: 100%;
	display: block;
	/*display: -webkit-box;*/
	/*display: -webkit-flex;*/
	/*display: -ms-flexbox;*/
	/*display: flex;*/
	/*-webkit-flex-wrap: wrap;*/
	/*-ms-flex-wrap: wrap;*/
	/*flex-wrap: wrap;*/
	/*-webkit-box-orient: horizontal;*/
	/*-webkit-box-direction: normal;*/
	/*-webkit-flex-direction: row;*/
	/*-ms-flex-direction: row;*/
	/*flex-direction: row;*/
	/*-webkit-box-pack: start;*/
	/*-webkit-justify-content: flex-start;*/
	/*-ms-flex-pack: start;*/
	/*justify-content: flex-start;*/
	/*-webkit-box-align: start;*/
	/*-webkit-align-items: flex-start;*/
	/*-ms-flex-align: start;*/
	/*align-items: flex-start;*/
}

.article-post2 {
	width: calc((100% - 80px) / 3);
	background-color: #FFFFFF;
	margin: 30px 0;
}

.article-post2 img {
	margin-top: 0!important;
}

.article-post {
	background-color: #FFF;
	width: calc((100% - 60px) / 3);
	/*margin-right: 30px;*/
	/*-webkit-box-flex: 0;*/
	/*-webkit-flex: 0 calc((100% - 30px) / 2);*/
	/*-ms-flex: 0 calc((100% - 30px) / 2);*/
	/*flex: 0 calc((100% - 30px) / 2);*/
	/*margin-bottom: 30px;*/
}
.article-post:nth-child(2n+2) {
	margin-right: 0;
}
@media (max-width: 768px) {
	.article-post2 {
		width: 100%;
	}

	.article-post {
		width: 100%;
		margin-right: 0 !important;
		-webkit-box-flex: 0;
		-webkit-flex: 0 100%;
		-ms-flex: 0 100%;
		flex: 0 100%;
	}
}
.article-post blockquote:last-of-type {
	margin-top: 0 !important;
}
.article-post blockquote:first-of-type {
	margin-top: 20px !important;
}
.article-post__bottom {
	padding: 0px;
}
.article-post__image {
	position: relative;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.article-post__image:after {
	content: "";
	position: relative;
	display: block;
	padding-bottom: 100%;
}
.article-post__title {
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 0;
	margin-bottom: 20px;
}
.article-post__title a {
	color: #555;
	text-decoration: none;
}
.article-post__title a:hover {
	text-decoration: underline;
}
.article-post__read-more {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #555;
}
.article-post__read-more a {
	color: #7799AF;
	text-decoration: none;
}
.article-post__read-more a:hover {
	text-decoration: underline;
}
.article-item__title {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.article-item__images img {
	width: 100%;
}
.article-item__images img.width-half {
	width: 50% !important;
	display: inline-block;
}
.article-item__images {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.article-item__image {
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.article-item__image a {
	height: 100%;
	width: 100%;
}
.article-item__image:after {
	content: "";
	position: relative;
	display: block;
	padding-bottom: 100%;
}
.article-item__image.width-half {
	width: calc((100% - 20px) /2);
}
@media (max-width: 768px) {
	.article-item__image.width-half {
		width: 100%;
	}
}
.article-item__quotes {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 20px 0;
}
@media (max-width: 768px) {
	.article-item__quotes {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
.article-item__quotes blockquote {
	width: calc((100% - 30px) / 2);
	padding: 0 !important;
	display: table-cell;
	margin: 0 !important;
}
@media (max-width: 768px) {
	.article-item__quotes blockquote {
		width: 100%;
	}
}
.article-item__quotes blockquote > div {
	padding: 20px;
}

#related_posts_thumbnails li {
	max-width: 100%;
	width: 33%;
	box-sizing: border-box;
	min-height: 250px;
}
.blog-footer {
	max-width: 1840px;
	width: 100%;
	margin: 0 auto;
	padding: 2%;
	box-sizing: border-box;
}

.post-categories {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.post-categories a {
	padding: 5px;
	background-color: black;
	border: 2px solid black;
	color: white;
	margin-right: 5px;
	margin-bottom: 20px;
	text-decoration: none;
}

.post-categories a:last-of-type {
	margin-right: 0;
}

.post-categories a:hover {
	background-color: transparent;
	color: black;
	text-decoration: underline;
}

.related-posts {
	list-style: none;
	padding: 0;
	margin: 0;

	max-width: initial!important;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.related-posts li {
	margin-right: 20px;
	width: 100%;
	font-weight: bold;
	margin-bottom: 20px;
}

.related-posts li a {
	color: #555555!important;
	text-decoration: none;
}
.related-posts li a:hover {
	text-decoration: underline;
}
.related-posts li:last-of-type {
	margin-right: 0;
}

.related-posts li .image {
	position: relative;
	display: block;
	padding-bottom: 60%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 5px;
}

@media all and (max-width: 768px) {
	.related-posts {
		flex-wrap: wrap;
	}
	.related-posts li {
		margin-right: 0;
	}
}