/* 
Theme Name: Crypto Knowing
Theme URI: https://cryptoknowing.com/
Description: Crypto Knowing News WordPress Theme
*/


/*Template Layout*/

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
}

body  {
	background-color: #d9e1ed;
	background-position:top;
	background-repeat:repeat-x;
	font-family:  'Open Sans', Verdana, Arial, Helvetica;
	font-size: 18px;
	color: #262F40;
	margin: 0px auto 0px;
	padding: 0px;
	font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
     }

body {

    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

.navigation {
	margin: 0 auto; text-align: center;
}
/* Top bar */
.top-bar {
	position: fixed;
	top: 0;
	display: block;
	width: 100%;
	background: #0d092e;
	z-index: 1999999;
	height: 68px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Typographic logo for the top bar */
.tb-logo {
	margin-left: 20px;
}

.tb-logo h1 {
	float: left;
	text-align: left;
	font-size: 18px;
	line-height: 35px;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 0;
}

.tb-logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

.tb-logo h1 a:hover {
	color: #FFFFFF;
}

/* Image logo for the top bar */
.tb-logo img {
	float: left;
	text-align: left;
	width: auto;
	max-height: 64px;
	margin: 0 10px 0 0;
}
.tb-logo a:hover img {
	filter: contrast(1.75);
}


/* Hiding the the toggle */ 
#toggle,
.toggle {
	display: none;
}

/* Hiding and showing the submenu items */
.menu ul ul {
	display: none;
}

.menu ul.dropdown-toogle-off {
  display: none;
}

.menu ul.dropdown-toogle-on {
  display: block;
}

/* Styling for the main menu items */
.menu {
	float: right;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.015em;
	line-height: 36px;

}

.menu ul {
	position: relative;
	display: table-cell;
	list-style: none;
}

.menu ul:after {
	content: "";
	clear: both;
	display: block;
}

.menu ul li {
	float: left;
}

/* Hover effect */
.menu ul li:hover a {
	color: #FFFFFF;
}

.menu ul li a {
	display: block;
	padding: 15px 20px;
	color: #A3BABC;
	text-decoration: none;
}

.menu ul li ul li a {
	padding: 5px 10px;
}

/* Less padding on smaller screens */
@media only screen and (max-width: 1024px){
	
	.tb-logo img {
	max-height: 52px;
	margin: 6px 10px 0 0;
}
	.menu ul li a {
		padding: 15px 9px;
	}

}

/* Styling for the sub menu items */
.menu ul ul {
	position: absolute;
	top: 100%;
	background: #0d092e;
	background: rgba(13,9,46,0.9);
	padding: 0 0 10px 0;
	min-width: 150px;
}

.menu ul ul li {
	float: none; 
	position: relative;
}

.menu ul ul li a {
	padding: 10px 20px;
	color: #A3BABC!important;
}

.menu ul ul li a:hover {
	color: #ffffff!important;
}

.menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

/* Responsive settings for the menu */
@media only screen and (max-width: 768px) {

	.top-bar {
		padding-top: 0;
	}
	/* The toggle */
	.toggle {
		display: block;
		position: relative;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		color: #A3BABC;
		border: 0;
		float: right;
		background:url(images/navi.png) no-repeat;
		width: 40px;
		height: 40px;
	    margin: 12px 12px 0 auto;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			-ms-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}

	.toggle:hover {
		color: #ffffff;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			-ms-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}


	#toggle:checked ~ .menu {
		display: block;
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/* The menu items */
	.menu {
		display: none;
		filter: alpha(opacity=0);
		opacity: 0;
		margin-top: 68px;
		width: 100%;
		position: absolute;
		right: 0;
		height: auto;
		text-align: left;
		background: #0d092e;
		background: rgba(13,9,46,0.9);
		padding-bottom: 10px;
		padding-left: 30px;
	}

	.menu ul li {
		display: block;
		width: 100%;
		line-height: 30px;
		margin: 0;	
	    padding: 8px 10px;
	}

	.menu ul li a {
		display: block;
		width: 100%;
		padding: 0;
	}
	
.menu ul li ul li a {
	padding: 3px 5px;
}

	/* Styling for the sub menu items */
	.menu ul ul {
		position: relative;
		top: 0;
		background: none;
		padding: 0;
	}

	.menu ul ul li a {
		padding: 0;
	}

	.menu ul ul ul {
		position: relative;
		top: 0;
		left: 0;
	}

}

@media only screen and (max-width: 480px) {

	.tb-logo {
		margin-left: 5px;
	}

	.menu {
		padding-left: 15px;
	}

}

/* Dynamic height of the menu */
.tb-large {
	padding-top: 25px;
	padding-bottom: 25px;
}

.tb-small {
	padding-top: 0;
	padding-bottom: 0;
}

@media only screen and (max-width: 768px){

	.tb-large {
		padding-top: 0;
		padding-bottom: 0;
	}

}

em { font-size: 0.85em; letter-spacing: 0.02em; }

img.alignright { float: right; }

img.alignleft { float: left; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }

.alignleft { float: left; padding: 5px 12px 0 0; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.read-blog {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #4B72B1;background-color:#637DBA; float: left; margin-right: 15px}

.read-blog a {color: #FFFFFF !important; font-size: 1em; line-height: 2em; letter-spacing: 0.04em; padding: 0 18px; font-weight: bold;}

.read-blog a:hover {color: #F4F7DD !important;}

.wp-caption {
	font-size: 0.65em;
	line-height: 1em;
	text-align: center;
	font-style: italic;
	background: #F8F8F8;
	border: none;
	margin: 0; 
}


.tags { float: left; padding-bottom: 15px; }

.tags a { font-size: 0.8em !important; line-height: 1.4em !important; letter-spacing: 0.1em; font-weight: normal; margin: 0 6px 5px 0; padding: 5px 10px; text-transform: uppercase; border: 1px solid #C2D5ED; }

.tags a:hover { background: #A5C1E4; color: #FFFFFF !important; 1px solid #5C1E4; }

	

#author-info { width: 98%; border: 1px solid #D1D1D1; float: left; padding: 0px 20px; margin-bottom: 10px; }

#author-image { padding: 20px 20px 20px 0; float: left; }

#author-desc { color: #818890; font: 400 14px/16px 'Arial'; padding-top: 20px; width: 75%; float: left; }

#author-desc h2 { font: 700 15px/15px 'Arial';  text-transform: uppercase; padding-bottom: 5px; }

.category-slider { float: left; overflow: hidden; padding: 0px 8px 25px 8px; }


.social-icon {
	padding: 0;
	margin: 5px 6px 6px 0px;
	border: 0;
	width: auto;
	height:auto;
	max-height: 24px;
}

/*

Newest posts-----------------------------------------------------------

*/

.posts-list { overflow: hidden; width: 100%; float:left;padding: 0; margin-top: 10px;}

.posts-list li {position: relative; padding: 0; margin-bottom: 25px;float: left; width: 640px; list-style: none; text-decoration: none;}

.posts-list img {padding-right: 16px;float: left;width: 200px;height: 140px;}

.posts-text h2 { text-transform: uppercase; padding: 2px 0 0 0; margin: 0; font-size: 1.2em; letter-spacing: 0.04em;}

.posts-content {float: left; width: 100%; max-width: 430px; letter-spacing: 0.03em; padding: 0; margin: 0; display: block;}

.posts-date-posted { color: #9c9c9c; padding: 7px 0px; }

.posts-thumb { float: left; }

.posts-text { }

.posts-title {}

.post-image img {width: 100%; max-width: 840px; height: auto;}


#head {

	max-width: 1100px;

}


.bigbanner {

display: block; text-align:center; width: 100%; max-width: 728px; height: auto; border: none; margin: 15px auto; overflow: hidden;

}

.bigbanner img {

	width: 100%; max-width: 728px; height: auto; border: none;

}



a, a:active, a:visited {

	color: #262649;
	text-decoration: none;

	}

	

a:hover {
	color: #1E2856;
	text-decoration: underline;
	}


#subhead {
	padding: 8px  20px 11px 20px;
	clear: both;
	margin: 68px 0 0 0;
	font-size: 16px;
	line-height: 34px;
	background: #2A344D;
	color: #DBE0EC;
	height: 34px;
	}

#subhead p {
	margin: 0;
	}

#subhead a {
	margin: 0;
	color: #DBE0EC;
	}
		
.subheadleft {
	width:  calc(100% - 145px);
	float: left;
	text-align: left;
	}
	
.subheadright {
	width: 145px;
	float: right;
	text-align: right;
	}

.subheadright a img {
opacity:0.9;
}
.subheadright a:hover img {
opacity:1;
}


/* Content */

#page-wrap {
	width: 100%;
	height:auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
     }

	 
#page-content {
	width: 97%;
	max-width: 1280px;
	height:auto;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
     }
 
#footer {
	padding: 10px  20px;
	margin: 0;
	clear: both;
	font-size: 16px;
	line-height: 26px;
	background: #253136;
	color:#E6E6E6;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	}

#footer p {
	margin: 0;
	}

#footer a {
	margin: 0;
	color: #54a0eb;
	}
	
.go-top { 
	background: url(images/scroll-up.png);
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
}
.scroll-up {
	margin: 1px 1px;
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
}
.wide-bold-blue	{
font-family: Impact; text-align:center; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal;text-transform: none; color: #025999; margin: 0;width: 100%; font-size: 2.4em; letter-spacing: 0.05em;
}

	
	
/************************************************
*	Bottom "Sidebars"					     		* 
************************************************/

#bottom {
	background: #242424;
	color:#F2F2F2;
	width: 100%;
	height: auto;
	margin: 0px auto 0px;
	padding: 10px 0px 20px 0px;
	border-bottom: 1px solid #253136;
	clear: both;
	float: left;
	}

#bottom h3 {
	font-size: 1.05em;
	letter-spacing: 0.04em;
	font-family: Arial, Helvetica, sans-serif;
	}
