/* CSS written by Designers Friend Ltd. */

html,body{
height:100%;
font-family: "Archer A", "Archer B",georgia;
font-style: normal;

font-size:24px; 
line-height:30px;
background-color: #e7e3df;
}

input, textarea, select, a { outline: none; border-radius: 0;}

::-webkit-input-placeholder {
color:#c8c8c8;
}

:-moz-placeholder { /* Firefox 18- */
color:#c8c8c8;
}

::-moz-placeholder {  /* Firefox 19+ */
color:#c8c8c8; 
}

:-ms-input-placeholder {  
color:#c8c8c8;
}

ul{
padding: 0;
list-style-position: inside;    
}

.center{
text-align:center;    
}

.inner{
width:1024px;
margin:auto; 
}

.copy{
margin-bottom:24px;    
}

.copy a{
color:#e30613;
text-decoration: none

}

red,.red,.warning{
color:#e30613 !important;
}

.font-30{
font-size:30px;
line-height:36px;    
}

.seperator{
background-color:#e30613;
height:2px;
margin-bottom: 40px;
}

.gibson{
font-family: 'Gibson-Bold', courier;
font-size:30px; 

text-transform: uppercase;
line-height:30px;
}

.archer-book{
font-family: "Archer A", "Archer B", georgia;
font-style: normal;
font-weight: 500;
}

.archer-med{
font-family: "Archer A", "Archer B",georgia;
font-style: normal;
font-weight: 600;
}

strong,b,.strong,.archer-semi{
font-family: "Archer A", "Archer B",georgia;
font-style: normal;
font-weight: 700;
}



#main-nav{
background-color:#2a2a2a;
height:48px;
}

#main-nav-inner{
color:white;
padding-top:10px;
position: relative;
z-index: 100;
}

#main-nav-inner a{
font-size:18px;    
text-decoration: none;
color:white;
}

a:hover,#main-nav-inner a:hover{
color:#e30613;    
}

#anchor-phone{
position: absolute;
left:248px;    
}

#anchor-find-us{
position: absolute;
left:523px;    
}

#anchor-meet-the-staff{
position: absolute;
left:685px;    
}

#anchor-basket{
position: absolute;
right:0;    
}

#logo-wrapper{
height:184px;
position:relative;    
}

#logo{
width:692px;
position: absolute;
left:180px;
top:-20px;
}

#menu{

}

#hamburger{
width:36px;
height:18px;
position: absolute;
left:0;
top:83px;
background:  transparent url(/assets/media/img/hamburger.png) no-repeat 0 0;
background-size: 36px 36px;    
}

.hamburger-hovered{
background-position: 0 -18px !important;    
}


#magnifier{
width:30px;
height:30px;
position: absolute;
right:0;
top:77px;
background: transparent url(/assets/media/img/search.png) no-repeat 0 0;
background-size: 30px 60px;    
}

.magnifier-hovered{
background-position: 0 -30px !important;    
}

#magnifier-text{
position: absolute;
right:0;
top:107px;
color:black;
font-size: 13px;
text-decoration: none; 
}

#hamburger-text{
position: absolute;
left:0;
top:107px;
color:black;
font-size: 13px;
text-decoration: none;   
}

.magnifier-text-hovered,.hamburger-text-hovered,.magnifier-text-hovered-fixed,.hamburger-text-hovered-fixed{
color:#e30613 !important;
}

#search-wrapper{
text-align: center;
background-color:#e30613;  
color:white;
font-size: 30px;
height:0;
overflow:hidden;
}

#book-logo{
width:54px;
height:54px;
display: inline-block;
margin-top: 15px;
margin-bottom: 36px;  
}

#id_menu-search{
margin-top:18px;
margin-bottom:24px;
padding:0; 
width:638px;
font-size:24px;
height:44px;
padding-left:18px;
padding-right:18px;
color:#000000;
border:none;
}

#menu-search-submit{
width:54px;
height:54px;
display: inline-block;
margin-bottom:60px;
}

#menu-search-submit img,#book-logo img{
width:100%;
height:100%;    
}



#menu-wrapper{
background-color:#e30613;  
color:white;
font-size: 24px;
height:0;
overflow:hidden;
}

#menu-wrapper a{
color:white;
text-decoration: none;
font-size: 24px;
line-height: 36px;
}
#menu-wrapper a.title-link  {
font-size: 30px;
line-height: 30px;
}
.two-columns{
-webkit-columns: 2;
-moz-columns: 2;
columns:  2;
-webkit-column-gap: 36px;
-moz-column-gap: 36px;
column-gap: 36px;
}


