/*
Theme Name:  media4Newchild
Theme URI:  
Description:  Theme Media4
Author:  Matthieu
Textdomain:  
Author URI:  
Template:  storefront
Version:  12.0
License:  GNU General Public License v2 or later
License URI: http://themeforest.net/licenses/terms/regular              
*/

.site-title a{
    color: #336699;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header{
    margin-bottom: 0;
}

.aligncenter{
    text-align: center;
}

.site-branding .site-title a{
    font-weight: 300;
}

.colorwhite, .colorwhite h3, .colorwhite h2{
    color: #fff;
}

@media (min-width: 768px){
    .main-navigation ul li a, ul.menu li a{
        color: #fff;
    }
    .storefront-primary-navigation{
    background: #ddbe7d;
}
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a, .site-header-cart .cart-contents {
    padding: 0.618em 1em;
    margin: 3px 0;
}
    
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-header ul.menu li.current-menu-item > a{
    border: 1px solid #336699;
    border-radius: 20px;
    color: #fff;
}
}
.home h4 {
    color: #336699;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

ul.products li.product img{
    height :125px;
    width: auto;
}

ul.products li.product .button{
    background-color: #ddbe7d;
    border: 1px solid #ddbe7d;
    border-radius: 15px;
    color: #fff;
}

.bgblue{
    background: #336699;
}

@media (min-width: 768px){
.storefront-breadcrumb {
    margin: 0;
    padding: 5px 0;
}
}


/* RSS */
.allpost .item {width: 28%;display: inline-block;position: relative;}
.allpost {display: flex;flex-wrap: wrap;justify-content: space-between;}
.backgart {height: 200px;background-position: center;background-size: cover;}
p.titleart {margin-bottom: 5px;text-transform: uppercase;text-align: center;font-weight: bold;margin-top: 15px;}
p.exceart {max-width: 75%;margin: 0 auto;text-align: center;margin-top: 3px;}
p.exceart + p {max-width: 75%;margin: 0 auto;text-align: center;margin-top: 3px;}
.allpost .item a {position: absolute;left: 0;right: 0;bottom: 0;top: 0;}


@media screen and (max-width: 768px){

.allpost .item {width: 100%;margin-bottom: 20px;}
.single-post h1.entry-title {font-size: 27px;padding: 0 15px;}
.nav-links {padding: 0 15px;}
.lignement .footer-widgets-wrapper {padding: 0.8em 15px;}
.bann300 iframe {max-width: 100%;}
.page-template-page-contact form p span {display: block;margin-top: 5px;}
.archive .allpost .item {width: 100%;}

}