/* 
##     ## ########    ###    ########  ######## ########  
##     ## ##         ## ##   ##     ## ##       ##     ## 
##     ## ##        ##   ##  ##     ## ##       ##     ## 
######### ######   ##     ## ##     ## ######   ########  
##     ## ##       ######### ##     ## ##       ##   ##   
##     ## ##       ##     ## ##     ## ##       ##    ##  
##     ## ######## ##     ## ########  ######## ##     ## 
*/
 
body #header_fullwidth {background-color: #0060C2;}
.region.region-header {background-color: #0060C2;}
body.toolbar-drawer {
    padding-top: 69px!important;
}
body.toolbar #subheader_fullwidth {
    top: 114px!important;
}
.region.region-sub-header #block-nodeblock-toplogo .block-content #node-17 {
    padding: 10px 30px 0 0;
    margin-bottom: 10px!important;} 

    body.not-logged-in #header .region.region-header, body.logged-in #header .region.region-header 
    {min-height: 45px!important;}    

    body.logged-in #header .region.region-header 
    {padding-top: 8px!important;}    

    .region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu>li>a
    {height: 50px!important;min-height: 50px!important;padding-top: 5px!important;}

.wm-768 {
    font-size: 12px!important;
    line-height: 14px!important;
}
.carousel-header .carousel-header-text {color: #0060C2;}
.wide-banner .strip .title {color: #0060C2;font-size: 18px; line-height: 20px;padding-top: 5px;text-align: center;}
.module-heading .module-title {color: #0060C2;}
.row .col-md-12.blog-info .blog-heading a {color:#0060C2;}
.row .col-md-12.blog-image img.blog1, .row .col-md-12.blog-image img.blog2 {border-bottom: 4px solid #0060C2;}
#block-views-shopping-cart-block table tbody td .total-price {color: #0060C2;}
div.margin-top-10 .container .region.region-footer #block-nodeblock-footer-left .footer-module .footer-module-title {border-bottom: 1px solid #0060C2; color: #0060C2; }
div.margin-top-10 .container .region.region-footer #subscription_data input[type=submit] {background: none repeat scroll 0 0 #0060C2;}    
div.margin-top-10 .container .region.region-footer #block-block-3 .footer-module .footer-module-title {border-bottom: 1px solid #0060C2; color: #0060C2;}
div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li .nolink h4 {border-bottom: 1px solid #0060C2; color: #0060C2;}
.subfooter .container .region.region-subfooter #block-nodeblock-footer-copyright .block-content {border-top: 2px solid #0060C2;}
.footer {border-top: 1px dashed #0060C2; background: #F3F6F9;}
.subfooter {background: #F3F6F9;}
.product-teaser h4 {color: #0060C2;}
.sl-price-value {color: #0060C2;}
.product-teaser input[type=submit] {background-color: #0060C2;}
body.node-type-product #content .region-content article .product_title  {color: #0060C2; margin-left: 0.2em;}
body.node-type-product #content .region-content article .two-col .col-md-5 .levels .levels-value {color: #0060C2;}
body.node-type-product #content .region-content article .small-meta .small-meta-item .small-meta-item-label {color: #0060C2;}
body.node-type-product #content .region-content article .two-col .col-md-5 .levels .levels-value {color: #0060C2;}
.product-teaser2 input[type=submit]  {background-color: #0060C2;}
body.page-user h1, body.page-user-login h1 {color: #0060C2;}
.search-wrapper .search-submit {background: #0060C2;}
.product-small-teaser .product-teaser-footer h5 {color: #0060C2;}
.sidebar-module .sidebar.sidebar-left {background-color: #fafcff;}


body.node-type-product #content .region-content article .two-col #product-price, body.node-type-product #content .region-content article .two-col .small-meta-wrapper {background-color: #fafcff;}
body.node-type-page.page-about .region.region-content h1, body.node-type-page.page-about .region.region-content h1, body.node-type-page.page-canadian-customers .region.region-content h1, body.node-type-page.page-ebook .region.region-content h1, body.node-type-page.page-contact .region.region-content h1, .not-front.node-type-page .region.region-content h1 {color: #0060C2!important;}
div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li>ul.menu li>ul.menu li a:hover, div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li>ul.menu li>ul.menu li a:focus {color: #0060C2!important;}
div.margin-top-10 .container .region.region-footer #block-block-3 .footer-module .footer-module-body .footer-social-contact li a:hover, div.margin-top-10 .container .region.region-footer #block-block-3 .footer-module .footer-module-body .footer-social-contact li a:focus {color: #0060C2!important;}
body.page-user #user_login_form .form-actions .form-submit, body.page-user-login #user_login_form .form-actions .form-submit {background-color: #0060C2; border: 1px solid #0060C2;}

.wide-banner, .wide-banner .strip {-webkit-box-shadow:none!important;}
.wide-banner .strip {padding: 10px 10px;}

.wide-banner {border-bottom: 4px solid #0060C2;height: 425px!important; min-height:425px!important;}
.wide-banner .strip .subtitle {margin-bottom: 10px;}

.box-logo {height:40px; text-align:center; display:block; margin: 0 auto; margin-bottom:15px;}
.box-w44-logo {max-height:30px; margin-bottom:20px; margin-top:5px; width: 80%;}
.box-img {display: block; margin: 0 auto;width: 100%; max-width: 400px;height: auto; }
.box-img-owl {display: block; margin: 0 auto;width: 100%; max-width: 220px!important; height: auto; }
.box-img-wm {display: block; margin: 0 auto;width: 100%; max-width: 400px; height: auto; }

body #menuheader_fullwidth {
    position: absolute;
     top: 150px!important;
    left: 0;
    width: 100%;
    height: 51px;
    min-height: 51px;
    border: 0 solid transparent;
    border-width: none!important;
    border-style: solid;
    border-color: transparent transparent #EAEBE7;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none!important;
    border-radius: none!important;
    box-shadow: none!important; 
    background: none repeat scroll 0% 0% #fafcff;
     border-bottom:1px solid #f1f2f6!important;
}

body #subheader_fullwidth {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 105px!important;
    min-height: 60px;
    background-color: #fafcff;
    box-shadow: none!important; 
}

.region.region-sub-header {
    padding: 0 0 0 0!important;
    min-height: 105px!important;
}

/* Grade Levels Submenu */
.region.region-menu #block-menu-menu-menu-sections .block-content > ul.menu > li ul.menu a {
    margin-top: 1px!important;
    color: #000!important;
}

.region.region-menu #block-menu-menu-menu-sections .block-content > ul.menu > li ul.menu li a:hover {
    margin-top: 1px!important;
    color: #57606f !important;
}

.region.region-menu #block-menu-menu-menu-sections .block-content > ul.menu > li ul.menu li:hover {
    background: transparent!important;
    margin-top: 0!important;
}

body.logged-in.toolbar #menuheader_fullwidth {
    top: 219px !important;
}

.region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu>li>a .nav-img {
    max-width: 100%;
    max-height: 28px;
}

.region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
}

.region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu>li {
    float: left;
    text-align: center;
    margin: 0;
    width: 13.66%;
    padding: 0;
   
}







/*
##        #######   ######           #### ##    ##     ######  ######## ##    ## ##       ########  ######  
##       ##     ## ##    ##           ##  ###   ##    ##    ##    ##     ##  ##  ##       ##       ##    ## 
##       ##     ## ##                 ##  ####  ##    ##          ##      ####   ##       ##       ##       
##       ##     ## ##   #### #######  ##  ## ## ##     ######     ##       ##    ##       ######    ######  
##       ##     ## ##    ##           ##  ##  ####          ##    ##       ##    ##       ##             ## 
##       ##     ## ##    ##           ##  ##   ###    ##    ##    ##       ##    ##       ##       ##    ## 
########  #######   ######           #### ##    ##     ######     ##       ##    ######## ########  ######  
*/
body.page-user #user_login_form .form-actions .form-submit, body.page-user-login #user_login_form .form-actions .form-submit {
    background-color: #0060C2;
    padding: 0.5em 2em;
    border: 1px solid #0060C2;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 24px;
    position: relative;
    display: block;
     /*margin: 35px auto;
    width: 90%;
    height: 55px;
   margin-top: 157px;*/
    width: 35% !important;
    height: 55px !important;
    margin-left: 20px!important;
    margin-top: 50px!important;
    font-size: 1.3em!important;
}

body.page-user #user_register_form .form-actions .form-submit, body.page-user-login #user_register_form .form-actions .form-submit {
    background-color: #0060C2;
    padding: 0.5em 0;
    border: 1px solid #0060C2 !important;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 24px;
    position: relative;
    display: block;
    margin: none;
    width: 35% !important;
    height: 55px !important;
    margin-left: 20px!important;
    margin-top: 10px!important;
}

body.page-user #user_register_form #edit-account .form-item-pass, body.page-user-login #user_register_form #edit-account .form-item-pass {
    overflow: visible !important;
}

body.page-user #user_login_form .form-item, body.page-user-login #user_login_form .form-item .form-type-textfield {
    padding-bottom: 5px !important;
}

body.page-user #edit-name--2-error, body.page-user-login #edit-name--2-error {
    margin-left: 0px !important;
}

body.page-user #user_login_form .form-item-pass label.error, body.page-user-login #user_login_form .form-item-pass label.error {
    margin-left: 0px !important;
    margin-bottom: 20px;
}

body.page-user #user_login_form .login-password, body.page-user-login #user_login_form .login-password {
    position: relative;
    top: 5px !important;
    left: 20px;
    display: block;
    height: 0;
    color: #1593D5;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal !important;
    font-size: 14px !important;
    text-decoration: none;
}

label.error {
    display: block !important;
    height: 0 !important;
    color: #c52033 !important;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 12px !important;
    font-variant: normal !important;
    line-height: 21px !important;
}

body.page-user #user_login_form .form-item input, body.page-user-login #user_login_form .form-item input {
    height: 45px;
    padding: 10px;
    font-size: 1.3em;
    border-radius: 4px;
    border-width: 1px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #a4b0be!important;
}

div.error, .error {
    color: #c52033 !important;
}

body.page-user #user_register_form select, body.page-user-login #user_register_form select {
    padding: 10px 5px;
    font-size: 1.1em;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    background: none;
    max-width: 46%;
    -moz-appearance: toolbar;
    border-radius: 4px!important;
    height: 45px;
    border: 1px solid #a4b0be!important;
}

body.page-user #user_register_form input, body.page-user-login #user_register_form input {
    width: 100%;
    display: inline-block;
    height: 45px!important;
    padding: 10px!important;
    font-size: 1.3em!important;
    border-radius: 4px!important;
    border-width: none!important;
    border-color: none!important;
    border: 1px solid #a4b0be!important;
}

#user_register_form, #user_login_form, ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2f3542!important;
  font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal!important;
    font-size: 16px;
}
#user_register_form, #user_login_form, ::-moz-placeholder { /* Firefox 19+ */
 color: #2f3542!important;
  font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal!important;
    font-size: 16px;
}
#user_register_form, #user_login_form,  :-ms-input-placeholder { /* IE 10+ */
  color: #2f3542!important;
  font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal!important;
    font-size: 16px;
}
#user_register_form, #user_login_form, :-moz-placeholder { /* Firefox 18- */
  color: #2f3542!important;
  font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal!important;
    font-size: 16px;
}

