/**
 * Shame! Shame! Shame!
 * The dog ends of styling that should be incorporated properly.
 * Then REMOVED from this file
 */

/* Generic */


.region-nav-main {
    font-family: 'GillSans SemiBold', sans-serif;
    text-transform: uppercase;
}


/*
.region-content .node__content .field--name-body p:first-of-type {
    text-align: center;
}*/

.region-content,
.region-content .home-latest .views-row .views-field-field-date {
 font-family: 'GillSans', sans-serif;
 color: #1C252F;
}

.region-content {
 font-size: 1.1rem!important
}

.page-node-type-book .region-content a,
.field--name-field-optional-text a,
.field--name-body a,
.views-field-view-commerce-product a {
 text-decoration: underline;
}

/*
.region-content a:hover {
    color: #bbee88ED;
}
/*

.path-dashboard .region-content a {
 text-decoration: none;
}

.region-content ul {
 list-style-type: disc;
}

 ul.inline {
 list-style-type: none;
}

/* reinstate in e5-light.css */
.region-content-bottom {
 background-color: rgb(233, 238, 239);
}

/* User manual stuff */
 .node-87 #block-e5-light-mainpagecontent > article > .node__content > .field--name-body,
.node-111 #block-e5-light-mainpagecontent > article > .node__content > .field--name-body {
 text-align: left;
}

.book-navigation {
 border-top: 2px solid;
 border-bottom: 2px solid;
}


/* Contact page fixes */

.view-contact-locations > .view-content > .views-row {
 padding-bottom: 40px;
 border-bottom: 1px solid rgb(238, 247, 228);
}

body.node-9 .region-content .field--name-body,
body.node-9 .region-content .block-page-title-block {
 background-color: rgb(238, 247, 228)!important;
}

/* FF text centre */
body.node-14 .region-content .field--name-body {
text-align: center;
}

/* Hide the label until the display is not dependent */
.field--name-field-four-square-images .field__label {
display: none;
}

/* Class and events - added awol time field back */
.path-product .field.field--name-field-start.field--type-string.field--label-inline.clearfix,
.path-product .product-event .field--name-field-duration, .path-product .product-class .field--name-field-duration, .path-product .product-event .field--name-field-spaces, .path-product .product-class .field--name-field-spaces, .path-product .product-event .field--name-field-date, .path-product .product-class .field--name-field-date {
 color: #284251;
 font-weight: normal;
 font-size: 1.2rem!important;
 line-height: 1.3rem!important;
 text-transform: unset;
 font-family: 'GillSans';
}

/* Buy now colour changes */
.path-product .product-event .product-book-now, .path-product .product-class .product-book-now {
 background-color: rgb(187, 238, 136);
 color: #1C252F;
}

/* Classes and events a2c + reg form */
.path-product .product-event .buy, .path-product .product-class .buy,
.region-content details {
 border-color: #1C252F;
}


/* Oh, this needs sorting properly. We want to ditch the idiosyncratic width of these pages */
@media (min-width: 1024px) {
 .page-node-type-home .region-content, .node-3 .region-content, .node-7 .region-content {
 --contentRegionSidePadding: 250px;
 }
}

/* Reset the page width on these idiosyncratic ones - wider scrceens only */
@media (max-width: 719px) {
 .page-node-type-home .region-content, .node-3 .region-content, .node-7 .region-content {
 --contentRegionSidePadding: 40px;
 }
}

/* Adds a bit of space for absolutely positioned rows */
.view-events .views-row:nth-child(n+4),
.view-blog .views-row:nth-child(n+4),
.view-classes .views-row:nth-child(n+4) {
 margin-top: 40px;
}

/* Rules for the print icon, position, pointer etc */

div.print {
 background-color: rgb(233, 238, 239);
 color: #1C252F;
 position: absolute;
 transform: rotate(-90deg);
 padding: 10px 10px 2px 10px;
 z-index: 2;
 right: 0;
 font-size: 1.2rem !important;
 font-weight: bolder;
 cursor: pointer;
}

i.fa-print {
 margin-right: 10px;
}

/* Adjust a2c style to match color changes sitewide */
form:not(#mailchimp-signup-subscribe-block-mc-form) .form-actions input[type="submit"] {
/*	padding: 20px 15px 15px 15px;
	font-family: 'GillSansBold';
	text-transform: uppercase;
	box-sizing: border-box; */
	background-color: #bbee88ED;
        color: #1C252F;
}


.caplink > div {
 display:none;
}

.caplink:hover>div {
 display:block;
 background: #dedede;
 padding: 10px;
}

/* Pullquote colour and size change */
.user-content-block-type-pullquote {
 font-size: 2rem !important; /* see e5-light.css */
 color: #A8D67A;
}

/* Hide the "hidden" rounds */
form#profile-wholesale-add-form .form-item .hidden, form#profile-wholesale-edit-form .form-item .hidden {
    display: none;
}



/* Hide some things on-screen reports: 13/12/22 this is causing some issues - commenting out */
/* .user-logged-in .view-wholesale-order-reports th#view-nothing-table-column,
.user-logged-in .view-wholesale-order-reports td.views-field-nothing {
display: none;
} */

/* Hide some things on printed reports - not working needs to be called elsewhere I reckon */
#outercontainer th#view-order-number-table-column,
#outercontainer .views-field-order-number {
display: none;
}

.textLayer span {
font-size: 0.8rem;
}

.region-content a.nohover:hover {
color: black;
}

.view .profile--view-mode--quantity-only {
    display: none;
}

/* produced v non-produced items in the products table */

.e5-subscription-form .orderTable .products .produced {
    background-color: #A8D67A;
}

.e5-subscription-form .orderTable .products .non-produced {
    background-color: #dedede;
}

/* Style the drupal messages and cart a bit better */
div[data-drupal-messages] a {
    color: #225263;
    text-decoration: underline;
    margin-top: 10px;
    font-weight: bold;
    display: inline-block !important;
}

div[data-drupal-messages] a:hover {
    color: #225263!important;
}

div[data-drupal-messages] .cartButton a {
    display: block;
    font-weight: bold;
    padding: 20px 15px 15px 15px;
    font-family: 'GillSansBold';
    text-transform: uppercase;
    color: white;
    background-color: #225263;
    max-width: 200px;
    text-align: center;
}

div[data-drupal-messages] {
    margin-bottom: 5px;
}

/* Hack to show the admin toolbar a bit better on safari see #4791*/
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      /* Safari-specific styles */
      #toolbar-administration #toolbar-bar {
        width: 100%;
        top:0;
      }
      .toolbar-toggle-orientation  {
        right: 0px;
      }
    }
  }