/*
Theme Name: Color WAMP
Description: Color WAMP is a WordPress theme, design and developed by WAMP InfoTech based on Google Material Design and WAMP Infotech Web Design using MaterializeCSS UI Framework with Material Icons. Color WAMP is perfectly responsive theme and free to use.
Version: 1.3.2
Author: WAMP Infotech Pvt Ltd
Author URI: https://www.wampinfotech.com/team
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: two-columns, right-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, threaded-comments, featured-images, theme-options, post-formats, footer-widgets, blog, news
Text Domain: color-wamp
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/**/

.sticky {
    position: sticky;
}

.gallery-caption,
.bypostauthor {
    color: #444;
    background-color: #fff;
    text-align: center;
}

/***************************************************************************************/

body {
    background-color: #eaeaea;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.5rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.66rem;
}

h5 {
    font-size: 1.33rem;
}

h6 {
    font-size: 1rem;
}

nav .nav-wrapper {
    background-color: #fff;
}

nav .nav-wrapper a {
    color: rgba(0, 0, 0, 0.8);
}

nav .nav-wrapper h1 small {
    font-size: 14px;
}

#nav-mobile .btn-floating i,
.search-form .btn-floating i.material-icons {
    color: rgba(0, 0, 0, 0.8);
}

.search-form button {
    margin-top: -48px;
}

@media only screen and (min-width: 601px) {
    nav .brand-logo {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }

    nav a.sidenav-trigger {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    nav .brand-logo {
        width: 75%;
        text-align: center;
        margin: 0;
    }

    nav.nav-extended {
        position: fixed;
        z-index: 997;
        top: 0;
    }

    body>.px-4,
    body>.p-4,
    body>section>.px-4,
    body>section>.p-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.tabs.tabs-transparent {
    overflow: visible;
}

.nav-content {
    box-sizing: border-box;
    top: 0px;
    z-index: 999;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.tabs.tabs-transparent>.tab.active>a {
    border-bottom: 2px solid #fff;
    color: #fff;
}

.tabs.tabs-transparent .sub-menu li a {
    color: rgba(0, 0, 0, 0.8);
}

.tabs .sub-menu .sub-menu {
    left: 100%;
    top: 0;
}

.sidenav .sub-menu {
    width: 100%;
}

.sidenav .sub-menu li a {
    width: 100%;
    padding: 0 32px;
}

.sidenav .search {
    line-height: initial;
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children ul {
    position: absolute;
    z-index: 9999;
    left: 0;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}

.menu-item-has-children ul li {
    display: block !important;
    width: 100%;
}

.menu-item-has-children ul li a {
    width: 100%;
    padding: 1em 18px;
    display: inline-block;
    white-space: pre;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.8) !important;
}

.tabs.tabs-transparent .tab.menu-item-has-children ul.sub-menu li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.menu-item-has-children:hover>ul {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.white-text .col ul li a,
.text-primary-light {
    color: rgba(255, 255, 255, 0.6);
}

.w-full {
    width: 100%;
}

.m-0 {
    margin: 0 !important;
}

.my-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mx-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-2 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.mx-4 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.ml-1 {
    margin-left: 0.5rem;
}

.ml-2 {
    margin-left: 1rem;
}

.mr-1 {
    margin-right: 0.5rem !important;
}

.mr-2 {
    margin-right: 1rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

.py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.p-4 {
    padding: 2rem;
}

.fw-500 {
    font-weight: 500 !important;
}

.brand-logo h1 {
    font-size: 2.1rem;
    display: inline;
}

.brand-img {
    height: 50px;
    margin-top: 6px;
    margin-bottom: -12px;
}

.nav-content .tabs .tab.right button {
    margin: 0px 15px 5px 15px;
    color: #ffffff;
    position: absolute;
    right: 0;
}

.nav-content .tabs .tab.right.search {
    margin: 0px 15px;
    min-width: 260px;
}

.nav-content .tabs .tab.right.search input {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    padding-left: 16px;
    border-radius: 18px;
    height: 35px;
    border: none;
    box-sizing: border-box;
}

.nav-content .tabs .tab.right i.material-icons,
.page-navigation button i {
    line-height: 35px;
}

nav .social-links li a img,
#mobile_more_social li a img,
#footer .social-links img {
    height: 21px;
    width: 21px;
}

nav .social-links li a img,
#footer .social-links img {
    margin: 7px;
}

#footer .social-links img {
    filter: invert(100%);
}

#footer .left.logo img {
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.facebook:hover {
    background-color: #3b5998;
}

nav .facebook:hover img,
nav .twitter:hover img,
nav .tumblr:hover img,
nav .linkedin:hover img,
nav .pinterest:hover img,
nav .instagram:hover img,
nav .youtube:hover img {
    filter: invert(100%);
}

.twitter:hover {
    background-color: #1da1f2;
}

.tumblr:hover {
    background-color: #35465c;
}

.linkedin:hover {
    background-color: #0077b5;
}

.pinterest:hover {
    background-color: #bd081c;
}

.instagram:hover {
    background-color: #e4405f;
}

.youtube:hover {
    background-color: #ff0000;
}

.transparent:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.banner-image {
    max-height: 500px;
    object-fit: cover;
}

.static-panel {
    position: absolute;
    height: 250px;
    width: 100%;
    z-index: -1;
    filter: brightness(80%);
}

.breadcrumb:before {
    color: inherit;
}

hr.short-border {
    height: 5px;
    width: 150px;
    border: none;
    margin: 0;
}

hr.thin {
    height: 1px;
    width: 100%;
    border: none;
}

.card-image .card-title {
    width: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.14),
        0 3px 1px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px rgba(0, 0, 0, 0.12),
        0 1px 5px rgba(0, 0, 0, 0.2);
}

.card-image .banner-img {
    max-height: 300px;
}

.card-image img {
    object-fit: cover;
    object-position: center;
}

.card .card-content .post-content p {
    margin-top: 15px;
    margin-bottom: 15px;
}

.card .card-content .post-content :not(#comments) ul {
    padding-left: 40px;
    list-style-type: initial;
}

.card .card-content .post-content :not(#comments) ul li {
    list-style-type: initial;
}

.force-a-white a {
    color: #ffffff !important;
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.14),
        0 3px 1px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px rgba(0, 0, 0, 0.12),
        0 1px 5px rgba(0, 0, 0, 0.2);
}

.force-a-white {
    background-color: #666;
    background-blend-mode: hard-light;
}

.pin-top nav.white {
    font-size: larger;
}

#footer {
    position: relative;
}

#footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    filter: brightness(80%);
}

#footer a {
    color: #fff !important;
}

.comments-area ul ul.children {
    margin-left: calc(48px + 0.5rem);
}

#search-top {
    width: 35px;
    opacity: 0;
    display: none;
    transition: 0.3s all ease-out;
}

#search-top.streched {
    width: 100%;
    opacity: 1;
    display: block;
}

#scrollToTop {
    position: fixed;
    bottom: 24px;
    right: 24px;
}

@media (orientation: landscape) {
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #3d85c6;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #3775ac;
    }

    ::-webkit-scrollbar-thumb:active,
    ::-webkit-scrollbar-thumb:focus {
        background-color: #2a577e;
    }

    ::-webkit-scrollbar-track {
        background-color: transparent;
    }
}