/*
Theme Name: U-Design Child
Theme URI: http://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: Child Theme for U-Design
Author: Andon
Author URI: http://themeforest.net/user/andondesign/portfolio?ref=AndonDesign
Template: u-design
Version: 1.0.0
*/

/*
 * Global Styling
 */

body { background-color: #ffffff; }

#above-footer { background-image: url(/wp-content/uploads/2017/04/above-footer-bg.jpg); display: block; padding: 20px 0; }
#above-footer, #above-footer h3 { color: #ffffff; }
#above-footer p { font-size: 14px; padding: 0; }

#footer-bg { background: #272D31; }

/*** Sidebar & Bottom Section ***/
#sidebarSubnav h3, h3.bottom-col-title { font-size: 22px; }
#sidebar { background-color: #f9f9f9; }

#bottom { padding: 65px 0; }
#bottom-bg { padding-bottom: 65px; }

#bottom_1 a { margin: 10px 0; display: block; }

h3.bottom-col-title, 
#bottom ul.small-thumb li, 
#bottom .widget_recent_entries li a, 
#bottom .widget_categories li a, 
#bottom .widget_pages li a, 
#bottom .widget_subpages li a, 
#bottom .widget_archive li a, 
#bottom .widget_links li a, 
#bottom .widget_rss li a, 
#bottom .widget_meta li a, 
#bottom .loginform li a, 
#bottom .widget_nav_menu li a { 
    background: none; 
}

h3.bottom-col-title { margin-bottom: 20px; }

#bottom a { font-weight: 600; }
#bottom ul.small-thumb .teaser-title { font-size: 18px; height: 58px; overflow: hidden; display: block; }
#bottom ul.small-thumb a.read-more-align-right span { font-style: normal; }
#bottom ul.small-thumb a.read-more-align-right { float: left; color: #ffffff; font-size: 12px; }
#bottom ul.small-thumb li { background: none; }

#bottom .widget_recent_entries li a:before, 
#bottom .widget_categories li a:before, 
#bottom .widget_pages li a:before, 
#bottom .widget_subpages li a:before, 
#bottom .widget_archive li a:before, 
#bottom .widget_links li a:before, 
#bottom .widget_rss li a:before, 
#bottom .widget_meta li a:before, 
#bottom .loginform li a:before, 
#bottom .widget_nav_menu li a:before {
    background-image: none;
    width: 0;
    margin-right: 0;
}

#bottom .widget_nav_menu { width: 50%; float: left; }
#bottom .widget_nav_menu li a { padding: 0 0 10px 3px; }

ul.bottom-social { list-style: none; }
ul.bottom-social li { display: inline-block; margin-left: 0; margin-right: 15px; }
#bottom ul.bottom-social a { color: #ffffff; font-size: 26px; }
#bottom ul.bottom-social a:hover { color: #8DBF46; }
.bottom-social { margin-top: 20px; margin-bottom: 25px; }

@media (max-width: 719px) {
    #logo h1 a, #logo .site-name a { height: 100px; }
    #bottom ul.small-thumb .teaser-title { font-size: 14px; height: 44px; }
}
@media screen and (max-width: 959px) {
    .mean-container .mean-bar { background: #8dbf46; }
    .mean-container .mean-nav { background: #8dbf46; font-weight: 600; font-size: 16px; }
}

/*
 * Typography
 */

@media (max-width: 719px) {
    body { font-size: 14px; }
    h3 { font-size: 1.8em; }
    h4 { font-size: 1.4em; }
}
@media screen and (min-width: 720px) and (max-width: 960px) {
    body { font-size: 14px; }
}

/*
 * Visual Composer Tweaks
 */

.js_active #content-container { padding: 0 !important; }
.js_active .entry { padding: 0; }
#wrapper-1 .vc_btn3.vc_btn3-size-md { font-size: 24px; padding: 5px 20px; font-weight: 600; }

@media (max-width: 719px) {
    #wrapper-1 .vc_btn3.vc_btn3-size-md { font-size: 18px; }
}

/*
 * Homepage
 */

#hero { padding: 100px 0 0; }
#hero, #hero h2, #hero h4 { color: #ffffff; }
#hero h2 { font-size: 66px; }
#hero h4 { font-size: 22px; font-weight: normal; }

.blue-section { padding: 100px 0; padding-top: 100px !important; }
.blue-section, .blue-section h3, .blue-section h5 { color: #ffffff; }
.blue-section h5 { font-weight: normal; }

#intro { padding: 0 0 100px; }
#intro h5 { color: #6E7072; font-weight: normal; }

#blog-section { padding: 100px 0; padding-top: 100px !important; }
#blog-section h5 { color: #6E7072; font-weight: normal; }
.telapost ul.small-thumb li { background: none; padding: 0; }
.telapost a.teaser-title { color: #30373b; display: inline-block; font-weight: 600; padding: 15px; border-top: 1px solid #e6e5e5; }
.telapost .alignleft { margin: 0; }
.telapost ul.small-thumb .date-author, .telapost ul.small-thumb .teaser-content { padding: 5px 15px 15px 15px; }
.telapost a.read-more-align-left span, .telapost a.read-more-align-right span { font-style: normal; font-weight: 600; }
.telapost a.read-more-align-right { float: left; padding: 5px 15px 15px 15px; }
.telapost ul.small-thumb { -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.14); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.14); box-shadow: 0 0 5px 2px rgba(0,0,0,0.14); }

@media (max-width: 719px) {
    #hero { padding: 50px 0 0; }
    #hero h2 { font-size: 36px; }
    #hero h4 { font-size: 18px; }

    .blue-section { padding: 50px 0; padding-left: 15px; padding-right: 15px; padding-top: 50px !important; }

    #intro { padding: 0 0 50px; padding-left: 15px; padding-right: 15px; }

    #blog-section { padding: 50px 0; padding-left: 15px; padding-right: 15px; padding-top: 50px !important; }
}
@media screen and (min-width: 720px) and (max-width: 960px) {
    #hero { padding: 75px 0 0; }
    #hero h2 { font-size: 46px; }
    #hero h4 { font-size: 20px; }

    .blue-section { padding: 75px 0; padding-left: 15px; padding-right: 15px; padding-top: 75px !important; }

    #intro { padding: 0 0 75px; padding-left: 15px; padding-right: 15px; }

    #blog-section { padding: 75px 0; padding-left: 15px; padding-right: 15px; padding-top: 75px !important; }
}

/*
 * Mailchimp
 */

#mc_embed_signup_scroll {
    margin-top: 25px;
}

#mc_embed_signup input {
    width: 46%;
    float: left;
    margin-right: 1%;
    padding: 15px;
    font-size: 18px;
    border-radius: 5px;
    border-style: none;
}

#mc_embed_signup input[type="submit" i] {
    float: left;
    width: 46%;
    margin-right: 1%;
    background-color: #f39123;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff
}

#mc_embed_signup input[type="submit" i]:hover {
    cursor: pointer;
}

@media (max-width: 960px) {
    
    #mc_embed_signup input,
    #mc_embed_signup input[type="submit" i] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

}