/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

/* footnotes 3.0.0 is missing css classes, so below is kluge till they get included  UPDATE - fixed by modifying filter order so classes no longer stripped */
/*.node__content .layout__region .field__item li a {
    margin-right: 0.5rem;
    font-size: 0.9rem;
}
.node__content .layout__region .field__item ul:last-of-type {
    border-top: solid 1px black;
    padding-top: 1rem;
    margin-top: 4rem;
}
.node__content .layout__region .field__item ul:last-of-type li {
    list-style: none;
}
a + br {
    display: none;
}*/
/* end footnote fix */

/*
.field-label-above .field__label, .field-label-above .field__items {
    max-width: max-content;
} */

.search-block-form__form .form-search {
    float: unset;
    margin: 0 10rem 0 0;
}

iframe.pdf {
    height: 35rem;
}

h2.text-align-center, h3.text-align-center {
    margin-right: auto;
    margin-left: auto;
}

h1, h2, h3 {
    width: max-content;
}

.caption-drupal-media figcaption {
    font-size: 1rem;
    font-weight: bold;
    margin-top: -2rem;
}

form.views-exposed-form optgroup:empty {
    display: none;
}


.view-featured .view-header p {
    margin-bottom: 0;
}

.view-featured .view-header h5,
.view-featured .view-header p {
    text-align: center;
}

.flexslider {
    background-color: rgba(0, 255, 255, 0.3);
}


.flexslider .views-field {
    background-color: rgba(0, 255, 255, 0.5);
}

.flexslider .views-field.views-field-title,
.flexslider .views-field.views-field-field-claim, 
.flexslider .views-field.views-field-view-node-1,
.flexslider .views-field.views-field-field-support, 
.flexslider .views-field.views-field-field-refutation {
    margin: 1rem 1rem;
}

/* slexslider nav arrows */
.flex-nav-next, .flex-nav-prev {
    display: none;
}
.flex-direction-nav a:before {
    font-family: fantasy;
    /* display: none; */
    content: '<';
}
.flex-direction-nav a.flex-next:before {
    content: '>';
}



.views-field.views-field-view-node {
    padding: .5rem .5rem .3rem;
}

.views-field-field-tags-claims {
    padding: 0.5rem;
}

.breadcrumb {
    margin-bottom: -1rem;
}
/* .search-block-form__form .form-search {
    margin-top: -5%;
} */

/* format display of attached file links */
.field-node-field-file-attachment article {
    display: inline-flex;
}

/* view calvinism examined */
.views-field.views-field-field-tags-claims {
    display: flex;
}
span.views-label.views-label-field-tags-claims {
    padding-right: 0.5rem;
}

/* taxonomy list term description */
section.taxonomy-term .layout--onecol .layout__region .field-taxonomy-term--description {
    border: inset #095cb199 .8rem;
    padding: 0.5rem;
}




.widget-toc {
    border: blue solid;
    padding: .4rem;
    margin: 0.4rem 0;
    background-color: antiquewhite;
}

.widget-toc ol {
    margin-bottom: 0.4rem;
}

.views-field-title,
.views-field.views-field-view-node-1,
.views-field.views-field-field-claim, 
.views-field.views-field-field-tags-claims,
.views-field.views-field-field-support, 
.views-field.views-field-field-refutation {
    border: /* dodgerblue */ skyblue solid;
    padding: 1rem 1rem 0;
    margin: 1rem 0;
}

.ui-widget-content a {
    color: #0066cc;
}

/* remove transparency for dropdown tag list for readability */
.ui-autocomplete .ui-menu-item a {
    background-color: #ccf0ed;
}

/* outline border for dropdown tag list */
.ui-widget.ui-widget-content {
    border: 4px solid #095cb1;
}

blockquote p {
    font-size: 1.13rem;
    line-height: initial;
    font-weight: inherit;
    font-size: 1.08rem;
}

blockquote {
    border-color: #095cb18a;
}

a:hover {
    color: #114478;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: lightgrey;
}

.ui-dialog .ui-widget-content {
    background-color: rgba(255,255,255,0.75);
}

tr:hover {
    background-color: inherit;
}

.view-calvinism-analyzed tbody tr:hover {
    background-color: initial;
}

.tabs .is-horizontal ul.tabs--primary a {
    background-color: rgba(255,255,255,0.4);
}

.tabs .is-horizontal ul.tabs--primary .tabs__tab--is-active a:hover {
    background-color: rgba(237,237,237,0.9);
}

.tabs .is-horizontal ul.tabs--primary .tabs__tab--is-active a {
    background-color: rgba(255,255,255,0.6);
}

legend, label, .form-composite > legend,
span.fieldset-legend.js-form-required.form-required,
label {
    background-color: rgba(255,255,255,0.6);
    margin-bottom: 0.3rem;
    padding: 0.2rem;
}

.password-strength__indicator {
    background-color: springgreen;
}

.password-strength__meter {
    background-color: red;
}

