/*!
Theme Name: CONTROLA TU GOBIERNO
Author: Virk
Author URI: https://virkapp.com
Description: Custom theme for CONTROLA TU GOBIERNO
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: controla-tu-gobierno
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

CONTROLA TU GOBIERNO is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body{
	font-family: 'Rubik', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: “liga” on;
}

.pleca.purple{
	/* Rectangle: */
	background-image: linear-gradient(-48deg, #5A0C63 0%, #8F4198 93%);	
}

.pleca.orange{	
	/* Mask: */
	background-image: linear-gradient(-230deg, #FF924D 0%, #FF6B0E 100%);
}

.pleca.gray{	
	/* Mask: */
	background:#F5F6F7;
}
a{
	outline: none;
	text-decoration: none !important;
}

h3{
	font-size:32px;
	line-height: 38px;
	letter-spacing: .5px;
}

h5.subtitle{
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size:16px;
	color:#00A787;
}

h4.title{
	font-weight: 500;
	font-size:26px;
	color:#435059;
}

p.description{
	font-weight: 500;
	font-size:18px;
	color:#5A6B78;
	margin-bottom:25px;
}


.text-purple{
	color:#8F4198;
}

.text-green{
	color:#00A787;
}

.text-blue{
	color:#199EDA !important;
}
.text-orange{
	color:#FF6B0E !important;
}

div.shading{
	/* Rectangle 27: */
	background: #FFFFFF;
	border: 1px solid #F5F6F7;
	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.08);
	border-radius: 6px;
	padding:20px;
}
div.contacto-wrapper .content-result{
	display: flex;
	justify-content: center;
	flex-direction: column;
    text-align: center;
}
div.contacto-wrapper .content-result .title-result{
	display: flex;
	justify-content: center;
	text-align: center;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}
div.contacto-wrapper .content-result .title-result i{
	color: #CED3D9;
	font-size: 36px;
	letter-spacing: 0.56px;
	line-height: 36px;
	margin-left: auto;
}
div.contacto-wrapper .content-result .title-result input{
	color: #343E45;
	font-family: 'Rubik', sans-serif;
	font-size: 38px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 46px;
	border:none;
	width: 100%;
	outline: none;
    border: none;
    text-align: center;
}
div.contacto-wrapper .content-result span{
	color: #0A406A;
	font-family: Rubik;
	font-size: 22px;
	letter-spacing: 0.5px;
	line-height: 34px;
	margin-top: 20px;
}
div.contacto-wrapper .content-result .line-results{
	display: flex;
	justify-content: center;
	text-align: center;
	width: 920px;
	height: 1px;
	background-color: #ACB6BF;
	margin-left: auto;
	margin-right: auto;
}
div.margin-search{
	margin-bottom: 60px;
}
div.invisible-menu{
	display: none;
}
div.invisible-search{
	display: none;
}
div.visible-search{
	display: flex;
}
div.visible-search .container-search{
	max-width: 1400px;
    display: flex;
    width: 100%;
    margin: 0px auto;
}
div.visible-search .content-serch{
	display: flex;
	flex-direction: column;
	margin-left: 60px;
	margin-bottom: auto;
	margin-top: auto;
}
div.visible-search .close{
	margin-left: auto;
	display: flex;
	justify-content: center;
	margin-right: 30px;
}
div.visible-search .close button.close-search{
	border: none;
	margin: 0px;
	padding: 0px;
	justify-content: center;
	display: flex;
	height: 20px;
	outline: none;
	cursor: pointer;
	background-color: transparent;
}
div.menu-superior .social-link button.search{
	color: #FFFFFF;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	font-weight: 500;
	border:none;
	outline: none;
	display: flex;
	cursor: pointer;
	background-color: transparent;
}
div.menu-superior .social-link button.search i.gray{
	color: #697D8C !important;
}
div.menu-superior .social-link button.search span.gray{
	color: #697D8C !important;
}
div.menu-superior .social-link button.search span{
	padding-top: 2px;
	padding-left: 4px;
}
div.visible-search .close button.close-search span{
	color: #FFFFFF;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	margin-top: 2px;
}div.visible-search .close button.close-search span.gray{
	color: #697D8C !important;
}
div.visible-search .close button.close-search i{
	color: #FFFFFF;
}
div.visible-search .close button.close-search i.gray{
	color: #8F4198 !important;
}
div.visible-search .content-serch input{
	color: #FFFFFF;
	font-family: 'Rubik', sans-serif;
	font-size: 40px;
	letter-spacing: 1px;
	line-height: 47px;
	border: none;
	outline: none;
	background-color: transparent;
}
div.visible-search .content-serch input::placeholder {
	color: #FFFFFF;
}
div.visible-search .content-serch input.gray{
	color: #ACB6BF !important;
}
div.visible-search .content-serch input.gray::placeholder {
	color: #ACB6BF !important;
}
div.visible-search .content-serch span.gray{
	color: #ACB6BF !important;
}
div.visible-search .content-serch span{
	color: #FFFFFF;
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 18px;
}
/*menu*/
div.menu-superior{
	position:absolute;    
	padding: 30px;
	width:100%;
	z-index: 9;  
	height: 118px;
	padding-top: 16px;	
	border-bottom:1px #DFE2E6 solid;
}

