@font-face {
  font-family: 'Kalpurush';
  src: url('../fonts/kalpurush-webfont.woff2') format('woff2'),
       url('../fonts/kalpurush-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
    font-family: 'Kalpurush', sans-serif;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Kalpurush', sans-serif;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
	color: #ff0000;
}

.form-horizontal .form-md-line-input .radio-list > label , .form-md-line-input .checkbox-list > label{
    color: #888888;
	font-size: 14px;
}

input::placeholder {
    color: #888888 !important;
}

input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 4px 0 0;
}

.form-horizontal .form-group.form-md-radios, .form-horizontal .form-group.form-md-checkboxes {
    margin-bottom: 20px;
    padding-top: 10px;
}

.md-checkbox-list .md-checkbox, .md-radio-list .md-radio {
    margin-bottom: 0px;
}

.md-checkbox label, .md-radio label {
    color: #888888;
    font-size: 14px;
	padding-left: 22px;
}

.md-checkbox label > .box, .md-radio label > .box {
    border: 1px solid #666;
    height: 12px;
    width: 12px;	
    margin-top: 5px;
}

.md-radio label > .check {
    left: 1px;
    top: 6px;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    font-size: 13px;
}

#els-media .media-body {
   overflow: visible;
}

#contact  {
	padding: 60px !important;
}

#stay {
	padding: 60px !important;
}

.thumbnail img {
    height:150px;
    width:100%;
}

.easyPaginateNav a {
	padding:8px; 
	font-size:18px
}

.easyPaginateNav a.current {
	font-weight:bold;
}

.center {
    display: block; 
    margin: 0 auto;
}

p {
    color: rgba(0,0,0,.75);
}

.light-gray-link a, .light-gray-link div, .light-gray-text a, .light-gray-text div {
    color: rgba(0,0,0,.75) !important;
}

/*---------------- SEARCH BOX in BLOG page ---------------- */
/* search box*/
.searchbox_1{
background-color: #fffbf8;
padding:13px;
width:335px;
margin: 0px 0px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius:6px;
-webkit-box-shadow:
0 2px 4px 0 rgba(72, 72, 72, 0.83),
0 10px 15px 0 rgba(126, 126, 126, 0.12),
0 -2px 6px 1px rgba(199, 199, 199, 0.55) inset,
0 2px 4px 2px rgba(255, 255, 255, 0.83) inset;
-moz-box-shadow:
0 2px 4px 0 rgba(72, 72, 72, 0.83),
0 10px 15px 0 rgba(126, 126, 126, 0.12),
0 -2px 6px 1px rgba(199, 199, 199, 0.55) inset,
0 2px 4px 2px rgba(255, 255, 255, 0.83) inset;
box-shadow:
0 2px 4px 0 rgba(72, 72, 72, 0.83),
0 10px 15px 0 rgba(126, 126, 126, 0.12),
0 -2px 6px 1px rgba(199, 199, 199, 0.55) inset,
0 2px 4px 2px rgba(255, 255, 255, 0.83) inset;
}
.search_1{
width:250px;
height:30px;
padding-left:15px;
border-radius:6px;
border:none;
color:#0F0D0D;;
font-weight:500;
background-color:#E2EFF7;;
-webkit-box-shadow:
0 -2px 2px 0 rgba(199, 199, 199, 0.55),
0 1px 1px 0 #fff,
0 2px 2px 1px #fafafa,
0 2px 4px 0 #b2b2b2 inset,
0 -1px 1px 0 #f2f2f2 inset,
0 15px 15px 0 rgba(41, 41, 41, 0.09) inset;
-moz-box-shadow:
0 -2px 2px 0 rgba(199, 199, 199, 0.55),
0 1px 1px 0 #fff,
0 2px 2px 1px #fafafa,
0 2px 4px 0 #b2b2b2 inset,
0 -1px 1px 0 #f2f2f2 inset,
0 15px 15px 0 rgba(41, 41, 41, 0.09) inset;
box-shadow:
0 -2px 2px 0 rgba(199, 199, 199, 0.55),
0 1px 1px 0 #fff,
0 2px 2px 1px #fafafa,
0 2px 4px 0 #b2b2b2 inset,
0 -1px 1px 0 #f2f2f2 inset,
0 15px 15px 0 rgba(41, 41, 41, 0.09) inset;
}
.submit_1{
width:35px;
height:30px;
background-image:url('../../assets/imgs/searchicon.png');
background-repeat: no-repeat;
background-position: 17px 6px;
background-color:transparent;
-webkit-background-size:20px 20px;
background-size:20px 20px;
border:none;
cursor:pointer;
}
.search_1:focus{
outline:0;
}

.navbar-nav > li.dropdown:hover > .dropdown-menu {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    visibility: visible;
}
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
}
@keyframes fadeInDropdown {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.dropdown-menu.animated {
    animation: fadeInDropdown 0.3s forwards;
    display: block;
    opacity: 1;
}
.navbar-nav > li.dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out;
}
.dropdown-menu:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 20px; 
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f90048; 
    z-index: 1000;
}
.dropdown > .dropdown-menu:before, 
.dropdown-toggle > .dropdown-menu:before, 
.btn-group > .dropdown-menu:before {
    border-bottom: 8px solid #f90048;
}

/* ONLY for desktop */
@media (min-width: 768px) {
  .navbar-nav > li.dropdown:hover > .dropdown-menu {
      display: block;
      opacity: 1;
      visibility: visible;
  }
  .dropdown-menu {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease-in-out;
  }
}

/* NEVER apply these globally — this breaks Bootstrap JS toggle */
.dropdown-menu {
    display: none; /* ✅ Bootstrap sets this automatically, don't override it globally */
}