.chfed-row {}
.chfed-row:after { content: ""; display: table; clear: both;}
a[href^=tel] {
   text-decoration:inherit;
   color: #fff;font-size: 130%; font-weight: bold;
}
a[href^=mailto] {
   text-decoration:inherit;
   color: #fff;
}

.menu-open {display: none;}

.page-id-24266 #blogFeed {width: 100%; margin: 0; padding: 25px 40px; box-sizing: border-box; }
.page-id-24266 .divider {border-bottom: solid 1px rgba(0,0,0,0.2); height: 0; width: 100%; clear: both; margin: 20px 0; padding: 20px 0 0 0;}

.page-id-24266 #blogFeed .post {width: 49%; float: left; margin-left: 2%;}
.page-id-24266 #blogFeed .post:nth-of-type(1) {margin-left: 0;}
.page-id-24266 #blogFeed .post .image-holder {width: 100%; padding-bottom: 20px;}
.page-id-24266 #blogFeed .post .image-holder img {width: 100%; height: auto; display: block;}
.page-id-24266 #blogFeed .post .image-holder .post-placeholder {width: 100%; padding-top: 75%; position: relative;}
.page-id-24266 #blogFeed .post .image-holder .post-placeholder img {width: 30%; height: auto; display: block;/* margin-left: 35%; */position: absolute; top: 0; left: 50%;    transform: translate(-50%, 70%);}
.page-id-24266 #blogFeed > .post > .content {float: none;  width: 100%; padding-bottom: 0;}
.hero-image {width: 100%;}
.hero-image img {display: block; width: 100%; height: auto;}
.hero-image .show-desktop {display: block;}
.hero-image .show-mobile {display: none;}

@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:767px) {
#page {background: none;}
#page > #pageRepeatingBackground #header {margin-top: 0;}
#page > #pageRepeatingBackground #header > .pageWidth > #logo {float: none; margin: 0 auto 0 auto; width: 125px; padding: 20px;}
.seperator {display: none;}
#page > #pageRepeatingBackground #header > .pageWidth > #contactLink {display: none;}
#page > #pageRepeatingBackground #header > .pageWidth > #contact {color: #fff; float: none; text-align: center; width: 300px; height: auto; margin: 0 auto 30px auto; padding-right: 0}

#page > #pageRepeatingBackground #header > .pageWidth > #contactLink {font-family: PT Sans, Arial, sans-serif;}
#search {display: none;}
#header #socialLinks {display: none;}
#page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #homepage > #scrollingBanners {float: none; margin: 0 auto 25px auto; position: relative; width: 100%; max-width: 500px; box-sizing: border-box;}
#page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #homepage > #speechBubble {background: none; float: none; height: auto; width: 100%; margin: 30px 0 60px 0; letter-spacing: 1px !important; padding: 30px; box-sizing: border-box; background-color: #942a5c; position: relative;}
    
#speechBubble:after {content: ""; display: block; width: 0; height: 0; border-top: 50px solid #942a5c; border-right: 50px solid transparent; position : absolute; left: 10%; bottom: -48px;}    
.home #blogFeed {width: 100%; max-width: 500px; float: none; margin: 25px auto 0 auto; padding:30px; box-sizing: border-box;}    
#blogFeed > .post > .content > h3 > a { width: 100%; display: block; float: none;}   
#blogFeed > .post > .content {float: none; width: 100%;}   
#twitterFeed {width: 100%; max-width: 500px; margin: 25px auto 0 auto; padding:30px; box-sizing: border-box;}   
.fullWidthPod {clear: both; margin: 0;}  
#page > #pageRepeatingBackground #footer > .pageWidth > #footerBackground > .content > .column {float: none; width:100%; background: url(/wp-content/themes/chf/images/footer-seperator.png) repeat-y 100% 5px transparent; margin-right: 0;}    
#page > #pageRepeatingBackground #footer > .pageWidth > #footerBackground > .content > .column#column3 {background: transparent; width: 100%; margin-right: 0; float: none;}
#page > #pageRepeatingBackground #footer > .pageWidth > #footerBackground {background: none; margin: 0; padding: 15px 15px 0px;}   
.pageWidth {width: 100%;}   
#cookie-notice {width: 100%; }
#page > #pageRepeatingBackground #header > .pageWidth >#headerBottomShadow {display: none;}    
#page > #pageRepeatingBackground #footer > .pageWidth > #borderTop .fancyButton {  display: none;}
    
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 30px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    
#page > #pageRepeatingBackground #footer > .pageWidth > #footerBackground {}
    #footer {border-top: solid 1px #ccc; margin-top: 30px;}
#footer #column2, #footer #column3 {margin-top: 30px;}
    
    
#navigation {display: block;}
    
    
    #page > #pageRepeatingBackground #navigation > .pageWidth #menu-navigation {
    margin-left: 0;
}
    #page > #pageRepeatingBackground #navigation > .pageWidth #menu-navigation li {
    float: none; display: block; width: 100%; border-top: solid 1px rgba(0,0,0,0.1);
}
      #page > #pageRepeatingBackground #navigation > .pageWidth #menu-navigation li:nth-of-type(1) {border-top: none;}
    #page > #pageRepeatingBackground #navigation > .pageWidth #menu-navigation li a {
    background: none; display: block; padding: 10px 20px;
}
    #page > #pageRepeatingBackground #navigation > .pageWidth #menu-navigation li#menu-item-30 {padding: 10px 0;}
