/* remove default styling ================== */
/* removes extra spacing around block of three boxes */
.front .main .block {
    padding: 0;
}
/* removes extra spacing below homepage feature block */
.mc-content {
    margin-bottom: 0;
}
/* removes spacing above footer */
.site-footer {
    margin-top: 0;
}
.img-responsive {
    height: auto;
    max-width: 100;
}

/* search box - homepage only =================== */
.searchboxfront {
    background: url(/sites/default/files/searchbanner250.png) top left no-repeat #0A3F58;
    padding: 1em 3%;
}

/* login link =============== */
.login::after {
    content: url(/sites/default/files/icons_refresh/Nav-Login-Icon3x.svg);
}
.login::after {
    margin-left: 0.5em;
}
.login {
    vertical-align: top;
}

/* Static Homepage Highlight - 3 Blocks ============= */
.static-highlight .primary,
.static-highlight .secondary,
.static-highlight .tertiary {
   /* max-width: 33%; */
}
.well.primary,
.well.secondary,
.well.tertiary {
    padding: 0;
}
.static-highlight {
    margin-top: 5em;
}
.static-highlight img {
    object-fit: cover;
    height: 300px;
    width: 600px;
}
.static-highlight p {
    margin: 1em 2em 2em 2em;
}
.static-highlight .secondary p {
    background: url(/sites/default/files/icons_refresh/glasses.png) no-repeat 0% 25%;
}
.static-highlight .primary p {
    background: url(/sites/default/files/icons_refresh/calendar.png) no-repeat top left;
}
.static-highlight .tertiary p {
    background: url(/sites/default/files/icons_refresh/Booklist_Icon.png) no-repeat top left;
}
.static-highlight .secondary p,
.static-highlight .primary p,
.static-highlight .tertiary p {
    background-size: 30px;
    padding-top: 2.5em;
    line-height: 2em;
}

/* homepage feature block styles ================================ */
.homepageFeature  {
    margin-top: 4em;
} 
.homepageFeature img {
    height: 450px;
    object-fit: cover;
    width: 100%;
}

/* book promo block styles*/
/* flexslider styles */
.flexslider {
	background-color: transparent;
	border: none;
	border-left: 4px solid #97DDD8;
	padding-top: 2em;
	margin-top: 2em;
	border-radius: 0;
	width: 95%;
}
.flexslider .views-field-body .field-content {
	width: 60%;
	margin-right: 2em;
	float: right;
}
.flexslider .slides img {
	padding: 0 1em;
	display: inline-block;
	width: 30%;
	float: left;
}
.slides {
    width: 90%;
}
.slides p {
    margin-right: 1em;
}
.book-promos {
	width: 70%;
	float: right;
}
.book-promos .audience {
	text-transform: uppercase;
}
.reading-links {
	width: 25%;
	float: left;
}
.reading-links .content {
	padding: 3em 1em 2em 3em;;
}
.reading-links h2 {
	margin-bottom: 2em;
}
#content-body {
	background-color: #F3F0EF;
	margin-top: 3em;
}


/* event card and house ad area spacing */
.region-content-lower {
    margin-top: 5em;
}
/* Event card styles */
.event-card {
    width: 39%;
    float: left;
    background-color: #F3F0EF;
}
.event-card div.event-body {
    padding: 2em;
}
/* these two rules expand the background image out of it's containing box to fill the whole event card div */
.event-card .content img {
    /* margin-top: -2em; */
}
.event-card .content {
    width: 100%;
}
.event-card p.card-title,
.event-card p.register,
.house-ad p.card-title {
    font-size: 80%;
    font-weight: bold;
    text-transform: uppercase;
}
.event-card p.card-title {
    /* margin-top: 164px;   */ 
}
/*.event-card p.register a { */
    /* background spacing at 7em for text "register", 11em for text "Get the Zoom Link", ??em for text "Learn More" */
   /* background: url(/sites/default/files/icons_refresh/arrow_forward_blue24px.png) no-repeat 11em center #F3F0EF;
    background-size: 16px 16px;
    padding-right: 3em; 
} */
/*.event-card p.register a:hover,
.event-card p.register a:active { */
    /* background spacing at 7em for text "register", 11em for text "Get the Zoom Link", ??em for text "Learn More" */
    /*background: url(/sites/default/files/icons_refresh/arrow_forward_orange24px.png) no-repeat 11em center #F3F0EF;
    background-size: 16px 16px;   
} */