.three-columns{
-webkit-columns: 3;
-moz-columns: 3;
columns:  3;
-webkit-column-gap: 17px;
-moz-column-gap: 17px;
column-gap: 17px;
}

.menu-column{
float:left;
margin-right:17px;    
width:330px;
margin-top:37px;
}

.menu-column-title{
margin-bottom: 20px;  
}

#container{
min-height: 100%;
/*margin: 0 auto -792px;*/
margin: 0 auto -760px;

position: relative;
min-width:1024px;

}

#push{
/*height:792px;    */
height:760px;

}

footer{
position:relative;
/*height:792px;*/
height:760px;
}

.footer-title{
margin-bottom: 24px;    
}

#mailchimp-form{
margin-bottom: 48px;    
}

#mailchimp-form input{
padding:0; 
font-size:24px;
height:44px;
padding-left:17px;
padding-right:18px;
color:#000000;
border:none;
font-family: inherit;
}

#mc_first_name{
width:468px;
margin-right: 17px;
margin-bottom: 18px;
}

#mc_last_name{
width:468px;
margin-bottom: 18px;
}

#mc_email{
width:641px;
margin-right: 17px;  
}

#mc_submit{
background-color:#e30613;
color:white !important;
text-align:center;
width:330px;
}

.footer-column{
float:left;
margin-right:17px;    
width:330px;
/*margin-top:32px;*/
}

.footer-column{

}

.footer-column a{
color:inherit;    
text-decoration: none;
}

#footer-closer{
margin-top: 78px;
background-color: #2a2a2a;
height: 132px; 
}

#footer-closer-inner{
position: relative;  
}

#footer-copy{
padding-top:18px;
font-size:18px;
line-height:24px;    
text-align: center;
color:white;
}

#footer-copy a{
color:inherit;    
text-decoration:none; 
}

#footer-copy a:hover{
color:#e30613
}

#footer-logo{
position: absolute;
left:12px;
bottom:8px;    
width:86px;
height:159px;
}

#footer-logo img{
width:86px;    
}

#footer-facebook, #footer-twitter, #footer-instagram{
width:48px;
height:48px;
position: absolute;
right:77px;
top:42px;
background-size: 48px 96px; 
}
#footer-facebook{right:142px;}
#footer-twitter{right:77px;} 
#footer-instagram{right:12px;}

#footer-facebook img, #footer-twitter img, #footer-instagram img{
    width: 100%;
    height: 100%;
}

.slideshow-fullscreen-fade,#map{
position:relative;
width:100%;
min-width:1024px;
padding-bottom:25%;
}

#map{
margin-bottom:42px;
}

.slide-fullscreen{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity:0;
}

#headline{
margin-top:42px;
margin-bottom:42px;
font-size:30px;
line-height: 36px;   
}

#headline a{
color:#e30613;
text-decoration:none;
}

.event-col{
margin-top:33px;
margin-bottom: 15px;
width:340px;
border-right:2px solid #e30613;
float:left;
}
.event-header{
margin-bottom: 25px;    
}

.event-spacer{
height:80px;    
}

.train-image{
width:330px;
height:240px;
margin-right:17px;
display:inline-block;
margin-bottom:18px;
}

.member{
width:330px;
margin-right:17px;
float:left;
margin-bottom:18px;
}

.staff-blank,.staff-image{
width:330px;
height:480px;
background-color: white;
margin-bottom:18px;
}

.staff-title{
padding-bottom:10px;    
}

.vimeo{
width:1024px;
height:576px;
}


#contact-form{
margin-bottom: 48px;    
}

.form-input-wrapper{
float:left;    
margin-right:17px;
width:330px;
margin-bottom: 26px;
}

#contact-form input,#contact-form textarea{
padding:0; 
font-size:24px;
height:44px;
padding-left:17px;
padding-right:18px;
color:#000000;
border:none;
font-family: inherit;
width: -moz-calc(100% - 35px);
width: -webkit-calc(100% - 35px);
width: -o-calc(100% - 35px);
width: calc(100% - 35px);
}

#cf-email-wrapper{
margin-right: 0px !important;
}
#cf-submit-wrapper{
margin-right: 0px !important;
margin-top:25px;
}


#cf-subject-wrapper{
margin-right: 0px !important;
width:677px !important;
}

#cf-message-wrapper{
width:1024px !important;
margin-right: 0px !important;
}

#cf-signup-wrapper{
width:677px !important;
}

#contact-form textarea{
padding-top:17px;
padding-bottom:17px;
height:162px;    
}

