/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
#toolbar-administration .toolbar-menu-administration a,
#toolbar-administration .toolbar-menu-administration  li.menu-item a {
    color: white !important;
}

div#block-mainnavigation {
    background: transparent;
}

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


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


/* below from tasc css  */

/* 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;
}
*/

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 / 76%);
}


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

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

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;
}

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/a5/Mountains_in_Krasnaya_Polyana.JPG); */
    background-image: url(https://creationsummit.com/sites/default/files/public/images/cs.jpg); 
    /* 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;
}

.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 */

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


ul#superfish-account {
    border-left: solid 0.7rem red;
}


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 */
article.contextual-region.node--id-907.node--view-mode-full,
.node--id-755.node--promoted.node--view-mode-full {
    column-count: 1;
}

@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--type-blog-post.node--view-mode-full .node__container {
    background-color: rgb(255 215 164 / 76%);
    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;
}

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 / 76%);
}

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-calendar .view-content.view-rows table td {
    background-color: rgb(255 215 164 / 34%);
}

.view-content .views-view-grid,
.view-content.view-rows table {
    background-color: rgba(255, 215, 164, 0.76);
}

.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: 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; */
}

.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 / 76%);
/*    background-color: rgb(244 164 96 / 80%); */
}

.node {
    background-color: rgb(255 215 164 / 76%); /* 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 / 76%);
}

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

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

ul.sf-menu.sf-style-coffee li, ul.sf-menu.sf-style-coffee.sf-navbar {
    border-top: solid;
    border-bottom: solid;
    margin: 0.3rem 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-cs-theme-local-actions {
/* .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-calendar .view-rows table {
    background-color: transparent;
}

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

.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 / 76%);
    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;
}

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);
}