@import url('https://fonts.googleapis.com/css2?family=Allison&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--bs-body-font-family: 'DM Sans', sans-serif;
	--bs-body-color: #1d2021;
	--bs-primary-rgb: 6, 55, 168;
	--bs-secondary-rgb: 113, 119, 167;
	--bs-success-rgb: 60, 130, 80;
	--bs-info-rgb: 10, 116, 214;
	--bs-warning-rgb: 250, 217, 54;
	--bs-danger-rgb: 79, 34, 38;
	--bs-border-color: #dddddd;
	--bs-light-rgb: 235, 235, 235;
	--bs-border-radius-xxl: 1.4rem;
	--c1: #3c8250;
	--c2: #fad936;
	--c3: #7177a7;
	--c4: #5a9577;
}
::selection {
	background-color: #222222;
	color: #fff;
}
strong {
	font-weight: 700;
}
.poppins {
	font-family: "Poppins", sans-serif;
}
.allison {
	font-family: "Allison", cursive;
}


/* ------ header ------ */
#logo {
	height: 78px;
}
#logo2 {
	height: 95px;
}
.muni {
	font-weight: 900;
}
.headLine1,
.headLine2 {
	padding-bottom: .7rem;
}
.headLine1::after,
.headLine2::after {
	background-color: var(--c1);
	background: linear-gradient(90deg, rgba(7,119,30,1) 0%, rgba(122,167,20,1) 100%);
	bottom: 0;
	content: "";
	height: 1px;
	position: absolute;
	width: 100%;
}
.headLine2::after {
	background-color: var(--c2);
	background: linear-gradient(90deg, rgba(204,201,12,1) 0%, rgba(252,221,8,1) 90%);
}
@media (max-width:1400px) {
}


/* ------ navBar ------ */
#navBarMain .nav-link {
	--bs-nav-link-color: #fff;
	font-size: 1.05rem;
	font-weight: 600;
	padding: .9rem 1.1rem;
	position: relative;
}
#navBarMain .nav-link:hover,
#navBarMain .nav-link:focus {
	color: var(--c2);
}
#navBarMain .navbar-nav .nav-link.active,
#navBarMain .navbar-nav .nav-link.show {
	background-color: var(--c2);
	color: var(--c1);
}
#navBarMain .nav-link.zoom {
	transform: scale(1.05);
}


/* ------ btn ------ */
.btn {
	font-size: 1.1rem;
	font-weight: 500;
	padding: .4rem 1rem;
}
.btn-primary {
  --bs-btn-bg: var(--c1);
  --bs-btn-border-color: var(--c1);
  --bs-btn-hover-bg: var(--c3);
  --bs-btn-hover-border-color: var(--c3);
  --bs-btn-active-bg: var(--c3);
  --bs-btn-active-border-color: var(--c3);
}
.btn-outline-primary {
	--bs-btn-color: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: var(--c1);
	--bs-btn-hover-border-color: var(--c1);
	--bs-btn-active-bg: var(--c1);
	--bs-btn-active-border-color: var(--c1);
	--bs-btn-disabled-color: var(--c1);
	--bs-btn-disabled-border-color: var(--c1);
}
.btn-outline-secondary {
	--bs-btn-color: #a8a8a8;
	--bs-btn-border-color: #a8a8a8;
	--bs-btn-hover-bg: #a8a8a8;
	--bs-btn-hover-border-color: #a8a8a8;
	--bs-btn-active-bg: #a8a8a8;
	--bs-btn-active-border-color: #a8a8a8;
	--bs-btn-disabled-color: #a8a8a8;
	--bs-btn-disabled-border-color: #a8a8a8;
}
.btn-info {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--c2);
	--bs-btn-border-color: var(--c2);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--c1);
	--bs-btn-hover-border-color: var(--c1);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--c2);
	--bs-btn-active-border-color: var(--c2);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--c2);
	--bs-btn-disabled-border-color: var(--c2);
}
.btn-outline-info {
	--bs-btn-color: var(--c3);
	--bs-btn-border-color: var(--c3);
	--bs-btn-hover-bg: var(--c3);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: var(--c3);
	--bs-btn-active-bg: var(--c3);
	--bs-btn-active-border-color: var(--c3);
	--bs-btn-disabled-color: var(--c3);
	--bs-btn-disabled-border-color: var(--c3);
}
.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--c1);
	--bs-btn-hover-border-color: var(--c1);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--c1);
	--bs-btn-active-border-color: var(--c1);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--c1);
	--bs-btn-disabled-border-color: var(--c1);
}
.btn-outline-light {
	--bs-btn-hover-color: var(--c2);
}
.btn-outline-warning {
	--bs-btn-color: var(--c4);
	--bs-btn-border-color: var(--c4);
	--bs-btn-hover-bg: var(--c4);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: var(--c4);
	--bs-btn-active-bg: var(--c4);
	--bs-btn-active-border-color: var(--c4);
	--bs-btn-disabled-color: var(--c4);
	--bs-btn-disabled-border-color: var(--c4);
}
.btn-outline-danger {
	--bs-btn-color: #a62121;
	--bs-btn-border-color: #a62121;
	--bs-btn-hover-bg: #a62121;
	--bs-btn-hover-border-color: #a62121;
	--bs-btn-active-bg: #a62121;
	--bs-btn-active-border-color: #a62121;
	--bs-btn-disabled-color: #a62121;
	--bs-btn-disabled-border-color: #a62121;
}
.btn-outline-success {
	--bs-btn-color: var(--c2);
	--bs-btn-border-color: var(--c2);
	--bs-btn-hover-bg: var(--c2);
	--bs-btn-hover-border-color: var(--c2);
	--bs-btn-active-bg: var(--c2);
	--bs-btn-active-border-color: var(--c2);
	--bs-btn-disabled-color: var(--c2);
	--bs-btn-disabled-border-color: var(--c2);
}
.btn-light {
	--bs-btn-color: var(--bs-body-color);
}


