/*#F8B195 beige #F67280 PINK #C06C84 DUSKY PINK #6C5B7B MOV #355C7D blue*/

/* Daecf3 Ripple (light blue)
Fe424d Crush (pink)
1aa6b7 seafloor (med blue)
022d41 cyprus (dark blue)
*/

/*.home {display: table;
  width: 100%;
  height: 100%; /* For at least Firefox
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
	background-image: url( ../www/img/Dance_205825.jpg);
	background-repeat: no-repeat;
}*/

body { color:#fff;}

h1 { text-align:left; font-weight: 300; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";}
h2 { text-align:left; font-weight: 300; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; margin-top:20px;}

p {font-size: 1.3em; color: #474747; font-weight:200;}

/* ANTI SPAM */
.brick {display:none; /*width:0px; height:0px; position: absolute;
   top: -9999px;
   left: -9999px;*/
    z-index: 25;
}
/* ANTI SPAM */

.home {color: #355C7D /*blue*/ ; background-image: url(../img/Imber_Court_Dancing.jpg); background-repeat: no-repeat; margin-top: 0; background-size: cover;}
.home img {}
.home h1 { text-align:center; color:#fff; font-size: 72px; font-weight: 300; letter-spacing: 2px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"}
.home p { text-align:center; color:#fff;}

.jumbotron {min-height: 400px;  margin-bottom:0; font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; padding-top:125px; }

header { background-image: url(../img/Imber_Court_Dancing.jpg) ; background-repeat: no-repeat; width: 100%; height: 450px;}

.btn-imber { background-color: #1aa6b7;}
 
.when {color: #Fe424d /*MOV*/ ; height: 400px; }
.whenblock {background-color: #Fe424d; height: 5px;}


.where {color: #1aa6b7 /*DUSKY PINK*/ ; height: 400px; }
.whereblock {background-color: #1aa6b7; height: 5px;}

.upcoming {color: #022d41 /* PINK*/ ; height: 400px; }
.upcomingblock {background-color: #022d41; height: 5px;}


.about {color: #022d41 /* PINK*/ ; }
.about li {font-weight:300;}
.about ul {padding-left:15px;}
.aboutblock {background-color: #022d41; height: 5px;}


.contact {color: #474747 /*GREY*/ ; height: 400px; }
.contactblock {background-color: #474747; height: 5px; }
.contact a {color:#Fe424d; text-decoration: underline; font-size: 0.8em;}
.contact a:hover {color:#1aa6b7;}


.footer {color: #474747 ; background-color: #Daecf3; }
.footerbar p { font-weight:300; color:#474747; font-size: 12px; }
.footerbar { background-color: #Daecf3 ; height: 75px; margin-bottom:0px; color: #474747; padding-top:15px; margin-top:75px;}

section .eventbar { background-color:#Fe424d;}

#eventbar {padding-top:12px; padding-bottom:12px; }
.eventbar { background-color: #Fe424d ; margin-bottom:50px; color: #fff; }
.eventbar p { color:#fff;}
.event {padding-top:20px; padding-bottom:5px;}
/*.event p { padding-top: 25px; padding-bottom: 5px; color: #fff; letter-spacing: 2px;}
/*.event h1 { text-align:center; font-weight: 200; letter-spacing: 3px; padding-top: 10px; padding-bottom: 5px;}
.event h3 { text-align:center; font-weight: 200; letter-spacing: 3px;}*/
.eventsocial { padding-top:15px; padding-bottom:15px;}


.label-update { background-color: #FFF; color:#Fe424d; font-weight: 300; letter-spacing: 2px;}

.design small {color:#474747; font-size: 12px;}


// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { .jumbotron {min-height: 300px;  margin-bottom:0;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";}
	.about {margin-bottom: 50px;  }
	.home h1 { text-align:center; color:#fff; font-weight: 300;}
	.jumbotron {padding-top:75px; padding-bottom:75px; }

 }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199px) { ... }

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