body header{margin-top:50px;}

footer {padding-top: calc(15px + 5vw);color:#FFF;background:#000; margin-top: 100px;}
footer .footerCloser {padding-top:10px;background:#FFF; color:#9CBEBF;}

/* cmsms stylesheet: main modified: 12-05-20 09:51:56 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700&display=swap');

body {background:#ebebeb;font-family: 'Montserrat', sans-serif;
font-weight:300;}


input[type=checkbox]:checked+label{
    border:solid 2px #F00;
}
input[type=checkbox]+label{
    border:solid 2px #FFF;
}

.headerImg {
  background: url('/exampleImages/RRC_example.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height:90vh;
}

.btn {-webkit-border-radius: 0;border-radius: 5px;}
.btn.btn-primary {border:solid 1px #000; background:#FFF; color:#000; text-transform:uppercase}
.btn.btn-primary:HOVER {border-color:#FFF; background:#000; color:#FFF;}

strong {
  font-weight:700;
}

h1,h2,h3,h4,h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight:300;
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong {
  font-weight:700;
}
a:hover {color:#9CBEBF;}

.homeContentBlock .img-fluid{
  border:solid 5px #FFF;
  margin:-5px;
  margin-bottom:30px;
}
ul.social {padding: 0; list-style: none; margin: 0 -3px;}
.social li a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 1px dashed #fff;
    border-radius: 50%;
    background-color: transparent;
    position: relative;
    text-align: center;
    display: block;
    color:#FFF;
}
.social li a:hover { background: #fff;color:#9CBEBF; }

footer {padding-top: calc(15px + 5vw);color:#FFF;background:#000;}
footer .footerCloser {padding-top:10px;background:#FFF; color:#9CBEBF;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.auto-content-sm-2{ column-count: 2;}
.auto-content-md-3{ column-count: 2;}
.auto-content-sm-2 p ,
.auto-content-sm-2 h2,
.auto-content-md-2 h2,
.auto-content-md-2 p {break-inside: avoid-column;display: inline-block;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  section:first-of-type {margin-top:90px;}
.auto-content-md-3{ column-count: 3;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.auto-content-lg-1{column-count: 1; }
.auto-content-lg-2{column-count: 2; }
.auto-content-lg-3{column-count: 3; }
.auto-content-lg-4{column-count: 4; }
.auto-content-lg-5{column-count: 5; }
.auto-content-lg-6{column-count: 6; }
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }
/* .container:not(.productHolder) { max-width: 90vw; }
 } */
/* cmsms stylesheet: navBar modified: 23-04-20 13:28:46 */
.topNavigationHorizontal { z-index:100;background-color: #FFFFFF; min-height:50px; width:100%; position:fixed;top:0}

.topNavigationHorizontal ul{
  list-style:none;
  padding:10px 5px 0 5px;
  margin:0;
}
.topNavigationHorizontal li {display:inline-block;padding:5px 0; margin-right:8px;}
.topNavigationHorizontal li:last-of-type {margin-right:0;}
.topNavigationHorizontal li a { color:#000; font-weight:700; text-transform:uppercase;}
.topNavigationHorizontal li a:HOVER {text-decoration:none;color:#9CBEBF}

.sportherLogo a {color:#FFF;text-decoration:none;}
.sportherLogo a:HOVER {text-decoration:none;}

.sportherLogo {
  margin:10px 0 10px 0;
  padding: 1px 8px 2px 8px;
  background:#000;
  color:#FFF;
  font-weight:700;
  border: 3px solid #FFF;
  outline: 3px solid #000;
}

/* cmsms stylesheet: shop modified: 08-07-20 15:26:55 */
div.isLoading {
    position: fixed;
    z-index: 11000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.85);
}
div.isLoading i {
    position: absolute;
    font-size: 3em;
    top: calc(50% - 1.5em);
    left: calc(50% - 1.5em);
}

input[type=range][orient=vertical] {
  -webkit-appearance: slider-vertical !important;
  transform: rotate(180deg) ;
}

#rugBedrukking {
  width: 100%;
}

.tenueColor {
  background: $color;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 3px;
}

.shirtTemplate,
.shortTemplate,
.colarTemplate,
.buikTemplateKeuze,
.rugBedrukkingTemplate,
.voorbeeldGrid  {
  width:100%;
  grid-template-columns: auto auto auto auto;
  display: grid;
  grid-column-gap: 10px;
}

.shirtChoice, .shortChoice, .colarChoice, .buikBedrukkingChoice, .rugBedrukkingChoice {
  /* display: inline-block;
  margin-right: 10px; */
  transition: all .2s ease-in-out;
  cursor: pointer;
}
.shirtChoice:HOVER, .shortChoice:HOVER, .colarChoice:HOVER, .buikBedrukkingChoice:HOVER, .rugBedrukkingChoice:HOVER {
  transform: scale(1.1);
}

.shirtChoice.shirtSelected .shirtPNG, .shortChoice.shortSelected .shortPNG, .colarChoice.colarSelected .colarPNG{
  border-color:#F00;
}

.editable .mtEdit:HOVER {
  cursor: url(/assets/style/fill-drip-solid.png) 0 32, auto;
}

.colorSelector {
   width: 40px;
   height: 40px;
   display: inline-block;
   margin-right: 5px;
   border-radius: 3px;
}

.removeColor{
  cursor: pointer !important;
}

#canvas, #canvasFront {
  border:solid 1px #000;
  border-radius:3px;
  background-color: #f0f0f0;
  background-image: linear-gradient(45deg, #CCC 25%, transparent 25%, transparent 75%, #CCC 75%, #CCC),
  linear-gradient(45deg, #CCC 25%, transparent 25%, transparent 75%, #CCC 75%, #CCC);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}

#rugBedrukking img {
  height: 100%;
  width: auto;
}

.shirtPNG, .shortPNG, .colarPNG, .buikBedrukkingChoice, .rugBedrukkingImage {
  border: solid 2px black;
}