/*
Theme Name: Mama-ia
Description: Tema hijo de Avada para Mama-ia
Author: Daniel Acosta
Author URI: https://pokeru.net
Template: Avada
Version: 0.7.16
Text Domain: Avada
*/


@font-face {
    font-family:Museo-Sans;
    src:url(assets/Museo-Sans-W01-Rounded-1000.ttf);
}

#side-header .side-header-content-2{
	margin-top:0 !important;
}
.header-logo{
	text-align:center;
	margin-bottom:20px;
}
#ideas .fusion-builder-row .fusion-layout-column .fusion-column-wrapper .head-logo{
	display: none;
}
.fusion-main-menu,
.fusion-main-menu>ul>li>a,
.mama-grid.brownies > .mama-item .brownies-title,
h1,h2,h3,h4,h5{font-family:Museo-Sans,"Varela Round",Arial,Helvetica,sans-serif!important}

h1{text-transform:uppercase;line-height:1;font-size:42px;text-shadow:#000 1px 1px 1px}
h1,h2,h3,h4,h5{font-weight:bold}

#main{padding:0!important}

#side-header .fusion-main-menu > ul > li > a,
.fusion-logo a img{
	transition:all .4s!important;
}

#side-header .fusion-main-menu > ul > li > a:hover,
.fusion-logo a:hover img{
	transform:scale(1.05);
}

.fusion-social-networks{
	overflow:visible!important
}

#side-header .fusion-social-networks.boxed-icons a.fusion-social-network-icon{
	background:url(assets/round-button.svg) center no-repeat!important;
	background-size:100%!important;
	border:none!important;
	border-radius:none!important;
	text-shadow:#000 1px 1px 1px!important;
	transition:all .4s!important;
}

#side-header .fusion-social-networks.boxed-icons a.fusion-social-network-icon:hover{
	opacity:1!important;
	transform:scale(1.05);
}

.related-posts .fusion-rollover-gallery,
.fusion-blog-shortcode .fusion-rollover-gallery{
	display:none
}

.fusion-imageframe,
.fusion-imageframe img{
	width:100%;
}

.fusion-rollover{
	display:none!important;
	background:rgba(0,0,0,.5)!important;
}

.fusion-rollover a{
	color:#fff!important;
}

.fusion-rollover .fusion-rollover-link{
	background:#ffd506!important;
	color:#683b11!important;
}

.related-posts .fusion-rollover{display:block!important}

#wrapper #main .fusion-portfolio-content > h2.fusion-post-title,
#wrapper #main .fusion-post-content > .blog-shortcode-post-title,
#wrapper #main .fusion-post-content > h2.fusion-post-title,
#wrapper #main .post > h2.fusion-post-title,
#wrapper .fusion-events-shortcode .fusion-events-meta h2{
	font-size: 24px!important;
	line-height:30px!important;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

#wrapper #main .fusion-portfolio-content > h2.fusion-post-title:hover,
#wrapper #main .fusion-post-content > .blog-shortcode-post-title:hover,
#wrapper #main .fusion-post-content > h2.fusion-post-title:hover,
#wrapper #main .post > h2.fusion-post-title:hover,
#wrapper .fusion-events-shortcode .fusion-events-meta h2:hover{
	overflow:visible;
}

.fusion-blog-shortcode .fusion-image-wrapper{
	overflow:hidden;
	position:relative;
	padding-top:70%
}

.fusion-blog-shortcode .fusion-image-wrapper img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	min-height:100%;
}

.fusion-blog-shortcode .fusion-post-grid:hover .fusion-image-wrapper img{
}

.fusion-blog-layout-grid .post .flexslider{
	border-color:transparent!important;
}

.fusion-carousel .fusion-carousel-nav .fusion-nav-next,
.fusion-carousel .fusion-carousel-nav .fusion-nav-prev{
	background:#ffd506!important;
	color:#683b11!important;
	opacity:1!important;
}

