/**
 * @file
 * Subtheme specific CSS.
 */

.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
}
#block-crosswinds-page-title {
	
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #3289c7;
	font-weight: 600;
	line-height: 110%;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 110%;
}
h4 {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 110%;
}
h5 {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 110%;
}
p {
	font-family: Helvetica, Arial, sans-serif;
}
#main ul, #main ol {
	font-family: Helvetica, Arial, sans-serif;
}
img {
	max-width: 100%;
	height: auto;
}
html {
  	scroll-behavior: smooth;
}
.sidebar .block {
	background-color: transparent;
}
sup {
	font-size: 60% !important;
}

#skip-nav {
  display: inline;
  float: right;
  top: 1em;
  margin: 0;
  /*font-size: 80%;*/
  line-height: 1;
}
#skip-nav a {
  font-weight: bold;
  padding: 1px;
}
#skip-nav a:link, #skip-nav a:visited {
  position: relative;
  top: -300px;
}
#skip-nav a:hover, #skip-nav a:active, #skip-nav a:focus {
  position: relative;
  top: 0;
  color: #fff;
  text-decoration: none;
  /*overflow: hidden;*/
}

/* - - - - - BARRIO OVERRIDE - - - - - */
 #page,
 .mm-page,
 .mm-wrapper_background body,
 #main-wrapper {
 	background: transparent !important;
 	background-color: transparent !important;
 }
 .site-footer__bottom {
 	margin: 0;
 	border: none;
 }
 .site-footer__bottom .region {
 	margin: 0;
 }
 .nav-item a {
 	color: #2688c4;
 }
 
#header div:first-child {
	height: auto !important;
}


/* - - - - - - - - - - - - - - - - - - - - ALL - - - - - - - - - - - - - - - - - - - - */

@media all and (min-width: 0px) {
	h1 {

	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {

	}
	h6 {

	}
	.mobile-visible {
		display: block;
	}
	.desktop-visible {
		display: none;
	}


	/* - - - FLEXSLIDER START - - - */
		.flexslider {
			background: transparent;
			border: none;
			border-radius: 0;
			margin: 0;
			text-align: center;
		}
		.flex-direction-nav a {
			width: 50px;
			height: 50px;
			top: 45%;
		}
		.flex-direction-nav a:before {
			color: rgba(255,255,255,0.8);
		}
		.flex-control-nav {
			display: none;
		}
	/* - - - FLEXSLIDER END - - - */

	/* - - - FLIPPED PROMOS START - - - */
		.flipped-promos {
			margin: 4% 5% 3% 5%;
		}
		body.page-node-23 .flipped-promos {
			margin: 4% 5% 0 5%;
		}
		body.page-node-23 .flipped-promos h2 {
			display: none;
		}
		.flipped-promos h2 {
			font-size: 24px;
			font-weight: 600;
			margin: 0 auto 2% auto;
			padding-bottom: 10px;
			text-align: center;
			text-transform: uppercase;
		}
		.flipped-promos h3 {
			color: #000;
			font-size: 20px;
			font-weight: 600;
			margin: 0 0 5px 0;
			text-align: center;
		}
		.flipped-promos h4 {
			color: #000;
			font-size: 14px;
			font-weight: 400;
			margin: 0 0 10px 0;
			text-align: center;
		}
		.flipped-promos p {
			font-size: 14px;
			text-align: center;
		}

		.flipped-promos p a {
			display: inline-block;
			background-color: #000;
			border-radius: 100px;
			font-weight: 600;
			color: #fff;
			padding: 10px 30px;
			text-decoration: none;
			text-transform: uppercase;
			transition: all .25s ease-out;
			-moz-transition: all 0.25s ease-out;
		    -webkit-transition: all 0.25s ease-out;
		    -ms-transition: all 0.25s ease-out;
		}
		.flipped-promos p a:hover {
			text-decoration: none;
		}
		.flipped-promos .views-row {
			display: inline-block;
			float: left;
			width: 100%;
			margin: 0 5 2% 5%%;
			padding: 0;
			position: relative;
		}
		.flipped-promos .views-row img {
			display: inline-block;
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
		}
		.flipped-promos .views-row .views-field-field-image {
			margin-top: 3%;
			border-radius: 15px;
			overflow: hidden;
		}
		.flipped-promos .views-row .views-field-nothing {
			margin-top: 3%;
		}
	/* - - - FLIPPED PROMOS END - - - */

	/* - - - RESPONSIVE MENU START - - - */
		#block-responsivemenumobileicon,
		#block-hialeah2020-responsivemenumobileicon {
			position: absolute;
			top: 30px;
			right: 0;
		}
		.responsive-menu-toggle-icon {
			width: 50px;
			height: 50px;
		}
		.responsive-menu-toggle-icon::before,
		.responsive-menu-toggle-icon::after,
		.responsive-menu-toggle-icon span.icon {
			background: #000;
		}
		.responsive-menu-toggle-icon span.label {
			display: none;
		}
		.mm-panel {
			background: #fff;
			font-family: Helvetica, Arial, sans-serif;
		}
		.mm-navbar {
			background: #fff;
			font-family: Helvetica, Arial, sans-serif;
		}
		.mm-navbar__title {
			color: #fff;
		}
		.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
			color: #4a9acc;
		}
		#off-canvas .nav > li {
			display: flex;
		}
		#off-canvas .nav > li > a {
			padding-left: 20px;
			padding-right: 10px;
		}
		#off-canvas .navbar-nav {
			margin: 0;
		}
		#off-canvas .mm-listitem__btn,
		#off-canvas .mm-listitem__text {
			padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
		}
	/* - - - RESPONSIVE MENU END - - - */

	/* - - - SUPERFISH START - - - */
		.block-superfish {
			display: none;
			font-family: Helvetica, Arial, sans-serif;
		}
	/* - - - SUPERFISH END - - - */

}



