/*
Theme Name: Hope Mission
Theme URI: http://www.hopemission.com/
Description: Custom theme for hope mission
Author: Overhaul Media
Version: 1.0
Author URI: http://www.overhaulmedia.com
Tags: orange, grey, white
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Wordpress Styles
	#Media Queries */

/* #Site Styles
================================================== */

	*::selection {
		background: #dd5f19 !important;
		color: #fff !important;
	}

	*::-moz-selection {
		background: #dd5f19 !important;
		color: #fff !important;
	}

	*::-webkit-selection {
		background: #dd5f19 !important;
		color: #fff !important;
	}

	h1, h2, h3,
	h4, h5, h6{
        color: #605e62;
		font-family: "Montserrat", sans-serif;
        text-shadow: 0 1px 0 #fff;
	}

        h5{
            font-weight: 700;
            text-transform: uppercase
        }

	p{}

	span{}

	sub{}

	sup{}

	em{}

	strong{}

	hr{}

	img{}

	input {
		-webkit-appearance: none;
		border-radius: 0;
	}

	select{} select option{}

	textarea{}

	a,
    a:visited{
        color: #dd5f19;
        text-decoration:none;
    } 
    
        a:hover{}

	blockquote{} blockquote p{}	

	ul{} ul li{}

	ol{} ol li{}

	.cta{
		cursor: pointer;
		padding: 10px 13px !important;

		-webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
	}
 
		.green-cta, #menu-item-13900 a{
			color: #fff !important;
			background-color: #b2b92e !important;
		}

		.orange-cta{
			color: #fff !important;
			background-color: #dd5f19 !important;
		}

		.cta:hover, #menu-item-13900 a:hover{
			background-color: #666 !important;
		}

		#menu-item-13900 a:hover {
			color:#fff
		}

    .centered-orange-button{
        border: 1px solid #dd5f19;
        background: transparent;
        color: #dd5f19 !important;
        text-align: center;
        padding: 14px 30px;
        font-size: 1.4em;
        font-weight: 700;
    
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

        .centered-orange-button:hover{
            opacity: .5;
            color: #dd5f19;
        }

	.thirds{
		float: left;
		width: 32%;
		margin: 0 2%;
	}

		.thirds.first,
		.thirds.last{
			margin: 0%;
		}

			.thirds img{
				width: 100%;
			}

    #tweet-for-hope-wrapper,
    .tweet-for-hope-wrapper{
        text-align:center;
    }

	.right{
		float: right !important;
	}

    .tan {
        color: #e2dac4;
    }
    
    .orange {
        color: #e16000;
    }
    
    .dark-orange {
        color: #bc5000;
    }
    
    .dark-tan {
        color: #cfc7b2;
    }
    
    .white {
        color: #ffffff;
    }
    
    .gray {
        color: #807e82;
    }
    
    .light-gray {
        color: #ededed;
    }
    
    .medium-gray {
        color: #dbdbdb;
    }
    
    .yellow {
        color: #f0ca00;
    }
    
    .green {
        color: #b1ba1d;	
    }
    
    .dark-green {
        color: #99a118;
    }
    
    .purple {
        color: #be82b8;
    }

    .intro {
        font-size: 1.3rem;
    }

    .show-in-mobile{
        display: none !important;
    }

    a.donate-button-inline, a.donate {
        background: #b1ba1d;
        color: #ffffff !important;
        font-weight: bold;
        font-size: 1.2rem;
        text-transform: uppercase;
        padding: 10px 15px;
        -moz-box-shadow: 0 0 5px #b6b6b6;
        -webkit-box-shadow: 0 0 5px #b6b6b6;
        box-shadow: 0 0 5px #b6b6b6;
        text-decoration: none;
        margin: 0px 0px 10px 0px;
        display: inline-block;
    }
    
    a.donate-button-inline:hover, a.donate:hover {
        background: #99a118;
    }

    a[href$='.pdf'] {
        display:inline-block;
        padding-left:20px;
        line-height:18px;
        background: url('images/pdficon_small.gif') center left no-repeat transparent;
    }

/* #Page Styles
================================================== */

	html{
		overflow-x: hidden;
	}

	body,
	html{
		height: 100%;
		width: 100%;
		background: #eee;
	    font-family: 'Open Sans', 'Montserrat', sans-serif;
        color: #605e62;
	}

		.wrapper{
			width: 100%;
			min-height: 100%;
		}

			.search-header-container{
				overflow: hidden;
				height: 50px;
				width: 100%;
				margin: -50px 0 0;
			}

				input.search-input{
					height: 50px;
					font-size: 2em;
					color: #666;
					width: 86%;
					padding: 0 2%;
					text-align: right;
					font-family: "Open Sans", sans-serif;			
					font-weight: 700;
					border: none !important;
					outline: none;
					background: #eee;	
					float: left;
				}

				a.search-submit{
					text-align: center;
					text-decoration: none;
					background: #dd5f19;
					width: 10%;
					float: left;
					font-size: 1.5em;
					height: 50px;
					line-height: 50px;
					color: #fff;
					font-weight: 700;

					-webkit-transition: all 0.15s linear;
			        -moz-transition: all 0.15s linear;
			        -o-transition: all 0.15s linear;
			        transition: all 0.15s linear;
				}

					a.search-submit:hover{
						background: #999;
					}

			.header-meta{
				width: 100%;
				height: 37px;
				line-height: 37px;
				background: #fff;
			}

				.fb-like{
                    z-index: 9999;
					margin-top: 0px;
					margin-left: 10px;
					float: left;
				}

					.fb-like > *{
						vertical-align: middle !important;
					}

				.twitter-follow-button,
				.twitter-share-button{
					float: left;
					margin-top: 10px;
					margin-left: 5px;
				}
					
					.twitter-share-button{
						margin-top: 2px;
					}

				.header-meta-links{
					float: right;
					margin: 0;
				}

					.header-meta-links li{
						float: right;
						margin: 0 4px;
					}

						.header-meta-links li a{
							line-height: 37px;
							color: #525252;
							font-family: "Open Sans", sans-serif;
							font-size: .8em;
							font-weight: 700;
							text-transform: uppercase;
							text-decoration: none;

							-webkit-transition: all 0.15s linear;
					        -moz-transition: all 0.15s linear;
					        -o-transition: all 0.15s linear;
					        transition: all 0.15s linear;
						}

							.header-meta-links li a img{
								vertical-align: middle;
							}

							.header-meta-links li a:hover{
								opacity: .5;
							}

			.header{
				position: relative;
				z-index: 10;
				width: 100%;
				background: #e6e5e0;
			}

                .hotdogs{
                    z-index: 10000;
                    display: none;
                    width: 40px;
                    float: left;
                    position: absolute;
                    left: 0px;
                    margin-left: 0px;
                    cursor: pointer;
                    top: 0px;
                    background: #e6e5e0;
                    margin-bottom: 0;
                    padding: 10px;
    
                    -webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                       -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                        -ms-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                         -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                            transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
                    
                    -webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                       -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                        -ms-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                         -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                            transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
                }

                    .hotdogs.active{
                        left: 80%;
                    }

                    .hotdogs li{
                        width: 100%;
                        background: #525252;
                        height: 6px;
                        margin: 6px 0;
    
                        -webkit-box-shadow: inset 1px -1px 0px rgba(255,255,255,.9);
                        -moz-box-shadow: inset 1px -1px 0px rgba(255,255,255,.9);
                        box-shadow: inset 1px -1px 0px rgba(255,255,255,.9);
                    }

				.logo{
					float: left;
					margin: 20px 0 20px 10px;
				}

					.logo h1 {  
						text-indent: -9999px;  
						width: 168px;  
						height: 71px;  
						margin: 0;
						background: transparent url("images/logo.png") no-repeat scroll;
						background-size: contain;  

						-webkit-transition: all 0.05s linear;
				        -moz-transition: all 0.05s linear;
				        -o-transition: all 0.05s linear;
				        transition: all 0.05s linear;
					} 

                .nav-mobile{
                    display: none;
                }

				.nav{
					float: right;
					margin: 20px 0 0;
					padding: 0;
				}

					.nav > li{
						position: relative;
						display: block;
						margin: 0 7px;
						padding: 0;
						float: right;
						font-size: 1.2em;
						color: #807e82;
						font-family: 'Open Sans', sans-serif;
						font-weight: 700;
						line-height: 72px;
						text-align: right;
					}

						.dd-arrow-container{
							position: absolute;
							display: block;
							float: left;
							left: 50%;
							top: 50px;
						}

							.dd-arrow{
								position: relative;
								display: block;
								float: left;
								left: -50%;
								width: 9px;
								height: 4px;
								background: url('images/nav-arrow.png') left bottom;
								background-size: 9px auto;
							}

								.nav li:hover .dd-arrow{
									background-position: left top;
								}

						.nav > li > a{
							text-decoration: none;
							color: #dd5f19;
							padding: 7px;
							margin: 0px;
						}

							.nav > li > a{
								-webkit-transition: all 0.05s linear, color .25s, background-color .25s;
						        -moz-transition: all 0.05s linear, color .25s, background-color .25s;
						        -o-transition: all 0.05s linear, color .25s, background-color .25s;
						        transition: all 0.05s linear, color .25s, background-color .25s;
							}
							
							.nav li a.has-border{
								border-right: 1px solid #cfc7b3;
								padding-right: 11px;
							}

								.nav > li > a:hover{
									color: #666;
								}

						.nav li ul{
							display: none;
							position: absolute;
							left: 0;
							background: #dd5f19;
							padding: 20px;
							top: 53px;
							margin: 0 -20px 0 -15px;
							min-width: 100%;
						}

							.nav li:hover ul{
								display: block;
							}

							.nav li ul{

							}

								.nav li ul li{
									text-align: center;
									line-height: 2em;
								}

									.nav li ul li a{
										color: #fff;
										text-decoration: none;
									}

										.nav li ul li a:hover{
											opacity: .7;
										}

				.header.sticky{
					position: fixed;
					top: 0;
					left: 0;
					z-index: 10000;
				}

					.header.sticky .logo{
						margin: 10px 0 10px 10px;
					}

						.header.sticky .logo h1{
							width: 128px;  
							height: 42px;
						}

					.header.sticky .nav > li{
						margin: 0 7px;
						padding: 0;
						float: right;
						font-size: 1em;
						color: #807e82;
						font-family: 'Open Sans', sans-serif;
						font-weight: 700;
						line-height: 22px;
					}

						.header.sticky .dd-arrow-container{
							top: 22px;
						}

						.header.sticky li ul{
							top: 26px;
						}

            .page-header{
                position:relative;
                width: 100%;
                border-bottom: 1px solid #fff;
                margin-bottom: 80px;
            }

                .page-header img{
                    width: 100%;
                    display: block;
                    position: relative;
                    height: auto;
                }

                .page-description{
                    width: 30%;
                    margin: 0 auto 60px;
                    text-align: center;
    
                    color: #797979;
                    font-size: 1.1em;
                    line-height: 1.8;
                    font-weight: 700;
                }

                .page-header .page-title{
                    width: 100%;
                    text-align: center;
                    margin: 50px 0 20px;
                }

                .blog-title{
                    position:absolute;
                    text-align:center;
                    bottom: 50%;
                    display:block;
                    color: #fff;
                    text-transform: uppercase;  
                    font-size: 2em;
                    font-weight: 700;
                    margin-bottom: -25px;
                    width: 100%;
                }

            .breadcrumbs{
                width: 100%;
                height: 30px;
                line-height: 30px;
                background: #ddd;
                border-bottom: #fff;
                position: absolute;
                bottom: -30px;
                left: 0;
                overflow:hidden;
            }
    
                .breadcrumbs{
                    font-size: .8em;
                    text-transform: uppercase;
                }
    
            .page-content{
                margin-bottom: 50px;
            }

                .page-content .padder{
                    padding: 0 10px;
                }

                    .page-title{
                        text-align:center;
                        margin: 0 0 0px 0;
                        color: #e16000;
                        text-transform: uppercase;  
                        font-size: 2.5em;
                        font-weight: 700;
                    }

                    .page-content img{
                        max-width: 100%;
                        height: auto;
                    }

                        .page-content .map_canvas img{
                            max-width: none;
                        }    

                    .page-content ul{
                        margin-left: 15px;
                        list-style: disc;
                    }

                    .page-content h2{
                        text-align:left;
                        margin: 0px 0 20px;
    
                        color: #e16000;
                        font-size: 2.2em;
                        font-weight: 700;
                    }

                    .page-content hr{
                        margin: 20px 0;
                    }

                .map_canvas{
                    width: 100%;
                    height: 400px;
                }

                .post{
                    overflow: visible;
                    margin-bottom: 70px;
                }

                	.half-post{
                		width: 49%;
                		margin: 0;
                		float: left;
                		position: relative;
                	}

                		.video-hr{
                			margin-top: -20px !important;
                			float: left;
                			width: 100%;
                			margin-bottom: 40px !important;
                		}

                    .post ul{
                        margin-left: 30px;
                        list-style: disc;
                    }

                    .post a{
                        cursor: pointer;
                    }

                    .post h1, .post h2,
                    .post h3, .post h4,
                    .post h5, .post h6{
                        color: #605e62;
                        font-weight: normal;
                        margin-bottom: 20px;
                        text-transform: none;
                    }

                        .post h2{
                            font-size: 2.5em;
                        }

                    .post h2.post-title,
                    .post h2.post-title a{
                        font-weight: 700;
                        color: #dd5f19;
                        line-height: 1.2em;
                        margin-bottom: 20px;
                    }

                    .post .cta{
                        float: left;
                    }

                    .feat-image{
                        width: 100%;
                        margin-bottom: 20px;
                    }

                .pagination{
                    position:relative;
                    float: left;
                    display:block;
                    left: 50%;
                    margin:0;
                }

                	.page-content .pagination{
                		margin-top: 10px !important;
                	}

                    .pagination li{
                        float: left;
                        display: block;
                        left: -50%;
                        margin: 0 10px;
                    }

                        .pagination li a{
                            color: #dd5f19;
                        }

        .container .sidebar{
            margin-bottom: 40px;
        }

            .sidebar h3{
                font-size: 1.2em;
                font-weight: 700;
            }

            .sidebar form{
                width: 100%;
                float: left;
            }

                .sidebar input{
                    max-width: 190px;
                }

            .sidebar ul{
                list-style: none;
            }

                .sidebar ul li a{
                    color: #dd5f19;
                }
    
                    .sidebar ul .current-cat a,
                    .sidebar ul .current-post a{
                        color: #333;
                    }
    
                .sidebar ul li ul{
                    margin-left: 15px;    
                }
        
                    .sidebar ul li ul li a{
                        color: #7a7a7a;
                    }

		.footer{
			background: #807e82;
			width: 100%;
			margin-top: 0;
			padding: 75px 0;
			color: #fff;
		}

            .social-media{
                
            }

                .social-media a{
                    opacity:1;
                    margin-right: 5px;
    
                    -webkit-transition: all 0.15s linear;
                    -moz-transition: all 0.15s linear;
                    -o-transition: all 0.15s linear;
                    transition: all 0.15s linear;
                }

                    .social-media a:hover{
                        opacity: .5;
                    }

            .footer .section{
                margin: -100px 0 100px;
            }

			.footer hr{
				margin: 20px 0 40px;
				float: left;
				width: 100%;
			}

			.footer h4{
                text-shadow: 0 0 0 #fff;
				color: #fff;
			}

			.footer p{
				font-size: .9em;
				line-height: 1.5em;
			}

			.footer a{
				color: #fff;
				text-decoration: none;

				-webkit-transition: all 0.09s linear;
		        -moz-transition: all 0.09s linear;
		        -o-transition: all 0.09s linear;
		        transition: all 0.09s linear;
			}

				.footer a:hover{
					color: #333;
				}

			.middle{
				width: 26%;
				margin: 0 2% 0 8%;
			}

			input.footer-search-input{
				float: left;
				height: 26px;
				border: 1px solid #fff;
				padding: 6px 10px;
                width: 70%;
			}

			.footer-search-button{
				float: left;
			}

	/* Homepage */

		.slider{
			width: 100%;
			position: relative;
			overflow: hidden;
		}

			.mobile-slide-image{
				display: none;
			}

		#front-page-stats {
			margin: 40px auto 60px;
			max-width: 960px;
			border-bottom: 1px #cfc7b2 solid;
			padding-bottom: 20px;
			font-family: 'Open Sans', sans-serif;
			font-size: 1.1em;
			font-weight: 700;
		}

			.four-column {
				float: left;
				width: 23.7%;
				margin-right: 1.2%;
				color: #807e82;
			}

				h2.stat-heading {
					color: #e16000;
					margin-top: 20px;
					font-family: 'Open Sans', sans-serif;
					font-weight: 700;
					line-height: 1.1em;
					text-transform: uppercase;
					font-size: 1.7em;
					border-bottom: 1px solid #cfc7b2;
					margin-bottom: 30px;
					position: relative;
					text-align: center;
				}

					h2.stat-heading span {
						background: #ededed;
						padding: 0 15px;
						position: relative;
						top: 10px;
					}

				.stat {
					display: block;
					font-family: 'Open Sans', sans-serif;
					font-size: 3em;
					font-weight: 700;
					float: left;
					color: #e16000;
					position: relative;
					top: -5px;
					margin-right: 5px;
					text-shadow: 0px 1px 0px #ffffff;
					line-height: 1.1em;
				}

		.section{
			width: 100%;
			position: relative;
			overflow: hidden;
		}

            .latest-news-thumb{
                overflow: hidden;
            }
    
                .latest-news-thumb.kids-thumb img{
                    opacity: 1;
                }
    
                .latest-news-category h3{
                    font-size: 1em !important;
                    line-height: 1.5em;
                }

                .hidden-dots{
                    display: none;
                }

                .hidden-title{
                    display: inline;
                }
                    
            .kids-links{
                
            }

                .latest-news-thumb .green{
                    background: #b1b92e;
                }

                .latest-news-thumb .pink{
                    background: #bc83b7;
                }

                .latest-news-thumb .yellow{
                    background: #edc828;
                }

			.section > img{
				position: relative;
				width: 100%;
				display: block;
			}

			.section > h2{
				position: absolute;
				width: 100%;
				top: 40%;
				display: block;
				font-family: 'Open Sans', sans-serif;
				color: #fff;
				font-size: 3em;
				font-weight: 700;
				margin: 0;
			}

				.section > h2 > span{
					top: -20px;
					display: block;
					width: 100%;
					position: relative;
					text-align: center;
				}

			.involved-ctas{
				position: absolute;
				bottom: 10%;
				left: 0;
				width: 100%;
			}

				.involved-ctas-container{
					position: relative;
					float: left;
					display: block;
					left: 50%;
				}

					.involved-ctas-container .cta{
						float: left;
						display: block;
						position: relative;
						left: -50%;
						margin: 0 5px;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: 700;
						width: 260px;
						padding: 20px 0 !important;
						text-align: center;
						font-size: 1em;
					}

			.news-letter{
				text-align: center;
				width: 100%;
				padding: 40px 0;
				background: #e6e5e0;
				overflow: hidden;
			}

                .news-letter .centerer{
                    width: 100%;
                    float: left;
                }

                .news-letter .error{
                    width: 100%;
                    float: left;
                    clear: both;
                    line-height: 2em;
                    color: #f00;
                }

				.news-letter .centerer > form{
					position: relative;
					display: block;
					float: left;
					left: 50%;
				    margin-bottom: 0px;
                }

					.news-letter .centerer > form > *{
						float: left;
						left: -50%;
						display: block;
						position: relative;
						margin: 0 10px;
						font-weight: 700;
						color: #767378;
						height: 40px;
						padding: 0px 20px;
						font-weight: normal;
					}

						.news-letter .centerer > form > div{
							line-height: 40px;
							padding: 0px ;
							font-weight: 700;
						}

						.news-letter .centerer > form > .cta{
							text-decoration: none;
							text-transform: uppercase;
							font-weight: 700;
							font-size: .8em;
							height: auto;
						}

                    #templateBody{
                        height: auto;
                        line-height: normal;
                    }

                        #templateBody div{
                            text-align: left;
                        }

            .feed-link-cont-wrapper-cont{
                position:absolute;
                top: 30%;
                width: 100%;
            }

            .feed-link-cont-wrapper{
                float: left;
                position: relative;
                display: block;
                left: 50%;
                z-index: 100; 
            }

                .feed-link-cont-wrapper > *{
                    float: left;
                    position: relative;
                    display: block;
                    left: -50%;
                }

                    .feed-link-cont{
                        float: left;
                        position: relative;
                        z-index: 100;
                        margin: 0px 10px;
                    }
        
                        .feed-link {
                            position: relative;
                            border: 1px solid #fff;
                            padding: 50px 20px;
                            text-align: center;
                            width: auto;
                            margin-top: 0;
                            display: block;
                            z-index: 100;
                            color: #fff !important;
                            font-weight: 700;
                            font-size: 1.2em;
                            text-transform: uppercase;
                            text-decoration: none;
        
                            -webkit-transition: all 0.25s linear;
                            -moz-transition: all 0.25s linear;
                            -o-transition: all 0.25s linear;
                            transition: all 0.25s linear;
                        }
        
                            .feed-link:hover{
                                background: #fff;
                                color: #dd5f19 !important;
                            }
        
			.feed-get-in-touch{
				position: absolute;
				width: 100%;
				bottom: 10%;
				text-align: center;
				display: block;
				color: #fff !important;
				text-decoration: none;
			}

			.section-latest-news{
				padding: 50px 0;
			}

				.section-latest-news > h2{
					width: 100%;
					color: #dd5f19;
					text-align: center;
					font-size: 2em;
					text-transform: uppercase;
					font-weight: 700;
					position: relative;
					margin-bottom: 20px;
				}

					.latest-news{
						overflow: hidden;
					}

						.latest-news-container{
							position: relative;
							margin: 0 auto;
							width: 90%;
						}

							.ln-divider{
								display: none;
							}

							.latest-news-thumb{
								position: relative;
								float: left;
								display: block;
								margin: 1%;
								width: 18%;
							}

								.ln-thum-cont{
									overflow: hidden;
									float: left;
									width: 100%;
									background: #dd5f19;
								}

								.latest-news-thumb img{
									opacity: 1;
									position: relative;
									float: left;
									display: block;
									max-width: 100%;
                                    width: 100%;

									-webkit-transition: opacity 0.25s linear;
							        -moz-transition: opacity 0.25s linear;
							        -o-transition: opacity 0.25s linear;
							        transition: opacity 0.25s linear;
								}

									.latest-news-thumb:hover img{
										opacity: .5;
									}

									.latest-news-category{
										position: relative;
										margin-top: 10px;
										float: left;
										font-size: 12px;
										text-align: center;
										width: 100%;
									}

										.latest-news-category h3{
											display: block;
											padding: 5px;
											text-transform: uppercase;
											color: #dd5f19;
											font-size: 1.5em;
											font-weight: 700;
                                            width: 80%;
                                            margin: 0px 10%;
										}

									.latest-news-read-more{
										width: 100%;
										position: absolute;
										top: 50%;
										text-align: center;
										padding-top: 10px;
										color: #fff;
										text-transform: uppercase;
										font-weight: 700;
									}

				.read-more-news{
					text-align: center;
					display: block;
					margin: 20px auto 0;
					width: 300px;
					color: #dd5f19 !important;
					position: relative;
					text-decoration: none;
				}

					.read-more-news:hover{
						color: #666 !important;
					}

			.section-discover{
				padding: 50px 0;
			}

				.section-discover > h2{
					width: 100%;
					color: #dd5f19;
					text-align: center;
					font-size: 2em;
					text-transform: uppercase;
					font-weight: 700;
					position: relative;
					margin-bottom: 20px;
				}

				.thirds-container{
					margin: 0 auto;
					width: 90%;
				}

                    .section-discover img{
                        max-width: 100%;
                        height: auto;
                    }

					.section-discover p{
						color: #797979;
						font-size: .9em;
						font-weight: normal;
					}

						.section-discover p strong{
							line-height: 45px;
							padding: 10px 0;
							color: #797979;
							font-weight: 700;
						}

