/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@import url("fonts/fonts.css");

.site-footer .row div[class*=col-lg-] .row-inner .align_left > .uncol > .uncoltable > .uncell > .uncont .icon-media{ margin:auto; }



/* Single Project */
.single-project .post-title{ color:#2f257d; text-transform: uppercase; font-size: 30px; font-weight: 700; }

.project_row{ display:flex; }
.project_row > [class*="col"]{ height:inherit; }
.project_row > .col-lg-5{ display:flex; flex-direction:column; justify-content:space-between; }

.project_details{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:28px 0px;
    margin-top: 0px;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.project_details dd,.project_details dt{ margin-top:18px; }
.project_details dt:first-child + dd{ margin-top:0px; }
.project_details dt{ width:50px; display:inline-flex; align-items:center; }
.project_details dd{ width:calc(100% - 50px); line-height:1.2em; font-weight: 500; color: black; }
.project_details dd span{ color:#2f257d; }

.project_row .share{ margin:36px 18px 0px; font-weight:700; color:black; }
.project_row .share a{ margin-left:15px; }
.project_row .share .facebook{ margin-left:70px; }

.single-project .partenaires_title{ color:#2f257d; text-transform: uppercase; }
.project_partenaires{ display:flex; align-items:center; flex-wrap:wrap; justify-content: space-around; }
.project_partenaires img{ margin:30px; }

/* slick image */
.project_images{ position:relative; overflow:hidden; height:100%; }
@media (min-width: 960px){ .project_images .slick-list{position:absolute; top:0px; left:0px; width:100%; height:100%; } }
.project_images .slick-track{ height:100%; display:flex; }
.project_images img{ vertical-align: middle; object-fit:contain; }
.project_images .slick-dots{ position:absolute; bottom:0px; left:0px; width:100%; margin:0px; list-style:none; text-align:center; }
.project_images .slick-dots li{ 
    display:inline-block; width:14px; height:14px; vertical-align:middle; background:white; opacity:0.5;
    margin: 21px 7px; border: 1px solid #2f257d; border-radius: 100% 100%; outline: 0px;
}
.project_images .slick-dots li.slick-active{opacity:1;}
.project_images .slick-dots li button{ display:none; }




/* Project Search */
.project_search__form{
    margin:auto; max-width:804px; display:flex; flex-direction: column; align-items: center;
}
.project_search__form [name="s"]{ width:100%; }
.project_search__form fieldset{ border:0px; width:100%; padding:0px; margin-top:20px; }
.project_search__form fieldset legend{ margin:auto; text-align:center; color:#2f257d; text-transform:uppercase; font-size:20px; }
.project_search__form .selects,.project_search__form .keywords{ display:flex; justify-content:space-between; }
.project_search__form .selects select{ width:100%; min-width:0px; }
.project_search__form .selects select + select{ margin-left:2%; }
.project_search__form .keywords{ margin-top:9px; font-weight:600; color:black; }
.project_search__form .keywords .keyword{ border:1px solid black; border-radius:30px 30px; padding:10px 20px; cursor:pointer; }
.project_search__form button{ margin-top:30px; background:#2f257d; color:white; }

.project_search__result_map{ display:flex; }
.project_search__result_map .results{ width:50%; }
.project_search__result_map #map{ width:50%; min-height:50vw; background:#aadaff; }
.project_search__result_map .results .search_count{ border-bottom:1px solid lightgrey; padding:0px 28px 15px; }
.project_search__result_map .results .result_list{ list-style:none; margin: 0px; overflow:hidden; }
.project_search__result_map .results .element{ border-bottom:1px solid lightgrey; }
.project_search__result_map .results .element a{ display:flex; justify-content:space-between; padding:15px 28px; }
.project_search__result_map .results .element a:hover, .project_search__result_map .results .element.active a{ background:#2f257d; color:#ffd300; }
.project_search__result_map .results .element img{ height:auto; max-width:30%; object-fit:contain; object-position: left; max-height:100px; }
.project_search__result_map .results .element .project_infos{ width:70%; box-sizing:border-box; padding-left:15px; display:flex; flex-direction:column; justify-content: space-between; }
.project_search__result_map .results .element .project_title, .popup-bubble .project_title{ flex-grow:1; text-transform:uppercase; font-weight:500; font-size:20px; }
.project_search__result_map .results .element .location, .popup-bubble .location{ color:grey; }
.project_search__result_map .results .element .date-time, .popup-bubble .date-time{ color:#0cb4ce; }

/* slick projects */
.project_search__result_map .result_nav{ display:flex; justify-content:center; align-items:center; }
.project_search__result_map .result_nav .slick-prev,.project_search__result_map .result_nav .slick-next{
    color:#2f257d; border:1px solid #2f257d; background:white; line-height:28px; padding:0px 10px;
}
.project_search__result_map .result_nav .slick-prev{ order:1; }
.project_search__result_map .result_nav .slick-dots{ order:2; }
.project_search__result_map .result_nav .slick-next{ order:3; }
.project_search__result_map .results .slick-track{ position:relative; z-index:1; display:flex; align-items: self-start; }
.project_search__result_map .results .slick-dots{ display:flex; position:relative; z-index:2; margin:0px; padding:10px 0px; list-style:none; text-align:center; margin:0px 20px; }
.project_search__result_map .results .slick-dots li{ display:none; vertical-align:middle; order:3; }
.project_search__result_map .results .slick-dots li:nth-child(1),
.project_search__result_map .results .slick-dots li:nth-child(2),
.project_search__result_map .results .slick-dots li:nth-child(3),
.project_search__result_map .results .slick-dots li:last-child{ display:inline-block; }
.project_search__result_map .results .slick-dots:before,.project_search__result_map .results .slick-dots:after{ content:"..."; line-height:30px; }
.project_search__result_map .results .slick-dots.showone:before{ display:inline-block; }
.project_search__result_map .results .slick-dots.hidetwo:after{ display:none; }
.project_search__result_map .results .slick-dots li:first-child{ order:1; }
.project_search__result_map .results .slick-dots:before{ order:2; display:none; }
.project_search__result_map .results .slick-dots:after{ order:4; }
.project_search__result_map .results .slick-dots li:last-child{ order:5; }

.project_search__result_map .results .slick-dots li button{ background:white; padding:0px; line-height: 30px; width: 30px; }
.project_search__result_map .results .slick-dots li:hover button,.project_search__result_map .results .slick-dots li.slick-active button{ background:#2f257d; color:white; }

/* Popup */
.popup-bubble {
	/* Position the bubble centred-above its parent. */
	position: absolute; top: 0; left: 0; transform: translate(-50%, -100%); font-family: 'Barlow Condensed', 'Barlow Condensed'; color:#303133; font-size: 18px;
	/* Style the bubble. */
	background-color: white; padding:15px; border-radius: 5px; overflow-y: auto; max-height: 300px; box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5); border: 2px solid #2f257d;
}

	/* The parent of the bubble. A zero-height div at the top of the tip. */
	.popup-bubble-anchor {
		/* Position the div a fixed distance above the tip. */
        position: absolute; width: 100%; bottom: 38px; left: 0;
    }
		/* This element draws the tip. */
		.popup-bubble-anchor:after{
			content: ""; position: absolute; top: -10px; left: -10px;
			/* Center the tip horizontally. */
			transform: rotate(-45deg);
			/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
            width: 20px; height: 20px;
            background: white; border-left: 2px solid #2f257d; border-bottom: 2px solid #2f257d;
        }
    /* .popup-bubble a:hover{ color:inherit; } */
    .popup-bubble .location{ margin:10px 0px; }
    
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container { cursor: auto; height: 0; position: absolute; width: 300px; }













/* Mobile */
@media (max-width: 959px){
    .project_row{ flex-direction:column; margin-bottom:36px; }
    .project_details{ margin-top:36px; }
    .project_search__result_map{ flex-direction:column; }
    .project_search__result_map .results{ width:100%; }
    .project_search__result_map #map{ width:100%; min-height:100vw; }

    .project_search__form{ margin:0px 20px; }
    .project_search__form .keywords{ flex-direction:column; }
    .project_search__form .keywords br{ display:none; }
    .project_search__form .keywords .keyword{ margin-top:10px; }
}