/*
Theme Name: Ets-azalai
Theme URI: http://locationsniger.com/
Author: Intside
Author URI: http://intside.com/
Description: Ets-azalai is official WordPress theme based on Bootstrap
Version: 0.1
Tags: blue, black, white, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: Ets-azalai 0.1
*/

/**
 * Table of Contents:
 *
 * 1.0 - Basic Structure
 * 2.0 - Media Queries
 * ----------------------------------------------------------------------------
 */

  @import url('assets/font/font.css');

/**
 * 1.0 Basic Structure
 * ----------------------------------------------------------------------------
*/

 
html :where(.wp-block) {
	max-width: 100% !important;
}

.site-content > *:not(div) {
	margin-left: auto;
	margin-right: auto;
}


html {
  font-size: 16px;
}

:root {
  --color-primary: #f99c2f;
  --color-secondary: #0b0a0a;
  --color-text: #545454;
  --radius-default: 16px;
}

/**
 * 1.0 Basic Structure
 * ----------------------------------------------------------------------------
*/

body {
  overflow-x: hidden;
  font-family: "Circular Std", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  color: var(--color-text);
}

img {
  max-width: 100%;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}

a {
  display: inline-block;
  text-decoration: none;
  color: var(--color-text);
}

a:hover {
  text-decoration: none;
  color: var(--color-primary);
}

h1,
.h1,
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.5rem;
}
h4,
.h4 {
  font-size: 1.25rem;
}
h5,
.h5 {
  font-size: 1.125rem;
}

h1,
.h1,
h2, 
.h2,
h3,
.h3,
h4,
.h4, 
h5,
.h5 {
  font-weight: 700;
}
h1,
.h1,
h2,
h3,
h4,
.h4,
h5 {
  color: var(--color-secondary);
}



#custom-from .group-form {
  background-color: #fEf7ee;
  padding: 1rem;
  border-radius: var(--radius-default);
}
#custom-from .gfield_label {
  font-size: 1.125rem;
}
.form-control,
#custom-from form .form-control {
  height: 3.25rem;
  border-color: #D9D9D9;
  box-shadow: none;
}
.form-control:focus,
#custom-from form .form-control:focus {
  border-color: var(--color-primary);
  outline: none;
}
.form-control::placeholder,
#custom-from form .form-control::placeholder {  
 color: #7b7b7b;
}
#custom-from form textarea {
  resize: none;
}

.btn-primary,
#custom-from form input[type=submit],
#custom-from form .btn-primary,
.btn-secondary,
.btn-outline-secondary {
  font-size: 1.125rem;
	padding: .75rem 1.25rem;
  line-height: 18px;
	border-radius: 100px;
}

.btn-primary,
#custom-from form .btn-primary,
#custom-from form input[type=submit],
.btn-primary:hover,
.btn-primary:focus,
:not(.btn-check)+.btn:active.btn-primary,
.btn:first-child:active.btn-primary, 
.btn:focus-visible.btn-primary {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	box-shadow: none;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
:not(.btn-check)+.btn:active.btn-secondary,
.btn:first-child:active.btn-secondary,
.btn:focus-visible.btn-secondary {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	box-shadow: none;
}

.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
:not(.btn-check)+.btn:active.btn-outline-secondary,
.btn:first-child:active.btn-outline-secondary,
.btn:focus-visible.btn-outline-secondary {
	background-color: transparent;
	border-color: var(--color-secondary);
	box-shadow: none;
	color: var(--color-text);
}

.page-numbers {
  position: relative;
  display: inline-block;
  background-color: rgba(249, 156, 47, .5);
  text-align: center;
  line-height: 2.5;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-default);
  color: #fff;
}
.page-numbers:hover {
  background-color: var(--color-primary);
  color: #fff;
}  
.page-numbers.current {
  background-color: var(--color-primary);
}
.page-numbers svg path {
  stroke: #fff;
}

/**
 * 2.0 Media Queries
 * ----------------------------------------------------------------------------
 */
 
