/*
 Theme Name:   NAPCA Foundation
 Theme URI:    
Empowering students with the tools and mindsets to define their life’s purpose/career path, break through their barriers, and take ownership of their future college and career aspirations.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author:        Meadul Hassan Talukder
 Author URI:   https://meadulhassan.blogspot.com/
 Template:     napca-custom
*/
/*home page snapshot for mobile view start*/
.snapshot-bg-blue {
    background: #0b2341;
    padding: 0px 0px 0 0px;
    border-bottom: 3px solid #ffcc07;
    margin: 0px 0px !important;
}
.snapshot-bg-blue p {
    color: #fff;
    padding: 7px 0 0 0;
}
.snapshot-bg-blue .wpb_content_element {
    margin-bottom: 0px;
}
.snapshot-bg-blue .vc_icon_element {
    margin-bottom: 0px;
}
.snapshot-bg-blue span.vc_icon_element-icon {
    color: #ffcc07 !important;
}


.snapshot-bg-maroon {
    background: #670320;
    padding: 0px 0px 0 0px;
    border-bottom: 3px solid #ffcc07;
    margin: 0px 0px !important;
}
.snapshot-bg-maroon p {
    color: #fff;
    padding: 7px 0 0 0;
}
.snapshot-bg-maroon .wpb_content_element {
    margin-bottom: 0px;
}
.snapshot-bg-maroon .vc_icon_element {
    margin-bottom: 0px;
}
.snapshot-bg-maroon span.vc_icon_element-icon {
    color: #ffcc07 !important;
}
.snapshot-bg-white {
    background: #ededed;
    padding: 0px 0px 0 0px;
    border-bottom: 3px solid #ffcc07;
    margin: 0px 0px !important;
}
.snapshot-bg-white p {
    color: #000;
    padding: 7px 0 0 0;
}
.snapshot-bg-white .wpb_content_element {
    margin-bottom: 0px;
}
.snapshot-bg-white .vc_icon_element {
    margin-bottom: 0px;
}
.snapshot-bg-white span.vc_icon_element-icon {
    color: #000 !important;
}
.gray-bg {
	height: 170px;
    background: #e5e5e5;
    padding: 30px 0px 1px;
    border-radius: 14px;
    border: 5px solid #FFF;
}
.cartoon-art {
    width: 85%;
    margin: auto;
}
@media (min-width: 320px) and (max-width: 480px) {
.gray-bg {
	height: 220px;
}  
}
/*home page snapshot for mobile view start*/