/* Custom.css */

/*
 * Global
 */
 
/* Color */

.uk-text-tertiary {
	color: #009CD0;
}

.uk-text-emphasis {
    background-color: #2F2F33;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.tm-headerbar-default .uk-text-emphasis, 
.tm-toolbar-default .uk-text-emphasis, 
.uk-card-primary.uk-card-body .uk-text-emphasis, 
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-emphasis, 
.uk-card-secondary.uk-card-body .uk-text-emphasis, 
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-emphasis, 
.uk-light .uk-text-emphasis, 
.uk-navbar-container:not(.uk-navbar-transparent) .uk-text-emphasis, 
.uk-offcanvas-bar .uk-text-emphasis, 
.uk-overlay-primary .uk-text-emphasis, 
.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, 
.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, 
.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, 
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis {
    background-color: #fff !important;
    color: #2F2F33 !important;
}


/*
 * Theme
 */
 
/* Header */

.tm-header .uk-navbar-container {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Hero & Bottom */

.home #hero > .uk-section > .uk-container > .uk-grid:last-child,
#bottom .uk-grid {
	position: relative;
}

.home #hero > .uk-section > .uk-container > .uk-grid:last-child::after,
#bottom .uk-grid::after {
	content: "";
	position: absolute;
	display: block;
	height: 15px;
	bottom: 0;
	line-height: 0;
	z-index: 1;
}

.home #hero > .uk-section > .uk-container > .uk-grid:last-child::after {
	background: #009CD0;
}

#bottom .uk-background-bottom-center {
	transition: .1s ease-in-out;
    transition-property: all;
	transition-property: background-position;
}

#bottom:hover .uk-background-bottom-center {
    background-position: 50% 0%;
}

#bottom:hover .uk-background-bottom-center .uk-position-cover {
    background-color: rgba(47, 47, 51, 0.5) !important;
}

#bottom .uk-grid::after {
	background: #D3D626;
}

@media (max-width: 959px) {

	.home #hero > .uk-section > .uk-container > .uk-grid:last-child::after,
	#bottom .uk-grid::after {
		width: 100vw;
		left: 0;
	}

}

@media (min-width: 960px) AND (max-width: 1199px) {

	.home #hero > .uk-section > .uk-container > .uk-grid:last-child::after,
	#bottom .uk-grid::after {
		width: calc( (100vw - 960px) / 2 + 100% * (1 - 1 / 3.001) - 20px );
		left: calc( 100% * 1 / 3.001 + 60px );
	}

}

@media (min-width: 1200px) {

	.home #hero > .uk-section > .uk-container > .uk-grid:last-child::after,
	#bottom .uk-grid::after {
		width: calc( (100vw - 1200px) / 2 + 100% * (1 - 1 / 3.001) - 20px );
		left: calc( 100% * 1 / 3.001 + 60px );
	}

}

/*
 * 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: 15px;
	}

}

/* - Large screen */

@media ( min-width: 1200px) {

	html {
		font-size: 16px;
	}

}

/* - X-Large screen */

/*
@media ( min-width: 1400px) {

	html {
		font-size: 16px;
	}

}
*/


/*
 * Button
 */

