listbody {
	background-color: #fff !important;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
	font-size: 1.3em !important;
}
body p, body ul,body ol, body table { 
	font-size: .9rem !important;
}
/*body a {
	font-size: .95rem !important;
}*/
.regdate2025 {

text-align:left;
color: blue;
}



h1 {
	font-size: 2em; /* Twice the font size of the parent (body) */
}

h2 {
	font-size: 1.5em; /* 1.5 times the font size of the parent (body) */
	font-weight: 300;
}



h3 {
	font-size: 1.17em; /* Approximately 1.17 times the font size of the parent (body) */
	font-weight: 400;
}

h4 {
	font-size: 1em; /* Same font size as the parent (body) */
	font-weight: 600;
}

h5 {
	font-size: 0.83em; /* Approximately 0.83 times the font size of the parent (body) */
	font-weight: 600;
}

h6 {
	font-size: 0.67em; /* Approximately 0.67 times the font size of the parent (body) */
	font-weight: 600;
}
.navbar{

	background: #ecf0f1;

	padding: 5px 7%;
}


.navbar-dark .navbar-nav .nav-link {
    color: rgba(126,25,25,1.00);
    font-size: 18px;
}


.navbar-dark .navbar-nav .nav-link:hover {


color: rgba(126,25,25,1.00);


    font-weight: bold;
    text-decoration: underline;
}


/*Above Navbar*/
.navlinks {

    min-height:32px;

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  background-color: rgba(126,25,25,1.00);
}

.navlinks li {

	float: right;
}
.navlinks li a {

  display: block;

  color: white;

  text-align: center;

  padding: 16px;

  text-decoration: none;

}
.navlinks li a:hover {

  color: yellow;

  font-weight: bold;	

}

@media (max-width: 991px) {.navlinks {
	display: none;
	}
	
	
}
/*End*/
.dropdown-menu{
	top: 80% !important;
	padding: 0px !important;
}


.dropdown-item-nowrap{
	width: 180px;
	padding: 2px !important;
	word-wrap: break-word !important;
	white-space: break-spaces !important;
	font-size: 12pt;
}


}
@media (max-width: 991px) {


 .navlink a, input[type=text] {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .navlink input[type=text] {
    border: 1px solid #ccc;
  }

    .dropdown-item-nowrap {
        width: 100%;
    }
}

@media (max-width: 1200px) {


.navlinks a {


    display: block;

}

}

.dropdown-menu>a{
	border-top: 1px dashed grey;
	background-color: white;
}

/*.events-img-center{
    position: absolute;
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
*/

/*Event News Autoplay*/
/*
.slider {
	height: 150px;
	margin: auto;
	position: relative;
	width: 90%;
	display: grid;
	place-items: center;
	overflow: hidden;
}

.slide-track {
	display: flex;
	width: calc(150px * 2);
	animation: scroll 40s linear infinite;
}

.slide {
	height: 100px;
	width: 150px;
	display: flex;
	align-items: center;
	padding: 15px;
}

img {
	width: 100%;
}
*/
/*Event News End*/
/* Dashed border */
hr.dashed {

  border-top: 3px dashed #bbb;

}
.events-title{
	position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.7);
    width: 100%;
    text-align: center;
/*    padding: 0.4rem;*/
    text-wrap: wrap;
}

.swiper-slide img{
/*	position: absolute;*/
/*	transform: translate(-50%,-50%);*/
/*    top: 50%;*/
/*    left: 50%;*/
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}


.swiper-slide{
/*	margin: 15px;*/
/*	position: relative;*/
}

/*.swiper-container{
	max-width: 2450px;
    height: 375px;
    margin: -10 auto;
    background: rgba(173,173,173,1.00);
    justify-content: center;
    padding-top: 4rem;
    padding-bottom: -104rem;
}*/


.dropdown-item.active, .dropdown-item:active {

    background-color: white;

}

.dropdown:hover>.dropdown-menu{

    display: block;
    color: #ecf0f1;
    background-color: #800000;
    text-align: center;
    font-size: 18px;

}

.dropdown-item:hover  {
	color: red;
	text-decoration: underline;
}

.main-color {
	background-color: rgba(126,25,25,1.00) !important;
}

.bg-color-grey {
	background-color:#676767 !important; 
}

