/*-------------------------------------------*\
    INDEX
    - GENERAL
    - HEADER
    - CITIES AND DISTRICTS MAPS
    - BODY LIST AND DETAIL
    - RESPONSIVE
\*-------------------------------------------*/
/*****************
 * BEGIN: GENERAL
 *****************/
div#wrapper {
  /* This element contains everything, Changed to fullfill 100% width of screen  */
  overflow: auto; }

.ag-hr {
  width: 100% !important;
  height: unset !important;
  margin-top: unset !important;
  margin-bottom: unset !important;
  border-top: 0 !important;
  border-bottom: 1px solid #757575 !important; }

.ag-social-share-options,
.ag-social-share-options-fullwidth {
  border: 1px solid #e7e7ed;
  font-size: 0.875rem;
  position: absolute;
  width: 240px;
  right: 0px;
  background-color: #FFF;
  border-radius: 0.25rem;
  box-shadow: 0 1px 10px -3px rgba(0, 0, 0, 0.3);
  z-index: 99; }

.ag-social-share-options-fullwidth {
  top: 35px; }

.ag-social-share-options ul {
  padding-left: 0;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0; }

.ag-social-share-options ul li a {
  font-family: "Raleway Medium";
  text-align: center;
  overflow: hidden;
  position: relative;
  white-space: normal;
  display: block;
  width: 100%;
  padding: 0.5rem 1.25rem;
  clear: both;
  font-weight: 400;
  color: #6B6C7E;
  background-color: transparent;
  border: 0; }

/***************
 * END: GENERAL
 ***************/
/****************
 * BEGIN: HEADER
 ****************/
.ag-header-intro {
  font-family: "Raleway Bold";
  font-size: 18px;
  color: #26749F; }

/* begin: datepicker */
#ag-datepicker-container {
  width: 100%; }

#ag-datepicker-container .ui-datepicker {
  width: 100% !important;
  background-color: #FFF !important;
  z-index: 12 !important;
  padding-top: 0;
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

#ag-datepicker-container .ui-datepicker-multi-3 .ui-datepicker-group {
  width: 31% !important; }

#ag-datepicker-container .ui-datepicker-group-middle {
  margin-left: 20px;
  margin-right: 20px; }

#ag-datepicker-container .ui-state-disabled,
#ag-datepicker-container .ui-state-default {
  font-family: "Raleway Medium";
  font-size: 12px;
  text-align: center !important;
  color: #414141;
  border: none !important;
  background: none !important; }

#ag-datepicker-container .ui-state-hover,
#ag-datepicker-container .ui-button:hover,
#ag-datepicker-container .ui-button:focus {
  border: none;
  background: none; }

#ag-datepicker-container .ui-state-active,
#ag-datepicker-container .ui-state-focus {
  color: #414141;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  font-weight: normal !important; }

#ag-datepicker-container .ui-state-default.ui-state-highlight {
  background: none !important;
  border: 3px solid #009fe3 !important; }

#ag-datepicker-container a.ui-datepicker-prev,
#ag-datepicker-container a.ui-datepicker-next {
  top: 3px !important;
  line-height: 0 !important;
  width: 1.5em !important;
  cursor: pointer; }

#ag-datepicker-container a.ui-datepicker-prev {
  text-align: left !important;
  left: 0 !important; }

#ag-datepicker-container a.ui-datepicker-next {
  text-align: right;
  right: 29px;
  line-height: 0 !important;
  width: 1.5em !important; }

#ag-datepicker-container a.ui-datepicker-prev img,
#ag-datepicker-container a.ui-datepicker-next img {
  width: 27%; }

#ag-datepicker-container a.ui-datepicker-prev.ui-state-disabled img {
  width: 36%; }

#ag-datepicker-container .ui-datepicker-title {
  margin: 0 !important;
  font-family: "Raleway Medium";
  font-size: 16px;
  color: #00205A;
  line-height: 1.2 !important;
  width: 89% !important; }

#ag-datepicker-container .ui-datepicker-multi .ui-datepicker-group table {
  width: 100% !important;
  margin: 0 !important; }

