body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin: 0px;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 450px;
}

/* containers and elements*/

#moveContainerfluid {
    background-image: url('/images/Background2.jpeg');
}

#topSection {
    height: 100vh;
    background-image: url('/images/MoveGoals-2024-10-Oct.jpg');
    background-size: cover; /* Cover the entire div while maintaining aspect ratio */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the background */
    transition: background-image 0.75s ease-in-out;
}

#topMNSection {
    background-image: url('/images/MasterNews.jpg');
    background-size: cover; /* Cover the entire div while maintaining aspect ratio */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the background */
    transition: background-image 0.75s ease-in-out;
}

#topPodcastSection {
    min-height: 100vh;
    background-image: url('/images/PodcastBG4.jpg');
    background-size: cover; /* Cover the entire div while maintaining aspect ratio */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the background */
}

.panelSection {
    height: 65vh;
    background-image: url('/images/MoveBG3.jpg');
    background-size: cover; /* Cover the entire div while maintaining aspect ratio */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the background */
    transition: background-image 0.75s ease-in-out;
}

#modalScoreSection {
    background-image: url('/images/GoalMountainTransparent.png');
    background-size: cover; /* Cover the entire div while maintaining aspect ratio */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the background */
}

.quoteBox {
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
}

/* fonts and text*/

.montserrat-16-400 {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.montserrat-18-400 {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
}

.montserrat-18-600 {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}

.montserrat-20-400 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}

.montserrat-20-600 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.montserrat-40-600 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}

.montserrat-60-400 {
    font-family: Montserrat;
    font-size: 60px;
    font-weight: 400;
    line-height: 50px;
}

.montserrat-120-400 {
    font-family: Montserrat;
    font-size: 120px;
    font-weight: 400;
    line-height: 150px;
}

.opensans-10-400 {
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
}

.opensans-12-400 {
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.opensans-14-400 {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.opensans-14-600 {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.opensans-15-400 {
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.opensans-16-400 {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.opensans-16-600 {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.opensans-17-600 {
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
}

.opensans-18-400 {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}

.opensans-20-400 {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
}

.opensans-20-600 {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
}

.opensans-22-600 {
    font-family: 'Open Sans';
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
}

.opensans-30-400 {
    font-family: 'Open Sans';
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
}

/* foreground and background colors */

.moveRed {
    color: #9D0808;
}

.moveBlue {
    color: #083A9D;
}

.moveBGBlue {
    background-color: #083A9D;
}

.moveBGGreen {
    background-color: #3b793a;
}

.moveGold {
    color: #F9F1C2;
}

.moveBGGold {
    background-color: #F9F1C2;
}

.moveLightGray {
    color: #EEEEEE;
}


.moveWhite {
    color: #FFFFFF;
}

.moveGray{
    color: #999999;
}

.moveDarkGray {
    color: #666666;
}

.moveBGWhite {
    background-color: #FFFFFF;
}

.moveBGLightGray {
    background-color: #EFEFEF;
}

.moveBGGray {
    background-color: #CCCCCC;
}

.moveShadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.textShadow {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}


/*   Navigation styles  */

.navbar 
{
    height: 50px; /* Set the height of the navbar */
}

.navbar-brand img 
{
    height: 50px; /* Set the height of the logo image */
}


/* table styles*/

.thradio {
    width: 75px;
    font-size: 10px;
}

.thradio-sm {
    width: 75px;
    font-size: 10px;
    ;
}

.tdradio {
    text-align: center;
    width: 75px;
}

.tdradio-sm {
    text-align: center;
    width: 30px;
    font-size: smaller;
}

tr {
    height: 40px;
}

.card-img-top {
    max-height: 705px;
    max-width: 741px;
}

.card-flex-body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card-footer {
    margin-top: auto;
}