/**** BACIC ****/

div.image_banner_text h1 {font-size: 3.0em !important; padding-top: 3.0em !important;margin-bottom: 0.8em !important;}

.navbar .offcanvas {background: #7DA6C1 !important; }
.navbar-barceloneta {background: #7DA6C1 !important; }

#main-container  .formControls .btn { padding: 11px 11px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; background: #AD1590; margin-left: 21px;}
#main-container  .btn-primary {background-color: #AD1590;font-weight: 400;font-size: 15px;padding: 15px 15px;}
.formControls {background: #7DA6C1 !important; }

#below-portlets-wrapper-div  { background: #AD1490; margin-top: 2rem; display: none; }

.mosaic-grid-row  {max-width: 1170px !important}
body .mosaic-grid-row.mosaic-grid-row-fluid { width: calc(100vw + 30px) !important; max-width: calc(100vw + 30px) !important; margin-left: -15px !important; margin-right: -15px !important} 
bod.mosaic-grid-row.mosaic-grid-row-fluid { width: calc(100vw + 30px)   !important; max-width: calc(100vw + 30px) !important; margin-left: -15px; margin-right: -15px}
body .mosaic-grid-row.mosaic-grid-row-fluid .mosaic-grid-row>*  { padding-left: 0; padding-right: 0}
@media (min-width: 1400px) {.mosaic-grid-row  {max-width: 1170px !important}

#content .mosaic-tile-content  h1.documentFirstHeading {font-weight: 300; margin-top: 10px; line-height: 160%; color: #3b566e; }
body { --bs-body-font-size: 1rem; color: #3b566e !important; }
.documentDescription { border-bottom: 1px solid #AD1590 !important; color:  #2b5d9f !important;	padding-bottom: 0.5em;	margin-bottom: 1em; font-weight: 400 !important; }
.h1, .h2, .h5, .h6, h1, h2, h5, h6  {color: #2b5d9f !important; }
.h5, h5 {color: #3b566e !important; }
.h3, h3 {color: #AD1590 !important; }
.h4, h4 {font-size: 1.3rem !important; line-height: 2.5rem !important; }

.navbar-nav {text-transform: uppercase;}

#content-header,
.doormat.row,
.doormat.row .col-xs-12,
.doormat h2 {color: white;text-align: left;font-size: 1.2rem; margin-bottom: 1em;}
.doormat.row {margin: auto; width: 100%; }