/*
  Theme Name: The Free Software Pact
  Version: 1.0
  Licence: GPL v3
  */


/* ==========================================================================
   TABLE OF CONTENTS
   
   01. Soft Reset
   02. Typography Settings
   03. Theme Base Settings
   04. Language Settings
   05. Headers Settings
   06. Flag Settings
   07. Intro Settings
   08. Video Settings
   09. More Settings
   10. Sign Settings
   11. Supporters Settings
   12. Page Settings
   13. Blog Settings
   14. Footer Settings
   15. Responsive Settings
   16. Messages Settings
   ========================================================================== */


/* ==========================================================================
   01. Soft Reset
   ========================================================================== */

html,
body,
#page {
    margin: 0px;
    padding: 0px;
    top: 0px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
a {
    color: #a8141a;
    background: transparent;
}
a:active,
a:hover {
    outline: 0;
}
ul,
ol {
    padding-left: 2em;
}
ul.unstyled {
    list-style: none;
}
img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 0;
}
audio,
canvas,
video {
    display: inline-block;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
li p,
li ul,
li ol {
    margin-top: 0;
    margin-bottom: 0;
}
img, table, td, blockquote, code, pre, textarea, input, video {
    max-width: 100%;
}
.clearfix:after,
.line:after,
.mod:after {
    content: "";
    display: table;
    clear: both;
}
.row {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.row > *,
.col {
    display: table-cell;
    vertical-align: top;
}
.left {
    float: left;
}
.right {
    float: right;
}
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .row,
.ie67 .col {
/*
  zoom: 1;
  */
}
.ie67 .col,
.ie67 .inbl {
    display: inline;
/*
  zoom: 1;
  */
}
.ie8 img {
    width: auto;
}

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


/* ==========================================================================
   02. Typography Settings
   ========================================================================== */

@font-face {
    font-family: 'texgyreherosregular';
    src: url('/themes/fsp/font/texgyreheros-regular-webfont.eot');
    src: url('/themes/fsp/font/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/themes/fsp/font/texgyreheros-regular-webfont.woff') format('woff'),
    url('/themes/fsp/font/texgyreheros-regular-webfont.ttf') format('truetype'),
    url('/themes/fsp/font/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreherositalic';
    src: url('/themes/fsp/font/texgyreheros-italic-webfont.eot');
    src: url('/themes/fsp/font/texgyreheros-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/themes/fsp/font/texgyreheros-italic-webfont.woff') format('woff'),
    url('/themes/fsp/font/texgyreheros-italic-webfont.ttf') format('truetype'),
    url('/themes/fsp/font/texgyreheros-italic-webfont.svg#texgyreherositalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreheroscnregular';
    src: url('/themes/fsp//font/texgyreheroscn-regular-webfont.eot');
    src: url('/themes/fsp//font/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/themes/fsp/font/texgyreheroscn-regular-webfont.woff') format('woff'),
    url('/themes/fsp/font/texgyreheroscn-regular-webfont.ttf') format('truetype'),
    url('/themes/fsp/font/texgyreheroscn-regular-webfont.svg#texgyreheroscnregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreherosbold';
    src: url('/themes/fsp/font/texgyreheros-bold-webfont.eot');
    src: url('/themes/fsp/font/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/themes/fsp/font/texgyreheros-bold-webfont.woff') format('woff'),
    url('/themes/fsp/font/texgyreheros-bold-webfont.ttf') format('truetype'),
    url('/themes/fsp/font/texgyreheros-bold-webfont.svg#texgyreherosbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    background-color: #fff;
    color: #000;
    font-family: 'texgyreherosregular', arial;
    font-size: 16px;
    line-height: 1.4;
}
h1, .h1-like {
    margin: 0;
    font-size: 32px;
    line-height: 1.3126;
    font-weight: normal;
    font-style: normal;
}
h2, .h2-like {
    margin: 0;
    font-size: 28px;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
}
h3, .h3-like {
    margin: 0;
    font-size: 24px;
    line-height: 1.75;
    font-weight: normal;
    font-style: normal;
}
h4, .h4-like {
    margin: 0;
    font-size: 20px;
    line-height: 1.05;
    font-weight: normal;
    font-style: normal;
}
h5, .h5-like {
    margin: 0;
    font-size: 18px;
    line-height: 1.1667;
    font-weight: normal;
    font-style: normal;
}
h6, .h6-like {
    margin: 0;
    font-size: 16px;
    line-height: 1.3125;
    font-weight: normal;
    font-style: normal;
}
a {
    font-family: 'texgyreherosbold', arial bold;
}
em {
    font-family: 'texgyreherositalic', arial italic;
    font-weight: normal;
    font-style: normal;
}
strong {
    font-family: 'texgyreherosbold', arial bold;
    font-weight: normal;
    font-style: normal;
}

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


/* ==========================================================================
   03. Theme Base Settings
   ========================================================================== */

#content-wrapper, body, html {

}
.wrapper {
    width: 100%;
    margin: 0; 
    padding: 0;
}
.container {
    width: 1140px;
    margin: 0 auto;
    padding: 0;
}
.half-block {
    width: 560px;
    margin: 0; 
    padding: 0;
}

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


/* ==========================================================================
   04. Language Settings
   ========================================================================== */

#lang-wrapper {
    color: #191d24;
}
#lang-titre {
    margin: 0;
    padding: 0;
    float: left;
}
#lang-titre p {
    margin:0;
    padding: 0;
    font-size: 12px;
    color: #191d24;
    display: table-cell;
    height: 26px;
    vertical-align: middle;
}
#lang-menu {
    margin: 0;
    padding: 0;
    display: block;
}
#lang-menu ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    float: right;
}
#lang-menu li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    list-style: none;
    height: 26px;
}
#lang-menu a {
    margin: 0;
    padding: 0 12px;
    display: table-cell;
    height: 26px;
    vertical-align: middle;
    position: relative;
    font-family: 'texgyreheroscnregular';
    font-size: 12px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #707070;
    text-decoration: none;
    text-transform: uppercase;
}
#lang-menu a:hover {
    background: #191d24;
    color: #fff;
}
#lang-menu a.active {
    color: #191d24;
}

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