/* #Slider
================================================== */
	
	.swiper-container,
	.swiper-wrapper{
	}

		.swiper-container{
			width: 300%;
			margin-left: -100%; 
		}

			.swiper-slide{
				opacity: .5;
				width: 33%;
				background: #eee;

				-webkit-transition: opacity 0.25s linear;
		        -moz-transition: opacity 0.25s linear;
		        -o-transition: opacity 0.25s linear;
		        transition: opacity 0.25s linear;
			}

				.swiper-slide.swiper-slide-active{
					opacity: 1;
				}

				.swiper-slide img{
					max-width: 100%;
					float: left;
					margin: 0;
				}

		.next-slide,
		.prev-slide{
            text-shadow: 0px 0px 2px #000;
			position: absolute;
			top: 50%;
			left: 4%;
			font-size: 3em;
			color: #fff !important;
			text-decoration: none;
			z-index: 1000;
		}

			.next-slide{
				top: 50%;
				left: auto;
				right: 4%;	
			}

				.next-slide span,
				.prev-slide span{
					position: relative;
					display: block;
					margin-top: -11px;
				}

		.pagination{
			position: relative;
			float: left;
			display: block;
			left: 50%;
			margin-top: -23px;
		}

			.pagination > span{
				width: 8px;
				height: 8px;
				border: 2px solid #fff;
				background: #fff;
				float: left;
				position: relative;
				display: block;
				left: -50%;
				margin: 0 5px;

				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
			}

				.pagination > span.swiper-active-switch{
					background: #dd5f19;
				}

