/*

FONTS:
--------------------------------------
font-family: 'PT Sans', sans-serif;
font-family: 'Muli', sans-serif;


COLORS:
--------------------------------------
orange: #f58025;
brown: #684f40;
light brown: #dacfca;
text color: #684f40;
link color: #f58025;
footer text color: #a89488;

*/
body {
    color: #684f40;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    background: #fafafa;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
    font-size: 16px; 
}
.container {
    background: #fff;
}
ul, li {
    list-style: none;
}
a {
    color: #f58025;
}
a:hover, a:active, a:focus {
    text-decoration: none;
    color: #684f40;
}
img {
    max-width: 100%;
    vertical-align: middle;
}
input {
    font-family: 'PT Sans', sans-serif;
}
/*TYPOGRAPHY*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    line-height: 1.25;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
blockquote {
    position: relative;
    margin: 0 20px 20px;
    font-size: 18.5px;
    border: 0;
    line-height: 1.45;
}
blockquote:before {
    display: block;
    content: "\201C";
    font-size: 100px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
    font-style: italic;
}
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
 
blockquote cite:before {
    content: "\2014 \2009";
}
/* HELPERS */

.row-even {
    background: #f6f6f6;
}
div.bottom-posts {
	background: none;
}
.col {
    padding: 0;
}
/* POST FORMAT */

.category-bg {
    background: #f58025;
}
.post-title-bg {
    background: #684f40;
    background: rgba(0, 0, 0, 0.5);
}
.post-title, .category-title {
    text-transform: uppercase;
    padding: 20px;
    margin: 0;
    color: #fff;
}
.post-title {
    font-size: 20px;
}
a:hover .post-title {
    color: #000;
}
.post-blurb {
    padding: 0 10px;
}
.post-blurb .post-title {
    color: #f58025;
    font-size: 18px;
    padding-left: 0;
}
.more {
    margin-top: 20px;
}
.more a {
    color: #f58025;
    font-style: italic;
    display: inline-block;
    background: url(../images/arrow-more.png) no-repeat right;
    padding-right: 24px;
}
.more a:hover {
    color: #684f40;
}
.icon-hover {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.icon-file {
    background: rgba(155, 116, 84, 0.5);
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    visibility: hidden;
    cursor: pointer;
}
.icon-hover:hover .icon-file {
    visibility: visible;
}
.post-hover {
    position: relative;
    z-index: 1;
    padding: 0;
}
.post-hover .post-title-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
    transition: height 1s;
    min-height: 90px;
}
.post-hover a, .post-hover a:hover .post-title {
    color: #fff;
}
.post-hover .post-title {
    -webkit-transition-delay: 2s;
    transition: bottom 2s;
}
.post-hover:hover .post-title-bg {
    height: 100%;
}
.post-hover:hover .post-title {
    position: absolute;
    bottom: 10%;
}
.post-hover .post-img{
    overflow: hidden;
}

