/*
Theme Name: WP-MediaMag
Theme URI: http://www.solostream.com
Author: Solostream
Author URI: http://www.solostream.com/
Description: This WordPress theme was designed and built by Solostream.
Version: PF 2.0.3

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php</strong>

*/

/* --- [ Rev 06/22/2010 - Added WP 3.0 Menu Management Function ] --- */

/* --- [ Default style settings are below, while user-defined adjustments and adjustments for various color schemes are in the style.php file. You can make additional adjustments in style-2.css. ] --- */

/* -------------------[ Main Page Elements ]------------------- */

body {
	background: #eee url(images/bodybg.jpg);
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	color:#555;
	font-family:arial,helvetica,sans-serif;
	font-size:11pt;
	}

img,
iframe,
video,
object {
	max-width: 100%;
}

img {
	height: auto;
}

#wrap {
	clear: both;
	margin: 0 auto;
	padding:0;
	width:990px;
	}

#header {
	width:920px;
	padding:0 20px;
	margin: 0 auto;
	background:#fff;
	}

#head-content {
	margin: 0 auto;
	height:100px;
	width:920px;
	display: flex;
	align-items: center;
	}

@media (max-width: 998px) {
	#head-content {
		justify-content: center;
	}
}

@media (min-width: 999px) {
	#head-content {
		justify-content: space-between;
	}
}

#sitetitle {
	margin:0;
	padding:0;
	}

#sitetitle h1, #sitetitle .title {
	font-size: 30px;
	padding:0;
	margin:20px 0 0;
	text-align:left;
	line-height: 1.2em;
	letter-spacing:-1px;
	color:#000;
	}

#sitetitle .description {
	font-size: 9pt;
	padding: 0;
	margin:0;
	text-align:left;
	color:#fff;
	}
.yarpp-template-thumbnails{
	padding: 0;
    margin: 10px 0;
    background: #eee;
    padding: 15px;
    border: 1px solid #ddd;
}
.related-flex{
	display: flex;
	
}


.yarpp-template-yarpp-template-example{	
	padding: 12px 12px 14px 12px;
	margin: 21px 0;
	background: #eee;
	border: 1px solid #ddd;
}

.wp-post-image{
	margin: 0;
}

.title-realeted{
   margin-bottom: 10px !important;
   font-family: georgia,times,serif;
   line-height: 1.2em;
	letter-spacing: -1px;
    margin: 0;
    padding: 0;
    color: #000;
}
.plus{
	overflow: hidden;
	
}

.elements-related{
	width: 33%;
    margin: 0 5px 0 5px;
    box-sizing: border-box;
}

 .yarpp-thumbnail{
	padding: 0px 1px 30px 0px;
 }

.site-logo-link {
	display: block;
}

.site-logo {
	display: block;
	max-width: 100%;
}

#head-banner468 {
	border:1px solid #ddd;
	}

#page {
	clear: both;
	margin: 0 auto;
	padding: 15px 20px;
	width:920px;
	background:#fff;
	}

#contentleft {
	width: 590px;
	float:left;
	padding: 0;
	margin: 0;
	}

#content {
	margin: 0;
	padding: 0;
	width: 590px;
	}

#contentright {
	width: 300px;
	float:right;
	padding: 0;
	font-size: 11pt !important;
	}

#sidebar {
	width: 300px;
	display:block;
	}

#sidebar-bottom {
	width:300px;
	clear:both;
	display: block;
	padding:0;
	background:#fff;
	}

#sidebar-bottom-left {
	width:160px;
	float:left;
	padding:0;
	margin:0;
	overflow:hidden;
	}

#sidebar-bottom-right {
	width:120px;
	float:right;
	padding:0;
	margin:0;
	overflow:hidden;
	}

#footer {
	text-align:center;
	padding:30px 0;
	clear: both;
	margin: 0 auto;
	font-size:8pt;
	background:#000033;
	color:#fff;
	width:960px;
	}

#footer .limit {
	padding: 0;
	margin:0 auto;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------------[ Headings ]------------------- */

h1, h2, h3, h4, h5, h6, h7 {
	line-height: 1.2em;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#000;
	}

h1 {
	font-size: 20pt;
	}

h2 {
	font-size: 18pt;
	}

h3 {
	font-size: 16pt;
	}

h4,h5,h6,h7 {
	font-size: 14pt;
	letter-spacing:0px;
	}

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
	margin-bottom: 15px;
	}

h3#comments, h3#respond, h3#trackbacks  {
	font-size:16pt;
	margin: 0 0 10px;
	}

h3#postinfo, h3#comments, h3#respond, h3#trackbacks, #respond h3  {
	margin: 0 0 10px;
	}

h3#comments  {
	margin: 0;
	}

h1.archive-title {
	padding: 5px 0;
	text-align:center;
	margin: 0 0 10px;
	border-top:double #ddd;
	border-bottom: double #ddd;
	font-size: 30pt;
	color: #336699;
	padding-top: 11px;
	letter-spacing:0px;
	}

h2.post-title, h1.post-title {
	margin: 0 0 2px;
	padding: 0;
	}

.singlepost h1.post-title {
	border-top:double #ddd;
	padding-top:5px;
	}

h1.page-title {
	border-top:double #ddd;
	font-size: 30pt;
	color: #336699;
	padding-top: 11px;
	}

h3.widgettitle {
	font-size: 16pt;
	margin-bottom:5px;
	padding: 0 0 5px 0;
	border-bottom: double #ddd;
	letter-spacing: 0px;
	}



/* -------------------[ Links ]------------------- */

a, a:link, a:visited {
	text-decoration:none;
	color:#336699;
	}

a:hover, a:active {
	text-decoration:none;
	color:#000000;
	}

a.more-link, a.more-link:link, a.more-link:visited  {
	background: url(images/arrow-off.gif) 100% 70% no-repeat;
	padding-right:12px;
        }

a.more-link:hover, a.more-link:active  {
	background: url(images/arrow-on.gif) 100% 70% no-repeat;
	padding-right:12px;
	}

#footer a, #footer a:link, #footer a:visited {
	color:#fff;
	}

#footer a:hover, #footer a:active {
	color:#fff;
	}


/* -------------------[ Images ]------------------- */

.entry img {
	border:1px solid #ddd;
	padding:2px;
	background:#fff;
	margin: 0 0 5px 0;
        }

img.alignright {
	border:1px solid #ddd;
	padding:2px;
	background:#fff;
	float: right;
	clear: right;
	margin: 0 0 5px 10px;
        }

img.alignleft {
	border:1px solid #ddd;
	padding:2px;
	background:#fff;
	float: left;
	clear: left;
	margin: 0 10px 5px 0px;
        }

img.aligncenter, img.centered, img.center {
	border:1px solid #ddd;
	padding:2px;
	background:#fff;
	display: block;
	margin: 0 auto 20px auto;
	float: none;
	clear: both;
        }

