/*
	Theme Name: Dataföreningen i Sverige
	Theme URI: http://www.xponent.se/teman/
	Description: Ett responsivt tema byggt för Genesis Framework.
	Author: Xponent
	Author URI: http://www.xponent.se/

	Version: 2.0

	Tags: black, white, one-column, responsive-layout, custom-background, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page, sva-#141414, vit-#fff, orange-#ff5b00, ljgrå-#a6a6a6, mkgrå-#474747, p-#2a2a2a, hover-#3494ff

	Template: genesis
	Template Version: 2.1

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/

/* SiteOrigin
------------------------------------ */

.so-widget-sow-button {
	font-size: 17px;
}

.so-up {
	position: relative; bottom: 12px;
}

/* Design På gång-sidor WCK
------------------------------------ */

#pa_gang {
    border-collapse: collapse;
    width: 100%;
}

#pa_gang td {
    border: 0px solid #ddd;
    text-align: left;
    width: 60%;
    padding-right: 30px;
    vertical-align: top;
}

.pg-link {
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

.pg-meta {
	font-size: 10px;
	font-weight: 400;
	color: #141414;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	margin: 0px 0px 5px 0px;
}

#pg-contentwrapper{
float: left;
width: 100%;
}

#pg-contentcolumn{
margin-right: 330px; /*Margin = RightColumnWidth*/
margin-bottom: 48px;
}

#pg-leftcolumn{
width: 440px !important;
}

#pg-rightcolumn{
float: left;
width: 330px; /*Width of right column in pixels*/
margin-left: -330px; /*Margin = -(RightColumnWidth) */
background: #fff;
position: relative;bottom: 12px;
}

.pg-innertube{
margin: 0px 30px 0px 0px;
}

.pg-anmaldighar{
margin: 24px 0px 12px 0px;
}

.pg-up {
position: relative;bottom: 24px;
}

.stp-bubble-wrap .evenemangs-title a {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	line-height: 17px;
	border: none;
	text-transform: uppercase;
}

.evenemangs-title a:hover {
	font-size: 20px;
	font-weight: 600;
	color: #ff5b00;
	line-height: 17px;
	border: none;
	text-transform: uppercase;
}

.evenemangs-info {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	padding: 10px 0px 0px 0px;
	min-width: 70px;
}

.evenemangsfakta-puff {
	position: relative; bottom: 24px;
}

.evenemangs-info-b {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	padding: 12px 0px 0px 0px !important;
}

.evenemangsfakta-puff-b {
	position: relative; bottom: 22px !important;
}

#more-pa-gang {
	float: right;
}

#more-pa-gang a {
	display: block;
	color: #fff;
	background-color: #ff5b00 !important;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 1px 9px;
	margin: 1px 0 0 0;
}

#more-pa-gang a:hover {
	color: #000;
}

.pg-innertube .attachment-utvald-bild {margin-bottom: 8px;}