.post-hover a .post-img img, .icon-hover a img{
      -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
       -o-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
          transition: all 0.25s ease;
}
.post-hover a:hover .post-img img, .icon-hover a:hover img{
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
.projects .post-hover a .post-img img, .projects .icon-hover a img{
     height: 290px;     
}
/* LAYOUT */

/* navigation */

.top-nav {
    background: #f58025;
    width: 1170px;
    margin: 0 auto;
}
.top-nav-fixed {
    position: fixed;
    top: 0;
    z-index: 9999;
}
.logo-visible {
    display: none;
    background: #fff;
}
.logo-small{
    position: fixed !important;
    z-index: 88888;
    top: 0;
    margin-left: -20px;
    width: 145px;
    height: 66px;
}
.logo-small a{
/*    background: url(../images/logo-era.png) no-repeat 0 -113px !important;*/
    /*background: url(../images/logo-era-big.png) no-repeat !important;*/
    height: 66px;
    width: 145px;
    display: block;
}

.logo{
    position: relative;
}
#main-nav {
    text-transform: uppercase;
    font-size: 18px;
    padding: 0;
    margin: 0;
    position: relative;
}
#main-nav li {
    float: left;
    list-style-image: none;
}
#main-nav a {
    padding: 20px 30px;
    display: block;
    color: #fff;
}
#main-nav .menu-item-has-children a {
    background-image: url(../images/icon-arrow-down.png);
    background-repeat: no-repeat;
    background-position: 88% 50%;
    padding-right: 40px;
}
#main-nav a:hover, #main-nav > li:hover, .current-menu-item a {
    background-color: #684f40 ;
}
#main-nav li.menu-item-has-children a:hover {
    background: #684f40 url(../images/icon-arrow-down.png) no-repeat 88% 50%;
}
#main-nav .sub-menu {
    position: absolute;
    z-index: 10000;
    background: #f58025;
    margin: 0;
    padding: 0;
    display: none;
}
#main-nav li.menu-item-has-children:hover .sub-menu {
    display: block;
}
#main-nav .sub-menu li {
    float: none;
}
#main-nav .sub-menu li a {
    background-image: none;
    background-color: #F58025;
    padding-right: 30px;
}
#main-nav .sub-menu li a:hover {
    background-image: none;
}
#searchForm {
    position: relative;
}
.search.pull-right {
    padding-top: 12px;
    position: relative;
    margin-right: 20px;
}
.search input, #search {
    border-radius: 4px;
    border: 0;
    height: 40px;
    padding: 10px;
    width: 262px;
}
#searchForm .input-group {
    display: inline;
}
#searchForm .input-group-btn {
    position: static;
}
.search .icon-search, #searchForm .input-group-btn .btn {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 8px;
    top: 10px;
    z-index: 10000;
    background: url(../images/icon-search.png) no-repeat;
    text-indent: -10000em;
    border: 0;
}
/* header */

.logo a {
/*    background: url(../images/logo-era.png) no-repeat;*/
    /*background: url(../images/logo-era-big.png) no-repeat !important;*/
    height: 100px;
    width: 272px;
    display: block;
}
.header {
    padding: 30px 20px;
    margin-top: 60px;
    position: relative;
}
.tagline {
    text-transform: uppercase;
    padding-top: 10px;
    position: relative;
    right: 0;
}
.tagline h4 {
    font-size: 16px;
    margin: 0;
}
.tagline h1 {
    font-size: 30px;
    color: #f58025;
    margin: 6px;
    margin-right: 0;
}
/* main news and featured news*/
.main-news .col-md-4{
    display: table;
    /*height: 492px;*/
}

.main-news .icon-hover img{
    width: 100%;
}

.main-news .col-md-4 .post-blurb{
    display: table-cell;
    vertical-align: middle;
}

.main-news .post-blurb .post-title {
    font-size: 24px;
}


.main-news .post-blurb{
  padding: 30px;
  padding-top: 10px;
}
.featured-news .post-blurb {
    padding: 10px;
    margin-bottom: 10px;
}
.featured-artist {
    padding: 0 30px 30px 30px;
}
.featured-artist a:hover h1{
    color:#f58025;
}
.featured-artist .post-top-wrap {
    position: relative;
}
.featured-artist .post-top-wrap .post-title-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.featured-artist .post-title span {
    display: block;
    font-size: 16px;
}
.featured-artist .post-blurb {
      padding: 30px;
}

.featured-artist .post-img{
    overflow: hidden;
}

.main-news img, .featured-news img, .featured-artist .post-img img{
  /*width: 100%;*/
}

/*cta footer*/

.cta-footer h1 {
    color: #a89488;
    font-size: 20px;
}
.cta-col {
    width: 100%;
    height: 270px;
    text-align: center;
    text-transform: uppercase;
}
.cta-col a {
    display: block;
    height: 100%;
    padding-top: 80px;
}
.cta-col:hover a {
    background: rgba(49, 49, 49, 0.5);
}
.cta-col .icons {
    width: 72px;
    height: 75px;
    background: url(../images/icons-cta.png) no-repeat;
    display: block;
    margin: 0 auto;
}
.cta-col .icons.icon-email {
    background-position: 0 0;
}
.cta-col .icons.icon-ticket {
    background-position: -72px 0;
}
.cta-col .icons.icon-add {
    background-position: -144px 0;
}
.cta-col:hover .icons {
    background-position-y: -75px;
}
.cta-footer .cta-col-1 {
    background: url(../images/background-foo-01.jpg) no-repeat;
}
.cta-footer .cta-col-2 {
    background: url(../images/background-foo-02.jpg) no-repeat;
}
.cta-footer .cta-col-3 {
    background: url(../images/background-foo-03.jpg) no-repeat;
}
/*footer*/

