/* Theme.css overwrites*/
.to-shine-page-breadcrumb {
    z-index:auto!important;
}
input.btn,
a.btn {
    border-color: transparent!important;
    border-top-right-radius: 10px;
    font-family: "apparat-semicond",sans-serif;
    border-top-left-radius: 0px!important; 
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 10px!important;
    text-transform: uppercase;
}
input.btn.btn-primary,
a.btn.btn-primary {
    border-top-right-radius: 10px!important;
    font-family: "apparat-semicond",sans-serif;
    border-top-left-radius: 0px!important; 
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 10px!important;
    text-transform: uppercase;
}

/* // */
.to-shine-footer-imprint .to-shine-login {
  width: 12px;
  margin-left: 4px;
  margin-top: -5px;
}
@media (min-width: 992px) {
    #to-shine-page-navigation {min-height: 180px;}
}
.hoofdnav .nav-item a {
    text-transform: uppercase;
    font-weight: 500!important;
    font-family: "apparat-semicond",sans-serif;
}
.hoofdnav .nav-item.last a {
    background-color: #735328; color: #fff!important; border-top-right-radius: 20px!important;
    border-top-left-radius: 0px!important; 
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 20px!important;
    text-transform: uppercase;
    padding-left: 10px!important; padding-right: 10px!important;
}

@media (min-width: 992px) {
    .logo-houder {position: absolute; top: 30px;}
}
body:not(.page-21) .logo-houder img{max-height: 200px;}

/*HEADER*/
.blokhouder{position: relative;}
.groenblok{background-color: #203A24!important;}
.groenblok::before{position: absolute; content: ""; width: 20px; height: 20px; top: 12px; left:12px; border-top: solid 4px #658337; border-left: solid 4px #658337;}
.groenblok::after{position: absolute; content: ""; width: 20px; height: 20px; bottom: 12px; right:12px; border-bottom: solid 4px #658337; border-right: solid 4px #658337;}
@media (min-width: 768px) {
    .groenblok::before{position: absolute; content: ""; width: 20px; height: 20px; top: 20px; left:20px; border-top: solid 4px #658337; border-left: solid 4px #658337;}
    .groenblok::after{position: absolute; content: ""; width: 20px; height: 20px; bottom: 20px; right:20px; border-bottom: solid 4px #658337; border-right: solid 4px #658337;}
}


.homepageintro {position: relative}
.homepageintro .introductiehouder{position: relative;}
/*.homepageintro .introductiehouder .bg-groen{background-color: #203A24!important;}
.homepageintro .introductiehouder .bg-groen::before{position: absolute; content: ""; width: 20px; height: 20px; top: 20px; left:20px; border-top: solid 4px #658337; border-left: solid 4px #658337;}
.homepageintro .introductiehouder .bg-groen::after{position: absolute; content: ""; width: 20px; height: 20px; bottom: 20px; right:20px; border-bottom: solid 4px #658337; border-right: solid 4px #658337;}
*/
@media (min-width: 768px) {
    .groenblok .h4 {line-height: 1.5em!important;}
    .homepageintro .introductiehouder{position: absolute; width: 650px; right: 100px;bottom: -100px;}
}
@media (min-width: 992px) {
    .introductiehouder.ml-md-n5 {margin-left: -16rem !important;}
}

.zindex2 {z-index: 2}
.zindex1 {z-index: 1}

/* Animatie */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animateddelay {
    animation-duration: 1s;
    animation-delay: .4s;
    animation-fill-mode: both;
}
.animatedFadeInUp {
    opacity: 0
}
.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
}
/*///*/

/*Forms*/
.ModLiveFormsC {display: none}
.page-break-section {border-radius: 0!important;box-shadow:none!important;padding: 0!important; background-color: rgba(255,255,255,.3)!important}
.grecaptcha-badge { visibility: hidden; display: none }
.page-break-section .recaptcha {background: url("../img/recaptcha.png") no-repeat left center;padding-left: 60px}
.page-break-section .Field.Required::before{content: "*";position: absolute;left: -5px;}
.custom-select:focus,
.form-control:focus, .form-control.focus {box-shadow: 0 0 0 0.1rem #000000!important; }
.posrelative {position: relative}
.LiveForm.Default .thank-you p,
.LiveForm.Default .recaptcha {
    font-weight: 400!important;font-style: normal!important;font-size: 100%!important;
}
.LiveForm.Default .thank-you {padding: 20px 0 0 0!important; box-shadow:none!important;}
.moxie-shim.moxie-shim-html5:hover,
.moxie-shim.moxie-shim-html5:focus,
.moxie-shim.moxie-shim-html5 input:hover,
.moxie-shim.moxie-shim-html5 input:focus,
.plupload_button:hover,
.plupload_button:focus{border: solid 2px #000!important;cursor: pointer!important;}
.plupload_filelist_footer {background-color: #fff!important;}
li.plupload_failed,
.plupload_failed .plupload_file_name,
.plupload_failed .plupload_file_status,
.plupload_failed .plupload_file_action,
.plupload_failed .plupload_file_status,
.plupload_failed .plupload_file_size,
.plupload_failed .plupload_clearer,
.plupload_file_icon {display: none!important;}
.plupload_file_status {color: #42454A!important;}
.plupload_file_name {width: 70%!important;}
.plupload_file_size,
.plupload_file_process,
.plupload_file_status {width: 10%!important;}
li.plupload_delete {width: 100%!important;}
/*///*/

/*ADMIN*/
.alpaca-image-display #alpaca6-image {height: auto!important;}
.DnnModule-OpenContent .oc-view .octemplate {width: auto!important;}
.DnnModule-OpenContent .oc-view .octemplate a{display: inline-block; height: auto!important;padding-left: 15px; padding-right: 15px; padding-bottom: 10px;}
/*///*/

/*LINKS*/
.isotope-options .nav-item .nav-link{color: #cfcfcf}
.isotope-options .nav-item.active .nav-link{color: #658337}

a:hover {text-decoration-thickness: .06em!important;text-underline-offset: .3em!important;}
a h3:hover,
h3 a:hover {text-underline-offset: .35em!important;}
p a {text-decoration: underline;text-decoration-thickness: .06em!important;text-underline-offset: .3em!important;}
/*///*/


.tk-abril-display { font-family: "abril-display",serif; }
.tk-apparat-semicond-light { font-family: "apparat-semicond-light",sans-serif; }
.tk-apparat-semicond { font-family: "apparat-semicond",sans-serif; }