/*  
Theme Name: Beneficiencia Sullana
Theme URI: http://www.nervsoft.net
Description: Template diseñador para la Beneficiencia de Sullana
Version: 1.2
Author: Tabrisius
Author URI: http://www.nervsoft.net/
*/



@font-face{
	font-family:"Social_iconos";
	src:url('Social_iconos.otf');
	font-weight:normal;
}

body{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12pt;
	text-align: left;
	vertical-align: top;
	background-color: #f2f2f2;
	color: #000000;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #FFF;
}

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

a{
  text-decoration: none;
  color: initial;
}

#logo{
background-image: url(logo_bnfsull.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 80%;
  width: 80%;
  margin: 10%;
}

	#cuerpo{
		/*background-color:#FFF;*/
		margin: 0 auto 0 auto;
		max-width: 1366px;
		text-align: left;
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-gap: 20px;
		width: 1366px;
		margin: auto;
	}
	
	#cuerpo.producto{
		margin-top: 110px;
	}	
	
	

		#header{

  width: 100%;
  position: absolute;
  z-index: 999;
  margin: auto;
  text-align: center;
  box-sizing: border-box;

		}
		
		
		#header .wrapper{
display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  margin: auto;
		}	



		#header .wrapper .menus{
			min-width: 600px;
			  display: grid;
			  grid-template-columns: repeat(2, 1fr);
			  grid-column: 2/5;
		}
		
		
		#header .wrapper .menus>div:nth-child(1){
			grid-column: 1/3;
			  grid-row: 2;
			  text-align: right;
		}
		
		#header .wrapper .menus>div:nth-child(2){
			grid-column: 1/3;
			grid-row: 1;
			text-align: right;
		}		
		#header .wrapper .menus>div:nth-child(3){
		  grid-column: 2;
		  grid-row: 1;
		}			

		.container{
			grid-column: 1/9;
			/*grid-row: 3;*/
		}
		
		
		
		
		#cuerpo.producto .container {
		  grid-column: 1/5;
		  grid-row: 3;
		}
		
		#cuerpo.home .container {
		  grid-column: 1/9;
		}
			.post {
			  padding: 40px;
			}
		
				h1{
					font-size: 27pt;
					  margin-bottom: 40px;
					  color: #2e71b2;
				}
				
				h2{
					font-size: 18pt;
					  margin-bottom: 20px;
					  color: #2e71b2;
				}				
				
			
				.entry{
					
				}
				
				.entry p,
				.entry ul>li{
					margin: 20px 0px;
					line-height: 20pt;
				}
				
				.entry ul>li{
					margin: 0px;
					line-height: 20pt;
				}				
				
				.entry p.telefono::before {
					 content: "📱";
					padding-right: 10px;
				}
				
				.entry p.correo::before {
					 content: "✉️";
					padding-right: 10px;
				}

				.entry p.ubicacion::before {
					 content: "📌";
					padding-right: 10px;
				}
				
					
				}				
					p.postmetadata{
						border-top: 1px solid #ccc;
						margin: 10px 0 0 0;
					}
					
					.navigation{
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						grid-gap: 20px;
						margin: 40px 0px;
					}
					
					.navigation>div:nth-child(1){
						grid-column:1;
					}
					
					.navigation>div:nth-child(2){
						grid-column:2;
						text-align: right;
					}						
					
			
		.sidebar{
			grid-column: 5;
			grid-row: 3;
			padding-top: 40px;
		}
		
			.sidebar ul{
				list-style-type: none;
				margin: 0;
				padding: 0px;
			}
			
			.sidebar ul li a {
				padding:2px 0px;
				transition: all .3s ease-in-out;
			}
			
			.sidebar ul li a:hover {
				padding:2px 0px 2px 10px;
			}			
			
			
				.sidebar ul li{
					margin: 10px 0 10px 0;
				}
				
					.sidebar ul li h2{
						font-family: Georgia, Sans-serif;
						font-size: 14px;
					}
					
						.sidebar ul ul li{
							padding: 0;
							line-height: 24px
						}
						
							table#wp-calendar{
								width: 100%;
							}				
		
		.comments-template{
			margin: 10px 0 0;
			border-top: 1px solid #ccc;
			padding: 10px 0 0;
		}
		
			.comments-template ol{
				margin: 0;
				padding: 0 0 15px;
				list-style: none;
			}
			
				.comments-template ol li{
					margin: 10px 0 0;
					line-height: 18px;
					padding: 0 0 10px;
					border-bottom: 1px solid #ccc;
				}
		
			.comments-template h2, .comments-template h3{
				font-size: 16px;
			}
		
			.commentmetadata{
				font-size: 12px;
			}
		
			.comments-template p.nocomments{
				padding: 0;
			}
			
			.comments-template textarea{
				font-family: Arial, Helvetica, Georgia, Sans-serif;
				font-size: 12px;
			}
		
							
		footer{
			margin: auto;
			text-align: center;
			background-color: #184b7b;
			color: #fff;
		}
		
		footer .wrapper{
			/*max-width: 1366px;*/
			text-align: left;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			grid-gap: 50px;
			width: 1366px;
			margin: auto;
			padding: 40px;
		}

		footer .logoFooter{
			background-image: url(benef_H_W.svg);
			width: 100%;
			min-height: 100px;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}
		
		footer p{
			margin:5px auto;
		}
		
		footer .ubicacion{
			background-image: url(vector60-6771-01.png);
			  background-position: top left;
			  background-repeat: no-repeat;
			  padding-left: 24px;		
		}
		
		footer .phone{
			background-image: url(5a452601546ddca7e1fcbc87.png);
			  background-position: top left;
			  background-repeat: no-repeat;
			  padding-left: 24px;		
		}		
		
		footer a{
			color:#FFF;
		}
		
		footer div.menu {
		text-align: left;
		  font-size: 12pt;
		  border-left: solid 1px #FFF;
		  padding-left: 20px;
		}
		
		footer div.menu a{
			display:block;
			color:#FFF;
			margin-bottom:10px;
		}	

		footer .creditos {
		  grid-column: 1/5;
		  text-align: center;
		}

		.social-footer nav.social-menu ul li a {
			color: #FFF;
			font-size: 21pt;
			padding: 0px;
			background-color: #184B7B;
			border: solid 2px #FFF;
			border-radius: 21px;
			transition: all .3s ease-in-out;
		}

		.social-footer nav.social-menu ul li a:hover {
			color: #184B7B;
			background-color: #FFF;
			border: solid 2px #FFF;
		}
		
				
		
		#jumbotron {
			width: 100%;
			grid-column: 1/6;
			grid-row: 2;
		}
		
		.film{

  height: 200px;
  position: absolute;
  z-index: 998;
  background-color: #00000052;
  width: 100%;
  mix-blend-mode: multiply;
  background: linear-gradient(180deg, rgba(0,0,0,0.5634453610545781) 0%, rgba(0,0,0,0) 100%);

		}
		
		.film2 {
  height: 100px;
  position: absolute;
  bottom:0px;
  z-index: 998;
  background-color: #00000052;
  width: 100%;
  /*mix-blend-mode: multiply;*/
 background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
}
		
		#jumbotron {
		  border-bottom: 1px solid #2a84c5;
		  width: 100%;
		  min-height: 100px;
		  background-color: #FFF;
		  /*background-image: url(https://lunaconsultores.com/wp-content/themes/LunaConsultores/img/jumbotron_loading.gif);*/
		  background-repeat: no-repeat;
		  background-position: center;
		  overflow: hidden;
		  position: relative;
		  height: 550px;
		}
		
		#jumbotron.single,
		#jumbotron.category {
			 border-bottom: none;
			width: 100%;
			min-height: 100px;
			background-color: #FFF;
			background-repeat: no-repeat;
			background-position: center;
			overflow: hidden;
			position: relative;
			height: 200px;
			background: linear-gradient(180deg, rgba(42,132,197,1) 0%, rgba(255,255,255,1) 100%);
		}

		#jumbotron.single img,
		#jumbotron.category img{
			display:none;
		}
		
		#jumbotron.single img,
		#jumbotron.category .carrousel {
			display:none;
		}		
		#jumbotron.single .film,
		#jumbotron.single .film2,
		#jumbotron.category .film,
		#jumbotron.category .film2{
			display:none;
		}
		
		
		
		#jumbotron.page {
		  height: 350px;
		  border-bottom: none;
		}
		
		
		#jumbotron.producto {
			display:none;
		}
		
		#jumbotron .cycle-pager {
			position: absolute;
			bottom: 0px;
			margin: auto;
			left: 0px;
			right: 0px;
			text-align: center;			
			z-index:998;

		}

		#jumbotron .cycle-pager span{
			font-size: 0pt;
			margin: 10px 10px;
			color: #FFF;
			display: inline-block;
			width: 15px;
			height: 15px;
			background-color: #FFF;
			border-radius: 10px;
			border: solid 1px #ccc;
			transition:0.3s all ease-in-out;
			vertical-align: middle;
		}
		
		#jumbotron .cycle-pager span.cycle-pager-active{
			font-size: 0pt;
			margin: 5px 10px;
			color: #FFF;
			display: inline-block;
			width: 25px;
			height: 25px;
			background-color: #ccc;
			border-radius: 20px;
			border: solid 1px #ccc;
		}	
		
		.diapositiva.expansible{
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
			height: 550px;
			width: 100%;
		}
		
