/*
Theme Name: Jasnum
Theme URI: https://www.xixter.com/
Author: Xister
Author URI: https://www.xister.com/
Description: A simple theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jasnum
*/
body * {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a,
button {
  text-decoration: none;
  color: inherit;
  border: none;
  background: none;
  padding: 0;
}

.news_Hero {
  max-height: 500px;
  width: 100%;
  position: relative;
  display: block;
  padding: 0 !important;
  background-color: #702c63;
}
@media screen and (max-width: 1023px) {
  .news_Hero {
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: none;
  }
}

@media screen and (max-width: 1023px) {
  .news_Hero > .container {
    padding: 0;
  }
}

.news_Hero_Bg_PlayButton {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='46' viewBox='0 0 37 46' fill='none'%3E%3Cpath d='M7.3388 44.2814L35.0046 26.5469C36.3288 25.6956 36.9909 24.5133 36.9909 23C36.9909 21.4866 36.3288 20.3043 35.0046 19.4531L7.3388 1.71856C5.92004 0.772716 4.47763 0.701781 3.01158 1.50575C1.54553 2.30971 0.8125 3.56295 0.8125 5.26546V40.7345C0.8125 42.437 1.54553 43.6902 3.01158 44.4942C4.47763 45.2982 5.92004 45.2272 7.3388 44.2814Z' fill='white'/%3E%3C/svg%3E");
  height: 46px;
  width: 37px;
  background-size: cover;
  z-index: 1;
}

.news_Hero_Video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #000;
}

.news_Hero_Bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: #000;
}
.news_Hero_ImgContainer.has-black-layer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.news_Hero_ImgContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .news_Hero_ImgContainer {
    position: relative;
    min-height: 200px;
  }
}
.news_Hero_ImgContainer_PlayButton {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='46' viewBox='0 0 37 46' fill='none'%3E%3Cpath d='M7.3388 44.2814L35.0046 26.5469C36.3288 25.6956 36.9909 24.5133 36.9909 23C36.9909 21.4866 36.3288 20.3043 35.0046 19.4531L7.3388 1.71856C5.92004 0.772716 4.47763 0.701781 3.01158 1.50575C1.54553 2.30971 0.8125 3.56295 0.8125 5.26546V40.7345C0.8125 42.437 1.54553 43.6902 3.01158 44.4942C4.47763 45.2982 5.92004 45.2272 7.3388 44.2814Z' fill='white'/%3E%3C/svg%3E");
  height: 46px;
  width: 37px;
  background-size: cover;
}

.news_Hero_Box {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  background: #702c63;
  z-index: 1;
  position: relative;
  margin-block: 72px;
  width: 400px;
  margin-left: 60px;
  padding: 32px;
}
@media screen and (max-width: 1023px) {
  .news_Hero_Box {
    margin: 0;
    width: 100%;
    padding: 16px;
    gap: 8px;
  }
}
.news_Hero_Box h1 {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 72.8px */
}
.news_Hero_Box h1 span {
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .news_Hero_Box h1 {
    font-size: 32px;
    line-height: normal;
  }
}

.news_Hero_Box_Separator {
  width: 100%;
  height: 1px;
  background-color: white;
}
.news_Hero_Box p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.news_Hero_Box p span {
  font-weight: 500;
}

.hasCategory h1 {
  font-size: 40px;
}

.news_Hero_Box.hasCategory p {
  font-size: 48px;
}

.news_Articles {
  padding: 60px;
}
@media screen and (max-width: 1023px) {
  .news_Articles {
    padding: 16px;
  }
  .news_Hero_Box p {
    font-size: 18px;
  }
}

