/*
 Theme Name:     twentyfourteen Child Theme
 Theme URI:      http://www.Rowecenter.org/
 Description:    twentyfourteen Child Theme
 Author:         David Dvore
 Author URI:     http://www.Rowecenter.com
 Template:       twentyfourteen
 Version:        1.0.0
*/
 
@import url("../twentyfourteen/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
@font-face { font-family: 'Cantoria'; font-style: normal; font-weight: normal; src: local('Cantoria'), url('../../fonts/CantoriaMTStd.otf') format('opentype'); }
@font-face { font-family: 'Cantoria'; font-style: normal; font-weight: lighter; src: local('Cantoria'), url('../../fonts/CantoriaMTStd-Light.otf') format('opentype'); }
@font-face { font-family: 'Cantoria'; font-style: normal; font-weight: bold; src: local('Cantoria'), url('../../fonts/CantoriaMTStd-SemiBold.otf') format('opentype'); }
@font-face { font-family: 'Cantoria'; font-style: italic; font-weight: normal; src: local('Cantoria'), url('../../fonts/CantoriaMTStd-italic.otf') format('opentype'); }

@font-face { font-family: 'Berkeley'; font-style: normal; font-weight: normal; src: local('Berkeley'), url('../../fonts/BerkeleyStd-Medium.otf') format('opentype'); }
@font-face { font-family: 'Berkeley'; font-style: normal; font-weight: bold; src: local('Berkeley'), url('../../fonts/BerkeleyStd-Bold.otf') format('opentype'); }
@font-face { font-family: 'Berkeley'; font-style: italic; font-weight: normal; src: local('Berkeley'), url('../../fonts/BerkeleyStd-Italic.otf') format('opentype'); }
@font-face { font-family: 'Berkeley'; font-style: italic; font-weight: bold; src: local('Berkeley'), url('../../fonts/BerkeleyStd-BoldItalic.otf') format('opentype'); }

@font-face { font-family: 'TypeEmbOnePla'; font-style: normal; font-weight: normal; src: local('TypeEmbOnePla'), url('../../fonts/TypeEmbOnePla.ttf') format('truetype'); }

@font-face { font-family: 'ZapfDingbats'; font-style: normal; font-weight: normal; src: local('ZapfDingbats'), url('../../fonts/ZapfDingbats.ttf') format('truetype'); }


html,page,body {
	font-family: Helvetica, Arial, sans-serif;

}
h1, h2, h3, h4, h5, h6 {
		font-weight:bold!important;
}
h3 { clear: none; }

.site::before,.site-footer,.site-header,#secondary,.site-header {
		background: #CB0101;
}
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
	max-width: none;
}
.entry-title {
	text-align: center;
	text-transform: none;
	display: none!important;
}
h1.entry-title, .entry-title a{
	display: block;
	padding-bottom: 10px;
	padding-top: 16px;
/*	background: rgba(132, 176, 255, 0.49); */
}
h1.entry-title, .entry-title a,
.csl-event-archive h1, .csl-event-summary h2, .csl-event-dates strong {
	color: #CB0101;
}
p {
	margin-bottom: 16px;
	}
.content-area, .content-sidebar, .masthead-fixed .site-main, .masthead-fixed .site-main {
	padding-top: 12px;
	}
.masthead-fixed .site-main {
margin-top: 12px;
}	
.full-width .site-content blockquote.alignleft, .full-width .site-content img.size-full.alignleft, .full-width .site-content img.size-large.alignleft, .full-width .site-content img.size-medium.alignleft, .full-width .site-content .wp-caption.alignleft,
.full-width .site-content blockquote.alignright, .full-width .site-content img.size-full.alignright, .full-width .site-content img.size-large.alignright, .full-width .site-content img.size-medium.alignright, .full-width .site-content .wp-caption.alignright
 {
	margin:0px;
	}
figure, figcaption {
	display:inline-block;
	}
.clearboth {
	clear:both;
	}
#content, .site, .site-content .entry-header, .site-content .entry-content, div#primary.content-area{
	background: #fffdcd;
}
.page-id-6 #content, .page-id-6 .site, .page-id-6 .site-content .entry-header, .page-id-6 .site-content .entry-content,.page-id-6  div#primary.content-area{
	background: #fffdcd;
}

.site-description, .primary-sidebar {
	color:white;
	}
.footer-sidebar .widget {
	width: 100%;
	text-align: center;
}
.primary-sidebar a:hover, site-navigation a:hover, 
.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, 
.site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
color:#ff0; 
}
.primary-sidebar table.em-calendar td.eventful a, .primary-sidebar table.em-calendar td.eventful-today a {
	color: #e0fd42; 
	font-weight: bold;
}
.primary-navigation li:hover > a, .primary-navigation li.focus > a {
background-color: transparent;
color: #ff0;
}
.em-map-balloon-content p { /* eliminate blank space in map balloon */
	margin-bottom: 0px;
	}

/* Keep configured map dimensions within the available content width. */
.entry-content .em-location-map-container {
	max-width: 100%;
}

/* Saved single event/location formats add a separate map positioning wrapper. */
.single-location .entry-content div:has(> .em-location-map-container),
.single-event .entry-content div:has(> .em-location-map-container) {
	max-width: calc(100% - 15px);
}

@media screen and (max-width: 782px) {
	.single-location .entry-content div:has(> .em-location-map-container),
	.single-event .entry-content div:has(> .em-location-map-container) {
		/* Stack maps above the details, overriding the saved inline layout. */
		position: static !important;
		float: none !important;
		margin-left: 0 !important;
		max-width: 100% !important;
	}
}
	
