/*------------------------------------------------------------------
[# Common Classes]
-------------------------------------------------------------------*/

// @version 4.6

.non-clickable {
	cursor: default;
}

.readmore-link-wrap {
	display: block;
}

.search-entry .readmore-link-wrap {
	margin-top: 10px;
}

.readmore-link {
	display: block;
	float: left;
	font-size: 0.846em;
}

.hvr {
	position: relative;
	vertical-align: top;
	display: block;
	display: inline-block;
}

.hvr img {
	display: block; // IE Fix
	display: inline-block; // IE Fix
}

.wpex-thumbnail-format-icon {
	display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    border-radius: 4px;
    text-shadow: 1px 1px rgba(0,0,0,0.25);
    opacity: 0;
    body.wpex-window-loaded & {
    	opacity: 1;
    }
}

/* Hamburger style menu "bars" */
.wpex-bars {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 22px;
    line-height: normal;
    @include box-sizing( content-box );

    > span,
    > span::before,
    > span::after {
        background: $body__color;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        height: 2px;
        width: 100%;
        transition: all 0.2s ease-out;
        .white-style.dyn-styles {
            background: #fff !important;
        }
    }

    > span {
        top: 50%;
        margin-top: -1px;
    }

    > span::before {
        top: -7px;
    }

    > span::after {
        bottom: -7px;
    }

    .wpex-active & {

        > span {
            background: none !important;
        }

        > span::before {
            transform: rotatez(-45deg) translate(-4.95px, 4.95px);
        }

        > span::after {
            transform: rotatez(45deg) translate(-4.95px, -4.95px);
        }

    }

}

.wpex-disable-user-select {
    @include disable-user-select();
}

/* Toggle Menu */
.wpex-toggle-menu li ul {
    //display: none;
}


/* Deprecated */
.rounded {
	border-radius: 50%;
}
