/*
Theme Name: Guitar Courses Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: guitar-courses
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Guitar Courses is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1764226108
Updated: 2025-11-27 06:48:28

*/

.iconbox .elementor-icon-box-description span {color: #de0000;}
.formbtn {position: relative; margin-top: 25px;}
.formbtn p {margin-bottom: 0;}
.inputwrap {display: flex; gap: 10px;}
.inputwrap div {width: 50%;}
.wpcf7-spinner {position: absolute; top: 10px;}
.wpcf7-form .wpcf7-form-control {outline: none;}
.wpcf7-form textarea, .wpcf7-form select {font-family: "Poppins", Sans-serif; font-size: 14px; font-weight: 400;}
.wpcf7-response-output {font-family: "Poppins", Sans-serif; font-weight: 400; font-size: 14px; text-align: center; background-color: #fff;}
.headingtxt span {font-weight: 500;}
.serviceslider .elementor-icon-list-text {color: #fff !important;}
.bgfix {background-attachment: fixed;}
.blog-list {display: flex; flex-wrap: wrap; gap: 30px 23px;}
.blog_box {width: 32%; font-family: "Poppins", Sans-serif; transition: all 0.3s;}
.blog_box h3 {font-weight: 700; font-size: 25px; color: #000; line-height: 1.05; margin-top: 0;}
.blog_box h3 a {text-decoration: none; color: #000;}
.blog_box p {font-weight: 400; font-size: 16px; color: #000; line-height: 21px;}
.blog_box .image_main_wrap a {display: block;}
.blog_box .image_main_wrap img {width: 100%; height: 253px; object-fit: cover;}
.blog_box .blogbox_content {border-top: 0px !important; border: 1px solid #000; padding: 75px 12px 25px 12px; margin-top: -7px; position: relative;}
.blog_box .post_meta {position: absolute; top: -52px; width: 78px; background-color: #de0000; text-align: center; padding: 7px;}
.blog_box .post_meta span {font-family: "HorizonBT", Sans-serif; font-size: 50px; font-weight: 400; line-height: 0.9; text-transform: uppercase; color: #fff; display: block;}
.blog_box:hover h3 a {color: #de0000;}
body.single.single-post .site-main {max-width: 1200px !important; padding: 50px 20px; font-family: "Poppins", Sans-serif;}
body.single.single-post h1.entry-title {font-family: "HorizonBT", Sans-serif; text-align: center; color: #de0000; text-transform: uppercase; font-size: 50px; line-height: 0.9; margin-bottom: 30px;}
body.single.single-post .site-main h2 {font-weight: 700; color: #000; font-size: 35px; line-height: 1; margin: 22px 0 10px 0;}
body.single.single-post .site-main h3 {font-weight: 700; color: #000; font-size: 30px; line-height: 1; margin: 22px 0 10px 0;}
body.single.single-post .site-main h4 {font-weight: 700; color: #000; font-size: 26px; line-height: 1; margin: 22px 0 10px 0;}
body.single.single-post .site-main h5 {font-weight: 700; color: #000; font-size: 22px; line-height: 1; margin: 22px 0 10px 0;}
body.single.single-post .site-main p, body.single.single-post li {font-size: 15px; font-weight: 400; color: #000;}
body.single.single-post .site-main a {color: #de0000; text-decoration: none; font-weight: 600;}
body.single.single-post .site-main ol, body.single.single-post .site-main ul {padding-bottom: 20px; padding-left: 15px;}
body.error404 .site-main {padding: 50px 20px; text-align: center; font-family: "Poppins", Sans-serif;}
body.error404 h1.entry-title {font-family: "HorizonBT", Sans-serif; color: #de0000; text-transform: uppercase; font-size: 45px; line-height: 0.9;}


@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.blog-list {gap: 22px 18px;}	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.blog-list {gap: 25px 14px;}	
.blog_box .post_meta span {font-size: 36px;}
.blog_box .blogbox_content {padding: 50px 12px 20px 12px;}
.blog_box h3 {font-size: 21px;}
.blog_box p {font-size: 14px;}
body.single.single-post h1.entry-title {font-size: 40px; margin-bottom: 22px;}
body.single.single-post .site-main h2 {font-size: 32px;}
body.single.single-post .site-main h3 {font-size: 28px;}
body.single.single-post .site-main h4 {font-size: 24px;}
body.single.single-post .site-main h5 {font-size: 21px;}
}

@media only screen and (min-width: 501px) and (max-width: 767px) {
.blog_box {width: 47%;}	
}

@media only screen and (min-width: 320px) and (max-width: 500px) {
.blog_box {width: 100%;}	
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.imgmask img {-webkit-mask-image: none !important;}	
.bgfix {background-attachment: inherit;}
.blog_box p {font-size: 14px; line-height: 21px;}
.blog_box .post_meta span {font-size: 35px;}
.blog_box .blogbox_content {padding: 48px 12px 15px 12px;}
.blog_box h3 {font-size: 22px;}
body.single.single-post h1.entry-title {font-size: 40px; margin-bottom: 22px;}
body.single.single-post .site-main {padding: 40px 20px;}
body.single.single-post .site-main p, body.single.single-post li {font-size: 14px;}
body.single.single-post .site-main h2 {font-size: 28px;}
body.single.single-post .site-main h3 {font-size: 25px;}
body.single.single-post .site-main h4 {font-size: 22px;}
body.single.single-post .site-main h5 {font-size: 20px;}
body.error404 h1.entry-title {font-size: 30px;}
}