/* site-wide and header stuff */
/* Color scheme used:
	green: #026A37
	gold: #F1C105
	grey: #D6D7D9
	almost-black: #333
*/
.site-header .wrap {
	padding: 3px 10px !important;
}
.site-header {
	border-top: 5px #f1c105 solid;
	height: 91px !important;
}

.site-container {
	border-top: 15px #026A37 solid;
	padding-top: 3px;
}
.site-header .title-area {
	margin-top: -23px;
	width: 281px;
}
.site-header .site-title > a {
	width: 281px !important;
	height: 91px !important;
}
.header-widget-area {
	float: right;
	padding-top: calc( 23px * 0.4 );
	text-align: center !important;
	width: auto !important;	
}
.site-header .site-title,
#homeof h3 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: bold;
	font-family: "Roboto Condensed", sans-serif !important;
	color: #026a37;
}
.site-header .site-description,
#homeof p {
	font-weight: normal;
	color: #026a37;
	font-size: 14px;
	font-family: "Roboto Condensed", sans-serif !important;
	line-height: 12px;
}
.sponsors-slideshow {
	font-family: "Roboto Condensed", sans-serif !important;
	text-align: center;
}
#menu-nashoba-robotics-menu {
	margin-top: -23px;
	font-size: 16px;
}
.site-header .genesis-nav-menu > li > a {
	line-height: 40px !important;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px; 
}
.site-header .genesis-nav-menu .current-menu-item > a {
	color: #D6D7D9 !important;
	-webkit-box-shadow: 0px -6px 11px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -6px 11px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -6px 11px 0px rgba(0,0,0,0.75);
}
.genesis-nav-menu .sub-menu .menu-item {
	text-align: center;
}

/* Adding CSS setup for responsive hamburger menu, but this is default for larger displays */
.nav-header {
	clear: both;
}
.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}

#sponsorship-wrapper {
	padding-top: 30px;
	margin-bottom: -80px;
	text-align: center;
	color: white;
}
#sponsorship-wrapper h3 {
	font-weight: bold !important;
	font-family: "Roboto Condensed", sans-serif !important;
	color: white !important;
	margin-top: 10px;
}
#sponsor-clicks-wrapper {
	padding: 0;
	text-align: center;
	margin: 0 auto;
	z-index: 20;
	position: relative;
}
.sponsor-boxleft,
.sponsor-boxright {
	display: inline-block;
   	vertical-align:top;
	max-width: 181px;
	margin: 0 auto;
	padding: 0;
}
#sponsor-us-link {
	background-image: url('../../uploads/2016/12/sponsorship-button.png');
	display: inline-block;
	width: 132px;
	height: 81px;
	margin-left: 20px;
}
#sponsor-via-amazonsmile {
	background-image: url('../../uploads/2016/12/amazon-smile-logo.jpg');
	display: inline-block;
	width: 181px;
	height: 69px;
}

