/*

Theme Name: Frindle
Author: Zipal
Author URI: http://fancyfrindle.com/
Theme URI: http://phoenixwebsolutions.net/themes/frindle/index.html
Version: 10.2.7
Description:  Frindle is a mobile friendly WordPress theme for blogs, magazines and business websites. It’s been designed to beautifully display pictures and text content, and engineered to be easy to use and fast. The Frindle theme helps you attract and retain more visitors.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: One-column, Two-columns, Right-sidebar, Custom-header, custom-menu, featured-images, full-width-template, custom-logo, blog, footer-widgets, editor-style, microformats, post-formats, sticky-post, custom-colors
Text Domain: frindle
	
*/

/*The Global Stuff*/
html {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	font-family: Roboto, Raleway;
	font-size: 100%;
	color: #3d3d3d;
	background-color:#e7ecf2;
	line-height:1.1em;
}

 @font-face {
	font-family: Roboto;  
	src: local('Roboto-Regular'), 
		url("https://cd0960.claudeassets.com/20241006010217im_/https://nttuan8.com/wp-content/themes/frindle/inc/fonts/Roboto-Regular.ttf") format('truetype');  
	font-weight: normal;  
}

 @font-face {
	font-family: Raleway;  
	src: local('Raleway-Regular'), 
		url("https://2270e4.claudeassets.com/20241006010217im_/https://nttuan8.com/wp-content/themes/frindle/inc/fonts/Raleway-Regular.ttf") format('truetype');  
	font-weight: normal;  
}


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

p {
	line-height: 1.65em;
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	font-weight: normal;
}

h1 {
	display:block;
	font-size: 2.0625rem;
    line-height: 1.2727272727;
    margin-bottom: 0.2em;
}

	
h2 {
	display:block;
	font-size: 1.75rem;
    line-height: 1.2;
    padding-top: 15px;
    margin-bottom: 0.2em;
}
	
	
h3 {
	display:block;
	font-size: 1.4375rem;
    line-height: 1.25;
    padding-top: 12px;
    margin-bottom: 5px;
}

h4 { 
	display:block;
	font-size: 1.1875rem;
	line-height: 1.1052631579;
    margin-bottom: 5px;
    padding-top: 15px;
}

h5{
	display:block;
	font-size: 1.1875rem;
    line-height: 1.1052631579;
    margin-bottom: 5px;
    padding-top: 15px;
}

