@charset "utf-8";
/* CSS Document */
body { 
	padding-top: 50px;
	font-size:16px;
}
section { 
	padding-top: 30px;
	padding-right: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	background-color: #fff;
}
.bg-white { background-color: #fff; }

.p-1 { padding: 1em;}
.p-2 { padding: 2em;}
.badge { background-color: #39C; }

#portfolio { padding: 2em; }
#portfolio img { max height: 100px; }

.logo-anim {
    color: #f4511e;
    font-size: 200px;
}

.slideanim {visibility:hidden;}
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
      width: 100%;
      margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo-anim {
      font-size: 150px;
    }
  }
  
/* Images */
.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url("/imgs/vendor-market.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #000;
    padding-top: 4em;
	padding-bottom: 2em;
}
.site-title {
	margin: 0, auto;
	background: #FFF;
	border:double 10px #24496F;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}
.site-title img { margin: 0,auto; }




#MainWrap { padding: 1em; }
header,footer {
	padding-right: 1em;
	padding-left: 1em;
	}
	
	.jumbotron {
    background-color: #234669;
    color: #fff;
    padding: 10px 25px;
  }
  
/* Navigation */
.navbar {
    margin-bottom: 0;
    background-color: #069;
    border: 0;
    font-size: 14px !important;
	font-weight:bold;
    line-height: 1.42857143 !important;
    letter-spacing: 1px;
    border-radius: 0;
  }
  .navbar li a, .navbar .navbar-brand {
    color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-light .navbar-nav  li a .active {
    color: #069 !important;
    background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
  }

/* Pages */

#Schedule, #Vendors, #Sponsors, #Volunteers {
	min-height: 900px;
}
.page-wrap {padding-right: 2em; padding-left: 2em;}
.hpage-header{padding-bottom:5px;margin:30px 0 10px;border-bottom:none;color:#24496F;}
.page-header h1{margin:60px 0 10px;padding-bottom:5px;border-bottom:none;color:#24496F;font-size: 1.6em}
.page-foot {margin-top: 2em;margin-bottom: 3em;}

/*-----------------*/
/* Vendor Section */
/*-----------------*/
.vendor-block {
	margin: 1px;
	padding: .5em;
	border: outset #85AED8 2px;
	background-color:#FFF9FA;
}
.vendor-block img { 
	padding-right: 1em;
	padding-bottom: .5em;
}

/*-----------------*/
/* Sponsor Section */
/*-----------------*/
#Sponsors {
	background-color: #E0F0F8;
}
/* --- sponsor-logos style --- */
#sponsor-logo img {
	margin: 5px;
	padding: 3px 5px;
	display: inline-block;
	border: 1px inset #004080;
	border-radius: 20px;
	background-color: #fff;
}

/* Sponsor Prmotion */
.panel-platinum {background-color:#e5e4e2; color: #1F0035;}
.panel-platinum .panel-header { background-color:#e5e4e2; color: #1F0035; }
.panel-platinum .panel-body {}
.panel-platinum .panel-footer { background-color:#E9EBEE;}

.panel-gold {}
.panel-gold .panel-header {}
.panel-warning .panel-footer { background-color:#FFFFC1; }


.panel-silver h1 { color: #666;}

.panel-success .panel-header {}
.panel-success .panel-footer { background-color:#87B695; }

/* Forms */
.fv-help-block {
   color: #F44336 !important;
}
.my-form.fv-plugins-bootstrap .fv-help-block {
        color: #f39c12;
}
.my-form.fv-plugins-bootstrap .has-danger .fv-plugins-icon {
        color: #f39c12;
}
.my-form.fv-plugins-bootstrap .has-success .fv-plugins-icon {
        color: #18bc9c;
}

/*-------------------*/
/* Volunteer Section */
/*-------------------*/
#Volunteers .fas { padding: .25em; font-size: 50px; color: #f4511e; }
.vol-types {
	padding: 2em;
}

/*-------------------*/
/*      Footer       */
/*-------------------*/
footer {
	padding: 1em;
	background:#C0E0EF;
}
.widget a:link { display: block; }
.widget h4,.widget h5 {
	font-weight:500;
	margin-bottom:.5em;
}
.copyright { padding-top: 2em; text-align:center ; font-size: 75%; }
.social-network { margin-top: -.25em; margin-right: 1em; font-size:36px; float:right;}

.thumbspon { width: 20%; }

/* Misc Utilites */
.p-1 { padding: 1em; }
.p-2 { padding: 2em; }
.p-3 { padding: 3em; }
.pb-1 { padding-bottom: 1em; }
.pb-2 { padding-bottom: 2em; }
.pr-1 { padding-right: 1em; }
.pl-1 { padding-left: 1em; }
.pl-2 { padding-left: 2em; }
.pl-3 { padding-left: 3em; }


.vbottom {
    display: inline-block;
    vertical-align: baseline;
    float: none;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/******************************/
/*    Carosels & Sliders      */
/******************************/ 

/*  Vendor Carosel */
.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #f4511e;
  }
  .carousel-indicators li {
    border-color: #f4511e;
  }
  .carousel-indicators li.active {
    background-color: #f4511e;
  }
  .item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
  }
  .item span {
    font-style: normal;
  }



/* responsive css 
================================= */
/* Medium Desktop */
@media(min-width:992px) and (max-width:1199px){
    [class*="col-"] {
		font-size: 90%;
    }
}	
	
/* Tablet */
@media(min-width:768px) and (max-width:991px){
    [class*="col-"] {
		font-size: 90%;
    }
}	

/* Mobile and Tablet */
@media(max-width:991px){}

/* Mobile Devices */
@media(max-width:850px){}

@media only screen and (max-width: 768px) {
	#Schedule, #Vendors, #Sponsors, #Volunteers { min-height: 0px; }
    [class*="col-"] {
        width: 100%;
    }
	.pl-2 { padding-left: 1em; }
	.pl-3 { padding-left: 2em; }
	.pb-2 { padding-bottom: 1em; }
	.social-network { margin-right: .5em;}
}

@media(max-width:670px){}

@media(max-width:480px){
	.social-network { margin-right: .25em;}
}