/*
Theme Name: 574 - Citizens Bank
Theme URI: http://csibankanytime.com/
Author: CSI (Steve Bargas, Sera Hill)
Description: Design Pro 3 CSI Banking Theme
Version: 2.4.2
Text Domain: design-pro-3
*/
/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
body,
html {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "pt-sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "playfair-display", serif;
  font-weight: 600;
}

h1 {
  font-size: 3.75rem;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.25rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.75rem;
}

h6 {
  font-size: 1.25rem;
}

p,
ul,
dl,
ol {
  color: #362B0C;
}

/* 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: #362B0C;
  text-decoration: underline;
}
a:hover, a:focus {
  color: #343434;
  text-decoration: none;
}

.btn-primary,
.csi-btn,
.search-submit,
.search-btn {
  background: #345C46;
  border: 1px solid #345C46;
  color: #fff;
  padding: 11px 35px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
  margin-top: 8px;
}

.btn-primary:hover,
.btn-primary:focus,
.csi-btn:hover,
.csi-btn:focus,
.search-btn:hover,
.search-btn:focus {
  background: #fff;
  border: 1px solid #345C46;
  color: #345C46;
  text-decoration: underline;
}

.white-btn {
  background: #fff;
  color: #345C46;
}

.white-btn:hover,
.white-btn:focus {
  background: #345C46 !important;
  border: 1px solid #345C46 !important;
  color: #fff;
}

.location-finder #submitButton {
	background: #C9A02B;
	color: #362B0C;
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-container1485 {
  max-width: 1485px;
  margin: 0 auto;
}

.csi-container1586 {
  max-width: 1586px;
  margin: 0 auto;
}

.csi-header {
  position: absolute;
  width: 100%;
}

.search-link {
	text-align: right;
}

.search-link a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

.search-link a:hover,
.search-link a:focus {
	text-decoration: underline;
}

.search-field {
	border: 1px solid #345C46;
	display: block;
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 4px;
}

.search-results .csi-articleContent,
.search-no-results .csi-articleContent {
	padding-bottom: 160px;
}
.search-results .csi-insidepages,
.search-no-results .csi-insidepages {
	padding-bottom: 0;
}

.search-no-results .csi-carousel {
	height: 650px;
	background: #345C46;
}

#csiMenuWrapper .primary-menu a, 
#csiMenuWrapper-secondary .primary-menu a,
#csiMenuWrapper .primary-menu .icon, 
#csiMenuWrapper-secondary .primary-menu .icon {
  color: #fff;
}

#csiMenuWrapper .primary-menu .sub-menu .icon, 
#csiMenuWrapper-secondary .primary-menu .sub-menu .icon {
  color: #343434;
}

.primary-menu li:last-child > ul > li:hover > ul {
	right: calc(100% + 0rem) !important;
}


.carousel-caption {
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  left: 4rem;
  right: 4rem;
  padding: 0;
}

.csi-ib {
  text-align: center;
  position: absolute;
  width: 300px;
  right: 0;
  top: 25%;
  z-index: 9;
  padding: 70px 50px;
  border-left: 1px solid rgba(255, 255, 255, .3);
  background: radial-gradient(100% 45% at 0% 47%, #000000FF 0%, #073AFF00 100%);
}

.csi-ib h5 {
  font-family: 'pt-sans', sans-serif;
  color: #fff;
}

.csi-ib .fa-lock {
  font-size: 1rem;
  margin-right: 15px;
}

.csi-ib .form-control {
  background: transparent;
  border: 1px solid #fff;
  height: 50px;
}

.csi-ib ::placeholder {
  color: #fff;
  text-align: center;
}

.csi-ib button {
  width: 100%;
  margin-top: 15px;
}

.csi-ib .btn-secondary {
  background: transparent;
  border: transparent;
}

.csi-ib .btn-secondary:hover,
.csi-ib .btn-secondary:focus {
	font-weight: 800;
	text-decoration: underline;
}

.social-icons img {
	height: 35px;
	margin: 7px;
}

.social-icons img:hover,
.social-icons img:focus {
	border: 1px solid #fff;
}

.csi-banner-video {
  position: relative;
}

hr {
  border-top: none;
  background: url(images/squiggle.png) center center no-repeat;
  height: 15px;
  width: 100%;
}

.standard-section ul li,
.staggered-section ul li,
.tab-content ul li,
.product ul li {
  list-style: url(images/checkmark.png);
}

.calc-body .nav a{
  background: #F8F5EC;
  border-color: #467157;
  color: #467157;
  font-weight: 700;
}

.accordion ul li {
  list-style: url(images/circle-check.png);
}

.csi-insidepages .csi-articleContent .calc-body ul li{
  list-style: none;
}

/* FRONT PAGE STYLES
-------------------------------------------------------------------------------------- */
.csi-header.sticky-header {
  position: fixed;
  background: #000000bd;
  transition: all 0.5s;
  top: 0;
  padding-bottom: 1rem;
}
.sticky-header .csi-nav {
  display: none;
}
.sticky-header .csi-logo img {
  max-height: 30px;
}
.sticky-header .csi-ib {
  position: relative;
  width: unset;
  padding: 0;
  border-left: none;
  background: none;
}
.sticky-header .csi-ib form {
  display: flex;
  align-items: center;
}
.sticky-header .csi-ib form .form-control {
  display: flex;
  align-items: center;
}
.sticky-header .csi-ib form .form-control, .sticky-header .csi-ib form button {
  width: unset;
  margin-top: 0;
  margin-left: 0.5rem;
}
.sticky-header .social-icons {
  display: none;
}
.sticky-header .csi-ib h5 {
  padding-bottom: 0 !important;
  padding-right: 1rem;
}
.sticky-header .csi-helper-btn {
  background: white;
  color: rgb(69,113,87);
  font-weight: bold;
  padding: 11px 35px;
  margin-bottom: 0 !important;
}
.sticky-header .csi-helper-btn:hover, .sticky-header .csi-helper-btn:focus {
  background: rgb(69,113,87);
  color: white;
}
.sticky-header .search-link {
  max-width: fit-content;
}
.sticky-header .col-md-8.col-6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quick-links-row {
  position: relative;
  top: -6vh;
  z-index: 1;
  background: rgb(69,113,87);
  background: radial-gradient(circle, rgba(69,113,87,1) 0%, rgba(55,92,70,1) 100%);
  border: 3px solid #73A286;
  padding: 30px 40px;
  box-shadow: 0 13px 36px rgba(52, 44, 15, .62);
  margin: 0 50px;
}

