/**
 * Theme Name: Ktm Design and Build
 * Theme URI: 
 * Author: Good Looking Themes
 * Author URI: https://glthemes.com/
 * Description: 
 * Requires at least: 6.4
 * Tested up to: 6.4
 * Requires PHP: 7.4
 * Version: 1.0.0
 * License: GNU General Public License v3 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: business-fse-pro
 * Domain Path: /languages
 * Template: business-fse-pro
 * Tags: full-site-editing, block-patterns, block-styles, custom-logo, editor-style, featured-images, wide-blocks, translation-ready, one-column, two-columns, three-columns, four-columns, blog, education, entertainment,style-variations
*/


/* Roboto Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:wght@400;500;700&display=swap');

/* Variables */
:root {
    --ktm-body-font: "Roboto", sans-serif;
    --ktm-heading-font: "Playfair Display", serif;
}


/* Resets */
*{
    font-family: var(--ktm-body-font) !important;
}

h1,h2,h3,h4,h5,h6{
    font-family: var(--ktm-heading-font) !important;
}

body{
    background-color: #EFEFEF !important;
}

/* Header */
.nav-menu{
    width: 100%;
}

.main-header ul.wp-block-navigation__container li a {
    font-weight: 400;
}

.main-header  ul.wp-block-navigation__container li a:hover{
    color: #3E0A3F;
    opacity: 1 !important;
    border-color: #3E0A3F;
}


/* banner */

.banner4 .wp-block-cover .wp-block-cover__inner-container{
    bottom: 50% !important;
    left: 50% !important;
    transform: translate(-50%, 50%);
}
.owl-carousel.banner-slider-2 .owl-nav .owl-next,.owl-carousel.banner-slider-2 .owl-nav .owl-prev{
    background-image: none;
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.85118 15.6501C6.79313 15.5921 6.74707 15.5232 6.71565 15.4475C6.68423 15.3717 6.66805 15.2904 6.66805 15.2084C6.66805 15.1263 6.68423 15.0451 6.71565 14.9693C6.74707 14.8935 6.79313 14.8247 6.85118 14.7667L11.617 10.0001L6.85118 5.23339C6.79318 5.17539 6.74717 5.10653 6.71578 5.03075C6.68439 4.95497 6.66824 4.87375 6.66824 4.79173C6.66824 4.7097 6.68439 4.62848 6.71578 4.5527C6.74717 4.47692 6.79318 4.40806 6.85118 4.35006C6.90918 4.29206 6.97804 4.24605 7.05382 4.21466C7.1296 4.18327 7.21082 4.16711 7.29285 4.16711C7.37487 4.16711 7.45609 4.18327 7.53188 4.21466C7.60766 4.24605 7.67651 4.29206 7.73451 4.35006L12.9428 9.55839C13.0009 9.61636 13.047 9.68521 13.0784 9.76099C13.1098 9.83678 13.126 9.91802 13.126 10.0001C13.126 10.0821 13.1098 10.1633 13.0784 10.2391C13.047 10.3149 13.0009 10.3838 12.9428 10.4417L7.73451 15.6501C7.67654 15.7081 7.6077 15.7542 7.53191 15.7856C7.45613 15.817 7.37489 15.8332 7.29285 15.8332C7.21081 15.8332 7.12957 15.817 7.05378 15.7856C6.978 15.7542 6.90915 15.7081 6.85118 15.6501Z' fill='black'/%3E%3C/svg%3E%0A");
    mask-repeat: no-repeat;
    background-color: #fff;
    mask-size: 48px;
    top: 50%;
    transform: translateY(-50%);
}
.owl-carousel.banner-slider-2 .owl-nav .owl-next{
    transform: translateY(-50%) rotate(0);
}
.owl-carousel.banner-slider-2 .owl-nav .owl-prev{
    transform: translateY(-50%) rotate(180deg);
}

/* gallery */
.wp-block-gallery{
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    gap: 42px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.wp-block-gallery > figure{
  height: 250px;
}
.wp-block-gallery figcaption{
    font-size: 18px !important;
    font-family: var(--ktm-heading-font) !important;
    font-weight: 600 !important;
}

@media screen and (min-width: 575px){
  .wp-block-gallery{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 979px){
	.wp-block-gallery{
      grid-template-columns: repeat(3, 1fr);
  	}
}


/* footer */
footer .wp-block-heading{
    font-family: var(--ktm-body-font) !important;
}


/* contact */

.wpcf7{
    width: 100%;
}
.wpcf7-form-control-wrap input,textarea{
    box-sizing: border-box;
    max-width: 100%;
}
.form-grid{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
}
@media screen and (min-width: 575px){
    .form-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 42px;
    }
}  
.wpcf7 input[type=submit]{
    padding: 12px 28px !important;
    background-color: var(--wp--preset--color--primary-color);
    color: #fff;
    text-align: center;
    border: 1px solid var(--wp--preset--color--primary-color);
    font-size: 16px;
    cursor: pointer;
    transition: all ease 0.35s;
}
.wpcf7 input[type=submit]:hover{
    background-color: transparent;
    color: var(--wp--preset--color--primary-color);
}
.wpcf7-form-control-wrap .wpcf7-list-item{
    margin: 0 !important;
}
.page-template-contact .wpcf7-form p,.page-template-contact .wpcf7-form label,.page-template-contact .wpcf7-form span{
    color: #fff !important;
}
.page-template-contact .wpcf7-form span.wpcf7-not-valid-tip{
    color: #e91e63 !important;
}
.page-template-contact .wpcf7-form p input{
    margin-bottom: 0 !important; 
}

.page-template-contact .wpcf7-form input,.page-template-contact .wpcf7-form textarea{
    box-sizing: border-box;
    border-radius: 4px;
    max-width: 100%;
}

.page-template-contact .wpcf7-form input[type=submit]{
    padding: 12px 28px;
    background-color: var(--wp--preset--color--primary-color);
    color: #fff;
    text-align: center;
    border: 1px solid var(--wp--preset--color--primary-color);
    font-size: 16px;
    cursor: pointer;
    transition: all ease 0.35s;
}

.page-template-contact .wpcf7-form input[type=submit]:hover{
    background-color: transparent;
    color: var(--wp--preset--color--primary-color);
}
.nav-menu .wp-block-social-links{
    display: none;
 }
.banner-slider-2 .owl-next{
  right: 4px !important;
}
.banner-slider-2 .owl-prev{
  left: 4px !important;
}
@media screen and (min-width: 545px){
  .banner-slider-2 .owl-next{
  right: 10% !important;
}
.banner-slider-2 .owl-prev{
  left: 10% !important;
}
}
@media screen and (min-width: 979px){
  .desktop-header-top{
    display: none;
  }
  .nav-menu .wp-block-social-links{
    display: flex;
  }
}