#bottom a {
	color: #FFCC66;
	}
#bottom a:hover {
	color: #FFFFFF !important;
	}
	
#bottom ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#bottom ul li{
	}	
	
.bottom-w {
	float: left;
	width:  calc(33% - 70px); 
	margin: 0px 0px 0px 30px;
	padding: 20px 20px 10px 20px;
	}

.b-left ul li {
	padding: 5px 0 15px 0;
	letter-spacing: 0.04em;
	}

.b-left ul li a {
	text-decoration: none;
	}
.b-left ul li a:hover {
	text-decoration: none;
	-moz-box-shadow: 0 0 3px #000000;
   -webkit-box-shadow: 0 0 3px #000000;
   box-shadow: 0 0 3px #000000;
	}
	
.b-fb{
	padding: 5px 15px;
	background: #233787;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.45); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.45); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.45);
	}
.b-t{
	padding: 5px 15px;
	background: #44827B;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.45); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.45); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.45);
	}	
.b-middle ul li {
	padding: 0;
	min-height: 60px;
	padding: 5px 0;
	letter-spacing: 0.04em;
	}
.b-middle ul li a {
	text-shadow: 1px 1px #000000;
	}
.b-middle ul li a:hover {
	text-shadow: 1px 1px #002447;
	}	
.b-middle .s_r_thumb {
   display: table-cell;; }
