/* 
Theme Name: PGdesign standard
Theme URI: https://pgdesign.pt/
Description: PGdesign standard solution
Author: PGdesign
Author URI: https://pgdesign.pt/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');

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

body,html {background-color: #ebebeb;}
#page {background-color: #ebebeb;}
.content {padding: 80px 40px;}

.stick-logo {display: none;}
header.elementor-sticky--active .stick-logo {display: block;}

/* TEXT */
body {font-size: 16px; font-family: 'Open Sans Condensed', sans-serif;}
h1,h2,h3,h4,h5,h6,a,p,ul {font-family: 'Open Sans Condensed', sans-serif;}
h1 {font-size: 3em; text-transform: uppercase; color: #333; font-weight: 300;}
h2 {font-size: 2.6em; text-transform: uppercase; font-weight: 700; }
h3 {font-size: 1.6em; font-weight: 700; color: #4E4E4E !important; text-shadow: 1px 1px 1px rgba(255,255,255,0.6); }
h4 {font-size: 1.15em;}
h5 {font-size: 1em; text-transform: uppercase; color: #989999 !important; font-weight: bold;}
h6 {color: #963781;}
p,ul, li {font-size: 1em; color: #111;}
p::selection, b::selection {background: #963781; color: #FFF;}
.page-title h1 {text-transform: uppercase; font-weight: 700; letter-spacing: -1px;}
.elementor-field-type-acceptance {font-size: 0.8em;}

/* COLOR */


/* --------------------------------- Tablet --------------------------------- */
@media all and (max-width: 1024px) {
    
.content {padding: 40px 20px;}    

/* TEXT */
h1 {font-size: 2.2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
p, a {font-size: 0.9em;}    
    
}

/* --------------------------------- 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.9em;}    
    
}