img.post-thum, img.thumbnail {
	border:1px solid #ddd;
	padding:2px;
	float:left;
	margin: 0 10px 15px 0;
	}

img.avatar, img.comment-grav {
	border:1px solid #ddd;
	padding:2px;
	background:#fff;
	float:right;
	margin:0 0 10px 10px;
	}

.commentlist img.avatar, img.comment-grav {
	margin-bottom:15px;
	}

.singlepost .auth-bio img.avatar {
	border:1px solid #ddd;
	padding:2px;
	background:#fff;
	float:right;
	margin:0 0 10px 10px;
	}


/* -------------------[ Caption Styles for WP 2.6+ ]------------------- */

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #fff;
	padding-top:5px;
	margin: 0 10px 10px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 8pt;
	padding: 5px;
	margin: 0;
	}

/* -------------------[ Misc Tags and Classes ]------------------- */

p {
	margin-top: 0px;
	margin-bottom: 15px;
	}

ol {
	margin-left: 40px;
	padding: 0;
	}

ul {
	margin-left: 15px;
	padding: 0;
	}

.post ul, .post ol {
	list-style-type: none;
	}

.post ul li {
	list-style-type:none;
	background: url(images/arrowgray.gif) 0 4px no-repeat;
	padding: 0 0 2px 14px;
	margin-left: 0;
	}

.post ol li {
	list-style-type:decimal;
	margin-left: 0;
	padding-left: 0;
	}

.post ul ul {
	margin-left:0;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px solid #999;
	}

* html acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding-left: 10px;
	border-left: 5px solid #666;
        color: #666;
	}

.center {
	text-align: center;
	}

a img, img a {
	border: none;
	}

.post {
	margin: 0 0 15px;
	padding:0;
	border-bottom:1px dotted #ccc;
	}

.singlepost .post {
	margin: 0;
	border-bottom:0;
	}


.entry {
	margin: 0;
	padding: 0;
	}


.postdate {
	font-size:11pt;
	color:#666;
	margin-bottom: 15px;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

hr {
        display: block;
        clear:both;
        }

.navigation {
	margin: 0;
	padding: 10px 0 0;
	font-weight:bold;
	clear:both;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
        float: none;
        clear: both;
	}

.banner468 {
	text-align:center;
	margin: 0 auto 10px;
	padding:5px 0px;
	border:1px solid #ddd;
	background:#eee;
	float:none;
	display:block;
	}

.tags {
	background: transparent url(images/tag.gif) 0 2px no-repeat;
	margin: 0 0 15px;
	padding: 0 0 0 17px;
	}

.cats {
	background: transparent url(images/folder.gif) 0 1px no-repeat;
	margin: 0;
	padding: 0 5px 0 15px;
	}

.comments {
	float:right;
	padding:0;
	margin: 0 0 5px 5px;
	width:26px;
	height:20px;
	background:url(images/comments.gif) top left no-repeat;
	text-align:center;
	font-size:8pt;
	}

.comments a {
	width:26px;
	height:20px;
	line-height:16px;
	display:block;
	}

.singlepost .comments {
	margin: 15px 0 10px 10px;
	}

input:focus {
	outline: none;
	}

object, embed {
	z-index:1;
	}

p#breadcrumbs {
	padding: 0;
	margin: 0 0 5px;
	}

.single-video {
	margin-bottom: 15px;
	}

/* ---------------[ Tables ]--------------- */

table {
	margin-bottom:15px;
	}

tr, td, th {
	margin:auto;
	}

td, th {
	padding:5px;
	vertical-align:top;
	}

th {
	font-weight:bold;
	background:#ddd;
	}

td {
	border:1px solid #ddd;
	}

/* -------------------[ Author Bio Info ]------------------- */

.auth-bio {
	padding: 15px;
	margin: 0 0 15px;
	background:#eee;
	border:1px solid #ddd;
	}

.singlepost .auth-bio {
	margin: 0 0 10px;
	}

.auth-bio img.avatar {
	padding:1px;
	background:#fff;
	border:1px solid #ddd;
	float:right;
	margin:0 0 0 10px;
	}

.auth-bio p {
	margin:0;
	}

/* -------------------[ Top Navigation ]------------------- */

#topnav {
	padding: 0 20px;
	margin: 0 auto;
	background:#000033;
	width:920px;
	font-size: 9pt;
	}

#topnav .limit {
	margin:0 auto;
	padding:0;
	}

#topnav ul {
	width: 700px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	float:left;
	}

#topnav ul a, #topnav ul a:link, #topnav ul a:visited {
	color:#fff;
	display: block;
	text-decoration: none;
	padding: 0 7px;
	margin:0;
	}

#topnav ul a:hover, #topnav ul a:active  {
	background:#000;
	}

#topnav li {
	height:40px;
	line-height:40px;
	float: left;
	padding: 0;
	}

#topnav li ul {
	z-index:9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0;
	padding:0;
	background:#000;
	}

#topnav li li {
	height:30px;
	line-height:30px;
	}

#topnav ul li ul a, #topnav ul li ul a:link, #topnav ul li ul a:visited {
	width:180px;
	}

#topnav ul li ul a:hover, #topnav ul li ul a:active  {
	background:#444;
	}

#topnav li ul ul {
	border:0;
	margin: -30px 0 0 200px;
	}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
	}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: auto;
	}

#topnav li:hover, #topnav li.sfhover {
	background:#000;
	}

/* -------------------[ Searchform ]------------------- */

#topsearch {
	float:right;
	width:180px;
	padding: 8px 0 0 0;
	}

#searchform {
	float:right;
	width:180px;
	padding:0;
	margin:0;
	}

#searchform #searchfield {
	float:left;
	padding:2px 0 0 5px;
	width:152px;
	height:20px;
	margin: 0;
	border:0;
	background:#fff;
	color:#999;
	border:1px solid #ccc;
	border-right:0;
	}

#searchform #submitbutton {
	margin: 0;
	float:left;
	font-size:8pt;
	font-weight:bold;
	width:21px;
	height:20px;
	border: 1px solid #ccc;
	border-left:0;
	text-indent:-10000em;
	background: #fff url(images/search-button.gif) 0 -1px no-repeat;
	}

#rssbutton {
	height:24px;
	width:24px;
	float:right;
	padding: 0 5px 0 0;
	}

/* -------------------[ Category Navigation ]------------------- */

#nav {
	margin: 0 auto;
	width:920px;
	background:#000033;
	padding: 0;
	}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	}

#nav a, #nav a:link, #nav a:visited {
	color:#fff;
	display: block;
	text-decoration: none;
	padding: 0 10px;
	}

#nav a:hover, #nav a:active  {
	background:#000;
	}

