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

/* for iframe contact forms from d7 */
/* this was dropped, leaving in as comment in case
 * future effort returns to this
 *
.iframe .page-node-26 

div.field-node--field-iframe iframe html body.page-node-26 div#page div#menu-bar-wrapper 
{
    display: none;
}
*/

/* access denied msg
 * this is commented out since no css class exists to 
 * distinguish acess denied pages
 * from legitimate pages */
/* body.path-not-frontpage main#block-tasc-at-sk-content.block {
    background-color: rgb(255 215 164 / 88%);
} */

/* drop-down select list */
select.form-select {
    padding-left: 1rem;
}

/* blocks minutes links, corp-doc links */
#block-corpdoclink .field__items,
#block-minuteslinks .field__items {
    background-color: sandybrown;
    padding: 1rem;
}

ul.sf-menu.sf-style-coffee.sf-navbar {
    border: 0;
    margin: 0;
}


div#block-disclaimer {
    padding: 1rem 0.5rem 0rem 0.5rem;
    width: fit-content;
}

.ckeditor-accordion-container > dl dt > a, 
.ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: rgba(244, 164, 96, 0.9);
    color: black;
}

.ckeditor-accordion-container > dl dt > a:hover, 
.ckeditor-accordion-container > dl dt.active > a.ckeditor-accordion-toggler, 
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: rgb(211 97 0 / 90%);
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: black;
}

body .field__items {
    word-wrap: break-word;
}

.pr-subfeatures {
    background-color: transparent;
}

.view-events-calendar .view-content.view-rows .fc-list-view table td {
    background-color: rgb(255 215 164 / 80%);
}

/* calendar event details */
body.page-node-type--event h3.field__label {
    margin: 1rem 0;
}

body.page-node-type--event .field-label-inline .field__label:after {
    content: none;
}

form#webform-submission-filter-form {
    display: none;
}

a.views-add-another-node {
    font-size: larger;
    font-weight: bold;
}

.view-header {
    margin-bottom: 1rem;
}

.view-search-content.view-display-id-page_2 .views-row {
    background-color: rgb(255 215 164 / 88%);
    margin: 1rem 0;
    padding: 1rem;
}

figcaption {
    font-size: unset;
    font-weight: bold;
}

.breadcrumb a {
    color: black;
}

.book-pager {
    border-top-color: saddlebrown;
    border-bottom-color: saddlebrown;
}

.menu--book-tree li::before {
    content: "=>";
}

.menu--book-tree {
    border-top: saddlebrown solid;
    padding-top: 1rem;
}

.view-events-calendar .view-header h3,
.view-calendar .view-header h3 {
    width: max-content;
}

div#block-tasc-at-sk-page-title {
    width: max-content;
    margin: auto;
}

.webform-progress .progress-tracker {
    background-color: rgb(255 215 164 / 88%);
    padding: 0.5rem;
}

/* large drop-cap 1st letter of article */
p:nth-child(1)::first-letter {
    font-size: 3rem;
}

/* prevent too large 1st letter of quotes */
blockquote p:nth-child(1)::first-letter {
    font-size: 1.3rem;
}
/* prevent too large 1st letter of li, tables & footer */
li p:nth-child(1)::first-letter,
footer p:nth-child(1)::first-letter,
table p:nth-child(1)::first-letter {
    font-size: inherit;
}


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


.view-resources .views-field-field-url-s- li.item-list__item {
    padding: .5rem 0 .5rem 0;
}

.view-planning-calendar .views-table {
    margin: auto;
}

h2.block__title {
    color: black;
}

div#block-mainnavigation {
    background: transparent;
}

.pr-navbar .block {
    background-color: transparent;
}


hr {
    border-color: initial;
}

body {
    overflow-wrap: anywhere;
}

a {
    overflow-wrap: break-word;
}


.js-comment {
    margin: 1rem 0;
    border-top: saddlebrown thick solid;
    border-bottom: saddlebrown thick solid;
}

/* hide white line right of edit, view, etc tabs */
.tabs .is-horizontal ul.tabs--primary {
    border-bottom: none;
}