.b-middle .wp-post-image {width: 60px; height: 60px; padding: 0;-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.45); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.45); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.45); }
   
.b-tags a { background: url(images/pattern-bg.png); font-size: 0.8em !important; letter-spacing: 0.04em; float: left; font-weight:700; margin: 0 6px 5px 0; padding: 5px 10px; text-transform: uppercase; }
	

.home_left {
	width:  calc(33.3% - 30px); display:block; float: left; margin: 15px 15px 15px 15px;
	font-size: 0.9em; letter-spacing: 0.04em; line-height: 1.45em; position: relative; color: #FFFFFF;
}

.home_right {
	width:  calc(50% - 15px); display:block; float: right; margin: 15px 15px 15px 0;
	font-size: 0.9em; letter-spacing: 0.04em; line-height: 1.45em; position: relative;color: #FFFFFF;
}

.home_left p, .home_right p {
	padding: 10px 0 0 0;
	margin: 0;
}
.home_left h2, .home_right h2 {
	font-size: 1.2em; line-height: 1.4em;
	padding: 10px 15px 12px 15px;
	margin-top: 0;
    position: absolute;
    bottom: 7px;
    left: 10px;
	background: url(images/pattern-bg.png); width:  calc(100% - 50px);
}
.home_left a, .home_right a {
	color: #FFFFFF !important; text-shadow: 1px 1px 1px #333333;
}
.home_left a:hover, .home_right a:hover {
	color: #FFCC66 !important;
}

.home_left img, .home_right img {
    max-width: 100%;
    height: auto;
    width: 100%;
	height: auto; 
	display:block; 
	border: none;
}

.home_left a img, .home_right a img {
opacity:1;
}
.home_left a:hover img, .home_right a:hover img {
opacity:0.97;
}

.search-box { float: left; padding-top: 15px; margin: 0 0 20px 0; display: block;; width: 100%; }

