/********
* RESET *
*********/a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden}
/*** Reset ***/

/**********
* LAYOUT *
**********/
/* MOBILE ELEMENTS HIDDEN */
main article#copy aside#mobile-nav {
display: none;
}

/* MAIN LAYOUT */
body {
background-color: #f7f7f7;
}

	div#wrapper {
	width: 100%;
	}

		div#promo-wrap {
      display: block;
		background-color: #006600;
		}
         div#promo-wrap div#promo {
         padding: 0.75rem 1rem 1rem 1rem;
         text-align: center;
         }

      header#masthead {
		width: 100%;
		}

			div#logo-container {
			float: left;
			width: 34%;
			}

         header#masthead section#masthead-top div#mobile-search-container {
         display: none;
         }

			div#search-basket-container {
			float: right;
			min-width: 622px;
			height: 199px;
			background-image: url('../images/search-basket-container-bg.png');
			background-repeat: no-repeat;
			}
            div#logo-wrap, div#mobile-search-wrap, div#search-basket-wrap, nav#main-nav, div#questionnaire, div#newsletter-wrap, div#social-wrap, div#sitemap-wrap {
            padding: 1rem;
            }
				   div#search-box-wrap, div#mobile-search-box-wrap, div#basket-wrap {
				   padding-bottom: 1rem;
				   }
					div#basket-wrap {
					float: right;
               font-size: 1.25rem;
					}
						div#basket-text {
						float: left;
						padding-right: 3rem;
						background-origin: border-box;
						background-position: right bottom;
						background-image: url('../images/basket-white.png');
						background-repeat: no-repeat;
						background-size: 30px 30px;
						}

            div#login-wrap {
            text-align: right;
            clear: both;
            margin-top: 7.5rem;/*CHANGE*/
            }

            div#login-wrap, div#breadcrumbs {
   			padding: 0 1rem;
   			}
               div#login-wrap ul, div#breadcrumbs ul {
   				padding: 0 0 1rem 0;
   				}
               div#login-wrap ul {
               padding-top: 1.35rem;
               }
                  div#login-wrap ul li, div#breadcrumbs ul li {
   					padding: 0 0.25rem;
   					display: inline;
   					}
                  div#login-wrap ul li {
   					padding-right: 0;
   					padding-left: 0.75rem;
   					}
                     div#login-wrap ul li:first-child {
      					padding-right: 0.75rem;
      					padding-left: 0;
      					}

      section#navigation div#main-nav-container div#mobile-menu-img {
      min-width: 30px;
      width: 30px;
      max-width: 30px;
      padding: 0 1rem 1rem 1rem;
      position: fixed;
      /*top: 200px; Without Promo Banner*/
      top: 258px;/* With Promo Banner*/
      right: 0;
      cursor: pointer;
      }
         div#mobile-menu-img p#mobile-menu-text {
         position: relative;
         top: 3px;
         right: 6px;
         color: #664400;
         }
         section#navigation div#main-nav-container div#mobile-menu-img img#menu-icon-solid {
         display: block;
         }
         section#navigation div#main-nav-container div#mobile-menu-img img#menu-icon-ghost {
         display: none;
         }

/* ##### CHECK AND EDIT BELOW ##### */
				nav#main-nav {
				width: auto;
				margin: 0 auto;
				padding-top: 0;
				text-align: center;
				background-color: #ffffff;
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				}
					nav#main-nav ul {
					width: 100%;
					margin: 0 auto;
					padding: 0;
					}
						nav#main-nav ul li {
						padding-right: 4rem;
						display: inline;
						}

					div#main-home-wrap, div#main-schools-wrap, div#main-business-wrap, div#main-free-resources-wrap, div#main-services-wrap, div#main-blog-wrap {
					background-color: #ffffff;
					width: auto;
					height: 100%;
					padding: 1rem;
					display: none;
					transition: 0.4s;
					}

						div.main-nav-list {
						float: left;
						width: 27%;
						max-width: 27%;
						background-color: #f7f7f7;
						margin-right: 1rem;
						margin-bottom: 1rem;
						padding: 0.5rem 1rem 1rem 1rem;
						box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
						}

                  section#navigation div#main-nav-container nav#mobile-nav div#mobile-profile-wrap li span#login {
                  display: block;
                  margin-top: -0.68rem;
                  font-size: 1.1rem;
                  }

						section#navigation div#main-nav-container nav#mobile-nav h3 {
						border-top: solid 1px #b8b8b8;
						border-bottom: solid 1px #b8b8b8;
                  background-color: #f8f8f8;
                  margin: 1rem 0;
						padding: 1rem 0;
                  text-align: center;
						}

						section#navigation div#main-nav-container div h4 {
						margin: 0;
						padding: 0 0 0.5rem 0;
						line-height: 1.75rem;
						}

						section#navigation div#main-nav-container div h4.main-heading, section#navigation div#main-nav-container div#mobile-profile-wrap ul {
						padding-left: 1rem;
                  line-height: 2.5rem;
						}

						section#navigation div#main-nav-container div a.close-main {
						float: right;
						margin-top: -0.6rem;
						font-size: 2rem;
						font-weight: bold;
						position: -webkit-sticky;
						position: sticky;
						top: 3rem;
						}

						section#navigation div#main-nav-container div.main-nav-list ul {
						list-style-type: none;
						}

						.accordion {
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;
						background-color: #ffffff;
						color: #664400;
						cursor: pointer;
						text-align: left;
						transition: 0.5s;
						}

							.active, .accordion:hover {
							background-color: #eeeeee;
							}

							.panel {
							display: none;
							overflow: hidden;
							}

      					div#breadcrumbs ul li.home {
      					padding-left: 0;
      					}

					div#aside-menu-link {
					padding: 0;
					}

         main article#copy section#main-content, main article#copy section#meta-content, main article#copy section#resource-content, main article#copy section#ecommerce-content, main section#meta {
			background-color: #f7f7f7;
			}

         main article#copy section#sidebar-wrap aside#sidebar section#sidebar-contents {
			background-color: #f7f7f7;
			}
				article#copy section#sidebar-wrap aside#sidebar, div#mobile-menu-wrap {
				box-shadow: 0 4px 12px 1px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				}

				div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
				display: none;
				min-width: 70%;
				width: 70%;
				max-width: 70%;
				margin-top: 0.25rem;
				margin-bottom: 1rem;
				padding: 0.5rem 1rem 0 1rem;
				/*-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;*/
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				}

				nav#mobile-nav a.close-mobile-sub-menus {
				float: right;
				}

				div#social-icons-wrap ul li, div#meta-wrap ul li {
				padding: 0 0 0 1rem;
				display: inline;
				}
