/*
Theme Name: SCO
Description: Child theme of UW-Theme
Author: Jim Lacy and Abby Gleason
Template: uw-theme
Version: 1.2
*/


/*
*  Override default font used in UW theme for all body text
*/

.single .entry-content p, .single .entry-content li, .single .entry-content dt, .single .entry-content dd {
  font-family: Arial, sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: auto; }

.entry-content p, .entry-content li {
  font-family: Arial, sans-serif;
font-size: 1rem;  }

.uw-pe-text_block p, .uw-pe-text_block {
  font-family:  Arial, sans-serif;
  font-size: 1rem;}

.uw-pe-text_block>h2:first-child, .uw-pe-text_block>h3:first-child {
	text-transform: uppercase;
}

/* bold h4 headers */
.uw-pe-text_block h4 {
	font-weight: 800;
}

p,li {
	font-size: 1rem;
} 

body {
	font-family:  Arial, sans-serif !important;
	font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

/* reset font used in certain headers */
.uw-site-title, .uw-white-title, .uw-site-tagline {
	font-family: "Verlag", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.uw-site-title {
	text-transform: uppercase;
}

#uw-top-menus  {
	font-family: "Verlag", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.uw-global-bar, .uw-header-search {
	font-family: "Verlag", "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}

.entry-content h3 {
	font-weight: 900;
}

/* Font color black for header text */
.white-background h1, .white-background h2, .white-background h3, .white-background h4, .white-background h5, .white-background h6 {
 color: #000;
}

/* change behavior of links ... normally underline is shown by default in UW theme */

.white-background a:not(.uw-button), .white-background a:not(.button) {
    text-decoration: none; 
}

.white-background a:not(.uw-button):not(.button):not(.button-cta) {
	text-decoration: none;
}

.sconews .uw-post-text {
	margin-bottom: 2rem;
}

/* normally the hero image is 500px tall */
.uw-hero {
  max-height: 300px;
  overflow: hidden;
}

/* fixes some minor formatting in top utility menu bar */
#uw-top-menus .uw-nav-menu ul {
    line-height: 1.4;
}

/* change navbar menu to uppercase and decrease font size slightly */
#uw-top-menus .uw-nav-menu a {
	text-transform: uppercase;
	font-size: .925rem;
}

/* vertically align "UW GEOGRAPHY" text in top nav menu */
#uw-top-menus.uw-horizontal .uw-nav-menu.uw-nav-menu-secondary>ul>li>a {
	line-height: 2.2rem;
}

/* Change "menu" font style on navbar for small window sizes */
.uw-link-list li a, .uw-mobile-menu-button-bar {
	font-family: sans-serif;
}

.alternating-content .alternating-content-box h3 {
	text-transform: uppercase;
	font-size: 1.375rem;
	font-weight: 900;
}

/* Increase h3 and h4 header font size */
@media print, screen and (min-width: 40em) {
	h3 {
		font-size: 1.375rem;
	}
	h4 {
		font-size: 1.25rem;
	}
}

/* insert red bar before hero headline text on small windows */
@media screen and (max-width: 39.9375em){
	.uw-hero-inset-wrapper .uw-hero-headline .uw-hero-inset-content a:before {
		position: absolute;
		left: auto;
		height: 4px;
		content: '';
		width: 2rem;
		top: 25px;
		background-color: #c5050c;

	}
	.uw-hero-inset-wrapper .uw-hero-headline .uw-hero-inset-content a {
		font-size: 1rem;
	}
} 

@media screen and (min-width: 40em) {
  .uw-header-crest {
    margin-right: .8rem; }
    .uw-header-crest img {
      width: 4rem; }
}

@media screen and (min-width: 64em) {
  .uw-header-crest img {
    width: 4rem; }
}

@media screen and (min-width: 75em) {
  .uw-header-crest img {
    width: 4rem; }
 }
	
.uw-header-container {
  padding: .5rem 0 .5rem;
}

/* reduce whitespace between hero image and first row */
@media screen and (min-width: 40em) {
.home .uw-outer-row:first-child {
    padding-top: 2rem;
}
}

@media screen and (min-width: 40em)
{
.uw-footer-content p, .uw-footer-content li {
    font-size: 1rem;
}
}

