/*
html {
    overflow: hidden;
}

body {
    overflow: auto;
    height: 100%;
}
*/

/* ==========================================================================
   Header Styles
   ========================================================================== */

#header{
  height: 100%;
  width: 100%;
  position: relative;
    background: url('../img/header.jpg') no-repeat center center scroll #1a1a1a; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  display:none;
}

.home #header{display: block;}

#logo{display:none;}
#logo img{width:100px;}
   
/* Intro Styles */
   
#intro{text-align: center;}  
#caption{margin-top: 1.25em;margin-bottom: 0;color: white;font-size: 1.875em;opacity:0;padding-top: 0;}
#sub-caption{margin-bottom: 0;font-size: 1.5em;opacity:0;padding-top: 0;}
#intro p{color:white;}

#explore {opacity:0;margin-top: 2em;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode:both;
  -ms-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -ms-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-name:fadeInUp;
  -moz-animation-name:fadeInUp;
  -o-animation-name:fadeInUp;
  animation-name:fadeInUp;
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
  -ms-animation-delay: .7s;
  -o-animation-delay: .7s;

}
#explore a {text-decoration: none;}
#explore a i{font-size:6em;margin:0 auto; color:white; cursor:pointer; color:white;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.touch #explore a i:hover,.no-touch #explore a i:hover{color:#f4594e;}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */

#top-bar{position:fixed;top:-75px;z-index: 999;width:100%;height:auto;background-color:#1a1a1a;}
#top-navigation ul{display:none;font-size: 1.5em;margin-top: 0.7em; text-transform: lowercase;}
#top-navigation li{width:100%; margin-bottom: 1em; }
#top-navigation li a{text-decoration:none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#top-navigation li:not(active) a{color:#fff;}
#top-navigation li.active a, #top-navigation li:hover a{color:#f4594e;}

#logo-lettering{padding: 0.425em 0;}
#logo-lettering img{height: 3.125em;width:auto;}

#menu-mobile i { cursor:pointer;}
#menu-mobile:hover i,#menu-mobile.active i{color:#f4594e;}


/* ==========================================================================
   All Section Styles
   ========================================================================== */
   
.sections{padding-top: 3.125em;padding-bottom: 1.875em;text-align: center; overflow-x: hidden;}
/*.sections h1,.intro p{margin-bottom: 0; } */

.sections .row-layout{margin-bottom: 5em;}
.sections .row-layout:last-of-type{margin-bottom: 0;}



/* ################################################################################################
   HOMEPAGE
   ################################################################################################ */

/* Join us box */

.join-us-box {
    background: none repeat scroll 0 0 #fff;
    border: 18px solid #000;
    bottom: 100px;
    height: 430px;
    left: 0;
    margin: 0 auto;
    padding: 40px 30px;
    position: absolute;
    right: 0;
    width: 500px;
    opacity: 0;
}

.join-us-box h2 {
  font-size: 60px;
  text-transform: uppercase;
}

body.home #who-made-your-clothes.sections .join-us-box p {
    font-size: 15px;
    margin: 0 0 20px;
    max-width: none;
}

.join-us-box hr {
    border: 4px solid #000;
    margin: 0 auto 30px;
    width: 100px;
}

.join-us-box p a {
  color: #005fe0;
}

#who-made-your-clothes .container {
  overflow: hidden;
  position: relative;
}



/* Twitter feed section */

#twitter-feed {
    background-image: url("img/bg-stripes-big-body.png");
    background-position: center 15px;
    overflow-x: visible;
    position: relative;
}

.tweet_list {
  max-width: 1000px;
  margin: auto;
}


.tweet_list li {
  list-style: none;
  float: left;
  background: #fff;
  width: calc(32% - 40px);
  margin: 1.5%;
  padding: 80px 20px 50px 20px;
    font-family: "KelsonSans";
  font-size: 16px;
  color: black;
  position: relative;
}

.tweet_list li img {
  display: none;
}

.tweet_time {
  position: absolute;
  display: block;
  text-align: center;
  bottom: 20px;
  width: 100%;
  left: 0;
}

.tweet_text {
  line-height: 26px;
display: block;
  padding: 18px;
  
}

#twitter-feed .tweet_text > a {
    color: #00d2c0;
}
  #twitter-feed .tweet_text > a:hover {
    color: #f4594e;
  }

.tweet_list .tweet_time a {
  color: #787878;
  font-size: 11px;
  text-transform: uppercase;
}
  .tweet_list .tweet_time a:hover {
    color: #f4594e;
  }

.tweet_list li:after {
  background: #222;
  height: 5px;
  width: 76px;
  left: 50%;
  margin-left: -38px;
  top: 62px;
  position: absolute;
  content: '';
}

/*
.tweet_list li:before { 
  color: #00d2c0;
  width: 100%;
  left: 0px;
  top: 25px;
  position: absolute;
  content: '\f099';
  text-align: center;
    font-family: FontAwesome;
  font-size: 30px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
*/

a.twittwit {
  color: #00d2c0;
  font-size: 30px;
  left: 0px;
  top: 18px;
  position: absolute;
  width: 100%;
}

a.twittwit:hover {
  color: #f4594e;
}



/* ==========================================================================
   Pledge section
   ========================================================================== */

.pledge {
    background: none repeat scroll 0 0 #fff;
    border: 20px solid #222;
    padding: 60px 0;
}

.pledgeform {
  max-width: 70%;
  margin:auto;
  font-size: 12px;
    font-family: "KelsonSans";
}

.pledge form {
    text-align: center;
}



.pledge h1 {
  font-size: 80px;
  max-width: 50%;
  display: block;
  padding: 100px 0 30px 0;
  line-height: 70px;
}

.pledge > h2 {
    line-height: 0.9;
    margin-bottom: 60px;
    text-align: center;
    width: 62%;
  text-transform: none;
}

.pledgeform input[type="text"], .pledgeform input[type="email"] {
    height: auto;
    margin: 0;
    padding: 0;
  color: #999;
  text-decoration: underline;
}

.pledgeform input[type="text"]:focus, .pledgeform input[type="email"]:focus {
    color: #999;
}

.pledgeform input::-webkit-input-placeholder {color:#999; text-decoration:underline;}
.pledgeform input:-moz-placeholder {color:#999; text-decoration:underline;}
.pledgeform input::-moz-placeholder {color:#999; text-decoration:underline;}
.pledgeform input:-ms-input-placeholder {color:#999; text-decoration:underline;}

.pledge .chosen-container-single .chosen-single {
  padding-left: 0;
}

.pledgeform p, .pledgeform .chosen-single {
  font-family: "KelsonSansBold";
  font-size: 29px;
  line-height: 40px;
}

.pledge p a {
    color: #005fe1;
}
.pledge p a:hover {
    color: #f4594e;
}

.pledge p a.chosen-single {
    color: #999;
}

.pledgeform button {
    height: 44px;
    margin: 20px auto 0;
    display: block;
    border-radius: 0;
    border: 4px solid #000;
    text-transform: uppercase;
    color: white;
    outline: 0;
    background: none;
    color: #000;
    padding: 5px 40px;
    font-size: 18px;
    line-height: 25px;
    font-family: "KelsonSansBold";
}
  .pledgeform button:hover {
    background-color: yellow;
  }


.pledgeform select {
  background: url('../img/arrow-down-black.png') no-repeat 1px 1em transparent;
  color: #000;
  border-bottom: 2px solid #000;
}

.pledgeform input {
    background: transparent;
    display: inline;
    height: auto;
    margin-bottom: 0;
    padding: 0;
    width: 114px;
}


#mce_MMERGE3_chosen.chosen-container {
  width: auto !important;
}

#mce_MMERGE5_chosen.chosen-container {
    margin-top: -19px;
}

.pledge #mce_MMERGE3_chosen .chosen-single > span {
    margin-right: 0;
}

.chosen-container-single .chosen-single span {
    text-decoration: underline;
  color: #999;
}

.pledge .chosen-with-drop.chosen-container-active a {
    padding: 10px;
}

/* container-wrapper */
.container-wrapper {
    width: 100%;
    background-color: #fff;
}

/* newsletter-signup */
.newsletter-signup {
    background-color: #ffffff;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    text-align: center;
}

.newsletter-signup p.newsletter-text {
    font-family: 'KelsonSans';
    font-size: 20px;
    text-align: center;
    margin-bottom: 0px;
    padding-top: 25px;
}

.newsletter-signup a.newsletter-button {
    text-transform: uppercase;
    border: none;
    border-radius: 30px;
    background-color: #ffff00;
    font-family: 'KelsonSansBold';
    font-size: 15px;
    color: #000;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    margin: 20px 0;
}

.newsletter-signup a.newsletter-button:hover {
    background-color: #777 !important;
    color: black;
}

/* carousel-of-inspiring-fr-images */
body.page-template-page-home2 section#carousel-of-inspiring-fr-images {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}

div#div-carousel-of-inspiring-fr-images {
    position: relative;
    border: none;
    width: 100%;
    float: left;
}

div#div-carousel-of-inspiring-fr-images .slides li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

div#div-carousel-of-inspiring-fr-images .slides li a {
    display: block;
    height: 100%;
    width: 100%;
}

div#div-carousel-of-inspiring-fr-images .slides li h3 {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 44px;
}

div#div-carousel-of-inspiring-fr-images .slides li span {
    background-color: #fff;
    display: inline-block;
    padding: 5px 10px 0;
    margin-top: 5px;
}

div#div-carousel-of-inspiring-fr-images .slides li p {
    font-family: 'KelsonSansBold';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 26px;
}

div#div-carousel-of-inspiring-fr-images .flex-control-nav {
    bottom: 15px;
}

div#div-carousel-of-inspiring-fr-images .flex-direction-nav .flex-prev::before {
    content: '';
    background-image: url(../img/black-arrow-left.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 20px;
    width: 15px;
    left: 70px;
}

div#div-carousel-of-inspiring-fr-images .flex-direction-nav .flex-next::before {
    content: '';
    background-image: url(../img/black-arrow-right.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 20px;
    width: 15px;
    right: 70px;
}

section#fashion-revolution-week {
  padding-top: 0;
}

section#fashion-revolution-week .intro {
  max-width: 600px;
}

section#fashion-revolution-week div.container div.row div h2 {
  font-family: 'KelsonSansBold';
  font-size: 38px;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 3px;
}

section#fashion-revolution-week div.container div.row div h3 {
  font-family: 'KelsonSans';
  font-weight: normal;
  font-size: 38px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

section#fashion-revolution-week div.container div.row div p {
  font-family: 'Courier';
  font-size: 18px;
  line-height: 30px;
}

section#fashion-revolution-week div.arrow-down {
    border-top: 30px solid #eba684;
}

/* events-do-free*/
.events-do-free {
    background-color: #fff;
    display: block;
    width: 100%;
    margin: 0 auto;
    /*height: 680px;*/
}

.edf-container {
    padding: 15px;
}

.edf-dm-container {
    width: 33.33%;
    float: left;
    padding: 15px;
    height: inherit;
}

.edf-dm-container .edf-dm-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 0 15px;
    width: 100%;
}

.edf-dm-container p {
    font-family: 'Courier';
    font-size: 15px;
}

.edf-dm-container a {
    bottom: 0;
    border: 5px solid black;
    width: 170px;
    background-color: #f0ece8;
    font-family: 'KelsonSansBold';
    font-size: 17px;
    color: #000;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
    float: left;
    margin-bottom: 60px;
    text-transform: uppercase;
}

/*arrow-down*/
.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/* i-am-a */
.i-am-a {
    background-color: #333132;
}

.i-am-a div.arrow-down {
    border-top: 30px solid #fff;
}

.i-am-a h2.title{
    text-align: center;
    color: #ffffff;
    font-size: 38px;
    font-family: 'KelsonSansBold';
    padding: 35px 0 40px;
    margin: 0 0;
    letter-spacing: 4px;
}

.i-am-a div.i-am-a-buttons {
    width: 90%;
    max-width: 820px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.i-am-a div.i-am-a-buttons ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

.i-am-a div.i-am-a-buttons ul li a {
    border: none;
    width: calc(25% - 16px);
    background-color: #ffffff;
    font-family: 'KelsonSansBold';
    font-size: 17px;
    color: #000;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
    float: left;
    margin: 8px;
}

.i-am-a div.i-am-a-buttons ul li a:hover {
    background-color: #ffff00;
}

/* discover-more */
.discover-more {
    background-color: #f0ece8;
    display: block;
    width: 100%;
}
.discover-more h2.title {
    font-family: 'KelsonSansBold';
    font-size: 40px;
    line-height: 50px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    padding: 40px 0 20px;
    letter-spacing: 3px;
}

/* donate */
.donate {
    width: 100%;
    margin: 0 auto;
    background-color: #ffff00;
    text-align: center;
    padding: 30px 0;

}

.donate div.donate-div {
    margin: 0 auto;
    width: 90%;
    max-width: 700px;
    text-align: center;
}

.donate p.donate-text {
    font-family: 'KelsonSans';
    font-size: 20px;
    margin: 0;
    text-align: center;
}

.donate a.donate-button {
    border: 5px solid #1d1d1b;
    color: #000000;
    font-family: 'KelsonSansBold';
    font-size: 17px;
    padding: 10px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 30px;
}

.sponlog {
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
  width: 80%;
    margin: 30px auto 20px;
}

.sponlog li {
  float: left;
  list-style: none;
  width: 33.33%;
}

.sponlog li:last-child {
  float: right;
}

.sponlog li:first-child img {
    padding: 29px 0;
}

.sponlog li > a {
    display: inline-block;
    margin: 0 30px;
}

.sponlog img.conc {
    max-width: 200px;
    vertical-align: middle;
}

.pledgeform input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
}

.addconfirmbox {
    width: 18px;
    position: relative;
    margin: 20px 5px 20px 0;
    display: inline;
}
.addconfirmbox input {
    visibility: hidden;
}
.addconfirmbox label {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: -2px;
    left: 0;
    background: #fff;
    border: 2px solid #222;
}
.addconfirmbox label:after {
    content: '';
    width: 10px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 2px;
    border: 2px solid #333;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.addconfirmbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.addconfirmtext {
    display: inline-block;
    text-align: left;
  vertical-align: top;
}



 
/* ==========================================================================
   Team Styles
   ========================================================================== */

.member{margin-bottom: 2em;min-height: 230px;}
.member:last-child{margin-bottom: 0em;}
.member h5{margin-top: 1em;margin-bottom: 0;font-size: 1.125em;}
.member p{margin-bottom: 0;font-size: 1em;}

.member-photo{position:relative; overflow: hidden; margin-bottom: 1.8em;}
.member-photo img{display:block;margin: 0 auto;}

.member-hover{position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: rgb(244,89,78);background-color: rgba(244,89,78,0);-webkit-transition: background-color 0.4s ease-in-out;-moz-transition: background-color 0.4s ease-in-out;-o-transition: background-color 0.4s ease-in-out;transition: background-color 0.4s ease-in-out;}

/* Social List */

