/* GLOBAL and HOMEPAGE STYLES
-------------------------------------------------- */


body {
  padding:0px;
  margin:0px;
  font-family: 'Roboto', sans-serif;
  font-size:21px;
  color: #062f87; 
  font-weight:300;
  line-height:42px;
  background-color:#fff;
 /* overflow-x: hidden;*/
}

@font-face {
    font-family: 'copperplate';
    src: url('CopperplateLightSSiLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'audrey';
    src: url('Audrey-Normal.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

.who-is-lisa-photo {visibility:hidden !important;}
.img-responsive {display:block;  max-width:100%;  height:auto}
.white			{color:#fff;}
.align-left		{text-align:left;}
.intext-photo	{display:none;}
.sm-spacing		{margin-left:27px;}
.mobile-bio-photo	{display:none;}
#what-we-do, #why-we-do-it, #how-we-do-it, #about-lisa, #ask-me-how {border:0 !important;border:none !important;outline:none !important;}

h1		{font-family: 'Roboto', sans-serif;font-size: 45px; font-weight: 300; color: #062f87; line-height: 50px;margin-bottom:0px;}
h1 span	{font-size: 28px; font-weight: 500; color: #93d50a;}
h2		{font-family: 'Roboto', sans-serif;font-size: 40px; font-weight: 300; color: #fff; line-height: 45px;margin-bottom:26px;}
h3 		{font-family: 'copperplate', sans-serif;font-size: 32px; font-weight: 300; color: #062f87; line-height: 34px;text-align:center; padding:0px 5%; }
h4 		{font-family: 'audrey', sans-serif;font-size: 60px; font-weight: 400; color: #93d50a; line-height: 64px;text-align:center;  }

/***** Logo *****/
.bierly-consulting-header	{position:relative;z-index:1000;max-width:100%;background-color:#ffffff;padding-top:50px;padding-bottom:40px;text-align:center;height:300px;}
.bierly-consulting-header img	{margin:0px auto;}



.imglink 	{border:none !important;outline:none !important;}
a:focus 	{border:none !important;outline:none !important;}
.text-center		{text-align:center;}
.img-swap			{cursor:crosshair;}
.header-underline	{padding-bottom:8px;}

p				{margin:0px 0px 12px 0px;}
p.p-left-col	{padding-right:2%;}
p.bio			{font-size:20px;color: #062f87;font-weight:400;line-height:39px;margin-bottom:23px;}
p.footertitle 	{font-family: 'audrey', sans-serif;font-size: 90px; font-weight: 400; color: #93d50a; line-height: 100px;text-align:right;}
p.footertext1	{font-size:23px;color:#fff;text-align:left;padding-left:27px;margin-bottom:4px;}
p.footertext2	{text-align:left;}
p.footertext3	{font-family: 'copperplate', sans-serif;font-size: 32px; font-weight: 300; color: #fff; line-height: 34px;text-align:left;padding-left:27px;}


/***** What We Do *****/
.what-we-do	{position:relative;z-index:1000;max-width:100%;background-image:url("../images/bkg/what-we-do.jpg");background-repeat:no-repeat;background-position:top center;background-color:#ebebeb;min-height:632px;padding-top:260px;}
.what-we-do-text	{max-width:600px;margin-left:51.5%;}

.what-we-do-mobile-header	{position:relative;z-index:1000;max-width:100%;background-color:#062f87;min-height:120px;padding-top:0px;display:none;}

.section-subtitle	{padding:40px 0px 40px 0px;}


/***** Services for nonprofits and donors *****/
.services-for-nonprofits	{position:relative;z-index:1000;max-width:100%;background-color:#fff;min-height:370px;padding-top:60px;padding-bottom:30px;}
.services-for-donors		{position:relative;z-index:1000;max-width:100%;background-color:#fff;min-height:340px;padding-bottom:20px;}
.services-for-donors-block-left	{padding-top:50px;}
ul.bulletlist		{margin:0px 0px 0px 0px;padding:0px 0px 7px 0px;list-style-type:none;font-size:21px;line-height:31px;font-weight:400;color:#062f87;}
ul.bulletlist li	{margin:0px 0px 15px 0px;padding:0px 5% 0px 0px;line-height:26px;vertical-align:top;}



/***** Why We Do It*****/
.why-we-do-it-container	{background-color:transparent;background-image:url("../images/bkg/why-we-do-it.jpg");background-repeat:no-repeat;background-position:top center;min-height:400px;padding-top:200px;padding-bottom:54px;}
.nonprofit-management	{}
.why-we-do-it-mobile-header	{position:relative;z-index:1000;max-width:100%;background-color:#062f87;min-height:120px;padding-top:0px;display:none;}


/***** How We Do It*****/
.how-we-do-it-container	{background-color:transparent;background-image:url("../images/bkg/how-we-do-it.jpg");background-repeat:no-repeat;background-position:top center;min-height:400px;padding-top:200px;padding-bottom:54px;}
.fundraising	{}
.how-we-do-it-mobile-header	{position:relative;z-index:1000;max-width:100%;background-color:#062f87;min-height:120px;padding-top:0px;display:none;}


/***** Who Is Lisa*****/
.who-is-lisa-container	{background-image:url("../images/bkg/who-is-lisa.jpg");background-repeat:no-repeat;background-position:top center;min-height:970px;background-color:#062f87;padding-top:200px;padding-bottom:54px;}
.who-is-lisa-mobile-header	{position:relative;z-index:1000;max-width:100%;background-color:transparent;min-height:120px;padding-top:0px;display:none;}
.who-is-lisa-text	{padding:20px 5%;}


.bierly-consulting-footer		{max-width:100%;position:relative;z-index:2000;background-color:#062f87;min-height:460px;padding:0px 0px;}
.footer-left	{padding-top:40px;}
.footer-right	{text-align:right;padding-top:40px;padding-left:20px;}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.lisa-bierly-logo-bkg	{height:114px;position:relative;margin-top:0px;z-index:5000;}
.navbar-container			{width:100%;position:relative;}
.logocol					{padding-top:20px;}

#mobile-nav			{display:none;margin-top:22px;background-color:#587175;}


.navbar-toggle {
    position: absolute;
    top: -40px;
    right: 0px;
    width: 48px;
    height: 32px;
    padding: 8px 12px;
    background-color: #93d50a;
    border: 1px solid #ddd;
    border-radius: 4px;
    z-index:2000;
}
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #93d50a;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

.nav.navbar-nav {
     float:none;
	 margin: 0 auto;
	 display: table;
	 table-layout: fixed;
 }
 .nav.navbar-nav > li {
     position: relative;
     left: 0%;
	 text-align: center;
	 padding:0px 18px;
 }
 
 
 .nav.navbar-nav li a{
    font-family: 'copperplate', sans-serif;
	color: #787878;
	font-size:20px;
	line-height:30px;
	font-weight:400;
	border-bottom: 2px solid transparent !important;
 }
 
 .navbar .nav > li > a:focus,
 .navbar .nav > li > a:hover {
	color: #93d50a;
	text-decoration: none;
	background-color: transparent;
	outline:none;border:none;
	background-image:url('../images/bkg/nav-hover-bkg.png');background-repeat:no-repeat;
	background-position:bottom;
	border-bottom: 2px solid #93d50a !important;
}

 .navbar .nav > .active > a,
 .navbar .nav > .active > a:hover,
 .navbar .nav > .active > a:focus {
	color: #93d50a;
	text-decoration: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	 -moz-box-shadow: none;
		  box-shadow: none;
	outline:none;border:none;
	background-position:bottom;
	border-bottom: 2px solid #93d50a !important;
}

.navbar .nav > .pipe > a,
 .navbar .nav > .pipe > a:hover,
 .navbar .nav > .pipe > a:focus {
	color: #dddaca;
	text-decoration: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	 -moz-box-shadow: none;
		  box-shadow: none;
	outline:none;border:none;
	cursor:default;
}

.nav>li>a {
    padding: 10px 17px;
}
 
 .navbar {
    position: relative;
    min-height: 69px;
    padding-right: 0px;
    padding-left: 0px;
	padding-top:0px;
    margin-bottom: 0px;
	background-color:transparent;
    border:none;
}

.navbar .nav > li > a {
	padding: 43px 10px 2px 10px;    
}

.mobile-menu-link		{float:right;margin-right:15%;margin-top:0px;display:none;padding:30px;}


/* LINKS */

a.emailphonelink:link, a.emailphonelink:visited	{font-size:23px;font-weight:400;color:#fff;text-decoration:none;outline:none;border:none;}
a.emailphonelink:hover, a.emailphonelink:active 	{font-size:23px;font-weight:400;color:#93d50a;text-decoration:none;outline:none;border:none;}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1199px) {
	.nav.navbar-nav > li {padding: 0px 1px;}
	.services-for-donors-block-left	{padding-top:0px;}
	.why-we-do-it-container	{background-color:#062f87;background-image:url("../images/bkg/why-we-do-it1199.jpg");min-height:343px;}
	.how-we-do-it-container	{background-color:#062f87;background-image:url("../images/bkg/how-we-do-it1199.jpg");min-height:343px;}
	.who-is-lisa-container	{background-image:none;padding-top:24px;background-color:transparent;}
	.who-is-lisa-mobile-header	{display:block;}
	.who-is-spacer			{display:none;}
	.who-is-lisa-text		{width:100%;padding-top:0px;}
	.intext-photo			{display:inline;float:right;margin:0px 0px 20px 20px;}
	.bierly-consulting-footer	{padding-top:72px;padding-bottom:72px;}
	.footer-left			{width:25%;float:left;}
	.footer-right			{width:75%;float:left;padding-left:7%;}
}

@media (max-width: 991px) {
	.nav.navbar-nav > li a {padding-left:10px;padding-right:10px;font-size:15px;line-height:20px;}
	.what-we-do	{position:relative;z-index:1000;max-width:100%;background-image:url("../images/bkg/what-we-do-768.jpg");background-repeat:no-repeat;background-position:top center;background-color:#ebebeb;min-height:424px;padding-top:170px;}
	.what-we-do-text	{max-width:600px;margin-left:55%;}
	p					{font-size:20px;line-height:36px;margin-bottom:0px;}
	ul.bulletlist		{padding-bottom:0px;}

/*	.services-for-nonprofits	{padding-left:5%;}
	.services-for-donors		{padding-left:5%;}*/
	.nonprofit-consulting, .services-for-nonprofits-block-left, .services-for-nonprofits-block-middle, .services-for-nonprofits-block-right	{padding-left:5%;}
	.corporate-philanthropy	{padding-left:3%;}
	.services-for-donors-block-right	{padding-top:36px;}
	
	.why-we-do-it-container	{background-color:#062f87;background-image:url("../images/bkg/why-we-do-it991.jpg");min-height:343px;padding-top:150px;}
	.how-we-do-it-container	{background-color:#062f87;background-image:url("../images/bkg/how-we-do-it991.jpg");min-height:343px;padding-top:150px;}
	.footer-left			{width:40%;float:left;}
	.footer-right			{width:60%;float:left;padding-left:7%;}
}

@media (max-width: 767px) {

  .bierly-consulting-header	{}
  .lisa-bierly-logo-bkg	{height:22px;}	
  #non-mobile-nav   	{display:none;}
  #mobile-nav     		{display:block;margin-left:0px;background-color:#fff;}
  .navbar-toggle    	{display:block;}
  .mobile-menu-link   	{display:block;}
  .navbar       		{min-height:0px;}
  .nav.navbar-nav   	{left:0px;padding-bottom:30px;}
  .nav.navbar-nav > li a {font-size:21px;color:#062f87;padding-top:30px;}
  
  .what-we-do	{background-image:none;background-color:#062f87;padding-top:0px;min-height:320px;}
  .what-we-do-mobile-header	{display:block;padding-top:30px;padding-left:12px;}
  .what-we-do-mobile	{padding-left:0px;}
  .what-we-do-text	{max-width:100%;margin-left:0px;padding:0px 3% 30px 3%;text-align:center;}
  
  .services-for-nonprofits	{padding-top:0px;padding-bottom:0px;}
  .services-for-donors		{padding-top:0px;padding-bottom:50px;}
  
  .why-we-do-it-container		{background-image:none !important;background-color:#062f87;padding-top:0px;min-height:320px;}
  .why-we-do-it-mobile-header	{display:block !important;padding-top:30px;padding-left:0px;}
  .why-we-do-it-mobile			{padding-left:0px;margin-left:0px;}
  
  .how-we-do-it-container		{background-image:none !important;background-color:#062f87;padding-top:0px;min-height:320px;}
  .how-we-do-it-mobile-header	{display:block !important;padding-top:30px;padding-left:0px;}
  .how-we-do-it-mobile			{padding-left:0px;margin-left:0px;}
  
  .footer-left			{width:40%;float:left;}
  .footer-right			{width:60%;float:left;padding-left:7%;}
  p.footertitle			{line-height:90px;}
}

@media (max-width: 650px) {
	.intext-photo 	{display: block; float: none;}
	.footer-left	{width:100%;float:left;}
    .footer-right	{width:100%;float:left;padding-left:0px;}
	.footerbreak1	{display:none;}	
	.footerbreak2	{display:none;}
	p.footertitle	{text-align:center;}
	p.footertext1, p.footertext2, p.footertext3 {text-align:center;}
	.intext-photo	{padding-left:0px;}
	.who-is-spacer	{display:none;}
	.who-is-lisa-text	{width:100%;padding:0px;}
	p.bio			{padding-left:4%;padding-right:4%;}
	.desktop-bio-photo	{display:none;}
	.mobile-bio-photo	{display:block;}
	.mobile-bio-photo img	{width:80%;}
	.bierly-consulting-footer	{padding-top:36px;padding-bottom:72px;}
	a.emailphonelink:link, a.emailphonelink:visited, a.emailphonelink:hover, a.emailphonelink:active	{font-size:20px;}
}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 32px; }
	h3		{font-size:26px;}

}

@media (max-width: 320px) {
	.bierly-consulting-header	{height:250px;}
	a.emailphonelink:link, a.emailphonelink:visited, a.emailphonelink:hover, a.emailphonelink:active	{font-size:17px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	p.intro-text {
		line-height: 32px;
	}
}