/*
Theme Name: Web Designer Courses
Theme URI: https://www.titanthemes.net/products/web-designer-courses
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Web Designer Courses is built for websites that share educational content related to web design and development. It is suitable for platforms offering web design courses, online web design classes, or structured learning resources focused on design and development skills. The theme provides a clean layout that helps present course details, lesson structures, and informational pages in an organized way. This theme supports content related to UI/UX training, allowing instructors or institutions to explain design principles, workflows, and tools clearly. It includes sections that can be used to outline course modules, highlight learning outcomes, or introduce instructors. The layout is flexible enough to support design tutorials, including text-based lessons, embedded media, and downloadable resources. Designed with modern standards in mind, the theme follows responsive design practices, making it suitable for a responsive design course website where content needs to adapt across desktops, tablets, and mobile devices. Navigation elements and page structures are kept simple to ensure readability and accessibility for learners. The theme can also be used for educational content related to front-end development classes, such as HTML, CSS, and basic JavaScript topics. It integrates with the block editor, allowing users to customize pages without advanced technical knowledge. Styling options are limited to essential controls to maintain consistency and ease of use. Overall, the Web Designer Courses provides a practical foundation for publishing educational web design content, focusing on clarity, structure, and compatibility with standard features rather than promotional elements.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: web-designer-courses
Tags: grid-layout, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-header, translation-ready, style-variations, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, portfolio, education, blog
*/

