accept changes in the secreen size and donate button style

themes/rcforward/footer.php

@@ -16,14 +16,19 @@
 <?php endif; ?>
 
 <footer id="colophon" class="site-footer" role="contentinfo">
+	<div class="footer-site-logo">
+		<a href="<?php echo home_url('/'); ?>" rel="home">
+			<h2 class="rcforward-logo">Rc Forward</h2>
+		</a>
+	</div>
 	<div class="footer-nav">
 		<?php wp_nav_menu(array('theme_location' => 'footer-menu', 'menu_id' => 'footer-menu')); ?>
 	</div><!-- .footer-nav -->
 	<div class="footer-info">
 		<?php $front_page_id = get_option('page-on-front'); ?>
 		<p><?php echo CFS()->get('footer_info', $front_page_id) ?></p>
 		<img src="<?php echo CFS()->get('footer_info_icon', $front_page_id) ?>">
-			<!-- Insert Icon -->
+		<!-- Insert Icon -->
 	</div><!-- .footer-info -->
 	<div class="footer-info-sm">
 		<p>RC Forward is a project of:</p>

themes/rcforward/functions.php

@@ -128,3 +128,8 @@ function red_starter_scripts()
  * Custom functions that act independently of the theme templates.
  */
 require get_template_directory() . '/inc/extras.php';
+
+function custom_add_google_fonts() {
+	wp_enqueue_style( 'rc-montserrat', 'https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800&display=swap', false );
+	}
+	add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts' );

themes/rcforward/js/counter.js

@@ -5,7 +5,6 @@
       time: 2000
     });
     $()
-$('.menu-item-has-children').append('<span><i class="fas fa-angle-down"></i></span>');
   }); // end doc ready
 })(jQuery);
 

themes/rcforward/js/hamburger.js

@@ -11,6 +11,5 @@
         $('.sub-menu').slideToggle();
       });
     } // end if
-
   }); // end doc ready
 })(jQuery);

themes/rcforward/sass/_charity.scss

@@ -75,7 +75,6 @@
         width: 728px;
         }
     }
-
 
   }
   .browse-charities-title{
@@ -90,12 +89,71 @@
 }
 
 /* Main Content Section */
-  .single-content{
-         .chimp-donate-form {
-             text-align: center;
-                 display: flex;
-    justify-content: center;
+
+.last-with-button{
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  flex-wrap: wrap;
+  padding:10px;
+}
+.content-image{
+  display: flex;
+}
+.content-next{
+  display: flex;
+}
+.main-content{
+  background:#F9F5ED;
+  button{
+    text-align: center;
+  }
+}
+
+.content-image{
+  .main-image{
+      flex-basis: auto;
+         flex-grow: 1;
+         order:1;
+    img{
+      width: 401px;
+    }
+  }
+  .content-with-image{
+      flex-basis: auto;
+    width: 50%;
+       flex-grow: 1;
+       order: 2;
+  }
+  &:nth-child(even) {
+    .main-image {
+      width: 50%;
+      order: 2;
+
+    }
+    .content-with-image {
+      width: 50%;
+      order: 1;
+    }
+  }
+}
+
+
+
+/* common parts */
+.single-content{
+  width:100%;
+}
+.chimp-donate-form{
+      display: flex;
     margin: auto;
-         }
-        }
-
+    justify-content: center;
+}
+ .report-button{
+      height: 60px;	
+      width: 181px;	
+      border: 2px solid #48209F;	
+      border-radius: 6px;	
+      padding: 10px;
+      background: $white;
+    }

themes/rcforward/sass/_content.scss

@@ -47,22 +47,26 @@
 // .bypostauthor {
 // 	display: block;
 // }
-body{
-    background: $credible__blue;
+
+body {
+  background: $credible__blue;
+  color: $grounded__green;
+  font-family: $montserrat__font;
 }
-.site{
-    max-width: $max-screen-size;
-    background: white;
+.site {
+  max-width: $max-screen-size;
+  margin: 0 auto;
+  background: white;
 }
-.site-content{
-    padding:1rem;
-    @include tablet{
-        padding:2rem;
-    }
-    @include desktop{
-        padding:5rem;
-    }
+.site-content {
+  @include tablet {
+    padding: 2rem;
+  }
+  @include desktop {
+    padding: 5rem;
+  }
 }
+<<<<<<< HEAD
 /* Chimp Donate Button */
   .chimp-donate-form {
         background: $code__blue;
@@ -73,3 +77,20 @@ body{
         color: $grounded__green;
         font-weight: bold;
       }
+=======
+
+/* Chimp Donate Button */
+.chimp-donate-form {
+  background-color: $code__blue;
+  font-size: 1.6rem;
+  font-weight: 700;
+  padding: 1.6rem 5.3rem;
+  color: $grounded__green;
+  border-radius: 8px;
+  margin-top: 10px;
+  @include tablet {
+  }
+  @include desktop {
+  }
+}
+>>>>>>> c590575265e0bcd82d5845260c2817245a4e37b3

themes/rcforward/sass/_fonts.scss

@@ -1,3 +1,27 @@
 /*--------------------------------------------------------------
 # Embedded Fonts
 --------------------------------------------------------------*/
+@font-face {
+    font-family: 'Gilroy';
+    src: url('Gilroy-Light.eot');
+    src: url('Gilroy-Light.eot?#iefix') format('embedded-opentype'),
+        url('Gilroy-Light.woff2') format('woff2'),
+        url('Gilroy-Light.woff') format('woff'),
+        url('Gilroy-Light.ttf') format('truetype'),
+        url('Gilroy-Light.svg#Gilroy-Light') format('svg');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: url('Gilroy-ExtraBold.eot');
+    src: url('Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
+        url('Gilroy-ExtraBold.woff2') format('woff2'),
+        url('Gilroy-ExtraBold.woff') format('woff'),
+        url('Gilroy-ExtraBold.ttf') format('truetype'),
+        url('Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
+    font-weight: 800;
+    font-style: normal;
+}
+

themes/rcforward/sass/_footer.scss

@@ -1,3 +1,20 @@
-.footer-sidebar, .site-footer {
-    background-color: $credible__blue;
-}
+.site-footer {
+  .footer-site-logo {
+    a {
+      .rcforward-logo {
+        color: $white;
+        text-transform: uppercase;
+        text-align: center;
+      }
+    }
+  }
+  .footer-nav {
+      display: none;
+  }
+  .footer-info {
+
+  }
+  .footer-info-sm {
+
+  }
+}

themes/rcforward/sass/_hamburger.scss

@@ -138,11 +138,11 @@
   }
 
   .menu {
-    .menu-item-71 {
+    &:last-child {
       padding-top: 15px;
       .sub-menu {
         display: none;
-        background: $white;
+        background: ye;
         list-style: none;
         padding: 0;
         @include tablet {
@@ -152,7 +152,6 @@
         .menu-item {
           border-bottom: 1px solid $credible__blue;
           padding: 16px;
-
           a {
             color: $credible__blue;
           }
@@ -230,10 +229,3 @@
 //     }
 //   }
 // }
-
-i{
-  color: #fff;
-  font-size: 2em;
-  position: absolute;
-
-}

themes/rcforward/sass/_mixins.scss

@@ -16,7 +16,7 @@
         @content;
     }
 }
-
+    
 @mixin desktop {
     @media (min-width: $desktop-width) {
         @content;