.container, #plant_detail, #demogarden_detail {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-gap: 6px;
}

#plant_detail {overflow-wrap: break-word; }

.home_404 {
    display: grid;
    grid-template-columns: 230px auto;
}

/* responsive imgs */

img { max-width: 100%; height: auto !important; }

#top_span {background-color: #000; width: 100%; height: 30px; }

header,
footer,
.top_bar{
  grid-column: 1 / span 16;
}

.filters, #left_menu {
  grid-column: 1 / span 3;
}

main {
    grid-column: 4 / span 13;
}

main.home_page {
    grid-column: 4 / span 10;
}

#right_menu {
    grid-column: 14 / span 3;
}

#plant_detail h1, #demogarden_detail h1 { grid-column: 1 /span 15; font-weight: 400; }
.de_em { font-style: normal; }
#plant_detail .bad_links_alert { grid-column: 1 /span 16;}
#plant_detail .edit_plant_button { grid-column: 16 / span 1; }
#plant_detail .common_name_space, #plant_detail { grid-column: 1 /span 16; }
#plant_detail ul#common_names, #plant_detail ul#shared_common_names, #plant_detail ul#synonyms { font-size: 1.6rem; display: inline; list-style: none; padding-left: 0; line-height: 10px; }
#plant_detail ul#shared_common_names { display: inline-block; font-size: 1rem}
#plant_detail ul#shared_common_names a {color: #202528; }
#plant_detail ul#shared_common_names a i { padding-left: 3px; }
#plant_detail ul#common_names li, #plant_detail ul#shared_common_names li, #plant_detail ul#synonyms li { display: inline; margin-left: 5px;  }
#plant_detail ul#synonyms li { font-size: 1rem; margin-left: 0; }
#plant_detail #synonyms li:not(:last-child):after { content: '; ' }
#plant_detail .synonym_heading {display: inline-block; margin-bottom: 0; }
#plant_detail #common_names li:not(:last-child):after { content: '; ' }
#plant_detail #common_names a, #plant_detail a.scientific_name, .list_common_names a { color: #212529; }
#plant_detail .cn_heading {display: inline-block; font-size: 1.8rem}
#plant_detail .other_cn_heading {font-size: 1.2rem}
#plant_detail .info_1, #demogarden_detail .info_1 { grid-column: 1 / span 8; margin: 10px; padding-right: 10px; }
#plant_detail .gallery_box { grid-column: 9 / span 8; overflow: hidden; }
#plant_detail .info_2 { grid-column: 1 / span 16; margin: 10px; }
#plant_detail .profile_video iframe { max-width: 100%; }
#plant_detail .text_poison_3 { color: #9b8800; }
#plant_detail .text_poison_2 { color: #9b5503; }
#plant_detail .text_poison_1 { color: #cc0000; }
#plant_detail .bg_poison_3 { background-color: #9b8800 !important; }
#plant_detail .bg_poison_2 { background-color: #9b5503 !important; }
#plant_detail .bg_poison_1 { background-color: #cc0000 !important; }

#plant_detail .info_2 .bricks { columns: 300px 3; margin-bottom: 10px; }
#plant_detail .info_2 .bricks li { break-inside: avoid; }
.list-group.brick { display: block; }
.garden_callout a.btn { margin-bottom: 5px; }

/*ul.list-group.brick { width: 100%; }*/

#plant_detail span.group_name {
    display: block;
    background-color: #6f7e0b36;
    padding: 5px;
    margin: -12px -20px 10px;
}

#plant_detail span.group_name.bg-danger { color: #fff; }

#plant_detail .list-group {
    margin-bottom: 10px;
}

#home img { border: 1px solid #dfdfdf; padding: 5px; }
#home h2 { color: #484848; font-size: 1.6rem; }
#home_static { border-bottom: 1px solid #dfdfdf; }
#home .lead { font-size: 1.6rem; }
#home .list-group-item { padding: .5rem; display: grid; grid-template-columns: 68px auto; }


#help ul { list-style: none; padding-left: 1rem;}
#help img { border: 1px solid #ccc; padding: 2px; }
#glossary { margin: 1rem; }
#glossary_table { margin: 0 2rem;}
#glossary_table td { vertical-align: top; }
#glossary_table_filter { float: right; }

