/*
Theme Name: Open Aire Market
Description: Custom Wordpress Theme
Author: Ultra Design Agency
Author URI: http://ultradesignagency.com
Version: 6.2.A
License: Copyright 2015 Ultra Design Agency
*/

/* CSS RESET 
--------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0 ;padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} 
ol,ul {list-style:none}
table {border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
html {  box-sizing: border-box;}
*, *:before, *:after {  box-sizing: inherit; }

/* MOBILE DROPDOWN
.drop_down
------------------------------------------------------*/


/* FONTS
------------------------------------------------------*/
@font-face {
    font-family: 'eraserregular';
    src: url('EraserRegular-webfont.eot');
    src: url('EraserRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('EraserRegular-webfont.woff') format('woff'),
         url('EraserRegular-webfont.ttf') format('truetype'),
         url('EraserRegular-webfont.svg#eraserregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* BASIC STRUCTURE 
------------------------------------------------------*/

body { background: #25c0cf; color: #2e2e2e; font-size: 100%; margin:0; padding:0; font-family: 'Raleway', sans-serif;} 
.float_container {clear: both; overflow: hidden;}
.twelve_hundred {position: relative; max-width: 1200px; margin: 0 auto;}
.nine_hundred {position: relative; max-width: 900px; margin: 0 auto;}
#container {position: relative;}
a, a:hover {text-decoration: none; cursor: pointer}
a {color:#6c446c;}
a:hover {color:#f3ee58}
.hover {-webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out;	transition: opacity .2s ease-in-out;}
.hover:hover {filter: alpha(opacity=60) !important; opacity: 0.6 !important;}
img {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
h1 {font-size: 30px; line-height: 34px; text-transform: uppercase; margin-bottom:8px;  letter-spacing: 3px; text-transform:uppercase; }
h2 {font-size: 24px; line-height: 30px; text-transform: uppercase; margin-bottom:8px; letter-spacing: 3px;}
h3 {font-size: 20px; line-height: 24px; text-transform: uppercase; margin-bottom:8px; letter-spacing: 3px; }
h4 {font-size: 18px; line-height: 22px; text-transform: uppercase; margin-bottom:8px; letter-spacing: 3px; }
h5 {font-size: 16px; line-height: 20px; text-transform: uppercase; margin-bottom:8px; letter-spacing: 3px; }
p {margin: 0 0 15px;  letter-spacing: 2px; line-height:20px;}
.clear {clear: both;}
.left {float: left;}
.right {float: right}
.uppercase {text-transform: uppercase;}
.center {text-align: center;}
.responsive {text-align: center}
.responsive li {display: inline-block}
img { height: auto}


/* HEADER 
------------------------------------------------------*/
header {width:100%; position: fixed; background: #25c0cf; height:44px; z-index:999; -webkit-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.65);
box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.65);  }
body.logged-in{margin-top:20px;}
nav {position:relative; margin:0 auto; text-align:center; padding-top:11px;}
.menu {clear: both;}
.menu ul {text-align:center;}
.menu li {display: inline-block; margin-right: 25px;}
.menu li:hover .sub-menu {left: auto;}
.menu li:last-child {margin-right: 0;}
.menu a {text-decoration: none; display: block; color: #6c446c; text-transform:uppercase; font-weight:bold; letter-spacing:2px; font-size: 14px;}
.menu a:hover {color:#f3ee58} 
.sub-menu {position: absolute; left: -999em; z-index: 999;}
.sub-menu li {display: block; float: none;}
#logo {position: fixed; height:228px; width:160px; top: -40px; margin-left:3%;}
#logo:hover { -moz-transform: rotate(5deg) translateY(4px);
-webkit-transform: rotate(5deg) translateY(4px);
-o-transform: rotate(5deg) translateY(4px);
-ms-transform: rotate(5deg) translateY(4px);
transform: rotate(5deg) translateY(4px);} 

.social {float: right; position: fixed; top: 0; right: 2%;}
.social img { height: 40px; padding-top:2px; }

#click-menu {padding: 5px 0 0 !important; }

/* HOME PAGE
------------------------------------------------------*/
.homeSlider {padding-top:44px;}
/*for revolution slider*/
.tp-bullets.simplebullets.round .bullet {  
                      background:#ffffff !important; 
  width: 12px !important;  height: 12px !important;
border: 2px solid white;
                      border-radius:15px;
                     -webkit-border-radius:15px;
                     -moz-border-radius:15px; 
} 
 
.tp-bullets.simplebullets.round .bullet:hover {  
                      background:#097179 !important; 
}

.tp-bullets.simplebullets.round .bullet.selected {
background:#097179 !important;
}

.slide, .slide-about {position:relative; text-align: center; padding:100px;  background-size:cover;  background-position: center center; margin-top:44px;}
.slide-about {height:400px;}
.slide-text {position: relative;}
.slide-text h1 {color:#f3ee58; font-weight:bold;}
.slide-text h2, .slide-text h4 {color:#ffffff; }
.slide-text h3 {color:#25c0cf; font-weight:bold;}
.slide-text h4 {margin-bottom:0;}
 
.whatsHappening {text-align: center; background-image: url(images/home/chalkboard.jpg); background-size:cover; padding:20px;}
.whatsHappening ul {text-align: center;}
.whatsHappening li {display:inline-block; vertical-align: middle; margin: 25px; width:250px; font-family: 'eraserregular', sans-serif;  text-align:center;}
.events ul { text-align: left; list-style-image: url( images/home/chalkmark.png); }
.events li {display:list-item;  text-align: left; }
.events li a {color:#ffffff; font-size:18px; text-transform:uppercase;}
.events li a:hover, .whatsHappening h4:hover {color:#f3ee58}

.events img {float:left;}
.whatsHappening h1 {color:#f3ee58; font-family: 'eraserregular', sans-serif; margin-top:5px; text-transform:uppercase;}
.whatsHappening h4 {color:#ffffff; font-family: 'eraserregular', sans-serif; margin-top:5px; text-transform:uppercase;}

.infoBox ul {font-size: 0;}
.infoBox li {display:inline-block; background-size:cover; font-size: 15px; width:25%; height:300px; text-align: center; }
.infoBox div {display: table-cell; vertical-align: middle; text-align: center; height:300px;   width: 25%; }
.infoBox h2 a {color:#ffffff;}
.infoBox h2 a:hover {color:#f3ee58}

.featuredVendor {text-align: center; background-image: url( images/home/ocean-bg.jpg); background-size:cover; padding-top:75px; }
.featuredVendor h1 {color:#ffffff; font-weight:bold;}
.featuredVendor h2 {color:#ffffff; }
.featuredVendor h4 {color:#f3ee58; margin-top:15px; margin-bottom:15px; font-family: 'eraserregular', sans-serif; text-transform:uppercase;}
.featuredVendor img {margin-top:20px; margin-bottom:0; max-width:100%; vertical-align: bottom; -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;}
  img.featuredBorder {margin: 5px 0 20px;}

.featuredSlides {min-height:375px;}


/* Signup form css
------------------------------------------------------*/
.chalk.signUp {background-image: url( images/home/chalkboard.jpg); background-size:cover;}

.chalkboard-news.signUp {padding:50px;}
.chalkboard-news.signUp .gform_wrapper .gform_footer.left_label {float:none; text-align:center; width:100%;}

.signUp {background: #097179; -webkit-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.65);
box-shadow: 0px 3px 25px 0px rgba(0,0,0,0.65);  z-index:2; position: relative;}

.signUp ul {text-align: center;}
.signUp li {display:inline-block; vertical-align: middle; font-family: 'eraserregular', sans-serif; color:#ffffff; letter-spacing:3px; width:540px; text-transform:uppercase;}

.ginput_container {text-align:left;}
.gform_wrapper .gfield_required {font-family:sans-serif; color:#ffffff ! important;}
.gform_wrapper input[type=text], .gform_wrapper li.gfield_error input[type=text]  {background: transparent; width:275px !important;
 border-style: solid;  font-family: 'Raleway', sans-serif !important; color:#ffffff;
border-width: 8px 11px 9px;
-moz-border-image: url( images/signup_input.png) 8 11 9 repeat;
-webkit-border-image: url( images/signup_input.png) 8 11 9 repeat;
-o-border-image: url( images/signup_input.png) 8 11 9 repeat;
border-image: url( images/signup_input.png) 8 11 9 repeat !important;}

label.gfield_label {text-align:right; margin-right:0 !important; margin-top: 5px !important; padding-right: 5px;}

.gform_wrapper input[type=submit] { background: transparent;  background-image: url( images/signup_submit.png); height: 34px; width: 85px; border:0; font-family: 'eraserregular', sans-serif; color:#ffffff;  letter-spacing:1px; }
 .gform_wrapper input[type=submit]:hover {color:#f3ee58 !important; cursor:pointer !important;}

.gform_wrapper div.validation_error {  display: none;}
.gform_wrapper li.gfield.gfield_error {border: 0 !important;background-color:transparent !important;}
.gform_wrapper .gfield_error .gfield_label {color:#ffffff !important;}
.gform_wrapper .validation_message {color:#ffffff !important;}
.gform_wrapper .left_label .gfield_description {width:100% !important; margin-left:0 !important;}
.gform_confirmation_message{text-align:center; color:#f3ee58;  padding-bottom: 20px;}

.gform_body {max-width:430px; display: inline-block;}
.gform_footer {display:inline-block !important; padding: 0 !important;}


.applyButton {background: transparent;  background-image: url( images/signup_submit.png); height: 34px; width: 85px;   display: inline-block; padding-top:7px;}
.applyButton a {font-family: 'eraserregular', sans-serif; color:#ffffff;  letter-spacing:1px; }
.applyButton a:hover {color:#f3ee58;}



/* Calendars PAGE 
------------------------------------------------------*/
.allEvents {position:relative; text-align: center; background-image: url( images/calendars/calendars_bg.jpg); background-size:cover; padding: 120px 0 60px;}
.allEventsSlides {position: relative; max-width: 1400px; margin: 0 auto;}

.allEvents h1 {color:#f3ee58; font-weight:bold;}
.allEvents h2 {color:#ffffff; margin-top:5px; }

.allAnnualEvents, .whatsInSeason {background:#25c0cf; text-align:center; color:#ffffff; padding-top:75px; text-align:center; }
.allAnnualEvents {padding-top:25px; z-index:3; position:relative; margin-top:20px;}
.whatsInSeason  {padding-top:75px; z-index:1; position:relative;}
.allAnnualEvents h2, .whatsInSeason h2 {color:#097179; font-weight:bold; margin-bottom:10px;}

.allEvents ul, .allAnnualEvents ul {text-align: center; }
.allEvents li, .allAnnualEvents li {display:inline-block; vertical-align: top; margin: 0 20px; text-align:center;}
.allAnnualEvents li {width:25%}

.event {margin-top: 30px;}
.annualEvent {margin-top: 30px;}

.event-bg {display:table; width: 263px; height:263px;}
.event-bg {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.event-content {display:table-cell; vertical-align:middle; padding: 10px;
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.event-content p {margin-bottom:0;}

.allEvents li h3, .eventDate h5 {color:#ffffff;}
.eventDate {max-width: 263px;}
.allEvents li p {color:#ffffff; font-size: 12px;}
.allAnnualEvents li h4 {margin-top: 15px;}

.standard h3 {font-family: 'eraserregular', sans-serif; text-transform:uppercase; letter-spacing:2px;}
.standard p {font-family: 'eraserregular', sans-serif; text-transform:uppercase; letter-spacing:2px;}
.event-content img {margin-bottom: 10px;}

div.previous , div.next {font-family: 'eraserregular', sans-serif; color:#ffffff;}

.events-3, .events-2, .events-1 {display:none;}

img.arrow-next {  position: relative;  top: -150px; left: 625px; }
img.arrow-prev {  position: relative;  top: -150px; left: -625px; }


/*In the News and Insider Tips*/
.chalkboard-news {max-width: 600px; text-align:center;}
.chalkboard-tips {max-width: 1000px; text-align:center;}

.chalkboard-news, .chalkboard-flat {margin:40px auto 0; background-image: url( images/vendors/chalkboard-bg.jpg); background-size:cover;  padding:75px;
-webkit-border-top-left-radius: 30px; 
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;}
.chalkboard-news h2, .chalkboard-tips h2 {color:#25c0cf; font-weight:bold;}
.chalkboard-news div a, .chalkboard-tips p, .chalkboard-tips li {color:#ffffff; font-family: 'eraserregular', sans-serif; text-transform:uppercase; letter-spacing:2px; line-height: 200%;}
.chalkboard-tips p {margin-bottom:0;}
.chalkboard-tips li {list-style-type: disc; list-style-position: inside; }
.chalkboard-news div a:hover {color:#f3ee58; }
.chalkboard-news img {margin-bottom: 25px;}
.chalkboard-tips h3 {color:#f3ee58;   margin-top: 20px; font-weight:bold; }
.chalkboard-tips .moreSpace {margin-top: 100px; }
.contactContent .chalkboard-tips li {display:list-item; width:100%;}


/* What's In Season PAGE 
------------------------------------------------------*/
.whatsInSeason img {margin-top:20px; margin-bottom:0; vertical-align: bottom; max-width:100%;
-webkit-border-top-left-radius: 15px; 
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;}
.seasonLink {text-transform:uppercase; letter-spacing: 2px;}


/* Custom PAGE 
------------------------------------------------------*/
.pageTitle {position:relative; text-align: center; background-image: url( images/home/chalkboard.jpg); background-size:cover;   padding: 120px 0 60px;}
.pageTitle-about {position:relative; text-align: center; padding: 75px 0 20px;}
.pageTitle h1, .pageTitle-about h1 {color:#f3ee58; font-weight:bold;}
.pageTitle h2, .pageTitle-about h2  {color:#ffffff; font-family: 'eraserregular', sans-serif; margin-top:5px; }

.content {background:#25c0cf; text-align:center; color:#ffffff;  padding:75px 100px 0; z-index:1; position:relative;}
.about {padding:0 100px;}
.content h2 {color:#097179; font-weight:bold; margin-bottom:20px;}
.content p { text-align: center;}


/* About PAGE
------------------------------------------------------*/
.section {margin-bottom:60px;}
.section p {margin: 0 0 20px;  letter-spacing: 2px;}
.note {max-width:800px; margin: 0 auto;   padding: 15px 0 0;}
.note li {display: table-cell; vertical-align: middle;}
.note li {width:66%}
.note li:first-child {width:33%;}
.note p {font-family: 'eraserregular', sans-serif; text-transform:uppercase; letter-spacing:2px; padding:5px;}

.aboutImage p {margin-bottom:0;} 


/* Vendors PAGE
------------------------------------------------------*/
.vendor1 { text-align: center; background-image: url( images/vendors/vendors-1.jpg); background-size:cover; background-attachment: fixed; padding: 200px 50px; background-position: center bottom;}
.vendor2 { text-align: center; background-image: url( images/vendors/vendors-2.jpg); background-size:cover; background-attachment: fixed; padding: 200px 50px; background-position: center center;}
.vendor3 { text-align: center; background-image: url( images/vendors/vendors-3.jpg); background-size:cover; background-attachment: fixed; padding: 200px 50px; background-position: center center;}

.chalkboard, .chalkboard-round {margin:0 auto; background-image: url( images/vendors/chalkboard-bg.jpg); background-size:cover;  padding:75px; -webkit-border-radius: 15px;   -moz-border-radius: 15px;   border-radius: 15px;}
.chalkboard h2 {color:#25c0cf; font-weight:bold;}
.chalkboard div {color:#ffffff; font-family: 'eraserregular', sans-serif; text-transform:uppercase; letter-spacing:2px; line-height: 160%;}
.chalkboard img {margin-bottom: 25px;}

 .chalkboard-round {margin: 100px auto 150px;}
img.rounded {-webkit-border-radius: 125px;   -moz-border-radius: 125px;   border-radius: 125px; }

.col-3 { margin-top:20px; -webkit-column-count: 3; /* Chrome, Safari, Opera */     -moz-column-count: 3; /* Firefox */     column-count: 3;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */     -moz-column-gap: 40px; /* Firefox */     column-gap: 40px; }

/*Contact Page
------------------------------------------------------*/
.contactTitle {text-align: center; background-image: url( images/contact/contact-bg.jpg);  padding: 100px 0 40px; color:#ffffff; z-index:3; position: relative; background-size:cover; }
.contactTitle h2, .contactTitle h4 {color:#f3ee58; font-weight:bold;}
.contactTitle p {text-transform:uppercase;}

.map {width: 600px; overflow: hidden; height: 300px; margin:30px auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  }

.contact.signUp {background:#6c446c;}

.contactContent {background:#25c0cf; text-align:center; color:#ffffff;  padding:75px 100px 0px;}
.contactContent h2 {color:#097179; font-weight:bold; margin-bottom:20px;}
.contactContent h4, .contactContent h5  {color:#097179; font-weight:bold;}
.contactContent p {text-transform:uppercase;}

.general h4 {margin-top:25px;}
.inline{display:inline; vertical-align:top; margin-top:25px;}

.person  {margin:40px auto 100px;}
.person p {font-size:12px;}
.person img {border: 1px white solid;}
.contactContent ul {text-align: center;}
.contactContent li {display:inline-block; width:300px; text-transform:uppercase; letter-spacing:2px; margin: 20px 0; vertical-align:top;}

.tour {margin:100px 0;}



/*FOOTER
------------------------------------------------------*/
footer {background: #097179; padding:40px 5px;}
footer ul {text-align:center;}
footer li {display: inline;  margin-right: 30px; }
footer li + li::before { content: " | "; padding-right:30px;}
footer a, footer li {color:#ffffff; font-weight:bold; text-transform:uppercase; letter-spacing:3px;   line-height: 30px; font-size:14px;}
footer a: hover {color:#f3ee58;}


/*RESPONSIVE CSS
------------------------------------------------------*/
@media only screen and (max-width : 1300px)  
{
footer li {margin-right: 10px; }
footer li + li::before { content: " | "; padding-right:20px;}
footer a, footer li {letter-spacing:2px; font-size:12px;}
/*Sign-Up Forms*/
.signUp ul {padding: 10px 0 0;}
.gform_wrapper {margin:0 !important;}

.events-4 {display:none;} .events-3 {display:block;}
img.arrow-next {  position: relative;  top: -150px; left: 475px; }
img.arrow-prev {  position: relative;  top: -150px; left: -475px; }
}


@media only screen and (max-width : 1100px)  
{
.social {right: 0;}
#click-menu {right: 165px !important; }
}

@media only screen and (max-width : 1000px)  
{
.content {padding:100px 25px 0;}

footer li {display:block; text-align:center;}
footer li + li::before { content: ""; padding-right:0px;}

.chalkboard-tips {width:100%; padding:75px 10px;}

/*Vendor Page*/
.col-3 { -webkit-column-count: 2; /* Chrome, Safari, Opera */     -moz-column-count: 2; /* Firefox */     column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */     -moz-column-gap: 40px; /* Firefox */     column-gap: 40px; }
.vendor1, .vendor2, .vendor3 {  padding: 200px 0;}

.events-3 {display:none;} .events-2 {display:block;}
 img.arrow-next {  position: relative;  top: -150px; left: 310px; }
img.arrow-prev {  position: relative;  top: -150px; left: -310px; }

}

@media only screen and (max-width : 800px)  
{ 
.infoBox div, .infoBox li {width:50%;}
}

@media only screen and (max-width : 700px)  
{ 
.events-2 {display:none;} .events-1 {display:block;}
 img.arrow-next {  position: relative;  top: -150px; left: 150px; }
img.arrow-prev {  position: relative;  top: -150px; left: -150px; }
}

@media only screen and (max-width : 600px)  
{ 
#logo {top:-100px; margin-left:0;}
.chalkboard {padding: 75px 5px;}
.chalkboard-news {width:100%; padding:75px 5px;}
.note li, .note li:first-child {display:inline-block; width: 100%;}
img.rounded {margin-bottom:20px;}

/*Vendor Page*/
.col-3 { -webkit-column-count: 1; /* Chrome, Safari, Opera */     -moz-column-count: 1; /* Firefox */     column-count: 1;}

/*Sign-Up Forms*/
.signUp li {text-align: center; width: 100%; margin: 0; padding:0 0 10px;}
.gform_wrapper form {text-align: center !important;}
.gform_wrapper .gform_footer.left_label {float:none; text-align:center; margin-top:-20px;}
.gform_wrapper .left_label .gfield_label {float:none !important;}
.gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin:0 !important;}
.ginput_container {margin-right: 0; } 
.gform_wrapper .left_label input.medium {width:100% !important;}
}

.gform_wrapper .gform_footer.left_label, .gform_wrapper .gform_footer.right_label {
    margin-left: 0 !important;
    padding: 1em 0 0.625em;
    width: 0 !important;
}
