/*--------------------------------------------------
BODY AND ELEMENTS
--------------------------------------------------*/


body {
	box-sizing: border-box;
	text-align: center;
	color: black;
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
	background: #fff;
	/*font-size: 16px;*/
}

img {
	max-width: 100%;
	margin: 10px 0px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*--------------------------------------------------
LAYOUTS
--------------------------------------------------*/

.wrapper {
	width: calc(100% - (30px));
	max-width: 1224px;
	margin: auto;
}

.clearfix {
	content: "";
	display: table;
	clear: both;
}

header {
	width: 100%;
	margin-top: 20px;
}

section {
	padding: 20px 0px 50px;
}

.mainfooter {
	border-top: 1px solid #666;
	padding: 30px 0px;
	width: 100%;
	font-size: 0.8rem;
}

.secondaryfooter {
	padding: 30px 0px;
	width: 100%;
	font-size: 0.8rem;
}


/*--------------------------------------------------
NAVIGATION
--------------------------------------------------*/

nav a {
	display: block;
	padding: 10px;
	margin-bottom: 4px;
	background: none;
}

nav a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	color: black;
}

nav a:hover {
	color: #5f6062;
}

footer a {
	text-decoration: none;
	color: black;
	display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

footer a:hover {
	color: #5f6062;
}
/*--------------------------------------------------
SECTIONS
--------------------------------------------------*/

.footer-name {
	font-weight: bold;
	font-size: 1.2em;
	color: #333;
	float: left;
}

.wrapper {
	background-color: white;
}

#schedulecolor {
	background-color: #fff;
}
div#schedule {
	background-color: #fff;
}

#promocolor {
	background-color: #f19168;
}
div#promo {
	background-color: #f19168;
}

#map {
 width: 100%;
 height: 500px;
 background-color: grey;
 margin: auto;
 position: relative;
}

.boldweight {
	font-weight: 700;
	/*text-align: left;
	text-decoration: none;*/
}

#register {
	margin-top: 20px;
	margin-bottom: 20px;
}

.workshop-one {
	background-color: #a6f900;
	/*margin-top: 20px;
	margin-bottom: 50px;*/
	padding-top: 40px;
	padding-bottom: 30px;
	color: #000;
}

.workshop-two {
	background-color: white;
	margin-top: 50px;
	margin-bottom: 50px;
}

#locations,#workshops,#schedule,#register{
	padding-top: 30px;
	margin-top: 20px;
}

#schedule{
	padding-bottom: 30px;
}

.hotelhover{
	background: none;
	color: #000;
	text-decoration: none;
}

.hotelhover:hover{
	background: none;
	color: #5f6062;
	text-decoration: none;
}

.foodhover{
	background: none;
	color: black;
	text-decoration: none;
}

.foodhover:hover{
	background: none;
	color: #5f6062;
	text-decoration: none;
}

.phonecolor{
	background: none;
	color: #000;
	text-decoration: none;
}

.phonecolor:hover{
	color: #5f6062;
}

.twitter  {
  max-width: 6%;
	max-height: 6%;
	margin: auto;
}

#sponsors{
	margin-bottom: 20px;
}

/*=====================
FLEXBOX
====================== */

.workshop-page {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
	width: calc(100% - (30px));
	max-width: 1224px;
	margin: auto;
	content: "";
	clear: both;
}

.accomodations-page {
	display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
	width: calc(100% - (30px));
	max-width: 1224px;
	margin: auto;
	content: "";
	clear: both;
	flex-direction: column;
}

.restaurants {
	display: flex;
	flex-direction: column;
	margin: 0 20px;
}

.flexnav{
  display: inline-flex;
  flex-wrap:wrap;
  justify-content: center;
}

.flexregister {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.sponsors-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
	width: calc(100% - (30px));
	max-width: 1224px;
	margin: auto;
	content: "";
	clear: both;
}

a:focus, a:hover {
    color: #5f6062;
    text-decoration: none;
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
     padding-left: 0px;
     padding-right: 0px;
}

.navbar {
     padding: 0;
}

.wrapping {
    background-color: white;
}

li.nav-item {
	margin-top: 25px;
}

a.navbar-brand{
	margin-left: 15px;
}

.btn,
.active {
	transition: .4s;
}

.white-text {
	color: white;
	padding-top: 40px;
}

.btn-primary {
    color: #000;
    background-color: #a6f900;
    border-color: #a6f900;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #000;
    background-color: #71f12d;
    border-color: #71f12d;
}

/*--------------------------------------------------
MEDIA QUERIES
--------------------------------------------------*/

@media (max-width: 903px) {
	.wrapper {
		width: 90%;
	}

	nav li {
		display: inline;
		margin-left: 20px;
	}

	nav li:first-child {
		margin-left: 0px;
	}

	nav a {
 		display: inline;
		width: auto;
		background: none;
		padding: 10px 0px;
 	}

 	#about p,
 	#contact p {
 		font-size: 1.36rem;
	}

	#about p {
		text-align: left;
	}

 	#about img {
		float: right;
		margin-left: 20px;
	}

	img.locationheader {
	    display: block;
	    margin: 0 auto;
	}

	/*  new stuff  */

	.hamburger {
    cursor: pointer;
    padding: 15px 10px 15px 0;
    display: block;
    float: right;
		margin-top: 15px;
  }

  .line {
    border-bottom: 4px solid #bbb;
    width: 35px;
    margin-bottom: 6px;
  }

  .line:last-child{
    margin-bottom: 0;
  }

  nav li{
    width: 100%;
  }

  .menu{
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
  }

  .open{
    height: 360px;
    /* previosly 295px */
  }

}

@media (min-width: 809px) {

	header h1 {
		float: left;
 	}

	header nav {
		float: right;
		margin-top: 30px;
 	}

.workshop-page li {
	max-width: 33%;
	margin: 20px 20px;
}

	.logo {
		float:left;
	}

	.flexschedule {
  display: flex;
  justify-content: space-around;
}

.flex-li {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
	font-weight: 500;
}

.flexfooter {
	display: flex;
	justify-content: space-around;
}

.restaurants {
	flex-direction: row;
	margin: 0 20px;
	justify-content: space-between;
}

.last-link {
	margin-right: 20px;
}

}