/*
Theme Name: 371 Farmers Bank V2
Theme URI: http://csibankanytime.com/
Author: CSI ( CSI Designer Name, CSI Developer Name )
Description: Design Pro 3 CSI Banking Theme
Version: 2.8.0
Text Domain: design-pro-3
*/
@import url("https://use.typekit.net/yuy5zpj.css");

 @font-face {
  font-family: "Cornbread Reg";
  src:  url('fonts/Cornbread/Cornbread-Regular.woff2') format('woff2'),
        url('fonts/Cornbread/Cornbread-Regular.woff') format('woff'),
        url('fonts/Cornbread/Cornbread-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
 }
  @font-face {
  font-family: "Cornbread Semi";
  src:  url('fonts/Cornbread/Cornbread-SemiBold.woff2') format('woff2'),
        url('fonts/Cornbread/Cornbread-SemiBold.woff') format('woff'),
        url('fonts/Cornbread/Cornbread-SemiBold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
 }


:root{
  --FB-Zucchini: #0F3320;
  --FB-Spinach: #3F582A;
  --FB-Green-Apple: #9FC43E;
  --FB-Maize: #FFC233;
  --FB-Eggshell: #F0EEDE;
}
/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
body,
html {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "trade-gothic-next", sans-serif;
  color: var(--FB-Zucchini);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Cornbread Semi";
  color: var(--FB-Spinach);
  letter-spacing: -0.72px;
}

h1, h2, h3, h4 {
  font-weight: 600;
  line-height: 1.5;
}

h1{
 font-size: 4rem;
}

h2{
font-size: 3rem;
}

h3{
  font-size: 1.75rem;
}

h4{

}

h5{
  font-size: 2.25rem;
  line-height: 2.25rem;
}

h6{
  font-size: 1.5rem;
}

p,
ul,
dl,
ol {
  color: var(--FB-Zucchini);
  font-size: 1rem;
}

strong{
  font-weight: bold;
}

/* BUTTONS AND LINKS
Before Changing any Hover/Focus behavior, ensure the new behavior still complies with
ADA requirements (at least 3.0 contrast change or underline change)
-------------------------------------------------------------------------------------- */
a {
  color: var(--FB-Zucchini);
  text-decoration: underline;
}
a:hover, a:focus {
  color: var(--FB-Zucchini);
  text-decoration: none;
}
.csi-btn{
  border-radius: 2rem;
  background: var(--FB-Green-Apple);
  border: 1px solid var(--FB-Green-Apple);
  color: var(--FB-Zucchini);
  font-weight: 700;
  padding: 0.5rem 2rem;
  text-decoration: none;
}
.csi-btn:hover, .csi-btn:focus{
  background: var(--FB-Spinach);
  border-color: var(--FB-Green-Apple);
  color: var(--FB-Eggshell);
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-container{
  padding: 0 5rem;
}
.fdic-wrapper .fdic-notice{
	display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: .8rem;
  font-weight: 400;
  color: #000;
  justify-content: flex-end;
  padding: 1rem 0 0.5rem;
}
.fdic-wrapper .fdic-notice svg {
  width: auto;
  height: 15.74px;
  margin-right: .75em;
  display: block;
}
.csi-header{
  position: relative;
  width: 100%;
}
.helper-links{
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
}
.ib-helper-link{
  display: block;
  text-align: right;
  text-decoration: none;
  color: var(--FB-Zucchini);
  line-height: 1.375rem;
}
.ib-helper-link:hover, .ib-helper-link:focus{
  text-decoration: underline;
  color: var(--FB-Zucchini)
}
.csi-nav{
  position: relative;
  display: flex;
  justify-content: center;
}
#csiMenuWrapper{
  position: absolute;
  bottom: -65px;
  padding: 0.75rem 2rem;
  border-radius: 0 0 32px 32px;
  border-right: 1px solid var(--FB-Spinach);
  border-bottom: 1px solid var(--FB-Spinach);
  border-left: 1px solid var(--FB-Spinach);
  background: var(--FB-Zucchini);
  backdrop-filter: blur(46px);
}
.csi-ib{
  padding-bottom: 0.375rem;
}
.csi-ib form{
  padding-bottom: 0.75rem;
}
.csi-ib input[type="text"]{
  border-radius: 2rem;
  border: 1px solid var(--FB-Zucchini);
  color: var(--FB-Zucchini);
  background: #FFF;
}
.csi-ib input[type="text"]::placeholder{
  color: #737373 !important;
  font-size: 1rem;
  text-align: center;
}

.csi-carousel .carousel-item{
  min-height: 750px;
}
.csi-carousel .carousel-item .carousel-caption{
  text-align: left;
  left: initial;
  right: initial;
  bottom: initial;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  max-width: 740px;
}
.home .csi-carousel .carousel-item .carousel-caption{
  padding-top: 100px;
  padding-bottom: 0; 
}
.csi-carousel .carousel-item .carousel-caption .row, .csi-carousel .carousel-item .caption-container, .csi-carousel .carousel-item .caption-content{
  height: 100%;
}
.home .csi-carousel .carousel-item .caption-container{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  margin-left: 5rem;
}
.csi-carousel .carousel-item .caption-container > h1{
  font-size: 11.375rem;
  line-height: 8.875rem;
  text-transform: uppercase;
  letter-spacing: -1.82px;
  margin-bottom: 0;  
  font-weight: 800;
  font-family: "trade-gothic-next-condensed", sans-serif;
  text-shadow: 4px 4px 8px black;
}
.csi-carousel .carousel-item .caption-content{
  background: var(--FB-Spinach);
  padding: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.home .csi-carousel .carousel-item .caption-content{
  border-radius: 2rem 2rem 0 0;
  padding: 5rem 5rem 2.625rem;
  height: auto;
  display: block;
}

.home .csi-carousel .carousel-item .caption-content h1{
  color: var(--FB-Eggshell);
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 2.25rem;
  letter-spacing: -0.72px;
}

.home .csi-carousel .carousel-item .caption-content p{
  color: var(--FB-Eggshell);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 2rem;
}

.csi-carousel .carousel-item .caption-content h1, .csi-carousel .carousel-item .caption-content p{
  color: var(--FB-Eggshell);
}

.csi-carousel .carousel-item .caption-content h1{
  font-size: 5rem;
  font-weight: 600;
  line-height: 5.125rem; 
  letter-spacing: -1.62px;
  font-family: "Cornbread Semi";
  margin-bottom: 1.5rem;
}

.csi-carousel .carousel-item .caption-content p{
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}


.csi-carousel .carousel-item .caption-content .csi-btn{
  margin-right: 1.5rem;
}

.csi-carousel .carousel-item .caption-content .csi-btn:last-of-type{
  margin-right: 0;
}

.image-carousel .carousel-item{
  min-height: 664px;
  width: 100%;
}

.intro-section{
  padding: 10rem 5rem 9rem;
  background: #F0EEDE;
  text-align: center;
}

.intro-section svg{
  display: block;
  margin: 0 auto 3.75rem;
}

.intro-section h1{
  margin-bottom: 3rem;
  font-size: 5rem;
  line-height: 5.125rem;
  letter-spacing: -1.62px;
  font-weight: 600;
  font-family: "Cornbread Semi";
}

.intro-section p{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.image-carousel .carousel-indicators li{
  width: 0.75rem;
  height: 0.75rem;
  opacity: 1;
  background: var(--FB-Eggshell);
  border-radius: 50%;
  border: 1px solid var(--FB-Eggshell);
}

.image-carousel .carousel-indicators li.active, .image-carousel .carousel-indicators li.active-slide{
  background: var(--FB-Green-Apple);
  border-color: var(--FB-Green-Apple);
  width: 0.75rem;
  height: 0.75rem;
}

section.card, .home .cardSection{
  background: var(--FB-Spinach);
  padding: 5rem 0;
  border-radius: 0;
}

.cardSection .row{
  gap: 4.75rem;
  justify-content: center;
}

.csi_cards{
  margin: 0;
}

.csi_cards .card{
  background: var(--FB-Eggshell);
  border-radius: 100px 4px;
  margin: 0;
}

.csi_cards .card-body{
  margin: 0;
  padding: 3.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 586px;
}

.csi_cards .card-body svg{
  margin-bottom: 2rem;
}

.card-body.smaller-card{
  min-height: 350px;
}


.csi_cards .card img{
  margin-bottom: 2rem;
}

.csi_cards .card p{
  margin-bottom: 3rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.csi_cards .card .csi-btn{
  display: block;
}

footer{
  background: var(--FB-Zucchini);
  margin-top: 0;
  padding: 0;
  text-align: left;
}

footer svg{
  margin: 0;
  max-width: 100%;
  max-height: none;
}

footer .footer-fdic svg{
  fill: #fff;
  max-width: 100px;
  max-height: 33px;
  display: block;
  margin: 0
}

footer .first-row > div{
  padding: 5rem 5rem 5rem 0;
}

footer .first-row > div:first-child{
  padding-left: 5rem;
}

footer .first-row p{
  margin-bottom: 0;
}
footer .fdic-wrapper .fdic-notice{
  color: var(--FB-Green-Apple);
}
footer a{
  text-decoration: none;
  color: var(--FB-Green-Apple);
  line-height: 1.25rem;
}
footer a:hover, footer a:focus{
  text-decoration: underline;
  color: var(--FB-Green-Apple);
}

footer .second-row{
  align-items: center;
}

footer .second-row > div{
  padding: 1.5rem 5rem 1.5rem 0;
}

footer .second-row p{
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-bottom: 0;
}

#powered-by-csi{
  display: none;
}

.table{
  margin-bottom: 0;
  border-radius: 2rem;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--FB-Green-Apple);
}

.table thead tr{
  background: var(--FB-Spinach);
}

.table thead th{
  color: var(--FB-Eggshell);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem 1.5rem 1rem 3rem;
  border-bottom: 1px solid var(--FB-Green-Apple);
  vertical-align: middle;
  border-top: none;
}

.table tbody td{
  border-color: var(--FB-Green-Apple);
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--FB-Zucchini);
  padding: 1.5rem 1.5rem 1.5rem 3rem;
  width: 248px;
}

.table tbody tr td:first-child{
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--FB-Zucchini);
}

.disclosures-section{
  background: var(--FB-Eggshell);
}

.text-muted{
  color: var(--FB-Zucchini) !important;
  font-size: 0.75rem;
  line-height: 1rem;
}

hr{
  border-color: var(--FB-Zucchini);
}

footer .social-media{
  margin-top: 5rem;
  display: flex;
  gap: 1rem;
}

footer .social-media i{
  font-size: 1.5rem;
}

footer .first-row .footer-menu p{
  margin-bottom: 1rem;
}

#csiMenuWrapper .primary-menu > li.extra-link a{
  color: var(--FB-Maize);
}

