 

 /* If the screen size is 992px wide or more, hide/display the element */
 @media screen and (min-width: 992px) {   
    #donateMobile { 
      display: none;
    }
	 #donateDesktop { 
      position: static;
      display: block;
    }
 }

/* If the screen size is 991px wide or less, hide/display the element */

  @media screen and (max-width: 991px) {  
    #donateDesktop { 
      display: none;
    }
	
	#donateMobile { 
      position: static;
      display: block;
   }
  }

  
/** ###### **/
/**HOME PAGE & PROJECT PAGES**/
/** ###### **/	


@media screen and (min-width: 800px) {   
    #slideLarge { 
      position: static;
      display: block;
    }
    #slideSmall { 
      display: none;
    }
  }

  @media screen and (max-width: 799px) {  
    #slideSmall { 
      position: static;
      display: block;
    } 
    #slideLarge { 
      display: none;
    }
  }




.mayd { display: inline; 
	}
.maym { display: none; 
	}

@media only screen and (max-width: 500px) { /** if the screen is less than or equal to 800 the css below will apply **/
 .maym { display: inline; 
	}
 .mayd { display: none; 
	}
   }
   
   
@media only screen and (max-width: 600px) {
  .donatenavmob { display: inline;
  }
  .donatenavdesk { display: none;
  }
}

@media only screen and (min-width: 601px) {
  .donatenavmob { display: none;
  }
  .donatenavdesk { display: inline;
  }
}


@media screen and (min-width: 768px) {   
    #donateAddress_d { 
      position: static;
      display: block;
    }
    #donateAddress_m { 
      display: none;
    }
  }

  @media screen and (max-width: 767px) {  
    #donateAddress_m { 
      position: static;
      display: block;
    } 
    #donateAddress_d { 
      display: none;
    }
  }

   
   
   //** footer sign up mobile**//

@media screen and (max-width: 656px) {  
    #footer_signup_m { 
        display: inline;
    }
}

@media screen and (min-width: 657px) {  
    #footer_signup_m { 
        display: none;
    }
}

   
   
/** ###### **/
/**NEW NOTO**/
/** ###### **/	

/** color:#727272; **/
/** font-size:1.0em; **/
/** line-height:26px; **/

.contact-countries, .newstxt, .newstxtwhite, .newstxt-bold, .newxtxt-italic, .newstxt-bold-italic, .newstxt-small, .newstxt-intermediate, .newstxt-headline, .newstxt-headline-plain, .newstxt-full-width-quote-caption  {
  	font-family: 'Noto Sans', sans-serif;
  	font-weight:400;
	width:100%;
	text-align:left !important;
	font-size: calc(14px + 0.270625vw);
	line-height: calc(27px + 0.270625vw);
	color:#3f3c3c;
}
/** was	font-size:1.2em; color:#727272;	line-height:30px; **/	
/*then was 	font-size: calc(15px + 0.270625vw);
	line-height: calc(27px + 0.270625vw);*/
	<!--was color:#727272;-->

	
.newstxt-full-width-quote-caption {
		text-align:right !important;
		font-weight:400italic;
		margin-top:0px;
		padding-top:0px	
	}
	

.newstxt-bold {
	font-weight:700;
}

.newstxt-headline {
	font-size:30px;
	color:#3D3B3B;
	line-height:36px;
}

.newstxt-headline-plain {
	font-size:25px;
	font-weight:700;
	color:#3f3c3c;
	line-height:36px;
	margin-bottom:5px;
}
/*was 	color:#3f3c3c;*/

.newstxt-headline-plain a:link {
	font-size:25px;
	color: #3f3c3c;
	text-decoration:underline !important;
	text-decoration-color: #4fae4b  !important; 
	text-decoration-thickness: 2px; /* Set the thickness of the underline */
    text-underline-offset: 6px; /* Set the gap between the text and the underline */
    text-decoration-skip-ink: none; /* Prevents the underline from dipping under descenders */
	}
	
