/* BASE OVERRIDES AND SHARED ELEMENTS
-------------------------------------------------- */

body {font-family: 'Raleway', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background: #f8f9fa;}
#topbar {position:fixed;top:0;left:0;width:100%;z-index: 20;background-color:rgba(255,255,255,0);transition:all .6s ease;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);}
#topbar.sticky {background-color:rgba(255,255,255,1);-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);}
.logo {background-image: url("../images/logocombowhite.png");width:150px;height:75px;display:inline-block;background-size: contain;background-repeat: no-repeat;margin:10px 0 0 10px;opacity: .5;transition: all .3s ease; }
#topbar.sticky .logo {background-image: url("../images/logocombocolor.png");opacity:1;width: 117px;height: 60px;}
.btn-primary {color: #fff;background-color:#a0435b;border-color: #a0435b;}
.btn-primary:hover {
    color: #fff;
    background-color: #cc5171;
    border-color: #cc5171;
}
	.topbutton {opacity:0;float:right;margin:20px 20px 0 0;transition: all .3s ease;}
#topbar.sticky .topbutton {opacity:1;}
/*.herowrapper {width:100%;height:800px;padding:200px 0 100px 0;background-image: url("../images/entry.jpg");background-size: cover;position:relative;}*/
.herowrapper {width:100%;height:800px;padding:300px 0 100px 0;background-color:rgb(54, 76, 98);position:relative;}
.herocontent {z-index:15;position: relative;}
.herocontent span {padding:0 0 0 20px;border-left: 4px solid #a0435b;display: block;} 
.h1 {color:#ffffff;font-weight: 200;text-transform: uppercase;letter-spacing: 2px;}
.h2 {color:#ffffff;font-weight: 400;font-size: 1.6rem;}
.herocontent p {color:#ffffff;}
.herocolor {position:absolute;z-index:5;top:0;bottom:0;left:0;right:0;width:100%;background-color:rgba(45, 63, 93, .9);}
.herofade {position:absolute;z-index:10;height:400px;bottom:0;left:0;right:0;width:100%;background: rgb(45, 63, 93);
    background: linear-gradient(0deg, rgb(45, 63, 93) 9%, rgba(0,212,255,0) 100%);}
.herocaro {position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;width:100%;overflow: hidden;}
.herocircle {    height: 50px;
    width: 100px;
    position: absolute;
    z-index: 11;
    background-color: rgb(45, 63, 93);
    bottom: -16px;
    left: 50%;
    margin: 0 0 0 -50px;
    border-radius: 50%;}
.carousel-item {transition: all 2s ease;}
.hb1 {    width: 200px;
    height: 500px;
    border: 1px solid #ffffff;
    position: absolute;
    bottom: -200px;
    z-index: 11;
    right: 0;
    opacity: .1;}
.hb2 {     width: 500px;
    height: 300px;
    border: 1px solid #ffffff;
    position: absolute;
    bottom: -150px;
    z-index: 11;
    right: 75px;
    opacity: .1;}
.hb3 {  width: 200px;
    height: 300px;
    border: 1px solid #ffffff;
    position: absolute;
    bottom: -300px;
    z-index: 11;
    right: 25px;
    opacity: .1;}
#intro {padding:100px 0;background-color:rgb(45, 63, 93);position: relative;}
.introtext {color:#ffffff;font-size: 1.4rem;}
.introtext-sub {color:#ffffff;opacity: .7;}
ul.features {color:#b3d7ff;list-style-type:none;margin:0 0 20px 0;padding:0;}
ul.features li {padding:5px 0;}
ul.features li span {width:20px;display: inline-block;margin-left: -20px;}
.caption {font-size:.8rem;font-style: italic;opacity:.5;color:#ffffff;text-align:right;padding:5px 0 0 0;}
#packages {padding:100px 0;}
#modalback {position: fixed;background-color:rgba(25, 34, 49, .9);top:0;bottom:0;left:0;right:0;z-index: 90;display:none;}
#form {position:fixed;top:0;right:0;bottom:0;width:400px;z-index:999;background-color:#ffffff;margin:0 -400px 0 0;transition:all .3s ease;}
.form-holder {padding:20px;}
.form-head {padding:10px;text-align: center;background-color: #1f2c3a;color: #ffffff;margin: 0;}
.packagewrapper {height:100%;background-color:#ffffff;}
.packagewrapper h3 {font-weight:600;color: #557a95;}
ul.packagelist {margin:0 0 20px 0;padding:0 0 0 20px;list-style-type: none;}
ul.packagelist li {font-size: 1rem;line-height: 1.3rem;padding: 5px 0;}
ul.packagelist li span {display: inline-block;font-size: .8rem;}
ul.packagelist li span i {margin: 0 0 0 -20px;}
.eventthumb {background-image: url("../images/eventthumb.jpg");background-size: cover;width:200px;height:100%;}
.printthumb {background-image: url("../images/printthumb.jpg");background-size: cover;width:200px;height:100%;}
.providedby {text-transform: uppercase;font-size: .8rem;letter-spacing: 2px;opacity: .5;}
.limitedtime {font-size: .8rem;margin:0;}
.packageprice {font-size: 2rem;}
.packageprice span {font-size: .8rem;display:block;}
#themes {background-color:#ffffff;padding:100px 0;}
.themeimage {width:100%;height:200px;margin:0 0 20px 0;}
.awardtheme {background-image: url("../images/themeevening.png");background-size: cover;}
.calitheme {background-image: url("../images/themecali.png");background-size: cover;}
.familytheme {background-image: url("../images/themefamily.png");background-size: cover;}
.themetext {text-align:center;}
.themetext span {display:block;font-weight:600;font-size:1.2rem;}
.hideme {opacity:0;}
#enhancements {width:100%;padding:100px 0;position:relative;background-image: url("../images/enhancement.jpg");background-size: cover;}
#enhancements ul {color:#ffffff;margin:0;padding:0 0 0 40px;}
#enhancements ul li {padding:2px 0;}
.ecolor {position:absolute;z-index:5;top:0;bottom:0;left:0;right:0;width:100%;background-color:rgba(45, 63, 93, .9);}
.econtent {z-index:15;position: relative;}
#footer {padding:100px;background-color: #172b3e;}
.come-in {
    transform: translateY(150px);
    -webkit-animation: come-in .8s ease forwards;
    -moz-animation: come-in .8s ease forwards;
    -o-animation: come-in .8s ease forwards;
    animation: come-in .8s ease forwards;
}

.come-in:nth-child(odd) {
    animation-duration: .6s;
}
@-webkit-keyframes come-in {
  to { transform: translateY(0); }
}
@-moz-keyframes come-in {
  to { transform: translateY(0); }
}
@-o-keyframes come-in {
  to { transform: translateY(0); }
}
@keyframes come-in {
  to { transform: translateY(0); }
}
.already-visible {
  transform: translateY(0);
  animation: none;
}
/* RESPONSIVE OVERRIDES
-------------------------------------------------- */

/*
 Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap
 SMALL TO LARGE
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* LARGE TO SMALL */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width */

/* TARGETED SIZES */

/*  Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* PRINT
-------------------------------------------------- */
@media print {
}