/*
Theme Name:   Premier Child
Description:  Premier Child Theme
Author:       Clapton CFC
Author URI:   https://www.claptoncfc.co.uk
Template:     premier
Version:      1.0.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  premier-child
*/

@font-face {
  font-family: "GalanoGrotesque";
  font-weight: normal;
  src: url("../../../lib/fonts/GalanoGrotesque.otf ") format("opentype");
}

@font-face {
  font-family: "GalanoGrotesque";
  font-weight: bold;
  src: url("../../../lib/fonts/GalanoGrotesqueBold.otf ") format("opentype");
}


body {
}

.smGlobalBtn {
  display: inline-block;
}

.smGlobalBtn a { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #FFF;
    padding: 0px;
    margin-right: 4px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    overflow: hidden;
    text-indent: -999px;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.smGlobalBtn a:hover {
  background: #d4000f;
}

.smGlobalBtn a:before {
  color: black;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-indent: 0;
}

.facebookBtn a:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}
.twitterBtn a:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
}
.instagramBtn a:before{
      font-family: "FontAwesome";
      content: "\f16d"; /* add rss icon */
}
.youtubeBtn a:before{
      font-family: "FontAwesome";
      content: "\f16a"; /* add rss icon */
}
.rssBtn a:before{
      font-family: "FontAwesome";
      content: "\f09e"; /* add rss icon */
}

