@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
#bdp-search-submit {
     background-color: #007680;
     color: #fff;
     border-radius: 0;
     box-shadow: 0 0 0 2px #007680 inset;
     transition: .2s all;
     font-weight: 500 
}
 #bdp-search-submit:hover, #bdp-search-submit:focus {
     color: #007680;
     background-color: #FFF 
}
 #bdp-search {
     display: flex;
     flex-direction: row;
}
 .card-content {
     flex: 1;
}
 .card-content span {
     width: 100% 
}
 #bdp-results-list {
     width: 100%;
}
 #bdp-results #bdp-results-list li {
     grid-template-columns: 1fr auto auto;
     padding: 20px 15px 
}
 #bdp-results #bdp-results-list li:nth-child(odd) {
     background: #F3F3F0 
}
 #bdp-header h2 {
     color: #002D5B;
     font-weight: 400;
     font-size: 36px;
     line-height: 46px;
     text-transform: none;
}
 .card-content label {
     font-weight: bold 
}
 #bdp-header {
     box-shadow: 0 3px 2px -2px #FCC200;
}
 * {
     font-family: Lora 
}
 h2 {
     font-family: Lato 
}
 a {
     color: black;
     text-decoration: underline;
     text-underline-offset: 3px 
}
 @media (min-width: 600px) {
     #bdp-search #bdp-search-submit {
         align-self: flex-end 
    }
}
 @media (max-width: 600px) {
     #bdp-search #bdp-search-submit {
         align-self: auto 
    }
     #bdp-search {
         flex-direction: column 
    }
     #bdp-results #bdp-results-list li {
         grid-template-columns: auto auto 1fr !important;
         grid-template-rows: auto auto !important;
    }
     #bdp-results #bdp-results-list li span {
         padding-bottom: 3px 
    }
     .guide-name {
         grid-column: 1 / -1 !important 
    }
     a {
         padding-left: 1.5rem 
    }
}