/*
Theme Name: Sepanta
Theme URI: http://ehsanargani.com
Author: Ehsan Argani
Author URI: http://ehsanargani.com
Description:
Version: 1.0
*/

    /*=============== GOOGLE FONTS ===============*/
    @import url("https://fonts.googleapis.ccss2?family=Poppins:wght@400;500;600&display=swap");
    /*=============== VARIABLES CSS ===============*/
    :root {
        --header-height: 3.5rem;
        /*========== Colors ==========*/
        /*Color mode HSL(hue, saturation, lightness)*/
        --first-color: hsl(220, 68%, 54%);
        --first-color-lighten: hsl(220, 68%, 97%);
        --text-color: hsl(220, 12%, 45%);
        --body-color: hsl(220, 100%, 99%);
        /*========== Font and typography ==========*/
        /*.5rem = 8px | 1rem = 16px ...*/
        --normal-font-size: 0.938rem;
        --small-font-size: 0.813rem;
        --smaller-font-size: 0.75rem;
        /*========== Font weight ==========*/
        --font-medium: 500;
        /*========== z index ==========*/
        --z-tooltip: 10;
        --z-fixed: 999;
    }

    @media screen and (min-width: 1024px) {
        :root {
            --normal-font-size: 1rem;
            --small-font-size: 0.875rem;
            --smaller-font-size: 0.813rem;
        }
    }

    /*=============== BASE ===============*/

    ul {
        list-style: none;
    }

    a {
        text-decoration: none;
    }

    /*=============== REUSABLE CSS CLASSES ===============*/

    /*=============== HEADER ===============*/
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 2px 8px hsla(220, 68%, 12%, 0.1);
        backdrop-filter: blur(107px) brightness(100%);
        z-index: var(--z-fixed);
    }

    /*=============== NAV ===============*/
    

    .nav__data {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav__logo {
        display: inline-flex;
        align-items: center;
        column-gap: 0.25rem;
        color: var(--title-color);
        font-weight: var(--font-semi-bold);
        transition: color 0.3s;
        margin-left: 3rem;
    }

    .nav__logo i {
        font-size: 1.25rem;
    }

    .nav__logo:hover {
        color: var(--first-color);
    }

    .nav__toggle {
        position: relative;
        width: 32px;
        height: 44px;
    }

    .nav__toggle-menu,
    .nav__toggle-close {
        font-size: 32px;
        color: #52514f;
        position: absolute;
        display: grid;
        place-items: center;
        inset: 0;
        cursor: pointer;
        transition: opacity 0.1s, transform 0.4s;
    }

    .nav__toggle-close {
        font-size: 32px;
        opacity: 0;
    }

    @media screen and (max-width: 1118px) {
        .dropdown__content {
            padding-right: 20px;
            padding-left: 20px;
            width: 100%;
        }

        .nav__menu {
            background-color: #efdcbd;
            position: absolute;
            right: 0;
            top: 2.5rem;
            height: calc(100vh - 3.5rem);
            overflow: auto;
            padding-block: 1.5rem 4rem;
            pointer-events: none;
            opacity: 0;
            transition: top 0.4s, opacity 0.3s;
        }

        .image__dropdown {
            display: none;
        }

        .nav__logo {
            margin-left: 0;
        }

        .nav__menu::-webkit-scrollbar {
            width: 0.5rem;
        }

        .nav__menu::-webkit-scrollbar-thumb {
            background-color: hsl(220, 12%, 70%);
        }
    }

    .nav__link{
        color: #202020;
        font-weight: var(--font-semi-bold);
        padding: 1.25rem 1.5rem;
        display: flex;
        align-items: center;
        transition: background-color 0.2s;
        justify-content: right;
        font-size: 1.25rem;

    }

    .nav__link:hover {
        color: var(--title-color);
        background-color: #f5911521;
    }

    /* Show menu */
    .show-menu {
        opacity: 1;
        top: 3.5rem;
        pointer-events: initial;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 50px;
    }

    /* Show icon */
    .show-icon .nav__toggle-menu {
        opacity: 0;
        transform: rotate(90deg);
    }

    .show-icon .nav__toggle-close {
        opacity: 1;
        transform: rotate(90deg);
    }

    /*=============== DROPDOWN ===============*/
    .dropdown__button {
        cursor: pointer;
    }

    .dropdown__arrow {
        font-size: 1.5rem;
        font-weight: initial;
        transition: transform 0.4s;
    }

    .dropdown__content,
    .dropdown__group,
    .dropdown__list {
        display: grid;
    }

    .dropdown__container {
        /* background-color: var(--first-color-lighten); */
        height: 0;
        overflow: hidden;
        transition: height 0.4s;
        /* background-image: url(../images/aparteman.png); */
        text-align: right;
        display: flex;
        justify-content: end;
        opacity: 1;
    }

    .dropdown__content {
        row-gap: 1.75rem;
    }

    .dropdown__group {
        padding-left: 2.5rem;
        row-gap: 0.5rem;
        text-align: right;
    }

    .dropdown__group:first-child {
        margin-top: 1.25rem;
    }

    .dropdown__group:last-child {
        margin-bottom: 1.25rem;
    }

    .dropdown__icon i {
        font-size: 1.25rem;
        color: #f59115;
    }

    .dropdown__title {
        font-size: 20px;
        font-weight: var(--font-semi-bold);
        color: var(--title-color);
        direction: rtl;
        text-align: right;
    }

    .dropdown__list {
        row-gap: 1.25rem;
    }

    .dropdown__link {
        font-size: 18px;
        font-weight: var(--font-medium);
        color: var(--text-color);
        transition: color 0.3s;
    }

    .dropdown__link:hover {
        color: var(--title-color);
        color: #f59115;
    }

    /* Rotate dropdown icon */
    .show-dropdown .dropdown__arrow {
        transform: rotate(180deg);
    }

    /*=============== BREAKPOINTS ===============*/
    /* For small devices */
    @media screen and (max-width: 300px) {
        .dropdown__group {
            padding-left: 1.5rem;
        }

        .dropdown__container {
            background-image: none;
            /* height: 700px; */
        }
    }

    /* For large devices */
    @media screen and (min-width: 1118px) {
        /* Nav */
       

        .nav__toggle {
            display: none;
        }

        .nav__list {
            column-gap: 3rem;
            height: 100%;

            display: flex;
            justify-content: center;
        }
        .nav_list{
            width: 30%;
            column-gap: 3rem;
            display: flex;
            justify-content: center;
            height: 100%;
        }

        .nav__menu {
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .nav li {
            display: flex;
        }

        .nav__link {
            padding: 0;
        }

        /* Dropdown */
        .dropdown__button {
            column-gap: 0.25rem;
            pointer-events: none;
        }

        .dropdown__container {
            direction: rtl;
            height: max-content;
            text-align: right;
            position: absolute;
            left: 0;
            right: 0;
            top: 6.5rem;
            background-image: none;
            /* background-color: var(--body-color); */
            box-shadow: 0 6px 8px hsla(220, 68%, 12%, 0.05);
            pointer-events: none;
            opacity: 0;
            transition: top 0.4s, opacity 0.5s;
            display: flex;
            justify-content: space-around;
        }

        .dropdown__content {
            grid-template-columns: repeat(4, max-content);
            column-gap: 10rem;
        }

        .dropdown__group {
            align-content: baseline;
            row-gap: 1.25rem;
        }

        .dropdown__group:first-child,
        .dropdown__group:last-child {
            margin: 0;
        }

        .dropdown__list {
            row-gap: 0.75rem;
        }

        .dropdown__icon {
            width: 60px;
            height: 60px;
            background-color: var(--first-color-lighten);
            border-radius: 50%;
            display: grid;
            place-items: center;
            margin-bottom: 1rem;
        }

        .dropdown__icon i {
            font-size: 2rem;
        }

        .dropdown__title {
            font-size: var(--normal-font-size);
        }

        .dropdown__link {
            font-size: var(--small-font-size);
        }

        .dropdown__link:hover {
            color: var(--first-color);
            color: #f59115;
        }

        .dropdown__item {
            cursor: pointer;
        }

        .dropdown__item:hover .dropdown__arrow {
            transform: rotate(180deg);
            color: #f59115;
        }

        .dropdown__item:hover > .dropdown__container {
            top: 4.5rem;
            padding: 10px;
            background-color: white;
            opacity: 1;
            pointer-events: initial;
            cursor: initial;
            box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
            rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
            rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
            background-image: url(<?php bloginfo('template_url'); ?>/assets/images/aparteman.png);
            background-size: cover;
        }
    }

    @media screen and (min-width: 1152px) {
        .container {
            margin-inline: auto;
        }
        
        
   
        
    }
    
    .page_subtitle{
    font-weight:normal;
    }
    textarea#comment {
    margin-right: 0px;
    width: 629px;
    height: 90px;
    background-color: #A0A0A0;
}

@media (min-width:375px) and (max-width:767.99px) {
 /* navbar part start */
    textarea#comment{
          
          width:100%;
      }
      .landing-page .text-wrapper-5{
          font-size:14px !important;
      }
        .landing-page .text-wrapper-6{
          font-size:12px !important;
      }
      .card-content h1{
          font-size:18px;
      }
}
.page_breadcump{
    direction:rtl;
}
.about_us_header{
    font-size:19px;
    font-weight:bold;
    line-height:2em;
}
.single_content{
    margin:40px;
}
.single_content p{
    line-height:2em;
    text-align:justify;
    font-size:15px;
}
.single_breadcrumb nav {
    margin-right:40px;
}
.other_breadcrumb{
    direction:ltr;
}

     .pro_card {
      position: relative;
       right: 268px;
       top: 10px;
       
     }

       .line2 img {
         width: 46px;
         height: 28px;
         position: relative;
         left: 308px;
         top: 85px;

     }
       .pro_title{
         font-size: 24px;
         margin-right:20px;
         padding-top:16px;
         font-weight:800;
       }
      @media screen and (max-width: 768px) {
      .line img{
        display: none;
      }
        .pro_card {
          position: relative;
          right: 0;
          top:0;
        }
        .line2 img{
          display: none;
        }

      }
      .metrage{
          padding-bottom:40px;
          padding-top:40px;
          margin-right:30px;
         font-weight:800;
      }
      
     

       .line img {
        width: 50%;
        height:auto;
        position: absolute;
        top: 511px;
        left: 240px;

      }