/* attempts to fix problem with hero headline area disappearing at high resolutions */
.uw-hero-inset-wrapper.uw-hero-headline-wrapper {
    left: 0;
    right: auto;
    bottom: inherit;
    top: 30px; 
	/* increase font size in hero headline */
	font-size: 1.2rem;
}    

@media screen and (max-width: 39.99em)
{
.uw-hero-inset-wrapper.uw-hero-headline-wrapper {
    top: 0px; 
}
}

/* historic styles from SCO site
*  These should not be used in the future, but are needed to style
* older news content imported from Joomla
*/
div.bullgrafix{float:right;padding:12px;margin-left:20px;margin-bottom:20px;margin-top:20px;border-style:dotted;border-width:thin;font-size:12px;}
div.rightgraphic{float:right;margin-left:20px;margin-bottom:20px;}
div.leftgraphic{float:left;margin-right:20px;margin-bottom:20px;}
div.rightgraphic_noborder{float:right;margin-left:5px;margin-bottom:5px;}
div.leftgraphic_noborder{float:left;margin-right:5px;margin-bottom:5px;}
div.rightgraphic, div.leftgraphic{border-style:dotted;border-width:thin;}
div.rightgraphic, div.rightgraphic_noborder, div.leftgraphic, div.leftgraphic_noborder{padding:10px;margin-top:5px;}
div.rightgraphic p, div.leftgraphic p, div.rightgraphic_noborder p, div.leftgraphic_noborder p{font-size:12px;margin-bottom:-5px;text-align:left;}
#scosidebar, .scosidebar{width:190px;padding:15px;padding-top:5px;padding-bottom:5px;border:1px solid #cccccc;margin-top:0;margin-left:20px;margin-bottom:20px;float:right;}
#scosidebar h3, .scosidebar h3{font-color:#000 !important;font-size:16px !important;padding-bottom:5px;}
.article_separator{line-height:0px;}

/* mapping bulletin archives page */
.pdfarchives td{width:25% !important;}
.pdfarchives a[href $='.pdf']{padding:3px 22px 0px 0px;text-decoration:underline;background:url(media/pdf-icon.png) right bottom no-repeat;}
.filesize{font:Arial, Helvetica, sans-serif;font-size:.8em;color:#999999;}


/* document icons */
.sco-xls-icon {
	padding:3px 22px 0px 0px;
	text-decoration:underline;
	background:url(media/xls-icon.png) right bottom no-repeat;
} 
.sco-pdf-icon {
	padding:3px 22px 0px 0px;text-decoration:underline;background:url(media/pdf-icon.png) right bottom no-repeat;
} 
.sco-doc-icon {
	padding:3px 22px 0px 0px;text-decoration:underline;background:url(media/doc-icon.png) right bottom no-repeat;
} 
.sco-ppt-icon {
	padding:3px 22px 0px 0px;text-decoration:underline;background:url(media/ppt-icon.png) right bottom no-repeat;
} 

/* 
* Misc tweaks to UW Theme CSS
*/

.uw-site-tagline {
    color: #fff;
}

.uw-outer-row {
    padding: 2rem 0;
}
.byline, .entry-date {
	font-size: 1.1em; 
	font-family: arial;
	line-height: 1.25em;
}
.uw-site-tagline {
    color: #fff;
}
.faculty-bio {
	margin-top: 1rem;
}

.faculty-name {
	text-transform: uppercase;
}

/* get rid of little red dash above widget titles */
.widget .widget-title:before {
  display: none; }
.sco-last-updated {
	font-size: 100%;
}

/* tags in articles */
.entry-footer .tags-links {
	font-size: 100%;
	padding-bottom: 3rem;
}

/* tags on pages */
.tags-links {
	font-size: 100%;
	padding-bottom: 0rem;
}

.sco-search-mod-date {
	padding-bottom: 0.5em;	
}

.sco-search-category {	
}

#sco-job h3 {
	margin-top: 0;
	margin-bottom: 1em;
}

