.video-wrapper {
  position: relative;
  width: 100%;
}

.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: white;
  background: rgba(0,0,0,0.5);
  border: none;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  cursor: pointer;
  display: none;
}

.video-play-button:hover {
  background: rgba(0,0,0,0.7);
}



	.blog-slider {
		margin: 0px 20px;
	}
	.blog-slide {
		max-width: 380px;
		padding: 15px;
	}
	.blog-slide img, .blog-slide .side-video {
		width: 100%;
		padding-bottom: 20px;
	}
	.slick-next {
		right: -35px;
	}
	.slick-prev {
		left: -35px;
	}
	.post-text-block a{
		text-decoration: underline;
	}
	a.post-text-link {
		text-decoration: none;
	}
	.secondary-hero {
		margin-bottom: 75px;
	}
	.video-48 {
		max-width: 48%;
	}
		hr.blog-divider {
			width: 80%;
			height: 1px;
			border-top: #CCC 1px solid;
			margin: 25px auto 75px auto;
		}
	.post-column-2 {
            margin: 75px 0;
        }
		.flex-row-reverse, .flex-reverse {
            flex-direction: row-reverse;
        }
	.post-column-2 img, .post-column-2 a.image-link, .post-column-2 .post-text-block-2, .post-column-2 .side-video {
            width: 48%;
            align-self: center;
        }
	
	.post-column-2 .post-text-block-2 img {
		width: 100%;
	}
	.post-column-2 a.image-link img {
		width: 100%;
	}
	a.js-cms-popup.popup-video.d-block img {
            width: 100% !important;
        }
	
	.margin-bottom-50 {
            margin-bottom: 50px;
        }
	.blog-max-width-300 {
            max-width: 350px;
        }
        .blog-padding-top-50 {
            padding-top: 50px;
        }
        .blog-padding-bottom-50 {
            padding-bottom: 50px;
        }
	.icon-absolute {
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            pointer-events: none;
        }
	.icon-video-play {
			height: 86px;
		}
	.relative-container {
            position: relative;
        }
	.blog-article-header {
		margin-bottom: 50px;
	}
	.shoppable {
		width: 100%;
		max-width: 1440px;
		margin: 0px auto;
		position: relative;
	}
	.shopIMG {
		width: 100%;
		max-width: 1440px;
	}
	a.shoptag {
		all: unset;
		width: 35px;
		height: 35px;
		position: absolute;
		background-image: url("/on/demandware.static/-/Sites-LeCreuset-Library/default/dwaf270611/images/pages/shopimage/shop-image-tag-v2.png");
		cursor: pointer;
	}
	.icon-text-box {
		max-width: 975px;
		margin: 40px auto 75px auto;
		display: flex;
		background-color: #f5f4f1;
		border: 2px solid #e8e6df;
		padding: 15px;
		flex-direction: row;
	}
	.icon-text-box i{
		padding-right: 15px;
		align-self: center;
	}
	.icon-text-box img {
		width: 100%;
	}
	.tip-text {
		flex-grow: 1;
	}
	.tip-text h2 {
		font-size: 28px;
		margin-bottom: 0px;
		text-align: left;
	}
	
	
a.quickview {
cursor: pointer;
}
        @media screen and (max-width:760px){
			a.shoptag {
				width: 25px;
				height: 25px;
				background-size: 100%;
			}
			
	}
	.modal-oos-desc h2 {
font-size: 32px;
}
	.modal-body.modal-oos{
		display: flex;
		flex-direction: row;
	}
.modal-oos-image {
width: 40%;
margin-right: 15px;
}
.modal-oos-desc {
width: 50%;
padding-top: 20px;
}
	 
	.slide-right {
    opacity: 0;
	transition: 1s all ease-in-out;
	transform: translate3d(-50px, 0, 0);
}

