@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:#95daf2;
}

#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: #95daf2;
}

.accordion {
	background-color:#95daf2; 
}

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

.accordion_item_content {
	border-top-color: #95daf2;
}

#conclusion {
	align-items:center;
}

#conclusion > .speech_bubble_right:before {
	top: 20%;
}

/*******************/
/*** 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 08 TEM 08 ACT 02 (b) */

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

.cap_08_tem_08b_text_b {
	width: 90%;
	left:5%;
	top: 44%;
	font-size: 16px;
	transform: translateY(-50%);
}

/* OVERRIDE CLASSES USED WITH AUDIO PLAYER (ap.js) */

.cap_08_tem_05a_ap {
	margin: 20px 0;
}

.cap_08_tem_05a_ap > audio {
	width: 100%;
}

.cap_08_tem_05a_ap_transcription {
	font-style: normal;
	opacity: 1;	
}