/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/* Fixed Header Desktop*/
.sticky
{
    background-color:white !important;
    position:fixed !important;
    color:black !important;

}
.sticky #site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a, #searchform-header-replace-close{
    color:black;
}
.sticky #site-navigation-wrap .dropdown-menu >.current-menu-item >a, #site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a, #site-navigation-wrap .dropdown-menu >.current-menu-item >a:hover, #site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a:hover
{
    color:#97d600;
}
/*Fixed Header End */

/*Fixed Header Mobile*/
.sticky .oceanwp-mobile-menu-icon .mobile-menu
{
    color:black;
}
.mobile-menu
{
    text-decoration:none !important;
}
.current-menu-item a
{
    color:#97d600 !important;
}
/*Fixed Header Mobile End*/
.dropdown-menu 
{
    display: contents !important;
}
a.menu-link {
    text-decoration: none !important;
}
/*body {
    background-color: #e0e0e0 !important;
}*/
/*Contact Form contact-us*/
#wpcf7-f6-p27-o3{
    margin:20px;
    padding:25px;
    border-radius:20px;
    background:linear-gradient(0.06deg, rgb(255 248 248) 0%,
    rgb(255 255 255) 29.62%,
    rgb(255 255 255) 58.47%,
    rgb(255 255 255) 86.92%,
    rgb(247 247 247) 99.22%);
    box-shadow:-6px 45px 45px rgba(0,0,0,0.1), -8px 16px 16px rgba(0,0,0,0.1), -16px 32px 32px rgba(0,0,0,0.15), -32px 64px 64px rgba(0,0,0,0.25);
}
#wpcf7-f6-p27-o3 input:focus {
    background-color: white;
    border-color: #95D600;
}
#wpcf7-f6-p27-o3 textarea:focus {
    background-color: white;
    border-color: #95D600;
}
#wpcf7-f6-p27-o3 textarea{
    border-color: black;
    height:25px;
    background-color:#f6f6f6;
	margin-top:10px;
    font-weight: bold;
}
#wpcf7-f6-p27-o3 .wpcf7-not-valid-tip{
    font-size:14px;
}
#wpcf7-f6-p27-o3 .wpcf7-response-output{
    margin-top:0px;
    text-align:center;
    border-color:red;
    font-size:10px;
    text-transform:uppercase;
    font-weight:700;
}
#wpcf7-f6-p27-o3 input{
	border-color: black;
	background-color:#f6f6f6;
	margin-top:10px;
    font-weight: bold;
}
#wpcf7-f6-p27-o3 input[type="submit"]{
	width:100%;
	margin-top:10px;
	background-color:black;
}
#wpcf7-f6-p27-o3 input[type="submit"]:hover{
	width:100%;
	margin-top:10px;
	color:#95D600;
}

