/*
Theme Name: Website for Chatham Chapter of Canadian Food for Children
Description: A custom, responsive WordPress website for CFFC-CK.
Author: Graciela Alaniz
Author URI: http://gracielaalaniz.me
Version: 1.0
Tags: white, responsive-layout, custom-menu

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* General
================================ */

a {
	text-decoration: none;
	outline: 0;
}

* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}

#wrapper {
	min-height: 100%;
}

figure {
	margin: 0;
}

h1, ul, h3, h4, h2 {
	margin: 0;
	padding: 0;
}

.front-wishlist h4,
nav ul li a,
footer h4,
.footer-nav a,
span a.back-to-top  {
	letter-spacing: 2px;
}

h1, h2, h3, h4,
nav ul li a,
input[type="search"],
a.read-more,
.front-wishlist a,
.footer-nav a,
.contact ul li:first-child,
span a.back-to-top,
.cat-links-archive span.title,
.cat-links-archive ul li a,
.post-nav ul li a,
.post-nav ul li span.current,
.prev-post a,
.next-post a,
.social-cat,
.social a,
.back-to-blog a,
.faq span.question,
a.paypal,
.post ul.ways-to-give li p,
#cboxCurrent,
#cboxTitle, .post form p,
div.wpcf7-response-output,
p.wp-caption-text {
	font-family: 'Lato', Helvetica, Arial, sans-serif; 
	color: #0a2148;
}

h1, h3, h4,
nav ul li a,
a.read-more,
.footer-nav a,
.contact ul li:first-child,
span a.back-to-top,
.post-nav ul li a,
.post-nav ul li span.current,
input[type="submit"],
div.wpcf7-validation-errors {
	font-weight: 900;
}

.cat-links-archive span.title,
.indiv-cat,
.back-to-blog a,
.post ul.ways-to-give li p {
	font-weight: 700;
	letter-spacing: 0.5px;
}

.post ul.ways-to-give li p,
.post ul.ways-to-give li a,
a.paypal {
	font-weight: 900;
	letter-spacing: 0.5px;
}

h3, h4, 
nav ul li a,
a.read-more,
.front-wishlist a,
.footer-nav a,
span a.back-to-top,
.cat-links-archive span.title,
.indiv-cat span,
.back-to-blog a,
.post ul.ways-to-give li p {
	text-transform: uppercase;
}

h3 {
	letter-spacing: 3px;
	font-size: 1.1em;
}

h2 {
	letter-spacing: 1px;
	font-size: 1.24em;
}

.cffc h1,
.cffc span,
h1, h2, h3, h4,
nav ul li a,
p,.footer-nav a,
span a.back-to-top,
.heading span,
.item-title span,
.item-list,
#cboxCurrent,
.search-result {
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
}

.cffc h1,
.cffc span,
p, .contact li,
span.credit,
.copyright span,
.home-post span,
.heading span,
.item-title span,
.post ul li,
.item-list ul li,
.search-result span,
.search-result p,
blockquote:before {
	font-family: Georgia, Times, 'Times New Roman', serif;
}

p, .home-post span {
	font-size: 0.86em;
}

p {
	color: #264d8c;
	line-height: 1.8;
	letter-spacing: 0.25px;
}

.post p,
.post ul li {
	font-size: 0.95em;
	margin: 5px 0;
}

.post p {
	margin: 0 0 20px;
}

.post p,
.faq span.question,
.faq-wrapper p.pray {
	color: #183c78;
}

.home-post span,
.home-post span a,
.heading span,
.heading span a,
.item-title span,
.item-list ul li {
	color: #0a2148;
}

.home-post span,
.home-post span a,
.heading span,
.heading span a,
.item-title span,
.faq-wrapper p.pray,
.search-result span,
blockquote {
	font-style: italic;
}

.logo-menu-wrap,
nav,
.search-wrap form,
a.read-more,
.heading-wrapper,
.prev-post a,
.next-post a,
.photo img,
.slideshow-container {
	-webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.03);
}

.slide figcaption {
	-webkit-box-shadow: inset 0px 5px 0px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: inset 0px 5px 0px 0px rgba(0,0,0,0.03);
	box-shadow: inset 0px 5px 0px 0px rgba(0,0,0,0.03);
}

.footer-wrapper {
	-webkit-box-shadow: inset 0px 4px 0px 0px rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0px 4px 0px 0px rgba(0,0,0,0.02);
	box-shadow: inset 0px 4px 0px 0px rgba(0,0,0,0.02);
}

.item-list-wrapper {
	-webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.02);
	-moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.02);
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.02);
}

.logo-menu,
nav ul,
.slide,
.news-mother-t-wrap,
footer,
.heading,
.cat-links-archive,
.indiv-post-nav {
	max-width: 950px;
	margin: 0 auto;
}

.front-wishlist-wrap {
	max-width: 1030px;
}

.home-blog,
.post-nav,
.post-faq-wrapper {
	max-width: 950px;
	margin: 0 auto;
}

.wishlist {
	max-width: 1000px;
	margin: 0 auto;
}

.post {
	max-width: 870px;
	margin: 0 auto;
}

.border2 {
	border-bottom: thin dashed #fff;
	display: none;
}

.error404 p {
	text-align: center;
}

