/*

 Theme Name:   SuperDreamy

 Theme URI:    http://matajuegos.xyz/

 Description:  Official Matajuegos Theme

 Author:       Santiago J. Franzani

 Author URI:   http://example.com

 Template:     twentythirteen

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, one-column, colorful, super-dreamy, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  twenty-thirteen-child

*/





@font-face {

    font-family: 'everlongdreamy';

    src: url('fonts/everlongdreamy-webfont.eot');

    src: url('fonts/everlongdreamy-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/everlongdreamy-webfont.woff2') format('woff2'),

         url('fonts/everlongdreamy-webfont.woff') format('woff'),

         url('fonts/everlongdreamy-webfont.ttf') format('truetype'),

         url('fonts/everlongdreamy-webfont.svg#everlongdreamyregular') format('svg');

    font-weight: normal;

    font-style: normal;



}





.menu-menu-english-container.nav-menu.menu-item-home.current-menu-item {

	color: blue;

}





#page {

	overflow-x: hidden;

	background-color: #fff;

	border-left: 1px solid #f2f2f2;

	border-right: 1px solid #f2f2f2;

	margin: 0 auto;

	margin-right: 0;

	margin-left: 0;

	max-width: 1680px;

	width: 100%;

}



a, a:active, a:hover, .navigation a:hover, .entry-title a:hover, .entry-content a:hover, .comment-content a:hover {

	color: #9f3441;

}



/* Respuesta de usuario */

#respond {

}



.comment-reply-title {

	font-family: 'Didact Gothic', sans-serif;

}



.entry-title, .page-title, .archive-title {

	font-family: 'Didact Gothic', sans-serif;

	padding: 20px 0;

}



.page-title, .archive-title {

	background: url(images/wavy-underline.png) repeat-x;

	background-position: bottom;

	font-style: normal;

}



.page-header, .archive-header {

/*background-color: #FFE2BF;*/

	background-color: transparent;

}



.entry-meta a, .site-footer .widget a, .entry-content a, .comment-content a {

	color: #9f3441;

}



a:visited, .site-footer .widget a:visited {

	color: #93585f;

}



.toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover {

	background-color: #E74752;

}



#site-navigation {

	font: 15px everlongdreamy, sans-serif;

	clear: both;

	margin: 0 auto;

	max-width: 660px;

	min-height: 45px;

	position: relative;

}



#navbar {

	background-color: #fff;

	max-width: 660px;

	margin-bottom: 60px;

}



#main-header {

	width: 100%;

}



#logo {

	background: url(images/headers/site_logoMatafuegos.jpg) no-repeat;

	margin-left: auto;

	margin-right: auto;

	width: 353px;

	height: 256px;

	margin-top: 60px;

	background-size: 353px auto;

}



#color-header {

	position: relative;

	background: url(images/headers/site_headerColor.jpg) no-repeat;

	top: 0;

	left: 50%;

	margin-left: -840px;

	/*background-size: 1680px auto;*/
	background-size: 1680px auto; /* super dreamy wave */

	height: 68px;

}



#ornament-header-left {

	background: url(images/headers/site_headerLeft.jpg) repeat-x;

	position: absolute;

	width: 1600px;

	height: 46px;

	right: 65%;

	margin-left: auto;

}



#ornament-header-right {

	background: url(images/headers/site_headerRight.jpg) repeat-x;

	position: absolute;

	width: 35%;

	height: 46px;

	right: 0;

	margin-left: auto;

}



#ornament-header-wavy-left {

	background: url(images/headers/site_headerSnakeLeft.jpg) no-repeat;

	position: absolute;

	width: 66px;

	height: 16px;

	left: 35%;

	margin-top: 15px;

	margin-right: auto;

}



#ornament-header-wavy-right {

	background: url(images/headers/site_headerSnakeRight.jpg) no-repeat;

	position: absolute;

	width: 66px;

	height: 16px;

	right: 35%;

	margin-top: 15px;

	margin-left: auto;

}



#tagline {

	background: url(images/headers/site_tagline_en.jpg) no-repeat;

	width: 370px;

	height: 75px;

	position: absolute;

	top: 200px;

	right: 0;

}



#tagline:lang(es) {

	background: url(images/headers/site_tagline_es.jpg) no-repeat;

}



@media screen and (max-width: 900px) {

	.parallaxLayer {

		display: none;

	}

	

	.parallax {

		display: none;

	}

}



@media screen and (max-width: 1200px) {

	#tagline {

		background: url(images/headers/site_tagline-mobile_en.jpg) no-repeat;

		-o-background-size: 100% auto;

		-webkit-background-size: 100% auto;

		-moz-background-size: 100% auto;

		background-size: 100% auto;

		max-width: 558px;

		min-height: 41px;

		width: auto;

		height: auto;

		position: relative;

		margin-left: auto;

		margin-right: auto;

		top: 10px;

		left: 0;

		right: 0;

	}

	

	#tagline:lang(es) {

		background: url(images/headers/site_tagline-mobile_es.jpg) no-repeat;

		-o-background-size: 100% auto;

		-webkit-background-size: 100% auto;

		-moz-background-size: 100% auto;

		background-size: 100% auto;

	}

	

	#navbar {

		margin-top: 50px;

	}

}



/* MENU ITEMS */

.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {

	background-color: transparent;

	color: #9f3441;

}

.nav-menu li a{

	padding: 15px 12px;

}

.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: #9f3441;

	font-style: normal;

}



.search-field {

	font-family: "Source Sans Pro", Helvetica, sans-serif;

}



/* FOOTER */

.site-footer .sidebar-container {

	background-color: #221B26;

}



.site-footer {

	background-color: transparent;

}



#wavyFooter {

	background: url(images/footer/wavy-purple.png) repeat-x;

	background-color: transparent;

	height: 14px;

}



.sidebar-container {

/*margin-bottom: 100px;*/

}



#cautionMatajuegos {

	background: url(images/footer/do-not-do-this-at-home.png) no-repeat;

	background-position: center 90%;

	-o-background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-moz-background-size: 100% auto;

	background-size: 100% auto;

	max-width: 624px;

	min-height: 133px;

	margin-left: auto;

	margin-right: auto;

}



.site-footer .sidebar-container {

	padding-bottom: 100px;

}

.spoiler{
	background-image: url(images/spoiler.png);
    background-repeat: no-repeat;
    background-position: left;
    font-family: 'Didact Gothic', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 20px;
    padding-left: 10px;
    text-align: center;
    font-weight: 600;
    width: 300px;
    margin: auto;
    color: #ff5f5f;
    border-radius: 10px;
    margin-bottom: 20px;
}