/*
Theme Name:  CBDC
Template:    twentytwelve
Description: Theme for the Chicago Barn Dance Company

This theme, like WordPress, is licensed under the GPL.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

*/
@import url("../twentytwelve/style.css");
@import url("https://fonts.googleapis.com/css2?family=Cabin&family=La+Belle+Aurore&family=Buenard&display=swap");
body {
	/* use Buenard instead of Open Sans */
	font-family: Buenard, "New York", serif;
	font-size: 1.2em;
}

body .site {
	/* round the corners of the page */
	border-radius: 2em 2em 2em 2em/1.5em 1.5em 1.5em 1.5em;
}

/* round out edges to drop-down menus */
.main-navigation li ul li:first-child a {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* round out edges to drop-down menus */
.main-navigation li ul li:last-child a {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* cut back on some of the padding */
.site-header {
	padding-bottom: 0px;
}

/* resize banner header */
.site-header h1 a {
	font-family: "La Belle Aurore", "New York", serif;
	font-size: 3.6rem;
}

/* resize banner description */
.site-header h2 {
	font-size: 1.5rem;
}

/* resize page title */
.entry-header .entry-title {
	font-size: 2rem;
}

.site-content article {
	border-bottom: 0px none;
}

@media screen and (min-width: 960px) {
	body .site {
		margin-top: 1.71429rem; /* trim back the top margin */
		margin-bottom: 1.71429rem; /* trim back the bottom margin */
	}
}

/* don't display the all-day badge */
.ai1ec-allday-badge {
	visibility: hidden;
	position: absolute;
}