/*----------------Temporary Styling----------------*/

.topics {display: none !important;}

.messages {
    display: none;
}

#admin-menu-wrapper {
    display: none;
}

footer nav.bar.tabs {
    position: relative !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: 58px !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---------------------*/

    /*Hide Blocks*/
    .latest-tweet,
    .upcoming-events,
    .column.content-right,
    .footer-2 {
        display: none;
    }


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

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


    /*Full Width Blocks*/
    #content, footer {
        max-width: none !important;
    }

    #content .grid .column.main .grid.intro {
        margin-top: 0px !important;
        display: block;
        width: 100%
    }

    #content .stripe-inner {
        padding: 0px 0px 0px 0px !important
    }

    #content.full .column.main {
        padding: 0px !important;
        transition: top 0.69s;
    }




/*Hide Stuff*/

article.contextual-links-region.webform.orange-red {
    display: none;
}



/*Full width:*/
.stripe-inner,
.column.main.with-sidebar {
    width: 100% !important;
    padding: 0px !important;
    max-width: none !important;
    float: none !important;
}

footer .footer-3 .stripe-inner {
    max-width: 1600px !important;
    padding: 32px 0px 96px 0px !important;
}







/*====================== Hero Image ======================e*/

#content .column.main .intro .column:nth-child(2) {
    overflow: hidden;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: center;
    /*opacity: 0;*/
    transition: opacity 1s;
    background-color: #666;
    min-height: 100vh;
    margin-bottom: 48px;
    float: none !important;
}

#content .grid .column.main .grid.intro .column + .column {float: none !important;}

#content .column.main .intro .column:nth-child(2) img {display: none;}

.hero-image-large {
    margin-top: 0px;
    display: table;
    height: auto !important;
    opacity: 1 !important;
    background-size: cover;
    background-position: center;
    background-color: #666;
    margin-bottom: 48px;
}


#content .column.main .intro .column:nth-child(2):before,
.column.hero-image-large:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    -webkit-animation-name: fadeimage; /* Safari 4.0 - 8.0 */
    animation-name: fadeimage;
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeimage {
    0%  {background-color: rgba(0,0,0,1)}
    50% {background-color: rgba(0,0,0,1);}
    100% {background-color: rgba(51,51,51,0.6)}
}

@keyframes fadeimage {
    0%  {background-color: rgba(0,0,0,1)}
    50% {background-color: rgba(0,0,0,1);}
    100% {background-color: rgba(51,51,51,0.6)}
}


/*=================== Title Block Styling  ===================*/


#content .grid.auto > .column:first-child {
    width: 100%;
    height: 100vh;
    float: none;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: opacity 0.75s;
}




.column.title-block {
    z-index: 25;
    height: 100vh !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    margin-bottom: 64px !important;
    opacity: 1 !important
}


#content .grid.auto > .column:first-child .overline,
#content .grid.auto > .column:first-child div.byline,
.columns-2 .wrapper .overline,
.columns-2 .wrapper div.byline {display: none;}

#content .grid.auto > .column:first-child h1,
.columns-2 .wrapper h1 {
    font-family: "franklin-gothic-urw",sans-serif !important;
    font-weight: bold;
    text-decoration: none !important;
    line-height: 1.2 !important;
    margin-bottom: 32px
}

#content.counties-futures-lab .grid.auto > .column:first-child h1,
.columns-2 .wrapper h1 {
    font-family: "kepler-std-semicondensed",serif !important;
}


/*title*/
    #content .grid.auto > .column:first-child h1,
    .columns-2 .wrapper h1 {
        padding: 16px;
        text-align: center;
        display: block;
        width: 100%;
        max-width: 1024px;
        margin: 50px auto;
        color: #fff;
        text-transform: uppercase !important;
    }

    #content.counties-futures-lab .grid.auto > .column:first-child h1,
    .columns-2 .wrapper h1 {
        text-transform: none !important;
        max-width: 800px !important
    }

    .title-inner h1 span {
        display: block;
        margin: 8px auto 0px auto;
        max-width: 600px;
        font-size: 55% !important;
        line-height: 1.3 !important;
        font-weight: 100 !important;
        text-transform: none !important;
    }


    #content.counties-futures-lab .title-inner h1 span {
        font-family: "museo-sans", sans-serif !important;
    }  



    #content.counties-futures-lab .grid.auto > .column:first-child h1:before,
    .columns-2 .wrapper h1:before {
        content: "";
        background-image: url(/sites/default/files/default_images/cfl-brakets_top_0.svg);
        background-size: 80%;
        background-position: center top;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        height: 0px;
        padding-bottom: 3.99265%;
        margin-bottom:6px;
    }

    #content.counties-futures-lab .grid.auto > .column:first-child h1:after,
    .columns-2 .wrapper h1:after {
        content: "";
        background-image: url(/sites/default/files/default_images/cfl-brakets_bottom_0.svg);
        background-size: 80%;
        background-position: center bottom;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        height: 0px;
        padding-bottom: 3.99265%;
        margin-top:6px;
    }



@media screen and (min-width: 1201px) {
    #content .grid.auto > .column:first-child h1,
    .columns-2 .wrapper h1 {
        font-size: 56px;
        margin-bottom: 48px !important;
    }
    #content.counties-futures-lab .grid.auto > .column:first-child h1,
    .columns-2 .wrapper h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 768px) and (min-width: 601px) {
    #content .grid.auto > .column:first-child h1,
    .columns-2 .wrapper h1 {
        font-size: 48px !important;
        margin-bottom: 48px !important
    }
    #content.counties-futures-lab .grid.auto > .column:first-child h1,
    .columns-2 .wrapper h1 {
        font-size: 56px !important;
        margin-bottom: 48px !important
    }
}

@media screen and (max-width: 600px) {
    #content .grid.auto > .column:first-child h1,
    .columns-2 .wrapper h1 {
        font-size: 38px !important;
        margin-bottom: 48px !important
    }
    #content.counties-futures-lab .grid.auto > .column:first-child h1,
    .columns-2 .wrapper h1 {
        font-size: 48px !important;
        margin-bottom: 48px !important
    }
}

#content .topics {
    border-top-width: 0px !important;
    text-align: right;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}


.date-social {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-top: 100vh;
    background-color: rgba(0,0,0,0.33);
    background-repeat: no-repeat;
    padding: 16px;
}


#content.counties-futures-lab .date-social {
    background-image: url(/sites/default/files/default_images/cfl-wht.svg);
}


@media screen and (min-width: 851px) {
    #content.counties-futures-lab .date-social {
        padding: 16px 164px !important;
        background-size: auto 50px !important;
        background-position: calc(100% - 32px) center
    }
}

@media screen and (max-width: 850px) {
    #content.counties-futures-lab .date-social {
        padding: 16px 16px 112px !important;
        background-size: auto 80px !important;
        background-position: center calc(100% - 32px) !important;
    }
}

