/* Main Nav Toggle Button */

button.menu-toggle:hover {
	background: transparent;
}

.menu-toggle {
	float: right;
	background-color: transparent;
	border-bottom: 21px double #000; 
	border-top: 7px solid #000;
	border-left: 0;
	border-right: 0;
	box-sizing: content-box;
	content: "";
	cursor: pointer;
	display: block;
	font-size: 16px;
	height: 7px;
	padding: 0;
	margin: 10px;
/*	position: absolute;
	right: 42px;
	top: 42px;*/
	width: 35px;
	border-radius: 0;
}

#resp_menu_kiddies,
#resp_menu_kiddies_rg,
#resp_menu_kiddies_section,
.resp_button_to_rg_kiddies,
.resp_button_to_section_kiddies,
.resp_navbar { /*ocultos para tamaños grandes de viewport*/
	display: none;
}

#resp_menu_kiddies,
#resp_menu_kiddies_rg,
#resp_menu_kiddies_section {
    clear: both;
    background-color: white;
}

#resp_menu_kiddies ul.styled-list,
#resp_menu_kiddies_rg ul.styled-list,
#resp_menu_kiddies_section ul.styled-list {
	border-radius: 0;
	border: none;
}

/*
Media Queries #RESP
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {
	
	.search-form input[type="search"] {
		background-image: url(images/search@2x.png);
	}

}

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

	.footer-widgets,
	/*.site-container,*/
	.wrap {
		max-width: 960px;
	}

	.mafsiciq-pro-home .main-slider {
		width: 72%;
	}
	.home-bottom-right {
		width: 26%;
	}
	.home-bottom-left,
	.home-bottom-middle{
		width: 35%;
	}
	.home-bottom-middle{
		margin-left: 2%;
	}
	#quick-links a {
	    padding: 4px 20px;
	    font-size: 15px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 693px;
	}

	.site-header .widget-area,
	.content {
		width: 693px;
	}

	.genesis-nav-menu.menu-primary a {
    	width: 132px;
	}

	.content-sidebar-sidebar .content,
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content{
		width: 426px;
	}	

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary {
		width: 267px;
	}	

	.highlighted-area .first-hl,
	.highlighted-area .middle-hl,
	.highlighted-area .last-hl {
		width: 32.6%;
	}

	.highlighted-area .first-hl {
		margin-right: 2%;
		padding-right: 2%;
	}

	.highlighted-area .middle-hl {
		padding-right: 2%;
	}

	.highlighted-area .last-hl {
		padding-left: 2%;
	}

	.home .title-area, 
	.one-third-logo .title-area {
		width: 267px;
	}
	body.one-third-logo .franja-titulo-seccion.seccion-jobs-grants {
		height: 58px;
		width: 267px;
		margin-top: 0;
	}

	.home .site-header .widget-area,
	.one-third-logo .site-header .widget-area {
		width: 693px;
	}
	body.one-third-logo .seccion-jobs-grants .font-size-zero {
		width: 693px;
		float: right;
	}

	.home .genesis-nav-menu.menu-primary a,
	.home .genesis-nav-menu.menu-primary .about-menu a,
	.home .genesis-nav-menu.menu-primary .industry-menu a,
	.home .genesis-nav-menu.menu-primary .outreach-menu a,
	.one-third-logo .genesis-nav-menu.menu-primary a,
	.one-third-logo .genesis-nav-menu.menu-primary .about-menu a,
	.one-third-logo .genesis-nav-menu.menu-primary .industry-menu a,
	.one-third-logo .genesis-nav-menu.menu-primary .outreach-menu a {
		width: 132px;
	}	

}

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

	.footer-widgets,
	.wrap {
		max-width: 760px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 550px;
	}

	.content-sidebar-sidebar .content,
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content {
    	width: 340px;
	}	

	.one-third-logo .site-header .widget-area,
	.home .site-header .widget-area,
	.site-header .widget-area,
	.content {
		width: 550px;
	}
	body.one-third-logo .seccion-jobs-grants .font-size-zero {
		width: 550px;
	}

	.genesis-nav-menu.menu-primary a{
    	width: 109px;
	}
	.genesis-nav-menu.menu-primary .about-menu a {
    	width: 110px;
	}

	.home .genesis-nav-menu.menu-primary a,
	.home .genesis-nav-menu.menu-primary .about-menu a,
	.home .genesis-nav-menu.menu-primary .industry-menu a,
	.home .genesis-nav-menu.menu-primary .outreach-menu a,
	.one-third-logo .genesis-nav-menu.menu-primary a,
	.one-third-logo .genesis-nav-menu.menu-primary .about-menu a,
	.one-third-logo .genesis-nav-menu.menu-primary .industry-menu a,
	.one-third-logo .genesis-nav-menu.menu-primary .outreach-menu a {
		width: 109px;
	}

	.genesis-nav-menu a {
		padding: 12px;
	}

	.genesis-nav-menu.menu-primary {
	    margin-top: 38px;
	}

	.genesis-nav-menu .menu-item {
	    display: inline-block;
	    text-align: left;
	    font-size: 12px;
	    font-size: 1.2rem;
	}
	.genesis-nav-menu.menu-secondary a {
	    padding: 5px 8px;
    }
	.genesis-nav-menu.menu-secondary li.social-media-iconos {
	    padding: 0;
	}
	.genesis-nav-menu.menu-secondary li.social-media-iconos a {
	    padding: 3px;
	}

	.content-sidebar-sidebar .content,
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content{
		width: 340px;
	}	

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary,
	.sidebar-secondary,
	.title-area,
	.home .title-area, 
	.one-third-logo .title-area {
		width: 210px;
	}
	body.one-third-logo .franja-titulo-seccion.seccion-jobs-grants {
		width: 210px;
		margin-top: 0;
	}

	.header-image .site-title a,
	.header-image .site-title a:hover {
		min-height: 100px;
		height: 100px;
		background-size: contain;
	}

	#quick-links a {
    	padding: 3px 8px;
    	font-size: 13px;
    	margin: 0 0 2px;
	}
	
	#quick-links ul {
	    margin-bottom: 13px;
	}

	.mafsiciq-pro-home .content .widget-title {
    	padding: 5px 18px;
    }

	h1.entry-title.titulo-franja.subhome-title {
	    font-size: 35px;
	}

	.breadcrumb .wrap {
	    padding-left: 228px;
	}

}

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

	body {
		font-size: 14px;
	}

	.mafsiciq-pro-home .main-slider {
	    width: 100%;
	}
	.slider-ads-container {
	    padding-top: 0;
	}
	.home-bottom-right {
		width: 100%;
    	padding: 18px 18px 0 18px;
	}
	.home-bottom-right #quick-links {
		width: 47%;
		margin-right: 3%;
		float: left;
	}
	.home .home-bottom-right .rounded-photo {
		width: 48%;
	    float: left;
	    margin-left: 0;
	    margin-right: 2%;
	    margin-bottom: 2%;
	}
	
	.site-container { /*#RESP*/
		padding: 0;
    	width: 100%;
		/*padding: 20px 5%;
		width: 94%;*/
	}

	.sidebar-moreinfo {
	    padding-left: 0;
	    border-left: 0;
	}

	.resp_menu_container {
		display: none;
	}

	#resp_menu_kiddies,
	.resp_button_to_rg_kiddies,
	.resp_button_to_section_kiddies,
	.resp_navbar { /*visible para tamaños pequeños de viewport*/
		display: block;
	}
	#kiddies {
		margin-bottom: 0;
	}
	.content-sidebar-wrap #kiddies {
		display: none;
	}
	.menu-toggle {
		border-bottom: 12px double #77ACB5;
	    border-top: 4px solid #77ACB5;
	    height: 4px;
	    width: 25px;
	}

	.genesis-nav-menu.menu-secondary {
	    text-align: center;
	}
	.genesis-nav-menu.menu-secondary .menu-item a {
	    font-size: 12px;
		padding: 6px;
    	border-right: 1px solid #CCC;
    	text-transform: lowercase;
	}
	.genesis-nav-menu.menu-secondary .social-media-iconos img {
    	vertical-align: middle;
	}
	.genesis-nav-menu.menu-secondary > .right {
		float: none;
	}

	.genesis-nav-menu.menu-primary {
	    margin-top: 5px;
	    border-top: 1px solid #CCC;
	}	
	.genesis-nav-menu.menu-primary .menu-item {
		width: 20%;
	}
	.one-third-logo .genesis-nav-menu.menu-primary .menu-item a,
	.home .genesis-nav-menu.menu-primary .menu-item a,
	.genesis-nav-menu.menu-primary .menu-item a {
	    width: 100%;
	    font-size: 11px;
	    padding: 12px 6px;
	}

	.resp_navbar.right {
		width: 25%;
		float: right;
	}
	.site-header .header-widget-area {
	    border-top: 1px solid #CCC;
	    padding-top: 5px;
	}
	.title-area,
	.home .title-area,
	.one-third-logo .title-area {
	    width: 75%;
	}
	.header-image .site-title {
		padding: 10px 0 0 10px;
	}
	.header-image .site-title a {
	    background: url(../img/logo-iciq-resp.png) no-repeat;
	    background-size: contain !important;
	    border-bottom: none;
	    margin: 0 10px;
	}

	.header-image .title-area {
	    margin-bottom: 10px;
	}

	/* Apartado de research */
	.rg-showcase-ficha.one-fourth {
	    width: 31%;
	    margin-right: 2%;
	    height: 220px;
	    margin-bottom: 20px;
	    border-bottom: none;
	    clear: none;
	}

	.single-research_group .rg-showcase-ficha.one-fourth {
	    height: 260px;
	}

	.image-RG-showcase {
    	height: initial;
    }

    .resp_button_to_rg_kiddies,
    .resp_button_to_section_kiddies {
    	padding: 6px 18px;
    	font-weight: bold;
    	background-color: #4D9E4D;
    	color: white;
    	font-size: 16px;
    }
    .resp_button_to_section_kiddies {
    	background-color: #343434;
    }   

    .page-template-temp-careers .resp_button_to_rg_kiddies{
    	background-color: #0B90B0;
    }

    .content .entry.research_group {
    	margin-bottom: 0;
    }

    .single-research_group .breadcrumb {
    	border-bottom: 0;
    }

	/* Otros elementos a controlar */
	h3.entry-title.titulo-franja {
	    font-size: 20px;
	    line-height: 1;
    	margin: 0;
	}
	h1.entry-title.titulo-post {
		line-height: 1;
	}
	.franja-titulo-seccion {
	    height: 38px;
	    padding: 10px 18px 0 18px;
	}
	body.one-third-logo .franja-titulo-seccion.seccion-jobs-grants {
    	width: 100%;
    	height: inherit;
    }
    .page-template-temp-careers .font-size-zero {
    	display: none;
    }
    #menu-positions {
    	margin-right: 4%;
	    width: 48%;
	    float: left;
    }
	.franja-titulo-post {
	    height: inherit;
	    padding-top: 0 !important;
	}
	.widget-area .rounded-photo img,
	.sidebar-banner img {
		max-width: none;
    	width: 100%;
	}
	#page-banners {
		width: 48%;
    	float: left;
	}
	#noticias-subhome-sidebar {
		clear: both;
	}	
	.home .rounded-photo {
		margin: 0 18px;
	}
	.sidebar-secondary.widget-area {
		padding: 0 18px;
	}
	.breadcrumb .wrap {
	    padding-left: 0;
	}
	.contenedor-img-subhome {
	    margin-top: -22px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.content-sidebar-sidebar .content,
	.content,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.sidebar-sidebar-content .content{
		width: 100%;
	}

	.sidebar-content .content,
	.sidebar-content-sidebar .content {
	    border-left: none;
	    margin-right: 0;
	}

	.sidebar-content .sidebar-primary,
	.sidebar-content-sidebar .sidebar-primary {
	    border-right: none;
	    margin-right: 0;
	}

	.five-sixths,
	.four-sixths,
	.home-bottom-left,
	.home-bottom-middle,
	.home-bottom-right,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.one-third-logo .site-header .widget-area,
	.home .site-header .widget-area,
	.site-header .widget-area,
	.content,
	body.one-third-logo .seccion-jobs-grants .font-size-zero {
		width: 100%;
	}
	
	.site-title {
		font-size: 32px;
	}
	
	.header-image .site-title a {
		background-size: contain !important;
	}
	
	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
	.genesis-nav-menu.responsive-menu {
		display: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}
	
	.genesis-nav-menu.responsive-menu .menu-item {
		margin: 0;
	}

	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}
	
	.genesis-nav-menu.responsive-menu li.current-menu-item > a,
	.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
	.genesis-nav-menu.responsive-menu li a,
	.genesis-nav-menu.responsive-menu li a:hover {
		background: none;
		border: none;
		display: block;
		line-height: 1;
		padding: 20px;
		text-transform: none;
	}
	
	.genesis-nav-menu.responsive-menu .current-menu-item > a,
	.genesis-nav-menu.responsive-menu .sub-menu a,
	.genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
	.genesis-nav-menu.responsive-menu a:hover,
	.genesis-nav-menu.responsive-menu li:hover > a {
		color: #fff;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;	
	}

	.genesis-nav-menu.responsive-menu > .menu-item-has-children > a {
		margin-right: 60px;
	}

	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f140";
		float: right;
		font: normal 20px/1 'dashicons';
		height: 20px;
		padding: 16px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
	}

	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f142";
	}

	.genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(0, 0, 0, 0.025);
		border: none;
		left: auto;
		opacity: 1;
		position: relative;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}

	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		background-color: transparent;
		margin: 0;
		padding-left: 25px;
	}

	.genesis-nav-menu.responsive-menu > li:hover .sub-menu a:hover,
	.genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		background: none;
		border: none;
		padding: 12px 20px;
		position: relative;
		text-transform: none;
		width: 100%;
	}
	
	.nav-primary .genesis-nav-menu.responsive-menu .current-menu-item > a,
	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu a,
	.nav-primary .genesis-nav-menu.responsive-menu > li:hover .sub-menu a,
	.nav-primary .genesis-nav-menu.responsive-menu a:hover,
	.nav-primary .genesis-nav-menu.responsive-menu li:hover > a {
		color: #222;
	}
	
	.genesis-nav-menu a {
		font-size: 12px;
	}
	
	.entry-meta .entry-tags {
		clear: both;
		float: left;
	}
	
	.entry-meta .entry-comments a {
		margin: 0 0 10px;
	}

	.site-footer {
	    padding: 18px;
	}

	.site-footer .footer-isolated-logo {
		text-align: inherit;
		float: none;		
	}
	
	.site-footer p {
	    clear: both;
	    width: 100%;
	}

}


