body {
  background-color: #280323;
	}

	.my-5 {
  margin-bottom: 5rem !important;
  margin-top: 5rem !important;
	}

.logo {
  margin: 0 0 15px 0;
}

.img-fluid, .img-thumbnail {
  margin-right: -2px !important;
}

.d-lg-none.d-block {
  padding: 0;
}

.col-lg-4.image-jools {
  margin-right: -12px;
}

.page-id-72 {
	background-color:#f2f0ef;
}

video{
	height: auto;
  width: 100%;
}

.jewlery-section {
	position: relative;
	width: 100%;
  min-height: 100vh;
	background-image: url('/wp-content/uploads/2024/12/anoigma-fotolight01.webp');
	background-size: cover;
	background-position: center center;
	margin: 0 auto; /* Center the section if the viewport is wider */
}

.jewlery-section-2 {
  position: relative;
	background-image: url('/wp-content/uploads/2024/12/back-light-mov.webp');
  width: 100%;
  margin: 0 auto;
  min-height: 724px;
}
.aloro-section {
	position: relative;
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
}


.new-spring-collection {
  position: absolute;
  top: 62%;
  left: 5%;
  width: 90%;
  height: auto;
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  font-family: 'source-sans-pro', sans-serif;
  letter-spacing: 1vw;
  color: #FFFFFF;
  text-align: left;
  opacity: 1;
  mix-blend-mode: soft-light;
  display: block;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 1vw rgba(255, 255, 255, 0.5);
  font-size: calc(3vw + 1em);
}

.jewlery-watches-image {
  position: absolute;
  top: 10%;
  right: 0;
  width: 36.61%;
  max-width: 703px;
  height: auto;
  background: transparent;
  opacity: 1;
}
.rectangle {
  position: absolute;
  top: 23%;
  right: 7.50%;
  width: 26.82%;
  height: 68.24%;
  border: 2px solid #e2dc93;
  opacity: 1;
  box-sizing: border-box;
}
.jewellery {
  position: absolute;
  top: 70%;
  left: 80%;
  transform: translate(-50%, -50%);
  text-align: left;
  z-index: 1;
  font-family: 'Hypatia-Sans-Pro',sans-serif;
  font-style: normal;
  font-weight: lighter;
  font-size: 39px;
  color: #58124F;
}


.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 10;
  display: block;
	width: 100%;
  height: fit-content;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card{
	border-radius: 0;
	border:none;
	
}
.card.custom-card {
	padding: 15%;
  background: #581351;
  position: relative;
  font-size: 20px;
	border-radius: 0%;
  }


.card-title {
	font-size: 3rem;
	letter-spacing: 5px;
	line-height: 5rem;
	font-family: 'Hypatia-Sans-Pro',sans-serif;
	cursor: default;
}
	
.card-subheading {
  font-size: 2.5rem;
  margin-bottom: 3rem;
	margin-top: 2rem;
	font-family: 'Hypatia-Sans-Pro',sans-serif;
}

.card-text {
  font-size: 1.4rem;
  font-family: 'Hypatia-Sans-Pro',sans-serif;
}

.border-container {
  border: 2px solid #000;
  text-align: center;
	font-size: calc(0.5rem + 1vw);
	margin-top:15rem;

}

/* Center the content inside the border */
.border-container .content {
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 3px;
	height: 100%;
	color:#000;
	padding: 1rem;
}	

.see_more {
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 5;
}

.notice {
  margin-right: 10px;
  background-color: #58124F;
  color: #FFFFFF;
  text-align: center;
	letter-spacing: 11.2px;
	font: normal normal 600 28px/45px hypatia-sans-pro, sans-serif;
}

 /* Container for the image and button */
 .image-container {
	position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  }

  /* Style for the image inside the container */
.image-container img {
  display: block;
  width: 100%; /* Image takes full width of container */
  height: auto;
}

  /* Style for the "See More" button */
