/*!
Theme Name: The Way Up
Theme URI: http://underscores.me/
Author: Manos
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thewayup
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.

The Way Up 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.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
#Theme Specifics	
--------------------------------------------------------------*/
/*--------------------------------------------------------------

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Theme Specifics
--------------------------------------------------------------*/
/* html {scroll-behavior: smooth;}  */
.post, .page {margin: 0;}
.purple-back {background-color: #5f6164;}
.purple-back-2 {background-color: rgb(77,77,77) !important;}
.text-grey {color: #747474;}
.inner-mobile-menu {display: none;}
h1,h2 {
	font-family: 'Advent Pro', sans-serif;
	letter-spacing: 1.4px;
}	
p,span,a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 1.4px;
	color: black;
}
p {font-size: 16px;}
a {
	color: inherit;
}

a:hover {cursor: pointer;color:inherit;text-decoration: none;}
h1.title {
	font-weight: 300;
}

.reverse {flex-direction: row-reverse;}
.embed-wrapper {
	position: relative; 
	padding-bottom: 30.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-wrapper iframe,
.embed-wrapper object,
.embed-wrapper embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media(max-width: 849px) {
	.desktop {display: none;}
}
@media(min-width: 850px) {
	.mobile {display:none;}
}

/* Header Styles */
header {
	position: fixed;
    width: 100%;
    height: 90px;
	z-index: 1020;
	background-color: rgb(77,77,77);
	border-bottom: 1px solid white;
	border-color: rgba(255,255,255,0.15);
}
header a {
	font-family: 'Advent Pro', sans-serif;
	letter-spacing: 1.4px;
	font-size: 18px;
}

header a:hover {
	color: #c69f43;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

header .logo img {
	float: left;
	position: relative;
	width: 120px;
}
header ul {
	list-style: none;
	margin-bottom: 0;
	padding-top: 40px;
	color: white;
	float: right;
}

header .list-inline-item:not(:last-child) {
	margin-right: 30px;
}

header .inner-mobile-menu {
	position: fixed;
    background: rgb(77,77,77);
    left: 0;
    width: 100%;
    top: 90px;
	padding: 30px 0;
	z-index: 1000;
}
header .inner-mobile-menu ul {
	padding: 0;
	float: none;
}
header li.lang-item {
	float: right;
}

/* Hamburger Menu Animation */
#nav-icon {
	width: 25px;
	height: 45px;
	position: fixed;
	top: 28px;
	right: 15px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 1px;
	width: 50%;
	background: #ffffff;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
  }
  
  #nav-icon span:nth-child(even) {
	left: 50%;
  }
  
  #nav-icon span:nth-child(odd) {
	left:0px;
  }
  
  #nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
	top: 0px;
  }
  
  #nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {
	top: 8px;
  }
  
  #nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {
	top: 16px;
  }
  
  #nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  
  #nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
  
  #nav-icon.open span:nth-child(1) {
	left: 5px;
	top: 7px;
  }
  
  #nav-icon.open span:nth-child(2) {
	left: calc(50% - 7px);
	top: -3px;
  }
  
  #nav-icon.open span:nth-child(3) {
	left: -50%;
	opacity: 0;
  }
  
  #nav-icon.open span:nth-child(4) {
	left: 100%;
	opacity: 0;
  }
  
  #nav-icon.open span:nth-child(5) {
	left: -4px;
	top: 7px;
  }
  
  #nav-icon.open span:nth-child(6) {
	left: -4px;
	top: -2px;
  }
  

/* HomePage Header Specific */
.page-template-page-home header,
.page-template-page-olympos header,
.page-template-page-ithaki header,
.page-template-page-pindos header,
.page-template-page-alaska header{
	background-color: rgba(0,0,0,.3);
	transition: background-color 250ms linear;
    border-color: rgba(255,255,255,0.15);
}
.page-template-page-home .site-header.scrolled,
.page-template-page-olympos .site-header.scrolled,
.page-template-page-ithaki .site-header.scrolled,
.page-template-page-pindos .site-header.scrolled,
.page-template-page-alaska .site-header.scrolled {
	background-color: rgb(77,77,77);
	transition: background-color 250ms linear;
}
.page-template-page-home header .logo img {position: absolute;}

/* HomePage Styles */
.what-we-offer {
	padding-top: 80px;
	padding-bottom: 80px;
}
.what-we-offer .description p {
	margin: auto;
	margin-top: 30px;
	line-height: 1.6em;
}

