/*
Theme Name: ONQ All Site Theme By Rob & Carlos
Theme URI: https://onqfinancial.com
Author: Carlos & Rob | Shake & Bake
Author URI: https://wordpress.org/
Description: Custom Theme built for ONQ Financial.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 0.11
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ONQ Financial
Propietary License to ONQ Financial
***********DON'T DELETE THIS HEADER @IMPORT is used to combine all css into one single file.  Removing the below import will break the website.  See 000Main.css in css folder to update css found here**********
*/


/* Navigation */

:root {
	/* Rebrand */
    --PolarGrey: #A1A3A6;
    --StoneGrey: #4F5052;
    --StoneGreyv2: #58585A;
    --NavyBlue: #1B365D;
    --GlacialBlue: #3694B3;
    --GlacialBlue-light: #ebf4f8;
    /* --PumpkinSpice: #CB5B25; old one */
	/* -- new one -- */
	--PumpkinSpice: #ffac1d;
	/* -- */
    --RichBlack: #004040;
    --LavenderHaze: #877092;

    --Blue: #1b365d;
    --Blue-light: #495e7d;
    --Blue-lightV1: #76869e;
    --Blue-lightV2: #a4afbe;
    --Blue-lightV3: #d1d7df;
    --Cyan: #0097dd;
    --Cyan-light: #35abe1;
    --Cyan-lightV1: #73bbe8;
    --Cyan-lightV2: #a2ceef;
    --Cyan-lightV3: #cfe4f6;
    --Charcoal: #4b4f54;
    --Charcoal-light: #495e7d;
    --Charcoal-lightV1: #76869e;
    --Charcoal-lightV2: #a4afbe;
    --Charcoal-lightV3: #d1d7df;
    --Black: #004040;
    --Black-light: #353535;
    --Black-lightV1: #686868;
    --Black-lightV2: #9a9a9a;
    --Black-lightV3: #cdcdcd;
    --Orange: #495e7d;
    --OrangeDK: #76869e;
    --Orange-light: #76869e;
    --Orange-lightV1: #a4afbe;
    --Orange-lightV2: #d1d7df;
    --Orange-lightV3: #ffe5d6;
    --Purple: #582C83;
    --Green-lightV3: #dbf3ef;
    --Red: #BC204B;
    --Red-lightV3: #f2d2db;
    --White: #fff;
    --white-bk-trans: rgb(255,255,255,.5);
    --bkgd-color: #E6E9ED;
    --bkgd-colorDK: #E6E9ED;
    --bkgd-cyan: #E6E9ED;
    --bkgd-ltgrey: #E6E9ED;
    --heroGradOLdBrow: rgb(251,253,254);
    --heroGradMoz: -moz-radial-gradient(center, circle farthest-side, rgba(251,253,254,1) 0%, rgba(251,253,254,1) 24%, rgba(226,243,251,1) 100%);
    --heroGradWebKit: -webkit-radial-gradient(center, circle farthest-side, rgba(251,253,254,1) 0%,rgba(251,253,254,1) 24%,rgba(226,243,251,1) 100%);
    --heroGradRadGrad: radial-gradient(circle farthest-side, rgba(251,253,254,1) 0%,rgba(251,253,254,1) 24%,rgba(226,243,251,1) 100%);
    --heroGradFilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfe', endColorstr='#d8f3fc',GradientType=1 );
    --Charcoal-Grad-Moz: -moz-linear-gradient(top, rgba(75, 79, 84,1) 50%, rgba(237, 237, 238,0.4) 50%);
    --Charcoal-Grad-Webkit: -webkit-linear-gradient(top, rgba(75, 79, 84,1) 50%,rgba(237, 237, 238,0.4) 50%);
    --Charcoal-Grad-Linear: linear-gradient(to bottom, rgba(75, 79, 84,1) 50%,rgba(237, 237, 238,0.4) 50%);
    --progressBar: linear-gradient(to right,rgb(0, 156, 221) var(--scroll),transparent 0);
}

.btn-main-button {
    background: var(--GlacialBlue);
    color: white;
    padding: .5rem 2.5rem;
    display: block;
    text-align: center;
}
.btn-main-button:hover{
    background:var(--PumpkinSpice);
    color: white;
}


