@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700&display=swap');
@import url('/Media/css/PCCU_custom.css');

:root body {
font-family: 'Open Sans', sans-serif;
}

:root {
/*NEW CU Colors*/
--main-color-1: #2A4A5D;
--main-color-2: #A86819;
--main-color-3: #fff;
--main-color-4: #2A4A5D;
--main-color-5: #666;
--main-color-6: #F3F1F0;
--main-color-7: #F8F8F8;
--main-color-8: #333333;
--main-color-9: #C6791B;
--main-color-10: #A86819;
--main-color-11: #2A4A5D;
--main-color-12: rgba(255,255,255,0.9);
--main-color-13: #DEDEDE;
--main-color-14: rgba(0,0,0,0.2);
--main-color-15: #000;
--main-color-16: #e2e2e2;
--main-color-17: rgba(255,255,255,0.95);
--main-color-18: #888;
--main-color-19: #d4d4d4;
--main-color-20: rgba(0,0,0,0.16);
--main-color-21: rgba(206,206,206,0.5);
--main-color-22: #c4c4c4;
--main-color-23: rgba(51,51,51,0.75);
--main-color-24: rgba(255,255,255,0.8);
--main-color-25: rgba(115,154,188,0.4);
--main-color-26: rgba(42,74,93,1);
--main-color-27: #ED8936;
--main-color-28: #626262;
--main-color-29: rgba(0,0,0,0.14);
--main-color-30: rgba(0,0,0,0.12);
--main-color-31: rgba(243,241,240,0.5);
--main-color-32: #F3F5F7;
--main-color-33: #979797;
--main-color-34: #A86819;
--main-color-35: #e7e7e7;
--main-color-36: #2A4A5D;
--main-color-37: rgba(103,135,183,0.15);

    /*Header*/
    --header-color1: var(--main-color-1);
    --header-color2: var(--main-color-2);
    --header-color3: var(--main-color-3);
    --header-color4: var(--main-color-4);
    --header-color5: var(--main-color-5);
    --header-color6: var(--main-color-6);
    --header-color7: var(--main-color-7);
    --header-color8: var(--main-color-21);
    --header-color9: var(--main-color-22);
    --header-color10: var(--main-color-23);
    --header-color11: var(--main-color-34);
    --header-color12: var(--main-color-37);
    /*Footer*/
    --footer-color1: var(--main-color-7);
    --footer-color2: var(--main-color-5);
    --footer-color3: var(--main-color-24);
    --footer-color4: var(--main-color-8);
    /*Cookie Disclaimer*/
    --cookie-color1: var(--main-color-12);
    --cookie-color2: var(--main-color-13);
    --cookie-color3: var(--main-color-14);
    --cookie-color4: var(--main-color-15);
    /*Buttons*/
    --button-color1: var(--main-color-9);
    --button-color1-hover: var(--main-color-10);
    --button-color2: var(--main-color-1);
    --button-color2-hover: var(--main-color-2);
    --button-color3: var(--main-color-4);
    --button-color3-hover: var(--main-color-36);
    --button-color4: var(--main-color-8);
    --button-color5: var(--main-color-3);
    --button-color6: var(--main-color-5);
    --button-color7: var(--main-color-20);
    --button-color8: var(--main-color-35);
    --button-color9: var(--main-color-3);
    --button-color10: var(--main-color-5);
    /*Carousel*/
    --carousel-color1: var(--main-color-1);
    --carousel-color2: var(--main-color-3);
    --carousel-color3: var(--main-color-2);
    --carousel-color4: var(--main-color-17);
    --carousel-color5: var(--main-color-18);
    --carousel-color6: var(--main-color-19);
    --carousel-color7: var(--main-color-15);
    /*Rates Highlights*/
    --rates-color1: var(--main-color-4);
    --rates-color2: var(--main-color-5);
    --rates-color3: var(--main-color-1);
    --rates-color4: var(--main-color-7);
    --rates-color5: var(--main-color-20);
    --rates-color6: var(--main-color-3);
    --rates-color7: var(--main-color-1);
    /*Quicklinks*/
    --quicklinks-color1: var(--main-color-4);
    --quicklinks-color2: var(--main-color-5);
    --quicklinks-color3: var(--main-color-1);
    --quicklinks-color4: var(--main-color-2);
    --quicklinks-color5: var(--main-color-15);
    /*Hero*/
    --hero-color1: var(--main-color-5);
    --hero-color2: var(--main-color-9);
    --hero-color3: var(--main-color-2);
    --hero-color4: var(--main-color-20);
    --hero-color5: var(--main-color-3);
    --hero-color6: var(--main-color-8);
    /*Page Banner*/
    --pagebanner-color1: var(--main-color-25);
    --pagebanner-color2: var(--main-color-3);
    /*Breadcrumb*/
    --breadcrumb-color1: var(--main-color-5);
    /*Product List*/
    --productlist-color1: var(--main-color-4);
    --productlist-color2: var(--main-color-5);
    --productlist-color3: var(--main-color-20);
    --productlist-color4: var(--main-color-9);
    --productlist-color5: var(--main-color-3);
    --productlist-color6: var(--main-color-5);
    /*Simple Highlight*/
    --simplehl-color1: var(--main-color-2);
    --simplehl-color2: var(--main-color-5);
    /*Highlights*/
    --highlight-color1: var(--main-color-5);
    --highlight-color2: var(--main-color-4);
    --highlight-color3: var(--main-color-26);
    --highlight-color4: var(--main-color-3);
    --highlight-color5: var(--main-color-20);
    --highlight-color6: var(--main-color-1);
    --highlight-color7: var(--main-color-22);
    --highlight-color8: var(--main-color-2);
    --highlight-color9: var(--main-color-5);
    /*Search*/
    --search-color1: var(--main-color-7);
    --search-color2: var(--main-color-4);
    --search-color3: var(--main-color-5);
    --search-color4: var(--main-color-16);
    --search-color5: var(--main-color-3);
    --search-color6: var(--main-color-20);
    /*News Page*/
    --news-color1: var(--main-color-4);
    --news-color2: var(--main-color-5);
    /*Tables*/
    --table-color1: var(--main-color-5);
    --table-color2: var(--main-color-6);
    /*Accordion*/
    --accordion-color1: var(--main-color-5);
    --accordion-color2: var(--main-color-16);
    /*Hyperlink List*/
    --hyperlinklist-color1: var(--main-color-16);
    --hyperlinklist-color2: var(--main-color-5);
    --hyperlinklist-color3: var(--main-color-6);
    --hyperlinklist-color4: var(--main-color-3);
    --hyperlinklist-color5: var(--main-color-4);
    --hyperlinklist-color6: var(--main-color-11);
    /*Video*/
    --video-color1: var(--main-color-6);
    --video-color2: var(--main-color-3);
    --video-color3: var(--main-color-20);
    /*Contact Form*/
    --contactform-color1: var(--main-color-6);
    --contactform-color2: var(--main-color-20);
    --contactform-color3: var(--main-color-1);
    --contactform-color4: var(--main-color-27);
    --contactform-color5: var(--main-color-5);
    --contactform-color6: var(--main-color-4);
    --contactform-color7: var(--main-color-16);
    --contactform-color8: var(--main-color-8);
    --contactform-color9: var(--main-color-18);
    --contactform-color10: var(--main-color-3);
    /*News List*/
    --newslist-color1: var(--main-color-5);
    --newslist-color2: var(--main-color-6);
    --newslist-color3: var(--main-color-4);
    --newslist-color4: var(--main-color-11);
    --newslist-color5: var(--main-color-3);
    --newslist-color6: var(--main-color-33);
    --newslist-color7: var(--main-color-16);
    --newslist-color8: var(--main-color-18);
    /*Tab*/
    --tab-color1: var(--main-color-3);
    --tab-color2: var(--main-color-1);
    --tab-color3: var(--main-color-5);
    --tab-color4: var(--main-color-4);
    --tab-color5: var(--main-color-6);
    --tab-color6: var(--main-color-20);
    /*HTML Sitemap*/
    --htmlsitemap-color1: var(--main-color-2);
    --htmlsitemap-color2: var(--main-color-4);
    --htmlsitemap-color3: var(--main-color-5);
    /*Meet Our Team*/
    --meetourteam-color1: var(--main-color-2);
    --meetourteam-color2: var(--main-color-1);
    --meetourteam-color3: var(--main-color-3);
    --meetourteam-color4: var(--main-color-5);
    --meetourteam-color5: var(--main-color-6);
    --meetourteam-color6: var(--main-color-20);
    --meetourteam-color7: var(--main-color-26);
    /*Popup*/
    --popup-color1: var(--main-color-4);
    --popup-color2: var(--main-color-5);
    --popup-color3: var(--main-color-3);
    /*Services Status*/
    --servstatus-color1: var(--main-color-20);
    --servstatus-color2: var(--main-color-6);
    --servstatus-color3: var(--main-color-2);
    --servstatus-color4: var(--main-color-27);
    --servstatus-color5: var(--main-color-1);
    --servstatus-color6: var(--main-color-9);
    --servstatus-color7: var(--main-color-4);
    --servstatus-color8: var(--main-color-5);
    /*ATM/Branch Locator*/
    --atmbranch-color1: var(--main-color-4);
    --atmbranch-color2: var(--main-color-5);
    --atmbranch-color3: var(--main-color-2);
    --atmbranch-color4: var(--main-color-16);
    --atmbranch-color5: var(--main-color-3);
    --atmbranch-color6: var(--main-color-20);
    --atmbranch-color7: var(--main-color-8);
    --atmbranch-color8: var(--main-color-28);
    --atmbranch-color9: var(--main-color-11);
    --atmbranch-color10: var(--main-color-1);
    --atmbranch-color11: var(--main-color-23);
    --atmbranch-color12: var(--main-color-7);
    --atmbranch-color13: var(--main-color-14);
    --atmbranch-color14: var(--main-color-29);
    --atmbranch-color15: var(--main-color-30);
    --atmbranch-color16: var(--main-color-31);
    --atmbranch-color17: var(--main-color-6);
    --atmbranch-color18: var(--main-color-32);
    --atmbranch-color19: var(--main-color-15);

    /*CTA Widget*/
    --cta-color1: var(--main-color-4);
    --cta-color2: var(--main-color-3);
    --cta-color3: var(--main-color-20);
}