.under-info-ad, .above-comments-ad {
display:inline-block;
margin-top: -30px !important;
}

/* Subpage Styles */
#subpage {
max-width: 538px;
float: left;
}

#subpage .content {
width: 100%;
float: left;
/* padding: 1.2rem 20px 15px 18px; SSS */
padding: 0 20px 15px 18px;
margin-bottom: 10px;
background-color: #FFF;
line-height: 1.45;
}

.content img {
/* padding: 5px 10px 5px 10px; */
max-width:100%;
height:auto;
}



#subpage .content  a {
color: #8a2a2a;
}

#subpage .content  a:hover {
text-decoration: underline;
}

#subpage .content  a:visited {
color: #5c5e71;
text-decoration: none;
}

#subpage .content .wp-caption-text {
margin-right: 10px;
margin-top: 0px;
/* padding: 0px 10px 5px 10px; */
padding: 5px 10px;
font-family: 'Roboto Slab', sans-serif; /* */
background-color: black; /* */
font-size:0.8rem; */
display:block;
color: #FFF; /* */
}

#subpage .content .excerpt {
font-size: 1.25rem !important;
margin-top: 17px !important;
line-height: 1.45;
}

#subpage .content .post h2 {
margin-bottom: 10px;
}

#subpage .content h1 {
font-size: 1.5rem;
display: block;
padding-bottom: 4px;
}

#subpage .content h2 {
display: block;
font-size:1.2rem;
margin-bottom: 10px;
}


#subpage .content h3 {
/* color: #3c3e51; */
margin-top: font-size: 1.1rem;
margin-bottom: 10px;
}


#subpage .content ol {
list-style: none; /* counter-reset: li */
}

#subpage .content ol li::before {
content: counter(li);
font-family: 'Roboto Slab', sans-serif; /* */
font-weight: 700;
font-size: 1.25rem;
color: #03cdff;
display: inline-block; width: 32px;
margin-left: -32px;
/* vertical-align: -0.5rem; */
/* vertical-align: middle; */
/* vertical-align:super; */
vertical-align: -2px;
}

#subpage .content ol li {
/* text-decoration: none; */
/* display: block; */
padding: 5px 5px 5px 32px;
counter-increment: li;
vertical-align: text-center;
font-size: 1.15rem;
}


#subpage .content ul li {
/* text-decoration: none; */
display: block;
padding: 0px 5px 10px 32px;
background: url(images/ast4.png) no-repeat left 4px;
font-size: 1.15rem;
}

li.wp-block-jetpack-slideshow_slide.swiper-slide.swiper-slide-active {
    background: none !important;
    padding: 0 !important;
}

#subpage .content strong {
font-weight: 700;
}

#subpage .content blockquote {
background:url('images/lquot2.png');
background-repeat:no-repeat;
min-height: 33px
}

#subpage .content blockquote p {
font-size: 14px;
font-weight: 600;
line-height: 1.5;
padding:11px 0px 11px 50px;
font-family: 'Roboto Slab', sans-serif; /* */
font-size: 1.333rem;
font-weight:400;
}


#subpage .content #info_container {
float: left;
margin-bottom: 20px;
border-bottom: 1px solid #0099cb /* #03cdff */;
border-top: 1px solid #0099cb /* #03cdff */;
padding-top: 6px;
padding-bottom: 4px;
width:100%;
/* background: url(images/header_gb.jpg); */
/* background-color: #f9f9ff /* #e7f4fa; */
}


#subpage .content #info_container .author {
font-family: 'Roboto Slab', sans-serif; /* */
color: #8a8a8a;
float: left;
display:block;
font-size: 0.88rem;
font-weight:700;
width:100%;
padding-bottom:5px;
border-bottom: 1px solid #0099cb /* #03cdff */;
border-bottom: 1px solid #c7dce3 /* #b2c5cb /* #03cdff */;
margin-bottom: 5px; /* */
}

#subpage .content #info_container .date {
color: #8a8a8a;
float: left;
font-size: 0.69rem;
margin-bottom:3px;
padding-right:10%;
min-width:50%;
margin-top:3px;
}


#subpage .content #info_container .published {
background: url(images/published.png) no-repeat; 
font-size:14px;
/* font-family: 'Arial', sans-serif; /* */
}


#subpage .content #info_container #social_block {
float:left;
font-size: 0.69rem;
display: flex;
justify-content: space-between;
min-width:50%;
}



#subpage .content #info_container #social_block a .comments {
font-family: 'Roboto Slab', sans-serif; /* */
background: url(images/comments30a.png) no-repeat; 
color: #03cdff; /* #7f7f7f; /* #ff004e; /* */
float: left; /* */
font-size: 1rem;
min-width:27px;
height:22px;
font-weight: 700;
display: inline-block;
padding-left:27px;
/* vertical-align: super; /* */
margin-top:-3px; /* */
}




