/* -- MAIN CSS FILE: compiled from main.scss -- */
/*
This WordPress theme is managed by Bookswarm using source control. Any changes made to the theme files directly on the server are likely to be overwritten.
If changes are required please contact Bookswarm - hello@bookswarm.co.uk / www.bookswarm.co.uk
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* --- general styles --- */
html {
  font-size: 62.5%;
}

body, p, .entry p {
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: #333333;
}

p, .entry p {
  margin-bottom: 15px;
  line-height: 1.3em;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

ul, ol {
  margin-bottom: 17px;
  margin-left: 17px;
}

ul li {
  list-style: disc;
  margin: 0 0 2px 0;
}

ol li {
  margin: 0 0 6px 19px;
}

.woocommerce-checkout #payment ul.payment_methods li {
  list-style: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#content img {
  max-width: 100%;
  height: auto;
}

a:link, a:visited {
  color: #3d9aca;
}

a:hover {
  color: #3d9aca;
}

img.alignright, .wp-caption.alignright, .alignright {
  float: right;
  margin: 0 0 0.6em 1em;
  max-width: 70%;
  height: auto;
}
img.alignright img, .wp-caption.alignright img, .alignright img {
  max-width: 100%;
  height: auto;
}

img.alignleft, .wp-caption.alignleft, .alignleft {
  float: left;
  margin: 0 1em 0.6em 0;
  max-width: 70%;
  height: auto;
}
img.alignleft img, .wp-caption.alignleft img, .alignleft img {
  max-width: 100%;
  height: auto;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

img.alignnone {
  max-width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1024px) {
  img.alignright, .wp-caption.alignright, .alignright,
  img.alignleft, .wp-caption.alignleft, .alignleft {
    max-width: 60%;
  }
}
/* eg: Android Samsung galaxy landscape */
@media (max-width: 685px) {
  img.alignright, .wp-caption.alignright, .alignright,
  img.alignleft, .wp-caption.alignleft, .alignleft {
    max-width: 100%;
  }
}
.wp-caption-text {
  font-weight: bold;
  text-align: center;
  margin-top: 3px;
}

button:focus {
  outline: 0;
}

.hidden {
  /*hide stuff in a screen-reader-friendly way*/
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

a.more, .more, input[type=submit].gform_button {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #c5011c;
  border: 0;
  background: transparent;
  padding: 0;
}
a.more.lowercase, .more.lowercase, input[type=submit].gform_button.lowercase {
  text-transform: none;
}

#wrapper input[type=submit].gform_button {
  color: #c5011c !important;
}
#wrapper input[type=submit].gform_button:hover {
  background-color: transparent;
}

/* ---- typography ---- */
h1, h2, h3, h4, h5, h6, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .page h1.title, #sidebar .widget > h3 {
  color: #0d3f7c;
  font-family: "PT Sans Narrow", sans-serif;
  line-height: 1.2em;
  margin: 0 0 0.8em;
}

#sidebar .widget > h3 {
  font-size: 2.0rem;
  font-weight: 400;
  text-align: left;
}

.page h1.title {
  font-weight: 400;
  font-size: 2.4rem;
}

h1 {
  font-size: 2.4rem;
}

h2 {
  font-size: 1.9rem;
}

h3 {
  font-size: 1.8rem;
  color: #333333;
}

h4 {
  font-size: 1.6rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.4rem;
}

p.title {
  font-size: 2.4rem;
  color: #0d3f7c;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 300;
}

p.name, h4.name {
  color: #c5011c;
  font-size: 1.3rem;
  font-weight: 400;
}
p.name a:link, p.name a:visited, h4.name a:link, h4.name a:visited {
  color: #c5011c;
}

.selectric .label {
  line-height: 27px;
  height: 25px;
  text-align: left;
}
.selectric .button {
  height: 25px;
  color: #c5011c;
}

.selectric-items li {
  padding: 5px;
  text-align: left;
}

/* ---- layout --- */
.col-full, #wrapper, #masthead .inner, #imprint-bar {
  max-width: 1024px;
  margin: 0 auto;
}

/* ---- header ---- */
#header {
  padding: 0;
}
#header.new-2018 #imprint-bar .info p.gb {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
#header.new-2018 #imprint-bar .header-logo.bb {
  padding-top: 9px;
  padding-right: 0;
}

#header.new-2018 #imprint-bar, #imprint-bar {
  text-align: right;
  padding: 10px 0;
}
#header.new-2018 #imprint-bar .info, #imprint-bar .info {
  display: inline-block;
  vertical-align: middle;
  padding-right: 12px;
  height: 36px;
}
#header.new-2018 #imprint-bar .info p, #imprint-bar .info p {
  display: block;
  margin-top: 19px;
  font-size: 1.3rem;
  color: #0d3f7c;
}
#header.new-2018 #imprint-bar #sites, #imprint-bar #sites {
  display: inline-block;
  vertical-align: middle;
}
#header.new-2018 #imprint-bar .header-logo, #imprint-bar .header-logo {
  display: block;
  float: left;
  padding: 0 20px;
}
#header.new-2018 #imprint-bar .header-logo.bb, #imprint-bar .header-logo.bb {
  padding-top: 26px;
}
#header.new-2018 #imprint-bar .header-logo.gb, #imprint-bar .header-logo.gb {
  padding-top: 26px;
}
#header.new-2018 #imprint-bar .header-logo.gb img, #imprint-bar .header-logo.gb img {
  height: 31px;
}

#masthead {
  overflow: hidden;
  background-color: #0d3f7c;
  margin-bottom: 7px;
}
#masthead .inner {
  padding: 20px 1em 30px;
  overflow: hidden;
}
#masthead a.logo {
  display: block;
  float: left;
  padding-top: 17px;
}
#masthead .right {
  text-align: right;
}
#masthead .right .social-icons {
  height: 20px;
  margin-bottom: 34px;
  color: #fff;
}
#masthead .right .social-icons .sh-sb-link {
  display: none;
  width: 20px;
  height: 20px;
}
#masthead .right p.strapline {
  color: #fff;
  font-size: 2.4rem;
  font-family: "PT Sans Narrow", sans-serif;
}

