.opalelementor-header-abs {
    header { 
        position: absolute;
        width: 100%;
        background-color: transparent;
        z-index: 9;
    }
}

.opalelementor-abs-header-yes {
    position:absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    &.she-header {
        position:fixed;
    }
}

.opalelementor-writing-veritcal {
    writing-mode: vertical-rl;
} 

.opalelementor-header-left {
        position:fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 300px;
        background: #FFF;
        z-index: 9999;
}

ul.oe-list-inline {
	li {
		display: inline-block;
		margin-left: 12px;
		&:first-child{
			margin-left: 0;
		}
	}
	a{
		font-size: 95%;
		color: #888;
	}
}

.rounded-circle {
  border-radius: 50% !important;
}
 %color-primary {
 	color:$primary;
 }
 %color-secondary {
  	color: $primary;
 }

%background-color-primary {
	background: $primary;
}
%background-color-secondary {
	background: $primary;
}
%color-body {
	color: inherit;
}
$white1 : #f1f1f1 !default; 
$black1 : #666 !default;
$black2 : #999 !default; 
$gray10: #CCC !default; 
$grid-gutter-width: 30px !default;
$border-color : #ddd !default;
$gray1 : #CCC !default;
$gray13 : #CCC !default;
$primary : #212121;
$secondary : #666;
$transparent: none !default;

.mb-0 {
	margin-bottom: 0;
}
.d-block {
	width: 100%;
}
.mt-2{
	margin-top: 20px;
}
.mt-5 {
margin-top: 50px;
}

.effect-thumbnail-v4{
    @include transition(all 0.3s ease);
    &:hover{
        @include translateY(-5px);
    }
}

.effect-thumbnail{
    &:hover{
        .post-thumbnail{
            a{
                &:before{
                    visibility: visible;
                    @include opacity(1);
                }
            }
            img{
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                @include opacity(1);
            }
        }
    }
    .post-thumbnail{
        position: relative;
        a{
            @extend .d-block;
            background-image: linear-gradient(left, $primary, $gray13);
            background-image: -webkit-linear-gradient(left, $primary, $gray13);
            background-image: -o-linear-gradient(left, $primary, $gray13);
            background-image: -moz-linear-gradient(left, $primary, $gray13);
            background-image: -webkit-linear-gradient(left, $primary, $gray13);
            &:before{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: "";
                background: rgba(0,0,0,0.3);
                @extend .d-block;
                z-index: 1;
                @include opacity(0);
                visibility: hidden;
                @include transition(all 0.3s ease);
            }
        }
        img{
            @extend .d-block;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            @include opacity(0.2);
            @include transition(all 0.3s ease);
        }
    }
}
.effect-thumbnail-v2{
    &:hover{
        .entry-header{
            border-bottom: 4px solid $secondary;
        }
    }
    .entry-header{
        @include transition(all 0.3s ease);
        border-bottom: 4px solid $transparent;
    }
}

/***/
.elementor-dropdown {
    position: relative;
    &:hover .elementor-dropdown-menu {
        top: 100%;
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
    }
}
.elementor-float-right {
    float: right
}
.elementor-dropdown-menu {
    text-align: left;
    right: 0;
    top: calc(100% + 15px);
    position: absolute;
    @include transition();
    pointer-events: none;
    opacity: 0;
    z-index: 99;
    visibility: hidden;
    color: $black1;
    padding: 10px 15px;
    min-width: 280px;
    background: $white;
    @include box-shadow( 0 .5rem 1rem rgba($black, .175) );
    &:before {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        background-color: $white;
        top: -5px;
        right: 20px;
        transform: rotate(45deg);
        z-index: 1;
    }
    ul , li {
        padding: 0;
        margin:0;
        border-style: none;
        list-style: none;
    }
}

.elementor-button-others{
    font-size: 18px;
    padding: 5px 16px;
    display: inline-block;
}





.mfp-zoom-in {
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.5s ease-in-out; 
    transform: scale(0.8); 
  }
  
  &.mfp-bg {
    opacity: 0;
      transition: all 0.6s ease-out;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1); 
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: scale(0.8); 
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}