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

@Author: CodeoStudio
@URL:    http://codeostudio.hr/

[Table of contents]

1. Wrapper
2. Page title
3. Header top
    3.1 Header top
    3.2 Header middle
    3.3 Side menu button
    3.4 Site brand
    3.5 Social icons
    3.6 Search form
4. Main content
5. Main sidebar
6. Header sliders
    6.1 Header hero
    6.2 Header grid
    6.3 Header slider
    6.4 Header video
7. Blog category
    7.1 Module 1
    7.2 Module 2
    7.3 Module 3
    7.4 Module 4
    7.5 Module 5
    7.6 Module 6
    7.7 Module 7
8. Post single
    8.1 Author box
    8.2 Post controls
    8.3 Related articles
    8.4 Post header hero
9. Instagram
10. Shop 

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

/*------------------------------------------------------------------
    1. Wrapper
-------------------------------------------------------------------*/
.cs-container {
    padding-left: 20px;
    padding-right: 20px
}
.cs-col {
    width: 100%
}

/*------------------------------------------------------------------
    2. Page title
-------------------------------------------------------------------*/
.cs-page-title h1 {
    font-size: 22px;
    line-height: 30px
}

/*------------------------------------------------------------------
    3. Header top
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    3.1 Header top
-------------------------------------------------------------------*/
.cs-header-top {
	display: none;
}

