@charset "utf-8";
/* CSS Document */
/*RECOMENDACIONES*/
.atlas_recommendations {display:flex;flex-wrap: wrap;}
/* li {
   display: contents;
}*/
   
   .recommendation_item  {
     border: 2px solid #F7941D;
     padding: 10px;
     flex: 0 0 32%;
     max-width: 28%;
     margin: 10px 0.6666665%;                
     border-radius: 5px;
     display: inline-block;
     transition: all 0.3s ease;
                               text-align: justify;
   }
   @media (max-width: 992px) {
     .recommendation_item {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
   }
   .recommendation_item:hover {
     background-color:#F7941D;
   }
   .recommendation_item_image {
     float: left;
     margin: 10px;
     border: 1px solid #ccc;
     padding: 5px;
     border-radius: 10px;
     background-color: #fff;
   }
   .recommendation_item_image img {
     width: 80px;
   }
   .recommendation_item_title {
     color: #F7941D;
     font-size: 20px;
     font-weight: bold;
     margin: 20px;
   }
                               
                               
   .recommendation_item_tags {
     clear: both;
     margin-bottom: 10px !important;
   }
   .recommendation_item_tags > li {
     display: inline-block;
     color: #000;
     list-style-type: none;
     background-color: #fff;
    color: #000;
     padding: 5px 8px;
     margin: 2px;
     border-radius: 12px;
     font-size: 10px;
   }
   .recommendation_item_tags {
     display: inline-block;
     color: #000;
     list-style-type: none;
     background-color: #fff;
     padding: 5px;
     margin: 2px;
     border-radius: 12px;
     font-size: 10px;
     box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
   }
   .recommendation_item_description {
     color: #000;
   }
   .rec-type {
     color: #000;
     display: none;
   }
   
   .recommendation_item:hover .rec-desc,
   .recommendation_item:hover {
     color: #F7941D;
   }
   
   .recommendation_item:hover .recommendation_item_title{color: #ffffff}
   
   .loading_recommendation {
     color:#F7941D;
   }
                               
   .recommendation_item_type {
   border: 1px solid #005162;
   padding: 12px;
   background-color: transparent;
   color: #005162;
   border-radius: 12px;
   width: fit-content;
               margin-top: 15px;
}

               
                               
    a.button.large {
   display: inline-block;
   border-radius: 4px;
   background-color: #F7941D;
   border: none;
   color: #FFFFFF;
   text-align: center;
   padding: 17px;
   /*width: 137px;*/
   transition: all 0.5s;
   cursor: pointer;
   margin: 5px;
}
  a.button.large:hover {
   background-color: #000000;
}
                               
   span.button.expand:hover {color: white;
}
                               
   .recommendation_item_type:hover {
   background-color: #transparent;
   border: 1px solid #fff;

}
               
div#atlas_recommendations{
display: flex;
flex-wrap: wrap;
}