body{
  background-color: var(--wp--preset--color--tertiary-one) !important;
}
a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.post-column-div li:last-child .service-box-single .wp-block-columns{
  display: flex !important;
  flex-direction: row-reverse !important;
}
.award-box{
  box-shadow: 0px 4px 4px 0px #D9ECFF80;
}
button.wp-block-search__button.has-icon.wp-element-button{
  fill: #fff;
  color: #ffffff;
}
.prodcuct-box h2 a{
  text-decoration: none;
}
.header-inner-meta .wp-block-search__inside-wrapper {
  position: relative;
}
.slider-cover{
  position: relative;
}
.slider .wp-block-button a:focus{
  color: var(--wp--preset--color--contrast) !important;
  background-color: var(--wp--preset--color--base) !important;
}
.header-inner-meta .wp-block-button a:focus{
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--primary) !important;
}
.service-box-single{
  position: relative;
}
.service-box-single img{
  width: 100%;
}
.post-date span.dashicons{
  color: #ffffff;
}
p.wp-block-post-excerpt__more-text a {
  background-color: var(--wp--preset--color--contrast);
  padding: 8px 25px;
  border-radius: 30px;
  font-family: var(--wp--preset--font-family--montserrat-alternates) !important;
  color: #ffff;
  font-weight: 600 !important;
  text-decoration: none;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.post-date i{
  color: #ffffff;
}
.blog-image{
  position: relative;
}
.blog-image{
  height: 200px;
}
.webdesignercourses-footer-list{
  font-family: var(--wp--preset--font-family--sora) !important;
}
.wp-block-button__link{
  height: auto;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
}
.banner-left-box{
  position: relative;
}
.slider-right .right-image {
  text-align: center;
  position: relative;
  margin-bottom: -37px;
  z-index: 2;
  margin-left: -42% !important;
}
.slider-cover .wp-block-cover__inner-container{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.slide-item h2.custom-heading{
  -webkit-text-stroke: 1px #00000021;
  color: transparent !important;
  position: absolute;
  bottom: -55px;
}
.service-icon {
  width: 50px;
  font-size: 25px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 80px;
}
.banner-search .wp-block-search__inside-wrapper {
  padding: 0px !important;
  border-radius: 10px !important;
}
.banner-search button.wp-block-search__button {
  padding: 8px 25px;
}
.banner-search input.wp-block-search__input::placeholder{
  font-family: var(--wp--preset--font-family--saira) !important;
  font-family: Saira;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0%;
  color: #000000;

}
.slider-cover:after {
  position: absolute;
  content: "";
  top: 10%;
  left: 0px;
  width: 23%;
  height: 70%;
  background: var(--wp--preset--gradient--vertical-secondary-to-tertiary) !important;
  z-index: 1;
  border-radius: 0 50% 50% 0px;
}
.slider-cover:before {
  position: absolute;
  content: "";
  top: 10%;
  left: 0px;
  width: 23%;
  height: 70%;
  background: var(--wp--preset--color--tertiary-two) !important;
  z-index: 1;
  backdrop-filter: blur(200px);
  opacity: 0.7;
  border-radius: 0 50% 50% 0px;
  box-shadow: 0 35px 129px var(--wp--preset--color--tertiary-two), 121px -37px 44px var(--wp--preset--color--tertiary-two);
}
.slider-right{
  position: relative;
}
.client-box {
  position: absolute;
  right: 0px;
  top: 12%;
}
.banner-counter {
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 2;
}
.banner-main{
  position: relative;
}
.right-image img{
  width: 100%;
  height: 550px;
  position: relative;
  z-index: 1;
  margin: 0 auto !important;
}
.general-header-middle .wp-block-search__input {
  background: transparent;
  border: none;
}
.general-header-middle .wp-block-search__input::placeholder{
  font-weight: 400;
  font-size: 14px;
  color: var(--wp--preset--color--secondary-third) !important;
}
.related-post h4,.related-post p{
  color: var(--wp--preset--color--contrast);
}
.header-inner-menu ul li{
  padding: 3px 10px;
  position: relative;
}
.header-inner-menu ul li:hover{
  background-color: var(--wp--preset--color--primary) !important;
  border-radius: 6px;
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover{
  background: transparent !important;
}
.header-inner-menu ul li:hover a{
  color: #ffffff !important;
}
.header-inner-menu ul li:hover ul.wp-block-navigation-submenu li a{
  color: #000000 !important
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover:after{
  display: none;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  color: var(--wp--preset--color--base);
}
p.return-to-shop a,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart], .woocommerce .cart .button,.product-template-default .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce #review_form #respond .form-submit input{
  background: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a:hover{
  text-decoration: none;
}
.header-inner-menu ul li a{
  position: relative;
  display: inline-block;
}
.post-block p.wp-block-post-author__name,.wp-block-post-date time,.post-block .wp-block-post-excerpt p.wp-block-post-excerpt__excerpt,.sidebar-heading{
  color: var(--wp--preset--color--contrast);
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -0px;
  background: #ffffff !important;  
}
.category-main{
  position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
  justify-content: center !important;
}
.slider {
  position: relative;
  margin-inline: auto;
}
.slider figure{
  margin-bottom: 0px !important
}
.category-main .grid-container {
  max-width: 100% !important;
  padding: 0px;
}
.category-main .categories-cloumn .owl-stage {
  padding-left: 0px !important;
}
.service-text-main{
  text-align: center;
}
.produc-image{
  position: relative;
}
.produc-image{
  margin-bottom: 15px !important;
}
.catbox .grid-container{
  max-width: 100% !important;
}
.catbox h3.g-d-title{
  margin-bottom: 40px !important;
  text-align: center;
}
.gtf-image-box{
  margin-bottom: 30px;
}
.catbox .gutentor-term {
  padding: 0px 6px;
}
.catbox .gtf-item {
  background-color: var(--wp--preset--color--base) !important;
  box-shadow: 0px 4px 4px 0px #D9ECFF80;
  border-radius: 20px;
  padding: 25px 0px !important;
}
.catbox h3.g-d-title a {
  font-weight: 600;
  font-family: var(--wp--preset--font-family--saira) !important;
  font-size: 22px;
  color: #324361;
  text-align: center;
}
.catbox span.g-d-count{
  font-family: var(--wp--preset--font-family--saira) !important;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px !important;
  color:#4F547B;
}
.blog-heading{
  text-align: center;
}
.service-text-main h4,.blog-heading h6{
  display: inline-block;
  position: relative;
  margin-bottom: 20px !important;
}
.service-text-main h4:after ,.blog-heading h6:after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0px;
  width: 50%;
  right: 0px;
  height: 4px;
  background-color: #BEE041;
  z-index: 0;
  border-radius: 3px;
  margin: 0 auto;
}
.blog-image{
  height: 180px;
  position: relative;
}
.center-box {
  border-style: dashed;
  border-top: 0px;
  border-bottom: 0px;
}
.header-inner-meta{
  position: relative;
}

.category-main .gtf-image img.normal-image {
  width: 100% !important;
  height: 220px !important;
}
.sale-product-box:hover{
  border:1px solid var(--wp--preset--color--secondary) !important;
}
.wp-block-social-links svg {
  font-size: 18px;
}
.dyna-product-box .wp-block-columns {
  align-items: center !important;
  height: 500px !important
}
.wp-block-cover__inner-container time a {
  color: #fff !important;
}
.owl-stage-outer {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0px !important;
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li:after{
  display: none;
}
button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 10px !important;
  align-items: center;
}

/*============== Effects Section ==============*/
.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}
.animations-show-item{
  opacity: 1;
  transform: translateY(0px);
}

/*============== Effects End Section ==============*/

.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}

