@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700,900|Open-Sans:400,700|Alex+Brush");

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {  
  color: #5a5a5a;
  font-family: "Open Sans", sans-serif;
  line-height: 1.7em;
}
.alexbrush{font-family: 'Alex Brush', cursive;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  color: #000000;
  text-rendering: optimizeLegibility;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5{
  color:#fff;
}
.border-gold{ border-color: #bd9152 !important; }
.border-green{ border-color:#034723 !important; }
.green{ color:#034723 !important;}
.gold{  color: #bd9152 !important;}
.bg-gold{ background-color: #bd9152 !important;}
.bg-green{ background-color: #034723 !important;}
.border-1{ border-width: 3px !important;   }
.border-2{ border-width: 6px !important;   }
.border-3{ border-width: 9px !important;   }
.border-left-dotted { border-left-style: dotted !important; }
.border-left-dashed { border-left-style: dashed !important; }
.border-left-double { border-left-style: double !important;  }


/*
BLOG AJUSTES DE TAG
 */
@media (min-width: 576px){}
  .align_left {
      float: left!important;
      margin: 0.5rem 1rem 0.5rem 0rem;
  }
  .align_right {
      float: right!important;
      margin: 0.5rem 0rem 0.5rem 1rem;
  }
  .align_center {
      text-align: center !important;
      margin: 0.5rem 1rem 0.5rem 1rem;
  }
}


/*********************************************************/




.nav-link{
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  text-rendering: optimizeLegibility;
}
.borderBottomGold{
  border-bottom: #9a753d 4px solid;
}
.borderTopGold{
  border-top: #9a753d 4px solid;
}

.topBarCallout{  
  z-index: 9999;
}
.line{
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 6px;
  z-index: 9999;
}
h2.title{
  margin-bottom: 25px;
  position: relative;
  letter-spacing: -0.03rem;
}
h2.title::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 70px;
  height: 1px;
  background-color: #eeb62b;
}
.text-center h2.title::after {  
  left: 50%;
  margin-left: -35px;

 
}


.logoWrap .navbar-brand{
  position: absolute;
  bottom:-50px;
  width: 250px;
  height: auto;
  left: 50%;
  margin-left: -125px;
  z-index: 99999;
}

#topCarousel .item img{
  width: 100%;
  z-index: 1;
}

@media (min-width: 576px){
  #topCarousel .owl-dots{
  position: absolute;
  bottom: 10px;
  width: 100%;
  }
  #topCarousel .owl-nav{
    position: absolute;
    top: 40%;
    font-size: 102px;
    color: white;
    text-shadow: 10px 5px 5px #000;
    width: 100%;
  }
  #topCarousel .owl-next{
    position: absolute;
    right: 1rem;  
  }
  #topCarousel .owl-prev{
    position: absolute;
    left: 1rem;  
  }
  /*.topBarCallout h2{ font-size: 2rem; }*/
}
@media (max-width: 577px){
 
  #topCarousel .owl-nav{
    display: none;
  }  
   #topCarousel .owl-dots{
    position: absolute;
    bottom: 2px;
    width: 100%;
  }
  .topBarCallout h2{ font-size: 1.5rem; }
}



.icon {
  width: 35px;
  height: 35px;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  padding: 7px 0px;
}
.icon.fa-whatsapp{ background-color: green; }
.icon.fa-facebook{ background-color: darkslateblue; }
.icon.fa-instagram{ background-color: #dc3545; }
.icon.fa-youtube{ background-color: red; }