/*
Theme Name: Theme Canal denuncias
Theme URI: https://josefinas-trinitarias.org/canal-denuncias/
Author: Josefinas Trinitarias
Author URI: https://josefinas-trinitarias.org/canal-denuncias/
Description: Josefinas Trinitarias
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme_canal_denuncias
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
	/*--main-color: #c33c2d;*/
	--main-color: #00b0f0;
	--bg-color-grey: #f2f2f2;
	--bg-color-grey-2: #e5e5e5;
	--font-color-txt: #333333;  
	--font-size-title: 38px;
	--font-size-subtitle: 20px;
	--font-size-txt: 16px;
	}

html, body{
	margin:0px;
	padding:0px;
	font-family: 'Heebo', sans-serif;
	font-size:var(--font-size-txt);
	color: var(--font-color-txt);
	}

.e_1 {-ms-grid-row: 1;-ms-grid-column: 1;}
.e_2 {-ms-grid-row: 1;-ms-grid-column: 2;}
.e_3 {-ms-grid-row: 1;-ms-grid-column: 3;}
.e_4 {-ms-grid-row: 1;-ms-grid-column: 4;}
.e_5 {-ms-grid-row: 1;-ms-grid-column: 5;}
.e_6 {-ms-grid-row: 1;-ms-grid-column: 6;}
.e_7 {-ms-grid-row: 1;-ms-grid-column: 7;}
.e_8 {-ms-grid-row: 1;-ms-grid-column: 8;}
.e_9 {-ms-grid-row: 1;-ms-grid-column: 9;}
.e_10 {-ms-grid-row: 1;-ms-grid-column: 10;}
.el_1 {-ms-grid-row: 2;-ms-grid-column: 1;}
.el_2 {-ms-grid-row: 2;-ms-grid-column: 2;}
.el_3 {-ms-grid-row: 2;-ms-grid-column: 3;}

.w_total{
	width:100%;
	min-height:100vh;
	margin:0px;
	padding:0px;
	position:relative;
	}
	
.w_standar{
	width:1240px!important;
	max-width:95%!important;
	margin:auto!important;
	position:relative;
	}

a{transition: color 0.1s linear 0s; text-decoration:none; color: var(--main-color);}

.view_mobile{ display:none;}
.pos_rel{ position:relative;}
.pos_fixed{ position:fixed;}
.no_scroll{ overflow:hidden;}
.cpointer{ cursor:pointer;}

.mw950{
	width:950px;
	max-width:95%;
	margin:auto;
	font-size:18px;
	}

.t8{ font-size:8px;}
.t10{ font-size:10px;}
.t12{ font-size:12px;}
.t14{ font-size:14px;}
.t16{ font-size:16px;}
.t18{ font-size:18px;}
.t20{ font-size:20px;}
.t22{ font-size:22px;}
.t24{ font-size:24px;}
.t26{ font-size:26px;}
.t28{ font-size:28px;}

.bottom5{ margin-bottom:5px!important;}
.bottom10{ margin-bottom:10px!important;}
.bottom15{ margin-bottom:15px!important;}
.bottom20{ margin-bottom:20px!important;}
.bottom25{ margin-bottom:25px!important;}
.bottom30{ margin-bottom:30px!important;}
.bottom35{ margin-bottom:35px!important;}
.bottom40{ margin-bottom:40px!important;}
.bottom45{ margin-bottom:45px!important;}
.bottom50{ margin-bottom:50px!important;}
.bottom60{ margin-bottom:60px!important;}
.bottom100{ margin-bottom:100px!important;}
	
.top5{ margin-top:5px!important;}
.top10{ margin-top:10px!important;}
.top15{ margin-top:15px!important;}
.top20{ margin-top:20px!important;}
.top25{ margin-top:25px!important;}
.top30{ margin-top:30px!important;}
.top35{ margin-top:35px!important;}
.top40{ margin-top:40px!important;}
.top45{ margin-top:45px!important;}
.top50{ margin-top:50px!important;}
	
