/*
Theme Name: CONNECT BANK Theme
*/

.form-wrap form {
    display: flex;
    flex-wrap: wrap;
}
.form-wrap form p {
    margin: 0;
}

.def-page ,
.py-90{
    padding-top: 50px;
    padding-bottom: 50px;
}
.search-no-results form[role="search"] ,
.error404 form[role="search"] {
	margin-top: 20px;
	display: flex;
	max-width: 500px;
	label {
		width: calc(100% - 110px)
	}
	input[type="search"] {
		width: 100%;height: 46px;
		background: #fff;
		border: 1px solid #000;
		padding: 0 15px; outline: none;
	}
	input[type="submit"] {
		width: 110px; background: #000; border: none; color:#fff
	}
}

.page-template-default .text-center.mobiletextleft{
	text-align: left !important;
}
.page-template-default ol ,.page-template-default ul {
	margin-bottom: 25px;
}
.page-template-default p {
	    overflow: initial;
    clear: both;
}
.alignleft{
	float: left; margin: 0 20px 20px 0;
}
article.status-publish {
	padding: 50px 0;
}

.modal-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.modal-popup.active {
  display: block;
}

.modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.modal-box {
  position: relative;
  max-width: 640px;
  width: 94%;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
  background: #eeeeee;
  border-radius: 6px;
  padding: 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  border: 1px solid #cfcfcf;   /* ✅ outer border */
  overflow: hidden;
}

/* Header bar */
.modal-header h3 {
  font-size: 20px;
  margin: 0;
color: #333;
}
.modal-header{
	position: relative;
	padding: 12px 70px 12px  16px;

  background: #e0e0e0;
  border-bottom: 1px solid #cfcfcf;
}
.modal-text {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  padding: 16px;
  margin: 0;
}

.modal-actions {
  display: flex;
  gap: 14px;
  justify-content: center;  /* ✅ buttons center */
  padding: 16px;
  border-top: 1px solid #cfcfcf; /* ✅ bottom divider */
}

.btn-green {
  background: #16a516;
  color: #fff;
  border: 1px solid #16a516;  /* ✅ button border */
  padding: 8px 20px;
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
}
.btn-green:hover {
	background-color: transparent;
	color:#0f7f0f;
}
.btn-red {
  background: #c62828;
  color: #fff;
  border: 1px solid #c62828;  /* ✅ button border */
  padding: 8px 20px;
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
}
.btn-red:hover {
	background-color: transparent;
	color:#c62828;
}

.modal-close {
  position: absolute;
  right: 10px;
   top: 50%; transform: translateY(-50%);
  background: transparent;
  border: none; /* ✅ close button border */
  border-radius: 50%;
  width: 32px;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #444;
  opacity: 0.5;
}
@media (min-width: 1200px) {
   .sub-menu {
        position: absolute;
        background-color: #fff;
        display: flex !important;
        width: 250px;
        padding: 25px 20px;
        flex-direction: column;
        gap: 20px;
        left: -20px;
        opacity: 0;
        visibility: hidden;
        margin-top: -20px;
        transition: all .5s;
	   box-shadow: 0px 14px 18px -15px rgba(0,0,0,0.63);

        li {
            color: inherit;
            a:hover {
               color: #009645;
            }
            a {
                display: block;
            }
        }
   }
   .menu-wrap #menu-main-menu li:hover {
		.sub-menu {
			opacity: 1;
			visibility: visible;
			margin: 0;
		}
	}
	
}
@media (max-width:  1199px) {
	.header .menu-wrap {
		transition: none; max-height : initial
	}
	.header .menu-wrap,
	.header .menu-wrap .sub-menu{
        display: none;
    }
	.header .menu-wrap .sub-menu {
		padding-left: 20px
	}
	.header .menu-wrap ul li a{
		display: inline-block
	}
	span.dropdown-arrow {
		font-weight: 300;
		width: 30px;
		height: 30px;
		display: inline-flex;
		position: absolute;
		right: 10px;
		top: 7px;
		font-size: 27px;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width:  767px) {
	.btn-red , .btn-green {
		padding: 8px 12px;
	}
	.modal-text {
		font-size: 14px;
	}
}

.smartpay-link a {
	cursor: pointer;
}