/* - - - - - - - - - - - - - - - - - - - - NARROW - - - - - - - - - - - - - - - - - - - - */

@media all and (min-width: 768px) {
	h1 {

	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 14px;
	}
	h6 {
		
	}
	#block-crosswinds-page-title {
		
	}
	.mobile-visible {
		display: none;
	}
	.desktop-visible {
		display: inline-block;
	}

	/* - - - FLEXSLIDER START - - - */
		.flexslider {
			
		}
		.flex-direction-nav a {
			top: 50%;
		}
		.flex-control-nav {
			
		}
	/* - - - FLEXSLIDER END - - - */

	/* - - - FLIPPED PROMOS START - - - */
		.flipped-promos {

		}
		.flipped-promos h2 {
			font-size: 28px;
		}
		.flipped-promos h3 {
			font-size: 16px;
			font-weight: 600;
			margin: 0 0 5px 0;
		}
		.flipped-promos h4 {
			font-size: 12px;
			font-weight: 400;
			margin: 0 0 5px 0;
		}
		.flipped-promos p {
			font-size: 14px;
			margin: 0 0 2% 0;
		}
		.flipped-promos p a {
			background-color: #000;
			color: #fff;
			padding: 10px 30px;
		}
		.flipped-promos p a:hover {
			transform: scale(1.1);
		}
		.flipped-promos .views-row {
			border-radius: 15px;
			display: inline-block;
			width: 31%;
			margin: 0 1% 0 1%;
			position: relative;
			overflow: hidden;
		}
		.flipped-promos .views-row .views-field-field-image {
			margin-top: 0;
		}
		.flipped-promos .views-row .views-field-nothing {
			margin-top: 5%;
		}
	/* - - - FLIPPED PROMOS END - - - */

	/* - - - SUPERFISH START - - - */
		.block-superfish {
			background-color: #e9e9e9;
			/* background-color: rgba(96,205,245,0.25); */
			display: inline-block;
			margin: 0 auto;
			width: 100%;
		}
		#superfish-main {
			text-align: center;
		}
		#superfish-main li {
			display: inline-block;
			float: none;
			text-align: center;
		}
		ul.sf-menu a,
		ul.sf-menu span.nolink {
			background: transparent;
			background-position: center 36px;
			background-repeat: repeat-x;
			/* border-bottom: solid 5px transparent; */
			color: #336699;
			display: block;
			font-size: 10px;
			font-weight: normal;
			margin: 0;
			padding: 12px 10px;
			text-decoration: none;
			text-transform: uppercase;
			transition: all .25s ease-out;
			-moz-transition: all 0.25s ease-out;
		    -webkit-transition: all 0.25s ease-out;
		    -ms-transition: all 0.25s ease-out;
		    transform: scale(1.0);
		}
		ul.sf-menu.menu li {
			
		}
		ul.sf-menu li a:hover,
		ul.sf-menu li a.is-active,
		ul.sf-menu li span:hover,
		ul.sf-menu li span.is-active,
		ul.sf-menu li.sfHover,
		ul.sf-menu li.sfHover > a,
		ul.sf-menu li.active-trail a,
		ul.sf-menu li.sfHover > span,
		ul.sf-menu li.active-trail span {
			background: #fff;
			/* border-bottom: solid 5px #336699; */
			color: #336699;
			text-decoration: none;
		}
		#superfish-main li ul {
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			overflow: hidden !important;
			text-align: left;
			/* width: auto !important; */
		}
		#superfish-main li li {
			display: block;
			float: none;
			margin: 0;
			text-align: left;
		}
		#superfish-main li li a {
			background-color: #4da0d9;
			color: #fff;
		}
		#superfish-main li li a:hover {
			background-color: #fff;
			color: #336699;
		}
		ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
			top: 2.4em;
		}
		ul.sf-menu .sf-sub-indicator {
			right: auto;
			margin-left: 5px;
		}
	/* - - - SUPERFISH END - - - */

}