/* ------ misc ------ */
.fs-5b {
	font-size: 1.1rem;
}

.mainPad {
	padding-bottom: 3rem;
	padding-top: 3rem;
}
.mainPad.v2 {
	padding-top: 0;
}
.link-light {
	color: #fff !important;
}
.number {
	align-items: center;
	background-color: var(--c2);
	border-radius: 50%;
	color: var(--bs-body-color);
	display: flex;
	font-weight: 700;
	justify-content: center;
	height: 35px;
	width: 35px;
}
@media (max-width:1400px) {
	.fs-5 { font-size: 1.2rem !important }
	.mainPad {
		padding-bottom: 2.5rem;
		padding-top: 2.5rem;
	}
}


/* ------ imgs ------ */
.imgNew {
	aspect-ratio: 380 / 260;
}
.date {
	background-color: var(--c1);
	color: #fff;
	height: 70px;
	padding-top: 10px;
	width: 70px;
}
@media (max-width:1400px) {
	.date {
		height: 60px;
		padding-top: 6px;
		width: 60px;
	}
	.date .fs-3 {
		font-size: 1.6rem !important;
	}
}


/* ------ texture ------ */
.texture1 {
	background: linear-gradient(90deg, rgba(250,217,54,1) 0%, rgba(60,130,80,1) 100%);
	height: 36px;
}
.texture1 .img {
	background-image: url(../img/texture1.png);
	background-position: 10px;
	background-repeat: repeat-x;
	height: 36px;
}
.texture2 {
	background: linear-gradient(90deg, rgba(250,217,54,1) 0%, rgba(60,130,80,1) 100%);
	height: 36px;
}
.texture2 .img {
	background-image: url(../img/texture2.png);
	background-position: 10px;
	background-repeat: repeat-x;
	height: 36px;
}