div.menu {
grid-row: 4;
  grid-column: 2/6;
  text-align: right;
  font-size: 0px;
}


div.menu .fake_menu{
  display: inline-block;
  vertical-align: top;
  background-color: #FFF;
  padding: 5px 5px 6px 5px;
}

.secondarymenu {
grid-row: 3;
  grid-column: 2/6;
  text-align: right;
}

.menu_redes {
	grid-row: 2;
	grid-column: 2/6;
	text-align: right;
}

.logo {
grid-row: 1/5;
  grid-column: 1;
  background-color: #FFF;
  border-radius: 0px 0px 20px 20px;
  border-bottom: solid 10px #2e71b2;
}

#productos{
	text-align: left;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	margin: auto;
	margin-top: 20px;
}

	#productos .post{
		border:solid 1px #e3e3e3;
		background-color: #FFF;
		padding:0px;
	}
	
	
	
	#productos .post .fotocover{
	  min-height: 200px;
	  background-size: 100%;
	  background-repeat: no-repeat;
	  background-position: center;
	  transition: all 1s;
	}
	
	
	#productos .post:hover .fotocover{
	  background-size: 120%;
	}	

	.padding{
		padding:20px;
	}
	
nav.main-menu {
height: auto;
  font-size: 0pt;
  display: inline-block;
  background-color: #FFF;
}

