/*
 * Date: Jan 31, 2019
 * Author: RH
 * File: pubsite.css
 * Project: ClasskitV2
 * Package:
 * Category:
 * Sub-Category:
 * Description:
 */
* {
	box-sizing: border-box;
}

html {
	min-height: 100%;
}

body {
	min-height: 100vh;
}

html, body {
	background: #fff;
	color:#333;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family:'Muli', Arial, sans-serif;
	font-size: 16px;
	font-weight:400;
}
a:link, a:visited {
	color:#222299;
	text-decoration: underline;
}
p{
	line-height: 1.5em;
}

.ckrow::after {
  content: "";
  clear: both;
  display: table;
}

[class*="ckcol-"] {
  float: left;
  padding: 0px;
  display: table-cell;
}

.ckcol-1 {width: 8.33%;}
.ckcol-2 {width: 16.66%;}
.ckcol-3 {width: 25%;}
.ckcol-4 {width: 33.33%;}
.ckcol-5 {width: 41.66%;}
.ckcol-6 {width: 50%;}
.ckcol-7 {width: 58.33%;}
.ckcol-8 {width: 66.66%;}
.ckcol-9 {width: 75%;}
.ckcol-10 {width: 83.33%;}
.ckcol-11 {width: 91.66%;}
.ckcol-12 {width: 100%;}
.ckcol-350 {width: 350px;}
.ckcol-0 {width: auto;}
.ckcol {
  float: left;
  padding: 0px;
  display: table-cell;
}


#ckpub-chkheader {
	height:60px;
	background-color: #555577;
}
#ckpub-chkheader .ckpub-logo {
	background-image: url(../../images/pub/logo200.png);
	background-repeat: no-repeat;
	background-position: top 5px left 10px;
	height:100%;
	width:350px;
}

#ckpub-header {
	height:130px;
	background-color: #555577;

}
#ckpub-header .ckpub-logo {
	background-image: url(../../images/pub/logo280.png);
	background-repeat: no-repeat;
	background-position: top 10px left 50px;
	height:90px;
	width:350px;
}
#ckpub-header #ck-menu-btn {
	display:none;
}

#ckpub-header .ckpub-head-top {
	width: calc(100% - 350px);
	height: 90px;
}
#ckpub-header .ckpub-head-top img.ck-tagline-img {
	padding-left: 10px;
}

#ckpub-header a.ck-login-lnk {
	color: #fff;
	/*text-decoration: none;*/
	font-size:.9em;
}
#ckpub-header .ckpub-head-nav {
	padding:0px;
	height: 40px;
	text-align: center;
	background-color: #dfdfdf;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #555577;
}

#ckpub-header .ckpub-head-nav ul.cknav {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#ckpub-header .ckpub-head-nav ul.cknav > li {
	list-style-type: none;
	display:inline-block;
	padding: 0px;
	margin-top:0px;
	margin-left:0px;
	vertical-align: middle;
}

#ckpub-header .ckpub-head-nav ul.cknav > li > a {
	text-decoration: none;
	font-size: 17px;
	font-weight: 600;
	color: #50016E;
	display: block;
	line-height: 35px;
	padding-left:0px;
	padding-right:25px;
}

#ckpub-header .ckpub-head-nav ul.cknav > li > a.ck-search-lnk {
	font-weight: bold;
	font-size:1.1em;
	font-style: italic;
	color:#CE006C;
}


#ckpub-header .ckpub-head-nav ul.cknav > li:last-of-type > a {
	padding-right:5px;
}

#ckpub-header .ckpub-head-nav ul.cknav > li:hover > a {
	text-decoration: underline;
}


#ckpub-header .ckpub-head-nav ul.cknav > li > a.ckpub-socmed {
	text-decoration: none;
	border:none;
	display: inline-block;
	line-height: 0px;
}


#ckpub-header .ckpub-head-nav ul.cknav > li.ckpub-dropdown > ul {
	list-style: none;
    display: none;
    position: absolute;
	top: 120px;
	border: 1px solid #bbb;
	border-top: none;
	width:auto;
	white-space: nowrap;
	padding: 0px;
	background-color: #fff;
    z-index: 900;
}

#ckpub-header .ckpub-head-nav ul.cknav > li.ckpub-dropdown > ul li {
	list-style-type: none;
	position:relative;
	left:0px;
	height:100%;
	display:block;
	margin-left:0px;
    background-color: #fcfcfc;
}

#ckpub-header .ckpub-head-nav ul.cknav > li.ckpub-dropdown > ul a {
    text-decoration: none;
	color:#000;
	display:block;
	line-height: 35px;
	padding-left:20px;
	padding-right:20px;
	min-width: 120px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

#ckpub-header .ckpub-head-nav ul.cknav > li.ckpub-dropdown > ul li:last-of-type > a {
	border-bottom: none;
}

#ckpub-header .ckpub-head-nav ul.cknav > li.ckpub-dropdown > ul > li:hover,
#ckpub-header ul.cknav > li.ckpub-dropdown > ul > li:hover a {
	background-color: #ADADD8;
	color:#fff;
}