.footer {
    padding: 36px 20px;
    background: #684f40;
    color: #dacfca;
}
.footer a {
    color: #dacfca;
}
.footer a:hover {
    color: #f58025;
}
.logo-footer {
    background: url(../images/logo-era-footer.png) no-repeat;
    height: 57px;
    width: 150px;
    display: block;
}
.contacts {
    margin-left: 20px;
}
.copy {
    margin-top: 20px;
}
ul.logos-upload li, ul.icons-social li {
    float: left;
}
ul.logos-upload li a {
    padding: 0 10px;
}
ul.icons-social {
    margin-top: 20px;
}
ul.icons-social li a {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    background: url(../images/icons-social.png) no-repeat;
    margin: 0 10px;
}
ul.icons-social li a.fb {
    background-position: 0 0;
}
ul.icons-social li a.twitter {
    background-position: -16px 0;
}
ul.icons-social li a.instagram {
    background-position: -32px 0;
}
ul.icons-social li a.youtube {
    background-position: -48px 0;
}
/*PAGES*/

.content {
    padding: 20px;
}
.content-archive {
    margin-left: -20px;
    margin-top: -20px;
}
.content-archive .post-title-search {
    margin-bottom: 30px;
}
.content-archive .category-bg {
    margin-left: -15px;
    margin-right: -15px;
}
.content-page .post-title {
    color: #f58025;
    font-size: 30px;
    text-transform: none;
    padding: 20px 0;
}
.heading {
    color: #f58025;
    text-transform: uppercase;
}
.content ul {
    margin-left: -20px;
}
.content ul li {
    list-style-image: url(../images/bullet.png);
    margin-left: 0;
    line-height: 2;
}
.content .lead {
    font-size: 16px;
}
/* .page .content a {
    color: #684f40;
}
.page .content a:hover {
    color: #f58025;
} */
.top-header-banner {
    margin-left: -15px;
    margin-right: -15px;
}
.top-header-banner {
    line-height: 230px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0 -15px;
}
#breadcrumbs {
    padding: 20px;
    font-size: 14px;
    color: #f58025;
    margin: 0;
}
#breadcrumbs a {
    color: #684f40;
}
/*teams*/

.teams .heading, .teams .team {
    padding: 20px;
    margin-bottom: 20px;
}
.teams .row {
    margin: 0 -34px;
}
.teams h3 {
    color: #684f40;
    text-transform: none;
    font-family: "PT Sans", serif;
    padding-bottom: 0;
    margin-bottom: -18px;
    font-weight: bold;
}
.teams h3.heading {
    padding: 20px 0;
    color: #f58025;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    font-weight: 200;
}
.teams .post-field-email {
    margin: 20px 0;
    font-size: 14px;
}
.teams .post-field-email a {
    word-wrap: break-word;
    color: #684f40;
    /*background: url(../images/icon-email.png) no-repeat left 5px;*/
    display: inline-block;
    /*padding-left: 26px;*/
}
.teams .post-field-email a:hover {
    color: #f58025;
}
/*projects*/

.content .projects {
    margin: 0 -34px;
    margin-right: -35px;
    margin-bottom: -20px;
}
.projects .col {
    position: relative;
    z-index: 1;
    padding: 0;
}

/*artist*/
.posts-feat-image img{
    width: 100%;
}
/*single*/

