@charset "utf-8";
.iframe {
    height: 100%;
    width: auto;
    /* [disabled]position: static; */
    border-width: 0px;
    border-style: none;
}

@font-face {
    font-family: 'hysteriaregular';
    src: url('fonts/hysteria-webfont.woff2') format('woff2'),
         url('fonts/hysteria-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fredericka the Great';
    src: url('fonts/FrederickatheGreat-Regular.woff2') format('woff2'),
        url('fonts/FrederickatheGreat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}




main {
	background-color: #FFFFFF;
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	visibility: visible;
	overflow-y: hidden;
}


header {
	background-color: #FFB8B9;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	height: 61px;
	margin-bottom: -4%;
}
.header-social {
    float: none;
    padding-bottom: 0px;
    padding-top: 8px;
    padding-left: 38%;
    text-align: left;
    margin-top: 17px;
    margin-bottom: 0px;
}
.header-social-images {
    padding-right: 0%;
    float: left;
    margin-top: -2.5%;
    width: 15%;
    height: auto;
}


.author-profiles {
	background-color: rgba(255,255,255,0.00);
	color: #000000;
	padding-top: 3px;
	padding-bottom: 54px;
	margin-top: 20px;
	overflow-y: visible;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	height: auto;
	padding-left: 4%;
	padding-right: 4%;
}
.author-profiles-back {
	-webkit-box-shadow: 0px 0px rgba(255,255,255,1.00);
	box-shadow: 0px 0px rgba(255,255,255,1.00);
	background-color: rgba(218,218,218,1.00);
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1%;
	margin-top: 20px;
	margin-bottom: 6%;
	padding-top: 1px;
	height: auto;
	min-height: 100%;
	padding-left: 3%;
	padding-right: 6%;
}
.author-profiles-sides {
	background-color: rgba(255,255,255,0.00);
	color: #000000;
	margin-bottom: 0;
	width: 49%;
	float: left;
}
.blog-articles {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.00);
	padding-bottom: 40px;
	padding-top: 2px;
	word-spacing: 0;
	margin-top: -37px;
}
.blog-thumbnails {
	padding-top: 15px;
	width: 23%;
	margin-right: 1%;
}


.article-thumbnails {
	padding-top: 15px;
	width: 48%;
	margin-right: 1%;
	height: auto;
}
.col-grid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 4%;

}


.tpt-featured-products {
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,1.00);
	padding-top: 3px;
	padding-bottom: 44px;
	margin-top: 57px;
}



.container-main-image {
	max-width: 1300px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -3.5%;
	display: block;
	width: 100%;
	height: 100%;
}

.nav-menu {
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	padding-left: 0%;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-right: 0%;
	font-size: 121%;
}


nav {
	background-color: #FFB8B9;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30%;
	padding-right: 2%;
	}

footer {
	background-color: #FFB8B9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 11%;
}
.footer-box {
	margin-left: auto;
	margin-right: auto;
	padding-top: 5%;
	background-color: rgba(192,192,192,0.00);
	margin-top: 0px;
	width: 86%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 2%;
}
.footer-social-text-img {
    width: 79%;
    height: auto;
    margin-bottom: -14px;
}
.footer-social-text {
    padding-right: 0%;
    float: left;
    font-family: 'WebFont', "hysteriaregular";
    font-style: normal;
    color: rgba(249,249,249,1.00);
    font-size: 3rem;
    width: 45%;
    padding-left: 0%;
}
.footer-social-icons {
    font-family: Hysteria;
    color: rgba(249,249,249,1.00);
    font-size: 38px;
    float: left;
    width: 16%;
    height: 100%;
}

.footer-contact-info {
    color: rgba(255,255,255,1.00);
    font-family: 'WebFont', "hysteriaregular";
    font-style: normal;
    font-size: 290%;
    float: left;
    padding-bottom: 0px;
    bottom: auto;
    padding-top: 7px;
    width: 50%;
    text-align: right;
}
.footer-social-text-img-R {
    width: 71%;
    height: auto;
    margin-bottom: -5px;
    float: right;
}


