/*
Theme Name: Alaska Women Speak
Template: twentytwelve
Author: Ravensong
Description: Child theme of WordPress 2012, for Alaska Women Speak
Version: 3.14
Updated: 2020-02-24

*/

/*------General and Misc ------*/

.clearboth {clear: both;}

a {
	color: #2e9e85;
}
a:hover {
	color: #8c1d18;
}

.bigger {font-size: 150%;} 

.entry-header h1.entry-title {
	color: #2e9e85;
	font-size: 200%;
}

h3.widget-title {
	color: #2e9e85;
	font-weight: normal;
	font-size: 150%;
}


footer.entry-meta {display: none;} /*hide post author, date, category,*/

.site-content article {
	border-bottom: none;
} /*get rid of double grey line bottom border on posts and pages */


/*------BODY------*/
body {
background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z' fill='%23326359' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");}

body .site  {
		padding: 0 0; /*remove body padding to allow header to go full width. padding will need to be reinstated in subsequent divs*/
		
		margin-top: 24px; /*reduce top margin from 48 to 24*/
		margin-top: 1.7rem;
		margin-bottom: 30px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}




#main, #site-navigation {padding: 0 40px 0 40px;} /*replaces side padding removed above to allow full width header*/	

#page {margin-bottom: 0;} /*footer comes directly after page*/
						/*and is outside page to return to full width*/
						
						
/*------HEADER------*/
/* Header - contains header image and nav*/


.site-header {
	padding:0; /*remove header 24 padding*/
	margin: 0; /*remove side margins on header*/
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin-top: 0; /*remove header image 24 padding*/
}

img.header-image {border-radius:0;  /*kill the round corners on the header image*/
	box-shadow: 0 0 0 rgba(0, 0, 0, 0); /*kill the shadow on the header image*/
} /*FYI these items are found under "Images" in the parent*/



/*------NAVIGATION------*/

/* Navigation Menu- except that everything pertaining to dropdowns is found below in media query min 600 */
/*because below 600 it goes to a button*/


.main-navigation {
	margin-top: -2px; /*kill the top space plus the weird default 2 extra pixels*/
	text-align: center;
	background-color:black;
}



.main-navigation li {
	margin-top: 18px;
	margin-top: 1.5rem;
	
	
	line-height: 1.0;
	
}
.main-navigation a {
	color: white;
	font-size: 14px;/*under menu button*/	
}



.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}




.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

/* Sidebar thingeys 
--------------------------------------------------------------*/

.widget_custom_html .subscribers {
	background: #b3dbd4;
	padding: 15px;
	border-radius: 15px;
}

.widget_custom_html .sbutton {
	
	background: white;
	color: #326a5f;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* Page Footer
-------------------------------------------------------------- */
#pagefooter {
display: block;
max-width: 1500px;
height: 130px;
padding: 0;
margin: 0 auto 48px auto;
background-color: #2b695e;
background-image:none;/*gets an img above 600 in first media query*/
position: relative;
line-height: 1.3;
}

.copyright {
	position:absolute;
	bottom: 30px; right: 30px;
	padding: 12px;
	border: 0px solid white;
	font-size: 100%;
	color: #c2e0da;
	background-color: #2b695e;
	}






/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. Everything above 600px. Selected items to change. full query is in parent */
@media screen and (min-width: 600px) {
	
	
	.site {
		margin: 0 auto;
		max-width: 1500px; /*up from 960, it's 2020*/
		
		overflow: hidden;
	}
	


	
	
	/*nav goes to button below 600 pix*/
	
	
	
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 0px solid #ededed;/*remove border from parent*/
		border-top: 0px solid #ededed;
		display: inline-block!important;
		text-align: center;
		width: 100%;
		
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: white;
	
		line-height: 2.5;
		text-transform: none;
		white-space: nowrap;
		transition: all .5s;
	}
	
	.main-navigation a {
	color: white;
		
	font-size: 20px;/*larger font above 600*/	
	padding: 0 15px 0 15px; /*larger spacing above 600*/
}
	
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: white;
		background-color: #8c1d18; /*transition applied above on non-hover*/
	}


	
	.main-navigation li {
		margin: 0 -2px 0 -2px; /*remove margin spacing (plus 2px default)*/ 
		                       /*and padding on lis*/
	    padding: 0 0 0 0;      /*to have contiguous color on top nav*/
		position: relative;
		background-color:black;
	}
	
	
	.main-navigation li ul { /*dropdown*/
		margin: 0 2px 0 2px;/*put the 2px default back in to align with top menu*/
		border-top: 1px solid #ededed; /*separate from same-color top menu current item*/
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		
	}
	.main-navigation li ul ul { /*second level dropdown*/
		top: 0;
		left: 100%;
		border-top: 0; /*already has it from parent, no double */
		
	}
	.main-navigation ul li:hover > ul, /*dropdown shows on hover*/
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
		
	}
	

	
	
	.main-navigation li ul li a { /*first level dropdown*/
		background-color: #8c1d18; /*dark rusty red*/
		border-bottom: 2px solid #ededed;
		
		display: block;
		font-size: 11px;
		font-size: 1.2rem;
		line-height: 2.181818182;
		padding: 8px 10px;
	
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	
	
	
	
	
	.main-navigation li ul li a:hover, 
	.main-navigation li ul li a:focus {  /*first level dropdown hover*/
	                                   /* -inherits to second level also*/
		background: #d18381;/*pinkish*/
		color: #fff;
	}
	

	
	
/* menu custom classes	*/
/* I'm going to override the above dropdown settings for some specific items*/
/*these also inherit to subs*/	
	
	
	
	li.digital a {
	background-color: #346a5e !important; /*dark green*/
	}
	
	
	li.digital a:hover {
	background-color: #70a39a !important; /*lighter grey/green*/
	}
	
	
	
	
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: white;
		font-weight: normal;
		background-color: #8c1d18;
		
	}
	.menu-toggle {
		display: none;
	}
	


#pagefooter {
background: url(images/footerbg2.jpg);
} /*defaults to plain bg color below 600 */

}



/* Minimum width of 960 pixels. Everything wider than 960 */


@media screen and (min-width: 960px) {
	body {
		background-color: black;
	}
	
}