/*PHP,CSS,HTML,JS by Corey Watson @ A7D Creative Group, ca. 2015*/
/*
Theme Name: A7D Theme
Theme URI: http://www.explorenorthpark.com/wp-content/themes/a7dtheme
Description: Theme by A7D
Author: Corey Watson at A7D Creative Group, Inc. ca. 2015
Author URI: http://www.a-7-d.com
Version: 1.0
Text Domain: a7dtheme

    1   Init
    2   Layout
    3   DRY + Pseudo
    4   Transition + Animation
    5   Mobile / Response (In another castle called mobile.css)

    1   Init
----------*/
/*Dropdowns////////////////////////////////*/
nav li ul li {
    background: #272324;
    padding: 1rem;
}
nav li ul li a{color: #fff;}
nav li ul li a:after{content:''!important;}
@media(min-width:1000px){
nav li ul{position:absolute;white-space:pre;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform-origin:top left;-webkit-transform-origin:top left;-moz-transform-origin:top left;margin-top:-3em;transition:transform 200ms linear 200ms, opacity 200ms linear 0ms;-webkit-transition:transform 200ms linear 200ms, opacity 200ms linear 0ms;-moz-transition:transform 200ms linear 200ms, opacity 200ms linear 0ms;opacity:0}

nav li ul li{margin-bottom:-3em;text-align:left}

nav li:hover ul{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);opacity:1;transition:transform 200ms linear 200ms, opacity 200ms linear 200ms;-webkit-transition:transform 200ms linear 200ms, opacity 200ms linear 200ms;-moz-transition:transform 200ms linear 200m, opacity 200ms linear 200ms}

nav li ul,nav li ul li{display:block!important;clear:both}

nav li ul li:hover{background:#05adb3}

nav li ul li:hover a{color:#fff}

nav li ul li a:before{transition:top 0ms linear, height 0ms linear, opacity 0ms linear,color 200ms linear}

nav li ul li{transition:background 200ms linear;-webkit-transition:background 200ms linear;-moz-transition:background 200ms linear}
}

/*////////////////////////*/
html{max-width:1920px;margin:0 auto}
html,body,.lead { width: 100vw }
html,body { height: 100vh }
body { overflow-x: hidden;background:#EEE }
body * {pointer-events: all!important;-webkit-pointer-events: all!important;}
.nbc, .nbc * {pointer-events:none!important;-webkit-pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}
html,body,header,nav,section,article,aside,footer,div,span,ul,li,img,a,p,h1,h2,h3,h4,iframe,font,blockquote {
    display: block; position: relative; padding: 0; margin: 0; opacity: 1;
    font: 400 12pt/1.6 cabin, sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline:none;
}
a,img { text-decoration: none; border: none }
img{width:100%;height:auto}
h1, #turn, .headsocial, #mc_embed_signup label, #mc_embed_signup input[type=submit] { font-family: bebas-neue; margin-bottom: 0.25em }
h2,h3,h4 { font-family: cabin-condensed }
h3 { font-family: cabin; font-weight: 700 }
h1,h3 { text-transform: uppercase }
nav span, nav a, footer .widget a, .directory a { font-family: cabin-condensed; font-weight: 400 }
.directory a:last-child { font-weight: 700 }
.directory { line-height: 1;margin-bottom:-0.75em; padding-left:0 }
.directory,.directory a{color:#FFF!important}
.description li { width: 31.3%; padding: 1%; float: left; text-align: center }
.description strong { clear: both; font-size: 1.36vw }
.xmap,iframe { width: 100%; height: 60vh; border:0!important }
span.generic-button{text-align: center;background: #01b6bb;padding: 1em;color: #fff;font-size: 1.5em;border-radius: 5px;}

/*  2   Layout
------------*/

.logo                            { z-index:6}
nav                              { z-index:5}
header,.directory                { z-index:4}
.socials                         { z-index:3}
.easingslider                    { z-index:2!important}
section                          { z-index:2}
footer,.main, #turn, .re         { z-index:1}
body                             { z-index:0}

/*---[ H E A D E R ]---*/
header { width: 100% }
header, .logo, nav { transform: translate3d(0,0,0,);-webkit-transform: translate3d(0,0,0,);-moz-transform: translate3d(0,0,0,);backface-visibility: hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility: hidden}
.logo { top: 0; left: 5%; width: 13%; border-bottom-left-radius:2pt;border-bottom-right-radius:2pt }
/*.logo:hover { width: 15%; left: 4%; }*/
.slide { position: fixed; top: 0; left: 0 }
.slide .logo { left: -20% }
.topmar { margin-top:3em; }

/*---[ N A V ]---*/
nav{padding:0.5em 0}
/*nav,.main { overflow: hidden }*/
nav li a:after { content: '//'; margin: 0 9pt; color:#666; letter-spacing: -3pt }
nav li a{line-height:3em;letter-spacing:1px}
.current-menu-item a { font-weight: 700 }

/*---[ S E C T I O N ]---*/
/*.one_half p, .one_half h2 {color: #fff;}*/
/*.one_half h2{margin-top: 2.4rem;}*/
.one_half p a{z-index: 999999;}
section { max-width: 80.2785%; margin: 0 auto; background: rgba(255,255,255,.95) }
.wrap { padding: 1vw 1vw 0 1vw; z-index: 999999; }
.wrap a{    color: #ffd800d4;}
.solid { background: #AAA }
/*  */
.lead .post { background: rgba(0,0,0,.9) }
.lead h1 { margin-bottom: 0.5em }
.lead p { width: 70%; margin: 0 auto 1em auto; }
.pt { padding-top: 1% }
.pb { padding-bottom: 1% }
.lead h1, .lead p { color: #FFF !important }
/*  */
section h1 { font-size: 2.5em }
.main h1, .teal h1 { font-size: 4vw }
.teal h1{opacity:.5}
section h2 { font-size: 1.5vw }
section h3 { font-size: .9vw; 
margin-bottom: 0.5vw 
}
section h1, section h2, section h3 { line-height: 1 }
p { margin-bottom: 1em }
.postarea strong {font-size:larger;line-height:0.5em}
.pane{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to bottom, transparent, rgba(0,0,0,.9));color:#FFF!important;padding-left:0.5vw;padding-top:2em}
.pane h1{margin-bottom:0!important;color:#FFF!important;opacity:1!important}
.bar{line-height:0;color:transparent}
.bar .textwidget{line-height: normal;color:#000}
/*  */
.post h1, .post h2, .post h3 { color: #000 }
.teal h1, .teal h2, .teal h3, .teal p, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar p { color: #FFF }
.thumbnail { width: 100%; height: 25vh; background: url("") no-repeat center; background-size: cover; margin-bottom: 1em }
.threes .thumbnail{margin-bottom:-0.75em}
/*  */
.threes { width: 30%; margin: 0 1.5%; float: left }
.threes:nth-of-type(3n+1) { margin-left: 0 }
.threes:nth-of-type(3n+3) { margin-right: 0; float: right }
.threes:nth-of-type(3n+2) { border: 2pt dotted rgba(255,255,255,.5); border-top: 0; border-bottom: 0; padding: 0 1% 0 2% }
.threes h2 { clear: both; opacity: .5 }
.threes h2:before, .threes h3:after { position: relative; display: block; content: ''; margin-top: 0.25em; height: 2pt }
.threes h2:before { opacity: .6; margin-bottom: 8.5pt }
.threes h3:after { margin-top: 8.5pt }
/*  */
.postarea { width: 68.75%; float: left; margin-bottom: 1.5em }
.postarea p:nth-of-type(1) {margin: 0 0 .65em 0 }
.postarea a, .sidearea a { display: inline-block; font-weight: 900 }
.postarea a:hover, .sidearea a:hover { opacity: .3 }
blockquote { width: 70%; margin: 1em auto }
/*  */
.sidearea { width: 30%; float: right; margin-bottom: 1.5em }
.sidearea a { display: inline-block; color: rgba(0,0,0,.5) }
.sidearea a:hover {  color: rgba(0,0,0,1) }
/*  */
.full{width:100%;float:none}
.gce-event-day:nth-of-type(4n+5){clear:left!important}
.gce-event-day{padding:1em 0 0 0}
section .gce-event-day:last-child{border-bottom:none;padding-bottom:0!important;margin-bottom:0!important}
.gce-event-day p {max-width:85%;margin: 0.5em auto!important}
/*.gce-event-day{width:100%!important;margin:0.5em 0!important}*/
.half{width:50%;float:left}
.half img {width:90%; max-width:720px; margin: 0 auto }
.responsive-tabs__panel .half img {width:100%; max-width:960px}
.responsive-tabs .responsive-tabs__panel{border:0!important}
ul.responsive-tabs__list{border-bottom:1pt solid #AAA!important;min-height:42px!important}
.half h2 {margin: 1em 0}
.date {font-size:10pt;display:block;margin:0;color:#FFF}

/*---[ A S I D E  /  S I D E B A R ] ---*/
aside .textwidget, aside .sidebar { width: 100% }
aside .sidebar img { width: 40%; height: auto; margin: 0 auto }
aside h1 { line-height: 0; padding-bottom: 0.852708em; border-bottom: 2pt dotted rgba(255,255,255,.7); margin-bottom: 0 }
aside h1:after { display: block; position: relative; top: 0.852708em; height: 0; margin-top: 2pt; border: 2pt dotted rgba(255,255,255,.7); border-left: 0; border-right: 0; content: ''; border-radius: 0 0 99pt 99pt }
aside .sidebar:nth-of-type(2) { border: 2pt dotted rgba(255,255,255,.7); border-top: 0; border-bottom: 0 }
/*  */
.solid h2 { color: #FFF; line-height: 0; margin-bottom: 3em }

/*---[ F O O T E R ]---*/
/*  socials   */
.socials { max-width: 65%; margin: 0 auto !important; text-align: center }
.socials li { margin: 2.5%; width: 15%; display: inline-block }
.socials img { width: 100%; height: auto }
.socials li:hover { opacity: .5 }
footer .widget:nth-of-type(3),footer .widget:nth-of-type(3), footer .widget:nth-of-type(3) ul
{ text-align: center }
footer .widget:nth-of-type(4){text-align:right;}

.logo
{ float: left }
/*  */
.widget { width: 23%; padding: 1%; float: left; clear: right }

.business { width: 100%; float: none; clear: both }
.bizimg{margin-bottom:1.5em}
.bizimg a { width: 32%; height: auto; margin: 0 1%; padding: 0; float: left; clear: right }
.bizimg a:nth-of-type(3n+1){margin-left:0}
.bizimg a:nth-of-type(3n+3){margin-right:0}
.bizimg img, .avatar { width:100%;height:auto;overflow: hidden;border-radius:50%;box-shadow:0 1pt 2pt rgba(0,0,0,.25)}
.avatar {max-width:60%;margin:0 auto 1em auto}
footer .widget:nth-of-type(1), aside .widget:nth-of-type(1) { margin-left: 0 }
footer .widget:nth-of-type(3), aside .widget:nth-of-type(3) { margin-right: 0 }
/*.widget ul { margin: 1.5em 0 }*/
.widget ul a:hover { opacity: .5 }
.current { display: block; width: 100%; float: none; margin: 0 auto -2em auto }
.current .textwidget { font-size: 9pt; text-transform: uppercase }
.widget { font: 400 3vw/1 bebas-neue; text-transform: uppercase; color: rgba(255,255,255,.3) }
.widget a, footer .credit .textwidget a { display: inline-block; color: #FFF }
.credit, .credit .textwidget, .credit .textwidget p, .credit .textwidget a { font-size: 9pt !important; color: #FFF; text-transform: none }
.credit{padding-bottom:1em}
.auth {margin-bottom:2em;font-size:10pt;max-width:50%;line-height:1.27;margin:0 auto 2em auto;font-style:italic;opacity:.5}

/*  */

/*---[ C L A S S E S ]---*/
.halfpad { padding: 1.25% }
.footerlogo { width: 75%; max-width: 400px; height: auto; margin: 0 auto }
.cover { width: 100%; height: auto }
/*  */
.threes .read { padding: 5pt 0; text-align: center; width: 0; margin: 0 auto; letter-spacing: normal; position: absolute; opacity: 0; top: 0; white-space: pre }
.threes:hover .read { width: 40%; opacity: 1 }
.bizimg a, .round{border-radius:50%}
/*  */
.category .thumbnail{z-index:2}
.thumbnail h3{font-family: bebas-neue; font-weight:200!important;letter-spacing:2px}
.category, .gce-event-day { width: 23.875%; margin: 0.5% 0.75%; float: left; overflow: hidden; }
.category:nth-of-type(4n+1),.gce-event-day:nth-of-type(4n+1){margin-left:0}
.category:nth-of-type(4n+4),.gce-event-day:nth-of-type(4n+4){margin-right:0}
.thumbnail h3 { font-size: 1.5vw; font-weight: 700; text-transform: uppercase; opacity: 1; text-align: center; color: #FFF !important; padding:5%;padding-top: 27.8508%; width: 90% }
.thumbnail h3, .pane h1,.directory{text-shadow: 1pt 1pt 2pt rgba(0,0,0,.3);}
.thumbnail h3, .thumbnail h3:before, .thumbnail h3:after{display:block;position:absolute;top:0;left:0}
.thumbnail h3:after,.thumbnail h3:before{background: rgba(25,25,25,.852708); height: 999px; width:50%;content:' ';z-index:-1}
.thumbnail h3:after{left:50%}
.thumbnail:hover h3:before{left:-50%}
.thumbnail:hover h3:after{left:100%}
.thumbnail:hover h3{opacity:0}
.eats h3:after,.eats h3:before{background: rgba(56, 85, 139, 0.9);}
.drinks h3:after,.drinks h3:before{background: rgba(183, 40, 90, 0.9);}
.event h3:after,.event h3:before{background: rgba(136, 91, 38, 0.9);}
.arts h3:after,.arts h3:before{background: rgba(61, 150, 116, 0.9);}
.category .thumbnail { margin-bottom: 0.5em; overflow: hidden; height: 12vw !important; background: cover !important }
.category a { display: block }
.category a:hover { opacity: 1 }
.catjump { text-align: right; line-height: 1; text-transform: uppercase; font-size: .7em }
.mini { padding: 2pt 4pt !important; width: auto !important; display: inline-block !important }
.hideaway, .bizimg br { visibility: hidden !important; display: none !important }
/*  */
.blog { display: block; border: 2pt dotted rgba(255,255,255,.7); border-right: 0; border-left: 0 }
.blog p, .blog p:nth-of-type(1) { font-size: 13pt; margin: 0 auto 1em auto; }
.blog .thumbnail { display: inline-block; width: 20vw; overflow: hidden; float: left; clear: right; margin-right: 1.5em; }
.blog .thumbnail img { width: 125%; height: auto; left: -12.5% }
/*  */
#turn { position: absolute; left: 0; top: -1.5em; text-shadow: 1pt 1pt 2pt rgba(0,0,0,.4); font-size: 1vw; color: #FFF; text-transform: uppercase; padding: 0 2.5%; border-radius: 10pt 10pt 10pt 0 }
#turn:hover { padding: 0 3.25% }
.details li, .credit { clear: both; display: block }
.details i{width:25pt;text-align:center}
.botmar { line-height: 2; margin-bottom: 0 }
.nopoint { pointer-events: none!important; user-select: none!important }
/*  */
.interview li:nth-of-type(2n+1) { opacity:0.6; border: 1pt dotted #DDD;padding:1em 0;margin:1em 0;border-left:0;border-right:0 }

/*---[ T W E A K S ]---*/
#cboxOverlay { background: rgba(0,0,0,.9) !important; opacity: 1 !important }
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomCenter, #cboxBottomLeft, #cboxBottomRight, #cboxContent { background: none !important }
#cboxContent button { display: none !important; visibility: hidden !important }
#sbi_load{display:none!important;visibility:hidden!important}

/*  3   DRY + Pseudo
------------------*/
.bizimg a
{ overflow: hidden }
.logo
{ position: absolute }
.threes a:nth-of-type(3)
{display:inline-block}
.logo img, .slide
{ width: 100%; height: auto }
body
{ margin: 0 auto }
nav, .solid
{ background: linear-gradient(to bottom, rgba(150,150,150,.3), transparent 10%), #272324; }
footer
{ background: #272324}
aside, #turn, .banner
{ background: #05adb3 }
.logo, #mc_embed_signup input[type=submit]
{ background: linear-gradient(to bottom, rgba(250,250,250,.3), transparent 25%, transparent 75%, rgba(50,50,50,.3)), #05adb3; }
.teal,.read,.responsive-tabs__list__item--active
{background: #05adb3 !important}
.logo:hover
{ background: linear-gradient(to bottom, rgba(250,250,250,.3), transparent 25%, transparent 75%, rgba(50,50,50,.3)), #333; }
.current-menu-item a, .threes h3, .details a, .postarea a
{ color: #05adb3 }
.directory a:hover
{ color: #05adb3 !important }
.postarea a:hover
{ color: #111 }
nav span
{ color: #EEE }
nav a:hover span
{ color: #888}
.read
{ color: #FFF;border-bottom-right-radius:10pt }
.responsive-tabs__list__item--active
{ color: #FFF !important }
nav:before, nav li, nav li a:after, .socials li, .socials a, .directory a, .details a
{ display: inline-block }
nav li a
{ font-size: 1em;z-index: 999999999; }
nav li:last-child a:after
{ display: none; visibility: hidden }
nav a, .directory, .directory a
{ text-transform: uppercase }
aside h1, aside p, .socials ul, footer .widget:nth-of-type(2), footer .widget:nth-of-type(2) ul, .credit .textwidget, .gce-event-day, .auth
{ text-align: center }
.right {text-align:right}
/*  */
section h3, footer .current-menu-item a, .credit a, .details strong
{ opacity: .5 }
.credit a:hover, .postarea h3
{ opacity: 1 }
/*  */
nav, .logo, .read,section,footer
{ box-shadow: 0 2.5pt 5pt rgba(0,0,0,.2) }
.read, nav a
{ text-shadow: 1pt 2pt 3pt rgba(0,0,0,0.3) }
/*  */
.thumbnail
{ cursor: pointer }
.noshade{box-shadow:none!important;background:transparent;padding-top:0.5em}
.noshade img {max-width:480px; margin: 0 auto}
/*  */
nav:before, .threes:after, section:after, .lead:after, .sidebar:after, .postarea:after, .sidearea:after, aside .sidebar img:after, .threes h2:after, .wrap:after, .category:after, .bizimg:after, .bizimg img:after, .blog:after, .blog .thumbnail:after,.description:after,.description li:after,.gce-event-day:after, .half:after, .clear, .clear:after
{ display: table; content:''; clear:both }
/*  */
nav:before { width: 19%; content: 'Explore North Park'; line-height: 2.0625em; font-size: 1.5em; float: left; margin-right: 1%; text-transform: uppercase; text-align: center; letter-spacing: 2pt; font-family: bebas-neue; opacity: 0; color: #FFF }
.slide nav:before { opacity: 1; padding-right:2pt }
/*  */
.details:before {content:' ';height:1px;position:relative;display:block;width:100%;box-shadow:0 -3px 3px rgba(0,0,0,.2);margin:1em 0;}
.details strong { font-family: cabin-condensed; font-weight: 400; text-transform: uppercase; padding-right: 0.5em; display: inline-block;width:100px;}
.details li{border-bottom:1pt dotted #DDD;padding:2pt 0}
/*.details li:before{position:relative;display:inline-block;padding-right:0.5em;text-align: center;width:2em}
.details li:nth-of-type(1):before{content:'★'}
.details li:nth-of-type(2):before{content:'☎'}
.details li:nth-of-type(3):before{content:'⚭'}
.details li:nth-of-type(4):before{content:'☉'}*/
.banner {margin:1em auto; box-shadow:none}
.banner a:hover{opacity.5}

/*  4   Transition + Animation
--------------------------  */

@media (min-width: 1000px) {    
    .directory a, nav span
    {transition: color 360ms ease; -moz-transition: color 360ms ease; -webkit-transition: color 360ms ease}    
    .credit a, .socials li, .widget ul li
    {transition: opacity 360ms ease;-webkit-transition: opacity 360ms ease;-moz-transition: opacity 360ms ease}    
    .logo {     transition: background 360ms ease, width 360ms ease, height 360ms ease, left 360ms ease, content 360ms ease;
           -moz-transition: background 360ms ease, width 360ms ease, height 360ms ease, left 360ms ease, content 360ms ease;
        -webkit-transition: background 360ms ease, width 360ms ease, height 360ms ease, left 360ms ease, content 360ms ease }    
    body {  transition: top 360ms ease;
       -moz-transition: top 360ms ease;
    -webkit-transition: top 360ms ease }    
    .read, .postarea a, .sidearea a { transition: width 360ms ease, opacity 360ms ease;
       -moz-transition: width 360ms ease, opacity 360ms ease;
    -webkit-transition: width 360ms ease, opacity 360ms ease }    
    #turn, .re {  transition: padding 360ms ease;
             -moz-transition: padding 360ms ease;
          -webkit-transition: padding 360ms ease }    
    nav:before, nav, header, header:before, .slide:before { transition: all 360ms ease;
                                                       -moz-transition: all 360ms ease;
                                                    -webkit-transition: all 360ms ease }
    .thumbnail:hover h3, .thumbnail:hover h3:before, .thumbnail:hover h3:after{
                transition: left 240ms ease, opacity 240ms ease 250ms;
        -webkit-transition: left 240ms ease, opacity 240ms ease 250ms;
           -moz-transition: left 240ms ease, opacity 240ms ease 250ms }
    .thumbnail h3, .thumbnail h3:before, .thumbnail h3:after{
                transition: left 240ms ease 250ms, opacity 240ms;
        -webkit-transition: left 240ms ease 250ms, opacity 240ms;
           -moz-transition: left 240ms ease 250ms, opacity 240ms}
}

/* FA Edit */

nav span, i, .fa, .widget span {display: inline-block !important}
nav span, .widget span{color:#FFF}
.widget i{width:24pt; text-align:center}
.current-menu-item i, .current-menu-item span{color:#05adb3!important}
.fa{margin-right:4pt}
nav i{font-size:1.125em!important}
/*NEW*/
#jp-relatedposts h3.jp-relatedposts-headline em{font-size:24px;}
/* MC Form */

#mc_embed_signup{margin-top:1em}
#mc_embed_signup div{display:inline-block;clear:none; width:100%;text-align: center;}
#mc_embed_signup input, #mc_embed_signup label, #mc_embed_signup form {outline:none}
#mc_embed_signup .clear{display:inline-block;clear:none}
#mc_embed_signup label, #mc_embed_signup p{text-transform:none}
#mc_embed_signup p{margin-bottom:0}
#mc_embed_signup label, #mc_embed_signup input[type=submit]{letter-spacing:1pt}
#mc_embed_signup input, #mc_embed_signup label {position:relative;text-align:center;clear:none;display:inline-block}
#mc_embed_signup input{padding:2.5pt 5pt;background:transparent;border:0;}
#mc_embed_signup label{width:auto;padding:0;margin-right:5px;top:1px;}
#mc_embed_signup input[type=email]{text-align:left;font-size:12pt;box-shadow:0 2pt 2pt rgba(255,255,255,.3);background:rgba(255,255,255,.2);}
#mc_embed_signup input[type=submit]{text-transform:uppercase;display:inline-block;width:auto;cursor:pointer;border:none;border-radius:3pt;font-size:16px;margin-top: 1em;}
#mc_embed_signup input[type=submit]:hover{background:#FFF;color:#444}
.ninja-forms-req-symbol{display:inline-block!important}
.ninja-forms-cont input, .ninja-forms-cont textarea{padding:5pt;border-radius:3pt;border:none;border-left:1px solid #DDD;border-top:1px solid #DDD;box-shadow:1px 1px 4px rgba(0,0,0,.25)}
.ninja-forms-cont input[type=submit]{background:#05adb3;color:#FFF}

.category a:before,.main:before,.bizimg a:after, .threes .thumbnail:before, .teal:before {display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:'';z-index:10!important;background:url(https://www.explorenorthpark.com/wp-content/themes/a7dtheme/images/Texture.png) repeat center}
.directory, .pane {z-index:11!important}

ul.news li{margin:0.5em auto}
/***********NEW*****************************/
 @media(min-width:1000px){
        .festSponsors{width: 10%;padding: 1%;float: left;clear: right;}
        .sdccu{width: 17%;padding: 1%;float: left;clear: right;}
        img.imap{width: 31%;}
    }

li.second a {
    color: #fff;
}
/***********festival*****************************/
    @media(max-width:600px){
.hideBackMobile{background:none !important;}
        .hideMobile{display:none;}
    .showOnMobile{display:block !important;}
/*        .full_width, .hideBackMobile, .one_half {min-height:auto !important;}*/
}
.showOnMobile{display:none;}

@media(max-width:999px){
    .full_width{border:none !important;}
    .one_half a {
    font-size: 1em;
}
    
    .taste_boxes{width: 100% !Important;}
}
p.first, p.third{    text-align: center;
    padding: 0 1em 0 1em;
    width: 93% !important;}
p.second{text-align: left;padding-left: 21px}
p.fourth{    text-align: center;
    padding: 0 1em 0 1em;
    width: 93% !important;}

@media(max-width:600px){p.first, p.third{text-align: center;
    /* float: right; */
        padding: 14px !important;
    width: 88%;}
p.second{text-align:center;width: 96%;padding-left: 7px !important;}
p.fourth{float:none;width:96%;text-align:center;padding-left: 9px !important;}
}

@media(min-width:600px){
    .box-general{min-height:410px}
}
    @media(max-width:1290px){
        .one_half{width:100% !important;}
        .brewery_items{display:none;}
        .trend_box{
    width: auto;
    float: none;
    background: #24a5b7b0 !important;
    padding: 3em;
    margin: auto;
            
            
}
        
        .traveler{background: #656565d6;float:none}

}
.button-in-box{text-align: center;font-size: 1.2em;margin: auto;padding: 0.25em;width: 50%;border-radius: 5pt;border: 1.5pt solid rgba(0,0,0,.5);color: #fff;background: transparent;font-weight: 700;background-color: #66b8c4;}
.FOA-box{height: auto; color: #fff; background: #e502d4; min-height: 391px;}

@media(min-width:1290px){
    .brew_slide{display:none;}
    .trends{ min-height: 31em;}
    .trend_box{margin-top: 5em;}
    .traveler{background: #656565d6;
    padding: 2em;float:right}
}
a.btn-sm {
    font-size: inherit;
    margin: 11px !important;
    padding: 0.25em;
    border-radius: 5pt;
    border: 1.5pt solid rgba(0,0,0,.5);
    color: #fff;
    background: transparent;
    font-weight: 700;
    background-color: #66b8c4;
}
@media(min-width:1024px){
    .ticketMobile{display:none;}
}
.ticketMobile {
text-align: center;
    background: #63cad9;
    padding: 1em;
    width: 50%;
    margin: auto;
}

.ticketMobile a {
    color: #fff !important;
    font-size: 2em;
}
@media(max-width:1024px){
    .hideOnMobile{display:none;}
}

@media(min-width:540px){
    .one_seventh{width:13.6% !important;float: left;}
}

h3 a {
    text-decoration: underline;
}
/*.one_half li{color:#fff;}*/

.easingslider-buttons {
    position: relative;
    bottom: 2em;
}
.easingslider {
    z-index: 999999999!important;
}

.gce-list-title {
    font-family: cabin;
    font-weight: 700;
    text-transform: uppercase;
    /* font-size: .9vw; */
    background: #0aa3a8;
    color: #fff;
}

label {
    color: #fff !important;
}

/*
section.teal a {
    display: inline-block !important;
} 
*/

.taste-head{
        text-align: center;

    background: #e5285c;
    color: #fff;

}

.taste-items{    padding-top: 1em;
    text-align: center;
    background: #1db1c0;
    color: #fff;

}

.taste-items a{
    color:#fff;
}

div.bpt_ticket_widget{
    max-width:none !important;
}


/*
.one_half a {
    color: #fff;
}
*/

.taste_boxes{width: 78vw;}

span.asterisk {
    display: none;
}

.indicates-required {
    display: none !important;
}
.trends{
    background: url(https://www.explorenorthpark.com/wp-content/uploads/2018/10/trands_Back.jpg);
    clear: both;
    position: relative;
    overflow: auto;
    background-position: center center;
    background-size: contain;
    background-attachment: fixed;
    margin: 5em 0 3em 0;
    top: 3em;
}

.experience{
       min-height: 31em;
    background:url(https://www.explorenorthpark.com/wp-content/uploads/2018/10/NorthParkBeerCo-0159.jpg);
    clear: both;
    overflow: auto;
    background-position: center center;
    background-size: cover;
    margin: 5em 0 3em 0;
}

.trend_box{background: #24a5b7;
    padding: 3em;
    }

.experience p{padding:1em}

.easingslider-5133 {
    margin: auto;
    clear: both;
}


.farmers_market_paralax{
    background:url(https://www.explorenorthpark.com/wp-content/uploads/2018/10/FMRadishesdark.jpg);
 clear: both;
    position: relative;
    overflow: auto;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    margin: 5em 0 3em 0;




}

.Small_Business_paralax{
    background:url(http://www.explorenorthpark.com/wp-content/uploads/2018/11/liveMusicsbs.jpg);
 clear: both;
    position: relative;
    overflow: auto;
    padding:11em 0 11em 0;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    margin: 5em 0 3em 0;




}
div#sb_instagram {
    z-index: -99;
}
.SBS_Restaurants{width: 70%;margin: auto;}

    

h3.blog-head-3 {opacity: 1;
    margin-top: 1em;
    color: #43c3c9;
    border-bottom: solid;
    font-size: 1.5em;
}

@media(min-width:1317px){
.festival-intro{text-align: left;padding: 1em;}
}
.festival-boxes{display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    width:100%;
}

.box-unit{  margin: 10px;
    width:170px;text-align: center;padding: 2em;color: #fff;height:120px;line-height: .5em;}
.box-unit-span{text-align: center;font-size: 2.3em;margin-top:20px;font-style: italic;}
/*Individual boxes*/

.b1{ background: #ea2689;}
.b2{ background: url(https://www.explorenorthpark.com/wp-content/uploads/2019/02/NPFA2017-NIK_4461.jpg);background-size:cover;}
.b3 {background: #fdd507;}
.b4{ background: url(https://www.explorenorthpark.com/wp-content/uploads/2019/02/b4.jpg);background-size:cover;;}
.b5{ background: url(https://www.explorenorthpark.com/wp-content/uploads/2019/02/b5.jpg);background-size:cover;;}
.b6{ background: #3d9b9c}
.b7{ background: url(https://www.explorenorthpark.com/wp-content/uploads/2019/02/b7.jpg);background-size:cover;;}
.b8{ background: #62b6ca}
.b9{ background: #fdd507}
.b10{ background: url(https://www.explorenorthpark.com/wp-content/uploads/2019/02/b10.jpg);background-size:cover;}
.b11{ background: #f11a89;line-height: 1em;}
.b12{ background: url(https://www.explorenorthpark.com/wp-content/uploads/2019/02/b12.jpg);background-size:cover;}
.b13{ background: url(https://www.explorenorthpark.com/wp-content/uploads/2019/02/b13.jpg);background-size:cover;}
.b14{ background: #62b6ca}
.b15{ background: url(https://www.explorenorthpark.com/wp-content/uploads/2019/02/b15.jpg);background-size:cover;}
.b16{ background: #fdd507}

ul.bar-menu {text-align: center;}

@media(max-width:1432px){.box-unit{width:143px;}}
@media(max-width:470px){.bpt{display:none;}}
@media(min-width:470px){.bpt-mobile{display:none;}}
/*
@media(max-width:954px){.b2, .b4, .b5, .b7, .b10, .b12, .b13, .b15{display:none;}}
@media(min-width:1260px) and (max-width:1888px){.b10{display:none;}}
@media(min-width:887px) and (max-width:954px){.box-unit { width: 333px;}}

@

@media(min-width:718px) and (max-width:886px){.box-unit { width: 243px;}}

*/
@media(max-width:1000px){.festSponsors{display:none;}img.map{display:none;}}
@media(min-width:1000px){.sponsorTab{display:none;}.map-mobile{display:none;}}
@media(max-width:718px){.festival-boxes{display:none;}}
@media(max-width:1280px){.one_sixth {width: 33% !important;clear: none !important;
}
}

/*@media(min-width:471px) and (max-width:717px){.box-unit { width: 69vw;}}*/

/*Band Lineup Page*/


.zoom-effect-container {float: left;position: relative;width:100%;height: 360px;margin: 0 auto;overflow: hidden;}
.image-card {position: absolute;top: 0;left: 0;margin: .2em;}
.image-card img {-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.zoom-effect-container:hover .image-card img {-webkit-transform: scale(1.08);transform: scale(1.08);}
.box-unit-span, .box-unit-span-sub{line-height:33px;}
h2.lineup{margin: .5em 0 2em 0;}
a h2.lineup {color: #000;text-decoration: underline;}

.front-page-fest {
    padding: 1em;
    margin: 1em;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    background: #fb5edc;
    color: #fff;
    text-align: center;
    z-index: 99999;
    border: solid 2px;
    border-radius: 10px;
}
.front-page-fest:hover {
    background: #5ee4fb;
    transition: .3s;
    border: solid 2px #000;
}

.event-page-buttons {
    padding: 1em;
    margin: 1em;
    background:#18acb3;
    color: #fff;
    z-index:99999;
  border-radius: 30px;
}
.event-page-buttons:hover {
    background: #fb5edc;
    transition: .3s;
}

.events-page-half{
    width: 46%;
    padding: 1em;
    display: inline-block;
}

@media screen and (max-width: 1280px) {
    .events-page-half{
        clear: both;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
        padding:0;
    }
    
}

.content-column.one_half {
    width: 50%;
}
/* PHP, HTML, CSS & JS by Corey Watson */