/*
	Theme Name: Semplice 7 Child Theme
	Description: Child Theme for Semplice
	Author: Semplicelabs
	Template: semplice7
*/

/* Custom CSS Start */


body {
  background-color: #F9F7F7 !important;
}

/* ----- FONT CACHE ----- */

@font-face {
    font-family: 'Montserrat';
    src: url('https://naypaladhideaway.com/nph-2024/wp-content/uploads/2024/05/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://naypaladhideaway.com/nph-2024/wp-content/uploads/2024/05/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://naypaladhideaway.com/nph-2024/wp-content/uploads/2024/05/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://naypaladhideaway.com/nph-2024/wp-content/uploads/2024/05/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://naypaladhideaway.com/nph-2024/wp-content/uploads/2024/05/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://naypaladhideaway.com/nph-2024/wp-content/uploads/2024/05/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Edo'; /* Beispielname für die letzte Schriftart */
    src: url('https://naypaladhideaway.com/nph-2024/wp-content/uploads/2024/05/edo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 /* --- NAVIGATION --- */

@media screen and (max-width: 991px) {
.semplice-navbar .logo img, .semplice-navbar .logo svg { 
  content:url('https://naypaladhideaway.com/nph-2024/wp-content/uploads/2024/05/NP_HIDEAWAY_LOGO-_TYPE_RGB_BLACK.svg') !important;
}}

 /* --- KORRIGIERT DIE GROSSEN SEMPLICE ABSAETZE --- */
/*
br {
  margin-top: 0.4em; 
  display: block; 
}
*/


#navbar-bottom {
  top: auto !important;
  bottom: unset !important;
}

#cover-901, #cover-1431, #cover-1439 {
  z-index: 265 !important;
}

 /* --- CTA MENU --- */

#content-holder .cta-button a {
  color: #fff !important;
  padding: 100px !important;
  background-color: #deb5b8 !important;
  font-family: "Montserrat-Regular" !important;
  border: 1px solid #deb5b8 !important;
  display: inline-block; /* Sicherstellen, dass der Button auch als Block angezeigt wird */
  text-decoration: none; /* Unterstreichen entfernen, falls vorhanden */
  border-radius: 0px !important;
}

#content-holder .cta-button a:hover {
  color: #deb5b8 !important;
  background-color: #fff !important;
}

#content-holder .cta-button a span {
  color: inherit !important; /* Vererbt die Hover-Farbe vom Eltern-Element */
}

#content-holder .cta-button a {
  padding: 2px 15px 5px 15px !important;
  margin-left: 4px !important;
  margin-top: -15px !important;	
}

@media screen and (max-width: 991px) {
#content-holder .cta-button a {
  padding: 3px 15px 3px 15px !important;
  margin-left: 0px !important;
  margin-top: 3px !important;	
}}


.home-header-image-001 { 

  width: 60px!important; 
  display: block!important; 
  margin-left: auto!important; 
  margin-right: auto!important; 
  top: 0px!important; 
  position: absolute!important; 
}

.nph-logo-home-1 {
  width: 22% !important; 
  margin-left: auto !important; 
  margin-right: auto !important; 
}

.nph-logo-home-2 {
  top: 50px !important; 
  /* display: block !important; */ 
  position: absolute !important; 
}

/* ----- IMAGE SLIDER ----- */

@media screen and (min-width: 1170px) {
.flickity-prev-next-button {
  width: 60px !important; 
  height: 60px !important; 
}}

/*
.grid-width img {

}


  #content-37 #content_g3wifyecm .sgs-slide img, #content-37 #content_g3wifyecm .sgs-slide video {
    max-height: 100vh;
	    height: 100vh !important; 
  }

*/
/*
.sgs-cover, .sgs-cover .sgs-slide {
	    height: 100vh !important; 
}

  #content-37 #content_ljuc5ovd0 .sgs-slide img, #content-37 #content_ljuc5ovd0 .sgs-slide video {
    height: 80vh !important; 
	    width: 100% !important; 
  object-fit: cover !important; 
  object-position: 50% 50% !important; 
  }

.sgs-cover .sgs-slide img, .sgs-cover .sgs-slide video {
  height: 100% !important; 
  width: 100% !important; 
  object-fit: cover !important; 
  object-position: 50% 50% !important; 
}
*/

