@primaryColor: #c0a375;
@secondaryColor: #bfcecb;
@successColor: #90a878;
@infoColor: #7e9b9f;
@warningColor: #f3c649;
@dangerColor: #f28281;
@titleFont: 'Montserrat-VariableFont_wght';
@subtitleFont: 'Lora-VariableFont_wght';
@textFont: 'Raleway-VariableFont_wght';
@isRoundedButtons: true;
@isAnimatedOnScroll: true;
@isScrollToTopButton: false;
@isRtl: false;
// MIXINS

.button-variant(@background) {

    @color: #fff;
    @border: @background;

    @active-background: if(
        eq(@background, @color),
        #d4d4d4,
        darken(@background, 15%)
    );
    @active-color: @color;
    @active-border: @active-background;

    background-color: @background;
    border-color: @border;
    color: @color;

    &:hover,
    &:focus,
    &.focus,
    &:active,
    &.active {
        color: @active-color;
        background-color: @active-background;
        border-color: @active-border;
    }

    &.disabled, &:disabled {
        color: @active-color !important;
        background-color: @active-background !important;
        border-color: @active-border !important;
    }

}

.button-outline-variant(@color) {

    @active-color: #fff;
    @active-background: @color;
    @new-color: if(
        eq(@color, @active-color),
        #fff,
        darken(@color, 20%)
    );

    background: none;
    border-color: @new-color;
    color: @new-color;

    &:hover,
    &:focus,
    &.focus,
    &:active,
    &.active {
        color: @active-color;
        background-color: @active-background;
        border-color: @active-background;
    }

    &.disabled, &:disabled {
        color: @active-color !important;
        background-color: @active-background !important;
        border-color: @active-background !important;
    }

}

.plan-variant(@className, @color) {
    &@{className} {
        .mbr-plan-subtitle,
        .mbr-plan-price-desc {
            @max: max(red(@color), green(@color), blue(@color));
            & when (@max > 200) {
                color: lighten(@color, 40%);
            }
            & when (@max > 85) and (@max <= 200) {
                color: lighten(@color, 25%);
            }
            & when (@max > 50) and (@max <= 85) {
                color: lighten(@color, 45%);
            }
            & when (@max <= 50) {
                color: lighten(@color, 70%);
            }
        }
    }
}

.subtitleFont() {
    font-family: @subtitleFont;
    & when not(includes(@subtitleFont, 'Lora')) {
        font-style: normal;
    }
}

body, input, textarea,
.mbr-company .list-group-text {
    font-family: @textFont;
}
.mbr-footer-content, .mbr-footer .mbr-contacts {
    li {
        font-family: @textFont;
    }
}

.btn, .alert,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4,
.mbr-figure .mbr-figure-caption,
.mbr-gallery-title,
.mbr-map [data-state-details],
.mbr-price {
    font-family: @titleFont;
}

.mbr-footer-content,
.mbr-footer .mbr-contacts {
    h1, h2, h3, h4,
    p strong, strong {
        font-family: @titleFont;
    }
}

.btn when(@isRoundedButtons) {
    border-radius: 1.6em;
}

.mbr-subscribe .btn when(@isRoundedButtons) {
    border-radius: 1.6em !important;
}

.btn-sm,
.lead a, .lead blockquote,
.mbr-section-subtitle,
.mbr-section-hero .mbr-section-lead,
.mbr-cards .card-subtitle,
.mbr-testimonial .card-block {
    .subtitleFont();
}

.mbr-author {
    &-name { font-family: @titleFont; }
    &-desc { .subtitleFont(); }
}

.mbr-plan {
    &-title { font-family: @titleFont; }
    &-subtitle, &-price-desc {
        .subtitleFont();
    }
}

.bg-primary { background-color: @primaryColor !important; }
.bg-success { background-color: @successColor !important; }
.bg-info { background-color: @infoColor !important; }
.bg-warning { background-color: @warningColor !important; }
.bg-danger { background-color: @dangerColor !important; }

