/* =WordPress Core
/* All code and design is the intellectual property (IP) of Avex Designs, LLC
-------------------------------------------------------------- */
/*.prev-block .box {*/
/*-webkit-mask-image: -webkit-radial-gradient(circle, white, black);*/
/*}*/

.jcf-select .jcf-select-opener:before,
.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
    font-family: FontAwesome !important;
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: inherit;

    display: inline-block;

    vertical-align: top;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* custom radio styles */

.jcf-radio {
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 110px;
    height: 40px;
    margin: 0 3px 0 0;

    cursor: default;
    vertical-align: middle;

    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fafafa;
}

.jcf-radio:before {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 10px;

    width: 22px;
    height: 22px;

    content: '';
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);

    border-radius: 100%;
}

.light + .jcf-radio:before {
    background-color: rgb(186, 232, 240);
}

.medium + .jcf-radio:before {
    background-color: rgb(93, 196, 213);
}

.dark + .jcf-radio:before {
    background-color: rgb(0, 137, 174);
}

.jcf-radio span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    border: 2px solid #0a8fb1;
}

.jcf-radio input[type='radio'] {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin: 0;

    border: 0;
}

.jcf-radio.jcf-checked span {
    display: block;
}

/* custom select styles */

.jcf-select {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 150px;
    height: 40px;
    margin: 0 0 20px;
    vertical-align: top;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background: #fafafa;
}

.jcf-select select {
    z-index: 1;
    top: 0;
    left: 0;
}

.jcf-select .jcf-select-text {
    font-size: 14px;
    line-height: 22px;

    display: block;
    overflow: hidden;

    margin: 0 35px 0 8px;
    padding: 8px 0;

    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #000;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 26px;

    text-align: center;
}

.jcf-select .jcf-select-opener:before {
    position: absolute;
    top: 50%;
    left: 50%;

    content: '\f107';
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

body > .jcf-select-drop {
    position: absolute;
    z-index: 9999;

    margin: -1px 0 0;
}

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
    position: absolute;
    z-index: 9999;
    top: 100%;
    right: -1px;
    left: -1px;

    margin-top: 0;
}

.jcf-select .jcf-drop-flipped {
    top: auto;
    bottom: 100%;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #d6d6d6;
}

/* multiple select styles */

.jcf-list-box {
    display: inline-block;
    overflow: hidden;

    min-width: 200px;
    margin: 0 15px;

    border: 1px solid #b8c3c9;
}

/* select options styles */

.jcf-list {
    font-size: 14px;
    line-height: 22px;

    position: relative;

    display: inline-block;

    width: 100%;

    vertical-align: top;

    background: #fcfcfc;
}

.jcf-list .jcf-list-content {
    display: inline-block;
    overflow: auto;

    width: 100%;

    vertical-align: top;
}

.jcf-list ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.jcf-list ul li {
    display: block;
    overflow: hidden;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    display: block;
    overflow: hidden;

    height: 1%;
    padding: 5px 9px;

    cursor: default;

    color: #9b9b9b;
}

.jcf-list .jcf-disabled {
    color: #aaa !important;
    background: #fff !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    color: #000;
    background: #e6e6e6;
}

.jcf-list .jcf-optgroup-caption {
    font-weight: bold;

    display: block;

    padding: 5px 9px;

    cursor: default;
    white-space: nowrap;

    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

/* custom number input styles */

.jcf-number {
    position: relative;

    display: inline-block;

    width: 100%;
    height: 40px;
}

.jcf-number input {
    -moz-appearance: textfield;
}

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.jcf-number input {
    font-size: 14px;
    line-height: 22px;

    box-sizing: border-box;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 8px 27px 8px 7px;

    color: #000;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #fafafa;
}

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
    position: absolute;
    top: 1px;
    right: 1px;

    width: 20px;
    height: 19px;
}

.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.jcf-number .jcf-btn-dec {
    top: auto;
    bottom: 1px;
}

.jcf-number .jcf-btn-dec:hover,
.jcf-number .jcf-btn-inc:hover {
    background: #e6e6e6;
}

.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
    background: #aaa;
}

.jcf-number .jcf-btn-dec:before {
    content: '\f107';
}

.jcf-number .jcf-btn-inc:before {
    content: '\f106';
}

.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before,
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before {
    opacity: .3;
}

