/*
Theme Name: Phoenix Costa
Theme URI: https://www.imagenmarbella.com
Author: Imagen Marbella
Author URI: https://www.imagenmarbella.com
Description: Theme developed for Phoenix Costa
Requires at least: 6
Tested up to: 6
Requires PHP: 7.4
Version: 1.0
Tags: white, custom-menu, featured-images, portfolio, real-state
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpdomain

Phoenix Costa WordPress Theme, (C) 2025 Phoenix Costa
This theme has only developed for Phoenix Costa
*/


/**************************/
/******** FONTS *******/
/**************************/
/*#region */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

/*#endregion */

/**************************/
/******** BASE *******/
/**************************/
/*#region */
:root {
	--color-black: #000000;
	--color-white: #ffffff;
	--color-text: #01435F;
	--color-text-dark: #FBF4EC;
	/* --color-blue: #0E3A5C; */
	--color-blue-secondary: #BEEAFD;
	--font-title: "Instrument Sans", sans-serif;
	--font-general: "Instrument Sans", sans-serif;
	/* --filter-svg-black2white: invert(100%) sepia(100%) saturate(0%) hue-rotate(3deg) brightness(100%) contrast(104%);
	--filter-svg-black2gold: invert(69%) sepia(15%) saturate(775%) hue-rotate(3deg) brightness(94%) contrast(85%); */
	/* --cobre-lineal: linear-gradient(51deg, #C86C46 23.01%, #9A553B 32.81%, #3D2926 46.87%);
	--inverso-lineal: linear-gradient(177deg, #C86C46 3.01%, #F9EFEA 43.37%); */
	--border-radius: 50px;
}
html,
body{
	background-color: #FBF4EC;
	font-family: var(--font-general);
	color: var(--color-text);
	font-size: 14px;
	position: relative;
  	overscroll-behavior-x: none;
}

body:not(.page-id-281),
body:not(.page-id-20){
	overflow-x: hidden !important;
}

body::before{
	/* content: ''; */
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	background-color: #000000;
	z-index: 10;
	opacity: .5;
}

.z-n1{
	z-index: -1;
}
.z-0{
	z-index: 0;
}
.z-1{
	z-index: 1;
}
.z-2{
	z-index: 2;
}
.z-3{
	z-index: 3;
}
.z-4{
	z-index: 4;
}
h1,h2,h3,h4,h5,h6 {
	font-family: var(--font-title);
	font-weight: 100;
}
ul{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
a{
	color: var(--color-text);
	transition: all ease-in-out 300ms;
	text-decoration: none;
}
a:hover{
	color: var(--color-text);
	transition: all ease-in-out 300ms;
	text-decoration: underline;
}
a:not([href]):not([class]), 
a:not([href]):not([class]):hover {
	/* color: inherit; */
	text-decoration: none;
}
.ui-widget.ui-widget-content {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}
.gap0 {
	gap:0px !important;
}
p {
	font-family: var(--font-general);
	color: var(--color-text);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 160% */
}

/* .wp-block-columns p + p {
  margin-bottom: 1rem;
} */

hr {
	margin: 16px 0;
	color: var(--color-black);
	background-color: currentColor;
	border: 0;
	opacity: 1;
}
strong {
	font-weight: 700;
}
.ar169 {
	aspect-ratio: 16 / 9;
	padding-top: 56.25%;
}
.bg-cover {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.link-cover-absolute {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.ic-show-mobile,
.ic-hide-desktop {
	display: none;
}
.ic-show-desktop {
	display: block;
}

#toTop {
	display: none !important;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 10px;
	line-height: 20px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	display: none;
	color: var(--color-white);
	font-size: 20px;
	z-index: 999;
	border-radius: 5px;
}
#toTop svg {
	fill: white;
}
.wpml-ls-statics-footer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 99;
	align-items: center;
	justify-content: center;
	transition: all 300ms linear;
	opacity: 0;
}

.slick-arrow {
	position: absolute;
	top: -80px;
	right: 10px;
}

.slick-prev {
	left: 10px;
	right: inherit;
}

.swiper-button-prev,
.swiper-button-next{
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	background-image: url('images/icons/icon-slick-left-blue.svg');
	border: 0;
	box-shadow: none;
	width: 40px;
	height: 40px;
	font-size: 0;
}

.swiper-button-next{
	left: inherit;
	right: 0;
	background-image: url('images/icons/icon-slick-right-blue.svg');
}


.mark, mark {
	padding: 0;
}

body.changelang {}

body.changelang .wpml-ls-statics-footer {
overflow: hidden;
display: flex;
transition: all 300ms linear;
}

/*#endregion */

/**************************/
/******** GLOBAL *******/
/**************************/
/*#region */

.main-header.ic-unbranded + main .ic-wrapper-projects{
	padding-bottom: 0;
}

.ic-patron-experience{
		
	figure{
		margin-bottom: 0;
	}

	.wp-block-group{
		padding: 1rem;
		position: absolute;
		top: 50%;
		width: 100%;
		transform: translateY(-50%);
		background-color: var(--color-text-dark);

		.wp-block-list{
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1320px;
			margin: 0 auto;

			li{
				color: var(--color-text);
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 34px;
				text-align: center;
				text-transform: uppercase;
				position: relative;

				strong{
					font-weight: 500;
				}
			}

			li:nth-child(2n) {
				width: 8px;
				height: 8px;
				background-color: var(--color-text);
			}
		}
	}

}

.ic-wrapper-projects{
	padding-top: 120px;
	padding-bottom: 120px;
}

