/*
Tervetuloa Mukautettu CSS-muotoiluun !

Kuinka tämä toimii, tutustu: http://wp.me/PEmnE-Bt
*/

div#secondary {
	position: static !important;
}

@media (max-width: 768px) {
	div#primary {
		width: 100% !important;
		overflow: auto !important;
	}
}

/* Yleiset */

body {
font-family: 'Open Sans';
}
.menu-item {
background-color: #072556;
}
#secondary {
max-width: 30rem;
}
.navbar-brand {
padding-left: 6rem;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
background-image: url("http://i1.wp.com/nano.fi/rakennusinsinoorikilta/wp-content/uploads/2016/01/ik-logo.png?w=512");
background-repeat: no-repeat;
background-size: 5rem 5rem;
}
.navbar-brand:hover {
transform:translateX(0.2rem);
}
@media only screen and (max-width: 768px) {
    .navbar-brand {
        background-image: none;
        padding-left: 0.5rem;
    }
}
.varjollinen {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.taulukkoelementti {
float: left;
margin: 3rem;
padding: 1rem;
}
.flex-caption h2 {
background-color: #072556 !important;
}
.dropdown-menu a:hover {
transform:translateX(1rem);
}
.dropdown-menu {

}
.btn:hover{
background-color:#072556 !important;
}
.scroll-to-top:hover {
background-color:#072556 !important;
}
#page {
background-image: url('http://nano.fi/rakennusinsinoorikilta/wp-content/uploads/2016/02/ik-tausta.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 30% 50%;
}
div.excerpt {
height: 8.7rem;
width: 47rem;
overflow: hidden;
text-overflow: ellipsis;
}

/* Karuselliartikkelin muokkaus */

article.category-karuselli div.entry-meta {
display:none!important;
}

/* Mainoskuvat */

.mainoskuvat {
  transition: all 0.5s ease-in-out;
  text-align: center !important;
}
.mainoskuva {
  margin: 0 auto !important;
  padding: 0 !important;
  margin: 2rem !important;
  box-shadow: none !important;
}
.mainoskuva.smaller {
  width: 180px !important;
  margin-left: 1rem !important;
  margin-right: 1rem !important;
  height: auto !important;
}
.mainoskuva:hover {
  -webkit-filter: drop-shadow(0px 2px 2px #3e3e3e);
  filter:         drop-shadow(0px 2px 2px #3e3e3e);
}
.floater {
  position: relative !important;
  display: inline-block !important;
}

/* Otsikon kolmas taso */

ul li ul.dropdown-menu li a {
    width: inherit;
    max-width: inherit;
}

ul li ul li.menu-item a + ul {
    display: none;
    position: absolute;
    left: 0;
    margin-left: 100%;
    margin-top: -25.5%;
    max-width: initial;
    width: initial;
    min-width: initial;
    height: 0;
    padding-top: 0;
}

ul li ul li.menu-item a:hover + ul {
    display: block;
}

ul li ul li.menu-item a + ul:hover {
    display: block;
}

/* Mobiili */
@media (max-width: 768px) {
ul li ul li.menu-item a + ul {
    display: block;
    position: relative;
    margin-left: 3.5rem;
    margin-top: 0;
    height: auto;
}
}