.related-content .table > thead > tr > th, .related-content .table > tbody > tr > th, .related-content .table > tfoot > tr > th, .related-content .table > thead > tr > td, .related-content .table > tbody > tr > td, .related-content .table > tfoot > tr > td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

/*
.caption h3 {
    font-size: 16px;
}

.embed-responsive {
    box-shadow: none;
    margin-bottom: 30px;
}

.media,
.col-sm-4{
	margin-bottom: 20px;
}


@media (max-width: 992px) {
  .col-sm-4 {
    margin-bottom: 30px;
    width: 100%;
  }
}

*/

/**************************************************************************************/

#siteMasthead{
  background-image: url("/media/system/site-assets/images/site-bg.jpg");/**/
}


#siteLayout.page-9513{
	padding-top: 10rem;
}

#siteLayout.page-9513 > .container > .row > .col-12 > .border-bottom {
    display: none !important;
}

#siteLayout.page-9513 > .container{
	padding-top: 0 !important;
}

.bs5-columns{
  &:has(~ .bs5-columns){
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    margin-bottom: 1em;
  }
  & .container {
    padding-left: 0;
    padding-right: 0;
  }
}
    
.table tr:last-child td {
    border: none;
}

.mdc-tabs {
    & > #myTab {
        border-bottom: 1px solid var(--mdc-secondary);
        gap: 2px;
        & .nav-link{
            background: var(--mdc-secondary);
            border: 1px solid var(--mdc-secondary);
            border-radius: 5px 5px 0 0;
            color: #000;
            &.active{
                background: #fff;
                border-bottom-color: #fff;
                border-bottom-width: 2px;
                margin-bottom:-1px;
                
            }
            &:hover:not(.active){
                background: var(--mdc-primary);
                border-bottom-color: var(--mdc-primary);
                color:#fff;
            }
        }
    }
}

#general-information{
	& h3{
      margin-bottom: 1.5rem;
    }
}

#campus-specific-information-tabs {
    & h5{
        margin-top:1em;
    }
    & table{
        margin-top: .5em;
    }
}

.row:has(#parking-fee) {
    padding-top: 0 !important;
}


/******************************************/

/* #cap-and-gown{
    & table tr{
        display: table;
    }
} */


@media(max-width: 991px){
    table tr{
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        & td{
            width: 100%;
            &:last-child{
                text-align:right;
            }
        }
    }
    #cap-and-gown{
       & td{
            &:first-child{
                width: 40%;
            }
            &:last-child{
                width: 60%;            
            }
        }
       & p:has(br) {
       		display: none;
		}
    }
    #campus-specific-information-tabs{
        & .nav{
        	justify-content: flex-start !important;
            & button{
            	padding: .25rem .75rem;
            }
        }
        & td{
            &:first-child{
                width: 60%;
            }
            &:last-child{
                width: 40%;
            }
        }
        & .mdc-table:last-child table{
           & td{
               border: none;
               width: auto;
               &:first-child:after{  
                   content:':';
               }
           }
        }
    }
    #parking-and-arrivals{
        & tr{
            margin-bottom: 1rem;
            & td{
                border-bottom: none;
                padding: 0 5px;
                &:last-child{
                    text-align: left;
                }
                &:nth-child(1){
                    content: 'Campus: ';
                    font-weight: bold;
                }
                /* &:nth-child(2):before{
                    content: 'Parking Location: ';
                    font-weight: bold;
                } */
                &:nth-child(3):before{
                    content: 'Arrival Time: ';
                    font-weight: 600;
                }
                &:nth-child(4):before{
                    content: 'Time of Ceremony: ';
                    font-weight: 600;
                }
            }
        }
      	& .col-12:has(img){
            & p:not(:has(img)){
              display:none;
            }
        }
      	& .col-12:has(table){
            & p:not(:has(table)){
              display:none;
            }
        }
      	& p:has(br) {
       		display: none;
		}
    }
}

@media (min-width: 768px) {
 	#siteLayout{
  		padding-bottom: 3rem;
	}
    #cap-and-gown .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}



@media(min-width:768px) and (max-width:991px){
    #cap-and-gown{
        & .col-12:has(img){
            align-items: center;
            display: flex;
        }
        /* & img{
            object-fit:cover;
            height: 100%;
        } */
    }   
}
@media (min-width: 992px) and (max-width:1199px){
    #parking-and-arrivals{
        & .col-12:has(img){
            align-items: center;
            display: flex;
        }
    }
}

