/* #Wordpress Styles
================================================== */

	.alignnone {
		margin: 5px 20px 0px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		border-bottom: 1px solid #dddddd;
		max-width: 100%; /* Image does not overflow the content area */
		padding: 0;
		font-size: 1em;
		color: #404041;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 100%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 1em;
		line-height: 1.7em;
		margin: 0;
		padding: 5px 4px;
	}
				

/* #Media Queries
================================================== */

    /* 1120 <=> 1279 */
    @media only screen and (max-width: 1279px) {
        
        .feed-link-cont-wrapper-cont{
            top: 25%;
        }
    
    }

    /* 960 <=> 1119 */
    @media only screen and (max-width: 1119px) {
    
        input.footer-search-input{
            width: 60%;
        }
    
        .nav>li>a {
            margin: 0;
            font-size: .9em;
        }
    
    }
    
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
    
        .page-description{
            width: 40%;
        }
    
        .wrapper{
            margin-top: 64px;
        }

        .show-in-mobile{
            display: block !important;
        }
    
        .hide-in-mobile{
            display: none;
        }
    
        .header-meta .container{
            width: 90%;
            padding: 0px 5%;
        }
    
        .header{
            position: fixed;
            top: 0;
            left: 0;
            overflow: visible;
            z-index: 999999;
        }
    
            a.search-submit{
                width: 15%;
            }
    
            input.search-input{
                width: 81%;
            }
    
            .hotdogs{
                display: block;
            }
    
            .logo,
            .logo h1{
                height: 30px;
                width: 100%;
                background-position: center center;
            }
    
                .logo{
                    margin: 17px 0;
                }
        
            .nav{
                display: none;
            }
    
            .nav-mobile{
                
                display: block;
            }
    
            .nav{
                top: 0;
                left: -80%;
                margin-top: 0;
                position:fixed;
                height: 100%;
                width: 80%;
                background: #eee;
                border-right: 1px solid #ddd;
                margin-left: -1px;
                overflow-x: hidden;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
        
                -webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                   -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                    -ms-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                     -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                        transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
                
                -webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                    -ms-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                     -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
                        transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
            }
    
                .nav.open{
                    left: 0;
                }
    
                .nav .green-cta.cta{
                    padding: 40px 0 !important;
                    width: 100%;
                    float: left;
                    display: block;
                    text-align: center;
                    margin: 0 0 -10px;
                }
    
                .nav li{
                    line-height: 1em;
                    text-align: left;
                    width: 100%;
                    margin: 10px 0;
                    float: left;
                }
    
                    .nav li a{  
                        float: left;
                        display: block;
                        text-align: left;
                        width: 90%;
                        padding: 0 5%;
                    }
    
                    .dd-arrow{
                        display: none;
                    }
    
                    .nav li ul{
                        top: 0;
                        left: 0;
                        margin: 20px 0 0 0;
                        padding: 10px 0;
                        position: relative;
                        width: 100%;
                        float: left;
                        display: block;
        
                        -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.5);
                        -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.5);
                        box-shadow: inset 0 0 10px rgba(0,0,0,.5);
                    }
    
                    .nav .hope-for-links{
                        width: 90%;
                        padding: 20px 5% 20px;
                        border-bottom: 1px solid #ddd;
                    }
    
                        .nav .hope-for-links a{
                            padding: 20px 0 0;
                            width: 100%;
                        }
    
                            .nav li a.has-border{
                                border: none;
                            }

        input.footer-search-input{
            width: 50%;
        }
    
        .latest-news-thumb{
            width: 48%;
        }
    
        .involved-ctas-container .cta{
            width: 210px;
        }
    
        #front-page-stats{
            
        }
    
            #front-page-stats .four-column{
                width: 38%;
                margin: 20px 6%;
            }
    
        .feed-link-cont-wrapper-cont{
            top: 30%;
        }
    
            .feed-link{
                padding: 20px;
                font-size: 1em;
            }

        .ln-divider{
			display: block;
			width: 100%;
			height: 1px;
			float: left;
		}

		.half-post{
    		width: 100%;
    		margin: 40px 0 0 !important;
    		float: left;
    		position: relative;
    	}

    		.video-post > iframe{
    			height: 260px !important;
    			min-height: 0 !important;
    		}

    		.video-post .post-social{
    			float: left;
    		}

    		.video-post-divider{
    			height: 0px !important;
    		}

    		.video-hr{
    			display: none !important;
    		}
    
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    
		.swiper-slide img{
			display: none;
		}

		.mobile-slide-image,
		.only-slide-image{
			display: block !important;
			max-width: 100%;
			float: left;
			height: auto;
		}

        .slider .pagination{
            display: none !important;
        }
    
        .page-description{
            width: 60%;
        }
    
        a.search-submit{
            width: 20%;
        }

        input.search-input{
            width: 76%;
        }
    
        .wp-image-10446{
            display:none;
        }
    
        input.footer-search-input{
            width: 80%;
        }
    
        .footer .thirds,
        .section-discover .thirds{
            width: 100%;
            margin: 0;
        }
    
            .section-discover .thirds{
                margin: 0 0 20px;
            }
    
        .involved-ctas-container{
            width: 100%;
            left: 0;
        }
        
            .involved-ctas-container .cta{
                width: 32%;
                margin: 0 0 0 1%;
                left: 0;
                padding: 6px 0!important;
                height: 20px;
                overflow: hidden;
            }
    
        .section>h2{
            font-size: 1em;
        }
    
        .news-letter .centerer>form{
            left: 0;
            width: 100%;
        }
    
            .news-letter .centerer>form>*{
                width: 200px;
                margin: 10px auto;
                float: none;
                left: 0;
            }
                
                .news-letter .centerer>form>input{
                    width: 186px;
                }
    
        #front-page-stats{
            
        }
    
            #front-page-stats .four-column {
                text-align: center;
                width: 60%;
                margin: 20px 0;
                padding: 0 20%;
            }
    
                .stat{
                    width: 100%;
                    margin: 0;
                    font-size: 4em;
                }
    
        .next-slide, .prev-slide{
            display: none !important;
        }
    
        .feed-link-cont-wrapper-cont{
            top: 0%;
            height: 100%;
        }
    
            .feed-link-cont-wrapper{
                width: 100%;
                height: 100%;
                left: 0;
            }  
    
                .feed-link-cont{
                    left: 0;
                    width: 46%;
                    margin: 0px 2%;
                    height: 100%;
                }
    
                    .feed-link-cont a{
                        height: 100%;
                        border-top: 0px;
                        border-bottom: 0px;
                        padding: 30px 20px;
                        
                    }
    
                    .kids-links .feed-link-cont{
                        width: 29%;
                    }
    
                        .kids-links .feed-link-cont a{
                            font-size: .9em;
                            line-height: 1.2em;
                        }
    
        .feed-get-in-touch{
            display: none;
        }
    
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
    
        .page-description{
            width: 80%;
        }
    
        .header-meta-links{
            width: 22px;
        }
    
            a.search-submit{
                width: 25%;
            }
    
            input.search-input{
                width: 71%;
            }
    
        input.footer-search-input{
            width: 60%;
        }
    
        .latest-news-thumb{
            width: 98%;
        }
    
    }

	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	
		.logo h1{
			background-image: url("images/logo@2x.png");  
		}

	}