.secondarymenu nav.main-menu {
  background: transparent;
}

.secondarymenu nav.main-menu > ul > li > a {
	text-transform: initial;
	padding: 7px 20px;
	display: block;
	transition: all .1s ease-out 0s;
	background-color: #2e71b2;
	margin: 0px 4px;
	border-radius: 9px;
	color: #FFF;
	font-size: 11pt;
}

.secondarymenu nav.main-menu > ul > li > a:hover {
	text-transform: initial;
	padding: 7px 20px;
	background-color: #ecda3f;
	color: #2e71b2;
	text-decoration:none;
	
}


nav.main-menu ul {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  outline: none;
  font-size: 12pt;
}

nav.main-menu > ul > li {
  float: left;
}

nav.main-menu > ul > li > a {
text-transform: uppercase;
  padding: 20px 30px;
  display: block;
  transition: all .1s ease-out 0s;
}

nav.main-menu > ul > li > a:hover{
  padding: 15px 30px 25px 30px;
  color:#2e71b2;
  text-decoration:underline;
}

nav.main-menu > ul > li > ul {
	background-color: rgb(255, 255, 255);
	list-style: none;
	position: absolute;
	z-index: 999;
	display: block;
	margin: 0;
	overflow: visible;
	text-align: left;
	border: solid 1px #d7d7d7;
}

nav.main-menu > ul > li > ul {
  list-style: none;
}

nav.main-menu > ul > li > ul > li >ul {
  background-color: #e3e3e3;
  color: #FFF;
  width: 100%;
  box-sizing:border-box;
  padding-left:10px;
}


nav.main-menu > ul > li > ul > li:first-child > a {
  border-radius: 6px 6px 0px 0px;
  min-width: 150px;
}
nav.main-menu > ul > li ul > li > a {
	color: #939393;
	display: block;
	transition: all .3s;
	padding: 10px;
}

nav.main-menu > ul > li ul > li > a:hover {
  color: #000;
  padding: 10px 5px 10px 15px;
}



