@import url('/common/css/fonts.css');

/* REDEFINE BASE COLORS */
body {/*background-color:#e5dece;*/background: #3c763d url(/common/images/GardenForWildlife/notebook-content-bg.png) 0 0 repeat;} /*faf9f4*/
a {color:#00573b; font-weight:bold;}
a:hover, a:focus {color:#187f30;}

.masthead {position:absolute; top:0; right:0; left:0; z-index:20;}
.masthead .hat {padding:10px 35px; font-size:75%;}
.masthead .hat a {color:#c1c1c1;}
.masthead .hat a:hover {color:#333; text-decoration: none;}
.masthead .branding {position:relative; background-color: rgba(0, 0, 0, .4); padding:15px 10px 15px 30px; margin-left:0; margin-right:0;}
.masthead .actionBtns {
  border-radius:5px 5px 0 5px;
  background-color: #00573d;
}
/*.masthead .branding .actionBtns*/
.masthead .actionBtns a {
  display:inline-block;
  color:#ffffff;
  text-transform:uppercase;
  text-decoration: none;
  font-weight:bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
  font-size:11px;
  padding:12px 15px;
}
.masthead .actionBtns a:hover {background-color:rgba(0,0,0,.25);}
.masthead .actionBtns a:last-child  > a {border-right:0;}
.masthead  .navbar {background-color:#00573d; border-radius:0; margin:0; min-height:30px; padding:0; border:0;}
.masthead  .navbar .navbar-toggle .icon-bar {background-color: #fff;}
.masthead  .navbar .nav > li > a {/*line-height:1em; text-align: center; */color:#e1e1cc; font-weight:bold; text-transform:uppercase; padding:10px;}
.masthead  .navbar .nav > li.active > a {color:#e3e668; background-color:transparent;}
.masthead  .navbar .nav > li > a:hover {color:#e3e668; background-color:transparent;}

.actionBtnBorder {border-right:1px solid #ffffff;}

.brandinglogos {padding-right: 45px;} 

.brandinglogo-item  {display:inline-block; padding-left: 15px;}

.heroImg {position:relative; margin:0 auto -8px auto; padding:0;}
.heroImg .row {margin-left:0; margin-right:0;}
.heroImg .col-xs-12 {padding-left:0; padding-right:0;}
.heroImg a {position:relative; margin:0 auto -8px auto; padding:0; display:block; text-align:center;}
.heroImg a img {display:inline-block;}

@media (max-width:1075px){
  /*.heroImg a img {padding-top:1em;
    background: rgb(62, 136, 182);
    background: -moz-linear-gradient(0deg, rgb(62, 136, 182) 50%, rgb(35, 107, 156) 90%);
    background: -webkit-linear-gradient(0deg, rgb(62, 136, 182) 50%, rgb(35, 107, 156) 90%);
    background: -o-linear-gradient(0deg, rgb(62, 136, 182) 50%, rgb(35, 107, 156) 90%);
    background: -ms-linear-gradient(0deg, rgb(62, 136, 182) 50%, rgb(35, 107, 156) 90%);
    background: linear-gradient(90deg, rgb(62, 136, 182) 50%, rgb(35, 107, 156) 90%);*/
  }
}
@media (max-width:950px){
  .heroImg a img {padding-top:4em;}
}
@media (max-width:770px) {
  /*.heroImg a img {padding-top:8em;}*/
}
@media (max-width:700px) {
  .masthead > .container > .branding {background-color: #547134;}
}
@media (max-width:520px) {
  .heroImg a {margin-bottom:0;}
  .heroImg a img {padding-top:0.5em;}
  .additionalcontent-right { margin-right: 0%;}
  .additionalcontent-left { margin-left: 0%; }
  .maincontent-overlaycontainer { width: none;}
}

/*.heroImg a.button {
  border-radius: 50%;
  background-color: #fcaa11;
  height: 135px;
  width: 135px;
  position: absolute;
  right:0;
  left:0;
  margin:0 auto;
  padding:15px;
  top:75%;
  color:#252525;
  font-family:'Interstate',sans-serif;
  font-weight:bold;
  font-size:1.4em;
  line-height:.9em;
  text-transform:uppercase;
  -webkit-box-shadow: 7px 7px 25px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    7px 7px 25px 0px rgba(0, 0, 0, 1);
  box-shadow:         7px 7px 25px 0px rgba(0, 0, 0, 1);
}
.heroImg a.button img.icon {background:none !important; display:inline-block; text-align:center; margin:0; padding:0;}
.heroImg a.button .text {margin:0; padding:10px 0 0 0; text-align:center; overflow:visible;}
.heroImg a.button:hover {text-decoration:none;}
.heroImg a.button:hover img.icon,
.heroImg a.button:hover .text {opacity:0.7;}*/

@media (max-width:770px) {
  /*.heroImg a.button {height:110px; width:110px; padding:10px; top:75%; font-size:1.2em;}
  .heroImg a.button img.icon {max-height:35%; min-width:none; width:auto;}
  .heroImg a.button .text {padding-top:8px;}*/
}
@media (max-width:520px) {
  /*.heroImg a.button {height:90px; width:90px; padding:8px; top:70%; font-size:1em;}
  
  .heroImg a.button .text {padding-top:5px;}*/
}
@media (max-width:420px) {
  /*.heroImg a.button {height:75px; width:75px; padding:3px; top:70%; font-size:.9em;}
  .heroImg a.button .text {padding-top:3px;}*/
}

.heroPatternOverlay {display:none;}

.maincontent-overlaycontainer {
    border-radius: 50%;
    height: 228px;
    width: auto;
    position: absolute;
    right: 0px;
    left: 0;
    margin: 0 auto;
    top: 38%;
    color: #252525;
    font-family: 'Interstate',sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    line-height: .9em;
	text-align: center;
}

.maincontent-overlaycontainer h1 {
	font-family: 'Conv_Garden';
    font-size: 88px;
	font-weight: normal;
    color: #ffffff;
}

.maincontent-overlaycontainer h3 {
    font-size: 32px;
    color: #ffffff;
	font-family: 'Interstate';
}
.overlaypromo { display: inline-block; padding-right: 35px;}

.thermometer {
   background-color: rgba(0, 87, 61, 0.9);
   height: 49px;
}
.thermometer .pledgeBtn  {position:relative; z-index:1; height:49px; line-height:auto; margin:0; padding:0; background:rgba(0,148,35,0.5);; overflow:hidden;}
.thermometer .pledgeBtn  a {font-family:'Interstate', sans-serif; font-size:.9em; letter-spacing:-0.5px; font-weight:normal; display:inline-block; margin:12px 0 0 20px; padding:2px 10px; border:2px solid #c9c9c9; border-radius:5px; color:#fff; text-transform:uppercase;}
.thermometer .pledgeBtn  a:hover {text-decoration:none; background-color:rgba(0,0,0,0.25);}
.thermometer #pledgeBar {z-index:20; height:49px; background:transparent url(/common/images/GreatAmericanCampout/pledgebar-bg.png) right center repeat-x; padding-left:0; padding-right:0; border:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px;}
.thermometer #pledgeBar .ui-progressbar-value {position:relative; background:rgba(0,148,35,0.5); none; border-color:transparent; border:0px; margin:0; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px;}
.thermometer #pledgeBar .label {position:absolute; z-index:30; right:-4px; top:19px; padding:0; margin:0; font-family:'Interstate',sans-serif; font-size:.9em; line-height:auto;}
.thermometer #pledgeBar .label img {margin:-3px 0 0 3px;}
.thermometer #pledgeBar .label-reverse {left:100%; margin-left:-12px;}
.thermometer #pledgeBar .label-reverse img {margin:-3px 0 0 0;}
.thermometer .goal {font-family:'Interstate', sans-serif; font-size:.9em; letter-spacing:-0.5px; font-weight:normal; color:#fff; text-transform:uppercase; text-align:center; padding:0; margin-top:6px;}
@media (max-width: 768px) {
  .thermometer {font-size:0.9em;}
  .thermometer .goal {margin-top:10px;}
}

.mainContent {padding:0; background: #3c763d url(/common/images/GardenForWildlife/notebook-content-bg.png) 0 0 repeat;}

@media (min-width: 960px){
  .mainContent {width:100%; max-width:1300px;}
  .maincontent-overlaycontainer h1 { font-size: 108px; font-weight: normal; }
  .maincontent-overlaycontainer p { font-size: 20px;}
}

.featuredPromos {background-image: url(/common/images/GardenForWildlife/notebook-background.png); background-position:center top; background-repeat:no-repeat; padding:41px 0 0 0; margin-top: 8px;}
.featuredPromos > div {padding:0; text-align:center;}
.featuredPromos > div a > .img-responsive {display:inline-block; text-align: center;}

@media (max-width:520px) {
  .featuredPromos {margin-top:0;}
}

.secondaryPromos {background-image: url(/common/images/GardenForWildlife/notebook-background.png); background-position:center top; background-repeat: no-repeat; text-align:center; padding-top:65px;}
.secondaryPromos .img-responsive {display:inline-block;}

#gacCarousel {min-height: 250px;}

.slide-caption {
    left: 0%; 
    right: 0%;
    bottom: 20px;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #00573b;
}

.slide-title {
    font-size: 30px !important;
}

.slide-image {
    display: inline !important;
}

.tertiaryPromos {margin:35px 0 0 0;}
.tertiaryPromos .promo {border-color:#edeadb; border-style:solid; border-width:0 6px; min-height:150px;}
.tertiaryPromos .promo:first-child {border-width:0;}
.tertiaryPromos .promo:last-child {border-width:0;}
.tertiaryPromos .promo .title {color:#02563e; font-size:90%; font-weight:bold; text-align:center;}
.tertiaryPromos .promo .content {text-align:center;}
.tertiaryPromos .promo .content .img-responsive {display:inline-block; outline-style: none;}
.tertiaryPromos .socialIcons {text-align:center;}
.tertiaryPromos .socialIcons a {padding:0;}
.tertiaryPromos .align-left {text-align:left;}
.tertiaryPromos .align-right {text-align:right;}

.additionalContent {border-bottom: 2px solid #00573d; padding-bottom: 45px; }

.additionalcontent-right { margin-right: 10%;/*float: left;*/}
.additionalcontent-left { margin-left: 6%; padding-bottom: 35px;}

.additional-promos { padding-bottom: 45px;} 

.primary-promos { display: inline-block; padding-left: 41px;}  
.primary-promos a:hover {text-decoration: none;}
.primary-promos h4 { text-align: center; font-size: 15px;}
.secondary-primary-container { }
.secondary-primary-promos { display: inline-block; padding-left: 35px;}

.secondary-primary-promos a { text-decoration: none;}

.secondary-primary-title { float: left; line-height: 44px;}

.footer {text-align:center; margin:35px 0 0 0; font-size:13px;}
.footer .backToTop {float:right; padding-left:15px;}
.footer ul.links {display:inline-block; float:none; vertical-align:top; margin:15px 0; padding-left:0; list-style-type:none;}
.footer ul.links li {display:inline-block;}
.footer ul.links a {color:#000; padding:0 5px; border-right:1px solid #000; line-height:1em;}
.footer ul.links li:last-child a {border-right:0;}
.footer ul.links a:hover {background:transparent; color:#187f30;}

.iframe-content {
  width: 560px;
}

.btn-certify  {
	color: #00573d;
    background-color: transparent;
    border-color: #00573d;
    border-width: medium;
	font-weight: bold;
}

.btn-certify:hover {
    background-color: #00573d;
	border-color: #00573d;
}

.navbar-nav > li > a:hover, .navbar-nav> li > a:focus {
    text-decoration: none;
    background-color: none;
}

.subnav > li > a:hover, .subnav> li > a:focus {
    text-decoration: none;
    background-color: none;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 3px 0px;
}


/* RESPONSIVE BEHAVIORS */
@media (min-width: 768px) {
  .masthead  > .navbar > .navbar-collapse {padding:0;}
  .navbar .navbar-nav {display:inline-block; float:none; vertical-align:top;}
  .navbar .navbar-collapse {text-align: center;}
}

@media (min-width: 760px) {
	.masthead  .navbar .nav > li > a { padding:7px;}
	/*.maincontent-overlaycontainer h1 { font-size: 70px;}
	.maincontent-overlaycontainer h3 { font-size: 17px;}
	.maincontent-overlaycontainer { top: 43%;}
	.overlaypromo {padding-right: 16px;}*/
}

@media (max-width: 768px) {
  .masthead > .container  {padding:0;}
  .masthead .actionBtns {border-width:1px; margin-top:10px;}
  .masthead .actionBtns a {font-size:10px; padding:5px 8px;}
  .tertiaryPromos .socialIcons {font-size:.9em;}
  .tertiaryPromos .promo {border-width:0 6px 0 0; margin-bottom:15px; padding-bottom:15px;}
  .tertiaryPromos .promo:first-child, .tertiaryPromos .promo:last-child {border-width:0; margin-bottom:0; padding-bottom:0;}
  .footer {margin-top:15px;}
  .footer .backToTop {clear:both; display:block; text-align:right; float:none; padding:15px;}
  .masthead .branding .logo {width:60%;}
  .masthead .branding .logo img {width:90%; height:90%}
 
}
@media (max-width: 520px) {
  .featuredPromos {padding-top:5px;}
  .tertiaryPromos .promo {border-width:0 0 6px 0; min-height:initial;}
  .tertiaryPromos .promo:first-child, .tertiaryPromos .promo:last-child {border-width:0; margin-bottom:0; padding-bottom:0;}
  .tertiaryPromos .align-left {text-align:inherit; padding:0;}
  .tertiaryPromos .align-right {text-align:inherit; padding:0;}
  
  .brandinglogos { padding-right: 25px;}
  .logo img { width: 200px; padding-top: 25px;}
}
@media (max-width: 480px) {
  .masthead .branding .logo {width:auto;}
  .masthead .branding .logo img {width:90%; height:90%}
  .masthead .branding .actionBtns {display:none;}
  .iframe-content {width: 250px;}
  
  .maincontent-overlaycontainer h1 {font-size: 40px;}
  .maincontent-overlaycontainer h3 {font-size: 16px;}
  .overlaypromo {padding-right: 3px;}
  .primary-promos { padding-left: 0px;}
  .additional-promos { padding-bottom: 0px;}
  .additionalcontent-right { margin-right: 0%;}
}

.panel-default > .panel-heading {
    color: #00573b;
    background-color: #f6f4ef;
    border-color: #e6e6e6;
}

/* SECTION AND PAGE TEMPLATES */
h1, .h1,
h2, .h2, 
h3, .h3, 
h4, .h4,
h5, .h5,
h6, .h6 {font-family:'Interstate', 'Arial', sans-serif; font-weight:bold; color:#04513e;}

body.micrositePage .titleBanner {
  padding:0;
  position:relative;
}
/*body.micrositePage .titleBanner .divider{
  position:relative;
  display:block;
  height:2.75em;
  background: url('/common/images/GreatAmericanCampout/plaid-background.png') repeat;
  max-width:1300px;
  margin:0 auto;
}*/
body.micrositePage .titleBanner .divider-foot {
  position:relative;
  display:block;
  height:3em;
  max-width:1300px;
  margin:0 auto;
}
body.micrositePage .titleBanner .divider-foot::after {
  content:"";
  position:absolute;
  top:0; bottom:0; left:0; right:0;
  background:transparent url('/common/images/GardenForWildlife/notebook-background.png') 0 0 repeat;
  opacity:0.6;
}

.micrositePage .addthis {margin-left:0; margin-right:0;}
.micrositePage .addthis .container {position:relative;}
.micrositePage .addthis .addthis_toolbox {position:absolute; z-index:2; top:-42px; right:15px;}

body.micrositePage .titleBanner .title {
  display:inline-block; position:relative; margin:0 auto; padding:14em 0 1em 0; display:block; text-align:center;
  background:transparent url('/common/images/GardenForWildlife/gfw-subpage-background.png') bottom center no-repeat;
}
body.micrositePage .titleBanner .title h1 {
  font-size:4.25em;
  color:#fff;
  text-align:center;
  padding:0; margin:0;
}

body .mainContent .row {margin-left:0; margin-right:0;}
body.micrositePage .mainContent {position:relative; margin-top:35px;}
body.micrositePage .mainContent .navbar .navbar-nav li {float:none; display:block; text-align:left; /*border-bottom:1px dashed #c3c3c3;*/ font-weight:bold; font-family:'Myriad Pro', 'Arial', sans-serif; font-size:14px;}

body.micrositePage .mainContent .content iframe {clear:both; display:block; margin:25px 0 0 0; padding:0; border:none; width:100%;}
body.micrositePage .mainContent .content img {margin:5px; outline-width: 2px; outline-style: solid; outline-color: #ffffff;}

@media (max-width:950px){
  body.micrositePage .titleBanner .title {padding-top:15.5em;}
  body.micrositePage .titleBanner .title h1 {font-size:3.5em;}
  .logo img { width: 300px;}
}
@media (max-width:759px){
  body.micrositePage .titleBanner .divider {height:1em;}
  body.micrositePage .titleBanner .divider-foot {height:1.25em;}
  body.micrositePage .mainContent {margin-top:15px;}
  body.micrositePage .mainContent .subnavWrap {position:relative; min-height:15px;}
  body.micrositePage .mainContent .navbar {min-height:20px; background:#eae9d6; border-radius:5px; border:1px solid #c3c3c3; padding-left:27px;}
  body.micrositePage .mainContent .navbar .navbar-header {color:#777; font-weight:bold; height:auto; line-height:auto;}
  body.micrositePage .mainContent .navbar .navbar-header .navbar-toggle {margin:0;}
  body.micrositePage .mainContent .navbar .navbar-nav li:last-child {border-bottom:0;}
  .micrositePage .addthis .addthis_toolbox {top:-32px; right:0;}
}
@media (max-width:520px) {
  .mainContent {padding:0 15px;}
  body.micrositePage .titleBanner .title {padding-top:11em;}
  body.micrositePage .titleBanner .title h1 {font-size:2.5em;}
  .micrositePage .addthis .addthis_toolbox {right:15px;}
  .mainContent .carousel .slide-title {font-size:1.3em !important;}
  .mainContent h3 {font-size:1.1em;}
}

/*@media (min-width: 520px) {
.maincontent-overlaycontainer { top: 50%}
.maincontent-overlaycontainer h1 { font-size: 40px;}
.maincontent-overlaycontainer h3 { font-size: 14px; }
.overlaypromo { width: 75px;}
.secondary-primary-promos { padding-left: 20px;}
.secondary-primary-promos h5 {font-size: 12px;}
.primary-promos h4 { font-size: 18px; text-align: inherit;}
.secondary-primary-title { padding-right: 45px;}

}*/