.fusion-carousel .fusion-carousel-nav .fusion-nav-next{
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.fusion-carousel .fusion-carousel-nav .fusion-nav-prev{
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

.fusion-carousel .fusion-carousel-nav .fusion-nav-next:before,
.fusion-carousel .fusion-carousel-nav .fusion-nav-prev:before{
	color:#683b11!important;
	font-size:24px!important;
}

.wrap{
    max-width:940px;
    padding:0 20px;
    margin:0 auto;
}

.brownie-page{
	background:#97c42e url(assets/yellow-spikes-right.png) right center no-repeat;
	background-size:auto!important;
	font-size:18px
}

.brownie-page .fusion-carousel{
	background:url(assets/splash-green.png) center no-repeat;
	background-size:contain;
}

.brownie-page .fusion-imageframe{
	background:url(assets/splash-green.png) center no-repeat;
	background-size:contain;
	padding:0 50px;
	overflow:visible
}

@keyframes bounce-in{
	0%{
		transform:scale(.8);
	}
	25%{
		transform:scale(1);
	}
	100%{
		transform:scale(.9);
	}
}

.brownie-page .fusion-carousel .fusion-carousel-item img,
.brownie-page .fusion-imageframe img{
	width:100%;
	max-width:480px;
	height:auto;
	animation:bounce-in 1.6s;
	transform:scale(.9)
}

.brownie-page .fusion-carousel .fusion-carousel-nav .fusion-nav-next,
.brownie-page .fusion-carousel .fusion-carousel-nav .fusion-nav-prev{
	border-radius:20px!important
}

.brownie-page h2{
	background:url(assets/side-button.svg) center no-repeat;
	background-size:100% 100%;
	margin:20px auto;
	display:inline-block;
	padding:15px 30px;
	text-transform:uppercase;
	color:#f3d333;
	text-shadow:#000 1px 1px 1px;
	transition:color .4s;
	font-size:20px !important;
}

.social-page{
	background:#8d00e8 url(assets/yellow-spikes-left.png) left center no-repeat!important;
	color:#fff;
	background-size:auto!important;
	font-size:18px
}

.social-page h1.mundo-dice{
	display:block;
	margin:0 0 0 -40px;
	width:400px;
	height:283px;
	background:url(assets/mundo-dice-si.svg) center no-repeat;
	background-size:auto;
	text-indent:-9999px
}

.social-page section.header-block{
	position:relative;
}

.social-page section.header-block:after{
	display:block;
	content:'';
	clear:both;
}

.social-page section.header-block h1.mundo-dice{
	position:relative;
	float:left;
	z-index:20
}

.social-page section.header-block h2{
	float:right;
	position:relative;
	font-size:38px!important;
	line-height:1.2!important;
	text-transform:uppercase;
	margin-left:-80px;
	white-space:nowrap;
}

.social-page section.header-block h2 .bigger{
	display:block;
	font-size:1.6em;
	white-space:nowrap;
}

.social-page section.header-block .content{
	float:right;
	position:relative;
	margin:20px 0 20px -180px;
	padding:40px 20px 40px 80px;
	background:#30d;
	color:#fff;
	border-radius:20px;
	width:72%;
	width:calc(100% - 400px + 180px);
}

@media screen and (max-width:1180px){
	.social-page section.header-block h2{
		font-size:28px!important
	}
}

@media screen and (max-width:1080px){
	.social-page section.header-block h1.mundo-dice{
		float:none;
		margin:-20% auto 20px
	}
	
	.social-page section.header-block h2{
		display:none
	}
	
	.social-page section.header-block .content{
		float:none;
		padding:40px 40px 20px;
		margin:-40px 0 20px;
		width:auto
	}
	
}

@media screen and (max-width:600px){
	.social-page section.header-block h1.mundo-dice{
		width:320px;
		height:226px;
	}
}

.social-box:after{
	display:block;
	content:'';
	clear:both;
}

.social-box ul.tweets{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	margin-right:-20px;
}

.social-box ul.tweets.col1{
	float:left;
	margin:0;
	padding-right:10px;
	width:50%
}

.social-box ul.tweets.col2{
	float:right;
	margin:0;
	padding-left:10px;
	width:50%
}

.social-box ul.tweets:after{
	display:block;
	content:'';
	clear:both;
}

.social-box ul.tweets li{
	display:block;
	list-style:none;
	float:left;
	background:#ffd506;/*yellow*/
	color:#683b11;/*brown*/
	border-radius:20px;
	margin:0 20px 20px 0;
	font-size:14px;
	line-height:20px;
	width:calc(50% - 20px);
	padding:20px
}

.social-box ul.tweets li a{
	color:#683b11;
}

.social-box ul.tweets.cols li{
	float:none;
	width:auto;
	margin:20px 0;
}

.social-box ul.tweets li.alt{
	background:#e5007e;/*magenta*/
	color:#fff;
}

.social-box ul.tweets li.alt a{
	color:#fff;
}

.social-box ul.tweets li.title{
	background:transparent;
	color:#fff;	
	padding:20px 0;
}

.social-box ul.tweets li.title h2{
	font-size:52px!important;
	color: #fff;
	line-height:70px !important;
	margin:0;
	text-transform:uppercase;
	overflow:hidden;
	height:140px;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-shadow:#000 1px 1px 1px;
}

.social-box ul.tweets li.title h2 .bigger{
	display:block;
	font-size:1.5em;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.social-box ul.tweets li.title a{
	color:#fff;
}

.social-box ul.tweets li .user{
	display:block;
	line-height:70px;
	font-size:18px;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.social-box ul.tweets li .avatar{
	width:70px;
	height:70px;
	border-radius:35px;
	margin-right:10px;
}

.social-box ul.tweets li .tweet{
	display:block;
	margin:10px 10px;
	overflow:hidden;
	height:60px;
	line-height:20px
}

.social-box ul.tweets.cols li .tweet{
	height:auto;
	line-height:1.2
}

@media screen and (max-width:940px){
	.social-box ul.tweets.cols,
	.social-box ul.tweets.col1,
	.social-box ul.tweets.col2,
	.social-box ul.tweets li{
		float:none;
		width:auto;
	}
	
	.social-box ul.tweets li .tweet{
		height:auto;
	}
}

@media screen and (max-width:800px){
	.social-box ul.tweets li{
		float:left;
		width:calc(50% - 20px);
	}
	
	.social-box ul.tweets li .tweet{
		height:60px;
	}
}

@media screen and (max-width:600px){
	.social-box ul.tweets li{
		float:none;
		width:auto;
	}
	
	.social-box ul.tweets li .tweet{
		height:auto;
	}
}

.choco-bottom{
	background:#683b11 url(assets/choco-bottom.png) bottom no-repeat !important;
	background-size:100% auto!important;
	padding-bottom:80px
}

footer.mama-footer{
	background:#97c42e url(assets/choco-bottom.png) bottom no-repeat;
	background-size:100% auto;
	width:auto;/*calc(100% - 370px) esto hace falta en safari?*/;
	padding:4% 10px 9%;/*6% 0; /*80px 0*/
}

footer.mama-footer:after{
	content:'';
	clear:both;
	display:block;
}

footer.mama-footer .left-logo{
	float:left;text-align:left;
	transform:translateY(-20px)
	
}

footer.mama-footer .right-logo{
	float:right;text-align:right;
}

footer.mama-footer .copyright,
footer.mama-footer .copyright .fusion-copyright-notice,
footer.mama-footer .copyright .fusion-social-links-footer{
	display:block!important;
	width:auto;
	color:#fff;
	text-align:center;
	padding:0!important;
}

footer.mama-footer .copyright .fusion-social-networks .fusion-social-network-icon{
	color:#fff!important;
}

@media screen and (max-width:1200px){
	footer.mama-footer .left-logo{
		display:none;
	}
	footer.mama-footer .copyright{
		float:left
	}
	footer.mama-footer .copyright,
	footer.mama-footer .copyright .fusion-copyright-notice,
	footer.mama-footer .copyright .fusion-social-links-footer{
		text-align:left
	}
}

@media screen and (max-width:980px){
	footer.mama-footer .right-logo,
	footer.mama-footer .copyright,
	footer.mama-footer .copyright .fusion-copyright-notice,
	footer.mama-footer .copyright .fusion-social-links-footer{float:none;text-align:center;margin:20px 0}
	footer.mama-footer{padding: 3% 0 6%}
}

@media screen and (max-width:800px){ /*depende del break responsive avada*/
	footer.mama-footer{width:auto}
}

section.mama-contact{
	background:#97c42e url(assets/contacto-back.png) right bottom no-repeat;
	background-size:105% auto;
	padding:60px 20px 10px;
	text-align:center
}

section.mama-contact .wrap,
div.mama-contact .fusion-layout-column{
	max-width:640px;
	margin:0 auto;
}

section.mama-contact h1,
div.mama-contact h1{
	text-align:center;
	font-size:48px;
	color:#fff
}

section.mama-contact h2,
div.mama-contact h2{
	color:#fff
}
div.mama-contact h2{
	text-transform: uppercase;
    line-height: 1;
    text-shadow: #000 1px 1px 1px;
    text-align: center;
    font-size: 48px !important;
}

section.mama-contact form p,
section.mama-contact form span,
div.mama-contact form p,
div.mama-contact form span{
	margin:5px 0;
	display: block;
}

section.mama-contact form p.notice,
div.mama-contact form p.notice{
	font-size:1.2em;
	margin-bottom:10px
}

section.mama-contact form input[type=text],
section.mama-contact form input[type=email],
section.mama-contact form textarea,
div.mama-contact form input[type=text],
div.mama-contact form input[type=email],
div.mama-contact form textarea{
	width:100%;
	padding:20px;
	line-height:1.2;
	border:none !important;
	outline:none !important;
	border-radius:10px;
	background-color:rgba(0, 0, 0, .2);
	color:#fff!important;
	font-size:16px;
	height:auto
}

section.mama-contact form textarea,
div.mama-contact form textarea{
	height:120px
}

section.mama-contact form input[type=text]::-webkit-input-placeholder,
section.mama-contact form input[type=email]::-webkit-input-placeholder,
section.mama-contact form textarea::-webkit-input-placeholder,
div.mama-contact form input[type=text]::-webkit-input-placeholder,
div.mama-contact form input[type=email]::-webkit-input-placeholder,
div.mama-contact form textarea::-webkit-input-placeholder{
	color:#fff!important; opacity:1
}

section.mama-contact form input[type=text]::-moz-placeholder,
section.mama-contact form input[type=email]::-moz-placeholder,
section.mama-contact form textarea::-moz-placeholder,
div.mama-contact form input[type=text]::-moz-placeholder,
div.mama-contact form input[type=email]::-moz-placeholder,
div.mama-contact form textarea::-moz-placeholder{
	color:#fff!important; opacity:1
}

section.mama-contact form input[type=text]::-ms-input-placeholder,
section.mama-contact form input[type=email]::-ms-input-placeholder,
section.mama-contact form textarea::-ms-input-placeholder,
div.mama-contact form input[type=text]::-moz-placeholder,
div.mama-contact form input[type=email]::-moz-placeholder,
div.mama-contact form textarea::-moz-placeholder{
	color:#fff!important; opacity:1
}

section.mama-contact form button, section.mama-contact form input[type=submit],
div.mama-contact form button, div.mama-contact form input[type=submit]{
	font-family: Museo-Sans, "Varela Round", Arial, Helvetica, sans-serif !important;
	text-align:center;
	background:url(assets/side-button.svg) center no-repeat;
	background-size:100% 100%;
	margin:20px auto;
	display:inline-block;
	border:none!important;
	line-height:28px;
	padding:20px 40px;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color:#f3d333;
	text-shadow:#000 1px 1px 1px;
	transition:all .4s!important;
	cursor:pointer
}

section.mama-contact form button:hover, section.mama-contact form input[type=submit]:hover,
div.mama-contact form button:hover, section.mama-contact form input[type=submit]:hover{
	font-family: Museo-Sans, "Varela Round", Arial, Helvetica, sans-serif !important;
	text-align:center;
	background:url(assets/side-button.svg) center no-repeat;
	background-size:100% 100%;
	margin:20px auto;
	display:inline-block;
	border:none!important;
	line-height:28px;
	padding:20px 40px;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow:#000 1px 1px 1px;
	transition:all .4s!important;
	cursor:pointer;
	color:#fff;
	transform:scale(1.05);

}

div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; }
span.wpcf7-not-valid-tip { display: none; }
input[aria-invalid="true"], select[aria-invalid="true"] { border-color: red; background-color: rgba(153,0,0,0.3); }

.wpcf7-form-control.wpcf7-acceptance{
	margin:20px 0;
	text-align:left;
}
.wpcf7-form-control.wpcf7-acceptance label input,
.wpcf7-form-control.wpcf7-acceptance label span{
	display:inline;
}

.home-social:after{
	content:'';
	clear:both;
	display:block
}

.home-social .title-area{
	float:left
}

.home-social .title-area h1{
	margin:40px 0
}


.home-social .social-area{
	float:right;
	width:55%;
	max-width:480px;
	overflow:hidden
}

@media screen and (max-width:1200px){
    .home-social .title-area,
    .home-social .social-area{float:none;width:auto;max-width:auto;}
}

.post-head-image-area{
	position:relative;
	padding-bottom:38%;
	height:0;
	overflow:hidden;
	margin:0 0 20px
}

.post-head-image-area img{display:none}

.fusion-single-sharing-box .fusion-social-networks{overflow:visible!important}

article.single .fusion-single-sharing-box .fusion-social-network-icon{
	text-shadow:#000 1px 1px 1px
}

article.single.category-ideas-irresistibles{
	background:#683b11 url(assets/choco-bottom.png) bottom no-repeat; /*TODO: agregar fondo chocolatoso abajo*/
	background-size:100% auto;
	padding-bottom:120px;
	color:#fff;
	position:relative;
	overflow:hidden;
}

article.single.category-ideas-irresistibles:before{
	background:url(assets/yellow-spikes-left.png) top left no-repeat;
	background-size:100%;
	display:block;
	position:absolute;
	left:0;
	top:70%;
	width:74px;
	height:204px;
	content:'';
}

article.single.category-ideas-irresistibles:after{
	background:url(assets/yellow-spikes-right.png) top right no-repeat;
	background-size:100%;
	display:block;
	position:absolute;
	right:0;
	top:50%;
	width:74px;
	height:204px;
	content:'';
}

@media screen and (max-width:1400px){
	article.single.category-ideas-irresistibles:before,
	article.single.category-ideas-irresistibles:after{
		display:none;
	}
}

article.single.category-ideas-irresistibles .post-head-image-area{
	background:url(assets/ideas-default.jpg) center no-repeat;
	background-size:cover
}

article.single.category-ideas-irresistibles h1.ideas{
	text-align:center;
	margin:-12% 20px 0;
	position:relative;
	z-index:999
}

article.single.category-ideas-irresistibles h1.ideas > img{
	width:520px;
	max-width:80%;
	height:auto
}

article.single.category-ideas-irresistibles .post-content h1,
article.single.category-ideas-irresistibles .post-content h2,
article.single.category-ideas-irresistibles .post-content h3,
article.single.category-ideas-irresistibles .post-content h4,
article.single.category-ideas-irresistibles .post-content h5{
	color:#ffd506!important;
	text-shadow:#000 1px 1px 1px
}

article.single.category-ideas-irresistibles .post-content{
	background:#3c1b07; /*marron oscuro*/
	border-radius:20px;
	padding:40px 40px 20px;
	margin:-40px 0 -40px
}

.mundo-home{
	position:relative;
	background:/*#64a637*/ #97c42e url(assets/candy-pattern-green.png) center repeat;
}

section.mundo-home{
	position:relative;
	padding:40px 0;
	color:#fff;
	overflow:hidden;
}

section.mundo-home .wrap{
	transition:padding .4s;
	padding:0 100px;
}

section.mundo-home:before{
	background:url(assets/mundo-left.png) top left no-repeat;
	background-size:100%;
	display:block;
	position:absolute;
	left:-30px;
	top:20px;
	width:130px;
	height:672px;
	content:'';
	transition:left .8s
}

section.mundo-home:after{
	background:url(assets/mundo-right.png) top right no-repeat;
	background-size:100%;
	display:block;
	position:absolute;
	right:-30px;
	top:20px;
	width:125px;
	height:801px;
	content:'';
	transition:right .8s
}

section.mundo-home.scrolled:before{
	left:0
}

section.mundo-home.scrolled:after{
	right:0
}

@media screen and (max-width:1120px){
	section.mundo-home:before,
	section.mundo-home:after{
		display:none
	}
	section.mundo-home .wrap{
		padding:0 20px
	}
}

@media screen and (min-width:1400px){
	section.mundo-home .wrap{
		padding:0 20px
	}
}

section.mundo-home .content:after{
	display:block;
	content:'';
	clear:both
}

section.mundo-home .content h1.logo, section.mundo-home .content h2.logo{
	display:block;
	background:url(assets/mundo-small.svg) center no-repeat;
	background-size:auto 100%;
	margin:0;
	margin-left:-7%;
	width:42%;
	padding-top:32%;
	height:0;
	text-indent:-9999px;
	float:left;
	position:relative;
	z-index:1;
}

section.mundo-home .content-split{
	display:table;
	margin:0 -20px;
	width:auto;
	border-spacing:20px;
	vertical-align:bottom;
}

section.mundo-home .content .article,
section.mundo-home .content-split .article,
section.mundo-home .content-split .article-2{
	display:block;
	float:right;
	background:#000;
	color:#fff;
	position:relative;
	border-radius:10px;
	width:60%;
	padding-top:32%;
	height:0;
	overflow:hidden;
}

section.mundo-home .article .overlay,
section.mundo-home .article-2 .overlay,
section.mundo-home .article .background,
section.mundo-home .article-2 .background{
	background-color:transparent;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:background-color .4s;
	z-index:1;
}

section.mundo-home .article:hover .overlay,
section.mundo-home .article-2:hover .overlay{
	background-color:rgba(0,0,0,.2)
}

section.mundo-home .article .background,
section.mundo-home .article-2 .background{
	transition:transform .8s;
	transform:scale(1);
	z-index:0
}

section.mundo-home .article:hover .background,
section.mundo-home .article-2:hover .background{
	transform:scale(1)
}

section.mundo-home .content .article:before,
section.mundo-home .content-split .article:before,
section.mundo-home .content-split .article-2:before{
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	border-radius:10px;
	z-index:1
}

section.mundo-home .content .article .title,
section.mundo-home .content-split .title{
	font:30px Museo-Sans, "Varela Round", Arial, Helvetica, sans-serif;
	text-shadow:#000 1px 1px 1px;
	letter-spacing:1px;
	position:absolute;
	bottom:0;
	padding:40px 20px;
	margin:0;
	z-index:10;
	text-align:left;
	display:block;
}

section.mundo-home .content-split .title{
	position:relative;
	padding:0
}

section.mundo-home .content-split .article,
section.mundo-home .content-split .article-2{
	display:table-cell;
	float:none;
	width:auto;
	height:auto;
	padding:24% 20px 20px;
	vertical-align:bottom;
}

section.mundo-home .content-split .article-2{
	width:37%; /*(42-7)*/
	padding-top:20px;
}

section.mundo-home .content-full{
	display:table;
	vertical-align:top;
	background:#662483;
	border-radius:10px;
	margin-top:20px;
	width:100%
}

section.mundo-home .content-full .article{
	display:table-cell;
	vertical-align:top;
	padding:20px;
	color:#fff!important;
}

section.mundo-home .content-full .article .title{
	color:#fff;
	text-shadow:#000 1px 1px 1px;
	display:block;
	font:30px Museo-Sans, "Varela Round", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:bold;
	margin:.5em 0
}

section.mundo-home .content-full .article .excerpt{
	display:block;
	font:16px "Varela Round", Arial, Helvetica, sans-serif;
	margin:.5em 0
}

section.mundo-home .content-full .image{
	display:table-cell;
	width:40%;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}

@media screen and (max-width:940px){
	section.mundo-home .content-split{
		display:block;
		margin:0;
		border-spacing:0;
	}
	
	section.mundo-home .content-split .article,
	section.mundo-home .content-split .article-2{
		display:block;
		width:auto;
		height:auto;
		padding:30% 20px 40px;
		margin-top:20px;
	}
	
	section.mundo-home .content .article{
		width:auto;
		height:auto;
		float:none;
		padding:30% 20px 40px;
	}
	section.mundo-home .content .article .title{
		position:relative;
		padding:0;
	}
	
	section.mundo-home .content-full .image{
		display:none;
	}
	
	section.mundo-home .content h1.logo{
		background:url(assets/mundo-mama.svg) center no-repeat;
		background-size:contain;
		margin:0 0 20px -10%;
		width:auto;
		float:none;
		padding-top:40%;
	}
}

@media screen and (max-width:600px){
	section.mundo-home .content-full .article{
		padding:40px 20px;
	}
	
	section.mundo-home .content-full .article .excerpt{
		display:none;
	}
}

article.single.category-blog{
	background:/*#64a637*/ #97c42e url(assets/candy-pattern-green.png) center repeat;
	padding-bottom:20px;
	color:#fff;
}

article.single.category-blog .post-head-image-area{
	padding-bottom:45%;
}

/*
article.single.category-blog .post-head-image-area{
	background: none !important;
	background-size: cover;
	height:auto;
	padding:0;
}

article.single.category-blog .post-head-image-area img{
    display: block;
    width: 100%;
    height: auto;
}
*/

article.single.category-blog h1.ideas{
	text-align:center;
	margin:-20% -20px 0 0;
	position:relative;
	z-index:999
}

article.single.category-blog h1.ideas > img{
	width:540px;
	max-width:90%;
	height:auto
}

article.single.category-blog .post-content h1,
article.single.category-blog .post-content h2,
article.single.category-blog .post-content h3,
article.single.category-blog .post-content h4,
article.single.category-blog .post-content h5{
	color:#ffd506!important;
	text-shadow:#000 1px 1px 1px;
}

article.single.category-blog .post-content{
	background:rgba(63, 128, 30, .4);
	border-radius:20px;
	padding:40px 40px 20px;
	margin:-40px 0 -40px;
}

article.single.category-blog .fusion-single-sharing-box{
	background:rgba(63, 128, 30, .4);
}


/*
<section class="brownies mama-grid">
    	<a href="#" class="mama-item mama-item-green-dots">
        <span class="brownies-title">Arequipe</span>
        <span class="mama-background brownie-arequipe"></span>
        <span class="mama-hover brownies-description">
        	Esta es la descripción de este brownie.
            <a class="button" href="#">Ver más</a>
        </span>
        </a>
        
    	<a href="#" class="mama-item mama-item-green">
        <span class="brownies-title">Chocolate</span>
        <span class="mama-background brownie-arequipe"></span>
        <span class="mama-hover brownies-description">
        	Esta es la descripción de este brownie.
            <a class="button" href="#">Ver más</a>
        </span>
        </a>
    </div>
</section>
*/

.mama-grid{
	display:block;
}

.mama-grid:after{
	content:'';
	display:block;
	clear:both;
}

.mama-grid > .mama-item{
	display:block;
	/*width:33.3333%;*/
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}

.mama-grid.mama-grid-2 > .mama-item{
	display:block;
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}

.mama-grid > .mama-item > .mama-background{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

.mama-grid > .mama-item > .mama-hover{
	opacity:0;
	transition:all .8s;
	z-index:100;
}

.mama-grid > .mama-item:hover > .mama-hover{
	display:block;
	opacity:1;
}

.mama-grid.purple > .mama-item,
.mama-grid > .mama-item-purple{
	background:#8d00e8;
	color:#fff
}

.mama-grid.purple > .mama-item-alt,
.mama-grid.purple > .mama-item-magenta{
	background:#e5007e;
	color:#fff
}

.mama-grid.green > .mama-item,
.mama-grid > .mama-item-green-dots{
	background:#97c42e url(/wp-content/uploads/2017/05/sideback.png) repeat;
	color:#fff
}

.mama-grid.green > .mama-item-alt,
.mama-grid > .mama-item-green{
	background:#64A637;
	color:#fff
}

.mama-grid.brownies > .mama-item{
	height:340px
}

.mama-grid.brownies > .mama-item::after{
	content:' ';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	opacity:.3;
	background:url(assets/splash-green.png) center bottom no-repeat;
	background-size:auto 90%
}

.mama-grid.brownies > .mama-item .brownies-title{
	position:absolute;
	top:30px/*0*/;
	right:10%/*20px*/;
	width:80%/*100%*/;
	padding:20px 0/*60px 20px*/;
	text-align:center;
	font-size:32px;/*24px; /*36*/
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.1;
	z-index:1000/*20*/;
	transition:all .4s;

	/*background: url(/wp-content/uploads/2017/05/side-button.svg) center no-repeat;
	background-size: 100% 100%;*/
	border: none !important;
	color:#fff/*#f3d333*/;
	text-shadow:#000 1px 1px 1px;
	
	/*white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;*/
}

.mama-grid.brownies > .mama-item .brownies-title br{
	display:none;
}

.mama-grid.brownies > .mama-item:hover .brownies-title{
	color:#fff;
	transform:scale(1.07);
}

.mama-grid.brownies > .mama-item .mama-background{
	transition:transform .8s
}

.mama-grid.brownies > .mama-item:hover .mama-background{
	transform:scale(.9);
}

.mama-grid.brownies > .mama-item > .mama-background.brownie-arequipe{
	background:url(/wp-content/uploads/2017/05/brownie-arequipe.png) center no-repeat;
	background-size:contain
}

.mama-grid.brownies > .mama-item > .mama-background.brownie-chocolate{
	background:url(/wp-content/uploads/2017/05/brownie-chocolate.png) center no-repeat;
	background-size:contain
}

.mama-grid.brownies > .mama-item > .mama-background.brownie-mani-caramelo{
	background:url(/wp-content/uploads/2017/05/brownie-mani-caramelo.png) center no-repeat;
	background-size:contain;
}

.mama-grid.brownies > .mama-item > .mama-background.brownie-mms{
	background:url(/wp-content/uploads/2017/05/brownie-mms.png) center no-repeat;
	background-size:contain;
	background-position-y:-20px;
}

.mama-grid.brownies > .mama-item > .mama-background.brownie-mora-arequipe{
	background:url(/wp-content/uploads/2017/05/brownie-mora-arequipe.png) center no-repeat;
	background-size:contain
}

.mama-grid.brownies > .mama-item > .mama-background.brownie-azucar{
	background:url(/wp-content/uploads/2017/05/brownie-azucar.png) center no-repeat;
	background-size:contain
}

.mama-grid.brownies > .mama-item > .brownies-description{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:10px;
	padding-top:140px;
	background:rgba(0,0,0,.4);
	color:#fff;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	transition:all .4s
}

.mama-grid.brownies > .mama-item > .brownies-description:after{
	content:'Ver más';
	background:url(assets/button-yellow.svg) center no-repeat;
	background-size:100% 100%;
	margin:20px auto;
	display:block;
	padding:10px 30px;
	max-width:90px;
	font:18px Museo-Sans, "Varela Round", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#683b11
}

@media screen and (max-width:1100px){
	.mama-grid > .mama-item{width:50%}
	
	.mama-grid.mama-grid-2 > .mama-item{
		width:auto;float:none;
	}
	
	.mama-grid.brownies > .mama-item .brownies-title{
		font-size:32px;
	}
	
	.mama-grid.brownies > .mama-item > .brownies-description{
		padding-top:140px;
	}
}

@media screen and (max-width:940px){
	.mama-grid > .mama-item{width:auto;float:none;}
	.mama-grid.brownies > .mama-item .brownies-title{
		font-size:36px;
	}
	.mama-grid.brownies > .mama-item > .brownies-description{
		padding-top:140px;
	}
}

@media screen and (max-width:800px){ /*responsive Avada sin side*/
	.mama-grid > .mama-item{width:50%;float:left}
	
	.mama-grid.brownies > .mama-item .brownies-title{
		font-size:32px;
	}
	.mama-grid.brownies > .mama-item > .brownies-description{
		padding-top:140px;
	}
	
}

@media screen and (max-width:520px){
	.mama-grid > .mama-item{width:auto;float:none;}
	.mama-grid.brownies > .mama-item .brownies-title{
		font-size:36px;
	}
	.mama-grid.brownies > .mama-item > .brownies-description{
		padding-top:160px;
	}
}



.mama-grid .article{
	display:block;
	background:#000;
	color:#fff;
	position:relative;
	border-radius:20px;
	padding-top:80%;
	height:0;
	overflow:hidden;
	margin:0
}

.mama-grid .article .overlay,
.mama-grid .article .background{
	background-color:transparent;
	background-size:cover;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:background-color .4s;
	z-index:1;
}

.mama-grid .article:hover .overlay{
	background-color:rgba(0,0,0,.2)
}

.mama-grid .article .background{
	transition:transform .8s;
	transform:scale(1.1);
	z-index:0
}

.mama-grid .article .background img{
	display:none;
}

.mama-grid .article:hover .background{
	transform:scale(1);
}

.mama-grid .article:before{
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	z-index: 1;
}

.mama-grid .article .title{
	font:30px Museo-Sans, "Varela Round", Arial, Helvetica, sans-serif;
	text-shadow:#000 1px 1px 1px;
	letter-spacing:1px;
	position:absolute;
	bottom:0;
	padding:20px 20px;
	margin:0;
	z-index:10;
	text-align:left;
	display:block;
}
p.text-center {
    text-align: center;
}