h6{  
	display:block;
	font-size: 1.1875rem;
    line-height: 1.1052631579;
    margin-bottom: 5px;
    padding-top: 15px;
}	
button,
input,
select,
textarea {
  margin: 0;
  vertical-align: baseline;
  vertical-align: middle;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0; 
}
input[type="search"] {
  -webkit-appearance: textfield; 
  -webkit-box-sizing: content-box; 
  -moz-box-sizing:  content-box;
  box-sizing:     content-box;
}
input[type="search"]::-webkit-search-decoration { 
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { 
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}
textarea {
  overflow: auto;
  padding-left: 3px;
  vertical-align: top;
  width: 100%;
}
button, input, label, select, textarea {font-family: inherit;display: block;}

article.post ul {line-height: 1.4em;}

/* General Layout */
div.container {
	max-width: auto;
	margin: 0 auto;
	
}

/* Content Area */


.post-block:last-of-type {
	border-bottom: none;
}
.heading h1 { margin-bottom: 0; padding-bottom: 5px;}
article.post h2 {padding-top:0px;font-family: Raleway;line-height: 1.4em;}
article.post h1 {
	text-decoration: none;
	font-size: 38px;
	margin-bottom: 10px;
	line-height: 1.3em;
	letter-spacing: -1px;
}

.data h2 a { font-family: Raleway;
	font-weight: normal;
    font-size: 30px;
}

article.post a {
	text-decoration: none;
	line-height:1.2em;
}

.post-block {
	clear: both;
	display:block;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #DDD;
	position:relative;
	/*padding-top: 10px;*/
}



.post-tags { margin-bottom: 10px; margin-top: 25px; }
.post-tags span {
	font-size: 15px;
    color: black;
    display: inline-block;
    margin: 0 7px 0 0;
    text-transform: uppercase;
}
.post-tags a { background: #f2f2f2;
	display: inline-block;
	line-height: 16px;
	white-space: nowrap;
	font-size: 12px;
	color: #999;
	padding: 3px 7px;
	margin: 0 5px 2px 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-transform: capitalize
}
.post-tags a:hover { background-color: #666666; color: #FFFFFF!important; text-decoration: none!important;}

.single-content-area {clear: both;/*border-bottom:1px solid #ccc;*/}



.clrr{clear: both;padding-top: 7px;}



/* Post navigation previous next */
.group:after, .group:before {
    content: "";
    display: table;
}
.nav-post {
	font-family: Raleway;
	clear:both;
	display:block;
	width:100%;
	font-style: italic;
	font-size: 15px;
}
.previous-post {
	float: left;
	display: inline;
	width: 50%;
	text-align: center;
	padding: 20px 0px 20px 0px;
	-webkit-box-shadow: 0.25px 0 0 #ccc,inset -0.25px 0 0 #ccc;
    box-shadow: 0.25px 0 0 #ccc,inset -0.25px 0 0 #ccc;
}
.previous-post a, .next-post a{
	font-size: 20px;
	display: inline-block;
	width: auto;
	padding: 8px;
	text-align: center;
	border-radius: 30px;
}
.next-post {
	float: right;
	width: 50%;
	display: inline;
	text-align: center;
	padding: 20px 0px 20px 0px;
	    -webkit-box-shadow: -0.25px 0 0 #ccc,inset 0.25px 0 0 #ccc;
    box-shadow: -0.25px 0 0 #ccc,inset 0.25px 0 0 #ccc;
}

.previous-post strong, .next-post strong{font-weight: normal;}


.navigation {
clear:both;
padding-top: 20px;
padding-bottom:20px;

}
.nav-post-wrap{margin-top: 30px;border-top: 1px solid #ccc;}
.nav-post-wrap:after{border-bottom:1px solid red;}
.previous{
position:absolute;}
.next {

float: right;

}


.block-btm {
	clear: both;
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 719px) {
	.previous-post,.next-post{float:left;width: 100%;-webkit-box-shadow: none!important;
    box-shadow: none!important; text-align: center;}
	h1 {font-size: 1.3625rem;}
	h2 {font-size: 1.275rem;}
	h3 {font-size: 1.14375rem;}
	h4 {font-size: 1.0875rem;}
	h5 {font-size: 0.99875rem;}
	h6 {font-size: 0.9875rem;}
	article.post h2 {padding-top:2px;}
	.heading h1 {font-size: 28px;}
	
}

/* Aside Styles */
article.post-aside,
article.post-link {
	font-size: 15px;
	background-color: #b8d6a4;
	padding: 20px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
article.post-gallery,
article.post-audio{
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}

.mini-meta {
	padding: 10px 0 10px 0;
	margin: 0;
	color: #777;
	font-style: italic;
}



/* Video */
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fluid-width-video-wrapper{
	padding-top: 56.2914%;
	width: 100%;
    padding: 0;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
	position: absolute;
    width: 100%;
    height: 100%;}
 .embed, iframe, object {
    max-width: 100%;
}
.post-video{clear: both;display: block; /* border-bottom: 1px solid #DDD; */}
.video-post-block {border-bottom:none!important;}


/* Audio Post Format Style */
.post-audio {
	background-color: #c7efc4;
	padding:20px;
}
.the-post-thumbnail {
    top: 0;
    left: 0;
    margin-bottom: 10px;
}

/*Aside*/
.format-aside .heading h2{display: none;}
.format-aside .post-cat, .format-aside .post-author {display: none;}

/*Status*/
.format-status .heading h2{display: none;}
.format-status .post-cat {display: none;}

/* Link Post Format Style */
.post-inner-link {
	clear: both;
	padding: 25px;
	background-color: #E0EBFF;
}

.post-inner-link {
	margin-bottom: 20px;
}


/* Post Foramt Gallery Style */
article.post-gallery {
	clear:both;
	display:block;
	margin-top:8px;
	background-color: blanchedalmond;
	padding: 20px;
	margin-bottom: 20px;
}
article.post-gallery img {
	border: none!important;
}
article.post-gallery h2 {
	margin-bottom: 0px;
}
.gallery-title{clear:both; float: left;    margin-bottom: auto;}
.gallery-meta{clear:both;float: right;padding-right: 4px;font-style: italic;font-weight: bold;}
.gallery-caption {
   	display:none;
}

.gallery-icon {
	pointer-events: none;
   	cursor: default;
}
.gallery-post {
width:100%;}
/* Post Foramt Status Style */
.post-status{
	font-style: italic;
	width: auto;
	margin: 0.25em 0;
	padding: 3px 40px;
	padding-top: 22px;
	line-height: 1.45;
	position: relative;
	background:#88b9b5;
	border-left:5px solid #FF7F00;
}

.post-status{
	margin-bottom: 16px;
	font-size: 15px;
	display: block;
	margin-top: 5px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
 



/* Header */
.site-header {
	display: block;
	padding: 40px 40px;
	color: #FFF;
	min-height: 140px;
	
}
.site-header {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

	background-color: black;
}


.dii {display: block;}
.site-header h1 {
	margin: 0;
	font-size: 300%;
	text-decoration:none;
	
}

.site-header h5 {
	
	font-size: 105%;
	
}

.site-branding {
	/*float: left;*/
}
.custom-logo-link {float: left;}
.site-nav ul {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

.site-nav ul li {
	list-style: none;
	float: left;
	position:relative;
}

.site-nav {
	clear: both;
	background-color: #1a1919;
	padding-left: 25px;
	display:block;
	box-shadow: 0px 2px 0 #b5b5b5;
}

.site-nav ul li:hover{
    background-color: black;
}

/*.site-nav ul li a:hover{background-color:black;}*/
.site-nav a {color: white!important}
 
.site-nav ul li a:link,
.site-nav ul li a:visited {
	display: block;
	font-size: 100%;
	padding:9px 15px 10px 13px;
	text-decoration: none;
}

.site-nav ul ul {
    display:block;
    position: absolute;
	top: -9999999px;
    width: 150px;
	left:0;
	text-align:left;
	background-color: #1a1919;
}


.site-nav ul li:hover > ul {
    display: block;
	position:absolute;
	top:100%;
}

.site-nav ul ul a {
	display:block;
	position:relative;
    width: 125px;
    height: auto;	
}
.site-nav ul li ul li ul li {
	position: relative;
	clear: both;
    top: -41px;
    left: 153px; 
} 

.fixed {width:100%;
position:fixed;
top:0;z-index:999; }

.nav-placeholder {
margin: 0 0 0 0;
}

.site-nav ul:before, .site-nav ul:after { content: ""; display: table; }
.site-nav ul:after { clear: both; }
.site-nav ul { *zoom: 1;  }

.menu-trigger {
	display: none;
}
.trigger {
	display: none;
}

@media only screen and (max-width: 800px) {
	
	
	.site-nav {
	padding-left:20px;height:auto;}
	
	.site-nav ul ul {
		position:relative;
		top:0;
	}
	.site-nav ul li ul li ul li{top: 0;left: 0;font-size:13px;padding-left: 20px;width: 100%;}
	.fa-angle-down{
		display:none;
	}
	div.header-search{
		float: left!important;
		padding-left:17px;
	}
	.header-search #searchsubmit {display: none!important;}
	div.header-search #s {
    padding: 5px 56px 5px 5px!important;
    }
	.site-nav ul li:hover > ul {
		position:relative;
		top:1;
		
	}
	.site-nav ul li ul li {font-size:16px;width: 100%;}
	div.site-nav ul li{
		clear:both;
		float: none;
		padding-left: 5px;	
	}
	.site-nav ul li:last-child{
		border-bottom:none;
	}
	div.site-nav {
		display: none;
		
	}
	div.nav-expanded {
		display: block;
	}
	div.expanded {display: block;}
	.menu-trigger {
		display: block;
		color: white;
		background-color: black;
		padding: 10px;
		padding-bottom: 5px;
		text-align: right;
		font-size: 100%;
		cursor: pointer;
		height: 30px;
		border-bottom: 1px solid #666666;
	}
	.trigger {
		display: block;
		color: white;
		background-color: #333333;
		padding: 10px;
		padding-bottom: 5px;
		text-align: right;
		font-size: 100%;
		cursor: pointer;
		height: 25px;
		
	}
	.has-thumbnail, .small-thumbnail {
		max-width: 500px;
	}

	
}


.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* Main Column */
.main-container{display: block;width: 80%;float: left;}
.main-column {
	clear:both;
	padding-top: 20px;
	padding-left: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	background-color:white;
	padding-right: 20px;
	padding-bottom:20px;

	box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
	
}

.site-content {clear: both; margin: 20px 40px 20px 40px;}

/* Side Column */
.sidebar-column {
	width: 15%;
	float: right;
	margin-right: 8px;
	margin-left:10px;
	margin-bottom: 40px;
}

.sidebar-column .widget-item {
	width:105%;
	float:right;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	background-color:white;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
	margin-top: 25px;
	
}

h2.widget-title {	
	clear:both;
	display: block;
	float:left;
	margin-bottom: 15px;
	padding-bottom: 17px;
	font-family: Raleway;
	padding-top: 0px;
	height:auto;
	color: black;
	letter-spacing: 1px;
	font-size: 135%;
	text-transform: capitalize;
}
.widget-title:after {
	content: ' ';
    position: absolute;
    display: block;
    width: 25px;
    margin: 4px 0 0 0;
    border: 1.85px solid;
}
.widget-item{float: left;}
.widget-item ul{clear:both;
	margin: 0;
	padding: 0;
	
}

.widget-item ul li {
	list-style: none;
	list-style-position: inside;
	line-height: 1.65em;	
}

.widget-item .menu li, .widget-item .menu ul li ul li {
	background-color: white;
	float: none;
}
.widget-item p:last-child {
	margin: 0;
}

.textwidget {
	clear: both;
    font-family: inherit;
    line-height: 1.45em;
    padding-right: 4px;
    letter-spacing: 0.06em;
    overflow: hidden;
}

/* Author Archieve */

.archive-author{border-bottom: none!important;}
/* Footer Widget Area */

.footer-widgets {
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 35px;
	font-size: 16px;
	line-height: 25px;
	color: white;
	background-color: #110f0e;
}
.footer-widget-area {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding-right: 60px;
	
}
.footer-widgets .widget-title {
	color: white;
}

/* Footer */


.site-footer {
	margin-top: 30px;
	border-top: 1px solid #DDD;
	
}

/* Footer Nav Menu */
.site-footer nav {
	
	margin: none;
	
}
.footer-nav {
	background-color: #1a1919!important;
}


.site-footer nav  {
	
	padding-right: 10px;
	
}

.site-footer nav ul li:last-of-type {
	border-right: none;
}


#recentcomments li {
	list-style-type: disc;
    line-height: 1.5em;
    list-style-position: initial;
    margin-left: 16px;
}
.comment-author-link {
	text-transform: capitalize;
}
.widget_calendar #wp-calendar {    width: 100%;}
#wp-calendar{ width:100%;text-align:center;}
#wp-calendar caption, .widget_calendar caption {
	background: #3b8dbd;
	color: #fff;
	font-weight: bold;
    padding: 5px 10px;
}

#wp-calendar td, #wp-calendar th {
    padding: 4px;
    text-align: center;
    border: 1px solid #E2E2F3;
}
#wp-calendar thead, .wp-calendar thead {background: #f2f2f2; }


#prev{text-align:left;}
#next{text-align:right;}
form {clear:both;}

.widget-item {width:100%;}

.tagcloud {clear: both;}

/* Page Layout */

article.page h2 {
	font-family: Raleway;
	font-size: 225%;
	margin-bottom: 20px;
	padding-top: 20px;
	
}

.page-inner-content {clear:both;padding-left: 20px;padding-right: 20px;}


/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* Two Column Title Layout */
.sidepage{
	width: auto;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-left:20px;
	margin-right:20px;
	background-color:white;
	padding-right: 20px;
	padding-bottom:20px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
div.title-column {
	width: 29%;
	float: left;
}

div.text-column {
	width: 68%;
	float: right;
}

/* Info Box Styles */

div.info-box {
	width: 30%;
	float: right;
	margin: 0 0 30px 30px;
	padding: 20px;
	background-color: #EEE;
	display:inline;
}
.info-box ul li {
 list-style-type: none;
 margin-bottom: 6px;
 display:block;
}
.sp{width:60%;float:left;}
.special-layout {
	width:auto;
	float:left;
	padding-top: 20px;
	padding-left: 20px;
	margin-top: 20px;
	background-color:white;
	padding-right: 20px;
	padding-bottom:20px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
		
}


.post-meta span{font-variant: small-caps; color: maroon; display:block; }
.post-meta-key  span{color: green; font-weight: bold;  display:block; }
.post-meta-key { font-weight: bold; font-size: 110%;font-size: 12px;}

/* Children Links */
.sub-menu ul {
	margin:0;
	padding:0;
}
.sub-menu ul li {
	list-style: none!important	;
	float: left;
	background-color: black;
}


.sub-menu li {
	list-style: none!important	;
	float: left;
	background-color: black;
	z-index: 999;
}


.children-links{
	padding-top: 15px;

	font-size: 85%;
	margin-bottom: 20px;
	background-color: none;
}

.children-links a:link,
.children-links a:visited {
	text-decoration: none;
	padding-bottom: 2px;
}

.children-links ul {
	float: left;
	display: inline;
}
.children-links a:link,
.children-links{
	text-decoration: none;
}

.parent-link {
	font-size: 115%;
	padding-left: 20px;
}
.children-links li {
	margin-right: 25px;
}

.children-links .parent-link{
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #DDD;
	font-weight: bold;
	font-size: 120%;
}
.children-links .parent-link a:link,
.children-links .parent-link a:visited{
	color: #333;
}

.children-links .current_page_item a:link,
.children-links .current_page_item a:visited{
	border-bottom: 1px solid #DDD;
	color: #333;
	cursor:default;
}


/* Post Meta */
.post h2{
	margin-bottom:0;
}
p.post-info, .post-date, .post-author, .post-comment, .post-edit, .post-cat{
	color: #999;
	font-family: Roboto;
    font-size: 15px;
    padding-top: 9px;
    display: inline-block;
}

.post-author a{
	text-transform: capitalize;
}

p.post-info a:link, .post-date a:link, .post-author a:link, .post-comment a:link, .post-edit a:link
p.post-info a:visited, .post-date a:visited, .post-author a:visited, .post-comment a:visited, .post-edit a:visited, .post-cat a:link, .post-cat a:visited {
	color: #999;
}


/* Featured Image */
.has-thumbnail {
	position: relative;
	padding-left: 200px;
}
.post-thumbnail-wrapper {width: 190px;}
.post-thumbnail{
	position: absolute;
	top: 0;
	left: 0;
	width: 190px!important;
	width: 125px;
	margin-bottom: 10px;
}
/*search */
.screen-reader-text{display: none;}
div.header-search{
	float: right;
	padding-top: 8px;
    padding-right: 11px;
}
div.header-search lable, div.content-search lable{
	position: absolute;
	left: -9999px;
}
div.header-search #searchsubmit, div.content-search #searchsubmit,#searchsubmit, .pushbutton-wide  {
	background-color: #006ec3;
	color: #FFF;
	padding: 5px 14px;
	border: none;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
}
#searchsubmit:hover{-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
box-shadow: 3px 3px 2px rgba(0,0,0,0.2);}
div.header-search #s, div.content-search #s, #s{
	display: inline-block;
	vertical-align: top;
	padding: 3px 12px 4px 5px; 
}

