@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 body {
	 font-family: 'Bitter', serif;
	 font-weight: 400;
}

 button, .button {
    font-family: 'Bitter', serif;
    font-weight: 400;
 }
 
  p {
	font-family: 'Bitter', serif;
    font-weight: 400;
    font-size: 15px;
}

 ul, ol, dl {
    font-family: 'Bitter', serif;
    font-weight: 400;
 }
 
  a {
    font-family: 'Bitter', serif;
    font-weight: 600;
}
 
  footer p, footer li {
    font-family: 'Bitter', serif;  
  }
  
   table tr th {
    font-family: 'Bitter', serif;     
   }
        .bcNav {
                color:rgb(153,19,34);
                font-size: 12px;
        }
        .tuitionTable .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
                padding: 1px;
                border-top: 0px solid #FFFFFF;
                background-color: #eee;
                padding-left: 8px;
                padding-right: 8px;
        }
        
        .tuitionTable .table > tr > th, .table > tbody > tr > th, .table > thead > tr > th {
            border-bottom: 3px solid #ffffff;
        }
        
        .tuitionTablePL {
            padding-left: 7.5px;
        }
        
        .tuitionTablePR {
            padding-right: 7.5px;
        }
        .fourBtnImg img{
                visibility: visible;
        }
        .fourBtnImg p{
                visibility: hidden;
        }
        .fourBtnImg:hover img{
                visibility: hidden;
        }
        .fourBtnImg:hover p{
                visibility: visible;
        }
        #headerTuition:after {
            content:"Tuition \A and fees";
            white-space: pre;
        }
        #headerOverview:after {
            content:"Program \A Overview";
            white-space: pre;
        }
        #headerAdmissions:after {
            content:"Admissions \A Requirements";
            white-space: pre;
        }
        #headerGradeOp:after {
            content:"Graduate \A Opportunities";
            white-space: pre;
        }
        #headerCourses:after {
            content:"Program \A Courses";
            white-space: pre;
        }
        .nav-tabs.nav-justified > li > a {
                        border-bottom: 4px solid rgb(153,19,34);
                        color: #FFF;
                        font-size: 15px;
                        font-family: 'rawline', sans-serif;
                        background-color: #222;
                        font-weight: 400;
                        border-radius: 0;
                        font-weight: 600;
				        letter-spacing: 1px;
        }
        .nav-tabs.nav-justified > .active > a {
                        border-bottom: 4px solid rgb(153,19,34);
                        background-color: rgb(153,19,34);
                        color: #FFF;
				        z-index: 999;
				        font-size: 15px;
				        font-family: 'rawline', sans-serif;
				        font-weight: 600;
				        letter-spacing: 1px;
        }
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
                        border-bottom: 4px solid rgb(153,19,34);
                        background-color: rgb(153,19,34);
                        color: #FFF;
        }
        .nav > li > a:focus, .nav > li > a:hover {
                        
        }
        *:focus {
                        outline: 0 !important;
        }
        .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
                        border: 0px solid rgb(153,19,34);
        }
        .nav-tabs > li > a {
                        border: 0px solid transparent;
        }
                
           .nav>li>a {
                padding: 5px 10px;
                line-height: 1.2;
                text-transform: uppercase;
          }
          
          .nav> li {
                padding-left: 5px;
                padding-right: 5px;
          }
        
        .applyBox {
                        padding: 15px; 
                        border: 3px solid rgb(153,19,34); 
                        position: absolute; 
                        z-index: 999; 
                        background-color: #FFF; 
                        top: -117px; 
                        width:100%;
                }
                
        .desktopCenterText {
                text-align:center;
        }
        .coursesBorder {
                border-bottom: 4px solid rgb(153,19,34);
        }
        .coursesBorder2 {
                border-bottom: 4px solid rgb(153,19,34);
        }
        @media only screen and (max-width: 40.063em) {
                .applyBox {
                        padding: 15px; 
                        border: 3px solid rgb(153,19,34); 
                        position: relative; 
                        background-color: #FFF; 
                        width:100%;
                        top:0px;
                }
                .tuitionTablePL {
                    padding-left: 0px;
                }
                
                .tuitionTablePR {
                    padding-right: 0px;
                }
                #headerTuition:after {
                    content:"Tuition and fees";
                    white-space: pre;
                }
                #headerOverview:after {
                    content:"Program Overview";
                    white-space: pre;
                }
                #headerAdmissions:after {
                    content:"Admissions Requirements";
                    white-space: pre;
                }
                #headerGradeOp:after {
                    content:"Graduate Opportunities";
                    white-space: pre;
                }
                #headerCourses:after {
                    content:"Program Courses";
                    white-space: pre;
                }
                .desktopCenterText {
                        text-align:left;
                }
                .coursesBorder {
                        border-bottom: 0px solid rgb(153,19,34);
                }
                .coursesBorder2 {
                        border-bottom: 4px solid rgb(153,19,34);
                }
                                
                        .pTop {
                                padding-top: 20px;
                        }
        }
        .overviewSpan {
            font-family: 'rawline', sans-serif;
            font-size: 13px;
            color: #222;
            font-weight: 500;
        }
        
        .testimonialP p {
            font-family: 'Bitter', serif;
        }
        
        .testimonialP a {
            color: #FFF;
            text-decoration: underline;
        }
        
		.programH2Title {
			color: #222; 
			text-align: center; 
			font-size: 1.7vw; 
			line-height: 1; 
			margin-bottom: 0px;
			top: 9px;
            position: absolute;
            width: 100%;
            padding-top:10px;
		}
		.programOverviewBorder {
			border-top-left-radius:11px !important;
		}
		.programCourseBorder {
			border-top-right-radius:11px !important;
		}
		.breadcrumbPadding {
			margin-left: 0; 
			line-height: 1;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		.menuCH {
			max-width: 13ch;
		}
		.menuPadding {
		    padding-top:65px;
		}
		@media only screen and (max-width: 48.063em) {
            .programH2Title {
    			color: #222; 
    			text-align: center; 
    			font-size: 4vw; 
    			line-height: 1; 
    			margin-bottom: 0px;
    			top: -17px;
                position: relative;
                width: 100%;
                padding-top:10px;
    		}
    		.menuPadding {
    		    padding-top:0px;
    		}
        }
		@media only screen and (max-width: 40.063em) {
			.programH2Title {
				font-size: 5vw; 
				margin-bottom: 0px;
				top: -21px;
                position: relative;
			}
			.menuPadding {
    		    padding-top: 0px;
    		}
			.programOverviewBorder {
				border-top-left-radius:0px !important;
			}
			.programCourseBorder {
				border-top-right-radius:0px !important;
			}
			.breadcrumbPadding {
				padding-top: 12px;
				padding-bottom: 15px;
			}
			.menuCH {
				max-width: 20ch;
			}
		}
		.listStyling ul li {
		    border-bottom: 3px solid #FFF;
            margin-bottom: 5px;
		}
		
		.listStyling ul li:last-child {
		    border-bottom: 0px solid #FFF;
            margin-bottom: 0px;
		}
		.titleFont {
		    font-family: 'rawline', sans-serif;
		    font-weight: 600;
            color: #222;
		}

.newsBlogF {
        Padding-left:0px;
        Padding-right:10px;
}
.newsBlogM {
        Padding-left:5px;
        Padding-right:5px;
}
.newsBlogL {
        Padding-left:10px;
        Padding-right:0px;
}
@media only screen and (max-width: 40.062em) {
        .newsBlogF {
                Padding-left:0px;
                Padding-right:0px;
        }
        .newsBlogM {
                Padding-left:0px;
                Padding-right:0px;
        }
}
.druid {
		content: '';
		display: block;
		position: relative;
		min-height: 270px;
	}
	
	.dragon {
		content: '';
		color: #fff;
		background-color: rgb(153,19,34);
		top: auto;
		width: 90%;
		height: 15px;
		transition: height .5s ease-in-out !important;
		transition: background-color 500ms ease;
		overflow: hidden;
		z-index: 2;
		position: absolute;
		border-radius: 8px;
		margin-left: auto;
		margin-right: auto;
		bottom: 25px;
		left: 0;
		right: 0;
	}
	.beholder {
		position: absolute;
		bottom: 52px;
		text-align: center;
		width: 100%;
		color: #FFF;
		text-shadow: 0 0 10px #000;
		font-size: 16px;
		z-index: 999;
	}
	
	#ironman {
    		display: none;
    	}
    	.clown:hover .dragon {
    		height:190px;
    		padding: 15px;
    	}
    	.clown:hover #ironman {
    		display: block;
    	}
		.clown:hover .beholder {
    		z-index: 0;
    	}
 .tilesShade {
	 background-image: -moz-linear-gradient( 90deg, rgb(26 26 26) 0%, rgb(255 255 255 / 0%) 45%);
	 background-image: -webkit-linear-gradient( 90deg, rgb(26 26 26) 0%, rgb(255 255 255 / 0%) 45%);
	 background-image: -ms-linear-gradient( 90deg, rgb(26 26 26) 0%, rgb(255 255 255 / 0%) 45%);
	 mix-blend-mode: overlay;
}
 .bannerShade {
	 background-image: -moz-linear-gradient( 90deg, rgb(26 26 26) 0%, rgb(255 255 255 / 0%) 30%);
	 background-image: -webkit-linear-gradient( 90deg, rgb(26 26 26) 0%, rgb(255 255 255 / 0%) 30%);
	 background-image: -ms-linear-gradient( 90deg, rgb(26 26 26) 0%, rgb(255 255 255 / 0%) 30%);
	 mix-blend-mode: overlay;
	 width: 100%;
}
@media only screen and (max-width: 40.062em) {
    .hideColumnTitle {
        display:none !important;
    }   
}

.collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

 .activeDD:after {
	 content: "\2212" !important;
}
 .collapsible:after {
	 content: '\002B';
	 color: white;
	 font-weight: bold;
	 float: right;
	 margin-left: 5px;
}
 .content {
	 padding: 0 18px;
	 max-height: 0;
	 overflow: hidden;
	 transition: max-height 0.2s ease-out;
	 background-color: #f1f1f1;
	 margin-bottom: 15px;
}
 .content p {
	 padding-top: 8px;
}
.totalFees th p {
    margin-bottom:0px;
}