/* ================================================= LOCAL STYLE SHEET Use this to overwrite any of the global styles or add customized elements ================================================= */ /* min-height rule for topic blocks container */ /* .top-blocks dl{ min-height: 50px; } */ /*Global Styles*/ strong { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; } .clear { clear: both; } hr { margin: 10px 0; } .breadcrumbs { margin-top: 7px; height: 25px; } .polaris { font-weight: 500; letter-spacing: 2px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .green-text { color: #25836b; } .extra-padding { padding: 20px; } .margin-clear { margin: 0px!important; } .padding-clear { padding: 0px!important; } .grey { background: #f0f0f0!important; } .uncaps { text-transform: none; } .right-push { margin-right: 20px; } .banyan-breadcrumb-list { list-style-type: none; overflow: auto; margin-bottom: 5px; margin-left: 0px; margin-top: 5px; } .banyan-breadcrumb-list li { float: left; display: block; position: relative; margin-right: 7px; } .banyan-breadcrumb-list a { text-decoration: underline; } .banyan-breadcrumb-list a:hover { text-decoration: none; } .full-width-breadcrumbs { margin-top: 15px!important; margin-bottom: 0px!important; } ol li { padding-left: 10px; } /*BANNER LOGO STYLES*/ .banner-logo { padding-left: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; /*background: rgb(0, 0, 0); background: rgba(0, 0, 0, .5);*/ width: 150px; } .banner-logo h3, .banner-text h3 { color: #fff; font-size: 32px; } .logo-green-text { color: #2CC495; } .banner-text p { color: #fff; } .banner-text { width: 80%; text-align: center; margin: auto; } .banner-text-lg { margin-top: 50px; } .banner-text-md { margin-top: 0px; } /*BANNER TEXT STYLES*/ hr.banner { border-bottom: 1px solid #2ECCA5; border-top: 0px; } /*Homepage Hero Images*/ .polaris-hero-large { max-height: 352px; min-height: 352px; width: 100%; margin-top: 2px; border-bottom: 5px solid #39cba5; } .polaris-hero-med { min-height: 216px; width: 100%; background: #ccc; margin-top: 2px; border-bottom: 5px solid #39cba5; } .polaris-hero-small { max-height: 148px; min-height: 148px; width: 100%; background: #ccc; margin-top: 2px; border-bottom: 5px solid #39cba5; } .hero-home { background: url(../../images/banyan/banners/Polaris_Home_1185x352.jpg) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-tools-md { background: url(../../images/banyan/banners/Polaris Tools_1185x216.jpg) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-tools-sm { background: url(../../images/banyan/banners/Polaris Tools_1185x148.jpg) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-evidence-md { background: url(../../images/banyan/banners/Polaris Evidence_1185x216.jpg) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-evidence-sm { background: url(../../images/banyan/banners/Polaris Evidence_1185x148.jpg) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-training-md { background: url(../../images/banyan/banners/Polaris Training_1185x216.png) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-training-sm { background: url(../../images/banyan/banners/Polaris Training_1185x148.png) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-publications-md { background: url(../../images/banyan/banners/Polaris Training_1185x216.png) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-publications-sm { background: url(../../images/banyan/banners/Polaris Training_1185x148.png) #ccc no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*Other Homepage Styles*/ a.polaris-more-btn { background: #3d316a; color: #fff; padding: px; border: none; width: 70px; text-align: center; outline: none; float: right; border-radius: 6px; } .polaris-home-about { padding: 20px; border: 1px solid #e5e5e5; } .polaris-home-about h3 { margin: 0px; } .polaris-home-smallPhoto { background: #ccc; max-height: 200px; min-height: 183px; } /*Interactive Tools Styles*/ .polaris-intt-smallPhoto { background: #ccc; max-height: 225px; min-height: 225px; } .polaris-intt-model-callout { border-bottom: 5px solid #c5bfe0; margin-top: 20px; } .polaris-intt-model-callout h3 { margin-bottom: 0px!important; line-height: 24px; } .margin-override { margin-bottom: 0px!important; padding: 0px!important; } /*Model Styles*/ .module-typeP h3 { padding: 10px!important; } .module-facts-list li, .learn-more-secondary li, .learn-more-primary li { margin-left: 15px; margin-bottom: 5px; margin-top: 5px; } .model-facts-right { float: right; position: relative; } .model-main-content-left { float: left; position: relative; margin-top: 20px; } .learn-more-secondary { display: block; float: left; width: 40%; } .module-facts-list a, .learn-more-secondary a { text-decoration: underline!important; } .model-paper-icon { display: block; float: left; margin-top: 5px!important; margin-right: 20px!important; margin-left: 20px!important; } .model-paper-title { color: #3d316a; margin-top: 17px; font-size: 18px; font-weight: 100; margin-bottom: 0px; } /*POLICY CSS*/ .special-text { font-size: 24px; line-height: 30px; font-weight: 100; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .accoridan-columns { display: block; float: left; width: 48%; } h3.supplement-header { background: #3d316a; color: #fff; padding: 10px!important; margin-bottom: 0px; margin-top: 0px; } /*PUBLICATIONS CSS*/ ul.publication-image-list { list-style-type: none; } .publication-image-list li { margin-bottom: 20px; } .button-sub { line-height: 20px; } @media screen and (max-width: 979px) { .polaris-intt-smallPhoto { min-height: 198px; } .polaris-home-smallPhoto { min-height: 153px; } } @media screen and (max-width: 767px) { .hidden-mobile { display: none; } .accoridan-columns { display: block; float: left; width: 100%; } .banner-text-lg { margin-top: 30px; } .banner-text h3 { color: #fff; font-size: 24px; } .logo-green-text { color: #2CC495; } .banner-text p { color: #fff; font-size: 12px; line-height: 18px; } .banner-text-md { margin-top: 0px; } .polaris-home-smallPhoto { min-height: 183px; } .polaris-intt-smallPhoto { min-height: 225px; } } .polaris-cb-filter-block { padding: 6px; } .polaris-cb-filter-block input { margin-right: 6px; } .polaris-small-taxonomy small { margin-right: 4px; } .axis path, .axis line { fill: none; stroke: black; } .polaris-resource-container table tr th.filter { width: 15%; } .polaris-chart1 div.header { padding: 1em 1.5em; background-color: #3d316a; text-align: center; color: #fff; } .polaris-chart1 div.header p { color: #fff; } .polaris-table-chart1 th { font-size: 12px; font-weight: normal; } .polaris-chart1 div.results { padding-top: 1.5em; margin-bottom: 1.5em; margin-left: 0px; } svg.polaris-chart-chart2 { width: 100%; height: 480px; } .italic { font-size: 12px; } .impact-emphasis { color: #3f729d; } .impact-stats { display: inline-block; vertical-align: top; width: 20%; text-align: left; font-size: 15px; } .impact-description { display: inline-block; width: 65%; padding-left: 30px; font-size: 12px; } .impact-stats-mini { display: inline-block; vertical-align: top; width: 30%; text-align: left; font-size: 12px; } .impact-description-mini { display: inline-block; width: 50%; padding-left: 15px; font-size: 12px; } p.italic { margin-bottom: 0; }