/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

 #basecmsvideo {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 80px;
	overflow: hidden;
}
#basecmsvideo .video-inner {
	position: relative;
	text-align: center;
}
#basecmsvideo img {
	max-width: 100%;
	border-radius: 30px;
}
a.data-fancybox.uploadtheme.cboxElement {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	width: 100px;
	margin: auto;
	border-radius: 50%;
	border: 3px solid #fff;
}
a.uploadtheme.cboxElement:before {
	content: "";
	position: absolute;
	left: 0;
	border-radius: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../img/icon.png);
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: auto;
}
.video-cms-block {
	float: left;
    width: 100%;
}
 .shopify-section.section.base-video-cms {
	background: #faf7f0;
 }
 .video-block .collection__description > * {
	width: 55%;
 }
 .video-section__media {
	position: relative;
	padding-bottom: 56.25%;
 }

 .videotop-cms {
	position: relative;
	width: 100%;
	margin: 0 auto;
	float: left;
	padding: 40px 0;
 }
 #basecmsvideo .main-section-title {
    margin: 0 0 25px;
}
 .video-description {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 25px;
}
.video-button {
    float: left;
    width: 100%;
	margin: 0px 0 40px;
}
.video-btn {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--global-palette1);
}
.video-btn:hover{
	color: var(--global-palette4);
}
.video-btn:after {
	content: "\E315";
    font-family: "Material Icons";
    padding: 0px 0px 0px 5px;
    font-weight: bolder;
    line-height: 14px;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
}
#popup_toggle {
    float: left;
    width: 100%;
    position: relative;
}
.video {
    position: relative;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
 .page-inner-width {
	max-width: 1100px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
 }
 .video-icon {
	display: inline-block !important;
	height: 50px;
	width: 50px;
	float: none;
	margin: 0px auto 0;
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	vertical-align: top;
 }
 .video:hover .video-icon {
	transform: rotateY(360deg);
	transition: all 0.6s ease-in-out 0s;
	-webkit-transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
	-o-transition: all 0.6s ease-in-out 0s;
	-ms-transition: all 0.6s ease-in-out 0s;
 }
 .video-detail {
	float: left;
    width: 100%;
    margin-bottom: 60px;
 }
 .video-block {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
 }
 #shopify-section-base_video {
	margin-block: 40px;
 }
 .videos-wrapper {
	position: relative;
	width: auto;
	display: inline-block;
	vertical-align: top;
	text-align: center;
 }
 .video-detail:last-child {
	  margin-bottom: 0;
 }
 @media (max-width: 1359px) and (min-width: 1200px){
	.video{
		width: 60%;
	}
	.video-description{
		margin: 0 0 20px;
	}
 } 
 @media (max-width: 1359px) {
	#basecmsvideo{
		margin: 0 0 50px;
	}
	#basecmsvideo .main-section-title {
		margin: 0 0 20px;
	}
	.video.video-5 {
	  border-inline-end: 0;
	}
	.videos-wrapper {
	  position: relative;
	  width: 100%;
	}
 }
 @media (max-width: 1199px) and (min-width: 992px){
	.video-description {
		margin: 0 0 16px;
	}
	.video {
		width: 70%;
	}
	.video-button{
		margin: 0px 0 30px;
	}
 }
 @media (max-width: 1199px) {
	#basecmsvideo .main-section-title {
		margin: 0 0 18px;
	}
}
@media (max-width: 991px) and (min-width: 768px){
	.video-button {
		margin: 0px 0 20px;
	}
}
 @media  (max-width: 991px) {
	#basecmsvideo {
		margin: 0 0 45px;
	}
	.video{
		width: 95%;
	}
	#basecmsvideo .main-section-title {
		margin: 0 0 12px;
	}
	.video-description {
		margin: 0 0 12px;
		font-size: 14px;
	}
	.video-btn {
		font-size: 17px;
	}
	a.uploadtheme.cboxElement:before {
		background-size: 16px;
	}
	a.data-fancybox.uploadtheme.cboxElement {
		height: 70px;
		width: 70px;
	}

 }
 @media (max-width: 767px) and (min-width: 544px){
 }
 @media  (max-width: 767px) {
	.video {
		width: 100%;
	}
	.video-button {
		margin: 0 0 15px;
	}
	.video-btn {
		font-size: 16px;
	}
 }
 
 @media  (max-width: 543px) {
	#basecmsvideo {
		margin: 0 0 35px;
	}
	.video-description {
		font-size: 13px;
		line-height: 20px;
	}
	.video-btn {
		font-size: 15px;
	}
}
@media (max-width: 479px){
	#basecmsvideo {
		margin: 0 0 30px;
	}
	a.data-fancybox.uploadtheme.cboxElement {
		height: 50px;
		width: 50px;
	}
	a.uploadtheme.cboxElement:before {
		background-size: 13px;
	}
	.video-description{
		margin: 0 0 6px;
	}
}