/* ----------------------------------------- */ /* View slug: product-category-display - start */ /* ----------------------------------------- */ .search-field{ background-color: transparent!important; padding: 25px!important; border: 2px solid #fff!important; font-size: 20px; color: #fff!important; background-color: transparent!important; } ::placeholder { color: #fff!important; } .et_pb_product_submit{ margin: auto; margin-top: 25px; margin-bottom: 25px; padding: 25px!important; display:block; width:98%; cursor:pointer;} .et_pb_product_submit:hover{ padding: 25px!important; } .reset-btn{ float: right; display: block; border: none; background: none; margin-right: 6px; padding: 0 0 3px; border-bottom: 1px solid hsla(0,0%,100%,.3); cursor: pointer; color: #fff; font-weight: 300!important; font-style: italic; transition: all .35s ease; } .reset-btn:hover { border-color: #fff; } .species-field{ display: block!important; font-size: 20px; line-height: 1.3!important; padding: 25px!important; width: 100%!important; border: 2px solid #fff!important; color: #fff; max-width: 100%!important; box-sizing: border-box!important; margin: 0!important; border-radius: 0!important; -moz-appearance: none!important; -webkit-appearance: none!important; appearance: none!important; background-color: transparent; background-image: url(https://3ztkfy2hjffc2xpgq2n9zuuz-wpengine.netdna-ssl.com/wp-content/uploads/2019/12/dropdown-arrow-white.svg)!important; background-repeat: no-repeat, repeat!important; background-position: right .7em top 50%, 0 0!important; background-size: .65em auto, 100%!important; } .species-field::-ms-expand { display: none!important; } .species-field:focus { border: 2px solid #fff!important; color: #fff; max-width: 100%!important; box-sizing: border-box!important; margin: 0!important; border-radius: 0!important; -moz-appearance: none!important; -webkit-appearance: none!important; appearance: none!important; background-color: transparent!important; } .species-field option { font-weight:normal!important; } /* On screens that are 600px or less, set the background color to olive */ @media screen and (max-width: 768px) { .species-field, .search-field{ font-size: 14px; } } /* On screens that are 600px or less, set the background color to olive */ @media screen and (max-width: 400px) { } .control-field{ display: inline-block; width: 50%; padding: 0 5px; } .species-field, .search-field{ width: 100%; } .flex-search-results{ display: flex; flex-wrap: wrap; } .product-results-box > div{ background-color: transparent!important; } /* ----------------------------------------- */ /* View slug: product-category-display - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-product-category-display - start */ /* ----------------------------------------- */ #flex-search-results .prn_search_result_wrapper.prod_show_init, #flex-search-results .prn_search_result_wrapper.prod_show_triggered { display: block; -webkit-animation: fade_in_up 1s ease-out; animation: fade_in_up 1s ease-out; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .prn_search_result_image{ text-align: center; } /* On screens that are 992px or less, set the background color to blue */ @media screen and (max-width: 992px) { #flex-search-results .prn_search_result_wrapper { width: calc(50% - 10px)!important; } } /* On screens that are 768px or less, set the background color to olive */ @media screen and (max-width: 768px) { #flex-search-results .prn_search_result_wrapper { width: calc(50% - 10px)!important; } } /* On screens that are 400px or less, set the background color to olive */ @media screen and (max-width: 400px) { #flex-search-results .prn_search_result_wrapper { width: calc(100% - 10px)!important; } } #flex-search-results .prn_search_result_wrapper { display: none; margin: 5px; width: calc(33% - 10px); } #flex-search-results .prn_search_result_wrapper .prn_search_result_link { display: block; height: 100%; min-height: 325px; border: 1px solid transparent; -webkit-background-clip: padding-box!important; -webkit-border-radius: 4px!important; -moz-background-clip: padding-box!important; -moz-border-radius: 4px!important; background-clip: padding-box!important; border-radius: 4px!important; transition: border-color .35s ease; } a, a:visited, a:focus { text-decoration: none; outline: 0; } a, a:hover { text-decoration: none!important; } a { color: #522f91; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result { height: inherit; border: 1px solid #522f91; -webkit-background-clip: padding-box!important; -webkit-border-radius: 2px!important; -moz-background-clip: padding-box!important; -moz-border-radius: 2px!important; background-clip: padding-box!important; border-radius: 2px!important; position: relative; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link:hover{ border: 1px solid #522f91; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result>div { margin-bottom: 0; } .wpb_wrapper > div { margin-bottom: 0px; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 35px; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h4.prn_search_result_title { font-size: 18px; padding: 35px 5px 0; font-weight: 600!important; margin-bottom: 0px; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h6.prn_search_result_search_desc{ } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h1, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h2, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h3, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h4, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h5, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h6 { color: #522f91; text-align: center; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h5.prn_search_result_scientific_name { font-size: 12px; font-weight: 300!important; font-style: normal; margin-bottom: 10px; padding: 0px 5px 0; line-height: 18px; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h6.prn_search_result_search_desc{ font-weight: 700!important; padding: 0px 5px 0; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h1, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h2, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h3, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h4, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h5, #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result h6 { color: #522f91; text-align: center; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result ul.prn_search_result_taxonomies { position: absolute; bottom: 0; width: 100%; margin: 20px 0 0; padding: 0; list-style: none; } .the_content_wrapper .wpb_wrapper ul, .the_content_wrapper .wpb_wrapper ul li { font-size: 18px; } .the_content_wrapper .wpb_wrapper ul { margin: 20px 0 20px 20px; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result ul.prn_search_result_taxonomies li { list-style: none; width: 100%; padding: 10px 5px; margin: 0; font-size: 12px; font-family: Helvetica Neue,Open Sans,lato,sans-serif; font-weight: 400!important; font-style: normal; text-align: center; box-sizing: border-box; background-color: #edeaf4; color: #522f91; } .the_content_wrapper .wpb_wrapper ul li { padding: 3px 0; } .the_content_wrapper .wpb_wrapper ul, .the_content_wrapper .wpb_wrapper ul li { font-size: 18px; } .the_content_wrapper ul li { margin-bottom: 0px !important; } #flex-search-results .prn_search_result_wrapper .prn_search_result_link .prn_search_result ul.prn_search_result_taxonomies li.prn_search_result_categories { font-family: Helvetica Neue,Open Sans,lato,sans-serif; font-weight: 700!important; font-style: normal; background-color: #522f91; color: #fff; } /* ----------------------------------------- */ /* Content Template: loop-item-in-product-category-display - end */ /* ----------------------------------------- */