.member .list-container{position:relative;display:table;margin:0 auto;height:100%;opacity:0;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
ul.social{display:table-cell;margin: 0;padding: 0;vertical-align:middle;text-align:center;}
ul.social li{display:inline-block;margin:0 0.5em;margin-left: 0;}
ul.social li a{text-decoration: none;}
ul.social li a i{color: black;display: inline-block;}
ul.social li a:hover i{color:white;}


.image-hover{display:none;}

/* Adjusts for Mobile Version - social icons outside hover */
.member .list-container.visible-xs{opacity:1; margin-top: 0.5em;}
.member .list-container.visible-xs .list-inline{margin:0 auto;}
.member .list-container.visible-xs ul li a{color: black; margin-top: 3em; text-decoration: none;}


/* Animations */
.member-photo:hover .member-hover{background-color: rgba(244,89,78,0.5);}
.member-photo:hover .list-container{opacity:0.9;}

/* Team Images Change Hover */
.member-photo:hover .image{display:none;}
.member-photo:hover .image-hover{display:inherit;}

/* ==========================================================================
   Studio Styles
   ========================================================================== */
.sections#studio{padding-bottom: 0;overflow:hidden;}
#studio, #contacts{background:#f2f2f2;} 

/* Swiper - Mobile Touch Slider CSS 
   http://www.idangero.us/sliders/swiper 
*/

/* Swiper Styles */
.swiper-container {position:relative;z-index:1;overflow:hidden;margin:0 auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform, left, top;-moz-transition-property:-moz-transform, left, top;-ms-transition-property:-ms-transform, left, top;-o-transition-property:-o-transform, left, top;transition-property:transform, left, top;-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-ms-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);transform:translate3d(0px,0,0);}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;}
.swiper-slide img{width: 100%;}
.home .swiper-slide:not(.swiper-slide-active) img,.single-post .swiper-slide:not(.swiper-slide-active) img{-webkit-filter: grayscale(100%);filter: url("data:image/svg+xml;filter: gray;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}

/* Specify Swiper's Size: */
.swiper-container, .swiper-slide {width: 100%;}
.swiper-container{overflow: visible;margin: 0 auto;max-width: 800px; height: auto;}

/* ==========================================================================
   Services Styles
   ========================================================================== */
   
.service{padding:10px 0;color:#999;text-align: center;cursor:pointer;}
.service h5{margin-bottom: 0;margin-bottom: 0.5em;color:#999;font-size: 1.3125em;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.service p{padding:0 1em;font-size: 1em;line-height:1.2em;}
.service img{margin-top:0;width: auto; height:65px;}
.service:not(.active) img{opacity:0.5;}
.service:hover img, .service.active img{opacity:1;}

.skills-bar {display:none;padding:0; margin-top:2em;list-style: none;}
.skills-bar li {position:relative;margin-bottom: 30px;height: 40px;background: #333;}
.skills-bar li:last-child {margin-bottom: 0px;}
.skills-bar li em {position: absolute;left: 24px;top: 12px;color:white;font-weight: bold;}
.expand {position: absolute;left: 0;height: 40px;background: #f4594e;}

/* Animations */
.service:hover, .service.active{color: #1a1a1a;}
.service:hover h5, .service.active h5{color: #f4594e;}

/* ==========================================================================
   Work Styles
   ========================================================================== */
   
#works{padding-bottom: 3.25em;background-color:#f2f2f2;overflow-x: hidden;}
#works .intro{margin-bottom:1.5em;}
#w-filter.row select.visible-xs{width:100%;}

.work {position:relative;overflow:hidden; margin-bottom: 1.5em;cursor:pointer;}
.work img{position: relative; width:100%;top:0;-webkit-transition: top 0.3s ease-in-out;-moz-transition: top 0.3s ease-in-out;-o-transition: top 0.3s ease-in-out;transition: top 0.3s ease-in-out; display:block;-webkit-filter: grayscale(100%);filter: url("data:image/svg+xml;filter: gray;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}

.work-filter{margin:0;margin-bottom: 0.5em;font-weight: bold;font-size: 1.3125em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.work-filter li{cursor:pointer;}
.work-filter li.active, .work-filter li:hover{color:#f4594e;}
.work-filter ul {margin-bottom:2em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#works select{margin-bottom: 2em;}

.work-info{text-align:center;position:absolute;bottom:-15%;width:100%;height:15%;background-color: white;-webkit-transition: bottom 0.3s ease-in-out;-moz-transition: bottom 0.3s ease-in-out;-o-transition: bottom 0.3s ease-in-out;transition: bottom 0.3s ease-in-out;}
.work-info h3{font-size:18px; margin-top:11px;}


.no-touch .work:hover img, .touch .work img{top: -2.5em;-webkit-filter: grayscale(0%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");}
.no-touch .work:hover .work-info, .touch .work .work-info{bottom:0;}

/* MixUp Filtering */
.work-container .mix{display: none;opacity: 0;}
.work-container [class*="column"] + [class*="column"]:last-child {float: left;}

/* ==========================================================================
   Feed Styles
   ========================================================================== */

#feed{background-color:white; text-align: center;padding-bottom: 0;}
#feed .row{max-width: none;}
#feed .intro, #feed .intro h2{margin-bottom: 0;}

.social-feed{margin:0 0 3em 0;}
.social-feed li{cursor:pointer;}
.social-feed li i{display: inline-block;}

.button-feed.active i{text-decoration:none;color:#f4594e;}
.button-feed:not(.active) i{text-decoration:none;color:black; opacity:0.5;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.button-feed:hover i{text-decoration:none;color:#f4594e; opacity: 1;}

#twitter{position: relative; overflow-y: hidden;height: 22em;}
#flickr, #instagram, #twitter{display:none;overflow:hidden; margin-right: 0;
margin-left: 0;}

#flickr.active, #instagram.active, #twitter.active{display:inherit}

#twitter ul.tweetList {position: absolute;}
#twitter ul.tweetList li {list-style:none;height: 10em;font-size: 1.25em;}
#twitter ul.tweetList li p{font-size: 1em;}
#tweet_loader,.tweet_link{font-size: 2em;text-align: center; color:#f4594e;}
.tweet_link{font-size: 1.5em !important;}
#loading{color:#f4594e;}

#instagram li{list-style: none;}
#flickr .col-xs-3, #flickr .col-sm-2, #instagram .col-xs-6.col-sm-4.col-md-2 {margin: 0;padding: 0;}
#flickr img, #instagram img{position:relative;display:block;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;width: 100%;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);}
#flickr img:hover, #instagram img:hover{opacity: 0.8;filter: alpha(opacity=80);-webkit-filter: grayscale(0%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-backface-visibility: hidden;}

.instagram-placeholder,.flickr-photo{margin-bottom: 1em;}

/* ==========================================================================
   Blog Styles
   ========================================================================== */

/* Featured Posts */

.page-template-page-blog section.post-section .container {
    padding: 0;
}

#featured-posts-container .featured-post{margin-bottom: 3em}
#featured-posts-container .featured-post:last-of-type{margin-bottom: 0;}
.featured-post img{opacity: 1;}

.featured-post-info{padding: 1.5em;background-color: #f2f2f2;margin-bottom: 30px;}
.featured-post-info h2{margin-top: 0;color:#2a2a2a;}
.featured-post-info hr {width: 25%;margin: 1.5em auto;padding: 0;border-top: 1px solid #9a9a9a;}
.featured-post-info p:first-of-type{margin-bottom: 0;}

.featured-post-audio .jp-audio{height: 0px;}

.featured-post-gallery{overflow: hidden;}
.featured-post-gallery .swiper-slide:not(.swiper-slide-active) img{-webkit-filter: inherit;filter:inherit;}

.featured-post-link #link-header{height: 202px;}
.featured-post-link #link-header a{font-size: 22px;}

.view-posts{border-radius: 0; margin-top: 2em; border: 4px solid #000;text-transform: uppercase;color:white;outline:0; background: transparent !important; color: #000; padding: 5px 30px; }
.view-posts:hover{background-color: #f4594e;color:white;outline:0;}
.view-posts a{color: #000 !important; text-decoration: none;}

.home .view-posts:hover {
  background-color: #fff !important;
}



/* Single Post */ 

.single-post article.post {
    max-width: 100%;
    width: 100%;
}

.post-section{
  background:#fff; -webkit-overflow-scrolling: touch;
}

section.post-section .container {
    padding: 0 35px;
}

#post-header {
    float: left;
    overflow: hidden;
    width: 100%;
  max-height: none;
}

body.single #post-header {
    max-height: none;
  position: relative;
  
  transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
}

body.single #post-header h2 {
  bottom: 50px;
  font-size: 48px;
  color: #fff;
  left: 5%;
  position: absolute;
  width: 90%;
  opacity: 1;
  text-align: center;
  margin: 0;
  
  transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
}

body.single #post-header h2.disappear {
  opacity: 0;
}

#post-header img{width:100%}

.post{margin: 2em 0px 2.5em 0px;}

.single-post #post-details {
    margin-bottom: 20px;
}

.single-post .post a.post-edit-link{text-align: center;display: block;}

.single-post .post span {
    font-size: 13px;
    line-height: 1.5;
    display: block;
    color: #000;
    font-family: BodoniBTBookItalic;
    text-transform: uppercase;
  font-weight: 700;
}

.single-post .post h1, .single-post .post h2, .single-post .post h4, .single-post .post h5, .single-post .post h6{font-family: 'Lora', 'Georgia', serif;color: #4a4a4a;margin-bottom: 20px;}

.single-post .post h1.post-title {
    font-family: BodoniBTBookItalic;
    color: black;
    text-transform: none;
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.2;
    font-size: 35px;
    font-weight: 500;
    width: 80%;
}

.single-post .post p {
    margin-bottom: 20px;
}

.single-post .post hr {
    width: 15%;
    margin: 20px 0;
}

.single-post blockquote p:last-of-type{margin-bottom: 0;}
.single-post .format-standard img{margin-bottom: 4em;}

.single-post .post h3 {
  font-family: "KelsonSansBold";
  color: #000;    
}

.single-post #link-header{height:200px;}
.single-post #link-header a{font-size: 40px;}



#footer p{font-size:12px}

#post-details{margin-bottom: 3em;}

#video-header, #link-header{background: #2a2a2a;}
#link-header.background-image{background: rgba(42,42,42,0.6)}

.video-container{max-width: 900px;margin: 0 auto;}

#link-header{text-align: center; position: relative; overflow:hidden;}
#link-header img{position:absolute;top:0;left:0; z-index: -1;}
#link-header a{color:white;}
#link-header a:hover{color: #f4594e}

#gallery-header{overflow: hidden;}



/* Comment */

#comments{background: #f2f2f2;}
.comments ul{list-style: none;}
.comments-list{padding: 50px 0;}
.comment-author{font-size: 1.4em;font-weight: 600; margin-bottom: 0.4em;margin-top: 0.3em;}
.comment-meta{margin-bottom: 1em;}
.comment-reply-link{margin-right: 0.4em;}
.comment,.comment-body{margin-bottom: 2em;}
.comment:last-child, .comment-body:last-child{margin-bottom: 0;}
.comment-body p{font-size: 18px;}
.comment-awaiting-moderation{color: #FF6666; font-weight: bold;}

.comment-icons{position: absolute;top: 0;right: 15px;}

#reply-title{color: #4a4a4a;}
#commentform{margin-bottom: 2em;}

#cancel-comment-reply-link{float: left;padding-top: 0.5em;}
#commentform input[type="text"], #commentform textarea{background-color: #f2f2f2;}
#comments #commentform input[type="text"], #comments #commentform textarea{background-color:white;}
#comments #respond{margin-top: 3em;}
#submit{background-color: #4a4a4a; border: 0; color: white; font-family: 'Cabin', serif; padding: 10px;width: 100%;border-radius: 0;text-transform: uppercase;}
#submit:hover{background-color: #f4594e;}

#show-comments{clear:both;padding-top: 0.5em;display: block;text-align: center;}
#show-comments.active a{color: #f4594e}
#previous-post{float:left;}
#next-post{float:right;}
#make-comment{display:none;}
#make-comment hr{margin-bottom: 2.5em;}

/* OffCanvas Navigation */
#page{position:relative;}
body:not(.home) #page{left:0px; position:absolute;}
body:not(.home) #page.move{position:absolute; left:250px;}

.page .show-offcanvas, .search .show-offcanvas, .category .show-offcanvas, .single-post .show-offcanvas, .archive .show-offcanvas, .single-portfolio #project-top-bar .show-offcanvas{display: block;}

.show-offcanvas{position: fixed; top:1.3em;display:none;left: 1.3em; z-index: 99999 !important; cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; z-index:999;}
.show-offcanvas i{color: #666666;}
.show-offcanvas .fa-times, .show-offcanvas.active .fa-align-justify{display:none;}
.show-offcanvas.active .fa-times{display:block;}
.show-offcanvas.active .fa-times:hover{opacity:1;}

.single-portfolio .show-offcanvas{top:0.8em;}
.single-portfolio #project-top-bar .show-offcanvas{position:inherit;top:inherit;left:inherit;text-align: center; margin-top: 5px;}

#offcanvas-navigation {color:#666666;width: 250px; z-index: 9999; overflow: hidden;position: fixed;top: 0;left: -250px;height: 100%; background-color: #0c0c0c; padding:70px 20px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#offcanvas-navigation.active{left:0px;}

#offcanvas-navigation form.search { border-bottom: 1px solid #333332; width:100%; }
#offcanvas-navigation form.search i{color:#333332;float:right;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#offcanvas-navigation form.search i:hover{color:white; cursor: pointer;}

button.search-submit{padding:0; margin:0; background: none; border:none;}
button.search-submit:focus {
    outline: 0;
}

#offcanvas-navigation form.search input{font-size: 16px;width: 85%; border: none; background:none; color:#333332; text-transform: uppercase; margin-bottom: 5px;font-family:'Montserrat';font-weight: 700; font-family: 'Cabin', sans-serif; }
#offcanvas-navigation form.search input:focus{ color:white !important;}

#offcanvas-navigation ul.sidebar-nav{font-weight:700;text-align: left; text-transform: uppercase; padding:0; margin:0; font-size: 18px; margin-top:20px;}
#offcanvas-navigation ul.sidebar-nav li{padding:0;padding-bottom:10px;color: #666666;}
#offcanvas-navigation ul.sidebar-nav li a{color: #666666;}
#offcanvas-navigation ul.sidebar-nav li a:hover, #offcanvas-navigation ul.sidebar-nav li.current-menu-item a{color: white;}
#offcanvas-navigation ul.sidebar-nav li:first-child{padding-top:10px}

#offcanvas-navigation .sidebar-widget h3{font-size: 18px;text-align: left; text-transform: uppercase; padding:0; margin:0;font-family: 'Cabin', sans-serif; padding-bottom:10px;color: #666666;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#offcanvas-navigation .sidebar-widget h3:hover{color:white;cursor:pointer;}
#offcanvas-navigation .sidebar-widget ul{padding:0;}
#offcanvas-navigation .sidebar-widget ul li{padding:0; padding-left:10px; padding-bottom:8px}
#offcanvas-navigation .sidebar-widget ul li a{color:#666666;}
#offcanvas-navigation .sidebar-widget ul li a:hover, #offcanvas-navigation .sidebar-widget h3.active{color:white;}

::-webkit-input-placeholder {color:#333332;}
:-moz-placeholder {color:#333332;}
::-moz-placeholder {color:#333332;}
:-ms-input-placeholder {color:#333332;}

.show-offcanvas i{-webkit-transition: color, opacity 0.3s ease-in-out;-moz-transition: color, opacity 0.3s ease-in-out;-o-transition: color, opacity 0.3s ease-in-out;transition: color, opacity 0.3s ease-in-out;}
.show-offcanvas i.fa-align-justify{opacity:0.5;}
.show-offcanvas i.fa-times{color:#f4594e;opacity:0.5;}
.show-offcanvas .fa-times:hover,.show-offcanvas .fa-align-justify:hover{opacity:1;}

#offcanvas-navigation, #page{-moz-transition:left .6s, -moz-transform .6s;-webkit-transition:left .6s, -webkit-transform .6s;-o-transition:left .6s, -o-transform .6s;transition:left .6s, transform .6s;}

/* Blog Page */

.page-template-page-blog .post-section {
  background: #fff438;
}

.page-template-page-blog #post-details {
  margin-bottom: 2em;
}

.page-template-page-blog.page .page {
  /*width: 82%;*/
  width: 100%;
  max-width: none;
  margin: 4em auto;
}

.page-template-page-blog.page .page h1.post-title {
  font-size: 60px;
}

hr.title-divider {
  width: 100px;
  height: 6px;
  background: #231e21;
  margin-bottom: 50px;
}

h3.browseby {
  font-size: 11px;
  text-align: center;
  margin-bottom: 15px;
}

.magnetauthor {
  padding: 0 15px 5px;
  font-family: "KelsonSans";
  font-size: 11px;
  text-transform: uppercase;
}

.magnetdate {
  padding: 0 15px 10px;
  font-family: "KelsonSans";
  font-size: 11px;
  text-transform: uppercase;
}

#blog-header{height:300px;background-color:#2a2a2a; text-align: center;}
#blog-header h1{font-size: 54px;margin-top: 0;}
#blog-header .meta{color:white; text-transform: capitalize;}

.blog-section{background-color: #fff;}

.page .post, .search .post, .archive .post, .category .post, .page .portfolio, .search .portfolio, .archive .portfolio, .category .portfolio{margin: 2em 0; overflow:hidden; background: #f2f2f2;}
.page .post h2, .search .post h2, .archive .post h2, .category .post h2, .page .portfolio h2, .search .portfolio h2, .archive .portfolio h2, .category .portfolio h2{margin-top: 0;}
.page .post h2 a, .search .post h2 a, .archive .post h2 a, .category .post h2 a, .page .portfolio h2 a, .search .portfolio h2 a, .archive .portfolio h2 a, .category .portfolio h2 a{color: #2a2a2a;}
.page .post span, .search .post span, .archive .post span, .category .post span, .page .portfolio span, .search .portfolio span, .archive .portfolio span, .category .portfolio span{font-size: 0.9em; color: #4a4a4a;}
.page .post .post-edit-link, .search .post .post-edit-link, .archive .post .post-edit-link, .category .post .post-edit-link, .page .portfolio .post-edit-link, .search .portfolio .post-edit-link, .archive .portfolio .post-edit-link, .category .portfolio .post-edit-link{float:right;}
.page .post p, .search .post p, .archive .post p, .category .post p, .page .post p, .search .portfolio p, .archive .portfolio p, .category .portfolio p{font-size: 1.3em;}
.page .post .view-article, .search .post .view-article, .archive .post .view-article, .category .post .view-article{display: none;}
.page .post .swiper-container, .search .post .swiper-container, .archive .post .swiper-container, .category .post .swiper-container{overflow:hidden;}

.page .post #link-header, .search .post #link-header{height:150px;}
.page .post #link-header a, .search .post #link-header a{font-size: 22px;}

.post-data{padding: 2em;}

/* Pagination */

.pagination{margin-top: 0;margin-bottom: 4em;}
.page-numbers{padding: 0.5em 1em; background-color: #f2f2f2; color: black;}
.page-numbers.current, .page-numbers:hover{background-color:#f4594e; color: white;}

/* Page - custom, search, categories... */

#page-content{background-color:white; padding-top: 2em;}

.search-results .country {
    margin: 2em 0;
    overflow: hidden;
    background: #f2f2f2;
    position: relative;
    width: auto;
    height: auto;
}

/* Page - nothing to display */

.nothing{margin:40px 0; text-align: center;}

/* 404 Page */

.error404 .content{text-align: center; height:100%;}
.error404 section h1{line-height: 1.5;}

/* Animations */

.featured-post-info h2{transition: color .3s ease-out;-moz-transition: color .3s ease-out;-webkit-transition: color .3s ease-out;-o-transition: color .3s ease-out;}
.page-numbers, #submit, .view-posts{transition: background-color .3s ease-out;-moz-transition: background-color .3s ease-out;-webkit-transition: background-color .3s ease-out;-o-transition: background-color .3s ease-out;}

.page .post h2:hover a{color: #f4594e;}

/* ==========================================================================
   Contact Styles
   ========================================================================== */

input{color:#1a1a1a;font-weight: normal;background:#f2f2f2;}
input[type="text"],input[type="email"],input[type="tel"]{ margin-bottom: 15px;height:40px;}
textarea{height:120px; resize: none;margin-bottom: 1.5em;background:#f2f2f2;} 
input[type="text"], textarea, input[type="email"], input[type="tel"]{padding:0.6em;width: 100%;outline: none;border: none;-webkit-border-radius:0px;box-shadow: none; color: #1a1a1a;}
/* input[type="text"]:focus, textarea:focus{-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear;} */


#contacts .btn{width:100%;margin-top:1em; border-radius:0; border:none; background-color: #f4594e; color: white; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#contacts .btn:hover{background-color: #2a2a2a; color: white;}
.formContainer{position: relative;}

span.error,span.valid{position: absolute;top:0; right: 1em;width:40px;margin: 0.4em 0em;}
span.error i{color:#FF6666;}
span.valid i{color:#22B571;}

.alert{display:none;border: 0; border-radius: 0; background-color:#ff3333; color: white; margin-top:1.5em;}
.alert-success{background-color:#22b573; color: white;}

/* Each Contact Info */

.contact-info {margin-top:2em;}
.contact-info p{margin-top: 1em;font-size: 1em;}
.contact-info .fa a i{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

.contact-label{color:#999;font-size: 1.5em;font-family: 'Cabin', sans-serif;}

/* Social Footer */

#footer{padding: 40px 0 60px; background-color:#000; text-align: center;}
#footer hr{margin:0; margin-bottom:2em; display:none;}
#footer p{margin-bottom: 0;}
#social-profiles{margin: 40px 0;}
#social-profiles ul.centerUl li a i {text-decoration:none; font-size: 40px; color: #ffff00; opacity: 1;-webkit-transition: opacity 0.4s ease-in;-moz-transition: opacity 0.4s ease-in;-o-transition: opacity 0.4s ease-in;transition: opacity 0.4s ease-in;}
#social-profiles ul.centerUl li a:hover i{color: #fff;}

#copyrights {padding:0; margin:0;margin-top:30px;font-size: 0.7em; color: grey; text-align: center;}

/* ==========================================================================
   Project Styles
   ========================================================================== */
   
#project-page{display:none;}
#project-page .button{border:none;box-shadow:inherit;}

#project-header{width:100%;position:relative;overflow:hidden; background: #2a2a2a;}

#project-top-bar {
position: fixed !important;
}

#project-top-bar{width:100%;height:50px; background: #1a1a1a; z-index:999;padding: 0.6em 0;}
#project-top-bar p{color: white;}

#project h2{margin-top: 0;}

#next-project, #previous-project, #close-project{height:2em;cursor:pointer;}

#next-project, #previous-project{margin-top:-5px;}

#project-header img{display:block;width:100%;} 

#next-project{float:right;}

#next-project-name,#previous-project-name{display:none;}

#project-details{padding:3em 0;background-color:white;}
#project-details h5{margin-bottom: 0;}

#project-details #project-description{margin-bottom: 2em;}

#project-details img{width:100%; height:auto;margin-bottom: 2em;}

#project-client{ font-weight: bold;font-style: italic;}
#project-tags, #project-categories{font-size: 0.9em;text-transform: capitalize;}
#project-categories{margin-bottom: 0;}

#portfolio select{width: 100%;margin-bottom: 2em;}

/* Audio/Video jPlayer Skin -------------------------------------------- */
.jp-audio,
.jp-video {
  margin: 0 auto;
  display: block;
  width: 750px;
  max-width: 100%;
}

.jp-audio{
  height: 0;
}

.jp-video + .jp-audio,
.fluid-width-video-wrapper + .jp-audio { margin-top: 2.71428571428em; }

.jp-gui { margin-bottom: -35px; }

.jp-interface {
  background: #f4594e url('../img/player.png') 0 -132px repeat-x;
/*
  border: 1px solid #000000;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 #4B4E53 inset, 0 1px 3px rgba(0,0,0,.7);
  box-shadow: 0 1px 0 #4B4E53 inset, 0 1px 3px rgba(0,0,0,.7);
*/
  margin-bottom: 3px;
  position: relative;
  height: 33px;
  width: 91.25%; /* 438 / 480 */
  left: 4.545454545%; /* 20 / 440 */
  top: -53px;
}

.jp-video-full { position: relative; }

.jp-video-full .jp-jplayer {
  background: #000000;
  top: 0;
  left: 0;
  position: fixed !important;
  position: relative;
  overflow: hidden;
  z-index: 998;
}

.jp-video-full .jp-gui {
  z-index: 1000;
  display: block;
}
.jp-video-full .jp-interface { 
  bottom: 0;
  top: auto; 
  left: 0.25%;
  position: fixed;
  width: 99%;
  z-index: 1000;
}

.jp-jplayer{max-height: 450px;overflow: hidden;}

/* Controls ----- */
.jp-controls,.jp-toggles {float: left;margin: 0;padding: 0;z-index: 100;}
.jp-controls{list-style: none;}

.jp-controls li { float: left; }

.jp-controls a {
  bottom: 0;
  position: absolute;
  overflow: hidden;
  text-indent: -999em;
}

.jp-play,
.jp-pause,
.jp-mute,
.jp-unmute {
  background: #d2d6db url('../img/player.png') 0 0 no-repeat;
/*  border-top: 1px solid #4b4e53; */
  border-bottom: none;
  display: block;
  z-index: 2;
  height: 100%;
  width: 30px;
}

.jp-play:hover,
.jp-pause:hover,
.jp-mute:hover,
.jp-unmute:hover { 
  background-color: #f4594e; 
  border-bottom: none;
}

.jp-pause { background-position: 0 -33px; }

.jp-mute { background-position: 0 -99px; }

.jp-unmute { background-position: 0 -66px; }

.jp-play,
.jp-pause { 
/*
  border-radius: 3px 1px 1px 3px;
  border-right: 1px solid #4b4e53; 
*/
}

.jp-mute,
.jp-unmute { 
/*  border-left: 1px solid #4b4e53; */
  right: 52px; 
}

.jp-audio .jp-mute,
.jp-audio .jp-unmute { right: 52px; }

/* Scrubber ----- */
.jp-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  padding: 0 95px 0 40px;
  margin: 12px 0;
  width: 100%;
  height: 9px;
}

.iphone .jp-progress { padding-right: 15px; }

.jp-volume-bar {
  float: right;
  margin: 12px 0;
  right: 8px;
  width: 40px;
  height: 8px;
}

.jp-audio .jp-volume-bar { right: 7px; }

.jp-seek-bar,
.jp-volume-bar {
  background: #000000;
/*
  border-bottom: 1px solid #2c2d2f;
  border-left: 1px solid #0f0f10;
  border-right: 1px solid #0f0f10;
  border-top: 1px solid #000000;
  border-radius: 2px;
*/
  cursor: pointer;
  padding: 0 0 1px 0;
  position: relative;
  z-index: 999;
}

.jp-seek-bar{width:100% !important;}

.jp-play-bar,
.jp-volume-bar-value {
  /* border-radius: 1px 2px 2px 1px; */
  background: #f4594e;
  -webkit-background-size: 8px 8px;
  -moz-background-size: 8px 8px;
  background-size: 8px 8px;
/*
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
            transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
            transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
            transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
            transparent 75%, transparent);
  background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
            transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
            transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
            transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
            transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
            transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
            transparent 75%, transparent);
*/
/*
  -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .1) inset;
  box-shadow: 0 5px 5px rgba(255, 255, 255, .1) inset;
*/
  height: 8px;
}

.jp-play-bar {
  -webkit-animation: animate-stripes 3s linear infinite;
  -moz-animation: animate-stripes 3s linear infinite;           
}

@-webkit-keyframes animate-stripes { 
  0% { background-position: 0 0; } 
  100% { background-position: 60px 0; }
}

@-moz-keyframes animate-stripes {
  0% { background-position: 0 0; } 
  100% { background-position: 60px 0; }
}

/* ################################################################################################
   SINGLE - Country
   ################################################################################################ */

.single-country .gallery {
  display: none;
}

#slider {
  height: 700px;
  border: 0 !important;
}

#slider.flexslider .flex-viewport {
  
}

.slider-nav {
  padding: 10px 0;
  background: #231f20;
}

#carousel {
    border: 0 none !important;
    height: 60px;
    margin: 0 auto;
    width: 70%;
}

#carousel ul li {
    margin: 0 5px;
    cursor: pointer;
}
  #carousel ul li:hover {
    opacity: .7;
  }

.flexslider {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}

.flexslider .slides {
    height: 100%;
    background: transparent;
}

.flexslider ul li {
  background-position: center 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.flexslider .flex-viewport {
    float: left;
    height: 100%;
    width: 100%;
}

.flex-direction-nav a::before {
  content: '\f104';
  font-family: 'fontawesome';
}


.flex-direction-nav a.flex-next::before {
    content: "\f105";
    font-family: 'fontawesome';
}

#carousel .flex-direction-nav a::before {
  font-weight: bold;
}


#carousel .flex-direction-nav a.flex-next::before {
    font-weight: bold;
}

.flex-direction-nav a::before {
    color: #fff;
    font-size: 60px;
    text-shadow: none;
}

.flex-direction-nav a {
  opacity: 1;
  color: #fff;
  font-size: 60px;
  height: auto;
  width: auto;
  overflow: visible;
  margin: -10px 0 0;
}

.flex-direction-nav .flex-next {
    right: -50px;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flexslider:hover .flex-direction-nav .flex-next {
  right: -50px;
  opacity: 1;
} 

.flexslider:hover .flex-direction-nav .flex-prev {
  left: -50px;
  opacity: 1;
}

.flexslider .flex-direction-nav .flex-next:hover {
  opacity: .5;
}

.single-country .country h1.post-title {
    font-size: 50px;
    letter-spacing: 1px;
}

.single-country .country .social_links {
    text-align: center;
}

.single-country .country .social_links div {
    margin: 0 15px;
    display: inline-block;
}

.single-country .country .social_links div a {
    color: #000000;
    font-size: 45px;
    background: none;
    padding: 0;
    height: auto;
}

.single-country article h3 {
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-transform: none;
}

.single-country article hr {
    border: 3px solid #000;
    width: 25%;
    margin-bottom: 50px;
}

.single-country article .post-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
    width: 150px;
}

.single .country h1.post-title {
    margin-bottom: 40px;
}
.single-country .ssba.ssba-wrap {
    display: block;
}

.single-country .ssba.ssba-wrap div {
    text-align: center !important;
  margin-top: 50px;
}

.single-country .boardmembers_container h3 {
    text-transform: uppercase;
  margin-bottom: 20px;
}

.single-country #upeventwrap {
    background: #f4f0f0;
    padding: 30px 0;
}

#upeventwrap .upcoming-calendar {
    max-width: 800px;
    margin: 0 auto;
}

#upeventwrap .upcoming-calendar ul {
    padding: 0;
}

#upeventwrap .upcoming-calendar ul li {
    display: none;
}
#upeventwrap .upcoming-calendar.showall ul li {
    display: block;
}
#upeventwrap .upcoming-calendar ul li:nth-child(-n+4) {
    display: block;
}

#upeventwrap .upcoming-calendar h3 {
    text-transform: uppercase;
  margin: 5px 0 8px !important;
}
#upeventwrap .upcoming-calendar h3 a {
    color: #f4594e;
}
#upeventwrap .upcoming-calendar h3 a:hover {
    text-decoration: underline;
}

#upeventwrap .evninfo p, #upeventwrap .evninfo p span {
    line-height: 20px;
    font-size: 17px;
}

#upeventwrap .evninfo p a {
    color: #010000;
}

.single-country .boardmembers_container {
    max-width: 800px;
    margin: 40px auto 20px;
}

.ambassadors h3 {
    display: none;
}

.ambassadors h3:first-child {
    display: block;
}

.single-country #cblogwrap {
    background: #fff438;
    padding: 30px 0 40px;
}

.single-country .latest-blogs {
    max-width: 800px;
    margin: 0 auto;
}
.single-country .latest-blogs ul li {
    display: none;
}
.single-country .latest-blogs .showall ul li {
    display: block;
}
.single-country .latest-blogs ul li:nth-child(-n+2) {
    display: block;
}

.single-country .latest-blogs ul li .fr {
    padding-bottom: 20px;
}

.single-country .latest-blogs h3 {
    text-transform: uppercase;
}

.single-country .latest-blogs ul li {
    border-bottom: none;
    background: #fff;
    padding-bottom: 0;
  list-style: none;
}

.single-country .latest-blogs .post-image {
    width: 208px;
    height: 175px;
    background-repeat: no-repeat;
}

.single-country .latest-blog-posts h3 {
    font-family: BodoniBTBookItalic;
    text-transform: none;
    font-size: 27px;
    margin-top: 15px;
  transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
}
.single-country .latest-blog-posts a:hover h3 {
    color: #f4594e;
}
.single-country .latest-blogs ul li .fr span {
    font-family: BodoniBTBoldItalic;
    font-weight: bold;
    color: #000000;
    font-size: 17px;
    line-height: 27px;
}

.single-country .viewmore {
    border: none;
    color: #010000;
    font-size: 17px;
    padding: 0;
    text-decoration: underline;
}
.single-country .viewmore:hover {
    background: none;
  color: #f4594e;
}

.single-country #carousel {
  height: 80px;
}

.single-country .slider-nav {
    padding: 15px 0 11px;
}
.single-country .boardmembers_container .boardmember_link {
    max-width: 130px;
}

#cboxLoadedContent {
  background: transparent;
}

#cboxLoadedContent > div {
    padding: 20px 50px !important;
}

#cboxPrevious {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: auto;
    font-size: 40px;
    left: 13px;
    margin-top: -20px;
    text-indent: 0;
    top: 50%;
    opacity: 0;
    visibility: hidden;
}

#cboxNext {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: auto;
    font-size: 40px;
    left: auto;
    margin-top: -20px;
    right: 13px;
    text-indent: 0;
    top: 50%;
    opacity: 0;
    visibility: hidden;
}

#cboxOverlay {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

#cboxWrapper {
  overflow: visible;
}

#cboxContent {
  border: none;
  background: transparent;
}

#cboxContent:hover #cboxNext, #cboxContent:hover #cboxPrevious {
  opacity: 1;
  visibility: visible;
}

#cboxCurrent {
    bottom: 9px;
    left: auto;
    right: 20px;
    font-family: "KelsonSans";
}

#cboxClose {
  background: none;
  bottom: auto;
  font-size: 30px;
  height: 25px;
  position: absolute;
  right: 7px;
  text-indent: 0;
  top: 3px;
  width: auto;
  text-transform: uppercase;
  font-family: "KelsonSans";
}

#cboxClose span {
    font-size: 14px;
    position: relative;
    top: -2px;
}

#cboxContent button {
    outline: none;
}

.boardmember_info > img {
    height: auto;
    width: auto !important;
}

.boardmember_info .name {
    font-weight: bold;
    margin-top: 15px;
}

.boardmember_content p {
  font-size: 15px;
  line-height: 1.4;
}

.latest-blogs {
  margin-top: 20px;
}

.latest-blogs
 ul {
  padding: 0;
}

.latest-blogs ul li {
    border-bottom: 1px solid #c8c7c7;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
    width: 100%;
}

.latest-blogs ul li .fr {
    width: 70%;
}

.single-country article .latest-blogs ul li {
  list-style: none;
}

.single-country article .latest-blogs li h3 {
    font-size: 15px;
    line-height: 1.2;
}

.latest-blogs ul li .fr span {
    color: #787878;
    display: block;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

a.viewmore {
  font-family: "KelsonSansBold";
  font-size: 11px;
  color: #000000;
  border: 4px solid #000000;
  padding: 6px 20px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  margin: 15px 0;
}

a.viewmore:hover {
  background: #000;
  color: #fff;
}


/* ################################################################################################
   Events Calendar
################################################################################################ */

div.pp_default .pp_nav {
    width: 130px !important;
}

.tribe-mini-calendar-grid-wrapper {
   margin-bottom: 0 !important;
}

.tribe-mini-calendar-wrapper {
   border: 5px solid #ddd;
   overflow: hidden;
}

.tribe-mini-calendar-nav td {
   background: #fff !important;
}

#tribe-mini-calendar-month {
   font-size: 22px;
   color: #403E3F !important;
   font-family: "KelsonSansBold";
}

.tribe-mini-calendar th {
    font-family: "KelsonSansBold";
}

.tribe-mini-calendar thead {
   background: #fff !important;
}

.tribe-mini-calendar th {
   padding: 10px 0  !important;
   color: #333 !important;
   background: #ddd  !important;
   border-color: #ddd !important;
}

.tribe-mini-calendar {
   margin-left: 0 !important;
}

.upcoming-calendar {
    margin: 50px 0;
}

.tribe-mini-calendar-nav div {
   padding: 8px 0;
}

.tribe-mini-calendar td {

border: 1px solid #ddd !important;
}
.upcoming-calendar .tribe-mini-calendar-no-event {
       background: #fff;       
       padding: 20px 0;
       font-size: 18px;
       color: #403E3F;
       font-family: "KelsonSans";
}

.upcoming-calendar .tribe-mini-calendar .tribe-events-present .tribe-mini-calendar-no-event, .upcoming-calendar .tribe-mini-calendar .tribe-mini-calendar-today .tribe-mini-calendar-no-event {
   background-color: #005fe0;
   color: #fff;
}

.upcoming-calendar .tribe-mini-calendar td.tribe-events-has-events {
    background: none repeat scroll 0 0 #00c1ac;
}

.tribe-mini-calendar div[id*='daynum-'] a {
  height: 100% !important;;
  display: block !important;;
  text-decoration: none !important;;
  padding: 19px 5px 35px 5px !important;;
  position: relative !important;
  font-family: "KelsonSans";
}



/* ################################################################################################
   Events Page
################################################################################################ */

.tribe-events-distance {
  display: none;
}

.tribe-events-page-template.archive #top-bar,
.archive.tax-tribe_events_cat #top-bar {
  z-index: 999999;
  position: fixed;
  top: 0;
}

#tribe-bar-form label {
    display: none;
}
#tribe-bar-form input[type=text] {
    border: 4px solid #000 !important;
    color: #000 !important;
    font-family: "KelsonSansBold" !important;
    font-style: normal !important;
    font-size: 17px !important;
    line-height: 1 !important;
    padding: 0 5px !important;
}
#tribe-bar-form input[type=text]::-webkit-input-placeholder {
   color: #000;
   font-style: normal;
   text-transform: uppercase;
}

#tribe-bar-form input[type=text]:-moz-placeholder {
   color: #000;
   font-style: normal;
   text-transform: uppercase;
}

#tribe-bar-form input[type=text]::-moz-placeholder {
   color: #000;
   font-style: normal;
   text-transform: uppercase;
}

#tribe-bar-form input[type=text]:-ms-input-placeholder {  
   color: #000;
   font-style: normal;
   text-transform: uppercase;
}

#tribe-bar-form .tribe-bar-submit input[type=submit], #tribe-bar-form .tribe-bar-submit input[type=button] {
    background: #000;
    padding: 0 3px !important;
    font-size: 17px !important;
    line-height: 22px;
    border: 4px solid #000;
    font-family: "KelsonSansBold";
    color: #fff;
    border-radius: 0;
    width: 100%;
}
.tribe-bar-mini .tribe-bar-geoloc-filter, .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-date-filter, .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-search-filter, .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-submit, .category-country, .tribe-bar-category-filter {
    padding: 5px;
}
#tribe-bar-form #tribe-bar-views {
    display: none;
}
#tribe-bar-form #tribe-bar-views+.tribe-bar-filters {
    width: 100%;
    right: 0;
    left: 0;
  background: #fff;
}

