/*
Theme Name: Esturine Village Resort
Description: Estuarine Village Resort Bhitarkanika, located close to Bhitarkanika National Park and Wildlife Sanctuary, in Kendrapara District in Odisha, is the best place to stay in Bhitarkanika.
Theme URI: https://www.villageresort.in
Author: LOGICGET TECHNOLOGIES
Author URI: http://www.logicget.com
Version: 21.10.12.8.33.2
License: LOGICGET Theme Licence
Text Domain: villageresort
Domain Path: /common/languages
*/

p{padding: 10px 0;}

.vc_column-inner ol{padding: 10px 0 !important;margin: 1rem 0.8rem !important;}
.vc_column-inner ol li{font-size: 16px !important; line-height: 28px !important; text-align: justify !important;}

.vc_column-inner ul{padding: 10px 0 !important;margin: 1rem 0.8rem !important;}
.vc_column-inner ul li{font-size: 16px !important; line-height: 20px !important; text-align:  justify !important;}

.grecaptcha-badge {display:none !important; opacity:0 !important;}
.vlg-box-shadow-01{background:none;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;transition: all 0.5s ease-out;}
.vlg-box-shadow-01:hover{box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;}
.vlg-box-shadow-02{background:none;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;transition: all 0.5s ease-out;}
.vlg-box-shadow-02:hover{box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;}
.vlg-box-shadow-03{background:none;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;transition: all 0.5s ease-out;}
.vlg-box-shadow-03:hover{box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;}
.vlg-box-shadow-04{background:none;box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;transition: all 0.5s ease-out;}
.vlg-box-shadow-04:hover{box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;}

.vlg-featurebox{background: #ffffff; border: 1px #c9c9c9 solid;padding: 20px 25px !important;margin:5px !important;border-radius: 12px;}

.vlg-usefulbox{background: #ffffff; border: 1px #c9c9c9 solid;padding: 20px 10px !important;margin:5px 2px !important;border-radius: 12px;}

.vlg-featurebox h6.w-iconbox-title, .vlg-usefulbox h6.w-iconbox-title{font-size: 16px !important;font-weight: 600 !important;margin: 0px !important;color:#14612a;}

.vlg-featurebox .w-iconbox-text p, .vlg-usefulbox .w-iconbox-text p{font-size: 14px;color: #666666;}


.vlg-head-email, .vlg-head-phone{padding: 5px 10px 5px 10px !important; border-radius: 35px; margin: 0 5px !important;}

.vlg-head-email{background: #000;border: 1px solid #333; }
.vlg-head-email:hover{background: #fff;border: 1px solid #ccc; }

.vlg-head-phone{background: #f4f4f4; border: 1px solid #ccc;}
.vlg-head-phone:hover{background: #14612a; border: 1px solid rgb(23, 74, 51)12a;}

.vlg-head-phone a{color: #000 !important; font-size: 14px; font-weight: 600 !important;}
.vlg-head-phone:hover a{color: #fff !important;}

.vlg-head-email a{color: #fff !important;font-size: 14px; font-weight: 600 !important;}
.vlg-head-email:hover a{color: #000 !important;}


.vlg-head-email a i{background: #f5b60b !important;font-size: 12px;border-radius: 50px; padding: 3px 6px 4px 7px;color: #fff;margin-bottom: 2px;}
.vlg-head-email:hover a i{background: #f5b60b !important;color: #fff;}


.vlg-head-phone a i{background: #14612a !important;font-size: 12px;border-radius: 50px; padding: 3px 6px 4px 7px;color: #fff;margin-bottom: 2px;}
.vlg-head-phone:hover a i{background: #000 !important;color: #fff;}

.vlg-contact-info{margin: 20px 0 10px 0 !important;}
.vlg-contact-info .w-contacts-list{padding: 0 !important; margin: 0 !important;}
.vlg-contact-info .w-contacts-list span{font-size: 14px;font-weight: 400;}

.vlg-contact-info .w-contacts-list .w-contacts-item::before {
    font-size:1.2rem !important;
    font-weight: 500 !important;
    line-height:1rem !important;
    width:3rem !important;
    margin-right: 0.4rem !important;
    box-shadow:none !important;
  }
  .vlg-contact-info .w-contacts-item.for_phone::before{content: '\f095     : ';padding-right: 2px;}  
  .vlg-contact-info .w-contacts-item.for_address::before {content: '\f3c5     : ';padding-right: 2px;}
  .vlg-contact-info .w-contacts-item.for_mobile::before {content: '\f10b     : ';padding-right: 2px;}  
  .vlg-contact-info .w-contacts-item.for_email::before {content: '\f0e0     : ';padding-right: 2px; }

.w-toplink.pos_right {bottom:60px !important;}
.layout_testimonial_2 .usg_post_custom_field_2 {color: var(--color-content-faded) !important;}
.poweredby {
    background: url("img/poweredby_logicget_dark_skin.svg") no-repeat center center;
    width: 210px;
    height: 41px;
    position:absolute;
    bottom: 0px;
    right: 40px;
  }


/*############################ CUSTOM CONTACT FORM CSS STARTS ####################*/
#responsive-form{margin: 0 auto;width:100%;clear:both;}
#responsive-form .form-row{width:100%;}

#responsive-form .form-row .red{color: #df3f3f !important;display:inline;}
.column-half,.column-full{float: left;position: relative;padding:0 0.4rem;width:100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box}
.clearfix:after {content: "";display: table;clear: both;}
#responsive-form input[type=text],#responsive-form input[type=email],#responsive-form input[type=number],
#responsive-form select{height:42px !important; max-height:42px !important;
padding-top:2px !important;padding-bottom:2px !important;padding-left:12px;}
#responsive-form textarea{max-height: 160px;}
.wpcf7-not-valid-tip{font-size:12px !important;}
#responsive-form input[type=text],#responsive-form input[type=email],
#responsive-form input[type=number],#responsive-form select,
#responsive-form textarea{background:rgba(255, 255, 255, 0.01) !important;border:1px #d3d3d3 solid !important;
font-size:14px !important;font-weight:400;border-radius: 4px !important;}

#responsive-form input[type=checkbox]{display:inline;}

#responsive-form .form-row .trm-acpt span{font-size:12px;font-weight:300;display:inline;}
#responsive-form .form-row .g-recaptcha-wrap{display:none !important;width:0.1px;height:0.1px;}
#responsive-form .submit-btn {text-align: center !important;font-size:18px;font-weight:500;padding:0;background:none;}
#responsive-form .submit-btn input[type=submit]{background:#000; width:100%;border-radius:10px;border:1px solid #333;}
#responsive-form .submit-btn:hove {background:#011d09 !important;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
border:none;}
.wpcf7 .wpcf7-response-output{text-align:center !important;color:#df3f3f !important;}

#responsive-form input.wpcf7-phonetext{padding-left: 100px !important;}
#responsive-form .intl-tel-input.separate-dial-code .selected-dial-code {font-size: 12px !important;}
#responsive-form .form-row span.cvtype{font-size: 12px !important; font-style: italic;}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { .column-half{width: 50%;}
}
/*############################ CUSTOM CONTACT FORM CSS ENDS ####################*/


/* For Desktop View */
@media screen and (min-width: 1024px) {
  
}

/* For Tablet View */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  

  
}
/* For Tablet landscape View */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

                    
}

    /* iPads (landscape) ----------- */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) {
    
    }

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
 
    .poweredby {
        width: 210px;
        height: 41px;
        bottom: 20px;
        right: 22%;

      }
    
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) and (orientation: landscape) {

  
}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {

  
}