/* -------------------------------------- */
/* end of fixed header area customization */
/* -------------------------------------- */
.site-inner {
	/* this div starts below the PAYPAL button */
	/* padding-top is controlled via Customize: 
		Content Settings -> Inner Content Top Padding
		!!! Customize Setting is zero-ed out so it is all controlled here now !!!
	*/
	border-top: solid 5px #F1C105;
	padding: 80px 20px !important;
	max-width: 3000px !important;
}
.robotics-content {
	/* this div is added with Genesis Simple Hooks plugin; demarks area of content
		div starts in hook: genesis_before_entry
		div is closed in hook: genesis_after_entry 
	*/
}
.search .content,
.error404 .entry-content,
.archive .robotics-content,
.single .robotics-content,
.blog .robotics-content,
.robotics-bb-content {
	background: #D6D7D9;
	padding: 10px;
}
.frontpage-posts-continuation {
	margin-top: 20px;
	width: 100%;
	padding: 0 20px;
}
.frontpage-continuation-left {
	width: 25%;
	float: left;
	margin-right: 10px;
}
.frontpage-posts-continuation .frontpage-continuation-right ul li a,
.frontpage-posts-continuation .frontpage-continuation-left h3 {
	font-size: inherit;
}
.frontpage-continuation-right {
	float: left;
	border-left: solid white 2px;
	margin-left: 20px;
}
.frontpage-posts-continuation h3 a {
	vertical-align: center;
	font-variant: small-caps;
}
.frontpage-posts-continuation ul li {
	list-style-position: inside;
	list-style-type: none;
}
.content-sidebar .content-sidebar-wrap {
	width: auto;
}
.sidebar-primary-bb,
.content-sidebar .sidebar-primary {
	width: 20%;
	padding-left: 20px; /* to offset site-inner padding that gives whitespace to the right side */
}
.content-sidebar .content {
	width: 80%;
}
.robotics-featured-image,
.robotics-page-links,
.archive .robotics-content-inner,
.single .robotics-content-inner,
.blog .robotics-content-inner,
.robotics-page-content {
	position: relative;
	z-index: 10;
	-webkit-box-shadow: 0px 2px 21px 7px rgba(0,0,0,1);
	-moz-box-shadow: 0px 2px 21px 7px rgba(0,0,0,1);
	box-shadow: 0px 2px 21px 7px rgba(0,0,0,1);
	background: #D6D7D9;
	padding: 10px;
}
.robotics-page-links .entry {
	padding: initial;
	margin: initial;
	border: initial;
}
.robotics-page-links .entry .aligncenter {
	margin: initial;
}
.robotics-featured-image {
	background: white;
	margin: 20px;
}
.featured-content .entry,
.display-posts-listing .content {
	padding-bottom: 24px;
	margin-bottom: 20px;
	border-bottom-color: white;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	-webkit-box-shadow:0 4px 4px -4px gray;
	box-shadow:0 4px 4px -4px gray;
}
.frontpage-posts,
.archive-description {
	background: #d5d6d8 !important;
	margin: 0;
	padding: 20px 0;
	text-align: center;
}
.frontpage-posts {
	color: white;
}
.frontpage-posts a {
	font-weight: bold;
	font-variation: small-caps;
}
.sidebar-primary-bb .widget,
.sidebar-primary-bb .fl-html,
.sidebar-primary .widget {
	padding-bottom: 24px !important;
	margin-bottom: 20px;
	border-bottom-color: white;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-family: Arial !important;
}
.sidebar-widget-background-white {
	background: white;
	padding: 0 10px;
}
.nashobarobotics-contact-form {
	font-family: Arial;
	border: solid 2px white;
	margin: 30px 100px;
	padding: 20px;
}
.page h1.entry-title {
	/* This removes the blank space above the main page content panel */
	display: none;
}
.display-posts-listing .title,
.robotics-page-links .entry-title,
.post .entry-title {
	/* covers post title on front page */
	/* covers post title on regular blog page */
	/* covers post title on month archive page */
	/* does not cover title on a single post */
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 0;
	line-height: normal;
}
.robotics-page-links .entry-title {
	text-align: center;
}
.display-posts-listing .title:hover,
.robotics-page-links .entry-title a:hover,
.post .entry-title a:hover {
	color: darkgrey;
}
.single h1.entry-title {
	display: inline-block;
	margin: 0 20px;
	color: #026a37;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
}
.single .entry-meta {
	text-align: right;
}
.archive-description h1,
.frontpage-posts-continuation h3,
.single .entry-header,
.competition-year-section h3,
.robotics-bb-content .widgettitle,
.robotics-page-content .widgettitle,
.featured-content .widgettitle {
	color: #026a37;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d5d6d8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#d5d6d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ffffff 0%,#d5d6d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d6d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-bottom: 20px;
}
.robotics-page-content .entry-content a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	color: #026a37;
	text-decoration: underline;
	display: block-inline;
}
.robotics-content-inner .entry-content .news-feed a {
	font-family: Impact, Charcoal, sans-serif;
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
.robotics-page-content .entry-content a:hover,
.robotics-content-inner .entry-content .news-feed a:hover {
	color: darkgrey;
}
.archive-lookback {
	margin: 0;
	border: double 8px white;
	padding: 20px;
	display: inline-block;
}
.archive-lookback a {
	font-variant: small-caps;
	font-weight: bold;
}
.archive-title,
.sidebar-primary-bb .widgettitle,
.sidebar-primary .widgettitle {
	color: white;
	text-align: center;
	font-size: 30px; /* 3rem; */ 
}
.display_posts_shortcode_formatted_date {
	font-size: 16px;
	line-height: 26px;
   	display: block;
   	padding: 0;
	margin: 0;
	margin-bottom: 24px;
}
.post_content iframe {
	display: block;
	margin: 0 auto;
}

/* Add media queries for responsive behavior */


@media only screen and (max-width: 960px) {

	/* change the amount of space reserved for the logo
	   so that header right widget can slide over */
	.site-header .title-area {
		margin-top: calc( -23px * 0.7 );
		width: calc( 281px * 0.7 ) !important;
	}
	.site-header .site-title > a {
		width: calc( 281px * 0.7 ) !important;
		height: calc( 91px * 0.7 ) !important;
	}
	.header-widget-area {
		padding-top: calc( (23px * 0.4) * 0.7 );
	}
	.site-header .site-title,
	#homeof h3 {
		font-size: 20px;
	}
	#menu-nashoba-robotics-menu {
		font-size: 14px;
	}
	.robotics-page-content h2,
	.archive-title,
	.sidebar-primary-bb .widgettitle,
	.sidebar-primary .widgettitle {
		font-size: 24px !important;
	}
	.robotics-page-content h3 {
		font-size: 20px !important;
}
@media only screen and (max-width: 800px) {
	.site-header {
		height: calc( 91px * 0.7 * 2 ) !important;
	}
	.site-header .title-area,
	.site-header .site-title {
    		width: 100% !important;
		height: calc( 91px * 0.7 );
	}
 	.site-header .site-title > a {
		display: block;
		margin: 0 auto !important;
		float: none !important;
	}
	.header-widget-area {
		width: 100%;
		float: none !important;
		padding-top: 12px !important;
		clear: both;
	}
	.site-header .site-title,
	#homeof h3 {
		font-size: 18px;
	}
	#menu-nashoba-robotics-menu,
	.site-header .site-description {
		font-size: 13px;
	}
	.site-header .genesis-nav-menu > li > a {
		line-height: 26px !important;
	}
}