.newstxt-headline-plain a:hover {
		font-size:25px;
	color: #A8A0A0;
	text-decoration: underline;
    text-decoration-color: #4fae4b;   !important;
    text-decoration-thickness: 2px; /* Set the thickness of the underline */
    text-underline-offset: 6px; /* Set the gap between the text and the underline */
    text-decoration-skip-ink: none; /* Prevents the underline from dipping under descenders */
	}
	
/*.newstxt-headline-plain a:active {
	text-decoration: none;
	color: #222222;
	}*/
	
.newstxt-headline-plain a:visited {
	font-size:25px;
	color: #3f3c3c;
	text-decoration:underline;
	text-decoration-color: #4fae4b;   !important;
	text-decoration-thickness: 2px; /* Set the thickness of the underline */
    text-underline-offset: 6px; /* Set the gap between the text and the underline */
    text-decoration-skip-ink: none; /* Prevents the underline from dipping under descenders */
	}


.newxtxt-italic {
	font-style: italic;
}

.newstxt-bold-italic {
	font-weight:700;
	font-style: italic;
}

.newstxt-small {
	font-size:12px;
	line-height:20px;
}

.newstxt-intermediate {
	font-size:0.95em;
	line-height:1.5em;
}

.newstxt-small a:link {
	color: #76b579;
	text-decoration: underline;
}

.newstxt-small a:visited {
	color: #727272;
	text-decoration: underline;
}

.newstxt-small a:hover {
	color: #292727;
	text-decoration: underline;
}

.newstxt-small a:active {
	color: #811518;
	text-decoration: underline;
}

.newstxtwhite {
	color: #fff;
	
}

.newstxtwhite a:link {
	color: #fff;
	text-decoration: underline;
}

.newstxt-small a:visited {
	color: #fff;
	text-decoration: underline;
}

.newstxtwhite a:hover {
	color: #ff0;
	text-decoration: none;
}

.newstxtwhite a:active {
	color: #fff;
	text-decoration: none;
}

.newstxt-click {
color:#C837B1;
}

