/*
@font-face {
  font-family: 'GeosansLight';
  src:  url('/assets/fonts/geosans.light.ttf') format('ttf'),
        url('/assets/fonts/geosans.light.woff2') format('woff2'),
        url('/assets/fonts/geosans.light.woff') format('woff');
}
@font-face {
  font-family: 'MuliRegular';
  src:  url('/assets/fonts/muli.regular.ttf') format('ttf'),
        url('/assets/fonts/muli.regular.woff2') format('woff2'),
        url('/assets/fonts/muli.regular.woff') format('woff');
}
@font-face {
  font-family: 'MuliItalic';
  src:  url('/assets/fonts/muli.italic.ttf') format('ttf'),
        url('/assets/fonts/muli.italic.woff2') format('woff2'),
        url('/assets/fonts/muli.italic.woff') format('woff');
}
@font-face {
  font-family: 'MuliLight';
  src:  url('/assets/fonts/muli.light.ttf') format('ttf'),
        url('/assets/fonts/muli.light.woff2') format('woff2'),
        url('/assets/fonts/muli.light.woff') format('woff');
}
@font-face {
  font-family: 'MuliLightItalic';
  src:  url('/assets/fonts/muli.light-italic.ttf') format('ttf'),
        url('/assets/fonts/muli.light-italic.woff2') format('woff2'),
        url('/assets/fonts/muli.light-italic.woff') format('woff');
}
@font-face {
  font-family: 'MuliBold';
  src:  url('/assets/fonts/muli.bold.ttf') format('ttf'),
        url('/assets/fonts/muli.bold.woff2') format('woff2'),
        url('/assets/fonts/muli.bold.woff') format('woff');
}*/

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Proxima_Nova_Regular.eot');
  src: url('../fonts/Proxima_Nova_Regular.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Regular.woff2') format('woff2'), url('../fonts/Proxima_Nova_Regular.woff') format('woff'), url('../fonts/Proxima_Nova_Regular.ttf') format('truetype'), url('../fonts/Proxima_Nova_Regular.svg#Proxima_Nova_Regular') format('svg');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Proxima_Nova_Regular_Italic.eot');
  src: url('../fonts/Proxima_Nova_Regular_Italic.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Regular_Italic.woff2') format('woff2'), url('../fonts/Proxima_Nova_Regular_Italic.woff') format('woff'), url('../fonts/Proxima_Nova_Regular_Italic.ttf') format('truetype'), url('../fonts/Proxima_Nova_Regular_Italic.svg#Proxima_Nova_Regular_Italic') format('svg');
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Proxima_Nova_Bold.eot');
  src: url('../fonts/Proxima_Nova_Bold.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Bold.woff2') format('woff2'), url('../fonts/Proxima_Nova_Bold.woff') format('woff'), url('../fonts/Proxima_Nova_Bold.ttf') format('truetype'), url('../fonts/Proxima_Nova_Bold.svg#Proxima_Nova_Bold') format('svg');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Proxima_Nova_Bold_Italic.eot');
  src: url('../fonts/Proxima_Nova_Bold_Italic.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Bold_Italic.woff2') format('woff2'), url('../fonts/Proxima_Nova_Bold_Italic.woff') format('woff'), url('../fonts/Proxima_Nova_Bold_Italic.ttf') format('truetype'), url('../fonts/Proxima_Nova_Bold_Italic.svg#Proxima_Nova_Bold_Italic') format('svg');
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Proxima_Nova_Semibold.eot');
  src: url('../fonts/Proxima_Nova_Semibold.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Semibold.woff2') format('woff2'), url('../fonts/Proxima_Nova_Semibold.woff') format('woff'), url('../fonts/Proxima_Nova_Semibold.ttf') format('truetype'), url('../fonts/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold') format('svg');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Proxima_Nova_Semibold_Italic.eot');
  src: url('../fonts/Proxima_Nova_Semibold_Italic.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Semibold_Italic.woff2') format('woff2'), url('../fonts/Proxima_Nova_Semibold_Italic.woff') format('woff'), url('../fonts/Proxima_Nova_Semibold_Italic.ttf') format('truetype'), url('../fonts/Proxima_Nova_Semibold_Italic.svg#Proxima_Nova_Semibold_Italic') format('svg');
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Proxima_Nova_Light.eot');
  src: url('../fonts/Proxima_Nova_Light.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Light.woff2') format('woff2'), url('../fonts/Proxima_Nova_Light.woff') format('woff'), url('../fonts/Proxima_Nova_Light.ttf') format('truetype'), url('../fonts/Proxima_Nova_Light.svg#Proxima_Nova_Light') format('svg');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/Proxima_Nova_Light_Italic.eot');
  src: url('../fonts/Proxima_Nova_Light_Italic.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Light_Italic.woff2') format('woff2'), url('../fonts/Proxima_Nova_Light_Italic.woff') format('woff'), url('../fonts/Proxima_Nova_Light_Italic.ttf') format('truetype'), url('../fonts/Proxima_Nova_Light_Italic.svg#Proxima_Nova_Light_Italic') format('svg');
  font-style: italic;
  font-weight: 300;
}