#navigation ul.nav-search a.search-contents + ul {
  visibility: visible !important;
}

#navigation.col-full:not(.custom-menu-location), #gallic-navigation, #aardvark-navigation, #belgravia-navigation {
  display: none !important;
}

#gallic-navigation, #aardvark-navigation, #belgravia-navigation {
  display: none !important;
  margin-bottom: 20px;
}
#gallic-navigation #navigation, #aardvark-navigation #navigation, #belgravia-navigation #navigation {
  border-top: 1px solid #b0a6a5;
  border-bottom: 1px solid #b0a6a5;
  background: #fff;
  height: 40px;
  margin-bottom: 15px;
}
#gallic-navigation #navigation #main-nav, #gallic-navigation #navigation #gallic-nav, #gallic-navigation #navigation #aardvark-nav, #gallic-navigation #navigation #belgravia-nav, #aardvark-navigation #navigation #main-nav, #aardvark-navigation #navigation #gallic-nav, #aardvark-navigation #navigation #aardvark-nav, #aardvark-navigation #navigation #belgravia-nav, #belgravia-navigation #navigation #main-nav, #belgravia-navigation #navigation #gallic-nav, #belgravia-navigation #navigation #aardvark-nav, #belgravia-navigation #navigation #belgravia-nav {
  margin-left: 0;
}
#gallic-navigation #navigation ul.nav li, #aardvark-navigation #navigation ul.nav li, #belgravia-navigation #navigation ul.nav li {
  margin-bottom: 0;
}
#gallic-navigation #navigation ul.nav li:hover, #aardvark-navigation #navigation ul.nav li:hover, #belgravia-navigation #navigation ul.nav li:hover {
  background-color: transparent;
}
#gallic-navigation #navigation ul.nav li a, #aardvark-navigation #navigation ul.nav li a, #belgravia-navigation #navigation ul.nav li a {
  color: #0d3f7c;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-family: "PT Sans", sans-serif;
  padding-bottom: 0.8em !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 22px;
  margin-right: 20px;
}
#gallic-navigation #navigation ul.nav > li a:hover, #aardvark-navigation #navigation ul.nav > li a:hover, #belgravia-navigation #navigation ul.nav > li a:hover {
  background: #fff;
  border-bottom: 6px solid #c5011c;
}
#gallic-navigation #navigation li.page_item_has_children:hover a:hover, #aardvark-navigation #navigation li.page_item_has_children:hover a:hover, #belgravia-navigation #navigation li.page_item_has_children:hover a:hover {
  border-bottom: 0;
}
#gallic-navigation #navigation ul.nav li.current_page_item a, #gallic-navigation #navigation ul.nav li.current_page_parent a, #gallic-navigation #navigation ul.nav li.current-menu-ancestor a, #gallic-navigation #navigation ul.nav li.current-cat a, #gallic-navigation #navigation ul.nav li.current-menu-item a, #aardvark-navigation #navigation ul.nav li.current_page_item a, #aardvark-navigation #navigation ul.nav li.current_page_parent a, #aardvark-navigation #navigation ul.nav li.current-menu-ancestor a, #aardvark-navigation #navigation ul.nav li.current-cat a, #aardvark-navigation #navigation ul.nav li.current-menu-item a, #belgravia-navigation #navigation ul.nav li.current_page_item a, #belgravia-navigation #navigation ul.nav li.current_page_parent a, #belgravia-navigation #navigation ul.nav li.current-menu-ancestor a, #belgravia-navigation #navigation ul.nav li.current-cat a, #belgravia-navigation #navigation ul.nav li.current-menu-item a {
  background: #fff;
  border-bottom: 6px solid #c5011c;
}
#gallic-navigation #navigation ul.nav ul, #aardvark-navigation #navigation ul.nav ul, #belgravia-navigation #navigation ul.nav ul {
  background: #fff;
  border: 1px solid #b0a6a5;
  margin-top: 2px;
  min-width: 100%;
}
#gallic-navigation #navigation ul.nav ul li.parent > a, #aardvark-navigation #navigation ul.nav ul li.parent > a, #belgravia-navigation #navigation ul.nav ul li.parent > a {
  margin-left: 12px;
}
#gallic-navigation #navigation ul.nav ul li.parent .children li a, #aardvark-navigation #navigation ul.nav ul li.parent .children li a, #belgravia-navigation #navigation ul.nav ul li.parent .children li a {
  margin-left: 12px;
}
#gallic-navigation #navigation ul.nav ul li.parent > a:after, #aardvark-navigation #navigation ul.nav ul li.parent > a:after, #belgravia-navigation #navigation ul.nav ul li.parent > a:after {
  right: 35px;
}
#gallic-navigation #navigation ul.nav ul .children, #aardvark-navigation #navigation ul.nav ul .children, #belgravia-navigation #navigation ul.nav ul .children {
  top: -8px;
}
#gallic-navigation #navigation ul.cart a.cart-contents,
#gallic-navigation #navigation ul.cart a.search-contents,
#gallic-navigation #navigation ul.nav-search a.cart-contents,
#gallic-navigation #navigation ul.nav-search a.search-contents,
#gallic-navigation #navigation ul.cart li:hover a.cart-contents,
#gallic-navigation #navigation ul.cart li:hover a.search-contents,
#gallic-navigation #navigation ul.nav-search li:hover a.cart-contents,
#gallic-navigation #navigation ul.nav-search li:hover a.search-contents, #aardvark-navigation #navigation ul.cart a.cart-contents,
#aardvark-navigation #navigation ul.cart a.search-contents,
#aardvark-navigation #navigation ul.nav-search a.cart-contents,
#aardvark-navigation #navigation ul.nav-search a.search-contents,
#aardvark-navigation #navigation ul.cart li:hover a.cart-contents,
#aardvark-navigation #navigation ul.cart li:hover a.search-contents,
#aardvark-navigation #navigation ul.nav-search li:hover a.cart-contents,
#aardvark-navigation #navigation ul.nav-search li:hover a.search-contents, #belgravia-navigation #navigation ul.cart a.cart-contents,
#belgravia-navigation #navigation ul.cart a.search-contents,
#belgravia-navigation #navigation ul.nav-search a.cart-contents,
#belgravia-navigation #navigation ul.nav-search a.search-contents,
#belgravia-navigation #navigation ul.cart li:hover a.cart-contents,
#belgravia-navigation #navigation ul.cart li:hover a.search-contents,
#belgravia-navigation #navigation ul.nav-search li:hover a.cart-contents,
#belgravia-navigation #navigation ul.nav-search li:hover a.search-contents {
  background: #fff;
  padding: 0.8em 1em 12px 1em;
}