.the-lead {
  background: linear-gradient(180deg, #fef1e2 0%, #ffffff 92%);
}

.logo {
  max-width: 11.25rem;
  max-height: 2.25rem;
  width: auto;  
  height: auto;
}

nav .navbar-nav .menu-item a {
  position: relative;
  display: block;
  text-transform: capitalize;
  padding: .5rem 1rem;
  margin: 0;
  color: var(--color-secondary);
}
nav .navbar-nav .menu-item-has-children {
  position: relative;
  margin-right: 0;
}
nav .navbar-nav .menu-item-has-children > a::before {
  content: '';
  background-image: url(assets/images/down.svg);
	background-repeat: no-repeat;
	background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s ease-in-out;
} 
nav .navbar-nav .menu-item-has-children > a[aria-expanded="true"]::before {
  transform: rotate(-180deg); 
}
nav .navbar-nav .menu-item .sub-menu .menu-item a {
  font-size: .875rem;
  padding: 0.5rem 0.75rem;
  margin: 0;
}

/* nav .navbar-nav .menu-item .sub-menu .menu-item a:hover {} */

nav .navbar-nav .menu-item a:hover,
nav .navbar-nav .menu-item a[aria-current="page"],
nav .navbar-nav .current-menu-ancestor a {
  color: var(--color-primary);
}

/* nav .navbar-nav .menu-item .sub-menu .menu-item a:hover,
nav .navbar-nav .menu-item .sub-menu .menu-item a[aria-current="page"] {} */

.welcome-title h1 {
  margin-bottom: 0;
}
.welcome-title h1 strong {
  display: inline-block;
  position: relative;
}
.welcome-title h1 strong::before {
  content: '';
  background-image: url(assets/images/welcome-vector.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -.75rem;
  width: 100%;
  height: 1.125rem;
}
.links li {
  display: block;
  margin-bottom: .5rem;
}
.links li:last-child {
  margin-bottom: 0;
}
.links li a {
  display: block;
  width: 100%;
}
.welcome-img,
.about-img {
  position: relative;
  text-align: center;
}
.welcome img,
.about img {
  border-radius: var(--radius-default);
}
.welcome_img-secondary img {
  border: 8px solid #fEf7ee;
}
 
.advantage-img {
  margin-bottom: 1.125rem;
}
.advantage-img img {
  max-width: 5rem;
  max-height: 5rem;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.advantage-img + p {
  margin-bottom: 0;
}

.nav-content {
  background-color: #fff;
  padding: .75rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
}
.nav-pills .nav-link {
  padding: .5rem 1rem;
  border-radius: 100px;
  color: var(--color-secondary);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: var(--color-primary);
}
.nav-link:focus, .nav-link:hover {
  color: var(--color-primary);
}

.apartment-header {
  position: relative;
}

.apartment-content {
  padding-top: .5rem;
}
.apartment-title a {
  font-size: 1.25rem;
  color: var(--color-secondary);
}
.apartment-price {
  font-weight: 500;
  color: var(--color-secondary);  
}

.data-number {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--color-primary);
}

.about-img {
  padding-bottom: 4rem;
}
.about_img-secondary {
  position: absolute;
  bottom: 0;
}
.about_img-secondary-left {
  right: 0;
}
.about_img-secondary-right {
  left: 0;
}

.newsletter {
  background: linear-gradient(rgba(11, 10, 10, 0.7), rgba(11, 10, 10, 0.7)), var(--bg-image);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
}
.newsletter p {
  color: rgba(255, 255, 255, 0.8);
}
.newsletter #custom-from form {
  position: relative;
}
.newsletter #custom-from form input[type=email] {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  color: #fff;
}