.content-search{
	float:left;
	padding-top: 6px;
    padding-right: 11px;
}


 /**Search Page*/
.search-title h2 {padding-top: 0px;}

#archives-dropdown-2 {
	display:block;
	clear: both;
	height: 25px;
	width: 70%;
}

.copycon {
display:block;

	width: 100%;
	margin: auto;
	background-color: black;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	
	
}
.copycon p {padding-right: 20px;letter-spacing: 0.1em;}
.copycon a:link,
.copycon a:visited{
	
	text-decoration: none;
}
.credit-link-parent a { color:green!important;
	 font-weight: 900;
	 font-size: 22px; }
.credit-link a{
	 color:green!important;
	 font-weight: 900;
	 font-size: 14px; 
}

/* Page content */
.page-content {
	padding-left: 40px;
	padding-right: 40px;
}
/*.site-nav ul li.menu-item-has-children{}*/

a#site-logo{ width:auto;float:left;    padding-top: 12px;}

/* Logo */
.logo {
	display: block;

}
.site-title  h2 {
	display: block;
    font-family: "Raleway";
    float: left;
    font-size: 42px;
    letter-spacing: 0.19em;
    font-weight: 500;
}
.site-title h2 a{
	color: white;
}
.logo img{
	display:block;
	max-height: 110px;
	width: 110px;
	max-width: 110px;
	background-color: transparent!important;
	background: transparent!important;
	background: no-repeat right top;
}