.filter-help, h3 {
    background-color: rgb(255 215 164 / 88%);
}


a:hover, a:focus {
    text-decoration: none;
}

/* hide divs following node body when empty
 * 1st 2 lines cmtd out since they are never empty, 
 * and only appear for admin */

/* div#field-blocknodearticlecomment-node-article:empty,
div#field-blocknodearticlecomment:empty, */

/* body.user-logged-out div#extra-field-blocknodearticlelinks {
    display: none;
} */

body.user-logged-out span.statistics-counter__link-wrapper {
    display: none;
}

body.user-logged-out nav.has-tree + .node__links {
    display: none;
}

body.user-logged-out nav.book-navigation.has-tree + .node__links {
    display: unset;
}

blockquote {
    border-color: #f4a460;
}

blockquote p {
    font-size: 1.08rem;
}

/* for ckeditor quote button */
blockquote p:first-child:before {
    color: initial; /* #eb7433; */
}

/* full calendar view link colors */
.fc-event .fc-content {
    color: black;
}
.fc-event .fc-content:hover {
    color: white;
}
.fc-content {
    background-color: #eb7433;
}
.fc-event {
    border: 1px solid;
}

a.see-footnote {
    padding: 0;
}

/* fix embedded footnote refs in text br-eaking to separate lines */
a.see-footnote + br {
    display: none;
}

p {
    text-align: justify;
}

.page, .path-frontpage .page {
    background-attachment: fixed !important;
    background-clip: border-box !important;
    background-color: rgba(0,0,0,0);
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/ab/Palais_de_la_Decouverte_Tyrannosaurus_rex_p1050042.jpg) !important;
    background-origin: padding-box !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto; /* 80% auto */
}

.l-rw {
    max-width: 100%;
}

.webform-submission-subscribe-to-tasc-newsletter-form #edit-email-address .webform-multiple-add {
    display: none;
}

.node--sticky {
    padding: 1.25em;
}

.webform-submission-subscribe-to-tasc-newsletter-form #edit-email-address-items td.webform-multiple-table--operations-two {
    display: none;
}

/*
 * ===============================================================
 * BELOW IS FROM THEME WEB UI CUSTOM CSS, MOVED HERE 2021-04-20
 * ===============================================================
 * */

/* Custom CSS */

/* footer text color */
.pr-footer {
    color: black;
}

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

/*
ul#superfish-account {
    border-left: solid 0.7rem white;
}
*/

ul#superfish-main {
    float: none;
}

/* ul.sf-menu.sf-style-coffee {
    float: none;
} */

#block-sitetitle td {
    border-color: transparent;
}

footer a {
    color: #572a0a;
}

.l-attribution {
    display: none;
}

div#block-sitetitle a {
    font-weight: bold;
}

header#masthead .block,
div#block-copyrightfooter.block {
    background-color: rgb(244 164 96 / 90%); /* rgb(237 163 78 / 83%); rgb(235, 116, 51); */
}

div#block-copyrightfooter p {
    text-align: center;
}

div#block-copyrightfooter {
    font-size: 10px;
    padding-bottom: 0;
    line-height: normal;
    text-align: center;
    color: black;
    /* text-shadow: 0.1px 0.1px 0px black; */
}

.path-frontpage .view-filters {
    margin-left: 10%;
}

.view-qa-list tbody tr.table__row {
    border-top: solid 0.5rem saddlebrown;
}

.view-qa-list thead tr,
.view-qa-list thead th {
    border: none;
}

/* .view-qa-list tr.table__row.even {
    background-color: sandybrown;
}

.view-qa-list tr.table__row.even:hover {
    background-color: moccasin;
} */

.view-qa-list td.views-field {
    vertical-align: text-top;
}

.block-main-content .view-filters .form--inline.clearfix {
    margin: auto;
}

/* .block-main-content .view-resources .form--inline.clearfix {
    margin: auto;
} */

/* only 1 column for iframe essay contest, & some articles */
article.contextual-region.node.node--id-1247.node--view-mode-full,
article.contextual-region.node--id-702.node--view-mode-full,
article.contextual-region.node--id-907.node--view-mode-full, 
.node--id-755.node--promoted.node--view-mode-full {
    column-count: 1;
}


