/*Theme Name: CPMSTheme URI: http://baddog.lvAuthor: Mihails KrjuckovskisVersion: 2.0*//* * CSS reset *//* http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}/* remember to define focus styles! */
:focus {
	outline: 0;
}/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* * Defaults */
a {
	color: inherit;
}
a img {
	text-decoration: none !important;
	border: none !important;
}
.clear {
	clear: both;
	float: none !important;
}/* * Markup */
body {
	color: #5c5c5c;
	font-family: Arial, Helvetica, sans-serif;
}
#wrap {
	width: 950px;
	margin: 0 auto;
}
#header {
	padding-top: 5px;
	position: relative;
}/* * Tiles */
.faded {
	background: url('images/background.tile.gradient.png') repeat-y left top;
}
.grey {
	background: #d3d3d3;
}
.tiles {
	margin: 13px 0;
}
.tiles div {
	background: url('images/background.tile.png') repeat-x top left;
	height: 21px;
}
.tiles div.offset {
	background-position: -31px 0;
}/* * Menu */
#menu {
	position: relative;
	width: 200px;
	height: 440px;
}

#menu ul {
	border-top: 1px solid #EDEDED;
	width: 200px;
	top: 220px;
}

#menu .logo {
	position: relative;
	padding: 13px 12px;
	float:left;
	display:block;
	z-index: 1;
}


#menu ul li {
	display: block;
	position:relative; /* edz */
	background:#fff;
}
#menu ul li a {
	color: #000;
	font-size: 15px;
	display: block;
	border-bottom: 1px solid #EDEDED;
	padding: 13px 12px;
}
#menu ul li ul{/* edz */
	position:absolute;/* edz */
	top: 5px;
	left: 190px;
	z-index:10;
	display:none;
}
#menu a.active {
	background: #d3d3d3;
}


/*Slider */
.slider {
	position: relative;
}
.slider * {
	color: #fff;
	cursor: pointer;
	text-decoration: none !important;
}
.slider .container {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 700px;
	height: 438px;
	overflow: hidden;
}
.slider div.info {
	bottom: 0;
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	background: url('images/background.slider.info.png');
	color: #fff;
}
.slider div.info h1, .slider div.info p {
	padding: 25px;
}
.slider div.info h1 {
	font-size: 30px;
	padding-bottom: 0;
}
.slider ul.elements {
	width: 9999em;
	float: left;
	display: inline;
	z-index: 1;
}
.slider ul.elements li {
	float: left;
	display: inline;
}
.slider ul.count {
	position: absolute;
	z-index: 3;
	top: -427px;
	right: 10px;
}
.slider ul.count li {
	margin: 5px;
}
.slider ul.count li, .slider ul.count li a {
	display: block;
	width: 29px;
	height: 29px;
	float: left;
	background: url('images/background.slider.counter.png') top left no-repeat;
	color: #fff;
	font-size: 13px;
	line-height: 29px;
	text-align: center;
}
.slider ul.count li.active a, .slider ul.count li.active a {
	height: 36px;
	background-position: bottom left;
}/* * Lower side */
#content {
	margin-top: 20px;
}/* * Sidebar */
#sidebar {
	float: left;
	width: 200px;
	margin-top: 30px;
}
#sidebar h2 {
	background: #7c7c7c;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	display: inline;
	padding: 1px 9px;
}
#sidebar .box {
	margin-top: 15px;
	margin-bottom: 30px;
	border-top: 1px solid #c3c3c3;
}
#sidebar .box ul {
}
#sidebar .box ul li {
	border-bottom: 1px solid #ededed;
	padding: 15px 0;
}
#sidebar .box ul li a {
	display: block;
	min-height: 86px;
	color: #757575;
}
#sidebar .box ul li a img {
	position: absolute;
}
#sidebar .box ul li a h3, #sidebar .box ul li a p, .teacher-title {
	margin-left: 100px;
	display:block;
}
#sidebar .box ul li a h3, .teacher-title {
	padding-top: 13px;
	color: #000;
}
#sidebar .box ul li a p {
	font-size: 13px;
	margin-top: 5px;
}
.teacher-title {
	margin-top:15px 0 0 0;
}
#sidebar .imgGrid {
	padding-top: 15px;
}
#sidebar .imgGrid a {
	margin-right: 4px;
	height: 68px;
	display: inline-block;
}
.ie7 #sidebar .imgGrid a {
	height: 66px;
}
#sidebar .imgGrid a.right {
	margin-right: 0;
}/* * Content */
.content {
	background: #f6f6f6;
	float: left;
	width: 660px;
	margin-left: 50px;
	margin-top: 10px;
	padding: 20px 20px 25px 20px;
}
.content h2 {
	background: #7c7c7c;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	display: inline;
	padding: 1px 9px;
}
.content .box {
	margin-top: 15px;
	margin-bottom: 30px;
	border-top: 1px solid #dcdcdc;
	float: left;
}
.post {
	display: block;
	float: left;
	border-bottom: 1px solid #dcdcdc;
	padding: 15px 0 10px 0;
	margin:0;
	width: 660px;
}
.post h3 {
	font-size: 30px;
	padding-top: 13px;
	padding-bottom: 30px;
	color: #000;
}
.post .attachment-post-thumbnail {
	float: left;
	display: block;
	padding: 0 15px 10px 0;
}