/* Tabell för WCK
--------------------------------------------- */
.datagrid table { border-collapse: separate; text-align: left; width: 1200px; table-layout: auto; }
.datagrid {background: #fff; border: 0px solid #999999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.datagrid table td, .datagrid table th { padding: 3px 6px 3px 0px; }
.datagrid table thead th {}
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #000000; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: 1px solid #ddd; }
.datagrid table tbody tr:hover { background-color: #fefefe}
.datagrid-title { font-size: 18px; font-weight: 600; text-transform: uppercase; }
.datagrid-title a { color: #000000 !important; resize: both; overflow: auto; width: 100%; height: 100%; }
.datagrid-title a:hover { color: #ff5b00 !important; }
.evenemangs-info-arr, .evenemangs-info-dat, .evenemangs-info-tid, .evenemangs-info-dat-solo { text-transform: uppercase; }
.eve { font-size: 11px; line-height: 12px; letter-spacing: 1 !important; }
.evenemangs-info-dat-solo { width: 160px !important; }
.evenemangs-info-arr { width: 145px !important; }
.evenemangs-info-dat { width: 160px !important; }
.evenemangs-info-tid { width: 130px !important; }

@media only screen and (max-width: 1240px) {
	.datagrid table { width: 1100px; }
	.tabell { width: 1100px; }
	.datagrid .evenemangs-info { max-width: 100px; font-size: 14px; line-height: 16px; letter-spacing: 0 !important; }
	.datagrid-title { font-size: 14px; line-height: 16px !important; }
	.evenemangs-info-arr, .evenemangs-info-dat, .evenemangs-info-tid { font-size: 14px; line-height: 16px !important; }
}

@media only screen and (max-width: 1140px) {
	.datagrid table { width: 960px; }
	.tabell { width: 960px; }
}

@media only screen and (max-width: 1023px) {
	.datagrid table { width: 750px; }
	.tabell { width: 750px; }
}

@media only screen and (max-width: 780px) {
	.datagrid table { width: 750px; }
	.tabell { width: 750px; }
	.datagrid .evenemangs-info { max-width: 75px !important; }
}

@media only screen and (max-width: 768px) {
	.stp-archive-alla-lista .datagrid table { width: 630px !important; }
	.datagrid .evenemangs-info { font-size: 11px; line-height: 12px; letter-spacing: 0 !important; }
	.datagrid-title { font-size: 11px; line-height: 12px !important; }
	.evenemangs-info-arr, .evenemangs-info-dat, .evenemangs-info-tid { font-size: 11px; line-height: 12px !important; text-transform: uppercase; }
}

/* Sidebar-lista för WCK
--------------------------------------------- */
.sideb-title { font-size: 19px; line-height: 20.4px; font-weight: 600; text-transform: uppercase; padding: 0px 0px !important; }
.sideb-title a { color: #000000 !important; }
.sideb-title a:hover { color: #ff5b00 !important; }
.sideb-info { font-size: 14px; line-height: 15px; font-weight: normal; text-transform: uppercase; padding: 0px 0px; letter-spacing: 1px !important; }
.footer-info { font-size: 10px; line-height: 10.2px; font-weight: normal; text-transform: uppercase; padding: 0px 0px; letter-spacing: 1px !important; }
.widget-wrap .stp-bubble-wrap { position: relative; top: 6px; }
.pn-event a { font-size: 18px !important; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #000000 !important; }
.pn-event a:hover { color: #ff5b00 !important; }
.pn-info { font-size: 12px; line-height: 12.2px; font-weight: normal; text-transform: uppercase; padding: 0px 0px; letter-spacing: 1px !important; }

/* Design På gång-sidor WCK m 4 kolumner
--------------------------------------------- */
.cbbc-col.cbbc-col-14-14-14-14 > div{
	width: 277px;
	margin-right: 30px;
}
.cbbc-col.cbbc-col-14-14-14-14 > div:nth-child(4n){
	width: 277px;
	margin-right: 0;
}
.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-3{
	width: 278px;
}
.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-4{
	width: 278px;
}

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

	.cbbc-col.cbbc-col-14-14-14-14 > div{
		width: 252px;
		margin-right: 30px;}
	.cbbc-col.cbbc-col-14-14-14-14 > div:nth-child(4n){
		width: 252px;
		margin-right: 0;}
	.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-3{
		width: 253px;}
	.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-4{
		width: 253px;}
}

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

	.cbbc-col.cbbc-col-14-14-14-14 > div{
		width: 217px;
		margin-right: 30px;}
	.cbbc-col.cbbc-col-14-14-14-14 > div:nth-child(4n){
		width: 217px;
		margin-right: 0;}
	.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-3{
		width: 218px;}
	.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-4{
		width: 218px;}
}

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

	.cbbc-col.cbbc-col-14-14-14-14 > div{
		width: 170px;
		margin-right: 15px;}
	.cbbc-col.cbbc-col-14-14-14-14 > div:nth-child(4n){
		width: 170px;
		margin-right: 0;}
	.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-3{
		width: 170px;}
	.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-4{
		width: 170px;}
}

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

	.cbbc-col.cbbc-col-14-14-14-14 > div{
		width: 690px;
		margin-right: 0px;}
	.cbbc-col.cbbc-col-14-14-14-14 > div:nth-child(4n){
		width: 690px;
		margin-right: 0;}
	.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-3{
		width: 690px;}
	.cbbc-col.cbbc-col-14-14-14-14 .cbbc-col-4{
		width: 690px;}
}


/* Hide/Reveal date for Meet & Learn
------------------------------------------------------------ */
#visas {display:inline;}
#visas_ej {display:none;}


/* RSS Just Better
--------------------------------------------- */
.rssjb table { border-collapse: collapse; width: 100% !important; text-align: left; }
.rssjb th, .rssjb td, .rssjb th a, .rssjb td a { font-size: 18px; font-weight: 600; line-height: 24px; text-transform: uppercase; color: #000 !important; padding: 3px 6px 3px 0px; text-align: left; }
.rssjb th a:hover, .rssjb td a:hover { color: #ff5b00 !important; }
.rssjb tr:hover {background-color: #fefefe}


/* Contact Form 7
--------------------------------------------- */

div.wpcf7-response-output {
	margin: 2em 0em 1em;
	padding: 0.3em 0.5em 0.2em 0.5em;
	border: 0px;
	background-color: #ff5b00;
	color: #fff;
}

/* Moves
--------------------------------------------- */

.upp {position: relative; bottom: 12px; }
.up14 {position: relative; bottom: 14px; }
.up20 {position: relative; bottom: 20px; width: 104%; }

/* Footer
--------------------------------------------- */
.footer-image { width: 278px; }

@media only screen and (max-width: 1240px) {
	.footer-image { width: 100%; }
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 { width: 100%; padding-right: 5px;}
	.rssjb table { border-collapse: collapse; width: 100% !important; }
	.rssjb th, .rssjb td, .rssjb th a, .rssjb td a { font-size: 14px; font-weight: 600; line-height: 16px; text-transform: uppercase; color: #000 !important; padding: 3px 6px 3px 0px; text-align: left; }
	.rssjb th a:hover, .rssjb td a:hover { color: #ff5b00 !important; }
	#pg-leftcolumn{width: 390px !important;}
}

@media only screen and (max-width: 1140px) {
	#pg-leftcolumn{width: 270px !important;}
	p {font-size: 17px; line-height: 24px;}
}

@media only screen and (max-width: 1021px) {
	#pg-leftcolumn{width: 390px !important;}
	p {font-size: 17px; line-height: 24px;}
}

@media only screen and (max-width: 780px) {
	#pg-leftcolumn{width: 95% !important;}
}

@media only screen and (max-width: 768px) {
	.footer-image { width: 100%; }
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 { width: 100%; padding-right: 5px;}
	.rssjb table { border-collapse: collapse; width: 690px !important; }
	rssjb th, .rssjb td, .rssjb th a, .rssjb td a { font-size: 11px; font-weight: 600; line-height: 12px; text-transform: uppercase; color: #000 !important; padding: 3px 6px 3px 0px; text-align: left; }
	.rssjb th a:hover, .rssjb td a:hover { color: #ff5b00 !important; }
}

@media only screen and (max-width: 480px) {
	.footer-image { width: 290px; }
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 { width: 290px; }
}

/* ####### responsive layout CSS ####### */

@media (max-width: 780px){ /* responsive layout break point */
  #pg-maincontainer{
	width: 100%;
  }

  #pg-contentwrapper{
	float: none;
  }

  #pg-rightcolumn{
    float: none;
	width: 100%;
	margin-left: 0;
  }

  #pg-contentcolumn{
    margin-right: 0;
  }

  .pg-link {
	display: none;
}
}

/* Bli-medlem-toppbanner
------------------------------------------------------------ */

#blimed {
	position: fixed;
	right: 0px;
	top: 0px;
	display: block;
	height: 72px;
	z-index: 1000;
}

/* Social icons
------------------------------------------------------------ */

.et_social_icons_container {
	position: relative;
	bottom: 25px;
}

.addtoany_share_save_container {
	position: relative;
	right: 5px;
}

/* 404-special
------------------------------------------------------------ */

.fourohfour {
	font-family: "source-sans-pro",sans-serif;
	font-size: 100px;
	font-weight: 700;
	line-height: 100px;
	color: #222;
	text-align: left;
	text-transform: uppercase;
	position: relative;right: 7px;
}

/* # Genesis Responsive Slider
---------------------------------------------------------------------------------------------------- */

#genesis-responsive-slider {
	background-color: #fff;
	border: 0px solid #eee;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	padding-bottom: 0px;
	width: 1200px;
	z-index: 1;
}

.slide-excerpt {
	background: transparent;background-color: #000;
	opacity: 1.0;
	filter: alpha(opacity=100);
	display: block;
	margin: 0px;
	padding: 5px 0 12px 0;
	position: absolute;
	z-index: 8;
	width: 100%;
}

.slide-excerpt-border h2, .slide-excerpt-border h2 a {
	font-size: 28px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 0px 0px 1px rgba(100, 100, 100, 1);
	text-align: left;
	text-transform: uppercase;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px 0 0px;
	position: relative;right: -10px;
}

.slide-excerpt h2 a:hover {
	color: #FF5B00;
	text-shadow: 0px 0px 0px rgba(180, 180, 180, 0);
}

.slide-excerpt:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

html > body .slide-excerpt-border {
	background: none;
	border: 0px solid #ddd;
	display: inline;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 8;
}

.flexslider li { list-style: none;}

.slides,
.flex-control-nav,
.flex-direction-nav {
	list-style: none;
	margin: 0; 
	padding: 0;
} 

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	list-style: none;
	margin: 0; 
	padding: 0; 
} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0; 
	padding: 0;
	width: 100%; 
}

.flexslider .slides > li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	display: block;
	max-width: 100%; 
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	clear: both;
	content: "."; 
	display: block; 
	height: 0;  
	line-height: 0; 
	visibility: hidden;
} 

html[xmlns] .slides {
	display: block;
} 

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff; 
	position: relative; 
	zoom: 1;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
	zoom: 1; 
	position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background:none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
}

.flex-caption {
	background: rgba(0,0,0,.3);
	bottom: 0; 
	color: #fff; 	 
	font-size: 14px;
	left: 0; 
	line-height: 18px;
	padding: 2%; 
	position: absolute;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	width: 96%;
}

/* Direction Nav */
.flex-direction-nav li a {
	width: 52px; 
	height: 52px; 
	margin: -20px 0 0; 
	display: block; 
	background: url(images/bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	text-indent: -9999px; 
	z-index: 100;
}

.flex-direction-nav li .next {
	background-position: -52px 0; 
	right: -60px;
}

.flex-direction-nav li .next:hover {
	background-position: -52px -50px; 
}

.flex-direction-nav li .prev {
	left: -60px;
}

.flex-direction-nav li .prev:hover {
	background-position: 0 -50px;
}

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

/* Control Nav */
.flex-control-nav {
	float: left;
	margin: 20px  0 10px;
	position: relative;
	text-align: center; 
	width: 100%;
	z-index: 100;
}

.flex-control-nav li {
	*display: inline;
	display: inline-block;
	margin: 0 0 0 5px;  
	zoom: 1;
}

.flex-control-nav li:first-child {
	margin: 0;
}

.flex-control-nav li a {	 
	background: url(images/bg_control_nav.png) no-repeat 0 0; 
	cursor: pointer; 
	display: block;
	height: 13px;
	text-indent: -9999px;
	width: 13px;
}

.flex-control-nav li a:hover {
	background-position: 0 -13px;
}

.flex-control-nav li a.active {
	background-position: 0 -26px; 
	cursor: default;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

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

	#genesis-responsive-slider {width: 1100px;}
	.slide-excerpt-border h2, .slide-excerpt-border h2 a {font-size: 28px;line-height: 28px;}

}

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

	#genesis-responsive-slider {width: 960px;}
	.slide-excerpt-border h2, .slide-excerpt-border h2 a {font-size: 25px;line-height: 25px;}

}

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

	#genesis-responsive-slider {width: 750px;}
	.slide-excerpt-border h2, .slide-excerpt-border h2 a {
		font-size: 18px !important;padding: 0 10px 0 0px;position: relative;right: -5px; top: 2px; line-height: 18px !important;
	}
	
	.widget-title {font-size: 12px; letter-spacing: 0.03em;}
	.stp-bubble-wrap .evenemangs-title a {font-size: 14px; line-height: 12px; font-weight: 1000;}
	.evenemangs-info {font-size: 12px; padding: 8px 0px 2px 0px;}

}

