/*
Theme Name:         Lotus
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        This is a hacked up version of FoundationPress for Lotus Outreach Australia
Version:            1.0.0
Author:             Emrys Hughes
Author URI:         http://emrysmedia.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ---------------------------------------------------------------------------- 
  
  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /scss folder.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file
  
  

---------------------------------------------------------------------------- */

 /*     - - - - - - - -       1rem = 16px	    - - - - - - - - - -    */


.top-bar,
.top-bar-section ul li,
.top-bar-section ul li>a { background: 0 !important;	}

.contain-to-grid,
.tab-bar {
	
	}

/*overwrite foundation*/
.button.tiny {	   font-size: 0.8875rem;	}
	

body {
	background:#e6decc !important;
	color: rgb(110, 94, 76);

}

#sidebar
{	padding-top: 1.4rem;	}


.top-bar-container,
.weave {	background: url('/wp-content/uploads/2015/07/bg_weave.png') repeat !important;	}

.top-bar-container {	min-height: 160px !important;	}

ul.title-area {	height: 99px !important	}

li.name h1 a {
	display: block;
	width: 600px !important; 
	height: 150px !important; 
	background: url('/wp-content/uploads/2015/07/lotus_outreach_logo-e1437442881378.png') no-repeat;
	background: url('/wp-content/uploads/2015/07/LOA-logo.png') no-repeat;
	background-size: 600px 150px;
	text-indent: -99999px;
	min-height: 150px;
	z-index: 999;
	}
	
	

/*  - - - - - - - -       menus        - - - - - - - -  */

.top-bar-section ul li.divider { 	border: 0;	}
	
li {	text-align: left	}

nav.top-bar {		}
ul#menu-main-nav-1 {	margin-top: 4.5rem	}

ul#menu-main-nav-1 li {	float: left; margin-right: 3rem	}

ul#menu-main-nav-1 li>a { 
	border: 0;
	color: #aa673b;
	text-transform: uppercase;
	font-weight: bold
	}
	
ul#menu-main-nav-1 li>a:hover { 	color: #ffffff;	}

	
ul li.current-menu-item a {	color: #e5bf76 !important	}
	
	

#menu-social-media {	position: relative; margin-top: 2rem; z-index: 999	}

#menu-social-media li {
	display: block; 
	float: none; 
	text-align: right; 
	}
#menu-social-media li a {	
	display: block; 
	padding-right: 40px; 
	line-height: 1.8rem;	
	}

#menu-social-media li#menu-item-35 a {
	background: url('/wp-content/uploads/2015/07/sm_donate.png') no-repeat right !important;	}
#menu-social-media li#menu-item-33 a {
	background: url('/wp-content/uploads/2015/07/sm_facebook.png') no-repeat right !important;	}
#menu-social-media li#menu-item-34 a {
	background: url('/wp-content/uploads/2015/07/sm_youtube.png') no-repeat right !important;	}

	
#menu-social-media li a {	color: #a49c8a	}

#menu-social-media li.divider {	display: none	}


#menu-donations li,
#donations-menu li,
.menu-homepage-sidebar-container .menu li {
    list-style: none;
    width: 80%;
    
    border-radius: 6px;
    font-weight: bold;
    padding: 4px 10px;
    margin : 0 0 6px 0;
    background: #eb8d09;
	}

#menu-donations li:hover,
#donations-menu li:hover,
.menu-homepage-sidebar-container .menu li:hover {	 
	background: #f8c053;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out; 
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;   
	        transition: all 0.3s ease-in-out;
	}

#menu-donations li.select:hover,
#donations-menu li.select:hover,
 .menu-homepage-sidebar-container .menu li.select:hover {	background: #eb8d09	}

#menu-donations li a,
#donations-menu li a,
.menu-homepage-sidebar-container .menu li a {
    display: block;
    width: 100%;
    text-align: center;
    color: #585555;  
    color: #d75a18;
    color: #fff;
    text-decoration : none;
	}


#menu-donations li:active,
#donations-menu li:active,
.menu-homepage-sidebar-container .menu li:active {	
	position: relative;
	top: 2px;
	left: 2px;
	background: #cd4103; 
	}

#menu-donations li.select,
#donations-menu li.select,
.menu-homepage-sidebar-container .menu li.select {	color: #f8c053	}

#menu-donations li,
#donations-menu li {    width: 90%;    }
    
footer {	padding-top: 1rem; 	}

footer.row {	margin-top: 0 !important	} 

footer, footer .menu li {	font-size: 0.8rem;	}

footer .menu li {	
	display: inline-block;
	list-style: none;
	margin-right: 1rem
	}

footer .right {	text-align: right	}


/* ------------------ */


.row.first div {
	margin-top: 1rem;
	border: 0;
	}
	
.sidebar {	padding-top: 2rem}
	
.sidebar article {	text-align: center	}


.menu-homepage-sidebar-container {	margin-top: 0 !important	}


/* homepage slider */
.bx-wrapper .bx-caption span {	
	font-size: 0.8rem !important;
	line-height: 0.9 !important;	
	}

.bx-caption h3,
.bx-caption h5 {	color: #fff	}

.bx-caption h3 {	line-height: 1; margin: 0	}

.home div.content {	
	margin-top: 0 !important;
	padding: 1rem 1rem 0 1rem;
/* 
	background: #fff
 */
	}



#mc_embed_signup{
	background:#fff; 
	clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
	border-radius: 10px;
	} 
#mc_embed_signup h2 { margin: 0; } 
#mc_embed_signup p { font-size: 1em; line-height: 1.1em; }
#mc_embed_signup #mc-embedded-subscribe { position: relative; top: -30px; left: 150px;	}
	

/* team */
.team-member {	margin-bottom: 1rem	!important }




/* programs */
ul.program-menu li {
	display: inline-block; width: 33%;
	}

.program, .story {	border-bottom: 1px solid #ccc	}
	
	
/* stories from cambodia */
.story {
	padding: 1rem 0;
	margin-bottom: 1rem;
	}
	
	
/* donations */
dt, dd {	display: inline-block; 	}
dt {	width: 25%	}
dd {	width: 75%	}

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid, .error { background-color: #f0dddd !important }

input.error, textarea.error, select.error {	margin-bottom: 1rem	}

/* ------------------ */
	
@media only screen and (min-width: 40.063em)
{
	/* if we wanna make the whole deal wider - equal to 1200px */
	.contain-to-grid .top-bar,
	.row {	
		max-width: 70rem;
		margin: 0px auto;
		}
		
	/* homepage slider */
	.bx-wrapper .bx-caption span {	
		font-size: 1.125rem !important;
		line-height: 1.2 !important;	
	}
	/* shashi tharoor quote */
	#simpleimage-2 img {	width: 230px;	}
	
	
}