/** Main Styling **/

.datebook-moderation-panel {
	display:none;
}
* {
	color:#1F1F1F;
	font-family: "Nunito Sans", sans-serif;
	font-size:17px;
}

label, .form-label {
	color:#1F1F1F;
	font-family:"Poppins", sans-serif;
	font-size:15px;
}
.datebook-wrapper {
	padding-bottom:0 !important;
}
.display-none {
	display:none !important;
}

.home-section {
	padding-top:32px;
}
.container {
	padding-left:20px;
	padding-right:20px;
	max-width:1200px;
}

main.main {
	background:#FAFAFA;
}

.btn-wrap {
	display:flex;
	justify-content: center;
	margin-top:24px;
}

.btn-main {
	display:inline-block;
	min-width:100px;
	padding:12px 20px;
	text-transform:uppercase;
	letter-spacing:1px;
	background:#D6001C;
	border-radius:8px;
	color:#FFF !important;
	font-weight:600;
	transition:.2s;
	cursor:pointer;
	width:100%;
	font-family:"Poppins", sans-serif;
	font-size:15px;
	text-align:center;
	max-width:250px;
}

.btn-main:hover {
	background:#b50017;
}

.home-section-title {
	margin-bottom:16px;
}

.btn-transparent {
	background:transparent;
	color:#1F1F1F;
	font-weight:600;
	width:100%;
	letter-spacing:1px;
	font-family:"Poppins", sans-serif;
	text-transform:none;
	font-size:15px;
	box-shadow:none;
	height:auto;
	text-transform:uppercase;
	transition:.3s;
	width:auto;
}

body.home .btn-transparent {
	margin-bottom:-12px !important;
}

body:not(.home) .btn-transparent {
	padding:8px 12px;
}

.btn-transparent:hover {
	opacity:.8;
	background:transparent;
	color:#1F1F1F;
	box-shadow:none !important;
}



/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/nunito-sans-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/nunito-sans-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display:swap;
}

/* nunito-sans-italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('webfonts/nunito-sans-v6-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/nunito-sans-v6-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display:swap;
}

/* nunito-sans-600 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('webfonts/nunito-sans-v6-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/nunito-sans-v6-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display:swap;
}

/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/nunito-sans-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/nunito-sans-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display:swap;
}

/* nunito-sans-800 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('webfonts/nunito-sans-v6-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/nunito-sans-v6-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display:swap;
}

/* nunito-sans-900 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('webfonts/nunito-sans-v6-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/nunito-sans-v6-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display:swap;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight:700;
	color:#D6001C;
	font-family: "Poppins", sans-serif;
	line-height:1.35;
}

h1, .h1 {
	font-size:32px;
}

h2, .h2 {
	font-size:28px;
}

h3, .h3 {
	font-size:24px;
}

h4, .h4 {
	font-size:20px;
}

h5, .h5 {
	font-size:16px;
}

h6, .h6 {
	font-size:14px;
}

a {
	transition:.3s;
}




/** Navigation **/

body:not(.datebook-other-container) .datebook-primary-menu .fa-search {
	display:none;
}

.datebook-primary-menu-container {
	background:#FFF;
	position:relative;
	z-index:2;
	box-shadow:0 0 2px 1px rgba(0,0,0,.1);
}


.datebook-primary-menu-subcontainer, .datebook-primary-menu-subcontainer .container {
	width:100%;
}

.datebook-primary-menu-subcontainer .container {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	max-width:100%;
	flex-wrap:nowrap;
}

.navbar-nav {
	display:flex;
	flex-direction:row;
}

.navbar-nav .nav-link.active {
	color:#1F1F1F !important;
}

.nav-logo {
	margin-bottom:0;
	font-weight:900;
}

.navbar-toggler {
	margin-right:-16px;
}

.primary-menu-user-wrap {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	text-wrap:nowrap;
}


.datebook-primary-menu-class {
	justify-content: flex-end;
}

.nav-link {
	padding-left:16px !important;
	padding-right:16px !important;
	padding-top:8px;
	padding-bottom:8px;
	color:#1F1F1F;
	transition:.3s;
	border-radius:4px;
}

.home .navbar-toggler {
	display:none !important;
}

.nav-link:hover {
	color:#1F1F1F;
	background:#F7FAFC;
}
.language-nav-wrap {
	display:flex;
	justify-content: flex-end;
	width:100%;
	padding-right:16px;
}