.uk-button-primary {
	background: linear-gradient(to right, #D3D626 50%, transparent 50%);
}

.uk-button-secondary {
	background: linear-gradient(to right, #009CD0 50%, transparent 50%);
}

.uk-button-primary, 
.uk-button-secondary {
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .25s ease-in-out;
}

.uk-button-primary:hover, 
.uk-button-secondary:hover {
	background-position: left bottom;
}

.uk-button-text {
	padding-right: 10px;
    line-height: 20px;
}

.uk-button-text::before {
    content: url("../images/arrow-right-dark.svg");
    display: block;
    position: absolute;
    background: none;
    padding: 5px;
    width: 18px;
    height: 18px;
    border: 1px solid #2F2F33;
    top: -5px;
    left: 100%;
    z-index: 1;
    line-height: 18px;
    text-align: center;
    transition: all .15s ease-in-out;
    overflow: visible;
}

.tm-headerbar-default .uk-button-text::before,
.tm-toolbar-default .uk-button-text::before,
.uk-card-primary.uk-card-body .uk-button-text::before, 
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text::before, 
.uk-card-secondary.uk-card-body .uk-button-text::before, 
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text::before, 
.uk-light .uk-button-text::before, 
.uk-navbar-container:not(.uk-navbar-transparent) .uk-button-text::before, 
.uk-notification-message-danger .uk-button-text, .uk-notification-message-primary .uk-button-text::before, 
.uk-notification-message-success .uk-button-text::before, 
.uk-notification-message-warning .uk-button-text::before, 
.uk-offcanvas-bar .uk-button-text::before, 
.uk-overlay-primary .uk-button-text::before, 
.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, 
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, 
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, 
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before {
    content: url("../images/arrow-right-light.svg");
    border-color: #fff;
}

.uk-button-text:hover::before,
.uk-link-toggle:hover .uk-button-text::before {
    border-color: #D3D626;
    background: #D3D626;
	transform: scale(1.5);
}


/*
 * To top
 */
 
.uk-totop {
	height: 18px;
	line-height: 18px;
}

.uk-totop {
	transition: all .15s ease-in-out;
}

.uk-totop:hover {
	transform: scale(1.5);
}


/*
 * Custom widgets
 */
 
/* Actions */


.actions {
    display: block;
    position: fixed;
    top: 150px;
    right: 0;
}

@media (min-width: 960px) AND (max-width: 1280px) {

	.actions {
		right: 40px;
	}

}

@media (min-width: 1281px) {

	.actions {
		right: calc( (100vw - 1200px) / 2 );
	}

}

ul.actions li a {
	padding: 0;
	margin: 10px 0;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
    border-radius: 500px;
    border: none;
    text-align: center;
    line-height: 36px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

ul.actions li a .uk-icon {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}

ul.actions li a .label {
	padding-left: 10px;
    visibility: hidden;
}

ul.actions li a.picto-configurateur {
    background-color: #D3D626;
}

ul.actions li a.picto-configurateur .uk-icon {
    background-image: url("../images/configurator-light.svg");
}

ul.actions li a.picto-contact {
    background-color: #009CD0;
}

ul.actions li a.picto-contact .uk-icon {
    background-image: url("../images/contact-light.svg");
}


/*
 * WP Plugins
 */

/* Gravity Forms Plugins */

.gform_wrapper textarea {
    height: 200px !important;
}

.gform_wrapper .gform_footer:not(.top_label) {
    margin-left: 0 !important;
    width: 100% !important;
}

.gform_wrapper input {
    overflow: visible;
}

.gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper select:not([multiple]):not([size]),
.gform_wrapper textarea {
    display: inline-block;
    background: #fff;
    box-sizing: border-box;
    margin: 0;
	margin-bottom: 0px;
    padding: 4px 10px !important;
    height: 40px;
    line-height: 34px !important;
	color: #000;
    font: inherit;
    border: 1px solid #000;
    border-radius: 0;
    vertical-align: middle;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
}

.gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
.gform_wrapper select:not([multiple]):not([size]):focus,
.gform_wrapper textarea:focus {
    border-color: #009CD0;
	outline: none;
}

.gform_wrapper select option.gf_placeholder {
    color: #A6A4A5 !important;
}

.gform_wrapper input[type="submit"],
.gform_wrapper input[type="button"],
.gform_wrapper button {
    display: inline-block;
	background: linear-gradient(to right, #009CD0 50%, transparent 50%) !important;
	background-size: 200% 100% !important;
	background-position: right bottom !important;
    margin: 0;
	margin-bottom: 0px;
    padding: 4px 30px;
    color: #009CD0;
    font-family: inherit;
    font-size: 16px;
    line-height: 34px !important;
    text-transform: none;
    border: 1px solid #009CD0;
    border-radius: 0;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: visible;
    cursor: pointer;
	transition: all .25s ease-in-out !important;
}

.gform_wrapper input[type="submit"]:focus,
.gform_wrapper input[type="button"]:focus,
.gform_wrapper button:focus,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="button"]:hover,
.gform_wrapper button:hover {
	background-position: left bottom !important;
	color: #fff;
}

.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
	margin: 0 20px 10px 0 !important;
	line-height: 44px;
	height: 44px;
}

.gform_wrapper .gf_list_inline ul.gfield_checkbox li label, 
.gform_wrapper .gf_list_inline ul.gfield_radio li label {
	white-space: nowrap;
}

.gform_wrapper div.validation_error {
	color: #C90018 !important;
	border-top: none !important;
	border-bottom: none !important;
}

.gform_wrapper .gform_validation_errors {
	background: #C90018 !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.gform_legacy_markup_wrapper div.validation_error {
    padding: 16px 10px 16px 10px !important;
}

.gform_validation_errors > h2 {
    color: #fff !important;
    font-weight: 400 !important;
}

.gform_validation_errors > h2::before {
    margin: 0 .2rem 0 0;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: rgba(255,255,255,.1) !important;
	border-top: none !important;
	border-bottom: none !important;
    padding: 8px !important;
}

.gform_wrapper .gfield_error .gfield_label {
	color: #C90018 !important;
}

.gform_wrapper .gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
	border: 1px solid #C90018 !important;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
	color: #C90018 !important;
}

.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: #C90018 !important;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
	color: #C90018 !important;
	background: none !important;
	border: none !important;
	padding: 8px !important;
}

.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
	/*
	color: #fff !important;
	*/
	font-weight: 700 !important;
}

.gform_wrapper .gsection {
    border-bottom: none !important;
}

.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

.gform_wrapper .gfield_required,
.required {
	color: #e698a2 !important;
}

.gform_wrapper li.hidden_label input {
    margin-top: 3px !important;
}

.gform_wrapper .em > label {
	font-style: italic;
}