#nav li {
	float: left;
	padding: 0;
	height:30px;
	line-height:30px;
	}

#nav li ul {
	z-index:9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0;
	padding:0;
	background:#000;
	}

#nav li li {
	}

#nav li ul a, #nav li ul a:link, #nav li ul a:visited {
	border-right:0;
	width:180px;
	}

#nav li ul a:hover, #nav li ul a:active  {
	background:#444;
	}

#nav li ul ul {
	border:0;
	margin: -30px 0 0 200px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover {
	background: #000;
	}

/* -------------------[ Top-10 Block ]------------------- */
.single-top-10 {
	padding: 0;
	margin: 10px 0;
	background:#eee;
	padding:15px;
	border:1px solid #ddd;
}

.single-top-10 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-top-10 ul li {
	background-image: none;
	padding: 0;
}

.single-top-10 ul li > a {
	display: block;
}

.single-top-10 .tptn_thumb {
	display: block;
	width: 100%;
}

.single-top-10 .tptn_after_thumb {
	display: block;
	margin-top: 10px;
}

@media (max-width: 991px) {
	.single-top-10 ul li {
		margin-top: 1em;
	}
}

@media (min-width: 992px) {
	.single-top-10 ul {
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}

	.single-top-10 ul li {
		width: 33%;
		padding: 0 15px;
		box-sizing: border-box;
	}
}

.widgettitle {
	margin-bottom: 10px;
}

/* -------------------[ Comments ]------------------- */

.allcomments {
	padding: 0;
	margin: 0;
	background:#eee;
	padding:15px;
	border:1px solid #ddd;
	}

.commentlist {
	padding: 0;
	list-style-type:none;
	margin: 0;
	}

.commentlist li {
	clear:both;
	margin: 15px 0 0;
	padding: 15px;
	list-style-type:none;
	background:#fff;
	border:1px solid #ddd;
	}

.comment-author {
	padding: 0px;
	}

.commentlist li img.avatar {
	float:left;
	margin: 0 5px 5px 0;
	}

.commentlist li ul.children {
	margin: 15px 0 0;
	padding: 0;
	}

.commentlist li ul.children li {
	margin-bottom:0;
	}

.commentmetadata {
	margin-bottom:10px;
	font-size: 8pt;
	padding: 0px;
	}

.commentlist cite {
	font-style:normal;
	font-weight:bold;
	}

#commentform {
	margin:0;
	padding:0;
	}

input[name="_mc4wp_subscribe_wp-comment-form"] {
		width: 30px;
	}

#commentform input {
	font-family:arial;
	font-size:9pt;
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
	margin: 0;
	}

#commentform input#submit {
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
	font-weight:bold;
	}

	

#commentform input#submit:hover {
	background:#ccc;
	cursor:pointer;
	}

#commentform textarea {
	width:80%;
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
	}

.wpcf7-list-item {
	margin-top: 15px !important;
}

ol.tblist {
	padding: 10px 0 0;
	margin: 0 0 10px;
	}

ol.tblist li {
	margin: 0 0 5px 20px;
	}

#submit.submit-commentss{
	margin-top: 10px ;
}

#respond {
	margin: 10px 0 0;
	clear:both;
	background:#eee;
	padding:15px;
	border:1px solid #ddd;
	}

.commentlist #respond {
	clear:both;
	padding-top:10px;
	}

.comments-navigation {
	display:block;
	margin: 0 0 5px;
	padding:0;
	font-weight:bold;
	}

.comments-navigation .alignleft {
	float:left;
	}

.comments-navigation .alignright {
	float:right;
	}

.comments-number {
	font-size:8pt;
	font-weight:bold;
	margin-bottom:0;
	padding:0;
	}

.commentlist img.avatar, .commentlist img.comment-grav {
	padding:2px;
	background:#fff;
	border:1px solid #ddd;
	float:right;
	margin:0 0 10px 10px;
	}

.reply {
	margin: 0;
	}

a.comment-reply-link, a.comment-reply-link:link, a.comment-reply-link:visited, .reply a, .reply a:link, reply a:visited {
	clear:both;
	background:#ddd;
	border:1px solid #ddd;
	padding: 3px 10px;
	font-weight:bold;
	font-size:8pt;
	text-transform:lowercase;
	color:#000;
	}

a.comment-reply-link:active, a.comment-reply-link:hover, reply a:active, .reply a:hover {
	background:#d5d5d5;
	}

.comment-body ul {
	list-style-type:disc;
	margin:0 30px 15px;
	padding:0;
	border:none;
	}

.comment-body ul li {
	list-style-type:disc;
	margin:0;
	padding:0;
	border:none;
	}

/* -------------------[ Sidebar ]------------------- */

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#sidebar ul ul {
	margin: 0;
	padding: 0;
	}

#sidebar ul ul ul {
	margin: 0;
	padding: 0;
	}

#sidebar ul ul ul ul {
	margin: 0;
	padding: 0;
	}

#sidebar li {
	overflow:hidden;
	list-style-type: none;
	margin: 0 0 20px;
	padding:0;
	}

#sidebar li li {
	list-style-type: none;
	margin: 0;
	border:0;
	padding: 5px 0px 5px 17px;
	background:transparent url(images/arrowgray.gif) 2px 9px no-repeat;
	border-bottom:1px dotted #ccc;
	}

#sidebar li li li {
	background-image:none;
	border:0;
	padding: 1px 0;
	}

#sidebar li li li:hover {
	background-image:none;
	}

#sidebar li li li li {
	padding-left: 10px;
	}

#sidebar .textwidget {
	margin: 0;
	padding:0;
	}

#sidebar li#tag-cloud ul { }

#sidebar li#tag-cloud ul.wp-tag-cloud {	padding: 9px; }

#sidebar li#tag-cloud li {
	border:0;
	float:none;
	display:inline;
	padding: 0;
	margin: 0 5px 0 0;
	background:transparent;
	background-image: none;
	line-height:2em;
	}

#sidebar li#tag-cloud li a {
	padding:0;
	background:transparent;
	background-image: none;
	}

#sidebar li select {
	width:160px;
	margin: 0 10px 0 0;

	}

/* -------------------[ Side Tabs ]------------------- */

#sidebar li#side-tabs {
	padding: 0;
	background:#eee;
	border:0;
	border:1px solid #ddd;
	}

#sidebar li#side-tabs ul {
	margin: 0;
	padding: 0;
	background:transparent;
	}

#sidebar li#side-tabs ul.tabs {
	font-family:arial,helvetica,sans-serif;
	list-style-type:none;
	margin: 0;
	padding: 0;
	clear:both;
	background:#ddd;
	}

#sidebar li ul.tabs li {
	border:0;
	background:transparent;
	float: left;
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	}

