/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/


/* Your customizations starts here */

/********************************************************************************
RESET
********************************************************************************/

@media (min-width: 1200px){
  .container {
      width: 1320px;
  }
}

.loadercontent {
    position: absolute;
    background: rgba(255,255,255,.5);
    height: 100%;
    width: 100%;
    z-index: 9999;
    display: block;
    top:0;
    left:0;
}

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #e31f24;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%
}

.main-page-wrapper{
  padding-top: 0px;
}

.color-scheme-light p {
    color: #4A4A4A!important;
}

.botao-vermelho button, .botao-vermelho a{
  background: transparent linear-gradient(258deg, #e31f24 0%, #E42313 100%) 0% 0% no-repeat padding-box!important;
  border-radius: 45px!important;
  font-size: 16px!important;
  border:1px solid #a62b23!important;
  padding-left: 50px!important;
  padding-right: 50px!important;
}

.botao-vermelho button:hover, .botao-vermelho a:hover{
  background: transparent !important;
  color:#a62b23!important;
}

.botao-vermelho-icon{
  font-size: 14px!important;
  background-color: transparent!important;
  font-weight: bold!important;
  color:#4A4A4A;
  border:none;
}

.botao-vermelho-icon{
  display: flex;
  align-items: center;
}

.botao-vermelho-icon:after{
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  padding-left: 10px;
  background-color: #e31f24;
  border-radius: 50%;
  padding: 1px 6px;
  padding-left: 7px;
  text-align: center;
  font-size: 12px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}

.botao-vermelho-icon:hover{
  background-color: transparent!important;
  color:#e31f24!important;
}

.mobile-nav .header-links{
  display: none!important;
}

/********************************************************************************
HOMEPAGE
********************************************************************************/

.main-header .right-column{
  display: none!important;
}

.sticky-header .right-column{
  display: none!important;
}

.sticky-header .main-nav{
  text-align: right!important;
}

.header-links .logout {
  display: none!important;
}

.right-column .header-links li:after{
  display: none!important;
}

.user-header-link{
  font-size: 20px;
}

.topbar-menu{
  float: none!important;
}

.top-bar-right{
  vertical-align: middle!important;
}

.topbar-menu .right-column {
  width: 100%!important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}

.shopping-cart>a {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.shopping-cart>a:before {
    content: "\f291"!important;
    font-family: 'Font Awesome 5 Free'!important;
}

.shopping-cart>a>span{
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

#menu-main-menu >li > a{
  font-size: 14px;
  font-weight: bold;
  color:#4a4a4a;
}

.basel-navigation .menu>li.menu-item-design-default .sub-menu-dropdown{
  width: 300px;
  padding:20px 30px;
  padding-top: 10px;
  box-shadow: 0px 3px 6px #00000029;
}

.main-nav .menu>li.menu-item-has-children>a:after{
  color:#4A4A4A;
  font-size: 16px;
}

.basel-navigation .menu>li.menu-item-design-default ul li{
  border-bottom: 1px solid #4A4A4A;
}

.basel-navigation .menu>li.menu-item-design-default ul li a{
  font-size: 14px!important;
  text-transform: capitalize;
  padding-left: 0px!important;
  display: block!important;
}


/********************************************************************************
HOMEPAGE
********************************************************************************/

.wallet-amount-topbar{
  font-weight: 700;
  color:#fff;
  display: flex!important;
  align-items: center;
}

.wallet-amount-topbar i{
  font-size: 16px;
  margin-right: 5px;
}

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

.seccao-banner-homepage{
  padding-top:245px!important;
  padding-bottom:245px!important;
}

.secao-homepage-lojafidelidade{
  padding-top:130px!important;
  padding-bottom: 100px!important;
}

.secao-homepage-lojafidelidade h2{
  color:#4A4A4A;
  font-size: 60px;
  margin-bottom: 25px;
}

.secao-homepage-lojafidelidade h3{
  color:#4A4A4A;
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 44px;
}

.coluna-secao-homepage-expert{
  padding-top:200px!important;
  padding-bottom: 200px!important;
}

.secao-homepage-expert h2{
  color:#fff;
  font-size: 48px;
  margin-bottom: 25px;
}

.secao-homepage-expert p{
  color:#fff;
  font-size: 44px;
}

.coluna-duvidas-homepage > .vc_column-inner{
  justify-content: center;
  padding-top: 0!important;
}

.secao-homepage-lojadaslojas{
  padding:100px 0;
}

.secao-homepage-lojadaslojas h2{
  margin-bottom: 10px;
}

.secao-homepage-lojadaslojas h3{
  margin-bottom: 60px;
}


.faq-toggle-personalizado .vc_toggle_title{
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 15px 0px!important;
}

.faq-toggle-personalizado .vc_toggle_title h4{
  margin-bottom: 0;
  color: #4A4A4A!important;
  font-weight: bold;
}

.faq-toggle-personalizado .vc_toggle_content p{
  font-size: 14px;
}

.faq-toggle-personalizado .vc_toggle_icon{
  background-color: #e31f24!important;
  border-radius: 50%;
  color: #fff;
  padding: 11px 10px;
  display: block;
  top:52%!important;
}

.faq-toggle-personalizado  .vc_toggle_icon::before{
  border-color:#fff!important;
  margin-top: -7px!important;
}

.faq-toggle-personalizado.vc_toggle_active .vc_toggle_icon::before{
  margin-top: -3px!important;
}

.secao-homepage-carousel-produtos1{
  padding-top: 110px!important;
  padding-bottom: 110px!important;
}

.secao-homepage-carousel-produtos1 h2{
  font-size: 29px!important;
  font-weight: bold;
  color: #4A4A4A;
}

.secao-homepage-carousel-produtos1 p{
  color: #4A4A4A;
  font-size: 18px;
}

.secao-homepage-carousel-produtos1 .wpb_text_column{
  margin-bottom: 100px;
}

.column-left-secao-homepage-carousel-produtos{
  align-items: end!important;
  margin-bottom: 35px;
}

.secao-homepage-carousel-produtos1 .owl-dots{
  text-align: right;
}

.secao-homepage-carousel-produtos1 .owl-dots .owl-dot span{
  background: transparent;
  border:1px solid #e31f24;
}

.secao-homepage-carousel-produtos1 .owl-dots .owl-dot.active span{
    background-color: #e31f24;
}



/********************************************************************************
LOJA
********************************************************************************/

.product-grid-item .add_to_cart_button:after{
  border:1px solid #fff!important;
  border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.product-grid-item .product-element-shadow{
  /*box-shadow: 0px 3px 3px #00000029;*/
}

.product-grid-item .description-content-product-loop{
  background-color: #e31f24;
  padding:15px;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.product-grid-item .product-title a{
  color:#fff!important;
  font-size: 16px!important;
  border:none!important;
}

.product-grid-item .wrap-price{
  justify-content: end!important;
}

.product-grid-item .price{
  text-align: right!important;
  color:#fff;
}

.product-grid-item .product-element-top{
  margin-bottom: 0px!important;
  background-color: #fff;
  height: 330px;
  /*display: flex;
  flex-direction: column;
  justify-content: center;*/
}

.woocommerce-variation-add-to-cart div.quantity{
  margin-bottom: 5px;
}

.woocommerce-variation-add-to-cart div.quantity input[type="number"]{
  width: 65px;
}

.product-grid-item .product-element-top>a {
    display: flex!important;
    flex-direction: row!important;
    height: 100%;
    justify-content: center!important;
}

.product-grid-item .product-element-top>a img{
  object-fit: contain;
  object-position: center;
}

.product-grid-item .hover-img{
  display: flex!important;
  height: 100%!important;
}

.product-grid-item .hover-img a{
  height: 100%!important;
}

.product-grid-item .hover-img img{
  height: 100%!important;
  object-fit: contain!important;
}

.product-grid-item .price .amount{
  color:#fff!important;
  font-size: 20px!important;
  font-weight: bold!important;
}

.basel-hover-alt .btn-add{
  text-align: right;
}

.basel-hover-alt .btn-add>a {
    color:#fff!important;
    font-size: 20px;
}

.secao-homepage-categorias-produtos{
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  position: relative;
}

.secao-homepage-categorias-produtos > .wpb_column{
  position: relative;
}

.secao-homepage-categorias-produtos h2{
  font-size: 48px!important;
  font-weight: bold;
  margin-bottom: 65px!important;
}

.secao-homepage-categorias-produtos .category-content .hover-mask{
  position: relative;
  bottom: 0;
}

.secao-homepage-categorias-produtos .product-category-thumbnail{
  padding:20px;
}

.secao-homepage-categorias-produtos .category-content .hover-mask h3{
  font-size: 20px!important;
  letter-spacing: 0px;
  color: #A62B23!important;
  text-transform: uppercase;
  padding: 0!important;
  margin-top: 15px;
  background-color: transparent;
  font-style: normal!important;
  font-weight: bold;
}

.secao-homepage-categorias-produtos .botao-vermelho-icon {
    justify-content: end;
    margin-top: -60px;
    cursor: pointer;
}

#wps_wallet_transfer_form input[type=email]:focus, #wps_wallet_transfer_form input[type=number]:focus, #wps_wallet_transfer_form input[type=text]:focus, #wps_wallet_transfer_form textarea:focus {
    outline: none;
    border-color: #a62b23;
}

.post-type-archive-product .page-title, .tax-product_cat .page-title{
  height: 500px;
}

.post-type-archive-product .page-title .nav-shop, .tax-product_cat .page-title .nav-shop{
  display: none;
}

.added_to_cart, .btn:not(.botao-vermelho-icon), .button, button, input[type=submit]{
  color:#fff!important;
}

.woocommerce-shipping-destination{
  font-size: 14px;
}

.woof_checkbox_instock_container{
  margin-bottom: 15px;
}

.woof_checkbox_instock_container .icheckbox_square-blue{
  float: right;
  margin-top: 5px;
}

.icheckbox_square-blue, .iradio_square-blue{
  background: url(images/asset-vermelho-filtros.png) no-repeat!important;
  -webkit-background-size: 240px 24px!important;
  background-size: 240px 24px!important;
  width: 31px!important;
  height: 22px!important;
  background-position: -205px 0!important;
}

.woof_list_checkbox li{
  display: flex!important;
  flex-direction: row-reverse!important;
  justify-content: space-between;
}

.icheckbox_square-blue.checked {
  background-position: -174px 0!important;
}

.woof_products_top_panel{
  display: none!important;
}

.irs--round .irs-handle{
  border: 4px solid #e31f24!important;
  box-shadow: 0 1px 3px rgba(172,20,16, 0.3)!important;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
  background-color: #e31f24!important;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{
  border-top-color: #e31f24!important;
}

.irs--round .irs-bar{
  background-color: #e31f24!important;
}

.woof_price_filter .irs--round.irs-with-grid{
  margin-top: 20px!important;
}

.woof_price_filter .irs--round .irs-grid-text{
  color:#1B1919!important;
}

.basel-sidebar-content .widget-title {
  font-size: 20px!important;
  font-weight: bold!important;
  color: #4A4A4A!important;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 20px;
  border-bottom:1px solid #696969;
}

.basel-sidebar-content  .widget-title:before{
  background-color: transparent!important;
  background: url(images/filtro-icon.svg) no-repeat!important;
  width: 31px;
  height: 10px;
  position: relative;
  margin-right: 13px;
}

.woof_container.woof_container_checkbox{
  margin-bottom: 15px;
}

.woof_container_inner h4{
  font-size:16px!important;
  color: #696969!important;
  font-weight: bold!important;
  padding-top: 30px;
  border-top:1px solid #696969;
}

.woof_submit_search_form_container{
  margin-top: 20px;
}

/*.basel-active-filters{
  display: none!important;
}*/

.products.elements-grid.basel-products-holder{
  margin-top: 30px;
}

.basel-cookies-inner .cookies-info-text{
  font-size: 16px!important;
}

.woocommerce-pagination .page-numbers li .current{
  background-color: #e31f24!important;
  border-color:#e31f24!important;
}

/********************************************************************************
SINGLE PRODUCT
********************************************************************************/

.single-product .main-page-wrapper{
  padding-top: 40px;
}

.woocommerce-product-details__short-description p{
  font-size: 18px;
}

.single-product-content .woocommerce-product-gallery{
  max-height: 500px;
}

.single-product .slick-vertical>button{
  background-color: #ccc!important;
}

.single-product-content .product_meta>span a, .single-product-content .product_meta>span {
  font-size: 18px;
}

.single-product-content .product_meta>span a, .single-product-content .product_meta>span span{
  font-size: 16px;
}

.single-product-content .cart div.quantity input[type="number"]{
  height: 42px;
}

.single-product-content  div.quantity .minus, div.quantity .plus{
  min-width: 26px;
}

.single-product-content .basel-tab-wrapper h2{
  margin-bottom: 30px!important;
}

.single-product-content .basel-tab-wrapper p{
  font-size: 16px;
}

.single-product-content .basel-tab-wrapper table tbody td{
  text-align: left;
}

.single-product-content .basel-tab-wrapper table tbody h4{
  margin-bottom: 0!important;
}

.single-product-content .cart{
  display: flex!important;
  flex-direction: row!important;
}

.single-product-content .product_meta{
  padding-top: 10px!important;
}

.single-product-content .product-tabs-wrapper{
  padding-bottom: 30px!important;
}

.labels-rounded .out-of-stock {
  max-width: 90px!important;
  font-size: 10px!important;
  min-height: 30px!important;
}

.product-label.out-of-stock{
  background-color: #e31f24!important;
}

/********************************************************************************
FINALIZAR COMPRA
********************************************************************************/

.woocommerce-checkout .checkout_coupon{
  max-width: 100%!important;
}
.woocommerce-checkout .woocommerce-message {
	line-height: 2em;
}
.woocommerce-checkout .woocommerce-message a.button {
	background-color: #3c763d;
	padding: .5em 1em;
	text-decoration: none;
}
#wps_wallet_transfer_form .loading_image{
  width: 30px;
}

.woocommerce-checkout #wps_wsfw_coupon_code{
  width: 400px!important;
  margin-bottom: 10px!important;
  margin-top: 10px!important;
}

.shop_table td.product-remove a{
  background-color: #a62b23!important;
}

.woocommerce-checkout .checkout_coupon p{
  font-size: 22px!important;
}

.woocommerce-checkout .woocommerce-input-wrapper{
  font-size: 20px;
}

#ship-to-different-address span{
  font-size: 18px!important;
}