nav.main-menu a {
  text-decoration: none;
}

nav.social-menu {
  display: inline-block;
  font-family:Social_iconos;
}

nav.social-menu ul {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

nav.social-menu ul li {
	float: left;
	display: block;
	margin: 0px 5px;
	text-align: center;
}

nav.social-menu ul li a{
color: #2E71B2;
  font-size: 21pt;
  padding: 0px;
  background-color: #fff;
  border: solid 1px #2e71b2;
  border-radius: 21px;
  transition: all .3s ease-in-out;
  width: 40px;
  height: 40px;
  display: inline-block;
  box-sizing: border-box;
  line-height: 31pt;
}

nav.social-menu ul li a:hover{
	color: #FFF;
	background-color: #2E71B2;
	border: solid 1px #FFF;
}


.logo a {
	height:100%;
	width:100%;
	display: inline-block;
	box-sizing:border-box;
	padding:15px;
}

.logo .expandible {
  width: 100%;
  height: 100%;
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}

.posts_children {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-top: 50px;
}

.container.nosotros .posts_children {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  margin-top: 50px;
  min-height: 200px;
}

.container.nosotros.servicios .posts_children {
  grid-template-columns: repeat(5, 1fr);
}

.container.nosotros .posts_children .children {
position: relative;
  transition: all .3s ease-in-out;
  top: 0px;
  background-color: #FFF;
  height: 100%;
  border: solid 1px #2e71b2;
  color: #2e71b2;
  text-align: center;
  border-radius: 10px;
  width: 100%;
  vertical-align: middle;
  margin: auto;
  display: inline-flex;
}

.container.nosotros .posts_children .children  .pading_contenido {
  padding: 20px;
  display: inline-block;
  margin: auto;
}

.container.nosotros .posts_children .children:hover {
  position: relative;
  background-color: #2e71b2;
  height: 100%;
  border: solid 1px #2e71b2;
  color: #FFF;
  text-align: center;
  border-radius: 10px;
}

.container.nosotros .posts_children .children:hover h3{
  color: #FFF;
}



.posts_children.relacionados {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  margin-top: 20px;
}

.children{
	position:relative;
	/*box-shadow: 2px 1px 21px -9px rgba(0,0,0,0.1);
	box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.10);*/
	border: solid 1px #2e71b2;
	transition: all .3s ease-in-out;
	top:0px;
	background-color: #FFF;
	height: 100%;
}

.children:hover{
	/*box-shadow: 2px 1px 21px -9px rgba(0,0,0,0.36);*/
	/*box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.19);*/
	/*top:-5px;*/
}

.children:hover .fotocover{
	/*box-shadow: 2px 1px 21px -9px rgba(0,0,0,0.36);*/
	top:-5px;
}


.children .fotocover{
	position:relative;
	min-height: 150px;
	background-size:cover;
	transition: all .3s ease-in-out;
	top:0px;
}

#productos_relacionados{
  margin-top: 20px;
}

.pading_contenido{
  padding: 20px;
}

p.marca{
	font-size: 9pt;
	border: solid 1px gray;
	padding: 1px 3px;
	display: inline-block;
	color: gray;
	margin-bottom: 5px;
}

.sidebar .caja{
  background-color: #FFF;
  border: solid 1px #e3e3e3;
  margin-bottom: 20px;
}
.producto .resumen{
  display: inline-block;
  background-color: #FFF;
  border: solid 1px #f0f0f0;
  padding: 10px 20px;
  margin-bottom: 10px;

}

.producto .header{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.producto .header .imagen{
/*   background-color: #FFF;
  border: solid 1px #f0f0f0;
  text-align: center; */
}


.navigation a,
.boton{
  border: solid 1px gray;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 0px;
  margin: 10px auto;  
  background-color:#FFF;
  transition: all .3s ease-in-out;
  cursor:pointer;
}


.navigation a:hover,
.boton:hover{
  border: solid 1px gray;
  display: inline-block;
  background-color:gray;
  color:#FFF;
}

.boton[disabled],
.boton[disabled]:hover{
  background-color: #b5b5b5;
  color: #FFF;
  border: solid 1px #b5b5b5;
  cursor: not-allowed;
}

#whatsapp {
width: 62px;
  height: 63px;
  position: fixed;
  right: 41px;
  bottom: 29px;
  /*display: inline-block;*/
  display: inline-flex;
  z-index: 999;
  border-radius: 94px;
  transition: 0.2s all;
  line-height: 47pt;
  color: #FFF;
  background-color: #0dc143;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}

#whatsapp span.icon{
	font-size: 53pt;
	font-family: Social_iconos;
	padding: 0px 6px;
}

