/*************************************/
/* © Apricore 2026                   */
/* https://gribskov-ungdomsskole.dk/ */
/*                                   */
/* Gribskov Ungdomsskole             */
/*************************************/

@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@100;300;400&family=Roboto:ital,wght@0,100;0,300;0,500;1,300;1,500&display=swap);



/*********************************/
/* Grundlayout og grundtypografi */
/*********************************/
html {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background: fixed;
	background-image:  url(images/bg.svg);
	background-repeat:  repeat;
	background-size:  cover;
	/* Gradient */
	background-color: #ffffff;
}

/* START: Customer specific */
/* body, td { */
/*body, td, span, p {*/
body, td, p {
	font-size: 1.5rem; /* START: Customer specific */
	/* font-size : 16px; */
	color :  #222222;
	font-family: 'Roboto', sans-serif;;
	font-weight: 300; /* Customer specific */
}

p {
	padding-top: 0.7rem; /* Customer specific */
	padding-bottom: 0.7rem; /* Customer specific */
}


em, strong {
	font-size: 1.5rem; /* START: Customer specific */
}

/* END: Customer specific */

fieldset {
	border: 1px solid #333332;
	padding: 5px;
}



/************************/
/* Webdokument generelt */
/************************/

a, a:link, a:visited, a:active {
	color :  #000000;
	text-decoration: none;
	background-color:  transparent;
}

a:hover {
	color :  #000000;
	text-decoration: underline overline;
	background-color:  transparent;
}

.rubrik {
	font-family: 'Oswald', sans-serif;;
	font-size: clamp(1.8rem, 5vw, 3.3rem);
	font-weight: 300;
	color:  #222222;
	padding: 0 0 5px 0 !important;
	padding-top: 18px !important; /* Customer specific */
	padding-bottom: 0px !important; /* Customer specific */
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
	box-sizing: border-box;
}

.underrubrik {
	font-family: 'Oswald', sans-serif;;
	font-weight: 300;
	font-size: clamp(1.1rem, 2.5vw, 1.3rem);
	font-style: normal;
	color:  #222222;
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
	box-sizing: border-box;
	margin-bottom: 25px; /* Customer specific */
}

.lokalmenubar, a.lokalmenubar:link, a.lokalmenubar:visited, a.lokalmenubar:active {
	font-size: 13px;
	text-decoration: none;
}

a.lokalmenubar:hover {
	color :  #222222;
}

.broedtekst {
	color :  #222222;
}

a:link.broedtekst, a:visited.broedtekst, a:active.broedtekst {
	color :  #222222;
	text-decoration: underline;
}

a:hover.broedtekst {
	color :  #222222;
	text-decoration: none;
}

.mellemrubrik {
	font-family: 'Oswald', sans-serif;;
	color: #222222;
	font-size: clamp(1.2rem, 2.0vw, 1.5rem);
	font-weight: bold;
	padding: 8px 0 8px 0;
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
	box-sizing: border-box;
}

.lilletekst {
	font-size: 10px;
}

a.lilletekst, a.lilletekst:link,a.lilletekst:visited, a.lilletekst:active {
	text-decoration: none;
}

a.lilletekst:hover {
	text-decoration: underline;
}

.sidetal {
	/* Bruges til initialer i bunden */
	font-size: 11px;
	box-sizing: border-box;
}



/***********************/
/* Page Toolbar        */
/***********************/
.pageToolBarContainer {
	font-size: 82%;
}

.pageToolBarContainer span {
	margin: 0px 0px 0px 3px;
	background: transparent;
}

.pageToolBarContainer span i {
	/* The background symbol */
	color: inherit;
}

.pageToolBarContainer span a {
	color: inherit;
	text-decoration: none;
}

.pageToolBarContainer span a:hover, .pageToolBarContainer span a:focus {
	color:  #ffffff;
	background:  #ee4130;
}


/************/
/* Billeder */
/************/

.image {
	color: #222222; /* Must be set here too, since eg. images in comp_slideshow won't work */
	background-color: transparent;
	border: 0;
	box-sizing: border-box;
}

.billedtekst, a.billedtekst, a.billedtekst:link, a.billedtekst:visited, a.billedtekst:active, a.billedtekst:hover {
	color: #222222;
	font-size: inherit;
	font-weight: normal;
	padding: 7px 7px 7px 10px;
	text-decoration: none;
}

