/*---------------------Global Settings--------------------*/ /*-----page backgrounds-----*/ body { background:transparent; background-color:transparent; color: #292823; font-family: Noto Sans, sans-serif; } html { background: #FFFFFF; } /*------- font family and font size ------- */ /* set base font-family and font-size in ems */ #wrapper { font-family: Noto Sans, sans-serif; } /* primary font */ h5, h6, blockquote, p, li, small {font-family: Noto Sans, sans-serif;} /* secondary font */ h1, h2, h3, h4 {font-family: Roboto Condensed, Arial, serif;} /* ------------------- ELEMENT COLORS scoped from foundation.css -------------------------*/ /* ---- PRIMARY COLOR ---- */ /* text color */ abbr, acronym, form.custom .custom.checkbox.checked:before, form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after, .keystroke, kbd, ul.pagination li, ul.pagination li a, table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td, table tr th, table tr td, .side-nav li, .side-nav li.active > a:first-child, .side-nav li a {color: #292823;} /* background color */ .orbit-bullets li, form.custom .custom.radio.checked:before {background-color:#292823;} /* ---- SECONDARY COLOR ---- */ /* text color*/ h1, h2, h3, h4, h5, h6, table tr th { color:#666666} /* background color */ {background-color:#666666;} /* ---- TERITARY COLOR ---- */ /* horizontal rule */ hr { border: solid #FFFFFF; border-width:1px 0 0; } /*background color*/ button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus, .top-bar-section ul li > a.button.secondary, .progress.secondary .meter, ul.pagination li:hover a, ul.pagination li a:focus, .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title, .section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover, .section-container > section.active > .title, .section-container > .section.active > .title, .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title, .contain-to-grid .dropdown { background:#FFFFFF;background-color:#FFFFFF;} button.secondary, .button.secondary, button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary, .alert-box.secondary, .breadcrumbs { background-color: #FFFFFF;background: #FFFFFF; border-color: rgba(0,0,0,0.1); color: #292823; } .label.secondary { background-color: #FFFFFF; color: #292823; } .side-nav li.divider {border-top-color: #FFFFFF;} /* ---- LINK COLOR ---- */ /* text color*/ a, .breadcrumbs > * a, .breadcrumbs > * span, .side-nav li a:hover, .has-tip:hover, .has-tip:focus, .tooltip.opened, .section-container > section.active > .title a, .section-container.auto > section.active > .title a, .top-bar-section .dropdown li a, .top-bar-section .dropdown li.title h5 a, .top-bar .toggle-topbar.menu-icon a, .top-bar .toggle-topbar.menu-icon a span, p.title { color:#157D0E} /* nav menu icon color */ .top-bar .toggle-topbar.menu-icon a span { -webkit-box-shadow: 0 10px 0 1px #157D0E, 0 16px 0 1px #157D0E, 0 22px 0 1px #157D0E; box-shadow: 0 10px 0 1px #157D0E, 0 16px 0 1px #157D0E, 0 22px 0 1px #157D0E; } /* back link */ .top-bar-section ul li h5 a {font-size:.8em;} .top-bar-section ul li h5 a:hover, .top-bar-section ul li h5 a:active {text-decoration:underline;} /* background color */ .orbit-bullets li.active, .top-bar-section ul li > a.button.secondary.hover, .top-bar-section ul li.hover > a, .top-bar-section ul li.active > a, button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, .top-bar-section ul li > a.button, .label, ul.pagination li.current a, .panel.callout, .progress .meter, .sub-nav dt.active a, .sub-nav dd.active a { background:#157D0E;background-color:#157D0E;} /*-------- set hover/active font-color to default font color .top-bar-section ul li.active > a, .top-bar-section ul li.hover > a { color:#292823;} -----*/ button, .button, button.disabled, button[disabled], .button.disabled, .button[disabled], .alert-box { background-color:#157D0E;background:#157D0E; border-color: rgba(255,255,255,0.3); } button, .button {border:none;} /* ---- LINK HOVER COLOR ---- */ /* text color*/ a:hover, a:focus, .section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover, #features a:hover h3 { color:#46BD1A} /* background color */ button:hover, .button:hover, .orbit-bullets li:hover, ul.pagination li.current a:hover, ul.pagination li.current a:focus {background:#46BD1A;background-color:#46BD1A;} header { background:transparent; padding:; } /*-------Nav Styles ------------*/ /*size for Logo text IN the Nav*/ #wrapper .top-bar .name h1 {font-size: 24px;} .contain-to-grid.sticky.fixed, .top-bar-section .dropdown {background: #FFFFFF;-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .2);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .2);} .contain-to-grid.sticky.fixed li.name {padding-left:12px;} /* ------ Footer Styles -------*/ footer, .push { padding:12px; height:84px; } footer { background:transparent; } .contain-to-grid .top-bar { max-width:970px; } /*------ Logo Position ------ */ /*-----top padding and max site width -------*/ #wrapper { max-width:1020px; padding-top:; margin: 0 auto -84px; } /* ----- content settings -------*/ #content { background:transparent; padding-left:; padding-right:; } /*----- sidebar settings ----*/ #sidebar { background:transparent; } /*-----accordion in sidebar----*/ #sidebar .accordion {border:1px solid #157D0E;} #sidebar .accordion .content {-webkit-box-shadow: inset 0px 1px 7px 0px #ccc; box-shadow: inset 0px 1px 7px 0px #ccc;} /* ------------- List of Subpages on any given page ------------- */ #pageList li {border-bottom:1px solid #FFFFFF;} /* ----- other settings -------*/ /* ROUNDED CORNERS AND DROPSHADOWS --not ready for prime time yet - Andy, July 24, 2013-- body #wrapper {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; !important} .contain-to-grid nav.top-bar, #sidebar, .large-block-grid-3 li, #slideshow {position:relative;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;} #wrapper {-webkit-box-shadow: 2px 2px 8px 0px , , , .1); box-shadow: 2px 2px 8px 0px , , , .1);} .contain-to-grid nav.top-bar, #sidebar, .large-block-grid-3 li, #slideshow {position:relative;-webkit-box-shadow: 1px 1px 6px 0px , , , .1); box-shadow: 1px 1px 6px 0px , , , .1);} */ /* --------------------------------- Screens at least 768px wide --------------------------------- */ @media screen and (min-width: 768px) { html { background:url("..//img/wrppl3.jpg") no-repeat center top; background-size:cover; background-attachment:fixed; } /*--home page featured pages-----*/ } /* --------------------------------- Screens at least 940px wide --------------------------------- */ @media screen and (min-width: 940px) { header {min-height:50px;} /*----------- NAV Settings ---------*/ /* ---- if nav has transparent background... --- */ .top-bar, .top-bar-section li a:not(.button), .top-bar-section ul, .top-bar-section ul li > a, .contain-to-grid { background:none; background-color:none; background:transparent; background-color:transparent; color: #157D0E; } .top-bar-section .dropdown {background:#FFFFFF; border:1px solid 157D0E; border:1px solid rgba(0,0,0,0.1); } /* tab little arrow - down */ .top-bar-section .has-dropdown > a:after {border-color: #157D0E transparent transparent transparent; -moz-opacity: 0.50; opacity: 0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } .top-bar-section .has-dropdown.hover > a:after, .top-bar-section .has-dropdown.active > a:after {border-color: #FFFFFF transparent transparent transparent; -moz-opacity: 0.50; opacity: 0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } .title-area {display:none;} .top-bar-section li a, .contain-to-grid .top-bar, .contain-to-grid { height:auto; line-height:1; } .top-bar-section ul li > a { color:#157D0E} /* -- pill style --*/ .top-bar-section li a:not(.button) {line-height:21px; padding:5px 12px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; } .contain-to-grid {padding:4px 0;} .top-bar-section li {margin-right:6px;} /* no border radius for menus */ .top-bar-section .dropdown li a:not(.button) {-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;padding:7px 15px; } /* tab little arrow - down */ .top-bar-section .has-dropdown > a::after {top:14px;} /* menu little arrow - right */ .top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after {margin-top:-8px;} /*------ Featured Pages ------*/ #features .small-block-grid-1 li {border-bottom:1px solid #FFFFFF;} } /* --------------------------------- Screens at most 940px wide --------------------------------- */ @media screen and (max-width: 940px) { /* else nav background is transparent */ .top-bar-section ul li > a { color: #157D0E; } /* tab little arrow - down */ .top-bar-section .has-dropdown > a:after {border-color: #157D0E transparent transparent transparent; -moz-opacity: 0.50; opacity: 0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } /* tab little arrow - down */ .top-bar-section .has-dropdown.hover > a:after, .top-bar-section .has-dropdown > a:after, .top-bar-section .has-dropdown.active > a:after {border-color: #FFFFFF transparent transparent transparent; -moz-opacity: 0.50; opacity: 0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } .top-bar.expanded { background: #FFFFFF ; -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, .2);box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, .2); } } /* --------------------------------- Screens at most 700px wide --------------------------------- */ @media screen and (max-width: 700px) { #sidebar {border-top: 1px solid #FFFFFF; } #logo, #headerSearch {float:none; clear:both;} /*--home page featured pages-----*/ [class*="block-grid-"] > li p, [class*="block-grid-"] > li img {width:100% !important; float:none !important;} }