@charset "UTF-8";
/* CSS Document */

.mt-n32,
.my-n32 {
  margin-top: -2rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -0.9rem !important;
}


p {
	display:inline;
	margin-bottom:0;
}


.footerHeading{
	font-family: 'Open Sans', serif;
font-weight:700;
	font-size: 0.9em;
	color: white;
	line-height: 1.8em;
}

.footerSmall{
	font-family: 'Open Sans', serif;
font-weight:100;
	font-size: 0.8em;
	color: #CCCCCC;
	
}

.footer{
	line-height: 0.9em;
}



.hastingsFontH {
font-family: 'Homenaje', serif;

}

.sizeSuperBig {
font-size: calc(12px + 1.2vw);
letter-spacing:	0.2vw;
}


.sizeBig {
font-size: calc(10px + 1vw);
letter-spacing:	0.2vw;
}

.sizeMedium {
	font-size: calc(12px + 0.5vw);
letter-spacing:	0.1vw;
}

.sizeP {
	font-size: calc(15px + 0.1vw);
letter-spacing:	0.0vw;
}


.sizeH3{
		font-size: calc(24px + 0.1vw);
letter-spacing:	0.0vw;
}

.sizeH4{
		font-size: calc(20px + 0.1vw);
letter-spacing:	0.0vw;
}


.sizeH2{
		font-size: calc(31px + 0.1vw);
letter-spacing:	0.0vw;
}
.sizeH1{
		font-size: calc(12px + 3.5vw);
letter-spacing:	0.0vw;
}


.sizeSmallText {
	font-size: calc(8px + 0.3vw);
letter-spacing:	0.0vw;
}

.hastingsFontP {
font-family: 'Open Sans', serif;
font-weight:400;
}

.hastingsFontP300 {
font-family: 'Open Sans', serif;
font-weight:300;
}

.colorWhite {
	color: #fff;
}



.colorHastingsPage{
	background-color: #009FBD;
}



.colorHastingsBlue {
background-color:#029FBF;
}

.colorFontHastingsBlueDarker2 {
color:#028196;	
}

.colorHastingsBlueLighter{
background-color: #03AACC;
}

.colorHastingsBlueDarker{
background-color: #058EA8;
}

.borderHastingsBlue{
    border:1px solid #058EA8 !important;
}

.colorHastingsBlueDarker2{
 background-color:#028196;	
}

.colorHastingsBlueDarker3{
 background-color:#016576;	
}

.colorHastingsGreenGrass{
	background-color:#8DC63F;	
}

.colorHastingsBackground{
	background-color: #A9E1F7;
}

.colorHastingsBackground2{
	background-color: #00BFE5;
}

.colorHastingsLimeGreen{
	background-color: #8DC540;
}

.colorHastingsSunshine{
	background-color: #FEC436;
}

.colorHastingsSeaGreen{
	background-color: #01B195;
}

.colorHastingsBlueLink{
	background-color: #00BFE5;
}

.colorHastingsBlueBright{
	background-color: #00BFE5;
}

.colorHastingsRed{
	background-color: #DD2627;
}


.div_hover { background-color: #00BFE5;}

.div_hover:hover { background-color: #029FBF;}


.carousel{
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    overflow:hidden;
}

.carousel img {
  top: 0;
  left: 0;
  min-width: 100%;
  max-height: 500px;
  max-width:100%;
}


.container-fluid  {
    padding-right:0;
    padding-left:0;
    margin-right:auto;
    margin-left:auto
 }


.backgroundImageParty {

  background-image: url(images/parties/background.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

/* to remove hyperlinks from faq pages */

.nounderline {
  text-decoration: none !important
}


/* for google maps */

.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}

.aligntextverticalnexttoimagerightalign{
	 display: flex;
   align-items:center;
	justify-content:flex-end;
	
}

.aligntextverticalnexttoimageleftalign{
	 display: flex;
   align-items:center;
	justify-content:flex-end;
	
}

.aligntextverticalnexttoimagecentercenter{
	 display: flex;
   align-items:center;
	justify-content:center;
	
}

/* custom navbar colors */
/* change the background color */

.navbar-custom {

    background-color: #ffffff;

}

/* change the brand and text color */

.navbar-custom .navbar-brand,

.navbar-custom .navbar-text {

    color: #F827F6;

    padding: 0rem 0rem;
  /* padding: 0.8rem 1rem;*/
}

/* change the link color and add padding for height */

.navbar-custom .navbar-nav .nav-link {

    color: red;

    padding: 0.4rem 0.4rem;

	
	/* padding: 1rem 1rem; */
	
	
}

/* change the color of active or hovered links */

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link {

    color: #ffffff;

    background-color: #029FBF; /* add background-color to active links - #029FBF=colorHastingsBlue; */

}.navbar-custom {

   background-color: #028196;	 /* the background color of the main navbar div */

}



/* change the brand and text color */

.navbar-custom .navbar-brand,

.navbar-custom .navbar-text {

    color: rgba(255,255,255,.8);

}



/* change the link color */

.navbar-custom .navbar-nav .nav-link {

    color: white; /*the text color of the navbar */

}



/* change the color of active or hovered links */

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link {

    color: #ffffff;

}



/* for dropdown only - change the color of droodown */

.navbar-custom .dropdown-menu {

    background-color: #029FBF;

}

.navbar-custom .dropdown-item {

    color: #ffffff;

}

.navbar-custom .dropdown-item:hover,

.navbar-custom .dropdown-item:focus {

    color: #333333;

    background-color: rgba(255,255,255,.5);

}




.navbar-custom {
  
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,1);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
   
	 background-color: #00BFE5; /*for visited links?*/
	
	
	
}

.customLink {
	color: white !important;
	text-decoration: none !important;
}

.footerLink {
	color: #ccc !important;

}