@charset "utf-8";
/* CSS Document - Home Page [ubw-home]*/

	.home h2 a {                
		text-decoration:none; 
		border-bottom:1px dashed #0955A8
	}
	.home h2 a:hover {
		border-bottom:2px solid #0955A8
	}
	.home h3 {
		font-size:1.3em; 
		margin-top:10px; 
		min-height:50px
	}
	.home ul li {
		list-style:none; 
		font-size:.95em; 
		padding:2px 0
	}
	.home .rounded {
        border-radius:0!important
}

/* Media Queries */

	  	@media (max-width: 991px) {
			
			.home h2 {
				font-size:1.8em; 
				padding:.5em 0
			}
			.home h3 {
				font-size:1.3em; 
				margin-top:10px;
				min-height:0
			}
	  	}


body.hp #we-section, body.hp #trending-section {
	font-weight: normal;
    font-size: 16px;
    font-family:"Droid Serif",Helvetica,Arial,sans-serif
}
.home .hr-header {
	width:80px
}
.home #focusbox1 {
	height:150px;
        margin: 7px -7px 0 0;
	overflow-y:hidden;
        padding:0 15px
}
.home #focusbox2  {
	height:150px;
        margin:7px 0 0 -7px;
	overflow-y:hidden;
        padding:0 15px
}
.home .focusad {
	padding:10px 15px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size:1em
}
.home .focus-link {
        text-decoration:none
}
#focusbox1 .btn, #focusbox2 .btn {
        white-space:nowrap!important
}
.home h1, .home h2, .home .jumbotron-message h2 {
        color:#10147e;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size:2.6em;
	font-weight:700;
	padding: .3em 0 .1em
}
.home  .jumbotron-message p {
        font-size:1.3em
}
.home h2 {
    font-size:2em;
}

.home h2.minor {
	color:#000;
	font-family:"Droid Serif",Helvetica,Arial,sans-serif;
	font-size:1.2em;
	font-weight: normal;
	padding:1em 0
}
.home .imprints img {
	margin:7px 20px
}
.home section {
	padding:52px 10px
}
.home hr {
	width:80px;
	border-color:#10147e;
	margin-bottom:40px;
        color: #10147e;
}
.home .jumbotron-message {
	background-color:#fff; 
	display:inline-block; 
	padding:30px 40px; 
	margin:45px 15px;
}
.home .jumbotron-message .tandcs {
	display:none
}
.home #rp-books .bk p {
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	font-size:.9em;
	font-weight:600;
	padding:10px 0;
	height:50px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.home #rp-books .bk a {
	color:#000;
	text-decoration: none
}
.home #rp-books .bk a:hover,.home #rp-books .bk a:focus {
	color:#000;
	text-decoration:underline
}
.home #trending img {
	height:250px; 
	width:250px
}	
.home #trending .titem {
	font-family:"Open Sans",Helvetica,Arial,sans-serif; 
	font-size:.9em; 
	font-weight:600;
	max-width:1500px;
	margin:0 auto;
	overflow-x:auto;
	white-space:normal
}
.home #trending .titem li {
	display:inline-block;
	position:relative;
	vertical-align: top;
	max-width:290px;
	white-space: normal
}
.home #trending .titem li a {
	display:block;
	text-decoration:none
}
.home #trending .titem li a:hover, .home #trending .titem li a:focus {
	text-decoration:none;
	color:#10147f
}
.home #trending .titem li a>.tlabel {
	text-align:center;
	padding:15px 5px;
	color:#000
}
.home #trending .titem li a:hover>.tlabel {
	text-decoration:underline
}
.home #trending .titem li .ttype {
	position:relative; 
	bottom:0; 
	background-color:#f2f3f8; 
	padding:10px 12px;
	margin-top:-40px;
	max-width:75%
}
.home #signup-section {
	background-color:#f3f3f3
} 
.home #signup-section .container {
	max-width:1150px
} 
.home #signup-section .signup-box h2 {
	font-size:1.7em;
} 
.home #signup-section .btn {
	margin:15px 0 45px
}
.home #btt {
	margin:25px 0 15px
}
.home #btt a {
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-weight:600
}
.home .jmbotron-btn-color {display:none}

/* Media Queries */
@media (min-width: 1568px) {
	.home #trending li {
		margin:20px
	}
}

@media (min-width: 1200px) {
	.home #trending img {
		height:350px; 
		width:350px;
	}
	.home #trending .titem li {
		margin:15px;
		max-width:350px;
	}
	.home #trending .titem li .ttype {
	    max-width:50%
    }
}

@media (max-width: 1199px) {

	.home #trending img {
		height:290px; 
		width:290px
	}
	.home #trending .titem li {
		margin:10px;
	}
}

@media (min-width: 992px) {
	.home #signup-section .signup-box {
		height:350px
	}
}

