// Fonts
@import url('https://fonts.bunny.net/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import 'bootstrap/scss/bootstrap';



body {
    margin: 0; padding: 0;
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
  }
  
.navbar {
background-color: #ff8c00; /* Cambia el color aquí */
}
#Servings_span{padding:5px 7px}
.navbar-brand {
font-size: 24px;
font-weight: bold;
color: #fff;
text-decoration: none;
transition: color 0.3s ease;
}

.navbar-brand:hover { color: #e65c00; }
.navbar-toggler { border: none; background-color: transparent; outline: none; cursor: pointer; }
.navbar-toggler-icon { width: 20px; height: 24px; background-color: #fff; border-radius: 10px; }

 

.navbar-nav {
margin: 0;
padding: 0;
display: flex;
align-items: center;margin-left:45px;
}
.navbar-toggler{ background-color: white;}
.nav-item {
  margin-left: 10px;  
}
.nav-link{
  border-radius: 10px;
  background-color:#FF9A1E;
  padding: 5px 15px 5px 15px;
}
 

.navbar-nav .nav-item .dropdown-menu {
    position: absolute;
    top: 100%; /* Mueve el menú debajo del ítem padre */
    left: 0; /* Alinea el menú a la izquierda del ítem padre */
    z-index: 999999;
    
}

.step-container .dropdown-menu{
   background-color: #e9ecef;  /*//color: #e65c00; */

}
#container{ 
  background: url('/img/4361225.jpg'); background-repeat:repeat; background-size:cover;
  max-width: 100%;min-height: 1250px; 
  overflow: auto !important;
}

.dropdown-menu {
  background-color: #FF9A1E;
  border: none;
  border-radius: 5px;
  padding: 10px; 
  top: 100%; /* Mueve el menú debajo del ítem padre */
  z-index: 999999;
  width: 390px;
}
.check.mark{background-color: #e65c00 !important;}
.stepTitle{ font-family: 'Roboto', sans-serif;
  font-size: 24px;
  text-align: center; }
  
.swal2-container{z-index:9999999 !important}
#swal2-content{ font-weight: 500 !important; text-align: left !important;}


#footer {
 
  bottom: 0;
  width: 100%;
  background-color: #ff8c00;
  padding: 10px 0;
  text-align: center;
  padding-top:35px

}


.dropdown-item {
color: #30302C;
font-size: 0.9em;
text-decoration: none;
transition: color 0.3s ease;
}
.menu1 > li:first-child, .menu2 > li:first-child { margin-top: 15px; }
#questionareCont{background-color: white; padding:15px;border-radius: 28px; padding:20px}
#questionareCont > div{ padding:10px; }
.navbar-nav .nav-item{position: relative; }
.br1{margin-bottom:15px}
.popupNoTokens,.popupError{ display: block !important; z-index:999999999999 !important;}
#close-button {
  background-color: transparent;
  color: white; font-size: 22px;
  cursor: pointer; border: none;    
}
.message{margin-bottom: 10px; padding: 5px; border-radius: 5px; word-wrap: break-word;}
.user{background-color: #f2f2f2; color: #333; align-self: flex-start; }
  
  
  #chat-input-container,#chat-input-container2 {
    display: flex;
    align-items: center;
    padding: 10px;
    border-top: 1px solid #ccc;
  }
  #chat-input-container2{ border-top:none; }
  #chat-input,#askHere {
    flex-grow: 1;
    border: none;
    padding: 5px;
    font-size: 14px;
    resize: none;
    overflow: hidden;
    box-sizing: border-box;
  }
  #askHere{ border-bottom: 1px solid gray; }
  

  #send-button,#sendAskHere {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 14px;
    cursor: pointer;
  }#sendAskHere{padding: 6px 14px}
  
#recipeChatRespCont{ overflow-y: scroll; overflow-x: hidden; max-height: 500px; margin-bottom: 40px; padding:4px 20px 4px 4px; }

  .recipe-card {
    border: 1px solid #ddd;
    border-radius: 5px;margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
    width:90%;margin-left:10px
  }
  .recipe-card h3 {
    margin-top: 0;
    margin-bottom: 25px;
    color: #333;
  }
  .recipe-card p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .recipeTitle{ font-family: 'Lobster', cursive;  }
  

  .list-group-item {
    padding: 10px 0 10px 15px;
  }
  .ingredientsList > b{
    margin-left:5px;margin-top:10px
  }
  
  #recipesMainCont{
    min-height:850px;
    /* background-color: #ffa64d;
    background: url('/img/back4.jpg');  4361225.jpg */
    background-size: contain;
    background-repeat: repeat;
    max-height: 100%;
    overflow-y: auto; overflow-x: hidden;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;  

  }
  .recipeMenu li{padding-right:10px}
  

  
 
