/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
  color: #5a5a5a;
  font-family: 'Droid Sans', sans-serif;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Flip around the padding for proper display in narrow viewports */
.navbar {
-webkit-box-shadow:0px 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0px 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
}
.shadow {
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
}
.shadow-top {
-webkit-box-shadow:0px -10px 50px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.2);
}
.shadow-bottom {
-webkit-box-shadow:0px 10px 50px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
}
.shadow-inset {
-webkit-box-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.2);
}
.shadow-inset-header {
-webkit-box-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.4);
-moz-box-shadow:  inset 0 20px 20px -15px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.4);
}
.navbar-wrapper  {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar  {
  width: auto;
}
/* HEADER
-------------------------------------------------- */
#header {
  height: 70vh;
  background-image:url('../images/furum2016_website_banner_1920_700.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  overflow:hidden;
  margin-top: 30px;
}
/*social media buttons*/
#social-media-container {
     width:215px;
     margin-top:-8px;
     margin-bottom:40px;
     float:right;
     }
#social-media a {
     margin-left: 1px;
     margin-right: 1px;
     }
.btn-danger {
	 margin-top:12.5px;
	 }
.button-social-fb {
	display: inline-block;
	width: 34px;
	height: 34px;
	background: url('../images/furum2016_fb_button.png') bottom;
	text-indent: -99999px;
}
.button-social-fb:hover {
	background-position: 0 0;
}
.button-social-twitter {
	display: inline-block;
	width: 34px;
	height: 34px;
	background: url('../images/furum2016_tw_button.png') bottom;
	text-indent: -99999px;
}
.button-social-twitter:hover {
	background-position: 0 0;
}
/* coverall
-------------------------------------------------- */
.coverall {
  background-image:url('../images/furum_website-tile.png');
  background-attachment:fixed;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-md-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-md-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
/* Featurettes
------------------------- */
.divider {
  margin: 70px 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.gradient-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
/* schedule */
#schedule table  {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 2px 2px;
  width:100%;
}
.schedule-table td {
  width:60px;
  box-sizing: border-box;
}
.schedule-table td a {
  text-decoration: none;
}
.schedule-table td:nth-child(1) {
  width:60px;
}
.schedule-table td:nth-child(2),
.schedule-table td:nth-child(5),
.schedule-table td:nth-child(6)  {
  width:30px;
}
.schedule-table td:nth-child(3) {
  width:50px;
}
.schedule-table td:nth-child(4) {
  width:200px;
}
#schedule p  {
  margin:0;
  padding: 0;
}
#schedule td {
  text-align: center;
  position:relative;
  border-bottom: 1px dashed rgba(237, 237, 235, 0.5);
}
.time-tag p {
  text-align: center;
  z-index:99;
  font-style: italic;
  color: rgba(255, 255, 255, 0.6) !important;
  transform: translateX(-50%);
  left:50%;
}
.time-tag-top p {
  position:absolute;
  top:14px;
}
.time-tag-bottom p {
  position:absolute;
  top:-10px;
}
.time span, .inline-time span {
  color: rgba(255, 255, 255, 0.6) !important;
}
.shedule-event p {
  font-size: 12px;
}
.rotate {
  transform: translate(-50%, -50%);
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
         white-space: nowrap;
         color:white;
 }
 .schedule-label {
   width:60%;
   border-radius: 20px;
   text-align: center;
   margin: 10px 0 10px 30%;
   padding: 10px;
   background-color:#ee4242 !important;
 }
 .schedule-registration {
   background-color: rgb(18, 121, 102);
    border-radius: 5px;
 }
 .schedule-registration .item {
   margin-top: 45px;
 }
 .schedule-dealer {
   background-color: rgb(18, 81, 124);
    border-radius: 5px;
 }
 .schedule-dealer .item {
   margin-top:17px;
 }
 .schedule-intro {
   background-color: rgb(43, 46, 117);
    border-radius: 5px 5px 0 0;
 }
 .schedule-icebreaker {
   background-color: rgb(102, 66, 153);
   top: -3px;
   border-radius: 0 0 5px 5px;
 }
 .schedule-fursuitgame, .schedule-flash101 {
   background-color: rgb(140, 68, 154);
   border-radius: 5px;
 }
 .schedule-dinner {
   background-color: rgb(179, 81, 154);
   border-radius: 5px;
 }
 .schedule-dance {
   background-color: rgb(229, 147, 35);
   border-radius: 5px;
 }
 .schedule-motor {
   background-color: rgb(229, 86, 56);
   border-radius: 5px;
 }
 .schedule-boardgame {
   background-color: rgb(182, 84, 123);
   border-radius: 5px;
 }
 .schedule-videogame {
   background-color: rgb(182, 80, 93);
   border-radius: 5px;
 }
 .schedule-groupphoto, .schedule-goh {
   background-color: rgb(43, 46, 117);
   border-radius: 5px;
 }
 .schedule-fursuitwalk, .schedule-furmaker {
   border-radius: 5px;
   background-color: rgb(102, 66, 153);
 }
 .schedule-furmaker, .schedule-flash101 {
   top:-10px;
   border-style: none !important;
 }
 .schedule-videogame-comp {
   background-color: red;
   border-radius: 5px;
   overflow:elippsis;
 }
 .schedule-hover:hover {
   box-shadow:0 0 5px 1px rgba(226, 255, 59, 0.6);
   z-index: 99;
 }
