/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Fonts

*/

/* --------------------
 Fonts
----------------------*/
@font-face {
    font-family: 'gibsonlight';
    src: url('../fonts/gibson/gibson_light-webfont.eot');
    src: url('../fonts/gibson/gibson_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gibson/gibson_light-webfont.woff') format('woff'),
         url('../fonts/gibson/gibson_light-webfont.ttf') format('truetype'),
         url('../fonts/gibson/gibson_light-webfont.svg#gibsonlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibsonregular';
    src: url('../fonts/gibson/gibson_regular-webfont.eot');
    src: url('../fonts/gibson/gibson_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gibson/gibson_regular-webfont.woff') format('woff'),
         url('../fonts/gibson/gibson_regular-webfont.ttf') format('truetype'),
         url('../fonts/gibson/gibson_regular-webfont.svg#gibsonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibsonsemibold';
    src: url('../fonts/gibson/gibson_semibold-webfont.eot');
    src: url('../fonts/gibson/gibson_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gibson/gibson_semibold-webfont.woff') format('woff'),
         url('../fonts/gibson/gibson_semibold-webfont.ttf') format('truetype'),
         url('../fonts/gibson/gibson_semibold-webfont.svg#gibsonsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibsonitalic';
    src: url('../fonts/gibson_italic/gibson_italic-webfont.eot');
    src: url('../fonts/gibson_italic/gibson_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gibson_italic/gibson_italic-webfont.woff') format('woff'),
         url('../fonts/gibson_italic/gibson_italic-webfont.ttf') format('truetype'),
         url('../fonts/gibson_italic/gibson_italic-webfont.svg#gibsonitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gibsonlight_italic';
    src: url('../fonts/gibson_italic/gibson_lightit-webfont.eot');
    src: url('../fonts/gibson_italic/gibson_lightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gibson_italic/gibson_lightit-webfont.woff') format('woff'),
         url('../fonts/gibson_italic/gibson_lightit-webfont.ttf') format('truetype'),
         url('../fonts/gibson_italic/gibson_lightit-webfont.svg#gibsonlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "SSSocial";
  src: url('../fonts/social/ss-social-circle.eot');
  src: url('../fonts/social/ss-social-circle.eot?#iefix') format('embedded-opentype'),
       url('../fonts/social/ss-social-circle.woff') format('woff'),
       url('../fonts/social/ss-social-circle.ttf') format('truetype'),
       url('../fonts/social/ss-social-circle.svg#SSSocialCircle') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "SSSocial";
  src: url('../fonts/social/ss-social-regular.eot');
  src: url('../fonts/social/ss-social-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/social/ss-social-regular.woff') format('woff'),
       url('../fonts/social/ss-social-regular.ttf') format('truetype'),
       url('../fonts/social/ss-social-regular.svg#SSSocialRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ie9 input[type="text"], .ie9 input[type="password"], .ie8 input[type="text"], .ie8 input[type="password"] {
  height: auto!important
}
.ie9 .input-login, .ie8 .input-login  {
  padding-top: 18px;
  padding-bottom: 18px;
}

.ie9 .class-list__class-list-hover--twitter-handle, .ie8 .class-list__class-list-hover--twitter-handle {
  margin-top: 55px;
}
.ie9 .class-list__class-list-hover h3, .ie8 .class-list__class-list-hover h3  {
  position: relative;
  z-index: 40000;
}
.gibson_light{
    font-family: 'gibsonlight';
}
.gibson_reg{
    font-family: 'gibsonregular';
}
.gibson_bold{
    font-family: 'gibsonsemibold';
}
.gibson_italic{
    font-family: 'gibsonitalic';
}
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body,html{ overflow-y:auto; overflow-x:hidden; width:100%; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    /*display: inline-block;*/
}

.clear{
    clear: both;
}

html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

a:hover, .donate:hover{ cursor:pointer;}

.border-t{border-top:1px solid #cccccc;}
.border-b{border-bottom:1px solid #cccccc;}
.border-tb{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}

.space-1{margin-bottom:10px !important;}
.space-2{margin-bottom:20px !important; display: block; margin:0 auto;}
.space-3{margin-bottom:30px !important;}
.space-6{margin-bottom:60px !important;}
.space-8{margin-bottom:80px !important;}
.space-9{margin-bottom:90px !important;}
.space-10{margin-bottom:100px !important;}
.space-11{margin-bottom:110px !important;}
.space-15{margin-bottom:150px !important;}

p a{color:#000; border-bottom:1px solid #bfbfbf;}

.no-pad{padding:0;}
.readmore{display:block; font-size:30px; color:#000; text-decoration: underline; margin:0 auto; font-family: "gibsonregular"; width:140px;}

/*Colors for fonts*/
.c-1{color:#fff;}
.c-2{color:#000;}
.c-3{color:#1c4791;}
.c-4{color:#37b1e1;}

/* Padding and Margin presets */
.pl-1{padding-left:10px;}
.pl-2{padding-left:20px;}
.pl-3{padding-left:30px;}

.pr-1{padding-right:10px;}
.pr-2{padding-right:20px;}
.pr-3{padding-right:30px;}

/*Text Decorations*/
.underline{border-bottom:1px solid #000; padding-bottom:1px;}

h1,h2,h3,h4{ text-transform: uppercase; }
h2{font-size:3.438em;}
h3{font-size:1.125em;}
h4{font-size:2.125em;}
p{font-size:1.875em;}
header.wrapper{background: url(../img/header-bkg.jpg); height:100px;}
#logo{position:absolute; top:0; left:0; margin:0; padding:0; z-index: 15;}
#logo img{ width:150px; height: 144px; -webkit-transition: all 200ms linear;
 -moz-transition: all 100ms linear;
 -ms-transition: all 100ms linear;
 -o-transition: all 100ms linear;
 transition: all 100ms linear;}
#nav{ padding: 22px 0; position: relative;}
.position-fix {
  position: inherit!important;
}

/*Featured Supporters*/
#supporters ul{
  padding:2%;
  text-align: center;
}
#supporters ul li{
    /*width: 20%;*/
    width: 15%;
    /*margin-right: 3%;*/
    /*display: table-cell;*/
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    /*padding: 1%;*/
    padding: 2%;
}
/*#supporters ul li:first-child{margin-left: 5%;}*/

#supporters ul li img{width:100%;}

/* Privacy Page
------------------------- */
body.textured{background:url(../img/template-bkg.jpg) no-repeat;}
.static header.wrapper{height:144px; /*margin-bottom:145px;*/ position: relative; }
.static #logo{ width:18%;}
.static #top-social-cont{display: none;}
/*.static p{font-size:14px;}*/
.static.privacy p{text-align: left;}

/*404*/
.static section.fourofour{min-height:400px;}
.static section.fourofour h1{font-size:55px; margin: 55px auto 20px auto}
.static section.fourofour p{font-size:24px;}
.static section.fourofour p a{ border-bottom:1px solid #000; color:#000; padding-bottom:1px;}

/* Contact */
.static#about-us-contact  p{
    font-size: 18px;
}
.static#about-us-contact  h1{
    font-size: 55px;
    margin: 0 0 20px 0;
}
.static#about-us-contact .node-page a{
    font-weight: bold;
    color: #1c4491;
}
.static#about-us-contact .page a:hover{
    text-decoration: underline;
}
#search_bar form{
    max-width: 255px;
    width: 100%;
    height: 25px;
    padding: 12px 0;
    margin: 0 0 0 3%;
    float: left;
}
#search_bar input{
    height: 25px;
    line-height: 25px;
    border-radius: 15px;
    padding: 0 30px 0 12px;
    border-color: #999999;
    background: #999999 url(../img/icon_search.png) no-repeat right center;
}
#search_bar .form-actions{
    display: none;
}
.page-search .region-content .search-form{
    display: none;
}
/*
#top-socials{margin-top:12px;}
#top-socials li{ position:relative; float:left; margin-right:30px; padding-left: 27px; }
#top-socials li a{ color:#fff; text-transform: uppercase;}
#top-socials li a img{position: absolute; top: 0; left: 0;}
*/

.right { float: right!important;}
#logo { width: 18%; }
header #top_nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: static;
    margin-left: 18%;
    margin-top: 2px;
    height: 73px;
    z-index: 2;
}
/*.front header #top_nav{
    padding-left: 20px;
}*/

h1{font-size:55px; text-align:center; margin-top: 100px;}

#top_nav a.donate {
  margin-top: -69px!important;
  float: right!important;
  letter-spacing: 0 !important;
  margin-right: 15px;
  position: relative;
  z-index: 7;
}

@media (max-width: 1145px) {
  #top_nav a.donate {
    margin-top: -144px!important;
    left: -50%;
  }
}

.main_links li{
    display: inline-block;
    margin-right: 0;
    margin-left: 2%!important;
}
.main_links li a{
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    vertical-align: middle;
    line-height: 50px;
    font-family: 'gibsonregular';
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    text-shadow:0px 0px 1px #000;
}
.main_links li a:hover, .main_links .active-trail {
    color: #12a6dc;

}
.main_links {
    padding: 0;
    z-index: 6;
    width: 120%;
}
.main_links ul{
    position: absolute;
    top:76px;
    left: 0;
    padding: 0;
    margin: 0;
    display: none;
    width: 83.3333%;
}
.main_links .active-trail ul{
    display: block;
}
.main_links ul li{
    margin-right: -10px;
}
.main_links ul a{
    font-size: 14px;
    padding: 5px 10px;
    line-height: 40px;

}
.main_links ul .active, main_links ul .active-trail {
    background: #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #12a6dc;
}

.page_banner{
    margin: -44px auto 0 auto;
}

header.wrapper{height:144px; /*margin-bottom:145px;*/}
#home header.wrapper{height: 100px;}
ul.menu {
  border: none;
  list-style: none;
  text-align: left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
/*ul li.expanded {
  list-style-image: url(../../misc/menu-expanded.png);
  list-style-type: circle;
}
ul li.collapsed {
  list-style-image: url(../../misc/menu-collapsed.png);
  list-style-type: disc;
}
ul li.leaf {
  list-style-image: url(../../misc/menu-leaf.png);
  list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
  padding: 0.2em 0.5em 0 0; 
  margin: 0;
}*/
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}

@media(max-width:1024px) {
  .row {
    min-width: 100%;
  }
  .box.short, .box.long{height: auto !important;}
}


/* Info Pages */
.static h1{font-size:55px; text-align:center; margin-top: 90px; letter-spacing:1px;}
.static h3{font-size:34px; text-align:center;}
.static h4{ font-size:24px; }

#faq-list li{margin-bottom:50px;}
#faq-list li a{ position:relative; display:block; width:75%; margin:0 auto; color:#000; font-family:'gibson'; font-size:25px; line-height: 28px; margin-bottom:20px; min-height: 34px; padding: 0 15%; -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;}
#faq-list li a:before{content:""; position:absolute; top:-2%; left:15%; z-index: -1; width:34px; height:34px; background:url(../img/arrow.png) no-repeat 13% 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;

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

#faq-list li.current a:before{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;

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

#faq-list li a:hover, #faq-list li.current a{color:#5ec300; -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;}
#faq-list li .answer{display: none; background:#fafafa; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; color:#666; padding:40px; }
#faq-list .answer p, .answer ul{text-align:left; font-size:20px; width:75%; margin:0 auto; padding:0 15%;}
#faq-list .answer ul li{font-size: 20px;}
#faq-list .answer p a{text-decoration: underline; display:inline; padding:0; font-size:20px; background:none; color:#000;}
#faq-list li ul li{margin-bottom:8px;}
.static#faq p{font-size:20px;}
.static#hww, .static.about-us-how-we-work p{font-size:16px;}
.static#financials section a, .static.about-us-financials section a{color: #1c4491; font-family: 'gibson'; font-size: 18px;}

/* How We Work */
.list li h4{font-size: 22px; margin:8px 0 2px 0;}
.list.list-1 li p{text-align: left; width:90%;}
.list.list-1 li img{width:100%;}
.list.list-2 li p{text-align: left; width:90%;}
.list.list-2 li img{ width:100%; }
.list.list-3 li{width:20%; float:left; padding:0 15px;}

section p.large{font-size:30px !important; line-height: 40px;}
p.medium{font-size:30px !important;}

#requirements,
#parent-tooltip {
  display:none;
}
#requirements h2,
#parent-tooltip h2 {
  color:#666; font-size:25px; text-align: center;
}
#requirements ul,
#parent-tooltip ul {
  margin-left:20px;
}
#requirements ul li,
#parent-tooltip ul li {
  list-style:none; font-size:18px; margin-bottom:15px; padding-left: 20px; position:relative;
}
#requirements ul li ul li,
#parent-tooltip ul li ul li {
  margin-bottom:3px;
}
#requirements ul li ul li:before,
#parent-tooltip ul li ul li:before {
  color:#666;
}
#requirements ul li:before,
#parent-tooltip ul li:before {
    content: "• ";
    color: #12a6dc; /* or whatever color you prefer */
    font-size: 30px;
    position: absolute;
    top: -10px;
    left: 0;
}

