/*
Theme Name: TandemBase
Theme URI: https://generatepress.com
Description: GeneratePress child theme
Author: Tandem
Author URI: https://tandem.blog
Template: generatepress
Version: 0.1
*/
html, body {
-ms-overflow-style: none !important; /* IE و Edge */
scrollbar-width: none !important; /* Firefox */
overflow-y: scroll !important;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
display: none !important; /* Chrome, Safari */
width: 0 !important;
height: 0 !important;
}
* {
scrollbar-width: none !important;
}
*::-webkit-scrollbar {
display: none !important;
}
/* tipografia */
.xxl {
font-size: clamp(2.5rem, 5.063vw + 0.07rem, 3.67rem);
line-height: calc(10px + 2ex);
}
.xl {
font-size: clamp(1.8rem, 1.16vw + 1.392rem, 2.1rem);
line-height: calc(7px + 2ex);
}
/* cookies */
.cmplz-show {
display: none;
}
/* sticky */
.quiet.sticky-element-original.sticky-is-detached.element-is-sticky {
background: var(--base);
}
/* formulari */
.gf_progressbar_title {
font-size: 2rem !important;
color: var(--contrast-2) !important;
}
.gfield_label.gform-field-label {
font-size: 1rem !important;
font-weight: 600 !important;
}
.gfield_description {
color: var(--contrast) !important;
}
.gform-theme--framework .gf_progressbar .percentbar_blue {
background-color: var(--contrast-2) !important;
height: 3px !important;
}
.percentbar_5, .percentbar_10, .percentbar_15, .percentbar_20, .percentbar_25, .percentbar_30, .percentbar_35, .percentbar_40, .percentbar_45, .percentbar_50, .percentbar_55, .percentbar_60, .percentbar_65, .percentbar_70, .percentbar_75, .percentbar_80, .percentbar_85, .percentbar_90, .percentbar_95, .percentbar_100 {
height: 3px !important;
}
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
--gf-local-bg-color: var(--degradat-1) !important;
--gf-local-border-color: var(--degradat-1) !important;
--gf-local-shadow: none !important;
--gf-local-color: var(--base) !important;
}
#gform_submit_button_5 {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 14rem 50%;
padding-right: 4.5rem;
background-size: 20px;
border: 1px solid;
}
#gform_submit_button_5:hover {
border: 1px solid var(--contrast);
color: var(--contrast);
background-color: var(--accent);
}
.gfield_required.gfield_required_text {
color: var(--contrast);
}
/* gravity forms -> slider */
.gps-slider__fill {
background: var(--contrast-4) !important;
border-radius: 0 !important;
}
.gps-slider__tick-label:active {
color: red !important;
}
.gps-slider__handle {
width: 30px !important;
height: 30px !important;
background: var(--contrast-4) !important;
border: 3px solid var(--contrast) !important;
}
.gps-slider__track {
background: var(--degradat-3) !important;
border-radius: 0 !important;
}
.formula_i_resultat {
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
}
.formula {
font-style: italic;
}
.operacio {
color: var(--contrast) !important;
font-size: 1.2rem !important;
font-style: italic;
font-weight: 800 !important;
}
.resultat {
color: var(--contrast-2);
font-size: 1.8rem;
font-weight: 800;
}
#input_15_8 {
color: var(--contrast-2);
font-size: 1.8rem;
font-weight: 800;
}
#gform_submit_button_6 {
display: none;
}
#gform_submit_button_7 {
display: none;
}
#gform_submit_button_8 {
display: none;
}
#gform_submit_button_9 {
display: none;
}
#gform_submit_button_20 {
display: none;
}
#gform_submit_button_21 {
display: none;
}
#gform_submit_button_14, #gform_submit_button_15, #gform_submit_button_16, #gform_submit_button_17{
display: none;
}
@media (max-width: 600px) {
.formula_i_resultat {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: start;
}
}
.gfield_required.gfield_required_text {
color: var(--contrast) !important;
padding-left: 0.2rem;
font-size: 0.6rem !important;
top: -7px;
position: relative;
}
/* revista */
.facetwp-dropdown {
border-bottom: 1px solid var(--contrast);
}
.fs-wrap {
width: 340px !important;
}
.fs-label-wrap {
position: relative;
background-color: var(--base) !important;
border: 0px solid #ddd !important;
cursor: default;
border-bottom: 1px solid var(--contrast) !important;
}
.fs-dropdown {
background-color: var(--base) !important;
border: 1px solid var(--contrast) !important;
}
.fs-search {
background-color: var(--base) !important;
padding: 0 8px;
}
/*.revista div:first-child h4 a {
color: var(--contrast-4);
}
*/
.revista div:nth-child(2) .foto {
height: 400px;
}
.revista div:nth-child(2) .titol {
font-size: clamp(1.2rem, 0.475vw + 1.085rem, 1.4rem);
line-height: calc(8px + 2ex);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
color: var(--contrast);
background-color: none !important;
border-color: none !important;
}
/* patro teula */
.patro1 {
background-image: url("data:image/svg+xml,")
}
.patro2 {
background-image: url("data:image/svg+xml,")
}
.patro3 {
background-image: url("data:image/svg+xml,")
}
.patro4 {
background-image: url("data:image/svg+xml,")
}
.patro5 {
background-image: url("data:image/svg+xml,")
}
.patro6 {
background-image: url("data:image/svg+xml,")
}
.patro7 {
background-image: url("data:image/svg+xml,")
}
.patro8 {
background-image: url("data:image/svg+xml,")
}
.patro9 {
background-image: url("data:image/svg+xml,")
}
/* patrons fons transparent linia color base -blanc- */
.patro10 {
background-image: url("data:image/svg+xml,")
}
.patro11 {
background-image: url("data:image/svg+xml,")
}
.patro12 {
background-image: url("data:image/svg+xml,")
}
.patro13 {
background-image: url("data:image/svg+xml,")
}
.patro14 {
background-image: url("data:image/svg+xml,")
}
.patro15 {
background-image: url("data:image/svg+xml,")
}
.patro16{
background-image: url("data:image/svg+xml,")
}
.patro17 {
background-image: url("data:image/svg+xml,")
}
/* patrons fons transparent linia verd fosc */
.patro18 {
background-image: url("data:image/svg+xml,")
}
.patro19 {
background-image: url("data:image/svg+xml,")
}
.patro20 {
background-image: url("data:image/svg+xml,")
}
.patro21 {
background-image: url("data:image/svg+xml,")
}
/* hidraulic */
.hid1 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid2 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid3 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid4 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid5 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid6 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid7 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid8 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid9 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
.hid10 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-size: 50px;
background-repeat: repeat;
}
/* 2 tons */
.pat1 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat2 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat3 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat4 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat5 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat6 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat7 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat8 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat9 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.pat10 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
/* patrons linia */
.lin1 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin2 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin3 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin4 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin5 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin6 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin7 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin8 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin9 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.lin10 {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
/* detall professionals */
.detall{
background-color: #92a892;
opacity: 0.8;
background-image: repeating-linear-gradient(to right, transparent 0, transparent 1.6666666666666667px, #92a892 1.6666666666666667px, #92a892 5px, transparent 5px, transparent 6.666666666666667px), repeating-linear-gradient(to bottom, transparent 0, transparent 1.6666666666666667px, #92a892 1.6666666666666667px, #92a892 5px, transparent 5px, transparent 6.666666666666667px), linear-gradient(to bottom, #F1EEE5 0.6px, transparent 0.6px), linear-gradient(to right, #F1EEE5 0.6px, transparent 0.6px) ;
background-size: 100% 100%, 100% 100%, 20px 20px, 20px 20px;
background-position: 0 0, 0 0, 0 -0.2px, -0.2px 0;
}
/* footer */
.inside-site-info.grid-container {
border-top: 1px solid;
margin-top: 4rem;
}
#typeit_617778 {
display: none;
}
/* login */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
color: var(--contrast);
background-color: var(--base);
border-color: var(--base);
width: 100%;
}
#wp-submit {
border: solid 1px;
}