/* ==========================================================================
   05. Headers Settings
   ========================================================================== */

#header-wrapper {
    background: #191d24;
    color: #FFF;
}
#logo {
    padding: 16px 0 0 0;
    float: left;
}
#nav-menu {
    margin: 0;
    padding: 0;
    display: block;
}
#nav-menu ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    float: right;
}
#nav-menu li {
    margin: 0;
    padding: 0;
    background-color: #191d24;
    position: relative;
    float: left;
    list-style: none;
}
#nav-menu a {
    font-size: 16px;
    font-family: 'texgyreherosregular';
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    position: relative;
    margin: 0;
    padding: 0 12px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
#nav-menu a:hover {
    background: #2a69ac;
    color: #fff;
}
#nav-menu a.active, #dc-post-7 #the-pact, #dc-categ-News #news, #dc-post-6 #join-us, #dc-post-10 #contact {
    color: #fff;
    background: #2a69ac;
}

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


/* ==========================================================================
   06. Flag Settings
   ========================================================================== */

#flag-wrapper {
    border-bottom: 2px solid #191d24;
    -moz-box-shadow: 0px 6px 10px 0px #656565;
    -webkit-box-shadow: 0px 6px 10px 0px #656565;
    -o-box-shadow: 0px 6px 10px 0px #656565;
    box-shadow: 0px 6px 10px 0px #656565;
    height: 400px;
    background: rgb(228, 244, 250);
    background: url('/themes/fsp/img/slider-background3.jpg') no-repeat scroll 0% 0% #003399;
    /*background-image:url('/themes/fsp/img/slider-background.jpg');
      background-repeat:no-repeat;
      background-position: bottom middle;*/
    text-align: center;
}
#flag h2 {
    font-family: 'texgyreherosbold';
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 76px 0 40px 0;
    text-shadow: 0px 2px 2px #191d24;
}
#flag p a, .btn {
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    border: none;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    color: #ffffff;
    font-family: 'texgyreherosbold';
    font-size: 20px;
    text-transform: uppercase;
    background: #a8141a;
    padding: 20px 40px 20px 40px;
    text-decoration: none;
}
#flag p a:hover, .btn:hover {
    background: #1d76e4;
    text-decoration: none;
}

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