:where(.wp-block-columns) {
    margin-bottom: 0;
}

.wp-block-cover{
	padding: 0;
}

.ic-main-cover{
	min-height: 75dvh;
}

.wp-block-cover__background{
	background-color: transparent !important;
}

.properties-slider{
	margin-top: 35px;
	margin-bottom: 40px	;

	.slick-arrow{
		background-color: transparent;
		background-image: url('images/icons/icon-slick-left.svg');
		border: 0;
		box-shadow: none;
		width: 40px;
		height: 40px;
		font-size: 0;

		&.slick-next{
			background-image: url('images/icons/icon-slick-right.svg');
		}
	}

	.slick-list{
		overflow: visible;


		.slick-slide{
			max-width: 425px;
			margin: 0 1rem;

			.ic-project-item{
				figure{
					margin-bottom: 0;
					position: relative;

					img{
						height: 425px;
						width: 100%;
						object-fit: cover;
					}

					p{
						position: absolute;
						top: 35px;
						left: 50%;
						transform: translateX(-50%);
						background-color: var(--color-text);
						color: var(--color-text-dark);
						padding: .5rem 1rem;
						max-width: fit-content;
						text-align: center;
						font-size: 20px;
						font-style: normal;
						font-weight: 400;
						line-height: 20px; /* 100% */
						text-transform: uppercase;
					}
				}

				.ic-project-group{
					background-color: var(--color-text-dark);
					padding: 25px;
					text-align: center;

					.wp-block-heading{
						color: var(--color-text);
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}

					ul{
						display: flex;
						justify-content: center;
						align-items: center;
						gap: 1rem;
						font-size: 14px;
						font-style: normal;
						font-weight: 400;
						line-height: 20px;
						text-transform: uppercase;
					}
				}
			}
		}
	}
	/* .slick-slide{
		div{
			height: 100%;
		}
	} */
}

.about-slider{
	margin-top: 35px;
	margin-bottom: 40px	;

	.slick-arrow{
		background-color: transparent;
		background-image: url('images/icons/arrow-slick.svg');
		border: 0;
		box-shadow: none;
		width: 30px;
		height: 30px;
		font-size: 0;

		&.slick-disabled{
			opacity: .5;
		}

		&.slick-prev{
			left: inherit;
			right: 75px;
			transform: rotate(180deg);
		}
	}
}

.lg-counter,
.lg-toolbar .lg-icon{
	color: var(--color-text)
}

.lg-next,
.lg-prev{
	width: 40px;
	height: 40px;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('images/icons/icon-slick-right-blue.svg');
}

.lg-prev{
	background-image: url('images/icons/icon-slick-left-blue.svg');
}

.lg-next::before,
.lg-prev::after{
	content: none;
}

.lg-outer .lg-thumb-item{
	border-color: transparent;
	border-radius: 0;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
	border-color: var(--color-text);
}

.lg-outer .lg-thumb-outer{
	background-color: var(--color-text-dark)
}

.lg-backdrop{
	background-color: var(--color-text-dark);
}

.ic-bgcolor-dark{
	background-color: var(--color-text);

	p,
	.wp-block-heading{
		color: var(--color-text-dark);
	}
}

.ic-bgcolor-light{
	background-color: var(--color-text-dark);
}

.ic-bgcolor-single{
	background-color: rgba(200, 108, 70, 0.16);
	padding-top: 135px;
	padding-bottom: 85px;
}

.ic-bgcolor-bluesecondary{
	background: rgba(190, 234, 253, 0.35);
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease;

  &::before{
	content: '';
	z-index: -2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-white);
  }
  
  &::after{
	content: '';
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('images/bg-preloader.svg');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: var(--border-radius);
	max-width: 1920px;
  	margin: 1rem auto; 
  }
}

#preloader .logo-container img {
  max-width: 250px;
}

#preloader.fade-out {
  opacity: 0;
  pointer-events: none;
}

.wp-block-heading{
	color: var(--color-text);
	font-family: var(--font-title);
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px; /* 141.667% */
	text-transform: uppercase;
	margin-bottom: 10px;

	&.has-text-color{
		color: var(--color-text-dark);
	}
}

h3.wp-block-heading{
	font-size: 14px;
	line-height: 20px; /* 142.857% */
	text-transform: initial;
}

.ic-mobile-switcher{
	cursor: pointer;
	transition: .3s all;

	position: absolute;
    top: 35px;
    right: 20px;
	z-index: 15;

	/* display: inline-flex; */
	display: none;
	align-items: center;
	gap: 24px;
	flex-shrink: 0;

	/* .close,
	.icon-close{
		display: none;
	} */

	&.open{
		position: fixed;

		.icon-open{
			content: url('images/icons/icon-close-mobile.svg');
		}

	}
}

.mobile-nav-wrapper{
	display: none; 
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-text-dark);

	&.active{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		ul{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 30px;

			li{
				a{
					font-size: 16px;
				}

				&:nth-child(3){
					display: none;
				}

				&:nth-last-child(2){
					margin-left: auto;
					background-image: url('/wp-content/themes/pcosta/images/icons/icon-agent.svg');
					background-position: top center;
					background-repeat: no-repeat;
					background-size: 21px 21px;
					padding-top: 30px;
				}

				&:last-child{
					background-color: var(--color-text);
					padding: 0 11px;

					a{
						color: var(--color-text-dark);
					}

					&:hover{
						background-color: var(--color-text-dark);
						a{
							color: var(--color-text)
						}
					}
				}
			}
		}
	}
}

