/*
Theme Name: Hello Elementor Child
Version: 1.0
Description: A child theme of Hello Elementor
Author: lumiesal
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");

:root {
    --navy-blue: #002E4D;
    --medium-blue: #1F7BB6;
    --sky-blue: #25AECF;
    --light-blue: #66ACCD;
    --text-color: #414141;
    --text-colorv2: #ffffff;
    
}

.d-block{display:block;}
.medium-blue{color: var(--medium-blue);}
.navy-blue{color: var(--navy-blue);}
.sky-blue{color: var(--sky-blue);}
.light-blue{color: var(--navy-blue);}

.break-word P{word-wrap:break-word;}

body.home #header{
	background: transparent;
    position: absolute;
    top: 0;
    left: 0;
}

/* PAGE DESTINATION */
#content-hero-destination{
    width:85%;
}

#destination-gallery figure{
    padding:0 9px;
}

#destination-gallery .swiper-slide-image{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    display: block;
    object-fit:cover;
}

/* PAGE Sport Fishing​ */
#content-boating{
    width: 100%;
    max-width: 84.6354rem;
}

.item-boating-img-content{height:100%;}
.item-boating-img .elementor-widget-image,
.item-boating-img .elementor-widget-container{display:flex; height:100%;}
.item-boating-img .elementor-widget-container img{
    height: 100%;
    width: 100%;
    object-fit:cover;
}
.item-boating-decrip p{
    margin-bottom:5px;
}
.item-boating-decrip p strong{
    display: inline-block;
    min-width:130px;
}
.item-boating-name .elementor-image-box-title{
    margin:0;
}

/* PAGE SLIP REQUEST FORM*/
#content-form{
    width: 100%;
    max-width: 79.9875rem;
}
#content-form .elementor-form .e-form__indicators{
    padding:0rem 0px 15px;
    border-bottom: 2px solid var(--light-blue);
    margin-bottom: 20px;
}

#content-form .elementor-form .e-form__indicators__indicator__separator{
    display: none;
}
#content-form .elementor-form .e-form__indicators__indicator__label{
    color:var(--navy-blue);
}
#content-form .elementor-form .e-form__indicators__indicator__number{
    width:35px;
    height:35px;   
    margin:0; 
}

#content-form .elementor-form .elementor-form-fields-wrapper{
    padding:0 20px;
}

#content-form .elementor-form .elementor-field-group-about_us,
#content-form .elementor-form .elementor-field-group-contact_you{
    margin-top:25px;
}


@media screen and (min-width: 764px) {

    /* PAGE DESTINATION */
    #content-hero-destination{
        width:max-content;
    }
     
    
    /* PAGE SLIP REQUEST FORM*/
    #content-form .elementor-form .e-form__indicators__indicator{
        display: flex;
        flex-direction: row;
        gap:6px;
        width: 100%;
        max-width: max-content;
        flex-basis: unset;
        flex-grow: unset;
    }

    #content-form .elementor-form .e-form__indicators{
        padding:0rem 30px 30px;    
        margin-bottom: 30px;
    }
    #content-form .elementor-form .e-form__indicators__indicator__number{
        width:45px;
        height:45px;   
        margin:0; 
    }
    #content-form .elementor-form .elementor-form-fields-wrapper{
        padding:0 50px;
    }
}
@media screen and (min-width: 1024px) {
  
	:root {
    	font-size: 1vw;
  	}

      #destination-box-left{
        clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
        position: absolute;
        width: 57%;
        height: 100%;
    }
    #destination-box-right{
        clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
        position: relative;
        width: 57%;
        margin: 0 0 0 auto;
    }
    

	#destination-gallery figure{
		padding:0 0.4687rem;
	}
	
	#sportfishing-box-text{max-width:41.1458rem;}	
    
    .item-boating-decrip p{
        margin-bottom:0.4604rem;
    }

    .item-boating-decrip p strong{
        min-width:6.7708rem;
    }

    /* PAGE SLIP REQUEST FORM*/
    #content-form .elementor-form .e-form__indicators{
        padding:0rem 5.20833rem 1.822916rem;
        border-bottom: 0.10416rem solid var(--light-blue);
        margin-bottom: 2.604166rem;
    }

    #content-form .elementor-form .e-form__indicators__indicator{
        gap:0.28645rem;    
    }
    #content-form .elementor-form .e-form__indicators__indicator__number{
        width:2.447916rem;
        height:2.447916rem;   
        margin:0; 
    }
    #content-form .elementor-form .elementor-form-fields-wrapper{
        padding:0 7.08333rem;
    }
    #content-form .elementor-form .elementor-field-group-about_us,
    #content-form .elementor-form .elementor-field-group-contact_you{
        margin-top:1.3020833rem;
    }
  
}