/* House ad styles */
.house-ad {
    width: 55%;
    float: right;
    /* temp removing patterned background */
    /* background: url(/sites/default/files/WCCLS-Homepage-Ad.png) top left no-repeat #F3F0EF; */
	background-size: cover;
	/* hide this rule when exposing patterened background */
	background-color: #0A3F58;
    height: 488px;
    color: white;
    text-align: center;
}
.house-ad div {
    padding: 3em;
}
.house-ad a.button {
    color: white;
}
.house-ad h2 {
    font-size: 2em;
}

/* Hero banner styles =========================== */
.heroBanner {
    background-color: #F3F0EF;
    margin: 2em 0;
    /* padding: 0 10% 0 0; */
    padding: 0;
}
/* removes spacing above and below hero banner */
#block-block-62 {
    margin: 0;
}
.heroBanner h2 {
    margin-top: 0;
    padding-top: 1em;
}
.heroBanner p .button {
    margin: 0;
}
/* make image fit full container */
.heroBanner img {
    max-width: 50%;
    height: 100%;
    object-fit: scale-down;
    float: left;
    margin-right: 2em;
}
#block-block-62 .content p {
    padding: 0 2em;
}

/* button styles =============================== */
p > .button {
    margin-top: 2em;
}




/* ============== Responsive styles ============== */
@media only screen and (max-width: 1285px) { 
    /* Readin Recommendations card */
    .flexslider .views-field-body .field-content {
        width: 55%;
    }
}
@media only screen and (max-width: 1089px) {
    .homepageFeature .span8 {
        width: 55%;
    } 
    .homepageFeature .span4 {
        width: 40%;
    }
}
@media only screen and (max-width: 900px) {
    /* event card */
    .event-card h2 {
        margin-top: 0.5em;
    }
    /* reading recommendations blocks */
    .reading-links,
    .book-promos {
        width: 100%;
    }
    .flexslider {
        border-left: none;
        border-top: 4px solid #97DDD8;
    }
    .reading-links .content {
        padding: 0 1em 0 3em;
    }
    /* reduces top whitespace above Homepage Feature button */
    .homepageFeature .button {
        margin-top: 0;
    }
}
@media only screen and (max-width: 768px) {
    .static-highlight {
        max-width: 28em;
        margin: 3em auto;
    }
    .static-highlight .secondary p, 
    .static-highlight .primary p, 
    .static-highlight .tertiary p {
        padding-top: 1.8em;
    }
    .well.primary, .well.secondary, .well.tertiary {
        min-height: 24em;
    }
    #block-block-63 {
        max-width: 28em;
        margin: auto;
    }
    .homepageFeature .span8,
    .homepageFeature .span4 {
        width: 100%;
        margin: auto;
        padding: 0;
    }
    .homepageFeature img {
        height: 400px;
    }
}
@media only screen and (max-width: 634px) {
    /* Reading recommendations slider */
    .flexslider .slides img,
    .flexslider .views-field-body .field-content {
        float: none;
        width: 90%;
        margin-left: 2em;
    }
    .content li {
        margin-left: 0;
    }
    .reading-links .content {
        padding: 0 2em;
    }
    .flexslider {
        margin-top: 0;
    }
    /* adds spacing back to slider control buttons */
    .flex-control-nav li {
        padding: 1em;
    }
}
@media only screen and (max-width: 600px) {
    .homepageFeature img {
        height: 350px;
    }
}
@media only screen and (max-width: 480px) { 
    .event-card,
    .house-ad {
        width: 100%;
    }
    .house-ad div {
        padding: 3em 1em;
    }
    .homepageFeature img {
        height: 300px;
    }
}