@charset "utf-8";
/* CSS Document */
.button.cmp-btn__primary a.cmp-button { color: #fff; background: #00529b !important; border: 2px solid transparent; margin-bottom: 7px; }
.button.cmp-btn__primary a.cmp-button:hover { background: #fff !important; border: 2px solid #00529b !important; color: #00529b !important; }

ol.breadcrumb { margin-left: 14px; }

/*font colors*/
/*blue*/
.blue {color: rgb(0,82,155);}
.green {color: rgb(110,153,51);}
.teal {color: #0096a4;}

.blue-bg {background-color: rgb(0,82,155); color: #ffffff !important; text-align: center;}
.blue-bg.overview-border { color: rgb(0,82,155) !important; }
.green-bg {background-color: rgb(110,153,51); color: #ffffff !important; text-align: center;}
.teal-bg {background-color: #0096a4; color: #ffffff !important; text-align: center;}
.feint-bg { background: #f8f9fa; }

h2 { margin-top: 21px; }
h3#mainheading { margin-bottom: 21px; }
h6 {color: white; }
td h6 {margin-bottom: 0px; }
th, td { padding: 10px; }
td {text-align: center;font-size: 15px !important;border: 1px solid #dee2e6 !important;}
td:first-child { text-align: left; font-size: 100% !important; }
td.fees { background: #2b3a47; color: white; font-weight: 600; letter-spacing: 1px; }
i.fa.fa-check { color: rgb(110,153,51); font-size: 120%; }

tbody { border: 2px solid #2b3a47 !important; }
.card-body {padding: 21px 2px 0 !important;}
.card-body { padding: 21px 0 0; }
tbody tr:nth-child(even) { background: #f5f6f7; }
table {border: 0;border-collapse: collapse;}
table .desktop {display: table;}
table .mobile {display: none;}
table a.btn {padding: 10px 44px;font-size: 18px;}
.table td { width: 25%; }
thead {border-bottom: 1px solid black !important;}
thead tr th {border: 2px solid black !important;width: 25%;vertical-align: top !important;}
th:first-child {border: 0px solid #000000 !important;}
thead h6 { color: white; margin-bottom: 3px; }
th { font-size: 15px; font-weight: 300; line-height: 1.2; }
tr:nth-child(21) td, tr:nth-child(22) td {border-top: 0px solid transparent !important;}
tr:nth-child(21) tr, tr:nth-child(22), tr:nth-child(24), tr:nth-child(26), tr:nth-child(28), tr:nth-child(30) {background: white !important;}
tr:nth-child(23), tr:nth-child(25), tr:nth-child(27), tr:nth-child(29) {background: #f5f6f7 !important;}

.product-section { border-top: 0px solid #dadde0; border-bottom: 0px solid #dadde0; padding-top: 14px; }
.product-section.compare-accounts {border-top: 2px solid #dadde0; margin-bottom: -3rem !important; padding-top: 50px;}

.container-fluid.aem-GridColumn.aem-GridColumn--default--12 .row.feint-bg { margin-bottom: -21px !important; }

.container-fluid.aem-GridColumn.aem-GridColumn--default--12 .row { margin-bottom: 11px; }

a.btn.btn-primary { margin-bottom: 7px; }

.btn-primary {border: 2px solid transparent;}

.btn-primary:hover {background: #fff !important;border: 2px solid rgb(0,82,155);color: rgb(0,82,155) !important;}

.apps a.ext_link { text-decoration: none; }

a.btn.btn-primary.green-bg:hover { border: 2px solid rgb(110,153,51); color: rgb(110,153,51) !important; }
a.btn.btn-primary.teal-bg:hover { border: 2px solid #0096a4; color: #0096a4 !important; }

img.img-fluid.app-pic { margin-right: 21px;}
img.img-fluid.product-image.mobile-phone {margin-bottom: -20px;margin-top: 90px;width: 100%;max-height: 100%;}

#overview .row:nth-child(2) { margin-bottom: 0px; }
section#overview { margin-bottom: 0 !important; }

/*jumbotron adjustments*/
.jumbotron-fluid .col-12.col-md-9:last-child {
    /*padding-bottom: 70px !important;*/
}

.checking-jumbo .col-12.col-md-9:last-child {
    padding-bottom: 45px !important;
}

/*button under jumbotron*/
.other-checking a.btn.btn-primary {margin-top: 7px;}

/*checking subpages*/
.other-checking p {font-size: 16px;margin-left: 20px;margin-top: 10px;}
.dcontainer.other-checking {margin-top: -120px;}

.debit-card h3#mainheading { max-width: 17.99em !important; }

.row.blue-pic-bg { background: url("/content/dam/deltacommunitycreditunionprogram/images/blue-bg-pic.png") no-repeat center bottom; margin-top: -145px; }

.blue-pic-bg .col-12.col-md-7 { display: table; height: 300px; vertical-align: bottom !important; position: relative; }

.blue-pic-bg .col-12.col-md-6 h4.pt-4.pt-md-0 { display: table-cell; height: 300px; vertical-align: bottom; padding-bottom: 40px; color: white; }

img.img-fluid.product-image.wallet-screen { margin-bottom: -31px; margin-top: 35px; }

ol.legaltext, ul.legaltext { margin-left: -26px !important; }
ol.legaltext li, ul.legaltext li { font-size: 88%; margin-left: 0 !important; }


@media (max-width: 767px) {
	table.mobile {display: block;margin: 0 auto;width: 100%;}
	table td.mobile {padding: 5px 5px 5px;text-align: center;}
    img.img-fluid.product-image {float: none;margin: 33px auto 0px !important;display: block;max-height: 100%;width: 100%;}
	img.img-fluid.product-image.wallet-screen {margin-bottom: -32px !important;margin-top: 100px !important;}
	img.img-fluid.app-pic {float: none; margin: 0 7px 0 !important;}
	.apps { width: 305px; margin: 0 auto; }
	th {vertical-align: top !important; }
	table.mobile thead {display: table-header-group;} 
	th:first-child { border: 2px solid #000000 !important; }
	tr:nth-child(odd) td {text-align:left !important;}
	tr:nth-child(even) td {border: 1px solid #dee2e6 !important; width: 33% !important;}
	#overview ul { margin-bottom: 0; }
	.mobile th { padding: 5px 5px 5px; }
	
	/*free checking*/
	.blue-pic-bg .col-12.col-md-6 h4.pt-4.pt-md-0 {display: block;margin: 32px 10px 10px;height: 100px;vertical-align: middle;color: black;}
	.other-checking p, .other-checking a.btn.btn-primary {margin-left: 30px;}
	.other-checking p {font-size: 16px; margin-top: -14px;}
	.other-checking a.btn.btn-primary {margin-top: -24px;}
	.blue-pic-bg .col-12.col-md-6 h4.pt-4.pt-md-0 { height: auto; padding-bottom: 0; margin-bottom: 0 !important; line-height: .9;}
}

@media (min-width: 768px) {
	table.mobile thead {display: none;}
	td.mobile {text-align: center !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.dcontainer.other-checking { margin-top: -83px; }
	.other-checking a.btn.btn-primary {margin-top: -35px;}
	img.img-fluid.product-image.wallet-screen {margin-top: 123px;}	
	.other-checking p { margin-top: -4px; }
}

@media (max-width: 991px) {
	table a.btn { padding: 10px 0px; }
}


@media (min-width: 992px) and (max-width: 1199px) {
	img.img-fluid.product-image.wallet-screen { margin-bottom: -65px; margin-top: 47px; }
	
	table a.btn { padding: 10px 34px; }
}

@media (min-width: 1200px) {
	thead tr th { padding: 7px 32px; }
}