=== 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;
}
