@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

.header-top__contact {
    display: block;
}
@media (max-width: 990px) {
.header-top__contact-email{display:none;}
}

@media (min-width: 768px){
.header-middle-wrp {
    height: 70px;
    padding: 5px 0px 0px 0px;
}
}


/* COLOR PALETTE
 * 
 * CLEAN - #A7D2CB
 * BUTTER - #F2D388
 * SALMON - #C98474
 * EGGPLANT - #874C62
 * 
 */

* {
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: roboto;
}

* {
font-family: Source Sans Pro, helvetica, arial, sans-serif !important;
}

.mh-195{
  min-height:195px;
}
.o-hidden{
  overflow:hidden;
}

.img-text-link._hover-3 img{
  width:100%;
}

.background-lighter-red{
  background:#c76262;
}

.background-light-red, .btn-red:hover, .no-touch .img-slider__caption-link:hover{
  background:#9a3b3b;
}

.background-red, .btn-red{
  background:#8a1717;
}

.background-lighter-red *,
.background-light-red *,
.background-red *,
.btn-red,
.btn-red:hover{
  color:white;
}

.background-red, .background-red > *{
  overflow:hidden;
}

.header-middle__logo-link {
    max-width: 300px !important;
    width: auto !important;
    top: 0;
    margin: 5px 0;
}

.main-navigation__item-link {
text-transform: none;
}

a, a:hover, a:focus {
    color: #874C62;
}

.header-top > .nav > li > a {
  color:#C98474;
}

.header-top .nav li > a .icons {
    color: #C98474;
}

.header-top__contact-tel-link {
  color:#C98474;
}

.header-top__contact-email-link {
  color:#C98474;
}

.main-navigation__sub-item-list {
border-color: #4BB4DA !important;
}

.main-color-wrp {
  background:#A7D2CB;
}

.main-color-wrp .icons {
    color: #C98474;
    border-color: #C98474;
}

.main-navigation {
    border-top: none;
}

.main-navigation__sub-item-list {
  border-top: 3px solid #F2D388;
}

.img-slider__caption-header {
  text-shadow:0 4px 3px rgba(0,0,0,.4),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1);
}

.img-slider__caption-sub-header {
  text-shadow:0 4px 3px rgba(0,0,0,.4),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1);
}

.img-slider__caption-link {
  background:#C98474;
  color:#fff;
  transition:all 0.3s ease;
  border:0px solid;
  letter-spacing: 0.05em;
}

.no-touch .img-slider__caption-link:hover {
  background:#874C62;
}

.img-text-link._hover-9 .img-text-link__header {
  color:#fff;
  text-shadow:0 4px 3px rgba(0,0,0,.4),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1);
}

.img-text-link._hover-9::before {
    background: rgba(242, 211, 136, 0.5);
}

.img-text-link._hover-9:hover::before {
  background: rgba(201, 132, 116, 0.8);
}

.news-carousel__item-info .news-list-category {
  color:#F2D388;
}

.saturated-inverse .btn {
  background:#874C62;
  transition:all 0.3s ease;
}

.saturated-inverse .btn:hover {
  background:#C98474;
}

.img-responsive {

}

.footer {
padding-bottom: 10px;
}



/*farver til hover billeder*/
.img-text-link._hover-9::before {
    background: rgba(75, 180, 218, 0.25);
}

.img-text-link._hover-9:hover::before {
  background: rgba(75, 180, 218, 0.55);
}

html {
    height: 100%;
    position: relative;
}

body {
min-height: 100%;
  position: relative;
}

.footer {

    width: 100%;
    margin-top:-50px;
}

.img-slider {
    height: 50vh;
}

.kitwrap {
padding-bottom: 50px;
}

.img-slider__slide-bg {
background-position: center;
  background-size: cover;
}

.main-navigation__toggle-btn {
float: right;
}

/************************************* MEDIA QUERY ********************************************/

@media (max-width: 767px) {

.header-top-wrp {
  /*display: block; niks pille, mobilmenu*/
}

.nav {
display: none !important;
}

.header-middle__logo-link {
padding: 5px;
}

._start-page:last-of-type {
    padding-bottom: 136px;
}

.img-slider {
    height: 90vh;
}

.img-slider__caption {
top: 35vh;
}

.kitwrap {
padding-bottom: 120px;
}

.main-navigation__items-list {
width: 100%;
}

.main-navigation__item-link {
margin: 0;
}

.main-navigation__logo {
display: none;
}

.main-navigation a {
text-align: center;
}

}

/****************************************** ipad ********************************************/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

  .main-navigation__items-list {
width: 100%;
}

.main-navigation__item-link {
margin: 0;
}

.main-navigation__logo {
display: none;
}
  
.main-navigation a {
text-align: center;
}


}