/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.rk_containershort {
    display: flex;
    width: 100%;
	flex-wrap:wrap;
}
.rk_containershort .date-button,
.rk_containershort .date-button:focus {
    background-color: transparent;
    color: var(--e-global-color-primary);
    border: solid 1px var(--e-global-color-primary);
    padding: 10px 15px 5px;
    transition: all 0.4s;
    margin: 5px;
}
.rk_containershort .date-button:hover,
.rk_containershort .date-button:focus:hover {
    border: solid 1px var(--e-global-color-d6049a3);
}

.rk_containershort .date-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.rk_containershort .date-button.active,
.rk_containershort .date-button:focus.active {
    background-color: var(--e-global-color-d6049a3);
    color: white;
    border: solid 1px var(--e-global-color-d6049a3);
}
.type-tours:not(.tag-next) .rk_nexts {
    display: none;
}

.rk_tours {
    overflow: hidden;
    max-width: 31%;
    margin: 1%;
    position: relative;
	margin-bottom:20px;
	border-radius: 20px 20px 0 0;
}
.rk_tours a:hover {
    text-decoration: none;
    color: var(--e-global-color-secondary);
}
.rk_tours:hover .elementor-portfolio-item__overlay {
    transform: translatey(20%);
}
.rk_tours .elementor-portfolio-item__overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    transition: transform 0.4s;
    transform: translatey(calc(100% - 20px));
}
.rk_tours .elementor-portfolio-item__overlay .e-con-inner {
    padding-top: 0;
	    display: flex;
	width:100%;
    flex-direction: column;
}
.rk_tours .elementor-portfolio-item__overlay .elementor-widget-heading {
    padding-top: 10px;
}
.rk_tours .elementor-portfolio-item__overlay > .e-child {
    height: 100%;
}
.rk_tours .elementor-icon-list-text p {
    margin: 0;
}


.rk_containershort .rk_tours .elementor-portfolio-item__overlay > .elementor-element.e-child {
    --display: flex;
    --gap: 0 0;
    --background-transition: 0.3s;
    --overlay-opacity: 0;
    border-style: solid;
    --border-style: solid;
    border-width: 0 0 0 0;
    --border-top-width: 0;
    --border-right-width: 0;
    --border-bottom-width: 0;
    --border-left-width: 0;
    --border-radius: 20px 20px 20px 20px;
    --margin-top: -30px;
    --margin-bottom: 0;
    --margin-left: 0;
    --margin-right: 0;
    --padding-top: 30px;
    --padding-bottom: 30px;
    --padding-left: 30px;
    --padding-right: 30px;
    background-color: #FBF1E0;
}
.rk_containershort .rk_tours .elementor-portfolio-item__overlay > .elementor-element.e-child h2 {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    text-decoration: var(--e-global-typography-accent-text-decoration);
    line-height: var(--e-global-typography-accent-line-height);
}
.rk_containershort .rk_tours .elementor-portfolio-item__overlay > .elementor-element.e-child .elementor-post__thumbnail__link div:nth-child(2) {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --justify-content: flex-start;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-width: 0 0 1px 0;
    --border-top-width: 0;
    --border-right-width: 0;
    --border-bottom-width: 1px;
    --border-left-width: 0;
    border-color: var(--e-global-color-cccabef);
    --border-color: var(--e-global-color-cccabef);
    --border-radius: 0 0 0 0;
    --margin-top: 15px;
    --margin-bottom: 0;
    --margin-left: 0;
    --margin-right: 0;
    --padding-top: 0;
    --padding-bottom: 20px;
    --padding-left: 0;
    --padding-right: 0;
    color: black;
}
.rk_containershort .rk_tours .elementor-portfolio-item__overlay > .elementor-element.e-child .elementor-post__thumbnail__link .elementor-widget-container ul li:nth-child(1) {
    border-right: solid 1px black;
    padding-right: 20px;
}
.rk_containershort .rk_tours .elementor-portfolio-item__overlay > .elementor-element.e-child .elementor-post__thumbnail__link .jkit-button-wrapper {
    background-color: #FA674100;
    padding: 0;
    font-family: var(--e-global-typography-90fbd7b-font-family), Sans-serif;
    font-size: var(--e-global-typography-90fbd7b-font-size);
    font-weight: var(--e-global-typography-90fbd7b-font-weight);
    text-transform: var(--e-global-typography-90fbd7b-text-transform);
    text-decoration: var(--e-global-typography-90fbd7b-text-decoration);
    line-height: var(--e-global-typography-90fbd7b-line-height);
    letter-spacing: var(--e-global-typography-90fbd7b-letter-spacing);
    color: var(--e-global-color-primary);
    border-style: none;
    border-radius: 100px 100px 100px 100px;
}
.rk_cartouche{
    position: absolute;
    top:0;
    background-color: var(--e-global-color-secondary);
    color:black;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: 500;
    padding: 5px 15px
}
.suggestion-container{
    
    width:100%;
    padding:1rem;



    .image-container {
       
         img {
          border-radius: 20px 20px 0px 0px;
          aspect-ratio:4/2.3;
             width: 100%;
             object-fit: cover;
        
    }
    }
    .titles {
        h3 {
            max-height: 63px;
            overflow: hidden;
                color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
        }
        h2 {
            margin:0;
                color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    text-decoration: var(--e-global-typography-accent-text-decoration);
    line-height: var(--e-global-typography-accent-line-height);
        }
    }
   
    
    .content-container {
        position: relative;
    background-color: #FBF1E0;
    display: flex;
    gap: 0px 0px;
    background-transition: 0.3s;
    overlay-opacity: 0;
    border-style: solid;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-radius: 20px 20px 20px 20px;
    margin-top: -30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
        z-index: 10;

    }
    .details {
         
            display: flex;
    flex-direction: column;
    container-widget-width: 100%;
    container-widget-height: initial;
    container-widget-flex-grow: 0;
    container-widget-align-self: initial;
    flex-wrap-mobile: wrap;
    justify-content: flex-start;
    background-transition: 0.3s;
    border-style: solid;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-color: var(--e-global-color-cccabef);
    border-color: var(--e-global-color-cccabef);
  border-radius: 0px 0px 0px 0px;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-right: 0px;
        ul {
  padding-left: 0px;
                display: flex
;
                list-style-type: none;
    margin: 0;
            margin-right: calc(-40px / 2);
    margin-left: calc(-40px / 2);
            li {
                    font-family: "Futura", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
    text-decoration: none;
    line-height: 1.6em;
                &:nth-child(1){
                    border-right:solid 1px black;
                }
                svg {
                        width: 16px;
    height: 16px;
                        box-sizing: border-box;
                    margin-right:10px;
                }
                    padding-right: calc(40px / 2);
    padding-left: calc(40px / 2);
                display: flex;
                justify-content: center;
                align-items: center
            }
        }

}
    .footer{
          display: flex;
        .elementor-element {
            flex:1;
            justify-content: end;
            align-items: end;
            & * {
                padding:0;
                text-align: right;
            }
        }
        .price {
        display: flex;
        margin-top: 25px;
        align-items: center;
        p {
            margin:0 10px 0 0;
        }
        span {
            color: var(--e-global-color-d6049a3);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    text-decoration: var(--e-global-typography-accent-text-decoration);
    line-height: var(--e-global-typography-accent-line-height);
        }
    }
        a {
            background-color: transparent !important;
    padding: 0px 0px 0px 0px !important;
    font-family: var(--e-global-typography-90fbd7b-font-family), Sans-serif;
    font-size: var(--e-global-typography-90fbd7b-font-size);
    font-weight: var(--e-global-typography-90fbd7b-font-weight);
    text-transform: var(--e-global-typography-90fbd7b-text-transform);
    text-decoration: var(--e-global-typography-90fbd7b-text-decoration);
    line-height: var(--e-global-typography-90fbd7b-line-height);
    letter-spacing: var(--e-global-typography-90fbd7b-letter-spacing);
    color: var(--e-global-color-primary) !important;
    border-style: none;
    border-radius: 100px 100px 100px 100px;
        }
    }
    
    }
    


