/* layout */

@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,opsz,wght@1,8..30,100..900&display=swap');
@import url("https://use.typekit.net/ixx2zez.css");

/* body.evo footer {
	background-color: #fff !important;
}

.grey_background {
	background-color: #fff !important;
}

.grey_background #contentWrap {
	background-color: #fff !important;
}

body.evo, .mobile-app {
	background-color: #fff !important;
} */

/* Reset / base */
footer#custom-footer * {
  margin: 0 !important;
  padding: 0 !important;
}

footer#custom-footer {
  padding: 0px !important;
  margin: 0px !important;
}

footer#custom-footer section {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

#custom-header section {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}


footer#custom-footer .bleed {
  width: 100% !important;
}

footer#custom-footer .medium {
  width: 90% !important;
}

footer#custom-footer .wrapper {
  width: 100% !important;
  margin: 0 30px !important;
}




footer#custom-footer .container {
  width: 100% !important;
}

footer#custom-footer .small-padding {
  padding: 20px 0 !important;
}

footer#custom-footer .padding {
  padding: 30px 0 !important;
}

footer#custom-footer .small-padding-bottom {
  padding-bottom: 30px !important;
}


/* flex box */

footer#custom-footer .flex-column-center {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

footer#custom-footer .flex-row-space-between-start {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}


/* rounded corner */

footer#custom-footer .large-rounded-corner {
  border-radius: 40px !important;
}


/* color */

footer#custom-footer .dark-gray-bg {
  background-color: #6A6865 !important;
}

footer#custom-footer .dark-gray-pattern {
  background: url("https://dev-designer-bank.pantheonsite.io/wp-content/uploads/2025/12/dark-brown-pattern.png"), #6A6865 !important;
  background-size: 1200px !important;
  justify-content: center !important;
  align-items: center !important;
}


/* typography */

footer#custom-footer h2 {
  font-family: "neulis-sans", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 40px !important;
  line-height: 1 !important;
  padding: 10px 0 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-smooth: always !important;
}







footer#custom-footer p {
  font-family: "neulis-sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-smooth: always !important;
}

footer#custom-footer h5 {
  font-family: "Piazzolla", serif !important;
  font-optical-sizing: auto !important;
  font-weight: 500 !important;
  font-style: italic !important;
  font-size: 20px !important;
  line-height: 1 !important;
  padding: 5px 0 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-smooth: always !important;
  color: #fff !important;

}

footer#custom-footer a {
  font-family: inherit !important;
  font-optical-sizing: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-smooth: always !important;
}

footer#custom-footer h6 {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-smooth: always !important;
}

footer#custom-footer h6 a {
  font-family: "neulis-sans", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  text-decoration: none !important;
  color: inherit !important;
  border: 1px solid !important;
  padding: 8px 20px !important;
  margin: 15px 10px !important;
  border-radius: 20px !important;
}


/* footer block */

footer#custom-footer {
  /* background: #fff !important; */
}

footer#custom-footer #contact-us-block {
  padding: 40px 0 !important;
  color: #fff !important;
  max-width: none !important;
}

footer#custom-footer .align-center {
  text-align: center !important;
}

footer#custom-footer #contact-us-block h2 {
  padding-bottom: 25px !important;
  color: #fff !important;
}

footer#custom-footer #footer-info-block {
  padding-top: 40px !important;
  color: #6A6865 !important;
  max-width: none !important;
}

footer#custom-footer .wordmark {
  width: 250px !important;
  height: auto !important;
}

footer#custom-footer .meta-info {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  width: calc(100% - 350px) !important;
  max-width: 1200px !important;
}


footer#custom-footer .meta-info p a {
	cursor: pointer;
}

footer#custom-footer .meta-info > div {
  padding: 0 20px !important;
  padding-bottom: 20px !important;
}

footer#custom-footer .meta-info a {
  text-decoration: none !important;
  opacity: 0.9 !important;
  transition: 0.3s !important;
}

footer#custom-footer .meta-info a:hover {
  opacity: 1 !important;
}