footer.wp-block-template-part .webdesignercourses-footer-list {
  gap: 15px;
}
.social-icon {
  gap: 0px;
}
.social-icon li{
  background-color:transparent !important;
}
.social-icon li a svg{
  height: 20px !important;
  width: 20px !important;
}
/*.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,*/
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: var(--wp--preset--font-family--poppins) !important;
  font-weight: 500 !important;
}
.wp-block-woocommerce-customer-account a svg{
  height: 28px;
}
.wp-block-woocommerce-customer-account a{
  white-space: unset;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]:hover{
  background: var(--wp--preset--color--primary);
}

span.yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}

blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
  padding: 0px;
  margin: 10px 0px;
}

@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .slider-cover:after {
    position: absolute;
    content: "";
    top: 0%;
    left: 0px;
    width: 87%;
    height: 34%;
    background: var(--wp--preset--gradient--vertical-secondary-to-tertiary) !important;
    z-index: 1;
    border-radius: 0 50% 50% 0px;
  }
  .slider-cover:before{
    width: 87%;
    height: 34%;
    top: 0%;
  }
  .slider-right .right-image{
    margin-left: 0px !important;
  }
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  footer p{
    text-align: center !important;
  }
  .banner-column{
    gap:0px;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .banner-counter{
    position: relative;
  }
  .slider-right{
    margin-top: 30px !important;
  }
  .counter-cloumn-box{
    max-width: 90% !important;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: auto;
    right: auto;
    width: 100%;
    position: relative;
    padding: 0px 0px;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    width: 100% !important;
    align-items: center;
    gap: 0px;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul li a{
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-align: center;
  }
  .header-inner-menu ul li.wp-block-navigation-submenu{
    padding: 0px !important;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul {
    gap: 0px !important;
  }
  .header-inner-menu ul li ul.wp-block-navigation-submenu li a{
    justify-content: center;
  }
  .header-inner-menu ul li {
    padding: 0px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
  button.wp-block-navigation__responsive-container-close {
    background-color: var(--wp--preset--color--primary);
    padding: 5px;
    border-radius: 30px;
  }
  .wp-block-navigation__responsive-container-close svg{
    fill: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--base) !important;
  }
   .wp-block-navigation__responsive-container-open svg{
    fill: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--primary) !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
    width: 100% !important;
    align-items: center;
  }
  .slider img{
    height: 250px !important;
    margin: 0 auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-inner-menu li:after {
    display: none;
  }
  .banner-column{
    gap:0px;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .catbox .gtf-item{
    margin-bottom: 20px !important;
  }
  .gtf-image-box{
    text-align: center;
  }
  .catbox .grid-container {
    max-width: 100% !important;
    padding: 0px;
  }
  .client-box {
    position: absolute;
    right: -30px;
    top: 2%;
    z-index: 1;
  }
  .slide-item h2.custom-heading {
    font-size: 37px !important;
    margin: 0px !important;
    bottom: 0px;
  }
  .slider-right:before{
    display: none;
  }
  .blog-meta{
    gap:10px !important;
  }
  .banner-image{
    padding-left: 0px !important;
  }
  .center-box{
    border: 0px !important;
  }
  .small-image{
    display: none;
  }
  .category-main .owl-nav{
    display: none !important;
  }
  .slider-right:after{
    display: none;
  }
  .service-text-main h4,.service-text-main p{
    text-align: center;
  }

  .header-inner-meta .wp-block-buttons{
    justify-content: center;
  }
  .home .header-box-upper{
    position: relative;
  }
  .banner-cover{
    padding-top: 0px !important;
  }
  .slider{
    text-align: center;
  }
  .slider .wp-block-buttons {
    justify-content: center;
  }
  .right-image img {
    width: 80% !important;
    height: 320px !important;
  }
  .slider .owl-dots{
    left: 0px;
    right: 0px;
    margin: 0 auto;
    justify-content: center;
  }
  .service-text h6,.service-text p{
    text-align: center !important;
  }
  .header-inner-menu nav{
    justify-content: center !important;
  }
  .header-inner-menu ul{
    justify-content: center;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .header-logo h1 {
    text-align: center;
  }
  .header-box-upper{
    position: relative;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  .slider-cover:after {
    position: absolute;
    content: "";
    top: 0%;
    left: 0px;
    width: 87%;
    height: 34%;
    background: var(--wp--preset--gradient--vertical-secondary-to-tertiary) !important;
    z-index: 1;
    border-radius: 0 50% 50% 0px;
  }
  .slider-cover:before{
    width: 87%;
    height: 34%;
    top: 0%;
  }
  .right-image img {
    width: 50% !important;
    height: 320px !important;
  }
  .slide-item h2.custom-heading{
    font-size: 67px !important;
  }
  .award-box h6{
    font-size: 15px !important;
  }
  .category-main .wp-block-columns{
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .banner-mian-group{
    padding-top: 30px !important;
  }
  .general-header-middle{
    max-width: 90% !important;
  }
  .about-box{
    display: grid !important;
    grid-template-columns: auto auto auto !important; 
  }
  .banner-image{
    text-align: center;
  }
  .banner-image .right-image img {
    width: 80% !important;
  }
  .categories-cloumn{
    display: grid !important;
    grid-template-columns: auto auto;
  }
  .slider img{
    height: 300px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .header-inner-menu ul {
    gap:0px !important;
  }
  .header-inner-meta {
    flex-basis: 26% !important;
  }
  .banner-left-box,.slider-right{
    flex-basis: 50% !important;
  }
  .service-box-single .wp-block-columns{
    gap:0px;
  }
  .slider-cover{
    min-height: 500px !important;
  }
  .slide-item h2.custom-heading{
    font-size: 80px !important;
  }
  .slide-item h2.custom-heading {
    bottom: -11px;
  }
  .slider-right:before {
    right: 37px;
  }
  .count-row,.blog-meta{
    gap:10px;
  }
  .header-inner-meta .wp-block-group{
    gap:10px;
  }
  .header-logo h1{
    font-size: 20px !important;
  }
  .banner-left-box .slider h2 {
    font-size: 26px !important;
  }
  .counter-cloumn-box p{
    max-width: 52% !important;
  }
  .slider-right .right-image {
    margin-left: -18% !important;
  }
  .counter-cloumn-box{
    max-width: 90% !important;
  }
  .banner-left-box .slider h2.short-title{
    font-size: 14px !important;
  }
  .header-inner-menu{
    flex-basis: 72% !important;
  }
  .blog-column ,.general-header-middle,.slide-item,.category-column, footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-89f6da4a.wp-block-columns-is-layout-flex,.news-heading-box ,.news-section .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow,.tour-box,.about-box,.service-group,.general-top-header .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex,.general-header-middle .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex{
    max-width: 90% !important;
  }
  .header-box{
    gap:10px !important;
  }
  .wp-block-social-links{
    gap:7px !important;
  }
  .slider img{
    height: 300px !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .about-box,.category-main{
    gap:10px;
    max-width: 90% !important;
  }
  .counter-cloumn-box{
    display: grid !important;
    gap:10px;
    padding: 10px 10px !important;
    grid-template-columns: auto auto auto !important;
  }
  .banner-counter{
    position: relative;
  }
  .slider-right{
    margin-top: 30px !important;
  }
  .slider-right .right-image{
    margin-left: 0px !important;
  }

}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .single-image figure{
    width: 100% !important;
  } 
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .wc-block-components-product-price{
    font-size: 15px !important;
  }
  .counter-cloumn-box p{
    max-width: 52% !important;
  }
  .wp-block-social-links{
    gap:10px !important;
  }
}