/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Pisos Mobile Menu */

.mobile-menu ul li {
    display: inline-block;
}

.mobile-menu ul li a {
    padding: 0px 8px;
}

.mobile-menu .title-wrapper {
    text-align: center;
    margin-bottom: 20px;
}

.mobile-menu .title-wrapper .woodmart-title-container {
    font-size: 28px;
}

.site-content {
    margin-bottom: 0;
}

::selection{
    background: rgb(14, 60, 87,0.9);
    color: #FFF
}

/*google scrollbar*/

#custom-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #ffffff;
}

#custom-scroll::-webkit-scrollbar
{
	width: 12px;
	background-color: #ffffff;
}

#custom-scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0a2d41;
}

/*Main Header*/

/*sticky*/

.whb-color-dark:not(.whb-with-bg) {
    background-color: rgb(14, 60, 87,0.9);
}

/*
.woodmart-burger-icon{
    padding-right: 169px;
    padding-left: 169px;
    padding-top: 46px;
}
.whb-column>.woodmart-button-wrapper{
    padding-right: 169px;
    padding-left: 169px;
    padding-top: 46px;
}
*/

.whb-general-header {
    padding: 20px;
}

.woodmart-burger-icon.whb-sticked{
    padding-right: 169px;
    padding-left: 169px;
    padding-top: 0px;
}
.whb-column>.woodmart-button-wrapper.whb-sticked{
    padding-right: 169px;
    padding-left: 169px;
    padding-top: 0px;
}
.whb-sticked.woodmart-logo img{
    padding-top: 0px;
}

/*agendar visita*/

.btn-style-bordered.btn-color-white:hover {
    color: #fff;
}

.btn.btn-color-white:hover{
    color: #0a2d41;
}
  
/*Border*/

.btn-style-bordered.btn-color-white {
    border-color: #fff;
}
/*Border hover*/

.btn-style-bordered.btn-color-white:hover {
    border-color: #fff !important;
}

/*Background Hover*/

.btn.btn-color-white {
    background-color: #fff !important;
}

/*Botão de pesquisa*/

.search-button>a {
    color: #fff !important;
}

/*menu*/

/*ajustes menu*/

.platform-Windows .full-screen-menu-open .main-page-wrapper{
    padding-right: 0;
}
.platform-Windows .full-screen-menu-open .whb-row{
    padding-right: 0;
}

/*Fundo do menu*/

.full-screen-wrapper {
    background-color: rgba(10,45,65,0.7);
}

/*Botão do menu*/

.woodmart-burger-icon {
    color: #fff !important;
}

/*Botão de pesquisa hover*/

.search-button:hover>a {
    color: #0a2d41 !important;
}

/*Botão do menu hover*/

.woodmart-burger-icon:hover {
    color: #fff !important;
}

/*----------------------*/
/*close button animation*/
/*----------------------*/

.full-screen-close-icon:hover {
    transform: rotate(-90deg) scale(1.5);
}

/*-----------------*/
/*Menu Letras Hover*/
/*-----------------*/

.full-screen-menu-open .item-level-0>a{
    transform: scale(1.2);
}

.full-screen-menu-open .item-level-0>a:hover{
    transform: scale(1.4);
    transition-delay: 1ms;
    transition-timing-function: 1ms;
    color: white;
}

.woodmart-logo{
    transform: scale(1.1)
}

.woodmart-logo:hover{
    transform: scale(1.2);
}

/*Menu Color*/

.woodmart-burger-icon {
    color: #000;
}

.full-screen-close-icon {
    background-color: rgba(0, 0, 0, 0);
}

#cboxClose:hover, .full-screen-close-icon:hover, button.mfp-close:hover {
    background-color: rgba(0,0,0,.0);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    opacity: 1;
}

.woodmart-prefooter {
    padding-bottom: 0px
}

/*Informação do site de contactos*/

/*Margin entra a imagem full e o titulo*/

.title, .woocommerce-Reviews .comment-reply-title, h1, h2, h3, h4, h5, h6, legend {
    display: block;
    margin-bottom: 20px;
    color: #2d2a2a;
    font-weight: 600;
    line-height: 1.4;
}

/*Font-size do Titulo*/

h1 {
    font-size: 35px;
}

/*Tabela*/

/*Main Color*/

.tablepress tfoot th, .tablepress thead th {
    background-color: #224b64;
}

/*Text Color*/

table th {
    color: #fff;
}

/*Cor secundaria na Informaão da tabela*/

.tablepress .odd td {
    background-color: #ffffff;
}

/*Font size*/

table th {
    font-size: 14px;
}

/*Title font size.page Pisos*/

/*title info*/

.font-primary, table th, .page-title .entry-title, .masonry-filter li, .widget_rss ul li > a, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a, .woodmart-price-table .woodmart-plan-title, .woodmart-empty-compare, .cart-empty, .woodmart-sizeguide-table tr:first-child td, .compare-field, .compare-value:before, .compare-basic .compare-value:before, .woocommerce-column__title, header.title > h3, .tabs-layout-tabs .tabs li, .woodmart-accordion-title, .woodmart-checkout-steps ul, .woocommerce-billing-fields > h3, .woocommerce-shipping-fields > h3, .woocommerce-additional-fields > h3, #ship-to-different-address label, #order_review_heading, .cart-totals-inner h2, .social-login-title, .register-or, .woocommerce-MyAccount-title, .woodmart-products-tabs .tabs-name, .woodmart-products-tabs .products-tabs-title, .wishlist-title h2, #order_payment_heading, h1, h2, h3, h4, h5, h6, .title, legend, .woocommerce-Reviews .comment-reply-title, .menu-mega-dropdown .sub-menu > li > a, .mega-menu-list > li > a {
    font-family: Poppins,'MS Sans Serif', Geneva, sans-serif;
    font-weight: 700;
}