.lilcta {
    display: block;
    border: solid 1px var(--StoneGrey);
    color: var(--StoneGrey);
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    padding: 0.5em 1em;
    background-size: 100% 200%;
    background-position: 0 -100%;
    background-image: linear-gradient( to bottom, var(--PumpkinSpice) 50%, transparent 50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    cursor: pointer;
  }
  .lilcta:hover {
    background-position: 0 0;
    color: var(--White);
    text-decoration: none;
  }

/* tpo forms */
ul.checkMark>li {
    margin-left: 1.5rem;
}

.checkMark h4 {
    color: var(--GlacialBlue) !important;
    font-size: 1.5rem;
    margin-bottom: 0;
}

ul.checkMark>li::before {
    display: block;
    font-family: "Font Awesome 6 Free";
    font-weight: 300;
    font-size: 1.12em;
    line-height: 1.25em;
    content: "\f058";
    color: var(--GlacialBlue);
    font-style: normal;
    padding-right: 0.5em;
    left: 13px;
    position: absolute;
}

ul.checkMark,
ul.checklist {
    list-style: none;
    font-weight: 600;
    padding: 0 !important;
}

ul.checklist>li {
    padding-bottom: 0.75rem;
    text-align: left;
    display: flex;
    flex-flow: row;
    list-style-position: inside;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

ul.checklist>li:before {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.25em;
    content: "\f058";
    color: var(--GlacialBlue);
    font-style: normal;
    padding-right: 0.5em;
}

ul.checklist>li ul {
    margin-top: 0.5rem;
    padding-left: 0;
}

ul.checklist>li sup {
    top: 6px;
    font-size: 0.57em;
    line-height: 0;
}

.bgdarkblue1 ul.checklist>li:before {
    color: var(--PumpkinSpice);
}

.text-darkblue ul.checklist>li:before {
    color: var(--GlacialBlue);
}

ul.checklist.exlist>li:before {
    content: "\f057";
    color: var(--Red);
}

ul.checklist.h3s>li h3,
ul.checklist.h3s>li>div>h3 {
    margin-bottom: 0.25rem;
    font-weight: 700;
    font-style: normal;
}

ul.checklist.h3s>li p,
ul.checklist.h3s>li>div>p {
    font-style: normal;
    font-weight: 400;
}

.text-darkblue ul.checklist.h3s>li h3,
.text-darkblue ul.checklist.h3s>li>div>h3 {
    color: var(--NavyBlue);
}

.text-darkblue ul.checklist a {
    color: var(--GlacialBlue);
}

.text-darkblue ul.checklist a:hover {
    color: var(--NavyBlue);
}

ul.checklist.bigorange {
    font-size: 1.25rem;
    font-weight: 400;
    padding-left: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul.contactlist {
    list-style: none;
    padding: 0 0 0 1.75rem;
}

ul.contactlist>li {
    position: relative;
    padding-bottom: 0.5rem;
}

ul.contactlist>li:before {
    display: block;
    position: absolute;
    top: 0;
    left: -1.75rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.25em;
    line-height: 1.25em;
    content: "\f3cd";
    color: var(--NavyBlue);
    font-style: initial;
}

ul.contactlist>li.email:before {
    content: "\f0e0";
    font-weight: 400;
}

ul.contactlist>li.address:before {
    content: "\f3c5";
}

ol.gobig {
    list-style: none;
    counter-reset: gobig-counter;
    padding: 0 !important;
}

ol.gobig li {
    counter-increment: gobig-counter;
    display: flex;
    flex-flow: row;
    list-style-position: inside;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

ol.gobig li :last-child {
    margin-bottom: 0;
}

ol.gobig li::before {
    content: counter(gobig-counter);
    font-family: futura-pt, Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 3em;
    line-height: 2rem;
    color: var(--GlacialBlue);
    padding: 0 0.25em 0.25em 0;
}

.bglightgrey1 {
    background-color: var(--bkgd-color);
}

.bgdarkblue1 ol.gobig li::before {
    color: var(--White);
}

.bglightgrey1 ol.gobig li::before {
    color: var(--NavyBlue);
}

.inner-arc-wrapper {
    overflow: hidden;
    text-overflow: clip;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 5.4rem;
}

.inner-arc-wrapper p {
    -webkit-line-clamp: 2;
}

.inner-arc-wrapper span {
    color: var(--StoneGrey);
}

.wpcf7-recaptcha.form-control {
    background: 0 0;
    padding: 0;
}

.wpcf7-list-item.first,
.wpcf7-list-item:nth-of-type(1) {
    margin-left: 0;
}

.wpcf7-list-item label {
    position: relative;
}

.wpcf7-list-item label input[type="checkbox"],
.wpcf7-list-item label input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.wpcf7-list-item label input[type="checkbox"]~.wpcf7-list-item-label,
.wpcf7-list-item label input[type="radio"]~.wpcf7-list-item-label {
    display: block;
    padding: 0 1rem 0 1.75rem;
    cursor: pointer;
}

.wpcf7-list-item label input[type="radio"]~.wpcf7-list-item-label:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    content: "\f111";
    color: var(--StoneGrey);
    font-size: 1.25em;
    font-weight: 400;
}

.wpcf7-list-item label input[type="radio"]:checked~.wpcf7-list-item-label:before {
    content: "\f058";
    color: var(--GlacialBlue);
    font-weight: 700;
}

.wpcf7-list-item label input[type="checkbox"]~.wpcf7-list-item-label:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 6 Free";
    content: "\f0c8";
    color: var(--StoneGrey);
    font-size: 1.25em;
    font-weight: 400;
}

.wpcf7-list-item label input[type="checkbox"]:checked~.wpcf7-list-item-label:before {
    content: "\f14a";
    color: var(--GlacialBlue);
    font-weight: 700;
}

main#TPOArticleMain h1 {
    font-family: futura-pt;
    text-transform: uppercase;
    color: var(--NavyBlue);
    font-weight: 700;
}
TP_RateForm label span.radio-118 {
    display: flex;
}

#TP_RateForm .main-form-wrapper.wpcf7-response-output.wpcf7-display-none {
    padding-bottom: 0;
    margin-bottom: 0;
}