div.menu-superior .contenido-menu{
	max-width:1400px;
	margin:0px auto;
}


div.menu-superior.fixed{
	position: fixed;
    padding: 12px;
    background: white;
    top: -100px !important;
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}

body.single-page div.menu-superior .menu-list li a, div.menu-superior.fixed .menu-list li a{
	color: #5A6B78;
}

body.single-page div.menu-superior{
	background: white;
}
div.menu-superior img.logo-gray{
	display:none;
}
body.single-page div.menu-superior img.logo-white, div.menu-superior.fixed img.logo-white{
	display:none;
}
body.single-page div.menu-superior img.logo-gray, div.menu-superior.fixed img.logo-gray{
	display:block;
}
div.menu-superior img{
	max-width:320px;
}

div.menu-superior .social-link{
	position 	: absolute;
	height 		: 25px;
	width 		: 200px;
	top: 0px;
	right: 35px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
div.menu-superior .social-link a.search{
	color: #F5F6F7;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	font-size: 500;
}
div.menu-superior .social-link a.social{
	width: 25px;
	height: 25px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	margin-right: 10px;
}
div.menu-superior .social-link a.social i{
	margin-right: 5px;
}
div.menu-superior .social-link a.social:last-child{
	margin-right: 0px;
}
div.menu-superior .social-link a.social i{
	font-size: 22px;
	color:white;
}

.single-page div.menu-superior .social-link a.social.facebook i , div.menu-superior.fixed .social-link a.social.facebook i{
	color:#3B5998;
}

.single-page div.menu-superior .social-link a.social.twitter i , div.menu-superior.fixed .social-link a.social.twitter i{
	color:#1DA1F2;
}

div.menu-superior .menu-list{
	list-style: none;
	margin:0px;
	display:flex;
	align-items: flex-end;
	justify-content: flex-end;
	width:100%;
}

div.menu-superior .menu-list li{ 
	margin:0px 10px;	
	border-bottom: 1px transparent solid;
}

div.menu-superior .menu-list li a{
	color:#F5F6F7;
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size:18px;
	text-decoration: none !important;
	letter-spacing: .5px;
}  

div.menu-superior .menu-list li.current-menu-item a {
   font-weight: bold;
}

div.menu-superior .menu-list li:hover, div.menu-superior .menu-list li.current_page_item{
	border-bottom: 1px white solid;
}

.single-page div.menu-superior .menu-list li:hover, .single-page div.menu-superior .menu-list li.current_page_item, div.menu-superior.fixed .menu-list li:hover, div.menu-superior.fixed .menu-list li.current_page_item{
	border-bottom: 1px #5A6B78 solid;
}

div.menu-superior .navbar-collapse{
	margin-top: 16px;
}

/*Slider*/
.slider-slick{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.slider-slick a.btn-slider{
	width:32px;
	height:32px;
	flex-shrink: 0;
	display:flex;
	align-items: center;
	justify-content:center;
	border-radius: 50%;
	border:1px gray solid;
	color:#8F4198 !important; 
	cursor:pointer;
}
.slider-slick a.btn-slider i{
	font-size:30px;
}

.slider-slick a.btn-slider.prev{
	margin-right:15px;
}
.slider-slick a.btn-slider.next{
	margin-left:15px;
}
@media all and (max-width:767px){
	div.menu-superior{
		padding:10px;
	}

	div.menu-superior .navbar-collapse{
		background:#333;
		border-radius:6px;
		padding:15px;
		margin-top: 10px;
	}
	div.menu-superior .navbar-toggler{
		color:white;
		border:none;
	}
	div.menu-superior .social-link{
		display: none !important;
	}
	.pleca.purple .image-front{
		max-width: 100% !important;
	    background-size: 100% !important;
	    background-position: center bottom !important;
	    padding-bottom:50px;
	}

	.pleca.purple{
		padding-bottom:130px;
	}
	body.single-page div.menu-superior .menu-list li a{
		color:white;
	}
	body.single-page div.menu-superior .navbar-toggler *, div.menu-superior.fixed .navbar-toggler *{
		fill:orange !important;
	}
	div.visible-search .content-serch{
		margin-left: 0px;
	}
	div.visible-search .close{
		margin-right:0px;
	}
	div.visible-search .content-serch{
		width: 70%;
	}
	div.contacto-wrapper .content-result .title-result{
		width: auto;
	}

}