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

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

.navWrapper {
    border-bottom: 2px solid rgba(247, 176, 6, 1)
}


/* Yellow Colored Elements */

::-moz-selection {
    /* Code for Firefox */
    color: #f8f8f8;
    background: rgba(247, 176, 6, 1);
}

::selection {
    color: #f8f8f8;
    background: rgba(247, 176, 6, 1);
}

.heroColor:after,
.heroSmallColor:after,
.heroSlideColor:after {
    background: rgba(247, 176, 6, 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(247, 176, 6, 1);
}

a:active,
a:focus,
a:hover {
    color: rgba(247, 176, 6, 0.8);
}

.bgColor {
    background-color: rgba(247, 176, 6, 1);
}

button,
.button,
.divider,
.dividerCenter {
    background-color: rgba(247, 176, 6, 1);
}

.button:hover,
.button:focus,
.button:active {
    background-color: rgba(247, 176, 6, 0.8);
}

button:hover,
button:active,
button:focus,
.button:hover,
.button:focus,
.button:active {
    background-color: rgba(247, 176, 6, 0.8);
}

.button.hollow {
    border: 2px solid rgba(247, 176, 6, 1);
    color: rgba(247, 176, 6, 1);
}

.button.hollow:hover,
.button.hollow:focus,
.button.hollow:active {
    background-color: rgba(247, 176, 6, 1);
    color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(247, 176, 6, 1);
}

.button.btnReveal.hollow:hover,
.button.btnReveal.hollow:focus {
    color: rgba(247, 176, 6, 1);
}

input[type="submit"] {
    background-color: rgba(247, 176, 6, 1);
    border: 1px solid rgba(247, 176, 6, 1);
}

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

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

.shareBtns a:hover {
    color: #fff;
    background-color: rgba(247, 176, 6, 1);
}

.bgBlack .shareBtns a:hover,
.bgColor .shareBtns a:hover {
    color: rgba(247, 176, 6, 1);
    background-color: rgba(255, 255, 255, 1);
}

.tagCloud a:hover {
    border-color: rgba(247, 176, 6, 1);
}

div.faqNav a.is-checked {
    background: rgba(247, 176, 6, 1);
    color: #fff;
}

.comingSoonNav .inline-list a:hover span {
    color: rgba(247, 176, 6, 1);
    background: rgba(255, 255, 255, 0.4);
}

.pricing-table.popular {
    border-top: 4px solid rgba(247, 176, 6, 1);
}

.object {
    border-top: 2px solid rgba(247, 176, 6, 1);
    border-left: 2px solid rgba(247, 176, 6, 1);
}

.footerWidgets a:hover,
.footerWidgets a:hover [class^="icon-"] {
    color: rgba(247, 176, 6, 0.9);
}

label {
    color: rgba(247, 176, 6, 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(247, 176, 6, 1);
        color: rgba(247, 176, 6, 1);
    }
    #primaryMenu ul li:hover a.navButton,
    .bgBlack #primaryMenu ul li:hover a.navButton {
        background-color: rgba(247, 176, 6, 1);
    }
    #primaryMenu ul ul {
        border-top: 2px solid rgba(247, 176, 6, 1);
    }
    .bgBlack #primaryMenu ul ul {
        background-color: rgba(42, 43, 47, 1);
        border-top: 2px solid rgba(247, 176, 6, 1);
    }
}