@font-face {
  font-family: 'Moderat';
  src: url('/static/fonts/Moderat-Regular.woff') format('woff'),
       url('/static/fonts/Moderat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Moderat';
  src: url('/static/fonts/Moderat-Bold.woff') format('woff'),
       url('/static/fonts/Moderat-Bold.ttf') format('truetype');

	font-weight: bold;
}

h1,h2,h3,h4,h5,h6, .btn, .tab-title, .menu { font-family: 'Moderat','Raleway',"Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 {
	font-weight: bold;
}

.image-slider li div.row > div {
	font-family: 'Moderat','Raleway',"Helvetica Neue", Helvetica, Arial, sans-serif;
	border: none;
}

.inner-title:before {
	background: none;
}

.logo-carousel li {
	opacity: 1;
}

@media all and (max-width: 767px) {
	
	.cover.fullscreen {
		padding-top: 140px;
		padding-bottom: 100px;
	}
	
	.cover h4 {
	    font-size: 24px;
	    line-height: 26px;
	}
	
	.cover h1 {
	    font-size: 56px;
    	line-height: 58px;
	}
}

@media all and (min-width: 768px) {
	
	.cover.fullscreen {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.cover h4 {
	    font-size: 68px;
	    line-height: 68px;
	}
	
	.cover h1 {
	    font-size: 130px;
    	line-height: 132px;
	}
}

@media all and (min-width: 991px) {
	.nav-container > nav {
		background: rgba(255,255,255, 0.5);	
	  top: 0;
	  width: 100%;
	  z-index: 999;
	  left: 0;
	  right: 0;
	  position: absolute;
	}

	.nav-container > nav.outOfSight {
		background: #fff; 
		position: fixed;
	}
	
	.nav-bar {
	  height: 65px;
	  max-height: 65px;
	}

	.nav-bar .module,
	.nav-bar .module-group {
	  height: 65px;
	}
	.nav-bar a {
	  display: inline-block;
	  height: 65px;
	}

	footer img.image-md {
		max-height: 140px;
	}
}

.menu li a {
	opacity: 1;	
}

.logo {
	max-height: 100%;
}

.button-tabs .tab-title, .button-tabs .tab-title:hover {
	background: url('/static/stil-utrecht/pijl-tabs.png') no-repeat right;
}

.button-tabs .active .tab-title, .button-tabs .active .tab-title:hover {
	background: url('/static/stil-utrecht/pijl-tabs-selected.png') no-repeat right;
}

section.has-bg {
	background-size:cover;
	background-position: center;
}


/**** COLOR OVERRIDES **********/
a {
  color: #3f8a92;
}
.bg-light a {
  color: #3f8a92;
}
.bg-light a:hover {
  color: #3f8a92;
}
.label {
  background: #3f8a92;
}
.bg-secondary blockquote {
  border-color: #3f8a92;
}
.bg-primary {
  background: #3f8a92 !important;
}
.bg-secondary {
  background: #f8f8f8;
}
.color-primary {
  color: #3f8a92 !important;
}

.color-secondary {
  color: #dcf0f1 !important;
}

.color-primary-dark {
  color: #1e474c !important;
}

.color-secondary-dark {
  color: #76bec7 !important;
}

.color-grey {
  color: #858989 !important;
}

.color-darker {
  color: #363838 !important;
}

.color-darkest {
  color: #262728 !important;
}

blockquote {
    background: #3f8a92;
    color: #fff;
}

.color-red {
  color: #e31d3b !important;
}
.background-multiply .background-image-holder {
  background-color: #3f8a92 !important;
}
.background-image-holder.fadeIn {
  opacity: 1;
}
.parallax > .background-image-holder,
.parallax .slides li > .background-image-holder {
  height: 100vh;
  top: -50vh;
  transition: all 0s ease !important;
  transition: opacity 0.3s ease !important;
  -webkit-transform-style: preserve-3d;
}
.parallax:first-child .slides li > .background-image-holder,
.parallax:first-child .background-image-holder {
  top: 0;
}
.main-container > a:first-child + .parallax .background-image-holder {
  top: 0;
}
@media all and (max-width: 767px) {
  .parallax > .background-image-holder,
  .parallax .slides li > .background-image-holder {
    top: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }
}
.btn {
  border: 2px solid #3f8a92;
  color: #ffffff;
  background: #3f8a92;
}
.btn:hover, .btn:visited:hover {
  border: 2px solid #3f8a92;
  background: #ffffff;
  color: #3f8a92;
}
.btn-filled {
  background: #3f8a92;
}
.image-bg .btn-filled:visited {
  border-color: #3f8a92;
}
.btn:visited {
  color: #ffffff;
}
.bg-primary .btn:hover {
  color: #3f8a92;
}
.widget-handle .cart .label {
  background: #3f8a92;
}
input[type="submit"],
button[type="submit"] {
  border: 2px solid #3f8a92;
  background: #3f8a92;
}
.bg-primary input[type="submit"],
.bg-primary button[type="submit"] {
  color: #3f8a92;
}
input[type="submit"].hollow,
button[type="submit"].hollow {
  border: 2px solid #3f8a92;
  color: #3f8a92;
}
input[type="submit"].hollow:hover,
button[type="submit"].hollow:hover {
  background: #3f8a92;
}
.checkbox-option,
.radio-option {
  border: 1px solid #3f8a92;
}
.checkbox-option .inner,
.radio-option .inner {
  border: 1px solid #3f8a92;
}
.checkbox-option.checked .inner {
  background: #3f8a92;
}
.radio-option.checked .inner {
  background: #3f8a92;
}
.accordion-1 .active .title {
  background: #3f8a92;
}
.accordion-1 .active .title:hover {
  background: #3f8a92;
}
.text-tabs .tab-title:after {
  background: #3f8a92;
}
.text-tabs .active .tab-title {
  color: #3f8a92;
}
.icon-tabs .active .tab-title {
  color: #3f8a92;
}
.icon-tabs .active .tab-title i {
  color: #3f8a92;
}
.progress-bar {
  background: #3f8a92;
}
.progress-2 .bar-holder {
  border: 1px solid #3f8a92;
}
.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a {
  background: #3f8a92;
  border-color: #3f8a92;
}
.feature-1 i {
  color: #3f8a92;
}
.feature-2 i {
  border: 1px solid #3f8a92;
  color: #3f8a92;
}
.feature-2 i:hover,
.feature-2.filled i {
  background: #3f8a92;
}
.feature-3 i {
  color: #3f8a92;
}
.feature-color:nth-of-type(1) {
  background: #3f8a92;
}
.pricing-table.emphasis {
  background: #3f8a92;
}
.cart-overview a:hover {
  color: #3f8a92;
}
.product-single .price:not(.old-price) {
  color: #3f8a92;
}
.masonry-item blockquote:hover {
  background: #3f8a92;
}
.spinner {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #3f8a92;
}
.filters li {
  border: 2px solid #3f8a92;
}
.filters li.active {
  border-color: #3f8a92;
}
.sc-background-orange {
  background: #3f8a92 !important;
}