%PDF-
%PDF-
Mini Shell
Mini Shell
// event counter
.xs-counter {
.ekit-wid-con {
.elementskit-countdown-timer {
text-align: left !important;
}
}
&-style2 {
.ekit-wid-con {
.elementskit-countdown-timer {
.elementskit-timer-container {
.elementskit-inner-container {
position: relative;
&::after {
position: absolute;
content: url(../images/counter-bg1.png);
top: -20px;
left: -20px;
width: 100%;
height: 100%;
margin: auto;
transform: scale(1.01);
}
}
&:nth-child(2) {
.elementskit-inner-container {
&::after {
content: url(../images/counter-bg2.png);
}
}
}
&:nth-child(3) {
.elementskit-inner-container {
&::after {
content: url(../images/counter-bg3.png);
}
}
}
&:nth-child(4) {
.elementskit-inner-container {
&::after {
content: url(../images/counter-bg4.png);
}
}
}
@media (max-width: 768px) {
margin-right: 0px;
}
}
}
}
}
}
// price
.xs-price {
position: relative;
&::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
transition: all ease 0.5s;
background: linear-gradient(to left, $secondary 0%, $primary 100%);
}
.elementskit-pricing-price {
&::after {
content: url(../images/price-icon.png);
position: absolute;
left: 0;
right: 0;
top: -17px;
margin: auto;
width: auto;
height: auto;
}
}
.elementor-widget-container {
position: relative;
transition: all ease 0.5s;
&::before {
content: "";
position: absolute;
left: 4px;
top: -6px;
right: 0;
background-repeat: repeat-x;
height: 20px;
background-size: 46px 23px;
background-image: radial-gradient( circle at 16px 7px, #f2f2f2 12px, transparent 13px);
}
&::after {
content: "";
position: absolute;
left: 7px;
bottom: -4px;
right: 0;
background-repeat: repeat-x;
height: 20px;
background-size: 46px 23px;
background-image: radial-gradient( circle at 15px 15px, #f2f2f2 12px, transparent 13px);
}
}
&:hover {
&::before {
opacity: 1;
}
}
}
/*============================
// Shortcode: Backtotop
============================== */
.BackTo {
width: 50px;
height: 50px;
line-height: 50px;
background: linear-gradient(135deg, $secondary 0%, $primary 100%);
color: $white;
border-radius: 5px;
text-align: center;
// display: none;
&:hover {
color: $white;
}
}
/*============================
// Cursor Follower
============================== */
.xs_cursor_follower {
position: fixed;
top: 0;
left: 0;
width: 4px;
height: 4px;
margin: -2px 0 0 -2px;
background-color: #f94743;
border-radius: 50%;
transform: translate(-100%, -100%);
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-in;
pointer-events: none;
z-index: 999999999;
&:before {
content: " ";
position: absolute;
top: -9px;
left: -9px;
width: 18px;
height: 18px;
background-color: #f94743;
border-radius: 50%;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
opacity: 0;
transform: scale(0);
transition: all 0.25s ease-out;
}
&.active {
background-color: transparent;
opacity: 0.55;
&:before {
opacity: 1;
transform: scale(1.4);
}
}
&[data-target="lightbox"] {
background-color: transparent;
&:before {
content: "+";
color: #fff;
background-color: transparent;
font-family: sans-serif;
font-size: 14px;
line-height: 20px;
text-align: center;
}
}
&[data-target^="elementskit-btn"]:before,
&[data-target^="ekit-mail-submit"]:before {
background-color: #fff;
}
&_outer {
position: fixed;
top: 0;
left: 0;
width: 36px;
height: 36px;
margin-top: -18px;
margin-left: -18px;
border: 1px solid #f94743;
border-radius: 50%;
transform: translate(-100%, -100%);
transition: border-color 0.3s ease-in, transform 0.25s ease-out;
z-index: 9999999999;
pointer-events: none;
.active+& {
margin-top: -20px;
margin-left: -20px;
}
[data-target^="elementskit-btn"]+&,
[data-target^="ekit-mail-submit"]+& {
border-color: #fff;
}
}
}
.purchase_ticket_section {
~.call_to_action_section {
margin-top: rem(-142px);
}
}
.event-schedule-section .elementor-background-overlay {
z-index: 2;
}
.ekit-wid-con .elementskit-countdown-timer {
justify-content: flex-start;
}
@media (max-width: 360px) {
.ekit-wid-con .elementskit-countdown-timer {
justify-content: center;
}
.xs-counter .elementor-widget-container {
text-align: center;
}
}
/*Evenex custom css*/
@media only screen and (max-width: 768px) {
.tab-content.schedule-tab-content {
padding-left: 10px;
padding-right: 10px;
}
.speaker-creative {
margin-top: 2rem;
}
}
@media only screen and (max-width: 1024px) and (min-width: 767px) {
.elementor-widget-evenex-schedule .schedule-container {
display: flex;
flex-wrap: nowrap;
width: 100vw;
overflow: hidden;
}
}
/* Single Speakers responsive*/
@media (min-width: 768px) and (max-width: 1024px) {
.speaker-details .speaker-details-title {
margin-top: 25px;
}
.spekaer-details-list li {
font-size: 21px;
}
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
font-size: 22px;
}
.schedule-list-column {
width: 50%;
}
.schedule-list>p {
font-size: 18px;
}
.schedule-meta-info>span {
font-size: 16px;
}
.post-edit-link {
font-size: 26px;
}
}
@media (max-width: 767px) {
.schedule-list-column {
width: 100%;
}
.xs-title-wraper .xs-title {
font-size: 2rem;
}
.schedule-info {
padding-top: 48px;
}
.schedule-list .schedule-list-title {
font-size: 24px;
}
.speaker-details .speaker-details-title {
font-size: 22px;
}
}
/* Speaker Archive , Speaker Category responsive */
@media (min-width: 768px) and (max-width: 1024px) {
.post-type-archive-xs-speaker .blog .col-lg-4,
.archive .blog .col-lg-4 {
width: 50%;
}
.speaker-footer-content>p {
font-size: 20px;
}
.post-type-archive-xs-speaker .blog .pagination {
margin-top: 2rem;
}
}
@media (max-width: 767px) {
.post-type-archive-xs-speaker .blog .col-lg-4,
.archive .blog .col-lg-4 {
width: 100%;
}
.speaker-footer-content>p {
font-size: 18px;
}
}
/* accordian page */
.accoedion-primary .number {
margin-right: 5px;
}
@media (max-width: 767px) {
.xs-custom-accordian .elementskit-card-header a {
padding: 8px 18px;
}
.xs-custom-accordian .ekit_accordion_icon_group i {
transform: translatex(15px);
}
.xs-custom-accordian .number {
display: none;
}
.xs-custom-round-accordian .elementskit-card-header a {
padding: 14px 23px;
}
.xs-custom-round-accordian .ekit_accordion_icon_group i {
transform: translatex(10px);
}
.xs-custom-sideCurve .elementskit-btn-link::after {
position: absolute;
content: "";
left: 35px;
top: 0px;
border-top: 38.5px solid transparent;
border-right: 27.5px solid transparent;
border-left: 27.5px solid rgba(255, 255, 255, 0.2);
border-bottom: 37.5px solid transparent;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.xs-custom-piehover .flip-card .back {
padding: 10px;
}
.xs-custom-piehover .flip-card .back p {
padding: 18px;
}
.xs-custom-piehover .flip-card .back .ekit-piechart-title {
margin: 0;
}
}
/* Schedule Horizontal responsive*/
@media (max-width:767px) {
.horizontal-schedule-list {
padding: 50px 0 20px 0;
}
.horizontal-schedule-list .schedule-list-title,
.horizontal-schedule-list .schedule-meta-info,
.horizontal-schedule-list .schedule-list p {
text-align: center;
}
.horizontal-schedule-list .speaker-name {
font-size: 20px;
}
}
@media(max-width:768px) {
.xs-section-overflow,
.xs-aboutEvent {
overflow: hidden;
}
}
// ---------------------------------------------
.ekit-wid-con .elementskit-section-title>span {
line-height: 1;
}
@media (max-width: 991px) {
.elementor-widget-elementskit-blog-posts {
.ekit-wid-con {
.row {
margin-left: 0;
margin-right: 0;
}
}
}
}
@media (max-width: 1024px) {
.elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
-webkit-transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0s;
-o-transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0s;
transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0s;
}
.elementskit-megamenu-panel {
width: auto !important;
.elementor-inner {
>.elementor-section-wrap {
>.elementor-section {
width: auto !important;
}
}
}
}
}
.elementor-widget-elementskit-funfact .ekit-wid-con .style-border-bottom.elementskit-funfact::before {
background-color: #F94743;
}
@media (max-width: 991px) {
.elementor-widget-elementskit-progressbar .ekit-wid-con .skill-bar .skill-track .number-percentage-wraper {
right: calc(0% - 16px);
}
}
.elementor-widget-elementskit-team .ekit-wid-con .ekit-team-modal.mfp-wrap.mfp-ready:before {
opacity: .7;
}
.elementor-widget-elementskit-team .mfp-wrap.ekit-promo-popup {
height: 100vh;
overflow: hidden !important;
}
.elementor-widget-elementskit-team .ekit-wid-con .ekit-promo-popup>.mfp-container {
max-width: 100%;
}
.elementor-widget-elementskit-team .modal-dialog {
max-width: 1000px;
}
.ekit-wid-con .ekit-team-modal-close {
z-index: 50;
}
.xs-tab-nav-wraper {
width: 100%;
}
.xs_advance_tab .elementskit-section-title-wraper h3 {
color: #F94743;
font-family: "Rubik", Sans-serif;
font-size: 18px;
font-weight: 500;
padding-bottom: 10px
}
.xs_advance_tab .elementskit-section-title-wraper h2 {
color: #101010;
font-family: "Poppins", Sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 54px;
}
.xs_advance_tab .elementskit-section-title-wraper p {
padding-top: 10px;
padding-bottom: 20px;
}
.xs_advance_tab .ekit-wid-con .elementskit-infobox .box-body p {
color: #101010;
font-family: "Poppins", Sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 54px;
}
.xs_advance_tab .ekit-double-btn.ekit-double-btn-one>i,
.xs_advance_tab .ekit-double-btn.ekit-double-btn-two>i {
color: #F25022
}
.xs_advance_tab .ekit-double-btn::after {
position: absolute;
content: '';
bottom: 0px;
left: 0px;
width: 90%;
height: 3px;
background: currentColor;
transform: scaleX(0);
transform-origin: right center;
transition: transform .6s;
}
.xs_advance_tab .ekit-double-btn:hover::after {
transform: scaleX(1);
transform-origin: left center;
opacity: 1;
}
/*header smooth down */
.xs_sticky_menu.ekit-sticky--effects {
animation-name: menuAnimation;
animation-duration: 2s;
background: #100e3d;
box-shadow: 0 5px 40px rgba(16, 16, 16, .05);
z-index: 20;
}
@keyframes menuAnimation {
0% {
top: -20px;
transform: scaleY(0);
transform-origin: top center;
}
20% {
top: -100px;
transform: scaleY(0);
transform-origin: top center;
}
50% {
transform: scaleY(1.2);
}
100% {
top: 0;
transform: scaleY(1);
transform-origin: top center;
}
}
.xs-btn {
background-image: linear-gradient(to right, #F94743 0%, #FF7C49 51%, #F94743 100%) !important;
transition: all 500ms ease-in-out;
position: relative;
background-size: 200% auto;
}
.xs-btn:hover {
background-position: right center;
}
.error-body {
margin-bottom: 150px;
}
.error404 .error-page .error-code {
display: block;
font-size: 150px;
line-height: 150px;
color: #333;
margin-bottom: 20px;
text-shadow: 5px 5px 1px rgba(0, 0, 0, .1);
}
.error404 .error-page .error-message h3 {
font-size: 24px;
color: #2e3d44;
}
.error404 .error-page .error-body a.btn {
margin-top: 30px;
}
.banner-title,
.xs-jumbotron-title {
margin-bottom: -5px;
}
#jarallax-container-0 div {
background-attachment: fixed;
}
.dialog-type-lightbox .dialog-widget-content {
width: 100%;
}
/*display-none-grid-line*/
.grid-none .xs-grid-parallax-anim-wraper {
display: none;
}
.grid-white-opacity .xs-grid-line-parallax {
background: #fff;
opacity: .2;
}
.grid-white-solid .xs-grid-line-parallax {
background: #fff;
}
/* Pages submenu arrow */
.elementskit-navbar-nav .elementskit-submenu-panel>li>a>i,
.elementskit-navbar-nav .elementskit-submenu-panel>li>a>i {
transform: rotate(-90deg);
margin-top: 5px;
}
.xs_address_box .ekit_page_list_title_title {
position: relative;
}
.xs_address_box .ekit_page_list_title_title::before {
position: absolute;
width: 8px;
height: 8px;
background: currentColor;
content: '';
left: -20px;
top: 11px;
border-radius: 50%
}
.direction_btn {
position: relative;
z-index: 2;
}
.direction_btn::Before {
position: absolute;
width: 8px;
height: 8px;
background: #fff;
content: '';
left: -20px;
transition: all .3s !important;
top: 11px;
border-radius: 50%
}
.xs_address_box {
position: relative;
}
.xs_address_box::after {
position: absolute;
content: '';
width: 25px;
height: 25px;
background: #f94743;
top: 50%;
right: 0;
z-index: 99;
clip-path: polygon(0 0, 100% 0, 0 100%);
transform: translate(-50%, -50%) rotate(135deg);
}
@media(max-width:768px) {
.xs_address_box::after {
display: none;
}
}
/* speaker page bottom spacing */
.single-xs-speaker .main-container {
padding: 100px 0px 60px 0px;
}
.single-xs-speaker .content-single {
padding-bottom: 0px;
}
.elementskit-single-pricing .elementskit-pricing-lists {
padding: 0;
margin-bottom: 0;
}
.xs-dual-btn .ekit_double_button .ekit-double-btn-one,
.xs-dual-btn .ekit_double_button .ekit-double-btn-two {
color: #05103B;
}
/*advance tab item*/
@media only screen and (min-width: 760px) and (max-width: 1040px) {
.xs_advance_tab .elementkit-tab-nav .elementkit-nav-item {
width: 35% !important;
}
}
.xs_address_box::after {
z-index: 2 !important;
}
@media only screen and (max-width: 1024px) {
.elementskit-navbar-nav-default .elementskit-dropdown {
margin-left: 15px !important;
margin-right: 15px !important;
}
.ekit_menu_responsive_tablet .elementskit-submenu-indicator {
border: 0px !important;
}
}
/*gallery widget first child*/
.xs_anim_gallery .ekit_gallery_grid_item:first-child .elementskit-hover-area {
opacity: 1;
}
.xs_anim_gallery .ekit_gallery_grid_item:first-child .elementskit-portfolio-thumb {
opacity: 0;
}
body .xs_anim_gallery .ekit_gallery_grid_item:first-child .elementskit-gallery-description {
font-size: 46px;
line-height: 56px;
}
.xs_anim_gallery .ekit_gallery_grid_item:first-child:hover .ekit-gallery-image-overlay {
background-color: transparent;
}
.xs_anim_gallery .ekit_gallery_grid_item:first-child .elementskit-hover-content {
text-align: left !important;
}
.xs_anim_gallery .ekit_gallery_grid_item:first-child .elementskit-hover-content i {
display: none;
}
@media only screen and (max-width: 768px) {
.xs_anim_gallery .ekit_gallery_grid_item:first-child .elementskit-hover-content {
text-align: left !important;
top: 60%;
}
}
.xs_anim_gallery .ekit-wid-con .elementskit-single-portfolio-item:first-child:hover .elementskit-hover-content {
top: 48%;
}
.xs_anim_gallery .ekit-wid-con .elementskit-single-portfolio-item:last-child:hover .elementskit-hover-content {
top: 48%;
}
/*image widget last child*/
.xs_anim_gallery .ekit_gallery_grid_item:last-child .elementskit-hover-area {
opacity: 1;
}
.xs_anim_gallery .ekit_gallery_grid_item:last-child .elementskit-portfolio-thumb {
opacity: 0;
}
body .xs_anim_gallery .ekit_gallery_grid_item:last-child .elementskit-gallery-description {
font-size: 24px;
line-height: 30px;
}
.xs_anim_gallery .ekit_gallery_grid_item:last-child:hover .ekit-gallery-image-overlay {
background-color: transparent;
}
.xs_anim_gallery .ekit_gallery_grid_item:last-child .elementskit-hover-content {
text-align: left !important;
}
.xs_anim_gallery .ekit_gallery_grid_item:last-child .elementskit-hover-content i {
display: none;
}
.xs_anim_gallery .ekit-wid-con .elementskit-single-portfolio-item:last-child:hover .elementskit-hover-content {
top: 48%;
}
.xs_gallery_content .elementskit-single-portfolio-item .elementskit-hover-content {
display: flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.9);
padding: 15px;
padding-left: 20px;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.xs-counter {
text-align: center;
}
.xs-counter .ekit-wid-con .elementskit-countdown-timer {
text-align: center;
width: 100%;
}
.xs-counter .elementskit-countdown-timer.ekit-countdown.text-center:last-child {
margin-right: -50px;
}
}
.xs_gallery_content .ekit-wid-con .elementskit-single-portfolio-item .elementskit-hover-area {
max-width: 320px;
height: 100%;
top: 30%;
left: 20px;
right: 20px;
}
@media only screen and (max-width: 768px) {
.xs_gallery_content .ekit-wid-con .elementskit-single-portfolio-item .elementskit-hover-area {
width: 100%;
max-width: 100%;
height: 100%;
top: 30%;
left: 0;
right: 0;
}
}
.xs_gallery_content .elementskit-single-portfolio-item .elementskit-hover-content .elementskit-gallery-title {
text-align: left;
}
.xs_gallery_content .elementskit-single-portfolio-item .elementskit-gallery-icon {
background: linear-gradient(90deg, #f94743 0%, #ff7c49 100%)
}
/*Hover top dooted shape icon*/
.xs_dots .elementor-background-overlay,
.xs_dots .elementor-background-slideshow {
top: -4px;
left: -5px;
}
/*pricing dollar icon opacity*/
.xs_custom_pricing .elementskit-pricing-tag {
-webkit-filter: opacity(0.3);
filter: opacity(0.3);
}
.xs_custom_pricing_active .elementskit-pricing-tag {
-webkit-filter: opacity(0.5);
filter: opacity(0.5);
}
.xs_pricing_border .xs-icon-seat:before {
color: #F25022;
}
@media (max-width: 1024px) {
.xs_blog .elementskit-meta-lists{
display: none
}
}
@media (max-width: 767px) {
.ekit-sticky .elementskit-navbar-nav-default.elementskit-menu-container.elementskit-menu-offcanvas-elements {
height: 100%!important;
}
}
@media (max-width: 767px) {
.xs-counter-responsive-fix .elementskit-countdown-timer .elementskit-timer-container {
margin: 0 !important;
text-align: center;
flex: 1 1 50%;
}
}
.speakers-social-lists>li>a>i {
vertical-align: middle;
}
.general_accordian.elementor-element.elementor-element-5ef3198 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"] {
// border-bottom-color: #F94743;
}
@media (max-width: 767px) {
.xs-counter-responsive-fix .elementskit-countdown-timer .elementskit-timer-container {
margin: 0 !important;
text-align: center;
flex: 1 1 50%;
}
.single-xs-speaker .speaker-details .speaker-info {
padding-top: 0;
font-size: 16px;
}
.single-xs-speaker .speaker-details .speaker-info,
.single-xs-speaker .speaker-details .speaker-info-title {
padding-left: 0;
}
.single-xs-speaker .speaker-personal-details-wraper .speaker-details .speaker-info-title {
box-shadow: 0 0 white;
}
}
@media (max-width: 480px) {
.xs_gallery_content .ekit-wid-con .elementskit-single-portfolio-item .elementskit-hover-content {
width: calc(100% - 20px);
margin-left: 10px;
}
.xs_gallery_content .ekit-wid-con .elementskit-single-portfolio-item:hover .elementskit-hover-content {
top: 43%;
}
}
@media only screen and (max-width: 768px) {
.xs-grid-parallax-anim-wraper {
display: none;
}
}
.xs_pricing_border.active .elementskit-pricing-price::after {
background: #fd9f90 !important;
}
@media (max-width: 320px) {
.xs_pricing_border .elementor-widget-container {
padding: 70px 40px 80px 40px !important;
-webkit-mask-image: none;
mask-image: none;
}
}
.elementor-widget-elementskit-blog-posts {
.ekit-wid-con {
.row {
> [class*="col-"]{
@media (max-width: 767px) {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 991px) {
padding-left: 10px;
padding-right: 10px;
}
}
}
}
}
Zerion Mini Shell 1.0