/*
Theme Name: Web2Media
Description: A simple responsive theme built with skeleton
Author: Web2Media
Author URI: http://zacgordon.com/
Version: 1.0
Tags: responsive, custom, skeleton

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This is an example theme to go along with the Treehouse blog post on <a href="http://teamtreehouse.com/how-to-build-a-responsive-wordpress-site-with-twitter-bootstrap">How to Build a Simple Responsive WordPress Site Using Twitter Bootstrap</a>.
*/


html { background: #005b8a no-repeat center bottom; }
body { margin: 0; background-color: #fff; font-size: 14px; color: #005b8a; width: 100%; /*overflow:hidden;*/ }
h1, h2, h3, h4, h5, h6 { font-weight: 100; }
h1 { font-weight: 400; font-size: 24px; }
h2 { font-size: 20px; }
input, textarea, button.button { background: #fff; border: 1px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 7px 10px; margin-bottom: 10px; }
input[type="submit"], input[type="button"], button.button { background-color: #005b8a; color: #fff; border: 1px solid #005b8a; }

.wpcf7-form { position: relative; }
div.wpcf7 img.ajax-loader { position: absolute; margin: 9px 5px; }
input.wpcf7-not-valid { background-color: #f3b4b4; border: 1px solid #cc2b2b; }
.wpcf7-not-valid-tip,
.wpcf7-response-output { position: absolute; text-indent: -9999px; border: 0 !important; padding: 0 !important; margin: 0 !important; }
div.wpcf7-mail-sent-ok { width: 16px; height: 16px; bottom: 17px; right: -21px; background: url(images/icon_checkmark.png); }

.f-right { float: right !important; }
a[href^=tel]{
	color:#005b8a;
	text-decoration:none;
}

.center {
	text-align: center;
}

.post-container a {
	color: #005b8a;
	text-decoration: underline;
}

/* Header */
header { background-color: #005b8a; padding-top: 20px;
	-webkit-transition: all 0.10s ease-in-out;
	-moz-transition: all 0.10s ease-in-out;
	-ms-transition: all 0.10s ease-in-out;
	-o-transition: all 0.10s ease-in-out;  }
	.brand { float: left; margin-right: 50px; }

	/* Navigation */
	nav.mainmenu { height: 40px; padding-top: 70px; }
	nav ul { margin: 0; list-style: none; }
	nav ul li { float: left; }
	nav .menu-menu-container > ul > li > a { line-height: 40px; border-bottom: 8px solid #005b8a; display: block; margin: 0 20px; padding: 0 4px; font-size: 18px; font-weight: 100;
		-webkit-transition: all 0.10s ease-in-out;
		-moz-transition: all 0.10s ease-in-out;
		-ms-transition: all 0.10s ease-in-out;
		-o-transition: all 0.10s ease-in-out; }
		nav .menu-menu-container > ul > li.current_page_item > a,
		nav .menu-menu-container > ul > li.current_page_ancestor > a,
		nav .menu-menu-container > ul > li > a:hover { border-color: #fff; color: #fff; }
		nav ul ul { display: none; position: absolute; background: #000; width: 200px; margin-left: 20px; z-index: 99; }
		nav ul ul li a { padding: 10px 20px; float: left; }

		nav.topmenu { float: right; margin-right: 20px; }
		nav.topmenu li a { margin-right: 30px; color: #a1c0dc; font-size: 16px; line-height: 30px; }
		nav.topmenu li a:hover { color: #fff; }

		.social { float: right; height: 110px; width: 126px; background: url(images/givemoregetmore.png) no-repeat right bottom; margin-top: 1px; margin-bottom: -1px; }
		.social a.linkedin,
		.social a.facebook { margin-right: 18px; }

		/* Tabs */
		#tab_guide { position: fixed; top: 220px; left: -280px; width: 340px; padding-bottom: 11px; z-index: 999; }
		#tab_guide .toggle { position: absolute; right: 0; top: -26px; cursor: pointer; }
		#tab_guide .close { position: absolute; left: 0; top: -23px; }
		#tab_guide .content { background-color: #c9e876; width: 280px; height:227px; }
		#tab_guide .BG { height:227px; box-sizing:border-box; background-size:214px; background-position: 10px bottom; background-repeat:no-repeat !important; padding:10px; }
		#tab_guide h3 { width:230px; margin-bottom:5px; margin-top:10px; text-align: left; font-size:22px; text-transform: none; }
		#tab_guide p { font-size:14px; width:200px; }
		#tab_guide .downloadBtn { background:#005b8a; border:none; border-radius: 4px; padding:10px 15px; font-size:16px; position:absolute; bottom:35px; right:60px; -moz-transition:ease-in-out all 200ms; -webkit-transition:ease-in-out all 200ms; -o-transition:ease-in-out all 200ms; transition:ease-in-out all 200ms; }
		#tab_guide .downloadBtn:hover { background:#037dbc; }
		#tab_guide .downloadBtn a:hover { color:#fff; }

		#tab_tips { position: fixed; top: 213px; right: -263px; width: 263px; padding-left: 57px; padding-bottom: 11px; z-index: 999; }
		#tab_tips .toggle { position: absolute; left: 0; top: -27px; cursor: pointer; }
		#tab_tips .close { position: absolute; right: 0; top: -23px; }
		#tab_tips .content { background-color: #c9e876; width: 256px; height: 187px; padding: 20px; padding-left: 0; }
		#tab_tips h3 { margin: 10px 0 0; }
		#tab_tips p { margin-bottom:10px; }
		#tab_tips label { display:none; }
		#tab_tips input {
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-o-border-radius:5px;
			border-radius:5px;
			border:1px solid #fff;
			padding:7px 10px;
			height: auto !important;
			box-shadow: none;
		}
		#tab_tips .hs-form.stacked .actions { padding-top:0;padding-bottom:0; }
		#tab_tips input[type="submit"] {
			background:#005b8a;
			border:none;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			-o-border-radius:4px;
			border-radius:4px;
			padding:13px 15px;
			font-size:16px;
			font-weight: 400;
			-moz-transition:ease-in-out all 200ms;
			-webkit-transition:ease-in-out all 200ms;
			-o-transition:ease-in-out all 200ms;
			transition:ease-in-out all 200ms;
		}
		#tab_tips input[type="submit"]:hover { background:#037dbc; }


		/* Content */
		.page-wrap { background: #ececec; }

		.page-content { padding: 40px 0; }
		.page-content h1,
		.page-content h2,
		.post-content h1,
		.post-content h2,
		.post-content h3 { margin-top: 0; }
		.breadcrumbs { color: #005b8a; font-size: 16px; padding: 20px 0 10px; }
		.breadcrumbs a { color: #6aadcf; }
		.w-teaser .page-content { padding-bottom: 0; }

		.teaser h1 { margin: 0; padding: 20px 0 10px; font-size: 20px; }
		.teaser p { margin: 0; padding: 10px 0 20px; min-height: 100px; max-width: 450px; }
		.teaser .page-58 p { padding-left: 140px; background: url(images/teaser1.png) no-repeat 0 bottom; }
		.teaser .page-73 p { padding-left: 140px; background: url(images/teaser2.png) no-repeat 0 bottom; }
		.teaser .page-75 p { padding-left: 140px; background: url(images/teaser3.png) no-repeat 0 bottom; }

		.wrap.top.home { background: #ececec; }
		.wrap.light { background: #005b8a; color: #fff; }
		.wrap.dark { background: #005b8a; color: #fff; }

		.top.home .columns { background: url(images/profil2.png) no-repeat 0 bottom; height: 195px; padding-top: 50px; position: relative; }
		.top.home .columns.alpha { background: url(images/profil1.png) no-repeat 0 bottom; }
		.top.home .columns.omega { background: url(images/profil3.png) no-repeat 0 bottom; }
		.top.home .columns h3 { padding-left: 120px; color: #6aadcf; font-weight: 100; max-width: 47%; line-height: 30px; }
		.top.home .columns a { position: absolute; height: 70%; bottom: 0; width: 90%; background: url(images/arrow_play_lightblue.png) no-repeat 150px bottom; }

/*.dark.home .columns { background: url(images/graf.png) no-repeat center bottom; height: 400px; padding-top: 50px; }
.dark.home .columns.alpha { background: url(images/kolbe.png) no-repeat center bottom; }
.dark.home .columns.omega { background: url(images/dog.png) no-repeat center bottom; }*/

.wrap.light.sub .wpcf7 { padding-bottom: 100px; background: url(images/contact.png) no-repeat center bottom; }

.container .slide-col { height: 250px; }
#slide_wrapper { position: absolute; bottom: 0; }
#reference_slider { position: relative; height: 190px; margin-top: 20px; width:300px; margin-left:60px;}
#reference_slider > div { position: absolute; padding: 0; font-size: 16px; height: 100%;  }
/*#reference_slider > div.odd { background: url(images/slide_graf2.png) no-repeat center bottom; }*/
#reference_slider > div p { font-style: italic; margin-bottom: 5px; }
#reference_slider > div span { font-size: 14px; }
#slide_wrapper .prev { position: absolute; left: 0; bottom: 65%; width: 32px; height: 29px; background: url(images/arrow-left.png) no-repeat; }
#slide_wrapper .next { position: absolute; right: 20%; bottom: 65%; width: 32px; height: 29px; background: url(images/arrow-right.png); }
/*.sub #reference_slider > div { background: url(images/slide_graf_w.png) no-repeat center bottom; }*/
/*.sub #reference_slider > div.odd { background: url(images/slide_graf_w2.png) no-repeat center bottom; }*/
.sub #slide_wrapper .prev { background: url(images/arrow-left.png) no-repeat; }
.sub #slide_wrapper .next { background: url(images/arrow-right.png) no-repeat; }

.sidebar h3,
.widget_ydelser_widget h3,
h3.widget-title { text-transform: uppercase; font-weight: 400; text-align: center; font-size: 20px; }
.ydelser-liste ul { list-style: none; padding: 0; margin: 0; }
.ydelser-liste ul li { margin: 10px 0 20px; float: left; width: 20%; text-align: center; }
.ydelser-liste ul li a { color: #005b8a; display: block; clear: both; }
.ydelser-liste ul li img { display: block; margin: 0 auto; }
.ydelser-liste ul li h4 { display: inline-block; margin: 8px 0 5px; text-transform: uppercase; font-size: 14px; }

article .meta-col { float: left; width: 50%; margin-bottom: 20px; }
article .meta-col > div { padding-left: 100px; background: url(images/icon_trend.png) no-repeat 0 0; height: 80px; }
article .meta-col.omsaetningsindex > div,
article .meta-col.organisk-vaekst > div { background: url(images/icon_euro.png) no-repeat 0 0; }
article .meta-col.forbedring-af-konverteringsfrekvensen > div { background: url(images/icon_conversionrate.png) no-repeat 0 0; }
article .meta-col.forbedring-af-visibility > div { background: url(images/icon_visibility.png) no-repeat 0 0; }
article .meta-col span.value { display: block; font-size: 20px; font-weight: bold; padding-top: 12px; }
article .entry { background: #fff; padding: 20px 20px 35px; margin-bottom: 70px; position: relative; overflow: hidden; }
article .entry a.entry-title { display: block; margin: -20px -20px 12px; padding: 10px 20px; background: #c9ea6f; color: #005b8a; }
/*article .entry a.entry-title:hover { background: #005b8a; color: #fff; }*/
article .entry h3 { margin: 0; }
article .entry p { margin-bottom: 0; }
article .entry .entry-content a { color: #4991b5; }
article .entry .entry-content a:hover { color: #005b8a; }
article .entry .fold-down { position: absolute; width: 100%; bottom: 0; left: 0; background: #fff; text-align: center; padding: 5px 0; color: #005b8a; }

.post-news { margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd; }
	.post-news .entry-date { margin-bottom: 0; font-size: 12px; }
	.post-news .entry-title { margin-top: 5px; }
	.post-news .entry-title a { color: #4991b5; }
	.post-news .entry-title a:hover { color: #005b8a; }
	.widget_fastenyheder_widget .post-news .entry-title a { font-size: 17px; }

	.faste-nyheder .post-news {
		margin-bottom: 10px;
		padding: 10px 0 0;
		border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	}
	.faste-nyheder h3 {
		text-align: left;
	}
	.faste-nyheder .post-news h3 {
		text-transform: none;
		font-weight: 100;
	}
	.widget_fastenyheder_widget { margin-bottom: 40px; }

	.cases-cols { margin: 0 -15px 0 -15px; }
	.cases-cols > div {
		float: left;
		padding: 0 15px 0 15px;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cases-col-1 { width: 61.5%; }
	.cases-col-2 { width: 38.5%; }

	.widget .logos { text-align: center; }
	.widget .logos h3 { margin-top: 0; margin-bottom: 50px; }
	.widget .logos ul { list-style: none; }
	.widget .logos li { margin-bottom:42px; }

	.post-container .entry-thumbnail { margin: 10px 0 30px; }

	.omosbillede { width: 350px; float: left; margin-bottom: 20px; max-width: 100%; }
	.omosbillede.first { clear: left; }
	.omostekst { font-size:13px;padding-right: 50px; padding-top: 10px; min-height: 200px; }

	.omostxt { width: 300px; padding-right: 53px; float: left; margin-bottom: 20px; min-height:280px; max-width: 100%; }

	/* Footer */
	footer.home { background: #005b8a; }
	footer.home .ydelser { padding-top: 215px; }
	footer.home .ydelser a { float: left; margin-left: 74px; }
	footer.home .ydelser a.first { margin-left: 0; }

	footer .banner-bottom { height: 450px; overflow: hidden; position: relative; background: #005b8a; }
	footer.sub .banner-bottom { background: #6aadcf; }
	footer.sub .banner-bottom .banner-bg {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
		height:450px;
	}
	footer.sub .banner-bottom.footer-5 {
		background-image: url(https://www.web2media.dk/wp-content/uploads/tracks.jpg);
	}
	footer .banner-bottom img { width: 100%; position: absolute; }

	footer address { width: 100%; height:auto; line-height: 45px; text-align: center; margin-bottom: 0; font-style: normal; background-color: #fff; color: #005b8a; }
	address span { margin: 0 20px; }
	footer .filosofi { position: absolute; bottom: 40px; }
	footer .filosofi h4 { font-size: 15px; line-height: 22px; margin-bottom: 30px; }
	footer .filosofi img { float: right; margin-top: 1px; }
	footer .ydelser.columns { overflow: hidden; }
	footer .ydelser.columns a { display: inline-block; margin: 25px 30px -5px 0; }

	img.wborder { border: 5px solid #005b8a; }

	body {
		-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	}


	/* Added by MDJ */
	.linkonlight { color:#005b8a;}
	/*.textwidget { padding-right:20px; }*/


	/* Tilføjet af Alexander 8up - Tilmelding */
	.tilmelding {
		background:#C9EA7F;
		border-radius:10px;
		padding:10px;
	}
	.tilmelding h2 {
		font-size:40px;
		text-transform:uppercase;
		text-align:center;
		margin-top:10px;
	}
	.tilmelding p {
		margin-bottom:0;
	}
	.tilmelding .hs-form .hs-button, .tilmelding .hs-form .hs-button:hover:not(.inactive), .tilmelding .hs-form .hs-button:focus:not(.inactive), .tilmelding .hs-form .hs-button.hovered:not(.inactive) {
		border:0;
		background-image:none;
		box-shadow:none;
		text-shadow:none;
		background:#005A88;
		font-size:16px;
		padding:10px 35px;
	}
	#panel-562-1-0-0 h3.widget-title {
		text-align:left;
	}


	/*MARIA*/
	.footer_widget {
		background:#ececec;
		padding: 0 20px;
	}
	.footer_widget .footer_panel {

		max-width:1080px;
		margin:auto;
		padding-bottom:5%;
		padding-top:5%;
	}

	.footer_widget .textwidget p {
		line-height:160%;
	}

	.bottom_footer {
		margin:auto;
		max-width:800px;
		padding-top:15px;
		height:auto;
	}
	.footer_widget .center_image {
		padding-top:7%;

	}

	address span {
		margin:0;
	}

	address span:last-child {
		float:right;
	}

	address span:first-child {
		float:left;
	}

	.bottom_footer .linkedin, .bottom_footer .facebook {
		padding-right:15px;
	}

	.footer_widget .panel-grid-cell {
		margin-left:0;
	}

	.footer_celle a {
		color:#005b8a;
	}

	.footer_celle a:hover {
		color:#000;
	}


	.footer_widget .adresse img, .footer_widget .tlf img, .footer_widget .mail img {
		padding-right: 20px;

	}


	.wrap.dark.home .container {

		padding-bottom:5% !important;
		padding-top:5% !important;
	}

	.columns.eight.alpha.slide-col h3{

		text-indent:100px;
		color:#4f99c0;
	}
	.wrap.light.home .columns.four.omega h3 {
		color:#4f99c0;
	}

	.footer_widget .adresse {

		float:left;
	}

	.center_image img {

		margin:0 auto;
	}
	.footer_nyhedsbrev p.nyhedsbrev {
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.footer_nyhedsbrev p.text {
		max-width:200px;
		margin-bottom:5px;
		margin:auto;
	}
	/*.footer_widget .footer_celle .nyhedsbrev {
		float:left;
		margin-bottom:140px;
		}*/

		.footer_widget .nyhedsbrevsbox {
			margin-top:50px;
		}

		.footer_widget #mce-EMAIL, .footer_widget #mce-FNAME {
			width:210px;
			margin-bottom:30px;
		}
		.footer_widget #mc-embedded-subscribe {

			width: 75px;
			padding: 5px;
		}
		.wrap.top.home > .container {
			width: auto;
		}

		.wrap.top.home > .container .page-content {

			padding:0;
		}

		.brand img {

			height:110px;
		}

		.columns.nine.alpha.slide-col h3{
			text-indent:100px;
			color:#4f99c0;
		}

		.filosofi h3 {
			color:#4f99c0;
		}


		.columns.nine.alpha.slide-col #reference_slider {
			height:150px;
		}



		/*nye ydelses-bokse*/
		.bl-box {
			display:block;
		}
		.bl-box h3 {
			color: #fff;
			margin-bottom: 0;
			padding-top: 10px;
		}

		.bl-box-text {
			margin-left:15px;
		}

		.hvid-box h3, .ydelser-kontakt h3 {
			text-align: left;
			font-size: 15px;
			margin-bottom: 0;
			padding-top: 10px;
		}

		.hvid-box p {
			margin-bottom: 5px;
		}

		.hvid-box .picture1 {
			padding-left:10px;
		}



		.ydelser-grey {
			margin-bottom:-40px;
		}

		.omostxt a {
			color:#6aadcf;
		}
/*.hvid-box .picture1 img {
	padding-right: 5px !important;
}
.hvid-box .picture2 img {
	padding-left:5px !important;
	}*/


/* ----- Nyhedsboks på forside - aidup 2017 ----- */
.wrap.news { padding:50px 0 75px; }
.wrap.news h2 { text-align: center; margin-top:0; margin-bottom:40px; font-size:28px; text-transform: uppercase; color:#000; }
.newsSlide .slick-arrow { position: absolute; bottom:-25px; z-index: 1; cursor:pointer; }
.newsSlide .slick-arrow.prev { left:0; }
.newsSlide .slick-arrow.next { right:0; }
.newsWrap {
	background:#e9e9e9;
	padding:30px;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -moz-flex !important;
	display: -webkit-flex !important;
	display: flex !important;
	color:#000;
	margin:auto;
	min-height:275px !important;
	box-sizing: border-box;
}
.newsWrap .content {
	padding-left:25px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	width:calc(100% - 360px);
}
.newsWrap .content h3 { margin-top: 0; margin-bottom:5px; }
.newsWrap .content .date { color:#514c4c; margin-bottom:5px; display:block; }
.newsWrap .content .button-wrap { margin-top:auto; }
.newsWrap .content .btn.green {
	display:inline-block;
	min-width: 100px;
	text-align: center;
    background-color: rgb(148, 193, 35);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.18);
    padding: 15px;
    font-size: 14px;
    text-decoration: none !important;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.newsWrap .content .btn.green:hover { background: rgb(162,212,38); }