/***************************************

  Theme Name: Nonprofit
  Theme URI: http://themes.webdevia.com/nonprofit/
  Description: Clean WordPress theme for NonProfit
  Author: Mymoun
  Author URI: http://www.webdevia.com/
  Version: 2.8.2
  Text Domain: nonprofit
  Domain Path: /languages
  
  License: ---
  License URI: ----

  Tags: two-columns, custom-background, threaded-comments, translation-ready, custom-menu
  
***************************************/
/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops..

  All Sass files are located in the /scss folder.
  Please note that none of your scss files will be compiled to /css/app.css before you run
  'npm run watch', 'npm run build', "compass compile" or "compass watch",

  More info on how to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  For Define a table of contents please check /scss/app.scss.

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
.wpcf7-form-control.wpcf7-submit{
background: rgba(246,90,43,1);
color: #fff;
font-size: 16px;
font-weight: 400;
    font-family: "Gotham", "Open sans" !important;
	border: 0 !important;
	
}
#wonderplugincarousel-1 .amazingcarousel-image{
	
	box-shadow:unset !important;	
}
.amazingcarousel-image-fix-wrapper{
	border-radius:10px;
	
}
.Contact_heading p {
        margin: 0px 0px 8px 14px !important;
}
.Contact_heading h2{
	margin:0px 0px 0px 11px !important;
}
.funding_source h3{
	margin:0;
}
.funding_source p {
	margin: 0px 0px 17px 0px !important;
}

.wpcf7-form-control.wpcf7-submit:hover{
color: #fff;
background: #457445;
}
.fundraising_arrow_box:after {
   content: '';
   left: calc(100% - -5px) !important;
   position: absolute !important;
   right: 0 !important;
   top: 180px !important;
   width: 35px !important;
   height: 35px !important;
   background-image: url(https://creative-million.org/wp-content/uploads/2013/11/arrow-3.png);
   background-size: cover;
}
.fundraising_box {
    padding: 0px 25px 0px 50px !important;
}
.fundraising_box img {
    width: 55px;
}
.owl-thumb-item{
	display:none !important;
}
.owl-thumb-item.active{
	display:inline-block !important;
}
.wpcf7-form-control.wpcf7-file{
height: 37px;
color: rgba(0,0,0,0.75);
display: block;
font-family: inherit;
font-size: .875rem;
}
.call-action .button{
font-weight: bold;
}
.wd-top-bar .left.address-info .ion-android-phone-portrait{
    display: none;
}
.wd-top-bar .left.address-info span{
    margin-right: 0;
}

rs-layer#slider-2-slide-14-layer-25, rs-layer#slider-2-slide-8-layer-3, rs-layer#slider-2-slide-15-layer-3, rs-layer#slider-2-slide-7-layer-3, rs-layer#slider-2-slide-13-layer-24{
    font-family: "Gotham", "Open sans" !important;
	
}

h1, h2, h3, h4, h5, h6, .menu-list a, .bbp-topic-permalink, .rs-pxl-5, #slider-2-slide-9-layer-1, #slider-2-slide-14-layer-1{
font-family: "Gotham", "Open sans" !important;
}
body, body p, .testimonial-text, .rev-btn, .rs-pxl-3, #slider-2-slide-9-layer-5, #slider-2-slide-14-layer-5{
font-family: "Gotham light", "Open sans" !important;
}
.testimonial-title{
font-family: Gotham light !important;
}
.wd-header .top-bar-section ul li > a{
font-family: "Gotham medium", "Open sans" !important;
padding: 0 .7rem !important;
}
.anchor{
display: block;
   position: relative;
   top: -150px;
   visibility: hidden;
}
.popmake-title{
font-size: 14px !important;
font-family: "Gotham light", "Open sans" !important;
	
line-height: 22px !important;
}
input[name = 'your-other']{
	display:none;
}

input[type="text"] {
	text-transform: none;
}
#wonderplugincarousel-1 .amazingcarousel-description{
	font-size: 16px !important;
    font-weight: 700 !important;
    text-align: left !important;
    color: #222 !important;
    padding: 0;
    line-height: 24px !important;
    margin-top: 10px !important;
	font-family: "Gotham light", "Open sans" !important;
}
#wonderplugincarousel-1 .amazingcarousel-description span{
	font-family: "Gotham", "Open sans" !important;
}
.amazingcarousel-image div:nth-child(2) {
	display: none !important;
	bottom: 100% !important;
}
.amazingcarousel-prev ,.amazingcarousel-next{
	display: none !important;
}
#carousel-html5-lightbox {
    display: none !important;
}
.amazingcarousel-image-fix-wrapper{
	cursor :context-menu;
}

.fundraising_box h3 {
    margin-top: 0px;
	    margin-bottom: 15px;
}
.fundraising_box p {
	margin-top: 10px;
}
@media only screen and (max-width: 768px) {
.wd-logo a{
width: 50% !important;
}
	.wpb_wrapper .wd-heading h2{
		font-size: 35px !important;
		line-height: 40px !important;
	}
.wpb_wrapper .wd-heading p{
text-align: center;
padding: 10px 10px;
font-size: 15px !important;
	line-height: 22px !important;
	margin-top: 10px;
}

.wd-heading {
    text-align: center !important;
}
.wpb_wrapper .vc_inner .vc_column_container.vc_col-sm-10{
padding-left: 15px;
padding-right: 15px;
}
.vc_column-inner.vc_custom_1565329577697{
margin-right: 15px;
margin-left: 15px;
}
	.fundraising_box {
    padding: 25px 20px 25px 20px !important;
}
	.fundraising_arrow_box:after {
    content: '';
    left: calc(50% - 25px) !important;
    position: absolute !important;
    width: 50px !important;
		    top: unset !important;
		height: 50px !important;
	transform: rotateZ(90deg);
	bottom: 0;
	}
	
.vc_row.wpb_row.vc_row-fluid.vc_row-no-padding.vc_row-o-equal-height.vc_row-flex{
flex-direction: column-reverse;
display: flex;
}
.vc_custom_1485704093126 .vc_inner .wpb_column.vc_column_container.vc_col-sm-1{
margin-top:-19px	
	}

}

@media only screen and (min-width: 768px) and (max-width: 999px){
	.title-area{
		max-width: 200px;
	}	

}
@media only screen and (min-width: 768px) and (max-width: 900px){
	.title-area {
    max-width: 100%;
}
	.wd-logo a{
		width:200px !important;
	}
}