/* #Testimonial styles (Internship pages)
================================================== */

.strong-content {
	font-style:italic; font-size:2em; text-align:center;
}

.strong-content .testimonial {
	width:99%; margin:30px auto -10px auto; line-height:1.2em;
}

/* Cities Styles */

hr.fade {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
}


/* Donate Page Styles 
================================================== */

div#donate-form-embed .btn-CHblue {
	background-color:#b2b92e; 
}

div#donate-form-embed.btn-link {
	color:#b2b92e; 
}	

div#donate-form-embed #payment-method>ul>.active>a, #payment-method>ul>.active>a:hover {
	border:#b2b92e; 
}

div#donate-form-embed.btn-blue-check.active {
	border:#b2b92e; 
}

.embeded #page-body.container {
	padding-top:0px;	
}

/* Front Page Donate Form Styles - Added by Sam Drew June 9, 2016 
================================================== */
div.donate-surround {
	width:100%; 
	height:432px; 
	background-image:url(/wp-content/uploads/2016/06/2016-Summer-of-Hope_Feature_Edmonton.jpg); 
	background-position:left;
}

div.donate-box-top-space {
   height:57px;
   width:10px;
	}
	
div.donate-box-inner-wrap {
     background: #fbf9f2;
    border-radius: 2px;
    padding: 20px 5px 0 5px;
    width: 100%;
    max-width: 400px;
    min-width: 400px;
    overflow: hidden;
	margin-left:129px;
	text-align:center;
	}
	
	
