/*
Theme Name: OSAM
Theme URI: https://osamboard.org
Author: Team Dzinepixel
Author URI: https://osamboard.org
Description: Our theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: OSAM
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/


.minus-a {
    padding: 1px 3px;
    border: 1px solid #ffffff47;
    cursor: pointer;
    background: #fff;
    color: #000;
}

.nrml-a {
    padding: 1px 4px;
    border: 1px solid #ffffff47;
    cursor: pointer;
    margin: 0px 5px;
    background: #fff;
    color: #000;
}

.plus-a {
    padding: 1px 3px;
    border: 1px solid #ffffff47;
    cursor: pointer;
    background: #fff;
    color: #000;
}

.row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.visitor-count {
    display: inline-block;
    border: 1px solid #fff;
    color: #000000;
    padding: 4px 16px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 8px;
    background: #ffffff;
    font-weight: 600;
}

.heading.heading-icon {
    display: block;
}

.padding-lg {
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
}

.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}

.practice-area .inner {
    border: 1px solid #999999;
    text-align: center;
    margin-bottom: 28px;
    padding: 40px 25px;
}

.our-webcoderskull .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border: 0;
}

.practice-area .inner h3 {
    color: #3c3c3c;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    padding: 10px 0;
}

.practice-area .inner p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.practice-area .inner img {
    display: inline-block;
}


.our-webcoderskull {
    background: url("http://www.webcoderskull.com/img/right-sider-banner.png") no-repeat center top / cover;

}

.our-webcoderskull .cnt-block {
    float: left;
    width: 100%;
    background: #ddd;

    text-align: center;
    border: 2px solid #d5d5d5;
    margin: 0 0 28px;
    height: 300px;
}

.cnt-block {
    float: left;
    width: 100%;
    background: #ddd;
}

.cnt-block a {
    font-size: 15px;
    color: #000;
}

.our-webcoderskull .cnt-block figure {
    width: 148px;
    height: 148px;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.our-webcoderskull .cnt-block img {
    width: 148px;
    height: 148px;
    border-radius: 100%;
}

.our-webcoderskull .cnt-block h3 {
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 0;
    text-transform: uppercase;
}

.our-webcoderskull .cnt-block h3 a {
    text-decoration: none;
    color: #2a2a2a;
}

.our-webcoderskull .cnt-block h3 a:hover {
    color: #337ab7;
}

.our-webcoderskull .cnt-block p {
    color: #2a2a2a;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
}

.our-webcoderskull .cnt-block .follow-us {
    margin: 20px 0 0;
}

.our-webcoderskull .cnt-block .follow-us li {
    display: inline-block;
    width: auto;
    margin: 0 5px;
}

.our-webcoderskull .cnt-block .follow-us li .fa {
    font-size: 24px;
    color: #767676;
}

.our-webcoderskull .cnt-block .follow-us li .fa:hover {
    color: #025a8e;
}


.marketing li {
    margin: 0px;
    padding: 0px 2px 0px 2px;
}

.main-menu-more {
    display: none;
}



.zoomer {
    float: left;
    display: block;
}

.zoomer img {
    width: 23px !important;
    height: 21px !important;
    float: left;
    margin: 2px 4px 0px 4px;
}

.zoomer button {
    border: none !important;
    background: none !important;
    padding: 0px !important;
    line-height: 0px !important;
    height: auto !important;
    position: relative;
    top: 0;
    cursor: pointer;
}

.elementor p {
    text-align: justify;
    line-height: 24px;
    font-size: 15px;
    color: #444444;
}

@media (max-width:850px) {
    .top-2-right {
        padding-right: 0;
        text-align: center;
    }

    .zoomer img {
        width: 15px !important;
        height: 15px !important;
        margin: 2px 0px 0px 4px;
    }
}

@media (max-width:768px) {
    .state-logo {
        width: 47px;
    }

    .logo img {
        width: 39px;
        margin-right: 6px;
    }

    .state-logo {
        padding: 3px 0;
        margin-right: 5px;
        padding-right: 5px;
    }

    .logo {
        padding-left: 48px;
    }

    .logo h1 {
        font-size: 10px;
        margin-top: 0;
        max-width: 199px;
        line-height: 10px;
    }

    .state-logo {
        width: 41px;
    }

    .logo a {
        top: 8px;
    }

    .top-2-right ul li:nth-child(2) img {
        margin-top: 8px;
    }

    .logo h3 {
        font-size: 9px;
    }

    .top-3 {
        position: absolute;
        top: 67px;
    }

    .top-2-right {
        padding-right: 36px;
    }

    .filter-apmc {
        margin-bottom: 16px;
    }

    table#tablepress-12 {
        min-width: 938px !important;
    }

    table#tablepress-17,
    table#tablepress-10 {
        min-width: 768px !important;
    }

    .page-heading h2 {
        font-size: 12px;
        margin-bottom: 0;
    }

    .page-heading ul li a {
        font-size: 10px;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #286e26 !important;
    }

    .announcement-bar .col-md-6:first-child {
        padding-left: 15px;
    }

    .announcement-bar .col-md-6:last-child {
        padding-right: 15px;
    }
}

@media(max-width:576px) {
    .minus-a {
        padding: 0px 1px;
    }

    .nrml-a {
        padding: 0px 2px;
        margin: 0px 2px;
    }

    .plus-a {
        padding: 0px 1px;
        ;
    }

    .top-2-right {
        width: 100%;
    }

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

    .logo {
        text-align: left;
    }

    .top-2-right ul li.cm-top h4 {
        font-size: 8px;
    }

    .top-2-right ul li.cm-top figure img {
        width: 38px;
    }

    .top-2-right ul li.cm-top {
        width: 147px;
    }

    .top-3 {
        top: 58px;
        border-bottom: none;
    }

    .top-2-right {
        padding-right: 0 !important;
        margin-top: -12px;
        border-top: 1px solid #e1fbe6;
    }

    .announcement-wrapper {
        margin-bottom: 15px;
    }

    .announcement-bar {
        bottom: -9px;
    }

    section.welcome-section .left {
        padding-top: 20px;
    }
}

@media(max-width:420px) {
    .top-2-right ul li.cm-top {
        width: 111px;
    }
}