.date a {
    display: inline;
    color: #fff;
    padding-right: 8px;
    border-right: solid 3px #eaeaea;
    margin-right: 8px;
}

span.date {
    display: block;
    text-align: center;
    margin: 0px auto 16px auto;
    /* padding-bottom: 16px; */
    width: 100%;
    font-family:"franklin-gothic-urw",sans-serif !important;
    font-weight: 500;
    color: #999;
    /* border-bottom: solid 1px #eaeaea; */
    text-transform: uppercase;
}

#content.counties-futures-lab span.date {
    font-family: "museo-sans",sans-serif !important;
}



@media screen and (max-width: 600px) {
    span.date {font-size: 14px !important}
}


.youtube-link {display: none;}

img.small-hero {
    width: 100% !important;
    height: auto;
    max-width: none !important;
    margin: 0px 0px 16px 0px !important;
}



/*Share this Wrapper*/

div.sharethis-wrapper span {
    width: 26px !important;
    height: 26px !important;
    display: flex !important;
    background-color: transparent !important;
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin:0px 4px;
}

div.sharethis-wrapper span:hover {
    background-color: #ff9933 !important;
    cursor: pointer;
}

li.sharethis {
    display: block !important;
}

div.sharethis-wrapper {
    display: flex;
    margin: 4px 0px;
    
}

span.st_linkedin_custom {background-image: none !important;}







span.st_linkedin_custom:before {
    content: "\f0e1";
    font-family: "fontawesome";
}

span.print:before {
    content: "\f02f";
    font-family: "fontawesome";
}

span.print {
    position: relative;
    overflow: hidden;
}

span.print a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}



/*New Go Button*/

.title-inner {
    position: relative;
    width: 100%;
}




.new-go-btn {
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin: auto;
    border-radius:50%;
    border:solid 1px #33ccff;
    background-image: url(http://www.naco.org/sites/default/files/default_images/down-arrow.svg);
    background-size: 20px auto;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    transition: all 0.3s;
    -webkit-animation-name: bounce; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: ease;
    -webkit-animation-play-state: running;  /* Chrome, Safari, Opera */
    animation-name: bounce;
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-delay: 0.8s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease;
    animation-play-state: running;
    cursor: pointer;
}

.new-go-btn:hover {border-width:4px !important;}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes bounce {
    0% {transform:translateY(0px);}
    50% {transform:translateY(10px);}
    100% {transform:translateY(0px);}
}

/* Standard syntax */
@keyframes bounce {
    0% {transform:translateY(0px);}
    50% {transform:translateY(10px);}
    100% {transform:translateY(0px);}
}



/*Printable PDF Buttons*/

#content .grid.auto > .column:first-child div.item-list {display: none;}



/*================== Article Font Styling==================*/


/* paragraph, list-item, table content*/
    .cn-body .content .article-content p,
    .cn-body .content .article-content li,
    .cn-body .content .article-content td {
        font-family:"franklin-gothic-urw",sans-serif !important;
        font-weight: 300 !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .cn-body .content .article-content p strong,
    .cn-body .content .article-content li strong,
    .cn-body .content .article-content td strong {
        font-weight: 700 !important
    }

    #content.counties-futures-lab .cn-body .content .article-content p,
    #content.counties-futures-lab .cn-body .content .article-content li,
    #content.counties-futures-lab .cn-body .content .article-content td {
        font-family: "museo-sans",sans-serif !important;
    }


/*H1*/
    .cn-body .content .article-content h1 {
        font-family:"franklin-gothic-urw",sans-serif !important;
        font-weight: 900 !important;
        padding-top: 32px;
    }

    #content.counties-futures-lab .cn-body .content .article-content h1 {
        font-family: "kepler-std-semicondensed",serif !important;
    }

/*H2*/
    .cn-body .content .article-content h2 {
        font-family:"franklin-gothic-urw",sans-serif !important;
        font-weight: 700 !important;
        padding-top: 32px;
        text-transform: uppercase !important;
    }

    #content.counties-futures-lab .cn-body .content .article-content h2 {
        font-family: "kepler-std-semicondensed",serif !important;
        text-transform: none !important;
    }

/*H3*/
    .cn-body .content .article-content h3 {
        font-family:"franklin-gothic-urw",sans-serif !important;
        font-weight: 300 !important;
        padding-top: 18px;
    }

    #content.counties-futures-lab .cn-body .content .article-content h3 {
        font-family: "kepler-std-semicondensed",serif !important;
    }

    .cn-body .content .article-content h3 strong {
        font-weight: 500 !important;
    }

    #content.counties-futures-lab .cn-body .content .article-content h3 strong {
        font-weight: 900 !important;
    }




/*H4*/
    .cn-body .content .article-content h4 {
        font-family:"franklin-gothic-urw",sans-serif !important;
        font-size: 16px !important;
        padding-top: 12px;
        font-weight: 500 !important;
        text-transform: uppercase !important;
    }

    #content.counties-futures-lab .cn-body .content .article-content h4 {
        font-family: "museo-sans",sans-serif !important;
        font-weight: 900 !important;
    }

/*H5*/
    .cn-body .content .article-content h5 {
        font-family:"franklin-gothic-urw",sans-serif !important;
        padding-top: 8px;
        padding-bottom: 6px;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        font-size: 16px !important
    }

    #content.counties-futures-lab .cn-body .content .article-content h5 {
        font-family: "museo-sans",sans-serif !important;
        font-weight: 900 !important;
    }

/*H5 & H5 Strong*/
    .cn-body .content .article-content h4 strong,
    .cn-body .content .article-content h5 strong {
        font-weight: 900 !important;
    }




.cn-body .content .article-content h6,
.cn-body .content .article-content span.caption {
   font-family:"franklin-gothic-urw",sans-serif !important;
   font-weight: 100;
    color: #333;
    width: 100%;
    display: block;
    margin-top: -24px;
    margin-bottom: 32px;
    font-size: 12px !important;
    line-height: 1.3125 !important;
}

#content.counties-futures-lab .cn-body .content .article-content h6,
#content.counties-futures-lab .cn-body .content .article-content span.caption {
   font-family: "museo-sans",sans-serif !important;
}


.cn-body .content .article-content h6:before,
.cn-body .content .article-content span.caption:before {
    content: "\f083";
    font-family: "fontawesome";
    display: inline;
    margin-right: 8px;
}

@media screen and (max-width: 768px) and (min-width: 601px) {
    .cn-body .content .article-content h1 {font-size: 36px !important;}
    .cn-body .content .article-content h2 {font-size: 32px !important;}
    .cn-body .content .article-content h3 {font-size: 28px !important;}
}



