/*
Theme Name: Zest Child Theme
Theme URI: https://zestsms.com
Version: 1.0
Description: A child theme built by ZestSMS
Author: ZestSMS
Author URI: https://zestsms.com
template: bb-theme
*/

/* -- Misc -- */
.off-screen,
.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="number"],
input[type="search"],
input[type="url"],
textarea {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.searchform .searchsubmit {
    color: #062d49;
    position: absolute;
    right: 0;
    top: 1px;
    border-radius: 0;
    background: transparent;
    border: 0;
}

b,
strong {
    font-weight: 600;
}

@font-face {
    font-family: "sonder_sansblack";
    src: url("./fonts/sondersans-black-webfont.woff2") format("woff2"),
        url("./fonts/sondersans-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_sansblack_rough";
    src: url("./fonts/sondersans-blackrough-webfont.woff2") format("woff2"),
        url("./fonts/sondersans-blackrough-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_sansbold";
    src: url("./fonts/sondersans-bold-webfont.woff2") format("woff2"),
        url("./fonts/sondersans-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_sansbold_rough";
    src: url("./fonts/sondersans-boldrough-webfont.woff2") format("woff2"),
        url("./fonts/sondersans-boldrough-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_sansregular";
    src: url("./fonts/sondersans-regular-webfont.woff2") format("woff2"),
        url("./fonts/sondersans-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_sansrough";
    src: url("./fonts/sondersans-rough-webfont.woff2") format("woff2"),
        url("./fonts/sondersans-rough-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_slabblack";
    src: url("./fonts/sonderslab-black-webfont.woff2") format("woff2"),
        url("./fonts/sonderslab-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_slabblack_rough";
    src: url("./fonts/sonderslab-blackrough-webfont.woff2") format("woff2"),
        url("./fonts/sonderslab-blackrough-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_slabbold";
    src: url("./fonts/sonderslab-bold-webfont.woff2") format("woff2"),
        url("./fonts/sonderslab-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sonder_slabbold_rough";
    src: url("./fonts/sonderslab-boldrough-webfont.woff2") format("woff2"),
        url("./fonts/sonderslab-boldrough-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* -- Header -- */

/* -- Content -- */
.frm_cc_number input {
    background: url("./images/cards.png") no-repeat 3px -627px;
    padding-left: 50px !important;
    -webkit-transition: none;
    transition: none;
}
.frm_cc_number input.visa {
    background-position: 3px -222px;
}
.frm_cc_number input.amex {
    background-position: 3px -42px;
}
.frm_cc_number input.mastercard {
    background-position: 3px -132px;
}
.frm_cc_number input.discover {
    background-position: 3px -267px;
}
.frm_cc_cvc {
    width: 60px !important;
}
.cvc-what-is-this {
    position: relative;
    color: #5a9cd5;
    text-decoration: underline;
    line-height: 30px;
    margin-left: 20px;
}

/* -- Footer -- */

/* -- Responsive -- */
@media (max-width: 768px) {
    .fl-col-small {
        max-width: 100%;
    }
}
/* Tablet Up (default BB breakpoint) */
@media (min-width: 768px) {
}

/* Desktop Up (default BB breakpoint) */
@media (min-width: 992px) {
}