/*
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: 62%;
margin:auto;
}
.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: 40%;
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;
}
.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;
}
/* ==========================================================================
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,#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,#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,#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,#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%;
}
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}
#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;}
#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;}
/* 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"]{ margin-bottom: 15px;height:40px;}
textarea{height:120px; resize: none;margin-bottom: 1.5em;background:#f2f2f2;}
input[type="text"], textarea, input[type="email"]{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; background-color:#f2f2f2;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 p {
font-size: 13px;
margin-bottom: 5px;
}
.single-country .country .social_links p a {
color: #005fe0;
}
.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;
}
#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;
}
.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-page-template #top-bar {
position: relative;
top: 0;
z-index: 99;
}
.evn {
position: relative;
margin: 22px 0;
}
.evndate {
width: 80px;
background: #333;
border: 4px solid #333;
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: 37px;
line-height: 48px;
}
.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: "KelsonSans";
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 .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-weight: 700;
}
.event-is-recurring {
position: relative;
font-style: normal;
font-weight: 700;
color: rgba(0,0,0,.7);
}
#tribe-geo-options h2, #tribe-geo-results h2 {
font-size: 25px;
margin-bottom: 10px;
}
/* ################################################################################################
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;
}
.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: fixed;
}
.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;
text-transform: uppercase;
}
.support span {
color: #777;
font-family: "KelsonSans";
}
.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;
}
.single-tribe_events #post-details {
text-align: center;
}
.single-tribe_events #post-details .post-title {
font-size: 50px;
letter-spacing: 0;
line-height: 1.2;
}
.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: 450px;
margin-top: 89px;
}
.tribe-events-promo {
display: none;
}
/* ################################################################################################
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;
}
/* 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: 90px;
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;
}
/* 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: 12px;
vertical-align: bottom;
}
/* line 129, ../sass/screen.scss */
#social-navigation li.search {
margin-bottom: -1px;
text-align: right;
}
/* 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;
}
/* 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;
}
.home #secondary-navigation {
display: block;
}
#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 {
max-width: 1000px;
margin: 0 auto 30px !important;
}
#tribe-events-content.tribe-events-list {
max-width: 1000px;
margin: 0 auto 60px !important;
}
.tribe-events-page-template #top-bar {
z-index: 999999;
position: fixed;
}
#tribe-geo-map-wrapper {
margin-top: 85px;
}
/* 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;
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;
}
.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: 21px;
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: 560px;
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-2 .intro {
max-width: 568px;
}
body.home section#we-are-fashion-revolution-2 h2 {
font-size: 50px;
line-height: 60px;
text-decoration: underline;
}
body.home section#we-are-fashion-revolution-2 .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: #58585a;
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";
}
#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%;
}
/* 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, .single-country .boardmembers_container {
margin-bottom: 40px;
}
/* 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: "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 p 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/header-icon-facebook.png") no-repeat left center;
}
/* line 584, ../sass/screen.scss */
.single-country .twitter a {
background: transparent url("../img/header-icon-twitter.png") no-repeat left center;
}
/* line 587, ../sass/screen.scss */
.single-country .instagram a {
background: transparent url("../img/header-icon-instagram.png") no-repeat left center;
}
/* line 590, ../sass/screen.scss */
.single-country .pinterest a {
background: transparent url("../img/header-icon-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;
}