a#site-logo img:hover, .logo img:hover, .oops img:hover {
	-moz-box-shadow: 0 0 0px ; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; 
}

#tagline {
	float:left;
	font-style: italic;
	font-size:13px;
	color:white;
	padding-top: 15px;
	letter-spacing: 0.1em;
}


/* Authour info box */
.author_bio_section{
	margin-top: 15px;
	padding:0 15px;
	border-top: 1px solid #ccc;
	min-height: 160px;
}
.author_details{float: left;}
.author_de{float: none;}
.author_name{
	padding-top: 15px;
	font-family: Raleway;
	font-size:16px;
	text-transform:uppercase;
}

.author_details img {
	border: 1px solid #D8D8D8;
	border-radius: 50%;
	float: left;
	margin: 0 10px 10px 0;
}

.author_links a {padding-right: 5px;}

.author-side-wrap{float: none;padding-left: 100px;}

/* related posts */

.related-post-block {
	float: left;
	display:block;
	width: 20%;
	margin: auto;
	padding: 16px;
	position:relative;
}
.related-post-thumb img {
	width: auto;
}
.related-post-heading{
	border-top: 1px solid #ccc;  
	font-family: Raleway;
	font-size: 16px;
    text-transform: uppercase;
	padding-top: 20px;
}
.related-post-title {
	padding-top: 8px;
	display:block;
	font-size: 17px;
	margin: auto;
	text-align: center;	
}

