/* * Custom code goes here. * A template should always ship with an empty custom.css */


.block-reass .container
{
	overflow: hidden;
}

#Custom_Icon
{
	font-size: 1em;
	letter-spacing: 1rem;
}

.color__container.--sidebar
{
	margin: 0;
	padding: 0 ;
}

.color__name.--sidebar
{
	min-width: auto;
	text-align: left;
	margin-left: 1em;
}

.color_name_back
{
	font-weight: bold;
}

.colors_name_step4
{
	text-align: start;
	width: 8em;
}

.color_name_step4
{
	text-align: center;
}

.color_name_wrapper
{
	display: grid;
	grid-template-columns: 1fr 4fr;
}

.grid
{
	margin-right: 2em;
}

.btn-secondary
{
	color: #fff;
	background-color: #cc0000;
	border-color: #bf0000;
}

.btn-secondary:hover
{
	color: #fff;
	background-color: #cc0000;
	border-color: #bf0000;
}

.btn-secondary:focus, .btn-secondary.focus
{
	box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled
{
	color: #fff;
	background-color: #cc0000;
	border-color: #bf0000;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,  .show > .btn-secondary.dropdown-toggle
{
	color: #fff;
	background-color: #cc0000;
	border-color: #bf0000;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus
{
	box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
}

#payment #payment_button
{
	background-color: white;
	color: #FF0000;
}

.shirt__choice .shirt-choice__name{
	text-align: center;
	height: 2rem;
}

.step4-grid
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.qty
{
	display: inline-block;
	margin-left: 0!important;
	padding:0;
}

.mb-0
{
	display: block;
	padding:0;
}

.block-promo.promo-highlighted{
	font-size: 1.38125rem;
	font-family: "Bebas Neue";
	padding-top: 2rem;
}

.cart-voucher .js-discount .cart-summary-line{
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.cart-voucher .js-discount .cart-summary-line .material-icons{
	font-size: 1.5rem;
}

.cart-voucher .js-discount .cart-summary-line .label .code{
	text-transform: uppercase;
}


.cart-voucher .js-discount .cart-summary-line .label{
	font-family: "Open sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  	font-size: 0.9rem;
	line-height: 0.9rem;
}

.cart-voucher .js-discount .cart-summary-line{
	transition: 0.3s ease-in-out;
}

.cart-voucher .js-discount .cart-summary-line:hover{
	color: #cc0000;
	cursor: pointer;
}

.promo
{
	font-weight: 700;
	text-transform: uppercase;
}

#promo_btn
{
	background-color:#F00;
	background-image: none;
	border-color:#FF0000;
	color: white;
}

#promo_btn:hover
{
	background-color: #cc0000;
	border-color:#cc0000;
}

.promo-code
{
	margin-left: -0.25rem;
	margin-right: 0.25rem;
	padding: 1.25rem;
	background-color:#e6e6e6;
}

#bontestimonials  h4
{
	font-size: 2rem;
}

#bontestimonials h4 span
{
	font-size: 1rem;
}

.testimonials-inner h5
{
	font-size: 1rem;
}

/* step 3 table modifications*/
.table-responsive tbody
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 3%;
}

.opartaffiliation .table-responsive{
	display: table;
}

.opartaffiliation .table-responsive tbody{
	display: table-row-group;
}

@media screen and (max-width: 768px)
{
	.opartaffiliation .table-responsive{
		display: block;
	}
	
}

#idTab1.rewardsBlock tbody, #idTab2.rewardsBlock tbody, #idTab3.rewardsBlock tbody, 
#idTab4.sponsorshipBlock tbody, #idTab2.sponsorshipBlock tbody, #idTab3.sponsorshipBlock tbody, #list_contacts_form tbody{
	display: table-row-group;
}

#quantity-column
{
	display: grid;
}

#size-column
{
	display: grid;
	grid-template-rows: 82px;
	justify-content: center;
	grid-row-gap: 2%;
}

#table-color-size
{
	display: grid;
	grid-template-columns: 20% 80%;
}

#table-color-size td
{
	justify-content: center;
	display: flex;
}

.table thead th
{
	vertical-align: bottom;
	border-bottom: none;
}

/* price */
.product-price
{
	display: inline-block;
}

.current-price-display
{
	color: red;
	font-size: 31px;
	line-height: 31px;
}

.tax-shipping-delivery-label
{
	display: inline-block;
	color: gray;
	font-size: 1rem;
	line-height: 1rem;
}

.ht_price
{
	font-size: 1rem;
	color: gray;
	margin-bottom: 1em;
}

.page-home .block-reass
{
	margin: 0;
	width: 100%;
}

#disp-price-cat
{
	text-align: center;
	color: #ff0000;
	font-size: 1rem;
}

#disp-from-cat
{
	text-align: center;
	color: gray;
	font-weight: bold;
}
#product-footer-div{
	display: flex;
    flex-flow: wrap;
	margin-bottom: -2em;
}
#blog_article_linked h3{
    font-size: 1.1rem;
}