#ag-datepicker-container .ui-datepicker-calendar th {
  font-family: "Raleway Medium";
  font-size: 12px;
  color: #6e6e6e; }

#ag-datepicker-container .ui-datepicker td {
  display: table-cell !important;
  width: 25px !important;
  height: 29px;
  padding: 0; }

#ag-datepicker-container .ui-datepicker-month,
#ag-datepicker-container .ui-datepicker-year {
  cursor: pointer; }

#ag-datepicker-container .ui-datepicker-month {
  text-transform: capitalize; }

#ag-datepicker-container .ui-datepicker-header {
  width: 100% !important;
  background: none;
  border: none;
  padding-top: 0 !important;
  margin-left: 13px; }

#ag-datepicker-container .ag-datepicker-day-highlighted {
  background-color: #26749F;
  color: #FFF; }

#ag-datepicker-container .ag-datepicker-day-highlighted-link,
#ag-datepicker-container .ag-datepicker-day-highlighted-link:active,
#ag-datepicker-container .ag-datepicker-day-highlighted-link:hover,
#ag-datepicker-container .ag-datepicker-day-highlighted-link:visited {
  color: #FFF !important; }

/* end: datepicker */
/*********************
 * END: HEADER
 *********************/
/***********************************
 * BEGIN: CITIES AND DISTRICTS MAPS
 ***********************************/
.ctm-search-field {
  width: 100%;
  height: 52px;
  background-color: #284F6A;
  border: none;
  border-bottom: 1px solid #FFF;
  font-family: "Raleway";
  font-size: 16px;
  color: #FFF;
  padding: 0 20px 0 20px;
  outline: none; }

