/* CSS Document */
/* Couleurs et valeurs à copier
******************************************************
Primary : 	#3a3a49
Secondary : #f08c0f
******************************************************
*/

/* Import des styles spécifiques à l'éditeur JCE */
@import 'editorstyles.css';

/* Général ******************************************/
/****************************************************/

#system-message-container {
	position: absolute;
	left: 35px;
	top: 35px;
	z-index: 999;
	min-width: 300px;
}

/****************************************************/
/* Video selon Ratio et largeur section *************/
/*
.video219 iframe,
.video219-50 iframe {
    width:100% !important;
    height:calc((100vw - 50px) / 2.33) !important;
}
.video169 iframe,
.video169-50 iframe {
    width:100% !important;
    height:calc((100vw - 50px) / 1.77) !important;
}
.video1610 iframe,
.video1610-50 iframe {
    width:100% !important;
    height:calc((100vw - 50px) / 1.6) !important;
}
@media (min-width:959px) {
    .video219-50 iframe {
        width:100% !important;
        height:calc((50vw - 90px) / 2.33) !important;
    }
    .video169-50 iframe {
        width:100% !important;
        height:calc((50vw - 90px) / 1.77) !important;
    }    
    .video1610-50 iframe {
        width:100% !important;
        height:calc((50vw - 90px) / 1.6) !important;
    }
}
@media (min-width:1280px) {
    .video219 iframe {
        width:100% !important;
        height:calc((1200px - 50px) / 2.33) !important;
    }
    .video219-50 iframe {
        width:100% !important;
        height:calc((600px - 50px) / 2.33) !important;
    }
    .uk-container-xlarge .video219-50 iframe {
        width:100% !important;
        height:calc((800px - 50px) / 2.33) !important;
    }
    .video169 iframe {
        width:100% !important;
        height:calc((1200px - 50px) / 1.77) !important;
    }
    .video169-50 iframe {
        width:100% !important;
        height:calc((600px - 50px) / 1.77) !important;
    }
    .uk-container-xlarge .video169-50 iframe {
        width:100% !important;
        height:calc((800px - 50px) / 1.77) !important;
    }
    .video1610 iframe {
        width:100% !important;
        height:calc((1200px - 50px) / 1.6) !important;
    }
    .video1610-50 iframe {
        width:100% !important;
        height:calc((600px - 50px) / 1.6) !important;
    }
    .uk-container-xlarge .video1610-50 iframe {
        width:100% !important;
        height:calc((800px - 50px) / 1.6) !important;
    }
}
*/

/* Toolbar ******************************************/
/****************************************************/
.tm-toolbar {
	padding: 0;
}
.tm-toolbar > div > div > div {
	height: 32px;
}


/* Toolbar content ***************/
.tm-toolbar p {
	margin: 0;
	padding: 5px 0;
}
.tm-toolbar .accroche {
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
}
.tm-toolbar .phone {
	margin-right: 25px;
}
.tm-toolbar .phone,
.tm-toolbar .map {
	background-color: #999a98;
	color: #fff;
	font-weight: 600;
	font-size: 0.925rem;
	padding: 5px 10px;
}
.tm-toolbar .uk-icon > * {
    transform: translate(0,-3px);
}

.toolbleft .custom {
	display: flex;
	justify-content: flex-start;
}

.tm-toolbar-default .uk-search-default {
	width: 170px;
}
.tm-toolbar-default .uk-search-default .uk-search-input {
    border:none !important;
    height: 30px;
}

@media (max-width: 959px) {
    .tm-toolbar.tm-toolbar-default {
	    display: block !important;
        z-index: 999;
    }
    .tm-toolbar > div > div > div {
        height: 36px;
        flex-wrap: nowrap;
    }
    .tm-toolbar > div > div  {
        margin: 0 auto !important;
    }
    .tm-toolbar > div > div > div > div:nth-child(1) {
	    display: none !important;
    }
    .uk-logo {
        z-index: 8;
        position: relative;
        top: 55px;
    }
    .uk-logo img {
        width: 159px;
        height: 112px;
        margin: 0 !important;
    }
}

/* Navbar *******************************************/
/****************************************************/

@media (min-width: 960px) {
    .item-1109, .item-1110 {
	    display: none !important;
    }
}


/* Pages ********************************************/
/****************************************************/

#stripe-card-form {
	background-color: #eee;
	padding: 15px;
	border: 2px solid #7f93a6;
	border-radius: 6px;
    max-width: 500px;
}
#stripe-card-form .form-control-label {
	width: 98%;
	margin: 0 0 15px;
	font-weight: bold;
}
#stripe-card-element {
    background-color: #fff;
    padding: 3px;
}

/* Accueil ******************************************/
/****************************************************/


/* Autres pages *************************************/
/****************************************************/

#guru_cart select {
	padding: 5px 15px;
	font-size: 0.925rem;  
	border: 1px solid #2f9700;
	border-radius: 4px;
	background-color: #F1FFEB;
    min-width: 150px;
}
#g_table_cart .g_cell_2, #g_table_cart .g_cell_4 {
	min-width: 105px;
}

