/*
 Theme Name:   PCCentral
 Theme URI:    https://pccentral.es
 Description:  Default GeneratePress child theme
 Author:       PG
 Author URI:   https://pgdesign.pt
 Template:     generatepress
 Version:      0.1
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,500&display=swap');

/* SCROLL BAR */
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background: #FFF;}
::-webkit-scrollbar-thumb {background: #912481;}
::-webkit-scrollbar-thumb:hover {background: #912481;}

body,html {background-color: #f2f2f2;}

/* TEXT */
body {font-size: 16px;}
h1,h2,h3,h4,h5,h6,p,ul {font-family: 'Roboto', sans-serif;}
h1 {font-size: 4em; text-transform: uppercase; color: #333; font-weight: 100;}
h2 {font-size: 3em; text-transform: uppercase; font-weight: 100;}
h3 {font-size: 2em; text-transform: uppercase; font-weight: 300; text-shadow: 1px 1px 1px rgba(255,255,255,0.6);}
h4 {font-size: 1.15em; text-transform: uppercase;}
h5 {font-size: 1em; text-transform: uppercase;}
p {font-size: 1em; color: #111;}
p::selection, b::selection {background: #912481; color: #FFF;}
.elementor-field-type-acceptance {font-size: 0.8em;}

/* CUSTOM */
#sidebar-custom {position: fixed; top: 70px; left: 0; width: 20%; height: calc(100vh - 70px); overflow: auto; padding-bottom: 40px; background: #FFF;}
#content {background: #F2f2f2;}
#conteudo {position: relative; left: 20%; background-color: #f2f2f2;}
.woocommerce-message {position: absolute; width: 78%; z-index: 999; left: 20%;}
.wdr_table_container {display: none;}


/* --------------------------------- Tablet --------------------------------- */
@media all and (max-width: 1024px) {

/* TEXT */
h1 {font-size: 2.2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.3em;}
p, a {font-size: 0.85em;}   
    
/* CUSTOM */
#sidebar {width: 30%;}   
#conteudo {left: 30%;}
    
}

/* --------------------------------- Smartphones --------------------------------- */
@media all and (max-width: 767px) {
    
.content {padding: 30px 10px;}    
    
/* TEXT */
body {font-size: 14px;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
p, a {font-size: 0.8em;}  
    
/* CUSTOM */
#conteudo {left: 0;}   
#quadmenu .quadmenu-text,
#quadmenu .quadmenu-icon {color: #FFF !important;}

}