/*
Theme Name: Dessindecole
Template: oceanwp
Author: Quentin Durand

*/

/** 
*
* GENERAL
*
*/

@font-face {
    font-family: 'Calibri';
    src: url(/wp-content/uploads/dessindecole/fonts/calibri.ttf);
}


a:focus {
    outline: none !important;
}

body {
    overflow-x: hidden;
}

#right-sidebar {
	display: none !important;
}


/**
*
* Thumbmails articles
*
*/

.yotu-videos {
    float: left;
    width: 100%;
    padding: 100px 0 0 !important;
    position: relative;
}

.yotu-playlist .yotu-wrapper-player {
    margin: 0 auto 100px 0;
    text-align: center;
    width: 600px;
    /* box-shadow: 166px 63px 0px 8px rgba(39,34,61,1), -166px -64px 0px 8px rgba(234,199,55,1);
    -webkit-box-shadow: 166px 63px 0px 8px rgba(39,34,61,1), -166px -64px 0px 8px rgba(234,199,55,1);
    -moz-box-shadow: 166px 63px 0px 8px rgba(39,34,61,1), -166px -64px 0px 8px rgba(234,199,55,1); */
}

body [data-showdesc="off"] .yotu-videos h3.yotu-video-title {
    margin-bottom: 0!important;
    background-color: #F3A832 !important;
    color: #f4f4f4;
    text-align: center;
    margin: 0;
    font-size: 14px;
}

.price {
    position: absolute !important;
    text-align: center !important;
    transform: rotate(270deg) !important;
    width: 100% !important;
    background: #007CBA !important;
    right: -45% !important;
    color: white !important;
    padding-right: 15px !important;
    top: 9px;
}

.yotu-player {
    position: relative;
    padding-bottom: 56.25%!important;
    height: 0;
    box-shadow: none !important;
}

.rplg .rplg-box {
    background-color: red !important;
}


@media (max-width: 1170px) {
    .price {
        right: -48% !important;
    }
}

@media (max-width: 700px) {
    .yotu-playlist .yotu-wrapper-player {
        margin: 0 auto 100px 0;
        text-align: center;
        width: 600px;
        box-shadow: -40px -40px 0px 8px rgba(0, 124, 186, 1), 40px 40px 0px 8px rgba(243, 168, 50, 1);
        -webkit-box-shadow: -40px -40px 0px 8px rgba(0, 124, 186, 1), 40px 40px 0px 8px rgba(243, 168, 50, 1);
        -moz-box-shadow: -40px -40px 0px 8px rgba(0, 124, 186, 1), 40px 40px 0px 8px rgba(243, 168, 50, 1);
    }
}