.btn-primary { .button-variant(@primaryColor); }
.btn-secondary { .button-variant(@secondaryColor); }
.btn-info { .button-variant(@infoColor); }
.btn-success { .button-variant(@successColor); }
.btn-warning { .button-variant(@warningColor); }
.btn-danger { .button-variant(@dangerColor); }

.btn-primary-outline { .button-outline-variant(@primaryColor); }
.btn-secondary-outline { .button-outline-variant(@secondaryColor); }
.btn-info-outline { .button-outline-variant(@infoColor); }
.btn-success-outline { .button-outline-variant(@successColor); }
.btn-warning-outline { .button-outline-variant(@warningColor); }
.btn-danger-outline { .button-outline-variant(@dangerColor); }

.text-primary { color: @primaryColor !important; }
.text-success { color: @successColor !important; }
.text-info { color: @infoColor !important; }
.text-warning { color: @warningColor !important; }
.text-danger { color: @dangerColor !important; }

.alert-success { background-color: @successColor; }
.alert-info { background-color: @infoColor; }
.alert-warning { background-color: @warningColor; }
.alert-danger { background-color: @dangerColor; }

.btn-social {
    border-color: @primaryColor;
    &:hover { background: @primaryColor; }
}

.mbr-company .list-group-item.active .list-group-text {
    color: @primaryColor;
}

.mbr-footer {
    p, ul {
        a {
            color: @primaryColor;
        }
    }
}
.mbr-footer-content, .mbr-footer .mbr-contacts {
    li {
        &::before { background: @primaryColor; }
        a:hover { color: @primaryColor; }
    }
}

.lead {
    a, a:hover { color: @primaryColor; }
    blockquote { border-color: @primaryColor; }
 }

.mbr-plan-header {
    .plan-variant(~'.bg-primary', @primaryColor);
    .plan-variant(~'.bg-success', @successColor);
    .plan-variant(~'.bg-info', @infoColor);
    .plan-variant(~'.bg-warning', @warningColor);
    .plan-variant(~'.bg-danger', @dangerColor);
}

.mbr-small-footer a,
.mbr-gallery-filter li:hover {
    color: @primaryColor;
}

.scrollToTop_wraper when not(@isScrollToTopButton) {
    display: none;
}


.form-control {
    // background: #eef2f7;
    padding:0.9rem;
}

.align-center {
    text-align: center;
}

.col,
.col-12,
.col-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

form a.btn {
    margin:0;
}

.mx-auto {
    margin: 0 auto;
}

section.custom-form .container,
section.form .container {
    display:flex;
}

.form-row {
    display:flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}


// addon: mobirise3-blocks

.extCountdown1,
.extCountdown2 {
    .number {
        font-family: @titleFont;
    }
    .period {
        .subtitleFont();
    }
    .dot {
        font-family: @titleFont;
    }
}

.features6 {
    .feature-subtitle {
        .subtitleFont();
    }
    .feature-title {
        font-family: @titleFont;
    }
    .description {
        font-family: @textFont;
    }
}

.count, .counter-title {
    font-family: @titleFont;
}
.counter-subtitle {
    .subtitleFont();
}

.mbr-iconfont-counters1 {
    color: @primaryColor;
}

