/*

Theme Name: FF

Theme URI: http://quarktheme.com

Author: Anthony Hortin

Author URI: http://maddisondesigns.com/

Description: Quark is your basic building block for creating beautiful, responsive custom themes. It's not a convoluted or confusing framework that's hard to learn or even harder to modify. It's a simple and elegant starter theme built on HTML5 & CSS3. Its base is a responsive, 12 column grid. It incorporates custom Theme Options that are easy to modify, a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font. Quark is now Multilingual Ready (WPML) and translated into Spanish and German.flexible

Version: 1.2.12

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, gray, dark, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

Text Domain: FF

*/



@font-face {
  font-family: 'Omnes';
  src: url('fonts/omnes-light-webfont.eot?#iefix') format('embedded-opentype'), 
  url('fonts/omnes-light-webfont.woff') format('woff'), 
  url('fonts/omnes-light-webfont.ttf')  format('truetype'),
  url('fonts/omnes-light-webfont.svg#svgFontName') format('svg');
  font-weight: normal;
}

@font-face {
  font-family: 'Omnes italic';
  src: url('fonts/omnes-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), 
  url('fonts/omnes-lightitalic-webfont.woff') format('woff'), 
  url('fonts/omnes-lightitalic-webfont.ttf')  format('truetype'),
  url('fonts/omnes-lightitalic-webfont.svg#svgFontName') format('svg');
  /*font-style: italic; */
}





/* ==========================================================================

   Default stylings from HTML5 Boilerplate

   ========================================================================== */



/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }



/* Using rem font sizing (Root em’s) with fallback to px for ie8 and below - http://snook.ca/archives/html_and_css/font-size-with-rem */

body { margin: 0; font-size: 16px; font-size: 1rem; line-height: 1.5; }



::-webkit-selection { background: #5784FE; color: #fff; text-shadow: none; }

::-moz-selection { background: #5784FE; color: #fff; text-shadow: none; }

::selection { background: #5784FE; color: #fff; text-shadow: none; }



a { color: #333; text-decoration: none;}

a:visited { color: #666; }

a:hover { color: #b40101; }



menu { padding: 0; }

td { vertical-align: top; }


/* ==========================================================================

   Basic page styles

   ========================================================================== */

body { 
	margin: 0 auto;
	padding: 0;
	font: 16px/1.5 Myriad Pro, Trebuchet MS, Helvetica, 'PT Sans', Arial, sans-serif; 

	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	color: #333;
	text-align: left;
}

.col.margin-left{margin-left: 0;}

/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */
canvas {
	-ms-touch-action: double-tap-zoom;
}




/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {
	max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Responsive images */

img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}


img.size-full,

img.size-large,

img.header-image,

img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}


img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Header */

h1, h2, h3, h4, h5, h6 {
	font-family: Omnes, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #111;
	margin-top: 0;
}

h1 { 
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.1666;
}

h2 { 
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.2857;
}

h3,
article .entry-content h2 { 
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;
}

/* FF ADDED */

article .entry-content h2 { 
  margin-top: 2.5rem;
}

article .entry-content h2:first-of-type { 
  margin-top: 0;
}

/* / FF ADDED */

h4,
article .entry-content h3 { 
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.25;
}

h5,
article .entry-content h4 { 
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
}

h6,
article .entry-content h5 { 
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.2142;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin: 1.5rem;
}

footer hr{
	border: 1px solid #fff;	
}

ol, ul {
	list-style: none outside none;
}

p, ol, ul, dl, address{
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;

	/* FF ADDED */
	font-size: 14px;
	font-size: 0.875rem;
	/* /FF ADDED */
	line-height: 1.5;
}

ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0;
}

dt {
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
}

b, strong { 
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
}

em {
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
}


strong em, b em {
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 700;
}

ins {
	background: none repeat scroll 0 0 #FFF9C0;
	text-decoration: none;
}

a { 
	color: #000;
	outline: none;
}

a:visited { 

	color: #555;

}



a:focus { 

	outline: thin dotted;

	color: #00a64a;

}



a:hover, a:active { 

	outline: 0;

	color: #00a64a;

}



.alignleft {

	display: inline;

	float: left;

	margin: 0 20px 16px 0;

	margin: 0 1.25rem 1rem 0;

}



.alignright {

	display: inline;

	float: right;

	margin: 0 0 16px 20px;

	margin: 0 0 1rem 1.25rem;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 16px;

	margin-bottom: 1rem;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none;

}



blockquote {

	border-left: 5px solid #333;

	margin: 0 0 18px 20px;

	margin: 0 0 1.125rem 1.25rem;

	padding: 0 0 0 16px;

	padding: 0 0 0 1rem;

}



blockquote.pull-right {

	border-left: 0 none;

	border-right: 5px solid #333;

	margin: 0 20px 18px 0;

	margin: 0 1.25rem 1.125rem 0;

	padding: 0 16px 0 0;

	padding: 0 1rem 0 0;

	float: none;

}



blockquote p {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: italic;

	font-weight: 400;

	font-size: 24px;

	font-size: 1.5rem;

	margin-bottom: 0;

}



blockquote.pull-right p,

blockquote.pull-right small {

	text-align: right;

}



blockquote cite:before {

	content: "\2014 ";

}



blockquote cite {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 1.125;

	color: #999;

	display: block;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



caption,

th,

td {

	font-weight: normal;

	text-align: left;

}



code, pre {

	border-radius: 3px;

	color: #555;

	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;

	font-size: 12px;

	font-size: 0.75rem;

	padding: 0 3px 2px;

	padding: 0 0.1875rem 0.125rem;

}



code {

	background-color: #f7f7f9;

	border: 1px solid #e1e1e8;

	padding: 2px 4px;

	padding: 0.125rem 0.25rem;

}



abbr,

dfn,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	top: -0.5em;

}



sub {

	bottom: -0.25em;

}



.wp-caption {

	max-width: 100%; /* Keep wide captions from overflowing their container. */

	padding: 4px;

	padding: 0.25rem;

}



.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 1.5;

	color: #777;

	text-align: center;

}



img.wp-smiley, .rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



.entry-content dl.gallery-item {

	margin: 0;

}



.gallery-columns-1 .gallery-item a {

	max-width: 100%;

	width: auto;

}



.gallery .gallery-icon img {

	height: auto;

}



#primary .entry-content [id^="gallery-"] img {

	border: none;

}



/* Text meant only for screen readers */

.assistive-text {

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}



.menu-toggle, button, input {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	font-size: 1rem; 

	line-height: 1.25;

	margin: 0;

	font-size: 100%;

	vertical-align: middle;

}



.menu-toggle, button, input {

	*overflow: visible;

	line-height: normal;

}



.menu-toggle::-moz-focus-inner,

button::-moz-focus-inner,

input::-moz-focus-inner {

	padding: 0;

	border: 0;

}



button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	cursor: pointer;

	-webkit-appearance: button;

}



input[type="button"] {

	width: auto;

}



.menu-toggle,

.btn,

input[type="submit"] {

/*

	display: inline-block;

	*display: inline;

	padding: 8px 14px;

	padding: 0.5rem 0.875rem;

	margin-bottom: 0;

	*margin-left: .3em;

	font-size: 16px;

	font-size: 1rem;

	line-height: 1.25;

	color: #333333;

	text-align: center;

	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

	vertical-align: middle;

	cursor: pointer;

	background-color: #f5f5f5;

	*background-color: #e6e6e6;

	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

	background-repeat: repeat-x;

	border: 1px solid #cccccc;

	*border: 0;

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	border-color: #e6e6e6 #e6e6e6 #bfbfbf;

	border-bottom-color: #b3b3b3;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');

	*zoom: 1;

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); */

	display: inline-block;

	*display: inline;

	padding: 12px;

	padding: 0.5rem;

	margin: 0.5rem 0 0 0;

	*margin-left: .3em;

	font-size: 12px;

	font-size: 0.75rem;

	line-height: 1.25;

	color: #fff;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	background-color: #000;

	/**background-color: #000;*/

	border: none;

	width: 100%;

}



.menu-toggle, a.btn {

	color: #333333;

	text-decoration: none;

}



.menu-toggle:hover,

.btn:hover,

.btn:active,

.btn.active,

.btn.disabled,

.btn[disabled] {

	background-color: #e6e6e6;

	*background-color: #d9d9d9;

}



.btn:first-child {

	*margin-left: 0;

}



.menu-toggle:hover,

.btn:hover,

input[type="submit"]:hover {

	color: #333333;

	text-decoration: none;

	background-color: #e6e6e6;

	*background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */

	background-position: 0 -15px;

	-webkit-transition: background-position 0.1s linear;

	-moz-transition: background-position 0.1s linear;

	-ms-transition: background-position 0.1s linear;

	-o-transition: background-position 0.1s linear;

	transition: background-position 0.1s linear;

}



.menu-toggle:focus,

.btn:focus,

input[type="submit"]:focus {

	outline: thin dotted #333;

	outline: 5px auto -webkit-focus-ring-color;

	outline-offset: -2px;

}



.menu-toggle:active,

.btn.active,

.btn:active,

input[type="submit"]:active {

	background-color: #e6e6e6;

	background-color: #d9d9d9 \9;

	background-image: none;

	outline: 0;

	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

	position:relative;

	top:1px;

}



.btn.disabled, .btn[disabled] {

	cursor: default;

	background-color: #e6e6e6;

	background-image: none;

	opacity: 0.65;

	filter: alpha(opacity=65);

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}



.btn.disabled:active, .btn[disabled]:active {

	top:0;

}



button.btn, input[type="submit"].btn {

	*padding-top: 2px;

	*padding-bottom: 2px;

}



button.btn::-moz-focus-inner,

input[type="submit"].btn::-moz-focus-inner {

	padding: 0;

	border: 0;

}



.btn-large,

input[type="submit"].btn-large {

	padding: 10px 15px;

	padding: 0.625rem 0.9375rem;

	font-size: 20px;

	font-size: 1.25rem;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



.btn-small,

input[type="submit"].btn-small {

	padding: 5px 9px;

	padding: 0.3125rem 0.5625rem;

	font-size: 13px;

	font-size: 0.8125rem;

}



/* Form fields */

input[type="text"],

input[type="password"],

input[type="email"],

.gray_bg input[type="number"],

input[type="number"],

input[type="url"],

input[type="tel"],

textarea {

	font-family: inherit;

	padding: 8px;

	padding: 0.5rem;

	border: 1px solid #ccc;

	border-radius: 3px;

	/* FF ADDED */

	width: 100%;

	font-size: small;

	/*float: right;

	 / FF ADDED */

}



select {

	max-width: 100%;

}



/* Small headers */

.archive-title,

.page-title,

.entry-content th,

.comment-content th {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 700;

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 2;

	text-transform: uppercase;

}


/* ==========================================================================

   Selected page style

   ========================================================================== */
   
.page-id-6023 p,
.page-id-6023 li,
.page-id-6023 strong{
	font-size: 1rem !important;
	}


/* ==========================================================================

   Site specific styles

   ========================================================================== */



#wrapper {

	width: 100%;

	position: relative;

	text-align: left;

}



#headercontainer {

	width: 100%;

}



