/*
Theme Name: Churchope Child Theme
Theme URI:
Description: 
Author: Yesworks
Author URI: http://yesworks.org/
Template: churchope
Version: 1.0.0
Tags: 
Text Domain: churchope-child-theme
*/
  
body {
    line-height:1.5em;
}

p {
    padding-bottom:1em;
}

div.aligncenter {
  margin:0 auto;
}

div#attachment_4414 {
  width:initial!important;
}

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

#main h1, #main h2, #main h3 {
    letter-spacing:0.01em;
}

#main h4 {
    line-height:1.2em!important;
}

/* Icons */
.icons.four>.one_fourth {
	width:24.02173913043478%;
	margin-right:1.3043478260869565%;
}

.icons.four>.one_half {
	width: 49.34782608695652%;
	margin-right:1.3043478260869565%
}

.icons.four div .one_half {
	width: 48.6784140969163%;
	margin-right: 2.643171806167401%
}

.icons.four>.one_fourth.last,
.icons.four div .one_half.last {
  margin-right:0;
}

.post-yes-is-moving h4 {
  margin-top:0.5em!important;
  margin-bottom:1.5em!important;
}

.post-yes-is-moving h5 {
  margin-top:0.7em!important;
  margin-bottom:0.5em!important;
}

#main article.hentry a.button:hover {
    color:#ddd;
}

.header_top .row {
  display:block;
}

.header_top .grid {
  display:block;
  vertical-align:initial;
  float:left;
}

.header_top .social {
  padding-top:14px;
}

.header_top .widget_social_links {
  float:right;
}

.header_top .widget_social_links ul {
  float:right;
}

.header_top .widget_social_links h4 {
  color:#00AEEF;
  font-weight:900;
  float:left;
  margin-bottom:0;
  margin-right:10px;
  padding-top:2px;
  letter-spacing:0.001em
}

.header_top .widget_social_links li {
  display:inline;
}

.header_top .widget_social_links a {
  text-indent:-9999px;
}

.header_top .widget_social_links li:last-child a {
  padding-left:19px;
}

.logo.grid {
    position:relative;
}

.logo.grid h1 {
    z-index:99999;
    position:relative;
}

.header-slogan {
    color: #5b5b5d;
    z-index:0;
}

.header-slogan h2 {
    font-size:100%;
    font-style:italic;
    position:absolute;
    bottom:8px;
    left:37%;
}

.header-slogan span {
    display:inline;
    color: #fc803f;
}

/* .header_top .grid_3 {
  width:50%;
  display:block;
  float:right;
  vertical-align:initial!important;
}

.header_top .grid_3 .textwidget .button {
      display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items:stretch;
} */

.header .widget {
    padding-right:0;
}

.header a.button,
.cta.button {
    color:#fff;
    font-size:90%;
    border-radius:5px;
    box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2), -1px -1px 0px 0px rgba(0,0,0,0.1);
    border:2px solid #fff;
}

.home .grid_bg {
  padding-top:6px;
}

.home #main h2,
.home #main h3 {
    color:#1e73be;
    font-weight:900;
}

#color_header {
    color: #fff;
}

#color_header .hero_container {
  padding-bottom:15px;
}

.hero {
    width:47%;
    margin-right:6%;
    line-height:1.3em;
}

.hero:last-child,
.teasers .one_third:last-child,
.testimonials .one_third:last-child,
.testimonials .one_fourth:last-child,
.news .one_fourth:last-child {
    margin-right:0;
}


/* .hero:last-child img {
  max-width:none;
  float:none;
} */

.hero h2 {
    font-size: 200%;
    margin-bottom:0.25em;
    margin-top:15px;
    line-height:1em;
    text-transform:uppercase;
}

.hero a {
    color:#f3c399;
    font-weight:700;
    letter-spacing:0.03em;
}

.hero p {
    padding-bottom:16px;
}

.button,
a.button {
    background-color: #f68f33;
    color:#fff;
    padding:10px 12px;
    text-decoration:none;
    display:block;
    text-align:center;
    line-height:1.2em;
    letter-spacing:normal
}

