/* Heading fonts */
h1, h2, h3, h4, h5, h6 {
    color: #02336b;
}
#section-title {
    margin-bottom: 20px;
}

/* Buttons */
.btn-primary {
    border-color: #ff6900;
    background-color: #ff6900;
}
.btn-primary.disabled, .btn-primary:disabled, .sppb-btn-primary.btn-primary.disabled, .btn-primary:disabled {
    background-color: #ff6900;
    border-color: #ff6900;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #e76d03;
    background-color: #e76d03;
}
.btn-dark {
    background: #02336b;
    border-color: #002248;
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle, .btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    background: #002248!important;
    border-color: #011327!important;
}

.sp-module-content .button.orange {
    margin-top: 10px;
}

/* Colors */
.green {
    color: green;
}
.white {
    color: white;
}
.orange {
    color: #ff6900;
}

/* Top bar */
#sp-top2 {
    font-size: 0.8rem;
}

/* Sections */
#sp-main-body {
    padding: 40px 0;
}
/* Row 1 */
section#sp-row-1 {
    border-bottom: 1px solid #ddd;
}
.row-1-content {
    padding: 30px 0px;
}
/* Row 2 */
section#sp-row-2 {
    border-bottom: 1px solid #ddd;
}
.row-2-content {
    padding: 30px 0px;
}
/* Row 3 */
.row-3-content {
    padding: 30px 0px;
}

/* Footer section */
.sp-scroll-up {
    background: #fb7400;
}
#sp-bottom {
    background: #02336b;
    color: white;
}
/* Footer section 2 */
.footer {
	padding: 40px 10px;
	width: 100%;
	background: #002146;
	color: #eeeeee;
	font-size: 90%;
}
.footer h3 {
	color: #fb7400;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}
.footer a {
	font-weight: 100;
	color: #eeeeee;
}
.footer a:hover, .footer a:active, .footer a:focus {
	color: #d4d9df;
	text-decoration: underline;
}
@media (max-width: 1599px) {
	.footer {
		padding-bottom: 100px;
	}
}
#sp-footer, #sp-bottom {
    border-top: 1px solid #ddd;
}
#sp-bottom .sp-module .sp-module-title {
    font-size: 1.2rem;
    color: #fb7400;
}
#sp-footer .container-inner {
    border-top: none;
}

#sp-row-footer h4 {
    color: #f34b16;
}

/* Footer Social Links */
#social i {
	font-size: 50px;
	color: #ffffff82;
}
#social i:hover  {
	font-size: 50px;
	color: #ffffff99;
}
#social a {
    color: #ffffff82;
}
#social a:hover, #social a:active, #social a:focus {
    color: #ffffff99;
}
/* Row USP's */
.row-usp {
    border-top: 1px solid #dddddd;
    background: #fafafa;
}
/* Breadcrumbs */
.breadcrumbs {
    padding: 0.5rem 1rem;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dddddd;
    font-size: small;
}
.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

/* Sidebar */
.bg-white

/* Forms */
.form-row {
	margin-bottom: 10px;
}

.amk-form {
    margin-bottom: 10px;
}

.form-control-sm.inline {
    display: inline !important;
    width: auto;
    padding: 5px;
}

input:-moz-read-only#TxtStraatnaam, input:-moz-read-only#TxtStraatnaam {
	background: #eee!important;
}
input:-moz-read-only#TxtWoonplaats, input:-moz-read-only#TxtWoonplaats{
	background: #eee!important;
}

