/*
Theme Name: El Media
Theme URI: https://zen.studio/
Author: Zen Studio
Author URI: https://zen.studio/
Description: Theme developped for elmedia.net by Zen Studio
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: elmedia
Tags: El Media, industry, agriculture, construction, magazines
*/
html{scroll-behavior: smooth}
header{z-index:9999;}
li[data-wpml="current-language-item"]{display:none !important;}
.media-menu a{text-decoration:none;text-transform:uppercase;font-size:16px;font-family:'ElmediaBold', sans-serif;}
h1 span, h2 span, h3 span{font-size:40%;text-transform:uppercase;display:block;letter-spacing:0.1px;line-height:2;}
p span{font-family:'ElmediaBold', sans-serif;}
.menu-title{font-family:'ElmediaBold', sans-serif;font-size:120%;}
.profiland-menu img{margin-bottom:-10px;margin-top:-10px;margin-right:5px;}
footer{margin-top:0}
.elmedia-video .wp-block-cover__video-background{background-image: url("https://zen.st/webprojects/elmedia/wp-content/uploads/2025/08/elmedia-publishing-house.jpg");  background-repeat: no-repeat;background-position: center center;background-size: cover;}
.wp-block-button img{margin-bottom:-6px;}
.wp-block-query-pagination a{text-decoration:none}
ul.socialbuttons{display:flex;flex-wrap:nowrap;align-items:center;list-style:none;margin:0;padding:0;}
li.sociallink{padding:0;margin-right:1rem;}
li.sociallink a .dashicons{color:#868788;text-decoration:none;width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:0.92}
ul.elmedia-list{padding-inline-start: 0px;}
.elmedia-list li {
display: flex;
font-size: .9rem;
list-style-type: none;
text-transform:uppercase;
font-family:'ElmediaBold',sans-serif;
}
.elmedia-list li a{text-decoration:none;}
.elmedia-list li:before{
content: "\f344";
display:inline-flex;
-webkit-font-smoothing: antialiased;font:normal .9rem 'dashicons';
margin-right: 10px;
margin-top:.05rem;
}
.wp-block-query-pagination-next:before{content: "\f344";
display:flex;font:normal 2rem 'dashicons';align-items: center;justify-content: center;}
.wp-block-query-pagination-previous:before{content: "\f340";
display:flex;font:normal 2rem 'dashicons';align-items: center;justify-content: center;}
.internal-menu button{padding:.7rem 2rem .55rem 2rem;border:1px solid #111;border-radius:2rem;}
.internal-menu .wp-block-navigation__responsive-container.is-menu-open{background-color:#FFEEEE !important;font-family:'ElmediaBold', sans-serif;align-content: center}
.scroll-top-button {position: fixed;bottom: 20px;right: 20px;cursor: pointer;opacity: 0;transition: opacity 0.6s ease-in-out;width:40px;height:40px;z-index:999}
.scroll-top-button.show {opacity: 1;}
.scroll-top-button svg path{fill:#858687;}
/*
Timeline
*/
* {box-sizing: border-box;}
.timeline {position: relative;max-width: 1200px;margin: 0 auto;}
.timeline h3.has-xx-large-font-size{line-height:0;}
.timeline::after {content: '';position: absolute;width: 3px;background-color: white;top: 0;bottom: 0;left: 50%;margin-left: -3px;}
.container {padding: 0 20px;position: relative;width: 50%;}
.container::after {content: '';position: absolute;width: 35px;height: 35px;right: -19px;background-color: #001725;border: 3px solid #FFF;top: 15px;border-radius: 50%;z-index: 11;}
.left {left: 0;text-align:right;}
.right {left: 50%;}
.right::after {left: -21px;}
.content {padding: 1px 20px 5px 20px;position: relative;}
@media (max-width: 980px) {
.redesign{flex-direction: column-reverse;}
.gw-mm-item .gw-mm-item__toggle{width:82px;}
button.gw-mm__toggle{background:transparent;color:#111;border:none;font-size:11px;margin-top:5px;}
span.dashicons-menu {display:block;}
.dashicons-menu:before {font-size:38px;}
button.gw-mm__toggle .dashicons{width:40px; height:35px;}
.wp-block-site-logo{max-width:190px}
.media-tools, .elm-half img{display:none !important;}
.wp-block-cover.elm-half{min-height:160px !important;}
.media-tools a{text-decoration: none;}
}

@media screen and (max-width: 959px) {
.timeline::after {left: 31px;}
.container {width: 100%;padding-left: 60px;padding-right: 20px;}
.left::after,.right::after {left: 10px;}
.right {left: 0%;}
.left {text-align:left;}
.media-menu .gw-mm__content-wrapper{padding:1rem}
.media-menu ul.gw-mm__content{max-width:900px !important}
.mobilelang .gw-mm-item__dropdown-wrapper {overflow: visible;height: auto;}
.mobilelang .gw-mm-item__link, .pcquery {display:none}
.long-title{font-size:1.9rem !important}
}
@media (min-width: 960px) {
.elmedia-header{padding-top:35px;padding-bottom:20px;}
.media-menu, .media-tools{padding-top:10px;}
.media-menu .gw-mm-item__dropdown{padding:20px 0 0 0}
.mobilelang, .mobilequery{display:none;}
}

/*
Profiland news horizontal scrolling
*/
.image-layout-container {
  display: flex;
  /* MOBILE: Enable horizontal scrolling */
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 10px 0;
  width: 100%;
  box-sizing: border-box;
  scroll-snap-type: x mandatory;
  gap: 15px;
  scrollbar-width: none;
}
.image-layout-container::-webkit-scrollbar {
  display: none;
}

.layout-item {
  flex: 0 0 auto;
  scroll-snap-align: start;
  background-color: transparent;
  border-radius: 8px;
  overflow: hidden;
  width: 60%;
}

.layout-item img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background-color: #F7F4F4;
}

@media (min-width: 961px) {

  .image-layout-container {
    overflow-x: hidden;
    scroll-snap-type: none;
	justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
  }

  .layout-item {
    flex-basis: calc((100% - (4 * 15px)) / 5);
    width: calc((100% - (4 * 15px)) / 5);
    flex-shrink: 0;
    flex-grow: 0;
    scroll-snap-align: none;
  }
  .layout-item:nth-child(n+6) {
      display: none;
  }
}

/* --- Start Rotated Caption --- */
figure.latest-magazine {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end; 
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}

figure.latest-magazine img { 
  display: block !important; ; 
  flex-shrink: 0; 
  flex-grow: 0;
  max-width: calc(100% - 40px);
  width: auto;
  height: auto;
  margin: 0;
  box-shadow:var(--wp--preset--shadow--natural);
}

figure.latest-magazine figcaption.wp-element-caption {
  writing-mode: vertical-rl !important;
  text-align: right;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 20px;
  width: auto; 
  max-width: 40px;
  box-sizing: border-box;
  margin: auto 0;
  padding: 0;
text-transform: uppercase;
}

/* --- End Rotated Caption --- */