/* - - - - - - - - - - - - - - - - - - - - NORMAL - - - - - - - - - - - - - - - - - - - - */
@media all and (min-width: 1024px) {
	h1 {

	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		
	}

	/* - - - FLIPPED PROMOS START - - - */
		.flipped-promos {

		}
		.flipped-promos h2 {
			font-size: 32px;
		}
		.flipped-promos h3 {
			color: #fff;
			font-size: 18px;
			margin: 0 0 5px 0;
		}
		.flipped-promos h4 {
			color: #fff;
			font-size: 14px;
			margin: 0 0 15px 0;
		}
		.flipped-promos p {
			font-size: 18px;
			margin: 0;
		}
		.flipped-promos p a {
			background-color: #fff;
			color: #000;
		}
		.flipped-promos .views-row {
			border-radius: 20px;
			display: inline-block;
			width: 31%;
			margin: 0 1% 0 1%;
			position: relative;
		}
		.flipped-promos .views-row .views-field-field-image {
			border-radius: 20px;
		}
		.flipped-promos .views-row .views-field-nothing {
			background: transparent;
			border-radius: 20px;
			color: #fff;
			margin: 0;
			padding: 5%;
			position: absolute;
			width: 100%;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			text-align: center;
			opacity: 0;
			transition: all 0.15s linear;
			-moz-transition: all 0.15s linear;
		    -webkit-transition: all 0.15s linear;
		    -ms-transition: all 0.15s linear;
		}
		.flipped-promos .views-row .views-field-nothing:hover {
			backdrop-filter: blur(5px);
			background: rgba(0,60,100,0.65);
			opacity: 1.0;
		}
		.flipped-promos .views-row .views-field-nothing span {
			display: inline-block;
			margin-top: 6%;
		}
	/* - - - FLIPPED PROMOS END - - - */

	/* - - - SUPERFISH START - - - */
		ul.sf-menu a,
		ul.sf-menu span.nolink {
			font-size: 12px;
			padding: 12px 15px;
		}
		ul.sf-menu.menu li {
			
		}
		ul.sf-menu .sf-sub-indicator {
			/* right: 0.5em; */
		}
	/* - - - SUPERFISH END - - - */
}


/* - - - - - - - - - - - - - - - - - - - - WIDE - - - - - - - - - - - - - - - - - - - - */
@media all and (min-width: 1220px) {
	h1 {

	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 26px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 18px;
	}
	h6 {
		
	}

	/* - - - FLIPPED PROMOS START - - - */
		.flipped-promos h2 {
			font-size: 30px;
		}
		.flipped-promos h3 {
			font-size: 22px;
		}
		.flipped-promos h4 {
			font-size: 18px;
			margin: 0 0 20px 0;
		}
		.flipped-promos p {
			font-size: 20px;
			margin: 0;
		}
		.flipped-dining .views-row .views-field-nothing {
			padding: 17% 10% 5% 10%;
		}
	/* - - - FLIPPED PROMOS END - - - */

	/* - - - SUPERFISH START - - - */
		ul.sf-menu a,
		ul.sf-menu span.nolink {
			font-size: 13px;
			padding: 12px 20px;
		}
		ul.sf-menu.menu li {
			margin: 0;
		}
		ul.sf-menu .sf-sub-indicator {
			/* right: 0.5em; */
		}
	/* - - - SUPERFISH END - - - */
}


/* - - - - - - - - - - - - - - - - - - - - WIDER - - - - - - - - - - - - - - - - - - - - */
@media all and (min-width: 1440px) {
	h1 {

	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 24px;
	}
	h5 {
		font-size: 22px;
	}
	h6 {
		
	}

	/* - - - FLIPPED PROMOS START - - - */
		.flipped-promos h2 {
			font-size: 40px;
		}
		.flipped-promos h3 {
			font-size: 28px;
			margin: 0 0 5px 0;
		}
		.flipped-promos h4 {
			font-size: 20px;
			margin: 0 0 20px 0;
		}
		.flipped-promos p {
			font-size: 22px;
			margin: 0;
		}
	/* - - - FLIPPED PROMOS END - - - */

	/* - - - SUPERFISH START - - - */
		ul.sf-menu a,
		ul.sf-menu span.nolink {
			font-size: 14px;
			padding: 12px 25px;
		}
		ul.sf-menu.menu li {
			margin: 0;
		}
		ul.sf-menu .sf-sub-indicator {
			/* right: 0.5em; */
		}
	/* - - - SUPERFISH END - - - */
}