.post .more-link {
	display: block;
	margin:10px 0 0 0;
}

.post .gallery {
	float:left;
	width: 100%;
}

.post p {
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 20px;
	line-height:18px;
}

.post .meta {
	text-transform: uppercase;
	padding-top: 10px;
	margin-bottom: 0;
	font-size: 13px;
}/* * Paging */
.paging {
	text-align: right;
}
.paging a {
	color: #8b8b8b;
}

.paging .r {
	float:right;
}

.paging .l {
	float:left;
}

/* * Footer */
#footer {
	margin:22px 0 20px 0;
}
#footer p {
	margin:30px 0 0 270px;
	font-size: 13px;
	color: #8b8b8b;
}
#footer p a {
	color: #8b8b8b;
}

/** Menu*/
#menu {
	position: relative;
	width: 200px;
	height: 440px;
}
#menu ul {
	border-top: 1px solid #ededed;
	width: 200px;
	position: absolute;
	bottom: 0;
}
#menu ul li {
	display: block;
	position: relative;
}
#menu li a {
	color: #000;
	font-size: 15px;
	display: block;
	border-bottom: 1px solid #ededed;
	padding: 13px 12px;
}

#menu li a img {
	padding:0;
	margin:0 0 0 -10px;
}
#menu a.active {
	background: #d3d3d3;
}
#menu ul.children {
	visibility: hidden;
}
#menu li:hover > ul.children {
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 200px;
	margin-top: -1px;
	z-index: 300;
}
#menu li:hover ul.children li, #menu li:hover ul.children li a {
	background: #f6f6f6;
}
.ie7 #menu li:hover ul.children li {
	position: relative;
	top: -1px;
}
#menu #search {
	position: absolute;
	bottom: 20px;
}
#menu #search * {
	display: inline;
}
#menu #search .textinput {
	border: 1px solid #c3c3c3;
	width: 140px;
	padding: 9px;
	font-size: 13px;
	color: #707070;
	background: url('images/background.input.gif') 0 0 no-repeat;
}
#menu #search .submit {
	overflow: hidden;
	text-indent: 99em;
	border: none;
	position: relative;
	top: 1px;
	width: 35px;
	height: 35px;
	background: #000 url('images/icon.search.gif') center center no-repeat;
}

@media (min-width: 427px) {
	.mobile-header {
		display: none !important;
	}
	
	.mobile-content {
		display: none;
	}
	
	.content {
		display: block !important;
	}
}


@media (max-width: 426px) {
	.mobile-header {
		display: block !important;
	}
	
	#menu {
		display: none;
	}
	
	#header {
			
		display: none !important;
		
	}
	
	#wrap {
			
		width: 100vw !important;
		
	}
	
	.mobile-header {
		width: 100vw;
		height: fit-content;
		display: flex;
		flex-direction: column;
	}

	.mobile-header-top {
		
		width: 90%;
		margin: 0px auto;
		height: 80px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		
	}

	.slider {
		position: relative;
		width: 100%;
		height: 50vh;
	}
	.slider * {
		color: #fff;
		cursor: pointer;
		text-decoration: none !important;
	}
	.slider .container {
/* 		position: absolute; */
/* 		bottom: 0;
		right: 0; */
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.tiles div {
		height: 20px;
	}

	.mobile-content {
		display: block !important;
		background: #f6f6f6;
		width: 90%;
		padding: 20px 20px 25px 20px;
	}
	
	.content {	
		display: none !important;
	}

	#header {
		display: none !important;	
	}
	
	#sidebar {
		display: none !important;
	}
	
	.mobile-content {
		
		width: 100vw;
		height: fit-content;
		box-sizing: border-box;
		
	}
	
	.box {
		width: 100% !important;
		margin: 0px auto !important;		
	}

	#content {
		
		width: 100vw !important;
		height: fit-content;
		
	}
	
	.post {
		width: 100%;
		padding: 40px 0 10px 0;

	}
	
	.post .attachment-post-thumbnail {
			
		width: 100% !important;
		
	}
	
	#footer p {
			
		margin: 0px;
		text-align: center;
		
	}
	
	.gallery {
		width: 90vw !important;
	}
	
	.topnav #myLinks {
	  display: none;
	}
	
	#myLinks {
