/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*jquery steps*/
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    padding: 0.2em 1em;
    border-radius: 0;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    border-radius: 0;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    border-radius: 0;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    border-radius: 0;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    border-radius: 0;
}

.entry .entry-content a {
   text-decoration: none !important;
   text-align: center; 
}

.wizard > .content
{
    border-radius: 0;
}

.wizard > .content > .body
{
    width: 100%;
    height: 100%;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    border-radius: 0;
}

.wizard > .content
{
    background: white;
}

.entry .entry-content,
.entry .entry-summary {
	background: white;
}

.wizard > .content > .body
{
    padding: 2.5%;
}

.jq-step-border {
	border: 1px solid #2184be;
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.wizard > .content
{
    min-height: 25em;	
    overflow-y: scroll;
}

.wizard ul,
.tabcontrol ul
{    
    display: flex;
    flex-wrap: wrap;
}

.wizard > .steps > ul > li
{
    width: 100%;
    line-height: 1;
    display: flex;
    flex-grow: 1;
}

.steps a {
    display: flex;
    flex-direction: column;
    padding: 1em;
    width: 100% !important;

}

@media all and (min-width: 40em) {
  .wizard > .steps > ul > li{
    max-width: 25%;width: 25%;
  }
}

/*general*/
.small, small {
    font-size: 80% !important;
    font-weight: 400;
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
    padding: .5em;
    padding-right: 1.5em
}

#application-card-body > h1:not(.site-title):before, .container > h2:before
{
    display: none;
}

/*jquery form validation*/
input.valid, select.valid {
    border-color: #468847 !important;
}

.help-block, .form-error {
    font-size: 80% !important;
    font-weight: 400;    
}

#application-form ul
{    
    width: -webkit-max-content;
}



@media all and (min-width: 40em) {
    #application-form > .steps > ul > li{
      width: 150px;
    }
  }

#application-form > .steps
{
    overflow-x: auto;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}




/*New Styling*/

#application-form {
	    line-height: 2em;font-size: 15px;
	text-align: left;
}
body, input, textarea, select {
    font-family: 'Lora',Georgia,"Times New Roman",serif;
}
.form-feild-row label{
	font-family: 'Lora',Georgia,"Times New Roman",serif;
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 2;
}

.form-feild-row input[type="text"], .form-feild-row input[type="password"], .form-feild-row input[type="tel"], .form-feild-row input[type="email"], .form-feild-row input.text, .form-feild-row input.title, .form-feild-row textarea, .form-feild-row select {
	width: 100%;
	height: 30px;
	padding:0 15px;
border: 1px solid #bbb;
color: #4e4e4e;
background-color: #fff;
	border-radius: 3px;
	display: block;
	margin: 0;
	line-height: normal;
}
.form-feild-row textarea {height: 62px;}

.form-feild-row [class^="col-"]{
	margin-bottom: 18px;
}

.form-check input{margin-right: 5px;}
.form-error{
	padding-left: 15px;
	padding-right: 15px;
}

.form-field-group {
	display: flex;
	align-items: center;
}
.form-field-group .small {
	line-height: normal;
	margin-left: 10px;
}

.no-col-mrg [class^="col-"]{
	margin-bottom: 0;
}
.form-feild-row .form-check-inline {
	padding-left: 1.25rem;
}
.form-feild-row .form-submit{
	text-align: left;
}
.form-feild-row .form-submit input[type="submit"] {
	background-color: #D7040F;
	border: 0;
	height: 40px;
	border-radius: 3px;
	padding: 0 20px;
	animation-name: 0;
	text-transform: capitalize;
	color: #fff;
	cursor: pointer;
}
.form-feild-row .form-submit input[type="submit"]:hover {
	opacity: .80;
}

.modal-backdrop{z-index: 99999;}
.modal{
	z-index: 999999;
	font-size: 14px;
}
.modal .btn-primary {
	background-color: #0BAFDE;
	border-color:#0BAFDE;
}

.modal .btn-primary:hover {
	background-color: #0BAFDE;
	border-color:#0BAFDE;
	opacity: .80;
}
.et_pb_column{
	z-index: auto!important;
}
#fpr-foster-application-form .text-info {
    color: #000 !important;
}
#foster-application-card-header {background-color:#0BAFDE!important; font-weight:bold!important;}

.alert-modal .modal-content{
	font-size: 17px;
}
.alert-modal .btn{
	background-color: #0BAFDE;
	border-color: #0BAFDE;
}
.alert-modal .btn:hover{
	border-color: #0BAFDE;
	background-color: #0BAFDE;
}
@media all and (max-width: 1200px) {
.alert-modal .modal-content {
    font-size: 16px;
}
}