@charset "UTF-8";
/* CSS Document */

* {padding: 0; margin: 0; font-size: 100%}
html, body {
	height: 100%;
    background-color: rgba(0,70,80,1.00);
	font-family: 'poppins', sans-serif; font-weight: 400;
    color: white;
}

img {
	border: 0;
}
a:link {color: rgba(113,160,0,1); text-decoration: none;}
a:visited {color: rgba(113,160,0,1); text-decoration: none;}
a:hover {text-decoration: underline; color: rgba(249,42,130,1)}
p {font-size: 1.3em; margin: 0 0 20px 0;}
@media (min-width: 768px) {p {font-size: 1.6em;}}

h1 {font-family: filmotype-maxwell, sans-serif;
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    font-size: 4.4em; 
    font-weight: 400;
    margin: 0 0 50px 0;
    line-height: 100%;
    text-align: center;
}
@media (min-width: 768px) {h1 {font-size: 6.5em;}}
h2 {font-family: filmotype-maxwell, sans-serif;
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    font-size: 4em;
    line-height: 87%;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 55px;
    text-align: center;
}
@media (min-width: 768px) {h2 {font-size: 4.5em;}}
.h2-extra-big {font-size: 4em;}
@media (min-width: 768px) {.h2-extra-big {font-size: 6em;}}

h3 {font-family: filmotype-maxwell, sans-serif;
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    font-size: 2.5em;
    line-height: 87%;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 55px;
    text-align: center;
}
@media (min-width: 768px) {h3 {font-size: 3.5em;}}

h4 {font-family: filmotype-maxwell, sans-serif;
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    font-size: 2em;
    line-height: 87%;
    font-weight: 400;
    text-align: center;
}
@media (min-width: 768px) {h4 {font-size: 2.8em;}}

h5 {font-size: 1em;}
h6 {font-size: 0.9em;}
strong {font-weight: 600;}
em {font-style: italic;}
li {font-size: 1.5em;}
small {font-size: .7em;}
.mighty {font-family: mighty-slab, serif;}
sup {font-size: .5em;}
.orange {color: rgba(236,159,5,1);}
.blue {color: rgba(164,185,224,1);}
.pink {color: rgba(249,42,130,1);}
.green {color: rgba(113,160,0,1);}
.free {font-size: 2rem; font-weight: 700;}