.search-input { border: 1px solid #8897AC; padding: 2px 4px; color: #404968; background: #FFFFFF url(images/search-icon.png) no-repeat; background-position: right 0px center; width: calc(100% - 8px); height: 30px;  z-index: 1000;}

.f-bg {
	background: #FCFCFD;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	height: auto;
	float: left;
	margin: 20px auto;
     }


.f-ad {width: calc(100% - 10px); text-align: center; margin-top: 10px; padding: 0px 5px;}

.list_featured {
	width:  calc(33.3% - 30px); height: 335px; display:block; float: left; margin: 15px 15px 15px 15px;
	position: relative; background: #FCFCFD; color: #4A5159; border-radius: 1.5%; box-shadow: 0px 0px 5px #c6ced9; overflow: hidden;
}

.list_featured p {
	padding: 10px 0 0 0;
	margin: 0;
}
.list_featured h2 {
	padding: 10px 15px;
	text-shadow: none;
	font-size: 0.9em; letter-spacing: 0.04em; line-height: 1.25em; font-weight: bold;
}
.list_featured h3 {
	font-size: 0.75em; line-height: 0.8em; font-weight: normal;
	padding: 0px 15px;
	margin-top: 5px;;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.list_featured a {
	color: #364665;
}
.list_featured a:hover {
	color: #012944;
}

.f-image {
	margin-top: -5px;
}

.list_featured a img {
    max-width: 100%;
    height: auto;
    width: 100%;
	height: auto; 
	display:block; 
	border: none;
opacity:1;
}
.list_featured a:hover img {
opacity:0.97;
}

.table {display: table; width: 100%;}
.table_row {display: table-row; margin: 10px 0;  float: left; }
.table_cell {display: table-cell; width: 30%; height: auto; }
.table_cell img {float: left; width: 100%; height: auto; border: none; border-radius: 1%; }
.table_cell_text {display: table-cell;  width: calc(70% - 20px);  height: auto; vertical-align: middle; padding-left: 20px;font-size: 0.95em; letter-spacing: 0.03em; line-height: 1.2em; font-weight: normal;}
.table_cell_text h2 {font-size: 1.05em; line-height: 1.25em; letter-spacing: 0.03em; font-weight: bold; margin: 0; padding: 0 0 5px 0;}


img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 15px;
}

img.alignleft {
	display: inline;
	margin: 0 15px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

/* BLOG */



h1.pagetitle{font-size: 1.4em; letter-spacing: 0.04em; line-height: 1.6em font-weight: bold; clear:both; margin: 25px 0 25px 0; font-family:'Open Sans', Verdana, Arial, Helvetica;}

h2.pagetitle{font-size: 1.2em; font-weight: bold; clear:both; margin: 5px 0;}

#wp_content{clear:both;}

#wp_content h3 {font-size: 1.05em; line-height: 1.2em;margin:5px 0; font-weight: bold;}

#wp_content .category_tag a:hover{color: #4B5583;}

#under_title{border-bottom:1px solid #CCCCCC;text-align:center;margin-bottom:20px;padding-bottom:3px;}

.entry {font-size: 1.05em; line-height: 1.8em; letter-spacing: 0.04em;}
.entry p{margin: 10px  0;}

.entry li {margin: 10px 0;}

#wp_content.narrowcolumn{float:left; width: calc(100% - 470px);  margin: 0 auto 0 auto; padding: 10px 0px 0 30px;}
#wp_content.widecolumn{float:left;width: 100%;margin:0; padding: 1px 1px 1px 1px;}

#wp_content .entry a{color: #2255AA; text-decoration: underline;}
#wp_content .entry{margin-bottom: 12px;}

#wp_content .post{padding:5px; margin: 6px;}

.single #wp_content .post{border-bottom:none;margin-bottom:5px;padding-bottom:10px;}

#wp_content p.postmetadata{font-size:14px;line-height:18px;padding:5px;margin:10px 0px 10px 0px; border:1px solid #F4F4F4; background: #FCFCFC;}

#wp_sidebar{width:375px;float:right;margin: 0px 10px 10px 0px; padding: 0px 15px 0px 15px; font-size:18px; letter-spacing: 0.05em;}

#wp_sidebar h2, #wp_sidebar h3{margin: 15px 0px 0px 0px;font-size: 0.9em; font-weight: normal;border-bottom:1px solid #E6E8E8;padding: 0px 0px 5px 0px;line-height: 1.2em; letter-spacing: 0.05em; color: #6B7D8F;}


#wp_sidebar ul {margin: 0px 0px 20px 0px; padding: 0px; list-style: none;}
#wp_sidebar li {margin: 0px; padding: 7px 0px 7px 0px; border-bottom:1px dashed #E6E8E8; font-weight: normal; font-size: 0.95em;}

.sidebar_ad {width: 100%; max-width: 300px; height: 250px; display: inline-block;}

.post_ad {width: 100%; height: auto; max-width: 635px; max-height: 80px; display: inline-block;}

.s_thumb {
   display: table-cell;
   padding-top: 5px; }
.s_thumb img {border-radius: 2%;}   
.s_text {
   font-size: 1em; line-height: 1.2em; letter-spacing: 0.03em;
   display: table-cell;
   vertical-align: middle;
   min-height: 60px;
   padding-left: 15px;
   padding-bottom: 2px;
}   
.s_text p {
   font-size: 0.85em; line-height: 1.2em; letter-spacing: 0.03em;
   margin: 0;
   padding: 2px 0 2px 0;
}

#respond .inp {
	height: 2em;
}
#respond .sbm {
	width: 10em;
	height: 2.5em;
	font-size: 1.2em;
	line-height: 2em;
	color: #003366;
	background: #EEF2FF;
	border: 1px solid #C7D0E9;
	line-height: 2em;
	margin: 0 auto;
	display: block;
	text-align: center;
}
#respond .sbm:hover {
	width: 10em;
	height: 2.5em;
	font-size: 1.2em;
	line-height: 2em;
	border: 1px solid #30abd5;
	background: #30abd5;
	color: #FFFFFF!important;
	line-height: 2em;
	margin: 0 auto;
	display: block;
	text-align: center;
    cursor: pointer;
}
.commentlist li .avatar{float:left;border:1px solid #eee;background:#fff;overflow:hidden;margin:-6px 4px 4px 0;padding:2px; margin-top:5px;}
.commentlist span{font-weight:700;font-style:normal;}
.commentlist span a{font-weight:700;font-style:normal;}
.commentlist .comment-author{display:inline;}
.commentlist .comment-meta{display:inline;}
.commentlist .post_info{margin-top:3px;border-top:1px dotted #666;padding:15px 0 6px;}
.commentlist li{list-style:none;font:11px Arial, Helvetica, sans-serif;margin-left: -40px;padding:10px;}
.depth-1{border: 1px solid #F1F3FA; margin-top: 10px;}
#wp_content #comments{color: #003366;margin-bottom:15px;text-transform:uppercase;font-weight:700;}
#wp_content h3#respond{border-bottom:1px solid #CCC;color: #003366;margin-bottom:15px;text-transform:uppercase;font-weight:700;}
#wp_content #reply_block{width: 100%;margin-left: 2px;}
#wp_content #reply_block_container{background: #FBFBFB none repeat scroll 0 0;border:1px solid #F4F4F4;padding:5px 8px 12px;}
#commentform p{}
#commentform{margin:5px 10px 0 0;}
#commentform textarea{font: 1em Arial, Helvetica, sans-serif;}

#page-content p img {

	border: none;
    float: left;
	margin: 10px 10px 10px 0px;

}
		

/* Responsive Design

------------------------------------------------------------ */

@media only screen and (max-width: 1200px) {
#wp_content.narrowcolumn{width: calc(100% - 410px);}
#wp_sidebar{width:320px;}

.table_cell_text {font-size: 0.9em; line-height: 1em;}
.table_cell_text h2 {font-size: 1em; line-height: 1.2em;}

}

@media only screen and (max-width: 1080px) {
#wp_content.narrowcolumn{width: calc(100% - 350px);}
#wp_sidebar{width:260px;}

.home_left {
	width:  calc(50% - 30px);
}

}


@media only screen and (max-width: 1000px) {

.list_featured {
	width:  calc(50% - 30px); height: 380px;
}


.table_cell {width: calc(100% - 20px); margin: 10px 10px; display:block; float: left;}
.table_cell_text { width: calc(100% - 40px); margin: 10px 10px 30px 0px; font-size: 1.05em; line-height: 1.2em; display: block; float: left;}
.table_cell_text h2 {font-size: 1.2em; line-height: 1.4em;}
#subhead { display: none; }

#page-content {
	width: 97%;
	float: left;
	height:auto;
	margin: 68px 1.5% 0 1.5%;
	padding: 0px 0px 0px 0px;
     }

.home_right { width: 100%; margin: 0 0 20px 0; padding: 0 0 0 0; }

.bottom-w {
	width: 100%; 
	}
}

@media only screen and (max-width: 768px) {
	 
.f-bg {
	margin: 7px auto;
     }
	 
.list_featured {
	width:  calc(100% - 30px); height: auto;
}	 
.list_featured h2 {
	padding: 10px 15px 25px 15px;
}
.home_left {
	width:  calc(100% - 30px); font-size: 1.05em; letter-spacing: 0.04em; line-height: 1.6em; 
}
	 
#wp_content.narrowcolumn{width: 95%; margin: 4px 2.5% 3px 2.5%; padding: 0;float: left; clear: both;}

#wp_sidebar{width: 95%; margin: 4px 2.5% 3px 2.5%; padding: 0;float: left; clear: both; border-left: none;}

}