.btn.btn-primary.see-more-btn {
	position: absolute;
	left: 50%;
	width: 80%;
	color: #878787;
	padding:5%;
	transform: translateX(-50%);
	z-index: 2; /* Ensure button appears above the image */
	background: #191919 0% 0% no-repeat;
	box-shadow: 0px 13px 18px #00000029; 
	border: 1px solid #707070; 
	border-radius: 30px;
  }

.btn.btn-primary.see-more-btn.btm {
  top: 93%; /* Adjust top position as needed */
}

.btn.btn-primary.btn-sm.see-more-btn.img-frame {
    width: 50%;
    padding: 3.5%;
}
  
.btn.btn-primary.see-more-btn.img-frame {
    bottom: -1rem;
}
.btn-top{
	margin-top: -1.5rem;
}

  .image-with-frame {
  position: relative;
}

.image-with-frame img {
  display: block;
  width: 100%;
  height: 90%;
}

.image-with-frame-container {
  position: relative;
  background: rgba(255, 255, 255, 1);
  border-radius: 0px 0px 38px 38px;
  z-index: 1;
  display: flex;
  padding: 10px;
  margin-top: -4.5rem;
  margin-left: 4rem;
  margin-right: 4rem;
}

.jools-section .image-with-frame-container{
	margin-top: -7.5rem;
}

.image-with-frame-text {
	margin-top: 0; 
	color: #878787; 
	text-align: center; 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: 'Hypatia-Sans-Pro',sans-serif;
	font-size:calc(0.7rem + 1vw);
	margin-bottom:4rem;

}

.diasimotites {
  background-image: url('/wp-content/uploads/2024/12/box-celebs-light.webp');
  background-repeat: no-repeat;
  contain: content;
  padding: 5%;
  width: 70%;
}

@media only screen and (max-width:480px){
	.diasimotites{
		width: 100%;
}}

@media only screen and (max-width:992px){
  .container.diasimotites.my-5 {
    margin-top: 0 !important;
}}

.border-container.kanakis-see-more.diasimotites-cnt {
  margin-bottom: 25px;
}

.cta-1 {
  text-align: center;
  letter-spacing: 6.4px;
  font-family: 'hypatia-sans-pro',sans-serif;
  font-size:1.9rem;
	color: #FFFFFF;
	margin-bottom: 0;
}
.diasimotites-cnt{
  width: 40%;
  margin-left: auto;
  margin-right: auto;
	
}
.h2-jewellery {
  text-align: center;
  font: normal normal 600 38px/65px hypatia-sans-pro, sans-serif;
  letter-spacing: 11.2px;
  color: #fff;
}

.p-watches {
	font-style: normal;
	font-variant: normal; 
	font-size:2.8rem; 
	line-height:4rem;
	font-family: 'Hypatia-sans-pro', sans-serif;
    letter-spacing: 2.76px;
    color: #fff;
	text-align: center;
}

/* cards styles */
.card-title{
	line-height:3rem;
}

.aloro{
	color:#FFFFFF;
}
.aloro-see-more{
	border-color: #FFFFFF;
	
}
.aloro-see-more .content{
	color: #FFFFFF;
}
.card-title .aloro {
	color: #FFFFFF;
}
.aloro-j {
  font-weight: 300;
  font-style: italic;
  font-size: calc(1.5rem + 1vw);
  margin: -.5rem auto 3rem;
}
.kanakis {
	color: #FFFFFF;
	margin-bottom: 3rem;
}
.kanakis-see-more{
	border-color: #FFFFFF;
}
.kanakis-see-more .content{
	color: #FFFFFF;
}

.card-title.jools {
  margin-bottom: 3rem !important;
}

.card-title.krinaki,
.card-title.chrysostomos,
.card-title.emmanuela{
  line-height: 3rem !important;
  margin-bottom: 3rem;
}

.krinaki {
	color: #FFFFFF;
}
.krinaki-see-more{
	border-color:#FFFFFF;
}
.krinaki-see-more .content{
	color:#FFFFFF;
}
.emmanuela-see-more{
	border-color:#FFFFFF;
}
.emmanuela-see-more .content{
	color:#FFFFFF;
}