/* ##### CHECK AND EDIT ABOVE ##### */

			main {
         background-color: #f7f7f7;
			padding: 0 0 2rem 0;
			}
				main article#copy header#banner {
				padding: 1rem 1rem 1.5rem 1rem;
				}
				main article#copy header#banner, main article#copy section#sidebar-wrap header#sidebar-header, footer section#news-social {
				background-image: linear-gradient(105deg, rgba(0,102,0,1), rgba(102,170,17,0.9), rgba(0,102,0,1));
				}
               main article#copy header#banner h1, main article#copy header#banner h2, main article#copy header#banner, main article#copy section#sidebar-wrap header#sidebar-header h3 {
               color: #ffffff;
               text-shadow: 1px 1px 8px #007800;
               }
					main article#copy header#banner div#banner-wrap {
					min-width: 60%;
					max-width: 65%;
					margin: 0 auto;
					}
					   main article#copy header#banner div#banner-wrap h1, main article#copy header#banner div#banner-wrap h2, main article#copy section#sidebar-wrap header#sidebar-header h3 {
					   padding-right: 0;
					   padding-left: 0;
					   text-align: center;
					   }
					   main article#copy header#banner div#banner-wrap p {
					   padding: 0 0 0.5rem 0;
					   text-align: center;
					   line-height: 1.75rem;
					   }
					   main article#copy header#banner div#banner-wrap ul {
					   padding: 1rem 0 0 0;
					   list-style-type: none;
					   list-style-position: inside;
					   text-align: center;
					   }
					      main article#copy header#banner div#banner-wrap ul li {
					      display: inline;
					      }
   						   main article#copy header#banner div#banner-wrap ul li.block {
   						   display: block;
   						   }

               main article#copy section#main-content, main article#copy section#meta-content {
               min-width: 66%;
               width: 66%;
               max-width: 66%;
               margin-bottom: 1rem;
               padding: 1rem;
               float: left;
               }

               main article#copy section#meta-content div#basket-items {
               margin: 0 0 2rem 0;
               }
                  main article#copy section#meta-content div#basket-items p {
                  font-style: italic;
                  }

               main article#copy section#resource-content, main article#copy section#ecommerce-content {
               padding: 1rem 1rem 2rem 1rem;
               }

            /* TYPOGRAPGHY */
            main article#copy p.small-text {
            padding-bottom: 1.5rem;
            font-size: 1.1rem;
            line-height: 1.5rem
            }

            main article#copy p, main article#copy ul, main article#copy ol, main article#copy dl {
            padding-bottom: 1rem;
            width: auto;
            font-family: 'Mulish', sans-serif;
            font-size: 1.38rem;
            line-height: 2rem;
            color: #333333;
            }

            main article#copy section#resource-content p, main article#copy section#resource-content ul, main article#copy section#resource-content ol, main article#copy section#resource-content dl {
            width: 75%;
            }
               main article#copy section#resource-content p.samples, main article#copy section#resource-content p.price {
               padding-bottom: 0.5rem;
               }

            main article#copy ul, main article#copy ol, main article#copy dl {
            padding-left: 2.5rem;
            list-style-position: outside;
            }
               main article#copy ul {
               list-style-type: disc;
               }

            /* TYPOGRAPGHY */
            main article#copy section#sidebar-wrap, footer {
            font-family: 'Mulish', sans-serif;
            font-size: 1rem;
            }

            hr {
            border: solid 1px #b8b8b8;
            border-top-width: 0;
            margin: 1.5rem 0 1rem 0;
            width: auto;
            height: 0;
            clear: both;
            }

					/* ##### EDIT BELOW ##### */
					main article#copy div#admin-message-wrap {
               border: solid 2px #626262;
               border-radius: 10px;
               width: 60%;
               margin: 1rem auto;
               padding: 9px 14px 12px 17px;
               background-color: #848484;
               font-family: 'Mulish', sans-serif;
               font-size: 1.2rem;
               color: #f7f7f7;
               text-align: center;
               line-height: 1.6rem;
               }
                  main article#copy div#admin-message-wrap:has(span.success) {
                  border: solid 2px #006600;
                  background-color: #4b9719;
                  }
                  main article#copy div#admin-message-wrap:has(span.warning) {
                  border: solid 2px #664400;
                  background-color: #dd9300;
                  }
                  main article#copy div#admin-message-wrap:has(span.error) {
                  border: solid 2px #96170a;
                  background-color: #d3301f;
                  }
                  main article#copy div#admin-message-wrap span#admin-message {
                  vertical-align: text-top;
                  padding: 0;
                  }
                  main article#copy div#admin-message-wrap ul {
                  text-align: left;
                  }
                  main article#copy div#admin-message-wrap span#admin-message-close {
                  float: right;
                  position: relative;
                  top: -1px;
                  margin-left: 2rem;
                  font-size: 2rem;
                  font-weight: 200;
                  }
                     main article#copy div#admin-message-wrap span#admin-message-close a.close-admin-message {
                     color: #f7f7f7;
                     text-decoration: none;
                     }

					/* Django Errors */
					main article#copy div#form-wrap ul.errorlist, main article#copy form ul.warninglist {
               margin-bottom: 1rem;
               padding-left: 0;
               list-style-type: none;
               font-size: 1.38rem;
               line-height: 2rem;
               }
   					main article#copy div#form-wrap ul.errorlist li, main article#copy form ul.warninglist li {
                  color: #96170a;
                  }

      				main article#copy section#blogroll {
                  min-width: 75%;
                  width: 75%;
                  max-width: 75%;
                  margin-top: 1rem;
                  }
      				   main article#copy section#blogroll div.blog-article-wrap {
      				   padding: 0 1rem;
      				   }

				main article#copy section#sidebar-wrap {
				float: right;
				margin: 1rem 0 0 0;
				min-width: 29%;
            width: 29%;
				max-width: 29%;
            padding: 0 1rem 0 0;
				}
               main article#copy section#sidebar-wrap header#sidebar-header {
               padding: 0.75rem 1rem;
               font-size: 1.5rem;
               }
               main article#copy section#sidebar-wrap header#sidebar-header h3 {
               padding: 0;
               color: #ffffff;
               }
               main article#copy section#sidebar-wrap li span#login {
               display: block;
               margin-top: -0.25rem;
               font-size: 1.1rem;
               }
               main article#copy section#sidebar-wrap section#sidebar-contents {
               padding: 0;
               font-size: 1.5rem;
               }
                  main article#copy section#sidebar-wrap section#sidebar-contents nav#sidebar-subnav ul {
                  padding: 0;
                  list-style-type: none;
                  }
                  main article#copy section#sidebar-wrap section#sidebar-contents hr {
                  /* Old code moved up to this section. Might not be needed. See line 269 */
                  margin-right: 0;
                  margin-left: 0;
                  }
                     main article#copy section#sidebar-wrap section#sidebar-contents nav#sidebar-subnav ul li {
                     padding: 1rem;
                     border-bottom: solid 1px #b8b8b8;
                     font-family: 'Mulish', sans-serif;
                     font-size: 1.25rem;
                     font-weight: 600;
                     }
                     main article#copy section#sidebar-wrap section#sidebar-contents nav#sidebar-subnav ul a li:hover {
                     background-color: #efefef;
                     }
                     main article#copy section#sidebar-wrap section#sidebar-contents nav#sidebar-subnav ul a {
                     border-bottom: solid 1px #b8b8b8;
                     }
                     main article#copy section#sidebar-wrap section#sidebar-contents nav#sidebar-subnav ul a:last-child {
                     border: none;
                     }

            main article#copy section#main-content div#resource-image, main article#copy section#meta-content div#resource-image, main article#copy section#ecommerce-content div#resource-image {
            margin: 0 0 1rem 0;
            }
            main article#copy section#resource-content div#resource-image {
            margin: 0 0 0.5rem 0;
            }
               main article#copy section#main-content div#resource-image img, main article#copy section#meta-content div#resource-image img, main article#copy section#resource-content div#resource-image img, main article#copy section#ecommerce-content div#resource-image img, main article#copy section#main-content div#resource-image img.left, main article#copy section#meta-content div#resource-image img.left, main article#copy section#resource-content div#resoure-image img.left, main article#copy section#ecommerce-content div#resource-image img.left {
               min-width: 200px;
               width: 200px;
               max-width: 200px;
               }

				main article#copy aside#pp {
				float: right;
				max-width: 25%;
				margin: 2rem 1rem 2rem 2.5rem;
				padding: 0;
				background-color: transparent;
				}
					article#copy aside#pp img.product {
					width: 250px;
					max-width: 250px;
					padding: 0;
					}

					article#copy aside#pp h4 {
					margin-bottom: 1rem;
					}

				main article#copy aside#ad {
				float: right;
				margin: 2rem 1rem 1.5rem 1.5rem;
				max-width: 25%;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				}

				main article#copy nav#blog-topic-mobile-nav, main article#copy nav#lp-topic-mobile-nav {
				display: none;
				}

            /* EDIT HR TAGS BELOW AS NECESSARY */
            main article#copy hr.basket {
            margin-top: 0;
            }

				hr.plain {
				margin-top: 1rem;
				}

				hr.blog {
				margin-top: 1rem;
            clear: none;
				}

				hr.ghost {
				margin: 0;
				visibility: hidden;
				}

				div#product hr {
				margin-left: 0;
				}
            /* EDIT HR TAGS ABOVE AS NECESSARY */

				section.resources {
				width: auto;
				}
					div#resource-wrap {
               width: 100%;
					}

					div.resource-row {
					padding: 0.5rem 0 1rem 0;
					width: 100%;
					clear: both;
					}

					main article#copy aside div.resource-row {
					padding: 0;
					}

					main article#copy div.resource-cell, main article#copy div.resource-cell-basket {
					margin: 1rem 0 0 0;
               padding: 0;
               height: auto;
					}

					main article#copy aside div.resource-cell {
					padding-bottom: 1.5rem;
					}

               main article#copy div.resource-cell-basket {
               margin-bottom: 1rem;
					width: 33%;
					float: left;
					}

               main article#copy div.resource-cell-purchased {
               margin: 1rem 0 3rem 0;
               width: 33%;
               float: none;
					}

					main article#copy div.resource-cell-block {
					padding: 0;
					width: 48%;
					display: inline-block;
					}

               main article#copy div.resource-cell-basket {
               min-height: auto;
               }

				div.resource-cell-2 {
				padding: 0 1.5rem 2rem 0;
				width: 45%;
				float: left;
				}

				div.resource-cell-3 {
				padding: 0 0.2rem 2rem 0;
				width: 33%;
				float: left;
				}

				main article#copy div#product, hr.cell {
				display: none;
				}

				main article#copy hr.cell-60 {
				width: 64%;
				margin-top: 0.5rem;
				display: inline-block;
				}

            main article#copy hr.resource-hr {
            display: block;
            margin: 1.5rem 0 2rem 0;
            }
            main article#copy section#main-content div.resource-cell:last-child hr.resource-hr {
            display: none;
            }

				/*main article#copy aside#nav div#aside-nav-mobile div#aside-menu-link {
				display: none;
				}*/

				main article#copy div.blog-preview-wrap {
				background-color: #f7f7f7;
				padding: 1rem;
				}
					main article#copy div.blog-preview-wrap div.blog-preview {
					width: 100%;
					min-width: 100%;
					max-width: 100%;
					box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
					}
						main article#copy div.blog-preview-wrap div.blog-preview div.blog-post-meta p {
						padding-bottom: 0.5rem;
						}

