/*
    Theme Name:   Classroom
    Description:  Classroom - WordPress Education Theme
    Template:     layerswp
    Version:      1.0.2
    Author: Obox
    Author Description: Creators of Layers
    Author URI: http://www.layerswp.com/
    Theme URI: http://sites.layerswp.com/classroom/
    License URI: http://www.gnu.org/licenses/gpl.html
    Tags: education, school, college, woocommerce, responsive, retina, layers


    *-----------------------------*
    DO NOT EDIT THIS FILE!
    *-----------------------------*

    [Table of contents]

    1. Header / #header
    2. Forms / #forms
    3. Invert / #invert
    4. Buttons / #buttons
    5. List Grid / #lists
    6. Facts Figures / #facts
    7. Soft Highlights / #highlights
    8. Sitewide CTA / #cta
    9. Point List / #pointlist
    10. Social Icons / #social
    11. Site Footer / #footer
    12. Sidebar Widgets / #sidebar
    13. Meta Info / #meta
    14. Events / #events
    15. WooCommerce / #woocommerce

    Desktop

    16. Containers / #containers
    17. Section Title / #titles
    18. Sidebar / #sidebar
    19. Menu / #menu
    20. Sitewide CTA / #cta
    21. Feature Photo / #ftphoto
    22. Soft Highlights / #highlights

    Mobile

    23. General Tweak #general
    24. WooCommerce Tabs / #wootabs

*/

/*---------------------------*/
/*- MAIN CSS ----------------*/
/*---------------------------*/

/*---------------------------*/
/*- 1 HEADER  #header -------*/
.header-overlay-no-push .header-overlay:not(.is_stuck){
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
}

/*---------------------------*/
/*- 2 FORMS #forms ----------*/
textarea,
select,
input,
input[type="submit"],
button,
.button{
    border-radius: 4px;
    font-weight: normal;
}
.form-submit input[type="submit"]{
    padding: 8px 12px;
    font-weight: normal;
}

.comment-form-comment{
    margin-bottom: 20px;
}

/*---------------------------*/
/*- 3 INVERT #invert --------*/
.invert .section-title .excerpt,
.invert.section-title .excerpt{
    color: rgba(255, 255, 255, 1);
}

/*---------------------------*/
/*- 4 BUTTONS #buttons ------*/

    /*-----------------------*/
    /*- GLOBAL --------------*/
    .button.btn-small{
        font-size: 1.4rem;
    }

    /*-----------------------*/
    /*- SLIDER BUTTON -------*/
    .swiper-wrapper .button,
    .swiper-wrapper .invert .button{
        background: none;
        border: 2px solid rgba(255, 255, 255, 0.5);
        border-radius: 4px;
    }
    .swiper-wrapper .button:hover,
    .swiper-wrapper .invert .button:hover{
        background: none;
        border-color: rgba(255, 255, 255, 1);
    }




.heading{
    font-weight: bold;
}

/*---------------------------*/
/*- 5 LIST GRID  #grid ------*/
.thumbnail-media + .thumbnail-body{
    margin-top: 20px;
}
.thumbnail-body{
    background: transparent;
    padding: 0;
}
.article-title + .excerpt{
    margin-top: 15px;
}



/*------------------------------*/
/*- 6 FACTS - FIGURES  #facts --*/
.facts-figures .column{
    border-radius: 4px;
}

.facts-figures .column.content{
    padding: 40px;
}
.facts-figures .column .media-image + .media-body{
    margin-top: 30px;
}

.column.content{
    border-radius: 4px;
}

/*---------------------------------*/
/*- 7 SOFT HIGHLIGHT #highlights --*/
.soft-highlight .column{
    padding: 10px;
    border: 3px solid #f1f5f7;
    border-radius: 4px;
}
.soft-highlight .column img{
    border-radius: 3px;
}

/*-------------------------*/
/*- 8 SITEWIDE CTA  #cta --*/
.swiper-container.container.site-wide-cta-banner{
    margin-bottom: 0;
}
.site-wide-cta-banner.container .swiper-slide{
    padding: 0;
}