#whatsapp span.mensaje{
	font-size:14pt;
	font-weight: bold;
}

#whatsapp:hover {
	width: 355px;
}

.vitrina{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
}

.vitrina .miniaturas{
  grid-column: 1;
  grid-row: 1;
}

.vitrina .completa{
	grid-column: 2/7;
	grid-row: 1;
	background-color: #FFF;
	border: solid 1px #f0f0f0;
	text-align: center;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.vitrina .completa.only{
	grid-column: 1/7;
}


.vitrina .miniaturas .thumbnail{
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 10px;
	background-size: cover;
	background-position: center;
	cursor:pointer;
	transition:0.3s all ease-in-out;
	opacity:1;
	border: solid 1px #f0f0f0;
	box-sizing: border-box;
	
}

.vitrina .miniaturas .thumbnail:hover{
	opacity:0.7;
}

.posts_per_categoria_producto{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: solid 1px #e3e3e3;
}
#cart .cart_producto{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 5px;
	padding-bottom: 10px;
	border-bottom: solid 1px #e3e3e3;
	margin-bottom: 10px;
	overflow: hidden;
	margin-top: 20px;
}

#cart.detalle .cart_producto {
  grid-gap: 20px;
}

#cart .cart_producto img{
	display: inline-block;
}

#cart.detalle .cart_producto img {
  border: solid 1px #e3e3e3;
}

#cart .cart_producto .desc{
	font-size: 9pt;
	grid-column: 2/6;
}

#cart.detalle .cart_producto .desc {
  font-size: 12pt;
}

#cart .cart_producto .cantidad:not(.boton){
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0px;
  padding: 10px;
  text-align: center;
}

#cart.detalle .cart_producto .cantidad:not(.boton){
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0px;
  padding: 4px;
  text-align: center
}


#cart .cart_producto .cantidad p{
	padding:5px;
}

#cart .cart_producto .cantidad .boton p{
  padding: 0px;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  margin: auto;
}

#cart .cart_producto .cantidad{

}

#cart .cart_producto .cantidad .boton{
	margin:0px;
	width: 100%;
	box-sizing: border-box;
	text-align:center;
	position: relative;
}

#cart .cart_producto .cantidad .boton:nth-child(1){
	border-radius: 10px 0px 0px 10px;
}

#cart .cart_producto .cantidad div:nth-child(2){
	padding: 7px 0px 0px 0px;
}


#cart .cart_producto .cantidad .boton:nth-child(3){
	border-radius: 0px 10px 10px 0px;
}

#cart .botonora_cantidad{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px;
}

#cart .botonora_cantidad>div{
	grid-column: 2;
}

.boton.busqueda,
.boton.carrito{
	vertical-align: top;
	margin: 5px;
	font-size: 31pt;
	width: 35px;
	height: 35px;
	padding: 0px;
	border-radius: 20px;
	font-family: Social_iconos;
	border: none;
	color: gray;
	line-height: 26pt;
	text-align: center;
	border:solid 1px #FFF;
}

.boton.busqueda:hover,
.boton.carrito:hover{
	color:#FFF;
}


#cortina{
  width: 100%;
  height: 100%;
  background-color: #000000a6;
  position: fixed;
  top: 0px;
  z-index: 999;
  display: inline-flex;
  /*opacity:0;*/
}


#search {
	margin: auto;
  text-align: center;
  background-color: #FFF;
  padding: 20px 20px 10px 20px;
  border-radius: 10px;
  position:relative;
}

#search input[type=search]{
	color: #000;
	background-color: transparent;
	border: none;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	font-size: 14pt;
	border-bottom: solid 1px gray;
	outline: none;
}

.boton.cerrar{
  padding: 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 10pt;
  line-height: 17pt;
  text-align: center;
  margin: 0px auto;
  position: absolute;
  top: -10px;
  left: 0px;
  right: 0px;
}

.mitad{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 90px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e3e3e3;
  margin-bottom: 10px;
  overflow: hidden;
  margin-top: 20px;
}