body.page-user #user_login_form .form-actions .form-submit:hover {
    background-color: #1073c7!important;
    border: 1px solid #1073c7 !important;
    -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    -o-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
}

body.page-user #user_register_form .form-actions .form-submit:hover {
    background-color: #1073c7!important;
    border: 1px solid #1073c7 !important;
   -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    -o-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
}









#commerce-checkout-form-checkout .rosenpublishing_order_overview #order_overview_checkout_pane .meta-td .title {font-weight: 500 !important;}


/*
########  ########  ######            ##    #######    #####     #####   ########  ##     ## 
##     ## ##       ##    ##         ####   ##     ##  ##   ##   ##   ##  ##     ##  ##   ##  
##     ## ##       ##                 ##          ## ##     ## ##     ## ##     ##   ## ##   
########  ######    ######            ##    #######  ##     ## ##     ## ########     ###    
##   ##   ##             ##           ##   ##        ##     ## ##     ## ##          ## ##   
##    ##  ##       ##    ## ###       ##   ##         ##   ##   ##   ##  ##         ##   ##  
##     ## ########  ######  ###     ###### #########   #####     #####   ##        ##     ## */

div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li>ul.menu li>ul.menu li {
	margin-top: 10px;
	width: 100%;
}

div.margin-top-10 .container .region.region-footer #subscription_data input[type=submit] {
	border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*X-Large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
	
	#main.searchbar_left .container {
    width: 1200px;
}

