/*

Theme Name: Megaflex - home page 2014 (rework 2026)
Theme URI: https://www.megaflex.cz/
Author: Megaflex | Adam Sova
Author URI: https://www.megaflex.cz/
Text Domain: megaflex-homepage-2014
Version: 0.9
Requires Plugins: megaflex-common

*/

:root {
  /* --bg-headings: #f2f2f2; */
  --bg-headings: #fff;
  /* top-divisions - start */
  --bg-top: var(--bg-headings);
  --color-top-megaflex: #4b4b49;
  --color-top-razitka: #da291c;
  --color-top-lasery: #00243D;
  --color-top-orientacni: #B8D476;
  --color-top-materialy: #2774B9;
  --color-top-blog: #CE4A20;
  --color-top-eshop: #A39E9E;
  /* top-divisions - end */

  --color-razitka: #da291c;
  --color-lasery: #d59b00; /* #00243D */
  --color-orientacni: #B8D476;
  --color-materialy: #2774B9;
}

/* #region - Menu */
#menu {
  margin: 25px 0 0 0;
}

#menu ul {
  display: flex;
  padding: 0;
  margin: 0;
}

#menu ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}

#menu ul li h2 {
  padding: 0px;
  margin: 0;
}

#menu ul li a {
  height: 95px;
  width: 256px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background: url(img/btn_bg.png) 0px 0px no-repeat;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

#menu ul li a:hover {
  background-position: -256px 0px;
}

#menu ul li a span {
  text-align: center;
  white-space: break-spaces;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'DaxPro';
  font-size: 37px;
  font-weight: 700;
  letter-spacing: 1px;
  transform: scaleX(102%);
  text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

#menu ul li a:hover span {
  text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

#menu ul li a.two-row span {
  font-size: 30px;
}

#m_raz {
  color: var(--color-razitka);
}

#m_las {
  color: var(--color-lasery);
}

#m_ors {
  color: var(--color-orientacni);
}

#m_mat {
  color: var(--color-materialy);
}
/* #endregion - Menu */


/* #region - tlacitko RAZITKO.CZ */
#btnrazcz {
  max-width: 154px;
  position: absolute;
  left: -1176px;
  right: 0px;
  top: 303px;
  margin: 0px auto;
}

.cs #btnrazcz a {
  /* background: url(img/btn_razitkocz_cs.png) no-repeat 0 50%; */
  background: url(img/btn_razitkocz_2026_cs.png) no-repeat 0 50%;
}

.en #btnrazcz a {
  background: url(img/btn_razitkocz_en.png) no-repeat 0 50%;
}

#btnrazcz a {
  width: 153px;
  height: 158px;
  display: block;
}

#btnrazcz a:hover {
  background-position: -153px 0;
}

#btnrazcz a:active {
  background-position: -306px 0;
}

#btnrazcz span {
  text-indent: -5000px;
  overflow: hidden;
  position: absolute
}
/* #endregion - tlacitko RAZITKO.CZ */

.newsbox
{
  color: gray;
  margin: 10px 15px 15px 0;
  padding: 14px;
  width: 291px;
}


.newsbox2
{
background: none repeat scroll 0 0 #262626;
border: 1px solid black;
color: gray;
position: relative;
margin: 3px 2px 15px;
padding: 10px;
width: 236px;
}

.newsbox-info {
    width: calc(100% - 30px);
    margin-right: 0;
}

.newsbox .bloglink
{
  float: right;
margin: 5px 43px 0 0;

}

.newsbox .bloglink a
{
  font-size: 20pt;
  color: white;
}

.newsbox .bloglink a:hover
{
  color: #DC291E;
}
.newsbox .excerpt
{
  font-style: italic;
  font-size: 10pt;
}

.newsbox h3 {color: #DC291E; margin: 0;}
.newsbox a, .newsbox a:visited
{
color: black;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
}

.newsbox2 a, .newsbox2 a:visited
{
color: silver;
}

.newsbox a:hover {color: #DC291E;}

.newsbox ul {margin: 10px 5px 5px 0; padding: 0}

.newsbox li {list-style-image: url(img/arrow.png); list-style-position: inside; margin-top: 10px;}

.newsbox li.ar { list-style-image: url(img/arrow_r.png);}
.newsbox li.ag { list-style-image: url(img/arrow_g.png);}
.newsbox li.ay { list-style-image: url(img/arrow_y.png);}
.newsbox li.ab { list-style-image: url(img/arrow_b.png);}

.clearer {clear: both;}




#newsagreg
{
  border: solid 3px #dc291e;
  padding: 10px;
  background-color: white;
  margin-bottom: 15px;
  margin-top:10px;
}

#mblogo
{
  background-image: url(img/megablog-logo-300x60.png);
  width: 300px;
  height: 57px;
}

#mbmotto
{
  float: right;
  font-size: 150%;
  color: #dc291e;
  text-align: right;
  padding: 0 10px;
}

a
{
  text-decoration: none;
}

#www-head {
  background-color: var(--bg-headings);
}

/* #region - top divisions */
.topdivisions {
  padding: 0;
  max-width: none;
  background-color: var(--bg-top);
}

.topdivisions ul {
  margin: 0 auto;
  padding: 0.5rem 0 0 0;
  text-align: center;
}

.topdivisions li {
  display: inline-block;
  margin: 0;
}

.topdivisions li a {
  display: inline-block;
  border-bottom: 2px solid;
  font-family: 'DaxPro';
  font-weight: 300;
  font-size: 0.75rem;
  line-height: normal;
  margin: 0;
  padding: 6px 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  vertical-align: bottom;
  color: #666;
}

.topdivisions li.active a {
  font-weight: bold;
}

.topdivisions li:hover a {
  transition: all 0.5s ease;
  color: #fff;
}

#top-mega a {
  border-color: var(--color-top-megaflex);
}

#top-mega:hover a {
  background-color: var(--color-top-megaflex);
}

#top-raz a {
  border-color: var(--color-top-razitka);
}

#top-raz:hover a {
  background-color: var(--color-top-razitka);
}

#top-las a {
  border-color: var(--color-top-lasery);
}

#top-las:hover a {
  background-color: var(--color-top-lasery);
}

#top-tri a {
  border-color: var(--color-top-orientacni);
}

#top-tri:hover a {
  background-color: var(--color-top-orientacni);
}

#top-mat a {
  border-color: var(--color-top-materialy);
}

#top-mat:hover a {
  background-color: var(--color-top-materialy);
}

#top-blog a {
  border-color: var(--color-top-blog);
}

#top-blog:hover a {
  background-color: var(--color-top-blog);
}

#top-shop a {
  border-color: var(--color-top-eshop);
}

#top-shop:hover a {
  background-color: var(--color-top-eshop);
}

/* #endregion - top divisions */

/* #region - fonts */
/* DaxPro (Megaflex own font) */
/* - konverze OTF / TTF do woff2 : https://fontsource.org/tools/converter */
@font-face {
  font-family: "DaxPro";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(fonts/DaxPro-Light.woff2) format('woff2');
}

@font-face {
  font-family: "DaxPro";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(fonts/DaxPro-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'DaxPro';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(fonts/DaxPro-Medium.woff2) format('woff2');
}

/* #endregion - fonts */