.guru-payment-method #processor {
	background-color: #D1EDFF;
	margin-left: 10px;
}
#guru-component .btn.btn-warning[value="OK"] {
    color:#fff;
    background-color:green;
}


.hikashop_wizardbar {
	margin-bottom: 25px;
}
.hikashop_product_top_part .hikashop_product_price_full {
	margin-bottom: 25px;
	font-size: 1.25rem;
}

@media (min-width: 1200px) {
    .hikashop_checkout_login .hkc-lg-4,
    .hikashop_checkout_login .hkc-lg-8 {
        width: 100%;
    }
}

.hika_address_element {
	padding: 15px 20px;
}
.hika_address_display {
	padding-left: 10px;
}
.hikashop_checkout_address_new_button {
	margin: 25px;
}


.hika_address_field legend {
    margin-bottom: 25px;
}
.hikashop_checkout_address {
	margin-bottom: 35px;
}
.hikashop_shipping_methods_table tr,
.hikashop_payment_methods_table tr
{
    display: block;
    margin: 10px 0;
    width:100%;
}
.hikashop_shipping_methods_table td, .hikashop_payment_methods_table td {
	width: 100%;
	padding: 16px;
	min-height: 128px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.hikashop_checkout_shipping_images,
.hikashop_checkout_payment_images
{
	padding: 15px;
}
.hikashop_checkout_shipping_name, .hikashop_checkout_payment_name {
	font-size: 1.05rem;
	font-weight: bold;
	color: #83101d;
	margin-right: 15px;
    margin-left: 10px;
}
.hikashop_checkout_shipping_description, .hikashop_checkout_payment_description {
	background: #f2e8e0;
	margin: 10px 0 0 37px;
	padding: 5px 15px;
	font-size: 1rem;
	font-family: 'Lato';
}
.hikashop_checkout_shipping_description *, .hikashop_checkout_payment_description * {
	background-color: transparent !important;
	font-size: 1rem !important;
	font-family: 'Lato' !important;
    margin:0 !important;
}


.hikashop_checkout_coupon {
	margin: 45px 10px;
}
.hikashop_checkout_status {
	margin: 45px 10px;
}
.hikabtn.hikashop_cart_proceed_to_checkout {
	margin: 35px 0;
	width: 98%;
}
#hikashop_paypalcheckout_end #paypal-button-container {
    padding: 35px 0;
}
#hikashop_paypalcheckout_end .paypal_cancel_button {
	width: auto;
	margin: 3px;
	font-size: 1.05rem;
	margin: 0 auto;
	max-width: 98%;
	display: table;
	white-space: normal;
	padding: 10px 35px;
}
@media only screen and (max-width:767px) {

    .hikashop_checkout_shipping_description, .hikashop_checkout_payment_description {
        margin: 8px 0;
        padding: 5px 10px;
    }

}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .hikashop_checkout_cart td.hikashop_cart_product_name_value {
        width: 100%;
    }
}

.hika_cpanel_icons .hk-icon {
	font-size: 15px;
}
.hika_cpanel_icons .hikashop_cpanel_button_text {
	font-size: 0.825rem;
}
.hikashop_user_points_cpanel {
    display: none !important;
    visibility: hidden !important;
}

/* Convert forms  ************************************/
.convertforms .contactformh {
	text-transform: uppercase;
	color: #00384c;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
}
.convertforms .cf-checkbox-group {
	padding: 6px 0;
    background-color: rgba(244,241,241,0.35);
    border-radius: 2px;
    justify-content: center;
}
.convertforms .cf-checkbox-group input {
	margin: 15px 15px 20px;
}
.convertforms .cf-checkbox-group label {
	color: #7E8A8E !important;
	font-weight: 400 !important;
	font-size: 0.9rem !important;
}
.convertforms button {
	max-width: 100%;
	width: 50%;
}
.convertforms .txtconfid {
	color: #99A2A5;
	font-size: 0.8rem;
	text-align: center;
}
.convertforms .txtconfid a {
	color: #869195;
	text-decoration: underline;
}
.convertforms .txtconfid a:hover {
	color: #445961;
	text-decoration: underline;
}

/* Medias YT */
@media only screen and (max-width:767px) {
    .ebm-upcoming-events .up-event-item {
        text-align: center;
        margin-bottom: 25px;
    }
    .ebm-upcoming-events .up-event-item .ebm-event-thumb {
        float: none !important;
        display: block;
        margin: 0 auto !important;
    }
}
/* Contact ******************************************/
/****************************************************/

/* Footer *******************************************/
/****************************************************/

/* Responsive ***************************************/
/***************************************************
@media (max-width:1450px) {
}
@media (max-width:1150px) {
}
@media (max-width:850px) {
}
@media (max-width:650px) {
}
@media (max-width:480px) {
}
@media (max-width:390px) {
}

@media only screen and (max-width:1280px) and (orientation: landscape) {
}
@media only screen and  (max-width:959px) and (orientation: portrait) {
}
@media only screen and  (max-width:959px) and (min-height:1200px) and (orientation: portrait) {
}
@media only screen and (max-width:767px) and (orientation: portrait) {
}
@media only screen and (max-width:480px) and (orientation: portrait) {
}
@media only screen and (max-width:390px) and (orientation: portrait) {
}

*/
