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

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

/* Red Colored Elements */


::-moz-selection { /* Code for Firefox */
    color: #f8f8f8;
    background: rgba(172, 33, 26);
}

::selection {
    color: #f8f8f8;
    background: rgba(172, 33, 26);
}

.heroColor:after,
.heroSmallColor:after,
.heroSlideColor:after { background: rgba(229, 90, 84, 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(172, 33, 26); }

a:active,
a:focus,
a:hover {
	color: rgb(172, 33, 26);
}

.bgColor {
	background-color: rgb(172, 33, 26);
}
/** .bgColor { background-color: rgba(172, 33, 26); }**/
button,
.button,
.divider,
.dividerCenter { background-color: rgba(172, 33, 26); }
/**dividerCenter { background-color: rgba(172, 33, 26); }*/
button,
.button { border: 2px solid rgba(172, 33, 26); }

.button:hover,
.button:focus,
.button:active {
	border: 2px rgb(172, 33, 26) solid;
}

button:hover,
button:active,
button:focus,
.button:hover,
.button:focus,
.button:active { background-color: rgb(172, 33, 26); }
.button.btnOutline { /* Default color scheme outlined button */
	background-color: transparent;
	border: 2px solid rgba(172, 33, 26);
	color: rgba(172, 33, 26);
}

.button.btnOutline:not(.btnReveal):hover,
.button.btnOutline:not(.btnReveal):focus,
.button.btnOutline:not(.btnReveal):active {
	background-color: rgb(172, 33, 26);
	/*background-color: rgba(172, 33, 26)*/
	color: rgba(255, 255, 255, 1);
}

input[type=submit] {
  	background-color: rgb(172, 33, 26);
  	border: 1px solid rgb(172, 33, 26);
}

input[type=submit]:focus, input[type=submit]:hover {
  	background-color: rgb(229, 90, 84, 0.9);
  	border: 1px solid rgba(229, 90, 84, 0.9);
}

.bgColor input[type=submit] {
  	background-color: rgba(255, 255, 255, 1);
  	border: 1px solid rgba(255, 255, 255, 1);
  	color: rgba(172, 33, 26);
}

.shareBtns a:hover {
	color: #fff;
  	background-color: rgba(172, 33, 26);
}

.bgBlack .shareBtns a:hover,
.bgColor .shareBtns a:hover {
	color: rgba(172, 33, 26);
	background-color: rgba(255, 255, 255, 1);
}

.tagCloud a:hover { border-color: rgba(172, 33, 26); }

div.faqNav a.is-checked {
	background: rgba(172, 33, 26);
	color: #fff;
}

.comingSoonNav .inline-list a:hover span {
	color: rgba(172, 33, 26);
	background: rgba(255, 255, 255, 0.4);
}

.pricing-table.popular { border-top: 4px solid rgba(172, 33, 26); }

.object {
	border-top: 2px solid rgba(172, 33, 26);
	border-left:  2px solid rgba(172, 33, 26);
}

.footerWidgets a:hover,
.footerWidgets a:hover [class^="icon-"] { color: rgba(229, 90, 84, 0.9); }

label { color: rgba(229, 90, 84, 0.7); }


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

	#primaryMenu ul ul { border-top: 2px solid rgba(172, 33, 26); }

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