/* ==========================================================================
   07. Intro Settings
   ========================================================================== */

#intro-wrapper {
    padding: 80px 0 60px 0;
}
#intro-wrapper h2 {
    margin: 0 auto;
    padding: 0px 200px 40px 200px;
    font-family: 'texgyreherosbold';
    text-align: center;
    text-transform: uppercase;
    color: rgb(47, 53, 63);
}
#intro-wrapper p, #intro-wrapper h3 {
    margin: 20px 0;
    padding: 0 200px;
    font-size: 20px;
    text-align: justify;
}
#intro-wrapper h3 {
    margin: 40px 0;
    padding: 0 100px;
    color: #a8141a;
    font-size: 24px;
    font-family: 'texgyreherosbold';
    text-transform: uppercase;
    text-align: center;
}

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


/* ==========================================================================
   08. Video Settings
   ========================================================================== */

#video-wrapper {
    padding: 80px 0;
    background: rgb(47, 53, 63);
}
#video-wrapper h2 {
    color: #FFF;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 40px 0;
}
#video-container {
    text-align: center;
    position: relative;
}

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


/* ==========================================================================
   09. More Settings
   ========================================================================== */

#more-wrapper {
    padding: 80px 0 60px 0;
    background: rgb(47, 53, 63);
}
#more-wrapper h2 {
    margin: 0;
    padding: 0 0 40px 0;
    color: rgb(47, 53, 63);
    font-family: 'texgyreherosregular';
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
}
#more-wrapper p, #more-wrapper h3 {
    color: #FFF;
    margin: 20px 0;
    padding: 0 200px;
    font-size: 20px;
    text-align: justify;
}
#more-wrapper h3 {
    font-family: 'texgyreherosbold';
    color: #fff;
}

#more-wrapper a {
    color: #7da8d6;
    text-decoration: none;
}

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



/* ==========================================================================
   10. Sign Settings
   ========================================================================== */
#sign-wrapper {
    padding: 80px 0 60px 0;
}
#sign-wrapper h2 {
    margin: 0;
    padding: 0 0 40px 0;
    color: rgb(47, 53, 63);
    font-family: 'texgyreherosbold';
    text-align: center;
    text-transform: uppercase;
}
#sign-wrapper p, #sign-wrapper li, #sign-wrapper h3 {
    margin: 20px 0;
    padding: 0 200px;
    font-size: 20px;
    text-align: justify;
}
#sign-wrapper h3 {
    font-family: 'texgyreherosbold';
    color: #a8141a;
}

#sign-wrapper #why-sign {
    width: 560px;
    padding: 0px;
}

#sign-wrapper #why-sign p {
    padding: 0px;
    margin: 0px;
}

#sign-wrapper .bigform {
    background: #808b9c;
    color: #000;
    margin: 0px 200px;
    padding: 20px;
}

#sign-wrapper .bigform h3, #sign-wrapper .bigform p, #sign-wrapper .bigform li {
    color: #000;
    line-height: 1.2;
    padding: 0px;
    margin-top: 0px;
    color: #FFF;
}

#sign-wrapper .bigform input[type=radio] {
    float: left;
}

#sign-wrapper .bigform label {
    display: inline-block;
    min-width: 170px;
}

#sign-wrapper .bigform input[type=email] {
    background: #ccc;
    color: #000;
}

#sign-wrapper .bigform input[type=text], 
#sign-wrapper .bigform select {
    background: #ccc;
    min-width: 350px;
    padding: 3px 6px !important;
    min-height: 2em !important;
}

#sign-wrapper .bigform .chosen-container-single .chosen-single, 
#sign-wrapper .bigform .chosen-container-single .chosen-single span  {
    min-height: 2em !important;
    line-height: 2em !important;
    font-family: 'texgyreherosregular';
}