#csiMenuWrapper .primary-menu li.menu-item-has-children ul::before{
  content: "";
  position: absolute;
  top: -24px; 
  left: 0;
  right: 0;
  height: 24px;
}

#csiMenuWrapper .primary-menu li.menu-item-has-children:hover > ul, #csiMenuWrapper .primary-menu li.menu-item-has-children:focus > ul, #csiMenuWrapper .primary-menu li.menu-item-has-children.focus > ul, #csiMenuWrapper-secondary .primary-menu li.menu-item-has-children:hover > ul, #csiMenuWrapper-secondary .primary-menu li.menu-item-has-children:focus > ul, #csiMenuWrapper-secondary .primary-menu li.menu-item-has-children.focus > ul{
  left: -1.375rem;
  right: initial;
}

#csiMenuWrapper .primary-menu li.menu-item-has-children ul{
  background: var(--FB-Zucchini);
}

#csiMenuWrapper ul.primary-menu, #csiMenuWrapper .primary-menu ul{
  font-size: 1rem;
}

#csiMenuWrapper .primary-menu ul a{
  color: var(--FB-Eggshell);
}

#csiMenuWrapper .primary-menu ul a:hover, #csiMenuWrapper .primary-menu ul a:focus{
  color: var(--FB-Maize);
}