#aardvark-navigation #navigation ul.nav li a {
  color: #940418;
}

.show-nav #inner-wrapper, .show-nav #wrapper {
  position: static;
}
.show-nav #gallic-navigation #navigation, .show-nav #aardvark-navigation #navigation, .show-nav #belgravia-navigation #navigation {
  width: 260px;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  border-right: 1px solid #b0a6a5;
}
.show-nav #gallic-navigation #navigation ul.nav li, .show-nav #aardvark-navigation #navigation ul.nav li, .show-nav #belgravia-navigation #navigation ul.nav li {
  margin-bottom: 10px;
}
.show-nav #gallic-navigation #navigation ul.nav-search ul, .show-nav #aardvark-navigation #navigation ul.nav-search ul, .show-nav #belgravia-navigation #navigation ul.nav-search ul {
  margin-left: 0;
}
.show-nav #gallic-navigation #navigation ul.nav li.current_page_item a, .show-nav #gallic-navigation #navigation ul.nav li.current_page_parent a, .show-nav #gallic-navigation #navigation ul.nav li.current-menu-ancestor a, .show-nav #gallic-navigation #navigation ul.nav li.current-cat a, .show-nav #gallic-navigation #navigation ul.nav li.current-menu-item a, .show-nav #aardvark-navigation #navigation ul.nav li.current_page_item a, .show-nav #aardvark-navigation #navigation ul.nav li.current_page_parent a, .show-nav #aardvark-navigation #navigation ul.nav li.current-menu-ancestor a, .show-nav #aardvark-navigation #navigation ul.nav li.current-cat a, .show-nav #aardvark-navigation #navigation ul.nav li.current-menu-item a, .show-nav #belgravia-navigation #navigation ul.nav li.current_page_item a, .show-nav #belgravia-navigation #navigation ul.nav li.current_page_parent a, .show-nav #belgravia-navigation #navigation ul.nav li.current-menu-ancestor a, .show-nav #belgravia-navigation #navigation ul.nav li.current-cat a, .show-nav #belgravia-navigation #navigation ul.nav li.current-menu-item a {
  border-bottom: 1px solid #c5011c;
}
.show-nav #gallic-navigation #navigation ul.nav li.current_page_item a:focus, .show-nav #gallic-navigation #navigation ul.nav li.current_page_parent a:focus, .show-nav #gallic-navigation #navigation ul.nav li.current-menu-ancestor a:focus, .show-nav #gallic-navigation #navigation ul.nav li.current-cat a:focus, .show-nav #gallic-navigation #navigation ul.nav li.current-menu-item a:focus, .show-nav #aardvark-navigation #navigation ul.nav li.current_page_item a:focus, .show-nav #aardvark-navigation #navigation ul.nav li.current_page_parent a:focus, .show-nav #aardvark-navigation #navigation ul.nav li.current-menu-ancestor a:focus, .show-nav #aardvark-navigation #navigation ul.nav li.current-cat a:focus, .show-nav #aardvark-navigation #navigation ul.nav li.current-menu-item a:focus, .show-nav #belgravia-navigation #navigation ul.nav li.current_page_item a:focus, .show-nav #belgravia-navigation #navigation ul.nav li.current_page_parent a:focus, .show-nav #belgravia-navigation #navigation ul.nav li.current-menu-ancestor a:focus, .show-nav #belgravia-navigation #navigation ul.nav li.current-cat a:focus, .show-nav #belgravia-navigation #navigation ul.nav li.current-menu-item a:focus {
  border-bottom: 1px solid #c5011c;
}
.show-nav #gallic-navigation #navigation ul.nav li.current_page_item a:hover, .show-nav #gallic-navigation #navigation ul.nav li.current_page_parent a:hover, .show-nav #gallic-navigation #navigation ul.nav li.current-menu-ancestor a:hover, .show-nav #gallic-navigation #navigation ul.nav li.current-cat a:hover, .show-nav #gallic-navigation #navigation ul.nav li.current-menu-item a:hover, .show-nav #aardvark-navigation #navigation ul.nav li.current_page_item a:hover, .show-nav #aardvark-navigation #navigation ul.nav li.current_page_parent a:hover, .show-nav #aardvark-navigation #navigation ul.nav li.current-menu-ancestor a:hover, .show-nav #aardvark-navigation #navigation ul.nav li.current-cat a:hover, .show-nav #aardvark-navigation #navigation ul.nav li.current-menu-item a:hover, .show-nav #belgravia-navigation #navigation ul.nav li.current_page_item a:hover, .show-nav #belgravia-navigation #navigation ul.nav li.current_page_parent a:hover, .show-nav #belgravia-navigation #navigation ul.nav li.current-menu-ancestor a:hover, .show-nav #belgravia-navigation #navigation ul.nav li.current-cat a:hover, .show-nav #belgravia-navigation #navigation ul.nav li.current-menu-item a:hover {
  border-bottom: 1px solid #c5011c;
}
.show-nav #gallic-navigation #navigation ul.nav > li a:hover, .show-nav #aardvark-navigation #navigation ul.nav > li a:hover, .show-nav #belgravia-navigation #navigation ul.nav > li a:hover {
  border-bottom: 0;
}

.nav-toggle {
  background-color: #fff;
  background-image: none;
  color: #000;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.nav-toggle a {
  text-shadow: none;
  color: #000 !important;
}

#navigation ul.nav-search {
  float: left;
}
#navigation ul.nav-search a.search-contents + ul {
  top: 0;
}
#navigation ul.nav-search li {
  list-style: none;
}
#navigation ul.nav-search #searchform .submit {
  top: 8px;
}
#navigation ul.nav-search #searchform input#s {
  padding: 8px;
}