.footer-contact-email {
    color: rgba(255,255,255,1.00);
    font-size: 0%;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 0px;
    width: 71%;
    height: auto;
}

.profile-craig {
	float: left;
	color: rgba(0,0,0,1.00);
	padding-right: 3%;
	padding-left: 14%;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: -10px;
	display: block;
	width: 24%;
	height: auto;
}
.profile-heather {
	float: left;
	color: rgba(0,0,0,1.00);
	padding-left: 11%;
	padding-right: 4%;
	display: block;
	width: 24%;
	height: auto;
}
.profile-text-h {
	float: left;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	text-align: justify;
	width: 60%;
	margin-left: 0%;
	display: block;
	padding-left: 0px;
}
.profile-text-c {
	float: left;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	text-align: justify;
	width: 56%;
}

.clear-float {
	clear: both;


}
h1 {
	color: rgba(0,0,0,1.00);
	text-align: center;
	padding-top: 0px;
	margin-top: 7px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
hr {
	border: 1px solid rgba(0,0,0,1.00);
	margin-top: -18px;
	width: 53%;
}
.h1-1 {
	color: rgba(0,0,0,1.00);
	text-align: left;
	padding-top: 40px;
	margin-top: 7px;
	font-family: 'WebFont', "hysteriaregular";
	font-size: 53px;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 15px;
}
.h1-2 {
	color: rgba(0,0,0,1.00);
	text-align: left;
	padding-top: 40px;
	margin-top: 7px;
	font-family: 'Fredericka the Great';
	font-size: 40px;
	float: left;
	font-weight: 500;
}
.h1-3 {
	color: rgba(0,0,0,1.00);
	text-align: left;
	padding-top: 40px;
	margin-top: 7px;
	font-family: "Fredericka the Great";
	font-size: 40px;
	float: left;
	font-weight: lighter;
}
.h1-4 {
	color: rgba(0,0,0,1.00);
	padding-top: 40px;
	margin-top: 7px;
	font-family: "Marker Felt";
	font-size: 40px;
	float: left;
	text-align: left;
}
.hr-1 {
	border: 1px solid rgba(0,0,0,1.00);
	margin-top: -16px;
	left: auto;
	float: left;
	width: 76%;
}
.intro-text-left {
	float: left;
	padding-left: 2%;
	text-align: justify;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	padding-right: 7%;
	width: 44%;
	padding-bottom: 0%;
	margin-left: 0px;
}
.intro-text-right {
	float: left;
	text-align: justify;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	padding-right: 2%;
	width: 43%;
}
.blog-photo {
	float: left;
	padding-bottom: 60px;
	padding-left: 0%;
	padding-right: 6%;
	width: 29%;
}


.blog-text {
	float: left;
	padding-left: 0px;
	text-align: justify;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 17px;
	text-decoration: none;
	line-height: 26px;
	margin-top: 0px;
	width: 60%;
}
.blog-heading {
	text-align: left;
	font-family: "Marker Felt";
	font-size: 46px;
	line-height: normal;
	color: rgba(0,0,0,1.00);
	width: 100%;
}
.blog-hr {
	border: 1px solid rgba(0,0,0,1.00);
	margin-top: 0px;
	margin-bottom: 39px;
}
.blog-previews {
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.00);
	color: #000000;
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 54px;
	margin-top: 0px;
	overflow-x: auto;
	z-index: 0;
	padding-left: 3%;
}
.blog-sub-heading {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 36px;
	margin-bottom: -2px;
	font-size: 22px;
}
.click-for-more   {
	float: left;
	max-width: 650px;
	min-width: 575px;
	padding-left: 0px;
	text-align: justify;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 23px;
	text-decoration: underline;
	line-height: 26px;
	margin-top: 0px;
	font-weight: bold;
	padding-top: 17px;
}
.amzn-merch {
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.00);
	color: #000000;
	margin-bottom: 0;
	margin-top: -129px;
	width: 65%;
}
.z-white-cover {
	-webkit-box-shadow: 0px 0px rgba(255,255,255,1.00);
	box-shadow: 0px 0px rgba(255,255,255,1.00);
	z-index: 1;
	float: left;
	background-color: rgba(96,96,96,1.00);
	padding-bottom: 97px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: -74px;
	min-width: 1200px;
}
.classroom-aw-heading {
	text-align: center;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 54px;
	line-height: normal;
	color: rgba(0,0,0,1.00);
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 11px;
}
.classroom-artwork-text {
	float: left;
	text-align: justify;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
	text-decoration: none;
	line-height: 26px;
	margin-top: 4px;
	margin-bottom: 34px;
	margin-left: 2%;
	margin-right: 2%;
}
.classroom-aw-frame {
	background-color: rgba(255,255,255,0.00);
	color: #000000;
	padding-top: 3px;
	padding-bottom: 54px;
	margin-top: 0px;
	overflow-x: auto;
	z-index: 0;
	overflow-y: visible;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}