#cf-tick{
background-color:white;
width:48px;
height:48px;
float:left;
margin-right: 24px;
cursor:pointer;
}

#tick{
width:100%;
height:100%;
opacity:0;
}

#cf_submit{
background-color:#e30613;
color:white !important;
text-align:center;
width:100% !important;
}

.cf-errors{
font-size:18px;    
}


.book-wrapper{
width:330px;
float:left;
margin-right: 17px;
margin-bottom:36px;
font-size:18px !important;
line-height:24px !important;

}


.no-image,.book-wrapper img{
width:330px;
height:396px;
background-color: white;
margin-bottom: 25px;
}



.book-list-author,
.book-list-publisher,
.book-list-edition,
.book-list-desc{
overflow:hidden;
height:24px;
}

.book-list-desc{
margin-top:30px;
height:72px !important;    
}


.book-wrapper a{
text-decoration: none;    
}

#pagination{
text-align: center;    
}

#pagination a,.active-page{
color:black;
text-decoration: none;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}

.page-indicator{
margin-right:10px;
display: inline-block;    
}


.pagination-column{
width:330px;
margin-right:17px;
float:left;
position: relative;
}

#results-wrapper{
text-align: center;    
}

#items-per-page-wrapper{
text-align: right;    
}

#open-ipp, #open-sb{
cursor: pointer
}

.sort-options{
position: absolute;
border:2px solid black;
background-color: #e7e3df;
padding:6px 6px 0px 6px;
z-index:20;
}

.sort-option{
background-color:white;
padding:5px 10px 5px 10px; 
margin-bottom: 6px;
cursor:pointer;
}

.sort-option:hover{
color:#e30613;    
}

#sb-picker, #cats-picker{
top:42px;    
display:none;
}

#ipp-picker{
right:0;
top:42px;
display:none;
}

#categories{
text-align: center;
margin-bottom:36px;
}

.category{
padding-left:20px;
padding-right:20px;
display: inline-block;
text-decoration: none;
color:black;
white-space: nowrap;
}

.browse-title{
margin-bottom:25px;
}

.mb-25{
margin-bottom: 25px;    
}
.pt-8{
padding-top: 8px;    
}

#back-to-top{
font-size: 14px;
line-height: 18px;
text-align: center;
margin:auto;
width:100px;
cursor:pointer;
margin-bottom: 48px;
}

#back-to-top img{
width:54px;
height:54px;
margin-bottom:6px;
}

.element{
width:330px;
float:left;
margin-right:17px;
text-align: center;
color:white;  
font-size: 18px;
line-height: 24px;
height:240px;
position: relative;
}

.element a{
color:inherit;
text-decoration: none;    
}

.element-title{
font-size: 20px !important;
margin-top:21px;
margin-bottom: 6px;
line-height:24px;
}


#element-facebook, #element-twitter, #element-instagram{
width: 66px;
height: 66px;
position: absolute;
top: 90px;
}
#element-facebook img, #element-twitter img, #element-instagram img{
    height: 100%;
    width: 100%;
}
/*#element-facebook img:hover, #element-twitter img:hover, #element-instagram img:hover{filter: hue-rotate(180deg);}
*/#element-facebook{ left:45px; }
#element-twitter{ left:133px; }
#element-instagram{ right:45px; }

.element-member{
width:84px;
height:84px;
position: absolute;
top:100px;   
}

.element-member img{
width:100%;
height:100%;    
}

#element-aba{
left:22px;
}

#element-pbfa{
left:123px;
}

#element-ilab{
right:22px;
}

#delve-anchor{
display: inline-block;
margin-bottom: 48px;
width:54px;
height:54px;

}

#delve-anchor img{
width:100%;
height:100%;    
}


#item-copy{
float:left;
margin-right: 36px;
width:494px;
}

#share-item{
margin-top:40px;
margin-bottom:25px;
}

#share-item a{
width:36px;
height:36px;
margin-right: 15px;    
}

#share-item img{
width:36px;
height:36px;
}

#slider-wrapper{
float:left;
width:494px;
position: relative; 
}

#fullwidth-slider{
width:100%;
position: relative; 
}

.royalSlider,.royalSlider a,.royalSlider img{
width:494px !important;
height:594px !important;
background-color: #e7e3df !important;
}

.royalSlider2{
aspect-ratio: 16/ 10;
background-color: #e7e3df !important;
display: block;
}

.royalSlider2 a,.royalSlider2 img{
display: block;
width: 100%
}


.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs
{
background-color: #e7e3df !important;
}

