/*=========================== Navigation ============================*/
#navi-link:hover{
    color:              var(--hover-text);
}
#navi-link {
    text-align:         center;
}

/*==================== Major Section Definitions ====================*/
* {
    padding:            0;
    margin:             0;
    box-sizing:         border-box;
}
body {
    background-color:   var(--body-bg);
/*  background-image:   linear-gradient (to right, var(--cadomi-navy), #149EAB, var(--cadomi-teal), #E3E3E5); */
}
.wrapper {
    height:             auto;
    width:              100%;
    display:            block;
    align-items:        flex-start;
    justify-content:    flex-start;
    margin-top:         20px;
    margin-bottom:      20px;
}
.content {
    top:                auto;
    left:               auto;
    background:         var(--content-bg);
    border:             1px solid var(--content-border);
    width:              75%;
    height:             auto;
    margin:             auto;
    padding:            45px;
    text-align:         left;
/*  box-shadow:         0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    border-radius:      50px; */
}
.footer-bottom {
    width:              100%;
    bottom:             0;
}

/*==================== Minor Section Definitions ====================*/
.input-rows {
    height:             40px;
    margin-top:         10px;
    margin-bottom:      10px;
    display:            flex;
    align-items:        center;
    justify-content:    center;
}
.modal-content {
    padding:            20px;
}
.modal-body {
    display:            flex;
    flex-direction:     column;
}
.mouseover:hover{
    cursor:             pointer;
}
.bolded {
    font-weight:        bold;
}
.underline {
    text-decoration:    underline;
}
.teamphoto {
    height:             30px;
    width:              30px;
    background-color:   none;
    border-radius:      50%;
    justify-content:    center;
    align-items:        center;
    border:             1px solid var(--primary-border);
    margin-top:         -5px;
}
/* .titleheader {
    display:            flex;
    justify-content:    space-between;
} */
.form-select {
    display:            inline-block;
    vertical-align:     middle;
    margin:             0 5px;
    padding:            2px;
    font-size:          14px;
    line-height:        1.5;
    min-width:          100px;
}
/*
.organization-name {
    margin-left:        5px;
    color:              #adb5bd;
    min-width:          100px;
}
*/

/*======================== Media Definitions ========================*/
@media only screen and (max-width: 1300px) {
    .theme-row {
        flex-wrap:      wrap;
        flex-direction: column;
    }
    .theme-row-box {
        height:         100%;
        position:       inherit
    }
    .theme-row-box-form {
        position:       inherit;
        margin-bottom:  10px;
    }
    .lrtb {
        border-left:    1px solid var(--primary-border);
        border-right:   1px solid var(--primary-border);
        border-top:     none;
        border-bottom:  none;
    }
}
@media only screen and (max-width: 600px) {
    .wrapper {
        margin-top:     0;
        margin-bottom:  0;
        height:         100%;
    }
    .content {
        width:          100%;
        border-radius:  0;
        height:         100%;
    }
}