.currency-predefined {
    overflow: hidden;
}

.currency-predefined button {
    
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 44px;
    width: 100%;
    max-width: 25%;
    height: 44px;
    border: 1px solid #c2beb0;
    background: none;
    color: #564d4b;
    border-radius: 2px;
    padding: 0;
    float: left;
    text-align: center;
    margin: 0 5% 10px 0;
    outline: none;
}

#other_amount {
    width: 100%;
    max-width: 55%;
    height: 44px;
    border: 1px solid #c2beb0;
    background: none;
    color: #564d4b;
    border-radius: 2px;
    padding: 0 10px;
    outline: none;
    
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}

.currency-predefined button.active, .currency-predefined button#other_amount.active {
    border: 1px solid #dd5f19;
    background: #dd5f19;
    color: #fff;
}

.quote-landing {
    background: #c2beb0;
    min-height: 44px;
    border-radius: 2px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    padding: 10px;
    color: #fff;
    margin: 0 0 15px;
}

.quote-landing p {
    margin: 0;
	
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #382f2d;
	padding-top:10px;
}

.gift-designate-wrap {
    overflow: hidden;
    margin: 0 0 30px;
}

.gift-designate-wrap p {
    
    font-style: normal;
    font-weight: 700;
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 30px;
    color: #382f2d;
    text-align: center;
}