@media screen and (max-width: 600px) {
  .entry-title {
    font-size: 28px;
    margin: 0 0 0;
  }
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-breadcrumbs {
  display: none !important;
}

.post-password-form input {
  border: 1px solid #ccc;
}

.stories--list--member-story,
.programmes--list--programme {
  float: left;
  padding: 1rem;
}

.programmes--list--programme {
  text-align: center;
}

.stories--list--member-story {
  text-align: left;
}

.stories--list--image {
  background: center center no-repeat transparent;
  background-size: cover;
  overflow: hidden;
  padding-top: 70%;
  position: relative;
  width: 100%;
}

.stories--list--member-story img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.programmes--list--programme img {
  max-width: 100%;
  height: auto;
}


@media screen and (max-width: 600px) {
  .programmes--list--programme {
    width: 50%;
  }

  .programmes--list--programme:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (max-width: 800px) {
  .stories--list--member-story {
    width: 50%;
  }

  .stories--list--member-story:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .programmes--list--programme {
    width: 33%;
  }

  .programmes--list--programme:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 801px) {
  .programmes--list--programme {
    width: 25%;
  }

  .programmes--list--programme:nth-child(4n+1) {
    clear: left;
  }

  .stories--list--member-story {
    width: 33%;
  }

  .stories--list--member-story:nth-child(3n+1) {
    clear: left;
  }
}

.post.category-transparency table,
table.transparency {
  background: white;
  color: #222;
}

.post.category-transparency table thead tr,
table.transparency thead tr {
  background: #555;
  text-transform: uppercase;
}

.post.category-transparency table tbody tr,
table.transparency tbody tr {
  border-top: 1px solid #999;
}

.post.category-transparency table tbody tr:first-child,
table.transparency tbody tr:first-child {
  border-top: none;
}

.post.category-transparency table tbody tr:last-child,
table.transparency tbody tr:last-child {
  border-top-width: 3px;
}

.post.category-transparency table tbody tr:nth-child(odd),
table.transparency tbody tr:nth-child(odd) {
  background: #ddd;
}

.post.category-transparency table tbody tr td:last-child,
table.transparency tbody tr td:last-child {
  text-align: right;
  font-family: monospace;
}

.post.category-transparency table tbody tr:last-child td,
table.transparency tbody tr:last-child td {
  font-weight: bold;
}

.post.category-transparency table tbody td:first-child, table th:first-child,
table.transparency tbody td:first-child, table th:first-child {
  padding-left: 0.5rem;
}


.page-template-page-transparency .entry-content > div ul {
  margin-left: 0;
}

.page-template-page-transparency .entry-content > div:first-child ul {
  margin-left: 1.2em;
}

.postsbycategory li,
.content_extra ul li {
  list-style: none;
  font-weight: bold;
}

@media screen and (min-width: 801px) {
  .page-template-page-transparency .entry-content > div {
    width: 33%;
    float: left;
  }
}

.lineup .sp-icon-soccerball:before,
.lineup .sp-icon-shoe:before {
  color: white !important;
}

@media screen and (max-width: 800px) {
  
  .menu-item > a {
    border-bottom: 1px solid lightgrey;
  }
  
  .menu-item.menu-item-has-children:hover a {
    background: none;
  }
  
  .menu-item.menu-item-has-children:hover > ul {
    display: none;
  }
  
  .menu-item.menu-item-has-children > a {
    position: relative;
  }
  
  .menu-item.menu-item-has-children > a:after {
    display: inline-block;
      width: 20px;
      height: 20px;
      font-size: 20px;
      line-height: 1;
      font-family: dashicons;
      text-decoration: inherit;
      font-weight: 400;
      font-style: normal;
      vertical-align: top;
      text-align: center;
      transition: color .1s ease-in 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 5px;
      content: "\f345";
  }

  .menu-item.menu-item-has-children.open a {
    background: #d4000f;
  }

  .menu-item.menu-item-has-children.open > a:after {
    content: "\f347"
  }

  .menu-item.menu-item-has-children.open > ul {
    display: block;
  }
  
  .main-navigation li.menu-item-has-children .sub-menu a {
    background: #ab000c;
  }

  .main-navigation li.menu-item-has-children .sub-menu .sub-menu a {
    background: #750008;
  }
}

@media screen and (min-width: 801px) {
  .main-navigation ul ul a {
    letter-spacing: 0.05em;
    line-height: 21px;
    text-transform: none;
  }
}

.main-navigation a {
  font-size: 16px;
}

.header__notification {
  display: block;
  margin: 0 auto 2rem;
  max-width: 650px;
  width: 100%;
}

form.wpcf7-form label {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
}

input[type="text"].wpcf7-form-control,
input[type="email"].wpcf7-form-control,
input[type="url"].wpcf7-form-control,
input[type="password"].wpcf7-form-control,
input[type="search"].wpcf7-form-control,
textarea.wpcf7-form-control {
  border: solid 1px #666;
  margin-bottom: 0;
}

textarea.wpcf7-form-control {
  height: 100px;
}

.main-navigation ul ul a {
  min-width: 260px;
}

.wp-block-pb-accordion-item {
  border-bottom: 1px solid #000;
  padding-top: 0.5rem;
}

.c-accordion__title {
  color: #d4000f;
  font-size: 24px;
}

.c-accordion__title::after {
  color: #d4000f;
}

.entry-date {
  background: transparent;
  font-size: 16px;
  padding: 10px 0;
}

.has-post-thumbnail .entry-details .entry-date {
  position: relative;
  top: 0;
  left: 0;
}

body.home .site-title,
.header-area-has-logo .site-title {
  margin-top: 0;
}

.news-widget--2-columns {
  display: grid;
}

.news-widget__post__date {
  margin-bottom: 0;
}

.news-widget__post__title {
  border-bottom: 4px solid #d4000f;
  display: block;
  font-family: 'galano_grotesque_demobold';
  line-height: 24px;
  margin: 0 0 16px;
  padding-bottom: 10px;
}

.news-widget__post__image {
  padding-top: 60%;
  display: block;
  overflow: hidden;
  position: relative;
}

.news-widget__post__thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 601px) {
  .news-widget--has-columns .news-widget__post {
    width: 100% !important;
  }
}

@media screen and (max-width: 808px) {
  .news-widget--2-columns {
    grid-template: auto / 1fr;
  }
}

@media screen and (min-width: 808px) {
  .news-widget--2-columns {
    grid-template: auto / 1fr 1fr;
  }
}

.widget_sp_event_list a {
  color: #000;
}

.widget_sp_event_list .sp-table-caption {
  letter-spacing: 1px;
}

.widget_sp_event_list .sp-event-list {
  background: white
}

.widget_sp_event_list .sp-event-list thead {
  display: none;
}

.widget_sp_event_list .sp-event-list tbody tr {
  border-bottom: 1px solid #999;
  display: flex;
  flex-wrap: wrap;
}

.widget_sp_event_list .sp-event-list tbody tr:hover a {
  color: #d4000f;
}

.widget_sp_event_list .sp-event-list tbody .data-date,
.widget_sp_event_list .sp-event-list tbody .data-time {
  flex-shrink: 1;
  font-size: ;
  padding: 0.5em;
  width: fit-content;
}

.widget_sp_event_list .sp-event-list tbody .data-date {
  order: -2;
  padding-right: 0;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
}

.widget_sp_event_list .sp-event-list tbody .data-time {
  order: -1;
  padding-left: 0;
}

.widget_sp_event_list .sp-event-list tbody .data-event {
  padding: 0 0.5rem 0.5rem;
  width: 100%;
}

.widget_sp_event_list .sp-event-list tbody .data-event a {
  align-items: center;
  display: flex;
  font-weight: bold;
}

.widget_sp_event_list .sp-event-list tbody .data-time:before {
  color: #000;
  content: ', ';
}

.widget_sp_event_list .sp-event-list tbody .dataTables_empty {
  text-align: center;
  width: 100%;
}

.widget_sp_event_list .sp-event-list .sp-view-all-link {
  color: #d4000f;
  margin-top: 0.5rem;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__card {
  background: #d4000f;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title-inner {
  color: #fff !important;
  margin: .5em 0 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title {
  height: 100%;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__wrap-inner:hover .grid-category__title-inner {
  transform: translateY(0) translateZ(0) !important;
}

#second-menu {
  background: black;
  font-family: 'GalanoGrotesque';
  padding-top: 0.5em;
  text-align: right;
  font-size: 0.9em;
  font-weight: bold;
}

#second-menu-container {
  min-width: 50%;
}

#second-menu a {
  color: white  ;
}

#second-menu ul {
  margin: 0;
}

#second-menu li {
  display: inline-block;
  margin-right: 2.5em;
  min-width: 10em;
}