/*!
Theme Name: voyage
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 5.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: voyage
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

voyage is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
* {margin: 0px;padding:0px;}
*:focus {outline: none !important;}

body {font-family: 'Lora', serif;overflow-x:hidden;background: #252525;color:#ffffff;}
h1,h2,h3,h4,h5,h6,p,a {margin: 0;padding:0;}
a:hover {color: #ffffff;}
h1 {color: #ffffff;font-weight: bold;font-size: 60px;font-family: Rubik, Icons;}
.voyages h1 {font-size: 65px;font-family: Rubik, Icons;text-transform: uppercase;}
.voyages p {font-size: 15px;margin-left: 15px;font-style: italic;font-family: Rubik, Icons;}
h2 {color:rgba(255, 255, 255, 0.8);font-family: Rubik, Icons;}
h2 span {color:rgba(255, 255, 255, 0.35);}
p {margin-bottom: 30px;}
.white-bg {background: #ffffff;}
.white-txt a {color: #ffffff;text-decoration: underline;}
.second-content .black-txt p {color:#252525;font-size: 18px;}
.second-content .black-txt p.wp-block-cover-text {color:#ffffff;font-size: 22px;}
.second-content a {color:#ffffff;text-decoration: underline;}
.absolute-logo {position: fixed;z-index: 9;top: 30px;left: 5%;}
.home .absolute-logo {width: 33.33333333%;text-align: center;}
.absolute-logo img {transition:0.3s all linear;display:block;width: 180px;height: auto;}
.wrapper.scrolled .absolute-logo {left: 10px;}
.wrapper.scrolled .absolute-logo img {transition:0.3s all linear;width:60px;height: auto;}
.home .wrapper.scrolled .absolute-logo img {margin:0;}
.absolute.navigation-absolute {z-index: 6;height: 80px;}
ul.navigation {padding-top: 30px;position: absolute;top: 0;width: 100%;z-index: 9;font-family: Rubik, Icons;}
.wrapper.scrolled ul.navigation {width: 95%;}
ul.navigation li {display: inline-block;}
ul.navigation li a {font-size: 18px;text-transform: uppercase;border-bottom: 0;color: #fff;font-weight: 400;font-style: normal;display: inline-block;text-decoration: none;vertical-align: middle;}
ul.navigation li:before {content: '';width: 70px;display: inline-block;height: 2px;background: #fff;vertical-align: middle;margin: 0 5px;}
ul.navigation li:first-child:before {display: none;}
.sub-menu {position: absolute;}
ul.navigation li .sub-menu {display: none;}
ul.navigation li:hover .sub-menu {display: block;}
ul.navigation li .sub-menu li {display: block;border-bottom: 1px solid rgba(250,250,250,0.5);opacity:0.7;}
ul.navigation li .sub-menu li:hover {border-bottom: 1px solid #ffffff;opacity: 1;}
ul.navigation li .sub-menu li:before {display: none;} 
ul.navigation li .sub-menu li a {color: #ffffff;padding: 5px 0;display: block;font-size: 14px;text-align: left;}

.wrapper {position: relative;z-index: 9;transition:0.3s all linear;}
.pl-5-percent {transition:0.3s all linear;padding-left: 5%;}
.pr-5-percent {transition:0.3s all linear;padding-left: 5%;}
.images-holder {background: #252525;padding:30px 15px;}
.images-holder .image-holder {margin-bottom: 30px;display: block;}
.images-holder .image-holder:hover {text-decoration: none;}
.images-holder .image-holder .overflow {width: 100%;height:450px;overflow:hidden;margin-bottom: 10px;position: relative;}
.images-holder .image-holder .overflow img {width: 100%;height:auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.images-holder .image-holder p {font-family: Rubik, Icons;color:#ffffff;margin-bottom: 0;font-size: 25px;text-transform: uppercase;}
.images-holder .image-holder span.grayscale-txt, .space-mono {font-family: 'Lora', serif;color: rgba(255, 255, 255, 0.6);font-size: 20px;}
.images-holder .image-holder .tags span {color: rgba(255, 255, 255, 0.25);}
.images-holder .image-holder .tags span:before {content:', ';color: rgba(255, 255, 255, 0.5);}
.images-holder .image-holder .tags span:first-child:before {content:'';}
.first-content h1 span {display: block;max-width: 350px;color: rgba(255, 255, 255, 0.9);margin-top: 30px;font-weight: lighter;}
.issue-title h1 {font-family: Rubik, Icons;font-size: 65px;text-transform: uppercase;margin-top: 0;}
.issue-title p {font-family: Rubik, Icons;font-size:16px!important;text-transform: uppercase;margin-bottom: 0;}

.second-content p, .third-content p {color: #ffffff;font-size: 22px;}
.second-content h2 {margin-bottom: 30px;font-size: 50px;}

ul.social-media li {display: inline-block;vertical-align: top;}
ul.social-media li a {color: #ffffff;font-size: 20px;text-decoration: none;margin-right: 10px;}
img.grayscale {opacity:0.75;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.pt-50 {padding-top: 50px;}
.pb-50 {padding-bottom: 50px;}
.pt-300 {padding-top: 270px;}
.image_overlay {background-size: 8px 8px !important; background-image: url('img/hexed_16.png'); display: block;height: 100vh;position: relative;z-index: 1;}
.issue_overlay {position: absolute;height: 100%;top: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.25);}

.copyright {background: #000000;position: relative;z-index: 9;padding-top: 15px;padding-bottom: 15px;}
.copyright p {color:#ffffff;margin-top: 10px;margin-bottom: 0;}

.video-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;overflow: hidden;}
.video-wrapper video, .video-wrapper img {min-width: 100%;height:auto;position: absolute;top: 0;left: 0;}

.img-responsive {width: 100%;height: auto;}

.filter li {display: inline-block;}
.filter li:before {content:'/';display:inline-block;color:rgba(250,250,250,0.8);padding:0 10px;}
.filter li:first-child:before {display: none;}
.filter li a {color:rgba(250,250,250,0.8);}

.icon-link {list-style: none;display: inline-block;padding-right: 15px;}
.icon-link a img {width:30px;height: auto;}

#single .main-bg, #exposure-holder .main-bg, #medium-holder .main-bg, #vimeo-holder .main-bg, #youtube-holder .main-bg {width:100%;height: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#exposure-holder .second-content p, #exposure-holder .third-content p, #medium-holder .second-content p, #medium-holder .third-content p {font-size: 22px;text-align: justify;}
.single-holder {width:100%;position: relative;height: 900px;overflow: hidden;}
.absolute {position: absolute;top: 0;left: 0;width:100%;height: 100%;z-index: 5;}
.img-container {height: 300px;overflow: hidden;width: 100%;position: relative;}
.img-container img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;}
.link-box {color: #ffffff;}
.link-box h4 {text-align:center;}
.link-box:hover {color: #ffffff;}
.exposure-container, .medium-container, .vimeo-container, .youtube-container {height: 800px;overflow: hidden;position: relative;color: #ffffff;}
.exposure-container, .medium-container {background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.exposure-container a h2, .medium-container a h2, .vimeo-container a h2, .youtube-container a h2 {font-size:45px;text-transform:uppercase;}
.exposure-container .text-p, .medium-container .text-p, .vimeo-container .text-p, .youtube-container .text-p {font-size:16px;color:#ffffff;font-weight:700;}
.exposure-container h1, .medium-container h1, .vimeo-container h1, .youtube-container h1 {font-family: Rubik, Icons;font-size:65px;text-transform:uppercase;}
.exposure-container .mb-20 h2, .medium-container .mb-20 h2, .vimeo-container .mb-20 h2, .youtube-container .mb-20 h2 {font-size:22px;text-transform:uppercase;}
.side-content {width: 100%;padding-top: 30px;}
#menu-opener {display: none;}
.side-issue-txt h2 {color:#ffffff;font-weight: bold;margin-bottom: 10px;font-family: Rubik, Icons;}
.side-issue-txt p {font-size:16px;margin-bottom: 0;text-transform: uppercase;font-family: Rubik, Icons;}
.side-issue-txt h4 {color:rgba(255, 255, 255, 0.6);font-family: Rubik, Icons;}
p.caption-photo {
    position: absolute;
    padding: 15px 25px;
    font-size: 18px !important;
    font-style: italic;
    top: 0;
    left: 15px;
    right:15px;
    display: none;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.85) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.85)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.85) 0%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.85) 0%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.85) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.caption-holder:hover p.caption-photo {display: block;}
.page-template-about-us .video-wrapper img, .video-wrapper.bottom-img img {top: auto;bottom: 0;}

.form-control {border-radius:0 !important;}
.contact-form textarea {resize:none;}
.contact-form input {width: 100%;color:#282828;border-radius: 0 !important;}

.page-template-about-us .second-content p, .page-template-about-us .third-content p {font-size: 18px;}
blockquote {color: #ffffff !important;}

blockquote {color: #282828;}
.bottom-absolute {position: absolute;bottom: 20px;left: 5%;z-index: 9;width: 30.33333333%;font-family: Rubik, Icons;}
.second-absolute {font-family: Rubik, Icons;}
.bottom-absolute li, .second-absolute li {list-style: none;}
.bottom-absolute li a, .second-absolute li a {color:rgba(250,250,250,0.7);font-size: 18px;display: block;vertical-align:middle;}
.bottom-absolute li a:before, .second-absolute li a:before {content:'';width:5px;height:2px;display:inline-block;vertical-align: top;background:rgba(250,250,250,0.7);margin-right:10px;margin-top: 10px;}
.bottom-absolute li a span, .second-absolute li a span {display:inline-block;vertical-align: middle;width: 90%;}
.bottom-absolute li.active a, .second-absolute li.active a, .bottom-absolute li:hover a, .second-absolute li:hover a {color:#ffffff;}
.bottom-absolute li.active a:before, .second-absolute li.active a:before {width:30px;height:2px;background:#ffffff;}
.play-button {z-index: 99;width: 130px;height: auto;margin-top: 20px;position: relative;cursor: pointer;}

.main-frame {position: absolute;display:none;top: 0;left: 0;width: 100%;height: 100%;border:none;}
.main-frame iframe {width: 100%;height: 100%;border:none;}
.absolute-logo.active {top: 20px;}
.absolute-logo.active img {width: 40px;}

.show-after-video {display: none;}
.show-after-video h1, .show-after-video h2 {text-transform:uppercase;}

.footer-undp-img {display: block;height: 140px;width: auto;}
.footer-undp-img img {height:100%;width: auto;}

.centering-issues .row {display: table;width: 100%;text-align: center;}
.centering-issues .col-sm-4 {float: none;display: inline-block;vertical-align: middle;}

.dis-table {display: table;width: 100%;}
.dis-table-cell {display: table-cell;float: none;vertical-align: middle;}

.supsystic-social-sharing.supsystic-social-sharing-content-align-left {margin-top: 20px;}
.m-l-r-20 {margin:0 20px;}
.VueCarousel-navigation button {background-color: #ffffff !important;}
.wp-block-embed__wrapper iframe {width: 100% !important;height: 400px;}
.wp-block-embed__wrapper a img {width: 100% !important;height: auto;}
.txt-up {text-transform: uppercase;}
.open-minised button {border: none;background:transparent;text-transform: uppercase;}
.open-minised button:after {content:'';display:inline-block;margin-left:10px;background-image: url('img/arrow-down.png');width: 16px;height: 16px;background-size: 100% auto;}
.open-minised button:hover {text-decoration: underline;}
.open-minised button.open:after, .open-minised button:hover:after {background-image: url('img/arrow-up.png');}
.minimised {display: none;}
.wp-block-image img {width: 100%;}
.wp-block-image figcaption {color:#969fa9;}

.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
	display: block;
	margin-bottom: 20px;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	margin-top: .5em;
	margin-bottom: 1em;
	color: #969fa9;
	text-align: center;
	font-size: 13px;
	position: relative;
	padding: 0;
	background: transparent;
}

div.wpcf7-response-output {clear: both;background: rgb(0, 0, 0);margin: 0 20px;}

#exposure-holder blockquote, #medium-holder blockquote  {font-size:30px;}

.medium-content > p, .medium-content > blockquote, .medium-content > h1, .medium-content > h2, .medium-content > h3,
.medium-content > h4, .medium-content > h5, .medium-content > h6 {width:66.66666667%;margin-left: 16.66666667%;}

h1.smaller-h1 {font-size:56px;}

@media screen and (max-width: 768px) {
	h1 {font-size: 30px;}
	#exposure-holder blockquote {font-size:20px;}
	.exposure-container, .medium-container {background-image: none !important}
	.voyages h1 {font-size: 52px;}
	#menu-opener {display: block;position: relative;z-index: 8;background: transparent;border: none;float: right;padding: 20px;font-size: 20px;}
	.video-wrapper video  {top: 0;left: 0;transform: translate(0, 0);min-width: 100%;}
	.pl-5-percent, .pl-5-percent-xs {padding-left: 15%;}
	.pr-5-percent {padding-right: 15%;}
	.fixed {position: relative;}
	.absolute-logo {top: 15px;left: 15px;}
	.wrapper .absolute-logo img {width:80px;}
	.wrapper.scrolled .absolute-logo img {width:40px;}
	ul.navigation {position: relative;display: none;float: left;clear: both;}
	ul.navigation li {display: block;line-height: 30px;}
	ul.navigation li .sub-menu {display: block;margin: 0 auto;text-align: center;position: relative;}
	ul.navigation li:before {display: none;}
	ul.navigation li .sub-menu li a {text-align: center;}
	.pt-300 {padding-top: 200px;}
	.images-holder .image-holder .overflow {height: 220px;}
	.mb-30-m {margin-bottom: 30px;}
	.absolute {position: relative;height: auto;margin-bottom: 30px;}
	.pt-20-m {padding-top: 20px;}
	.mb-20-m {margin-bottom: 20px;}
	h2 {font-size: 18px;}
	.second-content p, .third-content p {font-size: 16px;}
	.exposure-container, .medium-container {height: auto;width: 100%;}
	.exposure-container .absolute, .medium-container  .absolute {height: auto;}
	.side-content {float: left;width:100%;padding-left: 0;}
	.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {display: none;}
	#youtube-holder iframe, #vimeo-holder iframe {height: 200px;}
	.icon-link a img {width:24px;height: auto;}
	#single .main-bg, #exposure-holder .main-bg, #medium-holder .main-bg, #vimeo-holder .main-bg, #youtube-holder .main-bg {position: relative;}
	.single-holder {height: auto;}
	.text-left-m {text-align: left;}
	.second-content h2 {font-size: 30px;}
	.home .navigation-absolute {margin-bottom: 100px;}
	.navigation-absolute {clear:both;padding-left: 0;text-align: center;}
	.issue-title h1 {font-size: 40px;}
	.p-0-m {padding:0;}
	.centering-issues .row {display: block;width: auto;}
	.centering-issues .col-sm-4 {float:left;}
	.img-container {height: 220px;}
	.video-wrapper img {height: 100%;width: auto;}
	.bottom-absolute {position:relative;width: 80%;left: 20%;}
	.exposure-container a h2, .medium-container a h2, .vimeo-container a h2, .youtube-container a h2 {font-size: 22px;}
	.exposure-container h1, .medium-container h1, .vimeo-container h1, .youtube-container h1 {font-size:30px;}
	.exposure-container, .medium-container, .vimeo-container, .youtube-container {height: auto;}
	.play-button {width: 70px;margin-top: 50px;position: absolute;top: 0;left: 50%;margin-left: -35px;}
	.bottom-absolute li a span, .second-absolute li a span {width: 85%;}
	.flex-container {height: 700px;}
	.flex-about {opacity: 1;padding: 10px;}
	.main-frame {position: relative;}
	.navigation-absolute {display: block !important;}
	audio, canvas, progress, video {width: 100%;}
	#exposure-holder .second-content p, #exposure-holder .third-content p, #medium-holder .second-content p, #medium-holder .third-content p {font-size: 16px;overflow: hidden;text-align: unset;}
	.youtube-container.active video, .youtube-container.active .play-button {display: none !important;}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  .images-holder .image-holder .overflow {height:200px;}
  .issue-title h1, .exposure-container a h2, .medium-container a h2, .vimeo-container a h2, .youtube-container a h2 {font-size: 25px;}
  .exposure-container h1, .medium-container h1, .vimeo-container h1, .youtube-container h1 {font-size:35px;}
  .second-content p, .third-content p {font-size: 20px;}
}

@media screen and (min-width: 981px) and (max-width: 1400px) {
  .images-holder .image-holder .overflow {height:300px;}
  .issue-title h1, .exposure-container a h2, .medium-container a h2, .vimeo-container a h2, .youtube-container a h2 {font-size: 40px;}
  .exposure-container h1, .medium-container h1, .vimeo-container h1, .youtube-container h1 {font-size:45px;}
  .second-content p, .third-content p {font-size: 20px;}
}