html, body {
  width: 100%;
  display: block;
  font-family: "Proxima Nova", sans-serif;
  font-size: 15px;
  color: #3B2C30;
  background-color: #EEE6E5 !important;
}

.no_padding {
  padding: 0;
}

body.is-mobile .nav-header-desktop {
  display: none;
}

body.is-mobile #main-nav {
  /*
  width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px;
  */
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: fixed;
  z-index: 9999;
}

body.is-mobile #main-nav,
body.is-mobile #main-nav li.dropdown a {
  text-align: center;
}

body.is-mobile #main-nav .profile-menu {
  margin-top: 50px;
  margin-bottom: 30px;
}

body:not(.is-mobile) .nav-header-mobile {
  display: none;
}

body:not(.is-mobile) #main-nav {
	width: calc(25%);
	max-width: 350px;
}

body:not(.is-mobile) #main-nav .profile-menu {
  margin-left: -20px;
  position: absolute;
  bottom: 25px;
}
body:not(.is-mobile) #main-nav .nav-header-desktop img.logo {
  max-width:310px;
}

#main-nav .nav-header-desktop img.logo {
  width: 100%;
  margin-top: 90px;
  margin-bottom: 50px;
}

.nav-header-mobile {
  height: 70px;
  margin-top: 20px;
  padding-top: 5px;
  text-align: left;
}

#main-nav .nav-header-mobile img.logo {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 50px;
}

body.is-mobile {
  padding-top: 110px;
}
body.is-mobile .container.content {
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 0;
}
body.is-mobile .container.content > .row,
body.is-mobile .videos-container > .row.gridrow {
  margin-left: 0;
  margin-right: 0;
}
body.is-mobile .row.gridrow .gridcell {
  margin: 0;
  padding: 0;
}
body.is-mobile .gridcell:not(.video-wrapper) {
  margin-left: 0;
  margin-right: 0;
}
body.is-mobile .documents-container,
body.is-mobile .videos-container {
  padding-left: 0;
  padding-right: 0;
  margin-top: 25px;
}

body.is-mobile .panel {
  margin-bottom: 25px;
}

body.is-mobile .container.newsletter {
  padding-left: 15px;
  padding-right: 15px;
}

body.is-mobile .container.newsletter .newsletter-content,
body.is-mobile .container.newsletter .newsletter-sidebar {
  padding-left: 11px;
  padding-right: 11px;
  margin-bottom: 25px;
}

body:not(.is-mobile) {
  padding-top: 90px;
}
body:not(.is-mobile) .container.content {
  padding-left: 50px;
  padding-right: 50px;
}

body.is-mobile:not(.hamburger-open) div.nav-container {
  display: none;
}

.nav-header-mobile a span.glyphicon {
  font-size: 35px;
  color: #3B2C30;
}

body.hamburger-open .nav-header-mobile a span.glyphicon.glyphicon-menu-hamburger,
body:not(.hamburger-open) .nav-header-mobile a span.glyphicon.glyphicon-remove {
  display: none;
}

#main-nav {
  position: absolute;
  top: 0;
  padding: 0 20px;
  background-color: #FFFAF8;
}

body:not(.is-mobile) #main-nav {
  height: 100%;
}

#main-nav.fixed {
  position: fixed;
}

#main-nav .profile-menu {
  padding: 0;
  width: 100%;
  text-align: center;
}

