/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey: #cccccc;
    --FontAwesome: 'Font Awesome 5 Free';
    --font-html-size: 62.5%;
}

html {
    font-size: var(--font-html-size);
}

body {
    font-size: 1.6rem !important;
}

p {
    margin-bottom: 1.5rem;
}

.dark,
.dark p,
.dark td {
    color: var(--color-white);
}

.dark .widget a,
.dark a {
    color: var(--fs-experimental-link-color);
    text-underline-offset: 0.2rem;
}

.col-child-left > .col-inner {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.col-child-center > .col-inner {
    margin-right: auto !important;
    margin-left: auto !important;
}

.col-child-right > .col-inner {
    margin-right: 0 !important;
    margin-left: auto !important ;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: hsla(0, 0%, 100%, 1);
}

.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--color-black);
}

.notgoi {
    -moz-box-shadow: 0px 10px 14px -7px #ec1a35;
    -webkit-box-shadow: 0px 10px 14px -7px #ec1a35;
    box-shadow: 0px 10px 14px -7px #ec1a35;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f11a37), color-stop(1, #ec1a35));
    background: -moz-linear-gradient(top, #f11a37 5%, #ec1a35 100%);
    background: -webkit-linear-gradient(top, #f11a37 5%, #ec1a35 100%);
    background: -o-linear-gradient(top, #f11a37 5%, #ec1a35 100%);
    background: -ms-linear-gradient(top, #f11a37 5%, #ec1a35 100%);
    background: linear-gradient(to bottom, #f11a37 5%, #ec1a35 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f11a37', endColorstr='#ec1a35',GradientType=0);
    background-color: #ec1a35;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 13px 32px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #b50119;
}


td, th {
    border-bottom: 1px solid #ececec;
    font-size: 1em;
    line-height: 1.3;
    padding: .5em;
    text-align: left;
}

table {
    border-collapse:collapse;
}

.border table td, .border table th {
    padding: .5em !important;
    border-color: #ccc;
} 


@media only screen and (max-width: 849px) {
    /*************** ADD TABLET CSS HERE  ***************/
    .table-wraper.overflow {
        padding:0 0.1rem;
        overflow-x:auto;
        scrollbar-width:thin
    }
    .table-wraper.overflow table {
        min-width:849px;
    }
    .searchform-wrapper {
        font-size: 1.6rem;
    }

    .select-resize-ghost,
    .select2-container .select2-choice,
    .select2-container .select2-selection,
    input[type='date'],
    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='text'],
    input[type='url'],
    select,
    textarea {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 549px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}