input[type=email],
input[type=text],
textarea{
	padding: 10px 10px;
	border-radius: 5px;
	border: solid 1px #aeaeae;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	font-size: 12pt;
}

button{
	font-size: 12pt;
}

textarea{
	min-height:100px;
	resize:vertical;
}


.max-width{
	max-width: 1094px !important;
}

form p{
	margin:10px 0px;
}

div.skeleton,
.none{
	display:none!important;
}

#cuerpo.directorio .wp-block-group {
background-color: #FFF;
  border-bottom: solid 1px #2e71b2;
  padding: 20px;
}

#cuerpo.directorio .wp-block-group figure {
  border: solid 10px #FFF;
  margin-right: 20px;
  box-shadow: -1px 5px 5px 4px rgba(0,0,0,0.12);
}

.menu_lateral {
  grid-column: 1/3;
}


.menu_lateral .menu{
	font-size:12pt;
	margin-top: 30px;
}

.menu_lateral .menu .opcion {
  display: inline-block;
  width: 100%;
  margin: 4px 0px;
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
  border: solid 1px #dbdbdb;
  border-radius: 10px;
}


.menu_lateral .menu .opcion.hover,
.menu_lateral .menu .opcion:hover {
	border: solid 1px #2e71b2;
  background-color: #2e71b2;
  color: #FFF;
}

#cuerpo.parent_nosotros  .container,
#cuerpo.parent_transparencia  .container,
#cuerpo.parent_servicios  .container {
  grid-column: 3/9;
}

#cuerpo.single .container {
  grid-column: 1/7;
}

#relationed_tags {
  grid-column: 7/9;
}


#relationed_tags >div{
  border: solid 1px #dfdfdf;
}

.post_related{
  /*padding: 10px;*/
  margin: 20px;
  border-bottom: solid 1px #dfdfdf;
}

#relationed_tags .miniatura.cover {
  min-height: 150px;
  background-position: center;
  background-size: cover;
}

#relationed_tags h2 {
  font-size: 14pt;
  margin-bottom: 20px;
  color: #2e71b2;
  font-weight: normal;
  margin-top: 10px;
}





ul.pdf{
	list-style-type: none;
}

ul.pdf li{
background-image: url(PDF_file_icon.png);
  padding-left: 21px;
  background-repeat: no-repeat;
  background-position: top left;
  margin: 10px 0px;
}

#fake_jumbotron {
  width: 100%;
  min-height: 100px;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  position: relative;
  height: 200px;
  background: linear-gradient(180deg, rgba(42,132,197,1) 0%, rgba(255,255,255,1) 100%);
}

#cuerpo.home .container .wrapper,
.category .wrapper {
  background-color: #FFF;
  margin: 0 auto 0 auto;
  max-width: max-width: 1366px;
  text-align: left;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  width: 100%;
  margin: auto;
}

#cuerpo.home .container .wrapper .post,
.category .wrapper .post{
/*box-shadow: -1px 5px 5px 4px rgba(0,0,0,0.1);
  padding: 20px;*/
  padding: 0px;
  border: solid 1px #dfdfdf;
}


#cuerpo.home .container .wrapper .post .padding,
.category .wrapper .post .padding{
  padding: 30px;
}

#cuerpo.home .container .wrapper .miniatura.cover,
.category .wrapper .miniatura.cover{
  min-height: 150px;
  background-position: center;
  background-size: cover;
  background-color: #f0f0f0;

}

.category .wrapper .post h2 {
  font-size: 16pt;
}

p.leer_nota{
	text-align:right;
	margin-bottom:0px;
}

p.leer_nota a {
  border: solid 1px #2e71b2;
  padding: 10px 20px;
  color: #2e71b2;
  display: inline-block;
}

p.leer_nota a:hover {
  border: solid 1px #2e71b2;
  padding: 10px 20px;
  color: #fff;
  background-color:#2e71b2
}


.tira{
text-align: center;
  grid-column: 1/9;
  background-color: #2e71b2;
  margin-top: 30px;
  margin-bottom: 30px;
}

.tira .wrapper{
text-align: left;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin: auto;
}

.tira.benef .wrapper {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  text-align:left;
}

.tira.benef h2 {
	color:#FFF;
}

.tira.benef .wrapper > div {
  text-align: left;
  padding: 50px;
}