.side-nav ul.cart {
  margin-left: 0;
}
.side-nav ul.cart li {
  list-style: none;
}
.side-nav ul.cart .cart_list a {
  color: #3d9aca;
}

.breadcrumbs {
  font-size: 12px;
  color: #999;
  margin-bottom: 25px;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
  color: #999;
}
.breadcrumbs span {
  padding: 0 3px 0;
}
.breadcrumbs span:first-of-type {
  padding-left: 0;
}

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button {
  background: #c5011c;
  border-radius: 0;
  padding: 2px 10px;
  font-size: 1.2rem;
  line-height: 1.2rem;
}
a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover {
  background: #940418;
}
a.button.pre, a.comment-reply-link.pre, #commentform #submit.pre, .submit.pre, input[type=submit].pre, input.button.pre, button.button.pre, #wrapper .woo-sc-button.pre {
  background: #adabab;
}

.woocommerce #wrapper .images {
  width: 100%;
  margin-right: 0;
  float: none;
}
.woocommerce #wrapper .images img {
  display: block;
  max-width: 100%;
  height: auto;
}
.woocommerce #wrapper .images a {
  position: relative;
}
.woocommerce #wrapper .images a:after {
  content: '';
  background: url("../images/magnify.png") no-repeat center;
  background-size: 25px;
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 6px;
  right: 3px;
}
.woocommerce #wrapper .short-desc {
  display: none;
}
.woocommerce #wrapper .summary {
  width: 100%;
  float: none;
}
.woocommerce #wrapper .summary h1.product_title {
  font-size: 1.8rem;
  color: #333333;
}
.woocommerce #wrapper .summary p.price {
  font-weight: 400;
  font-size: 1.5rem;
}
.woocommerce #wrapper .woocommerce-tabs {
  border-top: none;
  border-bottom: 1px solid #b0a6a5;
  padding-bottom: 20px;
}
.woocommerce #wrapper .woocommerce-tabs ul.tabs {
  display: none;
}
.woocommerce #wrapper .woocommerce-tabs .panel h2 {
  text-transform: uppercase;
  font-size: 1.3rem;
}
.woocommerce #wrapper .summary {
  border-bottom: 1px solid #b0a6a5;
  overflow: hidden;
}
.woocommerce #wrapper .summary form {
  padding: 14px 0 15px;
  display: block;
  width: 20%;
  float: left;
  border-top: 1px solid #b0a6a5;
  margin-bottom: 0;
  border-bottom: 0;
}
.woocommerce #wrapper .summary .short-desc p {
  font-size: 1.5rem;
}
.woocommerce #wrapper .summary .quantity {
  display: none;
}
.woocommerce #wrapper .onsale {
  background-color: #c5011c;
  border-radius: 0;
}
.woocommerce #wrapper ul.products li.product a img {
  margin: 0 auto;
}
.woocommerce #wrapper ul.products li.product a img:hover {
  opacity: 1;
}
.woocommerce #wrapper .thumbnails {
  margin-top: 0;
}
.woocommerce #wrapper .thumbnails li {
  margin-left: 1px;
  margin-right: 1px;
}

form input[type=text], form input[type=email], #wrapper .gform_wrapper input[type=text], #wrapper .gform_wrapper input[type=email] {
  border: 0;
  background-color: #d7d2d2;
  border-radius: 0;
  padding: 3px 3px 2px 3px;
  font-size: 1.3rem;
}
form span.gform_description, #wrapper .gform_wrapper span.gform_description {
  font-size: 1.3rem;
  color: #333333;
}
form ::-webkit-input-placeholder, #wrapper .gform_wrapper ::-webkit-input-placeholder {
  color: #0d3f7c;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding-top: 2px;
}
form :-moz-placeholder, #wrapper .gform_wrapper :-moz-placeholder {
  /* Firefox 18- */
  color: #0d3f7c;
  text-transform: uppercase;
  font-size: 1.2rem;
}
form ::-moz-placeholder, #wrapper .gform_wrapper ::-moz-placeholder {
  /* Firefox 19+ */
  color: #0d3f7c;
  text-transform: uppercase;
  font-size: 1.2rem;
}
form :-ms-input-placeholder, #wrapper .gform_wrapper :-ms-input-placeholder {
  color: #0d3f7c;
  text-transform: uppercase;
  font-size: 1.2rem;
}
form .gform_footer, #wrapper .gform_wrapper .gform_footer {
  padding: 0 0 .625em;
  margin: 0;
  clear: both;
}

/* -------- main content ---------- */
#main {
  padding-top: 14px;
  overflow: hidden;
}

#content {
  clear: both;
}

/* - homepage belgravia - */
#intro {
  background-color: #0d3f7c;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  margin-bottom: 8px;
}
#intro #welcome {
  padding: 64px 3% 20px;
  flex: 48%;
  -webkit-flex: 48%;
  -ms-flex: 48%;
}
#intro #welcome h1, #intro #welcome p, #intro #welcome a:link, #intro #welcome a:visited {
  color: #fff !important;
}
#intro #slider {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  flex: 55%;
  -webkit-flex: 55%;
  -ms-flex: 55%;
  position: relative;
}
#intro #slider .slide {
  position: relative;
}
#intro #slider a:hover {
  text-decoration: none;
}
#intro #slider img {
  display: block;
  height: 100%;
  width: auto;
}
#intro #slider .slide-text {
  position: absolute;
  -webkit-transform: translateZ(0);
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 998;
  padding: 15px 10%;
}
#intro #slider .slide-text .title {
  font-size: 3.0rem;
  font-weight: bold;
  font-family: "PT Sans Narrow", sans-serif;
  line-height: 1.1em;
}
#intro #slider .slide-text .more {
  color: #c5011c;
  font-size: 1.3rem;
  margin-bottom: 0;
}
#intro #slider .wpv-filter-previous-link, #intro #slider .wpv-filter-next-link {
  display: block;
  position: absolute;
  top: 40%;
  z-index: 999;
  color: #fff;
  font-size: 2.0rem;
  background-color: #c5011c;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  line-height: 2.1rem;
}
#intro #slider .wpv-filter-previous-link:hover, #intro #slider .wpv-filter-next-link:hover {
  text-decoration: none;
}
#intro #slider .wpv-filter-previous-link {
  left: 8px;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
