/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

div#countercopyright{
	display: none;
}


html{
	max-width: 100vw;
	min-width: 100vw;
}

.row.content{
	margin: auto !important;
}

#content{
	padding: 0 !important;
}


div.icon-bar a#logo{
	float: none !important;
	visibility: hidden;
}


/* pop-up */

	span img{
	max-width: none !important;
	}

	.thumbnail{
	position: relative;
	z-index: 0;
	}
	
	.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	}
	
	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 0 0 0 0;
	left: -2000000000000px;
	visibility: hidden;
	/*border: 1px dashed gray;
	color: black;
	text-decoration: none;*/
	}
	
	.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	width: 300px;
	}
	
	.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 15vw; /*position where enlarged image should offset horizontally */
}



.thumbnail2{
	position: relative;
	z-index: 0;
	}
	
	.thumbnail2:hover{
	background-color: transparent;
	z-index: 50;
	}
	
	.thumbnail2 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	padding: 0 0 0 0;
	left: -2000000000000px;
	visibility: hidden;
	/*border: 1px dashed gray;
	color: black;
	text-decoration: none;*/
	}
	
	.thumbnail2 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	width: 300px;
	}
	
	.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -400px; /*position where enlarged image should offset horizontally */
}

/* footer */

.box {
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	align-items: center;
  }
  
  .box .row.content {
	flex: 1 1 auto;
	overflow: hidden;
  }
  
  .box .row.footer {
	flex: 0 1 40px;
  }

/* footer */


div#page-bg div{
	min-height: 100% !important;
}

table#map img{
	display: block;
	max-width: 100%;
}
table#map tr{
	height: 0%;
	padding: 0;
  }

table#map td{
	height: 0%;
	padding: 0;
  }

table#map td a{
	line-height: 0px;
  }

#totop-scroller{
	line-height: 0px;
}

footer#footer{
	line-height: 0px;
}

/* Full Yellow */
a { color: #000; }

h2,
h4,
ins,
code,
.menu-dropdown .level2 a.current,
.menu-dropdown .level2 a.current span.subtitle,
.menu-dropdown .level3 a.current,
.menu-sidebar li.level1 > .level1 > span,
.menu-sidebar .level2 a.current,
.menu-line a,
em.box,
#system .title a:hover,
.searchbox .results li.more-results,
#system span.highlight {
	color: #333333;
	text-shadow: 0px 0px 6px rgba(204,204,204,0.5);
}

/* Light Yellow */
h1,
h3,
a:hover,
blockquote,
.menu-dropdown li.active .level1,
.menu-dropdown li.active .level1 span.subtitle,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level2:hover span.subtitle,
.menu-dropdown a.level3:hover,
.menu.menu-sidebar li.level1.active > .level1,
.menu.menu-sidebar li.level1.active > .level1:hover > span,
.menu-sidebar .level2 a:hover,
.mod-box-color .button-default,
.mod-box-color form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-color form.style input[type="submit"],
form.style button:hover,
form.style input[type="button"]:hover,
form.style input[type="submit"]:hover,
#system .title a,
.searchbox .results li.more-results:hover,
.searchbox .results li.result.selected,
.wk-slideshow-tabs-drive .nav li.active {
	/* color: #333333;
	text-shadow: 0px 0px 6px rgba(204,204,204,0.5); */
	/* font-weight: bold; */
}

/* Dark Yellow */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1,
.menu-dropdown li.level1:hover .level1 span.subtitle,
.menu-dropdown li.remain .level1 span.subtitle,
.menu-sidebar li.level1 .level1:hover > span,
.mod-box-color .menu.menu-sidebar li.level1 > .level1:hover > span,
.mod-box-color .menu-sidebar .level2 a:hover,
.mod-box-color,
.mod-box-color h1,
.mod-box-color h3,
.mod-box-color a:hover,
.mod-box-color em.box,
.button-primary,
.mod-box-color form.style input,
.mod-box-color form.style select,
.mod-box-color form.style textarea,
#system .pagination strong { color: #4C462F; }