.sco-header-wrapper {
    display: block;
	background-color: #282728;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}

.sco-header-wrapper .uw-header {
 	background: 0 0;   
}

/*
* SCO Calendar sidebar
*/

.eventList {
	display: -webkit-flex;
	display: flex;  
	flex-direction: column;
	flex-wrap: nowrap;
}

.event {
	display: -webkit-flex;
	display: flex;
	padding-bottom: 1em;
	flex-direction: row;
	width: 100%;
	flex-wrap: nowrap;
}

.eventDate{
	margin-right: 0.5em;
	flex: 0 0 60px;
}

.eventTitle {
}


/*
* Quicklinks box used in posts and pages
*/
.sco-quicklinks {
	width:40%;
	padding:15px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #cccccc;
	margin-top:0;
	margin-left:20px;
	margin-bottom:20px;
	float:right;
	background-color:#EEE;
	overflow: hidden;
}

.ql-header {
	text-align:center;
}


/*
Geospatial Jobs
*/
.geospatial-job-details {
	display: table;
	width: auto;
	margin: 2em 0 0 0;
	font-family:  Arial, sans-serif;
    -webkit-font-smoothing: auto;
	font-size: 1rem;
}

.geospatial-job-employer {
	font-size: 2em;
}

.geospatial-job-footer {
	margin-top: 2em;
	font-style: italic;
	font-family:  Arial, sans-serif;
    -webkit-font-smoothing: auto;
	font-size: 1.125rem
}

.geospatial-job-details-row {
  display: table-row;
}

.geospatial-job-details-cell {
display: table-cell;
width: auto;
padding-right: 1em;
}

.geospatial-job-content {
padding-top: 1em;
	font-family:  Arial, sans-serif;
    -webkit-font-smoothing: auto;
	font-size: 1.125rem       
}

.geospatial-job-moreinfo {
	font-family:  Arial, sans-serif;
    -webkit-font-smoothing: auto;
	font-size: 1.125rem
}

/*
* SCO Publications
*/

.sco-publication-content {
	display: flex;
	flex-direction: row;
	padding-bottom: 3em;
	padding-top: 2em;
	width: 100%;
	overflow: hidden;
}

.sco-publication-content img {
	border:1px solid #cccccc;
	
}

.sco-publication-rightcol {
width: 70%
}

@media screen and (max-width: 39.99em) {
.sco-publication-content {
flex-direction: column;
}

.sco-publication-rightcol {
	width: 100%;
}

.sco-publication-leftcol {
	padding-bottom: 2em;
}
 }
 
 
.sco-publication-leftcol {
	padding-right: 2em;
	width: 300px;
}



.sco-publication-byline {
	font-size: 1rem;
}

.sco-category-display {
	font-size: 1.4em;
	
}

.sco-page-title {
	margin-top:0;
	margin-bottom: 0;
}

.entry-header h3 {
	font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
	margin-bottom: 0;
}

@media screen and (min-width: 40em) {
.sco-pub-thumbnail {
	width: 200px;
	border:1px solid #cccccc;
}
 }
  
@media screen and (max-width: 39.99em) {
.sco-pub-thumbnail {
	width: 100px;
	border:1px solid #cccccc;
}
 }
 
 
/*
Set font used in all data tables
*/
.entry-content td  {
	font-family: Arial, sans-serif;
	font-size: 1rem;
} 

/* 
* add a little space in each row of publications table.  Other tables unaffected.
*/
table.dataTable tbody tr.type-sco_publications td {
    padding-bottom: 20px; 
    padding-top: 20px;
}

/* 
* featured news plugin 
*/
.featured-header {
	position: relative;
	display: block;
}

/* change "featured news" header and "what can we help you find?" to uppercase */
.featured-header h2 {    
	display: block;
    border-bottom: 5px solid #c5050c;
    margin-top:0px;
	text-transform: uppercase;
	}

/* change "SCO in the community" header to uppercase */
.uw-mini-bar-center {
	text-transform: uppercase;
}

.sco-features {
	margin-left: -15px;
	margin-right: -15px;
	display: table;
}

.flex-news {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.news-item-container {
	position: relative;
	display: block;
}

.news-item-container .uw-post-text .uw-post-date {
	padding-bottom: 1em;
}

.news-item-column {
	flex-direction: column;
	padding-left: 15px;
	padding-right: 15px;
	
}

@media screen and (min-width: 46em) {
.news-item-column {
	width: 25%;	
}}

@media screen and (max-width: 45.999em) {
.news-item-column {
	width: 50%;	
} }


.btn {
	
	display: inline-block;
    margin-bottom: 0;
    font-weight: 900;
    text-align: right;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}

a.btn-caps {
	text-transform: uppercase;
}

a.btn-link {
    color: #c5050c;
    font-family: "Verlag", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-pull-bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
}


/* sco posts */

.sconews li, .scojobs li {
	list-style:none;
}

.sconews li a, .scojobs li a {
	text-decoration: none;
}

.sconews .uw-posts-listing, .scojobs .uw-posts-listing {
	margin-left:0;
}

.uw-post-date {
	font-size: 1rem;
	padding:0;
	margin-bottom: 0;
}

/* tweak font in latest job postings on home page */
.scojobs .uw-posts-listing .uw-post .uw-post-text .scopost_title {
	font-size:1rem;
	font-weight: normal;
}

.scopost_title {
	font-size:1.25rem;
	font-weight: 700;
	padding: 0;
	margin-bottom: 0;
	text-decoration: none;
	line-height: 1.6rem;
}

.uw-outer-row.default-background a:not(.uw-button), .uw-outer-row.default-background a:not(.button) {
    text-decoration: none;
}

.sconews {
	width: 90%;
}
.sconews p {
	margin-bottom:0;
}


/*
* Homepage icon bars: "what can we..." and application bar
*/
.sco_homepage_iconbar {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-bottom: 0px;
	padding-top: 25px;
	width: 85%;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
	font-family: inherit;
	font-weight: 700;
}

@media screen and (min-width: 46em) {
  .sco_icon_element, .sco_app_element {
	  width: 25%;
  }
 }
  
 @media screen and (max-width: 45.999em) {
  .sco_icon_element, .sco_app_element {
	  width: 50%;
  }
 }

.sco_icon_element {
	flex-direction: column;
	/*float: left;*/
	padding: 15px;
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
	line-height:1.2;
	font-size: 1.0rem;
	font-family: "Verlag", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sco_app_element {
	float: left;
	padding: 15px;	
	flex-direction: column;
	line-height:1.2;
	font-size: 1rem;
	font-family: "Verlag", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 1.5rem;
}

.sco_homepage_iconbar .sco_icon_element a svg, .sco_app_element a svg {
    display: block;
    margin: 0 auto 12px;
    width: 6rem;
    height: 6rem;
    background-size: 80% 80%;
    background-position: center;
    background-repeat: no-repeat !important;
    border-radius: 50%;
    border: 2px solid #c0c0c0;
    background-color: #ECE9E9 !important;
    padding: .25rem;
	fill: #000;
}

/* app icons are a bit smaller */
.sco_homepage_iconbar .sco_app_element a svg {
    width:6rem;
    height:6rem;
    border: 2px solid #c0c0c0;
    background-color: #FFF !important;
}

.sco_icon_element a:hover svg   {
    background-color: #FFF !important;
	border-color: #666;
}

.sco_app_element a:hover svg   {
    background-color: #FFF !important;
	border-color: #000;
}

.aligncenter svg {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear:both;
}

.alignleft svg {
	padding-bottom: 20px;
}

.alignright svg {
	float: right;
}

/*
* tweaks for Gravity Forms defaults
*/
.gfield_description p {
	font-family:  Helvetica, Arial, sans-serif !important;
	font-size: 1em;
	margin-bottom: 0em;
	text-indent: 3em;
}

.gform_wrapper ul li.gfield {
	margin-bottom: 50px;
}


/*
* Setup SVG icon styling and hovers
*/

/* "Help you Find" Icons */

/* GIS Jobs */
a:hover svg#jobs g path{	
	fill: #c5050c;
}

/* Land Ownership Maps */
a:hover svg#landownership g#house *{	
	fill: #c5050c;
}

/* Maps */
a:hover svg#maps *{	
	fill: #c5050c;
}

