/* 7IT FOUNDATION OVERWRITES / EXTENSIONS */

* {
	/* BORDER COLOR GENERALLY USED */
	border-style:solid;
	border-color:green;
	border-width:0px;
}

body {
	--cookie-color: green !important;
}

.bluescreen {
	background-color: #e4ecf1;
}

.button {
	margin:0;
}

.button.red {
	background-color:green;
}

.button.red:hover {
	background-color:#bf9900;
}

/* MEDIUM DOWN */
@media only screen and (max-width: 1025px) {
.row .columns.nopadding-medium-down {
	padding-left:0;
	padding-right:0;
}
}

.row .columns.nopadding-columns {
	padding-left:0;
	padding-right:0;
}

.tab-bar, .tab-bar > section {
	background-color:white;
}

.tab-bar-section .title {
	color:black;
}

.row.fullwidth {
	max-width:inherit;
	max-width:initial;
}

ul.off-canvas-list li label {
	float:none;
	width:initial;
}

/* MEDIUM UP */
@media only screen and (min-width: 642px) {
	.padding-left-medium-up {
		padding-left:3%;
	}
	.border-left-medium-up {
		border-left-width:2px;
	}
	.border-top-medium-up {
		border-top-width:2px;
	}
	.border-bottom-medium-up {
		border-bottom-width:2px;
	}
	.border-none-medium-up {
		border:none;
	}
	.relative-medium-up {
		position:relative;
	}
	.relative-medium-up.r-top, .relative-medium-up.r-left, .relative-medium-up.r-right, .relative-medium-up.r-bottom, .relative-medium-up.r-xmiddle, .relative-medium-up.r-ymiddle, .relative-medium-up.r-xmiddle, .relative-medium-up.r-top15, .relative-medium-up.r-top60 {
		position:absolute;
	}
	.r-top { top:0; }
	.r-top15 { top: 15%; }
	.r-top60 { top: 60%; }
	.r-left { left:0; }
	.r-right { right:0; }
	.r-bottom { bottom:0; }
	.r-ymiddle { top:50%; transform:translateY(-50%); }
	.r-xmiddle { 
		width: 96%;
		text-align: center;
		left: 0;
		padding: 0 2% 0 2%;
	}
	.margin-button {
		margin-bottom:5px;
	}
}

/* SMALL ONLY */
@media only screen and (max-width: 641px) {
	.border-top-small-only {
		border-top-width:2px;
	}
	.border-bottom-small-only {
		border-bottom-width:2px;
	}
	.border-right-small-only {
		border-right:2px solid green;
	}
	.padding-small-only {
		padding:0% 2% 0% 2%;
	}
	.margin-small-only {
		margin-bottom:100px;
	}
	.margin-button {
		margin:5px;
	}
	.small-only-center {
		margin:0 auto;
	}
}

/* MENU ICON COLOR OVERWRITE */
.tab-bar .menu-icon span::after {
    box-shadow: 0 0 0 1px green, 0 7px 0 1px green, 0 14px 0 1px green; }

.tab-bar .menu-icon span:hover:after {
box-shadow: 0 0 0 1px #3b3b3b, 0 7px 0 1px #3b3b3b, 0 14px 0 1px #3b3b3b; }

.tab-bar .menu-icon span {
	position:absolute;
	padding-left:100%;
	padding-top:100%;
	bottom:0;
	left:0;
}

.move-left .exit-off-canvas {
	background:rgba(0,0,0,0.1);
}
.move-left .exit-off-canvas:hover {
	background:rgba(0,0,0,0.05);
}

/*******  rating system *******/
#ratings {
	color:#ffcc00;
	text-align:center;
	align-self:center;
}

#ratings > i:after {
	content:"star_border";
}

#ratings:hover > i:after, #ratings > i.fill:after {
	content:"star";
	cursor:pointer;
}

#ratings > i:hover ~ i:after, #ratings > i:hover ~ i.fill:after {
	content:"star_border";
}

#ratings div {
	color:black;
	font-size:10px;
	display: block;
	margin-top: -8px;
}

/************** sitemenu **************/
#sitemenu {
	overflow:hidden;
}
#sitemenu ul {
   margin:0;
   padding:0;
   list-style: none;
   float: right;
}
#sitemenu ul li {
   float: left;
}
#sitemenu ul li a {
   /* The following margin is: tab-distance */
   margin-right: 0px;
   line-height: 56px;
   color: #545556;
   display: block;
   text-decoration: none;
   float: left; 
   font-family: Verdana;
   font-size: 12px;
   cursor: pointer;
   text-align:center;
}
#sitemenu ul li a .ovl {
   padding: 0 17px 0 16px;
   display: block;
   float: left; 
}
#sitemenu ul li a:hover {
   color: #545556;
   background-color: #e4ecf1;
   text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
#sitemenu ul li a:hover .ovl {
   background-color: #e4ecf1;
   text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
   
}
#sitemenu ul li.selected a {
   background-color: #e4ecf1;
   color: #545556;
}
#sitemenu ul li.selected a .ovl{
   background-color: #e4ecf1;
   color: #545556;
   text-shadow: 1px 1px 0 rgba(255,255,255,1);
}
#sitemenu ul li.selected a:hover {
}
#sitemenu ul li.selected a:hover .ovl{
   text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
#sitemenu ul li.selected a:active, #sitemenu ul li a:active {
}
#sitemenu ul li.selected a:active .ovl, #sitemenu ul li a:active .ovl {
}

/* MEDIUM ONLY */
@media only screen and (min-width: 642px) and (max-width: 1025px) {
	#right-container, #left-container {
		height:230px;
		max-height:calc(100vh - 80px);
	}
	#right-container .content, #left-container .content {
		height:calc(100% - 45px);
	}
	#right-container .content {
		overflow:auto;
	}
	#left-container .content {
		font-size:1.8vw;
	}
	#right-container .content h1 {
		font-size:4vw;
	}
	#right-container .content p {
		font-size:2vw;
	}
}

/* MEDIUM UP */
@media only screen and (min-width: 642px) {
	#left-container {
		padding-left:10px;
	}
}

/* LARGE UP */
@media only screen and (min-width: 1026px) {
	#right-container, #left-container {
		height:230px;
		max-height:calc(100vh - 80px);
	}
	#right-container .content, #left-container .content {
		height:calc(100% - 56px);
	}
	#right-container .content {
		overflow:auto;
	}
}

/* SMALL ONLY */
@media only screen and (max-width: 641px) {
	#left-container .content > div {
		padding:10px;
		text-align:center;
		border-bottom-width:1px;
	}
}
#right-container .content {
	border-bottom:2px solid transparent;
}