/**
 * Theme Name: yproject
 * Theme URI: https://code.google.com/p/yproject-site-wptheme/
 * Author: the WE DO GOOD team
 * Author URI: http://www.wedogood.co
 * Description: WE DO GOOD template
 * Version: 2.1
 * License: GNU General Public License
 * License URI: license.txt
 * Tags: Crowdfunding
 * Text Domain: yproject
 *
 */

/*******************************************************************************
* COMMON
*******************************************************************************/
div, span, h1, h3, a, ul, li, p, img { border: 0; }
h4 { font-weight: normal; }
tbody {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family:Trebuchet MS,sans-serif;
}

.center {
    width: 960px;
    margin: auto;
}
.center_small {
    width: 480px;
    margin: auto;
}

.margin-auto { margin: auto; }
.vert-align { vertical-align: middle; }

.hidden { display: none; }
.only_on_mobile { display: none; }
.only_on_tablet { display: none; }
.only_on_large { display: none; }
@media screen and (min-width: 1250px) {
    .only_on_large { display: block; }
}

.text-white { color: #FFFFFF; }
.text-green { color: #74BF43; }

.errors {
    color: #FE494C;
    text-transform: none !important;
    margin-top: 5px;
    margin-bottom: 5px;
}
.success {
    color: green;
}

.underlined, .underlined_arrow {
    color: #EA4F51;
    text-transform: uppercase;
    border-bottom: 1px solid #EA4F51;
    font-weight: normal;
    font-size: 13pt !important;
}
.underlined_arrow {
    text-align: center;
    -webkit-margin-after: 0em;
    margin-bottom: 0px;
    font-size: 14pt !important;
}

.padding-top { padding-top: 40px; }
.padding-bottom { padding-bottom: 40px; }

.margin-height { margin: 15px auto; }
.padder_more {
    margin-top: 22px;
    margin-bottom: 5px;
}
.indent{ margin-left: 50px; }

.two-thirds {
    width: 610px;
    padding-right: 40px;
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FFF;
    margin: 0px 0px 10px 155px;
}

.wp-list-table td { padding: 0px 5px; }


.wp-editor-container {
    border: 1px solid rgb(222, 222, 222);
}
.wp-editor-container .mce-path {
    display: none;
}
.media-modal-icon .screen-reader-text {
    display: none;
}
.media-sidebar .compat-item { margin-top: 180px; }
.media-sidebar .attachment-display-settings { margin-top: -330px; }

h2.grey, h3.grey {
    color: #EEECED;
}
#wpstats {
    display: none;
}
.wpb_single_image .vc_single_image-wrapper { max-width: 100%; }

hr.form-separator { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color; border-image: none; border-right: 0 none; border-style: dotted none none; border-width: 1px 0 0; color: #808080; margin: 15px 0; }
ul.no-style { list-style: none; }

/*******************************************************************************
* STANDARD FORMS
*******************************************************************************/
form.wdg-forms {
	margin: 5px 0px;
}
form.wdg-forms label {
	display: inline-block;
	margin: 10px 0px;
	width: 180px;
	font-weight: bold;
	vertical-align: top;
}
form.wdg-forms label.large {
	width: 280px;
}
form.wdg-forms select {
	margin: 10px 0px;
	width: 180px;
}
form.wdg-forms input[type=text] {
	margin: 10px 0px;
	width: 176px;
}
form.wdg-forms input[type=file] {
	margin: 10px 0px;
}
form.wdg-forms input[type=submit] {
	margin-left: 184px;
	margin-top: 10px;
	background: none repeat scroll 0 0 #333333;
	border: none;
	color: #FFFFFF;
	padding: 3px 8px;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
}
form.wdg-forms input[type=radio], form.wdg-forms input[type=checkbox] {
	margin-left: 184px;
}
form.wdg-forms input[type=radio].first {
	margin-top: 10px;
	margin-left: 0px;
}
form.wdg-forms .extra-field {
	margin-left: 184px;
}
form.wdg-forms .small-margin {
	margin-left: 15px !important;
}

.standard-label {
    display: inline-block;
    width: 140px;
}
.medium-label {
    display: inline-block;
    width: 230px;
}
.large-label {
    display: inline-block;
    width: 500px;
}

form.wdg-forms .reward-table-param {
    margin-left: 50px;
}

form.wdg-forms table {
    border-collapse: collapse;
}

form.wdg-forms thead {
    background-color: #EEE;
}

form.wdg-forms th {
    padding : 6px 10px;
}

form.wdg-forms td {
    padding : 4px 10px;
    border-top: 1px grey solid;
}

form.wdg-forms table input[type="number"]{
    width: 60px;
    margin: 0px;
}

form.wdg-forms table input[type="text"].reward-text{
    max-width: 90%;
    min-width: 500px;
    margin: 0px;
}

/*******************************************************************************
* LIGHTBOX - FORMULAIRE
*******************************************************************************/
/* tooltip */
.tool-tip {
    color: #fff;
    background-color: rgba( 0, 0, 0, .7);
    text-shadow: none;
    font-size: .9em;
    visibility: hidden;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px; 
    -o-border-radius: 7px; 
    border-radius: 7px;	
    text-align: center;	
    opacity: 0;
    z-index: 999;
    padding: 3px 8px;	
    position: relative;
    cursor: default;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;	
}


.infobutton, .fa.infobutton{
    cursor: help;
    color: grey;
    display: inline-block;
    vertical-align: baseline;
    font-size: 18px;
}

.infobutton:hover{
    color:#2B2C2C;
}
.tooltiptext{
    display: none;
}

.wdgQtip .qtip-content{
    font-size: 13px;
    line-height: normal;
}


/*******************************************************************************
* HEADER
*******************************************************************************/

#site_name {
    padding-top: 35px;
    min-height: 100px;
    vertical-align: middle;
    display: inline-block;
}
#site_name a {
    color: #FFF;
    text-decoration: none;
}
#site_name h1 {
    color: #FFF;
}

