
:root {
  --color-a-hover: #167C46;
}

#skip-to-main a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
#skip a:focus { position:static; width:auto; height:auto; }



body {
	font-size: 16px;
	font-family: Montserrat,sans-serif;
	font-weight: normal;
	color: #525568; /* https://www.color-hex.com/color/ff6000#color-schemes */
}
/* 
color combination
 https://www.sciencedirect.com/
 */
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

/*--------------------------------------------------------------
# Site-header
--------------------------------------------------------------*/
.header-top { padding-top:40px; padding-bottom:36px; }

a.site-name { text-decoration:none; color:#1D894A;}
a.site-name:hover { text-decoration: none; }
a.site-name h1 { font-size:28px; font-weight:bold; }
a.site-name h1 small { color:#6d7188; }

h3.date { font-size:18px; line-height:28px; margin-top:0; font-family:Montserrat,sans-serif; font-weight:500; color:#6d7188; }

h3 .place { display:block; }

.header-bottom { background-color:#f8f9fa; margin-top:0px; transition: all 0.5s; }

/* //Site-header */



/*--------------------------------------------------------------
# navbar
--------------------------------------------------------------*/
/* .navbar-collapse { flex-grow:0; }
 */
/** .navbar-toggler-icon  */
/* .navbar-toggler-icon { border:none }

.navbar-toggler { border: none; }
.navbar-toggler:focus { box-shadow: none; } */

/** .navbar-brand  */
/* 
.navbar-brand {
	padding-top: var(--bs-navbar-brand-padding-y);
	padding-bottom: var(--bs-navbar-brand-padding-y);
	margin-right: var(--bs-navbar-brand-margin-end);
	font-size: var(--bs-navbar-brand-font-size);
	color: var(--bs-navbar-brand-color);
	text-decoration: none;
	white-space: nowrap;
  
  font-size:32px; font-weight:bold; color:#FF6000;
}

.navbar-brand span { font-size:32px; font-weight:bold; color:#FB9B62; }
.navbar-brand:focus, .navbar-brand:hover { color:#FF6000; }
 */


/** .nav-item.main-nav  */
/* 
.nav-item.main-nav { font-size:18px; font-weight:500; color:#6d7188; line-height: 1.5; padding:5px 0; margin-left: 16px; }

.main-nav .nav-link { color:#1f1f1f; position:relative; }
.main-nav .nav-link:focus, .main-nav .nav-link:hover { color:#6d7188; }

.main-nav .nav-link.active { color:#005b98; }
.main-nav .nav-link.active:focus, .main-nav .nav-link.active:hover { color:#6d7188; }


@media screen and (max-width:1120px) and (min-width:991px) {
.nav-item.main-nav { font-size:16px; margin-left: 8px; }
.nav-link { font-size:16px; }
}

@media (min-width:992px) {
  .main-nav .nav-link:after { transition: background-color .2s ease-in-out .1s; content:""; position:absolute; bottom:-16px; left:0; display:block; width:100%; height:4px; background-color:transparent; }
  
  .main-nav .nav-link:hover:after { background-color: #FF6000; } 
}
 */
/* //navbar */



/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.h-slider { width:100%; height:calc(100vh - 160px); padding: 0; overflow:hidden; background: #000; }
.h-slider a { text-decoration:none; }

.h-slider .carousel-item { width:100%; height:calc(100vh - 160px); background-size:cover; background-position:top right; background-repeat:no-repeat; overflow:hidden; }
/* less than 992px */
@media (max-width: 991.98px) { .h-slider , .h-slider  .carousel-item { height:calc(100vh - 172px); } }

.h-slider .carousel-item::before { content:""; background-color:rgba(13, 30, 45, 0.6); position:absolute; height:100%; width:100%; top:0; right:0; left:0; bottom:0; overflow:hidden; }

.h-slider .carousel-container { display:flex; justify-content:center; align-items:center; position:absolute; bottom:0; top:0; left:0; right:0; overflow:hidden; }

.h-slider .carousel-content { text-align: left; }

/* less than 992px */
@media (max-width: 991.98px) { .h-slider .carousel-content.container { padding: 0 50px; } }

.h-slider h2 { color:#fff; margin-bottom:30px; font-size:48px; font-weight:700; }
.h-slider h2 span { text-transform:uppercase; padding-left:20px; color:#60ac80; }
.h-slider p { width:80%; letter-spacing:0.25px; animation-delay:0.4s; color:#fff; }

.h-slider .carousel-inner .carousel-item { transition-property:opacity; background-position:center top; }

.h-slider .carousel-inner .carousel-item,
.h-slider .carousel-inner .active.carousel-item-start,
.h-slider .carousel-inner .active.carousel-item-end { opacity: 0; }

.h-slider .carousel-inner .active,
.h-slider .carousel-inner .carousel-item-next.carousel-item-start,
.h-slider .carousel-inner .carousel-item-prev.carousel-item-end { opacity:1; transition: 0.5s; }

.h-slider .carousel-inner .carousel-item-next,
.h-slider .carousel-inner .carousel-item-prev,
.h-slider .carousel-inner .active.carousel-item-start,
.h-slider .carousel-inner .active.carousel-item-end { left:0; transform:translate3d(0, 0, 0); }

.h-slider .carousel-control-prev,
.h-slider .carousel-control-next { width:5%; }

.h-slider .carousel-control-next-icon,
.h-slider .carousel-control-prev-icon { background:none; font-size:48px; line-height:1; width:auto; height:auto; }

.h-slider .carousel-indicators li { list-style-type:none; cursor:pointer; }

.btn-r-more {
  display:inline-block; padding:12px 32px; margin:10px; margin-left:0;
  font-weight:500;  font-size:14px; letter-spacing:1px; line-height:1;
  border-radius:2px; border:0;
  transition:0.5s; animation-delay:0.8s;
  color:#fff; background:#167C46;
  }
.btn-r-more:hover { background:#FB9B62; }

@media (max-width: 768px) { .h-slider h2 { font-size:28px; } }

@media (min-width: 1024px) { 
  .h-slider p { width:60%; }
  .h-slider .carousel-control-prev, .h-slider .carousel-control-next { width:5%; }
  }

@media (min-width: 992px) and (max-width: 1000px) { 
  .h-slider .carousel-content.container { padding:0 24px; }
  }

@media (max-height: 500px) { .h-slider, .h-slider .carousel-item { height:120vh; } }


/* //Hero Section */



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding:60px 0; overflow: hidden; }

.section-bg { background-color: #f4f4f6 !important; }

.section-title { padding-bottom:40px; }

.section-title p { margin:0; margin:0; font-size:36px; font-weight:700; text-transform:uppercase; color:#556270; }

/* center section */
.section-c .section-title { text-align:center; padding-bottom:30px; }
.section-c .section-title h2 { 
  font-size:32px; font-weight:bold; text-transform:uppercase; margin-bottom:20px; padding-bottom:20px; position:relative; color:#454545; }
.section-c .section-title h2::before { 
  content:""; position:absolute; display:block; width:120px; height:1px; background:#6d7188; bottom:1px; left:calc(50% - 60px); }
.section-c .section-title h2::after { 
  content:""; position:absolute; display:block; width:40px; height:5px; background:#167C46; bottom:-1px; left:calc(50% - 20px); }
.section-c .section-title h2 a { color:#454545; text-decoration:none; }

.section-c .sub-section-title { text-align:center; padding-top:60px; padding-bottom:30px; }
.section-c .sub-section-title h3 { 
  font-size:28px; font-weight:bold; margin-bottom:20px; padding-bottom:20px; position:relative; color:#454545; }
.section-c .sub-section-title h3:before { 
  content:""; position:absolute; display:block; width:120px; height:1px; background:#6d7188; bottom:1px; left:calc(50% - 60px); }
.section-c .sub-section-title h3:after { 
  content:""; position:absolute; display:block; width:40px; height:5px; background:#167C46; bottom:-1px; left:calc(50% - 20px); }
.section-c .sub-section-title h3 a { color:#454545; text-decoration:none; }
/* //Sections General */


/*--------------------------------------------------------------
# About sidebar
--------------------------------------------------------------*/
.excerpt { font-size:20px; line-height:1.75; letter-spacing:0.005rem; }

.excerpt .more:after,
.excerpt .more:hover:after {
    content:"\F138"; display:inline-block; font-family:bootstrap-icons !important; font-size:32px; font-style:normal; font-weight:500 !important; color:#167C46; text-transform:none; line-height:1; vertical-align:-8px; padding-left:16px; }

.about-h .sidebar { overflow:hidden; padding:0 1.25rem; margin-top:0; margin-bottom:2rem; position:relative; }

.sb-title,
.sb-title a,
.sb-title a:hover { 
  padding:0; margin-top:0.1rem; margin-bottom:0.25rem; line-height:1.25rem; text-transform:uppercase; font-size:1rem; font-weight:700; color:#6d7188; text-decoration:none; }

.about-h .sidebar:before,
.about-h .sidebar:after { content:""; position:absolute; left:0; top:0; }
.about-h .sidebar:before { width:4px; height:24px; z-index:3; background-color:#167C46; }

.about-h .sidebar h3:not(:first-child) {padding-top:32px;}
.about-h .sidebar h3:not(:first-child):before { content:""; position:absolute; left:0; width:4px; height:24px; z-index:3; background-color:#167C46; }


.lst-group { display:flex; flex-direction:column; padding-left:0; margin-top:20px; margin-bottom:0; }
.lst-group-item { position:relative; display:block; 	padding: ; text-decoration:none; }
.lst-group-item h4 { font-size:16px; color:#1f1f1f; margin-bottom:0; }
.lst-group-item p { font-size:14px; }

.about-h .btn-r-more, .inner-page  .btn-r-more{
  border-radius:2px; border:2px solid #167C46; color:#167C46; background:transparent; text-transform:uppercase; text-decoration:none; font-weight:500; }

.about-h .btn-r-more:hover, .inner-page  .btn-r-more:hover { border:2px solid #167C46; background:#167C46; color:#fff; }

/* //About sidebar */



/*--------------------------------------------------------------
# Organizers Sections - home 
--------------------------------------------------------------*/
.organizers .col { padding-bottom: calc(var(--bs-gutter-x) * 1.3333); }
.organizers-h { border:none; border-radius:5px; }

.organizers-h .card.organizers-h { background-color:#fff; border:2px solid #fff; box-shadow:0 15px 35px -10px rgba(0, 0, 0, 0.2); padding:5px; }

.organizers-h .card-img, .organizers-h .card-img-top { 
  border-top-left-radius:0; border-top-right-radius:0; object-fit:contain; aspect-ratio:2.272727/1; object-position:center; overflow:hidden; 
  border-radius:5px; border:2px solid #fff; padding:5px; }

.organizers-h .card-body { background-color:#fff; padding-top:0; }

.organizers-h .meta { padding-top:12px; color:#aaaaaa; font-size:12px; font-weight:600; text-transform:uppercase; }
.organizers-h .meta .post-category a { color:#aaaaaa; }
.organizers-h .meta .post-category a:hover{ color:var(--color-a-hover); }

.organizers-h .card-title { font-weight:700; padding-top:8px; font-size:18px; line-height:1.6; color:#4b4b4b; text-align:center; }
.organizers-h .card-title  a { color:#4b4b4b; text-decoration:none; }
.organizers-h .card-title  a:hover { color:#6d7188; text-decoration:underline; }

.organizers-h .card-text { font-size:14px; color:#6d7188; text-align:center; }

/* //Organizers Sections - home */



/*--------------------------------------------------------------
# Speakers Sections - home 
--------------------------------------------------------------*/
.speakers .col { padding-bottom: calc(var(--bs-gutter-x) * 1.3333); }
.speakers-h { border:none; border-radius:0; }

.speakers-h .card-img, .speakers-h .card-img-top { 
  border-top-left-radius:0; border-top-right-radius:0; object-fit:cover; aspect-ratio:1/2.272727; object-position:center; border-radius:50%;
  overflow:hidden; border:4px solid #fff; box-shadow:0 15px 35px -10px rgba(0, 0, 0, 0.2); }


.speakers-h .card-body { padding-top:0; }

.speakers-h .meta { padding-top:12px; color:#aaaaaa; font-size:12px; font-weight:600; text-transform:uppercase; }
.speakers-h .meta .post-category a { color:#aaaaaa; }
.speakers-h .meta .post-category a:hover{ color:var(--color-a-hover); }

.speakers-h .card-title { font-weight:700; padding-top:8px; font-size:14px; line-height:1.4; color:#1f1f1f; text-align:center; }
.speakers-h .card-title  a { color:#1f1f1f; text-decoration:none; }
.speakers-h .card-title  a:hover { color:#6d7188; text-decoration:underline; }

.speakers-h .card-text { font-size:14px; color:#6d7188; text-align:center; }

/* //Speakers Sections - home */


/*--------------------------------------------------------------
# Sponsors Sections - home 
--------------------------------------------------------------*/
.sponsors .col { padding-bottom: calc(var(--bs-gutter-x) * 1.3333); }
.sponsors-h { border:none; border-radius:0; }

.sponsors-h .card-img, .sponsors-h .card-img-top { 
  border-top-left-radius:0; border-top-right-radius:0; object-fit:contain; aspect-ratio:2.272727/1; object-position:center; overflow:hidden; 
  border-radius:5px; border:2px solid #fff; box-shadow:0 15px 35px -10px rgba(0, 0, 0, 0.2); padding:5px; }

.sponsors-h .card-body { padding-top:0; }

.sponsors-h .meta { padding-top:12px; color:#aaaaaa; font-size:12px; font-weight:600; text-transform:uppercase; }
.sponsors-h .meta .post-category a { color:#aaaaaa; }
.sponsors-h .meta .post-category a:hover{ color:var(--color-a-hover); }

.sponsors-h .card-title { font-weight:700; padding-top:8px; font-size:14px; line-height:1.4; color:#1f1f1f; text-align:center; }
.sponsors-h .card-title  a { color:#1f1f1f; text-decoration:none; }
.sponsors-h .card-title  a:hover { color:#6d7188; text-decoration:underline; }

.sponsors-h .card-text { font-size:14px; color:#6d7188; text-align:center; }

/* //Sponsors Sections - home */


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer { background-color: #f2f2f2; border-top: 4px solid #6d7188; padding-top:24px; margin-top:32px; }

.footer a { text-decoration:none; }

.footer .brd-t { border-top: 1px solid #dee2e6 !important; }

.footer .text-xl-right { text-align: right; }
/* less than 992px */
@media (max-width: 991.98px) { .footer .text-xl-right { text-align:center; } }

/**
* Footer top 
*/
.footer .top { padding-bottom:20px; }
.footer .top ul { list-style:none; padding:0; margin:0; }
/* 992px and up */
@media (min-width: 992px) { .footer .top ul { display:flex; justify-content:space-evenly; } }

.footer .top ul li { padding-right:2px; color: rgba(255, 255, 255, 0.6); font-size:16px; line-height:1; padding:10px 0; }
.footer .top .list-inline-item:not(:last-child) { margin-right:0.825rem; }
.footer .top ul a { color:#808284; transition:0.3s; font-size:0.813rem; text-transform:uppercase; letter-spacing:0.01rem; }

/**
* Footer middle
*/
.footer .middle  { padding-top:42px; }
.footer .middle h3 { font-size:18px; margin:0 0 20px 0; padding: 2px 0 2px 0; line-height:1; font-weight:600; text-align:left; line-height:28px; }
.footer .middle h3 a { color:var(--color-primary); text-decoration:none; }
.footer .middle h3 a span { text-transform:uppercase; }
/* less than 992px */
@media (max-width: 991.98px) { .footer .middle h3  { text-align:center; } }

.footer .navbar-brand, .footer .navbar-brand span { font-size:24px; }

/**
* Footer last
*/
.footer .last { font-size:10px; font-weight:700; text-transform:uppercase; border-top:1px solid var(--color-primary); margin-top:32px; padding-top:16px; padding-bottom:32px;}
.footer .last .copyright { text-align:left; }

.footer .last .credits a { color:#525568; }

/* less than 992px */
@media (max-width: 991.98px) { .footer .last .copyright { text-align:center; } }

/* //Footer */


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position:fixed; visibility:hidden; opacity:0; right:15px; bottom:15px; z-index:996; width:40px; height:40px; border-radius:4px; transition:all 0.4s; background:#167C46; }
/* 992px and up */
@media (min-width: 992px) { .back-to-top { bottom:32px; } }

.back-to-top i { font-size:28px; color:#fff; line-height:0; }
.back-to-top:hover { color: #fff; background:#FB9B62; }
.back-to-top.active { visibility:visible; opacity:1; }
/* //Back to top button */

/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/
.page main a { color:#005b98; text-decoration:none; font-weight: 500; border-bottom:2px solid transparent; transition: border-bottom-color .3s; }

.page main a:hover { color:#005b98; border-bottom-color:#167C46; border-bottom-width:2px; }


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs { padding:18px 0; min-height:40px; background: #f1f3f4; }

.breadcrumbs .container-fluid { padding:0 24px; }

.breadcrumbs h2 { font-size:32px; font-weight:500; margin:0; }

.breadcrumbs ol { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0; font-size:14px; }

.breadcrumbs ol li+li { padding-left:6px; }

.breadcrumbs ol li+li::before { display:inline-block; padding-right:6px; color: #6b7b8d; content: "/"; }

@media (max-width: 992px) {
  .breadcrumbs { margin-top:0; }
  .breadcrumbs .d-flex { display:block !important; }
  .breadcrumbs h2 { margin-bottom: 10px; }
  .breadcrumbs ol { display:block; }
  .breadcrumbs ol li { display:inline-block; }
}


/*--------------------------------------------------------------
# Inner-page
--------------------------------------------------------------*/
section.inner-page { padding-top:24px; }
/* 992px and up */
@media (min-width: 992px) { 
  .inner-page .content.top { padding-left:48px; padding-right:48px; padding-bottom:24px; }
  .inner-page .content { padding-left:48px; padding-right:24px; }
}
.inner-page .content.top figure { 
  margin-left:-48px; margin-right:-48px; object-fit:cover; aspect-ratio:16/6; object-position:center; }

.inner-page .content.top figure img { width:100%; object-fit:cover; aspect-ratio:16/6; object-position:center; }

.inner-page .content.top .lead { font-size:20px; font-weight:normal; }

.inner-page .content.main { color:#1f1f1f; line-height:26px; }

.inner-page .content.main h1, 
.inner-page .content.main h2, 
.inner-page .content.main h3, 
.inner-page .content.main h4, 
.inner-page .content.main h5, 
.inner-page .content.main h6 { 
  margin-top:3rem; margin-bottom:1.5rem; padding-right:12%; position:relative; color:#6d7188; }

.inner-page .content.main > :first-child { margin-top:0; }

/* .inner-page .content.main h2:after, 
.inner-page .content.main h3:after, 
.inner-page .content.main h4:after { content: ""; width:12%; height:1px; display:inline-block; background:#FF6000; position:absolute; right:0; bottom:6px; }
 */
.inner-page .content.main ul,
.inner-page .content.main ol { padding-left:1rem; }

.inner-page .content.main li { padding-bottom:8px; }

.inner-page .content.main h2.accordion-header:after { display:none; }

.datatable { font-size:14px; }

/* .inner-page .content.main p a:line { border-bottom: 1px solid rgb(153,153,255); }
.inner-page .content.main p a:visited { border-bottom: 1px solid rgb(204,204,255); }
.inner-page .content.main p a:link { border-bottom: 1px dotted rgb(153,153,255); }
.inner-page .content.main p a:active { border-bottom: 1px solid rgb(255,0,0); } */

/*--------------------------------------------------------------
# Aside-menu
--------------------------------------------------------------*/
.aside-menu-holder { overflow:hidden; padding:0 1.25rem; margin-top:-22px; margin-bottom:2rem; position:relative; }
.aside-menu-title,
.aside-menu-title a,
.aside-menu-title a:hover { padding:0; margin-top:0.1rem; margin-bottom:0.25rem; line-height:2.25rem; text-transform:uppercase; font-size:1rem; font-weight:500; color:#005b98; text-decoration:none; }

.aside-menu-holder:before,
.aside-menu-holder:after { content:""; position:absolute; left:0; top:0 }
.aside-menu-holder:before { width:3px; height:36px; z-index:3; background-color:#167C46; }
.aside-menu-holder:after { bottom:24px; width:1px; background:#e5e5e5; }

.aside-menu-holder ul { padding-bottom:0.825rem; padding-left:0; list-style:none; }
.aside-menu-holder ul li { margin:0; padding:0; line-height:20px; font-weight:400; font-size:0.875rem }
.aside-menu-holder ul li a { margin:0; padding:0.5rem 0; text-transform:uppercase; text-decoration:none; display:block }
.aside-menu-holder ul li a:hover { color:var(--color-a-hover); }
.aside-menu-holder ul .sub-menu { list-style:none; margin-left:1rem }
.aside-menu-holder ul .sub-menu li { margin:0; padding:0; font-weight:normal; font-size:0.85rem; }
.aside-menu-holder ul .sub-menu li a { margin:0; padding:0.35rem 0; line-height:1.25rem; text-transform:none; color:#604947; display:block }
.aside-menu-holder ul li a:hover { color:var(--color-a-hover); }


/**
* Collapsed menu
*/
.tgl-menu-holder .collapse:not(.show) { display: none; }

@media (max-width:767.98px) { 
  aside .menu-holder { padding-bottom:8px; margin-bottom:16px; border-bottom:1px solid var(--color-a-hover); }
  .aside-menu-holder { margin-top:16px; margin-bottom:0; }
  }

/* 768px and up */
@media (min-width: 768px) { 
  .tgl-menu-holder .btn.btn-toggle { visibility:hidden; height:1px; }
  .tgl-menu-holder  .collapse:not(.show) { display:block }
  }
.tgl-menu-holder .btn.btn-toggle { width:100%; padding:0; margin:0; text-align:left; color:#FB9B62; font-size:14px; font-weight:500; margin-bottom:24px; }
.tgl-menu-holder  .btn.btn-toggle:hover, .btn-toggle:focus {
	color: var(--color-a-hover); background-color:#fff; }
  

/**
* Toggle dropdown
*/
.dropdown-toggle { outline: 0; }

.btn-toggle { padding:.25rem .5rem; font-weight:600; color:#FB9B62; background-color:transparent; }
.btn-toggle:hover,
.btn-toggle:focus { color: rgba(var(--color-a-hover), .85); background-color:transparent; }

.btn-toggle::before { width:1.25em; line-height:0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition:transform .35s ease; transform-origin:.5em 50%;
  padding-top: 4px; margin-left:-2px; 
  }

[data-bs-theme="dark"] .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] { color: rgba(var(--color-a-hover), .85); }
.btn-toggle[aria-expanded="true"]::before { transform: rotate(90deg); }

.btn-toggle-nav a { padding:.1875rem .5rem; margin-top:.125rem; margin-left:1.25rem; }
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus { background-color: transparent; }

.scrollarea { overflow-y: auto; }


/* 
main__orange:#FF6000;
main__green:#1D894A;
light__orange:#FB9B62;
dark__black:#1f1f1f;
light__black:#6d7188 
blue__link:#005b98
*/

#ishs-groups, #fees, #a-p-deadlines, #abstracts, #paper, #chania,#weather {
    scroll-margin-top: 160px; /* Adjust this value to be slightly more than your header's height */
  }