/*
Theme Name: Digi Do Good
Theme URI: https://defakto.nl
Description: This is a custom child theme for Salient
Author: My Name
Author URI: https://defakto.nl
Template: salient
Version: 0.1
*/

html .container-wrap,  html .ascend .container-wrap{
background-color: #FFF!important;
}

.nectar-icon-list-item .content{
    text-align: left!important;
    font-size:16px;
}

.nectar-icon-list-item {
    margin-bottom: 47px!important;
}

.checklist .nectar-icon-list-item {
    margin-bottom: 20px!important;
}

#page-header-bg h2, body h2, article.post .post-header h2, article.post.quote .post-content h2, article.post.link .post-content h2, article.post.format-status .post-content h2, #call-to-action span, .woocommerce .full-width-tabs #reviews h3, .row .col.section-title h2 {
	font-size:32px;
}

.benefits h5 {
	font-family: Montserrat!important;
    font-size: 30px!important;
    line-height: 42px!important;
    line-height: 30px!important;
    font-weight: 800!important;
}

@media (min-width: 768px) {
.benefits .vc_col-sm-3 {
	width: 22.404255317%!important;
}
}

/*
div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3 {
    font-size: 24px!important;
    line-height: 22px!important;
    font-weight: 500;
    color: #FFF;
    text-align: left;
    background: #50d18d;
}

.toggle h3 a i {
    color: #8bfec2;
    top: 15px;
    line-height: 18px!important;
    font-size: 18px;
}

.tagline h2, .tagline h6  {
    text-transform: uppercase;
    letter-spacing: 9px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}
*/

body .toggle >div {
	background:transparent!important;
	box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

div[data-style="default"] .toggle h3 a{
    font-size: 14px!important;
    line-height: 14px!important;
    background: #1E83E1;
    color: #FFF;
    padding:20px 32px;
    display: inline-block!important;
    border-radius: 30px;
     font-family: Montserrat;
    text-transform: uppercase!important;
    letter-spacing: 1px;
	transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

div[data-style="default"] .toggle h3 a:hover {
    background: #298deb;
       display: inline;
}

.greentoggle div[data-style="default"] .toggle h3 a{ 
	background: #50d18d;
}

.greentoggle div[data-style="default"] .toggle h3 a:hover{ 
	background: #43c07e;
}


.toggle h3 a i {
	display:none;
}

h5 a {color:#000!important;}
h5 a:hover {color:#1e83ec!important;}
.boldquote h3 { 
    font-weight: 700!important;
    margin-bottom: 30px!important;
    font-size: 38px!important;
    line-height: 40px!important;
}

.graycolumn {
    background: #F6f6f6;
    padding: 50px;
    border:solid 3px #F6f6f6;
    border-radius:10px;
	 -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;   
}

.graycolumn.link:hover {
	background: #FFF;
	border:solid 3px #50d18d;
}

body[data-form-style="minimal"] .minimal-form-input {
    padding-top: 15px;
    }

.rounded-img {width:20%;border-radius:50%;}

.span_12.light .nectar-icon-list-item .content {
    color: rgba(255,255,255,1);
}

.checklist p {
    padding-bottom: 10px;
}

#footer-outer {display:none;}

.portfolio-items[data-ps="6"].no-masonry .work-item:hover .bg-overlay {
    border-width: 4px!important;
    }

.portfolio-items[data-ps="6"] .work-meta {
    padding: 13%!important;
}

#slide-out-widget-area .inner .off-canvas-menu-container li a {
	font-size: 26px;
    line-height: 60px;
}

ul.menu.menuopen {
    top: 60px;
}

/* Contact Forms */
.wpcf7 .wpcf7-response-output {
    background-color: transparent!important;
    margin-left: 0px!important;
    border: none!important;
    color: #50d18d!important;
    position: absolute!important;
    bottom: 38px;
    left: 140px;
}

/* Portfolio items */

.parallaxImg, html.cssreflections .portfolio-items .parallaxImg-wrap,.portfolio-items .col .work-item.style-5 {
	height:360px!important;}

@media screen and (min-width: 1000px) {	
.row.portfolio-items.no-masonry {
    height: 400px!important;}
}

/* Temp */
form.post-password-form {
    margin-top: 200px;
}