@media (min-width:768px) {
    .suggestion-container {
        width:33%;
    }
}

 /* tablet breakpoint */
@media (max-width:1080px) and (min-width:768px) {
    .suggestion-container {
        width:50%;
    }
}


   

@media screen and (max-width:980px) and (min-width:601px){
	
	.rk_containershort {
		flex-direction:row;
	}
	.rk_containershort .rk_tours{
		width:48%;
		max-width:48%;
	}
		.rk_tours .elementor-portfolio-item__overlay {
		transform: translatey(calc(100% - 65px));
	}
	.rk_tours:hover .elementor-portfolio-item__overlay {
	transform: translatey(calc(100% - 65px));
}
}

@media screen and (max-width:600px) {
	
	.rk_containershort {
		flex-direction:column;
	}
	.rk_containershort .rk_tours{
		width:98%;
		max-width:98%;
	}
	
	.rk_tours .elementor-portfolio-item__overlay {
		transform: translatey(calc(100% - 65px));
	}
	.rk_tours:hover .elementor-portfolio-item__overlay {
	transform: translatey(calc(100% - 65px));
}
	
}
.rk_tours .elementor-icon-list-items{
    list-style: none;
    align-items: center;
}

.rk_tours .elementor-icon-list-items svg{
    height: 16px;
}
.rk_tours .elementor-post__thumbnail__link > div{
    padding:0px;
}
.rk_tours .elementor-icon-list-items li:nth-child(2){
    margin-left:15px;
}
/* Cacher les boutons sur les appareils mobiles */
@media (max-width: 767px) {
    .rk_containershort  .date-buttons:not(.tour) {
        display: none;
    }

    .rk_containershort  .date-select-container {
        display: block;
    }
	.rk_containershort .rk_tours .elementor-portfolio-item__overlay 
{
    .elementor-post__thumbnail__link {
        
    }
.e-con-inner {
        flex-direction: row;
    .e-con-inner {
        padding-bottom: 0;
    }
    .elementor-widget-heading {
    }
    
    .e-con-boxed {
        padding-left: 0;
        
    }
}
}
.date-select-container {
    margin-bottom: 20px;
    #date-select {
        background-color: white;
    }
}
	.rk_containershort .content-container{
    padding:15px;
}
.rk_containershort .details {
    padding-bottom: 0;
}
.rk_containershort .details li{
    flex:1;
}

.rk_containershort .footer {
    flex-direction: column;
}

.rk_containershort .price {
   margin-bottom: 10px;
}
}
.rk_containershort  .date-select-container {
        width:100%;
    }

.rk_containershort  .date-select-container select{
        max-width:200px;
    }
/* Cacher la select box sur les appareils de bureau */
@media (min-width: 768px) {
    

    .rk_containershort .date-buttons {
        display: flex;
    }
}
.rk_selectDevis label.mf-input-label {
    padding-top:30px;
    display: block;
    color: var(--e-global-color-text);
    font-family: "Gotham", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    margin: 0px 0px 7px 0px;
}