@charset "utf-8";

/*

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

   

*/

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

#intro {
	background-color:#fda897;
}

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

.accordion {
	background-color:#fda897; 
}

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

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

/*******************/
/*** 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 03 TEM 06 ACT 01 (a) */

.cap_03_tem_06a_text_b {
	width: 80%;
	left:10%;
	top: 35%;
	font-size: 21px;
	font-weight:bold;
	color:#434a54;
	margin:0;
	transform: translateY(-50%);
}

/* GROUP BOX */

/* CAP 03 TEM 03 GROUP BOX 01 */

.cap_03_tem_03_gb_01_color_01 {
	background-color: #AC92EC;
}

.cap_03_tem_03_gb_01_color_02 {
	background-color: #967ADC;
}

.cap_03_tem_03_gb_01_color_03 {
	background-color: #5D9CEC;
}

.cap_03_tem_03_gb_01_color_04 {
	background-color: #4A89DC;
}

.cap_03_tem_03_gb_01_color_05 {
	background-color: #4FC1E9;
}

.cap_03_tem_03_gb_01_color_06 {
	background-color: #3BAFDA;
}

.cap_03_tem_03_gb_01_color_07 {
	background-color: #48CFAD;
}

.cap_03_tem_03_gb_01_color_08 {
	background-color: #37BC9B;
}

.cap_03_tem_03_gb_01_color_09 {
	background-color: #A0D468;
}

.cap_03_tem_03_gb_01_color_10 {
	background-color: #8CC152;
}