.quick-link-div {
  border-left: 2px solid rgba(43, 80, 58, .43);
  border-right: 2px solid rgba(115, 162, 134, .33);
  padding: 0 50px;
}

.quick-link-div:first-child {
	border-left: none;
}

.quick-link-div:last-child {
  border-right: none;
}

a.quick-links-button {
  color: #fff;
  text-shadow: 0 2px 1px #2B4636;
  text-decoration: none;
}

a.quick-links-button:hover,
a.quick-links-button:focus {
	text-decoration: underline;
}

.cta-section {
	margin: 40px 0;
}

.quick-links-icon,
.cta-card img,
.productAccordionImage {
  padding: 20px;
  background: url(images/circle.png) center center no-repeat;
  background-size: cover;
  margin-right: 20px;
  height: 74px;
}

.cta-card {
  position: relative;
}

.cta-card img {
  position: relative;
  z-index: 1;
  left: 5%;
}

.cta-text {
  position: absolute;
  width: 100%;
  height: 25%;
  background: rgba(69, 113, 87, .86);
  bottom: 0;
}

.cta-text a {
  font-style: italic;
  color: #fff;
  text-decoration: none;
}

.cta-text a:hover,
.cta-text a:focus {
  text-decoration: underline;
}

.cta-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
  
.cta-container1  .card1 { grid-area: 1 / 1 / 13 / 7; }
.cta-container1  .card2 { grid-area: 1 / 7 / 7 / 13; }
.cta-container1  .card3 { grid-area: 7 / 7 / 13 / 10; }
.cta-container1  .card4 { grid-area: 7 / 10 / 13 / 13; }