.jcf-number.jcf-disabled input {
    background: #ddd;
}

/* common custom form elements styles */

.jcf-disabled {
    background: #ddd !important;
}

.blue .options .number,
.blue .options .measurement {
    color: #0a8fb1;
}

.blue .calculator-form .jcf-label-active {
    color: #0a8fb1;
}

.red .options .number,
.red .options .measurement {
    color: #d0021b;
}

.red .calculator-form .jcf-label-active {
    color: #d0021b;
}

.olive .slick-dots .slick-active button:after {
    border-color: #d9d5b9;
    background-color: rgba(217, 213, 185, .7);
}

.olive .options .number,
.olive .options .measurement {
    color: #d9d5b9;
}

.olive .calculator-form .jcf-label-active {
    color: #d9d5b9;
}

.options {
    width: 100%;
    margin-bottom: 23px;
}

.options .title {
    display: block;
    font-size: 16px;
    color: inherit;
}

.options .box {
    position: relative;
    padding: 2px 0;
    text-align: left;
    border: 0;
    margin-bottom: 14px;
}

.options .box:first-child:after {
    display: none;
}

.options .number {
    /*font-size: 28px;*/
    /*    display: block;*/
    word-break: break-all;
    line-height: 34px;
    display: inline-block;
    vertical-align: top;
    /*    margin: 5px 10px 0 0;*/
    margin: 0 5px 0 0;
}

.options .measurement {
    vertical-align: bottom;
    line-height: 32px;
}

table.options {
    width: 100%;
    margin-bottom: 23px;
}

table.options td,
table.options th {
    position: relative;

    padding: 2px 0;

    text-align: left;

    border: 0;
}

table.options td:first-child:after,
table.options th:first-child:after {
    display: none;
}

table.options th {
    font-weight: 400;

    padding-bottom: 6px;
}

table.options td {
    vertical-align: middle;
}

table.options .number {
    font-size: 28px;

    display: block;
}