/* Statewide parcel data*/
a:hover svg#parcel_download g#icon path {	
	fill: #c5050c;
}

/* SCO Application Icons */

/* WHAIFinder*/
a:hover svg#airphoto g#airplane, a:hover svg#airphoto g#photo path#photoboundary{	
	fill: #c5050c;
	stroke: #c5050c;
}
a:hover svg#airphoto g#photo polyline#lines{	
	stroke: #c5050c;
}

/* Parcel Viewer */
a:hover svg#parcelmap g#parcels path {	
	stroke: #c5050c;
}

/* GeoData@Wisconsin */
a:hover svg#geodata * {
	fill: #c5050c;
	stroke: #c5050c;
}

/* LiDAR Search */
a:hover svg#lidarsearch g {	
	fill: #c5050c;
    stroke: #c5050c;
}

/* Pronounce Wisconsin */
a:hover svg#misspronouncer g#hair *, a:hover svg#misspronouncer g#body *, a:hover svg#misspronouncer g#mic * {
	fill: #c5050c;
	stroke: #c5050c;
}

/* Survey Control Finder */
a:hover svg#surveyor g {	
	fill: #c5050c;
}

/* Bearing Trees */
a:hover svg#tree g {	
	fill: #c5050c;
}

/* Bordner Coastal Explorer */
a:hover svg#greatlakes * {	
	fill: #c5050c;
}