.tira.benef p {
	font-size: 12pt;
	font-weight: normal;
	margin: 20px 0px;
	line-height: 20pt;
	
}

#map {
  width: 100%;
  height: 100%;
}


.tira .wrapper>div{
	text-align:center;
	padding: 20px;
}

.tira .icon{
  background-repeat: no-repeat;
  background-position: top left;
  width: 100px;
  height: 100px;
  background-size: contain;
  margin:auto;
}

.tira .icon.historia{
	background-image: url(icon_historia.svg);
}

.tira .icon.salud{
	background-image: url(salud_pueblo.svg);
}

.tira .icon.beneficiados{
	background-image: url(icon_beneficiados.svg);
}


.tira .icon.asistencial{
	background-image: url(icon_asistencial.svg);
}

.tira p{
	color:#FFF;
	font-size: 20pt;
}

#loading {
  background-image: none;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #2E71B2;
  position: fixed;
}

#loading > div {
  text-align: center;
  position: absolute;
  width: 256px;
  height: 256px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  background-image:url(loading_gif.gif);
}

.error404{
  width: 100%;
  grid-column: 1/9;
  text-align: center;
  padding: 50px;
}

.convocatoria table{
	
}

.convocatoria table tr:first-child td{
font-size: 9pt;
  background-color: gray;
  color: #FFF;
  border: solid 1px #000;
}

