/*
Theme Name: oPl Blank Child - Twenty Twelve theme
Theme URI: http://yoursite/yourtheme
Description: A child theme of 2012 default WordPress theme.
Author: Your Name
Author url: http://yoursite.com/
Version: 1.0
Tags: black, blue, white, fixed-width, custom-header, theme-options
Template: twentytwelve
*/
@import url('../twentytwelve/style.css');

/* ===[ Footer Widget Areas ]=== */

.site-info { clear: both; }

body .site {
	padding: 0;
}
.site-header{
	padding: 24px 40px;
  padding: 1.714285714rem 2.5rem;
}
.wrapper {
	padding: 0 2.5rem;
}
/* Footer */
footer[role="contentinfo"] {
	background: #878787;
  padding: 0 2.5rem 1rem;
	color:#fff;
}
footer[role="contentinfo"] .widget-area .widget a,
footer[role="contentinfo"] .widget-area .widget a:hover,
footer[role="contentinfo"] .widget-area .widget a:focus,
footer[role="contentinfo"] a,
footer[role="contentinfo"] a:hover,
footer[role="contentinfo"] a:focus
{
	color:#fff;
	line-height: 2.4em;	
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}
footer[role="contentinfo"] h3.widget-title{
	color:#fff;
	line-height: 2.4em;	
	padding: 0;
	margin:0 0 1em;
}

#footer-widgets {
    width: 100%;
    border-top: none;
}
#footer-widgets .widget li { 
    list-style-type: none; 
}
.main-navigation li ul {
	z-index: 999;
}
.site-content article {
    border-bottom: 2px solid #ededed;
}
@media screen and (min-width: 960px) {
	.widget-left {
		float: left;
		margin-right: 3.5%;
		width: 31%;
		clear: none;
	}
	.widget-center {
		float: left;
		width: 31%;
		clear: none;
	}
	.widget-right {
		float: right;
		width: 31%;
		margin-left: 3.5%;
		clear: none;
	}
}
/* OPL. Custom  fix 100%  width. Minimum width of 600 pixels. */
@media screen and (min-width: 960px) {

	body .site {
	    margin-top: 0.5rem;
	    box-shadow: none;
	}
	body {
	    background-color: #fff;
	}
}
@media screen and (min-width: 600px) {
	.site-content,
	.widget-area{
		float: left;
		width: 100%;
	}
}
footer[role="contentinfo"]:before {
    color: currentColor;
    content: "···";
    font-family: serif;
    font-size: 2.5em;
    letter-spacing: 2em;    
	text-align:center;		
	margin-left: calc(50% - 3em);
}
footer[role="contentinfo"] {
	border:none;
	background: #ffffff;
	padding: 0 2.5rem 0;
	color: #444;
}
footer[role="contentinfo"] .widget-area .widget a,
footer[role="contentinfo"] .widget-area .widget a:hover,
footer[role="contentinfo"] .widget-area .widget a:focus,
footer[role="contentinfo"] a,
footer[role="contentinfo"] a:hover,
footer[role="contentinfo"] a:focus,
footer[role="contentinfo"] h3.widget-title
{
	color:#444;
}