/*
Theme Name: Hamela
Theme URI: https://hamelawp.themesflat.co/
Author: Themesflat
Author URI: https://themeforest.net/user/themesflat/portfolio
Description: Hamela is responsive multipurpose WordPress theme – truly a versatile theme perfect for any type of website you want. It provides multiple pre-built demos which can be imported in seconds using One Click Demo Import Plugin. The theme fully integrates with ThemesFlat By Themesflat.com and Elementor Page Builder Plugin that makes theme more user-friendly and easy. Additionally, theme features multiple blog layouts,  multiple header styles, multiple color options etc.
Version: 1.2.2
Tested up to: 5.9.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hamela
Tags: accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Tested up to: 7.4.4
Requires PHP: 5.4.2
*/
.main-header-contact .text-phone a {
    color: #ffff00;
}
.getQuotetopbar {
    background-color: #88ace0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 24px;
    width: 100%;
    max-width: 100px;
    text-align: center;
    margin-top: 4px;
}
.getQuoteTexttopbar,
.getQuoteTexttopbar:visited {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}

.getQuoteTexttopbar:hover{
    color: #fff;
    text-decoration: underline;
}

.main-button {
    position: relative;
    z-index: 1;
    padding: 22px 30px 22px 49px;
    min-width: 202px;
    border-radius: 3px;
    background: #ffff00;
    color: #003b5c;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: "Oswald";
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
}

.tfl-button .tfl-content-wrapper .yellowbtn:before {
    background: #88ace0 !important;
    color: #ffffff!important;
}

.tfl-button .tfl-content-wrapper .yellowbtn {
    background: #ffff00 !important;
}

    .tfl-button .tfl-content-wrapper .yellowbtn i {
        color: #ffffff !important;
    }

.tfl-button.tfl-style2 .tfl-content-wrapper .yellowbtn span.text {
    color: #003b5c !important;
}

.tfl-button a span.icon {
    line-height: 1 !important;
}

.bList {
    list-style: none;
    margin-left: 50px;
}

    .bList li::before {
        content: "\2022";
        color: #88ace0;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

.noBorder {
    border: none !important;
}

.footer-icons,
.footer-icons a {
    color: #ffff00 !important;
    font-size: 26px !important;
}

    .footer-icons a:hover {
        color: #ffffff !important;
    }

    .footer-icons table td,
    .footer-icons table td:first-child,
    .footer-icons table th:first-child {
        border: 0 !important;
    }

    .footer-icons table th:first-child {
        padding-left: 3px;
        padding-right: 3px;
    }

.icon-flex, .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-wrapper {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ffff00;
    font-size: 22px;
    width: 35px;
    height: 35px;
}
    .icon-wrapper:hover {
        border: 1px solid #ffffff;
    }

    .icon-wrapper i {
        color: #ffff00;
    }

    .icon-wrapper i:hover {
        color: #ffffff;
    }

.contact-list table td,
.contact-list table td:first-child,
.contact-list table th,
.contact-list table th:first-child,
.contact-list table a{
    border: 0 !important;
    text-align: left;
    color: #777777;
}

    .contact-list table th:first-child {
        color: #003b5c;
        vertical-align: top;
    }

.contact-list .icon-flex{
    float: left;
    padding-right: 10px;
}

    .contact-list .icon-flex,
    .contact-list .icon-flex a,
    .contact-list .icon-wrapper i {
        color: #88ace0 !important;
        font-size: 24px !important;
    }

        .contact-list .icon-flex a:hover,
        .contact-list .icon-wrapper i:hover
        {
            color: #114462 !important;
        }


.contact-list .icon-wrapper {
    border: 1px solid #88ace0;
}
.contact-list .icon-wrapper:hover {
    border: 1px solid #114462;
}

.YellowSubmit {
    position: relative !important;
    z-index: 1 !important;
    padding: 22px 30px 22px 49px !important;
    min-width: 202px !important;
    border-radius: 3px !important;
    background: #ffff00 !important;
    color: #003b5c !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    font-family: "Oswald" !important;
    text-decoration: none !important;
    display: inline-block !important;
    overflow: hidden !important;
}

.wpcf7-form input[type=text] {
    font-family: "Oswald", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #777777 !important;
}

.wpcf7-form input[type=submit] {
    font-family: "Oswald", Sans-serif !important;
    position: relative !important;
    z-index: 1 !important;
    padding: 22px 30px 22px 22px !important;
    width: 179px !important;
    border-radius: 3px !important;
    background: #ffff00 !important;
    color: #003b5c !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    font-family: "Oswald" !important;
    text-decoration: none !important;
    display: inline-block !important;
    overflow: hidden !important;
}

.selectUL,
.messagebox {
    background-color: transparent !important;
    font-family: "Oswald", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #777777 !important;
}

.selectUL option {
    color: #777777 !important;
}

    .selectUL .current {
        color: #777777 !important;
    }