@charset "UTF-8";
/* CSS Document */


.articulo h2 {font-family:"Bitter"; font-size: 40px; color: #000; text-align: left; font-weight: 700; font-style: normal;}
.articulo .lugar {text-transform: uppercase; letter-spacing: 2px; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #4d4d4d;}
.articulo .descripcion {font-family: 'Open Sans', sans-serif;font-size: 13px; color:#818181; }
.banner {     width: 100%;
    height: 500px;
    background-image: url(../images/banner.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	margin: 20px 0;
}


ul li{
	list-style: none;
}


.navbar{
	position: sticky;
    top: 0;
    z-index: 1;
	margin-bottom: 0px;
    border-bottom: 1px solid #dadada;
	padding: 10px 0;
	background-color: white;
	border-radius: 0;
}

.navbar-brand{
	float: none;
	padding: 0;
	cursor: pointer;
}

/*/////   menú desplegable   //////*/

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
	-webkit-box-shadow: 1px 5px 8px -2px rgba(191,191,191,1);
	-moz-box-shadow: 1px 5px 8px -2px rgba(191,191,191,1);
	box-shadow: 1px 5px 8px -2px rgba(191,191,191,1);
}

.sidenav a {
  padding: 15px 8px 15px 0px;
  text-decoration: none;
  font-size: 16px;
  color: #626262;
  display: block;
  transition: 0.3s;
  font-weight: 700;
  border-bottom: 1px solid #dadada;
  font-family: 'Open Sans';
}

.sidenav a:last-child {
  border-bottom: none
}

.sidenav a:hover, .sidenav a:active, .sidenav a:focus {
  color: #20457E;
  background-size: 25px;
  background-image: url( "http://semana-justiciarural.calipso.com.co/wp-content/uploads/2019/08/arrowNav.png");
  background-repeat: no-repeat;
  background-position: right;
  transition: 0s;
}

.sidenav a:first-child {
  background-image: none;

}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  border-bottom: none;
}

.menu-ham{
	font-size:23px;
	cursor:pointer;
	margin-right: 10px;
	display: block;
	float: left;
	margin-top: 5px;
	color: #002a6c;
}

.m-desplegable{
	padding: 0px 40px 0px 40px;
	margin-bottom: 40px;
}

/*/////   fin menú desplegable   //////*/

/*/////   iconos - redes   //////*/

.redesas{
	padding-left: 0;
	font-size: 12px;
	letter-spacing: 1px;
	display: flex;
	margin-bottom: 0px;
}

.redesas a{
	padding: 10px 10px 0px 0px;
	color: black;
	text-decoration: none;
}

.redesas .ico-redes{
	font-size: 23px;
}

.redesas .ico-redes:hover, .redesas .ico-redes:active, .redesas .ico-redes:focus{
	color: #002A6C;
	transition: 0.5s;
}

/*/////   fin iconos - redes   //////*/

/*/////   botón - semana rural   //////*/

.btn-semanarural{
	color: white;
	background-color: #3AB6F1;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700 !important;
	letter-spacing: 1px;	
}

.btn-semanarural:hover {
	color: white !important;
	background-color:#1e97d0; 
}

/*/////  fin botón - semana rural   //////*/

/*/////   menu 2   //////*/

.nav-rutas .items{
    font-size: 12px;
	font-weight: 700;
    letter-spacing: 1px;
    display: flex;
	margin-bottom: 0px;	
	font-family: 'Open Sans'
}

.menu {
	margin: 0 auto;
	width: 800px
}

.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__item {
	display: block;
	margin: 0 0 1em 0;
}

.menu__link {
	font-weight: bold;
	display: block;
	padding: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}

/* Shylock (by @benhanks040888) */
.menu--shylock .menu__link {
	position: relative;
	margin: 0 0.9em;
	padding-right: 0;
	padding-left: 0;
	color: #5B5B5B;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
	text-decoration: none;
}


.menu--shylock .menu__item--current .menu__link,
.menu--shylock .menu__item--current .menu__link:hover,
.menu--shylock .menu__item--current .menu__link:focus {
	color: #002A6C;
}

.menu--shylock .menu__item--current .menu__link::after,
.menu--shylock .menu__item--current .menu__link::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.menu--shylock .menu__item--current .menu__link::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.menu--shylock .menu__link:hover,
.menu--shylock .menu__link:focus {
	color: #b5b5b5;
}

.menu--shylock .menu__link:hover::before,
.menu--shylock .menu__link:focus::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.menu--shylock .menu__link::before,.menu--shylock .menu__link::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transform-origin: center left;
	transform-origin: center left;
	/*-webkit-transition: transform 0.1s cubic-bezier(0.9, 0.01, 0.36, 1);
	 transition: transform 0.1s cubic-bezier(0.9, 0.01, 0.36, 1); */
	 webkit-transition:none;
	 transition: none;
}

.menu--shylock .menu__link::before {
	background: #b5b5b5;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.menu--shylock .menu__link::after {
	background: #002A6C;
}


/* Media queries - menu 2 */


@media screen and (max-width:55em) {
	.section--menu {display: none;}
}

/*/////   fin menu 2   //////*/

/*  Media queries  */

/*/////   menú desplegable   //////*/
@media screen and (min-height: 768px){
	.btn-semanarural{margin-right: 10px;}
	.menu-ham {margin-left: 10px;}
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 16px;}
}
/*/////  fin menú desplegable   //////*/

@media screen and (max-width: 768px){
	.articulo h2 {font-size: 30px;}
	.articulo .lugar {font-size: 12px;}
}