/*
Theme Name: Twenty Twelve MST Madrid Child Theme
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team (adapted by pebles)
Author URI: https://wordpress.org/
Description: Custom 2012 for MST Madrid
Template: twentytwelve 
Text Domain: twentytwelve
*/

@import url('../twentytwelve/style.css');

/* global */
p {
	color: black;
}
.right { 	float: right; 	color: #961913; 	font-style: italic; 	text-decoration: none; 	font-weight: bold; }

/* links */
a {
	outline: none;
	color: #961913;
}
a:hover {
	color: #000;
}
.entry-title a {
	color: #961913;
}
.widget-area .widget a,
.widget-area .widget a:visited {
	color: #961913;
	outline: none;
  text-decoration: none;
	font-weight: bold;
}
.widget-area .widget a:hover {
	color: black;
	font-weight: bold;
}

/* base */
html {
  font-size: 100%;
}
body {
  background-color: #FFF;
  color: #000;
}
#page {
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
}
/* HEADER */
.site-header {
  padding: 0;
}
.logoleft {
	float: left;
	height: 170px;
}
#masthead {
	background-image: url(https://wp.sindominio.net/mstmadrid/files/2017/10/mst-bg-1.png);
	background-repeat: no-repeat;
	background-size: 1105px;
	background-position: 0px -35px;
}
header hgroup {
	padding: 1em;
	background-repeat: no-repeat;
	background-size: 100px;
	float: left;
  max-width: 280px;
}
.site-header h1 { 	
	font-size: 26px; 	
	font-size: 1.857142857rem; 	
	line-height: 1; 	
	margin-bottom: 0; 	
	margin-top: 36px; 
}
.site-header h2 { 	font-weight: bold; 	font-size: 17px; 	line-height: 1.846153846; text-align: center; }
.site-header h1 a, .site-header h2 a {
  color: #fff;
	font-family: Georgia, serif;
  font-size: 1.3em;
}
.site-header h1 a:hover, .site-header h2 a:hover {
	color: #FFF;
}
.site-description {
  color: #fff !important; 
}
/* NAV */
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	padding: 0;
	background-color: #fff;
}
.main-navigation {
	margin-top: 10px;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-bottom: 1px solid #ededed;
  border-top: none;
}
#searchli {
	float: right;
	margin-right: 0;
	margin-top: 6px;
}
#search {
	width: 10em;
}
#searchli button {
	background: #961913;
  border: 4px solid #961913;
}

/* MAIN */
#main {
	margin-top: 0.5em;
}
.site-content article {
	margin-bottom: 3rem;
	padding-bottom: 1.8rem;
	border-bottom: 3px dotted #E1D7CC;
}
.entry-header .entry-title a {
	text-decoration: none;
	font-weight: bold;
  font-size: 0.9em;
}
#content {
	font-size: 0.9em;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
	margin: 0 0 0.6rem;
}
.entry-meta a:hover {
	color: #961913;
}
footer.entry-meta {
	margin-top: 0.4em;
	font-size: 0.928571429rem;
  font-style: italic;
	color: #757575;
}

/* WIDGETS */
.mst-pages {
	text-align: center;
}
.mst-pages li {
	list-style: none;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
  border-bottom: 2px dotted;
}
.widget-area .textwidget li {
	margin-left: 0;
}
#categories-4 ul {
	text-align: center;
}
#recent-posts-2 li {
	border-bottom: 2px dotted #961913;
  padding-bottom: 15px;
}
#colophon {
	padding-top: 4em;
	padding-bottom: 1.5em;
}

/* RESPONSIVE  */
@media (max-width: 600px) {
    #masthead {
    	background: #961913;
    	min-height: calc(160px*2);
    }
    .logoleft {
    	margin-right: auto;
    	height: 160px;
    	margin-left: auto;
    	display: block;
      float: none;
    }
    header hgroup {
    	float: none;
    }
    .site-header h1 {
	 		font-size: 26px; 	
			font-size: 1.5rem; 	
			line-height: 1; 	
			margin-bottom: 0; 	
			margin-top: 0px; 
		}
.main-navigation li { 	margin-top: 24px; 	margin-top: 0.714rem; 	font-size: 12px; 	font-size: 0.857142857rem; 	line-height: 1.42857143; }
.main-navigation a { 	color: #961913; 	text-decoration: none; 	background: white; 	padding: 1px 7px; 	border-radius: 4px; }
ul.nav-menu.toggled-on { background-color: #961913; }
#searchli button { background: #FFF; border: 4px solid #FFF; }
}