html {
scroll-behavior: smooth;
}
@font-face {
font-family: PlayfairDisplaySC-Bold;
src: url(https://ketut-farm-homestay.com/wp-content/themes/ketutfarmhomestay/assets/fonts/PlayfairDisplaySC-Bold.woff);
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: PlayfairDisplay;
src: url(https://ketut-farm-homestay.com/wp-content/themes/ketutfarmhomestay/assets/fonts/PlayfairDisplay-VariableFont_wght.woff);
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: Poppins-Light;
src: url(https://ketut-farm-homestay.com/wp-content/themes/ketutfarmhomestay/assets/fonts/Poppins-Light.woff);
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: Poppins-Regular;
src: url(https://ketut-farm-homestay.com/wp-content/themes/ketutfarmhomestay/assets/fonts/Poppins-Regular.woff);
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: Poppins-Bold;
src: url(https://ketut-farm-homestay.com/wp-content/themes/ketutfarmhomestay/assets/fonts/Poppins-Bold.woff);
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: Sacramento-Regular;
src: url(https://ketut-farm-homestay.com/wp-content/themes/ketutfarmhomestay/assets/fonts/Sacramento-Regular.woff);
font-weight: 400;
font-display: swap;
}
body{
font-family: 'Poppins-Regular', sans-serif;
font-size: 16px;
background: #fff;
color: #6c6e72;
}
p{
margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-family: 'PlayfairDisplay', sans-serif;
font-weight: 400;
line-height: normal;
color: #6c7459;
}
h2{
letter-spacing: 1px;
}
a {
text-decoration: none;
color: #6c7459;
transition: all .2s ease-in-out;
}
a:hover{
text-decoration: none;
color: #b9ac6b;
cursor:pointer;
}
.btn,
a {
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
strong{
font-weight: bold;
}
em{
font-style: italic;
}
img{
max-width: 100%;
margin: auto;
height: auto;
display: block;
}
section, .bi-content, .bi-page-content{
line-height: 1.75rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
section, .bi-content ul li{
list-style:initial;
} .bi-after-header-home{
margin-top: 150px;
}
.bi-after-header h2{
font-size: 2.5rem;
}
.bi-page-content h3{
font-size: 1.5rem; } .bg-white{
background-color: #fff;
}
.bg-green{
background-color: #6c7459;
}
.bg-dark-transparent {
background-color: #08080836;
}
.bg-grey{
background-color: #7a7c82;
}
.text-black{
color: #161616;
}
.text-green{
color: #6c7459;
}
.text-grey{
color: #7a7c82;
} .green-btn{
display: inline-block;
width: 185px;
text-align: center;
padding: 10px 20px;
background-color: #6c7459;
color: #fff;
font-size: 16px;
text-decoration: none;
border: 2px solid #6c7459;
transition: all .3s ease-out 0s;
}
.green-btn:hover{
background-color: #868d78;
color: #fff;
border: 2px solid #868d78;
}
.gold-btn{
display: inline-block;
width: 185px;
text-align: center;
padding: 10px 20px;
background-color: #b9ac6b;
color: #fff;
font-size: 16px;
text-decoration: none;
border: 2px solid #b9ac6b;
transition: all .3s ease-out 0s;
}
.gold-btn:hover{
background-color: #c1b57b;
color: #fff;
border: 2px solid #c1b57b;
}
.grey-btn{
padding: 10px 20px;
background-color: #343434;
color: #fff;
text-decoration: none;
border: none;
border-radius: 0;
transition: all .3s ease-out 0s;
}
.grey-btn:hover{
background-color: #232121;
color: #fff;
}
.ghostgreen-btn{
display: inline-block;
width: 185px;
text-align: center;
padding: 10px 20px;
background-color: #6c7459;
color: #fff;
font-size: 16px;
text-decoration: none;
border: 2px solid #6c7459;
transition: all .3s ease-out 0s;
}
.ghostgreen-btn:hover{
background-color: #fff;
color: #6c7459;
border: 2px solid #6c7459;
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #acb1a0;
color: white;
cursor: pointer;
padding: 3px 15px;
font-size: 32px;
transition: all .3s ease-out 0s;
}
#myBtn:hover {
background-color: #a0a98c;
} .fs-11{
font-size: 11px;
}
.fs-24{
font-size: 24px;
} .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 input[type="file"] { font-size: 14px;
}
.form-group.required label::after {
content: " *";
color: red;
} .banner{
background-image: url(//ketut-farm-homestay.com/wp-content/themes/ketutfarmhomestay/assets/img/banner.jpg);
background-position: top;
background-repeat: no-repeat;
height: 100vh;
background-size: cover;
}
.bi-after-header-home{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
margin-top: 0;
}
.banner h1{
font-family: 'Poppins-Regular', sans-serif; font-size: 45px;
letter-spacing: 3px;
}
.banner p{ font-size: 20px;
}
.arrow {
text-align: center;
margin: 3% 0;
}
.bounce {
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} .navbar{
padding: 0;
}
#navbar-bi ul li{
list-style:none;
transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
position: relative;
margin-right: .5rem;
margin-left: .5rem;
}
#navbar-bi ul li:after{
content: "";
position: absolute;
width: 0%;
height: 1px;
display: block;
transition: all 0.3s ease;
bottom: 0;
}
#navbar-bi ul li:hover::after {
width: 100%;
height: 1px;
background-color: #fff;
}
#navbar-bi ul li.menu-item-has-children:after {
display: none;
}
#navbar-bi ul li:first-child{
margin-left: 0;
}
#navbar-bi ul li a,
#navbar-bi1 ul li a{
color: #fff;
text-transform: uppercase;
padding-right: 0;
padding-left: 0;
letter-spacing: 2px;
}
#navbar-bi ul li.current-menu-item a{
color: #fff;
}
#navbar-bi ul li a:hover{
color: #fff;
}
#navbar-bi ul{
margin-bottom: 0;
} .dropdown-menu.allah-light{
background-color: #fff;
border: none;
}
#navbar-bi ul.dropdown-menu.allah-light li{
margin-left: 0;
margin-right: 0;
}
ul.dropdown-menu.allah-light li:hover {
background-color: #e9e9e9 !important;
}
ul.dropdown-menu.allah-light li a {
color: #6c7459 !important;
padding-left: .5rem !important;
}
ul.dropdown-menu.allah-light li a:hover {
color: #b9ac6b !important;
}
.dropdown-menu{
font-size: 14px;
} .box-content{
padding: 3rem;
}  .bi-content ul.ul-li-custom li{
list-style: none;
margin-bottom: 0.5rem;
}
.ul-li-custom li:before {
content: '\f00c';
margin-left: -28px;
margin-right: 10px;
font-family: 'FontAwesome';
color: #b9ac6b;
font-size: 18px;
}  .cta-title{
font-family: 'Poppins-Regular', sans-serif;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
} .testimonial, .wcu{
background: #f3f3f3;
}
.home .wpmtst-testimonial-content.testimonial-content{
text-align: center;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner{
border: 1px solid #b5bba9 !important; box-shadow: none;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner:hover{
box-shadow: 4px 8px 8px #b5bba9 !important;
box-shadow: none;
transition: all .5s ease-in-out;
}
.strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport{
border: none !important;
}
.strong-view.pager-style-buttons .wpmslider-pager-link:before{
color: #6c7459 !important;
background: #6c7459 !important;
}
.strong-view.wpmtst-default .strong-content{
margin: 0 auto 0 !important;
}
.testimonial-name{
color: #6c7459;
font-style: italic;
}
.page-id-14 .col-12.col-lg-4{
display: none;
} .gallery h2{
font-family: Sacramento-Regular, sans-serif;
font-size: 3.5rem;
} .box-services{
background-color: #fff;
display: flex;
padding: 2rem;
margin-bottom: 2rem;
border-radius: 1rem;
transition: transform .5s, filter .5s ease-in-out;
}
.box-services:hover{
transform: scale(1.05);
}
.box-content-service{
padding-left: 1.5rem;
} .img-hover-zoom {
height: auto;
overflow: hidden;
}
.img-hover-zoom img {
transition: transform 2s, filter .5s ease-in-out;
}
.img-hover-zoom:hover img {
transform: scale(1.5);
}
.feature-box{
position: relative;
}
.feature-box:hover{
box-shadow: 0 0 10px 5px #e0e0e0;
}
.overlay {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
transition: .5s ease;
opacity:0;
color: white;
padding: 20px;
text-align: center;
}
.feature-box:hover .overlay {
opacity: 1;
} footer ul{
padding-left: 0;
}
footer ul li{
list-style: none !important;
}
footer h3{
color: #fff;
margin-bottom: 1rem;
}
footer a, .copyright a{
color: #fff;
}
footer a:hover, .copyright a:hover{
color: #dee9c4;
}
.widget_nav_menu ul{
margin-bottom: 0;
}
.widget_nav_menu li{
padding-bottom: 10px;
}
.widget_nav_menu li:last-child{
padding-bottom: 0;
}
hr.bt{
border-top: 1px solid rgb(153 161 138 / 50%)
} .bi-page-banner{
padding-top: 2rem;
}
.wp-block-table.is-style-stripes{
margin-bottom: 3rem;
}
.wp-block-table.is-style-stripes:last-child{
margin-bottom: 0;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th{
padding: 1rem 0 1rem 1rem;
}
.page h5{
font-family: 'Poppins-Regular', sans-serif;
}
.bi-page-content ul li{
margin-bottom: 0.5rem;
list-style: none;
} .yellow-line{
width: 10%;
border-top: 2px solid #b9ac6b;
margin-left: 0;
} .sidebar{
background-color: #f0f0f0;
padding: 2rem;
border-radius: .25rem;
word-break: break-all;
}
.sidebar a{
color: #7a7c82;
}
.sidebar a:hover{
color: #6c7459;
} .strong-view.wpmtst-default .strong-content{
margin: 0 auto 0 !important;
}
.testimonial-name{
color: #6c7459;
font-style: italic;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner{
box-shadow: 1px 4px 4px #eee;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner:hover{
box-shadow: 4px 8px 8px #eee;
transition: all .5s ease-in-out;
} .home .strong-view.wpmtst-default{
margin-bottom: 0;
}
.strong-view.wpmtst-default{
margin-bottom: 4rem;
} @media screen (min-width:1024px) and (max-width:1440px){ .banner h1{
font-size: 45px;
}
.banner p {
font-size: 20px;
}
}
@media screen and (min-width:1200px){ }
@media (max-width: 1199px) { #navbar-bi ul li a, #navbar-bi1 ul li a {
padding-right: .5rem;
padding-left: .5rem;
font-size: 14px;
}
.header-cta .fa {
font-size: 1rem;
padding-top: .4rem;
}
.bi-after-header-home{
margin-top: 192px;
}
}
@media (max-width: 991px) { .bi-after-header-home{
margin-top: 130px;
}
.bi-after-header{
padding-top: 80px;
padding-bottom: 80px;
}
.header-cta {
padding-left: 0;
}
.swiper-container, .swiper-wrapper, .swiper-slide {
height: 350px !important;
}
.navbar {
border-top: none;
padding-top: 0;
padding-bottom: 0;
}
#navbar-bi ul li a, #navbar-bi1 ul li a {
padding-right: .75rem;
padding-left: .75rem;
font-size: 16px;
}
.dropdown-menu.allah-light{
background-color: #f0f5e7;
}
.mobile-menu{
padding-top: 1rem;
}
.header-cta .fa {
font-size: 2rem;
padding-top: 0;
}
.bg-about{
background-size: auto;
}
.box-icon {
margin-top: 1.5rem;
}
.box-services img{
margin: 0;
}
.overlay{
opacity: unset;
} .widget_media_image{
margin-bottom: 2rem;
} .cc{
flex-direction: column;
}
.cc div{
margin-bottom: 1.5rem;
}
.cc div:last-child{
margin-bottom: 0;
} .breadcrumb{
margin-bottom: 0;
}
.service.child .sidebar{
margin-top: 1.5rem;
} .service .card-deatails, .single-service .card-deatails{
display: none;
}
.service .card:hover .card-body, .single-service .card:hover .card-body{
bottom: 0;
}
.widget_nav_menu{
margin-bottom: 2rem;
} .sidebar{
margin-top: 3rem;
} .bi-page-content h3{
margin-bottom: 1.5rem;
}
p.required-notice{
margin-bottom: 1.5rem;
} .mobile-sticky a{
border: 1px solid #ccc;
font-size: 14px;
}
.mobile-sticky .green-btn{ border-radius: 0;
}
.grey-btn{
background-color: #343434;
border-radius: 0;
}
.copyright{
margin-bottom: 42px;
}
.mobile-sticky{
z-index: 10;
}
.mobile-sticky .green-btn{
border-radius: 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
}
@media (max-width: 767px) { .bi-after-header-home {
margin-top: 50px;
}
.banner h1{
font-size: 55px;
letter-spacing: 1px;
}
.box-content {
padding: 1.5rem;
}
.breadcrumb .container{
padding-right: 0;
padding-left: 0;
}
.box-services{
flex-direction: column;
}
.box-content-service{
padding-left: 0;
margin-top: 1.5rem;
}
.box-icon {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.feature-box{
margin-bottom: 2rem;
}
.col-12.col-md-6 .card{
margin-bottom: 1.5rem;
}
.col-12.col-md-6:last-child .card{
margin-bottom: 0;
}
.col-lg:last-child a .feature-box{
margin-bottom: 0;
}
.box-side-contact{
border-top: 1px solid #eee;
margin-top: 3rem;
}
.cc{
margin-top: 3rem;
}
#myBtn{
bottom: 50px;
right: 5px;
background-color: #acb1a0ba;
}
}
@media (max-width: 374px) { .bi-after-header-home{
margin-top: 56px;
}
}