.extHeader1,
.extHeader2,
.extHeader3,
.extHeader5,
.extHeader6,
.extHeader7,
.extHeader8,
.extHeader9,
.extHeader10,
.extHeader12,
.extHeader13,
.extFeatures10 {
    .container h3 {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
}
.extHeader5 {
    .container label {
        .subtitleFont();
    }
}
.extHeader9 {
    form p.form-subtitle {
        font-family: @titleFont;
    }
}
.extHeader11 {
    .container span {
        font-family: @titleFont;
    }
    .container p.element {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
}
.extHeader12,
.extFeatures10 {
    h4 {
        font-family: @titleFont;
    }
    .subtitle {
        .subtitleFont();
    }
}
.extHeader13 {
    h4 {
        font-family: @titleFont;
    }
    .number {
        font-family: @titleFont;
    }
    .period {
        .subtitleFont();
    }
    .dot {
        font-family: @titleFont;
    }
}

.extFeatures {
    .feature-title {
        font-family: @titleFont;
    }
    .feature-subtitle {
        .subtitleFont();
    }
    .feature-text {
        font-family: @textFont;
    }
}
.extFeatures2 h4 {
    font-family: @titleFont;
}
.extFeatures3 .border-wrap {
    border-color: @primaryColor;
}
.extFeatures4,
.extFeatures6,
.extFeatures5 .card-title {
    h4 {
        font-family: @titleFont;
    }
    h5 {
        .subtitleFont();
    }
}

.extForm1,
.extForm2,
.extForm3,
.extForm4 {
    h4 {
        font-family: @titleFont;
    }
    .subtitle {
        .subtitleFont();
    }
}
.extForm2 {
    .container h3 {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
}

.extPricingTable1 {
    .bottom_line {
        border-bottom-color: @primaryColor;
    }
    .mbr-price small {
        .subtitleFont();
    }
    .mbr-plan-label {
        background: @primaryColor;
    }
}

.extCounters2 {
    h4 {
        font-family: @titleFont;
    }
    h5 {
        .subtitleFont();
    }
}
.extCounters3 {
    .count {
        font-family: @titleFont;
    }
    .counter-title {
        font-family: @titleFont;
    }
    .counter-subtitle {
        .subtitleFont();
    }
}

.extProgressBar {
    .progress-primary[value]::-webkit-progress-value {
        background-color: @primaryColor;
    }
    .progress-primary[value]::-moz-progress-bar {
        background-color: @primaryColor;
    }
    @media screen and (min-width: ~'0\0') {
        .progress-primary .progress-bar {
            background-color: @primaryColor;
        }
    }
    .title-wrap {
        .subtitleFont();
    }
}

.extProgressBarRound .progress-radial .overlay {
    font-family: @titleFont;
}

.extProgressBar4 {
    .feature-title {
        font-family: @titleFont;
    }
    .feature-subtitle {
        .subtitleFont();
    }
}

.extTabs1, .extTabs2 {
    ul.nav-tabs li a:hover {
        color: @primaryColor;
    }
}

.extAccordion1 .panel-heading a {
    font-family: @textFont;
}

.extAccordion1,
.extAccordion2,
.extToggle1 {
    .pseudoPlus, .pseudoPlus:after, .pseudoMinus {
        background-color: @primaryColor;
    }
}

.extAccordion2,
.extAccordion3,
.extToggle1 {
    .panel-heading a {
        font-family: @textFont;
    }
}

.extProgressBar5 {
    .progress-primary[value]::-webkit-progress-value {
        background-color: @primaryColor;
    }
    .progress-primary[value]::-moz-progress-bar {
        background-color: @primaryColor;
    }
    @media screen and (min-width: ~'0\0') {
        .progress-primary .progress-bar {
            background-color: @primaryColor;
        }
    }
    .title-wrap {
        .subtitleFont();
    }
}

.extMsg-box1 {
    .container h3 {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
    h4 {
        font-family: @titleFont;
    }
    .subtitle {
        .subtitleFont();
    }
}
.extMsg-box2,
.extMsg-box3,
.extMsg-box4 {
    .container span {
        font-family: @titleFont;
    }
    .container p {
        .subtitleFont();
    }
}

.extProgressBarRound {
    .pie_progress__number {
        font-family: @titleFont;
    }
}
.extMenu1{
    span.icon a:hover{
        color: @primaryColor !important;
    }
}
.extProgressBar{
    .progress-primary[value]::-ms-fill{
        color: @primaryColor;
    }
}
.extProgressBar5{
    .progress-primary[value]::-ms-fill{
        color: @primaryColor;
    }
}

.theme-border{
    border: 1px solid @primaryColor;
}
@isPublish: true;