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

/*
.ds-2col-fluid > .group-right {
	width: auto;
	max-width: fit-content;
} */

/* .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front { */
.ui-dialog {
  z-index: 9999;
}

#block-cs2025sched-title span {
    color: red;
    font-weight: bold;
}

.collapsiblockTitle h2 {
    padding: 0 .4rem;
    color: midnightblue;
}

/* qr code min width for prevent shrinking to nothing on small screens */
img.qr-img-cs-2025 {
    min-width: 9rem;
}

/* hide image on full display of 2025 conference */
.path-not-frontpage .node--id-322 .field-type-image {
    display: none;
}

/* image margin for small screens */
@media screen and (max-width: 60em) {
    img.align-left {
        margin-right: 1rem;
    }
}

.path-user main#block-cs-theme-content {
    background-color:  rgb(199 228 249 / 76%); /* rgb(164 218 255 / 76%); */
}

/* no border and transparent background for view items/summits on front page */
.node.node--view-mode-list.node--type-summit {
    border: none;
    background-color: transparent;
}

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

/* hide file upload button since imce is being used and allows uploads */
/* input#edit-field-image-0-upload */ 
input.js-form-file {
    display: none;
}

.cke_editable {
    padding: 1rem;
}

/* this causes thin black shadow invisible almost - color.css
.node {
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 4px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 10%);
}
*/

.node {
    -webkit-box-shadow: none;
    box-shadow: none;
/*    border: solid 1.6rem; */
    border-color: rgba(0,142,224,0.3);
}



.path-article-list main#block-cs-theme-content {
    background-color: transparent;
}


/* summits & frontpage article list csss for
 * borders around items and light semi-transparent bg
*/
.path-frontpage .views-row,
.view-summits.view-display-id-page_2 .views-row .ds-2col-fluid
{
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 2rem;
}

/*
.path-frontpage .views-row,
.view-summits.view-display-id-page_2 .views-row .ds-2col-fluid
{
    background-color: rgb(164 218 255 / 20%);
    border: ridge 1.5rem rgba(0,142,224,0.5);
    border-radius: 1.5rem;
    background-clip: initial;
}
*/



iframe {
    max-width: -webkit-fill-available;
}

.field-type-image__item {
    width: fit-content;
    margin: auto;
}

/*  .ds-2col-fluid > .group-left { */
.group-left {
    width: 48%;
    padding: 1rem;
}

/* .ds-2col-fluid > .group-right { */
.group-right {
    width: 48%;
    padding: 1rem;
}


body.path-summits2 main#block-cs-theme-content {
    background-color: transparent;
}

/* front page view list of summits-events */
.view-summits .field__item {
    margin: auto;
    break-inside: avoid-column;
}
.view-summits img {
    max-height: 12rem;
}
.view-summits .view-content .views-row {
    margin-bottom: auto;
    margin-top: auto;
}
.view-summits .field-node--field-summary {
    min-height: 15rem;
}
.view-summits .node {
    width: auto;
}
/* kluge for duplicate views row on summits list */
.view-summits div.view-content.view-rows div.views-row:first-child {
    display: none;
}

.node, .view-article-list .field__item,
.view-summits .field__item {
    background-color: rgba(164, 218, 255, 0.76);
    padding: 1rem;
    border-radius: .85rem;
    margin: 0.5rem 0;
    display: block;
    width: fit-content;
}
.field-type-datetime .field__item {
    background-color: white;
    padding: 0.5rem;
    border-radius: 7px;
    width: max-content;
    width: -moz-fit-content;
}
.view-summits.view-display-id-page_3 .views-row,
.view-summits.view-display-id-page_2 .views-row {
    border-bottom: solid .7rem;
    border-bottom-color: coral;
}
.node {
    margin-bottom: auto;
}

/*
.group-left div.text-formatted,
.group-right div.text-formatted {
    padding: 1rem;
} */

header#masthead .block {
    background-color: rgb(96 188 244 / 90%);
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
}

/*
.l-header, .l-navbar {
    margin-top: 2rem;
} */

.site-branding__name-link:link, .site-branding__name-link:visited {
    color: black;
}

.site-branding__name {
    line-height: normal;
    padding-right: 0;
    font-size: xxx-large;
    font-size: -webkit-xxx-large;
    font-family: serif;
}

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

.view-summits .views-field-title {
    font-size: 2rem;
}

/* below for meet board view - prev bg color was rgb(164 218 255 / 76%)
 * for all views - around line 512 */
.view-meet-the-board .view-content .views-view-grid,
body.path-meet-the-board main#block-cs-theme-content {
    background-color: transparent;
}
.view-meet-the-board .views-field {
    margin: auto;
    width: max-content;
}
.view-meet-the-board .views-field-title {
    background-color: rgb(164 218 255);
}
.view-meet-the-board .views-field-title a {
    color: black;
}

/* another view, frontpage */
body.path-frontpage main#block-cs-theme-content {
    background-color: transparent;
}

/* footer */
div#block-footer-2 {
    background: transparent;
}
.pr-footer {
    color: black;
}
.menu .menu__link {
    padding: 0.125rem 0.4rem;
}
#block-footer p,
#block-footer .block__content .clearfix {
    margin-bottom: 0;
}
.pr-footer .menu a {
    color: darkblue;
}

