/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

body {
	background: #f4f4f4 url("../images/bg.jpg") repeat;
}

.siteBody > div.container {
border-left: 1px solid rgb(34, 38, 42);
  border-right: 1px solid rgb(34, 38, 42);
}

div.noorman-title h1,
div.noorman-title h2,
div.noorman-title h3{
	background: linear-gradient(to right, #333333, #cc0000);
	color: white;
	padding-left: 10px;
	line-height: 1.7;
	font-weight: 600;
}

.onderschrift {
	font-size: 0.5rem;
}

.noorman-table .noorman-table-row.text,
.noorman-table table td {
padding-left: 10px;
}

.noorman-table .noorman-table-header-row{
	background-color: #cc0000;
	color: #ffff;
	font-weight: 600;
}

.noorman-table .noorman-table-row:nth-child(odd),
.noorman-table tr:nth-child(odd) {
    background-color: #DBDBDB;
}

table.noorman-table td{
padding-top: 0px;
  padding-bottom: 0px;
  border: 0px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  background-color: #DBDBDB;
}

table.noorman-table th.wed-date-row {
	background-color :#cc0000;
	color:white;
}
.noorman-table .uitslag.punten { 
	width: 20px;
}
.noorman-table .uitslag.divider { 
	width: 10px;
	padding: 0px;
}

.siteBody .container {
	padding-right: calc(var(--bs-gutter-x)*.25);
	padding-left: calc(var(--bs-gutter-x)*.25);
	background: #f4f4f4;
	margin-bottom: 20px;
}

.navbar-brand {display: none;}

.container .headermarginxs { padding-top: calc(var(--bs-gutter-x)*.5);}

.com-content-category-blog.blog .article-info,
.com-content-article.item-page .article-info,
.com-content-article.item-page .pagenavigation {display: none; }

.com_home .newsitem {
	margin-bottom: 20px;
}

.com_home .newsitem .news_link {
	font-weight: 700;
}

.com_home .newsitem .cat_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.com_home .newsitem .news_content {
	text-align: justify;
	text-justify: inter-word;
}

.com_home .newsitem .news_content .cat_img {
	margin-top: -10px;
}

.footer p a img {width: 30px; height:30px;}

.siteBody .inner-header{
	position: relative;
	min-height: 100%;
}

.siteBody .inner-header .site-logo {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 150px;
  height: 150px;  
  background: transparent url('/media/templates/site/noormannen/images/logo.svg') no-repeat center;
}


@media only screen and (max-width: 710px) {
  .siteBody .inner-header .site-logo  {
    max-width: 75px;
    max-height: 75px;
  }
}
@media only screen and (max-width: 360px) {
  .siteBody .inner-header .site-logo  {
    max-width: 50px;
    max-height: 50px;
  }
}

.siteBody .inner-header .header-image {
	width: 100%;
	padding: 0 5px 10px;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ /*background-color: #f1f1f1;*/ }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */

@media screen and (min-width: 992px) {
  .navbar {
    padding: 0;
    line-height: 3rem;
    .dropdown-menu {
      line-height: initial;
    }
  }  
  
  .dropdown {
    .dropdown-menu {
      display: none;
    }
  }
  .dropdown,
  .dropend {
    &:hover {
      & > .dropdown-menu {
        display: block;
      }
    }
  }
  .dropdown {
    &:hover {
      & > .dropdown-menu {
        margin-top: -.5rem;
      }
    }
  }
  .dropend {
    &:hover {
      & > .dropdown-menu {
        position: absolute;
        top: -.5rem;
        left: 100%;
        margin-left: 0;
      }
    }
  }
}