/* Form Home */
.contact-form-head-wrap h2
{
    font-size:35px;
    text-align:center;
}
.contact-form-head-wrap
{
    background-color:#e0e0e0;
    padding:20px;
    margin:10px;
}
.heading h2
{
    font-size:25px;
    text-align:center
}
.contact-form-wrap .text-center a
{
   font-size:15px;
   font-weight:bold;
   margin:15px;
   color: white;
}
.contact-form-wrap .text-center 
{
    border-style: solid;
    border-color: #0000007a;
    border-width:1px;
    margin-top:6px;
    border-radius:10px;
    width: 400px;
    margin-left: 365px;
    background-color: black;
}
.contact-form-wrap .text-center:hover 
{
    background-color:black;
}
.contact-form-wrap .text-center:hover a
{
    color:#97d600;
}
.contact-form-wrap .text-center i
{
    padding-left:20px;
    font-size:25px;
}
/* Modal css */
#popmake-1226 .popmake-close{
    padding-top:110px !important;
    padding-right:50px !important;
    color:black !important;
    font-size:30px !important;
}
.modal-content {
    width: 900px !important;
    background-color: #ffffff00 !important;
    border: none !important;
    margin-left: -200px !important;
    margin-top: 100px !important;
}
.modal-header
{
  border:none !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
  margin-top:-10px !important;
  margin-right:20px !important;
  margin-bottom:-40px !important;
  z-index:1 !important;

}
.contact-form-details
{
    float:left !important;
    width:50% !important;
    background-color:#040404 !important;
    padding-top:70px !important;
    padding-bottom:120px !important;
}
.contact-form-feilds {
    float: left !important;
    width: 50% !important;
    background-color: white !important;
    padding-top: 50px !important;
    padding-bottom: 89px !important;
}
.contact-form-details-head h2
{
    font-size:35px !important;
    text-align:center !important;
    font-weight:bold !important;
    color:#cdf10aeb !important;
    padding-bottom:20px !important;
}
.contact-form-details-contents ul li
{
    font-size:15px !important;
    list-style:none !important;
    text-align:center !important;
    line-height:35px !important;
    color:#e9ecef !important;
}
.md-form span input
{
    width:320px !important;
    margin-left:45px !important;
    margin-top:-35px !important;
}
.md-form i 
{
    padding-left:10px !important;
    font-size:20px !important;
}
.contact-form-times h2
{
    padding-top:33px !important;
    font-size:x-large !important;
    text-align:center !important;
    color:green !important;
}
.contact-form-times p
{
    font-size:small !important;
    text-align:center !important;
}
.contact-form-privacy p
{
    padding-top:15px !important;
    font-size:small !important;
    text-align:center !important;
}
.modal-footer
{
    border:none !important;
}
.modal-footer button
{
    background-color:black !important;
    color:white !important;
    font-size:medium !important;
    text-transform:uppercase !important;
    padding-left:25px !important;
    padding-right:25px !important;
    text-align:center !important;
    border-radius:5px !important;
    margin-left:400px;
    margin-top:-100px;
    z-index:1;
}
.modal-footer button:hover 
{
  color:#1de74a !important;
}
.md-form .wpcf7-not-valid-tip
{
    font-size:13px !important;
    text-align:center !important;
    margin-bottom:-19px !important;
}
.modal-header button
{
    color:#000000 !important;
    font-size:30px !important;
}
.modal-header button:hover 
{
  color:#000000 !important;
}
.book-service-wrap-col
{
    -moz-box-shadow:    inset 0 0 10px #212529;
   -webkit-box-shadow: inset 0 0 10px #212529;
   box-shadow:         inset 0 0 10px #212529;
   padding-top:20px;
   padding-bottom:50px;
}
.page-separate-color-text
{
    color:#96d700;
}
/* Blog page */
.blog-post-short .pt-cv-content-item{
    border:solid;
    border-color:#b8b9b62e;
    border-width:1px;
    margin:15px;
    width:28%;
    padding-top:15px;
    box-shadow:-6px 45px 45px rgb(0 0 0 / 2%), -8px 16px 16px rgb(0 0 0 / 2%), -16px 32px 32px rgb(0 0 0 / 7%), -32px 64px 64px rgb(0 0 0 / 14%);
    margin-bottom:50px;
}
.blog-post-short img{
    width:500px !important;
    height:250px !important;
}
.blog-post-short .pt-cv-title , h2 a{
    font-family:"Times New Roman", Times, Serif;
    text-align:center;
    font-size:18px;
    color:#000000;
    text-transform:uppercase;
    padding-bottom:10px;
    padding-top:10px;
    margin:0px;
}
.blog-post-short .pt-cv-title , h2 a:hover{
    color:#96d700;
}
.blog-post-short .pt-cv-content{
    font-family:"Times New Roman", Times, Serif;
    text-align:center;
    font-size:16px;
    color:#000000;
    margin:0px;
}
.blog-post-short .pt-cv-readmore {
    font-size:16px;
    background-color:#000000;
    color:#ffffff;
    margin-top:20px;
}
.blog-post-short .pt-cv-readmore:hover{
    color:#b6d700;
    background-color:#000000;
}
.pt-cv-pagination-wrapper 
{
    text-align:center;
    font-size:16px;
}
.cv-pageitem-prev a,.cv-pageitem-number a,.cv-pageitem-next a 
{
    background-color:black !important;
    color:white !important;
    margin-left:5px !important;
}
.cv-pageitem-prev.active a,.cv-pageitem-number.active a,.cv-pageitem-next.active a
{
    color:#96d700 !important;
}
#popmake-367 div 
{
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
}
/*About Us Page*/
.counter-aboutus .elementor-counter-number-suffix {
    font-size: 35px;
    padding-top: 30px;
    padding-left: 5px;
}