/*Financials*/
#downloads a, .download.file{ background:url(../img/download-icn.jpg) no-repeat 0 0; font-size:18px; padding-left:30px; padding-bottom:20px; }
#downloads li, #downloads li h4{text-align:center !important;}
#downloads .contextual-links-trigger{display: none; background: none;}

/* Our Impact */
#whats-going-on-our-impact p{font-size:16px;}
#state-card img{ width:100%;}
article.not-qualifed p{font-family: "gibson"; font-size:18px !important; }
#whats-going-on-our-impact article p a, #whats-going-on-our-impact section p a{color:#000; border-bottom:1px solid #bfbfbf; padding-bottom:5px;}
#whats-going-on-our-impact section.other-info p{font-size: 30px; text-align: center;}
/*#westvirginia.state-info{display: block;}*/
.state-info{display:none;}
.county-list li{width: 18%; float: left; margin-left: 18px; height: 90px;}


.red{color:red;}
.green{color: green;}

/*Get In Touch*/
#getintouch.static{background:url(../img/template-bkg.jpg) no-repeat;}
#school-district-inquiry h2{font-size:20px; text-align:left; font-family: "gibsonlight"; text-transform: none;}
#getintouch div{ padding:3px 5px; }
#getintouch div.even{ background: #ededed; }
#getintouch label{font-size: 18px; padding-top:10px;}


/* Benefits to the Brain */
#why-music-benefits-to-the-brain { position:relative; background:url(../img/noise-bkg.jpg);}
#why-music-benefits-to-the-brain #lead{ z-index:-1; height:946px; color:#fff; position: relative;
  background:url(../img/benefits-bkg1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  ilter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/benefits-bkg1', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/benefits-bkg1', sizingMethod='scale')";}

#why-music-benefits-to-the-brain #lead h1{padding-top:0; margin-bottom:0;}
#why-music-benefits-to-the-brain #lead div{padding-top: 150px;}
#why-music-benefits-to-the-brain #lead .down-arrow{  width:39px; height:287px; background: url(../img/down-arrow-1.png) no-repeat 0 0; position: absolute; bottom: -40px; left: 48%;}
#why-music-benefits-to-the-brain #mid{position:relative;}
#why-music-benefits-to-the-brain #mid .down-arrow{ width:39px; height:287px; background: url(../img/down-arrow-2.png) no-repeat 0 0; position: absolute; bottom: -167px; left: 48%; z-index:10;}


#why-music-benefits-to-the-brain h2{padding-top:100px;}
#why-music-benefits-to-the-brain #facts p{color:#000; font-size:30px;}

#why-music-benefits-to-the-brain #breakdown{background:#6666ff; }

#why-music-benefits-to-the-brain .readmore{width: 360px; text-align: center;}

/*Memberships*/
#membership #about h3, #take-action-memberships #about h3{font-size:35px;}
#membership #about h4, #take-action-memberships #about h4{ color:#959595; font-family: "gibsonlight";}
#membership #about img, #take-action-memberships #about img{width:100%;}
#membership #about ul li, #take-action-memberships #about ul li{padding:10px;}
#membership #about ul li p, #membership #about p, #fundraise #about p, .node-type-2-column-top-and-bottom #about p{font-size:18px; }
#membership #about p, #take-action-memberships #about p{font-family: "gibsonregular";}
#take-action-memberships #about ul{ height: 100px;}
.node-type-2-column-top-and-bottom #about .six:nth-child(2n+1){clear: left;}


/*Partner*/
#featured img {width:100%;}
#featured .featured-sponsor{padding:70px 0 20px 0; border:1px solid #efefef;}
.bens-list{min-height:210px;}

/*Fundraise*/
#take-action-fundraise #about .btn-7{width:250px;}
#take-action-fundraise #about img{width:100%;}


/*#top-social-cont{float:right; width:53%;}
ul.socials{margin-top:12px; width:53%; padding:0;}
ul.socials li{ float:left; margin-left:16px;}
ul.socials li:first-child{margin-left:0;}
ul.socials li a{ font-size:24px; color:#8f8f8f;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}

ul.socials li a:hover{ color:#fff;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

ul.socials.btm li a:hover{
  color:#5e5e5e;
}

.socials.btm li:first-child {
*/
margin-left:0px;
}


/* SOCIALS
-------------------------*/
/*
#top-social-cont{float:right; width:53%;}
ul.socials{margin-top:12px; width:53%; padding:0;}
ul.socials li{ float:left; margin-left:16px;}
ul.socials li:first-child{margin-left:0;}
ul.socials li a{ font-size:24px; color:#8f8f8f;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}
.socials.btm{ width:100% !important; text-align: center; white-space: nowrap; margin-left: 0;}
.socials.btm li{display: inline-block; float: none;}


ul.socials li a:hover{ color:#fff; 
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

ul.socials.btm li a:hover{
  color:#5e5e5e;
}

.socials.btm li:first-child {
    margin-left:0px;
}
*/

/* Intro
-------------------- */
#intro.wrapper{background: url(../img/mid-bkg.jpg); padding:5% 0 3%;}
section h2, section p{text-align:center;}
.node-type-ambassadors-page #intro.wrapper{background: none;}

