/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

html {scroll-padding-top:200px;scroll-behavior: smooth;}

.content-wrap {padding-bottom:0;}

h1 {
	font-family: Nunito Sans;
font-size: 54px;
font-style: normal;
font-weight: 800;
line-height: 64px; /* 118.519% */
}

h2 {

	font-family: Nunito Sans;
font-size: 36px;
font-style: normal;
font-weight: 800;
line-height: 46px; /* 127.778% */
color: var(--primary);
}
.mam-style-light.cta-section .section {background:#f8f8f8;}
.mam-style-light .section{background-color:#ffffff;}
.mam-style-dark .section{background-color: var(--primary);}

.mam-style-light .two-column-content{background-color:#ffffff;}
.mam-style-dark .two-column-content{background-color: var(--primary);}

#slider, #slider-two {background-color:var(--primary);color:#ffffff;min-height:450px;margin-top:111px;}
#slider h1 {color:#ffffff}
#slider .lead {
	margin-top:24px;
	font-family: 'Nunito Sans';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;

}
#header {position:fixed;background:#ffffff;top:49px!important;}

#slider.light{
background-color:#ffffff;color:#58585A;
}

#slider.light h1 {color:var(--primary);}


.slide-sub-headline {font-family: Nunito Sans;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top:34px;
}

#slider.light .slide-sub-headline {color:var(--primary);}

#top-bar {
	border-bottom: 3px var(--secondary) solid;
	color: var(--primary);
    position:fixed;
    z-index: 10000;
}

#top-bar a {
	font-family: Nunito Sans;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
color:#58585A;
}
#adventure.adventure-mobile {bottom:0;left: 32%;right:20%;top:auto;width: 183px;padding-left: 10px !important;border-radius: 10px 10px 0 0;}
#adventure.adventure-mobile a {width:40px;float:left;}
#adventure a img {width:32px;height:30px;}
#adventure {top:50%;left: 0;
    z-index: 999;
    background: var(--secondary);
    width: 60px;
	text-align:center;
    border-radius: 0px 10px 10px 0px;
border:none;}

	#adventure a {padding: 10px 0 10px 0;display:block;}
	#adventure a:hover {background:var(--secondarylight);}
	#adventure a:first-child:hover {background:var(--secondarylight);border-radius: 0px 10px 0px 0px;}
	#adventure a:last-child:hover {background:var(--secondarylight);border-radius: 0px 0px 10px 0px;}

	.tooltip-inner {background:var(--secondarylight);color:var(--primary);}
	.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
		border-right-color:var(--secondarylight);
		}

	#header	.nav-item a{font-family: Nunito Sans;
			font-size: 18px!important;
			font-style: normal;
			font-weight: 700;
			line-height: normal;}

			.half-fluid .left-half,
			.half-fluid .right-half {
			  left: 50%;
			  margin-left: -50vw;
			  max-width: 100vw;
			  position: relative;
			  right: 50%;
			  width: 100vw;
			  padding: 0px;
			}
			.half-fluid .image {
			  background-size: cover;
			  background-position: center;
			  min-height: 400px;
			  height: 100%;
			  mask: url(../images/maskupdate.svg);
              mask-image: url(../images/maskupdate.svg);
              -webkit-mask-image: url(../images/maskupdate.svg);
			mask-size: 100%;
            mask-repeat: no-repeat;
			}
			
			@media (min-width: 992px) {
			  .half-fluid .left-half {
				padding-left: 0 !important;
				position: absolute;
				left: 0;
				right: 50%;
				margin-left: auto;
				width: auto;
			  }
			  .half-fluid .right-half {
				padding-right: 0 !important;
				position: absolute;
				right: 0;
				left: 50%;
				margin-left: auto;
				width: auto;
			  }

			}

.learn-more {background-color:var(--primarylight);}
.learn-more .card {border:0;background:none;}
.learn-more .feature-box {border-radius: 10px;
	border: 1px solid var(--primary);margin-bottom:10px;padding:20px 0px;margin-right:10px;}
.content-wrap {padding-top:0;}

.section.full-cta-dark, .section.full-cta-light {margin:0;padding: 10px 0;}