.cta-container1 .card1 .cta-card {
  height: 835px;
}

.cta-container1 .card2 .cta-card {
  height: 463px;
}

.cta-container1 .card3 .cta-card,
.cta-container1 .card4 .cta-card {
  height: 356px;
}

.cta-container1 .card2 img {
  top: 57%;
}

.cta-container1 .card1 h3 {
  font-size: 2.1875rem;
  padding: 75px 58px;
}

.cta-container1 .card2 .cta-text {
  height: 35%;
}

.cta-container2  .card1 { grid-area: 1 / 1 / 7 / 13; }
.cta-container2  .card2 { grid-area: 7 / 1 / 13 / 5; }
.cta-container2  .card3 { grid-area: 7 / 5 / 13 / 9; }
.cta-container2  .card4 { grid-area: 7 / 9 / 13 / 13; }

.cta-container2 .card1 .cta-card {
  height: 637px;
}

.cta-container2 .card2 .cta-card, .cta-container2 .card3 .cta-card, .cta-container2 .card4 .cta-card {
  height: 348px;
}

.cta-container2 .card1 img {
  top: 49%;
}
    
.cta-container3 .card1 { grid-area: 1 / 1 / 13 / 10;}
.cta-container3 .card2 { grid-area: 1 / 10 / 5 / 13; }
.cta-container3 .card3 { grid-area: 5 / 10 / 9 / 13; }
.cta-container3 .card4 { grid-area: 9 / 10 / 13 / 13; }

.cta-container3 .card1 .cta-card {
  height: 1080px;
}

.cta-container2 .card1 .cta-text,
.cta-container3 .card1 .cta-text {
  padding: 60px 75px;
}

.cta-container1 .card1 img,
.cta-container3 .card1 img {
  top: 71%;
}

.cta-container1 img,
.cta-container2 img,
.cta-container3 img {
  top: 44%;
}

.cta-container3 .card2 .cta-card, .cta-container3 .card3 .cta-card, .cta-container3 .card4 .cta-card {
  height: 349px;
}

.cta-container1 .card3 .cta-text, .cta-container1 .card4 .cta-text,
.cta-container2 .card1 .cta-text, .cta-container2 .card2 .cta-text, .cta-container2 .card3 .cta-text, .cta-container2 .card4 .cta-text,
.cta-container3 .card2 .cta-text, .cta-container3 .card3 .cta-text, .cta-container3 .card4 .cta-text {
  height: 45%;
}

.cta-container1 .card2 h3, .cta-container1 .card3 h3, .cta-container1 .card4 h3,
.cta-container2 .card2 h3, .cta-container2 .card3 h3, .cta-container2 .card4 h3,
.cta-container3 .card2 h3, .cta-container3 .card3 h3, .cta-container3 .card4 h3 {
  font-size: 1.25rem;
  padding: 50px 40px;
}

.body2 {
  position: relative;
}

.body2:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 373px;
  left: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  background: linear-gradient(180deg, #FFFFFF, #FFFFFF00);
}

.bg-img {
  height: 1105px;
  position: relative;
  width: 150%;
  left: -25%;
  z-index: -1;
}

.bg-img:before {
  content: '';
  position: absolute;
  width: 530px;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  background: linear-gradient(90deg, #FFFFFF, #FFFFFF00);
}

.bg-img:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 750px;
  left: 0;
  right: 0;
  bottom: 0;
background: #FFFFFF;
background: linear-gradient(0deg, #FFFFFF, #FFFFFF00);
}

.carousel-card {
  border-radius: 6px;
}

.card-slider .card-body {
  box-shadow: 0 31px 46px rgba(2, 33, 52, .35);
  background: #fff;
  padding: 54px 40px;
  border-radius: 0 0 6px 6px;
  height: 440px;
}

.card-slider .carousel-inner {
  display: flex;
  padding-left: 8%;
  padding-bottom: 80px;
  padding-top: 90px;
}

.card-slider {
  position: relative;
}

.card-slider:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 75%;
  background: #345C46;
  left: 0;
  top: 0;
  z-index: -1;
}

