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

AnaPaulTheme 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/
*/
/*--------------------------------------------------------------


/* General */



body{
	background-image: url("./assets/img/background-2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #2F435C;
	font-family: 'Playfair Display', serif;
}
/*font-family: 'Poppins', sans-serif;*/

body.home{
	background-image: url("./assets/img/background.jpg");
}

button:focus {outline:0;}

img {
	box-shadow: 0 0 20px 0 rgba(47,67,92,0.20);
}

p {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 30px;
}

h2{
	font-size: 45px;
	letter-spacing: 0.13rem;
	margin-bottom: 40px;
}

h3{
	font-size: 30px;
	letter-spacing: 0.13rem;
	margin-bottom: 10px;
}

a{
	color: inherit;
	text-decoration: none !important;
	font-weight: 600;
	transition: all 0.4s;
}

a:hover,
a:focus,
a:active{
	color: #919BA3;
	text-decoration: none !important;
}

ul li{
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  line-height: 30px;
}

span.bold{
	font-weight: 700;
}

.row{
	margin-right: 0;
    margin-left: 0;
}

.col-left{
	padding-right: 30px;
}

.col-right{
	padding-left: 30px;
}

.list-group.flex-row div{
	flex: 1;
}

footer{
	height: 105px;
	margin-top: 100px;
}

footer p {
	font-size: 13px;
	letter-spacing: 1px;
	color: #919BA3;
}


/* Navbar */

nav {
	height: initial !important;
}

.navbar{
	display: block;
	margin: 70px 0 70px;
    padding: 0 15px;
}

.navbar .container{
    padding: 0 30px;
}

.navbar-light .navbar-brand h1{
	color: #2F435C;
	font-size: 73px !important;
	line-height: 80px;
	font-weight: 600;
}

.navbar-light .navbar-brand:hover {
    color: inherit;
}

.navbar.bg-light {
    background-color: transparent;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #2F435C;
}

.navbar-light .navbar-nav .nav-link {
	font-size: 18px;
	font-family: 'Poppins', sans-serif;
	color: #919BA3;
    font-weight: 400;
	letter-spacing: 3px;
	transition: all 0.4s;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.3rem;
    padding-left: 1.3rem;
}

.navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
}

.nav-link .fa-instagram{
	font-size: 24px;
}

.nav-item:hover{
	opacity: 1;
}

.nav-item a{
	color: inherit;
}

.nav-item.active{
	opacity: 1;
}

.current_page_item a {
	color: #2F435C !important;
}


/* Home */

.hero-image-wrap {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    height: calc(100vh - 558px);
    min-height: 570px;
    width: 100%;
}

.hero-section-list{
	width: 100%;
	flex-direction: column;
	margin-top: 40px;
}

ul.hero-section-list li{
	font-family: 'Playfair Display', serif;
	list-style: none;
	font-size: 29px;
	letter-spacing: 0.08rem;
}


/* About */

.image-wrap-col{
  overflow: hidden;
}

.page-id-188 .col-lg-6 img{
	margin: 0 auto 75px auto;
    width: 100%;
    height: auto;
}


/* Gallery */

#gallery-section .container{
	padding: 0 30px;
}

.gallery-grid{
	margin: 70px -2.5%;
	min-height: 90px;
}

.gallery-selector button, .single-item-back a, .single-item-category-title, .single-item-back{
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     cursor: pointer;
     font-size: 45px;
     letter-spacing: 0.13rem;
     color: #919BA3;
     transition: all 0.4s;
     margin: 0;
     text-align: left;
}

.gallery-selector button:after,
.single-item-back a:after {
    content: '/';
    padding: 0 20px 0 25px;
    color: #919BA3 !important;
}

.gallery-selector button:last-child:after {
    content: '';
    padding: 0;
}

.single-item-category-title{
	cursor: inherit;
	color: #2F435C;
}

.single-item-category-wrap{
  margin-bottom: 60px;
}

.single-item-category-wrap span{
	font-size: 45px;
}

.gallery-selector button.active, .gallery-selector button:hover, .single-item-back a:hover{
	color: #2F435C !important;
	text-decoration: none;
}

.page-template-gallery .gallery-item{
	overflow: hidden;
	padding: 2.5%;
	/*transition: all 0.4s;*/
}

.gallery-item-overflow-wrap a img{
	transition: all 400ms;
}

.page-template-gallery .gallery-item:hover .gallery-item-overflow-wrap a img{
	transform: scale(1.05);
}

.page-template-gallery .gallery-item-overflow-wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-shadow: 0 0 20px 0 rgba(47,67,92,0.20);
	transition: all 0.4s;
}

.page-template-gallery .gallery-item:hover .gallery-item-overflow-wrap{
	box-shadow: 0 0 30px 0 rgba(47,67,92,0.20);
}

.gallery-in-progress{
	color: #919BA3;
	width: 100%;
    text-align: center;
    font-size: 30px;
    height: 90px;
    opacity: 0;
    display: none;
}

