/**
 * @file
 * Subtheme specific CSS.
 */
#block-custom-barrio-views-block-support-our-home {
  padding: 0;
}
.navbar-brand img {
    max-width: 260px !important;
    margin: 0 auto !important;
}
.region-grid-two {
  margin: 0;
}
html,
#navbar-top,
#navbar-main,
#page,
#main-wrapper,
.site-footer {
   background: #EFEFEF !important;
   background-color: #EFEFEF !important;
}
.views-field-field-image {
    margin-top: 0;
}
.views-field-title {
    background-color: #e21c21;
}
.btn-outline-light {
  background-color: #EFEFEF !important; 
  color: #333;
  font-weight: 700;
   border-radius: 25px;
}
.site-footer {
  padding: 0;
}
.site-footer__bottom {
   margin-top: 0;
}
#header {
  padding: 40px 0 50px;
}
.btn-outline-light,
.btn-outline-light a,
.btn-outline-light a:hover {
  color: #333;
  font-weight: 700;
  text-decoration: none;
}
.views-field-title h2 {
  color: white;
  font-size: 42px;
}
h2, h3  {
  text-align: center;
}
.views-field-nothing {
  margin-bottom: 15px;
}
.views-field-nothing ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.left li {
  float: left;
  margin: 5px;
}
.views-field-nothing ul li a {
  color: #333;
  font-weight: 700;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.block-views-blocksupport-my-favorites-support-my-favorites .views-view-responsive-grid__item,
.block-views-blocksupport-my-favorites-support-my-favorites .views-view-responsive-grid__item-inner {
    display: grid;
    align-items: flex-end;
    justify-items: center;
    margin-bottom: 10px;
}
.view-id-support_my_favorites tr,
.view-id-support_my_favorites td {
   text-align: center;
    background: transparent;
    --bs-table-accent-bg: transparent;
   box-shadow: none;
}
#navbar-top {
  padding-bottom: 0;
}
.navbar-brand {
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.views-field-field-logo {
  padding: 0 15px;
}
.view-id-left_side,
.view-id-support_our_home,
.block-views-blocksupport-my-favorites-support-my-favorites {
  text-align: center;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin-bottom: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#header .container {
   display: block;
   text-align: center;
}
.views-field-field-slogan {
    padding: 20px 10px 0;
}
.views-field-field-slogan h2 {
   margin: 0;
}
.views-field-field-slogan-two h2 {
   padding: 0 10px 20px;
}
.views-field-field-dashboard-link {
    padding: 20px 10px;
}
.view-id-support_my_favorites .btn-outline-light {
  margin-top: 20px;
}
.view-id-support_my_favorites  .views-field-field-logo .field-content {
     min-height: 150px;
    justify-items: center;
    display: table-footer-group;
}
.views-field-field-deal-link {
   margin-bottom: 20px;
}
.block-views-blocksupport-our-home-support-our-home h2,
.block-views-blocksupport-my-favorites-support-my-favorites h2 {
   padding: 10px 0 10px;
    border-bottom: 2px solid #ccc;
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 980px;
}
}
@media (max-width: 979px) {
.btn-outline-light,
.btn-outline-light a,
.btn-outline-light a:hover {
  font-size: 24px;
}
.fav-pad {
   margin-bottom: 40px;
}
.fav-pad:last-child {
  margin-bottom: 0px;
}
.views-field-nothing ul li {
  float: none;
  margin: 15px;
}
.views-field-field-slogan h2,
.views-field-field-slogan-two h2 {
   font-size: 32px; 
   font-weight: 900;
}
}
.my-buttons {
    display: block;
    min-width: 100%;
    background-color: #333;
    position: fixed;
    bottom: 0;
    padding: 10px;
    left: 0;
    right: 0;
}
/* Mobile Devices */
@media (max-width: 480px) {
.my-buttons {
    display: block;
    min-width: 100%;
    background-color: #333;
    position: fixed;
    bottom: 0;
    padding: 10px;
}
}
        
/* Low resolution Tablets and iPads */
@media (min-width: 481px) and (max-width: 767px) {
.my-buttons {
    display: block;
    min-width: 100%;
    background-color: #333;
    position: fixed;
    bottom: 0;
    padding: 10px;
}
}
        
/* Tablets iPads (Portrait) */
@media (min-width: 768px) and (max-width: 1024px){
.my-buttons {
display: block;
    min-width: 100%;
    background-color: #333;
    position: fixed;
    bottom: 0;
    padding: 10px;
    left: 0;
    right: 0;
}
}