#intro #slider .wpv-filter-next-link {
  right: 8px;
}

#featured {
  border-top: 1px solid #b0a6a5;
  padding-top: 26px;
}
#featured.listing-only {
  border-top: 0;
}
#featured .left {
  width: 48%;
}
#featured .right {
  width: 48%;
}
#featured .book .left {
  width: 40%;
}
#featured .book .right {
  width: 57%;
}
#featured .featured {
  border-top: 1px solid #b0a6a5;
  padding-top: 26px;
  margin-bottom: 20px;
  overflow: hidden;
}
#featured .featured.post a img {
  display: block;
  margin-bottom: 18px;
  max-width: 100%;
  height: auto;
}
#featured .featured.post h2 a:link, #featured .featured.post h2 a:visited {
  font-size: 1.9rem;
  color: #333333;
}
#featured .featured.post h2 a:hover {
  text-decoration: none;
  color: #c5011c;
}
#featured .featured.book {
  clear: both;
}
#featured .book-list .book {
  clear: none;
  width: 47%;
  float: left;
  margin-right: 3%;
}
#featured .featured-books-bb .left:nth-of-type(even) {
  float: right;
}
#featured .featured-books-bb .left:nth-of-type(odd) {
  clear: both;
}

/* ---- book listing ---- */
.woocommerce_ordering, .woocommerce-ordering {
  width: 160px;
  margin-bottom: 10px;
}

.woocommerce-result-count {
  display: none;
}

.book, .news-item, .search-result {
  padding-top: 26px;
  padding-bottom: 15px;
  border-top: 1px solid #b0a6a5;
  overflow: hidden;
}
.book .name, .news-item .name, .search-result .name {
  font-weight: bold;
  color: #c5011c;
}
.book.blog .left, .news-item.blog .left, .search-result.blog .left {
  width: 17%;
}
.book.blog .left img, .news-item.blog .left img, .search-result.blog .left img {
  max-width: 100px;
}
.book.blog .right, .news-item.blog .right, .search-result.blog .right {
  width: 82%;
}
.book .left, .news-item .left, .search-result .left {
  width: 25%;
}
.book .left img, .news-item .left img, .search-result .left img {
  width: 100%;
  height: auto;
  max-width: 125px;
  padding: 0;
  background: none;
  border: 0;
}
.book .right, .news-item .right, .search-result .right {
  width: 71%;
}
.book .right .excerpt, .news-item .right .excerpt, .search-result .right .excerpt {
  margin-bottom: 10px;
}
.book .right h2, .book .right h3, .news-item .right h2, .news-item .right h3, .search-result .right h2, .search-result .right h3 {
  border-bottom: 0;
}
.book h2, .news-item h2, .search-result h2 {
  text-align: left;
  line-height: 1em;
}
.book h2 a:link, .book h2 a:visited, .news-item h2 a:link, .news-item h2 a:visited, .search-result h2 a:link, .search-result h2 a:visited {
  font-size: 1.9rem;
  color: #333333;
}
.book h2 a:hover, .news-item h2 a:hover, .search-result h2 a:hover {
  text-decoration: none;
  color: #c5011c;
}

.pagination .wpv-filter-next-link {
  float: right;
}
.pagination .wpv-filter-previous-link {
  float: left;
}
.pagination .wpv-filter-next-link, .pagination .wpv-filter-previous-link {
  border-radius: 3px;
  background-color: #f0f0f0;
  color: #0d3f7c;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 3px 5px;
}

/* ----- products ----- */
#main {
  /* Arrows */
}
#main ul.products .product {
  width: 46%;
  height: 215px;
}
#main ul.products .product.first {
  clear: none;
}
#main ul.products .product.last {
  margin-right: 3.8%;
}
#main ul.products .product .left {
  width: 40%;
  background-color: #ccc;
  position: relative;
}
#main ul.products .product .left img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}
#main ul.products .product .right {
  text-align: left;
  float: right;
  width: 57%;
}
#main ul.products #isw-load-more-button, #main ul.products #isw-load-more-button-prev {
  padding: 4px;
  height: 24px;
}
#main .product-detail .left {
  max-width: 235px;
  width: 30%;
  background-color: #ebe8e8;
}
#main .product-detail .left .book-details {
  padding: 0 15px 15px;
}
#main .product-detail .left .book-details h6 {
  text-transform: uppercase;
  font-size: 1.2rem;
}
#main .product-detail .left .book-details p {
  font-size: 1.3rem;
}
#main .product-detail .right {
  width: 65%;
  float: right;
}
#main .product-detail .right .product-title {
  margin-bottom: 19px;
}
#main .product-detail .right .product-title h1 {
  margin-bottom: 8px;
}
#main .product-detail .right .product-title p.french-title {
  margin-bottom: 0;
  font-style: italic;
}
#main .product-detail .right .nya-message {
  display: none;
}
#main .product-detail .right.nya button {
  background-color: #0d3f7c;
}
#main .product-detail .right.nya .nya-message {
  display: block;
  font-weight: 600;
  clear: both;
  margin-bottom: 10px;
}
#main .product-detail .author-biog {
  border-bottom: 1px solid #b0a6a5;
  padding-bottom: 20px;
  margin-bottom: 30px;
  overflow: hidden;
}
#main .product-detail .author-biog h2 {
  text-transform: uppercase;
  font-size: 1.3rem;
}
#main .product-detail .author-biog .right {
  width: auto;
  margin-left: 10px;
}
#main #descriptionAndDetails {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #b0a6a5;
}
#main .slick-slide a {
  padding: 2%;
  display: block;
}
#main .slick-slide img {
  max-width: 100%;
  height: auto;
}
#main .slick-prev,
#main .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 45%;
  display: block;
  cursor: pointer;
  border: none;
  outline: none;
  background: url("../images/next.png") no-repeat center;
  width: 22px;
  height: 22px;
  right: -25px;
}
#main .slick-prev {
  background: url("../images/prev.png") no-repeat center;
  left: -25px;
}

