/*
 Theme Name:     MG16-child
 Description:    MG16 undercores child theme
 Author:         Nevil Prip // Meedia ApS
 Author URI:     http://www.nevil.dk
 Template:       mg16
 Version:        1.0.0
*/

/* Theme customization starts here
----------------------------------------------------------------- */

/* id = # */
/* class = dot */

/* grey-light:	#f3f3f3 */
/* grey-light2:	#bfbfbf */
/* grey-medium:	#4c4c4c */
/* grey-dark:	#1a1a1a */

/* Red:		#d2232a */
/* blue:	#0e3984 */
/* green:	#00ab66 */
/* yellow:	#ffde00 */


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


/* TYPO */

body, p, h1, h2, h3, h4, h5, h6, ul, li, a {
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 15px;
	line-height: 20px;
	color: #403e39;
	padding: 0px;
	margin: 0px;
	clear: none;
}
body, p {
	padding-top: 0px;
	padding-bottom: 10px;
}
body:nth-of-type(1) {
	padding: 0px;
	margin: 0px;
}
h1 {
/* 	text-transform: uppercase; */
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	line-height: 30px;
	color: #52504a;
	padding-top: 0px;
	padding-bottom: 20px;
}
h2 a,
h2 {
/* 	text-transform: uppercase; */
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	color: #4c4c4c;
	padding-top: 0px;
	padding-bottom: 10px;
}
h3 {
	font-weight: 300;
	font-style: italic;
	font-size: 18px;
	line-height: 22px;
	padding-top: 0px;
	padding-bottom: 40px;
}
blockquote {
	position: relative;
	margin: 0px;
	padding-left: 40px;
}
blockquote:before {
	content: "\201C"; /*Unicode for Left Double Quote*/
	font-family: Georgia, serif;
	font-size: 50px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 12px;
}
img {
	display: block;
}
a,
a:visited {
	color: #0099e5;
	text-decoration: none;
}
a:hover {
	color: #0099e5;
}


/* COMPOSITION */

div.outer-wrapper {
	width: 100%;
}
div.inner-wrapper {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}
div.outer-wrapper.header-logo {
	background-color: #403e39;
}
div.outer-wrapper.header-menu {
	background-color: #484641;
	border-top: 1px solid #504e48;
	border-bottom: 1px solid #504e48;
}
div.outer-wrapper.header-shadow {
	position: absolute;
	height: 20px;
	background-image: url("./images/header-shadow.png");
}
div.outer-wrapper.footer-shadow {
	height: 20px;
	background-image: url("./images/header-shadow.png");
}
div.outer-wrapper.footer-logo {
	background-color: #403e39;
}
div.outer-wrapper.footer-columns {
	background-color: #484641;
	border-top: 1px solid #504e48;
	border-bottom: 1px solid #504e48;
}
div.outer-wrapper.footer-copyright {
	background-color: #403e39;
}

div.outer-wrapper.content {
	background-image: url("./images/back-brown-100.png");
	background-repeat: repeat-x;
	background-size: 100% 100px;
}
div.inner-wrapper.content {
/* 	position: relative; */
/* 	overflow: auto; */
}
div.sidebar-wrapper {
	float: left;
	width: 25%;
	background-image: url("./images/back-blue-25.png");
}
div.main-area-wrapper {
	float: right;
	width: 75%;
}
div.sidebar-wrapper.frontpage {
	width: 40%;
}
div.main-area-wrapper.frontpage {
	width: 60%;
}
div.sidebar-wrapper.contact {
	width: 50%;
}
div.main-area-wrapper.contact {
	width: 50%;
}
div.sidebar-wrapper div.headline, 
div.main-area-wrapper .headline {
	position: relative;
	height: 100px;
}
div.sidebar-wrapper div.headline h1, 
div.main-area-wrapper .headline h1 {
	position: absolute;
	bottom: 0px;
}


/* STYLING - HEADER */

div.outer-wrapper div.header-logo-wrapper {
	padding-left: 2px;
}
div.outer-wrapper div.header-menu {
}


/* STYLING - BANNER */

div.outer-wrapper.banner {
	background-color: #d9d8ce;
	background-color: #000000;
}
div.inner-wrapper.banner {
	max-width: 1100px;
/* 	padding-top: 20px; */
/* 	padding-bottom: 20px; */
}
div.outer-wrapper.banner img {
	width: 100%;
}

/* STYLING - MENU */

div.main-menu-wrapper {
	padding-left: 20px;
	padding-right: 20px;
}
div.main-menu-wrapper div.header-primary-menu {
	width: 95%;
	float: left;
}
div.main-menu-wrapper div.header-search-menu {
	width: 5%;
	float: right;
}


div.main-menu-wrapper .menu-item {
	padding: 10px;
}
div.main-menu-wrapper a, 
div.main-menu-wrapper a:visited {
	color: #d9d8ce;
}
div.main-menu-wrapper a:active {
	color: #0099e5;
}
div.main-menu-wrapper a:hover {
	color: #0099e5;
}
div.frontpage-banner.first {
	display: block;
}
div.frontpage-banner {
	display: none;
}