/* 		position: relative; */
		width: 80vw;
		min-height: 20vh;
		background-color: #f0f0f0;
		
	}
	.logo img {
	  max-height: 70px;
	}

	/* General Reset */
	#myLinks, .menu, .sub-menu {
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

	/* Parent Menu Items */
	.nav-links .menu > li {
	  position: relative;
	}

	.nav-links .menu > li > a {
	  text-decoration: none;
	  display: block;
	  padding: 10px 15px;
	  background: #333;
	  color: #fff;
	  transition: background 0.3s ease;
	}

	.nav-links .menu > li > a:hover {
	  background: #575757;
	}

	/* Submenu Styling */
	.nav-links .sub-menu {
	  display: none; /* Initially hidden */
	  position: absolute;
	  left: 0;
	  top: 100%;
	  background: #444;
	  padding: 0;
	  z-index: 1000;
	  min-width: 200px;
	}

	.nav-links .sub-menu li a {
	  padding: 10px 15px;
	  background: #444;
	  color: #fff;
	}

	.nav-links .sub-menu li a:hover {
	  background: #575757;
	}

	/* Show Submenu on Hover */
	.nav-links .menu > li:hover > .sub-menu {
	  display: block;
	}

	/* For Nested Submenus */
	.nav-links .sub-menu .sub-menu {
	  top: 0;
	  left: 100%;
	}

	.close-button {
	  display: none; /* Initially hidden */
	  position: absolute;
	  top: 10px;
	  right: 15px;
	  background: none;
	  border: none;
	  font-size: 24px;
	  color: black;
	  cursor: pointer;
	  z-index: 1001; /* Ensure it's above other elements */
	}

	
	.nav-links {
	  position: fixed;
	  top: 0;
	  left: -450px; /* Initially off-screen */
	  width: 200px;
	  height: 100%;
	  background-color: lightgray; /* Dark background */
	  overflow: hidden;
	  z-index: 1000;
	  transition: all 0.3s ease-in-out; /* Smooth transition */
	}

	/* When Active */
	.nav-links.active {
	  left: 0; /* Slide into view */
	}

	/* Navigation Links */
	.nav-links a {
	  display: block;
	  color: black;
	  padding: 15px;
	  text-decoration: none;
	}

	.nav-links a:hover {
	  background-color: #575757;
	}

	/* Mobile Header */
	/* .mobile-header {
	  background: #fff;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 10px 20px;
	  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	} */

	.mobile-header .icon {
	  cursor: pointer;
	  font-size: 24px;
	}

	.nav-links {
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	}

	.main-menu {
	  padding: 0;
	  margin: 0;
	}

	.main-menu > li {
	  position: relative;
	}

	.main-menu > li > a {
	  text-decoration: none;
	  display: block;
	  padding: 10px 20px;
	  background: black;
	  color: #fff;
	}

	.main-menu > li > a:hover {
	  background: #575757;
	}

	/* Dropdown Styling */
	.main-menu .sub-menu {
	  display: none; /* Initially hidden */
	  position: absolute;
	  left: 0;
	  top: 100%;
	  background: #444;
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  min-width: 200px;
	  z-index: 1000;
	}

	.main-menu .sub-menu li a {
	  padding: 10px 20px;
	  background: #444;
	  color: #fff;
	}

	.main-menu .sub-menu li a:hover {
	  background: #575757;
	}

	/* Show Dropdown on Hover */
	.main-menu > li:hover > .sub-menu {
	  display: block;
	}
	
	#cboxTitle {
		
		bottom: 40px !important;
		
	}

}