/*******************************************************************************
* TEMPLATE GENERAL
*******************************************************************************/
#post_bottom_content {
    background-color: #FFF;
    padding: 0;
}

/*******************************************************************************
* PROGRESS BAR
*******************************************************************************/
.progressbar {
    margin-left: 5px;
}
.progressbar .progressbar-bg {
    display: inline-block;
	text-align: left;
    width: 250px;
    background-color: #EEECED;
}
.progressbar .progressbar-complete {
    display: inline-block;
    width: auto;
    max-width: 250px !important;
    text-align: right;
    font-size: 21px;
    background-color: #333;
    color: #FFF;
}
.progressbar .progressbar-percent {
    display: inline-block;
    font-size: 18px;
}

/*******************************************************************************
* PROJECTS - COMMON
*******************************************************************************/
.video-zone {
    width: 610px;
    background-repeat: no-repeat;
    background-position: center;
}

.project_preview_item_pictos {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.project_preview_item_picto {
    float: left;
    width: 45px;
    padding: 0 5px;
}

.project_preview_item_picto img {
    width: 40px;
    height: 26px;
}

.project_preview_item_progress {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 20px;
    color: #2B2C2C;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}
.project_preview_item_progress a {
    color: #2B2C2C;
}

.project_preview_item_progressbg {
    float: left;
    width: 150px;
}
.project_preview_item_progressbar {
    width: 0px;
    height: 20px;
}

.project_preview_item_progressprint {
    font-size: 11pt;
    padding-left: 7px;
    font-weight: bold;
}

.description-summary p {
    margin: 0;
}
#wp-link-wrap {
    height: 250px !important;
}
#wp-link .howto, #wp-link #search-panel, #wp-link #wp-link-close .screen-reader-text {
    display: none !important;
}
.grey-triangle {
    position: relative;
    left: -5px;
}


.su-spoiler-content.su-clearfix{
    padding-right: 27px !important;
}
.stats_btn a{
    position: relative;
    top: 50px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    text-transform: none;
    color: #FFF;

}
.stats_btn p{
    position: relative;
    top: 83px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: Arial;
    border-bottom: 0px;
}
#share_btn_zone {
    display:none;
}
#projects-left-desc{
    width: 580px;
    height: 500px;
}
#projects-left-desc .video-zone{
    margin-top: 37px;
    width: 610px;
    height: 328px;
    min-height: 325px;
    text-align: center;
    background-size: 610px auto;
}
.projects-title{
    margin-top: 13px;
    margin-bottom: 6px;
    font-size: 20px;
    text-transform: uppercase;
}

#project-summary-container {
    margin-top: 45px;
    height: 115px;
}
#project-summary-container #projects-summary {
    position: relative;
    overflow: hidden;
    display: block;
    width: 610px;
    height: 113px;
}
#projects-summary p {
    margin: 0px;
}

#project-subtitle{
    position: absolute;
    bottom: 51px;
    font-size: 18px;
    color: #747675;

}
#share-txt{
    position: relative;
    top: 50px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    text-transform: none;
    color: #FFF;
    height: 18px;
}

.progress_zone .progress_percent {
    font-size: 21px;
    position: relative;
    top: -5px;
}


/*****  *****/
#wdg-lightbox-project-organisation div.content.align-center {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
#wdg-lightbox-project-organisation div.content {
    font-size: 16px;
}

#wdg-lightbox-project-organization div.content span {
    display: inline-block;
    width: 135px;
    font-weight: bold;
    margin-right: 10px;
}

span#extra-comment {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px; 
}

span#extra-comment-image{
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    font-size: 10px; 
}

/*******************************************************************************
* PROJECT NEWS PAGES
*******************************************************************************/
#blog-archives h2 {
	font-size: 1.20em;
}
#blog-archives h2 a {
	color: #2B2C2C;
}

#blog-archives h3 {
	font-size: 1.10em;
}

#blog-archives .preview{
    margin: 0px 20px;
}

#blog-archives .preview-frame{
    margin-bottom: 10px;
    padding: 10px 20px;
    border: 1px dotted black;
}

#blog-archives form#add-news {
	display: none;
}
#blog-archives .post-content {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
}


.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background-color: #f2f2f2 !important;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    text-align: center;
    font-size : 20px !important;
    color:#222222 !important;
}

.wpb_accordion .ui-icon {
    background-position: 0px;
}

/*******************************************************************************
* NEW PROJECT PAGE
*******************************************************************************/
.wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email input { border: none; }
.wpcf7-form-control input { border: none; }
.wpcf7-captchar input { border: none; }