/* Light Dark Yellow */
.mod-box-color .menu-sidebar li.level1 > .level1 > span,
.mod-box-color .menu-sidebar .level2 a,
.mod-box-color h4,
.mod-box-color h6,
.mod-box-color small { color: #84794E; }

/* Module Color Link Color */
.mod-box-color h2,
.mod-box-color h5,
.mod-box-color a,
.mod-box-color em,
.mod-box-color code,
.mod-box-color .menu-sidebar .level2 a.current,
.button-primary:hover,
.mod-box-color .text-dark { color: #AB7910; }

/* Selection */
::-moz-selection { background: rgba(255,235,158,0.3); color: #FFF9E5; }
::selection { background: rgba(255,235,158,0.3); color: #FFF9E5; }


/* Layout
----------------------------------------------------------------------------------------------------*/

/* System  White */
.system-white #content a { color: #c59400; }
.system-white #content a:hover { color: #906c00; }


/* Menus
----------------------------------------------------------------------------------------------------*/

/* Menu-Dropdown */
.menu-dropdown li.level1:hover,
.menu-dropdown li.level1.remain,
.menu-dropdown li.level1.remain:first-child,
.menu-sidebar li.level1 .level1:hover {
	background-color: #FFEB9E;
	box-shadow: inset 0 0 12px rgba(173,112,17,0.8),
				inset 0 0 8px rgba(0,0,0,0.3);
}

/* .menu-dropdown li.active .level1:before { background-image: url(../images/menu_dropdown_level1_active_color.png); } */
/* .menu-dropdown li.active .level1:before { background-color: rgba(88,80,54,0.5); } */

.menu-dropdown li.level2.current:before { background-image: url(../images/menu_dropdown_level2_active.png); }

.menu-dropdown a.level3 { background-image: url(../images/menu_dropdown_level3.png); }

/* Menu-Sidebar */
.menu.menu-sidebar li.level1.active > .level1,
.mod-box-color .menu.menu-sidebar li.level1.active > .level1 {
	background-color: #b2a77d;
	background-color: rgba(76,70,47,0.3);
}

.menu-sidebar li.level1.active > .level1:before { background-image: url(../images/menu_sidebar_level1_active.png); }
.mod-box-color .menu-sidebar li.level1.active > .level1:before { background-image: url(../images/menu_sidebar_level1_active_mod_color.png); }

.menu-sidebar .level2 a { background-image: url(../images/menu_sidebar_level2.png); }


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Module Badges */
.module .badge { background-image: url(../images/module_badges.png); }

/* Module Icons */
.module .module-title .icon { background-image: url(../images/module_icons.png); }

/* Module Box Title */
.mod-box-color .module-title { text-shadow: none; }

/* Module Box */
.mod-box-color,
.wk-slideset-drive li > article {
	background: #FFEB9E;
	background: -moz-radial-gradient(50% 50%, #FFF2C1 0%, #FFEB9E 90%);
	background: -webkit-radial-gradient(50% 50%, #FFF2C1 0%, #FFEB9E 90%);
	background: -o-radial-gradient(50% 50%, #FFF2C1 0%, #FFEB9E 90%);
	background: radial-gradient(at 50% 50%, #FFF2C1 50%, #FFEB9E 90%);
	box-shadow: inset 0 0 30px rgba(197,154,42,0.5);
}

.mod-box-color code { text-shadow: none; }

#footer:before,
.mod-box-effect:before { background: url(../images/mod_box_effect.png) 0 0 repeat-x; }


/* Tools
----------------------------------------------------------------------------------------------------*/

/* Buttons */
.button-primary {
	background-color: #FFEB9E;
	box-shadow: inset 0 0 12px rgba(173,112,17,0.8),
				inset 0 0 8px rgba(0,0,0,0.3),
				0 1px 1px rgba(0,0,0,0.3);
}

.button-primary:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3),
				inset 0 0 12px rgba(173,112,17,1),
				inset 0 0 8px rgba(0,0,0,0.5);
}

.mod-box-color .button-primary {
	border: 1px solid #bfb386;
	border: 1px solid rgba(0,0,0,0.25);
	box-shadow: inset 0 0 12px rgba(173,112,17,0.2),
				inset 0 0 8px rgba(0,0,0,0.07),
				0 1px 0 rgba(0,0,0,0.07);
}

.mod-box-color .button-primary:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),
				inset 0 0 12px rgba(173,112,17,0.4),
				inset 0 0 8px rgba(0,0,0,0.07);
}

/* List Line */
.mod-box-color ul.line > li,
.mod-box-color .comments-list > article,
.mod-box-color .wk-twitter-list article,
.mod-box-color ul.zoo-list > li,
.mod-box-color .zoo-comments-list > article {
	border-top: 1px solid #E5D491;
	border-top: 1px solid rgba(76,70,47,0.1);
}

.mod-box-color ul.line > li:first-child,
.mod-box-color .comments-list > article:first-child,
.mod-box-color .wk-twitter-list article:first-child,
.mod-box-color ul.zoo-list > li:first-child,
.mod-box-color .zoo-comments-list > article:first-child { border: none; }

/* List Line Icon */
#page ul.line-icon > li,
#page ul.line-icon > li:first-child { background-image: url(../images/tools/list_line_icon.png); }

/* List Check */
ul.check > li { background-image: url(../images/tools/list_check.png); }

/* List Zebra */
.mod-box-color ul.zebra > li.odd,
.mod-box-color ul.tag-cloud > li {
	background: #E4D28D;
	background: rgba(76,70,47,0.1);
}

.mod-box-color ul.zebra > li:nth-of-type(odd) {
	background: #E4D28D;
	background: rgba(76,70,47,0.1);
}

/* Inline Text Box */
ins,
em.box,
#system span.highlight,
p.links > a,
div.reply > a {
	background-color: rgba(255,153,0,0.5);
}

.mod-box-color ins,
.mod-box-color em.box {
	background: #E4D28D;
	background: rgba(76,70,47,0.1);
}


/* Boxes */
.box-info { background-image: url(../images/tools/box_info.png); }
.box-warning { background-image: url(../images/tools/box_warning.png); }
.box-hint { background-image: url(../images/tools/box_hint.png); }
.box-download { background-image: url(../images/tools/box_download.png); }

/* Form Elements */
.mod-box-color form.style input,
.mod-box-color form.style select,
.mod-box-color form.style textarea {
	border: none;
	background-color: #E4D28D;
	background-color: rgba(76,70,47,0.1);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
}

.mod-box-color form.style input:focus,
.mod-box-color form.style select:focus,
.mod-box-color form.style textarea:focus {
	background-color: #665F44;
	background-color: rgba(76,70,47,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.4);
	color: #fff;
}

/* Social Icons */
.social-icons li a { background-image: url(../images/tools/icons_social.png); }


/* System
----------------------------------------------------------------------------------------------------*/

/* Searchbox */
.searchbox { background-image: url(../images/searchbox_magnifier.png); }

/* Pagination */
#system .pagination strong {
	background-color: #FFEB9E;
	box-shadow: inset 0 0 8px rgba(173,112,17,0.8),
				inset 0 0 3px rgba(0,0,0,0.3);
}

/* Latest Comments */
#system #comments .comment-byadmin .comment-head { border-color: #FFEB9E; }


/* Extensions
----------------------------------------------------------------------------------------------------*/

/* Widgetkit Spotlight */
.spotlight .overlay-default { background-color: rgba(255,235,158,0.5); }

/* Widgetkit Slideset : Drive */
.wk-slideset-drive .nav.icon span { background-image: url(../images/widgetkit/nav.png); }

.wk-slideset-drive > div .next,
.wk-slideset-drive > div .prev { background-image: url(../images/widgetkit/buttons.png); }

/* Widgetkit Slideshow Tabs : Drive */
.wk-slideshow-tabs-drive .nav li.active:before { background-image: url(../images/widgetkit/color_line.png); }

.icon-bar {
	width: 90px;

	position: absolute;
	left: 0;
	min-height: 20px !important;
	z-index: 9999999;
  }

@media only screen and (min-height: 710px) {
	.icon-bar {
		position: fixed !important; 
		left: 0;
		min-height: 20px !important;
		z-index: 9999999; 
	}
}
	
  .icon-bar a {
	display: block;
	text-align: center;
	padding: 16px;
	transition: all 0.3s ease;
	color: white;
	font-size: 36px;
  }
  
  .icon-bar a:hover {
	background-color: #000;
  }
  
  .active {
	background-color: #4CAF50;
  }
  
  .icon-bar .purple{
	background-color: #772798; 
  }

  .icon-bar em{
	color: white; 
  }