article#copy div.blog-post-meta p {
padding: 0 1rem;
font-size: 0.90rem;
font-family: 'Mulish', sans-serif;
}

					main article#copy div#blog-footer {
					padding-top: 1rem;
					}

/*main article#copy div#promo div#promo-products-wrap {
width: 600px;
max-width: 600px;
margin: auto;
padding: 0.5rem 0 0 0;
}
	main article#copy div#promo div#promo-products-wrap div.promo-product {
	display: inline-block;
	}

	main article#copy div#promo div#promo-products-wrap div.promo-product-padding {
	padding-right: 1rem;
	display: inline-block;
	}*/

main article#copy div#order-summary-box {
margin: 1rem;
padding: 0.5rem;
border: solid 1px #b8b8b8;
}

main article#copy div#x-product-wrap {
}

	main article#copy div#x-product-wrap div#x-product {
	padding: 1rem;
	}

		main article#copy div#x-product-wrap div#x-product div {
		padding-right: 1rem;
		padding-bottom: 1.5rem;
		float: left;
		}

				section#cards {
				padding: 2rem 3% 0;
				}
					section#cards div.card-wrap {
					width: 30%;
					min-width: 30%;
					max-width: 30%;
					padding: 0 1rem 2rem;
					float: left;
					}
						section#cards div.card-wrap div.card {
						min-height: 350px;
						background-color: #f7f7f7;
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;
						}
						section#cards div.card-wrap a:hover div.card, section#blogroll div.blog-article-wrap a:hover div.blog-article {
						box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
						}

				div#newsletter-container, div#social-container {
				float: left;
				width: 50%;
				}

					div#newsletter-wrap {
					border-right: solid 1px #ffffff;
					}

				div.sitemap-list {
				float: left;
				width: 23%;
				padding: 0 2% 1rem 0;
				}

				div#social-icons-wrap, div#meta-wrap, div#copyright-wrap {
				padding: 1rem;
				text-align: right;
				background-color: #ffffff;
				}

				div#social-icons-wrap {
				padding-bottom: 0;
				}

				div#copyright-wrap {
				padding-top: 0;
				}

.inline-block {
display: inline-block;
}

.clear {
clear: both;
}

article#copy p.thanks {
font-weight: bold;
color: #006600;
}
/*** Main Layout ***/

/********
* FORMS *
********/
main article#copy h4.form-heading {
padding-bottom: 1rem;
}

div#search-box-wrap form {
text-align: right;
}

div#search-box-wrap form input[type="text"], div#search-box-wrap form input[type="submit"], div#mobile-search-box-wrap form input[type="text"], div#newsletter-wrap form input[type="text"], div#mobile-search-box-wrap form input[type="submit"], div#newsletter-wrap form input[type="submit"], div#questionnaire form select, div#questionnaire form input[type="text"] {
padding: 0.5rem;
font-size: 1rem;
color: #333333;
border: solid 1px #b8b8b8;
border-radius: 10px;
}
   /*Took below out of above rules because of an unknown error cause*/
   div#questionnaire form input[type="email"], div#questionnaire form textarea, div#questionnaire form input[type="submit"] {
   padding: 0.5rem;
   font-size: 1rem;
   color: #333333;
   border: solid 1px #b8b8b8;
   border-radius: 10px;
   }

button#bttt-button {
display: none;
position: fixed;
bottom: 10px;
right: 20px;
z-index: 99;
border: none;
outline: none;
background-color: #006600;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
color: white;
cursor: pointer;
padding: 15px;
border-radius: 10px;
font-size: 18px;
}
   button#bttt-button:hover {
   background-color: #555;
   }

   div#newsletter-wrap form input[type="text"], div#newsletter-wrap form input[type="submit"] {
	border: none;
	}

	div#search-box-wrap form input[type="submit"], div#newsletter-wrap form input[type="submit"], div#questionnaire form input[type="submit"] {
	background-color: #ffffff;
	}

	div#search-box-wrap form input[type="submit"] {
	margin-left: 1rem;
	}

main article div#form-wrap select, main article div#form-wrap textarea, main article div#form-wrap input {
margin: 0.5rem 0 1.5rem 0;
border: solid 1px #b8b8b8;
min-width: 350px;
width: 30%;
max-width: 30%;
padding: 0.5rem;
font-size: 1rem;
color:#333333;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
   main article div#form-wrap form#login-form input#id_password {
   margin-bottom: 0.25rem;
   }

form#download-button-form {
margin-top: 1rem;
}

main article div#form-wrap input#submit_contact {
width: auto;
}

main article div#form-wrap textarea {
min-height: 100px;
}

main article#copy div#form-wrap-paypal {
margin-bottom: 0.5rem;
}
   main article#copy input.ar-button, main article#copy button#add-to-basket, main article#copy div#form-wrap-paypal form input[type=submit]{
   border: none;
   border-radius: 10px;
   min-width: auto;
   width: auto;
   max-width: none;
   padding: 0.5rem 1.25rem 0.65rem 1.25rem;
   background-image: linear-gradient(105deg, rgba(0,102,0,1), rgba(102,170,17,1), rgba(0,102,0,1));
   box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.4);
   color: #ffffff;
   font-size: 1.25rem;
   font-family: 'Mulish', sans-serif;
   font-style: italic;
   text-shadow: 1px 1px 8px #007800;
   }
      main article#copy input.ar-button:hover, main article#copy button#add-to-basket, main article#copy div#form-wrap-paypal form input[type=submit] {
      cursor: pointer;
      }
      main article#copy button#add-to-basket, main article#copy section#resource-content input.ar-button, main article#copy div#form-wrap-paypal form input[type=submit] {
      margin-bottom: 1rem;
      }

