@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');

div.news-page-header {background-color: #FFFFFF; background-image: url("https://renalco.ch/assets/images/shapes/waves-white.svg"); background-size: cover;}
#other-posts {background-color: #FFFFFF; background-image: url("https://renalco.ch/assets/images/shapes/waves-white.svg"); background-size: contain;}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 0;
    --bs-card-border-color: rgba(0, 0, 0, 0.125);
    --bs-card-border-radius: 1rem;
    --bs-card-box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
    --bs-card-inner-border-radius: 1rem;
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: #fff;
    --bs-card-cap-color: ;
    --bs-card-height: 100%;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: 0 0 1rem 1rem;
}

/*div.card {background-color: #fcf0e5!important;}*/

.card-body {flex: 1 1 auto; color: var(--bs-card-color); padding: 1.25rem;}
.mt-8 {margin-top: 2.5rem;}
.top15vh {margin-top: 15vh;}
.lead {font-size: 1.25rem; font-weight: 400; line-height: 1.625;}

.mask, .mask-full {position: absolute; background-size: cover; background-position: center center; top: 0; left: 0; width: 100%; transition: opacity 0.6s ease-in-out;}
.mask {height: 40%; width: 100%; opacity: 0.5; }
.mask-full {height: 100%; width: 100%; opacity: 1;}
.opacity-9 {opacity: 0.9 !important;}

img.minibox-logo {width: 96px; position: relative; display: inline-block; margin-right: 1rem; float: right; top: 1rem;}

.badge-box {font-size: 0.66rem;}
.badge {display: inline-block; font-family: 'Inter', sans-serif; margin-right: 0.5rem; padding: 0.5rem; font-size: 0.75rem; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 0.25rem; word-wrap: break-word; text-transform: uppercase;}

#mini-box {max-height: 720px;}
#mini-box div.top-section .card-img-top {height: auto; width: 100%; border-radius: 0!important; transition: transform 0.6s ease-in-out;}
#mini-box div.card-body h5 {font-family: 'BreeSerif-Regular', sans-serif; font-size: 1.15rem; line-height: 1.25; text-transform: uppercase;}
.text-decoration-none {text-decoration: none !important;}
#mini-box div.card-body p, #mini-box div.card-body p.postdate {font-size: 0.75rem!important; line-height: 1.35!important;}
#mini-box div.card-body p.postdate {background-color: #ffffff; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 0.25rem 0;}
#mini-box div.card-body a {font-size: 0.75rem; line-height: 1.5;}
#mini-box:hover .mask {opacity: 0;}
#mini-box:hover div.top-section .card-img-top {transform: scale(1.15);}
#mini-box:hover div.card-body h5 {color: rgb(0,40,160)!important;}

#mini-box div.card-body article p.sub-title {margin: 1rem 0; font-size: 0.75rem!important;}
#mini-box div.top-section {max-height: 240px!important; background-color: rgb(255,255,255); overflow: hidden;}
#mini-box div.bottom-section {max-height: 360px!important; background-color: rgb(255,255,255); overflow: hidden; border-radius: 0 0 1rem 1rem;}

.text-sm {font-size: 0.75rem !important;}

.bg-gradient-primary {background-image: linear-gradient(315deg, rgba(0,40,160,0.66) 0%, rgba(0,40,160,0.96) 100%);}
.bg-gradient-warning {background-image: linear-gradient(315deg, rgba(160,40,0,0.66) 0%, rgba(160,40,0,0.96) 100%);}
.bg-gradient-info {background-image: linear-gradient(315deg, rgba(0,191,255,0.66) 0%, rgba(0,191,255,0.96) 100%);}
.bg-gradient-success {background-image: linear-gradient(315deg, rgba(0,160,40,0.66) 0%, rgba(0,160,40,0.96) 100%);}
.bg-gradient-dark {background-image: linear-gradient(315deg, rgba(40,40,40,0.66) 0%, rgba(40,40,40,0.96) 100%);}
.bg-gradient-chart {background-image: linear-gradient(315deg, rgba(255,255,0,0.66) 0%, rgba(255,255,0,0.96) 100%);}

.bg-gradient-article {background-image: linear-gradient(315deg, rgba(0,33,71,0.66) 0%, rgba(0,33,71,0.96) 100%);}

