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


body {
	font-family: 'Raleway', sans-serif;
	margin: 0px; padding: 0px; text-align: center;
	font-size: 14px;
	line-height: 26px;
}
a { text-decoration: none; color: rgb(208, 61, 53); }
a:hover { color: #006;}
h1 {color: #d03d35; font-size: 21px; letter-spacing: .5px; border-bottom: 1px solid #CCC; padding: 0 0 20px 5px;
text-transform: uppercase; margin-bottom: 30px;}
h2 { color: #555; font-size: 36px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; line-height: 40px;}
h3 {color: #333;}
h3 b, h3 strong { color: #05A; }
h4 { color: #313131; font-size: 18px; line-height: 1.5em; text-transform: uppercase; letter-spacing: .5px;}
h5 { text-align: center; color: #777; font-size: 16px; letter-spacing: 1px; margin-top: 70px;}
ul {padding: 0 0 0 14px; }
.before-description {margin-bottom: 30px;}
.alignright { float: right; margin: 0 0 25px 25px;}
.alignleft { float: left; margin: 0 25px 25px 0; }
.two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px;}
.two-col p { 
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;  }
.subhead {font-size: 18px; font-style: normal; color: #3c93ad; letter-spacing: 1px; margin-top: -16px;}
.bylines { color: #666; text-transform: uppercase; letters-spacing: 1px;  font-size: 80%;font-weight: bold;}
.bylines a { color: #0d6ea8; text-transform: none; font-size: 130%; font-weight: normal }
.bylines a:hover { color: #006;}
.download-p {margin-bottom: 30px;}
.download-p a.bigger-link {font-size: 120%; }

a.red-box, .downloadNav a, a.iltr-butt-2 { 
	background-color: #d03d35; padding: 10px 39px; display: block; text-align: center; font-size: 12px; text-transform: uppercase; 
	color: #FFF; letter-spacing: 2px; width: 150px; margin: 20px 0;
} 
a.red-box.inline { display: inline-block; vertical-align: top; margin: 0 20px 20px 0;}
a.red-box:hover, .downloadNav a:hover, a.iltr-butt-2:hover { background-color: #b01b13;}
a.red-box.selected, .downloadNav a.selected { background-color: #F7F7F7; color: #000;}
a.red-box.selected:hover, .downloadNav a.selected:hover { background-color: #F7F7F7; color: #000; }
.downloadNav a { display: inline-block; width: 33%; padding: 10px 0; margin: 0 0 3px;}
a.iltr-butt-2 { width: 20%; padding: 10px 1%; margin: 0 .5% 20px; letter-spacing: 0px; display: inline-block; vertical-align: top;} 

.header { border-bottom: 1px solid #ddd; padding: 15px 1%; height: 24px;}
.connect-head { float: left; }
.connect-head a { color: #cf3d34; }
.search-head { float: right;}
.search, .search-widget { display: inline-block; }
.header h4 { font-weight: normal; padding: 0px; margin: 0px; color: #333; font-size: 12px; display: inline-block; }
.searchTerm {
    width: 120px;
    border: 1px solid #d03d35;
    padding: 3px;
    height: 16px;
    border-radius: 4px;
    outline: none;
    color: #d03d35;
}
.searchButton {
	margin: 0 20px 0 -8px;
    height: 24px;
    border: 0px solid #d03d35;
    background: #d03d35;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
	position: relative;
	top: 1px;
}

#mainmenu { background-color: rgb(220, 0, 0);}
#mainmenu a { color: #FFF; text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; font-weight: bold; display: block; }
#mainmenu ul { margin: 0px; padding: 0px; z-index: 999999;}
#mainmenu li { display: inline-block; position: relative; margin: 0px;}
#mainmenu li a { padding: 20px 20px 23px; }
#mainmenu li:hover {background-color: rgb(180, 0, 0);}
#mainmenu li.has-sub ul { display: none; }
#mainmenu li.has-sub:hover ul { display: block; width: 280px;}
#mainmenu li ul {position: absolute; top: 56px; left: 0px; background-color: rgb(220, 0, 0); padding: 0px;}
#mainmenu li.has-sub.end ul {left: auto; right: 0px;}
#mainmenu li ul li {text-align: left; display: block; border-bottom: 1px solid #FFF;}
#mainmenu li ul li a { font-weight: normal; font-size: 12px; padding: 10px 20px; }

#main { width: 92%; max-width: 1200px; margin: 0 auto; text-align: left; padding: 30px 0;}
#main.centered, .centered {text-align: center; }
.single-book #main { padding: 30px 0 130px; }

#main.essay-page { max-width: 750px; font-size: 120%; }
#main.essay-page h1 { font-size: 36px; text-transform: none; margin-bottom: 0px; border-bottom: 0px; padding: 0px; letter-spacing: 0px;  text-align: center;}
#main.essay-page h2 {font-size: 21px; color: #A7A7A7; letter-spacing: 2px; margin-top: 12px; margin-bottom: 0px; text-align: center;}
#main.essay-page h3 { font-size: 16px; margin: 0px; padding: 0px; }

/* Home Page */
.banner-books img {height: 200px; width: auto; display: inline-block; vertical-align: top; }
#featured-books, .left-feature, .right-feature, #featured-artist, #bottom-box, #new-relases { background-color: #d9eaf0; }
#featured-books { padding: 30px; text-align: center;}
#featured-books h4 {
	text-transform: none;
    margin: 0; font-family: Georgia,serif; font-size: 17px; line-height: 1.6em; font-weight: 400; font-style: italic; color: #888;
}
#featured-books h1 { color: #313131; font-size: 33px; border-bottom: 0px; margin: 10px 0 0 ; line-height: 1.3em;}
.one-feature { display: inline-block; vertical-align: top; width: auto; max-width: 235px; margin: 0 20px 30px; text-transform: uppercase; font-weight: bold;}
.one-feature img { height: 140px; width: auto; display: block; margin: 0 auto 10px; }
.one-feature img:hover, .one-catalog img:hover { box-shadow: 0px 0px 10px #315485; }
.full-banner {width: 100%; height: auto; display: block; margin: 20px 0 0; box-shadow: 0px 0px 10px #999; border: 1px solid #888;}

#featured-blocks {text-align: center; padding: 40px 0;}
.left-feature, .right-feature { 
	display: inline-block; vertical-align: top; padding: 30px 2%; width: 44.8%; text-align: left; min-height: 250px;
}
.left-feature { margin-right: 2%; }
#featured-blocks img { float: left;}
#featured-blocks p {padding-left: 200px;}

#featured-artist { padding: 30px 60px;}
#featured-artist h1 { border-bottom: none; padding: 0px; margin-bottom: 10px;}
.artistPhoto {width: 200px; height: 200px; border-radius: 50%; float: right; margin: 30px 0 0 5%; overflow: hidden;} 
#featured-artist img { width: 300px; height: auto; }
#featured-artist p { font-weight: 400; }
.artist-floated { float: left; text-align: center; width: 300px; margin: 0 30px 30px 0; }
.artist-floated img { display: block; margin: 0 auto 10px;}
.all-artists { text-align: center; }
.one-artist {
    width: 200px;
    display: inline-block;
    margin: 0 12px 40px;
    vertical-align: top;
    text-align: center;
    background-color: #d9eaf0;
    padding: 20px;
    border-radius: 12px;
    height: 275px;
}
.one-artist.short { height: auto; }
.one-artist a {
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
	background-size: cover;
}
.one-artist h3 {margin-bottom: 8px; }
.one-artist p { line-height: 1.4em; }
.one-artist a:hover { box-shadow: 0px 0px 20px #42839b;}
.all-alphabet { text-align: center; padding: 20px 0; }
.all-alphabet a { display: inline-block; padding: 0 7px; font-weight: bold; border-left: 1px solid #CCC; border-right: 1px solid #CCC; margin: 0px;}
.all-alphabet a.selected { color: #CCC; }

table.authorTable {border: 1px solid #EEE; border-collapse: collapse; border-spacing: 0; width: 90%; max-width: 860px; margin: 0 auto;}
table.authorTable th {padding: 20px 10px; }
table.authorTable td { padding: 5px 10px;}

#bottom-box {padding: 30px 60px; margin-top: 30px; min-height: 250px}
#bottom-box img {float: left; height: auto; width: 200px; }
#bottom-box h1 { border-bottom: none; padding: 0 0 0 250px; margin-bottom: 10px; }
#bottom-box p { padding-left: 250px;}

#slides h2 { color: rgb(204,10,0); font-size: 28px;}
.hh-brand {width: 80%; max-width: 700px; margin: 0 auto; background-image: url(images/favicon.png); background-repeat: no-repeat; background-size: 125px auto; background-position: right bottom; padding: 40px 125px; text-align: left;}
.hh-brand img.align-right, .hh-brand img.align-left { height: 200px; width: auto; }
.hh-brand img.align-right { float: right; }
.hh-brand img.align-left { float: left; }
.hh-brand a img:hover { box-shadow: 0px 0px 10px #000; }
.hh-brand p { font-size: 20px; line-height: 24px; margin: 0 0 10px 0; font-family: "Times", serif;  }
.hh-brand p.starred img { width: 30px; height: auto; display: block; float: left; margin: 0 10px 0 0 ;}

a.link-button {width: auto; display: inline-block; padding: 8px 25px; border-radius: 20px; font-weight: bold;}
a.link-button.yellow { background-color: #ffda27; color: #2845ba;}
a.link-button.red { background-color: rgb(204,10,0); color: #FFF;}
a.link-button:hover {}
a.browse { background-color: rgba(204,10,0,.8); border-radius: 6px; display: inline-block; color: #FFF; font-weight: bold; padding: 8px 25px; margin: 15px auto;}
a.browse:hover {background-color: rgba(194,0,0,1.0);}
.star.yellow {color: #ffda27;}
.star.red {color: rgb(204,10,0);}


/* Books */
.left-column, .right-column { display: inline-block; vertical-align: top; }
.left-column { width: 25%; margin-right: 5%; text-align: center;  }
.right-column { width: 65%; }
.left-column img {height: auto; width: auto; max-width: 90%; max-height: 375px; box-shadow: 0px 0px 12px #AAA; }
.one-result { border: 1px solid #CCC; padding: 20px; margin-bottom: -1px;}
.one-result.iltr  { border: 0px; padding: 20px 0 0px;}
.theBook, .theData { vertical-align: top; display: inline-block; }
.theBook { width: 25%; text-align: center;}
.theData { width: 74%; }
.theBook img { width: 100%; max-width: 160px; }
.view-book { display: block; color: #FFF; background-color: rgb(220, 0, 0); padding: 5px 15px; border-radius: 4px; margin: 10px 10%;}
.view-book:hover { color: #FFF; background-color: rgb(185, 1, 1); }
.data-col {width: 47%; display: inline-block; vertical-align: top; color: #666;}
.iltr .data-col { width: 90%;}
.data-col h2 { margin: 0px; padding: 0px 0px 10px; text-transform: none; font-size: 24px; line-height: 28px;}
.data-col h2 a {color: #d03d35;}
.data-col h2 a:hover { color: #006;}
.isbnarea {text-transform: uppercase; color: #666; font-size: 12px; }
.one-edition { margin-bottom: 20px;}

.all-grades, .downloadNav { border: 1px solid #CCC; margin-bottom: 15px; padding: 10px 0; text-align: center;}
.one-grade, .one-letter { width: 30%; display: inline-block; vertical-align: top;  text-align: center;}
.one-grade a.red-box, .one-letter a.red-box {margin: 0 auto;}
.one-letter { width: 48%;}
.one-letter a.red-box { width: auto; margin: 0 10px; }

.right-callout {float: right; width: 325px; text-align: center;} 
.iltr-seal { }
.iltr-seal img {width: 185px; height: auto; margin-bottom: 30px;  }
.callout-block { }
.callout-block img { max-width: 325px; height: auto;}

a.extras {
    display: block;
    background-color: #d03d35;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 12px;
    width: 150px;
    margin: 10px auto;
}
a.extras:hover { background-color: #a00a02; }
.one-extra { 
	color: #222; margin: 0 0 20px 0; text-align: left; line-height: 23px; min-height: 80px; background-position: 12px left; background-repeat: no-repeat; 
	display: block; background-size: 55px 55px;
	}
.one-extra a:hover {color: #444;}
.one-extra h5 { text-align: left; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; font-weight: normal; color: #000; margin: 0px;}
.one-extra h3 { color: #cc0202; margin: 0 0 0px; font-weight: bold;}
.one-extra img {display: inline-block; vertical-align: top; width: 65px; margin-right: 10px; }
.extra-content { display: inline-block; vertical-align: top; width: 80%;}

.search-col {width: 30%; float: left; }
.advancedsearch label {display: block; color: #666;}
.search-buttons { padding: 30px 0 100px; text-align: center; }
.search-buttons input {background-color: #d03d35; padding: 10px 39px; display: inline-block; text-align: center; font-size: 12px; text-transform: uppercase; 
	color: #FFF; letter-spacing: 2px; width: 150px; margin: 20px 5px; border: 0px; border-radius: 6px; font-weight: bold; cursor: pointer;}
.search-buttons input:hover { background-color: #EB524A;}
.search-col input, .search-col select { margin-bottom: 13px;}

.alsoin { background-color: #e9f6fb; padding: 40px 0 20px; }
.alsoin h3 { color: #3c93ad; font-family: "Raleway", sans-serif; font-weight: normal; font-size: 19px;}

/* New Books */
.one-catalog {display: inline-block; vertical-align: top; width: 240px; text-align: center; margin: 0 10px 40px;}
.one-catalog img { display: block; margin: 5px auto; height: 245px; width: auto; }
#new-relases {text-align: center; padding: 30px;}
.wide-catalog { width: 520px; display: inline-block; vertical-align: top; text-align: center; margin: 0 10px; font-weight: bold;}
.wide-catalog img { display: inline-block; vertical-align: top; margin: 5px auto; height: 245px; width: auto; }

/* Themes Page */
#all-themes {  -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;}
.theme-wrapper { margin-bottom: 20px;}
.theme-wrapper a {display: block;}

/* Awards Page */
.all-awards { text-align: left; -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;}
.all-awards .one-award { margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;    }
.one-award ul { margin-top: 4px; }
.one-award b { font-size: 16px; }
.boldlist { list-style-type: disc; font-weight: bold;}
.one-award-book { display: inline-block; width: 14%; margin: 0 1% 30px; text-align: center; color: #000; vertical-align: top;}
.one-award-book img { height: 200px; width: auto; margin: 0 auto 5px; display: block;}

/* FAQ */
.all-faqs {text-align: center;}
.faq-left, .faq-right { display: inline-block; vertical-align: top; padding: 10px 1%; text-align: left; width: 44%;}
.one-faq h3 {cursor: pointer; font-size: 14px; text-align: center;
position: relative;
color: #888;
text-transform: uppercase;
padding: 15px 40px;
margin: 15px 15px 0;
box-sizing: border-box;
background-color: #e8e8e8;
z-index: 10; background-image: url(images/plus.jpg); background-position: 97% center; background-repeat: no-repeat;} 
.one-faq .one-answer {display: none;}
.one-faq.active .one-answer {display: block; }
.one-faq.active h3, .one-faq h3:hover  { background-color: #d03d35; color: #FFF; background-image: url(images/minus.jpg);}
.all-faqs .one-answer { border: 1px solid #FEFEFE; box-shadow: 0px 0px 10px #DDD; padding: 30px; margin-top: -25px; position: relative;}
.faq-details {padding: 30px; text-align: center; font-weight: bold; }

/* I Like to Read */
.iltr-header { background-image: url(images/border.png); background-repeat: repeat-x; background-position: center bottom; }
.divider  { border-bottom: 4px dotted #CCC; height: 10px; margin: 50px;}
.iltr-logo, .iltr-buttons { display: inline-block; vertical-align: top; text-align: center;}
.iltr-logo { width: 33%; }
.iltr-buttons { width: 66%; }
.iltr-buttons a { display: inline-block; vertical-align: top; width: 31%; margin: 0px 1% 20px; border-radius: 16px; background-color: #4ea3bd; color: #FFF; padding: 20px 0; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;  }
.iltr-buttons a:hover { background-color: #a6d1de;}
.iltr-buttons a.selected, a.selected:hover { background-color: #EEE; color: #999;}
.iltr-body { padding: 40px 80px;}
.iltr-center { text-align: center; }

/* Newsletters */
.Form { background-color: #EEE; width: 70%; max-width: 900px; margin: 0 auto; padding: 40px; text-align: center;}
.Form h3 { font-size: 24px;}
.Form input {padding: 5px 10px; border-radius: 4px; border: 1px solid #666;}
.Form label { width: 120px; text-align: right; display: inline-block; padding-right: 10px;}
.Form .Button { background-color: rgb(220,0,0); color: #FFF; font-size: 16px; padding: 5px 25px; border:0px; text-transform: uppercase; letter-spacing: 1px; margin: 20px auto; }
.Form .Button:hover { background-color: rgb(200,0,0); cursor: pointer;}

/* Resources Page */
.one-resource-section { padding: 40px; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f2ed+0,ffffff+100 */
	background: rgb(247,242,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,242,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(247,242,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(247,242,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f2ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.one-author-section { clear: left; padding: 15px 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f2ed+0,ffffff+100 */
	background: rgb(247,242,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,242,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(247,242,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(247,242,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f2ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.one-resource-section h3, .one-author-section h3, .one-vid-text strong { color: #555; font-size: 21px; margin-top: 5px; }
.one-author-section h3 strong { font-size: 80%; color: #777;}
.height-fix { position: relative; top: -90px;}
.resources-badge { position: absolute; right: 15%; top: 70px; height: 150px; width: auto;}
.rounded-img.wp-block-image .alignleft { margin-right: 40px; }
.rounded-img img { border-radius: 10px;}
.one-author-section ul {margin-left: 160px;}
.one-video { display: inline-block; vertical-align: top; width: 40%; height: auto; margin: 0 2% 40px;}

.one-vid-box {display: inline-block; vertical-align: top; width: 47%; margin: 0 1% 20px; border-radius: 8px; background-color: #FBF8F2; min-width: 450px;}
.one-vid-box img {width: 115px; height: auto;}
html figure.one-vid-img.wp-block-image.is-resized { display: inline-block; vertical-align: top; width: 115px; margin: 10px 3% 10px 10px; }
.one-vid-text { display: inline-block; vertical-align: top; width: 65%; } 

html .wp-block-table.is-style-stripes { margin: 0px; }
html .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { padding: 5px 10px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* Footer */
footer {background-color: rgb(220, 0, 0); color: #FFF; padding: 40px 2%; line-height: 26px; border-bottom: 40px solid #000; text-align: center;}
.edgtf-column {width: 20%; margin-right: 2%; text-align: left; display: inline-block; vertical-align: top;}
footer a { color: rgb(255, 252, 215);}

.extra-line { text-align: center; background-color: #fff3c4;padding: 40px;}

		/* Books carousels */
.onecarousel {
    margin: 40px 5% 50px; height: 300px; overflow: hidden;
    text-align: center
}
.onecarousel.bookclubsection {height: 375px;}
.nocarousel { margin: 20px 5% 50px; } 
.onebook { width: auto; height: auto; margin: 0 15px 20px; text-align: center; display: inline-block; vertical-align: top; font-weight: bold;  }
.onebook a { display: block; text-align: center; }
.slick-slide img {
  width: auto; max-width: 200px; height: auto; display: inline-block; 
}
.onecarousel img { border: 1px solid #EEE; margin: 0 auto;   }
.onebook img { border: 1px solid #EEE; margin: 0 auto; max-height: 275px; width: auto;  }
#book-carousels h3, .single-event h3 { font-size: 210%; color: #024079; padding-top: 40px; letter-spacing: 2px; }


html .slick-next::before {
  /* content: '→';*/
  content:url('images/right-arrow-carousel.png');
}
html .slick-prev::before {
  /* content: '←'; */
  content:url('images/left-arrow-carousel.png');
}

/****** Mobile Styles ******/
@media only screen and (max-width: 1200px) {
	.resources-badge { right: 5%; }
}
@media only screen and (max-width: 1024px) {
	.left-feature, .right-feature { width: auto; margin: 0 auto; display: block; min-height: 200px; }
	.left-feature {margin: 0 auto 40px;}
	.resources-badge { top: 60px;}
	.home .logo { text-align: left; padding-left: 10%;}
}
@media only screen and (max-width: 880px) {
	.edgtf-column { width: 80%; margin-bottom: 20px;}
	footer { column-count: 2;}
	.height-fix { position: relative; top: 0px;}
	.home .logo {min-height: 100px;}
}
@media only screen and (max-width: 800px) {
	#mainmenu li a { padding: 20px 10px 23px; font-size: 1.8vw;}
	.header { width: 96%; margin: 0 auto; }
	.home .logo img { width: 60%; height: auto; }
	.resources-badge { width: 20%; height: auto;  }
	.left-column, .right-column { width: 90%; margin: 0 auto 30px;  display: block; }
	.right-callout { float: none; width: 100%; text-align: center; padding-top: 30px;}
	.logo { text-align: center; }
	.logo img { width: 60%; margin-left: 5%;}
}
@media only screen and (max-width: 700px) {
	.home .logo img { width: 50%; height: auto; }
	
}
@media only screen and (max-width: 620px) {
	#bottom-box img { float: none; margin: 0 auto 30px;}
	#bottom-box h1 { padding: 0 0 0 0%; }
	#bottom-box p { padding-left: 0; }
	#bottom-box { text-align: center; }
	#bottom-box a.red-box, #featured-artist a.red-box {margin: 20px auto;}
	.artistPhoto { float: none; width: 200px; height: 200px; margin: 0 auto;}
	.one-feature img {height: 130px;}
	#featured-books { padding: 30px 10px; }
	.one-feature { max-width: 130px; margin: 0 10px 30px; font-size: 2.4vw;}
}
@media only screen and (max-width: 600px) {
	#mainmenu li a { padding: 10px; font-size: 2.5vw;}
}
@media only screen and (max-width: 530px) {
	footer { column-count: 1;}
	.edgtf-column { text-align: center; margin-right: 0px; }
	.edgtf-column .textwidget {margin-top: 10px;}
	#featured-blocks img { float: none; display: block; margin: 0 auto 30px; }
	#featured-blocks p { padding: 0px 30px; text-align: center; }
	#featured-blocks a.red-box {margin: 20px auto;}
	.connect-head, .search-head { float: none; }
	.header { height: auto; }
	.wp-block-image .alignright { width: 25%; }
	.wp-block-image img { height: auto; }
	.resources-badge { top: 90px; }
	.home .logo img { margin-top: 20px; }
	html .hh-brand { padding: 40px 15% 40px 15%; background-image: none; max-width: 70%; }
	html .hh-brand img.align-right, html .hh-brand img.align-left { width: 30%; height: auto;  }
}