/*Navbar*/
.nav {text-align: center;}
.navbar {border: none; background-color: none; margin-bottom: 30px; }
.navbar-nav {background-color: none;}
.navbar .navbar-collapse {text-align: center; background-color:none; color:#333;}
@media (max-width: 991px) {.navbar .navbar-collapse {margin-top: 30px;}}
.dropdown-item {
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms;
}
.dropdown-item {background-color:none;}
.dropdown-menu {background-color:none;}
.dropdown:hover>.dropdown-menu {
  display: block;
}
@media (min-width: 576px) {.nav-item {padding: 0px;}}
@media (min-width: 768px) {.nav-item {padding: 0px;}}
.nav-item a {color: rgba(123,136,93,1.00); text-decoration: none;}
.nav-item a:hover {color: rgba(170,182,143,1); text-decoration: none;}
.nav-link {font-size: 1.7em;}
.nav-link.active {color: rgba(170,182,143,1); text-decoration: none;}
@media (min-width: 576px) {.nav-link {font-size: 1.7em;}}
@media (min-width: 768px) {.nav-link {font-size: 2em;}}
@media (min-width: 992px) {.nav-link {font-size: 1.5em; margin-left: 12px; margin-right: 12px;}}
@media (min-width: 1200px) {.nav-link {font-size: 1.5em;}}

.navbar-toggler {border-color: rgba(170,182,143,1); border-width: 2px;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(170,182,143,.5)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-toggler-icon:hover {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(170,182,143,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.fauxNav {text-align: center; background-position: top center;}
@media (min-width: 768px) {.fauxNav {background-image: url("../assets/images/mindful-header-logo-r2.png"); background-repeat: no-repeat; padding-top: 290px; padding-bottom: 40px; background-position: top center;}}

/*Structure*/
.intro {margin-top: 40px; margin-bottom: 20px;}
@media (max-width: 767px) {.first-row {margin-top: -97px;}}
@media (min-width: 768px) {.first-row {margin-top: -110px;}}

.stage-box {border-radius: 180px; border: 20px solid; padding: 15px; font-size: 3.2em; line-height: 100%;
    background-color: rgba(0,70,80,1.00);
    font-family: filmotype-maxwell, sans-serif;
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    margin-top: 80px; margin-bottom: 30px;
}
@media (min-width: 768px) {.stage-box{font-size: 4.5em;}}
.band-row {border-top: 20px solid; border-bottom: 20px solid;}
.band-box {padding: 0px 0px 50px 0px;}
.band-box h2 {margin-top: 40px;}
.rounded-box {border-radius: 80px; border: 20px solid; padding: 15px; margin-bottom: 30px;}
@media (min-width: 768px) { .rounded-box {padding: 40px;} }
.rounded-box h2 {margin-top: 40px;}
.rounded-box-2 {border-radius: 120px; border: 20px solid; padding: 20px; margin-top: 10px; margin-bottom: 25px;}
@media (min-width: 768px) { .rounded-box {padding: 30px;} }

.internal-nav-box{
    border-radius: 80px; border: 15px solid; 
    text-align: center;
    font-family: filmotype-maxwell, sans-serif;
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    font-size: 3.5em;
    line-height: 87%;
    font-weight: 400;
    margin-top: 15px; margin-bottom:20px;
    padding: 15px 6px;
    }
.stage-type-box {
    background-color: rgba(0,70,80,1.00);
    line-height: 100%;
    font-family: filmotype-maxwell, sans-serif;
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    border-radius: 45px; border: 13px solid; padding: 15px; margin-top: 10px;
    text-align: center; font-size: 3em;}
.food-box-outer {padding: 15px;}
.food-box {border-radius: 80px; border: 20px solid; padding: 25px; margin-bottom: 20px;}
.food-box h3 {margin-top: 0; margin-bottom: 20px;}
.b-b-1 { border-color: rgba(236,159,5,1);}
.b-b-2 { border-color: rgba(164,185,224,1);}
.b-b-3 { border-color: rgba(249,42,130,1);}
.b-b-4 { border-color: rgba(113,160,0,1);}
.b-b-5 { border-color: rgb(180, 180, 180);}
.b-b-6 { border-color: rgb(222, 189, 105);}
.b-b-7 { border-color: rgb(136, 136, 136);}
.band-logo {background-color: black; border-top-left-radius: 60px; border-bottom-left-radius: 60px;}
@media (max-width: 991px) {.band-logo {border-top-right-radius: 60px; border-bottom-right-radius: 60px; margin-top: 30px;}}
.band-section {margin-bottom: 80px; margin-top: 50px;}
.band-detail {padding: 0px 20px 30px 20px;}
.band-detail p {font-size: 1.4em;}
.band-detail h2 {font-size: 4em;}
@media (min-width: 768px) {.band-detail h2 {font-size: 5em;}}


.social-row {margin-top: 50px; margin-bottom: 50px;}
.social-icon {width: 100px;}
.adjust-up {margin-top: -100px;}

.bigPad {padding-top: 20px; padding-bottom: 30px; margin-top: 20px; margin-bottom: 50px;}
@media (min-width: 768px) {.bigPad {padding-top: 0px; padding-bottom: 00px; margin-top: 0px; margin-bottom: 40px;}}
.textPad {padding: 30px 20px 30px 20px;}
@media (min-width: 768px) {.textPad {padding: 50px 50px 30px 50px;}}

.article-pic {margin-bottom: 30px; }
@media (min-width: 768px) { .article-pic {padding: 15px;} }

.more-info {margin-top: -100px;}
.more-info-nudge {padding-top: 100px;}
.stage-time {text-align: center; text-transform: uppercase; font-size: 1.8em !important; font-weight: bold;}
.faq-nav-outer {
    padding: 7px;
}
.faq-nav {
    font-family: filmotype-maxwell, sans-serif;
    font-size: 2.5em;
    line-height: 80%;
    text-align: center;
    font-weight: 600;
    margin: 5px;
    padding: 13px 13px 16px 13px;
    border-radius: 20px;
    border: solid 5px white;
}
.faq-content h3 {font-size: 4.5em;}
.faq-content strong {color: rgb(164, 185, 224);}
.button-generic {
    font-size: 26px; font-weight: 600; 
    position: relative;
    display: inline-block;
    padding: 1em; margin-top: 30px; margin-bottom: 20px;
    text-decoration: none;
    color: white;
    background: rgba(249,42,130,1);
    border-radius: 30px;
    transition: .4s;
}
.button-generic:hover {background: rgb(222, 189, 105);}

.pic-row {
    background-size: cover;
    padding-top: 100px; padding-bottom: 100px;
    background-position: center center;
}
.p-r-01 {background-image: url("../assets/pics/clones-on-stage-01.jpg");}
.p-r-02 {background-image: url("../assets/pics/crowd-from-behind.jpg");}
.p-r-03 {background-image: url("../assets/pics/crowd-from-stage-02.jpg");}
.p-r-04 {background-image: url("../assets/pics/crowd-from-stage.jpg");}
.p-r-05 {background-image: url("../assets/pics/CorFest-entrance-ext-wide.jpg");}
.p-r-06 {background-image: url("../assets/pics/crowd-from-back.jpg");}
.p-r-07 {background-image: url("../assets/pics/clones-on-stage-01.jpg");}
.p-r-08 {background-image: url("../assets/pics/clones-on-stage-01.jpg");}
.p-r-09 {background-image: url("../assets/pics/clones-on-stage-01.jpg");}
.drop-shadow {text-shadow: 2px 2px 15px black;}

/*Footer*/
.footer {
    background-color: none;
    color: white;
    text-align: center;
	margin-top: 50px;
    padding-bottom: 40px;
}
.footer a {color: rgba(217,255,160,1.00); }


/* // X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... } */