#ckpub-header .ckpub-head-nav ul.cknav > li.ckpub-dropdown:hover > ul {
	display: block;
}


#ckpub-mob-mnu {
	display:none;
}

#ckpub-body {
	padding:20px;
	min-height: calc(100vh - 197px);
}


#ckpub-chkbody {
	padding:20px;
	padding-top:0px;
	min-height: calc(100vh - 137px);
}

#ck-page-head {
	height: 40px;
}


#ck-page-head .ckpub-title {
	font-family:'Montserrat', Arial, sans-serif;
	font-size: 25px;
	font-weight:500;
	color:  #1c3144;
	padding: 5px 20px;
}

.ckPageRequireNote {
	font-size:.85em;
	font-style: italic;
	text-align: right;
	padding-top:10px;
	padding-right:20px;
	float:right;
}

.ckPageRequireNoteSym {
	font-size:.85em;
	font-weight: bold;
	color:#ba3e09;
	font-style: normal;
	padding:0 2px;
}

#ckpub-footer {
	background-color: #f0f0ec;
	font-size:12px;
	height:35px;
}

#ckpub-footer > div {
	padding: 11px 8px;
}

#ckpub-footer a:link,
#ckpub-footer a:visited{
	color: #333;
}

.ckPageSubtitle
{
	font-family:'Montserrat', Arial, sans-serif;
	font-size: 18px;
	color:  #111188;
	font-weight: 500;
	text-align: left;
}

.ck-btn-primary,
.ck-btn-second,
.ck-btn-login{
	display: inline-block;
	font-family:'Montserrat', Verdana, Arial, sans-serif;
	padding: 6px 18px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 6px;
}

.ck-btn-primary {
    background-color: #737E92;
    border: 1px solid #737E92;
    color: #fff;
}

.ck-btn-primary:hover {
    background-color: #4C95CC;
    border: 1px solid #4C95CC;
    color: #fff;
}
/*
#3F647F
*/
.ck-btn-second {
    background-color: #3F647F;
    border: 1px solid #3F647F;
    color: #fff;
}
.ck-btn-second:hover {
    background-color: #4C7899;
    border: 1px solid #4C7899;
    color: #fff;
}

a.ck-btn-login {
    background-color: #555577;
	font-size: 12px;
	padding: 4px 14px;
    border: 1px solid #ddd;
	border-radius: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top: none;
}

a.ck-btn-primary:link, a.ck-btn-primary:visited {
	text-decoration: none;
	color:#fff;
}

a.ck-btn-second:link, a.ck-btn-second:visited {
	text-decoration: none;
	color:#fff;
}

a.ck-btn-login:link, a.ck-btn-login:visited {
	border-top: none;
	text-decoration: none;
    color: #ddd;
}
a.ck-btn-login:hover {
    background-color: #ADADD8;
    color: #333;
}
.ck-btn-primary:disabled,
.ck-btn-second:disabled {
    background-color: #ccc;
    border: 1px solid #ccc;
	text-decoration: none;
	font-style: italic;
	color:#fff;
	cursor: auto;
}

#btnGoToCart {
	 cursor:pointer;
	 font-size: 1.4em;
}

#btnGoToCart i.fa {
	padding-right: 10px;
}

.ck-list {
	margin:auto;
	margin-bottom:2em;
	line-height: 1.45em;
}

ul.ck-list li {
	margin-bottom: .6em;
}

.fa-stack[data-count]:after{
  position:absolute;
  right:-8px;
  top:1px;
  content: attr(data-count);
  font-size:12px;
  padding:.4em;
  border-radius:999px;
  line-height:.75em;
  color:#555577;
  text-align:center;
  min-width:12px;
  font-weight:600;
  background: #fff;
  border-style:solid;
}

.fa-circle {
  color:#fff;
}
.multiSchoolMsg
{
	font-weight: 600;
	color:#990008;
	width:40%;
	margin-bottom:30px;
}

.ckSectionHeader {
	width:100%;
	color:#555577;
	border-top:2px solid #555577;
	border-bottom:2px solid #555577;
	display: block;
	font-size: 18px;
	line-height: 32px;
	text-align: left;
	padding-left:30px;
}

/*.ckNoJS-body,
.ckNoJS-nav {
	display: none;
}*/

@media (max-width: 1064px) {
	#ckpub-header img.ck-tagline-img {
		width:500px;
	}
}

@media only screen and (max-width: 985px) {

	#ckpub-header .ckpub-logo {
		background-image: url(../../images/pub/logo220.png);
		background-repeat: no-repeat;
		background-position: top 20px left 5px;
		width:230px;
	}
	#ckpub-header .ckpub-head-top {
		width: calc(100% - 230px);
		height: 90px;
	}


	#ckpub-header img.ck-tagline-img {
		width:450px;
	}


	#ckpub-header .ckpub-head-nav ul.cknav > li.ckpub-dropdown > ul {
		top: 60px;
	}

	#ckpub-header .ckpub-head-nav ul.cknav > li > a {
		font-size: 14px;
	}

	#ckpub-body {
		padding:20px;
		min-height: calc(100vh - 147px);
	}
	
	#ckpub-footer {
		font-size:11px;
		height:25px;
		line-height: .9em;
	}
	
	#ckpub-footer > div {
		padding: 5px 2px;
	}
	
	#ckpub-footer > div:first-of-type { width:20%; }
	#ckpub-footer > div:nth-child(2) { width:50%; }
	#ckpub-footer > div:last-of-type { width:30%; }

}