div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li>ul.menu li>ul.menu li {
	margin-top: 10px;
	width: 100%;
}

.region.region-header #block-menu-menu-top-menu {
	font-size: 12px;
    background-color: #0060C2;
}

.search-wrapper {
	width: 487px;
	margin: 0 auto 30px 65px;
}

#page {
	min-height: 100%;
	margin: 0 auto;
	width: 1200px;
	padding-left: 20px;
	padding-right: 19px;
}

.search-wrapper input[type=text] {
	width: 415px;
	height: 56px;
	padding: 10px 10px;
	float: left;
	font-family: "Fira Sans",sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	border-bottom: 1px solid #d8dadc;
	border-left: 1px solid #d8dadc;
	border-top: 1px solid #d8dadc;
	border-right: none;
	background-color: #fff;
	border-radius: 3px 0 0 3px;
	color: #0066a4;
}

body #main div.container {
	width: 1200px;
}

div.margin-top-10 .container {
	width: 1200px;
}

.subfooter .container {
	width: 1200px;
}

.imagebox {
	height: 250px;
	width: 100%;
}

.product-teaser img.product-image {
	height: 250px;
}

.product-teaser .series-books-covers {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.product-teaser .series-books-covers img.bk-cover2 {
	position: absolute;
	width: 165px;
	z-index: 500;
	max-height: 225px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
/* Safari & Chrome */
	-moz-transform: translate(-50%, -50%);
 /* Firefox */
	-ms-transform: translate(-50%, -50%);
 /* Internet Explorer */
	-o-transform: translate(-50%, -50%);
 /* Opera */;
}

.product-teaser .series-books-covers img.bk-cover1 {
	position: absolute;
	width: 125px;
	z-index: 400;
	height: auto;
	max-height: 200px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
/* Safari & Chrome */
	-moz-transform: translateY(-50%);
 /* Firefox */
	-ms-transform: translateY(-50%);
 /* Internet Explorer */
	-o-transform: translateY(-50%);
 /* Opera */;
}

.product-teaser .series-books-covers img.bk-cover3 {
	position: absolute;
	width: 125px;
	z-index: 300;
	height: auto;
	max-height: 200px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
/* Safari & Chrome */
	-moz-transform: translateY(-50%);
 /* Firefox */
	-ms-transform: translateY(-50%);
 /* Internet Explorer */
	-o-transform: translateY(-50%);
 /* Opera */;
}

body.node-type-product #content .region-content article .series-covers {
	height: auto!important;
    display: inline-block;
}