.city {
	background: linear-gradient(90deg, rgba(250,217,54,1) 0%, rgba(60,130,80,1) 100%);
}
.city .img {
	background-image: url(../img/texture3.png);
	background-position: 10px;
	background-repeat: repeat;
	height: 100%;
	left: 0;
	opacity: .1;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	width: 100%;
}
.grad1 {
	background: linear-gradient(90deg, #c0bf3e 0%, rgba(60,130,80,1) 70%);
}
.grad2 {
	background: linear-gradient(90deg, var(--c2) 40%, #c0bf3e 100%);
}

.repeat1 .img {
	background-image: url(../img/texture3.png);
	background-position: 10px;
	background-repeat: repeat;
	height: 100%;
	left: 0;
	opacity: .1;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	width: 100%;
	-webkit-mask: linear-gradient( transparent, #13173c 95%);
}


/* ------ wrapTitle ------ */
.wrapTitle::after {
	background: linear-gradient(90deg, rgba(250,217,54,1) 0%, rgba(60,130,80,1) 100%);
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	top: 23px;
	transform: translateX(-50%);
	width: 550px;
}
.wrapTitle.v2::after {
	background: var(--c2);
}
.wrapTitle.v3::after {
	top: 44px;
}


/* ------ dib1 ------ */
.dib {
	mix-blend-mode: darken;
}
@media (max-width:1400px) {
	.dib {
		max-width: 200px;
	}
	.coldib {
		width: 200px;
	}
}


/* ------ card ------ */
.borderfc::before {
	border: 1px var(--c2) solid;
	border-radius: 1.5rem;
	content: "";
	height: calc(100% + 26px);
	left: -13px;
	pointer-events: none;
	position: absolute;
	top: -13px;
	width: calc(100% + 26px);
}
.linkTxt::after {
	background: linear-gradient(0deg, rgba(27,27,27,.74) 0%, rgba(27,27,27,0) 100%);
	border-radius: 1rem;
	bottom: 0;
	content: "";
	height: 80%;
	left: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}
.linkTxt {
	color: #fff;
}
.linkTxt h3 {
	bottom: 0;
	left: 0;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 3;
}
@media (max-width:1400px) {
	.linkTxt h3 {
		font-size: 1.5rem;
	}
}


/* ------ wrapProfile ------ */
.wrapProfile::before {
	background-color: var(--c1);
	border-radius: .5rem .5rem 0 0;
	content: "";
	height: 280px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 84%);
}
.wrapProfile .pTitle {
	bottom: 15px;
	color: #fff;
	font-weight: 600;
	left: 50%;
	position: absolute;
	text-transform: uppercase;
	transform: translateX(-50%);
	z-index: 3;
}


/* ------ ptabs ------ */
.pTabs .tabCurrent::before {
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.6) 100%);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}
.pTabs .tab::after {
	background: linear-gradient(0deg, rgba(30,30,30,.6) 0%, rgba(30,30,30,0) 100%);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	transition: all 0.3s ease;
	width: 100%;
}


/* ------ linkBody ------ */
.linkBody {
	position: relative;
}
.linkBody::before {
	background: linear-gradient(-90deg, rgba(255,247,231,.4) 10%, rgba(255, 253, 248,.9) 100%);
	border-radius: .5rem;
	content: "";
	left: 11px;
	height: calc(100% - 22px);
	position: absolute;
	top: 11px;
	width: calc(100% - 22px);
	z-index: -1;
}


/* ------ marquee3k ------ */
.marquee3k p {
	font-weight: 500;
	letter-spacing: .3px;
	padding: 0 1rem;
	text-shadow: 0 0 17px rgba(40, 40, 40, .4);
	user-select: none;
	white-space: nowrap;
}


/* ------ subMenu y btn-toggle ------ */
#toggleSubmenuBtn {
    position: relative;
    z-index: 100;
}
#wrapSubmenu {
	box-shadow: 0 0 40px rgba(200, 200, 216, 0.4);
    border-radius: 1rem;
    width: 290px;
    z-index: 1;
}
#aside {
	top: 40px;
}

#shareDiv,
.shadow1 {
    box-shadow: 0 0 40px rgba(216, 216, 233, .4);
}
.btn-toggle {
    background-color: transparent;
    color: var(--c2);
    font-size: .92rem;
    font-weight: 600;
    padding: .25rem .5rem;
    text-align: left;
}
.subLink {
    color: var(--c8);
    font-size: 1.05rem;
    font-weight: 500;
    padding: .737rem 0;
    position: relative;
    text-decoration: none;
}
.subLink:hover {
    color: var(--c5);
}
.subLink.active {
    font-weight: 600;
}
.subLink.active::after {
    background-color: var(--c8);
    content: "";
    height: 70%;
    left: -35px;
    position: absolute;
    top: .35rem;
    width: 4px;
}
.btn-toggle:hover,
.btn-toggle:focus {
    color: #808080;
}
.btn-toggle::after {
    line-height: 0;
    color: #1e68a5;
    content: "\f078";
    font: var(--fa-font-solid);
    font-size: .9rem;
    height: 30px;
    padding-top: 7px;
    position: relative;
    text-align: center;
    top: 3px;
    transition: transform .35s ease;
    transform-origin: 14px 50%;
    width: 30px;
}

