/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

h2.onvan2 > span {
    font-size: 1em!important;
}

.breadcrumb.breadcrumbs.avia-breadcrumbs {
    line-height: 2.5em;
}


.chat-header-icon {
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
}

.chat-area {
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

#live_support_submit {
    padding: 5px 15px;
    border-radius: 5px;
    margin-right: 10px;
    color: white;
}

#live_number_taken {
    font-size: 0.7em!important;
    border-radius: 5px!important;
}

a.call-now {
    border-radius: 5px!important;
}

div .attachment-preview {
background: #fff;
}

div .attachment-preview  .thumbnail{
padding:0;
border:none;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
margin: 0 auto;
background: #fff;
}



/*image only uploader*/
.avia-media-img-only .media-sidebar .attachment-details .attachment-info,  
.avia-media-img-only .media-frame-menu,
.avia-media-img-only .media-sidebar .attachment-details .setting[data-setting="caption"],
.avia-media-img-only .media-sidebar .attachment-details .setting[data-setting="description"]
{
display:none;
}

.avia-media-img-only .attachment-display-settings .setting{
display:none;
}

.avia-media-img-only .attachment-display-settings .setting span{
float:none;
}

.avia-media-img-only .attachment-display-settings .setting:last-child{
display:block;
}

.avia-media-img-only .media-frame-title, .avia-media-img-only .media-frame-router, .avia-media-img-only .media-frame-content, .avia-media-img-only .media-frame-toolbar{
left: 0;
}

/*image uploader, id based (hides everything) */

.avia-media-img-only-no-sidebars .media-sidebar, .avia-media-img-only-no-sidebars .attachment-display-settings .setting, .avia-media-img-only-no-sidebars  .media-sidebar .attachment-details,  .avia-media-img-only-no-sidebars  .media-frame-menu {
display:none;
}

.avia-media-img-only-no-sidebars .attachments-browser .attachments, .avia-media-img-only-no-sidebars .attachments-browser .uploader-inline, .avia-media-img-only-no-sidebars .attachments-browser .media-toolbar  {
right: 0;
}

.avia-media-img-only-no-sidebars .media-frame-title, .avia-media-img-only-no-sidebars .media-frame-router, .avia-media-img-only-no-sidebars .media-frame-content, .avia-media-img-only-no-sidebars .media-frame-toolbar{
left: 0;
}


/*gallery uploader*/

.avia-media-gallery-insert .media-sidebar .setting[data-setting="caption"],
.avia-media-gallery-insert .media-sidebar .setting[data-setting="description"],
.avia-media-gallery-insert .media-sidebar .gallery-settings
{
display:none;
}




/*video uploader*/

div .avia-video-element{
background: #333;
text-align: center;
color:#fff;
}

div div .avia-video-element img{
margin:10px 0 2px 0;
padding:10px;
background: #fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px;
top:0;
}

div .avia-video-element .avia-element-url{
padding-bottom:10px;
position: relative;
top:-7px;
}

div .avia-video-element .avia_inner_shortcode{
margin: 6px;
border: 1px solid #666;
overflow: hidden;
background: transparent !important;
}

div .avia-video-element .avia_inner_shortcode .avia-element-label{display:block;}

.avia-blank-insert .attachments-browser .attachments, .avia-blank-insert .attachments-browser .uploader-inline, .avia-blank-insert .attachments-browser .media-toolbar  {
right: 0;
}

.avia-blank-insert .media-sidebar, .avia-blank-insert .media-frame-menu {
display:none;
}

.avia-blank-insert .media-frame-title, .avia-blank-insert .media-frame-router, .avia-blank-insert .media-frame-content, .avia-blank-insert .media-frame-toolbar{
left: 0;
}

.avia-element-video .button, .avia-element-video .button {
line-height: 32px;
height: 33px;
width: 161px;
text-align: center;
z-index: 3;
margin-bottom:10px;
}


/*multi image and audio upload into modal*/

div .avia-element-multi_image.avia-form-element-container,
div .avia-element-audio_player.avia-form-element-container{
padding: 0;
background: transparent;
border:none;
}

div .avia-element-multi_image .button,
div .avia-element-audio_player .button{
top: 1px;
}


/*additional fields*/

.compat-item .compat-field-av-custom-link{display:none;}
.av-show-image-custom-link .compat-field-av-custom-link{display:block;}


/*preview images*/

div div .avia_image img{
top:0;
}