/* Estilos para el título principal */
#recipetitle, #titleAcc {
  text-align: center;margin: 0 auto;
  font-family: "Arial", sans-serif;font-size: 32px;font-weight: bold; color: #fff;
  text-align: center; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;letter-spacing: 1px;
  padding: 7px; margin: 10px 0;border: 2px solid #fff;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  background-color: #FF8C00;
}

#recipetitle2 {
  margin-top: 10px; padding: 5px 0 5px 0;
  text-align: center; background: rgba(0,0,0,0.5);
  font-family: "Arial", sans-serif; font-size: 24px; font-weight: bold; color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
  -webkit-text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
  -moz-text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}


.stepTitle{
  text-align: center; 
  font-family: "Arial", sans-serif;
  font-size: 24px;
  color: #333;
  padding: 10px;
  margin-top: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

  .step-container{max-width:500px;margin:0 auto;padding:20px;background-color:#f8f9fadd;}
  
  .step-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color: #e9ecef; }
  .step-progress button{border:none;background:none;font-size:18px; color:#748596;  cursor:pointer;transition:color 0.3s;padding:0}
  .step-progress button.active{color:black;  background-color:#EAE4E2; padding:8px 12px}.active small{font-weight: bolder}
  .step-progress button:focus{outline:none}
  
  .step-content-wrapper{position:relative;min-height:450px;overflow:hidden}
  .step-content{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.5s;transform:translateX(0%)}
  .step-content.hide-left{transform:translateX(-100%)}.step-content.hide-right{transform:translateX(100%)}.step-content.active{transform:translateX(0%)}.generate-button{display:none}.step-content.active:last-child .generate-button{display:inline-block}.step-progress button:not(.active){color:#748596;background-color:#e9ecef;padding:8px 12px;transition:background-color 0.3s}#step-2{ overflow-y:auto }
  

  #recipeOrderBy{margin-bottom:15px;margin-top:15px}
.tag-text {  padding: 5px 10px; }
.tag {
display: inline-block;
background-color: #fcae34;
color: #fff; 
padding: 6px 10px 6px 3px;
border-radius: 20px;
margin-right: 5px;margin-bottom:5px;
font-family: Arial, sans-serif;
}

.close-btn {
background-color: #dc3545;
border: none;
color: #fff;
font-weight: bold;
padding: 6px;
font-size: 14px;
line-height: 14px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}

.close-btn:hover {
background-color: #c82333;
}


/* LOADER FULL RECIPE */
.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#FF9900;margin:-4px 0 0 -4px}#spiningCont b{color:#FF9900}#loaderFullRecipe p{ top:40%; text-align: center;color:white;text-shadow:2px 2px 4px rgba(0, 0, 0, 1);font-size:17px}.lds-roller div:nth-child(1){animation-delay:-0.036s}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-0.072s}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-0.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-0.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-0.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-0.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-0.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-0.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#loaderFullRecipe{
  width: 100%;background-color: rgba(128, 128, 128, 0.76);height: 100%; display: flex;align-items: center;justify-content: center;position:absolute;z-index: 9999;
} #spiningCont{text-align: center; position:fixed;top:45%}



#btnAddition {
display: inline-flex;
align-items: center;
padding: 8px 16px;
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #f39c12;
border: none;
border-radius: 4px;
transition: background-color 0.3s ease;
cursor: pointer;margin-top:10px
}

#btnAddition:hover {
background-color: #e67e22;
}

#btnAddition:focus {
outline: none; 
}

#recipeTitleF{text-align: center; margin-top:15px;width:100%; }

#recipeLearnMoreCont{
  /*margin-top:-100px*/ 
  margin-top:10px;
}
#btnAddition:active { background-color: #d35400; }
#btnAddition i{ margin-right:5px;}
/* Estilos adicionales para el ícono */
.icon-plus::before { content: "+";font-family: "Arial", sans-serif;font-size: 16px;font-weight: bold; }
.no-results{padding:10px !important}
.selects1Cont{ margin-top:15px }
.invisible{ display: none;}
#selectCookMethod,#selectRecipeType,#servings{background-color: #e9ecef;}
#selectCaract .btn{
    width:420px !important;
}
#step-3 h4{ font-size:18px;margin-top: 35px; }
#bootstrap-select{ margin-top:15px }
#ingrTagsCont{margin-top:10px}
.btn-light{ background-color:#f0f0f1}
#step-2 h3{ margin-bottom:30px}
#recipesContainer{padding: 10px; }
#recipeMoreInfo { margin-top:25px;position: relative;min-height: 190px;  }
#recipeMoreInfo h4{ text-align:center; }

#ulTokenMenu li{ padding-right: 8px; }
#ulTokenMenu{ margin-bottom:5px}
 
#savedTexts{ padding: 15px 40px 15px 40px; }
.savedTexts{
  padding: 12px; border: 1px solid lightgray;margin-bottom:20px
}

#recipeMoreInfo2 h4{ text-align: center;margin-top: 20px; }

#recipeOptions{margin-top:10px}
#recipeOptions td{ padding-right:12px}

#recipeLearnMoreTitle{
  padding-top: 15px;font-size:20px;font-family:Arial;
}

 #askHereResp{
  /*padding:3px 2px 3px 7px;*/
  padding:12px;
  position: relative; background-color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);min-height:70px;
  border:1px solid grey;border-radius: 8px;
  width:75%;margin-left:25px;margin-top:15px;
}
#questionDiv{ min-height:220px; }
.btnSave {
  position: absolute;
  bottom: 4px;
  right: 4px;
  padding: 4px 8px;
  background-color: #ff6f00;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
.btnClose1{
  position: absolute;
top: 4px;
right: 10px;
width: 35px;
height: 35px;
padding:6px;
background-color: #ff6f00;
color: #ffffff;
font-size: 14px;
border-radius: 50%;
text-align: center;
line-height: 24px;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
#questionDiv #p1{
  margin:0;padding-left:7px;padding-right:7px;margin-top: 7px;
}


#questionDiv {
  position: relative;
  width: 100%;
  background: white;
  border: 1px solid grey;
}



#loadingDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:999999;
}
.center {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.20);
}
.wave {
  width: 3px;
  height: 25px;
  background: linear-gradient(45deg, cyan, #fff);
  margin: 10px;
  animation: wave 1s linear infinite;
  border-radius: 20px;
}
.wave:nth-child(2) {
  animation-delay: 0.1s;
}
.wave:nth-child(3) {
  animation-delay: 0.2s;
}
.wave:nth-child(4) {
  animation-delay: 0.3s;
}
.wave:nth-child(5) {
  animation-delay: 0.4s;
}
.wave:nth-child(6) {
  animation-delay: 0.5s;
}
.wave:nth-child(7) {
  animation-delay: 0.6s;
}
.wave:nth-child(8) {
  animation-delay: 0.7s;
}
.wave:nth-child(9) {
  animation-delay: 0.8s;
}
.wave:nth-child(10) {
  animation-delay: 0.9s;
}

@keyframes wave {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
    /* ------ LOADERS ------ */
    #loader {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(128, 128, 128, 0.90);
        z-index: 9999; 
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #fff;
        font-size: 20px;
    }
    #loader2{ 
      left: 0; 
      display:none; position: absolute;top:0;
      background-color: rgba(255, 255, 255, 0.7);
      width: 100%;height:100%; font-size:20px;
      text-shadow:2px 2px 4px rgba(0, 0, 0, 1); color:#333333;
      text-shadow: 2px 2px 4px orange;
    }
    .loading-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .knife {
      background:url('/img/892542-200.png');
      display: inline-block;
      width: 120px;
      height: 120px; 
      background-size: cover;
      position: relative; 
      animation: knifeAnimation 0.4s infinite alternate;
      transform-origin: bottom center;
    }
    @keyframes knifeAnimation {
      0% {
        /*transform: rotate(-5deg);*/
        transform: rotate(15deg);
      }
      100% {
        transform: rotate(42deg);
      }
    }



   
    #tipsList .list-group-item::before { content: "•"; margin-right: 5px;color: #FF8C00; }


    #tipsList li{
      padding: 7px !important; margin-bottom: 7px !important; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
      margin:7px !important;
    }
    #tipsList{list-style: none;; }
    .deleteTip{float: right;}

    #fullRecipeCont{ 
      padding-bottom:55px;
      background-color: white;position:absolute;z-index: 99999;   }
    .notepad{
        margin: auto;margin-top:15px;max-width: 100%;
        box-shadow: 10px 10px 40px rgba(0,0,0,0.20);border-radius: 0 0 10px 10px; 
    }
