| Linux in-mum-web1499.main-hosting.eu 5.14.0-503.40.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Mon May 5 06:06:04 EDT 2025 x86_64 Path : /home/u901718425/domains/satorikohinoormahalunge.com/public_html/ |
| Current File : /home/u901718425/domains/satorikohinoormahalunge.com/public_html/style.css |
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
:root{
--theme:#e2dacc;
--bg-light:#e2dacc;
--bg-mid:#b5a28a;
--bg-dark:#967d5f;
}
body{
font-family: "Mulish", sans-serif !important;
font-style: normal;
font-size: clamp(12.5px, 1080px, 1rem);
}
.blur{
filter: blur(1.5px) !important;
}
.placeholder-white::placeholder{
color: #ffffffbd !important;
}
.text-custom , .text-primary{
color: var(--bg-mid) !important;
}
.bg-primary {
background-color: var(--bg-mid) !important;
}
.bg-primary-subtle {
background-color: var(--bg-light) !important;
}
.bg-custom{
background-color: var(--bg-mid);
}
.bg-custom-light{
background-color: var(--bg-light);
}
.w-fit {
width: fit-content !important;
}
.w-max {
width: max-content !important;
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bg-mid) !important;
--bs-btn-border-color: var(--bg-mid) !important;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bg-dark);
--bs-btn-hover-border-color: var(--bg-light);
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bg-light);
--bs-btn-active-border-color: var(--bg-dark);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--bg-mid) !important;
--bs-btn-disabled-border-color: var(--bg-mid) !important;
}
.btn-outline-primary {
--bs-btn-color: var(--bg-mid);
--bs-btn-border-color: var(--bg-mid);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bg-mid);
--bs-btn-hover-border-color: var(--bg-mid);
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bg-mid);
--bs-btn-active-border-color: var(--bg-mid);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: var(--bg-mid);
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: var(--bg-mid);
--bs-gradient: none;
}
.border-primary {
border-color: var(--bg-mid) !important;
}
.fs-7{
font-size: 0.90rem !important;
}
.fs-8{
font-size: 0.80rem !important;
}
.fs-9{
font-size: 0.70rem !important;
}
.fs-10{
font-size: 0.60rem !important;
}
.as4-3{
aspect-ratio: 4/3;
}
.as4-4{
aspect-ratio: 4/4;
}
.object-center{
object-position: center;
}
.object-hover-zoom-out:hover{
}
.custom-style li::marker ,.slick-next:before{
content: '\f105';
font: var(--fa-font-solid) !important;
}
.slick-prev:before, .slick-next:before{
color: var(--bg-dark) !important;
font-size: 35px !important;
}
.slick-prev:before{
content: '\f104';
font: var(--fa-font-solid);
}
.custom-style li{
padding-inline-start: 10px;
padding-block-end: 15px;
}
.maps-container{
background-image: url('/map.png');
background-position: center;
background-size: cover;
min-height: 300px;
width: 100%;
height: 100%;
}
.accordion-item:first-of-type .accordion-button , .accordion-item:first-of-type{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion-button:not(.collapsed) {
color: #000 !important;
background-color: var(--golden) !important;
box-shadow: none;
}
.accordion{
--bs-accordion-color: transparent;
--bs-accordion-bg: transparent;
--bs-accordion-border-color: #87878700;
--bs-accordion-btn-focus-border-color: transparent;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem transparent;
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
/* --bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle); */
}
.accordion .accordion-item{
border-bottom: 1px solid gray;
}
.accordion-button{
color: #000;
}
.heading{
font-family: "Cormorant Garamond", serif !important;
font-weight: 700 !important;
}
/* About */
.c-height {
min-height: 350px;
height: 400px !important;
max-height: 450px;
}
.about-image, .amenities-image{
width: 100%;
height: 100%;
}
.about-image img {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 1;
width: 90%;
height: 90%;
object-fit: cover;
box-shadow: 0 0 10px -6px black;
background-color: #fff;
}
.about-image .image-bg-clone , .amenities-image .image-bg-clone{
position: absolute;
z-index: 0;
left: 30px;
bottom: 30px;
width: 90%;
height: 90%;
}
.amenities-image #amenities-slider{
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
width: 90%;
height: 90%;
}
.amenities-image #amenities-slider .carousel-inner, .amenities-image #amenities-slider .carousel-item, .amenities-image #amenities-slider .carousel-item img{
width: 100%;
height: 100%;
object-fit: cover;
}
.read-more{
cursor: pointer;
text-decoration: none !important;
margin-top: 10px;
}
.read-more:hover{
color: var(--theme-color) !important;
text-shadow: 2px 2px 5px #2e2e2e;
}
.read-more-text{
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.read-more-text.show{
-webkit-line-clamp: unset;
}
.right-btn {
color: #ffffff;
text-align: center;
padding: 10px 25px;
border-radius: 100px;
width: fit-content;
font-size: 12.5px;
transform: rotate(0deg);
right: 20px;
position: fixed;
bottom: 30px;
font-weight: 500;
background: linear-gradient(-45deg, var(--bg-mid), var(--bg-dark), var(--bg-mid));
background-size: 400% 400%;
animation: gradient 2s ease infinite;
box-shadow: -4px 4px 15px -4px #4f4f4f;
z-index: 990;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.call-icons{
display: none;
}
.float .fa-whatsapp {
bottom: 30px;
left: 20px;
font-size: 30px;
background: #25d366;
z-index: 4;
}
.v-height{
height: 50px;
}
@media screen and (max-width: 786px) {
.v-height{
height: 35px;
}
.w-sm-75{
width: 75%;
}
.slick-prev {
left: 20px;
z-index: 2;
}
.slick-next {
right: 20px;
z-index: 2;
}
.slick-prev:before, .slick-next:before{
color: #fff !important;
}
.fs-sm-7{
font-size: 0.90rem !important;
}
.fs-sm-8{
font-size: 0.80rem !important;
}
.fs-sm-9{
font-size: 0.70rem !important;
}
.fs-sm-10{
font-size: 0.60rem !important;
}
.call-icons {
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
width: fit-content;
background: #0d6efd;
border-radius: 8px;
position: fixed;
bottom: 70px;
left: 20px;
z-index: 4;
}
.float .fa-whatsapp {
font-size: 25px !important;
bottom: 20px;
}
.right-btn {
display: flex;
flex-flow: column;
right: 20px;
bottom: 20px;
font-size: 10.5px;
font-weight: 500;
padding: 10px 20px;
/*outline-style: dashed;*/
/*outline-color: #9a6c10;*/
/*outline-offset: -5px;*/
box-shadow: -4px 4px 15px -4px #4f4f4f;
}
}