@media only screen and (max-width: 850px) {


	#ckpub-header .ckpub-head-nav ul.cknav > li > a {
		font-size: 13px;
	}

	/*
	#ckpub-header #ck-menu-btn {
		display:inline-block;
		height:100%;
		z-index:200;
		padding-top:14px;
		padding-right:10px;
	}
	
	#ckpub-header #ck-menu-btn > a {
		color:#fff;
		line-height: 2em;
	}
	

	#ckpub-mob-mnu {
		display:none;
		margin-top:0;
		margin-left:0;
		opacity: 1;
		position: absolute;
		top: 44px;
		width:100%;
		height: auto;
		overflow: hidden;
		z-index: 200;
	}
	#ckpub-mob-mnu > ul {
		width:100%;
		list-style: none;
		padding-left: 0px;
		margin-left:0;
		background-color: #8888AA;
	}
	#ckpub-mob-mnu > ul > li {
		list-style-type: none;
		margin-left:0;
		padding-left: 10px;
	}
	#ckpub-mob-mnu > ul > li:hover {
		background-color: #E0ECF4;
	}
	#ckpub-mob-mnu > ul > li:hover a {
		color: #333;
	}
	#ckpub-mob-mnu > ul > li > a {
		line-height: 3em;
		color:#fff;
		text-decoration: none;
		padding-left:0px;
		display:inline-block;
		width:100%;
	}*/

	#ckpub-body {
		min-height: calc(100vh - 160px);
	}

	#ckpub-footer {
		height:60px;
	}

	#ckpub-footer > div:first-of-type { width:100%; text-align: center; }
	#ckpub-footer > div:nth-child(2) { width:100%; text-align: center; }
	#ckpub-footer > div:last-of-type { width:100%; text-align: center; }
}

@media only screen and (max-width: 769px) {

	#ckpub-header,
	#ckpub-header .ckpub-logo,
	#ckpub-header .ckpub-head-top {
		height:60px;
	}

	#ckpub-header .ckpub-logo {
		width:210px;
	}

	#ckpub-header .ckpub-head-top img.ck-tagline-img {
		padding-left: 0px;
	}

	#ckpub-header .ckpub-head-nav {
		display:none;
	}


	#ckpub-header img.ck-tagline-img {
		width:350px;
		padding-top:20px;
	}

	#ckpub-header .ckpub-logo {
		background-image: url(../../images/pub/logo200.png);
		background-repeat: no-repeat;
		background-position: top 5px left 5px;
		width:220px;
	}

	#ckpub-header .ckpub-head-top .ckrow:first-of-type {
		display: none;
	}

	#ckpub-header .ckpub-head-nav {
		display: none;
	}

	#ckpub-header .ck-btn-login {
		display: none;
	}

	#ckpub-header #ck-menu-btn {
		display: table-cell;
		z-index:200;
		padding-top:15px;
	}
	
	#ckpub-header #ck-menu-btn > a {
		color:#fff;
		line-height: 2em;
	}


	#ckpub-mob-mnu {
		display:none;
		margin-top:0;
		margin-left:0;
		opacity: 1;
		position: absolute;
		top: 44px;
		width:100%;
		height: auto;
		overflow: hidden;
		z-index: 200;
	}
	#ckpub-mob-mnu > ul {
		width:100%;
		list-style: none;
		padding-left: 0px;
		margin-left:0;
		background-color: #8888AA;
	}
	#ckpub-mob-mnu > ul > li {
		list-style-type: none;
		margin-left:0;
		padding-left: 10px;
	}
	#ckpub-mob-mnu > ul > li:hover {
		background-color: #E0ECF4;
	}
	#ckpub-mob-mnu > ul > li:hover a {
		color: #333;
	}
	#ckpub-mob-mnu > ul > li > a {
		line-height: 3em;
		color:#fff;
		text-decoration: none;
		padding-left:0px;
		display:inline-block;
		width:100%;
	}

	#ck-page-head .ckpub-title {
		font-size: 20px;
		height:0px;
/*		padding: 5px 10px;*/
	}

	#ckpub-body {
		min-height: calc(100vh - 160px);
	}

	#ckpub-footer {
		height:60px;
	}

	#ckpub-footer > div:first-of-type { width:100%; text-align: center; }
	#ckpub-footer > div:nth-child(2) { width:100%; text-align: center; }
	#ckpub-footer > div:last-of-type { width:100%; text-align: center; }
}


@media only screen and (max-width: 640px) {

	#ckpub-header .ckpub-head-top img.ck-tagline-img {
		display:none;
	}
	#ckpub-header #ck-menu-btn {
		width:100%;
		text-align: right;
	}
}

@media only screen and (max-width: 480px) {

	.ckPageRequireNote {
		text-align: left;
		padding: 0px 0px 20px 10px;
		float:left;
		display:table-cell;
	}
}