/* Facts
-------------------------*/
.date-cont{position:relative;}
h5.date{border-right:1px solid #cac9c6; border-left:1px solid #cac9c6; font-family:'gibsonlight_italic'; font-weight:lighter; color:#003399; font-size:20px; width:110px; margin:70px auto; padding:0 10px; }
.line{width:45.6%; margin-left:auto; margin-right:auto; position:absolute; top:60px;}
.line.right{right:0;}
ul#facts{margin:20px 0 40px 0; padding:0 0 52px 0; border-bottom: 1px solid rgba(0,0,0,0.2);}
ul#facts li h4{ margin-bottom:0;}
ul#facts li span{ font-size:18px; margin-bottom:10px;}
ul#facts li h4, ul#facts li span{text-align:center;}
ul#facts li span{display:block;}
ul#facts li img{width:100%;}

/* Mid
---------------------- */
section#mid.wrapper{background:url(../img/quote-mid-bkg.jpg);  padding:100px 0;}
section#mid p{color:#fff; margin:0 auto;}

/* Sponsor
------------------------ */
section#sponsor{ padding:40px 0; } 
#sponsor .here{color:#000; border-bottom:1px solid #000; padding-bottom:2px; -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;}
#sponsor .here:hover{ color:#003399; border-bottom:1px solid #003399; -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

/* Why Music
-------------------------------- */
#why-music{background:#ffcc00;}

/* Social Feeds
--------------------------------*/
#connected{ margin-bottom: 40px;}
#connected h2{margin:5% 0;}
#twitter-feed{margin-left: 48px; margin-top: 20px;}
#twitter-feed li p{ text-align:left; font-size:0.875em; font-family: "gibsonregular", sans-serif;}
#twitter-feed li p a{color:#1d4792;}
#twitter-feed li span{ font-weight:bolder; }
#twitter-feed li img.profile{-webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.5); box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.5)}
.tweets{ width:100%;}
.message{width:80%; margin:-5px 0 0 15px;}
.social-box{padding:30px 0;}
.social-box h3{margin-top:3px;}
.feed{ padding:30px 0 0;}
.feed h3{margin-bottom:5px;}
.follow-me{margin-top: 15px;}
#nl-signup h3{margin-top:15px;}

/*Email*/
.email-form{ position:relative; }
.join{background:#fff; border:1px solid #d4d4d4; padding:12px;}
.submit-email{position: absolute; top: -2px; right: -55px; font-size:0.875em; background: #a3a3a3; border: 0; padding: 11px; color: #fff; font-family:"gibsonregular", sans-serif; text-transform: uppercase;    -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;}
.submit-email:hover{ background:#5e5e5e;  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; cursor:pointer;}
.submit-email:active{ opacity:0.9;}


/* Events Page */
.events-list {
  display: block;
  list-style: none;
  margin: 80px auto 120px auto;
  padding:0;
  max-width: 1200px;
}
.events-list li { padding:0 40px; }
.events-list__thumbnail img {
  border: 1px solid #d5d5d5;
  margin-bottom: 10px;
  max-width: 280px;
}
.events-list li p {
  display: block;
  font-family: 'gibsonregular', sans-serif;
  text-align: left!important;
}
.events-list__desc { min-height: 208px; }
.events-list__date { margin: -6px 0 4px 0; }
.events-list li h2 {
  display: block;
  font-family: 'gibsonsemibold', sans-serif;
  font-size: 22px;
  font-weight: normal;
  min-height: 48px;
  text-align: left;
  width: 50%;
}
.btn-3.events-list__button {
  border-radius: 3px;
  font-size: 18px;
  margin:0;
  padding:5px 0px 3px 0;
  width: 156px;
}


/* Login */
p.login--desc {
  font-size: 30px;
  margin-bottom: 90px;
}
.login-wrap {
  max-width: 1020px;
  margin:0 auto;
  position: relative;
}
form {
  /*max-width: 396px;*/
  margin: 0 auto;
}
#resource_login input[type=text],  #resource_login input[type=password]{
  border-radius: 3px;
  border: 1px solid #bbbbbb;
  color: #727272;
  font-size: 22px;
  margin-bottom: 18px;
  padding: 28px 0 26px 21px;
}
#resource_login input[type=submit] {
  margin: 102px auto 220px auto;
  cursor: pointer;
}
fieldset {
  border:none;
  padding:0;
}
p.error {
  color: #f04a46;
  position: absolute;
  top: 245px;
  width: 100%;
  text-align: center;
}


/* Resource Guide */
.resource-heading {
  padding-bottom: 50px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 100px;
}
.resource-guide-wrap__resource-list {
  padding:0;
  list-style: none;
  margin-bottom: 20px;
}
.resource-guide-wrap__resource-list li a {
  color: #4164a4;
  font-family: 'gibsonregular';
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  background: url(../img/files-icon.png) center left no-repeat;
  padding-left: 40px;
  margin-bottom: 10px;
}
.resource-guide-wrap__resource-list li a span { border-bottom: 1px solid #d6dae8 }
.resource-guide-wrap--resource-list-heading {
  font-size: 20px;
  text-align: left;
}
.resource-guide-wrap {
  margin-bottom: 180px!important;
  width: 1120px;
  margin:0 auto;
  padding-left: 30px;
}
.resource-guide .logout{
    position: absolute;
    z-index: 10;
    right: 17px;
    top: 95px;
}

/* Event Single */
.event-wrapper__event-header { text-align: center; }
.event-wrapper__event-header--venue-details {
  display: inline-block;
  margin: -25px auto 100px auto;
  border-bottom: 1px solid #d2d2d2
}
.event-wrapper__sponsors h2 {
  font-size: 22px;
  text-align: left;
}
p.event-wrapper__sponsors-list--sponsor-detail { text-align: left; }
.event-wrapper__sponsors-list--sponsor-thumb img {
  border: 1px solid #6f6f6f;
  display: inline-block;
  float: left;
  margin-right: 2%;
  float: left;
  width: 24%;
  text-align: center;
  padding: 5px;
}
.event-wrapper__sponsors-list {
  list-style: none;
  padding:0;
}
.event-wrapper__sponsors-list li { margin-bottom: 40px; }
.event-wrapper__sponsors-list--sponsor-detail, .event-wrapper__sponsors-list li p {
  color: #666666;
  font-size: 18px;
  font-family: 'gibsonregular';
  margin:0;
  /*min-height: 174px;*/
  text-align: left;
}
.event-wrapper__sponsors-list--sponsor-info {
  float: left;
  width: 74%;
}
.btn-3.rsvp,.btn-3.buytickets,.btn-3.become-sponsor {
  width: 253px;
  margin-left:0;
  padding: 8px 0;
  font-size: 22px;
}


/* Ambassadors */
.event-wrapper, .ambassador-wrapper {
  margin:0 auto;
  max-width: 1120px;
}
.ambassador-wrapper { padding:0 30px; }
.btn-3.become-sponsor { width:363px; }
.class-list {
  padding:0;
  list-style-type: none;
  margin:0 auto;
  display: block;
  max-width: 937px;
}
.class-list li {
  position: relative;
  float: left;
  box-shadow: 0px 2px 1px #a6a5aa;
  border-radius: 10px;
  width: 24%;
  box-sizing: border-box;
  margin-right: 1%;
  max-height: 300px;
  margin-bottom: 2%;
}
li.wide {
  width: 49%;
  margin-bottom: 1.9%
}
li.wide img { width: 100% }
.class-list li img {
  display: block;
  border-radius: 10px;
  max-height: 300px;
}
.class-list__class-list-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  top:0;
  opacity: 0;
  border-radius: 10px;
  -webkit-transition: opacity .2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
     -moz-transition: opacity .2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
      -ms-transition: opacity .2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
       -o-transition: opacity .2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
          transition: opacity .2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.class-list__class-list-hover .class-list__class-list-hover__share-links {
  position: absolute;
  left:15px;
  bottom:14px;
}
.class-list__class-list-hover h3 {
  color: #fff;
  font-size: 30px;
  margin-left: 15px;
  margin-top: 20px;
}
.class-list__class-list-hover--twitter-handle {
  color: #00a5de;
  font-family: 'gibsonregular';
  font-size: 16px;
  margin-left: 15px;
  margin-top: -15px;
  display: block;
}
.class-list li:hover > .class-list__class-list-hover,
.class-list li.hover > .class-list__class-list-hover
{ opacity: 1; }
.class-of--class-of-heading {
  font-family: 'gibsonlight';
  font-size: 30px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 30px;
  font-weight: normal;
  color: #696969;
}
.btn-3.twitter {
  position: relative;
  padding-right: 7px;
}
.btn-3.twitter .icon {
  width: 32px;
  height: 32px;
  display: block;
  background: url(../img/twitter-icon-btn.png) no-repeat;
  position: absolute;
  left:25px;
  top:15px;
}

/* Success Stories */

input[type="text"].search-input {
  width: 260px;
  background: rgba(0,0,0,0.5);
  float: right;
  display: block;
  padding:8px 0px 8px 16px;
  background:rgba(0,0,0,0.14);
  border-radius: 20px;
  color: #969695;
  border-color: transparent;
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder  {
   color: #969695;
}
input[type="text"].search-input:focus {
  border-color: rgba(0,0,0,0.3);
}

.search-label {
  font-size: 30px;
  display: inline-block;
  float: left;
  margin-top: 3px;
}

.search-form {
  max-width: 462px;
}

.quote {
  padding: 15px;
  border-radius: 10px;
}

.item .text {
  color: #fff;
  font-size: 18px;
  line-height: 1.5em;
  font-family: 'gibsonregular';
  text-align: left;
}

.item h3 {
   font-family: 'gibsonsemibold';
   font-size: 24px;
   color: #fff;
   margin-bottom: 10px;
}
.masonry-wrapper { max-width: 1530px; margin:0 auto;}
.page-success-stories .box {
padding: 5px;
font-size: 11px;
line-height: 1.4em;
float: left;
}
.page-success-stories .box.medium{
    width: 49.9%;
}
.page-success-stories #masonry_container{
    margin-top: 20px;
    width: 100%;
}
.page-success-stories .item p{
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
    font-family: 'gibsonregular';
    text-align: left;
}
.page-success-stories .box img, #tumblelog img {
display: block;
width: 100%;
}
.page-success-stories .photo h3{
    position: absolute;
    left: 30px;
    text-shadow: 2px 2px #666;
}
.page-success-stories .media-vimeo-player{
    width: 100%;
}

/* Footer
------------------------ */
#footer{background:url(../img/footer-bkg.jpg); padding:30px; color:#999999;}
#footer footer{text-align: center;}
#footer nav{padding:0;}
#footer nav a{font-family:'gibsonregular'; font-size:0.875em; text-transform: uppercase; margin-right: 12px; padding-right: 15px; color:#999999; border-right:1px solid #999999; margin-bottom: 8px;
display: inline-block; text-shadow: 0px -1px 1px rgba(000,000,000,0.6), 0px 1px 0px rgba(255,255,255,0.3);
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}
#footer nav a:last-child{ border:none; padding:0; margin:0; }
#footer nav a:hover{
  color:#fff;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
 }