.site-header {

	clear: both;

	width: 90%;

	font-size: 16px;

	font-size: 1rem;

	max-width: 1000px;

	margin: 0 auto;

	padding: 0;

	position: relative;

	color: #000;

}



.site-title h1 {

	margin-top: 20px;

	margin-top: 1.25rem;

}



.site-title img {

	vertical-align: text-top;

	max-width: 166px; /* FF ADDED */

}



.site-title a {

	color: #333;

	font-size: 64px;

	font-size: 4rem;

	text-decoration: none;

}



/* FF ADDED */

.menu-toppmeny-container{float: left;}

#search_form{

	float: left;

	margin-top: 8px;

	margin-top: 0.5rem;

    width: 200px;

	}

#search_form input{

	color: #999;

	}

/* END FF ADDED */



#bannercontainer {

	width: 100%;

	margin-top: 10px;

}



.banner {

	color: #eaeaea;

	width: 90%;

	max-width: 1000px;

	margin: 0 auto;

	padding: 15px 0;

	padding: 0.9375rem 0;

	min-height: 75px;

}



.home .banner .widget {

	margin: 24px 0;

	margin: 1.5rem 0;

}



.banner h1,

.banner h2,

.banner h3,

.banner h4,

.banner h5,

.banner h6 {

	color: #eaeaea;

 }



.banner h1 {

	font-size: 56px;

	font-size: 3.50rem;

}



.banner h2 {

	font-size: 32px;

	font-size: 2rem;

}



#maincontentcontainer .home-sidebar .widget {

	background-color: #fcfcfc;

	border: 1px solid #bbb;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	padding: 10px;

	padding: 0.625rem;

}



#maincontentcontainer {

	width: 100%;
	margin-top: 20px;

}



.home .site-content{

	padding: 16px 0 32px 0;

	padding: 1rem 0 2rem 0;	

	}

	

.site-content {

	clear: both;

	width: 90%;

	/*

	font-size: 16px;

	font-size: 1rem;

	*/

	font-size: 14px;

  font-size: 0.875rem;

	max-width: 1000px;

	margin: 0 auto;

	/*

	padding: 32px 0;

	padding: 1rem 0 2rem 0;*/

	padding: 0 0 32px 0;

	color: #333;

	line-height: 1.5;

	position: relative;

}



.home-sidebar {

	width: 90%;

	max-width: 1000px;

	margin: 0 auto;

	padding-bottom: 32px;

	padding-bottom: 2rem;

}



.home.page .site-content {

	padding-bottom: 0;

}



.home.page .site-content article {

	margin-bottom: 0;

}



/* Social Media icons */

.social-media-icons {

	float: right;

	height: auto;

}



.social-media-icons ul {

	list-style: none;

	margin: .5em 0 0 0;

	padding: 0;

}



.social-media-icons li {

	display: inline-block;

	margin: 0.1em 0 0 0.6em;

	font-size: 0.6rem;

	text-align: left;

}



.social-media-icons a {

	color: #333;

	text-decoration: none;

}



.social-media-icons a:visited {

	color: #333;

}



.social-media-icons a:hover, .social-media-icons a:active { 

	color: #00a64a;

}





/* ==========================================================================

   Main Content

   ========================================================================== */



.entry-meta {

	clear: both;

}



.comments-link {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: italic;

	font-weight: 400;

	font-size: 14px;

	font-size: 0.875rem;

	float: right;

}



.entry-header {

	margin: 0 0 16px 0;

	margin: 0 0 1rem 0;

}



.entry-header .entry-title a {

	text-decoration: none;

}



.entry-header h1 a:visited {

	color: #333;

}



.entry-header h1 a:hover {

	color: #00a64a;

}



article.sticky .featured-post {

	font-family: 'Arvo', Georgia, "Times New Roman", Times, serif;

	font-style: normal;

	font-weight: 400;

	/*border-top: 4px double #aaa;

	border-bottom: 4px double #aaa;*/

	color: #777;

	font-size: 16px;

	font-size: 1rem;

	line-height: 3;

	margin-bottom: 24px;

	margin-bottom: 1.5rem;

	text-align: center;

}



article.sticky {

	/*border-bottom: 4px double #aaa;*/

}



.site-content article {

	/*margin: 0 0 40px 0.5%; /* FF CHANGE -> margin-left: 1%; */

	/*margin: 0 0 2.5rem 0.5%;*/

	-ms-word-wrap: break-word;

	-webkit-hyphens: auto;

	word-wrap: break-word;
	


}

