/*
Theme Name: Svenskar i världen
Theme URI: http://www.sviv.se/
Description: Theme for Svenskar i världen
Version: 1.2.1
Author: 61 Degrees North
Author URI: http://www.61degreesnorth.se/
Tags: 
*/

/* ########################### */
/* General Settings
/* ########################### */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body, html, form, fieldset, legend, input, button, textarea, label, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, div, p, span, a, blockquote, address, th, td, tfoot, abbr
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

:focus
{
  outline-color: transparent;
  outline-style: none;
}

div.wp-caption
{
	float: left;
}

#framework .alignleft
{
    float: left;
    display: inline;
	margin: 5px 20px 0px 0px;
}

#framework .alignright
{
    float: right;
    display: inline;
	margin: 5px 0px 0px 20px;
}

	div.wp-caption img
	{
		display: block;
		margin: 0px 0px 8px 0px;
	}
	
	#main p.wp-caption-text
	{
		font-size: 13px;
		line-height: normal;
		font-weight: bold;
	}
	
.post-edit-link
{
	font-size: 12px;
}

input
{
	
}


/* ####################### */
/* Body
/* ####################### */

body
{
	color: #020e16;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.255em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: "proxima-nova", sans-serif; 
	background: #f4f4f4;
}

	body.home
	{
		
	}

/* ####################### */
/* Text elements
/* ####################### */

h1, h2, h3, h4, h5
{
	display: block;
	color: #020e16;
	font-weight: 400;
	line-height: 1.225em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-family: "proxima-nova-extra-condensed", sans-serif; 
} 

h1
{
	color: #020e16;
	font-size: 2.725em;
	line-height: 1.125em;
	margin: 0px 0px 14px 0px;
}

	#main.page_archive h1
	{
		/*float: left;
		width: 100%;
		font-size: 1.425em;
		padding: 0px 20px 20px 20px;
		margin: 0px 0px 20px 0px;
		border-bottom: 1px solid #bbbbbb;*/
	}

h2
{
	font-size: 1.825em;
	margin: 0px 0px 7px 0px;
	
}
	
h3
{
	font-size: 1.425em;
	margin: 0px 0px 0px 0px;
}

h4
{
	
	font-size: 1.225em;
}

h5
{
	
	font-size: 1.225em;
}

p
{
	margin: 0px 0px 20px 0px;
}

	p strong
	{
		
	}
	
	p.wp-caption-text
	{
		
	}
	
ul
{
	margin-left: 27px;
	padding: 0px 0px 0px 33px;
	margin: 0px 0px 17px 0px;
}
	#main ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 3px 0px;
	}
	
		#main ul li.pdf
		{
			background: none;
			list-style: none;
		}
		
			#main ul li.pdf a
			{
				margin-left: -24px;
				padding-left: 24px;
				background: url(graphics/icons/pdf.gif) no-repeat left center;
			}
	
ol
{
	margin-bottom: 17px;
	margin-left: 0px;
	padding: 0px 0px 0px 33px;
}

	#main ol li
	{
		margin: 0px 0px 3px 0px;	
	}
	
	
#main table
{
	float: left;
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}

	#main table th
	{
		text-align: left;
	}
	
	#main table td
	{
		text-align: left;
	}
	
#main blockquote
{
	padding: 16px 34px 16px 34px;
	margin: 0px 0px 0px 0px;	
}

	#main blockquote p
	{
		font-size: 2.125em;
		line-height: 1.175em;
		text-align: center;
    /*color: #0e76bc;*/
    color: rgba(38,34,98,1);
		font-weight: 400;
    /*border-left: 2px solid #0e76bc;*/
    border-left: 2px solid rgba(38,34,98,1);
		padding: 0px 20px 0px 20px;
	}
	
	/* Minimum height for Firefox */
	blockquote {
	min-height: 22px; 
	height: auto;
	}
	
	/* Minimum height for IE */
	/*\*/
	* html blockquote {
	height: 22px;
	}
	/**/
	
	
/* ####################### */
/* Links
/* ####################### */