.related-wrp{border-bottom: 1px solid #DDD;}



.block-clr {
	clear: both;
	display: block;
	width: 100%;
	/*border-bottom: 1px solid #ccc;*/
}



/* =Comments
----------------------------------------------- */
.comment-box {
	clear: both;
}
.comments-area {
	clear:both;
	padding-top:35px;
}
.comment-content a {
  word-wrap: break-word;
}
.comments-title{
    color: black;
    display: inline-block;
    margin: 0 7px 0 0;
    text-transform: uppercase;
    font-family: Raleway;
    font-size: 16px;
    padding-top: 20px;
}

.fn,.says{font-size: 20px;     font-style: normal;}

#respond, {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}
#respond > p, #respond p.comment-notes, p.logged-in-as {
  margin-bottom: 10px;
}

p.logged-in-as {
  padding-bottom: 0px;
}
.comment-list {
  margin-bottom: 40px !important;
  margin-left: 0px !important;
  padding-left: 0;
}
.comment-list,
.comment-list .children {
    list-style: none;
}
.comment .comment-body {
  background-color: #f1f1f1;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  padding-left: 100px;
  position: relative;
  border: 1px solid #E8E8E8;
  border-bottom: 1px solid #DADADA;
}
.comment-list .children {
  margin-left: 0px!important;
  padding-left: 40px;
  border-left: 1px solid #DADADA;
  background-repeat: no-repeat;
  background-position: left 20px;
}
.comment-list li.comment > div img.avatar {
  position: absolute;
  left: 29px;
  top: 24px;
     -webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	-ms-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 150px;
}
#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}
.comment-author.vcard {
  font-size: 18px;
}
.vcard .avatar {
  position: absolute;
  left: 20px;
  top: 29px;
  border-radius: 2px;
}

.comment-metadata,.comment-meta {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px;
  padding-top: 4px;
}

.comment p {font-size:16px;}
.form-allowed-tags code {
  word-wrap: break-word;
  white-space: inherit;
}
.comment-respond label {
  display: block;
  font-weight: normal;
}
.comment-respond .required {
  color: #C7254E;
}
#submit {
      font-size: 12px;
    display: block;
    height: 30px;
    width: 115px;
    background-color: #006ec3;
	color: #FFF;
    border: none;
    font-weight: bold;
    cursor:pointer;
    text-transform: uppercase;
    

}
#submit:hover{background-color: #004c87
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
box-shadow: 3px 3px 2px rgba(0,0,0,0.2);

}
.comment-navigation,
.single .nav-links {
  overflow: hidden;
  margin-top: 30px;
}

