/*==================================
	Tyylitiedoston kommentointi
==================================*/

/**
 * Tämä esimerkki tyylitiedosto soveltaa Nicolas Gallagherin laatimaa
 * idiomatic CSS -ohjeistusta.
 *
 * Lyhyt kuvaus Doxygen-tyyliin.
 *
 * Pitkät lauseet ja muutaman rivin kappaleet jaetaan
 * siten, että rivitys on helposti luettava ja kompakti.
 *
 * Pitemmät kuvaukset on hyvä sisällyttää esimerkiksi block -tiedostojen
 * omien tyylitiedostojen alkuun kuvaamaan sisältöä ja mahdollisesti blockkia.
 * Tällä varmistetaan, että block on helppo kopioida eri tekijöiden toimesta
 * projektista toiseen.
 *
 * Kuvauksiin voidaan lisätä tageja tai TODO -muistioita.
 *
 * @tagi on esimerkki tagista.
 *
 * TODO: Tähän voi merkitä tehtävää listaa muistiksi itselle ja muille tekijöille.
 *   Tämä kommentti pyritään pitämään 80 merkkiä pitkänä ja
 *   rivitys mahdollisimman kompaktiksi. Rivinvaihdon jälkeen
 *   sisennetään kahdella välilyönnillä.
 *
 * Kaikki tyylitiedoston kommentit häviää minifoinnin ja julkaisun yhteydessä
 * julkaisuversiosta.
*/
/*==== End of Tyylitiedoston kommentointi ====*/

/*==================================
	Fonts
==================================*/

body {
    font-family: metronic-slab-narrow, serif;
    font-size: 17px;
    line-height: 1.5;
    color: #333;
}

body.ru {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 1.5;
  color: #1A1C1E;
  font-weight: 300;
}

h1, h2, h3, h4 {
  font-weight: 600;
  word-wrap: break-word;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 19px;
}


a {
  color: #1A1C1E;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

a:hover,
a:focus,
a:active {
    color: #597366;
    text-decoration: none;
}

.site-button {
  padding: 12px 30px;
  color: #fff;
  background: #C00E1A;
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
}

.site-button:hover, .site-button:focus, .site-button:active {
  color: #C00E1A;
  background: #fff;
}

.site2-button {
    background-color: #C00E1A;
    color: #fff;
}

.site2-button:hover, .site2-button:focus, .site2-button:active {
    background-color: #1A1C1E;
}


strong {
    font-weight: 600;
}


/*==== End of Fonts ====*/


/*==================================
	Resets and default
==================================*/

img {
    max-width: 100%;
}

/*==== End of Resets and default ====*/


/*==================================
	Help classes
==================================*/

.clear {
	clear: both;
}

.centered {
  text-align: center;
}

/* Preloader */
	#preloader {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		z-index: 99;
		z-index: 9999;

	}
	#status {
		position: absolute;
		left: 50%;
		top: 50%;
		background-repeat: no-repeat;
		background-position: center;
		margin: -175px 0 0 -115px;
		background-size: contain;
	}

  .container-fluid {
      padding: 0;
  }

/* Tekstilogo */

  .mainmenu-logo-text {
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 0.03em;
    color: #fff;
    font-weight: 200;
}

.mainmenu-logo-text.bolder-text {
    font-weight: 400;
    margin-left: 11px;
}

.subfooter .text-block {
    color: #fff;
    font-weight: 200;
    font-size: 15px;
    padding: 20px 0;
}

.subfooter.subfooter-right {
    text-align: right;
}

.subfooter .text-block p {
    margin-bottom: 0;
    font-size: 14px;
}

.copyright-text {
    color: #fff;
}

.copyright-text:hover {
    color: #fff;
    text-decoration: underline;
}

.subfooter-right a {
    color: #fff;
    text-decoration: none;
}

.main-content {
    margin-top: -1px;
}

.index-maintext {
    margin-bottom: 25px;
}

.admin-blockactions a {
    color: #1A1C1E;
}

.subfooter-right a:hover {
    text-decoration: underline;
}

label {
    font-weight: 400;
}

/*==== End of Help Classes ====*/


/*==================================
	Responsive
==================================*/

@media screen and (max-width:991px) {

    h2 {
        font-size: 36px;
    }

    .mainmenu-logo-text {
        color: #314456;
    }
}

@media screen and (max-width:767px) {

  .subfooter .text-block {
      font-size: 14px;
      padding: 15px 0 0;
      text-align: center;
  }

  .subfooter-right .text-block {
      padding: 0 0 15px;
  }

}




@media screen and (max-width:425px) {

  .subfooter .text-block {
      text-align: center;
  }

  .subfooter .text-block p {
      font-size: 13px;
  }

}


/*==== End of Responsive ====*/