#restore{ margin:50px 0;}
#soon{margin-bottom:30px; position:relative;}
#soon .line{width: 33.6%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 18px;
border:1px solid rgba(000,000,000,0.1);
}

#soon,#soon h4{color:#fff; text-shadow:
        0px -1px 1px rgba(000,000,000,0.6),
        0px 1px 0px rgba(255,255,255,0.3);}

#copyright{font-size:12px !important; font-family:"gibsonregular", sans-serif; text-transform:uppercase; margin:0; float:left;}
#hdmade{ font-size:12px !important; float:right;}
#hdmade a{ color:#fff; }
#hdmade a:hover{ border-bottom:1px solid #fff; }

.banner-mobile,#restore .mobile, .donate.btn.footer{display:none !important; width:100%;}
.banner-reg,#restore .reg{display: block !important; width:100%;}
 

/* Buttons
------------------------*/
.play-btn{width: 5% !important; position: absolute; top: 40%; left: 47%; opacity:0.8;  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
.play-btn:hover{opacity:1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
.play-btn:active{opacity:0.9;}

.btn {
    display:inline-block;
    font-family: "gibsonsemibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 1.250em;
    color: #fffcff;
    padding: 15px 20px;
    background: #66cc00;
    background: -moz-linear-gradient(
        top,
        #66cc00 0%,
        #2f8c01);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#66cc00),
        to(#2f8c01));
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #000000;
    -moz-box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.7);
    box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.7);
    text-shadow:
        0px -1px 1px rgba(000,000,000,0.6),
        0px 1px 0px rgba(255,255,255,0.3);

   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   -o-transition: all 200ms linear;
   transition: all 200ms linear;
}
.btn:hover, .btn.active{cursor: pointer; color:#fff; opacity:0.8; }

a#mobile-menu{display:none; height:46px; width:57px; background:url(../img/menu-icn.jpg) no-repeat 0 0; background-size: 57px 46px; position:absolute; top:0; right:0;}

.btn-2{
    display:block;
    font-family: "gibsonsemibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 1.875em;
    color: #fffcff;
    padding: 25px 50px;
    margin:40px auto;
    width:360px;
    background: #66cc00;
    background: -moz-linear-gradient(
        top,
        #66cc00 0%,
        #2f8c01);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#66cc00),
        to(#2f8c01));
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid rgba(000,000,000,.25);
    -moz-box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    -webkit-box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    text-shadow:
        0px -1px 1px rgba(000,000,000,0.6),
        0px 1px 0px rgba(255,255,255,0.3);

   -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}


.btn-3, #resource_login input[type=submit]{
    display:block;
    font-family: "gibsonsemibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 1.875em;
    color: #fffcff;
    padding: 18px 50px;
    margin:40px auto;
    width:300px;
    background: #19caea;
    background: -moz-linear-gradient(
        top,
        #19caea 0%,
        #12a6dc);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#19caea),
        to(#11a0da));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid rgba(000,000,000,.25);
    -moz-box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    -webkit-box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    text-shadow:
        0px -1px 1px rgba(000,000,000,0.6),
        0px 1px 0px rgba(255,255,255,0.3);

 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}

.btn-4{ border:2px solid #bfbfbf; color:#fff; margin: 0 10px 20px 0; padding: 8px 20px; width:120px;}
.btn-5{width:200px; padding:10px 30px; text-align: center;}
.btn-6{width:200px; padding:10px 30px; background:#000; -moz-border-radius: 30px;-webkit-border-radius: 5px; border-radius: 5px; background-image: linear-gradient(top, rgb(36,36,36) 44%, rgb(10,10,10) 72%);
background-image: -o-linear-gradient(top, rgb(36,36,36) 44%, rgb(10,10,10) 72%);
background-image: -moz-linear-gradient(top, rgb(36,36,36) 44%, rgb(10,10,10) 72%);
background-image: -webkit-linear-gradient(top, rgb(36,36,36) 44%, rgb(10,10,10) 72%);
background-image: -ms-linear-gradient(top, rgb(36,36,36) 44%, rgb(10,10,10) 72%);

background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.44, rgb(36,36,36)),
  color-stop(0.72, rgb(10,10,10))
);}

.btn-7{display:block;
    font-family: "gibsonsemibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 22px;
    color: #fffcff;
    padding: 12px 10px;
    background: #19caea;
    background: -moz-linear-gradient(
        top,
        #19caea 0%,
        #12a6dc);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#19caea),
        to(#11a0da));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid rgba(000,000,000,.25);
    -moz-box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    -webkit-box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    box-shadow:
        0px 0px 4px rgba(000,000,000,0),
        inset 0px 0px 1px rgba(255,255,255,0.8);
    text-shadow:
        0px -1px 1px rgba(000,000,000,0.6),
        0px 1px 0px rgba(255,255,255,0.3);

 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}

.btn-7.small{font-size:18px !important;}

a.donate:hover{ opacity: 0.9;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}
a.donate:active{ margin-top:1px; opacity: 1; }

.button {
        font-family: "gibsonsemibold", Arial, Helvetica, sans-serif;
	font-size: 22px;
        text-transform: uppercase;
	color: #ffffff;
	padding: 10px 20px;
        background: #19cbea;
	background: -moz-linear-gradient(
		top,
		#19cbea 0%,
		#11a1da);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#19cbea),
		to(#11a1da));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #b7c3db;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
}
.button:hover{
    opacity: 0.9;
    color: #fff;
}
.masonry-brick .button.share{
    background: #666;
    opacity: 0.5;
    font-size: 10px;
    padding: 5px 10px;
}
.button.share:hover{
    opacity: 1;
}
.btn-grid{
    margin: 10px auto 0px 0;
    display: block;
    padding: 5px 8px;
    font-weight: bold;
    background: black;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px;
    moz-border-radius: 3px;
    font-size: 14px;
    text-decoration: none !important;
}
.btn-grid:hover{
    opacity: 0.8;
    color: #fff;
}
.masonry-brick .share{
    position: absolute;
    bottom: 13px;
    right: 12px;
}

/*Flexslider
--------------------------- */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 90%; display: block;}
#main.flexslider .slides img {width:100%;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flexslider h2{ padding-top: 60px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; background:#ffcc00;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 50px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav02.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 30px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 30px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
.mobile-search {
  display: none;
}
.mobile-search .form-submit{
    display: none;
}

/* slidejs */
.slides{position: relative;}
.slides li{display: none;}
/* Direction Nav */
.slidesjs-navigation {width: 30px; height: 50px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.slidesjs-next {background: url(../img/right.png) no-repeat 0 0; opacity: 0.8; right: 30px; }
.slidesjs-previous {background: url(../img/left.png) no-repeat 0 0; opacity: 0.8; left: 30px; }
.slides:hover .slidesjs-next:hover, .slides:hover .slidesjs-previous:hover {opacity: 1;}
.slidesjs-pagination{display: none;}
.slides .media-vimeo-video{background: #000;}
.slides .media-vimeo-video iframe{margin: auto; display: block;}
@media screen and (max-width: 860px) {
  .slidesjs-previous {opacity: 1; left: 0;}
  .slidesjs-next {opacity: 1; right: 0;}
}


/* Fancybox Goodness */

/*For tooltips*/
.static.about-us-how-we-work .fancybox-overlay{background:none;}
.front#home .fancybox-overlay{ background:rgba(000,000,000,0.8) !important;}
.static.about-us-how-we-work .fancybox-skin, .html .fancybox-skin{border:6px solid #12a6dc; background: #f5f4f3; }
.static.about-us-how-we-work .fancybox-close, .html .fancybox-close{
    background: url(../img/x.png) no-repeat 0 0;
    position: absolute;
    top: 15px;
    right: 0px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../img/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
.mobile-social {
  display: none;
}
/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(000,000,000,0.8);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-flsoat-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
/*Grant & Staff*/
.static.our-grants p, .static.our-team p{font-size: 30px; text-align:center; color:#666;padding-bottom:0;}
.static.our-grants h1, .static.our-team h1{font-size: 55px;}
.static.our-grants h2, .static.our-team h2{font-size:34px;}
.static.our-grants #city-list li, .static.our-team #staff-list li { font-size:24px; padding-bottom:20px;}

#staff-list li {line-height:22px; min-height:120px;}
#staff-list li strong, #staff-list li span{text-transform: uppercase;}
#staff-list li strong{font-family:"gibsonsemibold"; display:block; font-size:22px; margin-bottom:5px;}
#staff-list li span{font-size: 18px;}

/* Search */
#search_bar{
    width: 100%;
    background: #000;
    height: 50px;
}
#search_bar form{
    width: 255px;
    height: 25px;
    padding: 12px 0;
    margin: 0 0 0 3%;
    float: left;
}
#search_bar input{
    height: 25px;
    line-height: 25px;
    border-radius: 15px;
    padding: 0 30px 0 12px;
    border-color: #999999;
    background: #999999 url(../img/icon_search.png) no-repeat right center;
}
#search_bar .form-actions{
    display: none;
}
.page-search .region-content .search-form{
    display: none;
}

/* Grid Layout */
.node-type-backstage-pass-content-item{
    text-align: center;
}

.content > .box {margin: auto;}
.box.small { width: 24%; }
.box.medium { width: 49%; }
.box.large { width: 74%; }
.fluid .box.col4 { width: 100%; }
.box.Quote blockquote, .box.Quote blockquote p, .box.Quote p,
.box.Text blockquote, .box.Text blockquote p, .box.Text p{
    color: #fff;
    font-size: 16px;
}
.box.Text a{
    color: #fff;
    text-decoration: underline;
}
.box blockquote{
    border: 0;
    padding: 0;
}
.box.Quote .item, .box.Text .item{
    background-color: #07a5df;
    color: #fff;
    padding: 18px 10px;
    font-size: 16px;
    line-height: 18px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
    height: 100%;
}
.box.short{
    /*height: 140px;*/
    height: auto;
}
.box.long{
    height: 280px;
}

.box.Text .item p{
    line-height: 120%;
    font-size: 16px;
    font-family: "gibsonregular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
.box.Text .item p:last-child{
    margin-bottom: 0;
}
.box img{
    border-radius: 10px;
}
.box .title{
    font-weight: bold;
}
.node-type-backstage-pass-content-item .box{
    margin: 20px auto;
}
.box .buttons{
    position: relative;
    display: inline-block;
}
.box .edit_links{
    position: absolute;
    bottom: 20px;
    right: 15px;
}
#whats-going-on-backstage-pass .box .edit_links{
    left: 15px;
    bottom: 5px;
    color: #fff;
    font-size: 13px;
}

.box.Photo .buttons{
    left: 15px;
    position: absolute;
    bottom: 15px;
}
/*
#top-socials{margin-top:12px;}
#top-socials li{ position:relative; float:left; margin-right:30px; padding-left: 27px; }
#top-socials li a{ color:#fff; text-transform: uppercase;}
#top-socials li a img{position: absolute; top: 0; left: 0;}
*/

/* Events and Promotions */
.events-promotions .box.long{
    /*height: 450px;*/
    height: auto;
}
.events-promotions .box.Photo{
    color: #fff;
    font-family: "gibsonregular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.events-promotions .box.Photo .img_content{
    position: absolute;
    top: 18px;
    left: 15px;
    font-weight: bold;
}
.events-promotions .box.Photo .title{
    color: #fff;
    position: absolute;
    top: 15px;
    left: 15px;
}

.whats-going-on-events-promotions #body {
  margin-bottom: 45px;
}
.whats-going-on-events-promotions .cta p {
  font-size: 1.6em;
  line-height: 1.2em;
}
.whats-going-on-events-promotions .view-events-promotions .views-row {
  clear: both;
  margin-bottom: 45px;
}
.whats-going-on-events-promotions .view-events-promotions .views-field-heading h4 {
  margin-bottom: 0;
}
.whats-going-on-events-promotions .view-events-promotions .views-field-field-date h4 {
  margin-top: 0;
}
.whats-going-on-events-promotions .view-events-promotions .views-field-field-image {
  display: inline-block;
  float: left;
  margin: 0 45px 45px 0;
}
.whats-going-on-events-promotions .view-events-promotions .views-field-field-image img {
  width: 100%;
}
.whats-going-on-events-promotions .view-events-promotions .views-field-field-button {
  display: inline-block;
}
.whats-going-on-events-promotions .view-events-promotions .views-field-field-button a {
  color: #000;
  background: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
.whats-going-on-events-promotions .view-events-promotions .views-field-field-button a:hover {
  color: #12a6dc;
}
.whats-going-on-events-promotions .view-events-promotions .views-field-body p {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}

.node-type-event-promotion.events-promotions-musically-mastered-menu-nashville img,
.node-type-event-promotion.events-promotions-musically-mastered-menu-chicago img {
  width: 100%;
}
.node-type-event-promotion.events-promotions-musically-mastered-menu-nashville h3,
.node-type-event-promotion.events-promotions-musically-mastered-menu-chicago h3 {
  color: #184a93;
  text-align: left;
}
.node-type-event-promotion.events-promotions-musically-mastered-menu-nashville h3 span.location,
.node-type-event-promotion.events-promotions-musically-mastered-menu-chicago h3 span.location {
  color: #1d8dc9;
}
.node-type-event-promotion.events-promotions-musically-mastered-menu-nashville #body p,
.node-type-event-promotion.events-promotions-musically-mastered-menu-chicago #body p {
  font-size: 26px;
  line-height: 1.6em;
  text-align: center;
}
.node-type-event-promotion.events-promotions-musically-mastered-menu-nashville p,
.node-type-event-promotion.events-promotions-musically-mastered-menu-chicago p {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}
.node-type-event-promotion.events-promotions-musically-mastered-menu-nashville .about p,
.node-type-event-promotion.events-promotions-musically-mastered-menu-chicago .about p {
  font-size: 14px;
  line-height: 17px;
}
.node-type-event-promotion.events-promotions-musically-mastered-menu-nashville .about a,
.node-type-event-promotion.events-promotions-musically-mastered-menu-chicago .about a {
  border-bottom: none;
}
.node-type-event-promotion.events-promotions-musically-mastered-menu-nashville .about a.button,
.node-type-event-promotion.events-promotions-musically-mastered-menu-chicago .about a.button {
  display: inline-block;
  padding: 15px;
}

.node-type-event-promotion.events-promotions-hamptons-live .hl-section {
  margin-bottom: 60px;
}
.node-type-event-promotion.events-promotions-hamptons-live img {
  width: 100%;
}
.node-type-event-promotion.events-promotions-hamptons-live h3 {
  color: #184a93;
  text-align: left;
}
.node-type-event-promotion.events-promotions-hamptons-live #hl-header,
.node-type-event-promotion.events-promotions-hamptons-live #hl-header-res {
  margin-top: 25px;
}
.node-type-event-promotion.events-promotions-hamptons-live #hl-header-res {
  display: none;
}
.node-type-event-promotion.events-promotions-hamptons-live #hl-header-purchase-tix {
  display: none;
}
.node-type-event-promotion.events-promotions-hamptons-live #body p {
  font-size: 26px;
  line-height: 1.6em;
  text-align: center;
}
.node-type-event-promotion.events-promotions-hamptons-live #hl-slider {
  /*margin: 20px 0 80px 0;*/
  margin-top: 20px;
}
.node-type-event-promotion.events-promotions-hamptons-live #hl-slider p {
  font-size: 22px;
  line-height: 30px;
  text-align: left;
}
.node-type-event-promotion.events-promotions-hamptons-live #body p span.hh {
  font-family: 'gibsonsemibold';
  font-size: 28px;
  font-weight: bold;
}
.node-type-event-promotion.events-promotions-hamptons-live #body p span.hh-highlighted {
  color: #EA3596;
}
.node-type-event-promotion.events-promotions-hamptons-live p {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}
.node-type-event-promotion.events-promotions-hamptons-live div.hl-video-caption p {
  font-size: 18px !important;
  line-height: 24px !important;
}
.node-type-event-promotion.events-promotions-hamptons-live div.hl-video-caption h4 {
  margin-bottom: 0;
}
.node-type-event-promotion.events-promotions-hamptons-live p b {
  text-transform: uppercase;
}
.node-type-event-promotion.events-promotions-hamptons-live p.hl-lineup-em {
  font-style: italic;
  font-weight: bold;
  margin-bottom: 0;
}
.node-type-event-promotion.events-promotions-hamptons-live div.row.hl-2014-highlights {
  padding: 0 15px;
}
.node-type-event-promotion.events-promotions-hamptons-live div#hl-2014-highlights {
  background-color: #EA3596;
  margin: 20px 0;
  text-align: center;
}
.node-type-event-promotion.events-promotions-hamptons-live div#hl-2014-highlights h4 {
  color: #fff;
}
.node-type-event-promotion.events-promotions-hamptons-live .rt-border {
  border-right: 1px solid #b5bbbd;
}
.node-type-event-promotion.events-promotions-hamptons-live .about a.button {
  display: inline-block;
  padding: 15px;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider {
  border: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides {
  background-color: #fff;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides li img {
  margin: 0 auto;
  width: auto;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides li {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: .5;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides li.flex-active-slide,
.node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides li:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0 !important;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides .hl-video-title p {
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 10px;
  text-align: center !important;
  text-transform: uppercase;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider ul.flex-direction-nav a {
  display: block;
  margin: -90px 0;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider ul.flex-direction-nav .flex-prev {
  background: url('../img/left.png') no-repeat 0 0;
  left: 60px !important;
  opacity: 1 !important;
  margin-left: -40px;
}
.node-type-event-promotion.events-promotions-hamptons-live .flexslider ul.flex-direction-nav .flex-next {
  background: url('../img/right.png') no-repeat 0 0;
  right: 60px !important;
  margin-right: -40px;
  opacity: 1 !important;
}

/* Events and Promotions Media Queries */
@media (max-width: 1024px) {
  .whats-going-on-events-promotions .view-events-promotions .views-field-field-image {
    float: none;
    margin: 0 0 10px 0;
  }

  .node-type-event-promotion.events-promotions-hamptons-live #hl-header {
    display: none;
  }
  .node-type-event-promotion.events-promotions-hamptons-live #hl-header-res,
  .node-type-event-promotion.events-promotions-hamptons-live p#hl-header-purchase-tix {
    display: block !important;
  }
  .node-type-event-promotion.events-promotions-hamptons-live p#hl-header-purchase-tix a {
    display: inline;
  }
  .node-type-event-promotion.events-promotions-hamptons-live #flexslider-2 {
    display: none;
  }
  .node-type-event-promotion.events-promotions-hamptons-live #flexslider-2 .slides img {
    width: 100%;
  }
  .node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides .hl-video-title p {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides li.flex-active-slide,
  .node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides li:hover,
  .node-type-event-promotion.events-promotions-hamptons-live .flexslider .slides li {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
  }
  .node-type-event-promotion.events-promotions-hamptons-live .rt-border {
    border-right: none !important;
  }
}
@media (max-width: 768px) {
  .node-type-event-promotion.events-promotions-hamptons-live .hl-lineup p.hl-lineup-img {
    float: left;
    margin: 4px 10px 0 0;
    width: 50%;
  }
  .node-type-event-promotion.events-promotions-hamptons-live .hl-lineup h4 {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  .node-type-event-promotion.events-promotions-hamptons-live .hl-lineup p.hl-lineup-img {
    width: 30%;
  }
  .node-type-event-promotion.events-promotions-hamptons-live .hl-lineup p.hl-lineup-quote {
    clear: both;
  }
}

/*Dropdown Menu*/
.state-cont{position: relative; margin:0 auto; width: 525px; top: -175px;}
#state-card{position:relative;}

.dk_container {
  cursor: pointer;
  outline: none;
}

.dk_toggle {
    background: rgb(232,232,232);
    background-image: linear-gradient(top, rgb(232,232,232) 2%, rgb(240,240,240) 62%, rgb(245,245,245) 76%);
    background-image: -o-linear-gradient(top, rgb(232,232,232) 2%, rgb(240,240,240) 62%, rgb(245,245,245) 76%);
    background-image: -moz-linear-gradient(top, rgb(232,232,232) 2%, rgb(240,240,240) 62%, rgb(245,245,245) 76%);
    background-image: -webkit-linear-gradient(top, rgb(232,232,232) 2%, rgb(240,240,240) 62%, rgb(245,245,245) 76%);
    background-image: -ms-linear-gradient(top, rgb(232,232,232) 2%, rgb(240,240,240) 62%, rgb(245,245,245) 76%);
    background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.02, rgb(232,232,232)),
    color-stop(0.62, rgb(240,240,240)),
    color-stop(0.76, rgb(245,245,245))
    );
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid rgba(00,00,00,0.3);
    color: #000;
    font-family:'gibsonsemibold';
    font-size: 36px;
    text-transform: uppercase;
    overflow: hidden;
    padding: 18px 200px 20px 20px;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow:  1px 0px 1px 0px rgba(00, 00, 00, 0.5);
    box-shadow:  1px 0px 1px 0px rgba(00, 00, 00, 0.5);
  }

    .dk_toggle:hover, .dk_toggle:focus, .dk_focus .dk_toggle {
      background-color: #d74132;
      outline: none; }
    .dk_toggle:active {
      background-color: #d74132;
      outline: none; }
      .dk_toggle:active .select-icon {
        border-left-color: transparent; }

.select-icon {
  background: #ebebeb url("../img/toggle.png") no-repeat 24px 28px;
  border-left: 2px solid rgba(52, 73, 94, 0.15);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }

.dk_open {
  z-index: 1; }
  .dk_open .dk_toggle {
    background-color: #c0392b; }
    .dk_open .dk_toggle .select-icon {
      -webkit-box-shadow: inset 1px 0px 62px 1px rgba(00, 00, 00, 0.2);
      box-shadow: inset 1px 0px 62px 1px rgba(00, 00, 00, 0.2);
      border-left-color: transparent; }

.dk_options {
  padding-top: 12px; }
  .dk_options:before {
    left: auto;
    right: 12px; }
  .dk_options li {
    padding-bottom: 3px; }
  .dk_options a {
    color: #000;
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase; }
    .dk_options a:hover {
      background-color: #ededed; }

.dk_option_current a {
  background-color: #fff; }

.dk_options_inner {
  background-color: #f9f9f9;
  margin: 0;
}

.dk_touch .dk_options {
  max-height: 250px; }

.dk_container {
  display: none;
  position: relative;
  vertical-align: middle;
}
  .dk_container.dk_shown {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .dk_container[class*="span"] {
    float: none;
    margin-left: 0; }

.dk_toggle {
  display: block;
  position: relative;
  letter-spacing: 1px;
  width:525px;
}

.dk_open {
  position: relative; }
  .dk_open .dk_options {
    margin-top: -15px;
    opacity: 1;
    z-index: -1;
    display: block\9;
    -webkit-box-shadow: 0 1px 3px 1px rgba(00, 00, 00, 0.5);
    box-shadow: 0 1px 3px 1px rgba(00, 00, 00, 0.5);
  }
  .dk_open .dk_label {
    color: inherit; }

.dk_options {
  margin-top: -21px;
  position: absolute;
  left: 0;
  top:46px;
  opacity: 0;
  width: 100%;
  z-index: -100;
  display: none\9;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-backface-visibility: hidden; }
  .select-right .dk_options {
    left: auto;
    right: 0; }
  .dk_options a {
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: lighter;
  }

.dk_options_inner {
  height:300px;
  overflow: auto;
  outline: none;
  position: relative;
  padding-top:18px;}

.dk_touch .dk_options {
  overflow: hidden; }
.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible; }

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden; }

@media (max-width: 768px) {
  .feed {
    /*width: 100%!important;*/
  }
}

/* Media Queries
-------------------------- */
 /* Events Media Queries */
@media (max-width: 1024px) {
  .events-list li {
    padding:0 20px;
  }
  .events-list li h2 {
    width: 80%;
  }
  .events-list__desc {
    min-height: 298px;
  }
}
@media (max-width: 996px) {
  .wide {
    margin-bottom: 0%!important;
  }
}


@media (max-width: 768px) {
 .static h1{font-size:40px;}
 h2{font-size:2em;}
 h4{font-size:2em;} 
 p{font-size: 1.4em;}
 
 h2,h3,h4{font-weight:lighter;}
 
 a#mobile-menu{display:block;}
 
 header.wrapper, .static header.wrapper{height:45px;}
 
 /*img.icn{width:17%;}*/
 
 h1#logo a img{width:100px; }
 .fb-like, #why-music{display:none !important;}
 .donate.btn.footer{display:block !important;margin: 10px auto 20px; float:none; width: 220px; font-size: 16px;}
 #twitter-feed{ margin:0 auto;}
 .tweets{text-align:center;}
 .tweets .message{width:95%;}
 #twitter-feed li p{text-align: center;}
 
 .line{ width: 34.6%;}
 
 section#mid.wrapper{padding:90px 0;}
 #mid p{width:89%;}
 
 #connected .feed, .social-box{text-align:center; margin-bottom:20px;}
 form.email-form{ display:none;}
 
 ul.socials li{ margin-left:11px;}
 ul.socials li#icn-fb{margin-left:140px;}
 #nav .socials{ display:none; position:absolute; top:23px; right:0; margin-top:0; z-index: 2; width:320px !important; height:50px; background:#282828;}
 #nav .socials li{margin-right:10px; margin-top:10px;}
 #nav .socials li a{ font-size:25px; }
 #icn-pin,#icn-vimeo{display:none;}
 .socials.btm{margin:23px auto 0; padding:0;}
 .socials.btm li:first-child{margin-left:28px;}
 .socials.btm li a{ font-size:24px;  color:#5e5e5e;}
 
 .flexslider h2{padding:0;}
 
 .banner-mobile,#restore .mobile{display:block !important;}
 .banner-reg,#restore .reg{display: none !important;}
 .play-btn{width: 20% !important; left:45%;}
 
 #facts li{padding-bottom:30px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
 #facts li:last-child{border:none; margin:0; padding:0;}
 
 #connected { margin-bottom: 20px; }
 
 h5.date{margin:35px auto;}
 .line{top: 25px;}
 
 ul#facts{ margin: 0 0 10px 0;}
 
 #sponsor p{padding:0 12px;}

#footer{padding:15px 20px;}
#footer nav a{ margin-bottom: 10px; margin: 0 8px 8px 0; padding: 0 10px 0 0; line-height: 12px;font-size: 11px;}
#footer nav a.no-bdr{border:none;}
footer nav{ padding:0 !important; text-align:center;}
a.btn-2{font-size: 22px; padding: 18px 0; width: 280px !important; display:block; margin:45px auto 35px !important;}
 .donate.btn{ width:150px; float:right; font-size:10px; display:none;}

  #soon h4{ font-size: 1.5em;   -webkit-appearance: none; }
  p#hdmade,p#copyright{float:none; text-align: center;}

  #faq-list li a{ width: 100%; padding:0% 18%; font-size:18px; text-align: center;}
  #faq-list li a:before{ left:5%; top:5%; -webkit-background-size:20px 20px;}
  #faq h1, .whats-going-on-events-promotions h1, #benefits-to-brain h1{font-size:40px;}

  .list.list-3{text-align: center;}
  .list.list-3 li {width: 49%; display: inline-block; float: none; vertical-align: top; margin-bottom: 20px;}
  .list.list-3 li img {width: 100%; }
  .list li h4{font-size: 22px; text-align:center;}
  .list.list-1 li p, .list.list-2 li p{text-align: center; width:100%;}

  #why-music-benefits-to-the-brain #facts{text-align: center;}
  #why-music-benefits-to-the-brain #facts p{ font-size: 20px; padding-bottom:20px;}

  #why-music-benefits-to-the-brain .readmore{width: 100%;}
  #why-music-benefits-to-the-brain #mid .down-arrow{-webkit-background-size:25px 143px;}
  #why-music-benefits-to-the-brain #lead .down-arrow{-webkit-background-size:28px 205px; height:221px;}

  #steps { display:none;}

  .node-type-2-column-top-and-bottom #about ul {
    height: auto;
  }


/* Events */
.events-list__desc { min-height: auto }
.events-list li { margin-bottom: 90px;}
.events-list li h2 { width: 60%;}
#logo {
  font-size: 0;
}
h1#logo a img {
  width: 45px!important; height: 45px;
}

#take-action-fundraise #about h4{text-align:center;}
#take-action-fundraise #about .btn-7{width:90%; margin:0 auto;}

 /* Off canvas */
  div#search_bar { display: none; }
  header.wrapper, #static header.wrapper, #home header.wrapper { height: 46px; margin-bottom:0; }
  #nav { padding:0;}
  .main_links ul{
    position: relative;
    top: 0;
  }
  #top_nav .main_links .main_links {
    display: none;
    border-top: 1px solid #666;
    padding-left: 30px;
    float: none;
  }
  #top_nav .expand .main_links{
    display: block;
  }
  #top_nav .main_links .main_links li:last-child {
      border: none;
  }
  header #top_nav {
    background: #282828;
    min-width: 226px!important;
    width: 90.1%!important;
    float:right;
    margin:0;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    position: absolute;
    right: 0;
    top:0;
    overflow: hidden;
  }
  .main_links li {
    float: none;
    display: block;
  }
  #logo {
    width: 15%!important;
    text-align: left!important;
    margin: 0 !important;
  }
  .page-slide {
    -webkit-animation: pageSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
       -moz-animation: pageSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
        -ms-animation: pageSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
         -o-animation: pageSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
            animation: pageSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
            -webkit-transform: translate3d(0, 0, 0);
  }

  .page-slideOut {
    -webkit-animation: pageSlideOut cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
       -moz-animation: pageSlideOut cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
        -ms-animation: pageSlideOut cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
         -o-animation: pageSlideOut cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
            animation: pageSlideOut cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s forwards;
            -webkit-transform: translate3d(0, 0, 0);
  }

  @-webkit-keyframes pageSlide {
    0%   { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-85%);}
  }

  @-moz-keyframes pageSlide {
    0%   { -moz-transform: translateX(0%); }
    100% { -moz-transform: translateX(-85%);}
  }

  @-o-keyframes pageSlide {
    0%   { -o-transform: translateX(0%); }
    100% { -o-transform: translateX(-85%);}
  }

  @-ms-keyframes pageSlide {
    0%   { -ms-transform: translateX(0%); }
    100% { -ms-transform: translateX(-85%);}
  }

  @keyframes pageSlide {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-85%);}
  }

  @-webkit-keyframes pageSlideOut {
    0%   { -webkit-transform: translateX(-85%); }
    100% { -webkit-transform: translateX(-0%);}
  }

  @-moz-keyframes pageSlideOut {
    0%   { -moz-transform: translateX(-85%); }
    100% { -moz-transform: translateX(-0%);}
  }

  @-o-keyframes pageSlideOut {
    0%   { -o-transform: translateX(-85%); }
    100% { -o-transform: translateX(-0%);}
  }

  @-ms-keyframes pageSlideOut {
    0%   { -ms-transform: translateX(-85%); }
    100% { -ms-transform: translateX(-0%);}
  }

  @keyframes pageSlideOut {
    0%   { transform: translateX(-85%); }
    100% { transform: translateX(-0%);}
  }

  @-webkit-keyframes slideleft {
    0% {
      -webkit-transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(110%);
    }
  }

  @-moz-keyframes slideleft {
    0% {
      -moz-transform: translateX(0%);
    }
    100% {
      -moz-transform: translateX(110%);
    }
  }

  @-o-keyframes slideleft {
    0% {
      -o-transform: translateX(0%);
    }
    100% {
      -o-transform: translateX(110%);
    }
  }

  @-ms-keyframes slideleft {
    0% {
      -ms-transform: translateX(0%);
    }
    100% {
      -ms-transform: translateX(110%);
    }
  }

  @keyframes slideleft {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(110%);
    }
  }

  @-webkit-keyframes linkSlideIn {
    0%   { -webkit-transform: translateX(-100%); }
    100% { -webkit-transform: translateX(0%);}
  }

  @-moz-keyframes linkSlideIn {
    0%   { -moz-transform: translateX(-100%); }
    100% { -moz-transform: translateX(0%);}
  }

  @-o-keyframes linkSlideIn {
    0%   { -o-transform: translateX(-100%); }
    100% { -o-transform: translateX(0%);}
  }

  @-ms-keyframes linkSlideIn {
    0%   { -ms-transform: translateX(-100%); }
    100% { -ms-transform: translateX(0%);}
  }

  @keyframes linkSlideIn {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(0%);}
  }