.tribe-events-list h2.tribe-events-page-title {
    font-size: 48px;
    text-transform: uppercase;
}

.events-list a.tribe-events-ical.tribe-events-button {
    display: none !important;
}

ul.tribe-events-sub-nav a {
    background: none;
    color: #000;
    border: 4px solid #231f20;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 9px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
  width: 150px;
}
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, 
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next {
    display: inline;
    float: none;
    margin: 0 5px;
}

.tribe-events-list .tribe-events-event-cost {
  position: absolute;
    top: 0;
    right: 0;
  display: none;
}
.tribe-events-uses-geolocation .tribe-bar-post {
    position: relative;
    width: 25%;
    float: left;
    margin-bottom: 0;
    padding: 5px;
}
.tribe-events-uses-geolocation .tribe-bar-post a {
    color: #fff;
    width: 100%;
    background: #000 !important;
    padding: 4px 8px !important;
    font-size: 17px !important;
    line-height: 30px;
    border-radius: 0;
    font-family: "KelsonSansBold";
    text-transform: uppercase;
}
.tribe-events-uses-geolocation .tribe-bar-submit {
    width: 25%;
}
.tribe-bar-geoloc-filter {
    width: 25%;
}
.tribe-events-uses-geolocation .tribe-bar-search-filter {
    width: 25%;
}
.tribe-events-uses-geolocation .tribe-bar-date-filter {
    width: 25%;
}
.category-country, .tribe-bar-category-filter {
    width: 25%;
    float: left;
    margin-bottom: 0;
}
#tribe-bar-form select {
    border: 4px solid #000;
    background: url('../img/arrow-down-black.png') no-repeat right #ffffff !important;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    height: auto;
    max-width: 100%;
    margin: 0 4px 0 0;
    color: #000 !important;
    font-family: "KelsonSansBold" !important;
    font-style: normal;
    font-size: 17px !important;
    line-height: 1;
    padding: 2px 5px;
    text-align: left;
    text-transform: uppercase;
}