@media screen and (max-width: 600px) {
    .cn-body .content .article-content h1 {font-size: 28px !important;}
    .cn-body .content .article-content h2 {font-size: 24px !important;}
    .cn-body .content .article-content h3 {font-size: 21px !important;}
    .cn-body .content .article-content h4,
    .cn-body .content .article-content h5,
    .cn-body .content .article-content p,
    .cn-body .content .article-content li {font-size: 14px !important}
}


.cn-body table tr:nth-child(odd) {
    background-color: rgba(179,179,179,0.15) !important
}



.cn-body table caption {
    font-family:"franklin-gothic-urw",sans-serif !important;
    line-height: 1.215 !important;
    font-size: 18px !important;
    font-weight: 700;
    padding: 8px 0px !important;
}

#content.counties-futures-lab .cn-body table caption {
    font-family: "museo-sans",sans-serif !important;
}


.cn-body .content .article-content p a.btn {
    display: inline-block !important;
    line-height: 1 !important;
    padding: 10px 16px 12px 16px !important;
    margin: 0px 8px 8px 0px;
}

/* List items */

.cn-body .content .article-content ol li {
    width: 100%;
    padding-left: 32px;
    position: relative;
    margin-bottom: 8px;
}

.cn-body .content .article-content ol li:before {
    position: absolute;
    left: 0px;
    top: 0.105em;
    min-width: 21px;
    text-align: right;
    color: inherit !important;
}

.cn-body .content .article-content ul li {
    width: 100%;
    padding-left: 32px !important;
    background-image: none !important;
    position: relative;
    margin-bottom: 8px;
}

.cn-body .content .article-content ul li:before {
    content: "\f10c";
    font-family: "fontawesome";
    font-size: 60%;
    margin-right: 8px;
    color: inherit;
    position: absolute;
    left: 0px;
    top: 0.64em;
    min-width: 21px;
    text-align: right;
}


.cn-body .content .article-content li p {padding-top: 16px !important}

.cn-body .content .article-content ul li ol,
.cn-body .content .article-content ol li ul {
    width: 100% !important;
    padding-left: 8px !important;
    padding-right: 0px !important
}


.cn-body .content .article-content ul li ol li:before {
    content: counter(step-counter) "." !important;
    font-family: "franklin-gothic-urw",sans-serif !important;
    font-size: 90% !important;
    margin-right: 8px !important;
    top: 0.105em !important;
    color: inherit !important;
}

#content.counties-futures-lab .cn-body .content .article-content ul li ol li:before {
    font-family: "museo-sans",sans-serif !important;
}



.cn-body .content .article-content ol li ul > li:before {
    content: "\f10c" !important;
    font-family: "fontawesome" !important;
    font-size: 60% !important;
    margin-right: 8px !important;
    color: inherit !important;
    position: absolute !important;
    left: 0px !important;
    top: 0.64em !important;
    min-width: 21px !important;
    text-align: right !important;
}

.cn-body .content .article-content sup {font-size: 60%}

/*Attachments List*/

.item-list.main-attachments-list {
    width: 100%;
    margin-bottom: 8px;
}

.cn-body article.full-page .item-list.main-attachments-list ul li:only-child {
    margin-left: auto !important;
    margin-right: auto !important;
}


.cn-body article.full-page a.btn {
    font-family: "franklin-gothic-urw",sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.45;
    padding: 8px 12px 9px 12px;
}

#content.counties-futures-lab .cn-body article.full-page a.btn {
    font-family: "museo-sans",sans-serif !important;
}

.cn-body article.full-page .item-list.main-attachments-list ul {
    padding-left: 0px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cn-body article.full-page .item-list.main-attachments-list ul li {
    padding-left: 0px !important;
    display: inline-block !important;
    margin: 0px 8px 8px 0px !important;
    width: auto !important;
}

.cn-body article.full-page .item-list.main-attachments-list ul li a {margin: 0px !important;}

.cn-body article.full-page .item-list.main-attachments-list ul li:before {
    display: none !important;
}

a#jumptobutton {
    cursor: pointer;
}

.cn-body article.full-page li.sharethis {
    display: none !important;
}



/*Break word*/

.cn-body article.full-page p a {word-wrap: break-word;}