.card__image{
    height:130px;
}
input#input_1_13 
{
    border:black;
}
textarea#input_1_12 {
     border:black;
}
input#input_1_14{
     border:black;
} 
input#input_1_11{
     border:black;
}
input#input_1_10_3{
     border:black;
}

body #gform_wrapper_1 .gform_body .gform_fields .gfield input{
    border:#2A2829;
}
.gform_body .gform_fields .gfield#field_1_11 input[type=number]{
     border:#2A2829;
}
body #gform_wrapper_1 .gform_body .gfield#field_1_12 textarea{
    
    border:#2A2829;
}
body #gform_wrapper_1 .gform_heading .gform_title{
    text-align:right;
}
.strip{
    background-color: rgba(173, 157, 83, 0.49);
    
    
    position: sticky;
    left:134px;
    flex: 1;
}
.strip_image{
    display: flex;
}
.image_strip {
    flex:7;
    vertical-align: top;
}
.strip p{
    display:none;
}
.pro_info p{
    font-size:20px;
}
.breadcrumpnav{
    direction:ltr;
}
.breadcrump_ol a {
    margin: 0px 10px;
    font-weight:bold;
}
.navbar .navbar-nav .active {
    color: rgba(245, 145, 21, 1);
}


.dropdown:hover .dropdown-menu{
    display:block;
    position:relative;
    transition: 0.3s;

  
}
.dropdown:hover .dropdown-menu .dropdown-submenu .dropdown-menu{
    display:none;
}
.dropdown:hover .dropdown-menu .dropdown-submenu:hover .dropdown-menu{
     display:block;
      transition: 0.3s;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu .dropdown-menu {
    top: 0; left: 95%; margin-top: -1px;
}
@media (max-width: 992px)
{
    .dropdown-menu {
        padding: .5rem 0;
        margin: .125rem 0 0;
    }
    li > ul > li > ul > li > .dropdown-item {
        padding: .25rem 3rem;
    }
    li > ul > li > ul > li > .dropdown-item:before {
        content: '• ';
    }
}





.list-group-item.active{
    background-color:rgba(245,145,21,1) !important;
    color:black !important;
}
.list-group-item a{
    color:black !important;
}
.self-stretch h1{
    text-align:right !important;
}
.dropdown-menu li.nav-item{
    margin:6px!important;
}