/* ==========================================================================
   Project:     Sunoco News Press
   Date:        04/05/2024 - File created	
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

.cms-newspress-toolbar form[role=search] {max-width: 300px}
.cms-newspress-toolbar form[role=search] input {height: 100%}
.cms-newspress-toolbar form[role=search] input::placeholder {color: #808285}
.cms-newspress-toolbar input[type="search"]::-webkit-search-decoration,
.cms-newspress-toolbar input[type="search"]::-webkit-search-cancel-button,
.cms-newspress-toolbar input[type="search"]::-webkit-search-results-button,
.cms-newspress-toolbar input[type="search"]::-webkit-search-results-decoration { display: none; }

.cms-newspress-toolbar .btn-light-grey {background: #f9f9f9; border-radius: 0px;  padding-left: 10px; padding-right: 10px; height: 100%; transition: none}
.cms-newspress-toolbar .btn-light-grey::after {color: #e32e3d;margin-left: 30px}
.cms-newspress-toolbar .btn-light-grey[aria-expanded=true] {background: #808285;color: #fff}
.cms-newspress-toolbar .btn-light-grey[aria-expanded=true]::after {color: #fff}

.cms-newspress-toolbar .dropdown-toggle[aria-expanded=true]::after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}
.cms-newspress-toolbar .dropdown-menu {margin-top: -1px; background: #808285; border-radius: 0px; color: #fff; border:none; padding: 20px; min-width: 200px;}
.cms-newspress-toolbar .dropdown-menu {overflow-y:auto; max-height:250px}
.cms-newspress-toolbar .dropdown-menu::-webkit-scrollbar {-webkit-appearance: none;width: 5px}
.cms-newspress-toolbar .dropdown-menu::-webkit-scrollbar-track {margin: 0px;background: #ccc; border-radius: 4px;}
.cms-newspress-toolbar .dropdown-menu::-webkit-scrollbar-thumb {background: rgba(0,0,0,.6);border-radius: 4px;}
.cms-newspress-toolbar .dropdown-menu::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.6);}

.cms-newspress-image {aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.cms-newspress-teaser { width: 100%; overflow:hidden; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 3}
.cms-newspress-item { transition: transform 250ms ease; transition: box-shadow 250ms ease; }
.cms-newspress-item:hover {box-shadow: 0 0 1rem rgba(0,0,0,.15)}