/*------------------------------------------------------------------
    3.2 Header middle
-------------------------------------------------------------------*/
.cs-header-middle {
	border-bottom: 1px solid #ddd;
}
.cs-header-middle .cs-container {
    padding-left: 0;
    padding-right: 0
}
.cs-header-black .cs-header-middle {
    border-bottom: 1px solid #444
}
.cs-header-transparent .cs-header-middle {
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

/*------------------------------------------------------------------
    3.3 Side menu button
-------------------------------------------------------------------*/
.cs-toggle-nav {
    padding: 20px 30px
}
.cs-toggle-nav i {
    font-size: 18px
}

/*------------------------------------------------------------------
    3.4 Site brand
-------------------------------------------------------------------*/
.cs-site-brand,
.center .cs-site-brand {
    padding: 20px 30px;
    display: table-cell
}
.cs-site-brand img {
    max-height: 25px
}

/*------------------------------------------------------------------
    3.5 Social icons
-------------------------------------------------------------------*/
.cs-social-icons {
    display: none !important;
}

/*------------------------------------------------------------------
    3.6 Search form
-------------------------------------------------------------------*/
.cs-search-form {
    display: none !important;
}

/*------------------------------------------------------------------
    3.7 Header bottom
-------------------------------------------------------------------*/
.cs-header-bottom {
	display: none;
}

/*------------------------------------------------------------------
    3.8 Banner space
-------------------------------------------------------------------*/
.cs-banner-space {
    display: none;
}

/*------------------------------------------------------------------
    4. Main content
-------------------------------------------------------------------*/
.cs-main-content,
.cs-main-content.cs-sidebar-on-the-left,
.cs-main-content.cs-sidebar-on-the-right {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

/*------------------------------------------------------------------
    5. Main sidebar
-------------------------------------------------------------------*/
.cs-main-sidebar {
    width: 100%
}

/*------------------------------------------------------------------
    6. Header sliders
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    6.1 Header hero
-------------------------------------------------------------------*/
.cs-header-hero .swiper-container {
    height: 400px
}
.cs-header-hero .swiper-caption {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px
}
.cs-header-hero .swiper-caption h2 {
    font-size: 18px;
    line-height: 26px
}


/*------------------------------------------------------------------
    6.2 Header grid
-------------------------------------------------------------------*/
.cs-header-grid .cs-grid-item .cs-post-header {
    bottom: 20px
}
.cs-header-grid .cs-grid-item .cs-post-meta {
    display: none;
}
.cs-header-grid .cs-grid-20,
.cs-header-grid .cs-grid-40 {
    float: left;
    width: 100%
}
.cs-header-grid .cs-grid-20 .cs-grid-item,
.cs-header-grid .cs-grid-40 .cs-grid-item,
.cs-header-grid .cs-grid-20 .cs-grid-item:last-child,
.cs-header-grid .cs-grid-40 .cs-grid-item:last-child {
    height: 160px;
    margin: 0 0 1px 0
}
.cs-header-grid .cs-grid-20 .cs-grid-item .cs-post-header h3,
.cs-header-grid .cs-grid-40 .cs-grid-item .cs-post-header h3 {
    font-size: 14px;
    line-height: 22px
}

/*------------------------------------------------------------------
    6.3 Header slider
-------------------------------------------------------------------*/
.cs-header-slider .cs-post-header {
    padding: 15px 15px 0 15px
}
.cs-header-slider .cs-post-header h3 {
    font-size: 16px;
    line-height: 24px
}

/*------------------------------------------------------------------
    6.4 Header video
-------------------------------------------------------------------*/
.cs-header-video {
    padding-bottom: 30px
}
.cs-header-video .cs-post .cs-post-media {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
.cs-header-video .cs-post .cs-post-media iframe {
    height: auto
}
.cs-header-video .cs-post .cs-post-wrapper {
    overflow: visible;
}
.cs-header-video .cs-post .cs-post-header h3 {
    font-size: 20px;
    line-height: 28px
}

/*------------------------------------------------------------------
    7. Blog category
-------------------------------------------------------------------*/
.cs-post-media {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px
}
.cs-post-header h3 {
    font-size: 16px;
    line-height: 24px
}
.cs-post-meta-info {
    margin-bottom: 5px
}
.cs-post-excerpt {
    padding-top: 10px
}
.cs-post-excerpt p {
    font-size: 14px;
    line-height: 22px
}

/*------------------------------------------------------------------
    7.1 Module 1
-------------------------------------------------------------------*/
.cs-module-1 .cs-post {
    padding-bottom: 0;
    border-bottom: 0
}
.cs-module-1 .cs-post-media {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px
}
.cs-module-1 .cs-post-wrapper {
    overflow: visible;
}

/*------------------------------------------------------------------
    7.2 Module 2
-------------------------------------------------------------------*/
.cs-module-2 .cs-post-wrapper {
    text-align: left;
}

/*------------------------------------------------------------------
    7.3 Module 3
-------------------------------------------------------------------*/
.cs-module-3 .cs-post-header h3 {
    font-size: 16px;
    line-height: 24px
}
.cs-module-3 .cs-post-media {
    width: 100%;
    margin-right: 0
}
.cs-module-3 .cs-post-lists {
    overflow: visible;
}
.cs-module-3 .cs-post-lists ul li {
    padding-bottom: 10px;
    margin-bottom: 10px
}
.cs-module-3 .cs-post-lists ul li:last-child {
    padding-bottom: 10px;
    margin-bottom: 10px
}

/*------------------------------------------------------------------
    7.4 Module 4
-------------------------------------------------------------------*/
.cs-module-4 .cs-post-header {
    padding: 0 20px
}
.cs-module-4 .cs-post-header h3 {
    font-size: 14px;
    line-height: 22px
}

/*------------------------------------------------------------------
    7.5 Module 5
-------------------------------------------------------------------*/
.cs-module-5 .cs-post {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 15px
}
.cs-module-5 .cs-post-lists {
    overflow: visible;
}
.cs-module-5 .cs-post-lists ul li:first-child {
    border-top: 1px solid #eee;
    padding-top: 15px
}
.cs-module-5 .cs-post-lists ul li {
    padding-bottom: 10px;
    margin-bottom: 10px
}

/*------------------------------------------------------------------
    7.6 Module 6
-------------------------------------------------------------------*/
.cs-module-6 .cs-post {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    float: none;
}
.cs-module-6 .cs-post-lists {
    overflow: visible;
    width: 100%
}
.cs-module-6 .cs-post-lists ul li:first-child {
    border-top: 1px solid #eee;
    padding-top: 15px
}
.cs-module-6 .cs-post-lists ul li {
    padding-bottom: 10px;
    margin-bottom: 10px
}
.cs-module-6 .cs-post-lists ul li .cs-post-media {
    width: 90px
}
.cs-module-6 .cs-post-lists ul li .cs-post-header {
    overflow: visible;
}

/*------------------------------------------------------------------
    7.7 Module 7
-------------------------------------------------------------------*/
.cs-module-7 .cs-post-media {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 30px
}
.cs-module-7 .cs-post-wrapper {
    overflow: visible;
}
.cs-module-7 .cs-post-lists ul li {
    float: none;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

/*------------------------------------------------------------------
    8. Post single
-------------------------------------------------------------------*/
.cs-post-single .cs-post-header h1 {
    font-size: 20px;
    line-height: 28px
}
.cs-post-single .cs-post-content {
    padding-left: 0
}
.cs-post-single .cs-post-share-box {
    width: 100%;
    float: none
}
.cs-post-single .cs-post-share-box span,
.cs-post-single .cs-post-share-box a {
    float: left;
    width: 20%;
    display: block;
    border-left: 0
}
.cs-post-single .cs-post-share-box span {
    line-height: 52px
}
.cs-single-post-review .cs-final-score {
    float: none;
    width: 100%;
    margin-right: 0
}
.cs-single-post-review .cs-review-summary {
    overflow: visible
}

/*------------------------------------------------------------------
    8.1 Author box
-------------------------------------------------------------------*/
.cs-author-image {
    display: none;
}
.cs-author-description {
    overflow: visible;
    padding-left: 0
}

/*------------------------------------------------------------------
    8.2 Post controls
-------------------------------------------------------------------*/
.cs-single-post-controls {
    padding: 30px;
    background-color: #f5f5f5;
    display: table;
    width: 100%;
    margin-bottom: 30px
}
.cs-single-post-controls span {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.cs-single-post-controls a {
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}
.cs-single-post-controls .cs-prev-post,
.cs-single-post-controls .cs-next-post {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    position: relative
}
.cs-single-post-controls .cs-prev-post {
    padding-right: 20px;
    text-align: left;
}
.cs-single-post-controls .cs-next-post {
    padding-left: 20px;
    text-align: right;
}
.cs-single-post-controls .cs-next-post:before {
    content: " ";
    position: absolute;
    right: 100%;
    width: 1px;
    height: 100%;
    background-color: #ddd
}

/*------------------------------------------------------------------
    8.3 Related articles
-------------------------------------------------------------------*/
.cs-related-articles {
    margin-bottom: 30px
}

/*------------------------------------------------------------------
    8.4 Post header hero
-------------------------------------------------------------------*/
.cs-post-hero-media {
    height: 400px
}
.cs-post-hero-media .cs-post-hero-caption {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px
}
.cs-post-hero-media .cs-post-hero-caption h1 {
    font-size: 18px;
    line-height: 26px
}

/*------------------------------------------------------------------
    9. Instagram
-------------------------------------------------------------------*/
#eif_images .eif_item {
    width: 33.33333333%
}

/*------------------------------------------------------------------
    10. Shop
-------------------------------------------------------------------*/
.single-product div.product .summary h1 {
    font-size: 18px;
    line-height: 26px
}
.single-product div.product .images,
.single-product div.product .summary {
    width: 100%;
    float: none;
    clear: both;
    margin-left: 0;
    margin-right: 0
}
p.stars a {
    width: 100%;
    float: none;
    margin-bottom: 5px;
    margin-right: 0;
}