.button span {
    text-transform:uppercase;
    font-size:150%;
    line-height:1.4em;
}

.hero .button {
    float:left;
    font-size:18px;
}

.news .button,
.testimonials .button {
  clear: both;
  max-width:12em;
  margin:20px auto 0;
}

.postmeta .button {
  display:inline-block;
  margin-top:1em;
}

.postmeta .button:hover {
  color:#fff!important;
  background-color:#ec7205;
}

.button.donate,
.button.client,
.button.volunteer {
  font-size:120%;
  font-weight:700;
  max-width:18em;
  margin:0 auto;
  line-height:1.4em;
  text-shadow:-1px -1px 1px rgba(0,0,0,0.3);
}

.button.donate {
  background-color:#93D246;
}

.button.volunteer {
  background-color:#00b0ea;
}

.news .hero a {
    float:none;
    padding:4px;
    font-size:12px;
    font-weight:400;
    letter-spacing:0.03em;
}

.news .hero {
    width:100%;
}

.hero img {
    float:right;
    max-width: 51%;
    padding:10px;
    background-color: rgba(0,0,0,0.25);
}

.row.teasers {
    margin-bottom:20px;
}

.teasers .one_third {
  padding-top:24px;
}

.teaser_title {
    position:relative;
    display:block;
    z-index:0;
    font-size:100%;
    letter-spacing:0.025em;
    padding:20px;
    text-align:center;
    left:initial;
}

.teaser_more {
    float:none;
    display:block;
    margin-top:-60px;
    text-transform:uppercase;
    font-size:140%;
    padding:10px;
    z-index:10;
    position:relative;
}

.teaser_more p {
    padding-bottom:0;
}

.row .row.testimonials {
    line-height:1.3em;
    background:#e8f1f9;
    padding-top:16px;
    padding-bottom:16px;
}

.testimonials h4,
.testimonials h2 {
  text-align:center;
  color:#1e73be!important;
  font-weight:700!important;
}

.testimonials img {
    border-radius: 100%;
    padding: 15px;
    box-sizing: content-box;
    display: block;
    background: #1e73be;
    margin: 0 auto 10px;
}

.testimonials .one_third {
    padding:0 10px;
    box-sizing:border-box;
}

.page-success-stories .row .row.testimonials,
.single-th_testimonials .row .row.testimonials {
  background-color:transparent;
}

.page-success-stories .row .row.testimonials {
  border-bottom: 1px dotted #bcbcbc;
}

.page-success-stories .testimonials .grid_3 {
  padding-top:10px!important;
}

.page-success-stories #main .testimonials h4,
.single-th_testimonials #main .testimonials h4 {
  font-size:14px;
}

.single-th_testimonials .testimonials img {
  box-sizing:border-box;
}

.testimonial .testimonial_meta span {
  text-align:center;
  font-size:12px;
}

.quote:before {
  top:-20px;
  left:-20px;
}

.row .news {
    background-color:#eee;
    padding-bottom: 15px;
    line-height:1.3em;
    border-radius:4px 4px 0 0;
    text-align:center;
}

.row .news .one_fourth {
  text-align:initial;
}

.news h2,
.teasers h2,
.cta h2 {
    text-align:center;
    padding:0.5em 0 0.25em;
}

.news img {
    margin-bottom:0;
}

.news iframe {
    display:block;
}

#main .news h3 {
    font-size:125%;
    margin:0.4em 0;
    line-height:1.1em;
}

#main .news a {
  text-decoration:none;
}

#main .news a.more-link {
  text-decoration:underline;
}

.blog .post_title_area {
  padding-bottom:20px;
}

.blog .posts_listing + .posts_listing { margin-top: 20px; }

.post_title_area .entry-title a {
  color:#f68f33;
}

.post_title_area .entry-title a:hover {
  color:#545454!important;
}

.blog .postthumb {
  float:left;
  margin-right:20px;
  display:block;
}

.blog .blogtitles .entry-title {
  line-height:1.2em!important;
  margin-bottom:0!important;
  margin-top:0!important;
}

