﻿.guestBtn:hover, .guestRemoveBtn:hover, .guestBtn-sm:hover, .guestRemoveBtn-sm:hover, .guestBtnDefault:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.guestBtn:focus, .guestRemoveBtn:focus, .guestBtn-sm:focus, .guestRemoveBtn-sm:focus, .guestBtnDefault:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.guestBtn:focus-visible, .guestBtn:active, .guestRemoveBtn:focus-visible, .guestRemoveBtn:active, .guestBtnDefault:active,
.guestBtn-sm:focus-visible, .guestBtn-sm:active, .guestRemoveBtn-sm:focus-visible, .guestRemoveBtn-sm:active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.guestBtn:disabled, .guestBtn[disabled], .guestRemoveBtn:disabled, .guestRemoveBtn[disabled], .guestBtnDefault:disabled,
.guestBtn-sm:disabled, .guestBtn-sm[disabled], .guestRemoveBtn-sm:disabled, .guestRemoveBtn-sm[disabled] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0.65;
    cursor: no-drop
}



/*bio-sans, calluna-sans, verdana, arial, helvetica, sans-serif !important;*/
@media screen and (max-width: 767px) {
    .bootstrap {
        background: #ccc !important;
    }

        .bootstrap .container {
            width: 100%;
            margin: 0;
            padding: 0;
        }

    .guestBtn {
        padding: 14px;
        background: #ffb81c;
        color: #1b701b !important;
        margin: 0px 10px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 14px !important;
        transition: all 200ms ease;
        cursor: pointer;
    }

    .guestBtnDefault {
        padding: 14px;
        background: #ccc;
        color: #1b701b !important;
        margin: 0px 10px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 14px !important;
        transition: all 200ms ease;
        cursor: pointer;
    }

    .guestRemoveBtn {
        padding: 10px;
        background: #a60000;
        color: #fff !important;
        margin: 0px 10px 20px 0px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 18px !important;
        transition: all 200ms ease;
    }

    .bootstrap .glyphicon {
        font-size: large;
        margin-right: -22px;
        margin-top: -46px;
        color: #fff;
        display: none;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    .bootstrap {
        background: #ccc !important;
    }

        .bootstrap .container {
            width: 80%;
            margin: 0 10%;
            padding: 0 10%;
        }

    .guestBtn {
        padding: 20px;
        background: #ffb81c;
        color: #1b701b !important;
        margin: 20px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 20px !important;
        transition: all 200ms ease;
        cursor: pointer;
    }

    .guestBtnDefault {
        padding: 20px;
        background: #ccc;
        color: #1b701b !important;
        margin: 20px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 20px !important;
        transition: all 200ms ease;
        cursor: pointer;
    }

    .guestRemoveBtn {
        padding: 10px;
        background: #a60000;
        color: #fff !important;
        margin: 0px 10px 20px 0px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 18px !important;
        transition: all 200ms ease;
    }
}


@media screen and (min-width: 1024px) {

    .bootstrap {
        background: #ccc !important;
    }

        .bootstrap .container {
            width: 50% !important;
            margin: 0 25% 0 25% !important;
            padding-top: 0px !important;
        }

    .guestBtn {
        padding: 20px;
        background: #ffb81c;
        color: #1b701b !important;
        margin: 20px 0px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 20px !important;
        font-family: bio-sans,sans-serif !important;
        transition: all 200ms ease;
        cursor: pointer;
    }

    .guestBtnDefault {
        padding: 20px;
        background: #ccc;
        color: #1b701b !important;
        margin: 20px 0px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 20px !important;
        font-family: bio-sans,sans-serif !important;
        transition: all 200ms ease;
        cursor: pointer;
    }

    .guestBtn-left {
        margin-left: 0px !important;
        margin-right: 15px !important;
    }

    .guestBtn-right {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }



    .guestRemoveBtn {
        padding: 10px;
        background: #a60000;
        color: #fff !important;
        margin: 0px 10px 20px 0px !important;
        border: 0;
        border-radius: 0;
        font-weight: 900 !important;
        font-size: 18px !important;
        transition: all 200ms ease;
    }
}



.event-font {
    font-family: bio-sans,sans-serif !important;
    font-style: normal !important;
    background: #fff;
    line-height: 1.2;
    font-weight: normal !important;
    visibility: visible;
}

.bootstrap blockquote {
    font-size: 18px !important;
}

.event-header {
    font-family: bio-sans,sans-serif !important;
    padding: 10px 40px 10px 40px;
    margin: 1px;
    color: #154734 !important;
    font-style: normal !important;
    font-weight: bold !important;
    visibility: visible;
}

.event-desc {
    font-size: 18px;
    font-weight: 400 !important;
    margin-top: 5px;
    padding: 0px 40px 20px 40px;
    font-family: calluna,Georgia,serif !important;
}

.event-border {
    border-top: 0.1em solid #006A52;
    margin: 10px 40px;
}

.event-location {
    margin-top: 5px;
    padding: 10px 40px 10px 40px;
    font-family: calluna,Georgia,serif !important;
    font-style: normal !important;
    font-size: 16px
}

.event-location>b {
    font-weight: bolder !important;
    font-size: 20px !important;
}

.even-details {
    color: #154734;
    padding: 10px 40px 10px 40px;
    margin: 1px;
    line-height: 1.2;
    font-style: normal !important;
    font-size: 18px;
    font-family: calluna,Georgia,serif !important;
}

    .even-details > b {
        margin-bottom: 10px;
    }

.headerBannaer {
    color: #154734;
    background: #FFB81C;
}

.head {
    height: 70px;
    padding: 10px 25px;
    background: #154734;
    color: #FFB81C;
    border-bottom: 1px solid #ffb81c;
    vertical-align: middle !important;
}



    .head > h4 {
        font-size: 28px;
        margin-left: 15px;
        vertical-align: middle !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-family: bio-sans,sans-serif !important;
    }

.head-shrink {
    height: 35px;
}

.yellow {
    height: 60px;
    padding: 10px;
    background: #FFB81C;
    color: #154734;
    margin-bottom: 30px;
    border-bottom: 1px solid #FFB81C;
    vertical-align: middle !important;
}

    .yellow > h4 {
        font-size: 20px;
        margin-left: 15px;
        background: #FFB81C;
        color: #154734;
        font-style: normal !important;
        font-weight: 600 !important;
        font-family: bio-sans,sans-serif !important;
    }

.green {
    height: 60px;
    padding: 10px;
    background: #154734;
    color: #FFB81C;
    margin-bottom: 30px;
    border-bottom: 1px solid #154734;
    vertical-align: middle !important;
}

    .green > h4 {
        font-size: 20px;
        margin-left: 15px;
        background: #154734;
        color: #FFB81C;
        font-style: normal !important;
        font-weight: 600 !important;
        font-family: bio-sans,sans-serif !important;
    }

.bootstrap .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.52857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #3c763d;
    margin-bottom: 15px !important;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.even-details > table > tbody > tr > td {
    padding: 5px 5px 5px 5px;
}

input[type=radio] {
    display: none; /* hide the default radio button */
}

    input[type=radio] + label {
        display: inline-block;
        margin-right: 20px;
        padding-left: 30px; /* add space for the custom radio button */
        position: relative;
    }

        input[type=radio] + label:before {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px solid #154734;
            position: absolute;
            left: 0;
            margin-right: 2px;
        }

    input[type=radio]:checked + label:before {
        background-color: #154734;
    }

input[type=checkbox] {
    display: none; /* hide the default checkbox */
}

    input[type=checkbox] + label {
        display: inline-block;
        margin-right: 20px;
        padding-left: 30px; /* add space for the custom checkbox */
        position: relative;
    }

        input[type=checkbox] + label:before {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 0;
            border: 2px solid #154734;
            position: absolute;
            left: 0;
            top: 0;
            margin-right: 2px;
        }

    input[type=checkbox]:checked + label:before {
        background-color: #154734;
    }

.bootstrap .radio label,
.bootstrap .checkbox label {
    min-height: 20px;
    padding-left: 30px;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: normal;
    cursor: pointer;
}

/*.span {
    margin: 10px !important;
}*/

.description-margin {
    margin: 15px 0px 15px 0px;
}

.bootstrap .checkbox {
    margin-left: 0px;
}

.span > span {
    min-height: 30px;
    height: 20px;
    font-weight: bold;
}

.bootstrap .has-error .help-block,
.bootstrap .has-error .control-label,
.bootstrap .has-error .radio,
.bootstrap .has-error .checkbox,
.bootstrap .has-error .radio-inline,
.bootstrap .has-error .checkbox-inline,
.bootstrap .has-error.radio label,
.bootstrap .has-error.checkbox label,
.bootstrap .has-error.radio-inline label,
.bootstrap .has-error label,
.bootstrap .has-error span,
.bootstrap .has-error.checkbox-inline label, .text-danger {
    color: #ff0000 !important;
    font-weight: 600;
}

.bootstrap .has-error p {
    color: #ff0000 !important;
}

.bootstrap .has-error .form-control, .bootstrap .has-error checkbox, .bootstrap .has-error radio {
    border: 1px solid #ff0000;
}

.bootstrap .has-error input[type=radio]:checked + label:before {
    background-color: #fff;
    border: 1px solid #ff0000;
}


.bootstrap .has-error input[type=checkbox]:checked + label:before {
    background-color: #fff;
    border: 1px solid #ff0000;
}

.guestBtn-sm {
    padding: 15px;
    background: #1b701b;
    color: #fff !important;
    margin: 5px !important;
    border: 0;
    border-radius: 5px;
    font-weight: 900 !important;
    font-size: 14px !important;
    transition: all 200ms ease;
}

.guestBtn-success {
    margin: 5px !important;
    border: 0;
    padding: 15px;
    border-radius: 0px;
    font-weight: 600 !important;
    font-size: 16px !important;
    background: #ffb81c;
    color: #1b701b !important;
    font-family: bio-sans,sans-serif !important;
    transition: all 200ms ease;
}


.guestRemoveBtn-sm {
    padding: 15px;
    background: #a60000;
    color: #fff !important;
    margin: 5px !important;
    border: 0;
    border-radius: 5px;
    font-weight: 900 !important;
    font-size: 14px !important;
    transition: all 200ms ease;
}

.bootstrap .has-error .form-control:focus {
    border-color: #ff0000;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bootstrap .glyphicon {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    float: right;
    font-size: x-large;
    margin-right: -35px;
    margin-top: -50px;
    color: #fff;
    display: none;
    -moz-osx-font-smoothing: grayscale;
}

.bootstrap .has-error .glyphicon {
    color: #f00;
    display: inline-block;
}

.bootstrap .bg-success {
    background-color: #154734;
    color: #fff;
}

#baylor_header {
    border-bottom: none;
    position: relative;
}

.bootstrap .alert-danger {
    margin-bottom: 10px;
    background: #a60000;
    font-size: 18px;
    color: #fff;
    padding: 10px;
    border-radius: 0px !important;
}

    .bootstrap .alert-danger ::before {
        content: "ERROR: ";
    }

.bootstrap .alert-success {
    margin-bottom: 10px;
    background: #154734;
    font-size: 18px;
    color: #fff;
    padding: 10px;
    border-radius: 0px !important;
}

.bootstrap .alert-warning {
    margin-bottom: 10px;
    background: #a60000;
    font-size: 18px;
    color: #fff;
    padding: 10px;
    border-radius: 0px !important;
}

.bootstrap .checkbox {
    clear: both;
}

.bootstrap .has-error input[type=radio]:checked + label:before {
    background-color: #3c763d;
    border: 1px solid #154734;
}
/*:focus {
    outline: none;
    box-shadow: none;
}*/