.pre-order {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.pre-order1 {
  background-color: white; 
  color: grey; 
  border: 2px solid #4CAF50;
}

.pre-order1:hover {
  background-color: #4CAF50;
  color: white;
}

.responsive {
  width: 90%;
  height: auto;
}



/** ###### **/
/**NATHAN**/
/** ###### **/	


.cent { 
        text-align: center;
		 height: 49px;
      }
	  /** 4 instances **/	
	  
.fullw {
  width: 100%;
  height: auto;
}

 
.sectionTitle {
  font-family: Arial, sans-serif;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:30px;
	color:#727272;
}

.newsTitle {
  font-family: 'Noto Sans', sans-serif;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:27px;
	line-height:35px;
	color:#26211D;
	margin-top:12px;
	padding-top:6px;
	padding-bottom:6px;
}

.newsDate {
 font-family: 'Noto Sans', sans-serif;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:25px;
	color:#727272;
	margin-bottom:20px;
}


.newsCaption {
  font-family: 'Noto Sans', sans-serif;
   	font-weight: 400;
	width:100%;
	text-align:right;
	font-size:16px;
	line-height:22px;
	color:#727272;
	padding-top: 7px;
}


.quoteNews {
 font-family: 'Noto Sans', sans-serif;
   	font-weight: 600;
	font-style: italic;
	width:100%;
	text-align:centre;
	font-size:18px;
	line-height:28px;
	color:#727272;
	padding-left: 65px;
	padding-right: 0px;
	padding-bottom: 25px;
	}


.full-width-row {
  overflow-x: hidden;
}

.full-width-row > div {
  margin-left: -15px;
  margin-right: -15px;
}

.full-width-row-left {
	padding-left:8px;
	}


.galatxt, .galatxt-bold, .galatxt-headline, .galatxt-click {
  	font-family: 'Noto Sans', sans-serif;
  	font-weight:400;
	width:100%;
	text-align:left;
	font-size:18px;
	line-height:26px;
	color:#4E4A4A;
	}

.galatxt-bold {
	font-weight:700;
	font-size:19px;
	margin-left:0px;
	}

.galatxt-click {
color:#C837B1;
font-size:17px;
	}


/** ###### **/
/**DONATE POST LEAD PAGES**/
/** ###### **/	




.donatesub, .donatesub-bold, .donatesub-bold-italic, .donatesub-headline, .donatesub-strapline, 
.donatesub-small {
  	font-family: 'Noto Sans', sans-serif;
  	font-weight:400;
	width:100%;
	text-align:left;
	font-size:1.0em;
	line-height:26px;
	color:#727272;
}

.donatesub-bold {
	font-weight:700;
}

.donatesub-bold-italic {
	font-weight:700;
	font-style: italic;
}

.donatesub-headline {
	font-weight:700;
	font-size:40px;
	line-height:40px;
	
}

.donatesub-strapline {
	font-size:1.2em;
	line-height:30px;

}

.donatesub-small {
	font-size:12px;
}

.donatesub-small a:link {
	color: #76b579;
	text-decoration: underline;
}

.donatesub-small a:visited {
	color: #727272;
	text-decoration: underline;
}

.donatesub-small a:hover {
	color: #292727;
	text-decoration: underline;
}

.donatesub-small a:active {
	color: #811518;
	text-decoration: underline;
}


/** ###### **/


/* The Magic Float Center Code */
.rd-float_center {
    /* float: right;
    position: relative;
    left: -50%;
    text-align: left;*/
    overflow: hidden;
}
.rd-float_center > .child {
    /* position: relative;
    left: 50%; */
    margin: 0 auto;
    max-width: 250px;
    width: 100%;
}

.rd-tab-wrapper {
	background-color: transparent; 
	width: 100%; 
	/* height: 51px; */
	border-bottom: none;
	margin-bottom: 20px;
}


/* ----- US & Canadian form tabs ----- */
.rd-form-tabs {
    list-style: none;
	margin: 0;
    padding: 0;
}

.rd-form-tabs li {
    /* float: left;
    margin: 2px 7px 0 0; */
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
}

.rd-form-tabs li a {
    background: #fff;
    border: 2px solid #00B15A;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 25px;
    color: #333333;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    outline: 0;
    padding: 8px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    /* top: 1px; */
}


.rd-form-tabs li span{
	display: inline-block;
}

.rd-form-tabs li span.rd-flag-icon{
	margin-right: 10px;
}

.rd-form-tabs li.rd-uk a{
    background: transparent;
    border: 2px solid #ddd;
	color: #333;
}

.rd-form-tabs li.rd-hk a{
    background: transparent;
    border: 2px solid #ddd;
	color: #333;
}

.rd-form-tabs li.rd-us a{
    background: transparent;
    border: 2px solid #ddd;
	color: #333;
}


.rd-form-tabs-content{
	clear: both;
}

@media (max-width: 40.625em){
	.rd-hide-give-small {
		display: none !important;
	}
	.rd-show-give-small{
		display: inline-block !important;
	}
}

@media (min-width: 40.625em){
	.rd-hide-give-small {
		display: inline-block !important;
	}
	.rd-show-give-small{
		display: none !important;
	}
}

.rd-flag-icon,
.rd-flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.rd-flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.rd-flag-icon:before {
    content: "\00a0"
}

.rd-flag-icon.flag-icon-squared {
    width: 1em
}

.rd-flag-icon-uk {
    background-image: url('http://raisedonors.s3.amazonaws.com/customers/raisedonors/campaign_images/uk.png')
}

.rd-flag-icon-uk.flag-icon-squared {
    background-image: url('http://raisedonors.s3.amazonaws.com/customers/raisedonors/campaign_images/uk-1x1.png')
}

.rd-flag-icon-us {
    background-image: url('http://raisedonors.s3.amazonaws.com/customers/raisedonors/campaign_images/us.png')
}

.rd-flag-icon-us.flag-icon-squared {
    background-image: url('http://raisedonors.s3.amazonaws.com/customers/raisedonors/campaign_images/us-1x1.png')
}

.rd-flag-icon-hk {
    background-image: url('http://raisedonors.s3.amazonaws.com/customers/raisedonors/campaign_images/hk.png')
}

.rd-flag-icon-hk.flag-icon-squared {
    background-image: url('http://raisedonors.s3.amazonaws.com/customers/raisedonors/campaign_images/hk-1x1.png')
}

/** ###### **/
/**DONATE PAGES**/
/** ###### **/	

.donate-nav {
	color: #727272;
	font-size:0.7em;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

.donate-nav a:link {
	color: #727272;
	text-decoration: none;
}

.donate-nav a:visited {
	color: #727272;
	text-decoration: underline;
}

.donate-nav a:hover {
	color: #292727;
	text-decoration: underline;
}

.donate-nav a:active {
	color: #811518;
	text-decoration: underline;
}


/** DONATE MENU **/	

/* Fixed sidenav, full height */
.sidenav {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 1;
  top: 51;
  left: 0;
  background-color: #1f2122;
  overflow-x: hidden;
  padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 6px 8px 40px 16px;
  text-decoration: none;
  font-size: 0.7em;
  color: #ffffff;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
   color: #949090;
}

/* Main content */
.main {
  margin-left: 270px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: #1f2122;
  color: #949090;
  width:300px;
}
/* GH added the width */ 

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}


/* Some media queries for responsiveness padding: 60px 0; */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.givebecomebut {
	font-family: 'Lato', sans-serif;
  	font-weight:400;
	font-size:16px;
	color:#ffffff;
	width:115px;
	padding: 15px;
  	text-align: center;
}

.givebecomebut_tab  {
	padding:15px;
   }
.givebecomebut_mob {
	padding:15px;
	/*min-height: 160px;*/
   }

/** MOBILE  anything UP TO 600px **/

/*GH removed



/** ###### **/
/**YOUVISION**/
/** ###### **/	


.youvisiontxt, .youvisiontxtlarge, .youvisiontxt-subhead, .youvisiontxt-head, .youvisiontxform, .youvisiontxtform-subhead, .youvisiontxtform-head {
	font-family: Lato, sans-serif;
   	font-weight: 400;
	width:100%;
	text-align:centre;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	margin-top:0px;
}

.youvisiontxtlarge {
	font-size:20px;
	color:#727272;
	line-height:28px;
}

.youvisiontxt-subhead, .youvisiontxtform-subhead {
	font-weight: 700;
	font-size:18px;
	line-height:26px
}

.youvisiontxt-head, .youvisiontxtform-head {
	font-weight: 700;
	font-size:24px;
	line-height:30px
}

.youvisiontxform, .youvisiontxtform-subhead, .youvisiontxtform-head
{
	color:#727272;
}

.fcn_caption {
	background-color:#393636;
	font-family: 'Noto Sans', sans-serif;
	opacity: 0.8;
  	font-weight:400;
	font-style:italic;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:26px;
	color:#fff;
	margin-top:0px;
	margin-bottom:25px;
	padding:10px;
}

hr.news {
  border-top: 20px solid grey;
}



        /* Style for the cookie alert banner */
        #cookie-alert {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #333;
            color: #fff;
            padding: 10px;
			padding-bottom:15px;
            text-align: center;
            z-index: 1000;
        }

        /* Style for the "Accept" button */
        #cookie-alert button {
            background-color: #008000;
            color: #fff;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
        }


