/*
Theme Name: 316 Club
Author: Stephen Harrison
Theme URI:
Description: A Block Theme for the 316 Club Website
Text Domain: 316club
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.7

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

*/

.forms {
  background-color: white;
  position: relative;
  top: -140px;
  z-index: 10;
  border-radius: 12px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  background-color: white;
}

.login-group {
  background-color: white;
  position: relative;
  top: -140px;
  z-index: 10;
}

.login-panel {
  display: flex;
  justify-content: center;
}
.login-username input,
.login-password input {
  display: block;
  min-height: 2rem;
  width: 100%;
  background-color: var(--wp--preset--color--background);
  border: 1px solid grey;
  border-radius: 5px;
}
.login-submit .button {
  background-color: var(--wp--preset--color--button);
  border-radius: 0.33rem;
  border-color: var(--wp--preset--color--button);
  color: var(--wp--preset--color--button-text);
  padding: 0.6rem 1rem;
}

.srfm-form-container {
  width: 90%;
  padding: 32px;
  height: auto;
}

h1.uagb-heading-text {
  text-align: center;
}

.wp-block-navigation:not(.has-background)
  .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #0086e3;
}

.wp-block-navigation:not(.has-text-color)
  .wp-block-navigation__responsive-container.is-menu-open {
  color: var(--wp--preset--color--link);
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
  z-index: 100000;
}

.member-account.dashicons {
  font-size: 24px;
  color: #fff;
}

.print-page {
  background-color: #428bca;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
}
.print-page:hover {
  background-color: #3071a9;
}

@media print {
  .site-header,
  .site-footer,
  .print-page {
    display: none;
  }
  main {
    width: 80%;
  }
}

/* Icons */

/*  	These icon strings contain URL encoded characters. */
/*  	For example %3E is equivalents to > %3C is equivalent to < and %23 is equivalent to #  */
/*		See https://www.urlencoder.io/learn/   */
/*  	Need to set fill to a colour from the theme json file  */

.srh {
  --icon-pdf: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23da3336" class="bi bi-filetype-pdf" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z"/></svg>');
}

.srh-icon {
  display: block;
  margin-top: 30px;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 48px;
  background-image: var(--icon-pdf);
}