/* forms — Ninja Forms and Contact Form 7
   Source: Customizer Additional CSS, split 2026-08-28 */


/* Travis */
/* 2026-09-02 — #nf-field-51-wrap dropped from this rule.
   That submit button (form 7) is now styled by css/form-buttons.css via the
   .mp-submit class. This rule carries an ID, so it outranks form-buttons.css no
   matter how many classes that file adds — while it was here it silently won on
   color/background/border/border-radius and let only font and padding through.
   If you retire the 21_1 button too, delete this whole block. */
.nf-form-content .nf-field-container #nf-field-21_1-wrap .nf-field-element .ninja-forms-field{
    color: #ffffff!important;
    background-color: #FF5A5F!important;
    border-style: solid!important;
    border-width: 0px 0px 3px 0px!important;
    border-color: #FFC759!important;
    border-radius: 6px!important;
}
#nf-form-3-cont .nf-before-form-content{
	color: #ffffff!important;
}
.nf-after-form-content{
	display:none;
}
@media only screen and (max-width:600px){
    .nf-field-element {
    	text-align-last:center;
    }
}

/* Shafeeq */
/* 2026-09-02 - removed. #nf-field-73 is form 10's SUBMIT button
   ("Web Development PSG Grant", 1 page). It is now styled by
   css/form-buttons.css via the .mp-submit class on the widget.
   These rules carried an id, so they out-ranked form-buttons.css and won on
   background / colour / border / radius / padding / font.
   Original values kept here for reference:
     height 40px; bg #FF5A5F; color #fff; border-color #FFC759;
     Outfit 17px/600; border 0 0 3px 0 solid; radius 6px; padding 12px 30px;
     :hover bg #2e98f2 */
#ninja_forms_required_items, .nf-field-container {
  margin-bottom: 5px !important;
}
.nf-response-msg {
  text-align: center;
}
div.wpcf7-response-output {
    color: #818181;
}
.nf-form-content select option {
    color: black;
}

/* Tracy */
.nf-field-element input:not([type="submit"]), 
.nf-field-element select,
.nf-field-element textarea{
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.5
}
.nf-field-label,
.nf-field-label .ninja-forms-req-symbol{
	display: none;
}
.mdp-popup .nf-form-fields-required{
	color: #fff;
}
#nf-form-7-cont .nf-row:last-child .nf-field-element{
    text-align: right;
}
.elementor-widget-swe-mdp-seach-for-seo .elementor-widget-container .get-customer-info form .field-wrap .ninja-forms-req-symbol{
	display: block;
	margin-left: 5px;
}
.elementor-widget-swe-mdp-seach-for-seo .elementor-widget-container .get-customer-info form .nf-form-fields-required{
	color: #333;
}
.elementor-widget-swe-mdp-seach-for-seo .elementor-widget-container .get-customer-info form .nf-before-form-content{
	display: none;
}

/* Travis */
#nf-form-7-cont nf-rows-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}
#nf-form-7-cont nf-rows-wrap>*{
	width: 49%;
}
#nf-form-7-cont nf-rows-wrap>*:nth-child(5){
	width: 100%;
}
#nf-form-7-cont nf-rows-wrap>*:nth-child(6){
	width: 100%;
}
#nf-form-7-cont nf-rows-wrap>*:nth-child(7){
	width: 100%;
}
#nf-form-7-cont input{
	background-color: #F8F9FF;
  border-color: #D3D9FF;
  border-width: 0px 0px 2px 0px;
	height: 60px;
	padding: 10px 20px;
	border-radius: 5px;
	color: #000;
}
#nf-form-7-cont input::placeholder{
	color: #666 !important;
}
#nf-form-7-cont textarea::placeholder{
	color: #666 !important;
}
#nf-form-7-cont textarea{
	background-color: #F8F9FF;
  border-color: #D3D9FF;
  border-width: 0px 0px 2px 0px;
	padding: 10px 20px;
	border-radius: 5px;
	color: #000;
}
#nf-form-7-cont .nf-before-form-content,
#nf-form-7-cont .nf-field-label{
	display: none;
}
#nf-form-7-cont .nf-field-container{
	margin-bottom: 15px;
}
#nf-form-7-cont nf-rows-wrap>*:nth-child(6) .nf-field-element{
	text-align: center;
}
#nf-form-7-cont nf-rows-wrap>*:nth-child(6) input{
	background: #36CE97 !important;
	padding: 5px 40px !important;
	font-size: 16px !important;
	font-weight: bold;
	text-transform: uppercase;
	height: 50px;
	border-radius: 30px;
	cursor: pointer;
}
#nf-form-7-cont nf-rows-wrap>*:nth-child(6) input:hover{
	background: #02A776 !important;
}
#nf-form-7-cont .nf-error-msg {
	text-align: center;
}
#nf-form-10-cont select,
#nf-form-7-cont select,
#nf-form-8-cont select{
	color: #666 !important;
	background-color: #F8F9FF;
	appearance: auto;
	padding: 10px 20px;
	border-bottom: 2px solid #d3d9ff;
}
#nf-form-3_1-cont select{
	color: #000 !important;
}
#nf-form-11-cont select,
#nf-form-11-cont select option,
#nf-form-10-cont select option,
#nf-form-3_1-cont select option,
#nf-form-7-cont select option,
#nf-form-8-cont select option{
	color: #000 !important;
}
#nf-form-8-cont input{
	background-color: #F8F9FF;
  border-color: #D3D9FF;
  border-width: 0px 0px 2px 0px;
	padding: 10px 20px;
	color: #000 !important;
}
#nf-form-8-cont input::placeholder{
	color: #666 !important;
}
#nf-form-8-cont textarea::placeholder{
	color: #666 !important;
}
#nf-form-8-cont textarea{
	background-color: #F8F9FF;
  border-color: #D3D9FF;
  border-width: 0px 0px 2px 0px;
	padding: 10px 20px;
	border-radius: 5px;
	color: #000;
}
#nf-form-8-cont .nf-before-form-content,
#nf-form-8-cont .nf-field-label{
	display: none;
}
#nf-form-8-cont .nf-field-container{
	margin-bottom: 15px;
}
#nf-form-8-cont .nf-error-msg {
	text-align: center;
}
/* Rubik -> Outfit, 2026-09-04. Rubik's @font-face only ever loaded on 15
   service pages, so this rule rendered in a fallback system font on the
   other 467. Outfit is a variable font already preloaded site-wide, so
   every weight is free. Do not reintroduce Rubik. */
