/*
Theme Name: Vila Design Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Admin Bar User Menu Exit Only 
#wpadminbar #wp-admin-bar-user-info .username { display: none!important; }
#wpadminbar #wp-admin-bar-user-info .display-name { display: none!important; }
#wp-admin-bar-user-info .avatar { width: 35px!important; height: 35px!important; border-radius: 100%;!important }*/

/* Remove reCaptcha Badge */
.grecaptcha-logo iframe { display: none!important; }
.grecaptcha-badge { display: none!important }

/* Site Background Color */
.section-content { background-color: black !important; }
.section-bg, .section-content { background-color: black !important; }

/* Cookies Notice */
.flatsome-cookies { background-color: #ffcb00!important; color: black!important; }
.dark .button, .dark input[type=button], .dark input[type=reset], .dark input[type=submit] { color: #fff!important; background-color: black!important; }
.flatsome-cookies__text { flex: 1 1 auto; padding-right: 30px; font-weight: bold!important; }

/* Gallery Background Overlay Transparency */
.mfp-bg.mfp-ready { opacity: .85 !important; }

/* Header Search Dropdown Size and Style, along with Placeholder Color */
.header-search-dropdown .dropdown-uppercase { min-width: 400px!important; padding: 10px!important; }
.dropdown-uppercase .header-search-form { padding: 0px!important; }
#woocommerce-product-search-field-0 { background-color: rgb(242, 242, 242)!important; }
.dark .form-flat input::-webkit-input-placeholder, .nav-dark .form-flat input::-webkit-input-placeholder { color: #a3a3a3!important; }

/* Polylang Flag Adjustment 
.nav-small .image-icon img { vertical-align: unset !important; }*/

/* WPanels left margin */
.woocommerce-admin-page .wrap { margin-left: 20px !important; }

/* Remove Absolute Footer 
.absolute-footer { display: none!important }*/

/* Remove 'Order Canceled' Notice that appears over the menu on canceling order 
.wc-block-components-notice-banner.is-info { display: none!important; }*/

/* Product Video Responsive 
.video-container { position: relative!important; padding-bottom: 56.25%!important; height: 0!important; overflow: hidden!important; }
.video-container iframe, .video-container object, .video-container embed { position: absolute!important; top: 0!important; left: 0; width: 100%!important; height: 100%!important; }*/

/* My Account SysBasics Class 
.minhaconta { width: 100%!important; font-size: 14px!important; font-weight: 400!important; text-transform: uppercase!important; padding-right: 10px!important; max-width: 180px!important; min-width: 180px!important; }
#main .woocommerce-MyAccount-content { width: 100%!important; } */

/* Accordion Titles 
.accordion-title {  border-top: 1px dotted #ddd; display: block; font-size: 100%; font-weight: 600; }
.accordion-title ul.children {  border-top: 1px dotted #ddd; display: baseline !important; font-size: 100%; font-weight: 600; }*/ 

/* Menu Links 
.menulink { color: #444444!important; font-size: 13px!important; font-weight: 400!important; text-transform: uppercase!important;padding-top: 3px!important;}
.menulink:hover { color: #000!important; font-weight: 500!important; background-color: whitesmoke!important;padding-top: 3px!important;}
.menulink-button { font-size: 16px!important; font-weight: 400!important; text-transform: uppercase!important;}
.menulink-button:hover { color: white!important; background-color: red;} */

/* WC Form Error Notice - Remove Error Title - in english, non Loco targeted 
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary { display: none!important; }*/

/* Product Names 
.box-text.box-text-products { font-size: 12px; font-weight: 400!important; text-transform: uppercase!important; }*/

/* Wishlist URL Sharing text "copy trigger" padding 
.social-icons span { padding-right: 0px!important; }*/

/* Product Meta on Quick View */
.product_meta>span { border-top: 0; display: none!important; padding-top: 20px!important; padding-bottom: 20px!important; padding-left: 5px!important; padding-right: 5px!important; }

/* Product Variation Price */
.woocommerce-variation-price { border-top: 1px dashed #ddd; font-size: 1.5em!important; padding: 7.5px 0; }

/* My Account Submenu */
	/* Set box radius and paddings */
	.nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a { border-radius: 0px!important; margin: 0 10px; padding-left: 10px; padding-right: 5px; }
	/* Set submenu item text font style */
	.dropdown-uppercase.nav-dropdown .nav-column>li>a, .nav-dropdown.dropdown-uppercase>li>a { font-size: .8em!important; text-transform: uppercase; font-weight: 300!important; color:#434343!important; border-bottom: 1px solid #dfdfdf!important; }
	/* Add ">" icon before te submenu item text */
	.dropdown-uppercase.nav-dropdown .nav-column>li>a::before, .nav-dropdown.dropdown-uppercase>li>a::before { font-family: fl-icons!important; content: ''!important; display: inline-block; margin-right: 10px!important; }
	/* Set hover submenu item text and background colors */
	.nav-dropdown-bold .nav-column li>a:hover, .nav-dropdown-bold.dark .nav-column li>a:hover, .nav-dropdown.nav-dropdown-bold.dark>li>a:hover, .nav-dropdown.nav-dropdown-bold>li>a:hover { background-color: #f1f1f1!important; color: #666!important; }


/* Cart Menu Dropdown */
	/* Dropdown size */	
	.nav-dropdown .product_list_widget { -webkit-overflow-scrolling: touch; max-height: 70vh!important; overflow-y: auto; min-width: 370px!important; }

/* Page 'Minha conta' > Pedidos (Transparent Header Style) */
	/* Sidebar 'Details, Addresses, Orders */
	#col-1496793008 > div > div > nav .theme-flatsome nav.woocommerce-MyAccount-navigation { float: left; width: 200px!important; margin-right: 20px!important; }
	/* My Accout Content size
	.theme-flatsome div.woocommerce-MyAccount-content { width: 100%!important; float: left !important; } */
	/* User Number */
	#wrapper .user-id { display: none!important; }
	/* Button 'Enviar Comprovante'(pix) */
	#main .send-pix-receipt { line-height: 18px!important; text-align: left!important; padding-top: 5px!important; padding-bottom: 5px!important; }
	/* 'R$ de X itens' flex row 
	#main .woocommerce-orders-table__cell-order-total { display: flex!important; } */

	/* Coluna 'Ações */
	#col-1862978472 > div > div > div > div.touch-scroll-table > table > thead > tr > th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions .cart_totals tbody tr td, .shop_table tfoot tr td, .shop_table thead tr th:last-of-type, .shop_table tr td:last-of-type, td.product-total { text-align: left!important; }
	/* Tabela de Pedidos */
	.woocommerce-orders-table woocommerce-MyAccount-orders shop_table shop_table_responsive my_account_orders account-orders-table { width: 100vw!important; }


/* Estilos para tabelas responsivas */
.responsive-table { width: 100%; border-collapse: collapse; margin: 30px 0; background-color: #ffffff; padding: 30px; }
.responsive-table thead th { font-family: 'Geologica', sans-serif; font-weight: 600; color: #0a0a0a; text-align: left; border-bottom: 1px solid #d8d8d6; }
 /* Permitir quebra de linha e quebra de linha em textos longos */
.responsive-table tbody td { font-family: 'Geologica', sans-serif; font-weight: 100; color: #3b3939; border-bottom: 1px solid #F0F1F1; padding: 8px 0; white-space: normal; word-wrap: break-word; }
.responsive-table tbody tr:last-of-type td { border-bottom: 1px solid #d8d8d6; } 

@media (max-width: 768px) {
  .responsive-table thead { display: none; }
  .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td { display: block; width: 100%; }
  .responsive-table tbody tr { margin-bottom: 10px; border-bottom: 2px solid #d8d8d6; }
  .responsive-table tbody td { text-align: right; padding-left: 50%; position: relative; }
 /* Impedir que o texto de antes quebre em várias linhas */
  .responsive-table tbody td::before { content: attr(data-label); position: absolute; left: 0; width: 50%; padding-left: 0px; font-weight: 600; color: #0a0a0a; text-align: left; white-space: nowrap; }
  .responsive-table td, .responsive-table th { width: 100%; display: block; text-align: left; }
}







@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	


}