.slider-50_50-001 .sgs-slide img {
  height: 70vh !important;
  min-height: 400px !important;	
  width: 100% !important; 
  object-fit: cover !important; 
  object-position: 50% 50% !important; 
  }

@media screen and (max-width: 543px) {
.slider-50_50-001 .sgs-slide img {
  min-height: 300px !important;	
}}

.slider-50-60-001 .sgs-slide img {
  height: 55vh !important; 
  width: 100% !important; 
  object-fit: cover !important; 
  object-position: 50% 60% !important; 
  }

.slider-culinary-001 .sgs-slide img {
  height: 60vh !important; 
  width: 100% !important; 
  object-fit: cover !important; 
  object-position: 50% 50% !important; 
  }

.slider-test-001 .sgs-slide img {
  height: 60vh !important; 
  width: 100% !important; 
  object-fit: cover !important; 
  object-position: 50% 10% !important; 
  }

.slider-villas-001 .sgs-slide img {
  height: 70vh !important; 
  width: 100% !important; 
  object-fit: cover !important; 
  object-position: 50% 50% !important; 
  }

.slider-test-004 .sgs-slide img {
  height: 60vh !important; 
  width: 100% !important; 
  object-fit: cover !important; 
  object-position: 50% 50% !important; 
  }

/* ----- PROJECT GALLERY ----- */


@media screen and (min-width: 1170px) {
#content-holder .project-gallery-001 .masonry .masonry-item {
  width: calc(100% / 12 * 2) !important; 
  max-width: calc(100% / 12 * 2) !important; 
  flex: 0 0 auto;
    flex-basis: auto;
  flex-basis: calc(100% / 12 * 2);
}}

@media screen and (max-width: 1169px) and (min-width: 544px) {
#content-holder .project-gallery-001  .masonry .masonry-item {
  width: calc(100% / 12 * 3) !important; 
  max-width: calc(100% / 12 * 3) !important; 
  flex: 0 0 auto;
    flex-basis: auto;
  flex-basis: calc(100% / 12 * 3);
}}

@media screen and (max-width: 543px) {
#content-holder .project-gallery-001  .masonry .masonry-item {
  width: calc(100% / 12 * 4) !important; 
  max-width: calc(100% / 12 * 4) !important; 
  flex: 0 0 auto;
    flex-basis: auto;
  flex-basis: calc(100% / 12 * 4);
}}

/* ----- MAGAZINE ----- */

@media screen and (max-width: 767px) {
  .magazine-text-center-001 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

  .magazine-text-center-001 h4 {
    text-align: center !important;
    width: 100%;
}}

/* ----- FOOTER ----- */

.footer-link-001 a {
  color: #ffffff !important;  
}

.footer-link-001 a:hover {
  color: #DEB5B8 !important;  
}

@media screen and (max-width: 991px) {
.footer-link-001 {
  border-top: 1px solid #555 !important; 
  padding-top: 5px;
  padding-bottom: 5px;	
}}

.footer-image-link-001 img {
  transition: opacity 0.3s ease-in-out; /* Fügt eine weiche Übergangszeit von 0.3 Sekunden hinzu */
}

.footer-image-link-002 img {
  transition: opacity 0.3s ease-in-out; /* Fügt eine weiche Übergangszeit von 0.3 Sekunden hinzu */
  max-height: 40px;	
}

.footer-image-link-001 img:hover, 
.footer-image-link-002 img:hover {
  opacity: 0.5 !important;
}

/* ----- SHARE ----- */

#content-holder .share-box .semplice-share .text {
  font-family: 'Montserrat-Light' !important;
  font-size: .7777777778rem;
}

.semplice-share .button-twitter {
  border: 1px solid #000 !important;
  background: #000 !important;
}

/* ----- INSTA ----- */

#sb_instagram #sbi_images {
  padding: 0 0 !important;
}

/*---------------------------- UNDERLINE ----------------------------*/