#sidebar li ul.tabs li a, #sidebar li ul.tabs li a:link, #sidebar li ul.tabs li a:visited {
	float: left;
	display: block;
	padding: 5px;
	color:#000;
	margin: 0;
	font-size: 11pt;
	font-weight:bold;
	}

#sidebar li ul.tabs li a:hover, #sidebar li ul.tabs li a:active {
	background:#eee;
	color:#000;
	}

#sidebar li ul.tabs li a.on {
	background:#eee;
	color:#000;
	}

#sidebar li#side-tabs form {
	margin: 0 !important;
	padding: 0 !important;
	}

#sidebar li#side-tabs form p {
	margin: 0 0 1px;
	padding: 0;
	}

#sidebar li#side-tabs #content_1,
#sidebar li#side-tabs #content_2,
#sidebar li#side-tabs #content_3,
#sidebar li#side-tabs #content_4  {
	padding:15px;
	}

#sidebar li#side-tabs .cat_content li.feeds {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/FeedIcon-16.gif) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}

#sidebar li#side-tabs .cat_content li.twitter {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/twitter.png) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}

#sidebar li#side-tabs .cat_content li.facebook {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/facebook.png) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}


#sidebar li#side-tabs .cat_content li.youtube {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/youtube_16.png) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}


#sidebar li#side-tabs .cat_content li.pinterest {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/pinterest.png) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}

#sidebar li#side-tabs .cat_content li.flipboard {
	border: 0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(https://s23444.pcdn.co/wp-content/themes/wp-mediamag/images/flipboard-s.jpg) 0px 50% no-repeat;
	border-top: 1px dotted #ccc;
	background-size: 16px;
	}

#sidebar li#side-tabs .cat_content li.bloglovin {
	border: 0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(https://s23444.pcdn.co/wp-content/themes/wp-mediamag/images/bloglovin-s.jpg) 0px 50% no-repeat;
	border-top: 1px dotted #ccc;
	background-size: 16px;
	}

#sidebar li#side-tabs .cat_content li.instagram {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/instagram_16.png) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}

#sidebar li#side-tabs .cat_content li.tripadvisor {
	border: 0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(https://s23444.pcdn.co/wp-content/themes/wp-mediamag/images/tripadvisor-s.jpg) 0px 50% no-repeat;
	border-top: 1px dotted #ccc;
	background-size: 16px;
	}

#sidebar li#side-tabs .cat_content li.linkedin {
	border:0;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(images/linkedin.png) 0px 50% no-repeat;
	border-top:1px dotted #ccc;
	}

#sidebar li#side-tabs .cat_content li.email {
	border:0;
	margin: 0;
	padding: 0 0 5px;
	background:transparent;
	}

#sidebar li#side-tabs li.email input#sub {
	width: 160px;
	border:1px solid #ccc;
	background:#fff;
	padding: 4px;
	margin: 0;
	}

#sidebar li#side-tabs li.email input#subbutton {
	padding:3px;
	font-size:8pt;
	margin: 0;
	font-weight:bold;
	border:1px solid #000;
	background:#333;
	color:#fff;
	cursor:pointer;
	}

#sidebar li#side-tabs li.email input#subbutton:hover {
	background:#000;
	border:1px solid #000;
	}

/* ---------------[ New 125x125 Banner Ads ]--------------- */

.banner125 {
	width:260px;
	margin:0;
	padding:0;
	}

.banner125 .ad img {
	float:left;
	width:125px;
	height:125px;
	margin:0 5px 5px 0;
	padding:0;
	}

/* ------[ 125x125 Banner Ads For Backwards Compatibility ]------ */

#sidebar ul li ul#banner125 li.ad1, #sidebar ul li ul#banner125 li.ad3, #sidebar ul li ul#banner125 li.ad5, #sidebar ul li ul#banner125 li.ad7, #sidebar ul li ul#banner125 li.ad9  {
	float:left !important;
	clear:left !important;
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow:visible !important;
	}

#sidebar ul li ul#banner125 li.ad2, #sidebar ul li ul#banner125 li.ad4, #sidebar ul li ul#banner125 li.ad6, #sidebar ul li ul#banner125 li.ad8, #sidebar ul li ul#banner125 li.ad10  {
	float:right !important;
	clear:right !important;
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow:visible !important;
	}

#sidebar ul li ul#banner125 li:hover {
	background: transparent !important;
	}

/* -------------------[ Sidebar-Bottom ]------------------- */

#sidebar-bottom ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#sidebar-bottom ul ul {
	margin: 0;
	padding: 0;
	}

#sidebar-bottom ul ul ul {
	margin: 0;
	padding: 0;
	}

#sidebar-bottom ul ul ul ul {
	margin: 0;
	padding: 0;
	}

#sidebar-bottom li {
	list-style-type: none;
	margin: 0 0 20px;
	overflow:hidden;
	padding:0;
	border:0;
	}

#sidebar-bottom li li {
	list-style-type: none;
	margin: 0;
	border:0;
	padding: 5px 0px 5px 17px;
	background:transparent url(images/arrowgray.gif) 2px 9px no-repeat;
	border-bottom:1px dotted #ccc;
	}

#sidebar-bottom li li li {
	background-image:none;
	border:0;
	padding: 1px 0;
	}

#sidebar-bottom li li li:hover {
	background-image:none;
	}

#sidebar-bottom li li li li {
	padding-left: 10px;
	}

#sidebar-bottom .textwidget {
	margin: 0;
	padding:0;
	}

#sidebar-bottom li#tag-cloud ul { }

#sidebar-bottom li#tag-cloud ul.wp-tag-cloud { }

#sidebar-bottom li#tag-cloud li {
	border:0;
	float:none;
	display:inline;
	padding: 0;
	margin: 0 5px 0 0;
	background:transparent;
	background-image: none;
	line-height:2em;
	}

#sidebar-bottom li#tag-cloud li a {
	padding:0;
	background:transparent;
	background-image: none;
	}

#sidebar-bottom li select {
	width:160px;
	margin: 0;
	}

/* -------------------[ Magazine Home Page Styles ]------------------- */

ul.home-left {
	width:285px;
	padding:0;
	float:left;
	margin:0 0 20px;
	list-style-type:none;
	}

ul.home-right {
	width:285px;
	padding:0;
	float:right;
	margin:0 0 20px;
	list-style-type:none;
	}

ul.home-bottom {
	padding:0;
	margin:0 0 10px;
	list-style-type:none;
	}

ul.home-right li.homepost, ul.home-left li.homepost {
	line-height:1.5em;
	font-size:9pt;
	margin:0;
	padding: 10px 0;
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	height:80px;
	overflow:hidden;
	}

ul.home-bottom li.homepost {
	line-height:1.5em;
	font-size:9pt;
	margin:0;
	padding: 10px 0;
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	}

h2.feat-title {
	letter-spacing:0px;
	font-size: 12pt;
	padding:0 0 5px 0;
	margin: 0;
	border-bottom:double #ddd;
	clear:both;
	}