.card-title.emmanuela {
  color:#FFFFFF;
}

/* open case */
.open-case {
  font-size: 1.4rem;
  font-family: 'Hypatia-Sans-Pro',sans-serif;
}

.open-case-t {
  font-size: calc(1.2rem + 2vw);
  text-align:left;
  line-height: 1.2;
  margin-bottom: 2.5rem !important;
}


.open-case-card{
  padding: 13%;
}
.open-case-container .content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color:#000;
  padding: 1rem;
}
.open-case-container {
  border: 2px solid #000;
  text-align: center;
  font-size: calc(0.5rem + 1vw);

}
.px-1 {
	padding-left: 0.35rem !important;
	padding-right: 0.35rem !important;
}



@media (max-width: 992px) {
	
	body {
		display:inline;
	}
	.image-with-frame img {
		border-radius:30px;
	}
	
	.my-5 {
       margin-top: 4rem !important;
    }
	
	.py-3,
	.pt-3{
    padding-top: 3rem !important;
    }
	
	.jewlery-section {
		background-image: url('/wp-content/uploads/2024/12/anoigma-mobile.webp');
		margin-top: 60px;
	}
	
  .p-watches{
    font-size: 2.2rem;
    line-height: 3rem;
    padding:10%;
	}
	
	.cta-1 {
    padding: 1rem;
		color:#F2EF9D;
		font-size: 1.5rem;
   }

	.diasimotites-cnt {
		width: 80%;
	}
	
	.mobile-only-card{
		background-color:transparent;
		border:0px;
		font-size:36px;
	}
	
	.swipe-icon{
		position: absolute;
		width:50px;
		right: 20px;
		bottom: 20px;
		z-index: 10;
	}
	
	/* testing */
	.open-case {
		margin-top: 10px;
		font-size: 1.3rem;
		font-family: 'Hypatia-Sans-Pro', sans-serif;
	}
  .open-case-t {
    font-size: calc(1.2rem + 2vw);
    line-height: 1.2;
    margin-top: 0px;
    color:#D57B2D;
  }
  .open-case-card{
    padding:5%;
    margin-top: -20%;
    margin-left:20px;
    margin-right:20px;
    padding-bottom: 10rem;
  }
	
  .open-case-container {
    bottom: 20px;
    border:2px solid #D57B2D;
    font-size: 1.2rem;
  }
	
	.notice{
		margin-bottom: -1px;
	}
	
	.open-case-container .content{
		color:#D57B2D;
	}

	/* stop testing */
	.h2-jewellery {
		text-align: center;
		font-family: 'Hypatia-sans-pro', sans-serif;
		font-size: 30px;
		font-weight: 600;
		line-height: 45px;
		letter-spacing: 5px;
		z-index: 10;
		position: relative;
	}
	.overlay-mobile{
		z-index: 1;
		margin-top: 0;
	}
	.card.custom-card {
		padding: 5%;
	}
	
	.image-with-frame-container{
		margin-bottom:3rem
	}
	
	.image-with-frame-text{
		margin-top: 0; 
		color: #878787 !important; 
		text-align: center; 
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-family: 'Hypatia-Sans-Pro',sans-serif;
		letter-spacing:0px;
		padding-bottom:20px;
		font-size: 1.5rem;
	}
	
	.border-container {
		border-color: #58124F;
		bottom:20px;
		font-size: 1.2rem;
	}
	
	.card-title.editorial {
    font-size: 3rem!important;
    line-height: 3rem;
		margin-bottom: 3rem;
    }
	
	.card-subheading {
    font-size: 2rem;
    margin-bottom: 2rem;
	  margin-top: 2rem;
		color: #58124F;
	}
	
	.card-text {
    margin-bottom: 5rem;
    }
	
	.card-text.open-case {
    margin-bottom: 1rem;
   }
	
	.border-container .content {
		color: #58124F;
	}
	.aloro-section .container-fluid {
		background-image: url('/wp-content/uploads/2024/12/aloro-back-mob.webp');
		background-repeat: no-repeat;
	}
	.aloro-section .h2-watches {
		background-color:#F2F0EF;
	}
	.custom-card{
		border:0px;
	}
	
	.aloro-section .custom-card {
		background-color:#987B60;
	}
	
	.aloro {
		color:#EFEB88;
	}
	
	.editorial, .jools{
		color:#58124F;
		font-size: 3rem !important;
    margin-bottom: 2rem;
	}
	
	.image-jools .img-fluid,
	.image-1 .img-fluid,
	.image-kanakis .img-fluid,
	.image-krinaki .img-fluid,
	.image-chrysostomos .img-fluid,
	.image-emmanuela .img-fluid {
    border-radius: 30px 30px 0 0;
  }
	
	.image-jools .image-with-frame-container,
	.image-1 .image-with-frame-container,
	.image-kanakis .image-with-frame-container,
	.image-krinaki .image-with-frame-container,
	.image-chrysostomos .image-with-frame-container,
	.image-emmanuela .image-with-frame-container {
		background: #fff !important;
		margin:0 0 50px 0 !important;
	}
	
	.btn.btn-primary.see-more-btn.img-frame {
    bottom: 18px;
   }
	
	.btn.btn-primary.btn-sm.see-more-btn.img-frame {
    width: 60%;
    padding: 4.5%;
   }
	
	.aloro-see-more{
		border-color: #EFEB88; 
	}
	.aloro-see-more .content{
		color: #EFEB88;
	}
	
	.kanakis-section.my-5 {
    margin-top: -6rem !important;
   }
	
	.kanakis-section .container-fluid {
		background-image:url('/wp-content/uploads/2024/12/aloro-back-mob.webp');
		background-repeat: no-repeat;
	}
	.kanakis-see-more {
		border-color:#F2EF9D;
	}
	.kanakis-see-more .content{
		color: #F2EF9D;
	}
	.jools-section .container-fluid{
		background-image:url('/wp-content/uploads/2024/12/editorial-back.webp');
		background-repeat: no-repeat;
	}
	.krinaki {
		color:#EFEB88;
	}
	.krinaki-see-more {
		border-color: #EFEB88;
	}
	.krinaki-see-more .content{
		color:#EFEB88;
	}
	.krinaki-section .container-fluid{
		background-image:url('/wp-content/uploads/2024/12/aloro-back-mob.webp');
		background-repeat: no-repeat;
	}
	.chrysostomos{
		color:#C46E22;
		font-size: 2rem;
	}
	.chrysostomos.d-lg-none.text-center,
	.jools.d-lg-none.text-center,
	.emmanuela.d-lg-none.text-center{
		margin-bottom: 2rem;
		font-size: 3rem !important;
	}
	
	.kanakis.d-lg-none.text-center,
	.card-title.kanakis{
		color:#EFEB88;
		font-size: 3.2rem !important;
	}
	
	.chrysostomos-section .container-fluid{
		background-image:url('/wp-content/uploads/2024/12/aloro-back-mob.webp');
		background-repeat: no-repeat;
	}
	
	.emmanuela{
		font-size: 2.5rem;
	}
	
	.card-title.emmanuela {
		color:#EFEB88;
		font-size: 2rem;
	}
	.emmanuela-see-more {
		border-color:#F2EF9D;
	}
	.emmanuela-see-more .content {
		color:#F2EF9D;
	}
	.emmanuela-section .container-fluid{
		background-image:url('/wp-content/uploads/2024/12/aloro-back-mob.webp');
		background-repeat: no-repeat;
	}
	
	.open-case-t {
		color:#D57B2D;
		font-size: 2.7rem;
	}

}