.news_Articles h2 {
  color: var(--Purple, #702c63);
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 56px;
}

@media screen and (max-width: 1023px) {
  .news_Articles h2 {
    margin-block: 40px;
    font-size: 32px;
  }
}

.news_Articles_Flex {
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 1023px) {
  .news_Articles_Flex {
    flex-direction: column-reverse;
  }
}
.news_Articles_Filter {
  flex: 1 1 25%;
}
.news_Articles_Filter_Title {
  color: var(--Purple, #702c63);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1rem;
}
.news_Articles_Filter ul {
  padding: 0;
  margin: 0;
}
.news_Articles_Filter ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.news_Articles_Filter ul li a {
  display: flex;
  padding: 24px 0px;
  border-bottom: 0.5px solid #141414;
  color: #141414;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
.news_Articles_List {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1 1 75%;
}

.share_button_flex {
  display: flex;
  align-items: center;
  gap: 8px;
}

.share_button {
  position: relative;
}

.share_button .share_popup {
  position: absolute;
  display: flex;
  gap: 16px;
  align-items: center;
  width: 175px;
  background: white;
  padding: 20px 12px;
  border-radius: 9999px;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
  bottom: 45px;
  right: -15px;
  justify-content: space-between;
  display: none;
}

.share_button .share_popup::after {
  content: "";
  width: 10px;
  height: 10px;
  transform: rotate(-135deg);
  position: absolute;
  bottom: -6px;
  right: 30px;
  background: white;
}

.share_button .share_popup::before {
  content: "";
  width: 100%;
  position: absolute;
  height: 50px;
  bottom: -50px;
}

.share_button:hover .share_popup {
  display: flex;
}

.newsItem .socialButtonContainer {
  position: relative;
}

body {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
p {
  margin: 0;
}
h4 {
  margin-top: 10px;
  font-size: 1.2rem;
}

.singleNews th, .singleNews td {
    padding: 10px;
}
.singleNews table {
    margin-block: 20px;
    border-spacing: 30px;
}
.singleNews table, .singleNews th, .singleNews td {
    border: 1px solid black;
}

@media screen and (max-width: 768px) {
.singleNews th, .singleNews td {
    padding: 2px;
}
}


.singleNews h1 {
  color: var(--Purple, #702c63);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-block: 32px;
}
.singleNews_Hero {
  max-height: 500px;
  width: 100%;
  height: 500px;
  position: relative;
  display: block;
}
.singleNews_Hero_Bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.singleNews_Article {
  padding: 60px;
}
@media screen and (max-width: 1023px) {
  .singleNews_Article {
    padding: 16px;
    padding-top: 40px;
  }
  .singleNews_Hero {
    height: 100%;
  }
  .singleNews_Hero_Bg {
    position: relative;
  }
  .singleNews h1 {
    font-size: 22px;
    margin-block: 24px;
  }
}
.singleNews_Article_Flex {
  display: flex;
  gap: 64px;
  flex: 1 1 75%;
}
@media screen and (max-width: 1023px) {
  .singleNews_Article_Flex {
    flex-direction: column-reverse;
  }
}
.singleNews_Article_Content {
  padding: 32px;
  flex: 1 1 75%;
  height: 100%;
}
.singleNews_Article_Content ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}

@media screen and (max-width: 1023px) {
  .singleNews_Article_Content {
    padding: 0;
  }
}
.singleNews_Article_Content_FlexTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.singleNews_Article_Content_FlexTop_Label {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: var(--Purple, #702c63);
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.singleNews_Article_Content_FlexTop a {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}
.singleNews_Article_Content_FlexTop a div {
  color: #141414;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.singleNews_Article_Content_Date {
  color: var(--Purple, #702c63);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: -moz-fit-content;
  width: fit-content;
}
.singleNews_Article_Content_Paragraph {
  color: var(--Purple, #702c63);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding-block: 32px;
}
.singleNews_Article_Content_Text h2 {
  color: var(--Purple, #702c63);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 32px;
}
.singleNews_Article_Content_Text h3 {
  color: var(--Purple, #702c63);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 32px;
}
.singleNews_Article_Content_Text {
  color: #141414;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

@media screen and (max-width: 1023px) {
  .singleNews_Article_Content_Paragraph {
    padding-block: 24px;
    font-size: 16px;
  }
  .singleNews_Article_Content_Text h2 {
    font-size: 18px;
  }
  .singleNews_Article_Content_Text p {
    margin-bottom: 16px;
  }
}

.Filter {
  flex: 1 1 25%;
}

.Filter_Title {
  color: var(--Purple, #702c63);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1rem;
}
.Filter ul {
  padding: 0;
  margin: 0;
}
.Filter ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.Filter ul li a {
  display: flex;
  padding: 24px 0px;
  border-bottom: 0.5px solid #141414;
  color: #141414;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
}

.Filter ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  .Filter {
    margin-bottom: 64px;
  }
  .Filter ul li a {
    font-size: 20px;
  }
}

.newsItem_ImgContainer {
  flex: 1 1 0;
  height: 300px;
  width: 100%;
}

.newsItem_ImgContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 180px;
}
.newsItem_Content {
  padding: 32px;
  height: 300px;
  flex: 1 1 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.newsItem_Content_FlexTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newsItem_Content_FlexTop_Label {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: var(--Purple, #702c63);
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.newsItem_Content h3 {
  color: #141414;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.newsItem_Content p {
  color: #141414;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.newsItem_Content_Date {
  color: #141414;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.newsItem a {
  display: flex;
  align-items: center;
  background: #f6f0f5;
  position: relative;
  flex-direction: row;
  height: 300px;
}
@media screen and (max-width: 1023px) {
  .newsItem_ImgContainer {
    height: auto;
  }

  .newsItem_Content {
    padding: 24px 16px;
    width: 100%;
    height: auto;
  }

  .newsItem_Content_FlexTop {
    position: absolute;
    top: 24px;
    left: 16px;
    right: 16px;
  }
  .newsItem_Content h1 {
    margin: 0;
    margin-bottom: 16px;
    font-size: 18px;
  }
  .newsItem_Content p {
    display: none;
  }
  .newsItem_Content_Date {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .newsItem_Content_Date::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34' fill='none'%3E%3Cmask id='mask0_1248_2946' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='35' height='34'%3E%3Crect x='17.4941' width='24' height='24' transform='rotate(45 17.4941 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1248_2946)'%3E%3Cpath d='M9.46848 16.9273L9.46848 15.4505L23.3918 15.4437L17.0658 9.1178L18.1265 8.05713L26.2582 16.1889L18.1265 24.3206L17.0658 23.2599L23.3918 16.934L9.46848 16.9273Z' fill='%23702C63'/%3E%3C/g%3E%3C/svg%3E");
    height: 35px;
    width: 35px;
  }
  .newsItem a {
    flex-direction: column;
    height: auto;
  }
}

.Correlati {
  padding-top: 48px;
  border-top: #702c63 1px solid;
}
@media screen and (max-width: 1023px) {
  .Correlati {
    padding-top: 40px;
    margin-top: 40px;
  }
}
.Correlati h2 {
  color: var(--Purple, #702c63);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 41.6px */
  margin-bottom: 48px;
}
@media screen and (max-width: 1023px) {
  .Correlati h2 {
    font-size: 22px;
    margin-bottom: 40px;
  }
}
.Correlati_List {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.header_submenu {
  position: absolute;
  background: #550f48;
  left: 0;
  right: 0;
  top: 40px;
  margin: auto;
  width: fit-content;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: all 0.6s;
}
@media screen and (max-width: 1023px) {
  .header_submenu {
    position: relative;
    left: unset;
    right: unset;
    width: 100%;
    top: unset;
  }
}

.header_submenu ul {
  display: flex;
  padding: 20px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 21px;
}
@media screen and (max-width: 1023px) {
  .header_submenu ul {
    align-items: center;
  }
}

.header_submenu li a {
  padding: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}

.hasSubmenu {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .hasSubmenu {
    width: 100%;
  }
}

.hasSubmenu button {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
}

.hasSubmenu button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.hasSubmenu button::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_1230_822' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(180 24 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1230_822)'%3E%3Cpath d='M11.9999 10.2922L17.3076 15.6L16.5999 16.3077L11.9999 11.7077L7.39987 16.3077L6.69212 15.6L11.9999 10.2922Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
  transform: rotate(180deg);
  height: 24px;
  width: 24px;
  display: block;
}

.hasSubmenu:hover button::after {
  transform: none;
}

.hasSubmenu:hover .header_submenu {
  display: block;
  max-height: 350px;
}

.hasSubmenu .hover_icon {
  width: 0px;
  height: 1px;
  background-color: white;
  transition: all 0.2s;
}

.header_submenu_flex {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header_submenu_flex:hover .hover_icon {
  width: 8px;
}

header nav ul {
  align-items: center;
}

.news {
  padding: 0;
}

.news .navigation.pagination {
  width: fit-content;
  margin: auto;
}

.news .navigation.pagination .nav-links {
  display: flex;
  gap: 16px;
  align-items: center;
}
.news .navigation.pagination .nav-links .current {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background: #702c63;
  color: white;
}

#header_container {
  padding-inline: 48px;
}
@media screen and (max-width: 1023px) {
  #header_container {
    padding: 0;
  }
  #header_container > a {
    padding-left: 1rem;
  }
  #header_container > button {
    padding-right: 1rem;
  }
  #nav_container {
    margin: 0;
    width: 100%;
  }
}

.home_blog_flex {
  display: flex;
  align-items: center;
  gap: 40px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}

.home_blog_flex::-webkit-scrollbar {
  display: none;
}

.home_blog_flex a {
  display: flex;
  padding: 6px 20px 6px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--Pink, #ddb5c8);
  white-space: nowrap;
  flex: none;
}

.home_blog_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  column-gap: 16px;
  row-gap: 26px;
}

.home_blog_grid a {
  height: 100%;
}

.home_blog_grid .newsItem_ImgContainer {
  height: 100%;
}
.home_blog_grid .newsItem:first-child {
  grid-column: span 2;
}

.home_blog_grid .newsItem:first-child .newsItem_Content p {
  display: -webkit-box;
}

.home_blog_grid .newsItem:not(:first-child) a {
  flex-direction: column;
}

.home_blog_grid .newsItem:not(:first-child) .newsItem_ImgContainer {
  height: auto;
}
.home_blog_grid .newsItem:not(:first-child) .newsItem_Content {
  padding: 24px 16px;
  width: 100%;
  height: auto;
}
.home_blog_grid .newsItem:not(:first-child) .newsItem_Content_FlexTop {
  position: absolute;
  top: 24px;
  left: 16px;
  right: 16px;
}
.home_blog_grid .newsItem:not(:first-child) .newsItem_Content h1 {
  margin: 0;
  margin-bottom: 16px;
  font-size: 18px;
}
.home_blog_grid .newsItem:not(:first-child) .newsItem_Content p {
  display: none;
}
.home_blog_grid .newsItem:not(:first-child) .newsItem_Content_Date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home_blog_grid .newsItem:not(:first-child) .newsItem_Content_Date::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34' fill='none'%3E%3Cmask id='mask0_1248_2946' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='35' height='34'%3E%3Crect x='17.4941' width='24' height='24' transform='rotate(45 17.4941 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1248_2946)'%3E%3Cpath d='M9.46848 16.9273L9.46848 15.4505L23.3918 15.4437L17.0658 9.1178L18.1265 8.05713L26.2582 16.1889L18.1265 24.3206L17.0658 23.2599L23.3918 16.934L9.46848 16.9273Z' fill='%23702C63'/%3E%3C/g%3E%3C/svg%3E");
  height: 35px;
  width: 35px;
}
.home_blog_grid .newsItem:not(:first-child) .newsItem a {
  flex-direction: column;
  height: auto;
}

.home_blog_grid .newsItem_Content_Date {
  margin-top: 24px;
}

@media screen and (max-width: 1023px) {
  .home_blog_grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .home_blog_grid .newsItem .newsItem_Content p {
    display: -webkit-box;
  }
}

.blog_buttonLink {
  display: inline-flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--Purple, #702c63);
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  line-height: normal;
  width: fit-content;
  margin: auto;
}

@media screen and (max-width: 1023px) {
  .btnamazon {
    margin-inline: 8px;
  }
}