/*
Theme Name: Mami què fem
Theme URI: 
Author: Lluís Rovira Olivé
Author URI: 
Description: Mami què fem Theme
Template: twentythirteen
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: mamiquefem

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@media screen {

	body {
		background-color: #f2c842;
		color: #512b85;
	}
	
	a,
	a:visited,
	a:active,
	a:hover {
		color: #f2c842;
	}
	
	.entry-content a,
	.comment-content a,
	.entry-content a:hover,
	.comment-content a:hover {
		color: #a8cf38;
	}
	
	.entry-meta a,
	.entry-meta a:hover {
		color: #a8cf38;
	}
	
	.site {
		max-width: 1220px;
		/*margin-top: 10px;*/
		padding-left: 50px;
		padding-right: 50px;
		/*background-color: #a8cf38;
		border-width: 0;*/
	}
	
	.site-info {
		padding: 10px 0;
	}
	
	.site-header {
		background-size: 100% auto !important;
		background-position: left top !important;
		background-color: #FFF !important;
		text-align: center;
	}
	
	.site-header .home-link {
		min-height: 450px;
	}

	.site-header .home-link {
		margin: 0;
		padding: 0;
		max-width: none;
		color: #ffffff;
		/*min-height: 175px;*/
	}
	
	.site-title {
		display: none;
	}
	
	.site-description {
		margin-left: 239px;
		text-align: center;
		font-family: Bitter,Georgia,serif;
		font-size: 48px;
		font-weight: bold;
	}
	
	/*
	 * Vertical Centering With CSS using vertical-align: middle
	 * http://christopheraue.net/2014/02/20/centering-with-vertical-align-middle/
	 */
	.site-header .home-link {
		position: relative;
	}
	.site-description {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.site-description:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	.site-description span {
		display: inline-block;
		vertical-align: middle;
	}
	
	.navbar {
		background-color: #FFF;
		border-bottom: 5px solid #cc0066;
		border-top: 5px solid #cc0066;
	}
	
	ul.nav-menu,
	div.nav-menu > ul {
		margin: 0;
		padding: 0;
	}
	
	.nav-menu li {
		vertical-align: middle;
	}
	
	.nav-menu li a {
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
		width: 125px;
		padding: 5px;
		line-height: 1.5;
	}
	
	.nav-menu li:hover > a,
	.nav-menu li a:hover,
	.nav-menu li:focus > a,
	.nav-menu li a:focus {
		background-color: #FFF;
		color: #f2c842;
	}
	
	.nav-menu .current_page_item > a,
	.nav-menu .current_page_ancestor > a,
	.nav-menu .current-menu-item > a,
	.nav-menu .current-menu-ancestor > a {
		color: #f2c842;
	}
	
	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		color: #000;
	}
	
	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover,
	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #fff;
		color: #f2c842;
	}
	
	.site-main {
		background-color: #ffffff;
		min-height: 600px;
	}
	
	.entry-header {
		display: none;
	}
	
	.entry-content,
	.entry-summary,
	.entry-meta {
		max-width: none;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.site-footer {
		background-color: #fff;
		color: #000;
		font-size: 18px;
	}
	
	.site-footer .sidebar-container {
		padding: 0;
	}
	
	.sidebar-container {
		display: none;
	}
	
	.third{
		width: 33.3%;
		float: left;
	}
	
	.ng-row {
		clear: both;
	}
	
	.post{
		padding: 30px 0;
	}
	
	.entry-content .ruta{
		margin: 0 0 3px;
		min-height: 50px;
		color: #f2c842;
	}
	
	.img{
		margin: 0 0 5px;
	}
	
	.size-100{
		width: 100%;
		margin: 0 0 5px;
	}
	
	.titl{
		color: #cc0066;
		font-size: x-large;
		font-weight: bold;
		margin: 0 0 5px;
	}
	
	.desc{
		color: #000;
	}
	
	.entry-meta{
		display: none;
	}
	
	@media (max-width: 767px) {
		
		.site-description {
			margin-left: 153px;
			font-size: 24px;
		}
		
		.site-footer {
			font-size: 16px;
		}
	}
	
	@media (max-width: 643px) {
		
		.site {
			padding-left: 0;
			padding-right: 0;
		}
		
		.site-main {
			min-height: initial;
		}
		
		.site-footer {
			font-size: 14px;
		}
		
		.nav-menu li a {
			width: 100%;
		}
		
		.site-footer .menu-toggle {
			display: none;
		}
		
		.site-footer ul.nav-menu,
		.site-footer div.nav-menu > ul {
			display: block;
		}
	}
	
	@media (max-width: 359px) {
	
		.site-description {
			display: none;
		}
		
	}
	
	@media (max-width: 1100px) {
		.site-header .home-link {
			min-height: 400px;
		}
	}
	@media (max-width: 900px) {
		.site-header .home-link {
			min-height: 320px;
		}
	}
	@media (max-width: 700px) {
		.site-header .home-link {
			min-height: 250px;
		}
	}
	@media (max-width: 500px) {
		.site-header .home-link {
			min-height: 200px;
		}
	}
	@media (max-width: 300px) {
		.site-header .home-link {
			min-height: 120px;
		}
	}
	
	
}