main article div#form-wrap form p {
padding: 0;
}

main article#copy div#form-wrap ul, main article#copy div#form-wrap ul {
margin-top: -0.5rem;
min-width: 100%;
width: 100%;
max-width: 100%;
padding-left: 0;
font-size: 0.85rem;
line-height: 1.25rem;
color: #777777;
list-style-position: inside;
}

   main article div#form-wrap form p label {
   display: inline;
   padding: 0;
   }

main article#copy p.register-small, main article#copy ul.register-small {
font-size: 1rem;
padding: 0 0 0 2rem;
}
   main article#copy ul.register-small {
   list-style-position: inside;
   }

main article#copy div#form-wrap form p.reset-password {
margin-bottom: 1rem;
font-size: 1rem;
}

main article#copy section#ecommerce-content div#form-wrap form input#login-button {
margin-top: 1.25rem;
}

/* main article div#form-wrap form#user-profile-form {
margin-top: 1rem;
} */

div#newsletter-wrap form, div#questionnaire form {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
	div#questionnaire div.field {
	margin: 0 0 2rem 0;
	}
		div#questionnaire div.field select, div#questionnaire div.field select#reason option {
		min-width: 340px;
		width: 340px;
		max-width: 353px;
		}
		div#newsletter-wrap form input[type="text"], div#newsletter-wrap form input[type="email"], div#questionnaire form input[type="text"], div#questionnaire form input[type="email"], div#questionnaire form input[type="radio"] {
		margin: 0;
		font-size: 1rem;
		color:#333333;
		}
		div#newsletter-wrap form input[type="text"], div#newsletter-wrap form input[type="email"] {
		margin-top: 1rem;
		margin-bottom: 1rem;
		}

		div#questionnaire form input[type="radio"] {
		margin-right: 0.5rem;
		}

article#copy div#questionnaire h4, article#copy div#questionnaire p {
padding: 0;
}

article#copy div#questionnaire p.radio {
display: inline;
}

article#copy div#questionnaire p span {
font-weight: bold;
color: #006600;
}

article#copy div#questionnaire p {
margin: 0.5rem 0;
}

	div#newsletter-wrap form input[type="submit"], div#questionnaire form input[type="submit"] {
	margin: 0.5rem 0;
	cursor: pointer;
	}

div#prospect form {
margin: 0 10%;
}

	div#prospect form input {
	margin-bottom: 1rem;
	}

	div#prospect form input {
	width: 85%;
	padding: 0.25rem;
	}

	div#prospect form input[type=submit] {
	width: 95%;
	margin-bottom: 0;
	}

/*** Forms ***/

/*ADMIN PAGES*/
table#admin-table, table#user-table {
border: solid 1px #b8b8b8;
font-family: 'Mulish', sans-serif;
}
   table#admin-table thead tr th, table#admin-table tbody tr td, table#user-table thead tr th, table#user-table tbody tr td  {
   padding: 1rem;
   border: solid 1px #b8b8b8;
   }

/* CALENDAR */
table#events-calendar {
margin: 1rem 0 1rem 1rem;
width: auto;
font-family: 'Mulish', sans-serif;
}

table#events-calendar th {
padding: 0.5rem;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
}

table#events-calendar td {
padding: 0.5rem;
font-size: 1rem;
}

table#events-calendar th.event, table#events-calendar td.event {
background-color: #f0f0f0;
font-weight: bold;
}

table#events-calendar th.current-year, table#events-calendar td.current-year {
background-color: #f0fff0;
}

table#events-calendar th.following-year, table#events-calendar td.following-year {
background-color: #fffff0;
}

table#events-calendar td.subject {
padding-left: 0;
}
/*** Calendar ***/
/*** Layout ***/

/********
* LINKS *
********/
a:link, a:visited {
text-decoration: none;
color: #664400;
}

a:hover, a:active {
text-decoration: underline;
}

a:link {
cursor: pointer;
}

div#promo-wrap div#promo a, header#banner a {
color: #ffffff;
}

div#search-basket-container a, div#main-nav-container a, article#copy div#blog-menu-wrap a {
text-decoration: none;
}

   div#search-basket-container div#login-wrap ul {
   color: #777777;
   }
      div#search-basket-container div#login-wrap ul li a {
      text-decoration: underline;
      }
      div#search-basket-container div#login-wrap ul li a:hover {
      text-decoration: none;
      }

div#main-nav-container div.main-nav-list a:hover, nav#mobile-nav a:hover, article#copy nav#blog-nav a:hover {
text-decoration: underline;
}

div#search-basket-container a, main article#copy aside#ad a, section#news-social a {
color: #ffffff;
}

/*div.main-nav-list a:link, div.main-nav-list a:visited {
color: #ffffff;
text-shadow: 1px 1px 8px #007800;
}*/

div#breadcrumbs a, section#sitemap a, section#meta a, section#copyright a {
color: #777777;
}

div#promo-wrap div#promo a:link, div#promo-wrap div#promo a:visited, article#copy a:link, article#copy a:visited, nav#mobile-nav h4 a:link, nav#mobile-nav h4 a:visited, article#copy nav#blog-nav h4 a:link, article#copy nav#blog-nav h4 a:visited, nav#mobile-nav div#mobile-profile-wrap ul li a {
text-decoration: underline;
}
	nav#mobile-nav h4 a.close-mobile-sub-menus:link, nav#mobile-nav h4 a.close-mobile-sub-menus:visited {
	text-decoration: none;
	font-weight: 500;
	font-size: 1rem;
	}
		nav#mobile-nav div#mobile-free-resources-wrap ul li {
		font-weight: 500;
		}

div#promo-wrap div#promo a:hover, div#promo-wrap div#promo a:active, article#copy a:hover, article#copy a:active, nav#mobile-nav h4 a:hover, nav#mobile-nav h4 a:active, nav#mobile-nav div#mobile-profile-wrap ul li a:hover, nav#mobile-nav div#mobile-profile-wrap ul li a:active, article#copy nav#blog-nav h4 a:hover, article#copy nav#blog-nav h4 a:active, section#cards div.card-wrap a, section#blogroll div.blog-article-wrap a {
text-decoration: none;
}

main article#copy section#sidebar-wrap section#sidebar-contents nav#sidebar-subnav ul a {
text-decoration: none;
}

/*main article#copy div#promo div#promo-products-wrap div.promo-product a.promo-product-img, main article#copy div#promo div#promo-products-wrap div.promo-product-padding a.promo-product-img {
text-decoration: none;
}*/

section#cards div.card-wrap a {
color: #333333;
}

div#login-wrap a, section#cards div.card-wrap div.card p a.link, section#cards div.card-wrap div.card ul a.link {
text-decoration: underline;
color: #664400;
}
	div#login-wrap a:hover, section#cards div.card-wrap div.card p a.link:hover, section#cards div.card-wrap div.card ul a.link:hover {
	text-decoration: none;
	}

main article#copy a.remove-from-basket {
font-size: 1.1rem;
text-decoration: none;
color: #664400;
cursor: pointer;
}

main article#copy a.remove-from-basket:hover, a.remove-from-basket:active {
text-decoration: underline;
}
/*** Links ***/

/*************
* TYPOGRAPHY *
*************/
/* HEADINGS */
div#promo-wrap div#promo p, section#news-social div#newsletter-container h3, section#news-social div#social-container h3 {
color: #ffffff;
}

div#main-nav-wrap h4, nav#mobile-nav h4, section#news-social h3 {
padding: 0 0 1rem 0;
}

section#meta h4 {
padding: 0 0 0.5rem 0;
}

div#main-nav-wrap h4, nav#mobile-nav h4 {
margin: 0;
}

div.resource-text h4 {
font-size: 1.25rem;
}

aside#product div.resource-text h4, aside#lp div.resource-text h4 {
padding: 0;
font-size: 1.25rem;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Mulish', sans-serif;
font-weight: 700;
color: #333333;
}