#sign-wrapper .bigform input[type=checkbox] 
{
    margin-left: 170px;
    margin-right: 0.5em;
}

#sign-wrapper .bigform .field-error label {
    color: firebrick;
    font-weight: bold;
}



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



/* ==========================================================================
   11. Supporters Settings
   ========================================================================== */

#supporters-wrapper {
    padding: 80px 0 60px 0;
}
#supporters-wrapper h2 {
    margin: 0;
    padding: 0 0 40px 0;
    color: rgb(47, 53, 63);
    font-family: 'texgyreherosbold';
    text-align: center;
    text-transform: uppercase;
}
#supporters-wrapper p, #supporters-wrapper h3 {
    margin: 20px 0;
    padding: 0 200px;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}
#supporters-wrapper h3 {
    font-family: 'texgyreherosbold';
    color: #a8141a;
}

#supporters-wrapper ul {
    text-align: center;
    list-style: none;
    padding: 0px 200px;
}

#supporters-wrapper ul li {
    display: inline-block;
    line-height: 80px;
}

#supporters-wrapper img {
    margin: 0em 1em 1em 1em;
    max-width: 200px;
    height: 80px;
}

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



/* ==========================================================================
   12. Page Settings
   ========================================================================== */

section.content {
    margin: 70px 0;
}
.illu {
    margin: 0;
    float: left;
    width: 120px;
}
.illu img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}
.dc-post .article {
    margin: 20px 0;
    padding: 0 200px;
}
.article p {
    text-align: justify;
}
.article h1 {
    color: rgb(47, 53, 63);
    text-align: center;
    text-transform: uppercase;
}
.article h2 {
    margin: 0.75em 0 0 0;
    color: rgb(47, 53, 63);
}
.article h3 {
    margin: 0.875em 0 0 0;
    color: #a8141a;
}
.article h4 {
    margin: 1.05em 0 0 0;
    color: #a8141a;
}
.article h5 {
    margin: 1.1667em 0 0 0;
    color: #a8141a;
}
.article h6 {
    margin: 1.3125em 0 0 0;
    color: #a8141a;
}
.titrepact{
    margin: 0px;
    color: rgb(47, 53, 63);
    font-size: 28px;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
}
.fspact {
    margin: 40px 0;
    padding: 20px 30px 20px 30px;
    -moz-box-shadow: 0px 0px 14px 0px #656565;
    -webkit-box-shadow: 0px 0px 14px 0px #656565;
    -o-box-shadow: 0px 0px 14px 0px #656565;
    box-shadow: 0px 0px 14px 0px #656565;
    background: #FFF;
}

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


/* ==========================================================================
   13. Blog Settings
   ========================================================================== */

.dc-category #content h1 {
    margin-bottom: 1em;
}

.article p.day-date {
    text-align: center;
}

.span-entry {
    width: 360px;
    float: left;
    min-height: 1px;
    margin-left: 30px;
    /*	-moz-box-shadow: 0px 0px 14px 0px #656565;
	-webkit-box-shadow: 0px 0px 14px 0px #656565;
	-o-box-shadow: 0px 0px 14px 0px #656565;
	box-shadow: 0px 0px 14px 0px #656565;*/
    background: #FFF;
}
.first, .span-entry:nth-child(3n+1) {
    margin-left: 0px !important;
    clear: left;
}
.mask-image img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    /*	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mask-image img:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
    opacity: 1;
}
.inside h2 {
    margin : 0;
    padding: 20px 0px 0px 0px;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
}
.inside h2 a {
    text-decoration: none;
    font-family: 'texgyreherosregular';
    min-height: 5em;
}

.entry-content {

}
.more-link:link, .more-link:visited {
    color: #f0bf00;
    text-transform: uppercase;
}

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


/* ==========================================================================
   14. Footer Settings
   ========================================================================== */