footer#custom-footer .meta-info p {
  padding-bottom: 10px !important;
  line-height: 1.2 !important;
}

footer#custom-footer .meta-info p.small-padding-bottom {
  padding-bottom: 20px !important;
}

footer#custom-footer .copyright {
  width: 100% !important;
  margin-top: 18vh !important;
  padding-bottom: 15px !important;
}

footer#custom-footer .copyright img {
  height: 20px !important;
  width: auto !important;
}





	/* body.evo.portal #wrapper #contentHeader {

	padding-top: 120px !important;
} */




/* section style */


body.evo.portal #wrapper #contentHeader {
margin-top: 115px !important;
width: calc(100% - 40px) !important;
margin: 0 20px !important;
margin-top: 120px !important;
border-radius: 50px;
background: #676767 !important;
padding: 0px !important;
padding: 11px 20px !important;

}

body.evo.portal #wrapper #contentHeader h1, body.evo.portal #wrapper #contentHeader a.backLink span  {
	font-family: "neulis-sans", sans-serif !important;
	  font-weight: 600 !important;
	  font-style: normal !important;
	  font-size: 17px !important;
	  line-height: 1 !important;
	  padding: 10px 0 !important;
	  -webkit-font-smoothing: antialiased !important;
	  -moz-osx-font-smoothing: grayscale !important;
	  font-smooth: always !important;
	
	  text-transform: uppercase !important;
}

.catalog_boxes {
	margin-top: 30px !important;
}

body.evo.portal.catalog_class #contentWrap {
margin-top: 200px !important; 

}



body.ctr_contact_visitor.evo.portal #wrapper #contentHeader {
	margin-top: 115px !important;
	width: calc(100% - 40px) !important;
	margin: 0 20px !important;
	margin-top: 120px !important;
	border-radius: 50px;
	background: none !important;
	padding: 0px !important;
	padding: 11px 20px !important;
}


body.ctr_contact_visitor.evo.portal #wrapper > header {
	box-shadow: 0 1px 38px rgba(0, 0, 0, .03) !important;
}

body.ctr_contact_visitor.evo.portal #wrapper #contentHeader h1 {
	width: 100% !important;
	text-align: center !important;
	color: #000000 !important;
	text-transform: capitalize !important;
	font-size: 30px !important;
}


body.ctr_contact_visitor.evo.portal #contentBody .materialStyle p {
	color: #AA734E !important;
	font-family: "neulis-sans", sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 17px !important;
	text-align: center !important;
}

body.ctr_contact_visitor.evo.portal #contentBody {
	padding-top: 0px !important;
}


body.ctr_contact_visitor.evo.portal #contentBody {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
}

body.ctr_contact_visitor.evo.portal #contentBody form {
	padding-top: 50px !important;
}

body.evo.portal #wrapper header nav.mainNav li a {
	transition: 0.3s !important;
}


body.evo.portal #wrapper header nav.mainNav li a:hover {
	background: #D9DBD7 !important;
}


	body.evo.portal #wrapper header nav.mainNav li:nth-child(6) a:hover {
	background: none !important;
}





/* WELCOME PAGE. */




/* Section shell */
#contentWrap .login-landing {
  width: 90% !important;
  max-width: 1200px !important;
  margin: 60px auto !important;
  background: #fff !important;
  border-radius: 25px !important;
  padding: 70px 80px !important;
  box-sizing: border-box !important;
}

/* Intro */
#get-started .login-landing__intro {
  text-align: center !important;
  max-width: 760px !important;
  margin: 0 auto 50px auto !important;
}

#get-started .login-landing__intro h1 {
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 56px !important;
  line-height: 1.05 !important;
  margin: 0 0 18px 0 !important;
}

#get-started .login-landing__intro p {
  color: #AA734E !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Two-column layout */
#get-started .login-landing__options {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 38px !important;
  align-items: stretch !important;
}

/* Cards */
#get-started .login-card {
  background: #EFEFEF !important;
  border-radius: 22px !important;
  padding: 46px 44px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  min-height: 260px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