.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text]{
	margin-bottom: 30px !important;
}


.form-control{
	border: 0;
	border-bottom: 1px solid var(--color-text-dark);
	border-radius: 0;
	background-color: transparent !important;
	color: var(--color-text-dark) !important;
	/* font-size: 20px;
	font-size: 16px; */
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 24px; /* 120% */
	padding-left: 0;


	color: var(--color-text-dark);;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	text-transform: uppercase;
}

.intl-tel-input.separate-dial-code .selected-flag{
	background-color: transparent;
}

 
.intl-tel-input .selected-flag .iti-arrow{
	border-top-color: var(--color-text);
}

.intl-tel-input .country-list .country-name{
	color: #999
}

.form-control:focus,
.form-control::placeholder{
	color: var(--color-text-dark) !important;
	box-shadow: none;
}

input[type=checkbox] {
	appearance: none;
	width: 20px;
	min-width: 20px;
	height: 20px;
	padding: 0;
	border: 1px solid var(--color-text-dark);
	background-color: transparent;
	margin-right: 12px;
}

input[type=checkbox]:checked {
	background-image: url(images/icons/icon-close.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

input[type="submit"]{
    color: var(--color-text);
    background: var(--color-text-dark);
    border-radius: 0;
    display: flex;
    min-width: 325px;
    padding: 8px 111px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 0;
    box-shadow: none;
	text-transform: uppercase;

	border: 0;
	box-shadow: none;

	margin-top: 45px;
}

.wpcf7-list-item{
	margin-left: 0;
}

.wpcf7-list-item-label{
	/* font-size: 14px; */
	font-size: 12px;
	a{
		text-decoration: underline;
		color: var(--color-text-dark)
	}
}

.wpcf7-form label {
	width: 100%;
}

.wpcf7-form{
	margin-top: 80px;
	margin-bottom: 145px;
}

.wp-block-buttons{
	display: flex;
}

.wp-block-button__link{
	font-size: 14px;
	text-transform: uppercase;
	color: var(--color-text);
	background: var(--color-text-dark);
	border-radius: 0;
	display: flex;
	min-width: 325px;
	height: 30px;
	padding: 8px 111px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: 0;
	box-shadow: none;
}

.wpcf7 .wpcf7-submit:disabled{
	opacity: .5;
}

.ic-button-blue{
	.wp-block-button__link{
		background: var(--color-blue-secondary);
	}
}

.ic-wrapper-contact{
	padding-top: 60px;
	padding-bottom: 60px;

	/* &.ic-unbranded{
		padding-top: 0;
		padding-bottom: 0;
	} */

	.wpcf7-form{
		margin-top: 0;
		margin-bottom: 0;
	}

	.wp-block-media-text__media{
		margin-top: 30px;
		margin-left: auto;
		max-height: 300px;
		max-width: 535px;
		width: 100%;
	}

	.wp-block-heading + p{
		max-width: 70%;
		margin: 0 auto;
		margin-bottom: 90px;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 142.857% */
	}

	.wp-block-media-text{
		position: relative;

		.wp-block-video{
			max-height: 300px;
			max-width: 535px;
			position: absolute;
			top: 0;
			right: 0;
			overflow: hidden;
		}
	}


}

/* change logo */
.main-header.scrolled,
.page-legal,
.page-id-20,
.page-id-281{
	.ic-mobile-switcher{
		.icon-open{
			filter: invert(1);
		}
	}
}

/*#endregion */


/* HEADER */

.widget-headers{
	display: flex;
	justify-content: space-between;
	align-items: center;

	figure{
		margin-bottom: 0;
	}

	.widget-header-two{
		width: 100%;
		.menu{
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 35px;

			li{
				
				a{
					display: block;
					color: var(--color-text-dark);
					/* font-size: 14px; */
					font-size: 16px;
					font-style: normal;
					font-weight: 400;
					line-height: 20px; /* 142.857% */
				}
				
				&:nth-child(2){
					margin-right: auto;
				}
				&:nth-child(3){
					margin-left: 40px;

					a{
						display: block;
						/* height: 70px;
						width: 70px; */
						height: 85px;
						width: 92px;
						font-size: 0;
						background-image: url('/wp-content/uploads/2025/08/favicon-e1754563681957.jpg');
						background-size: contain;
					}
				}
				&:nth-last-child(2){
					margin-left: auto;
					background-image: url('/wp-content/themes/pcosta/images/icons/icon-agent.svg');
					background-position: top left;
					background-repeat: no-repeat;
					background-size: 21px 21px;
					padding-left: 30px;
				}

				&:last-child{
					background-color: var(--color-text-dark);
					padding: 0 11px;

					a{
						color: var(--color-text);
					}

					&:hover{
						background-color: var(--color-text);
						a{
							color: var(--color-text-dark)
						}
					}
				}
			}
		}
	}


	.wp-block-button__link{
		position: relative;
		height: 38px;
		padding: 0 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;


		font-family: var(--font-title);
		/* font-size: 15px; */
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 20px; /* 133.333% */
		text-transform: uppercase;
		text-decoration: none;

		&::before{
			content: '';
			z-index: -1;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border-radius: var(--border-radius);
			background: linear-gradient(170deg, var(--color-text) 7.77%, #FBF5F2 57.67%, #FFF 155.16%);
			backdrop-filter: blur(15px);
		}

		&:hover{
			background: inherit;
			background-clip: inherit;
			-webkit-background-clip: inherit;
			-webkit-text-fill-color: inherit;
			color: var(--color-text);

			&::before{
				background: conic-gradient(from 315deg, #c86c46 0%, #9a553b 13%, #643c2f 26%, #3d2926 50%, #643c2f 63%, #9a553b 76%, #c86c46 100%);
			}
		}
	}
}

.main-header{
	z-index: 2;
	position: absolute;
	top: 0;
	width: 100vw;
	background: linear-gradient(0deg, rgba(3, 139, 197, 0.00) 0%, rgba(1, 67, 95, 0.52) 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 64px;
	padding-bottom: 123px;

	&.scrolled{
		position: fixed;
		top: 0;
		background: var(--color-text-dark);
		padding-top: 14px;
		padding-bottom: 14px;

		.widget-headers{
			.widget-header-two{
				.menu{
					li{
						a{
							color: var(--color-text);
						}

						&:nth-child(3){
							a{
								height: 58px;
								width: 53px;
								background-image: url('/wp-content/uploads/2025/08/logo-blue.png');
							}
						}

						&:last-child{
							background-color: var(--color-text);

							a{
								color: var(--color-text-dark);
							}

							&:hover{
								background-color: var(--color-text-dark);
								a{
									color: var(--color-text)
								}
							}
						}
					}
				}
			}
		}
	}
}

/* .wpml-ls{
	padding: 0;

	ul{
		li{
			position: absolute;
			left: 0;
			top: 0;
			transition: .3s all;

			a{
				background: var(--cobre-lineal);
				background-clip: text;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;

				font-family: var(--font-title);
				font-size: 15px;
				font-style: normal;
				font-weight: 600;
				line-height: 20px;
				text-transform: uppercase;
				text-decoration: none;

				display: flex;
				width: 54px;
				height: 52px;
				padding: 16px;
				justify-content: center;
				align-items: center;
				gap: 10px;
				flex-shrink: 0;
				aspect-ratio: 27/26;

				&::before{
					content: '';
					z-index: -1;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					border-radius: var(--border-radius);
					background: linear-gradient(170deg, var(--color-text) 7.77%, #FBF5F2 57.67%, #FFF 155.16%);
					backdrop-filter: blur(15px);
				}

				&:hover{
					background: inherit;
					background-clip: inherit;
					-webkit-background-clip: inherit;
					-webkit-text-fill-color: inherit;
					color: var(--color-text);

					&::before{
						background: conic-gradient(from 270deg, #c86c46 0%, #9a553b 13%, #643c2f 26%, #3d2926 50%, #643c2f 63%, #9a553b 76%, #c86c46 100%);
					}
				}

			}

			&:not(.wpml-ls-current-language){
				opacity: 0;
			}
	
		}

		&:hover{
			li{
				opacity: 1;
				z-index: 1;
			}
			
			.wpml-ls-current-language{
				opacity: 0;
				z-index: -1;
			}
			
		}

	}
} */

/*#endregion */


/* FOOTER */


.ic-list-address,
.ic-list-contact{
	li{
		padding-left: 2rem;
		padding-bottom: 10px;
	}
}

.ic-list-address{
	li{
		background-image: url('images/icons/icon-flag.svg');
		background-repeat: no-repeat;
		background-position: left top;
		text-transform: uppercase;
	}
}

.ic-list-contact{
	li{
		background-image: url('images/icons/icon-email.svg');
		background-repeat: no-repeat;
		background-position: left top;

		&:nth-child(2){
			background-image: url('images/icons/icon-phone.svg');
		}
		
		&:nth-child(3){
			background-image: url('images/icons/icon-whatsapp.svg');
		}
	}
}

.middle-footer{
	background-color: var(--color-blue-secondary);
	padding: 35px 0;

	.container{
		display: flex;
		justify-content: space-around;
	}

	
}

.bottom-footer{
	padding-bottom: 25px;

	p{
		background-color: var(--color-text);
		color: var(--color-text-dark);
		padding-top: 25px;
		padding-bottom: 25px;

		a{
			color: var(--color-text-dark);
		}
	}

	ul{
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 35px;
		max-width: 1320px;
		margin: 0 auto;
		margin-top: 25px;

		li{
			text-transform: uppercase;
			
			&:nth-child(4){
				margin-right: auto;
			}
			&:nth-child(5){
				/* position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%); */
				
				a{
					display: block;
					height: 56px;
					width: 62px;
					font-size: 0;
					background-image: url('/wp-content/uploads/2025/08/logo-blue.png');
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
				}
			}
			&:nth-last-child(3){
				margin-left: auto;
			}
		}


	}
}

.bottom-fixed{
	position: fixed;
	right: 1rem;
	bottom: 1rem;

	.wp-block-group__inner-container{
		display: flex;
		align-items: center;

		figure{
			z-index: 1;
			background-color: #005D85;
			width: 54px;
			height: 54px;
			border-radius: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		p{
			a{
				font-size: 0;
				opacity: 0;
				padding: .75rem .75rem .75rem 1.5rem;
				background-color: var(--color-blue-secondary);
				color: var(--color-text);
				margin-left: -1rem;
				transition: .3s all;
			}
		}

		&:hover{
			figure{
				background-color: #01435F;
			}
			a{
				font-size: initial;
				opacity: 1;
			}
		}
	}

}

/*#endregion */


/* HOME */

.home{

	.ic-main-video{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
        width: 100%;
        height: 100vh;
        object-fit: cover;
        aspect-ratio: 16 / 9;
        margin: 0 auto;
        pointer-events: none;
        overflow: hidden;

		video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
	}

	.ic-main-cover{
		height: 100vh;

		.wp-block-heading{
			color: var(--color-text-dark);
			margin-top: 15px;
			margin-bottom: 30px; 
		}

		figure{
			img{
				filter: grayscale(100%);
				opacity: .25;
			}
		}
	}

	.ic-wrapper-pcosta{
		margin: 120px auto;
	}
	
	.ic-wrapper-projects{
		padding-top: 120px;
		padding-bottom: 120px;
	}
	
	.ic-wrapper-projects-cat{
		padding-top: 80px;
		padding-bottom: 120px;

		.wp-block-columns{
			margin-top: 80px;

			.wp-block-column{
				margin: 0 13px;

				> p{
					a{
						display: block;
						padding: 13px;
						background-color: var(--color-blue-secondary);
						text-align: center;
						font-size: 20px;
						font-style: normal;
						font-weight: 400;
						line-height: 20px; /* 100% */
						text-transform: uppercase;
					}
				}

				.wp-block-cover{
					position: relative;

					&::after{
						z-index: 0;
						content: '';
						position: absolute;
						top: 50%;
						left: 0;
						right: 0;
						bottom: 0;
						background: linear-gradient(180deg, rgba(3, 139, 197, 0.00) 0%, #01435F 100%);
					}

					.wp-block-cover__inner-container{
						position: relative;
						z-index: 1;
						padding-left: 45px;
                        padding-right: 45px;

						p{
							color: var(--color-text-dark);
						}
						a{
							color: var(--color-text-dark);
							text-decoration: underline;
						}
					}
				}
			}
		}
	}

	

	.ic-wrapper-collaborate{
		padding-top: 120px;
		padding-bottom: 120px;

		p{
			margin-bottom: 40px;
		}
	}

	.ic-wrapper-about{
		padding-top: 90px;
		padding-bottom: 120px;

		.wp-block-media-text__media{
			margin-top: 90px;
			img{
				width: 100%;
				object-fit: cover;
				/* height: 640px;
				max-width: 535px; */
			}
		}
		
		.wp-block-media-text__content{
			img{
				margin-bottom: 85px;
				margin-left: auto;
				display: block;
			}
			.wp-block-buttons{
				margin-top: 40px;
			}
		}

	}
}

/*#endregion */

/* PROJECTS */

.pagination {
    gap: 1rem;
    justify-content: center;
}

.ic-page-projects{
	.ic-wrapper-info{
		padding-top: 110px;
		padding-bottom: 100px;
	}

	.ic-wrapper-projects{
		padding-top: 0;

		.ic-project-item{

			> div{
				box-shadow: 0 4px 4px 0 rgba(1, 67, 95, 0.09);
				margin-bottom: 50px;
			}

			figure{
				margin-bottom: 0;
				img{
					height: 425px;
					width: 100%;
					object-fit: cover;
				}
			}
			.wp-block-heading{
				background-color: var(--color-text);
				color: var(--color-text-dark);
				text-align: center;
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 20px; /* 100% */
				text-transform: uppercase;
				padding: 10px;
			}
			.ic-project-features{
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 1rem;
				margin: 20px auto;
			}
			.ic-project-price{
				text-align: center;
				padding-bottom: 20px;
			}
		}
	}

	.ic-wrapper-projects-list{
		z-index: 2;
		background-color: var(--color-text-dark);
		position: sticky;
		top: 85px;
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.wp-block-categories-list{
		display: flex;
		justify-content: space-around;
		align-items: center;
		gap: 85px;
		/* margin: 50px auto; */
		li{
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: var(--color-text);
			width: 100%;
			max-width: 310px;
			height: 30px;
			a{
				padding-top: 13px;
				padding-bottom: 13px;
				color: var(--color-text-dark);
				text-align: center;
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				line-height: 20px; /* 142.857% */
				text-transform: uppercase;
			}

			&.current-cat{
				background-color: var(--color-blue-secondary);
				a{
					color: var(--color-text);
				}
			}
		}
	}
}

/*#endregion */

/* TAXONOMY 

.tax-ic_floor{

	.ic-project-item{
		display: none;
	}
	
	&.term-ground-floor{
		.ic-project-item{
			&.term-ground-floor{
				display: block;
			}
		}
	}
	
	&.term-middle-floor{
		.ic-project-item{
			&.term-middle-floor{
				display: block;
			}
		}
	}

	&.term-penthouse{
		.ic-project-item{
			&.term-penthouse{
				display: block;
			}
		}
	}
}

*/



/*#endregion */


/* SINGLE PROJECT */

.single-ic_projects{

	.bottom-fixed,
	.main-footer,
	.main-header,
	.ic-unbranded{
		visibility: hidden;
		height: 0;
		width: 0;
		overflow: hidden;
	}

	.ic-main-video{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
        width: 100%;
        height: 100vh;
        object-fit: cover;
        aspect-ratio: 16 / 9;
        margin: 0 auto;
        pointer-events: none;
        overflow: hidden;

		video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
	}

	.ic-main-cover{
		height: 100vh;
		position: relative;

		.wp-block-heading{
			color: var(--color-text-dark);
			margin-top: 15px;
			margin-bottom: 30px; 
		}

		figure{
			img{
				filter: grayscale(100%);
				opacity: .25;
			}
		}

		.ic-list-main{
			margin: 0 auto;
			width: 100%;
			max-width: 648px;
			min-height: 146px;
			flex-shrink: 0;
			background: rgba(1, 67, 95, 0.66);
			box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;

			li{
				margin-bottom: 20px;
				color: var(--color-text-dark);
				text-align: center;
				font-size: 24px;
				font-style: normal;
				font-weight: 400;
				line-height: 20px; /* 83.333% */
				
				&:nth-child(2){
					text-transform: uppercase;
				}

				&:last-child{
					font-size: 20px;
					margin-bottom: 0;
				}
			}
		}

		.ic-list-secondary{
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 30px;
			position: absolute;
			bottom: 110px;
			left: 50%;
			transform: translateX(-50%);
			width: 100%;

			> li{
				.dropdown-toggle,
				> a{
					padding: 13px 85px;
					background-color: var(--color-text-dark);
					color: var(--color-text);
					text-align: center;
					font-size: 14px;
					font-style: normal;
					font-weight: 400;
					line-height: 20px; /* 142.857% */
					text-transform: uppercase;
				}

				.dropdown-toggle{
					&::after{
						content: none;
					}
				}
			}

			.dropdown-menu{
				min-width: inherit;
				background-color: var(--color-text-dark);
			}
		}
	}

	.ic-wrapper-info{
		padding-top: 85px;
		padding-bottom: 85px;

		ul{
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 2rem;
			list-style: square;
			margin-bottom: 40px;

			li{
				padding: 0 7.5px;

				img{
					margin-right: 1rem;
				}

				&:first-child{
					list-style: none;
				}
			}
		}
	}

	.properties-slider{
		.slick-arrow{
			background-image: url('images/icons/icon-slick-right-blue.svg');

			&.slick-prev{
				background-image: url('images/icons/icon-slick-left-blue.svg');
			}
		}
	}

	.ic-wrapper-gallery,
	.ic-wrapper-highlights{
		padding-top: 85px;
		padding-bottom: 155px;

		.wp-block-post-title{
			margin-bottom: 20px;
			color: var(--color-text-dark);
			text-align: center;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 20px; /* 142.857% */
		}

		.wp-block-heading{
			color: var(--color-text-dark);
			text-align: center;
			font-size: 24px;
			font-style: normal;
			font-weight: 400;
			line-height: 34px; /* 141.667% */
			text-transform: uppercase;
			margin-bottom: 85px;
		}

		ul{
			/* column-count: 4; */
			display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
    		justify-content: center; /* centra la fila incompleta */

			list-style: square;

			li{
				color: var(--color-text-dark);
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				line-height: 20px; /* 142.857% */
				text-transform: uppercase;
				margin-bottom: 20px;
			}
		}
	}

	.ic-wrapper-gallery{
		padding-bottom: 85px;

		.swiper{
			padding-top: 120px;
			margin-top: -120px;

			.swiper-slide{
				
				a{
					height: 745px;
					width: 100%;
					overflow: hidden;
					display: block;
				}

				img{
					height: 100%;
					width: 100%;
					object-fit: cover;
				}
			}
		}

		.wp-block-heading,
		.wp-block-post-title{
			color: var(--color-text);
		}

		.wp-block-buttons{
			margin-top: 50px
		}
	}
}

/*#endregion */


/* ABOUT */

.ic-page-about{

	.ic-main-cover{
		.wp-block-post-title{
			color: var(--color-text-dark);
			text-align: center;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 20px; /* 142.857% */
			margin-bottom: 20px;
		}
		.wp-block-heading{
			color: var(--color-text-dark);
			margin-bottom: 105px;
		}
	}

	.ic-wrapper-info{
		padding-top: 110px;
		padding-bottom: 100px;
	}
	
	.ic-wrapper-slider{
		padding-top: 90px;
		padding-bottom: 120px;

		figure{
			img{
				width: 100%;
				object-fit: cover;
				height: 640px;
				max-width: 535px;
			}
		}
		
		.about-slider{
			margin-top: 90px;
		}

	}
	
	.ic-wrapper-about{
		padding-top: 90px;
		padding-bottom: 120px;

		figure{
			img{
				width: 100%;
				object-fit: cover;
				height: 400px;
			}
		}
	}

	.ic-team-wrapper{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 25px;
		text-align: center; 

		.ic-team-item{
			width: calc(33% - 25px);
			
			.wp-block-heading{
				font-size: 24px;
				font-style: normal;
				font-weight: 400;
				line-height: 34px; /* 141.667% */
				text-transform: uppercase;
			}
	
			figure{
				img{
					height: 450px;
					object-fit: cover;
				}
			}
	
			.ic-team-job{
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				line-height: 20px; /* 142.857% */
			}
	
			.ic-team-features{
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 25px;
				margin-bottom: 40px;
			}
		}

	}

	.ic-wrapper-projects{
		.wp-block-buttons{
			margin-top: 2rem;
			.wp-block-button__link{
				background-color: var(--color-text);
				color: var(--color-text-dark);
			}
		}
	}

	.ic-list-feat{
		.wp-block-list{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			gap: 24px;
			background-color: var(--color-text);
			padding-top: 34px;
			padding-bottom: 34px;

			li{
				color: var(--color-text-dark);
				text-align: center;
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				line-height: 34px; /* 242.857% */
				text-transform: uppercase;

				img{
					margin-right: 24px;
				}
			}
		}
	}
}

/*#endregion */


/* LEGAL */

.ic-page-legal{
	.wp-block-post-title{
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 40px; /* 166.667% */
		text-transform: uppercase;
		margin-bottom: 30px;
	}

	.wp-block-heading{
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 30px; /* 214.286% */
		margin-bottom: 10px;
	}

	.wp-block-list{
		
		li{
			margin-bottom: 1rem;
		}
	}

	ul{
		list-style: disc;
	}
}

/*#endregion */

/* CONTACT */

.ic-page-contact{

	h2.wp-block-heading{
		margin-bottom: 30px;
	}

	.wp-block-heading + p{
		width: 80%;
		margin: 0 auto;
	}

	.wp-block-media-text{
		margin-top: 70px;
		background-color: var(--color-text);
		position: relative;
		min-height: 300px;
		min-width: 535px;

		ul{
			margin: 0 auto;
			width: 60%;
		}

		&::after{
			content: '';
			position: absolute;
			top: 0;
			left: calc(50% - 12px);
			width: 24px;
			bottom: 0;
			background-color: var(--color-text-dark);
		}

		li{
			color: var(--color-text-dark);
			margin-bottom: 1rem;
			a{
				color: var(--color-text-dark);
			}
		}
		
		.ic-list-address{
			li{	
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				line-height: 20px;
				text-transform: uppercase;
				background-image: url('images/icons/icon-flag-white.svg');

				strong{
					font-weight: 500;
				}
			}
		}
		
		.ic-list-contact{
			li{
				background-image: url('images/icons/icon-email-white.svg');
				&:first-child{
					background-image: url('images/icons/icon-phone-white.svg');				
				}
				&:last-child{
					background-image: url('images/icons/icon-whatsapp-white.svg');
					margin-bottom: 0;
				}
			}
		}

		.wp-block-video{
			max-height: 300px;
			max-width: 555px;
			position: absolute;
			top: 0;
			right: 0;
			overflow: hidden;
		}
	}

	.wp-block-cover{
		min-height: 500px;
	}

	.form-control{
		color: var(--color-text) !important;
		border-bottom-color: var(--color-text);
	}
	
	.form-control::placeholder{
		color: var(--color-text) !important;
	}

	.wpcf7-list-item-label {
		a {
			color: var(--color-text);
		}
	}

	input[type="submit"] {
		color: var(--color-text-dark);
		background-color: var(--color-text);
		margin: 0 auto;
		margin-top: 45px;
	}

	input[type=checkbox]{
		border-color: var(--color-text);
	}

	input[type=checkbox]:checked{
		background-image: url('images/icons/icon-close-blue.svg');
	}
}

/* .page-legal,
.page-id-281,
.page-id-20{
	.bottom-footer{
		p{
			background-color: transparent;
			color: var(--color-text);

			a{
				color: var(--color-text);
			}
		}
	}
} */

/*#endregion */

/* THANK YOU */

.ic-page-thankyou{
	.wp-block-heading + p{
		margin-bottom: 90px;
	}
}

/*#endregion */


/* RESPONSIVE */

/* Opción más común: DPR >= 2 */
@media (min-resolution: 2dppx) and (max-width: 1728px) {

  
  .properties-slider {
		& .slick-list {
			& .slick-slide {
				& .ic-project-item {
					& figure {
						img {
							height: 275px;
						}
					}
				}
			}
		}
	}

	.bottom-footer{
		ul{
			justify-content: center;
			li{
				&:nth-child(4){
					margin-right: initial;
				}
				&:nth-child(6){
					margin-left: initial;
				}
			}
		}
	}
}
	
/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

	.ic-wrapper-contact{
		.wp-block-media-text{
			.wp-block-video{
				max-width: 50%;
			}
		}
	}

	.single-ic_projects {
		.ic-wrapper-gallery{
			.swiper{
				.swiper-slide{
					height: inherit;
				}
			}
		}
	}

	/* contact */
	.ic-page-contact {
		.wp-block-media-text {
			.wp-block-video{
				max-height: inherit;
				height: 300px;
				max-width: 50%;

				video{
					height: 100%;
					object-fit: cover;
				}
			}
			ul {
				margin: 0 auto;
				width: 90%;
			}
		}
	}

	.bottom-footer{
		ul{
			justify-content: center;
			li{
				&:nth-child(4){
					margin-right: initial;
				}
				&:nth-child(6){
					margin-left: initial;
				}
			}
		}
	}

}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

	html{
		overflow-x: hidden !important;
	}

	div[style*="flex-basis:86px"],
	div[style*="flex-basis:175px"],
	div[style*="flex-basis:172px"] {
	  display: none;
	}

	/* about us */
	.ic-page-about {
		.ic-wrapper-slider {
			.about-slider{
				margin-left: 2rem;
			}
		}
	}

	.ic-page-about {
		.ic-team-wrapper {
			.ic-team-item {
				width: calc(50% - 25px);
			}
		}
	}

	.properties-slider {
		& .slick-list {
			& .slick-slide {
				& .ic-project-item {
					& figure {
						img {
							height: 425px;
						}
					}
				}
			}
		}
	}

	/* projects */

	.ic-page-projects{
		.wp-block-categories-list{
			gap: 15px;
		}
	}

	

}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

	


	.bottom-footer {
		ul{
			gap: 10px;
		}
	}

	.ic-hide-mobile,
	.ic-show-desktop {
		display: none;
	}
	.ic-show-mobile,
	.ic-hide-desktop {
		display: block;
	}	

	.ic-mobile-switcher{
		display: inline-flex;
	}

	.main-header{
		padding-top: 35px;
	}

	.widget-headers{
		.widget-header-two{
			.menu{
				justify-content: center;
				li{
					display: none;
	
					&:nth-child(3){
						display: block;
						margin-left: 0;
					}
				}
			}
		}
	}

	.properties-slider {
		.slick-list {
			overflow: hidden;

			.slick-slide {
				max-width: 90vw;
				margin-right: 10px;
			}
		}
	}

	.ic-wrapper-contact{
		.wp-block-heading + p{
			margin-bottom: 45px;
		}
	}

	.wpcf7-form {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	input[type="submit"],
	.wp-block-button__link{
		height: inherit;
		padding: 1rem;
		min-width: 300px;
		margin: 0 auto;
	}

	.ic-wrapper-projects{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.ic-patron-experience{
		/* min-height: inherit; */
		.wp-block-group{
			.wp-block-list{
				gap: 1rem;
				flex-direction: column;
				max-width: inherit;
			}
		}

		.wp-block-video{
			height: 100vh;
			video{
				height: 100%;
				width: 100%;
				object-fit: cover;
			}
		}
	}

	/* home */

	.home{
		.ic-wrapper-pcosta{
			margin: 50px auto;
			padding-left: 35px;
			padding-right: 35px;
		}
		.ic-wrapper-about{
			padding-top: 50px;
			padding-bottom: 50px;
			.wp-block-media-text__content{
				img {
					margin-bottom: 2rem;
					margin-left: auto;
					display: block;
					margin-top: 1rem;
				}
			}
			.wp-block-media-text__media{
				margin-top: 0;
				img{
					height: 565px;
				}
			}
		}
		.ic-wrapper-collaborate{
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.ic-wrapper-projects{
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.ic-wrapper-projects-cat{
			padding-top: 50px;
			padding-bottom: 50px;
			.wp-block-columns{
				margin-top: 30px;

				.wp-block-column{
					/* flex-basis: 100%;

					&:first-child,
					&:last-child{
						display: none;
					} */

					> p{
						margin-top: 2rem;
					}
				}
			}
		}
	}

	/* about us */

	.ic-page-about {
		.ic-team-wrapper {
			.ic-team-item {
				width: 100%;
			}
		}
		.ic-wrapper-info {
			padding-top: 55px;
			padding-bottom: 50px;
		}
		.ic-wrapper-slider {
			margin-left: 0;
			padding-top: 45px;
			padding-bottom: 0;

			&.wp-block-columns{
				.wp-block-column[style*="flex-basis:50%"]{
					flex-basis: 100% !important;
				}
			}

			.about-slider{
				margin-left: 0;
				margin-top: 45px;
				margin-bottom: 60px;
				.slick-arrow{
					top: inherit;
					bottom: -30px;
					left: calc(50% - 30px);

					&.slick-next{
						left: 50%;
					}
				}
			}

			figure{
				img{
					height: 320px;
					max-width: inherit;
				}
			}
		}
		.ic-list-feat{
			.wp-block-list{
				flex-direction: column;
				li{
					img{
						margin-right: 12px;
					}
				}
			}
		}
		

		.ic-wrapper-about{
			padding-top: 45px;
			padding-bottom: 60px;

			.wp-block-media-text__media{
				margin-bottom: 1rem;
			}
		}
	}

	/* projects */

	.ic-page-projects{
		.ic-wrapper-info{
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.ic-wrapper-projects{
			.ic-project-item{
				figure{
					img{
						height: inherit;
						aspect-ratio: 1 / 1;
					}
				}
			}
		}
		.ic-wrapper-projects-list{
			padding-top: 25px;
			padding-bottom: 25px;
		}
		.wp-block-categories-list{
			flex-direction: column;
			gap: 15px;
		}
	}

	/* single project */

	.single-ic_projects{
		.ic-main-cover{
			.ic-list-secondary{
				flex-direction: column;
			}
		}

		.ic-wrapper-gallery,
		.ic-wrapper-highlights{
			padding-top: 40px;
			padding-bottom: 75px;

			.wp-block-heading{
				margin-bottom: 40px;
			}
		}
		
		.ic-wrapper-highlights{

			ul{
				column-count: 3;
			}
		}
	}

	/* contact */
	.ic-page-contact{
		.wp-block-media-text{
			min-width: inherit;
			padding: 30px 15px;
			&::after{
				content: none;
			}
			.wp-block-video{
				display: none;
			}
			ul{
				width: 100%;
			}
		}
	}

}

@media (max-width: 575.98px) {
	.ic-wrapper-contact{
		.wp-block-media-text{
			.wp-block-video{
				position: inherit;
				max-width: inherit;
			}
		}
	}

	.middle-footer{
		.container{
			flex-direction: column;

			.ic-list-address,
			.ic-list-contact{
				width: fit-content;
				margin: 0 auto;
			}
			.ic-list-contact{
				min-width: 280px;
			}
		}
	}

	.bottom-footer {
		p {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		ul{
			flex-direction: column;
			gap: 10px;

			li{
				order: 2;
				&:nth-child(4){
					margin-right: initial;
				}
				&:nth-child(5){
					order: 1;
				}
				&:nth-child(6){
					margin-left: initial;
				}
			}
		}
	
	}

	/* home */

	.home{
		.ic-wrapper-about{
			.wp-block-media-text__media{
				img{
					height: 470px;
				}
			}
		}
	}

	/* single project */

	.single-ic_projects{
		.ic-wrapper-info{
			ul{
				flex-direction: column;

				li{
					list-style: none;
				}
			}
		}
		.ic-wrapper-highlights{
			ul{
				list-style: none;
				column-count: 1;
				text-align: center;
			}
		}
	}
}