.bg-primary {background-color: rgb(0,40,160)!important;}
.bg-secondary {background-color: #8392AB !important;}
.bg-dark {background-color: #344767 !important;}

.link-light {color: #e9ecef !important;}
.text-white {color: #fff !important;}
.text-dark {color: #333 !important;}
.right9 {margin-right: 4px;}
.left9 {float: left; margin: 0 0 2rem 0;}
.fa, .fas {font-weight: 900;}
.position-relative {position: relative !important;}
.overflow-hidden {overflow: hidden !important;}

article p strong, article p b {font-family: 'Inter', sans-serif!important; font-weight: 700!important;}

article {padding: 1.25rem;}
article.short {padding: 0 0 0.75rem 0;}
p.article-badge {position: absolute; top: 10px; right: 10px;}
p.article-badge-big {position: absolute; top: 10px; left: 10px;}
article h1.bottom25 {font-size: 3rem;}
div.article-text-section {padding: 1rem 0.5rem; text-align: left; font-family: 'Inter', sans-serif; font-weight: 300; color: #222; font-size: 1rem;}
div.article-text-section p {margin-bottom: 1rem;}

article div.external-article {padding: 2.5rem!important; background: rgb(252, 240, 229); border-radius: 1rem;}

article div.external-article:before, article div.external-article:after {content: ""; height: 2px; position: absolute; left: 0; right: 0; -webkit-clip-path: polygon(0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%, 50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%);}

article hr {margin: 1.5rem 0;}
article h1 {font-size: 1.5rem; margin: 2rem 0; line-height: 1; color: rgba(0,40,160,1);}
article h2 {font-family: "Inter", sans-serif; font-weight: 700; font-size: 1.25rem; text-transform: uppercase; margin: 2rem 0 1rem 0; line-height: 1.5; color: rgba(0,40,160,0.75);}
article h3 {font-family: "Inter", sans-serif; font-weight: 600; font-size: 1.125rem; text-transform: uppercase; margin: 2rem 0 0.5rem 0; line-height: 1.25; color: rgba(0,40,160,0.50);}
article p.postdate {border-radius: 0.5rem; border: solid 1px rgb(0,40,160); padding: 0.25rem 1rem; text-align: right; margin-top: 1.5rem; color: rgb(255,255,255); background-color: rgb(0,40,160);}
article p.sub-title {font-family: 'BreeSerif-Regular', sans-serif; font-size: 1.25rem; margin: 2rem 0 1rem 0;}
article ol {list-style-type: decimal; margin-left: 2rem;}
article ul {list-style-type: circle; margin-left: 2rem;}
article ul li, article ol li {margin-bottom: 1rem;}
article ul li b, article ol li b, article p b {font-family: "Inter", sans-serif!important; font-weight: 700;}
article ul li a, article ol li a, article p a {font-family: "Inter", sans-serif; font-weight: 600; color: rgba(0,40,160,1); text-decoration: underline;}
article table.table.table-bordered {color: inherit; font-family: "Inter", sans-serif; font-size: 0.9rem; border-color: rgba(0,40,160,0.1);}
article table.table.table-bordered tbody tr th {color: rgb(0,40,160); font-family: "Inter", sans-serif; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; padding: 0.5rem!important;}

article table.table.table-bordered tbody tr th.w60, article table.table.table-bordered tbody tr td.w60 {min-width: 60px;}
article table.table.table-bordered tbody tr th.w150, article table.table.table-bordered tbody tr td.w150 {width: 150px; text-align: center;}
article table.table.table-bordered tbody tr th.text-vert-mid, article table.table.table-bordered tbody tr td.text-vert-mid {vertical-align: middle!important;}

article table.table.table-bordered tbody tr th p img, article table.table.table-bordered tbody tr td  p img {margin: 0 auto!important;}article table.table.table-bordered tbody tr th p img, article table.table.table-bordered tbody tr td  p img {margin: 0 auto!important;}
article table.table.table-bordered tbody tr th p img.icon, article table.table.table-bordered tbody tr td  p img.icon {width: 48px!important;}
article div.top-sec {min-height: 120px;}
article div.top-sec-half {min-height: 60px;}
article p.sub-note {font-size: 0.8rem; margin: 0 0 2rem 0; text-align: right; color: rgba(33,33,33,0.75);}
article img {max-width: 100%; margin: 2rem auto;}
article img.article-link-svg {max-width: 320px; margin: 0 0 2rem 0; min-height: 56px; max-height: 72px; float: left;}
article img.disc-link-svg {max-width: 180px; margin: 0.5rem auto;}
article p.footnote-1 {font-size: 0.66rem; margin: 1rem 0 0.5rem 0; line-height: 1.25; color: rgba(33,33,33,0.75);}
article p.footnote-2 {font-size: 0.66rem; margin: 0.5rem 0 1.5rem 0; line-height: 1.25; color: rgba(33,33,33,0.75);}
article p.footnote-2 b {font-family: "Inter", sans-serif; font-weight: 400;}
article p.footnote-1 a, article p.footnote-2 a, article p.footnote-1 a.disc-disclaimer-link, article p.footnote-2 a.disc-disclaimer-link {font-family: "Inter", sans-serif; font-weight: 400; color: rgba(0,0,99,1); text-decoration: underline;}

article p.footnote-1, article p.footnote-2 {scroll-margin-top: 7.5rem;}

article blockquote.blockquote {font-family: 'BreeSerif-Regular', sans-serif; font-style: normal; margin-bottom: 2rem; line-height: 1.25; font-size: 1.75rem;}
article blockquote.blockquote a {font-family: 'BreeSerif-Regular', sans-serif; color: rgba(0,40,160,1); text-decoration: underline;}

article blockquote.blockquote::before, article blockquote.blockquote::after {font-family: 'FontAwesome'; display: inline-block; width: 40px; font-size: 1.15rem; color: rgba(200,200,200,0.8);}
article blockquote.blockquote::before {content: "\f10d"; margin-right: 5px;}
article blockquote.blockquote::after {content: "\f10e"; margin-left: 15px;}

article p.text-center, article p img {text-align: center;}
article p.text-center img, article p.text-center svg, article p img, article p svg {max-width: 100%; height: auto; margin: 2rem auto; text-align: center;}
article p.author::before {content: "\f040"; margin-right: 5px; font-family: 'FontAwesome'; display: inline-block; width: 24px; font-size: 1.15rem; color: rgba(100, 100, 100, 0.8);}
article p.author {text-align: left; font-size: 1.15rem!important; color: #777777!important; margin: 1.5rem 0;}
article p.image-description {text-align: right; font-size: 0.85rem!important; color: #777777!important; margin-bottom: 1.5rem;}
article p.image-copyright, article p.image-copyright a {font-family: 'Inter', sans-serif; font-weight: 300; font-style: italic; text-align: right; font-size: 0.66rem!important; color: #777777!important; margin-top: -2rem;}
article p.footnote-disc {font-family: "Inter", sans-serif; font-size: 0.85rem; margin: 0.25rem 0 0.5rem 0; line-height: 1.25; color: rgba(33,33,33,0.75);}
article p.footnote-disc span.title {font-family: "Inter", sans-serif; font-weight: 700; color: rgba(0,40,160,1);}

#article-box-main div.lead p.sub-title {font-family: 'Inter', sans-serif; font-weight: 700; font-size: 1rem!important; margin: 0.5rem 0; line-height: 1.25;}
#article-box-main img.art-side-icon {position: absolute; top: 0px; right: 30px; margin: 0; height: 48px; width: 48px;}

section#cod div.banner {background: linear-gradient(180deg, rgba(187, 235, 255, 1) 0%, rgba(187, 235, 255, 1) 12%, rgba(170, 220, 241, 1) 75%, rgba(195, 229, 244, 1) 100%); border: 1px solid rgba(0,40,160,0.2); /*transition: all 0.4ms ease-in-out;*/ -webkit-transition: -webkit-transform .2s ease,-webkit-box-shadow .2s ease; transition: -webkit-transform .2s ease,-webkit-box-shadow .2s ease; transition: transform .2s ease,box-shadow .2s ease; transition: transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;}
section#cod div.banner:hover {background: linear-gradient(180deg, rgba(255, 254, 224,1.0) 0%, rgba(255, 254, 224, 1.0) 12%, rgba(255, 253, 175, 1.0) 75%, rgba(255, 253, 141, 1.0) 100%); border: 1px solid rgba(253, 250, 114, 1.0); -webkit-transform: translateY(-5px) translateZ(0); transform: translateY(-5px) translateZ(0);}
section#cod img.flash-banner {border-radius: 50%; height: 6rem; width: auto; float: left; margin-right: 1rem;}
section#cod h1 {float: left;}

div.flash-box {background-color: lightyellow;}
article.flash-article {padding: 0!important;}
p.flash-box-date {font-size: 1rem; margin:0;}
h1.flash-box-title {font-size: 2rem!important; margin: 2rem 0;}

div.notes-head {width: calc(100% + 5rem); height: 6rem; margin: -3rem -2.5rem 1.5rem -2.5rem; background: linear-gradient(180deg, rgba(187, 235, 255, 1) 0%, rgba(187, 235, 255, 1) 12%, rgba(170, 220, 241, 1) 75%, rgba(195, 229, 244, 1) 100%);}
div.notes-head img.flash-banner {border-radius: 50%!important; height: 5rem!important; width: auto!important; float: left; margin: 0.5rem 1rem 0.5rem 0.5rem;}
div.notes-head-right {padding: 1.5rem 0 0 0;}
div.notes-head h3.notes-head {margin: 0; color: rgb(32,32,32); font-size: 1.5rem; font-family: 'BreeSerif-Regular', sans-serif; text-transform: capitalize!important;}
div.notes-head p.notes-head {font-size: 0.75rem;}

p.notes-self, h3.notes-self {font-family: 'Kalam', cursive;}

@media screen and (max-width: 991px) {
	div.notes-head {width: calc(100%); height: 6rem; margin: -5rem 0 1.5rem 0;}
}

/*Sticky Notes */

	/* Some positioning and ratios */
	.sticky-container {max-width: 300px; position: relative; margin-bottom: 3rem;}
	.sticky-outer {display: flex; /*padding-top: 92.5925926%;*/ padding-top: 59.84%; position: relative; width: 100%;}
	.sticky {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

	/* Shadow behind the sticky note */
	.sticky:before {box-shadow: -2px 2px 15px 0 rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.25); content: ''; width: 90%; left: 5px; height: 75%; position: absolute; top: 30%;}

	/* The sticky note itself */
	div.sticky-content {display: flex; background: linear-gradient(180deg, rgba(187, 235, 255, 1) 0%, rgba(187, 235, 255, 1) 12%, rgba(170, 220, 241, 1) 75%, rgba(195, 229, 244, 1) 100%); width: 100%; height: 100%; justify-content: center; align-items: center; font-family: 'Kalam', cursive; clip-path: url(#stickyClip); padding: 0.75rem 1.25rem 0.75rem 0.75rem; text-align: center; color: rgb(0,40,160); text-decoration: none; /*transition: all 0.4s ease-in-out;*/ -webkit-transition: -webkit-transform .2s ease,-webkit-box-shadow .2s ease; transition: -webkit-transform .2s ease,-webkit-box-shadow .2s ease; transition: transform .2s ease,box-shadow .2s ease; transition: transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;}

	div.sticky-content:hover {background: linear-gradient(180deg, rgba(255, 254, 224,1.0) 0%, rgba(255, 254, 224, 1.0) 12%, rgba(255, 253, 175, 1.0) 75%, rgba(255, 253, 141, 1.0) 100%); clip-path: url(#stickyClip); -webkit-transform: translateY(-5px) translateZ(0); transform: translateY(-5px) translateZ(0);}

	.container-sticky {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
	.container-sticky-inner {width: 100%; padding: 1.5rem;}

	/* Add responsiveness */
	@media screen and (max-width: 640px) {div.sticky-content {font-size: 2rem;} .container-sticky-inner {width: 50%;}}
	@media screen and (max-width: 768px) {.sticky-content {font-size: 1rem;} .container-sticky-inner {width: 50%;}}
	@media screen and (max-width: 1024px) {.sticky-content {font-size: 1.5rem;} .container-sticky-inner {width: 25%;}}
	@media screen and (min-width: 1025px) {.sticky-content {font-size: 1.5rem;} .container-sticky-inner {width: 25%;}}

/* End of Sticky Notes */

/*a.navbar-brand.new-logo {width: 10vw; height: auto; margin: 0;}
/*a.navbar-brand.new-logo:hover {width: 10vw; height: auto; border: 0 solid transparent; background-color: transparent; border-radius: 0%; padding: 0;}*/
/*.footer-logo {display: inline-block; max-width: 180px;}*/

.bottom-10 {bottom: 2rem!important;}
.bottom-20vh {bottom: 20vh!important;}
.icon-move-right i {transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);}
.ms-1 {margin-left: 0.25rem !important;}
.min-vh-33 {min-height: 33vh !important; max-width: 100%;}
.min-vh-40 {min-height: 40vh !important; max-width: 100%;}
.min-vh-50 {min-height: 50vh !important; max-width: 100%;}
.min-vh-66 {min-height: 66vh !important; max-width: 100%;}
.min-vh-75 {min-height: 75vh !important; max-width: 100%;}
object.top-center-logo {height: 20vh; min-height: 120px; width: auto; margin: 15vh auto 0 auto;}
object.wave-logo {height: 15vh; min-height: 120px; width: auto; margin: 0 auto;}
.shadow-lg {box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06) !important;}
.border-radius-xl {border-radius: 1rem;}
.border-radius-md {border-radius: 0.5rem;}
.bg-white {background-color: #fff !important;}
.p-3 {padding: 1rem !important;}
.position-relative {position: relative !important;}
.mt-025 {margin-top: 0.25rem !important;}
.mt-05 {margin-top: 0.5rem !important;}
.mt-10 {margin-top: 1rem !important;}
.mb-025 {margin-bottom: 0.25rem !important;}
.mb-05 {margin-bottom: 0.5rem !important;}
.mb-10 {margin-bottom: 1rem !important;}
.padding-half {padding: 2rem 0 4rem 0;}

ul#ctgr, ul#rcnt, ul#pplr, ul#srcs {margin: 0.5rem 0 1.5rem 0; padding: 0; list-style: none;}
ul#ctgr li, ul#rcnt li, ul#pplr li, ul#srcs li {font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; margin-left: 1rem; padding-left: 0.5rem; margin-bottom: 0.5em; text-align: left;}
ul#ctgr li::before, ul#rcnt li::before, ul#pplr li::before, ul#srcs li::before {content: ""; border-color: transparent rgba(0,40,160,.33); border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0; left: -1em; top: 1.1em; position: relative;}

button.button-exp {width: 100%; text-align: left; padding: 1rem; background: none; margin-bottom: 0; vertical-align: middle;}

#more-select .content, #more-select .ext-menu,
#search-section .content,
#categories-section .content,
#recent-section .content,
#popular-section .content,
#sources-section .content,
#languages-section .content {padding: 0px; height: 0; overflow: hidden; transition: height 0.5s ease-out;}

#more-select button.button-exp:after,
#search-section button.button-exp:after,
#categories-section button.button-exp:after,
#recent-section button.button-exp:after,
#popular-section button.button-exp:after,
#sources-section button.button-exp:after,
#languages-section button.button-exp:after {content: '\02795'; color: white; float: right; margin-left: 5px;}

#more-select button.button-exp.active:after,
#search-section button.button-exp.active:after,
#categories-section button.button-exp.active:after,
#recent-section button.button-exp.active:after,
#popular-section button.button-exp.active:after,
#sources-section button.button-exp.active:after,
#languages-section button.button-exp.active:after {content: "\2796";}

.opacity-0 {opacity: 0!important;}
.side-padding {padding: 0 1rem!important;}
div#categories-section {display: none;}

.article-box-header {padding: 0; position: relative; overflow: hidden; display: flex; align-items: center; background-size: cover; background-position: 50%; min-height: 24rem!important;}
h1.art-box-h1 {font-size: 1.75rem; margin-bottom: 0.75rem;}
#article-box-main .mask-full {opacity: 1;}
#article-box-main:hover .mask-full {opacity: .75;}
#article-box-main p.postdate {font-size: 0.75rem!important; line-height: 1.35!important; color: #FFFFFF; margin-bottom: 0.75rem; }
article.short h2, article.short h3, #article-box-main h2, #article-box-main h3 {display: none;}
#article-box-main div.lead p, #article-box-main div.lead ul li {font-size: 0.75rem!important;}

.blur {box-shadow: inset 0px 0px 2px #fefefed1; -webkit-backdrop-filter: saturate(200%) blur(30px); backdrop-filter: saturate(200%) blur(10px); background-color: rgba(255, 255, 255, 0.66) !important;}
.shadow-blur {box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;}
.z-index-2 {z-index: 2 !important;}
.py-3 {padding-top: 1rem !important; padding-bottom: 1rem !important;}
.mt-n3 {margin-top: -3rem !important;}
.mx-auto {margin-right: auto !important; margin-left: auto !important;}


section#filters.pt-3.pb-4 {margin-top: -8vh;}

div.filters {width: auto; margin: 0 auto; text-align: center;}
div.filters a.filter-link {display: inline-block; padding: 0; width: 160px; margin-top: 2rem;}
div.filters div.inline-block {display: inline-block; padding: 0; width: 160px; margin-top: 0;}


div.filters a.filter-link img.filter-menu {width: 96px; height: auto; position: relative; bottom: 16px; right: -24px;}
div.filters a.filter-link p.filter-title {font-size: 0.75rem; margin-bottom: 0; text-align: center; color: rgb(0,40,160); margin-top: -48px; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1; display: block;} 
div.filters a.filter-link .rounded-pill {padding: 0.2rem 0.4rem; border-radius: 50%; margin: -0.25rem 0 0 0.25rem; font-size: 0.85rem; line-height: 1; font-family: 'Inter', sans-serif; font-weight: 400;}
div.filters a.filter-link span.rounded-pill-filters {position: relative; padding: 0.5rem 0; font-size: 0.75rem; line-height: 1; border-radius: 25%; width: 36px; height: 32px; bottom: 48px; right: 16px; display: inline-block; color: #FFFFFF;}
div.filters a.filter-link span.news-lang {margin: 0; position: relative; right: 24px; bottom: 60px;}
div.filters a.filter-link span.news-lang img.filter-lang {width: 24px; height: 24px;}

div.filters a.filter-link:hover {margin-top: 0;}
div.filters a.filter-link:hover img.filter-menu {width: 120px; height: auto; right: -18px;}
div.filters a.filter-link:hover span.news-lang img.filter-lang {width: 32px; height: 32px;}
div.filters a.filter-link:hover span.news-lang {bottom: 120px; right: 36px;}
div.filters a.filter-link:hover span.rounded-pill-filters {font-size: 0.66rem; bottom: -12px; right: 32px; width: 24px; height: 24px; padding: 0.25rem 0;}

div.vert-line {height: 60px; border-left: solid 1px rgb(0,40,160); margin: 1rem; width: 1px; display: inline-block;}

label, .form-label {text-transform: uppercase; font-size: 0.75rem; font-weight: 700; margin-bottom: 0.5rem; color: #344767; margin-left: 0.25rem;}

div.normbox-logo {float: right; width: 180px; display: block; position: absolute; bottom: 0; right: 0; padding: 0.5rem; background: rgba(255,255,255,1); border-radius: 1rem 0; border-bottom: 1px solid rgb(0,40,160); border-right: 1px solid rgb(0,40,160);}
div.normbox-logo img.logo {max-width: 120px; height: auto; display: block; margin: auto;}

div.minibox-logo {float: right; width: 33%; display: block; position: absolute; bottom: 0; right: 0; padding: 0.5rem; background: rgba(255,255,255,1); border-radius: 1rem 0;}
div.minibox-logo img.logo {max-width: 120px; height: auto; display: block; margin: auto;}

div.lead.text-white.opacity-9 p {display: none;}
div.lead.text-white.opacity-9 p.sub-title {display: block;}

/*div.splash-circle {background-color: rgba(0, 40, 160, 0); width: fit-content; border-radius: 10%; padding: 0rem; margin: 0 auto;}
#intro, #about {background-image: url("../images/logos/renalco-logo-new-back.svg"); background-repeat: no-repeat; overflow: hidden;background-size: 40%;}*/

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 2rem;
    --bs-pagination-color: rgba(0,40,160,0.66);
    --bs-pagination-bg: rgba(255,255,255,1);
    --bs-pagination-border-width: 0.25rem;
    --bs-pagination-border-color: rgba(0,40,160,0.33);
    --bs-pagination-border-radius: 0.5rem;
    --bs-pagination-hover-color: rgba(255,255,255,1);
    --bs-pagination-hover-bg: rgba(0,40,160,0.66);
    --bs-pagination-hover-border-color: rgba(0,40,160,1);
    --bs-pagination-focus-color: rgba(0,40,160,1);
    --bs-pagination-focus-bg: rgba(200,200,200,1);
    --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(203,12,159,.25);
    --bs-pagination-active-color: rgba(255,255,255,1);
    --bs-pagination-active-bg: rgba(0,40,160,1);
    --bs-pagination-active-border-color: rgba(0,40,160,1);
    --bs-pagination-disabled-color: rgba(0,0,0,0.05);
    --bs-pagination-disabled-bg: rgba(0,0,0,0.03);
    --bs-pagination-disabled-border-color: rgba(0,0,0,0.05);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

@media (prefers-reduced-motion:reduce) {
    .page-link {transition: none;}
}

.page-link:hover {z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color);}

.page-link:focus {z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow);}

.active>.page-link,
.page-link.active {z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color);}

.disabled>.page-link,
.page-link.disabled,
.page-item.disabled .page-link {color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color);}

.page-item:not(:first-child) 
.page-link {margin-left: -1px;}

.page-item:first-child .page-link {border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius);}

.page-item:last-child .page-link {border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius);}

.pagination-lg {--bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.125rem; --bs-pagination-border-radius: 0.75rem;}

.pagination-sm {--bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: 0.25rem;}

.page-item.active .page-link {box-shadow: 0 3px 5px -1px rgba(0,0,0,.09),0 2px 3px -1px rgba(0,0,0,.07);}

.page-item .page-link, 
.page-item span {display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; border-radius: 50%!important; width: 64px; height: 64px; line-height: 64px; font-size: 48px;}

.pagination-lg .page-item .page-link,
.pagination-lg .page-item span {width: 64px; height: 64px; line-height: 64px;}

.pagination-sm .page-item .page-link,
.pagination-sm .page-item span {width: 32px; height: 32px; line-height: 32px;}

.pagination.pagination-primary .page-item.active>.page-link,
.pagination.pagination-primary .page-item.active>.page-link:focus,
.pagination.pagination-primary .page-item.active>.page-link:hover {background-image: linear-gradient(310deg,#7928ca,#ff0080); border: none; color: #fff;}

.pagination.pagination-secondary .page-item.active>.page-link,
.pagination.pagination-secondary .page-item.active>.page-link:focus,
.pagination.pagination-secondary .page-item.active>.page-link:hover {background-image: linear-gradient(310deg,#627594,#a8b8d8); border: none; color: #fff;}

.pagination.pagination-success .page-item.active>.page-link,
.pagination.pagination-success .page-item.active>.page-link:focus,
.pagination.pagination-success .page-item.active>.page-link:hover {background-image: linear-gradient(310deg,#17ad37,#98ec2d); border: none; color: #fff;}

.pagination.pagination-info .page-item.active>.page-link,
.pagination.pagination-info .page-item.active>.page-link:focus,
.pagination.pagination-info .page-item.active>.page-link:hover {background-image: linear-gradient(310deg,#2152ff,#21d4fd); border: none; color: #fff;}

.pagination.pagination-warning .page-item.active>.page-link,
.pagination.pagination-warning .page-item.active>.page-link:focus,
.pagination.pagination-warning .page-item.active>.page-link:hover {background-image: linear-gradient(310deg,#f53939,#fbcf33); border: none; color: #fff;}

.pagination.pagination-danger .page-item.active>.page-link,
.pagination.pagination-danger .page-item.active>.page-link:focus,
.pagination.pagination-danger .page-item.active>.page-link:hover {background-image: linear-gradient(310deg,#ea0606,#ff667c); border: none; color: #fff;}

.pagination.pagination-light .page-item.active>.page-link,
.pagination.pagination-light .page-item.active>.page-link:focus,
.pagination.pagination-light .page-item.active>.page-link:hover {background-image: linear-gradient(310deg,#ced4da,#ebeff4); border: none; color: #fff;}

.pagination.pagination-dark .page-item.active>.page-link,
.pagination.pagination-dark .page-item.active>.page-link:focus,
.pagination.pagination-dark .page-item.active>.page-link:hover {background-image: linear-gradient(310deg,#141727,#3a416f); border: none; color: #fff;}

.pagination li > a:hover, 
.pagination li > a:focus {background: var(--bs-pagination-hover-bg);}

.pagination li > a:hover .page-item .page-link, 
.pagination li > a:hover .page-item span {display: flex; align-items: center; justify-content: center; color: rgb(255,255,255); padding: 0; margin: 0; border-radius: 50%!important; width: 64px; height: 64px; line-height: 64px; font-size: 32px; border: 2px solid rgb(0,40,160);}

div.social-section {width: auto; text-align: right; font-size: 0.8rem; margin:  0 0 2rem 0; display: inline-block; position: relative; border: 1px solid rgb(0,40,160); padding: 0.5rem 1rem; border-radius: 2rem; float: right;}

svg.share-social {margin: auto 0 auto 0.25rem; height: 36px; width: 36px; transition: all .2s ease-in-out;}
svg.share-social:hover {filter: none;}

svg#linkedin.share-social circle.circle {fill: #0072b1; stroke: #0072b1;}
svg#linkedin.share-social g.logo {fill: #fff; stroke: #fff;}
svg#linkedin.share-social:hover circle.circle {fill: none; stroke: #0072b1;}
svg#linkedin.share-social:hover g.logo {fill: #0072b1; stroke: #0072b1;}

svg#whatsapp.share-social circle.circle {stroke-width:20px; stroke:#25D366; fill: #25D366; stroke-miterlimit:10;}
svg#whatsapp.share-social g.logo {stroke-width:12px; fill:#fff; stroke:#fff; stroke-miterlimit:10;}
svg#whatsapp.share-social:hover circle.circle {stroke-width:20px; stroke:#25D366; fill: none; stroke-miterlimit:10;}
svg#whatsapp.share-social:hover g.logo {stroke-width:12px; fill:#25D366; stroke:#25D366; stroke-miterlimit:10;}

svg#e-mail.share-social circle.circle {stroke-miterlimit:10;stroke-width:20px; fill:#B40; stroke:none;}
svg#e-mail.share-social path.logo {stroke-linecap:round; stroke-linejoin:round; stroke-width:12px; fill:none; stroke:#000;}
svg#e-mail.share-social polygon.page {stroke-linecap:round; stroke-linejoin:round; stroke-width:12px; fill:#FFF; stroke:#FFF;}
svg#e-mail.share-social polygon.env {stroke-linecap:round; stroke-linejoin:round; stroke-width:12px; fill:#BBB; stroke:#FFF;}
svg#e-mail.share-social line.env-line, svg#e-mail.share-social polyline.env-line {stroke-linecap:round; stroke-linejoin:round; stroke-width:12px; fill:none; stroke:#FFF;}

svg#e-mail.share-social:hover circle.circle {stroke-miterlimit:10;stroke-width:20px; fill:none; stroke:#B40;}
svg#e-mail.share-social:hover path.logo {stroke-linecap:round; stroke-linejoin:round; stroke-width:12px; fill:#B40; stroke:none;}
svg#e-mail.share-social:hover polygon.page {stroke-linecap:round; stroke-linejoin:round; stroke-width:12px; fill:#FFF; stroke:#000;}
svg#e-mail.share-social:hover polygon.env {stroke-linecap:round; stroke-linejoin:round; stroke-width:12px; fill:#DDD; stroke:#000;}
svg#e-mail.share-social:hover line.env-line, svg#e-mail.share-social:hover polyline.env-line {stroke-linecap:round; stroke-linejoin:round; stroke-width:12px; fill:none; stroke:#000;}

svg#twitter.share-social circle.circle {fill: #000; stroke: #000;}
svg#twitter.share-social g.logo {fill: #fff; stroke: #fff;}
svg#twitter.share-social:hover circle.circle {fill: none; stroke: #000;}
svg#twitter.share-social:hover g.logo {fill: #000; stroke: #000;}

svg#facebook.share-social circle.circle {fill: #0668E1; stroke: #0668E1;}
svg#facebook.share-social g.logo {fill: #fff; stroke: #fff;}
svg#facebook.share-social:hover circle.circle {fill: none; stroke: #0668E1;}
svg#facebook.share-social:hover g.logo {fill: #0668E1; stroke: #0668E1;}

.waves.no-animation .moving-waves>use {animation: none;}
.moving-waves>use {animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;}
.moving-waves>use:nth-child(1) {animation-delay: -2s; animation-duration: 11s;}
.moving-waves>use:nth-child(2) {animation-delay: -4s; animation-duration: 13s;}
.moving-waves>use:nth-child(3) {animation-delay: -3s; animation-duration: 15s;}
.moving-waves>use:nth-child(4) {animation-delay: -4s; animation-duration: 20s;}
.moving-waves>use:nth-child(5) {animation-delay: -4s; animation-duration: 25s;}
.moving-waves>use:nth-child(6) {animation-delay: -3s; animation-duration: 30s;}

@keyframes move-forever {
  0% {transform: translate3d(-90px, 0, 0);}
  100% {transform: translate3d(85px, 0, 0);}
}

.mb-sm-5 {margin-bottom: 1rem!important;}

div.container-article-box {position: relative; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 1rem!important;}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 98%;}
	.mt-n4 {margin-top: -8rem!important;}
}

@media only screen and (min-width: 1280px) and (max-width: 1280px) {
	.min-vh-40 {min-height: 66vh !important; max-width: 100%;}
}

@media only screen and (max-width: 991px) {
	
	object.top-center-logo {width: 66vw; margin: 20vh auto 0 auto;}
	div#sidebar.col-md-4.mt-5, div#main-section.col-md-8.mt-5.mb-5 {width: 100%!important; padding: 0!important; display: block; margin-top:0!important;}
	div#search-section, div#recent-section, div#popular-section, div#languages-section, div#sources-section {display: inline-block; width: 100%; padding: 0;}
	div.card-body {padding: 1rem;}
	article h1.bottom25 {font-size: 2rem;}
	section#filters .col-lg-9, section#cod .col-lg-9 {width: 100%!important;}
	section#filters.pt-3.pb-4 {margin-top: -12vh;}
	#mini-box div.top-section .card-img-top {height: auto!important; width: 100%!important; border-radius: 0!important;}
	.mask {opacity: 1.0; display: none;}
	
}

@media only screen and (max-width: 767.98px) {
	svg.waves {display: none;}
	object.top-center-logo {width: 90vw; margin: 25vh auto 0 auto;}
	div#sidebar.col-md-4.mt-5, div#main-section.col-md-8.mt-5.mb-5 {width: 100%!important; padding: 0!important; display: block; margin-top:0!important;}
	div#search-section, div#recent-section, div#popular-section, div#languages-section, div#sources-section {display: block; width: 100%; padding: 0;}
	div.card-body {padding: 0.5rem;}
	article {padding: 2.5rem 0.25rem;}
	.mb-sm-5 {margin-top: 1rem !important;}
	section#other-posts.padding h2.renalco-blue.text-center.mb-5 {font-size: 2rem!important;}
	div.page-titles h1 {font-size: 2.5rem;}
	div.page-titles p.lead {font-size: 1rem;}
	article p.postdate {font-size: 0.75rem!important; padding: 0.25rem 0.5rem;}
	article h1.bottom25 {font-size: 1.5rem;}
	article blockquote.blockquote {line-height: 1.15; font-size: 1.25rem;}
	article img.article-link-svg.left9 {float: none;}
	.mt-5 {margin-top: 1rem!important;}
	article blockquote.blockquote::before, article blockquote.blockquote::after {width: 24px;}
	div.card-body article div img, div.card-body article p img, div.card-body article img {width: 100%!important; height: auto!important;}
	
	article table.table.table-bordered tbody tr th p img.icon, article table.table.table-bordered tbody tr td  p img.icon {width: 32px!important;}
	article ul, article ol {margin-left: 0.5rem;}
	section#filters.pt-3.pb-4 {padding-top: 3rem!important; padding-bottom: 1rem!important; margin-top: -16vh;}
	
	section#posts.padding-half {padding: 0 0 4rem 0;}
	
	div.filters {width: auto; margin: 0 auto; text-align: center;}
	div.filters a.filter-link {display: inline-block; padding: 0; width: 84px; margin-top: 0.5rem;}
	div.filters div.inline-block {display: inline-block; padding: 0; width: 72px; margin-top: 0;}


	div.filters a.filter-link img.filter-menu {width: 60px; height: auto; position: relative; bottom: 0; right: 0;}
	div.filters a.filter-link p.filter-title {font-size: 0.66rem; margin-bottom: 0px; text-align: center; color: rgb(0,40,160); margin-top: -32px; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1; display: block;} 
	div.filters a.filter-link .rounded-pill {padding: 0.2rem 0.4rem; border-radius: 50%; margin: -0.25rem 0 0 0.25rem; font-size: 0.85rem; line-height: 1; font-family: 'Inter', sans-serif; font-weight: 400;}
	div.filters a.filter-link span.rounded-pill-filters {position: relative; padding: 0.25rem 0; font-size: 0.5rem; line-height: 1; border-radius: 25%; width: 24px; height: 18px; bottom: 64px; right: -36px; display: inline-block; color: #FFFFFF;}
	div.filters a.filter-link span.news-lang {margin: 0; position: relative; right: 36px; bottom: 36px;}
	div.filters a.filter-link span.news-lang img.filter-lang {width: 18px; height: 18px;}

	div.filters a.filter-link:hover {margin-top: 0.5rem;}
	div.filters a.filter-link:hover img.filter-menu {width: 60px; height: auto; position: relative; bottom: 0; right: 0;}
	div.filters a.filter-link:hover span.news-lang {right: 36px; bottom: 36px;}
	div.filters a.filter-link:hover span.news-lang img.filter-lang {width: 18px; height: 18px;}
	div.filters a.filter-link:hover span.rounded-pill-filters {font-size: 0.5rem; width: 18px; height: 18px; bottom: 64px; right: -36px; padding: 0.25rem 0;}
	
	h1.news-title {font-size: 2rem!important;}
	p.news-title {font-size: 1rem!important;}
	article p.postdate {text-align: left; margin-top: 1.5rem; padding: 0.5rem!important;}
	article p.postdate span.daygap, article span.sharetitle {display: none;}
	article img.article-link-svg {max-width: 96px;}
	article div.top-sec {min-height: 84px;}
	div.social-section {padding: 0.5rem;}
	
}

@media only screen and (max-width: 399.98px) {
	div.filters a.filter-link {display: inline-block; padding: 0; width: 72px; margin-top: 0.5rem;}
	div.filters a.filter-link p.filter-title {font-size: 0.5rem; margin-bottom: 0px; text-align: center; color: rgb(0,40,160); margin-top: -32px; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1; display: block; text-transform: uppercase;}
}

@media only screen and (min-width: 576px) {
	.my-sm-3 {margin-top: 1rem !important; margin-bottom: 1rem !important;}
}