.gift-designate-wrap input[type=radio] {
	-webkit-appearance: radio;
	float:left;
}
.gift-designate-wrap input[type=radio] {
    display: none;
}

.gift-designate-wrap input[type=radio] + label {
    
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.025em;
    text-transform: none;
    color: #564d4b;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    border-radius: 2px;
	padding-left:20px;
    float: left;
    background: #f2efe5;
    width: 100%;
    max-width: 23%;
    text-align: right;
    position: relative;
	margin-right: 4px;
    padding-right: 8px;
	padding-left:25px;
	margin-left: 4px;
}
.gift-designate-wrap input[type=radio] + label:before {
    display: inline-block;
    border: 1px solid #c1bfaf;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    margin: -3px 10px 0 0;
    vertical-align: middle;
    content: "";
    background: #fff;
    color: #d1c49b;
    line-height: 12px;
    font-size: 40px;
    text-align: center;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -12px;
    text-indent: 1px;
}
.gift-designate-wrap label:first-of-type {
    margin-right: 4%;
}

.gift-designate-wrap input[type=radio]:checked + label:before {
    content: "\2022";
    color: #423937;
	line-height:20px;
	text-align:center;
	font-size:37px;
	}
	
.gift-designate-wrap label img {
    display: inline;
    max-width: 13px;
    margin: 0 7px 0 0;
}

.button-green {
    
    font-style: normal;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #dd5f19;
    
}

.button.button-middle {
    font-size: 22px;
    height: 54px;
	margin-bottom:0;
}
.button.button-serif {
    
    font-style: normal;
    font-weight: 700;
}
.one-time-monthly-wrap .button-green {
    margin: 0 11px;
}

.button-green:hover {
    background: #b2b92e;
}