.avatarfleet_jobs {display: grid; gap: 10px;}
.avatarfleet_tags { width: 100%;}
a.avatarfleet_term { border: 2px solid var(--primary-color, #3c3c6c); border-radius: 4px;padding: 6px 18px;  text-align: center; margin-block-end: 15px;  cursor: pointer;  font-weight: 500;  color: var(--primary-color, #3c3c6c);  transition: all 0.45s, background-color 0.45s;  width: 100%;}
a.avatarfleet_term:hover{ border: 2px solid var(--secondary-color, #000); color: var(--secondary-color, #000);  }

/**** Single Job Page ***/
ul.ajobs_meta {list-style-type: none; width: 40%; display: inline-flex; flex-wrap: wrap; border-radius: 7px; border: 1px solid #ddd; padding: 0; margin: 10px;}
ul.ajobs_meta li {flex: 0 0 50%; border-bottom: 1px solid #ddd; padding: 1em; display: flex; }  
ul.ajobs_meta li:nth-last-child(-n + 2) {border-bottom : none !important  }
.avatarfleet_btn {border: 1px solid #000;padding: 10px 25px;margin: 10px 0;border-radius: 3px;}
.avatarfleet_btn_container { margin: 20px 0;}

/**** Popup ***/
.afleet_overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;z-index: 999;overflow: auto;}
.afleet_overlay:target { visibility: visible; opacity: 1;  }  
.afleet_popup {margin: 70px auto;padding: 50px;background: #fff;border-radius: 5px;width: 70%;position: relative;transition: all 200ms ease-in-out;box-shadow: rgb(243 243 243 / 30%) 0px 2px 8px 0px;}
.afleet_popup h2 { margin-top: 0; color: #333; }
.afleet_popup .afleet_close {position: absolute; top: 20px; right: 30px; transition: all 200ms;font-size: 30px; font-weight: bold;text-decoration: none; color: #333;}
.afleet_popup .afleet_close:hover {color: #000;}
.afleet_popup .afleet_popup_content {max-height: 30%;overflow: auto;}
.afleet_popup .afleet_popup_content h1.entry-title{margin-left: 0 !important;}

/*** Avatar Filters ***/
.avatarfleet_filters_container {display: flex; flex-direction: row; gap: 20px;}
.avatarfleet_filters {display: flex; flex-direction: column; min-width: 250px; gap: 10px;}

/*** Media Query **/
@media screen and (max-width: 600px) {
    .avatarfleet_jobs { grid-template-columns: 1fr;}
    .afleet_popup{padding : 20px;width: 90%;}
    .afleet_popup h1,.afleet_popup h3{font-size: 1.5em;padding: 0 !important;}
    .afleet_popup .afleet_close{right: 5px; top: -5px;}
    .afleet_popup .avatarfleet_btn_container a{margin: 0;display: flex;justify-content: center;}
    .avatarfleet_filters_container { flex-direction: column;}
}