/* Keep the mobile menu label beside the hamburger icon. */
@media screen and (max-width: 782px) {
	.primary-navigation .menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100px;
		padding: 0 12px;
		font-size: 14px;
		line-height: 1;
		text-transform: none;
	}

	.primary-navigation .menu-toggle:before {
		padding: 0;
	}

	.site-title {
		/* Allow room for the wider menu button and the search button. */
		max-width: calc(100% - 138px);
	}
}

/* style forms */
table.em-tickets {
	width:50%;
}
.em-booking-form-details { width:auto; }
.em-booking-form label { width: 150px; }
.input-radio label, .input-checkbox label {
	display:inline-block;
	width: auto;
	text-align: left;
}
.em-booking-form span.input-group {
	margin-left: 10px;
	display:inline-block;
	width: auto;
}
.em-booking-form span.input-group input {
		margin-left:20px; }
/*
.em-booking-form .input-radio.input-field-3_yr_experience span.input-group  {text-align: center;}
.em-booking-form .input-radio.input-field-commercial_code_book span.input-group  {text-align: center;}
.em-booking-form .input-radio.input-field-residential_code_book span.input-group  {text-align: center;}
.em-booking-form .input-radio.input-field-architectural_access_code_book span.input-group  {text-align: center;}
.em-booking-form .input-radio.input-field-iecc_energy_code_book span.input-group  {text-align: center;}
.em-booking-form .input-radio.input-field-contractor_success_guarantee.input-group  {text-align: center;}
*/
.input-radio.input-field-3_yr_experience br {display:none;}
.input-radio.input-field-commercial_code_book br {display:none;}
.input-radio.input-field-residential_code_book br {display:none;}
.input-radio.input-field-architectural_access_code_book br {display:none;}
.input-radio.input-field-iecc_energy_code_book br {display:none;}
.input-radio.input-field-contractor_success_guarantee br {display:none;}

#hidden-fields {
	display:none;
	}
/* hide payment gateway option that is automatically selected by js */
p#em-booking-gateway.em-booking-gateway {
	display:none;
}
body#printable table#bookings-table {
	width:auto; !important
	border-spacing: 5px;
}

@media print {
    #print {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}

/* Event archives inherit the theme's backgrounds, type and link styles. */
/* The homepage editor's schedule has a title row, column labels, then courses.
 * Keep these overrides inside its existing block; other tables keep their layout.
 */
@media screen and (max-width: 782px) {
	.home #cst-schedule > table,
	.home #cst-schedule > table > tbody {
		display: block;
		width: 100%;
	}

	.home #cst-schedule > table > tbody > tr {
		display: block;
	}

	.home #cst-schedule > table > tbody > tr > td {
		display: block;
		box-sizing: border-box;
		width: 100% !important; /* Override editor-generated inline column widths. */
		border: 0;
		padding: 6px 0;
		overflow-wrap: anywhere;
	}

	.home #cst-schedule > table h1 {
		font-size: 25px;
		line-height: 1.3;
	}

	.home #cst-schedule > table h5 {
		margin: 0;
		font-size: 16px;
		line-height: 1.5;
	}

	/* Each course supplies its own labels below. Drop the empty spacer row too. */
	.home #cst-schedule > table > tbody > tr:nth-child(2),
	.home #cst-schedule > table > tbody > tr:nth-child(n+3):not(:has(h5)) {
		display: none;
	}

	.home #cst-schedule > table > tbody > tr:nth-child(n+3):has(h5) {
		margin: 16px 0;
		padding: 14px;
		border: 1px solid #555;
		border-radius: 8px;
		background: #171717;
	}

	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:first-child h5 {
		font-size: 20px;
	}

	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:nth-child(n+2):nth-child(-n+4) {
		display: grid;
		grid-template-columns: 60px minmax(0, 1fr);
		gap: 8px;
	}

	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td::before {
		color: #ffff00;
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
	}

	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:nth-child(2)::before { content: "Day"; }
	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:nth-child(3)::before { content: "Date"; }
	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:nth-child(4)::before { content: "Time"; }

	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:last-child h5 {
		margin-top: 6px;
		border-radius: 4px;
		background: #00ff00;
		text-align: center;
	}

	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:last-child a {
		display: inline-block;
		min-height: 44px;
		box-sizing: border-box;
		padding: 10px 0;
		font-weight: bold;
	}

	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:last-child a,
	.home #cst-schedule > table > tbody > tr:nth-child(n+3) > td:last-child a span {
		color: #111 !important; /* Override the editor's green link text. */
	}

	.home #cst-schedule > table a:focus-visible {
		outline: 3px solid #fff;
		outline-offset: 3px;
	}
}

.csl-event-archive .page-header {
	max-width: none;
	margin-bottom: 24px;
}
.csl-event-archive > .entry-content {
	padding-top: 0;
}
.csl-event-archive .page-header h1 {
	font-size: 26px;
	margin: 0 0 10px;
}
.csl-event-archive .page-header p {
	margin-bottom: 8px;
}
.csl-event-results {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid;
}
.csl-event-summary {
	display: flex;
	gap: 24px;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.csl-event-dates {
	flex: 0 0 150px;
	border-right: 1px solid rgba(0, 0, 0, .1);
	padding-right: 20px;
}
.csl-event-dates strong, .csl-event-dates span {
	display: block;
}
.csl-event-dates strong, .csl-event-details h2 {
	font-size: 20px;
}
.csl-event-details {
	min-width: 0;
	overflow-wrap: anywhere;
}
.csl-event-details h2 {
	margin: 0 0 4px;
}
.csl-event-details p {
	margin-bottom: 6px;
}
@media screen and (max-width: 600px) {
	.csl-event-summary {
		flex-direction: column;
		gap: 12px;
	}
	.csl-event-dates {
		flex-basis: auto;
		border-right: 0;
		padding-right: 0;
	}
}
