/* Homebrew specific styles */
/* make sure to enqueue the style in functions.php */

/* IMPORT GOOGLE FONTS.css */
@import url('https://fonts.googleapis.com/css2?family=Ultra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Suez+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;500;900&display=swap');


:root { 
	/* Homebrew Colors */
	--med-grey: #888;



}


/* COMMON.css HTML ELEMENTS */

html {
	background-image: url("../images/homebrew/bg-tile.jpg");
	background-color: var(--dark_grey);
	color: var(--text_grey);
	font-family: 'Roboto Slab';
  font-weight: 300;
}

/* HEADER.css */

#header {
	background-image: url("../images/homebrew/bg-header-dark.jpg");
	background-color: var(--med_maroon);
}

#header-title {
	/* Logo Image for the site/subsite */
  text-align: center;
	max-height: 200px;
  content:url('../images/homebrew/header-url-2015.png');
}

/* WIDGETS.css */

.sidebar .widget,
.tribe-common .tribe-events-widget {
	background-image: url('../images/homebrew/bg-tile-dark.jpg');
	overflow: hidden;
}