#TPO-checkBox .wpcf7-list-item.last {
    display: none;
}

.TPOSubmit-wrapper .wpcf7-submit {
    max-width: 100%;
}

.main-form-wrapper.alert-success .form-wrapper {
    display: none;
}

.wpcf7-display-none .message-wrapper {
    display: none;
}

.TPOSubmit-wrapper input[type="submit"] {
    background: var(--GlacialBlue);
    color: var(--White);
    border: none;
    padding: 0.3rem 2rem;
}

.TPOSubmit-wrapper {
    margin-top: 1rem;
}

.TPO-Con-Wrap label {
    line-height: 2.2;
}

.TPO-Con-Wrap br {
    display: none;
}

#TP_RateForm .TPO-checkBox .form-control {
    background-color: transparent;
    height: unset;
    padding: unset;
}


#TP_RateForm {
    padding: 1rem 0 3rem 0;
    margin-top: 2rem;
  }

#TP_RateForm .wpcf7-list-item label input[type="radio"]~.wpcf7-list-item-label:before {
    background-color: #fff;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    left: unset;
    content: "";
    position: relative;
    top: unset;
    transform: unset;
    margin-right: 0.5rem;
    border: solid 2px var(--StoneGrey);
    display: flex;
    align-items: center;
    justify-content: center;
}

#TP_RateForm .wpcf7-list-item label input[type="checkbox"]~.wpcf7-list-item-label:before {
    display: block;
    font-family: "Font Awesome 6 Free";
    border: solid 2px var(--StoneGrey);
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.2em;
    height: 1.5em;
    width: 1.5em;
    margin-right: 0.5rem;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    content: "";
    flex: 0 0 1.5em;
}

#TP_RateForm .wpcf7-list-item label input[type="checkbox"]:checked~.wpcf7-list-item-label:before {
    content: "\f00c";
    color: var(--White);
    background-color: var(--GlacialBlue);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

#TP_RateForm .wpcf7-list-item label input[type="checkbox"]~.wpcf7-list-item-label,
#TP_RateForm .wpcf7-list-item label input[type="radio"]~.wpcf7-list-item-label {
    display: flex;
    padding: 0.5rem 1rem 0 0;
    cursor: pointer;
    line-height: 1.3em;
    align-items: center;
}
#TP_RateForm #drop-down {
    width: 100%;
    background: white;
    border: 1px solid var(--StoneGrey);
    padding: .8rem 0.2rem;
    color: var(--StoneGrey);
}

#TP_RateForm .ajax-loader {
    position: absolute;
}
#TP_RateForm .wpcf7-textarea{
    border: 1px solid var(--StoneGrey);
    width:100%;
}
#TP_RateForm .wpcf7-form-control-wrap input::placeholder {
    color: var(--StoneGrey);
}
/* background for forms */
.green-card {
    background-color: var(--bkgd-color);
    border: solid 1px var(--StoneGrey);
    padding: 1rem 1.5rem;
    color: var(--StoneGrey);
}

#TP_RateForm label {
    margin-bottom: .5rem;
}
#TP_RateForm .wpcf7-form-control-wrap input {
    padding: 0.4rem;
    width: 100%;
    border: solid 1px var(--StoneGrey);
}

#TP_RateForm h2 {
    font-size: 3rem;
}

#TP_RateForm Label {
    text-transform: initial;
    width: 100%;
}

.TPO-checkBox span.wpcf7-list-item {
    display: table-row;
}

.TPO-checkBox span.wpcf7-list-item * {
    display: table-cell;
    text-align: left;
}

#TP_RateForm .image-wrapper {
    max-width: 200px;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 2rem;
}

#TP_RateForm .wpcf7-list-item label input[type="radio"]:checked~.wpcf7-list-item-label:before {
    content: "";
    color: var(--White);
    font-weight: 700;
    background-color: var(--GlacialBlue);
    font-size: 1rem;
    border-color: var(--White);
    box-shadow: 0 0 4px 0 var(--GlacialBlue);
}

#TP_RateForm .Hide-TPO {
    display: none;
}
/* Style bullets */
.bulletFonAWE li::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    left: 0;
    color: var(--PumpkinSpice);

}
 .bulletFonAWE li{
    position: relative;
    padding-left: 1.3rem;
 }
/* Overwites hover in navigation */
.mainmenu li.menu-item-has-children:hover .sub-menu {
  
    display: unset!important;
  
}