.contact-form {
	margin-left: auto;
	margin-right: auto;
	width: 650px;
	overflow-y: auto;
}
.contact-SM {
	width: 31%;
	float: left;
	margin-right: 7px;
}
.fb-comments {
	width: 100%;
}









/*Tablet View*/
@media ( min-width : 401px ) and (max-width : 800px ){
.author-profiles-sides {
	width: 100%;
}
.profile-text-c {
	width: 60%;
}

.profile-text-h {
	width: 60%;
}
.profile-craig {
	width: 23%;
	height: auto;
	float: left;
	padding-left: 11%;
	padding-right: 5%;
	padding-bottom: 3%;
}
.author-profiles-back {

}



.profile-heather {
	width: 24%;
	height: auto;
	float: left;
}
.footer-social-text  {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	text-align: center;
	padding-left: 0px;
	font-family: 'WebFont', "hysteriaregular";
	font-size: 256%;
}
.footer-contact-info {
    width: 100%;
    padding-top: 6%;
    padding-right: 0px;
    text-align: center;
    font-family: 'WebFont', "hysteriaregular";
    font-size: 256%;
}
.footer-social-icons {
    float: none;
    width: 13%;
}
.footer-contact-email {
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    text-align: center;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 63%;
    width: 65%;
}



.footer-box {
	width: 89%;
}
.footer-social-text-img-R {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 0%;
    width: 77%;
    float: none;
}

footer {
	padding-bottom: 20%;
	padding-top: 1%;

}
header {
	padding-right: 0%;
}
.header-social {
    padding-left: 32%;
    padding-right: 0%;
    padding-top: 0%;
}

.header-social-images {
    padding-left: 0%;
    padding-right: 0%;
    float: left;
    margin-bottom: -10px;
    margin-top: -7px;
    width: 19%;
    height: auto;
}
.blog-previews {
	padding-right: 0%;
	padding-left: 0px;

}
.blog-text {
	width: 60%;
	padding-right: 0%;

}
.blog-text-main {
	width: 100%;
	margin-top: -56%;
	padding-right: 0%;

}
.blog-photo {
	width: 33%;
	visibility: hidden;
}
main {
	padding-right: 0%;
}

.blog-thumbnails {
	width: 48%;
}
body {
	width: 98%;
}

.col-grid {
	margin-left: 1%;
	margin-right: 0%;
	padding-left: 0%;
}

.h1-4 {
	margin-right: 0%;
	text-align: center;
}
.h1-3 {
	margin-right: 0%;
}
.h1-1 {
	margin-right: 0%;
}
.h1-2 {
	margin-right: 0%;
}

.tpt-featured-products {
	width: 100%;
	padding-right: 0%;
	margin-left: 0%;
	margin-right: 0%;
}

.blog-articles {
	padding-left: 0%;
	padding-right: 0%;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
}
.click-for-more {
	float: left;
	width: 51%;
	margin-left: 3%;
	margin-right: 0%;
}
h1 {
	text-align: center;
}
.container-main-image {
	width: 100%;
	height: 100%;
	margin-top: 0%;
	margin-bottom: -4%;
	padding-top: 4px;
}
.nav-menu {
	width: 74%;
	text-align: center;
}
hr {
	border: 1px solid rgba(0,0,0,1.00);
	margin-top: -18px;
	width: 53%;
}
.hr-1 {
	border: 1px solid rgba(0,0,0,1.00);
	margin-top: -16px;
	left: auto;
	float: left;
	width: 76%;
}
.amzn-merch {
	width: 100%;
}
.article-thumbnails {
	width: 49%;
}
.blog-photo-tablet {
	width: 33%;
	visibility: visible;
}
.fb-comments {
	width: 99%;
}
.classroom-aw-frame {
	overflow-x: hidden;
}










}