#page > #pageRepeatingBackground #navigation > .pageWidth #menu-navigation li#menu-item-30 a {margin: 10px auto 20px auto; 
    width: 280px; box-sizing: border-box;
}
    .menu-open {width: 100%; background-color: #fff; color: #942a5c; border: none; font-size: 2.5rem; padding: 10px 20px; box-sizing: border-box; display: block;}
    .menu-open span {position: absolute; top: -999em;}
    .menu-open .fa-bars {display: block;}
    .menu-open .fa-times {display: none;}
    
     .expand .menu-open .fa-bars {display: none;}
    .expand .menu-open .fa-times {display: block;}
    
    .nav-holder {position: relative;}
    .menu-navigation-container {display: none;}
    .expand .menu-navigation-container {display: block;  z-index: 100; position: absolute; top: 0; left: 0; width: 100%; background-color:#fff; -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.7);
     -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.7);
          box-shadow: 0 10px 6px -6px rgba(0,0,0,0.7);
}
    
    
    /***. POST ***/
    
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #leftSidebar { float: none; width: 100%; margin: 0; box-sizing: border-box; padding: 30px; border-top: solid 1px #ccc;}
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #postContent {float: none; width: 100%; margin: 0;padding: 30px; box-sizing: border-box;}
    
    .pageWidth, .pageWidth #archive {display: flex;   flex-direction: column; }
    
    .breadcrumbs {order: 2;}
    #leftSidebar {order: 3;}
    #postContent {order: 1;}
    
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #postContent > .content img.alignright { float: none; display: block; margin: 30px auto; max-width: 100%; height: auto;}
    
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth > #archive #blogFeed {width: 100%;}
    
    #blogFeed {padding: 0;}
    #blogFeed > .post > .content > h3 > .float-right {
    position: static;
    right: 0;
    top: 30px; width: 100%; text-align: left;
}
    
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth > #archive #blogFeed .content {
    width: 100%;
}
    
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #postContent > .content img.alignleft {
    float: none; display: block; margin: 0 auto 30px auto;
}
    
    /***  SHOP ***/
    
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; float: none; clear: both; margin: 0 0 30px 0;
}
    
    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {float: none;}
    
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float: none; margin-bottom: 30px;}
    
    .woocommerce .woocommerce-ordering select {width: 100%;}
    
    
    .content table {max-width: 100%;}
    
    .content img {max-width: 100%!important; height: auto; margin: 30px auto 30px auto!important;}
    
    .content img.wp-image-21549 {width: 100%!important;}
    
    .postid-4445 table[width="600"] {width: 100%!important;}
    
    
    
    .page-id-10692 .content table td {display: block; width: 100%;}
    .page-id-10692 .content table td div {width: 100%!important;}
    
    .page-id-10692 .content table td div img {margin: 0!important;}
    
    .page-id-10692 #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #postContent > .content table td div p.wp-caption-text {padding: 10px; bottom: 4px;}
    
    .page-id-13510 #signup table {width: 100%;}
.page-id-13510 #signup table tr {display: block; width: 100%;}
.page-id-13510 #signup table td {display: block; width: 100%;}
    .page-id-13510 #signup input[type="text"], .page-id-13510 #signup input[type="email"] {width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px;}
    
    #dmfeed_a2607555-1c7d-b0ec-3190-10f1c94b62f2 div {margin: 0 0 20px 0;}
    
    #dmfeed_a2607555-1c7d-b0ec-3190-10f1c94b62f2 .dmCmpLink {display: block;}
    
    #blogFeed > .post > .date {float: none;}
    
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #postContent > #pageBanner + #pageTitle {margin-top: 0;}
    
    .page-id-198 .content h3 {margin: 0 0 30px 0;}
    .page-id-198 #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #postContent > .content ul li {
        margin: 0 0 20px 0;}
    
    .page-id-944 #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #postContent > .content ul li {
        margin: 0 0 20px 0;}
    
    .breadcrumbs a {padding-right: 10px;}
    .breadcrumbs a:before {display: block; content: "";}
     #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth .breadcrumbs a.last-child {color:#4e132c!important;}
    
    
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #leftSidebar > .pod {
    background: none; margin: 0; padding: 0; border-bottom: solid 1px #ccc; padding: 0 0 30px 0;}
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #leftSidebar > .pod .podTop {
    background: none;}
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #leftSidebar > .pod .podBottom {
    background: none;
}
    
    
    
      #homepage {display: flex;   flex-direction: column; }
    
    #scrollingBanners {order: 2;}
    #speechBubble {order: 1;}
    .fullWidthPod {order: 3;}
    
    #page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #homepage > #speechBubble {margin: 0 0 100px 0;}
.home #blogFeed {margin: 0 auto 0 auto; padding: 0 30px 30px 30px;}
    
    #page > #pageRepeatingBackground #footer > .pageWidth > #footerBackground > .content > .column#column3 #followUs span {
   display: block; float: left; margin-right: 10px;
}
#page > #pageRepeatingBackground #footer > .pageWidth > #footerBackground > .content > .column#column3 #followUs > a {
    display: block;
    float: left;
    margin-bottom:0;
    margin: 0 5px;
}
    
    .donation-links ul li.other-amount {
    margin-left:0;
}
    
    #custom_html-2 .custom-html-widget {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
#custom_html-2 .custom-html-widget iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
    
    
    .hero-image .show-desktop {display: none;}
.hero-image .show-mobile {display: block;}
    .page-id-24266 #blogFeed .post {width: 100%; float: left; margin-left: 0;}
    .page-id-24266 .divider {display: none;}
    .page-id-24266 #blogFeed {border-top: solid 1px rgba(0,0,0,0.2);}
    
}
@media only screen and (max-width:375px) {
#page > #pageRepeatingBackground #content > #contentRepeatingShadow > .pageWidth #postContent {
    float: none;
    width: 100%;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
}
}



#page > #pageRepeatingBackground #footer > .pageWidth > #borderTop {
    background: url(../images/footer-borderTop.png) no-repeat 0 100% transparent;
    margin: 0 0; 
}