@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/* Colors used: #FFF Lightest | #CCC Light | #222 Darkest | #666 Medium | #032f6b Branding | #fcb33b Branding Alt 
Yellow: #FCB43B; Light Blue: #59AAD9; Bottom Blue: #fcb33b;
*/

body {
	font-family: "Montserrat", sans-serif !important; 
	font-size: 16px !important; 
	color: #000000; 
	letter-spacing: 0;
}

/* Start Foundation 6 Marketing Footer */
.marketing-site-footer {background: #032f6b; color: #FFF !important;}
.marketing-site-footer p {color: #FFF !important;Line-height:1.5em;}
.marketing-site-footer .marketing-site-footer-menu-social a {color: #FFF;}
.marketing-site-footer-name {color: #FFF;}
.marketing-site-footer-title {color: #FFF;}
.marketing-site-footer-block .fa {color: #222;}
.marketing-site-footer-bottom {background: #fcb33b;}
.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {color: #FFF;}
.marketing-site-footer a:hover, .marketing-site-footer a:visited, .marketing-site-footer a {color: #FFF;}
/* End Foundation 6 Marketing Footer */

/* Start Foundation 6 Top Bar Marketing Menu */
.topbar-responsive {height: 100px; background: #032f6b; border-bottom: 3px solid #FFF;}
.topbar-responsive .topbar-responsive-logo {color: #FFF;}
.topbar-responsive .menu {background: #032f6b;padding-left: 25px;}
.topbar-responsive .menu a {color: #FFF;}
.topbar-responsive .menu a:hover {color: #FFF;}
/* End Foundation 6 Top Bar Marketing Menu */

/* Start Foundation 6 Marketing Hero Banner */
.marketing-site-hero { display: none !important; background: url("https://images.pexels.com/photos/8264/pexels-photo.jpg?h=350&auto=compress&cs=tinysrgb") top right no-repeat; height: 32vh;}
/* End Foundation 6 Marketing Hero Banner */

/* Start Foundation 6 Simple Hero */
.hero-section {display: none !important; background: url("https://static.pexels.com/photos/248064/pexels-photo-248064.jpeg") 50% no-repeat; height: 25vh;}
.hero-section .hero-section-text {color: #FFF;}
/* End Foundation 6 Simple Hero */

#CCEContent a, #CCEContent a:visited {color: #0000ff;}
#CCEContent a:hover {color: #fcb33b; text-decoration: none;}

span#ctl00_ContentPlaceHolder1_ucCourse_lblDescription a, span#ctl00_ContentPlaceHolder1_ucCourse_lblDescription a:visited, span#ctl00_ContentPlaceHolder1_ucCourse_lblDescription a:hover {
    color: #0000ff !important;
}
div[id^="moreInfoDiv_"] a, div[id^="moreInfoDiv_"] a:visited, div[id^="moreInfoDiv_"] a:hover {
	color: #0000ff !important;
}

ul.course li div.wrap { display: table !important; width: 100% !important; }

ul.course li div.wrap div { display: table-cell !important; float: left; text-align: left;}
ul.course li div.wrap div.right { width: 66%; }
ul.course li div.wrap div.left { width: 33%; }

#catalogHoriz {width: 100%;}
.categoryColumn {width: 100%;}
@media only screen and (min-width: 200px) {
	#catalogHoriz {width: 100%; padding: 0;} 
	.categoryColumn {margin-bottom: 4%;} 
	div.serving {display: none !important;}
	#CCESecMenu div div.utility  {display: inline-block !important; position: relative; width: 65% !important;} 
	#CCESecMenu div div.cce {display: inline-block !important; position: relative; width: 33% !important;}
	#CCESecMenu img {display: none;}
	#CCEMenu {font-weight:bold;}
	div#top div.left {display: none !important;}
	ul.course li div.wrap div.right { width: 100%; }
	ul.course li div.wrap div.left { width: 100%; }
}
@media only screen and (min-width: 600px) {
	.categoryColumn {width: 48%; min-height: 275px;} 
	div.serving {display: none !important;}
	#CCESecMenu div div.utility  {width: 50% !important;} 
	#CCESecMenu div div.cce {width: 50% !important;}
	#CCESecMenu img {display: inline-block;}
	div#top div.left {display: inline-block !important;}
	ul.course li div.wrap div.right { width: 66%; }
	ul.course li div.wrap div.left { width: 33%; }
}
@media only screen and (min-width: 960px) {
	.categoryColumn {width: 31%; min-height: 200px;} /* 5 Column ***/
	div.serving {display: inline-block !important; width: 35% !important;}
	#CCESecMenu div div.utility  {width: 45% !important;} 
	#CCESecMenu div div.cce {width: 20% !important;}
	div.right a {display: inline-block !important; position: relative;}
	#CCESecMenu img {display: inline-block;}
	div#top div.left {display: inline-block !important;}
	ul.course li div.wrap div.right { width: 66%; }
	ul.course li div.wrap div.left { width: 33%; }
}

a#ctl00_Ucpreheader1_hypFeedback {display: none !important;}
a#ctl00_Ucpreheader1_lnkMyAccount {display: inline-block !important;} 

#CCESecMenu {min-height: 35px; background: #fcb33b; padding-top: 5px!important;}
#CCESecMenu, #CCESecMenu a:link, #CCESecMenu a:visited {color: #032f6b !important;}
#CCESecMenu a:hover {color: #CCC !important;}

table#ctl00_ContentPlaceHolder1_ucCartTable_cartTable ~ div table tr td {background: #FFF !important;}
td.classInfoButton, table.class tr + tr, #ctl00_ContentPlaceHolder1_pnlClass tr {background: #FFF !important;}

ul.result {border-color: #032f6b;}
ul.result p.right a {background: #032f6b; color: #FFF !important;}

div.categoryTitle {
	color: #000;
	font-size: 21px;
	display: block;
	position: relative;
	text-transform: capitalize !important;
	background: #FCB43B;
	margin-top:0px;
	text-decoration: none!important;
}

div.categoryTitle a { 
	color: #fff !important; 
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	text-transform: capitalize !important;
	text-decoration: none!important;
}

div.categoryTitle a { 
	color: #fff !important; 
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	text-transform: capitalize !important;
	text-decoration: none!important;
}

div.categoryImg {
	padding: 0px !important;
	border: none !important;
}

div.categoryColumn ul {
	display: block;
	position: relative;
}

div.categoryColumn ul li a {
	font-weight: bold;
	text-decoration: none!important;
}

/*
Recently Added (which does not have a new image): yellow, #fcb33b
Arts and History: pink, #d2007d
Business and Money Matters: green, #86aa2e
Computers and Technology: blue, #009bd5
Creative Arts: Yellow, #fcb33b
Dance, Fitness, & Yoga: pink, #d2007d
Food & Drink: green, #86aa2e
Fun & Games: blue, #009bd5
Languages & Culture: yellow, #fcb33b
Literary & Performing Arts: pink, #d2007d
Personal Growth & Lifestyle: green, #86aa2e
Sports: Blue, #009bd5

These three are on the Website Pages > Course Catalog page
*/

/* Default catagory color */
.categoryColumn .categoryTitle { background-color: #032f6b; }


.categoryColumn:nth-of-type(1) .categoryTitle { background-color: #d2007d; }
.categoryColumn:nth-of-type(2) .categoryTitle { background-color: #86aa2e; }
.categoryColumn:nth-of-type(3) .categoryTitle { background-color: #009bd5; }

.categoryColumn:nth-of-type(4) .categoryTitle { background-color: #fcb33b; }
.categoryColumn:nth-of-type(5) .categoryTitle { background-color: #d2007d; }
.categoryColumn:nth-of-type(6) .categoryTitle { background-color: #86aa2e; }

.categoryColumn:nth-of-type(7) .categoryTitle { background-color: #009bd5; }
.categoryColumn:nth-of-type(8) .categoryTitle { background-color: #fcb33b; }
.categoryColumn:nth-of-type(9) .categoryTitle { background-color: #d2007d; }

.categoryColumn:nth-of-type(10) .categoryTitle { background-color: #86aa2e; }
.categoryColumn:nth-of-type(11) .categoryTitle { background-color: #009bd5; }
.categoryColumn:nth-of-type(12) .categoryTitle { background-color: #fcb33b; }

.categoryColumn:nth-of-type(13) .categoryTitle { background-color: #d2007d }
.categoryColumn:nth-of-type(14) .categoryTitle { background-color: #86aa2e; }
.categoryColumn:nth-of-type(15) .categoryTitle { background-color: #009bd5; }

.categoryColumn:nth-of-type(16) .categoryTitle { background-color: #d2007d; }
.categoryColumn:nth-of-type(17) .categoryTitle { background-color: #86aa2e; }
.categoryColumn:nth-of-type(18) .categoryTitle { background-color: #009bd5; }

h1 {
font-family: "Bebas Neue", sans-serif;
font-size: 36px; 
color: #032f6b; 
letter-spacing: 0; 
line-height: 40px;
}

h1.courseCatalogTitle {
font-family: "Bebas Neue", sans-serif;
font-size: 55px; 
color: #032f6b; 
letter-spacing: 0; 
font-weight:bold;
line-height: 45px;
text-align: center; clear: both;
}

h2 { 
font-family: "Montserrat", sans-serif; 
font-size: 30px; 
color: #032f6b; 
letter-spacing: 0; 
line-height: 38px; 
margin-bottom: 6px;
}

h3 { 
font-family: "Montserrat", sans-serif; 
font-size: 16px; 
color: #0680C4; 
letter-spacing: 0; 
Line-height: 20px; 
margin-bottom: 6px;
font-weight: 600;
}

h4 {
font-family: "Montserrat", sans-serif;
font-size: 21px; 
color: #000000; 
letter-spacing: 0; 
line-height: 23px; 
margin-bottom: 6px;
}

h5 {
font-family: "Montserrat", sans-serif;
font-size: 21px; 
color: #000000; 
letter-spacing: 0; 
line-height: 25px; 
margin-bottom: 6px;
}

p {
font-family: "Montserrat", sans-serif;
font-size: 16px; 
color: #000000; 
letter-spacing: 0; 
line-height: 20px; 
margin-bottom: 6px;
}

.quote {
font-family: "Montserrat", sans-serif; 
font-size: 16px; 
color: #000000; 
letter-spacing: 0; 
line-height: 20px; 
margin-bottom: 6px;
}

.smalltext {
font-family: "Montserrat", sans-serif;
font-size: 12px; 
color: #FFFFFF; 
letter-spacing: 0; 
line-height: 15px; 
margin-bottom: 6px;
}

.categoryColumn {
	height: 415px;
}

p.left {
	padding-right: 50px !important;
}

p.right {
	display: block !important;
}

.attn {color: #fcb33b !important;}

.emailToFriendModalLink, .moreinfo a, .moreinfo a:visited, button, .button, input[type="submit"], input[type="button"] {background-color: #fcb33b !important; color: #000 !important; border-radius: 25px !important;}
.emailToFriendModalLink:hover, .moreinfo a:hover, button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover {background-color: #000 !important; color: #FFF !important;  border-radius: 25px !important;}
		
.emailToFriendModalLink {
	font-size:16px;
    font-weight: bold;
	padding: 7px 10px !important;
}

.topbar-responsive .menu .topbar-responsive-button {color: #FFF !important; border-color: #fcb33b; background-color: #fcb33b !important;}
.topbar-responsive .menu .topbar-responsive-button:hover {color: #FFF !important; border-color: #032f6b; background-color: #fcb33b !important;}
@media screen and (max-width: 39.9375em) {.topbar-responsive .top-bar-title span {border-color: #032f6b;}}

button.menu-icon { background-color: #032f6b !important;}
a#ctl00_ContentPlaceHolder1_ucBillSummary_changePayInfo {display: none !important;}

@media only screen and (min-width: 200px) {
	.leftpane, .rightpane {width: 100% !important; display: block !important;}
}
@media only screen and (min-width: 600px) {
	.leftpane, .rightpane {width: 100% !important; display: block !important;}
}
@media only screen and (min-width: 960px) {
	.leftpane, .rightpane {width: 50% !important; display: inline-block !important; float: left;}
}

/*span#ctl00_ContentPlaceHolder1_ucCourse_lblDescription p img { padding: 25px; width: 400px; }*/
ul.course img {display: block !important;}

.newsBlock {
	background: #FCB43B;
	color: #000;
	padding: 15px;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
}

.newsBlock a, .newsBlock a:visited { color: #000; }
/*.socialicons { font-size: 28px !important; }*/

.socialicons { 
	/*border-radius: 50%; 
	height: 52px; 
	width: 52px; 
	display: inline-block; 
	color: #FFF; 
	margin-right: 10px;
	margin-top: 15px;*/
	padding-top: 10px; 
}

/*.fbBlue { background-color: #3B5A99; }
.instaPink { background-color: #D73476; }*/