/*!
Theme Name: Villa Colorada
Theme URI: http://underscores.me/
Author: Agenfy
Author URI: https://agenfy.com
Description: The WordPress theme of Villa Colorada
Version: 0.0.1
Text Domain: villa_colorada
*/


/**
 * Global
 */
html, body {
	font-family: 'CoreSans', sans-serif;
}

img {
	height: auto;
}

.transition-default {
	transition: all 250ms ease-in-out;
}



/**
 * Components
 */
	/* footer social links */
	.footer-buttons-social {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.footer-buttons-social li {
		display: inline-block;
	}

	.footer-buttons-social li a img {
		height: 50px;
	}

	.city .footer-buttons-social li a img {
		height: 36px;
	}

	/* Navigation */
	.main-navigation {
		display: block;
		width: 100%;
	}

	.main-navigation ul {
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}

	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 99999;
	}

	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		display: block;
		left: auto;
	}

	.main-navigation ul ul a {
		width: 200px;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}

	.main-navigation li {
		position: relative;
	}

	.main-navigation a {
		display: block;
		text-decoration: none;
	}

	/* 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: flex;
		}

	}

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

	.comment-navigation .nav-links,
	.posts-navigation .nav-links,
	.post-navigation .nav-links {
		display: flex;
	}

	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		flex: 1 0 50%;
	}

	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		text-align: end;
		flex: 1 0 50%;
	}

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

	.post,
	.page {
		margin: 0;
	}

	.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;
	}

	/* Widgets */
	.widget {
		margin: 0 0 1.5em;
	}

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

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

	/* 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;
		display: grid;
		grid-gap: 1.5em;
	}

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

	.gallery-columns-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.gallery-columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.gallery-columns-4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.gallery-columns-5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.gallery-columns-6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.gallery-columns-7 {
		grid-template-columns: repeat(7, 1fr);
	}

	.gallery-columns-8 {
		grid-template-columns: repeat(8, 1fr);
	}

	.gallery-columns-9 {
		grid-template-columns: repeat(9, 1fr);
	}

	.gallery-caption {
		display: block;
	}



/**
 * Utilities
 */
	/* Accessibility */
	.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;
	}

	.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: 0.875rem;
		font-weight: 700;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000;
	}

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

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

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

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