#subpage .content #info_container #social_block .facebook a {
background: url(images/facebook2a.png) no-repeat;
text-decoration: none;
width:24px;
height:22px;
display: inline-block;
}

#subpage .content #info_container #social_block .twitter a {
background: url(images/twitter2a.png) no-repeat; 
text-decoration: none;
width:30px;
height:22px;
display: inline-block;
}

#subpage .content #info_container #social_block .email a {
background: url(images/email5a.png) no-repeat; 
text-decoration: none;
width:30px;
height:22px;
display: inline-block;
}

#subpage .content #info_container #social_block .post-edit-link a {
font-size: 0.69rem;
}

#subpage .content #info_container #social_block .facebook a:hover {
background: url(images/facebook2c.png) no-repeat;
background-color: #3c5a9a;
}

#subpage .content #info_container #social_block .twitter a:hover {
background: url(images/twitter2c.png) no-repeat;
background-color: #17abee;
}

#subpage .content #info_container #social_block .email a:hover {
background: url(images/email5c.png) no-repeat;
background-color: #637ebd;
}

#subpage .content #info_container #social_block a .comments:hover {
background: url(images/comments30c.png) no-repeat;
background-color: #03cdff;
color:white;
}

/*
#subpage .content #info_container #social_block .facebook a:hover, #subpage .content #info_container #social_block .twitter a:hover, #subpage .content #info_container #social_block .email a:hover, #subpage .content #info_container #social_block .comments:hover {
border-left: 1px solid rgba(3, 205, 255, 1);
}
*/


#subpage .content p {
margin-top: 10px;
/* line-height:1.33; */
clear: both;
margin-bottom: 1.2rem;
font-size: 1.15rem;
letter-spacing: 0.3px;
}

#subpage .content .category-list,
#subpage .content .tag-list {
float: left;
clear: both;
display:inline-block;
}

#subpage .content .category-list {
margin-top: 2rem;
}

#subpage .content .category-list a,
#subpage .content .tag-list a {
width: auto;
font-family: 'Roboto Slab', sans-serif; /* */
font-size:0.8rem; /* */
font-weight:bold; /* */
line-height:2.1;
}

#subpage .content .category-list a,
#subpage .content .category-title a {
color: #03cdff;
background-color: /* #3c3e51 */ black;	
padding: 0.16rem 0.4rem;
}

#subpage .content .tag-list a::before {
/* content: "#"; */
}

#subpage .content .tag-list a,
#subpage .content .tag-title a {
background-color: #03cdff;
color: white;
padding: 0.16rem 0.4rem;
}

#subpage .content .author-title, 
#subpage .content .category-title a, 
#subpage .content .tag-title a {
margin-bottom: 2rem;
font-size: 1.5rem;
font-family: 'Roboto Slab', sans-serif; /* */
font-weight:bold; /* */
display: block;
width: 100%;
/* line-height:2.1; */
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

#comment-wrap {
width: 100%;
float: left;
padding: 1.2rem 20px 15px 18px; 
background-color:#e9ebee;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 1.6rem;
}

#respond,
#after-facebook {
border-top: 1px solid #0099cb;
margin: 12px 10px 0px 8px;	
}

/* Comment Styles */

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

#comment-wrap h6 {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 12px;
padding: 0px;
border: 0px;
}

#comments ol {
list-style-type: none;
line-height: 18px;
border: 0px;
}

#comments ul li {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
border: 0px;
}

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

.comment-body {
margin-bottom: 20px;
margin-left: 6px;
}

.commentlist em {
font-size: 11px;
}

.commentlist li {
/*
 margin: 5px 0 0px 7px;
*/
padding: 0px 0px 0px 50px;
list-style: none;
border: 0px;
background: url(images/speech1.png) no-repeat; 
background-origin: border-box;
background-size: 48px;
}

.commentlist li ul li { 
margin-left: 8px;
/*
margin-right: -5px;
margin-bottom: 0px;
*/
padding: 0px 0px 0px 42px;
list-style: none;
border: 0px;
background: url(images/speech1.png) no-repeat; 
background-origin: border-box;
background-size: 36px;
}

.commentlist li li {
padding: 0px 0px 0px 42px;
background:none;
border:none;
list-style:none;
margin-left: 8px;
/*
margin:3px 0 3px 20px;
*/
padding:3px 0;
border: 0px;
background: url(images/speech1.png) no-repeat; 
background-origin: border-box;
background-size: 36px;
}