.headerFullRecipe{ align-items:center;margin:0;width: 100%;height: auto;min-height:50px;background: #333;border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;text-align:center;color:white;}
.headerFullRecipe2{ width: 100%;height: 36px;min-height:36px;border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;text-align:center;color:white; padding:5px; padding-right:20px;  min-height:35px;height:35px; }
.headerFullRecipe h3{ font-size:25px;padding-top:7px }
.headerFullRecipe{ text-align: center;}
.imgShare{ cursor: pointer;max-width:100%; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;height:35px; }
#saveRecipe{ height:35px; padding: 6px 25px 30px 25px; }
#saveRecipeCont{ padding: 0 !important;}
#questionDiv{ background:white;border:1px solid grey}
.paper{
  background:white; /*background: repeating-linear-gradient(#F1EDE9, #F1EDE9 31px, #94ACD4 31px, #94ACD4 32px); */
  outline: 0; min-height: 400px;  padding: 10px 40px; 
  font-family:  Arial ;font-size: 17px;line-height: 34px;
  -webkit-box-shadow: 5px 5px 5px rgba (0,0,0,0.8); -moz-box-shadow: 5px 5px 5px rgba (0,0,0,0.8); box-shadow: 5px 5px 5px rgba (0,0,0,0.8);
}
#fullRecipeCont ul li{
  margin:0;padding:0;line-height: 31px;
}
#recipeCont{ padding-top:20px;   }
#recipeCont2{ padding-top:0 }
#recipeCont2 ul{ margin-top:15px;padding-left:5px;list-style: none; }
#recipeCont2 ul li{margin-bottom:15px}

#fullRecipeCont p {margin:0}
#btnCloseFullRecipe{ margin:5px;position: absolute; right:25px  } 
#btnCloseFullRecipe2{ height:50px; margin-left: 20px; margin-top: 55px;}
.divisor {
  width: 90%;
  height: 1px;
  background-color: #000000;
  margin: 0 auto;
  opacity: 0.5;
}   .custom-button {
      display: inline-block;
      padding: 10px 20px;
      border: 1px solid #ccc;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      text-align: center;
      text-decoration: none;
      font-weight: bold;
      color: #333;
      transition: background-color 0.3s ease;
    }

    .custom-button:hover {
      background-color: #f5f5f5;
    }

    
#contLatestRecipes {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 50px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden; 
  max-height: 725px; 
}

#contLatestRecipes h3 {
  font-size: 24px;color: #007bff;margin-bottom: 20px;
}

#contLatestRecipes .scrollable-content {
  max-height: 625px; 
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #FF9900 #f1f1f1;
}

#contLatestRecipes .scrollable-content::-webkit-scrollbar {width: 15px;}
#contLatestRecipes .scrollable-content::-webkit-scrollbar-thumb {
  background-color: #FF9900;
  border-radius: 10px;
}
#contLatestRecipes .scrollable-content::-webkit-scrollbar-track {
  background: #CC6600;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
#contLatestRecipes .scrollable-content::-webkit-scrollbar-corner {
  background: #CC6600;
}
#contLatestRecipes .scrollable-content::-webkit-scrollbar-thumb:hover {background-color: #45a049;}

.rcip {
  background-color: #fff; 
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;
  margin-bottom: 20px;padding: 15px;  
}

.rcip span {
  display: block;
  margin-bottom: 4px;
}

.rcip .recipe-name {
  font-size: 18px;
  font-weight: bold;
}

.rcip .user-info {
  font-size: 14px;
  color: #555;
}

.rcip .user-info .username {
  color: #28a745;
}



