/* Scherm grootte afhankelijk */
@media (min-width: 1400px){
  #offcanvas-toggler {
    display: none !important;
  }
}

@media (max-width: 1399px){
  .social-wrap,
  #sp-menu .header-modules {
    display: none !important;
  }
}

@media (min-width: 992px){
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 993px){
  .desktop-only {
    display: none !important;
  }
}

@media (max-width: 575px){
  .header-with-social {
    height: 60px !important;
  }
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

#sp-main-body {
    padding: 30px 0px 140px 0;
}


/* Header */
#sp-menu ul.social-icons a {
  color: #0A2433;
  font-size: 26px;
  opacity: 0.8;
}

#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
  color: black;
  opacity: 1;
}

.offcanvas-menu .offcanvas-inner a {
  font-size: 26px;
  opacity: 0.8 !important;
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
  color: black;
  opacity: 1 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li:hover {
  background-color: #9DBEBC;
}

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

.offcanvas-menu .social-icons,
.offcanvas-menu .offcanvas-inner .header-modules {
  padding: 25px;
}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
  margin-right: 0px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li {
  padding-left: 25px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
  font-size: 18px;
  line-height: 35px;
}

.sp-megamenu-parent>li:last-child>a {
  padding: 0px 15px;
}

.sp-megamenu-parent>li>a {
  padding: 0px 12px;
}

.sp-megamenu-parent>li.active,
.sp-megamenu-parent .sp-dropdown li.active{
  background-color: #78A5A3;
}

.sp-megamenu-parent>li:hover,
.sp-megamenu-parent>li.active:hover,
.sp-megamenu-parent .sp-dropdown li:hover,
.sp-megamenu-parent .sp-dropdown li.active:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li:hover
{
  background-color: #9DBEBC;
}

.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent .sp-dropdown li:hover>a
{
  color: black !important;
  opacity: 1;
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent .sp-dropdown li.active>a,
.sp-megamenu-parent .sp-dropdown li.active:hover>a {
  color: black !important;
  opacity: 1;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span,
.sp-megamenu-parent .sp-dropdown li > a,
.sp-megamenu-parent .sp-dropdown li > span{
  font-size: 18px !important;
  color: #0A2433 !important;
  opacity: 0.8;
  transition: 0.3s;
}

#sp-menu .social-wrap {
  padding-left: 49px;
}

#sp-menu .sp-module h3,
#sp-menu .sp-module label {
  display: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{
  width:100%;
  padding: 15px;
}

.zoeken { 
background-image: url(/images/mvh-website/systeem/magnifier.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
}

.zoeken img {
  height: 30px;
  visibility: hidden;
}

/* Menu Rechts */
.mod-menu .nav-item {
  width: 100%;
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    padding: 9px 20px;
}

#sp-right .sp-module ul>li {
  padding-left: 10px;
}

#sp-right .sp-module .menu>li:hover,
#sp-right .sp-module .menu-child>li:hover {
  background-color: #F3F7F7;
}

#sp-right .sp-module .nav-header {
  font-weight: bold;
  display: inline-block;
  margin: 20px 0px 10px 0px;
}

.mvh-menu {
  border: 1px solid #f3f3f3;
  padding: 30px;
  border-radius: 3px;
  text-align: center;
}

.mvh-menu ul {
  list-style-type: none;
  padding-left: 0;
}

.mvh-menu ul>li {
  padding: 10px;
  border-bottom: 1px solid #f3f3f3; 
}

.mvh-menu ul>li:hover {
  background-color: #F3F7F7;
}

/* Footer */
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
    z-index: 100;
}

footer .container-inner {
  padding: 15px 0 0 0 !important;
}

/* Home pages */
.home-intro {
  margin-top: 20px;
}

.mvh-homepage-intro {
  font-size: 18px;
  margin: 20px 0px 40px 0px;
}

.item-title {
  margin-top: 40px;
}

.home-intro h1,
.item-title {
  color: #0A2433;
}

.icoon-link {
  width: 100%;
  height: 160px;
  margin-bottom: 50px;
}

.icoon-link a {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  font-size: x-large;
  font-weight: bolder;
  height: 100%;
  display: block;
  padding-top: 160px;
  transition: background-image 0.4s ease-in-out;
}

.icoon-link a:hover {
  transition: background-image 0.4s ease-in-out;
}

.icoon-link-modelspoor a {
  background-image: url("/images/mvh-website/homepagina/modelspoor-icon-blackwhite.png");
}

.icoon-link-scheepsbouw a {
  background-image: url(/images/mvh-website/homepagina/scheepsbouw-icon-blackwhite.png);
}

.icoon-link-vereniging a {
  background-image: url(/images/mvh-website/systeem/logo/MVHLogoBlackAndWhite.svg);
}

