/*
Theme Name: Hello Elementor Child
Theme URI: https://itfaam.ir/
Description: A hello-elementor child theme
Author: itfaam
Author URI: http://itfaam.ir
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
/* @import url("../hello-elementor/style.css"); */
/*==============GLOBAL==============*/
* {
text-decoration: none;
}
*:not(i) {
}
.hidden {
display: none !important;
}
html {
overflow-x: hidden !important;
overflow-y: auto !important;
margin: 0 !important;
}
body {
overflow: hidden !important;
margin: 0 !important;
direction: rtl;
}
.height-full,
.height-full .elementor-loop-container,
.height-full [data-elementor-type="wp-post"],
.height-full .elementor-widget-theme-post-content,
.height-full .e-loop-item,
.height-full .e-loop-item > div {
height: 100%;
display: flex;
flex-direction: column;
}
p, h1, h2, h3, h4, h5, h6, li {
margin: 0;
}
.overflow-hidden .elementor-widget-container {
overflow: hidden;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
}
.elementor-icon-box-wrapper{
gap: 5px;
}
.elementor-icon-wrapper,
.elementor-icon-box-icon {
line-height: 0;
}
.elementor-icon-box-icon {
margin: 0 !important;
}
.elementor-widget-image a {
width: 100%;
height: 100%;
}
.elementor-widget-image .elementor-widget-container {
display: flex;
}
.elementor-image-box-img {
flex-shrink: 0;
line-height: 0;
}
.elementor-widget-container{
width: 100%;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
input[type="number"] {
-moz-appearance: textfield !important;
}
.height-full,
.height-full .elementor-loop-container,
.height-full [data-elementor-type="wp-post"],
.height-full .elementor-widget-theme-post-content,
.height-full .e-loop-item,
.height-full .e-loop-item > div {
height: 100%;
display: flex;
flex-direction: column;
}
.height-zero{
height:0;
}
.height-var-min{
height: var(--min-height);
}
.justify-center {
text-align-last: center;
}
@media only screen and (max-width: 768px) {
.icon-box .elementor-icon-box-content {
display: flex;
align-items: center;
}
.elementor-image-box-wrapper{
display: flex !important;
align-items: center !important;
gap: 5px;
}
.elementor-icon-box-wrapper{
display: flex !important;
align-items: center !important;
gap: 5px !important;
}
}
/*=================new home====================*/
.home-slider .swiper-slide-image {
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
.home-slider .swiper-slide-inner {
height: 100%;
width: 100%;
}
.home-slider .elementor-image-carousel-wrapper {
height: 100%;
}
.home-gallery .e-loop-item:nth-of-type(1) .elementor-page-title,
.home-video-gallery .e-loop-item:nth-of-type(1) .elementor-page-title {
display: none;
}
.home-gallery .e-loop-item:nth-of-type(1) .elementor-widget-theme-post-featured-image {
width: 100%;
border-radius: 20px;
height: 200px;
}
.home-gallery .e-loop-item:nth-of-type(1) .elementor-widget-theme-post-featured-image img {
height: 200px;
}
.home-gallery .e-loop-item:nth-of-type(1) .e-con-full,
.home-video-gallery .e-loop-item:nth-of-type(1) .e-con-full {
padding: 0;
height: 100%;
width: 100%;
}
.home-video-gallery .e-loop-item:nth-of-type(1) .elementor-widget-video {
width: 100%;
}
.home-video-gallery .e-loop-item:nth-of-type(1) .e-hosted-video {
width: 100%;
height: 200px;
}
.home-video-gallery .e-hosted-video {
height: 100%;
width: 100%;
}
.home-icon-box .elementor-icon-list-item {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
width: 180px;
height: 180px;
padding: 30px;
z-index: 2;
}
.home-icon-box .elementor-icon-list-item span {
z-index: 2;
}
.home-icon-box .elementor-icon-list-item::before {
content: "";
position: absolute;
width: 180px;
height: 180px;
mask-image: url(https://neshanenikookari.ir/wp-content/uploads/2025/08/a5.png);
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
background-color: #CCC;
z-index: 1;
}
.home-icon-box .elementor-icon-list-item::after {
content: "";
position: absolute !important;
width: 175px !important;
height: 185px !important;
mask-image: url(https://neshanenikookari.ir/wp-content/uploads/2025/08/a6.webp);
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
background-color: #eee;
}
.home-icon-box .elementor-icon-list-item:hover::before {
background-color: #40E0D0;
}
.avatar-note-item {
position: relative;
}
.avatar-note-item .elementor-widget-container::before {
content: "";
position: absolute !important;
width: 20px !important;
height: 20px !important;
right: 5px;
top: 15;
border-radius: 5px;
mask-image: url(https://neshanenikookari.ir/wp-content/uploads/2025/08/circle-user.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
background-color: #FFFFFF;
}
.elementor-lightbox-image {
background-color: #FFF;
}
/*=========ANIMATIONS=========*/
@keyframes shadow-pulse-animation{0%{box-shadow:0 0 0 0 #00000055}70%{box-shadow:0 0 0 20px rgba(0,0,0,0)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}
.shadow-pulse > .elementor-widget-container{animation: shadow-pulse-animation 2s infinite}
@-moz-keyframes spinner{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes spinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/*=========TOP HEADER=========*/
#top-header {
left: 0 !important;
right: 0 !important;
margin: auto;
backdrop-filter: blur(7px);
}
/*============ LOGIN MENU ============*/
#login-action-box {
display: none;
}
#login-action-box.active {
display: block;
width: 155px;
}
@media only screen and (max-width: 768px){
#login-action-box.active {
width: 140px;
}
}
/*====================home-video-box================*/
.home-video-box .e-tabs-main-area {
gap: 20px
}
.home-video-box .elementor-widget-container {
box-shadow: none !important;
border-radius: none !important;
}
.home-video-box .e-tabs-wrapper,
.home-video-box .e-tabs-content-wrapper {
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.3);
border-radius: 20px;
overflow: hidden;
}
/*=========VIDEO=========*/
.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,
.elementor-lightbox .elementor-video-container .elementor-video-landscape video {
height: 100% !important;
max-height: 100% !important;
width: 100% !important;
max-width: 100% !important;
object-fit: contain !important;
}
.elementor-lightbox .elementor-video-container {
height: 100% !important;
}
.elementor-lightbox .elementor-video-container .elementor-video-landscape {
max-height: 100% !important;
width: 100% !important;
margin: 0;
}
/*=========PROFILE=========*/
.profile-step-box {
width: 100%;
display: flex;
flex-direction: row;
gap: 15px;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
}
/*----------------------------------*/
.profile-step-box .register-step-tabs {
width: max-content;
flex-shrink: 0;
}
.profile-step-box .register-step-tabs ul {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 15px;
width: max-content;
padding: 0;
margin: 0;
-ms-overflow-style: none !important;
scrollbar-width: none !important;
}
.profile-step-box .register-step-tabs::-webkit-scrollbar {
display: none !important;
}
.profile-step-box .register-step-tabs li {
padding: 0;
}
.profile-step-box .register-step-tabs a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 100%;
padding: 15px;
border: 2px solid #0002;
border-radius: 15px;
opacity: 0.5;
color: #000;
}
.profile-step-box .register-step-tabs a::before {
content: '';
display: inline-block;
width: 25px;
height: 25px;
border-radius: 100px;
outline: 2px solid #0000;
}
.profile-step-box .register-step-tabs li.active a {
background-color: #fff;
color: #000;
opacity: 1;
}
.profile-step-box .register-step-tabs li.active a::before {
outline-color: #0002;
}
.profile-step-box .register-step-tabs li.completed a {
background-color: limegreen;
color: #fff;
}
.profile-step-box .register-step-tabs li.completed a::before {
content: " \2714";
background-color: limegreen;
font-size: 30px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
padding-left: 5px;
}
.profile-step-box .register-step-tabs li.selected {
outline: 3px dashed dodgerblue;
border-radius: 15px;
outline-offset: 5px;
}
.profile-step-box .register-step-tabs li.selected a {
background-color: dodgerblue;
color: #fff;
}
/*----------------------------------*/
.profile-step-box .register-step-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 1px;
flex-grow: 1;
}
.profile-step-box .register-step-content .inner {
background-color: #fff;
border: 1px solid #0002;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 20px;
border-radius: 20px;
}
.profile-step-box .register-step-content .gv-edit-entry-wrapper {
width: 100% !important;
}
.profile-step-box .register-step-content .not-access {
}
.profile-step-box .register-step-content .step-title {
}
.profile-step-box .register-step-content .step-form {
}
/*----------------------------------*/
.profile-step-box .gv-list-container {
width: 100% !important;
border: none !important;
}
.profile-step-box .gv-list-view {
width: 100% !important;
border: none !important;
margin: 0 !important;
border: none !important;
}
.profile-step-box .gv-list-view-title {
width: 100% !important;
padding: 0 !important;
border: none !important;
}
.profile-step-box .gv-list-view-subtitle {
display: flex !important;
flex-direction: column !important;
width: max-content !important;
max-width: 100% !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 15px !important;
border: none !important;
}
.profile-step-box .gv-list-view-subtitle > * {
margin: 0 !important;
font-size: 15px !important;
display: flex;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
align-items: flex-start !important;
gap: 10px !important;
font-weight: 700 !important;
color: #000 !important;
border: none !important;
}
.profile-step-box .gv-list-view-subtitle .gv-section {
font-weight: 400 !important;
background-color: #eee !important;
color: #000 !important;
padding: 10px !important;
border-radius: 10px !important;
}
.profile-step-box .gv-list-view-subtitle .gv-field-label {
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
color: #aaa !important;
border: none !important;
}
.profile-step-box .gv-list-view-subtitle .gv-section .gv-field-label {
color: #000 !important;
}
.profile-step-box .gv-list-view-subtitle .gv-field-label::after {
content: ":";
margin-right: 5px !important;
}
.profile-step-box .gv-list-view-subtitle .gv-section .gv-field-label::after {
display: none !important;
}
.profile-step-box .register-form-date .ginput_container {
direction: ltr !important;
text-align: center !important;
}
.profile-step-box .register-form-date select {
padding: 0 10px !important;
}
.profile-step-box .register-report-date {
}
@media only screen and (max-width: 767px) {
.profile-step-box {
display: flex;
flex-direction: column;
gap: 15px;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
width: 100%;
}
.profile-step-box .register-step-tabs,
.profile-step-box .register-step-tabs ul,
.profile-step-box .register-step-content {
width: 100%;
flex-grow: 0;
}
}
/*=========POPUP EVENT FORM=========*/
.popup-event-form{
align-self: center !important;
}
.popup-event-form .gform_confirmation_wrapper{
justify-content: center;
}
.popup-event-form .gform_validation_errors {
display: none !important;
}
.popup-event-form .gform_fields .gfield{
}
.popup-event-form .gform_fields .gfield .gfield_label{
/*font-size: 14px !important;*/
}
.popup-event-form .gform_fields .gfield input{
min-height: 40px !important;
}
.popup-event-form .gform_wrapper{
display: flex !important;
}
.popup-event-form .login-required {
font-size: 14px;
width: 100%;
display: inline-block;
text-align: center;
}
.popup-event-form .login-required strong {
color: red;
}
.popup-event-form .gform_fields {
display: flex !important;
flex-direction: column;
gap: 15px !important;
}
.popup-event-form .gform_footer {
}
.popup-event-form .gform_footer {
margin-top: 10px !important;
}
.popup-event-form .gform_footer .gform_button[type="submit"] {
font-size: 14px !important;
line-height: 1.4em !important;
border-radius: 100px !important;
margin: 0 auto !important;
/*padding: 0 !important;*/
background-color: limegreen !important;
}
/*=========LINE NUMBER=========*/
.line-number-1 .elementor-widget-container{
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-number-2 .elementor-widget-container{
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/*=========HIGHLIGHT OBJECTS=========*/
.highlight-title > .elementor-widget-container,
.highlight-title-2 > .elementor-widget-container {
position: relative;
}
.highlight-title > .elementor-widget-container::after,
.highlight-title-2 > .elementor-widget-container::after {
content: "";
position: absolute;
bottom: -2px;
right: 0;
height: 3px;
width: 100%;
border-radius: 100px;
background-color: var(--e-global-color-primary);
z-index: 1;
}
.highlight-title-2 > .elementor-widget-container::after {
background-color: var(--e-global-color-secondry);
}
#article-title-box .highlight-title > .elementor-widget-container::after,
#footer .highlight-title > .elementor-widget-container::after,
#page-single-title .highlight-title > .elementor-widget-container::after {
background-color: #fff;
}
/*=========PAGE - GALLERY=========*/
.gallery{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.gallery .gallery-item{
padding: 5px !important;
}
.gallery .gallery-icon {
background-color: #F0FDF4 !important;
margin: 0 !important;
border: 1px solid #0001 !important;
border-radius: 10px !important;
padding: 10px !important;
height: 100%;
}
.gallery .gallery-icon a{
height: 100%;
display: flex
;
}
.gallery .gallery-icon img {
box-shadow: 0 10px 10px -8px #0007;
height: 100%;
width: 100%;
object-fit: cover;
}
.gallery .gallery-caption {
padding-bottom: 0 !important;
}
/*=========CUSTOM MAIN MENU=========*/
.custom-menu > .elementor-widget-container {
overflow: visible !important;
background-color: #00000000;
box-shadow: none;
border-radius: 0;
}
.custom-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.custom-menu ul.menu {
display: flex;
flex-direction: row;
gap: 15px;
height: 57px;
align-items: center;
justify-content: start;
padding: 0px 10px;
}
.custom-menu ul li a {
width: 100%;
display: inline-block;
}
/*----------------------------------*/
.custom-menu ul.menu > li.menu-item > a {
font-size: 14px;
font-weight: 600;
padding: 0;
position: relative;
display: inline-block;
color: #3E3232;
}
.custom-menu ul.menu > li.menu-item > a:hover{
color: var(--e-global-color-primary);
}
.custom-menu ul.menu > li.menu-item > a::after {
content:"";
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 3px;
border-radius: 100px;
opacity: 0;
transition: all 0.3s;
background-color: var(--e-global-color-primary);
}
.custom-menu ul.menu > li.menu-item:hover > a::after {
opacity: 1;
}
/*----------------------------------*/
.custom-menu ul.menu > li.menu-item-has-children {
padding-inline-end: 15px;
}
.custom-menu li.menu-item-has-children {
position: relative;
}
/*----------------------------------*/
.custom-menu ul.sub-menu {
position: absolute;
transition: all 0.5s;
box-shadow: 0 0 0 0 rgb(0,0,0,0);
background-color: #fff;
z-index: 9;
flex-direction: column;
width: max-content;
overflow: hidden;
height: 0px;
/* visibility: hidden;
opacity: 0; */
}
.custom-menu li.selected > ul.sub-menu {
/* opacity: 1;
visibility: visible; */
}
/*----------------------------------*/
.custom-menu ul.menu > li.menu-item-has-children > ul {
top: 40px;
right: 0;
border-radius: 5px;
}
/*----------------------------------*/
.custom-menu ul li ul {
top: 0;
right: 100%;
}
/*----------------------------------*/
.custom-menu ul li li a {
padding: 10px 15px 10px 35px;
color: var(--e-global-color-text);
font-size: 14px;
}
/*----------------------------------*/
.custom-menu .sub-arrow {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
border: none;
margin: auto;
background-color: rgba(0,0,0,0);
}
.custom-menu ul.menu > li.menu-item-has-children > .sub-arrow {
transform: rotate(90deg);
width: 10px;
height: 10px;
background-size: auto 100%;
}
.custom-menu li li.menu-item-has-children > .sub-arrow {
height: 100%;
transform: rotate(180deg);
background-color: #fff;
border-inline-end: 1px solid #eee;
width: 30px;
background-size: 9px auto;
}
/*----------------------------------*/
.custom-menu ul li {
border-bottom: 1px solid #eee;
}
.custom-menu ul li:last-child {
border-bottom: none;
}
/*----------------------------------*/
.mobile-menu-logo {
}
#mobile-menu-logo {
height: 50px;
width: 100%;
object-fit: contain;
object-position: center;
}
/*----------------------------------*/
#mobile-menu-modal ul.menu {
flex-direction: column;
gap: 0;
height: 100%;
justify-content: flex-start;
padding: 0;
}
#mobile-menu-modal li.menu-item a::after {
display: none !important;
}
#mobile-menu-modal ul.sub-menu {
position: relative;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
box-shadow: 0 0 0 0 rgb(0,0,0,0) !important;
background-color: #00000008;
width: 100% !important;
}
#mobile-menu-modal li.menu-item-has-children.selected > ul {
box-shadow: 0 0 20px -5px rgb(0,0,0,0.15);
display: flex;
}
#mobile-menu-modal li.selected > a {
background-color: var(--e-global-color-primary);
color: #fff;
}
#mobile-menu-modal li.menu-item-has-children {
padding-inline-end: 0;
}
#mobile-menu-modal li.menu-item-has-children > .sub-arrow {
bottom: auto;
transform: rotate(180deg);
background-color: #fff;
border-inline-end: 1px solid #eee;
width: 40px;
height: 40px;
background-size: 9px auto;
transition: all 0.3s;
}
#mobile-menu-modal li.menu-item-has-children.selected > .sub-arrow {
transform: rotate(90deg);
}
#mobile-menu-modal li {
width: 100%;
}
#mobile-menu-modal li > a {
font-size: 14px;
padding: 10px;
padding-inline-start: 20px;
padding-inline-end: 60px;
color: #000;
}
/*----------------------------------*/
@media only screen and (min-width: 1024px) {
.custom-menu ul.menu > li {
border-bottom: none;
}
/* .custom-menu ul.menu > li.menu-item > a:hover {
color: #000;
} */
.custom-menu li.menu-item-has-children:hover > ul {
box-shadow: 0 0 20px -5px rgb(0,0,0,0.15);
/* display: flex; */
}
.custom-menu ul li li a:hover {
background-color: var(--e-global-color-primary);
color: #fff;
}
}
/*----------------------------------*/
@media only screen and (max-width: 1024px) {
.custom-menu#mobile-menu {
display: none;
}
.custom-menu ul.menu{
gap: 17px;
}
}
/*=========END CUSTOM MAIN MENU=========*/
#search-modal {
justify-content: center;
align-items: center;
}
#search-modal .closer {
background-color: #D4A551cc;
}
#search-modal .inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
width: max-content;
height: max-content;
background-color: #0000;
position: unset;
}
#search-modal .search-form {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
}
#search-modal .search-input {
background-color: #0000;
border: 3px solid #000;
border-radius: 20px;
height: 70px;
width: 500px;
text-align: center;
font-size: 30px;
color: #000;
outline: none;
}
#search-modal .search-input::placeholder {
color: #0009;
}
#search-modal .submit-icon {
width: 50px;
height: 50px;
display: inline-block;
cursor: pointer;
background-size: 30px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml;utf8,");
}
#search-modal .closer-icon {
width: 50px;
height: 50px;
display: inline-block;
cursor: pointer;
background-size: 30px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml;utf8,");
}
@media only screen and (max-width: 767px) {
#search-modal .search-form {
gap: 0;
}
#search-modal .search-input {
width: 300px;
height: 60px;
}
#search-modal .closer-icon {
position: absolute;
top: 10px;
left: 10px;
}
}
/*=========MODAL=========*/
.modal {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 9;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
filter: blur(0px) !important;
visibility: hidden;
}
.modal.active {
visibility: visible;
}
.modal .closer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: #00000055;
}
.modal .inner {
background-color: #fff;
position: relative;
right: -100%;
width: 300px;
height: 100%;
border-radius: 0;
overflow-x: hidden !important;
overflow-y: auto !important;
z-index: 3;
-ms-overflow-style: none !important; /* for Internet Explorer, Edge */
scrollbar-width: none !important; /* for Firefox */
transition: all 0.5s ease-in-out;
}
.modal.active .inner {
right: 0%;
}
.modal .inner::-webkit-scrollbar {
display: none !important; /* for Chrome, Safari, and Opera */
}
/*================VIDEO LAUNCHER================*/
.video-launcher .player {
cursor: pointer;
}
/*================MEDIA PLAYER MODAL================*/
:root {
--media-player-width: min(100vw - 60px, 140vh - 60px);
}
#video-player-modal,
#audio-player-modal {
position: fixed;
top: 0;
border: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 99;
display: none;
}
#video-player-modal.active,
#audio-player-modal.active {
display: block;
}
#video-player-modal .modal-closer,
#audio-player-modal .modal-closer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #0009;
}
#video-player-modal .modal-inner,
#audio-player-modal .modal-inner {
width: max-content;
height: max-content;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
gap: 20px;
}
#video-player-modal .modal-body,
#audio-player-modal .modal-body {
flex-grow: 1;
width: var(--media-player-width);
height: calc(var(--media-player-width) * 0.58);
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
#audio-player-modal .modal-body {
height: auto !important;
}
#video-player-modal .modal-close-btn,
#audio-player-modal .modal-close-btn {
flex-shrink: 0;
background-color: red;
color: white;
padding: 10px 50px;
font-size: 15px;
border-radius: 100px;
outline: 3px solid #0005;
outline-offset: -3px;
cursor: pointer;
}
#video-player-modal iframe {
border: none;
width: 100%;
height: 100%;
background-color: #000;
object-fit: contain;
border-radius: 15px;
overflow: hidden;
}
#video-player-modal video {
border: none;
width: 100%;
height: 100%;
background-color: #000;
object-fit: contain;
border-radius: 15px;
overflow: hidden;
}
#video-player-modal audio {
}
@media (max-aspect-ratio: 1/1) {
:root {
}
}
@media (min-aspect-ratio: 1/1) {
:root {
}
}
@media only screen and (max-width: 767px){
#video-player-modal .modal-inner{
height: 100%;
width: 100%;
}
#video-player-modal .modal-body{
width: 100%;
}
#video-player-modal .modal-close-btn{
position: absolute;
bottom: 5px;
}
#video-player-modal video{
border-radius: 0;
padding-bottom: 30px;
}
}
/*================TABLE OF CONTENT================*/
#article-single-table-content ul {
list-style: none;
padding: 0;
}
#article-single-table-content ul li {
margin-bottom: 15px;
font-size: 15px;
color: #888;
padding-right: 0;
transition: all .3s;
position: relative;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#article-single-table-content ul li::before {
content: "";
width: 4px;
height: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background-color: var(--e-global-color-primary);
border-radius: 100px;
}
#article-single-table-content ul li[scrolled="active"] {
color: #000;
}
#article-single-table-content ul li[scrolled="last-active"] {
font-size: 17px;
color: var(--e-global-color-primary);
font-weight: bold;
padding-right: 20px;
}
#article-single-table-content ul li[scrolled="last-active"]::before {
height: 100%;
}
/*================STICKY SIDE BAR================*/
#article-single-sidebar[sticky="relative"] {
position: relative;
top: 0 !important;
}
#article-single-sidebar[sticky="fixed"] {
left: calc(50% - 600px);
top: 10px !important;
}
#article-single-sidebar[sticky="absolute"] {
left: 0;
}
#article-single-sidebar[sticky="fixed"] {
position: fixed;
bottom: auto !important;
}
#article-single-sidebar[sticky="absolute"] {
position: absolute;
top: auto !important;
bottom: 0 !important;
}
@media only screen and (max-width: 1200px) {
#article-single-sidebar[sticky="fixed"] {
left: calc(50% - 512.5px);
}
}
@media only screen and (max-width: 1025px) {
#article-single-sidebar[sticky="fixed"] {
left: calc(50% - 440px);
}
}
@media only screen and (max-width: 880px) {
#article-single-sidebar[sticky="fixed"] {
left: calc(50% - 384px);
}
}
@media only screen and (max-width: 767px) {
#article-single-sidebar[sticky="relative"],
#article-single-sidebar[sticky="absolute"],
#article-single-sidebar[sticky="fixed"],
#article-single-sidebar {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
}
}
/*================ARTICLE SINGLE================*/
#article-main-image {
height: 100%;
}
/* #article-main-image::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(0, #fff, #fff5, #fff5);
} */
/*----------------------------------------------*/
#article-single-content .e-con {
padding: 0;
}
#article-single-content h2 {
color: var(--e-global-color-primary);
margin: 10px 0;
font-size: 20px;
}
#article-single-content h3 {
color: var(--e-global-color-primary);
margin: 10px 0;
font-size: 17px;
}
#article-single-content h4 {
color: var(--e-global-color-primary);
margin: 10px 0;
font-size: 15px;
}
#reply-title {
display: none;
}
#article-single-box .elementor-post-navigation {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#article-single-box .elementor-post-navigation .elementor-post-navigation__separator {
width: 1px;
height: 50px;
}
#article-single-box .elementor-post-navigation .elementor-post-navigation__link a {
display: flex;
flex-direction: row;
align-items: center;
}
#article-single-box .elementor-post-navigation .elementor-post-navigation__link__next,
#article-single-box .elementor-post-navigation .elementor-post-navigation__link__prev {
display: flex;
flex-direction: column;
}
#article-single-box .elementor-post-navigation .elementor-post-navigation__link__prev {
text-align: right;
}
#article-single-box .elementor-post-navigation .elementor-post-navigation__link__next {
text-align: left;
}
#article-single-box .elementor-post-navigation .post-navigation__arrow-prev {
margin-inline-end: 15px;
}
#article-single-box .elementor-post-navigation .post-navigation__arrow-next {
margin-inline-start: 15px;
}
#article-single-box .elementor-post-navigation .post-navigation__arrow-wrapper i::before {
display: none;
}
#article-single-box .elementor-post-navigation .post-navigation__arrow-wrapper i {
background-image: url("data:image/svg+xml;utf8,");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
width: 11px;
height: 20px;
display: inline-block;
}
#article-single-box .elementor-post-navigation .post-navigation__arrow-next i {
transform: rotate(180deg);
}
#article-single-current-progress .current-progress {
box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
}
#article-single-box .elementor-author-box {
display: flex;
}
#article-single-box .elementor-author-box .elementor-author-box__avatar {
line-height: 0;
}
#article-single-box .elementor-author-box .elementor-author-box__avatar img {
border-radius: 100px;
}
@media only screen and (max-width: 767px) {
#article-content-shadow {
box-shadow: none;
}
#article-single-background {
background-color: #fff;
}
#article-single-box .elementor-post-navigation {
flex-wrap: wrap;
}
#article-single-box .elementor-post-navigation__link {
width: 100%;
}
#article-single-box .elementor-post-navigation__separator-wrapper {
width: 100%;
margin: 10px 0;
}
#article-single-box .elementor-post-navigation__separator {
width: 100% !important;
height: 1px !important;
}
}
/*=================GRID=================*/
.gallery-columns-1 .gallery-item,
.woocommerce.columns-1 .product-list-item,
.woocommerce.desktop-1 .product-list-item,
.object-carousel.elementor-grid-1 .e-loop-item,
.product-carousel.elementor-grid-1 .product-list-item,
.selected-list.elementor-grid-1 .e-loop-item{
width: 100% !important;
flex-basis: 100% !important;
}
.gallery-columns-2 .gallery-item,
.woocommerce.columns-2 .product-list-item,
.woocommerce.desktop-2 .product-list-item,
.object-carousel.elementor-grid-2 .e-loop-item,
.selected-list.elementor-grid-2 .e-loop-item,
.product-carousel.elementor-grid-2 .product-list-item {
width: 50% !important;
flex-basis: 50% !important;
}
.gallery-columns-3 .gallery-item,
.woocommerce.columns-3 .product-list-item,
.woocommerce.desktop-3 .product-list-item,
.object-carousel.elementor-grid-3 .e-loop-item,
.selected-list.elementor-grid-3 .e-loop-item,
.product-carousel.elementor-grid-3 .product-list-item {
width: 33.33% !important;
flex-basis: 33.33% !important;
}
.gallery-columns-4 .gallery-item,
.woocommerce.columns-4 .product-list-item,
.woocommerce.desktop-4 .product-list-item,
.object-carousel.elementor-grid-4 .e-loop-item,
.selected-list.elementor-grid-4 .e-loop-item,
.product-carousel.elementor-grid-4 .product-list-item {
width: 25% !important;
flex-basis: 25% !important;
}
.gallery-columns-5 .gallery-item,
.woocommerce.columns-5 .product-list-item,
.woocommerce.desktop-5 .product-list-item,
.object-carousel.elementor-grid-5 .e-loop-item,
.selected-list.elementor-grid-5 .e-loop-item,
.product-carousel.elementor-grid-5 .product-list-item {
width: 20% !important;
flex-basis: 20% !important;
}
.gallery-columns-6 .gallery-item,
.woocommerce.columns-6 .product-list-item,
.woocommerce.desktop-6 .product-list-item,
.object-carousel.elementor-grid-6 .e-loop-item,
.selected-list.elementor-grid-6 .e-loop-item,
.product-carousel.elementor-grid-6 .product-list-item {
width: 16.66% !important;
flex-basis: 16.66% !important;
}
.gallery-columns-7 .gallery-item,
.woocommerce.columns-7 .product-list-item,
.woocommerce.desktop-7 .product-list-item,
.object-carousel.elementor-grid-7 .e-loop-item,
.selected-list.elementor-grid-7 .e-loop-item,
.product-carousel.elementor-grid-7 .product-list-item {
width: 14.2% !important;
flex-basis: 14.2% !important;
}
.gallery-columns-8 .gallery-item,
.woocommerce.columns-8 .product-list-item,
.woocommerce.desktop-8 .product-list-item,
.object-carousel.elementor-grid-8 .e-loop-item,
.selected-list.elementor-grid-8 .e-loop-item,
.product-carousel.elementor-grid-8 .product-list-item {
width: 12.5% !important;
flex-basis: 12.5% !important;
}
.gallery-columns-9 .gallery-item,
.woocommerce.columns-9 .product-list-item,
.woocommerce.desktop-9 .product-list-item,
.object-carousel.elementor-grid-9 .e-loop-item,
.selected-list.elementor-grid-9 .e-loop-item,
.product-carousel.elementor-grid-9 .product-list-item {
width: 11.11% !important;
flex-basis: 11.11% !important;
}
.gallery-columns-10 .gallery-item,
.woocommerce.columns-10 .product-list-item,
.woocommerce.desktop-10 .product-list-item,
.object-carousel.elementor-grid-10 .e-loop-item,
.selected-list.elementor-grid-10 .e-loop-item,
.product-carousel.elementor-grid-10 .product-list-item {
width: 10% !important;
flex-basis: 10% !important;
}
@media only screen and (max-width: 1366px) {
.woocommerce.laptop-1 .product-list-item,
.object-carousel.elementor-grid-laptop-1 .e-loop-item,
.selected-list.elementor-grid-laptop-1 .e-loop-item,
.product-carousel.elementor-grid-laptop-1 .product-list-item {
width: 100% !important;
flex-basis: 100% !important;
}
.woocommerce.laptop-2 .product-list-item,
.object-carousel.elementor-grid-laptop-2 .e-loop-item,
.selected-list.elementor-grid-laptop-2 .e-loop-item,
.product-carousel.elementor-grid-laptop-2 .product-list-item {
width: 50% !important;
flex-basis: 50% !important;
}
.woocommerce.laptop-3 .product-list-item,
.object-carousel.elementor-grid-laptop-3 .e-loop-item,
.selected-list.elementor-grid-laptop-3 .e-loop-item,
.product-carousel.elementor-grid-laptop-3 .product-list-item {
width: 33.33% !important;
flex-basis: 33.33% !important;
}
.woocommerce.laptop-4 .product-list-item,
.object-carousel.elementor-grid-laptop-4 .e-loop-item,
.selected-list.elementor-grid-laptop-4 .e-loop-item,
.product-carousel.elementor-grid-laptop-4 .product-list-item {
width: 25% !important;
flex-basis: 25% !important;
}
.woocommerce.laptop-5 .product-list-item,
.object-carousel.elementor-grid-laptop-5 .e-loop-item,
.selected-list.elementor-grid-laptop-5 .e-loop-item,
.product-carousel.elementor-grid-laptop-5 .product-list-item {
width: 20% !important;
flex-basis: 20% !important;
}
.woocommerce.laptop-6 .product-list-item,
.object-carousel.elementor-grid-laptop-6 .e-loop-item,
.selected-list.elementor-grid-laptop-6 .e-loop-item,
.product-carousel.elementor-grid-laptop-6 .product-list-item {
width: 16.66% !important;
flex-basis: 16.66% !important;
}
.woocommerce.laptop-7 .product-list-item,
.object-carousel.elementor-grid-laptop-7 .e-loop-item,
.selected-list.elementor-grid-laptop-7 .e-loop-item,
.product-carousel.elementor-grid-laptop-7 .product-list-item {
width: 14.2% !important;
flex-basis: 14.2% !important;
}
.woocommerce.laptop-8 .product-list-item,
.object-carousel.elementor-grid-laptop-8 .e-loop-item,
.selected-list.elementor-grid-laptop-8 .e-loop-item,
.product-carousel.elementor-grid-laptop-8 .product-list-item {
width: 12.5% !important;
flex-basis: 12.5% !important;
}
.woocommerce.laptop-9 .product-list-item,
.object-carousel.elementor-grid-laptop-9 .e-loop-item,
.selected-list.elementor-grid-laptop-9 .e-loop-item,
.product-carousel.elementor-grid-laptop-9 .product-list-item {
width: 11.11% !important;
flex-basis: 11.11% !important;
}
.woocommerce.laptop-10 .product-list-item,
.object-carousel.elementor-grid-laptop-10 .e-loop-item,
.selected-list.elementor-grid-laptop-10 .e-loop-item,
.product-carousel.elementor-grid-laptop-10 .product-list-item {
width: 10% !important;
flex-basis: 10% !important;
}
}
@media only screen and (max-width: 1200px) {
.woocommerce.tablet-extra-1 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-1 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-1 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-1 .product-list-item {
width: 100% !important;
flex-basis: 100% !important;
}
.woocommerce.tablet-extra-2 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-2 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-2 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-2 .product-list-item {
width: 50% !important;
flex-basis: 50% !important;
}
.woocommerce.tablet-extra-3 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-3 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-3 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-3 .product-list-item {
width: 33.33% !important;
flex-basis: 33.33% !important;
}
.woocommerce.tablet-extra-4 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-4 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-4 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-4 .product-list-item {
width: 25% !important;
flex-basis: 25% !important;
}
.gallery-columns-6 .gallery-item,
.woocommerce.columns-6 .product-list-item,
.woocommerce.tablet-extra-5 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-5 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-5 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-5 .product-list-item {
width: 20% !important;
flex-basis: 20% !important;
}
.gallery-columns-7 .gallery-item,
.woocommerce.columns-7 .product-list-item,
.woocommerce.tablet-extra-6 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-6 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-6 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-6 .product-list-item {
width: 16.66% !important;
flex-basis: 16.66% !important;
}
.gallery-columns-8 .gallery-item,
.woocommerce.columns-8 .product-list-item,
.woocommerce.tablet-extra-7 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-7 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-7 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-7 .product-list-item {
width: 14.2% !important;
flex-basis: 14.2% !important;
}
.gallery-columns-9 .gallery-item,
.woocommerce.columns-9 .product-list-item,
.woocommerce.tablet-extra-8 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-8 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-8 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-8 .product-list-item {
width: 12.5% !important;
flex-basis: 12.5% !important;
}
.gallery-columns-10 .gallery-item,
.woocommerce.columns-10 .product-list-item,
.woocommerce.tablet-extra-9 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-9 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-9 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-9 .product-list-item {
width: 11.11% !important;
flex-basis: 11.11% !important;
}
.woocommerce.tablet-extra-10 .product-list-item,
.object-carousel.elementor-grid-tablet_extra-10 .e-loop-item,
.selected-list.elementor-grid-tablet_extra-10 .e-loop-item,
.product-carousel.elementor-grid-tablet_extra-10 .product-list-item {
width: 10% !important;
flex-basis: 10% !important;
}
}
@media only screen and (max-width: 1024px) {
.woocommerce.tablet-1 .product-list-item,
.object-carousel.elementor-grid-tablet-1 .e-loop-item,
.selected-list.elementor-grid-tablet-1 .e-loop-item,
.product-carousel.elementor-grid-tablet-1 .product-list-item {
width: 100% !important;
flex-basis: 100% !important;
}
.woocommerce.tablet-2 .product-list-item,
.object-carousel.elementor-grid-tablet-2 .e-loop-item,
.selected-list.elementor-grid-tablet-2 .e-loop-item,
.product-carousel.elementor-grid-tablet-2 .product-list-item {
width: 50% !important;
flex-basis: 50% !important;
}
.woocommerce.tablet-3 .product-list-item,
.object-carousel.elementor-grid-tablet-3 .e-loop-item,
.selected-list.elementor-grid-tablet-3 .e-loop-item,
.product-carousel.elementor-grid-tablet-3 .product-list-item {
width: 33.33% !important;
flex-basis: 33.33% !important;
}
.gallery-columns-5 .gallery-item,
.woocommerce.columns-5 .product-list-item,
.woocommerce.tablet-4 .product-list-item,
.object-carousel.elementor-grid-tablet-4 .e-loop-item,
.selected-list.elementor-grid-tablet-4 .e-loop-item,
.product-carousel.elementor-grid-tablet-4 .product-list-item {
width: 25% !important;
flex-basis: 25% !important;
}
.woocommerce.tablet-5 .product-list-item,
.object-carousel.elementor-grid-tablet-5 .e-loop-item,
.selected-list.elementor-grid-tablet-5 .e-loop-item,
.product-carousel.elementor-grid-tablet-5 .product-list-item {
width: 20% !important;
flex-basis: 20% !important;
}
.woocommerce.tablet-6 .product-list-item,
.object-carousel.elementor-grid-tablet-6 .e-loop-item,
.selected-list.elementor-grid-tablet-6 .e-loop-item,
.product-carousel.elementor-grid-tablet-6 .product-list-item {
width: 16.66% !important;
flex-basis: 16.66% !important;
}
.woocommerce.tablet-7 .product-list-item,
.object-carousel.elementor-grid-tablet-7 .e-loop-item,
.selected-list.elementor-grid-tablet-7 .e-loop-item,
.product-carousel.elementor-grid-tablet-7 .product-list-item {
width: 14.2% !important;
flex-basis: 14.2% !important;
}
.woocommerce.tablet-8 .product-list-item,
.object-carousel.elementor-grid-tablet-8 .e-loop-item,
.selected-list.elementor-grid-tablet-8 .e-loop-item,
.product-carousel.elementor-grid-tablet-8 .product-list-item {
width: 12.5% !important;
flex-basis: 12.5% !important;
}
.woocommerce.tablet-9 .product-list-item,
.object-carousel.elementor-grid-tablet-9 .e-loop-item,
.selected-list.elementor-grid-tablet-9 .e-loop-item,
.product-carousel.elementor-grid-tablet-9 .product-list-item {
width: 11.11% !important;
flex-basis: 11.11% !important;
}
.woocommerce.tablet-10 .product-list-item,
.object-carousel.elementor-grid-tablet-10 .e-loop-item,
.selected-list.elementor-grid-tablet-10 .e-loop-item,
.product-carousel.elementor-grid-tablet-10 .product-list-item {
width: 10% !important;
flex-basis: 10% !important;
}
}
@media only screen and (max-width: 880px) {
.gallery-columns-2 .gallery-item,
.woocommerce.columns-2 .product-list-item,
.woocommerce.mobile-extra-1 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-1 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-1 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-1 .product-list-item {
width: 100% !important;
flex-basis: 100% !important;
}
.gallery-columns-3 .gallery-item,
.woocommerce.columns-3 .product-list-item,
.woocommerce.mobile-extra-2 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-2 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-2 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-2 .product-list-item {
width: 50% !important;
flex-basis: 50% !important;
}
.gallery-columns-5 .gallery-item,
.woocommerce.columns-5 .product-list-item,
.woocommerce.mobile-extra-3 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-3 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-3 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-3 .product-list-item {
width: 33.33% !important;
flex-basis: 33.33% !important;
}
.gallery-columns-6 .gallery-item,
.woocommerce.columns-6 .product-list-item,
.woocommerce.mobile-extra-4 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-4 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-4 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-4 .product-list-item {
width: 25% !important;
flex-basis: 25% !important;
}
.gallery-columns-7 .gallery-item,
.woocommerce.columns-7 .product-list-item,
.woocommerce.mobile-extra-5 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-5 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-5 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-5 .product-list-item {
width: 20% !important;
flex-basis: 20% !important;
}
.gallery-columns-8 .gallery-item,
.woocommerce.columns-8 .product-list-item,
.woocommerce.mobile-extra-6 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-6 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-6 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-6 .product-list-item {
width: 16.66% !important;
flex-basis: 16.66% !important;
}
.gallery-columns-9 .gallery-item,
.woocommerce.columns-9 .product-list-item,
.woocommerce.mobile-extra-7 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-7 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-7 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-7 .product-list-item {
width: 14.2% !important;
flex-basis: 14.2% !important;
}
.gallery-columns-10 .gallery-item,
.woocommerce.columns-10 .product-list-item,
.woocommerce.mobile-extra-8 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-8 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-8 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-8 .product-list-item {
width: 12.5% !important;
flex-basis: 12.5% !important;
}
.woocommerce.mobile-extra-9 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-9 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-9 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-9 .product-list-item {
width: 11.11% !important;
flex-basis: 11.11% !important;
}
.woocommerce.mobile-extra-10 .product-list-item,
.object-carousel.elementor-grid-mobile_extra-10 .e-loop-item,
.selected-list.elementor-grid-mobile_extra-10 .e-loop-item,
.product-carousel.elementor-grid-mobile_extra-10 .product-list-item {
width: 10% !important;
flex-basis: 10% !important;
}
}
@media only screen and (max-width: 767px) {
.gallery-columns-2 .gallery-item,
.woocommerce.columns-2 .product-list-item,
.woocommerce.mobile-1 .product-list-item,
.object-carousel.elementor-grid-mobile-1 .e-loop-item,
.selected-list.elementor-grid-mobile-1 .e-loop-item,
.product-carousel.elementor-grid-mobile-1 .product-list-item {
width: 100% !important;
flex-basis: 100% !important;
}
.gallery-columns-4 .gallery-item,
.woocommerce.columns-4 .product-list-item,
.gallery-columns-5 .gallery-item,
.woocommerce.columns-5 .product-list-item,
.woocommerce.mobile-2 .product-list-item,
.object-carousel.elementor-grid-mobile-2 .e-loop-item,
.selected-list.elementor-grid-mobile-2 .e-loop-item,
.product-carousel.elementor-grid-mobile-2 .product-list-item {
width: 50% !important;
flex-basis: 50% !important;
}
.gallery-columns-6 .gallery-item,
.woocommerce.columns-6 .product-list-item,
.woocommerce.mobile-3 .product-list-item,
.object-carousel.elementor-grid-mobile-3 .e-loop-item,
.selected-list.elementor-grid-mobile-3 .e-loop-item,
.product-carousel.elementor-grid-mobile-3 .product-list-item {
width: 33.33% !important;
flex-basis: 33.33% !important;
}
.gallery-columns-7 .gallery-item,
.woocommerce.columns-7 .product-list-item,
.woocommerce.mobile-4 .product-list-item,
.object-carousel.elementor-grid-mobile-4 .e-loop-item,
.selected-list.elementor-grid-mobile-4 .e-loop-item,
.product-carousel.elementor-grid-mobile-4 .product-list-item {
width: 25% !important;
flex-basis: 25% !important;
}
.gallery-columns-8 .gallery-item,
.woocommerce.columns-8 .product-list-item,
.woocommerce.mobile-5 .product-list-item,
.object-carousel.elementor-grid-mobile-5 .e-loop-item,
.selected-list.elementor-grid-mobile-5 .e-loop-item,
.product-carousel.elementor-grid-mobile-5 .product-list-item {
width: 20% !important;
flex-basis: 20% !important;
}
.gallery-columns-9 .gallery-item,
.woocommerce.columns-9 .product-list-item,
.woocommerce.mobile-6 .product-list-item,
.object-carousel.elementor-grid-mobile-6 .e-loop-item,
.selected-list.elementor-grid-mobile-6 .e-loop-item,
.product-carousel.elementor-grid-mobile-6 .product-list-item {
width: 16.66% !important;
flex-basis: 16.66% !important;
}
.gallery-columns-10 .gallery-item,
.woocommerce.columns-10 .product-list-item,
.woocommerce.mobile-7 .product-list-item,
.object-carousel.elementor-grid-mobile-7 .e-loop-item,
.selected-list.elementor-grid-mobile-7 .e-loop-item,
.product-carousel.elementor-grid-mobile-7 .product-list-item {
width: 14.2% !important;
flex-basis: 14.2% !important;
}
.woocommerce.mobile-8 .product-list-item,
.object-carousel.elementor-grid-mobile-8 .e-loop-item,
.selected-list.elementor-grid-mobile-8 .e-loop-item,
.product-carousel.elementor-grid-mobile-8 .product-list-item {
width: 12.5% !important;
flex-basis: 12.5% !important;
}
.woocommerce.mobile-9 .product-list-item,
.object-carousel.elementor-grid-mobile-9 .e-loop-item,
.selected-list.elementor-grid-mobile-9 .e-loop-item,
.product-carousel.elementor-grid-mobile-9 .product-list-item {
width: 11.11% !important;
flex-basis: 11.11% !important;
}
.woocommerce.mobile-10 .product-list-item,
.object-carousel.elementor-grid-mobile-10 .e-loop-item,
.selected-list.elementor-grid-mobile-10 .e-loop-item,
.product-carousel.elementor-grid-mobile-10 .product-list-item {
width: 10% !important;
flex-basis: 10% !important;
}
}
@media only screen and (max-width: 400px) {
.woocommerce.mobile-small-1 .product-list-item {
width: 100% !important;
flex-basis: 100% !important;
}
.woocommerce.mobile-small-2 .product-list-item {
width: 50% !important;
flex-basis: 50% !important;
}
.woocommerce.mobile-small-3 .product-list-item {
width: 33.33% !important;
flex-basis: 33.33% !important;
}
.woocommerce.mobile-small-4 .product-list-item {
width: 25% !important;
flex-basis: 25% !important;
}
.woocommerce.mobile-small-5 .product-list-item {
width: 20% !important;
flex-basis: 20% !important;
}
.woocommerce.mobile-small-6 .product-list-item {
width: 16.66% !important;
flex-basis: 16.66% !important;
}
.woocommerce.mobile-small-7 .product-list-item {
width: 14.2% !important;
flex-basis: 14.2% !important;
}
.woocommerce.mobile-small-8 .product-list-item {
width: 12.5% !important;
flex-basis: 12.5% !important;
}
.woocommerce.mobile-small-9 .product-list-item {
width: 11.11% !important;
flex-basis: 11.11% !important;
}
.woocommerce.mobile-small-10 .product-list-item {
width: 10% !important;
flex-basis: 10% !important;
}
}
/*============CUSTOM CAROUSEL============*/
.swiper-carousel .swiper-container {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.swiper-carousel .swiper-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow: hidden;
direction: rtl;
transform: none !important;
}
/*---------------------------------------*/
.product-carousel ul.products,
.product-gallery .woocommerce-product-gallery__wrapper,
.object-carousel .elementor-loop-container,
.custom-carousel {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 0 !important;
justify-content: flex-start !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 100%;
transform: none;
transition: none;
}
.custom-carousel * {
user-drag: none !important;
-webkit-user-drag: none !important;
user-select: none !important;
-moz-user-select: none !important;
-webkit-user-select: none !important;
-ms-user-select: none !important;
}
.custom-carousel[data-draggable='true']:hover {
cursor: grab;
}
.custom-carousel[draging='true'] {
cursor: grabbing;
}
.custom-carousel[draging='true'] * {
pointer-events: none !important;
}
.custom-carousel .carousel-item-group {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center;
align-items: stretch;
height: 100% !important;
width: max-content !important;
flex-shrink: 0 !important;
flex-grow: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.product-carousel .product-list-item,
.product-gallery .woocommerce-product-gallery__image,
.object-carousel .e-loop-item,
.custom-carousel .carousel-item {
flex: 0 0 100% !important;
flex-shrink: 0 !important;
flex-grow: 0 !important;
flex-basis: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
position: relative;
display: flex !important;
}
.product-carousel > .elementor-widget-container,
.object-carousel .elementor-widget-container,
.custom-carousel-box {
position: relative;
z-index: 1;
overflow: hidden !important;
}
/*----------------------------------------*/
.custom-carousel-box .custom-carousel-prev,
.custom-carousel-box .custom-carousel-next {
display: none;
position: absolute;
top: 0;
bottom: 0;
width: 30px;
height: 30px;
margin: auto;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
border-radius: 100px;
z-index: 9;
background-color: #fff;
font-size: 40px;
line-height: 45px;
color: #aaa;
text-align: center;
direction: ltr;
cursor: pointer;
background-image: url("data:image/svg+xml;utf8,");
background-size: 11px 20px;
background-repeat: no-repeat;
background-position: center center;
}
.product-carousel.arrow .custom-carousel-prev,
.product-carousel.arrow .custom-carousel-next,
.product-gallery.arrow .custom-carousel-prev,
.product-gallery.arrow .custom-carousel-next,
.object-carousel.arrow .custom-carousel-prev,
.object-carousel.arrow .custom-carousel-next,
.custom-carousel.arrow .custom-carousel-prev,
.custom-carousel.arrow .custom-carousel-next {
display: inline-block;
}
.custom-carousel-box .custom-carousel-next {
left: -5px;
transform: rotate(180deg);
}
.custom-carousel-box .custom-carousel-prev {
right: -5px;
}
/*----------------------------------------*/
.product-gallery .custom-carousel-bullet{
gap: 5px;
}
.product-gallery .custom-carousel-bullet a{
flex-shrink: 1;
}
.product-gallery .custom-carousel-bullet a.active-index{
width: 20px;
}
/*----------------------------------------*/
.custom-carousel-bullet {
display: none;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 15px;
position: absolute;
top: auto;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
}
.product-carousel.bullet .custom-carousel-bullet,
.product-gallery.bullet .custom-carousel-bullet,
.object-carousel.bullet .custom-carousel-bullet,
.custom-carousel.bullet .custom-carousel-bullet {
display: flex;
}
.custom-carousel-bullet a {
display: flex;
width: 10px;
height: 6px;
background-color: #ddd;
border-radius: 100px;
cursor: pointer;
flex-shrink: 0;
transition: all 0.3s;
}
.custom-carousel-bullet a.active-index {
background-color: var( --e-global-color-primary );
width: 40px;
flex-shrink: 1;
}
.custom-carousel-bullet ~ .custom-carousel {
padding-bottom: 30px;
}
.custom-carousel-box ~ .elementor-swiper-button {
display: none !important;
}
/*============ HOME SPECIAL CAROUSEL ============*/
.special-carousel-2 .custom-carousel .carousel-item-group {
flex-direction: column !important;
justify-content: flex-start !important;
align-items: flex-start !important;
gap: 30px !important;
}
.special-carousel-2 .custom-carousel-prev,
.special-carousel-2 .custom-carousel-next,
.special-carousel-2 .custom-carousel-bullet{
display: flex !important;
}
.special-carousel-2 .custom-carousel-box{
padding-top: 50px !important;
margin-top: -50px !important;
padding-bottom: 40px !important;
}
.special-carousel-2 .custom-carousel-box .custom-carousel-bullet{
bottom: 5px;
}
.special-carousel-2 .custom-carousel-box .custom-carousel-prev,
.special-carousel-2 .custom-carousel-box .custom-carousel-next{
margin: 0 !important;
top: 5px !important;
border: 1px solid #aaa !important;
border-radius: 5px !important;
box-shadow: none !important;
}
.special-carousel-2 .custom-carousel-box .custom-carousel-prev{
left: 55px !important;
right: auto !important;
}
.special-carousel-2 .custom-carousel-box .custom-carousel-next{
left: 5px !important;
}
/*============HOME PAGE============*/
.intro-tabs .elementor-tabs{
min-height: 255px;
}
.intro-tabs .elementor-tabs ul li{
text-align: justify;
}
.intro-tabs .elementor-tabs-wrapper{
gap: 25px !important;
}
.intro-tabs .elementor-tabs-wrapper .elementor-active::after{
content: "";
position: absolute;
bottom: 0px !important;
left: 0 !important;
right: 0;
margin: auto;
width: 50% !important;
height: 3px !important;
border-radius: 100px;
transition: all 0.3s;
background-color: #fff;
}
.intro-tabs .elementor-tabs-content-wrapper ul{
list-style: circle;
}
.intro-tabs .elementor-tab-title::before{
content: '';
width: 24px !important;
height: 24px !important;
position: absolute !important;
left: -25px !important;
top: 0px !important;
background-size: contain;
background-image: url(assets/image/shape.png);
margin: auto !important;
bottom: 0 !important;
}
.intro-tabs .elementor-tab-title.elementor-active::before{
content: '';
width: 24px !important;
height: 24px !important;
position: absolute !important;
left: 0px !important;
top: 0px !important;
background-size: contain;
background-image: url(assets/image/shape.png);
margin: auto !important;
bottom: 0 !important;
}
.intro-tabs .elementor-tab-title:last-child::before{
display: none !important;
}
@media only screen and (max-width: 768px){
.intro-tabs .elementor-tab-title::before,
.intro-tabs .elementor-tab-title.elementor-active::before{
display: none !important;
}
}
.mehvar-tabs .elementor-tabs-wrapper{
display: flex;
gap: 25px;
align-items: center;
}
.mehvar-tabs .elementor-tabs-wrapper .elementor-active,
.mehvar-tabs .elementor-tab-mobile-title.elementor-active{
background-color: #dcfce7;
border-radius: 15px;
}
.mehvar-tabs .elementor-tab-content.elementor-active{
display: flex !important;
}
.mehvar-tabs .elementor-tab-content.elementor-active .text-lg{
display: flex !important;
}
.mehvar-tabs .elementor-tab-content.elementor-active::after{
display: none !important;
}
.mehvar-tabs .elementor-tab-title{
padding: 25px 60px 25px 15px;
}
.mehvar-tabs .elementor-tab-title:nth-of-type(1)::before{
content: '';
width: 64px !important;
height: 64px !important;
right: 0px !important;
top: 0px !important;
background-size: contain;
background-image: url(assets/image/pivot1.GLlH1gVz.svg) !important;
margin: auto !important;
bottom: 0 !important;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
}
.mehvar-tabs .elementor-tab-title:nth-of-type(2)::before{
content: '';
width: 64px !important;
height: 64px !important;
right: 0px !important;
top: 0px !important;
background-size: contain;
background-image: url(assets/image/pivot3.CoI9tTZz.svg) !important;
margin: auto !important;
bottom: 0 !important;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
}
.mehvar-tabs .elementor-tab-title:nth-of-type(3)::before{
content: '';
width: 40px !important;
height: 40px !important;
right: 11px !important;
top: 0px !important;
background-size: contain;
background-image: url(assets/image/021.png) !important;
margin: auto !important;
bottom: 0 !important;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
}
@media only screen and (max-width: 768px){
.mehvar-tabs .elementor-tab-mobile-title{
display: none !important;
}
.mehvar-tabs .elementor-tabs-wrapper{
flex-direction: column;
gap: 5px;
}
.mehvar-tabs .elementor-tab-title{
width: 100%;
}
.mehvar-tabs .elementor-tabs-content-wrapper{
padding-top: 10px;
}
}
/*-----------------MEHVARHA-----------------------*/
.object-tab-content{
display: flex;
flex-direction: row;
gap: 20px;
margin-top: -75px;
}
.object-tab-content .text-box{
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
}
.object-tab-content .image{
width: 290px;
height: 290px;
object-fit: cover;
object-position: center;
}
.object-tab-content .title{
font-size: 19px;
font-weight: 700;
}
.object-tab-content .content{
text-align: justify;
}
@media only screen and (max-width: 1025px){
.object-tab-content{
margin-top: 0;
flex-direction: column;
align-items: center;
}
.object-tab-content .text-box{
width: 100%;
justify-content: flex-start;
}
.object-tab-content .title{
font-size: 17px;
}
}
/*============FOOTER============*/
.footer-link li a{
color: #fff !important;
}
/*========== GRAVITY FORM - PROFILE FORM ==========*/
#submit-plan .gf_step {
display: flex !important;
}
#submit-plan .gf_step.gf_step_hidden {
opacity: 0.3 !important;
}
/*========== GRAVITY FORM - CUSTOM FORM ==========*/
.custom-form .tab {
border: none !important;
margin: 0 !important;
background-color: #0000 !important;
padding: 0 !important;
border-radius: 0 !important;
}
.custom-form .tab .gsection_title {
border: 1px solid #0001 !important;
margin: 0 !important;
background-color: #0001 !important;
padding: 10px !important;
border-radius: 5px !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #000 !important;
}
.custom-form .gf_progressbar {
background-color: #0001 !important;
padding: 5px !important;
border-radius: 100px !important;
}
.custom-form .gf_progressbar_percentage {
height: 15px !important;
border-radius: 100px !important;
}
.custom-form .gf_progressbar_percentage span {
line-height: 17px !important;
width: 100% !important;
text-align: left !important;
margin: 0 !important;
padding: 0 10px !important;
}
.custom-form .gform_page {
}
.custom-form .gform_page_footer {
text-align: center !important;
}
.custom-form .gform_page_footer .gform_next_button {
width: 100px !important;
border-radius: 100px !important;
}
.custom-form .gfield legend.gfield_label {
/* border-bottom: 2px solid #0002 !important; */
}
.custom-form .gfield .gfield_label,
.custom-form .gfield .gform-field-label {
margin: 0 !important;
margin-bottom: 3px !important;
font-weight: 400 !important;
font-size: 14px !important;
color: #000 !important;
position: relative !important;
padding: 0 !important;
display: inline !important;
/*flex-direction: row !important;*/
/*justify-content: flex-start !important;*/
/*align-items: center !important;*/
/*gap: 5px !important;*/
width: 100% !important;
}
.custom-form .gfield .gform-field-label::after {
position: relative !important;
top: -2px !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
}
.custom-form .gfield .gfield_required {
margin: 0 !important;
padding: 0 !important;
margin-right: 1px !important;
}
.custom-form .gfield input,
.custom-form .gfield select,
.custom-form .gfield textarea {
border: 1px solid #0002 !important;
box-shadow: none !important;
border-radius: 10px !important;
background-color: #00000009 !important;
}
.custom-form .gfield input::placeholder,
.custom-form .gfield select::placeholder,
.custom-form .gfield textarea::placeholder {
color: #aaa !important;
}
.custom-form .gfield input:focus,
.custom-form .gfield select:focus,
.custom-form .gfield textarea:focus {
border-color: dodgerblue !important;
}
.custom-form .gfield input,
.custom-form .gfield select,
.custom-form .gfield.gf_list_inline .ginput_container_radio {
min-height: 45px !important;
}
.custom-form .ginput_container_radio {
padding-top: 10px;
}
.custom-form .gfield input[type="radio"],
.custom-form .gfield input[type="checkbox"] {
min-height: unset !important;
width: 20px !important;
height: 20px !important;
}
.custom-form .gfield .gchoice {
display: flex !important;
flex-direction: row !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 5px !important;
padding: 0 !important;
}
.custom-form .gfield.gf_list_inline .gfield_radio {
width: 100% !important;
height: 100% !important;
display: flex !important;
flex-direction: row !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 20px !important;
}
.custom-form .gfield .gfield_description {
padding: 0 !important;
font-size: 14px !important;
font-weight: 400 !important;
color: #aaa !important;
}
.custom-form .gfield .validation_message.gfield_description {
color: red !important;
background-color: #0000 !important;
}
.custom-form .gfield .ginput_complex .ginput_container_date {
width: 33% !important;
}
.custom-form .gfield .ginput_complex .ginput_container_date label {
display: none !important;
}
.custom-form .gfield .ginput_container_address {
margin: 0 !important;
flex-direction: row-reverse !important;
}
.custom-form .ginput_container_address .address_city {
position: relative;
}
.custom-form .gfield_validation_message, .validation_message {
background: #0001 !important;
border: 1px solid #0000 !important;
border-radius: 100px !important;
text-align: center !important;
}
/*-----------------------*/
.custom-form .gfield .gfield_label .gfield_required_text {
width: 10px;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
color: #0000;
position: relative;
}
.custom-form .gfield .gfield_label .gfield_required_text::after,
.custom-form .gfield.gfield--type-address .ginput_container_address label::after {
content: "*" !important;
color: red;
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 5px;
height: 5px;
line-height: 12px;
font-weight: bold !important;
}
.custom-form .gfield .gfield_label .gfield_required_text::after{
bottom: 5px;
right: -5px;
}
.custom-form .gfield.divider {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
background-color: #eee !important;
height: 3px !important;
border-radius: 100px !important;
}
/*-----------------------*/
.custom-form .gfield--input-type-fileupload .ginput_preview {
background-color: orange;
padding: 5px 20px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
flex-direction: row;
position: relative;
}
.custom-form .gfield--input-type-fileupload .ginput_preview > * {
position: relative;
display: inline-block;
z-index: 2;
}
.custom-form .gfield--input-type-fileupload .gfield_fileupload_progress {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 5px;
background-color: #000;
color: #fff;
padding: 5px;
border-radius: 10px;
width: 170px;
text-align: center;
}
.custom-form .gfield--input-type-fileupload .gfield_fileupload_progress::before {
content: "در حال بارگذاری...";
}
.custom-form .gfield--input-type-fileupload .gfield_fileupload_progress_complete {
border: 2px solid #fff;
position: unset;
z-index: 1;
width: 50px;
}
.custom-form .gfield--input-type-fileupload .gfield_fileupload_progress_complete::before {
background-color: limegreen;
content: "";
position: absolute;
z-index: 1 !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
border-radius: 100px;
}
.custom-form .gfield--input-type-fileupload .gfield_fileupload_progress_complete > * {
z-index: 2;
}
.custom-form .gfield--input-type-fileupload .gfield_fileupload_cancel,
.custom-form .gfield--input-type-fileupload .gform_delete_file {
color: #000 !important;
}
.custom-form .gform-page-footer{
justify-content: center;
}
.custom-form .partial_entry_warning{
display: none;
}
/*----------error-------------*/
.custom-form .gfield_error input[type="text"],
.custom-form .gfield_error input[type="tel"],
.custom-form .gfield_error select,
.custom-form .gfield_error textarea,
.custom-form .gfield_error input[type="number"] {
border-color: #0000 !important;
outline: 3px solid red !important;
}
.custom-form .gfield_error .gfield_label{
color: red !important;
}
/*----------actions-------------*/
.custom-form .gform_footer .gv-button-cancel,
.custom-form .gform_footer .gv-button-delete {
display: none !important;
}
/*----------register start-------------*/
.register-step-init,
.register-step-init .gv-edit-entry-wrapper,
.register-step-init .gv-edit-entry-wrapper form,
.register-step-init .gform_wrapper,
.register-step-init .gform_body,
.register-step-init .gform_fields,
.register-start-activity,
.register-start-activity .ginput_container_radio {
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
}
.register-start-activity .gfield_radio {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 30px !important;
}
.register-start-activity .gfield_radio .gchoice {
display: flex !important;
flex-direction: column !important;
width: 200px !important;
justify-content: flex-start !important;
align-items: center !important;
background-color: #fff !important;
padding: 10px !important;
border-radius: 10px !important;
border: 2px solid #0001 !important;
}
.register-start-activity .gfield_radio .gchoice label {
width: 100% !important;
text-align: center !important;
font-size: 13px !important;
line-height: 1.6em !important;
margin: 0 !important;
flex-grow: 1 !important;
cursor: pointer !important;
}
.register-start-activity .gfield_radio .gchoice input {
width: 100% !important;
height: 150px !important;
background-color: #f5f5f5 !important;
border: 3px solid #0000 !important;
cursor: pointer !important;
outline: none !important;
position: relative;
}
.register-start-activity .gfield_radio .gchoice input::before {
display: none;
}
.register-start-activity .gfield_radio .gchoice input::after {
content: "";
width: 100px;
height: 100px;
display: inline-block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.register-start-activity .gfield_radio .gchoice input[value="moaseseh_khadamati"]::after {
background-image: url(assets/image/pivot1.GLlH1gVz.svg) !important;
}
.register-start-activity .gfield_radio .gchoice input[value="moaseseh_toseeye_ehsan"]::after {
background-image: url(assets/image/pivot3.CoI9tTZz.svg) !important;
}
.register-start-activity .gfield_radio .gchoice input[value="markaz_nikookari"]::after {
background-image: url(assets/image/021.png) !important;
width: 65px;
height: 65px;
}
.register-start-activity .gfield_radio .gchoice input:checked {
border: 3px solid dodgerblue !important;
}
@media only screen and (max-width: 767px) {
.custom-form .gfield .ginput_container_address {
flex-direction: column-reverse !important;
}
}
/*========== DIGITS ==========*/
.digits_ui *:not(span){
font-family: "IranSans" !important;
}
.digits_ui .digits-form_heading{
display: none !important;
}
.digits_ui .dig_login_signup_bar span{
font-size: 16px;
}
.digits_ui .dig_login_signup_bar .show_register{
font-size: 15px;
}
.digits_ui .digits-form_submit-btn:hover{
background-color: var(--e-global-color-primary) !important;
}
.digits_ui .digits-form_tabs .digits-form_tab-item{
font-size: 17px;
}
.digits_ui .dig_input_wrapper::before{
border: 1px solid #ddd;
border-radius: 5px;
}
/*========== LOGIN REGISTER ==========*/
.digits-form_heading,
.dig_login_signup_bar {
display: none !important;
}
.digits-form_container {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.digits_site_footer_box {
padding: 0;
}
.digits-form_tab-bar {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
gap: 10px;
border-bottom: 1px solid #fff2;
}
.digits-form_tab-bar .digits-form_tab-item {
color: #000;
font-weight: 900;
opacity: 1;
}
.digits-form_tab-bar .digits-tab_active {
color: var(--dprimary);
position: relative;
border-color: #0000 !important;
font-weight: 900;
}
.digits-form_tab-bar .digits-tab_active::after {
content: "";
position: absolute;
top: auto;
bottom: -5px;
left: 0;
right: 0;
width: 100%;
height: 4px;
background-color: var(--dprimary);
border-radius: 100px;
}
.digits-form_input input {
color: #000;
}
.digits-form_input_row label {
margin: 0;
font-weight: 400;
padding: 10px 0;
font-size: 16px;
}
.digits-form_input_row label .dig_input_wrapper{
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.digits-form_input_row label .dig_input_wrapper div{
padding-right: 30px !important;
}
.digits-form_input_row label
.digits-form_input_row {
margin-bottom: 10px;
}
.dig_login_signup_bar {
margin-top: 20px;
font-size: 17px;
font-weight: 400;
text-align: center !important;
}
.digits-form_button {
margin-top: 40px;
gap: 5px;
}
.digits-form_button .digits-form_button_ic{
rotate: 180deg;
margin: 0 !important;
}
.dig_login_signup_bar span{
opacity: 1 !important;
}
.digits-form_tab-bar [data-value="otp"]{
display: flex;
flex-direction: column;
font-size: 0 !important;;
}
.digits-form_tab-bar [data-value="otp"]::before{
content: "کد تایید ارسال شد";
color: red;
font-weight: 700;
font-size: 14px;
text-align: center;
margin-bottom: -20px;
}
.digits-form_tab-bar [data-value="otp"]::after{
display: none;
}
.digits-form_input_row .digits-field-type_tac .dig_input_wrapper::before,
.digits-form_input_row .digits-field-type_tac .dig_input_wrapper::after {
border: 2px solid #ccc !important;
border-radius: 5px !important;
}
/*================PROFILE - DASHBOARD================*/
.profile-ticket-list {
min-height: 54px;
}
/*================PROFILE REGISTER FORM - DIGITS================*/
.profile-register-form .digits_signup_form_step{
display: flex;
flex-direction: row;
gap: 10px;
flex-wrap: wrap;
justify-content: space-between;
}
.profile-register-form .digits_signup_form_step .digits-form_input_row{
width: calc(50% - 10px);
margin: 0;
}
.profile-register-form .digits_signup_form_step .digits-form_input_row:last-child,
.profile-register-form .digits_signup_form_step .digits_phone_holder{
width: 100%;
}
.profile-register-form .digits-form_button{
margin-top: 10px;
display: flex;
justify-content: center;
flex-direction: column;
gap: 5px;
}
.profile-register-form .digits-form_tab_body[data-change="dig_otp"]::before{
content: "کد تایید ارسال شد";
color: red;
font-weight: 700;
font-size: 14px;
text-align: center;
}
.profile-register-form .digits-form_tab_body[data-change="dig_otp"]{
margin-top: 10px;
}
.digits_select li{
line-height: 1.3em !important;
margin-bottom: 5px;
align-items: center;
display: flex;
}
#dig_cs_rulesaccepting{
width: 100%;
margin-top: 5px;
}
@media only screen and (max-width: 767px){
.profile-register-form .digits_signup_form_step .digits-form_input_row{
width: 100%;
}
}
/*================PROFILE - GRAVITY VIEW================*/
.view-list .gv-list-view {
margin-bottom: 0 !important;
}
.gv-edit-entry-title {
display: none;
}
.gv-list-view .pending-text {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
text-align: justify !important;
text-align-last: center !important;
background-color: limegreen !important;
padding: 20px 60px !important;
border-radius: 10px !important;
font-weight: 400 !important;
color: #fff !important;
line-height: 1.7em !important;
font-size: 15px !important;
}
.gv-list-view .pending-text .titr-1,
.gv-list-view .pending-text .titr-2 {
font-size: 18px !important;
font-weight: 900 !important;
line-height: 1.8em !important;
}
.gv-list-multiple-container .gv-list-view-title {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.gv-list-multiple-container .gv-list-view-title > div,
.gv-list-multiple-container .gv-list-view-title > h3 {
display: flex;
font-size: 14px;
gap: 20px;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
}
.gv-list-multiple-container .gv-list-view-title > div,
.gv-list-multiple-container .gv-list-view-title > h3 {
gap: 0;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
}
.gv-list-single-container .gv-list-view-title{
gap: 15px;
display: flex;
flex-direction: column;
}
.gv-list-single-container .gv-list-view-title > div,
.gv-list-single-container .gv-list-view-title > h3 {
display: flex;
gap: 10px;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
font-size: 14px;
}
.gv-list-multiple-container .gv-list-view-title > div > .gv-field-label,
.gv-list-multiple-container .gv-list-view-title > h3 > .gv-field-label,
.gv-list-single-container .gv-list-view-title > div > .gv-field-label,
.gv-list-single-container .gv-list-view-title > h3 > .gv-field-label {
padding: 0;
color: #aaa;
font-size: 14px;
font-weight: 300;
line-height: 1.2em;
}
.gv-list-multiple-container .gv-list-view-title > div > .gv-field-label::after,
.gv-list-multiple-container .gv-list-view-title > h3 > .gv-field-label::after,
.gv-list-single-container .gv-list-view-title > div > .gv-field-label::after,
.gv-list-single-container .gv-list-view-title > h3 > .gv-field-label::after {
content: ":";
}
.gv-list-multiple-container .gv-list-view-title > div > p {
font-size: 14px;
}
.gv-list-single-container .gv-list-view-title > div > p {
flex-grow: 1;
}
.gv-list-single-container .gv-list-view-title > div > .gfield_list {
width: 100%;
}
.gv-list-single-container .gv-list-view-title .gv-image{
width: 150px;
height: 150px;
object-fit: fill;
box-shadow: 0 0 20px -5px #0002;
padding: 10px;
border-radius: 5px;
}
.gv-hidden-value > * {
display: none !important;
}
.gv-hidden-value > .gv-field-label {
display: block !important;
}
/*-------------------------------------------*/
.gv-list-single-container .form-entry-status,
.gv-list-single-container .form-entry-result,
.gv-list-single-container .form-entry-result-file {
padding: 10px;
background-color: #f5f5f5;
border-radius: 10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
gap: 10px;
font-size: 15px !important;
color: #000;
margin: 10px 0;
}
.gv-list-single-container .form-entry-status .gv-field-label,
.gv-list-single-container .form-entry-result .gv-field-label,
.gv-list-single-container .form-entry-result-file .gv-field-label {
font-weight: bold !important;
}
.gv-list-single-container .form-entry-result .gv-field-label {
width: 100%;
border-bottom: 1px solid #0002;
padding-bottom: 5px;
}
.gv-list-single-container .form-entry-status .gv-field-label::after,
.gv-list-single-container .form-entry-result .gv-field-label::after,
.gv-list-single-container .form-entry-result-file .gv-field-label::after {
content: ":";
}
.gv-list-single-container .form-entry-status .gv-approval-disapproved,
.gv-list-single-container .form-entry-status .gv-approval-approved,
.gv-list-single-container .form-entry-status .gv-approval-unapproved {
padding: 5px 10px;
border-radius: 10px;
}
.gv-list-single-container .form-entry-status .gv-approval-disapproved {
background-color: red;
}
.gv-list-single-container .form-entry-status .gv-approval-approved {
background-color: limegreen;
color: #fff;
}
.gv-list-single-container .form-entry-status .gv-approval-unapproved {
background-color: yellow;
}
.gv-list-single-container .form-entry-result {
font-size: 14px !important;
font-weight: 400;
}
.gv-list-single-container .form-entry-result-file p {
}
.gv-back-link{
display: none;
}
@media only screen and (min-width: 767px) {
.gv-list-view .pending-text .titr-1 br {
display: none;
}
}
@media only screen and (max-width: 767px) {
.gv-list-view .pending-text {
padding: 10px !important;
font-size: 13px !important;
}
.gv-list-view .pending-text .titr-2 {
font-size: 14px !important;
margin-top: 10px !important;
}
}
/*================ END OF PROFILE - GRAVITY VIEW================*/
/*==========USER PROFILE==========*/
#custom-profile .profile-page-content#page-8325 {
background-color: #0000 !important;
box-shadow: none !important;
padding: 0 !important;
}
#custom-profile .profile-page-content#page-8325 #profile-page-title,
#custom-profile .profile-page-content#page-8325 #profile-page-divider {
display: none !important;
}
#custom-profile .nav-button .elementor-button-content-wrapper {
align-items: center;
}
#custom-profile .nav-button .elementor-button-icon svg {
width: 20px;
height: 20px;
}
#custom-profile .nav-button hr {
border: none;
background-color: #0003;
width: 100%;
height: 1px;
margin: 5px 0;
border-radius: 100px;
}
#custom-profile .nav-button small {
font-size: 12px;
color: #000;
}
/*==========FAQ PAGE==========*/
.faq .elementor-tab-title::before{
content: url("assets/image/check-circle.svg");
width: 15px;
height: 15px;
display: inline-block;
}
.faq .elementor-tab-content{
text-align: justify;
}
/*==========CONTACT US PAGE==========*/
.contact-us-form.custom-form .gfield input,
.contact-us-form.custom-form .gfield select,
.contact-us-form.custom-form .gfield textarea{
background-color: #fff !important;
margin-top: 5px !important;
}
.contact-us-form.custom-form .gform_fields{
gap: 20px !important;
}
.contact-us-form.custom-form .gform_button{
background-color: var(--e-global-color-primary) !important;
}
/*==========APARAT==========*/
.aparat-video{
height: 340px;
}
.aparat-video .elementor-shortcode{
height: 100%;
}
.aparat-video iframe{
height: 100%;
border-radius: 20px;
}
@media only screen and (max-width: 767px){
.aparat-video{
height: 200px;
}
}
/*==========SELETED FRAME==========*/
.selected-box{
position: relative;
}
.selected-box:hover::before{
content: "";
background-color: #0008;
position: absolute;
z-index: 1;
border-radius: 5px;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.selected-box:hover::after{
content: "کلیک کنید";
position: absolute;
z-index: 3;
color: #000;
font-size: 13px;
background-color: #fff;
border-radius: 100px;
padding: 0px 15px;
line-height: 1.9em;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 85px;
height: 25px;
text-align: center;
pointer-events: none;
}
.selected-list .elementor-loop-container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}