@import url('/wp-content/themes/diabete/assets/css/template-parts/tools-service.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/last-actualities.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/actualities.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/video-podcasts.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/testimonies.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/events.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/last-posts.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/faq.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/modal-search.css');
@import url('/wp-content/themes/diabete/assets/css/template-parts/description.css');

strong {
    font-weight: bold;
}

.hide-scrollbar {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.nav-link {
    cursor: pointer;
}

.item-container {
    display: flex;
    gap: 60px 30px;
    flex-wrap: wrap;
}

.item.article-item, .video-podcast-item.item {
    width: 336px;
    position: relative;
}

.item .date, .item h4 {
    color: var(--bs-primary);
}

.article-item.item .date, .video-podcast-item.item .date {
    font-size: 14px;
    margin: 22px 0;
    text-transform: uppercase;
}

.item .date .dt, .item .excerpt {
    color: var(--bs-body-color);
}

.item .thumb, .item .img {
    box-shadow: 20px 20px 64px rgba(1, 25, 101, 0.13);
}

.article-item.item .thumb, .video-podcast-item.item .thumb {
    width: 100%;
    object-fit: cover;
    height: 181px;
}


.article-item.item h4, .video-podcast-item.item h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 8px;
}

.article-item.item .excerpt, .testimony-item.item .excerpt, .video-podcast-item.item .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-height: 24px;
    font-weight: 400;
}

.article-item.item .excerpt, .testimony-item.item .excerpt {
    margin-bottom: 16px;
}

.btn-link {
    display: inline-block;
    background-color: white;
    padding: 16px 24px;
    box-shadow: 12px 12px 45px rgba(1, 25, 101, 0.13);
    border-radius: 2px;
    text-decoration: none;
    border-radius: 2px;
}

.btn-link span {
    margin-right: 5px;
}

.pagination {
    display: flex;
    justify-content: space-between;
}

.pagination .page {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.pagination .page:hover span {
    color: var(--bs-primary);
}

.pagination .page.disabled:hover span {
    color: var(--bs-body-color);
}

.pagination .page.disabled {
    opacity: .3;
    cursor: not-allowed;
}

.pagination .page img {
    box-shadow: 12px 12px 16px rgba(1, 25, 101, 0.03);
}

.pagination .next span {
    margin-right: 16px;
}

.pagination .page span {
    font-size: 18px;
}

.pagination .prev img {
    margin-right: 16px;
}

.article-title {
    font-weight: 300;
    font-size: 30px;
    line-height: 41px;
    text-transform: uppercase;
    margin-bottom: 44px;
}

.item #title a {
    text-decoration: none;
    font-weight: 500;
}

.img-link:hover {
    opacity: 1 !important;
}

.img-link {
    cursor: pointer;
}

#search-form {
    width: 100%;
}

#search-form .s-icon {
    position: relative;
    left: 18px;
}

#search-form .input {
    border: none;
    background-color: white;
    color: var(--bs-primary);
    padding: 17px 23px 20px 53px;
    font-family: 'Montserrat';
    margin-right: 8px;
    margin-left: -19px;
    width: 100%;
}

#search-form .input:focus-visible {
    outline-color: var(--bs-primary);
}

#search-form .input::-webkit-input-placeholder { /* Edge */
    color: #838383;
    font-size: 14px;
    font-style: italic;
}

#search-form .input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #838383;
    font-size: 14px;
    font-style: italic;
}

#search-form .input::placeholder {
    color: #838383;
    font-size: 14px;
    font-style: italic;
}

#search-form .btn-s {
    padding: 17px 24px;
    border: none;
    background-color: var(--bs-primary);
    color: white;
    font-weight: 300;
}

#icon-container {
    position: fixed;
    top: 260px;
    z-index: 98;
    display: flex;
    flex-direction: column;
    gap: 10px;
    filter: drop-shadow(12px 12px 45px rgba(1, 25, 101, 0.3));
}

#icon-container .icon-item {
    padding: 18px 19px;
    background-color: #fff;
}

#icon-container .icon-item img {
    max-width: 16px;
}

#site-header {
    background-color: #E5F0F9;
}

body.home {
    background-color: white;
}

#homepage {
    width: 100%;
    padding-bottom: 150px;
    overflow: hidden;
}

#homepage .item-container {
    flex-wrap: nowrap;
}