.language-nav-wrap select {
	border:1px solid #C4C4C4;
	box-shadow:none;
	font-size:16px;
	cursor:pointer;
}

.navbar {
	padding-top:12px;
	padding-bottom:12px;
}

.datebook-register-links {
	display:flex;
	align-items: center;
}

.datebook-user-navbar {
	height:100%;
}

.datebook-primary-menu {
	padding-right:0;
}

.nav-login {
	padding-left:16px;
}

.nav-login a {
	color: #287fb8 !important;
	padding:5px 15px;
	border:1px solid #287fb8;
	border-radius:4px;
	transition:.3s;
}

.nav-login a:hover {
	background:#F7FAFC;
	color:#287fb8;
}

.nav-item {
	display:inline-block;
}

/*.home .datebook-profile-image, .home .notifications-bell {
	display:none;
}

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

.dropdown-toggle:hover {
	background:none !important;
}

.account-toggle {
	margin-right:-16px;
	font-size:20px;
}

.datebook-user-navbar, .nav-item.dropdown {
	position:unset;
}

.datebook-front-container .datebook-primary-menu-container {
	position:relative;
}

.datebook-dropdown-menu {
	border-radius:0;
	box-shadow:none !important;
	border:0 !important;
	width:100%;
	margin-top:-1px !important;
}*/

.dropdown-toggle::after {
	content:none !important;
}

/*.logged-in .primary-menu-user-wrap, .logged-in .language-nav-wrap {
	display:none !important;
}
*/

body.datebook-other-container .nav-logged-in, body.datebook-other-container .datebook-primary-menu li:nth-child(2), body.datebook-other-container .datebook-primary-menu li:nth-child(3) {
	display:none;
}

body.datebook-other-container .datebook-primary-menu .search-text {
    display: none;
}



body.datebook-other-container .datebook-register-links li:nth-child(1) {
	font-size:0;
}

.navbar-toggler {
	display:none;
}


.navbar-user.datebook-register-links {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	width:100%;
	flex-wrap:nowrap;
}

.navbar-user.datebook-register-links a {
	color:#000;
}

.nav-logged-in {
	display:flex;
	flex-direction:row;
}

.nav-logged-in li {
	text-wrap:nowrap;
}

.home.logged-in .datebook-register-links {
	display:none;
}


.my-account-nav {
	margin-right:-16px;
}

/** Sidebar **/

.datebook-classifieds-widget {
	display:none;
}

/** Hero Section **/

body:not(.home) .datebook-header-panel {
    display: none !important;
}


.datebook-header-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.datebook-header-panel {
	margin-bottom:0 !important;
	display:block;
}
.datebook-welcome-panel {
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.datebook-welcome-image {
	padding-bottom:30px;
	padding-top:30px;
	position:relative;
	z-index:1;
}

.datebook-front-container .datebook-welcome-image {
	max-width:1200px;
}

.datebook-welcome-slogan {
	font-weight:900;
	color:#FFF;
	font-size:42px;
	margin-bottom:16px;
	max-width:350px;
}

.datebook-welcome-subslogan {
	color:#FFF;
	font-weight:400;
	margin-bottom:30px;
	max-width:350px;
}

.datebook-front-view {
	display:flex;
	justify-content: center;
}

.datebook-search-front {
	background:#FFF !important;
	color:#1F1F1F !important;
	margin-bottom:0 !important;
}

.datebook-form-row-title {
	color:#1F1F1F;
	margin-bottom:12px;
}

.datebook-search-gender {
	font-size:18px !important;
	display:flex;
	flex-direction:column;
	border:1px solid #eaeaea;
}

.datebook-search-gender .align-middle {
	font-size:14px !important;
	font-weight:600;
	margin-top:-5px;
}

.datebook-search-gender br {
	display:none;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	border-color:#1F1F1F;
	border-left-width:1px;
}

.datebook-search-btn-genders label:nth-child(4) {
	border-left-width:0;
}


/** Testimonials Section **/

.testimonial-card {
	box-shadow:0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06); /* Subtle, layered shadow */
	width:100%;
	min-height:50px;
	width:100%;
	margin-bottom:24px;
	padding:12px;
	display:flex;
	flex-wrap:nowrap;
	border:1px solid #eaeaea;
	cursor:pointer;
	background:#FFF;
}

.testimonial-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px); /* Slight lift effect */
    transition: all 0.3s ease;
}

.testimonial-card img {
	max-width:125px;
	min-width:125px;
	max-height:125px;
	min-height:125px;
	margin-right:20px;
}

