Theme Name: Storefront Child 
Version: 1.0 
Description: Child theme for Storefront. 
Author: Woo
Author URI: http://woocommerce.com 
Template: storefront 
*/ 


/* --------------- Theme customization starts here ----------------- */

/*MEIVE*/
.site-branding h1 a {
   /*color: #0084B5; */
   color: blue; 
}

/*Size font Meive*/
@media screen and (min-width: 768px) {
    .site-branding .site-title {
    font-size: 5em;
    /*letter-spacing: -1px;*/
    margin: 0;
    }
}

/*decrease distande text loja*/
@media (min-width: 768px)  {
    .storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header{
        padding-top: 0px;
        padding-bottom: 20px; 
        margin-bottom: 0;
    }
}


/*Customize logo, secondary navigation and search bar */
@media screen and (min-width: 768px) {
	.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
		width: 21%; /* Adjust this percentage up or down to make the logo larger or smaller. */
	}
}


@media screen and (min-width: 768px) {
    /* LOGO */
    .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 30% !important; /* Use px values if you want, eg. 350px */ }

    /* SECONDARY NAVIGATION */
    .site-header .secondary-navigation { width: 40% !important;  /* Use px values if you want, eg. 350px */ }

    /* SEARCH BAR */
    .site-header .site-search { width: 30% !important;  /* Use px values if you want, eg. 350px */ }
}

/*Customize size body woocommerce*/
body.woocommerce #primary { width: 100%; }

/*Customize Top Bar Text*/
#topbar {
    /*background-color: #00b5a2;*/
    background-color: #061c37;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-family: "Arial";
}



/*Decrease distance product gallery*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.site-main ul.products li.product {
        width: calc( ( 100% - ( 30px * ( 5 - 1 ) ) ) / 5 );
        float: left;
        margin-right: 30px;
    }
}

/*Decrease high footer */
@media only screen (max-width: 991px) {
.site-footer{
    padding-top: 2px;
    padding-bottom: 2px;
}}

.site-footer {
    background-color: #0084b5;
    color: #fffdff;
}

/*Center text footer*/
.col-full {
    padding-top: 3px;
    /*text-align: center;*/
     font-family: "Arial";
     letter-spacing: 1.0px;
    }


/*Decrease distance title footer*/
.gamma.widget-title {
    padding-bottom: 11px;
    font-weight: 300;
    font-family: "Arial";
    letter-spacing: 1.0px;
}


/*Change color menu*/
@media screen and (min-width: 768px) {
    .storefront-primary-navigation{
        background: #0084b5;
        padding-top: 0px;   
        margin-bottom: -0px;
        color: #fffdff;
        /*height: 50px;*/
    }
}

/*Change backgrgound of menu*/
        .site-header,
            .secondary-navigation ul ul,
            .main-navigation ul.menu > li.menu-item-has-children:after,
            .secondary-navigation ul.menu ul,
            .storefront-handheld-footer-bar,
            .storefront-handheld-footer-bar ul li > a,
            .storefront-handheld-footer-bar ul li.search .site-search,
            button.menu-toggle,
            button.menu-toggle:hover {
    background-color: #0084b5;
    }


.home.blog .site-header{
    background: #0084b5;
    padding-top: 0px;
    margin-bottom: -0px;
    color: #fffdff;
    height: 0px;
}


/*distance Tilte and top*/
.site-header{
    padding-top: 5px;
    /*padding-top: 60px;*/
}


/*Distance bottom space betewen top and title*/

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom:1.235801032em;
}


.nav-menu{
    /*background: #0084b5;*/
    background: red;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 0px;

}


/*Descrease distance beteween loja inicio*/
.woocommerce-breadcrumb{
    padding-top: 10px;
    margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
    .woocommerce-breadcrumb{
        padding-bottom: 0px;
        margin-bottom: 5px;
    }
}

/*Menu INICIO LOJA*/
.col-full{
    padding-top: 3px;
   }

/*Change font loja*/
.woocommerce-products-header{
    /*font-family: "Helvetica";*/
    text-transform: uppercase;
    /*font-weight: bold;
    font-color: blue;*/
}

/*Order left*/
@media screen and (min-width: 768px) {
    .storefront-sorting{
       float: right;
        width: 300px
        right: 0px;
    }
}
/*Distance descripition*/
@media screen and (min-width: 768px) {
    .site-description{
        font-family: "Arial";
        padding-bottom: 20px;
        letter-spacing: 3.2px;
        /*text-transform: uppercase;*/
    }
}

/*Add border color in white swatch*/
.swatch.swatch-color.swatch-branco{
        border:solid #808080 2px;
}

.swatch-color.swatch-branco-2{
        border:solid #808080 2px;
}

/*change color price*/
.woocommerce-Price-amount {
    font-size: 1.6em;
    color: #0EA3CC;
    font-family: "Helvetica";
}

/*change spacing font menu and footer*/
.menu {
    /*font-size: 1.6em;*/
    font-family: "Helvetica";
    letter-spacing: 1.5px;
}

/*footer institucional*/
.site-footer a:not(.button) {
    color: #fffdff
}

.textwidget .widget .widget-title {
    /*font-size: 1.6em;*/
    font-family: "Helvetica";
    letter-spacing: 1.1px;
}

/*change color button compra*/
.single_add_to_cart_button alt {
    color: #0EA3CC;
}

/*change weith title product*/
.product_title.entry-title {
        font-weight: 600;
        font-size: 2.617924em;
        line-height: 1.214;
        letter-spacing: -1px;
}

/*change weith title product*/
.p.price{
    margin-top: 90.600;
    margin-bottom: : 90.600;
}

.alpha, h1 {
    font-size: 1.617924em;
}

h1.woocommerce-products-header__title.page-title {
    color: #a0a5aa;
}

    
/*Ajusto distance image price zoom product page*/
.product_title.entry-title{
    margin-bottom: 3px;
}
.single-product div.product p.price {
    font-size: 1.41575em;
    margin-top: 0.41575em;
    margin-top: 0em;
    margin-bottom: 0.41575em;
}
.single-product div.product .images, .single-product div.product .summary, .single-product div.product .woocommerce-product-gallery {
    margin-bottom: 0.617924em;
    margin-top: 0;
}

/****************CHECKOUT fields name width***************/
.woocommerce form .form-row {
    width: 100% !important;
}

.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
    width: 100% !important;
    padding: 8px;
}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
    width: 100%;
    height: 30px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
}


/*Hide campo Estado de Pais para o calculo do cep*/
/*#calc_shipping_country_field,#calc_shipping_state_field{display:none}

#calc_shipping_state{
    display: none !important;
}

#calc_shipping_country_field{ display: none; }