#left-arrow{
position: absolute;
left:0;
top:624px;
width:20px; 
z-index:120; 
cursor: pointer;
}

#right-arrow{
position: absolute;
right:0;
top:624px;
width:20px;
z-index:120;
cursor: pointer;
}

#fullwidth-slider #left-arrow{
top:662px;
}

#fullwidth-slider #right-arrow{
top:662px;
}


#fullwidth-slider .rsBullets{
bottom: 22px;
}

#left-slideshow-arrow{
position: absolute;
left:5%;
top:50%;
margin-top:-15px;
width:20px; 
z-index:120; 
cursor: pointer;
}

#right-slideshow-arrow{
position: absolute;
right:5%;
top:50%;
margin-top:-15px;
width:20px;
z-index:120;
cursor: pointer;
}

.item-button{
width:330px;
text-align: center;
display: inline-block;
margin-right: 17px;
text-decoration: none;
font-size:18px; 
height:38px;
padding-top:10px;  
}

#remove-from-basket,#add-to-basket,#secure-checkout{
background-color: #e30613;
color:white;
}

#continue-shopping,#apply-code{
background-color: #2a2a2a;
color:white;  
}

#ask-a-question{
background-color: white;
color:#2a2a2a;    
}

#remove-from-basket-form,#add-to-basket-form{
display: none;
}

#further-reading{
margin-top:42px; 
padding-bottom:10px;  
}


#basket-items-header{
border-top:2px solid white;
border-bottom:2px solid white;
padding-top:5px;
padding-bottom:10px;
margin-bottom: 7px; 
}

.basket-item-left-col{
float:left;
width:677px;
margin-right:105px;
 }

 .basket-item-left-col a{
text-decoration: none;
 }


.basket-item-right-col{
float:left;
width:242px;
margin-bottom: 7px;
 }


.basket-item-clear{
clear:both;
border-top:2px solid white;  
margin-bottom: 7px;

}

.basket-spacer{
height:78px;
}

.basket-item-price{
padding-top: 7px;
padding-bottom: 10px;
border-top:2px solid white;    
}

.basket-item-remove{
text-decoration: none;
font-size: 14px;
}


#checkout{
width:677px;
margin-top: 42px;
padding-bottom: 48px;   
}


#voucher-wrapper{
margin-top: 7px;
border-top:2px solid white;
padding-top:32px;   
}

#voucher-code-input{
width:310px;
padding-left:10px;
padding-right: 10px;
border:none;
display: inline-block;
margin-right: 17px;
font-size:18px; 
height:48px;
}

#voucher-form{
margin-top: 30px;
padding-bottom:36px;   
}

.book-rollover{
position: absolute;
top:0;
left:0;
width:330px;
height:396px;
background-color: #e30613 !important;
opacity:0;
}

.book-rollover img{
width:100px !important;
height:185px !important;
background-color: transparent !important; 
position: absolute;
left:50%;
margin-left: -50px;
top:100px

}


.book-wrapper-thumbnail{
width:330px;
height:396px;
position: relative;
display: block;
margin-bottom: 10px;
}

.book-wrapper-view-more{
color:white;
position: absolute;
top:300px;
text-align: center;
width:330px;
}



.g-recaptcha {
  display: inline-block;
    transform: scale(1.095);
    -webkit-transform: scale(1.095);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}



.spacer{
    height: 42px;
}


.members-read-more{
    bottom: 25px;
    position: absolute;
    width: 100%;
}


.pointer{
    cursor: pointer;
}


#cats-wrapper{
    position: relative;
}
#cats-picker{
    font-size:24px;
    line-height:24px;
    font-weight: normal;
    text-transform: none;
}
.book-policies-copy{
    margin-bottom:48px;
}




#browse-anchor{
    text-decoration:none;
    color: black;
}



/* Customize the label (the container) */
.cb {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.cb:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cb input:checked ~ .checkmark {
  background-color: #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cb input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cb .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.news__single-portrait{
display: block;
width: calc(50% - 8px);
}

.news__single-landscape{
display: block;
width: 100%;
}

.news__double{
    display: grid;
    grid-template-columns:  1fr 1fr;
    grid-gap: 17px;
}

.news__double img{
    width: 100%;
}


.news__triple{
    display: grid;
    grid-template-columns:  1fr 1fr 1fr;
    grid-gap: 17px;
}

.news__triple img{
    width: 100%;
}


.anthony-alice{
    display: grid;
    position: relative;
    grid-template-columns: 2fr 1fr;
    grid-gap: 17px;
}

.anthony-alice__img{
    width: 100%;
    display: block;
}