@charset "UTF-8";
/* CSS Document */

/*
Theme Name: WebCommons
Theme URI: http://localhost:88/wordpress
Description: WebCommons theme, based on Debut
Author: mountsinai
Author URI: http://localhost:88/wordpress
Template: debut
*/

@import url("../debut/style.css");

html { font-size: 10px; }

body { border-color: #00aeef; }
a:not(:link) { color: #000; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: bold; }
a, a:visited { color: #00aeef; }
b, strong { font-weight: bold; }

aside { border-bottom:1px solid #ddd;} /* Adds line between each right column widget*/
#tertiary aside { border:none; }
#secondary { border-left:1px solid #ddd;}
#primary { margin-top:-20px; }
#masthead hgroup, #primary { width: 64%; float: left; }

/* HEADER STYLES */
#masthead { padding-top: .9em; position: relative; }
.ismms-logo { margin-bottom: 0px; padding-bottom: 0; *padding-left: 10px; }
.title-line { margin: 0 -30% 0 1.5%; font-family: Georgia, "Lucida Bright", serif; font-style: italic; }
.title-line a { color: #666; }
.site-title, .site-description { display: inline; }
.site-description::before { content: '— '; }
.site-description:empty { display: none; }

.parent-site { font-weight: 600; letter-spacing: 0; margin-left: 110px; font-size: 24px; }
.parent-site a { color: #bbb; }
masthead.site-header {margin-bottom:0px; padding-bottom:0;}
#search { text-align: right; }
#sociallinks { display: inline-block; width:100px; }
#searchbox { display: inline-block; width:180px; }
#toplinks { font-size: 14px; font-weight:normal; color:#999798; text-align:right; margin-bottom:15px; letter-spacing: 0; }

/* MAIN NAVIGATION STYLES */
.main-navigation .menu {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: 700;
	position: relative;
	z-index: 1;
	*margin-top:1em; 
}
.main-navigation a, .main-navigation a:visited {
	display: block;
	font-size: 14px;
	font-size: 1.2rem;
	padding: .5em 2.7em;
	font-weight:bold;
	text-decoration: none;
	white-space: nowrap;
	color:#000;
	line-height:25px;
        text-transform: none; 
}

.main-navigation .menu li { border-right: 1px solid #ddd;}
.main-navigation .menu-item-parent:hover,
.main-navigation .sub-menu a {
	background-color: #ddd;
}
.main-navigation ul ul { top: 2.2em; }

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .sub-menu a:hover,
.main-navigation .children a:hover,
.debut-lang:hover {
	background-color: #00aeef;
	color: #fff;
}

/* FORMAT & FONT STYLES */

/* Main heading of individual articles, non-linked headings */

h1.entry-title {padding-top:15px; font-family: Helvetica, Arial, sans-serif; font-weight:normal; color:#666}

.entry-meta,
.debut-credit {
	color: #aaa;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	text-transform: none;
	margin-top:15px;
}

#main {
        margin-top: 1.5em; /* navigation bar already has margin-bottom */
}

/* NINJA FORMS */

.ninja-forms-error-msg {
	background-color: #FEE;
	color: red;
	margin-bottom: 1em;
	font-weight: bold;
}
.ninja-forms-error {
	background-color: #FEE;
}
.ninja-forms-field-error {
	color: red;
	font-weight: bold;
}

.ninja-forms-required-items {
   	margin-bottom: 1em;
   	font-style: italic;
	color: #777;
}
.ninja-forms-required-items strong {
	font-style: normal;
	color: red;
}

/* SIMPLE USER LIST */
/* This helps simplify display of the users associated with a site, displayed */
/* by default in the right-hand sidebar of each page. */

.author-search { display: none; }
.author-block br { display: none; }
#user-1 { display: none; }
.author-block + nav > p { display: none; }
.author-block + nav { margin-bottom: 1em; }

/* ################### Right side widget  CSS########################## */

/*LINK STYLES */
#toplinks a { color: #999798; }
.site-footer  a { font-weight: 400; }
.site-footer  a:visited { font-weight: 400; }

h2.site-description {
font-size: 20px;
font-weight: normal;
color: #666;
*padding-left:10px; 
}

#masthead, .main-navigation, .hentry, .widget {
margin-bottom: 1.5em;
}

.site-title a.blogname {
font-size: 20px;
color: #222 !important;
font-weight: bold;
letter-spacing: 0;
}

.submit.searchsubmit {*width:60px;}

/* GOOGLE CALENDAR EVENTS PLUGIN */
.gce-list-title {
  padding-top: 10px;
}

/* MOBILE STYLE ADDITIONS */

@media screen and ( max-width: 680px ) {
	#secondary { border-left: none; }
	#primary { width: 100%; }
        #toplinks { margin-bottom: 0; }
        #masthead { margin-bottom: 0; }
	.main-navigation a { padding: .5em 1.4em; font-size: 11px; font-size: 1.1rem; }
        .site-description { white-space: nowrap; }
}

@media screen and (max-width:520px) and (orientation:landscape) {
        .site-title {border-top: 1px solid #ddd; padding-top:15px;}
}

@media screen and ( max-width: 468px ) {
	.title-line .blogname, .title-line .site-description { font-size: 14px; }
        .site-description { display: block; }
        .site-description::before { content: ''; }
	#sociallinks { float: right; width: 100px; margin-top: -5px; }
	#secondary { border-left: none; }
	.site-title { border-top: none; padding-top:15px; }
	.site-navigation { margin-bottom: 0; padding-bottom: 1em; border-bottom: 1px #ddd solid; }
        .menu-button {
           background-color: #00aeef;
           color: #fff;
           font-weight: bold;
           font-size: 150%;
           text-transform: uppercase
        }
}