div.password-suggestions {
    padding: 0.5rem;
}

div.password-suggestions,
.password-confirm,
.password-strength__title,
.description {
    font-size: 0.95rem;
    background-color: rgba(255,255,255,0.3);
    padding: 0 .4rem;
    margin-top: .3rem;
}

.path-filter-tips main#block-csp-at-content {
    background-color: rgba(255,255,255,0.6);
}

details.form-wrapper,
body.path-user form .js-form-wrapper p,
body.path-user .layout__region--content .js-form-wrapper {
    background-color: rgba(255,255,255,0.4);
}

form.user-pass p {
    color: white;
    padding: 0.5rem;
}

.form-actions.js-form-wrapper {
    background-color: inherit;
}

.path-user.user-logged-in .block .contextual-region {
    background-color: rgba(255,255,255,0.4);
    padding: 1rem;
}

/*
.ui-accordion .ui-accordion-content:hover {
    background-color: rgba(255,255,255,0.5);
} */

.ui-accordion .ui-accordion-content {
    background-color: rgba(0,255,255,0.2);
}

.ui-accordion .ui-accordion-content .views-field {
    background-color: rgb(0 255 255 / 53%);
}

.views-accordion-header.ui-state-default {
    background-color: rgba(0, 255, 255, 0.4);
    font-weight: bold;
}

textarea, select
/*input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] */
{
    background-color: rgba(255,255,255,0.4);
}

/* input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"],  */ 
textarea, select {
    background-color: rgba(255,255,255,0.4);
}


input[type="search"]:hover {
    background-color: rgba(255,255,255,0.6);
}

.revision-current {
    background: rgba(255,255,0,0.2);
}

.path-frontpage main#block-csp-at-content {
    background-color: initial;
}

.view-featured .view-header,
h2, h3, h4, h5,
h1.page__title,
h2.block__title,
h2.comment-form__title.h3,
h2.comment-field__title.h3,
main#block-csp-at-content,
.block-config-provider--help p,
.path-clone h1.page__title,
.field__label,
.field-label-inline .field__label,
.field__item-wrapper,
.node__title,
.path-calvinism-examined .page__title,
ol.breadcrumb__list,
.page__title.h2,
ul.pager__items {
    background-color: rgba(255,255,255,0.5);
    padding: 0.5rem;
    margin-bottom: 1rem; /* for forums label above tags */
}

thead tr,
thead tr:hover {
    background-color: rgba(100,200,255,0.4);
}

.forum-header th, th {
    font-weight: bold;
}

.breadcrumb a,
a {
    color: rgb(0,50,255);
}

thead tr a {
    color: blue;
}

tbody {
    background-color: rgba(255,255,255,0.4);
}

ol.breadcrumb__list {
    padding: 0.5rem;
}

.breadcrumb li:before {
    color: #0066cc;
}

.ui-widget-content {
    background-color: rgba(255,255,255,0.2);
}
.page .l-leaderboard {
    background-color: #f7f7f7;
}

.pr-header {
    background-color: rgba(255,255,255,0.4);
}

.form-type-select label {
    background-color: rgba(255,255,255,0.4);
    padding: 0.5rem;
    margin: 0.5rem 0;
}

.pr-footer,
.pr-navbar {
    /*background-color: rgba(255,255,255,0.2283);*/
    background-color: rgba(255,255,255,0.3);
    margin: auto;
}

.pr-header .regions { 
    background-color: rgba(255,255,255,0);
}

.regions {
    background-color: rgba(255,255,255,0.3);
}

body .page {
    background-attachment: fixed !important;
    background-clip: border-box !important;
    background-color: rgba(0,0,0,0);
    background-image: url(/sites/default/files/256px-John_Calvin_Museum_Catharijneconvent_RMCC_s84_cropped.jpg) !important;

    /* background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/John_Calvin_Museum_Catharijneconvent_RMCC_s84_cropped.png/432px-John_Calvin_Museum_Catharijneconvent_RMCC_s84_cropped.png) !important; */
    background-origin: padding-box !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 80% auto;
}


.site-branding__name {
    font-size: xxx-large;
    line-height: initial;
    background-color: rgba(255,255,255,.5);
    padding: 1rem;
    text-align: center;
}

.site-branding__slogan {
    font-size: x-large;
    padding: 1rem;
    margin-left: 3rem;
    background-color: rgba(255,255,255,.5);
}

.l-attribution {
    display: none;
}

footer .block__content a {
    color: black;
}

div#toolbar-item-administration-tray .toolbar-menu li.menu-item a {
    color: white !important;
}

.node {
    background-color: initial;
}

.field-name-field-claim div.field__items {
    background-color: rgba(0, 255, 255,0.4); /* powderblue; */
    padding: 1rem;
}

.field-name-field-support div.field__items .field__items, .field-name-field-refutation div.field__items .field__items {
    background-color: transparent;
}

blockquote p:first-child:before {
    color: #000000;
}