/*Rental Services*/
.rental-service-col:hover .rental-head h2{
    color: #ffffff !important;
}
.rental-service-col:hover .rental-text{
    color: #ffffff !important;
}
.rental-service-col:hover .rental-icon svg{
    fill: #ffffff !important;
}
.rental-service-col:hover .enquire-now-btn .elementor-button-link {
    background-color:#9dd15b !important;
    color:#ffffff !important;
}
/*Enquiry Form Rental Service*/
#popmake-400 {
    border:solid 3px !important;
    border-color:#9dd15b !important;
    padding-top:15px !important;
    padding-bottom:25px !important;
}
#pum_popup_title_400{
    font-size:28px !important;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-family:"Times New Roman", Times, serif !important;
}
#popmake-400 input{
    margin-top:20px !important;
    font-size:16px !important;
    font-family:"Times New Roman", Times, serif !important;
    font-weight:bold;
}
#popmake-400 .wpcf7-radio{
    font-family:"Times New Roman", Times, serif !important;
}
#popmake-400 .wpcf7-submit{
    background-color:#000000;
    margin-left:400px;
    font-family:"Times New Roman", Times, Serif !important;
    font-size:16px !important;
}
#popmake-400 .wpcf7-submit:hover{
    background-color:#9dd15b;
}
#popmake-400 input:focus{
    border-color:#9dd15b;
}
#popmake-400 .pum-close:hover{
    background-color:#9dd15b;
}
#popmake-400 .wpcf7-not-valid-tip{
    font-family:"Times New Roman", Times, serif;
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:-25px;
    padding-top:5px;
}
#popmake-400 .wpcf7-response-output{
    font-family:"Times New Roman", Times, serif;
    text-transform:uppercase;
    font-size:14px;
    text-align:center;
    border-color:red;
}

/*Home Page*/
.home-book-service{
    --notchSize: 0px;
    clip-path:
            polygon(
                    10% var(--notchSize),
                    var(--notchSize) 100%,
                    calc(0% - var(--notchSize)) 0%,
                    80% var(--notchSize),
                    100% calc(100% - var(--notchSize)),
                    calc(100% - var(--notchSize)) 100%,
                    var(--notchSize) 100%,
                    0% calc(100% - var(--notchSize))
            );
}
/* Home Blog*/
.home-blog-post-short #pt-cv-view-82b581fv1b img{
    width:500px !important;
    height:300px !important;
}

.home-blog-post-short #pt-cv-view-82b581fv1b h4{
    text-align:center !important;
}

.home-blog-post-short #pt-cv-view-82b581fv1b a{
    color:#000000 !important;
    font-size:18px !important;
    text-align:center !important;
    font-family:"Times New Roman", Times, serif !important;
    text-transform:uppercase;
}