h1 {
font-size: 2.5rem;
}
	header#banner h1 {
	font-size: 3.5rem;
	line-height: 4rem;
	}

h1.warning {
color: #cc0000;
}

h2 {
font-size: 2.25rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
	header#banner h2, header#banner div#banner-wrap h2.blog-series, header#banner h3 {
	padding: 1rem 0 0 0;
   font-size: 2rem;
	line-height: 2.5rem;
	}

   header#banner div#banner-wrap h2.blog-series {
   margin-bottom: 0;
   padding: 0.5rem 0 0.5rem 0;
   }

	header#banner h2.theme {
	font-size: 1.75rem;
	}

	header#banner h3 {
	margin-bottom: 0.25rem;
	padding-bottom: 0;
	text-align: center;
	}

/*main article#copy div#promo h2 {
margin: 0 0 1rem 0;
padding: 1rem;
/*background-image: linear-gradient(105deg, rgba(0,102,0,1), rgba(102,170,17,0.9), rgba(0,102,0,1));
background-color: #006600;
color: /*#006600#ffffff;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}*/
	main aside h2 {
	padding: 0;
	font-size: 1.75rem;
	}

h3 {
font-size: 1.75rem;
padding-top: 1rem;
padding-bottom: 0.5rem;
}
	div#main-nav-container h3 {
	padding: 0 0 1rem 0;
	}
   h3.resource-list {
   padding-top: 0;
   }

	main aside#ad h3 {
	color: #ffffff;
	}

	main nav#lp-topic-mobile-nav h3 {
	padding-top: 1rem;
	}

div#form-wrap form div label h3 {
padding-bottom: 1rem;
}

main article#copy section h2:first-child, main article#copy section h3:first-child {
padding-top: 0;
}

main article#copy section h3#lesson-plans {
padding-top: 0;
}

main article#copy section#sidebar-wrap h3 {
padding-top: 0;
}

main article#copy section#sidebar-wrap div#profile-menu ul, main article#copy section#ecommerce-content div#profile-menu ul {
list-style-type: none;
padding-left: 0;
}
   main article#copy section#sidebar-wrap div#profile-menu ul li, main article#copy section#ecommerce-content div#profile-menu ul li {
   padding-bottom: 0.5rem;
   }

h4 {
font-size: 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0.25rem;
}

h4.blog-series-heading {
padding: 1rem 0 0.5rem 2rem;
}
	main aside h4 {
	padding: 0 0 0.25rem 0;
	font-size: 1.25rem;
	}

	nav#blog-topic-mobile-nav h4 {
	margin-bottom: 1rem;
	padding-top: 0;
	}

h5 {
font-size: 1.25rem;
margin-top: 1rem;
}

h6 {
font-size: 1rem;
margin-top: 1rem;
}

section#cards div.card-wrap div.card h3 {
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
}

section#blogroll div.blog-article-wrap div.blog-article h3, section#blogroll div.blog-article-wrap div.blog-article h4 {
color: #664400;
}

section#blogroll div.blog-article-wrap div.blog-article h4 {
padding: 0 1rem 0.5rem 1rem;
}

footer h3, footer h4 {
margin-top: 0;
}

div#sitemap-wrap div.sitemap-list h4 {
color: #777777;
}

.inline-heading {
display: inline-block;
}
/*** Headings ***/

/* COPY */
div#promo-wrap div#promo, header#masthead {
font-family: 'Mulish', sans-serif;
}

div#promo-wrap div#promo {
font-size: 1.25rem;
}

main article#copy header#banner div#banner-wrap p {
margin: 0;
font-size: 1.25rem;
font-family: 'Mulish', sans-serif;
color: #ffffff;
}

/*main article#copy div#promo-wrap div#promo header p {
padding: 0;
font-size: 1.75rem;
color: #ffffff;
}*/

/*main article#copy div#promo-wrap div#promo p {
margin: 0;
padding: 0 0 0 1rem;
font-size: 1.25rem;
font-family: 'Mulish', sans-serif;
}

main article#copy div#promo-wrap div#promo div#promo-products-wrap div.promo-product p, main article#copy div#promo-wrap div#promo div#promo-products-wrap div.promo-product-padding p {
padding: 0;
}

main article#copy div#promo-wrap div#promo h3 {
padding-top: 1.5rem;
padding-bottom: 0;
}*/

main article#copy p.or {
padding-left:  75px;
}

article#copy p.sans {
font-family: 'Mulish', sans-serif;
}

article#copy nav#blog-nav ul {
font-size: 1rem;
font-family: 'Mulish', sans-serif;
}

article#copy div.resource-text p {
padding-top: 0.5rem;
padding-bottom: 0;
font-family: 'Mulish', sans-serif;
}

	article#copy div.resource-text p.more {
	padding-top: 1rem;
	}

article#copy header#banner div#banner-wrap div.blog-post-meta p {
padding: 0.5rem 0 0 0;
font-family: 'Mulish', sans-serif;
}

main article#copy ul.blog-series-list {
padding: 0 1rem 1rem 2rem;
list-style-type: none;
}

main article#copy aside div.resource-text p {
padding: 0.5rem 0 0 0;
}

main article#copy aside#product p {
padding: 1rem 0 0 0;
font-family: 'Mulish', sans-serif;
}

main article#copy aside#nav p, main article#copy aside#nav nav#aside-nav ul {
padding: 0 0 1rem 0;
}
	main article#copy aside#nav nav#aside-nav ol {
	padding-left: 1rem;
	}

main article#copy aside#ad h2, main article#copy aside#ad p, main article#copy aside#ad ul, section#news-social {
color: #ffffff;
text-shadow: 1px 1px 8px #007800;
}

section#cards div.card-wrap div.card p {
padding: 0 1rem 1rem 1rem;
font-family: 'Mulish', sans-serif;
color: #333333;
}

section#meta {
color: #777777;
}

section#copyright {
font-size: 0.75rem;
}
/*** Copy ***/

/* LISTS */
div#main-nav-wrap ul, nav#mobile-nav ul, main aside ul, footer ul {
list-style-type: none;
list-style-position: inside;
}

nav#main-nav ul {
font-size: 1.75rem;
font-weight: 700;
}

nav#mobile-nav ul {
padding: 0 0 0.5rem 0;
font-size: 1.25rem;
}
	nav#mobile-nav ul li, div#blog-menu nav#blog-nav ul li {
	padding-bottom: 0.5rem;
	font-weight: 600;
	}

	nav#mobile-nav ul ul {
	padding: 0.5rem 0 0 0.5rem;
	font-size: 1rem;
	}
		nav#mobile-nav ul ul li {
		font-weight: 500;
		}

div#breadcrumbs ul {
color: #777777;
}

article#copy header#banner ul {
margin: 0;
min-width: 100%;
width: 100%;
max-width: 100%;
font-size: 1.25rem;
font-family: 'Mulish', sans-serif;
color: #ffffff;
}

main article#copy dl {
padding-left: 1rem;
}

main article#copy ul.no-list-style {
padding-left: 0;
list-style-type: none;
list-style-position: inside;
}

	main article#copy ul ul {
	padding-left: 1rem;
	}

	main article#copy aside#lp ul {
	padding: 0 0 0.5rem 0;
	list-style-type: disc;
	}
		main article#copy aside#lp ul li {
		padding: 0 0 0.5rem 0;
		list-style-type: none;
		}

	main article#copy aside#lp div#most-popular ul {
	padding-top: 0.5rem;
	}
		main article#copy aside#lp div#most-popular ul li {
		padding: 0;
		font-size: 0.85rem;
		}

	main article#copy aside#ad ul {
	padding: 0;
	}
		main article#copy aside#ad ul li {
		padding: 0 0 1rem 0;
		}

	main article#copy aside#nav nav#aside-nav ul {
	padding: 0;
	}
		main article#copy nav#aside-nav ul li, main article#copy nav#aside-nav ol li {
		padding: 0.25rem 0;
		}

