=== EDULAB ===

=== Changelog ===

index page done

blog page done

blog-edu-single done

events done

contact page done

about page done

course single page done

testimonial page done

course Listing page done

gallery 2 page done

video and image slider added

Image Hover and lightbox added

font-size and font family grouping

/================================ Font Size ==================================/

/font size of 14px/

.course-listing-page .button-group button, .gallery-section .button-group button, .gallery-section2 .button-group button, .learn-courses .box-body p, .course-listing-page .grid-item .box-body p, .recent-course-single .grid-item .box-body p, .details p, .details h5, .news-detail h2, .news-detail p, .footer-first-section .box-wrap p, .footer-first-section .box-wrap h4, .footer-first-section .box-wrap ul li a, .footer-first-section .recent-course-wrap .course-name p, .footer-first-section .quick-contact input, .footer-first-section .quick-contact textarea, .footer-first-section .quick-contact button, .grid-box-wrap .grid-body h4, .page-content .post-content p, .page-content .courses-wrap span, .page-content .page-article a, .team-members .developer-wrap p, .course-detail .course-box p, #course-page aside .reserve-course input[type="text"], aside .reserve-course input[type="email"], .testimonial-page aside .submit-testimonials input[type="text"], .testimonial-page aside .submit-testimonials input[type="email"], #course-page aside .reserve-course textarea, .testimonial-page aside .submit-testimonials textarea, .testimonial-page .submit-testimonials form .custom-file-upload, .row .rewiew-content p, .top-header .container, .testimonial-holder, .post-content span a svg, .developer-wrap li a svg, .submit-testimonials form span p, figcaption h4 { font-size: 1.4rem; }

/Font size of 15px/

.row .rewiew-content footer h4, .row .rewiew-content footer h4::before, .row .rewiew-content footer h4::after{ font-size: 1.5rem; }

/Font size of 16px/

.whyus-wrap p, .footer-first-section .recent-course-wrap .course-name h3, .footer-last-section .container p, .grid-box-wrap .grid-body p, .grid-box-wrap .grid-body a, .page-content .container aside .news-letter p, .page-content .container aside .news-letter input[type="email"], .page-content .container aside .news-letter a, .page-content .post-content h3, .contact-page-section .people-info-wrap p, .contact-page-section .people-info-wrap form .input-, .people-info-wrap form input[type="submit"], .about-upper-section .who-we-are p, .about-upper-section .our-story a, .course-detail .course-box h3, .course-detail .course-box button, .course-detail p, .course-objective li, .contact-list li span { font-size: 1.6rem; }

/font size of 18px/

.nav-menu a, .learn-courses .learn-desining-banner, .course-listing-page .grid-item .learn-desining-banner-course, .recent-course-single .grid-item .learn-desining-banner-course, .featured-points li, .read-more-btn, .details h3, .news-detail h1, .footer-first-section .box-wrap header h1, .page-content .courses-wrap p, .page-content .page-article p, .page-content .share-section span, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea, .comment-form p, .button-section .button, .customer-review .button, .team-members .developer-wrap h3, #course-page aside .reserve-course input[type="submit"], .testimonial-page aside .submit-testimonials input[type="submit"], .row .rewiew-content header h3, .row .rewiew-content header p, .footer-second-section .social-list li a svg, .contact-list li svg, figcaption h3 { font-size: 1.8rem; }

/font size of 20px/

.banner .container h3, .grid-box-wrap .grid-body h1, .page-content .container aside .recent-post h2, .navigation.pagination .page-numbers, .contact-page-section .contact-social li a, #course-page .reserve-course h2, .testimonial-page aside .submit-testimonials h2 { font-size: 2rem; }

/Font size of 24px/ .query-section .container p, .page-content .container aside .news-letter h2, .page-content .follow-us h2, .page-content .follow-us a, .page-content .share-section span a, .page-content .categories-block h2, .comments-title, .comment-form h2, .course-detail h3 { font-size: 2.4rem; }

/font size of 25px/

.featured-points ul svg, .about-upper-section .our-story svg { font-size: 2.5rem; }

/Font Size Of 30px/

.page-heading .container h2, .whyus-wrap h1, .wrap-others-say h1, .contact-page-section .people-info-wrap h2, .contact-page-section .contact-info h2, .top-heading, #course-page .course-detail h2, .recent-course-single h2 { font-size: 3rem; }

/Font Size of 40px/

.banner .container h1, .banner .owl-nav .owl-prev, .banner .owl-nav .owl-next, .page-content .page-article h1 { font-size: 4rem; }

/================================ Font Family ==================================/

.top-header a, .nav-menu a, .banner .container, .page-heading .container h2, .course-listing-page .button-group button, .gallery-section .button-group button, .gallery-section2 .button-group button, .learn-courses .learn-desining-banner, .course-listing-page .grid-item .learn-desining-banner-course, .recent-course-single .grid-item .learn-desining-banner-course, .learn-courses .box-body p, .course-listing-page .grid-item .box-body p, .recent-course-single .grid-item .box-body p, .learn-courses .box-body section p, .featured-points li, .whyus-wrap h1, .whyus-wrap p, .read-more-btn, .details h3, .details p, .wrap-others-say h1, .news-detail h1, .news-detail h2, .news-detail p, .query-section .container p, .footer-first-section .box-wrap header h1, .footer-first-section .box-wrap p, .footer-first-section .box-wrap h4 a, .footer-first-section .box-wrap ul li a, .footer-first-section .recent-course-wrap, .footer-last-section .container p, .grid-box-wrap .grid-body h4, .grid-box-wrap .grid-body h1, .grid-box-wrap .grid-body p, .grid-box-wrap .grid-body a, .page-content .container aside, .testimonial-page .container aside, .navigation.pagination .page-numbers, .page-content .page-article, .comment-section, .comment-form, .button-section .button, .customer-review .button, .contact-page-section, .about-upper-section, .team-members .container, #course-page, .course-detail .course-box button, #course-page aside .reserve-course input, #course-page aside .reserve-course textarea, .testimonial-page aside .submit-testimonials input, .testimonial-page aside .submit-testimonials textarea, .recent-course-single h2, .testimonial-page .container, .customer-review .row .rewiew-content { font-family: 'Raleway', sans-serif; }