/* venue */
#venue {
  background-color:#FFFFFF
}
/* panels */
#panels h2 {
  text-align:center;
}
#panels p {
  text-align:center;
}
.panels-content {
  margin-top: 20px;
}
.short-description {
  display: none;
}
.hotel-btn {
  margin-left: 20px;
  margin-right: 20px;
}
/* gradient background settings */
.background-gradient {
  background-image: -webkit-linear-gradient(-405deg, rgba(0, 121, 102, 0.95), rgba(1, 152, 121, 0.85));
  background-image: linear-gradient(135deg, rgba(0, 121, 102, 0.85), rgba(1, 152, 121, 0.75));  }
.background-gradient h2  {
  color:#FFFFFF
}
.background-gradient h3 {
  color:#FFFFFF
}
.background-gradient p  {
  color:#FFFFFF
}
.background-gradient span  {
  color:#FFFFFF
}
/* Contact Page
------------------------- */
#link-header {
  height: 25vh;
   background-image:url('../images/furum2016_website_banner_bg_only_1920_900.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.link-title {
  margin-top:9vh;
}
.link-title h1 {
  font-size:40px;
  font-weight:bold;
  color:#FFFFFF;
  padding: auto;
  text-align:center;
  letter-spacing: 0.6vw;
}
.help-block {
 color:red;
 }
/* FAQ */
.faq-caret {
  float:right;
}
.question {
  cursor: pointer;
  border-radius:5px;
}
.question h3 {
  padding: 10px;
  margin-left:5px;
  font-size: 20px;
}
.answer {
  display: none;
  border-radius:5px;
  background-color:#FFFFFF
}
.answer p {
  padding: 10px;
  margin-left:5px;
}
.answer span {
  font-weight:bold;
}
/* committee */
#committee {
  text-align:center;
}
#comittee .group-center {
	display:inline-block
}
#contact-us {
   background-color:#FFFFFF;
}
/* registration
------------------------- */
/* ticket */
#ticket img {
  width:350px;
  padding: 20px;
}
#ticket h2 {
  text-align:center;
  border-radius:5px;
  padding:5px;
}
#ticket p {
  text-align:justify;
  border-bottom-style:solid;
  padding:5px;
}
.ticket-tier {
   border-radius:5px;
}
.ticket-info  {
  padding:0 20px;
  }
/* registration form */
#registration {
   background-color:#FFFFFF;
}
/* gallery */
#gallery {
  width:100%;
  }
#gallery p {
  text-align:center;
  }
#gallery-container {
  margin:0 auto;
  }
#gallery img {
   width:200px;
   margin: 2px;
}
#video-container {
    text-align:center;
	}
.video {
	display:inline-block;
	margin:0 5px;
	}
/* footer*/
#footer {
    text-align:center;
    }