.site-content article.post,
.search article{	/* FF ADDED */
	
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.grid_8_of_12 .page{padding: 0 0.5rem;}

	/* FF ADDED */

/*.site-header .grid_12_of_12{padding: 0;}*/

#primary .grid_7_of_12,

#primary .grid_9_of_12 {padding: 0 1rem;}

/*.front_page .grid_12_of_12 {padding: 0 0rem;}*/

/* Form on page 404.php */

#primary .grid_12_of_12 form{max-width: 600px;}

	/* / FF ADDED */



/* *** FF ADDED *** */

.site-content article:first-of-type{

  margin-left: 0;

}

/* *** /FF ADDED *** */



.header-meta {

	/*border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;*/

	/*margin-bottom: 10px;

	margin-bottom: 0.625rem;*/

	padding: 5px 0;

	padding: 0.3125rem 0;

	*zoom: 1;

	/* FF ADDED */

	text-transform: uppercase;

	/* /FF ADDED */

}



.header-meta:before,

.header-meta:after {

	content: "";

	display: table;

}



.header-meta:after { clear: both; }



.header-meta a {

	text-decoration:none;

}



.header-meta a:visited {

	color: #333;

}



.header-meta a:hover {

	color: #00a64a;

}



.entry-content {

	margin-bottom: 20px;

	margin-bottom: 1.25rem;

	*zoom: 1;

}



.entry-content:before,

.entry-content:after {

	content: "";

	display: table;

}



.entry-content:after { clear: both; }



.post-categories a,

.post-tags a {

	font-size: 14px;

	font-size: 0.875rem;

	background-color: #333;

	color: #fff;

	padding: 0 5px;

	padding: 0 0.3125rem;

	margin: 0 3px 0 0;

	margin: 0 0.1875rem 0 0;

	display: inline;

	text-decoration: none;

}



.post-categories a:visited,

.post-tags a:visited {

	color: #fff;

}



.post-categories a:hover,

.post-tags a:hover {

	background-color: #00a64a;

	color: #fff;

}



.entry-header address,

.comment-content address {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: italic;

	font-weight: 400;

	display: block;

}



.entry-header address {

	display: inline;

}



.entry-header time,

.entry-header address {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-weight: bold;

	font-size: 12px;

	font-size: 0.75rem;

	margin: 0 20px 0 0;

	margin: 0 1.25rem 0 0;

}



.page-links {

	clear: both;

	line-height: 1.75;

	color: #333;

}



.page-links .page-numbers {

	background-color: #333;

	border: 1px solid #333;

	padding: 2px 4px;

	padding: 0.125rem 0.25rem;

	color: #fff;

}



.page-links a {

	text-decoration: none;

}



.page-links a .page-numbers {

	background-color: transparent;

	color: #333;

}



.page-links a:hover .page-numbers {

	background-color: #00a64a;

	color: #fff;

}



.more-link {

	text-decoration: none;

}



.post-edit-link {

	text-decoration: none;

}



.entry-content dl,

.comment-content dl {

	margin: 0 24px;

	margin: 0 1.5rem;

}



.entry-content dt,

.comment-content dt {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 700;

	line-height: 1.5;

}



.entry-content dd,

.comment-content dd {

	line-height: 1.5;

	margin-bottom: 24px;

	margin-bottom: 1.5rem;

}



.entry-content table,

.comment-content table {

	border-bottom: 1px solid #ccc;

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 2;

	margin: 0 0 24px;

	margin: 0 0 1.5rem;

	width: 100%;

}



.entry-content table caption,

.comment-content table caption {

	font-size: 16px;

	font-size: 1rem;

	margin: 24px 0;

	margin: 1.5rem 0;

}



.entry-content td,

.comment-content td {

	border-top: 1px solid #ccc;

	padding: 6px 10px 6px 0;

	padding: 0.375rem 0.625rem 0.375rem 0;

}



.entry-content ol,

.comment-content ol,

.entry-content ul,

.comment-content ul {

	margin: 0 0 24px;

	margin: 0 0 1.5rem;

	line-height: 1.5;

	padding: 0;

}



.entry-content ul ul,

.comment-content ul ul,

.entry-content ol ol,

.comment-content ol ol,

.entry-content ul ol,

.comment-content ul ol,

.entry-content ol ul,

.comment-content ol ul {

	margin-bottom: 0;

}



.entry-content ul,

.comment-content ul {

	list-style: disc outside;

}



.entry-content ol,

.comment-content ol {

	list-style: decimal outside;

}



.entry-content li,

.comment-content li {

	margin: 0 0 0 28px;

	margin: 0 0 0 1.75rem;

}



/* Author profiles */

.author .archive-header {

	margin-bottom: 24px;

	margin-bottom: 1.5rem;

}



.author-info {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	margin: 24px 0;

	margin: 1.5rem 0;

	padding: 24px 0;

	padding: 1.5rem 0;

	overflow: hidden;

	*zoom: 1;

}



.author-info:before,

.author-info:after {

	content: "";

	display: table;

}



.author-info:after { clear: both; }



.author-description h2 {

	font-size: 24px;

	font-size: 1.5rem;

}



.author-description p {

	color: #777;

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 1.5;

	margin-bottom: 8px;

	margin-bottom: 0.5rem;

}



.author-link {

	font-size: 14px;

	font-size: 0.875rem;

}



.author-link a {

	color: #777;

	text-decoration: none;

}



.author-link a:visited { 

	color: #666;

}



.author-link a:focus,

.author-link a:hover,

.author-link a:active { 

	outline: 0;

	color: #00a64a;

}



.author.archive .author-info {

	border-top: 0;

	margin: 0 0 48px;

	margin: 0 0 3rem;

}



.author.archive .author-avatar {

	margin-top: 0;

}



.author.archive .author-link {

	display: none;

}



.author-avatar {

	float: left;

	margin-top: 8px;

	margin-top: 0.5rem;

}



.author-description {

	float: right;

	width: 80%;

}



.social-meta a {

	text-decoration: none;

	margin-right: 5px;

	margin-right: 0.3125rem;

}





/* ==========================================================================

   Post Formats

   ========================================================================== */



.entry-media {

	margin: 0 auto 16px;

	margin: 0 auto 1rem;

	max-width: 792px;

	width: 100%;

}



.entry-media .wp-caption,

.entry-media .wp-caption-text,

.entry-media [class*="align"] {

	margin: 0 auto;

}



/* Aside */

.format-aside .entry-content {

	margin: 20px 0 18px 0;

	margin: 1.25rem 0 1.125rem 0;

}



.format-aside .entry-content p:last-child {

	margin-bottom: 0;

}



/* Status */

.format-status .entry-content {

	border-left: 5px solid #ddd;

	margin: 20px 0 18px 0;

	margin: 1.25rem 0 1.125rem 0;

	padding: 0 0 0 15px;

	padding: 0 0 0 0.9375rem;

}



.format-status .entry-content p {

	font-size: 20px;

	font-size: 1.25rem;

	font-style: italic;

}



.format-status .entry-content p:last-child {

	margin-bottom: 0;

}



/* Quote */

.format-quote .entry-content blockquote:before {

	font-family: 'FontAwesome';

	font-weight: normal;

	font-style: normal;

	speak: none;

	vertical-align: top;

	font-size: 40px;

	font-size: 2.5rem;

	content: "\f10d";

	color: #ddd;

	top: -15px;

	left: 0;

	position: absolute;

	z-index: -1;

}



.format-quote .entry-content {

	margin-top: 24px;

	margin-top: 1.5rem;

	position: relative;

}



.format-quote .entry-content blockquote {

	border: none;

	margin-left: 40px;

	margin-left: 2.5rem;

}



/* Audio */

.format-audio .wp-audio-shortcode {

	margin-bottom: 16px;

	margin-bottom: 1rem;

}





/* ==========================================================================

   Archives

   ========================================================================== */



.archive-header,

.page-header {

	margin-bottom: 16px 0 20px 0;

	margin: 1rem 0 1.25rem 0;

	/*border-bottom: 1px solid #CCCCCC;*/

}



.archive-meta {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: italic;

	font-weight: 400;

	color: #777;

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 2;

	margin-top: 16px;

	margin-top: 1rem;

}

/* FF ADDED - archive right column single page (sidebar-archive) */

.archive-latest{	
	background-color: #fff;
	padding: 20px !important;
	overflow:auto;
	border: 2px solid #00a64a;
	}
.archive-latest a{
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #f1f1f1;
	}
.archive-latest a:first-child{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	}
.archive-latest span{
	color: #999;
	font-size: 0.75em;
	font-size: 12px;
	font-style: italic;
	}


/* ==========================================================================

   Comments

   ========================================================================== */



.comments-title {

	margin-bottom: 48px;

	margin-bottom: 3rem;

	font-size: 32px;

	font-size: 2rem;

	line-height: 1.5;

	font-weight: normal;

}



.comments-area article {

	padding-bottom: 16px;

	padding-bottom: 1rem;

	margin: 24px 0;

	margin: 1.5rem 0;

	border-bottom: 1px solid #ccc;

}



.comments-area article header {

	margin: 0 0 24px;

	margin: 0 0 1.5rem;

	overflow: hidden;

	position: relative;

}



.comments-area article header img {

	float: left;

	padding: 0;

	line-height: 0;

}



.comments-area article header cite,

.comments-area article header time {

	display: block;

	margin-left: 84px;

	margin-left: 5.25rem;

}

.comments-area article header cite {

	font-style: normal;

	font-size: 16px;

	font-size: 1rem;

	line-height: 1.5;

}



.comments-area article header time {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: italic;

	font-weight: 400;

	line-height: 1.8;

	text-decoration: none;

	font-size: 14px;

	font-size: 0.875rem;

	color: #5e5e5e;

}



.comments-area article header a {

	text-decoration: none;

	color: #5e5e5e;

}



.comments-area article header a:hover {

	color: #21759b;

}



.comments-area article header cite a {

	color: #444;

}



.comments-area article header cite a:hover {

	text-decoration: underline;

}



.comments-area article header h4 {

	position: absolute;

	top: 0;

	right: 0;

	padding: 8px 14px;

	padding: 0.5rem 0.875rem;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: normal;

	color: #fff;

	background-color: #0088d0;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #009cee, #0088d0);

	background-image: -ms-linear-gradient(top, #009cee, #0088d0);

	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);

	background-image: -o-linear-gradient(top, #009cee, #0088d0);

	background-image: linear-gradient(top, #009cee, #0088d0);

	border-radius: 3px;

	border: 1px solid #007cbd;

}



.comments-area li.bypostauthor cite span {

	position: absolute;

	margin-left: 6px;

	margin-left: 0.375rem;

	padding: 2px 6px;

	padding: 0.125rem 0.375rem;

	font-size: 12px;

	font-size: 0.75rem;

}



a.comment-reply-link {

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 1.8;

	color: #686868;

	text-decoration: none;

}



a.comment-reply-link:hover {

	color: #21759b;

}



.commentlist .pingback {

	line-height: 1.8;

	margin-bottom: 24px;

	margin-bottom: 1.5rem;

	padding-bottom: 0;

}



.commentlist .children {

	margin-left: 48px;

	margin-left: 3rem;

}



.commentlist {

	padding-left: 0;

}



/* Comment form */

#respond {

	margin-top: 48px;

	margin-top: 3rem;

}



#respond h3#reply-title #cancel-comment-reply-link {

	margin-left: 12px;

	margin-left: 0.75rem;

	font-weight: normal;

	font-size: 12px;

	font-size: 0.75rem;

}



#respond form {

	margin: 24px 0 32px 0;

	margin: 1.5rem 0 2rem 0;

}



#respond form p {

	margin: 12px 0;

	margin: 0.75rem 0;

}



#respond form p.logged-in-as {

	margin-bottom: 24px;

	margin-bottom: 1.5rem;

}



#respond form label {

	display: block;

	line-height: 1.8;

}



#respond form input[type="text"],

#respond form textarea {

	font-family: inherit;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font-size: 16px;

	font-size: 1rem;

	line-height: 1.8;

	padding: 8px;

	padding: 0.5rem;

	width: 100%;

}



#respond form input[type="text"] {

	width:48%;

}



#respond form p.form-allowed-tags {

	margin: 0;

	font-size: 12px;

	font-size: 0.75rem;

	line-height: 1.5;

	color: #5e5e5e;

}



#respond form p.form-allowed-tags code {

	background: none;

	border: none;

	color: #5e5e5e;

}



label .required,

span.required {

	color: #bb0504;

}



form label.error {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 700;

	display:block;

	padding: 0 10px 0 10px;

	padding: 0 0.625rem 0 0.625rem;

	margin: 5px 0 5px 0;

	margin: 0.3125rem 0 0.3125rem 0;

	font-size: 14px;

	font-size: 0.875rem;

	border-left: 4px solid #bb0504;

	display: none;

}



#respond form label.error {

	line-height: 1.3;

}



/* ==========================================================================

   Footer

   ========================================================================== */



  #footercontainer {

  background-color: #000;

	width: 100%;	

	clear: both;

}



.site-footer {

	clear: both;

	width: 90%;

	font-size: 16px;

	font-size: 1rem;

	max-width: 1000px;

	margin: 0 auto;

	padding: 30px 0 0 0;

	padding: 1.875rem 0 0 0;

	color: #f1f1f1;

}



.site-footer h3 { 

	color: #fff;

}



.site-footer a { 

	color: #fff;

	font-weight: normal !important;

}



.site-footer a:visited { 

	color: #fff;

}



.site-footer a:hover { 

	color: #000;

}



.site-footer a:focus { 

	outline: thin dotted;

	color: #d1d1d1;

}



.site-footer .widget-area .widget {

	margin-bottom: 32px;

	margin-bottom: 2rem;

}



/* FF ADDED */

.site-footer img{

  width: 21px;

  margin-right: 8px;

  margin-right: 0.5rem;

  vertical-align: top;

	}

	

.white_line{

	margin: 16px 0 0 0;	

	margin: 1rem 0 0 0;	

	border: 1px solid #fff;

}



#sponsorer img{

	margin: 0 16px;

	margin: 0 1rem;

	max-height: 50px;

	}

/* /FF ADDED */



.smallprint {

	background-color: #fff;

}



.smallprint p {

  margin-top: 32px;

  margin-top: 2rem;

  font-size: 14px;

  font-size: 0.875rem;

  color: #999;

  font-weight: normal;

}



.smallprint a { 

  color: #00a64a;

  font-weight: bold;

}



.smallprint a:visited { 

	color: #999;

}



.smallprint a:hover { 

	color: #999;

}



/* *** FF ADDED *** */

#footercontainer .smallprint{

	margin-top: 16px;	

	margin-top: 1rem;	

	padding: 32px 0 0 0;

	padding: 2rem 0 0 0;

}

/* *** /FF ADDED *** */



/* ==========================================================================

   Widgets

   ========================================================================== */