a.billedtekst:hover {
	text-decoration: underline;
}

table.billedbaggrund, div.billedbaggrund {
	background: transparent;
}



/********/
/* Menu */
/********/

#top_menu_outer_box {
		background-color: #222222;
	width: 100%;
	margin: 0 auto 0 auto;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #3b3b3b;
	box-sizing: border-box;
}

#top_menu {
		width: 1100px;
		height: 63px;
	padding: 0 0 0 0;
	margin: 0 auto;
		background-repeat: no-repeat;
	background-color:  #222222;	box-sizing: border-box;
	/* overflow: hidden; */
	z-index: 401;
}

#top_menu li {
	}

#top_menu li a {
		-webkit-transition: 170ms ease-out;
	transition: 170ms ease-out;
	letter-spacing: 1px; /* Customer specific */
}

/************************/
/* DropDown Menu Styles */
/************************/

#top_menu li:hover > ul {
	/* On hover, display the next level's menu */
	display: inline;
}

/* Level 2 */
#top_menu > li > ul {
	position: absolute;
	top: 65px;
	width: 300px;
	padding: 0;
	margin: -2px 0 0 0;
	display: none;
}

#top_menu > li {
	position: relative;
}

/* Level 3 */
#top_menu > li > ul > li > ul {
	position: absolute;
	top: 0;
	right: -350px;
	width: 350px;
	display: none;
}

#top_menu li > ul > li {
	position: relative;
}

/* Level 4 */
#top_menu > li > ul > li > ul > li > ul {
	position: absolute;
	top: 0;
	right: -200px;
	width: 200px;
	display: none;
}

#top_menu li > ul > li > ul > li {
	position: relative;
}

/* Level 1 - horizontal */
#top_menu li {
	float: left;
	list-style: none;
	border-right:  #3b3b3b solid 1px;
}

#top_menu li a {
	/* Level 1 menu */
	font-family: 'Oswald', sans-serif;;
	font-size: 130%;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	color:  #eeeeee;
	padding: 8px 9px 9px 9px;
	margin: 0 0 0 0;
	background-color:  #222222;
	white-space: nowrap;
	display: block;
}

#top_menu li a:hover {
	/* Level 1 menu */
	color:  #87c445;
	background-color:  #000000;
}

#top_menu li a.menu_horizontal_level_1_selected {
	font-weight: none;
}

/* Level 2 - horizontal */
#top_menu li ul li {
	float: none;
	list-style: none;
	border-bottom:  #3b3b3b double 1px;
	z-index: 401;
}

#top_menu li ul li a {
	/* Level 2 menu */
	font-family: 'Oswald', sans-serif;;
	font-size: 80%;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	color:  #eeeeee;
	padding: 3px 5px 5px 10px;
	margin: 0 0 0 0;
	background-color:  #222222;
	white-space: nowrap;
	display: block;
	z-index: 401;
}

#top_menu li ul li a:hover {
	/* Level 2 menu */
	color:  #87c445;
	background-color:  #000000;
}

/* Level 3 - horizontal */
#top_menu li ul li ul li {
	float: none;
	list-style: none;
	border-bottom:  #3b3b3b solid 1px;
	z-index: 401;
}

#top_menu li ul li ul li a {
	/* Level 3 menu */
	font-family: 'Oswald', sans-serif;;
	font-size: 80%;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	color:  #eeeeee;
	padding: 3px 5px 5px 10px;
	margin: 0 0 0 0;
	background-color:  #222222;
	white-space: nowrap;
	display: block;
	z-index: 401;
}

#top_menu li ul li ul li a:hover {
	/* Level 3 menu */
	color:  #87c445;
	background-color:  #000000;
}


#menu_left {
	margin: 0;
	padding: 0;
}


	#burger_container {
		background-color: #ffffff;
	}

/******************/
/* Special Column */
/******************/