#footer-wrapper {
    background: rgb(32, 37, 46);
    padding: 40px 0 0 0;
}
.widget {
    width: 267px;
    /*	width: 364px;*/
    float: left;
    margin: 0 24px 40px 0;
}
.widget:last-child {
    margin-right: 0;
}
.widget h3, .widget h2 {
    color: rgb(128, 139, 156);
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: 'texgyreherosregular';
    text-transform:uppercase;
}
.widget p {
    color: #fff;
    font-family: 'texgyreheroscnregular';
    padding: 0px;
    margin: 10px 0px 10px 0px;
}
.widget ul {
    margin: 10px 0 0 10px;
    color: #a8141a;
    padding: 0px;
}
.widget ul li {
    list-style-type: disc;
    list-style-position: outside;
    line-height: 20px;
    position: relative;
    margin: 6px;
    font-family: 'texgyreheroscnregular';
}
.widget ul li a {
    font-family: 'texgyreheroscnregular';
    color: #fff;
    text-decoration: none;
}
.widget ul li a:hover {
    color: #a8141a;
}
input[type="email"] {
    background: rgb(130, 137, 149);
    color: rgb(255, 255, 255);
    font-size: 16px;
    border: none;
    padding: 14px 2%;
    font-family: 'texgyreheroscnregular';
    border-radius: 3px 3px 3px 3px;
    outline: medium none;
    margin-bottom: 1em;
    resize: none;
    display: block;
    width: 100%;
}
input.small-btn[type="submit"] {
    color: rgb(255, 255, 255);
    background: rgb(28, 82, 139);
    font-size: 16px;
    padding: 0.4em 1.2em;
    font-family: 'texgyreheroscnregular';
    border: none;
    border-radius: 3px 3px 3px 3px;
    padding: 0.4em 1.8em;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 0.5em;
    text-decoration: none;
}
#bottom {
    padding: 10px 0;
    background: rgb(25, 29, 36);
}
#bottom a {
    color: rgb(128, 139, 156);
    font-family: 'texgyreherosregular';
    text-decoration: none;
}
p.footbot {
    color: rgb(128, 139, 156);;
    text-align: center;
}
.social-thumbs ul {
    overflow: hidden;
    text-align: center !important;
    list-style: none;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}
.social-thumbs ul li {
    display: block;
    float: left;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 4px 4px;
    opacity: 1;
    transition: all 150ms ease-in-out 0s;
}
.social-thumbs img {
    border-radius: 3px;
}

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


/* ==========================================================================
   15. Responsive Settings
   ========================================================================== */

@media screen and (max-width: 600px) {
    .nav {
	position: relative;
	min-height: 40px;
    }	
    .nav ul {
	width: 180px;
	padding: 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px #aaa;
	background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
    .nav li {
	display: none; /* hide all <li> items */
	margin: 0;
    }
    .nav .current {
	display: block; /* show only current <li> item */
    }
    .nav a {
	display: block;
	padding: 5px 5px 5px 32px;
	text-align: left;
    }
    .nav .current a {
	background: none;
	color: #666;
    }

    /* on nav hover */
    .nav ul:hover {
	background-image: none;
    }
    .nav ul:hover li {
	display: block;
	margin: 0 0 5px;
    }
    .nav ul:hover .current {
	background: url(images/icon-check.png) no-repeat 10px 7px;
    }

    /* right nav */
    .nav.right ul {
	left: auto;
	right: 0;
    }

    /* center nav */
    .nav.center ul {
	left: 50%;
	margin-left: -90px;
    }
    
}

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


/* ==========================================================================
   16. Message settings
   ========================================================================== */

.warning {
    background: rgb(251, 247, 170); 
    color: rgb(162, 125, 53); 
    border: 1px solid rgb(162, 125, 53); 
    overflow: hidden; 
    text-align: left; 
    padding: 5px 9px;
    margin-bottom: 1em;
}

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


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

/* ==========================================================================
        15. Misc. settings
========================================================================== */

p>code {
   text-align: left;
}
p code {
   background: #ccc;
   padding: 0.5em;
   text-align: left;
}

.article p + h4 {
    margin-top: 2em;
}