.widget-area ul {

	list-style: none outside none;

	padding-left: 0;

}



.widget-area .widget {

	-moz-hyphens: auto;

	-ms-word-break: break-all;

	-webkit-hyphens: auto;

	hyphens: auto;

	word-wrap:break-word;

	word-break: break-word;

	margin-bottom: 48px;

	margin-bottom: 3rem;

}



.widget select {

	margin-left: 1px;

	margin-left: 0.0625rem;

}



.widget-area .widget ul ul {

	margin-left: 12px;

	margin-left: 0.75rem;

}



.widget_rss li {

	margin: 12px 0;

	margin: 0.75rem;

}



.widget_recent_entries .post-date,

.widget_rss .rss-date {

	font-size: 12px;

	font-size: 0.75rem;

	margin-left: 12px;

	margin-left: 0.75rem;

}



#wp-calendar {

	margin: 0;

	width: 100%;

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 2;

}



#wp-calendar th,

#wp-calendar td,

#wp-calendar caption {

	text-align: center;

}



#wp-calendar thead {

	border-top: 1px solid #aaa;

	border-bottom: 1px solid #aaa;

}



#wp-calendar caption {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 700;

	text-transform: uppercase;

	text-align: left;

}



#wp-calendar #today {

	background-color: #ddd;

}



#wp-calendar tfoot {

	border-top: 1px solid #aaa;

	border-bottom: 1px solid #aaa;

}



#wp-calendar #next {

	padding-right: 24px;

	padding-right: 1.5rem;

	text-align: right;

}



.widget_search label {

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	line-height: 1.5;

}



.widget_twitter li {

	list-style-type: none;

}



.widget_twitter .timesince {

	display: block;

	text-align: right;

}





/* ==========================================================================

   Content Navigation

   ========================================================================== */



.site-content nav {

	clear: both;

	line-height: 2;

	overflow: hidden;

}



#nav-above {

	padding: 24px;

	padding: 1.5rem;

}



#nav-above {

	display: none;

}



.paged #nav-above {

	display: block;

}



.nav-previous,

.previous-image {

	float: left;

	width: 50%;

	line-height: 1.3;

}



.nav-previous a,

.nav-next a {

	text-decoration: none;

}



.nav-next,

.next-image {

	float: right;

	text-align: right;

	width: 50%;

	line-height: 1.3;

}



.nav-single + .comments-area,

#comment-nav-above {

	margin: 48px 48px 48px 0;

	margin: 3rem 3rem 3rem 0;

}



ul.page-numbers {

	padding: 0;

	margin: 0;

	text-align: center;

	line-height: 2;

}



li a.page-numbers,

li span.page-numbers {

	padding: 5px;

	padding: 0.3125rem;

	border: 1px solid #333;

	text-decoration: none;

}



li a:visited.page-numbers {

	color: #333;

}



li a:hover.page-numbers {

	background-color: #00a64a;

	color: #fff;

}



li a:hover.prev,

li a:hover.next {

	background-color: transparent;

	color: #00a64a;

}



.page-numbers li {

	display: inline;

}



li span.current {

	background-color: #333;

	color: #fff;

}



li a.prev,

li a.next,

li span.dots {

	border: none;

}





/* ==========================================================================

   Main Navigation

   ========================================================================== */



.main-navigation {

	text-align: left;

	float: right;

	clear: right;

	/* margin: 45px 0 0 0;

	margin: 2.8125rem 0 0 0; */

	/* FF ADDED */

	margin: 8px 0 0 0;

	margin: 0.5rem 0 0 0;

	width: 100%;

	/* /FF ADDED */

}



.main-navigation h1 {

	font-size: 32px;

	font-size: 2rem;

	line-height: 1.25;

}



.nav-menu {

	font-family: 'PT Sans', Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 700;

	font-size: 18px;

	font-size: 1.125rem;

	line-height: 1.5;

}



.main-navigation ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



.main-navigation li {

	float: left;

	position: relative;

	margin: 0 36px 0 0; /* Margin on the left side of each top level menu item (since it's floated right) */

	margin: 0 2.25rem 0 0;

	/* FF ADDED */

	text-transform: uppercase;

	font-size: 22px;

	font-size: 1.375rem;

	/* /FF ADDED */

}



.main-navigation ul ul li {

	margin: 0;

}



/*.main-navigation li.menu-parent-item > a:after {  If you don't want the arrows on the top level drop down, simply remove this style 

	font-family: 'FontAwesome';

	font-weight: normal;

	font-style: normal;

	speak: none;

	vertical-align: middle;

	font-size: 9px;

	font-size: 0.5625rem;

	content: " \f078";

}*/



.main-navigation ul li li.menu-parent-item > a:after { /* If you don't want the arrows on the sub-menu options, simply remove this style */

	font-family: 'FontAwesome';

	font-weight: normal;

	font-style: normal;

	speak: none;

	vertical-align: middle;

	font-size: 9px;

	font-size: 0.5625rem;

	content: " \f054";

}



.main-navigation ul a {

	padding: 0; /* Padding around each top level menu option (if needed) */

}



.main-navigation ul ul a {

	padding: 5px 8px; /* Padding around each dropdown menu option */

	padding: 0.3125rem 0.5rem;

}



.main-small-navigation a, .main-navigation a {

	display: block;

	text-decoration: none;

	color: #000; /* Nav bar link color */

}



.main-navigation ul ul {

	display: none;

	position: absolute;

	left: 0;

	z-index: 99999;

	line-height: 1.7;

	background-color: #fff; /* Nav bar dropdown background color */

	-webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.3);

	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);

}



.main-navigation ul ul ul {

	left: 100%;

	top: 0;

}



.main-navigation ul ul a {

	color: #333; /* Nav bar dropdown link color */

	width: 17em; /*width: 10.5em;  Nav bar dropdown width */

	font-size: 16px;

}



.main-navigation ul ul li {

}



.main-navigation li a {

	border-bottom: 3px solid #fff;

}

.main-navigation .sub-menu li a {

	border-bottom: none;

}



.main-navigation li:hover > a {

	color: #333; /* Nav bar link color on hover */

	border-bottom: 3px solid #00a64a;

}



.sub-menu li:hover > a{

	border-bottom: none;

}





.main-navigation ul ul :hover > a {

	color: #333; /* Nav bar dropdown level 2 link color on level 3 hover */

	background-color: #f1f1f1; /* Nav bar dropdown link background color on hover */

}



.main-navigation ul ul a:hover {

	color: #000; /* Nav bar dropdown link color on hover */

}



.main-navigation ul li:hover > ul {

	display: block;

}



.main-navigation li.current_page_item a,

.main-navigation li.current-menu-item a {

}



.main-navigation .current-menu-item > a,

.main-navigation .current_page_item > a,

.main-navigation .current_page_parent > a,

.main-navigation .current-menu-ancestor > a,

.main-navigation .current_page_ancestor > a {

	/*color: #000;  Nav bar link color for current menu item or ancestor */

	border-bottom: 3px solid #00a64a;

}

.main-navigation .current_page_parent .current-menu-item > a{color: #00a64a; border-bottom: none;}



.main-navigation .current_page_parent .current-menu-item > a:hover{color: #000;}



.main-navigation ul .divider {

    border-bottom: 1px solid #aaa;

    height: 0;

    line-height: 0.0625;

    overflow: hidden;

}



.main-navigation ul li.dropdown-header a,

.main-navigation ul li.current-menu-item ul .dropdown-header a {

	color: #aaa; /* Nav bar dropdown header color */

	background-color: #333; /* Nav bar dropdown header background color */

}



/* Small menu toggle for mobile devices */

.menu-toggle {

	cursor: pointer;

}



.main-small-navigation .nav-menu {

	display: none;

}





/* MAIN NAV -> SUB MENU */

.sub-menu li a{text-transform: none;}

nav ul#menu-huvudmeny .sub-menu li a::before {content: none;}



/* ==========================================================================

   WPML translation plugin

   ========================================================================== */



#lang_sel {

	width: 65%;

	height: 35px;

}



#lang_sel li {

	width: 100%;

}



#lang_sel ul ul {

	top: 35px;

	width: 100%;

}



#lang_sel a.lang_sel_sel {

	border-radius: 3px;

}



#lang_sel a,

#lang_sel a:visited {

	font-size: 16px;

	font-size: 1rem;

	padding: 5px 0 5px 10px;

}



.main-navigation .menu-item-language .iclflag {

	margin-top: 7px;

}



#lang_sel .iclflag {

	margin-top: 2px;

}



#lang_sel .lang_sel_sel .iclflag {

	margin-top: 6px;

}



#lang_sel_footer .iclflag,

#lang_sel_footer .icl_lang_sel_current {

	margin-top: 6px;

}



/* ==========================================================================

   FF ADDED *****************************************************************

   ========================================================================== */

	 

/* *** STOD OSS IN HEADER *** */

.top_link h1{

	padding: 2.5rem 4rem 0 0;

	text-align: right;

}



.top_link h1 a{	

	font-weight: bold;

	border-bottom: 5px solid #ea5197;

	text-decoration: none;

}

.top_link h1 a:visited{ color: #000; }

.top_link h1 a:hover{ border-bottom: 5px solid #000; }





/* *** FLEXSLIDER *** */

.flexslider, .flexslider-controls {

  width: 100%;

}



.slide_text {

  /*background-color: transparent;

  background-color: rgba(0, 0, 0, 0.5);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */

  top: 0;

  color: #fff;

  display: block;

  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);  IE6–IE9 */

  right: 0px;

  margin: 64px 56px;

  margin: 4rem 3.5rem;

  position: absolute;

  width: 35%;

  text-align: center;

  zoom: 1;

}

/*

.slide_title {

  font-size: 0.5rem;

  text-transform: uppercase;

}*/



.slide_title {

  font-size: 32px;

  font-size: 2rem; 

	color: #fff;

	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);

  display: block; 

	text-align: center; 

}



.slide_button {

  background-color: #000;

  margin: 24px auto 0;

  margin: 1.5rem auto 0;
  
  width: 80%;

  font-size: 24px;

  font-size: 1.5rem; 

  color: #fff;

  display: block; 

  text-align: center; 

}



