/*
Theme Name: Mestre Marcio Machado
Author: Josiano Carvalho - Oversites
Author URI: https://oversites.com.br/
Description: Tema desenvolvido para o site do Mestre Marcio Machado.
Version: 1.0
*/





/* Primary Menu - Style 3
-----------------------------------------------------------------*/


#primary-menu.style-3 > ul > li.current-menu-item > a {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #ed3237;
}
/*content-perfil*/
.feature-box:first-child {
    margin-top: 5px;
}
.current-menu-ancestor > a,.current-menu-ancestor > a:hover,
.current-menu-ancestor > a:focus,
.current-menu-ancestor > a:visited{
    background-color: #ed3237;
    color: #ffffff !important;
}

#primary-menu ul ul li.current-menu-item > a {
    background-color: #F9F9F9;
    padding-left: 18px;
    color: #ed3237 !important;
}

#primary-menu.style-3 > ul > li.current-menu-ancestor:hover > a {
    background-color: #ed3237;
}

.yotu-videos.yotu-mode-grid .yotu-video-description {
    height: 10em !important;
    margin-bottom: 15px !important;
}

.yotu-playlist {
    padding: 1px 0 !important;
}


.entry-meta i.icon-folder-open {
    margin-left: 5px;
}

.entry-meta{
    text-align: left;
}
.entry-image, .entry-image > a, .entry-image .slide a, .entry-image img {
    width: 100%;
}

.content {
    margin-top: 10px;
}

/*Carrousel*/
.item.lgx-item {
    background: #333;
    width: 166px;
    height: 144px;
}

.lgx-carousel-section .lgx-carousel .lgx-item {
    padding: 1px 0;
}


.lgx-carousel-section img.alignnone, 
.lgx-carousel-section img.aligncenter, 
.lgx-carousel-section div.alignnone, 
.lgx-carousel-section div.aligncenter {
    margin: 0px 0px;
}
.lgx-carousel-section img.alignnone.size-full {
    padding: 5px;
}

.lgx-carousel-wrapper {
    background: #fff;
}
.lgx-carousel-wrapper .owl-stage {
    margin: 0 auto;
}

/*efeito botao pdf*/

@mixin fade-transition($element) {
    -webkit-transition: $element 0.15s ease-in-out;
    -moz-transition: $element 0.15s ease-in-out;
    -ms-transition: $element 0.15s ease-in-out;
    -o-transition: $element 0.15s ease-in-out;
    transition: $element 0.15s ease-in-out;
}


.btn_pdf_download a {

    /*  styling */
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 5px;
    color: #FAFAFA;
    border: 3px solid #FAFAFA;
    padding: 25px;

    /*  centering */
    position: absolute;
    text-align: center;
    right: -5.5%;
    top: 85%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.5);
    @include fade-transition(background);

    &:hover {
        background: rgba(8,97,76,0.6);
    }
}


.btn_pdf_download i {
    /*   positioning */
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;

    /*   gradient   */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,0.6) 30%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.85) 70%, rgba(255,255,255,0.85) 71%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.03)), color-stop(30%,rgba(255,255,255,0.85)), color-stop(50%,rgba(255,255,255,0.85)), color-stop(70%,rgba(255,255,255,0.85)), color-stop(71%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

    /*  forming the shine element
        play around with the width, skew and gradient to get different effects
    */
    width: 15%;
    height: 100%;
    transform: skew(-10deg,0deg);
    -webkit-transform: skew(-10deg,0deg);
    -moz-transform: skew(-10deg,0deg);
    -ms-transform: skew(-10deg,0deg);
    -o-transform: skew(-10deg,0deg);

    /*  animating it  */
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation: move 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    -moz-transform: skew(-10deg,0deg);
    -moz-animation: move 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 1s;
    -ms-transform: skew(-10deg,0deg);
    -ms-animation: move 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-delay: 1s;
    -o-transform: skew(-10deg,0deg);
    -o-animation: move 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-delay: 1s;
}

/*  */
@keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 82%}
}

@-webkit-keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 82%}
}

@-moz-keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 88%}
}

@-ms-keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 82%}
}

@-o-keyframes move {
    0%  { left: 0; opacity: 0; }
    5% {opacity: 0.0}
    48% {opacity: 0.2}
    80% {opacity: 0.0}
    100% { left: 82%}
}
/*fim btn pdf*/

.btn_pdf_download {
    text-align: right;
    padding-bottom: 15px;
    display: block;
}

.btn_pdf_download a {
    background: #ed3237;
    padding: 15px;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
}

/*footer*/
footer#footer {
    margin-top: 0px !important;
}

span.frase_footer {
    font-style: italic;
}
.postcontent table {
    width: 100%;
    display: inline-table;
}

.lista form.wpcf7-form p {
    margin: 0px;
}
.lista form.wpcf7-form{
    margin-bottom: 0px;
}
/*imagens*/
.size-large,.size-full,.size-medium,img.aligncenter,img.alignleft,img.alignright {
    height: auto;
}

#content_recomendo .vc_custom_heading.entry-title.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
    margin-bottom: 0px;
}

#content_recomendo .vc_gitem-post-data.entry-meta.clearfix.icon-folder-open.vc_gitem-post-data-source-post_categories.vc_grid-filter.vc_clearfix.vc_grid-filter-comma.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-grey {
    padding: 5px;
    margin: 0px;
}
#content_recomendo span.vc_gitem-post-category-name {
    color: #ed3237;
}

#content_recomendo .vc_custom_heading.entry-content.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
    margin: 5px;
}

.secundarios-recomendo .vc_grid-item-zone-c-right .vc_gitem-zone-c {
    width: 60%;
}
.secundarios-recomendo .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-blurScaleOut {
    width: 40%;
}

#content_recomendo .vc_grid-item-mini.vc_clearfix {
    background: #fff !important;
}


.postcontent ul li {
    margin-left: 20px;
}
.wp-caption {
    width: 100% !important;
}

dd.wp-caption-text, p.wp-caption-text {
    color: #ed3237;
    font-style: italic;
}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 10px;
}


p.wp-caption-text {
    padding-bottom: 15px;
    font-weight: normal;
    background: none;
}

@media (max-width: 479px) {
    .gallery-item {
        width: 100% !important;
    }


    .secundarios-recomendo .vc_grid-item-zone-c-right .vc_gitem-zone-c,
    .destaque-recomendo .vc_grid-item-zone-c-right .vc_gitem-zone-c {
        width: 100%;
        float: none;
    }
    .secundarios-recomendo .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-blurScaleOut, 
    .destaque-recomendo .vc_gitem-animated-block.vc_gitem-animate.vc_gitem-animate-blurScaleOut {
        width: 100%;
        float: none;
    }

    img.alignright, img.alignleft{
        max-width: 100%;
        display: block;
        margin: 0 auto;
        float: none;
        margin-top: 10px;
    }

}

@media (min-width: 1200px) {
    .min750px img {
        height: auto;
        min-width: 750px;
    }


    .yotu-videos {
        padding: 1px 0 !important; 
    }

    .treinamento-post .entry {
        min-height: 685px;
    }

}