div.nf-form-cont input[type=button]{
	font-family: "Outfit", Sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: 0.2px !important;
	text-transform: uppercase;
	border-radius: 99px !important;
	color: #fff !important;
	background: #FF7900 !important;
	height: 50px !important;
}
#nf-form-8-cont input[type=button]:hover{
	background: #DE6900 !important;
}
#nf-form-8-cont input[type=button] {
    font-family: "Outfit", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase;
    border-radius: 99px !important;
    color: #fff !important;
    background: #FF7900 !important;
}
.wpcs_content_main .nf-field-element textarea,
.wpcs_content_main .nf-field-element input{
	color: #000;
}
#nf-form-10-cont nf-rows-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}
#nf-form-10-cont nf-rows-wrap>*{
	width: 49%;
}
#nf-form-10-cont nf-rows-wrap>*:nth-child(5){
	width: 100%;
}
#nf-form-10-cont nf-rows-wrap>*:nth-child(6){
	width: 100%;
}
#nf-form-10-cont nf-rows-wrap>*:nth-child(7){
	width: 100%;
}
#nf-form-10-cont input{
	background-color: #F8F9FF;
  border-color: #D3D9FF;
  border-width: 0px 0px 2px 0px;
	height: 60px;
	padding: 10px 20px;
	border-radius: 5px;
	color: #000;
}
#nf-form-10-cont input::placeholder{
	color: #666 !important;
}
#nf-form-10-cont textarea::placeholder{
	color: #666 !important;
}
#nf-form-10-cont textarea{
	background-color: #F8F9FF;
  border-color: #D3D9FF;
  border-width: 0px 0px 2px 0px;
	padding: 10px 20px;
	border-radius: 5px;
	color: #000;
}
#nf-form-10-cont .nf-before-form-content,
#nf-form-10-cont .nf-field-label{
	display: none;
}
#nf-form-10-cont .nf-field-container{
	margin-bottom: 15px;
}
#nf-form-10-cont nf-rows-wrap>*:nth-child(6) .nf-field-element{
	text-align: center;
}
#nf-form-10-cont nf-rows-wrap>*:nth-child(6) input{
	background: #36CE97 !important;
	padding: 5px 40px !important;
	font-size: 16px !important;
	font-weight: bold;
	text-transform: uppercase;
	height: 50px;
	border-radius: 30px;
	cursor: pointer;
}
#nf-form-10-cont nf-rows-wrap>*:nth-child(6) input:hover{
	background: #02A776 !important;
}
#nf-form-10-cont .nf-error-msg {
	text-align: center;
}

/* Jon */
#nf-field-21:hover{
	background-color:#DE6900!important;
}

/* Tracy */
.nf-form-content .ninja-forms-field{
	font-family:"Outfit",sans-serif;
background-color: #F8F9FF;
  border-color: #D3D9FF;
  border-width: 0px 0px 2px 0px;
  padding: 10px 20px;
  border-radius: 5px;
	color: #000;
}
#nf-form-15-cont .nf-field-label label, #nf-form-15-cont .nf-form-fields-required, #nf-form-16-cont .nf-field-label label, #nf-form-16-cont .nf-form-fields-required{
  color: #000 !important;
  font-weight: 400 !important;
}
#nf-form-15-cont .nf-form-content .ninja-forms-field{
	font-family: "Questrial", sans-serif !important;
  font-size: 16px;
}
/* 2026-09-02 - :not([type="submit"]) added so form 11's submit button
   (field 80) is free for css/form-buttons.css / .mp-submit. Every other
   field keeps Questrial 16px exactly as before. */
#nf-form-11-cont .ninja-forms-field:not([type="submit"]){
	font-family: "Questrial", sans-serif !important;
  font-size: 16px;
}

/* Gibson */
.ninja-form-24 .label-above .nf-field-label {
  margin-bottom: 0px !important;
}
.ninja-form-24 .nf-form-content input[type="submit"] {
  background: #ed3d63 !important;
  border: 0;
  color: white !important;
  transition: all .5s;
  padding: 12px 25px 12px 25px!important;
  border-radius: 0px 5px 5px 0px !important;
  margin-left: 0px;
  margin-top: 0px;
	font-family: "Outfit", sans-serif!important;
  font-size: 16px!important;
  font-weight: 600!important;
}
.ninja-form-24 .nf-form-content .ninja-forms-field {
		font-family: "Outfit", sans-serif!important;
	font-size:16px!important;
  background-color: #F8F9FF;
  border-color: #D3D9FF;
  border-width: 0px 0px 2px 0px;
  padding: 12px 25px 12px 25px!important;
  border-radius: 5px 0px 0px 5px !important;
}
.ninja-form-24{
	width:100%;
}
.ninja-form-24 .nf-multi-cell .nf-cell {
    float: left;
    padding: 0px;
}