#glyphicon {
    position:fixed;
    bottom: 30px;
    right: 40px;
    padding:10px;
    width:64px;
    border-radius:5px;
    background: rgba(211, 211, 211, 0.35);
    text-align:center
    }
#glyphicon a {
	text-align:center;
    color:rgba(211, 211, 211, 0.95);
    font-size:40px;
       }
.coming-soon-long {
	height:75vh;
	}
.green-label {
    background-image:url('../images/furum2016_item_bg.jpg');
  	background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    }
/** thank you page and validation**/
.note {
	border-radius:12px;
	background-color:#fff;
   }
.note h1 {
	padding:20px 0;
	text-align:center;
	}
.note a {
	margin:20px 0;
	}
.blank-label {
	height:12px;
	border-radius: 12px;
	display: block;
	}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
  }
  .featurette-heading {
    font-size: 50px;
  }
  .gradient-heading {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 110px;
    padding: 0 40px;
  }
  .featurette p {
    margin-bottom: 10px;
    padding: 0 30px;
  }
  .gradient-heading {
    padding: 0 40px;
  }
}
@media (max-width:992px) {
	  .divider {
	  margin: 20px 0;
	  }
  .marketing .col-md-4 p {
    font-size: 2.5vh;
  }
  .marketing h2 {
    font-size: 3.5vh;
  }
  #schedule h3 {
    font-size:medium;
  }
  .schedule-inactive h3 {
    height:17px;
    }
 .featurette-heading {
    font-size: 30px;
  }
 .gradient-heading {
    font-size: 30px;
  }
 .schedule-item h2 {
   font-size: 25px;
  }
 .schedule-item h3 {
   font-size: 22px;
  }
  .question h3 {
  padding: 10px 5px;
  font-size:15px;
  font-weight:bold;
  margin-top:0px;
  }
  #ticket img {
  width:250px;
  padding:10px;
  }
  #header {
  background-image:url('../images/furum2016_website_banner_1920_700.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .schedule-dealer .item {
    margin-top:35px;
  }
}
@media (max-width: 773px) {
  #header {
  height:520px;
    background-image:url('../images/furum2016_website_banner_logo_only_1024_700.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #link-header {
  height: 150px;
  }
  .link-title {
  margin-top: 55px;
  }
  #glyphicon {
  bottom: 50px;
  }
  .coverall {
  background-size:50%;
}
}
@media (max-width: 767px) {
  #committee img {
  	width:80px;
  }
  .question h3  {
  font-size:12px;
  }
  .answer p  {
  font-size:12px;
  }
  .date h2 {
  font-size: 20px;
  }
}
@media (max-width: 600px) {
  .schedule-dealer .item {
    margin-top:35px;
  }
  .schedule-table .time span {
    display:none;
  }
  .schedule-table td:nth-child(4) {
    width:150px;
  }
  .schedule-label {
    margin-left: 25%;
  }
}
@media (max-width: 435px) {
  #glyphicon {
      bottom: 10px;
      right: 10px;
      }
  .featurette h2, #schedule h2 {
    font-size:40px;
  }
  #header {
  height:510px;
  }
  #gallery img {
   width:90px;
   }
   .shedule-event p {
     font-size:10px;
   }
   .time-tag-bottom {
   }
   .time-tag-top {
     top:3px;
   }
   .schedule-table td:nth-child(1) {
     width:40px;
   }
   .schedule-table td:nth-child(3) {
     width:30px;
   }
   .schedule-table td:nth-child(4) {
     width:80px;
   }
   .long-description {
     display: none;
   }
   .short-description {
     display:inherit;
   }
}
@media (max-width: 375px) {
  #header {
  height:470px;
  }
   .hotel-btn {
   padding:6px 12px;
   font-size:90%;
   line-height: 1.2;
   margin-left:5px;
   margin-right:5px;
   }
   #schedule h3 {
    font-size:small;
  }
  .schedule-inactive h3 {
    height:17px;
    }
  .schedule-ceremony p {
    font-size:8px;
  }
  .panels-content h2 {
    font-size:22px;
  }
}
@media (min-width:1200px) {
 .divider {
  margin: 80px 0;
  }
 .featurette-heading {
    margin-top: 120px;
  }
}