main article#copy ol, main article#copy dl {
padding-bottom: 0;
}
	main article#copy ol li, main article#copy dl dd {
	padding-bottom: 1rem;
	}

	main article#copy nav#blog-topic-mobile-nav ol li {
	padding-bottom: 0;
	}

	main article#copy dl dt {
	font-weight: 700;
	}

main article#copy div.resource-text ul {
padding: 0.25rem 0 0 0;
list-style-type: none;
font-family: 'Mulish', sans-serif;
font-size: 0.85rem;
line-height: 1.25rem;
}

main article#copy div#faqs-wrap p {
padding: 0 0 1rem 0;
}

main article#copy nav#lp-topic-mobile-nav ul, main article#copy nav#lp-topic-mobile-nav ol {
padding-bottom: 0;
}

section#cards div.card-wrap div.card ul {
padding: 0 1rem 1rem 2rem;
font-family: 'Mulish', sans-serif;
color: #333333;
list-style-position: outside;
}
	section#cards div.card-wrap div.card ul li {
	padding-bottom: 0.5rem;
	}

div#social-wrap ul li {
padding-bottom: 1rem;
}

div#copyright-wrap p {
font-size: 90%;
}
/*** Lists ***/

/* EXTRAS */
article#copy p.bold {
font-weight: 700;
}

article#copy p.italic, article#copy p span.italic, article#copy h3.italic, article#copy h4.italic {
font-style: italic;
}

article#copy p.subscript {
padding-bottom: 0;
font-size: 0.90rem;
font-style: italic;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

em.lj {
font-style: normal;
}
/*** Extras ***/
/*** Typography ***/

/********
* MEDIA *
********/
img, embed, object, video, iframe {
max-width: 100%;
}
	iframe.video {
   float: right;
   width: 560px;
   height: 315px;
   padding: 1rem;
   }

div#logo-container div#logo-wrap a img {
width: 250px;
min-width: 250px;
max-width: 250px;
}

div#mobile-menu div#mobile-menu-wrap img.mobile-logo {
width: 30%;
min-width: 30%;
max-width: 30%;
margin-top: 20px;
margin-left: 20px;
}

nav#main-nav img, div#login-wrap ul li img, nav#mobile-nav img, img.page-icon {
width: 20px;
min-width: 20px;
max-width: 20px;
margin-right: 0.5rem;
vertical-align: center;
}

div#login-wrap ul li img {
margin-right: 0.25rem;
}

main article#copy img.services {
width: 250px;
min-width: 250px;
max-width: 250px;
margin: 0 0 1rem 3rem;
}

/*main article#copy div#promo img {
width: 150px;
min-width: 150px;
max-width: 150px;
margin-top: 0.5rem;
}*/

main article#copy img.campaign-banner {
margin: 0.5rem 0 0.5rem 1rem;
}

aside div#most-popular img {
display: block;
}

aside#pp img.product {
margin: 0;
display: block;
}

/* Typed it this way beacause syntax highlighting was off when it was in the above style (line: 1377) */
main article#copy div.media-wrap-centre, main article#copy div.media-wrap-right {
margin-top: 0.5rem;
width: 120px;
max-width: 120px;
}

aside div#most-popular div.resource-text img, aside#pp img {
margin: 0 0 0 0.5rem;
display: inline;
}

main article#copy section img.sale-tag {
width: 75px;
min-width: 75px;
max-width: 75px;
margin: 0.5rem 0;
}

div#product p img {
margin-left: 0.5rem;
}

main aside#product div#product img {
width: auto;
max-width: auto;
}

main article#copy aside#lp div.resource-cell img.product {
width: 150px;
max-width: 150px;
}

/*main article#copy div.resource-cell-basket img.product, main article#copy div.resource-cell-block img.product, main article#copy div.resource-cell-2 img.product, main article#copy div.resource-cell-3 img.product {
padding: 1rem 0 0 1rem;
}*/
	main article#copy aside div.resource-cell img.product {
	padding: 0;
	}

main article#copy div.resource-cell img.product, main article#copy div.resource-cell-basket img.product, main article#copy div.resource-cell-purchased img.product, main article#copy div.resource-cell-block img.product, main article#copy div.resource-cell-2 img.product, main article#copy div.resource-cell-3 img.product {
width: 200px;
max-width: 200px;
}

article#copy aside#product img {
width: 250px;
max-width: 250px;
}

main article#copy div.media-wrap-left {
width: 350px;
min-width: 350px;
max-width: 350px;
padding: 1rem;
float: left;
}

main article#copy div.media-wrap-centre {
width: 350px;
min-width: 350px;
max-width: 350px;
margin: 0 auto;
}

main article#copy div.media-wrap-right {
width: 350px;
min-width: 350px;
max-width: 350px;
padding: 1rem;
float: right;
}

main article#copy div.blog-article-wrap div.blog-article div.media-wrap-right {
width: 125px;
min-width: 125px;
max-width: 125px;
padding: 1rem;
float: right;
}

main article#copy img.small {
width: 200px;
min-width: 200px;
max-width: 200px;
}

main article#copy img.blog-icon {
min-width: 25px;
width: 25px;
max-width: 25px;
padding-left: 1rem;
vertical-align: baseline;
}

main article#copy div#x-product-wrap div#x-product div p {
padding: 0;
}

main article#copy div#x-product-wrap div#x-product div img {
width: 100px;
min-width: 100px;
max-width: 100px;
}

main article#copy div#x-product-wrap div#x-product div img.x-product-img-x {
padding-top: 45px;
width: 45px;
min-width: 45px;
max-width: 45px;
}

div#social-wrap img, div#social-icons-wrap img {
width: 30px;
height: 30px;
max-width: 30px;
max-height: 30px;
min-width: 30px;
min-height: 30px;
}

div#social-wrap img {
padding-right: 0.5rem;
}
/*** Media ***/

/*************
* RESPONSIVE *
*************/
div#mobile-menu-wrap, div#blog-menu-wrap {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
overflow-x: hidden;
transition: 0.5s;
background-color: #ffffff;
}

div#mobile-menu-wrap a.close-mobile, div#blog-menu-wrap a.close-blog {
position: absolute;
top: 0;
right: 1rem;
font-size: 3rem;
font-weight: 200;
}

	nav#mobile-nav, nav#blog-nav {
   margin-bottom: 5rem;
	padding: 0;
	width: 100%;
	}

@media screen and (max-width: 1348px) {
section#cards div.card-wrap div.card {
min-height: 330px;
}
}

@media screen and (max-width: 1324px) {
nav#main-nav ul li {
padding-right: 3.5rem;
}
}

@media screen and (max-width: 1276px) {
nav#main-nav ul li {
padding-right: 3rem;
}
}

@media screen and (max-width: 1228px) {
nav#main-nav ul li {
padding-right: 2rem;
}
}

@media screen and (max-width: 1196px) {
nav#main-nav img {
margin-right: 0.25rem;
}

nav#main-nav ul li {
padding-right: 1.5rem;
}

iframe.video {
float: none;
}
}

@media screen and (max-width: 1131px) {
section#cards div.card-wrap div.card {
min-height: 375px;
}
}

@media screen and (max-width: 1084px) {
nav#main-nav ul li {
padding-right: 1.25rem;
}
main article#copy div#admin-message-wrap {
width: 85%;
}
}

@media screen and (max-width: 1069px) {
main article#copy aside div#most-popular div.resource-text img {
padding-top: 0.5rem;
}

div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 60%;
width: 60%;
max-width: 60%;
}
}

@media screen and (max-width: 1040px) {
div#logo-wrap {
padding-bottom: 0;
}

header#masthead {
padding-bottom: 1rem;
}

nav#main-nav, div#main-nav-wrap, div#breadcrumbs {
display: none;
}

main header#banner {
padding: 1.5rem 1rem;
}
	main header#banner div#banner-wrap {
	max-width: 80%;
	}

main header#banner h1 {
font-size: 3rem;
line-height: 3.25rem;
}

