body
{
   /*
   color:#fff;
   background-color:#000;
   background:url(vendor-background.jpg) repeat-y center top;
   background-repeat: repeat-y;
   
   background-size: 230% 100%;
   background-attachment: fixed;
   font-family: sans-serif;
   */
   
   font-family: 'Raleway';
   padding:20px;margin:20px;
   padding:0px;margin:0px;
   
   font-size: 18px;
   
   
}

.vendor_button {
 
   text-align:left !important;
}


.vendor_button.home
{
    width: auto;
    min-width: auto;
    display: inline-block;
    font-size: 18px;
    text-align: center !important;
}


.vendor_name_smaller {

  font-size:22px;


}


.raffle_question
{
   font-size:20px;
   max-width: 95%;
   padding-bottom: 10px;
}

.vendor_booth {
   
   font-size:35px;
  
   text-align: center;
   margin-bottom: 40px;
   line-height:1em;

}

.vendor_description {
   
   /*
   font-size:20px;
   text-align: center;
   margin-bottom: 15px;
   
   font-style: italic;
   */
}

.vender_directory {
   
   font-size:30px;
   text-transform: uppercase;
   text-align: center;
   margin:auto;
   /* margin-bottom: 15px; */
   /* text-shadow: 4px 4px 1px #1B1B1B; */
   
   width: 93%;
   
   border-bottom: 2px solid #e1e1e1;
}


.directory_alt_color
{
   background-color:rgba(189, 189, 189, 0.24);
   
}

.vendor_hours
{
   font-size:22px;
   
}

.description
{
    
    font-size: 55px;
    
}

.content_header
{
   color:#fff;
   font-size:18px;
   text-align:center;
   padding-bottom:10px;
}

.content_subheader
{
   color:#fff;
   font-size:17px;
   text-align:center;
   
}

.content_text
{
   color:#fff;
   font-size:14px;
   text-align:left;
   margin-top: 10px;
   margin-bottom: 16px;
}


.underline
{
  text-decoration:underline;
}

#vendor_zone
{
   border: 0px solid white;
   max-width: 100%;
   text-align: center;
   font-family: Raleway;
}

.calendar_box
{
    border:3px solid white;
    border-radius: 15px;
    box-shadow: 0px 0px 48px #000;
}

.calendar_month
{
    font-size: 60px;
    background-color:rgba(223,222,222,0.5);
}


.calendar_day
{
 font-size: 82px;
 padding-bottom: 20px;
 padding-top: 20;

}

.calendar_year
{
    font-size:42px;
    
}

.big_icon
{
   font-size:74px;
   margin-left: 13px;
}

.back_button
{
   font-size:40px;
   text-align: center;
   padding: 12px;
}

.pointer
{
   cursor: pointer;
}

.event
{
    width:100%;
}

.vendor_profile {
    
    display:flex;
    flex-direction:column;
}


.summary
{
    font-size:60px;
    
}

#down_arrow
{
   bottom: 20px;
   position: absolute;
}

#debug_readout
{
   position: fixed;
}

#up_arrow
{
   top: 20px;
   position: absolute;
}

#ui_overlay
{
   position: fixed;
   max-width: 100%;
   width: 100%;
   height: 100%;
   border: 0px solid white;
   left: 60px;
}

#qr_zone
{
   background-color:#fff;
   height:0px;
   display: table;
   
}

.top_logo
{
   text-align: center;
   margin: auto;
   position: relative;
   
   max-width: 95%;
}

.top_logo img
{
   width:100%;
}

.qr_text
{
   color: #000;
   padding: 20px;
   text-align: center;
   /* font-family: sans-serif; */
   font-size: 46px !important;
   font-family: 'Raleway';
   line-height:1;
}

.basic_fade
{
   transition: opacity 1s;
}

.check_fade
{
   
   transition: opacity 0s;
}


.fa-caret-right
{
   /* color:#989898; */
}


.fa-caret-left, .fa-caret-right, .fa-caret-up, .fa-caret-down
{
    color: #7a3293;
    
}


.dwg_form input
{
    border-radius:3px;
    border: 2px solid  #C5C5C5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width:100%;
    margin: 5px;
	font-size: 22px;
	padding-left: 10px;
}

.dwg_form_submit
{

    padding-bottom: 10px;
    margin-bottom: 10px;
    border-radius:5px;
    color:#fff;
    text-align: center;
    background: linear-gradient(to bottom, rgba(43,149,219,1) 0%,rgba(40,103,211,1) 28%,rgba(40,103,211,1) 40%,rgba(127,178,232,1) 100%); /* W3C */
    margin: 5px;
    
}

.submit
{
    text-align:center !important;
}

.dwg_form
{
	width: 85%;
	margin: auto;
}


.text_line1
{
    font-size: 28px;
    text-align: center;
    padding-bottom: 2px;
    max-width: 90%;
    margin: auto;
    
}

.text_underline
{
    border-bottom: 2px solid rgba(207, 197, 197, 0.57);
    line-height: 1;
}


.text_description
{ 
    font-size: 26px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.27);
    margin-bottom: 10px;
}

#vendor_wrapper
{
   position: relative;
}

.qr-message
{
    text-transform:uppercase;
    font-size:36px;
    width: 420px;
    margin: auto;
    padding-bottom: 10px;
    font-family: 'Raleway';
    line-height: 1;
}


/*---- media queries */

@media screen and (max-width: 768px)
{
   .vender_directory
   {
      font-size: 15px;
      padding-top:20px;
   }
   
   .fa-caret-right
   {
      font-size: 42px !important;
   }
   
   .fa-caret-up, .fa-caret-down
   {
      font-size:64px !important;
   }
   
   #ui_overlay
   {
      left: 2px;
   }
   
   
   .raffle_question
   {
      font-size:16px;
   }

   .text_description
   { 
      font-size: 23px !important;
   }
}


@media screen and (min-width: 768px)
{
   
   .vender_directory
   {
      font-size: 30px;
      padding-top:0px;
   }
   
    .fa-caret-right
   {
      font-size: 74px !important;
   }
   
   .fa-caret-up, .fa-caret-down
   {
      font-size:124px !important;
   }
   
    #ui_overlay
   {
      left: 60px;
   }
   
   .vendor_booth {
       font-size:25px !important;
   }
}


/* from http://cssdeck.com/labs/css-checkbox-styles * /

/* SQUARED TWO */
.squaredTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/*
input[type=checkbox] {
	visibility: hidden;
}
*/

.dwg_checkbox
{
   
   height:35px;
   width:35px;
   border:2px solid #B4B4B4;
   border-radius: 5px;
   cursor: pointer;
   display: inline-block;
   position: relative;
   background-color: rgba(255, 255, 255, 0.12);
   top: 8px;
    
}

.dwg_text_area textarea
{
   font-size:23px;
   padding:10px;
}


/* webflow patches */

.directory_label.year
{
    background-color: rgba(0,0,0,0.08);
    display: inline-block;
    border-radius: 10px;
    font-size: 18px;
    padding: 3px;
    line-height: 22px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 3px;
}


.no-decoration, .no-decoration:visited, .no-decoration:active
{
    color: inherit;
    text-decoration: none !important;
}