/**************************************
Theme Name: Engross
Theme URI: https://wpneon.com/engross-free-wordpress-blog-theme/
Description: A Free WordPress Blog / Magazine / Personal / Writers Theme. 
Engross is a clean minimal and responsive WordPress theme well suited for fashion, writers, travel, health, business, finance, portfolio, design, art, photography, personal or any other creative websites and blogs. Developed using underscores framework that makes it mobile and tablets friendly. Engross incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly thanks to its clean structure and codebase. It has dozens of Theme Options based on WordPress Customizer to change theme layout, colors and much more. Engross is a free WordPress theme with premium functionality and design. 
Version: 1.2
Author: WPNeon.com
Author URI: http://wpneon.com/
Tags: microformats,custom-menu, editor-style, sticky-post, custom-colors, custom-menu, editor-style, full-width-template, left-sidebar, right-sidebar, sticky-post, theme-options, threaded-comments, three-columns, translation-ready, two-columns
Text Domain: engross

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

------------ Index ------------
01. GENERAL STYLES
02. LAYOUT & GRID STYLES
03. H1, H2, H3, H4, H5 STYLES
04. LINK STYLES
05. HEADER STYLES
06. NAVIGATION STYLES
07. POSTS & CONTENT STYLES
08. SIDEBARS & ASIDES
09. COMMENT STYLES
10. COMMENT FORM STYLES
11. WORDPRESS BODY CLASSES
12. PAGE NAVI STYLES
13. FOOTER STYLES
******************************************/
/*********************
01. GENERAL STYLES*/

*
{margin: 0;	    padding: 0; list-style: none; border: 0 none; outline: none;
}

html{margin:0;padding:0}

body
{
    font-family: 'Segoe UI','Verdana','Merriweather', serif; 
	font-size: 13px; line-height: 1.5; width: 100%; 
	color: #0385aa; /* B */ 
	background-color: #222; /* B */
	margin:0px; display:block;
	padding:0px;
}

p
{font-family: 'Segoe UI','Verdana','Merriweather', serif; font-size: 14px; line-height: 2em; padding: 10px 0;
    text-align: justify;
    word-spacing: .1em;
}


.clr
{
    clear: both;
}

img
{
    max-width: 100%;height: auto;
}
textarea,
input[type=text],
input[type=password],
input[type=email],
select
{font-size: inherit;

    border: 1px solid #ccc; background: #fff;
}

input,
select
{
    cursor: pointer;
}
input[type=text],
input[type=password],
input[type=email]
{
    cursor: text;
}
textarea
{
    overflow: auto;
}
textarea,
input
{
    padding: 5px;outline: none;
}
select
{
    padding: 2px;
}
option
{
    padding: 0 4px;
}
input[type=button],
button
{
    padding: 4px;cursor: pointer;vertical-align: middle;
} input:hover
{
    color: #523F38;
}
input.text_input,
textarea.textarea
{
    border: 1px solid #ccc;-webkit-border-radius: 1px; -moz-border-radius: 1px;border-radius: 1px;
}
input.text_input:focus,
textarea.textarea:focus
{
    border: 1px solid #999;
}

.search-block .search-button,
#gototop
{
    background-image: url(images/sprite.png); background-repeat: no-repeat;
}

 
/********************* 
02. LAYOUT & GRID STYLES */

.aligncenter
{
    float: center;
}
.alignright
{
    float: right;
}
.alignleft
{
    float: left;
}
.center
{
    text-align: center;
}
.wrap
{
    margin: 0 auto;
}

.container
{clear: both; 

    max-width: 1240px; margin: auto;
}
.post-container,
.page-container,
.cat-container,
.home-container
{overflow: auto;

    margin-right: 280px;
}
.full-width
{
    margin-right: 0 !important; margin-left: 0 !important;
}
.entry-content p
{
    padding: 10px 20px;
}
.entry-content a:hover
{
    text-decoration: underline;
}
.entry-content p,
.entry-content li
{
    font-size: 15px; line-height: 2.2;
}
/* .entry-content p a, .entry-content li a{border-bottom:3px solid;} */
.home-container article,
.cat-container article
{   
}

#inner-content
{
    overflow: auto; 
}
#content
{
    float: left; width: 100%; margin-bottom: 20px;
}

.one-col
{
    width: 6.85483%;
}
.two-col
{
    width: 15.32258%;
}
.three-col
{
    width: 23.79032%;
}
.four-col
{
    width: 32.25806%;
}
.five-col
{
    width: 40.7258%;
}
.six-col
{
    width: 49.19354%;
}
.seven-col
{
    width: 57.66129%;
}
.eight-col
{
    width: 66.12903%;
}
.nine-col
{
    width: 74.59677%;
}
.ten-col
{
    width: 83.06451%;
}
.eleven-col
{
    width: 91.53225%;
}
.twelve-col
{
    width: 100%; margin-right: 0;
}

.one-col,
.two-col,
.three-col,
.four-col,
.five-col,
.six-col,
.seven-col,
.eight-col,
.nine-col,
.ten-col,
.eleven-col,
.twelve-col
{position: relative;display: inline; float: left; 
    clear: none; overflow: hidden; margin-right: 1.61291%;margin-bottom: 10px;	padding: 0;
}