main article#copy section#main-content, main article#copy section#meta-content {
display: block;
min-width: auto;
width: auto;
max-width: none;
margin-bottom: 0;
max-width: 100%;
float: none;
}

main article#copy section#sidebar-wrap {
display: none;
}

article#copy p {
width: 100%;
max-width: 100%;
}

main article#copy ul, main article#copy ol, main article#copy dl {
width: 80%;
max-width: 80%;
}

main article#copy aside#mobile-nav {
display: block;
}
   main article#copy aside#mobile-nav nav#mobile-subnav ul {
   padding-bottom: 0;
   }

/*div#mobile-menu, div#blog-menu {
display: block;
}*/

/*div#mobile-menu-img {
display: block;
}*/

/*main article#copy {
padding-top: 1rem;
}*/

main article#copy aside#pp {
float: none;
display: none;
margin: 0;
padding: 0;
max-width: 100%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

main article#copy div#product {
display: block;
padding: 1rem 0 0 1rem;
}
	main article#copy div#product img.product {
	width: 300px;
	max-width: 300px;
	}

	main article#copy div#product p {
	display: block;
	padding: 0 0 0.5rem 0;
	}

main article#copy div.resource-cell-block {
width: 100%;
}

main article#copy div.resource-cell, main article#copy div.resource-cell-basket  {
width: 45%;
}

main article#copy div.resource-cell-basket  {
width: 50%;
min-height: 400px;
}

main article#copy div.resource-cell-3 {
padding: 0 1rem 0 0;
width: auto;
float: none;
}

main h1 {
font-size: 2.25rem;
}

main h2 {
font-size: 2.25rem;
}

main article#copy h4, main article#copy p, main article#copy ul, main article#copy ol, main article#copy dl {
font-size: 1.25rem;
}

article#copy nav#blog-nav h4 {
font-size: 1.5rem;
}

main article#copy hr, main article#copy hr.cell, main article#copy hr.cell-60 {
display: block;
width: auto;
padding-right: 0;
clear: both;
}

main article#copy hr.basket {
margin-top: 0;
}
}

@media screen and (max-width: 1020px) {
section#cards div.card-wrap {
width: 50%;
min-width: 50%;
max-width: 50%;
margin: 0 auto 2rem;
padding: 0 1rem;
float: none;
}
	section#cards div.card-wrap div.card {
	min-height: 250px;
	}
}

@media screen and (max-width: 970px) {
div#logo-container {
float: left;
width: 40%;
}

div#search-basket-container {
min-width: 60%;
max-width: 60%;
height: 100px;
background-image: none;
}
	div#search-basket-wrap {
	padding-left: 0;
	}

	/*div#search-box-wrap {
	display: none;
	}*/

	div#search-basket-container a {
	color: #333333;
	}

	div#search-basket-container a {
	color: #664400;
	}

   div#search-box-wrap form input[type="submit"] {
   background-color: #e7e7e7;
   }

	div#basket-text {
	background-image: url('../images/basket-brown.png');
	background-repeat: no-repeat;
	}

   div#search-basket-container div#login-wrap ul {
   padding-top: 0.25rem;
   padding-bottom: 0.5rem;
   }

   section#navigation div#main-nav-container div#mobile-menu-img {
   min-width: 30px;
   width: 30px;
   max-width: 30px;
   top: 245px; /*With Promo Banner*/
   }

main header#banner div#banner-wrap {
max-width: 100%;
width: 100%;
}
	main header#banner div#banner-wrap h1 {
	line-height: 3.5rem;
	}

main article#copy aside#lp {
background-color: #f7f7f7;
}

	main aside#lp h2, main aside#lp h3 {
	padding: 1.5rem 1rem 1rem 1rem;
	font-size: 2rem;
	}

	main aside#lp h3 {
	font-size: 1.75rem;
	}

	main article#copy aside#lp p, main article#copy aside#lp ul, main article#copy div#product p {
	padding: 1rem;
	font-family: 'Mulish', sans-serif;
	font-size: 1.25rem;
	color: #333333;
	}

	main article#copy div#product p {
	padding: 0 0 0.5rem 0;
	}

	main article#copy aside#lp div.resource-text p {
	padding: 1rem 0 0 0;
   font-family: 'Mulish', sans-serif;
	}

	main aside#ad h2 {
	padding: 1rem;
	font-size: 2rem;
	}

	main article#copy aside#lp ul, main article#copy aside#ad ul {
	padding: 0 1rem;
	}
		main article#copy aside#lp ul li, main article#copy aside#ad ul li {
		padding: 0 0 1rem 0;
		}

main article#copy aside#product, main article#copy aside div#most-popular {
display: none;
}

	main article#copy aside div#most-popular {
	margin: 1rem;
	padding: 1rem;
	width: 80%;
	background-color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

		main article#copy aside div#most-popular h3 {
		padding: 0 0 1rem 0;
		}

		main article#copy aside div#most-popular div.resource-text img {
		padding-top: 0;
		}

main article#copy section.resources hr {
margin-top: 2rem;
}
	main article#copy div.resource-row {
	padding: 0;
	}

	main article#copy div.resource-cell, main article#copy div.resource-cell-basket, main article#copy div.resource-cell-2 {
	width: auto;
   height: auto;
	}

   main article#copy div.resource-cell-basket  {
   width: 50%;
   margin-bottom: 3rem;
   }
      main article#copy div#resource-wrap div.resource-cell-basket:last-child  {
      margin-bottom: 1rem;
      }

section#cards div.card-wrap {
width: 65%;
min-width: 65%;
max-width: 65%;
margin: 0 auto 2rem;
padding: 0 1rem;
float: none;
}
}

@media screen and (max-width: 898px) {
main article#copy div.resource-cell-basket {
float: none;
min-height: auto;
}
}

@media screen and (max-width: 881px) {
div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 65%;
width: 65%;
max-width: 65%;
}
}

@media screen and (max-width: 813px) {
div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 70%;
width: 70%;
max-width: 70%;
}
}

@media screen and (max-width: 810px) {
main header#banner h1 {
font-size: 2.75rem;
line-height: 4rem;
}

main header#banner h2 {
font-size: 1.75rem;
line-height: 2.25rem;
}

main article#copy div#admin-message-wrap {
width: 85%;
padding: 12px 14px;
font-size: 1rem;
line-height: 1rem;
}

main article#copy div#admin-message-wrap span#admin-message-close {
top: -6px;
right: -4px;
margin-left: 10px;
font-size: 1.5rem;
font-weight: 400;
}

main article#copy section#main-content h2, main article#copy section#meta-content h2, main article#copy section#profile-content h2, main article#copy section#ecommerce-content h2 {
font-size: 2rem;
}

main article#copy section#main-content h3, main article#copy section#meta-content h3, main article#copy section#profile-content h3, main article#copy section#ecommerce-content h3 {
font-size: 1.5rem;
}
}

@media screen and (max-width: 768px) {
div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 75%;
width: 75%;
max-width: 75%;
}
header#banner h1 {
font-size: 2.5rem;
line-height: 2.75rem;
}

main h1 {
font-size: 1.75rem;
}

main h2 {
font-size: 1.75rem;
}

main h3 {
font-size: 1.5rem;
}

article#copy div.resource-row {
padding-top: 0;
}

article#copy div#most-popular section.resources div.resource-wrap div.resource-row div.resource-cell {
padding: 0;
}

	/*article#copy div.resource-cell h4, article#copy div.resource-cell p, article#copy div.resource-cell-2 h4, article#copy div.resource-cell-2 p, article#copy div.resource-cell-3 h4, article#copy div.resource-cell-3 p, main article#copy div.resource-cell img.product, main article#copy div.resource-cell-2 img.product, main article#copy div.resource-cell-3 img.product {
	padding-right: 0;
	padding-left: 0;
	}*/

article#copy section.resources hr {
width: 95.5%;
}

div#newsletter-container, div#social-container {
float: none;
width: 100%;
}