.left5{ margin-left:5px!important;}
.left10{ margin-left:10px!important;}
.left15{ margin-left:15px!important;}
.left20{ margin-left:20px!important;}
.left25{ margin-left:25px!important;}
.left30{ margin-left:30px!important;}
.left35{ margin-left:35px!important;}
.left40{ margin-left:40px!important;}
.left45{ margin-left:45px!important;}
.left50{ margin-left:50px!important;}
	
.right5{ margin-right:5px!important;}
.right10{ margin-right:10px!important;}
.right15{ margin-right:15px!important;}
.right20{ margin-right:20px!important;}
.right25{ margin-right:25px!important;}
.right30{ margin-right:30px!important;}
.right35{ margin-right:35px!important;}
.right40{ margin-right:40px!important;}
.right45{ margin-right:45px!important;}
.right50{ margin-right:50px!important;}
	
.fleft{ float:left!important;}
.fright{ float:right!important;}
.no_float{ clear:both;}
.t_center{ text-align:center;}
.w_100{ width:100%;}
img{ max-width:100%;}

h1, h2{
	font-size:var(--font-size-title);
	font-weight:400;
	margin: 0 0 20px 0;
	/*background-image:url('/canal-denuncias/wp-content/themes/canal-denuncias/assets/images/line_title.png');*/
	background-position-x:center;
	background-position-y:bottom;
	background-repeat:no-repeat;
	}

/*h1 span.tit_subr, h2 span.tit_subr{
	border-bottom: 1px solid var(--font-color-txt);
  	}*/
	
h1 span.c_blue, h2 span.c_blue{
	font-size:var(--font-size-title);
	font-weight:400;
	color:var(--main-color);
	}
	
h3{
	color:var(--main-color);
	font-size:18px;
	}

h3 span{
	color:var(--font-color-txt);
	font-size:var(--font-size-txt);
	}

#line_top_web{
	width:100%;
	background-color:var(--main-color);
	margin-bottom:10px;
	color:#FFF;
	padding:8px 0;
	text-align:right;
	}
	
#line_top_web a{ color:#ffffff;}

#line_top_web_mobile{
	width:100%;
	background-color:var(--main-color);
	margin-bottom:5px;
	color:#FFF;
	padding:8px 0;
	text-align:center;
	}

.title_web{
	position:absolute;
	top:30px;
	right:0;
	font-size:24px;
	font-weight:600;
	border-bottom:1px solid var(--main-color);
	background:none;
	padding:0;
	}

.menu_top{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	height:50px;
	padding: 5px 0;
	z-index:9999;
	background-color:#fff;
	border-top:2px solid var(--main-color);
	border-bottom:1px solid var(--main-color);
	}
	
.mob-menu-header-holder{top:45px!important; width:50px!important;}
.top_menu_mobile_5{top:5px!important;}
.menu_top span{ font-size:12px; font-weight:600;}

.icon_mail_mobile{
	position:absolute;
	top:13px;
	right:40px;
	}

.icon_phone_mobile{
	position:absolute;
	top:10px;
	right:89px;
	}

.head_web{
	display: -ms-grid;
    display: grid;
	grid-template-columns: 250px auto;
    -ms-grid-columns: 250px auto;
    grid-gap: 20px;
    -ms-grid-gap: 20px;
	align-items:center;
	padding-bottom:5px;
	background-color:#FFF;
	}

.head_web .e_2{ text-align:right; margin-top:30px;}
	
ul#primary-menu li{
	list-style:none;
	display:inline-block;
	margin-left: 40px;
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
	}
	
ul#primary-menu li a{ color:var(--font-color-txt);}

ul#primary-menu li a:hover{
	color:var(--main-color);
	border-bottom:3px solid var(--main-color);
	}
	
.slider_home{border-top:1px solid var(--main-color); border-bottom:1px solid var(--main-color);}

.mods{
	width:100%;
	padding:60px 0;
	}