h2.feat-title span.name {
	float:left;
	width:75%;
	}

h2.feat-title span.moreposts {
	text-align:right;
	float:right;
	width:24%;
	font-size:10pt;
	}

li.homepost img.post-thum, li.homepost img.thumbnail {
	width:70px;
	height:70px;
	float:left;
	margin: 0 10px 0 0;
	}

li.bottom {
	margin:0;
	padding: 5px 0;
	list-style-type:none;
	}

li.homepost h3 {
	padding:0;
	margin: 0;
	letter-spacing:0px;
	font-size:9pt;
	line-height:1.3em;
	}

li.homepost p {
	margin-bottom:0;
	}

/* ---------[ Slideshow ]--------- */

#slideshow {
	position:relative;
	margin: 0 auto;
	padding:0;
	overflow:hidden;
	width:990px;
	background:transparent;
	height:210px;
	}

#slideshow ul {
	list-style-type:none;
	margin: 0;
	padding:0;
	}

#slideshow .videobutton a {
	width:50px;
	height:50px;
	display:block;
	}

#slideshow img.post_thumbnail {
	background:#fff;
	border:1px solid #ddd;
	padding:2px;
	float:none;
	margin: 0 auto;
	width:294px;
	height:194px;
	display:block;
	}

#slideshow .feature-entry {
	z-index:999;
	position:absolute;
	background:#000;
	color:#fff;
	top: 147px;
	left:3px;
	width:274px;
	height:30px;
	padding: 10px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}

#slideshow .feature-entry a {
	color:#fff;
	}

#slideshow  #feat-banner {
	position:absolute;
	top:0;
	left:395px;
	background:transparent;
	width:200px;
	height:77px;
	z-index:999;
	background:url(images/featured.png) top left no-repeat;
	}

#slideshow h2 {
	text-align:center;
	color:#000;
	margin: 0;
	padding:0;
	font-size:11pt;
	line-height: 1.2em;
	letter-spacing:0;
	}

/* ---------[ jCarousel Styles ]--------- */

.jcarousel-container {
	position: relative;
	padding: 0;
	}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}

#slideshow li,
.jcarousel-list li,
.jcarousel-item {
	position:relative;
	z-index:1;
	float: left;
	list-style: none;
	/* --- We set the width/height explicitly. No width/height causes infinite loops. --- */
	width: 290px;
	height: 200px;
	padding:0;
	margin: 0 10px 50px 0;
	overflow:hidden;
	}

/* ---- The buttons are added dynamically by jCarousel
before the <ul> list (inside the <div> described above)
and have the classnames "jcarousel-next" and "jcarousel-prev" ---- */

.jcarousel-next {
	z-index: 3;
	display: none;
	}

.jcarousel-prev {
	z-index: 3;
	display: none;
	}

.jcarousel-container-horizontal {
	width: 960px;
	height: 200px;
	padding: 10px 0 0;
	margin: 0 auto;
	background:#fff;
	}

.jcarousel-clip-horizontal {
	width: 920px;
	height: 200px;
	margin: 0 auto;
	padding:0px;
	}

.jcarousel-item-horizontal { }

.jcarousel-item-placeholder { }

/* -----------[ jCarousel Horizontal Buttons ]----------- */

.jcarousel-next-horizontal {
	position: absolute;
	top:75px;
	right: -15px;
	width: 15px;
	height: 60px;
	cursor: pointer;
	background: transparent url(images/next.png) no-repeat 0 0;
	}

.jcarousel-prev-horizontal {
	position: absolute;
	top:75px;
	left: -15px;
	width: 15px;
	height: 50px;
	cursor: pointer;
	background: transparent url(images/prev.png) no-repeat 0 0;
	}

#slideshow .videobutton {
	z-index:100;
	width:50px;
	height:50px;
	position:absolute;
	top:70px;
	left:125px;
	background:url(images/play.png) top left no-repeat;
	}

/* -----------[ Recent Photos ]----------- */

#recent-photos {
	background:#fff;
	padding: 0 0 10px 0;
	text-align:center;
	clear:both;
	margin: 0 auto;
	}

#recent-photos img.post-thum, #recent-photos img.thumbnail {
	background:#fff;
	border:1px solid #ccc;
	padding:2px;
	float:left;
	margin: 0 10px 0 0;
	width:134px;
	height:134px;
	}

#recent-photos .last img.post-thum, #recent-photos .last img.thumbnail {
	margin: 0;
	}

h2.recent-photos {
	font-size:15pt;
	text-align:center;
	padding: 0 0 5px 0;
	border-bottom:double #ddd;
	letter-spacing:0px;
	margin-bottom:10px;
	}

/* ---------------[ Site Map Page ]--------------- */

ul.archives, ul.wp-tag-cloud {
	margin: 0 0 15px 5px;
	padding: 0;
	}

ul.archives ul, ul.wp-tag-cloud ul {
	padding:0;
	}

ul.archives ul li, ul.wp-tag-cloud ul li {
	background:transparent;
	padding-left:0;
 	margin:0;
        }

ul.archives ul ul, ul.wp-tag-cloud ul ul {
	margin:0;
	margin-left: 15px;
	padding:0;
	}

.post ol.archives {
	margin:0 0 0 20px;
	padding:0;
	}

.post ol.archives li {
	margin:0;
	padding:0;
	}

.sitemap img.post-thum, .sitemap img.thumbnail {
	float:left;
	height:70px;
	width:70px;
	margin: 0 10px 10px 0;
	}

.sitemap {
	padding-bottom:15px;
	}

.sitemap h2 {
	margin-bottom:10px;
	font-size:12pt;
	padding-bottom:5px;
	border-bottom: double #ddd;
	letter-spacing:0px;
	}

.sitemap h3 {
	margin-bottom:3px;
	line-height:1.3em;
	font-size:10pt;
	padding0:0px;
	border:0;
	letter-spacing:0px;
	}

/* ---------------[ Related Posts on Single Post Page ]--------------- */

#related {
	background:#eee url(images/dot.gif) 42% 0 repeat-y;
	border:1px solid #ddd;
	padding:15px;
	margin: 0 0 10px;
	}

#related .related-posts {
	font-weight:bold;
	width: 56%;
	float:right;
	}

#related .related-posts p {
	margin:0;
	}

#related .related-posts h3, #related .related-posts h2, #related .related-posts h1 {
	margin:0;
	font-size:12pt;
	letter-spacing:0;
	}

#related .related-posts ol {
	font-weight:normal;
	margin:2px 0 0 25px;
	}

#related .subscribe {
	width: 40%;
	float:left;
	}

#related .subscribe p.intro {
	font-weight:bold;
	}