.comment-reply-title {
	font-family: Raleway;
    font-size: 16px;
    text-transform: uppercase;
}
.comment-reply-link {
	height: 20px;
    width:60px;
    font-weight: bold;
	float: right;
  	background: #e7ecf2;
  	color:#FFF;
  	font-size: 14px;
  	text-transform: uppercase;
    text-align: center;
    padding: 4px 0px 0px 0px;
}
.reply a:hover {-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
box-shadow: 3px 3px 2px rgba(0,0,0,0.2);}
.reply a:link, .reply a:visited{color: #FFF!important;}

@media(max-width:767px){
  .post-inner-content {
    padding: 20px 25px;
  }
  .comment-list .children {
    padding-left: 10px;
  }
  .site-content {margin: 10px 20px 10px 10px;}

}
/* img caption  */
.wp-caption-text {
background: #23282d;
color: #f5f5f5;
    font-size: 15px;
    padding: 0 10px;
    margin: 0;
    position: absolute;
    bottom: 3px;
    left: 0;
        font-weight: 600;
	font-style: italic;
	width : auto;
}
.wp-caption-text a,.wp-caption-text a:hover, .wp-caption-text a:visited {color: white!important}
blockquote {
	display: inline-block;
	font-family: Roboto;
	font-size: 17px;
	font-style: italic;
	width: auto;
	padding: 9px 0 0 45px;
	line-height: 1.45;
	position: relative;
}

blockquote cite {
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
blockquote :before {
	font-family: FontAwesome;
    content: '\f10d';
    font-size: 30px;
    font-weight: 400;
    line-height: .8;
    padding-right: 0;
    position: absolute;
    left: -6px;
    top: 7px;
}

blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 
{padding-top: 0px;}



img, .wp-caption {
	height:auto;
	max-width:100%;
	position:relative;
}


img:hover {box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2); opacity: 1;}


/*  common : pagination
/* ------------------------------------ */
.pagination { margin-bottom: 15px; }
.pagination a { font-size: 18px; font-weight: 600; }

@media only screen and (max-width : 1024px) {
	.sidebar-column{ width:26%;margin-right: 0px;}
	#wp-calendar{ width:100%;}
	.related-post-block {    padding-left: 8px;}
}

@media only screen and (max-width: 840px) {
	.main-container{ width: 100%;margin-right:5px; }
	.sidebar-column{
		clear:both;
		float:left;
		width:90%;
		padding-top: 20px;
		padding-left: 20px;
		margin-top: 40px;
		margin-left:30px;
		padding-bottom:20px;}
	#wp-calendar{ width:100%;}
	.footer-widget-area {clear:both;float:none;width:96%; padding-left: 2%; padding-top:20px; padding-right:2%; margin-bottom: 22px;}
	.footer-widget-area:last-child {border-bottom: none;}
}

@media only screen and (max-width : 640px){
	.main-container{width: 100%;margin-right:0px;margin-left:0px;}



}

#header-ads {float: right;}
#header-ads h3 {display: none; }
#header-ads img {display: block; }
#header-ads img:hover {-moz-box-shadow: 0 0 0px; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;}
@media only screen and (max-width: 1240px) {
	#header-ads { display: none; }
	.site-branding {width: 100%;}
}

@media only screen and (max-width: 513px) {
	.children-links .parent-link {border-right: 0px;}
	.sub-menu {float:left;list-style:none;}
	.sub-menu ul {clear: both;}
	.sub-menu ul li {float: none;clear: both;padding-left: 20px;padding-top: 10px;}
	#comment {width:auto;}
	#comments {width:auto;}
	.logo h2{margin-bottom:0px;width:auto;height:auto;font-size:30px;}
	#tagline{display: none;}
	.site-title h2{float: none;max-width: initial;}
	.author_details {text-align: center;}
	.heading h1 {font-size: 25px;}

}
@media only screen and (max-width: 400px) {
	.excerpt {
		display: none;
	}
	.site-title  h2 { font-size: 38px;  max-width: 200px; }
	.main-column{width: 88%; margin-right:0px!important; margin-left:0px!important; }
	.sidebar-column{
		clear:both;
		float:left;
		width:88%;
		padding-top: 20px;
		padding-left: 20px;
		margin:30px 0 0 25px;
		padding-bottom:20px;}
	.widget-item{padding-right:0px;}
	
}

@media only screen and (max-width: 984px) {
	div.related-post{height: 210px;width: 42%; margin-left:10px;}
	.related-post-thumb img {	display: block;margin-left: auto;margin-right:auto;}
	.site-branding {margin-left:auto; margin-right:auto; width: 100%;}
	.logo img {width: 100px;}
}

@media only screen and (max-width: 807px) {
	div.related-post{height: 210px;width:40%; margin-left:10px;}
	.related-post-thumb img {	display: block;margin-left: auto;margin-right: auto;}
}
@media only screen and (max-width: 436px) {
	div.related-post{ height: auto;padding: 2%;text-align: center;width: 96%;margin-bottom:15px;}
	.related-post-title{ width:100%;padding:10px 10px 0;text-align:center;}
	.related-post-thumb img{width:100%;}
	.author_details{float: none;}
	.author_details img{float: none;text-align: center}
	.author_de {clear: both}
	#comment, .textarea{width:91%!important;}
	#author, .name, .email, .url{width:91%!important;}
	#email{width:91%;}
	#url{width:91%;}
}
@media only screen and (max-width: 400px) {
.data{clear: both;width: 100%; padding:2%;border-bottom: 1px solid #DDD;
float:left; padding-top: 0px; 
}
p.post-info{padding-top: 0px;}

.post-date, .post-author, .post-comment, .post-edit{
	    clear: both;
    float: none;
    display: block;
    padding-top: 4px;
}
.diff{display: none;}
.post-link {display: none;}
article.post-aside {clear: both; margin-top: 20px; margin-bottom: 10px; }
.gallery-block {border-bottom: 1px solid #DDD!important;}
.post-block {clear: both;
    position: relative;
    border-bottom: none;}
   .clr-border {margin-bottom: 15px;border-bottom : 1px solid #DDD!important;}

.post-thumbnail {padding: 2%;text-align: center;width: 96%!important;margin-bottom:15px; position:relative;}
.post-thumbnail img{width:100%;}
.has-thumbnail{padding-left:0;}
}

@media only screen and (max-width:600px){
	.info-box{
		display:none!important;
	}
	.title-column{
		 float: none !important;
    width: 100% !important;
	}
	.text-column{
		float: none !important;
    width: 100% !important;
	padding-top:20px;
	}
	.related-post-block {width: 44%;padding-left: 4px;}
	blockquote :before {left:-14px;}
	blockquote {margin: 0 0 0 15px;}
	.post-quote {padding-top: 20px;}
	.new-featured:nth-child(6){
	display: none}
}


@media only screen and (max-width:400px){
	.related-post-block{width: 100%;}
	.related-post-title{ width:100%;padding:10px 0 0;text-align:center;}
	.related-post-thumb img{width:100%;}

}
/* Popular Post widget  */
.popular-posts-wrapper .pop-post {
  
  clear: both;
  margin-bottom: 15px;
}
.popular-posts-wrapper {
	height:100%;
}

 .pop-post .post-image {
  width: 75px;
  height: 75px;
  float: left;
  display: block;
  padding-right: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.popular-posts-wrapper .pop-post .post-image img {

  opacity: 1;
  -webkit-transition: opacity  0.5s;
     -moz-transition: opacity  0.5s;
       -o-transition: opacity  0.5s;
          transition: opacity  0.5s;
}
.popular-posts-wrapper .pop-post .post-image img:hover {
 -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; 
}
.popular-posts-wrapper .pop-post .post-content {
  margin-left: 80px;
}

#secondary .widget .post-content a {
  color: #DA4453;
}
#secondary .widget .post-content a:hover {
  color: #DADADA;
}
.widget .post-content span {
    font-size: 12px;
}

.widget-content-wrap{clear: both;
padding-top: 14px;}



.social-icons {
	clear: both;
    position: relative;
    margin: 1px -10px;
}
.social-icons a {
    font-size: 21px;
    padding: 8px 10px 6px;
    margin-bottom: 5px;
    display: inline-block;
    margin: 1px 5px;
}
 
.fa-facebook-square:hover{
	color:#3b5998;
}
.fa-twitter-square:hover{
	color:#00abe3;
}
.fa-google-plus-square:hover{
	color:#dd4b39;
}
.fa-linkedin-square:hover{
	color:#01669c;
}

.te {
display:block;}






/* scroll to top */
.scroll-to-top {
  background: #363636;
  background: rgba(100, 100, 100, 0.4);
  color: #FFF;
  bottom: 7%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 30px;
  z-index: 999;
  font-size: 16px;
  text-align: center;
  line-height: 45px;
  width: 45px;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
       -o-transition: background-color 0.3s linear;
          transition: background-color 0.3s linear;
}
.scroll-to-top:hover {
  opacity: .8;
}

/* infinite-scroll */
#infinite-footer {
display:none;}

.infinite-scroll.neverending .site-footer {
	display:none;
}

.infinity-end.neverending .site-footer {
	display:block;
}
#infinite-handle span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 20px;
  background: transparent;
  border: 1px solid #DADADA;
  background: #fff;
  color: #a161bf;
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
}
#infinite-handle span:hover {
  background-color: #a161bf;
  color: #fff;
}