.convocatoria table tr td a.pdf{
  background-image: url(https://beneficenciadesullana.org.pe/wp-content/themes/beneficienciasullana/pdf-file.png);
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0pt;
  width: 39px;
  height: 51px;
  display: block;
}

@media only screen and (max-width: 450px){ 
	#cuerpo {
	  background-color: #FFF;
	  margin: 0 auto 0 auto;
	  max-width: 100%;
	  width:100%;
	  text-align: left;
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	}
	
	.convocatoria table{
		width:800px!important;
		overflow-x:scroll;
	}

	
	#cuerpo.home .container {
	  grid-column: 1;
	  padding: 10px;
	}
	
	.tira {
		text-align: center;
		grid-column: 1;
	}
	
	.tira p {
	  color: #FFF;
	  font-size: 12pt;
	}
	
	.tira .icon {
	  background-repeat: no-repeat;
	  background-position: top center;
	  width: 100%;
	  height: 100px;
	  background-size: contain;
	  margin: auto;
	}
	
	.tira .wrapper {
		text-align: left;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.tira.benef .wrapper {
	  grid-template-columns: repeat(1, 1fr);
	  grid-gap: 0px;
	  text-align: left;
	}
	
	#cuerpo.home .container .wrapper, .category .wrapper {
	  background-color: #FFF;
	  margin: 0 auto 0 auto;
	  max-width: max-width: 1366px;
	  text-align: left;
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	}
	
	.tira.benef .wrapper > div {
	  text-align: left;
	  padding: 20px;
	}
	
	#map {
	  min-height: 350px;
	  height: 350px;
	}
	
	#map iframe {
	  width: 100%!important;
	  height: 100%!important;
	}
		
	#cuerpo.parent_nosotros .container, #cuerpo.parent_transparencia .container, #cuerpo.parent_servicios .container {
	  grid-column: 1;
	  grid-row: 1;
	  overflow: hidden;
	}
	
	.menu_lateral {
	  grid-column: 1;
	  grid-row: 2;
	}
	
	.post {
	  padding: 10px;
	}
	
	.menu_lateral .menu {
	  font-size: 12pt;
	  margin-top: 0px;
	  padding: 10px;
	}
	
	#cuerpo.directorio .wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
	  flex-wrap: wrap;
	}
	
	#cuerpo.directorio .wp-block-group {
	  padding: 0px;
	}
	
	#cuerpo.directorio .wp-block-group figure {
	  margin: auto;
	}
	
	.container.nosotros.servicios .posts_children {
	  grid-template-columns: repeat(1, 1fr);
	  grid-gap: 10px;
	}
	
	
	nav.main-menu ul {
	  background-color: #fff;
	  width: 100%;
	  margin: auto;
	}
	
	nav.main-menu > ul > li {
	  float: none;
	  border-bottom: solid 1px #184b7bc4;
	}
	
	.secondarymenu nav.main-menu > ul > li {
	  float: none;
    display: inline-block;
	border-right: solid 1px #FFF;
	border-bottom: none;
	}
	
	.secondarymenu nav.main-menu > ul > li:last-child {
	border-right: none;
	}	
	
	
	nav.main-menu > ul > li > ul {
	  list-style: none;
	  position: relative;
	}
	
	div.menu {
	  text-align: center;
	  grid-column: 1;
	}
	
	nav.main-menu > ul > li > ul {
	  text-align: center;
	  border: none;
	  border-top: solid 1px #d7d7d7;
	  border-bottom: solid 1px #d7d7d7;
	}
	
	.container {
	  grid-column: 1;
	  grid-row: 1;
	  padding: 10px;
	}
	
	footer .creditos {
	  grid-column: 1;
	  text-align: center;
	 margin-bottom: 120px;
	}
	
	footer .wrapper {
		grid-template-columns: repeat(1, 1fr);
		text-align: center;
  padding: 0px;
  padding-top: 40px;
	}
	
	.max-width {
	  max-width: 100%!important;
	}
	
	footer div.menu {
	  text-align: center;
	  font-size: 12pt;
	  border-left: none;
	  padding-left: 0px;
	}
	
	footer p {
	  margin: 5px auto;
	  display: inline-block;
	}
	
	#header .wrapper {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  grid-gap: 0px;
	  margin: auto;
	}
	
	#logo {
	  background-image: url(logo_bnfsull2.svg);
	  background-repeat: no-repeat;
	  background-position: center left;
	  background-size: contain;
	  height: 80px;
	  width: auto;
	  margin: 10px;
	}
	
	.logo {
	  grid-row: 1;
	  grid-column: 1;
	  background-color: #FFF;
	  border-radius: 0px;
	  border-bottom: solid 5px #2e71b2;
	}
	
	.secondarymenu {
		grid-row: 2;
		grid-column: 1;
		text-align: left;
	}

	div.menu .fake_menu {
	  display: none;
	}

	.menu_redes {
	  grid-row: 3;
	  grid-column: 1;
	  text-align: center;
	  padding: 10px;
	}
	
	nav.main-menu {
		background-color: #184b7bc4;
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		display: flex;
		bottom: 0px;
		display:none;
	}
	
	nav.main-menu.hover {
		display: flex;
	}	
	
	.secondarymenu nav.main-menu ul {
	  /*width: 100%;*/
	 background-color: #2E71B2;
	  font-size: 0pt;
	}
	
	#relationed_tags {
	  grid-column: 1;
	}
	
	.navigation {
	  margin: 0px;
	}
	
	#cuerpo.single .container {
	  grid-column: 1;
	}
	
	h1 {
	  font-size: 22pt;
	}
	
	#cuerpo.home .container .wrapper .post .padding, .category .wrapper .post .padding {
	  padding: 15px;
	}
	
	#jumbotron.page {
	  height: 116px;
	  border-bottom: none;
	  margin-top: 150px;
	}
	
	.secondarymenu nav.main-menu {
background: #2e71b2;
    display: block;
    position: relative;
    text-align: center;
	padding: 5px 0px;
	}
	
	.secondarymenu nav.main-menu > ul > li > a {
		  text-transform: initial;
		  padding: 10px 7px;
		  display: block;
		  transition: all .1s ease-out 0s;
		  background-color: #2e71b2;
		  margin: 0px;
		  border-radius: 0px;
		  color: #FFF;
		  font-size: 9pt;
		}
		
	#menu_mobile {
	  background-image: url('menu_button.svg');
	  width: 39px;
	  height: 36px;
	  position: absolute;
	  top: 30px;
	  right: 19px;
	  background-size: contain;
	  background-repeat: no-repeat;
	  cursor: pointer;
	}
	
	#jumbotron {
	  height: 200px;
	  margin-top: 151px;
	}
	
	.diapositiva.expansible {
	  height:200px;
	}
	
	#jumbotron.single, #jumbotron.category {
		height: 50px;
	}
	
	#whatsapp {
		line-height: 57pt;
	}
	
	.secondarymenu nav.main-menu > ul > li > a:hover {
		padding: 10px 8px;
	}
	
	.error404 {
	  grid-column: 1;
	  padding: 20px;
	  box-sizing: border-box;
	}
}