body {
background-color:#e2eff6;
font-family: 'Open Sans', sans-serif;
position: relative;
width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html, body {
  /* overflow-x: hidden; */
}

.autocomplete-suggestions {
    display: inline;
    float: left;
    position: absolute;
    /* border: 2px solid #000; */
    background-color: #FFF;
    cursor: pointer;
}

.autocomplete-suggestion {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.autocomplete-suggestion:hover {
    background-color: #EEE;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #eee;
}    


#navbarNavDropdown.show{
    background-color: #000 !important;
}

@media (max-width: 767px) {
    .navbar-collapse.show {
        background-color:#000 !important;
    }
}

    
#requiredGoogleText {
    color:#333;
    font-size:.8rem;
}

.bluetext {
    display: inline;
    float: left;
    color: #1e3058;
    font-weight: bold;
    font-size: 14pt;
}

.pageheader {
    color:#0a3488;
    font-size:2rem;
    padding-bottom:0px;
    margin-bottom:14px;
}

.commonblue {
    color:#353365;
    font-weight:bold;
    font-size:1.2rem;
}


.readonly {
background-color:transparent !important;
border:none !important;
}

.control-label {
padding-top:6px;
}

.card-block {
padding:25px;
}

.pushdown {
display:block;
width:100%;
}



.shadow {
-webkit-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
}

@media (min-width: 200px) {
    .imageholder {
        height:200px !important;
    }
    .pushdown {
        height:50px;
    }
}


@media (min-width: 544px) {
    .imageholder {
        height:254px !important;
    }
    .pushdown {
        height:50px;
    }
}

@media (min-width: 768px) {
    .imageholder {
        height:354px !important;
    }
    .pushdown {
        height:130px;
    }
}

@media (min-width: 992px) {
    .imageholder {
        height:454px !important;
    }
    .pushdown {
        height:254px;
    }
}

@media (min-width: 1200px) {
    .imageholder {
        height:554px !important;
    }
    .pushdown {
        height:300px;
    }
    
}

@media (min-width: 1500px) {
    .imageholder {
        height:700px !important;
    }
    #packageinfozone {
    	height:625px !important;
    	border:1px solid green;
    }
    .pushdown {
        height:454px;
    }
}


@media (min-width: 1800px) {
    .imageholder {
        height:854px !important;
    }
    #packageinfozone {
    	height:725px !important;
    	border:1px solid red;
    }
    .pushdown {
        height:554px;
    }
    
    #packageinfozone.nopush {
		height:280px !important;
	}
	
	#packageinfozone.nopush .slideme {
		top: 187px !important;
	}
	
	
}




.topfade {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%) repeat scroll 0 0;
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.bottomfade {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(226, 239, 246, 1) 100%) repeat scroll 0 0;
    bottom: 0;
    height: 15%;
    left: 0;
    position: absolute;
    width: 100%;
}

.showmore {
display:inline;
float:left;
width:100%;
border-top:1px solid #000;
}

.morecategorylink {
    background-color: #DDD;
    text-align:left;
    padding-left:4px;
}


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

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

.formRowHide {
display:none;
}

.eventbox {
position:relative;
margin-bottom:30px;
width:100%;
}

.eventname {
position:absolute;
top:5%;
left:3%;
color:#FFF;
font-size:1.8rem;
}

.eventdatestring {
position:absolute;
top:23%;
left:3%;
color:#FFF;
}



#formCustomized td {
border:none !important;
padding-top:1px;
padding-bottom:1px;
}

.form2col td {
border:none !important;

}

.formHd {
/* padding-top:10px !important;
padding-left:0px !important;
border:none !important; */
}

.yellow {
background-color:#ffcb45;
}

.footerlinks ul li {
list-style:none;
}

.bold {
font-weight:bold;
}

.buscard {
margin-bottom:0px;
width:100%;
}

#searchresults {
background-color:#FFF;
min-width:230px;
}

#formCustomized input {
margin-top:5px;
margin-bottom:3px;
}

.formHd {
padding-right:8px;
}

.custom-radio {
margin-left:20px !important;
}

.topheaderlinks {
font-size: 10px; font-size: 1rem;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
color: rgb(255, 255, 255);
text-transform: uppercase;
}

.headerlinks {
font-size: 13px; font-size: 1.3rem;
font-family: 'Open Sans Condensed', sans-serif;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 24px; line-height: 2.4rem;
}

.carousel-indicators {
font-size: 13px; font-size: 1.3rem;
font-family: 'Open Sans', sans-serif;
}

#bottomfade {

    position:absolute;
    bottom:0px;
    left:0px;
    height:50%;
    width:100%;

   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2eff6+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(226,239,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(226,239,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(226,239,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e2eff6',GradientType=0 ); /* IE6-9 */
  
}




.navbar-dark {
background-color:rgba(0,0,0,1);
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .9) 40%) repeat scroll 0 0;
}

.navbar-dark .navbar-nav .nav-link {
color:#FFF;
}

#sitelogo {
width:250px;
padding-left:1rem;
}

#navbarResponsive.in, .collapsing {

/* padding-left:2rem;
padding-top:1rem;
width:100%; */
}

#navbarResponsive.in .nav-item {
width:100%;
}

#navbarResponsive.collapsing .nav-item {
width:100%;
}

#darkenheader {
background-color:rgba(0,0,0,.5);
}


#hamburger {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(255, 255, 255, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 8h24M4 16h24M4 24h24\'/%3E%3C/svg%3E");
border-color: rgba(255, 255, 255, .7);
margin-top:1rem;
margin-bottom:1.5rem;
}


