/* Theme Name: Center for Food Demand Analysis and Sustainability Theme URI: http://jacksonsky.com/ Author: Jackson Sky Web Design & Development Author URI: https://jacksonsky.com/ Description: This is a custom responsive theme designed and developed exclusively for Center for Food Demand Analysis and Sustainability. Tags: custom-post-type, jackson-sky, black, gold, Indiana, Purdue Version: 2.0 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Navigationh 12.0 Layout 12.1 Header 12.2 Regular Content 12.3 Content Layouts 12.4 Sidebar Content 12.5 Footer 12.6 Home Page 12.7 Interior Pages 12.8 Page Sections 12.9 Posts 12.10 MISC Universal Styles 13.0 Comments 14.0 Widgets 15.0 Media 15.1 Galleries 16.0 Media Queries 16.1 Query sm - Over 576px 16.2 Query md - Over 768px 16.3 Query lg - Over 992px 16.4 Query xl - Over 1200px 16.5 Query xxl - Over 1400px 17.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize - See Stylesheet normalize.css --------------------------------------------------------------*/ /* But it is not enough now, below dont hide play button parent div */ *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } /* Old shadow dom for play button */ *::--webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } /* New shadow dom for play button */ /* This one works */ *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } /*-------------------------------------------------------------- 2.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ /* Hide visually and from screen readers */ .hidden {display: none !important;} /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} /** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;} /** Hide visually and from screen readers, but maintain layout */ .invisible {visibility: hidden;} /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */} /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .alignleft {display: inline; float: left; margin-right: 1.5em;} .alignright {display: inline; float: right; margin-left: 1.5em;} .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} /*-------------------------------------------------------------- 4.0 Clearings --------------------------------------------------------------*/ /**** Clearfix update ****/ .group:before, .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group { zoom: 1; } /* IE6 */ *:first-child+html .group { zoom: 1; } /* IE7 */ /*-------------------------------------------------------------- 5.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-size:16px; color:#000; font-weight: 300; font-style:normal; line-height:1.6; letter-spacing:.025em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6{font-family: acumin-pro-extra-condensed, "Arial Black", "sans serif"; font-weight:500; color:#000; line-height:1.2; margin:0; padding:0; margin-bottom:.4em;} h1{text-transform: uppercase; font-size: 32px;} h2{font-size:30px; text-transform: uppercase; font-weight: 400; margin-bottom:.5em;} h3{ font-size:28px;} h4{ font-size:24px; margin-bottom: 0;} h5{ font-size: 21px; margin-bottom: 0;} h6{ font-size:21px; text-transform: uppercase; margin-bottom: 0;} .united-sans, .alternate-header{font-family: "United Sans", "Arial Black", "sans serif";} h2.united-sans, h2 .united-sans, h3.united-sans, h3 .united-sans, h4.united-sans, h4 .united-sans, h5.united-sans, h5 .united-sans, h6.united-sans, h6 .united-sans{font-weight: 700;} p {margin: 0 0 2em; padding: 0;} .serif{font-family: 'Source Serif Pro', serif;} #main section p:last-of-type{margin-bottom: 0;} #content{font-size: 16px; font-weight: 300;} dfn, cite, em, i {font-style: italic;} blockquote { color: #8e6f3e; font-size: 1.25rem; line-height: 1.5; overflow: hidden; margin-bottom:1.8em; font-style: italic; font-weight: 500; } blockquote p:last-child{margin-bottom: 0;} blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } address { margin: 0 0 1.5em;} pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } .big {font-size: 125%;} .light{ font-weight:300;} .normal{font-weight:400;} .semibold{font-weight:600;} .strong, strong{font-weight:700;} blockquote {quotes: "" "";} q {quotes: "“" "”" "‘" "’";} blockquote:before, blockquote:after {content: "";} :focus {outline: none;} .uppercase{text-transform: uppercase;} sup{ position: relative; top: 0; font-size: 50%; vertical-align: super; } /*-------------------------------------------------------{------- 6.0 Forms --------------------------------------------------------------*/ label { color: #676767; display: block; font-weight: 600; margin-bottom: 0.35em; font-size:14px; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{ color: #686868; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; display: block; padding: 0.5em; font-size:14px; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; border-color: #333; } textarea { resize: vertical; } select { border: 1px solid #bbb; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } /************* Buttons **********/ button,.button, .buttonAlt, a.button, input[type="button"], input[type="submit"]{ font-family: "United Sans", "Arial Black", "sans serif"; text-transform:uppercase; background-color: #cfb991; border: 0; color: #000; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: .06em; line-height: 1.2; padding: .8em 1em; text-shadow: none; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; margin-right: 10px; margin-bottom: 7px; text-decoration: none !important; position: relative; bottom: .1em; } button:hover,.button:hover, .buttonAlt:hover, a.button:hover, input[type="button"]:hover, input[type="submit"]:hover{ color:#fff; background-color:#8E6F3E; } button.buttonAlt, .button.buttonAlt, .buttonAlt, a.buttonAlt, a.button.alt{background:#fff; color:#000; border: 1px solid #000;} button.buttonAlt:hover, .button.buttonAlt:hover, .buttonAlt:hover, a.buttonAlt:hover, a.button.alt:hover{ background: #cfb991; color:#000; text-decoration: none !important;} .trans2{-o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} /********* Placeholders **********/ /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #9f9f9f; font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif; } :-moz-placeholder { color: #9f9f9f; font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif; } ::-moz-placeholder { color: #9f9f9f; font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #9f9f9f; font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif; } /*-------------------------------------------------------------- 7.0 Formatting --------------------------------------------------------------*/ hr { background-color: #cfb991; border: 0; height: 5px; margin-top: 2.7em; margin-bottom: 2.7em; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } .inline-block{display: inline-block;} /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ ul, ol { margin: 2em 0 2em 2em; padding: 0;} ul {list-style: disc;} ol {list-style: decimal;} li{ padding-left:0; margin-bottom:.5em;} li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;} dt {font-weight: 700;} dd {margin: 0 1.5em 1.5em;} /*-------------------------------------------------------------- 9.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%;} thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em;} th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee;} td {padding: 0.4em;} .ml-responsive-table {padding-bottom: 30px !important;} .ml-responsive-table dd {margin-bottom: 0 !important;} .ml-table {padding: 0 10px 0 10px !important;} /*** Pseudo Table Styles****/ .table{display:table;} .tableRow{display:table-row;} .tableCell{display:table-cell;} .tableMiddle{ vertical-align:middle;} .vert50{ height:50%;} /*-------------------------------------------------------------- 10.0 Links --------------------------------------------------------------*/ a{color:#8e6f3e; text-decoration: underline;} a:hover{color:#795927; text-decoration: none;} #content a{text-decoration:underline; -o-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear;} a.alt{color:#35b585;} a.alt:hover{color:#0b744d;} a:active, a:focus{outline:none;} /*-------------------------------------------------------------- 11.0 Navigation --------------------------------------------------------------*/ /********* Main Navigation ********/ #main-nav-section #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #main-nav-section #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background-color: #6F727B; color:#fff;} #main-nav-section .mega-search-wrap input{font-weight: 400; padding-left: 15px !important;} #main-nav-section .mega-searchnav{background-color:#CFB991!important;} #main-nav-section .mega-search-wrap ::placeholder { font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-weight: 500; color: #000; opacity: 1; /* Firefox */ } #main-nav-section .mega-search-wrap ::-ms-input-placeholder { /* Edge 12 -18 */ font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-weight: 500; color: #000; } /*** Mega Max Mobile****/ #main-nav-section #mega-menu-wrap-main-menu .mega-menu-toggle{border-radius: 0;} a.mega-icon{text-decoration: none;} /***** Social ******/ ul.social { margin-bottom: 0; } ul.social .nav-link { padding: 8px 0; } ul.social .nav-link .fab { } ul.social a.nav-link { color: #000; text-decoration: none; } ul.social .list-inline-item:not(:last-child) { margin-right: 6.4px; } /*-------------------------------------------------------------- 12.0 Layout --------------------------------------------------------------*/ html, body { height: 100%; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { display: flex; flex-direction: column; background: #fff; background: rgba(255,255,255,1); } #site-main-frame{flex: 1 0 auto;} /*-------------------------------------------------------------- 12.1 Header --------------------------------------------------------------*/ /***** Main Header *****/ #site-header{} #site-header .site-logo{ } #site-header .site-logo img{width: auto; height: auto; max-height: 100%; max-width: 100%;} #site-header .site-title-con{} #site-header h1.site-title{font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-weight:500; font-size:15px; text-transform: uppercase; color:#fff; line-height: 1.1; margin-bottom: 0; position: relative; bottom:.1em;} #site-header .site-title a{color: #fff; text-decoration: none;} #site-header .site-title a:hover{text-decoration: none; } /*** Top Gold Bar ***/ .gold-desk .navbar-expand-md ul{margin-left: 0;} /*** Top Nav ***/ .top-nav { height: 40px; background-color: #cfb991; padding: 0; } .top-nav ul, .top-nav ol{margin-top: 0;} .top-nav .navbar-nav .nav-link { padding-right: 8px; padding-left: 8px; } .top-nav .navbar-nav li{margin-bottom: 0;} .top-nav .navbar-nav a.nav-link { color: #000; text-decoration: none; white-space: nowrap; font-size: 14px; } .top-nav .navbar-nav a.nav-link:hover, .top-nav .navbar-nav a.nav-link:focus { color: #000; text-decoration: underline; } .top-nav .dropdown-menu { background-color: #cfb991; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; margin-top: -5px; } .top-nav .dropdown-menu a { background-color: transparent; text-decoration: none; } .top-nav .dropdown-menu a:hover{text-decoration:underline;} .top-nav .navbar-search.navbar-nav a, .top-nav .navbar-search.navbar-nav a.nav-link:hover, .top-nav .navbar-search.navbar-nav a.nav-link:focus { color: #000; text-decoration: none; } .top-nav .navbar-search.navbar-nav .dropdown-toggle::after, .center-nav .navbar-search.navbar-nav .dropdown-toggle::after { margin-left: 0; border: none; } .top-nav .navbar-search .dropdown-menu .form-inline { margin: 4px 12px 0; width: 440px; } .top-nav .navbar-search .dropdown-menu .form-inline .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*** Logo Line ***/ header#site-header .center-nav{background:#000;} .logo #purdueLogo object{max-width: 100%;} /*-------------------------------------------------------------- 12.2 Regular Content --------------------------------------------------------------*/ #site-main-frame{padding-top: 54px;} /******** Page Header ********/ /*-------------------------------------------------------------- 12.3 Content Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- 12.4 Sidebar Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 12.5 Footer --------------------------------------------------------------*/ /**** Footer fome ****/ .footer-sign{border-top:7px solid #CFB991;} table.dragndrop.edited{max-width: none !important;} table.dragndrop.table100 tbody {display: table-row-group;} table.dragndrop.table100{max-width: inherit !important; border-top: 1px solid #fff; background: #EBEAEA;} table.dragndrop.table100 tbody{background: #EBEAEA;} .dragndrop h1{font-size: 36px; font-family: acumin-pro-extra-condensed, "Arial Black", "sans serif" !important; font-weight:500 !important; } .dragndrop h1 span{font-family: acumin-pro-extra-condensed, "Arial Black", "sans serif" !important;} .dragndrop input{border:#bcbaba 1px solid;} .dragndrop button.editor-email-button{font-family: acumin-pro-extra-condensed, "Franklin Gothic", Helvetica, Arial, sans-serif !important; font-size: 16px !important;} footer { display: block; background-color: #000; font-size: 16px; } footer ul{margin-left: 0;} footer ul li{margin-bottom: 0;} .footer-container { padding: 50px 0; } footer .card { background-color: #000; border: none; } footer .card-header { padding: 0; margin: 0; border: none; background-color: transparent; } footer .card-header .btn-link { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #cfb991; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: left; font-family: acumin-pro, sans-serif; font-weight: 600; font-style: normal; font-size: 21px; line-height: 1.1; padding: 0; width: 100%; margin-bottom: 0; margin-left: 0; letter-spacing: 0; } footer .card .card-body { padding-left: 20px; padding-top: 5px; padding-bottom: 0; } footer .card ul { list-style: none; padding-left: 0; padding-bottom: 0; margin-bottom: 0; } footer .card a { color: #fff; text-decoration: none; } footer .card a:hover, footer .card a:focus { text-decoration: underline; } footer .card { margin-bottom: 20px; } footer .card-header i.fa-minus { display: block; } footer .card-header i.fa-plus { display: none; } footer .card-header .collapsed i.fa-minus { display: none; } footer .card-header .collapsed i.fa-plus { display: block; } footer .card-header .btn-link, footer .card-header .btn-link:hover, footer .card-header .btn-link:focus { cursor: default; text-decoration: none; } footer ul.social .list-inline-item { margin: 2.5px 2%; } footer ul.social a.nav-link { color: #fff; text-decoration: none; margin: 2.5px 2%; } footer ul.social a.nav-link:hover, footer ul.social a.nav-link:focus { color: #cfb991; text-decoration: none; } footer ul.social a.nav-link i { font-size: 22.5px; } footer .logo { margin-top: 50px; } footer .bottom {color: #ccc;} /*-------------------------------------------------------------- 12.6 Home Page --------------------------------------------------------------*/ .home .section-title a{color: #000; text-decoration: none;} .home .section-title a:hover{color: #5a5a5a; text-decoration: underline;} /*** Hero Section***/ .home #hero-section{margin:0 auto; position: relative; background-color:#eae9e9;} .home #hero-section .hero-content{background-size: cover; background-repeat: no-repeat; background-position: center center;} .home #hero-section .container{background-repeat: no-repeat; background-size: contain; background-position: center right; } .home #hero-section #hero-text h2{font-family: acumin-pro-condensed, "Arial Black", "sans serif"; text-transform: none; font-weight: 700; font-size: 36px; margin-bottom: .25em; line-height: 1;} .home #hero-text h1, .home #hero-text h2, .home #hero-text h3{color: #fff;} .home #hero-text{color:#fff;} /**** Home Featured Section ****/ .home #featured-sections{background-color: #eae9e9;} .home #featured-sections #secondary-feature-items{align-content: space-between; align-items: center; height: 100%;} .home #featured-sections .secondary-feature-item{ margin-bottom: 1.5em;} .home #featured-sections .secondary-feature-item:last-of-type{padding-bottom: 0 !important;} .home #featured-sections .main-feature, .home #featured-sections .secondary-feature{background-color: #fff;} .home #featured-sections .main-feature-image, .home #featured-sections .secondary-image{background-repeat: no-repeat; background-size: cover; background-position: top center;} .home #featured-sections .section-title{text-transform: uppercase; font-weight: 600; font-size: 14px;} .home #featured-sections .feature-title{font-weight: 600; font-size: 14px;} .home #featured-sections {font-size: 14px;} /**** Home Search ****/ .home #home-search{background-color: #eae9e9;} .home #home-search h3{font-weight: 700; font-family: acumin-pro-condensed, "Arial Black", "sans serif"; margin-bottom: 0;} .home #home-search form{position: relative;} .home #home-search form button{position: absolute; top:0; right: 0; margin: 0 0 0 10px; padding:10px 15px; height: 38px;} .home #home-search form input.home-search{font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif;} .home #home-search form input.home-search::-webkit-input-placeholder {font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; color: #000; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ } .home #home-search form input.home-search:-moz-placeholder { /* Firefox 18- */ font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; color: #000; opacity: 1 !important; } .home #home-search form input.home-search::-moz-placeholder { /* Firefox 18- */ font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; color: #000; opacity: 1 !important; } .home #home-search form input.home-search::placeholder{font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; opacity: 1 !important; color: #000;} /*** Consumer Food Insights ***/ #insights .insights-item .title{text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 1;} #insights .insights-item .number{font-size: 80px; font-weight: 700; line-height: .9; font-family: acumin-pro-extra-condensed, "Arial Black", "sans serif"; position: relative; bottom: .05em;} #insights .insights-item .large-number{line-height: .9;} #insights .insights-item .text{font-size: 14px; font-weight: 500; line-height: 1.2;} #insights .insights-item .number{font-size: 50px;} /**** Subscribe Mailing List *****/ .home #sub-mail h3{font-weight: 700; font-family: acumin-pro-condensed, "Arial Black", "sans serif"; margin-bottom: .15em;} .home #sub-mail-container{background-color:#cfb991 !important;} .home #sub-mail-container table.dragndrop tr{border: 0 none !important;} .home #sub-mail-container table.dragndrop td{background-color:#cfb991 !important;} .home #sub-mail-container table.dragndrop button{background-color: #8e6e3d !important; color:#fff !important; border: 0; margin-top: 2px; max-width: 80% !important; font-size: 14px !important;} .home #sub-mail-container table.dragndrop .fieldInput{background-color: transparent !important; border: 1px solid #000;} .home #sub-mail-container table.dragndrop .fieldInput::-webkit-input-placeholder {color: #000; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ } .home #sub-mail-container table.dragndrop .fieldInput:-moz-placeholder { /* Firefox 18- */ color: #000; opacity: 1 !important; } .home #sub-mail-container table.dragndrop .fieldInput::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 1 !important; } /**** Featured Dashboards ****/ .home #featured-dashboards .section-content{line-height: 1.5;} /*** Recent Resources ***/ .home #recent-resources .card{border-radius: 0; border: 0; border-left: 10px solid #cfb991; font-size: 14px;} .home #recent-resources .card h4{font-size: 14px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase;} .home #recent-resources .card h4 a{text-decoration: underline;} .home #recent-resources .card h4 a:hover{text-decoration: none;} /*** Featured Stories ***/ .home .featured-stories{background-color: #eae9e9;} .home .featured-stories h2{} .featured-stories .card{border: 0 none;} .featured-stories a.magic-card-link{text-decoration: none; display: block;} .featured-stories a.magic-card-link .magic-card{background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; padding-bottom: 66.6666666%;} .featured-stories a.magic-card-link .magic-card .card-content-box{position: absolute; bottom: 0; font-size: 18px; background-color: rgba(0, 0, 0, 0.75); width: 100%; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .featured-stories a.magic-card-link:hover .magic-card .card-content-box{background-color: rgba(0, 0, 0, 1);} .stories-feature-area a.magic-card-link h4{font-size: 20px; color: #fff} .stories-feature-area a.magic-card-link .date{color:#cfb991; font-size: 12px;} .featured-stories .story-col:last-of-type{padding-bottom: 0 !important;} /*-------------------------------------------------------------- 12.7 Interior Pages --------------------------------------------------------------*/ /**** Padding Options****/ .v-margin-both{padding-top: 1em; padding-bottom: 1em;} .v-margin-top{padding-top: 1em; padding-bottom: 0;} .v-margin-bottom{padding-top: 0; padding-bottom: 1em;} .v-margin-none{padding-top: 0; padding-bottom: 0;} /**** News and Stories ****/ .wp-rss-template-container .wpra-grid-item__content .wpra-grid-item__title a{text-decoration: none; font-size: 130%;} .wp-rss-template-container .wpra-grid-item__content .wpra-grid-item__title a:hover{text-decoration:underline;} .wp-rss-template-container .wpra-grid-item__content{font-size: 16px; padding: .8em;} .wp-rss-template-container .wpra-grid-item__image{height: 0; padding-bottom: 66.66666%; margin-bottom: 1em !important;} .wp-rss-template-container .wpra-grid-item{border-left: solid 2px #cfb991;} .wp-rss-template-container .wpra-item.feed-item{padding-bottom: 1.5em;} #news-list .card-news{font-size: 16px; border-left: solid 2px #cfb991; line-height: 1.5; } #news-list .card-news h4{font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-size: 125%;} #news-list .card-news .post-content p:last-of-type{margin-bottom: 0;} #news-list .card-news .post-content a{text-decoration: none;} #news-list .card-news .post-content a:hover{text-decoration:underline;} #news-list .card-news .post-info{color: #6B6B6B;} /**** 404 ****/ #searchform #s{max-width: 450px; width: 100%; margin-bottom: .8em;} /*** Search Results ***/ .search-results .smalltext p:last-of-type{margin-bottom: 0} /**** Resource Overview *****/ #header-search #recent-resource-list{} #header-search #recent-resource-list ul{margin: 0; padding: 0; list-style: none; line-height: 1.2; font-size: 14px;} #header-search #recent-resource-list .resource-title{text-transform: uppercase; font-weight: 600;} /**** Data & Resources - Single*****/ .resource-single #intro-banner-section .intro-excerpt{font-size: 100%;} #intro-banner-section .intro-excerpt p:last-of-type{margin-bottom: 0;} .resource-single .side-border{} .resource-single aside.sidebar{font-size: 14px; line-height: 1.4;} .resource-single aside.sidebar .title{font-weight: 600; text-transform: uppercase;} #source-info{font-size: 14px;} /**** Resource Library Results ****/ #proInfoCol .postInfo{font-size: .85em; color: #999;} #proInfoCol h4 a{text-decoration: none;} #proInfoCol h4 a:hover{text-decoration: underline;} /**** Chew On this *******/ /*** Chew Overview page ***/ .chew-on-this-overview #intro-banner-section .content{font-size: 21px; font-weight: 200; line-height: 1.4;} .chew-on-this-overview .cot-banner{background-repeat: no-repeat; background-position: center right; background-size: 400px 299px;} .chew-on-this-overview .cot-list .post-excerpt, .chew-on-this-overview .cot-list .post-info{line-height: 1.3;} /*** Chew Single ***/ #content-post.chew-on-this-post h2.post-title{color:#8e6e3d;} #content-post.chew-on-this-post .post-info{line-height: 1.3;} #author-box{font-size: 14px; line-height: 1.3;} #author-box .author-info{font-style: italic;} #author-box .short-bio p:last-child{margin-bottom: 0;} #author-box .author-img img{max-width: 200px;} /****** Data Library Overview *******/ h3.data-list-title{font-size: 36px; text-transform: uppercase;} a.data-box-link{text-decoration: none; } a.data-box-link .data-box{font-size: 14px; color: #000; font-weight: 400; border: 1px solid #eae9e9; line-height: 1.4; background-color: #fff; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} a.data-box-link:hover .data-box{background-color: #eae9e9;} a.data-box-link .resourceTitle h5{font-size: 16px; font-weight: 600; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; text-transform: none; line-height: 1.2; color:#8e6f3e;} a.data-box-link .resource-type-list{font-weight: 600;} #search-resources-form li.sf-field-taxonomy-data-topic{width:50%; padding-right: 2%;} #search-resources-form li.sf-field-taxonomy-data-keyword{width:50%; padding-right: 0;} #search-resources-form li.sf-field-taxonomy-data-keyword .chosen-container{width: 100% !important;} #search-resources-form li.sf-field-taxonomy-data-type{width:50%; padding-right: 2%;} #search-resources-form li.sf-field-taxonomy-data-access{width:50%;} #search-resources-form li.sf-field-taxonomy-data-topic label, #search-resources-form li.sf-field-taxonomy-data-type label, #search-resources-form li.sf-field-taxonomy-data-access label, #search-resources-form li.sf-field-taxonomy-data-keyword label{padding-right:.5em; background: #fff;} #search-resources-form li.sf-field-taxonomy-data-topic label select, #search-resources-form li.sf-field-taxonomy-data-type label select, #search-resources-form li.sf-field-taxonomy-data-access label select, #search-resources-form li.sf-field-taxonomy-data-keyword label select{padding:0 .5em;} /****** Data Results ******/ #footer-search{background-color: #6F727B;} /****** Publication Library Overview ******** #featured-publication-picks{background-color:#CFB991; } #featured-publication-picks #proInfoCol {background-color: #fff; border-left: 5px solid #8E6F3E;}*/ #featured-publication-picks hr{height: 12px; background-color:#8e6f3f;} #featured-publication-picks h2.small-title{font-size: 14px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; margin-bottom: 0; font-weight: 600;} #featured-publication-picks #proInfoCol .postInfo{font-size: 75%;} #resource-list.publication-list h3.section-title{font-size: 36px; text-transform: uppercase;} #resource-list.publication-list h4{font-size:18px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-weight: 600;} #resource-list.publication-list h4 a{text-decoration: underline;} #resource-list.publication-list .library-results{font-size: 14px; font-weight: 400; line-height: 1.6;} #resource-list.publication-list .library-results hr{background-color: #eae9e9;} #resource-list.publication-list .postInfo{color:#000;} /***** Side Search *****/ .side-search-box{background:#eae9e9; color: #000;} .side-search-box ul{margin-left: 0;} .side-search-box h4{text-transform: uppercase; font-weight: 600; color:#000; font-size: 16px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif;} .side-search-box label{font-size: 14px; padding-left: 0;} .side-search-box .searchandfilter li[data-sf-field-input-type=checkbox] label, .side-search-box .searchandfilter li[data-sf-field-input-type=radio] label, .side-search-box .searchandfilter li[data-sf-field-input-type=range-radio] label, .side-search-box .searchandfilter li[data-sf-field-input-type=range-checkbox] label{padding-left: 0;} .side-search-box li.sf-field-search{padding-top: 0;} .side-search-box li.sf-field-search label{width: 100%;} .side-search-box li.sf-field-search input{background-color:#cfb991; width: 100%; border: 0 none; font-size: 18px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; color:#000;} .side-search-box li.sf-field-search input::placeholder { color: #000; opacity: 1; font-weight: 400; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; background-image:url("assets/images/common/search.png"); background-repeat: no-repeat; background-size: contain; background-position: left; padding-left: 1.5em;} .side-search-box li.sf-field-search input:-ms-input-placeholder {color: #000;} .side-search-box li.sf-field-search input::-ms-input-placeholder {color: #000;} .side-search-box .searchandfilter ul li li{padding: 0 0 .5em;} .side-search-box li.sf-field-taxonomy-publication-type, .side-search-box li.sf-field-taxonomy-publication-topic, .side-search-box li.sf-field-taxonomy-publication-access{padding-left: .3em;} .side-search-box li.sf-field-taxonomy-publication-keyword label, .side-search-box li.sf-field-sort_order label, .side-search-box li.sf-field-taxonomy-publication-author label, .side-search-box li.sf-field-sort_order label, .side-search-box li.sf-field-taxonomy-publication-source label{width: 100%; font-size: 16px;} .side-search-box li.sf-field-taxonomy-publication-keyword select, .side-search-box li.sf-field-sort_order select, .side-search-box li.sf-field-taxonomy-publication-author select, .side-search-box li.sf-field-sort_order select, .side-search-box li.sf-field-taxonomy-publication-source select{width: 100%; border: 1px solid #b2b2b2; font-size: 16px;} .side-search-box li.sf-field-taxonomy-publication-keyword select, .side-search-box li.sf-field-sort_order select, .side-search-box li.sf-field-sort_order select{font-weight: 600 !important; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif !important;} .side-search-box li.sf-field-post-meta-rl_date ul li{width:50%; display: inline-block;} .side-search-box li.sf-field-post-meta-rl_date ul li input{width: 98%;} .side-search-box li.sf-field-post-meta-rl_date ul li label{width: 98%;} .side-search-box li.sf-field-reset{font-size: 12px; font-weight: 700;} /*** Sizing for mobile ****/ .side-search-box .searchandfilter ul li{padding: 5px 0;} .side-search-box label{font-size: 14px; line-height: 1.2;} /** Checkboxes **/ .side-search-box li.sf-field-taxonomy-publication-topic, .side-search-box li.sf-field-taxonomy-publication-type, .side-search-box li.sf-field-taxonomy-publication-access{width: 50%; display: inline-block; vertical-align: top; position: relative;} .side-search-box li.sf-field-taxonomy-publication-topic li, .side-search-box li.sf-field-taxonomy-publication-type li, .side-search-box li.sf-field-taxonomy-publication-access li{position: relative;} .side-search-box li.sf-field-taxonomy-publication-topic label, .side-search-box li.sf-field-taxonomy-publication-type label, .side-search-box li.sf-field-taxonomy-publication-access label{ position:relative; padding-left:22px !important; display:block;} .side-search-box li.sf-field-taxonomy-publication-topic input[type=checkbox], .side-search-box li.sf-field-taxonomy-publication-type input[type=checkbox], .side-search-box li.sf-field-taxonomy-publication-access input[type=checkbox]{ position:absolute; top:2px; left:0px; } /** Select boxes **/ .side-search-box li.sf-field-taxonomy-publication-keyword, .side-search-box li.sf-field-sort_order, .side-search-box li.sf-field-taxonomy-publication-author, .side-search-box li.sf-field-sort_order, .side-search-box li.sf-field-taxonomy-publication-source{width: 50%; display: inline-block; vertical-align: top;} .side-search-box li.sf-field-taxonomy-publication-keyword label, .side-search-box li.sf-field-taxonomy-publication-author label, .side-search-box li.sf-field-sort_order label, .side-search-box li.sf-field-taxonomy-publication-source label{width: 98%; display: inline-block; font-size: 14px;} .side-search-box li.sf-field-taxonomy-publication-keyword select, .side-search-box li.sf-field-taxonomy-publication-author select, .side-search-box li.sf-field-sort_order select, .side-search-box li.sf-field-taxonomy-publication-source select{width: 98%; font-size: 14px;} /**** Make sticky code ****/ #side-search-holder.stick{position: sticky; top: 0; width: 100%; z-index: 100;} #side-search.makeStick{position: fixed; top:60px; left: 0; display: block; width: 100%; z-index: 10; overflow-y: auto;} .side-search-box{background:#eae9e9;} #mapSelectionBar{background:#CFB991; padding: .5em 1em; text-transform:uppercase;} #mapSelectionBar a{color: #fff;} #mapSelectionBox{display: none;} #mapSelectionButton{color:#fff; display: inline-block; float: left; padding: .25em .5em; cursor: pointer; font-weight: 400;} #mapSelectionButton:after{ font-family: "Font Awesome 5 Pro"; content: "\f13a"; font-weight: 900;} #mapSelectionBar.buttonOpen #mapSelectionButton:after{ font-family: "Font Awesome 5 Pro"; content: "\f139"; font-weight: 900;} #mapApply{display: none;} #mapSelectionBar.buttonOpen #mapApply{float: right; color:#CFB991; background:#fff; display:inline-block; padding: .25em .5em; cursor: pointer; font-weight: 400; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #mapSelectionBar.buttonOpen #mapApply:hover{background:#A2B6C4; color:#fff;} /****** Consumer Food Insights - Current Report ******/ h1.cfi-page-title{text-transform: none;} #cfi-side h4.small-title{font-size: 14px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase;} .cfi-reports ul{padding: 0; margin: 0; list-style: none;} .cfi-reports ul li{padding: 0; margin: 0; line-height: 1.3;} .cfi-reports ul li a{text-decoration: none; font-weight: 500;} .cfi-reports ul li a:hover{text-decoration: underline;} .icon_section{background-color:#cfb991; } .icon_section a.icon-link{text-decoration: none; font-family: "United Sans", "Arial Black", "sans serif" !important; font-weight: 500; font-size: 16px; line-height: 1.3;} .icon_section a.icon-link .icon-text{background-color:#897046; color: #fff; text-transform: uppercase; } .icon_section a.icon-link:hover .icon-text{background-color:#000; color: #fff; text-transform: uppercase; } /******* Dashboards *******/ .gold-bar{background-color:#CFB991; } .dash-group{background-color: #f4f2f2;} /*-------------------------------------------------------------- 12.8 Page Sections --------------------------------------------------------------*/ /***** Intro Banner Section ****/ #intro-banner-section{background-repeat: no-repeat; background-size: cover; background-position: center center; background: #eae9e9;} #intro-banner-section h1.page-title.small-title, #intro-banner-section h2.page-title.small-title, #intro-banner-section h1.section-title.small-title, #intro-banner-section h2.section-title.small-title{font-size: 14px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-weight: 500; margin-bottom: .3em; text-transform: uppercase;} #intro-banner-section h1.page-title, #intro-banner-section .intro-content{font-size: 24px; line-height: 1.1; font-weight: 700; font-family: acumin-pro-condensed, "Franklin Gothic", Helvetica, Arial, sans-serif; margin-bottom: 0; text-transform: none; position: relative; bottom:.1em;} #intro-banner-section .intro-content p:last-of-type{margin-bottom: 0; padding-bottom: .5em;} #intro-banner-section .button{margin-top: .5em;} #intro-banner-section button, #intro-banner-section .button, #intro-banner-section .buttonAlt, #intro-banner-section a.button{padding: .75em 1em;} #intro-banner-section .intro-excerpt{font-size: 133.333%;} #intro-banner-section .intro-content.mid{font-size: 21px;} /***** Gold Background Section ****/ .gold-background{background:#cfb991; font-size: 120%} .gold-background button, .gold-background .button, .gold-background .buttonAlt, .gold-background a.button{border:1px solid #000;} /***** Grey Background section ****/ .grey-background{background-color: #ebeaea;} .grey-background h2{} .grey-background hr{ background: #000;} /*.grey-background a.button{background:#C4BFC0; border: 1px solid #fff; color: #fff;} .grey-background a.button:hover{background: #fff; color: #c4bfc0;}*/ section.grey-background p:last-of-type{margin-bottom: 0;} /***** Gold Line Indent Section *****/ .gold-indent{border-left: 2px solid #cfb991;} /***** Gold Banner - Featured Items *******/ #gb-featured-items .item-box{font-size: 16px; line-height: 1.4;} /**** Logo Background Section *****/ .logo-background{background-image:url("assets/images/common/logo-next-moves-trans.png"); background-size: contain; background-repeat: no-repeat; background-position: center center;} /**** Gold Background - Left Image *****/ .gold-background .left-image-item{line-height: 1.4;} #gold-left-image.gold-background .col-12 .row.left-image-item:last-of-type{padding-bottom:0 !important; } .gold-background .left-image-item h4{font-size: 26px;} /***** Button Lists ********/ ul.button-list{list-style: none; margin: 0; padding: 0;} ul.button-list li{margin: 0 0 .48em 0; padding: 0;} ul.button-list li a.button{width: 100%; margin: 0; text-align: left;} /******* Our Team ******/ .team .hs-box{ border-left: 2px solid #cfb991;} .team .hs-box{font-size: 16px; line-height: 1.3; } .team .hs-box a{} .team .hs-name{font-size: 21px; font-weight: 700;} .team .hs-name a{text-decoration: none;} .team .hs-title {font-weight: 500; font-size: 14px;} .team .hs-email, .team .hs-website {font-weight: 500; font-size: 16px;} /****** Image Only Section *****/ .embed-image img{width: 100%; height: auto;} /***** Background Image Section *****/ section.background-image{background-size: cover; background-position: center center; background-repeat: no-repeat; color:#fff;} section.background-image h2, section.background-image h3, section.background-image h4, section.background-image h5, section.background-image h6{color:#fff; } section.background-image a{color:#fff; text-decoration: underline;} /****** Project Grid ******/ .project-grid .project-box{border-left: 2px solid #cfb991;} .project-grid .project{font-size: 18px;} .project-grid .project h4{font-size:26px;} /***** Resource Search *******/ /********* RESOURCE LIBRARY SEARCH FORM ******/ #search-resources-form h2{font-weight: 700; text-transform: none;} #search-resources-form form ul{padding:0; margin: 0; color:#5e5e5e;} #search-resources-form form ul li{display:inline-block; margin-top: 0; padding-top: .2em;} #search-resources-form form ul input, #search-resources-form form ul select{border:0; border-radius: 0;} #search-resources-form form ul select{ font-size: 16px; height: 2em; width: 100%; color:#5e5e5e;} #search-resources-form form ul li.sf-field-search {width: 100%;} #search-resources-form form ul li.sf-field-search label{width: 100%;} #search-resources-form form ul input.sf-input-text{font-size:18px; width: 100%;} #search-resources-form form ul input.sf-input-text::-webkit-input-placeholder {color: #000; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ } #search-resources-form form ul input.sf-input-text:-moz-placeholder { /* Firefox 18- */ color: #000; opacity: 1 !important; } #search-resources-form form ul input.sf-input-text::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 1 !important; } #search-resources-form form ul input.sf-input-text::placeholder{opacity: 1 !important; color: #000;} #search-resources-form li label{width:100%;} #search-resources-form li.sf-field-taxonomy-resource-topic{width:50%; padding-right: 2%;} #search-resources-form li.sf-field-taxonomy-resource-keywords{width:50%;} #search-resources-form li.sf-field-taxonomy-resource-keywords .chosen-container{width: 100% !important;} #search-resources-form li.sf-field-taxonomy-resource-type{width:50%; padding-right: 2%;} #search-resources-form li.sf-field-taxonomy-resource-access{width:50%;} #search-resources-form li.sf-field-taxonomy-resource-topic label, #search-resources-form li.sf-field-taxonomy-resource-type label, #search-resources-form li.sf-field-taxonomy-resource-access label{padding-right:.5em; background: #fff;} #search-resources-form li.sf-field-taxonomy-resource-topic label select, #search-resources-form li.sf-field-taxonomy-resource-type label select, #search-resources-form li.sf-field-taxonomy-resource-access label select{padding:0 .5em;} /** Combo Box **/ #search-resources-form li .chosen-container-single .chosen-single{border:0; border-radius: 0; box-shadow: none; background-image: none; height: 2em; background: #fff; font-size:16px; color:#5e5e5e; font-weight: 400;} #search-resources-form li .chosen-container-single a.chosen-single{padding-left:.8em;} #search-resources-form li .chosen-container-single .chosen-single span{line-height: 2em;} #search-resources-form li .chosen-container-single .chosen-single div b{background-position: 0 7px;} #search-resources-form .searchandfilter>ul>li[data-sf-combobox="1"] label{display: inline-block;} #search-resources-form li .chosen-container{top:-2px;} #search-resources-form li .chosen-container .chosen-drop{border:0; border-radius: 0;} #search-resources-form li .chosen-container .chosen-drop .chosen-search-input{background-color:#EEEEEE;} #search-resources-form li .chosen-container .chosen-drop .chosen-results li{display:block;} /*** Acordion ****/ .sp-eap-container .wp-caption.alignleft{margin:5px 2% 15px 2%;} /**** Resource Type Pull ****/ #resource-type-pull .card{border-radius: 0; border: 0; border-left: 10px solid #cfb991; font-size: 14px;} #resource-type-pull .card h4{font-size: 14px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase;} #resource-type-pull .card h4 a{text-decoration: underline;} #resource-type-pull .card h4 a:hover{text-decoration: none;} #resource-type-pull .card .card-content .text p:last-of-type{margin-bottom: 0;} #resource-type-pull .card .card-content .text p:last-child{margin-bottom: 0;} /*** data week ****/ #main #cdww .project:last-child hr{display: none;} #main #cdww h5 a{text-decoration: none;} #main #cdww h5 a:hover{text-decoration: underline;} /*-------------------------------------------------------------- 12.9 Posts --------------------------------------------------------------*/ #postTitle h2 a{text-decoration: none;} #postTitle h2 a:hover{text-decoration: underline;} #content-post{font-size: 18px;} #paging-bottom{width:100%; display:block; clear:both;} #paging-bottom .alignleft, #paging-bottom .alignright{ background: #cfb991; display: block; width: 32%; margin-top: .75em; } #paging-bottom .alignleft a, #paging-bottom .alignright a{ background: #cfb991; display: block; width: 100%; } #paging-bottom .alignleft { float: left; } #paging-bottom .alignright { float: right; } #paging-bottom .alignleft a, #paging-bottom .alignright a { color: #000; text-decoration: none; font-weight: 700; display: block; width: 100%; text-align: center; text-transform: uppercase; padding: 10px 0; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; font-family: "United Sans", "Arial Black", "sans serif" !important; font-size: 18px !important; } #paging-bottom .alignleft a:hover, #paging-bottom .alignright a:hover { background: #8E6F3E; } /******************* Blog Single ************************/ /********************* WordPress Styles *********************/ #postInfo {color:#9f9f9f; font-size:14px; margin:0 0 20px 0; clear: both; font-style:italic;} #paging { display: block; text-align: center; margin-top: 60px; padding-bottom: 60px; font-weight:bold; font-size:14px; text-transform:uppercase; } /*-------------------------------------------------------------- 12.10 MISC Universal Styles --------------------------------------------------------------*/ .center{text-align: center;} .bold{font-weight: 700;} .extrabold{font-weight: 800;} .credit{color: #2d2d2d; font-weight: 700; font-size: 12px;} .smalltext{font-size: 12px;} #primary .small{font-weight: inherit;} .grey{color:#6f727b;} .centerBtn{text-align:center; display:block; width:100%;} .noPad{padding: 0;} .moreLink{text-transform: uppercase; font-weight: 800;} hr.hr-small-center{width: 90px; margin-left: auto !important; margin-right: auto !important;} .trans-2{-o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .circle-center{display: flex; border: 6px solid #94a545; border-radius: 50%; width:100%; justify-content: center; align-items: center;} .circle-center:before{content:""; float: left; padding-top: 100%;} .text-18{font-size: 16px;} /*-------------------------------------------------------------- 13 Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- 14 Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- 15 Media --------------------------------------------------------------*/ img {vertical-align: middle; max-width:100%; height:auto;} img.alignleft {float:left; display:inline; margin:5px 20px 15px 0; max-width:38%; height:auto;} img.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:38%; height:auto;} img.alignnone {margin: 0 0 10px 0; max-width:100%; height:auto;} img.aligncenter {clear: both; display: block; margin: 0 auto 10px; max-width:100%; height:auto;} .wp-caption.alignright{float:right; margin:5px 0 15px 5%; max-width:40%; height:auto;} .wp-caption.alignleft{float:left; margin:5px 5% 15px 0; max-width:40%; height:auto;} .alignright {float: right; margin: 0 0 5px 15px; display:inline;} .alignleft {float: left; margin: 0 15px 5px 0; display:inline;} .center{text-align:center;} .wp-caption.alignright img{ width:100%; height:auto;} p.wp-caption-text {margin:.5em 0 1.8em; font-size:14px !important; color:#5e6a71;} .wp-caption img{margin:5px 15px 5px 0;} .wp-caption {margin-bottom:2em; font-size:12px; color:#5e6a71; max-width: 100%;} .wp-caption p{margin-bottom:5px;} /******* Video ******/ .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 1.25em; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-holder { position: relative; padding-bottom: 55.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 1.25em; } .embed-holder iframe, .embed-holder object, .embed-holder embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /**** Youtube 100% ****/ .wp-block-embed-youtube { overflow: hidden; position: relative; max-width: 100%; height: auto; padding-bottom: 56.25%; } .wp-block-embed-youtube iframe, .wp-block-embed-youtube object, .wp-block-embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main .container .row iframe{max-width: 100% !important;} /*-------------------------------------------------------------- 15.1 Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 16 Media Queries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 16.1 Query sm - Over 576px --------------------------------------------------------------*/ @media only screen and (min-width : 576px) { /*----- Typography -------*/ #site-header h1.site-title{font-family: acumin-pro-extra-condensed, "Arial Black", "sans serif"; font-size:30px;} body, button, input, select, textarea{font-size:18px;} h1{font-size: 38px;} h2{ font-size:34px;} h3{ font-size:28px;} h4{ font-size:26px;} h5{ font-size:21px;} h6{ font-size:21px;} blockquote {font-size: 1.9rem;} .text-18{font-size: 18px;} /*------ Header ---------*/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ /*------------ Home Page ---------*/ .home #hero-section .intro-content{font-size: 18px;} .home #sub-mail-container table.dragndrop button{font-size: 16px !important;} #insights .insights-item .number{font-size: 60px;} .home #areas-of-focus h3.fa-title{font-size: 24px;} /*----- Interior Pages -------*/ /**** Data & Resources - Single*****/ /**** Chew on this *****/ #author-box .author-img img{max-width: 100%;} /*----- Page Sections ------*/ /***** Gold Sections *****/ .gold-background{background:#cfb991; font-size: 133.3333%} /***** Intro Banner Section ****/ #intro-banner-section h1.page-title, #intro-banner-section .intro-content{font-size: 36px;} #intro-banner-section button, #intro-banner-section .button, #intro-banner-section .buttonAlt, #intro-banner-section a.button{font-size: 18px;} #intro-banner-section .intro-content.mid{font-size: 32px;} /*----- MISC ------*/ .smalltext{font-size: 14px;} } /*-------------------------------------------------------------- 16.2 Query md - Over 768px --------------------------------------------------------------*/ @media only screen and (min-width : 768px) { #site-header h1.site-title{font-size:30px;} /*----- Typography -------*/ h1{font-size: 48px;} h2{ font-size:40px;} h3{ font-size:36px;} h4{ font-size:30px;} h5{ font-size:28px;} h6{ font-size:24px;} #content {font-size: 21px;} /************* Buttons **********/ button,.button, .buttonAlt, a.button, input[type="button"], input[type="submit"]{ font-size: 18px; } /*------ Header ---------*/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ table.dragndrop.table100 tbody tr{display: block;} table.dragndrop.table100 tbody tr table.email-cell-group tr{clear: left;} table.dragndrop.table100 tbody tr table.email-cell-group tr:first-child td{ width: 100%;} table.dragndrop.table100 tbody tr table.email-cell-group td{ display: inline-block; width: 50%; float: left;} table.dragndrop.table100 tbody tr table.email-cell-group td .editor-form-field input{width:98% !important;} table.dragndrop.table100 tbody tr table.email-cell-group td button.editor-email-button {font-size: 14px; margin-top: 1px; width: 98% !important; margin-right: 10px !important; margin-left: 0px !important;} .dragndrop button.editor-email-button{ font-family: "United Sans", "Arial Black", "sans serif" !important; font-size: 18px !important; height: 41px;} table.dragndrop.table100 tbody{width: 760px; display: block; margin-right: auto; margin-left: auto;} table.dragndrop.table100 tbody tbody{width: 720px;} .dragndrop h1{font-size: 42px;} table.dragndrop.table100 tbody tr table.email-cell-group td .editor-form-field input{width:96% !important;} table.dragndrop.table100 tbody tr table.email-cell-group td button.editor-email-button {width: 96% !important; } footer .card { margin-bottom: 0; } footer .col-lg:nth-child(3) .card, footer .col-lg:nth-child(4) .card { margin-top: 20px; } footer .card .card-body { padding-left: 0; } footer .card .collapse { display: block; } footer .card-header i { display: none !important; } /*------------ Home Page ---------*/ .home #hero-section .container{background-size: 60%;} .home #hero-section #hero-text h2{font-size: 50px;} #insights .insights-item .number{font-size: 60px;} .home #featured-sections .secondary-feature-item{ margin-bottom: 1.5em; } .home #featured-sections .secondary-feature-item:last-of-type{margin-bottom: 0;} .home #featured-sections .image-one{background-color: #fff;} /*----- Interior Pages -------*/ /**** News and Stories *****/ #main .wpra-item-grid .wpra-item--1of3{ flex-basis: 50%;} /**** Chew on this *****/ .chew-on-this-overview .cot-banner{background-image: url("assets/images/common/eot-tran1.png");} /*----- Page Sections ------*/ #intro-banner-section h1.page-title, #intro-banner-section .intro-content{font-size: 42px;} /***** Gold Banner - Featured Items *******/ #gb-featured-items .item-box{font-size: 18px;} /*----- MISC ------*/ .smalltext{font-size: 16px;} /****** Data Library Overview *******/ #search-resources-form form ul input.sf-input-text{font-size:24px; width: 100%;} /******** Publication Library Overview **********/ #resource-list.publication-list h3.section-title{font-size: 36px;} /***** Side Search *****/ .side-search-box{background:#eae9e9; color: #000;} .side-search-box ul{margin-left: 0;} .side-search-box h4{text-transform: uppercase; font-weight: 600; color:#000; font-size: 16px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif;} .side-search-box label{font-size: 14px; padding-left: 0;} .side-search-box .searchandfilter li[data-sf-field-input-type=checkbox] label, .side-search-box .searchandfilter li[data-sf-field-input-type=radio] label, .side-search-box .searchandfilter li[data-sf-field-input-type=range-radio] label, .side-search-box .searchandfilter li[data-sf-field-input-type=range-checkbox] label{padding-left: 0;} .side-search-box li.sf-field-search{padding-top: 0;} .side-search-box .searchandfilter ul li{padding: 10px 0;} .side-search-box li.sf-field-search input{background-color:#cfb991; width: 100%; border: 0 none; font-size: 24px; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; color:#000;} .side-search-box li.sf-field-search input::placeholder { color: #000; opacity: 1; font-weight: 400; font-family: acumin-pro, "Franklin Gothic", Helvetica, Arial, sans-serif; background-image:url("assets/images/common/search.png"); background-repeat: no-repeat; background-size: contain; background-position: left; padding-left: 1.5em;} .side-search-box li.sf-field-search input:-ms-input-placeholder {color: #000;} .side-search-box li.sf-field-search input::-ms-input-placeholder {color: #000;} .side-search-box .searchandfilter ul li li{padding: 0 0 .5em; margin-left: 0;} .side-search-box li.sf-field-taxonomy-publication-type, .side-search-box li.sf-field-taxonomy-publication-topic, .side-search-box li.sf-field-taxonomy-publication-access{padding-left: .3em; display: block; width: 100%;} .side-search-box li.sf-field-taxonomy-publication-keyword, .side-search-box li.sf-field-taxonomy-publication-author, .side-search-box li.sf-field-sort_order, .side-search-box li.sf-field-taxonomy-publication-source{width: 100%; display: block;} .side-search-box li.sf-field-taxonomy-publication-keyword label, .side-search-box li.sf-field-taxonomy-publication-author label, .side-search-box li.sf-field-sort_order label, .side-search-box li.sf-field-taxonomy-publication-source label{width: 100%; font-size: 16px;} .side-search-box li.sf-field-taxonomy-publication-keyword select, .side-search-box li.sf-field-taxonomy-publication-author select, .side-search-box li.sf-field-sort_order select, .side-search-box li.sf-field-taxonomy-publication-source select{width: 100%; border: 1px solid #b2b2b2 !important; font-size: 16px;} .side-search-box li.sf-field-post-meta-rl_date ul li{width:50%; display: inline-block; margin-left: 0;} .side-search-box li.sf-field-post-meta-rl_date ul li input{width: 98%;} .side-search-box li.sf-field-post-meta-rl_date ul li label{width: 98%;} /****** Resource Overview ******/ .side-search-box{background:#eae9e9; color: #000;} #side-search.makeStick{position: inherit; top:inherit; overflow-y: visible; max-height: none !important;} #mapSelectionBar{display: none;} #mapSelectionBox{display: block;} #mapSelectionBox.screen{display: block !important;} .side-search-box li.sf-field-search input{font-size: 24px;} .resource-single #intro-banner-section .intro-excerpt{font-size: 124%;} } /*-------------------------------------------------------------- 16.3 Query lg - Over 992px --------------------------------------------------------------*/ @media only screen and (min-width : 992px) { #site-header h1.site-title{font-size:40px;} /*----- Typography -------*/ h1{font-size: 54px;} h2 { font-size:48px;} h3{ font-size:42px;} h4{ font-size:40px;} h5{ font-size:36px;} h6{ font-size:30px;} /*------ Header ---------*/ /*-------------------------------------------------------------- 12.2 Regular Content --------------------------------------------------------------*/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ /**** Footer fome ****/ table.dragndrop.table100 tbody{width: 920px; display: block; margin-right: auto; margin-left: auto;} table.dragndrop.table100 tbody tbody{width: 880px;} .dragndrop h1{font-size: 48px;} table.dragndrop.table100 tbody tr table.email-cell-group td .editor-form-field input{width:96% !important;} table.dragndrop.table100 tbody tr table.email-cell-group td button.editor-email-button {width: 96% !important; } footer .logo { margin-top: 0; } footer .col-lg:nth-child(3) .card, footer .col-lg:nth-child(4) .card { margin-top: 0px; } footer .bottom { overflow: hidden; padding: 1rem 1rem 0.5rem; background-color: #3b3b3b; color: #ccc; text-align: center; line-height: 1.5em; } footer .bottom a:link { color: #ccc; } footer .bottom a:active { color: #ccc; } footer .bottom a:hover { color: #ccc; } /*------------ Home Page ---------*/ .home #hero-section #hero-text h2{font-size: 60px;} .home #hero-section .container{background-size: contain;} .home #home-search h3{font-size: 60px; margin-bottom: 0;} #insights .insights-item .number{font-size: 60px;} .stories-feature-area a.magic-card-link h4{font-size: 24px;} .stories-feature-area a.magic-card-link .date{font-size: 14px;} /*----- Interior Pages -------*/ /**** Data & Resources - Single*****/ /**** Resource Overview *****/ #header-search #recent-resource-list{border-left: 10px solid #cfb991;} /**** Resource Single ******/ .resource-single .side-border{border-left: 10px solid #cfb991;} .resource-single #intro-banner-section .intro-excerpt{font-size: 133%;} /*----- Page Sections ------*/ #intro-banner-section h1.page-title, #intro-banner-section .intro-content{font-size: 54px;} #intro-banner-section .intro-content.mid{font-size: 42px;} /**** News and Stories *****/ #main .wpra-item-grid .wpra-item--1of3{ flex-basis: 33.333333333333%;} /***** Chew on this ******/ .chew-on-this-overview #intro-banner-section .content{font-size: 24px;} .chew-on-this-overview .cot-banner{background-image: url("assets/images/common/eot.png"); background-repeat: no-repeat; background-position: center right; background-size: 445px 333px;} /****** Data Library Overview *******/ #search-resources-form li.sf-field-taxonomy-data-topic{width:25%; padding-right: 2%;} #search-resources-form li.sf-field-taxonomy-data-keyword{width:25%; padding-right: 2%;} #search-resources-form li.sf-field-taxonomy-data-keyword .chosen-container{width: 100% !important;} #search-resources-form li.sf-field-taxonomy-data-type{width:25%; padding-right: 2%;} #search-resources-form li.sf-field-taxonomy-data-access{width:25%;} } /*-------------------------------------------------------------- 16.4 Query xl - Over 1200px --------------------------------------------------------------*/ @media only screen and (min-width : 1200px) { #intro-banner-section h1.page-title, #intro-banner-section .intro-content{font-size: 60px;} #site-header h1.site-title{font-size:48px;} #intro-banner-section .intro-content.mid{font-size: 48px;} /*----- Typography -------*/ h1{font-size: 60px;} h2{} h3{} h4{} h5{} h6{} /*------ Header ---------*/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ /**** Footer fome ****/ table.dragndrop.table100 tbody{width: 960px; display: block; margin-right: auto; margin-left: auto;} .dragndrop h1{font-size: 48px;} table.dragndrop.table100 tbody tr table.email-cell-group td .editor-form-field input{width:96% !important;} table.dragndrop.table100 tbody tr table.email-cell-group td button.editor-email-button {width: 96% !important; } /*------------ Home Page ---------*/ .home #hero-section #hero-text h2{font-size: 60px;} .home #hero-section .container{background-size: contain;} .stories-feature-area a.magic-card-link h4{font-size: 30px;} #insights .insights-item .number{font-size: 80px;} .home #featured-sections .secondary-feature-item{ margin-bottom: 0; } .home #featured-sections .image-one{background-color:transparent;} /*----- Interior Pages -------*/ /*----- Page Sections ------*/ } /*-------------------------------------------------------------- 16.4 Query xxl - Over 1400px --------------------------------------------------------------*/ @media only screen and (min-width : 1400px) { /*----- Typography -------*/ h1{} h2{} h3{} h4{} h5{} h6{} /*------ Header ---------*/ /*------ Sidebar Content --------*/ /*----- Footer -----*/ /*------------ Home Page ---------*/ .home #hero-section .container{background-size: contain;} /*----- Interior Pages -------*/ /*----- Page Sections ------*/ } /*-------------------------------------------------------------- 17 Print --------------------------------------------------------------*/ /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }