.display-table { display: table; table-layout: fixed; width: 100%; }

.display-table-cell { display: table-cell; vertical-align: middle; float: none !important; }

@media only screen and (min-width: 40.063em) { .medium--display-table { display: table; table-layout: fixed; width: 100%; }
  .medium--display-table-cell { display: table-cell; vertical-align: middle; float: none !important; } }
@media only screen and (min-width: 64.063em) { .large--display-table { display: table; table-layout: fixed; width: 100%; }
  .large--display-table-cell { display: table-cell; vertical-align: middle; float: none !important; } }
.button, button, input, *, body, h1, h2, h3, h4, h5, h6, select, .button { -webkit-font-smoothing: antialiased; font-family: "Merriweather", serif; }

*:focus, select:focus, input:focus { outline: none !important; box-shadow: none !important; }

body { color: #1f2325; padding-top: 60px; }

html {
  background-color: #fff !important;
}

.callouts {
  margin-bottom: 15px;
}

.row { max-width: 100%; }

header { position: fixed; top: 0; width: 100%; z-index: 100; }
header .mobile-search { display: block; }
@media only screen and (min-width: 900px) { header .mobile-search { display: none; } }
header .mobile-search .button { font-family: "Montserrat", sans-serif; background-color: #00A0AF; color: #1d2124; }
header .mobile-search input[type="text"] { font-family: "Roboto Condensed", sans-serif; box-shadow: none; border: 0; }
header meta.foundation-mq-topbar { font-family: "/only screen and (min-width:900px)/"; width: 900px; }
header .cart .fa { opacity: .5; }
header .search { display: none; }
@media only screen and (min-width: 900px) { header .search { display: block; } }
header .search .fa { color: #00A0AF; }
header .logo { width: 124px;     margin-top: -28px; }
header .divider { display: block; border-top: solid 1px #ffffff; }
@media only screen and (min-width: 900px) { header .divider { display: none; } }
header .tagline { display: none; }
@media only screen and (min-width: 1100px) { header .tagline { display: inline-block; width: 191px; } }
header .contain-to-grid { width: 100%; background: #282e32; }
header .contain-to-grid .top-bar { margin-bottom: 0; }
header .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }
header .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; }
header .fixed.expanded:not(.top-bar) .title-area { position: fixed; background: #1d2124; width: 100%; z-index: 99; }
header .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 60px; }
header .top-bar { overflow: hidden; height: 60px; line-height: 60px; position: relative; background: #282e32; margin-bottom: 0; }
header .top-bar ul { margin-bottom: 0; list-style: none; }
header .top-bar .row { max-width: none; }
header .top-bar form, header .top-bar input { margin-bottom: 0; }
header .top-bar input { height: 1.75rem; padding-top: .35rem; padding-bottom: .35rem; font-size: 0.75rem; }
header .top-bar .button, header .top-bar button { padding-top: 0.4125rem; padding-bottom: 0.4125rem; margin-bottom: 0; font-size: 0.75rem; }
@media only screen and (max-width: 900px) { header .top-bar .button, header .top-bar button { font-family: "Montserrat", sans-serif; text-transform: uppercase; position: relative; top: 0; } }
header .top-bar .title-area { background-color: #1d2124; position: relative; margin: 0; }
header .top-bar .name { height: 60px; margin: 0; font-size: 16px; }
header .top-bar .name h1, header .top-bar .name h2, header .top-bar .name h3, header .top-bar .name h4, header .top-bar .name p, header .top-bar .name span { line-height: 60px; font-size: 1.0625rem; margin: 0; }
header .top-bar .name h1 a, header .top-bar .name h2 a, header .top-bar .name h3 a, header .top-bar .name h4 a, header .top-bar .name p a, header .top-bar .name span a { font-weight: normal; color: #FFFFFF; width: 75%; display: block; padding: 0 0.9375rem; }
header .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; }
header .top-bar .toggle-topbar a { color: #FFFFFF; text-transform: uppercase; font-size: 0.8125rem; font-weight: bold; position: relative; display: block; padding: 0 0.9375rem; height: 60px; line-height: 60px; }
header .top-bar .toggle-topbar.menu-icon { top: 50%; margin-top: -16px; }
header .top-bar .toggle-topbar.menu-icon a { height: 34px; line-height: 33px; padding: 0 2.5rem 0 0.9375rem; color: #FFFFFF; position: relative; }
header .top-bar .toggle-topbar.menu-icon a span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -8px; right: 0.9375rem; box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; width: 16px; }
header .top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
header .top-bar.expanded { height: auto; background-color: #1d2124; }
header .top-bar.expanded .title-area { background: #1d2124; }
header .top-bar.expanded .toggle-topbar a { color: #888888; }
header .top-bar.expanded .toggle-topbar a span::after { box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
header .top-bar-section { text-align: center; left: 0; position: relative; width: auto; transition: left 300ms ease-out; }
header .top-bar-section ul { padding: 0; width: 100%; height: auto; display: block; font-size: 16px; margin: 0; }
header .top-bar-section .divider, header .top-bar-section [role="separator"] { border-top: solid 1px #32393e; clear: both; height: 1px; width: 100%; }
header .top-bar-section ul li { background: #1d2124; }
header .top-bar-section ul li > a { display: block; width: 100%; color: #FFFFFF; padding: 12px 0 12px 0; padding-left: 0.9375rem; font-family: "Unica One", serif; text-transform: uppercase; font-size: 18px; font-weight: normal; }
header .top-bar-section ul.utility-nav li > a { font-size: 14px; }
header .top-bar-section ul.utility-nav li.search > a { padding: 0 20px; }
header .top-bar-section ul.utility-nav li.search > a i { font-size: 16px; }
header .top-bar-section ul li > a.button { font-size: 0.8125rem; padding-right: 0.9375rem; padding-left: 0.9375rem; background-color: #008CBA; border-color: #007095; color: #FFFFFF; }
header .top-bar-section ul li > a.button:hover, header .top-bar-section ul li > a.button:focus { background-color: #007095; }
header .top-bar-section ul li > a.button:hover, header .top-bar-section ul li > a.button:focus { color: #FFFFFF; }
header .top-bar-section ul li > a.button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #1d2124; }
header .top-bar-section ul li > a.button.secondary:hover, header .top-bar-section ul li > a.button.secondary:focus { background-color: #b9b9b9; }
header .top-bar-section ul li > a.button.secondary:hover, header .top-bar-section ul li > a.button.secondary:focus { color: #1d2124; }
header .top-bar-section ul li > a.button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; }
header .top-bar-section ul li > a.button.success:hover, header .top-bar-section ul li > a.button.success:focus { background-color: #368a55; }
header .top-bar-section ul li > a.button.success:hover, header .top-bar-section ul li > a.button.success:focus { color: #FFFFFF; }
header .top-bar-section ul li > a.button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; }
header .top-bar-section ul li > a.button.alert:hover, header .top-bar-section ul li > a.button.alert:focus { background-color: #cf2a0e; }
header .top-bar-section ul li > a.button.alert:hover, header .top-bar-section ul li > a.button.alert:focus { color: #FFFFFF; }
header .top-bar-section ul li > a.button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; }
header .top-bar-section ul li > a.button.warning:hover, header .top-bar-section ul li > a.button.warning:focus { background-color: #cf6e0e; }
header .top-bar-section ul li > a.button.warning:hover, header .top-bar-section ul li > a.button.warning:focus { color: #FFFFFF; }
header .top-bar-section ul li > button { font-size: 0.8125rem; padding-right: 0.9375rem; padding-left: 0.9375rem; background-color: #008CBA; border-color: #007095; color: #FFFFFF; }
header .top-bar-section ul li > button:hover, header .top-bar-section ul li > button:focus { background-color: #007095; }
header .top-bar-section ul li > button:hover, header .top-bar-section ul li > button:focus { color: #FFFFFF; }
header .top-bar-section ul li > button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #1d2124; }
header .top-bar-section ul li > button.secondary:hover, header .top-bar-section ul li > button.secondary:focus { background-color: #b9b9b9; }
header .top-bar-section ul li > button.secondary:hover, header .top-bar-section ul li > button.secondary:focus { color: #1d2124; }
header .top-bar-section ul li > button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; }
header .top-bar-section ul li > button.success:hover, header .top-bar-section ul li > button.success:focus { background-color: #368a55; }
header .top-bar-section ul li > button.success:hover, header .top-bar-section ul li > button.success:focus { color: #FFFFFF; }
header .top-bar-section ul li > button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; }
header .top-bar-section ul li > button.alert:hover, header .top-bar-section ul li > button.alert:focus { background-color: #cf2a0e; }
header .top-bar-section ul li > button.alert:hover, header .top-bar-section ul li > button.alert:focus { color: #FFFFFF; }
header .top-bar-section ul li > button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; }
header .top-bar-section ul li > button.warning:hover, header .top-bar-section ul li > button.warning:focus { background-color: #cf6e0e; }
header .top-bar-section ul li > button.warning:hover, header .top-bar-section ul li > button.warning:focus { color: #FFFFFF; }
header .top-bar-section ul li:hover:not(.has-form) > a { background-color: #555555; background: #282e32; color: #FFFFFF; }
header .top-bar-section ul li.active > a { background: #008CBA; color: #FFFFFF; }
header .top-bar-section ul li.active > a:hover { background: #0078a0; color: #FFFFFF; }
header .top-bar-section .has-form { padding: 0.9375rem; }
header .top-bar-section .has-dropdown { position: relative; }
header .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style: solid; margin-right: 0.9375rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0; }
header .top-bar-section .has-dropdown.moved { position: static; }
header .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; width: 100%; }
header .top-bar-section .has-dropdown.moved > a:after { display: none; }
header .top-bar-section .dropdown { padding: 0; position: absolute; left: 100%; top: 0; z-index: 99; display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
header .top-bar-section .dropdown li { width: 100%; height: auto; }
header .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 0.9375rem; }
header .top-bar-section .dropdown li a.parent-link { font-weight: normal; }
header .top-bar-section .dropdown li.title h5, header .top-bar-section .dropdown li.parent-link { margin-bottom: 0; margin-top: 0; font-size: 1.125rem; }
header .top-bar-section .dropdown li.title h5 a, header .top-bar-section .dropdown li.parent-link a { color: #FFFFFF; display: block; }
header .top-bar-section .dropdown li.title h5 a:hover, header .top-bar-section .dropdown li.parent-link a:hover { background: none; }
header .top-bar-section .dropdown li.has-form { padding: 8px 0.9375rem; }
header .top-bar-section .dropdown li .button, header .top-bar-section .dropdown li button { top: auto; }
header .top-bar-section .dropdown label { padding: 8px 0.9375rem 2px; margin-bottom: 0; text-transform: uppercase; color: #777777; font-weight: bold; font-size: 0.625rem; }
header .js-generated { display: block; }
@media only screen and (min-width: 900px) { header .top-bar { background: #000; overflow: visible; }
  header .top-bar:before, header .top-bar:after { content: " "; display: table; }
  header .top-bar:after { clear: both; }
  header .top-bar .toggle-topbar { display: none; }
  header .top-bar .title-area { float: left; }
  header .top-bar .name h1 a, header .top-bar .name h2 a, header .top-bar .name h3 a, header .top-bar .name h4 a, header .top-bar .name h5 a, header .top-bar .name h6 a { padding: 0 30px; width: auto; }
  header .top-bar input, header .top-bar .button, header .top-bar button { font-size: 0.875rem; position: relative; height: 1.75rem; top: 0.53125rem; }
  header .top-bar.expanded { background: #1d2124; }
  header .contain-to-grid .top-bar { max-width: 62.5rem; margin: 0 auto; margin-bottom: 0; }
  header .top-bar-section { transition: none 0 0; left: 0 !important; }
  header .top-bar-section .right ul li { font-size: 10px !important; }
  header .top-bar-section ul { width: auto; height: auto !important; display: inline; }
  header .top-bar-section ul li { float: left; }
  header .top-bar-section ul li .js-generated { display: none; }
  header .top-bar-section li.hover > a:not(.button) { background-color: #555555; background: #282e32; color: #FFFFFF; }
  header .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 0.9375rem; line-height: 60px; background: #282e32; }
  header .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #555555; background: #32393e; }
  header .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 0.9375rem; line-height: 60px; color: #FFFFFF; background: #008CBA; }
  header .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #0078a0; color: #FFFFFF; }
  header .top-bar-section .has-dropdown > a { padding-right: 2.1875rem !important; }
  header .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 35px; }
  header .top-bar-section .has-dropdown.moved { position: relative; }
  header .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
  header .top-bar-section .has-dropdown.hover > .dropdown, header .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; }
  header .top-bar-section .has-dropdown > a:focus + .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; }
  header .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -1px; right: 5px; line-height: 1.2; }
  header .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; }
  header .top-bar-section .dropdown li a { color: #FFFFFF; line-height: 60px; white-space: nowrap; padding: 12px 0.9375rem; background: #282e32; }
  header .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #FFFFFF; background: #282e32; }
  header .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { color: #FFFFFF; background-color: #555555; background: #282e32; }
  header .top-bar-section .dropdown li label { white-space: nowrap; background: #282e32; }
  header .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; }
  header .top-bar-section > ul > .divider, header .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #4e4e4e; clear: none; height: 60px; width: 0; }
  header .top-bar-section .has-form { background: #282e32; padding: 0 0.9375rem; height: 60px; }
  header .top-bar-section .right li .dropdown { left: auto; right: 0; }
  header .top-bar-section .right li .dropdown li .dropdown { right: 100%; }
  header .top-bar-section .left li .dropdown { right: auto; left: 0; }
  header .top-bar-section .left li .dropdown li .dropdown { left: 100%; }
  header .no-js .top-bar-section ul li:hover > a { background-color: #555555; background: #1d2124; color: #FFFFFF; }
  header .no-js .top-bar-section ul li:active > a { background: #008CBA; color: #FFFFFF; }
  header .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; }
  header .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } }

.hero .hero-slider { margin-bottom: 0; }
.hero .hero-slider .slick-prev, .hero .hero-slider .slick-next { position: absolute; display: block; height: 32px; width: 32px; line-height: 0px; font-size: 0px; cursor: pointer; color: transparent; top: 50%; padding: 0; text-align: center; border: none; outline: none; background-color: transparent; }
.hero .hero-slider .slick-prev:hover, .hero .hero-slider .slick-prev:focus, .hero .hero-slider .slick-next:hover, .hero .hero-slider .slick-next:focus { outline: none; color: transparent; background-color: transparent; }
.hero .hero-slider .slick-prev:hover:before, .hero .hero-slider .slick-prev:focus:before, .hero .hero-slider .slick-next:hover:before, .hero .hero-slider .slick-next:focus:before { opacity: 1; }
.hero .hero-slider .slick-prev.slick-disabled:before, .hero .hero-slider .slick-next.slick-disabled:before { opacity: 0.5; }
.hero .hero-slider .slick-prev:before, .hero .hero-slider .slick-next:before { font-family: "FontAwesome"; font-size: 32px; line-height: 1; color: #ffffff; background-color: transparent; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.hero .hero-slider .slick-prev { left: 25px; }
.hero .hero-slider .slick-prev:before { content: '\f104'; }
.hero .hero-slider .slick-next { right: 25px; }
.hero .hero-slider .slick-next:before { content: '\f105'; }
.hero .hero-slider .slick-dots { position: absolute; bottom: 15px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.hero .hero-slider .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.hero .hero-slider .slick-dots li button { border: 0; margin: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.hero .hero-slider .slick-dots li button:hover, .hero .hero-slider .slick-dots li button:focus { outline: none; }
.hero .hero-slider .slick-dots li button:hover:before, .hero .hero-slider .slick-dots li button:focus:before { opacity: 1; }
.hero .hero-slider .slick-dots li button:before { position: absolute; top: 0; left: 0; content: '\f10c'; width: 20px; height: 20px; font-family: "FontAwesome"; font-size: 10px; line-height: 20px; text-align: center; color: #ffffff; opacity: .5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.hero .hero-slider .slick-dots li.slick-active button:before { color: #ffffff; content: '\f111'; opacity: 1; }

.tabs { text-align: center; padding: 30px 0; }
.tabs .tab-title { float: none; display: inline; font-family: "Unica One", serif; font-size: 14px; }
@media only screen and (min-width: 40.063em) { .tabs .tab-title { font-size: 18px; } }
.tabs .tab-title:after { content: '/'; display: inline-block; padding: 0 5px 0 7px; color: #768289; }
@media only screen and (min-width: 40.063em) { .tabs .tab-title:after { padding: 0 15px; } }
.tabs .tab-title:last-child:after { content: none; }
.tabs .tab-title.active a { background-color: transparent; color: #373e42; border-bottom: 1px solid #00A0AF; }
.tabs .tab-title a { font-size: 14px; font-family: "Unica One", serif; color: #96a2a8; line-height: 1.3; text-transform: uppercase; display: inline-block; background-color: transparent; padding: 0; }
@media only screen and (min-width: 40.063em) { .tabs .tab-title a { font-size: 20px; } }
.tabs .tab-title a:hover { color: #373e42; background-color: transparent; }

.tabs-content { margin-bottom: 0; }
.tabs-content .content { padding: 0; display: block; height: 0; overflow-y: hidden; text-align: center; }
.tabs-content .content.active { display: block; float: none; height: auto; }
.tabs-content .content .collection-slider { -moz-box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom: 30px; }
.tabs-content .content .collection-slider .slick-prev, .tabs-content .content .collection-slider .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; color: transparent; top: 0; padding: 0; text-align: center; width: 45px; border: none; outline: none; background-color: rgba(31, 35, 37, 0.6); height: 100%; }
.tabs-content .content .collection-slider .slick-prev:hover, .tabs-content .content .collection-slider .slick-prev:focus, .tabs-content .content .collection-slider .slick-next:hover, .tabs-content .content .collection-slider .slick-next:focus { outline: none; color: transparent; background-color: #1f2325; }
.tabs-content .content .collection-slider .slick-prev:hover:before, .tabs-content .content .collection-slider .slick-prev:focus:before, .tabs-content .content .collection-slider .slick-next:hover:before, .tabs-content .content .collection-slider .slick-next:focus:before { opacity: 1; }
.tabs-content .content .collection-slider .slick-prev.slick-disabled:before, .tabs-content .content .collection-slider .slick-next.slick-disabled:before { opacity: 0.5; }
.tabs-content .content .collection-slider .slick-prev:before, .tabs-content .content .collection-slider .slick-next:before { font-family: "FontAwesome"; font-size: 20px; line-height: 1; color: #00A0AF; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.tabs-content .content .collection-slider .slick-prev { left: 0; }
.tabs-content .content .collection-slider .slick-prev:before { content: '\f104'; }
.tabs-content .content .collection-slider .slick-next { right: 0; }
.tabs-content .content .collection-slider .slick-next:before { content: '\f105'; }
.tabs-content .content .browse { text-align: center; margin-bottom: 30px; background-color: transparent; color: #373e42; font-family: "Montserrat", sans-serif; border: 1px solid #373e42; background-color: transparent; text-transform: uppercase; cursor: pointer; display: inline-block; text-transform: uppercase; outline: none; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.tabs-content .content .browse:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.tabs-content .content .browse:after { width: 100%; height: 0; top: 0; left: 0; background: #373e42; }
.tabs-content .content .browse:active { color: #ffffff; }
.tabs-content .content .browse:hover:after, .tabs-content .content .browse:active:after { height: 100%; }
.tabs-content .content .browse .fa { color: #00A0AF; }

.touch .book-cover .book-meta { display: none; }

.no-touch .book-cover .book-meta { display: none; opacity: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(40, 46, 50, 0.9); }
@media only screen and (min-width: 40.063em) { .no-touch .book-cover .book-meta { display: block; } }
.no-touch .book-cover .book-meta .overlay { position: relative; padding: 0 15px; height: 100%; }
.no-touch .book-cover:hover .book-meta { opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }

.book-cover { text-align: center; position: relative; overflow: hidden; }
.book-cover img { display: block; }
.book-cover h5 { font-family: "Unica One", serif; text-transform: uppercase; color: #ffffff; font-size: 24px; line-height: 1; margin-top: 0; margin-bottom: 4px; }
.book-cover h6 { color: #00A0AF; font-family: "Roboto Condensed", sans-serif; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; }
.book-cover span { color: #a2a7aa; font-family: "Roboto Condensed", sans-serif; display: block; margin-bottom: 15px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.book-cover span strong { letter-spacing: -1px; color: #ffffff; font-weight: 400; text-transform: uppercase; font-family: "Unica One", serif; font-size: 24px; }
.book-cover .book-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: transparent; }
.book-cover .buy { text-align: center; margin-bottom: 0; background-color: transparent; color: #00A0AF; z-index: 1; font-family: "Montserrat", sans-serif; border: 1px solid #00A0AF; background-color: transparent; text-transform: uppercase; cursor: pointer; display: inline-block; text-transform: uppercase; outline: none; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.book-cover .buy:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.book-cover .buy:after { width: 100%; height: 0; top: 0; left: 0; background-color: #00A0AF; }
.book-cover .buy:hover, .book-cover .buy:active { color: #282e32; }
.book-cover .buy:hover:after, .book-cover .buy:active:after { height: 100%; }

.callouts .row { max-width: 100%; }

.updates { background-color: #1f2325; color: #ffffff; margin-bottom: 15px;}
@media only screen and (min-width: 64.063em) { .updates .shade { -moz-box-shadow: inset -25px 0 25px #151819; -webkit-box-shadow: inset -25px 0 25px #151819; box-shadow: inset -25px 0 25px #151819; } }
.updates hr { border-color: #2f3538; }
.updates h4 { color: #a8a9a9; font-family: "Montserrat", sans-serif; text-transform: uppercase; margin: 0 0 15px 0; font-weight: 500; font-size: 18px; }
.updates h4 small { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight: 500; line-height: 1.4; display: block; color: #646566; }

.recent-blog, .recent-tweets { padding: 15px 15px 30px 15px; }
@media only screen and (min-width: 40.063em) { .recent-blog, .recent-tweets { padding: 30px; } }
@media only screen and (min-width: 64.063em) { .recent-blog, .recent-tweets { padding: 30px; } }
@media only screen and (min-width: 84.063em) { .recent-blog, .recent-tweets { padding: 60px; } }

.blog-link, .twitter-link { position: relative; text-align: center; display: block; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 12px; color: #78838a; }
@media only screen and (min-width: 64.063em) { .blog-link, .twitter-link { position: absolute; bottom: 30px; right: 30px; } }
.blog-link:hover, .twitter-link:hover { color: #ffffff; }
.blog-link .fa, .twitter-link .fa { color: #00A0AF; }

.recent-blog .post { margin-bottom: 30px; }
.recent-blog .post:last-child { margin-bottom: 0; }
.recent-blog .post img { display: block; margin-bottom: 15px; }
@media only screen and (min-width: 64.063em) { .recent-blog .post img { margin-bottom: 0; } }
.recent-blog .post h2 { color: #ffffff; font-family: "Merriweather", serif; font-size: 22px; margin-bottom: 7px; font-weight: 500; }
.recent-blog .post h5 { font-family: "Montserrat", sans-serif; text-transform: uppercase; color: #00A0AF; font-size: 12px; }
.recent-blog .post p { font-family: "Merriweather", serif; color: #717d83; font-size: 14px; margin-bottom: 0; }
.recent-blog .post p a { color: #00A0AF; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; }

.tweets { list-style: none; margin: 0; }
@media only screen and (min-width: 40.063em) and (max-width: 64.063em) { .tweets { margin: 0 -0.625rem; } }
.tweets li { padding: 0 0 1.25rem 0; }
.tweets li:last-child { padding: 0; }
@media only screen and (min-width: 40.063em) and (max-width: 64.063em) { .tweets li { padding: 0 0.625rem 1.25rem; } }
.tweets .timePosted { color: #00A0AF; font-size: 10px; margin: 0; font-family: "Montserrat", sans-serif; text-transform: uppercase; }
.tweets .timePosted:before { display: inline-block; font-family: "FontAwesome"; content: '\f099\00A0'; color: #00A0AF; }
.tweets p.interact { margin-bottom: 0; }
.tweets p.interact a { color: #b8c3c9; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 10px; margin-right: 10px; }
.tweets p.interact a:hover, .tweets p.interact a:hover:before { color: #ffffff; }
.tweets p.interact a:last-child { margin-right: 0; }
.tweets p.interact .twitter_reply_icon:before { font-family: "FontAwesome"; content: '\f112\00A0'; color: #b8c3c9; display: inline-block; }
.tweets p.interact .twitter_retweet_icon:before { font-family: "FontAwesome"; content: '\f079\00A0'; color: #b8c3c9; display: inline-block; }
.tweets p.interact .twitter_fav_icon:before { font-family: "FontAwesome"; content: '\f005\00A0'; color: #b8c3c9; display: inline-block; }
.tweets .tweet { color: #78838a; font-family: "Merriweather", serif; font-size: 12px; margin-bottom: 7px; }
.tweets .tweet a { word-wrap: break-word; color: #b8c3c9; }
.tweets .tweet a:hover { color: #ffffff; }

.contact-info { background-color: #53585b; padding: 30px 0; }
@media only screen and (min-width: 40.063em) { .contact-info { padding: 60px 0; } }
.contact-info hr { border-color: #595e61; margin-bottom: 30px; }

.email-signup { margin-bottom: 30px; }
@media only screen and (min-width: 64.063em) { .email-signup { margin-bottom: 15px; } }
.email-signup input[type="text"] { background-color: transparent; color: #898d90; border: 0; box-shadow: none; border-bottom: 1px solid #898d90; width: 90%; margin-bottom: 0; font-family: "Roboto Condensed", sans-serif; }
.email-signup .button.postfix { background-color: transparent; margin-bottom: 0; color: #898d90; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; border: 1px solid #898d90; font-size: 12px; cursor: pointer; display: inline-block; text-transform: uppercase; outline: none; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.email-signup .button.postfix:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.email-signup .button.postfix:after { width: 100%; height: 0; top: 0; left: 0; background: #898d90; }
.email-signup .button.postfix:hover, .email-signup .button.postfix:active { color: #53585b; }
.email-signup .button.postfix:hover:after, .email-signup .button.postfix:active:after { height: 100%; }

.validate .button.postfix { background-color: transparent; margin-bottom: 0; color: #898d90; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; border: 1px solid #898d90; font-size: 12px; cursor: pointer; display: inline-block; text-transform: uppercase; outline: none; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.validate .button.postfix:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.validate .button.postfix:after { width: 100%; height: 0; top: 0; left: 0; background: #898d90; }
.validate .button.postfix:hover, .email-signup .button.postfix:active { color: #53585b; }
.validate .button.postfix:hover:after, .email-signup .button.postfix:active:after { height: 100%; }

.social-icons { margin-bottom: 12px; }
@media only screen and (min-width: 64.063em) { .social-icons { margin-bottom: 0; } }
.social-icons a { display: block; }
.social-icons a:hover img { opacity: 0.9; }
.social-icons img { display: block; margin: 0 auto; }
.social-icons li { display: table-cell; padding-bottom: 0; }
.social-icons .icon-fb { width: 19px; }
.social-icons .icon-tw { width: 34px; }
.social-icons .icon-gr { width: 33px; }
.social-icons .icon-ig { width: 33px; }

.support { background-color: #f5f5f5; padding-top: 30px; }
.support .support-logos { margin: 0 0 30px 0; display: table; table-layout: fixed; width: 100%; }
.support .support-logos li { display: table-cell; vertical-align: middle; float: none; padding-bottom: 0; }
.support .support-logos img { display: block; margin: 0 auto; opacity: 0.7; }
.support .support-logos a { display: block; }
.support .support-logos a:hover img { opacity: 1; }
.support .support-logos .logo-can { width: 100px; }
.support .support-logos .logo-oac { width: 100px; }
.support .support-logos .logo-cca { width: 100px; }
.support .support-logos .logo-ont { width: 100px; }
@media only screen and (min-width: 40.063em) { .support .support-logos .logo-can { width: 121px; }
  .support .support-logos .logo-oac { width: 184px; }
  .support .support-logos .logo-cca { width: 185px; }
  .support .support-logos .logo-ont { width: 100px; } }

footer p { text-align: center; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; }
footer p big { font-family: "Montserrat", sans-serif; line-height: 1; font-size: 14px; }
footer p small { font-size: 9px; display: block; font-family: "Roboto Condensed", sans-serif; letter-spacing: 1px; color: #899398; }

.footer-linklist { list-style: none; padding: 0; margin: 0 0 15px 0; text-align: center; }
@media only screen and (min-width: 64.063em) { .footer-linklist { text-align: left; margin-bottom: 0; } }
.footer-linklist li:first-child { color: #8c9093; font-family: "Montserrat", sans-serif; font-size: 12px; text-transform: uppercase; }
.footer-linklist li { line-height: 1.4; }
.footer-linklist a { color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-size: 10px; text-transform: uppercase; }
.footer-linklist a:hover { color: #f2f2f2; }

.credits p { text-align: center; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; margin-bottom: 0; line-height: 1.5; }
.credits p big { font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 1.5; margin-bottom: 5px; display: block; }
.credits p small { display: block; font-family: "Roboto Condensed", sans-serif; letter-spacing: 1px; font-size: 9px; color: #899398; }

.search-modal.reveal-modal { position: fixed !important; top: 0 !important; box-shadow: none; padding: 10% 0; border-radius: 0; border: 0; background-color: rgba(29, 33, 36, 0.9); }
.search-modal.reveal-modal .row { max-width: 1000px; }
.search-modal.reveal-modal h2 { color: #ffffff; }
.search-modal.reveal-modal .button { font-family: "Montserrat", sans-serif; background-color: #00A0AF; color: #1d2124; }
input.input-group-field { font-family: "Roboto Condensed", sans-serif; box-shadow: none; border: 0; }
.input-group .btn {background-color: #00A0AF;}
.search-modal.reveal-modal .close-reveal-modal { font-size: 16px; top: 20px; right: 20px; color: #00A0AF; }

html {
  margin-top: 60px !important;
}

a {
  text-decoration: none !important;
}

.breadcrumb {
  text-transform: uppercase;
  border-bottom: 1px solid #E4E4E4;
  font-family: "Unica One", serif;
}

.breadcrumb span, .breadcrumb a {
  font-family: "Unica One", serif;
  letter-spacing: 1px;
  font-size: 20px;
}

h1.book-title {
  font-family: "Merriweather", serif;
  font-weight: normal;
  margin-top: 25px;
  margin-bottom: 0px;
}

p.vendor-title {
  font-family: "Merriweather", serif;
  font-weight: normal;
  font-size: 18px;
  color: #AAAAAA;
  font-style: italic;
  margin-bottom: 15px;
}

.selector-wrapper select {
  max-width: 450px !important;
}

ul.tabs {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  clear: both;
}

ul.tabs li {
  display: block;
  float: left;
  height: 39px;
  margin-bottom: 0;
  padding: 0;
  width: auto;
  margin-right: 2px;
  text-transform: uppercase;
}

ul.tabs li a {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
    border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background: none repeat scroll 0 0 #fff;
  display: block;
  font-size: 13px;
  height: 29px;
  line-height: 5px;
  margin: 0;
  padding: 20px;
  text-decoration: none;
  width: auto;
  color: #C0C0C0;
  border-bottom:none !important;
  font-family: 'Montserrat', serif;
  background-color: #fff;
}

ul.tabs li a.active {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #000;
  position: relative;
}

ul.tabs li:first-child a.active {
  margin-left: 0;
}

ul.tabs li:first-child a {
  border-top-left-radius: 2px;
  border-width: 1px 1px 0;
}

ul.tabs li:last-child a {
  border-top-right-radius: 2px;
}

ul.tabs:before, ul.tabs:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

ul.tabs:after {
  clear: both;
}

.rte ul {
  margin-left: 0px !important;
}

#tab-1, #tab-2 {
  position: relative;
  padding-top: 10px;
}

button#AddToCart.btn {
  width: 100%;
  max-width: 450px;
  border-radius: 0px;
  background-color: #000;
}

button#AddToCart.btn:hover {
  background-color: #505050;
}

span#AddToCartText {
  font-family: 'Unica One', serif;
  text-transform: uppercase;
}

#ProductPrice {
  font-family: 'Merriweather', serif;
  font-weight: 100;
}

.social_buttons {
  margin-bottom: 20px;
}

.social_buttons .fa {
  font-size: 20px;
  display: inline;
  float: left;
}

.social_buttons p {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}

a.twitter, a.pinterest, a.facebook, a.email, a.goodreads {
  display: block;
  float: left;
  padding: 5px;
  padding-top: 7px;
  margin-right: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 66px;
}

a.twitter span, a.pinterest span, a.facebook span, a.email span {
  display: block;
  float: right;
 font-family: 'Montserrat', serif;
  color: #fff;
  font-size: 10px;
  padding-top: 4px;
  padding-left: 5px;
}

a.goodreads span {
 font-family: 'Montserrat', serif;  
  float: left;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 3px;
  color: #fff;
  font-size: 10px;
}

a.twitter {
  background-color: #00aced;
}

a.facebook {
  background-color: #3b5998;
}

a.pinterest {
  background-color: #cb2027;
}

a.email {
  background-color: #ccc;
}

a.goodreads {
  background-color: #bcb9aa;
  width: 100px;
}

a.goodreads img {
  margin-top: 4px;
}

.fa-twitter, .fa-facebook, .fa-pinterest, .fa-envelope-o {
  color: #fff;
}

a.twitter:hover, a.facebook:hover, a.pinterest:hover, a.email:hover, a.goodreads:hover {
  opacity: 0.7;
}

form {
  margin-bottom: 15px !important;
}

.single-option-selector {
  border: 1px solid #000;
}

option {
  font-family: 'Merriweather', serif !important;
}

.credits {
  background-color: #f5f5f5;
}

.ajaxcart--drawer.is-visible .ajaxcart__content, div#AjaxifyCart, a.h4, .ajaxcart__content, .ajaxcart--drawer.is-visible  {
  background: #282e32;
  color: #fff;
}

#CartSpecialInstructions, #AjaxifyCart label, .ajaxcart__qty {
  display: none !important;
}

#AjaxifyCart form, a.h4, span.h3, .cart h1, .ajaxcart__remove {
  font-family: 'Merriweather', serif !important;
  color: #fff !important;
}

#AjaxifyCart em, #AjaxifyCart input.btn {
  font-family: 'Unica One', serif;
  font-style: normal;
  text-transform: uppercase;
}

.name h1 a {
  position: relative;
  z-index: 9999999999999999;
}

.rte p, h1 {
  font-family: "Merriweather", serif !important;
}

h2.section-header__title {
  font-family: 'Unica One', serif;
  text-transform: uppercase;
  text-align: center;
  font-weight: 100;
}

.related-slider button {
  display: none !important;
}

span.left, span.right {
  display: none;
}

.content-section {
  margin-left: 10% !important;
  margin-right: 10% !important;
}

@media only screen and (max-width: 768px) {
  
 .content-section {
  margin-left: 0px !important;
  margin-right: 0px !important;
} 
  
  .template-page .content-section {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
  
  ul.left.main-nav {margin-left: 0px !important;}
  
  ul.tabs li a {
    padding: 10px !important;
  }
  
  .breadcrumb {
    margin-bottom: 30px;
    margin-left: 30px;
}
  
  .collection-title {
    margin-left: 30px !important;
    margin-top: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 480px) {
  
  .product-description.rte, .selector-wrapper select {
  max-width: 100% !important;
  }
  
  .product-single {
   padding: 0 20px !important;
	}
  
  a.twitter, a.facebook {
    margin-bottom: 20px;
  }
  
  .breadcrumb {
    display: none;
  }
  
  .product-single {
    margin-top: 30px !important;
  }

}

@media only screen and (min-width: 481px) and (max-width: 1091px) {
  a.goodreads {
    clear: both !important;
    margin-top: 5px !important;
  }
}

@media only screen and (max-width: 480px) {
  a.goodreads {
    clear: both !important;
    margin-top: -15px !important;
  }
}

@media only screen and (max-width: 900px) {

  header .top-bar .name h1 a {
    width: 150px !important;
  }
}

.content-section .template-collection p.h6 a, .content-section .template-collection p {
  font-family: "Unica One", sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  margin-bottom: 0px;
}

.sidebar .grid__image {
  margin-top: 10px;
}

.sidebar ul li a, .sidebar h3 {
  font-family: "Unica One", sans-serif;
  text-transform: uppercase;
}

.sidebar ul {
  height: 300px;
  overflow:scroll;
}

.mc-field-group.inputgroup ul li, #mc_embed_signup_scroll ul li {
  list-style-type: none;
}

.mc-field-group.inputgroup ul, #mc_embed_signup_scroll ul {
  margin-left: 0px;
}

.clear {
  clear: both;
}

.title-area {
  max-height: 60px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.review {
  font-family: "Merriweather", serif !important;
  font-weight: normal;
}  

.review h2 {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: normal;
}

.review h3 {
  margin-bottom: 5px;
  font-size: 18px;
  color: #747474;
  font-weight: normal;  
}

.review p {
  font-size: 12px;
}

ul.tabs-content {
  list-style-type: none !important;
  border-top: 1px solid #ccc;
  margin-top: 1px;
  padding-top: 10px;
}

.header .top-bar-section, .header .top-bar-section ul li, .header .top-bar-section ul li a, .contact-info {
  background-color: #000 !important;
}

.related-slider img {
  max-height: 240px;
}

.social-icons li a {
  width: 37px;
  height: 37px;
}

.icon-tw {
  padding-top: 5px;
}

.icon-fb {
  width: 18px;
}

.rte p, p, #tab1, #tab2 {
  font-size: 12px;
}

.rte a {
  color: #87cefa;
}

.gorilla {
  background-color: transparent !important;
}

div[name^=flipgorilla] {
    width: 100% !important;
}

.listNav {
  margin-bottom: 20px;
}

.ln-letters a {
  padding: 10px !important;
}

.template-index {
  margin-top: 15px;
}

.slick-slide img {
  width: 100%;
}

.name h1 a {
  background-color: #00A0AF;
}

ul.title-area li.name {
  overflow:hidden;
}
  
.template-collection .grid__item a.grid__image {
  min-height: 375px;
}

ul.left.main-nav {margin-left: 40px;}

.template-search {
  margin-top: 50px;
}

.callouts img {
  width: 100%;
}

.cart h1 {
  margin-top: 20px;
}

#your-shopping-cart a.h4, #your-shopping-cart span.h3, #your-shopping-cart .cart h1 {
  background: #fff;
  color: #000 !important;
}

#your-shopping-cart .js-qty__adjust--minus {
  padding: 0px 10px;
}

#your-shopping-cart .js-qty__adjust--plus {
  padding: 0px 10px;
}

#your-shopping-cart .js-qty__adjust {
  top: -6px !important;
  margin-bottom: 0px;
}

#your-shopping-cart .js-qty__adjust:focus {
  background-color: #fff;
}

#your-shopping-cart .js-qty__adjust--minus, #your-shopping-cart .ajaxcart__qty--minus, #your-shopping-cart .js-qty__adjust--plus, #your-shopping-cart .ajaxcart__qty--plus, #your-shopping-cart input[type="text"] {
  border: 0px !important;
  box-shadow: none !important;
}

#your-shopping-cart .js-qty__adjust:hover {
  background-color: #00A0AF !important;
}

#your-shopping-cart .cart__row .js-qty {
  margin: 0 auto !important;
}

#announcing-the-breakdown-book-tour h1 {text-align: center;}

.grid ul {font-size: 12px; padding-left: 40px;}

.tbm_shop_local{width: 150px;}