/**
 * Gavias Mion - Custom CSS
 * Fair Rental Values customizations
 */

/* ====================
   Logo Sizing
   ==================== */

.branding .site-branding-logo img {
  max-height: 50px;
  height: auto;
  width: auto;
  max-width: 100%;
}

/* ====================
   Homepage Main Value Proposition
   ==================== */

#block-gavias-mion-mainvalueproposition h2,
#block-gavias-mion-howwework h2,
#block-gavias-mion-howwedoit h2 {
  font-size: 44px;
  font-weight: 900;
}

#block-gavias-mion-howwework p,
#block-gavias-mion-howwedoit p {
  font-size: 20px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* Responsive iframe video */
#block-gavias-mion-howwework iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

@media (max-width: 991px) {
  #block-gavias-mion-howwework iframe {
    width: 100%;
  }
}

/* ====================
   GSC Heading Block Padding
   ==================== */

.widget.gsc-heading.align-center.style-1 {
  padding-top: 132px;
  padding-bottom: 128px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* Responsive padding for tablets */
@media (max-width: 991px) {
  .widget.gsc-heading.align-center.style-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  
  #block-gavias-mion-mainvalueproposition h2,
  #block-gavias-mion-howwework h2 {
    font-size: 36px;
  }
}

/* Responsive padding for mobile */
@media (max-width: 768px) {
  .widget.gsc-heading.align-center.style-1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  #block-gavias-mion-mainvalueproposition h2,
  #block-gavias-mion-howwework h2 {
    font-size: 30px;
    font-weight: 900;
  }
}

/* ====================
   Block Styling
   ==================== */

.block {
  margin-bottom: 0;
}

/* ====================
   Topbar Styling
   ==================== */

.topbar {
  background: #333333;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 0;
}

.topbar ul {
  margin-bottom: 0;
}

.topbar a {
  color: #ffffff !important;
}

.topbar a:hover,
.topbar a:focus {
  color: #2196F3 !important;
}

/* ====================
   Footer Background
   ==================== */

.footer .footer-center {
  background: linear-gradient(to top, rgb(0, 112, 158), rgb(0, 132, 201)) !important;
}

/* ====================
   Footer Menu Styling
   ==================== */

.footer .footer-center .block-title span,
.footer .footer-center h2#block-gavias-mion-footer-menu span {
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
}

.footer .footer-center .gva_menu {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  float: left;
}

.footer .footer-center .gva_menu .menu-item {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  display: block;
  width: 100%;
  text-align: left;
  float: left;
  clear: both;
}

.footer .footer-center .gva_menu .menu-item a {
  color: #ffffff !important;
  text-decoration: none;
  transition: color 0.3s ease;
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* Footer menu dash bullets - using list-style */
.footer .gva_menu,
#block-gavias-mion-footer .gva_menu,
.footer-second .gva_menu {
  list-style-type: none !important;
}

.footer .gva_menu .menu-item:before,
#block-gavias-mion-footer .gva_menu .menu-item:before,
.footer-second .gva_menu .menu-item:before {
  content: '- ' !important;
  color: #ffffff !important;
  margin-right: 5px !important;
  display: inline !important;
  float: left !important;
}

.footer .gva_menu .menu-item a,
#block-gavias-mion-footer .gva_menu .menu-item a,
.footer-second .gva_menu .menu-item a,
.footer .navigation .gva_menu > li > a,
#block-gavias-mion-footer .navigation .gva_menu > li > a,
.footer-second .navigation .gva_menu > li > a {
  display: inline !important;
  float: left !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  padding: 0 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

/* Remove active state styling and horizontal lines */
.footer .gva_menu .menu-item a.is-active,
.footer .gva_menu .menu-item a[aria-current="page"],
#block-gavias-mion-footer .gva_menu .menu-item a.is-active,
#block-gavias-mion-footer .gva_menu .menu-item a[aria-current="page"],
.footer-second .gva_menu .menu-item a.is-active,
.footer-second .gva_menu .menu-item a[aria-current="page"] {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  text-decoration: none !important;
}

/* Remove horizontal lines above links */
.footer .gva_menu .menu-item a:before,
#block-gavias-mion-footer .gva_menu .menu-item a:before,
.footer-second .gva_menu .menu-item a:before {
  border-top: none !important;
  border-bottom: none !important;
  display: none !important;
  content: none !important;
}

.footer .footer-center .gva_menu .menu-item a:hover,
.footer .footer-center .gva_menu .menu-item a:focus {
  color: #ffffff !important;
  text-decoration: underline;
}

.footer .footer-center .gva_menu .menu-item a.is-active,
.footer .footer-center .gva_menu .menu-item a[aria-current="page"] {
  color: #ffffff !important;
  font-weight: 400;
}

/* Breadcrumb Banner Styling - Gradient Image Approach */
.breadcrumb-blue-gradient .breadcrumb-style,
#block-gavias-mion-breadcrumbs.breadcrumb-blue-gradient .breadcrumb-style {
  background-image: url('../images/breadcrumb-gradient.svg') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

/* Green menu items for Create Report and My Reports */
.menu-green a {
  color: #43B02A !important;
  font-weight: 600;
}

.menu-green a:hover {
  color: #35901E !important;
  background-color: transparent;
}

.menu-green a:focus {
  color: #43B02A !important;
}

.menu-green a:active {
  color: #35901E !important;
}