/*
Theme Name: Simple Grid Theme Responsive
Theme URI: http://www.dessign.net/simplegridtheme
Description: Simple Grid Theme  for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 
Version: 2.0
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 4 column theme, clean, portfolio
*/




/* Global */


* {margin: 0;padding: 0;}

body {
	font-size: 16px;
	  /* fallback for old browsers */
	  /* Chrome 10-25, Safari 5.1-6 */
	 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #333;
	background-repeat:no-repeat;
	background-size:100% auto;
	}

p {color:#333;overflow:  hidden;}

h1{
    font-size: 24px;
    /* font-weight:bold; */
    /* color: #2d2d2d; */
    text-decoration:none;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 20px;
    border-bottom-width: 4px;
    padding: 10px 10px 40px 0px;
}

h2 {
    font-size: 22px;
    font-weight:bold;
    color: #2d2d2d;
    /* background-color: lightyellow; */
    text-decoration:none;
    border-left: 5px solid #b22222;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 0px;
    padding: 10px;
    margin: 15px 0px;
    border-bottom: #d4c2c2 2px solid;
}

h3{
	color:#333;
	overflow:  hidden;
}

h4{
	color:#333;
	overflow:  hidden;
}


h5{
	color:#333;
	overflow:  hidden;
	background: #ffffff;
	border-radius: 10px;
	border: 5px solid;
	padding: 5px;
	border-color: #eceef1;
}
.left { float: left; }

.right { float: right; }

.clear {clear: both;}

img {
	height: auto;
}
img.attachment-post-thumbnail{}
a {text-decoration:none;}
a:hover { text-decoration:none;}


#main_container {
	width: 1018px;
	padding: 0px 0px;
	margin: auto;
	-webkit-box-shadow: 0 0 8px #CCC;
	/* box-shadow: 0 0 8px #CCC; */
}

ol {
    counter-reset:li; 
    }
ol li {
    list-style:none;
    position:relative;
    font-size:18px;
    padding:0 20px;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:10px;
    *list-style-type: decimal; /*IE7*/
    }
ol li:before {
    content:counter(li); 
    counter-increment:li;
    font-size:24px;
    font-weight:bold;
    color:#f18b68;
    position:relative;
    left:-25px;
    width:60px; 
    background-image: url(images/ol-icon.png);
    background-repeat: no-repeat;
    padding-left:0px;
    margin-left:10px;
    margin-right:10px;
    padding-bottom:10px;
    }


/* Header */

#header {
    
      /* fallback for old browsers */
      /* Chrome 10-25, Safari 5.1-6 */
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    float:  left;
}

.logo {
    height: 70px;
    padding: 2px;
    margin: 6px 0px;
}

#socialicon_container {
    text-align: center;
    height: 62px;
    background-color: #ffffff;
}

.social_icons {
	list-style-type: none;
	width: 30px;
	padding: 2px;
	border-radius: 11px;
	float: right;
}


.social_icons:hover{

}

.social_icons li { float: right; margin-left: 10px; }
.search_cont { float: right; margin-top: 15px; position: relative; }


#menu_container {
    background-color: #b22222;
    text-align: center;
    font-family: "AxisStd-Regular", sans-serif;
    /* margin: 0px 0px 10px 10px; */
}

#menu_container:hover{;}


#menu_container ul {
	list-style-type: none;
	margin:  auto;
}
#menu_container ul li {float: left;}

#menu_container ul li:hover{

	
}

#menu_container ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0px 2px;
	margin: 0 10px;
}


#menu_container ul li.current-menu-item a , #menu_container ul li.current_page_item a  {
	color: #fff;
	-moz-border-radius: 50px;
	text-shadow: 0 0 5px #ff0000, 0 0 10px #ffffff, 0 0 15px #ffffff;
}


/* Content */

#content_container {
	background-color: #eceef1;
	border-radius: 5px;
	padding: 20px 5px;
}

#load_posts_container {
    background: white;
    border-radius: 10px;
    padding: 12px;
}

.home_post_box {
	float: left;
	height: 240px;
	width: 320px;
	-webkit-border-radius: 3px;
	position: relative;
	margin: 5px 4px;
	background: white;
}

.home_post_box:hover { 

}

.home_blog_box_last { margin-right: 0 !important; }
/*thumb-nail */

.home_post_box img {width: 100%;height: 75%;position: absolute;}

.home_post_title_cont {
	position: absolute;
	width: inherit;
	text-decoration: none;
	top: 75%;
}

.home_post_title_cont h3{
	background-color: #FFd700;
	color:#000000;
	padding: 5px;
	white-space: normal;
	height: 37px;
	line-height: 22px;
	text-overflow: ellipsis;
}