.mod_1{
	font-size:var(--font-size-subtitle);
	}
	
.mod_2{
	background-color:#f6f6f6;
	padding-bottom:90px;
	}

.mod_3{padding-bottom:90px;}
.mod_3 h2{ text-align:center;}
	
.mod_4{
	min-height:400px;
	font-size:var(--font-size-subtitle);
	position:relative;
	}
	
.mod_4_bkg_img{
	background:url('/wp-content/uploads/2023/11/mt-sample-background.jpg') center no-repeat;
	background-size:cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	}

.mod_4_txt{
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
	color:#fff;
	text-align:center;
	}
	
.mod_5{
	display:grid;
	-webkit-box-shadow: 0px -3px 10px 0px rgba(51,51,51,0.24); 
	box-shadow: 0px -3px 10px 0px rgba(51,51,51,0.24);
	}

.mod_6{
	background-color:var(--bg-color-grey);
	text-align:center;
	padding-bottom:90px;
	}
	
.mods .veil {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(50,52,64,.25);
}

.txt_intro{
	max-width: 980px;
	font-size: 30px;
	margin:auto;
	}

.block_services{
	display: -ms-grid;
    display: grid;
	grid-template-columns: repeat(auto-fit,minmax(150px, 1fr));
    -ms-grid-columns: repeat(auto-fit,minmax(150px, 1fr));
    grid-gap: 40px;
    -ms-grid-gap: 40px;
	align-items:center;
	}
	
.block_services img{ max-width:170px; margin-bottom:15px;}

.txt_services{
	text-transform:uppercase;
	font-weight:500;
	font-size:20px;
	}
	
.block_facilities{
	display: -ms-grid;
    display: grid;
	grid-template-columns: 55% 40%;
    -ms-grid-columns: 55% 40%;
    grid-gap: 5%;
    -ms-grid-gap: 5%;
	align-items:center;
	font-size:26px;
	}
	
.block_facilities .e_1 img{ border-radius:10px;}
	
.button{
	background-color:var(--main-color);
	padding:10px 20px;
	color:#FFF;
	border:1px solid var(--main-color);
	border-radius: 20px;
	}
	
.button:hover{
	background-color:#ffffff;
	color:var(--main-color);
	transition: 0.3s ease;
	}
	
#footer{
	background-color:var(--main-color);
	color:#fff;
	padding:30px;
	text-align:center;
	}
	
#footer a{ color:#FFF;}
#footer a:hover{ text-decoration:underline;}
	
.mobmenu .headertext{ display:none;}
.mobmenur-container i{color:var(--main-color)!important;}
#mobmenuright li a, #mobmenuright li a:visited{ font-size:18px!important; border-bottom: 1px solid #fff; padding-left: 0;}

.top_mobile{
	height:40px;
	background-color:#FFF;
	}
	
.mobmenur-container{ z-index:99999;}

.block_galeries{
	display: -ms-grid;
    display: grid;
	grid-template-columns: repeat(3, 31.3%);
    -ms-grid-columns: repeat(3, 31.3%);
    grid-gap: 3%;
    -ms-grid-gap: 3%;
	align-items:start;
	}
	
.block_galeries > a{
	position: relative;
    width: 100%;
    height: 400px;
    background-size: cover;
	border-radius:5px;
	}

.tit_galeries{
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	margin:auto;
	width:95%;
	padding:25px 0;
	background-color:#FFF;
	font-size:20px;
	text-transform:uppercase;
	font-weight:500;
	color:var(--font-color-txt);
	border-radius:5px;
	}
	
.tit_galeries span{
	color:var(--main-color);
	}
	
.block_galeries > a:hover .tit_galeries{
	background-color:var(--main-color);
	color:#fff;
	transition: 0.3s ease;
	}
	
