/*
Theme Name: Gravity
Theme URI: http://creazione.avanzare.co/gravity_wp/
Author: Avanzare
Author URI: https://themeforest.net/user/avanzare
Description: Gravity is an innovative and easy to use premium coming soon / under construction WordPress theme with integrated theme options, pagebuilder and design tool. The focus is on innovative and human-centered design to bring the full attention to the brand and content. Our outstanding and customizable coming soon WordPress theme empowers you to create a visually appealing page for nearly every possible occasion.
Version: 1.5
License: Themeforest Split Licence
License URI: -
Tags: one-column, two-columns, right-sidebar, sticky-post, theme-options, translation-ready
Text Domain: gravity
*/



 /******************************************************************


	------------------------
	-- TABLE OF CONTENTS --
	------------------------
	
	--  1. Basics
    --  2. Header / Menu
	--  3. Blog Posts Page
	--  4. Blog Search Results Page
    --  5. Blog Post Single Page
    --  6. Blog Custom Page
    --  7. Comment Area
    --  8. Pagination
    --  9. Post Navigation
    --  10. Widget Area / Widgets
 
 
 ******************************************************************/



/** 1. Basics
*****************************************************************/

.blog-main-frame
{
    background: #f9f9f9;
    width: 100%;
    font-size: 14px;
    position: relative;
    padding-top: 60px;
    font-family: 'Open Sans', sans-serif;
}

.blog-main-frame img
{
    display: block;
    max-width: 100%;
    height: auto;
}