.first
{
    margin-left: 0 !important;
}
.last
{
    margin-right: 0 !important;
}
.mtop
{
    margin-top: 40px;
}
.mbottom
{
    margin-bottom: 40px;
}
.mleft
{
    margin-left: 20px;
}
.mright
{
    margin-right: 20px;
}
.mdefault
{
    margin: 20px;
}
.mnone
{
    margin: 0;
}
.pnone
{
    padding: 0;
}
.vsmall
{
    font-size: 12px;
}
.small
{
    font-size: 13px;
}
.medium
{
    font-size: 14px;
}
.big
{
    font-size: 16x;
}
.sticky {}
.bypostauthor {}


/*******************************
03. H1, H2, H3, H4, H5 STYLES */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6
{ font-family: 'Segoe UI','Verdana','Merriweather', serif;

 clear: both;

    margin: 10px 0; 
    color: #00BCF2; /* BEDA */
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a
{
    text-decoration: none; color: #00C1F8;
}
h1,
.h1
{
    font-size: 36px;
}
h2,
.h2
{
    font-size: 32px;
}
h3,
.h3
{
    font-size: 28px;
}
h4,
.h4
{
    font-size: 24px;
}
h5,
.h5
{
    font-size: 22px;
}
h6,
.h6
{
    font-size: 20px;
}


/*********************
04. LINK STYLES */

a{color:#78B6D5; text-decoration:none;}
a, a:visited {}
a:hover , a:visited:hover,
a:focus, a:visited:focus { }
a:link, a:visited:link {}

/******************
05. HEADER SYTLES */


.logohead{ display:inline-block; float:left; margin-bottom:0px;
margin-top: 5px;
    color: #fff;
    margin-right: 20px;
font-size:34px; margin-left:5px;
}

.logohead a {color:#fff;}

#top-header
{position: relative;  width: 100%; min-height: 90px; 
    margin: auto; 
}
#top-header .logo,
#footer-logo .logo
{font-size: 44px; font-weight: bold;

    position: relative; 
    /* max-height: 63px; */ z-index: 999;float: left; color: #fff;
}
#top-header h1,
#top-header h2
{
    float: left; margin-top: 15px; margin-bottom: 15px;
}
#top-header .logo
{
    height: 60px; color: #111;  background-repeat: no-repeat;
}

/**********************
06. NAVIGATION STYLES */

.top-nav
{font-size: 12px;

    float: right;margin-top: 30px; margin-right: 10px;
}

.top-nav li
{
    position: relative; display: inline-block; float: left; padding: 6px 10px; border-radius: 2px;
}
.top-nav li a
{font-size: 11px; font-weight: bold; 

    color: #ee5554;
}
.top-nav li a:hover
{
    color: #fff;
}
.top-nav li.current-menu-item a
{
    color: #fff;
}
.top-nav ul
{
    position: absolute; z-index: 99999; top: 31px; left: 0; display: none; float: left;width: 180px; padding: 0;

    background-color: #5a435a;
}

#main-nav
{clear: both;width: 100%;  max-height:60px; min-height:60px;
    margin: 0 auto; background-color: #FF715B; 
}
#main-nav #main-menu
{
    float: left; margin: 0;
}
#main-nav  #main-menu li {  position: relative; float: left; /* #ee5554;  border-right:1px solid #5A435A; */ text-align: center; }
#main-nav  #main-menu li a
{font-size: 14px; display: inline-block; min-width: 40px; height: 20px;padding: 20px 12px; color: #fff; 
}
#main-nav  #main-menu ul {position: absolute;     z-index: 99999;	top: 60px; left: 0; 
    display: none; float: left; width: 372px;padding: 0; background-color: #523F38 /* #5A435A; */
}
#main-nav #main-menu li.simplemenu ul {     width: 186px;}
#main-nav  #main-menu ul li, #top-nav ul li {     font-size: 12px;	
    z-index: 99999; min-width: 180px; height: auto; margin: 0; padding: 0;border: 0 none; border-bottom: 1px solid #f1f1f1; }
#main-nav  #main-menu ul a, #top-nav ul a  {font-size: 12px;font-weight: normal; line-height: 1em;

    z-index: 99999;	display: block !important; width: 174px; height: auto !important;margin-right: 0 !important;
    padding: 20px 0 20px 12px; text-align: left; color: #fff; 
    border: 0 none; background: none !important;
}

#main-nav  #main-menu li:hover {color: #fff !important; color: #fff;     background-color: #523F38 /*#E97C67; */ }
/* #main-nav  #main-menu li:hover > a, #main-nav  #main-menu :hover > a {} */
/* #main-nav  #main-menu li:hover > ul, #top-nav li:hover > ul {display: block;}	*/
#main-nav  #main-menu li a:hover
{
    color: #fff;
}

#main-nav  #main-menu ul li:hover > a,
#main-nav  #main-menu ul :hover > a,
.top-nav ul li:hover > a,
.top-nav ul :hover > a
{
    color: #fff;
}
#main-nav  #main-menu ul li
{
    background-color: #FF715B; /* 5A435A; */
}
#menu-icon
{font-weight: bold; 

    display: none; float: left; 
    padding: 12px 8px 6px 20px; cursor: pointer;color: #fff;
}

.fa-bars:before {
    margin-right: 10px;
    vertical-align: middle;}
	
#main-nav #socialcircle
{
    float: right;
}
#main-nav #socialcircle li
{
    float: left;margin-top: 7px;margin-right: 20px;
}
#image-navigation
{
    float: right; margin-top: 20px;
}


/*********************
07. POSTS & CONTENT STYLES */

.pagenavi a, .pagenavi span.extend, .pagenavi span {
float: left;
font-size: 14px;
margin-top: 1px;
margin-right: 3px;
color: #523F38;
padding: 4px 10px;}

.read-article:hover{ text-decoration:underline;}
#crumbs
{font-family: 'Source Sans Pro', Sans-serif; font-size: 12px; 

    clear: both; 

    margin-bottom: 10px;padding-bottom: 5px; color: #ee5554; border-bottom: 1px solid #f0f0f0;
}

.post-meta
{ font-size:12px;
     padding-top: 0;color: #78B6D5; border-bottom: 1px solid #f0f0f0;
}
.post-meta-author
{margin-right: 30px;

    background-repeat: no-repeat; background-position: -239px -59px;
}
.post-meta-date
{margin-right: 30px; 

    background-repeat: no-repeat; background-position: -239px -44px;
}
.post-meta-comments
{margin-right: 15px;

    background-repeat: no-repeat; background-position: -239px -74px;
}

.post-meta-date .fas, .post-meta-author .fas, .post-meta-comments .fas {
    margin-right: 5px;
    color: #111; }

/* Authors Page */
.our_authors
{
    overflow: hidden;
}
.our_authors .item
{position: relative;float: left; width: 10%; min-width: 120px; height: 120px; margin: 20px 5px; 
    padding: 10px;
}
.our_authors .item img
{width: 100%; height: auto; margin: 0;

    border-radius: 100px;
}
.our_authors .item .desc
{position: absolute; z-index: 2; top: 10px; 

    display: none;	width: 120px; text-align: center;
}
.our_authors .item:hover .desc
{
    display: block;
}
.our_authors .item:hover img
{
    opacity: .1 !important;
}
.our_authors .item .desc h6
{font-size: 12px; 
    font-weight: bold; margin-top: 29px;margin-bottom: 5px;
}
.our_authors .item .desc p
{
    font-size: 14px; font-weight: bold; margin-bottom: 5px;
}

/* Category Pages */
.cat-container article,
.home-container article
{
    /*width:48.75%; */ position: relative; 
background-color: #523f3808;     margin: 5px 0;
}

/* .home-container article.even .cthumb{float:right !important;} */
.home-container article:nth-child(even) .cdetail { float:left;}
.cat-container article:nth-child(odd) .cdetail { float:left;}

.home-container article:nth-child(even) .cthumb {float:right; margin-right:0px; width:50%;}
.cat-container article:nth-child(odd) .cthumb{float:right; margin-right:0px;width:50%;}	

.home-container article:nth-child(even) .cdetail .catpost{ padding-left:20px;}
.home-container article:nth-child(odd) .cdetail .catpost{ padding-right:20px;}
.cat-container article:nth-child(odd) .cdetail  .catpost{ padding-left:20px;}
.cat-container article:nth-child(even) .cdetail  .catpost{ padding-right:20px;}		
	
/*.cat-container .item-list:nth-child(even) {margin-right: 2.5%;} 
.home-container .item-list:nth-child(1) { background-color:#ee5554;} 
.home-container .item-list:nth-child(1) .postmeta{ color:#fff;}
.home-container .item-list:nth-child(1) .postmeta a{ color:#fff;}
.home-container .item-list:nth-child(1) .cdetail h2 a{ color:#fff;}
.home-container .item-list:nth-child(1) .cdetail h2 a:hover{ color:#523F38;}
.home-container .item-list:nth-child(1) .catpost p{ color:#fff;}
.home-container .item-list:nth-child(1) .read-article{ color:#fff;}
/*.item-list{background-color:#fff;float:left;} */

.cat-head
{overflow: auto;margin-top: 0; padding: 30px;

    background-color: #FF715B;
}
.cat-head h1
{color:#fff;

    margin: 0;
}
.cat-head p {color:#fff;}

.cthumb
{
    position: relative; overflow: hidden; height: 270px; margin-bottom:0px;
}
.cthumb a
{
    display: block;
}
.cthumb a img
{width: 101%; 
    height: 270px; /*206px; */ -webkit-transition: all .6s ease;
                -moz-transition: all .6s ease;                  -o-transition: all .6s ease;                     transition: all .6s ease;
}

.cthumb a img:hover
{

    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.catbox
{
    position: absolute; z-index: 10; bottom: 10px; left: 10px;
}
.catbox ul li
{display: inline-block;
    float: left;
}
.catbox a,
.hcat a:visited
{margin-right: 1px;padding: 3px 10px; 

    color: #fff !important; background: #ee5554;
}

.cdetail
{ text-align:center;
     padding-top: 10px; 
}



.cdetail .catpost{padding:0 10px;}

.cdetail  h3,
.cdetail  h2
{font-size: 28px; 

    margin: 10px 0;
}
.cdetail  h3 a:hover,
.cdetail  h2 a:hover
{
    color: #0067CC;
}
article .postmeta
{
    color: #006090;
}
article .postmeta p a
{
    color: #006090;
}
article .postmeta p a:hover
{
    text-decoration: underline;
}

.singlebox
{padding: 20px;

    
}
.byline
{
    color: #999;
}
.entry-content ul,
.entry-content ol
{
    margin: 0 15px 15px 20px; padding-left: 20px;
}
.entry-content  ul li,
.entry-content  ol li
{
    font-family: 'Merriweather', serif; margin-left: 10px;
}
.entry-content  ul li
{
    list-style: circle;
}
.entry-content  ol li
{
    list-style: decimal;
}
.single-post-thumb
{
    width: 100%;
}

.article-footer .tags a,
.widget_tag_cloud a
{font-size: 13px; padding: 2px 4px; white-space: nowrap;color: #fff; 
    background-color: #999;
}

.post-shares
{
    padding-bottom: 20px;
}
.post-share
{
    overflow: auto; padding: 20px 0 20px 0;
}
.post-share li
{
    float: left; margin-right: 20px;
}

/*Author Box*/
.authorbox {overflow: hidden;
border-top: 1px solid #F1F1F1;
border-bottom: 1px solid #F1F1F1;
background-color: #523F38;
padding: 20px;
margin-left:-20px;
margin-right:-20px;
}
.authorleft { float: left;
overflow: hidden;
padding: 20px 0 20px 0;
width: 100%; }
.authorleft .authorimg { float: left; width: 136px; }
.authorbio { line-height: 170%; margin-left: 180px; }
.author-title{font-size:22px; font-family: 'Merriweather', serif; color:#fff;}
.author-title:hover{ text-decoration:underline; color:#fff;}
.authorbio p { color: rgba(255,255,255,0.9); margin-bottom: 10px; font-size:14px;} 
.authorlinks a{margin-right: 40px; font-size:15px; rgba(255,255,255,0.6); font-family: 'Merriweather', serif; color:#fff; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 3px;}
.authorlinks a:hover{ border-bottom-color:#fff; color:#fff !important;}

.authorleft .authorimg img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #e2e2e2; }
.authorbio .authorlinks { margin-top: 5px; color: #fff; }
.authorbio .authorlinks  a{ margin-top: 5px; color: #fff; }

/*Related Articles*/
.related-articles
{overflow: auto;

    border-bottom: 1px solid #f0f0f0;
}
.related-articles h4
{
    margin: 20px 0;
}
.related-article:nth-child(3)
{
    margin-right: 0;
}
.related-article img
{width: 374px; 
    height: auto;    height: 199px;
}
.related-article h5
{margin-top: 0;

    text-align: center;
}
.related-article h5 a
{
    color: #f45f51;
}
.related-article h5 a:hover
{
    color: #5a435a;
}
/* Scroll to top */
#gototop
{
    position: fixed; 
    z-index: 2; right: 10px; bottom: -100px; overflow: auto;

    width: 35px; height: 35px; cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
       -moz-transition: all .7s ease-in-out;
        -ms-transition: all .7s ease-in-out;
         -o-transition: all .7s ease-in-out;
            transition: all .7s ease-in-out;text-indent: -99999px; background-color: #ee5554; background-position: -159px -38px;
}
/* Search Box */
.search-block
{float: right;
    overflow: hidden; margin-top: 29.5px;
}

#searchform
{
    overflow: hidden; height: 29px;border: 1px solid #ee5554;
    border-radius: 2px;
}

.search-block .search-button
{
    display: block; 
    float: right; 

    width: 30px; height: 29px;cursor: pointer;text-indent: -999999px;border: 0 none; background-color: #5a435a; 
    background-position: -193px -43px;
}

.search-block #s
{font: normal 11px Trebuchet MS;float: right; width: 180px; height: 29px; 
    padding: 0 10px 0 10px; -webkit-transition: width .7s , color .4s;
    -moz-transition: width .7s , color .4s; 
      -o-transition: width .7s , color .4s;         transition: width .7s , color .4s;color: #ee5554; border: none; border-radius: 2px;
    background-color: #5a435a;
}

.search-block #s:focus
{color: #fff; border: none !important;
    background-color: #ee5554;
}

/* 404 Page */
.not-found-block #s
{font: normal 11px Trebuchet MS;width: 50%;
    padding: 6px 12px 7px 12px; 

    -webkit-transition: width .7s , color .4s;
       -moz-transition: width .7s , color .4s;         -o-transition: width .7s , color .4s;
            transition: width .7s , color .4s;

    border: 1px solid #ececec;
    background: #fff;
}

.not-found-block #s:focus
{color: #fff; 
    background-color: #ee5554;
}
.not-found-block .search-button
{width: 10%; min-width: 80px; height: 35px;cursor: pointer;

    color: #fff; border: 0 none;
    background-color: blue;
}

.entry-content
{
    clear: both; overflow: hidden;
}
.entry-content dd
{font-size: .9em; margin-bottom: 1.5em;
    margin-left: 0; color: #787878;
}
.entry-content img
{max-width: 100%; height: auto;
    margin: 0 0 1.5em 0 ;
}
.entry-content video,
.entry-content object
{
    max-width: 100%; height: auto;
}
.entry-content pre
{padding: 10px;

    word-wrap: break-word; border: 1px solid #cecece; background: #eee;
}

article .entry-content table
{margin: 20px; 

    border-spacing: 0; border-collapse: collapse;
}
article .entry-content td,
article .entry-content th
{
    padding: .5em .75em; border: solid 1px #000;
}
/* end .entry-content */

.wp-caption
{
    max-width: 100%; padding: 5px;background: #eee;
}
.wp-caption img
{width: 100%;
    max-width: 100%; margin-bottom: 0;
}
.wp-caption p.wp-caption-text
{
    font-size: .85em; margin: 4px 0 7px;text-align: center;
}
.gallery .gallery-caption
{margin: 0 0 12px;

    color: #888;
}

/* Images */


img.size-auto,
img.size-full,
img.size-large,
.attachment img,
.attachment-full
{
    max-width: 100%; height: auto;
}
img.alignleft,
img.centered,
img.aligncenter,
img.alignright,
img.alignnone,
.attachment-full,
.attachment .entry-content img,
.size-full
{display: block/*inline*/; box-sizing: border-box;margin: 8px; 
    padding: 4px; border: 1px solid #cbcdcc;
}
img.centered,
img.aligncenter,
img.alignnone,
.attachment .entry-content img
{max-width: 100%;
    margin: 0 auto;
}
.entry-content .attachment
{
    margin: 20px 0;
}
img .attachment
{
    margin: 20px 0;
}
img.alignleft
{
    margin-left: 0;
} img.alignright
{
    margin-right: 0;
}
.wp-caption
{line-height: 18px; max-width: 100% !important;	margin-bottom: 20px; padding: 4px; text-align: center;

    background: #f1f1f1;
}
.wp-caption img
{
    max-width: 100% !important;
}
.wp-caption p.wp-caption-text
{margin: 5px;

    color: #888;
}


/**********************
08. SIDEBARS & ASIDES */

#sidebar
{float: right; overflow: hidden; 

    width: 250px; margin-left: -250px;
}

.widget
{
    /*overflow:auto;*/ 
    padding-bottom: 40px;border-bottom: 1px solid #f1f1f1; padding:20px; 
}

.fa-folder{margin-right:5px; #523F38}

.ads200-widget
{
    margin-bottom: 0;
}
.ads200 .ad-cell
{float: left;

    width: 200px;
}
.ads200 .ad-cell img
{
    width: 100%; max-height: 125px;
}
.ads200 .ad-cell:nth-child(odd)
{
    margin-right: 20px;
}

.ads125_125-widget
{
    margin-bottom: 0;
}
.ads125-125
{
    padding: 2.5px;
}
.ads125-125 .ad-cell
{float: left;

    width: 125px;
}
.ads125-125 .ad-cell img
{
    width: 100%; max-height: 125px;
}
.ads125-125 .ad-cell:nth-child(2),
.ads125-125 .ad-cell:nth-child(5)
{
    margin-right: 20px; margin-left: 20px;
}


/*.engross-category-posts h4, .widget_text h4, .widget_recent_entries h4{margin-top: 0px; color: #fff; padding: 5px 10px; background-color: #594255; font-weight: normal;font-size: 18px;} */
.engross-category-posts li
{
    overflow: auto; margin-bottom: 10px; padding-bottom: 5px;border-bottom: 1px solid #bbb;
}
.widget_recent_entries span
{font-size: 13px;font-style: italic; 

}
.engross-category-posts li .post-thumbnail
{position: relative; 

    float: left;overflow: hidden;
}
.engross-category-posts li .post-thumbnail img
{
    width: 150px; height: 66px; -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;      -o-transition: all .6s ease;         transition: all .6s ease;
}

.engross-category-posts li .post-thumbnail img:hover
{overflow: hidden;

    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);         -o-transform: scale(1.1);            transform: scale(1.1);
}

.engross-category-posts li p,
.widget_recent_entries li a
{font-family: 'Merriweather', serif; font-size: 15px; font-weight: bold;
display:block; width:100%;
    padding: 5px 0; color: #523F38;
}

/*********************
09. COMMENT STYLES */


#comments h3
{
    margin: 20px 0;
}
.comment-list li
{clear: both;

    margin-bottom: 20px;
}
.commentlist li:last-child
{
    margin-bottom: 0;
}
.comment-list li[class*=depth-]
{
    margin-top: 1.1em;
}
.comment-list li.depth-1
{margin-top: 0;
    margin-left: 0;
}
.comment-list li ul.children
{
    margin-top: 20px; margin-left: 40px;
}
.comment-avatar
{float: left;

    width: 48px; height: 48px; margin-right: 10px; padding: 2px; -webkit-border-radius: 1px; 
    -moz-border-radius: 1px; background: white; 
    -webkit-box-shadow: 0 0 3px #b5b5b5;       -moz-box-shadow: 0 0 3px #b5b5b5;            box-shadow: 0 0 3px #b5b5b5;
}

.comment-meta
{position: relative; 

    overflow: auto; padding: 10px; -webkit-border-radius: 2px;    -moz-border-radius: 2px;         border-radius: 2px; background: #f8f8f8; -webkit-box-shadow: 0 0 1px 0 #999; 
    -moz-box-shadow: 0 0 1px 0 #999;         box-shadow: 0 0 1px 0 #999;
}

.comment-metadata a
{font-family: 'Merriweather', serif; font-size: 15px;
    font-weight: bold;text-transform: capitalize;
}
.comment-list .datetime
{font-family: 'Merriweather', serif; font-size: 15px; 

    float: right;
}

.comment-list .comment-content
{
    margin-left: 62px;
}


.comment-list .reply
{font-size: .9em;font-weight: 700; float: right; 

    padding: 3px 6px; 

    text-decoration: none; color: #fff; border-radius: 2px; background: #999;
}

.comment-list .reply a
{font-family: 'Merriweather', serif; text-transform: capitalize;

    color: #fff;
}
.comment-list .reply:hover,
.comment-list .reply:focus
{
    background-color: #523F38;
}

  
/************************
10. COMMENT FORM STYLES */
#respond
{
    padding-bottom: 2.2em;
}
#respond h3
{
    margin: 20px 0;
}
#respond form input[type=text],
#respond form input[type=email],
#respond form input[type=url],
#respond form textarea
{line-height: 1.5em;

    padding: 3px 6px; border-radius: 2px; background: #f8f8f8;
}

#respond form input[type=text]:focus,
#respond form input[type=email]:focus,
#respond form input[type=url]:focus,
#respond form textarea:focus
{
    background: #fff;
}

#respond-form form input[type=text]:invalid,
#respond-form form input[type=email]:invalid,
#respond-form form input[type=url]:invalid,
#respond-form form textarea:invalid
{border-color: #fbc2c4; 
    outline: none;  background-color: #f6e7eb;  -webkit-box-shadow: none;
     -moz-box-shadow: none;          box-shadow: none                  ;-ms-box-shadow: none;
}

#respond-form form input[type=text],
#respond-form form input[type=email],
#respond-form form input[type=url]
{min-width: 250px;
    max-width: 400px;
}

#respond-form form textarea
{width: 97.3%; height: 150px;

    resize: none;
}
#comment-form-title
{
    margin: 0 0 1.1em;
}
#allowed_tags
{
    margin: 1.5em 10px .7335em 0;
}

.nocomments
{
    margin: 0 20px 1.1em;
}

#respond .form-submit input,
.button,
.next-image a,
.previous-image a
{font-size: .9em;font-weight: 700; 

    padding: 8px 16px; 

    text-decoration: none; color: #fff; border-radius: 2px; background: #999;
}
.button:hover,
.next-image a:hover,
.previous-image a:hover,
#respond .form-submit input:hover
{
    color: #fff !important; background-color: #523F38;
}
.button a
{
    color: #fff;
}
#respond .comment-form-comment textarea
{
    width: 98%;
}


/********************
11. WORDPRESS BODY CLASSES */

.widget-title
{font-size: 16px;
display: inline-block;
    border-bottom: 2px solid #ff715b;
    text-transform: uppercase;
}
label
{font-weight: bold;

    display: block; margin-bottom: 10px;
}
.widget_nav_menu #menu-top-menu li,
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_recent_comments ul li,
.widget_rss ul li,
.widget_recent_entries li
{display: block; 

    margin: 0 3px;  padding: 10px 0;border-bottom: 1px solid #f1f1f1;
}

.widget_nav_menu #menu-top-menu li a,
.widget_archive ul li a,
.widget_categories ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_recent_comments ul li a,
.widget_rss ul li a
{font-size: 14px; font-weight: bold; display: inline-block;  height: 20px;

    color: #523F38 /*#ee5554 !important */;
}

.widget_nav_menu ul li ul
{
    display: none;
}

.widget_nav_menu ul li a:hover,
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_recent_entries ul li a:hover,
.engross-category-posts ul li a:hover
{text-decoration: underline;

    color: #ee5554;
}

.widget_nav_menu ul li ul li a
{width: 80%;
    padding: 8px 10%;
}
.widget_categories ul li ul
{
    display: none;
}
.widget_archive select,
.widget_categories select
{min-width: 160px;margin-left: 20px; 
    padding: 5.5px; border: 2px solid #523F38;
}

.widget_recent_comments li,
.widget_rss li
{
    margin: 2px; padding: 10px;
}

/*.widget_rss li a{font-weight: bold; font-size: 15px;} */
.widget_rss li span
{font-style: italic; 

    float: right; clear: both; width: 100%; margin: 5px 0;text-align: right;
}
/*.widget_recent_comments li a{display: inline !important;font-size: 12px; font-weight:bold; color: #e0735e;} */
.widget_recent_comments li .url
{font-style: italic;

    text-transform: uppercase;
}

#wp-calendar
{
    width: 100%;
}
#wp-calendar caption
{
    font-size: 16px;	font-weight: bold; padding-bottom: 4px; text-align: center;color: #523F38;
}
#wp-calendar tbody
{
    color: #aaa;
}
#wp-calendar tbody td
{padding: 6px 0 6px;	text-align: center;color: #fff; 
    background: #523F38;
}

#wp-calendar tbody .pad,
footer #wp-calendar tbody .pad
{border: 0 none;
    background: none;
}
#wp-calendar tfoot #next
{
    text-align: right;
}

/* Widget search --------------------------------------- */

.widget_search #searchform{border:0px; height:33px;}
.widget_search form { position: relative; }
.widget_search input { height: 30px; }
.widget_search input#s {
	-webkit-appearance: none;
	width: 99%;
	padding: 0px;
	background: #FFF;
	font-family: 'Merriweather', serif;
	font-size: 1rem;
	border-radius: 3px;
}

.widget_search #s:focus { 
	outline: none; 
	background: #EEE;
	color: #444;
}
.widget_search #searchsubmit { display:none !important;}
.widget_search #searchsubmit {
	-webkit-appearance: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 85px;
	line-height: 1;
	border: none;
	background: #1abc9c;
	border: 1px solid #1abc9c;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8rem;
	font-family: 'Varela Round', sans-serif;
	border-radius: 0 3px 3px 0;
}

.widget_search #searchsubmit:hover {
	cursor: pointer;
	background-color: #089D80;
	border-color: #089D80;
}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);
position: absolute !important; display:none;}

/*********************
12. PAGE NAVI STYLES */

.pagenavi
{
    float: left; width: 94%; padding:2%;
}
.pagenavi .pages
{font-size: 14px; display: block; 
    float: right; padding: 7px 0 2px;color: #445D75;
}
.pagenavi span.current
{font-size: 14px;float: left; padding: 4px 10px 6px; 

    color: #fff; background-color: #445D75;
}
.pagenavi a,
.pagenavi span.extend
{font-size: 14px; 

    float: left; margin-top: 1px; margin-right: 3px; padding: 4px 10px; color: #445D75;
}
.page-navigation,
.wp-prev-next
{
    margin: 1.1em 0 2.2em;
}
.wp-prev-next .prev-link
{
    float: left;
}
.wp-prev-next .next-link
{
    float: right;
}


/*********************
13. FOOTER STYLES */

.footer,
#inner-footer
{
    clear: both; padding-top: 20px;
}
#main-footer
{
    width: 100%; margin-top: 20px;border-bottom: 6px solid #00C7FF;
}
#bottom-footer p
{ margin-top: 2px;padding-top: 0; 

    color: #fff;
}
#main-footer a
{
    /*color: #ee5554;*/
}
#main-footer a:hover
{
    color: #fff;
}
#bottom-footer
{z-index: 20; bottom: 0; left: 0; overflow: auto; width: 100%; padding: 20px 0;

    background-color: #006090;
}

#footer-nav-links
{font-size: 12px; 

    position: relative;  text-align: right;
}
#footer-nav-links li
{
    display: inline; margin-right: 10px;
}
#footer-nav-links li a
{
    font-family: 'Merriweather', serif; font-weight: bold;
}


#footer-social-icons
{
    float: right; width: auto;
}
#footer-social-icons a
{
    margin: 5px;
}
.facebook
{
    background-position: -192px -3px;
}
.twitter
{
    background-position: -128px -3px;
}
.pinterest
{
    background-position: -32px -3px;
}
.rss
{
    background-position: -160px -3px;
}
.youtube
{
    background-position: -96px -3px;
}
.googleplus
{
    background-position: -64px -3px;
}
.stumbleupon
{
    background-position: 0 -3px;
}

#footer-copyright
{
    float: left; width: 100%; margin-top: 10px;
}

footer #wp-calendar tr th,
footer #wp-calendar caption
{
    color: #fff;
}
footer .widget_nav_menu #menu-top-menu li,
footer .widget_archive ul li,
footer .widget_categories ul li,
footer .widget_meta ul li,
footer .widget_pages ul li,
footer .widget_nav_menu ul li,
footer .widget_recent_comments li
{
    background-color: #5a435a;
}
footer .widget_pages ul li a,
footer .widget_nav_menu ul li a
{
    border-bottom: 1px solid #ee5554;
}
footer .widget_recent_comments li
{
    color: #fff;
}
footer h4,
footer h4 a
{margin-top: 0;

    color: #ee5554;
}
footer .widget_tag_cloud a
{
    background-color: #5a435a;
}
footer .widget_recent_comments li,
footer .widget_rss li
{
    margin: 1px !important;
}


@media only screen and ( min-width: 1025px ){
#main-menu{display:block !important;}
.cat-container article, .home-container article{/*min-height:404px;*/}
}

/*   TABLET  : 1024px -----------------------------   */
@media only screen and ( max-width: 1024px ) and (min-width: 986px){
.container{/*width:986px;*/ width:100%;}
.our_team .item{margin:4px !important;}
.cat-container article, .home-container article{/* min-height:464px;*/}
.cdetail .postmeta{/*width:84%; position:absolute;*/}
.our_authors .item{margin:7.4px;}
}	

/*   TABLET  : 768px -----------------------------   */
@media only screen and (max-width: 985px) and (min-width: 768px){
.container{/*width:768px;*/ width:100%;}
#top-header ul, #main-menu{display:none; background-color:#ee5554;}
.our_team .item{margin:0px !important; width:25%;}
.cat-container article, .home-container article{ margin-right:0px !important;}
.home-container .cthumb, .cat-container .cthumb{height:auto;}
.home-container .cthumb img, .cat-container .cthumb img{height:auto;}
.cdetail, .cthumb {width:100% !important;}
.cdetail h3, .cdetail h2{font-size:24px;}
.cat-head h1{font-size:26px;}
#menu-icon{display:block;}
#main-nav-wrap{position:relative;}
#main-menu{ position: absolute; top: 60px; z-index: 10000; width: 100%; border-bottom-width: 3px; border-bottom-style: solid; 
              border-bottom-color: #FFF;}
#main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important; background-color:#252525;}
#main-nav #main-menu li a{padding:8px 2%; float:left; text-align:left; width:96%;}
#main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; }
#main-nav #main-menu ul li{width: 100%; border-bottom:none !important; background-color:#252525; /* #ee5554; */}
#main-nav #main-menu ul li ul li {background-color:#252525;}
#main-nav #main-menu ul li a{color:#FFF !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px;}
#main-nav #main-menu li:hover{background-color:#252525; /* #ee5554; */}
#main-nav  #main-menu li a:hover, #main-nav  #main-menu li ul li a:hover  {background-color: #523F38 /* #E97C67 */ !important; color:#fff;}
.author-site{font-size: 14px;float: left;text-align: left;width:100%;} .our_authors .item{margin:1.1px;}
}

/*   Phone  : 480px -----------------------------   */ 
@media only screen and (max-width: 767px) and (min-width: 480px){
.container{/*width:480px; */ width:100%;}
#top-header ul,#main-menu{display:none;}
#footer-social-icons, #footer-copyright{float:none !important;text-align:center;clear:both;}
#sidebar{margin-left:0px !important; width:100%}
.post-container,.page-container,.cat-container,.home-container {margin-right:0px !important;}
.cdetail, .cthumb {width:100% !important;}
.cdetail h3, .cdetail h2{font-size:24px;}
.cat-head h1{font-size:26px;}
.home-container .cthumb, .cat-container .cthumb{height:auto;}
.home-container .cthumb img, .cat-container .cthumb img{height:auto;}
#menu-icon{display:block;}
#main-nav-wrap{position:relative;}
#main-menu{ position: absolute; top: 60px; z-index: 10000; width: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFF;}
#main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important; background-color:#252525;}
#main-nav #main-menu li a{padding:8px 2%; float:left; text-align:left; width:96%;}
#main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; }
#main-nav #main-menu ul li{width: 100%; border-bottom:none !important; background-color:#252525; /* #ee5554; */}
#main-nav #main-menu ul li a{color:#FFF !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px;}
#main-nav #main-menu li:hover{background-color:#252525; /* #ee5554; */}
#main-nav  #main-menu li a:hover, #main-nav  #main-menu li ul li a:hover  {background-color: #523F38 /* #E97C67 */ !important; color:#fff;}
.cat-container article, .home-container article{/*min-height:470px;*/}
.cdetail .postmeta{ }

.ads200 .ad-cell{margin:1% 3% !important;}
.ads125-125 .ad-cell {margin: 1% 3% !important;}
#top-header .logo{background-size: 100% !important;background-position: 0px 10px !important; margin-top: -5px;}
#top-header .logo{min-width:230px !important;} #footer-copyright .alignright{float:none !important;} 
#footer-copyright .alignleft {width:100%}
.our_authors .item{margin:0px;} .widget_tag_cloud{overflow:hidden;}
.widget_nav_menu #menu-top-menu li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu ul li{width:100%;}
}

/*   Phone  : 320px -----------------------------   */
@media only screen and (max-width: 479px){
.container, #footer-1, #footer-2, #footer-3, .widget_nav_menu #menu-top-menu li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu ul li
{width:100%;}
#top-header ul, #main-menu, .search-block, #socialcircle, #footer-nav-links, #footer-social-icons{display:none;}
#top-header h1, #top-header h2{width:100%; }
#top-header h1 a, #top-header h2 a{width:100%; background-position:center;}
#footer-social-icons, #footer-copyright{float:none !important;text-align:center;clear:both;}
#sidebar{margin-left:0px !important; width:100%}
.post-container,.page-container,.cat-container,.home-container {margin-right:0px !important;}
.cat-container article, .home-container article{ margin-right:0px !important;}
.cdetail, .cthumb {width:100% !important;}
.cdetail h3, .cdetail h2{font-size:24px;}
.cat-head h1{font-size:26px;}
.home-container .cthumb, .cat-container .cthumb{height:auto;}
.home-container .cthumb img, .cat-container .cthumb img{height:auto;}
#menu-icon{display:block;} #main-nav-wrap{position:relative;}
#main-menu{ position: absolute; top: 60px; z-index: 10000; width: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFF;}
#main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important; background-color:#252525;}
#main-nav #main-menu li a{padding:8px 2%; float:left; text-align:left; width:96%;}
#main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; }
#main-nav #main-menu ul li{width: 100%; border-bottom:none !important; background-color:#252525; /* #ee5554; */}
#main-nav #main-menu ul li a{color:#fff !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px;}
#main-nav #main-menu li:hover{background-color:#252525; /* #ee5554; */}
#main-nav  #main-menu li a:hover, #main-nav  #main-menu li ul li a:hover  {background-color: #523F38 /* #E97C67 */ !important; color:#fff;}
.ads200 .ad-cell{margin: 1% 15% !important;} .ads125-125 .ad-cell {margin: 1% 4% !important;}
#top-header .logo{background-position:center top;}
.author-site{font-size: 12px;float: left;text-align: left;width:100%;}
#footer-copyright .alignright{float:none !important;} #footer-logo{width:100% !important;} 
.our_authors .item{margin:0 -6px;}
}


/* DARK container */
.cat-container article,
.home-container article,
.singlebox
{
   background-color: #262626;
   color: white;
}

.read-article
{
    white-space: nowrap;
}

.authorbox.mb,
.top-bar
{
 display: none;
}
#bottom-footer
{
margin-top: 0px !important;
}