#tribe-bar-form select option {
    text-align: left;
    text-transform: uppercase;
    font-size: 17px;
}

/*.tribe-bar-category-filter select {
    border: 4px solid #000 !important;
    color: #000 !important;
    line-height: 1 !important;
    padding: 2px 5px !important;
    background: 
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: url('../img/arrow-down-black.png') no-repeat right #ffffff !important;
    text-transform: uppercase;
}
#tribe-bar-form.tribe-bar-mini * {
    font-family: "KelsonSansBold";
    font-style: normal;
    font-size: 17px;
}*/

.tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo {
  vertical-align: middle;
}
.tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo a {
    display: none;
}

.evn {
  position: relative;
  margin: 22px 0;
}

.evndate {
    width: 80px;
    background: #231f20;
    border: 5px solid #231f20;
  border-bottom: none;
    float: left;
    margin-right: 20px;
    text-align: center;
}


.date-month {
   font-family: "KelsonSans";
   color: black;
   font-size: 15px;
}

.evndate .date-month {
  display: block;
  padding: 6px 0;
  width: 100%;
  background: #fff;
  font-family: "KelsonSans";
  color: black;
  font-size: 21px;
  text-align: center;
  text-transform: uppercase
}

.date-number {
   font-family: "KelsonSans";
   color: #fff;
   font-size: 15px;
}

.evndate .date-number {
    display: block;
    text-align: center;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 40px;
}

.evninfo {
  max-width: 70%;
  float: left;
}

.evninfo h3 {
  margin: 9px 0 0 0 !important;
  letter-spacing: 0px !important;
  font-size: 22px;
  font-weight: lighter;
}

.date-number-end {
  font-family: "KelsonSansBold";
   color: black;
   font-size: 15px;
}

.evninfo p {
  margin: 0;
  padding: 0;
}

.single-country .boardmembers_container .evninfo p {
    line-height: 1;
    margin-top: 4px;
}


.evninfo p a {
  color: #333;
}

.evninfo p a:hover {
  color: #f4594e;
}

.events-list #post-header {
    display: none;
}
.tribe-events-list .tribe-events-event-image {
    margin: 0 !important;
}

.tribe-events-list .tribe-events-event-image+div.theeventssummary{
  float:left;width:67%;position:relative
}

.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
    max-width: 900px;
    margin: 0 auto;
}

.tribe-events-list .tribe-events-event-image+div.tribe-events-content {
    font-size: 15px;
    line-height: 1.5;
}
.tribe-events-list .tribe-events-loop .tribe-events-content {
    font-size: 16px;
    line-height: 1.5;
}

.tribe-events-event-meta address.tribe-events-address, .tribe-events-list .tribe-events-venue-details {
    font-style: normal;
  font-weight: normal;
    font-size: 17px;
    color: #010000;
}
.tribe-events-event-meta address.tribe-events-address a, .tribe-events-list .tribe-events-venue-details a {
    color: #010000;
}

.event-is-recurring {
    position: relative;
    font-style: normal;
    font-weight: 700;
    color: rgba(0,0,0,.7);
}

.tribe-events-list .type-tribe_events {
    padding: 0;
}

#tribe-geo-options h2, #tribe-geo-results h2 {
    padding: 20px;
    font-size: 23px;
    line-height: 1.2;
    color: #e95138;
  margin: 0;
}

#tribe-geo-results h2 a {
    color: #e95138;
}

.tribe-events-loop .tribe-events-event-meta {
    padding: 0 20px 15px 20px;
  margin: 0;
}
.tribe-events-list .tribe-events-loop .tribe-events-content {
    padding: 0 20px 20px 20px;
    font-size: 13px;
    font-family: "KelsonSansBold";
      color: #000000;
}

span.date-start.dtstart {
    color: #010000;
    font-size: 17px;
}
span.end-time.dtend {
    color: #010000;
    font-size: 17px;
}
a.tribe-events-read-more {
    text-decoration: underline !important;
    text-transform: uppercase;
  color: #000000;
}

.events-list #tribe-events-footer, .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer {
    border-top: none;
}

.tribe-events-notices {
    background: #000;
    border: none;
    color: #fff;
    text-align: center;
  text-shadow: none;
}

/* ################################################################################################
   PAGE - Blog
################################################################################################ */

/* Magnet */

.magnet {
    min-height: 400px;
}

.magnet-filter {
  position: relative;
  margin: 0 0 30px;
  display: block;
  overflow: visible;
  width: auto;
  z-index: 2;
}


.magnet-item {
  background-color: #fff;
  overflow: hidden;
  width: 275px;
  margin: 12px;
  float: left;
}

.magnet-hidden {
    opacity: 0;
    visibility: hidden;
}

.magnet-item:nth-child(4n+1) {
    clear: both;
}

.landing .magnet-item:nth-child(1n+13) {
    display: none;
    visibility: hidden;
  opacity: 0;
}

.landing .show .magnet-item:nth-child(1n+13) {
    display: block;
    visibility: visible;
  opacity: 1;
}


.magnet-filter.viewmore {
    margin: 20px auto;
    text-align: center;
    float: none;
}

button.btn.btn-primary.showitem {
    text-align: center;
    background: none;
    font-family: "KelsonSansBold";
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 20px;
    border: 4px solid #231f20;
    border-radius: 0;
    color: #231f20;
    letter-spacing: 0.01em;
    outline: 0;
    float: none;
}
button.btn.btn-primary.showitem:hover {
    background: white;
}


.magnet-item.australia,
.magnet-item.asia,
.magnet-item.europe,
.magnet-item.africa,
.magnet-item.southamerica,
.magnet-item.northamerica {
  left: inherit;
  right: inherit;
  bottom: inherit;
  background: #fff;
}

.magnet-item:hover {
  opacity: 0.4;
}

.magnet-item:hover .imageboxerer {
  opacity: 0.8;
}

.magnet-item:hover .stateshort  {
  color: #fff;
  background: #ddd;
}

.magnet-item a {
  text-decoration: none;
}

.magnet-item h2.title {
  font-family: "KelsonSansBold";
  text-transform: none;
  font-size: 15px;
  margin: 0;
  padding: 10px 15px;
  line-height: 1.5;
}

.magnet-item img{
  display: block;
    width: 100% !important;
    height: 235px !important;
}

.brandfilter {
    padding-top: 0;
}

.row .magnet-filter span.btn.btn-default,
.row .magnet-filter button,
.row .magnet-filter button.active {
  background: none;
  border: none;
  font-family: "KelsonSansBold";
  font-size: 11px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  padding: 5px 10px;
}

.magnet-filter ul {
  padding: 0;
  text-align: center;
}

.magnet-filter ul li {
  list-style-type: none;
  display: inline-block;
  border: 4px solid #231f20;
}

ul.mparent {
  margin: 0;
}

ul.mparent button:focus {
    outline: 0 !important;
}

ul.mparent li {
  margin: 0 2px;
}
ul.mparent li:hover {
    background: white;
}

ul.mparent li.active {
    background: black;
    color: white;
}

ul.mparent li.active button, ul.mparent li.active span {
    color: white;
}

ul.mparent li.active ul li button {
    color: black;
}
ul.mparent li.active ul li.active button {
    color: white;
}

ul.mchild {
    display: none;
    width: auto;
  max-height: 188px;
    position: absolute;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 4px;
  margin-left: -4px;
  padding: 5px 0;
}

ul.mchild::-webkit-scrollbar {
    width: 5px;
}
 
ul.mchild::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
 
ul.mchild::-webkit-scrollbar-thumb {
    background: black;
}

ul.mchild li {
    display: block;
    border: none;
    text-align: left;
  line-height: 1.3 !important;
  margin: 0;
  padding: 0 10px;
}

.row .magnet-filter ul.mchild li button {
    text-transform: uppercase;
    padding: 0;
}


/* ################################################################################################
   Secondary Navigation
################################################################################################ */

.home .second-nav {
  /*top: -71px;*/
}

.second-nav {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 10px solid #231f20;
    left: 0;
    padding: 30px;
    top: -71px;
    width: 100%;
    z-index: 998;
    margin-bottom: 0;
    position: absolute;
}

.second-nav > li {
  list-style: none;
  /*opacity: 0;*/
  /*visibility: hidden;*/
  display: none;
}

/*.second-nav > li.visible {
  opacity: 1;
  visibility: visible;
  display: block;
}*/

.second-nav .support > ul {
    overflow: hidden;
    padding: 0;
    text-align: right;
}

.second-nav .support > ul li {
    text-align: left;
}

.support img {
    width: auto;
}

.support h3 {
    font-size: 15px;
    letter-spacing: 0.5px;
    margin: 10px 0 5px;
}

.support span {
    color: #777;
    font-family: "KelsonSans";
  display: none;
}

.second-nav .support ul li {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 20px;
  margin-left: 35px;
    vertical-align: top;
    width: 185px;
}



#tribe-events {
    font-family: "KelsonSans";
  
}



/* ################################################################################################
   Single - Events
################################################################################################ */

.single-tribe_events #post-header {
    margin-bottom: 40px;
}

.single-tribe_events {
    background: none repeat scroll 0 0 #fff;
}

.single-tribe_events #tribe-events-content {
    margin: 0 auto;
    width: 80%;
}

.single-tribe_events #tribe-events-pg-template {
  padding: 200px 0 0;
  max-width: 1000px !important;
  padding: 0;
    margin-top: 40px;
}

.single-tribe_events #post-details .post-title {
    font-size: 50px;
    letter-spacing: 0;
    line-height: 1.2;
  margin-bottom: 40px;
}

.single-tribe_events #post-details hr.thick-divider {
    border: 3px solid #000;
    margin-bottom: 35px;
    width: 200px;
}

.single-tribe_events .addthis_toolbox {
    margin-top: 30px;
}

.single-tribe_events header#post-header {
    background-position: center center;
    background-size: cover;
    height: 500px;
    margin-top: 89px;
  margin: 0;
    float: none;
}

.tribe-events-promo {
    display: none;
}

.single-tribe_events #tribe-events-content p.tribe-events-back {
    text-align: center;
    text-transform: uppercase;
    font-size: 27px;
}
.single-tribe_events #tribe-events-content p.tribe-events-back a {
    font-size: 27px;
}

.single-tribe_events .tribe-events-cal-links {
  text-align: center;
}

.single-tribe_events .tribe_events img {
    max-width: 100%;
    width: auto !important;
}

#tribe-events .tribe-events-button, .tribe-events-button {
    background: none;
    color: #000;
    border: 4px solid #231f20;
    font-size: 12px;
}

.tribe-events-single-section.tribe-events-event-meta.primary {
    background: none;
    border: none;
}
.tribe-events-event-meta .tribe-events-meta-group {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    display: block;
}
.tribe-events-event-meta .tribe-events-meta-group-organizer {
    display: none;
}

.tribe-events-meta-group .tribe-events-single-section-title {
    display: none;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
    display: none;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
    display: none;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.tribe-events-event-url {
    display: block;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.tribe-events-event-url a {
    color: #005fe0;
    font-family: "KelsonSansBold";
    font-size: 17px;
}


.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.location {
    display: block;
}

.tribe-events-single-section.tribe-events-event-meta.secondary {
    background: none;
    border: none;
  margin-bottom: 50px;
}

.single-tribe_events .tribe-events-venue-map {
    width: 100%;
    margin: 0;
    border: none;
    padding: 0;
  float: none;
  display: block;
}


.tribe-events-event-meta .tribe-events-meta-group-venue {
    margin: 30px auto;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.author {
    display: block;
    font-family: "KelsonSansBold";
    font-size: 17px;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.location .tribe-events-gmap {
    display: none;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.location span {
    display: block;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.location span.delimiter {
    display: none;
}

h3.tribe-events-related-events-title {
    display: none;
}
.tribe-events-single ul.tribe-related-events {
    display: none;
}
ul.tribe-related-events.tribe-clearfix.hfeed.vcalendar {
    display: none;
}

.addtocal {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.addtocal h3 {
    text-transform: uppercase;
    font-size: 27px;
    margin-bottom: 10px;
}



.single-tribe_events #tribe-events-footer {
    border-top: none;
    padding-top: 0;
}

.single-tribe_events #tribe-events-pg-template {
    max-width: none !important;
}
.single-tribe_events #tribe-events-content {
    width: 100%;
}
.single-tribe_events #post-details {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}
.single-tribe_events .tribe_events {
    max-width: 800px;
    margin: 0 auto;
}
.single-tribe_events .addthis_toolbox {
    display: none;
}

.single-tribe_events .footersocial {
  display: none;
}

.single-tribe_events #tribe-events-footer:before,
.single-tribe_events #tribe-events-footer:after {
  display: none;
}

.single .tribe-events-venue-map img {
    width: auto !important;
}

.socialshare {
    background: #f4f0f0;
    padding: 50px 0;
  margin: 50px 0 24px 0;
}

.socialshare .container {
    max-width: 800px;
    padding: 0;
}
.socialshare h3 {
    text-transform: uppercase;
    font-size: 27px;
    text-align: center;
  margin-bottom: 30px;
}
.socialshare ul {
    text-align: center;
}
.socialshare ul li {
    display: inline;
}

.socialshare .ssba {
    display: inline !important;
    text-align: center;
  margin: 0;
}
.socialshare .ssba div {
    text-align: center !important;
}
.socialshare .ssba a {
    margin-right: 15px;
}
.socialshare .ssba a.ssba_email_share {
    margin-left: 8px;
}



/* ################################################################################################
   PAGE - Key Organisations
   ################################################################################################ */

.keyorgimg {
  background: none no-repeat scroll center center transparent;
  background-size: 100% auto;
  width: 95px;
  height: 105px;
}




/* ################################################################################################
Mailchimp
################################################################################################ */

.mc4wp-alert {
    font-family: "KelsonSans";
    font-size: 20px;
    text-align: center;
    padding-top: 30px;
}

.mc4wp-alert.mc4wp-error {
  color: red;
}

.mc4wp-alert.mc4wp-success {
  color: green;
}



/* ################################################################################################
Chosen
################################################################################################ */

.chosen-container .chosen-results li {
    font-family: kelsonsans;
}



/* ################################################################################################
Confirmation template
################################################################################################ */

.page-template-page-thankyou-php .post-section {
  background-color: #fff438;
}

.page-template-page-thankyou-php h1.post-title {
    text-transform: none !important;
}

.page-template-page-thankyou #post-details hr {
    border-bottom: 2px solid #000;
    width: 12%;
    display: block !important;
}

.page-template-page-thankyou article p strong {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
}

.page-template-page-thankyou-php article.page p {
    font-size: 20px;
}

.thankyou-social {
    text-align: center;
    padding: 0;
  margin-top: 50px;
}

.thankyou-social > li {
    list-style: outside none none;
}

.thankyou-social > li {
    display: inline-block;
    margin: 0 20px;
}

.thankyou-social a {
    color: #222;
    display: block;
    font-size: 60px;
    padding: 10px;
    width: auto;
}

.thankyou-social a:hover {
    background-color: #222;
    color: #fff438;
}

.page-template-page-thankyou .col-md-offset-1 ul.involve {
    padding: 0;
    text-align: center;
  margin-top: 40px;
}

.page-template-page-thankyou .col-md-offset-1 ul.involve li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 20px;
    width: 190px;
  vertical-align: top;
}

.page-template-page-thankyou-php .col-md-offset-1 div.thankyou-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
    width: 100%;
}