.custom-button i {
    margin-right: 5px;
}

  .deleteSavedText{ float:right; }
  
  .guestButtons li{display: inline-block;}
  .recipeListItemCont{
    background-color: white;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    margin-bottom:8px;padding:7px;
  }
  .btnsFullRecipe{margin-top:15px}
  .recipeListCont{ padding-left:45px }

#recipeListLoading{
  width:100%;min-height:400px; height:100%; background-color:rgba(0, 0, 0, 0.75);
  z-index:999999; position:absolute;left:0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}   
#tokenTitle{  
  border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
  border: 1px solid #3498db;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: inline-block; padding:10px 
}
#cont1{ margin-left: 40px}
#cont1 >h4{ margin-bottom: 15px}

.h31{text-align: center;}
#subtitle1{ margin-top:35px;margin-bottom:20px; margin:  35px 0 20px 10px; }

#fullRecipeAskHereCont{ display: flex; align-items: center; }
#input1Cont{ flex: 1; }


.loader {
  width: 60px; position: absolute;
  top: 25%; left: 50%; transform: translate(-50%, -50%);
}
.loader-wheel {
  animation: spin 0.8s infinite linear;
  border: 2px solid rgba(30, 30, 30, 0.5); border-left: 4px solid #fff;
  border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
  width: 50px; height: 50px; margin-bottom: 10px;  
}
.loader-text { color: #fff; font-family: arial, sans-serif; }
.loader-text:after { content: 'Loading...'; animation: load 2s linear infinite; }
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




.disabled1 {
  filter: blur(3px); /* Agrega desenfoque al contenido del div */
  pointer-events: none; /* Evita eventos de clic en el contenido del div */
}



#rServings,#rCookTime{ font-size:18px; }
#rCookTimeCont{ margin-top:20p;margin-left:5px;margin-bottom:10px; }
#step-3 .dropdown-item{ color:#e65c00; }
#step-1{z-index:999 !important;}
#step-3{display:none}

.text{color:#30302C}
.hrNavbar{ margin:0 0 10px 0 }  
#RNHelp{ font-weight: normal;}
#cont1 img{  width: 64px;   }


@media (min-width: 800px){
  .guestButtons{ margin-left:150px }  
}
  
@media (max-width: 800px){
  .navbar-nav {align-items: baseline;margin:0}
  .nav-item{margin-left:0; margin-bottom:5px; width:250px; }
  .navbar-nav .nav-item .dropdown-menu { width: 320px }
  #recipeLearnMoreCont{ margin-bottom:25px }
  .headerFullRecipe h3{ font-size:20px; }
  .loader {top:5%}
  #recipesMainCont{ margin:0 !important; padding:8px;min-height:850px;} 
  #recipesContainer{ padding:0 }
  .recipeTitle{ font-size:24px; }
  #recipetitle{ font-size:22px; }
  #recipetitle2{ font-size:20px;}
  .recipe-card{ padding-left:5px;padding-right:5px;}
  #servings::placeholder {font-size: 14px;}
  .recipeMenu{margin-bottom:25px}
  #fullRecipeCont{ width:98%; max-width: 98%;;left:20px; }
  #askHereResp{ width: 92%;margin-left: 8px; }
  .paper{ padding: 4px; }
  #savedTexts{ padding: 6px; }
  .savedTexts{ padding: 4px; border: 1px solid lightgray; }
  #recipeCont{ margin-top:55px }
  .dropdown-item{ font-size:14px }
  #fullRecipeCont ul li{ font-size:16px }
  #tipsList li{ font-size:15px; }
  #subtitle{  font-size:18px !important; }
  #contLatestRecipes{margin-left:15px}
  #divresend{ margin:0 !important }
  .h31{ font-size: 24px; }
  #cont1{overflow: hidden; margin-left: 10px }
  #cont1 h4{  font-size: 20px;   }
  #cont1 img{  width: 50px;   }
  
}


@media (max-width: 991.98px){
  #titleAcc{ font-size:30px;margin-top:10px;margin-bottom:20px}
  #btnAddMoreTokens{  padding:5px }
  #tokenTitle{ font-size:23px }
  .dropdown-menu {
      position: static;   
      box-shadow: none;
      padding: 0;
  }
  .recipe-card, #recipesMainCont { margin-left:15px }
  #selectCaract .btn{ width:350px; }
}