.slide_button a{
  padding: 16px;
  padding: 1rem;
  text-decoration: none;
  color: #fff;
  display: block;
}



.slide_subtext{

	position: absolute; 

	bottom: 0; 

	padding: 16px 32px;

	padding: 1rem 2rem; 

	background-color: rgba(0, 0, 0, 0.6); 

	color: #fff;

	}



.flex-control-nav li {

  /*background: #000;*/

	/* background: #eee; */

  /* border-right: solid #fff 1px; */

  color: #eee;

  cursor: pointer;

  float: left;

  margin: 0.09em 0 0 0;

  padding: 1em 1em;  

  vertical-align: middle;

  width: 20%; /* FF CHANGED Before:   width: 25%; */

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.flex-control-nav li:last-child {

   border: none;

}



.flex-control-nav .flex-active {

  background: #79845a;

  color: #fff;

}



/* SLIDER NAVIGATION BUTTONS */ 



.flex-control-paging li a {

  background-color: #e9e9e9;

  background-image: linear-gradient(to bottom, #f5f5f5, #d9d9d9); /* add prefixed versions */

  background-repeat: repeat-x;

  box-shadow: inset 0 -1px 0 0 white, 0 1px 0 0 rgba(0, 0, 0, 0.1);



  height: 14px;

  width: 14px;

}

.flex-control-paging li a.flex-active {

  background: #00a64a;

  border: 2px solid #000;

 /* box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 0 rgba(0, 0, 0, 0.25);*/

}

.flex-control-paging li a:hover {

  background: #015697;

  /*border-color: #00a64a;

  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 0 rgba(0, 0, 0, 0.25);*/

}





/* Minified FlexSlider CSS with Chrome fix */



.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none;}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;/*-webkit-backface-visibility:hidden;*/position:relative}.flexslider .slides img{width:100%;display:block; /* FF ADDED */ }



.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] 



.slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}

.flexslider{background:#f1f1f1 ;position:relative;zoom:1}

.flex-viewport{max-height: 2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}

.loading .flex-viewport{max-height:300px}

.flexslider .slides{zoom:1}

.carousel li{margin-right:5px}

.flex-direction-nav{*height:0}

.flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;display:block;background-position: 0 0;background-repeat: no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}

.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}

.flex-direction-nav 

.flex-prev{left:-36px}

.flexslider:hover .flex-next{opacity:.8;right:5px}

.flexslider:hover .flex-prev{opacity:.8;left:5px}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}

.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}

.flex-control-nav{width:100%;text-align:center}

.flex-control-nav li{zoom:1;*display:inline}

.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.4);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}

.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}

.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}

.flex-control-thumbs li{width:25%;float:left;margin:0}

.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}

.flex-control-thumbs img:hover{opacity:1}

.flex-control-thumbs .flex-active{opacity:1;cursor:default}







.flex-control-nav{

  bottom: 0;

  color: #fff;

  display: block;

  right: 0px;

  margin: 0;

  position: absolute;

  width: 15%;

  zoom: 1;}

  



/* *** FRONTPAGE BUTTONS *** */



.front_page .grid_2_of_12{margin-top: 0px !important;}


#knapp-overst, #knapp-underst{background-color: #00a64a; height: 20%; }
#knapp-mitten{background-color: #fff;}
/*#knapp-mitten img{min-height: 246px;}*/
#knapp-overst:hover, #knapp-underst:hover{background-color: #000;}
#knapp-mitten:hover{opacity: 0.85; }

#knapp-mitten{background-color: #00a64a; height: 60%; /* border-top: 1px solid #fff; border-bottom: 1px solid #fff; ''' */}





.frontpage_buttons{

	margin-top: 0px;

	/*min-height: 130px;*/

	text-align:center;

	

}

.frontpage_buttons:first-child{

 /* margin-top: 0px; ''' */ 

}



.frontpage_buttons a{

	color: #FFF;

}



  

  #knapp-overst a, #knapp-underst a, #knapp-mitten h3{

	display: block;

  /* '''	padding: 14px;

	padding: 0.9rem;*/

	

}



.frontpage_buttons h1{

	font-size: 32px;

	font-size: 2rem;

	line-height: 1;

}



.frontpage_buttons h2{

	font-size: 24px;

	font-size: 1.5rem;

	line-height: 1;

}



.frontpage_buttons h3{

	font-size: 16px;

	font-size: 1rem;

	line-height: 1.5;

}

.frontpage_buttons h1, 

.frontpage_buttons h2, 

.frontpage_buttons h3 {

	font-family: Omnes, sans-serif; 

	font-weight: normal; 	

	letter-spacing: 2px;  

	color: #fff;

	}

.frontpage_buttons strong{

	font-family: sans-serif; 

	font-weight: 800;

	}

	

.frontpage_buttons#knapp-overst h2 { color: #000;}



/* *** FRONTPAGE BANNERS *** */

.frontpage_banners{

	display: block;

	min-height: 180px;

	margin-bottom: 4px; 

	margin-bottom: 0.25rem; 

	color: #000;

	overflow: auto;

	}

.frontpage_banners:hover{

	color: #000;

	}

.frontpage_banners p,

.frontpage_banners p strong,

.font{

	font-family: Omnes, sans-serif !important;

	}

.frontpage_banners #blue_banner{

	padding: 16px;

	padding: 1rem;	

}

#blue_banner{    

	background: #def5cf;

    padding: 1.5rem;

	}

#blue_banner:hover{    

	background: #c1eca5;

}

#green_banner{

	background: #00a64a;

    padding: 1.5rem;

}

#green_banner:hover{  

	background: #009542;

}

#yellow_banner{

    background: #f0e8c7;

    padding: 1.5rem;
    overflow: auto;

}

/* old styling
#blue_banner{    

	background: #88d0f0 url(images/feet_left.png) 0 0 no-repeat;

    padding: 1.5rem;

	}

#blue_banner:hover{    

	background: #85c5e5 url(images/feet_left.png) 0 0 no-repeat;

}

#green_banner{

	background: #00a64a url(images/feet_right.png) 100% 0 no-repeat;

    padding: 1.5rem;

}

#green_banner:hover{  

	background: #6fa613 url(images/feet_right.png) 100% 0 no-repeat;

}

#yellow_banner{

    background: #eae34d url(images/feet_bottom.png) 0 100% no-repeat;

    padding: 1.5rem;
    overflow: auto;

}*/

.hogerkolumn #yellow_banner{
    background: #88d0f0 url(images/feet_bottom.png) 0 100% no-repeat;
}
 



/* *** FEAUTERED ARTICLES (FRONT PAGE) *** */

#wrap{position: relative;}

.content, .content:before {

    width:83.06%;

}

.content {

    float:left;

    padding: 0;

}

.content:before {

    content: '';

    position: absolute;

    top: 0;

/* Remove?    bottom: 0;  */

    z-index: -1;

    left: 0;

}

.sidebar, .sidebar:before {

    width:15.33%;

}

.sidebar {

    float:left;

    padding: 0;

	position: absolute;

    height: 100%;
	
	top: 0;

    right: 0;

}

.sidebar:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: -1;

    left: 83.06%;

}









.equal_height_wrap{

  position: relative;

	margin: 32px 0;

	margin: 2rem 0;

	}

.equal_height_col_1, .equal_height_col_1:before,

.equal_height_col_2, .equal_height_col_2:before,

.equal_height_col_3, .equal_height_col_3:before, 

.equal_height_col_4, .equal_height_col_4:before {

    width:25%;

}

.equal_height_col_1 {

    float:left;

}

.equal_height_col_1:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: -1;

    left: 0;

}



.equal_height_col_2 {

    float:left;

}

.equal_height_col_2:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: -1;

    left: 25%

}



.equal_height_col_3 {

    float:left;

}

.equal_height_col_3:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: -1;

    left: 50%;



}



.equal_height_col_4 {

    float:left;

}

.equal_height_col_4:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: -1;

    left: 75%;



}



.equal_height_col_1:before,

.equal_height_col_3:before{

  border-top: 5px solid #000;

	border-bottom: 5px solid #000;

}

.equal_height_col_2:before,

.equal_height_col_4:before{

  border-top: 5px solid #00a64a;

	border-bottom: 5px solid #00a64a;

}



.featured{

  padding: 12px;

	padding: 0.75rem;

	float: left;

}



.featured p{margin: 0;}





/* *** NEWSFEED (FRONT PAGE) *** */

.news_article{

	background-color: #f1f1f1;

	padding: 16px;

	padding: 1rem;
	min-height: 659px;

	}

.news_article h2{

	text-align: center;

	}

.news_article article{

	padding: 1rem 0;

	border-top: 1px solid #fff;
	
	overflow: auto; /* FF ADDED */

  /*width: 25%;

  float: left;*/

}

.news_article article:first-of-type{

	border-top: none;	

}

.news_article h4{

	color: #00a64a;

	}
.news_article a{

	color: #333;

	}

.news_article a:hover{

	color: #00a64a;

	}
	/*

#primary header{

  margin-bottom: 0;

	padding-right: 8px;

	padding-right: 0.5rem;

}

#primary h4.entry-title{

  margin: 8px 0 4px;

	margin: 0.5rem 0 0.25rem;

}

#primary .entry-summary p{

	padding-right: 8px;

	padding-right: 0.5rem;

}*/



.news_article .entry-header{

  margin: 0;

	padding: 8px 16px 0 0;	

	padding: 0.5rem 1rem 0 0;						

}



.news_article .entry-summary{

  margin: 0;

	padding: 0 16px 0 0;	

	padding: 0 1rem 0 0;		

	}



.news_article a img{

	/*width: 98%;*/						

}



/* *** /NEWSFEED (FRONT PAGE) *** */



/* *** *** *** NOT FRONT PAGE *** *** *** */



/* *** SHARE BUTTONS *** */

/*#share_buttons {margin-bottom: 8px; margin-bottom: 0.5rem;}*/

#share_buttons a{float: right;}

/* *** BREADCRUMBS *** */

#crumbs{

	margin: 8px 0;

	margin: 0.5rem 0;

  font-size: 12px;

  font-size: 0.75rem;

  font-weight: bold;

}