/**
* header
*/
	/* global */
	body.admin-bar #mainHeader {
		top: 32px;
	}

	#mainHeader.header-with-carousel {
		background: rgba(0,0,0,0.8);
		background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(100%, rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	}

	/* logo */
	#mainHeader .display-logo {
		width: 15rem;
		height: 6rem;
	}

	#mainHeader .display-logo .logo-link {
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		color: transparent;
	}

	#mainHeader.header-with-carousel .display-logo .logo-link {
		background-image: url('assets/images/logo_dark-head.svg');
	}

	#mainHeader.header-without-carousel .display-logo .logo-link {
		background-image: url('assets/images/logo_light-head.svg');
	}

	/* menu */
	#mainHeader .primary-menu > .page_item,
	#mainHeader .primary-menu > .menu-item {
		display: inline-block;
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0 .65rem;
		position: relative;
	}

	#mainHeader .primary-menu > .page_item .menu-item-top,
	#mainHeader .primary-menu > .menu-item .menu-item-top,
	#mainHeader .primary-menu > .page_item .menu-item-bottom,
	#mainHeader .primary-menu > .menu-item .menu-item-bottom {
		height: 2rem;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		color: transparent;
		opacity: 0;
		visibility: hidden;
	}

	#mainHeader .primary-menu > .page_item .menu-item-top,
	#mainHeader .primary-menu > .menu-item .menu-item-top {
		background-image: url('assets/images/menu/item-active_top.svg');
	}

	#mainHeader .primary-menu > .page_item .menu-item-bottom,
	#mainHeader .primary-menu > .menu-item .menu-item-bottom {
		background-image: url('assets/images/menu/item-active_bottom.svg');
		height: 0;
	}

	#mainHeader .primary-menu > .page_item.current_page_item .menu-item-top,
	#mainHeader .primary-menu > .menu-item.current-menu-item .menu-item-top,
	#mainHeader .primary-menu > .page_item.current_page_item .menu-item-bottom,
	#mainHeader .primary-menu > .menu-item.current-menu-item .menu-item-bottom {
		opacity: 1;
		visibility: visible;
	}

	#mainHeader .primary-menu > .page_item:hover .menu-item-bottom,
	#mainHeader .primary-menu > .menu-item:hover .menu-item-bottom {
		opacity: 1;
		visibility: visible;
	}

	#mainHeader .primary-menu > .page_item .sub-menu,
	#mainHeader .primary-menu > .menu-item .sub-menu {
		position: absolute;
		height: 0;
		list-style: none;
		padding: 0;
		margin: 0;
		visibility: hidden;
		opacity: 0;
		transition: all 250ms ease-in-out;
		left: 50%;
		transform: translateX( -50% );
		text-align: center;
	}

	#mainHeader .primary-menu > .page_item:hover .sub-menu,
	#mainHeader .primary-menu > .menu-item:hover .sub-menu {
		opacity: 1;
		visibility: visible;
	}

	#mainHeader .primary-menu > .page_item .sub-menu .page_item,
	#mainHeader .primary-menu > .menu-item .sub-menu .menu-item {
		border-bottom: 1px solid #5880B8;
		background-color: #fff;
	}

	#mainHeader .primary-menu > .page_item.current_page_item .sub-menu .page_item .menu-item-top,
	#mainHeader .primary-menu > .menu-item.current-menu-item .sub-menu .menu-item .menu-item-top,
	#mainHeader .primary-menu > .page_item.current_page_item .sub-menu .page_item .menu-item-bottom,
	#mainHeader .primary-menu > .menu-item.current-menu-item .sub-menu .menu-item .menu-item-bottom,
	#mainHeader .primary-menu > .page_item .sub-menu .page_item .menu-item-top,
	#mainHeader .primary-menu > .menu-item .sub-menu .menu-item .menu-item-top,
	#mainHeader .primary-menu > .page_item .sub-menu .page_item .menu-item-bottom,
	#mainHeader .primary-menu > .menu-item .sub-menu .menu-item .menu-item-bottom,
	#mainHeader .primary-menu > .page_item:hover .sub-menu .page_item .menu-item-top,
	#mainHeader .primary-menu > .menu-item:hover .sub-menu .menu-item .menu-item-top,
	#mainHeader .primary-menu > .page_item:hover .sub-menu .page_item .menu-item-bottom,
	#mainHeader .primary-menu > .menu-item:hover .sub-menu .menu-item .menu-item-bottom {
		opacity: 0 !important;
		visibility: hidden !important;
		display: none !important;
	}

	#mainHeader.header-with-carousel .primary-menu > .page_item a,
	#mainHeader.header-with-carousel .primary-menu > .menu-item a {
		color: #fff;
		text-decoration: none;
		display: block;
	}

	#mainHeader.header-without-carousel .primary-menu > .page_item a,
	#mainHeader.header-without-carousel .primary-menu > .menu-item a {
		color: #5891ca;
		text-decoration: none;
		display: block;
	}

	#mainHeader .primary-menu > .page_item .sub-menu .page_item a,
	#mainHeader .primary-menu > .menu-item .sub-menu .menu-item a {
		color: #A80A79;
		padding: .3rem 1.25rem .3rem .9rem;
	}

	/* actions */
	#mainHeader.header-without-carousel .menu-dropdown .action-item {
		color: #AF0A79 !important;
	}
	
	#mainHeader.header-without-carousel .menu-dropdown .name-list {
		color: #AF0A79 !important;
	}
	
	#mainHeader .menu-dropdown .name-list .the-list {
		display: none;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 0 0 5px 5px;
		overflow: hidden;
	}

	#mainHeader.header-without-carousel .menu-dropdown .name-list .the-list {
		background-color: #AF0A79 !important;
	}
	
	#mainHeader .menu-dropdown .name-list:hover .the-list {
		display: block;
	}

	#mainHeader .menu-dropdown .name-list .the-list li {
		border-bottom: 1px dashed #8823FD;
	}

	#mainHeader.header-without-carousel .menu-dropdown .name-list .the-list li {
		border-bottom: 1px dashed #fff;
	}

	#mainHeader .menu-dropdown .name-list .the-list li:last-child {
		border-bottom: 0;
	}

	#mainHeader .menu-dropdown .name-list .the-list li a {
		color: #8823FD;
		font-weight: bold;
	}

	#mainHeader.header-without-carousel .menu-dropdown .name-list .the-list li a {
		color: #fff !important;
	}

	/* mobile */
	#mainHeader.menu-mobile .display-logo {
		width: 10rem;
		height: 4rem;
	}

	.open-menu-button,
	.open-menu-button:focus,
	.close-menu-button,
	.close-menu-button:focus {
		padding: 0;
		font-size: 2rem;
		border: none;
		background-color: transparent;
		outline: none;
	}

	.open-menu-button span {
		display: block;
		width: 32px;
		height: 4px;
		background-color: white;
		margin: 6px auto;
		border-radius: 50px;
	}

	.open-menu-button span:nth-child(2) {
		width: 25px;
		margin-left: auto;
		margin-right: 0;
	}

	#mainHeader.header-without-carousel .open-menu-button span {
		background-color: #A80A79;
	}

	.close-menu-button {
		color: #A80A79;
		line-height: 1;
	}

	#mobileNavigation {
		position: fixed;
		z-index: 1050;
		width: calc(100% - 80px);
		max-width: 400px;
		height: 100%;
		top: 0;
		right: -100%;
		background-color: #fff;
		overflow-y: auto;
		transition: all 250ms ease;
	}

	#mobileNavigation.active {
		right: 0;
	}

	#mobileNavigation .menu-title {
		color: #CC9235;
		text-decoration: underline;
		font-weight: bold;
		font-size: 2.5rem;
	}

	#mobileNavigation .primary-menu .menu-item {
		margin: .25rem 0;
	}

	#mobileNavigation .primary-menu .menu-item a {
		color: #A80A79;
		font-weight: bold;
		font-size: 1.5rem;
	}

	#mobileNavigation .primary-menu .menu-item.menu-item-has-children > a {
		text-decoration: none;
	}

	#mobileNavigation .primary-menu .menu-item.menu-item-has-children > a:after {
		content: '\ea99';
		font-family: 'IcoFont' !important;
		font-size: 80%;
		margin-left: 5px;
	}

	#mobileNavigation .primary-menu .menu-item.menu-item-has-children .sub-menu {
		display: none;
	}

	#mobileNavigation .primary-menu .menu-item.menu-item-has-children.active .sub-menu {
		display: block;
	}

	#mobileNavigation .primary-menu .menu-item.paracas,
	#mobileNavigation .primary-menu .menu-item.talara {
		list-style: none;
		position: relative;
		padding-left: .5rem;
	}

	#mobileNavigation .primary-menu .menu-item.paracas::before,
	#mobileNavigation .primary-menu .menu-item.talara::before {
		content: '';
		position: absolute;
		left: -40px;
		top: 50%;
		transform: translateY( -50% );
		width: 40px;
		height: 14px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

	#mobileNavigation .primary-menu .menu-item.paracas::before {
		background-image: url('assets/images/paracas-icon.png');
	}

	#mobileNavigation .primary-menu .menu-item.talara::before {
		background-image: url('assets/images/talara-icon.png');
	}

	#mobileNavigation .primary-menu .menu-item.paracas a {
		color: #80934D;
	}

	#mobileNavigation .primary-menu .menu-item.talara a {
		color: #5680BA;
	}

	#mobileNavigation .city {
		font-weight: bold;
		font-size: 1.5rem;
	}

	#mobileNavigation .city .icon {
		vertical-align: middle;
		height: 14px;
		position: relative;
		top: -3px;
	}

	#mobileNavigation .city::before {
		content: '';
		position: absolute;
		left: -2px;
		top: 50%;
		transform: translateY( -50% );
		width: 11px;
		height: 18px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		background-image: url('assets/images/family-icon.png');
	}



/**
 * subheader
 */
    /* carousel */
    #carouselSubheader .swiper-button-next,
	#carouselSubheader .swiper-button-prev {
		color: #fff;
		text-shadow: 0 0 15px rgba(0, 0, 0, .75);
		background-image: none !important;
	}

	#carouselSubheader.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
		bottom: 1rem;
	}

	#carouselSubheader .swiper-pagination-bullet {
		background-color: #fff;
	}

	/* default */
	.subheader-deault {
		background-color: #D1037B;
	}