/* --------------------------------
    ---------------------------
    Green Blue Color Scheme
    ---------------------------
    
    Primary:    Green
        Light:  #20bdbe
        Medium: #01a490
        Dark:   #006b6b
        
    Secondary:  Blue
        Light:  #00aeef
        Medium: #0089d0
        Dark:   #0060af
    
-------------------------------- */

::selection {background: #72EDDE;}
::-moz-selection {background: #72EDDE;}

/* Default Headings colors & Link color */
a {color: #01a490;}
    a:hover {color: #006b6b;}
    
h1 {color: #0060af;}
h2, h3, h4, h5, h6 {color: #0089d0;}

/* Text Colors */
.primary.light  {color: #20bdbe;}
.primary.medium {color: #01a490;}
.primary.dark   {color: #006b6b;}
.secondary.light  {color: #00aeef;}
.secondary.medium {color: #0089d0;}
.secondary.dark   {color: #0060af;}
    a.primary.light:hover  {color: #006b6b;}
    a.primary.medium:hover {color: #20bdbe;}
    a.primary.dark:hover   {color: #01a490;}
    a.secondary.light:hover  {color: #0060af;}
    a.secondary.medium:hover {color: #00aeef;}
    a.secondary.dark:hover   {color: #0089d0;}

/* Background Colors */
.primary-bg.light-bg  {background: #20bdbe;} 
.primary-bg.medium-bg {background: #01a490;}
.primary-bg.dark-bg  {background: #006b6b;}
.transparent.primary-bg.dark-bg   {background: rgba(0,107,107,.9);}
.secondary-bg.light-bg  {background: #00aeef;}
.secondary-bg.medium-bg {background: #0089d0;}
.secondary-bg.dark-bg   {background: #0060af;}
    .primary-bg.light-bg.opaque  {background: rgba(32,189,190,0.8);}
    .primary-bg.medium-bg.opaque {background: rgba(1,164,144,0.8);}
    .primary-bg.dark-bg.opaque   {background: rgba(0,107,107,0.8);}
    .secondary-bg.light-bg.opaque  {background: rgba(0,174,239,0.8);} 
    .secondary-bg.medium-bg.opaque {background: rgba(0,137,208,0.8);}
    .secondary-bg.dark-bg.opaque   {background: rgba(0,96,175,0.8);}
    a.primary-bg.light-bg:hover, .button.primary-bg.light-bg:hover, input.primary-bg.light-bg:hover, button.primary-bg.light-bg:hover      {background: #01a490;} 
    a.primary-bg.medium-bg:hover, .button.primary-bg.medium-bg:hover, input.primary-bg.medium-bg:hover, button.primary-bg.medium-bg:hover  {background: #006b6b;}
    a.primary-bg.dark-bg:hover, .button.primary-bg.dark-bg:hover, input.primary-bg.dark-bg:hover, button.primary-bg.dark-bg:hover          {background: #20bdbe;}
    a.secondary-bg.light-bg:hover, .button.secondary-bg.light-bg:hover, input.secondary-bg.light-bg:hover, button.secondary-bg.light-bg:hover      {background: #0089d0;}
    a.secondary-bg.medium-bg:hover, .button.secondary-bg.medium-bg:hover, input.secondary-bg.medium-bg:hover, button.secondary-bg.medium-bg:hover  {background: #0060af;}
    a.secondary-bg.dark-bg:hover, .button.secondary-bg.dark-bg:hover, input.secondary-bg.dark-bg:hover, button.secondary-bg.dark-bg:hover          {background: #00aeef;}
    .primary-bg.light-bg.extra-opaque  {background: rgba(32,189,190,0.3) !important;}
    .primary-bg.medium-bg.extra-opaque {background: rgba(1,164,144,0.3) !important;}
    .primary-bg.dark-bg.extra-opaque   {background: rgba(0,107,107,0.3) !important;}
    .secondary-bg.light-bg.extra-opaque  {background: rgba(0,174,239,0.3) !important;} 
    .secondary-bg.medium-bg.extra-opaque {background: rgba(0,137,208,0.3) !important;}
    .secondary-bg.dark-bg.extra-opaque   {background: rgba(0,96,175,0.3) !important;}

/* Background Gradients */
.primary-bg.light-bg.gradient-bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20bdbe+0,01a490+100 */
	background: #20bdbe; /* Old browsers */
	background: -moz-linear-gradient(top,  #20bdbe 0%, #01a490 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #20bdbe 0%,#01a490 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #20bdbe 0%,#01a490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bdbe', endColorstr='#01a490',GradientType=0 ); /* IE6-9 */
}
	.primary-bg.medium-bg.gradient-bg {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20bdbe+0,006b6b+100 */
		background: #01a490; /* Old browsers */
		background: -moz-linear-gradient(top,  #20bdbe 0%, #006b6b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #20bdbe 0%,#006b6b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #20bdbe 0%,#006b6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bdbe', endColorstr='#006b6b',GradientType=0 ); /* IE6-9 */
	}
	.primary-bg.dark-bg.gradient-bg {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01a490+0,006b6b+100 */
		background: #006b6b; /* Old browsers */
		background: -moz-linear-gradient(top,  #01a490 0%, #006b6b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #01a490 0%,#006b6b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #01a490 0%,#006b6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a490', endColorstr='#006b6b',GradientType=0 ); /* IE6-9 */
	}

.secondary-bg.light-bg.gradient-bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,0089d0+100 */
	background: #00aeef; /* Old browsers */
	background: -moz-linear-gradient(top,  #00aeef 0%, #0089d0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00aeef 0%,#0089d0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00aeef 0%,#0089d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#0089d0',GradientType=0 ); /* IE6-9 */
}
	.secondary-bg.medium-bg.gradient-bg {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,0060af+100 */
		background: #0089d0; /* Old browsers */
		background: -moz-linear-gradient(top,  #00aeef 0%, #0060af 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #00aeef 0%,#0060af 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #00aeef 0%,#0060af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#0060af',GradientType=0 ); /* IE6-9 */
	}
	.secondary-bg.dark-bg.gradient-bg {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0089d0+0,0060af+100 */
		background: #0089d0; /* Old browsers */
		background: -moz-linear-gradient(top,  #0089d0 0%, #0060af 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #0089d0 0%,#0060af 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #0089d0 0%,#0060af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d0', endColorstr='#0060af',GradientType=0 ); /* IE6-9 */
	}
	
/* Background Gradients - Left to Right */
.primary-bg.light-bg.gradient-bg.left-to-right {
	background: #20bdbe; /* Old browsers */
	background: -moz-linear-gradient(left,  #20bdbe 0%, #01a490 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #20bdbe 0%,#01a490 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #20bdbe 0%,#01a490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bdbe', endColorstr='#01a490',GradientType=1 ); /* IE6-9 */
}
	.primary-bg.medium-bg.gradient-bg.left-to-right {
		background: #01a490; /* Old browsers */
		background: -moz-linear-gradient(left,  #20bdbe 0%, #006b6b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #20bdbe 0%,#006b6b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #20bdbe 0%,#006b6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bdbe', endColorstr='#006b6b',GradientType=1 ); /* IE6-9 */
	}
	.primary-bg.dark-bg.gradient-bg.left-to-right {
		background: #006b6b; /* Old browsers */
		background: -moz-linear-gradient(left,  #01a490 0%, #006b6b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #01a490 0%,#006b6b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #01a490 0%,#006b6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a490', endColorstr='#006b6b',GradientType=1 ); /* IE6-9 */
	}

.secondary-bg.light-bg.gradient-bg.left-to-right {
	background: #00aeef; /* Old browsers */
	background: -moz-linear-gradient(left,  #00aeef 0%, #0089d0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00aeef 0%,#0089d0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00aeef 0%,#0089d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#0089d0',GradientType=1 ); /* IE6-9 */
}
	.secondary-bg.medium-bg.gradient-bg.left-to-right {
		background: #0089d0; /* Old browsers */
		background: -moz-linear-gradient(left,  #00aeef 0%, #0060af 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #00aeef 0%,#0060af 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #00aeef 0%,#0060af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#0060af',GradientType=1 ); /* IE6-9 */
	}
	.secondary-bg.dark-bg.gradient-bg.left-to-right {
		background: #0089d0; /* Old browsers */
		background: -moz-linear-gradient(left,  #0089d0 0%, #0060af 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #0089d0 0%,#0060af 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #0089d0 0%,#0060af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d0', endColorstr='#0060af',GradientType=1 ); /* IE6-9 */
	}
	
/* Background Gradient Left to Right - Transparent to Opaque */
.primary-bg.light-bg.gradient-bg.left-to-right.transparent {
    background: rgba(32,190,190,100);
    background: -moz-linear-gradient(left, rgba(32,190,190,0) 0%, rgba(32,190,190,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(32,190,190,0)), color-stop(100%, rgba(32,190,190,1)));
    background: -webkit-linear-gradient(left, rgba(32,190,190,0) 0%, rgba(32,190,190,1) 100%);
    background: -o-linear-gradient(left, rgba(32,190,190,0) 0%, rgba(32,190,190,1) 100%);
    background: -ms-linear-gradient(left, rgba(32,190,190,0) 0%, rgba(32,190,190,1) 100%);
    background: linear-gradient(to right, rgba(32,190,190,0) 0%, rgba(32,190,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bebe', endColorstr='#20bebe', GradientType=1 );
}
    .primary-bg.medium-bg.gradient-bg.left-to-right.transparent {
        background: rgba(1,164,145,100);
        background: -moz-linear-gradient(left, rgba(1,164,145,0) 0%, rgba(1,164,145,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,164,145,0)), color-stop(100%, rgba(1,164,145,1)));
        background: -webkit-linear-gradient(left, rgba(1,164,145,0) 0%, rgba(1,164,145,1) 100%);
        background: -o-linear-gradient(left, rgba(1,164,145,0) 0%, rgba(1,164,145,1) 100%);
        background: -ms-linear-gradient(left, rgba(1,164,145,0) 0%, rgba(1,164,145,1) 100%);
        background: linear-gradient(to right, rgba(1,164,145,0) 0%, rgba(1,164,145,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a491', endColorstr='#01a491', GradientType=1 );
    }
    .primary-bg.dark-bg.gradient-bg.left-to-right.transparent {
        background: rgba(0,107,107,100);
        background: -moz-linear-gradient(left, rgba(0,107,107,0) 0%, rgba(0,107,107,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,107,107,0)), color-stop(100%, rgba(0,107,107,1)));
        background: -webkit-linear-gradient(left, rgba(0,107,107,0) 0%, rgba(0,107,107,1) 100%);
        background: -o-linear-gradient(left, rgba(0,107,107,0) 0%, rgba(0,107,107,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,107,107,0) 0%, rgba(0,107,107,1) 100%);
        background: linear-gradient(to right, rgba(0,107,107,0) 0%, rgba(0,107,107,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b6b', endColorstr='#006b6b', GradientType=1 );
    }
.secondary-bg.light-bg.gradient-bg.left-to-right.transparent {
    background: rgba(0,175,239,100);
    background: -moz-linear-gradient(left, rgba(0,175,239,0) 0%, rgba(0,175,239,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,175,239,0)), color-stop(100%, rgba(0,175,239,1)));
    background: -webkit-linear-gradient(left, rgba(0,175,239,0) 0%, rgba(0,175,239,1) 100%);
    background: -o-linear-gradient(left, rgba(0,175,239,0) 0%, rgba(0,175,239,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,175,239,0) 0%, rgba(0,175,239,1) 100%);
    background: linear-gradient(to right, rgba(0,175,239,0) 0%, rgba(0,175,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afef', endColorstr='#00afef', GradientType=1 );
}
    .secondary-bg.medium-bg.gradient-bg.left-to-right.transparent {
        background: rgba(0,139,208,100);
        background: -moz-linear-gradient(left, rgba(0,139,208,0) 0%, rgba(0,139,208,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,139,208,0)), color-stop(100%, rgba(0,139,208,1)));
        background: -webkit-linear-gradient(left, rgba(0,139,208,0) 0%, rgba(0,139,208,1) 100%);
        background: -o-linear-gradient(left, rgba(0,139,208,0) 0%, rgba(0,139,208,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,139,208,0) 0%, rgba(0,139,208,1) 100%);
        background: linear-gradient(to right, rgba(0,139,208,0) 0%, rgba(0,139,208,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bd0', endColorstr='#008bd0', GradientType=1 );
    }
    .secondary-bg.dark-bg.gradient-bg.left-to-right.transparent {
        background: rgba(0,96,175,100);
        background: -moz-linear-gradient(left, rgba(0,96,175,0) 0%, rgba(0,96,175,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,96,175,0)), color-stop(100%, rgba(0,96,175,1)));
        background: -webkit-linear-gradient(left, rgba(0,96,175,0) 0%, rgba(0,96,175,1) 100%);
        background: -o-linear-gradient(left, rgba(0,96,175,0) 0%, rgba(0,96,175,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,96,175,0) 0%, rgba(0,96,175,1) 100%);
        background: linear-gradient(to right, rgba(0,96,175,0) 0%, rgba(0,96,175,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060af', endColorstr='#0060af', GradientType=1 );
    }
        
/* Solid color on mobile */
@media only screen and (max-width: 641px) {
    .primary-bg.light-bg.gradient-bg.left-to-right.transparent {background: rgb(32,190,190);}
    .primary-bg.medium-bg.gradient-bg.left-to-right.transparent {background: rgb(1,164,145);}
    .primary-bg.dark-bg.gradient-bg.left-to-right.transparent {background: rgb(0,107,107);}
    .secondary-bg.light-bg.gradient-bg.left-to-right.transparent {background: rgb(0,175,239);}
    .secondary-bg.medium-bg.gradient-bg.left-to-right.transparent {background: rgb(0,139,208);}
    .secondary-bg.dark-bg.gradient-bg.left-to-right.transparent {background: rgb(0,96,175);}
}

/* Tertiary Colors (more rarely used) */
/* Text Colors */
.tertiary.light  {color: #fcaf17;}
.tertiary.medium {color: #f47920;}
.tertiary.dark   {color: #dd5828;}
    a.tertiary.light:hover  {color: #dd5828;}
    a.tertiary.medium:hover {color: #fcaf17;}
    a.tertiary.dark:hover   {color: #f47920;}
/* Background Colors */
.tertiary-bg.light-bg  {background: #fcaf17;} 
.tertiary-bg.medium-bg {background: #f47920;}
.tertiary-bg.dark-bg   {background: #dd5828;}
    a.tertiary-bg.light-bg:hover, .button.tertiary-bg.light-bg:hover, input.tertiary-bg.light-bg:hover        {background: #f47920;} 
    a.tertiary-bg.medium-bg:hover, .button.tertiary-bg.medium-bg:hover, input.tertiary-bg.medium-bg:hover     {background: #dd5828;}
    a.tertiary-bg.dark-bg:hover, .button.tertiary-bg.dark-bg:hover, input.tertiary-bg.dark-bg:hover           {background: #fcaf17;}


/* Stripe Bar */
.bg-stripe-bar {background: url(graphics/images/green_blue/bg_stripe_bar.png) center center repeat;}

/* Menu Colors */
.top-bar a:hover {color: #20bdbe;}
.mainnav a {color: #0089d0;}
    .mainnav a:hover, .mainnav > li:hover > a, #footer .footer-site-title {color: #01a490;}

#mainnav .secondary-bg.medium-bg a:hover, #mainnav .secondary-bg.medium-bg li.sfHover > a {background:#0060af;}  /* secondary dark  */
#mainnav .secondary-bg.dark-bg a:hover, #mainnav .secondary-bg.dark-bg li.sfHover > a {background:#00aeef;}  /* secondary light  */
#mainnav .primary-bg.light-bg a:hover, #mainnav .primary-bg.light-bg li.sfHover > a {background:#01a490;}  /* primary medium  */
#mainnav .primary-bg.medium-bg a:hover, #mainnav .primary-bg.medium-bg li.sfHover > a {background:#006b6b;}  /* primary dark  */
#mainnav .primary-bg.dark-bg a:hover, #mainnav .primary-bg.dark-bg li.sfHover > a {background:#01a490;}  /* primary medium  */
#mainnav .primary-bg.dark-bg .primary-bg.medium-bg a:hover, #mainnav .primary-bg.dark-bg .primary-bg.medium-bg li.sfHover > a {background:#20bdbe;}  /* primary light */

.sub-nav .secondary-bg.dark-bg ul li > a:hover, .sub-nav .secondary-bg.dark-bg ul li.sfHover > a {background:#0089d0;} /* secondary medium */
.sub-nav .secondary-bg.dark-bg .secondary-bg.dark-bg, .sub-nav .secondary-bg.dark-bg .secondary-bg.dark-bg {background:#0089d0;} /* secondary medium */
.sub-nav .secondary-bg.dark-bg .secondary-bg.dark-bg li > a:hover, .sub-nav .secondary-bg.dark-bg .secondary-bg.dark-bg li.sfHover > a {background:#00aeef;} /* secondary light */
.sub-nav .secondary-bg.medium-bg ul li > a:hover, .sub-nav .secondary-bg.medium-bg ul li.sfHover > a {background:#0060af;} /* secondary dark */
.sub-nav .secondary-bg.medium-bg .secondary-bg.dark-bg li > a:hover, .sub-nav .secondary-bg.medium-bg .secondary-bg.dark-bg li.sfHover > a {background:#00aeef;} /* secondary light */
.sub-nav .primary-bg.light-bg ul li > a:hover, .sub-nav .primary-bg.light-bg ul li.sfHover > a {background:#01a490;} /* primary medium */
.sub-nav .primary-bg.light-bg ul.secondary-bg.dark-bg {background:#01a490;} /* primary medium */
.sub-nav .primary-bg.light-bg ul.secondary-bg.dark-bg a:hover, .sub-nav .primary-bg.light-bg ul.secondary-bg.dark-bg li.sfHover > a {background:#006b6b;} /* primary dark  */
   
/* Donation Form Button Colors */
div.button-container .button {border: 2px solid #006b6b;}
div.button-container .button:hover{background:rgba(32,189,190,.1);}
div.button-container .button.selected {background:#006b6b;}
    
.footer-callout.bar {
    background: #0060af; /* Old browsers */
    background: -moz-linear-gradient(left,  #0089d0 0%, #0060af 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0089d0), color-stop(100%,#0060af)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #0089d0 0%,#0060af 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #0089d0 0%,#0060af 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #0089d0 0%,#0060af 100%); /* IE10+ */
    background: linear-gradient(to right,  #0089d0 0%,#0060af 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d0', endColorstr='#0060af',GradientType=1 ); /* IE6-9 */
}

/* main nav logo colors */
#mainnav .logo   {background: #006b6b;}
.style-2 #mainnav .logo, .style-3 #mainnav .logo, .style-4 #mainnav .logo {background:transparent;}
.style-2.demo #mainnav .logo, .style-4.demo #mainnav .logo, .demo .branch-style-2 #mainnav .logo {background:transparent url(graphics/images/green_blue/y_logo.png) no-repeat; background-size:contain;}

/* Footer Logo w/ Demo Mode Color Switcher */
.footer-logo, .header-logo {background: url(graphics/images/green_blue/y_logo.png) no-repeat;}
/* Styles cancel out logo for freedom back office */
.freedomHeader .header-logo, .color-blue .footer-logo {background:transparent;}
.footer-logo-y-only, .header-logo-y-only {background: url(graphics/images/green_blue/y_only_logo.png) no-repeat;}
/* Settings Panel Color Choice Highlight */
.setting #green_blue {border: 3px solid #fff;}
/*landing page color icons */
.value-icons.books{background: url(graphics/images/green_blue/books.png) no-repeat top center;}
.value-icons.plant{background: url(graphics/images/green_blue/plant.png) no-repeat top center;}
.value-icons.heart{background: url(graphics/images/green_blue/heart.png) no-repeat top center;}

/*membership rates */
.membership-box .price.primary-dark-hl {background:#005a5a;}
.membership-box .price.primary-medium-hl {background:#018a79;}
.membership-box .price.primary-light-hl {background:#1b9f9f;}
.membership-box .price.secondary-medium-hl {background:#0073af;}
.membership-box .price.secondary-dark-hl {background:#005193;}
.membership-icon {background: url(graphics/images/green_blue/icon-group.png) no-repeat top center;} /*might have to delete after deploy*/