/* Theme Name:   Twenty Seventeen AHR Theme
 URI:    http://example.com/twentyseventeen-ahr/
 Description:  Twenty Seventeen Child Theme
 Author:       Phil Gardner
 Author URI:   https://rota.theflyingsofa.org.uk
 Template:     twentyseventeen
 Version:      3.2
 License:      GNU General Public License v2 or later License
 URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, one-column, responsive-layout, accessibility-ready
 Text Domain:  twentyseventeen-ahr
 */
 
.site-title, .site-description {
	font-family: 'Arial Black' !important;
	color: #1C0698;
	letter-spacing: -1px;
	text-shadow:
		-1px 1px 2px white,
		1px 1px 2px white,
		1px -1px 0 white,
		-1px -1px 0 white;
}
.site-description {	
	font-size: 22pt;
}
div.navigation-top {
	background-color: #DEDAF2;
}
.page .panel-content .entry-title,.page-title,body.page:not(.twentyseventeen-ahr-front-page) .entry-title {
	color: #1C0698;
	font-size: 24pt;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: none;
}
.site-content {
	padding: 2.5em 0 0;
}
::-webkit-input-placeholder { color:teal; }
::-moz-placeholder { color:teal; } /* firefox 19+ */
:-ms-input-placeholder { color:teal; } /* ie */
input:-moz-placeholder { color:teal; }

ul {
    background-color: #f8f8f8;
    padding: 1rem;
}
ul > li {
	margin-bottom: 0.5rem;
}
li#tablist1-tab1 {
	background-color: #FCB4B1;
	font-weight: bold;
	color: black;
}
li#tablist1-tab2 {
	background-color: #DEA2E8;
	font-weight: bold;
	color: black;
}
div#tablist1-panel1 {
	background-color: #FDE8E7;
	color: #aaaaaa;
}
div#tablist1-panel2 {
	background-color: #E4CCE8;
	color: #aaaaaa;
}
form > div > div.pods-field__container.pods-field-option.pods-field-html-class {
	margin-top: 1rem;
}
article > div > ul > li {
	margin-left: 3rem;
}
#notes_field {
	margin-bottom: 1rem;
}
.volunteer, span.volunteer {
	background-color: #DEDAF2;
}
div.volunteer {
	padding: 0.5rem;
	margin-bottom: 0.75rem;
}
.subscriber, span.subscriber {
	background-color: #DAF1F2;
}
div.subscriber {
	padding: 0.5rem;
	margin-bottom: 0.75rem;
}
div.close {
	padding: 0.25rem;
	margin-bottom: 0.75rem;
}
div.close h3 {
	padding: 0rem;
	margin-bottom: 0.25rem;
}
div.volunteer.bc-grey {
	background-color: #DDDDDD;
}
div.author-description > p {
	margin-bottom: 0.25rem;
}
a {
    color: #1C0698;
    text-decoration: underline;
}
li > a, .site-title > a, h2 > a {
    text-decoration: none !important;
}
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	transition: none;
	transition: none;
	transition: none;
}
#post-10 > div > div > div > p:nth-child(4) > a {
	color: white !important;
	text-decoration: none !important;
}
blockquote {
  display: block;
  background-color: #EFE5FF;
  padding: 0.9375rem 1.25rem;
  margin: -2.5rem 0 2.5rem 0;
  position: relative;
  font-style: normal;
  font-size: 1rem;
  color: #1C0698;
  border: 1px solid #1C0698;
}
#page > div.single-featured-image-header > img {
	display: none;
}
.entry-title a {
	color: #1C0698 !important;
	text-decoration: underline !important;
}
article.musical_instrument.type-musical_instrument {
	padding: 0.75rem;
	margin-bottom: 0.75rem;
	/* background-color: #DEDAF2; */
}
article.musical_instrument.type-musical_instrument h2.entry-title {
	font-weight: 400;
	color: #1C0698 !important;
}
#user_pass {
	margin-bottom: 10px;
}
#user-registration-form-186 {
	margin-top: 1rem;
}
#pods-form-user-1 > div > div > label {
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}
#pods-form-user-1 li > div > label {
	font-weight: normal !important;
	color: black;
}
#pods-form-user-1 > div > div > label[class$="-w"] {
	color: #1C0698;
}
#pods-form-user-1 > div > div > label[class$="-t"] {
	color: rgba(255,255,255,0);
	margin: 0;
	font-size: 0.1rem;
}
#pods-form-user-1 > div > div > label[class$="-w"]::after {
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	content: "Do you want to do this role/task?";
	font-size: 1rem;
	font-weight: bold;
	color: black;
}
#pods-form-user-1 > div > div > label[class$="-t"]::after {
	display: block;
	margin-top: -0.5rem;
	margin-bottom: 0.5rem;
	content: "Would you like to receive or offer support/training for this task?";
	font-size: 1rem;
	font-weight: bold;
	color: black;
}
#pods-form-user-1 > div > div > label[class$="instruments"]::after {
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	content: "If you've said 'yes' to the musician task, please select the instrument(s) you play and are willing to use to accompany hymns etc. (If your instrument isn't in the list, please ask the rotavator to add it – see the Contact page.)";
	font-size: 1rem;
	font-weight: bold;
	color: black;
}
body.page-id-934 #pods-form-user-1 > div > div.pods-field__container.pods-field-option.pods-field-html-class.pods-form-ui-row-type-pick > p,
body.page-id-954 #pods-form-user-1 > div > div.pods-field__container.pods-field-option.pods-field-html-class.pods-form-ui-row-type-pick > p {
	display: none;
}
#pods-form-user-1 > div > div.pods-field__container,
#user-registration-form-186,
#wpcf7-f57-p12-o1,
#pods-form-rota_task-1,
#user-registration,
#pods-form-requirement-1,
#pods-form-musical_instrument-1 {
	padding: 0.5rem;
	background-color: #DEDAF2;
}
#pods-form-user-1 > div > div.pods-field__container[class$="instruments"] {
	background-color: #DEF2DA;
}
#pods-form-user-1 > div > div.pods-field__container[class$="-t"] {
	margin-top: -0.5rem;
}

div.container {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height:fit-content;
}

div.container div.column1 {
	width: 50%;
}

div.container div.column2 {
	width: 50%;
}

div.container div.column2 p {
	font-size: 1pt;
	color: transparent;
}

div.container div.column2 p input {
	font-size: 1rem;
	color: white;
	background-color: black;
}

div.flex-container {
	display: flex;
	flex-flow: row wrap;
	gap: 10px 10px;
	justify-content: center;
	background-color: #DEDAF2;
	margin: auto;
	margin-bottom: 1rem;
	padding: 0.75rem;
	width:fit-content;
	height:fit-content;
	font-size: 1.2rem;
	font-weight: bold;
	color: black;
}
div.flexitem {
	background-color: white;
	padding: 0.5rem;
	border: 2px solid #1C0698;
}
div.flexitem.arrow {
	background-color: inherit;
	font-size: 2rem;
	border-width: 0rem;
	padding: 0rem;
}
div.flexitem.completed {
	background-color: #DEF2DA;
}
div.flexitem.completed::after {
	content: " ✔";
	color: #20BF00;
}
div.flexitem.next {
	background-color: #F2C679;
}
div.flexitem.next::after {
	content: " ✹";
	color: #DD8C00;
}
div.flexitem.notyet {
	background-color: #eeeeee;
}
#ur-recaptcha-node {
	margin-top: 1rem;
}
p.description.pods-form-ui-comment {
	margin-top: 0.5rem;
	margin-bottom: 0rem;
}