#get-started .login-card h3 {
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin: 0 0 12px 0 !important;
}

#get-started .login-card p {
  color: #444 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin: 0 0 22px 0 !important;
  max-width: 360px !important;
}

/* Buttons (covers both your Cypher facebox link + normal link) */
#get-started .login-card a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #AA734E !important;
  color: #fff !important;
  text-decoration: none !important;

  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;

  border: 0 !important;
  cursor: pointer !important;
  min-width: 150px !important;
}

#get-started .login-card a:hover {
  filter: brightness(0.95) !important;
}

#get-started .login-card a:focus {
  outline: 2px solid #AA734E !important;
  outline-offset: 3px !important;
}






/* CATALOG */

body.evo .catalog_boxes:not(.app_boxes):not(.dashboard_widgets)>*:not(.no_hover):not(.highlight) {
	
}





@media screen and (min-width: 980px) {
	
	
	/* custom header */
	
	
	#custom-header li a {
		font-family: "neulis-sans", sans-serif !important;
		  font-weight: 600 !important;
		  font-style: normal !important;
		  font-size: 14px !important;
		  line-height: 1 !important;
		  padding: 10px 0 !important;
		  -webkit-font-smoothing: antialiased !important;
		  -moz-osx-font-smoothing: grayscale !important;
		  font-smooth: always !important;
		  color: #111;
	}
	
	
	#custom-header ul {
		list-style-type: none;
		margin-block-start: 0;
		margin-block-end: 0;
		padding-inline-start: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		width: calc(100% - 60px);
		padding: 0 30px;
	}
	
	
	
	
	#custom-header .wrapper {
	  width: 100% !important;
	  margin: 0 30px !important;
	}
	
	
	#custom-header .menu-logo a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	
	#custom-header  {
		background: #eee;
		padding: 10px 0;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100% !important;
	}
	
	#custom-header a {
		text-decoration: none !important;
	}
	
	
	#custom-header .menu-logo a img {
		width: 100px;
		height: auto;
	}
	
	#custom-header ul li {
		display: flex;
		unicode-bidi: isolate;
		padding: 0 15px;
	}
	
	
	
	/* custom header */
	
	
	.portal header .customLogo {
		display: none !important;
	}
	
	
	
	.portal header #main-menu.mainNav {
		width: 100% !important;
		
	}
	
	.portal header  {
		height: 100px !important;
		background: #fff !important;
	}
	
	
	
	.portal header #main-menu.mainNav ol {
		width: 100% !important;
		display: flex !important;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.portal header #main-menu.mainNav ol li {
		min-width: 100px !important;
	}
	
	.portal header #main-menu.mainNav ol li.selected {
		border: none !important;
	}
	
	.portal header #main-menu.mainNav ol li a {
	display: inline-block !important;
	width: 100% !important;
	text-align: center !important;
	padding: 10px 0px !important;
	
		font-family: "neulis-sans", sans-serif !important;
	  font-weight: 600 !important;
	  font-style: normal !important;
	  font-size: 13px !important;
	  line-height: 1 !important;
	  padding: 10px 0 !important;
	  -webkit-font-smoothing: antialiased !important;
	  -moz-osx-font-smoothing: grayscale !important;
	  font-smooth: always !important;
	  color: #111 !important;
	
	}
	
	
	.portal header #main-menu.mainNav ol li a.roundedBtn {
		background: none !important;
		color: #000 !important;
		text-transform: uppercase !important;
		border: 1px solid #000 !important;
	}
	
	body.evo.portal #wrapper header nav.mainNav li.loginHolder a.roundedBtn {
		background: none !important;
		color: #000 !important;
		text-transform: uppercase !important;
		border: 1px solid #000 !important;
	}

	.portal header #main-menu.mainNav ol img {
		height: 70px;
		width: auto;
	}
	
	
	.portal header #main-menu.mainNav ol li.portalCart img {
		height: 35px !important;
	}
	
	nav.mainNav ol > li.portalCart a .newAlert {
		background-color: #292929 !important;
	}

	
	
	
	
}




/* media queries */

