@charset "utf-8";
/* CSS Document */

/*-------------Main------------*/
h2 {font-size: 30px;}
.login h3 {color: #45a4ec;}
.wrapper{width:1180px; margin:0 auto; position:relative;}
.topbar{margin: 1em;}
.banner img {max-height: 50px;width: 100%;object-fit: cover;}
.form-submit {background: #45a4ec; color: white; padding: 10px; /*margin-top: 15px;*/ border:none;}
.lightblue {background: #daedfb;padding: 5px 10px;border-radius: 1rem;margin-bottom: 1em;}
.lightorange {background: #fee9c2;padding: 5px 10px;border-radius: 1rem;margin-bottom: 1em;}
.darkorange {background:#fecf7a;padding: 5px 10px;border-radius: 1rem;margin-bottom: 1em;}
.lightred {background:#ffc7c7;padding: 5px 10px;border-radius: 1rem;margin-bottom: 1em;}
.pinkish {background:#F5D6F1;padding: 5px 10px;border-radius: 1rem;margin-bottom: 1em;}
.lightblue h2 {font-size: 26px;}
.lightorange h2 {font-size: 26px;}
.darkorange h2 {font-size: 26px;}
.lightred h2 {font-size: 26px;}
.signin li { list-style: none;}
.logo.rclb img {height:80px; transform:translate(0,50%);}
.logo.kh img {height:150px;}
.logo.pes img {height:90px; transform:translate(0,100%);}
.homepage.text h2 {transform: translate(0, 2em);}
.item {border: 3px solid white;}
.tip-info {float: right;}

/*-----Search-----
.search-hld{margin:12px 0 0; padding:0; -moz-box-shadow:0px 0px 4px #888888; -webkit-box-shadow:0px 0px 4px #888888; box-shadow:0px 0px 4px #888888; max-width:410px; width:90%; background:#fff;}
.search-hld input[type="text"]{border:0; font-size:14px; color:#6f6f71; font-family: 'Source Sans Pro'; font-weight:300; font-style:italic; width:90%; padding:0px;}
.search-hld input[type="button"]{background:#fff url(../images/sprite.png) 0 -157px no-repeat; border:0; float: right; margin: 7px 5px 0; width: 18px;}
.search-hld input[type="submit"] {background: url("../images/sprite.png") no-repeat scroll 0 -157px #FFFFFF; border: 0 none; float: right; margin: 7px 0 0; width: 18px; text-indent:-9999px;}
.search-hld #edit-search-api-views-fulltext--2-wrapper { display: inline-block; vertical-align: top; width: 87%;}
.header-responsive{text-align: right;}
.header-responsive .search-hld{min-height:33px;}
.header-responsive .search-hld, .header-responsive .region-login-link{display: inline-block; text-align: left;}
.header-responsive .search-hld .views-exposed-form{border:0;}
.header-responsive .search-hld input[type="submit"] { height: 22px;margin: 50% 0 0 0;}
.header-responsive .search-hld {height: 33px;}
.views-exposed-widget.views-submit-button {padding: 0;}
#edit-keys-wrapper{  display: inline-block; vertical-align: top;  width: 92%;}
#edit-keys-wrapper input[type='text']{width:100%;}
.views-submit-button{ display: inline-block;}*/



/*Front Page*/
.homepage.text h1, .homepage.text h2 {color: #fff;text-shadow: 3px 3px 7px black;text-align:center;}
.fronttitle{background: #ffffff96; max-width: 50%; margin: 0 auto; padding: 1em;}
.img-responsive {margin: 0 auto;}
.row.content.homepage{padding:5em 0;}

/*
figure.item img {background-color: #ffffff96; padding: 1em; padding-top: 3em;}
figure.item {display: inline-block; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; margin: 1em;}
figcaption.caption {background: #ffffff96; width: 10%; font-size: 1.75em; position: fixed; transform: translate(0%, 0%);}
*/

/*Footer*/

/*ToolTip*/
.tooltip-inner {font-size: 16px;}

/*Page Titles*/
.title {color: #fff;font-size: 3em;}
.banner {position: relative;text-align: center;color: white;}
.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/*Return Policy*/
.return-policy .content {overflow: scroll; max-height: 32em; height: 100%; overflow-x: hidden;}
.return-policy-link {font-weight: 600;}

/*FAQ*/
.faqs{background: #99cdf5;padding: 10px;border-radius: 1rem;}
.faqs .content, .faqs [data-block="content_faq"] {overflow: scroll; max-height: 40em; height: 100%; overflow-x: hidden;}
.faqs .views-field-field-answer p:first-child:before {content: "A: "; font-weight: bold;}
.faq span {font-weight: bold;}
/*.view-faqs .view-header {font-weight: 600; margin: 0 0 10px 0;}*/
.view-faqs.view-display-id-page .view-header {display: none;}
.view-faqs.view-display-id-block .view-header {font-weight: 600; margin: 0 0 10px 0;}
.view-instructor-faqs.view-display-id-page .view-header {display: none;}
.view-instructor-faqs.view-display-id-block .view-header {font-weight: 600; margin: 0 0 10px 0;}
.view-bookstore-faqs.view-display-id-page .view-header {display: none;}
.view-bookstore-faqs.view-display-id-block .view-header {font-weight: 600; margin: 0 0 10px 0;}
.node-faqs h2{font-size: 20px;}
.node-instructor-faqs h2{font-size: 20px;}
.node-bookstore-faqs h2{font-size: 20px;}
.faqs-title {color: #45a4ec;font-size: 20px;}

.view-k12-faqs.view-display-id-page .views-field-title {color: #45a4ec;font-size: 20px;}


.lookup-heading{font-weight: 800; margin-bottom: 20px; margin-top: 40px;}
.lookup-back-link{font-weight: 600; font-size: 16px;}

/* how to videos */
.howtovideos .content p:after {border-top: #ea7600 1px solid; content: " "; display: block;}
.view-how-to-videos.view-display-id-page .view-header {display: none;}
.view-how-to-videos.view-display-id-block .view-header, .view-how-to-videos-students.view-display-id-block .view-header, .view-trending-topics-instructor.view-display-id-block .view-header, .view-trending-topics-booskstore.view-display-id-block .view-header, .view-trending-topics.view-display-id-block .view-header {font-weight: 600; margin: 0 0 10px 0;}

.trending-topics-title {color: #45a4ec;font-size: 20px;}

/* self help */
.view-trending-topics.view-display-id-page .view-header {display: none;}
.trending-topics-title {color: #45a4ec;font-size: 20px;}

/* platform status */
.platform-header:first-child {border-bottom: 2px solid #0d55a2; margin: 0 1em;width: -webkit-fill-available;display: flex;align-items: end;}
.view-product-health-status .view-header {font-weight: 600; margin: 0 0 0 0;}
.platform-header {color: #0d55a2; font-weight:bold;}
.row.platform-row.service { border-bottom: 1px solid #fff;margin:0;}
/*th.views-field.views-field-title{color:#0d55a2;}
th.views-field.views-field-field-status{color:#0d55a2;}*/
.platform-company-header {color:#1dceb8; font-size: 16px; font-weight: 600;display: flex;align-items: end;}
.form-platform-status-submit-button{padding: 10px;color:#ffffff;background-color: #0d55a1;font-weight: 500;	border-radius: 4px;	margin: 5px 0 15px;	padding: 5px 45px;}
.notify-hdr {font-size: 10px; color: #000000; margin-bottom: 7px;}
/*.status-edit-status {font-size: 11px;} */
.form-item-status .form-control {font-size: 12px; padding: 6px 6px;}
.platform-status {padding-top: 5px;}
.platform-status img {width:10px; height:10px; margin: 0;}
.platform-page-header {margin-bottom: 20px;}
.platform-page-header hr {border-top: 4px solid #0d55a1; border-bottom: 6px solid #1dceb8; margin: 5px 0 5px 0;}
.platform-page-header #text-1{font-size: 50px; font-weight: 800; color : #0d55a1;}
.platform-page-header #text-2{font-size: 25px; font-weight: 300; color : #0d55a1;}
.platform-page-header #date-time{float: right;}
.platform-page-header .legend {float: right; font-size: 12px; margin-top: 5px;}
.platform-page-header .legend img {width: 12px; height: 12px; margin: 0 5px 0 5px;}
.platform-row.platform-status{border-bottom: 1px solid #8fefe4; margin: 5px 0 5px 0;}
.platform-notify-text p{font-size: 26px; margin: 25px 0 25px 0;}
.view-platform-status input[type="checkbox"] {margin: 8px 0 0 40px;}
#kh-platform-status-form .form-item{margin-bottom: 25px;}
.notify-send {margin-top: 6px;}
.notify-send a{font-weight: 600;}
.kh-platform-status-form label { display: block !important;}
.kh-platform-status-form legend {border-bottom: none !important;}
.kh-platform-status-form .form-item { margin-top: 0.2em !important;}
.kh-platform-status-form #edit-instructor-student { padding-top: 8px;}
#block-kendalhunt-block-52 .form-submit {
    width: 80%;
}


/* Order  Form */
.webform-submission-form[action="/accounting-requests-form"] {margin:auto; width: fit-content;}
.webform-submission-form[action="/accounting-requests-form"] label {width:25%;}
.webform-submission-form[action="/accounting-requests-form"] input[type=text],input[type=email],select{width: 74% !important; display: inline-block !important;}
.webform-submission-form[action="/accounting-requests-form"] .form-submit {margin: 0 auto; display: block; min-width: 7em;}
.webform-submission-form[action="/accounting-requests-form"] select {background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none) !important;}

/*Mobile*/
@media only screen and (min-width:1600px) and (max-width:1920px){.custom_fc_frame.main {position: absolute !important; top: 30%; left: 55%; margin-left: 0; margin-top: 0;}}

@media only screen and (max-width:1100px){
	.wrapper{width:100%;}
	.caption{margin:0 2em;}
	.rightside:before { content: ' '; white-space: pre;}
}

@media only screen and (max-width:1191px){
	.wrapper{width:100%;}
}

@media only screen and (max-width:767px){
	.menu.text-center .col-xs-12.col-sm-6.col-md-6 {margin: 2em 0;}
	.caption {position: absolute; width: 50%; margin: 0 auto; left: 100px; right: 100px;}
    .logo.rclb img {transform:translate(0,0);}
	.logo.pes img {transform:translate(0,0);}

}
@media only screen and (max-width:567px){
	.logo.kh img {height: auto; width: 100%;}
}
@media only screen and (min-width:767px) and (max-width:1100px){
	.logo.kh img {height: auto; width: 100%;}
	.logo.rclb img {height: 80px;transform: translate(0,25%); width: auto;}
	.logo.pes img {height: auto;transform: translate(0,100%); width: 100%;}
}
@media (min-width: 992px) {
  .logo.pes img {height: 95px;position: relative;top: -60px}
}

.homepage-white-button{
	padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
	color: #337ab7;
    background-color: #fff;
    border-color: #ccc;
	text-decoration: none;
}

.table > :not(caption) > * > *  {
	background-color: transparent !important;
}
.show {
	opacity: 1 !important;
}

.user-pass , .user-login-form {
    width: 30% !important;
}

.btn:hover{
  color: white !important;
  background-color: #45a4ec !important;
}