/* 
Theme Name: Responsive Child Theme
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Responsive Child Theme
Template: responsive
Version: 1.0.0
Author: CyberChimps
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */

#container {
    padding: 0;
}

.front-page #wrapper {
    clear: both;
    position: relative;
    margin: 0 auto 20px auto;
    padding: 0 20px 20px 20px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

#wrapper {
    margin-top: 0;
}

.rpwe-summary a.more-link {
    display: block !important;
}

.widget-wrapper {
    padding: 5px;
}

.home-page-top__widgets .rpwe-ul {
    margin: 0;
}

.home-page-top__widgets .rpwe-li {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.home-page-top__widgets .rpwe-li .rpwe-thumb {
    float: none;
    width: 100%;
    height: auto;
    border: 0 !important;
    padding: 0 !important;
}

.home-page-top__widgets .clear {
    display: block;
}

/*#header {
    background-color: #83a4cd;
}*/

@media (min-width: 480px) {
    #container {
        padding: 0 25px;
    }
    .widget-wrapper {
        padding: 20px;
    }
    .home-page-top__widgets .rpwe-li {
        width: calc(50% - 5px);
        margin-right: 5px;
        float: left;
        min-height: 400px;
    }
/*    #header {
        background: url(core/images/header-bg.jpg) no-repeat;
        height: 190px;
        position: relative;
    }

    #header #logo {
        float: right;
        margin-right: 20px;
    }

    #header .main-nav {
        position: absolute;
        bottom: 0;
        width: 100%;
    }*/
}

@media (min-width: 651px) {
    #logo {
        float: right;
    }
}

@media (min-width: 740px) {
    .home-page-top__widgets .rpwe-li {
        width: calc(33% - 5px);
    }
}