/*
This section only applies to the Desktop site and browsers set to 768px or wider.
 */

 @media screen and (min-width: 768px) {
/*
.has-header-search .site-branding,
	.site-branding { 	content:url(https://s20383.p20.sites.pressdns.com/wp-content/uploads/2017/02/Chicago-Coalition-for-the-Homeless_white1.png);
margin: 5px;
height: 100px;
}
*/

/* Changes the social media bar color */

.navigation-classic .secondary-navigation {
		font-size: 30px;
		background: #3F66A5;
}



/* Changes the color of Donate in the menu */

.menu-item-5610 {
		color: yellow;
}

/* Changes the primary nav font size. */

.primary-navigation .menu-primary > ul {
		font-size: 15px; 
}

/* Wraps the text on the hero. */

.hero .entry-content {
		margin-right: 400px; 
}

/* Changes color of Hero Donate Button */

.hero a.button-minimal {
		color: yellow;
}

/* Changes primary nav color. */

.navigation-classic .primary-navigation {
		color: white; }

}

/* Changes hero image height */

.hero.with-featured-image {
		max-height: 550px;
}

/* Increases homepage widget title font and padding */

.widget-title {
		
		padding-top: 45px;
		font-size: 1.15em;
}

/*Increases top margin of paragraph text */

p {
		margin-top: 10px;
}

/* Removes extra whitespace from page title */

.hero {
		padding: 30px 0;
		margin-bottom: -60px;
}


/*
This section applies to both the Desktop and the Mobile site.
*/

/* Sets the header background to an image of your choosing. */

.site-header {
 		background-image: url("https://www.chicagohomeless.org/wp-content/uploads/2017/04/Site_Background_Compressed.jpg");
}

.widget-title {
		text-transform: capitalize;
}

/* Determines how site title displays */

.site-title {
		text-transform: capitalize;
		color: white;
		font-weight: normal;
		font-size: 44px; 
}

/*CiTTA: hide author name display in posts :2018-3-26*/
.single .byline, .group-blog .byline {
  display: none;
}
/*CiTTA: hide old social icon  display in top meta nav :2018-3-29*/
ul[id^="menu-social"] a[href*="codepen.io"]:before, ul[id^="menu-social"] a[href*="digg.com"]:before, ul[id^="menu-social"] a[href*="dribbble.com"]:before, ul[id^="menu-social"] a[href*="dropbox.com"]:before, ul[id^="menu-social"] a[href*="mailto:"]:before, ul[id^="menu-social"] a[href*="facebook.com"]:before, ul[id^="menu-social"] a[href*="flickr.com"]:before, ul[id^="menu-social"] a[href*="foursquare.com"]:before, ul[id^="menu-social"] a[href*="github.com"]:before, ul[id^="menu-social"] a[href*="plus.google.com"]:before, ul[id^="menu-social"] a[href*="instagram.com"]:before, ul[id^="menu-social"] a[href*="linkedin.com"]:before, ul[id^="menu-social"] a[href*="path.com"]:before, ul[id^="menu-social"] a[href*="pinterest.com"]:before, ul[id^="menu-social"] a[href*="getpocket.com"]:before, ul[id^="menu-social"] a[href*="polldaddy.com"]:before, ul[id^="menu-social"] a[href*="reddit.com"]:before, ul[id^="menu-social"] a[href*="spotify.com"]:before, ul[id^="menu-social"] a[href*="stumbleupon.com"]:before, ul[id^="menu-social"] a[href*="tumblr.com"]:before, ul[id^="menu-social"] a[href*="twitch.tv"]:before, ul[id^="menu-social"] a[href*="twitter.com"]:before, ul[id^="menu-social"] a[href*="vimeo.com"]:before, ul[id^="menu-social"] a[href*="wordpress.com"]:before, ul[id^="menu-social"] a[href*="wordpress.org"]:before, ul[id^="menu-social"] a[href*="youtube.com"]:before, ul[id^="menu-social"] a[href*='/feed']:before, ul[id^="menu-social"] a[href*='skype']:before {
    display:none;
}
ul[id^="menu-social"] a[href*="codepen.io"], ul[id^="menu-social"] a[href*="digg.com"], ul[id^="menu-social"] a[href*="dribbble.com"], ul[id^="menu-social"] a[href*="dropbox.com"], ul[id^="menu-social"] a[href*="mailto:"], ul[id^="menu-social"] a[href*="facebook.com"], ul[id^="menu-social"] a[href*="flickr.com"], ul[id^="menu-social"] a[href*="foursquare.com"], ul[id^="menu-social"] a[href*="github.com"], ul[id^="menu-social"] a[href*="plus.google.com"], ul[id^="menu-social"] a[href*="instagram.com"], ul[id^="menu-social"] a[href*="linkedin.com"], ul[id^="menu-social"] a[href*="path.com"], ul[id^="menu-social"] a[href*="pinterest.com"], ul[id^="menu-social"] a[href*="getpocket.com"], ul[id^="menu-social"] a[href*="polldaddy.com"], ul[id^="menu-social"] a[href*="reddit.com"], ul[id^="menu-social"] a[href*="spotify.com"], ul[id^="menu-social"] a[href*="stumbleupon.com"], ul[id^="menu-social"] a[href*="tumblr.com"], ul[id^="menu-social"] a[href*="twitch.tv"], ul[id^="menu-social"] a[href*="twitter.com"], ul[id^="menu-social"] a[href*="vimeo.com"], ul[id^="menu-social"] a[href*="wordpress.com"], ul[id^="menu-social"] a[href*="wordpress.org"], ul[id^="menu-social"] a[href*="youtube.com"], ul[id^="menu-social"] a[href*='/feed'], ul[id^="menu-social"] a[href*='skype'] {
    width: 1.7em;
	overflow:visible;
}