/*@import url('barry.css');*/
/*@import url('adil.css');*/

/*
    Callout Section CSS
*/

.container-well{
    width:95%; 
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
 span.icon {
    font-size: 7rem;
    margin: 21px 0 0;
}

 .quick-links {
    position: relative;
    background: #fff;
    padding: 15px 20px;
    border-radius: 2px;
    margin-bottom: 20px;
    /*box-shadow: inset 0 1px 1px 0 rgba(255,255,255,.3), 0 2px 10px 0 rgba(0,0,0,.05);*/
}

.quick-links .well {
    background: none;
    filter: none;
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
.quick-links nav {
    position: relative;
   /* overflow: hidden;*/
}
.quick-links .quick-links-group nav {
    min-height: 215px;
    max-height: 215px;
}

.callout-outer a {
    color: #5f55c1;
}

.callout-outer p {
    color: #222222;
}

i.fas.icon-increase {
    position: relative;
    top: 70px;
}
h3.icon{font-size: 1.5rem;}

.fmf-full-logo {
    padding-top: 10px;
}

@media only screen and (min-width: 1200px){
    .quick-links .quick-links-group nav {
        padding: 20px;
    }
} 
@media only screen and (min-width: 992px){
.quick-links .quick-links-group + .quick-links-group::before {
    content: '';
    position: absolute;
    background:none;
    width: 0.1rem;
    top: 37%;
    bottom: 37%;
    margin-left: -8px;
}
}
    
@media only screen and (min-width: 767px){
    .mobile-hr{
        display: none;
    }
    
}
@media only screen and (max-width: 767px){
    .mobile-hr{
        display: block;
    }
    .mobile-hidden{
        display: none;
    }

}

/* Font Treatment ETC */

.icon-increase {
    font-size: 5rem;
}

.learn-more {
   float: left;
   padding: 0 0 25px 0;
   font-size: 1.7rem;
   position: relative;
   left: 3%;
}

.quick-links-group p {
    font-size: 1.5rem;
    font-weight: 400;
}


/* Menu CSS - Adil */

.dropdown-menu{
    background-color: #5f55c1;
    color: #fed136;
}

/* VDSS Header CSS */

.state-header {
   background-color: #212121;
   color: #FFF;
   min-height: 35px;
   padding-top: 3px;
   left: 0%;
   width: 100%;
   /*font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
.state-header a{
    color: #FFF !important;
    text-decoration: none !important;
    }
.state-header a:hover{
    color: #CCC !important;
    text-decoration: none !important;
    }
.state-header a.nav-brand img {
   margin-right: 8px !important;
   margin-top: -3px !important;
}
.vdss, .COV{
    margin-top: 2px;
    z-index: 1002;
}
/* VITA Translation Bar fix */
body .va-agency-bar-container {
  z-index:9999 !important;
}
.nav-brand {
    font-weight: 400 !important;
}

#mainNav {
    position: relative !important;
    margin-bottom: 0 !important;
}

.intro .container{
    width: 90%;}
    
 .vdss-banner {
    background-color: #242424;
    width: 100%;
    height: 50px;
}  

.vdss-title, .vdss-title a {
    color: #FFF!important;
    font-size: 1.7rem!important;
    padding-top: 2px;
    margin-left: 7px;
    font-weight: normal!important;
    margin-top: 13px;
    text-transform: inherit!important;
 
} 

.vdss-title a:hover {
    color: #68b8fe!important;
    text-decoration: none;
}

.vdss-banner img{margin-top:10px;}
.soc-icons a:hover {
    opacity: 1;
}
.soc-icons a {
    margin: 0 11px;
    opacity: 0.7;
}

.soc-icons .facebook img{width: 3%;}
.soc-icons .twitter img{width: 8%;}
.soc-icons .youtube img{width: 8%;}

#portfolio .portfolio-item .portfolio-caption p{text-align: left; font-size: 1.3rem;}
#portfolio .portfolio-item .portfolio-caption h4{font-size: 1.5rem;margin-bottom: 15px;}

#portfolio .portfolio-item .portfolio-caption {
  max-height: 340px!important;
  min-height: 280px!important;
}

#shareStory{margin-top:45px;margin-bottom: 50px;}
#stories{margin-top:45px;margin-bottom: 50px;}
h2.fuscia {
    color: #5f55c1;
}
h3.fuscia {
    color: #5f55c1;
}

.quick-links-group a:hover{text-decoration: none;}
.callout-outer{margin-top: -30px;}

.new-slider {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    border-bottom: solid #5F55C1 5px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++ FACELIFT by BARRY PLOTT 2019 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul.navbar-nav  {padding-bottom: 0px!important;}
ul.navbar-nav  li{padding-bottom: 0px!important;}
p, h2, h3, h4, h5, h6{padding-bottom:10px;}
ul, ol{padding-bottom:0px;}

li{padding-bottom:5px;}
.switch > ul > li {padding-bottom: 0px;width: 25px; height: 25px;}
.switch {
    width: 300px;
    height: 42px;
    position: absolute;
    bottom: -13px;
    z-index: 147;
    left: -34px;
}
h3, h4, h5{color: #5f55c1;}

/* ====== Call Out Box Section ====== */
h3.icon {padding: 26px 0px 0px 41px; margin-bottom: 0px;}
.quick-links-group .fas{color:#5f55c1;}
.quick-links-group .learn-more{color:#5f55c1!important;}
h2.fuscia{color: #5f55c1}
.icon-increase {font-size: 3rem!important;}
#portfolio .portfolio-item .portfolio-caption h4{color:inherit!important; }
section#contact h2{margin-top: 25px;}
section#contact {background-repeat: repeat!important;}
/* ======Forms from FUSION ====== */
.form-builder-canvas
.content-field .canvas-name-field input[type=text] {padding: 20px;}
#fusionform{font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; width: 80%;margin:0 auto; min-height: 80rem}
#fusionform .form-builder-canvas .tabbed-form-content.active label{ margin-bottom:0;}
.content-field input[type=text], .content-field select, .content-field textarea {padding: 20px; width:200px;}
#fusionform .form-builder-canvas .tabbed-form-content.active input::placeholder{color: #5F55C1;}
#fusionform .form-builder-canvas .tabbed-form-content.active input{color: #5F55C1;}
#fusionform .form-builder-canvas .tabbed-form-content.active .input-group select {color: #5F55C1!important; font-weight: bold!important;}
#fusionform .content-field .number-selector .input-group select {min-height: 100px;}
.form-builder-canvas .tabbed-form-content.active * {
    font-weight: bold;
}
.form-builder-canvas .form-submit button {
    color: white;
    background-color: #fed136;
    border-color: #fed136;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    font-size: 18px;
    padding: 20px 40px;
    text-align: center;
}
.form-builder-canvas .form-submit button:hover, .form-builder-canvas .form-submit button:focus, 
.form-builder-canvas .form-submit button:active, .form-builder-canvas .form-submit button .active, 
.open .dropdown-toggle.form-builder-canvas .form-submit button  {
    color: white;
    background-color: #fec503;
    border-color: #f6bf01;
}
.content-row input[type=checkbox]+label[for]+span {
      color: white;
      font-size: 1.5rem; 
}
#fusionform .form-builder-canvas .tabbed-form-content.active  div{color: #fff; font-size: 1.5rem; margin-bottom: 0.5rem;
}
#fusionform h4{color: #fff;}
#fusionform .content-row input[type=checkbox]+label[for] {display: inherit; margin-top:11px;}
#fusionform .form-group textarea {min-height: 200px;color: #5F55C1;}
#fusionform .submit-message h4, #fusionform .submit-message p, #fusionform .submit-message ul li{color: #fff; font-size: 1.9rem;}
#fusionform .error-message{color: #fed136; font-size: 1.7rem;}
#fusionform .canvas-name-field .error-message:last-of-type{position: relative; top: -24px; left:-20%; float:right;}
#fusionform .form-submit button{margin-top:5%;}
#fusionform .thumbs-up{
    position: relative;
    top: -119px;
    left: 40%;
    color: #fff;
    font-size:15rem;
}
#fusionform .content-field{padding: 0px 30px;}
#fusionform-SPEAKOUT{font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; width: 80%;margin:0 auto;}
#fusionform-SPEAKOUT .content-row .horizontal .otherOption, .content-row .vertical .otherOption {
    max-width: 175px;
    max-height: 0.5rem;
    min-height: 0.5rem;
    line-height: 0.5rem;
    font-size: 1rem;
    padding: 1rem;
    margin-left: 1rem;
}
#fusionform-SPEAKOUT-application{min-height: 20rem;  }
#fusionform-SPEAKOUT-minutes{min-height: 2rem;  margin-bottom: 2rem;}
#fusionform-SPEAKOUT-exitSurvey{min-height: 2rem;  margin-bottom: 2rem;}
#fusionform-SPEAKOUT-resignation {min-height: 2rem;  margin-bottom: 2rem;}
#fusionform-SPEAKOUT-reinstatement{min-height: 2rem;  margin-bottom: 2rem;}
#faq-btn{
    float: right;
    position: relative;
    top: -4px;
    margin-left:5%;
    right:4%;
}
.container-callout {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 15%;
    margin-left: 15%;
}
.intro {
  border-bottom: solid #ccc 1px;
} 
.intro h1{font-size: 2.75rem;}
.intro p{font-size: 1.5rem;}   

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}
.intro .col-sm-3{margin-right: -30px;}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.block-18.color-1 {
    background: #5F55C1;
    border-right: 1px solid #eee;    
}
.block-18.color-2 {
    background: #fed136;
    border-right: 1px solid #eee; 
}
.block-18.color-3 {
    background:#5F55C1;   
}
.btn-yel{
    background-color: #fed136;
}
.btn-org{
    background-color: #faac3f;
}
.btn-blu{
    background-color: #6359c2;
} 
.block-18 {
    display: block;
    width: 100%;
    padding: 30px;
    color: rgba(0, 0, 0, 0.7);
    height: 160px;
    min-height:160px;    
    margin-bottom: -5px;    
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}
.call-out{left:75%; margin-top: 0px;}
.block-18 .text h3{
    display: block;
    color: #fff;
    font-size: 2.2rem;
    margin-top:-10px;
}
.block-18 .text p{
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: 1.5rem;
}
@media screen and (max-width:1091px){
    #fusionform .canvas-name-field .error-message:last-of-type
    {position: relative; top: 0; left:0; float:inherit;}
}

/* Addded Revised v2.0 CSS 01.08.2019 */
@media (min-width: 1200px){
.container-callout {
    max-width: 1140px;
}}
@media (min-width: 992px){
.container-callout {
    max-width: 960px;
}}
@media (min-width: 768px){
.container-callout {
    max-width: 720px;
}}
@media (min-width: 576px){
.container-callout {
    max-width: 540px;
}}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++ FACELIFT by ADIL MADHANI 2019 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* EDUCATIONAL FAQ CSS */

p {
    font-size:1.5rem;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-title {
    font-size: 1.4rem;
    text-transform: none !important;
}

.panel-title a{
    color: #5F55C1 !important;
}

.panel-body {
    font-size: 1.4rem;
}

.panel a:hover {
    text-decoration: none;
    color: #fed136!important;
}

.panel a:focus {
    text-decoration: none;
    color: #fed136!important;
}

/* TOOLTIP CSS */

.tooltip {
    font-size: 1.5rem;
}

.tooltip-inner {
    max-width: 500px;
}

/* Credit Check CSS */

.no-bullet {
    list-style-type: none;
}

#form-content-1 {
        overflow: hidden;
}

/* Form Mobile Treatment */

@media only screen and (max-width: 768px) {
    #fusionform .name-field-container {
        display: flex;
        flex-direction: column;
    }

    #fusionform .name-field-container input {
        width: 100%;
    }

    #fusionform .name-field-container input:last-of-type {
        margin-top:10px;
    }

    #speakout-application .name-field-container {
        display: flex;
        flex-direction: column;
    }

    #speakout-application .name-field-container input {
        width: 100%;
    }


    #speakout-application .content-row:nth-child(3) .content-field:nth-child(1) { 
        width: 100% !important;
        top: 0%; 
    }

    #speakout-application .content-row:nth-child(3) .content-field:nth-child(2) { 
        width: 100% !important;
        top: 75%;
        left: 0% !important; 
    }
    #speakout-application .content-row:nth-child(3) .content-field:nth-child(3) { 
        width: 100% !important;
        top: 155%;
        left: 0% !important; 
    }

    #speakout-application .form-submit.align-center button {
        margin-top: 200px;
    }


    /*#speakout-application .tabbed-form-content .content-row .content-field .form-group input:before {
        content:"\A";
        white-space: pre;
    }*/

}