* {
   text-underline-offset: 6px;	
   text-decoration-thickness: 0.7px !important;
}

*:hover {
   text-underline-offset: 6px;	
   text-decoration-thickness: 1.2px !important;
}

/*
/*
.semplice-next-prev .np-inner .np-link .np-prefix span {
  font-size: 1.6rem !important; 
	top:-20px !important; 
}
*/

/* ----- GALLERY ----- */

.galler-page .masonry .masonry-item {
  aspect-ratio: 4 / 3; /* Seitenverhältnis festlegen */
  overflow: hidden;
}

.galler-page .masonry .masonry-item img {
  max-width: 100%;
  width: 100%;
  height: 100% !important; 
  object-fit: cover;
}

/* ----- PROJECT ARROW ----- */

.semplice-next-prev .np-inner .semplice-prev span.np-prefix, .semplice-next-prev .np-inner .semplice-next span.np-prefix {
  font-size: 28px !important; 	
  margin-top: -8px !important; 
}

/* ----- PROJECT NAV ----- */

.single-project .menu-item-505 a span { 
  color: #deb5b8 !important; 
}

@media screen and (max-width: 767px) {
.semplice-next-prev .np-inner .semplice-prev span.np-prefix, .semplice-next-prev .np-inner .semplice-next span.np-prefix {
  font-size: 28px !important; 	
  margin-top: -10px !important; 
}}

/* ----- CHAT ICON ----- */

.chat-icon-width smp-column {
  width: 100px !important; 
}

.chat-icon-width [data-xl-width="1"] {
  flex-basis: calc(100% / 6 * 0.7) !important; /* Berechnung der Breite */
  min-width: 80px !important; /* Mindestbreite von 100px mit !important */
  max-width: 90px !important; 
  width: auto !important; /* Um sicherzustellen, dass die Mindestbreite nicht überschrieben wird */
}

/* ----- BUTTON ----- */

.smp-button .is-content a {
  line-height: 22px !important; 
}

/* ----- TRIPADVISOR SVG ----- */

/*
.social-profile-reddit svg {
  display: none !important; 
}

.social-profile-reddit {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000000" viewBox="0 0 32 32"><path d="M23.49 14.862c0 0 0 0 0 0-1.469 0-2.659 1.191-2.659 2.659s1.191 2.659 2.659 2.659c1.469 0 2.659-1.191 2.659-2.659 0-0.49-0.132-0.948-0.363-1.342l0.007 0.013c-0.468-0.8-1.324-1.33-2.303-1.33 0 0 0 0 0 0v0zM8.505 14.862c0 0 0 0 0 0-1.469 0-2.659 1.191-2.659 2.659s1.191 2.659 2.659 2.659c1.469 0 2.659-1.191 2.659-2.659 0-0.49-0.132-0.948-0.363-1.342l0.007 0.013c-0.468-0.8-1.324-1.33-2.303-1.33v0zM23.49 12.45c0.001 0 0.001 0 0.002 0 2.8 0 5.070 2.27 5.070 5.070s-2.27 5.070-5.070 5.070c-2.8 0-5.070-2.27-5.070-5.070 0-0.933 0.252-1.807 0.691-2.558l-0.013 0.024c0.892-1.527 2.523-2.536 4.39-2.537h0zM8.505 12.447c0 0 0 0 0 0 2.801 0 5.072 2.271 5.072 5.072s-2.271 5.072-5.072 5.072c-2.801 0-5.072-2.271-5.072-5.072 0-0.934 0.252-1.809 0.692-2.56l-0.013 0.024c0.893-1.527 2.525-2.536 4.393-2.536v0zM16 8.821c2.032 0.001 3.966 0.416 5.724 1.165l-0.096-0.036c-3.173 1.090-5.447 3.97-5.628 7.405l-0.001 0.020c-0.18-3.455-2.455-6.336-5.57-7.408l-0.058-0.017c1.662-0.712 3.597-1.126 5.628-1.127h0zM16.008 6.372c-0.002 0-0.005 0-0.007 0-3.565 0-6.873 1.099-9.604 2.978l0.057-0.037h-5.45l2.453 2.668c-1.508 1.376-2.45 3.349-2.45 5.542 0 4.138 3.355 7.493 7.493 7.493 1.971 0 3.764-0.761 5.102-2.005l-0.005 0.004 2.402 2.614 2.402-2.612c1.333 1.239 3.126 2 5.097 2 4.139 0 7.494-3.355 7.494-7.494 0-2.193-0.942-4.167-2.444-5.537l-0.006-0.005 2.453-2.668h-5.436c-2.673-1.841-5.98-2.94-9.545-2.94-0.003 0-0.005 0-0.008 0h0z"></path></svg>') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  display: inline-block !important;
  width: 64px !important;
  height: 24px !important;
}
*/