#related .subscribe p.feed {
	margin-bottom:10px;
	font-weight:bold;
	padding-left: 21px;
	background: url(images/FeedIcon-16.gif) 0px 50% no-repeat;
	}

#related .subscribe form {
	margin:0;
	padding:0;
	}

.entry img.attachment-large {
	max-width:900px;
	width:auto !important;
	width:900px;
	}

#slideshow ul#mycarousel {
	height:200px;
	}

.wp-pagenavi {
	display: table;
}

#contct-dropdown{
	border: 1px solid rgb(211, 211, 211);
}

.wp-pagenavi span.pages {
	width: 100%;
}

.wpcf7-list-item{
	margin: 0;
}

.wpcf7-form-control {
	
	max-width: 100%;
}
 .wpcf7-text, .wpcf7-textarea{
	border: 1px solid rgb(211, 211, 211);
}



/* ---------------[ tidy up header for mobile ]--------------- */
@media (max-width: 588px) {
	#topnav li {
		height: 30px;
		line-height: 30px;
	}
	/* live feed in widget hidden for mobile */
	.live-traffic-feed {
		display: none;
	}
}

#mc_embed_signup {
	margin-top: 15px;
}

.mc_embed_signup form {
	padding-left: 0 !important;
}

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
.mc_embed_signup form {display:block; position:relative; text-align:left; margin-top: 1em}
.mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
.mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
.mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
.mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
.mc_embed_signup input:focus {border-color:#333;}
.mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
.mc_embed_signup .button:hover {background-color:#777;}
.mc_embed_signup .small-meta {font-size: 11px;}
.mc_embed_signup .nowrap {white-space:nowrap;}
.mc_embed_signup .clear {clear:none; display:inline;}

.mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
.mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
.mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

.mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
.mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
.mc_embed_signup #mce-error-response {display:none;}
.mc_embed_signup #mce-success-response {color:#529214; display:none;}
.mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

.wp-pagenavi span.extend {
	padding: 3px 4px !important;
}

.social-sharing .nc_socialPanel:not(.nc_floater):not(.nc_socialPanelSide) {
	margin-top: 0 !important;
}

.post .swp_social_panel {
    margin-bottom: 40px!important;
    margin-top: 0 !important;
}

.singlepost .post .swp_social_panel {
	margin-bottom: 20px!important;
}

input,
textarea {
	max-width: 100%;
	box-sizing: border-box;
}

.go-to-comments {
	margin: 30px 0;
}

.go-to-comments__link {
	text-decoration: none;
	font-size: 18pt;
	letter-spacing: -1px;
	font-family: georgia,times,serif;
}

.pf-top__title {
	display: block;
	margin-top: 10px;
}
.commentlist li .wrapper-reply{
	display: flex;
}
/*---Font style changes----*/
h2.post-title {
	margin-bottom: 15px !important;
	margin-top: 20px !important;
}
.maincontent {
	font-size: 11pt !important;
}



/*
 * Spain Page Development - Travel Guide Pages
 * Gutenberg styles
 * 
 * Custom CSS Classes:
 *
 * hero-section
 * gutenberg-toc
 * related-posts
 * author-box
 * gray-bg-color-width-50
 * gray-bg-color-width-100
 * offset-bg-box-top-right
 * offset-bg-box-bottom-left
 *
 */

/* box sizing */
html {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

body.page-template-page-gutenberg *,
body.page-template-page-gutenberg *:before,
body.page-template-page-gutenberg *:after {
	-webkit-box-sizing:inherit;
	box-sizing:inherit
}

/* Google Fonts */
.gf-bebas-neue {
	font-family: 'Bebas Neue', cursive;
}

.gf-lato,
body.page-template-page-gutenberg {
	font-family: 'Lato', sans-serif;
	color: #303030;
}

.gf-playfair-display,
.gutentoc-toc-wrap .gutentoc-toc__list li a,
body.page-template-page-gutenberg .maincontent h1,
body.page-template-page-gutenberg .maincontent h2,
body.page-template-page-gutenberg .maincontent h3,
body.page-template-page-gutenberg .maincontent h4,
body.page-template-page-gutenberg .maincontent h5,
body.page-template-page-gutenberg .maincontent h6 {
	font-family: 'Playfair Display', serif;
}

body.page-template-page-gutenberg #topnav,
body.page-template-page-gutenberg #header,
body.page-template-page-gutenberg #wrap,
body.page-template-page-gutenberg #wrap #page {
	width: 100%;
	padding: 0;
	margin: 0;
}

body.page-template-page-gutenberg .maincontent .entry > .alignfull {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.page-template-page-gutenberg .maincontent .entry .alignfull {
    margin-left: 0;
    margin-right: 0;
}

body.page-template-page-gutenberg .maincontent .breadcrumbs-wrap,
body.page-template-page-gutenberg .comments-wrap,
body.page-template-page-gutenberg #topnav > .limit, 
body.page-template-page-gutenberg #header > .pf-ticker,
body.page-template-page-gutenberg #header > #head-content,
body.page-template-page-gutenberg .author-bio-wrap,
body.page-template-page-gutenberg #footer .limit {
	max-width: 1160px;
	margin-right: auto;
	margin-left: auto;
}

body.page-template-page-gutenberg #header > #head-content {
    width: 100%;
    margin-bottom: 0.5em;
}

body.page-template-page-gutenberg .entry > *, 
body.page-template-page-gutenberg .entry .alignwide, 
body.page-template-page-gutenberg .entry .wp-block-cover__inner-container,
body.page-template-page-gutenberg .entry .wp-block-group__inner-container {
	width: 100%;
	max-width: 1160px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
}

body.page-template-page-gutenberg .maincontent .post {
	border: 0 none;
}

.author-bio p,
.author-post p,
body.page-template-page-gutenberg .entry p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.8;
	color: #303030;
}

.author-bio-name,
body.page-template-page-gutenberg .entry p.has-medium-font-size {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.2;
}

body.page-template-page-gutenberg .entry .hero-section .wp-block-cover__inner-container {
	text-align: center;
	max-width: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

body.page-template-page-gutenberg .entry .hero-section p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 18px;
	font-size: 1.125rem;
}

body.page-template-page-gutenberg .entry .hero-section .badge-yellow {
	display: inline-block;
	padding: 0.8em 1em;
	-webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.16);
	        box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffbf35;
	margin: 1em auto 2em;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: bold;
	letter-spacing: 1.88px;
	border-radius: 15px 0 15px 0;
	line-height: 1;
	color: #FFFFFF;
}

.author-bio h3,
.author-latest-post h3,
.author-post h4,
body.page-template-page-gutenberg .entry h1,
body.page-template-page-gutenberg .entry h2,
body.page-template-page-gutenberg .entry h3,
body.page-template-page-gutenberg .entry h4,
body.page-template-page-gutenberg .entry h5 {
	font-weight: bold;
	margin-bottom: 30px;
}