.generated-section .container {
    max-width: 1100px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.calculator-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding-top: 20px;

    border-top: 1px solid rgba(0, 0, 0, .1);

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.calculator-form .title {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;

    display: block;

    width: 100%;
}

.radio-holder {
    position: relative;

    width: 110px;
}

.radio-holder label {
    font-size: 16px;
    line-height: 22px;

    position: absolute;
    z-index: 1;
    top: 50%;
    left: 40px;

    display: block;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.radio-holder .jcf-label-active {
    display: block;
}

.radio-holder .radio-box {
    position: relative;

    margin-bottom: 9px;
}

.footnote {
    margin: 20px 0 0 0;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0px;
    text-align: left;
    width: 100%;
    color: #9B9B9C;
}

.input-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;

    width: 51%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.generated-info {
    font-size: 14px;
    line-height: 22px;
    /*width: 100%;*/
}

.generated-info h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 1px;
    letter-spacing: -1px;
    color: #4a4a4a;
    font-weight: 400;
}

.generated-info .img-holder {
    margin-bottom: 20px;

    text-align: center;
}

.generated-info .img-holder img {
    vertical-align: top;
}

@media (min-width: 768px) {
    .jcf-radio {
        width: 68px;
        height: 50px;
        margin: 0;
    }

    .jcf-radio:before {
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 50%;

        content: '';
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
    }

    .jcf-select {
        height: 50px;
        margin: 0 0 12px;
    }

    .jcf-select .jcf-select-text {
        font-size: 16px;
        line-height: 26px;
        padding: 10px 0;
    }

    .jcf-list {
        font-size: 16px;
        line-height: 26px;
    }

    .jcf-number {
        height: 50px;
    }

    .jcf-number input {
        font-size: 20px;
        line-height: 28px;

        height: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .jcf-number .jcf-btn-dec,
    .jcf-number .jcf-btn-inc {
        height: 24px;
    }

    .options {
        display: table;

        margin-bottom: 37px;

        table-layout: fixed;
    }

    .options .box {
        display: table-cell;

        width: 33.33%;
        padding: 0 25px;
    }

    .options .box:first-child {
        padding-left: 0;
    }

    .options .box:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;

        width: 1px;

        content: '';

        background-color: rgba(0, 0, 0, .1);
    }

    .options .number {
        /*font-size: 48px;*/
        line-height: 54px;
        display: inline-block;
        vertical-align: top;
    }

    .options .measurement {
        line-height: 50px;
    }

    table.options {
        margin-bottom: 37px;
    }

    table.options td,
    table.options th {
        padding: 0 25px;
    }

    table.options td:first-child,
    table.options th:first-child {
        padding-left: 0;
    }

    table.options td:after,
    table.options th:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;

        width: 1px;

        content: '';

        background-color: rgba(0, 0, 0, .1);
    }

    table.options .number {
        /*font-size: 48px;*/
        line-height: 54px;

        display: inline-block;

        vertical-align: top;
    }

    table.options .measurement {
        line-height: 54px;
    }

    .calculator-form {
        padding-top: 35px;
    }

    .calculator-form .title {
        font-size: 16px;
        line-height: 22px;

        margin-bottom: 1px;
    }

    .calculator-form .box {
        width: 46%;
    }

    .box label {
        font-size: 16px;
    }

    .radio-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 220px;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .radio-holder label {
        top: 0;
        right: 0;
        left: auto;

        display: none;

        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .radio-holder .radio-box {
        position: static;

        display: inline-block;

        vertical-align: top;
    }

    .input-holder {
        flex-direction: row;

        width: 63%;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .generated-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: 39px;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /*
        .generated-info h2
        {
            font-size: 28px;
            line-height: 48px;

            margin-bottom: 1px;

            letter-spacing: -1px;
        }
    */
    .generated-info .img-holder {
        width: 27%;

        text-align: left;
    }
}

@media (min-width: 1024px) {
    .calculator {
        padding-left: 44px;
    }
}

@media (max-width: 767px) {
    .generated-section {
        padding: 0 25px;
    }

    .calculator-form .title, .box label, .jcf-select .jcf-select-text, .jcf-list {
        font-size: 16px;
        padding-bottom: 10px;
    }
}

@media (max-width: 374px) {
    .generated-section {
        padding: 0;
    }
}

/** My changes **/

.generated-info .text-holder {
    font-size: 16px;
    line-height: 26px;
    width: 90%;
    margin: 0;
    padding: 0;
    height: 300px;
    letter-spacing: -.25px;
    position: absolute;
}

form#newsletter-signup-2.yikes-easy-mc-form.yikes-easy-mc-form-2 button.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-2.btn.btn-primary.admin-logged-in,
form#newsletter-signup-2.yikes-easy-mc-form.yikes-easy-mc-form-2.customize-unpreviewable button.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-2.btn.btn-primary.admin-logged-in {
    position: relative !important;
}

.generated-info {
    /*height: 140px;*/
    /*margin-bottom: 20px;*/
}

/*table#calculator-table {*/
/*margin-top: 120px;*/
/*width: 150%;*/
/*height: 150%;*/
/*}*/

div#wrapper main#main div.categories-sections div.metric.metric-counter div#odometer.odometer.odometer-theme-train-station.odometer-animating-up div.odometer-inside span.odometer-digit {
    vertical-align: super;
    font-size: 50px;
}

span.odometer-formatting-mark {
    font-size: 90px;
    padding: 0 8px;
    vertical-align: baseline;
}

@media screen and (orientation: landscape) {

    div.container.main-page-content div.generated-info table#calculator-table tbody tr td div.img-holder {

        /*margin-top: 70px;*/
    }
}

div#wrapper main#main div.categories-sections section#savings-tool-calculator.generated-section.blue div.container.main-page-content div.generated-info div.text-holder {
    position: absolute;
    float: right;
    clear: both;
    margin-left: 300px;
    margin-top: 50px;
    /*-webkit-margin-before: 150px;*/
    max-width: 500px;
}

/** only firefox */
@-moz-document url-prefix() {

    table#calculator-table {
        margin-top: 0;
    }

    .main-banner .slideshow .slide {

        padding-right: 0;
    }

}

.charts-container.posts-column-holder {
    padding-bottom: 0;
}

.post-side-block {
    margin-bottom: 0;
}

span.measurement, span.number {
    vertical-align: baseline !important;
    /*margin-left: -5px;*/
}

span.number {
    font-size: 27px;
}

span.milbil {
    font-size: 22px;
}

span.measurement {
    font-size: 17px;
}

.metric-counter {
    padding-top: 160px;
}