/*Font size*/

h1 {
    font-size: 55px;
}

/*Contact form 7*/

.min-footer .col-right {
    font-size: 10px;
}

.min-footer .col-left {
    font-size: 10px;
}


/*------------*/
/*Scrol to top*/
/*------------*/

.scrollToTop {
    background-color: #0a2d41;
    color: #fff;
}

/*...............*/
/*Animação svg*/
/*...............*/

#icon path{
    stroke-dasharray: 2540.568603515625;
    stroke-dashoffset: 2540.568603515625;
    stroke-linecap: round;
    animation: line-anim 5s ease-in forwards;
}

/*------------------*/
/*Icon Stroke/Linhas*/
/*------------------*/

@keyframes line-anim{
    to{
        stroke-dashoffset: 0;
    }
}

/*-----------------------*/
/*Icon Fill/Preenchimento*/
/*-----------------------*/

@keyframes fill-a{
    from{
        fill: transparent;
    }
    to{
        fill: white;
    }
}

/*-----*/
/*Logo1*/
/*-----*/

#logo1{
    /* position: absolute;
    top: 0%;
    left: 60%;
    transform: translate(-50%, -50%); */
    fill: white;
    align-self: center;
}

/*----------------------*/
/*Animação Stroke/linhas*/
/*----------------------*/

#logo1 {
  font-size: 21px;
  opacity: 0;
  animation: fadein 2s ease forwards 4s;
}

@keyframes fadein {
  from {
  opacity: 0;
}
  to   {
  opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
   opacity: 0;
}
   to {
   opacity: 1;
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
 }
    to {
    opacity: 1;
 }
 }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
 }
    to {
    opacity: 1;
 }
 }

/* Opera < 12.1 */
@-o-keyframes fadein{
from {
  opacity: 0;
}
  to {
  opacity: 1;
}
}

#logo2{
  /* position: absolute;
  top: 95%;
  left: 40%; */
  fill: white;
  align-self: center;
}

.wrapper-furadouro .wpb_wrapper{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
}

.wrapper-furadouro break {
    flex-basis: 100%;
    display: flex;
}

/*----------------------*/
/*Animação Stroke/linhas*/
/*----------------------*/

#logo2 {
font-size: 21px;
text-align: center;
opacity: 0;
animation: fadein2 2s ease forwards 4.5s;
}


@keyframes fadein2 {
  from {
  opacity: 0;
}
  to   {
  opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein2 {
 from {
   opacity: 0;
}
   to {
   opacity: 1;
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein2 {
  from {
    opacity: 0;
 }
    to {
    opacity: 1;
 }
 }

/* Internet Explorer */
@-ms-keyframes fadein2 {
  from {
    opacity: 0;
 }
    to {
    opacity: 1;
 }
 }

/* Opera < 12.1 */
@-o-keyframes fadein2{
from {
  opacity: 0;
}
  to {
  opacity: 1;

}
}

ul.secondary-menu-sidebar li a {
    font-size: 23px;
}

ul.secondary-menu-sidebar li:before {
    position: absolute;
    top: 12px !important;
    left: -20px;
    font-size: 10px !important;
}

.woodmart-burger-icon .woodmart-burger-label {
    font-size:18px !important;
}

.promo-banner-wrapper {
    padding: 5px !important;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    #logo2 {
        transform: translate(11%, -50%);
    }
    
    /*----*/
    /*Icon*/
    /*----*/
    #icon{
        /* position: absolute;
        top: 50%;
        left: 33%;
        transform: translate(-50% , -50%); */
        animation: fill-a 1s ease forwards 1.5s;
        align-self: center;
        transform: translate(-20% , 10%);
    }
}

@media (max-width: 767px) {  
    #logo2 {
        transform: translate(0%, -50%);
    }
    .dvr-overlap-enable {
        position: relative;
        top: -34px !important;
    }
    .imp-ui-element.imp-ui-navigator-root {
        display: none;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    #logo2 {
        transform: translate(0%, -30%);
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    #logo2 {
        transform: translate(0%, -30%);
    }
}

@media (max-width: 1023px) and (orientation: landscape) {
    .wrapper-furadouro .wpb_wrapper {
        top: 90px;
        position: relative;
    }
    #logo1 {
        width: 50%;
        margin-left: 10px;
    }
    #logo2 {
        transform: translate(22%, -90%);
        width: 50%;
        margin-left: 10px;
    }
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}

.wpcf7-form label {
    text-transform: uppercase;
}

.tablepress tr th {
    width: 5px !important;
}

.copyrights-centered .min-footer .col-left {
    font-size: 13px;
}

.dvr-overlap-enable {
    position: relative;
    top: -30px;
}

.blue-highlight {
    background-color: #0ff;
}

.grey-highlight {
    background-color: #c0c0c0;
}

#menu-menu-pisos a {
    font-size: 18px;
}

.icon-compass {
    position: absolute;
    left: 60px;
    z-index: 9;
    top: 40px;
}