.avia-delete-image {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
height: 24px;
display: block;
width: 24px;
left: 5px;
line-height: 24px;
background: white url(https://honaramoozan.com/wp-content/themes/images/icon-trash.png) top left no-repeat;
overflow: hidden;
text-indent: 214%;
z-index: 10;
border-top: 1px solid #E1E1E1;
cursor: pointer;
position: relative;
z-index: 100;
top: -30px;
border-right: 1px solid #E1E1E1;
}

.avia-delete-image:hover{
background: white url(https://honaramoozan.com/wp-content/themes/images/icon-trash.png) bottom left no-repeat;
}

.avia-element-gallery .avia-delete-image {
display:none;
}

.avia-builder-prev-img-container-wrap{position: relative; margin-top:10px; overflow: hidden;}

.avia-builder-prev-img-container{
overflow: hidden;
position: relative;
}

.avia-builder-prev-img-container img{
max-width:99%;
border:1px solid #e1e1e1;
background: #f8f8f8;
margin:1px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
display:block;
float:left;
min-width:80px;
min-height:80px;
cursor: pointer;
}

div div .attachment-preview .thumbnail{background: #f8f8f8;}

.avia-element-gallery .avia-builder-prev-img-container img{
height:80px;
width:80px;
}

.avia-element-image .avia-builder-prev-img-container img{
max-height:300px;
background-color: #f8f8f8;
background-image: linear-gradient(45deg, #CBCBCB 25%, transparent 25%, transparent 75%, #CBCBCB 75%, #CBCBCB), linear-gradient(45deg, #CBCBCB 25%, transparent 25%, transparent 75%, #CBCBCB 75%, #CBCBCB);
background-size: 16px 16px;
background-position: 0 0, 8px 8px;
}


.avia-element-gallery .button, .avia-element-image .button, .avia-element-multi_image .button, .avia-element-audio_player .button{
line-height: 32px;
height: auto;
position: absolute;
top: 17px;
width: 161px;
text-align: center;
z-index: 3;
}

.avia-delete-gallery-button.button, .avia-delete-gallery-button.button:hover{
width:auto;
margin-left:7px;
color: #FFF;
opacity: 1;
border-color: #D54E21;
background-color: #D54E21;
background-image: -webkit-gradient(linear,left top,left bottom,from(#DD7C5C),to(#D54E21));
background-image: -webkit-linear-gradient(top,#DD7C5C,#D54E21);
background-image: -moz-linear-gradient(top,#DD7C5C,#D54E21);
background-image: -ms-linear-gradient(top,#DD7C5C,#D54E21);
background-image: -o-linear-gradient(top,#DD7C5C,#D54E21);
background-image: linear-gradient(to bottom,#DD7C5C,#D54E21);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}


.avia-delete-gallery-button.button:hover{
background-color: #DD7C5C;
background-image: none;
}

.avia-style .avia-element-gallery>div, .avia-style .avia-element-image>div{
width:100%;
float:none;
position: static;
}

.avia-style .avia-element-gallery .avia-name-description, 
.avia-style .avia-element-image .avia-name-description,
.avia-style .avia-element-multi_image .avia-name-description{
margin-left:167px;
width: auto;
}

/*gallery  in meta box and not in modal window*/
.postbox .avia-element-gallery .button{ position: relative; top:0;}


/*slideshow*/

.av_slideshow .avia_inner_shortcode img, 
.av_slideshow .avia_inner_shortcode .avia-element-label,
.av_slideshow_full .avia_inner_shortcode img, 
.av_slideshow_full .avia_inner_shortcode .avia-element-label, 
.av_fullscreen .avia_inner_shortcode img, 
.av_fullscreen .avia_inner_shortcode .avia-element-label
{
display:block; margin:0 auto; top:0;
}

.avia-modal-group-element-inner .avia_slideshow_image
{width:40px; height:40px; display:block; float:left; margin-right:10px; border:1px solid #e1e1e1; background: #fff url(https://honaramoozan.com/wp-content/themes/images/placeholder-image.png) center center no-repeat;}
.avia-modal-group-element-inner .avia_slideshow_image img{max-width: 100%; height: auto; display: block; padding:3px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.avia-multi-img .avia-modal-group-element-inner{clear: both; overflow: hidden;}
.avia-multi-img .avia-modal-group-element-inner>div { overflow: hidden; }
.avia_slideshow_content{ overflow: hidden;}
.avia_slideshow_content .avia_title_container_inner{padding:0; margin:0;}
.avia_slideshow_content .avia_content_container{margin:3px 0 0 0;}
.avia_slideshow_content .avia_content_container p { padding: 0; margin: 0; }
.avia_slideshow_content .avia_content_container br{display:none;}
.avia_slideshow_content .avia_video_url{display:none;}

/*video slide*/
.avia-modal-group-element-inner .avia-slide_type-video .avia_slideshow_image{ background: #fff url(https://honaramoozan.com/wp-content/themes/images/placeholder-video.png) center center no-repeat; }
.avia-modal-group-element-inner .avia-slide_type-video .avia_slideshow_image img{ visibility: hidden; }
.avia-modal-group-element-inner .avia-slide_type-video .avia_video_url{display:block;}


/*layerslider*/
div .ls-preview .draggable > *{line-height: 1.1em;}
#ls-import-samples-template h3{}
#ls-import-samples-template h3 + .inner{display: none;}



/*multi audio upload into modal*/
.avia-style .avia-element-audio_player .avia-name-description{
	margin-left:190px;
	width: auto;
}

/*audioplayer*/
.avia-modal-group-element-inner .avia_audiolist_image {width:40px; height:40px; display:block; float:left; margin-right:10px; border:1px solid #e1e1e1; background: #fff url(https://honaramoozan.com/wp-content/themes/images/placeholder-audio.png) center center no-repeat;}
.avia-modal-group-element-inner .avia_audiolist_content{
	float: left;
	margin: -3px 0 0 3px;
	line-height: 0px;
}
.avia-modal-group-element-inner .avia_audiolist_content p{
	line-height: 8px;
}

.avia-modal-group-element-inner .avia_audiolist_image img{display:none;}
.avia_audiolist_content .avia_content_description{display:none;}
.avia_audiolist_content .avia_content_album{display:none;}
.avia_audio_url{position: relative; top:-4px;}

.avia-media-audio-insert .playlist-settings{display:none;}

/* SPECIAL OFFERES */


#offer--card {
  position: relative;  
  color: white;
  padding: 15px;
}

.picture--card img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
  box-shadow: 0px 2px 8px #00000052;
}

.info--card {
    top: 0;
    height: auto;
    background-color: #bf033b;
    background-image: linear-gradient(315deg, #bf033b 0%, #ffc719 74%);
    
    padding: 1em;
    border-radius: 25px;
    background-position: center;
    background-size: cover;
        position: relative;
    z-index: 2;
}

.card--ribbon {
  text-align: center;
}

.title--card {
    margin: 1em 0;
    background: red;
    display: inline-block;
    padding: .5em 2em;
    position: relative;
    height: 46px;
    font-family: 'vazir';
    font-weight: 900;
}

.title--card::after {
    content: '';
    position: absolute;
    border-top: 6px solid #ff0000bd;
    border-bottom: 6px solid #0000ff00;
    border-right: 6px solid #0000ff00;
    border-left: 6px solid #ff0000bd;
    top: 100%;
    right: 0;
}

.title--card::before {
    content: '';
    position: absolute;
    border-top: 6px solid #ff0000bd;
    border-bottom: 6px solid #0000ff00;
    border-right: 6px solid #ff0000bd;
    border-left: 6px solid #0000ff00;
    top: 100%;
    left: 0;
}

.ribbon-outer::after {
    position: absolute;
    width: calc(29px + 4%);
    height: 100%;
    background: #ff00008f;
    left: 95%;
    z-index: 0;
    content: '';
    top: 12px;
}

.ribbon-outer::before {
    position: absolute;
    width: calc(29px + 4%);
    height: 100%;
    background: #ff00008f;
    right: 95%;
    z-index: 0;
    content: '';
    top: 12px;
}

.outer-triangles-right::after {
    content: '';
    border-top: 11px solid transparent;
    border-bottom: 11px solid #ff00008f;
    border-right: 7px solid transparent;
    border-left: 7px solid #ff00008f;
    position: absolute;
    left: calc(100% + 26px);
    top: 36px;
}

.outer-triangles-right::before {
content: '';
    border-top: 11px solid #ff00008f;
    border-bottom: 11px solid transparent;
    border-right: 7px solid transparent;
    border-left: 7px solid #ff00008f;
    position: absolute;
    left: calc(100% + 26px);
    top: 12px;
}

.outer-triangles-left::before {
    content: '';
    border-top: 11px solid #ff00008f;
    border-bottom: 11px solid transparent;
    border-right: 7px solid #ff00008f;
    border-left: 7px solid #ff000000;
    position: absolute;
    right: calc(100% + 26px);
    top: 12px;
}

.outer-triangles-left::after {
content: '';
    border-top: 11px solid transparent;
    border-bottom: 11px solid #ff00008f;
    border-right: 7px solid #ff00008f;
    border-left: 7px solid #ff000000;
    position: absolute;
    right: calc(100% + 26px);
    top: 36px;
}

.off--card {
text-align: center;
    font-size: 1.5em;
    margin-bottom: .5em;
    margin-top: .5em;
}

.off--card--subdescription {
  text-align: center;
  margin-bottom: 1em;
}

.dark-layer--car {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000008a;
    border-radius: 20px;
    right: 0;
    z-index: -1;
}

.off--card--description {
  text-align: justify;
  padding: 1em;
}

.off--card--buttons {
  text-align: center;
  margin-top: 0.5em;
  display: flex;
  justify-content: space-evenly;
}

.off--card--buttons button, .off--card--buttons a {
  background: red;
  padding: 0.5em 0.5em;
  margin: 1em;
  border-radius: 5px;
  display: block;
  text-decoration: none;
  color: white!important;
  width: max-content;
font-size: calc(1em - 30%);
}

    #live_number_taken {
            text-align: right!important;
    }
/* stickky bottom navbar for mobile */


@media only screen and (max-device-width: 480px) {
    
    body#top {
        padding-bottom: 7rem!important;
        background: #141414;
    }

    .off--card--buttons {
        display: flex;
        flex-wrap: wrap;
    }
    .off--card--buttons a {
    width: 100%!important;
    }
    #header_main {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0px;
        border: 0;
        background-color: transparent!important;
        background-image: url('https://honaramoozan.com/wp-content/themes/enfold/images/wrapper.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .container.av-logo-container {
        width: 100%!important;
        margin: 0!important;
        max-width: 100%!important;
    }
    .grid-for-navbar-bottom {
        display: grid;
        grid-template-columns: 1fr 1fr 160px 1fr 1fr;
        grid-template-rows: 70px;
        grid-row: 1;
    }
    .grid-for-navbar-bottom > a > span, .grid-for-navbar-bottom > button > span, .grid-for-navbar-bottom > nav > span {
        color: white!important;
        font-size: 12px!important;
        font-family: 'vazir';
        text-align: center!important;
        font-weight: bold;
        grid-row: 2;
    }
    .inner-container.grid-for-navbar-bottom > a:not([aria-lable="اینستاگرام"]), .inner-container.grid-for-navbar-bottom > button, .inner-container.grid-for-navbar-bottom > nav {
        display: grid!important;
        grid-template-rows: 1fr 30px;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .inner-container.grid-for-navbar-bottom > button {
        border: 0;
        background: transparent;
    }
    .inner-container.grid-for-navbar-bottom > a > svg, .inner-container.grid-for-navbar-bottom > button > svg {
        width: 100%;
        grid-row: 1;
    }
    
    [aria-label="منو"] {
        padding-right: 0!important;
    }
    .instaInBottom {
        grid-column: 3/3;
        color: white;
        font-size: 3em;
        display: flex!important;
        align-items: center;
        justify-content: center;
    }
    .offInBottom {
        grid-column: 1;
        grid-row: 1;
    }
    .contact-us-in-mobile {
        grid-column: 2;
        grid-row: 1;
    }
    .offLeftInBottom {
        grid-column: 4;
        grid-row: 1;
    }
    .logo {
        display: none!important;
    }
    .header_color .av-hamburger-inner, .header_color .av-hamburger-inner:before, .header_color .av-hamburger-inner:after {
            background-color: #fff!important;
    }
    
    #av-burger-menu-ul:after {
        content: '';
        background-image: url(../../../uploads/2020/08/logo-80.png);
        background-repeat: no-repeat;
        position: absolute;
        width: 80px;
        height: 80px;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    #top #av-burger-menu-ul {
        vertical-align: initial;
        padding-top: 10em!important;
    }

    
    .html_av-overlay-side-classic #top .av-burger-overlay li a {
        border-bottom: 0;
    }
    .fab.fa-instagram.instaInBottom {
        color: white!important;
        background: #F0A959;
        border-radius: 50%;
        width: 75px;
        height: 75px;
        position: absolute;
        bottom: 60%;
        left: 50%;
        transform: translateX(-50%);
    }

   
    i.closeMenuMobile {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        font-size: 2.5em;
        border: 3px solid #a17100!important;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5em;
    }
    
    .av-burger-overlay-scroll {
        width: 100%!important;
         height: calc(100% - 70px)!important;
    }
    
    .av-hamburger.av-hamburger--spin.av-js-hamburger {
        width: 43px;
        display: flex;
        height: 43px;
        justify-content: center;
        align-items: center;
        border-radius: 60%;
        padding: 8px;
    }
    .responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
            height: 38px;
            padding: 0!important;
    }

    .av-hamburger-inner:after {
        bottom: -8px;
    }
    #live_number_taken {
        height: 40px!important;
        border-radius: 5px!important;
    }
    
    .av-hamburger-inner:before {
        top: -8px;
    }
    
    .main_menu {
        grid-column: 5;
        grid-row: 1;
    }
    
    .av-burger-menu-main.menu-item-avia-special > a[aria-label="منو"] {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #menu-item-search > a {
        display: none;
    }
    
    .contact-us-in-mobile.fas.fa-phone {
        color: white;
        font-size: 2.5em;
        display: flex!important;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        grid-column: 2/2;
        grid-row: 1;
        padding: 0!important;
        border: 0;
    }
    
    .contact-us-for-mobile-popup {
        background: #dfdfdf;
        width: 100%;
        position: fixed;
        bottom: 130px;
        z-index: 9;
        margin: 0 auto;
        max-width: 340px;
        left: 50%;
        transform: translateX(-50%)translateY(100%);
        transition: transform .5s;
        border-radius: 10px;
    }
    
    .modal-contact-for-mobile {
        position: fixed;
        height: 100vh;
        background: #00000075;
        width: 100vw;
        top: 0;
        z-index: 99;
        opacity: 0;
        pointer-events: none;
        transition: opacity .5s;
    }
    .inner-contact-us-for-mobile > div > span {
        font-size: 3em;
    }
    
    .open-modal-contact {
        opacity: 1;
        pointer-events: all;
    }
    
    .openContact {
            transform: translateX(-50%)translateY(0%);
    }
    
    ul.contact-mobile-header {
        margin: 0;
        display: flex;
        justify-content: space-between;
            align-items: center;
        padding: 1em;
        border-bottom: 1px solid black;
        background: #e09e02;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    #live_support_submit {
    width: 100%;
    border-radius: 5px;
    font-size: 1em;
    box-shadow: 2px 2px 2px 1px #00000024;
    max-width: 80px;
    margin: 0 20px 0px 0px;
    display: block;
    color: white;
    }

    
    #top form {
        flex-wrap: wrap;
    }
    
    .wpcf7-response-output {
        position: inherit!important;
    }
    
    .call-now {
        box-shadow: 1px 2px 2px #00000045;
        border-radius: 2px;
        background: #895200;
    padding: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 0px 0px 1em 0!important;
    }
    
    .inner-contact-us-for-mobile .toll-free {
        padding: 1.5em 1.5em 0 1.5em;
    }
    
    form.wpcf7-form.sent p {
    display: flex!important;
    }
    
    .inner-contact-us-for-mobile a.call-now {
        width: 110px;
        margin-bottom: 2em;
    }
    .contact-mobile-header button {
        background: none;
        border: 0;
        font-size: 2em;
    }

}


@media screen and (max-width: 381px) {
    .grid-for-navbar-bottom > a > span, .grid-for-navbar-bottom > button > span, .grid-for-navbar-bottom > nav > span {
        font-size: 9px!important;
    }
}

@media screen and (max-width: 360px) {
    .grid-for-navbar-bottom > a > span, .grid-for-navbar-bottom > button > span, .grid-for-navbar-bottom > nav > span, .grid-for-navbar-bottom > a > span, .grid-for-navbar-bottom > button > span, .grid-for-navbar-bottom > nav > span {
        display: none!important;
    }
    .inner-container.grid-for-navbar-bottom > a:not([aria-lable="اینستاگرام"]), .inner-container.grid-for-navbar-bottom > button, .inner-container.grid-for-navbar-bottom > nav  {
        grid-template-rows: 1fr!important;
    }
}