/*
Company Name: Nagenahiru Volunteers Sri Lanka
Description: Responsive Custom Website Template for nagenahiruvolunteers.org website
Website URL: http://nagenahiruvolunteers.org/
Version: 1.0
Date: Start 9th November 2024
Author: Aksam Zarook, Founder, Zeeron Solutions
Author URI: http://www.zeeronsolutions.com
*/


/********************************************
Base color hexcodes for nagenahiruvolunteers.org  

strong yellow: ffcc00
dark green: 003300
lighter-dark green: 003300
light-green:64db64
strong orange: f7951e
orange: ff9933;

********************************************/

/***** General Classes ****/
.clear { clear: both;}

.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top50 { margin-top:50px; }
.top70 { margin-top:70px; }
.top100 { margin-top:100px; }


.bottom5 { margin-bottom:5px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom20 { margin-bottom:20px; }
.bottom25 { margin-bottom:25px; }
.bottom30 { margin-bottom:30px; }
.bottom40 { margin-bottom:40px; }
.bottom50 { margin-bottom:50px; }
.bottom70 { margin-bottom:70px; }
.bottom100 { margin-bottom:100px; }
.bottom200 { margin-bottom:200px; }

.right10 { margin-right:10px; }
.right20 { margin-right:20px; }
.right30 { margin-right:30px; }
.right40 { margin-right:40px; }


body {  }
a  { }
a:hover,
a:visited { }

.Page-Container { max-width: 1200px; }
.PageTitle { background-color: #ffc000; padding:15px; text-align: center;}

/***** Bootstrap Overidden Classes ****/
.btn-success { border-radius: 23px; }

/***** Header Classes ****/

.Header { }
.SiteTitleBox { text-align: center; background-color: #ffc000;  margin-bottom: 20px; margin-top: 0px; }
.SiteTitleBox a {text-decoration: none; color: #000;}
.site-title { font-size:3rem; }


.topnav {   overflow: hidden;   background-color: #ddb543; }
.topnav a { float: left; display: block; color: black; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; }
.topnav a:hover {   background-color: #ffc000;  color: black; }
.topnav a.active {   background-color: #ddb543;  color: black; }
.topnav .icon {   display: none;}

/*** Page Body Classes ****/
.PageBody { min-height:1200px; margin-bottom:50px;}


/**** Home Page Classes ****/

.HomeWelcomeText { background-color: #ffc000; padding:15px; }

.HomeVolunteerBoxTitle { color:#000; background-color: #ffc000; padding:15px; text-decoration: underline; border-radius: 10px; text-align: center;}
.HomeVolunteerBoxText { background-color: #ffc000; padding: 15px; margin-bottom: 100px;}

.Home3DayTourBoxTitle { background-color: #ffc000; padding:15px; border-radius: 10px; text-align: center;}

.LankaHighlightsBoxTitle { color:#000; background-color: #ffc000; padding:15px; text-decoration: underline; border-radius: 10px; text-align: center;}
.LankaHighlightsBoxText { background-color: #ffc000; padding: 15px; margin-bottom: 100px;}



/***** Contact Us Page *****/


/***** Footer Classes ****/ 
.Footer { background-color: #ffc000; padding:15px;}
.glyphicon { margin-right:5px;}
.copyright-row { color:#333; font-size:0.9em; text-align:left; }
.copyright-row  a,
.copyright-row a:visited  { color:#333; text-decoration:none;  border-bottom:thin dotted #333;}
.copyright-row a:hover { color:#0000ff; border-bottom:thin dotted #0000ff;}
.copyright-designer { text-align:right; }

/*--------------------------------------------------------------
 *
 * Custom Responsive CSS Classes
 *
 * -----------------------------------------------------------*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){
.site-title { font-size:2rem; }

}
@media only screen and (min-width : 360px){

}

@media only screen and (min-width : 420px){

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){

}

/* Smartphone portrait mode */
@media only screen and (min-width : 640px){

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
	
.site-title { font-size:3rem; }

	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){

	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){


}	 

@media screen and (max-width: 768px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon { float: right; display: block;  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon { position: absolute; right: 0; top: 0;  }
  .topnav.responsive a { float: none; display: block; text-align: left;  }
}