/*

Online Giving Css - August 2022

*/

.nav-tabs > li.nav-item.active {
    border: 1px solid green;
    border-bottom: none;
    padding: 0;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a {
    margin-right: 0;
}

.nav-tabs > li > a:not(.active) {
    background-color: #eee;
    border: transparent;
    border-bottom: #eee;
    color: #046A38;
}

.nav-tabs > li > a::hover {
    color: #046A38;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
    color: inherit;
    border: none;
    border-bottom-color: inherit;
}

label[for="givingForm-amount"] + .input-group {
    padding-top: 0;
}

.input-group input#givingForm-amount {
    width: 100%;
    padding: 6px 12px;
    margin-top: 0;
}

.givingForm-label + .input-group {
    padding: 10px 15px;
}

.givingForm-container {
    background-image: url("../img/20135_792.jpg");
    background-size: cover;
    background-position: -15em;
    min-height: 540px;
}

.givingForm-container select,
.givingForm-container input {
    width: 100%;
}

.callout {
    background-color: #f2f1eb;
    padding: 1em;
    margin-top: 1em;
}

h1.PageLabelStyle.myPageLabelStyle {
    display: none;
}

.form-title {
    text-align: center;
    padding-bottom: .35em;
    border-bottom: 2px solid #026937;
}

input[name='frequency'] + label {
    margin-top: 0;
    font-weight: bold;
}

input[name='frequency']:checked + label {
    background: #026937;
}

.input-group {
    width: 100%;
}

input.btn-info#Search {
    width: 50%;
    display: block;
    margin: 10px auto 0;
    padding: 6px 12px;
}

#empyes + label,
#empnno + label {
    display: inline-block;
}

form[action="/onlinegiving/processgiftcart"] #add-info label {
    display: inline-block;
}

form[action="/onlinegiving/processgiftcart"] #add-info label + input {
    margin-right: 40px;
}

/*== BUTTONS ==============================================*/

body form#payform button[type="submit"],
body form#payform input[type="submit"],
body form[action="/onlinegiving/processgiftcart"] input[type="submit"] {
    display: block;
    border-radius: 4px;
    margin: 20px auto 20px;
    border: 1px solid transparent;
}

ul.nav-pills > li {
    border-radius: 4px;
}

ul.nav-pills > li.active {
    border: 1px solid #026937;
    background-color: #026937;
}

ul.nav-pills > li > a {
    padding: 6px 12px;
}

body input[type="button"] {
    border: 1px solid transparent;
}

body input[type="submit"],
body input[name="btnAddGift"] {
    padding: 6px 12px;
    border: 1px solid transparent;
    font-size: 1em;
}

body button[type="button"]:hover,
body input[type="submit"]:hover {
    background: #f2f1eb;
    color: #026937;
    border-color: #026937;
    border: 1px solid #026937;
}

body button[type="button"] {
    border-radius: 3px;
    border: 1px solid transparent;
}

.btn-info#btnViewCart {
    padding: 6px 12px; 
}

body input[type="submit"],
body button[type="submit"],
body button[type="button"],
body input[type="button"][name="btnAddGift"],
body input[type="button"]:hover,
body input[type="button"].focus,
body input[type="button"]:active,
body input[type="button"]:active:focus,
body input[type="button"].btn-primary.focus,
body input[type="button"]:focus {
    background:#026937;
    color:white;
    border-color: transparent;
    padding: 6px 12px;
}

body input[type="button"].btn-xs:hover {
    padding: 1px 5px;
}

ul.nav-pills > li:not(.active),
input.btn-info#Search:hover,
body input[type="submit"]:hover,
body button[type="submit"]:hover,
body input[name="btnAddGift"]:hover,
body #givingForm input[type="submit"]:hover,
body input[type="button"].js-giveAmountButton,
body input[type="button"][name="amt_selected"],
body label[for="hiddenGiftIntervalTrue"],
body label[for="hiddenGiftIntervalFalse"],
body label[for="hiddenGiftIntervalPayroll"],
body input[name="btnAddGift"],
body form#payform button[type="submit"]:hover,
body form#payform input[type="submit"]:hover,
body form[action="/onlinegiving/processgiftcart"] input[type="submit"]:hover,
.btn-info:focus, 
.btn-info:active:active,
body input[type="button"].btn-xs:hover,
.btn-info#btnViewCart:hover {
    background: #f2f1eb;
    color: #026937;
    border-color: #026937;
    border: 1px solid #026937;
}