.tiled-gallery-caption { /* Captions */
	font-weight: 600!important;
	font-style:italic!important;
	text-transform:uppercase!important;
}
.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption { /* Smaller captions */
	font-size: 11px;
}

.page-gallery {width: auto;float: none;}



img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.comment-count{float: right;    clear: both;
    margin-top: 10px;}
.comment-count a:link, .comment-count a:visited{color:#3d3d3d;}








/*Frindle post*/
.post-item-thumbnail {
	float: left; width: 25%;
}

.post-item-inner { display: inline-block; float: right; width: 70%;}
.frindle-post-clear {display: block;clear: both;}
.post-item-title {display: block;}
.post-item-date {display: block;}
.post-item-category {display: block;}
.post-side-container {    display: block;
    padding-top: 10px;
    clear: both;
    margin-bottom: 15px;}




.notebox {
    background: #f0f0f0;
    position: relative;
    padding: 12px 15px;
    color: #888;
    margin-bottom: 30px;
	margin-top:20px;
}
.notebox:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f1f1f1;
    top: -8px;
    left: 13px;
 }


.notebox p {    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}

.notebox:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f1f1f1;
    top: -5px;
    left: 15px;
}
.notebox:after, .notebox:before {
    content: '';
    display: inline-block;
    position: absolute;
}
/*Reduired */
.sticky {display:block;}
.bypostauthor {display:block;}
#sticky-hover {display:none;}
#sticky-hover :hover{display:none;}