#crumbs a{

  color: #00a64a;

}

#crumbs a:hover{

  color: #000;

}

#crumbs .current{

  font-weight: normal;

}



/* *** TOP MENU *** */

ul#menu-toppmeny li,

#search{

  padding: 8px 0 8px 8px;

  padding: 0.5rem 0 0.5rem 0.5rem;

  border-bottom: none;

  font-size: 12px; 

  font-size: 0.75rem;

  text-transform: uppercase;

}

/*ul#menu-toppmeny li a:hover{

	color: #00a64a;

}

ul#menu-toppmeny li:first-of-type{

 border-top: none;

}

ul#menu-toppmeny li:last-of-type{

 margin-right: 8px;

 margin-right: 0.5rem;

}

ul#menu-toppmeny li.current-menu-item{

  /*background-color: #00a64a;*/

/*}*/

ul#menu-toppmeny li.current-menu-item a,

.widget-area .current-menu-item a,

.widget-area .current-post-parent a{

  color: #00a64a;

}

.widget-area .current-menu-item ul li a{color: #333;}

.widget-area .current-menu-item ul li a:hover{color: #00a64a;}



/*.sub-menu{margin-top: 8px; margin-top: 0.5rem;}*/



/* *** SIDEBAR *** */

.widget-area .menu{
	background-color: #f1f1f1;
	padding: 10px 15px;
	}

.widget-area .menu li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	}
.widget-area .menu li:last-of-type{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	}
	

	
	
/*.widget-area .menu li a{
	margin: 5px 0;
	display: block;
	}
*/

/*ul#menu-huvudmeny li a{*/

	/*margin: 4px 0;

    display: block;

	color: #000;*/

/*	}

ul#menu-huvudmeny li a:hover{

	color: #00a64a;

	}

ul#menu-huvudmeny li.current-menu-item a{

		color: #00a64a !important;

	}

ul#menu-huvudmeny li.current-menu-item ul li a{

	color: #000 !important;

}*/



/* *** SUB SIDEBAR *** */ 

ul#menu-huvudmeny ul.sub-menu{margin: 0 !important; padding-top: 5px;}

ul#menu-huvudmeny .sub-menu li a::before{

	content: "\203A";

	margin-right: 4px;

	}
.widget-area .menu li .sub-menu li{
	border-bottom: none;
	}
	

/* *** SIDEBAR - RIGHT *** */



.hogerkolumn div{

	margin-bottom: 10px;

	}

/* Inforuta & uppmaning */

.flexible_info_ruta,
.flexible_uppmaning_ruta{

	background-color: #fff;

	padding: 20px;

	overflow:auto;

	}
	
.flexible_info_ruta{border: 2px solid #00a64a;}
.flexible_info_ruta img{border: 1px solid #bbb !important;}


.flexible_uppmaning_ruta{text-align: center;}

/* BILD / BANNER */
.flexible_bild img{

	clear: both;

	width: 100%;

	margin: 5px 0;

	}

/* END Djurskyddet */



.sidebar-right{

  margin: 0 0 16px 16px;	

  margin: 0 0 1rem 1rem;	

	}

	

.sidebar-right .text{

  background-color: #f1f1f1;	

	margin-bottom: 16px;

	margin-bottom: 1rem;

	padding: 16px;

	padding: 1rem;

	}



/* Margin over banner */

.sidebar-right a img,

.sidebar-right img{

	margin: 16px auto 0;

	margin: 1rem auto 0;

	display: block;

	}

	

.sidebar-right .text:hover{

  background-color: #f6f6f6;	

	color: #000;

	}

	

.sidebar-right .text p,

.sidebar-right form td{	

  color: #000;

	font-size: 12px;

	font-size: 0.75rem;

	}



.sidebar-right .text p:hover{	

  color: #000;

	}

	



/* *** WIDGETS *** */

/* Nyheter */

#recent-posts-2 li, 

#recent-posts-3 li{margin: 12px 0; margin: 0.75rem 0;}



/* *** SUPPORT PAGE *** */

.support .entry-content{margin-bottom:0;}

.support img{

  width: 32%;

	margin: 8px 8px 0 0;

	margin: 0.5rem 0.5rem 0 0;

	float: left;

}

.support img.alignright{

	float: right;

}

.support img:hover{

  opacity: 0.8;

}

.support:first-of-type{

  margin: 8px 0 0 0;

  margin: 0.5rem 0 0 0;

}







/* *** CONTACT FORM *** */

#contact_form_7 {padding: 48px 32px 32px 32px; padding: 3rem 2rem 2rem 2rem; background-color: #f1f1f1; overflow: auto;}

#contact_form_7 h3{margin-bottom: 24px; margin-bottom: 1.5rem;}

#contact_form_7 p:first-child {margin: 0;font-size: 12px; font-size: 0.75rem;}

#contact_form_7 p img{float: left; position: relative; bottom: 24px; bottom: 1.5rem;}



#contact_form_7 input[type="text"], 

#contact_form_7 input[type="password"], 

#contact_form_7 input[type="email"], 

#contact_form_7 input[type="url"],

#contact_form_7 input[type="tel"], 

#contact_form_7 textarea{

			margin-bottom: 16px;

			margin-bottom: 1rem;

			color: #333;

			font-size: 16px;

			font-size: 1rem;

		}

		

/* Alert message */

.wpcf7-not-valid-tip,

.screen-reader-response ul li{color: #d41217; font-weight: 800;}





/* *** /NOT FRONT PAGE *** */



/* *** CATEGORY IMG *** */

.category .alignleft{

  width: 45%;

}

/* *** FORMS - ARCMEMBER *** */
.arcMemberIframe{
	margin-top: 30px;
	border: 2px solid #f1f1f1;
	padding: 30px;
	}

/* *** /FORMS - ARCMEMBER *** */

/* *** FORMS - CINT *** */
.cintIframe{border-top: 3px solid #f1f1f1; padding-top: 30px; min-height: 700px;}
/* *** /FORMS - CINT *** */

/* *** MAKE YOUTUBE IFRAME RESPONSIVE *** */
.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* *** /MAKE YOUTUBE IFRAME RESPONSIVE *** */

/* *** CONTACT FORM 7 - ORDER FORM *** */
.product{
	overflow: auto;
	margin: 10px 0;
	padding-bottom: 20px;
	border-bottom: 2px solid #f1f1f1;
}
.product input{
    padding-left: 5px;	
}
/* *** /CONTACT FORM 7 - ORDER FORM *** */

/* *** GRAY BACKGROUND PLATE *** */
.gray_bg{
	background-color: #f1f1f1;
	overflow: auto;
	padding: 30px;
	border-bottom: 4px solid #fff;
}
.gray_bg h5{
	margin-bottom: 15px;
}
.gray_bg p{
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}
.gray_bg input[type="submit"]{
	width: 150px;
	float: right;
	padding: 10px 5px;
	}
/* *** /GRAY BACKGROUND PLATE *** */

/* *** GRAY BACKGROUND PLATE *** */
.border_bg{
	overflow: auto;
	padding: 25px 30px 30px 30px;
	margin-bottom: 10px;
	border: 2px solid #f1f1f1;
}
.border_bg::first-line{
	font-family: Omnes, sans-serif;
	font-size: 22px;
	margin-bottom: 15px;
	color: #00a64a;
}
/* *** /GRAY BACKGROUND PLATE *** */


/* *** GOOGLE FONTS *** */

/* h1, h2, h3, h4, h5, h6{font-family: sans-serif; font-weight: 800;} */

.main-navigation a{font-family: 'Omnes Light', sans-serif; font-weight: normal;}

.left_column h4{font-family: sans-serif; margin-bottom: 12px; margin-bottom: 0.8rem;}

/* *** /GOOGLE FONTS *** */ 

/* *** LIST STYLING *** */



/* *** GENERAL *** */

#primary .grid_3_of_12, #primary .grid_2_of_12{margin-top: 33px; /* 78px; margin-top: 4.9rem;*/} /* Push down sidebars */

.houdini_rev{display: none;}

.ram{border: 1px solid #e9e9e9;}

.post_border{border-top: 1px solid #f1f1f1; margin: 24px 0; clear: both;}



/* *** /GENERAL *** */

/* *** PETITION *** */
.dk-speakout-message{display: none;}
input[type="checkbox"]{
	margin: 5px 0 0 3%;
    position: relative;
    top: 1px;
    vertical-align: bottom;
}
.dk-speakout-response-success{
    margin: 10px;
    padding: 20px 10px;
    border: 2px solid #00a64a;
    background-color: #00a64a;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
	font-family: Omnes, sans-serif; 
	}
	
/* #post-5077 .size-post_feature_full_width{display: none;} */


/* *** /PETITION *** */


/* *** KAMPANJ *** */
.site-content.kampanj{
	max-width: 1100px !important;
	width: 98%;
	margin-top: 0px !important;
	margin-bottom: 30px;
	}
.kampanj #full_width_page,
.kampanj .site-title h1{
	padding-left: 0;
	padding-right: 0;
	}

.kampanj .site-title h1{
	margin: 20px 0;
	}

.kampanj .nittio-konto img{
	max-width: 150px;
	float: left;
	margin-right: 20px;
	}

a.green_button{
	background-color: #00a64a !important;
    color: #fff !important;
    padding: 1em;
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: bold;
	text-align: center;
    width: 50%;
    margin: 30px auto;
    display: block;
	}

/* *** / KAMPANJ *** */
/* ==========================================================================

   Media Queries

   ========================================================================== */



/*  Breakpoints are set based on the design, not based on device sizes */



@media only screen and (max-width: 1130px) { /* FF CHANGED FROM 1100px */

	.site-title a {

		font-size: 52px;

		font-size: 3.25rem;

	}

	.banner h1 {

		font-size: 44px;

		font-size: 2.75rem;

	}

	.banner h2 {

		font-size: 24px;

		font-size: 1.5rem;

	}

	.site-title h1,

	.main-navigation{
		padding: 0 16px; padding: 0 1rem; 

		}
		
	
	#crumbs { padding-top: 16px; padding-top: 1rem; margin: 32px 16px 8px; margin: 2rem 1rem 0.5rem;}

	.site-header,

	.site-content{

	width: 100%;

	}

	/* FF ADDED */



	.top_link {padding: 0 16px; padding: 0 1rem;}

	.grid_7_of_12 .page{padding: 0; }

	/* Första nyheten startsidan */

	.news_article .entry-header,

	.news_article .entry-summary{padding-left: 4px; padding-left: 0.25rem;}	

	/* / FF ADDED */

}



/* DESKTOPS & LAPTOPS ----------- */

/* *** FF ADDED *** */

@media only screen 									

and (min-width : 1224px) {

		/* FORM */

		/*input[type="text"], 

		input[type="password"], 

		input[type="email"], 

		input[type="url"],

		input[type="tel"], 

		textarea{

						 width: 70%;

		}

		.sidebar-right input[type="text"]{width: 100%;}*/



}



@media only screen 									

and (min-width : 800px) {

/* Used in menus */
.hide{display: none;}

#knapp-mitten {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    overflow: hidden;
}
}



@media only screen 									

and (min-width : 650px) {

	#yellow_banner input[type="submit"] {

		float:right;

		width: 30%;

		}	

	.frontpage_buttons{

		border-right: 2px solid #fff;

		border-left: 2px solid #fff;

	}

#knapp-overst a, #knapp-underst a{

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  }

		

/* *** FRONT PAGE GENERAL *** */

.front_page .grid_6_of_12{

	margin-top: 16px; /* ''' 48 */

	margin-top: 1rem;

	}
/* RSS image */
.home .news_article a img{
	max-width: 35%;
	float: left;
	margin-right: 10px;
	}



}

/* *** END FF ADDED *** */

@media only screen 									

and (min-width : 321px) {
	/* Contact form 7 - order form */
	.gray_bg img,
	.product img{ 
		width: 25%;
		max-width: 130px;
		float: right;
		margin: 10px 0 10px 10px;
	}
	.product.larger img{		
		width: 40%;
		max-width: 100%;
	}

}

@media only screen and (min-width: 800px) and (max-width: 980px){
/*	.slide_title{font-size: 1.5rem;}
	.slide_button{font-size: 1rem;}*/
	.slide_text{width: 50%; margin: 2rem;}
}


@media only screen and (max-width: 980px) {

	/*.main-navigation {

		margin: 16px 0 0 0; /* 38px */

	/*	margin: 1rem 0 0 0; /*  2.375rem*/

	/*}*/



	/* *** FULL WIDTH PAGE *** */

#full_width_page{

  padding: 0 16px;

  padding: 0 1rem;

}	

/* Sets width on tablets and phones 
.grid_6_of_12{width: 95%;}*/



}



@media only screen and (max-width: 900px) {

	.banner .grid_6_of_12 {

		width: 100%; 

	}		/*text-align: center;*/

	.banner h1, .banner h2, .banner p {



	}

	/*.main-navigation {

		margin: 16px 0 0 0;

		margin: 1rem 0 0 0;

	}*/

	.front_page .row .grid_8_of_12{width: 100%; padding: 0;}

/*	.slide_text{width: 40%;}*/

	  /* THREE BUTTONS - RIGHT OF SLIDER */

	.front_page .grid_4_of_12{

	  width: 100%; 

		margin: 0;

	}



}



@media only screen and (max-width: 800px) {

	header .grid_5_of_12 {

		width: 100%; 

	}
	
	.grid_6_of_12 { /* Affects article on pages/posts */

		width: 65%; 

	}

	header .grid_7_of_12 {

		width: 100%;

		margin-left: 0;

	}

	header .main-navigation {

		margin-top: 0;

		float: none;

	}

	.main-navigation .nav-menu > li:first-child {

		margin-left: 0;

	}

	.social-media-icons {

		float: none;

		text-align: left;

	}

	.social-media-icons li {

		margin: 0.1em 0.5em 0 0;

	}

	/* FF ADDED */

	/*.home .bottom{padding: 1rem;}*/

	

  #roof{

	  background-color: #fff; 

		height: 66px; /* auto */

	  width: 100%;

		padding: 8px 16px;

		padding: 0.5rem 1rem;

	  z-index: 99;

	  position: fixed;

	  top: 0;

	  -moz-box-shadow: 0 0 0.5rem rgba(35,35,35,0.5); 

	  -webkit-box-shadow: 0 0 0.5rem rgba(35,35,35,0.5); 

	  box-shadow: 0 0 0.5rem rgba(35,35,35,0.5);

	}	

	#roof h5{

	  color: #ea5197;

	  text-align: left; 

	  padding: 6px 0 0px 8px;

	  padding: 0.4rem 0 0px 0.5rem;

	}
	#roof img{
		height: 50px;
		width: auto;
	}

	.site-title h1 {

	  /*margin: 56px 0 0 0;

	  margin: 3.5rem 0 0 0;*/

	  margin: 30px 0 0 0;

	}





	#primary .grid_10_of_12,

	#primary .grid_2_of_12{

		margin: 0;
		
		/*padding-top: 4px;*/

		width: 100%;

		clear:both;

		float: left;

		position:relative;

		}

		

	.slide_subtext{

	position: relative; 

	background-color: #f1f1f1; 
	
	color: #111;

	display: block;

	margin-bottom: 2px;

	}

	.frontpage_buttons{

	  min-height: inherit; 

		width: 33.3%;

		float: left;
		
		padding: 2rem;
		
		margin: 0 0 2px 0;

		/*border-top: 4px solid #fff;  ''' 

		border-bottom: none !important;*/

	}

	.frontpage_buttons a{

				-webkit-transform: translateY(-0%) !important;

    -ms-transform: translateY(-0%) !important;

    transform: translateY(-0%) !important;

		}

	.front_page .grid_6_of_12{

		margin: 2px !important;
width: 49.3%;
	}

	



	/* PAGES ETC. */

	/*.site-content article{padding: 3rem 1rem 0;}*/

	/*.front_page .row .grid_8_of_12{width: 100%; padding: 0;}*/

	/* PAGES CONTENT */

	/*.grid_7_of_12, .grid_3_of_12{width: 98%; margin: 0; padding: 0 1rem;}*/

	/* ''' .grid_7_of_12, */.grid_3_of_12{width: 31%; max-width: 238px; }