article.node.node--id-1247.node--type-article.node--promoted.node--view-mode-full {
    column-count: 1 !important;
}

@media only screen and (min-width: 769px)  {
article.node--type-blog-post.node--view-mode-full,
article.node--type-article.node--view-mode-full {
    column-count: 2;
    column-gap: 3%;
    column-rule: 3px solid rgb(214,168,115);
}
article.node.node--id-1247.node--type-article.node--promoted.node--view-mode-full {
    column-count: 1 !important;
}

article.node--type-blog-post.node--view-mode-full .node__container {
    background-color: rgb(255 215 164 / 88%);
    padding: 0.4rem;
}

/* main.block-main-content .view-topics .view-content.view-rows {
    column-count: 3;
    column-gap: 3%;
    column-rule: 3px solid rgb(214,168,115);
} */ }

@media only screen and (min-width: 480px) and (max-width: 768px) {
/* .view-topics .view-content.view-rows {
    column-count: 2;
    column-gap: 3%;
    column-rule: 3px solid rgb(214,168,115);
} */ }

body.user-logged-out div#extra-field-blocknodearticlecontent-moderation-control {
    display: none;
}

article div#field-blocknodearticlenid {
    display: none;
}

img.align-center figcaption, figure.align-center figcaption, .field-type-image__figure.align-center figcaption {
    text-align: justify;
}

.form--inline.clearfix {
    margin: 15% 0 0 5%;
}

div#rid-navbar {
    /* padding-left: 0; */
}

.webform-submission-form th {
    background-color: rgb(244, 164, 96);
}

.webform-element-help, div#tippy-1 {
    background-color: black;
}

div#tippy-1 {
    overflow: scroll;
}

legend, label {
    background-color: sandybrown;
    padding: 0 .2rem;
}

/* .form-actions */ .button {
    background-color: black;
}

/* .page-node-type--page */ .regions {
    background-color: transparent; /* sandybrown; */
}

.node.node--view-mode-full, .pr-footer {
    background-color: rgb(255 215 164 / 88%);
}

body, .pr-header {
    color: black; /* #2b2a29; */
}

div#block-mainmenu {
    background-color: transparent; /* rgb(235, 116, 51); */
   /* padding-left: 0; */
}


/* maximize width */
.l-navbar .l-rw {
    width: auto;
}
/* header .l-rw {
    width: 80%;
} */

.views-table .table__header .table__row {
    background-color: rgb(235, 116, 51);
}

/* .page {
    background-color: rgb(235, 116, 51);
} */

.pr-header, .pr-navbar, .pr-footer {
    background-color: transparent; /* rgb(235, 116, 51); */
}

.path-frontpage .view-content.view-rows {
    background-color: transparent;
}

.path-blog .view-content.view-rows {
    background-color: transparent;
}

.view-events-calendar .view-content.view-rows table td,
.view-calendar .view-content.view-rows table td {
    background-color: rgb(255 215 164 / 34%);
}

form.webform-filter-form + div,
table.webform-results-table tbody.table__body, 
.view-content .views-view-grid,
.view-content.view-rows table {
    background-color: rgb(255 215 164 / 88%);
    padding: 0.4rem;
}

.node__title-link {
    color: #452300;
}

.pager {
    background-color: rgb(244 164 96 / 90%);
    width: 80%;
    margin-left: 10%;
}

a {
  color: #863907;
    padding: 0.2rem;
}

a:visited, a:active, a.active, a:hover, a:focus {
    color: #cc0000;
}

a:active, a.active, a:hover, a:focus {
    background-color: cornsilk;
}

li.menu-item.menu-item--expanded a {
    color: #fff !important;
}

.view-header {
    background-color: sandybrown;
    padding: 1rem 1rem 0.1rem;
    width: 80%;
    margin-left: 10%;
}

/*
.view-articles-front .views-row .node {
    background-color: rgba(255,240,204,0.82);
} */