@media (max-width: 991px) {
	.home section {
	    padding:25px 10px
    }
	.home #focusbox1, .home #focusbox2 {
		margin-right:0;
		margin-left:0;
		margin-top:8px
	}
	.home #trending .titem {
		white-space:nowrap
	}
}


@media (max-width: 767px) {
        .home h1, .home h2, .home .jumbotron-message h2 {
                font-size:2em
        }
        .home  .jumbotron-message p {
                font-size:1em!important;
                line-height:1.4em
        }
	.home .imprints img {
		margin:7px 8px;
		max-width:150px
	}
	.home .jumbotron-message {
		padding:10px 20px;
		margin:45px 0px;
	}
        .home .focusad {
	        padding:5px 10px 0;
	        font-family: "Open Sans",Helvetica,Arial,sans-serif;
	        font-size:.9em!important
        }
        .home #focusbox1, .home #focusbox2 {
                flex-direction:column
        }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
        .home .focusad {
	        font-size:.9em!important;
        }
}



/* HOME PAGE UPDATES */

.hp main .container {max-width:1500px!important}

.hpage .head2 {text-align:left}
.hpage .head2 h2 {display:inline-block; margin:0!important; padding:5px 0 40px; text-transform:uppercase; color:#000; font-weight:500; letter-spacing:1px}
.hpage .head2 a {text-decoration:none; color:#666666; font-size:.9em}
.hpage .head2 a:hover {text-decoration:underline}

.hpage .book-row img {
    width:180px;
    border:1px solid #ccc; 
    box-shadow:rgba(0, 0, 0, 0.6) -5px 4px 2px
}	
 
.hpage .book-row .titem {
	font-family:"Open Sans",Helvetica,Arial,sans-serif; 
	font-size:.9em; 
	font-weight:600;
	max-width:1500px;
	margin:0 auto;
	overflow-x:auto;
        padding-bottom:15px;
	white-space:nowrap
}
.hpage .book-row .titem li {
	display:inline-block;
	position:relative;
	vertical-align: bottom;
	max-width:290px;
	white-space: normal;
    margin:0 10px
}
.hpage .book-row .titem li a {
	display:block;
	text-decoration:none
}
.hpage .book-row .titem li a:hover, .hpage .book-row .titem li a:focus {
	text-decoration:none;
	color:#10147f
}
.hpage .book-row .titem li a>.tlabel {
	text-align:center;
	padding:15px 5px;
	color:#000
}
.hpage .book-row .titem li a:hover>.tlabel {
	text-decoration:underline
}
.hpage .book-row .titem li .ttype {
	position:relative; 
	bottom:0; 
	background-color:#f2f3f8; 
	padding:10px 12px;
	margin-top:-40px;
	max-width:75%
}

.hpage .blb, .blb li {padding:0; list-style:none; margin:0}

.hpage .blb li a {
    font-size:1.2em; 
    background-color:#fff; 
    border-radius:0px; 
    border:2px solid #10147f; 
    font-weight:500; 
    color:#10147f; 
    padding:15px 10px; 
    margin:5px 10px; 
    display:block; 
    height:90%
}

.hpage .blb li a:hover, .hpage .blb li a:focus {text-decoration:underline; text-underline-offset:8px; color:#10147f; background-color:#f2f3f8}
.hpage a.banner-link {color:#000; text-decoration:none}
.hpage a.banner-link span {margin:12px 0 20px 25px; display:block; font-weight:bold; font-size:.9em}
    
.hpage .copy {margin-top:20px}

.hpage .stamp {height:100%; display:block}
.hpage .stamp img {border:1px solid #000}

.hpage .feature h3 {font-size:1.1em; background-color:#eee; padding:5px 10px; border-bottom:1px solid #ccc; font-weight:600; margin:40px 0 15px}
.hpage .feature p {margin-bottom:0; font-size:11pt; padding:10px 0}
.hpage .feature .inform {padding:10px 25px 10px 5px}

.boxt {
    border: 1px solid #eee;
    padding: 25px;
    flex-direction:column; 
    display:flex
}
.boxt h3 {font-weight:600; font-size:1.5em; padding:0 0 15px 0; margin:0}
.boxt hr {width:100%; border-bottom:1px solid #ccc; opacity:1}
.boxt p {flex-grow:1}
.boxt a.btn { width:180px }

// MEDIA QUERIES

    @media screen and (max-width: 991px) {
    }
    @media screen and (max-width: 767px) { 
        .hpage .stamp img {margin-bottom:15px}

    }

    @media (max-width: 992px) { 
        .hpage .copy {margin-top:10px}
        .hpage .copy p {padding:0; font-size:.9em}
        .boxt h3 {font-size:1.3em}
    }


    @media (min-width: 1200px) {

	    .hpage .book-row .titem li {
		    margin:15px;
		    max-width:350px;
	    }
	    .hpage .book-row .titem li .ttype {
	        max-width:50%
        }
    }
    @media (min-width: 1568px) {
	    .hpage .book-row li {
		    margin:20px
	    }
    }