.testimonial {
  background-image: url(assets/images/testimonial.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.testimonial-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial_img-item {
  position: relative;
  padding: 0 0 4rem;
  margin-left: -2rem;
}
.testimonial_img-item:nth-child(1) img {
  width: 78px;
  height: 78px;
}
.testimonial_img-item:nth-child(2) img {
  width: 94px;
  height: 94px;
}
.testimonial_img-item:nth-child(3) img {
  width: 110px;
  height: 110px;
}
.testimonial_img-item:nth-child(4) img {
  width: 128px;
  height: 128px;
}
.testimonial_img-text {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  text-align: center;
}

.contact img {
  margin: 0 auto;
}
.contact p {
  margin-bottom: .875rem;
}
 
.table-content {
  padding: 1.25rem 1rem 1.5rem;
  border: 1px solid #d9d9d9;
  border-radius: var(--radius-default);
}
.table-content > li:first-child {
  background-color: #f5f5f5;
  font-size: 2rem;
  font-weight: 700;
  padding: .75rem 1.5rem;
  border-radius: var(--radius-default);
  color: #0b0a0a;
}
.table-content table {
  border: none;
  border-collapse: collapse;
}
.table-content table thead th,
.table-content table tbody th,
.table-content table tbody td {
  border: none;
}
.table-content table tbody tr:last-child td {
  border-bottom: none;
}

.swiper-container {
  overflow: hidden;
}
.swiper-container img {
  border-radius: var(--radius-default);
}

.apartment-swiper  {
  position: relative;
}
.apartment-swiper .apartment-pagination.swiper-pagination-bullets  {
 position: absolute;
 top: 50%;
 bottom: auto;
 right: 0.5rem;
 left: auto;
 transform: translateY(-50%);
 width: auto;
 z-index: 10;
}
.apartment-swiper .apartment-pagination .swiper-pagination-bullet {
  background-color: var(--color-primary);
  display: block;  
  width: 1rem;
  height: .325rem;
  margin: 0 0 .5rem !important;
  border-radius: 4px;
  opacity: .5;
}
.apartment-swiper .apartment-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.apartment-single {
  padding-left: calc((100vw - 1140px) / 2);
  padding-right: 0;
  flex-shrink: 0; 
}
.apartment-single .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.apartment-single .pagination-default .swiper-pagination-bullet-active {
  width: 2.25rem;
}

.pagination-default .swiper-pagination-bullet {
  background-color: var(--color-secondary) !important;
  width: .625rem;
  height: .625rem;
  border-radius: 10px;
  opacity: .25;
}
.pagination-default .swiper-pagination-bullet-active {
  opacity: 1;
}

.equipment li {
  position: relative;
  padding-left: 3.5rem;
}
.equipment li::before {
  content: '';
  background-image: url(assets/images/valid.svg);
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

footer {
  background-color: var(--color-secondary);
  background-image: url(assets/images/footer_left-blob.svg), url(assets/images/footer_rigth-blob.svg);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: left bottom, right bottom;
  color: rgba(255, 255, 255, 0.8);
}
footer a {
  color: rgba(255, 255, 255, 0.7);
}
footer section:first-child a + div p {
  color: rgba(255, 255, 255, 0.8);
}
footer section:first-child .h3,
footer section:first-child .h5 {
  color: #fff;
} 
footer section:first-child .h5 {
  margin-bottom: 1.125rem;
}
footer section:first-child .navbar-nav li:not(:last-child) {
  margin-bottom: .75rem;
}
footer section:first-child .h3 +  ul li a {
  color: #fff;
}
footer section:last-child ul li {
  display: inline-block;
}
footer section:last-child ul li div ul li {
  margin-bottom: 1rem;
}
footer section:last-child ul li div ul li:first-child {
  margin-right: 1rem;
}
footer section:last-child ul li div ul li:last-child {
  margin-left: 1rem;
}
footer section:last-child ul li div ul li:last-child {
  position: relative;
}
footer section:last-child button {
  background-color: transparent;
  padding: 0;
  border: none;
  color: rgba(255, 255, 255, 0.7);
}


/* WordPress Media Queries */
@media (max-width: 600.98px) {
}
@media (min-width: 601px) and (max-width: 782.98px) {
}
@media (min-width: 783px) {
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.site-content > *:not(div) {
		max-width: calc(100% - 24px);
	}

}

@media (min-width: 576px) {
	.site-content > *:not(div) {
		max-width: 540px;
	}

  .links li {
    display: inline-block;
    margin-bottom: 0;
  }
  .links li:first-child {
    margin-right: .75rem;
  } 
  .links li:last-child {
    margin-left: .75rem;
  }
  .links li a {
    display: inline-block;
  }

}

/* Small devices (landscape phones, 576px, up to 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 576px) and (max-width: 991.98px) {
}

@media (min-width: 768px) {
	.site-content > *:not(div) {
		max-width: 720px;
	}

  h1,
  .h1,
  h2,
  .h2 {
    font-size: 2.5rem;
  }
  h3,
  .h3 {
    font-size: 2rem;
  }

  #custom-from .group-form {
    padding: 2rem 2.5rem 1rem;
  }
    
  .welcome-img {
    padding-bottom: 12.375rem;
  }
  .welcome_img-secondary {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .newsletter #custom-from .gform_footer ,
  .newsletter #custom-from .gfield_description {
    margin: 0;
  }
  .newsletter #custom-from form input[type=submit] {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
  }
  .newsletter #custom-from .help-block {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
  }

  footer section:last-child ul li div ul li {
    margin-bottom: 0;
  }
  footer section:last-child ul li div ul li:last-child::before  {
    content: '-';
    position: absolute; 
    top: 50%;
    left: -1.25rem;
    transform: translateY(-50%);
  }

}

/* Medium devices (tablets, 768px, up to 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (max-width: 991.98px) {
}

@media (min-width: 992px) {
	.site-content > *:not(div) {
		max-width: 960px;
	}

  h1,
  .h1,
  h2,
  .h2 {
    font-size: 3.25rem;
  }
  h3,
  .h3 {
    font-size: 2.5rem;
  }
  h4,
  .h4 {
    font-size: 1.5rem;
  }
  h5,
  .h5 {
    font-size: 1.375rem;
  } 

  #custom-from .group-form {
    padding: 4rem 5rem 2rem;
  }

  .logo {
    max-width: 14.875rem;
    max-height: 3rem;
  }

  .welcome_img-secondary,
  .about_img-secondary {
    transform: translateX(-50%);
  }
  
  .nav-pills .nav-link {
    font-size: 1.125rem;
  }

  .apartment-single .swiper-slide {
    max-width: 720px;
    width: auto;
    height: auto;
  }
  .apartment-single .swiper-slide {
    width: 48%;
  }

}

/* Large devices (desktops, 992px, up to 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
	.site-content > *:not(div) {
		max-width: 1140px;
	}

  .menu-navigation-menu-container {
    margin: 0 auto;
  }
 
  nav .navbar-nav {
    box-shadow: 0px 0px 6px #fff;
    padding: .75rem .5rem;
    border-radius: 100px;
  }
	nav .navbar-nav .menu-item a {
    font-size: 1.125rem;
    margin-right: .75rem;
    border-radius: 100px;
	}
  nav .navbar-nav .menu-item:last-child a {
    margin-right: 0;
  }
  nav .navbar-nav .menu-item .sub-menu .menu-item  {
    padding: 0;
  }
  nav .navbar-nav .menu-item-has-children > a::before  {
    background-image: url(assets/images/down-line.svg);
    top: 50%; 
    right: -1rem;
    transform: translateY(-50%);
  } 
  nav .navbar-nav .menu-item-has-children:hover > a::before {
    transform: translateY(-50%) rotate(-180deg); 
  } 
  nav .navbar-nav .menu-item .sub-menu {
    background-color: #fff;
    display: none;
    overflow: hidden;
    position: absolute;
    top: 100%;   
    left: 0;
    z-index: 99;
    width: 250px;
    border-radius: 8px;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.05);
  }
  nav .navbar-nav .menu-item-has-children:hover .sub-menu {
    display: block;
  }
  nav .navbar-nav .menu-item a:hover,
  nav .navbar-nav .menu-item a[aria-current="page"],
  nav .navbar-nav .current-menu-ancestor a {
    background-color: #fff;
    color: var(--color-primary);
  }

  .welcome-img,
  .about-img-left {
    text-align: left;
  }
  .about-img-right {
    text-align: right;
  }
  .welcome_img-secondary,
  .about_img-secondary {
    transform: translateX(0);
  }  

}

@media (min-width: 1366.98px) {
  .apartment-single .swiper-slide:nth-child(even) {
    width: 30%;
  }
  .apartment-single .swiper-slide { 
    width: 100%;
  }

}

/* X-Large devices (large desktops, 1200px, up to 1400px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.site-content > *:not(div) {
		max-width: 1320px;
	}

  h1 {
    font-size: 4.25rem;
  }
  .h1,
  h2,
  .h2 {
    font-size: 3.375rem;
  }

  .apartment-single {
    max-width: 1320px;  
    margin: 0 auto;     
    padding-left: 0;
  }
 
}