.main_links li { border-bottom: 1px solid #666666; }

 .mobile-visible .main_links li {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
       -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  border-bottom: 1px solid #666666;
  /*padding-left: 30px;*/
  padding-top: 10px;
  margin: 0!important;
 }
 /*
.mobile-social {
  -webkit-transform: translateY(30px);
  opacity: 0;
  display: block;
}
.mobile-social ul {
  text-align: center;
  margin-top: 30px;
}
.mobile-social ul li {
  display: inline;
  margin-right: 30px;
}
.mobile-social ul li.last{
  margin-right: 0;
}
.mobile-social ul li a {
          -webkit-transform: translate3d(0, 0, 0);

  background: url(../img/mobile-social.png);
  display: inline-block;
  width: 39px;
  height: 39px;
}

.mobile-social ul li a.twitter { background-position: -103px 0; }
.mobile-social ul li a.instagram { background-position: -206px 0;}
.mobile-social ul li a.tumblr { background-position: -305px 0;}

.mobile-social ul li a span {
  text-indent: -3000em;
  display: block;
}
 */

.mobileSlide {
   -webkit-transform: translate3d(0, 0, 0);
   -webkit-animation: mobileSocialSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .8s forwards;
      -moz-animation: mobileSocialSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .8s forwards;
        -o-animation: mobileSocialSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .8s forwards;
       -ms-animation: mobileSocialSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .8s forwards;
           animation: mobileSocialSlide cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .8s forwards;
}

.mobileSlide ul li a.facebook {
  -webkit-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1s forwards;
     -moz-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1s forwards;
      -ms-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1s forwards;
       -o-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1s forwards;
          animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1s forwards;
}
.mobileSlide ul li a.twitter {
  -webkit-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.1s forwards;
     -moz-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.1s forwards;
      -ms-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.1s forwards;
       -o-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.1s forwards;
          animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.1s forwards;
}
.mobileSlide ul li a.instagram {
  -webkit-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.2s forwards;
     -moz-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.2s forwards;
      -ms-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.2s forwards;
       -o-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.2s forwards;
          animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.2s forwards;
}
.mobileSlide ul li a.pinterest {
  -webkit-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.3s forwards;
     -moz-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.3s forwards;
       -o-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.3s forwards;
      -ms-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.3s forwards;
          animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.3s forwards;
}
.mobileSlide ul li a.tumblr {
  -webkit-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.4s forwards;
     -moz-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.4s forwards;
       -o-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.4s forwards;
      -ms-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.4s forwards;
          animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.4s forwards;
}
.mobileSlide ul li a.vimeo {
  -webkit-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.5s forwards;
     -moz-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.5s forwards;
       -o-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.5s forwards;
      -ms-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.5s forwards;
          animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.5s forwards;
}
.mobileSlide ul li a.email {
  -webkit-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.6s forwards;
     -moz-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.6s forwards;
       -o-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.6s forwards;
      -ms-animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.6s forwards;
          animation: teeter cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s 1.6s forwards;
}

@-webkit-keyframes teeter {
  0%   { -webkit-transform: translateY(0px); }
  50%  { -webkit-transform: translateY(-6px); }
  100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes teeter {
  0%   { -moz-transform: translateY(0px); }
  50%  { -moz-transform: translateY(-6px); }
  100% { -moz-transform: translateY(0); }
}
@-o-keyframes teeter {
  0%   { -o-transform: translateY(0px); }
  50%  { -o-transform: translateY(-6px); }
  100% { -o-transform: translateY(0); }
}
@-ms-keyframes teeter {
  0%   { -ms-transform: translateY(0px); }
  50%  { -ms-transform: translateY(-6px); }
  100% { -ms-transform: translateY(0); }
}
@keyframes teeter {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

@-webkit-keyframes mobileSocialSlide {
  0%   { -webkit-transform: translateY(30px); opacity: 0;}
  100% { -webkit-transform: translateY(0); opacity: 1;}
}
@-moz-keyframes mobileSocialSlide {
  0%   { -moz-transform: translateY(30px); opacity: 0;}
  100% { -moz-transform: translateY(0); opacity: 1;}
}
@-o-keyframes mobileSocialSlide {
  0%   { -o-transform: translateY(30px); opacity: 0;}
  100% { -o-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes mobileSocialSlide {
  0%   { -ms-transform: translateY(30px); opacity: 0;}
  100% { -ms-transform: translateY(0); opacity: 1;}
}
@keyframes mobileSocialSlide {
  0%   { transform: translateY(30px); opacity: 0;}
  100% { transform: translateY(0); opacity: 1;}
}

 .main_links li a{
   font-size: 14px;
   font-family: 'gibsonregular';
   padding-left: 30px;
 }

  .mobile-visible .main_links li {
    -webkit-animation: linkSlideIn cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .3s forwards;
       -moz-animation: linkSlideIn cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .3s forwards;
         -o-animation: linkSlideIn cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .3s forwards;
        -ms-animation: linkSlideIn cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .3s forwards;
            animation: linkSlideIn cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s .3s forwards;
  }

  .mobile-visible .main_links li:nth-child(2) {
    -webkit-animation-delay: .4s;
       -moz-animation-delay: .4s;
         -o-animation-delay: .4s;
        -ms-animation-delay: .4s;
            animation-delay: .4s;
  }

  .mobile-visible .main_links li:nth-child(3) {
    -webkit-animation-delay: .5s;
       -moz-animation-delay: .5s;
         -o-animation-delay: .5s;
        -ms-animation-delay: .5s;
            animation-delay: .5s;
  }

  .mobile-visible .main_links li:nth-child(4) {
    -webkit-animation-delay: .6s;
       -moz-animation-delay: .6s;
         -o-animation-delay: .6s;
        -ms-animation-delay: .6s;
            animation-delay: .6s;
  }

  .mobile-search {
    display: block;
    height: 47px;
    width: 100%;
    background: #000;
    border-bottom: 1px solid #666666;
    padding: 10px 0 20px 0;
  }
  .mobile-search input {
    background: #999999;
    border: none;
    margin-left: 30px;
    border-radius: 15px;
    width: 204px;
    padding-left: 20px;
    height: 26px;
  }
  .resource-guide .logout{
      top: 167px;
  }

}
/* END 768px */

/* Tablet - Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
 
h2,h3,h4{font-weight:lighter;}
#top-social-cont .socials{ width:53%; padding:0;}
#footer footer nav{ width:84%; margin:0 auto;}
.socials.btm{padding:0; -webkit-appearance: none;}
}

/*tablet - Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
h2,h3,h4{font-weight:lighter;}
#top-social-cont { width: 75%; }
.line{width:43.3%}

#connected .five.column{width: 48%;}
p#hdmade,p#copyright{float:none; text-align: center;}
#sponsor p{ width: 85%; margin:0 auto; }
#footer nav{width:58%; padding: 0 15px;}
#footer nav a.no-bdr {border: none;}
footer.row nav.offset-by-two{margin-left:195px;}
footer nav a{margin-bottom: 10px; margin: 0 8px 8px 0; padding: 0 10px 0 0;line-height: 30px;font-size: 11px; }

#soon p{width: 80%; margin: 0 auto;}
#restore img{width: 95%;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) {

    /* .touch class from Modernizr */
    .touch {color: #fff;}

}

@media only screen and (max-device-width: 720px) and (orientation:portrait) {
  .socials.btm li:first-child {
    margin-left: 65px;
  }
}

@media (max-width: 640px) {
  p.login-desc {
    font-size: 22px;
    margin-bottom: 60px;
  }
  .input-submit {
    margin-top: 40px!important;
  }
  .sponsor-thumb {
    width: 100%;
    margin-bottom: 30px;
  }
  .sponsor-info {
    width: 100%;
    clear: both
  }
  .class-list li {
    width: 100%;
    max-height: 100%;
  }
  .class-list li img {
    width: 100%;
    height: auto;
    max-height: 100%;
  }
  .wide {
    width: 98%!important;
    margin-bottom: 2%!important;
  }
  .state-cont{
      width: 95%;
}
  .dk_toggle{
      width: 100%;
      font-size: 24px;
    }
    .dk_container.dk_shown{display: block;}
    #twitter{display: none;}
    
}


/*IE*/
.ie7 footer nav a, .ie8 footer nav a, .ie9 footer nav a{ padding-right:29px !important;}
.ie7 .socials li, .ie8 .socials li,.ie9 .socials li{margin-left:10px;}

.ie7 #sponsor p, .ie8 #sponsor p, .ie9 #sponsor p{ width: 85%; margin:0 auto; }

.ie6 .list.list-2 li ,.ie7 .list.list-2 li,.ie8 .list.list-2 li,.ie8 .list.list-2 li{ min-height: 378px; }

@media (max-width: 768px) {
  .feed .left {
  width: 100%;
  text-align: center;
  margin-left: 0!important
 }
 .five.column.right {
  float:none!important;
  width: 100%
 }
 img.icn {
  width: auto!important
 }
 #fb-like {
  width: 100%;
 }
 #connected .five.column {
  width: 100%!important
 }
 
 .feed.row {
  /*margin:0!important;*/
  width: auto !important;
 }
.row .offset-by-one {
  margin-left: 0;
}.three, .row .three {
  width: auto
}
 #connected .six.columns {
  width: 100%!important
 }
 .follow-me {
  float: none!important;
  margin-top: 20px!important;
  margin-bottom: 30px;
 }
.socials.btm {
  text-align: center;
  width: 275px!important;
  margin:20px auto 0 auto!important;
  float: none;
}
.socials.btm li {
  display: inline!important;
}
.socials.btm li a {
  display:inline-block;
}
.socials.btm li:first-child{margin-left: 0;}
#connected .eight, .row .eight {
  width: 100%
}
#connected .left {
  float: none;
}
#toolbar{display: none;}
body.toolbar{padding-top: 0;}

.list.list-1 li img {
    max-width: 230px;
    display: block;
    margin: auto;
}
.list.list-2 li img{
    max-width: 330px;
    display: block;
    margin: auto;
}

.board-meta{
  margin:10px;
  display:block;
}

/*IE*/
.ie7 footer nav a, .ie8 footer nav a, .ie9 footer nav a{ padding-right:29px !important;}
.ie7 .socials li, .ie8 .socials li,.ie9 .socials li{margin-left:10px;}

.ie7 #sponsor p, .ie8 #sponsor p, .ie9 #sponsor p{ width: 85%; margin:0 auto; }

#ie-popup p.chromeframe{
  padding: 20px;
  margin-bottom: 0;
  font-size: 18px;
  text-align: center;
}