#buy-ebook, #buy-audiobook {
  text-align: center;
}
#buy-ebook p.title, #buy-audiobook p.title {
  font-weight: bold;
  font-size: 1.6rem;
}
#buy-ebook a, #buy-audiobook a {
  display: block;
  margin-bottom: 10px;
}

#authors-list article {
  width: 47%;
  margin-right: 3%;
  float: left;
  border-top: 1px solid #b0a6a5;
  margin-bottom: 30px;
  padding-top: 30px;
}
#authors-list article .left {
  width: 42%;
  float: left;
}
#authors-list article .left img {
  padding: 0;
  border: 0;
}
#authors-list article .right {
  width: 56%;
  float: right;
}
#authors-list article .right h3 {
  font-size: 1.8rem;
}
#authors-list article .right h3 a {
  color: #333333;
}

#wpv_heading_tab {
  margin: 0;
  background-color: #d7d2d2;
  margin-bottom: 25px;
  display: inline-block;
  padding-left: 9px;
  margin-left: 10px;
}

#wpv_heading_tab li {
  list-style: none;
  display: inline-block;
  padding-right: 10px;
  color: #0d3f7c;
}

#wpv_heading_tab li.active {
  font-weight: bold;
}

.author-detail .left {
  max-width: 235px;
  width: 30%;
  background-color: #ebe8e8;
}
.author-detail .left img {
  width: 100%;
  height: auto;
}
.author-detail .left .author-details {
  padding: 10px 15px 15px;
}
.author-detail .left .author-details p {
  margin-bottom: 7px;
}
.author-detail .left .author-details a {
  color: #333333;
  text-decoration: none;
}
.author-detail .right {
  width: 65%;
  float: right;
}
.author-detail .right h1 {
  font-size: 1.8rem;
  color: #333333;
}
.author-detail .right h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #0d3f7c;
}

#sharing {
  display: block;
  padding: 14px 0 10px;
  width: 80%;
  float: right;
  border-top: 1px solid #b0a6a5;
}
#sharing p {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 0;
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
#sharing .buy {
  float: left;
}
#sharing .buy a:first-of-type {
  margin-right: 5px;
}
#sharing .share-info {
  float: right;
}
#sharing .share-info.mobile {
  display: none;
}

.share {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 4px;
}
.share p {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 0;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

.share-info.mobile {
  display: none;
}

#credits {
  background-color: #32365e;
  overflow: hidden;
  padding: 15px 15px 30px;
}
#credits .inner {
  max-width: 1024px;
  margin: 0 auto;
}
#credits .inner p, #credits .inner a:link, #credits .inner a:visited {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #cccccc;
}
#credits .inner p.left {
  width: 50%;
  display: none;
}
#credits .inner p.right {
  width: 50%;
  text-align: right;
}

div.date {
  padding-top: 30px;
}
div.date p {
  color: #999;
}

#bb #imprint-bar .info p.bb {
  display: inline;
}
#bb #belgravia-navigation {
  display: block !important;
}
#bb #credits .inner p.left.bb {
  display: inline;
}
#bb #masthead .right .social-icons .sh-sb-link.bb {
  display: inline-block;
}

#gb {
  font-family: "PT Sans", sans-serif;
}
#gb h1, #gb h2, #gb h3, #gb h4, #gb h5, #gb h6 {
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 300;
}
#gb #imprint-bar .info p.bb {
  display: none;
}
#gb #imprint-bar .info p.gb {
  display: inline;
}
#gb #gallic-navigation {
  display: block !important;
}
#gb #masthead {
  background-color: #32365e;
}
#gb #masthead .right .social-icons {
  margin-bottom: 33px;
}
#gb #masthead .right .social-icons .sh-sb-link.gb {
  display: inline-block;
}
#gb #intro {
  background-color: #c5011c;
}
#gb #intro #welcome {
  flex: 32%;
  -webkit-flex: 32%;
  -ms-flex: 32%;
  padding: 56px 3% 12px;
  font-size: 1.3rem;
}
#gb #intro #slider {
  flex: 76%;
  -webkit-flex: 76%;
  -ms-flex: 76%;
}
#gb #intro #slider .slide-text {
  padding: 17px;
}
#gb #intro #slider .slide-text .title {
  color: #333333;
}
#gb #intro #slider .slide-text .more {
  font-size: 1.2rem;
}
#gb #sharing {
  padding: 1.5rem 0 1.1rem;
}
#gb #credits .inner p.left.gb {
  display: inline;
}
#gb .book-details span {
  font-weight: 600;
}

.gb-span {
  background-color: #32365e;
  color: #fff;
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  line-height: 19px;
}

