@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
/* Insert your tt footer custom SASS styling. */
.footer-wrapper
{
    padding: 10px;

    color: #fff;
    background: #c4cd4a;
}

.footer-wrapper #block-sociallinks-3 li
{
    padding: 0 5px;
}

.footer-wrapper #block-sociallinks-3 li a
{
    padding: 0 11px;
}

.footer-wrapper #block-sociallinks-3 li a:before
{
    color: #fff;
}

.footer-wrapper #block-copyright
{
    text-align: right;
}

.footer #block-webform
{
    margin-bottom: 35px;
    padding-top: 30px;
}

.footer #block-webform .form-group
{
    display: inline-block;
}

.footer #block-webform .form-group label
{
    padding: 0 .5em;
}

@media all and (max-width: 768px)
{
    .footer #block-webform .form-group label
    {
        display: inline-block;

        min-width: 99px;
    }
}

.footer #block-webform .form-group .form-control
{
    display: inline-block;

    width: 270px;
}

.footer #block-webform .form-type-textarea
{
    width: 100%;
    margin-bottom: 25px;
}

.footer #block-webform .form-type-textarea .form-control
{
    width: 99.5%;
    margin: 0 .5rem;
}

.footer #block-webform .webform-button--submit
{
    margin: 0 .5rem;

    border-color: #f49712;
    background-color: #f49712;
}

[dir='rtl'] .footer #block-webform .form-group .form-control
{
    width: 257px;
}

[dir='rtl'] .footer #block-webform .form-type-textarea .form-control
{
    width: 99.5%;
}

[dir='rtl'] #block-copyright
{
    text-align: left;

    direction: rtl;
}