.thankyou-bottom {
    background: none repeat scroll 0 0 #fff;
    padding: 5px;
    text-align: left;
  line-height: 1;
  min-height: 65px;
}

.page-template-page-thankyou-php .col-md-offset-1 .thankyou-bottom h3 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0;
  text-transform: uppercase;
}

.thankyou-bottom > span {
    color: #777;
    font-family: "kelsonsans";
  font-size: 13px;
}

.page-template-page-thankyou-php .col-md-offset-1 h3 {
    font-size: 20px;
    margin-top: 40px;
    text-transform: none;
}

/* line 27, ../sass/screen.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "KelsonSansBold";
  color: black;
  margin: 0 auto 26px;
  line-height: 1.2;
  text-transform: none;
}

/* line 29, ../sass/screen.scss */
p {
  font-family: "KelsonSans";
  font-size: 16px;
  color: black;
}
/* line 33, ../sass/screen.scss */
p a {
  color: #005fe1;
}

/* line 37, ../sass/screen.scss */
p {
  margin: 0 auto 18px;
}

/* line 40, ../sass/screen.scss */
div .fb_iframe_widget iframe {
  position: static;
}

/* line 43, ../sass/screen.scss */
#top-bar {
  top: -111px;
  height: 89px;
  background: white;
  overflow: visible;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 12px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 12px;
  box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 12px;
}

/* line 52, ../sass/screen.scss */
#caption,
#sub-caption,
#logo img {
  display: none;
}

/* line 55, ../sass/screen.scss */
#logo-lettering {
  position: absolute;
  padding: 0;
}
/* line 59, ../sass/screen.scss */
#logo-lettering img {
  height: auto;
  max-width: 120px;
}

/* line 63, ../sass/screen.scss */
#menu-mobile i {
  color: black;
}

/* line 66, ../sass/screen.scss */
#top-navigation {
  position: relative;
  margin: 0;
}
/* line 71, ../sass/screen.scss */
#top-navigation li,
#top-navigation li:not(active) {
  position: relative;
  padding-bottom: 1em;
}
/* line 75, ../sass/screen.scss */
#top-navigation li a,
#top-navigation li:not(active) a {
  color: black;
  font-family: "KelsonSans";
  text-transform: uppercase;
}
/* line 80, ../sass/screen.scss */
#top-navigation li:after,
#top-navigation li:not(active):after {
  content: "/";
  padding-left: 15px;
}
/* line 85, ../sass/screen.scss */
#top-navigation li:last-child:after,
#top-navigation li:not(active):last-child:after {
  display: none;
}
/* line 92, ../sass/screen.scss */
#top-navigation .menu-item:hover .sub-menu {
  display: block;
}
/* line 97, ../sass/screen.scss */
#top-navigation .sub-menu {
  display: none;
  position: absolute;
  top: 21px;
  padding: 0;
  background: white;
  text-align: center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 4px;
}
/* line 105, ../sass/screen.scss */
#top-navigation .sub-menu li {
  width: 200px;
  margin: 0;
  padding: 0;
}
/* line 109, ../sass/screen.scss */
#top-navigation .sub-menu li:after {
  display: none;
}
/* line 112, ../sass/screen.scss */
#top-navigation .sub-menu li a {
  display: block;
  padding: 6px 12px;
  font: 0.5em/151% "KelsonSans";
  color: black;
}

/* line 121, ../sass/screen.scss */
#social-navigation {
  margin: 10px 6px;
  text-align: right;
  vertical-align: bottom;
}
/* line 125, ../sass/screen.scss */
#social-navigation li {
  display: inline-block;
  margin-left: 0 auto;
  vertical-align: top;
}
/* line 129, ../sass/screen.scss */
#social-navigation li.search {
  margin-left: 0;
  margin-bottom: -1px;
  text-align: right;
  vertical-align: top;
}

/* line 132, ../sass/screen.scss */
#social-navigation li.search input {
  height: auto;
  margin: 0 12px 0 0;
  padding: 0;
  color: black;
  font-family: "KelsonSans";
  text-transform: uppercase;
  background: transparent;
  text-align: right;
  border: 0;
  position: relative;
  top: 2px;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#social-navigation li.search:hover input {
  max-width: 10000px;
  -webkit-transition: all 2.5s ease-in-out;
  -moz-transition: all 2.5s ease-in-out;
  -o-transition: all 2.5s ease-in-out;
  transition: all 2.5s ease-in-out;
}
/* line 145, ../sass/screen.scss */
#social-navigation li.support a {
  text-indent: 0;
  color: black;
  font-family: "KelsonSans";
  text-transform: uppercase;
  border: none;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 15px;
}

#social-navigation li.support:first-of-type a {
  background-color: #ffff00 !important;
}

#social-navigation li.support:first-of-type a:hover {
  background-color: #777 !important;
  color: black;
}

#social-navigation li.support {
  margin: 0 auto;
}

/* line 152, ../sass/screen.scss */
#social-navigation li a {
  display: block;
  text-indent: -9001px;
  text-align: left;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 156, ../sass/screen.scss */
#social-navigation li a.twitter {
  width: 15px;
  height: 13px;
  background: transparent url("../img/header-icon-twitter.png");
}
/* line 162, ../sass/screen.scss */
#social-navigation li a.facebook {
  width: 7px;
  height: 15px;
  background: transparent url("../img/header-icon-facebook.png");
}
/* line 168, ../sass/screen.scss */
#social-navigation li a.pinterest {
  width: 12px;
  height: 15px;
  background: transparent url("../img/header-icon-pinterest.png");
}
/* line 174, ../sass/screen.scss */
#social-navigation li a.instagram {
  width: 15px;
  height: 15px;
  background: transparent url("../img/header-icon-instagram.png");
}

#social-navigation li a:hover {
  color: #e95138;
}


#secondary-navigation {
  text-align: right;
    padding: 18px 0;
    margin-right: -12px;
    display: block;
    padding: 5px 0;
}

#secondary-navigation li {
  display: inline-block;
    margin-left: 12px;
    vertical-align: bottom;
}


#secondary-navigation li {
    text-indent: 0;
  color: black;
  font-family: "KelsonSans";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  padding: 0 12px;
}



.mapper {
  position: relative;
  top: -50px;
}


.eventvisits, .instavisits {
  width: 49%;
}


.eventvisits {
  float: right;
}

.instavisits {
  float: left;
}
#map-side-bar {
  background: transparent;
  max-width: 1100px;
  width:  90%;
  position: relative;
  margin: auto;
}

.map-note p {
  font-size: 12px;
  margin: 0 auto;
  max-width: 90%;
  text-align: center;
  color: #777;
}



#map {
  height: 480px;
  width: 100%;
}


#tribe-events-pg-template {
  max-width: inherit !important;
}

#tribe-events-bar {
    margin: 0 auto 50px !important;
    padding: 20px 0;
    background: #fff;
    width: 100%;
    max-width: none;
}
#tribe-events-content.tribe-events-list {
  max-width: 1000px;
  margin: 0 auto 60px !important;
}

#tribe-geo-map-wrapper {
  margin-top: 85px;
  margin-bottom: 0;
}
#tribe-bar-form {
    background: none;
    max-width: 800px;
    margin: 0 auto;
}

.tribe-events-list .type-tribe_events {
    background: #fff;
    margin-bottom: 20px;
}

.datepicker.dropdown-menu {
    border: 4px solid #000;
  padding: 0;
  margin-left: -23px;
    -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.datepicker-dropdown.datepicker-orient-bottom {
    margin-top: -20px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    display: none;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  left: 0;
    right: 0;
    bottom: -20px;
    margin: 0 auto;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    
}

.datepicker-dropdown.datepicker-orient-top {
  margin-top: 20px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  left: 0;
    right: 0;
    top: -20px;
    margin: 0 auto;
    text-align: center;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #000;
}
.datepicker-dropdown.datepicker-orient-top:after {
  display: none;
}
/* custom */

.jwrap {
  margin: 0 auto;
  max-width: 95%;
  width: 1000px;
}

.jwrap {
  margin: 0 auto;
  max-width: 95%;
  width: 1000px;
}

#blog-posts-container {
  position: relative;
}

.blog-post {
  position: absolute;
  width: 33.33%;
}

.blog-post article {
}

/* MENU MOBILE CSS */

#mobilewrap,
#menu-open,
#menu-open-sec {
  display: none;
}

#mobilewrap {
  background-color: #fff;
  top: -100px;
  width: 100%;
  z-index: 999;
  
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

.home #mobilewrap {
  position: fixed;
}

#mobilewrap.showme {
  top: 0;
}

.mobilewrap {
  max-width: 95%;
  height: 60px;
  position: relative;
  margin: 0 auto;
  overflow: auto;
}

.mlogo {
  position: absolute;
  width: 85px;
  top: 0;
  left: 5%;
  z-index: 999;
}

.mlogo img {
  max-width: 100%;
}

#menu-mobile {
  margin-top: -14px;
  position: absolute;
  z-index: 99;
  right: 0;
  top: 50%;
}

#mb-nav {
  float: right;
  margin-right: 45px;
  overflow: auto;
}

#mb-nav li {
  list-style-type: none;
  color: black;
  font-family: "KelsonSans";
  font-size: 18px;
  font-weight: bold;
  padding: 0 12px;
  text-indent: 0;
  text-transform: uppercase;
  line-height: 60px;
  float: left;
}

#menu-open {
  position: fixed;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 1001;
  
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

#menu-open.active {
  width: 250px;
  overflow: auto;
}

#menu-close {
  background-color: #000;
  border-bottom: 1px solid #999;
  color: #fff;
  font-size: 25px;
  line-height: 1;
  padding: 10px 0;
  text-align: center;
  width: 250px;
}

#menu-search {
  position: relative;
}

#menu-search .search-input {
  background-color: #fff;
  border-top: 0 none;
  border-bottom: 1px solid #999;
  border-left: 0 none;
  border-right: 0 none;
  padding: 18px 20px 18px 15px;
  width: 100%;
  font-family: "KelsonSans";
  text-transform: uppercase;
}

#menu-search .search-submit {
  font-size: 18px;
  margin-top: -9px;
  opacity: 0.5;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 25px;
}

#mo-soc {
  margin-bottom: 25px;
  width: 250px;
}

#mo-soc ul {
  padding: 0;
  margin: 0;
}

#mo-soc li {
  list-style-type: none;
}

.mo-su li {
    border-bottom: 1px solid #999;
    color: black;
    font-family: "KelsonSans";
    font-size: 18px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    list-style-type: none;
    padding: 0 0 0 20px;
    text-indent: 0;
    text-transform: uppercase;
}

.garment-container .mo-su li {
    text-align: center;
    padding: 0;
}

.mo-so {
  overflow: auto;
}

.mo-so li {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  float: left;
  font-size: 20px;
  padding: 20px 0;
  text-align: center;
  width: 25%;
}

.mo-so li.soc-in {
  border-right: 0 none;
}

#mo-logo {
  margin-bottom: 30px;
  text-align: center;
  width: 250px;
}

#mo-logo img {
  max-width: 100%;
  padding: 0 10px;
  width: 131px;
}

.mo-tab,
.mo-smart {
  width: 250px;
}

.mo-smart {
  display: none;
}

.mo-tab ul {
  padding: 0;
  margin: 0;
}

.mo-tab li,
.mo-smart div {
  list-style-type: none;
  border-bottom: 1px solid #999;
  color: black;
  font-family: "KelsonSans";
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  text-indent: 0;
  text-transform: uppercase;
  height: 55px;
}

.mo-tab span.case,
.mo-tab span.case span,
.mo-smart span.case,
.mo-smart span.case span {
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

.mo-tab span.case,
.mo-smart span.case {
  background-color: #000;
  display: block;
  float: left;
  height: 54px;
  width: 54px;
  cursor: pointer;
}
  .mo-tab span.case:hover,
  .mo-smart span.case:hover {
    background-color: #f4594e;
  }

.mo-tab span.case span,
.mo-smart span.case span {
  display: block;
  height: 100%;
  width: 100%;
}
  .mo-tab span.case span {
    background: url("../img/arrow-left.png") no-repeat scroll center center transparent;
  }
  .mo-smart span.case span {
    background: url("../img/arrow-down2.png") no-repeat scroll center center transparent;
  }

.mo-tab span.case.active,
.mo-smart span.case.active {
  background-color: #f4594e;
}
  .mo-tab span.case.active span {
    transform: rotate(180deg);
  }
  .mo-smart span.case.active span {
    transform: rotate(-180deg);
  }

.mo-tab a,
.mo-smart a {
  line-height: 54px;
  padding-left: 20px;
}

#menu-open-sec {
  top: 0;
  right: 0;
  height: 100%;
  position: fixed;
  z-index: 1000;
  width: 0;
  padding: 0;
  background-color: #fff;
  overflow: auto;
  
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

#menu-open-sec.active {
  right: 50px;
  width: 200px;
  padding: 0 20px;
  border-left: 5px solid #000;
  border-right: 5px solid #000;
}

#menu-open-sec.active.openup {
  right: 250px;
}

#menu-open-sec ul {
  padding: 0;
  position: relative;
}

#menu-open-sec li {
  list-style-type: none;
}

.mosli {
  top: 20px;
  position: absolute;
  z-index: 1001;
}

.mosli.mosecopen {
}

.mosli img, .mosmo img {
  margin-bottom: 10px;
}

.mosli h3 {
  color: #444;
  font-size: 16px;
  text-align: center;
  
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

.mosli a:hover h3, .mosmo a:hover h3 {
  color: #f4594e;
}

.mo-smart .mosmo {
  height: auto;
  text-align: center;
}

.mosmo ul {
  padding: 0;
  margin: 20px 0 30px;
}

.mosmo li {
  list-style-type: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 20px;
  width: 220px;
}

.mosmo h3 {
  color: #444;
  font-size: 20px;
  
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

.mosmo a {
  padding: 0;
}

.mosmo ul div {
  border-bottom: 0;
}

.mentions {
  background: none repeat scroll 0 0 #fff;
  overflow: hidden;
  text-align: center;
  display: none;
}

.home .mentions {
  display: none;
}

.mentions a .text {
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}

.mentions span {
  display: inline-block;
  
  font-family: 'open sans', sans-serif;
}

.eyd img {
    max-width: none;
    width: 100%;
}

span.eyd {
    width: 100%;
}

span.eyd a {
  color: #fff;
}

span.eyd span.text {
    margin-top: 5px;
}

span.eyd a:hover .text {
  opacity: 0.8;
}



/* line 184, ../sass/screen.scss */
body.home h2 {
    font-size: 50px;
    line-height: 60px;
}

body.home .sections .intro p {
    font-size: 17px;
    line-height: 27px;
}
/* line 187, ../sass/screen.scss */
body.home #explore .scroll img {
  display: block;
  width: 90%;
  max-width: 502px;
  margin: 0 auto;
  position: relative;
}
/* line 195, ../sass/screen.scss */
body.home .sections {
  padding-top: 1.25em;
  background-size: cover;
  background-position: top center;
}
/* line 197, ../sass/screen.scss */
body.home .sections .intro {
  float: none;
  width: 80%;
  max-width: 510px;
  margin: 0 auto;
  padding: 20px 30px;
}
/* line 204, ../sass/screen.scss */
body.home .sections#we-are-fashion-revolution {
  position: relative;
  background-image: url("../img/bg-stripes-big-body.png");
  background-position: center top;
  overflow-x: visible;
}
/* line 209, ../sass/screen.scss */
body.home .sections#we-are-fashion-revolution h2 {
  font-size: 5.4em;
  line-height: 87%;
  margin-bottom: 80px;
  position: relative;
}

body.home .sections#we-are-fashion-revolution h2:before {
  width: 84px;
  position: absolute;
  bottom: -40px;
  height: 4px;
  background: #231e21;
  content: '';
  left: 50%;
  margin-left: -42px;
}
/* line 214, ../sass/screen.scss */
body.home .sections#we-are-fashion-revolution:before {
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;
  background: transparent url("../img/bg-stripes-big-top.png") repeat-x center top;
  content: " ";
}

#who-made-your-clothes .row {
   padding-bottom: 530px;
    padding-top: 30px;
    font-size: 20px;
}
/* line 224, ../sass/screen.scss */
body.home .sections#we-are-fashion-revolution .intro {
  background: white;
  float: none;
  width: 80%;
  max-width: 580px;
  margin: 0 auto;
  padding: 40px 20px;
  border: 18px solid #231f20;
  margin: 50px auto 50px;
}
/* line 227, ../sass/screen.scss */
body.home .sections#we-are-fashion-revolution p {
  font-size: 1.1em;
  line-height: 121%;
}
/* line 232, ../sass/screen.scss */
body.home .sections#wear-it-insideout {
  position: relative;
  background-image: url("../img/bg-stripes-big-body.png");
  background-position: center top;
  overflow-x: visible;
}
/* line 237, ../sass/screen.scss */
body.home .sections#wear-it-insideout:before {
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;
  background: transparent url("../img/bg-stripes-big-top.png") repeat-x center top;
  content: " ";
}
/* line 247, ../sass/screen.scss */
body.home .sections#wear-it-insideout h2 {
  font-size: 5.4em;
  line-height: 85%;
}
/* line 251, ../sass/screen.scss */
body.home .sections#wear-it-insideout .intro {
  background: #E85464;
}
/* line 253, ../sass/screen.scss */
body.home .sections#wear-it-insideout .intro a {
  color: white;
}
/* line 255, ../sass/screen.scss */
body.home .sections#wear-it-insideout .intro a:hover {
  color: #E85464;
  background: black;
}
/* line 261, ../sass/screen.scss */
body.home .sections#wear-it-insideout p {
  font-size: 1.1em;
  line-height: 121%;
}