body.page-template-page-gutenberg .entry h1:not(.has-text-color),
body.page-template-page-gutenberg .entry h2:not(.has-text-color),
body.page-template-page-gutenberg .entry h3:not(.has-text-color),
body.page-template-page-gutenberg .entry h4:not(.has-text-color),
body.page-template-page-gutenberg .entry h5:not(.has-text-color) {
	color: #202020;
}

body.page-template-page-gutenberg .entry h1 {
	font-size: 52px;
	font-size: 3.25rem;
	color: #FFFFFF;
}

body.page-template-page-gutenberg .entry h2 {
	font-size: 42px;
	font-size: 2.625rem;
}

.author-bio h3,
.author-latest-post h3,
body.page-template-page-gutenberg .entry h3 {
	font-size: 30px;
	font-size: 1.875rem;
}

/* Table of Contents */
body.page-template-page-gutenberg .entry .gutenberg-toc {
	max-width: 700px;
	position: relative;
	bottom: 0;
	right: auto;
	left: auto;
	width: 100%;
	margin: 0;
	padding: 2em 2.5em;
}

body.page-template-page-gutenberg .gutentoc {
	position: relative;
	top: 1em;
	left: 0;
	z-index: 1;
	border: 0 none;
	padding-top: 2em;
	padding-bottom: 1em;
	margin-bottom: 0;
	display: block;
}

.gutentoc-toc-title-wrap {
	display: none;
}

.gutentoc-toc-wrap .gutentoc-toc__list  {
	margin: 0;
  	padding: 2em 2.5em;
}

.gutentoc-toc-wrap .gutentoc-toc__list li {
	background: none;
  	padding-bottom: 0.5em !important;
  	text-align: center;
	font-size: 16px;
	font-size: 1rem;
}

.gutentoc-toc-wrap .gutentoc-toc__list li a {
	color: #967e21;
	font-weight: bold;
	padding: 0 0.5em;
}

/* Gutenberg blocks */
body.page-template-page-gutenberg .entry img {
    border: 0 none;
    background: none;
    margin: 0;
    padding: 0;
}

body.page-template-page-gutenberg .entry .wp-block-preformatted {
	overflow: scroll;
}

body.page-template-page-gutenberg .maincontent .breadcrumbs-wrap #breadcrumbs {
	margin-bottom: 1.5em !important;
	padding: 0 1.5em !important;
}

body.page-template-page-gutenberg .entry .related-posts h5,
body.page-template-page-gutenberg .entry .related-posts h5 a,
body.page-template-page-gutenberg .entry .related-posts p,
body.page-template-page-gutenberg .entry .related-posts .wp-block-latest-posts li,
body.page-template-page-gutenberg .entry .related-posts .wp-block-latest-posts a {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.4;
	color: #222222;
	margin-bottom: 0;
}

body.page-template-page-gutenberg .entry .related-posts h5 {
	margin-bottom: 8px;
}

body.page-template-page-gutenberg .entry .related-posts .wp-block-latest-posts a {
	font-family: georgia,times,serif;
	font-weight: bold;
}

body.page-template-page-gutenberg .entry .related-posts .wp-block-latest-posts__featured-image {
	margin-bottom: 1em;
}

body.page-template-page-gutenberg .entry .related-posts .wp-block-latest-posts.is-grid li {
    padding: 0;
    background: none;
}

body.page-template-page-gutenberg .entry .related-posts h3 {
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

body.page-template-page-gutenberg .entry .related-posts .wp-block-separator {
    margin-bottom: 2em;
    border-color: #e3e3e3;
}

body.page-template-page-gutenberg .entry .author-box *,
body.page-template-page-gutenberg .entry .author-box h1,
body.page-template-page-gutenberg .entry .author-box h2,
body.page-template-page-gutenberg .entry .author-box h3,
body.page-template-page-gutenberg .entry .author-box h4 {
	color: #FFFFFF;
}

body.page-template-page-gutenberg .entry .gray-bg-color-width-50,
body.page-template-page-gutenberg .entry .gray-bg-color-width-60,
body.page-template-page-gutenberg .entry .gray-bg-color-width-100 {
	position: relative;
	padding-top: 5em;
	padding-bottom: 5em;
}

body.page-template-page-gutenberg .entry .gray-bg-color-width-50 > *,
body.page-template-page-gutenberg .entry .gray-bg-color-width-60 > *,
body.page-template-page-gutenberg .entry .gray-bg-color-width-100 > * {
	position: relative;
	z-index: 1;
}

body.page-template-page-gutenberg .entry .gray-bg-color-width-50:before,
body.page-template-page-gutenberg .entry .gray-bg-color-width-60:before,
body.page-template-page-gutenberg .entry .gray-bg-color-width-100:before {
	content: '';
	background: #f6f6f6;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

/* Comments */
body.page-template-page-gutenberg .maincontent .comments-wrap {
	padding: 0 1.25em 4em;
}

body.page-template-page-gutenberg .maincontent .comments-wrap #respond {
	border: 0;
	background: none;
	padding: 3em 0 0;
}

body.page-template-page-gutenberg .maincontent .comments-wrap #respond #commentform input:not(#submit) {
	margin: 0;
	border: solid 1px #000;
	width: 100%;
	margin-top: 0.5em;
}

body.page-template-page-gutenberg .maincontent .comments-wrap #respond #commentform p {
    margin-bottom: 1.5em;
}

body.page-template-page-gutenberg .maincontent .comments-wrap #respond #commentform p i {
	max-width: 100% !important;
	margin-top: 0.5em !important;
}

body.page-template-page-gutenberg .maincontent .comments-wrap #respond  #commentform textarea {
	width: 100%;
	border: solid 1px #000;
	margin-top: 0.5em;
}

body.page-template-page-gutenberg .maincontent .comments-wrap #respond  #commentform input#submit {
	margin-top: 2em;
}

body.page-template-page-gutenberg .maincontent .comments-wrap .allcomments {
	border: 0 none;
	background: none;
	padding: 3.5em 0 0;
}

body.page-template-page-gutenberg .maincontent .commentlist li {
	background: #f2f1f2;
	border: 0 none;
	padding: 2.5em;
}

body.page-template-page-gutenberg .maincontent .commentlist li img.avatar {
	margin: 0 0.5em 0 0 !important;
	border: 0 none !important;
	padding: 0 !important;
}