.home-blog-post-short #pt-cv-view-82b581fv1b a:hover{
    color:#9bd700 !important;
}
.home-blog-post-short #pt-cv-view-82b581fv1b .pt-cv-content-item{
    padding:25px !important;
    border:solid !important;
    border-color:#b8b9b62e !important;
    margin-right:9px !important;
    margin-left:9px !important;
    width:32% !important;
    align-items:center;
    box-shadow:-6px 45px 45px rgb(0 0 0 / 2%), -8px 16px 16px rgb(0 0 0 / 2%), -16px 32px 32px rgb(0 0 0 / 7%), -32px 64px 64px rgb(0 0 0 / 14%);

}
.home-book-now{
    clip-path: polygon(0% 0%, 100% 100%, 100% 0%, 0% 0%, 0% 0%, 10% 100%, 100% 100%);
}
/*Media Query Starts */
@media  only screen and (max-width: 767px) {
    .oceanwp-mobile-menu-icon .mobile-menu {
        color: black !important;
    }
}
@media  only screen and (max-width: 1024px) {
    .home-blog-post-short #pt-cv-view-82b581fv1b .pt-cv-content-item{
        width: 48% !important;
    }
}
@media  only screen and (max-width: 768px) {
    .home-blog-post-short #pt-cv-view-82b581fv1b .pt-cv-content-item{
        width: 47% !important;
    }
}
@media only screen and (max-width: 500px) {
    .home-blog-post-short #pt-cv-view-82b581fv1b .pt-cv-content-item {
        width: 95% !important;
        margin-bottom: 25px !important;
        margin-top: 25px !important;
    }
}
@media only screen and (max-width: 968px) 
{
    #popmake-1226 .popmake-close{
        padding-top:25px !important;
        padding-right:40px !important;
        color:white !important;
        font-size:25px !important;
    }

    #popmake-400 .wpcf7-submit{
        margin-left:105px;
    }
.modal-content {
    width: auto !important;
    background-color: #ffffff00 !important;
    border: none !important;
    margin: 0px !important;
    margin-top: 20px !important;
}
.modal-header
{
  border:none !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
  margin-top:0px !important;
  margin-right:20px !important;
  margin-bottom:-40px !important;
  z-index:1 !important;

}
.contact-form-details
{
    
    width:100% !important;
    background-color:#040404 !important;
    padding-top:30px !important;
    padding-bottom:5px !important;
}
.contact-form-feilds
{
    width:100% !important;
    background-color:white !important;
    padding-top:20px !important;
    padding-bottom:10px !important;
}
.contact-form-details-head h2
{
    font-size:20px !important;
    text-align:center !important;
    font-weight:bold !important;
    color:#cdf10aeb !important;
    padding-bottom:0px !important;
}
.contact-form-details-contents ul li
{
    font-size:10px !important;
    list-style:none !important;
    text-align:center !important;
    line-height:25px !important;
    color:#e9ecef !important;
}
.md-form span input
{
    width:230px !important;
    margin-left:45px !important;
    margin-top:-35px !important;
    border: none;
    background-color:#818a9157;
    resize: none;
}
.md-form i 
{
    padding-left:10px !important;
    font-size:10px !important;
}
.contact-form-times h2
{
    padding-top:0px !important;
    font-size:large !important;
    text-align:center !important;
    color:green !important;
}
.contact-form-times p
{
    font-size:x-small !important;
    text-align:center !important;
}
.contact-form-privacy p
{
    padding-top:10px !important;
    font-size:small !important;
    text-align:center !important;
}
.modal-footer
{
    border:none !important;
}
.modal-footer button
{
    background-color:black !important;
    color:white !important;
    font-size:small !important;
    text-transform:uppercase !important;
    padding-left:25px !important;
    padding-right:25px !important;
    text-align:center !important;
    border-radius:5px !important;
    margin-top:-75px;
    margin-left:0px;
}
.modal-footer button:hover 
{
  color:#1de74a !important;
}
.md-form .wpcf7-not-valid-tip
{
    font-size:13px !important;
    text-align:center !important;
    margin-bottom:-19px !important;
}
.modal-header button
{
    color:#e9ecef !important;
    font-size:20px !important;
}
.modal-header button:hover 
{
  color:#e9ecef !important;
}
.contact-form-wrap .text-center
{
    margin-left:0px;
    width:auto;
}
.contact-form-head-wrap h2
{
    font-size:25px;
}
.heading h2
{
    font-size:18px;
}
.contact-form-wrap .text-center a
{
    font-size:12px;
}
.md-form.mb-5 {
    width: auto !important;
}
    .blog-post-short .pt-cv-content-item{
        width:100%;
        margin-bottom:30px;
        margin-left:0px;
        margin-right:0px;
        padding-top:10px;
        padding-bottom:10px;
    }
}
@media all and (orientation:landscape)
{
  .md-form span input
{
    width:350px !important;
    margin-left:45px !important;
    margin-top:-35px !important;
}
}