#csiMenuWrapper .primary-menu ul{
  top: 64px;
  padding: 1.25rem 0;
  border-radius: 2rem;
}

#csiMenuWrapper .primary-menu .sub-menu a{
  padding: 0.25rem 1.5rem;
}

.mobile-ib-holder svg{
  fill: var(--FB-Eggshell);
}

#csiMenuWrapper .toggle-inner .toggle-text, #csiMenuWrapper-secondary .toggle-inner .toggle-text{
  display: none;
}

#csiMenuWrapper button.close-nav-toggle, #csiMenuWrapper-secondary button.close-nav-toggle{
  margin: 0.75rem 1.25rem 0 1.25rem;
}

#csiMenuWrapper .menu-modal-inner, #csiMenuWrapper-secondary .menu-modal-inner{
  background: var(--FB-Zucchini);
}

#csiMenuWrapper .mobile-menu, #csiMenuWrapper-secondary .mobile-menu{
  padding: 3rem 0;
}

#csiMenuWrapper .menu-wrapper.section-inner, #csiMenuWrapper-secondary .menu-wrapper.section-inner{
  width: 100%;
}

#csiMenuWrapper button.close-nav-toggle .toggle-text, #csiMenuWrapper-secondary button.close-nav-toggle .toggle-text{
  display: none;
}