body.page-template-page-gutenberg .maincontent .commentlist li .wrapper-reply {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

body.page-template-page-gutenberg .maincontent .commentlist li .wrapper-reply .reply a, 
body.page-template-page-gutenberg .maincontent .commentlist li .wrapper-reply .leave-new-comment a {
	margin: 0 1em 0 0;
	background: none;
	border: 0 none !important;
	font-weight: normal;
	padding: 0;
	font-size: 15px;
	text-decoration: underline;
	color: #303030 !important;
}

body.page-template-page-gutenberg .maincontent .commentlist cite {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: normal;
}

body.page-template-page-gutenberg .maincontent .comments-wrap #respond #commentform p i,
body.page-template-page-gutenberg .maincontent .commentlist .comment-body p,
body.page-template-page-gutenberg .maincontent .commentlist .comment-meta.commentmetadata {
	font-size: 14px;
	font-size: 0.875rem;
}

body.page-template-page-gutenberg .maincontent .commentlist .comment-body p {
	font-size: 16px;
	font-size: 1rem;
}

body.page-template-page-gutenberg .maincontent .commentlist .comment-meta.commentmetadata {
	margin-top: 0.5em;
	margin-bottom: 2em;
}

body.page-template-page-gutenberg .maincontent .comment-author.vcard .says {
    display: none;
}

body.page-template-page-gutenberg .maincontent .comments-wrap #respond > h3,
body.page-template-page-gutenberg .maincontent .comments-wrap .allcomments h3#comments {
	font-size: 30px;
	font-size: 1.875rem;	
}

.hide-br {
    display: none;
}

/* Author bio box */
.author-bio-box {
    background-color: #262e57;
    color: #fff;
}

.author-bio-meta img.avatar {
    float: none;
    padding: 0;
    margin: 0 !important;
    border: 0 none;
    background: none;
}

.author-bio h3,
.author-latest-post h3,
.author-post h4 a,
.author-bio p,
.author-post p,
.author-bio-name a {
	color: #FFFFFF !important;
}

.author-bio h3,
.author-latest-post h3 {
	font-size: 24px;
	font-size: 1.5rem;
}

.author-bio-name a {
	font-weight: bold;
}

.author-post h4 {
	font-size: 20px;
	font-size: 1.25rem;
}

.author-bio-box {
    padding: 2em 0;
}

.author-bio, .author-latest-post {
    padding: 1.5em 2.5em;
}

.author-latest-post img.wp-post-image {
    margin-bottom: 2em;
}

.author-bio-name {
    display: inline-block;
    margin: 0 1em;
}

/* Footer */
body.page-template-page-gutenberg #footer {
	width: 100%;
	margin: 0;
	padding: 4em 0 3em;
	background-color: #191919;
	font-size: 16px;
	font-size: 1rem;
}

.author-post-wrap p {
	font-size: 14px;
    font-size: 0.875rem;

}

@media (max-width: 767px) {
	body.page-template-page-gutenberg .gutentoc {
		margin-top: 2em !important;
	}
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		margin-bottom: 1em;
	}
}

@media (min-width: 768px) {
	body.page-template-page-gutenberg .entry .hero-section .badge-yellow {
		margin-top: 0;
	}

	body.page-template-page-gutenberg .maincontent .breadcrumbs-wrap #breadcrumbs {
		padding: 0 !important;
	}

	/* Table of Contents */
	.gutentoc-toc-wrap .gutentoc-toc__list  {
		-webkit-columns: 3;
		   -moz-columns: 3;
		        columns: 3;
	  	-webkit-column-fill: balance;
	  	   -moz-column-fill: balance;
	  	        column-fill: balance;
	}

	body.page-template-page-gutenberg .entry .hero-section .wp-block-cover__inner-container .wp-block-group {
		margin-top: -10em;
	}
	
	body.page-template-page-gutenberg .entry .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding-left: 0 !important;
	}

	body.page-template-page-gutenberg .entry .gray-bg-color-width-50:before {
		width: 50%;
	}

	body.page-template-page-gutenberg .entry .gray-bg-color-width-60:before {
		width: 60%;
	}

	/* Offset BG */
	body.page-template-page-gutenberg .entry .offset-bg-box-top-right .wp-block-media-text__media,
	body.page-template-page-gutenberg .entry .offset-bg-box-top-right .wp-block-media-text__media img,
	body.page-template-page-gutenberg .entry .offset-bg-box-bottom-left .wp-block-media-text__media,
	body.page-template-page-gutenberg .entry .offset-bg-box-bottom-left .wp-block-media-text__media img {
		position: relative;
	}

	body.page-template-page-gutenberg .entry .offset-bg-box-top-right .wp-block-media-text__media:before,
	body.page-template-page-gutenberg .entry .offset-bg-box-bottom-left .wp-block-media-text__media:before {
	    content: '';
	    width: 50%;
	    height: 50%;
	    margin: 0;
	    opacity: 0.78;
	    background-color: #dcab00;
	    position: absolute;
	}

	body.page-template-page-gutenberg .entry .offset-bg-box-top-right .wp-block-media-text__media {
		max-width: calc(100% - 2em);
		-ms-grid-column-align: end;
		    justify-self: end;
		padding-right: 2em;
	}

	body.page-template-page-gutenberg .entry .offset-bg-box-top-right .wp-block-media-text__media:before {
		top: -2em;
	    right: 0;
	}

	body.page-template-page-gutenberg .entry .offset-bg-box-bottom-left .wp-block-media-text__media:before {
		bottom: -2em;
	    left: -2em;
	}

	body.page-template-page-gutenberg .entry .gray-bg-color-width-50 .offset-bg-box-top-right .wp-block-media-text__media:before,
	body.page-template-page-gutenberg .entry .gray-bg-color-width-60 .offset-bg-box-top-right .wp-block-media-text__media:before,
	body.page-template-page-gutenberg .entry .gray-bg-color-width-100 .offset-bg-box-top-right .wp-block-media-text__media:before,
	body.page-template-page-gutenberg .entry .gray-bg-color-width-50 .offset-bg-box-bottom-left .wp-block-media-text__media:before,
	body.page-template-page-gutenberg .entry .gray-bg-color-width-60 .offset-bg-box-bottom-left .wp-block-media-text__media:before,
	body.page-template-page-gutenberg .entry .gray-bg-color-width-100 .offset-bg-box-bottom-left .wp-block-media-text__media:before {
		opacity: 0.3;
	}

	/* Author */
	.author-bio-meta {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: end;
	        -ms-flex-align: end;
	            align-items: flex-end;
	    padding-top: 2em;
	}


	.author-bio-wrap {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	}

	.author-bio {
		width: 40%
	}

	.author-latest-post {
		width: 55%;
	}

	.author-latest-post img.wp-post-image {
	    max-width: 90%;
	}

	.author-post-wrap {
	    display: -ms-grid;
	    display: grid;
	    -ms-grid-columns: 1fr 1fr;
	    grid-template-columns: 1fr 1fr;
	}

	.author-bio, .author-latest-post {
	    padding: 1.5em 0;
	}


}

h1, h2, h3, h4, h5, h6, h7, .sitetitle {
    font-family: georgia,times,serif;
    font-weight: normal;
}