/* custom styles */

body {
  color: #333333;
}

/* header logo, navigation*/
.navbar-brand {
  padding-right: 10px;
}
.navbar ul.nav > li > a, .navbar ul.dropdown-menu li a { text-transform: none; }

.navbar .yamm-content h5 {
  color: #333;
  font-size: 18px;
}
.navbar .yamm-content h5 a {
  color: #333 !important;
  font-size: 20px !important;
}
.navbar .yamm-content h5 a:hover {
  color: #333;
  padding-left:0;
}

/* headings*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #3462A1;
}

/* breadcrumbs styles
--------------------------------*/
#heading-breadcrumbs {
/*  background: url('../img/bk.jpg') top center repeat;*/
 background: url('../img/fading_background_21.png') repeat center 60%;
/*   background-image:none;*/
  background-color: #add8e6;
  border-top: 1px solid #b0c4de;
  border-bottom: 1px solid #b0c4de;;
  padding: 2px 0;
  margin-bottom: 30px;
}
#heading-breadcrumbs h1 {
  font-family: 'Oswald', sans-serif;
}
@media (max-width: 768px) {
  #heading-breadcrumbs h1 {
	font-size: 26px;
  }
}

#heading-breadcrumbs ul.breadcrumb {
    text-transform: none;
}
@media (max-width: 991px) {
  .breadcrumb {
    padding-top: 0;
    padding-bottom: 5px;
  }
}

/* home page opening paragraph*/
.lead {
  font-size: 1.1em;
  font-weight: 400;
  margin-bottom: 10px !important;
}

/* all other paragraphs*/
p {
  font-size: 1.1em;
}
/* paragrapgh by videos*/
p.videotitel {
  margin: 1.5em 0 0.5em 0; 
}
/* paragrapgh extra bottom-margin*/
p.last {
  margin-bottom: 1.5em; 
}

/* general bulleted list*/
.post li {
  font-size: 1.1em;
}

/* horizontal rule */
.hrspacing { padding:0px; }
.hrcolor {
    border-color: #B0C4DE;
    border-style: solid;
    border-bottom: 1px;
    margin-top:10px;
    margin-bottom:10px;
    padding:0px;
	width:90%;
}


/* alerts */
.alert {
  padding: 10px;
}
.alert-danger{
  font-size: 1.1em;
}

.alert-info {
  color: #2B547E;
  background-color: #F0F8FF;
  border: 2px solid #BCE8F1;
}
.dkblue {
  color: #3462A1;
}

.alert-info2 {
  color: #333333;
  background-color: #ffffff;
  border: 2px solid #72A0C1;
}

/* image alignment extra padding */
.gap-right {
  margin-right: 10px; 
}
.gap-left {
  margin-left: 10px; 
}

/* book styles
--------------------------------*/
/* product divs margin and h2 */
#blog-listing-medium .post {
  margin-bottom: 30px;
}
#blog-listing-medium .post h2 {
  text-transform: none; 
  line-height: 1.3em;
}
#blog-listing-medium .post h2 a {
  color: #333333;
}
#blog-listing-medium .post h2 a:hover {
  color: #333333;
}
#blog-listing-medium .post h3 {  
  font-size: 1.2em;
  line-height: 1.4em;
  margin-top: 5px;
  margin-bottom: 5px;
}
#blog-listing-medium .post h3 a {
  color: #333333;
}
#blog-listing-medium .post h3 a:hover {
  color: #333333;
}
#blog-listing-medium .post .prod-details {
  color: #333;
  text-transform: none;
  font-weight: 400;
  font-size: 1em;
}
#blog-listing-medium .post .prod-details i.fa {
  font-weight: 400;
}
.product .text {
  padding: 5px 0;
}
/* disable text-transform uppercase */
.product .text h3 {
  text-transform: none;
  letter-spacing: normal;
  margin: 3px 0 3px 0;
}
/* disable text-transform uppercase */
.product .text .verschijnt {
  margin: 0 0 3px 0;
}
/* product images: disable transition */
.product .image img {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
/* product images: disable transition scaling */
.product:hover .image img {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* side bar styles
--------------------------------*/
/* side bar h3 margin bottom */
.panel.sidebar-menu .panel-heading {
  text-transform: none;
}
.panel .panel-default .sidebar-menu .panel-heading h3, .panel .panel-default .sidebar-menu .panel-heading h3.panel-title {
  margin-bottom:0;  
}
.panel-body {
  margin-bottom: 15px;
}
/* side bar category li font size */
.nav-pills > li > a {
  font-size: 1.1em;
  padding: 5px 8px;
}
/* side bar paragraph text widget */
.panel .sidebar-menu .text-widget p {
  font-size: 1.2em;
}
/* hide logos on small screen */
@media (max-width: 768px) {
	.banner {display:none;
	}
}

/* screenshot images thumbnails
--------------------------*/
.thumbnail { margin-bottom: 10px;}
.caption {padding:0 0 10px 0;}
.caption p {margin-top:0;}


/* form controls
--------------------------*/
.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}
.input-group .form-control input {
  border: 1px solid #467fbf;  
  font-size: 1em;
  line-height: 1.3em;
  height: 30px;
}
/* button styles 
--------------------------*/
.btn {
	padding: 3px 6px;
}
.btn-template-main {
  border-color: #555555;
}
.btn-template-main:hover,
.btn-template-main:focus,
.btn-template-main:active,
.btn-template-main.active,
.open > .dropdown-toggle.btn-template-main {
  border-color: #336194;
}

/* ribbon 'new' styles 
--------------------------------*/
.ribbon {
  padding-left: 53px;
}
.ribbon.new .theribbon {
  background-color: #f70000;
  width: 65px;
  padding-right: 1px;
}
.ribbon.new {
  top: 25px;
}

/* footer styles
--------------------------------*/
#footer {
  padding: 30px 0;
}
#footer {
  color: #f8f8ff;
}

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

/* social media icons used in footer
--------------------------*/
.social a {
  color: #ffffff;
  background-color: #eeeeee;
}
.social a:hover {
  color: #fff;
}
.social a:hover.facebook {
  background-color: #f7f7f7;
}
.social a:hover.twitter {
  background-color: #f7f7f7;
}


.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
} 

/* add vertical spacing for Bootstrap columns when stacked bron: https://coderwall.com/p/0jezca/vertical-spacing-for-bootstrap-columns */ 

.row [class*="col-"] + [class*="col-"] {
    margin-top: 15px;
}

@media (min-width: 1200px) {
    .row [class*="col-lg-"] + [class*="col-lg-"] {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .row [class*="col-md-"] + [class*="col-md-"] {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .row [class*="col-sm-"] + [class*="col-sm-"] {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    #footer h4.topmarg {
        margin-top: 25px;
    }
}