#csiMenuWrapper .modal-menu li, #csiMenuWrapper-secondary .modal-menu li{
  border-color: initial;
}

#csiMenuWrapper .modal-menu a{
  padding: 0.5rem 2.25rem;
}

#csiMenuWrapper .modal-menu a:hover, #csiMenuWrapper .modal-menu a:focus{
  color: var(--FB-Maize);
}

#csiMenuWrapper button.close-nav-toggle, #csiMenuWrapper-secondary button.close-nav-toggle{
  padding: 0;
}

#csiMenuWrapper .modal-menu ul li, #csiMenuWrapper-secondary .modal-menu ul li{
  margin: 0.5rem 0;
}

#csiMenuWrapper .modal-menu ul li a{
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}

#csiMenuWrapper .modal-menu > li > .ancestor-wrapper > a:hover, #csiMenuWrapper .modal-menu > li > .ancestor-wrapper > a:focus{
  color: var(--FB-Maize);
}

.carousel-image{
  position: absolute;
  width: calc(100% - 720px);
  min-height: 750px;
  right: 0;
}

.home .carousel-image{
  display: none;
}

.table-accordion-group{
  border-radius: 2rem;
  background: var(--FB-Spinach);
}

.mobile-tables .table-accordion-group h6{
  font-size: 1.25rem;
  color: var(--FB-Eggshell);
  margin-bottom: 0;
  font-family: "trade-gothic-next", sans-serif;
}

.csi-defaultAccordion a{
  background: var(--FB-Spinach);
  padding: 2rem 2rem 1.5rem;
  border: none;
  border-radius: 2rem;
  margin-bottom: 0;
}

.csi-defaultAccordion a:hover, .csi-defaultAccordion a:focus{
  background: var(--FB-Spinach);
  text-decoration: underline;
  border: none;
}

.csi-defaultAccordion a h5{
  color: var(--FB-Green-Apple);
}

.csi-defaultAccordion a:hover h5, .csi-defaultAccordion a:focus h5{
  color: var(--FB-Green-Apple);
}

.csi-defaultAccordion a[aria-expanded=true]{
  border-radius: 2rem 2rem 0 0 !important;
}

.inside-panel-group{
  margin-bottom: 1.5rem;
}

.inside-panel-group>.panel>a{
  background: var(--FB-Spinach);
  padding: 2rem;
  margin-bottom: 0;
  border: none;
  border-radius: 2rem;
}

.inside-panel-group>.panel>a h5{
  color: var(--FB-Eggshell);
  padding: 0;
  margin: 0;
}

.mobile-tables .inside-panel-group>.panel>a{
  background: transparent;
  margin-bottom: 0;
  border-radius: 0 !important;
}

.inside-panel-group .inside-panel-collapse, .panel-collapse{
  border: 1px solid var(--FB-Green-Apple);
  background: #fff;
  border-radius: 0 0 2rem 2rem;
}

