
:root{
	--ptl-color-one:#726658;
	--ptl-color-one-rgb:114, 102, 88; 

	--ptl-color-two:#C1B49A;  
	--ptl-color-two-rgb: 193, 180, 154;
	
	--ptl-color-three:#453D35;   
	--ptl-color-three-rgb:69, 61, 53;  
	
	--ptl-color-four:#efe7dc;     
	--ptl-color-light:#fdfaf8;    

	--ptl-color-four-rgb: 239, 231, 220;     
	--ptl-color-light-rgb: 253, 250, 248;     

	/* --ptl-color-red:#a71818; */ 
	--ptl-color-red:#9f500d; 
	--ptl-color-orange-rgb: 167, 24, 24; 

	--ptl-color-orange:#E9500E;
	--ptl-color-orange-rgb: 233, 80, 14; 
	 
	--ptl-color-blue: #0e75a1; 
	--ptl-color-blue-rgb: 0, 156, 222; 
	 
	--ptl-color-list-hover:#f7f0e8;
	--ptl-buttons-radius: 4px;

	--gradient--electric-grass-a: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);  
	--gradient--electric-grass: linear-gradient(135deg, rgb(var(--ptl-color-four-rgb)) 50%, rgb(247, 162, 126) 100%); 

	--nav-menu-hover: var(--ptl-color-two-rgb);
}

:root {    
    --color-one-base: var(--ptl-color-one);    
    --color-two-base: var(--ptl-color-two);
    --color-three-base: var(--ptl-color-two); 

	--color-one-rgb: var(--ptl-color-one-rgb); 
	--color-two-rgb: var(--ptl-color-two-rgb); 
	--color-three-rgb: var(--ptl-color-three-rgb);    
 
	/* ================================ */ 
 

	--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#F5842B;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;
 

	--color-links-default: #0083ca;
	--color-links: var(--color-one-base);
	--color-links-active:  var(--color-two-base); 
	
    --ptl-color-menus-base: #87610b;
    --ptl-color-menus-sticky: #4a535e;
    --ptl-color-menus-sticky-active: #fc9c0d;

	--ptl-blue: #1E3990; /* #0018ed; */ 
    --ptl-yellow: 252, 179, 31;
    --ptl-light: 243, 245, 250;
    
    --ptl-links: #314076;


	--gray-base: #4a535e;
    --gray-light: #999999;
    --ptl-brown: #794844;   
    --ptl-brown-rgb: 177,132,29;
   
	--ptl-emblem: url('../image/favi-sacco-central-192.png');

	--font-times : 'Georgia', 'Times', 'Times New Roman';  
	--font-head-spacing: -0.02em;
	/* --font-head-spacing: normal; */
	 
	--form-focus-height: 60px;
	--form-focus-control-height: 50px;
	--screen-small-min: 1024px;
	--screen-small-max: 1023px;

	--width-menu-subs: 230px; 
	--height-bitchopa: 185px; 
	--home-banner-height: 59vh;
	--home-banner-height-max: auto;
} 
 
@media screen and (min-width: 1931px) {
:root{ --home-banner-height-max: 699px; --home-banner-height: 699px; }
}

@media screen and (max-width: 1423px) {
:root { --home-banner-height: 79vh; }
} 
 
@media screen and (max-width: 786px) {
:root{ --home-banner-height: 59vh; }
}



/* @font-face {
    font-family: 'Merriweather';
    font-style: normal;
	font-display: swap;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4e0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiSeqnJ-mFqA.woff2) format('woff2');
    unicode-range: U +0460 -052F, U +1C80 -1C8A, U +20B4, U +2DE0 -2DFF, U + A640-A69F, U + FE2E-FE2F;
} */



:root{
	--gray-base: #4a535e;
    --gray-light: #999999;
    --ptl-brown-dark: #87610b;
    --ptl-brown: #B1841D;
    --ptl-brown-rgb: 177,132,29;
    --ptl-green: #99BB4F; 
    --ptl-green-2: #8FB53C; 
    --ptl-green-dark: #7d9623; 
    --ptl-green-rgb: 153,187,79; 
	--ptl-color-other: #dc4549; 
	
	--font-main: 'Poppins', 'Helvetica', 'Arial', sans-serif; 
	--font-links: 'Poppins';  
	--font-head: 'Poppins', 'Arial', sans-serif; 
	--font-awesome: "Font Awesome 5 Free", "FontAwesome", "Font Awesome 5 Pro";   
	--form-focus-height: 60px;
	--form-focus-control-height: 50px;
	--screen-small-min: 1024px;
	--screen-small-max: 1023px;

	--width-sidebar: 262px;
    --width-sidebar-offset: -262px;
}
 
.sacramento {font-family: "Sacramento", cursive;font-weight: 400;font-style: normal;}

h2.sacramento { margin-top: 25px; margin-bottom: 10px !important; font-weight: bold; font-size: 40px; color: var(--ptl-color-red); }