/* --------------------------------
    ---------------------------
    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, input.primary-bg.light-bg:hover    {background: #01a490;} 
    a.primary-bg.medium-bg:hover, input.primary-bg.medium-bg:hover  {background: #006b6b;}
    a.primary-bg.dark-bg:hover, input.primary-bg.dark-bg:hover      {background: #20bdbe;}
    a.secondary-bg.light-bg:hover, input.secondary-bg.light-bg:hover    {background: #0089d0;}
    a.secondary-bg.medium-bg:hover, input.secondary-bg.medium-bg:hover  {background: #0060af;}
    a.secondary-bg.dark-bg:hover, input.secondary-bg.dark-bg:hover      {background: #00aeef;}
    p.primary-bg.light-bg:hover, input.primary-bg.light-bg:hover    {background: #01a490;} 
    p.primary-bg.medium-bg:hover, input.primary-bg.medium-bg:hover  {background: #006b6b;}
    p.primary-bg.dark-bg:hover, input.primary-bg.dark-bg:hover      {background: #20bdbe;}
    p.secondary-bg.light-bg:hover, input.secondary-bg.light-bg:hover    {background: #0089d0;}
    p.secondary-bg.medium-bg:hover, input.secondary-bg.medium-bg:hover  {background: #0060af;}
    p.secondary-bg.dark-bg:hover, input.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 */
	}

/* 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 li ul a:hover, .mainnav li ul li:hover, .mainnav li ul li ul.secondary-bg.medium-bg {background: #0060af;}
        .mainnav li ul li ul.secondary-bg.medium-bg a:hover {background: #00aeef;}
        
    .sub-nav-wrapper .columns > ul > li:hover {background: #0060af;}    
        .sub-nav-wrapper li ul a:hover, .sub-nav-wrapper li ul li:hover {background: #0089d0;}
        .sub-nav-wrapper li ul li li a:hover {background: #00aeef;}
   
/* 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;}
    
/* Slick Nav mobile tertiary UL background overwrite */
.slicknav_nav ul ul.secondary-bg.medium-bg {background: #0060af;}
.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 */
}



/* Footer Logo w/ Demo Mode Color Switcher */
.footer-logo, .header-logo {background: url(graphics/images/green_blue/y_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*/