/* AP Catalog */
a:hover svg#apcatalog * {	
	fill: #c5050c;
}

/* PLSS Locator */
a:hover svg#plss g#label text {	
	fill: #c5050c;
}
a:hover svg#plss g#label rect {	
	stroke: #ffffff;
}
a:hover svg#plss rect {	
	stroke: #c5050c;
}
a:hover svg#plss rect#selected, a:hover svg#plss path#meander{	
	fill: #c5050c;
	stroke: #c5050c;
}


/* Geography Trivia Page */
a:hover svg#trivia text{
	fill: #c5050c;
	stroke: #ffffff;
}

/* outline maps */
a:hover svg#wisconsin {
	stroke: #c5050c;
}

/* highpoints */
a:hover svg#hills path {	
	fill: #c5050c;
}

/* aerial oddities */
a:hover #airplane2 * {
	stroke: #c5050c;
}

.trivia_icon a svg {
    width:10rem;
    height:10rem;
}

/*
* Social media icons in utility menu.  Note that if the menu items change, the id's change
* and therefore the id's used below must also change.
*/
.menu-item-19693 a, .menu-item-19694 a, .menu-item-19695 a {
	background-image: url("media/twitter.svg");
	background-size: 1.4rem;
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding-left: 1.4rem !important;
	line-height: 2.2rem;
	font-size: 0 !important;
}

.menu-item-19693, .menu-item-19694, .menu-item-19695{
	padding: 0 .5rem !important;
}

.menu-item-19694 a {
	background-image: url("media/youtube.svg");
}

.menu-item-19695 a {
	background-image: url("media/linkedin.svg");
}

/*
* Position the sharing icons that are displayed on content pages. 
*/
.sco-jetpack-sharing {
	max-width: 75rem;
	padding: 1.5rem;
	margin-left: auto;
	margin-right: auto;
}

/* 
* Donate Button
*/

@media (max-width: 40em) {
.donate-btn {
    display: none;
}
}

@media (min-width: 40em) {
#donate-button {
    display: none;
}
}

.donate-btn {
    background-color: #0479A8;
    padding: .75em;
    padding-right: 0.75em;
    padding-left: 0.75em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Verlag,"Helvetica Neue",Helvetica,Arial,sans-serif;
	height: 2.9rem;
	margin: 0;
	white-space:nowrap;
	max-height:48px;
	margin-top:.7em;
}


.donate-btn:visited, .donate-btn:active {
    color: #fff;
}

.donate-btn:hover {
    color: #fff;
	background-color: #888;
}

.donate-btn-icon {
	margin-top:2px !important;
	margin-right:6px !important;
	
}

.donate-btn-mobile {
    background-color: #0479A8;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Verlag,"Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 100%;
	display: block;
	font-size:1rem;
	padding: 1rem;
	line-height: 1.4
}

.donate-btn-mobile:hover {
    color: #fff;
	background-color: #888;
}

.posts-data-table tr.odd td {
background-color: #f9f9f9; 
}
.posts-data-table tr.even td {
background-color: #fff;
}