.posts .post-title {
    font-size: 30px;
    color: #f58025;
    padding: 20px 0;
}
.meta, .share {
    margin-bottom: 20px;
}
.share {
    margin-bottom: 40px;
}
.share .a2a_img {
    background: url(../images/icons/dd.png) no-repeat;
    width: 24px;
    height: 24px;
    margin-bottom: -2px;
}
.meta .date, .meta .categories {
    background: url(../images/icon-date.png) no-repeat left;
    display: inline-block;
    padding-left: 24px;
    padding-right: 14px;
    font-size: 14px;
}
.meta .categories {
    background: url(../images/icon-category.png) no-repeat left;
}
.meta .categories a {
    color: #684f40;
    text-decoration: underline;
}
.meta .categories a:hover {
    color: #f58025;
    text-decoration: none;
}
.posts {
    margin-bottom: 60px;
}
.posts .post-gallery {
    margin: 0 -34px;
}
.category-list {
    padding: 0 20px;
}
.category-list h4 {
    text-transform: uppercase;
    color: #f58025;
    padding-bottom: 10px;
}
.category-list a {
    color: #684f40;
}
.category-list a:hover {
    color: #f58025;
}
.category-list ul {
    padding-left: 24px;
    margin: 0;
}
.category-list ul li {
    list-style-image: url(../images/bullet-arrow.png);
    line-height: normal;
    padding-bottom: 12px;
}
.sidebar {
    margin-right: -34px;
}
.post-sidebar {
    /*background: #fdfdfd;*/
    padding: 20px;
    margin-bottom: 40px;
}
.post-sidebar h3 {
    color: #f58025;
}
.post-sidebar .ctabtn {
    background: #684f40;
    color: #fff !important;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 16px;
    border-radius: 4px;
    margin: 20px 0;
}
.bottom-posts .col {
    margin-left: -19px;
}
.sub-content {
    position: relative;
}
.sub-content a:hover {
    color: #f58025;
    text-decoration: underline;
}
.sub-content .post-title {
    text-transform: none;
}
.sub-content .post-title .line {
    height: 2px;
    background: #dacfca;
    width: 52px;
    display: block;
}
.sub-content .post-caption {
    position: absolute;
    background: #777;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    bottom: 0;
    width: 100%;
    padding: 20px;
}
/*about*/

.cta-about {
    height: 590px;
    color: #dacfca;
    padding: 20px;
    position: relative;
}
.cta-about h3 {
    color: #f58025;
    text-transform: uppercase;
    text-align: center;
    padding: 0 40px 20px 40px;
}
.cta-about ul li {
    padding-bottom: 24px;
    list-style-image: url(../images/icon-check.png);
    padding-left: 8px;
}
.cta-about a.more {
    position: absolute;
    bottom: 40px;
    border: 1px #f58025 solid;
    display: inline-block;
    padding: 10px 16px;
}
.cta-about a.more:hover {
    color: #fff;
    background: #f58025;
}
.cta-about a i {
    padding-left: 10px;
    display: inline-block;
}
#ctatext-7 {
    background: url(../images/about-cta-01.jpg) no-repeat;
}
#ctatext-8 {
    background: url(../images/about-cta-02.jpg) no-repeat;
}
#ctatext-9 {
    background: url(../images/about-cta-03.jpg) no-repeat;
}

ul.slides div.caption a {

    color: #FFF;

}

/*flexslider*/
.flexslider {
    margin: 0;
    margin-bottom: 2px;
}
.flexslider .slides img {
    /*max-height: 400px;
    max-width: 400px;*/
    margin: 0 auto;
}
/*nemus slider css*/

#banner {
    margin: 0 -15px;
}
#banner .nemus-slider {
    margin: 0;
}
#banner .nemus-slider.controls-inside .nemus-control-nav {
    bottom: 40px;
}
#banner .nemus-control-paging li a {
    width: 14px;
    height: 14px;
    background: #fff;
    border: 0;
    border-radius: 4px;
}
#banner .nemus-control-paging li a.nemus-active {
    background: #f58025;
}
#banner .nemus-slider .caption {
    background: #555;
    background: rgba(0, 0, 0, 0.5);
    padding: 40px 80px;
    text-align: center;
    font-family: "Muli", sans-serif;
    width: 810px;
}
#banner .nemus-slider .slide {
    font-size: 36px !important;
    text-transform: uppercase;
}
#banner .nemus-slider .caption.cc {
    margin: 0 auto;
    left: 10%;
    right: 10%;
}


/*404 page*/
.not-found {
  margin-bottom: 40px;
}
.not-found input{
  border: 1px #eee solid !important;
}
.not-found .btn{
  background: #684f40;
  color: #fff;
  padding: 10px 20px;
}