.card-slider .col-lg-4 {
  max-width: 462px;
}

.card-slider .card-img {
  height: 291px;
  width: 100%;
  border-radius: 6px 6px 0 0;
}

.card-carousel-buttons  {
  position: relative;
  width: 100%;
  display: flex;
}

.card-carousel-buttons .carousel-control-next,
.card-carousel-buttons .carousel-control-prev {
  position: relative;
  opacity: 1;
  background-color: transparent;
  color: #fff;
  border: none;
  display: inline-block;
  width: 30px;
}

.card-carousel-buttons .carousel-control-next-icon,
.card-carousel-buttons .carousel-control-prev-icon {
  background: none;
}

.card-carousel-buttons h3 {
  display: inline-block;
  margin-left: 45px;
  color: #fff;
}

.body4 {
  text-align: center;
  padding-top: 220px;
  padding-bottom: 250px;
}

.body4 h2 {
  font-style: italic;
}

.body4 p {
  color: #457157;
  font-weight: 700;
  font-size: 1.125rem;
}

/* INTERNAL PAGE STYLES
-------------------------------------------------------------------------------------- */
.csi-insidepages {
  padding: 110px 0;
}

.internal.quick-links-row {
  border: none;
  background: #345C46;
  margin-top: -40px;
}

.internal.quick-links-row:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 28px;
  left: 0;
  right: 0;
  top: -28px;
  z-index: 1;
  background: url(images/green-scallops.png);
}

.internal .quick-link-div {
  border-right: none;
  text-align: center;
  padding: 0 20px;
}

.inside-panel-group {
  margin-bottom: 40px;
}

.inside-panel-group .panel-default > a,
.csi-defaultAccordion .panel-default > a {
  text-decoration: none;
}

.inside-header-content,
.csi-defaultAccordion .panel-heading {
  background: #C9A02B;
  padding: 22px 37px;
  border-radius: 10px;
}

.inside-header-content h5,
.csi-defaultAccordion .panel-heading h5 {
  font-family: "pt-sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0;
  color: #362B0C;
}

.csi-productAccordion {
  border: none;
  background: #F8F5EC;
}

.panel-body {
  background: #F8F5EC;
  border: none;
  border-radius: 0 0 10px 10px;
  padding: 60px 125px;
}

.productAccordionImage {
  padding: 40px;
  height: 128px;
}

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

.nav-link,
.tab-pane {
  background: #F8F5EC;
  border: none;
  margin-left: 10px;
}

.nav-link {
  padding: 10px 40px;
}

.nav-tabs .nav-link.active {
  background: #C9A02B;
  border: none;
  color: #362B0C;
}

.cardSection .csi_cards .card {
  border: none;
  background: #F8F5EC;
  padding: 48px 34px;
  border-radius: 10px;
}

/* People Section */
.person-img {
  height: 500px;
  border-radius: 10px;
}

.ppl-txt {
  background: #345C46;
  border-radius: 10px;
  color: #fff;
  padding: 40px;
  margin: 0 30px 80px;
  position: relative;
  min-height: 345px;
}

.ppl-txt-img.ppl-txt {
	margin: -80px 30px 80px;
}

.ppl-txt h2 {
  font-family: 'pt-sans', sans-serif;
  font-weight: 500;
  font-size: 2.75rem;
}

.ppl-txt p,
.ppl-txt a {
  color: #fff;
}

.ppl-txt hr {
  background: none;
  border-top: 1px solid rgba(255, 255, 255, .4);
  height: auto;
}

.internal.body2 {
  width: 120%;
}

.internal.body2.right-img {
  left: -10%;
}

.internal.body2 .bg-img {
  width: 140%;
}

.internal.body2.right-img:before {
  right: -35%;
  left: unset;
  height: 195px;
}

.internal.body2.right-img .bg-img {
  height: 700px;
  left: unset;
}

.internal.body2.right-img .bg-img:before {
  width: 700px;
}