@media only screen and (max-width: 769px) {
	.slide-excerpt-border h2, .slide-excerpt-border h2 a {
		font-size: 16px !important;padding: 0 10px 0 0px;position: relative;right: -5px; top: 1px; line-height: 16px !important;
	}
	
	#blimed {
		position: fixed;
		right: 0px;
		top: 0px;
		display: block;
		height: 54px;
		width: 54px;
		z-index: 1000;
	}
	
}

@media only screen and (max-width: 768px) {
​
	.slide-excerpt-border h2, .slide-excerpt-border h2 a {
		font-size: 16px; font-weight: 400;padding: 0 10px 0 0px;position: relative;right: -5px; top: 3px;line-height: 16px !important;
	}
	
	.content .entry-title {font-size: 28px !important; line-height: 30px !important;}
	
	#genesis-responsive-slider {
    width: -moz-calc(90%);
    width: -webkit-calc(90%);
	width: calc(90%);
	}
	
	.widget-title {font-size: 14px; letter-spacing: 0.03em;}
	.stp-bubble-wrap .evenemangs-title a {font-size: 20px; line-height: 17px; font-weight: 600;}
	.evenemangs-info {font-size: 14px; padding: 10px 0px 0px 0px;}

}

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

	#genesis-responsive-slider {
    width: -moz-calc(90%);
    width: -webkit-calc(90%);
	width: calc(90%);
	}

	.slide-excerpt-border h2, .slide-excerpt-border h2 a {
		font-size: 10px !important;line-height: 11px !important;padding: 0 55px 0 0px;position: relative;right: -5px; top: 1px; z-index: 10000 !important;
	}

}