#ab {
  font-family: "PT Sans", sans-serif;
}
#ab p, #ab .entry p {
  font-size: 1.3rem;
}
#ab #sharing p {
  font-size: 1.2rem;
}
#ab h1, #ab h2, #ab h3, #ab h4, #ab h5, #ab h6 {
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 300;
}
#ab p.title {
  font-size: 2.4rem;
  color: #800000;
}
#ab h1, #ab h2, #ab h3, #ab h4, #ab h5, #ab h6, #ab a.more, #ab .more, #ab h4.name, #ab input[type=submit], #ab input.button, #ab input[type=submit].gform_button {
  color: #800000 !important;
}
#ab a.comment-reply-link, #ab #commentform #submit {
  background-color: #800000;
}
#ab #imprint-bar {
  padding-top: 32px;
  padding-bottom: 32px;
}
#ab #imprint-bar .header-logo.bb {
  padding-top: 2px;
}
#ab #imprint-bar .header-logo.gb {
  padding-top: 2px;
}
#ab #imprint-bar .info p.bb {
  display: none;
}
#ab #imprint-bar .info p.ab {
  display: inline;
}
#ab #aardvark-navigation {
  display: block !important;
}
#ab #masthead {
  background-color: #fff;
}
#ab #masthead .inner {
  border-top: 1px solid #b0a6a5;
}
#ab #masthead .right .social-icons {
  color: #000;
}
#ab #masthead .right .social-icons .sh-sb-link.ab {
  display: inline-block;
}
#ab #masthead .right p.strapline {
  color: #000;
}
#ab #sharing {
  padding: 1.4rem 0 1.1rem;
}
#ab #intro {
  background-color: #c5011c;
}
#ab #intro #welcome {
  flex: 32%;
  -webkit-flex: 32%;
  -ms-flex: 32%;
  padding: 56px 3% 12px;
}
#ab #intro #slider {
  flex: 76%;
  -webkit-flex: 76%;
  -ms-flex: 76%;
}
#ab #intro #slider .slide-text {
  padding: 17px;
}
#ab #intro #slider .slide-text .title {
  color: #333333;
}
#ab #intro #slider .slide-text .more {
  color: #000;
  font-size: 1.2rem;
}
#ab #credits {
  background-color: #000;
}
#ab #credits .inner p.left.ab {
  display: inline;
}
#ab .book h2 {
  line-height: 1.2em;
  font-size: 1.8rem;
}
#ab .book-details span {
  font-weight: 600;
}
#ab #sidebar .widget > h3 {
  color: #000;
  text-align: left;
}

.ab-span {
  background-color: #000;
  color: #fff;
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  line-height: 19px;
}

/* ---- sidebar ---- */
#sidebar {
  padding-top: 14px;
}
#sidebar .search_main {
  border-top: 1px solid #b0a6a5;
  border-bottom: 1px solid #b0a6a5;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 26px;
}
#sidebar .searchform {
  width: 100%;
  margin-top: 0;
  border: 0;
  background-color: #d7d2d2;
  border-radius: 0;
}
#sidebar .searchform .fa-caret-right:before {
  font-family: FontAwesome;
  color: #000;
  font-size: 1.4em;
  line-height: 1.5;
}
#sidebar .searchform input.s {
  border: 0;
  font-size: 1.1rem;
  padding: 5px;
}
#sidebar .searchform button.submit {
  top: 0;
}
#sidebar .botm {
  border-bottom: 1px solid #b0a6a5;
  padding-bottom: 17px;
  margin-bottom: 30px;
}
#sidebar .botm h1 {
  border-bottom: 1px solid #b0a6a5;
  padding-bottom: 12px;
}
#sidebar .botm .cover {
  background-color: #d7d2d2;
  text-align: center;
  margin-bottom: 22px;
}
#sidebar .botm .cover img {
  display: block;
  margin: 0 auto;
}
#sidebar .botm h2 a:link, #sidebar .botm h2 a:visited {
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
}
#sidebar .botm h2 a:hover {
  text-decoration: none;
  color: #c5011c;
}
#sidebar .forthcoming {
  margin: 0;
}
#sidebar .forthcoming li {
  list-style: none;
  margin-bottom: 12px;
}
#sidebar .forthcoming li:before {
  content: ' ';
  width: 0;
  height: 0;
}
#sidebar #sidebar-promo {
  position: relative;
}
#sidebar #sidebar-promo a {
  display: block;
  position: relative;
}
#sidebar #sidebar-promo img {
  height: auto;
  display: block;
}
#sidebar #sidebar-promo span {
  display: block;
  background: rgba(199, 0, 16, 0.8);
  color: white;
  font-size: 18px;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 400;
  padding: 16px 17px 20px 17px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#sidebar #about-the-shop {
  position: relative;
  margin-bottom: 30px;
}
#sidebar #about-the-shop a {
  display: block;
  position: relative;
}
#sidebar #about-the-shop img {
  display: block;
  height: auto;
}
#sidebar #about-the-shop span {
  display: block;
  background: rgba(13, 63, 124, 0.8);
  color: white;
  font-size: 23px;
  text-align: center;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 400;
  padding: 16px 17px 20px 17px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#browse-books {
  text-align: center;
  margin-bottom: 30px;
}
#browse-books h4 {
  font-size: 1.8rem;
  color: #0d3f7c;
  background-color: #d7d2d2;
  display: block;
  padding: 10px 0;
  margin-bottom: 0;
}
#browse-books ul {
  margin: 0;
}
#browse-books ul li {
  list-style-type: none;
  margin: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  border-bottom: 1px solid #b0a6a5;
  transition: 0.5s;
}
#browse-books ul li a:link, #browse-books ul li a:visited {
  padding: 7px 0;
  display: block;
  color: #0d3f7c;
}
#browse-books ul li a:hover {
  text-decoration: none;
}
#browse-books ul li:hover {
  background-color: #d7d2d2;
}
#browse-books ul li.parent li:last-of-type {
  border-bottom: 0;
}
#browse-books ul li.parent > a:first-of-type {
  background-color: #ebe8e8;
  border-bottom: 1px solid #b0a6a5;
}
#browse-books ul li.parent > a:first-of-type:hover {
  background-color: #d7d2d2;
}
#browse-books ul li.parent:hover {
  background-color: #fff;
}

/* --- general widgets --- */
#wrapper .widget p {
  font-family: "PT Sans", sans-serif;
  line-height: 1.3em;
}
#wrapper .widget h2 {
  border-bottom: 1px solid #b0a6a5;
  padding-bottom: 10px;
}
#wrapper .widget h3 {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 5px;
}
#wrapper .widget h3 a:link, #wrapper .widget h3 a:visited {
  color: #333333;
  line-height: 1.2em;
}
#wrapper .widget .right h2, #wrapper .widget .right h3 {
  border-bottom: 0;
  padding-bottom: 0;
}

.search-result {
  overflow: hidden;
  width: 47%;
  float: left;
  margin-right: 3%;
}
.search-result:nth-child(2n+3) {
  clear: both;
}
.search-result .left {
  width: 48%;
}
.search-result .left img {
  max-width: 100%;
  height: auto;
}
.search-result .right {
  width: 49%;
}
.search-result .main {
  width: 100%;
}
.search-result .post-meta {
  display: none;
}
.search-result h2 {
  line-height: 1.1em;
}