#main-nav .profile-menu li {
  position: relative;
  display: inline;
  list-style: none;
}

#main-nav .profile-menu li a img {
  width: 60px;
}

#main-nav .profile-menu li:not(:first-child) {
  margin-left: 20px;
}

#main-content {
  width: 100%;
}

body:not(.is-mobile) #main-content {
	padding-left: 350px;
}

ul.nav.navbar-nav {
  margin: 0;
  width: 100%;
  max-height: auto;
  height: auto;
  background-color: transparent;
}

ul.nav.navbar-nav > li {
  float: none;
}

body > .container > .row > .container:last-of-type, body .container.webshops {
  margin-top: 0;
}

.panel.panel-default.photos {
  background-color: transparent;
}

#main-nav .nav > li > a,
#main-nav .dropdown-menu > li > a {
  color: #3B2C30;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 300;
  font-size: 20px;
  background-color: transparent;
}

#main-nav .nav > li > a:hover,
#main-nav .nav > li > a:focus,
#main-nav .nav > li > a.active {
  color: #B68C68;
  background-color: transparent;
}

#main-nav .nav > li > ul {
  padding-top: 0;
  padding-left: 10px;
  margin-bottom: 25px;
  background-color: transparent;
  width: 100%;
}

.panel-default > .panel-heading {
  background-color: transparent !important;
  border: 0;
  padding-bottom: 0;
}

h1, h2, h3, h4, input, button, select, textarea {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 400;
}

.form-control {
  font-size: 15px;
}

h1 {
  font-size: 22pt;
  padding-left: 20px !important;
  margin-bottom: 20px;
}

.nav.nav-tabs {
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  background-color: #FFFAF8;
  width: auto;
  display: inline-block !important;
}

.nav.nav-tabs li a {
  background-color: transparent;
  border: #F0E8E7 1px solid;
  border-width: 0;
  color: #3B2C30;
  padding-top: 5px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 300;
  font-size: 20px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.nav.nav-tabs li:not(:first-child) a {
  border-width: 0 0 0 1px; 
}

.nav.nav-tabs li a:hover,
.nav.nav-tabs li a:focus,
.nav.nav-tabs li.active a {
  background-color: transparent;
  border-width: 0 0 0 1px; 
  color: #B68C68;
}

.container {
  min-width: auto;
}

/* grids */
.row.gridrow {
  margin-left: -11px;
  margin-right: -11px;
}

.row.gridrow .gridcell {
  padding-left: 11px;
  padding-right: 11px;
  margin-bottom: 22px;
}

/* grid panels */
.panel.panel-grid {
  border: 0;
  box-shadow: none;
  border-radius: 6.6px;
}

.panel.panel-grid .panel-heading {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 19px;
}
.panel.panel-grid .panel-heading span {
  padding-bottom: 10px;
  display: block;
  border: #b68c68 0px solid;
  border-width: 0 0 1px 0;
}

.panel.block_agenda a {
  color: #3B2C30;
}
.panel.block_agenda .meta_startdate {
  color: #B68C68;
}

/* main panels */
.col-md-12 > .panel-default {
  border: 0 !important;
  background-color: transparent;
  box-shadow: none;
}

.col-md-12 > .panel-default > .panel-heading {
  padding: 0;
}

.btn {
  border-radius: 6.6px;
  border: 0;
  font-weight: 600;
}

.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:active {
  background-color: #B68C68;
  color: #FFFAF7;
}

.btn.btn-secondary,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover,
.btn.btn-secondary:active {
  background-color: #3B2C30;
  color: #FFFAF7;
}

#nav-message-button-li {
  position: absolute;
}

#nav-message-button-li .message-count {
  position: absolute;
  top: -25px;
  left: 35px;
  background-color: #B68C68;
  color: #FFFAF7;
  border-radius: 10px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}
#nav-message-button-li .message-count.chars-2 {
  line-height: 24px;
  width: 24px;
  border-radius: 12px;
  top: -28px;
}
#nav-message-button-li .message-count.chars-1 {
  line-height: 20px;
  width: 20px;
}

.content-wrapper {
  padding: 22px;
  border-radius: 6.6px;
  background-color: #FFFAF7;
}

.alert {
  border-radius: 6.6px;
  background-color: #B68C68;
  color: #FFFAF7;
  border: 0;
}