#homepage .h2-title {
    font-weight: 700;
    font-size: 34px;
    line-height: 46px;
    text-align: center;
}

#homepage .video-podcast-item.item .excerpt, #homepage .testimony-container .article-item.item .excerpt, #homepage .testimony-container .article-item.item .dt {
    color: var(--bs-primary);
}

#homepage .container, #topic-3.container-xxl {
    max-width: 1362px;
    padding: 0;
}

#homepage .top {
    position: relative;
    padding-top: 80px;
}

#homepage .top .container {
    display: grid;
    grid-template-areas:
        'side title'
        'side actualities';
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
        z-index: 1;
    position: relative;
}

#homepage .top .bg {
    position: absolute;
    top: 0;
    height: 626px;
    width: 100vw;
    background-color: #E5F0F9;
}

#homepage .top .title {
    max-width: 703px;
    grid-area: title;
    margin-bottom: 43px;
}

#homepage .top .title h1 {
    font-size: 64px;
    margin-bottom: 24px;
    line-height: 87px;
}

#homepage .top .title p {
    font-size: 24px;
    line-height: 150%;
    color: var(--bs-primary);
    margin-bottom: 0;
}

#homepage .top .title h1 .you {
    font-weight: 700;
}

#homepage .top .side {
    height: 686px;
    background-color: #ffffff;
    width: 245px;
    border-top: 6px solid #9CDDAE;
    box-shadow: 36px 28px 64px rgba(1, 25, 101, 0.06), inset 1px 1px 0px #FFFFFF;
    backdrop-filter: blur(23px);
    padding: 63px 32px 48px 32px;
    margin: 0 122px 0 135px;
    grid-area: side;
}

#homepage .top .side .side-title {
    font-size: 24px;
    line-height: 130%;
    word-break: break-word;
    font-weight: 400;
    text-transform: uppercase;
    margin: 24px 0 16px 0;
}

#homepage .top .side p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--bs-body-color);
}

#homepage .top .side a {
    font-size: 18px;
}

#homepage .top .actualities {
    grid-area: actualities;
}

#homepage .info {
    background-color: #FCEDF2;
    margin: 0 auto;
    display: block;
    margin-bottom: 147px;
}

#homepage .info .h2-title {
    padding-top: 134px;
    margin-bottom: 53px;
}

#homepage .info .card-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    filter: drop-shadow(14px 14px 44px rgba(1, 25, 101, 0.1));
    padding: 0 135px 140px 135px;
}

#homepage .info .card-info {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    padding: 20px;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 15px;
    margin-right:  15px;
}

#homepage .info .card-info p {
    margin: 0 0 0 24px;
    width: 107px;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: var(--bs-primary);
}

#homepage .tools {
    margin-bottom: 202px;
}

#homepage .actuality .article-title {
    color: #fff;
}

#homepage .actuality .h2-title, #homepage .faq .h2-title {
    margin-bottom: 50px;
}

#homepage .actuality > div, #homepage .testimony,  #homepage .last-posts, #homepage .faq > div {
    margin: 0 auto;
    display: block;
    margin-bottom: 147px;
    padding: 100px 135px 50px 135px;
}

#homepage .actuality > div {
    background-color: var(--bs-primary);;
}

#homepage .testimony {
    background-color: #FCEDF2;
}

#homepage .last-posts {
    background-color: #E2F2FF;
}

#homepage .last-posts {
    margin-bottom: 203px;
}

#homepage .videos, #homepage .events {
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
    padding: 0 135px;
}

#tools-and-services #tools-service {
    padding: 0;
}

#tools-and-services #tools-service .d-flex.w-100.justify-content-md-end.justify-content-center {
    display: none !important;
}

#searchpage {
    margin-bottom: 60px;
}

#searchpage h1 {
    margin-bottom: 0px;
}

#searchpage #search-form {
   margin-bottom: 40px;
}

#searchpage #search-form .input {
    box-shadow: 20px 20px 64px rgba(1, 25, 101, 0.13);
    border-radius: 2px;
    max-width: 400px;
    margin-right: 13px;
}

#searchpage .for-text {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
}

#searchpage .for-text .query-s {
    color: var(--bs-primary);
}

#searchpage .dropdown {
    display: none;
}

#searchpage .tab {
    margin-bottom: 40px;
}

