@charset "utf-8";

/*

    Familias y sexualidades: Prevención del embarazo en adolescentes
    INSTITUTO NACIONAL DE LAS MUJERES, INMUJERES.
	www.inmujeres.gob.mx

   
    Copyright © 2016 INMUJERES. All rights reserved.

*/

#page {
	background-image:none; /* NO BRICKS ON PAGE BACKGROUND */
}

#intro {
	background-color:#FFE298;
}

#poster {
	padding-bottom: 45%;
}

#floor {
	background: url(../img/floor_plant_02.svg) no-repeat 4% bottom, url(../img/floor_wall.svg) repeat-x center bottom;
	background-color:#fff2d1;
}

hr {
	border-top-color: #FFE298;
}

.accordion {
	background-color:#FFE298;
}

.accordion_item {
	background:#FFF3D6 url(../img/cap_02_accordion_bullet.svg) no-repeat;
}

.accordion_item_content {
	border-top-color: #FFE298;
}

/*******************/
/*** MEDIA QUERY ***/
/*******************/

@media only screen and (max-width: 768px) {
	
	.accordion_item {
		background-image: none;
		padding: 20px 60px 20px 20px;
	}
	
	#conclusion {
		padding: 40px 0 20px 0;
		justify-content:center;
	}
	
	#conclusion > .speech_bubble {
		width: 100%;
	}
	
	#conclusion > .speech_bubble_right:before {
		top:auto;
		bottom: -15px;
		right: 20%;
		box-shadow:	5px 5px 0 rgba(0,0,0, 0.1);
		transform:rotate(45deg) skew(15deg, 15deg);
		z-index:auto;
	}
	
	#conclusion > img {
		width: 50%;
	}
	
	#floor {
		background:url(../img/floor_plant_02.svg) no-repeat center bottom, url(../img/floor_wall.svg) repeat-x center bottom;
		background-color:#fff2d1;
	}
}

/* INTERACTIVE MECHANICS STYLES */

/* CUSTOM CLASSES USED WITH TOGGLE ON CLICK (toc.js) */

/* CAP 02 TEM 05 ACT 01 (a) */

.cap_02_tem_05a_text_a {
	width: 100%;
	top: -7px;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	color:#434a54;
}

.cap_02_tem_05a_text_b {
	width: 90%;
	left:5%;
	top: 50%;
	font-size: 22px;
	font-weight:bold;
	text-align:center;
	transform: translateY(-50%);
	color:#434a54;
}


/* CAP 02 TEM 06 ACT 01 (a) */

.cap_02_tem_06a_text_a {
	width: 80%;
	left:10%;
	top: 40%;
	font-size: 18px;
	text-align:center;
	transform: translateY(-50%) rotate(-5deg);
	color:#434a54;
	padding: 10px;
	border: solid 2px #D4C3A2;
	border-radius: 4px;
	background-color:#C8A554;
	box-shadow: 0 2px 0 rgba(0,0,0, 0.2);
}

.cap_02_tem_06a_text_b {
	width: 80%;
	left:10%;
	top: 30%;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	transform: translateY(-50%);
	color:#434a54;
}

/* CAP 02 TEM 07 ACT 01 (a) */

.cap_02_tem_07a_text_b {
	width: 90%;
	left:5%;
	top: 45%;
	font-size: 18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	transform: translateY(-50%);
	color:#967A70;
}

.cap_02_tem_07a_text_b:before, .cap_02_tem_07a_text_b:after {
	position: relative;
	font-size: 2em;
	vertical-align: baseline;
	color: #49CFAE;
	line-height:0.1em;
}

.cap_02_tem_07a_text_b:before{
	content: "\201C";
	top: 0.2em;
	left: -0.1em;
}

.cap_02_tem_07a_text_b:after{
	content: "\201D";
	top: 0.3em;
}