p.footnote {
    line-height: 0;
    margin-top: 22px;
}

.category-banner .category-list li {
    opacity: 0;
    transform: translateX(-50px)
}

div.generated-info div.img-holder img {
    max-width: unset !important;
    width: 250px !important;
    height: 250px !important;
    padding: 0;
}

div.radio-holder, div.input-holder {
    margin: 0 3px;
}
@media all {
    article.type-post p {
        word-wrap:break-word;
    }
}
/** fixes bug where play button intermittently shows on video due to plugin css setting height and width **/
/*button.center { display:none !important; }*/

@media (max-width: 768px) and (orientation: portrait) {
    div.generated-info div.img-holder img {
        /*-webkit-margin-before: 40px;*/
    }
    div.radio-holder, div.input-holder {
        margin: 0 20px 0 0;
    }


    /*div.calculator { margin-top:140px;}*/
    div.container.main-page-content div.generated-info table#calculator-table tbody tr td div.img-holder {

        margin-left: 150px;
    }

    div.container.main-page-content div.generated-info table#calculator-table tbody tr td div.img-holder {
        margin-left: 50%;
        /*margin-top: 10%;*/
    }

}

/* Start mobile styling */
@media (max-width: 768px) {

    /*.generated-section .container {*/
        /*margin: auto 0;*/
        /*padding: auto 0;*/
    /*}*/

    div#wrapper main#main div.categories-sections div.metric.metric-counter div#odometer.odometer.odometer-theme-train-station.odometer-animating-up div.odometer-inside span.odometer-digit {
        vertical-align: super;
        font-size: 30px;
    }

    span.odometer-formatting-mark {
        font-size: 50px;
        padding: 0 8px;
        vertical-align: baseline;
    }

    div#wrapper main#main div.categories-sections section#savings-tool-calculator.generated-section.blue div.container.main-page-content div.generated-info div.text-holder {
        position: unset;
        float: unset;
        clear: unset;
        margin: unset;
        width: unset;
    }

    .generated-info .text-holder {
        height: unset;
    }

    div.container.main-page-content div.generated-info {
        height: 165px;
    }

    span.measurement, span.number, span.milbil {
        background-color: white;
        border-radius: 3px;
        padding: 0;
        vertical-align: baseline !important;
    }

    span.number {
        font-size: 25px;
    }

    span.milbil {
        font-size: 20px;
    }

    span.measurement {
        font-size: 15px;
        margin-left: -5px;
    }

    div.generated-info div.img-holder img {
        width: 210px !important;
        height: 210px !important;
        max-width: unset;
        /*padding-top:30px !important;*/
    }

    div.generated-info div.img-holder {
        padding-bottom: 30px;
        margin-left: 150px;
    }

    table#calculator-table {
        margin-top: 0;
    }

    table#calculator-table tbody th td {
        vertical-align: bottom;
    }

    p.footnote {
        line-height: 1.2;
    }

    /** so calculator selects line up **/
    .jcf-select {
        margin: -2px 0 30px 0;
    }

    .generated-section {
        padding-left: 0;
        padding-right:0;
    }

}

/* End mobile styling */

/** landscape on small screen .. may add mobile classes if needed **/
@media screen and (orientation: landscape) and ( max-width: 768px) {

    div.generated-info div.img-holder {
        margin-left: 275px !important;
        margin-top: -30px;
    }

    div.input-holder {
        width: unset;
        /*position: absolute;*/
        /*float: left;*/
        /*clear: both;*/
    }

    div.options div.box {
        /*position: relative;*/
        /*float: right;*/
        padding: 0;
        text-align: right;
        /*wrap*/
    }

    div.options {
        width: 90%;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding-bottom:20px;
    }

    div.options {
        position: absolute;
        float: right;
    }

    form.savings-tool-calculator-form {
        float: right;
    }

    /*div.container.main-page-content div.generated-info {*/
    /*height: unset;*/
    /*}*/
    /*.jcf-select { width: 100px; }*/
    .calculator-form {
        width: 46%;
    }

    .calculator-form {
        border-top: none;
    }

    div.container.main-page-content div.generated-info {
        height: 100px;
    }

    .options .number {
        line-height: 20px;
    }

}

/* End my changes */
.newsletter-section .container
{display:none!important;}