#searchpage .tab .cat-link {
    color: #4F5559;
    padding: 9px 0;
    border-bottom: 2px solid #dedede;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
}

#searchpage .tab .cat-link.active {
    color: var(--bs-primary);
    border-bottom: 4px solid #B4D7F2;
    font-weight: bold;
}

#searchpage .dropdown .btn {
    width: 100%;
    background: none;
    color: var(--bs-primary);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--bs-primary);
}

#searchpage .dropdown .dropdown-item {
    padding: 15px;
    color: var(--bs-primary);
}

#searchpage .no-result {
    font-size: 18px;
}

@media screen and (max-width: 1199px) {
    #homepage .top .container, #homepage .tools {
        margin: auto;
    }

    #homepage .tools {
        margin: auto auto 270px auto;
    }

    #homepage .top .side {
        margin: 0 25px 0 0;
    }

    #homepage .actuality > div, #homepage .testimony, #homepage .last-posts, #homepage .faq > div {
        padding: 50px;
    }

    #homepage .videos, .events {
        padding: 0 50px;
    }
}

@media screen and (max-width: 991px) {

    .article-item.item .thumb, .video-podcast-item.item .thumb {
        height: 150px;
    }

    #homepage .top .container {
        display: flex;
        flex-direction: column;
    }

    #homepage .info, #homepage .tools {
        margin-bottom: 50px;
    }

    #homepage .top .side {
        margin: 0 auto;
        padding: 40px 20px 30px 20px;
    }

    #homepage .top .bg {
        height: 820px;
    }

    #homepage .top .title {
        margin: 0 auto 40px auto;
    }

    #homepage .top .title h1, #homepage .top .title p, #homepage .top .side .side-title, #homepage .top .side p {
        text-align: center;
    }

    #homepage .top .side {
        height: unset;
        max-width: 345px;
        width: 100%;
        align-items: center;
        margin-bottom: 40px;
    }

    #homepage .top .side .side-title {
        font-size: 20px;
    }

    #homepage .top .container, #homepage .tools, #homepage .info, #homepage .actuality > div, #homepage .testimony,  #homepage .last-posts, #homepage .faq > div, #homepage .videos, #homepage .events {
        width: 100%;
    }

    #homepage .actuality > div {
        padding: 50px 0px;
    }

    #homepage .testimony, #homepage .last-posts, #homepage .faq > div {
        padding: 50px 20px;
    }

    #homepage .testimony {
        padding-bottom: 0;
    }

    #homepage .top .container, #homepage .tools, #homepage .info, #homepage .videos, #homepage .actuality, #homepage .events {
        padding: 0 20px;
    }

    #homepage .top .side p {
        margin-bottom: 30px;
        font-size: 14px;
    }

    #homepage .top .side .more {
        margin-right: auto;
        margin-left: 10px;
    }

    #homepage .top .side a {
        margin-bottom: 10px;
    }

    #homepage .info .h2-title {
        padding-top: 50px;
    }

    #homepage .info .card-list {
        padding-bottom: 50px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        justify-content: center;
    }

    #homepage .info .card-info {
        margin-bottom: unset;
        margin-right: unset;
    }
}