.special_column_list div {
	/* Header over each list in the right column */
	margin: 46px 0px 0px 0px;
	padding: 0px 0px 11px 0px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #05757f;
		border-bottom:  #05757f solid 4px;}

.special_column_list ul {
	margin: 0;
	padding: 0;
}

.special_column_list li {
	list-style: none;
		border-bottom:  #05757f solid 2px;}

.special_column_list li a {
	font-family: inherit;
	font-size: 14px;
	font-weight: ;
	color:  #05757f;
	background-color:  ;
	padding: 12px 0px 12px 0px;
	margin: 0 0 0 0;
	text-transform: none;
	text-decoration: none;
	display: block;
	white-space: normal;
	overflow: hidden;
}

.special_column_list li a:hover {
	text-decoration: underline overline;
	color:  #05757f;
	background-color: ;
}


/************/
/* Formular */
/************/

select  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #222222; /* The text color in the dropdown */
	font-size: 11px;
	font-weight: normal;
}

input[type="text"], input[type="password"], textarea, select {
	box-sizing: border-box;
	border: 1px solid #222222;
}

input[type="text"], input[type="password"] {
	height: 21px;
}

input[type="radio"], input[type="checkbox"] {
	/* Jakob: This should stay off, for at better user experience */
	/* outline: none; */
}

input[type="button"], input[type=submit] {
	outline: none;
}

input[disabled], button[disabled], textarea[disabled], select[disabled] {
	opacity: 0.5;
}



/***************/
/***************/
/*** MODULER ***/
/***************/
/***************/

/************/
/* Kalender */
/************/

.kalender_overskrift {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333332;
	font-size: 14px;
	font-weight: bold;
}

.kalender_dato {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #8b96a0;
	font-size: 11px;
}

/****************/
/* Klistermærke */
/****************/

.sticker_overskrift, a.sticker_overskrift:link, a.sticker_overskrift:visited, a.sticker_overskrift:active, a.sticker_overskrift:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color : #333332;
	font-weight: bold;
	text-decoration: none;
	line-height: 11px;
}

.sticker_broedtekst, a.sticker_broedtekst:link, a.sticker_broedtekst:visited, a.sticker_broedtekst:active, a.sticker_broedtekst:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 11px;
	color : #333332;
	font-weight: normal;
	text-decoration: none;
}



/*******************************/
/*******************************/
/*** KUNDESPECIFIKKE KLASSER ***/
/*******************************/
/*******************************/

#breadcrumbs_container {
	width: 100%;
	background-color: transparent;
}

#breadcrums {
	max-width: 1100px;
	font-family: inherit;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 900;
	color: #000000;
	background-color: transparent;
	margin: 0 auto;
	padding: 10px 0 0 0;
	white-space: nowrap;
	box-sizing: border-box;
}

#breadcrums a {
	color: #000000;
	font-weight: 900;
	text-decoration: none;
	background: transparent;
}

#breadcrums a:hover {
	color: #000000;
	text-decoration: overline underline;
	background: transparent;
}

@media screen and (max-width: 1100px) {
	#breadcrums {
		padding: 20px 5.9% 0 5.9%;
	}
}

/***********/
/* Nyheder */
/***********/

/* Normal news */
#newsContainer {
	max-width: 1100px;
	margin: 0 auto;
	margin-top: 56px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	animation-name: fadeIn;
}

.newsStoryContainer {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 260px;
	flex: 1 1 260px;
	overflow: hidden;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
}

.newsStoryContainer img {
	width: 100%;
	height: auto;
	border: 0px;
	margin: 0 0 28px 0;
	padding: 0 0 0 0;
}

.newsStoryManchet {
	font-size: 1.8rem;
	font-family: "Oswald", sans-serif;
	margin-top: 2rem;
	margin-bottom: 1rem;
	color: #222222;
	font-weight: 300;
	box-sizing: border-box;
	padding: 0;
}

.newsStoryText, .newsStoryText p, a:link.newsStoryText, a:hover.newsStoryText, a:active.newsStoryText, a:visited.newsStoryText {
	font-size: 1.3rem;
	line-height: 1.8rem;
	font-weight: 300;
	font-family: "Roboto", sans-serif;
	margin-bottom: 2.3rem;
	color: #222222;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#newsStoryLinksContainer {
	width: 100%;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
}

#newsStoryLinksContainer div {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#newsStoryLinksContainer div a {
	font-size: 1rem;
	font-weight: 300;
	padding: 1.5em 0;
	color: #222222;
	text-decoration: none;
	display: block;
}