.woocommerce-shipping-fields{
  margin-top: 20px!important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text p:last-child{
  font-size: 12px!important;
}

.woocommerce-checkout .woocommerce-checkout-payment p{
  font-size: 12px!important;
}

.woocommerce-checkout-review-order-table .partial_payment td:first-child{
  color:#1B1919;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
}

.woocommerce-checkout-review-order-table .partial_payment td:first-child span{
  color:#1B1919;
}

.woocommerce-checkout-review-order-table .partial_payment td input[type="checkbox"]{
  width: 18px;
  height: 18px;
}

.woocommerce-checkout-review-order-table .partial_amount .discount_box{
  text-align: left;
}

/********************************************************************************
PLUGIN CARTEIRA DIGITAL
********************************************************************************/

.wps_wcb_wallet_balance_container {
    background-color: #b11b1f!important;
    margin-bottom: 30px!important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: auto;
}

.wps_wcb_wallet_balance_container .direita p{
  color:#fff;
  font-size: 14px;
}

.wps_wcb_wallet_display_wrapper_with_qr {
    grid-template-columns: auto!important;
}

.wps_wcb_wallet_display_wrapper_with_qr .wps_wcb_wallet_balance_container h4{
  font-size: 18px!important;
  font-weight: 700!important;
}

.wps_wcb_wallet_balance_container .woocommerce-Price-amount{
  font-size: 32px;
}

/********************************************************************************
THANK YOU
********************************************************************************/

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details .woocommerce-table__product-name ul p{
  font-size: 14px;
}

.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received{
  border: 2px dashed #b11b1f!important;
  color: #b11b1f!important;
}

.woocommerce-customer-details address{
  font-size: 16px!important;
}

.woocommerce-customer-details .woocommerce-customer-details--phone{
  font-size: 16px!important;
}

.order_details tfoot th{
  font-size: 16px;
}

.woocommerce-customer-details .woocommerce-customer-details--email{
  font-size: 16px!important;
  font-weight: bold;
}

.woocommerce_eupago_table{
  margin-bottom: 30px!important;
}

/********************************************************************************
TEMPLATE GERAL
********************************************************************************/

.page-template-default .page-title {
    padding: 75px 0;
    background-color: #b11b1f;
}

/********************************************************************************
CONTACTOS
********************************************************************************/

.page-id-806 .page-title{
  height: 500px;
  padding-bottom: 0px;
  margin-bottom: 0;
}

.page-id-806 .page-title .entry-header{
  display: none;
}

.coluna-esquerda-secao-contactos h2{
  font-weight: bold;
}

.coluna-esquerda-secao-contactos a{
  color:#202020!important;
}

.coluna-esquerda-secao-contactos a:hover{
  color:#a62b23!important;
}

.coluna-esquerda-secao-contactos .basel-list{
  margin-bottom: 15px;
}

.formulario-contactos{
  margin-bottom: 10px;
}

.formulario-contactos .col-form{
  margin-bottom: 15px;
}

.formulario-contactos label{
  margin-bottom: 5px;
}

.wpcf7-not-valid-tip{
  font-size: 15px;
  color:#a62b23!important;
}

.woocommerce-error, .woocommerce-info, div.wpcf7-validation-errors, .wpcf7-form:not(.send) .wpcf7-response-output, .basel-info {

    color: #a62b23!important;
    border-color: #a62b23!important;
    background-color: transparent;
}

.woocommerce-error{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 14px 25px 14px 25px!important;
}

.woocommerce-error:before{
  display: none!important;
}

.select2-results .select2-results__option{
  font-size: 14px;
}



/********************************************************************************
MINHA CONTA
********************************************************************************/

.woocommerce-MyAccount-content>p:not(.woocommerce-info) {
    font-size: 16px!important;
}


.woocommerce-MyAccount-content address, .woocommerce-MyAccount-content em{
  font-size: 16px!important;
}

/********************************************************************************
WALLET PLUGIN
********************************************************************************/

.woocommerce-error:before, .woocommerce-info:before, div.wpcf7-validation-errors:before, .wpcf7-form:not(.send) .wpcf7-response-output:before, .basel-info:before {
    position: relative!important;
    left: 0!important;
    margin-right: 5px!important;
}

.wps_wcb_wallet_balance_container{
    background-color: #b11b1f!important;
    position: relative;
    align-items: center;
}

.wallet-tabs{
  display: none!important;
}

.wps_wcb_wallet_display_wrapper_with_qr .left-wps_wcb_wallet_balance_container h4{
  font-weight: bold!important;
}

.wps_wcb_content_template input[type=submit].wps-btn__filled{
  background-color: #a62b23;
  border-color: #a62b23;
}

.wps_wcb_content_template input[type=submit].wps-btn__filled:hover{
  opacity: .8;
}

.wps_wcb_content_template #wps_wallet_transfer_form input[type=text]{
  width: 300px;
}




/********************************************************************************
FOOTER
********************************************************************************/

.footer-container .footer-column{
  text-align: center;
}

.footer-container .widget-area {
    padding: 80px 0 50px 0!important;
}

.footer-container .footer-column img{
  margin-bottom: 15px;
}

.footer-container .footer-column h3{
  color: #4A4A4A;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 20px;
}

.footer-container .footer-column a{
  color: #4A4A4A!important;
  font-weight: 800;
  font-size: 20px;
  display: block;
}

.footer-container .footer-column p{
  color: #4A4A4A;
  font-size: 16px;
  margin-bottom:0;
}

.copyrights-wrapper{
  padding:20px 0;
}

.copyrights-wrapper{
  background-color: #fff;
  font-size: 14px;
}

.copyrights-wrapper {
  font-size: 14px!important;
  color:#4A4A4A;
}

.copyrights-wrapper  a{
  color:#4A4A4A!important;
}

#menu-footer-menu{
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  margin-top: 5px;
}

#menu-footer-menu li{
  margin-right: 20px;
  margin-bottom: 0;
}

#menu-footer-menu li:last-child{
  margin-right: 0;
}

#menu-footer-menu li a:hover{
  text-decoration: underline;
}