.block-reass
{
	margin: auto;
	width: 85.7em;
	/*margin-top: 30rem;*/
}

#reass_custom .block-reass
{
	margin-left: 0em;
	margin-right: 0em;
    margin-top: 1em;
    width: 100%;
}

#parent-footer
{
	margin-top: 6.25rem;
	display: block;
	background-color: #F00;
}

#text-expert-advices
{
	margin: 2em;
}

#image-expert-advices
{
	margin: auto;
}

#expert-advices-container
{
	display: grid;
	grid-template-rows: 1fr;
    grid-template-columns: 1fr 3fr ;
    margin-bottom: -6.25em;
}

#product_list_header{

    margin-top: 3em;
    margin-bottom: 3em;
}
#quantity-label{
	display: none;
}
#quantity-wanted{
	display: none;
}

.product-buttons{

	display: grid;

grid-template-columns: 1fr 1fr;

grid-template-rows: 1fr;

grid-column-gap: 1em;
}

#shoping-icon{
	font-size: 2rem;
}

body #prestablogfront{
	border: none;
}

body #prestablogfront h1 {
	border: none;
	border-bottom: none;
	background-color: none;
}

body #prestablogfront h1::after {
	content: "";
  width: 70px;
  height: 2px;
  background-color: #FF0000;
  top: 6px;
  right: 0;;
  display: block;
  border-radius: 1px;
}

body #prestablogfront h2 {
	margin: 1rem 0;
}

#module-prestablog-blog h1 {
	background-color: none
}

time.date::before, .info_blog::before{
	content: none;
}

time.date, .info_blog{
	font-size: 0.8125rem;
	color: #212529;
}

.info_blog a{
	text-decoration: underline;
}

#blog_list_1-7 li .block_cont .block_top img{
	transition: 0.3s ease-in-out;
}

.prestablogExtra{
	border: none;
}

.shirt-choices{
	gap: 20px;
	height: 400px;
	overflow-y: hidden;
	padding: 0.5rem 0 0.5rem 0.5rem;
	margin: 0;
	transition: 0.3s ease-in-out;
}

.shirt-choices .slick-dots {
	display: flex;
	justify-content: center;
	list-style-type: none;
	list-style: inside;
	padding: 0;

}

.shirt-choices .slick-dots li.slick-active{
	color: red;
}

.shirt-choices .slick-dots li{
	font-size: 28px;
}

.shirt-choices .slick-dots li button {
	display: none;
}

.shirt-choices.developped{
	height: auto;
}

.btn.shirt-choice__btnLabel{
	justify-content: normal;
}

.shirt__choice .active.shirt-choice__btnLabel{
	border: solid 8px #00D000;
	box-sizing: border-box;
	padding: calc(0.75rem - 8px) calc(0.4rem - 8px);
	border-style: inset;
}

.color__container .colors__input:checked ~ .colors__label {
    border: 4px solid #00D000;
}

.cart-container:has(.no-items){
	border: none;
}

.cart-overview .no-items{
	font-size: 1.5rem;
}

.gradient-overlay{
	position: absolute;
	top: 75%;
	left: 0;
	width: 100%;
	height: 25%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
	z-index: 1;
	display: block;
}

.gradient-overlay.off{
	display: none;
	pointer-events: none;
	position: unset;
}

.show-more-less-button{
	background-color: red;
	color: white;
	border: none;
	padding: 0.5rem;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	transition: 0.1s ease-in-out;
	width: 200px;
	text-align: center;
	margin: 1rem auto 2.5rem;
	font-weight: bold;
}

.show-more-less-button.clicked{
	background-color: #808080;

}

.show-more-less-button:hover{
	background-color: #cc0000;
	cursor: pointer;
}

.show-more-less-button.clicked:hover{
	background-color: #404040;
}

.product-information .text-graydark{
	color: #212529;
}

.button-container-custom{
	display: flex;
	justify-content: space-between;
	background-color: #f5f5f5;
	border: 1px solid #ced4da;

}

.numberSelection {
	width: 250px;
	justify-content: center;
	align-items: center;
	height: 50px;
}

