@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


.atm-branch-locator-widget .info-branch {
    font-family: inherit;
}

.highlights-widget .card ul li {
	font-weight: 400;
	font-size: 1.8rem;
}

.carousel-widget .carousel-item .carousel--image-desktop.full-background .overlay {
	background: transparent;
}

.carousel-widget .carousel-item .carousel--image-mobile.full-background .overlay {
	background: transparent;

}

@media (min-width: 576px){
	.card-deck {
		flex-flow: row wrap;
	}
}

@media only screen and (min-width: 576px) and (max-width: 991px){
	.product-list-widget .card {
		margin: 2rem 15px;
	}
}

.highlights-widget.center .card--layout-four:nth-of-type(2) {
    grid-row-end: none;
}

.highlights-widget.center .card--layout-four:nth-of-type(2) .card-title {
    padding-bottom: 3rem;
}

.highlights-widget.left .card--layout-four:nth-of-type(1) .card-footer {
	padding: 2rem 2.2rem 2.9rem 2.2rem;
}
.highlights-widget.center .card--layout-four:nth-of-type(2) .card-footer {
    z-index: 1;
    background: transparent;
    padding: 2rem 2.2rem 2.9rem 2.2rem;
    border-top: 0;
}
.highlights-widget.center .card--layout-four:nth-of-type(2) .card-footer a {
    float: left;
	width: auto;
	font-size: 1.6rem;
}
.highlights-widget.center .card--layout-four:nth-of-type(2) .card-footer a:after {
	content: '\203A';
}

.highlights-widget.left .card--layout-four:nth-of-type(1) .card-footer a {
	float: left;
	width: auto;
	font-size: 1.6rem;
}


.rates-highlights-widget .large-deck .rate-card-item .rate-card--value .rate-card--value--wrapper .rate-card--value--wrapper--percentage {
	color: transparent;
}

.highlights-widget.left .card--layout-four:nth-of-type(1) .card-footer a:after {
	content: '\203A';
}

a {
	color: #4698CA;
}

a.alertBannerCustom {
	color: #A4D65E;
}

/*Use this to set the width of the main logo, height will depend on width*/
.navbar-home{
	width: 297px;
}

.widget-content {
    margin-bottom: 3rem;
}

.acsPartnerGrid{
	display: flex;
  flex-wrap: wrap;
	grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
	align-items: center;
	column-gap: 15px;
	text-align:center;
}
.acsPartnerGridItem{
	width:100%;
	max-width:175px;
	cursor: pointer;
	margin: auto;
	overflow: hidden;
	text-align: center;
}
.acsPartnerGridImg{
	width: 150px;
	height: 100px;
	object-fit: cover;
	align-items: center;
	object-position: center;
}


@media screen and (min-width: 990px) {
  	.fullWidthHero{
		width: calc(80vw - 6rem - 45px);
		max-width: calc(960px - 6rem - 45px);
		padding: 0px;
		margin: 0 auto;
	}
	.carousel-widget .carousel-caption .btn-container.center {
    	margin-top: 33vh;
	}
}

@media only screen and (max-width: 991px){
	.carousel-widget .carousel-caption {
		text-align: center;
		top: 0;
		transform: translateX(-50%);
		height: 100%;
	}
	.carousel-widget .carousel-caption .container {
    	height: 100%;
	}
	
	.carousel-widget .carousel-caption .btn-container.center {
    	margin-top: 66vh;
	}
}
.Carouselh1{
	max-width: 600px;
}
.Carouselh3{
	max-width: 500px;
}
@media only screen and (min-width: 650px) and (max-width: 991px){
	.Carouselh1{
		font-size: 5.5rem;
    	line-height: 6rem;
	}
	.Carouselh3{
		font-size: 2.5rem;
    	line-height: 3rem;
	}
}
@media only screen and (max-width: 650px){
	.Carouselh1{
		font-size: 3.5rem;
    	line-height: 4rem;
	}
	.Carouselh3{
		font-size: 2rem;
    	line-height: 2.5rem;
		max-width: 200px;
	}
}


/*.carousel-caption*/ 

:root body {
font-family: 'PT Sans', Regular;
}

:root {
/*NEW CU Colors*/
--main-color-1: #007680;
--main-color-2: #003B49;
--main-color-3: #fff;
--main-color-4: #78BE21;
--main-color-5: #666;
--main-color-6: #F3F1F0;
--main-color-7: #F8F8F8;
--main-color-8: #667666;
--main-color-9: #003B49;
--main-color-10: #00313D;
--main-color-11: #78BE21;
--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(70,152,202,0.51);
--main-color-26: rgba(0,118,128,0.53);
--main-color-27: #E56A54;
--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: #003B49;
--main-color-35: #e7e7e7;
--main-color-36: #78BE21;
--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-2);
    --button-color2-hover: var(--main-color-36);
    --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);
}

@font-face {
    font-family: 'Petita';
    src: local('Petita'), url('/media/2010/petitabold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Petita';
    src: local('Petita'), url('/media/2012/petitamedium.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Petita';
    src: local('Petita'), url('/media/2011/petitalight.ttf') format('truetype');
    font-weight: 400;
}

.carousel-widget .carousel-caption .carousel-caption--title {
    font-family: "Petita";
}

h2{
	font-family: "Petita";
}

.widget-title{
	font-family: "Petita";
}


/* test */