/*--------------------------------Temporary Styling--------------------------------*/
/*
.grid.auto.columns-2.intro {
margin: 16px 16px 16px auto !important;
}*/
.article-content + article.person.about {
display: none;
}
.cfl-only {
display: none;
}
.block.cn-body .article-content a {
text-decoration: underline;
}
div#content > .stripe-inner .block.cn-body .article-content a:hover, div#content > .stripe-inner .block.cn-body .article-content a:hover * {color:#33ccff !important;}
.cn-body a[href^="/color-theme/"], .cn-body a[href^="/custom-themes/"] {
display: none;
}
body {
width: 100vw;
overflow-x: hidden;
}
.topics {display: none !important;}
.messages {
display: none;
}
#admin-menu-wrapper {
display: none;
}
a[href*='/hero-image-type-articles'] {display: none;}
footer nav.bar.tabs {
position: relative !important;
}
@media screen and (max-width: 768px) {
nav.bar.tabs {
position: relative !important;
width: 100% !important;
max-width: none !important;
}
}
body {
width: 100vw;
overflow-x: hidden;
}
body.admin-menu {
top: 0px !important;
margin-top: 0px !important;
}
header nav.bar {
top: 0px !important;
background-color: #333 !important
}
.conference-news {display: none !important}
.upcoming-events {display: none !important;}
@media screen and (max-width: 500px) {
header, #content, footer {top: 0px !important}
}
#content {top: 0px !important}
#content .column.content-right .block, #content .column.content-right .view {border-color: #eaeaea !important}
/*-------------------------------------Mobile vs. Desktop Only-------------------------*/
@media screen and (min-width: 1025px) {
.only-mobile {display: none !important;}
.only-mobile-tablet {display: none !important;}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.only-mobile {display: none !important;}
.only-desktop {display: none !important;}
}
@media screen and (max-width: 768px) {
.only-desktop-tablet {display: none !important;}
.only-desktop {display: none !important;}
}
/*-------------------------------------General-------------------------------------*/
/*Inset Sahdwo*/
.inset-shadow {
-moz-box-shadow: inset 0 18px 18px -18px #333333,
inset 0 -18px 18px -18px #333333;
-webkit-box-shadow: inset 0 18px 18px -18px #333333,
inset 0 -18px 18px -18px #333333;
box-shadow: inset 0 18px 18px -18px #333333,
inset 0 -18px 18px -18px #333333;
}
.inset-shadow-top {
-moz-box-shadow: inset 0 18px 18px -18px #333333;
-webkit-box-shadow: inset 0 18px 18px -18px #333333;
box-shadow: inset 0 18px 18px -18px #333333;
}
.inset-shadow-bottom {
-moz-box-shadow: inset 0 -18px 18px -18px #333333;
-webkit-box-shadow: inset 0 -18px 18px -18px #333333;
box-shadow: inset 0 -18px 18px -18px #333333;
}
/*Img Full*/
img.img-full {
width: 100% !important;
height: auto !important;
max-width: none !important;
margin: 0px auto 16px auto !important;
}
.float-image {
width: 40%;
margin: 0px 0px 16px 16px;
float: right;
}
@media screen and (max-width: 500px) {
.float-image {
width: 100% !important;
float: none !important;
margin: 0px 0px 16px 0px;
}
}
.float-image h6 {margin-bottom: 0px !important}
/*--------------------------------Full Width Nav--------------------------------*/
article.event {
margin-bottom: 0px !important;
}
@media screen and (min-width: 1025px) {
#utility {
border-width: 0px !important
}
#utility .stripe-inner {
display: none !important;
}
/*
header .grid .column.branding, header .grid .column.search {
display: none;
}*/
header .grid .column.branding {display: none;}
header nav.bar {
position: fixed;
left: 0;
right: 0;
width: 100%;
z-index: 900 !important;
margin: 0;
border-top: 6px solid #f60;
background-color: #333;
text-align: center;
}
header nav.bar ul.menu li.top-nav-logo, header nav.bar ul.menu li.top-nav-search {
display: list-item !important;
}
header ul.menu {
max-width: 1600px !important;
margin: 0 auto !important;
text-align: center !important;
}
a.cic-new {
padding-right: 8px !important;
padding-left: 48px !important;
background-color: #f93 !important;
color: #fff !important;
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918);
background-repeat: no-repeat;
background-position: 10px 7px;
-moz-background-size: 49px;
-o-background-size: 49px;
-webkit-background-size: 49px;
background-size: 49px;
}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
a.cic-new {
background-position: 10px 7px !important;
-moz-background-size: 36px !important;
-o-background-size: 36px !important;
-webkit-background-size: 36px !important;
background-size: 36px !important;
padding-left: 40px !important;
}
}
@media screen and (max-width: 1024px) {
a.cic-new {
padding: 11.2px 16px !important;
padding-left: 58px !important;
background-color: #f93 !important;
color: #fff !important;
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon.png?1436196918);
background-repeat: no-repeat !important;
background-position: 14px 8px !important;
-moz-background-size: 32px !important;
-o-background-size: 32px !important;
-webkit-background-size: 32px !important;
background-size: 32px !important;
}
}
a.cic-new:hover {
background-image: url(/sites/all/themes/custom/naco_ui/assets/img/county-data-icon-black.png?1436196918) !important;
background-color: #feca95 !important;
color: #333 !important;
}
@media screen and (max-width: 1024px) {
body.admin-menu header, body.admin-menu #content, body.admin-menu footer {
top: 0px !important;
}
}
/*----------------------------------------------Fonts-----------------------------------------------*/
body {font-family: "franklin-gothic-urw",sans-serif !important;}
@media screen and (max-width: 700px) {
body {font-size: 1.4rem !important}
}
/*---------------------Wht Text---------------------*/
div#content > .stripe-inner .wht-text *,
div#content > .stripe-inner .wht-text p,
div#content > .stripe-inner .wht-text li,
div#content > .stripe-inner .wht-text td,
div#content > .stripe-inner .wht-text h1,
div#content > .stripe-inner .wht-text h2,
div#content > .stripe-inner .wht-text h3,
div#content > .stripe-inner .wht-text h4,
div#content > .stripe-inner .wht-text h5,
div#content > .stripe-inner .wht-text h6 {
color: #fff !important;
}
div#content > .stripe-inner table[summary*='color'] *,
div#content > .stripe-inner table[summary*='color'] p,
div#content > .stripe-inner table[summary*='color'] li,
div#content > .stripe-inner table[summary*='color'] td,
div#content > .stripe-inner table[summary*='color'] h1,
div#content > .stripe-inner table[summary*='color'] h2,
div#content > .stripe-inner table[summary*='color'] h3,
div#content > .stripe-inner table[summary*='color'] h4,
div#content > .stripe-inner table[summary*='color'] h5,
div#content > .stripe-inner table[summary*='color'] h6 {
color: #fff !important;
}
article.full-page table[summary*='color'] ul:not(.contextual-links) li {
background-image: url(/sites/default/files/bullet-block-white.png) !important;
}
div#content > .stripe-inner .wht-text ol li:before, div#content > .stripe-inner table[summary*='color'] ol li:before {color: #fff !important}
/*---------------------Table Styling---------------------*/
/*Headers*/
thead > tr > th,
tbody > tr > th {
padding: 8px !important;
font-family: "franklin-gothic-urw",sans-serif !important;
font-weight: 700;
text-transform: uppercase;
font-size: 18px !important
}
/*Table Cells*/
table > tbody > tr > td {
font-family: "franklin-gothic-urw",sans-serif !important;
font-weight: 300 !important;
font-size: 16px !important;
line-height: 1.45 !important;
}
@media screen and (max-width: 600px) {
thead > tr > th,
tbody > tr > th {
font-size: 16px !important
}
table > tbody > tr > td {
font-size: 14px !important;
}
}
/*---------------Paragraphs and List Items---------------*/
div#content > .stripe-inner p,
div#content > .stripe-inner li {
font-family: "franklin-gothic-urw",sans-serif !important;
font-weight: 300 !important;
font-size: 1.03em !important;
line-height: 1.45 !important;
}
div#content > .stripe-inner p sup,
div#content > .stripe-inner li sup {
font-size: 70% !important;
line-height: 1 !important;
}
div#content > .stripe-inner.blue article.full-page.full-page ul:not(.contextual-links) li {
background-image: url(/sites/default/files/bullet-block-blue1.png)
}
div#content > .stripe-inner.blue article.full-page.full-page ol:not(.contextual-links) li:before {
color: #0099cc;
}
div#content > .stripe-inner.green article.full-page.full-page ul:not(.contextual-links) li {
background-image: url(/sites/default/files/bullet-block-green.jpg)
}
div#content > .stripe-inner.green article.full-page.full-page ol:not(.contextual-links) li:before {
color: #339900;
}
div#content > .stripe-inner.purple article.full-page.full-page ul:not(.contextual-links) li {
background-image: url(/sites/default/files/bullet-block-purple.jpg)
}
div#content > .stripe-inner.purple article.full-page.full-page ol:not(.contextual-links) li:before {
color: #990099;
}
div#content > .stripe-inner.red article.full-page.full-page ul:not(.contextual-links) li {
background-image: url(/sites/default/files/bullet-block-red.png)
}
div#content > .stripe-inner.red article.full-page.full-page ol:not(.contextual-links) li:before {
color: #cc3300;
}
/*-----------------------Headers-----------------------*/
div#content > .stripe-inner h1 {
font-family: "franklin-gothic-urw",sans-serif !important;
line-height: 1.12 !important;
font-weight: 700 !important;
text-transform: none !important;
}
div#content > .stripe-inner.counties-futures-lab h1 {
font-family: "kepler-std-semicondensed",serif !important;
text-transform: none !important;
}
div#content > .stripe-inner h2 {
font-family: "franklin-gothic-urw",sans-serif !important;
line-height: 1.12 !important;
font-weight: 700;
font-size: 2.6em !important;
text-transform: uppercase;
padding-top: 24px;
}
div#content > .stripe-inner.counties-futures-lab h2 {
font-family: "kepler-std-semicondensed",serif !important;
text-transform: none !important;
font-size: 3em !important;
}
div#content > .stripe-inner h3 {
font-family: "franklin-gothic-urw",sans-serif !important;
line-height: 1.12 !important;
font-size: 2.4em !important;
font-weight: 100;
padding-top: 24px;
}
div#content > .stripe-inner.blue .article-content > h3 {color: #0099cc !important}
div#content > .stripe-inner.blue .article-content > h3 {color: #0099cc !important}
div#content > .stripe-inner.green .article-content > h3 {color: #339900}
div#content > .stripe-inner.orange .article-content > h3 {color: #ff6600}
div#content > .stripe-inner.purple .article-content > h3 {color: #990099}
div#content > .stripe-inner.red .article-content > h3 {color: #cc3300}
div#content > .stripe-inner h4 {
font-family: "franklin-gothic-urw",sans-serif !important;
font-size: 1.16em !important;
line-height: 1.12 !important;
font-weight: 700 !important;
text-transform: uppercase !important;
padding-top: 8px;
color: #666
}
div#content > .stripe-inner h5 {
font-family: "franklin-gothic-urw",sans-serif !important;
line-height: 1.12 !important;
font-size: 1.03em !important;
color: #666
}
div#content > .stripe-inner h6 {
font-family: "franklin-gothic-urw",sans-serif !important;
font-weight: 300 !important;
font-size: 0.85em !important;
line-height: 1.45 !important;
margin-bottom: 24px;
font-style: italic;
}
div#content > .stripe-inner img.img-full + h6 {
font-size: 0.9em !important;
font-style: italic;
/*margin-top:-6px;*/
margin-bottom: 24px;
text-align: left;
/* For Safari 3.1 to 6.0 */
-webkit-transition-property: opacity;
-webkit-transition-duration: 2s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-delay: 0s;
/* Standard syntax */
transition-property: opacity;
transition-duration: 0.85s;
transition-timing-function:ease-out;
transition-delay: 0s;
}
div#content > .stripe-inner img.img-full.scrolled + h6 {
opacity: 1 !important
}
div#content > .stripe-inner img.img-full:not(.infographic) + h6:before {
content: "\f083";
font-family: "fontawesome";
font-style: normal;
margin-right: 8px;
}
div#content > .stripe-inner div.youtube-video + a + h6,
div#content > .stripe-inner div.youtube-video + h6 {
font-size: 0.9em !important;
font-style: italic;
margin-top:-6px;
margin-bottom: 24px;
/* For Safari 3.1 to 6.0 */
-webkit-transition-property: opacity;
-webkit-transition-duration: 2s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-delay: 0s;
/* Standard syntax */
transition-property: opacity;
transition-duration: 0.85s;
transition-timing-function:ease-out;
transition-delay: 0s;
}
div#content > .stripe-inner div.youtube-video.scrolled + a + h6,
div#content > .stripe-inner div.youtube-video.scrolled + h6 {
opacity: 1 !important
}
div#content > .stripe-inner div.youtube-video + a + h6:before,
div#content > .stripe-inner div.youtube-video + h6:before {
content: "\f03d";
font-family: "fontawesome";
font-style: normal;
margin-right: 8px;
}
div#content > .stripe-inner li h6 {
margin-bottom: 0px !important;
}
/*------------------------Buttons------------------------*/
ul.buttons-container {
padding-left: 0px !important;
display: block;
width: 100%;
}
ul.buttons-container li {
display: inline-block !important;
padding: 0px !important;
background-image: none !important;
margin: 0px 8px 8px 0px;
}
ul.buttons-container li a.btn {
display: block !important;
margin: 0px !important;
}
a.btn {
font-family: "franklin-gothic-urw",sans-serif !important;
font-size: 1em !important;
line-height: 1.12 !important;
font-weight: 500 !important;
padding: 10px 12px !important;
text-align: center;
max-width: 100%;
border: solid 2px #fae164 !important;
background-color: #fae164 !important;
color: #000 !important;
border-radius: 6px;
}
a.btn:hover {
background-color: #ffc846 !important;
border-color: #ffc846 !important;
}
.stayconnected .article-content form .form-actions input[type='submit'] {
font-family: "franklin-gothic-urw",sans-serif !important;
font-weight: 700;
padding: 10px 16px 10px 16px;
}
/*--------------------------------------Full Width Blocks Sizing--------------------------------------*/
/*No Max Width*/
header, #content, footer {
max-width: none !important;
}
/*----------Main Content----------*/
div#content > .stripe-inner {
width: 100%;
padding-bottom: 0px !important;
padding-top: 0px !important;
max-width: none;
}
#content .grid .column.main {
width: 100%;
float: none;
padding: 0px;
}
.grid.auto.columns-2.intro {
width: 100%;
height: 100vh;
background-color: red;
}
.grid.auto.columns-2.intro .wrapper {
display: none;
}
.block.cn-body,
.block.cn-body > article,
.block.cn-body > article > .content,
.block.cn-body > article > .content > .inner-content,
.block.cn-body > article > .content > .inner-content > .article-content {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color:#0099cc;
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: 0px;
row-gap: 0px;
}
@media screen and (min-width: 700px) and (max-width: 768px) {
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 700px) {
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer {
grid-template-columns: 2fr 1fr;
}
}
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer > .blue{
background-image: url(https://www.naco.org/sites/default/files/MCMY_bp.png);
background-size: cover;
z-index: 50;
}
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer > .blue {
display: flex;
flex-direction: column;
justify-content: center;
}
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer > .people {
background-image: url(https://www.naco.org/sites/default/files/NACo2021_Member-Blueprint-coverv2.png);
background-size: cover;
}
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer > .blue img.mn-title {
margin: 0 !important;
display: block !important;
width: 115% !important;
height: auto;
max-width: none !important;
}
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer > .blue img.mn-sub {
margin: 0px;
padding: 24px;
width: 100%;
height: auto;
}
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer > .blue .btn-container {
width: 100%;
padding: 32px 24px 24px 24px;
display: flex;
justify-content: flex-start;
}
.block.cn-body > article > .content > .inner-content > .article-content > .mb-outer > .blue .btn-container a.btn {
text-decoration: none;
}
/*-------Sidebar Content-------*/
#content .grid .column.content-right {
width: 100%;
float: none;
}
@media screen and (min-width: 769px) {
#content .grid .column.content-right {
padding-left:32px;
}
}
#content .grid .column.content-right > * {
max-width: 768px;
margin-right: auto;
margin-left: auto;
}
/*------About the Author------*/
.block.about-author {
width: 100%;
display: block;
max-width: 768px;
margin: 0px auto;
clear: both;
}
/*-----------Footer-----------*/
.footer-1.stripe {
border-top: solid 8px #ff9933;
overflow: hidden;
}
.footer-1.stripe > .stripe-inner {
overflow: visible !important;
}
footer .footer-1 .grid {
border-top: 0;
}
/*Stay Connected*/
.block.stayconnected {
display: block !important;
position: relative;
}
@media screen and (min-width: 1601px) {
.block.stayconnected:before {
content: "";
display: block;
position: absolute;
top: 0px;
right: 100%;
width: calc(50vw - 800px);
height: 100%;
background-color: #003366;
}
.block.stayconnected:after {
content: "";
display: block;
position: absolute;
top: 0px;
left: 100%;
width: calc(50vw - 800px);
height: 100%;
background-color: #33ccff;
}
}
#content.mobile-browser .grid .column.main.with-sidebar {background-attachment: local !important}
#content .grid .column.main .grid.intro .overline {
display: none;
}
/*---------------------Wht Text---------------------*/
div#content > .stripe-inner .column.main.with-sidebar *,
div#content > .stripe-inner .column.main.with-sidebar p,
div#content > .stripe-inner .column.main.with-sidebar li,
div#content > .stripe-inner .column.main.with-sidebar td,
div#content > .stripe-inner .column.main.with-sidebar h1,
div#content > .stripe-inner .column.main.with-sidebar h2,
div#content > .stripe-inner .column.main.with-sidebar h3,
div#content > .stripe-inner .column.main.with-sidebar h4,
div#content > .stripe-inner .column.main.with-sidebar h5,
div#content > .stripe-inner .column.main.with-sidebar h6 {
color: #fff !important;
}
div#content > .stripe-inner .column.main.with-sidebar a.btn {
color: #000 !important;
margin: 8px 0px 24px 0px;
}
#content .grid .column.main .grid.intro > * {
position: relative;
}
div#content > .stripe-inner .column.main.with-sidebar h1 {
font-size: 2.2em;
}
$(document).ready(function(){
/*Mobile?*/
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$("#content").addClass("mobile-browser");
};
/*Subtitle*/
if ( $("#content .grid.auto > .column:first-child > h1:contains(':')").length ) {
$txt = $("#content .grid.auto > .column:first-child > h1");
$txt.text( $txt.text().replace(/-/g, '‑') );
var c = $("#content .grid.auto > .column:first-child > h1").text().split(":");
$("#content .grid.auto > .column:first-child > h1").html( c[0] + "
" + c[1] + "");
};
$("nav.bar.tabs").insertAfter("div#content > .stripe-inner > .grid");
});
