/*
 Theme Name:   U3A - Waterlooville
 Theme URI:    https://www.microtext.co.uk/
 Description:  Twenty Seventeen Child Theme
 Author:       Terry Cassell
 Author URI:   https://www.microtext.co.uk
 Template:     twentyseventeen
 Text Domain:  u3a

*/
@font-face{font-family:"u3a Sans";font-style:normal;font-weight:300;font-display:fallback;src:url('/wp-content/themes/u3a/fonts/u3a-Sans-Light.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"u3a Sans";font-style:italic;font-weight:300;font-display:fallback;src:url('/wp-content/themes/u3a/fonts/u3a-Sans-LightItalic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"u3a Sans";font-style:normal;font-weight:400;font-display:fallback;src:url('/wp-content/themes/u3a/fonts/u3a-Sans-Regular.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"u3a Sans";font-style:italic;font-weight:400;font-display:fallback;src:url('/wp-content/themes/u3a/fonts/u3a-Sans-Italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"u3a Sans";font-style:normal;font-weight:700;font-display:fallback;src:url('/wp-content/themes/u3a/fonts/u3a-Sans-Bold.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"u3a Sans";font-style:italic;font-weight:700;font-display:fallback;src:url('/wp-content/themes/u3a/fonts/u3a-Sans-BoldItalic.woff2') format('woff2');font-stretch:normal;}

  
  body,
  p {
    font-family: 'u3a Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    color: #000;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'u3a Sans', sans-serif;
    color: #005ab8;
    font-weight:bold;
  }
  a {
    font-family: 'u3a Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #005ab8;
    text-decoration: none;
  }
  button,
  input,
  select,
  textarea {
    color: #333;
    font-family: 'u3a Sans', helvetica, arial, sans-serif;
    font-size: 16px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.66;
  }
  button {
    color: #fff;
  }
  body.has-header-image .site-title,
  body.has-header-video .site-title,
  body.has-header-image .site-title a,
  body.has-header-video .site-title a {
    color: #005ab8;
  }
  /* Make it all a bit wider */
  
  .wrap,
  .navigation-top .wrap {
    max-width: 1200px;
  }
  .has-header-image .custom-header-media img {
    object-fit: cover;
  }
  /* Frontpage Banner image, corner Bg & text placement */
  
  .twentyseventeen-front-page.has-header-image .custom-header-media {
    height: 200px;
    /* margin: 0 0 52px; */
    padding: 0;
  }
  .custom-header-media:before {
    /* Lose that lovely gradient */
    background: none;
  }
  .site-branding {
    padding: 0;
    margin-bottom: 0!important;
  }
  .site-branding-text {
    padding-top: 0;
  }
  .twentyseventeen-front-page .site-branding-text {
    padding-top: 2rem;
  }
  .site-branding {
    background-image: url("/wp-content/themes/u3a/images/top-right-bg-24.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
  }
  .twentyseventeen-front-page .site-branding {
    background-image: url("/wp-content/themes/u3a/images/top-right-bg-24.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    height: 152px;
  }
  body.has-header-image .site-title a body.has-header-image .site-title,
  body.has-header-image .site-title a,
  .site-title a {
    font-size: 5.0rem;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    /* background: rgba(32, 25, 0, 0.5); */
    padding: 0 10px;
  }
  .site-title a:after {
    content: "\0000a0u3a";
  }
  .has-header-image .custom-header-media img {
    position: static;
  }
  .wp-custom-header {
    height: 100%;
  }
  .wrap {
    padding: 0 15px;
  }
  body.page-two-column:not(.archive) #primary .entry-header {
    width:100%;
  }
  @media screen and (min-width: 20em) {}
  @media screen and (min-width: 30em) {}
  @media screen and (min-width: 48em) {
    .site-description {
      font-size: 20px;
      font-size: 1.25rem;
      padding-left: 10px;
    }

    .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
    .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
    .admin-bar.home.blog.has-header-image .custom-header-media,
    .admin-bar.home.blog.has-header-video .custom-header-media,
    .twentyseventeen-front-page.has-header-image .custom-header-media {
      height: 548px;
    }
    .has-header-image.twentyseventeen-front-page .site-branding {
      position: absolute;
      bottom: unset;
      height: 180px;
      top: 0;
    }
    .wrap {
      padding: 0 15px;
    }
    .main-navigation a {
      padding: 1em 1em;
    }
  }
  @media screen and (max-width:87.5em) {
    body.has-header-image .site-title a,
    body.has-header-image .site-title,
    .site-title a {
      font-size: 4rem;
      font-size: 4.5vw;
    }
    .has-header-image.twentyseventeen-front-page .site-branding {
      /* RH Top corner Bg image height */
      height: 140px;
      height: 10vw;
      display: block;
    }
    .site-branding-text {
      padding-top: 0;
    }
    .twentyseventeen-front-page .site-branding-text {
      padding-top: 2vw;
    }
    .twentyseventeen-front-page.has-header-image .custom-header-media {
      /* Banner image height */
      height: 230px;
      height: 30vw;
    }
    .has-header-image.twentyseventeen-front-page .custom-header {
      display: table;
      height: 230px;
      height: 30vw;
    }
    .wp-custom-header {
      margin-right: -17px;
      /* Removes that pesky rh margin */
    }
    .site-description {
      font-size: 14px;
      font-size: 2vw;
      padding-left: 10px;
    }
  }
  /* New stuff */
  
  .custom-header {
    max-width: 1200px;
    margin: 0 auto;
  }
  .twentyseventeen-front-page .custom-header {
    max-width: none;
    margin: 0;
  }
  .custom-header {
    height: 180px;
    height: 13vw;
  }
  .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    min-width: 0;
  }
  /* Navigation */
    @media screen and (min-width: 48em) {
    .navigation-top {
      bottom: 1px;
    }
    .page-template-page-import .navigation-top {
      /* bottom: -47px; tmc was filling page with yellow!!! */
    }
  }
  .navigation-top a {
    font-weight: normal;
  }
  .navigation-top nav {
    /* margin-left: -1.5em; */
    margin-left: -2.1em;
  }
  .main-navigation a {
    padding: 12px 10px;
    margin: 0 1px;
  }
  .main-navigation a:hover {
    color: #fff;
    background: #005ab8;
  }
  .main-navigation ul {
    background: #ffc800;
  }
  .navigation-top,
  .menu-item {
    background: #ffc800;
    border: 0;
  }
  .navigation-top .wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-navigation ul li.menu-item-has-children:before,
  .main-navigation ul li.menu-item-has-children:after,
  .main-navigation ul li.page_item_has_children:before,
  .main-navigation ul li.page_item_has_children:after {
    /* Move little triangle under drop-down */
    right: 0.6em;
  }
  .site-header .menu-scroll-down,
  .site-header .navigation-top .menu-scroll-down {
    top: 0;
    padding: 12px 10px;
  }
  .site-header .menu-scroll-down:hover,
  .site-header .navigation-top .menu-scroll-down:hover {
    color: #fff;
  }
  .site-header {
    background-color: #fff;
  }
  /* Page */
  .panel-content .wrap {
		padding-top: 1.25em;
	}
  .site-content {
    padding: 1.25em 0 0 0;
  }
  @media screen and (min-width: 48em) {
    .panel-content .wrap {
      padding-top: 2.5em;
    }
    .site-content {
        padding: 2.5em 0 0 0;
    }
  }
  body.page-two-column:not(.archive) #primary .entry-content {
    width: 100%;
    float: none;
  }
  body:not(.twentyseventeen-front-page) .entry-header {
    /* padding-bottom: 0; */
  }
  .entry-content a {
    box-shadow: none;
    /* -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; */
    /* transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; */
    /* transition: color 80ms ease-in, box-shadow 130ms ease-in-out; */
    /* transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; */
  }
  .entry-content a:hover {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(40, 135, 230, 1);
    color: rgba(40, 135, 230, 1);
  }
  .wp-block-table thead,
  .wp-block-table thead th {
    border-bottom: 2px solid #ddd!important;
  }
  /* Groups */
.wp-block-table {
  width:100%;
}
.wp-block-table th:first-child,
.wp-block-table td:first-child {
	padding-left: 9px;
}
.wp-block-table table {
	border-left: 1px solid #ddd
}
.wp-block-table td,
.wp-block-table th {
	border-right: 1px solid #ddd;
}
.wp-block-table th {
	border-top: 1px solid #ddd
}
.u3agrouplist-column-first-flow h3 {
border-bottom:1px solid #ffc800;	
}
.u3agrouplist-column-first-flow h3:first-of-type {
	border:none;
}
.u3a_group_title a {
	font-weight:bold;	
}
.u3a_group_when {
	font-size:14px;
	color:#111;
}
.u3a_group_table tr:first-child {
  display:none;
}
  /* Calendar */
  
  .mc-main th,
  .mc-main .has-events .mc-date {
    background-color: #005ab8!important;
  }
  .wp-block-columns {
    border-bottom: 3px solid #ccc;
    margin-bottom: 1.375em;
  }
  .wp-block-image {
    margin-bottom: 1.5em;
    text-align: center;
  }
  .post-52 .entry-header {
    display: none;
  }
  .page .panel-content .entry-title,
  .page-title,
  body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #005ab8;
    font-size: 30px;
    font-size: 2.625rem;
    font-weight: 800;
    letter-spacing: inherit;
    text-transform: none;
  }
  h2,
  .home.blog .entry-title {
    color: #005ab8;
    /* font-size: 20px;
  font-size: 1.25rem; */
    font-weight: 700;
  }
  .max-100 img {
    max-width: 768px;
    height: auto;
  }
  .wp-block-embed__wrapper iframe {
    width: 100%;
  }


  
  @media screen and (min-width: 30em) {
    body,
    button,
    input,
    select,
    textarea {
      font-size: 16px;
      font-size: 1rem;
    }
    h1 {
      font-size: 30px;
      font-size: 2.625rem;
    }
    h2,
    .home.blog .entry-title,
    .page .panel-content .recent-posts .entry-title {
      font-size: 26px;
      font-size: 1.625rem;
    }
  }
  .page p, .wp-block-u3a-grouplist, .wp-block-u3a-grouplist a {
    font-size: 16px;
    font-size: 1rem;
  }
  .navigation-top, .navigation-top a {
    font-size:18px;
    font-size:1.125rem;
  }
  @media screen and (max-width: 47.999em) {
    .navigation-top {
      margin-top: -2px;
    }
    .wrap {
      padding-left: 7px;
      padding-right: 7px;
    }
  }
  /* Test me responsive */
  
  body {
    /* mobi 0 (320) -> 575.999px */
    color: #600;
  }
  .site-branding {
    border: 3px solid #ccc;
  }
  .page .panel-content .entry-title,
  .home .page-title,
  body .home .page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 3.625rem;
    font-size:2.5rem;
    text-align:center;
  }
  @media screen and (min-width:36em) {
    /* 576px -> */
    body {
      color: #066;
    }
    .site-branding {
      border: 3px solid #cc0;
    }
  }
  @media screen and (min-width:48em) {
    /* 768px -> */
    body {
      color: #006;
    }
    .site-branding {
      border: 3px solid #c0c;
    }
  }
  @media screen and (min-width:62em) {
    /* 992px -> */
    body {
      color: #606;
    }
    .site-branding {
      border: 3px solid #c00;
    }
  }
  @media screen and (min-width:64em) {
    /* 1024px -> */
    body {
      color: #660;
    }
    .site-branding {
      border: 3px solid #0cc;
    }
  }
  @media screen and (min-width:75em) {
    /* 1200px -> */
    body {
      color: #060;
    }
    .site-branding {
      border: 3px solid #0c0;
    }
  }
  @media screen and (min-width:87.5em) {
    /* 1400px -> -> */
    body {
      color: #aaa;
    }
    .site-branding {
      border: 3px solid #00c;
    }
  }
  body {
    color: #333;
  }
  .site-branding {
    border: none;
  }
  @media screen and (min-width: 30em) {
    .home .panel-content .entry-header {
      margin-bottom: 2.0em;
    }
  }
  .home .widget-area {
    display: none;
  }
  footer {
    background-color:#efefff
  }
  footer .site-footer {
    border-top: none;
  }
  footer.site-footer {
    background: #005ab8;
    background-image: url('/wp-content/themes/u3a/images/shapes.svg');
    background-repeat: no-repeat;
    background-position: center right;
    color: #fff;
    font-size: 13px;
  }
  .site-footer .wrap {
    padding-bottom: 1.5em;
    padding-top: 2em;
  }
  footer a,
  footer a:hover,
  footer .site-info a,
  footer .site-info a:hover {
    font-size: 13px;
    color: #fff;
  }
  footer .site-info a:hover {
    -webkit-box-shadow: inset 0 0 0 rgba(255, 200, 0, 0), 0 2px 0 rgba(0255, 200, 0, 1);
    box-shadow: inset 0 0 0 rgba(255, 200, 0, 0), 0 2px 0 rgba(255, 200, 0, 1);
  }
  .footer_terms {
    display:block;
    float:none;
    margin-top:4px;
  }
  .site-info {
    width: 75%;
  }
  @media screen and (min-width: 48em) {
    .footer_terms {
      display:inline-block;
      margin-top:0;
      float:right;
    }
  }

  .html-import {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
  }
  #group-box {
    max-width: 800px;
    text-align: left;
    margin: 0 auto;
  }
  .html-import h1 {
    text-align: center;
  }
  .clear-float {
    clear: both;
  }
  .mc-location-upcoming {
    display: none;
  }
  .u3agroupbuttons {
    margin-bottom:1em;
  }
  .u3agroupbuttons a {
    background-color:#005ab8;
    color:#fff;
    font-size:18px;
    width:10em;
    padding:12px 10px;
    margin-right:5px;
    margin-bottom:10px;
  }
  .u3agroupbuttons a:hover {
    background-color:#ffc800;
    color:#222;
    border:none;
    text-decoration:none;
  }
  .u3agrouplist-column-first-flow ul li {
    margin-bottom: 20px;
    break-inside: avoid-column;
  }
  .u3agroupbuttons a.wp-element-button:nth-child(4) {
    display:none;
  }
  .entry-content a:hover {
     box-shadow:none; /* Tmc - kills that hover effect  */
  }
  .single-featured-image-header {
    padding-top:40px;
  }

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover {
    /* color: #005ab8;
    background:#ffc800; */
    -webkit-box-shadow: inset 0 0 0 rgba(0, 90, 184, 0), 0 2px 0 rgba(0, 90, 184, 1);
    box-shadow: inset 0 0 0 rgba(0, 90, 184, 0), 0 2px 0 rgba(0, 90, 184, 1);
  }

  @media screen and (min-width: 48em) {
    .site-footer {
      margin-top:0;
    }
  }