/* Custom.css */

/*
 * UIKit overrides
 */

/* Base */

/* - Default and X-Small screen */

html {
	font-size: 13px;
}

/* - Small screen */

@media ( min-width: 640px ) {

	html {
		font-size: 14px;
	}

}

/* - Medium screen */

@media ( min-width: 960px) {

	html {
		font-size: 14px;
	}

}

/* - Large screen */

@media ( min-width: 1200px) {

	html {
		font-size: 15px;
	}

}

/* - X-Large screen */

@media ( min-width: 1600px) {

	html {
		font-size: 16px;
	}

}

/* Heading */

.uk-heading-line {
	overflow: visible;
}

/* Animations */

.uk-animation-bounce-down {
	animation: uk-bounce-down 2s infinite
}

@keyframes uk-bounce-down {
	
	0%, 100%, 20%, 50%, 80% {
		transform: translateY(0)
	}
	
	40% {
		transform: translateY(-20px)
	}
	
	60% {
		transform: translateY(-10px) 
	}
	
}

.uk-animation-heart {
	animation: uk-pound-080 1.5s infinite;
	transform-origin: center;
}

.uk-animation-small-heart {
	animation: uk-pound-095 1.5s infinite;
	transform-origin: center;
}

@keyframes uk-pound-080 {

	50% {
		transform: scale(0.8);
	}

}

@keyframes uk-pound-095 {

	50% {
		transform: scale(0.95);
	}

}


/*
 * Custom rules
 */

/* Property single post */

/* - 360° iframed medias */

iframe#visite-360 {
	min-height: 350px;
}

/* Realisation page */

	@media (min-width: 960px) {

		.page-id-312 .portfolio.odd .gallery { 
			padding-left: 0; 
			padding-right: 0; 
		}
					
		.page-id-312 .portfolio h3 { 
			font-size: 1.75rem;
		} 

		.page-id-312 .portfolio.even .gallery { 
			padding-left: 0; 
		} 

		.page-id-312 .portfolio.odd .description { 
			padding-left: 0; 
			padding-right: 30px; 
		} 

		.page-id-312 .portfolio .gallery .uk-background-bottom-center { 
			background-position: 50% 120%; 
		} 

		.page-id-312 .portfolio.even .gallery .uk-background-bottom-center { 
			padding-left: 0; 
		} 

		.page-id-312 .portfolio.odd .gallery .uk-background-bottom-center { 
			padding-right: 0; 
		} 

		.page-id-312 .portfolio .gallery .uk-slider li { 
			width: 40% !important; 
		} 

		.page-id-312 .description .uk-margin-remove-vertical {
			margin-bottom: 70px !important;
		}

	}

	@media (min-width: 1200px) {

		.page-id-312 .portfolio.odd .description { 
			padding-right: 40px; 
		} 
				
	}


/*
 * Plugins & addons overrides
 */ 

/* Comparison slider */

.twentytwenty-handle {
	animation: uk-pound-080 1.5s infinite;
	transform-origin: center;
}

.twentytwenty-handle:hover {
	animation: none;
}

/* Offers list */

/*
#offers-list .uk-card-secondary {
	background-color: #000;
}
*/

#offers-list .uk-card-secondary:hover {
	background-color: #5C9B13;
}

#offers-list .uk-card-secondary:hover .uk-text-primary {
	color: #fff !important;
}

/* Offer Contact */

#offer-contact .el-image { 
	max-width: 230px;
} 

@media (min-width: 960px) { 

	#offer-contact .el-image { 
		max-width: 155px; 
		margin-left: -110px;
	}
	
} 

#offer-contact .el-meta {
	font-family: "Orbitron", sans-serif;
} 

#offer-contact .el-link.uk-button-primary { 
	background-color: #5c9b13; 
	color: #fff;
} 

#offer-contact .el-link.uk-button-primary:hover { 
	background-color: #058E3D;
} 

/* Realisations list */

.portfolio .gallery > div > div {
	background-image: url("../../../uploads/Fond-bois-clair.jpg") !important;
}

/* Gravity Forms */

.gform_wrapper .gfield_required {
	color: #F58411;
}

.gform_wrapper .gform_validation_errors {
  border-radius: 0;
  border-color: #F58411;
}

.gform_wrapper .gform_validation_errors > h2.hide_summary {
	color: #F58411;
}

.gform_wrapper .gfield_error .gfield_repeater_cell label, 
.gform_wrapper .gfield_error label, 
.gform_wrapper .gfield_error legend, 
.gform_wrapper .gfield_validation_message, 
.gform_wrapper .validation_message, 
.gform_wrapper [aria-invalid="true"] + label, 
.gform_wrapper label + [aria-invalid="true"] {
  color: #F58411;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
	background: none;
  border: none;
  font-size: .875rem;
  font-style: italic;
  margin-top: !important;
  padding: 0 0;
	padding-top: 0 !important;
}

.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
	background-color: #5c9b13;
	color: #fff;
	margin: 0;
	border: none;
	overflow: visible;
	font: inherit;
  font-size: inherit;
  line-height: inherit;
	text-transform: none;
	-webkit-appearance: none;
	border-radius: 0;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 30px;
	vertical-align: middle;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	transition: .1s ease-in-out;
	transition-property: all;
	transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
	background-origin: border-box;
}

.gform_wrapper.gravity-theme .gform_footer button:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover,
.gform_wrapper.gravity-theme .gform_page_footer button:hover,
.gform_wrapper.gravity-theme .gform_page_footer input:hover {
	background-color: #058E3D;
	color: #fff;
  text-decoration: none;
}