div.view-cavendishsq-display-products .search-results-title {
	font-size: 24px;
}

.row .col-md-12.blog-image img {
	height: auto!important;
}

div.margin-top-10 .container .region.region-footer #subscription_data form[id^=webform-client-form] div[id^=edit-actions] {
	position: relative;
	float: right;
	width: 85px;
}

div.margin-top-10 .container .region.region-footer #subscription_data input[type=submit] {
	position: relative;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

div.margin-top-10 .container .region.region-footer #subscription_data input {
	width: 94%;
}
    
}


.no-right-divider {border-right:none!important;}
.m-bottom {margin-bottom: 3em; margin-top: 2em;}

.grid-container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  height: 50px;
  width:100%;
  align-items: center;
  min-width:350px;
  padding-left: 10%;
  padding-right: 10%;
}

.grid-item {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #A7A7A7;
  text-align: center;
  height: 90%;
  max-height: 50px;
}

.grid-item img {
  text-align: center;
  width: auto;
  height: 85%;
}


.gh-height img {margin-top: -10px; height:45px;
 width: auto;
  height: 100%;}

@media (max-width:500px)  { 
/* smartphones, iPhone, portrait 480x320 phones */ 
  .no-right-divider-mobile {border-right:none!important;}
  
  .grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  height: auto;
  width:100%;
}
  .grid-item {margin-top:10px;
   padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;}
 .grid-item img {
  text-align: center;
   width: auto;
   height:60%;
}
  
}