/*Hidding funds ids on the search window*/
/*#modal-table > tbody > tr > td:nth-child(4),
#modal-table > thead > tr > th:last-child {
    display: none;
}*/

body #givingForm input[type="submit"] {
    background:#026937;
    color:white;
    border: 1px solid transparent;
    width: 100%;
    border-radius: 3px;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    padding: 6px 12px;
}

#btn-once > input[type="button"],
#btn-recurring > input[type="button"] {
    width: calc(95%/5);
}

.callout label,
.callout p.givingForm-label {
    text-transform: inherit;
    color: inherit;
    margin: 0;
    margin: .5em 0;
    font-weight: bold;
    color: #333;
}

.callout label {
    margin-top: 1em;
}

label[for*="givingForm-amount"] {
    display: inline-block;
    width: 100%;
    padding: 0 15px; 
}

#givingForm-amount {
    border: 1px solid #ccc;
}

.input-group-addon {
    padding: 0 12px;
}

#wsu-footer-outer a {
    font-weight: bold;
}

.submit-btn {
    margin: 0;
}

/*== PROGRESS BAR =================================================*/

.wsu-progress {
    display: inline-block;
    border:  1px solid transparent;
    overflow: visible;
    max-height: 100%;
    border-radius: 5px;
    background: #f2f1eb;
    width: 100%;
}

.wsu-progress .wsu-progress-section {
    padding: 0;
    margin: 0;
    margin-right: -3px;
    display: inline-block;
    max-width: 100%;
    width: calc(100%/5);
    text-align: center;
    line-height: 2.3;
    color: #666;
}

.wsu-progress .wsu-progress-section.last,
.wsu-progress .wsu-progress-section.link,
.wsu-progress .wsu-progress-section.active {
    background: #026937;
    color:  #fff;
}

.wsu-progress .wsu-progress-section.active {
    clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);
}

.wsu-progress .wsu-progress-section.link {
    border-right: 1px solid #fff;
}

.wsu-progress .wsu-progress-section.link a {
    padding: 0;
    margin: 0;
    text-decoration: underline;
    color:  #fff;
    font-weight: 600;
    font-size: 1em;
}

.wsu-progress-section::before {
    font-family: "FontAwesome";
    content: "\f1db";
    position: relative;
    left: -5px;
}

.wsu-progress-section.active::before {
    content: "\f111";
}

.wsu-progress-section.link::before {
    content: "\f05d";
} 

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

    .wsu-progress-section {
        background: #f2f1eb;
    }

    .wsu-progress {
        overflow: visible;
    }

    .wsu-progress .wsu-progress-section {
        width: calc(100%/2);
        border: 1px solid #ddd;
        float: left;
    }

    .wsu-progress .wsu-progress-section.active {
        clip-path: none;
    }

}

/*== SHOPPING BASKET ==============================================*/

#memorial-gift-type-select.form-group {
    border: 0;
    margin: 0;
    padding: 0;
}

#memorial-gift-additionalInfo {
    display: block;
    padding-top: 30px;
}

.alert.alert-info {
    background:  none;
    border: none;
    color: #000;
    font-size: 1.1em;
}

#alert_desc::before {
    font-family: "FontAwesome";
    display: block;
    content: '';
    position: absolute;
    left: 0;
    color: #D0A153;
    /* width: 80px; */
    top: 5px;
    text-align: center;
    font-size: 2em;
    color: #AE8643;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#alert_desc.alert::before {
      content: '\f071';  
}

#honor_name {
    width: 100%;
}

@media screen{
  html{
    background-color: #fff;
  }
}

@media screen and (max-width: 767px) {
    .givingForm-container {
        min-height: auto;
    }

    #givingForm > .row {
        margin: 1em auto;
    }
}