.indiv-post-nav,
.news,
.mother-t,
.cat-links-archive,
.post-nav,
.home-post,
.border,
.faq-wrapper h3 {
	border-bottom: thin dashed #dfe2e8;
}

.photo-gallery {
	max-width: 950px;
	margin: auto;
}

.yolo {
	position: absolute;
	bottom: 0;
	z-index: 9999999999999999999;
}

#cboxTitle h4 {
	font-size: 0.9em;
	font-weight: 900;
	letter-spacing: 0.5px;
	padding: 0 0 5px 0;
}

#cboxTitle p {
	font-size: 0.8em;
	margin: 0;
	line-height: 1.4;
	color: #0a2148;
}

#cboxCurrent {
	font-size: 0.8em;
	letter-spacing: 0.5px;
	font-weight: 700;
	text-align: center;
	color: #0a2148;
	padding: 10px 0;
}

/* Photo Gallery
================================ */

.photo-gallery {
	padding: 35px 0 0 0;
	text-align: center;
}

.photo-gallery:after {
  content: '';
  display: block;
  clear: both;
}

.photo {
	width: 100%;
	padding: 0 25px 25px 25px;
	margin-left: 3px;
}

.photo img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Header
================================ */

.logo-menu-wrap {
	width: 100%;
	position: relative;
	z-index: 20;
}

nav {
	position: relative;
	z-index: 10;
}

.logo,
.mobile-menu,
.nat-logo,
.cffc {
	display: inline-block;
	vertical-align: middle;
}

.mobile-menu {
	text-align: right;
	width: 18%;
	padding: 25px 25px 25px 0;
	cursor: pointer;
}

.mobile-menu i {
	font-size: 23px;
	color: #46c3f8;
}

.logo {
	padding: 25px 0 25px 25px;
	width: 80%;
}

.nat-logo img {
	max-width: 100%;
	width: 50px;
	vertical-align: middle;
}

.cffc {
	width: 75%;
	padding-left: 10px;
}

.cffc h1 {
	color: #092656;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}

.cffc span {
	color: #264d8c;
	font-size: 0.85em;
}

/* Search Form
================================ */

.search-wrap {
	display: none !important;
}

.search-wrap form {
	display: inline-block;
	width: 100%;
	max-width: 180px;
	border: 2px solid #5dcaf8;
	overflow: hidden;
	text-align: left;
	clear: both;
}

input, button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: 0;
	border: 0;
	-webkit-box-sizing : border-box;‌​
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}

input[type="search"] {
	padding: 5px 10px;
	margin-right: -5px;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: 0.5px;
	float: left;
	width: 60%;
}

.search-wrap button[type="submit"] {
	background: #5dcaf8;
	padding: 5px 10px;
	float: right;
	width: 25%;
	max-width: 35px;
}

.search-wrap button i {
	color: #fff;
}

::-webkit-input-placeholder {
    color: #0a2148;
}
:-moz-placeholder {
    color: #0a2148;
    opacity: 1;
}
::-moz-placeholder {
    color: #0a2148;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #0a2148;
}

/* Contact Form
================================ */

div.wpcf7 {
	max-width: 600px;
	margin: 0 auto;
}

.post form {
	position: relative;
}

input[type="text"],
input[type="email"],
textarea {
	border: 2px solid #264d8c;
	padding: 10px;
	width: 100%;
}

textarea {
	max-width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 2px solid #5dcaf8;
}

.post form p {
	margin: 5px 0 10px 0;
}

input[type="submit"] {
	background: #5dcaf8;
	color: #fff;
	padding: 10px 50px;
}

input[type="submit"]:hover {
	background: #2ebcf7;
}

span.wpcf7-not-valid-tip {
	color: #5dcaf8;
}

div.wpcf7-response-output {
	border: none;
	letter-spacing: 1px;
	padding: 0;
	margin: 20px 0;
}

div.wpcf7 img.ajax-loader {
	margin-left: 15px;
}

/* Navigation
================================ */

nav,
nav ul ul {
	display: none;
}

nav ul {
	list-style: none;
	text-align: center;
}

nav li {
	display: block;
	position: relative;
	background: #5dcaf8;
}

.border-bottom {
	border-bottom: thin dashed #a3e4ff;
}

nav ul li a {
	display: inline-block;
	font-size: 0.8em;
	padding: 20px;
}

nav ul li a:hover,
nav ul li:hover {
	background: #2ebcf7;
}

.donate {
	color: #fff;
}

nav ul li:last-child a {
	border-bottom: none;
}

nav ul ul li {
	background: #41c2f8;
	border-top: thin dashed #a3e4ff;
}

nav ul ul li a {
	font-size: 0.65em;
	font-weight: 700;
}

span.sub-trigger {
	cursor: pointer;
	position: absolute;
	top: 0;
	z-index: 3;
	padding: 20px 10px;
}

/* Slideshow
================================ */

.slideshow-container {
	position: relative;
	margin: auto;
	width: 100%;
	min-height: 1px;
	z-index: 6;
	overflow: hidden;
}

.slideshow {
	width: 100%;
	position: relative;
	z-index: 4;
}

.slide-texture {
	background-image: url("/wp-content/themes/cffc/img/slide-texture.png");
    background-repeat: repeat;
    position: relative;
    z-index: 5;
}