.internal.body2.right-img .bg-img:after {
  height: 195px;
}

/* opposite */
.internal.body2.left-img {
  left: -17%;
  width: 130%;
}

.internal.body2.left-img:before {
  left: -35%;
  right: unset;
  height: 195px;
}

.internal.body2.left-img .bg-img {
  height: 700px;
  right: unset;
}

.internal.body2.left-img .bg-img:before {
  width: 700px;
  right: 0;
  left: unset;
  background: linear-gradient(-90deg, #FFFFFF, #FFFFFF00)
}

.internal.body2.left-img .bg-img:after {
  height: 195px;
}

.internal.body2.left-img .col-lg-6.order-lg-1 {
	padding: 0 5%;
}

.internal.body2.green * {
	color: #fff;
}

.internal.body2.green .csi-btn {
	color: #fff;
	border: 1px solid #fff;
}

.internal.body2.green .csi-btn:hover,
.internal.body2.green .csi-btn:focus {
	background: #fff;
	color: #0A2918;
}

.internal.body2.left-img.green .bg-img:before {
	background: #345C46;
	background: linear-gradient(-90deg, #345C46, #345C4600);
}

.internal.body2.green:before {
  background: #345C46;
  background: linear-gradient(180deg, #345C46, #345C4600);
}

.internal.body2.green:after {
	content: '';
	position: absolute;
	width: 64%;
	height: 100%;
	right: -20%;
	top: 0;
	background: #345C46;
	z-index: -1;
}

.internal.body2.right-img.green:after {
	width: 72%;
	height: 100%;
	left: -20%;
	top: 0;
	background: #345C46;
	z-index: -1;
}

.internal.body2.green .bg-img:before {
  background: #345C46;
  background: linear-gradient(90deg, #345C46, #345C4600);
}

.internal.body2.green .bg-img:after {
background: #345C46;
background: linear-gradient(0deg, #345C46, #345C4600);
}

.table-responsive {
	box-shadow: 0 16px 40px rgba(6, 24, 64, .2);
}

.table {
	margin-bottom: 0;
}

thead {
	background: #C9A02B;
	border: 1px solid #C9A02B;
}

.table thead th {
	border-bottom: none;
}

.table-striped tbody tr:nth-of-type(odd) {
	background: #F8F5EC;
}

.table td, .table th {
	padding: 30px;
}

.table td {
	/* border-top: 1px solid #98895F; */
  border: 1px solid #98895F;
}

tbody {
	border: 1px solid #98895F;
}

.blog-component {
	position: relative;
}

.blog-component > h2 {
	color: #fff;
	text-align: center;
	font-style: italic;
	font-size: 2.5rem;
}

.blog-component:after {
	content: '';
	position: absolute;
	width: 170vw;
	height: 60%;
	left: -30vw;
	top: 0;
	z-index: -1;
	background: #345C46;
}

.blog-component .csi-btn {
	margin: 70px auto;
}

.post.card {
	border: none;
	box-shadow: 0 31px 46px rgba(2, 33, 52, .35);
}

.post-img {
	height: 290px;
	border-radius: 5px 5px 0 0;
}

.post.card .post-content {
	padding: 55px 40px;
	min-height: 520px;
}

.post .csi-btn {
	margin: 0;
	width: fit-content;
}

.single .csi-carousel,
.category .csi-carousel {
	min-height: 575px;
	height: 85vh;
}

.single .csi-carousel:before,
.category .csi-carousel:before {
	content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    background: rgba(0, 0, 0, 0.6);
}

.single .carousel-caption,
.category .carousel-caption {
	text-align: left;
	top: 40%;
	width: 45vw;
}

.single .carousel-caption .category-name {
	display: none;
}

.category .carousel-caption .post-name {
	display: none;
}

/* product picker */
.content-questions .csi-questionsContainer{
	position: fixed;
	width: auto;
	height: auto;
	bottom: 80px;
	right: 30px;
	z-index: 900;
}
.content-questions .csi-questionsContainer i{
  color: white;
  font-size: 30px;
  position: absolute;
  right: 0;
  background: #C9A02B;
  padding: 12px;
  text-align: center;
  width: 70px;
  height: 57px;
  border-radius: 18px;
  margin-top: 10px;
  text-shadow: 0px 0px 16px #000000D0;
  box-shadow: 0px 10px 26px #00000029;
}
.content-questions .questions-box{
  background: #fff;
  width: 436px;
  height: auto;
  padding-bottom: 10px;
  overflow: hidden;
  border-radius: 20px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  box-shadow: 0px 10px 26px #00000029;
}
.content-questions .questions-box > i{
  background: transparent;
  position: absolute;
  right: -10px;
  top: 10px;
  padding: 0;
  font-size: 5rem;
  color: rgba(255, 255, 255, 0.09);
}
.content-questions .questions-box h4{
  background: #C9A02B;
  color: #423415;
  padding: 1rem 1.4375rem;
  border-radius: 20px 20px 0px 0px;
  margin-bottom: 15px;
/*   font-size: 1.4375rem; */
  font-size: 1.25rem;
  line-height: 2;
}
.content-questions .question-title{
  background: #ECECEC !important;
  padding: 20px 20px;
  margin: 20px 24px;
  position: relative;
}
.content-questions .question-title h3{
/*   font-size: 1rem; */
	font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  color: #080808;
}
.content-questions .question-title:after{
  content: "";
    width: 14px;
    height: 14px;
    border-top: 14px solid #ECECEC;
    border-right: 14px solid transparent;
    position: absolute;
    z-index: 999;
    bottom: -14px;
    left: 0;
}
.content-questions .csi-btn{
  display: block !important;
  color: #fff;
  background: #345C46;
  border: 1px solid #345C46;
  margin: 14px 24px;
  text-transform: none;
/*   font-size: 1rem; */
  font-size: 1.2rem;
  padding: 0.75rem 2rem;
}
.content-questions .csi-btn:hover,
.content-questions .csi-btn:focus {
  background:#C9A02B;
  color:#4B3A19;
  border-color:#C9A02B;
}
.content-questions  .start-over{
  margin: 0 24px;
  font-size: 0.8rem;
}
.content-product-filter .reveal-product {
  background: rgb(76,126,134);
  background: linear-gradient(0deg, rgb(71, 128, 119) 85%, rgba(59,100,106,1) 95%);
  float: right;
  display: block;
  width: 140px;
  border-radius: 0 0 4px 4px;
  padding: 5px 10px;
  text-align: center;
  color: white;
  position: relative;
  font-family: benton-sans, sans-serif;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.09rem;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.content-product-filter .reveal-product:hover{
  background: rgba(181, 97, 12);
  background: linear-gradient(0deg, rgba(181, 97, 12) 85%, rgba(181, 97, 12) 95%);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.content-product-filter .product h3{
  font-family: benton-sans, sans-serif;
  text-transform: uppercase;
  font-weight: 7 00;
  letter-spacing: 0;
  font-size: 1.4rem;
  line-height: 1.2;
}
.content-product-filter .product p,
.content-product-filter .product li{
  line-height: 1.4;
}
.content-product-filter .product p,
.content-product-filter .product li{
  font-size: 0.9rem;
}
.content-product-filter .product li {
  line-height: 1.4 !important;
  margin-bottom: 20px !important;
  margin-left: -14px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.content-questions .question{
  display:none;
}
.content-questions .question.question-1{
  display:block;
}
.content-questions .default, .product-suggestion, .start-over, #answer-trail{
  display:none;
}
.product .panel-headingdetails .heading-content ul li:before {
  color: #699BC7;
}
.product .panel-headingdetails .heading-content ul li:after {
  border-color: #699BC7;
}
.product .panel-headingdetails .heading-links a.panel-openbtn {
  background: #699BC7;
  border-color: #699BC7;
  color: #001527;
}
.product .panel-headingdetails .heading-links a.panel-openbtn:hover,
.product .panel-headingdetails .heading-links a.panel-openbtn:focus {
  background: #001527;
  border-color: #001527;
  color: #699BC7;
}

.product:last-child hr {
	display: none;
}

/* Video Package Styles */
.video.ppl-txt {
	text-align: center;
	min-height: 260px;
}

.content-video {
	text-align: center;
}

.single-videos .csi-carousel {
	height: 55vh;
}

.video.modal-content {
	width: initial;
}

.video .csi-btn.white-btn:hover,
.video .csi-btn.white-btn:focus {
	border: 1px solid #fff !important;
}


/* google maps style inside accordions */
.panel-body .acf-map {
	height: 240px;
}

/* Murphy and Co videos */
#murphy-iframe {
	border: none;
}

.murphy-links .csi-btn {
	background: #315C40;
}

.murphy-links .csi-btn:hover,
.murphy-links .csi-btn:focus {
	background: #fff;
	color: #315C40;
	border: 1px solid #315C40;
}

/* FOOTER STYLES
-------------------------------------------------------------------------------------- */
footer {
  background: radial-gradient(100% 85% at 34% 34%, #416E55 0%, #2A4D3A 99%);
  padding-bottom: 0;
}

footer * {
	color: #fff;
}

footer a:hover,
footer a:focus {
	color: #fff;
}

footer .quick-links-row {
  background: #224130;
  padding-bottom: 0;
  box-shadow: 0 33px 36px rgba(27, 47, 36, 0.4);
}

footer .quick-link-div {
  border-left: none;
  border-right: none;
  margin-bottom: 45px;
  text-align: left;
}

.footer-section {
  padding-bottom: 65px;
}

.footer-section h6 {
  font-family: "pt-sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #F8F5EC;
  margin-bottom: 1rem;
}

.footer-section p,
.footer-section a {
  font-size: 1.125rem;
}

.copyright-fdic {
  padding: 40px 0;
  border-top: 4px solid #73A286;
  background: rgb(34,65,48);
  background: linear-gradient(0deg, rgba(34,65,48,1) 0%, rgba(33,64,47,1) 81%, rgba(23,44,33,1) 100%);
  text-align: left;
}

footer svg {
  max-width: 40px;
  margin: 0;
}

#powered-by-csi {
	background: #224130;
	margin-bottom: 0;
}

/* EVENTS PACKAGE */
.post-search input[type="text"] {
  width: 80%;
  padding: 0.75rem;
  border: 1px solid #80808021;
  border-radius: 4px;
}
.post-search {
  margin-bottom: 2rem;
}
.event-list .post img {
  float: left;
  max-height: 400px;
  margin-right: 3rem;
}
.post.event-list {
  margin-block: 2rem;
}
.event-txt h2 {
  font-family: "playfair-display", serif;
  font-style: italic;
}
.events-breadcrumb {
  font-size: 1.5rem;
  font-family: "playfair-display", serif;
  font-weight: bold;
  text-decoration: none;
}
img.event-img {
  max-width: 100%;
  max-height: 500px;
  margin-block: 2rem;
}

.post .people-button{
  background: white;
  color: #345C46;
  width: 100%;
  border: 1px solid transparent;
  margin-bottom: 5px;
}

.people-button:hover, .people-button:focus{
  background: #345C46;
  color: white;
  border: 1px solid white;
}

.fdic-wrapper .fdic-notice{
	display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: .8rem;
  font-weight: 400;
  color: #fff;
}
.fdic-wrapper .fdic-notice svg{
	min-width: 39px;
  min-height: 15.74px;
	height:15.74px;
  display: block;
	margin-top:2px; 
}

/*---------------------------- Juicer ------------------------------------*/
.juicerWrapper {
  position: absolute;
  top: 230px;     
  left: 3%;      
  bottom: 0;         
  z-index: 3;
  width:20%;
}

.juicerContainer {
  height: 100%;  
}

.juicerContent {
  height: 100%; 
}

.page-template-page-homepage-test .csi-bodyContent, .home .csi-bodyContent{
  position: relative;
}

.page-template-page-homepage-test .next-to-juicer, .home .next-to-juicer{
  margin-left: 23%;
}