.full-cta-dark {background:var(--primary);}
.full-cta-dark h2.cta-headline {color:#ffffff;}
.full-cta-dark a.button {background-color:#ffffff;color:var(--primary);}
.full-cta-dark a.button:hover {background-color:var(--primary);color: #ffffff;border: 1px #ffffff solid;}

.half-fluid.dark a.button {background-color:#ffffff;color:var(--primary);}
.half-fluid.dark a.button:hover {background-color:var(--primary);color: #ffffff;border: 1px #ffffff solid;}


.mam-style-light .full-cta-dark h2.cta-headline{color:var(--primary);}
.mam-style-light .full-cta-dark a.button {color:#ffffff;background-color:var(--primary);}
.mam-style-light .full-cta-dark a.button:hover {background-color:transparent;color:var(--primary);border:1px var(--primary) solid;}
.mam-style-light .full-cta-dark p {color:#58585A;}
.mam-style-light .full-cta-dark .feature-box {border:2px var(--primary) solid;}

.full-cta-light {background:#F8F8F8;}
.full-cta-light h2 {color:var(--primary);}
.full-cta-light a.button {background-color:var(--primary);color:#ffffff;}

.full-cta-dark p {
	text-align: center;
	color:#ffffff;
	align-items: center;
	font-family: Nunito Sans;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	max-width:750px;
}

.full-cta-dark .feature-box {background-color:#ffffff;border-radius: 10px;margin:50px 6px 40px 6px;padding:10px 25px 10px 25px;border: 2px #ffffff solid;}
.full-cta-dark .feature-box h3 {font-family: Nunito Sans;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.18px;
	text-align:left;
	color:var(--primary);}
.full-cta-dark .fbox-icon img {background:#ffffff;border-radius:0;width:40px;}
.full-cta-dark .fbox-icon {padding:0;width:60px;}
.full-cta-dark .fbox-content {padding:0;}
.two-column-content {padding:70px 0;}
.two-column-content a.button {background-color:var(--primary);color:#ffffff;border-color:var(--primary);}
.two-column-content a.button:hover {color:var(--primary);background-color:#ffffff;border:1px var(--primary) solid;}

.two-column-content .card-body{background:#ffffff;}

.mam-style-dark .two-column-content a.button {color:var(--primary);background-color:#ffffff;}
.mam-style-dark .two-column-content .card-body{background:var(--primary);color:#ffffff;}
.mam-style-dark .two-column-content .card-body h2{color:#ffffff;}


#copyrights {background-color:#ffffff;color:#58585A;}
#footer {font-family: 'Nunito Sans';
	font-size: 18px;
	font-style: normal;border-top:0;margin:0;margin-top:40px;background-color:#ffffff;}
#footer .fbox-content {margin:0;padding:0;
	font-family: 'Nunito Sans';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;}
#footer .fbox-icon {padding-right:0;}
#footer .fbox-content p {margin-top:-7px;line-height:25px;}
#footer .copyright-text p{font-family: 'Nunito Sans';
	font-size: 18px;
	font-style: normal;
line-height:26px;}

#footer .copyright-text {margin-top:24px;}
#footer .copyrights-menu li a{color:#58585A;font-size: 18px;}
#footer .copyrights-menu ul {list-style-type: none;}

#cookieNotice {background-color:var(--primary);top:49px;}
#cookieNotice .load-buttons {background-color:var(--primarylight);border-radius: 50px 0px 0px 50px;
}

#cookieNotice .load-content .h1{display:block;font-size:54px;line-height:64px;color:#ffffff;font-weight:800;margin:24px 0;}
#cookieNotice .load-content {padding:100px;}
#cookieNotice .load-content img {width:500px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(158%) contrast(208%);}
#cookieNotice .load-content p {font-family: 'Nunito Sans';
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 142.857% */}

#cookieNotice .load-buttons {padding: 50px 70px 50px 70px;}
#cookieNotice .load-buttons .button-heading {font-family: Nunito Sans;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;text-align:center;
	display:block;color:var(--primary);}
#cookieNotice .load-buttons .button-content {font-family: Nunito Sans;
	font-size: 18px;
	font-style: normal;
	display:block;
	font-weight: 400;
	line-height: normal;padding:17px 0 34px 0;color:#58585A;}

#cookieNotice .load-buttons .feature-box {
	border-radius: 10px;
border: 1px solid var(--primary);
margin-bottom:10px;
color:var(--primary);
padding:24px 0;
}

#cookieNotice .load-buttons .feature-box-content svg {background:none;border-radius:0;width:40px;margin-right:10px;}
#cookieNotice .equity-link-p a {font-size:18px;margin-top:66px;display:block;color:#ffffff;}
#cookieNotice .equity-link-p img {width:20px;}
#cookieNotice .equity-link-p a:hover {color:var(--secondary);text-decoration:underline!important;}
#cookieNotice .equity-link-p a:hover svg path{stroke:var(--secondary)!important;}  

#cookieNotice .load-buttons .feature-box:hover {background:var(--primary);color:#ffffff;}
#cookieNotice .load-buttons .feature-box:hover .feature-box-content svg path{stroke:#ffffff!important;}

.news-section {padding:75px 0;background:#F8F8F8;}
.news-section h2{margin-bottom:44px;}
.news-section h3 a {color: var(--primary);
	font-family: 'Nunito Sans';
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;}
.news-section .entry-meta li {color: #58585A;
	font-family: 'Nunito Sans';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;margin-bottom:20px;}
.news-section p {color: #58585A;

	/* P2 - Desktop */
	font-family: 'Nunito Sans';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;}

.news-section .button {margin-top:46px;align-items: center;background:var(--primary);color:#ffffff;}
.news-section .button:hover {color:var(--primary);background-color:#ffffff;border:1px var(--primary) solid;}

.calculator-tabs {
color:#ffffff;
padding:66px 0;
	background:var(--primary);
}

.calculator-tabs .mortgage-tab-header {
	font-family: 'Nunito Sans';display:block;margin-bottom:12px;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: 46px; /* 127.778% */}

.calculator-tabs p {

	/* P2 - Desktop */
	font-family: 'Nunito Sans';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;}
	.calculator-tabs p a{color:#ffffff;text-decoration:underline!important;}
	.nav-tabsnav-fill {padding:0;justify-content: space-evenly;margin-bottom: -4px;z-index: 1;/* border-bottom: 4px solid var(--secondary); */}
	.calculator-tabs .nav-link {
							   background: #ffffff;
							   margin-bottom:0!important;
							   border-radius: 10px 10px 0px 0px;
							   font-size:18px;
							   font-weight:600;
							   color:var(--primary);
							   width:255px;
							   text-align:left;
							   justify-content: center;
							   padding: 20px;
							   /* border-bottom: 4px solid var(--primary); */
							   display: flex;
							   align-items: center;
							   }
	
	.calculator-tabs .nav-link svg {width: 60px;margin-right:12px;float:left;fill: var(--primary);}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {width:255px;}
	.calculator-tabs .nav-link.active {border-bottom: 4px solid #ffffff;}

	.calculator-tabs .tab-content {background:#ffffff;color:var(--primary);padding:44px 80px;margin-top:0;border-top:4px var(--secondary) solid;}


.mlo-section {padding:66px 0;}
.mam-style-dark .video-embed {background:var(--primary);color:#ffffff;}
.mam-style-dark .video-embed p {color:#ffffff;}
.mam-style-dark .vid-header {color:#ffffff;}
.video-embed {background:#F8F8F8;padding:75px 0 80px 0;}
.video-embed p {color:#58585A;

	/* P2 - Desktop */
	font-family: 'Nunito Sans';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;margin-top:24px;display:block;}
.vid-header {color: var(--primary);
	font-family: Nunito Sans;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: 46px; /* 127.778% */
display:block;}

.mlo-content {margin-top:44px;}
.mlo-column {padding-right:60px;}
.mlo-column img {border-radius:10px;}
.mlo-title {color: #58585A);display:block;margin:24px 0 17px 0;font-family: Nunito Sans;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration-line: underline;}
.mlo-column p {color:#58585A);
font-family: Nunito Sans;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.button.dark {background:var(--primary);color:#ffffff;border-color: var(--primary);}
.button.dark:hover {background:#ffffff;color:var(--primary);}

.topic-section .topic-meta {border-bottom:1px var(--primary) solid;}
.topic-section .featured-topic-title {font-size:24px;line-height:30px;color:var(--primary);display:block;}
.topic-section p {font-size:14px;line-height: 21px;}
.topic-section .topic-small-section {font-size:16px;font-weight:600;line-height:24px;}
.topic-section .topic-meta h2{margin-bottom:12px!important;}
.topic-section .topic-meta {margin-bottom:48px;}

.topic-section .topic-content .featured-topic-title {display:block;margin-top:24px;margin-bottom:12px;}
.topic-section .topic-content p {color:#000;}

.topic-content .topic-small-section{padding-bottom:24px;}
.topic-section {margin-bottom:40px;}

.topic-nav-col {padding-left:50px;margin-bottom:50px;}

.topic-navigation .topic-cats {list-style:none;margin-left:8px;}
.topic-navigation .topic-cats li {border-bottom:1px #f2f2f2 solid;}
.topic-navigation .topic-cats li a {padding:15px 0;display:block;}
.search-button {border:none!important;border-right:none;height:20px;}
#example-search-input {border-right:1px grey solid;}

#common-loan-types .toggle-title {color:var(--primary);font-weight:800;}
#common-loan-types .toggle-icon {color:var(--primary);font-weight:800;}
#common-loan-types {/* max-width:1200px; */}
#common-loan-types .loan-row {margin-bottom:80px;}
#common-loan-types .toggle-content ul {margin-left:35px!important;}

.mpe-loan-content-left {padding-right:60px;}
.mpe-loan-content-right {padding-left:40px;}


/* Start custom CSS for eael-gravity-form, class: .elementor-element-5de17de */
/**********mortgage product education**********/
/*container for number circles*/
.gform_wrapper .gf_page_steps {
    display: flex;
    justify-content: center;
}

/*individual containers for each number circle*/
#gf_step_2_1, #gf_step_2_2, #gf_step_2_3, #gf_step_2_4, #gf_step_2_5, #gf_step_2_6, #gf_step_2_7 {
    margin-right: 25px;
    margin-left: 25px;
}

/*label for each number circle*/
.gform_wrapper .gf_step_label {
    padding-left: 0;
}

/*number circles themselves*/
.gform_wrapper .gf_step_number {
    background-color: #c0a0c4;
    color: white;
    border: none;
}

/*active state for number circles themselves*/
.gform_wrapper .gf_step_active .gf_step_number {
    background-color: var(--primary);
    color: white;
}

/*given above code, just minor changes to the gray checkmark circle that appears once question has been answered*/
.gform_wrapper .gf_step_completed .gf_step_number:before {
    background: #607382;
    border: 2px solid #607382;
    border-radius: 50%;
    content: "";
    display: table-cell;
    height: 40px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 40px;
}

#mpe-quiz-form .gform_page {
    padding-top: 20px;
}

#mpe-quiz-form legend {
    font-size: 36px!important;
    color: var(--primary);
    font-weight: bold!important;
    text-align: center;
    max-width: 600px;
    line-height: 40px!important;
    display: flex;
    flex-direction: row;
    float: none;
}

#mpe-quiz-form .gfield_radio {
    margin: 0px 0 !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

#mpe-quiz-form input[type=radio] {
    display: none!important;
}

/* Form */
#mpe-quiz-form .gfield_radio label {
    text-align: center!important;
    text-shadow: none!important;
    min-height: 73px!important;
    display: flex!important;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--primary)!important;
    border-radius: 50px!important;
    width: 250px;
    color: var(--primary);
    max-width: 250px;
    padding: 0 30px 0 30px;
    cursor: pointer;
}

/*second button*/
#mpe-quiz-form .gfield_radio .gchoice:nth-child(2) label {
    margin-right: 15px;
    margin-left: 15px;
}

#mpe-quiz-form input:checked + label {
    background-color: var(--primary);
    color: #fff !important;
    box-shadow: none;
}

#mpe-quiz-form input:hover + label {
    background-color: var(--primary);
    color: #fff !important;
    box-shadow: none;
}

#input_2_8:before {
    margin: 20px 0 40px 0;
    display: flex!important;
    content: '';
    height: 320px!important;
    background-image: url('https://umassfive.memberadvantagemortgage.com/wp-content/uploads/sites/14/2023/08/UM5-Loans-Illustrations-144px_Q1.png');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    flex: 1 0 100%;
}

#input_2_10:before {
    margin: 20px 0 40px 0;
    display: flex!important;
    content: '';
    height: 320px!important;
    background-image: url('https://umassfive.memberadvantagemortgage.com/wp-content/uploads/sites/14/2023/08/UM5-Loans-Illustrations-144px_Q3.png');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    flex: 1 0 100%;
}

#input_2_6:before {
    margin: 20px 0 40px 0;
    display: flex!important;
    content: '';
    height: 320px!important;
    background-image: url('https://umassfive.memberadvantagemortgage.com/wp-content/uploads/sites/14/2023/08/UM5-Loans-Illustrations-144px_Q2.png');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    flex: 1 0 100%;
}

#input_2_14:before {
    margin: 20px 0 40px 0;
    display: flex!important;
    content: '';
    height: 320px!important;
    background-image: url('https://umassfive.memberadvantagemortgage.com/wp-content/uploads/sites/14/2023/08/UM5-Loans-Illustrations-144px_Q5.png');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    flex: 1 0 100%;
}

#input_2_12:before {
    margin: 20px 0 40px 0;
    display: flex!important;
    content: '';
    height: 320px!important;
    background-image: url('https://umassfive.memberadvantagemortgage.com/wp-content/uploads/sites/14/2023/08/UM5-Loans-Illustrations-144px_Q4.png');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    flex: 1 0 100%;
}

#input_2_16:before {
    margin: 20px 0 40px 0;
    display: flex!important;
    content: '';
    height: 320px!important;
    background-image: url('https://umassfive.memberadvantagemortgage.com/wp-content/uploads/sites/14/2023/08/UM5-Loans-Illustrations-144px_Q6.png');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    flex: 1 0 100%;
}

#mpe-quiz-form .gform_page_footer {
    text-align: center;
    justify-content: center;
}

/*Next btn*/
#gform_next_button_2_7, #gform_next_button_2_9, #gform_next_button_2_11, #gform_next_button_2_13, #gform_next_button_2_15, #gform_next_button_2_20 {
    background: #ffffff;
    color: #58585A;
    border-radius: 35px;
    padding: 6px 0;
    border: 1px solid #ffffff !important;
    font-size: 15px;
    letter-spacing: 0.18px;
    width: 165px;
    height: 42px;
    /*text-align: left;*/
    /*padding-left: 51px;*/
}

/*Next btn hover and active*/
#gform_next_button_2_7:hover, #gform_next_button_2_9:hover, #gform_next_button_2_11:hover, #gform_next_button_2_13:hover, #gform_next_button_2_15:hover, #gform_next_button_2_20:hover, #gform_next_button_2_7:active, #gform_next_button_2_9:active, #gform_next_button_2_11:active, #gform_next_button_2_13:active, #gform_next_button_2_15:active, #gform_next_button_2_20:active, #gform_next_button_2_7:focus, #gform_next_button_2_9:focus, #gform_next_button_2_11:focus, #gform_next_button_2_13:focus, #gform_next_button_2_15:focus, #gform_next_button_2_20:focus {
    border: 1px #D9D9D9 solid !important;
    background: #ffffff !important;
    box-shadow: 0px 3px 3px rgba(88, 88, 90, .4);
}

/*Previous btn*/
#gform_previous_button_2_9, #gform_previous_button_2_11, #gform_previous_button_2_13, #gform_previous_button_2_15, #gform_previous_button_2_20, #gform_previous_button_2 {
    background: #ffffff;
    color: #58585A;
    border-radius: 35px;
    padding: 6px 0;
    border: 1px solid #ffffff !important;
    font-size: 15px;
    letter-spacing: 0.18px;
    width: 165px;
    height: 42px;
    /*text-align: left;*/
    /*padding-left: 51px;*/
}

/*Previous btn hover and active*/
#gform_previous_button_2_9:hover, #gform_previous_button_2_11:hover, #gform_previous_button_2_13:hover, #gform_previous_button_2_15:hover, #gform_previous_button_2_20:hover, #gform_previous_button_2:hover, #gform_previous_button_2_9:active, #gform_previous_button_2_11:active, #gform_previous_button_2_13:active, #gform_previous_button_2_15:active, #gform_previous_button_2_20:active, #gform_previous_button_2:active, #gform_previous_button_2_9:focus, #gform_previous_button_2_11:focus, #gform_previous_button_2_13:focus, #gform_previous_button_2_15:focus, #gform_previous_button_2_20:focus, #gform_previous_button_2:focus {
    border: 1px #D9D9D9 solid !important;
    background: #ffffff !important;
    box-shadow: 0px 3px 3px rgba(88, 88, 90, .4);
}

/*Submit btn*/
#gform_submit_button_2 {
    background: #ffffff;
    color: #58585A;
    border-radius: 35px;
    padding: 6px 0;
    border: 1px solid #ffffff !important;
    font-size: 15px;
    letter-spacing: 0.18px;
    width: 165px;
    height: 42px;
}

/*Submit btn hover and active*/
#gform_submit_button_2:hover, #gform_submit_button_2:active, #gform_submit_button_2:focus {
    border: 1px #D9D9D9 solid !important;
    background: #ffffff !important;
    box-shadow: 0px 3px 3px rgba(88, 88, 90, .4);
}

@media screen and (max-width: 768px) {
    /*individual containers for each number circle*/ #gf_step_5_1, #gf_step_5_2, #gf_step_5_3, #gf_step_5_4, #gf_step_5_5, #gf_step_5_6, #gf_step_5_7 {
        margin-right: 13px;
        margin-left: 13px;
    }

    .gform_wrapper.gravity-theme .gf_step_number {
        height: 29px;
        width: 29px;
        font-size: 12px;
    }

    /*given above code, just minor changes to the gray checkmark circle that appears once question has been answered*/
    .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
        height: 29px;
        width: 29px;
    }

    /*third button*/
    #gform_wrapper_5 .gfield_radio .gchoice:nth-child(3) label {
        margin-top: 15px;
    }
}

@media screen and (max-width: 540px) {
    /*second button*/ #gform_wrapper_5 .gfield_radio .gchoice:nth-child(2) label {
        margin-top: 15px;
    }

    /*individual containers for each number circle*/
    #gf_step_5_1, #gf_step_5_2, #gf_step_5_3, #gf_step_5_4, #gf_step_5_5, #gf_step_5_6, #gf_step_5_7 {
        margin-right: 9px;
        margin-left: 9px;
    }
}