.path-frontpage .page .l-navbar .regions {
 /*   background-color: rgb(235, 116, 51); */
    color: saddlebrown;
}

.path-frontpage .page .l-leaderboard .regions,
.path-frontpage .page .l-header .regions,
.path-frontpage .page .l-highlighted .regions {
    background-color: transparent; /* seems to have no effect - rgba(254,187,100,0.76);  sandybrown; */
}

.path-frontpage .page .l-main .regions {
    background-color: transparent;
}

/* .path-frontpage .page .l-main .regions { */
/* .path-frontpage .page {
    background-attachment: fixed !important;
    background-clip: border-box !important;
    background-color: rgba(0,0,0,0);
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/ab/Palais_de_la_Decouverte_Tyrannosaurus_rex_p1050042.jpg) !important;
    background-origin: padding-box !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 80% auto;
} */

.l-header, .l-navbar {
    background: none repeat scroll 0 0;
    background-color: transparent; /* rgba(214,168,115,0.41); */
/*    background-color: #fef9f7; */
}

.forum tbody, main#block-tasc-at-sk-content.block article.user, .view-empty, .view-footer, .webform-confirmation, .block, .path-search h2 {
    padding: 0.4rem;
/*    background-color: sandybrown;
    background-color: rgba(254,187,100,0.76); */
    background-color: rgb(255 215 164 / 88%); 
/*    background-color: rgb(244 164 96 / 80%); */
}

.node {
    background-color: rgb(255 215 164 / 88%); /* rgba(254,187,100,0.76); */
/*    background-color: sandybrown; */
}

.node,
.path-frontpage .node {
/*    background-color: rgb(244 164 96 / 80%); */
    background-color: rgb(255 215 164 / 88%); 
}

.path-frontpage .views-row {
    margin: 5rem 3rem;
}

main#block-tasc-at-sk-content.block {
    background-color: transparent;
}

/* ul.sf-menu.sf-style-coffee.sf-navbari, */
ul.sf-menu.sf-style-coffee li {
    border-top: solid;
    border-bottom: solid;
    margin: 0.3rem 0;
}

ul.sf-menu.sf-navbar li ul, ul.sf-menu.sf-navbar li li li {
    width: fit-content;
}

ul.sf-menu.sf-style-coffee.sf-navbar {
    border: 0;
    margin: 0;
}

div#rid-header-first {
    max-width: 75%;
    margin: auto;
}

/* .fc-body */
tr:hover {
    background-color: inherit;
}

.view-qa-list td {
    border-color: saddlebrown;
}

.path-blog div#block-tasc-at-sk-local-actions {
    display: none;
}

.path-frontpage a.logo {
    background-color: inherit;
}

.view-topics a {
    display: inline-block;
    text-transform: capitalize;
    background-color: #f4a46080;
}

thead tr:hover {
    background-color: #fcefe8;
}

.view-events-calendar .view-rows table,
.view-calendar .view-rows table {
    background-color: transparent;
}

form p {
    background-color: rgb(255 215 164 / 73%);
    padding: 0 0.3rem;
}

.view-events-calendar .view-rows .fc-row table tr td:hover,
.view-calendar .view-rows .fc-row table tr td:hover {
    background-color: rgb(255 215 164 / 73%);
}

.fc-toolbar h2 {
    background-color: rgb(255 215 164 / 88%);
    padding: 0.2rem;
}

h1.page__title {
    margin: 0;
}

.dialog-off-canvas-main-canvas li.tabs__tab--is-active {
    background-color: saddlebrown;
}

.form-item .description {
    background: sandybrown;
    margin: 0.5rem 0;
    padding: 0 .2rem;
    width: fit-content;
    color: black;
    font-weight: 600;
    font-size: 1rem;
}

label,
.user-login-form .form-text {
    width: fit-content;
}

.contact-form [type="text"], .contact-form [type="email"] {
    width: fit-content;
}

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"] {
    color: black; /* #4b4948; */
    background-color: #ffffff80;
}