#framework a
{
	float: none;
	outline: none;
	text-decoration: none;
}

	#framework #the_content a,
	#main #comments_container div.comment_content_container a
	{
		/*color: #0066cc;*/
    color: rgba(38,34,98,1);
		font-weight: bold;
		text-decoration: underline;
	}
	

  #fh_signon form #submit
  {
    background-color: rgba(38,34,98,1) !important;
  }
	
/* ####################### */
/* Framework / Container
/* ####################### */

#framework
{
	width: 100%;
	margin: 0px auto 0px auto;
}

#fullwidth
{
	float: left;
	width: 100%;
	background: #f4f4f4;
	margin: 0px auto 0px auto;
}


/* ####################### */
/* Network Header
/* ####################### */

#network_header_container
{
	float: left;
	width: 100%;
	color: #FFFFFF;
  /*background: #0e76bc;*/
  background-color: rgba(38,34,98,1);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#network_header_container #network_header
{
	width: 960px;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}


	/* Minimum height for Firefox */
	#network_header_container,
	#network_header_container #network_header {
	min-height: 47px; 
	height: auto;
	}
	
	/* Minimum height for IE */
	/*\*/
	* html #network_header_container,
	* html #network_header_container #network_header {
	height: 47px;
	}
	/**/
	
	
/* ####################### */
/* Header
/* ####################### */

#header_container
{
	float: left;
	width: 100%;
	background: #FFFFFF;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #eeeeee;
}

.home #header_container
{
	
}

#header_container #header
{
	width: 960px;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 26px 10px 23px 10px;
}


	/* Minimum height for Firefox */
	#header_container #header {
	min-height: 101px; 
	height: auto;
	}
	
	/* Minimum height for IE */
	/*\*/
	* html #header_container #header {
	height: 101px;
	}
	/**/
	
	#header_container #header #logo
	{
		float: left;
		width: auto;
	}
	
		#header_container #header #logo img
		{
			float: left;
			width: 100%;
			height: auto;
			max-width: 480px;
		}

@media screen and (min-width: 825px) {

  #header_container #header #logo 
  {
    height: 52px;
    display: flex;
    width:-webkit-calc(100% - 630px);
    width:-moz-calc(100% - 630px);
    width:calc(100% - 630px);
    align-content: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 6px;
  }

  #header_container #header #logo img
  {
    float: none;
    width: 100%;
    height: auto !important;
  }
  
}
		
/* ######################### */
/* Content / Main / Sidebar
/* ######################### */

#container
{
	width: 960px;
	margin: 0px auto 0px auto;
}

#container #content_container
{
	float: left;
	width: 100%;
	position: relative;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

	.home #container #content_container
	{
		
	}
	
#content
{
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

	/* Minimum height for Firefox */
	#content {
	min-height: 450px; 
	height: auto;
	}
	
	/* Minimum height for IE */
	/*\*/
	* html #content {
	height: 450px;
	}
	/**/

#main
{
	float: left;
	width: 709px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	#main #single_content
	{
		float: left;
		width: 100%;
		padding: 0px 20px 10px 20px;
		margin: 0px 0px 10px 0px;
		background: #FFFFFF;
	}

#sidebar
{
	float: right; 
	width: 230px;
}


/* ######################### */
/* Frontpage content
/* ######################### */

#frontpage_content
{
	
}


/* ####################### */
/* Footer
/* ####################### */

#footer_container
{
	float: left;
	width: 100%;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 25px 0px;
	border-top: 1px solid #eeeeee;
}

#footer_container #footer
{
	width: 960px;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

	#footer_container #footer #footer_content
	{
		float: left;
		width: 100%;
		padding: 0px 0px 0px 0px;
	}

		/* Minimum height for Firefox */
		#footer_content {
		min-height: 102px;
		height: auto;
		}
		
		/* Minimum height for IE */
		/*\*/
		* html #footer_content {
		height: 102px;
		}
    /**/
    
    #footer_container #footer #footer_content a
    {
      color: rgba(38,34,98,1);
      font-weight: bold;
    }


.submit-button
{
	-webkit-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
}

.submit-button-disabled
{
	background-color: #666666 !important;
}