/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 mar. 2021, 10:19:12
    Author     : humbe
*/

* {
    /*font-family: 'Roboto', sans-serif;*/
    /* font-family: 'Dosis', sans-serif; */
    font-family: 'Montserrat', sans-serif;
    
}

h1, h2, h3, h4, nav a{
    font-family: 'Open Sans', sans-serif;
}
.margen-arriba 
{    margin-top: 2rem 0;  }
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
.marguen-tq
{    margin: 2rem 0;  }
body{
    margin-bottom: 0;
    padding-bottom: 0;
}
/* main{
    background: url('/img/cuad.svg') repeat-x;
    background-position: top ; 
}*/
/* footer{
    margin-bottom: 0;
    padding-bottom: 0;
    background: url('/img/papel01.svg') repeat-x;
    background-position: bottom ; height: 100px;
}  */
footer p{
    margin-bottom: 2rem;
    padding-bottom: 0;
    font-size: .75rem;
}

footer a{
    color: #9e9e9e;
}

footer a:hover{
    color: #00185a;
    text-decoration: none;
}

/* main{
    margin-bottom: 0;
    padding-bottom: 0; */


#logo {
    height: 110px;
    width: auto;
    margin: 0 auto -50px 0;
    display: block;
    position: absolute;
    left: calc((90% -110px) / 2);
    z-index: 100000;
}

.contacto h1{
    margin-top: 7rem;
    margin-bottom: 2rem;
}
.contacto img{
    height: 200px;
    border-radius: 50%;
}
a {
    text-decoration: none;
    color: #454545;
}

a:hover{
    text-decoration: underline;
    color: inherit;
}

a.btn:hover{
    text-decoration: none;
}

.navbar {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 5px solid white;
}

.slider-css, .img-dulces{
    object-fit: cover;;
}

.bg-primary2 {
    background-color: #325DBD !important;
}

.btn-primary {
    color: #fff;
    background-color: #2B51A4 !important;
    border-color: #2A53A1 !important;
}

.carousel .carousel-indicators [data-bs-target] {
    background-color: #85C241 !important;
}

.carousel-control-next, .carousel-control-prev {
    color: #85C241 !important;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #85C241 !important;
}

.img-dulces {
    margin-bottom: 1rem;
}

.btn-success{
    background-color: #85C241 !important;
    border-color: #85C242 !important;
}

.margin-max {
    margin-top: 0.5rem;
    margin-bottom: 3rem;
}

.drk:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  opacity: 0.5;
  z-index: 1;
}

.carousel-caption {
  z-index: 2;
}

.nav-item:after {
  display:block;
  content: '';
  border-bottom: solid 3px white;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.nav-item:hover:after { transform: scaleX(1); }
.nav-item.fromRight:after{ transform-origin:100% 50%; }
.nav-item.fromLeft:after{  transform-origin:  0% 50%; }

.telefono{
    color: #000000dc;
}
h1 .fas{
    color: #ef4537;/*ef4537,a8cf45*/
    text-shadow: #00000031 3px 8px 6px;
}
h2{    
    text-shadow: #0000001a 3px 8px 6px;
}
h1 .contac{
    color: #0047ba!important;
}
.img-col {
    max-width: 80%;
}

.blue-background{
    background-color: #dfebff;
}

.itemcat {
    border-radius: 10%;
}

.thead{
    background-color: #4972cf;
    color: white;
}

.th-left{
    border-radius: 10px 0px 0px 0px;
    font-weight: normal;
}

.th-right{
    border-radius: 0px 10px 0px 0px;
    font-weight: normal;
}

.th-unique{
    border-radius: 10px 10px 0px 0px;
    font-weight: normal;
}

.logo-small{
    height: 50px;
}

.margin-2rem{
    margin-top: 2rem;
}

.margin-5rem {
    margin-top: 90px;
}

.nav-no-pad{
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.btn-outline-success {
    color: #7fa029;
    border-color: #7fa029;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #9ec733;
    border-color: #93ba30;
}

.btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
    color: #fff;
    background-color: #9ec733;
    border-color: #93ba30;
}

.btn-outline-primary {
    color: #325dbd;
    border-color: #325dbd;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #3462c6;
    border-color: #3563ca;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #3462c6;
    border-color: #3563ca;
}

.center-text{
    align-items: center;
    display: flex;
}

.txt-width{
    width: 100%;
}

@media (max-width: 450px) {
  .fromCenter {
    font-size: 0.9rem!important;
  }
}

.bg-danger2 {
    background-color: #bf1216 !important;
}

.tab-options{
    font-size: 0.9rem;
}

.tab-options li button {
    font-weight: bold;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000000 !important;
}

.nav-tabs .nav-link {
    /*color: #495057;*/
    color: #60676d;
}

.table-nutri{
    font-size: small;
}

.table-nutri th:first-child, .table-nutri td:first-child
{
    position: sticky;
    left:0px;
    background-color: white;
}
.background-blue{
    background-color: #4972cf !important;
}
.rounded-header{
    border-radius: 10px 10px 0px 0px;
}

/*JS espacio entre links NAV*/
@media (min-width: 768px) {
.navbar-expand-md .navbar-nav .nav-link{
    padding: .5rem .5rem .5rem 1.25rem;
}
}