.contact-countries {
	font-weight: 600;
	text-align:left;
	font-size:1.05em;
	line-height:25px;
	color:#ff0000;
}

.contact-countries a:link {
	color: #727272;
	text-decoration: none;
	}
	
.contact-countries a:hover {
	text-decoration: underline;
	color:#107c0f;
	}
	
.contact-countries a:active {
	text-decoration: none;
	color: #107c0f;
	}
	
.contact-countries a:visited {
	text-decoration: none;
	color: #727272;
	}
	
	
	.contactusBut {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 11px 17px;
margin-top:5px;
margin-bottom:30px;
text-align: center;
font-size: 14px;
}
	
	
	
	
/** ###### **/
/**QUICK FIXES NEED FIXING**/
/** ###### **/		
	
.getfixed1 {
color:#26211d;
text-decoration: none;
}

.getfixed1 a:link {
  color:#26211d !important; 
  text-decoration: none;
}

.getfixed1 a:hover {
color:#A09B9B !important;
text-decoration: none;
}

.getfixed1 a:visited {
  color:#26211d !important;
  text-decoration: none;
}

.project_subheads {
	font-size:42px;
	font-weight:900;
	padding-top:30px;
	padding-bottom:20px;
	line-height:50px;"
}

.fix-link  {
	color: #3f3c3c;
}

