/* BEGIN: SOG Custom NCImpact Microsite Styling */
.page-node-136391 div.entityContent div.tabs ul#tabs-menu {
  display: none !important;
}
.page-node-136391 div.entityContent div.tabs div#overview {
  overflow-x: hidden !important;
}
.page-node-136391 div.entityContent div.tabs div#contributors {
  display: none !important;
}
.page-node-136391 div.entityContent div.sidebar {
  display: none !important;
}
.page-node-136391 div.entityContent div.col-md-8 {
  width:90% !important;
}
.page-node-136391 div.entityContent div.col-md-3 {
  margin-left:50px !important;
}
.page-node-136391 div.entityContent div.body-left ul { padding-left:20px; list-style:none; }
.page-node-136391 div.entityContent div.body-left li { margin-bottom:10px; }
.page-node-136391 div.entityContent div.body-left li:before {    
    font-family: 'FontAwesome';
    content: '\f054';
    margin:0 5px 0 -5px;
}
.page-node-136391 div.entityContent .sidebar-right h4 {
    border-bottom: 1px solid #e3e3e3;
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 2em;
    padding-bottom: 0.5em;
    text-transform: uppercase;
    width: 100%;
}
.page-node-136391 div.entityContent .sidebar-right h4 a,
.page-node-136391 div.entityContent .sidebar-right h4 a:hover,
.page-node-136391 div.entityContent .sidebar-right h4 a:visited {
    text-decoration: none !important;
    padding-left:0em !important;
}
.page-node-136391 div.entityContent .sidebar-right .menu-microsite ul {
    padding-left:0em !important;
}
.page-node-136391 div.entityContent .sidebar-right .menu-microsite ul li {
    padding-left:0em !important;
}
.page-node-136391 div.entityContent .sidebar-right .menu-microsite ul li a {
    text-decoration: none !important;
}
.page-node-136391 p.bg-takethesurvey {    
    background:#f4425f !important;
    text-align:center !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.page-node-136391 p.bg-takethesurvey a:link,
.page-node-136391 p.bg-takethesurvey a:visited {    
    color:white !important;
    font-size:22px !important;
    text-decoration: none !important;
}
/* END: SOG Custom NCImpact Microsite Styling */

/* BEGIN: SOG Custom ORG Chart Styling */

.sogorg-content *{
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	position: relative !important;
}

.sogorg-cf:before,
.sogorg-cf:after {
    content: " " !important; /* 1 */
    display: table !important; /* 2 */
}

.sogorg-cf:after {
    clear: both !important;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.sogorg-cf {
    *zoom: 1 !important;
}

/* Generic styling */

.sogorg-content {
	width: 100% !important;
	max-width: 1142px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	min-height: 1600px;
	background: #fff;
}

.sogorg-content a:focus{
	outline: 2px dashed #f7f7f7 !important;
}

@media all and (max-width: 767px){
	.sogorg-content{
		padding: 0 20px !important;
	}	
}

.sogorg-content ul{
	padding: 0 !important;
	margin: 0 !important;
	list-style-type: none !important;
}

.sogorg-content ul a{
	display: block !important;
	background: #ccc !important;
	border: 4px solid #000 !important;
	text-align: center !important;
	overflow: hidden !important;
	font-size: .63em !important;
	line-height: 1.1em !important;
	text-decoration: none !important;
	font-weight: bold !important;
	color: #333 !important;
	height: 70px !important;
	margin-bottom: -22px !important;
	box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4) !important;
	-webkit-transition: all linear .1s !important;
	-moz-transition: all linear .1s !important;
	transition: all linear .1s !important;
}

.sogorg-content ul a em{
  font-size: .75em !important;
  line-height: .9em !important;
}

@media all and (max-width: 767px){
	.sogorg-content ul a{
		font-size: .80em !important;
	}
}


./* This is original, it was using spans, but I changed to p
.sogorg-content ul a span{
	top: 35% !important;
	margin-top: -0.7em !important;
	display: block !important;
}
*/

.sogorg-content ul a p {
	top: 35% !important;
	margin-top: -0.7em !important;
	display: block !important;
}

.sogorg-administration > li > a{
	margin-bottom: 25px !important;
}

.sogorg-director > li > a{
	width: 50% !important;
	margin: 0 20.5% 0px 20.5% !important;
}

.sogorg-subdirector:after{
	content: "" !important;
	display: block !important;
	width: 0 !important;
	height: 130px !important;
	background: red !important;
	border-left: 4px solid #000 !important;
	left: 45.45% !important;
	position: relative !important;
}

.sogorg-subdirector,
.sogorg-departments{
	position: absolute !important;
	/* left:45px !important; */
	width: 100% !important;
}

.sogorg-subdirector > li:first-child,
.sogorg-departments > li:first-child{	
	width: 18.59894921190893% !important;
	height: 64px !important;
	margin: 0 auto 92px auto !important;		
	padding-top: 25px !important;
	border-bottom: 4px solid #000 !important;
	z-index: 1 !important;	
}

.sogorg-subdirector > li:first-child{
	float: right !important;
	right: 35.9% !important;
	border-left: 4px solid #000 !important;
}

.sogorg-departments > li:first-child{	
	float: left !important;
	left: 27.3% !important;
	border-right: 4px solid #000 !important;
          visibility:hidden;
}

.sogorg-subdirector > li:first-child a,
.sogorg-departments > li:first-child a{
	width: 100% !important;
}

.sogorg-subdirector > li:first-child a{	
	left: 25px !important;
}

@media all and (max-width: 767px){
	.sogorg-subdirector > li:first-child,
	.sogorg-departments > li:first-child{
		width: 40% !important;	
	}

	.sogorg-subdirector > li:first-child{
		right: 10% !important;
		margin-right: 2px !important;
	}

	.sogorg-subdirector:after{
		left: 49.8% !important;
	}

	.sogorg-departments > li:first-child{
		left: 10% !important;
		margin-left: 2px !important;
	}
}


.sogorg-departments > li:first-child a{
	right: 25px !important;
}

.sogorg-department:first-child,
.sogorg-departments li:nth-child(2){
	margin-left: 0 !important;
	clear: left !important;	
}

.sogorg-departments:after{
	content: "" !important;
	display: block !important;
	position: absolute !important;
  /* Following controls width of long line connecting departments below */
  /* Note, with an extra department (Frayda) I used 89.3 */
	width: 80.3% !important;
	height: 26px !important;	
	border-top: 4px solid #000 !important;
	border-right: 4px solid #000 !important;
	border-left: 4px solid #000 !important;
	margin: 0 auto !important;
	top: 130px !important;
  /* Following controls left margin of long line connecting departments below */
  /*  helping connect to stick coming up from leftmost department */
	left: 5.25% !important;
}

@media all and (max-width: 767px){
	.sogorg-departments:after{
		border-right: none !important !important;
		left: 0 !important;
		width: 49.8% !important;
	}  
}

@media all and (min-width: 768px){
	.sogorg-department:first-child:before,
   .sogorg-department:last-child:before{
    border:none !important;
  }
}

.sogorg-department:before{
	content: "" !important;
	display: block !important;
	position: absolute !important;
	width: 0 !important;
  /* Following controls height of stick below long line coming up from department box below */
	height: 25px !important;
	border-left: 4px solid #000 !important;
	z-index: 1 !important;
	top: -22px !important;
  /* Following positions stick above department box */
	left: 50% !important;
	margin-left: -4px !important;
}

/* Longer stick for a and c */
.sogorg-dep-a:before,.sogorg-dep-c:before{
	content: "" !important;
	display: block !important;
	position: absolute !important;
	width: 0 !important;
  /* Following controls height of stick below long line coming up from department box below */
	height: 100% !important;
	border-left: 4px solid #000 !important;
	z-index: 1 !important;
	top: -22px !important;
  /* Following positions stick above department box */
	left: 50% !important;
	margin-left: -4px !important;
}
/* Slightly longer stick for b */
.sogorg-dep-b:before{
	content: "" !important;
	display: block !important;
	position: absolute !important;
	width: 50% !important;
  /* Following controls height of stick below long line coming up from department box below */
	height: 140px !important;
	border-left: 5px solid #fff !important;
	border-right: 4px solid #000 !important;
	z-index: 1 !important;
	top: -22px !important;
  /* Following positions stick above department box */
	left: 0 !important;
	/* Didn't seem to need this as of 2/20/2017 */
	/* margin-left: -4px !important; */
}

.sogorg-department{
  /* Following controls longer left border connecting department with subs */
	border-left: 4px solid #000 !important;
  /* Following controls width of department */
	width: 9.49894921190893% !important;
	float: left !important;
	margin-left: 1.351313485113835% !important;
	margin-bottom: 60px !important;
}
.sogorg-dep-a,.sogorg-dep-c{
  /* Following controls longer left border connecting department with subs */
	border-left: 4px solid transparent !important;
  /* Following controls width of department */
	width: 10.89894921190893% !important;
	float: left !important;
	margin-left: 1.751313485113835% !important;
	margin-bottom: 60px !important;
}

.lt-ie8 .sogorg-department{
	width: 10.25% !important;
}

@media all and (max-width: 767px){
	.sogorg-department{
		float: none !important;
		width: 100% !important;
		margin-left: 0 !important;
	}

	.sogorg-department:before{
		content: "" !important;
		display: block !important;
		position: absolute !important;
		width: 0 !important;
		height: 60px !important;
		border-left: 4px solid #000 !important;
		z-index: 1 !important;
		top: -60px !important;
		left: 0% !important;
		margin-left: -4px !important;
	}

	.sogorg-department:nth-child(2):before{
		display: none !important;
	}
}

.sogorg-department > a{
	margin: 0 0 -26px -4px !important;
	z-index: 1 !important;
}
/* Lower starting point for a b and c */
.sogorg-dep-a > a, .sogorg-dep-b > a, .sogorg-dep-c > a{
	margin: 98px 0 -26px -4px !important;
	z-index: 1 !important;
}

.sogorg-department > a:hover{	
	/* height: 80px !important; */
}

.sogorg-department > ul{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.sogorg-department li{	
	padding-left: 25px !important;
	border-bottom: 4px solid #000 !important;
	height: 80px !important;	
}
/* remove little stick at left for a and c */
.sogorg-dep-a li, .sogorg-dep-c li{
  padding-left: 25px !important;
	border-bottom: 4px solid transparent !important;
	height: 80px !important;	
}

.sogorg-department li a{
	background: #000 !important;
	top: 48px !important;	
	position: absolute !important;
	z-index: 1 !important;
	width: 90% !important;
	height: 60px !important;
	vertical-align: middle !important;
	right: -1px !important;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
	background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
	background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 ) !important;
}



/* Department/ sogorg-section colors */
.sogorg-department.sogorg-dep-a a{ background: #7BAFD4 !important; }
.sogorg-department.sogorg-dep-b a{ background: #7BAFD4 !important; }
.sogorg-department.sogorg-dep-c a{ background: #7BAFD4 !important; }
.sogorg-department.sogorg-dep-d a{ background: #7BAFD4 !important; }
.sogorg-department.sogorg-dep-e a{ background: #7BAFD4 !important; }
.sogorg-department.sogorg-dep-f a{ background: #7BAFD4 !important; }
.sogorg-department.sogorg-dep-g a{ background: #7BAFD4 !important; }
.sogorg-department.sogorg-dep-h a{ background: #7BAFD4 !important; }
.sogorg-department.sogorg-dep-i a{ background: #7BAFD4 !important; }
a#fac-info, a#cen-info, a#mpa-info { background: #eeeeee !important; }
a#sad-info, a#adfd-info, a#ado-info, a#add-info, a#ada-info, a#dsi-info { background: #b2d0e6 !important; }


.pos-summary {
    display:block;
    width: 240px;
    height:auto;
    border:5px solid #0cf;
    background-color:#fff; color:#000;
    text-align: center;
    padding:10px;
    /* position: fixed; */
    top: 50%;
    /* left: 50%; */
    /* margin-left:50px; */
    margin-top:-12px; 
    /* -index:100; */
    font-size:17px;
}

/* END: SOG Custom ORG Chart Styling */



/* Forms of Government Table */
body.page-forms-of-government-full div.container,
body.page-forms-of-government-paged div.container,
body.nc-cities-government-index div.container {
  width:100% !important;
}
body.page-forms-of-government-full div.content,
body.page-forms-of-government-paged div.container,
body.nc-cities-government-index div.container {
  font-size:12px !important;
}
/* END: Forms of Government Table */