@media screen and (max-width: 300px) {
    /*individual containers for each number circle*/ #gf_step_5_1, #gf_step_5_2, #gf_step_5_3, #gf_step_5_4, #gf_step_5_5, #gf_step_5_6, #gf_step_5_7 {
        margin-right: 5px;
        margin-left: 5px;
    }
}

/* Just to get rid of the asterisk that appeared when "required" was set in Gravity Forms for the questions */
#mpe-quiz-form .gfield_required {
    display: none;
}

/* End custom CSS */

#mpe-result-cards .fbox-icon a i{background:var(--primary);}
#mpe-result-cards .fbox-icon {background:none;}
#mpe-result-cards .fbox-icon svg{margin-top:-12px;}
#mpe-result-cards .feature-box {background-color:#f2f2f2;border-radius:15px;margin:30px;}
#mpe-result-cards .fbox-content ul {text-align:left;margin-top:20px;align-self:center;margin-left:20px;}
.mpe-thin-header {background:var(--primary);text-align:center;padding:20px 0;margin-bottom:40px;}
.mpe-thin-header a {color:#ffffff;}
.mpe-thin-header svg {margin-top:-6px;margin-right:8px;}
.single-post .content-wrap {margin-top:100px;padding: 0 40px;}
.single-page .content-wrap .content-editor{padding:30px 0 50px 0;}

 /* hide close when burger shown */
 .navbar-toggler.collapsed .close-icon {
    display: none;
 }

 .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    display: inline;
 }

 .mam-style-light.cta-section {background-color:#F8F8F8;}
#slider.light a.button {background-color:var(--primary);color:#ffffff;}
#slider.light a.button:hover {color:var(--primary);background-color:#ffffff;border:1px var(--primary) solid;}

.mlo-testimonial.container-fluid {background:#f8f8f8f8;padding:80px 0}

.mlo-testimonial.container-fluid .fas { font-size:48px;color:var(--primary);}
.mlo-testimonial.container-fluid .card-body {padding:20px 40px 40px;font-size:18px;}
.mlo-test-name {font-weight:800;color:var(--primary);}

.cta-section .feature-box:hover {background-color:var(--primary);color:#ffffff;border:2px #ffffff solid;}
.cta-section .feature-box:hover h3 {color:#ffffff;}
.cta-section .feature-box:hover .fbox-content p{color:#ffffff;}
.cta-section .feature-box:hover .fbox-icon i{background:#ffffff}
.cta-section .feature-box:hover .fbox-icon img {filter: invert(1) grayscale(100);}
.full-cta-dark .fbox-icon img {background:none;}
.mobile-logo {background:#ffffff;top:60px;padding-left:2.5%!important;padding-right:2.5%!important;}
.two-column-content {padding:80px 0;}

/** Mobile CSS Small to Large Devices 991px and Lower **/

@media (max-width: 991.98px) {

    .mobile-logo {top:0px;}
	.load-content img {display:none;}
    #header .container {padding-right:0;padding-left:0;max-width:100%!important;width:100%!important;}
    .navbar-mobile {background:var(--secondary);justify-content:right;z-index:10000;}
	.navbar-mobile:has([aria-expanded='true']) {background:#ffffff!important;border-top: 6px solid var(--secondary);z-index: 10000!important;}
    .navbar-toggler {border:0;}
	.top-links-container {column-count:2;display:block;margin-bottom: 12px;}
    #navbarNav {background:#ffffff;padding: 0 18px 18px;border-bottom:12px var(--secondary) solid;}
	.navbar #logo {margin:0 auto;padding: 55px 0 15px 0;}
    #header {position:relative!important;background:#ffffff;top:0!important;}

	#navbarNav .navbar-nav li a{text-align:center;border:1px #c2c2c2 solid;margin-bottom:12px;}
	
				.mpe-loan-content-right {padding-left:15px;}
	.half-fluid .image {mask: url(../images/mobilemask.png);mask-repeat:no-repeat;mask-size:100%;mask-position:center bottom;}
    h1 {font-size: 33px;
        font-style: normal;
        font-weight: 800;
        line-height: 42px;}
    h2 {font-family: Nunito Sans;
        font-size: 29px;
        font-style: normal;
        font-weight: 800;
        line-height: 37px; /* 127.586% */}
   
    .card-body.p-5 {padding:50px 0!important;}
	   .two-cards-content h2 {text-align:left;}
    .feature-box {margin-left:0;text-align:center;align-items:center!important;}
	.feature-box .col-md-12 {margin:0 auto;}   
    .button-wrapper-center {width:100%;text-align:center;}
	.cta-section .full-cta-dark .feature-box {margin-bottom:0!important;}
	.cta-section .full-cta-dark .feature-box:nth-of-type(1) {margin-top:20px!important;}
	.cta-section p {margin-bottom:20px!important;}
	.calculator-tabs .nav-link .calc-button-text{display:none;}
	.calculator-tabs .nav-link {width: 80px!important;}
	.calculator-tabs .nav-link img {/* margin-left:20%; */}
	.mpe-loan-content-left img {margin:40px auto 0;}
.mpe-loan-content-left.d-lg-none {padding:0;}
.mpe-loan-content-right img {margin:40px auto 0;}
.mpe-loan-content-right.d-lg-none {padding:0;}
#cookieNotice .load-content {padding:40px 30px;}
#cookieNotice .load-buttons {border-radius: 50px 50px 0px 0;padding:50px 40px; margin-bottom:150px; }
#cookieNotice {top: 140px;z-index: 1;}
}
/** End Lg Mobile **/


/** Mobile CSS Small and Lower Devices 768px and Lower **/

@media (max-width: 768px) {

	.copyrights-menu {width:100%;text-align:center;}
	#copyrights .feature-box {margin:0;}
	#copyrights .fbox-icon {display:block;width:100%!important;border:1px white solid;}
	#copyrights .fbox-content {text-align:center;display:block;width:100%!important;border:1px white solid;line-height:30px;}
	#copyrights .copyright-text {text-align:center;}
	.tabs {flex-direction:row;border-bottom:3px var(--secondary) solid;}
	.tabs .nav-link.active {border-bottom: 4px #fff solid!important;margin-bottom:-14px!important;}
	.learn-more h2 {text-align:center;margin-top: 40px;}
	.learn-more .fbox-content h3 {margin-top:12px;}
	.two-column-content-text-right img{margin-bottom: 40px;}
	.calculator-tabs .tab-content {padding:20px;}
	mam-payment-calculator .mam-workspace {min-width:100%!important;}
	
}
/** End small to lower devices /**

/** Large and lower devices **/

@media (max-width: 1198.98px) {

	.calculator-tabs .nav-link {width:225px;padding: 10px 0 10px 5px;}
	.calculator-tabs .nav-link img {height:34px;}

}

/** End Mobile **/
	#header .container {max-width: 95%;}
.gform_body input {border:1px #c2c2c2 solid;border-radius:5px;}
.form-container {max-width:1060px;padding:60px 30px;}
.single-loan-officer {padding:80px 0;}
.single-loan-officer h1 {color:var(--primary);font-size:40px;margin-bottom:8px;}

.single-loan-officer .contact-icons a {background-color:var(--primary);border-radius:50%;padding:3px 5px 5px 5px;height:30px!important;width:30px!important;display:inline-block;text-align:center;margin-left:4px;}
.single-loan-officer .contact-icons i {height:1em;height:1em;color:#ffffff;}
.single-loan-officer .contact-icons {margin-bottom:20px;}
.single-loan-officer .mlo-testimonial {font-size:18px;color:#58585a;line-height:28px;}
.single-loan-officer .button {margin-top:40px!important;}
.two-cards-content {background:#ffffff;}
.two-cards-content .feature-box:hover {background:#f8f8f8 !important;}
.two-cards-content .feature-box:hover .fbox-icon{filter:none;}
.two-cards-content .feature-box:hover .fbox-content p{color:#000!important;}

.two-cards-content h2 {font-size:24px;margin-bottom:2px;}
.two-cards-content p {color:#333;font-size:18px;text-align:left;}
.two-cards-content .button.dark {background:var(--primary);color:#ffffff;margin-top:24px;border-color: var(--primary);}
.two-cards-content .button.dark:hover {color:var(--primary);background-color:#ffffff;border:1px var(--primary) solid;}

.two-cards-content .fbox-content {padding-left:30px;}
.two-cards-content .feature-box {background:#f8f8f8;padding:40px 20px;}
.full-cta-dark .cta-headline {color:#ffffff;}

.fbox-icon img {width:40px;height:50px;border-radius:0;background:none;margin:0 auto;padding-top:10px;}
.fbox-content h3 {color:var(--primary);}
.menu-item:not(:first-child) {border:none;}
.top-links-item:hover {background:transparent;text-decoration:underline;color:var(--primary);}
.top-links-item:hover a{color:var(--primary)!important;}

#header .nav-item {border-bottom:2px transparent solid;}
#header .nav-item:hover {border-bottom: 2px var(--primary) solid;color:var(--primary);}
#header .nav-item:hover a{color:var(--primary);}
#header .nav-item.current-menu-item {border-bottom: 2px var(--primary) solid;color:var(--primary);}
#header .nav-item.current-menu-item a{color:var(--primary);}

.navbar-mobile .nav-item:hover {border-bottom:none!important;color:none;}
.navbar-mobile .nav-item {border-bottom:none!important;}
.navbar-mobile .nav-item a {padding:20px 0;border-radius:10px;}

.mobile-display-only #cookieNotice .load-content {padding:40px 30px;}
.mobile-display-only #cookieNotice .load-buttons {border-radius: 50px 50px 0px 0;padding:50px 40px;  }

#top-bar .container {max-width: 94%;}
.single-loan-officer img {height:350px;margin-bottom:24px;}
.mlo-column .button {margin-top:14px;}


.gform_button {color:#ffffff;background-color:var(--primary);border-radius:25px;padding:10px 40px}
.gform_button:hover {background-color:transparent;color:var(--primary);border:1px var(--primary) solid;}
.archive #slider .col-lg-12 {margin-top:0!important;margin-bottom:0px!important;padding-top:60px!important;padding-bottom:60px!important;}
.archive #slider {min-height:auto;}
.archive #slider h1 {margin-bottom:0;}
.single .content-editor {padding-left:5%;padding-right:5%;}

#no-suggested-loans .fbox-light .fbox-icon i, #no-suggested-loans .fbox-light .fbox-icon img {color:#ffffff;}

#no-suggested-loans .fbox-content a {margin-top:24px!important;}
.two-cards-content svg path{fill:var(--primary);}
#slider.light {box-shadow: inset 0px 7px 14px -3px rgba(50, 50, 50, 0.25);}
#slider.light .right-half .image {	box-shadow: inset 0px 7px 14px -3px rgba(50, 50, 50, 0.25);}
.navbar-expand-lg .navbar-nav .nav-link {padding-left:14px;}

.fluid-width-video-wrapper {
    overflow: hidden;
        position: relative;
        z-index: 10;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    
    }
    .gform_wrapper.gravity-theme .gfield_label {font-size: 18px;font-family: 'Nunito Sans';}

.calculator-tabs .nav-item:hover .calc-button-text{font-weight:800;}
.calculator-tabs .nav-item .active .calc-button-text{font-weight:800;}
.news-section .entry:hover .entry-title h3{text-decoration:underline;}

.learn-more a:hover .feature-box{background:var(--primary);color:#ffffff;}
.learn-more a:hover .fbox-content h3{color:#ffffff;}
.learn-more a:hover .fbox-content p{color:#ffffff;}
.learn-more a:hover .fbox-content p{color:#ffffff;}
.learn-more a:hover .fbox-icon i{background:#ffffff;}
.learn-more a:hover .fbox-icon img{filter: invert(59%) sepia(11%) saturate(680%) hue-rotate(257deg) brightness(94%) contrast(100%);}
.category-featured .archive-headlines {display:none;}
.archive.category .featured-articles-headline {display:none;}
.single-post .slide-sub-headline{font-size:16px;font-weight:400;}
#slider a:nth-of-type(2) {margin-left:10px!important;}
.close-icon i {font-size:24px;}
.navbar-toggler:focus {box-shadow:none;}
.gform_wrapper.gravity-theme .gf_page_steps {border-bottom:none;}
.mpe-loan-content-left > .button{width:48%;margin-left:1%!important;margin-top:15px!important;display:inline-block;}
.mpe-loan-content-right > .button{width:48%;margin-left:1%!important;margin-top:15px!important;display:inline-block;}
.mpe-loan-content-left h2 {font-size:38px;font-weight:600;}
.mpe-loan-content-right h2 {font-size:38px;font-weight:600;}
.page-id-6651 .form-container {padding-bottom:0;}
.loan-row {margin-top:80px;}
.page-id-6651 #slider {text-align:center;}
.archive.category-featured .featured-articles-headline {display:block;}

.single-post .cta-section a {margin-top:36px!important;}

.single .content-wrap ul, .single .content-wrap ol {margin-left:35px;}
.two-column-content-text-right .col-md-5 > img {border-radius:15px;}
.load-buttons .icon-svg {width:32px;height:30px;}
.toggle-content li a {text-decoration:underline!important;}
.learn-more .card img {border-radius:10px;}

#content.single-page {margin-top:115px;}
/*.single-loan-officer {margin-top:115px;}*/

.mlo-contact-wrapper {background:var(--primary);color:#fff;padding:30px;border-radius:15px;}
.mlo-contact-wrapper a {color: #FFF;font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 155.556% */}

.mlo-headline-text {color: #FFF;
font-family: "Nunito Sans";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;display:block!important;margin-bottom:24px;}
.mlo-contact-wrapper p {color: #FFF;font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */}

.cta-section .col-12 .row {justify-content:center;}
.dl-cta-section h2 {margin-bottom:27px;}
.dl-cta-section a {margin-top:35px!important;}

#download-resource {background:#f2f2f2;}
#download-resource .container {max-width:700px;}
#download-resource .gform_button {justify-content:center;margin:0 auto;background-color:var(--primary);border-radius:25px;padding:15px 20px;font-size:18px;}
#download-resource .gform_button:hover {background:#ffffff;border:1px var(--primary) solid;color:var(--primary);)}

.mlo-content .mlo-column {padding-right:0;}

.section-cta-link {
    display: flex;
    height: 100%; 
}

/* LOS Apply Link styles in utility menu */
.menu-item-los-apply {
    display: flex;
    padding: 5px 10px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: var(--primary);
    color: #FFF;
    border: 2px solid var(--primary) !important;
    min-width: 175px;
    cursor: pointer;
}

.menu-item-los-apply:hover {
    background: var(--primary) !important;
    text-decoration: none !important;
}

.menu-item-los-apply a {
    color: #FFF !important;
}
.menu-item-los-apply:hover a {
    color: #FFF !important;
}

/* Add chevron-down icon when 'los-apply-collapsed' class is present */
.menu-item-los-apply.los-apply-collapsed::after {
    content: "\f078"; /* Unicode for Font Awesome chevron-down */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #FFF !important;
}

/* Add chevron-down icon when 'los-apply-expanded' class is present */
.menu-item-los-apply.los-apply-expanded::after {
    content: "\f077"; /* Unicode for Font Awesome chevron-up */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #FFF !important;
}

.menu-item-los-apply .los-apply-children {
    display: none; /* Initially hidden */
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    list-style: none !important;
    width: 100%;
    padding: 5px 10px;
}

.menu-item-los-apply .los-apply-children li {
    margin: 10px;
}
.menu-item-los-apply .los-apply-children li a {
    color: #58585A !important;
}

.menu-item-los-apply.los-apply-expanded .los-apply-children {
    display: block;
}

@media (min-width: 991.98px) {
    .los-apply-container-mobile,
    .los-apply-mobile {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .los-apply-desktop {
        display: none;
    }
    .los-apply-container-mobile {
        width: 215px;   
    }
    .menu-item-los-apply {
        border-radius: 10px;
        padding: 0px 40px;
    }

}