/* STYLING - TOGGLE MENU */

xnav.main-navigation.toggled div.menu-main-menu-container {
	position: absolute;
	z-index: 1000;
	width: 100%;
	left: 0px;
	background-color: #484641;
	border-top: 1px solid #504e48;
	border-bottom: 1px solid #504e48;
	padding-left: 30px;
}
xnav.main-navigation.toggled div.menu-main-menu-container > ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
xbutton.menu-toggle {
	width: 100%;
	height: 30px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;

	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	line-height: 30px;
	font-weight: 400;
	font-style: normal;
	color: #4c4c4c;
	text-align: left;
	padding-left: 35px;
    background-image: url("images/menu-icon.png");
	background-repeat: no-repeat;
	background-position: 10px 7px;
	
	background-color: #484641;
	box-shadow: none;
	color: #d9d8ce;
	text-shadow: none;
	border: 1px solid #484641;
}
xnav.main-navigation.toggled li.menu-item {
	float: none;
	padding: 0px;
	padding-bottom: 5px;
}


/* STYLING – SEARCH FIELD */

.mega-search-wrap {
	z-index: 998 !important;
/* 	vertical-align: top !important; */
/* 	top: 3px !important; */
/* 	height: 24px !important; */
}
.mega-search-open input[type=text] {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
/* 	height: 24px !important; */
/* 	padding-left: 6px !important; */
/* 	color: #ffffff !important; */
}
.mega-search-open > ::-webkit-input-placeholder { /* WebKit browsers */
/*     color: #e68b8c !important; */
}
.mega-search-open > :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
/*    color: #e68b8c !important; */
/*    opacity: 1 !important; */
}
.mega-search-open > ::-moz-placeholder { /* Mozilla Firefox 19+ */
/*    color: #e68b8c !important; */
/*    opacity: 1; */
}
.mega-search-open > :-ms-input-placeholder { /* Internet Explorer 10+ */
/*    color: #e68b8c !important; */
}


/* STYLING - CONTENT */

div.main-area-wrapper {
	padding-left: 40px;
	padding-right: 30px;
	padding-bottom: 30px;
}
div.main-area-wrapper div.headline {
	margin-bottom: 30px;
}
div.sidebar-wrapper .content {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
}
div.sidebar-wrapper div.headline {
	padding-left: 30px;
}
div.sidebar-wrapper .image {
}
div.category-box {
	padding-top: 10px;
}
div.category-box:nth-of-type(1) {
	padding-top: 0px;
}
div.category-box .legend {
	font-weight: 400;
	padding: 0px;
}
div.content.category-menu.dropdown {
	display: none;
}
div.content.category-menu.dropdown select {
	font-size: 13px;
	color: #403e39;
}


div.list-item.news .image, 
div.list-item.link .image, 
div.list-item.product .image {
	float: left;
	width: 40%;
	padding-right: 10px;
	padding-bottom: 10px;
}
div.list-item.link, 
div.list-item.news, 
div.list-item.product {
	overflow: auto;
	padding-top: 30px;
	padding-bottom: 20px;
	border-top: 1px solid #d9d8ce;
}
div.list-item.link, 
div.list-item.news {
	padding-top: 20px;
	padding-bottom: 10px;
}
div.list-item.news:nth-of-type(1), 
div.list-item.link:nth-of-type(1), 
div.list-item.product:nth-of-type(1) {
	padding-top: 0px;
	border-top: none;
}
div.main-area-wrapper.frontpage div.list-item.news {
	padding-top: 10px;
	padding-bottom: 0px;
	border-top: none;
}
div.main-area-wrapper.frontpage div.list-item.news:nth-of-type(1) {
	padding-top: 0px;
}
div.list-item.news .image {
	width: 25%;
}
div.list-item a h2 {
	color: #0099e5;
}
div.list-item a h2:hover {
	color: #004c73;
}

div.single-news div img, 
div.single-product div img {
	width: 100%;
}
div.single-news p img, 
div.single-product p img {
}
div.single-news h3, 
div.single-product h3 {
	padding-top: 30px;
	padding-bottom: 30px;
}
div.single-news .extra, 
div.single-product .extra {
	padding-top: 20px;
	padding-bottom: 30px;
	overflow: auto;
}
div.single-news .extra .image, 
div.single-product .extra .image {
	width: 25%;
	float: left;
	border-right: 10px solid #ffffff;
}


/* STYLING - FOOTER */

div.outer-wrapper div.footer-logo-wrapper {
	padding-bottom: 10px;
	padding-left: 30px;
}
div.outer-wrapper div.footer-column {
	padding: 10px;
	padding-left: 30px;
	float: left;
}
div.outer-wrapper div.footer-column.socials {
/* 	float: right; */
}
div.outer-wrapper div.footer-column.socials p a {
	float: left;
	padding-right: 5px;
}
div.outer-wrapper div.footer-column a,
div.outer-wrapper div.footer-column p {
	font-size: 12px;
	line-height: 16px;
	color: #d9d8ce;
	padding: 0px;
}
div.outer-wrapper div.footer-column a:hover {
	color: #0099e5;
}
div.inner-wrapper.footer-copyright {
	padding: 10px;
	padding-left: 30px;
}
div.outer-wrapper div.footer-copyright p, 
div.outer-wrapper div.footer-copyright p a {
	font-size: 12px;
	line-height: 16px;
	color: #6c6b64;
	padding: 0px;
	text-align: right;
}
div.outer-wrapper div.footer-copyright p a:hover {
	color: #0099e5;
}

