@media (min-width: 768px){ img.img-easy { margin-bottom: 5px; } .insidebottom { margin-top: 40px !important; bottom: 20px; position: relative; } .thumbnail-classic-title{ font-size: 30px; line-height: 1; padding: 0 33px; } .thumbnail-classic figure figcaption, .thumbnail-classic figcaption { padding-left: 20px; padding-right: 20px; } .thumbnail-classic figure figcaption p, .thumbnail-classic figcaption p { line-height: 1.3; padding: 0 19px; height: 10px; } .time-prep { bottom: 10px; }}.text-icon{ font-size: 15px;}.video{ background-image: url(/_media/images/photographed_recipes/video_arrow.png); background-repeat: no-repeat; background-position: 65px 11px; z-index: 1; cursor: pointer; color: #ef800d; display: none;}.video:hover{ color:#ef800d;}.img-easy{ width: 18px !important;}.img-easy.shef_icon{ width:inherit !important;}.wrap-easy{ border-right: 1px solid white;}.icon-recipe{ line-height: 15px;}@media(min-width: 480px){ .range > .cell-xs-6 { max-width: 100%; }}.slick-videos-layer { opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100vw; height: 100vh; background: black; z-index: 100000; transition: all 100ms ease; direction: ltr;}.slick-videos-layer.open { opacity: 1; pointer-events: all;}.slick-videos-gallery { width: 70%; height: auto; position: fixed; top: 11%; right:15%;}@media screen and (max-height: 700px){ .slick-videos-gallery { width: 50%; right: 25%; }}.videoWrapper { position: relative; padding: 25px 25px 56.25%; height: 0;}.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.slick-videos-gallery .video_title, .slick-videos-gallery .full_recipe_url{ font-weight: 100; color: #ffffff; padding-bottom: 10px;}.slick-videos-gallery .full_recipe_url{ position: relative; bottom: 0px;}.slick-videos-gallery .slick-prev, .slick-videos-gallery .slick-next { position: fixed; background-image: url('/_media/images/photographed_recipes/slider_arrow_icon.jpg'); background-repeat: no-repeat; background-size: 14px 12px; top:30%; left:15px; width: 14px; height: 12px; cursor: pointer;}.slick-videos-gallery .slick-prev:before, .slick-videos-gallery .slick-next:before { content: none;}.slick-videos-gallery .slick-next { left:auto; right:15px;}.slick-videos-gallery .slick-prev { transform: rotate(180deg);}.gallery_close_btn { width: 14px; height: 14px; position: absolute; top: 20px; right: 20px; cursor: pointer;}.gallery_close_btn img { width: 100%; position: absolute; top:0; left:0;}@media screen and (min-width: 768px){ .gallery_close_btn { top: 50px; right: 60px; } .slick-videos-gallery .slick-prev, .slick-videos-gallery .slick-next { top:50%; left:50px; } .slick-videos-gallery .slick-next { left:auto; right:50px; } .video{ display: block; }}@media (min-width: 480px) and (max-width: 991px){ .video { background-position: 24px 11px; margin-top:5px; }}.thumbnail-classic{ width: 100%; height: 370px; cursor: pointer;}.img-play { background-image: url(/_media/images/general/play.png); background-repeat: no-repeat; content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background-position: center center; height: 370px;}.img-youtube{ top: 45px; position: relative;}.page-content .thumbnail-classic-img-wrap{ height: 370px; background: black;}.img-wrap-before:before{ content: ' '; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ height: 100%;}/*@media screen and (min-width: 1024px){*/ /*.videoWrapper{*/ /*padding: 25px 25px 47.25%;*/ /*}*//*}*//*@media screen and (min-width: 1500px){*/ /*.videoWrapper{*/ /*padding: 25px 25px 56.25%;*/ /*}*//*}*/@media screen and (max-width: 1024px){ figcaption.thumbnail-classic-caption.text-center { position: absolute; left: 0; right: 0; top: unset; bottom: 5px; line-height: 0em; background: none; pointer-events: none; font-size:0.7em; min-height: 179px; } figcaption.thumbnail-classic-caption.text-center h4 { font-size:1.2em; } /*figcaption.thumbnail-classic-caption.text-center p {*/ /*margin-top:0px;*/ /*}*/}@media (min-width: 1025px){ .thumbnail-classic figure figcaption, .thumbnail-classic figcaption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-left: 15px; padding-right: 15px; background: none; z-index: 2; opacity: 0; visibility: hidden; transition: 0.35s all ease-out; -webkit-transform: translateY(-10%); transform: translateY(-10%); } .thumbnail-classic figure figcaption:before, .thumbnail-classic figcaption:before { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ""; transition: 0.35s all ease-out; border: 1px solid #FFFFFF; } .thumbnail-classic figure figcaption p, .thumbnail-classic figcaption p { /*max-height: 45px; overflow: hidden;*/ } .thumbnail-classic:before { position: absolute; left: -20px; right: -20px; top: -20px; bottom: -20px; content: ""; background: rgba(0, 0, 0, 0.7); z-index: 1; opacity: 0; visibility: hidden; transition: 0.35s all ease-out; transition-delay: 0.2s; } .thumbnail-classic:hover:before { opacity: 1; visibility: visible; transition-delay: 0s; } .thumbnail-classic:hover figure figcaption, .thumbnail-classic:hover figcaption { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .thumbnail-classic:hover figure figcaption:before, .thumbnail-classic:hover figcaption:before { left: 20px; right: 20px; top: 20px; bottom: 20px; } .reveal-lg-block{ display: block !important; }}@media(min-width: 1200px){ .thumbnail-classic-title{ font-size: 36px; }}@media(max-width: 480px){ figcaption.thumbnail-classic-caption div:first-child{ width: inherit; min-height: 150px; position: relative; margin-top:0px; } figcaption.thumbnail-classic-caption.text-center h4{ position: absolute; bottom: 0; width: 100%; }}@media(max-width: 768px){ .offset-top-60{ margin:0px !important; }}