/*
Theme Name: Canteras Zapotlanejo
Theme URI: http://www.temediacom.com
Author: Luis González
Author URI: http://www.temediacom.com
Description: Tema ideal para Materiales de Construccion o cualquiera sobre Materiales de Canteras y Marmoles 
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 2.5
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: canzapo
Cambios:  Correcciones en el footer area de contacto y el personalizador
*/

@import "css/main.css";

@media print {

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " ("attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #dee2e6;
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}


body,
html {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #878787;
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}



/****Set de sylies Canzapo****/

a {
    color: #006644;
    text-decoration: underline;
}

a:hover {
    color: #009966;
}


.text-primary {
    color: #006644 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #006644 !important;
    font-weight: 700;
}


header .logo-container {
    text-align: center;
    padding: 25px 0;
}


header #mainMenu a {
    text-decoration: none;
}

header .logo-container img {
    max-width: 120px;
}

header .main-menu-container {
    border-top: 1px solid rgba(135, 135, 135, 0.2);
    border-bottom: 1px solid rgba(135, 135, 135, 0.2);
    position: relative;
}

header .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767.98px) {}

header .main-menu li a {
    display: block;
    padding: 16px 20px;
    color: #878787;
    font-size: 14px;
}

header .mobile-menu-button {
    display: block;
    padding: 15px 0;
    text-align: center;
    color: #878787;
    font-size: 14px;
}

@media (min-width: 768px) {
    header .mobile-menu-button {
        display: none;
    }
}

@media (max-width:1199px) {
    #navbarTogglerCanzapo {
        width: 77%;
    }
}

@media (min-width:992px) {
    #navbarTogglerCanzapo {
        width: 77%;
    }
}

header .mobile-menu-button i {
    margin-left: 10px;
}


main .header-inner {
    /**  margin-bottom: 20px;*/
    background-color: #1b1b1b;

}

main .social-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;

}

main .breadcrumb-bar {
    position: absolute;
    top: 60px;
}

main .breadcrumb-item.active {
    color: #fff;
}

@media (max-width: 768px) {
    main .social-top-bar {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: right;
    }

    main .breadcrumb-bar {
        position: absolute;
        top: 102px;
    }
}



main .social-top-bar a {
    color: #fff;
    display: block;
    padding: 10px;
}

main .social-top-bar a:hover,
main .hoverbreadcrumb-item .active a:hover {
    color: #064;

}

.main .page-content {
    padding: 0px 0;
}


#slider-page {
    margin-top: 20px;
    margin-bottom: 60px;
}

.card-body {
    text-align: center;
}

.btn-services {
    text-decoration: none;
}

/********SLIDER **************/