/*plugins*/
.a2a_kit a {
    height: 24px;
    overflow: hidden;
}
.a2a_kit a img, .share .a2a_img{
   -webkit-transition:all 0.5s ease;
}
.a2a_kit a:hover img{
   margin-top: -24px;
}
.share a:hover .a2a_img{
    background-position: 0 -24px !important;
}

/* Large Devices, Wide Screens min-width 1200px container 1170px */

@media only screen and (min-width: 1200px) {
    .top-nav {
        width: 1170px;
   }
}

/* Medium Devices, Desktops less than 1200px til 992px container 970px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .top-nav {
        width: 970px;
   }
   .search input, #search {
       width: 200px;
  }
}
/* Small Devices, Tablets less than 992 til 768px container 750px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-nav {
        width: 750px;
        padding-bottom: 20px;
        position: static;
        margin-left: -15px;
    }
    .search.pull-right {
       width: 96%;
       margin: 0 2%;
    }
    .search input, #search {
      width: 100%;
    }
    .header{
    margin-top: 0;
    }
    .logo-small, .logo{
        position: relative !important;
    }
}
/* Extra Small Devices, Phones less than 750px til 480px container 100%*/


@media only screen and (max-width: 1199px){
   .sidebar{
    margin-right: 0;
   }
   .sidebar .category-list{
    margin-left: 12px;
    margin-bottom: 20px;
   
    margin-top: 30px;
}
}

@media only screen and (max-width: 767px) {
    .top-nav {
        width: 100%;
        padding-bottom: 20px;
        position: static;
    
}
    .search.pull-right {
       width: 96%;
       margin: 0 2%;
    }
    .search input, #search {
      width: 100%;
    }
        .header{
    margin-top: 0;
    }
}


@media only screen and (max-width: 991px) {
      .logo-visible{
        display: none !important;
      }
      .container img {
        width: 100%;
      }
      .featured-artist {
       padding: 0;
      }
      .cta-footer .cta-col, .cta-about {
      background-size: cover !important;
      }
      .tagline{
      text-align:center;
      }
      .logo{
        margin-bottom: 40px;
      }
      .logo a{
        width: 100%;
        background-position: center 0;
     }
     ul.logos-upload{
    padding: 0;
     
    margin-top: 30px;
    }
     ul.icons-social{
      padding: 0;
     
      float: none !important;
      margin-top: 30px;
     }
     #banner .nemus-slider .slide{
      font-size: 28px !important;
     }
     #banner .nemus-slider .caption{
      padding:20px;
     }
     #banner .nemus-slider .caption.cc{
    margin: 0 auto !important;

    width: 100% !important;
    left: 0;
    }

    .sidebar{
      /* margin-left: -34px; */
    
     }
    .post-sidebar{
      margin-bottom: 0;
    }

    .bottom-posts {
      margin: 0 -35px;
    }
    .bottom-posts .col{
      margin: 0;
    }
    .bottom-posts .post-blurb{
      padding-bottom: 20px;
    }
    .content-archive{
      padding:0;
      margin-left: 0;
      margin-top: 0;
    }
    .content-archive .post-blurb{
      padding:20px;
    }
    .content-archive .sidebar{
      margin-left: 0;
    }
    .content-archive .sidebar .post-sidebar{
      margin: 0 -15px;
    
    }
    .content .sidebar{
      margin: 0 -34px;
    }
    .content.content-archive .sidebar{
      margin:0;
    }
}

@media only screen and (max-width: 500px){

   #banner .nemus-slider.controls-inside .nemus-control-nav{
    display: none;
   }
   #banner .nemus-slider .slide, #banner .nemus-slider .caption{
      font-size: 24px !important;
   }
   .footer .pull-left{
    float: none !important;
   }
   .contacts{
    margin-left: 0;
   }
   .logo-footer{
    background-position: center center;
   
    margin-bottom: 30px;
   }
   ul.logos-upload{
    margin-top: 20px;
   }
       .carousel .flex-direction-nav{
      display:none;
    }
    .slider .flex-caption{
      padding:15px;
    }
    .slider .flex-direction-nav a:before{
      font-size: 24px;
    }
    .sub-content .post-caption{
      position: relative;
      background: #684f40;
    }
}