.more-link {
    font-weight:900;
}

.single .post_title_area {
    padding-bottom:0;
}

.single .blogtitles {
    padding-left:0;
}

.page-our-board #main h4 {
    background-color:#545454;
    color:#fff;
    padding-bottom:4px;
    padding-top:4px;
}

.page-our-board .item {
    line-height:1.5em;
    margin-bottom:30px;
    padding-bottom:10px;
    border-bottom:1px dotted #797979;
}

.wp-caption-text {
    line-height:1.3em;
    padding-top:0.5em;
}

.page-about-yes #main h2 {
    border-radius:5px 5px 0 0;
    background-color: #bfbfbf;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    color:#fff;
    margin-top:1em;
    font-weight:700;
}

.page-about-yes #main h2:first-child {
    margin-top:0;
}

.page-volunteer .entry-content ul li {
    padding-top:20px;
    padding-bottom:20px;
    line-height:1.5em;
}

.page-volunteer .entry-content ul li strong {
    font-size:110%;
}

.page-volunteer .entry-content ul li:before {
    top:27px;
}

#bwg_container1_0 #bwg_container2_0 .bwg_title_spun1_0 {
    margin-bottom:10px!important;
}

#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0 {
    font-family: 'Helvetica', sans-serif!important;
    font-size:12px!important;
    color:#444!important;
    text-shadow:none!important;
    letter-spacing:-0.05em;
    line-height:1.3em;
    font-weight:700!important;
}

.press-releases img {
    display: block;
    margin-right: 1em;
    float: left;
    margin-bottom:20px;
}

.press-releases p {
  clear:left;
}

/*** REGISTRATION FORM ***/
div.fsFieldState {
  width:20%;
}

.fsBody div.fsFieldZip {
  width: 23%!important;
}

input.fsFieldZip {
  max-width:100%;
  width:100%;
}