div#newsletter-wrap {
border-right: none;
border-bottom: solid 1px #ffffff;
}

div#sitemap-wrap, div#social-icons-wrap {
display: none;
}

div#meta-wrap ul, div#copyright-wrap p {
font-size: 70%;
}

div#meta-wrap ul li {
padding-left: 0.5rem;
}
}

@media screen and (max-width: 705px) {
div#mobile-home-wrap, div#mobile-schools-wrap, div#mobile-business-wrap, div#mobile-free-resources-wrap, div#mobile-services-wrap, div#mobile-blog-wrap {
min-width: 80%;
width: 80%;
max-width: 80%;
}
}

@media screen and (max-width: 700px) {
div#logo-container div#logo-wrap a img {
width: 100%;
min-width: 100%;
max-width: 100%;
}

div#basket-wrap p {
font-size: 90%;
}

div#login-wrap ul {
padding-top: 0.75rem;
}

main header#banner h1 {
font-size: 2.75rem;
}

header#banner h2, header#banner div#banner-wrap h2.blog-series {
font-size: 2.25rem;
}

main article#copy header#banner div#banner-wrap p, article#copy header#banner ul {
font-size: 1rem;
}

/*main article#copy div#promo div#promo-products-wrap {
width: auto;
margin: auto;
}

main article#copy div#promo-wrap div#promo p {
padding-right: 1rem;
padding-left: 1rem;
}*/

main article#copy div.media-wrap-left, main article#copy div.media-wrap-right {
margin: 0;
float: none;
display: block;
}

main article#copy div.media-wrap-left img, main article#copy div.media-wrap-centre img, main article#copy div.media-wrap-right img {
max-height: 300px;
}

main article#copy div.media-wrap-right img.services {
max-height: 275px;
margin: 0;
}

article#copy section.resources hr {
width: 95%;
}

main article#copy img.campaign-banner {
min-width: 450px;
width: 450px;
max-width: 450px;
}

section#cards div.card-wrap {
width: 75%;
min-width: 75%;
max-width: 75%;
margin: 0 auto 2rem;
padding: 0 1rem;
float: none;
}
}

@media screen and (max-width: 668px) {
header#masthead section#masthead-top div#search-basket-container div#search-basket-wrap div#search-box-wrap {
display: none;
}

header#masthead section#masthead-top div#mobile-search-container {
display: block;
}

header#masthead section#masthead-top div#mobile-search-container div#mobile-search-wrap, header#masthead section#masthead-top div#mobile-search-container div#mobile-search-wrap div#mobile-search-box-wrap {
padding-bottom: 0;
}

header#masthead section#masthead-top div#mobile-search-container div#mobile-search-wrap div#mobile-search-box-wrap form {
text-align: left;
}

header#masthead section#masthead-top div#mobile-search-container div#mobile-search-wrap div#mobile-search-box-wrap form input.mobile-search-box {
width: 70%;
}

header#masthead section#masthead-top div#mobile-search-container div#mobile-search-wrap div#mobile-search-box-wrap form input.mobile-search-button {
width: 20%;
margin-left: 1rem;
}
}

@media screen and (max-width: 592px) {
iframe.video {
width: 415px;
}
}

@media screen and (max-width: 555px) {
/* CALENDAR */
table#events-calendar th {
padding: 0.25rem;
font-size: 1rem;
}

table#events-calendar td {
padding: 0.25rem;
font-size: 0.75rem;
}
}

@media screen and (max-width: 553px) {
div#promo-wrap div#promo p {
font-size: 1rem;
}

div#search-basket-container div#basket-wrap {
padding-bottom: 0.75rem;
}

section#navigation div#main-nav-container div#mobile-menu-img {
min-width: 30px;
width: 30px;
max-width: 30px;
top: 235px; /*With Promo Banner*/
}

main article#copy header#banner {
padding-top: 1rem;
padding-bottom: 1rem;
}

main article#copy header#banner div#banner-wrap h1 {
font-size: 2.25rem;
line-height: 2.5rem;
}

main article#copy header#banner div#banner-wrap h2, main article#copy header#banner div#banner-wrap h2.blog-series {
font-size: 1.75rem;
line-height: 2rem;
}

main article#copy img.campaign-banner {
min-width: 400px;
width: 400px;
max-width: 400px;
}
}

@media screen and (max-width: 540px) {
div#login-wrap {
margin-top: 5rem;/*CHANGE*/
}

div#search-basket-container div#login-wrap ul {
padding-top: 1rem;
}

section#navigation div#main-nav-container div#mobile-menu-img {
min-width: 30px;
width: 30px;
max-width: 30px;
top: 260px; /*With Promo Banner*/
}

/*section#navigation div#main-nav-container div#mobile-menu-img img#menu-icon-ghost {
display: none;
}*/

/*section#navigation div#main-nav-container div#mobile-menu-img img#menu-icon-solid {
display: block;
}*/
}

@media screen and (max-width: 512px) {
div#search-basket-container div#login-wrap {
padding-left: 0;
}
}

@media screen and (max-width: 500px) {
div#search-box-wrap form input[type="text"] {
max-width: 170px;
min-width: 170px;
width: 170px;
}

div#search-box-wrap form input[type="submit"] {
margin: 0;
}

article#copy section.resources hr {
width: 92%;
}

section#cards {
padding-left: 0;
float: none;
}

section#cards div.card-wrap {
width: 95%;
min-width: 95%;
max-width: 95%;
margin: 0 auto 2rem;
padding: 0 1rem;
float: none;
}
}

@media screen and (max-width: 475px) {
main article#copy img.campaign-banner {
min-width: 315px;
width: 315px;
max-width: 315px;
}
}

@media screen and (max-width: 464px) {
section#navigation div#main-nav-container div#mobile-menu-img {
top: 230px; /*With Promo Banner*/
}
main article#copy header#banner div#banner-wrap h2, main article#copy header#banner div#banner-wrap h2.blog-series {
padding-top: 0.5rem;
font-size: 1.5rem;
}
}

@media screen and (max-width: 420px) {
header#masthead section#masthead-top div#mobile-search-container div#mobile-search-wrap div#mobile-search-box-wrap form input.mobile-search-button {
margin-left: 0.5rem;
}

div#search-basket-container div#login-wrap ul {
padding-top: 0;
}

div#basket-wrap {
font-size: 1.1rem
}

section#navigation div#main-nav-container div#mobile-menu-img {
min-width: 30px;
width: 30px;
max-width: 30px;
top: 290px; /*With Promo Banner*/
}

main article#copy div#product img.product {
width: 250px;
max-width: 250px;
}

div#meta-wrap, div#copyright-wrap {
padding-left: 0;
}
}

@media screen and (max-width: 393px) {
table#events-calendar th {
padding: 0.2rem;
font-size: 0.75rem;
}

table#events-calendar td {
padding: 0.2rem;
font-size: 0.65rem;
}
}

@media screen and (max-width: 375px) {
section#navigation div#main-nav-container div#mobile-menu-img {
top: 220px; /*With Promo Banner*/
}
main article#copy div.media-wrap-left, main article#copy div.media-wrap-centre, main article#copy div.media-wrap-right, main article#copy div.media-wrap-left img, main article#copy div.media-wrap-centre img, main article#copy div.media-wrap-right img {
min-width: 300px;
width: 300px;
max-width: 300px;
}

main article#copy div.media-wrap-right img.services {
max-width: 250px;
width: 250;
min-width: 250px;
}
}

@media screen and (max-width: 371px) {
header#masthead section#masthead-top div#mobile-search-container div#mobile-search-wrap div#mobile-search-box-wrap form input.mobile-search-button {
margin-left: 0.25rem;
}
}

@media screen and (max-width: 344px) {
div#search-box-wrap form input[type="text"], div#search-box-wrap form input[type="submit"] {
padding: 0.25rem;
}

/*main article#copy div#promo img.margin {
margin-right: 0;
}*/
}
/*** Responsive ***/