@media screen and (max-width: 767px) {
    .hide-scrollbar.item-container, .hide-scrollbar.event-list, .hide-scrollbar#last-actualities {
        margin: 0 -20px;
        padding: 0 20px;
    }

    .video-podcast-item.item .excerpt {
        color: var(--bs-body-color);
    }

    #icon-container {
        gap: 5px;
        top: 70px;
        right: 0;
    }

    #icon-container .icon-item {
        padding: 11px 12px;
    }

    #homepage {
        width: 100%;
        color: var(--bs-primary);
        background-color: white;
        padding-bottom: 30px;
    }

    .item-container {
       gap: 20px;
    }

    .item.article-item, .video-podcast-item.item {
        min-width: 250px;
    }

    .article-item.item h4, .testimony-item.item h4, .video-podcast-item.item h {
        font-size: 18px !important;
    }

    .article-item.item .date, .video-podcast-item.item .date {
        margin: 10px 0;
    }

    .article-item.item .excerpt, .testimony-item.item .excerpt, .video-podcast-item.item .excerpt {
        font-size: 14px;
        -webkit-line-clamp: 4;
    }

    .article-item.item > a, .testimony-item.item > a, .video-podcast-item.item > a {
        font-size: 14px !important;
    }

    .videos .article-title {
        margin-bottom: 0px;
    }

    .article-title {
        font-size: 24px;
        margin-bottom: 20px;
        color: var(--bs-body-color);
    }

    .d-flex.w-100.justify-content-md-end.justify-content-center > a {
        font-size: 14px;
    }

    #homepage .h2-title {
        font-size: 27px;
    }

    #homepage .top {
        padding-top: 45px;
    }

    #homepage .top .title h1 {
        font-size: 40px;
        font-weight: normal;
        line-height: normal;
        margin-bottom: 10px;
    }

    #homepage .top .title p {
        font-size: 20px;
    }

    #homepage .info .h2-title {
        padding-top: 50px;
        margin-bottom: 20px;
    }

    #homepage .info .card-list {
        grid-template-columns: auto auto;
        grid-auto-rows: 1fr;
        display: grid;
        filter: none;
        gap: 15px;
        padding: 0 0 50px 0;
    }

    #homepage .info .card-info img {
        width: 40px;
    }

    #homepage .info .card-info p {
        margin: 0;
        font-size: 14px;
        padding: 0 6px;
    }

    #homepage .actuality {
        padding-top: 50px;
        background-color: var(--bs-primary);
    }

    #homepage .actuality .h2-title {
        color: white;
    }

    #homepage .actuality .h2-title, #homepage .faq .h2-title {
        margin-bottom: 40px;
    }

    #homepage .actuality > div {
        padding-top: 0;
    }

    #homepage .actuality > div, #homepage .testimony, #homepage .last-posts, #homepage .faq > div, #homepage .last-posts {
        margin-bottom: 50px;
    }

    #tools-and-services {
        margin-bottom: 40px;
    }

    #tools-service .d-flex.w-100.justify-content-md-end.justify-content-center {
        padding-top: 40px;
        font-size: 14px;
    }

    .btn-link span {
        font-size: 14px;
    }

    .btn-link {
        padding: 14px 24px;
    }

    #searchpage h1 {
        margin-bottom: 10px;
    }

    #search-form {
        position: relative;
    }

    #search-form .input {
        padding: 16px 23px 16px 41px;
        margin-left: 0;
        font-size: 14px;
    }

    #search-form .s-icon {
        position: absolute;
        left: 13px;
    }

    #searchpage .for-text {
        font-size: 16px;
    }

    #searchpage .dropdown {
        display: block;
        margin-bottom: 20px;
    }

    #searchpage .dropdown .btn, #searchpage .dropdown .dropdown-menu {
        width: 100%;
    }

    #searchpage .no-result {
        font-size: 14px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 575px) {
    .article-item.item .thumb, .video-podcast-item.item .thumb {
        height: 150px;
    }

    #homepage .top .side a {
        font-size: 14px;
    }

    #homepage .actuality {
        padding-top: 30px;
    }

    #homepage .actuality > div {
        padding-bottom: 30px;
    }

    #homepage .actuality .h2-title, #homepage .faq .h2-title {
        margin-bottom: 20px;
    }

    #homepage .testimony {
        background-color: unset;
        padding-top: 0;
    }

    #homepage .top .bg {
        height: 770px;
    }

    #homepage .top .title h1 {
        font-size: 34px;
    }

    #homepage .info .card-info {
        padding: 20px 5px 20px 10px;
    }

    #homepage .tools .h2-title {
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 365px) {
    #homepage .info .card-list {
        grid-template-columns: auto;
    }
}

/* style for faciliti */

.facilitiContainer {
  position: fixed;
  z-index: 10;
  background-color: #bf0033;
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
  top: 40%;
  right: -180px;
  transition-duration: 500ms;
}

.facilitiContainer:hover {
	right: 0px
}

.facilitiContainer button {
	padding-right: 40px !important;
	display: flex;
	align-items: center
}

.facilitiContainer img {
	width: 70px;
	margin-left: 2px
}

.facilitiContainer p {
	margin-bottom: 0px !important;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	line-height: 24px;
	margin-left: 40px;
}


@media screen and (max-width: 991px) {
	.facilitiContainer img {
		width: 50px;
		margin-left: 0px
	}

	.facilitiContainer  {
		top: 50%
	}
}