.panel-collapse{
  padding: 1.5rem 2rem 0.5rem;
}

.inside-panel-group>.panel>a:hover, .inside-panel-group>.panel>a:focus{
  color: var(--FB-Eggshell);
  background: var(--FB-Spinach);
  text-decoration: underline;
  border: none;
}

.inside-panel-group a[aria-expanded=true]{
  border-radius: 2rem 2rem 0 0 !important;
}

.mobile-tables .inside-panel-group>.panel>a:hover, .mobile-tables .inside-panel-group>.panel>a:focus{
  background: transparent;
}

.inside-panel-group .inside-panel-collapse .cell-title{
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.inside-panel-group .inside-panel-collapse .accordion-cell{
  padding: 1.5rem 2rem 0.5rem;
  border-bottom: 1px solid var(--FB-Green-Apple);
}

.inside-panel-group .inside-panel-collapse .accordion-cell:last-of-type{
  border-bottom: none;
}

.inside-panel-collapse .panel-body{
  padding: 1.5rem 2rem 0.5rem;
}

.mobile-tables .inside-panel-collapse .panel-body, .csi-defaultAccordion .panel-body{
  border-radius: 0;
  border: none;
  padding: 0;
}

.nav-tabs{
  border-bottom: none;
}

.nav-tabs .nav-link, .tabs select, .tabs select option{
  background: var(--FB-Spinach);
  color: var(--FB-Eggshell);
  border: none;
}

.tabs select{
  padding: 0.5rem 1.5rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
  text-decoration: underline;
  border: none;
}

.tabs select option:hover, .tabs select option:focus,
.tabs select:hover, .tabs select:focus{
  background: var(--FB-Spinach);
  color: var(--FB-Eggshell);
  text-decoration: underline;
}

.nav-tabs .nav-item{
  margin-right: 1rem;
}

.nav-tabs .nav-item:last-of-type{
  margin-right: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  color: var(--FB-Maize);
  background: var(--FB-Spinach);
  border: none;
}

.tab-pane{
  border: 1px solid var(--FB-Green-Apple)
}

.csi-productAccordion .panel-body, .csi-productAccordion .panel-heading{
  border-radius: 4px;
}

.csi-productAccordion{
  border-color: var(--FB-Green-Apple);
}

.person .person-image{
  min-height: 400px;
  margin-bottom: 1rem;
}


.page-template-page-landing .csi-carousel .carousel-item .carousel-caption{
  max-width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  position: absolute;
}

.page-template-page-landing .csi-carousel .carousel-item .carousel-caption h1{
  color: #fff;
  font-size: 7.5rem;
  line-height: 0.8;
  text-transform: uppercase;
  letter-spacing: -1.21px;
  line-height: 0.78;
  font-weight: 800;
  margin-bottom: 0;
  font-family: "trade-gothic-next-condensed", sans-serif;
  text-shadow: 4px 4px 8px black;
  text-align: center;
}
.header-1 .csi-logo{
  text-align: center;
  padding: 1rem 0 ;
}



.scroll-container {
  /* Ensure the container has enough height to enable scrolling */
  height: 900px;
}

.image-mask-container {
  /* Position the mask container to stay in view as you scroll */
  position: sticky;
  top: 0;
  height: 900px; /* Takes full viewport height */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--FB-Green-Apple);
}

.zooming-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Initial zoom level */
  transform: scale(1);
  /* Apply a circular mask, controlled by a CSS variable */
  /* -webkit-mask-image: radial-gradient(circle at center, black var(--mask-size, 25%), transparent var(--mask-size, 25%));
  mask-image: radial-gradient(circle at center, black 25%, transparent 25%); */
  -webkit-mask-image: url(/wp-content/themes/0371_Farmers_Bank_V2/images/leaf.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: var(--mask-size, 40%);

  mask-image: url(/wp-content/themes/0371_Farmers_Bank_V2/images/leaf.png);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: var(--mask-size, 40%);
}

.page-template-page-landing .carousel-image{
  position: relative;
  width: 100%;
  min-height: 900px;
}

.page-template-page-landing .intro-section{
  background: #fff;
}

