/*
Theme Name: Civil Rights Defenders
Theme URI: http://www.civilrightsdefenders.org/
Description: Custom theme created for Civil Rights Defenders by Carl Thomé and Emilie Holmstrand. The entire theme's source code (PHP, JavaScript, HTML and CSS) is licensed under GPL. Apart from the Civil Rights Defenders logotype, all theme images are licenced under Creative Commons for both commercial and non-commercial use. Please mind that attribution may be required se the images are licensed by their respective authors. The published material by Civil Rights Defenders on this website (i.e. not theme-related) is copyrighted. Note that this theme may not be modified and any site extensions are to be done through the theme hooks in accordance with the WordPress Plugin API.
Version: 2012-11-05.1
Author: Carl Thomé
Author URI: carl.thome@snapbase.se
License: GNU General Public License
*/

/*******************
	General
********************/
* { margin:0px; padding:0px; border:0px; background:none; list-style:none; text-decoration:none; color:#000; font:normal 13px/150% Helvetica, Arial, sans-serif;}
body { overflow-y:scroll; background:#fff;}

/* Articles
------------*/
article { margin-bottom:20px; display:block; clear:both; position:relative;}


/* Utility Classes
-------------------*/
.alignleft 		{ display: inline; float: left; margin-right: 20px;}
.alignright 	{ display: inline; float: right; margin-left: 20px;}
.aligncenter 	{ clear: both; display: block; margin-left: auto; margin-right: auto;}
.clearfix 		{ display:block; clear:both;}
.hide 			{ display:none;}
.block			{ display:block;}
.box			{ display:block; border-radius:3px; box-shadow:1px 1px 4px rgba(0, 0, 0, 0.25); padding:2%; overflow:hidden;}
.box > * 		{ width:96%;}
.wide 			{ width:100%; max-width:auto; min-width:0;}

/* Fonts
---------*/
p			 	{ margin-bottom:15px;}
strong, b 		{ font-weight: bold;}
cite, em, i 	{ font-style: italic;}
del 			{ text-decoration:line-through; color:inherit;}
time 			{ color:#999;}
blockquote {
	display:block; clear:both;
	font-size:12px;
	line-height:150%;
	padding:30px 20px 0;
}
blockquote, blockquote * { font-style:italic;}
blockquote:before, blockquote:after { font:italic 80px/0px Georgia, serif; color:#ccc; display:block;}
blockquote:before { content: open-quote;}
blockquote:after { content: close-quote; text-align:right;}
hr {
	border-top:1px solid #eee;
	margin:15px 0px;
	clear:both;
}

/* Images
----------*/
article img { max-width:600px; height:auto;}
article .alignleft	{ margin-right:1em; clear:left;}
article .alignright	{ margin-left:1em; clear:right;}
article .aligncenter {}
img.alignleft 	{ margin-bottom:15px; clear:left;}
img.alignright 	{ margin-bottom:15px; clear:right;}
img.aligncenter { margin-bottom:15px; margin-top:15px;}
.wp-caption-text {
	color: #666;
	font-size: 85%;
}

/* Links
---------*/
a { color: #F37021;}
a.paragraph { color:inherit; display:block;}
a:hover { text-decoration: underline;}
li a img { vertical-align:middle;}
a.noicon { padding:0; background-image:none;}

/* Removed by request of Natasha.
article a[target="_blank"] {
	padding-left: 17px;
	background: url(images/plus.png) no-repeat -5px -7px;
} */
article a[rel="start"], article a[rel="index"] {
	padding-left: 14px;
	background: url(images/home.png) no-repeat -6px -6px;
}
article a[rel="next"] {
	padding-right: 23px;
	background: url(images/arrow_right.png) no-repeat right -6px;
}
article a[rel="prev"] {
	padding-left: 14px;
	background: url(images/arrow_left.png) no-repeat -6px -6px;
}
article a[href ^="mailto:"] {
	padding-left: 15px;
	background: url(images/email.png) no-repeat -6px -6px;
}
article a[href$='.pdf'] {
	padding-left: 14px;
	background: url(images/pdf.png) no-repeat -6px -6px;
}
article a[href$='.doc'], article a[href$='.docx'] {
	padding-left: 14px;
	background: url(images/doc.png) no-repeat -6px -6px;
}
article a[href$='.xls'], article a[href$='.xlsx'], article a[href$='.xlt'] {
	padding-left: 14px;
	background: url(images/graph.png) no-repeat -6px -6px;
}
article a[href$='.ppt'], article a[href$='.pptx'], article a[href$='.pps'], article a[href$='.ppsx'] {
	padding-left: 14px;
	background: url(images/presentation.png) no-repeat -6px -6px;
}
article a[href$='.zip'], article a[href$='.rar'], article a[href$='.7z'] {
	padding-left: 14px;
	background: url(images/zip.png) no-repeat -6px -6px;
}

/* Headings
------------*/
h1,h2,h3,h4,h5,h6 { color:#333; font-family:Helvetica, Arial, sans-serif; font-weight:bold; word-wrap:break-word;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i,
h1 u, h2 u, h3 u, h4 u, h5 u, h6 u,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-size:inherit; font-weight:inherit; font-style:inherit;}
h1 			{ font-size:185%;}
h2 			{ font-size:125%;}
h3 			{ font-size:14px;}
h4			{ }
h4,h5,h6 	{ display:none;}

/* Lists
---------*/
article ul, article ol 		{ margin-left:20px; margin-bottom:15px;}
article ul, article ul li 	{ list-style: circle outside;}
article ol, article ol li 	{ list-style-type: decimal;}
article ol ol 		{ list-style: upper-alpha;}
article ol ol ol 	{ list-style: lower-roman;}
article ol ol ol ol { list-style: lower-alpha;}
article ul ul, article ol ol, article ul ol, article ol ul { margin-bottom: 0px;}

#editorcontainer ul, #editorcontainer ol 		{ margin-left:20px; margin-bottom:15px;}
#editorcontainer ul, #editorcontainer ul li 	{ list-style: circle outside;}
#editorcontainer ol, #editorcontainer ol li 	{ list-style-type: decimal;}
#editorcontainer ol ol 			{ list-style: upper-alpha;}
#editorcontainer ol ol ol 		{ list-style: lower-roman;}
#editorcontainer ol ol ol ol 	{ list-style: lower-alpha;}
#editorcontainer ul ul, #editorcontainer ol ol, #editorcontainer ul ol, #editorcontainer ol ul { margin-bottom: 0px;}

/* Tables
---------*/
table { border-spacing:0; border-collapse:separate; border:1px solid #ccc; border-radius:3px;}
table tr { vertical-align:middle;}
table th { text-align:center; padding:3px; font-weight:bold; border-bottom:1px solid #ccc;}
table td { padding:3px;}
table tr:nth-child(even) td {background-color: #eee;}
table tr:nth-child(odd) td {background-color: #ddd;}
table td.check { background: url(images/check.png) no-repeat center center; min-height:25px; min-width:25px;}

/* Forms
---------*/
form.loading { background: url('images/loading.gif') no-repeat; min-height:20px; padding-top:40px;}
form input.error { color:red; border-color:red;}
form input.correct { color:green;}

input[type="submit"] { padding:1%; cursor:pointer;}
option { font-size:inherit;}
input[type="radio"], label { cursor:pointer;}

article form { display:block; width:100%; position:relative;}
article form > div { display:block; clear:both; min-height:20px; margin-bottom:30px;}

textarea,
select,
input[type="text"],
input[type="file"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="submit"] {
	border:1px solid #ccc;
	border-radius:3px;
	background:#eee;
	width:99%;
	font-size:150%;
	color:#333;
	text-shadow:-1px 0px 0px #fff;
}
textarea:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="submit"]:focus {
	border-color:#000;
}

a.button:hover { text-decoration:none; cursor:pointer;}
a.button, input[type="submit"].button {
	display:block;
	padding:7px;

	font-size:14px; line-height:14px;
	font-weight:bold;
	color:white;
	text-align:center;

	box-shadow:0 0 20px black;
	border-radius:3px;
	border:0;

	background-color: #F37021;
	text-shadow:0px 1px 3px rgba(0,0,0,0.50);

}
a.button.monochrome, input[type="submit"].button.monochrome {
	color:white;
	background-color: #666666;
}

/*******************
	Layout
********************/
#wrapper { margin:0px auto;}
#wrapper > div { width:100%; clear:both;}
#wrapper > div > div { position:relative; min-width:300px; max-width:940px; padding-left:10px; padding-right:10px; margin:0px auto; }

#header-bg 	{ }
#header 	{ background:white; padding:20px;}
#meta		{ position:absolute; top:0; right:0; padding:0px 5px;}

#nav-bg 	{ position:relative; background:#000;}
#nav		{ }
#searchbox 	{ float:right; margin:7px 0px; clear:left; width:200px;}
#menu		{ }

#top-ribbon-bg	{ background:#000 url('images/bg-top-ribbon.jpg') no-repeat center top;}
#top-ribbon 	{ }

#page-bg 	{ }
#page 		{ background:white; padding-top:20px; padding-bottom:20px;}
#content 	{ float:left; clear:left; max-width:600px; width:65%; overflow:hidden;}
#sidebar	{ float:right; padding-left:1.5%; padding-right: 0.5%; border-left:1px solid #eee; clear:right; max-width:300px; width:32%; min-height:400px; overflow:hidden;}

#bottom-ribbon-bg { background:black;}
#bottom-ribbon 	{ }

#footer-bg 	{ }
#footer 	{ background:white;}

/*******************
	UI
********************/

/* Navigation
--------------*/
.navigation li 	{ float:left; display:block;}
.navigation li a 	{ display:block; text-align:center; padding:0px 8px; text-shadow:0px 1px 3px rgba(0,0,0,0.50);}
.navigation li a * { color:white; line-height:40px;}

.navigation li a:hover { text-decoration:none;}
.navigation li a:hover,
.navigation .current-menu-item a,
.navigation .current-page-ancestor a,
.navigation .current-post-ancestor a { background-color: #F37021;}

/* Searchbox
-------------*/
#searchform div { width:inherit; height:26px; border-radius:3px; background:white;}
#searchform label { display:none;}
#searchform input { background:none; border:none; height:100%;}
#searchform input[type="text"], #searchform input[type="search"] {
	float:left;
	width:85%;
	text-indent:3px;
	border:0px;
	background:transparent;
}
#searchform input[type="submit"] {
	float:left;
	width:15%;
	color:transparent; font-size:0px;
	background:transparent url('images/search.png') no-repeat right 0px;
	border:0px;
}

/* Meta
--------*/
#meta, #meta * { color:#999; text-shadow:1px 1px 0px white;}

/* Header
----------*/
#header img { margin-bottom:0;}

/* Pagination
--------------*/
#page-nav 	{ font-size:small; margin:20px 0px;}
#page-nav a { color: #999;}

/* Sidebar
-----------*/
#sidebar .widget	{ margin-bottom:20px;}

/* Ribbons
-----------*/
#top-ribbon *, #bottom-ribbon * { color:#fff;}
#bottom-ribbon .widget { margin:20px 0; display:block; float:left; width:20%;}

/* Links Widget
----------------*/
.blogroll li { margin:5% 0;}
.blogroll li:first-child { margin-top:0;}

/*******************
	Unique-pages
********************/

/* Start-sidan
---------------*/
body.home #content { display:none;}
body.home #wrapper { }
body.home #wrapper > div { }
/*body.home #wrapper > div > div { width:960px; max-width:940px;} */
body.home #wrapper > div > #page { max-width:960px; padding-left:0px; padding-right:0px;}
body.home #sidebar { width:100%; max-width:100%; min-height:0; clear:both; padding:0px; border:0px;}
body.home #sidebar .widget { padding:0 1%; width:31.33%; margin-bottom:20px; display:block; clear:none; float:left;}
body.home #sidebar .widget + .widget + .widget + .widget { clear:left;}
body.home #sidebar .widget + .widget + .widget + .widget + .widget { clear:none;}

/* Events Archive
------------------*/
.category-events.archive .status-publish * 	{ color:#999;}
.category-events.archive .status-future + .status-publish  	{ border-top:1px solid #eee; padding-top:20px;}
.category-events.archive .status-publish + .status-publish  { border-top:0px; padding-top:0px;}
.category-events.archive .status-future + .status-publish.has-post-thumbnail time 	{ margin-top:20px;}
.category-events.archive .status-publish + .status-publish.has-post-thumbnail time { margin-top:0;}

/*******************
	Plugins
********************/

/* qTranslate
--------------*/
#qtranslate-chooser 			{ display:inline;}
#qtranslate-chooser li 			{ display:inline;}
.qtrans_widget_end 				{ display:none;}
#qtranslate-chooser li:after 	{ content:" | ";}

/*******************
	Printstyle
********************/
@media print {
	* { color:#000; font:normal 12pt/150% Serif;}

	article a:after {
		content: " [" attr(href) "] ";
		font-size: 90%;
		font-family:monospace;
	}

	#wrapper > * { display:none;}
	#wrapper > #page-bg { display:block;}
	#page-bg #sidebar { display:none;}
	#page-bg #content { width:100%; max-width:100%; min-width:100%;}

	#page-nav { display:none;}

	#wrapper:before { content:url("images/logo-black.png");}
	#wrapper:after 	{ content:"";}
}
/**************************
	C2A styles
/*************************/

.c2a {
	position: absolute;
	top: 0;
	right: 130px;
}
	.c2a__button {
		display: block;
		background-image: url('images/donate.png');
		background-repeat: no-repeat;
		background-position: 10px center;
		background-color: #fd6b27;
		width: 150px;
		height:45px;

	}
	.c2a__button span {
		display: block;
		padding: 10px 0 20px 45px;
		color: #fff !important;
		text-shadow: none !important;
	}

/**
 * Donation C2A box
 */
 html {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 *, *:before, *:after {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
   box-sizing: inherit;
   }

   /**
    * CLEARFIX: HACK
    * For modern browsers
    * 1. The space content is one way to avoid an Opera bug when the
    *    contenteditable attribute is included anywhere else in the document.
    *    Otherwise it causes space to appear at the top and bottom of elements
    *    that are clearfixed.
    * 2. The use of `table` rather than `block` is only necessary if using
    *    `:before` to contain the top-margins of child elements.
    */
   .cf:before,
   .cf:after {
       content: " "; /* 1 */
       display: table; /* 2 */
   }

   .cf:after {
       clear: both;
   }

   /**
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */
   .cf {
       *zoom: 1;
   }


.c2a-box {
	background-color: #e5e5e5;
	padding: 20px;
	text-align: center;
	margin-top: 50px
}
	 .c2a-box__header {
	 	color: #fff;
	 	background-color: #f56e19;
	 	padding: 5px 25px;
	 	display: inline-block;
		position: relative;
	 	margin: 0 auto;
		margin-top: -50px;
		font-size: 40px;
		margin-bottom: 20px;
	 }
	 .c2a-box p {
	 }

	 .c2a-box__label {
		display: block;
		width: 48%;
		float: left;
		vertical-align: bottom;
		position: relative;
		height: 50px;
		background-color: #fff;
	 }
	 .c2a-box__label[for="set_amount_2"] {
		 float: right;
	 }
	 .c2a-box__label  span {
		 line-height: 50px;
	 }
	 .c2a-box__submit {
		 background: none !important;
		 border-radius: 0 !important;
		 color:  #c8c8c8 !important;
		border: 0  !important;
		text-shadow: none !important;
		margin-top: 10px;
		color: #fff !important;
		background-color: #f46e19 !important;
	 }
	 .c2a-box__submit:hover {
		background-color: #cf5d14 !important;
	 }
/**
 * Donation Popup for Swish donation
 */

.crd-popup {
	background-color: #f46e19;
	width: 380px !important;

	padding: 10px;
	padding-bottom: 60px;
}
	.crd-popup__swish {
		max-width: 100px;
		float: right;
		margin-bottom: 30px;
		clear: both;
	}
	.crd-popup__header {
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		clear: both;
		max-width: 290px;
		margin: 30px auto;
	}
	.crd-popup__number {
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		clear: both;
		max-width: 290px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.crd-popup__block-text{
		background: #000;
		padding: 5px 10px;
		font-size: 25px;
		color: #fff;
	}
	.crd-popup__copy-text {
		color: #fff;
		float: right;
	}