.fix-link a:link {
	color: #3f3c3c;
	text-decoration:underline;
	text-decoration-color: #4fae4b; 
	text-decoration-thickness: 2px; /* Set the thickness of the underline */
    text-underline-offset: 10px; /* Set the gap between the text and the underline */
    text-decoration-skip-ink: none; /* Prevents the underline from dipping under descenders */
}

.fix-link a:hover {
	color: #A8A0A0;
	text-decoration: underline;
    text-decoration-color: #4fae4b; 
    text-decoration-thickness: 2px; /* Set the thickness of the underline */
    text-underline-offset: 10px; /* Set the gap between the text and the underline */
    text-decoration-skip-ink: none; /* Prevents the underline from dipping under descenders */
}

.fix-link a:visited  {
	color: #3f3c3c;
	text-decoration:underline;
	text-decoration-color: #4fae4b; 
	text-decoration-thickness: 2px; /* Set the thickness of the underline */
    text-underline-offset: 10px; /* Set the gap between the text and the underline */
    text-decoration-skip-ink: none; /* Prevents the underline from dipping under descenders */
}







/** ###### **/
/**MEDIA CENTRE**/
/** ###### **/	


.resize {
width: 100%;
height: auto;
}

.video {
max-width: 800px; !important;
}

.newsTitlePad {
padding-top:10px;
padding-bottom:5px;
}

.downloadPad {
padding-bottom:50px;
}

.downloadBut {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 11px 17px;
margin-bottom:30px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
}

.iframeContainer, .iframeContainer75 {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.iframeContainer75 {
padding-top: 75%; 
}

.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}

.church_partnership_panel {
 background-color:#fff;
 margin-right:10px;
 margin-left:10px;
 padding:35px;
 border: 5px solid #56af31;
}


.white-contact-title-alt {
	color:#ABA6A6;
	}

	.white-contact-title-alt a:link {
	color:#ABA6A6;
		text-decoration: none;
	}
	
	.white-contact-title-alt a:hover {
	color:#ABA6A6;
	text-decoration: none;
	}
	
	.white-contact-title-alt a:visited {
	color:#ABA6A6;
	text-decoration: none;
	}
	

.donate-heads {
	font-weight:700;
	font-size: 1.15em;
	font-family: 'Noto Sans', sans-serif;
	text-align:center !important;
	color:#3f3c3c;
	display: block;                
    width: 100%;
	margin-bottom:7px;
}


.email-link {
    color: #3f3c3c;          /* Custom color */
    text-decoration: underline;   /* Remove underline */
}

.email-link:hover {
	color: #979090; 
    text-decoration: none; /* Optionally, add underline on hover */
}