/* SPEECH BUBBLES */
.triangle-obtuse {
  position:relative;
  padding:15px;
  margin:1em 0 5em;
  color:#fff;
  background:#f68f33;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFB97C), to(#f68f33));
  background:-moz-linear-gradient(#FFB97C, #f68f33);
  background:-o-linear-gradient(#FFB97C, #f68f33);
  background:linear-gradient(#FFB97C, #f68f33);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:60px; /* controls horizontal position */
  border:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #f68f33;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border:0;
  border-right-width:10px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.triangle-obtuse.right:before {
  left:initial;
  right:60px; /* controls horizontal position */
  border:0;
  border-left-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #f68f33;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse.right:after {
  left:initial;
  right:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border:0;
  border-left-width:10px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-style:solid;
  border-color:transparent #fff;
}

.triangle-obtuse.two,
.triangle-obtuse.three {
  background:#.triangle-obtuse.two {
  background:#00B0EA;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#7FE1FF), to(#00B0EA));
  background:-moz-linear-gradient(#7FE1FF, #00B0EA);
  background:-o-linear-gradient(#7FE1FF, #00B0EA);
  background:linear-gradient(#7FE1FF, #00B0EA);
};
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#7FE1FF), to(#00B0EA));
  background:-moz-linear-gradient(#7FE1FF, #00B0EA);
  background:-o-linear-gradient(#7FE1FF, #00B0EA);
  background:linear-gradient(#7FE1FF, #00B0EA);
}

.triangle-obtuse.two::before,
.triangle-obtuse.three::before {
  border-color:transparent #00B0EA;
}

.triangle-obtuse.four {
  background:#.triangle-obtuse.two {
  background:#81C862;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#B0E896), to(#81C862));
  background:-moz-linear-gradient(#B0E896, #81C862);
  background:-o-linear-gradient(#B0E896, #81C862);
  background:linear-gradient(#B0E896, #81C862);
};
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#B0E896), to(#81C862));
  background:-moz-linear-gradient(#B0E896, #81C862);
  background:-o-linear-gradient(#B0E896, #81C862);
  background:linear-gradient(#B0E896, #81C862);
}

.triangle-obtuse.four::before {
  border-color:transparent #81C862;
}


.quotation,
.entry-content .quotation {
    border:none;
    box-shadow:none;
    padding: 0;
    background:transparent;
    -webkit-border-radius:initial;
    -moz-border-radius:initial;
    border-radius: initial;
    font-size:200%;
    font-weight:900;
    margin:0 0 1em;
    line-height:1.1em;
    text-shadow:-1px -1px 3px rgba(0,0,0,0.1);
}

.entry-content .quotation {
  margin-bottom:0;
}

.quotation::before {
  display:none;
}

.quote-citation {
    text-align:right;
    font-size:85%;
    line-height:1.4em;
    font-weight:700;
    letter-spacing:0.009em;
}

.quote-citation::before {
    content: "\2014  ";
}

@media all and (max-width:960px) {
  .teaser_more {
    font-size:100%;
  }
}

@media all and (max-width:800px) {
  .icons.four>.one_fourth,
  .icons.four>.one_half,
  .icons.four div .one_half {
    width:100%;
  }
}

@media all and (min-width:768px) and (max-width:960px) {
    .header-slogan h2 {
        font-size:75%;
        left:39%;
    }
}

@media all and (min-width:768px) {
  .header_top .header-widget {
    padding-top:10px;
    padding-bottom: 18px;
  }
  .header-widget .widget {
    float:none;
  }
}

@media all and (max-width:767px) {
    .logo.grid {
      text-align:center;
    }
    .logo.grid img {
      margin:0;
      padding:0;
    }
    .header-slogan h2 {
        left:144px;
        bottom:20px;
    }
    .header_top .social {
      padding-top:5px;
    }
    .header .header_top .widget_social_links {
      text-align:center;
      padding-bottom:15px;
    }
    .header_top .widget_social_links,
    .header_top .widget_social_links ul {
      float:none;
    }
    .header_top .widget_social_links h4,
    .header_top .widget_social_links ul {
      float:none;
      display:inline;
    }
    .header-2 .button {
      margin-bottom:16px;
    }
    .header .widget {
        padding: 0 0 21px;
    }
    .header .widget p {
        padding-bottom:0;
    }
    div.aligncenter {
      width:100%!important;
    }
    #main .news .one_fourth,
    #main .testimonials .one_third {
        text-align:center;
        border-bottom:1px solid #ccc;
        padding-bottom:20px;
    }
    #main .testimonials .one_third:last-child {
      border:none;
    }
    #main .news .one_fourth .excerpt,
    #main .news .one_fourth h3,
    #main .testimonials .excerpt,
    #main .testimonials h4 {
      margin-left:auto;
      margin-right:auto;
    }
    #main .news .one_fourth h3,
    #main .testimonials h4 {
/*       max-width:22em; */
    }
    #main .news .one_fourth .excerpt,
    #main .testimonials .excerpt,
    #main .testimonial_meta {
      text-align:initial;
      max-width:30em;
    }
    .hero .button {
      margin-bottom:20px;
    }
    .testimonials {
      margin-top:60px!important;
    }
}

@media all and (max-width:699px) {
  div.fsFieldCity {
    width:43%;
  }
}

@media all and (max-width:600px) {
  .blog .blogtitles .entry-title {
    margin-top:10px!important;
  }
  .blog .postthumb {
    float:none;
  }
}

@media all and (max-width: 40em) {
  div.fsSubField.fsFieldCity,
  div.fsSubField.fsFieldState,
  div.fsSubField.fsFieldZip {
    width:100%!important;
  }
  div.fsSubField.fsFieldState select {
    width:97%;
  }
}


@media all and (max-width:479px) {
    .header-slogan h2 {
        font-size:70%;
        left:39%;
    }
    .hero img,
    .hero .button,
    .page-our-board .alignleft {
      float:none;
    }
    .hero img,
    .page-our-board .alignleft {
      max-width:100%;
      width:100%!important;
    }
    .page-our-board .alignleft {
      text-align:center;
    }
}

@media all and (min-width:369px) and (max-width:479px) {
    .header-slogan h2 {
        left:144px;
    }
}