.btn-toggle[aria-expanded="true"]+.subLink {
    color: var(--c8);
    text-decoration: underline;
}

.btn-toggle[aria-expanded="true"]::after {
    transform: rotate(-180deg);
}

.btn-toggle-nav a {
    color: var(--bs-body-color);
    font-size: 1rem;
    font-weight: 400;
    margin-top: .125rem;
    margin-left: 4px;
    padding: .25rem .5rem;
    text-decoration: none;
    user-select: none;
}
.btn-toggle-nav a:hover {
    color: var(--c5);
}

.btn-toggle-nav a.active {
    color: var(--c2);
    font-weight: 500;
    text-decoration: underline !important;
}

.btn-toggle-nav.second {
    padding-left: .8rem;
    padding-top: .3rem;
}

.btn-toggle-nav.second a {
    font-size: .97rem;
}

#subMenu>li>a {
	border-bottom: 1px solid #ddd !important;
	border-radius: 0;
    color: var(--bs-body-color);
    font-size: 1.05rem;
    font-weight: 500;
    padding: .7rem;
    position: relative;
}
#subMenu>li>a:hover {
    color: var(--c1);
}
#subMenu>li>.active {
    color: var(--c1) !important;
    font-weight: 600;
    cursor: default;
}
#subMenu>li>.active::after {
    background-color: var(--c1);
    content: "";
    height: 70%;
    left: -35px;
    position: absolute;
    top: .45rem;
    width: 4px;
}
@media (max-width:992px) {
    #wrapSubmenu {
        width: initial
    }
}


/* ------ mainText ------ */
.mainText p + h2,
.mainText p + h3,
.mainText p + h4,
.mainText ul + h2,
.mainText table + h2 {
    margin-top: 1.8rem;
}
.mainText p:last-child {
	margin-bottom: 0;
}
.mainText figure {
    width: 100%;
}
.mainText figure img {
    border-radius: 1.2rem;
    height: auto;
    width: 100%;
}
.mainText figcaption {
    font-size: .875em;
    font-style: italic;
    margin-top: .3rem;
}
.mainText .embed-container {
    margin-bottom: 1rem;
}
.mainText .embed-container + h2,
.mainText .embed-container + h3,
.mainText .embed-container + h4 {
    margin-top: 2rem;
}
.mainText a {
    color: var(--c3);
    font-weight: 500;
}
.mainText a:hover {
    color: var(--c2);
}
.mainText ul {
	list-style: none;
	margin: 0 0 1.5rem 0;
	padding: 0 0 0 .5rem;
}
.mainText > ul:last-child {
	margin: 0;
}
.mainText ul li {
    padding: 2px 0 2px 20px;
    position: relative;
}
.mainText ul li::before {
    content: "\f111";
    color: var(--c2);
    font: var(--fa-font-solid);
    font-size: .5rem;
    left: 0;
    position: absolute;
    top: 12px;
}
.mainText .list-group li::before {
    top: 18px;
}
.mainText .text-right {
    text-align: right;
}
.mainText figure.table {
    overflow-x: auto;
}
.mainText .table {
    --bs-table-bg: transparent;
    --bs-table-color: #333e48;
}
.mainText table {
    margin-bottom: 1.9rem;
    width: 100%;
}
.mainText table th,
.mainText table td {
    border-bottom: 1px solid #bcbcc9 !important;
    font-size: 1.05rem;
    line-height: 1.3rem;
    padding: .6rem .5rem;
}
.mainText table th p,
.mainText table td p {
    margin-bottom: 0;
}
.mainText table th {
    border-bottom: 2px solid var(--c6) !important;
    color:var(--c6);
    font-weight: 500;
}
@media (max-width:768px) {
	.mainText ul {
		margin: 0 0 .8rem 0;
	}
    .mainText .w-50 {
        width: 100% !important
    }
}


/* ------ breadcrumb ------ */
.breadcrumb {
	font-size: 1rem;
	z-index: 10;
}
.breadcrumb a {
	color: var(--bs-body-color);
}
.breadcrumb a:hover {
	color: var(--c3);
}
.w-bread {
	max-width: 40%;
}
.breadcrumb-item+.breadcrumb-item::before {
	opacity: .4;
}