/*
Theme Name: Flexia
Theme URI: https://flexia.pro
Author: WPDeveloper
Author URI: https://wpdeveloper.net
Description: A modern lightweight and versatile Gutenberg ready theme for WordPress with endless customization options. Lightweight and highly extendable with Customizer and Child Theme. True responsiveness with modern Flexbox and mobile first design. WooCommerce and Easy Downloads ready and best multi-purpose theme. Works great with any WordPress Page Builder including Elementor, Cornerstone, DIVI, Beaver Builder, Visual Composer. For more info : https://flexia.pro/
Version: 2.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: flexia
Tags: blog, custom-background, custom-logo, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, threaded-comments, translation-ready, e-commerce, post-formats, sticky-post, left-sidebar, right-sidebar, footer-widgets, grid-layout, two-columns, three-columns, four-columns

Flexia WordPress Theme, Copyright 2020 WPDeveloper.
Flexia is distributed under the terms of the GNU GPL.

/* Note: The CSS files are loaded from framework/assets/site/css/ folder. */


/* Custom Style for Assignment Hero */

a {    
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

/*Sidebar*/
.assignment_sidebar {
    background-color: #fff;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03);
    margin-bottom: 20px;
    margin-left: 5px;
    border-radius: 6px;
}
.categories h3 {
    font-size: 1.5em;
    color: #575c6a;
}
.assignment_sidebar .categories ul {
    padding: 0;
    margin: 0;
}
.assignment_sidebar .categories ul li {
    list-style: none;
    display: block;
    border-radius: 5px;
    border: solid 1px #e9eff4;
    margin-bottom: 10px;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.assignment_sidebar .categories ul li a {
    padding: 15px 20px;
    display: block;
    font-size: .8em !important;
    font-weight: 700;
    color: #323c47;
	white-space: nowrap;
}
.assignment_sidebar .categories ul li a img {
    height: 22px;
    margin-right: 10px;
    margin-top: -5px;
}

.assignment_sidebar .categories ul li.active,
.assignment_sidebar .categories ul li:hover {
    background-color: #5bd982;
}
.assignment_sidebar .categories ul li.active a,
.assignment_sidebar .categories ul li:hover a {
    color: #fff;
}

/*Body CSS*/
.assignment-content {
   /* columns: 6 200px;
    column-gap: 1rem; */
	display: grid;
/*grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));*/
	grid-template-columns: auto auto;
grid-gap: 2rem;
}
.assignment-content .assignment-items {
    min-height: 100px;
    box-shadow: 0 15px 19px 0 rgba(189, 203, 213, 0.53);
    background-color: #ffffff;
    margin-bottom: 20px;
    margin: 0 1rem 1rem 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 900;
    border-radius: 20px;
}
.assignment-content .assignment-items a {
    display: block;
    height: 100%;
    padding: 20px;
    font-size: 1.5em !important;
    color: #575c6a;
    align-self: stretch;
    text-align: center;
    border-radius: 20px;
	word-break: break-word;
}

.assignment-content .assignment-items a p {
	word-break: break-word;
}

.assignment-content .assignment-items a:hover {
    background-color: #5bd982;
}
.assignment-content .assignment-items a:hover .item-title, 
.assignment-content .assignment-items a:hover .count_items {
    color: #fff;
}
.assignment-content .assignment-items .count_items {
    margin: 3em 0 0;
    font-size: 11px !important;
    color: #a2a2a2;
}
.assignment-content.body-topic-items {
    display: flex;
    flex-wrap: wrap;
}
.assignment-content.body-topic-items .assignment-items {
    width: 35%;
    margin-right: 3%;
    margin-bottom: 30px;
}
.assignment-content .assignment-items a .no_attachment {
    font-size: 14px !important;
    font-weight: 400;
    font-style: italic;
    color: red;
}
.assignment-content .assignment-items a .attachment_block {
    border: 1px solid #c8f6d8;
    padding: 15px;
    border-radius: 5px;
}
.assignment-content .assignment-items a .attachment_block p {
    font-size: 12px;
    word-break: break-all;
    color: #777;
    font-weight: 600;
}

.emptymessage {
    color: red;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

/* Banner Image */
.page-template-template-assignment #masthead {
    position: absolute;
    width: 100%;
    height: auto;
}

.page-template-template-assignment  #masthead .flexia-navbar {
    background-color: transparent;
    box-shadow: unset;
}

 #masthead .flexia-navbar {
    background-color: #262625;
    box-shadow: unset;
}

 #masthead .flexia-navbar #site-navigation li a {
    color: #fff;
    font-weight: 600;
	background-color: transparent;
}
 #masthead .flexia-navbar #site-navigation li:hover a {
    color: #000;
    background-color: transparent;
}

 #masthead .flexia-navbar #site-navigation li.current-menu-item a {
	background-color: #000;
    height: 40px;
    border-radius: 5px;
    color: #fff;
}
.assignment_banner {
    background-image: url(http://www.onepagemed.com/wp-content/uploads/2020/05/robina-weermeijer-z8_-Fmfz06c-unsplash-scaled.jpg);
    background-size: cover;
    background-position: bottom center;
}
.assignment_banner .flexia-container {
    padding: 0;
    text-align: center;
    height: 70vh;
}
.banner-content {
    align-self: center;
}
.assignment_banner .flexia-container h1 {
    font-size: 3em;
    color: #fff;
    font-weight: 600;
    margin: 0 0 20px;
}
.assignment_banner .flexia-container h3 {
    font-size: 1.2em;
    color: #fff;
    font-weight: 600;
    margin: 0 0 20px;
}
.assignment-search-form .search-field {
    height: 50px;
    font-size: .9em;
    font-weight: 600;
    padding: 5px 15px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 30%;
    min-width: 250px;
}
.assignment-search-form .search-submit {
    color: #fff;
    font-size: .9em;
    font-weight: 600;
    padding: 5px 25px;
    text-align: center;
    height: 50px;
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-left: -5px;
}
.assignment-search-form .search-field:focus {
    outline: 0;
    border-color: #5bd982;
}

/*Search Result Page*/
.search-results .assignment_banner .flexia-container {
    height: 40vh;
}
.assignment_banner .flexia-container h1 .search_for {
    background-color: #393939;
    padding: 10px 20px;
    border-radius: 10px;
}
.search-results .assignment-content {
    columns: unset;
    column-gap: unset;
    display: flex;
    flex-wrap: wrap;
}
.search-results .assignment-content .assignment-items {
    width: 22%;
    margin-right: 3%;
    margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-template-template-assignment #masthead .flexia-navbar #site-navigation li a {
        color: #2f2f2f;
    }
    .page-template-template-assignment .flexia-sidebar {
        order: 1;
        flex: 1 1 30%;
    }
    .page-template-template-assignment #primary {
        order: 2;
        flex: 1 1 60%;
    }
    .assignment-content.body-topic-items .assignment-items {
        width: 45%;
        margin-right: 5%;
        margin-bottom: 30px;
    }
    .search-results .assignment-content .assignment-items {
        width: 30%;
        margin-right: 3%;
    }
}



@media (max-width: 767px) {
    .page-template-template-assignment #masthead .flexia-navbar #site-navigation li a {
        color: #2f2f2f;
    }
    .assignment_banner .flexia-container h1 {
        font-size: 1.5em;
    }
    .assignment_banner .flexia-container h3 {
        font-size: 1em;
    }
    .assignment-search-form .search-field {
        min-width: 180px;
        font-size: .8em;
    }
    .page-template-template-assignment .flexia-sidebar {
        order: 1;
    }
    .page-template-template-assignment #primary {
        order: 2;
    }
    .assignment-content.body-topic-items .assignment-items {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .search-results .assignment_banner .flexia-container {
        height: 60vh;
    }
    .assignment_banner .flexia-container h1 .search_for {
        display: inline-block;
    }
    .search-results .assignment-content .assignment-items {
        width: 45%;
        margin-right: 5%;
    }
}