.page-template-page-landing h2, .page-template-page-landing h3{
  font-size: 3.375rem;
  font-weight: 600;
  line-height: 2.875rem;
  margin-bottom: 3rem;
}

.page-template-page-landing .intro-section .intro-icon{
  margin-bottom: 3.75rem;
}

.page-template-page-landing .intro-section p{
  font-size: 1rem;
}

.page-template-page-landing .csi_cards{
  text-align: left;
}

.page-template-page-landing .csi_cards h2{
  line-height: 1;
  letter-spacing: -0.538px;
  margin-bottom: 1rem;
}

.page-template-page-landing .csi_cards .card-body{
  min-height: auto;
  justify-content: flex-end;
  padding: 2rem;
}

.page-template-page-landing .csi_cards .card-body.tall{
  min-height: 607px;
}

.page-template-page-landing .csi_cards.middle-column{
  flex-direction: column;
}

.page-template-page-landing .csi_cards .card-icon{
  padding: 0;
  margin: 0;
  margin-bottom: 2rem;
}

.page-template-page-landing .csi_cards .card p{
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.375rem;
}

.page-template-page-landing .csi_cards .card{
  border-radius: 50px 4px;
  border: none;
}

.csi_cards .card.zucchini-card{
  background: var(--FB-Zucchini);
}

.csi_cards .card.zucchini-card h2, .csi_cards .card.zucchini-card p{
  color: var(--FB-Green-Apple);
}

.csi_cards .card.spinach-card{
  background: var(--FB-Spinach);
  border-radius: 50px;
}

.csi_cards .card.image-card{
  border-radius: 50px;
  background: transparent;
}

.csi_cards .card.eggshell-card{
  border-radius: 4px 50px;
}

.csi_cards .card.spinach-card h2, .csi_cards .card.spinach-card p{
  color: var(--FB-Eggshell);
}

.page-template-page-landing .card-section{
  padding: 5rem 0;
}

.page-template-page-landing .card-section .card-background{
  min-height: 290px;
  border-radius: 50px;
}

.page-template-page-landing .faq-section{
  background: var(--FB-Eggshell);
  padding: 5rem 0 8rem;
}

.page-template-page-landing .faq-section h3{
  margin-bottom: 6rem;
    color: var(--FB-Zucchini);
}

.page-template-page-landing .faq-section h6{
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: "trade-gothic-next", sans-serif;
  color: var(--FB-Zucchini);
}

.page-template-page-landing .faq-section p{
  margin-bottom: 0;
}

.page-template-page-landing .faq-section hr{
  margin: 1.5rem 0;
}

.page-template-page-landing .copyright{
  text-align: center;
  padding: 1.5rem 0 ;
}

.page-template-page-landing footer{
  padding-top: 5rem;
}

.page-template-page-landing footer .social-media{
  justify-content: center;
  margin: 5.25rem 0 2.5rem;
}

.page-template-page-landing footer svg{
  margin: 0 auto;
}


.table-accordion-group a[aria-expanded=true] .icon-open-close {
  transform: rotate(0);
}

.table-accordion-group .icon-open-close {
  position: relative;
  right: 20px;
  top: 0px;
  left: 0px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  transform: rotate(45deg);
  transition: all 0.2s ease;
  border-radius: 100%;
}
.table-accordion-group .icon-open-close:before, .table-accordion-group .icon-open-close:after {
  position: absolute;
  left: 12px;
  top: 4px;
  content: " ";
  height: 16px;
  width: 2px;
  background-color: var(--FB-Eggshell);
}
.table-accordion-group .icon-open-close:before {
  transform: rotate(45deg);
}
.table-accordion-group .icon-open-close:after {
  transform: rotate(-45deg);
}

.carousel-slider.image-carousel .testimonial-item:has(.sr-only):before{
  content: none;
}

.carousel-slider.image-carousel .testimonial-item{
  min-height: 450px;
}

.csi-alert{
  position: absolute;
}

.csi-alert .close{
  color: var(--FB-Zucchini)
}

.csi-alert .close:hover, .csi-alert .close:focus{
  color: var(--FB-Zucchini);
  text-decoration: underline;
}