@font-face {
font-family: 'museo-sans';
font-style: normal;
font-weight: 300;
src: local('museo-sans'),
url('../fonts/museosans300.woff') format('woff'),
url('../fonts/museosans300.ttf') format('truetype');
}
body {
font-family: 'museo-sans', sans-serif, Arial, Helvetica, "Arial Unicode MS", "Trebuchet MS";
background: #fff;
letter-spacing: 0.02em;
line-height: 23px;
}
h1, h2, h3, h4, h5, h6 {
font-family: museo-sans, sans-serif;
font-weight: 700;
}
h1:first-child {
margin-top: 0;
}
a {
/*color: #149f88;*/
color: #777;
}
.footer-list > ul > li > a{
color: #007377;
}
.footer-list > ul > li > a:hover{
color: #00B0B9;
}
.footer-list > ul {
list-style-type: none;
padding:0px;
margin:0px;
}
.emerald-qsearch-container{
background-color:#005f61;
padding-top: 32px;
/* padding-right: 10px; */
padding-bottom: 0px;
padding-left: 30px;
margin-bottom:30px;
}
.amazonLogo img {
max-height: 50px !important;
width: 100%;
}
.bookshopLogo img {
max-height: 50px !important;
width: 100%;
/* TODO: TEMP - Remove margin-top rule once the price text has been sorted -DB */
margin-top: 20px;
}
.search-bar{
display:inline-block;
width: 100%;
}
.search-bar-text{
padding-left:20px;
padding-right:0px;
}
.search-bar-text input[type="text"]{
width:100%;
height: 56px;
font-size: 34px;
padding-left: 10px;
line-height:1;
}
.search-bar-select {
padding:0px;
}
.search-bar-select select{
width: 100%;
height: 56px;
font-size: 24px;
padding-left: 10px;
color:#bdbdae;
-webkit-appearance: menulist-button;
background-color:#fff;
}
.nav-primary {
position: relative;
}
.navbar-header.row {
margin: 0 -15px;
width: 100%;
}
.logo h1 {
margin-top: 0;
}
.logo img {
margin-left:15px;
}
.navbar {
min-height: 40px;
margin-bottom: 0px;
}
.navbar-header{
padding-bottom:10px;
}
.navbar-toggle .icon-bar {
background-color: #111;
}
.navbar-default {
background-color:#fff;
border-color: #fff;
text-transform: uppercase;
}
.navbar-default .btn-link {
color: #fff;
}
.navbar-default .btn-link:hover{
color: #00B0B9;
}
.navbar-collapse {
padding-left: 0px;
}
.navbar .btn-navbar.btn-qsearch {
float: right;
}
.navbar .btn-navbar .icon-search {
display: block;
margin: 0;
height: 13px;
}
.navbar-inverse a {
color: #fff;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
color: #007377;
}
.navbar-nav > li > a:hover{
background-color: #A5DFCC;
color:#00B0B9;
text-decoration: none;
opacity: 0.85;
}
.nav-links > a:hover{
border-bottom: 3px solid #00AB84;
background-color: #EFF8F5;
color:#00B0B9;
text-decoration: none;
opacity: 0.85;
}
/* !! See custom.css
.social ul.inline {
padding: 0;
}
.social li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
list-style: none;
}
.social li a {
opacity: 0.8;
display: block;
height: 22px;
width: 40px;
margin: 10px 0 0;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.social li a:hover {
opacity: 1;
}
.social li a span {
display: none;
}
.social li.social-fb a {
background-position: -40px 50%;
}
.social li.social-ne a {
background-position: -80px 50%;
}
*/
.qsearch-container {
border-bottom: 1px dotted #ccc;
margin: -20px 0 20px;
}
.btn-qsearch {
display: none;
}
.qsearch-inner {
position: relative;
display:inline;
}
.qsearch-inner #livesearch_result {
text-align: left;
top: 25px;
left: 0;
right: 0;
display: none;
}
.form-search {
border: 0;
margin: 10px 0 0 20px;
text-align: right;
}
.form-search a.search-link {
font-size: 110%;
box-shadow: none;
}
.form-search .input-search {
position: relative;
}
.form-search .input-search input {
padding-left: 22px;
}
.form-search .input-search .glyphicon-search {
left: 7px;
position: absolute;
top: 50%;
margin: -5px 0 0;
z-index:10;
}
.nav-basket {
position: relative;
}
.nav-basket a,
.nav-basket a:visited {
padding: 10px 15px;
color: #777;
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
display: block;
}
.nav-basket a:focus,
.nav-basket a:active,
.nav-basket a:hover {
text-decoration: none;
color: #333;
}
.nav-basket:hover .minibaskettarget,
.nav-basket:focus .minibaskettarget {
display: block;
}
.minibtitle {
border-bottom: 1px dotted #DDDDDD;
font-weight: bold;
text-align: center;
}
.minibaskettarget {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #DDD;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
display: none;
max-width: 22em;
padding: 1em;
position: absolute;
right: 0;
top: 40px;
z-index: 1000;
}
.minibaskettarget a,
.minibaskettarget a:visited,
.minibaskettarget a:active,
.minibaskettarget a:hover {
color: #222;
}
/*.minibitem {
border-bottom: 1px dotted #DDD;
clear: left;
float: left;
font-size: 80%;
padding: 0.4em 0;
width: 100%;
}
.minibimagearea {
float: right;
}
.minibimagearea img {
border: 1px solid #AAA;
margin-left: 5px;
max-height: 60px;
width: auto;
}
.miniblink {
clear: left;
padding-top: 0.4em;
text-align: center;
}
.miniblink a, .miniblink a:visited,
.miniblink a:active, .miniblink a:hover {
color: #2258A6;
}*/
.jumbotron h1 {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/* sidebar */
.sidecol ul {
list-style: none outside none;
margin-left: 0;
}
.sidecol li {
list-style: none outside none;
}
.sidecol .filters h2 {
margin-bottom: 0;
}
.sidecol h3 {
font-size: 16px;
line-height: 1;
}
.sidecol .checkbox {
padding-left: 0;
}
.sidecol .filters {
margin-bottom: 1em;
}
.sidecol .btn-filter {
display: none;
border-bottom: 1px dashed #ddd;
font-weight: bold;
color: #555;
outline: none;
padding-bottom: 0.3em;
}
.sidecol .btn-filter:hover,
.sidecol .btn-filter:focus,
.sidecol .btn-filter:active {
text-decoration: none;
}
.filter-clear {
display: block;
padding: 0.5em 0;
}
.filter-group-pr {
padding-bottom: 0.5em;
}
.filter-group-container {
background: none repeat scroll 0 0 #f8f8f8;
border-radius: 4px;
float: left;
margin-bottom: 0.5em;
margin-right: 0;
padding: 0 5%;
width: 90%;
}
.filter-group a {
outline: medium none;
}
.sidebar-nav h1 {
background-color: #149f88;
color: #FFFFFF;
/*border-radius: 6px 6px 0 0;*/
font-size: 1em;
line-height: 20px;
padding: 9px 15px;
margin: 0;
}
.sidebar-nav h1 + ul > li:first-child > a {
border-radius: 0;
}
.navbar-side {
background-color: #FFFFFF;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
margin: 0 0 30px;
padding: 0;
}
.navbar-side > li > a {
border: 1px solid #E5E5E5;
display: block;
margin: 0 0 -1px;
padding: 8px 14px;
}
.navbar-side > li:first-child > a {
border-radius: 6px 6px 0 0;
}
.navbar-side > li:last-child > a {
border-radius: 0 0 6px 6px;
}
.navbar-side > .active > a {
border: 0 none;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
padding: 9px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
z-index: 2;
}
.navbar-side .icon-chevron-right {
float: right;
margin-right: -6px;
margin-top: 2px;
opacity: 0.25;
}
.navbar-side > li > a:hover {
background-color: #F5F5F5;
}
.navbar-side a:hover .icon-chevron-right {
opacity: 0.5;
}
.navbar-side .active .icon-chevron-right,
.navbar-side .active a:hover .icon-chevron-right {
opacity: 1;
}
.nav-search {
overflow: hidden;
padding: 1em 20px;
border: 1px solid #e5e5e5;
border-radius: 0 0 6px 6px;
margin: 0 0 30px;
}
.nav-search form {
margin: 0;
}
.nav-search form input {
max-width: 100%;
}
.nav-search ul {
padding: 0.5em 0 0 0;
}
.nav-search li {
list-style: none;
}
.sidebar-feature {
border: 1px solid #E5E5E5;
border-radius: 6px;
padding: 1em;
text-align: center;
}
.sidebar-feature h1,
.sidebar-feature h2 {
font-weight: normal;
font-size: 20px;
line-height: 1.2;
margin: 0;
}
.sidebar-feature h2 {
color: #CC3300;
}
.sidebar-feature .thumbnail {
margin: 0.5em auto 1em;
}
.sidebar-feature .product-title {
font-weight: bold;
}
.hero-unit {
border: 1px solid #D4D4D4;
}
.caro-topnav {
border-bottom: 1px solid #D4D4D4;
clear: both;
margin: 0 0 1em;
font-size: 110%;
font-weight: bold;
overflow: hidden;
position: relative;
}
.caro-title {
float: left;
width: 75%;
}
.caro-title h1 {
font-size: 140%;
}
.caro-more-link {
position: absolute;
top: 10px;
right: 10px;
text-align: right;
width: 25%;
}
.caro-item-container {
width: 80%;
margin: 0 10%;
text-align: center;
}
.caro-item {
font-family:Georgia, "Times New Roman", Times, serif;
}
.caro-image {
height: 150px;
padding: 5px 0 10px;
}
.caro-image-large {
height: 280px;
padding: 5px 0 10px;
}
.caro-image img {
height: auto;
max-height: 150px;
max-width: 120px;
width: auto;
margin: 0 auto;
}
.caro-item h2 {
font-size: 120%;
line-height: 1.25;
height: 2.5em;
margin-bottom: 0.4em;
overflow: hidden;
}
.caro-auth {
line-height: 1.25;
height: 2.5em;
overflow: hidden;
}
.caro-price {
font-weight:bold;
margin: 0 0 0.4em;
}
.caro-btn {
font-family:Arial, Helvetica, sans-serif;
padding-bottom: 0.4em;
}
/* banner scroller */
.flexslider.slider-banner {
background: #222;
}
.flexslider.slider-banner .slides li {
position: relative;
}
.flexslider.slider-banner .slides li a.bg-img img {
z-index: 0;
width: 100% !important;
height: auto;
}
.flexslider.slider-banner .slides li a.pr-img {
position: absolute;
right: 40px;
top: 40px;
max-width: 15%;
z-index: 10;
}
.flexslider.slider-banner .copy-outer {
background: rgba(0,0,0,0.05);
float: left;
display: block;
z-index: 1;
top:0;
left:0;
position:absolute;
bottom:0;
right:0;
}
.flexslider.slider-banner .copy-inner {
float: left;
padding: 30px 140px 0px 30px;
}
.flexslider.slider-banner h1 {
font-size: 30px;
line-height: 1.2;
}
@keyframes animate {
0% {
opacity: 0;
transform: translateX(-50px); }
60% {
opacity: 0.6;
transform: translateX(3px);
transform: skewY(90); }
100% {
opacity: 1;
transform: translateX(0px); }
}
.flexslider.slider-banner .flex-active-slide .animate {
animation-duration: 0.6s;
animation-fill-mode: both;
}
.flexslider.slider-banner .title,
.flexslider.slider-banner .text {
color: #fff;
text-shadow: 2px 2px 12px rgba(0,0,0,0.5), -2px 2px 12px rgba(0,0,0,0.5);
}
.flexslider.slider-banner .text {
font-size: 140%;
}
.flexslider.slider-banner .button {
}
.flexslider.slider-banner .flex-active-slide .title,
.flexslider.slider-banner .flex-active-slide .text,
.flexslider.slider-banner .flex-active-slide .button {
animation-name: animate;
}
.flexslider.slider-banner .flex-active-slide .title {
animation-delay: 0.5s;
}
.flexslider.slider-banner .flex-active-slide .text {
animation-delay: 1.5s;
}
.flexslider.slider-banner .flex-active-slide .button {
animation-delay: 2.5s;
}
footer {
margin: 4em 0;
}
.footer-main > div {
margin-bottom: 20px;
}
.footer-main {
text-align: center;
padding: 0.5em 0;
margin: 0 0 2em;
border: 1px solid #eee;
border-width: 1px 0;
padding-top: 50px;
}
.footer-main h1 {
font-size: 18px;
}
.footer-sub {
text-align: center;
}
.footer-sub li {
list-style: none;
display: inline-block;
margin: 0 1em;
}
.form-subscribe .input-group,
.form-subscribe button {
margin-bottom: 10px;
}
.pagination-container {
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
margin-bottom: 20px;
}
.pagination-container h3 {
float: left;
font-size: 14px;
line-height: 20px;
margin: 5px 0.5em 5px 0;
display: none;
}
.pagination-container > ul.pagination {
margin: 0;
}
ul.pagination li a i {
opacity: 0.5;
}
ul.pagination li a:hover i {
opacity: 0.8;
}
.category-trail {
clear: both;
margin: 0.75em 0;
overflow: hidden;
width: 100%;
}
.category-trail h3 {
display: none;
}
.category-trail ul {
list-style: none;
margin: 0;
}
.category-trail ul li {
font-size: 1em;
line-height: 1.2;
margin: 0 5px 0 0;
}
.product-img {
text-align: center;
}
.jacket-img {
margin: 0 auto 0.8em;
height: auto;
max-width: 100%;
}
details summary::-webkit-details-marker {
font-size:0;
}
details summary::-webkit-details-marker:focus {
outline: -webkit-focus-ring-color auto 0;
}
.product-details {
margin-bottom: 1em;
}
.product-details ul > li > span {
font-weight: bold;
}
.product-details .product-prices {
border-radius: 4px;
text-align: center;
border: 1px solid #ddd;
padding: 2em;
}
.product-prices span {
display: block;
line-height: 1.5;
}
.product-prices span.price-rrp {
font-weight: bold;
/*text-decoration: line-through;*/
line-height: 1;
}
.product-prices span.price-ddp {
font-weight: bold;
/*text-decoration: line-through;*/
/*line-height: 1;*/
color:#eea236;
}
.product-prices span.price-msg {
font-weight: 300;
/*text-decoration: line-through;*/
line-height: 1;
color:#ff0000;
}
.product-prices span.price {
font-weight: bold;
font-size: 180%;
color: #CC3300;
}
.product-prices span em {
display: none;
}
.product-prices span.price-saving {
text-transform: uppercase;
}
.product-prices .btn {
margin-top: 0.5em;
}
details dl {
margin: 0.5em 0;
overflow: hidden;
}
details dl dt {
clear: left;
float: left;
}
details dl dd {
float: left;
}
.star-rating {
margin: 0.5em 0 0;
clear: left;
}
/* results */
.results-filters {
float: right;
}
.results-filters .sort-form legend {
display: none;
}
.search-filters {
position: relative;
}
.search-filters .btn-filters,
.search-filters .btn-filters:hover,
.search-filters .btn-filters:focus,
.search-filters .btn-filters:active,
.search-filters .btn-filters:visited {
background-color: transparent;
border: 0;
color: #777;
margin: 0;
padding: 10px 15px;
text-shadow: none;
float: none;
}
.search-filters .results-view {
margin-top: 8px;
margin-left: 10px;
}
.search-filters .results-view b{
display: inline-block;
}
.search-filters .results-view b.right{
position: absolute;
right: 0;
margin-right: 40px;
margin-top: 2px;
}
.search-filters .results-view a {
display: inline-block;
font-size: 18px;
margin: 0 0 0 0.3em;
float: right;
}
.search-filters .results-view .list-view{
margin-right: 10px;
}
/*ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}*/
a.menu:after, .dropdown-toggle:after {
content: none;
}
ul.results {
padding: 0 0 2em;
overflow: hidden;
}
ul.results li {
list-style: none;
}
ul.results > li {
border-bottom: 1px dotted #C8C8C8;
padding: 1em 0;
position: relative;
overflow: hidden;
}
ul.results li dl .product-img {
float: left;
width: 100px;
}
@media (min-width: 768px) {
ul.results li dl .product-img {
/*width: 180px;*/
}
ul.results li dl dt.product-title,
ul.results li dl dd,
ul.results li dl dt.product-author,
ul.results li dl dd.product-prices {
margin-left: 180px;
}
}
ul.results li .event-results {
float: right;
margin: 0 1em 1em 3em;
padding: 5px;
border: 1px solid #C8C8C8;
width: 180px;
height: auto;
}
ul.results li dl dt {
font-size: 1.2em;
line-height: 1.2;
}
ul.results li dl dt.product-title,
ul.results li dl dd {
margin: 0 300px 0 120px;
}
ul.results li dl dt.product-title a {
font-size: 1.2em;
line-height: 1.2;
}
ul.results li dl dt.product-author {
margin: 0 300px 0 120px;
}
ul.results li dl dt span {
display: block;
font-style: italic;
}
ul.results li dl dt em {
font-weight: bold;
font-style:normal;
}
ul.results li dl dd {
margin-top: 12px;
}
ul.results li dl dd.product-prices {
margin: 0;
position: absolute;
width: 300px;
right: 0;
top: 1em;
}
ul.results li dl dd ul {
padding: 0;
}
ul.results li dl dd ul li {
border: medium none;
padding: 0;
}
ul.results li dl dd ul.product-prices {
max-width: 150px;
position: absolute;
right: 0;
top: 15px;
width: auto;
}
ul.results.results-grid > li {
float: left;
width: 20%;
padding: 0 1% 0 0;
margin-bottom: 1em;
height: 23em;
font-family: Arial, Helvetica, sans-serif;
}
ul.results.results-grid li dt,
ul.results.results-grid li dd {
width: 100%;
float: none;
margin: 0;
font-size: 90%;
}
ul.results.results-grid li dt.product-img {
position: relative;
height: 160px;
}
ul.results.results-grid li dt.product-img a {
position: absolute;
left: 0;
bottom: 0;
}
ul.results-grid li dl dt.product-title,
ul.results-grid li dl dt.product-author,
ul.results-grid li dl dd {
margin: 0;
overflow: hidden;
margin-bottom: 0.2em;
}
ul.results-grid li dl dt.product-title {
/*max-height: 3em;*/
height: 3em;
}
ul.results-grid li dl dt.product-author {
max-height: 2.4em;
}
ul.results-grid .jacket-img {
margin-left: 0;
max-height: 140px;
width: auto;
}
ul.results-grid li dl dt span {
display: none;
}
ul.results-grid li dl dd.product-prices {
width: 100%;
float: none;
position: relative;
top: 0;
margin-left: 0;
}
ul.results-grid li dl dd.product-prices .btn {
margin-bottom: 0.5em;
margin-top: 2em;
}
ul.results-grid li dl dd.product-prices span.price {
font-size: 1em;
}
ul.results-grid li dl dd.product-prices .price-saving,
ul.results-grid li dl dd .product-publisher,
ul.results-grid li dl dd .product-date,
ul.results-grid li dl dd .product-avail,
ul.results-grid li dl dd.product-details span,
ul.results-grid li dl dd.product-details {
display: none;
}
/* news results */
.results-news {
border-top: 1px dotted #C8C8C8;
padding-left: 0;
}
.results-news li img {
float: left;
margin: 0 1em 1em 0;
padding: 4px;
border: 1px solid #C8C8C8;
width: 200px;
height: auto;
}
/* article detail */
.article-detail {
overflow: hidden;
}
.article-detail img {
float: right;
margin: 0 0 1em 1em;
border: 1px solid #C8C8C8;
padding: 9px;
max-width: 280px;
height: auto;
}
.article-detail .article-content {
margin-bottom: 22px;
}
/* authors */
.authorsearch {
position: relative;
}
.authorsearch .form-author {
margin: 0 0 20px;
}
.author-alphabet {
font-family:Arial, Helvetica, sans-serif;
font-size: 200%;
line-height: 1.3;
margin: 0 auto 0.5em;
text-align:center;
}
.author-alphabet a {
padding: 0 0.1em;
}
#authorlist li {
list-style: none;
font-size: 90%;
line-height: 1.5;
}
.modal-backdrop.fade.in {
opacity:.3;
}
.modal-body {
height: 600px;
max-height: 90%;
}
.modal-body img {
max-height: 470px;
}
.modal-button {
height:12px;
}
@media (max-width: 979px) {
.nav-collapse .form-search {
border: 0;
}
.quick-search {
position: relative;
top: 0;
margin: 0;
}
.quick-search form {
margin-bottom: 20px;
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
padding: 0;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar .btn-navbar {
float: left;
}
.navbar .btn-departments,
.navbar .btn-departments:hover,
.navbar .btn-departments:focus,
.navbar .btn-departments:active,
.navbar .btn-departments:visited {
color: #777;
text-shadow: none;
text-shadow: rgba(255,255,255,0.4);
border: 0;
background-color: transparent;
background-image: none;
padding: 10px 15px;
margin: 0;
float: none;
}
.navbar .btn-departments:hover,
.navbar .btn-departments:focus {
color: #222;
}
.navbar .btn-departments .btn-text {
display: inline;
}
.navbar-inverse .nav-collapse .navbar-search {
border: 0;
}
ul.results li dl dd.product-prices {
width: 200px;
}
.emerald-qsearch-container{
display:none;
}
}
@media (max-width: 767px) {
.logo {
text-align: center;
}
.navbar .btn-qsearch {
display: block;
float: right;
color: #111;
padding: 6px 14px;
}
.navbar .departments .nav {
background: #111;
margin: 0;
width: 100%;
/*display: none;*/
z-index: 100;
}
.navbar .departments .nav li {
width: 100%;
border-bottom: 1px dotted #515151;
}
.navbar .departments .nav > li > a {
display: block;
}
.sidecol .btn-filter {
margin: 0 auto;
display: block;
}
.sidecol .filters h2 {
display: none;
}
.sidecol .nav-collapse,
.sidecol .nav-collapse.collapse {
height: 0;
}
.filter-clear {
float: left;
width: 100%;
}
.filter-group-container {
float: left;
width: 30%;
padding: 0 1%;
margin-right: 2%;
}
.filter-group-container:last-child {
margin-right: 0;
}
.filter-group-pr {
width: 100%;
padding: 0.5em 0;
}
.filter-group {
overflow: hidden;
}
.filter-group a {
outline: none;
opacity: 0.8;
}
.filter-group a:hover,
.filter-group a:active,
.filter-group a:focus {
text-decoration: none;
opacity: 1;
}
.pagination-container {
text-align: center;
}
.results-filters {
float: none;
}
ul.results.results-grid > li {
width: 32%;
}
.pagination > li span {
display: none;
}
ul.results li dl dt.product-title,
ul.results li dl dt.product-author,
ul.results li dl dd,
ul.results li dl dd.product-prices {
margin-right: 0;
}
ul.results li dl dd.product-prices {
width: auto;
position: relative;
overflow: hidden;
top: 0;
margin: 0.5em 0 0.5em 120px;
}
ul.results-grid li dl dd.product-prices {
margin-left: 0;
}
}
@media (max-width: 480px) {
.filter-group-container {
width: 94%;
margin-right: 0;
padding: 0 3%;
margin-bottom: 0.5em;
}
.product-details .product-prices {
border: 0;
border-radius: 4px 4px 4px 4px;
padding: 0;
text-align: left;
float: none !important;
}
ul.results.results-grid > li {
width: 100%;
padding: 0;
}
.logo img{
margin-left:0px;
max-width: 290px;
}
.nav-clear{
clear: both;
}
}
@media (min-width: 768px) {
.qsearch-container {
border: none;
margin: 0;
padding-bottom: 0;
}
.form-search .input-search input {
padding-left: 22px;
width: 15em;
}
.form-search{
display: none;
}
.btn-custom {
width: 100%;
}
}
@media (max-width: 991px) {
.footer-main .col-md-4{
padding-left: 10px;
margin-bottom: 20px;
}
}
/* adds a bit of space for the product details between and */
dd {margin-left: 3px;}
/* left align footer cols */
.footer-main .col-md-4{
text-align: left;
padding-left: 60px;
padding-right: 10px;
}
.form-subscribe .input-group{
margin-left: 0px;
}
/* Used for AuthorListing */
.column-2 {
text-align: left;
column-count: 2;
column-gap: 15px;
-moz-column-count: 2;
-moz-column-gap: 15px;
-webkit-column-count: 2;
-webkit-column-gap: 15px;
}
.column-3 {
text-align: left;
column-count: 3;
column-gap: 15px;
-moz-column-count: 3;
-moz-column-gap: 15px;
-webkit-column-count: 3;
-webkit-column-gap: 15px;
}
.column-4 {
text-align: left;
column-count: 4;
column-gap: 15px;
-moz-column-count: 4;
-moz-column-gap: 15px;
-webkit-column-count: 4;
-webkit-column-gap: 15px;
}
/* some base sizes for img containers */
.img-container {
background-color:#f2f2f2;
border: 1px solid #ccc;
display: inline-block;
}
.img-small{
margin: 5px;
width: 150px;
height: 200px
}
.img-medium{
margin: 5px;
width: 250px;
height: 300px;
}
.img-large{
margin: 5px;
width: 350px;
height: 400px;
}
#fv_cms_postcode {
text-transform: uppercase;
}
.open-access{text-align: center;}
.open-access img{max-width:150px;max-height:50px;}
/* db popup */
#popup-msg-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.7);
z-index: 999999999;
}
#popup-msg {
display: none;
margin: auto;
z-index: 99999999;
background: #fff;
border-radius: 5px;
width: 800px;
max-width: 80%;
text-align: center;
padding: 1em;
//max-height: calc(85vh - 120px);
overflow: auto;
}
#popup-msg .popup-msg-inner {
width: 100%;
position: relative;
color: #000;
font-size: 16px;
}
#popup-msg img {
height: auto;
margin: 35px auto 15px;
max-width: 80%;
text-align: center;
}
#popup-msg .cta-btn {
background: #009fe3;
height: 50px;
display: block;
float: left;
line-height: 50px;
padding: 0 10px;
color: #fff;
width: 150px;
margin-left: calc(50% - 75px);
}
#popup-msg .popup-imgs,
#popup-msg .contact-links {
float: left;
width: 100%;
text-align: center;
}
#popup-msg #popup-msg-close {
position: absolute;
top: 0.5em;
right: 1em;
}
#popup-msg #popup-msg-close:hover {
cursor: pointer;
}
#popup-msg p {
float: left;
width: 100%;
margin: 2px 0 10px 0;
}
#popup-msg .popup-btn {
background: #009fe3;
color: #fff;
padding: 10px 15px;
display: block;
float: left;
width: 175px;
margin-left:calc(50% - 87px);
}
@media only screen and (min-width:768px) {
#popup-msg {
top: 110px;
width: 700px;
left: calc(50% - 350px);
max-width: 100%;
max-height: calc(100vh - 110px);
padding: 0;
}
#popup-msg .popup-msg-inner {
padding: 1em 2em;
float: left;
width: 100%;
}
#popup-msg img {
margin: 15px auto;
}
}
@media only screen and (min-width:1240px) {
#popup-msg .popup-msg-inner {
padding: 2em 3em;
}
}
.amazonLogo {
margin-top: 5px;
display: block;
}
.amazonLogo img {
max-height: 75px;
width: 100%;
max-width:150px;
}
.bookshopLogo {
margin-top: 5px;
display: block;
}
.bookshopLogo img {
max-height: 75px;
width: 100%;
max-width:150px;
}
.price-rrp {
padding-top: 15px;
}
.sidebar {
text-align: center;
}
.btn-floating i {
display: inline-block;
width: inherit;
color: #777;
text-align: center;
}
.btn-floating i:hover {
color: #007377;
}
header .btn-floating i {
color: white;
}
header .btn-floating i:hover {
color: white;
}
.btn-floating {
box-shadow: none;
margin: 0px;
}
.btn-floating:hover {
box-shadow: none;
}