h3, h2 {
    width: -moz-fit-content;
    width: fit-content;
}

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

/*
textarea:focus, textarea:hover,
input.form-text:hover, input.form-text:focus,
input.form-email:hover, input.form-email:focus
{
    background-color: rgba(255, 255, 255, 0.7);
}
*/

body.path-summits main#block-cs-theme-content {
    background-color: transparent;
}
.view-summits .views-table.views-view-table {
    background-color: transparent;
}


/* ============================================= */

/* 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, h2 {
    /* background-color: rgb(255 215 164 / 76%); */
    background-color: white;
    padding: 1rem;
    border-radius: 14px;
}

tr, td, th {
    border-color: transparent;
}


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: white;
}
.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://summit.spiritualprogress.me/sites/default/files/public/images/cs.jpg); */
    background-image: url(https://cs-bucket.us-east-1.linodeobjects.com/s3fs-cpt-test/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 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(96 188 244 / 90%); /* rgb(109 189 243 / 72%) */
} 

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

.node.node--view-mode-list.node--id-156 {
    column-count: unset;
}

@media only screen and (min-width: 769px)  {
.node.node--view-mode-list {
    column-count: 2;
}
/* 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);
} */ } /* end media query */

@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, span.fieldset-legend {
    background-color: aliceblue; /* sandybrown; */
    padding: 0 .2rem;
}

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

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

.node.node--view-mode-teaser .field-node--node-link {
    float: none;
}

main#block-cs-theme-content {
    background-color: transparent;
}

.field-type-link .field__item a {
    background: lightblue; /* rgba(255, 215, 164, 0.76); */
    width: fit-content;
    border-radius: .5rem;
    padding: .5rem;
}

ul.links.inline,
li.node-readmore span.node-readmore__link-wrapper a {
   padding: .3rem;
   border-radius: .5rem;
   background-color: lightblue; /* rgba(255, 215, 164, 0.76); */
    width: fit-content;
}

.node.node--view-mode-teaser,
.node.node--view-mode-list,
.node.node--view-mode-full, .pr-footer {
    background-color:  rgb(199 228 249 / 76%); /* rgb(164 218 255 / 76%); */
    /* inherit; */
    /* 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); */
    background-color: rgb(231 163 125 / 72%);
}

/* .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: lightblue; /* rgba(255, 215, 164, 0.76); */
}

.node__title-link {
    color: #452300;
}

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

a {
    color: blue; /* #863907; */
    padding: 0.2rem;
    font-weight: bold;
}

a:visited, a:active, a.active, a:hover, a:focus {
    color: darkblue; /* #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: rgb(199 228 249 / 76%);
    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; */
}

/* header image */
.l-navbar.l-row {
    padding-top: 0;
}
.l-header.l-row {
    padding: 2rem 0;
}
/* .path-frontpage .page header.l-header.l-row .pr-header .l-rw.regions.container.pr-header__rw.arc--2.hr--1-2 { */
/* .path-frontpage .page .l-header.l-row .pr-header .l-rw.regions.container.pr-header__rw.arc--2.hr--1-2 {
    background-attachment: fixed !important;
    background-clip: border-box !important;
    background-color: rgba(0,0,0,0);
    background-image: url(https://cs-bucket.us-east-1.linodeobjects.com/s3fs-cpt-test/public/2024-12/cosmic-cliffs-carina-nebula.png);
    background-origin: padding-box !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto; 
} */
/* .path-frontpage .page header.l-header.l-row {
    background:
url(https://cs-bucket.us-east-1.linodeobjects.com/s3fs-cpt-test/public/2024-12/cosmic-cliffs-carina-nebula.png);
    background-size: cover;
    background-repeat: no-repeat;
} */
.l-header {
    background: url(https://cs-bucket.us-east-1.linodeobjects.com/s3fs-cpt-test/public/2024-12/cosmic-cliffs-carina-nebula.png);
    background-size: cover;
    background-repeat: no-repeat;
}

div#block-cs-theme-page-title.block {
    background-color: transparent;
    border-radius: .5rem;
}

.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(199 228 249 / 76%); /* rgb(164 218 255 / 76%); */ /* 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-article-list .node,
.path-frontpage .node {
/*    background-color: rgb(244 164 96 / 80%); */
    background-color:  rgb(199 228 249 / 76%); /* rgb(164 218 255 / 76%); */ /* rgb(255 215 164 / 76%); */
    margin: 1rem;
}

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

body.path-frontpage .pr-highlighted div#block-views-block-article-list-block-2 {
    width: max-content;
    margin: auto;
    background-color: transparent;
}

@media only screen and (max-width: 480px) {
    .path-frontpage .views-row {
        margin: 5rem 0rem;
    }    
}

/* 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;
    background-color: rgb(199 228 249 / 76%);  /* rgb(164 218 255 / 76%); */
    border-radius: .5rem;
    padding: .5rem;
    width: fit-content;
}

.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: rgba(255, 255, 255, 0.7); /* rgb(255 215 164 / 73%); */
    color: black;
}

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

.field-label-inline .field__label {
    padding: 0.1rem 0.2rem 0.1rem 0.2rem;
    border-radius: 0.4rem;
    padding: 0.7rem;
}

.field-label-inline .field__label, .field__label, .field__item {
    margin: 0.2rem;
}