.u-link-underline,
.u-link-underlinereverse {
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
  overflow: hidden;
}
.u-link-underline::after,
.u-link-underlinereverse::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 4px;
  color:red;
}

.u-link-underline::after,
.u-link-underlinereverse::after {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.u-link-underline:hover::after,
.u-link-underlinereverse:hover::after {
  -webkit-transform: translate(105%, 0%);
          transform: translate(105%, 0%);
}
.u-link-underlinereverse::after {
  -webkit-transform: translate(110%, 0%);
          transform: translate(110%, 0%);
}
.u-link-underlinereverse:hover::after {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}




.feeditem-link:hover .feeditem-thumbnail img {
  -webkit-transform: scale(1.2) !important;
          transform: scale(1.2) !important;
}
.feeditem-link:hover .feeditem-thumbnailBorder {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

/*
.feeditem-link:hover .feeditem-name span {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
*/


.feeditem-name span {
  -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

/*
img.lazyload {
   visibility:hidden;
}
*/

.feeditem-videoPlay {
  display: none !important;
}

.page-project .swiper-videoPlay {
  display: none !important;
}

.navigation-toggle-open{
  font-size: 13px !important;
  font-weight:bold !important;
  letter-spacing:.05em;
  font-family:'Montserrat',sans-serif;
}

.navigation-toggle-close {
  font-size: 13px !important;
  font-weight:bold !important;
  letter-spacing:.05em;
  font-family:'Montserrat',sans-serif;
}

.u-link-underline, .u-link-underlinereverse {
    padding-bottom: 8px !important;
}

.page-home .swiper-artistName{
  font-weight: bold;
  font-size: 16px;
  font-family:'Source Sans Pro',sans-serif;
}

div.mainheader div.testlogo{
  background: no-repeat url("../img/logopellmellblack.png");
  background-size: cover;
  /*width: 107.423px;
  height: 21.25px;*/
}

div.mainheader img.testlogoblack{
  display:block;
}

div.mainheader.is-colorreversed img.testlogoblack{
  display:none;
}

div.mainheader img.testlogowhite{
  display:none;
}

div.mainheader.is-colorreversed img.testlogowhite{
  display:block;
}

div.mainheader.is-colorreversed div.testlogo{
  background: no-repeat url("../img/logopellmellwhite.png");
  background-size: cover;
 /* width: 107.423px;
  height: 21.25px;
*/
}

.page-project .project-header-close{
  font-size: 13px !important;
  font-weight:bold !important;
  letter-spacing:.05em;
  font-family:'Montserrat',sans-serif;
}

.navigation-backgrounds li.is-active {
  opacity: 0.9 !important;
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media only screen and (min-width:1200px){
  .page-categories .feeditem{
    width:calc(25% - (120px / 4)) !important;
  }
}

.navigation-toggle {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .2em;
}

ul.nonav{
  display:none;
}

.navigation-backgrounds li::after {
    opacity: 0.8 !important;
}

#navigation-tags-list{
  top:-72px !important;
}

.feeditem-name{
  font-size:13px !important;
}

div.feeditem-name .u-link-underline, div.feeditem-name .u-link-underlinereverse {
    padding-bottom: 12px !important;
}

/*Newsletter*/

#sib-container{
  background:transparent !important;
  padding:0px !important;
}

#signup-container, #sib-form-container {
  position: relative !important;
  padding-top: 0px !important;
}

.entry__field input[type="text"] {
  width: 100% !important;
  height: 40px !important;
  padding: 10px 0 !important;
  background-color: rgba(0,0,0,0.1) !important;
  border: 0 none !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
  line-height: 40px !important;
  text-indent: 10px !important;
  font-family: 'Source Sans Pro', sans-serif;
  outline: 0 none !important;
  -webkit-transition: text-indent 600ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: text-indent 600ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}


.entry__field input[type="text"]::-webkit-input-placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
  font-family: 'Source Sans Pro', sans-serif;
}
.entry__field input[type="text"]::-moz-placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
  font-family: 'Source Sans Pro', sans-serif;
}
.entry__field input[type="text"]:-ms-input-placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
  font-family: 'Source Sans Pro', sans-serif;
}
.entry__field input[type="text"]::placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
  font-family: 'Source Sans Pro', sans-serif;
}
.entry__field input[type="text"]:focus {
  text-indent: 20px !important;
}
@media only screen and (min-width: 640px) {
  .entry__field input[type="text"] {
    height: 50px !important;
    font-size: 30px !important;
    line-height: 50px !important;
    text-indent: 20px !important;
  }
  .entry__field input[type="text"]:focus {
    text-indent: 30px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .entry__field input[type="text"] {
    padding: 20px 0 !important;
    font-size: 40px !important;
    height: 60px !important;
    line-height: 60px !important;
    text-indent: 30px !important;
  }
  .entry__field input[type="text"]:focus {
    text-indent: 45px !important;
  }
}
#signup-container .signup-submit-container {
  position: relative;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
#signup-container .signup-responses-container {
  position: relative;
  height: 100px;
  text-align: center;
  font-weight: 200;
  letter-spacing: 0.02em;
}
#signup-container .signup-response {
  -webkit-transition: opacity 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 600ms cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  font-size: 12px;
  line-height: 16px;
}
#signup-container .signup-response.is-active {
  opacity: 1;
}
#signup-container .signup-response.signup-response--error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 5px 10px;
  background-color: #f03349;
  text-align: left;
}
#signup-container .signup-response.signup-response--success {
  text-align: center;
  padding: 10px 20px;
}
@media only screen and (min-width: 640px) {
  #signup-container .signup-response {
    font-size: 14px;
    line-height: 20px;
  }
  #signup-container .signup-response.signup-response--error {
    padding: 10px 20px;
  }
  #signup-container .signup-response.signup-response--success {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  #signup-container .signup-response {
    font-size: 16px;
    line-height: 22px;
  }
  #signup-container .signup-response.signup-response--error {
    padding: 10px 30px;
  }
  #signup-container .signup-response.signup-response--success {
    padding: 20px 40px;
  }
}

.u-font-extralight,
.entry__field input[type="text"],
#signup-container .signup-responses-container {
  font-weight: 200 !important;
}

#signup-container, #sib-form-container {
  margin: 0;
}
@media only screen and (min-width: 640px) {
  #signup-container, #sib-form-container {
    width: 72% !important;
    margin: 0 auto !important;
  }
}

.sib-form .entry__field{
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  font-family: 'Source Sans Pro', sans-serif;
}

.sib-form .entry__field:focus-within{
  box-shadow:0 0 0 0px #c9e1f4 !important;
}

.sib-form-block {
    padding: 0 0px !important;
}