/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  .footerimage{
  	height:70px; 
  	width: 80px;
  }
}

/* On screens that are 600px or less*/
@media screen and (max-width: 600px) {
	/*body{
		background-color: olive;
	}*/

	.donate-now{
		text-align: center !important;
		font-size: 20px !important;
		margin-left: 0 !important;
		color: white;
	}
	.accountalign{
		text-align: left;
		margin-left: 0 !important;
		font-size: 18px;
		color: white;
		margin-bottom: 0px;
	}
  img.footerimage{
  	height: 96px;
    width: 110px;
  	padding-left: 0px;
  	margin-top: 0px;
  	margin-left: 0px;

  }

  /* p.volunteerheading{
  	color: #e6ffff; 
	font-size: 16px;
  } */
  h5.addressheading{
    font-size: 14px;
  }
  p.contactcard{
  	margin-top: -20px;
  	font-size: 11px;
  }
  /* img.d-block{
  	height: 200px; 
  } */

}

body {
    font-family: 'Karla';
    font-size: 20px;
}
.content_main_text{
	text-align: left;
	color: #000000;
	font-size: 26px;
	overflow-wrap: anywhere;

}

.firstjumbotron{
	background-color: yellow;
}


.jumbotron1{
	background-color: #D5D5D5;
	opacity: 1;
}
.jumbotron2{
	background-color: #175D43;
}
.insidejumbotron{
	background-color:white;
	color: black;
}

.form_value{
	color: white;
}

.accountalign{
	text-align: left; /* For Edge */
	margin-left: 10%;
	font-size: 18px;
	color: white;
	margin-bottom: 0px;
}

.footerimage{
  	height: 120px;
  	width: 120px;
  	text-align: left;
  	margin-left: 10%;  	
}

.address-paragraph{
	margin-top: -20px;
	font-size: 16px;
}


.accountdetails{
	text-align: right;
	/*margin-left: 10%;*/
}

.resource_main_data{
	text-decoration: none;
	color: #000000;
	font-size: 20px
}

.visionmission{
	text-align: left;
	color: #595959;
	letter-spacing: 0.15px;
	font-size: 24px;
	opacity: 1;
	font-family: karla;
}
.visionmissionpara{
	text-align: justify;
	/*align-items: center;*/
	font-size: 20px;
	color: #000000;

}
.left_side_position{
	display: table-cell; 
    vertical-align:middle;

}

.d-block{
	height: 600px;
	margin-top: 20px;
	object-fit: contain;
}




.support-us{
	text-align: left;
	font-size: 32px;
	color: yellow;
	text-align: center;
}
.donate-now{
	text-align: left;
	font-size: 20px;
	color: white;
	margin-left:10%;
}
.volunteerheading{
	text-align: left;
    font-size: 20px;
    color: white;
    text-align: center;
	/* margin-top: 26%; */
    /* margin-left: 8%; */
}


.carouselcontroliconprvious{
	font-size: 57px;
}
.carouselcontrolicon{
	font-size: 57px;
}

.more-section-paragraph{
	font-size: 10px;
	text-align:left;
}

.more-section-title{
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
    font-size: 32px;
}
.submitbutton{
	font-size: 22px;
	font-family: karla;
}

.hr-all{
	background-color: grey; 
	width: 100%;
}


.page2-inside-card-carousel{
	min-height: 450px;

}

.about_head{
	color: #000000;
    font-size: 24px;
    font-weight: bold;

}
.activities-image{
	height: 400px;
}

.activitiescontrol{
	color: black;
	font-size: 57px;
}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.name_designation{
	/* text-align: center; */
	font-weight: bold;
}
.morelink{
	font-size: 16px;
}

.top-section ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f2f2f2;
}
.top-section ul li{
	float:right;
}
.top-section ul li a {
	display: block;
	padding: 8px;
	/*background-color: #f2f2f2;*/
	text-decoration: none;
}

.navbar {
  background-color: {{ navbar_background_color }};
}
.nav-link:hover{
  color:  ;
}

.nav-item {
	font-size: 20px;
	/*font-weight: bold;*/
}
.gridcorner {
  position: absolute;
  top: 80%;
  right: 0;
  width: 200px;
  height: 100px;
}

/*.card .data{
	width: 35rem;
	height: 100px;
}*/
.card img{
	 text-align:center;
}

/*.google_map{
	box-sizing: border-box;
  	border: 2px dashed blue;
}*/

/* Demo 2 */

input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #66CC75;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

#demo-2 input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
}
#demo-2 input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-2 input:-moz-placeholder {
	color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
}

.navbar-toggler
{
	background-color: #ffffff !important;
	border: 1px solid #1d1c1c !important;
}

.ft_ad_act{
	padding: 10px;
    border-radius: 50%;
    background: #548321;
    width: fit-content;
    height: fit-content;
    box-shadow: -3px 4px 6px #9c9797;
    margin: 10px auto;
}

.ft_ad_act>img{
	height: 30px;
}
.ft_ad_act:focus{
	background: #c5e4a3;
	border-color: #548321;
}

.sm-icons{
	display: flex;
	align-items: center;
	justify-content: center;

  }
  .sm-icons li{
	list-style: none;
	margin: 2px 4px;
  }

  .logo_style{
	height: 80px;
	width: auto;

  }

  @media screen and (max-width:600px) {
	.logo_style{
		height: 65px;
		width: 65px;

	  }
	}