.block_galeries > a:hover .tit_galeries span{color:#fff; transition: 0.3s ease;}

.n2-ss-slider .n2-ss-text{
	font-size: 90px;
    position: absolute;
    left: 0;
    bottom: auto;
	text-align:left;
	}
	
.n2-ss-slider .n2-ss-text p{
	line-height:100px!important;
	background: rgba(0,0,0,.3);
	}
	
.tit_page_int{ margin:auto;}

.img_cab_pages{
	width:100%;
	height:300px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:top;
	border-top:1px solid var(--main-color);
	border-bottom:1px solid var(--main-color);
	}
	
.block_contact{
	display: -ms-grid;
    display: grid;
	grid-template-columns: repeat(2, 48%);
    -ms-grid-columns: repeat(2, 48%);
    grid-gap: 4%;
    -ms-grid-gap: 4%;
	align-items:start;
	}
	
.block_contact .e_2{ margin-top:24px;}

.block_contact_txt{
	margin-bottom: 20px;
    margin-top: 30px;
	}
	
.block_contact_txt span{ color:var(--main-color);}
	
.wpcf7-form-control{
	width:95%;
	padding:10px;
	border:1px solid #666;
	border-radius:10px;
	margin-bottom:20px;
	font-size:16px;
	}
	
.wpcf7-form-control.wpcf7-file{ border:none;}

select{ width:99%!important;}
	
.wpcf7-form p{ margin:0;}

.wpcf7-submit{
	max-width:200px;
	background-color: var(--main-color);
    padding: 10px 20px;
    color: #FFF;
    border: 1px solid var(--main-color);
    border-radius: 20px;
	cursor:pointer;
	}

.wpcf7-submit:hover{
	border:1px solid var(--main-color);
	background-color:#fff;
	color:var(--main-color);
	}
	
textarea{
	font-family: 'Heebo', sans-serif;
	width:98%!important;
	}
	
.block_inst_1{
	max-width:950px;
	display: -ms-grid;
    display: grid;
	grid-template-columns: auto 400px;
    -ms-grid-columns: auto 400px;
    grid-gap: 30px;
    -ms-grid-gap: 30px;
	align-items:center;
	margin:auto;
	margin-bottom:50px;
	font-size:18px;
	}

.block_inst_2{
	max-width:950px;
	display: -ms-grid;
    display: grid;
	grid-template-columns: 400px auto;
    -ms-grid-columns: 400px auto;
    grid-gap: 30px;
    -ms-grid-gap: 30px;
	align-items:center;
	margin:auto;
	font-size:18px;
	}
	
.block_inst_1 ul,
.block_inst_2 ul,
.tarifas_content ul{
	list-style: none;
	}
	
.block_inst_1 ul li,
.block_inst_2 ul li,
.tarifas_content ul li{
	margin-bottom:10px;
	}

.block_inst_1 ul li::before,
.block_inst_2 ul li::before,
.tarifas_content ul li::before{ 
	content: "\2023";
    color: var(--main-color);
    font-weight: bold;
    font-size: 32px;
    display: inline-block;
    width: 1em;
    margin: 0;
    margin-left: -1em;
    margin-top: -15px;
    padding: 0;
	}
	
.cont_block_inst_1{
	width:100%;
	background-color:#f2f2f2;
	padding:40px 0;
	margin-bottom:90px;
	}
	
#cmplz-document{ max-width:none;}
#cmplz-document h2{ background:none;}

.tarifas_table_1{
	display: -ms-grid;
    display: grid;
	grid-template-columns: 320px 220px;
    -ms-grid-columns: 320px 220px;
    grid-gap: 0;
    -ms-grid-gap: 0;
	align-items:center;
	max-width:max-content;
	margin:auto;
	text-align:center;
	}
	
.tarifas_table_2{
	display: -ms-grid;
    display: grid;
	grid-template-columns: 150px 150px;
    -ms-grid-columns: 150px 150px;
    grid-gap: 0;
    -ms-grid-gap: 0;
	align-items:center;
	max-width:max-content;
	margin:auto;
	text-align:center;
	}
	
.tarifas_table_1 .e_1, .tarifas_table_2 .e_1{
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	padding:10px;
	background-color:var(--main-color);
	color:#FFF;
	}
	
.tarifas_table_1 .e_2, .tarifas_table_2 .e_2{
	border-top:1px solid #333;
	border-right:1px solid #333;
	padding:10px;
	}
	
.b_bottom{ border-bottom:1px solid #333;}

.tarifas_content{
	max-width:540px;
	margin:auto;
	}
	
fieldset{
	border-radius: 20px;
	border:1px solid #333;
	padding:30px;
	background-color:var(--bg-color-grey);
	margin-bottom:30px;
	}
	
fieldset legend{
	color:var(--main-color);
	padding:0 10px;
	font-size:14px;
	}
	

@media screen and (max-width: 1400px) {
	.n2-ss-slider .n2-ss-text{
		font-size: 70px;
		bottom: -150px;
		}
		
	.n2-ss-slider .n2-ss-text p{ line-height:70px!important;}
}

@media screen and (max-width: 1120px) {
	.head_web{
		grid-template-columns: 200px auto;
		-ms-grid-columns: 200px auto;
		}
		
	ul#primary-menu li{
		margin-left: 30px;
		font-size: 15px;
		}
		
	.title_web{top:-5px;}
	.block_services img{ max-width:150px;}
	
	.n2-ss-slider .n2-ss-text{
		font-size: 50px;
		bottom: -70px;
		}
		
	.n2-ss-slider .n2-ss-text p{ line-height:50px!important;}
}

@media screen and (max-width: 950px) {
	ul#primary-menu li{
		margin-left: 20px;
		font-size: 14px;
		}
		
	textarea{width:94%!important;}
}