body.home .sections#who-made-your-clothes {
    background-image: url(../img/whomad-peeps.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}

/* line 267, ../sass/screen.scss */
body.home .sections#who-made-your-clothes img {
  width: auto;

}
/* line 270, ../sass/screen.scss */
body.home .sections#who-made-your-clothes .intro {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
/* line 276, ../sass/screen.scss */
body.home .sections#who-made-your-clothes p {
  font-size: 0.8em;
  line-height: 121%;
    max-width: 65%;
    margin-bottom: 25px;
}
/* line 282, ../sass/screen.scss */
body.home .sections #services-list .col-md-3 {
  float: none;
  display: inline-block;
  width: 100%;
  max-width: 154px;
}
/* line 290, ../sass/screen.scss */
body.home .sections .service img {
  height: auto;
}
/* line 294, ../sass/screen.scss */
body.home .sections#instagram-and-twitter {
  padding: 0;
}
/* line 296, ../sass/screen.scss */
body.home .sections#instagram-and-twitter .container {
  display: none;
}
/* line 301, ../sass/screen.scss */
body.home .sections #featured-posts-container {
  max-width: 980px;
  margin: 0 auto;
}
/* line 304, ../sass/screen.scss */
body.home .sections #featured-posts-container .featured-post {
  width: 299px;
    margin: 10px;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

body.home .sections #featured-posts-container .featured-post:hover {
  opacity: 0.7;
}
/* line 309, ../sass/screen.scss */
body.home .sections #featured-posts-container .featured-post .featured-post-info {
  margin: 0;
  padding-bottom: 30px;
}
/* line 312, ../sass/screen.scss */
body.home .sections #featured-posts-container .featured-post .featured-post-info h3 {
  font: 1em/151% "KelsonSansBold",sans-serif;
  text-transform: none;
}
/* line 316, ../sass/screen.scss */
body.home .sections #featured-posts-container .featured-post .featured-post-info a {
  color: black;
}
/* line 318, ../sass/screen.scss */
body.home .sections #featured-posts-container .featured-post .featured-post-info a:hover {
  color: #00B69A;
}
/* line 326, ../sass/screen.scss */
body.home .sections#be-a-part-of-fashion-revolution {
  padding: 0;
}
/* line 328, ../sass/screen.scss */
/*body.home .sections#be-a-part-of-fashion-revolution .container {
  width: 100%;
  background: url("../img/bg-map.png") no-repeat center top;
}*/
/* line 331, ../sass/screen.scss */
body.home .sections#be-a-part-of-fashion-revolution .container .intro {
  max-width: none;
}
/* line 333, ../sass/screen.scss */
body.home .sections#be-a-part-of-fashion-revolution .container .intro a {
  background: black;
  padding: 6px 8px;
  color: #DCDF00;
  text-transform: uppercase;
}
/* line 338, ../sass/screen.scss */
body.home .sections#be-a-part-of-fashion-revolution .container .intro a:hover {
  color: white;
}


body.home section#who-made-my-clothes {
    padding: 0;
  position: relative;
}

body.home section#who-made-my-clothes .intro img.mobile {
    display: none;
}

.mobile {
    display: none;
}

.parallax-container {
  background: transparent;
}


/*
body.home section#who-made-my-clothes:after {
    content: '';
    margin: 0 auto;
    width: 44px;
    height: 26px;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    background: url(../img/arrow-down-black2.png) no-repeat;
}
*/

body.home section#who-made-my-clothes a.arrowdown {
    margin: 0 auto;
    width: 44px;
    height: 26px;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    background: url(../img/arrow-down-black2.png) no-repeat;
}

body.home section#who-made-my-clothes .intro {
    width: 100% !important;
    max-width: none;
    padding: 0;
}

body.home section#who-made-my-clothes .intro p {
    margin: 0;
}

body.home section#who-made-my-clothes .intro img {
    margin: 0;
}

body.home section#calling-all-fashion-lovers {
    padding: 3em 0;
}

body.home section#calling-all-fashion-lovers .intro {
    max-width: 580px;
}

body.home section#calling-all-fashion-lovers h2 {
    font-size: 50px;
    line-height: 60px;
}

body.home section#calling-all-fashion-lovers p {
    font-size: 34px;
    line-height: 40px;
  margin-bottom: 40px;
}

body.home section#calling-all-fashion-lovers .intro br {
    display: inline !important;
}

body.home section#calling-all-fashion-lovers p:last-child {
    margin: 0;
}

body.home section#fashion-revolution-was-born {
    padding: 0;
    position: relative;
    height: 580px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

body.home section#fashion-revolution-was-born .container {
    padding: 170px 0 0 0;
}

body.home section#fashion-revolution-was-born:before {
  content: '';
    margin: 0 auto;
    width: 100%;
    height: 80px;
    display: block;
  background: url(../img/shadow-gradient-top.png) repeat-x;
    position: absolute;
    top: 0;
}

body.home section#fashion-revolution-was-born:after {
  content: '';
    margin: 0 auto;
    width: 100%;
    height: 80px;
    display: block;
  background: url(../img/shadow-gradient-bottom.png) repeat-x;
    position: absolute;
    bottom: 0;
}

body.home section#fashion-revolution-was-born .intro {
    background: #fff;
    padding-top: 30px;
}

body.home section#we-are-fashion-revolution .intro {
    max-width: 568px;
}

body.home section#we-are-fashion-revolution h2 {
    font-size: 50px;
    line-height: 60px;
  text-decoration: underline;
}

body.home section#we-are-fashion-revolution .intro br {
    display: inline !important;
}


body.home section#save-the-date {
    padding: 0;
    position: relative;
    height: 720px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

body.home section#save-the-date .container {
    padding: 80px 0 0 0;
}

body.home section#save-the-date:before {
  content: '';
    margin: 0 auto;
    width: 100%;
    height: 80px;
    display: block;
  background: url(../img/shadow-gradient-top.png) repeat-x;
    position: absolute;
    top: 0;
}

body.home section#save-the-date:after {
  content: '';
    margin: 0 auto;
    width: 100%;
    height: 80px;
    display: block;
  background: url(../img/shadow-gradient-bottom.png) repeat-x;
    position: absolute;
    bottom: 0;
}

body.home section#save-the-date .intro {
    background: #fff;
    padding-top: 30px;
  max-width: 650px;
}

body.home section#save-the-date .ticker-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
    background: #231f20;
}

body.home section#save-the-date .ticker-container .ticker {
    font-size: 32px;
    font-family: "KelsonSansBold";
    line-height: 52px;
    color: #fff;
    padding: 19px;
}

body.home section#save-the-date .tickerbox {
    display: inline-block;
  margin-right: 5px;
}

body.home section#save-the-date .tickerbox span {
    background: url(../img/tickerbox.png) no-repeat;
    width: 28px;
    height: 52px;
    color: black;
    display: inline-block;
    margin: 0 3px;
}

body.home section#join-the-revolution {
    padding: 0;
    position: relative;
    height: 430px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

body.home section#join-the-revolution .container {
    padding: 60px 0 0 0;
}

body.home section#join-the-revolution .intro {
    background: #fff;
    padding-top: 30px;
}

body.home section#join-the-revolution h2 {
    text-decoration: underline;
}



/* line 349, ../sass/screen.scss */
#flickr,
#instagram,
#twitter {
  display: block;
  overflow: visible;
  height: auto;
}

/* line 354, ../sass/screen.scss */
#instagram {
  width: 100%;
  margin: 0 auto;
  background: #231F20;
}
/* line 360, ../sass/screen.scss */
#instagram li {
  width: 50%;
  max-width: 16.6666667%;
}

/* line 366, ../sass/screen.scss */
#twitter {
  padding-bottom: 30px;
  background: #00b69a url("../img/bg-stripes-big-body.png") repeat center top;
}
/* line 369, ../sass/screen.scss */
#twitter:before {
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;
  background: transparent url("../img/bg-stripes-big-top.png") repeat-x center top;
  content: " ";
}
/* line 379, ../sass/screen.scss */
#twitter ul.tweetList {
  float: none;
  width: 90%;
  max-width: 780px;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
/* line 386, ../sass/screen.scss */
#twitter ul.tweetList li {
  display: inline-block;
  width: 90%;
  height: auto;
  max-width: 210px;
  margin: 50px 25px;
  padding: 30px 20px 20px;
  vertical-align: top;
  background: white url("../img/icon-twitter.png") no-repeat center 12px;
}
/* line 395, ../sass/screen.scss */
#twitter ul.tweetList li p {
  font-size: 0.8em;
}
/* line 397, ../sass/screen.scss */
#twitter ul.tweetList li p:before {
  content: ' ';
  display: block;
  background: #000;
  width: 100%;
  height: 3px;
  margin: 12px auto;
  max-width: 80px;
}
/* line 406, ../sass/screen.scss */
#twitter ul.tweetList li p a {
  color: #00B69A;
}
/* line 409, ../sass/screen.scss */
#twitter ul.tweetList li p time {
  color: black;
}

/* line 419, ../sass/screen.scss */
#footer {
  background: #000;
  color: #fff;
}
/* line 422, ../sass/screen.scss */
/*#footer #social-profiles {
  display: none;
}*/
/* line 425, ../sass/screen.scss */
#footer p {
  color: #fff;
  font-size: 11px;
  font-family: "KelsonSans";
  letter-spacing: 1px;
}

#footer p a {
    color: #fff;
}
/* line 428, ../sass/screen.scss */
#footer p:last-child {
  
}

/* line 436, ../sass/screen.scss */
.home #top-bar,
.single #top-bar,
.page #top-bar,
.single-country #top-bar,
.archive #top-bar {
  position: relative;
  top: auto;
}
/* line 442, ../sass/screen.scss */
.single .post,
.single .page,
.single .country,
.page .post,
.page .page,
.page .country,
.single-country .post,
.single-country .page,
.single-country .country,
.archive .post,
.archive .page,
.archive .country {
  margin: 4em auto 2.5em;
    position: relative;
    height: inherit;
    width: 100%;
  max-width: none;
}
/* line 445, ../sass/screen.scss */
.single .page h1.post-title,
.single .country h1.post-title,
.page .post h1.post-title,
.page .page h1.post-title,
.page .country h1.post-title,
.single-country .post h1.post-title,
.single-country .page h1.post-title,
.single-country .country h1.post-title,
.archive .post h1.post-title,
.archive .page h1.post-title,
.archive .country h1.post-title {
  text-transform: uppercase;
  margin: 0 auto 30px;
  line-height: 100%;
  font-size: 48px;
  text-align: center;
}
/* line 453, ../sass/screen.scss */
.single .post p,
.single .post li,
.single .page p,
.single .page li,
.single .country p,
.single .country li,
.page .post p,
.page .post li,
.page .page p,
.page .page li,
.page .country p,
.page .country li,
.single-country .post p,
.single-country .post li,
.single-country .page p,
.single-country .page li,
.single-country .country p,
.single-country .country li,
.archive .post p,
.archive .post li,
.archive .page p,
.archive .page li,
.archive .country p,
.archive .country li {
  color: black;
    font-size: 17px;
    font-family: "KelsonSans";
    line-height: 27px;
  letter-spacing: 0.01em;
}
/* line 457, ../sass/screen.scss */
.single .post img,
.single .page img,
.single .country img,
.page .post img,
.page .page img,
.page .country img,
.single-country .post img,
.single-country .page img,
.single-country .country img,
.archive .post img,
.archive .page img,
.archive .country img {
  width: auto;
  height: auto;
}

/* line 463, ../sass/screen.scss */
body.global-board,
body.global-advisory-committee {
  background: white;
}

/* line 468, ../sass/screen.scss */
.page .boardmembers_container {
    margin-bottom: 40px;
  max-width: none;
}
/* line 471, ../sass/screen.scss */

.page .boardmembers_container .boardmember_link, .single-country .boardmembers_container .boardmember_link {
    display: inline-block;
    margin: 0 -2px 24px;
    max-width: 150px;
    vertical-align: top;
    width: 100%;
}

/* line 477, ../sass/screen.scss */
.page .boardmembers_container .boardmember_link img,
.single-country .boardmembers_container .boardmember_link img {
  display: block;
  margin-bottom: 10px;
}
/* line 482, ../sass/screen.scss */
.page .boardmembers_container .boardmember_link:hover img,
.single-country .boardmembers_container .boardmember_link:hover img {
  /*-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);*/
  opacity: .8;
}
/* line 487, ../sass/screen.scss */
.page .boardmembers_container .boardmember,
.single-country .boardmembers_container .boardmember {
  width: 100%;
  min-height: 200px;
  margin: 0 0 48px;
  padding: 13px;
  background: #DCDF00;
}
/* line 494, ../sass/screen.scss */
.page .boardmembers_container .boardmember_info,
.single-country .boardmembers_container .boardmember_info {
  display: inline-block;
  width: 100%;
  max-width: 90px;
  vertical-align: top;
}
/* line 500, ../sass/screen.scss */
.page .boardmembers_container .boardmember_content,
.single-country .boardmembers_container .boardmember_content {
  display: inline-block;
  width: 100%;
  max-width: 335px;
  margin-right: 12px;
  vertical-align: top;
}
/* line 507, ../sass/screen.scss */
.page .boardmembers_container .boardmember_links,
.single-country .boardmembers_container .boardmember_links {
  display: inline-block;
  width: 100%;
  max-width: 140px;
  vertical-align: top;
}
/* line 513, ../sass/screen.scss */
.page .boardmembers_container p, .single-country .boardmembers_container p {
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    font-family: "KelsonSans";
}
.page .boardmembers_container p.name, .single-country .boardmembers_container p.name {
    font-family: "KelsonSansBold";
}

/* line 520, ../sass/screen.scss */
.page .boardmembers_container p a,
.single-country .boardmembers_container p a {
  color: black;
  text-decoration: underline;
}
/* line 526, ../sass/screen.scss */
.page .addthis_toolbox,
.single-country .addthis_toolbox {
  display: none;
}

/* line 532, ../sass/screen.scss */
body.journal #page-content,
body.archive #page-content {
  background: #00B69A;
}
/* line 535, ../sass/screen.scss */
body.archive .post {
  margin: 0 0 50px;
  border: 6px solid black;
  background: white;
  text-align: center;
}
body.journal .post {
  margin: 0;
  background: white;
  text-align: left;
  width: 100%;
}
body.journal .post-data a {
  font-size: 15px;
  line-height: 21px;
}
/* line 540, ../sass/screen.scss */
body.journal .post h2,
body.archive .post h2 {
  font-size: 1em;
  text-transform: none;
}
/* line 545, ../sass/screen.scss */
body.journal select,
body.archive select {
  display: inline-block;
  width: 100%;
  max-width: 110px;
  margin: 0 6px;
  color: #00B69A;
  background: black;
  text-align: center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* line 553, ../sass/screen.scss */
body.journal select option,
body.archive select option {
  text-align: center;
}

/* line 558, ../sass/screen.scss */
#blog-header {
  height: auto;
  padding: 36px 0 0;
  background: #00B69A;
}
/* line 562, ../sass/screen.scss */
#blog-header h1 {
  width: 50%;
  margin: 0 auto 18px;
  padding: 0 0 18px;
  border-bottom: 1px solid black;
}

/* line 569, ../sass/screen.scss */

.social_links {
    margin: 40px auto 36px;
}

/* line 571, ../sass/screen.scss */
.social_links div a {
  display: block;
  width: auto;
  height: 15px;
  padding: 0 0 0 30px;
  vertical-align: center;
  line-height: 15px;
}

/* line 581, ../sass/screen.scss */
.single-country .facebook a {
  background: transparent url("../img/icon30-facebook.png") no-repeat left center;
}
/* line 584, ../sass/screen.scss */
.single-country .twitter a {
  background: transparent url("../img/icon30-twitter.png") no-repeat left center;
}
/* line 587, ../sass/screen.scss */
.single-country .instagram a {
  background: transparent url("../img/icon30-instagram.png") no-repeat left center;
}
/* line 590, ../sass/screen.scss */
.single-country .pinterest a {
  background: transparent url("../img/icon30-pinterest.png") no-repeat left center;
}

/* line 594, ../sass/screen.scss */
.country_link {
  display: inline-block;
  vertical-align: top;
  max-width: 70px;
  margin: 0 6px 0 0;
}
/* line 599, ../sass/screen.scss */
.country_link:nth-of-type(11) {
  margin: 0;
}
/* line 602, ../sass/screen.scss */
.country_link p.name {
    font: 0.9em/121% "KelsonSans";
}

/* line 607, ../sass/screen.scss */
.support-us .country_link {
  max-width: 200px;
}
/* line 611, ../sass/screen.scss */
.support-us .page p {
  font-size: 1.5em;
}
/* line 614, ../sass/screen.scss */
.support-us .page p.name, .support-us .page p.price {
  font-size: 1.2em;
}
/* line 617, ../sass/screen.scss */
.support-us .page p.name {
  color: #00B69A;
}

/* line 623, ../sass/screen.scss */
.continent {
  border-top: 1px solid black;
  margin: 0 0 12px;
  padding: 6px 0 0;
}
/* line 627, ../sass/screen.scss */
.continent h3 {
  text-transform: capitalize;
}

/* line 631, ../sass/screen.scss */
.jp-audio {
  width: auto;
  height: 156px !important;
}

/* line 640, ../sass/screen.scss */
.jp-video {
  width: auto;
}