.blog-main-frame .blog-main-frame-inner
{
    max-width: 1190px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.blog-main-frame h1,
.blog-main-frame h2,
.blog-main-frame h3,
.blog-main-frame h4,
.blog-main-frame h5,
.blog-main-frame h6,
.blog-main-frame p,
.blog-main-frame div,
.blog-main-frame li,
.blog-main-frame span
{
    color: #000;
}

body.grcs_coming_soon_mode.admin-bar,
body.error404.admin-bar
{
    overflow: hidden !important;
}

body.grcs_coming_soon_mode.admin-bar
{
    overflow: hidden !important;
}

.blog-main-frame h1
{
    font-size: 34px;
    margin-bottom: 18px;
    padding-top: 40px;
}

.blog-main-frame h2
{
    font-size: 30px;
    margin-bottom: 14px;
    padding-top: 35px;
}

.blog-main-frame h3
{
    font-size: 26px;
    margin-bottom: 14px;
    padding-top: 30px;
}

.blog-main-frame h4
{
    font-size: 22px;
    margin-bottom: 14px;
    padding-top: 25px;
}

.blog-main-frame h5
{
    font-size: 18px;
    margin-bottom: 14px;
    padding-top: 20px;
}

.blog-main-frame h6
{
    font-size: 16px;
    margin-bottom: 14px;
    padding-top: 15px;
}

.blog-main-frame p
{
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.85em;
}

.blog-main-frame .wp-block-cover-text
{
    color: #fff !important;
}

.blog-main-frame a
{
    color: #3452ff;
}

.blog-main-frame .wp-block-button
{
    display: inline-block;
}


.blog-main-frame .wp-block-button__link
{
    color: #fff;
    margin-bottom: 20px;
}

.blog-main-frame .is-style-squared .wp-block-button__link
{
    border-radius: 0;
}

.blog-main-frame a:focus, 
.blog-main-frame a:hover 
{
    text-decoration: none;
}

.blog-main-frame a,
.blog-main-frame li,
.blog-main-frame i,
.blog-main-frame td,
.blog-main-frame tr,
.blog-main-frame dt,
.blog-main-frame div,
.blog-main-frame dd,
.blog-main-frame address,
.blog-main-frame span,
.blog-main-frame strong,
.blog-main-frame em
{
    font-size: 14px !important;
    line-height: 26px;
}

.blog-main-frame blockquote
{
    padding: 20px;
    border-left: 2px solid #e7e6e6;
    font-style: italic;
}

.blog-main-frame blockquote p
{
    margin-bottom: 0;
}

.blog-main-frame cite
{
    font-style: italic;
}

.blog-main-frame table
{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

.blog-main-frame table thead 
{
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.blog-main-frame table thead th 
{
    padding-bottom: 8px;
    border-bottom: 2px solid #e7e6e6;
}

.blog-main-frame table th 
{
    padding: 5px;
}

.blog-main-frame table tr 
{
    border-bottom: 1px solid #e7e6e6;
}

.blog-main-frame table tbody 
{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.blog-main-frame dl
{
    margin-bottom: 20px;
}

.blog-main-frame dl dt
{
    font-weight: 600;
}

.blog-main-frame dl dd 
{
    margin: 0px 14px 14px;
}

.blog-main-frame pre
{
    padding: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}

.blog-main-frame .wp-audio-shortcode,
.blog-main-frame video
{
    margin-bottom: 20px;
}

.wp-caption,
.wp-caption-text,
.screen-reader-text,
.gallery-caption,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter
{  }

.aligncenter,
div.aligncenter 
{
    display: block;
    margin: 5px auto 5px auto;
    clear: both;
}

.alignright 
{
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft 
{
    float: left;
    margin: 5px 20px 20px 0;
}

img.alignright 
{
    float: right; 
    margin: 0 0 1em 1em;
}

img.alignleft 
{
    float: left; 
    margin: 0 1em 1em 0;
}

img.aligncenter 
{
    clear: both;
    display: block; 
    margin-left: auto; 
    margin-right: auto;    
}

a img.alignright 
{
    float: right; 
    margin: 0 0 1em 1em;
}
a img.alignleft 
{
    float: left; 
    margin: 0 1em 1em 0;
}
a img.aligncenter 
{
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

.wp-caption 
{
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 100%; 
    padding: 5px 4px 10px;
    text-align: center;
    margin-bottom: 20px !important;
}

.wp-caption img 
{
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

.wp-caption p.wp-caption-text 
{
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding: 15px 4px 5px;
}

.wp-caption a
{
    font-size: 12px !important;
}

.post-content:after 
{
    content: '';
    display: block;
    clear: both;
}

.post-password-form label
{
    margin: 0;
    margin-top: 30px;
}

.post-password-form label input
{
    display: block;
    background: none;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    margin-top: 10px;
    outline: none !important;
    padding: 5px 20px;
}

.post-password-form input[type="submit"]
{
    border: none !important;
    background: #3452ff;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 5px 20px;
    margin-left: 4px;
}

@media (max-width:400px)
{
    
    .blog-main-frame
    {
        padding-top: 10px;
    }
    
    .grcs_menu .blog-main-frame
    {
        padding-top: 80px !important;
    }

}



/** 2. Header / Menu
*****************************************************************/

.grcs-header
{
    display: none;
}

.grcs_blog_mode .grcs-header
{
    padding: 0 30px;
    background: #fff;
    position: relative;
    box-shadow: 0px 1px 3px rgba(0,0,0,.08)!important;
    height: 70px;
    z-index: 20;
    display: block !important;
}

.error404 .grcs-header
{
    display: none !important;
}

.grcs_blog_mode .grcs-header .site-title 
{
    display: inline-block;
    float: left;
}

.grcs_blog_mode .grcs-header .site-title,
.grcs_blog_mode .grcs-header .site-title a
{
    color: #111;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 70px;
}

.grcs-header .grcs_main_menu
{
    position: relative;
    float: right;
    color: #fff;
    max-height: 5000px;
    transition: .6s ease;
    display: inline-block;
}

.grcs-header .grcs_main_menu .menu-all-pages-container ul
{
    list-style: none;
    padding: 0;
}

.grcs-header .grcs_main_menu .menu-all-pages-container ul.menu
{
    padding: 0;
    margin: 0;
}

.grcs-header .grcs_main_menu .menu-all-pages-container ul li
{
    position: relative;
    padding: 0 16px;
    margin: 0;
    display: inline-block;
    line-height: 70px;
    margin: 0;
}

.grcs-header .grcs_main_menu .menu-all-pages-container ul li a
{
    width: auto;
    display: inline-block;
    position: relative;
    line-height: 70px;
    color: #111;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none !important;
}

.grcs-header .grcs_main_menu .menu-all-pages-container ul li.menu-item-has-children .sub-trigger
{
    font-size: 18px;
    color: #111;
    margin-left: 4px;
}

.grcs-header .grcs_main_menu .menu-all-pages-container ul li.menu-item-has-children ul.sub-menu .sub-trigger
{
    color: #fff;
}

.grcs-header .grcs_main_menu .menu-all-pages-container li.menu-item-has-children ul.sub-menu
{
    visibility: hidden;
    opacity: 0;
    width: auto;
    position: absolute;
    top: 70px;
    border-radius: 4px;
    background: #111;
    width: 196px;
    z-index: 9999;

    -webkit-transform: translateY(10%);
    transform: translateY(10%);

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

.grcs-header .grcs_main_menu .menu-all-pages-container li.menu-item-has-children:hover > ul.sub-menu
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

.grcs-header .grcs_main_menu .menu-all-pages-container li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu
{
    left: 200px;
    top: 0;
}

.grcs-header .grcs_main_menu .menu-all-pages-container li.menu-item-has-children ul.sub-menu li
{
    line-height: 20px;
    padding: 8px 20px;
    display: block;
}

.grcs-header .grcs_main_menu .menu-all-pages-container li.menu-item-has-children ul.sub-menu li:first-child
{
    padding-top: 20px;
}

.grcs-header .grcs_main_menu .menu-all-pages-container li.menu-item-has-children ul.sub-menu li:last-child
{
    padding-bottom: 20px;
}

.grcs-header .grcs_main_menu .menu-all-pages-container li.menu-item-has-children ul.sub-menu li a
{
    line-height: 20px;
    padding: 0;
    color: #fff;
}

.grcs-header .grcs_main_menu_button,
.grcs-header .slicknav_menu
{
    display: none;
}


@media (max-width: 1000px) 
{
    
    .grcs-header .grcs_main_menu_button
    {
        position: absolute;
        z-index: 99;
        top: 25px;
        display: block;
        right: -200px;
        width: 28px;
        height: 28px;
        cursor: pointer;
        background: none;
        color: #fff;
        text-align: center;
        font-size: 26px;
        transition: .6s ease;
    }

    .grcs-header .grcs_main_menu_button.init
    {
        right: 27px;
        transition: .6s ease;
    }

    .grcs-header .grcs_main_menu_button .bar
    {
        position: absolute;
        width: 28px;
        height: 3px;
        background: #fff;
        margin: 0;
        transition: .5s ease;
    }

    .grcs_blog_mode .grcs-header .grcs_main_menu_button .bar
    {
        background: #111;
    }

    .grcs-header .grcs_main_menu_button .bar:nth-child(1)
    {
        top: 0;
    }
    
    .grcs-header .grcs_main_menu_button .bar:nth-child(2)
    {
        top: 8px;
    }
    
    .grcs-header .grcs_main_menu_button .bar:nth-child(3) 
    {
        top: 16px
    }

    .grcs_menu_open .grcs-header .grcs_main_menu_button .bar:nth-child(1)
    {
      top: 8px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }

    .grcs_menu_open .grcs-header .grcs_main_menu_button .bar:nth-child(2)
    {
        width: 0px;
        height: 0;
        opacity: 0;
    }

    .grcs_menu_open .grcs-header .grcs_main_menu_button .bar:nth-child(3) 
    {
        top: 8px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    
    .grcs_menu_open .grcs-header .grcs_main_menu
    {
        max-height: 5000px;
        overflow: visible;
        padding: 10px 0;
    }
    
    .grcs-header .grcs_main_menu
    {
        max-height: 0;
        overflow: hidden;
        width: 100%;
        background: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    
    .grcs-header .grcs_main_menu .menu
    {
        display: none;
    }
    
    .grcs-header .slicknav_menu
    {
        display: block;
    }
    
    .grcs-header .slicknav_menu ul li
    {
        margin: 18px 0;
    }
    
    .grcs-header .slicknav_menu ul li a
    {
        color: #111;
        font-weight: 400;
        font-size: 16px;
    }
    
    .grcs-header .slicknav_menu .sub-trigger
    {
        display: none;
    }
    
}



/** 3. Blog Posts Page
*****************************************************************/

.blog-main 
{
    color: #000;
    font-size: 0;
    position: relative;
}

.blog-main .blog-post 
{
    font-size: 1rem;
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.blog-main .blog-post .blog-post-inner
{
    background: #fff;
    margin: 20px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0,0,0,.08);
    transition: .25s ease-in-out;
}

.blog-main .blog-post.sticky .blog-post-inner:after 
{
    content: "\f08d";
    position: absolute;
    text-align: center;
    background: #3452ff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    z-index: 20;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
}

.blog-main .blog-post .featured-container-image
{
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
    background: #000;
    transition: all .25s ease-in-out;
}

.blog-main .blog-post .featured-container-image .featured-image
{
    position: relative;
    padding-bottom: 46%;
    width: 100%;
    background-size: cover;
    background-position: center; 
    transition: all .25s ease-in-out;

}

.blog-main .blog-post:hover .featured-container-image .featured-image
{
    transform: scale(1.06);
    opacity: 0.6;
}

.blog-main .blog-post .featured-container-video
{
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 56.25%;
    background: #000;
    transition: all .25s ease-in-out;
}

.blog-main .blog-post .featured-container-video iframe,
.blog-main .blog-post .featured-container-video video
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .25s ease-in-out;

}

.blog-main .blog-post .featured-container-image .wp-video-shortcode .mejs-controls
{
    display: none;
}

.blog-main .blog-post .featured-container-image .wp-video-shortcode .mejs-overlay-play
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.blog-main .blog-post .featured-container-image:after
{
    content: "\f002";
    position: absolute;
    top: 70%;
    z-index: 100;
    opacity: 0;
    background: #3452ff;
    width: 60px;
    height: 60px;
    line-height: 60px !important;
    display: block;
    color: #fff;
    transform: translate(-50%,-50%) scale(0.6);
    pointer-events: none;
    font-size: 22px !important;
    border-radius: 4px;
    left: 50%;
    text-align: center;
    transition: all .25s ease-in-out;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}

.blog-main .blog-post:hover .featured-container-image:after
{
    top: 50%;
    transform: translate(-50%,-50%) scale(1.00);
    opacity: 1;
}

.blog-main .blog-post .post-content
{
    padding: 6% 10% 5%;
}

.blog-main .blog-post .blog-post-date p:first-child
{
    font-size: 22px;
    letter-spacing: 0px;
    color: #555 !important;
}

.blog-main .blog-post .blog-post-title
{
    margin-bottom: 16px;
    padding: 0;
}

.blog-main .blog-post .blog-post-date
{
    margin-bottom: 14px;
}

.blog-main .blog-post .blog-post-excerpt
{
    font-size: 14px;
    margin-bottom: 0 !Important;
    line-height: 26px;
}

.blog-main .blog-post .blog-post-read-more
{
    font-size: 14px;
    letter-spacing: 0px;
    color: cyan;
    border-bottom: 1px solid cyan;
}

.blog-main .blog-post .post-footer
{
    background: #fff;
    padding: 3% 0 6%;
    margin: 0 10%;
    text-align: left;
    border-top: 1px solid #eaeaea;
}

.blog-main .blog-post .post-footer .footer-icon
{
    color: #fff !important;
    display: inline-block;
    margin-right: 8px;
}

.blog-main .blog-post .post-footer > p,
.blog-main .blog-post .post-footer > a > p
{
    display: inline-block;
    margin-right: 16px;
    background: #3452ff;
    margin-bottom: 0 !important;
    padding: 8px 16px;
    border-radius: 4px;
    color: #fff;
}

.blog-main .blog-post .post-footer a
{
    margin-right: 16px;
    display: inline-block;
}

.blog-main .blog-post .post-footer p:last-child
{
    margin-right: 0;
}

.nav-links
{
    text-align: center;
}

@media (max-width:400px)
{
    
    .blog-main .blog-post .post-footer > p,
    .blog-main .blog-post .post-footer > a > p
    {
        display: block;
        width: 100%;
        margin: 12px auto !important;
    }
    
    .blog-main .blog-post .post-footer 
    {
        padding: 6% 0 10%;
    }
    
    .blog-main .blog-post .post-content 
    {
        padding: 12% 12% 10%;
        text-align: center;
    }

}

@media (max-width:360px)
{
    .blog-main .blog-post-inner
    {
        margin: 10px;
    }
}



/** 4. Blog Search Results Page
*****************************************************************/

.blog-search .no-results
{
    background: #fff;
    margin: 20px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    padding: 12%;
    box-shadow: 0px 1px 3px rgba(0,0,0,.08);
    transition: .25s ease-in-out;
}

.blog-search .no-results h2
{
    padding: 0;
    margin-bottom: 60px;
    line-height: 1.2em;
}

.blog-search .searchform
{
    width: 100%;
}

.blog-search .searchform label
{
    display: none;
}

.blog-search .searchform input[type='text']
{
    background: none;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    color: #333;
    outline: none;
    display: inline-block;
    padding: 14px 0;
    margin-right: 0;
    width: 68%;
    transition: .1s ease;
    
}

.blog-search .searchform input[type='text']:focus
{
    border-bottom: 1px solid #999;
    
}

.blog-search .searchform input[type='submit']
{
    background: #3452ff;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    outline: none;
    border: none;
    padding: 14px 0;
    width: 30%;
}



/** 5. Blog Post Single Page
*****************************************************************/

.blog-single
{
    color: #000;
    font-size: 0;
    position: relative;
}

.blog-single .blog-post 
{
    font-size: 1rem;
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.blog-single .blog-post-inner
{
    background: #fff;
    margin: 20px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0,0,0,.08)!important;
}

.blog-single .blog-post .featured-container-image
{
    overflow: hidden;
    margin-bottom: 28px;
    position: relative;
    transition: all .6s cubic-bezier(0.2, 1, 0.36, 0.88);
}

.blog-single .blog-post .featured-container-image .featured-image
{
    position: relative;
    padding-bottom: 46%;
    width: 100%;
    background-size: cover;
    background-position: center; 

}

.blog-single .blog-post .post-content
{
    padding: 6% 10%;
}

.blog-single .blog-post .blog-post-date p:first-child
{
    font-size: 22px;
    letter-spacing: 0px;
    color: #555 !important;
}

.blog-single .blog-post .blog-post-title
{
    margin-bottom: 44px;
    padding: 0;
}

.blog-single .blog-post .blog-post-date
{
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 2px;
}

.blog-single .blog-post .blog-post-read-more
{
    font-size: 14px;
    letter-spacing: 0px;
    color: cyan;
    border-bottom: 1px solid cyan;
}

.blog-single .blog-post .post-footer
{
    background: #fff;
    padding: 3% 0% 5%;
    margin: 0 10%;
    text-align: left;
    border-top: 1px solid #e7e6e6;
}

.blog-single .blog-post .post-footer .footer-icon
{
    color: #787878 !important;
    display: inline-block;
    margin-right: 14px;
    width: 16px;
}

.blog-single .blog-post .post-footer .blog-post-author,
.blog-single .blog-post .post-footer .blog-post-tags,
.blog-single .blog-post .post-footer .blog-post-categories
{
    display: block;
    margin: 0;
}

.blog-single .blog-post .post-footer .blog-post-author a,
.blog-single .blog-post .post-footer .blog-post-tags a,
.blog-single .blog-post .post-footer .blog-post-categories a
{
    display: inline-block;
    font-weight: 600;
    background: #3452ff;
    margin: 6px 10px 6px 0;
    border-radius: 3px;
    padding: 6px 14px;
    color: #fff;
}

@media (max-width:400px)
{   
    .blog-single .blog-post .post-footer
    {
        padding: 6% 0 10%;
    }
    
    .blog-single .blog-post .post-footer .footer-icon 
    {
        display: block;
        margin: 12px 0 4px;
    }
    
    .blog-single .blog-post .post-content 
    {
        padding: 12% 12% 10%;
    }
}

@media (max-width:360px)
{
    .blog-single .blog-post-inner
    {
        margin: 10px;
    }
}



/** 6. Blog Custom Page
*****************************************************************/

.blog-page
{
    color: #000;
    font-size: 0;
    position: relative;
}

.blog-page .blog-post 
{
    font-size: 1rem;
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.blog-page .blog-post-inner
{
    background: #fff;
    margin: 20px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0,0,0,.08)!important;
}

.blog-page .blog-post .post-content
{
    padding: 6% 10%;
}

.blog-page .blog-post .post-content .entry-title 
{
    margin-bottom: 35px;
}

@media (max-width:400px)
{   
    .blog-page .blog-post .post-content 
    {
        padding: 12% 12% 10%;
    }
}

@media (max-width:360px)
{
    .blog-page .blog-post-inner
    {
        margin: 10px;
    }
}



/** 7. Comment Area
*****************************************************************/

.comments-area
{
    padding: 36px 20px;
}

.comments-area .comment-list
{
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #eaeaea; 
}

.comments-area .comment
{
    border-top: 1px solid #eaeaea; 
}

.comments-area .comment ul.children
{
    list-style: none;
}

.comments-area .comment ul.children .comment-body .comment-author img
{
    height: 40px;
    width: 40px;
    border-radius: 2px;
}

.comments-area .comments-title
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.comments-area .comment-body
{
    padding: 36px 0;
    padding-left: 86px;
}

.comments-area .comment-body .comment-author img
{
    float: left;
    margin-left: -86px;
    border-radius: 3px;
}

.comments-area .comment-body .comment-meta
{
    margin-top: 0px;
    margin-bottom: 10px;
}

.comments-area .comment-body .reply-icon
{
    margin-right: 6px;
}

.comments-pagination 
{
    display: block;
    padding-left: 0;
    margin: 40px 20px;
    border-radius: 0;
}

.comments-pagination .screen-reader-text
{
    display: none;
    opacity: 0;
    width: 0px;
    pointer-events: none;
    position: absolute;
    height: 0px;
}

.comments-pagination .nav-links a,
.comments-pagination .nav-links .page-numbers.current
{
    border-radius: 4px;
    font-size: 18px !important;
    color: #000;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 26px;
}

.comments-pagination .nav-links .page-numbers.current
{
    color: #767676;
    font-weight: bold;
}

.comments-pagination .nav-links .page-numbers.dots
{
    font-size: 15px;
    margin: 0 8px;
}

.comments-pagination .nav-links .page-numbers.prev,
.comments-pagination .nav-links .page-numbers.next
{
    background: #fff;
    width: 50px;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-shadow: 0px 1px 3px rgba(0,0,0,.08)!important;
}

.comments-pagination .nav-links .page-numbers.next
{
    float: right;
}

.comments-pagination .nav-links .page-numbers.prev
{
    float: left;
}

.comment-respond
{
    padding-top: 36px;
}

.comment-respond .comment-form-comment label
{
    display: none;
}

.comment-respond .comment-form-comment textarea
{
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);
    background: none;
    border: 1px solid #eaeaea;
    min-width: 61.8%;
    max-width: 100%;
    outline: none !important;
}  

.comment-respond .comment-form-comment textarea:focus
{
    border: 1px solid #999;
}

.comment-respond .form-submit .submit
{
    color: #fff;
    background: #3452ff;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    outline: none;
    border: none;
    padding: 14px 30px;
}

@media (max-width:460px)
{
    
    .comments-area .comment ul.children 
    {
        padding-left: 0px !important;
    }
    
    .comments-area .comment ul.children .depth-2
    {
        margin-left: 16px !important;
    }

}



/** 8. Pagination
*****************************************************************/

.pagination 
{
    display: block;
    padding-left: 0;
    margin: 40px 20px;
    border-radius: 0;
}

.pagination .screen-reader-text
{
    display: none;
    opacity: 0;
    width: 0px;
    pointer-events: none;
    position: absolute;
    height: 0px;
}

.pagination .nav-links a,
.pagination .nav-links .page-numbers.current
{
    border-radius: 4px;
    font-size: 18px !important;
    color: #000;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 26px;
}

.pagination .nav-links .page-numbers.current
{
    color: #767676;
    font-weight: bold;
}

.pagination .nav-links .page-numbers.dots
{
    font-size: 15px;
    margin: 0 8px;
}

.pagination .nav-links .page-numbers.prev,
.pagination .nav-links .page-numbers.next
{
    background: #fff;
    width: 50px;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-shadow: 0px 1px 3px rgba(0,0,0,.08)!important;
}

.pagination .nav-links .page-numbers.next
{
    float: right;
}

.pagination .nav-links .page-numbers.prev
{
    float: left;
}



/** 9. Post Navigation
*****************************************************************/

.post-navigation
{
    display: block;
    padding-left: 0;
    margin: 20px 24px;
    border-radius: 0;
}

.post-navigation .screen-reader-text
{
    display: none;
    opacity: 0;
    width: 0px;
    pointer-events: none;
    position: absolute;
    height: 0px;
}

.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next
{
    font-size: 16px;
    width: 50%;
}

.post-navigation .nav-links .nav-previous
{
    float: left;
    text-align: left;
}

.post-navigation .nav-links .nav-previous .nav-title-icon-wrapper
{
    padding-right: 12px;
}

.post-navigation .nav-links .nav-next
{
    float: right;
    text-align: right;
}

.post-navigation .nav-links .nav-next .nav-title-icon-wrapper
{
    padding-left: 12px;
}

.post-navigation .nav-links .nav-subtitle
{
    display: block;
    margin-bottom: 3px;
    font-size: 15px !important;
    font-weight: 500;
    color: #888;
}



/** 10. Widget Area / Widgets
*****************************************************************/

.widget-area
{
    margin-top: 20px;
}

.widget-area .widget
{
    margin-bottom: 50px;
}

.widget-area h2
{
    font-size: 20px;
    padding: 0;
    margin-bottom: 14px;
}

.widget-area ul
{
    padding: 0;
    list-style: none;
}

.widget-area ul li
{
    padding: 0;
    margin: 4px 0;
    color: #3452ff;
}

.widget-area a
{
    color: #3452ff;
}

.widget-area .tagcloud a 
{
    background: #3452ff;
    color: #fff;
    padding: 4px 6px;
    margin: 0 3px;
    line-height: 38px;
    border-radius: 2px;
}

.widget-area .searchform
{
    width: 100%;
}

.widget-area .searchform label
{
    display: none;
}

.widget-area .searchform input[type='text']
{
    background: none;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    color: #333;
    outline: none;
    display: inline-block;
    padding: 14px 0;
    margin-right: 0;
    width: 68%;
    transition: .1s ease;
    
}

.widget-area .searchform input[type='text']:focus
{
    border-bottom: 1px solid #999;
    
}

.widget-area .searchform input[type='submit']
{
    background: #3452ff;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    outline: none;
    border: none;
    padding: 14px 0;
    width: 30%;
}

.widget-area .textwidget
{
    color: #333;
}

.widget-area .widget_calendar #next
{
    text-align: right;
}

.widget-area .widget_categories .screen-reader-text,
.widget-area .widget_archive .screen-reader-text
{
    display: none;
}

.widget-area .widget_rss .widget-title a
{
    display: inline-block;
    font-size: inherit !important;
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
}

.widget-area .widget_rss ul li
{
    margin-bottom: 14px;
}

.widget-area select,
.widget-area select option
{
    max-width: 100%;
}

@media (max-width:992px)
{
    
    .widget-area
    {
        margin-top: 160px;
    }
    
}

@media (max-width:400px)
{
    
    .widget-area
    {
        text-align: center !important;
    }

}