#newsStoryLinksContainer div a:hover {
	text-decoration: underline;
}



/**************/
/* Responsive */
/**************/

header {
	width: 100%;
	height: 129px;
	margin: 0 0 0 0;
	padding: 0;
	background-color:  #ffffff;
	background-image: url();
	background-position: left;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: 300;
	text-transform: none;
	color: #808080;
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: #000000;
	box-sizing: border-box;
}

#main_content {
	box-sizing: border-box;
}


/* -------------------------------------------- */
/* Larger than WEBSITE_PAGE_WIDTH_FRONTEND - PC */
/* -------------------------------------------- */

@media screen and (min-width: 1100px) {
	.hide_for_tablets {
		display: block !important;
	}
	
	.hide_for_pc {
		display: none !important;
	}
	
	#menu_column_fronpage, #menu_column_subpage {
		width: 27.13%;
		height: 1070px;
		padding: 0 0 300px 0;
		margin-top: 165px;
		margin-bottom: 0;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #808080;
		background-color:  #ffffff;
		background-image: url();;
		background-repeat: no-repeat;
		box-sizing: border-box;
	}
	
	#content_column_frontpage {
		padding: 0 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #004181;
		box-sizing: border-box;
	}
	
	#content_column_subpage {
		margin-left: auto;
		margin-right: auto;
		padding:
			0			0			0			0		;
		max-width: 1100px; /* Limits width in one column designs */
		box-sizing: border-box;
	}
	
	#fake_content_top_margin {
		height: 0;
		background-color: transparent;
		max-width: 1100px; /* Limits width in one column designs */
		margin: 0 auto;
	}
	
	#fake_content_bottom_margin {
		height: 0;
		background-color: transparent;
		max-width: 1100px; /* Limits width in one column designs */
		margin: 0 auto;
	}
	
	
	/* One column design */
	
	.apr_paragraph_width_unlimited {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
	
	.apr_paragraph_width_margins_included {
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
	
	.apr_paragraph_width_normal {
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
	
	#special_column {
		/* The container */
		width: 13.3%;
		margin-top: 0;
		margin-bottom: 150px;
		padding: 0 0 0 0;
		float: left;
		background-color:  #ffffff;
		box-sizing: border-box;
	}
	
	footer {
		font-family: 'Roboto', sans-serif;;
		font-size: 1.1rem;
		font-weight: 300;
		text-transform: none;
		color: #d1d1d1;
		min-height: 110px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #950008;
		
		/* Gradient */
		background: -webkit-linear-gradient( #1ba4db,  #0d87c6)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient( #1ba4db,  #0d87c6)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient( #1ba4db,  #0d87c6)); /* For Firefox 3.6 to 15 */
		background: linear-gradient( #1ba4db,  #0d87c6); /* Standard syntax */
		box-sizing: border-box;
	}
	
	
	footer a:link, footer a:visited, footer a:active, footer a:hover {
		color: ##d1d1d1;
	}
}



/* ------------------------------------------------- */
/* for WEBSITE_PAGE_WIDTH_FRONTEND or less - Tablets */
/* ------------------------------------------------- */

@media screen and (max-width: 1099px) {
	.hide_for_tablets {
		display: none !important;
	}
	
	.hide_for_pc {
		display: block;
	}
	
	#main_content, body {
		background-image: none !important;
		background-color: transparent !important;
	}
	
	header {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	#content_column_frontpage {
		padding: 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #004181;
		box-sizing: border-box;
	}
	
	#content_column_subpage {
		padding:
			0			0			0			0	;
		box-sizing: border-box;
	}
	
	#fake_content_top_margin {
		height: 0;
		background-color: transparent;
		max-width: 1100px; /* Limits width in one column designs */
		margin: 0 auto;
	}
	
	#fake_content_bottom_margin {
		height: 0;
		background-color: transparent;
		max-width: 1100px; /* Limits width in one column designs */
		margin: 0 auto;
	}
	
	table.content_column_responsive:not([style*='display: none;']), td.content_column_responsive:not([style*='display: none;']), div.content_column_responsive:not([style*='display: none;']), img.content_column_responsive:not([style*='display: none;']), label.content_column_responsive:not([style*='display: none;']) {
    	float: none !important;
		display: block !important;
    	width: 100% !important;
    	margin-left: 0 !important;
    	margin-right: 0 !important;
    	padding-left: 0 !important;
    	padding-right: 0 !important;
    }
	
	.apr_paragraph_width_unlimited, .apr_paragraph_width_margins_included {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
	
	.apr_paragraph_width_normal {
		padding-left: 3vw;
		padding-right: 3vw;
		box-sizing: border-box;
	}
	
	#special_column {
		float: left;
		width: 95.5%;
		padding: 8px 2.2% 5% 2.3%;
		box-sizing: border-box;
	}
	
	footer {
		font-family: 'Roboto', sans-serif;;
		font-size: 18px;
		font-weight: 400;
		text-transform: none;
		color: #ffffff;
		min-height: 201px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #950008;
		
		/* Gradient */
		background: -webkit-linear-gradient( #1ba4db,  #0d87c6)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient( #1ba4db,  #0d87c6)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient( #1ba4db,  #0d87c6)); /* For Firefox 3.6 to 15 */
		background: linear-gradient( #1ba4db,  #0d87c6); /* Standard syntax */
		box-sizing: border-box;
	}
	
	footer a:link, footer a:visited, footer a:active, footer a:hover {
		color: ##ffffff;
	}
}



/* ------------------------- */
/* for 414px or less - Phone */
/* ------------------------- */

@media screen and (max-width: 414px) {
	
	.hide_for_phones {
		display: none !important;
	}
	
	#main_content {
		/* Gradient */
			background:  transparent auto;
		box-sizing: border-box;
	}
	
	header {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	#content_column_frontpage {
		padding: 0 0 0 0;
		border-width: 0;
		border-style: solid;
		border-color: #004181;
		box-sizing: border-box;
	}
	
	#content_column_subpage {
		padding:
			0			0			0			0	;
		box-sizing: border-box;
	}
	
	#fake_content_top_margin {
		height: 0;
		background-color: transparent;
		max-width: 1100px; /* Limits width in one column designs */
		margin: 0 auto;
	}
	
	#fake_content_bottom_margin {
		height: 0;
		background-color: transparent;
		max-width: 1100px; /* Limits width in one column designs */
		margin: 0 auto;
	}

	
	#special_column {
		float: left;
		width: 95.5%;
		padding: 8px 2.2% 5% 2.3%;
		box-sizing: border-box;
	}
	
	footer {
		font-family: 'Roboto', sans-serif;;
		font-size: 18px;
		font-weight: 400;
		text-transform: none;
		color: #ffffff;
		min-height: 201px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #950008;
		/* Gradient */
		background: -webkit-linear-gradient( #1ba4db,  #0d87c6)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient( #1ba4db,  #0d87c6)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient( #1ba4db,  #0d87c6)); /* For Firefox 3.6 to 15 */
		background: linear-gradient( #1ba4db,  #0d87c6); /* Standard syntax */
		box-sizing: border-box;
	}
	
	footer a:link, footer a:visited, footer a:active, footer a:hover {
		color: ##ffffff;
	}
}

a:focus > img {
	outline: solid 2px !important;
	outline-color: currentcolor;
	outline-offset: 5px;
	transition: outline-offset .2s;
}

/*******************************/
/*******************************/
/*** KUNDESPECIFIKKE KLASSER ***/
/*******************************/
/*******************************/

.sidetal_new {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 13px;
}

#burger_container {
	background-color: #222222;
	height: 62px;
	padding: 20px 3vw 0 3vw;
	box-sizing: border-box;
}

#mobile_menu {
	margin-top: 20px;
}


/* Frontpage: Hold på vej... */

.fp_upcomming_course_container {
	width: 49.34%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fp_upcomming_course_container div:first-child {
	/* Image container */
	width: 24.04%;
	border: 1px solid #d3d3d3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fp_upcomming_course_container div:last-child {
	/* Text container */
	width: 24.04%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fp_upcomming_course_container h3 {
	color: #808080;
}

.fp_upcomming_course_container p {
	color: #000000;
}

.fp_upcomming_course_container a {
	/* Enroll button */
	width: 100%;
	color: #ffffff;
	background-color: #466821; /* Hover: #2c4215 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}