.icoon-link-modelspoor a:hover {
  background-image: url(/images/mvh-website/homepagina/modelspoor-icon-color.png);
  box-shadow: 0 0 5px 5px white inset;
}

.icoon-link-scheepsbouw a:hover {
  background-image: url(/images/mvh-website/homepagina/scheepsbouw-icon-color.png);
  box-shadow: 0 0 5px 5px white inset;
}

.icoon-link-vereniging a:hover {
  background-image: url(/images/mvh-website/systeem/logo/mvhlogo.svg);
}

.icoon-link-onedrive a,
.icoon-link-youtube a,
.icoon-link-flickr a{
  width: 360px;
  font-size: large;
  font-weight: bolder;
  margin-right: auto;
  margin-left: auto;
}

.icoon-link-onedrive a {
  background-image: url(/images/mvh-website/systeem/onedrive-icon.svg);
}

.icoon-link-youtube a {
  background-image: url(/images/mvh-website/systeem/youtube-icon.svg);
}

.icoon-link-flickr a {
  background-image: url(/images/mvh-website/systeem/flickr-icon.svg);
}

/* Paragraaf */
.paragraaf {
  padding-right: 30px;
}

/* Contact */
.contact-mail {
  padding: 24px 16px;
  overflow: hidden;
}

.contact {
  font-size: 18px;
  display: flex;
  flex-direction: column;
  align-items: left;
  padding:12px 16px 8px 16px;
}

.contact p {
  font-weight: bold;
  margin-bottom: 4px;
}

.contact label {
  font-size: small;
  color: grey;
}

.convertforms.cf-success .cf-response {
  background-color: #0a2433;
}

/* Images */
.news-image-center 
{
  margin-left: auto;
  margin-right: auto;
}

/* Buttons */
.btn-primary, 
.sppb-btn-primary,
.page-item.active .page-link
{
  border-color: #89b0ae !important;
  background-color: #89b0ae !important;
  color: #0A2433 !important;
}

.btn-primary:hover, 
.sppb-btn-primary:hover,
.page-item.active .page-link:hover {
  border-color: #9DBEBC !important;
  background-color: #9DBEBC !important;
  color: black !important;
}

.btn-primary:active,
.btn-primary:focus {
  border-color: #53889B !important;
  background-color: #53889B !important;
}

.btn-success,
.btn-success:focus {
  border-color: #0A2433 !important;
  background-color: #0A2433 !important;
  opacity: 0.8;
}

.btn-success:hover {
  border-color: black !important;
  background-color: black !important;
}

.btn-info {
  border-color: #89B0AE;
  background-color: #89B0AE;
}

.btn-info:hover {
  border-color: #9DBEBC;
  background-color: #9DBEBC;
}

.back-button {
  padding: 20px 0px;
  font-size: 16px;
  font-family: Verdana;
}

.back-button .btn {
  border: 1px solid #144866
}

.back-button a,
.back-button a:link,
.back-button a:active,
.back-button a:visited,
.back-button a:hover{
  cursor: pointer;
}

.back-button a {
  min-width: 150px;
  background-color: #F3F7F7;
}

.back-button a:hover {
  background-color: #DAE7E5;
}

/* Forms Joomla */
.form-check-inline {
  vertical-align: middle;
}

.form-check-input:checked 
{
  border-color: #53889B !important;
  background-color: #53889B !important;
}

.cb_template a 
{
  color: #53889B;
}

.cb_template a:hover
{
  color: #252525;
}


/* Login form */
.cbLoginForm {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.mod-login__submit {
  margin-top: 20px;
  margin-bottom: 10px
}

.mod-login__username input,
.mod-login__password input {
  background-color: #F3F7F7;
} 

.plg_system_webauthn_login_button {
  display: none;
}


/* Tables */
.table-striped>tbody>tr:nth-of-type(odd) { 
    --bs-table-accent-bg: #F3F7F7;
}

.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: #DAE7E5;
}

/* Phoca Download */
#phoca-dl-category-box .pd-category h3.pd-ctitle {
  border: none;
  background: transparent;
  padding: 0px;
  margin: 0px;
}

.ph-top {
  display: none;
}

.pd-cb + div {
  display: none !important;
}

.pd-document16 span {
  float: left;
  margin-top: 10px;
}

.counter {
  padding: 7px 15px 0px 0px;
}

/* Community Builder */

.cbPoweredBy {
  display: none;
}

.cbUserListResultCount
{
  display: none;
}

.cb_template .alert-info,
.cb_template .bg-light
{
  background-color: #F3F7F7 !important;
  border-color: #dee2e6 !important;
}

/* MiniFrontpage */
.mfp_masonry_item {display:flex;flex-direction:column;}

/* temp */
.mvh-content-description {
  color: gray;
  font-size: smaller;
  display: none;
}

span.badge.bg-danger.featured-article-badge {
    display: none;
}