/*  Stylesheet for Juristiliitto Portal
Namespace: aes
*/
/*** COMMON ********************************************************************************/
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");

body {
  /* font: 100% $font-stack;*/
}

section.page_section.section-landing-search {
  display: none;
}

label {
  font-weight: bold;
}

a {
  color: #810240;
}

a:hover, a:focus {
  color: #810240;
}

.btn-primary {
  background-color: #810240;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-group.open .dropdown-toggle.btn-primary,
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
  background-color: #810240;
}

#aes-header .dropdown-menu > .active > a, 
#aes-header .dropdown-menu > .active > a:hover, 
#aes-header .dropdown-menu > .active > a:focus,
#aes-header .navbar .dropdown .active a {
  background-color: #810240;
  color: white;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
  background-color: #810240;
}

.videocontainer {
  position: relative;
  width: 100%;
  max-width: 560px;
  max-height: 315px;
  padding-bottom: 28.175%;
}

@media screen and (max-width: 990px) {
  .videocontainer {
    position: relative;
    width: 100%;
    max-width: 560px;
    max-height: 315px;
    padding-bottom: 56.25%;
  }
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*** FONT ********************************************************************************/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/*** COMMON END ****************************************************************************/
/*** HEADER ********************************************************************************/
#aes-header {
  /* Centered text */
}

  #aes-header .aes-navbar-style {
    background-color: #e68a00;
  }

  #aes-header .aes-header-image-container-style {
    padding-top: 2px;
  }

  #aes-header .aes-header-style {
    /*background-size: 100% 100%; */
    background-size: cover;
    background-position: center;
  }

  #aes-header .navbar-static-top.navbar-inverse {
    background-color: #f8f8f8;
  }

  #aes-header .navbar .weblink a {
    color: #810240;
  }

  #aes-header .navbar a {
    color: #810240;
  }

  #aes-header .navbar .weblink a:hover {
    color: #fff;
    background-color: #810240;
    /* Green */
  }

  #aes-header .navbar .dropdown a {
    color: #810240;
  }

    #aes-header .navbar .dropdown a:hover {
      color: #fff;
      background-color: #810240;
      /* Green */
    }

  #aes-header .navbar-inverse .navbar-nav .li a {
    color: #810240;
  }

  #aes-header .navbar .navbar-nav .li a {
    color: #810240;
  }

  #aes-header .navbar-header {
    padding-top: 0px;
  }

  #aes-header .aes-site-header {
    position: relative;
    text-align: center;
    color: white;
    max-height: 350px;
  }

  #aes-header .aes-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #aes-header .navbar-brand {
    height: 105px;
    padding: 0 15px 20px;
  }

/*** HEADER END ****************************************************************************/
/*** MAIN PAGE *****************************************************************************/
#aes .aes-front-page-style {
  padding-top: 20px;
  padding-bottom: 20px;
}

#aes .custom {
  width: 40% !important;
  height: 170px !important;
  max-width: 710px !important;
  min-width: 290px !important;
  min-height: 170px !important;
}

#aes .aes-link-image {
  padding-bottom: 10px;
}

  #aes .aes-link-image:hover {
    fill: #fff;
  }

#aes .custom:hover {
  background-color: #810240;
  /* Red */
}

#aes .btn {
  color: #dde9f4;
}

  #aes .btn .aes-ota-yhteytta {
    background-image: url("ota_yhteytta.svg");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: center;
    text-align: center;
  }

  #aes .btn .aes-tapahtumat {
    background-image: url("tapahtumat.svg");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: center;
    text-align: center;
  }

  #aes .btn .aes-tyoelama {
    background-image: url("tyoelama.svg");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: center;
    text-align: center;
  }

  #aes .btn .aes-tyopaikat {
    background-image: url("tyopaikat.svg");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: center;
    text-align: center;
  }

  #aes .btn .aes-toimielinten {
    background-image: url("toimielinten_asiakirjat.svg");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: center;
    text-align: center;
  }

  #aes .btn .aes-edut-ja-palvelut {
    background-image: url("edut_ja_palvelut.svg");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-position: center;
    text-align: center;
  }

  #aes .btn:hover {
    color: white;
  }

    #aes .btn:hover .aes-ota-yhteytta {
      background-image: url("ota_yhteytta_white.svg");
    }

    #aes .btn:hover .aes-tapahtumat {
      background-image: url("aes_tapahtumat_white.svg");
      background-repeat: no-repeat;
      margin-bottom: 10px;
      background-position: center;
      text-align: center;
    }

    #aes .btn:hover .aes-tyoelama {
      background-image: url("aes_tyoelama_white.svg");
      background-repeat: no-repeat;
      margin-bottom: 10px;
      background-position: center;
      text-align: center;
    }

    #aes .btn:hover .aes-tyopaikat {
      background-image: url("aes_tyopaikat_white.svg");
      background-repeat: no-repeat;
      margin-bottom: 10px;
      background-position: center;
      text-align: center;
    }

    #aes .btn:hover .aes-toimielinten {
      background-image: url("aes_toimielinten_asiakirjat _white.svg");
      background-repeat: no-repeat;
      margin-bottom: 10px;
      background-position: center;
      text-align: center;
    }

    #aes .btn:hover .aes-edut-ja-palvelut {
      background-image: url("aes_edut_ja_palvelut_white.svg");
      background-repeat: no-repeat;
      margin-bottom: 10px;
      background-position: center;
      text-align: center;
    }

/*** MAIN PAGE END *************************************************************************/
/*** FOOTER ********************************************************************************/
#aes-footer .aes-footer-style {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #F6F5F7;
}

#aes-footer .footer-bottom {
  background-color: #F6F5F7;
}

#aes-footer .container {
  width: 40% !important;
  max-width: 710px !important;
  min-height: 170px !important;
}

#aes-footer .aes-footer-logo {
  opacity: 0.5;
}

/*** FOOTER END ****************************************************************************/