/*phone view*/
@media (max-width: 400px){

.blog-photo {
	width: 88%;
	padding-right: 6%;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 6%;
}
.blog-heading {
	width: 100%;
	padding-left: 0%;
	text-align: center;
	margin-top: 0px;
	padding-top: 11px;
}


.tpt-featured-products {
	padding-left: 0%;
	padding-right: 0%;
	margin-right: 0%;
	text-align: center;
}
.hr-1 {
	width: 100%;
	text-align: center;
}



.header-social {
	width: 99%;
	padding-left: 0%;
}
.h1-4  {
	width: 100%;
	font-size: 261%;
	text-align: center;
}
.h1-3  {
	width: 100%;
	font-size: 261%;
	text-align: center;
}
.h1-2  {
	width: 100%;
	font-size: 261%;
	text-align: center;
}

.header-social-images {
    float: left;
    padding-left: 5%;
    padding-right: 0%;
}

.nav-menu {
	width: 98%;
	padding-left: 0em;
}
nav {
	padding-left: 0%;
	padding-top: 10px;
	padding-bottom: 0px;
}

footer {
	padding-bottom: 61%;
}
.footer-box {
}
.footer-social-text {
	width: 100%;
	padding-right: 0%;
	text-align: center;
	font-family: 'WebFont', "hysteriaregular";
	font-size: 240%;
}


.footer-social-icons {
    float: left;
    clear: none;
    padding-left: 6%;
    margin-left: 8px;
    margin-right: 0%;
    padding-right: 0px;
    width: 10%;

}
.footer-contact-info {
	width: 100%;
	padding-top: 11%;
	font-family: 'WebFont', "hysteriaregular";
	font-size: 230%;
	text-align: center;
}
.footer-social-text-img-R {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
.footer-contact-email {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 54%;
    text-align: center;
    padding-right: 0%;
    width: 92%;
}
.footer-social-text-img {
    width: 94%;
}

.col-grid {
	padding-left: 0%;
	padding-right: 0%;
}



.blog-articles {
	width: 100%;
	margin-right: auto;
	text-align: center;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}
.blog-text {
	padding-left: 0%;
	margin-left: 0px;
	width: 99%;
}
.blog-previews {
	padding-right: 0%;
	padding-left: 0px;
}
.blog-thumbnails {
	width: 99%;
	margin-right: 0%;
	margin-left: 0%;
	padding-left: 0%;
	padding-right: 0%;
}
.intro-text-left {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;

}
.intro-text-right {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}

.author-profiles {
	padding-left: 0%;
	padding-right: 0%;
	height: auto;
	min-height: 100%;

}
.author-profiles-back {
	padding-left: 0%;
	padding-right: 0%;
	width: 100%;
}


main {
	text-align: center;
	padding-right: 0%;
	padding-left: 0%;
	width: 91%;
	overflow-x: hidden;
}


.profile-text-h {
	width: 100%;
}
.profile-text-c {
	width: 100%;
}





.h1-1 {
	text-align: center;
}
h1 {
	width: 100%;
}
hr {
	width: 80%;
}
.click-for-more {
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 46px;
	text-align: left;
}

.contact-form {
	width: 100%;
}
.container-main-image {
	width: 100%;
	height: auto;
	padding-top: 5px;
}
.profile-craig {
	padding-left: 25%;
	padding-right: 0%;
	width: 50%;
}
.profile-heather {
	width: 50%;
	padding-left: 26%;
}
.amzn-merch {
	margin-top: -213px;
	width: 100%;
}
.author-profiles-sides {
	width: 96%;
	padding-left: 5px;
	padding-right: 0%;
}


}
.blog-text-main {
}