/* Color Selectors */
    a[href^="/color-theme"], a[href^="/custom-themes"] {display: none;}

    /*Green Theme*/
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green table[summary~=color] {background-color: #66cc00 !important}
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green h2,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green .section-breaker span {color: #66cc00 !important;}
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green h3 {color: #80cce5 !important;}

        #content:not(.counties-futures-lab) .cn-body .content .article-content.green blockquote:before {background-color: #66cc00 !important;}
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green blockquote p,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green blockquote h1,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green blockquote h2,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green blockquote h3,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green blockquote h4,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green blockquote h5,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.green blockquote li {color: #666 !important}

        /*Wht Text*/
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text h2,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text .section-breaker span {color: #fff !important;}
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text h3 {color: #fff !important;}

            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text blockquote:before {background-color: #fff !important;}
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text blockquote p,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text blockquote h1,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text blockquote h2,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text blockquote h3,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text blockquote h4,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text blockquote h5,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.green .wht-text blockquote li {color: #fff !important}

    /*Blue/Orange Theme*/
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange table[summary~=color] {background-color: #006699 !important}
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange h2,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .section-breaker span {color: #0099cc !important;}
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange h3 {color: #ff6600 !important;}

        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange blockquote:before {background-color: #0099cc !important;}
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange blockquote p,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange blockquote h1,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange blockquote h2,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange blockquote h3,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange blockquote h4,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange blockquote h5,
        #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange blockquote li {color: #666 !important}

        /*Wht Text*/
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text h2,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text .section-breaker span {color: #fff !important;}
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text h3 {color: #fff !important;}

            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text blockquote:before {background-color: #fff !important;}
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text blockquote p,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text blockquote h1,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text blockquote h2,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text blockquote h3,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text blockquote h4,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text blockquote h5,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.blue-orange .wht-text blockquote li {color: #fff !important}





    /*Red Theme*/
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red table[summary~=color] {background-color: #cc3300}
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red h2,
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red .section-breaker span {color: #cc3300 !important;}
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red h3 {color: #666 !important;}

    #content:not(.counties-futures-lab) .cn-body .content .article-content.red blockquote:before {background-color: #cc3300 !important;}
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red blockquote p,
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red blockquote h1,
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red blockquote h2,
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red blockquote h3,
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red blockquote h4,
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red blockquote h5,
    #content:not(.counties-futures-lab) .cn-body .content .article-content.red blockquote li {color: #666 !important}

        /*Wht Text*/
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text h2,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text .section-breaker span {color: #fff !important;}
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text h3 {color: #fff !important;}

            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text blockquote:before {background-color: #fff !important;}
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text blockquote p,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text blockquote h1,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text blockquote h2,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text blockquote h3,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text blockquote h4,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text blockquote h5,
            #content:not(.counties-futures-lab) .cn-body .content .article-content.red .wht-text blockquote li {color: #fff !important}






/* White Text*/
    .wht-text p, .wht-text li, .wht-text h1, .wht-text h2, .wht-text h3, .wht-text h4, .wht-text h5, .wht-text h6 {color: #fff !important}


    .wht-text blockquote p, .wht-text blockquote li, .wht-text blockquote h1, .wht-text blockquote h2, .wht-text blockquote h3, .wht-text blockquote h4, .wht-text blockquote h5, .wht-text blockquote h6 {color: #fff !important}

    .wht-text table, .wht-text table caption, .wht-text table tr, .wht-text table tr td, .wht-text table tr thead, .wht-text table p, .wht-text table li, .wht-text table h1, .wht-text table h2, .wht-text table h3, .wht-text table h4, .wht-text table h5, .wht-text table h6 {color: #fff !important}

    .wht-text a {color: #fff !important; text-decoration: underline;}

    .wht-text a.shareline:hover {color: rgba(0,0,0,0.65) !important}



    .wht-text a.btn {
        border: 2px solid #fff !important;
        text-decoration: none !important;
        position: relative;
        background-color: rgba(0,0,0,0) !important;
        transition: all 0.25s;
    }




    .wht-text a.btn:hover {
        background-color: rgba(0,0,0,0.25) !important;
        border: 2px solid rgba(255,255,255,0) !important;
    }





/*Blockquotes*/



.cn-body .content .article-content blockquote {
    width: 100%;
    float: none;
    max-width: 800px;
    margin: 16px auto 32px auto;
    display: block;
    background-color: transparent;
    position: relative;
    padding: 16px 16px 16px 46px;
}

#content.counties-futures-lab .cn-body .content .article-content blockquote {
    max-width: 664px;
    padding: 16px;
}

.cn-body .content .article-content blockquote:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 8px;
    width: 6px;
    height: calc(100% - 16px);
    background-color: #000;
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .cn-body .content .article-content blockquote {
        width: 80% !important;
        padding-left: 32px !important;
    }

    .cn-body .content .article-content blockquote:before {
        left: 0px !important
    }
}

#content.counties-futures-lab .cn-body .content .article-content blockquote:before {
    background-color: transparent;
    position: relative;
    left: inherit !important;
    right: inherit !important;
    top: inherit !important;
    bottom: inherit !important;
    background-image: url(/sites/default/files/default_images/cfl-brakets_top_0.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 3.99265%;
    margin-bottom: 24px;
}


#content.counties-futures-lab .cn-body .content .article-content blockquote:after {
    background-color: transparent;
    position: relative !important;
    left: inherit !important;
    right: inherit !important;
    background-image: url(/sites/default/files/default_images/cfl-brakets_bottom_0.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 3.99265%;
    margin-top: 24px;
}


.cn-body .content .article-content blockquote * {
    width: 100% !important;
    max-width: none !important;
    padding: 0px !important;
    line-height: 1.3
}

blockquote *:last-child {margin-bottom: 0px !important}

#content.counties-futures-lab .cn-body .content .article-content blockquote * {
    text-align: center;
    line-height: 1.4
}

/*Share lines*/

h3 a.shareline {
    width: 100%;
    padding: 16px 0px 16px 48px;
    text-align: left;
    position: relative;
    display: block;
    text-decoration: none !important;
    color: #999 !important;
    font-family: "kepler-std-semicondensed",serif !important;
    font-weight: 400 !important
}

h3 a.shareline:before {
    position: absolute;
    top: 16px;
    left: 0px;
}


h3:first-child a.shareline {padding-top: 0px !important}
h3:first-child a.shareline:before {top: 0px !important}

/*About Author*/

#content .column.main article.person.about {
    display: none;
}




/*Blockquote Animation*/

blockquote {
    transform: translateX(-48px) !important;
    opacity: 0 !important;
    transition: all 1s;
    transition-timing-function: ease-in-out;
}


blockquote.scrolled {
    opacity: 1 !important;
    transform:translateX(0px) !important;
}



/*================== Article Container Sizing ==================*/

.cn-body article.full-page .article-content > p,
.cn-body article.full-page .article-content > h1,
.cn-body article.full-page .article-content > h2,
.cn-body article.full-page .article-content > h3,
.cn-body article.full-page .article-content > h4,
.cn-body article.full-page .article-content > h5,
.cn-body article.full-page .article-content > h6,
.cn-body article.full-page .article-content > .item-list.main-attachments-list {
    width: 100%;
    max-width: 800px !important;
    margin-left:auto !important;
    margin-right: auto !important;
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width: 769px) {
    .cn-body article.full-page .article-content > ol,
    .cn-body article.full-page .article-content > ul {
        width: 100%;
        max-width: 800px !important;
        margin-left:auto !important;
        margin-right: auto !important;
        padding-left: 32px !important;
        padding-right: 16px !important;
    }
}


@media screen and (min-width: 601px) and (max-width: 768px) {
    .cn-body article.full-page .article-content > p,
    .cn-body article.full-page .article-content > h1,
    .cn-body article.full-page .article-content > h2,
    .cn-body article.full-page .article-content > h3,
    .cn-body article.full-page .article-content > h4,
    .cn-body article.full-page .article-content > h5,
    .cn-body article.full-page .article-content > h6,
    .cn-body article.full-page .article-content > .item-list.main-attachments-list {
        max-width: 80% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .cn-body article.full-page .article-content > ol,
    .cn-body article.full-page .article-content > ul {
        width: 80% !important;
        max-width: 800px !important;
        margin-left:auto !important;
        margin-right: auto !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .cn-body article.full-page .item-list.main-attachments-list ul {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

}

@media screen and (max-width: 600px) {
    .cn-body article.full-page .article-content > ol,
    .cn-body article.full-page .article-content > ul {
        width: 100%;
        max-width: 800px !important;
        margin-left:auto !important;
        margin-right: auto !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}




.cn-body article.full-page h2:not(:first-of-type) {margin-top: 48px;}


.cn-body article.full-page img.img-full {
    width: 100% !important;
    height: auto !important;
    max-width: 800px !important;
    margin: 32px auto !important;
}


@media screen and (min-width: 769px) {
    .cn-body article.full-page p img.img-full {
        width: calc(100% + 32px) !important;
        height: auto !important;
        max-width: 800px !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
    }
}


@media screen and (min-width: 601px) and (max-width: 768px) {
    .cn-body article.full-page p img.img-full {
        width: 125% !important;
        height: auto !important;
        max-width: 800px !important;
        margin-left: -12.5% !important;
        margin-right: -12.5% !important;
    }
}

@media screen and (min-width: 769px) {
    .cn-body article.full-page p img.img-full {
        width: calc(100% + 32px) !important;
        height: auto !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
    }
}

/*Person Table*/

.cn-body article.full-page table[summary=speakers] {
    width: 100% !important;
    margin: 0px !important;
}

.cn-body article.full-page table[summary=speakers] tbody {padding: 0px !important}

.cn-body article.full-page table[summary=speakers] tr {
    background-color: transparent !important;
    display: block !important;
    margin-bottom: 16px !important
}

.cn-body article.full-page table[summary=speakers] tr td:nth-of-type(1) {
    width: 150px !important;
}



.cn-body article.full-page table[summary=speakers] tr td {
    vertical-align: top !important
}

.cn-body article.full-page table[summary=speakers] img.img-full,
.cn-body article.full-page table[summary=speakers] img {
    width: 100% !important;
    height: auto !important;
    padding-right: 16px !important;
    max-width: none !important;
    margin: 0px !important;
}

/*====================== Tables and Key Takeaways ======================*/

.cn-body article.full-page table {
    width: calc(100% - 32px) !important;
    max-width: 800px !important;
    margin-left:auto !important;
    margin-right: auto !important;
}

/*
@media screen and (min-width: 769px) {
    .cn-body article.full-page table tbody{
        padding: 16px !important;
        display: block;
    }
}


@media screen and (min-width: 601px) and (max-width: 768px) {
    .cn-body article.full-page table tbody{
        padding: 16px 10% !important;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .cn-body article.full-page table tbody{
        padding: 16px !important;
        display: block;
    }
}

*/

.cn-body article.full-page table p,
.cn-body article.full-page table ul,
.cn-body article.full-page table li,
.cn-body article.full-page table h1,
.cn-body article.full-page table h2,
.cn-body article.full-page table h3,
.cn-body article.full-page table h4,
.cn-body article.full-page table h5,
.cn-body article.full-page table h6 {
    max-width: none !important;
    width: 100% !important;
    padding: 0px !important
}


/*XXX*/

#content .cn-body .content .article-content > table[summary~=color]:first-child {
    margin-top: -48px !important;
}


.cn-body article.full-page table[summary~=blue1] {background-color: #0099cc !important;}
.cn-body article.full-page table[summary~=blue2] {background-color: #006699 !important;}
.cn-body article.full-page table[summary~=blue3] {background-color: #003366 !important;}
.cn-body article.full-page table[summary~=green1] { background-color: #66CC00 !important;}
.cn-body article.full-page table[summary~=green] { background-color: #339900 !important;}
.cn-body article.full-page table[summary~=orange1] { background-color: #ff9933 !important;}
.cn-body article.full-page table[summary~=orange2] { background-color: #ff6600 !important;}
.cn-body article.full-page table[summary~=red] { background-color: #66CC00 !important;}


#content .cn-body .content .article-content table[summary~=color] {
    width: 100% !important;
    display: table !important;
    max-width: none !important;
    background-color: #0099cc;
    margin: 48px 0px;
}


.cn-body article.full-page table[summary~=color] > tbody  {
    width: 100% !important;
    padding: 0px !important;
}




.cn-body article.full-page table[summary~=color] > tbody > tr {
    background-color: transparent !important;
    width: 100% !important;
    display: block !important;
}


.cn-body article.full-page table[summary~=color] > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    padding: 32px 16px;
    max-width: 800px;
    margin: auto;
}



.cn-body article.full-page table[summary~=takeaways] {margin-bottom: 0px !important}

.cn-body article.full-page table[summary~=takeaways] tr {
    background-color: transparent !important;
    border-bottom: solid 1px rgba(0,0,0,0.3);
    width: 100% !important;
    display: block !important;
    margin-bottom: 32px;
    padding-bottom: 32px;
}

.cn-body article.full-page table[summary~=takeaways] tr:last-of-type {
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}


.cn-body article.full-page table[summary~=takeaways] tr td {
    vertical-align: top;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.cn-body article.full-page table[summary~=takeaways] tr td:first-child {
    width: 45%;
    padding-left: 0px !important;
    padding-right: 16px;
}

.cn-body article.full-page table[summary~=takeaways] tr td:first-child,
.cn-body article.full-page table[summary~=takeaways] tr td:first-child p {
    font-weight: 700 !important;
    text-transform: uppercase;
    text-align: right;
}

.cn-body article.full-page table[summary~=takeaways] tr td:last-child {
    padding-left: 16px !important;
    padding-right: 0px !important;
}


@media screen and (max-width: 701px) {
   .cn-body article.full-page table[summary~=takeaways] tr,
   .cn-body article.full-page table[summary~=takeaways] tr td {
    display: block !important;
    width: 100% !important;
   } 

    .cn-body article.full-page table[summary~=takeaways] tr td:first-child,
    .cn-body article.full-page table[summary~=takeaways] tr td:first-child p {
        text-align: left;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important
    }

    .cn-body article.full-page table[summary~=takeaways] tr td:last-child {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 16px;
    }

}

/*Section Header*/

.cn-body article.full-page table[summary~=takeaways] caption {
    display: block;
    width: 100%;
    max-width: 768px;
    margin: auto;
    border-bottom: 0px;
    text-align: center;
    font-family: "kepler-std-semicondensed",serif !important;
    font-weight: 900 !important;
    line-height: 1.125 !important;
    text-transform: none !important;
}


@media screen and (min-width: 769px) {
    .cn-body article.full-page table[summary~=takeaways] caption {
        font-size: 45px !important;
    }    
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .cn-body article.full-page table[summary~=takeaways] caption {
        max-width: 80% !important;
        font-size: 32px
    }
}

@media screen and (max-width: 600px) {
    .cn-body article.full-page table[summary~=takeaways] caption {
        font-size: 24px
    }
}

/*Animated Findings*/

.cn-body article.full-page table[summary~=takeaways] tr {
    transform: translateX(-48px) !important;
    opacity: 0 !important;
    transition: all 1s;
    transition-timing-function: ease-in-out;
}


.cn-body article.full-page table[summary~=takeaways].scrolled tr {
    opacity: 1 !important;
    transform:translateX(0px) !important;
}

.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(2) {
    -webkit-transition-delay: 0.8s; /* Safari */
    transition-delay: 0.8s;
}

.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(3) {
    -webkit-transition-delay: 1.6s; /* Safari */
    transition-delay: 1.6s;
}

.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(4) {
    -webkit-transition-delay: 2.4s; /* Safari */
    transition-delay: 2.4s;
}

.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(5) {
    -webkit-transition-delay: 3.2s; /* Safari */
    transition-delay: 3.2s;
}


.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(6) {
    -webkit-transition-delay: 4s; /* Safari */
    transition-delay: 4s;
}

.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(7) {
    -webkit-transition-delay: 4.8s; /* Safari */
    transition-delay: 4.8s;
}

.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(8) {
    -webkit-transition-delay: 5.6s; /* Safari */
    transition-delay: 5.6s;
}

.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(9) {
    -webkit-transition-delay: 6.4s; /* Safari */
    transition-delay: 6.4s;
}

.cn-body article.full-page table[summary~=takeaways] tr:nth-of-type(n+10) {
    -webkit-transition-delay: 7.2s; /* Safari */
    transition-delay: 7.2s;
}






/*====================== Video Sizes & Transitions ======================*/

@media screen and (min-width: 800px) {
    .cn-body article.full-page div.youtube-video.small {
        width: 800px !important;
        padding-bottom:450px !important;
        margin-left:auto !important;
        margin-right: auto !important;
    }    
}

@media screen and (min-width: 1024px) {
    .cn-body article.full-page div.youtube-video.medium {
        width: 1024px !important;
        padding-bottom:576px !important;
        margin-left:auto !important;
        margin-right: auto !important;
    }    
}


div.youtube-video,
img.img-full,
img.img-full ~ span {
    opacity: 0;
    transition: 0.8s;
    transition-timing-function: ease-in-out;
}

div.youtube-video.scrolled,
img.img-full.scrolled,
img.img-full.scrolled ~ span {
    opacity: 1 !important;
}

p span {
    width: 100% !important;
    max-width: none !important;
    padding: 0px !important;
}

/*====================== Map Chart Sizes ======================*/


.ce-embed {
    display: block;
    width: 100%;
    max-width: 868px;
    margin: auto;
}

@media screen and (max-width: 750px) {.ce-embed {display: none;}}

@media screen and (min-width: 800px) {
    .infogram-embed.small {
        width: 768px !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .infogram-embed.small {
        width: 80% !important;
        max-width: 80vw !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 600px) {
    .infogram-embed {
        width: 100%;
        max-width: 100vw !important;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden !important;
    }
}




/*=================== Small Breakes ===================*/
.section-breaker.small {
    width: 100%;
    min-height: 400px;
    height: 42vh;
    background-size: cover;
    background-position: center 15%;
    margin: 32px 0px 48px 0px;
    background-color: #999;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}


.section-breaker.medium-small {
    width: 100%;
    height: auto;
    min-height: 50vh;
    background-size: cover;
    background-position: center 15%;
    margin: 32px 0px 48px 0px;
    background-color: #999;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}


.section-breaker.medium {
    width: 100%;
    height: auto;
    min-height: 65vh;
    background-size: cover;
    background-position: center 15%;
    margin: 32px 0px 48px 0px;
    background-color: #999;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.section-breaker.medium-large {
    width: 100%;
    height: auto;
    min-height: 78vh;
    background-size: cover;
    background-position: center 15%;
    margin: 32px 0px 48px 0px;
    background-color: #999;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.section-breaker.large {
    width: 100%;
    height: auto;
    min-height: 85vh;
    background-size: cover;
    background-position: center 15%;
    margin: 32px 0px 48px 0px;
    background-color: #999;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.section-breaker.huge {
    background-attachment: fixed;
    width: 100%;
    height: auto;
    min-height: 140vh;
    background-size: cover;
    background-position: center 15%;
    margin: 32px 0px 48px 0px;
    background-color: #999;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}



@media screen and (min-width: 800px) {
    .section-breaker {
        padding: 0px calc(50% - 384px);
    }
}

@media screen and (max-width: 799px) {
    .section-breaker {
        padding: 0px 16px;
    }
}


.section-breaker span {
    display: inline;
    width: auto;
    margin: 0px;
    font-family: "franklin-gothic-urw",sans-serif !important;
    font-size: 45px;
    line-height: 1.125;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #fff;
    color: #000;
    white-space: pre-wrap;
    padding: 0px;
    box-shadow: 16px 0 0 white, -16px 0 0 white;
    box-decoration-break: clone;
}


#content.counties-futures-lab .section-breaker span {
    display: inline;
    width: auto;
    margin: 0px;
    font-family: "kepler-std-semicondensed",serif !important;
    font-size: 45px;
    line-height: 1.125;
    font-weight: 700 !important;
    background-color: #000;
    color: #fff;
    white-space: pre-wrap;
    padding: 0px;
    text-transform: none !important;
    box-shadow: 16px 0 0 black, -16px 0 0 black;
    box-decoration-break: clone;
}



.section-breaker div.span-container {
    transform: translateX(-48px) !important;
    opacity: 0 !important;
    transition: all 1s;
    transition-timing-function: ease-in-out;
}


.section-breaker div.span-container.scrolled {
    opacity: 1 !important;
    transform:translateX(0px) !important;
}


@media screen and (min-width: 601px) and (max-width: 768px) {
    .section-breaker span {font-size: 32px !important;}
}
@media screen and (max-width: 600px) {
    .section-breaker span {font-size: 24px !important;}
}


/*-------------------Automatic Section Breakers-------------------*/

.cn-body article.full-page table[summary*='section-breaker'] {
    width: 100%;
    max-width: none !important;
    background-size: cover;
    background-position: 50% 40%;
    position: relative;
    height: auto;
    display: block !important;
    background-color: #999;
    margin: 32px 0px 48px 0px !important;
}

@media screen and (min-width: 800px) {
    .cn-body article.full-page table[summary*='section-breaker'] {
        padding: 0px calc(50% - 384px);
    }
}

@media screen and (max-width: 799px) {
    .cn-body article.full-page table[summary*='section-breaker'] {
        padding: 0px 16px;
    }
}

.cn-body article.full-page table[summary*='section-breaker'] tbody {
    width: 100% !important;
    display: block !important;
    background-color: transparent !important;
    position: relative;
    padding: 0px !important
}

.cn-body article.full-page table[summary*='section-breaker'] tbody tr {
    width: 100% !important;
    min-height: 45vh;
    position: relative;
    padding: 0px !important;
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    background-color: transparent !important;
}


.cn-body article.full-page table[summary*='section-breaker medium'] tbody tr {
    min-height: 45vh !important;
}

.cn-body article.full-page table[summary*='section-breaker large'] tbody tr {
    min-height: 68vh !important;
}

.cn-body article.full-page table[summary*='section-breaker full'] tbody tr {
    min-height: 100vh !important;
}

.cn-body article.full-page table[summary*='section-breaker huge'] tbody tr {
    min-height: 128vh !important;
}

.cn-body article.full-page table[summary*='section-breaker'] tbody tr td {
    width: 100% !important;
    display: block !important;
    padding: 0px !important;
    margin-bottom: -24px !important;
    transform: translateX(-48px) !important;
    opacity: 0 !important;
    transition: all 1s;
    transition-timing-function: ease-in-out;
}


.cn-body article.full-page table[summary*='section-breaker'] tbody tr td.scrolled {
    opacity: 1 !important;
    transform:translateX(0px) !important;
}



.cn-body article.full-page table[summary*='section-breaker'] img {
    display: none;
}

.cn-body article.full-page table[summary*='section-breaker'] tbody tr td h2 {
    display: inline;
    width: auto;
    margin: 0px;
    white-space: pre-wrap;
    padding: 0px;
    background-color:#fff;
    box-shadow: 16px 0 0 white, -16px 0 0 white;
    box-decoration-break: clone;
}

/*-------------------Custom nav-------------------*/



#cn-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    background-color:#fff;
    background-image: url(/sites/default/files/documents/CountiesFuturesLab.svg);
    background-position: 8px 50%;
    background-size: 100px auto;
    background-repeat: no-repeat;
    padding: 8px 8px 8px 148px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 500;
    -webkit-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18);
    -moz-box-shadow:    0px 0px 18px 2px rgba(0, 0, 0, 0.18);
    box-shadow:         0px 0px 18px 2px rgba(0, 0, 0, 0.18);
}

@media screen and (max-width: 1024px) {
    #cn-menu {
        justify-content: flex-end !important;
    }
}

#cn-menu a {
    color: #000 !important;
    font-family: "museo-sans",sans-serif !important;
    line-height: 1 !important;
}

#cn-menu a:hover {
    color: #ff9933 !important;
    text-decoration: none !important;
}

#cn-menu .main-menu a {
    padding: 8px;
    font-size: 21px;
    font-weight: 700;
}


#cn-menu .naco-menu {
    width: auto;
    display: flex;
}

#cn-menu .naco-menu a {
    font-size: 16px;
    padding: 8px 16px;
    font-weight: 300;
}

#cn-menu .naco-menu a:last-of-type {padding-right: 24px !important}

/*Cn Dropdown menu*/

#dropdown-menu {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    background-color: #fff;
    padding: 16px;
    overflow: scroll;
    padding: 122px 0px 16px 0px;
    background-color: #0099cc;
    display: none;
}

div#dropdown-menu::-webkit-scrollbar {
    display: none;
}

header #dropdown-menu {
    display: block !important;
}

#dropdown-menu h3 {
    font-family: "museo-sans",sans-serif !important;
    font-weight: 500;
    padding: 0px 16px 16px 16px;
    border-bottom: solid 1px rgba(0,0,0,0.05);
    margin-bottom: 16px !important;
    font-size: 16px !important;
    color:#fff;
}

#dropdown-menu h3:last-of-type {
    border-width: 0px !important;
    padding-bottom: 0px !important
}

#dropdown-menu h4 {
    font-family: "museo-sans",sans-serif !important;
    font-weight: 300;
    padding: 8px 16px;
    margin-bottom: 0px !important;
    font-size: 14px !important;
    color:#fff;
}

#dropdown-menu h4.small {
    padding-left: calc(16px + 0.5em);
    padding-top: 8px !important;
    padding-bottom: 6px !important;
    font-size: 13px !important;
    display: none;
}

body.presentation-mode #dropdown-menu h4.small {display: block !important;}

#dropdown-menu h4.small + h4 {
    padding-top: 12px;
}

#dropdown-menu a {
    color: #fff !important;
    text-decoration: none !important;
}

#dropdown-menu a:hover {
    font-weight: 700 !important;
}

#content, footer {
    transition: 0.69s;
    -webkit-box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.18);
    -moz-box-shadow:    0px 0px 18px 2px rgba(0, 0, 0, 0.18);
    box-shadow:         0px 0px 18px 2px rgba(0, 0, 0, 0.18);
}

@media screen and (min-width: 438px) {

    #dropdown-menu {
        width: 350px;
    } 

    .dropdown-active {
        transform:translateX(350px);
    }
}

@media screen and (max-width: 437px)  {

    #dropdown-menu {
        width: 80vw;
    } 

    .dropdown-active {
        transform:translateX(80vw);
    }
}

#dropdown-btn i {
    transition: transform 0.8s;
}

#dropdown-btn.rotate-arrow i {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);

}

/*Jump to Toggler*/

#jumpto-toggler {
    position: fixed;
    bottom: 12px;
    left: 12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content:center;
    background-color: rgba(0,0,0,0.85);
    z-index: 50;
    /*opacity: 0;*/
    transition: all 0.6s;
}

#jumpto-toggler.show-toggler {opacity: 1 !important}



#jumpto-toggler.clicked {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 362px !important;
}





#jumpto-toggler.hide-before:before {
    opacity: 0 !important;
    transition: opacity 1s !important;
    -webkit-animation-name: none !important;
    animation-name: none !important;
}


#jumpto-toggler:after {
    content: "";
    margin-left: 1px;
    width: 60%;
    height: 60%;
    background-image: url(http://www.naco.org/sites/default/files/documents/right-chevron.svg);
    background-size: contain;
    background-position: 55% 50%;
    
}



/*======================Auto Nav generator======================*/

a.no-link {
    color: inherit !important;
    text-decoration: inherit !important;
    cursor: inherit !important;
}

a.toc-appended {
    position: relative;
    transform:translateY(-100px);
    display: block !important;
}

.section-breaker a.toc-appended {
    transform:translateY(-200px) !important;
}



/*==================== CFL Custom bottom Byline and More Info ====================*/

/*Byline Container*/

.block.cfl-byline {
    width: 100%;
    margin: auto;
    margin-bottom: 32px
}

.block.cfl-byline ul.social {
    display: none;
}

.cfl-only {display: none;}

#content.counties-futures-lab .cfl-only {display: block;}

@media screen and (min-width: 769px) {
    .block.cfl-byline {
        max-width: 800px;
        padding: 0px 16px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .block.cfl-byline {
        max-width: 80%;
    }
}

@media screen and (max-width: 600px) {
    .block.cfl-byline {
        max-width: 800px;
        padding: 0px 16px;
    }
}


/*Person List Styling*/

.block.cfl-byline .item-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

.block.cfl-byline ul.social {
    display: none;
}

@media screen and (min-width: 601px) {
    .block.cfl-byline .item-list ul li.views-row {
        width: calc(50% - 8px);
    }
    .block.cfl-byline .item-list ul li.views-row.views-row-first.views-row-last {width: 100% !important}
}

@media screen and (max-width: 600px) {
    .block.cfl-byline .item-list ul li.views-row {
        width: 100%
    }
}


/*Image and Title*/

.block.cfl-byline .image {
    width: 100px !important;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.title.block-list-right {
    padding-top: 8px;
}

/*Fonts*/

.block.cfl-byline p,
.block.cfl-byline li,
.block.cfl-byline td {
    font-family:"franklin-gothic-urw",sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}


#content.counties-futures-lab .block.cfl-byline p,
#content.counties-futures-lab .block.cfl-byline li,
#content.counties-futures-lab .block.cfl-byline td {
    font-family: "museo-sans",sans-serif !important;
}




.block.cfl-byline h1 {
    font-family: "franklin-gothic-urw",sans-serif !important;
    font-weight: 900 !important;
    padding-top: 32px;
}


#content.counties-futures-lab .block.cfl-byline h1 {
    font-family: "kepler-std-semicondensed",serif !important;
}


.block.cfl-byline h2 {
    font-family:"franklin-gothic-urw",sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding-top: 32px;
}

#content.counties-futures-lab .block.cfl-byline h2 {
    font-family: "kepler-std-semicondensed",serif !important;
}


.block.cfl-byline h3 {
    font-family:"franklin-gothic-urw",sans-serif !important;
    font-weight: 300 !important;
    padding-top: 18px;
}


#content.counties-futures-lab .block.cfl-byline h3 {
    font-family: "kepler-std-semicondensed",serif !important;
}

@media screen and (max-width: 768px) and (min-width: 601px) {
    .block.cfl-byline h1 {font-size: 36px !important;}
    .block.cfl-byline h2 {font-size: 32px !important;}
    .block.cfl-byline h3 {font-size: 28px !important;}
}



@media screen and (max-width: 600px) {
    .block.cfl-byline h1 {font-size: 28px !important;}
    .block.cfl-byline h2 {font-size: 24px !important;}
    .block.cfl-byline h3 {font-size: 21px !important;}
    .block.cfl-byline p,
    .block.cfl-byline li {font-size: 14px !important}
}


/*--------------- Count Up ---------------*/

a.countup {
    position: relative;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-decoration: inherit !important;
    cursor: inherit !important;
    pointer-events: none !important;
}



/*--------------------Table to Accordion--------------------*/

table[summary=accordion] {
  display: none;
}

.accord-outer {margin-bottom: 24px}

.article-content > .accord-outer {
    width: 100%;
    max-width: 800px;
    padding: 0px 16px;
    margin: 0px auto 16px auto;
}


.accord-row-header {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 0px;
    margin-bottom: 16px;
    position: relative;
}

.wht-text .accord-outer {
    color: #fff;
}

.accord-row:not(:last-child) {
    border-bottom: solid 1px #eaeaea;
    margin-bottom: 16px;
}

.wht-text .accord-row:not(:last-child) {
    border-bottom: solid 1px rgba(255,255,255,0.6) !important;
}

.accord-row-header *,
.cn-body .content .article-content .accord-row-header * {
  display: flex;
  width: 100% !important;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0px !important;
  padding: 0px !important;
  max-width: none !important;
}

.accord-row-header *:before {
    content: "\f067";
    font-family: "fontawesome";
    position: relative;
    font-size: 60%;
    line-height: 1;
    margin: 0.45em 12px 0px 0px;
    transition: transform 0.25s;
}


.accord-row-header strong,
.cn-body .content .article-content .accord-row-header strong,
.accord-row-header em,
.cn-body .content .article-content .accord-row-header em {
    display: inline !important;
    width: auto !important;
    margin-right: 0.5em !important;
}

.accord-row-header strong:before,
.accord-row-header em:before {display: none;}

.accord-row-header.opened *:before {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.accord-inner div.accord-row:nth-of-type(1) .accord-row-header h4 {
    padding-top: 10px !important;
}

div.accord-content-inner {
    padding-bottom: 32px;
}

div.accord-content-inner ul,
div.accord-content-inner ol {
    width: 100%;
    max-width: none !important;
}

div.accord-content-inner p,
div.accord-content-inner h1,
div.accord-content-inner h2,
div.accord-content-inner h3,
div.accord-content-inner h4,
div.accord-content-inner h5,
div.accord-content-inner h6 {
    width: 100%;
    max-width: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div.accord-content-inner *:first-of-type {margin-top: 0px !important;}

.accord-content {
  -webkit-transition: max-height 0.25s, opacity 0.32s; /* For Safari 3.1 to 6.0 */
  transition: max-height 0.25s, opacity 0.32s;
  opacity: 1;
  overflow: hidden;
}

.accord-content.closed {
  max-height: 0px !important;
  opacity: 0 !important;
}


/*---------------Case Study Maps---------------*/
img.cs-map,
img.cs-map + ul {
    opacity: 0;
}

.cs-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 800px;
    padding: 0px 16px;
    margin: 10px auto 16px auto;
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .cs-wrapper {
        max-width: 80% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}


.cs-wrapper img.cs-map {
    opacity: 1;
    transition: opacity 10s;
    width: 40% !important;
    height: auto !important;
    margin: 0px !important;
    display: block !important;
}




.cs-wrapper img.cs-map + ul {
    opacity: 1;
    transition: opacity 10s;
    width: calc(60% - 16px) !important;
    height: auto !important;
    margin: 0px !important;
    display: block !important;
}

.cs-wrapper ul {
    padding: 0px !important;
}

.cn-body .content .article-content .cs-wrapper ul li,
.cs-wrapper ul li {
    display:block;
    width: 100%;
    padding-left: 0px !important;
    padding-bottom: 8px;
    border-bottom: solid 1px #eaeaea;
    margin-bottom: 8px;
}

.cs-wrapper ul li:before {display: none;}

.cs-wrapper ul li:last-of-type {
    border-width: 0px;
    margin-bottom: 0px !important;
    border-bottom: 0px !important;
}

.cs-wrapper ul li * {
    margin: 0px !important;
    padding: 0px !important;
}

@media screen and (max-width: 700px) {
    .cs-wrapper {
        flex-wrap: wrap;
    }

    .cs-wrapper img.cs-map {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 336px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 16px !important;
    }

    .cs-wrapper img.cs-map + ul {
        width: 100% !important
    }
}

.cn-body .content .article-content .cs-wrapper li,
.cn-body .content .article-content .cs-wrapper p {
    font-size: 12px !important;
}

/*CS Wrapper w/accordion*/

.cn-body .content .article-content .cs-wrapper .accord-row-header * {
    width: 100%;
}

.cn-body .content .article-content .cs-wrapper .accord-row:not(:last-child) {
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
}

.cn-body .content .article-content li table p,
.cn-body .content .article-content .cs-wrapper li table p {padding-top: 0px !important}

.cs-wrapper .accord-content-inner {
    padding-left: 21px !important;
    padding-top: 8px !important;
}

.cs-wrapper .accord-content-inner ul li:not(:last-child) {
    padding-bottom: 6px !important;
    margin-bottom: 6px !important;
}

.cs-wrapper .accord-content-inner ul li {opacity: 0.8}

/*---------------Fixed Background---------------*/

.fixed-bkg {
    background-attachment: fixed;
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}


/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}


/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .fixed-bkg, body * {
      background-attachment: local !important;
    }
    .ce-embed {
        display: none !important;
    }
}