@font-face {
	font-family:BrandonText-Bold;src:url(fonts/27574E_1_0.eot);
	src:url(fonts/27574E_1_0.eot?#iefix) format("embedded-opentype"),
	url(fonts/27574E_1_0.woff) format("woff"),
	url(fonts/27574E_1_0.ttf) format("truetype")
	}

@font-face {
	font-family:BrandonText-Light;
	src:url(fonts/27574E_5_0.eot);
	src:url(fonts/27574E_5_0.eot?#iefix) format("embedded-opentype"),
	url(fonts/27574E_5_0.woff) format("woff"),
	url(fonts/27574E_5_0.ttf) format("truetype")
	}

@font-face {font-family:BrandonText-Regular;
	src:url(fonts/27574E_7_0.eot);
	src:url(fonts/27574E_7_0.eot?#iefix) format("embedded-opentype"),
	url(fonts/27574E_7_0.woff) format("woff"),
	url(fonts/27574E_7_0.ttf) format("truetype")
	}

@font-face {
	font-family:BrandonText-Medium;
	src:url(fonts/27574E_8_0.eot);
	src:url(fonts/27574E_8_0.eot?#iefix) format("embedded-opentype"),
	url(fonts/27574E_8_0.woff) format("woff"),
	url(fonts/27574E_8_0.ttf) format("truetype")
}










@charset "UTF-8";
/* Why Reading Club CSS */

#hero-header-1 {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #4b500e;
    background: url("../images/marketing-pages/why-reading-club/hero-1.jpg?$staticlink$") center no-repeat #cbd350;
}
#hero-header-2 {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #ffffff;
    background: url("../images/marketing-pages/why-reading-club/hero-2a-bg.jpg?$staticlink$") top repeat-x #d47500;
}
#hero-header-2 .hero-header-content {
	height: 262px;
	text-align: center;
    background: url("../images/marketing-pages/why-reading-club/hero-2a.jpg?$staticlink$") right no-repeat;
}
#hero-header-2 a.btn:hover, #hero-header-2 a.btn:focus {
    background-color: #159148;
    color: #ffffff !important;
}
#hero-header-2 a.btn {
    background-color: #26a65b;
    height: 45px;
    line-height: 43px;
    display: inline-block;
    margin-top: 14px;
    padding: 0 1em;
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
#hero-header-3 {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #ffffff;
    background-color:#d83230;
}
.hero-header-content {
    max-width: 990px;
    height: 220px;
    margin: auto;
    padding: 15px 250px 0 0;
    box-sizing: border-box;
}
.hero-header-content h1 {
    font-family: BrandonText-Light, Arial, sans-serif;
    font-size: 3.5em;
    margin: 0;
}
.hero-header-content h1 span {
    font-family: BrandonText-Medium, Arial, sans-serif;
    margin: 0;
}
.content-1, .content-2, .content-3 {
    padding: 2em 0;
    margin: 0 auto;
    font-size: 1.5em;
}
.content-1 h2, .content-2 h2, .content-3 h2 {
    font-family: BrandonText-Light, Arial, sans-serif;
    font-size: 2em;
}
.content-1 h2 {
    color: #6b8e23;
}
.content-2 h2 {
    color: #d47500;
}
.content-3 h2 {
    color: #af0a08;
}
.content-1 h3, .content-2 h3, .content-3 h3 {
    font-family: BrandonText-Light, Arial, sans-serif;
    font-size: 1.5em;
    margin-bottom: -0.5em;
}
a.btn {
	background-color: #5d97d6;
	height: 45px;
	line-height: 43px;
	display: inline-block;
	margin-top: 14px;
	padding: 0 1em;
	position: relative;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #ffffff !important;
	text-decoration: none !important;
}
a.btn:hover, a.btn:focus {
	color: #ffffff !important;
}
.content-1 a.btn {
	background-color: #d83230;
}
.content-1 a.btn:hover, .content-1 a.btn:focus {
	background-color: #c41917;
}
.content-2 a.btn {
	background-color: #26a65b;
}
.content-2 a.btn:hover, .content-2 a.btn:focus {
	background-color: #138e46;
}
.content-3 a.btn {
	background-color: #5d97d6;
}
.content-3 a.btn:hover, .content-3 a.btn:focus {
	background-color: #3b7fc8;
}
img {
    max-width: 100%;
}
.menu-column {
    width: 180px;
    display: inline-block;
    vertical-align: top;
}
.content-column {
    width: 780px;
    margin-left: 1em;
    padding-bottom: 2em;
    display: inline-block;
    vertical-align: top;
}
.content-column a {
    color: #3176c2;
    text-decoration: underline;
}
.content-column a:hover, .content-column a:focus {
    color: #1859a0;
}
ul.menu-list {
    margin: 1em 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #e6e6e6;
}
ul.menu-list * {
    margin: 0;
    padding: 0;
}
ul.menu-list li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e6e6e6;
    display: block;
    position: relative;
    text-transform: uppercase;
}
ul.menu-list li a {
    padding: 0.688em 1.25em 0.563em 1.25em;
    margin: 0;
    color: #333333;
    font-size: 0.875em;
    line-height: 1.5em;
    text-decoration: none;
    border-left: solid 0.5em #ffffff;
    display: block;
    outline: none;
}
ul.menu-list li a.menu1:hover, ul.menu-list li a.menu1.current {
    border-left: solid 0.5em #4b500e;
    color: #4b500e;
}
ul.menu-list li a.menu2:hover, ul.menu-list li a.menu2.current {
    border-left: solid 0.5em #d47500;
    color: #d47500;
}
ul.menu-list li a.menu3:hover, ul.menu-list li a.menu3.current {
    border-left: solid 0.5em #d83230;
    color: #d83230;
}
.column-1 {
    width: 370px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.column-2 {
    width: 370px;
    margin-left: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.column-left-small {
    width: 195px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.column-right-large {
    width: 540px;
    margin-left: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.column-right-small {
    width: 195px;
    margin-left: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.column-left-large {
    width: 540px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.columns-small-holder {
    margin: 3em auto;
}
.column-small {
    width: 174px;
    margin: auto 8px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0.75em;
    text-align: center;
}
.column-books {
	width:105px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}
.column-books img {
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.text-center {
    text-align: center;
}
.browse-flyers {
    margin-bottom: 3em;
    padding: 1px 0 0 0;
    background-color: #4361cd;
    color: #ffffff;
}
.browse-flyers h3 {
    margin-top: 0.5em;
}
.browse-flyers p {
    font-size: 0.75em;
}
.browse-flyers a, .browse-flyers a:hover, .browse-flyers a:focus {
    color: #feff9e;
}
.browse-flyers .left-column {
    width: 575px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
}
.browse-flyers .right-column {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.browse-flyers img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.split-columns {
    margin-bottom: 2em;
    display: block;
    position: relative;
}
@media screen and (min-width: 240px) and (max-width: 990px) {
    .home-unauthenticated-top .home-unauthenticated-top-logo {
        margin: 10px auto !important;
    }
    #hero-header-1, #hero-header-2, #hero-header-3 {
        background-image: none !important;
    }
    .hero-header-content {
        height: auto !important;
        background-image: none !important;
        padding: 15px;
    }
    .hero-header-content h1 {
        font-size: 2.5em;
    }
    .no-mobile {
        display: none;
        visible: hidden;
    }
    .content {
        width: 100%;
        padding: 0;
    }
    .content-column {
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    .menu-column {
        width: 90%;
        display: block;
        vertical-align: top;
        margin: 1em;
    }
    ul.menu-list {
        margin: 1em auto;
        border-bottom: solid 2px #4361cd;
        text-align: center;
    }
    ul.menu-list li {
        padding: 0;
        border-top: none;
        display: inline-block;
    }
    ul.menu-list li a {
        line-height: 1em;
        border: none;
    }
    ul.menu-list li a.menu1:hover, ul.menu-list li a.menu1.current {
        line-height: 1em;
        border: none;
        color: #ffffff;
        background-color: #4b500e;
    }
    ul.menu-list li a.menu2:hover, ul.menu-list li a.menu2.current {
        line-height: 1em;
        border: none;
        color: #ffffff;
        background-color: #d47500;
    }
    ul.menu-list li a.menu3:hover, ul.menu-list li a.menu3.current {
        line-height: 1em;
        border: none;
        color: #ffffff;
        background-color: #d83230;
    }
    .content-column h2 {
        font-size: 1.75em;
    }
    .content-column h3 {
        font-size: 1.25em;
    }
    .column-1, .column-2, .column-left-small, .column-left-large, .column-right-small, .column-right-large {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .columns-small-holder {
        text-align: center;
    }
    .column-small {
        width: 294px;
    }
    .text-center-mobile {
        text-align: center;
    }
    .browse-flyers .left-column {
        width: 90%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .browse-flyers .right-column {
        width: 90%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .content-column {
        width: 700px;
    }
    .column-1, .column-2 {
        width: 330px;
    }
    .column-left-large, .column-right-large {
        width: 460px;
    }
    .column-small {
        width: 154px;
    }
	.column-books {
		width:90px;
		margin: 10px;
		display: inline-block;
		vertical-align: top;
	}
    .browse-flyers .left-column {
        width: 505px;
    }
}