@media only screen and (max-width: 579px){
	.jewlery-section {
		min-height: 125vh;
		background-image: url('/wp-content/uploads/2024/12/anoigma-mobile.webp');
		margin-top: 60px;
	}

}

@media  (min-width:580px) and (max-width:767px){
	.jewlery-section {
		min-height: 150vh;
		background-image: url('/wp-content/uploads/2024/12/anoigma-mobile.webp');
		margin-top: 60px;
	}

}


@media (min-width:768px) and (max-width:992px){

	.jewlery-section {
		min-height: 160vh;
		background-image: url('/wp-content/uploads/2024/12/anoigma-mobile.webp');
		margin-top: 60px;
	}
	.open-case-image{
		margin-left:10rem;
	}
	.mbt{
		margin-bottom:5rem !important;
	}
}

/* hover's */
@media (hover: hover) {
	.card-subheading:hover {
		color: #C46E22;
	}
	.editorial:hover, .jools:hover{
		color:#C46E22;
	}
	.open-case-t:hover {
		color:#D57B2D;
	}
	.border-container:hover {
		border-color: #D57B2D; /* Border color on hover */
		cursor: pointer; /* Cursor style on hover */
	}
	.border-container:hover .content{
		color: #D57B2D; 
	}

	.aloro:hover {
		color:#EFEB88;
	}
	.aloro-see-more:hover{
		border-color: #F2EF9D; /* Border color on hover */
	}
	.aloro-see-more:hover .content{
		color: #F2EF9D;
	}
	.kanakis:hover {
		color:#F2EF9D;
	}
	.kanakis-see-more:hover {
		border-color:#F2EF9D;
	}
	.kanakis-see-more:hover .content{
		color: #F2EF9D;
	}
	.krinaki:hover {
		color:#EFEB88;
	}
	.krinaki-see-more:hover {
		border-color: #EFEB88;
	}
	.krinaki-see-more:hover .content{
		color:#EFEB88;
	}
	.chrysostomos:hover{
		color:#C46E22;
	}
	.emmanuela:hover {
		color:#EFEB88;
	}
	.emmanuela-see-more:hover {
		border-color:#F2EF9D;
	}
	.emmanuela-see-more:hover .content {
		color:#F2EF9D;
	}
	.open-case-container:hover .content {
		color: #D57B2D; 
	}
	.open-case-container:hover {
		border-color: #D57B2D; /* Border color on hover */
		cursor: pointer; /* Cursor style on hover */
	}
	.btn.btn-primary.see-more-btn:hover {
		color:#FFFFFF;
	}
	.diasimotites:hover .cta-1 {
		color:#F2EF9D;
	}
}
	/* new */