/* line 648, ../sass/screen.scss */
.pagination {
  display: block;
  text-align: center;
}
body.journal .pagination {
  margin: 0;
  padding: 25px 0;
}

/* line 652, ../sass/screen.scss */
.page-numbers {
  background: black;
  color: #00B69A;
}
/* line 655, ../sass/screen.scss */
.page-numbers:hover {
  background: #00B69A;
  color: white;
}
/* line 659, ../sass/screen.scss */
.page-numbers.current {
  background: #00B69A;
  color: black;
}
/* line 662, ../sass/screen.scss */
.page-numbers.current:hover {
  color: white;
}
/* line 667, ../sass/screen.scss */
.page-numbers.prev, .page-numbers.next {
  background: #00B69A;
  display: none;
}

/* line 672, ../sass/screen.scss */
.ctas {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
/* line 678, ../sass/screen.scss */
.ctas .curious {
  width: 155px;
  height: 155px;
  background: url("../img/home-curious.png");
}
/* line 686, ../sass/screen.scss */
.ctas .curious:hover {
  background: url("../img/home-curious-hover.png");
}
/* line 678, ../sass/screen.scss */
.ctas .find {
  width: 155px;
  height: 155px;
  background: url("../img/home-find.png");
}
/* line 686, ../sass/screen.scss */
.ctas .find:hover {
  background: url("../img/home-find-hover.png");
}
/* line 678, ../sass/screen.scss */
.ctas .do {
  width: 155px;
  height: 155px;
  background: url("../img/home-do.png");
}
/* line 686, ../sass/screen.scss */
.ctas .do:hover {
  background: url("../img/home-do-hover.png");
}
/* line 691, ../sass/screen.scss */
.ctas a {
  display: inline-block;
  margin: 0 10px;
  text-indent: -9001px;
}

/* line 703, ../sass/screen.scss */
.row .btn {
  background: black;
}
/* line 705, ../sass/screen.scss */
.row .btn a {
  color: #00B69A;
  font-family: "KelsonSans",sans-serif;
}
/* line 708, ../sass/screen.scss */
.row .btn a:hover {
  color: white;
}

/* line 715, ../sass/screen.scss */
body.search-results #top-bar {
  top: 0;
  position: relative;
}

/* line 727, ../sass/screen.scss */
body.meet-the-maker .page-section,
body.meet-the-maker .post-section,
body.meet-the-maker #blog-header,
body.meet-the-maker #page-content,
body.category-meet-your-maker .page-section,
body.category-meet-your-maker .post-section,
body.category-meet-your-maker #blog-header,
body.category-meet-your-maker #page-content,
body.meet-the-maker .page-section,
body.meet-the-maker .post-section,
body.meet-the-maker #blog-header,
body.meet-the-maker #page-content,
body.category-meet-your-maker .page-section,
body.category-meet-your-maker .post-section,
body.category-meet-your-maker #blog-header,
body.category-meet-your-maker #page-content {
  background: #DCDF00;
}
/* line 729, ../sass/screen.scss */
body.meet-the-maker .page-section p,
body.meet-the-maker .post-section p,
body.meet-the-maker #blog-header p,
body.meet-the-maker #page-content p,
body.category-meet-your-maker .page-section p,
body.category-meet-your-maker .post-section p,
body.category-meet-your-maker #blog-header p,
body.category-meet-your-maker #page-content p,
body.meet-the-maker .page-section p,
body.meet-the-maker .post-section p,
body.meet-the-maker #blog-header p,
body.meet-the-maker #page-content p,
body.category-meet-your-maker .page-section p,
body.category-meet-your-maker .post-section p,
body.category-meet-your-maker #blog-header p,
body.category-meet-your-maker #page-content p {
  font-size: 1.2em;
  text-align: center;
}
/* line 734, ../sass/screen.scss */
body.meet-the-maker .page-section select,
body.meet-the-maker .page-section option,
body.meet-the-maker .post-section select,
body.meet-the-maker .post-section option,
body.meet-the-maker #blog-header select,
body.meet-the-maker #blog-header option,
body.meet-the-maker #page-content select,
body.meet-the-maker #page-content option,
body.category-meet-your-maker .page-section select,
body.category-meet-your-maker .page-section option,
body.category-meet-your-maker .post-section select,
body.category-meet-your-maker .post-section option,
body.category-meet-your-maker #blog-header select,
body.category-meet-your-maker #blog-header option,
body.category-meet-your-maker #page-content select,
body.category-meet-your-maker #page-content option,
body.meet-the-maker .page-section select,
body.meet-the-maker .page-section option,
body.meet-the-maker .post-section select,
body.meet-the-maker .post-section option,
body.meet-the-maker #blog-header select,
body.meet-the-maker #blog-header option,
body.meet-the-maker #page-content select,
body.meet-the-maker #page-content option,
body.category-meet-your-maker .page-section select,
body.category-meet-your-maker .page-section option,
body.category-meet-your-maker .post-section select,
body.category-meet-your-maker .post-section option,
body.category-meet-your-maker #blog-header select,
body.category-meet-your-maker #blog-header option,
body.category-meet-your-maker #page-content select,
body.category-meet-your-maker #page-content option {
  color: #DCDF00;
}

/* line 739, ../sass/screen.scss */
hr {
    width: 25%;
    border-top: 5px solid #000;
}

/* line 744, ../sass/screen.scss */
.single-country iframe {
  width: 100%;
}


.page-template-page-ourteam .mentions {
    display: none;
}

/* Simple share button */
.ssba.ssba-wrap {
    display: none;
}

.single-post .ssba.ssba-wrap {
    display: block;
}

.ssba.ssba-wrap {
    margin-bottom: 40px;
}

.ssba a {
    margin-right: 10px;
}




/* temporary remove home and thankyou page menu */
/*
body.page-template-page-thankyou-php #secondary-navigation,
body.page-template-page-home2 #secondary-navigation {
    display: none;
}

body.page-template-page-thankyou-php #social-navigation li.support,
body.page-template-page-home2 #social-navigation li.support {
    display: none;
}

body.page-template-page-thankyou-php #social-navigation li.search,
body.page-template-page-home2 #social-navigation li.search {
    display: none;
}

body.page-template-page-thankyou-php #menu-mobile,
body.page-template-page-home2 #menu-mobile {
    display: none;
}

body.page-template-page-thankyou-php nav#mb-nav,
body.page-template-page-home2 nav#mb-nav {
    display: none;
}
*/


/* Home 2 Landing page template */

body.page-template-page-home2 .sectionslanding {
    padding-top: 1.25em;
  padding-bottom: 1.875em;
    text-align: center;
    overflow-x: hidden;
    background-size: cover;
    background-position: top center;
}

body.page-template-page-home2 .sectionslanding .intro {
    float: none;
    width: 100%;
    max-width: 568px;
    margin: 0 auto;
    padding: 20px 0;
}

body.page-template-page-home2 h2 {
    font-size: 50px;
    line-height: 60px;
  text-transform: none;
}

body.page-template-page-home2 .sectionslanding .intro p {
    font-size: 17px;
    line-height: 27px;
}

body.page-template-page-home2 section#who-made-my-clothes {
    padding: 0;
  position: relative;
  background-color: #00bdfb;
  clear: both;
}

body.page-template-page-home2 section#who-made-my-clothes .intro {
    width: 100% !important;
    max-width: none;
    padding: 0;
}

body.page-template-page-home2 section#who-made-my-clothes .intro p {
    margin: 0;
}

body.page-template-page-home2 section#who-made-my-clothes .intro img {
    margin: 0;
}

body.page-template-page-home2 section#who-made-my-clothes a.arrowdown {
    margin: 0 auto;
    width: 44px;
    height: 26px;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    background: url(../img/arrow-down-black2.png) no-repeat;
}

/* section fashion-should-feel-good */
body.page-template-page-home2 section#fashion-should-feel-good .intro {
    max-width: 490px;
}

body.page-template-page-home2 section#fashion-should-feel-good {
    width: 100%;
    background-color: #f0ece8;
}

body.page-template-page-home2 section#fashion-should-feel-good h2.title {
    font-family: 'KelsonSansBold';
    font-size: 38px;
    line-height: 50px;
    margin: 0;
    letter-spacing: 4px;
}

body.page-template-page-home2 section#fashion-should-feel-good p.content {
    font-family: 'Courier';
    font-size: 18px;
    line-height: 30px;
}

body.page-template-page-home2 section#fashion-should-feel-good a.button {
    border: 5px solid #1d1d1b;
    color: #000000;
    font-family: 'KelsonSansBold';
    font-size: 17px;
    padding: 5px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

body.page-template-page-home2 section#fashion-should-feel-good div.clear {
    padding-top: 35px;
}

/**/
/* section fashion-should-feel-good */
body.page-template-page-home2 section#fashion-should-feel-good {
    width: 100%;
    background-color: #f0ece8;
}

body.page-template-page-home2 section#fashion-should-feel-good h2.title {
    font-family: 'KelsonSansBold';
    font-size: 38px;
    line-height: 50px;
    margin: 0;
}

body.page-template-page-home2 section#fashion-should-feel-good p.content {
    font-family: 'Courier';
    font-size: 18px;
}

body.page-template-page-home2 section#fashion-should-feel-good a.button {
    border: 5px solid #1d1d1b;
    color: #000000;
    font-family: 'KelsonSansBold';
    font-size: 17px;
    padding: 5px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

body.page-template-page-home2 section#fashion-should-feel-good div.clear {
    padding-top: 35px;
}

body.page-template-page-home2 section#calling-all-fashion-lovers {
    padding: 3em 0;
    background-color: #f0ece8;
}

body.page-template-page-home2 section#calling-all-fashion-lovers .intro {
    max-width: 580px;
}

body.page-template-page-home2 section#calling-all-fashion-lovers p {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 40px;
}

body.page-template-page-home2 section#calling-all-fashion-lovers p:last-child {
    margin: 0;
}

body.page-template-page-home2 section#fashion-revolution-was-born {
    padding: 0;
    position: relative;
    height: 580px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: #000000;
}
body.page-template-page-home2 section#fashion-revolution-was-born:before {
    content: '';
    margin: 0 auto;
    width: 100%;
    height: 80px;
    display: block;
    background: url(../img/shadow-gradient-top.png) repeat-x;
    position: absolute;
    top: 0;
}
body.page-template-page-home2 section#fashion-revolution-was-born:after {
    content: '';
    margin: 0 auto;
    width: 100%;
    height: 80px;
    display: block;
    background: url(../img/shadow-gradient-bottom.png) repeat-x;
    position: absolute;
    bottom: 0;
}


body.page-template-page-home2 section#fashion-revolution-was-born .container {
    padding: 170px 0 0 0;
}

body.page-template-page-home2 section#fashion-revolution-was-born .intro {
    background: #fff;
    padding-top: 30px;
}

body.page-template-page-home2 section#we-are-fashion-revolution {
    background-color: #eba684;
}

body.page-template-page-home2 section#we-are-fashion-revolution .intro {
    max-width: 600px;
}

body.page-template-page-home2 section#we-are-fashion-revolution h2 {
    font-size: 38px;
    font-family: 'KelsonSansBold';
    line-height: 60px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 3px;
}

body.page-template-page-home2 section#we-are-fashion-revolution p {
    font-size: 18px;
    font-family: 'Courier';
    line-height: 30px;
}

body.page-template-page-home2 section#we-are-fashion-revolution a {
    border: 5px solid #1d1d1b;
    color: #000000;
    font-family: 'KelsonSansBold';
    font-size: 17px;
    padding: 5px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    margin-top: 40px;
    text-transform: uppercase;
}

body.page-template-page-home2 section#save-the-date {
    padding: 0;
    position: relative;
    height: 720px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
body.page-template-page-home2 section#save-the-date:before {
    content: '';
    margin: 0 auto;
    width: 100%;
    height: 80px;
    display: block;
    background: url(../img/shadow-gradient-top.png) repeat-x;
    position: absolute;
    top: 0;
}
body.page-template-page-home2 section#save-the-date:after {
    content: '';
    margin: 0 auto;
    width: 100%;
    height: 80px;
    display: block;
    background: url(../img/shadow-gradient-bottom.png) repeat-x;
    position: absolute;
    bottom: 0;
}

body.page-template-page-home2 section#save-the-date .container {
    padding: 80px 0 0 0;
}

body.page-template-page-home2 section#save-the-date .intro {
    background: #fff;
    padding-top: 30px;
    max-width: 650px;
}

body.page-template-page-home2 section#save-the-date .ticker-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
    background: #231f20;
}
body.page-template-page-home2 section#save-the-date .ticker-container .ticker {
    font-size: 32px;
    font-family: "KelsonSansBold";
    line-height: 52px;
    color: #fff;
    padding: 19px;
}
body.page-template-page-home2 section#save-the-date .tickerbox {
    display: inline-block;
    margin-right: 5px;
}
body.page-template-page-home2 section#save-the-date .tickerbox span {
    background: url(../img/tickerbox.png) no-repeat;
    width: 28px;
    height: 52px;
    color: black;
    display: inline-block;
    margin: 0 3px;
}

body.page-template-page-home2 section#join-the-revolution {
    padding: 0;
    position: relative;
    height: 430px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: #fba71e;
}

body.page-template-page-home2 section#join-the-revolution .container {
    padding: 60px 0 0 0;
}


body.page-template-page-home2 section#join-the-revolution .intro {
    background: #fff;
    padding-top: 30px;
}

body.page-template-page-home2 section#join-the-revolution h2 {
    text-decoration: underline;
}

section#show-your-label {
    padding: 0;
  text-align: center;
}

section#show-your-label .show-label {
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #fba71e;
  margin-top: -2px;
}

section#show-your-label .sl-tshirt {
    background: url(../img/tshirt.png) no-repeat;
    width: 77px;
    height: 60px;
    margin: 0 auto 30px;
}

section#show-your-label .show-label h4 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 0;
}

section#show-your-label .dashed {
    font-size: 28px;
    line-height: 40px;
    font-family: "KelsonSansBold";
    color: black;
    letter-spacing: -0.08em;
}

section#show-your-label .show-label a.sl-whomade {
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    font-family: "KelsonSansBold";
}
section#show-your-label .show-label a.sl-whomade:hover {
    color: #f4594e;
}

section#show-your-label .sl-phone {
    background: url(../img/phone.png) no-repeat;
    width: 39px;
    height: 64px;
    margin: 0 auto 30px;
    display: inline-block;
  position: relative;
  margin-left: 105px;
}

section#show-your-label .sl-phone:after {
    content: '';
    border-top: 2px solid #000;
    width: 30px;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
    position: absolute;
    left: 45px;
    top: 28px;
}

section#show-your-label ul#sl-social {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}

section#show-your-label ul#sl-social li {
    display: inline-block;
    margin-left: 12px;
    vertical-align: bottom;
}

section#show-your-label ul#sl-social li a {
    display: block;
    text-indent: -9001px;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

section#show-your-label ul#sl-social li a.twitter {
    width: 15px;
    height: 13px;
    background: transparent url("../img/header-icon-twitter.png");
}

section#show-your-label ul#sl-social li a.facebook {
  width: 7px;
    height: 15px;
    background: transparent url("../img/header-icon-facebook.png");
}

section#show-your-label ul#sl-social li a.instagram {
  width: 15px;
    height: 15px;
    background: transparent url("../img/header-icon-instagram.png");
}

body.page-template-page-home2 section#photogrid {
    padding: 0;
}
body.page-template-page-home2 section#photogrid .container {
    padding: 0;
    margin: 0;
    width: 100%;
}
body.page-template-page-home2 section#photogrid .container .intro {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
body.page-template-page-home2 section#photogrid .container .intro p {
    margin: 0;
}
body.page-template-page-home2 section#photogrid .container .intro img {
    margin: 0;
}


/* BOOTSTRAP OVERRIDE CSS */

.boots_override {
  max-width: 800px;
  margin: 0 auto;
  float: none;
  overflow: hidden;
}

.page-id-43 .boots_override img {
  width: 100%;
}

.boots_override_img {
  width: 100% !important;
  
  /*
  page-id-1157
  page-id-1262
  */
}

.download {
    background: #ececec;
    min-height: 120px;
    margin-bottom: 25px;
  overflow: hidden;
}

.downloadimage {
    float: left;
    margin-right: 20px;
  width: 120px;
}

.downloadimage img {
    max-height: 120px;
}
.downloadcontent {
  float: left;
  width: calc(100% - 140px);
  color: black;
    font-size: 16px;
    font-family: "KelsonSans";
    line-height: 25px;
    letter-spacing: 0.01em;
    padding: 10px;
}

.downloadbutton {
    margin-top: 10px;
}

.downloadcontent a {
    color: #005fe1;
}
.downloadcontent a:hover {
    color: #f4594e;
}
.downloadcontent br:first-child {
    display: none;
}
.downloadcontent img {
    width: auto;
}

.downloadcontent img[alt="download"] {
    margin: 5px 5px 0 0!important;
}

.page .page h1.post-title {
    line-height: 1.2;
}

.page #post-details hr {
    display: none;
}

section.post-section2 {
    background: #fff;
    padding: 30px 0;
}

/* Key Organization */

.page-id-3690 .boardmembers_container .boardmember_link {
    max-width: 192px;
  text-align: center;
  margin-bottom: 40px;
}
.page-id-3690 .boardmembers_container .boardmember_link .keyorgimg {
    width: 140px;
    height: 140px;
    margin: 0 auto;
  background-size: contain;
}

#social-navigation li a {
    background: none !important;
    width: auto !important;
    height: auto !important;
    text-indent: 0;
    line-height: 1;
  color: #000;
}

#social-navigation li a i {
    font-size: 18px;
  line-height: 15px;
  vertical-align: bottom;
  padding-top: 2px;
}


.onethird {
    width: 33.3333%;
    float: left;
}

.dosomethingicons {
    overflow: hidden;
  text-align: center;
}

