/*
Theme Name: TheRoof Child
Theme URI: https://theroof.cththemes.com
Author: CTHthemes
Author URI: http://themeforest.net/user/cththemes/
Description: TheRoof - Construction And Architecture WordPress Theme is perfect if you like a clean and modern design. This theme is ideal for architects, furniture designers, photographers, construction companys and those who need an easy, attractive and effective way to share their work with clients.
Version: 1.0.0
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, construction, architecture, renovate
Template: theroof
Text Domain: theroof-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/* =Theme customization starts here
------------------------------------------------------- */

.logo-holder img {
    width: 100%;
    height: auto;
    max-width: 240px;
    margin-top: -5px;
}

.nav-holder nav li a {
    font-size: 14px !important;
}

div.breadcrumbs {
    display: none !important;
}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

section.hweare {
    padding-top: 50px !important;
}

.sec-padding {
    padding: 70px 0 90px;
}

.sq-secdec {
    background: #fff !important;
}

.card-item i {
    color: #DCDCDC !important;
}

.hc-item_title, .hc-item_title, .fas.fa-caret-left, .fas.fa-caret-right, .inline-facts h6 {
    color: #DCDCDC !important; 
    transition: 0.3s;
}

.fas.fa-caret-left:hover, .fas.fa-caret-right:hover {
    color: #D32D23 !important;
    transition: 0.3s;
}


/* ELIMINO LA FUNCIóN DE SLIDE DE LAS RESEÑAS*/
.swiper-wrapper {
    /*transform: none !important;*/
}

.flip-back span.cf-inner_title.color-bg {
    color: #DCDCDC !important;
}


/* TESTIMONIOS */

.sp-testimonial-item {
    background-color: white;
    border-radius: 5px;
    border:1px solid #DCDCDC;
    padding: 25px;
}

.sp-testimonial-free-section .tfree-grid-items {
    justify-content: space-between;
}

.sp-testimonial-free-section .tfree-col-xl-3 {
    flex: 0 0 30%;
    width: calc(30% - 20px);
}

#sp-testimonial-free-wrapper-10384 .tfree-grid-items {
    margin-right: 0px;
    margin-left: 0px;
    width: calc(100% - 3px) !important;
}

.sp-testimonial-content p {
    color: #82858a;
    line-height: 30px;
    padding: 10px 25px;
}

.sp-testimonial-free {
    display: grid;
}

.sp-testimonial-title {
    order:1;
}

.sp-testimonial-client-rating {
    order:2;
}

.sp-testimonial-client-testimonial {
    order:3;
}

span.red {
    color: #D51D1E !important;
}

span.grey {
    color: #D51D1E !important;
}

.menu-item a {
    color: #000 !important;
}


.menu-item a::first-letter {
    color: #D51D1E !important;
}

.sub-menu .menu-item a::first-letter {
    color: #000 !important;
}

.sub-menu .menu-item a, .sub-menu .menu-item a::first-letter, .column-filters a.cthiso-filter-active, a.act-scrlink  {
    color: #fff !important;
}

.home h2, .home h4 {
    font-family: 'Paytone One', sans-serif;
}

.page-title {
    max-width: 700px !important;
}

.home p {
    color:#353535  !important;
}

.column-filters a:hover, .column-filters a.cthiso-filter-active:hover:before, .serv-nav li a:hover {
    background-color: #DCDCDC !important;
    color:#D32D23 !important;
    transition: 0.3s;
}


/*
div.count-folio.cf-counter {
    color: #DCDCDC !important;
}

.getintoutch .tbtn.color-bg {
    color: white !important;
}

.getintoutch .tbtn.color-bg:hover {
    color: black !important;
}

.flipbox-inner .cf-inner .inner h2 {
    font-weight: 100 !important;
}
*/

footer {
    padding:40px 30px !important;
}

.footer-logo {
    display: block;
    width: 100%;
    height: auto;
    max-width: 250px;
}

footer .col-md-6 {
    display: inline-block;
    width: calc(50% - 3px);
}

.footerright {
    text-align: right;
}

ul.ul-footer {
    text-decoration: none;
    padding-left: 0px;
    margin-bottom: 0px;
    display: block;
}

ul.ul-footer li {
    display: inline-block;
    margin:2px 5px;
}

footer .fa-brands {
    font-size: 22px !important;
    margin-right: 5px;
}

.subfooter {
    background-color: white;
    padding: 15px;
    text-align: center;
}

.footer-digitalizadores {
    width: 100%;
    height: auto;
    display: block !important;
    max-width: 650px;
}

footer.main-footer {
    position: relative;
}

.footer-sello {
    width: 100%;
    height: auto;
    text-align: right;
    max-width: 100px;
}

.footerdiv {
    width: 50%;
    display: inline-block;
    float: left;
}

@media (max-width:767px) {
    .footerdiv {
        width: 100%;
        display: block;
    }
    .sp-testimonial-free-section .tfree-col-xl-3 {
        flex: 0 0 100%;
        width: calc(100% - 20px);
        margin-bottom: 25px;
    }

    footer .col-md-6 {
        display: block;
        width: 100%;
    }

    .footerright, .footerleft {
        text-align: center;
    }

    .footer-logo {
        margin: 0 auto;
        margin-bottom: 15px;
    }

    footer .fa-brands {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

.far.fa-angle-down {
    display:none !important;
}


/* Formulario de Contacto */

.divform {
    width: 100%;
    height: auto;
}

.divform .col {
    width: 50%;
    height: auto;
    display: inline;
    float: left;
}

input[type="text"], input[type="email"] {
    height: 40px;
    border:1px solid grey;
    border-radius: 6px;
    padding: 5px;
    width: 96%;
}

textarea {
    height: 115px;
    border:1px solid grey;
    border-radius: 6px;
    padding: 5px;
    width: 100%;
}

.wpcf7-not-valid-tip, label {
    color: white;
}

.wpcf7-submit {
    padding: 8px 20px;
    border-radius: 6px;
    border: 1px solid white;
    color: white;
    background-color: #292929;
    font-size: 16px;
    margin-top: 25px;
    width: 100%;
}

.wpcf7-submit:hover {
    border: 1px solid #292929;
    color: #292929;
    background-color: #ffffff;
}

.wpcf7-list-item {
    margin-left: 0px;
}

p.acceptance {
    color: white !important
}

p.acceptance a {
    color:white;
    font-weight: bold;
}

@media (max-width:768px) {
    .divform .col {
        width: 100%;
    }
}

.menu-item-facebook a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #cc0000;
  padding: 0 15px;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}

.menu-item-facebook a::before {
  content: "\f082"; /* fa-facebook-square */
  font-family: "Font Awesome 6 Brands";
  font-size: 18px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-indent: 0;
  color: #cc0000;
}