/* Bootstrap container overrides */
@media screen and (min-width: 768px) and (max-width: 990px) {
	.container {
		max-width: 768px;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.container {
		max-width: 576px;
	}
}

/* Mobile & Responsive */
@media screen and (max-width: 500px) {
   .col-xxs-12 {
	  max-width: 100%;
	  flex: 0 0 100%;
  }
}

/* Bedanktpagina */
#overzicht th {
    padding: 10px;
    vertical-align: middle;
}
    
  .table-responsive#overzicht {
    width: 100%;
    border: 1px solid #dddddd;
	background: #ffffff;
  }
  
  #overzicht th {
    background: #ffffff;
    color: #02336b;
    padding: 10px;
  }
  
  #overzicht td:first-child { 
    max-width: 50px;
    padding: 5px;
  }
  
  #overzicht td:nth-child(2), #overzicht td:nth-child(3) { 
    padding: 5px;
  }
  
  #overzicht td:nth-child(3) { 
    text-align: right;
  }

  @media (max-width: 767px) {
    #overzicht td:first-child { 
      max-width: 120px;
    }
  }
  
  table #kosten {
    display: grid;
	}
	
	span#prijs {
		font-size: 75%;
		color: #5a8ec5;
	}
	
	span#prijstotaal {
		font-size: 90%;
	}
  
  .handtekening {
    max-width: 200px;
    margin-left: 5px;
    display: block;
  }
    
  @media (min-width:820px) {
    .handtekening {
      margin-left: -40px;      
      margin-top: 5px;
      margin-bottom: 5px;
      transform: rotate(-5deg);
    }
  }

  #bedankt .col-xs-12 {
    margin-top: 15px;
  }

.row#social {  
    margin-left: auto;
    margin-right: auto;
}
  
  .col-social {
    padding: 5px;
    text-align: center;
    margin: 10px 0;
  }
  
  @media (max-width:374px) {
  	.col-social {
      margin: 5px 0;
      padding: 0px;
  	}
  }

  .social-title {
    color: #02336b;
    font-weight: 700;
}

.col-social#fb {
    background: #3d5b97;
    opacity: 0.9;
    background: -webkit-linear-gradient(90deg, #6f97db 0%,#3d5b97 100%);
    background: linear-gradient(90deg, #6f97db 0%,#3d5b97 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f97db', endColorstr='#3d5b97',GradientType=1 );
    text-align: center;
    color: white;
    opacity: 0.9;
}
  
.col-social#fb:hover {
    opacity: 1;
}

.col-social#twitter {
    background: #23a1f0;
    background: -moz-linear-gradient(90deg, #67bbef 0%, #0a77d6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(90deg, #67bbef 0%,#0a77d6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, #67bbef 0%,#0a77d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67bbef', endColorstr='#0a77d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-align: center;
    color: white;
	opacity: 0.9;
}

.col-social#twitter:hover {
    opacity: 1;
}
  
.col-social#instagram {
    background: #df3565;
    background: -moz-linear-gradient(90deg, #fce562 0%, #df3565 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(90deg, #fce562 0%,#df3565 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, #fce562 0%,#df3565 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce562', endColorstr='#df3565',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-align: center;
    color: white;
	opacity: 0.9;
}

.col-social#instagram:hover {
    opacity: 1;
}
  
.col-social img {
    display: inline-block;
	padding: 2px;
	max-height: 100%;
	max-width: 100%!important;
	width: auto!important;
}

  #review img {
    max-height: 75px;
    max-width: 200.39px;
  }
  
  .promocode {
    color: #ff944a;
    font-weight: 700;
  }

  
  #aanbod .panel-body, #aanbod .card-body {
    background: rgb(2, 51, 107);
    background: linear-gradient(to right, rgb(0, 33, 70) 0%, rgb(17, 79, 151) 50%, rgb(0, 33, 70) 100%);
    color: #ffffff;
  }
  
#aanbod .card-header {
	background: #3068a9;
	color: white;
	font-weight: 700;
	font-size: 1.1em;
	border-bottom: 1px solid;
}

/* Overzicht van bestelling */ 
.kennismakingszending {
    color: green;
}

#totaalprijs, #totaalomschrijving {
font-weight: 600;
}

#overzicht tbody tr:last-child {
    border-top: 2px solid #dee2e6;
}


/* Mobile Menu */
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    box-shadow: 2px 10px 10px 2px #7a7a7a;
}

/* Offcanvas Menu */
.offcanvas-menu .logo-image {
    display: none;
}

.offcanvas-menu {
	z-index: 500000;
}

.offcanvas-menu .offcanvas-inner {
    padding: 0 25px;
}