.slide-right-transition {
    opacity: 1;
transition: 1s all ease-in-out;
	transform: translate3d(0, 0, 0);
}
        .margin-top-20 {
            margin-top: 20px;
        }
        .margin-0 {
            margin: 0;
        }
        ul.post-list {
            padding: 0 20px;
        }
        ul.post-list li {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 20px;
        }
        .center-text, .center-text-desktop {
            text-align: center;
        }
        .post-container {
            max-width: 1142px;
            width: 100%;
            margin: 0 auto;
            padding: 0 20px;
        }
        .post-container img {
            display: block;
            width: 100%;
        }
        .post-text-block {
            max-width: 800px;
            width: 100%;
            margin: 20px auto 75px auto;
        }
        .post-text-link {
            display: block;
            margin: 0 auto;
            color: #000;
            text-decoration: none;
        }
        .post-text-link::after {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            border-top: 2px #000 solid;
            border-right: 2px #000 solid;
            transform: translate(5px, 7px) rotate(45deg);
        }
        .post-quote-container {
            margin: 75px 0;
        }
        .post-column-2, .post-column-3 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .flex-row-reverse {
            flex-direction: row-reverse;
        }
        .post-column-2 img, .post-column-2 a.image-link, .post-column-2 .post-quote, .post-column-2 .side-video {
            width: 48%;
            align-self: center;
        }
        .post-column-3 .image-text-link-group {
            width: 31%;
        }
        .layered-column {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            position: relative;
        }
        .layered-images-left {
            position: relative;
            width: 55%;
            margin-bottom: 15%;
        }
        .layered-images-left .layered-image-2 {
            position: absolute;
            bottom: -15%;
            left: -25%;
            width: 65%;
        }
        
        .layered-images-right {
            position: relative;
            width: 55%;
            margin-bottom: 15%;
        }
        .layered-images-right .layered-image-2 {
            position: absolute;
            bottom: -15%;
            right: -25%;
            width: 65%;
        }
        
        .layered-text {
            width: 45%;
            padding: 0 20px;
        }
        a.image-text-link {
            display: block;
            position: relative;
            font-weight: 400;
            color: #000;
            text-decoration: none;
            padding: 20px 0;
        }
        a.image-text-link::after {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            border-top: 2px #000 solid;
            border-right: 2px #000 solid;
            transform: translate(5px, 7px) rotate(45deg);
        }
        .pair-container {
            position: relative;
            margin-bottom: 10%;
        }
        .pairing-desktop {
            display: block;
        }
        .pairing-mobile {
            margin: 20px auto;
            display: none;
        }
        .pair-column-2 {
            display: flex;
            justify-content: space-between;
        }
        .pairing-info {
            padding: 20px 15%;
        }
        .operator {
            position: absolute;
            font-size: 72px;
            font-weight: 100;
            text-align: center;
            left: 50%;
            bottom: 15%;
            transform: translateX(-50%);
        }
		.pairing-option {
			width: 50%;
		}
        
        @media screen and (max-width:1000px){
            .layered-images-left .layered-image-2 {
                left: 50%;
                transform: translateX(-50%);
            }
            .layered-images-right .layered-image-2 {
                left: 50%;
                transform: translateX(-50%);
            }
        }
        
        @media screen and (max-width:768px){
			.blog-article-header {
				padding-bottom: 50px;
			}
			.modal-body.modal-oos{
			 flex-direction: column;
		 }
			.icon-text-box {
		flex-direction: column;
				padding: 0px 20px;
	}
	

	.post-text-block-2.left-side {
		padding-bottom: 70px;
	}

.post-container .icon-text-box img {
	max-width: 140px;
			}
	.tip-text h2 {
		text-align: center;
	}
			.icon-text-box i{
		padding-right: 0px;
	}
.modal-oos-image {
width: 100%;
margin-right: 0px;
}
.modal-oos-desc {
width: 100%;
padding-top: 0px;
}
            .post-column-2 img, .post-column-2 a.image-link, .post-column-2 .post-quote, .post-column-3 .image-text-link-group, .post-text-block-2, .post-column-2 .side-video  {
                width: 100% !important;
            }
			.post-column-2 .side-video, .post-column-2 img  {
				margin-bottom: 20px;
			}
            .post-quote {
                margin-top: 20px;
            }
            .margin-bottom-20-m {
                margin-bottom: 20px;
            }
            .image-text-link-group {
                margin-bottom: 20px;
            }
            .layered-text {
                width: 100%;
                padding: 0;
            }
            .layered-column {
                margin-bottom: 15%;
            }
            .layered-images-left {
                width: 100%;
            }
            .layered-images-left .layered-image-1 {
                width: 85%;
                float: right;
            }
            .layered-images-left .layered-image-2 {
                width: 55%;
                left: 0;
                transform: translateX(0);
            }
            .layered-images-right {
                width: 100%;
            }
            .layered-images-right .layered-image-1 {
                width: 85%;
            }
            .layered-images-right .layered-image-2 {
                width: 55%;
                left: 100%;
                transform: translateX(-100%);
            }
            .pairing-desktop {
                display: none;
            }
            .pairing-mobile {
                display: block;
            }
            .pairing-option {
                width: 49.5%;
            }
            .pairing-info {
                padding: 10px;
            }
            .center-text-desktop {
                text-align: left;
            }
            .operator {
                display: none;
            }
			.pair-column-2 {
				column-gap: 5px;
			}
        }