/*------------------------------------*\
    
    Global Print CSS

    You can include block or page specific print styling within its respective CSS stylesheet

\*------------------------------------*/

.promo-print-page {
    margin: 0;
    padding: 32px;
    background: #fff;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

.promo-print {
    max-width: 720px;
    margin: 0 auto;
    padding: 40px;
    border: 2px dashed #000;
}

.promo-print__media {
    margin: 0 0 24px;
}

.promo-print__image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 280px;
    object-fit: contain;
    object-position: center;
}

.promo-print__title {
    margin: 0 0 24px;
    font-size: 32px;
    line-height: 1.2;
    color: #000;
}

.promo-print__content {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}

.promo-print__content h1,
.promo-print__content h2,
.promo-print__content h3,
.promo-print__content h4 {
    margin: 0 0 12px;
    color: #000;
}

.promo-print__content h2 {
    font-size: 28px;
}

.promo-print__content p {
    margin: 0 0 12px;
}

.promo-print__content hr {
    border: 0;
    border-top: 1px solid #000;
    margin: 16px 0;
}

.promo-print__content .btn,
.promo-print__content a.btn {
    display: none !important;
}

.promo-print__content .section-padding,
.promo-print__content .container,
.promo-print__content .row,
.promo-print__content [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

@media print {
    .promo-print-page {
        padding: 0;
    }
}

@media print {

	/* Reset*/
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		filter: none !important;
		-webkit-filter: none !important;
		text-shadow: none !important;
	}

	h2,
	h3 {
		/* Avoid a paragraph being detached from the heading immediately preceding it */
		page-break-after: avoid;
	}

	figure,
	table {
		/* Avoid breaking figure or table into 2 pages */
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	p {
		/* Prevent single line at the end of a page and a single line at the top the next page */
		orphans: 2;
		widows: 2;
	}

	/* Slick Slider - remove if not using slick slider */

	.slick-slider .slick-arrow,
	.slick-slider .slick-dots {
		display: none !important;
		/* we usually don't need to show slider navigation for print */
	}

	/* For sliders you want to display full width for print.
      Update ".slick-slider" with your specific slider names. */
	.slick-slider,
	.slick-slider .slick-list,
	.slick-slider .slick-track,
	.slick-slider .slick-slide {
		width: 100% !important;
		height: auto !important;
	}

	/* For sliders where you only want to show the 1st image of that slider.
      Update ".slick-slider" with your specific slider names. */
	.slick-slider .slick-slide {
		display: none !important;
	}

	.slick-slider .slick-slide.slick-active {
		display: block !important;
	}

	/* Show Only Active Thumbnails */
	.slick-slider .slick-cloned {
		display: none;
	}

	/* Reset adaptiveHeight */
	.slick-list {
		height: auto !important;
	}

	/* Remove Scrollbars */
	.slick-track {
		width: auto !important;
		height: auto !important;
		-webkit-transform: none !important;
		transform: none !important;
	}

	.slick-track.slick-slide {
		width: auto !important;
	}
}