/*  -------------------------------------------------------------------------------------------------------------------------------
    -------------------------------------------------------- SINGLE ---------------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------------- */

/* Main Single page */
.single #container { margin-top: 0;}

/* Single header (fixed) */
.single header {margin-top: 0; width: 100%; top: 0; height:100px; background-color: #171717;  z-index: 2;}

/* Progress bar */
.single-progress { position: fixed; display: flex; top: 0px; bottom: initial; z-index: 1;}

/* Newsletter Form */
.single #newsletter-block {display:inline-block; position: relative; z-index:1; transition: visibility 0s, opacity 0.5s linear; margin: 10px 0; width: 100%; justify-content: space-around; background-color: #3a3a3a; align-items: center; padding: 30px 0; top: 15px;}
.single #newsletter-block p {     margin-right: 20px;
    font-size: 20px;
    line-height: 30px;}
.single #newsletter-block .close-form { font-size: 24px; color: #95989A; cursor: pointer;}
.single #newsletter-block .input-form { display:flex; flex-direction: row; width: 900px; margin:0 auto;}
.single #newsletter-block .success-form { display:none; color: white;}
.single #newsletter-block .input-form .form-block input { font-size:18px;color: white; background-color: transparent; height: 25px; width: 200px; border: none; border-bottom: 1px solid white; }
.single #newsletter-block .input-form .form-block button { color: white; background-color: transparent; border: 1px solid #95989A; padding: 5px 20px; cursor: pointer; font-family: "Avenir Condensed"; font-size:18px; }
.single #newsletter-block .input-form .form-block input:focus, .single #newsletter-block .input-form .form-block button:focus { outline:none; }
.single #newsletter-block .input-form .form-block button:hover {color:#009DE1; border:1px solid #009DE1;}
/*  Single content */
.single .single-content { display: flex; flex-direction: column;  color: white; margin: 100px 0 50px 0;}
.single.single-post .single-content .content { text-align: center; padding: 40px; width:40%; margin:0 auto;min-width:650px;}
.single .single-content .main-content .thumbnail-container img { width: 100%; height: auto;}
.single .single-content .main-content h1,
.single .single-content .main-content h2 { font-size: 38px; text-align: center; margin: 50px 0; line-height: 40px; font-weight: 400;}
.single .single-content .main-content h3 { font-size: 36px; text-align: center;}
.single .single-content .main-content h4 { font-size: 32px; text-align: center;}
.single .single-content .main-content h5 { font-size: 28px; text-align: center;}
.single .single-content .main-content h6 { font-size: 25px; text-align: center;}
.single .single-content .main-content p { margin: 20px 0; text-align: center; line-height: 45px; font-size: 25px;}
.single .single-content .main-content p.wp-caption-text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin: 0 auto;
    padding: 5px 20px;
}


