/*-------------------------------------------------------------------------------*/
/* responsive site css                                                           */
/*                                                                               */
/* This is an example of CSS that will make a SharePoint Site responsive         */
/* This should only be used for example purposes and is not a completed solution */
/* for making SharePoint support responsive design                               */
/*-------------------------------------------------------------------------------*/

.mdd-menu { font-size: 13px; padding: 0; }
.title-main { margin-top:10px; }

.mdd-menu li .mdd-menuTitle { font-size: 1em; }
.mdd-drop h1, .mdd-drop h2, .mdd-drop h3 { line-height: 1em; }
.mdd-menuTitle  { display: block; color: #555;  padding: 0px 0px; text-decoration: none; margin: 0px; border: 0; height: 45px; margin-top: 5px; }
.mdd-menuItemInEdit .ms-navedit-editSpanMDD { border:solid 1px red;display: inline-block; margin-top : 8px; }
.nav a.mdd-linkItem:link, .nav a.mdd-linkItem:visited { color: #555; }

.current a.mdd-menuLink:link, .current a.mdd-menuLink:visited { color: #555; }
a.mdd-menuLink:link, a.mdd-menuLink:visited { color: #555; }
.mdd-menuItemInEdit { vertical-align: middle; }

#ms-designer-ribbon{ box-sizing: content-box; }
#sideNavBox { display: block;  }
.searchbox, #searchInputBox { float: right; padding-left: 8px; }

#siteLogo { margin-left: 0; float: left; }
#siteTitle { float:left; margin-left: 15px; }
#siteTitle h1 { margin: 0; }

.container.main { padding: 0; }
/* #s4-bodyContainer { padding: 0 5px 0 5px; } */

.navigation.belltown {  margin-left: 5%; margin-right: 5%; }
*, *:before, *:after { -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; box-sizing: content-box; }



@media (min-width: 768px){
	.navbar {min-height:24px!important;background-color:#336699!important;width:100%;padding:2px!important;margin-bottom:0px!important;border-radius:0!important;}
	.mdd-menuTitle {border: solid 0px red;height:24px!important;margin-top:1px!important;}
}


@media (max-width: 768px) {	
	.navbar {background-color: #336699!important;}
	.mdd-menu {display:block!important;background-color:#f8f8f8!important;border: solid 1px white!important;}
	.in.in.mdd-rr.mdd-menubar {overflow:visible!important;border:solid 0px white!important;}
		
	#contentBox { min-width: inherit; margin-left: 0; }
	#contentRow { margin-left: 15px; }
	#sideNgavBox {display: none; }
	#titleAreaBox { width: 100%; }
	#DeltaTopNavigation { margin: 0; }
	.ms-cui-tts-scale-2 .ms-cui-tt-a { width: auto; }
	.ms-core-navigation {  padding:0; margin: 0; }
	#siteLogo { display: none; }
	#layoutsTable { display: block; }
	#layoutsTable td { display: inline-block; width: auto; }
	.ms-wiki-columnSpacing {padding-right: 0; }
	
	#suiteBar { display: block; height: 60px; }
	#suiteBarLeft, #suiteBarRight { box-sizing: content-box; display: inline-block; width: 100%; }
	#suiteBarRight > div { float: right; }

	#suiteBar { height: 30px; display: table-row; }		
	#suiteBarLeft, #suiteBarRight { width: 100%; display: table-cell; }
	
	#suiteBarRight > div { float: none; }

	/* SP2016 suitebar */
	.o365cs-nav-header16 .o365cs-nav-o365Branding {  padding-right: 0; }
	.o365cs-nav-header16 .o365cs-nav-appTitleLine { display: none; }
	.o365cs-nav-header16 .o365cs-nav-bposLogo { display: none; }
}