.slide-wrap {
	position: relative;
	overflow: hidden;
	clear: both;
}

.slide figure {
	text-align: center;
	padding: 50px 35px 0 35px;
	margin-bottom: -4px;
}

.slide figcaption {
	padding: 25px 25px 30px 25px;
	background: #5dcaf8;
	text-align: center;
}

.slide figure img {
	max-width: 100%;
	max-height: 440px;
    width: auto;
}

.slide figcaption p {
	color: #fff;
	max-width: 550px;
	margin: 10px auto;
}

.slide figcaption h1 {
	letter-spacing: 1.5px;
	font-size: 1.2em;
}

.cycle-pager-wrap {
	max-width: 950px;
	margin: 0 auto;
	position: relative;
	z-index: 400;
}

.cycle-pager {
	position:absolute;
	display: block;
	text-align: center;
	padding: 0 17px;
	width: 100%;
	height: 8px; 
	z-index: 500; 
	bottom: 17px; 
	overflow: hidden;
}

.cycle-pager span {
	font-size: 50px;
	width: 8px; 
	height: 8px; 
	margin: 0 8px;
	display: inline-block; 
	background: #0a2148;
	border-radius: 50%;
	cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
	background: #fff;
}

@media only screen and (min-width: 800px) {

	.cycle-pager {
		text-align: left;
		bottom: 25px;
	}

	.cycle-pager span.cycle-pager-active {
		background: #5dcaf8;
	}

}

/* Slideshow
================================ */

.news-mother-t {
	padding: 0 25px;
	text-align: center;
}

.news,
.mother-t {
	padding: 35px 0;
}

a.read-more {
	padding: 10px 8px 10px 0;
}

a.read-more,
.prev-post a,
.next-post a {
	display: block;
	width: 120px;
	letter-spacing: 1px;
	font-size: 0.6em;
	background: #5dcaf8; 
	text-align: center;
	color: #fff;
	position: relative;
}

.prev-post a,
.next-post a {
	padding: 10px;
	width: 100%;
	display: inline-block;
}

.prev-post a {
	padding: 10px 12px 10px 16px;
}

.next-post a {
	padding: 10px 16px 10px 12px;
}

.news-mother-t a {
	margin: 0 auto;
}

a.read-more::after,
.next-post a::after,
.prev-post a::after,
a.read-more::before,
.next-post a::before,
.prev-post a::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

a.read-more::after,
.next-post a::after,
a.read-more::before,
.next-post a::before {
	right: 0; 
}

a.read-more::after,
.next-post a::after,
.prev-post a::after {
	bottom: -5px;
}

a.read-more::before,
.next-post a::before,
.prev-post a::before {
	top: 0;
}

a.read-more::after {
	border-width: 0 0 21px 13px;
	border-color: transparent transparent #fff transparent;
}

a.read-more::before {
	border-width: 0 10px 16px 0;
	border-color: transparent #fff transparent transparent;
}

.next-post a::after {
	border-width: 0 0 23px 13px;
	border-color: transparent transparent #fff transparent;
}

.next-post a::before {
	border-width: 0 10px 18px 0;
	border-color: transparent #fff transparent transparent;
}

.prev-post a::after,
.prev-post a::before {
	left: 0;
}

.prev-post a::after {
	border-width: 23px 0 0 13px;
	border-color: transparent transparent transparent #fff;
}

.prev-post a::before {
	border-width: 18px 10px 0 0;
	border-color: #fff transparent transparent transparent;
}

.blog a.read-more:hover,
.next-post a:hover,
.prev-post a:hover {
	opacity: 0.9;
}

.news-mother-t a:hover {
	background: #2ebcf7;
}

.mother-t img,
.mother-t-quote {
	display: block;
	vertical-align: top;
}

.mother-t-quote {
	padding: 10px 0 0 0;
}

.mother-t img {
	border-radius: 50%;
	width: 30%;
	max-width: 118px;
	margin: 20px auto 0 auto;
}

.mother-t p span {
	font-weight: bold;
	font-style: italic;
}

/* Homepage Wishlist
================================ */

.front-wishlist {
	padding: 35px 25px 0 25px;
	text-align: center;
}

.front-wishlist h3 {
	margin: 0 0 40px 0;
}

.front-wishlist h4 {
	font-size: 0.7em;
	color: #264d8c;
	line-height: 1.5;
	padding-top: 10px;
}

.front-wishlist img {
	max-width: 100%;
	width: auto;
	max-height: 90px;
}

.front-wishlist img[src*="tooth-paste"] {
    max-height: 110px;
    margin-top: -20px;
}

.front-wishlist-item {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding: 7px 15px;
	text-align: center;
}