.field-node--body {
    padding: 1rem;
/*    background-color: rgb(245, 222, 179,0.6);
    background-color: rgba(0, 255, 255,0.4);
    background-color: rgb(245, 222, 179,0.3);
    border: solid 1px;
    border-color: cornflowerblue; */
    margin: 1rem 0;
}

.view-featured .view-header {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.view-featured .view-header p {
    font-weight: bold;
    font-style: italic;
}

.search-block-form__form .form-search {
    width: 24%;
/*    float: right; */
}

.search-block-form__form .form-actions {
    position: relative;
    right: 10rem;
}

.comment--type-comment-forum {
/*    border: solid 1px;
    border-color: cornflowerblue; */
    margin: 1rem 0;
    padding: 1rem 1rem 0 1rem;
/*    background-color: aliceblue; */
}

.node--type-forum {
/*    border: solid 1px; */
    padding: 1rem 1rem 0 1rem;
    border-color: black;
/*    background-color: rgba(0,255,255,0.4); */
}

.layout-node-form {
    padding: 1rem 0;
    background-color: rgba(0, 255, 255,0.4);
}

.node--type-forum .node__container {
/*    background-color: wheat; */
    padding: 1%;
/*    border: solid 1px;
    border-color: deepskyblue; */
}

div#block-useraccountmenu {
    float: right;
}

ul li.book-printer {
    display: none;
}

span.views-label {
    font-weight: bold;
}

.views-view-grid .views-row.clearfix {
    border: solid thin rgb(204,204,204);
}

.views-table tr td {
    vertical-align: top;
}

#edit-field-claim-wrapper, #edit-field-refutation-wrapper, #edit-field-support-wrapper {
    border: solid thick blue;
    margin: 2rem 0;
    padding: 0.3rem;
    background-color: rgb(204,204,204);
}

.field-node--body,
.field-name-field-support div.field__items,
.field-name-field-refutation div.field__items {
    padding: 1rem;
    /* background-color: rgb(245, 222, 179,0.6); /* wheat; */
    background-color: rgb(179 229 245 / 60%);
}

.comment--type-comment-forum {
    padding: 1rem;
    background-color: rgb(245, 222, 179,0.5);
}


.comment--type-comment-claim .comment__container {
    background-color: rgb(245, 222, 179, 0.3);
    padding: 0.5rem 0.5rem 0 0.5rem;
    /* border: solid thin #ffca75; */
}

.comment {
    border: none;
}

.field-type-comment {
    border-top: solid thick black;
    padding-top: 1rem;
}

.view-calvinism-analyzed td, .view-calvinism-analyzed th {
    width: 50%;
}

.views-view-grid .views-field-field-for-against .field-content {
    background-color: lightblue;
    padding: 0.3rem;
    font-weight: bold;
}

.view-against-calvinism .views-table td.views-field-title,
.view-for-calvinism .views-table td.views-field-title {
    width: 3%;
}

.view-against-calvinism .views-table td.views-field-field-claim,
.view-for-calvinism .views-table td.views-field-field-claim {
    width: 8%;
}

.view-against-calvinism .views-table td.views-field-field-refutation,
.view-against-calvinism .views-table td.views-field-field-support,
.view-for-calvinism .views-table td.views-field-field-refutation,
.view-for-calvinism .views-table td.views-field-field-support {
    width: 28%;
}

.view-header h2 {
    text-align: center;
}

h2.block__title, .path-calvinism-examined #block-csp-at-page-title .block__content h1,
.path-calvinism-analyzed .block__content h1.page__title {
    text-align: center;
}

.view-calvinism-analyzed .table__header h3 {
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
}

.view-against-calvinism .view-header,
.view-for-calvinism .view-header,
.view-calvinism-examined .view-header,
.view-calvinism-analyzed .view-header {
    text-align: center;
    background-color: rgba(255,255,255,0.37);
}

.view-add-claim {
    font-size: larger;
    font-weight: bold;
}

.views-accordion-header.ui-state-active {
	/* accordion orig rgb(0, 127, 255)
	       main menu rgb(9, 92, 177)	*/
    background-color: rgb(9, 92, 177);
}

body.page-node-type--forum .comment-form-wrapper,
body.page-node-type--claim .comment-form-wrapper {
    background-color: rgb(245, 222, 179,0.3); /* wheat; */
    padding: 1rem;
}

table {
    width: -webkit-fill-available; /* for chrome based browsers */
    width: -moz-available; /* for firefox based browsers */
}

/* to affect only the header row, use
 * .view-calvinism-analyzed thead tr
 * to affect all rows, remove thead */
.view-calvinism-analyzed thead tr {
    background-color: rgb(9, 92, 177);
    color: white;
}

.cke_contents {
    background-color: rgba(255,255,255,0.2);
}

form#comment-form .js-text-format-wrapper.text-format-wrapper.js-form-item.form-item {
    background-color: rgba(255,255,255,0.2);
}