.social-profile-reddit svg {
  display: none !important; /* Versteckt das ursprüngliche SVG */
}

.social-profile-reddit::before {
  content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2015%22%3E%3Cpath%20d%3D%22M10.5742%202.16899C10.7476%202.90379%2011.4074%203.45118%2012.1953%203.45118C13.1152%203.45118%2013.8609%202.70545%2013.8609%201.78559C13.8609%200.865725%2013.1152%200.119995%2012.1953%200.119995C11.391%200.119995%2010.7202%200.690029%2010.5641%201.44825C9.21705%201.59271%208.16522%202.73512%208.16522%204.1196C8.16522%204.12273%208.16522%204.12507%208.16522%204.12819C6.70031%204.18988%205.36268%204.60687%204.3007%205.26514C3.90636%204.95982%203.41129%204.77788%202.87406%204.77788C1.58484%204.77788%200.540039%205.82268%200.540039%207.11189C0.540039%208.04738%201.08977%208.85323%201.88391%208.22571C1.96122%2011.9353%204.91368%2014.1147%208.54551%2014.1147C12.1773%2014.1147%2015.1337%2011.933%2015.2071%209.22102C15.995%208.8462%2016.54%208.04269%2016.54%207.11268C16.54%205.82346%2015.4952%204.77866%2014.206%204.77866C13.6711%204.77866%2013.1784%204.95904%2012.7848%205.26202C11.7135%204.59906%2010.361%204.18207%208.88128%204.12663C8.88128%204.12429%208.88128%204.12273%208.88128%204.12039C8.88128%203.12868%209.61842%202.30565%2010.5742%202.17056V2.16899ZM4.207%208.5932C4.24604%207.74674%204.80827%207.09706%205.46185%207.09706C6.11544%207.09706%206.6152%207.78344%206.57615%208.6299C6.53711%209.47637%206.04907%209.78403%205.3947%209.78403C4.74033%209.78403%204.16796%209.43966%204.207%208.5932ZM11.6299%207.09706C12.2843%207.09706%2012.8465%207.74674%2012.8848%208.5932C12.9238%209.43966%2012.3507%209.78403%2011.6971%209.78403C11.0435%209.78403%2010.5547%209.47715%2010.5156%208.6299C10.4766%207.78344%2010.9756%207.09706%2011.6299%207.09706ZM10.8522%2010.5516C10.9748%2010.5641%2011.0529%2010.6914%2011.0052%2010.8054C10.6031%2011.7667%209.65356%2012.4421%208.54551%2012.4421C7.43745%2012.4421%206.4887%2011.7667%206.08577%2010.8054C6.03814%2010.6914%206.11622%2010.5641%206.23882%2010.5516C6.95722%2010.479%207.73418%2010.4392%208.54551%2010.4392C9.35683%2010.4392%2010.133%2010.479%2010.8522%2010.5516Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') !important;

  width: 10px !important; /* Die gewünschte Größe des Icons */
  height: 10px !important;
  margin: 0px !important;	

}

#content-holder smp-subrow[data-valign="center"] {
  display: flex;
  align-items: center;        /* vertikal zentriert */
  justify-content: center;   /* horizontal zentriert */
}

#content-1326 #subrow_3fa0d0f0d {
border-radius: 20px 20px 0 0 !important;
}

#content-1326 #subrow_bdca1d18d {
border-radius: 0px 0px 20px 20px !important;
}


/* Custom CSS End */