.dosomethingicons .spacing {
    padding: 0 20px;
}
.dosomethingicons hr {
    width: 100%;
    border-top-width: 3px;
  margin-bottom: 10px;
}
.dosomethingicons img {
    width: auto;
}
.dosomethingicons h3 {
    text-align: left;
  font-size: 19px;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
}

.dosomethingicons p {
    text-align: left;
    font-size: 19px !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
}

section#downloads {
    background: #fff;
  padding: 30px 0;
}
section#downloads .download {

}
section#downloads .downloadcontent {
    padding: 10px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
}

.page .gallery {
    display: none;
}

section#pagecarousel {
    background: #231f20;
    padding: 40px 0;
}

section#pagecarousel .boots_override {
    overflow: visible;
}

section#pagecarousel #slider {
    height: 500px;
  overflow: hidden;
}
section#pagecarousel #carousel {
    height: 100px;
  width: 100%;
}

section#pagecarousel #carousel ul li {
    margin: 0 15px 0 0;
}

.page-template-page-resources-php #post-details {
    margin-bottom: 40px;
}

.selectlanguage {
    text-align: center;
    margin-bottom: 40px;
}
#lang_sel a.lang_sel_sel {
    border: 4px solid #000;
    color: #000;
    font-style: normal;
    font-size: 13px;
    line-height: 1;
    padding: 4px;
    text-align: center;
    background: #fff;
}
#lang_sel a.lang_sel_sel:hover {
    background: #ffffff;
}

#lang_sel li {
    background: #f8f6f3;
    width: 120px;
}

#lang_sel ul ul {
    border: none;
  background: #f8f6f3;
    margin-top: 4px !important;
    padding: 5px 0 !important;
    height: auto;
  width: 120px;
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  top: 0;
}
#lang_sel ul li:hover ul {
    opacity: 1;
  top: 25px;
}

#lang_sel li ul a, #lang_sel li ul a:link, #lang_sel li ul a:visited {
    background: #f8f6f3;
    border: none;
  text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    padding: 3px 10px;
}


/* ==========================================================================
   Home v3
   ========================================================================== */

#home-slider {
    position: relative;
    border: none;
    width: 100%;
    float: left;
}

#home-slider .slides li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

#home-slider .slides li a {
    display: block;
    height: 100%;
    width: 100%;
}

#home-slider .slides li h3 {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 44px;
}

#home-slider .slides li span {
    background-color: #fff;
    display: inline-block;
    padding: 5px 10px 0;
    margin-top: 5px;
}

#home-slider .slides li p {
    font-family: 'KelsonSansBold';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 26px;
}

#home-slider .flex-control-nav {
    bottom: 15px;
}

#home-slider .flex-direction-nav .flex-prev::before {
    content: '';
    background-image: url(../img/black-arrow-left.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 20px;
    width: 15px;
    left: 70px;
}

#home-slider .flex-direction-nav .flex-next::before {
    content: '';
    background-image: url(../img/black-arrow-right.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 20px;
    width: 15px;
    right: 70px;
}

/* POST EVENTS */
.tribe-community-events {
    max-width: 900px;
    margin: 0 auto;
    border: 0;
    font-family: "KelsonSans";
    font-size: 12px;
}
.events-community-post-content label, .events-community-post-title label, .tribe-events-community-details .tribe_sectionheader h4 label{
    color: #23282d;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "KelsonSans";
}
.tribe-community-events input[type=date], .tribe-community-events input[type=text], .tribe-community-events input[type=textarea], .tribe-community-events textarea {
    border: 1px solid #000;
    color: #000;
    font-family: "KelsonSansBold";
    font-style: normal;
    font-size: 15px;
    line-height: 1;
    padding: 5px 10px;
}
.my-events:not(table), .not-user {
    text-indent: 0;
    font-family: "KelsonSans";
    font-size: 18px;
    font-weight: bold;
    padding: 0 12px;
}
.tribe-community-events #message {
    font-family: "KelsonSans";
    margin: 0 auto;
}
h1.event-submit, h3.event-paraphrase {
    text-align: center;
    color: #444;
}
p.add-event, a.submit-another {
  text-align: center;
}
table.events-community {
    margin: 0 auto;
    width: 80%;
}
table.events-community tbody tr td:first-child {
    text-align: center;
}
.events-list-table {
    width: 80%;
    margin: 0 auto;
    float: none;
}
.event-taxonomy ul {
    padding: 10px 0 15px 0;
}
.event-taxonomy li {
    padding: 0 0 6px 15px;
}
.event-taxonomy li label {
    font-size: 14px;
    font-family: "KelsonSans";
    color: #000;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0;
}
.ui-datepicker select.ui-datepicker-month {
    width: 8.3rem;
}
select.ui-datepicker-year {
    width: 7.5rem;
}
.move-linked-post-group {
    display: none;
}
.eventForm .tribe-datetime-block .tribe-field-end_date, .eventForm .tribe-datetime-block .tribe-field-start_date {
    width: 105px;
}
.tribe-community-events select {
  background: url(./img/arrow-down.png) no-repeat right 0.8em #f4594e;
  color: #fff;
}
.tribe-community-event-details .recurrence-row {
    display: none;
}
.single-tribe_events .secondary .tribe-events-venue-map {
    margin: 0 auto;
    width: 100%;
}
#tribe-bar-form input[type=text]:focus {
    border-bottom: 4px solid #000;
}
.tribe-country {
    margin: 5px 20px;
    font-family: "KelsonSansBold";
    font-style: bold;
    font-size: 15px;
}
.ui-datepicker .ui-datepicker-title, .ui-datepicker-month, .ui-datepicker-year {
    font-family: "KelsonSansBold";
    color: #000000;
}
#google_map_toggle, #google_map_link_toggle {
    display: none;
}
.event-community-venue {
    padding: 0 32px 0;
}
.tribe-community-event-info {
    margin: 0 10px;
}
.event-image-desc {
    font-size: 11px;
    vertical-align: middle;
    text-transform: none;
}
.ui-datepicker-title select {
    color: #000;
    padding: 0 1em;
    height: 2.4em;
    outline: none;
}
.tribe-community-events label {
    font-family: "KelsonSansBold";
    font-weight: normal;
}
.event-taxonomy .hidden_category {
  display: block;
}
.tribe-toggle, #show_hidden_categories {
    display: none;
}
#event-categories {
    padding: 30px 0 0 30px;
}
.tribe-categories-with-children {
    height: 300px;
    overflow: auto;
    width: 300px;
    padding: 20px;
    border: 1px solid #000;
    border-radius: 6px;
}
.tribe-categories-with-children::-webkit-scrollbar {
    width: 12px;
}
.tribe-categories-with-children::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
.tribe-categories-with-children::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.custom-event-container {
    padding: 0 32px 0;
    display: block;
}
.custom-event-table {
    table-layout: fixed;
    width: 100%;
}
.tribe-community-event-details td {
    padding: 0;
}

/* IMAGE CAPTION */
.wp-caption-text {
    color: #000 !important;
}
.wp-caption {
    background-color: #ffffff;
    margin: 0;
    broder: none;
}
ul.tribe-events-sub-nav a {
    width: 180px;
}

/* SCROLL TO TOP */
.scrollup {
    width: 65px;
    height: 65px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    color: #000 !important;
    font-family: "KelsonSansBold";
    font-style: normal;
    font-size: 12px;
    background: url('../img/scroll-top.png') no-repeat;
    background-size: 65px;
}


/* FOOTER */

.footer-lists-container {
    position: relative;
}

.footer-lists-container h4,
.footer-lists-container h4 * {
    text-transform: uppercase;
    margin: 0 0 5px;
    color: #fff;

    transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
}

.footer-lists {
    box-sizing: border-box;
    display: inline-block;
    width: calc(25% - 1%);
    vertical-align: top;
    padding: 0;
}

.footer-lists ul {
    padding: 0;
}

.footer-lists ul li {
    padding: 0 0 5px;
    list-style: none;
    line-height: 0;
}

.footer-lists ul li a {
    font-family: 'KelsonSans';
    line-height: 15px;
    font-size: 12px;
    color: #fff;

    transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
}

.footer-lists ul li a:hover,
.footer-lists-container h4:hover * {
    color: #f4594e;
}

.donate-footer ul li {
    padding: 0 0 28px;
}

.donate-footer ul li:first-of-type a {
  color: #ffff00;
}

.donate-footer ul li a {
    font-family: 'KelsonSansBold';
    text-transform: uppercase;
    font-size: 18px;
}

/*Worker Diaries Email*/
.take-action-cta.top {
    margin: 100px auto 0;
}

.garment-container .post-section.take-action-cta .container {
  width: 65%;
  max-width: 100%;

}
.cta-letter {
  background: none repeat scroll 0 0 #fff;
  border: 20px solid #222;
  padding: 60px 0;
  margin: 50px auto;
  width: 65%;
}
.cta-letter .wpcf7-form {
  margin:auto;
  font-size: 12px;
  font-family: "KelsonSans";
}

.cta-letter .formhidden {
    display: none;
}

.cta-letter .recipient {
  width: 80%;
  margin: 0 auto;
}

.cta-letter > h2, .wpcf7-form h2 {
  line-height: 0.9;
  margin-bottom: 60px;
  text-align: center;
  width: 80%;
  font-family: "KelsonSansBold";
  font-size: 40px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.cta-letter .add-form, .cta-letter .description, .cta-letter .sender {
  max-width: 80%;
  margin: auto;
}

.cta-letter .recipient span {
    font-family: "KelsonSansBold";
    font-size: 24px;
    color: #000000;
}

.cta-letter .description p {
  font-family: "KelsonSans";
  font-size: 19px;
  line-height: 30px;
  margin: 30px 0 0;
}

.cta-letter .description p strong.yellow {
  background: #ffff00;
}

.cta-letter .sender .form-field {
  margin: 0;
  font-family: "KelsonSansBold";
  font-size: 24px;
  color: #939598;
}
.cta-letter .sender .form-field input {
  margin: 0;
  padding: 0;
}

.cta-letter .sender p.sincerely {
  font-family: "KelsonSansBold";
  font-size: 24px;
  color: #000000;
  margin: 30px 0 0;
}

#brand_chosen.chosen-container {
  vertical-align: bottom;
  width: 300px !important;
}

#brand_chosen .chosen-single span {
  text-decoration: underline;
  text-decoration-style: dashed;
  color: #939598;
  font-family: "KelsonSansBold";
  font-size: 24px;
}

#brand_chosen .chosen-drop .chosen-results li.active-result {
  font-size: 18px;
}

#brand_chosen .chosen-container-active .chosen-single {
  border: 0 none;
  box-shadow: none;
}

.cta-letter .form-input {
  background: transparent;
  padding-left: 0;
}

.cta-letter .form-input::placeholder {
  height: auto;
  margin: 0;
  padding: 0;
  color: #999;
  text-decoration: underline;
  text-decoration-style: dashed;
}

.cta-letter .send .form-submit {
  font-family: "KelsonSansBold";
  font-size: 15px;
  border: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  letter-spacing: .03em;
  color: #000;
  background-color: #ffff00;
  box-sizing: border-box;
  padding: 13px 30px;
  display: inline-block;
  transition: all 0.23s ease-in-out 0s;
  text-transform: uppercase;
  margin: 15px 0 5px;
}

.cta-letter .send .form-submit:hover {
  background-color: #777 !important;
  color: black;
}

.form-checkbox {
  margin-top: 15px;
}

.form-checkbox label {
  position: relative;
  margin-bottom: 15px;
  padding-left: 10px;
  cursor: pointer;
  font-size: 11px;
  line-height: 1.5;
  width: 65%;
  vertical-align: middle;
  font-family: "KelsonSans";
  color: #939598;
  font-weight: normal;
}

.form-checkbox input {
  vertical-align: top;
}

.garment-container .post-section.articulate {
  padding: 80px 0 50px;
}

.garment-container .post-section.articulate .container {
  padding: 0;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
}

.garment-container .post-section.articulate .container iframe {
  border: 0 none;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.podcast-holder {
  border: 10px solid #eba684;
  display: inline-block;
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  -o-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}

.podcast-holder:hover {
  border: 10px solid #fff;
  background: #fff;
}

.podcast-holder a {
  text-transform: uppercase;
  display: block;
  letter-spacing: 4px;
  font-size: 36px;
  cursor: pointer;
  color: #eba684;
  font-family: "KelsonSansBold";
  vertical-align: middle;
  margin: 27px 0;
  z-index: 2;
}

.report-button {
  margin: 85px 0 0;
}

.report-button ul li {
  display: inline-block;
/*  border: 1px solid black;
  padding: 20px 25px;*/
  margin: 0 30px;
  list-style: none;
}

.title h1 {
  text-transform: uppercase;
  font-size: 48px;
  margin: 0 auto;
}

.report-button ul li a {
  border: 1px solid red;
  padding: 20px 25px;
  width: 100%;
  border-radius: 30px;
  font-family: "KelsonSans";
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  /*letter-spacing: 1px;*/
}

/*.report-button ul li a .hover {
  display: none;
}

.report-button ul li a:hover .hover {
  display: inline-block;
}

.report-button ul li a:hover .label {
  display: none;
}

.report-button ul li a:hover, .report-button ul li a:focus {
  text-decoration: none;
}*/



.report-button ul li a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.report-button ul li a.coming-soon:hover {
  content: 'Comming Soon';
}

.articulate-containers {
  width: calc(100%/3);
  padding: 30px 0;
  float: left;
}

.articulate-containers:first-child .podcast-h-holder {
  border: 1px solid #6f5e97;
  background: #6f5e97;
   display: inline-block;
  position: relative;
  max-width: 550px;
  height: 60px;
  border-radius: 60px;
  width: 90%;
}

.articulate-containers:nth-child(2) .podcast-h-holder {
  border: 1px solid #a33651;
  background: #a33651;
   display: inline-block;
  position: relative;
  max-width: 550px;
  height: 60px;
  border-radius: 60px;
  width: 90%;
}

.articulate-containers:nth-child(3) .podcast-h-holder {
  border: 1px solid #b05543;
  background: #b05543;
   display: inline-block;
  position: relative;
  max-width: 550px;
  height: 60px;
  border-radius: 60px;
  width: 90%;
}

.articulate-containers .podcast-h-holder a {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 2;
  left: 0;
  top: 0;
}

.articulate-containers h2 {
  display: inline-block;
  letter-spacing: 1px;
  position: absolute;
  padding: 15px 0;
  cursor: pointer;
  width: 100%;
  margin: 0;
  left: 0;
  top: -5px;
   font-family: "KelsonSans";
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
}

.articulate-containers .podcast-hover {
  line-height: 1.2;
  visibility: hidden;
  font-size: 14px;
  padding: 0;
  opacity: 0;

  -webkit-transition: all 0.2s ease 0.1s;
  -moz-transition: all 0.2s ease 0.1s;
  -o-transition: all 0.2s ease 0.1s;
  transition: all 0.2s ease 0.1s;
}

.articulate-containers .podcast-nohover {
  visibility: visible;
  opacity: 1;

  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.articulate-containers .podcast-h-holder:hover .podcast-nohover {
  visibility: hidden;
  opacity: 0;
}

.articulate-containers .podcast-h-holder:hover {
  opacity: 0.8;
}

.articulate-containers .podcast-h-holder:hover .podcast-hover {
  visibility: visible;
  padding: 5.5px 0;
  opacity: 1;
  top: 18px;
}

.report-button ul li:first-child a {
  border: 1px solid #6f5e97;
  background: #6f5e97;
}

.report-button ul li:nth-child(2) a {
  background: #a33651;
  border: 1px solid #a33651;
}

.report-button ul li:nth-child(3) a {
  background: #b05543;
  border: 1px solid #b05543;
}

.publications {
  margin: 100px auto;
  text-align: left;
}

.publications h2 {
  text-transform: uppercase;
}

.publications .main-t {
   text-align: left;
}

.reports .report-item {
  width: calc(100%/3);
  float: left;
  padding: 0 20px;
}

.reports .report-item h2 {
  font-size: 21px;
  padding: 0;
  margin: 0;
}

.reports .report-item:first-child h2 {
  color: #6f5e97;
}

.reports .report-item:nth-child(2) h2 {
  color: #a33651;
}

.reports .report-item:nth-child(3) h2 {
  color: #b05543;
}

.reports .report-item .item {
  clear: both;
}

.reports .report-item .item:nth-child(3) {
  padding-top: 20px;
}

.reports .report-item .item .img-container {
  width: 50%;
  float: left;
}

.reports .report-item .item .description {
  width: 50%;
  float: left;
  padding-left: 20px;
}


.reports .report-item .item span {
  font-family: 'kelsonsans';
  font-weight: bold;
  font-size: 10px;
}

.reports .report-item .item .description .title {
  font-size: 18px;
  line-height: 24px;
  padding-top: 10px;
}

.reports .report-item:first-child .item .description .title {
  border-top: 3px solid #6f5e97;
}

.reports .report-item:nth-child(2) .item .description .title {
  border-top: 3px solid #a33651;
}

.reports .report-item:nth-child(3) .item .description .title {
  border-top: 3px solid #b05543;
}

.articulate-buttons {
  display: inline-block;
  float: left;
  width: calc(100%/3);
  position: relative;
  max-width: 550px;
  height: 60px;
  border-radius: 60px;
  margin: 30px 0;
}

.articulate-buttons:nth-child(1) {
  background: #6f5e97;
  border: 1px solid #6f5e97;
}

.articulate-buttons:nth-child(2) {
  background: #a33651;
  border: 1px solid #a33651;
}

.articulate-buttons:nth-child(3) {
  background: #b05543;
  border: 1px solid #b05543;
}

.articulate-buttons:hover {
  opacity: 0.8;
}

.articulate-buttons a {
  display: inline-block;
  letter-spacing: 1px;
  position: absolute;
  padding: 15px 0;
  cursor: pointer;
  width: 100%;
  margin: 9px 0;
  left: 0;
  font-family: "KelsonSans";
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
}