/*------------------------------------------------------------------
[Table of contents]

1. Container
2. Columns
3. Top navigation
    3.1 Mobile toggle
4. Main navigation
    4.1 Mobile toggle
5. Header
    5.1 Header meta
    5.2 Breaking news
    5.3 Header body
6. Blog
    6.1 Global settings
    6.2 Article list view
    6.3 Article standard view
    6.4 Article small view
    6.5 Article overlay view
7. Shop

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
    1. Container
-------------------------------------------------------------------*/
.container {
    padding-left: 15px;
    padding-right: 15px
}

/*------------------------------------------------------------------
    2. Columns
-------------------------------------------------------------------*/
.col {
    width: 100%
}

/*------------------------------------------------------------------
    3. Top navigation
-------------------------------------------------------------------*/
.header_body_table,
.header_body_row {
    display: block;
    width: 100%
}
.header_meta {
    margin-top: 15px;
    background-color: #fff
}
.top_menu {
    display: none;
    clear: both
}
.top_main_menu a {
    color: #111;
    display: block;
    padding: 5px 0;
    border-top: 1px solid #eee
}
.top_menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.top_main_menu .sub-menu a {
    padding-left: 20px
}
.top_main_menu .sub-menu ul a {
    padding-left: 40px
}
.top_main_menu .sub-menu ul ul a {
    padding-left: 60px
}
.top_main_menu .sub-menu ul ul ul a {
    padding-left: 80px
}

/*------------------------------------------------------------------
    3.1 Mobile toggle
-------------------------------------------------------------------*/
.open_top_menu {
    display: block
}

/*------------------------------------------------------------------
    4. Main navigation
-------------------------------------------------------------------*/
nav.main_menu {
    background-color: #fff;
    display: none
}
nav.main_menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}
ul.header_main_menu > li {
    display: block
}
ul.header_main_menu > li > a,
ul.header_main_menu .sub-menu a {
    position: relative;
    display: block;
    color: #111;
    padding: 5px 0;
    border-bottom: 1px solid #eee
}
nav.main_menu .sub-menu li a {
    padding-left: 20px
}
nav.main_menu .sub-menu ul li a {
    padding-left: 30px
}
nav.main_menu .sub-menu ul ul li a {
    padding-left: 40px
}
nav.main_menu .sub-menu ul ul ul li a {
    padding-left: 50px
}
nav.main_menu ul.dt_mega_menu {
    padding: 15px 0;
    padding-bottom: 0;
    border-bottom: 1px solid #eee
}

/* Sticky menu */
.header_menu_parent {
    height: auto !important
}
#header .header_menu.fixed {
    position: static !important
}

/*------------------------------------------------------------------
    4.1 Mobile toggle
-------------------------------------------------------------------*/
.open_main_menu {
    display: block
}

/*------------------------------------------------------------------
    5. Header
-------------------------------------------------------------------*/
#header {
    margin-bottom: 30px
}
/*------------------------------------------------------------------
    5.1 Header meta
-------------------------------------------------------------------*/
.header_meta .weather_report {
    display: none
}
/*------------------------------------------------------------------
    5.2 Breaking news
-------------------------------------------------------------------*/
.breaking_news {
    display: none
}

/*------------------------------------------------------------------
    5.3 Header body
-------------------------------------------------------------------*/
.header_body .brand_logo {
    display: block;
    text-align: center
}
.header_body .brand_logo img {
    display: block;
    text-align: center;
    margin: 0 auto
}
.header_body .header_ad {
    margin-top: 20px;
    display: block
}

/*------------------------------------------------------------------
    6. Blog
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    6.1 Global settings
-------------------------------------------------------------------*/
article.item:hover .item_header_line {
    width: 100%
}
article.item .item_format {
    display: none
}
/*------------------------------------------------------------------
    6.2 Article list view
-------------------------------------------------------------------*/
.article_list_view .item:hover .item_header .review_box {
    left: 0
}
.article_list_view .item .item_header {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 10px
}
.article_list_view .item .item_content {
    overflow: visible
}
.article_list_view .item .item_content h3 {
    font-size: 18px;
    line-height: 26px
}

/*------------------------------------------------------------------
    6.3 Article standard view
-------------------------------------------------------------------*/
.article_standard_view .item .item_content h3 {
    font-size: 18px;
    line-height: 26px
}

/*------------------------------------------------------------------
    6.4 Article small view
-------------------------------------------------------------------*/
.article_small_view .item {
    margin-bottom: 20px
}
.article_small_view .item .item_header {
    width: 100px
}
/*------------------------------------------------------------------
    6.5 Article overlay view
-------------------------------------------------------------------*/
.article_overlay_view .item .item_overlay_content h3 {
    font-size: 18px;
    line-height: 26px
}

/* Share the story */
.share_the_story span {
    display: none
}
.share_the_story a {
    width: 48%;
    margin: 0 2% 2% 0
}
.share_the_story a:nth-child(3),
.share_the_story a:nth-child(5) {
    margin: 0 0 2% 0
}

/* Author bio */
.author_box {
    overflow: visible;
    margin-bottom: 30px
}
.author_box img {
    display: none
}
.author_box .description {
    overflow: visible
}

/*------------------------------------------------------------------
    7. Shop
-------------------------------------------------------------------*/
ul.products li.product {
    clear: left
}
ul.products li.product {
    width: 48%;
    margin-right: 2%
}
ul.products li.product:nth-child(2n) {
    float: right;
    clear: none;
    margin-right: 0
}
div.product .images,
div.product .summary {
    width: 100%;
    float: none;
    margin-bottom: 20px
}