.commentlist cite, .commentlist cite a {
font-style: normal;
font-size: 14px;
font-weight: 600;
color: #365899;
margin-top: 2px;
line-height: 1.358;
}

.commentlist .says {
display:none;
}

.commentlist p {
font-weight: normal;
line-height: 1.358;
text-transform: none; 
/*
margin: 10px 0px 5px 65px;
margin: 10px 5px 5px 65px;
*/
font-size: 14px;
border: none;
color: #1d2129
}

#commentform p {
}

.commentmetadata {
font-weight: normal; 
margin: 0;
display: block;
font-size: 12px;
line-height: 1.358;
}

.commentmetadata a, .commentmetadata a:visited {
color: #90949c;
text-decoration: none;
}

.commentmetadata a:hover{
}

.reply {
font-size:11px;
clear: both;
/*
float: left;
margin-top: -20px;
*/
}


.reply a {
text-decoration: none;
font-size: 12px;
color: #4267b2;
}

.reply a:hover {
	text-decoration: underline;
}


.children { 
padding:0;
margin-left:6px;
/* border: none; */
border-left: 1px dotted #ccc;
}

.thread-alt {
border: none;
}

.thread-even li {
}
.depth-1 {
border: none;
}

.even, .alt li {
margin-bottom: 20px;
}

#respond input {
padding: 8px; 
color: black; /* #8a8a8a; */
/* display: block; */
margin-bottom: 5px;
}

#respond textarea {
max-width:100%;
padding: 8px;
font-family: Helvetica, Arial, sans-serif;
}

#submit {
background-color: #4267b2;
color: #FFF !important;
/* padding: 3px 5px 3px 5px; */
padding: 0px 8px 0px 8px;
margin-top: 10px;
text-decoration: none;
font-size: 14px;
cursor: pointer;
font-weight: bold;
float:right;
border:none;
border-radius: 2px;
}

#submit:hover {
background-color: #365899;
}

#email, #author, #comment {
border: 1px solid #d3d6db;
box-sizing: border-box;
max-width: 100%;
font-size: 16px;
}

#subscribe-label {
font-size: 11px;
color:#90949c;
}

#subscribe_comments {
border:1px solid #90949c;
background-color:#fafbfc;
margin-top:14px;
}

.comment-subscription-form {
vertical-align:baseline;
display:inline-block;
}

.search-form:focus, #search:focus, #search-image:focus {
	outline: 0;
}

.search-form {
	background-color: #3c3e51;
	margin-bottom: 2rem;
}

#search {-webkit-appearance: none; border-radius: 0 3px 3px 0;}

#search {
	font-size: 1.5rem;
	width: calc(100% - 2.8rem);
	padding: 0.4rem 0.6rem;
    border-width: 3px 0 3px 4px;
    border-color: #3c3e51;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

#search-image {
	float:right;
	width: 1.2rem;
	height: 1.2rem;
	padding: 0.8rem 0.8rem;
}

.wp-pagenavi {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wp-pagenavi, .wp-pagenavi a, .wp-pagenavi a:visited  {
    color: #3c3e51 !important;
	font-family: Roboto, Arial !important;
	font-size: 0.8rem !important;
}

.wp-pagenavi .pages {
/*	display: inline-block; */
	display: table;
	clear:both;
	margin-bottom: 1.3rem;
}

.wp-pagenavi .pages, .wp-pagenavi .current {
    background-color: #3c3e51  /* black */;
/*
	padding: 0.4rem 0.6rem;
	margin-right: 0.6rem;
*/
	padding: 0.2rem 0.2rem; 
	margin-right: 0.2rem;
	white-space: nowrap;
	color: white;
}

.wp-pagenavi .page, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi a {
/*
	padding: 0.4rem 0.6rem;
	margin-right: 0.6rem;
*/
	padding: 0.2rem 0.2rem;
	margin-right: 0.2rem;
    border: solid 3px #3c3e51;
	font-size: 0.8rem;
	margin-bottom: 1.3rem;
}

.wp-pagenavi .extend {
/*	margin-right: 0.6rem;	 */
	margin-right: 0.1rem;	
}

/*
.wp-pagenavi .first, .wp-pagenavi .last {
	font-weight: 700;
}
*/

img.list-pic {
	margin-bottom: 0.5rem;
}

#article-right .content {
padding: 0 20px 15px 18px; /* SSS 1/7/18  17:50 */
/* padding: 0 0 15px 0; /* SSS 1/7/18  17:50 */
}


#article-right {
	max-width: 538px;
	width:100vw;
	background-color: #fff;
/*
	position:relative;
padding: 0;
z-index: 1;
max-width: 192px;
width: 48%;
margin-right: 4%;
display: inline-block;
float: left;
*/
}



