/*
	Style sheet for coursedesigner.com
	Copyright (c) 2014-2021 HupAndRunning LLC
*/


/* ////////////////////////////// Override Clean Run's style ///////////////////// */

ul.topnav {
	background-image: url(../images/CRBlankImage.jpg);		/* 4330024% */
}
ul.topnav li#store a {
	background-image: url(../images/CROfficialPartner.jpg);		/* 4330024% */
}
ul.topnav li#magazine a {
	background-image: url(../images/magazine.png);
}
ul.topnav li#course a {
	background-image: url(../images/learning-center.png);	/* 4330016% */
}

.uMenu a.CRCD.active {
	color: white;
	background-color: #66aa12;
}

.iMenu a {
	font-weight:bold;
}

.mgmenu > li > a:last-child,

.mgmenu > li > span:last-child,
.mgmenu_container.CRCD {
	background: #66aa12;
}
.menuItem {
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.menuItem {
		width: 100% !important;
		text-align: left;
	}
}

h1 {
	color: rgb(0, 102, 203);
	font-family: Arial;
	font-weight: bold;
}

@media (max-width: 40em) {
	.home-4 { border-left-style: none; }
}

button, .button {
	text-transform: uppercase;
}

table.table tr td, table.table tbody tr td {
	background: white;
}

@media only screen and (max-width: 479px) {	
	table.responsive tr th:nth-child(3), table.responsive tr td:nth-child(3) {
		display:table-cell;
		visibility:visible;
	}
	table.responsive tr th:nth-child(4), table.responsive tr td:nth-child(4) {
		display:none;
		visibility:hidden;
	}
}


/* ///////////////////// Default Selectors and general-purpose classes/////////////////// */

li {
	margin-bottom: 7px;
	margin-top: 7px;
	vertical-align: top;
}

ol {
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 10px;
}

ul {
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 10px;
}

h4 {
	font-size: 1.5rem;
	font-weight: bold;
}

input[type="radio"], input[type="checkbox"] {
	margin-top: 0.3em;
	position:absolute;
	left=0;
	top=0;
}

label.radio, label.checkbox {
	margin-left:1.5em !important;
	margin-bottom:1em !important;
}


/* ////////////////////////////////// Banner /////////////////////////////////// */

/* Left and right columns of banner */

.banner {
	width: 100%;
	height: 96px;
	margin-bottom:15px;
	position: relative;
}

.bannerLeft {
	position: absolute;
	left: 0px;
	right: 200px;
	bottom: 0px;
}

.bannerRight {
}

@media (max-width: 520px), print {

	.bannerLeft {
		right: 0px;
	}

	.bannerRight {
		display: none;
	}
}


/* Logo and tag line in banner */

.bannerLogo {
	position: auto;
}

.bannerTagLine {
	position: auto;
	text-transform: uppercase;
}


@media (min-width: 992px) {

	.bannerLogo {
		position: absolute;
		left: 0px;
		bottom: -4px;
	}

	.bannerTagLine {
		position: absolute;
		left: 360px;
		bottom: 0px;
	}
}

/* Shopping cart in banner */

.bannerCart {
	width: 66px;
	height: 32px;
	position: absolute;
	top: 3px;
	right: 24px;
	background-image: url(../images/layout/cart-bg.png);
}

.bannerCartNonenglish {
	background-image: url(../images/layout/cart-bg-nonenglish.png);
}

.bannerCartQuantity {
	color: #e59c0c;
	font-weight: bold;
	font-size: larger;
	position: absolute;
	right: 42px;
	top: -2px;
}

/* Language selection */

.bannerLangLabel {
	position: absolute;
	bottom: 14px;
	right: 114px;
	font-weight: bold;
}

.bannerLangSelect {
	width: 110px;
	position: absolute;
	right: 0px;
	bottom: 3px;
	margin-bottom: 0px;
}


/* ////////////////////////////////// Home page /////////////////////////////////// */

/* Text on one of the four bottom images */
.homeBottom {
	position: absolute;
	bottom: 2%;
	left: 2%;
	z-index: 1;
	color: white;
	font-size: 14.82px;
	font-weight: 600;
	width: 74%;
}

/* "Download now" text */
	/* color: #0066cb; */
.homeDownloadNow {
	position: absolute;
	top: 2%;
	left: 2%;
	z-index: 1;
	color: #0066cb;
	font-size: 17.36px;
	font-weight: bold;
	width: 96%;
	text-align: center;
}

/* "Free for 30 days" text */
	/* color: #0066cb; */
.homeFree30 {
	position: absolute;
	bottom: 2%;
	left: 2%;
	z-index: 1;
	color: #0066cb;
	font-size: 10.90px;
	font-weight: bold;
	width: 96%;
	text-align: center;
}

@media (min-width: 40.063em) {
	.homeBottom		{ font-size: 12.82px; }
	.homeDownloadNow	{ font-size: 14.75px; }
	.homeFree30		{ font-size: 11.16px; }
}

@media (min-width: 768px) {
	.homeBottom		{ font-size: 14.36px; }
	.homeDownloadNow	{ font-size: 16.75px; }
	.homeFree30		{ font-size: 12.50px; }
}

@media (min-width: 992px) {
	.homeBottom		{ font-size: 18.52px; }
	.homeDownloadNow	{ font-size: 22.18px; }
	.homeFree30		{ font-size: 16.12px; }
}

@media (min-width: 1200px) {
	.homeBottom		{ font-size: 22.40px; }
	.homeDownloadNow	{ font-size: 27.25px; }
	.homeFree30		{ font-size: 19.50px; }
}


/* ////////////////////////////////// Updates page /////////////////////////////////// */

span.boldIsGreen b {
	color: #66aa12;
}

.updateTable tr td {
	padding: 0.3em;
} 