.gallery-in-progress:hover{
	transform: scale(1);
}

.gallery-in-progress h2{
	font-size: 30px;
}

#gallery-single .container {
	padding: 0 30px;
}

.single-item-image-wrap img{
	max-width: 80%;
    margin: 0 auto;
}

.single-item-image-wrap{
	margin: 80px 0;
}

.single-item-description-wrap {
	margin-top: 60px;
}

.gallery-single-item{
	width: 100%;
	height: 100%;
	text-align: center;
}

.gallery-single-item img{
	max-width: 70%;
    margin: 30px auto;
    max-height: 700px;
}

.slick-prev:before, .slick-next:before {
    font-family: 'Playfair Display', serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 0;
    opacity: 1;
    color: #2F435C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
    width: 50px;
    height: 50px;
    z-index: 100;
}

.slick-prev{
	left: 0;
}

.slick-next{
	right: 0;
}

.slick-prev:before {
    content: '‹';
}

.slick-next:before {
    content: '›';
}


/* Fancybox */
.fancybox-caption{
	text-align: center;
	font-family: 'Poppins', sans-serif;
}

.fancybox-slide a img{
	max-height: 85vh;
}

.gallery-item .gallery-item-overflow-wrap a{
	display: block !important;
}

.gallery-item-overflow-wrap div{
	display: block !important;
}

.fancybox-is-open .fancybox-bg{
	opacity: 1;
}

 /* Contact */

#contact-section .fa-instagram, #contact-section .fa-envelope, #contact-section .fa-phone{
	font-size: 24px;
	margin-right: 10px;
	color: #919BA3;
}

#contact-section img {
	box-shadow: 0 0 30px 0 rgba(47,67,92,0.30);
}

.about-bio-text h3{
	margin-top: 30px;
}

/*
#contact-section .col-lg-7 .img-fluid{
	display: none;
}
*/

#contact-main-image{
	display: block !important;
}

/* Press */
.press-item{
	margin-bottom: 35px;
}

.press-item-wrap{
	max-height: 210px;
    min-height: 100%;
    overflow: hidden;
}

.press-item-wrap img{
	object-fit: cover;
	transition: all 300ms;
}

.press-item-text{
	padding-left: 20px;
	flex: 1;
}

.press-item-text h2{
	font-size: 20px;
}

.press-item-img-overflow-wrap{
    flex: 1;
    min-height: 100%;
    overflow: hidden;
    /* transition: all .3s; */
}


/* Responsive */

@media (max-width: 991px){
  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem;
  }
  .col-left{
  	padding-right: 15px;
  }
  .col-right{
  	padding-left: 15px;
  }
  .hero-image-wrap {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    height: calc(100vh - 558px);
    min-height: 300px;
    width: 100%;
	}
	.press-item-wrap{
		min-height: 180px;
	}
}

@media (max-width:991px) and (min-width:768px) {
  ul.hero-section-list li{
    font-size: 20px;
  }
}

@media (max-width: 767px){

	.navbar-nav {
		padding-top: 30px;
	}

	.navbar-light .navbar-brand h1 {
	    line-height: 35px !important;
	}

	.invisible-on-mobile{
		display: none;
	}

	.list-group.flex-row{
		text-align: center;
		flex-direction: column !important;
	}
	.list-group.flex-row li{
		margin-bottom: 30px;
	}
	.gallery-single-item img{
		max-width: 95%;
    	margin: 30px auto;
	}
	.navbar-expand-md .navbar-nav .nav-link {
	    padding-right: 0;
	    padding-left: 0;
	}
	h2, .gallery-selector button, .gallery-selector button, .single-item-back a, .single-item-category-title, .single-item-back {
	    font-size: 5.4vw;
	    letter-spacing: 0.4vw;
	}
	.press-item-text h2{
		font-size: 20px;
	}
}   

@media (max-width: 575px){

	p{
		font-size: 14px;
		line-height: 25px;
	}

	.about-bio-text ul li{
		font-size: 14px;
	}

	.navbar .container {
	    padding: 0 15px;
	}

	.navbar-light .navbar-brand h1 {
	    font-size: 13vw !important;
	    line-height: 30px;
	}
	#contact-section p{
    	margin-bottom: 10px;
	}
	#contact-section .img-fluid {
		margin-top: 40px;
	}
	h2, .gallery-selector button, .gallery-selector button, .single-item-back a, .single-item-category-title, .single-item-back {
	    font-size: 7vw;
	}
	h3 {
	    font-size: 5vw;
	    letter-spacing: 0.4vw;
	}
	.gallery-in-progress h2{
	    font-size: 30px;
	  }

	.press-item-text h2{
		font-size: 16px;
	}
}




/* Kind of a solution to fancybox images dissapearing */
.ambientes-item-overflow-wrap a{
	display: block !important;
}

.ambientes-item-text h2{
	font-size: 18px;
    margin-top: 10px;
}