/*
 Theme Name:   Vargapajzs
 Description:  wp42skeleton Child Theme
 Author:       Pummer Péter
 Author URI:   http://wp42.hu
 Template:     wp42skeleton
 Version:      1.0.0
*/

@import url("../wp42skeleton/style.css");

body {
	background-color: #EDEDED;
	background-image: url('images/bottom_texture.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top left;
}

body a ,h1, h2, h3, h4, h5, h6 {
	color: #CF0404;
}

.site-logo-img {
	margin: 20px 10px 20px 0;
}

#headerwidget {
	position: absolute;
	top: 0px;
}

#pagewrap {
	background-image: url("images/background.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	background-attachment: fixed;
}

#header,
#layoutwrap .container,
#topwidgetwrap .container,
#footerwidgetwrap .container {
	background-color: rgba(255, 255, 255, .5);
}

#main-nav-wrap {
	border-top: solid 1px #777;
	border-bottom: solid 4px #777;
}

#main-nav-wrap,
#footerwrap {
	background: #ff3019;
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}

#footerwrap {
	border-top: solid 1px #777;
	padding: 10px 0;
}

#footerwrap p,
#footerwrap a {
	color: #fff;
}

#content {
	min-height: 59vh;
}

#content_box {
	padding: 20px 30px;
}

#main-nav {
	background: transparent;
}

/* main level link */
#main-nav a, .menu-item a {
	padding: 15px 10px;
	font-size: 1.3em;
	color: #fff;
}

/* main level link :hover */
#main-nav a:hover, #main-nav li:hover > a, .menu-item a:hover {
	background: #cccccc;
	background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
	color: #000;
}

/* current link */
#main-nav .current_page_item > a, #main-nav .current-menu-item > a,.widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a {
	background: #cccccc;
	background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
	color: #000;
}

/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a  {
	padding: 10px 15px;
	color: #000;
}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
	background: #cccccc;
	background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
	color: #000;
}

/* dropdown ul */
#main-nav ul {
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

#main-nav li:hover > ul:after { /*kis háromszög fel*/
	content: '';
	position: absolute;
	visibility: visible !important;
	left: 30px;
	top: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #333;
}

#main-nav ul li:hover > ul:after { /*kis háromszög bal*/
	content: '';
	position: absolute;
	visibility: visible !important;
	left: -16px;
	top: 10px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #333;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#headerwidget .widget_container img {
		max-width: 65% !important;
	}
	/* main level link */
	#main-nav a, .menu-item a {
		padding: 10px 5px;
		font-size: 1.1em;
		color: #fff;
	}
}

@media only screen and (max-width: 767px) {
	#headerwidget .widget_container img {
		display: none;
	}
	#main-nav {
		background: #ddd;
		border: solid 1px #aaa;
	}
	#main-nav ul {
		background: #ddd;
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;
	}
	/* main level link */
	#main-nav a, .menu-item a {
		color: #000;
	}
}