.bg-color-light-grey {
	background: rgba(173,173,173,1.00) !important;
}
.custom-card-body {
	background-color:rgba(112,6,6,1.00);
	color: yellow;
}

.custom-card-body02 {
	background-color:#e5e0e0;
	color: yellow;
}


div.div-a-style {
	background-color:rgba(112,6,6,1.00);
	font-size: 20px;
}

.content-title {
	background-color:rgba(112,6,6,1.00);
	font-size: 20px;
	color: yellow;
}

.content-box {
	width: 1200px;
	min-height: auto;
}

.list-group-item-footer a {
	text-decoration: none !important;
	color: rgba(49,27,232,1.00) !important;
	font-weight: bold;
}

.list-group-item-footer a:hover {
	background-color: rgba(229, 224, 224, 1.00);


	text-decoration-color: green;
	/*color: yellow;*/
	text-decoration: underline;
}
.list-unstyled li a:hover {
	text-decoration: bold;
	/*text-decoration: underline;*/
	color: red;
}

div.div-a-style a{
	color: yellow;
	text-decoration: none;
}

div.div-a-style a:hover{
	color: white;
	text-decoration: none;
}

div.card-header {
	background-color:#363636;
}

.list-group-item {				
	text-align: center;
	padding: 3px !important;
}

.list-group-item a{
	color: white;
	text-decoration: none;
}

.list-group-item a:hover{
	color: yellow;
	text-decoration: none;
}

div.card-header h1, 
div.card-header h2,
div.card-header h3,
div.card-header h4,
div.card-header h5,
div.card-header h6,
div.card-header p{
	color: yellow;
	text-align: left;
	margin-left: 10px;
}

.custom-card-with-border-radius {
	padding: 0 !important;
	border-radius: 10px 10px 0 0 !important;
	background-color: #676767 !important;
	color: yellow !important;
	padding-top: 10px !important;
}

.footer-style {
	background: rgba(229,224,224,1.00);
	padding: 0 0 10px;
	border-top: 2px	solid rgba(87,82,82,1.00);
}

.page-content {
	text-transform: none;
	background: rgba(229,224,224,1.00);
	border: 2px solid rgba(112,6,6,1.00);
	text-align: left;
	padding: 2%;
}

.page-content-title {
	text-decoration: underline;
	color: rgba(112,6,6,1.00);
}

.page-content-title-center {
	border-bottom: 2px solid rgba(112,6,6,1.00);
	color: rgba(112,6,6,1.00);
	text-align: center;
	margin-left: -2%;
	margin-right: -2%
}

/* CSS Tables Start*/
.linedtable {
	border-style:ridge;
	border-collapse:collapse;
	border-color:#000000;
	border-width:1px;
	background-color:#FFFFFF;
	width: 380px;
}

.linedtable td {
	padding-left: 5px;
	padding-right: 5px;
	border-style:ridge;
	border-collapse:collapse;
	border-color:#000000;
	border-width:1px;
}

/*HIDE Tables*/ 
@media (max-width: 500px) {
    .hide-on-mobile {
        display: none;
    }
}	



.linedtable01 {
	border-style:ridge;
	border-collapse:collapse;
	border-color:#000000;
	border-width:1px;
	background-color:#FFFFFF;
	width: 100%;
	min-width: 140px;
}

.linedtable01 td {
	padding-left: 5px;
	padding-right: 5px;
	border-style:ridge;
	border-collapse:collapse;
	border-color:#000000;
	border-width:1px;
	min-width: 100px;
}


.trunderline {
	border-bottom: solid #000000;
}

.calendaralt {
	background-color:#DDDDDD;
	background-color:#909090;

}

/* CSS Tables End*/

/*No bullets Start*/
.null-list li, ul .null-list {
	list-style-type: none;

}

ol.number-list-inside, ul.number-list-inside {
	display: block;
	list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 15px;
}
/*No bullets End*/
/*Offered Courses Content Start*/
.offcourses p {
	margin-bottom: 5px;
}

#offcoursetit {

	margin-top: 30px;
}

/*Offered Courses Content End*/

.custom-button-red {
	color: #FFFF33;
    background-color: #990000;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    border: 2px black solid;
}

.custom-button-red:hover {
	background-color: #FFFF33;
	color: #990000;
}

ol.list-inside, ul.list-inside {
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 15px;
}

a:hover {
	color: red;
}