.testimonial-card .testimonial-title {
	margin-bottom:10px;
}
.testimonial-card .testimonial-description {
	font-size:14px;
	margin-bottom:0;
}

.testimonial-card .testimonial-link {
	font-size:14px;
}


/** Welcome Section **/

.welcome-section .section-title {
  font-size: 36px;
  text-align: center;
  margin-bottom: 5px;
  padding: 0px 12px;
}

.welcome-section .subtitle {
  text-align: center;
  color: #1F1F1F;
}

.welcome-wrap-container {
	margin-top:30px;
	margin-bottom:30px
}

.welcome-wrap {
  padding: 32px 20px;
  color: #FFF;
}

.welcome-wrap {
  display: flex;
  flex-wrap: wrap;
  background: #FFF;
  gap: 0.5rem;
  padding: 2rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #1F1F1F;
  border: 1px solid #eaeaea;
}

/* Basic Styles */
.collage-container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.collage-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.collage {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  position: relative; /* Needed for absolute positioning of children */
}

.collage-item {
  flex: 1 1 calc(25% - 10px); /* 4 items per row */
  box-sizing: border-box;
  aspect-ratio: 1 / 1; /* Ensures the item is a square */
  position: relative; /* Required for absolutely positioned children in slideshow */
  overflow: hidden; /* Ensures no overflow in slideshow mode */
}

.collage-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the container without distortion */
  display: block;
}

/* Hide Arrows on Desktop */
.prev-arrow,
.next-arrow {
  display: none;
}


.welcome-wrap .container {
	display:flex;
	flex-wrap:wrap;
	background:#FFF;
    padding-bottom: 2rem;
    display: flex;
    gap: 2rem;
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color:#1F1F1F;
    border:1px solid #eaeaea;
}


/* Slideshow Styles for Mobile */
@media (max-width: 991px) {
  .collage-container {
    aspect-ratio: 1 / 1; /* Maintain square aspect ratio */
    width: 100%;
    max-width: 600px; /* Optional: Set a max width for better responsiveness */
    margin: 0 auto; /* Center the container */
  }

  .collage-inner {
    width: 100%;
    height: 100%;
  }

  .collage {
    display: block; /* Show collage container */
    width: 100%;
    height: 100%;
  }

  .collage-item {
    flex: 0 0 100%;
    display: none; /* Hide all images initially */
    position: absolute; /* Stack images on top of each other */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Ensure items fill the container */
    aspect-ratio: 1 / 1; /* Maintain square aspect ratio */
  }

  .collage-item.active {
    display: block; /* Show active image */
  }

  /* Show Arrows on Mobile */
  .prev-arrow,
  .next-arrow {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1000; /* Ensure arrows are above other elements */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
  }

  .prev-arrow {
    left: -10px;
  }

  .next-arrow {
    right: -10px;
  }

  /* Optional: Add transition for smoothness */
  .collage-item {
    transition: opacity 0.5s ease-in-out;
  }
}

/* Additional Styling for Buttons (Optional) */
.prev-arrow:hover,
.next-arrow:hover {
  background-color: rgba(0, 0, 0, 0.7);
}


/** Countries Section **/

.datebook-custom-card.datebook-countries-map {
	margin-bottom:0 !important;
}

.datebook-countries-map {
	box-shadow:0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
	border-top:1px solid #eaeaea !important;
	border-radius:0 !important;
}

/** Footer **/

.datebook-footer-above .row>* {
    padding-right: calc(var(--mdb-gutter-x)* 1);
    padding-left: calc(var(--mdb-gutter-x)* 1);
}

.datebook-footer-above {
	background:#1F1F1F;
	padding:40px 0;
}

.datebook-footer-above .textwidget {
	margin-bottom:30px;
}

.datebook-footer-above a {
	color:#FFF;
}

.datebook-footer-above hr {
	display:none;
}

.datebook-footer-above .textwidget:first-child {
	margin-top:-15px;
}

.datebook-language-menu-footer {
	display:flex;
	justify-content: center;
	margin-top:5px;
}

.datebook-footer-above .list-social {
	justify-content: center;
	margin-bottom:15px;
}

.textwidget p {
	color:#FFF;
}

.widgettitle {
	color:#FFF;
}

.logo-footer {
	color:#FFF;
	font-size:40px;
	margin-bottom:0;
}

#text-5 > .textwidget {
	margin-bottom:0;
}