.home_post_title_cont h3 a {color: #8093a4; text-decoration: none; }
.home_post_title_cont h3 a:hover { text-decoration: none; }

.home_post_title_cont h4 {margin: 0;font-size: 10px;background-color: firebrick;padding: 1px;}
.home_post_title_cont h4 a {color: #fff;text-decoration: none;font-family: "AxisStd-Regular", sans-serif;}
.home_post_title_cont h4 a:hover {text-decoration: none;}



.blog_box_cont { float: left; width: 400px; }

.blog_box_cont .home_post_box { margin-right: 0; margin-bottom: 0; }

.blog_box { margin-bottom: 0; margin-right: 0; }

.blog_content {float: left; color: #333}



.home_post_desc {
	width: 300px;
	height: 224px;
	position: absolute;
}
.home_post_desc:hover{

}


.blog_left {float: left;width: 640px;padding: 10px 30px;background-color: #fff;border-radius: 10px;}

.blog_left h1 {margin-top: 0;}

.blog_nav_cont { padding-bottom: 15px; }

.blog_nav_cont a { color: #0000FF; text-decoration: none; }
.blog_nav_cont a:link { color: #0000FF;text-decoration: none; }
.blog_nav_cont a:visited { color:#FF00FF;text-decoration: none; }
.blog_nav_cont a:hover {
	color:#0000FF;text-decoration: none;
}
.blog_nav_cont a:active { color: #0000FF;text-decoration: none; }

.home_post_box_last {}



#commentform input[type=submit] { background-color: #EEE; border: none; color:#333; padding: 8px 10px; }



/* Sidebar */

#sidebar {float: right;width: 280px;margin-right: 10px;position: -webkit-sticky;position: sticky;top: 40px;}

.side_box {padding: 10px;background: white;border-radius: 10px;}

.side_box h3 {
    /* background-color: #fbb03b; */
    padding: 3px;
    font-size: 18px;
    border-radius: 0px;
    color: #586d10;
}

.side_box ul {list-style-type: none;padding: 0px 10px;background: white;}

.side_box ul li {
    /* padding: 5px 0px; */
}

.side_box .textwidget {/* padding: 0 10px; */}

.side_box a {
    /* text-decoration: none; */
    color: #257372;
    font-size: 14px;
}

.side_box a:hover {
	/*text-decoration: none; */
	color: #42c9c8;
}


/* Footer */

#footer {/* padding: 10px 0; */border-top: 2px solid #858F8C;}

.footer_widgets_cont {text-align: center;margin: 0 auto;padding: 0 8px 0 28px;}

.footer_box { float: left; width: 320px; margin-right: 20px; margin-bottom: 20px; }

.footer_box_last { margin-right: 0; }

.footer_box h3 { font-size: 16px; }

.footer_box a { color: #333; text-decoration: none; }

.footer_box a:hover { text-decoration: none; }



.footer_box ul, .footer_box ol { list-style-type: none; margin-left: 3px; }

.footer_box ul li, .footer_box ol li { margin-bottom: 3px; }



.footer_copyright {text-align: center;border-top: 1px solid #222;border-bottom: 1px solid #222;color: #fff;background-color: #222;font-size: 14px;/* border-radius: 10px; */-webkit-box-shadow: 0 0 8px #CCC;/* box-shadow: 0 0 8px #CCC; */}

.footer_copyright a { text-decoration: none;  margin: 0 auto;}

.footer_copyright a:hover { text-decoration: none; }






/* editor */
 
p {
    display: block;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
    padding: 10px 0px 10px 0px;
}
 
/* clearfix */
 
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 10px;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* for mobile */

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


#main_container {width: 375px;}

#header {
}

.logo {max-width: 400px;margin: 0 auto;}

.search_cont { /*display: none;*/ }

.social_icons {}

#socialicon_container {
    /* background-color: white; */
    text-align: center;
    height: 75px;
}


#menu_container {}

#menu_container ul {}

#menu_container ul li {
}

#menu_container ul li a {}

#menu_container .cat_menu {}

#load_posts_container {
    background: white;
    border-radius: 10px;
    padding: 12px;
}

#content_container {
}

.featured_banner { display: none; }

.featured_banner img { width: 320px; height: 32px; }



.blog_box_cont { width: 400px; float: none; margin: 0 auto; }

.blog_content { float: none; width: 400px; margin-left: auto; margin-right: auto; color: #333 }



.home_post_box {width: 336px;height: 252px;margin: 10px 0px;}

.home_post_box img {}
	
.home_post_title_cont {
    height: 50px;
}
	
.home_post_title_cont h3{
}

.home_post_title_cont h4{

}


.home_post_desc { width: 400px; left: 35px; }



.blog_left {float: none;width: 350px;margin: 0 auto;padding: 5px;border-radius: 10px;}

.blog_left .left_content img {height:inherit;}

#commentform textarea { width: 300px; color: #333}

#sidebar { display: none; }

#footer { display: none; }



}









/* for tablet */

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

#main_container {
}

#header {}



#menu_container {}

#content_container {
    width: 872px;
}
	
#load_posts_container {
}

.featured_banner img { width: 840px; height: 72px; }


.home_post_box {
	width: 416px;
	height: 312px;
	}

.home_post_box img {}

.home_post_box_last {}



.blog_box_cont .home_post_box { margin-left: 0; }


.home_post_title_cont {
}

.home_post_desc { width: 380px;  }

	
.home_post_title_cont h3{
	height: 52px;
	font-size: 18px;
}

.home_post_title_cont h4{
	height: 20px;
	font-size: 12px;
}


.blog_left {width: 580px;float: left;}

.blog_left .left_content img {height:inherit;}

#sidebar {width: 200px;padding: 0px;}



.footer_widgets_cont { padding: 0 0px 0 0px; }

.footer_box { width: 229px; }





}


/* IE6 fix */

.ie6_width .tr {

	right: -1px;

}



.ie6_width .br {

	right: -1px;

}



.ie6_height .br {

	bottom: -1px;

}



.ie6_height .bl {

	bottom: -1px;

}



/* @end */