@media (max-width: 400px) {
	.genesis-nav-menu.menu-primary .menu-item {
	    width: 100%;
	}

	.four-fifths,
	.one-fifth,
	.three-fifths,
	.two-fifths {
		margin: 0;
		width: 100%;
	}

	.one-fifth .aligncenter {
    	margin: 0 auto 10px;
	}

	.home-bottom-right {
		width: 100%;
    	padding: 18px 18px 0 18px;
	}	
	.home-bottom-right #quick-links {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	#quick-links a {
	    padding: 4px 18px;
	    font-size: 14px;
	}
	.home .home-bottom-right .rounded-photo {
		width: 100%;
	    float: none;
	    margin-left: 0;
	    margin-right: 0;
	    margin-bottom: 4%;
	}
	#page-banners {
		width: 100%;
    	float: none;
	}
	/* jobs and grants*/
	#menu-positions {
    	margin-right: 0;
	    width: 100%;
	    float: none;
    }
	/* Apartado de research */
	.rg-showcase-ficha.one-fourth {
	    width: 47%;
	    margin-left: 1.5%;
	    margin-right: 1.5%;
	    height: 210px;
	}
	/* Apartado de highlights*/
	.highlighted-area .first-hl,
	.highlighted-area .middle-hl,
	.highlighted-area .last-hl {
    	width: 100%;
    	margin: 0;
    	padding: 0;
	}
	.highlighted-area .first-hl,
	.highlighted-area .middle-hl {
		border-right: none;
	}
	.highlighted-area img {
		max-width: none;
    	width: 100%;
	}	
}