﻿.snippet-ytb-lazy, .snippet-ytb-lazy .player, .snippet-ytb-lazy .iframe { position: relative; width: 100%; }

.snippet-ytb-lazy, .snippet-ytb-lazy svg { background-color: transparent; }

.snippet-ytb-lazy { margin-top: -1.1vw; height: 39vw; border-radius: 10px; overflow: hidden; }

.snippet-ytb-lazy .player, .snippet-ytb-lazy .iframe { height: 100%; }

.snippet-ytb-lazy .iframe { background-color: inherit; }

.snippet-ytb-lazy .player { display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 999; background-color: rgba(255, 255, 255, 0.3); }

.snippet-ytb-lazy img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.snippet-ytb-lazy svg { width: 50px; line-height: 0; z-index: 1; padding: 2px; border-radius: 50%; background-color: #ffffff }

/*MÍDIA MÓVEL EM PÉ*/
/*CELULAR*/

@media screen and (max-device-width: 500px)
{
.snippet-ytb-lazy { margin-top: -5vw; width: 100%; height: 100vw; background-color: transparent; border-radius: 10px; overflow: hidden; position: relative; }
}

/*TABLET EM PÉ*/
@media only screen and (min-device-width:501px) and (max-device-width:768px) and (orientation:portrait)
{
.snippet-ytb-lazy { margin-top: -2.5vw; width: 100%; height: 90vw; background-color: transparent; border-radius: 10px; overflow: hidden; position: relative; }
}

/*MÍDIA MÓVEL DEITADO*/

/*CELULARES GRANDES*/

@media only screen and (min-device-width : 415px) and (max-device-width: 950px) and (max-device-height: 414px) and (orientation: landscape), handheld
{
.snippet-ytb-lazy { margin-top: -5vh; height: 39vw; border-radius: 10px; overflow: hidden; }
}

/*tim*/
@media screen and (max-device-width : 350px) and (orientation : landscape)
{
.snippet-ytb-lazy { margin-top: -2.5vw; width: 100%; height: 39vw; background-color: transparent; border-radius: 10px; overflow: hidden; position: relative; }
}

/*IPHONE MÃE*/
@media screen and (min-device-width : 351px) and (max-device-width : 570px) and (orientation : landscape) 
{
.snippet-ytb-lazy { margin-top: -5vh; width: 100%; height: 39vw; border-radius: 10px; overflow: hidden; position: relative; }
}

/*ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 600px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), handheld
{
.snippet-ytb-lazy { margin-top: -2.5vh; width: 100%; height: 39vw; border-radius: 10px; overflow: hidden; position: relative; }
}