/*  #primary .grid_3_of_12{padding: 0 16px; padding: 0 1rem;} ''' */

	.sidebar-right{margin: 0;}

	.entry-header{margin: 0;}

	/* SHARE */

	#share_buttons {

    margin: 16px 0;

    margin: 1rem 0;

		clear: both;

		width: 100%;

	}

	#share_buttons a{

	  float: left;

	}

	/* BANNERS */

	.sidebar-right a img,

  .sidebar-right img{

	margin: 16px 4px 0 0;

	margin: 1rem 0.25rem 0 0;

	display: block;

	max-width: 49%;

	float: left;

	}

	



	/* GENERAL */

	.houdini{display: none;}

	.houdini_rev{display: block;}

	/* /FF ADDED */

}



/*  Go full Width at less than 650px */

@media only screen and (max-width: 650px) {

	.grid_1_of_12,

	.grid_2_of_12,

	.grid_3_of_12,

	.grid_4_of_12,

	.grid_5_of_12,

	.grid_6_of_12,

	.grid_7_of_12,

	.grid_8_of_12,

	.grid_9_of_12,

	.grid_10_of_12,

	.grid_11_of_12,

	.grid_12_of_12 {

		width: 100%; 

	}

	.col {

		margin: 0;

	}
		.front_page .grid_6_of_12{

		margin: 0px !important;
		width: 100%;
	}

.grid_3_of_12 {
    max-width: none;
}

	body.custom-background{background-image: none !important;}

	.main-small-navigation .nav-menu, .nav-menu ul {

		padding: 0;

	}

	.main-small-navigation .nav-menu ul {

		padding-left: 16px;

		padding-left: 1rem;

	}

	/* FF ADDED */

	.site-title img{

	  max-width: 100px;

	}

	.grid_7_of_12{

	  width: 100%;

		/*padding: 0 1rem;*/

	}

	.site-content{

	  width: 100%;

	  padding: 16px;

	  padding: 1rem;

	}

	.home .site-content {

		padding-bottom: 0;

		border-bottom: 4px solid #FFF;

	}

		/* *** FULL WIDTH PAGE *** */

#full_width_page{

  padding: 0;

}	



	/*.slide_text {*/

  /*background-color: transparent;

  background-color: rgba(0, 0, 0, 0.5);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */

/*  bottom: 0;

  color: #fff;

  display: block;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /* IE6–IE9 */

  /*left: 0;*/

  /*padding: 1em;

  position: absolute;

  zoom: 1;

}*/

/* THREE BUTTONS */

/*.frontpage_buttons{margin-top: 0; width: 100%;}*/

.frontpage_buttons{width: 100%;}

.frontpage_buttons h3{margin: 0;}

.frontpage_buttons:last-of-type{ border-bottom: 2px solid #fff !important; }

/*.featured_article article,*/

.news_article article,

.news_article a img{

  width: 100%;

	margin-bottom: 16px;

	margin-bottom: 1rem;

}

.news_article .entry-header,

.news_article .entry-summary,

.news_article .entry-meta{

  padding: 8px 16px 0 16px;

  padding: 0.5rem 1rem 0 1rem;

}



.equal_height_col_1, .equal_height_col_1:before,

.equal_height_col_2, .equal_height_col_2:before,

.equal_height_col_3, .equal_height_col_3:before, 

.equal_height_col_4, .equal_height_col_4:before {

  width:auto;

	border-top: none;

	border-bottom: none;

}



.equal_height_col_1,

.equal_height_col_3{

  border-top: 5px solid #000;

}

.equal_height_col_2,

.equal_height_col_4{

  border-top: 5px solid #00a64a;

}

.equal_height_col_4{

	border-bottom: 5px solid #000;

}

	/*.slide_text {width: auto;  margin: 0 auto;}*/

		/* SLIDER */

	.slide_text {	margin: 24px 24px;	margin: 1.5rem 1.5rem; width: 50%;}

	.slide_title {

	  font-size: 32px;

    font-size: 2rem;

  }

  .slide_subtext{

	padding: 16px;

	padding: 1rem; 

	}

  .slide_button {

	  background-color: rgba(0,0,0,0.6);

	  font-size: 24px;

	  font-size: 1.5rem;

	}

	.flex-control-nav { width: 20%;}

	.flex-control-nav li {width: 35%;}

	/* *** SINGLE PAGE *** */

	#primary .grid_3_of_12{ /* , 

	#primary .grid_2_of_12 */

		margin: 32px 0; 

		margin: 2rem 0;

		padding: 0;

		} /* Pushes down sidebars in full screen*/

	/* *** SUPPORT PAGE *** */

	.support img{

    width: 47%;

		margin: 4px;

	  margin: 0.25rem;

		float: left;

  }

	.support:first-of-type{

	  /*margin: 0.5rem 0 0 0;*/

  }

  #sponsorer img{

	margin: 16px;

	margin: 1rem;

	}

	

  /* END FF ADDED */

}