.kanakis-section .image-with-frame-container {
  position: relative;
  background: transparent linear-gradient(180deg, #FFFFFF00 0%, #E8D6D2 100%) 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 38px 38px;
  z-index: 1;
  display: block;
  padding: 10px;
  margin-left: 4rem;
  margin-right: 4rem;
}
.kanakis-section .image-with-frame-container .image-with-frame-text {
  color: #fff;
  text-align: center;
}
.confetti {
  mix-blend-mode: lighten;
}
.aloro-section .custom-card, .kanakis-section .custom-card, .krinaki-section .custom-card, .emmanuela-section .custom-card {
  background-image:url('/wp-content/uploads/2024/12/aloro-back.webp');
  height: 100%;
  background-repeat: no-repeat;
  
}
.jewlery-section-2 .container-fluid .custom-card, .chrysostomos-section .custom-card, .jools-section .container-fluid .custom-card {
  background-image: url('/wp-content/uploads/2024/12/editorial-back.webp');
  background-repeat: no-repeat;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .row.ms-2.me-2.ms-lg-4.me-lg-4 {
    min-height: 863px;
  }
  .jools-section .custom-card, .chrysostomos-section .custom-card {
    background-color: #280323;
  }
}

.jewlery-section-2 .border-container {
  margin-top:2rem;
}

/*Footer*/
.footer-text {
  text-align: center;
  display: block;
  padding: 10px;
  margin-bottom: 10px;
	color: #fff;
}
.fa-brands {
  color: #fff;
  text-decoration: none;
}