.single .single-content .main-content .one-half img { width:100%; height: auto;}
.single .single-content .main-content .align_center { display: block; text-align: center; border:0;}
.single .single-content .main-content .wpb_button {margin-top:30px; margin-bottom:30px;}
.single .single-content .main-content .wpb_button  {
    line-height: 22px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px 36px;
    margin: 5px 0;
    border-radius: 0;
    overflow: hidden;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
    border:1px solid #009DE1; background-color: transparent; color: #009DE1; font-size: 25px;
}
.single .single-content .main-content .wpb_button a span {color:#009DE1;}
.single .single-content .main-content .wpb_button:hover {
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
    border:1px solid #009DE1; background-color: #009DE1; color: #fff;
}
.single .single-content .main-content .wpb_button:hover a span {color:#242424;}
.single .single-content .main-content .wpb_button a:hover span {color:#242424;}
.single .single-content .main-content ol { list-style-type: decimal; text-align: justify; margin-left: 35px; line-height: 26px;}
.single .single-content .main-content ol li { margin: 20px 0; line-height: 45px; font-size:25px;}
.single .single-content .main-content p iframe { margin: 0 auto; display: block;}

/*  Single content footer */
.single .single-content .single-content-footer { display: flex; justify-content: space-between; padding: 20px;}
.single .single-content .single-content-footer .title { line-height:36px; display: flex; color: rgba(255, 255, 255, .2); font-size: 34px; font-weight: 400;}
.single .single-content .single-content-footer .share { color: white; display: flex; flex-direction: row;}
.single .single-content .single-content-footer .share span { margin-right: 20px; font-weight: 400;}
.single .single-content .single-content-footer .share .share-list li {display: inline-block; padding: 0 5px;}

.single .wp-caption {text-align: center; margin: 0 auto}

.wp-caption img, .single .single-content p img {width: 98%; height: auto;}

.single-content p img.size-medium {width: auto; max-width: 100%;}

.single-content p img.size-full {width: 100%;}

.single .one-half {margin-bottom:30px; }

.single .one-half .wp-caption {margin: 30px auto;}

/* Single breadcrumb */
/*.single .single-content .breadcrumb { padding: 30px; }*/

/* Single articles slider */
.single .products .row-slide .bottom-block a {color:white; font-weight: 400;}

/* .single .slick-slide {height: 270px;}  */


.single .products.continue-reading .row-slide .bottom-block a {font-size:26px;}

.single .products.continue-reading .bottom-block {width:75%;}

.single .products.continue-reading .slick-slide:hover .top-block {margin-top:25px;}

.single .products.continue-reading .slick-slide .top-block .products-title {    font-size: 25px;  line-height: 28px;  margin-top: 10px;}

/*  -------------------------------------------------------------------------------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------------- */
.single-videos-maquillaje .single-content .content { padding: 50px; }

.single.single-videos-maquillaje .single-content {margin:100px 0 0px 0; padding-bottom:10px;}
.single.single-videos-maquillaje #newsletter-block{margin-top: 0; margin-bottom: 50px;top:0;}
.single-videos-maquillaje .single-content .content .description { float: left; width: 100%; text-align: left; margin-bottom: 40px; font-size: 24px; line-height: 36px;}
.single-videos-maquillaje .single-content .content .description p {width: 50%;}
.single-videos-maquillaje .single-content .content .main-content { float:left; width: 100%; }
.single-videos-maquillaje .single-content .content .main-content .video { margin-right: 2%; width: 47%; float:left; text-align: center;}
.single-videos-maquillaje .single-content .content .main-content .video-products { width: 40%; float:left; padding:30px; padding-top:0; }
.single-videos-maquillaje .single-content .content .main-content .video-products .products-counter {     text-align: left;
    color: rgba(255, 255, 255, .2);
    padding: 12px 0;
    border-bottom: 1px solid #95989A;
    margin-bottom: 0px;
    margin-top: 0;
    line-height: 25px;
    padding-top: 0;
    padding-bottom: 25px; }
.single-videos-maquillaje .single-content .content .main-content .video-products ul li { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #95989A; padding: 10px 0; }
.single-videos-maquillaje .single-content .content .main-content .video-products ul li .product-info { display:flex; flex-direction: row; width: 56%; }
.single-videos-maquillaje .single-content .content .main-content .video-products ul li .product-info .product-name { font-weight: 400; }
.single-videos-maquillaje .single-content .content .main-content .video-products ul li .product-info .category { color: #FF5801; text-transform: uppercase; text-align: left; }
.single-videos-maquillaje .single-content .content .main-content .video-products ul li .product-info img { margin-right: 20px; max-width: 50px; max-height: 50px;}
.single-videos-maquillaje .single-content .content .main-content .video-products ul li .product-link { font-style: normal; font-weight: normal; }
.single-videos-maquillaje .single-content .content .main-content .video-products ul li .product-cart {font-size: 21px; text-align: right; line-height: 23px; width:26%;}
.single-videos-maquillaje header {position: relative;}
.single-videos-maquillaje .slick-slide {height: 193px;}
.single-videos-maquillaje .tinv-wraper.tinv-wishlist {width: 7%;}
.single-videos-maquillaje .tinvwl_add_to_wishlist-text, .single-videos-maquillaje .tinvwl-product-in-list.tinvwl-product-make-remove .tinvwl_remove_from_wishlist-text {display: none;}

@media only screen and (max-width:1200px) {

    .single .single-post header {height:185px;}

    .single-progress {top:180px; z-index: 10;}

    .single #newsletter-block {top:175px;}

    .single-videos-maquillaje .single-content .content .description p {
        width: 60%;
    }

    .single-videos-maquillaje .single-content .content .main-content .video {width:45%;}

    .single .single-content .content {padding: 30px 50px;}




}

@media only screen and (max-width:1090px) {
    .single-videos-maquillaje .single-content .content .description p { width: 75%; }

    .single-videos-maquillaje .single-content .content .main-content .video {width:43%;}

    .single .single-content .content {padding: 30px;}
    .single-videos-maquillaje .breadcrumb {display: block;}


}


@media only screen and (max-width:900px) {

    .single header {position:relative; display:flex; flex-direction:row; width: auto; height: 72px;background: #000000;}

    .single .single-content .single-content-footer { display: inline-block; width: calc(100% - 40px);}
    .single .single-content {margin:30px 0 50px 0}
    .single .single-content {display: block;}
    .single-videos-maquillaje .single-content .content .main-content .video-products {
        width: 100%;
        float: left;
        margin: 0 auto;
        margin-top: 30px;
        padding: 0;
    }

    .single-videos-maquillaje .single-content .content .description {padding:0;}

    .single-videos-maquillaje .single-content .content .main-content .video {width: 90%; margin-right: 0; width: 100%; padding:0;}

    .single .single-content .content {padding: 20px;}

    .single-videos-maquillaje .single-content .content .main-content .video-products ul li {text-align: left;}


    .single-progress {  top: 0px; z-index: 2; }
    .single #newsletter-block {
        display: flex;
        flex-direction: row;
        top: 62px;
    }

    .single #newsletter-block .input-form {
        display: block;
        text-align: center;
    }

    .single .breadcrumb {display: none;}

    .single-videos-maquillaje .breadcrumb {display: block;}

    .single-videos-maquillaje .breadcrumb li {
        text-align: left;
        margin-bottom: 20px;
        width: auto;
        font-size: 28px;
        line-height: 40px;
        font-weight: 400;
        margin-top: 25px;
        margin-left: 20px;
        margin-right: 10px;
    }

    .single #newsletter-block p {
        margin-right: 0;
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .single #newsletter-block .input-form .form-block input {

    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    padding-bottom: 17px;
    width: 300px;
    }

    .single #newsletter-block .input-form .form-block button {font-size: 24px;}

    .single .single-content .main-content h1 {padding-top:30px; padding-bottom: 30px; margin:20px 0;}

    .single .one-half {margin-top:10px; margin-bottom:10px;}

    .single .one-third {margin-top:10px; margin-bottom:10px; width:33%}

    .single .two-thirds {margin-top:10px; margin-bottom:10px; width:66%; text-align:left;}

     .one-third img,  .two-thirds img { width:100%; height: auto;}

    #newsletter-block #woochimp_registration_form_shortcode tr {padding-right:0;}


    .single .single-content, .single .single-content .main-content .one-half img, .single .single-content .main-content .full-width .one-third img, .single .single-content .main-content .full-width  .two-thirds img { width:100%; height: auto;}

    .single .single-content .main-content .one-third img, .single .single-content .main-content .two-thirds img { width:100%; height: auto;}

    .single.single-videos-maquillaje .single-content {margin: 10px 0 0px 0}

    .single.single-post .single-content img {width: 100%; height: auto;}

    .single-videos-maquillaje .products .slick-slide .bottom-block { display: block;  position:absolute; bottom:10px;}
    .single-videos-maquillaje .products .slick-slide .bottom-block a {font-size: 26px; line-height: 30px;}
    .single-videos-maquillaje .products .slick-slide .top-block {  display: block;  position: relative; margin-top: 5px; }
    .single-videos-maquillaje .products .slick-slide img {opacity:0.8}
    .single .products .slick-slide:hover .top-block {margin-top:5px;}
    .single .pre-footer-content .cabecera.novedades.videotutoriales .descripcion {margin-top:40px;margin-bottom:40px;}
    /* .single.single-post .products .slick-slide .bottom-block { display: block;  position:absolute; bottom:10px;}
    .single.single-post .products .slick-slide .bottom-block a {font-size: 26px; line-height: 30px;}
    .single.single-post .products .slick-slide .top-block { display: block; position:absolute; }*/
    .single.single-post .products .slick-slide img {width: 70%;}
    .singe #container {    padding-bottom: 15px;}
    .single .single-content .main-content p iframe {width: 100%;}
}