/*----------------------------*/
/*- 9 POINT LIST #pointlist --*/
.point-list .media-body .excerpt ul,
.point-list .media-body .excerpt ol{
    margin-left: 0;
    padding: 0;
    list-style: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.point-list .media-body ul li,
.point-list .media-body ol li{
    margin: 0;
    padding: 10px;
    list-style: none;
}

.point-list .media-body ul li:not(:last-child),
.point-list .media-body ol li:not(:last-child){
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*---------------------------*/
/*- 10 SOCIAL ICONS #social -*/
.copyright .icon-2x,
.header-secondary .icon-2x{
    font-size: 14px;
}

/*---------------------------*/
/*- 11 SITE FOOTER #footer --*/
.footer-site{
    font-size: 1.3rem;
}
.footer-site .widget:not(:first-child){
    margin-top: 20px;
}
.footer-site .section-nav-title{
    display: inline-block;
    border-bottom: 2px solid;
    font-size: 1.4rem;
    text-transform: none;
}


    /*-------------------*/
    /*- SOCIAL IN FOOTER */
    .footer-site .column .menu-social-container{
        overflow: hidden;
    }
    .footer-site .column .menu-social-container li{
        width: 100%;
        max-width: 36px;
        margin-right: 2px;
        float: left;
    }
    .footer-site .column .menu-social-container a{
        display: block;
        background: rgba(0, 0, 0, 0.1);
        text-align: center;
        border-radius: 3px;
    }
    .footer-site .column .menu-social-container a:hover{
        background: rgba(0, 0, 0, 0.05);
    }
    .footer-site .column .menu-social-container i{
        font-size: 1.2rem;
        line-height: 32px;
    }

    /*-------------------*/
    /*- SEARCH IN FOOTER */
    .footer-site .search-form label{
        width: 70%;
        float: left;

    }
    .footer-site .search-form .search-field{
        border-radius: 4px 0 0 4px;
    }
    .footer-site .search-submit{
        width: 30%;
        float: left;
        height: 36px;
        border-radius: 0 4px 4px 0;
    }

/*-------------------------------*/
/*- 12 SIDEBAR WIDGETS #sidebar -*/
.sidebar{
    font-size: 1.3rem;
}
.sidebar a:not(.button){
    color: #197770;
}
.sidebar .section-nav-title{
    display: inline-block;
    margin-bottom: 20px;
    border-bottom: 2px solid;
    text-transform: none;
    font-size: 1.4rem;
    color: #000;
}
.sidebar .content.well{
    padding: 0;
    margin: 0 0 40px;
    background: none;
}
aside .search-field{
    margin-bottom: 0;
}
.sidebar .widget li:not(:last-child),
.sidebar .widget li:last-child{
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.sidebar .tagcloud a[class*="tag-"]{
    margin-right: 5px;
    font-size: 1.1rem !important;
    text-transform: uppercase;
    text-decoration: underline;
}

#wp-calendar th, #wp-calendar td{
    padding: 15px 10px;
    text-align: center;
}
.sidebar .search-field{
    border-radius: 4px 0 0 4px;
    border-right-width: 0;
}
.sidebar .search-submit{
    border-radius: 0 4px 4px 0;
}

/*---------------------------*/
/*- 13 META INFO #meta ------*/
.type-post .section-title .meta-info{
    color: rgba(0, 0, 0, 0.4);
}
.meta-info{
    font-size: 1.3rem;
}
.meta-info a{
    color: rgba(0, 0, 0, 0.4);
}
.meta-info a:hover{
    color: rgba(0, 0, 0, 0.8);
}
footer.meta-info{
    font-size: 1.2rem;
    text-transform: capitalize;
}
.single footer.meta-info{
    padding: 15px 0;
    border-top: 2px solid rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
footer .meta-item i{
    color: rgba(0, 0, 0, 0.6);
}


/*-----------------------*/
/*- 14 EVENTS #events ---*/
.events .column{
    margin-bottom: 6%;
}
.events-grid img{
    border-radius: 4px;
}
.event-meta{
    clear: both;
    color: rgba(0, 0, 0, 0.65);
    font-size: 1.2rem;
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.event-meta-row{
    overflow: hidden;
    color: #8f8f8f;
    font-size: 1.2rem;
    text-transform: uppercase;
    list-style: none;
    margin: 0;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.event-meta-row:last-child{
    border-bottom: none;
}
.event-meta-row .meta-type{
    color: #555;
    font-weight: bold;
}
.event-meta + .button{
    margin-top: 10px;
}

/*-------------------------------*/
/*- 15 WOOCOMMERCE #woocommerce -*/
section[class*=' off-canvas-'] .widget_shopping_cart,
.woocommerce-checkout-payment,
.woocommerce-info,
.checkout_coupon,
.product_list_widget img{
    border-radius: 4px;
}
.woocommerce-result-count-container,
.woocommerce-message{
    background: none;
    border: 2px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

    /*-----------------------*/
    /*- PRODUCT LIST --------*/
    .products .product{
        background: none;
        text-align: center;
    }
    .products .product img{
        border-radius: 4px;
    }

    /*-----------------------*/
    /*- SIDEBAR -------------*/
    .woocommerce .sidebar{
        padding-left: 20px;
    }
    .widget_product_search input[type="search"]{
        border-radius: 4px 0 0 4px;
    }
    .woocommerce-product-search input[type="submit"]{
        height: 36px;
        width: 35%;
        border-radius: 0 4px 4px 0;
    }

    /*-----------------------*/
    /*- META ----------------*/
    .product_meta{
        padding: 15px 0 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        background: transparent;
    }
    .product_meta span{
        display: inline;
        margin-right: 5px;
    }
    .product_meta a{
        color: #999;
    }

    /*-----------------------*/
    /*- TABS ----------------*/
    .woocommerce-tabs{
        padding: 0 0 40px;
        margin: 60px 0;
    }
    .woocommerce-tabs .tabs{
        padding-top: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
    .woocommerce-tabs .tabs a{
        padding: 6px 12px;
        background-color: transparent;
        border: 1px solid transparent;
        border-bottom: none;
        border-radius: 3px 3px 0 0;
    }
    .woocommerce-tabs .tabs .active a,
    .woocommerce-tabs .tabs a:hover{
        background: #fff;
        border-color: rgba(0, 0, 0, 0.08);
    }
    .woocommerce-tabs .panel{
        padding: 0;
        background-color: transparent;
        border-radius: 3px;
    }

    /*-----------------------*/
    /*- SHIPPING CALCULATOR -*/
    .shipping-calculator-button{
        display: inline;
        text-transform: uppercase;
        font-size: 1.2rem;
    }
    .shipping-calculator-form{
        padding: 5px 10px 10px;
        background: rgba(0, 0, 0, 0.025);
        border-radius: 4px;
    }

    .nav-mobile{
        width: 100%;
    }
    .nav-mobile .nav-vertical{
        display: block;
    }
    .nav-mobile li{
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }
    section[class*=" off-canvas-"] .nav-vertical .sub-menu li{
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }
    .nav-mobile .sub-menu li a{
        padding-left: 16px;
    }

/*----------------------------------*/
/*- Desktop CSS --------------------*/
/*----------------------------------*/
@media only screen and (min-width: 769px){

    /*-----------------------------*/
    /*- 16 CONTAINERS #containers -*/
    .container,
    .title-container .title{
        max-width: 1240px;
    }
    .swiper-container.container{
        max-width: 1240px;
    }
    .swiper-slide .copy-container{
        max-width: 1240px;
    }
    .title-container .title{
        padding-top: 6%;
        padding-bottom: 6%;
    }

    /*----------------------------*/
    /*- 17 SECTION TITLE #titles -*/
    .section-title.large{
        margin-bottom: 60px;
    }
    .single .section-title.large,
    article.post .section-title.large{
        margin-bottom: 30px;
    }

    /*---------------------------*/
    /*- 18 SIDEBAR #sidebar -----*/
    .sidebar{
        padding-left: 40px;
        border-left: 2px dashed rgba(0, 0, 0, 0.05);
        font-size: 1.3rem;
    }

    /*---------------------------*/
    /*- 19 MENU #menu -----------*/
    .header-site .nav-horizontal > ul > li{
        margin: 0;
        padding: 0 10px;
    }
    .header-site .nav-horizontal > ul > li:not(:first-child){
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }

    .header-site .sub-menu{
        border: none;
        margin: 0 10px;
        font-size: 1.2rem;
        border-radius: 5px;
    }
    .header-site .sub-menu li{
        border-bottom-style: solid;
    }
    .header-site .sub-menu li:first-child a{
        border-radius: 4px 4px 0 0;
    }
    .header-site .sub-menu li:last-child a{
        border-radius: 0 0 4px 4px;
    }
    .header-site .sub-menu li:last-child{
        border-bottom: none;
    }
    .sub-menu li a{
        text-transform: uppercase;
    }
    .header-site.is_stuck_show .sub-menu{
        border: 1px solid #ccc;
    }

    /*---------------------------*/
    /*- 20 SITEWIDE CTA #cta ----*/
    .swiper-container.container.site-wide-cta-banner{
        margin-bottom: 60px;
    }
    .site-wide-cta-banner .swiper-slide{
        padding: 0;
    }
    .site-wide-cta-banner .swiper-slide{
        border-radius: 4px;
        overflow: hidden;
    }
    .site-wide-cta-banner .heading{
        float: left;
    }
    .site-wide-cta-banner .button{
        float: right;
        font-size: 1.6rem;
        margin: 5px 0 0;
    }

    /*-----------------------------*/
    /*- 21 FEATURE PHOTO #ftphoto -*/
    .feature-photo{
        padding: 0;
    }
    .feature-photo .column,
    .feature-photo .column-flush{
        overflow: hidden;
        padding: 0;
        background-size: 50%;
    }
    .feature-photo .column-flush .media{
        float: right;
        max-width: 50%;
        background: #222;
        padding: 15% 60px;
    }
    .feature-photo .column-flush:nth-child(even) .media{
        float: left;
    }

    /*---------------------------------*/
    /*- 22 SOFT HIGHLIGHT #highlights -*/
    .soft-highlight .column{
        padding: 30px;
        border-width: 6px;
    }


}

@media only screen and (min-width: 769px) {
    .header-site .nav-horizontal > ul > li{
        padding: 0 3px;
        font-size: 1.4rem;
    }
}

/*----------------------------------*/
/*- Mobile CSS ---------------------*/
/*----------------------------------*/
@media only screen and (max-width: 480px){

    /*------------------------------*/
    /*- 23 GENERAL TWEAKS #general -*/

    .section-title.large .heading{
        font-size: 3rem;
    }

    .section-title.large .excerpt{
        font-size: 2rem;
    }

    .swiper-container.site-wide-cta-banner{
        padding: 0;
    }
    .swiper-container.site-wide-cta-banner .copy-container{
        text-align: center;
    }

    article.post{
        margin-bottom: 60px;
    }
    article.post .section-title.large{
        margin-bottom: 20px;
    }

    .sidebar .search-field{
        border-right-width: 2px;
        margin-bottom: 5px;
    }
    .sidebar .search-field,
    .sidebar .search-submit{
        border-radius: 4px;
    }

    /*--------------------------------*/
    /*- 24 WOOCOMMERCE TABS #wootabs -*/
    .woocommerce-tabs{
        margin: 20px 0;
    }
    .woocommerce-tabs .tabs{
        border-bottom: none;
    }
    .woocommerce-tabs .tabs li{
        margin-right: 0;
    }
    .woocommerce-tabs .tabs a{
        border: 1px solid transparent;
        border-radius: 3px;
    }
    .woocommerce-tabs .tabs .active a,
    .woocommerce-tabs .tabs a:hover{
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    .woocommerce-tabs .panel{
        padding: 20px;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }

}