/*
 * Globals
 */

:root {
  --brand-color-0: rgb(60, 98, 12);
  --brand-color-1: #fcfbf8;
  --brand-color-2: #1b4071;
  --brand-color-3: #4c711b;
  --brand-color-4: #bbb955;
  --brand-color-5: #7c7c7c;
  --brand-color-6: #d9d7d4;
  --brand-color-7: #000000;
  --brand-color-8: #285E22;
  --brand-color-9: #6EC1E4;
}

/* Links */
a,
a:focus,
a:hover {
  color: var(--brand-color-8);
  font-weight: bolder;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


.bg-green {
  background-color: var(--brand-color-8);
}

.bg-darkgreen {
  background-color: var(--brand-color-0);
}

.text-green {
  color: var(--brand-color-8);
}

.text-darkgreen {
  color: var(--brand-color-0);
}

.text-blue {
  color: var(--brand-color-9);
}

/*
 * Base structure
 */

html,
body {
  /*background-color: #fff;*/
  background-color: rgb(249, 248, 246);
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.bg-transparent {
  /*background-color: transparent !important;*/
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.heading {
  font-weight: bolder;
  font-size: 4em;
}

/*
 * Header + navigation
 */
.masthead {
  margin-bottom: 2rem;
}

 .nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 500;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .10rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}


/*
 * Cover
 */

.cover {
  padding: 0 1.5rem;
  min-height: 90%;
  color: #fff;
}

.cover-container {
  background-image: url("../img/60kheaderk.jpg");
  box-shadow: inset 0 0 10rem rgba(0, 0, 0, 1);
  text-shadow: 0 .1rem .1rem rgba(0, 0, 0, .5);
}

.cover-heading {
  font-weight: bolder;
  font-size: 4rem;
}

.cover-lead {
  font-size: 2em;
}

/*
 * Main
 */

.cikk {
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2rem;
}

.hyphen {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}

.huge {
  font-size: 6rem;
  font-weight: bolder;
  text-transform: uppercase;
}

.szamokban {
  background-color: rgba(131, 183, 86, 0.44) !important;
}

.zigzag {
  mask: repeating-conic-gradient(from 142.5deg at 50% 11px,#0000 0,#000 1deg 74deg,#0000 75deg 180deg) 50% -11px/16.88px;
  padding: 2rem 0 2rem;
}

@media (min-width: 768px) {
  .imagelink {
  width: 150px;
  height: auto;
  }
  .imagelink:hover {
    width:160px;
    height:auto;
    z-index:999;
    cursor: pointer;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
  }
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

/*
 * Footer
 */

footer a,
a:focus,
a:hover {
  font-weight: normal;
}

.bg-footer {
  background-color: #CCC4B3 !important;
}

.footer-text {
  color: #635842;
}

/* 
 * Create four equal columns that sits next to each other
 * And also over write left & right padding with internal stylesheet for col
*/

.row > div {
      padding: 0 4px !important;
}

img {
    margin-top: 8px;
    vertical-align: middle;
}