/*
 Theme Name:   SSAIS
 Description:  Twenty Twelve Child Theme
 Template:     twentytwelve
 Text Domain:  twentytwelve
*/
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color:#000;
}

.entry-content h1 
.comment-content h1, 
.entry-content h2, 
.comment-content h2, 
.entry-content h3, 
.comment-content h3, 
.entry-content h4, 
.comment-content h4, 
.entry-content h5, 
.comment-content h5, 
.entry-content h6, 
.comment-content h6 {
    line-height: 1.5;
    margin:0 0 1.5 0;
}

.entry-content h3, 
.comment-content h3 {
	font-weight:normal;
}

a {
	color: #0066cc; /*color of links #0066cc*/ 
}

body a:visited,
body .entry-content a:visited,
body .comment-content a:visited { 
	color: #0066cc !important;
}

a:hover { 
	color: #21759b; /* color of links when hover mouse over */ 
}

a:active {  
	color: #0066cc; /*color of links when active */ 
}

.comment-content a:visited,
.widget-area .widget a:visited {
	color: #21759b;
}

.entry-content ul ul, 
.comment-content ul ul, 
.mu_register ul ul {
    list-style: outside none circle;
}

p, li {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.wp-caption p.wp-caption-text {
padding: 0 8px 0px;
margin: 0;
text-align: left;
}

hr {
    margin: 24px 0 1.71429rem;
}

body {
    background-color: #fff;   
}

body .site {
    box-shadow: 0 0 0 rgba(100, 100, 100, 0.3);
    margin-top: 0;
}

.site-header {
	overflow: hidden;
}

.header-logo img {
	height: auto;
	margin: 0 0 15px;
	max-width: 200px;
}

.site-header h1.site-title {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: .5px;
	line-height: 1.2;
	margin: 0 0 10px 0;
	text-align: center;
}

.site-header h2.site-description {
	color: #000;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 10px 0;
    text-align: left;
}

@media screen and (min-width: 880px) {
	.header-logo img {
		float: left;
		max-width: 200px;
	}
	.site-title-and-description {
		border-bottom: 1px solid #9a9a9a;
		border-top: 1px solid #9a9a9a;
		box-sizing: border-box;
		float: right;
		height: 140px;
		margin-right: 70px;
		max-width: 60%;
		padding: 15px 0;
	}
	.site-header h1.site-title {
		text-align: center;
	}
	
	.site-header h2.site-description {
		text-align: left;
	}
}
@media screen and (min-width: 1024px) {
	.site-title-and-description {
		margin-right: 58px;
		max-width: 618px;
	}
	.site-header h1.site-title {
		text-align-last: center;
	}
	
	.site-header h2.site-description {
		margin-left: 0%;
	}
}
	
.what-we-do {
	color: #000;
    font-size: 0.928571rem;
    font-style:italic;
    font-weight: bold;
    line-height: 1.84615;
    margin-top:10px;
}

.menu-toggle {
	color:#000;
	font-size:1.0rem;
	font-weight:bold;
}

.menu-toggle:active, 
.menu-toggle.toggled-on {
	color:#000;
}

.main-navigation {
	text-align:left;
}

.main-navigation li {
    font-size: 1.0rem;
    line-height: 1.42857;
    margin-top: 1.0rem;
}

.main-navigation li a {
    font-weight:bold;
    text-decoration:none;
}

.main-navigation li .sub-menu {
	margin-top:-5px;
	padding:0 0 5px 40px;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius:0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#secondary .widget_nav_menu {
	display:none;
}

.site-content article {
    border-bottom: 0;
    margin-bottom: 1.71429rem;
}

.widget-area .widget p {
    font-size: 0.928571rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

/* Homepage */
.home .site-content {
	margin:0;
}

.home .entry-title {
	display:none;
}

.home .entry-header {
	margin-bottom:0;
}

.home #content {
	margin-top:-24px;
}

.homepage-blocks {
	padding:0;
}

.homepage-blocks h2 {
	color:#fff;
	font-size:24px;
	font-weight:normal;
	margin:180px 0 0;
	text-align:center;
}

.homepage-blocks li {	
	float:left;
	height:220px;
	list-style:none outside none;
	margin:0 5px 12px;
	padding:0;
	position:relative;
	width:100%/*48%350px*/;	
}

.homepage-blocks li ul {
	background:#3d3d3d;
	height:auto;
	padding-top:10px;
	position:absolute;
	bottom:40px;
	width:100%;
}

.homepage-blocks li ul li {
	float:none;
	height:auto;
	margin:0 2px 10px;
	width:100%;
}

.homepage-blocks li ul li a,
.homepage-blocks li ul li a:visited {
	color:#fff !important;
	display:block;
	text-align:center;
	text-decoration:none;
}

.homepage-blocks li ul li a:hover {
	color:#d50200 !important;
}

.home-prevent {
	background:#000 url("images/home-prevent.b.png") center top  no-repeat;
}

.home-support {
	background:#000 url("images/home-support.b.png") center top  no-repeat;
}

.home-inform {
	background:#000 url("images/home-inform2.b.png") center top  no-repeat;
}

.home-empower {
	background:#000 url("images/home-empower.b.png") center top  no-repeat;
}

.home-prevent-nav {
	display:none;	
}

.home-prevent:hover .home-prevent-nav {
	display:block;
}

.home-support-nav {
	display:none;	
}

.home-support:hover .home-support-nav {
	display:block;
}

.home-inform-nav {
	display:none;	
}

.home-inform:hover .home-inform-nav {
	display:block;
}

.home-empower-nav {
	display:none;	
}

.home-empower:hover .home-empower-nav {
	display:block;
}

/* =Content
---------------------------------------------*/
.entry-content blockquote, 
.comment-content blockquote {
    /*background:url("images/quote.png") top left no-repeat;*/
    border-left:3px solid #f9cf3d;
    font-style: italic;
    margin:0 0 1.5rem 20px;
    padding: 0 0 0 1em;
}

.collapseomatic {
	background-position:left 4px;
	display:block;
	font-weight:normal;
	margin:0 0 1em 0;
	padding: 0 0 0 20px;	
}

.collapseomatic_excerpt, .collapseomatic_content {
    margin-left: 0;
    margin-top: 1.5rem;
    padding: 0;
}

body.page-id-103 .collapseomatic {
	background-position:left 4px;
	font-weight:normal;
	margin:0 0 0 37px;
	padding: 0 0 0 20px;	
}

body.page-id-103 .collapseomatic_excerpt, .collapseomatic_content {
    margin-left: 0;
    margin-top: 1.5rem;
    padding: 0;
}

/* =Footer 
---------------------------------------------*/
footer[role="contentinfo"] {
    line-height: 1.5;
}

footer[role="contentinfo"] a {
    color: #21759b;
}

footer[role="contentinfo"] a:visited {
    color: #21759b;
}

footer[role="contentinfo"] a:hover {
    color: #0f3467;
}

.disclaimer {
	border-top:1px solid #ededed;
	font-size:11px;
	font-size:0.78571428571429rem;
	margin:30px 0 1.0rem 0;
	padding-top:20px;
}

.disclaimer h4,
.disclaimer p {
	margin-bottom:1.0rem;
}

@media screen and (min-width: 600px) {
	.main-navigation {
		display:none;
	}
	
	.widget-area {
		float: left;
		margin:0;
		width: 192px;
	}
	
	.site-content {
		float: right;
		margin: 0;
		width:59%;
	}
	
	.entry-header .entry-title {
		color: #0066cc;
	}
	
	#secondary .widget_nav_menu {
		display:block; /*Makes sidebar nav visible*/
	}
	
	#secondary .menu {
		border-top:1px dotted #757575;
		text-align:right;
	}
	
	#secondary .menu li {
		border-bottom:1px dotted #757575;
		border-right:1px dotted #757575;
		position:relative;
	}
	
	#secondary .menu li:hover {
		background:#f4f4f4;
	}
	
	#secondary .menu a {
		color: #000;display:block;
		font-weight: bold;
		padding: 5px 14px 5px 0;
		text-decoration: none;
	}
	
	#secondary .menu a:visited {
		color: #000 !important;
	}
	
	#secondary .menu a:hover {
		color: #d50200 !important;
	}
	
	#secondary .menu .sub-menu {
		border-top: 1px dotted #757575;
		background: #fcfcfc;
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
		position: absolute;
		left: 9999px;
		overflow: hidden;
		text-align: left;
		margin-top: -35px;
		width: 200px;		
	}
	
	#secondary .menu .sub-menu li {
		border-right: 0 none;	
	}
	
	#secondary .menu .sub-menu a {
		padding: 5px 0 5px 14px;
	}
	
	#secondary .menu li:hover .sub-menu {
		left: 180px;
	}
		
}

@media screen and (min-width: 700px) {
	.site-content {
		width:65%;
	}
}

@media screen and (min-width: 800px) {
	.what-we-do {	
		margin-top: 20px;	
	}
	
	.homepage-blocks li {	
		width: 48%;	
	}
	
	.site-content {
		width:69%;
	}	
}

@media screen and (min-width: 900px) {
	.site-content {
		width:75%;
	}
}