/* ----------------------------------------------------------------
    Colors

    Replace the RGBA Code with your Desired Color
-----------------------------------------------------------------*/

/* Blue Grey Colored Elements */


::-moz-selection { /* Code for Firefox */
    color: #f8f8f8;
    background: rgba(120, 144, 156, 1);
}

::selection {
    color: #f8f8f8;
    background: rgba(120, 144, 156, 1);
}

.heroColor:after,
.heroSmallColor:after,
.heroSlideColor:after { background: rgba(120, 144, 156, 0.8); }

a,
.error404,
.link:hover,
.coloredText,
.meta a:hover,
.blogTitle a:hover,
.tagCloud a:hover,
.bgBlack .link:hover,
#trigger-overlay:hover,
.overlayMenu ul li a:hover,
.overlayMenu ul li a:focus,
#primaryMenu ul li a:hover,
.link:hover [class^="icon-"],
.overlayMenu .overlay-close:hover,
#primaryMenu > ul > li.current > a,
.bgBlack #primaryMenu ul li a:hover,
.bgBlack .link:hover [class^="icon-"] { color: rgba(120, 144, 156, 1); }

a:active,
a:focus,
a:hover { color: rgba(120, 144, 156, 0.8); }

.bgColor { background-color: rgba(120, 144, 156, 1); }

button,
.button,
.divider,
.dividerCenter { background-color: rgba(120, 144, 156, 1); }

.button:hover,
.button:focus,
.button:active { background-color: rgba(120, 144, 156, 0.8); }

button:hover,
button:active,
button:focus,
.button:hover,
.button:focus,
.button:active { background-color: rgba(120, 144, 156, 0.8); }

.button.hollow { 
	border: 2px solid rgba(120, 144, 156, 1);
	color: rgba(120, 144, 156, 1);
}

.button.hollow:hover,
.button.hollow:focus,
.button.hollow:active {
	background-color: rgba(120, 144, 156, 1);
	color: rgba(255, 255, 255, 1);
	border: 2px solid rgba(120, 144, 156, 1);
}

.button.btnReveal.hollow:hover,
.button.btnReveal.hollow:focus { color: rgba(120, 144, 156, 1); }


input[type="submit"] {
  	background-color: rgba(120, 144, 156, 1);
  	border: 1px solid rgba(120, 144, 156, 1);
}

input[type="submit"]:focus,
input[type="submit"]:hover {
  	background-color: rgba(120, 144, 156, 0.9);
  	border: 1px solid rgba(120, 144, 156, 0.9);
}

.bgColor input[type="submit"] {
  	background-color: rgba(255, 255, 255, 1);
  	border: 1px solid rgba(255, 255, 255, 1);
  	color: rgba(120, 144, 156, 1);
}

.shareBtns a:hover {
	color: #fff;
  	background-color: rgba(120, 144, 156, 1);
}

.bgBlack .shareBtns a:hover,
.bgColor .shareBtns a:hover {
	color: rgba(120, 144, 156, 1);
	background-color: rgba(255, 255, 255, 1);
}

.tagCloud a:hover { border-color: rgba(120, 144, 156, 1); }

div.faqNav a.is-checked {
	background: rgba(120, 144, 156, 1);
	color: #fff;
}

.comingSoonNav .inline-list a:hover span {
	color: rgba(120, 144, 156, 1);
	background: rgba(255, 255, 255, 0.4);
}

.pricing-table.popular { border-top: 4px solid rgba(120, 144, 156, 1); }

.object {
	border-top: 2px solid rgba(120, 144, 156, 1);
	border-left:  2px solid rgba(120, 144, 156, 1);
}

.footerWidgets a:hover,
.footerWidgets a:hover [class^="icon-"] { color: rgba(120, 144, 156, 0.9); }

label { color: rgba(120, 144, 156, 0.7); }


@media only screen and (min-width: 64.0625em) {

	#primaryMenu ul li a.navButton,
	.bgBlack #primaryMenu ul li a.navButton {
		border: 1px solid rgba(120, 144, 156, 1);
		color: rgba(120, 144, 156, 1);
	}

	#primaryMenu ul li:hover a.navButton,
	.bgBlack #primaryMenu ul li:hover a.navButton { background-color: rgba(120, 144, 156, 1); }


	#primaryMenu ul ul { border-top: 2px solid rgba(120, 144, 156, 1); }

	.bgBlack #primaryMenu ul ul { 
		background-color: rgba(42, 43, 47, 1);
		border-top: 2px solid rgba(120, 144, 156, 1); 
	}
}