.front-wishlist a {
	display: block;
	margin: 25px auto 0 auto;
	width: 130px;
	padding: 8px;
	border: 0.24em solid #5dcaf8;
	color: #5dcaf8;
	letter-spacing: 1.7px;
	font-weight: 700;
	font-size: 0.85em;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.front-wishlist a:hover,
span a.back-to-top:hover {
	background: #5dcaf8;
	color: #fff;
}

/* Footer
================================ */

.footer-wrapper {
	margin-top: 45px;
	background: #eefafe;
}

.footer-wrapper,
.heading-wrapper {
	width: 100%;
	position: relative;
	z-index: 4;
}

.footer-texture,
.heading-texture {
	background-image: url("/wp-content/themes/cffc/img/texture.png");
    background-repeat: repeat;
    position: relative;
    z-index: 5;
}

footer {
	padding: 45px 25px;
	text-align: center;
}

footer h4,
.footer-nav a {
	font-size: 0.9em;
}

.footer-nav {
	padding: 35px 0 0 0;
}

.footer-nav a {
	display: inline-block;
	padding: 0 10px 10px 0;
}

.footer-nav a:hover,
.single .heading span a:hover  {
	color: #264d8c;
}

.contact {
	max-width: 550px;
	margin: 0 auto;
}

.contact ul {
	list-style: none;
	padding: 20px 0 0 0;
}

.contact li {
	font-size: 0.85em;
	padding: 3px 0;
	color: #264d8c;
	line-height: 1.3;
	letter-spacing: 0.25px;
}

.contact ul li:first-child {
	letter-spacing: 1px;
	padding: 0 0 7px 0;
	font-size: 0.9em;
}

.contact a,
span a.back-to-top {
	color: #5dcaf8;
}

.contact a:hover {
	color: #2ebcf7;
}

span a.back-to-top {
	font-size: 0.8em;
	display: block;
	width: 160px;
	border: 0.24em solid #5dcaf8;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	padding: 10px 20px;
	margin: 10px auto 0 auto;
	background: rgba(255, 255, 255, 0.4);
}

span.credit,
.copyright span {
	color: #264d8c;
	letter-spacing: 1.3px;
	font-size: 0.8em;
	display: block;
	line-height: 1.5;
}

.copyright {
	text-align: center;
	padding: 0 10px;
	clear: both;
}

span.credit {
	padding: 20px 0 35px 0;
}

span.credit a {
	font-style: italic;
	color: #264d8c;
}

span.credit a:hover,
.home-post span a:hover,
.heading span a:hover {
	color: #5dcaf8;
}

/* Page Headings
================================ */

.heading-wrapper {
	background: #b2eafe; 
}

.heading {
	padding: 100px 25px;
	text-align: center;
}

.heading h1 {
	font-size: 2.5em;
	letter-spacing: 1px;
}

/* Categories/Archives
================================ */

.cat-links-archive {
	margin: 15px 25px 0 25px;
	text-align: center;
}

.back-to-blog {
	display: inline-block;
}

.cat-links-archive span.title,
.back-to-blog a {
	color: #5dcaf8;
	font-size: 0.9em;
	display: inline-block;
	padding: 5px 10px 15px 10px;
	position: relative;
	cursor: pointer;
}

.back-to-blog a::before {
	content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 8px;
    font-size: 1.2em;
}

.cat-links-archive span.title::after {
	content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left: 8px;
    font-size: 1.2em;
}

.cat, .arch {
	display: inline-block;
	vertical-align: top;
}

.cat-links-archive ul {
	width: inherit;
	list-style: none;
	position: absolute;
	z-index: 40;
	background: #5dcaf8;
	text-align: left;
	padding: 7px 0;
	display: none;
}

.cat-links-archive ul li a {
	color: #fff;
	font-size: 0.85em;
	display: block;
	padding: 8px 15px;
	letter-spacing: 0.5px;
}

.cat-links-archive ul li a:hover {
	color: #0a2148;
}

.home-post {
	padding: 35px 0;
	margin: 0 25px;
}

.home-post span,
.heading span {
	display: block;
	margin-top: 5px;
}

.home-post span a,
.heading span a,
blockquote {
	font-weight: bold;
}

.heading span {
	line-height: 1.5;
	padding: 0 25px;
	font-size: 0.95em;
	letter-spacing: 0.5px;
}

.search .heading span {
	display: inline;
	padding: 0;
	font-weight: normal;
}

.blog-post .heading h1 { /* change to wordpress body post class */
	font-size: 1.8em;
}

/* Post / Page Styles
================================ */

.post {
	padding: 35px 25px;
}

.post h2,
.post h3 {
	margin: 10px 0;
}

.post h3 {
	letter-spacing: 1px;
	text-transform: initial;
}

p.empty {
	margin: -8px;
}

.post ul {
	list-style: none;
	margin-left: 25px;
	padding: 1px 1px 20px 1px;
}

.post ul li {
	position: relative;
	padding: 0 23px;
	color: #264d8c;
	margin: 8px 0;
	line-height: 1.5;
	letter-spacing: 0.25px;
}

.post ul li::before {
	content: "\f111";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 5px;
    position: absolute;
    left: 0;
    top: 7px;
}

.post ul.ways-to-give {
	list-style: none;
	margin-left: 0;
	margin: 10px 0;
	text-align: center;
}

.post ul.ways-to-give li {
	padding: 0 10px;
}

.post ul.ways-to-give li::before {
	content: "";
	display: none;
}

.post ul.ways-to-give li:first-child {
	border-right: thin dashed #dfe2e8;
}

.post ul.ways-to-give li:last-child {
	padding: 0;
}

.post ul.ways-to-give li p
.post ul.ways-to-give li h3,
.post ul.ways-to-give li h4,
.post ul.ways-to-give li h5 {
	color: #5dcaf8;
	text-align: center;
	padding: 15px 0 0 0;
}

.post ul.ways-to-give li img {
	display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}

.post ul.ways-to-give li:nth-child(2) img {
	width: 100%;
	border-radius: 50%;
	max-width: 90px;
}

.post ul.ways-to-give li:last-child img {
	display: inline-block;
	padding: 5px 8px;
	width: auto;
	max-height: 80px;
}

.post ul.ways-to-give li:last-child {
	border-top: thin dashed #dfe2e8;
	padding-top: 30px;
}

.post ul.ways-to-give li:last-child img[src*="tooth-paste"] {
	max-height: 105px;
	margin-top: -10px;
}

.post ul.ways-to-give li p {
	padding: 5px 0 0;
}

blockquote {
	margin: 25px 0 25px 50px;
	position: relative;
	font-size: 1.4em;
}

.post blockquote p {
	color: #0a2148;
	position: relative;
	line-height: 1.7;
}

.post blockquote p:before {
	content: '\201C';
	font-style: normal;
	font-size: 2.2em;
	position: absolute;
	top: -23px;
	left: -30px;
}

p.wp-caption-text {
	color: #5dcaf8;
	line-height: 1.4;
	font-size: 0.85em;
	font-weight: 400;
}

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

.alignleft, img.alignleft {
	margin-right: 25px;
	margin-bottom: 20px;
	margin-top: 10px;
	display: inline;
	float: left;
	padding: 10px 0;
}

.alignright, img.alignright {
	margin-left: 25px;
	margin-bottom: 20px;
	margin-top: 10px;
	display: inline;
	float: right;
	padding: 10px 0;
}

.aligncenter, img.aligncenter {
	margin: 10px auto;
	display: block;
	clear: both;
	padding: 10px 0;
}

.post a {
	color: #5dcaf8;
	font-weight: bold;
}

.post a:hover {
	color: #2ebcf7;
}

.post h1, .post h2,
.post h4, .post h5, .post h6 {
	letter-spacing: 1px;
}

.post h2 {
	font-size: 1.5em;
	font-weight: 900;
}

/* Search Results Page
================================ */

.no-result,
.search-result {
	max-width: 600px;
	margin: 0 auto;
}

.search-result {
	border-bottom: thin dashed #dfe2e8;
	padding: 20px 0;
}

.search-result h3 {
	font-size: 1.3em;
	margin: 0 0 7px 0;
}

.search-result p,
.no-result p {
	font-size: 0.9em;
	line-height: 1.6;
}

/* Post Navigation
================================ */

.post-nav {
	padding: 25px 0;
	margin: 0 25px;
	text-align: center;
}

.post-nav ul {
	list-style: none;
}

.post-nav ul li {
	display: inline-block;
}

.post-nav ul li a,
.post-nav ul li span.current {
	font-size: 1em;
	display: inline-block;
	padding: 7px 12px;
	border: 3px solid white;
}

.post-nav ul li a:hover,
.post-nav ul li span.current {
	border: 3px solid #0a2148;
}

.post-nav ul li a.prev,
.post-nav ul li a.next {
	color: #5dcaf8;
	font-size: 1.2em;
	font-weight: 700;
}

.post-nav ul li a.prev:hover,
.post-nav ul li a.next:hover {
	border: 3px solid white;
	color: #2ebcf7;
}

.indiv-post-nav {
	margin: 0 25px;
	padding: 25px 0;
	border-top: thin dashed #dfe2e8;
	overflow: hidden;
}

.social-cat {
	clear: both;
	text-align: center;
	padding-bottom: 20px;
}

.social span {
	letter-spacing: 0.5px;
	font-size: 0.9em;
}

.social a {
	line-height: 1.6;
	vertical-align: middle;
}

.social i {
	font-size: 1.2em;
	padding: 0 2px;
}

.social a:hover {
	color: #021638;
}

.indiv-cat {
	padding-top: 5px;
	font-size: 0.9em;
}

.indiv-cat,
.indiv-cat span,
.indiv-cat a,
.wishlist h3,
a.paypal,
.search-result h3 a {
	color: #5dcaf8;
}

.indiv-cat a:hover,
.back-to-blog a:hover,
.search-result h3 a {
	color: #2ebcf7;
}

.prev-post,
.next-post {
	display: inline-block;
	vertical-align: top;
	width: 46%;
}

.prev-post {
	float: left;
	margin-left: 10px;
	padding-right: 10px;
}

.next-post {
	float: right;
	margin-right: 10px;
	padding-left: 10px;
}

.prev-post a,
.next-post a {
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 1px;
}

.next-post a {
	float: right;
}

/* Wishlist
================================ */

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.wishlist {
	padding: 20px 0 0 0;
	text-align: center;
	overflow: auto;
	height: auto;
}

.wishlist-item {
	overflow: hidden;
	padding: 25px 25px 20px 25px;
}

/* .wishlist-item::after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: red;
	margin: 0 auto;
} */


.wishlist-item img {
	max-height: 80px;
	min-height: 50px;
	max-width: 15%;
	width: auto;
}

.wishlist-item img[src*="tooth-paste"] {
	max-height: 100px;
	margin-top: -10px;
}

.item-info,
.wishlist-item img {
	display: inline-block;
	vertical-align: middle;
}

.item-info {
	width: 79%;
	border-top: thin dashed #dfe2e8;
	padding: 20px 0;
	margin-left: 10px;
}

.item-title {
	text-align: center;
}

.item-title span {
	letter-spacing: 1px;
	font-size: 0.85em;
	cursor: pointer;
	padding-top: 5px;
	display: block;
}

.item-title span i {
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
}

.item-list-wrapper {
	float: right;
	width: 80%;
	background: #f6fbfc;
	text-align: center;
	padding: 25px 30px;
	display: none;
}

.item-list {
	text-align: left;
}

.item-list h4 {
	letter-spacing: 1px;
	margin: 5px 0;
}

.item-list ul {
	list-style: inside;
	margin-left: 30px;
}

.item-list ul li {
	font-size: 0.9em;
	line-height: 1.8;
	letter-spacing: 0.5px;
}

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

.post-faq-wrapper {
	padding: 35px 25px 0 25px;
}

.faq-wrapper {
	padding-top: 20px;
}

.faq-wrapper h3 {
	letter-spacing: 0.5px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.faq-wrapper p.pray {
	position: relative;
	font-size: 0.8em;
	line-height: 1.6;
	padding: 20px 0 0 0;
	max-width: 500px;
}

.faq-wrapper p.pray::after {
	content: "";
	height: 3px; 
	width: 30px;
	background: #0a2148;
	position: absolute;
	top: 0;
	left: 0;
}

.page-id-34 .post {
	padding: 0;
}

a.paypal {
	margin: 35px 0;
	letter-spacing: 1px;
	font-size: 1.2em;
	padding: 10px 20px;
	text-align: center;
	display: block;
	font-weight: 900;
	border: 3px solid #5dcaf8;
}

a.paypal:after {
    background-image: url('/wp-content/themes/cffc/img/paypal.png');
    background-size: 100px 24px;
    padding-left: 100px;
    vertical-align: middle;
    padding-bottom: 12px;
    padding-top: 2px;
    margin-left: 10px;
    background-repeat: no-repeat;
    content: "";
}

a.paypal:hover:after {
	background-image: url('/wp-content/themes/cffc/img/paypal-hover.png');
}

a.paypal:hover {
	background: #5dcaf8;
	color: #fff;
}

.faq span.question {
	cursor: pointer;
	letter-spacing: 0.5px;
	padding: 7px 0;
	display: block;
}

.faq p.answer {
	margin: 0 0 10px 0;
	line-height: 1.7;
	font-size: 0.85em;
	display: none;
}

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

@media only screen and (min-width: 310px) {

	.post ul.ways-to-give li:first-child,
	.post ul.ways-to-give li:nth-child(2) {
		display: inline-block;
		width: 45%;
	}

}

@media only screen and (min-width: 470px) {

	/* Header
	================================ */

	.logo {
		width: 89%;
	}

	.mobile-menu {
		width: 10%;
	}

}

@media only screen and (min-width: 500px) {

	/* Homepage Wishlist
	================================ */

	.front-wishlist-item {
		width: 24%;
	}

	/* Footer
	================================ */

	.contact ul {
		display: inline-block;
		width: 49.5%;
		vertical-align: top;
	}

	.contact ul:first-child {
		padding-right: 10px;
	}

	.contact ul:last-child {
		padding-left: 10px;
	}

	.rand {
		text-align: center;
	}

	span a.back-to-top {
		margin: 10px auto 0 auto;
	}

	.item-info {
		width: 82%;
		margin-left: 0;
	}

	.item-list-wrapper {
		width: 82%;
	}

}

@media only screen and (min-width: 570px) {

	/* Homepage Wishlist
	================================ */

	.front-wishlist-item {
		width: 19%;
	}

}

@media only screen and (min-width: 521px) {

	/* Header / General
	================================ */

	.cffc h1 {
		font-size: 1.1em;
	}

	p {
		font-size: 0.9em;
		line-height: 1.9;
	}

}

@media only screen and (min-width: 580px) {

	/* Header
	================================ */

	.cffc h1 {
		font-size: 1.2em;
	}

	.blog-post .heading h1 { /* change to wordpress body post class */
		font-size: 2.3em;
	}

}

@media only screen and (min-width: 600px) {

	/* Photo Gallery
	================================ */

	.photo-gallery {
		padding: 35px 10px 0 10px;
	}
	
	.photo {
		width: 48%;
		display: inline-block;
		vertical-align: top;
		padding: 0 15px 25px 15px;
	}

	/* Donate Page Ways to Give
	=================================== */

	.post ul.ways-to-give li {
		display: inline-block;
		vertical-align: middle;
	}

	.post ul.ways-to-give li:first-child,
	.post ul.ways-to-give li:nth-child(2) {
		width: 24%;
	}

	.post ul.ways-to-give li:last-child {
		width: 49%;
	}

	.post ul.ways-to-give li:nth-child(2) {
		border-right: thin dashed #dfe2e8;
	}

	.post ul.ways-to-give li:last-child {
		border-top: none;
		padding-top: 0;
	}

}

@media only screen and (min-width: 620px) {

	/* News / Mother T Section
	================================ */

	.news-mother-t {
		clear: both;
		overflow: hidden;
		text-align: left;
		border-bottom: thin dashed #dfe2e8;
		margin: 0 25px;
		padding: 0;
	}

	.news-mother-t a {
		margin: 0;
	}

	.news,
	.mother-t {
		display: inline-block;
		width: 49%;
		border-bottom: none;
	}

	.news {
		float: left;
		padding: 35px 15px 35px 0;
	}

	.mother-t {
		float: right;
		padding: 35px 0 35px 15px;
	}

	.mother-t img,
	.mother-t-quote {
		display: inline-block;
	}

	.mother-t-quote {
		width: 65%;
		padding: 10px 0 0 10px;
	}

	.mother-t img {
		margin: 20px auto 0 auto;
	}

}

@media only screen and (min-width: 620px) {

	/* Header
	================================ */

	.logo-menu {
		padding: 10px 0;
	}

	.cffc h1 {
		font-size: 1.32em;
	}

	.cffc span {
		font-size: 1em;
	}

}

@media only screen and (min-width: 650px) {

	.item-info,
	.item-list-wrapper {
		width: 90%;
		margin-left: 10px;
	}

	.wishlist-item img {
		max-width: 7%;
	}

}

@media only screen and (min-width: 670px) {

	.indiv-post-nav {
		position: relative;
	}

	.social-cat {
		position: absolute;
		right: 0;
		left: 0;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		padding: 0;
	}

	.indiv-cat {
		padding-top: 0;
	}

	.prev-post a,
	.next-post a {
		width: auto;
	}

}

@media only screen and (min-width: 670px) {

	.home-blog {
		padding: 0 10px;
		overflow: hidden;
	}

	.home-post {
		display: inline-block;
		width: 45%;
		margin: 0 15px;
	}

	.home-post:nth-child(even) {
		float: right;
	}

	.home-post:nth-child(odd) {
		float: left;
	}

}

@media only screen and (min-width: 700px) {

	/* Header
	================================ */

	.border-bottom {
		border-bottom: none;
	}

	.logo-menu {
		padding: 20px 0;
	}

	.nav-a::after {
		content: "\f0d7";
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    padding-left: 10px;
	}

	.mobile-menu,
	span.sub-trigger {
		display: none;
	}

	nav {
		display: block;
		width: 100%;
		background: #5dcaf8;
	}

	nav ul {
		padding: 0 10px 0 0;
		text-align: right;
	}

	nav ul li,
	nav ul li a {
		display: inline-block;
	}

	nav ul li a {
		position: relative;
		border-bottom: none;
		padding: 15px;
		margin-right: -5px;
	}

	nav ul ul {
		position: absolute;
		z-index: 100;
		display: none;
		visibility: hidden;
		text-align: left;
		width: auto;
		min-width: 100%;
		white-space: nowrap;
		padding: 10px 0;
		background: #eefafe;
		margin: 0;
	}

	nav ul li:hover ul {
		display: block;
		visibility: visible;
	}

	nav ul ul li,
	nav ul ul li a {
		display: block;
		width: 100%;
		background: #eefafe;
	}

	nav ul ul li {
		border-top: none;
	}

	nav ul ul li:hover {
		background: none;
	}

	nav ul ul li a {
		padding: 10px 20px;
	}

	nav ul ul li a:hover {
		color: #5dcaf8;
		background: none;
	}

	nav ul ul li a::before {
		content: "\f0da";
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    padding-right: 10px;
	}

	/* News / Mother-T Section
	================================ */

	.news {
		padding: 45px 15px 45px 0;
	}

	.mother-t {
		padding: 45px 0 45px 15px;
	}

	.mother-t-quote {
		padding: 10px 0 10px 20px;
	}

	/* Homepage Wishlist
	================================ */

	.front-wishlist {
		padding: 45px 5px 0 5px;
	}

	.front-wishlist-item {
		width: 15%;
		padding: 10px 20px;
	}

	.wishlist {
		clear: both;
		overflow: hidden;
	}

	.ergh,
	.ergh2 {
		display: inline-block;
		width: 49%;
		vertical-align: top;
	}

	.ergh {
		float: left;
	}

	.ergh2 {
		float: right;
	}

	.item-listt {
		display: none;
	}
/*
	.wishlist-item {
		display: inline-block;
		width: 49%;
		vertical-align: middle;
	}

	.wishlist-item:nth-child(odd) {
		padding: 25px 10px 10px 25px;
		float: left;
	}

	.wishlist-item:nth-child(even) {
		padding: 25px 25px 10px 10px;
		float: right;
	} */

	.item-list-wrapper {
		width: 80%;
	}

	.item-info {
		width: 80%;
		margin-left: 10px;
	}

	.wishlist-item img {
		max-width: 15%;
	}

}

@media only screen and (min-width: 738px) {

	/* Header
	================================ */

	.logo {
		text-align: left;
		width: 78%;
		padding: 25px 0 25px 25px;
	}

	.search-wrap {
		text-align: right;
		width: 21.4%;
		padding-right: 25px;
		display: inline-block;
		vertical-align: middle;
	}

}

@media only screen and (min-width: 770px) {

	.home-post {
		width: 46%;
	}

}

@media only screen and (min-width: 800px) {

	/* Header / Nav
	================================ */

	nav ul {
		text-align: right;
		padding: 0 15px 0 0; /* should be 0 5px 0 0 */
	}

	/* Slideshow
	================================ */

	.slide {
		position: relative;
		left: 0;
		right: 0;
		clear: both;
		overflow: hidden;
	}

	.slide figure {
		display: inline-block;
	}

	.slide figure {
		text-align: right;
		padding: 50px 25px 0 0;
		float: right;
		width: 55%;
	}

	.slide figcaption {
		text-align: left;
		width: 40%;
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		background: none;
		padding: 0 0 0 25px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.slide figcaption h1 {
		font-size: 2em;
		letter-spacing: 2px;
		position: relative;
		margin-bottom: 40px;
		color: #0a2148;
	}

	.slide figcaption h1::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -20px;
		height: 3px;
		width: 50px;
		background: #0a2148;
	}

	.slide figcaption p {
		color: #0a2148;
		letter-spacing: 0.5px;
		font-size: 0.9em;
		line-height: 2;
		margin: 10px 0;
	}

	/* Footer
	================================ */

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

	footer {
		text-align: left;
		overflow: hidden;
		clear: both;
	}

	.contact {
		max-width: none;
		margin: 0;
		float: left;
	}

	.contact ul {
		width: 48.9%;
	}

	.contact {
		width: 55%;
	}

	.rand {
		width: 44%;
	}

	.contact, .rand {
		display: inline-block;
		vertical-align: top;
	}

	.rand {
		float: right;
		text-align: right;
	}

	.footer-nav {
		padding: 0;
	}

	.footer-nav a {
		padding: 0 0 10px 10px;
		margin-right: -4.5px;
	}

	.footer-nav a:last-child {
		margin-right: 0;
	}

	span a.back-to-top {
		margin: 15px auto 0 auto;
		margin-right: -8px;
	}

	span.credit {
		padding: 25px 0 0 0;
	}

	.copyright {
		padding: 50px 0 0 0;
	}

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

	.post-faq-wrapper {
		overflow: hidden;
		position: relative;
	}

	.post-faq-wrapper::after {
		content: "";
		height: 100%;
		border-left: thin dashed #dfe2e8;
		position: absolute;
	}

	.faq-wrapper h3 {
		border-bottom: none;
		padding-bottom: 0;
	}

	.faq-wrapper p.pray {
		padding: 20px 50px 0 0;
	}

	.faq-wrapper,
	.page-id-34 .post {
		display: inline-block;
		vertical-align: top;
	}

	.faq-wrapper {
		width: 30%;
		float: right;
		padding: 0 0 0 30px;
	}

	.page-id-34 .post {
		width: 69%;
		padding: 0 30px 0 0;
		float: left;
	}

	/* Photo Gallery
	================================ */

	.photo {
		width: 48.5%;
	}

}

@media only screen and (min-width: 950px) {

	/* Homepage Wishlist
	================================ */

	.front-wishlist-item {
		width: 13%;
	}

	.front-wishlist {
		margin-right: 20px; /* makes it look more centered, as all icons are different widths */
		padding: 50px 10px 0 10px;
	}

}

@media only screen and (min-width: 950px) {

	.cat-links-archive {
		margin: 0 auto;
		padding: 15px 0 0 0;
		position: relative;
	}

	.cat-links-archive::after,
	.cat-links-archive::before {
		content: "";
		position: absolute;
		height: 25px;
		width: 25px;
		z-index: 200;
		background: white;
		bottom: -10px;
	}

	.cat-links-archive::after {
		right: 0;
	}

	.cat-links-archive::before {
		left: 0;
	}

	.post-nav,
	.indiv-post-nav {
		max-width: 900px;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 1000px) {

	.home-blog {
		max-width: 980px;
		padding: 0;
	}

	.post-nav,
	.indiv-post-nav {
		max-width: 950px;
	}

}

@media only screen and (min-width: 1000px) {

	/* Header
	================================ */

	.cffc h1 {
		font-size: 1.5em;
	}

	.logo {
		padding: 25px 0;
	}

	.search-wrap {
		padding-right: 0;
	}

	nav {
		padding: 0 0 0 20px;
	}

	nav ul,
	.slide figcaption {
		padding: 0;
	}

	/* Slideshow
	================================ */

	.slide figure {
		padding: 50px 0 0 0;
	}

	.slide figcaption h1 {
		font-size: 2.5em;
	}

	.slide figcaption p {
		font-size: 0.94em;
	}

	/* News / Mother-T Section
	================================ */

	.news-mother-t {
		margin: 0;
	}

	/* Homepage Wishlist
	================================ */

	.front-wishlist-wrap {
		margin: 0 auto;
	}

	.front-wishlist {
		padding: 45px 0 0 0;
	}

	/* Footer
	================================ */

	footer {
		padding: 45px 0;
	}

	.contact ul:first-child,
	.contact ul:last-child {
		width: 49.5%;
	}

	.cat-links-archive {
		margin: 0 auto;
	}

	.cat-links-archive::after,
	.cat-links-archive::before {
		content: none;
	}

	.post-faq-wrapper {
		padding: 35px 0 0 0;
	}

	.cycle-pager {
		padding: 0;
		margin-left: -8px;
	}

	/* Photo Gallery
	================================ */

	.photo {
		width: 32.3%;
	}
	
	.photo-gallery {
		max-width: 1000px;
		padding: 45px 10px 0 10px;
	}

}