.ctm-search-field::-webkit-input-placeholder {
  color: #FFF; }

.ctm-search-field::-moz-placeholder {
  color: #FFF;
  opacity: 1; }

.ctm-search-field:-ms-input-placeholder {
  color: #FFF; }

.ctm-search-field:-moz-placeholder {
  color: #FFF; }

#ctm-cities-container,
#ctm-districts-container {
  overflow: hidden; }

.ctm-bgcolor1 {
  background-color: #5BC2E7; }

.ctm-bgcolor2 {
  background-color: #0076A8; }

.ctm-bgcolor3 {
  background-color: #274E6B; }

.ctm-city-text-xs,
.ctm-city-text-xs:hover,
.ctm-city-text-xs:active,
.ctm-city-text-xs:visited,
.ctm-city-text-sm,
.ctm-city-text-sm:hover,
.ctm-city-text-sm:active,
.ctm-city-text-sm:visited,
.ctm-city-text-md,
.ctm-city-text-md:hover,
.ctm-city-text-md:active,
.ctm-city-text-md:visited,
.ctm-city-text-lg,
.ctm-city-text-lg:hover,
.ctm-city-text-lg:active,
.ctm-city-text-lg:visited,
.ctm-city-text-xl,
.ctm-city-text-xl:hover,
.ctm-city-text-xl:active,
.ctm-city-text-xl:visited,
.ctm-district-text-sm,
.ctm-district-text-sm:hover,
.ctm-district-text-sm:active,
.ctm-district-text-sm:visited,
.ctm-district-text-md,
.ctm-district-text-md:hover,
.ctm-district-text-md:active,
.ctm-district-text-md:visited,
.ctm-district-text-lg,
.ctm-district-text-lg:hover,
.ctm-district-text-lg:active,
.ctm-district-text-lg:visited,
.ctm-district-text-xl,
.ctm-district-text-xl:hover,
.ctm-district-text-xl:active,
.ctm-district-text-xl:visited {
  font-family: "Raleway bold";
  color: #FFF;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  outline: none !important; }

.ctm-city-text-xs:focus,
.ctm-city-text-xs1:focus,
.ctm-city-text-sm:focus,
.ctm-city-text-sm1:focus,
.ctm-city-text-md:focus,
.ctm-city-text-md1:focus,
.ctm-city-text-lg:focus,
.ctm-city-text-lg1:focus,
.ctm-city-text-xl:focus,
.ctm-city-text-xl1:focus,
.ctm-district-text-xs:focus,
.ctm-district-text-xs1:focus,
.ctm-district-text-sm:focus,
.ctm-district-text-sm1:focus,
.ctm-district-text-md:focus,
.ctm-district-text-md1:focus,
.ctm-district-text-lg:focus,
.ctm-district-text-lg1:focus,
.ctm-district-text-xl:focus,
.ctm-district-text-xl1:focus {
  border: 1px solid #FFF;
  border-radius: 50px; }

.ctm-text-focused {
  background-color: #C7C7C7; }
  .ctm-text-focused a, .ctm-text-focused a:hover, .ctm-text-focused a:active, .ctm-text-focused a:visited {
    color: #002F6C; }

.ctm-city-text-xs1,
.ctm-city-text-xs1:hover,
.ctm-city-text-xs1:active,
.ctm-city-text-xs1:visited {
  font-family: "Raleway bold";
  color: #002F6C;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 9px;
  outline: none !important; }

.ctm-city-text-sm1,
.ctm-city-text-sm1:hover,
.ctm-city-text-sm1:active,
.ctm-city-text-sm1:visited {
  font-family: "Raleway bold";
  color: #002F6C;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  outline: none !important; }

.ctm-district-text-sm1,
.ctm-district-text-sm1:hover,
.ctm-district-text-sm1:active,
.ctm-district-text-sm1:visited {
  font-family: "Raleway bold";
  color: #002F6C;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  outline: none !important; }

.ctm-city-text-md1,
.ctm-city-text-md1:hover,
.ctm-city-text-md1:active,
.ctm-city-text-md1:visited {
  font-family: "Raleway bold";
  color: #002F6C;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  outline: none !important; }

.ctm-district-text-md1,
.ctm-district-text-md1:hover,
.ctm-district-text-md1:active,
.ctm-district-text-md1:visited {
  font-family: "Raleway bold";
  color: #002F6C;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  outline: none !important; }

.ctm-city-text-lg1,
.ctm-city-text-lg1:hover,
.ctm-city-text-lg1:active,
.ctm-city-text-lg1:visited {
  font-family: "Raleway bold";
  display: block;
  color: #002F6C;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  outline: none !important; }

.ctm-district-text-lg1,
.ctm-district-text-lg1:hover,
.ctm-district-text-lg1:active,
.ctm-district-text-lg1:visited {
  font-family: "Raleway bold";
  color: #002F6C;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  outline: none !important; }

.ctm-city-text-xl1,
.ctm-city-text-xl1:hover,
.ctm-city-text-xl1:active,
.ctm-city-text-xl1:visited {
  font-family: "Raleway bold";
  color: #002F6C;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  outline: none !important; }

.ctm-district-text-xl1
.ctm-district-text-xl1:hover,
.ctm-district-text-xl1:active,
.ctm-district-text-xl1:visited {
  font-family: "Raleway bold";
  color: #002F6C;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  outline: none !important; }

.ctm-border-top-radius-on {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }

.ctm-border-bottom-radius-on {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; }

.ctm-border-bottom-radius-off {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ctm-city-text-xs {
  font-size: 9px; }

.ctm-city-text-sm {
  font-size: 11px; }

.ctm-city-text-lg {
  font-size: 15px; }

.ctm-city-text-xl {
  font-size: 19px; }

.ctm-district-text-sm {
  font-size: 11px; }

.ctm-district-text-md {
  font-size: 19px; }

.ctm-district-text-lg {
  font-size: 24px; }

.ctm-district-text-xl {
  font-size: 30px; }

.ctm-city-square-xs {
  width: 50px;
  height: 50px; }

.ctm-city-square-sm {
  width: 80px;
  height: 80px; }

.ctm-city-square-lg {
  width: 120px;
  height: 120px; }

.ctm-city-square-xl {
  width: 160px;
  height: 160px; }

.ctm-district-square-sm {
  width: 64px;
  height: 64px; }

.ctm-district-square-md {
  width: 128px;
  height: 128px; }

.ctm-district-square-lg {
  width: 190px;
  height: 190px; }

.ctm-district-square-xl {
  width: 254px;
  height: 254px; }

.ctm-city-square-xs,
.ctm-city-square-sm,
.ctm-city-square-md,
.ctm-city-square-lg,
.ctm-city-square-xl,
.ctm-district-square-sm,
.ctm-district-square-md,
.ctm-district-square-lg,
.ctm-district-square-xl {
  border: 1px solid transparent;
  text-align: center; }

#ctm-container-badalona-montgat {
  margin-top: 80px; }

#ctm-container-badalona {
  margin-top: 75px; }

#ctm-container-col-left {
  margin-top: 41px; }

#ctm-container-torrellesdellobregat {
  margin-top: 165px; }

#ctm-container-santjusdesvern-santboidellobregat-viladecans {
  margin-top: 57px; }

#ctm-container-santfeliudellobregat-santacolomadecervello-santclimentdellobregat {
  margin-top: 96px; }

#ctm-container-palleja {
  margin-right: 80px; }

.ctm-search-icon {
  margin-top: -77px;
  margin-left: 90%; }

#ctm-districts-container-left {
  float: left;
  width: 40%;
  margin-top: 0px; }

#ctm-districts-container-right {
  float: right;
  width: 60%; }

ul.ui-autocomplete {
  width: 300px;
  overflow-x: hidden;
  background-color: #284F6A;
  padding: 15px;
  border: none !important;
  outline: none !important;
  z-index: 99; }

ul.ui-autocomplete li.ui-menu-item {
  font-family: "Raleway Medium";
  font-size: 16px;
  color: #FFF;
  outline: none;
  background-color: transparent;
  outline: none; }

.ui-widget.ui-widget-content {
  border: none !important;
  border: 1px solid #c5c5c5;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; }

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  font-family: "Raleway Bold";
  border: none;
  background: #284f6a;
  background-color: #284f6a; }

/*********************************
 * END: CITIES AND DISTRICTS MAPS
 *********************************/
/******************************
 * BEGIN: BODY LIST AND DETAIL
 ******************************/
.ag-content-container-title span {
  font-family: "Raleway Bold";
  font-size: 22px;
  color: #194F6D; }

.ag-events-paginated-container .ag-content-container-event {
  margin-bottom: 5rem; }

.ag-content-container-event-image,
.ag-content-container-detail-event-image {
  width: 100%;
  position: relative;
  background-repeat: no-repeat; }

.ag-content-container-event-image {
  padding-bottom: 56.25%; }

.ag-content-container-detail-event-image {
  padding-bottom: 56.25%; }

#ag-detail-slider-container div.slick-slider {
  margin-bottom: 0 !important; }

#ag-detail-slider-controls-container {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 150px;
  height: 50px;
  background-color: #FFF; }

.ag-detail-slider-controls-link,
.ag-detail-slider-controls-link:hover,
.ag-detail-slider-controls-link:active,
.ag-detail-slider-controls-link:visited {
  line-height: 50px;
  text-decoration: none !important; }

.ag-detail-slider-control-previous,
.ag-detail-slider-control-next {
  cursor: pointer; }

.ag-content-container-event-image-overflow {
  width: 265px !important;
  height: 85px !important;
  float: left;
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 10;
  background-color: #FFF;
  padding: 5px;
  color: #000;
  font-weight: bold; }

.ag-content-container-event-image-overflow .ag-city,
.ag-content-container-event-image-overflow .ag-address,
.ag-content-container-event-image-overflow .ag-date {
  font-size: 18px !important;
  color: #000 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ag-content-container-event-image-overflow .ag-city,
.ag-content-container-event-image-overflow .ag-date {
  max-width: 230px !important;
  width: unset !important;
  padding-right: 3px; }

.ag-content-container-event-image-overflow .ag-city {
  font-family: "Raleway Light";
  font-weight: normal; }

.ag-content-container-event-image-overflow .ag-address,
.ag-content-container-event-image-overflow .ag-date {
  font-family: "Raleway Medium" !important;
  font-style: italic !important;
  font-weight: normal !important; }

.ag-content-container-event-image-overflow .ag-address {
  padding-right: 5px !important;
  max-width: 230px !important;
  width: unset !important; }

.ag-city-container,
.ag-date-container,
.ag-address-container {
  height: 30%; }

.ag-address-container {
  text-align: left; }

.ag-icon-pin {
  width: 12px;
  margin-top: -19px; }

.ag-list-icon-share {
  width: 15px; }

.ag-list-icon-share {
  margin-top: -8px; }

.ag-list-event-title-container {
  margin-top: 15px;
  overflow-x: unset !important; }

.ag-list-event-title {
  font-family: "Raleway Bold";
  font-size: 18px;
  color: #194F6D; }

.ag-list-event-moreinfo-container {
  margin-top: 3%; }

a.ag-list-event-moreinfo {
  font-family: "Raleway bold";
  font-size: 14px;
  color: #0076A8 !important; }

a.ag-list-event-link,
a.ag-list-event-link:hover,
a.ag-list-event-link:active,
a.ag-list-event-link:visited {
  font-family: "Raleway Bold";
  color: #00205a !important;
  text-decoration: none; }

a.ag-list-event-link span {
  line-height: 1.2; }

.ag-truncate-multiline-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.ag-truncate-multiline-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.ag-list-event-share-container {
  text-align: right; }

.ag-list-loading-container,
.ag-list-no-more-articles-container,
.ag-list-notices-container {
  border: none;
  width: 100%;
  text-align: center;
  height: auto;
  background-color: transparent; }

.ag-list-loading-text,
.ag-list-no-more-articles-text,
.ag-list-notices-text {
  margin-top: .6rem;
  font-family: "Raleway";
  font-size: 16px;
  font-weight: bold;
  color: #26749f; }

.ag-list-error-container {
  background-color: red;
  padding: 1rem;
  border-radius: 15px;
  text-align: center; }

.ag-list-error-container a,
.ag-list-error-container a:hover,
.ag-list-error-container a:active,
.ag-list-error-container a:visited {
  color: #FFF;
  text-decoration: underline; }

.ag-list-error-text {
  font-family: "Raleway";
  font-weight: bold;
  color: #FFF; }

.ag-detail-event-title-container,
.ag-detail-event-address-container {
  width: 100%; }

.ag-detail-event-title-container {
  margin-top: 20px;
  max-height: 73px;
  overflow: hidden; }

.ag-detail-event-address-container-abspos {
  position: absolute;
  bottom: 0; }

.ag-detail-event-title {
  font-family: "Raleway Extrabold";
  font-size: 29px;
  color: #284F6A;
  line-height: 1.2; }

.ag-detail-event-address {
  font-family: "Raleway Light";
  font-size: 18px;
  color: #000; }

.ag-detail-event-day,
.ag-detail-event-month {
  text-transform: uppercase;
  display: block;
  width: 100%;
  font-family: "Raleway Extrabold";
  color: #284F6A;
  text-align: right; }

.ag-detail-event-day {
  font-size: 91px;
  line-height: 1; }

.ag-detail-event-month {
  font-size: 20px;
  padding-right: 5px; }

.ag-detail-icon-pin {
  margin-top: -.7rem; }

.ag-detail-event-text-container {
  width: 100%; }

.ag-detail-container a,
.ag-detail-container a:hover,
.ag-detail-container a:active,
.ag-detail-container a:visited {
  font-family: "Raleway";
  font-size: 21px;
  color: #26749f;
  text-decoration: underline !important; }

.ag-detail-event-text-title {
  font-family: "Raleway Bold";
  color: #000;
  text-transform: uppercase;
  font-size: 18px; }

.ag-detail-event-text {
  font-family: "Raleway";
  font-size: 21px;
  color: #000;
  text-decoration: none; }

a.ag-detail-event-text,
a.ag-detail-event-text:hover,
a.ag-detail-event-text:active,
a.ag-detail-event-text:visited {
  font-family: "Raleway";
  font-size: 21px;
  color: #26749f !important;
  text-decoration: underline !important; }

.ag-detail-content img {
  max-width: 100%; }

/* Begin: show more */
.ag-text-expandable-wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative; }

.ag-text-expandable-container {
  height: 94px;
  padding: 0;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  position: relative; }

.ag-text-expandable-container:after, .ag-text-expandable-shadow {
  bottom: 0;
  width: 100%;
  height: 3em;
  position: absolute; }

.ag-text-expandable-shadow {
  background: -webkit-linear-gradient(rgba(192, 192, 192, 0), #fff);
  background: -moz-linear-gradient(rgba(192, 192, 192, 0), #fff);
  background: -ms-linear-gradient(rgba(192, 192, 192, 0), #fff);
  background: -o-linear-gradient(rgba(192, 192, 192, 0), #fff);
  background: linear-gradient(rgba(192, 192, 192, 0), #fff);
  content: '';
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00cccccc, endColorstr=#ffcccccc); }

.ag-text-expandable-link,
.ag-text-expandable-link:hover,
.ag-text-expandable-link:active,
.ag-text-expandable-link:visited {
  position: absolute !important;
  font-family: "Raleway" !important;
  font-size: 18px !important;
  font-weight: bold !important;
  color: #284F6A !important;
  text-decoration: underline !important;
  line-height: 1;
  width: 100% !important;
  text-align: center !important;
  bottom: -20px;
  z-index: 99; }

.ag-text-expandable-wrapper #ag-detail-event-title-collapse {
  margin-top: -1.5em;
  opacity: 0;
  z-index: -1; }

/* End: show more */
/****************************
 * END: BODY LIST AND DETAIL
 ****************************/
/*********************
 * BEGIN: RESPONSIVE
 *********************/
@media (min-width: 400px) and (max-width: 539px) {
  #ag-datepicker-container {
    width: 70%; } }

@media (min-width: 540px) and (max-width: 991px) {
  #ag-datepicker-container .ui-datepicker-group-first {
    width: 47%;
    margin-right: 15px; }
  #ag-datepicker-container .ui-datepicker-group-last {
    width: 47%;
    margin-left: 15px; } }

/* Bootstrap: medium -> Mobile devices from 768px up to 991px in portrait */
@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .ag-content-container-event-image-overflow .ag-city,
  .ag-content-container-event-image-overflow .ag-address,
  .ag-content-container-event-image-overflow .ag-date {
    font-size: 1rem;
    /* Truncate */
    width: 270px; }
  .ag-content-container-event-image-overflow {
    height: 6rem; } }

/* Bootstrap: Extra large (col-xl-) -> Mobile devices from 1200px in landscape */
@media (min-width: 1200px) and (orientation: landscape) {
  .ag-content-container-title span {
    margin: 0; } }

/* BEGIN: cities and districts maps */
@media (min-width: 992px) and (max-width: 1279px) {
  #ctm-container-badalona-montgat {
    margin-top: 0;
    margin-top: -30px;
    margin-left: 160px; }
  #ctm-container-badalona {
    margin-top: 0; }
  #ctm-container-torrellesdellobregat {
    margin-top: -50px; }
  #ctm-container-santjusdesvern-santboidellobregat-viladecans {
    margin-top: 0px; }
  #ctm-container-santfeliudellobregat-santacolomadecervello-santclimentdellobregat {
    margin-top: 15px; }
  #ctm-container-palleja {
    margin-right: -50px; }
  #ctm-container-sarriasantgervasi {
    margin-top: 35px; }
  #ctm-container-col-left {
    margin-top: -135px; }
  #ctm-districts-container-left {
    float: left;
    width: 37%; }
  #ctm-districts-container-right {
    float: right;
    width: 63%; }
  #ctm-districts-container-right {
    margin-top: 59px; }
  .ctm-district-square-sm {
    width: 34px;
    height: 34px; }
  .ctm-district-square-md {
    width: 98px;
    height: 98px; }
  .ctm-district-square-lg {
    width: 160px;
    height: 160px; }
  .ctm-district-square-xl {
    width: 224px;
    height: 224px; }
  .ctm-district-text-sm {
    font-size: 10px; }
  .ctm-district-text-md {
    font-size: 17px; }
  .ctm-district-text-lg {
    font-size: 22px; }
  .ctm-district-text-xl {
    font-size: 26px; } }

/* END: cities and districts maps */
@media (min-width: 1300px) {
  #ag-datepicker-container .ui-datepicker-group-middle {
    margin-left: 30px;
    margin-right: 30px; }
  .ag-detail-event-day {
    font-size: 104px; } }

/*
 * END: RESPONSIVE
 */