/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 #header a:hover {
    color: yellow;
 }

.top-menu > li > a:hover{
    color: yellow;
}

.top-menu a[data-depth="0"] {
    color: rgb(181, 0, 0);
    font-size: 14px;
}

.top-menu a[data-depth="0"]:active {
    color: rgb(11, 79, 38);
}

 #header .header-nav {
    background-color: rgb(11, 79, 38);
 }
 
 #contenedor {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  #contenedor > div {
    width: 50%;
    color: white;
  }

#contenedor > div > p,a{
    color: rgb(142, 142, 142);
}

#custom-callus {
    width:100%;
  }

.before-footer {
    background-color: rgb(11, 79, 38); 
}

#topbtn {
    background-color: rgb(11, 79, 38);  
}

.card {
    background-color: #ffffff;
}

.copyright .text-sm-center {
    color:#fff;
}

.copyright .text-sm-center a:hover{
    color:#90BC4D;
}

.footer-container {
    background-color: #d4d4d4;
}

.custom-checkbox label{
    color: #000000;;
}

.allprodutsbtn > .btn-primary {
    background-color:#000;
}

.allprodutsbtn > .btn-primary:hover {
    background-color:#ff3d3d;
}

.block_newsletter p {
    font-size: 14px;
}