textarea:hover, textarea:focus, select:hover, select:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="month"]:hover, input[type="month"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="url"]:hover, input[type="url"]:focus, input[type="week"]:hover, input[type="week"]:focus {
    background-color: rgb(255 215 164 / 73%);
    color: black;
}

.tabs .is-horizontal ul.tabs--primary a {
    color: rgb(134, 57, 7);
}


li.tabs__tab.tabs__tab--is-active.is-responsive__item, 
li.tabs__tab.tabs__tab--is-active.is-responsive__item a.is-active {
    color: #fe955b;
    background-color: saddlebrown;
}

/* webform below */

.webform-flexbox .form-item {
    background-color: rgb(255 215 164 / 88%);
}

.dialog-off-canvas-main-canvas div.settings-tray-editable li.tabs__tab--is-active {
    background-color: inherit;
}

.tabs .is-horizontal ul.tabs--secondary a {
    color: rgb(134, 57, 7);
    background-color: #fef9f7;
}

.tabs .is-horizontal ul.tabs--secondary li.tabs__tab--is-active a.active,
.tabs .is-horizontal ul.tabs--secondary a.is-active,
{
    color: #fe955b;
    background-color: saddlebrown;
}

button.webform-details-toggle-state {
    background-color: rgb(255 215 164 / 88%);
    padding: 0.4rem;
}

div#edit-flexbox {
    background-color: rgb(255 215 164 / 48%);
    padding: 0.5rem 0;
}

form.webform-submission-form textarea:focus,
form.webform-submission-form textarea:hover {
    background-color: #ffffff80;
}

span.fieldset-legend {
    padding: 0.4rem;
}


div#block-tasc-at-sk-help .button-webform-play {
    display: none;
}

form.webform-filter-form + div,
table.webform-results-table tbody.table__body {
    padding: 0.4rem;
}

form.webform-filter-form + div,
table.webform-results-table tbody.table__body,
table.webform-submission-table {
    background-color: rgb(255 215 164 / 88%);
}

.webform-submission-pager__item a {
    background-color: #fff8dcb5;
}

body.path-admin-structure-webform-manage-motions-results-submissions ul.tabs--secondary li + li
{
    display: none;
}

body.path-admin-structure-webform-manage-motions-results-submissions div#block-tasc-at-sk-help,
body.path-admin-structure-webform-manage-motions-results-submissions div#block-tasc-at-sk-local-tasks {
    display: none;
}

.webform-dropbutton .dropbutton-wrapper .dropbutton-widget {
/*    background-color: rgb(255 180 84 / 88%); */
    border: solid 0.3rem saddlebrown;
    border-radius: 0.4rem;
}

.form-required:after {
    content: " \002A Required";
    font-size: 1.2rem;
    background-color: yellow;
}

#block-bookdiscount .field-name-body,
#block-bookdiscount h2 {
    margin-bottom: auto;
}

.view-view-prayer .view-header {
    max-width: fit-content;
    font-size: xx-large;
    padding: 0.4rem;
}

.tips {
    background-color: rgb(255 215 164 / 88%);
    padding: 0.4rem;
}

form.node-prayer-form h1.page__title {
    background-color: rgb(255 215 164 / 88%);
    padding: 0.4rem;
    margin: 0.4rem 0;
    width: fit-content;
}

form.node-prayer-form h1.page__title.h2::after {
    content: " Request Entry";
}

.node--type-prayer span.statistics-counter__link-wrapper {
    display: none;
}

form.node-prayer-form .form-item-revision-log-0-value {
    display: none;
}

/*
form.node-prayer-form .layout-region-node-secondary {
    display: none;
}*/

.view-audio-view .tex2jax_process {
    padding-top: 1rem;
}

/* replace content: "=>"; with content: "→"; */
.menu--book-tree li::before {
    content: "→";
}

/* remove clutter when adding calendar event session info */
div.form-item-field-event-augment-link-0-uri .description, div.form-item-field-event-augment-link-1-uri .description {
    display: none;
}

table caption {
    background-color: white;
    font-weight: 800;
    padding-inline-start: 1rem;
    border-style: solid;
    border-width: 1px;
    border-bottom-style: none;
}
table {
    background-color: white;
}