/*
 Theme Name:   SIP Child
 Theme URI:    http://flbog.sip.ufl.edu
 Description:  SIP Child Theme
 Author:       Ryan Copenhaver
    +Last Modified By: Jason Hollingsworth
 Author URI:   http://flbog.sip.ufl.edu
 Template:     sip
 Version:      1.0.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  sip-child
*/
 a:not([class]){
    text-decoration: underline;
 }
/*BOLD TEXT*/
.text-bold {
    font-weight: bold;
}

/*MARGIN SPACING*/
.mt-0 {
    margin-top: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}



/*PADDING SPACING*/
.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

/*CSS for login page*/
.form-signin {
    max-width: 500px;
    padding-bottom: 20px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-btn {
    margin-top: 10px;
    max-width: 300px;
    margin: auto;
}

/*main content on pages*/
div.row.content {
    font-size: 115%;
}


/*everything in main content (9-column) but the headers*/
div.col-md-9:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: inherit;
    width: 100%;
}

/*inherit font sizes in lists of pages*/
div.row.content ul li span {
    font-size: inherit;
}

/*Tabs for smith awards*/
div.su-tabs-nav span {
    font-size: inherit;
}

/*tabs for FAQ's*/
div.su-spoiler-title {
    font-size: inherit;
}

/*everything in tabs but the headers*/
div.su-tabs-pane:not(h3):not(h4) {
    font-size: inherit;
}

/* JASON EDITS */
    /*Fills space below navbar links created by <li>'s with lest than two wrapped rows of text.*/
/*nav ul {
    display: flex;
    float: left;
}
ul.nav li {
    width: 100%;
    align-items: center;
}*/
/* END JASON EDITS */

/*current tab*/
.su-tabs-current {
    border-top: 2px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

/*footer of site*/
div.footer {
    font-size: 115%;
}



.couponRequester {
    margin: 10px 0;
}

.test {
    height: available;
}

/* border in course store that */
/* all 4 sides and doesn't double up */
div.border {
    border-style: ridge;
    border-width: 4px;
    border-color: lightgrey;
    margin-right: -4px;
    margin-bottom: -4px;
}

/*Shrinks the index page carousel to fit in container*/
/*and matches navbar*/
.no-margins {
    margin: 0;
}

.attachment-large {
    width: 100%;
    height: 100% !important;
}

.underline {
    text-decoration: underline;
}

/* CSS for spoilers */
.spoilerArchive {
    background-color: #f0e5c7 !important;
    margin-bottom: 5px !important;
}

.spoilerArchive h4 {
    display: inline !important;
}

.su-spoiler-icon {}

/* CSS for specific horizontal lines */
.thickLine {
    border-top-width: 3px !important;
}

/*   WP Forms 7 Edits   */
.wpforms-confirmation-container-full {
    background-color: #aed5cc !important;
    border: 1px solid #333 !important;
}

.reportNowSuccess {
    background-color: #b0c6d6;
    border: 1px solid black;
    padding: 1.5em 0 3em 3em;
}

/*****END HEADER***/

/************* PAGE *************/
/******** MEET THE TEAM ********/
/*Grid*/
.teamPicGrid {
    /* Grid Fallback */
    display: block;
    flex-wrap: wrap;

    /* Supports Grid */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: minmax(150px, auto);
    grid-gap: 1em;
    text-align: center;
}

.teamPicGridItem {
    /* Grid Styles */
    display: block;
    align-items: center;
    justify-content: center;
    height: auto;

    /* Flex Fallback */
    margin-left: 5px;
    margin-right: 5px;
    flex: 1 1 200px;
    padding: 1em;
}

.teamPicGridItem::after {
    content: "";
    clear: both;
    display: table;
}
/*Grid*/
.headerGrid {
    /* Grid Fallback */
    display: inline-block;
    flex-wrap: wrap;

    /* Supports Grid */
    display: inline-flex;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 1em;
    text-align: center;
    width: 100%;
    justify-content: center;
}

.headerGridItem {
    /* Grid Styles */
    display: grid;
    align-items: flex-start;
    /* justify-content: flex-end; */
    height: auto;

    /* Flex Fallback */
    /* flex: 1 1 200px; */
    padding: .5em 0 .5em 0;
}
.headerGridItem .headerProvidersLogo {width:400px;max-width:100%;margin-left: auto;margin-right:auto;}
ul.nav > li:first-child, ul.nav > li:nth-child(6) {
    background-color: #b0c6d6;
}
@media(min-width:992px){
    .headerGrid {justify-content: space-between;}
    .headerGridItem .headerProvidersLogo {width:400px;max-width:100%;margin-left: auto;margin-right:0;}
    .headerGridItem .gsc-control-cse {padding:1em 0;width:500px;max-width:100%;}
}
/*** END "MEET THE TEAM" ********/

/*
***************************************
Begin responsive web design
***************************************
*/



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

    /*.header .headerLogo {
        display: none;
    }*/

    /*The following solves an issue 
    with spoilers jumbling multiple lines
    as a result of screen reduction*/
    .spoilerArchive h4 {
        display: inline;
    }
    .teamPicColumns {
        float: left;
        width: 50%;
        padding: 2em;
    }
}

@media only screen and (max-width: 650px) {
    .align-text-500px {
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {
    .teamPicColumns {
        width: 100%;
        float: none;
        text-align: center;
    }

}

@keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}