#packagetitlearea {
color:#FFF !important;
margin-bottom:0px;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

body {
background-color:#e2eff6 !important;
overflow-x: hidden !important;
}

.container {
max-width: 100% !important;
overflow-x: hidden !important;
}

.whitesportbox {
padding:1rem;
min-height:220px;
background: rgba(0, 0, 0, 0.8);
color:#FFF;
}

.slideme:hover {
  top:30px !important;
}

.packageloc {
    font-size: 1rem;
}


@media only screen and (max-width: 480px) {
  .packageimageholder {
    margin-top:1rem;
    /* margin-left:1rem; */
    margin-bottom:1rem;
  }

  .startingAt {
    display:none !important;
  }
}


@media (min-width: 576px) { 

    .slideme {
        top:230px;
    }

    .cheapprice {
    font-size: 1.4rem;
    }
    
    #packageinfozone {
        height:350px;
        overflow-x:hidden;
    }    
    
    .packageloc {
        font-size: 1rem;
        border:0px solid blue;
    }
    
    .packageimage {
        margin-left:-25px;
    }

    .startingAt {
        display:block !important;
    }

}

@media (min-width: 768px) { 

    .slideme {
        top:230px;
    }
    
    .cheapprice {
    font-size: 1.5rem;
    }
    
    #packageinfozone {
        height:350px;
    }    
    
    .whitesportbox {
        min-height:220px;
    }

    .packageloc {
        font-size: 1rem;
        border:0px solid yellow;
    }
 }

@media (min-width: 992px) { 

    .slideme {
        top:227px;
    }
    
    .cheapprice {
    font-size: 1.9rem;
    }

    #packageinfozone {
        height:320px;
        border:0px solid red !important;
        margin-top:-50px !important;
    }
    
    
    .h1, h1 {
        font-size: 3vw;
    }
    
    .whitesportbox {
        font-size:.8rem;
    }
    
    
    .eventnameoverlay {
        height:55px;
    }
    
    .packageloc {
        font-size: 1rem;
        height:38px;
    }
    
    .signupbox {
        height:93px;
    }
    
 }

@media (min-width: 1200px) { 

    .slideme {
        top:287px;
    }
    
    .cheapprice {
    font-size: 2.0rem;
    }
    

    #packageinfozone {
        height:380px;
        border:0px solid blue !important;
        margin-top:-30px !important;
    }
    
    
    .slideme:hover .packageloc {
        margin-bottom:0px !important;
    }
    
    .whitesportbox {
        font-size:1rem;
        min-height:400px;
    }
    
    .h1, h1 {
        font-size:2.5rem !important;
    }
    
 
 }



@media (min-width: 1500px) { 

    .slideme {
        top:227px;
    }
    
    .cheapprice {
    font-size: 2.0rem;
    }
    

    #packageinfozone {
    border:0px solid green !important;
        height:320px !important;
        margin-top:-30px !important;
    }
    
    
    .slideme:hover .packageloc {
        margin-bottom:0px !important;
    }
    
    .slideme:hover {
      top:0px !important;
    }
    
    .whitesportbox {
        font-size:1rem;
        min-height:400px;
    }
    
    .h1, h1 {
        font-size:2.5rem !important;
    }
    
 
 }
 
 
 
 
 @media (min-width: 1800px) { 

    .slideme {
        top:254px;
    }
    
    .cheapprice {
    font-size: 2.0rem;
    }
    

    #packageinfozone {
        height:350px !important;
        border:0px solid #FFF !important;
        margin-top:-30px !important;
    }
    

    
    .slideme:hover .packageloc {
        margin-bottom:0px !important;
    }
    
    .slideme:hover {
      top:0px !important;
    }

    .whitesportbox {
        font-size:1rem;
        min-height:400px;
    }
    
    .h1, h1 {
        font-size:2.5rem !important;
    }
    
 
 }
 




.slideme {
-moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  
  cursor:pointer;
}





H1 {
color:#FFF;
}

.teaser.lazyload {
	opacity: 0;
	transform: scale(0.8);
}


.hotelinfo {
position:absolute;
bottom:3px;
left:20px;
cursor:pointer;
}

.teaser.lazyloaded {
	opacity: 1;
	transform: scale(1);
	transition: all 700ms;
}


.eventnameoverlay {
background: rgba(0, 0, 0, 0.5);
margin-bottom:0px;
padding:10px;
}

.packageloc {
background: rgba(0, 0, 0, 0.5);
padding:10px;
padding-top:0px;
}


.dropshadow {
-webkit-box-shadow: 0px 0px 44px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 44px -14px rgba(0,0,0,0.75);
box-shadow: 0px 0px 44px -14px rgba(0,0,0,0.75);
}

.leftblock {
padding-left:0px;
}



.viewdetailsbutton {
cursor:pointer;
font-size:.8rem;
color:#000;
}

.hotels:last-of-type {
margin-bottom:-.4em !important;
}

.signupbox {
background: rgba(0, 0, 0, 0.5);

padding:6px;
padding-top:2px;

margin-top:1rem;
color:#FFF;
}



.signupheader {
font-weight:bold;
text-align:center;
}

btn-warning.yellow {
background-color:#ffcb45;
}

.yellow {
background-color:#ffcb45 !important;
}

#emailaddressfield {
background-color:#eee;
color:#333;
width:100%;
}

#signupbutton {
width:100%;
background-color:#ffcb45;
cursor:pointer;
font-size:.8em;
width:120px;
padding:3px;
}

.nopadding {
padding-left:0px !important;
}

.detailsrow {
margin-bottom:1.8rem;
}

.packageimage {
width:100%;
/* margin-left:-25px; */
cursor:pointer;
}

.fullheight {
height:100% !important;
}

.withpadding {
padding-top:.7rem;
padding-bottom:.4rem;
}

.bulletedlist {
margin-bottom:0px;
}


.darkblue h2 {
font-size:1.5rem !important;
}


.startingat {
margin-top:3rem;
font-weight:bold;
}

.cheapprice {
font-weight:bold;
padding:0rem;
}

.viewpackage {
margin-top:2rem;
}

.bigwhitebackground {
background-color:#FFF;
padding-top:0px !important;
padding-bottom:0px !important;
}

.card.packagecard {
margin-bottom:3rem;
}


.packageincludes {
font-weight:bold;
}