/* ========================================================= */
/* DEFAULT */
*, body{
	font-family: 'Fira Sans', sans-serif;
}
a:hover{
	text-decoration: none;
}
a.scale,
button.scale{
	transition: all .2s;
}
a.scale:hover,
button.scale:hover{
	transform: scale(1.03);
}
.row.border-bottom{
	border-bottom: 1px solid #333;
}
select.form-control{
    background-image: url(../img/icon/arrows.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

/* GREEN */
.bg-green{
	background-color: #33561f;
}
.text-green{
	color: #33561f;
}
a.text-green:hover{
	color: #476735;
}
/* ORANGE */
.bg-orange{
	background-color: #d89a28;
}
.text-orange{
	color: #d89a28;
}
/* YELLOW */
.bg-yellow{
	background-color: #e2d9b2;
}
a.bg-yellow:hover{
	background-color: #e5ddba;
}
.text-yellow{
	color: #e2d9b2;
}

/* ========================================================= */
/* BOOTSTRAP */
.h2, h2{
	font-size: 1.88rem;
}
.h4, h4{
	font-size: 1.38rem;
}
.font-weight-semi-bold{
	font-weight: 600;
}
.font-weight-extra-bold{
	font-weight: 800;
}
.font-weight-black{
	font-weight: 900;
}

/* ========================================================= */
/* SLICK */
.slick-dots{
	bottom: 5%;
}
.slick-dots li button:before{
	content: '';
	background-color: #33561f;
	opacity: .5;
}
.slick-dots li.slick-active button:before{
	opacity: 1;
}

/* ========================================================= */
/* HEADER */
header #anchor ul li a,
header #accessibility ul li a{
	color: #868688;
	font-size: .75rem;
}
header #anchor ul li a:hover,
header #accessibility ul li a:hover{
	color: #33561f;
}
header #accessibility .svg{
	width: 1.5rem;
	height: 1.5rem;
}
header #accessibility svg{
	max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
header .logo-search{
	border-top: 1px solid #ccc;
}
header .search input{
 	padding: 0 15px;
 	width: 87%;
}
header .contact i{
	font-size: 1.5rem;
}
header .contact .icon-phone{
	width: 1.8rem;
    height: 1.95rem;
}
header nav a{
	font-size: 1.13rem;
}

/* ========================================================= */
/* LINKS */
#links h4,
.external-links h4{
	font-size: 1.13rem;
}

/* ========================================================= */
/* NEWS */
#news .box{
	border: 1px solid #ccc;
}
#news .box .date{
	color: #060606;
	font-size: .9rem;
	font-weight: 500;
}
#news .box .category{
	color: #868585;
	font-size: 1.15rem;
	font-weight: 500;
	text-transform: uppercase;
}
#news .box h4{
	font-size: 1.15rem;
	margin-bottom: 0;
}
#news .featured .box h4,
#events .box h4{
	font-size: 1.5rem;
}
#news-gallery img{
	height: 12rem;
	object-fit: cover;
}

/* ========================================================= */
/* EVENTS */
#events .box{
	border: 1px solid #a9a9a9;
	padding: 2rem;
}
#events .box h5{
	font-size: 1.25rem;
}

/* ========================================================= */
/* CATEGORIES */
#categories ul a{
	margin-bottom: .3rem;
}
#categories ul a.selected li{
	background-color: #33561f;
	color: #fff;
}
#categories ul a:last-child{
	margin-bottom: 0;
}

/* ========================================================= */
/* MAP */
#map {
    height: 50vh;
}

/* ========================================================= */
/* SYMBOLS */
.hover-wrap{
	position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 0;
    transition: all ease-out .3s;
    transform: scale(.5);
    z-index: 9;
}
.hover-wrap .overlay-img {
    position: absolute;
    width: 100%;
    height: 100%;
	background: rgba(51, 86, 31, .9);
}
a:hover .hover-wrap{
	opacity: 1;
    transform: scale(1,1);
}
#symbols .img{
	transition: all .2s;
	border: 1px solid #a9a9a9;
	height: 10rem;
	position: relative;
}
#tourism .box .img img,
#symbols .img img{
	height: 100%;
	object-fit: cover;
}

/* ========================================================= */
/* TOURISM */
#tourism .hover-wrap .overlay-img {
    background: rgba(0, 0, 0, .6);
}


/* ========================================================= */
/* GALERY */
#galery .box,
#gallery-video .box,
#tourism .box .img{
	border: 1px solid #a9a9a9;
}
#galery img{
	width: 13rem;
	height: 9rem;
}

/* ========================================================= */
/* DETAIL NEW */
#detail-new .category{
	color: #868585;
}

/* ========================================================= */
/* TOURISM */
#tourism .box .img{
	height: 10rem;
}

/* ========================================================= */
/* SERVICES ONLINE */
#links .icon img,
#categories .icon img,
#list-services .icon img{
	width: 65px;
	height: 65px;
    object-fit: cover;
}

/* ========================================================= */
/* EX-MAYORS */
#ex-mayors .date{
	font-size: .8rem;
}
#ex-mayors h5{
    /*word-break: break-all;*/
}

/* ========================================================= */
/* PORTAL TRANSPARENCY */
div.text.text-green h5{
    font-size: 1.13rem;
}

/* ========================================================= */
/* INTEREST */
#interest .icon img{
    width: 50px;
    height: 50px;
    object-fit: contain;
}

/* ADMINISTRATION */
#administration hr{
    border: 0;
    height: 1px;
    background: #919191;
}
#administration .functionary img{
    height: 24rem;
    object-fit: none;
}

/* ACCESSIBILITY */
.accessibility a,
.accessibility p,
.accessibility span,
.accessibility h1,
.accessibility h2,
.accessibility h3,
.accessibility h4,
.accessibility h5,
.accessibility h6{
    transition: all .2s;
}
body.auto-contrast{
    background-color: #e4e4e4;
}
body.auto-contrast .text-orange svg,
body.auto-contrast svg.img-fluid,
body.auto-contrast .img-fluid svg,
body.auto-contrast .fas,
body.auto-contrast .text-green,
body.auto-contrast a,
body.auto-contrast header #anchor ul li a:hover,
body.auto-contrast header #accessibility ul li a:hover{
    color: #000;
}
body.auto-contrast .bg-yellow .text-green,
body.auto-contrast .bg-green .text-green,
body.auto-contrast .bg-yellow.text-green,
body.auto-contrast .bg-green.text-green,
body.auto-contrast .bg-yellow svg,
body.auto-contrast .bg-green svg,
body.auto-contrast .bg-yellow .fas,
body.auto-contrast .bg-green .fas,
body.auto-contrast .bg-yellow .fab,
body.auto-contrast .bg-green .fab,
body.auto-contrast .bg-yellow .far,
body.auto-contrast .bg-green .far,
body.auto-contrast .bg-green .text-orange{
    color: #e4e4e4;
}
body.auto-contrast .bg-green,
body.auto-contrast #categories ul a.selected li{
    background-color: #000;
}
body.auto-contrast .bg-yellow{
    background-color: #252525;
}
body.auto-contrast .hover-wrap .overlay-img{
    background-color: rgba(0,0,0,.9);
}
body.auto-contrast iframe,
body.auto-contrast img{
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}

/* ========================================================= */
/* FOOTER */
footer .icon-phone{
	width: 2rem;
	height: 2rem;
}
footer .localization,
footer .hours,
#interest p{
	line-height: 1;
}
footer .contact li{
	font-size: 1rem;
}
footer ul li{
	font-size: .75rem;
	line-height: 2;
}