/* Added for the ETV Form */
.etvform .step-circle {
    width: 21px !important;
    height: 21px !important;
}
.etvform label {
    margin-top: 10px;
}
.etvform .form-group .static-text p {
    color: #451d61;
}
.etvform .form-canvas-label .icon {
    margin-top: 11px;
}
.etvform .form-steps .steps1 .step-name {
    bottom: -35px !important;
    }
.etvform .content-row input[type=checkbox]+label[for]+span{
    color: #000 !important;
    }
.etvform .error-message {
    color: #F00000;
    border: 2px solid #DDDDDD;
    padding: 5px;
    width: 36%;
    margin: 5px 5px 5px 0px;
}
.etvform .form-builder-canvas .input-group.address .state, .etvform .content-field .number-selector .input-group select {
    min-height: 64px !important;
    margin-bottom: 0px;
}

.etvform .form-builder-canvas  .required label:after{
    display: inline-block;
    margin-top: -2px;
    margin-left: 9px;
    padding: 1px 9px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0,0,0,0.03);
    content: 'Required';
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #777;
}

.etvform .form-builder-canvas .input-group.address .addressTwo, .etvform .form-builder-canvas .input-group.address.us .streetAddress {
    margin-bottom: 8px;
}
#bbarTranslate-menu ul li{
    padding-bottom: 0;
}