.input_button__SAMPLING .numberSelection {
	margin-bottom: 0.5rem;
}

.numberSelection .numberSelection__input {
	height: auto !important;
	border: none;
	background: none;
}

.numberSelection .number__button-container {
	border: none;
	width: 50px;
	font-size: 34px;
	transition: 0.1s ease-in-out;
	line-height: 50px;
	background-color: red;
	color: white;
	padding: 2px; 
}

.numberSelection .number__button-container:hover {
	background-color: #cc0000;
}

@media screen and (max-width: 768px) {
	.show-more-less-button, .gradient-overlay{
		display: none;
	}

	.shirt-choices{
		height: auto;
	}
}

.shirt-choices .col-md-4
{
	flex: auto;
	height: 295px;
	overflow-y: hidden;
}

@media screen and (min-width: 768px) {
	.shirt-choices .col-md-4
	{
		padding: 0;
		max-width: 30%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
	.pack-home .disp_ib,.pack-home .disp_ib img
	{
		width: 100%;
	}

	.advice-container
	{
		height: 728px;
		padding: 0;
	}

	body .menu__item
	{
		padding: .5rem 0.5rem;
	}

	.block_newsletter
	{
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.l-footer
	{
		padding-top: 3rem;
	}

	.l-footer .row_nav
	{
		margin-top: 3rem;
	}

	.copyright__text
	{
		margin-bottom: 2.125rem !important;
	}
}

@media screen and (max-width: 992px)
{
	.product-buttons {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 1em;
}


	#expert-advices-container
	{
		display: grid;
		grid-template-rows: 1fr 1.5fr;
        grid-template-columns: 1fr;
        margin-bottom: 0;
	}

	.block-reass
	{
		margin-left: 3rem;
		margin-right: 3rem;
		margin-top: 1em;
		margin-bottom: auto;
		width: auto;
		/*margin-top: 35em;*/
	}

	.user-info
	{
		padding: 0;
		border-top: 0 none;
	}

	#wrapper
	{
		padding-top: 0;
	}

	.block-reass
	{
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.block-reass .col .ico
	{
		width: 64px;
		line-height: 64px;
		min-width: 64px;
		border-width: 2px;
		border-radius: 100%;
		margin-left: 0 !important;
	}

	.block-reass .col .ico img
	{
		width: auto;
		padding: 14px;
	}

	.block-reass div > span
	{
		padding: 0 !important;
		margin-bottom: 12px;
	}

	.block-reass div > span span
	{
		margin-left: 12px !important;
		margin-bottom: 0;
		font-size: 19px;
	}

	.page-home>div:not(:last-child),.page-home>section:not(:last-child)
	{
		margin-bottom: 34px;
	}

	.products-slick .slick-list
	{
		margin: 0 15px 15px;
	}

	.products-section-title, .section-title
	{
		margin-bottom: 24px;
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
	}

	.featured-products
	{
		margin-bottom: 0 !important;
	}

	.pack-home .container
	{
		padding: 0;
	}

	.products-section-title--line:after,.section-title--line:after
	{
		margin-left: 0;
	}

	.tour-package
	{
		margin-top: 2px !important;
	}

	.link_views
	{
		margin-top: 24px;
	}

	.link_views a
	{
		width: 100%;
		text-transform: uppercase;
	}

	.advice-container
	{
		padding: 0;
	}

	.contact-home .container
	{
		padding-left: 0;
		padding-right: 0;
	}

	.contact-home_intro
	{
		min-height: inherit;
		padding: 40px 15px 0;
	}

	.contact-home .card-body
	{
		padding: 0 15px;
	}

	.contact-home .no-gutters
	{
		margin-bottom: 40px !important;
	}

	.contact-home .no-gutters:last-child
	{
		margin-bottom: 0 !important;
	}

	.contact-home p
	{
		margin-bottom: 0;
	}

	.contact-home .no-gutters .no-gutters
	{
		margin-bottom: 0 !important;
	}

	.contact-home .no-gutters > .bg-primary > div
	{
		padding: 40px 15px 0 !important;
	}

	.l-footer
	{
		margin-top: 0;
		padding-top: 56px;
	}

	.copyright__text
	{
		margin-bottom: 30px !important;
	}

	.menu__mobile_wrap .--arrow
	{
		width: calc(100% - 16px);
	}

	.header-blockcart
	{
		/*padding-top: 6px;
		*/
	}

	.breadcrumb
	{
		margin-top: 16px;
	}

	.page-product-box
	{
		margin-top: 10px;
	}

	.products-selection .custom-select
	{
		margin-bottom: 10px;
	}

	.block-reass + .container
	{
		margin: 30px 0 !important;
	}

	#printSelection aside .card
	{
		margin: 20px 0;
	}

	#printSelection .cart-top__btn
	{
		margin-bottom: 20px;
	}

	.form__title
	{
		margin-top: 2rem;
	}

	.contact-input__container
	{
		margin-bottom: 1rem;
	}

	.page-authentication #wrapper,.layout-full-width #wrapper
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.page-index #wrapper
	{
		padding-top: 0;
	}

	.product-variants-item
	{
		margin-bottom: 1.5rem;
	}

	.product-quantity
	{
		/*margin-top: 1.5rem !important;*/
		margin-bottom: 1.5rem !important;
	}
}

@media screen and (max-width: 991px)
{
    .submenu__col{
        flex-basis: unset ;

    }
}
@media screen and (max-width: 992px)
{
	.col_name
	{
		margin-bottom: 10px;
	}

	.col_name .logo
	{
		width: 20px;
	}

	.nav-tabs .nav-link
	{
		line-height: 1.2rem;
	}

	.product-description-short p
	{
		color: #444;
	}

	.page-content--product .product-description-short .more
	{
		font-size: 13px;
	}

	.product-variants .product-variants-item label
	{
		font-family: 'Bebas Neue', serif;
		color: #999999;
		letter-spacing: 0.1em;
	}
}

@media (min-width: 768px) and (max-width: 1024px)
{
	.color_name_wrapper
	{
		grid-template-rows: 1fr 1fr;
		grid-template-columns: 1fr;
	}

	.color__container.--sidebar
	{
		margin: 0 auto;
	}

	.color__name.--sidebar
	{
		min-width: auto;
		text-align: center;
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px)
{
    /* smartphone */

    .submenu__col{
        flex-basis: unset ;

        }
	expert-advices-container
	{
		display: grid;
		grid-template-rows: 1fr 1fr;
		grid-template-columns: 1fr;
	}

	.step4-grid
	{
		grid-template-columns: 100%;
		grid-template-rows: 1fr 1fr 1fr;
	}

	.grid-pos
	{
		display: grid;
		grid-template-rows: 1fr 0.5fr;
		max-width: 65%;
	}

	.block-reass
	{
		margin-left: 1rem;
		margin-right: 1rem;
		margin-top: 1em;
		margin-bottom: auto;
		width: auto;
		/*margin-top: 35em*/;

	}
}

@media (min-width: 992px) and (max-width: 1200px)
{
	/* bloc reassurance */
	.block-reass
	{
		margin-left: 3rem;
		margin-right: 3rem;
		margin-top: 1em;
		margin-bottom: auto;
		width: auto;
		/*margin-top: 35em*/;


	}

	#responsive-margin{
		margin-right: 1em;
	}
}

.numberSelection__input {
	-moz-appearance: textfield;
	border-color: #ced4da;
	color: red;
}

#table_color_final_step {
	margin-left: 25px;
}

.sampling__remaining {
	font-size: 2em!important;
}

/*
.number__button-container {
	margin-left: 3px;
	margin-right: 3px;
}
*/

input {
	 border: solid;
 }

#requestpayment input {
	border: none;
}

.input_button__SAMPLING {
	display: flex;
	margin-left: 1em;
}

.size_name__SAMPLING {
	text-align: right;
	border-right: 1em;
	font-size: 2em;
	font-family: Bebas Neue;
}

.color_name__SAMPLING {
	text-align: center;
}

.tile__SAMPLING {
	background-color: white;
	margin-left: 1em;
	margin-top: 1em;
	border: 1px solid;
	border-color: lightgrey;
}

.container__SAMPLING {
	display: flex;
	flex-wrap: wrap;
}

.col-md-12.col-12.total-price {
	background-color: black;
	color: white;
	font-family: Bebas Neue;
	height: 4.2em;
	font-size: 2em;
	text-align: center;
}

#no-border-top {
	border-top: none;
}




.table_size_price_decription thead td {
	background-color: rgb(0,0,0);
	color: /* rgb(68,68,68); */ red;
	border-bottom: solid 2px red;
	text-align: center;
	font-family: "Bebas Neue";
	font-size: 1.5em;
}
.table_size_price_decription tbody td {
	width: 8em;
	margin-left: 1px;
	text-align: center;
}

/* une ligne sur deux */
.table_size_price_decription tr:nth-child(odd){
	background-color: rgb(200,200,200);
}
.table_size_price_decription tr:nth-child(even){
	background-color: rgb(150,150,150);
}