/*
Theme Name: Chaplin Child
Template: chaplin
Text Domain: chaplin-child
*/ 


/* -------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	1. Document Setup
/* --------------------------------------------------------------------------------------------- */

.section-inner {
    max-width: 100% !important;
}

/* --------------------------------------------------------------------------------------------- */
/*	2. Element Base
/* --------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
}
p {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 0.95em !important;
}
.wp-block-quote p, .wp-block-quote strong {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
}
.light {
    font-weight: 300;
}
.medium {
    font-weight: 600;
}
.heavy {
    font-weight: 800;
}
.uppercase {
    text-transform: uppercase;
}
.shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.hide {
    display: none;
}
.smaller {
    font-size: 85% !important;
}
.underline {
    text-decoration: underline;
}
.noline {
    text-decoration: none;
}
.center {
    text-align: center;
}
.btn {
    font-size: inherit !important;
    text-decoration: none;
}
.accent {
    background-color: #e0edf1;
}
.bronze {
color: #AD8A56;
}
/* --------------------------------------------------------------------------------------------- */
/*	3. Helper Classes
/* --------------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/*	4.	Site Header
/* -------------------------------------------------------------------------------- */

#site-header {
    margin-bottom: 0 !important;
}

#site-header, .overlay-header #site-header {
padding: 0 0 4.5rem 0 !important;
}
#site-header a:hover {
    text-decoration: none;
}
.header-titles {
    align-items: center !important;
}
.header-inner {
    border-bottom: 2px solid #e0edf1;
}
.header-inner .section-inner {

}
.site-title {
    font-weight: 500;
    color: #2e3192;
}
.site-title svg {
    fill: currentColor;
    float: left;
}
.site-title a {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif !important;
    float: left;
    font-size: 4rem;
}
.header-inner.is-sticky {
    z-index: 999 !important;
}
.header-inner.is-sticky .site-title, header-inner.is-sticky .faux-heading {
    color: #2e3192;
}
.header-navigation-wrapper {
    border-left: 2px solid #e0edf1;
}
/* -------------------------------------------------------------------------------- */
/*	4.1	Home
/* -------------------------------------------------------------------------------- */

.leader {
    line-height: 1.25 !important;
    letter-spacing: -0.2px;
    font-weight: 500;
}

/* --------------------------------------------------------------------------------------------- */
/*	5. Modal: Menu
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	6. Search
/* --------------------------------------------------------------------------------------------- */

.preview-media a img, .coverimage a img {
    width: 100%;
}

/* --------------------------------------------------------------------------------------------- */
/*	7a. Template: Cover Template
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	7b. Template: Only Content
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	7c. Template: Full Width
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	7d. Template: Full Width with Only Content
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	7e. Template: Book
/* --------------------------------------------------------------------------------------------- */
.book-info > h1, h2, h3, h4 {
    margin: 0 0 1.5rem !important;
}
.booktitle {
}
.subtitle {
    font-size: 2.5rem;
}
.featured-text p {
    border-top: 1px solid #000;
    padding: 4rem 0;
    font-weight: 600;
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
.bibliographic-details {
        border: 1px solid #000;
}
span.author h3, span.author h3 a {
    text-decoration: none !important;
    font-size: 2.5rem;
}
span.author h3 a:hover {
    text-decoration: underline;
}

span.item_price {
    white-space: nowrap;  
}
/* --------------------------------------------------------------------------------------------- */
/*	8. Post: Archive
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	9. Post: Single
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	10. Blocks
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	11. Entry Content
/* --------------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/*	12. Comments
/* -------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	13. Tweaks
/* --------------------------------------------------------------------------------------------- */

.entry-content a.btn:hover {
    text-decoration: none;
    
}
a {
    -webkit-transition-property: none !important;
    -moz-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important;
}
.nakeda {
    text-decoration: none !important;
    color: #000;
}
.preview-media:hover {
    -moz-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px)
        transition-timing-function: ease;
}
.table .tr .td {
    display: table-cell;
}

.panel-title::after {
	content: "\f107";
    font-family: "FontAwesome"
}

.panel-title[aria-expanded="true"]::after {
	content: "\f107";
    display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
    transition-timing-function: ease;
    transition: width 2s;
}
.serieslink, .serieslink:hover {
    text-decoration: none;
    color: inherit;
}