/* SCROLL-TO-TOP BUTTON */

div.top-anchor {
	position: fixed;
	width: 40px;
	height: 37px;
	background-color: #0099e5;
	bottom: -50px;
	right: 10px;
	z-index: 100000;
	cursor: pointer;
	background-image: url(images/icon-top.png);
	border: 1px solid #403e39;
	border-bottom: none;
	
}


/* EDIT AREA */

body.admin-bar .edit-area {
	position: relative;
}
body.admin-bar div.edit-area:hover {
    background-image: url("images/edit-back.png");
}
body.admin-bar div.edit-area span.edit {
	display: none;
}
body.admin-bar div.edit-area:hover span.edit {
	display: inline;
}
span.edit {
	position: absolute;
	background-color: red;
	top: 0px;
	right: 0px;
	padding: 2px;
	margin: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	color: #4c4c4c;
	margin-top: 0px;
	margin-bottom: 0px;
	color: white;
}
span.edit a {
	color: white;
}
span.edit.clone {
	right: 33px;
}


/* SPECIAL GOOGLE MAP */

div.map-wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 75%; /* This is the aspect ratio */
	height: 0;
	overflow: hidden;
}
div.map-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* SPECIAL FORMULARS */

hr {
	background-color: #acc8d2;
}

div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"] {
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 15px;
	line-height: 20px;
	color: #403e39;
	padding: 0px;
	padding-left: 8px;
	padding-right: 8px;
/* 	margin: 0px; */
/* 	clear: none; */
}
div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"] {
	width: 75%;
	height: 28px;
	border-radius: 0px;
	border: 1px solid #0099e5;
}

div.wpcf7 input[type="submit"], 
div.wpcf7 input[type="submit"]:focus, 
div.wpcf7 input[type="submit"]:active {
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	line-height: 8px;
	padding: 0px;
	color: white;
	width: 20%;
	height: 28px;
	border: 1px solid #0099e5;
	border-radius: 0px;
	background: #0099e5;
	text-shadow: none;
	box-shadow: none;
}

div.wpcf7 input.wpcf7-not-valid {
	border: 1px solid red;
}

input.wpcf7-validates-as-required {
}
span.wpcf7-not-valid-tip {
	display: none;
}
div.wpcf7-response-output {
	width: 95%;
	margin: 0px;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #0f7f11;
	background-image: url("./images/back-green-25.png");
}
div.wpcf7-validation-errors {
	border: 1px solid #fb0219;
	background-image: url("./images/back-red-25.png");
}


div.fb-like {
	width: 95%;
}

/* RESPONSIVE */

@media screen and (max-width: 600px) {
	div.main-area-wrapper, 
	div.main-area-wrapper.frontpage, 
	div.main-area-wrapper.contact {
		float: none;
		width: 100%;
		padding-left: 30px;
		background-image: url("./images/back-brown-100.png");
		background-repeat: repeat-x;
		background-size: 100% 100px;
	}
	div.sidebar-wrapper, 
	div.sidebar-wrapper.frontpage, 
	div.sidebar-wrapper.contact {
		float: none;
		width: 100%;
	}
	div.outer-wrapper.content {
		background-image: none;
	}
	div.outer-wrapper.content.frontpage {
		background-image: url("./images/back-brown-100.png");
		background-repeat: repeat-x;
		background-size: 100% 100px;
	}
	div.sidebar-wrapper div.headline {
		height: 0px;
	}
	div.sidebar-wrapper.frontpage div.headline{
		height: 100px;
	}
	div.sidebar-wrapper .content {
		overflow: auto;
	}
	div.category-box {
		float: left;
		padding-right: 10px;
	}
	div.category-box {
		padding-top: 0px;
	}
	div.content.category-menu.list {
		display: none;
	}
	div.content.category-menu.dropdown {
		display: inline-block;
	}
	div.list-item.product .image {
		width: 100%;
	}
}
@media screen and (max-width: 0px) {
	div.category-box {
		float: left;
		width: 100%;
	}
	div.category-box {
		padding-top: 10px;
	}
}




div.mfp-content {
	max-width: 1400px !important;
}

.ImageWrapper {
	-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.25);
	display: block;
	overflow: hidden;
	position: relative;
}
.ImageWrapper .PStyleH {
/* 	background: url(images/zoom.png) no-repeat scroll center center / 100px 55px #222222; */
	background: url(images/plus2.png) no-repeat scroll center center / 55px 55px #222222;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 100;
}
.ImageWrapper:hover .PStyleH {
	opacity: .6;
	visibility: visible;
}
/* Overwrites to MagnificPopup */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: none;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: none;
}