@import "default.css";
@font-face {
    font-family: HelveticaNeueLTCom-BdCn;
    src: url("../GraphicResources/Guajira/HelveticaNeueLTCom-BdCn.ttf");
}

@font-face {
    font-family: HelveticaNeueLTCom-MdCn;
    src: url("../GraphicResources/Guajira/HelveticaNeueLTCom-MdCn.ttf");
}
@font-face {
    font-family: NexaRustSlab-BlackShadow01;
    src: url("../GraphicResources/Guajira/NexaRustSlab-BlackShadow01.otf");
}
@font-face {
    font-family: Return_To_Sender;
    src: url("../GraphicResources/Guajira/Return_To_Sender.ttf");
}

body{
    background-color: white;
    font-family: 'Return_To_Sender', 'HelveticaNeueLTCom-MdCn','quattrocento', sans-serif;
}

p{
    font-family: 'HelveticaNeueLTCom-MdCn', serif;
}


h3{
    font-family: 'Return_To_Sender', cursive;
    font-size: 3rem;
    padding-top: 1rem;
    color: white;
}

h4{
    font-family: 'NexaRustSlab-BlackShadow01', cursive;
    text-transform: uppercase;
    text-align: center;
}

h5{
    font-family: NexaRustSlab-BlackShadow01;
    color: #221f20;
    text-transform: uppercase;
}

.presentacion{
    background-image:url("../GraphicResources/Guajira/logo-guajira.gif");
    background-size:contain;
    color:white;
}
.principal{
    background-color: rgba(232,206,172,0.5);
    border: solid 3px rgb(232,206,172) !important;
    border-radius: 5px;
}



.principal-menu{
    border: 3px solid rgb(158, 55, 30);
    border-radius: 5px;
    margin-bottom: 0.5rem !important;
}

.principal-menu a {
    position: absolute;
    left: 0;
    top: -150px;
}


.stack-top{
    z-index: 9;
    margin-top: -4rem;
}

.iteration0{
    background-color: rgb(158, 55, 30) !important;
}
.iteration1{
    background-color: rgb(237,194,0) !important;
}
.iteration2{
    background-color:rgb(0,148,160) !important;
}
.iteration3{

    background-color:rgb(244,178,81) !important;
 }
.iteration4{
    background-color: rgb(16, 175, 19) !important;
}


.iterationBgr0{
    background-color: rgba(158, 55, 30,0.2) !important;
}
.iterationBgr1{
    background-color: rgba(237,194,0,0.2) !important;
}
.iterationBgr2{
    background-color:rgba(0,148,160,0.2) !important;
}
.iterationBgr3{
    background-color:rgba(244,178,81,0.2) !important;
}
.iterationBgr4{
    background-color: rgba(16, 175, 19,0.2) !important;
}


.iterationBorder0{
    border: solid 3px rgb(158, 55, 30) !important;
}
.iterationBorder1{
    border: solid 3px rgb(237,194,0) !important;
}
.iterationBorder2{
    border: solid 3px rgb(0,148,160) !important;
}
.iterationBorder3{

    border: solid 3px rgb(244,178,81) !important;
}
.iterationBorder4{
    border: solid 3px rgb(16, 175, 19) !important;
}

.btn{
    border-radius: 5px;
    color: black;
    size: 1.1rem;
    font-family: HelveticaNeueLTCom-BdCn;
}

.btn.btn-block {
    font-family:Return_To_Sender;
    font-size: 3rem;
    background-color:rgb(0,148,160) !important;
    color: white;
    padding-top: 1.8rem !important;
}

.btn.btn-block:hover {
    background-color: rgb(2, 105, 114) !important;
    color: white;
}



.btn:hover {
    color: black;
}

.fa, .fas {
    color:rgb(244,178,81)
}

.fb-ic {
    color: rgb(158, 55, 30);
}

.ins-ic {
    color: rgb(158, 55, 30);
}


.hr0 {
    display:block;
    border:0;
    height:9px;
    background-image:url("../GraphicResources/Guajira/Recurso 4.png");

    margin-bottom: 2rem;
}
.hr1 {
    display:block;
    border:0;
    height:8px;
    background-image:url("../GraphicResources/Guajira/Recurso 3.png");
    margin-bottom: 2rem;
}
.hr2 {
    display:block;
    border:0;
    height:9px;
    background-image:url("../GraphicResources/Guajira/Recurso 5.png");

    margin-bottom: 2rem;
}
.hr3 {
    display:block;
    border:0;
    height:9px;
    background-image:url("../GraphicResources/Guajira/Recurso 7.png");
    margin-bottom: 2rem;
}
.hr4 {
    display:block;
    border:0;
    height:9px;
    background-image:url("../GraphicResources/Guajira/Recurso 6.png");
    margin-bottom: 2rem;
}


.restaurantTitle{
    background-image:url("../GraphicResources/Guajira/logotipo-Guajira.gif");
}

.scrolling-wrapper {
    padding: 2rem;
}

.card {
    border-radius: 10px;
}

.card-img-top{
    border-radius: 10px 10px 0 0 ;
}

.scrolling-wrapper::-webkit-scrollbar-thumb {
    background-color: rgb(2, 105, 114);
}