#contact-form-136 {margin: 0;}
/**Flickr Widget**/
.flickr_badge_image img{
	float: left;
	margin-right: 8px;
    margin-bottom: 13px;
    height: 90px;
    width: 90px;
}
.flickr_badge_image { 
	width: 90px;
    clear: none;
    float: left;
    padding-right: 8px;}
.flickr-container {clear: both;}


.widgetmore{clear:both; padding-top: 15px;padding-bottom: 30px;width: auto;position: relative;}

.more-link:hover {
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
box-shadow: 3px 3px 2px rgba(0,0,0,0.2);}

.more-link{padding: 7px; width: auto; position: absolute;}
.more-link a { color: #FFF!important; font-weight: bold;}

.flickr_img{
	width: 252px;
	margin-left: 1px;
	position: relative;
	padding-top: 3px;
}
/**Quick Notification**/
.quick-notification {
	display: block;
    position: relative;
    background-color: green;
    padding: 7px 40px;
    color: white;
}
.quick-notification a{
	color: white!important;
}
.rss-widget-icon {display: none;}
.post-meta {padding-left: 20px;}


.single-content-area a:hover  {
text-decoration:underline;
color:black;
}
.single-content-area attachment {padding-bottom: 5px;}


.single-content-area attachment {padding-bottom: 5px;}




.single-content-area ul li {list-style-type: disc; line-height: 1.5em;}
.single-content-area ol li {list-style-type: decimal; line-height: 1.5em;}
.page-inner-content ul li {list-style-type: disc; line-height: 1.5em;}
.page-inner-content ol li {list-style-type: decimal; line-height: 1.5em;}

/* Featured Section */
.main-featured-wrap {position: relative;}
.main-featured-wrap article {
  height: 200px; }
.main-featured-wrap article a {
    color: #fff !important; }
.main-featured-wrap article .thumb {
    width: 100% !important;
    height: 200px; }
.main-featured-wrap article .meta {
    width: 100%;
    height: 68px;
    position: absolute;
    bottom: 0;
    padding: 0px !important;
    z-index: 8;
    opacity: 0.85;
    filter: alpha(opacity=50);
    background-color: black; }
.main-featured-wrap article .meta h2 {
    font-size: 17px !important;
    line-height: 19px;
    letter-spacing: 0.3px;
    padding-top: 6px;
    padding-left: 12px; }
.main-featured-wrap article .meta p {
      margin: 0px !important; 
      letter-spacing: 0.3px;
      padding-left: 12px;
      font-size: 14px;
      text-transform: capitalize;
}
.main-featured-wrap article .layer {
    background-color: #000;
    width: 100%;
    height: auto;
    opacity: 0.75;
    z-index: 6;
    transition: 0.2s all ease-in-out; }
.main-featured-wrap article:hover .layer {
    opacity: 0.5; 
}


.thumb img {
    	height: 200px;
}
.new-featured {width: 50%;float: left;
    position: relative;}

.new-featured:nth-child(1) {
	width: 50%;
}

.new-featured:nth-child(2) {
	width: 50%;
}

.new-featured:nth-child(3) {
	width: 33.33%;
}

.new-featured:nth-child(4) {
	width: 33.33%;
}

.new-featured:nth-child(5) {
	width: 33.33%;
}

.main-featured-wrap::after {
	content: "";
	clear: both;
	display: block;
}
@media (max-width: 700px) {
	.new-featured:nth-child(5) {
	display: none;
	}
	.new-featured:nth-child(3), .new-featured:nth-child(4) {
		width: 50%;
	}
}
@media (max-width: 500px) {
  .page-template-page-home .site-header {
    margin-bottom: 0px; }
  .page-template-page-home .latest-block .container {
    margin: 0px !important; }
  .page-template-page-home .corona-article-list {
    margin: 0 12px !important; }
    .new-featured:nth-child(4){
    	display: none;
    }
    .new-featured:nth-child(1), .new-featured:nth-child(2), .new-featured:nth-child(3) {
    	width: 100%;
    	clear: both;
    }
}



/*Table, Definatoion and preformat*/
table, td, th {    
    border: 1px solid #ddd;
    text-align: left;
}

table {
    width: 100%;
    margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
  
}

th, td {
    padding: 15px;
}
table td {
	border-bottom: 1px solid #f1f1f1;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	padding: 8px 8px;
}
table th {
	font-weight: 600;
	text-align: center;
	padding: 10px 5px;
}


pre {
  background: #efefef;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}

.flex-direction-nav li{list-style-type: none;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {padding-top: 20px;    height: 30px;}
/*
     FILE ARCHIVED ON 00:20:33 Oct 11, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:17:59 Aug 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.435
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.041
  esindex: 0.006
  cdx.remote: 24.061
  LoadShardBlock: 163.94 (3)
  PetaboxLoader3.datanode: 132.501 (5)
  PetaboxLoader3.resolve: 3466.55 (2)
  load_resource: 3504.234
  loaddict: 23.496
*/