.datebook-footer {
	background:#1F1F1F;
	border-top:1px solid rgba(196,196,196,.2);
}

.datebook-footer p {
	margin-bottom:0;
	color:#FFF;
}

.datebook-footer-copyright {
	padding:20px 0;
}

/** List Social **/

.list-social {
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	margin-bottom:16px;
	width:100%;
}

.list-social li:not(:last-child) {
	padding-right:12px;
}

.list-social svg {
	width:22px;
	transition:.3s;
	fill:#FFF;
}

.list-social svg:hover {
	fill:rgba(255,255,255, .7)
}


@media (max-width:992px) {
	.language-nav-wrap {
		display:none;
	}

	/** Top Profiles Section **/

	.datebook-top-profile .col-6 {
		margin-bottom:25.5px;
	}
	.datebook-top-profile .row {
		margin-bottom:-25.5px;
	}
}

@media (max-width:850px) {
	.datebook-primary-menu {
		display:none;
	}
}

@media (max-width:450px) {
	.nav-link {
		padding-left:8px !important;
		padding-right:8px !important;
		padding-top:8px;
		padding-bottom:8px;
		color:#1F1F1F;
		transition:.3s;
		border-radius:4px;
	}

	.my-account-nav {
		margin-right:-8px;
	}

	body.datebook-other-container .nav-logo {
		font-size:24px;
	}
}

@media (max-width:420px) {
	.nav-register, .log-out-nav {
		display:none;
	}
}

@media (min-width:992px) {

	.home-section-title {
		font-size:28px;
	}
	.welcome-section .section-title {
		font-size:42px;
	}
	.welcome-wrap-title {
		font-size:24px;
	}
	.testimonial-title {
		font-size:16px;
	}
	.testimonial-card .testimonial-description {
		font-size:14px;
	}
	.datebook-welcome-panel {
		text-align:left;
	}
	.datebook-front-view {
		height:calc(100vh - 69.594px);
		display:flex;
		align-items:center;
	}
	.datebook-welcome-image {
	    position: relative;
	    z-index: 2;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    max-width: 1200px;
	    width: 100%;
	    padding: 5rem 2rem;
	}
	.datebook-welcome-image .container:first-child {
		flex:1.1;
	}
	.datebook-welcome-image .container:nth-child(2) {
		flex:1;
	}
	.datebook-welcome-slogan {
		font-size:48px;
	}
	.datebook-welcome-subslogan {
		font-size:18px;
	}

	.datebook-welcome-subslogan, .datebook-welcome-slogan {
		max-width:inherit;
	}

	/** Featured Profiles Section **/

	.datebook-featured-front {
		background:#FAFAFA !important;
	}


	/** Testimonials Section **/

	.testimonials-wrap {
		display:flex;
		flex-wrap:wrap;
		margin:-15px;
	}
	.testimonial-card {
		margin:15px;
		width:calc(50% - (15px*2));
	}

	/** Welcome Section Home **/

	.welcome-wrap .container {
		gap:2rem;
	}

	.welcome-card.card-left {
		flex:1;
	}
	.welcome-card.card-right {
		flex:2;
	}

	/** Footer **/

	.footer {
		text-align:left;
	}


	.footer .list-social {
		justify-content: flex-start;
	}

	.footer-widget-wrap {
		flex-direction:row;
		display:flex;
		margin:-40px;
	}

	.footer .footer-widget {
		margin-bottom:0;
		margin:40px;
	}

	.footer-widget.widget-1 {
		flex:1.5;
	}

	.footer-widget.widget-2, .footer-widget.widget-3, .footer-widget.widget-4 {
		flex:1;
	}

	.footer .datebook-language-menu-footer {
		justify-content: flex-start;
	}

	.datebook-footer-aboe .row > .div:first-child {
		flex:2;
	}

	.datebook-footer-above .row div {
		flex:1;
	}

	.datebook-footer-above .row div:nth-child(1) {
		flex:1.5;
	}
}

@media (max-width:350px) {
	.notifications-bell {
		display:none;
	}

	body.datebook-other-container .nav-logo {
		font-size:22px;
	}
}


@media (min-width:1200px) {

	/** Testimonial Section Home **/
	.testimonials-wrap {
		display:flex;
		flex-wrap:wrap;
		margin:-15px;
	}
	.testimonial-card {
		margin:15px;
		width:calc(33.33333% - (15px*2));
	}
	.testimonial-card.card-4 {
		display:none;
	}
}