| 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/roswaltzaidenjogeshwari.in/public_html/ |
| Current File : /home/u901718425/domains/roswaltzaidenjogeshwari.in/public_html/style.css |
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root{
--theme:#b78e47;
--bg-light:#e5e2d4;
--bg-mid:#a57a30;
--bg-samimid:#ac8136;
--bg-dark:#b78e47;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-weight: 300;
font-style: normal;
font-size: clamp(.3rem, 3vw, 0.8rem);
letter-spacing: 0.3px;
background-color: #e5e2d4;
}
.navbar-toggler:focus {
box-shadow: none !important;
}
/* width */
::-webkit-scrollbar {
width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
img.logo{
height: 4rem;
}
.mb-4-5 {
margin-bottom: 1.8rem !important;
}
.navbar-nav{
--bs-navbar-color : #000 !important;
}
.placeholder-white::placeholder{
color: #ffffffbd !important;
}
.text-custom , .text-primary{
color: var(--bg-dark) !important;
}
.bg-primary {
background-color: var(--bg-dark) !important;
}
.bg-primary-subtle {
background-color: var(--bg-mid) !important;
}
.bg-custom{
background-color: var(--bg-mid);
}
.bg-custom-light{
background-color: var(--bg-light);
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: #687b82 !important;
}
.w-fit {
width: fit-content !important;
}
.w-max {
width: max-content !important;
}
.btn {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.475rem;
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bg-dark) !important;
--bs-btn-border-color: var(--bg-samimid) !important;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bg-samimid);
--bs-btn-hover-border-color: var(--bg-light);
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-font-weight: 100;
--bs-btn-font-size: clamp(12.5px, 5vw, 0.9rem) !important;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bg-light);
--bs-btn-active-border-color: var(--bg-light);
--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-light) !important;
--bs-btn-disabled-border-color: var(--bg-light) !important;
}
.btn-outline-primary {
--bs-btn-color: var(--bg-dark);
--bs-btn-border-color: var(--bg-dark);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: var(--bg-samimid);
--bs-btn-hover-border-color: var(--bg-samimid);
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-font-size: clamp(12.5px, 5vw, 0.9rem) !important;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--bg-light);
--bs-btn-active-border-color: var(--bg-light);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: var(--bg-light);
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: var(--bg-light);
--bs-gradient: none;
}
.shadow-custom{
box-shadow: 8px 8px 16px -6px rgb(71, 71, 71);
transition: 0.5s ease-in-out;
}
.shadow-custom:hover{
transform: translate(-10px,-10px);
box-shadow: 14px 14px 16px -6px #000000c4;
}
.border-primary {
border-color: var(--bg-dark) !important;
}
.tabs > *{
display: none;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.tabs > *.active{
display: block;
opacity: 1;
}
.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;
}
.heading {
font-family: "PT Serif", serif !important;
font-weight: 600 !important;
/* border-bottom: 1px solid; */
width: fit-content;
padding-bottom: 5px;
}
.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.webp');
background-position: center;
background-size: cover;
min-height: 300px !important;
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: #ffffff !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: #fff;
}
/* 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;
border-radius: 20% 0 20% 0;
box-shadow: inset 9px 8px 16px -5px black, 15px 15px 20px 6px #3d3d3dc2;
}
/* .about-image .image-bg-clone , .amenities-image .image-bg-clone{
border-radius: 25% 0 25% 0;
position: absolute;
z-index: 0;
left: 30px;
bottom: 30px;
width: 90%;
height: 90%;
} */
.amenities img{
transition: 0.5s ease-in-out;
}
.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%;
}
}
/* highlights */
#highlights{
background: url('/highlight.webp') center no-repeat;
background-size: cover;
}
/* locations */
.locations>ul{
font-size: 0.9rem;
padding-right: 2rem;
padding-left: 1rem;
list-style: none;
}
.locations>ul>li{
font-weight: bold;
}
.locations>ul>ul{
font-size: 0.8rem;
margin-bottom: .8rem;
padding-left: 1rem;
list-style:disc;
}
.locations>ul li {
width: max-content;
margin-bottom: 0.25rem;
}
.locations>ul>ul>li {
font-weight: lighter;
}
/* conatct us */
#contact{
background: url('/contact.webp') center no-repeat;
background-size: cover;
}
.slick-prev, .slick-next{
top: 40% !important;
}
.call-icons{
display: none;
}
.float .fa-whatsapp {
bottom: 30px;
left: 20px;
font-size: 30px;
background: #25d366;
z-index: 4;
}
@media screen and (max-width: 1024px) {
body{
font-size: clamp(.3rem, 3vw, 0.7rem);
}
}
@media screen and (max-width: 786px) {
img.logo{
height: 3rem;
}
.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;
}
}