/* Reset & base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  background-color:lightblue;
}

#logo {
	display: block; margin-left: auto; margin-right: auto; width:50%; padding-bottom: 40px;
	}

body {
	margin-left: 75px;
	margin-right: 75px;
	margin-top: 75px;
	color: #3e236e;
}

#headtitle {
	text-align:center; font-size: 50px; color: #3e236e;
}

#charitynumber {
	text-align:center; font-size: 20px; color: #3e236e;
}

#slogan {
	text-align: center; padding-top: 0px;
}

.titlelogoslogan {
	padding-bottom: 10px;
}

p {
	font-size: 25px;
}

/* Navbar container: center everything */
.navbar {
  position: relative;
  width: 100%;
  /* background-color: #333;*/
  background-color:#3e236e;
  color: #fff;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Desktop nav links */
.nav-menu ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.nav-menu ul li a {
  color: #fff;
  font-size:20px;
  text-decoration: none;
  padding: 0.5rem;
  text-align: center;
  transition: background 0.3s;
}

.nav-menu ul li a:hover {
  background-color: #c2a3fd;
}

/* Hamburger: hidden on desktop */
.hamburger {
  display: none;
  flex-direction: column;
  border: none;
  background: none;
  cursor: pointer;
  margin-left: 1rem;
}

.hamburger .bar {
  width: 25px;
  height: 3px;
  background: #fff;
  margin: 4px 0;
  transition: transform 0.3s, opacity 0.3s;
}

/* Mobile breakpoint */
@media (max-width: 1300px) {

  /* Show hamburger button, hide nav */
  .hamburger {
    display: flex;
  }

  .nav-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background-color: #3e236e;
  }

  /* Stack links vertically and center text */
  .nav-menu ul {
    flex-direction: column;
  }

  .nav-menu ul li a {
    display: block;
    width: 100%;
    padding: 1rem;
    text-align: center;
  }

  /* Reveal menu when toggled */
  .nav-menu.show {
    display: block;
  }
  
  body {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
  }
  
  #logo{
	width: 75%;
  }
}

.generalimages {
  display: block;
  margin: auto;
  width: 75%;
}

footer{
	text-align:center;
	padding-top:75px;
	padding-bottom:20px;
}

/* sanatanhome specific */

#poem {
	padding: 20px;
}

#poem p {
	font-style: italic;
	padding-bottom: 20px;
}

.sanatanhomeparagraphs {
	padding-bottom: 20px;
}

#picture5{
	padding-bottom: 20px;
}

/* sanatanaims specific */

.aimsheadingh2 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.aimsheadingh3 {
	padding-top: 20px;
	padding-bottom: 20px;
}

#aimsmain p{
	padding-bottom:20px;
}

#aims li{
	font-size: 25px;
	padding-bottom: 20px;
}

/* sanatanprojects specific*/

#projectsmain{
	padding-top:20px;
}

#projectsmain h2{
	padding-bottom:20px;
}

/* sanatanresources specific */

#resourcesmain{
	padding-top:20px;
}

#resourcesmain h3{
	padding-top:20px;
	padding-bottom:10px;
}

.bhajantitles{
	padding-top:20px;
}

/* sanatansdfuk specific*/

#initialphoto{
	padding-top:20px;
	padding-bottom:20px;
}

#sdfukmain h3{
	padding-bottom:20px;
}

#sdfukmain p{
	padding-bottom:20px;
}

.sdfaimspoints{
	font-size:25px;
}

#our_pandemic_stories_flyer{
	padding-bottom:20px;
}

/* sanatannews specific */

#newsmain h2{
	padding-top:20px;
}

#newsmain h3{
	padding-top:20px;
	text-align: center;
}

#newsmain img{
	padding-top:20px;
}

/* sanatanevents specific */

#eventsmain h2{
	padding-top: 20px;
	padding-bottom: 20px;
}

#eventsmain h3{
	padding-bottom: 20px;
	text-align: center;
}

#eventsmain p{
	padding-bottom: 20px;
	text-align: center;
}

#eventsmain img{
	padding-bottom: 20px;
}

/* sanatanregistration specific */

#registrationmain h2{
	padding-top: 20px;
}

#registrationmain form label{
	font-size: 25px;
	display: inline-block;
	padding-top:20px;
}

#registrationmain form p{
	padding-top: 20px;
}

#registrationmain form select{
	font-size: 25px;
}

#registrationmain form input{
	font-size: 25px;
}

#registrationmain form textarea{
	font-size: 18px;
}

#registrationmain input[type=checkbox] {
				width: 30px;
				height: 30px;
}

#registrationmain form button{
	font-size: 25px;
}

#registrationmain button[type=submit]{
				width: 40%;
				background-color: #3e236e;
				color: white;
				padding: 14px 20px;
				margin: 30px 0;
				border: none;
				border-radius: 4px;
				cursor: pointer;
				font-size: 25px;
}

#registrationmain button[type=submit]:hover {
  background-color: #c2a3fd;
}


/* sanatancontactus specific */

#contactusmain h2{
	padding-top: 20px;
	padding-bottom: 20px;
}

#contactusmain form label{
	font-size: 25px;
	display: inline-block;
	padding-top:20px;
}

#contactusmain form input{
	font-size: 25px;
}

#contactusmain form textarea{
	font-size: 18px;
}

#contactusmain form button[type=submit]{
				width: 40%;
				background-color: #3e236e;
				color: white;
				padding: 14px 20px;
				margin: 30px 0;
				border: none;
				border-radius: 4px;
				cursor: pointer;
				font-size: 25px;
}

#contactusmain form button[type=submit]:hover {
  background-color: #c2a3fd;
}

#contactusmain p{
	padding-bottom: 20px;
}

#contactusmain a{
	padding-bottom: 20px;
}