@media screen and (max-width: 1150px) {

  footer#custom-footer h2 {
	font-size: 37px !important;
  }

  footer#custom-footer .large-rounded-corner {
	border-radius: 30px !important;
  }

  footer#custom-footer #contact-us-block {
	padding: 27px 0 !important;
  }

  footer#custom-footer #contact-us-block h2 {
	padding-bottom: 16px !important;
  }

  footer#custom-footer .copyright {
	margin-top: 12vh !important;
  }

  footer#custom-footer .wordmark {
	width: 200px !important;
  }

  footer#custom-footer .meta-info p.small-padding-bottom {
	padding-bottom: 15px !important;
  }

  footer#custom-footer .meta-info p {
	padding-bottom: 10px !important;
  }
  
  
  
  
  /* WELCOME PAGE */
  
  #get-started.login-landing {
	  padding: 60px 60px !important;
	  margin: 50px auto !important;
	}
  
	#get-started .login-landing__options {
	  gap: 28px !important;
	}
  
	#get-started .login-landing__intro h1 {
	  font-size: 50px !important;
	}
  }
  
  /* <= 1025px */
  @media screen and (max-width: 1025px) {
	#get-started.login-landing {
	  padding: 56px 50px !important;
	}
  
	#get-started .login-landing__intro h1 {
	  font-size: 46px !important;
	}
  
	#get-started .login-card {
	  padding: 42px 38px !important;
	  min-height: 240px !important;
	}
  
  
  
  
  
}



@media screen and (max-width: 1025px) {
	/* body.evo.portal #wrapper #contentHeader {
	
		padding-top: 20px !important;
	}
	 */
	
	
}

@media screen and (max-width: 1024px) {

  footer#custom-footer h2 {
	font-size: 32px !important;
  }

  footer#custom-footer p {
	font-size: 18px !important;
  }

  footer#custom-footer h6 a {
	font-size: 18px !important;
  }

  footer#custom-footer .large-rounded-corner {
	border-radius: 20px !important;
  }

  footer#custom-footer #contact-us-block h2 {
	padding-bottom: 13px !important;
  }

  footer#custom-footer #footer-info-block {
	padding-top: 40px !important;
  }

  footer#custom-footer .copyright {
	margin-top: 30px !important;
  }

  footer#custom-footer .copyright p {
	font-size: 14px !important;
  }

  footer#custom-footer .copyright img {
	height: 16px !important;
  }

  footer#custom-footer .meta-info {
	width: 100% !important;
	padding-top: 30px !important;
  }

  footer#custom-footer .meta-info > div {
	padding: 0 !important;
	padding-right: 25px !important;
	padding-bottom: 20px !important;
  }
  
  
  
  /* WELCOME PAGE */
  
  
  #get-started .login-landing__intro {
	  margin: 0 auto 40px auto !important;
	}
  
	#get-started .login-landing__intro p {
	  font-size: 17px !important;
	}
  }
  
  /* <= 980px (stack cards) */
  @media screen and (max-width: 980px) {
	#get-started.login-landing {
	  padding: 48px 28px !important;
	  border-radius: 22px !important;
	}
  
	#get-started .login-landing__options {
	  grid-template-columns: 1fr !important;
	  gap: 18px !important;
	}
  
	#get-started .login-landing__intro h1 {
	  font-size: 40px !important;
	  line-height: 1.08 !important;
	}
  
	#get-started .login-card {
	  border-radius: 20px !important;
	  padding: 36px 24px !important;
	  min-height: 0 !important;
	}
  
	#get-started .login-card a {
	  width: auto !important;
	  max-width: 260px !important;
	}
  
  
}


@media screen and (max-width: 980px) {
	
	nav#mm-main-menu ol#mm-m0-p0 li:nth-child(6) {
		display: none !important;
	}
	
	body.evo.portal #wrapper #contentHeader {
		
		
		margin-top: 10px !important;
	}
	
	
	
	body.ctr_contact_visitor.evo.portal #wrapper #contentHeader {
	margin-top: 10px !important;
	}

	

	
}