.serieslink:after {
    content:"\f178";
    font-family: "FontAwesome";
    padding-left: 1rem;
}
ul.list-numbers {
    counter-reset: li;
    list-style: none;
}
ul.list-numbers li::before {
    counter-increment: li;
    content: counter(li);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 1px;
    background: #2e3192;
    color: #fff;
    text-align: center;
    font-weight: 800;
    position: absolute;
}
ul.list-numbers li p {
    padding-left: 3.5em;
}
.alt-btn {
    background: #2e3192 !important;
    text-transform: none !important;
}
.post-navigation {
    line-height: 1.1;
}
.gold {
    color: #DAA520;
}
.silver{
    color: #B4B4B4;
}
.bronze {
    color: #AD8A56;
}
/* --------------------------------------------------------------------------------------------- */
/*	14. Error 404
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	15. Snipcart
/* --------------------------------------------------------------------------------------------- */

.snipcart-add-item {
    padding: 1.5rem 0.5rem;
    text-transform: uppercase;
    border-radius: 0;
    background: #000;
}
.snipcart-add-item:hover {
    background: #2e3192;
    text-decoration: none;
}
a.paypal-button {
    padding: 1rem 0.5rem;
    text-transform: uppercase;
    border-radius: 0;
    background: #000;
    font-size: 85% !important;
    font-weight: 600;
    color: #fff;
}
a.paypal-button:hover {
    background: #2e3192;
    text-decoration: none;
}
.snip-layout {
    z-index: 9999;
}

/* -------------------------------------------------------------------------------- */
/*	16.	MC4WP
/* -------------------------------------------------------------------------------- */

.mc4wp-form-14616 input[type='email'] {
    background: #fff;
    border-radius: 0;
    border: 1px solid #000;
}
.mc4wp-form-14616 input[type='submit'] {
    border: none;
    border-radius: 0;
}
.mc4wp-form-14616 label {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
}
/* --------------------------------------------------------------------------------------------- */
/*	17. Site Footer
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*	18. Lightbox
/* --------------------------------------------------------------------------------------------- */

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



/* --------------------------------------------------------------------------------------------- */
/*	19. Media Queries
/* --------------------------------------------------------------------------------------------- */


@media (max-width: 576px) {
   .site-title svg {display: none;}
    .nr-badge {display:none;}
    #site-content .container {padding:0 !important;}
    .main-menu > li > .ancestor-wrapper > a {font-weight: 600 !important;font-size:2.5rem;}
    .cover-header {margin-bottom: 3rem;}
}


@media (max-width: 767px) {
    .grid-item:nth-child(2n+1){clear:left;}
    .grid-item:nth-child(3n+1){clear:initial !important;}
    .grid-home:nth-child(2n+1){clear:left;}
    .grid-home:nth-child(3n+1){clear:initial !important;}
    .border-left, .border-right {border:0px solid !important;}
    .three-col {column-count: 2 !important;}
}

@media (min-width: 768px) {
}

@media (max-width: 991px) {
    .grid-item:nth-child(3n+1), .grid-home:nth-child(3n+1) {clear:left;}
}

@media (min-width: 992px) {
    .grid-item:nth-child(4n+1){clear:left;}
    .grid-home:nth-child(6n+1){clear:left;}
    .menu-modal.active .menu-modal-inner {border-left: 2px solid #e0edf1; background: #fafaf5;}
}


@media (min-width: 1200px) {
    .container {
        max-width: 980px;
    }
}

/* --------------------------------------------------------------------------------------------- */
/*	20. Misc
/* --------------------------------------------------------------------------------------------- */

.nf-form-fields-required {
    display: none;
}
.nf_submit_button {
    width: 100% !important;
}
.nf-error-field-errors {
    display: none;
}
.nr-badge {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: #000;
    color: #fff;
    position: absolute;
    top: -2rem;
    left: -1.5rem;
    transform: rotate(-10deg);
}
form {
    margin-bottom: 0 !important;
}
.three-col {
    column-count: 4;
}
li.cat-item {
    list-style-type: none;
    margin: 0;
}
.bib-btn {
    padding: 1.5rem 0.5rem;
    text-transform: uppercase;
    border-radius: 0;
    background: #000;
    font-size: 85% !important;
    font-weight: 600;
}
.bib-btn:hover {
    background: #2e3192 !important;
    text-decoration: none;
} 
.eu-btn {
    padding: 1.5rem 0.5rem;
    text-transform: uppercase;
    border-radius: 0;
    color: #ffd617 !important;
    background: #004494 !important;
    font-size: 85% !important;
    font-weight: 600;
}
.eu-btn:hover {
    background: #404040 !important;
    text-decoration: none;
}