/* make sidebar move down below main content on smaller screens */
@media only screen and (max-width: 769px) {
	.content-sidebar .content {
		width: 100% !important;
		clear: both;
	}
	.sidebar-primary-bb,
	.content-sidebar .sidebar-primary {
		float: none;
		width: auto;
		max-width: 400px;
		margin: 0 auto;
		padding: 20px 0;
		clear: both;
	}
}

/* Navigation toggles - Ensure Menu Displays when Scaled Back Up after a hamburger menu
--------------------------------------------- */
@media only screen and (min-width: 546px) { 
	.nav-header {
		display: block !important;
	} 
}

@media only screen and (max-width: 545px) {
	.site-header .site-title > a {
		width: calc( 281px * 0.4 );
		height: calc( 91px * 0.4 );
	}
	.site-header {
		height: calc( (91px * 0.7 * 2) + 60px ) !important;
	}
	.site-header .site-title,
	#homeof h3 {
		font-size: 16px;
		line-height: 20px;
	}
	#homeof p {
		line-height: 16px;
		margin-bottom: 0;
	}
	.header-widget-area {
		max-width: calc( 281px );
		display: block;
		float: none;
		margin: 0 auto;
	}
	.robotics-page-content h2,
	.archive-title,
	.sidebar-primary-bb .widgettitle,
	.sidebar-primary .widgettitle {
		font-size: 20px !important;
	}
	.robotics-page-content h3 {
		font-size: 18px !important;
	}
}