/*
Theme Name: Alimenta Angola
Theme URI: http://www.mti.co.ao
Author: Marques TI Prestação de Serviços
Author URI: http://www.mti.co.ao/
Description: Alimenta Angola is amazing. Unlimited design solutions can be created due to a great flexibility of settings and shortcode options. 99+ Custom Shortcodes are added through a Visual content composer with drag'n'drop function. You can set a completely custom layout that stretches to any width, set your content in many columns and assign animation many parts of your content. Food Market theme has a Portfolio that can be set to any sort of a grid or a Masonry puzzle with variable paddings for elemens, while Blog can have several different layouts too. Custom Profiles and Projects post types offer an optimal way to present your content, while valid code, SEO-optimized structure and microformats guarantee this content is easily crawled and indexed by search engines. Food Market comes with a Custom Mega Menu plugin, a really functional Form Builder and premium Revolution and Layer Slider plugins included for free. Multilanguage, RTL-ready, plugin-compatible and professionally-supported theme.
Version: 1.0.0
License:
License URI:
Text Domain: Alimenta Angola
Domain Path: /theme-vars/languages
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* Instalação da fonte NEO SAS */
@font-face{
    font-family: NeoSans;
    src: url('fonts/Neo_Sans/Neo Sans Std Regular.otf');
}

body{
    background-color: #f3f3f3;
    color: #606060;
    font-family: NeoSans;
}

body a{
    color: #606060;
    transition: 0.5s;
}

body a:hover{
    text-decoration: none;
    color: red;
}

/* Novo produto em destaque */
.prodDestaque img:hover{

}

.socialShare{
    margin-top: 20px;
    padding: 10px;
    width: 255px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #fff;
    background-color: #ccc;
}

.socialShare ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.socialShare ul li{
    display: inline-block;
}

.socialShare ul li a{
    margin-right: 5px;
    margin-left: 5px;
}

/* Novo produto em destaque */

/******** Estilo Index *******/
.featureMain{
    margin-top: 10px;
}

.featureMain ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.featureMain ul li{
   margin: 0px;
   padding: 0px;
   display: inline-block;
}

/* Classes do Header*/
.headerPrincipal{
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 999;
}

.primeiroMenu{
    margin-top: 10px;
}

.primeiroMenu ul{
    list-style: none;
    background-color: #df2829;
    width: 97%;
    color: #fff;
    margin-top: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    font-size: 10px;
    text-align: center;
}

.primeiroMenu li{
    display: inline;
    padding-right: 2%;
}

.primeiroMenu li a{
    color: #fff;
    text-decoration: none;
}

/* Segundo menu */
.segundoMenu{
    margin-bottom: 10px;
    height: auto;
    color: #fff;
}

/*.segundoMenu .imagem-menu2 img{
  position: absolute;
  height: 36px;
  width: 98%;
  left: 15px;
  top: 0px;
  z-index: -1;
}

.segundoMenu ul{
    position: absolute;
    left: 33%;
    text-transform: uppercase;
    list-style: none;
    margin: 0px;
    font-size: 9px;
    padding-top: 10px;
}

.segundoMenu li{
    display: inline;
    margin-left: 36px;
}

.segundoMenu a{
    color: #fff;
    text-decoration: none;
}*/
/* Menu experimental */

.menuExterimentar01 .imagem-menu2 img{
  position: absolute;
  height: 36px;
  width: 98%;
  left: 15px;
  top: 0px;
  z-index: -1;
}
.menuExterimentar02 ul{
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 340px;
    top: 5px;
    list-style: none;
    z-index: 10;
}

.menuExterimentar02 ul li{
    display: inline-block;
    margin-right: 20px;
}

.menuExterimentar02 ul li a{
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
}

.menuExterimentar02 ul li a:hover{
    color: red;
}



/* Menu experimental */

/******* Classes do Header ******/

/* Index Caroussel produtos */

.carousselProduto{
    margin-top: 20px;
}


/******** PAGE ************/
.page{
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    
}

/******* Classes do rodapé ******/

.footer-meio{
    background-color: #fff;
    padding-bottom: 30px;
    padding-top: 30px;
}

.footer-meio h5{
    margin-bottom: 25px;
}

.footer-meio p{
    padding-right: 30px;
}

.footer-meio ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.footer-meio li{
    margin-bottom: 10px;
    margin-top: 10px;
}

.footer-meio a{
    padding: 5px;
    text-decoration: none;
    color: #606060;
    transition: 0.5s;
    border-radius: 10px;
}

.footer-meio a:hover{
    color: #fff;
    background-color: #000;
}

/* Redes sociais footer */

.socialShareFooter{
    margin-top: 10px;
    border-radius: 10px;
}

.socialShareFooter ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.socialShareFooter ul li{
    display: inline-block;
}

.socialShareFooter ul li a{
    margin-right: 5px;
}


/* Classe do footer inferior, creditos */
.creditos{
    max-width: 100%;
    background-color: #000;
    padding-top: 20px;
}

.creditos p{
    color: #fff;
}

.creditos a{
    transition: 0.5s;
    text-decoration: none;
    color: #fff;
}

.creditos a:hover{
    text-decoration: none;
    color: yellow;
}
/* ./Classes do rodapé */

/* Minha Conta*/
.minha-conta{
    text-align:center; 
    border: 1px solid darkred;
    border-radius: 10px;
    padding: 10px;
    margin-top:10px;
}

/* Woocommerce */
.woocommerce .col-1, .col-2 {max-width: none;}
span.woocommerce-input-wrapper{width: 100%;}

/* Controla a largura e a altura da imagem do carrinho */
.product-thumbnail{
    width: 100px;
}

nav.woocommerce-MyAccount-navigation{
    background-color: #ccc;
    padding: 20px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 10px;
}

nav.woocommerce-MyAccount-navigation ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

nav.woocommerce-MyAccount-navigation ul li{
    display: inline-block;
    margin: 20px;
}

/* ## Estilo para o botão da loja */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: white !important;
    background-color: rgb(223, 40, 41) !important;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

/*  ## Botão Finalizar Compra ## */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: rgb(223, 40, 41) !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
}

/* Alterar o titulo dos produtos */
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
}

/* Botão todos os produtos */
.divBotaoTodosProdutos{
    padding-bottom: 20px;
}

.botaoProdutos{
    background-color: black;
    color: white;
    padding: 20px;
    border-radius: 5px;
}

.bread-estilo{
    margin-bottom: 10px;
}
.bread-estilo a{
    padding: 5px;
    border-radius: 10px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
}

.img-galeria{
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.img-galeria img{
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 20px;
}