/* Events */
time.top {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	grid-gap: 4px;
	margin-bottom: 1rem;
	margin-top: 0.25rem;
/*	width:320px; */
}

time.top h1, time.top #day-en, time.top #day-sr, time.top #month-en, time.top #month-sr, time.top #date, time.top #hour, time.top #minute, time.top #ampm {
	background-color: #3c3e51;
	color: white;
	text-align: center;
	padding: 0.7rem 0.4rem;
	font-weight: 700;
	font-family: 'Roboto Slab', sans-serif; 
letter-spacing:1px; /* */
}

time.top h1 {
	grid-row: 1;
	grid-column: 1 / span 5;
	text-align: left;
	padding: 0.7rem 1.4rem !important;
}
/*
time.top #day-en {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
	grid-row: 1 / span 2;
	grid-column: 1;
}

time.top #month-en {
    -webkit-transform: rotateZ(90deg); 
    transform: rotateZ(90deg); 
	grid-row: 1 / span 2;
	grid-column: 3;
}
*/

time.top #date {
	grid-row: 2 / span 2;
	grid-column: 2;
	font-size: 2.5rem;
	background-color: white;
	color: #3c3e51;
	border: 8px solid #3c3e51;
	padding:0.5rem;
}

time.top #hour {
	font-size: 2.5rem;
	grid-row: 2 / span 2;
	grid-column: 4;
	padding-top: 0.2rem;
}
time.top #minute {
	font-size: 1.5rem;
	grid-row: 2;
	grid-column: 5;
	padding-bottom: 0.2rem;
}

time.top #day-sr {
	padding-top: 0.4rem;	
}

.google-maps {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
	margin-bottom: 1rem;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}




/* Extra small devices (phones, 540px and down) */
@media only screen and (max-width: 540px) {
  #subpage {
	max-width:100vw;
  }
  #subpage .content #info_container #social_block, #subpage .content #info_container .date {
    min-width:100%;
  }
  #subpage .content .wp-caption {
	width: 100% !important;
  }
  #content .wp-caption a img, #subpage .content .wp-caption-text {
	max-width:calc(100vw-38px);
	height: auto;
	margin: 0px;
  }
  #article-right .article-right-ad {
	  display: none;
  }
  #article-right .article-right-ad2 {
	  width:300px; /* */
  }
  .under-info-ad, .above-comments-ad {
	  width:300px;
  }
}

/* Small devices (portrait tablets and large phones, 540px and up) */
@media only screen and (min-width: 540px) {
  .blank-side {
	display: inherit;
  }
  #article-right .article-right-ad {
	  display:none;
  }
	#article-right .article-right-ad2 {
	  width:500px; /* */
  }
  .under-info-ad, .above-comments-ad {
	  width:500px; /* */
	  /* background-color:#f4f4f6; */
      padding: 0px 0px 10px 0px;
  }
} 

/* Medium devices (landscape tablets, 860	px (was 768px) and up) */
@media only screen and (min-width: 860px) {
  .under-info-ad {
	  display: none;
  }
  #article-right {
	max-width: 300px;  
	float:right;
	}
  #article-right .content {
/*  padding: 30px 18px 15px 18px; SSS */
  padding: 0 18px 15px 18px;
  }
  #article-right .article-right-ad, #article-right .article-right-ad2 {
	  width:300px; /* */
/*	  margin: 30px 0px 15px 0px; SSS */
	  margin: 0 0px 15px 0px;
	  display:block;
  }
#subpage .content {
/*	padding-top:30px; SSS */
	padding-right:30px;
}
} 

.map-responsive{
    overflow:hidden;
    padding-bottom:120%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* If not mobiles in portrait mode then... */
@media only screen and (min-width: 500px) { /* */
	.map-responsive{
		padding-bottom:56.25%;
	}
}

/* Large devices (laptops/desktops, 1158px and up) */
@media only screen and (min-width: 1158px) { /* */
/* @media only screen and (min-width: 1218px) { */
	#side-ad1, #side-ad2 {
		width: 160px;
		display: block;
	}
	#allscreen {
		/* background-color:#f4f4f6; /* */
	}
	#article-right .article-right-ad, .above-comments-ad {
		display:none;
	}
	#subpage {
	max-width: 568px;
	}
	/*
	#subpage .content {
		padding-left: 48px;
	}
	#article-right {
		margin-right: 30px;
	}
	*/
} 

/* Extra large devices (large laptops and desktops, 1438px and up) */
@media only screen and (min-width: 1438px) {
	#side-ad1, #side-ad2 {
		width: 300px;
	}
	
}