.img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 992px) {
    .btn {
        display: block;
        width: 100%;
    }
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-item {
    opacity: 1;
}

.owl-carousel .owl-item.active {
    opacity: 1;
}

.owl-carousel .owl-nav {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    display: inline-block;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 60px;
    color: rgba(0, 0, 0, 0.2) !important;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.owl-carousel .owl-nav .owl-prev p span,
.owl-carousel .owl-nav .owl-prev p small,
.owl-carousel .owl-nav .owl-next p span,
.owl-carousel .owl-nav .owl-next p small {
    display: block;
    color: #000;
    line-height: .8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {

    .owl-carousel .owl-nav .owl-prev p span,
    .owl-carousel .owl-nav .owl-prev p small,
    .owl-carousel .owl-nav .owl-next p span,
    .owl-carousel .owl-nav .owl-next p small {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.owl-carousel .owl-nav .owl-prev small,
.owl-carousel .owl-nav .owl-next small {
    text-transform: uppercase;
}

.owl-carousel .owl-nav .owl-prev span,
.owl-carousel .owl-nav .owl-next span {
    line-height: 0;
}

.owl-carousel .owl-nav .owl-prev span:before,
.owl-carousel .owl-nav .owl-next span:before {
    font-size: 40px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {

    .owl-carousel .owl-nav .owl-prev span:before,
    .owl-carousel .owl-nav .owl-next span:before {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.owl-carousel .owl-nav .owl-prev:hover small,
.owl-carousel .owl-nav .owl-next:hover small {
    color: #006644;
}

.owl-carousel .owl-nav .owl-prev:hover span:before,
.owl-carousel .owl-nav .owl-next:hover span:before {
    color: #006644;
}

.owl-carousel .owl-nav .owl-prev {
    left: 50%;
    margin-left: -35px;
}

.owl-carousel .owl-nav .owl-next {
    right: 50%;
    margin-right: -35px;
}

.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: transparent;
    position: relative;
    border: 1px solid #000;
}

.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot:focus {
    outline: none !important;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #006644;
    border: 1px solid #006644;
}

@media (min-width: 992px) {
    .owl-carousel .owl-dots {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
        margin-right: -40px;
    }

    .owl-carousel .owl-dots .owl-dot {
        display: block;
    }
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.work-wrap .text,
.work-wrap .img {
    width: 50%;
    margin-bottom: 0px;
}

@media (max-width:767.98px) {

    .work-wrap .text,
    .work-wrap .img {
        width: 100%;
        margin-bottom: 0px;
    }

    main .breadcrumb-bar {
        position: absolute;
        top: 142px;
    }

}

.work-wrap .text h2 small {
    font-size: 21px;
    text-transform: none;
    font-weight: 400;
}


.work-wrap .img {
    height: 700px;
}

.work-wrap .text {
    /*  background: #fff3f1;**/
    border: 1px #006644 solid;
}

.work-wrap .text h2 {
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
}


.main .main-banner {
    background-position: center;
    background-size: cover;
    position: relative;
}

.main .main-banner::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.main .main-banner-inner {
    position: relative;
    z-index: 2;
}

.main .main-banner-inner>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 300px;
}

.main .main-banner-inner h1 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 40px;
    position: relative;
    text-align: center;
}

.main .main-banner-inner h1::after {
    content: '';
    position: absolute;
    display: block;
    width: 60px;
    height: 4px;
    background: #fff;
    left: 50%;
    bottom: -20px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main--home .main-banner-inner>.container {
    height: 700px;
}

.main--home .main-banner-content {
    color: #fff;
}

.main--home .main-banner-content h2 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
    text-align: center;
}

.main--home .main-banner-content p {
    font-size: 24px;
    margin-bottom: 30px;
}








.slider-page,
.cta-page,
.services-page,
.blog-page {
    position: relative;
}

/*****Other Section Home Page******/

.title {
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 45px;
    letter-spacing: normal;
}

.sub-title {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 0;
}


.text {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 15px;
}

.aligncenter {
    text-align: center;
    padding: 15px;
    margin: 15px;
}

.b-margin {
    margin-bottom: var(--bs-gutter-y);
}

.fa-home {
    margin-right: 10px;
}

.breadcrumb-list {
    height: auto;
    color: #fff;

}

.breadcrumb-slung {
    color: white;
    font-style: italic;
}

.services-title,
.blog-title,
.title-form {
    text-align: center;
    margin: 30px 0px 0px;
    padding: 20px;
}

.services-t,
.blog-t,
.contact-title {
    font-style: normal;
    font-weight: bold;
    font-size: 39px;
    line-height: 120%;
}

.text-card {
    line-height: 1.5rem;
}

.services-page .card .card-body .card-title {
    font-weight: bold;
    font-size: 25px;

}

.services-page .card .card-body .card-text {
    line-height: 1.2em;
    color: #343434;
}

.main .services-page .row-cols-md-4 {
    margin-top: 15px;
}

.main .page-content .cta-page {

    background-color: #1b1b1b;

}

.main .page-content .cta-page .cta-box,
.main .page-content .cta-page {
    color: #006644;
    padding: 20px;
}

.main .page-content .cta-page h2 {
    /* Heading 2 */
    font-style: normal;
    font-weight: bold;
    font-size: 39px;
    line-height: 120%;
    color: #006644;
    /* identical to box height, or 47px */
}

.cta-button {
    line-height: 1rem;
    text-align: center;
    padding-top: 50px;

}

.main .blog-page .blog-t {
    color: #006644;
}

.main .blog-page .blog-sb {
    color: #fff;
}

.hr-blog {
    color: #006644;
}

.hr-blog-post {
    color: #006644;
    margin: 10px 0px;
}

.card-destacados {
    max-width: 630px;
    max-height: 420px;
}


.card-recientes {
    height: 200px;

}

.post-thumbnail p {
    display: none;
}

.blog-title .text-tags-left {
    text-align: left;
}

#blog-page .card {
    font-size: 14px;
}


#blog-page .card .d-none img {
    height: auto;
}

/**
.blog-page .card  p {
    display: none;
}

.blog-page .card .mb-auto p:first-child {
    display: block;
}

.blog-page .card p:nth-child(2) {
    display: block;
}

**/
.main .blog-page::after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background: #141618;
    z-index: -1;
}



.main .page-content .post-col {
    padding-bottom: 30px;
}


.main .page-content .post .post-thumbnail p {
    display: none;
}

.main .page-content .post .post-thumbnail p:first-child {
    display: block;
}

.main .page-content .post .post-thumbnail iframe {
    width: 100%;
    height: 347px;
}

.post-header {
    padding-top: 28px;
    margin-bottom: 40px;
    border-top: 7px solid #1b1b1b;
    border-bottom: 1px solid #000;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
    padding-left: 0px;
}

.posts-title{
    font-size: 30px;
    color: #006644;
    line-height: 30px;
    letter-spacing: -.4px;
    font-weight: 600;
    text-align: left;
}

.post-title {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -.4px;
    font-weight: 600;
    text-align: left;
}

.post-title a {
    color: #000;
    text-decoration: none;
}

.post-category {
    font-family: MarcinAntB, sans-serif;
    font-size: .625rem;
    line-height: .75rem;
    text-transform: uppercase;
    text-align: right;
}

.post-date {
    font-family: MarcinAntB, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.blog-sb {}

.hr-posts {
    border-bottom: double #000;
    grid-column: 1/13;
    margin-top: calc(var(--grid-column-gap)/2);
}


.main .page-content .comment-respond .comment-form p.comment-notes,
.main .page-content .comment-respond .comment-form p.logged-in-as {
    width: 100%;
}

.room-info--type {
    margin-bottom: 0;
}

.row.room-row.no-gutters:nth-child(2) .col-md-8 {
    order: 2;
}

.main .page-content #comments-list li {
    margin-bottom: 20px;
}



footer .footer-inner {
    padding: 30px 0;
    background: #141618;
    color: #dee2e6;
}


footer .footer-inner .widget .widget-title,
footer .footer-inner .widget .widgettitle {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
}

footer .footer-inner .widget ul {
    padding-left: 16px;
    margin-bottom: 0;
    list-style: none;
}

footer .footer-inner .widget ul li a {
    display: block;
    padding: 6px 0;
    color: #fff;
}

footer .footer-inner ul li a:hover,
footer .footer-menu li.nav-link a:hover {
    text-decoration: underline;
    }

#footer-menu{
    line-height: 15px;
}   
.footer-direction h3{
  font-size: 21px;
  font-weight: 700;
}
.footer-direction p{
    font-size: 14px;
}
@media (max-width: 899px) {
    header .main-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 52px;
        width: 100%;
        background: #fff;
        z-index: 6;
        border-bottom: 1px solid rgba(135, 135, 135, 0.2);
        text-align: center;
    }


}

.work-wrap .text h2 {
    font-size: 40px;
}

footer .footer-inner .widget {
    padding-bottom: 30px;
}


@media (max-width: 768px) {
    header .main-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 52px;
        width: 100%;
        background: #fff;
        z-index: 6;
        border-bottom: 1px solid rgba(135, 135, 135, 0.2);
        text-align: center;
    }

    main .breadcrumb-bar {
        position: absolute;
        top: 102px;
    }

    .main .page-content {
        padding: 0px 0;
    }

    .work-wrap .text,
    .work-wrap .img {
        width: 100%;
    }

    .card-destacados {
        width: auto;
        height: auto;
    }





}

@media (max-width: 699px) {
    footer .footer-inner .widget {
        padding-bottom: 20px;
    }


}

@media (max-width: 399px) {
    footer .footer-inner .widget {
        padding-bottom: 15px;
    }

    main .breadcrumb-bar {
        position: absolute;
        top: 142px;
    }
}