.custom-button-calendar {
	background: rgba(112,6,6,1.00);
	color: white;
	font-size: 13px;
	font-weight: 600;
	vertical-align: middle;
	padding: 15px;

}
.custom-button-calendar:hover {
	background: rgba(112,6,6,1.00);
	color: white;
}

.icon-arrow-forward{
	background : url("http://localhost/amsamoa/images/Icons/arrow-forward_white2.png") no-repeat 0, 0;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	justify-content: flex-end;
	height: 15px;
	width: 15px;
	float: right;
}

.card-accordion-body {
	background: rgba(229,224,224,1.00);
}

.calendar-table tr {
	font-size: 13px;
	vertical-align: top;
	text-align: left
}

.custom-calendar-bg {
	background-color:#959595
}

.custom-calendar-bg-lightgrey {
    background-color:#B7B7B7;



}

.trunderline {
	border-bottom: solid #000000;
}

.list-group a.custom-style {


	font-size: .9rem !important;

	text-decoration: none;

	margin-bottom: 10px;

    background-color: rgba(112,6,6,1.00);
    color: white;
    border: solid 2px black;
    border-radius: 8px;
    padding: 15px !important;
    font-weight: 900;
/*    height: 60px;*/
}

.list-group a.custom-style:hover {
	color: white;

	text-decoration: underline;

    backgrou

.no-wrap {
	white-space: nowrap !important;
}

.fixed-top {
    position: fixed;
    top: 0;


    right: 0;
    left: 0;
    z-index: 1030;
}


/*This is for the Sidebar for the Catalog*/

/* Hamburger Button (Hidden on Desktop) */

.hamburger {
    display: none;
    font-size: 28px;
    background: none;
    border: none;
    color: #520110;
    cursor: pointer;
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 1001;
}

/* Sidebar Styling */
.sidebar { 
    width: 300px; 
    background: #520110; 
    color: white; 
    padding: 20px; 
    overflow-y: auto; 
    position: fixed;
    height: 100%;
    z-index: 1000;
    transition: transform 0.3s ease;
    box-sizing: border-box;
}

.sidebar h2 { 
    font-size: 1.2em; 
    text-align: center; 
    border-bottom: 2px solid white; 
    padding-bottom: 10px; 
    margin-top: 10px; 
}

/* Button Styling */
.nav-btn { 
    display: block; 
    width: 100%; 
    background: none; 
    border: none; 
    color: white; 
    padding: 10px; 
    text-align: left; 
    cursor: pointer; 
    border-bottom: 1px solid #7a1d30; 
    font-size: 0.95em; 
}

.nav-btn:hover { 
    background: #7a1d30; 
}

.sub-nav { 
    padding-left: 25px; 
    font-size: 0.85em; 
    border-bottom: 1px dashed #7a1d30; 
}

/* Content Area */
.content { 
    flex: 1; 
    padding: 40px; 
    overflow-y: auto; 
    background: #f9f9f9; 
    margin-left: 300px; /* Leaves space for the sidebar */
    width: calc(100% - 300px);
    transition: margin-left 0.3s ease;
    box-sizing: border-box;
    height: 100vh;
}

.section { 
    display: none; 
}

.section.active { 
    display: block; 
}

h1, h2, h3 { 
    color: #520110; 
}

table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 15px; 
}

th, td { 
    border: 1px solid #ddd; 
    padding: 8px; 
    text-align: left; 
}

th { 
    background-color: #520110; 
    color: white; 
}

/* Media Query for 595px width */
@media (max-width: 595px) {
    .hamburger { 
        display: block; 
    } 
    
    .sidebar { 
        transform: translateX(-100%); 
        padding-top: 60px; 
    }

    .sidebar.open { 
        transform: translateX(0); 
    }
    
    .content { 
        margin-left: 0; 
        width: 100%; 
        padding-top: 60px; 
    }
}

/* The individual columns */
.container {
    display: flex;
    gap: 20px; /* Adds space between the columns (optional) */
  }
  .column {
    flex: 1; /* Ensures all three columns take up an equal amount of space */
    padding: 20px;
    background-color: #f0f0f0; /* Added a light background just so you can see them */
    border: none; /* Explicitly no borders */
  }

  /* Responsive design: Stack the columns on smaller screens (like mobile phones) */
  @media (max-width: 768px) {
    .container {
      flex-direction: column;
    }
  }