@media screen and (max-width: 850px) {
	.head_web{
		grid-template-columns: 150px auto;
		-ms-grid-columns: 150px auto;
		}
		
	ul#primary-menu li{
		margin-left: 15px;
		font-size: 13px;
		}
		
	.title_web{font-size:20px;}
	.head_web .e_2{margin-top:30px;}
	
	.txt_intro{font-size: 18px;}
}

@media screen and (max-width: 767px) {
	:root {
		--font-size-title: 28px;
		--font-size-subtitle: 16px;
		--font-size-txt: 15px;
		}

	.view_mobile{ display:block;}
	.hide_mobile{ display:none;}
	
	.w_standar{max-width:90%;}
	h1, h2{ line-height:33px;}
	
	#line_top_web{
		margin-bottom:0;
		padding:8px 0;
		text-align:center;
		font-size:15px;
		}
		
	#line_top_web img{ width:15px;}
	
	.block_services{
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		grid-gap: 30px;
		-ms-grid-gap: 30px;
		}
		
	.txt_services{font-size:16px;}
				
	.block_facilities{
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		grid-gap: 15px;
		-ms-grid-gap: 15px;
		font-size:18px;
		}
		
	.block_galeries{
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		grid-gap: 30px;
		-ms-grid-gap: 30px;
		}
		
	.block_galeries > a{ height:300px;}
	.tit_galeries{font-size:16px; padding:5px 0;}
	
	.n2-ss-slider .n2-ss-text{
		font-size: 32px;
		left: 0;
		}
		
	.n2-ss-slider .n2-ss-text p{ line-height:40px!important;}
	.img_cab_pages{height:150px;}
	
	.block_contact{
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		grid-gap: 0;
		-ms-grid-gap: 0;
		}
		
	.block_contact .e_2{ margin-top:0;}
		
	.block_inst_1, .block_inst_2{
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		font-size:15px;
		}
				
	.block_inst_2 .e_1{ order:1;}
	.cont_block_inst_1{ background-color:#fff; margin-bottom:0; padding:0;}
	
	.tarifas_table_1{
	grid-template-columns: 220px;
    -ms-grid-columns: 220px;
		}
		
	.tarifas_table_1 .e_2{
		border-left:1px solid #333;
		}
	
	.mw950{font-size:15px;}	
	.mw950.bottom60{ margin-bottom:0!important;}
}