.why-us {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #fbfcfe;
}
.why-us h1.title {
	margin-bottom: 40px;
}
.why-us .feature {
	font-size: 14px;
}
.why-us .feature p {
	margin-top: 10px;
	margin-bottom: 50px;
}
#adventures {
	padding-top: 80px;
	background-color: #fbfcfe;
}
.mountain-trips article {padding: 100px;}
.mountain-trips article .title {
	font-size: 22px;
	font-weight: 300;
	color: #fff;
}
.mountain-trips article .caption {
	font-weight: 300;
	color: #fff;
	margin-bottom: 0;
}
.mountain-trips article .caption p {
	color: #fff;
}
.mountain-trips article .btn-outline-info {
	margin-top: 30px;
	color: #fff;
	border-color: #fff;
}
.mountain-trips article .btn-outline-info:hover {
	border-color: #fff;
	background-color: #fff;
	color: #3a3b74;
}
.mountain-trips .black {background-color:rgba(253,200,166,.2)}
.mountain-trips .black article .title {color:#000;}
.mountain-trips .black article .caption p {color:#000;}
.mountain-trips .black article .btn-outline-info {
	color: #000;
	border-color: #000;
}
.mountain-trips .black article .btn-outline-info:hover {
	color: #fff;
	background-color: #3a3b74;
}

.photos {
	padding-top: 80px;
	padding-bottom: 70px;
	background-color: #fbfcfe;
}
.photos h1 {margin-bottom: 40px;}
.photos .container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.photos .container-fluid .row {
	margin-left: 0;
	margin-right: 0;
}
.photos .container-fluid .col-12,
.photos .container-fluid .col-sm-4
 {
	padding-left: 2px;
	padding-right: 2px;
}

.photos .container-fluid .col-12 img,
.photos .container-fluid .col-sm-4 img {margin-bottom: 5px;}

.photos .video {margin-bottom: 80px;}

/* Mountains Template Styles */
.page-template-page-mountain .hero-image,
.page-template-page-ithaki .hero-image,
.page-template-page-olympos .hero-image,
.page-template-page-pindos .hero-image,
.page-template-page-alaska .hero-image  {
	padding-top: 120px;
	height: 60vh;
	overflow: hidden;
	background-size: cover!important;
	background-repeat:no-repeat !important; 
	background-position:50% 80% !important;
}
.page-template-page-ithaki .hero-image.container-fluid,
.page-template-page-olympos .hero-image.container-fluid,
.page-template-page-mountain .hero-image.container-fluid,
.page-template-page-pindos .hero-image.container-fluid,
.page-template-page-alaska .hero-image.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.page-template-page-mountain .main-wrap,
.page-template-page-ithaki .main-wrap,
.page-template-page-olympos .main-wrap,
.page-template-page-pindos .main-wrap,
.page-template-page-alaska .main-wrap {
	padding-top: 80px;
}

.page-template-page-mountain .main-wrap article.main-description h1,
.page-template-page-olympos .main-wrap article.main-description h1,
.page-template-page-ithaki .main-wrap article.main-description h1,
.page-template-page-pindos .main-wrap article.main-description h1,
.page-template-page-alaska .main-wrap article.main-description h1,
.page-template-page-mountain .main-wrap article.main-description h1 span,
.page-template-page-olympos .main-wrap article.main-description h1 span,
.page-template-page-ithaki .main-wrap article.main-description h1 span,
.page-template-page-pindos .main-wrap article.main-description h1 span,
.page-template-page-alaska .main-wrap article.main-description h1 span {
	font-size: 20px;
}

.page-template-page-mountain .main-wrap a.terms,
.page-template-page-olympos .main-wrap a.terms,
.page-template-page-ithaki .main-wrap a.terms,
.page-template-page-pindos .main-wrap a.terms,
.page-template-page-alaska .main-wrap a.terms {
	font-weight: 600;
	font-size: 18px;
}

.page-template-page-ithaki .gallery-wrap,
.page-template-page-olympos .gallery-wrap,
.page-template-page-pindos .gallery-wrap,
.page-template-page-alaska .gallery-wrap {
	column-count: 4;
	column-gap: 5px;
}

.page-template-page-ithaki .gallery-wrap img,
.page-template-page-olympos .gallery-wrap img,
.page-template-page-pindos .gallery-wrap img,
.page-template-page-alaska .gallery-wrap img {
	margin-bottom: 5px;
}

/* Biographys Template Styles */
.bio-description::-webkit-scrollbar {
	display: none;
	width: 3px;
}
.bio-description::-webkit-scrollbar-track {
	display: none;
	box-shadow: inset 0 0 5px transparent;
	border-radius: 10px;
}
.bio-description::-webkit-scrollbar-thumb {
	display: none;
	background: #c69f43;
	border-radius: 40px;
}

.biographys{padding-top: 90px;}
.biographys .hero-image {
	height: 47vh;
	overflow: hidden;
	background-size: cover!important;
	background-repeat:no-repeat !important; 
	background-position:50% 0%!important;
}
.biographys .container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.biographys .container-xl {
	padding-right: 0;
	padding-left: 0;
}
.biographys .the-team .row{
	margin-left: 0;
	margin-right: 0;
}
.biographys .the-team .row .col-lg-6 {
	padding-left: 0;
	padding-right: 0;
}
.biographys .the-team .bio-description {
	overflow-y: scroll; 
	overflow-x: hidden;
	
}
.biographys .the-team .bio-description article {
	position: absolute;
	top: 50%;
	transform: translateY(-46%);
}
/*.biographys .the-team .row:nth-child(1) > .bio-description article{
	position: relative;
	top: unset;
	transform: unset;
}*/
.biographys .the-team .bio-description .inner-wrap {
	color: #747474;
	font-size: 18px;
	padding: 0 50px 50px 50px;
}
.biographys h1 {
	padding: 80px 0 30px 0;
}
.biographys h1.bio-name {
	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
	padding: 50px 50px 20px 50px;
}


/* Contact Page Sytles */
.page-template-page-contact header {
	position: relative;
}
.contact {
	color: #747474;
}
.contact article {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width: 100%;
	padding: 0 30px;
}

.contact h1 {
	font-weight: 300;
	margin-bottom: 30px;
	font-size: 2rem;
}
.contact h2 {
	font-size: 1.2rem;
}
.contact h2.email {margin-top: -50px;}
.contact input[type = submit] {float: right;}
.contact textarea {resize: none;}
.contact .phone-icon,
.contact .email-icon {
	width: 30px;
	margin-right: 10px;
}
.btn-info {
	background-color: #c69f43;
	border-color: #c69f43;
}
.btn-info:hover {
	background-color: #ba943c;
	border-color: #ba943c;
}


/* Footer Styles */
footer {
	background-color: rgb(77,77,77);
	padding: 10px 20px;
}

footer span {
	font-size: 12px;
	color: white;
}
footer .footer-logo {
	width: 100px;
	margin-left: 2px;
	margin-right: 4px;
}

/* Special Cases */



/* QUERIES */
@media(max-width: 1500px) {
	.biographys .the-team .bio-description article {
		position: relative;
		top: unset;
		transform: unset;
	}	
	.page-template-page-mountain .hero-image,
	.page-template-page-olympos .hero-image,
	.page-template-page-ithaki .hero-image,
	.page-template-page-pindos .hero-image,
	.page-template-page-alaska .hero-image {
		background-position: unset !important;
	}
}
@media (max-height: 750px) {
	.contact article {
		position: relative;
		left: inherit;
		top: inherit;
		transform: none;
		width: 100%;
		padding: 0 30px;
		margin-top: 50px;
	}
}
@media(max-width: 1200px) {
	.mountain-trips article {
		padding: 100px 20px;
	}
	.photos .container-xl {width: 97%;}

	
	.page-template-page-contact footer {position: relative;}
}
@media(max-width:550px) {
	header {height: 75px;}
	header .logo img {
		width: 100px;
		margin-left: 0;
	}
	header li.lang-item {
		list-style: none;
		position: absolute;
		right: 55px;
		top: 20px;
	}
	header .inner-mobile-menu {top: 75px;}

	.photos .container-xl {width: 95%;}
	.photos .embed-wrapper {padding-bottom: 56.25%;}
	
	.biographys {padding-top: 75px;}
	.biographys h1 {padding: 60px 0 10px 0;}
	.biographys h1.bio-name {
		padding: 50px 20px 20px 20px;
	}
	.biographys .the-team .bio-description .inner-wrap {
		padding: 0 20px 50px 20px;
	}

	.page-template-page-ithaki .gallery-wrap,
	.page-template-page-olympos .gallery-wrap,
	.page-template-page-pindos .gallery-wrap,
	.page-template-page-alaska .gallery-wrap {
		column-count: 1;
	}
	
	.contact .contact-image {
		height: 150px;
	}
	.contact h2.email {margin-top: 30px;}
}
@media(min-width: 2560px) {
	.mountain-trips .col-sm-6 {
		padding: 30px 0;
	}
}