/*  Adjust the menu at less than 520px */

@media only screen and (max-width: 520px) {

	.main-small-navigation .nav-menu,

	.main-small-navigation .nav-menu ul,

	.nav-menu,

	.nav-menu ul {

		padding: 0;

	}

	.main-small-navigation,

	.main-navigation li {

		width: 100%;

	}

	.main-small-navigation {

		text-align: center;

	}

	.main-small-navigation ul li,

	.main-navigation ul li {

		/*background-color: #fff;*/

		margin: 5px 0;

		text-align: center;

	}

	.main-navigation ul ul, .main-navigation ul ul li ul {

		position: relative;

	}

	.main-navigation ul ul li ul {

		left: 0;

	}

	.main-navigation ul ul a {

		color: #fff; /* Nav bar dropdown link color */

		background-color: #333;  /* Nav bar dropdown background color */

		width: 100%; /* Nav bar dropdown width */

	}

	.social-media-icons {

		text-align: center;

	}

				/* SLIDER */



/*	.slide_title {

    font-size: 1.5rem;

  }

  .slide_button {

		width: auto;

		margin: 1rem auto 0;

    padding: 0.5rem;

	  font-size: 1rem;

	}*/

	.slide_text {width: 50%;}

	.slide_title {

    font-size: 24px;

    font-size: 1.5rem;

  }

  .slide_button {

	  margin: 16px auto 0;

		margin: 1rem auto 0;

		padding: 8px;

    padding: 0.5rem;

    font-size: 20px;

    font-size: 1.25rem;

	}

	.flex-control-nav {display: none;}

		/* BANNERS */

	.sidebar-right a img,

  .sidebar-right img{

	margin: 16px 0 0 0;

	margin: 1rem 0 0 0;

	display: block;

	max-width: 100%;

	float: none;

	}

	.category .alignleft {

	  width: 100%;

	}

}



@media only screen and (max-width: 320px) {

	.author-description {

		float: left;

		width: 100%;

	}

	/* FF ADDED */

	/* *** CATEGORY IMG *** */

  .category .alignleft{

    width: 100%;

  }

		/* FRONT PAGE SLIDER */

/*	.slide_text{

	  position: initial;

		width: 100%;

		margin: 1rem;

	}

	.slide_text h1{

		color: #000;

		text-shadow: none;

		font-size: 1.5rem;

	}*/

		.slide_text {
	width: 85%
   /* width: auto;*/

  }

	.slide_title {

	  font-size: 20px;

    font-size: 1.25rem;

  }

  .slide_button {

		width: 50%;

		margin: 8px auto 0;

		margin: 0.5rem auto 0;

		padding: 8px;

    padding: 0.5rem;

	  font-size: 16px;

    font-size: 1rem;

	}

	

	/* *** SUPPORT PAGE *** */	

	.support img{

    width: 100%;

		margin: 8px 0 0 0;

	  margin: 0.5rem 0 0 0;

  }

	/* /FF ADDED */

}



@media only screen and (max-width: 240px) {

	.slide_title, .slide_button {

	  font-size: 12px;

    font-size: 0.875rem;

  }

}





/* ==========================================================================

   Non-semantic helper classes from HTML5 Boilerplate

   Please define your styles before this section.

   ========================================================================== */



/* For image replacement */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }



/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden { display: none !important; visibility: hidden; }



/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }



/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }



/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; }



/* Contain floats: h5bp.com/q */

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }





/* ==========================================================================

   Print styles 

   ========================================================================== */



@media print {

  body * {

    visibility: hidden !important;

  }

  article.post, article.post *,

  article.page, article.page *,

  #maincontentcontainer, #maincontentcontainer *,

  .print_article article, .print_article article * {

    visibility: visible !important;

  }

  article.post, article.page, #maincontentcontainer, .print_article article {

    position: absolute !important;

    left: 0 !important;

    top: 0 !important;	

  }

   .home article.post, .home article.page, .print_article article {

    position: static !important;

  }

  #headercontainer,

  #footercontainer,

  .grid_2_of_12, 

  .grid_3_of_12,

  .flexslider,

  .home .grid_4_of_12,

  nav,

  .support img { display:none }

  

  img { max-width: 100% !important; }

}









/* SORT */

p a{color: #00a64a; font-weight: bold;}

p a:visited{color: #00a64a; font-weight: bold;}

p a:hover{color: #000; font-weight: bold;}


/* ********************************************/

ol.green {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
ol.green > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	border-top:2px solid #00a64a;
	background:#fff;
}
ol.green > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:-2px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:4px;
	border-top:2px solid #00a64a;
	color:#fff;
	background:#00a64a;
	font-weight:bold;
	text-align:center;
}
li ol.green,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}


/********************************
HUGE IT GOOGLE MAPS PLUGIN
********************************/
.lokal_map{
	padding-bottom: 10px;
	overflow: auto;
}
.lokal_map a{color: #00a64a;}

/********************************
HUGE IT GOOGLE MAPS PLUGIN
********************************/
#responsive_menu_pro_button{top: 18px !important;}

/********************************
KATTASTROFEN
********************************/
.align-center{margin: 0 auto;}
.text-center{text-align: center;}

#kattastrofen_bg{
	background-image: url('wp-content/themes/djurskyddet/images/kattastrofen_bg.jpg'); 
	background-size: cover;
	border-bottom: 1px solid #fff;
}

.page-template-page-kattastrofen{
	/*background: #000; */
	color: #fff; 
	font-family: Verdana, sans-serif; 
	font-size: 16px; 
}
.page-template-page-kattastrofen.custom-background {
	background-image: none;
	background-color: #000;
}

.page-template-page-kattastrofen .site-title h1{margin-top: 0.5rem;}
.page-template-page-kattastrofen h1.entry-title{display: none;}
.page-template-page-kattastrofen h2,
.page-template-page-kattastrofen h3{
	font-family: Helvetica, sans-serif;
	color: #e9e250;
	text-transform: uppercase;
	font-weight: 900;
}
.page-template-page-kattastrofen h2{font-size: 3rem;}
.page-template-page-kattastrofen h3{font-size: 2rem;}

.page-template-page-kattastrofen p, 
.page-template-page-kattastrofen ol, 
.page-template-page-kattastrofen ul, 
.page-template-page-kattastrofen dl, 
.page-template-page-kattastrofen address {
    color: #fff;
    font-size: 16px;
}
.page-template-page-kattastrofen a{
	color: #e9e250 !important;
    text-decoration: underline;
}

.page-template-page-kattastrofen .yellow_boxes .wp-block-column{
	background: #e9e250;
	min-height: 150px;
	padding: 1rem;
	display: flex;
    align-items: center;
    justify-content: center;    
	margin-bottom: 1rem;
}
.page-template-page-kattastrofen .yellow_boxes p.box{margin-bottom: 0;}
.page-template-page-kattastrofen .yellow_boxes .box a{
	color: #000 !important;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
/* Footer */
.page-template-page-kattastrofen footer h3 {
    font-size: 1.25rem;
}
.page-template-page-kattastrofen footer p,
.page-template-page-kattastrofen footer p a{
	color: #fff !important;
	text-decoration: none;
	font-size: 13px;
}
.page-template-page-kattastrofen #footercontainer .smallprint{display: none;}

/* Remove later */
.page-template-page-kattastrofen input[type="password"]{color: #000;}

/**********************
KATTASTROFEN - SPEAK OUT
***********************/
.page-template-page-kattastrofen .site-content,
.page-template-page-kattastrofen .site-footer{
	padding: 1rem 2rem;
}
.page-template-page-kattastrofen .dk-speakout-petition-wrap h3:first-of-type{display: none;}
.page-template-page-kattastrofen .dk-speakout-petition,
.page-template-page-kattastrofen .dk-speakout-signature-count{
	margin: 1rem;
	color: #fff !important;
}
.page-template-page-kattastrofen .dk-speakout-signature-count{font-style: italic;}
.page-template-page-kattastrofen .dk-speakout-full input{
	outline: none;
	background: transparent;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: 2px solid #e9e250;
	border-radius: 0px;
	margin-bottom: 1rem;
}
.page-template-page-kattastrofen button.dk-speakout-submit{
    background: #e9e250;
    padding: 1rem 1.5rem;
    border-radius: 100px;
    border: none;
    font-size: 1.25rem;
    font-weight: bold;
	color: #000;
	outline: none;
	transition: 0.3 background ease-in-out;
}
.page-template-page-kattastrofen button.dk-speakout-submit:hover{
    background: #e3da23;
}
.page-template-page-kattastrofen .dk-speakout-optin-checkbox input[type="checkbox"]{vertical-align: initial;}
.page-template-page-kattastrofen .dk-speakout-response-error{color: red !important;}


/* *** NEW LEFT MENU AFTER PHP8 CHANGE *** */
	#sidebar-menu .sub-menu{display: none;}	
	#sidebar-menu ul.menu li.current-menu-item .sub-menu, #sidebar-menu .current_page_ancestor .sub-menu, #sidebar-menu .current_page_ancestor .sub-menu .sub-menu{display: block;}
	#sidebar-menu .sub-menu li:last-of-type{border-bottom: none; }
	#sidebar-menu ul.sub-menu li.current-menu-item a:before{content: "\00BB"; padding-right: 5px;}
	#sidebar-menu ul.menu li.current-menu-item .menu-item a:before{content: "\00BB"; padding-left: 10px;}