/*.filters { background: #6F7D1C; color: #fff;  }*/
.filters, #left_menu { border: 1px solid #d6d5d3; border-top: 0; padding: 5px; }
.filters ul { padding: 0 20px; list-style: none; margin: 5px 0; }
.filters > ul > li { font-weight: bold; }
li.filter_heading { font-weight: bold; }
.filters > ul > ul > li  { padding-left: 5px; font-weight: normal; }
.filters input { font-size: 80%; margin-top: 7px; }
.filters label { font-size: 80%; }
.filters h2, #left_menu h2 {
    font-size: 24px;
    background: #6f7e0d;
    margin: -5px -6px 0;
    padding: 10px;
    color: #fff;
}
.filters .filter_text { padding: 10px; }
.filters .filter_text .url_span { word-break: break-all; background-color: #9e9e9e29; padding: 2px; color: #4156a1; }

h2.glossary_link { margin-top: 1rem; }
h2.glossary_link a { color: #fff; }

.left_menu_items>h2 { font-size: 1rem !important; background: #fff !important; padding: 10px 10px 0 !important;  color: #000 !important; margin: 10px 0 0 !important; }

.filters form { margin-top: 10px; }

#filter_form .form-check-input, #filter_form .form-check-label { cursor: pointer; }

#plant_detail h3 { font-size: 18px; }
.filters .plant_filter_name, .garden_filter_name { font-size: 16px; margin: 10px 5px 0; cursor: pointer; }
.filters .plant_filter_name.disabled { cursor: auto; }
.filters .plant_filter_group h3 { font-size: 18px; background: #427E93; padding: 4px; color: #fff; margin-bottom: 0; }
.filters .plant_filter_group { border: 1px solid #d6d5d3; margin-bottom: 6px; padding-bottom: 5px; }
.filters .plant_filter_group.waiting { }
.waiting .filter_lists {  text-align: center; padding: 20px; }
.filter_attribute_trigger, .filter_tooltip { font-size: 80%; color: #999; margin: 4px 3px 0 0; }
.filter_attribute_trigger.disabled { display: none; }

.filters.plant_detail dl { margin: 10px; }
.filters.plant_detail a.detail_left_link { padding: 5px; }
/*.filters.plant_detail dt { margin: 0 20px; }*/
/*.filters.plant_detail dd { margin: 0 20px; }*/
.filters .list-group-item, #left_menu .list-group-item, .figure-caption .list-group-item { margin: 0 0 10px 0; padding: 0; background-color: #ffffff !important; }
.filters .list-group-item a, #left_menu .list-group-item a { color: #666; display: block; }
.filters .list-group-item a:hover, #left_menu .list-group-item a:hover { text-decoration: none; color: #fff; background-color: #666; }
.filters .img-thumbnail, #left_menu .img-thumbnail { }
span.detail_display_attribute { display: block; /* background-color: #D14905; */ padding: 0 10px; }

#left_menu ul { list-style: none; padding: 10px;  }
#left_menu dl { margin: 10px; }
#right_menu ul { list-style: none; padding-left: 0;  }
#right_menu ul li { margin: 5px 0; }
#right_menu { padding: 10px; background-color: #427E93; color: #fff; }
#right_menu h1 { font-size: 24px;  }
#right_menu a { color: #fff; }
#right_menu ul li a { display: block; padding: 5px 10px; border: 1px solid #89a0a9; }
#right_menu ul li a:hover { background-color: #4790a9; text-decoration: none; }
.left_menu_items ul li { line-height: 1.2rem; margin-bottom: 1rem; }
.left_menu_items ul li a { display: block; border: 1px solid #dfdfdf; padding: 5px 10px; color: #666; }
.left_menu_items ul li a:hover { text-decoration: none; background-color: #666; color: #fff; }

.right_menu_items h2 { font-size: 1.5rem; border-bottom: 1px solid #fff; }

.plant_grid { display: grid; grid-template-columns: 1fr 1fr 1fr 65px; }
span.menu_names, .plant_detail_extras .p_name { grid-column: 1 / span 3; padding: 5px; }
span.p_name, span.c_name, span.c_name_label { margin: 0; }
span.c_name_label, span.c_name { font-size: 80%; margin: 0 10px; display: block; }
.plant_grid .img-thumbnail { margin: 5px 5px 5px 0; }

.nowrap { display: inline-block; white-space: nowrap; }


#plant_list { overflow: auto; min-height: 200px; }
.search_suggestions { grid-column: 1 / span 6 !important; }
.search_suggestions .list-group-item { padding: .5rem; display: grid; grid-template-columns: 52px 25% 35% 34%; grid-gap: 10px; }
span.home_col_2, span.home_col_3, span.home_col_4 { overflow-wrap: break-word; }
span.home_col_2, span.home_col_3 { border-right: 1px solid #cecece; }
mark { padding: 0; background-color: #fdf3be; }
p.ignore_mark { margin: 5px; }
p.ignore_mark mark { padding: 0; background-color: transparent; }

/* PTBx Specific Styles */
body {

}

.top_black { height:36px; }
.container { max-width: 1600px; margin: 0 auto; padding: 0; margin-top: -76px; }
.top_bar { margin: 50px 0 10px 0; }
.brand_image { background-color: #fff; max-height: 40px; max-width: 242px; }
/*header nav { background-color: white; border-bottom: 1px solid #4156a1; }*/
li.nav-divider { margin: 0 5px; border-right: 1px solid #797979; }
.navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.7); }
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.9); }
.navbar-light .navbar-toggler { color: rgba(0,0,0,.7); }
.navbar form.form-inline { display: inline-flex; }
/*.navbar-nav { flex-direction: row;  }*/
.site_img { max-height: 150px; max-width: 100%; }
.object_count { font-weight: bold; font-size: 16px; margin: 0 5px;  }
.object_count .badge { cursor: pointer; }
a.dropdown-item.bg-danger { color: #fff; }

#plant_list.dg { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.plant { margin: 5px; padding: 5px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; }
.plant.dg { display: block; }
.plant h2 { font-size: 23px; color: #fff; font-weight: 500; }
#plant_list .de_em { font-weight: 400; font-size: 95%; display: block; }

.plant.dg h2 {
    /*margin: -6px -6px 8px;*/
    /*background-color: #6f7e0b36;*/
}
.plant h2 a { color: black; }
.plant span.description { max-height: 50px; overflow: hidden; display: inline-block; }
.plant .plant_images, .plant .tags { display: block; }
.plant .tags { font-size: 80%; margin-top: 8px; }
span.tag.badge { font-weight: normal; cursor: pointer; }
span.tag.badge a { color: #fff; }
#plant_detail dd.tags { font-size: 80%; }
#plant_detail dd.tags a { font-weight: normal; }
.cultivars, .synonyms { font-size: 14px; }

.plant.dg .plant_images, .plant.dg .tags, .plant.dg .cultivars { margin: 5px 0; padding: 5px 0; }
.plant_images a { text-decoration: none; }
.plant { border-bottom: 1px solid #ccc; }
.garden { border: none; }
.cultivar_heading, .tag_heading { font-size: 90%; color: #666; }
.cultivar { margin: 3px 2px; white-space: normal; text-align: left; }
.detail_cultivar a { color: #22424c; }
.detail_cultivar img.img-thumbnail { margin-left: 10px; }
a.list-group-item.detail_cultivar { background-color: #a7cad6; }


.filter_crumb, .tag_crumb { cursor: pointer; margin: 0 5px 5px; }
label.badge.badge-success.filter_crumb  { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

/* ADMIN */

div.dataTables_wrapper div.dataTables_length select { width: 60px !important; background: none !important; }
#admin_plant_table, #admin_tag_table, #admin_links_table { font-size: 14px; }
#admin_plant_table td, #admin_plant_table th, #admin_tag_table td, #admin_tag_table th { padding: .25rem !important; }
#admin_plant_table select { display: block; }

#admin_filter_form h4 { margin: 0 5px; font-size: 1.0rem;  }

.sorter { display: none;}

/* https://codepen.io/dudleystorey/pen/yqrhw */

.gallery {
  /*display: grid;*/
  /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
    grid-gap: 6px;
    align-items: start;
    column-width: 210px;
  }

div.gallery figure, div.primary_gallery figure {
	background: #fefefe;
	border: 1px solid #dee2e6;
	margin: 0 2px 10px;
	padding: 5px;
	padding-bottom: 10px;
	transition: opacity .4s ease-in-out;
    display: inline-block;
}

div.gallery figure img, div.primary_gallery figure img {
	width: 100%; height: auto;
    border: none;
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 15px;
	margin-bottom: 5px;
    cursor: pointer;
}

div.gallery img.partner_image, .plantimage_info .partner img {
    max-width: 100px;
    margin-top: 10px;
    border: none;
}

#detail_body { grid-column: 1 / span 16; grid-template-columns: 1fr; }
#demogarden_detail .primary_gallery_box { float: right; max-width: 45%; margin-left: 15px; }

#demogarden_detail .gallery_box { grid-column: 1 / span 16; }
#demogarden_detail .gallery { display: grid; grid-template-columns: repeat(3, 1fr); }
#demogarden_detail .gallery .primary_gallery { display: block; grid-gap: unset; align-items: unset; column-width: unset; }
#demogarden_detail .gallery:not('.primary_gallery') figure  { width: 30% !important; }
#demogarden_detail .mobile_gallery_box { grid-column: 1 / span 16; }
#demogarden_detail .mobile_gallery_box .gallery { display: grid; grid-template-columns: auto; grid-gap: 10px; grid-template-rows: minmax(150px, 1fr); grid-column: 1 / -1; overflow-x: scroll; }
#demogarden_detail figcaption a { color: #666; display: block;  }
#demogarden_detail figcaption .list-group-item a:hover { text-decoration: none; color: #fff; background-color: #999999; }
#demogarden_detail figcaption .img-thumbnail { padding: 5px; }
.plants_used { margin-top: 6px; }
.garden_plants_caption { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; }
.edit_demogarden_button { float: right; }
.garden_detail_extras { margin: 6px; }
.garden_detail_extras h3.group_name { font-size: 20px; }
.garden_detail_extras .garden_filter_name a { color: #202529; }
.garden_callout { margin-bottom: 5px;  }
.plantimage_info .partner img { display: block; }

/*.gallery img { width: 100%; cursor: pointer; }*/
.gallery { display: grid; grid-template-columns: repeat(24, calc(50% - 30px)); grid-gap: 10px; grid-template-rows: minmax(150px, 1fr); grid-column: 1 / -1; overflow-x: scroll; }
.gallery_thumbs { margin: 6px 2px; }
img.gallery_thumb { margin: 2px 0; height: 40px !important; cursor: pointer; }
.scroll_buttons { grid-column: 9 /span 8; text-align: center; margin-bottom: 10px; }
.scroll_left { float: left; }
.scroll_right { float: right; }
.synonym_space { grid-column: 1 /span 8; }

#image_modal { text-align: center; }
#image_modal img { width: 100%;
    border: none;
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 15px;
	margin-bottom: 5px; }
#image_modal .modal-header, #garden_image_modal .modal-header { padding: .3rem .6rem; }
#image_modal .modal-body, #garden_image_modal .modal-body { text-align: center; }
#image_modal .modal-body figure { margin: 0; }
#image_modal .modal-dialog { width: auto; max-width: 800px; display:inline-block; }
.attribution, .caption, .license, .partner, .season, .image_age, .image_date { display: block; }
#demogarden_detail .attribution, #demogarden_detail .license, #demogarden_detail .partner, #demogarden_detail .image_age, #demogarden_detail .image_date { font-size: 80%; }

#garden_image_modal .modal-dialog { width: auto; max-width: 1200px; }
#garden_image_modal .modal-body figure { margin: 0; width: 100%; }
#garden_image_modal .modal-body .img-thumbnail { width: 100%; }
#garden_image_modal .modal-header { padding-left: 1.2rem; }
h2.season { font-size: 1.5rem; }


form#tag_rename_form, form#tag_delete_form {
    margin-top: 10px;
    border-top: 1px solid #333;
    padding-top: 10px;
}


.figure-caption { font-size: 80%; padding: 0 5px; }

.detail_footer {
    display: grid;
    grid-column: 1 / span 16;
    grid-template-columns: repeat(16, 1fr);
}



.qr_code {
    grid-column: 1 / span 8;
}

.detail_update_by {
    display: grid;
    grid-column: 9 / span 8;
    justify-content: right;
}

#search_container { display: inline-block; min-width: 282px; position: relative; }
#mobile_search_container { width: 100%; border-bottom: 1px solid #cccbcb; }
#mobile_search_container #plant_search { margin: 0 auto; }
#mobile_search_container #search { max-width: 77vw; }

#search_404 { max-width: 30rem; display: inline-block; margin: 1rem 0.5rem; }
.search_404_btn { margin-bottom: 2px !important; }


header,
main,
/*.filters,*/
footer {
    /*display: flex;*/
    /*align-items: center;*/
    justify-content: center;
    padding: 10px;
}

header { background: #fff url("../img/banner_01.c0920591527c.jpg") top; margin: -6px 0; }

main { background: #fff; min-height: 600px; }
main.main_create { grid-column: 1 / span 16 !important; }
main.hidden { visibility: hidden; }



header { text-align: center; padding: 0; }

/* footer */
footer { padding: 20px; background: #efefef; color: #666; }
footer a { color: #c00; }
.footer_logo { margin-bottom: 1rem; display: inline-block; }
#logo-footer { max-width: 20rem; margin: 0 0 10px 0;  }
.footer-where-next h2 { text-transform: uppercase; color: #4156a1; }
footer nav ul li { margin-right: 0 !important; }
footer nav ul li:not(:last-child):after { content: " | "; margin: 0 5px;  }

#plant_list .img-thumbnail { max-height: 50px; max-width: 50px; transition: transform .2s; margin: 1px 3px;  }
#plant_list .img-thumbnail:hover { transform: scale(1.5); }
#plant_list .img-thumbnail.left_img:hover { transform: scale(1.5) translateX(5px); }
#plant_list .img-thumbnail.right_img:hover { transform: scale(1.5) translateX(-3px); }

#plant_list .img-thumbnail.garden_img { max-height: 169px; max-width: 300px; }
#plant_list .img-thumbnail.garden_img:hover { transform: none; }

/* Pagination */
.ces_pagination { text-align: center; max-height: 55px; opacity: 0.8; }
.pager_slot {  margin-bottom: 5px; min-height: 39px; }
.pagination li { margin: 0 10px; }
.pagination>li>a, .pagination>li>span { color: #4156A1; }
.pagination>.active>span { color: #fff; }
.pagination>li.active { background-color: #4156A1; border-color: #4156A1; padding: 0 4px; }
.pagination { margin: 0 !important; justify-content: center; }


/* FORM */

.main_create h1 { border-bottom: 1px solid #ced4da; margin-bottom: 20px; }

div#cke_id_description { width: unset !important; }

/*.select2-selection--multiple .select2-selection__rendered { margin-top: -5px !important; }*/
/*.select2-container--default .select2-selection--single { height: auto !important; }*/
.select2 .form-control, .select2 .select2-container .select2-container--default { height: auto !important; padding-bottom: 0 !important; min-height: 38px !important; }
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-selection__choice {border-radius: 0 !important;}
.select2-selection--multiple { padding-top: 0 !important; }
.select2-selection--single { padding-top: .2rem !important; }

#plant_form span.cultivar, #plant_form span.common_name, #plant_form span.synonym { border: 1px solid #dee2e6; padding: .25rem; }
.image_button, .cultivar_button, .synonym_button { margin: 10px 0 0; }
.common_name_buttons { display: inline-block; margin: 0 10px; }
#plant_form .img-thumbnail, #plant_form span.cultivar, #plant_form span.common_name, #plant_form span.synonym, #garden_form .img-thumbnail { margin: 6px; display: grid; }
.plantimage_info { font-size: 12px; color: #797979; }
#plant_form .plantimage_info { min-height: 51px; }
.img_sort_handle { background-color: #9a9a9a; height: 21px; margin-bottom: 3px; padding: 0 5px; color: #fff; }
.img_sort_handle.featured { background-color: #0C933F; }
.img_sort_handle.list_page { background-color: #427e93; }
.form_fks { margin:15px 0; }
.form_fks .buttons { display: grid; grid-template-columns: 30px 30px; align-items: end; grid-gap: 5px; }
.form_fks .buttons.add_buttons { grid-template-columns: 1fr; }
.form-control { border: 1px solid #ced4da !important; }
.alert-info, .alert-danger, .alert-success { color: #fff; }
.alert-outline { color: #555 !important; background-color: #fff !important; }
.alert-success { background-color: #6F7D1C; }
#plant_form span.cultivar.empty, .img-thumbnail.empty, #plant_form span.common_name.empty, #plant_form span.synonym.empty { border: none; }
#plant_form textarea.form-control, #garden_form textarea.form-control { height: 38px; min-height: 38px; }

#cultivar_form label { display: block; }

.demo_garden_image_form label { display: block; }
.demo_garden_image_form #id_img { margin-bottom: 1rem; }

.common_name { font-weight: bold; padding: 0 10px; }
span.list_common_names { font-size: .9rem; display: inline-block; line-height: 1.3rem; }

.django-ckeditor-widget { width: 100%; }

.input-group-append { margin-right: 10px; }
.required_label { font-weight: bold; }
/*.required_label::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: ' \f069'; color: #c00; }*/
/*.required_label::after { content: ' *'; }*/

div#login { max-width: 400px; }
form#login_form {}

span.user_status { cursor: pointer; }

#user_detail .more_edits, #user_detail .more_creates { display: none; }

/* AUTO SELECT */
.autoselect_wrapper { height: auto; padding: 0 5px; overflow: hidden; }
.autoselect_input { margin: 0; border: none; padding: 0; float: left; }
.autoselect_input:focus { outline: none; }
.autoselect_list { display: inline-block; margin: 1px 0 -4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
li.autoselect_item { float: left; margin: 4px; padding: 0 5px; }
.autoselect_selected { background-color: #e4e4e4; border: 1px solid #aaa; cursor: default; padding: 3px; }
.autoselect__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }


/* MESSAGES */

#messages_container ul.list-unstyled { margin-bottom: 0; }
.form_error_item { display: block; }

/* autocomplete */

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

span.ui_tags {
    /*background-color: #989898;*/
    /*color: white;*/
    font-weight: normal;
    padding: 2px 3px;
    font-size: 90%;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 1px 1em;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active { background: #4156a1 !important; border: 1px solid #4156a1 !important; }



/* loading */
.loading {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
    z-index: 1001;
}
@-moz-keyframes spin { 100% {
	-moz-transform:rotate(360deg);
	}
}
@-webkit-keyframes spin { 100% {
	-webkit-transform:rotate(360deg);
	}
}
@keyframes spin { 100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
	}
}


/* Bootstrap spinner */
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

/* Cart */

#cart_table td.td_img { width: 200px; }
#cart_table td.td_plant_name { width: 66%; padding: 5px 10px; }
#cart_table a .p_name { color: #000; text-decoration: none !important; font-weight: bold; font-style: italic; }
.cart_form input#id_quantity { height: 31px; width: 60px; }

.mask { background-color: rgba(112, 128, 144, 0.22); width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; display: none; }

/* Social */

.btn.social { min-width: 10rem; margin-bottom: 5px; }
.btn.social.twitter { background-color: #00acee; border-color: #00acee; }
.btn.social.twitter:hover { background-color: #0078ba; border-color: #0078BA; }
.btn.social.facebook { background-color: #3b5998; border-color: #3b5998; }
.btn.social.facebook:hover { background-color: #3b3e7b; border-color: #3b3e7b; }

.plant_detail_extras .social_buttons { margin: .5rem .6rem; }
.m_show { display: none; }
#plant_list .img-thumbnail.no_trx:hover { transform: none; }

@media print {
    main { grid-column: 1 / span 16; }
    .gallery { display: block !important; overflow: auto; grid-column: unset; grid-template-columns: unset; column-width: auto; }
    #plant_detail, #demogarden_detail { display: block !important; grid-template-columns: unset; grid-gap: unset; }
    div.gallery figure { width: 45%; float: left; page-break-inside: avoid; border: none !important;  }
    .info_1, .gallery_box { grid-column: 1 / span 16 !important; }
    footer, .bricks, .info_2 { page-break-inside: avoid; }
    /*.info_2 { page-break-before: always; }*/
    #cart_table {font-size: 22px; }
    #cart_table a .p_name { color: #000; text-decoration: none; font-weight: bold; font-style: italic; }
    input.form-control { border: none !important; }
    .scroll_buttons, .gallery_thumbs { display: none; }
}

@media (max-width: 414px) {
     #home img { max-width: 100%;  }
}

@media (max-width: 568px) {
    .navbar { padding-left: 0; }
    .navbar-collapse { padding-left: 1rem; }
    .home_404 { display: block; }
    .mobile_caption_trigger { font-size: 16px; margin-bottom: 6px; display: block; }
}

@media (min-width: 576px) and (max-width: 768px) {
    .navbar-expand-sm .navbar-collapse { display: block !important; }
}

@media (max-width: 768px) {
    main,
    #plant_detail,
    #plant_detail .info_1,
    #plant_detail .info_2,
    #plant_detail .gallery_box,
    .filters {
        display: block;
    }
    #mobile_flag { display: block; }
    .m_show { display: block; }
    .m_hide { display: none; }

    #plant_list, #plant_list.dg, #garden_list, #garden_list.dg { display: block; overflow: unset; }
    .brick { width: auto; max-width: 100% !important; }
    div.gallery figure img { cursor: default; }


    .navbar { text-align: left; display: block; }
    /*.navbar { padding-left: 0; }*/
    /*.navbar-nav { text-align: left; margin-left:1rem;}*/
    .navbar-toggler { border: none; display: block; }
    .nav-item { display: inline-block; margin-right: 13px; padding-top: .5rem;  }
    .nav-link {display: inline; }

    #search { max-width: 69vw; margin-right: 5px; }
    form#plant_search { width: 92vw;}

    .object_count { margin: 10px 0; text-align: center; }
    .hamburger { display: block !important; cursor: pointer; background: transparent url("../img/bars-more-solid.7c9327af074a.svg") no-repeat; height: 35px; width: 31px;  }
    .filters h2 { cursor: pointer; }
    .filters .plant_filter_name { font-size: 1.3rem; margin-top: 1rem; }
    .filters label { font-size: 1.1rem; }
    .filters .form-check {  margin: .5rem 0; }
    .filter_crumb, .tag_crumb { font-size: 1rem;}
    .top_bar { background-color: #fff; }
    .container, #plant_detail { display: block !important; }

    .plant h2 { padding: 0; }
    header { margin: 0 }

    .edit_plant_button { float: right;}
    #plant_detail dd.tags { font-size: 1.1rem; }
    #plant_list .img-thumbnail { max-height: 150px; max-width: 150px;}
    #plant_list .img-thumbnail:hover { transform: none; }
    /*.plant_detail_extras { margin: 10px; }*/

    .btn { margin-bottom: 5px; }
    .gallery_thumbs, .scroll_buttons { display: none; }
    .gallery { display: grid; grid-template-columns: repeat(24, calc(100% - 30px)); grid-gap: 10px; grid-template-rows: minmax(150px, 1fr); grid-column: 1 / -1; overflow-x: scroll; }
    .gallery.no-scroll {grid-template-columns: repeat(6, 100%);}

    .plant .plant_images { display: grid; grid-template-columns: repeat(6, max-content); grid-gap: 10px; grid-template-rows: minmax(100px, 1fr); grid-column: 1 / -1; overflow-x: scroll; }

    .btn.social { min-width: 6rem; }
    .search_suggestions .list-group-item { grid-template-columns: auto; }
}

@media (max-width:1024px) and (min-width:769px) {
    .plant_grid:not('.garden_plants_caption'), .plant_grid span.menu_names { display: block; }
    .garden_plants_caption { display: block; }
    .plant_grid img.img-thumbnail { margin: 5px; }
    .btn.social { min-width: 6rem; }
    .navbar-expand-sm .navbar-collapse { display: flex !important; }
    .navbar-nav { flex-direction: row;  }
}

/*.detail_footer { display: block; }*/