/*
Theme Name: OSP2020
Theme URI: http://www.quarterstudios.net/
Description: Custom Theme para el Observatorio de Seguridad Publica
Version: 1.2.0
Author: QuarterStudios
Author URI: http://www.quarterstudios.net/
Tags: OSP
*/
/* RESET
-------------------------------------------------- */


html,button,input,select,textarea {color: #212121;font-family: 'Roboto', sans-serif;}
::-moz-selection,::selection { background: #00A9DC; text-shadow: none; color: #fff;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img:not(.alignleft,.alignright),img.size-large{width: 100%; height: auto; display: block;}
	img.alignleft{margin: 5px 20px 5px 0; float: left;}
	img.alignright{margin: 5px 0px 5px 20px; float: right;}
	img.aligncenter{margin: 15px 0px; float: none; width: 100%; height: auto;}
.full-width{ width: 100%; padding: 3rem 0; }
.full-height{ height: 100vh;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;color: #00A9DC;padding: 0.2em 0;}
ul{list-style: none; padding: 0}
*{font-family: 'Montserrat', sans-serif;}
*:hover,*:hover>a,img{text-decoration: none;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.relative{position: relative;}
a,p a,article a{color: #333;}
a:hover{color: #00A9DC;}
img.img-responsive{ display: block; width: 100%; height: auto; max-width: 100%; }
article{ font-size: 15px}
	article p{padding: 8px 0; color: #666;}
	article li{list-style: disc; list-style-position: inside; margin-left: 10px; padding: 2px 0;}
	article a{color: #000}
.size-full{ width: 100%; max-width: 100%; height: auto; }
.galimg,.gallery-item{ margin-bottom: 10px;}

/* COLORES */
.c-bg-dark{background-color: #364E59;}
.c-bg-blue{ background-color: #006793; }
.c-bg-lightblue{background-color: #00A9DC;}
.c-bg-light{ background-color: #e7e7e7; }
.c-bg-white{ background-color: #fff; }
/* Botones */
.btn{ -webkit-border-radius: 0 0 0 0;border-radius: 0 0 0 0; border: none;}
	.btn:hover,.btn:focus{ box-shadow: 0px; text-indent: none;}

.btn-primary {color: #fff;background-color: #00A9DC;color: #fff;}
	.btn-primary:hover,.btn-primary:focus{background-color: #006793;color: #fff;}

.btn-link{ background-color: #006793; color: #fff;}
	.btn-link:hover,.btn-link:focus{ background-color: #00A9DC; color: #fff;}
	.btn-link.btn-block{ white-space: normal }
.btn-info {color: #fff;background-color: #364E59;color: #fff;}
	.btn-info:hover,.btn-info:focus{background-color: #006793;color: #fff;}

aside .btn{ text-align: left;}
	aside .btn-link{font-size: 15px;}
	aside .btn-primary{font-size: 14px; padding-left: 25px; font-weight: 400;}
	aside .btn-secondary{font-size: 13px;padding-left: 40px;font-weight: 300;}
aside .btn i.fa-angle-down{ float: right }

.cover{background-repeat: no-repeat; background-size: cover !important; background-position: center center; display: block; width: 100%; height: auto;}
.scroll{background-attachment: scroll;}
.fixed{background-attachment: fixed !important;background-position: center center}
.img-responsive{display: block; max-width: 100%; height: auto;}
.line{width: 100%; height: 1px; background: transparent; border-bottom: 3px solid #8a8a8a; margin: 10px 0; display: block;}
.line2{width: 100%; height: 1px; background: transparent; border-bottom: 1px solid #e7e7e7; margin: 10px 0; display: block;}


body {margin: 0;padding: 0px;color: #212121; background: #fff; font-size: 14px;font-family: 'Roboto', sans-serif;}
	.container {position: relative;}
.c-bg-light{ background-color: #E9E9E9 }
/* HEADER */
header,.navbar{background-color: #364E59}
	#site-title{width: 100%; height: auto; overflow: hidden;display: block; position: relative; margin: 10px 0; float: left; padding: 15px 10px; max-width: 300px;}
		#site-title img{max-width: 300px; display: block; width: 100%; height: auto;}

.navbar{padding: 10px 0;margin-bottom: 0; border: none;font-size: 18px; }
	.navbar.scrolled{-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);}
	.navbar navbar-nav li a{ color: #fff;font-weight: 500; font-size: 18px; }
	.navbar.scrolled #site-title{margin: 5px 0; padding: 5px 10px;}
		.navbar.scrolled #site-title img{max-width: 200px;}

/* Home */
.homeitem .cats{font-size: 14px; color: #212121; text-transform: uppercase; text-align: center; display: block; font-weight: 300;}
.homeitem .itemTitle{ color: #212121; text-align: center; display: block; font-size: 20px;}
.homeitem .btn{ position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);}

.singleimg{ width: 100%; height: auto; max-width: 100%;}

/* Paginador*
	.pagination a, .pagination span{display: inline-block; font-size: 16px; padding: 2px 4px; color: #fff; line-height: 32px !important; min-width: 32px; height: 32px; text-align: center; border: 1px solid #00796B; margin: 0px 2px !important; position: relative !important;background-color: #00796B;}
	.pagination a:hover,
	.pagination .current{color: #fff; background-color: #8a8a8a; border-color: #8a8a8a;}

/* Footer  */
footer{position: relative; line-height: 130%; margin-bottom: 0}
	#foo-title{display: block; float: none; clear: both;text-align: center; margin-bottom: 20px}
		#foo-title img{max-width: 250px; margin: 0px auto 10px;}
	footer a,footer li a,footer p{color: #fff; font-size: 15px; line-height: 150%; font-weight: 300}
		footer a:hover,footer li:hover a,
		footer .current_page_item>a,
		footer .current_page_ancestor>a,
		footer .current-menu-item>a{color: #00A9DC;}
		footer .sociales{margin-top: 25px; text-align: inherit;}

/* Sharer */
	.sharer{ margin-top: 15px; }
		.sharer span{color: #2f2f2f; font-weight: 300; display: inline-block;line-height: 42px;padding: .375rem .75rem;}
		.sharer a{color: #fff; font-weight: 600; line-height: 42px; display: inline-block;}
			.sharer a i{font-size: 18px; margin-right: 12px;}
			.sharer a.fb{background-color: #3B5998;}
			.sharer a.tw{background-color: #00ACED;}
			.sharer a.li{background-color: #0e76a8;}
			.sharer a.wa{background-color: #64D448;}
				.sharer a.fb:hover{background: #2a406b; color: #fff;}
				.sharer a.tw:hover{background: #008dbf; color: #fff;}
				.sharer a.li:hover{background: #0b6289; color: #fff;}
				.sharer a.wa:hover{background: #48bd2c; color: #fff;}
/* Breadcrumbs */
.breadcrumbs{display: block; font-size: 13px; color: #fff; font-weight: 300;  background-color:#364E59;}
	.breadcrumbs a,.breadcrumbs span{color: #fff; padding: 0 5px;line-height: 24px; display: inline-block;}
		.breadcrumbs a:hover{color: #00A9DC;}

/* Embed */
.embed-container { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; max-width: 100%; }
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* SOCIAL BLOCK *
.redes{ background: #4B4B4D url(images/marca.png) left bottom no-repeat; padding:30px 30px 80px; background-size:100%; color: #fff;}
	.redes h4{ font-size: 22px; font-weight: 700; border-bottom:4px solid #fff; }
	.redes a{font-size: 18px; font-weight: 400;display: block; margin-bottom: 10px; color: #fff;}
		.redes a i{font-size: 22px;}
	.redes a:hover{color: #00796B;}