/* ==========================================================================
   Author's custom styles
   ========================================================================== */




/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */



/* Toggle Styles */

body {
    background: #ffffff;
font-family: "expo-serif-pro",sans-serif;
font-style: normal;
font-weight: 400;
  color:#313131;
  font-size: 15px;
  background-url: http://api.thumbr.it/whitenoise-200x200.png?background=ffffffff&noise=b3b3b3&density=12&opacity=15;
}

p {
  color:#4d4d4d;
}

h1, h2 {
  color:#a8a8a8;
  padding-bottom: 1rem;

}

h1 {
  font-size:2.7rem;
}

h2 {
  font-size:2.3rem;
}

h3 {
  font-size:2rem;
}

a {
  color:#c81d3c;
}
a:hover {
  color:#c81d3c;
  text-decoration: underline;
}

.toplinks {
  position: absolute;
  background-color: rgba(255,255,255,0.78);
  padding:1rem;
  height:82px;
  z-index:99;
  bottom:0;
  width:100%;
}

.toplink {
  text-align: center;
}

.toplink p {
  background: white;
  -webkit-transition: background 1s ease; /* Safari */
  transition: background 1s ease;
  -webkit-transition: color 0.6s ease; /* Safari */
  transition: color 0.6s ease;
  padding:1rem;

}

.toplink p:hover {
  background: #737373;
  color:white;
}

body > div.container > div:nth-child(2) > div.col-md-12.toplinks > div > a:hover {
  background-color: #434343;
}

.secondarylinks {
  padding-top:2rem;
}

.secondarylinks a {
  color:#323232;
  -webkit-transition: color 0.6s ease; /* Safari */
  transition: color 0.6s ease;
}

.secondarylinks a:hover {
  color:#c81d3c;
  text-decoration: none;
}

.footer-top {
  background: url('../img/footer-bg.jpg');
  padding-top: 2rem;
  padding-bottom:2rem;
  margin-top: 5rem;
}

.footer-top h2 {color}

.white-trans {
  background-color: rgba(255,255,255,0.78);
  padding:1rem;
    -webkit-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.28);
  -moz-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.28);
  box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.28);
}

.white-trans h2 {padding-bottom: 0px;}

.footer-bottom {
  background: rgb(50,50,50);
  color:white;
  padding-top:1rem;
font-size:10px;
  }
.footer-bottom p { color:white;}
.footer-links {text-align: right;}

.footer-bottom a {color: white;text-decoration: underline;}
.footer-bottom a:hover {color:white; text-decoration: underline;}

.top-padding {
  padding-top:2rem;
}



@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}


#image-container {height: 452px;}

/*NEWSLETTER FORM */

.nodisplay {display:none;}
.flex {display:inline;}

.spalten-footer {
	width:100%;
	display: flex;
}

.spalte1{
	width:32%;
	padding:5px;
	box-sizing: border-box;
}
.spalte2{
	width:32%;
	padding:5px;
	box-sizing: border-box;
}
.spalte3{
	width:29%;
	padding:5px;
	box-sizing: border-box;
}
input {
	width:70%;
}
@media(max-width:768px) {
	.spalten-footer {
	width:100%;
	display: flex;
	flex-direction: column;
}

.spalte1{
	width:100%;
	padding:5px;
	box-sizing: border-box;
}
.spalte2{
	width:100%;
	padding:5px;
	box-sizing: border-box;
}
.spalte3{
	width:100%;
	padding:5px;
	box-sizing: border-box;
}
input {
	width:90%;
}
	
}

/*KALENDER OVVERIDES*/

#tribe-bar-form .tribe-bar-submit input[type="submit"] {
  background: #c81d3c;
}

.tribe-events-calendar thead th {
  background-color: #c81d3c;
}

.tribe-events-ical {  background-color: #c0a473;
}

.backlink { background-color: #94c11c;color:white;padding:8px 1rem 6px 1rem;text-transform: uppercase;}
.backlink a {color:white;}
.backlink a:hover { color:white;}

@media(max-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

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

  .main-content {
    margin-top: 6rem;
  }

}

// .navoffset {
//     margin-left:80px;
// }