diff --git a/web/themes/custom/atrium/assets/css/atrium.style.css b/web/themes/custom/atrium/assets/css/atrium.style.css index c6a6f836..bd3c3818 100644 --- a/web/themes/custom/atrium/assets/css/atrium.style.css +++ b/web/themes/custom/atrium/assets/css/atrium.style.css @@ -1 +1 @@ -.dialog-off-canvas-main-canvas,.page,body,html{height:100%}.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer{-ms-flex-negative:0;flex-shrink:0}.path-frontpage .jcc-header-base{display:none}@media (min-width:64em){.jcc-header-base .jcc-nav-secondary__menu{display:none}}.caption{margin-bottom:1rem;min-width:12rem}.media-library--image.align-left,.media-library--svg.align-left{margin-right:1em;margin-bottom:1em}.media-library--image.align-right,.media-library--svg.align-right{margin-left:1em;margin-bottom:1em}article.jcc-form--hero-full-height .jcc-hero{min-height:calc(100vh - 144px)}a.jcc-form--link{margin-top:1rem;margin-right:1rem;padding:.5rem 1rem;border:1px solid;display:inline-block;text-decoration:none;text-align:center;width:100%}@media (min-width:64em){a.jcc-form--link{width:auto}}a.jcc-form--link>*{display:inline-block}a.jcc-form--link svg{vertical-align:text-top;margin-right:.25rem}.jcc-form--languages{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;padding-left:1rem}.jcc-form--languages li{width:380px;white-space:nowrap}.jcc-form--thumbnail{display:none}@media (min-width:64em){.jcc-form--thumbnail{display:block}}.jcc-form--thumbnail img{-webkit-box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);max-height:400px;display:block;margin:0 auto}.nav-tabs__wrapper{background:#e6e6e6;margin-bottom:0}.nav-tabs__wrapper,.nav-tabs__wrapper *{font-size:1rem;line-height:3}.nav-tabs{clear:both;list-style:none;margin:0;padding:0;position:relative}.nav-tabs:before{border-bottom:1px solid transparent;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:0;z-index:10}.is-collapse-enabled .nav-tabs{max-height:0;overflow:hidden;padding-top:calc(3rem + 2px)}.is-collapse-enabled .nav-tabs:before{right:60px}.is-collapse-enabled .nav-tabs.is-open:before{display:none}.nav-tabs.is-open{max-height:999em}.is-horizontal .nav-tabs{border-bottom:0;max-height:none!important;overflow:visible;padding-top:0!important}.nav-tabs .nav-tabs__item{display:block;margin:0;padding:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.is-collapse-enabled .nav-tabs__item.is-active{position:absolute;top:0;left:0;width:calc(100% - 60px);z-index:15}.is-horizontal .nav-tabs__item{float:left;width:auto;height:auto;text-align:center}.is-horizontal .nav-tabs.nav-tabs--primary .nav-tabs__item.is-active,.is-horizontal .nav-tabs__item.is-active{position:relative;top:0;width:auto}.nav-tabs .nav-tabs__link{border:1px solid transparent;display:block;position:relative;text-decoration:none}.nav-tabs .nav-tabs__link.is-active{font-weight:700}.nav-tabs .nav-tabs__link.is-active:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;z-index:16}.nav-tabs .nav-tabs__link:active,.nav-tabs .nav-tabs__link:hover{text-decoration:underline}.nav-tabs .nav-tabs__link:focus{outline-offset:-.25rem}.is-horizontal .tabs__trigger,.tabs__trigger{display:none}.is-collapse-enabled .tabs__trigger{background-color:#0050d8;border:0;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:1rem;height:calc(3rem + 2px);left:auto;padding:0;margin:0;position:absolute;right:0;text-align:center;top:0;width:60px;z-index:10}.is-collapse-enabled .tabs__trigger:focus{z-index:20}.is-collapse-enabled .nav-tabs--primary:before,.is-horizontal .nav-tabs--primary:before{border-color:#dfe1e2}.nav-tabs--primary .nav-tabs__link{background-color:#fff;border-color:#dfe1e2;color:#73b3e7;border-radius:0;border-width:1px 0 0;padding:0 1.65rem;position:relative}.nav-tabs--primary .nav-tabs__link.is-active{border-bottom:0}.nav-tabs--primary .nav-tabs__link.is-active:after{background-color:#0050d8}.nav-tabs--primary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--primary .nav-tabs__link{border-width:1px 0 0 1px}.is-horizontal .nav-tabs--primary li:first-child .nav-tabs__link{border-width:1px 0 0}.nav-tabs--secondary{background:#f9f9f9}.is-collapse-enabled .nav-tabs--secondary:before,.is-horizontal .nav-tabs--secondary:before{border-color:#dfe1e2}.nav-tabs--secondary .nav-tabs__link{font-size:.923rem;background-color:transparent;color:#73b3e7;border-color:#dfe1e2;border-width:1px 0 1px 4px;padding:0 1.65rem}.nav-tabs--secondary .nav-tabs__link.is-active:after{display:none}.nav-tabs--secondary .nav-tabs__link.is-active{border-color:#0050d8;color:#73b3e7}.nav-tabs--secondary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--secondary .nav-tabs__link{border:0}.is-horizontal .nav-tabs--secondary .nav-tabs__link:after{display:block;background-color:#0050d8}.pager{margin:2rem 0}ul.pager__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none;text-align:center}li.pager__item{color:#0050d8;display:inline-block;margin:0 .15rem;padding:0;list-style:none}li.pager__item a,li.pager__item a:link,li.pager__item a:visited{border-radius:3px;color:#0050d8;display:block;font-weight:600;padding:.75rem 1.5rem;margin:0;line-height:1;text-decoration:none}li.pager__item.is-active a,li.pager__item a:hover{background:#0050d8;color:#fff}li.pager__item__ellipsis{padding:.75rem 1.5rem}.jcc-choice-section--submit{padding-bottom:3rem}.usa-form .jcc-choice-section--submit .usa-button{margin-top:0}.jcc-share__container{position:relative;left:0;right:unset;width:100%}@media only screen and (min-width:1024px){.jcc-share__container{position:absolute;left:auto;right:0;width:37%}}@media only screen and (min-width:1800px){.jcc-share__container{width:39%}}.jcc-share__container .jcc-share{max-width:87.5rem;margin-left:auto;margin-right:auto;padding-bottom:0;padding-left:2rem;padding-right:2rem}@media only screen and (min-width:1024px){.jcc-share__container .jcc-share{padding-bottom:2rem}}.jcc-share--spacer{display:none}@media only screen and (min-width:1024px){.jcc-share--spacer{display:block;margin-bottom:8rem}}hr{color:#c9c9c9} \ No newline at end of file +.dialog-off-canvas-main-canvas,.page,body,html{height:100%}.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer{-ms-flex-negative:0;flex-shrink:0}.path-frontpage .jcc-header-base{display:none}@media (min-width:64em){.jcc-header-base .jcc-nav-secondary__menu{display:none}}.caption{margin-bottom:1rem;min-width:12rem}.media-library--image.align-left,.media-library--svg.align-left{margin-right:1em;margin-bottom:1em}.media-library--image.align-right,.media-library--svg.align-right{margin-left:1em;margin-bottom:1em}article.jcc-form--hero-full-height .jcc-hero{min-height:calc(100vh - 144px)}a.jcc-form--link{margin-top:1rem;margin-right:1rem;padding:.5rem 1rem;border:1px solid;display:inline-block;text-decoration:none;text-align:center;width:100%}@media (min-width:64em){a.jcc-form--link{width:auto}}a.jcc-form--link>*{display:inline-block}a.jcc-form--link svg{vertical-align:text-top;margin-right:.25rem}.jcc-form--languages{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;padding-left:1rem}.jcc-form--languages li{width:380px;white-space:nowrap}.jcc-form--thumbnail{display:none}@media (min-width:64em){.jcc-form--thumbnail{display:block}}.jcc-form--thumbnail img{-webkit-box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);max-height:400px;display:block;margin:0 auto}.nav-tabs__wrapper{background:#e6e6e6;margin-bottom:0}.nav-tabs__wrapper,.nav-tabs__wrapper *{font-size:1rem;line-height:3}.nav-tabs{clear:both;list-style:none;margin:0;padding:0;position:relative}.nav-tabs:before{border-bottom:1px solid transparent;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:0;z-index:10}.is-collapse-enabled .nav-tabs{max-height:0;overflow:hidden;padding-top:calc(3rem + 2px)}.is-collapse-enabled .nav-tabs:before{right:60px}.is-collapse-enabled .nav-tabs.is-open:before{display:none}.nav-tabs.is-open{max-height:999em}.is-horizontal .nav-tabs{border-bottom:0;max-height:none!important;overflow:visible;padding-top:0!important}.nav-tabs .nav-tabs__item{display:block;margin:0;padding:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.is-collapse-enabled .nav-tabs__item.is-active{position:absolute;top:0;left:0;width:calc(100% - 60px);z-index:15}.is-horizontal .nav-tabs__item{float:left;width:auto;height:auto;text-align:center}.is-horizontal .nav-tabs.nav-tabs--primary .nav-tabs__item.is-active,.is-horizontal .nav-tabs__item.is-active{position:relative;top:0;width:auto}.nav-tabs .nav-tabs__link{border:1px solid transparent;display:block;position:relative;text-decoration:none}.nav-tabs .nav-tabs__link.is-active{font-weight:700}.nav-tabs .nav-tabs__link.is-active:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;z-index:16}.nav-tabs .nav-tabs__link:active,.nav-tabs .nav-tabs__link:hover{text-decoration:underline}.nav-tabs .nav-tabs__link:focus{outline-offset:-.25rem}.is-horizontal .tabs__trigger,.tabs__trigger{display:none}.is-collapse-enabled .tabs__trigger{background-color:#0050d8;border:0;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:1rem;height:calc(3rem + 2px);left:auto;padding:0;margin:0;position:absolute;right:0;text-align:center;top:0;width:60px;z-index:10}.is-collapse-enabled .tabs__trigger:focus{z-index:20}.is-collapse-enabled .nav-tabs--primary:before,.is-horizontal .nav-tabs--primary:before{border-color:#dfe1e2}.nav-tabs--primary .nav-tabs__link{background-color:#fff;border-color:#dfe1e2;color:#73b3e7;border-radius:0;border-width:1px 0 0;padding:0 1.65rem;position:relative}.nav-tabs--primary .nav-tabs__link.is-active{border-bottom:0}.nav-tabs--primary .nav-tabs__link.is-active:after{background-color:#0050d8}.nav-tabs--primary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--primary .nav-tabs__link{border-width:1px 0 0 1px}.is-horizontal .nav-tabs--primary li:first-child .nav-tabs__link{border-width:1px 0 0}.nav-tabs--secondary{background:#f9f9f9}.is-collapse-enabled .nav-tabs--secondary:before,.is-horizontal .nav-tabs--secondary:before{border-color:#dfe1e2}.nav-tabs--secondary .nav-tabs__link{font-size:.923rem;background-color:transparent;color:#73b3e7;border-color:#dfe1e2;border-width:1px 0 1px 4px;padding:0 1.65rem}.nav-tabs--secondary .nav-tabs__link.is-active:after{display:none}.nav-tabs--secondary .nav-tabs__link.is-active{border-color:#0050d8;color:#73b3e7}.nav-tabs--secondary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--secondary .nav-tabs__link{border:0}.is-horizontal .nav-tabs--secondary .nav-tabs__link:after{display:block;background-color:#0050d8}.pager{margin:2rem 0}ul.pager__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none;text-align:center}li.pager__item{color:#0050d8;display:inline-block;margin:0 .15rem;padding:0;list-style:none}li.pager__item a,li.pager__item a:link,li.pager__item a:visited{border-radius:3px;color:#0050d8;display:block;font-weight:600;padding:.75rem 1.5rem;margin:0;line-height:1;text-decoration:none}li.pager__item.is-active a,li.pager__item a:hover{background:#0050d8;color:#fff}li.pager__item__ellipsis{padding:.75rem 1.5rem}.jcc-choice-section--submit{padding-bottom:3rem}.usa-form .jcc-choice-section--submit .usa-button{margin-top:0}.jcc-share__container{position:relative;left:0;right:unset;width:100%}@media only screen and (min-width:1024px){.jcc-share__container{position:absolute;left:auto;right:0;width:37%}}@media only screen and (min-width:1800px){.jcc-share__container{width:39%}}.jcc-share__container .jcc-share{max-width:87.5rem;margin-left:auto;margin-right:auto;padding-bottom:0;padding-left:2rem;padding-right:2rem}@media only screen and (min-width:1024px){.jcc-share__container .jcc-share{padding-bottom:2rem}}.jcc-share--spacer{display:none}@media only screen and (min-width:1024px){.jcc-share--spacer{display:block;margin-bottom:8rem}}hr{color:#c9c9c9}.view-id-case_type td{border:1px solid}.view-id-case_type th{padding-bottom:20px}.view-id-case_type .export-button{padding-top:20px}.jcc-hero--has-background-color--dark a.usa-button{color:#1b1b1b;background-color:#ffbe2e}.jcc-hero--has-background-color--dark a.usa-button:hover{background-color:#e5a000} \ No newline at end of file diff --git a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss index 7827c89b..718b9005 100644 --- a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss +++ b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss @@ -1,10 +1,9 @@ -jcc-hero--has-background-color--dark{ +.jcc-hero--has-background-color--dark{ a.usa-button{ - //background-color: color($theme-color-secondary); - color: $theme-color-base-darkest; - background-color: $theme-color-warning; + color: color($theme-color-base-darkest); + background-color: color($theme-color-warning); &:hover { - background-color: $theme-color-warning-dark; + background-color: color($theme-color-warning-dark); } } }