/================================ Color ==================================/

/====Black Text Color==========/

.page-heading .container h2, .course-listing-page .button-group button, .gallery-section .button-group button, .gallery-section2 .button-group button, .query-section .container p, .footer-first-section .quick-contact button, .grid-box-wrap .grid-body h1, .page-content .container aside .recent-post h2, .page-content .follow-us, .page-content .follow-us a, .page-content .page-article h1, .page-content .share-section span, .page-content .share-section span a, .page-content .categories-block h2, .comments-title, .comment-form h2, .contact-page-section .people-info-wrap h2, .contact-page-section .contact-info h2, .contact-page-section .contact-list li svg, .contact-page-section .contact-social li a, .top-heading, .team-members .developer-wrap h3, .team-members .developer-wrap ul svg, #course-page .course-detail h2, .course-detail h3, .recent-course-single h2, .row .rewiew-content header h3, .row .rewiew-content footer h4, figcaption h4
{ color: #000; }

/======Black Background Color==========/ .page-footer, .footer-first-section .quick-contact input, .footer-first-section .quick-contact textarea { background: #000; }

/====White Text Color==========/ .top-header .container a, .banner .container, .banner .owl-nav .owl-prev, .banner .owl-nav .owl-next, .learn-courses .learn-desining-banner, .course-listing-page .grid-item .learn-desining-banner-course, .recent-course-single .grid-item .learn-desining-banner-course, .whyUs-section, .whyUs-section .whyus-wrap a, .read-more-btn, .page-footer, .footer-first-section .box-wrap a, .footer-first-section .box-wrap ul li a, .footer-first-section .quick-contact input, .footer-first-section .quick-contact textarea, .page-footer .footer-second-section .social-list li a, .footer-last-section .container p a, .page-content .container aside .news-letter a, .page-content .courses-wrap span, .page-content .courses-wrap p, .reply a, .comment-form input[type="submit"], .button-section .button, .customer-review .button, .people-info-wrap form input[type="submit"], .course-detail .course-box button, #course-page aside .reserve-course input[type="submit"], .testimonial-page aside .submit-testimonials input[type="submit"] { color: #fff; }

/======White Background Color========/ .sub-menu, .nav-menu .sub-menu .sub-menu-g, .whyus-wrap h1::after, .event-wrap .details, .what-other-say .wrap-others-say, .news-detail, .footer-first-section .quick-contact button, .page-content .post-wrap .post-content, .page-content .follow-us, .page-content .latest-course, .testimonial-page .submit-testimonials form .custom-file-upload { background: #fff; }

/======Dark BLue Color For BackGround============/

.top-header, .course-listing-page .grid-item .learn-desining-banner-course, .recent-course-single .grid-item .learn-desining-banner-course, .comment-form input[type="submit"], .button-section .button, .customer-review .button, .course-detail .course-box button, #course-page aside .reserve-course input[type="submit"], .testimonial-page aside .submit-testimonials input[type="submit"] { background: #1c3961; }

/======Dark BLue Color For Text============/

.details h3, .news-detail h1, .query-section .container p a, .page-content .post-content h3, .course-detail .course-box i, .course-detail .course-box h3, figcaption h3 { color: #1c3961; }

/==========================================/ .learn-courses .box-body p, .course-listing-page .grid-item .box-body p, .recent-course-single .grid-item .box-body p, .grid-box-wrap .grid-body h4, .grid-box-wrap .grid-body p, .page-content .container aside .news-letter p, .navigation.pagination .page-numbers, .contact-page-section .people-info-wrap p { color: #5c5c5c; }

/===========================================/ .about-upper-section .who-we-are p, .about-upper-section .our-story a, .about-upper-section .our-story p { color: #59616d; }

/===========================================/ .course-detail p, .course-objective li { color: #646464; }

/===========================================/ .row .rewiew-content p, .learn-courses .owl-carousel .owl-nav, .latest-news .owl-carousel .owl-nav { color: #636363; }

/===========================================/ .news-detail h2, .news-detail p, .details p { color: #585858; }

/=============================================/ .grid-box-wrap .grid-body a, .navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:hover { color: #2b74b8; } /===========================================/ .page-content .container aside .news-letter a, .page-content .courses-wrap span { background: #2b74b8; }

/===============================================/ .about-upper-section .our-story svg, .team-members .developer-wrap p { color: #1f4271; }

/==========================================/

.learn-courses .learn-desining-banner, .course-listing-page .grid-item .learn-desining-banner-course, .recent-course-single .grid-item .learn-desining-banner-course, .learn-desining-banner { background: #009450; }

/=================================================/

.page-content .container aside .news-letter, #course-page aside .reserve-course, .testimonial-page aside .submit-testimonials, .query-section { background: #f3f3f3; }