#special-form {
  clear: both;
  border-top: 1px solid #b0a6a5;
}

/* ---- woo footer ---- */
#footer {
  border-top: 1px solid #b0a6a5;
}

/* ---- footer widgets --- */
#theme-footer .widget {
  width: 30.75%;
  margin-right: 3.8%;
  float: left;
  border-bottom: 1px solid #b0a6a5;
}
#theme-footer .widget h2 {
  font-size: 2.4rem;
}
#theme-footer .widget:last-of-type {
  margin-right: 0;
}
#theme-footer .gform_wrapper label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ---- group portal --- */
.portal {
  background-color: #0d3f7c;
}

#portal-masthead, #portal-welcome {
  background-color: #0d3f7c;
  color: #fff;
  text-align: center;
  padding: 33px 0;
}
#portal-masthead p, #portal-welcome p {
  color: #fff;
  font-size: 1.3rem;
  font-family: "PT Sans", sans-serif;
}
#portal-masthead h2, #portal-welcome h2 {
  color: #fff;
  font-size: 2.4rem;
  font-family: "PT Sans Narrow", sans-serif;
}

#portal-welcome {
  padding-top: 0;
  padding-left: 25px;
  padding-right: 25px;
}
#portal-welcome .inner {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

#credits.portal {
  padding-left: 25px;
  padding-right: 25px;
  background-color: #0d3f7c;
}
#credits.portal .inner p.left {
  display: inline;
}

#portal-content {
  padding: 105px 25px;
  background-repeat: no-repeat;
  background-size: cover;
}
#portal-content .inner {
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  border-bottom: 1px solid #b0a6a5;
  border-top: 1px solid #b0a6a5;
}
#portal-content .inner article.item {
  margin: 25px 13px;
  width: 33%;
  padding: 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}
#portal-content .inner article.item p {
  margin-bottom: 20px;
}
#portal-content .inner article.item:first-of-type {
  margin-left: 0;
}
#portal-content .inner article.item:last-of-type {
  margin-right: 0;
}
#portal-content .inner a:hover {
  text-decoration: none;
}
#portal-content .logo {
  height: 120px;
  position: relative;
}
#portal-content .logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#portal-content #gallic-portal h1, #portal-content #gallic-portal p {
  font-family: "Roboto", sans-serif;
}
#portal-content #gallic-portal span.more {
  color: #32365e;
}
#portal-content #belgravia-portal h1, #portal-content #belgravia-portal p {
  font-family: "PT Sans", sans-serif;
}
#portal-content #belgravia-portal span.more {
  color: #0d3f7c;
}
#portal-content #aardvark-portal h1, #portal-content #aardvark-portal p {
  font-family: "Lato", sans-serif;
  color: #000;
}
#portal-content #aardvark-portal span.more {
  color: #000;
}
#portal-content.portal-2018 .inner {
  max-width: 900px;
}
#portal-content.portal-2018 .inner article.item {
  width: 50%;
}

#main .product-detail
.upsells.products .product {
  height: auto;
}
#main .product-detail
.upsells.products .product .left {
  width: 100% !important;
}
#main .product-detail
.upsells.products .product .right {
  display: none;
}

/* ------------ RESPONSIVE MEDIA QUERIES ------- */
@media (max-width: 979px) {
  #intro #welcome {
    flex: 62%;
  }
  #intro #slider {
    flex: 38%;
  }
}
/* iPad portrait */
@media (max-width: 768px) {
  #portal-content {
    padding: 54px 25px;
  }
  #portal-content .inner {
    display: block;
  }
  #portal-content .inner article.item {
    width: 89%;
    max-width: 380px;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  #portal-content .inner article.item:first-of-type {
    margin-left: auto;
    margin-top: 15px;
  }
  #portal-content .inner article.item:last-of-type {
    margin-right: auto;
  }

  #intro #welcome {
    flex: 50%;
    -webkit-flex: 50%;
  }
  #intro #slider {
    flex: 50%;
    -webkit-flex: 50%;
  }

  .author-books {
    margin-right: 30px;
  }
}
/* eg: Android Samsung galaxy landscape */
@media (max-width: 685px) {
  #theme-footer .widget {
    width: 100%;
    float: none;
  }

  .share-info.desktop {
    display: none;
  }
  .share-info.mobile {
    display: block;
    clear: both;
  }
  .share-info.mobile p {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 0;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
  }

  #sharing {
    width: 79%;
    padding: 1.4rem 0 1.4rem;
  }

  .woocommerce #wrapper .summary form {
    width: 21%;
  }
}
/* iphone 5 landscape */
@media (max-width: 568px) {
  #imprint-bar .info {
    padding-left: 15px;
    text-align: center;
    margin-bottom: 10px;
  }
  #imprint-bar .header-logo {
    display: inline-block;
    float: none;
  }
  #imprint-bar #sites {
    display: block;
    width: 310px;
    margin: 0 auto;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
  }

  #masthead {
    clear: both;
  }
  #masthead a.logo {
    margin-bottom: 15px;
    float: none;
  }
  #masthead .inner {
    text-align: center;
    padding: 15px;
  }
  #masthead .right {
    float: none;
    text-align: center;
  }
  #masthead .right .social-icons {
    margin-bottom: 19px;
  }
}
/* iPhone 3+4 landscape */
@media (max-width: 480px) {
  #featured > .left, #featured > .right {
    width: 100%;
    float: none;
  }

  #intro {
    display: block;
  }
  #intro #welcome {
    width: 100%;
  }
  #intro #slider {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  #intro #slider img {
    width: 100%;
    height: auto;
  }

  .search-result {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  #main ul.products.upsells .product {
    width: 100%;
  }

  button.single_add_to_cart_button {
    margin-right: 7px;
  }
}
@media (max-width: 450px) {
  #main .product-detail .left {
    width: 100%;
    margin-bottom: 20px;
  }

  #main .product-detail .right {
    width: 100%;
  }
}
/* eg: Android Samsung galaxy portrait */
@media (max-width: 380px) {
  #main ul.products .product {
    width: 100%;
  }
}
/* iPhone 3+4 portrait */
/* small android portrait */