PATH:
home
/
letacommog
/
aperobusiness
/
wp-content
/
plugins
/
modern-events-calendar
/
assets
/
css
/*---------------------------------- Plug-in Name: Modern Events Calendar Author: WEBNUS Author URI: https://webnus.net/ Description: Modern Events Calendar License: GNU General Public License /*-----------------------------------------------------------------------------------*/ /* #CSS Base & Typography ================================================== */ .mec-wrap, .mec-wrap div:not([class^="elementor-"]), .lity-container { font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .mec-wrap h1, .mec-wrap h2, .mec-wrap h3, .mec-wrap h4, .mec-wrap h5, .mec-wrap h6, .entry-content .mec-wrap h1, .entry-content .mec-wrap h2, .entry-content .mec-wrap h3, .entry-content .mec-wrap h4, .entry-content .mec-wrap h5, .entry-content .mec-wrap h6 { font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #171c24; font-weight: 300; font-style: inherit; letter-spacing: normal; clear: none; } .mec-wrap h1 { font-size: 50px; line-height: 1.16; margin-bottom: 12px; letter-spacing: -1px; } .mec-wrap h2 { font-size: 36px; line-height: 1.14; margin-bottom: 10px; } .mec-wrap h3 { font-size: 28px; line-height: 1.2; margin-bottom: 8px; } .mec-wrap h4 { font-size: 24px; line-height: 1.2; margin-bottom: 10px; } .mec-wrap h5 { font-size: 18px; line-height: 1.3; margin-bottom: 7px; } .mec-wrap h6 { font-size: 16px; line-height: 1.3; margin-bottom: 4px; } .mec-wrap .subheader { color: #849098; } .mec-wrap h1 strong { font-weight: 700; } .mec-wrap p { margin: 0 0 20px 0; color: #616161; font-size: 14px; line-height: 1.8; } .mec-wrap .mec-event-article .mec-color-hover { box-shadow: none; border: none; } .mec-wrap abbr, .mec-wrap acronym { cursor: auto; border: none; } .entry-content .mec-wrap a { box-shadow: none; } /* Buttons Default */ .mec-wrap .button, .mec-wrap button:not(.owl-dot), .mec-wrap a.button:not(.owl-dot), .mec-wrap input[type="submit"], .mec-wrap input[type="reset"], .mec-wrap input[type="button"] { position: relative; border: none; border-radius: 0; color: #fff; display: inline-block; font-size: 12px; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase; font-weight: 600; text-decoration: none; cursor: pointer; margin-bottom: 21px; margin-right: 10px; line-height: 1; padding: 18px 20px 16px; background: #39c36e; -webkit-transition: all 0.21s ease; -moz-transition: all 0.21s ease; transition: all 0.21s ease; } .mec-wrap .button:hover, .mec-wrap button:hover, .mec-wrap a.button:hover, .mec-wrap input[type="submit"]:hover, .mec-wrap input[type="reset"]:hover, .mec-wrap input[type="button"]:hover { background: #222; color: #fff; } /* Form Builder Button */ .mec-booking-form-container button { display: block !important; } /* Distance (Vertical Spaces) */ .vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 { display: block; width: 100%; margin: 0; clear: both; border: 0 none; height: 20px; } .vertical-space2 { height: 40px; } .vertical-space3 { height: 60px; } .vertical-space4 { height: 80px; } .vertical-space5 { height: 100px; } *+html hr.vertical-space, *+html hr.vertical-space1, *+html hr .vertical-space2, *+html hr.vertical-space3, *+html hr.vertical-space4, *+html hr.vertical-space5 { height: 0px; margin: 10px 0; background: #fff; border: 1px solid #fff; } *+html hr.vertical-space2 { margin: 20px 0; } *+html hr.vertical-space3 { margin: 30px 0; } *+html hr.vertical-space4 { margin: 40px 0; } *+html hr.vertical-space5 { margin: 50px 0; } @media only screen and (max-width: 479px) { .vertical-space, .vertical-space1 { height: 8px; } .vertical-space2 { height: 14px; } .vertical-space3 { height: 28px; } .vertical-space4 { height: 40px; } .vertical-space5 { height: 60px; } } @media only screen and (max-width: 960px) { .vertical-space, .vertical-space1 { height: 12px; } .vertical-space2 { height: 18px; } .vertical-space3 { height: 36px; } .vertical-space4 { height: 50px; } .vertical-space5 { height: 80px; } } .mec-wrap abbr { cursor: auto; border-bottom: 0; } /* Rotating Keyframe */ @-webkit-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* --------------------- /* # Modern Events Calendar (WP Plugin) Styles ================================================== */ .mec-wrap { font: 14px/25px sans-serif; font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-weight: 400; color: #626262; } .mec-wrap .mec-events a { border-bottom: none; } .mec-wrap .mec-container a { box-shadow: none; } .mec-event-content p { font-family: 'Roboto', sans-serif; font-weight: 300; } .mec-wrap .mec-clear:before, .mec-wrap .mec-clear:after { content: " "; display: table; } .mec-wrap .mec-clear:after { clear: both; } .mec-events-button { background: #fff; padding: 12px 34px; font-size: 13px; font-weight: 400; letter-spacing: 0; border: 1px solid #e3e3e3; margin-right: 10px; transition: 0.3s; } .mec-wrap .mec-events-button:hover { color: #fff; } .mec-no-event { display: none; } /* MEC Current Day Event Toggle -------------------------- */ #mec-active-current { display: block !important; } .current-hide #mec-active-current { display: none !important; } /* MEC Events Grid Classic -------------------------- */ .mec-event-grid-classic .mec-event-article { position: relative; border: 2px solid #e3e3e3; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); margin-bottom: 30px; max-width: none } .mec-event-grid-classic .mec-event-content { background: #fff; color: #767676; padding: 0 20px 5px; text-align: center; min-height: 125px; } .mec-event-grid-classic .mec-event-title { color: #202020; margin: 10px 0; font-weight: bold; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; } .mec-event-grid-classic .mec-event-title a { color: #202020; transition: all 0.24s ease; } .mec-event-grid-classic .mec-event-date { font-weight: 400; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #fff; padding: 3px 20px; margin: 0 -20px 20px -20px; text-align: center; } .mec-event-grid-classic .mec-event-content p { font-size: 15px; color: #8a8a8a; } .mec-event-grid-classic .mec-event-detail { display: none; } .mec-event-grid-classic img { margin-bottom: 0; width: 100%; } .mec-event-footer { position: relative; border-top: 1px solid #efefef; padding: 20px; min-height: 80px; margin: 0; background: #fafafa; } .mec-event-sharing-wrap { left: 15px; position: absolute; list-style: none; margin: 0; } .mec-event-sharing-wrap .mec-event-sharing { position: absolute; padding: 8px 0 2px; left: -6px; bottom: 54px; margin: 0; margin-top: 6px; border-radius: 5px; width: 50px; visibility: hidden; opacity: 0; border: 1px solid #e2e2e2; background: #fff; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); z-index: 99; -webkit-transition: all .18s ease; transition: all .18s ease; } .mec-event-sharing-wrap .mec-event-sharing:after, .mec-event-sharing-wrap .mec-event-sharing:before { content: ''; display: block; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px; } .mec-event-sharing-wrap .mec-event-sharing:before { bottom: -21px; border-color: #e2e2e2 transparent transparent transparent; } .mec-event-sharing-wrap .mec-event-sharing:after { bottom: -19px; border-color: #ffffff transparent transparent transparent; } .mec-event-sharing-wrap:hover .mec-event-sharing { opacity: 1; visibility: visible; } .mec-event-sharing-wrap li { text-align: center; border: 0; display: block; margin-right: 2px; overflow: hidden; margin: 0 auto 6px; width: 38px; } .mec-event-sharing-wrap:hover>li { cursor: pointer; background-color: #40D9F1; } .mec-event-sharing-wrap:hover li a { color: #fff; } .mec-event-sharing-wrap>li:first-of-type { border: 1px solid #d9d9d9; } .mec-event-sharing-wrap:hover li ul li a, .mec-event-sharing-wrap li a { border: none; color: #767676; } .mec-event-sharing-wrap li i { width: 36px; height: 36px; display: table-cell; vertical-align: middle; } .mec-event-sharing-wrap .mec-event-sharing li a { display: block; } .mec-event-sharing-wrap .mec-event-sharing li:hover a { color: #40D9F1; } .mec-event-sharing .mec-event-share:hover .event-sharing-icon { background: #40d9f1; border-width: 0 1px 0; cursor: pointer; } .mec-event-sharing .mec-event-map { border-width: 1px 0 1px; } .mec-event-footer .mec-booking-button { box-shadow: none; transition: all 0.21s ease; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; background: #fff; color: #767676; border: 1px solid #e8e8e8; position: absolute; top: 20px; right: 15px; padding: 0 16px; line-height: 37px; height: 38px; } .mec-event-footer .mec-booking-button:hover { background: #191919; color: #fff; border-color: #191919; } @media only screen and (max-width: 960px) { .mec-event-grid-classic { margin-bottom: 30px; } } .mec-widget .mec-event-grid-classic.mec-owl-carousel { padding: 36px 0 16px; } .mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav { margin: 5px 0; width: 100%; position: absolute; top: 15px; padding: 0 } /* Events Grid Widget */ .mec-skin-grid-container.mec-widget { padding-top: 18px; } .mec-widget .mec-event-grid-classic.mec-owl-carousel { padding: 20px 0 16px; } .mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav { margin: 0; width: 100%; position: absolute; top: 0; padding: 0 } .mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav div { position: absolute; background: #fff; line-height: 0; width: 34px; height: 26px; padding: 6px; text-align: center; margin-top: -17px; border-radius: 3px; border: 1px solid #e2e2e2; text-align: center; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.028); transition: all .33s ease; } .mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav i { font-size: 12px; color: #40d9f1; cursor: pointer; } .mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav .owl-next { right: 0; } .mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav .owl-prev { left: 0; } .mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-event-sharing { display: none; } .mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-event-footer { text-align: center; } .mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-event-footer .mec-booking-button { position: static; padding: 11px 16px; } .widget .mec-event-footer ul.mec-event-sharing-wrap li a.mec-event-share-icon { padding: 0; } @media screen and (min-width: 56.875em) { .mec-widget .mec-month-container dl { margin-bottom: 0; } } .mec-widget .mec-event-grid-classic.owl-carousel .mec-event-footer { text-align: right; } .mec-widget .mec-event-grid-classic.owl-carousel .mec-event-sharing-wrap { left: 5px; padding-left: 5px; } .mec-widget .mec-event-grid-classic.owl-carousel .mec-event-sharing-wrap .mec-event-sharing { left: 0; } .mec-widget .mec-event-sharing-wrap .mec-event-sharing { position: absolute; top: auto; bottom: 52px; margin: 0; margin-top: 0; border-radius: 5px; } .mec-widget .mec-event-sharing-wrap .mec-event-sharing:after { top: auto; bottom: -17px; border-color: #fff transparent transparent transparent; } .mec-widget .mec-event-sharing-wrap .mec-event-sharing:before { top: auto; bottom: -18px; border-color: #e2e2e2 transparent transparent transparent; } /* MEC Events Grid Clean -------------------------- */ .mec-event-grid-clean { margin-bottom: 10px; max-width: none; } .mec-event-grid-clean .mec-event-article { margin-bottom: 30px; position: relative; border: 1px solid #e2e2e2; text-align: center; padding: 15px 15px 0; background: #fff; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-event-grid-clean .mec-event-content { background: #fff; color: #767676; padding: 25px 16px 0; text-align: left; } .mec-event-grid-clean .mec-event-title { color: #202020; margin: 0 0 10px 0; font-weight: bold; font-size: 21px; text-transform: capitalize; } .mec-event-grid-clean .mec-event-title a { color: #202020; transition: all 0.24s ease; } .mec-event-grid-clean .mec-event-date { font-weight: 400; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; background-color: #40d9f1; color: #fff; padding: 3px 0; margin: 0; text-align: center; } .mec-event-grid-clean .mec-event-content p { font-size: 15px; color: #9a9a9a; line-height: 1.54; } .mec-event-grid-clean img { margin-bottom: 0; width: 100%; } .mec-event-grid-clean .event-grid-t2-head { margin-bottom: 10px; color: #fff; padding: 9px 14px 6px; text-align: left; } .mec-event-grid-clean .event-grid-t2-head .mec-event-date { font-size: 50px; line-height: 50px; float: left; margin-right: 11px; } .mec-event-grid-clean .event-grid-t2-head .mec-event-month { text-transform: uppercase; font-size: 17px; line-height: 20px; padding-top: 4px; } .mec-event-grid-clean .event-grid-t2-head .mec-event-detail { font-size: 12px; } .mec-event-grid-clean .mec-event-sharing-wrap { left: 0; } .mec-event-grid-clean .mec-event-footer { position: relative; border-top: 2px solid; padding: 20px 0; margin: 0px 14px; text-align: left; background: none; } .mec-event-grid-clean .mec-event-footer .mec-booking-button { right: 0; } .mec-event-grid-clean .row { margin-bottom: 30px; } /* MEC Events Grid Modern -------------------------- */ .mec-event-grid-modern { margin-bottom: 10px; max-width: none; } .mec-event-grid-modern .mec-event-article { position: relative; border: 1px solid #e2e2e2; text-align: center; margin-bottom: 30px; padding: 45px 15px 10px; background: #fff; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-event-grid-modern .mec-event-content { background: #fff; color: #767676; padding: 35px 15px 10px; text-align: left; } .mec-event-grid-modern .mec-event-title { color: #202020; margin: 0 0 10px 0; font-weight: bold; font-size: 24px; text-transform: none; letter-spacing: -1px; } .mec-event-grid-modern .mec-event-title a { color: #202020; transition: all 0.24s ease; } .mec-event-grid-modern .mec-event-content p { font-size: 15px; color: #9a9a9a; line-height: 1.54; } .mec-event-grid-modern img { margin-bottom: 0; width: 100%; } .mec-event-grid-modern .event-grid-modern-head { margin-bottom: 10px; padding: 9px 14px 6px; text-align: left; } .mec-event-grid-modern .event-grid-modern-head .mec-event-date { font-size: 50px; line-height: 50px; float: left; margin-right: 11px; } .mec-event-grid-modern .event-grid-modern-head .mec-event-month { text-transform: uppercase; font-size: 17px; line-height: 20px; padding-top: 4px; } .mec-event-grid-modern .event-grid-modern-head .mec-event-detail { font-size: 12px; } .mec-event-grid-modern .event-grid-modern-head .mec-event-day { margin-top: 9px; color: #c0c0c0; font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: 100; text-transform: uppercase; letter-spacing: -1px; } .mec-event-grid-modern .mec-event-footer { position: relative; height: 90px; padding: 20px 0; border: none; margin: 0px 14px; text-align: left; background: none; } .mec-event-grid-modern .mec-event-footer .mec-booking-button { right: auto; left: 0; } .mec-event-grid-modern .mec-event-sharing-wrap { left: auto; right: 0; } .mec-event-grid-modern .mec-event-sharing { left: auto; right: -6px; } .mec-event-grid-modern .mec-event-sharing-wrap li { border-radius: 55px; } .mec-event-grid-modern .row { margin-bottom: 0; } @media only screen and (max-width: 479px) { .mec-event-grid-modern .mec-event-article { padding-bottom: 30px; } .mec-event-grid-modern .mec-event-sharing { top: 60px; left: 0; right: auto; } .mec-event-grid-modern .mec-event-footer .mec-booking-button { top: 0; } } /* MEC Events Sold Out ------------------------------------ */ .mec-event-title-soldout .soldout { background: #de3120; padding: 4px 5px; color: #fff; } .mec-event-title-soldout .soldout { background: #de3120; position: relative; top: -2px; border-radius: 10px 0 0 20px; padding: 2px 4px 2px 10px; color: #fff; } .mec-event-title-soldout .soldout:before { content: ' '; position: absolute; width: 0; height: 0; border-top: 10px solid #de3120; border-bottom: 10px solid #de3120; right: -10px; border-right: 10px solid transparent; border-left: 10px solid transparent; top: 0px; } .mec-event-title-soldout .soldout:after { content: ' '; position: absolute; width: 6px; height: 6px; background: #de3120; border-radius: 50%; left: 3px; top: 4px; border: 2px dashed #fff; } /* MEC Events Grid Modern Colorful ------------------------------------ */ .mec-event-grid-colorful .mec-event-article { min-height: 400px; border: none; box-shadow: none; background: #40d9f1; padding-top: 25px; margin: 0; color: #fff; } .mec-event-grid-colorful .mec-event-content { background: none; } .mec-event-grid-colorful .mec-event-content p, .mec-event-grid-colorful .event-grid-modern-head, .mec-event-grid-colorful .mec-event-sharing-wrap>li>a, .mec-event-grid-colorful .event-grid-modern-head .mec-event-day, .mec-event-grid-colorful .mec-event-title a, .mec-event-grid-colorful .event-grid-modern-head .mec-event-date { color: #fff; } .mec-event-grid-colorful .mec-event-footer .mec-booking-button { border: none; } .mec-event-grid-colorful .mec-event-sharing-wrap>li { border-color: #fff; } .mec-event-grid-colorful .mec-event-sharing-wrap:hover>li { background: #333; border-color: #333; } .mec-event-grid-colorful .mec-event-title a.mec-color-hover:hover { color: #fff; text-decoration: underline; } .mec-event-grid-colorful .mec-event-title .event-color { display: none; } .mec-event-grid-colorful div[class^="col-md-"] { padding: 0 1px 1px 0; margin: 0; } @media only screen and (min-width: 768px) { .mec-wrap.mec-sm959.mec-event-grid-colorful .event-grid-modern-head .mec-event-day { font-size: 26px; } .mec-wrap.mec-sm959.mec-event-grid-colorful .event-grid-modern-head .mec-event-month { font-size: 15px; } .mec-wrap.mec-sm959.mec-event-grid-colorful .event-grid-modern-head .mec-event-date { font-size: 50px; } .mec-wrap.mec-sm959.mec-event-grid-colorful .mec-event-title { font-size: 21px; } .mec-wrap.mec-sm959.mec-event-grid-colorful .mec-event-content p { font-size: 13px; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .mec-wrap.mec-sm959.mec-event-grid-colorful div[class^="col-md-"] { width: 50%; } } /* MEC Event-list Minimal -------------------------- */ .mec-event-list-minimal .mec-event-article { border-bottom: 1px solid #efefef; padding: 24px 0 16px; } .mec-event-list-minimal .mec-wrap .col-md-9 { padding: 0; } .mec-event-list-minimal .mec-event-date { position: relative; float: left; margin-right: 30px; color: #fff; width: 52px; padding: 6px 4px 3px; text-align: center; text-transform: uppercase; border-radius: 3px; } .mec-event-list-minimal .mec-event-date span { display: block; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 4px; } .mec-event-list-minimal .mec-event-date:after { display: block; content: ""; position: absolute; width: 50px; left: 1px; top: 1px; height: 30px; background: rgba(255, 255, 255, 0.1); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.02); } .mec-event-list-minimal .mec-event-title { margin-top: 0; margin-bottom: 10px; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 0; padding-top: 5px; } .mec-event-list-minimal .mec-event-detail { font-size: 15px; font-weight: 300; line-height: 1; letter-spacing: 0; color: #9a9a9a; font-family: 'Roboto', sans-serif; } .mec-event-list-minimal .btn-wrapper { text-align: right; padding-right: 0; padding-top: 6px; } .mec-event-list-minimal .btn-wrapper .mec-detail-button { border-bottom: 0; margin-bottom: 14px; margin-right: 0; box-shadow: none; } .mec-event-list-minimal a.mec-detail-button { text-align: center; display: inline-block; background: #ededed; color: #191919; padding: 12px; border-radius: 2px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; transition: all 0.24s ease; } .mec-event-list-minimal a.mec-detail-button:hover { background: #292929; color: #fff; } .vc_col-sm-4 .mec-event-list-minimal .mec-event-date, .vc_col-sm-6 .mec-event-list-minimal .mec-event-date { margin-right: 12px; } .vc_col-sm-4 .mec-event-list-minimal .mec-event-title, .vc_col-sm-6 .mec-event-list-minimal .mec-event-title { font-size: 15px; letter-spacing: 2px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .mec-event-list-minimal .btn-wrapper { padding-left: 0; } .mec-event-list-minimal .mec-event-date { margin-right: 10px; } } @media only screen and (max-width: 767px) { .mec-event-list-minimal .btn-wrapper .mec-detail-button { display: block; text-align: center; margin: 0; margin-top: 16px; padding: 8px; } .mec-event-list-minimal .btn-wrapper { margin: 12px 0; } } @media only screen and (max-width: 479px) { .mec-event-list-minimal .mec-event-date { float: none; width: 100%; margin-bottom: 8px; } .mec-event-list-minimal .mec-event-date span { display: inline; padding-right: 25px; margin-right: 7px; font-size: inherit; } .mec-event-list-minimal .mec-event-date:after { width: 45%; box-shadow: 4px 0 4px rgba(0, 0, 0, 0.02); } .mec-event-list-minimal .btn-wrapper { text-align: center; padding-left: 0; } .mec-event-list-minimal { text-align: center; } .mec-event-list-minimal .mec-event-detail { margin-bottom: 10px; } } /* MEC Event-list Modern -------------------------- */ .mec-wrap .mec-event-list-modern .mec-event-title { margin-top: 0; margin-bottom: 10px; } .mec-event-list-modern .mec-event-article { border-bottom: 1px solid #efefef; padding: 30px 0 10px; } .mec-event-list-modern .mec-event-article:last-child { border-bottom: none; } .mec-event-list-modern .mec-event-title a { color: #191919; transition: all 0.24s ease; box-shadow: none; } .mec-event-list-modern .mec-event-date { text-transform: uppercase; padding: 10px 0 } .mec-event-list-modern .mec-event-date .event-d { font-size: 48px; display: table-cell; padding: 10px 0 0; } .mec-event-list-modern .mec-event-date .event-f { font-size: 13px; display: table-cell; vertical-align: middle; padding-left: 7px; font-weight: 500; letter-spacing: 3px; color: #777; } .mec-event-list-modern .mec-event-detail { font-weight: 300; color: #8a8a8a; } .mec-event-list-modern .mec-event-date .event-da { margin-top: 9px; color: #c0c0c0; font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 100; text-transform: uppercase; letter-spacing: -1px; } .mec-event-list-modern .mec-btn-wrapper .mec-booking-button { border-radius: 1px; letter-spacing: 2px; border: 1px solid #e6e6e6; color: #333; background-color: #fff; padding: 13px 20px; font-weight: 700; font-size: 11px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); transition: all 0.28s ease; } .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover { border-color: #222; background: #222; color: #fff; } .mec-event-list-modern .mec-event-title { font-weight: 700; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; } .mec-event-list-modern .mec-event-detail { color: #9a9a9a; font-size: 15px; font-weight: 300; line-height: 25px; font-family: 'Roboto', sans-serif; } .mec-event-list-modern .mec-btn-wrapper { text-align: right; padding: 10px 0; text-transform: uppercase; } .mec-event-list-modern .mec-event-sharing { position: relative; margin: 10px 0; } .mec-event-list-modern .mec-event-sharing>li { display: inline-block; border: none; border-radius: 50%; margin-right: 3px; } .mec-event-list-modern .mec-event-sharing>li:hover { display: inline-block; } .mec-event-list-modern .mec-event-sharing>li:hover a i { color: #fff; background: #40d9f1; border-color: #40d9f1; } .mec-event-list-modern .mec-event-sharing>li i { width: 36px; display: inline-block; line-height: 35px; color: #767676; text-align: center; border-radius: 50%; border: 1px solid #ddd; font-size: 14px; } .mec-event-list-modern .mec-event-sharing .mec-event-share:hover .mec-event-sharing-icon { background: #40d9f1; border-color: #40d9f1; cursor: pointer; border-radius: 50%; } .mec-event-list-modern .mec-event-sharing li:hover a i { background: #40d9f1; } @media only screen and (min-width: 768px) { .mec-event-list-modern .mec-event-article { position: relative; min-height: 160px; overflow: hidden; } .mec-event-list-modern .col-md-2.col-sm-2 { width: 210px; position: absolute; left: 0; top: 20px; } .mec-event-list-modern .col-md-4.col-sm-4.mec-btn-wrapper { width: 180px; padding: 0; position: absolute; right: 0; top: 30%; } .mec-event-list-modern .col-md-6.col-sm-6 { width: 100%; padding-left: 225px; padding-right: 195px; } } @media only screen and (max-width: 767px) { .mec-event-list-modern .mec-btn-wrapper .mec-booking-button { letter-spacing: 1px; border: 1px solid #e1e1e1; padding: 8px 16px; } .mec-event-list-modern .mec-btn-wrapper { padding: 0 0 12px; } .mec-event-list-modern .mec-event-sharing { margin-bottom: 0; } } /* MEC Event-grid Minimal -------------------------- */ .mec-event-grid-minimal .mec-event-article { margin: 15px 0; min-height: 80px; display: table; } .mec-event-grid-minimal .event-detail-wrap { display: table-cell; vertical-align: middle; } .mec-event-grid-minimal .mec-event-date { width: 70px; float: left; margin-right: 20px; padding: 12px 16px 10px; text-align: center; text-transform: uppercase; border-radius: 4px; border: 1px solid #e6e6e6; transition: all .37s ease-in-out; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-event-grid-minimal .mec-event-date span { display: block; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 4px; color: #2a2a2a; transition: color .30s ease; } .mec-event-grid-minimal .mec-event-title { margin-top: 0; margin-bottom: 10px; font-weight: 700; line-height: 21px; font-size: 16px; text-transform: uppercase; transition: color .30s ease; } .mec-event-grid-minimal .mec-event-title a { color: #191919; transition: color .30s ease } .mec-event-grid-minimal .mec-event-detail { font-size: 15px; font-weight: 300; line-height: 1; letter-spacing: 0; color: #9a9a9a; font-family: 'Roboto', sans-serif; } .mec-event-grid-minimal .mec-event-date:hover { color: #fff; } .mec-event-grid-minimal .mec-event-date:hover span { color: #fff; } /* MEC Event-list Classic -------------------------- */ .mec-event-list-classic .mec-event-article { padding: 12px 0; margin-bottom: 20px; } .mec-event-list-classic .mec-event-image { float: left; width: 86px; margin-right: 20px; } .mec-event-list-classic .mec-event-date { font-weight: 400; font-size: 13px; letter-spacing: 0; line-height: 18px; } .mec-event-list-classic .mec-event-date span { font-weight: 500; margin-bottom: 6px; } .mec-event-list-classic .mec-event-title { font-size: 15px; margin: 10px 0 12px; font-weight: 700; text-transform: uppercase; } .mec-event-list-classic .mec-event-title a { color: #494949; transition: color .30s ease; } .mec-event-list-classic .mec-event-detail { color: #777; font-weight: 400; line-height: 12px; font-size: 12px; overflow: hidden; } .mec-event-list-classic a.magicmore { padding: 10px 16px; color: #fff; background: #222; letter-spacing: 2px; font-size: 11px; } .mec-event-list-classic a.magicmore:after { content: ""; display: none; } .mec-event-list-classic a.magicmore:hover { color: #40d9f1; } /* MEC Event-grid Simple -------------------------- */ .mec-event-grid-simple .mec-event-article { position: relative; margin-bottom: 30px; } .mec-event-grid-simple .mec-event-article:after { border-right: 1px solid #e6e6e6; height: 60px; position: absolute; top: 50%; margin-top: -30px; right: -1px; } .mec-event-grid-simple .row div:last-child .mec-event-article:after { border: none; } .mec-event-grid-simple .row { margin: 15px 0 30px; text-align: center; } .mec-event-grid-simple .mec-event-date { padding: 0; margin: 0; text-transform: capitalize; font-size: 12px; font-weight: 700; } .mec-event-grid-simple .mec-event-title { margin-top: 0; margin-bottom: 10px; font-weight: 700; line-height: 21px; font-size: 15px; padding-top: 5px; text-transform: uppercase; transition: color .37s ease; } .mec-event-grid-simple .mec-event-title a { color: #494949; transition: color .30s ease } .mec-event-grid-simple .mec-event-detail { font-family: 'Roboto', 'sans-serif'; font-weight: 400; line-height: 1; letter-spacing: 0; font-size: 13px; color: #777; } .mec-event-grid-simple:hover .mec-event-title { color: #40d9f1; } .mec-event-grid-simple:hover .mec-event-date { background: transparent; } .event-last:after { display: none; } @media only screen and (max-width: 767px) { .mec-event-grid-simple .mec-event-article { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .mec-event-grid-simple .mec-event-article:after { border: none; } } /* MEC Event-grid Novel —------------------------ */ .mec-event-grid-novel .mec-event-article { position: relative; margin-bottom: 30px; padding: 60px 5% 60px 7%; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; background-color: #0050fd; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .mec-event-grid-novel .mec-event-article .novel-grad-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; opacity: 0; z-index: -1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .mec-event-grid-novel .mec-event-article:hover { -webkit-box-shadow: 0 13px 36px 0 rgba(0, 0, 0, 0.23); box-shadow: 0 13px 36px 0 rgba(0, 0, 0, 0.23); border-color: transparent; } .mec-event-grid-novel .mec-event-article:hover .novel-grad-bg { background-image: -webkit-gradient(linear, left top, right top, from(rgb(38, 46, 50)), to(rgb(14, 16, 21))); background-image: -webkit-linear-gradient(left, rgb(38, 46, 50) 0%, rgb(14, 16, 21) 100%); background-image: -o-linear-gradient(left, rgb(38, 46, 50) 0%, rgb(14, 16, 21) 100%); background-image: linear-gradient(90deg, rgb(38, 46, 50) 0%, rgb(14, 16, 21) 100%); opacity: 1; } .mec-event-grid-novel .mec-event-image { float: left; width: 150px; height: 150px; } .mec-event-grid-novel .mec-event-image img { width: 150px; height: 150px; border-radius: 50%; } .mec-event-grid-novel .mec-event-detail-wrap { margin-left: 200px; } .mec-event-grid-novel .mec-event-content h4 { position: relative; margin-bottom: 10px; display: inline-block; } .mec-event-grid-novel .mec-event-content h4 a { font-size: 24px; line-height: 35px; color: #fafcff; } .mec-event-grid-novel .mec-event-content h4::before { content: ''; position: absolute; top: 8px; left: -30px; width: 17px; height: 17px; background: #5cd0ed; opacity: 0.4; border-radius: 50%; } .mec-event-grid-novel .mec-event-content h4::after { content: ''; position: absolute; top: 12px; left: -26px; width: 9px; height: 9px; background: #5cd0ed; border-radius: 50%; } .mec-event-grid-novel .mec-event-month, .mec-event-grid-novel .mec-event-detail, .mec-event-grid-novel .mec-event-address { position: relative; padding-left: 35px; font-size: 15px; line-height: 30px; color: rgba(255, 255, 255, 0.4); } .mec-event-grid-novel .mec-event-month::before, .mec-event-grid-novel .mec-event-detail::before, .mec-event-grid-novel .mec-event-address::before { position: absolute; top: 6px; left: 6px; font-size: 17px; font-family: 'simple-line-icons'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .mec-event-grid-novel .mec-event-month::before { content: "\e075"; } .mec-event-grid-novel .mec-event-detail::before { content: "\e081"; } .mec-event-grid-novel .mec-event-address::before { content: "\e096"; } .mec-event-grid-novel .mec-event-footer { clear: both; padding: 20px 0; border-top: none; background: transparent; } .mec-event-grid-novel .mec-event-footer .mec-booking-button { right: auto; left: 0; height: 42px; width: 148px; padding: 0 20px; font-size: 14px; font-weight: normal; line-height: 42px; text-align: center; color: #fff; background: transparent; border-color: rgba(255, 255, 255, 0.1); border-radius: 50px; } .mec-event-grid-novel .mec-event-footer .mec-booking-button:hover { background-color: rgba(255, 255, 255, 0.1); } .mec-event-grid-novel .mec-event-sharing-wrap { left: 175px; cursor: pointer; } .mec-event-grid-novel .mec-event-sharing-wrap>li { border-color: rgba(255, 255, 255, 0.1); border-radius: 50%; } .mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing { top: -5px; left: 0; padding: 5px 10px 2px 50px; min-width: 150px; width: inherit; height: 37px; background-color: rgba(255, 255, 255, 0.1); -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 50px; } .mec-event-grid-novel .mec-event-sharing-wrap:hover>li { background-color: rgba(255, 255, 255, 0.1); } .mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing::before, .mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing::after { display: none; } .mec-event-grid-novel .mec-event-sharing .mec-event-social-icon, .mec-event-grid-novel .mec-event-sharing .mec-event-social-icon a, .mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li i { display: inline; } .mec-event-grid-novel .mec-event-sharing .mec-event-social-icon a { padding: 0 10px; } .mec-event-grid-novel .mec-event-sharing-wrap>li a { color: #fff; } .mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li a { color: rgba(255, 255, 255, 0.4); } .mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li a:hover { color: rgba(255, 255, 255, 1); } @media only screen and (max-width: 1200px) { .mec-event-grid-novel .row .col-md-6.col-sm-6 { width: 100%; float: none; } .mec-event-grid-novel .mec-event-image { float: none; margin-top: -20px; margin-bottom: 20px; } .mec-event-grid-novel .mec-event-detail-wrap { margin-left: 20px; } .mec-event-grid-novel .mec-event-footer { margin-top: 30px; } } @media only screen and (max-width: 767px) { .mec-event-grid-novel .mec-event-footer { margin-top: 0; padding-top: 30px; margin-bottom: 24px; } .mec-event-grid-novel .mec-event-footer .mec-booking-button { display: block; position: relative; } .mec-event-grid-novel .mec-event-sharing-wrap { left: 0; bottom: -55px; } .mec-event-grid-novel .mec-event-content h4 a { font-size: 20px; line-height: 1.3; } } /* MEC Event Cover Modern -------------------------- */ .mec-event-cover-modern { position: relative; } .mec-event-cover-modern .mec-event-cover-a { background: transparent; position: absolute; color: #fff; bottom: 0; left: 0; text-decoration: none; } .mec-event-cover-modern .mec-event-cover-a .mec-event-overlay { transition: all 0.5s; opacity: 0.8; width: 100%; height: 100%; position: absolute; } .mec-event-cover-modern .mec-event-cover-a:hover .mec-event-overlay { opacity: 1; } .mec-event-cover-modern .mec-event-detail { padding: 40px; position: relative; } .mec-event-cover-modern .mec-event-cover-a:hover .mec-event-tag { color: #333; transition: all 0.5s; } .mec-event-cover-modern .mec-event-cover-a .mec-event-title:hover { text-decoration: underline; } .mec-event-cover-modern .mec-event-tag { background: #fff; display: inline-block; padding: 5px 9px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; } .mec-event-cover-modern .mec-event-date { text-transform: uppercase; font-size: 17px; font-weight: 300; } .mec-event-cover-modern .mec-event-title { color: #fff; text-transform: uppercase; font-size: 40px; font-weight: 700; margin: 6px 0; } .mec-event-cover-modern .mec-event-place { font-weight: 400; font-size: 18px; font-family: 'Roboto', sans-serif; } @media only screen and (max-width: 767px) { .mec-event-cover-modern .mec-event-cover-a { width: 100%; } } /* MEC Event Cover Classic -------------------------- */ .mec-event-cover-classic { position: relative; overflow: hidden; background: #fff; padding: 6px; border: 1px solid #e8e8e8; } .mec-event-cover-classic .mec-event-overlay { position: absolute; left: 6px; right: 6px; bottom: 6px; top: 6px; width: auto; height: auto; background-color: rgba(36, 36, 36, 0.4); transition: all .33s ease-in-out; } .mec-event-cover-classic:hover .mec-event-overlay { background-color: rgba(36, 36, 36, 0.6); } .mec-event-cover-classic .mec-event-content { font-size: 15px; color: #fff; position: absolute; bottom: 0; padding: 50px 35px; transition: all .33s ease-in-out; } .mec-event-cover-classic .mec-event-date { font-size: 14px; text-transform: uppercase; font-weight: 400; line-height: 1.6; } .mec-event-cover-classic .mec-event-date span { display: block; font-weight: 700; font-size: 16px; } .mec-event-cover-classic .mec-event-title { color: #fff; margin: 20px 0 38px; font-size: 24px; font-weight: bold; text-transform: uppercase; font-style: normal; } .mec-event-cover-classic .mec-btn-wrapper { text-align: left; } .mec-event-cover-classic .mec-event-icon { font-size: 18px; float: left; margin-right: 14px; color: #fff; padding: 13px; } .mec-event-cover-classic .mec-event-button { color: #fff; background-color: #191919; border: 2px #191919 solid; padding: 12px 20px; letter-spacing: 3px; font-size: 12px; font-weight: bold; font-style: normal; transition: all .22s ease; text-decoration: none; } .mec-event-cover-classic .mec-event-button:hover { color: #191919; background-color: #fff; border-color: #fff; border-radius: 1px; } .mec-event-cover-classic .mec-event-image img { min-width: 100%; } @media only screen and (max-width: 960px) { .mec-event-cover-classic .mec-event-content { padding: 20px; } .mec-event-cover-classic .mec-event-button { font-size: 11px; padding: 7px 10px; letter-spacing: 1px; } .mec-event-cover-classic .mec-event-title { font-size: 19px; margin: 15px 0 25px; } .mec-event-cover-classic .mec-event-date { font-size: 12px; } } @media only screen and (max-width: 767px) { .mec-event-cover-classic { margin-bottom: 30px; } } @media only screen and (max-width: 479px) { .mec-event-cover-classic .mec-event-content { padding: 15px; font-size: 15px; } .mec-event-cover-classic .mec-event-title { font-size: 15px; margin: 10px 0; } .mec-event-cover-classic .mec-event-button { font-size: 10px; padding: 6px; letter-spacing: 1px; } .mec-event-cover-classic .mec-event-icon { padding: 10px; } } /* MEC LOAD MORE BUTTON -------------------------- */ .mec-load-more-wrap { text-align: center; display: block; width: 100%; padding-top: 20px; text-align: center; position: relative; } .mec-load-more-button { box-shadow: none; transition: all 0.21s ease; font-size: 12px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; background: #fff; color: #767676; border: 2px solid #e8e8e8; border-radius: 50px; padding: 0px 28px; margin-bottom: 20px; cursor: pointer; line-height: 40px; font-family: 'Montserrat', Helvetica, Arial, sans-serif; height: 42px; display: inline-block; } .mec-load-more-button:hover { background: #191919; color: #fff; border-color: #191919; } .mec-load-more-loading { content: url('../img/ajax-loader.gif'); cursor: wait; background: transparent; border-style: none; } .mec-load-more-loading:hover { background: transparent; } .mec-modal-preloader, .mec-month-navigator-loading { width: 100%; height: 100%; background: no-repeat rgba(255, 255, 255, 0.88) url('../img/ajax-loader.gif') center; border-style: none; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 9; } .mec-event-calendar-classic .mec-calendar-side .mec-calendar-table { min-height: 1024px; } .mec-calendar-side .mec-calendar-table { min-height: 450px; } .mec-skin-weekly-view-events-container.mec-month-navigator-loading { margin-top: 0; } .mec-calendar.mec-event-calendar-classic .mec-calendar-side { display: block; } .mec-skin-daily-view-events-container.mec-month-navigator-loading { margin-top: 0px; } @media only screen and (min-width: 961px) { .mec-wrap.mec-sm959 .mec-calendar-side .mec-calendar-table { min-height: 1px; } } @media only screen and (max-width: 479px) { .mec-calendar-side .mec-calendar-table { min-height: 1px; } } /* MEC Event Cover Clean -------------------------- */ .mec-event-cover-clean { position: relative; border: 1px solid #e6e6e6; padding: 8px; } .mec-event-cover-clean .mec-event-overlay { height: 100%; background-color: rgba(36, 36, 36, 0.4); position: absolute; width: 100%; left: 0; border: 8px solid #fff; top: 0px; transition: all .5s ease-in-out; } .mec-event-cover-clean .mec-event-content { color: #fff; position: absolute; bottom: 20px; padding: 40px 60px; transition: all .5s ease-in-out; } .mec-event-cover-clean .mec-event-title { color: #fff; font-weight: 700; margin: 46px 0 19px; font-size: 29px; text-transform: uppercase; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } .mec-event-cover-clean .mec-event-title a { color: #fff; transition: all 0.5s; text-decoration: none; outline: none; border: none; box-shadow: none; } .mec-event-cover-clean .mec-event-title a:hover { text-decoration: underline; } .mec-event-cover-clean .mec-event-date { position: absolute; top: -20px; right: 60px; color: #fff; width: 60px; padding: 14px 10px; z-index: 1; } .mec-event-cover-clean .mec-event-date div { text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 16px; } .mec-event-cover-clean .mec-event-date .dday { padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 13px; font-size: 24px; } .mec-event-cover-clean .mec-event-date .dmonth { letter-spacing: 2px; } .mec-event-cover-clean .mec-event-place { font-size: 18px; font-family: 'Roboto', sans-serif; } .mec-event-cover-clean .mec-event-image img { width: 100%; } @media only screen and (max-width: 768px) { .mec-event-cover-clean .mec-event-content { padding: 20px; bottom: 5px; } .mec-event-cover-clean .mec-event-title { font-size: 23px; } .mec-event-cover-clean .mec-event-date { right: 20px; padding: 10px; width: 50px; } } @media only screen and (max-width: 479px) { .mec-event-cover-clean .mec-event-content { padding: 10px; } .mec-event-cover-clean .mec-event-title { font-size: 19px; padding-right: 25px; } .mec-event-cover-clean .mec-event-date { right: -20px; top: -10px; } .mec-event-cover-clean .mec-event-detail { font-size: 12px; } } /* MEC Events List Default Loop --------------------------------- */ .mec-month-divider { text-align: center; margin: 60px 0 40px 0; } .widget .mec-month-divider { margin: 10px 0; } .mec-month-divider span { text-transform: uppercase; font-size: 22px; font-weight: bold; padding-bottom: 5px; color: #313131; border-bottom: 4px solid #ebebeb; width: 100%; display: block; padding-bottom: 10px; position: relative; } .mec-month-divider span:before { border-bottom: 4px solid #40d9f1; font-size: 6px; content: ""; text-align: center; position: absolute; bottom: -4px; margin-left: -30px; left: 50%; width: 60px; } .widget .mec-month-divider span { font-size: 13px; } .mec-event-list-standard .mec-events-pagination { margin-top: 60px; border-top: 4px solid #ebebeb; min-height: 80px; padding-top: 20px; } .mec-event-list-standard .mec-events-pagination .mec-events-pag-previous { float: left; margin-left: 0; } .mec-event-list-standard .mec-events-pagination .mec-events-pag-next { float: right; margin-right: 0; } .mec-event-list-standard .mec-event-article { position: relative; display: block; margin-bottom: 25px; border: 1px solid #e9e9e9; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-event-list-standard .mec-topsec { display: table; width: 100%; } .mec-event-list-standard .col-md-3.mec-event-image-wrap { padding-left: 0 } .mec-event-list-standard .mec-event-content { padding-top: 15px; padding-right: 30px; } .mec-event-list-standard .mec-event-title { font-size: 29px; font-weight: 700; letter-spacing: -1px; margin: 0 0 10px; } .mec-event-list-standard .mec-event-title a { color: #292929; transition: color .30s ease; } .mec-event-list-standard .mec-col-table-c { display: table-cell; height: 100%; vertical-align: middle; float: none !important; } .mec-event-list-standard .mec-col-table-c.mec-event-meta-wrap { padding-top: 15px; } .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap { vertical-align: top; } .mec-topsec .mec-event-image { line-height: 1px; } .mec-event-list-standard .mec-event-meta-wrap { border-left: 1px solid #eee; } .mec-event-list-standard .mec-time-details { text-transform: uppercase; font-size: 11px; font-weight: 300; padding-top: 0px; text-align: left; padding-left: 30px; } .mec-event-list-standard .mec-event-meta .mec-event-address { font-style: normal; letter-spacing: 0; font-size: 13px; color: #8a8a8a; } .mec-event-list-standard .mec-event-meta span.mec-event-d, .mec-event-list-standard .mec-event-meta span.mec-event-m { font-size: 17px; font-weight: 700; padding-right: 6px; color: #444; text-transform: uppercase; } .mec-event-list-standard .mec-venue-details, .mec-event-list-standard .mec-date-details, .mec-event-list-standard .mec-time-details { position: relative; padding-left: 28px; margin-bottom: 10px; } .mec-event-list-standard .mec-venue-details:before, .mec-event-list-standard .mec-time-details:before, .mec-event-list-standard .mec-date-details:before { content: "\f041"; font-family: fontawesome; position: absolute; left: 6px; font-size: 15px; } .mec-event-list-standard .mec-date-details:before { content: "\f073"; } .mec-event-list-standard .mec-time-details:before { content: "\f017"; } .mec-event-list-minimal .mec-event-title a { color: #292929; transition: color .3s ease; } .mec-event-meta-wrap .mec-price-details { margin-bottom: 10px; } .mec-price-details i { margin-right: 5px; vertical-align: text-top; } .mec-event-meta-wrap .mec-event-meta .mec-price-details i:before { font-size: 15px; } @media only screen and (max-width: 960px) { .mec-event-list-standard .mec-topsec { display: block; } .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap { display: block; width: 40%; } .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap { display: block; min-height: 230px; } .mec-event-list-standard .mec-event-meta-wrap { display: block; border-left: none; border-top: 1px solid #eee; width: 100%; float: none; padding-top: 20px; } } @media only screen and (min-width: 480px) and (max-width: 960px) { .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap, .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap { display: table-cell; } } @media only screen and (max-width: 479px) { .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap, .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap img { float: none; width: 100%; padding: 0; } .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap { padding: 10px 10px 10px 30px; } } /* MEC Event- Single -------------------------- */ .mec-wrap .mec-events-cal-links { margin-bottom: 0 } .mec-single-event #mec-wrap { padding: 0; margin-top: 35px; } .mec-wrap .mec-single-title { margin-top: 0; margin-bottom: 30px; font-weight: 700; font-size: 33px; } .mec-single-event .mec-event-content { padding: 40px 0 30px; margin-bottom: 10px; } .mec-single-event .mec-frontbox, .mec-single-event .mec-events-meta-group-booking { margin-bottom: 30px; padding: 20px 30px; background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-wrap #main-content { overflow: hidden; padding-top: 35px; } .mec-single-event .mec-map-get-direction-address-cnt { position: relative; } .mec-single-event .mec-map-get-direction-address-cnt input.mec-map-get-direction-address { width: 100%; height: 46px; padding: 13px 10px; margin-bottom: 0; background: #fcfcfc; border: 1px solid #e0e0e0; border-radius: 0; box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.081); } .mec-single-event .mec-map-get-direction-address-cnt input.mec-map-get-direction-address:focus { color: #444; background: #fff; border-color: #b0b0b0; box-shadow: 0 0 3px rgba(0, 0, 0, .2); } .mec-single-event .mec-map-get-direction-btn-cnt input { width: 100%; } .mec-single-event .mec-map-get-direction-reset { position: absolute; z-index: 2; top: 5px; right: 10px; font-size: 11px; cursor: pointer; } /* Tags */ .mec-events-meta-group-tags { margin-top: 20px; } .mec-events-meta-group-tags a { display: inline-block; color: #444; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; padding: 3px 7px; border: 1px solid #ddd; border-radius: 2px; background: #fff; margin: 1px 3px; } .mec-events-meta-group-tags a:hover { text-decoration: underline; background: #f9f9f9; } .mec-local-time-details li { list-style: none; } .mec-single-event:not(.mec-single-modern) .mec-local-time-details { background: #f7f7f7; padding: 12px 14px 8px; margin-bottom: 12px; vertical-align: baseline; position: relative; border: none; } .mec-single-event:not(.mec-single-modern) .mec-local-time-details ul { margin: 0; padding-left: 35px; } .mec-single-event:not(.mec-single-modern) .mec-local-time-details h3 { border: none; padding-left: 15px; } .mec-single-event:not(.mec-single-modern) .mec-local-time-details h3:before { display: none } .mec-single-event.mec-single-modern i.mec-sl-speedometer { display: none; } /* Booking */ .mec-single-event .mec-events-meta-group-booking { padding-bottom: 30px; } .mec-single-event .mec-events-meta-group-booking ul { list-style: none; margin-left: 0; padding-left: 0; } .mec-single-event .mec-events-meta-group-booking ul li { padding: 0; list-style: none; margin-top: 40px; } .mec-single-event .mec-events-meta-group-booking h4 { margin-bottom: 20px; font-size: 23px; font-weight: bold; } .mec-single-event .mec-events-meta-group-booking li h4 { font-size: 19px; } .mec-single-event .mec-events-meta-group-booking input, .mec-single-event .mec-events-meta-group-booking button { border-radius: 0; margin-bottom: 6px; } .mec-single-event .mec-events-meta-group-booking button { min-width: 170px; margin-top: 5px; } .mec-single-event .mec-events-meta-group-booking button { margin-left: 15px; } .mec-single-event .mec-book-form-coupon button { margin-left: 0; } .mec-single-event .mec-book-form-gateway-checkout button { margin-left: 0; } .mec-single-event .mec-book-first, .mec-single-event .mec-event-tickets-list { padding-left: 15px; padding-right: 15px; } .mec-single-event label.mec-fill-attendees { margin-left: 15px !important; } .mec-single-event .mec-events-meta-group-booking .mec-event-ticket-available { display: block; margin-bottom: 20px; margin-top: -17px; font-size: 11px; color: #8a8a8a; } .mec-single-event .mec-events-meta-group-booking .mec-book-price-total { display: inline-block; margin-bottom: 10px; font-size: 26px; color: #39c36e; font-weight: 700; padding: 10px 0; } .mec-single-event .mec-events-meta-group-booking form { margin: 0; } .mec-single-event .mec-events-meta-group-booking label, .mec-single-event .mec-events-meta-group-booking h5 span { color: #424242; font-size: 12px; font-weight: 300; letter-spacing: 0; margin: 3px 0; display: block; clear: none; padding: 5px 1em 3px 0; } .mec-single-event .mec-events-meta-group-booking h5 span { display: inline-block; } .mec-single-event .mec-events-meta-group-booking h5 span.mec-ticket-variation-name { padding-right: 5px; text-transform: capitalize; } .mec-single-event .mec-events-meta-group-booking input::-webkit-input-placeholder { color: #aaa; } .mec-single-event .mec-events-meta-group-booking input:-moz-placeholder { color: #aaa; } .mec-single-event .mec-events-meta-group-booking input[type=text], .mec-single-event .mec-events-meta-group-booking input[type=date], .mec-single-event .mec-events-meta-group-booking input[type=number], .mec-single-event .mec-events-meta-group-booking input[type=email], .mec-single-event .mec-events-meta-group-booking input[type=password], .mec-single-event .mec-events-meta-group-booking input[type=tel], .mec-single-event .mec-events-meta-group-booking textarea, .mec-single-event .mec-events-meta-group-booking select { display: block; background: #fcfcfc; min-height: 42px; min-width: 180px; font-size: 13px; border: 1px solid #e0e0e0; padding: 13px 10px; width: 330px; margin-bottom: 20px; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.051); clear: both; } .wbmec-mandatory { padding-left: 5px; font-size: 14px; } .mec-single-event .mec-events-meta-group-booking .mec-red-notification input, .mec-single-event .mec-events-meta-group-booking .mec-red-notification textarea, .mec-single-event .mec-events-meta-group-booking .mec-red-notification select { border: 1px solid #ff3c3c; } .mec-single-event .mec-events-meta-group-booking .mec-red-notification input[type="radio"], .mec-single-event .mec-events-meta-group-booking .mec-red-notification input[type="checkbox"] { outline: 1px solid #ff3c3c; } @media only screen and (max-width: 479px) { .mec-single-event .mec-events-meta-group-booking input[type=text], .mec-single-event .mec-events-meta-group-booking input[type=date], .mec-single-event .mec-events-meta-group-booking input[type=number], .mec-single-event .mec-events-meta-group-booking input[type=email], .mec-single-event .mec-events-meta-group-booking input[type=password], .mec-single-event .mec-events-meta-group-booking input[type=tel], .mec-single-event .mec-events-meta-group-booking textarea, .mec-single-event .mec-events-meta-group-booking select { width: 100%; } } .mec-single-event .mec-events-meta-group-booking input[type=text]:.mec-single-event .mec-events-meta-group-booking input[type=date], focus, .mec-single-event .mec-events-meta-group-booking input[type=number]:focus, .mec-single-event .mec-events-meta-group-booking input[type=email]:focus, .mec-single-event .mec-events-meta-group-booking input[type=password]:focus, .mec-single-event .mec-events-meta-group-booking input[type=tel]:focus, .mec-single-event .mec-events-meta-group-booking textarea:focus, .mec-single-event .mec-events-meta-group-booking select:focus { border: 1px solid #aaa; color: #444; background: #fff; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .2); outline: none; } .mec-single-event .mec-events-meta-group-booking input[type=checkbox], .mec-single-event .mec-events-meta-group-booking input[type=radio] { margin-right: 6px; margin-top: 5px; min-height: 20px; clear: none; margin: 0px 0 0 2px; } .mec-single-event .mec-events-meta-group-booking input[type=radio]:before, .lity-container .mec-events-meta-group-booking input[type=radio]:before { content: ""; display: inline-block; background: #fff; border-radius: 18px; width: 18px; height: 18px; margin: -1px 0 0 -3px; cursor: pointer; border: 2px solid #e1e7ed; box-shadow: 0 2px 15px -3px rgba(69, 77, 89, .32); } .mec-single-event .mec-events-meta-group-booking input[type=radio]:checked:before, .lity-container .mec-events-meta-group-booking input[type=radio]:checked:before { border: 7px solid #008aff; background: #fff; box-shadow: 0 3px 16px -3px #008aff; } .mec-single-event .mec-events-meta-group-booking input[type=radio], .lity-container .mec-events-meta-group-booking input[type=radio] { min-height: 0; margin: 0; margin-right: 6px; } .mec-single-event .mec-events-meta-group-booking input[type=checkbox] { float: left; } .mec-single-event .mec-events-meta-group-booking .mec_book_first_for_all, .lity-container .mec-events-meta-group-booking .mec_book_first_for_all { display: none; } .mec-events-meta-group-booking ul.mec-book-price-details { list-style: none; border: 1px solid #eee; padding: 0; overflow: hidden; } .mec-events-meta-group-booking ul.mec-book-price-details li { font-size: 15px; color: #a9a9a9; list-style: none; padding: 13px 18px; margin: 0; float: left; border-right: 1px solid #eee; } .mec-events-meta-group-booking ul.mec-book-price-details li:last-child { border-right: none; } .mec-events-meta-group-booking ul.mec-book-price-details li span.mec-book-price-detail-amount { font-weight: 700; font-size: 21px; color: #222; } .mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label, .lity-container .mec-events-meta-group-booking label.wn-checkbox-label { height: 14px; width: 14px; background-color: transparent; border: 1px solid #d4d4d4; position: relative; display: inline-block; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer; box-shadow: 0 2px 16px -2px rgba(0, 0, 0, 0.2); vertical-align: middle; margin-right: 3px; margin-top: -2px; } .mec-single-event .mec-events-meta-group-booking input[type=checkbox]:checked+.wn-checkbox-label, .lity-container .mec-events-meta-group-booking input[type=checkbox]:checked+.wn-checkbox-label { border-color: #008aff; box-shadow: 0 2px 14px -3px #008aff; } .mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:before, .mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:after, .lity-container .mec-events-meta-group-booking label.wn-checkbox-label:before, .lity-container .mec-events-meta-group-booking label.wn-checkbox-label:after { position: absolute; height: 0; width: 1px; background-color: #008aff; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; content: ''; -webkit-transition: opacity ease .5; -moz-transition: opacity ease .5; transition: opacity ease .5; } .mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:before, .lity-container .mec-events-meta-group-booking label.wn-checkbox-label:before { top: 8px; left: 7px; box-shadow: 0 0 0 2px #fff; -moz-transform: rotate(-145deg); -ms-transform: rotate(-145deg); -o-transform: rotate(-145deg); -webkit-transform: rotate(-145deg); transform: rotate(-145deg); } .mec-single-event .mec-events-meta-group-booking input[type=checkbox]:checked+.wn-checkbox-label::before, .lity-container .mec-events-meta-group-booking input[type=checkbox]:checked+.wn-checkbox-label::before { height: 12px; -moz-animation: dothatopcheck 0.16s ease 0s forwards; -o-animation: dothatopcheck 0.16s ease 0s forwards; -webkit-animation: dothatopcheck 0.16s ease 0s forwards; animation: dothatopcheck 0.16s ease 0s forwards; } .mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:after, .lity-container .mec-events-meta-group-booking label.wn-checkbox-label:after { top: 6px; left: 3px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mec-single-event .mec-events-meta-group-booking input[type=checkbox]:checked+.wn-checkbox-label::after, .lity-container .mec-events-meta-group-booking input[type=checkbox]:checked+.wn-checkbox-label::after { -moz-animation: dothabottomcheck 0.08s ease 0s forwards; -o-animation: dothabottomcheck 0.08s ease 0s forwards; -webkit-animation: dothabottomcheck 0.08s ease 0s forwards; animation: dothabottomcheck 0.08s ease 0s forwards; height: 4px; } .mec-single-event a.button:after, .mec-single-event .mec-events-meta-group-booking button[type=submit]:after { display: none; font-family: 'simple-line-icons'; content: "\e098"; margin-left: 4px; -webkit-animation: rotating 1.2s linear infinite; -moz-animation: rotating 1.2s linear infinite; -ms-animation: rotating 1.2s linear infinite; -o-animation: rotating 1.2s linear infinite; animation: rotating 1.2s linear infinite; } .mec-single-event a.button.loading:after, .mec-single-event .mec-events-meta-group-booking button[type=submit].loading:after { display: inline-block; } .mec-single-event .mec-event-export-module { display: block; } .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul { display: table; width: 100%; } .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li { display: table-cell; } .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li:last-child { text-align: right; } .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li a:hover { color: #fff; } .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul { padding-left: 0; margin: 15px 5px; } .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting { padding-left: 0; margin: 0; } .mec-ticket-price { margin-left: 10px; font-size: 13px; font-weight: 300; } .mec-book-reg-field-checkbox label, .mec-book-reg-field-radio label { line-height: 1.36; } .mec-book-reg-field-checkbox input[type=checkbox], .mec-book-reg-field-radio input[type=radio] { float: left; margin-right: 5px !important; } .mec-ticket-available-spots .mec-event-ticket-description, .mec-ticket-available-spots .mec-event-ticket-price { font-size: 11px; } .mec-book-ticket-container .wbmec-mandatory, .mec-book-ticket-container .mec-reg-mandatory:nth-child(2) label:after, .mec-book-ticket-container .mec-reg-mandatory:nth-child(3) label:after { content: ""; color: red; width: 50px; height: 50px; font-size: 14px; padding-left: 5px; } @media only screen and (max-width: 767px) { .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li { width: 100%; min-height: 40px; margin-bottom: 15px; text-align: center; float: none; display: block; } .mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li a { width: 100%; padding-left: 0; padding-right: 0; text-align: center; display: block; font-size: 12px; } } .mec-single-event .mec-events-meta-group { margin-bottom: 0; } @media only screen and (max-width: 767px) { .mec-single-event .mec-events-meta-group-booking { margin-bottom: 30px; } } .mec-single-event .mec-event-meta h3, .mec-single-event .mec-event-meta dt { text-transform: uppercase; font-size: 16px; font-weight: bold; padding-bottom: 5px; display: inline; color: #000; padding-left: 10px; } .mec-single-event .mec-event-meta h6 { text-transform: uppercase; font-size: 13px; padding-bottom: 5px; display: inline; color: #222; padding-left: 0; } .mec-single-event .mec-event-meta dd, .mec-single-event .mec-event-meta .mec-events-event-categories a { font-size: 14px; color: #8d8d8d; } .mec-single-event .mec-event-meta .mec-location dd.author { color: #3c3b3b; } .mec-single-event .mec-event-meta dd { margin: 0; padding-left: 35px; } .mec-single-event .mec-event-meta dd.mec-events-event-categories { min-height: 35px; line-height: 35px; } /* Fix booking modal */ @media only screen and (max-width: 480px) { .single-mec-events .lity-container { width: 100%; } .single-mec-events .lity-content .mec-events-meta-group-booking { padding: 20px; width: 85%; margin: 0 auto; } } /*.mec-single-event .mec-event-meta dd.mec-events-event-categories:before { font-family: 'FontAwesome'; color: #40d9f1;font-size: 16px; content: "\f105"; padding: 10px; padding-left: 0; }*/ .mec-single-event .mec-event-meta dd.mec-events-event-categories:first-of-type { padding-top: 5px; } .mec-single-event .mec-event-meta dd.mec-events-event-categories:last-of-type { border-bottom: 0; } .mec-single-event .mec-event-meta dd a { color: #8d8d8d; transition: all .20s ease; } .mec-single-event .mec-event-meta dd a i:before { font-size: 16px !important; } .mec-single-event .mec-event-meta dd a i { margin-right: 8px; } .mec-single-event .mec-event-meta dl { margin-bottom: 0; } .mec-single-event .mec-event-meta .mec-events-event-cost { font-size: 18px; } .mec-single-event .mec-event-meta .mec-events-address { color: #a9a9a9; margin-bottom: 3px; } .mec-single-event .mec-event-meta .mec-events-meta-group-venue .author { margin-bottom: 0; color: #8d8d8d; font-size: 13px; } .mec-single-event .mec-events-event-image { margin-bottom: 0; } .mec-single-event h2.mec-single-event-title { margin-bottom: 30px; font-weight: 700; font-size: 33px; } .mec-single-event .mec-booking-button { border-bottom: none; letter-spacing: 0.5px; line-height: 48px; height: 76px; transition: all 0.5s ease; color: #fff; padding: 16px; display: block; text-align: center; font-size: 16px; } .mec-single-event .mec-booking-button:hover { background-color: #101010 !important; } .mec-single-event .mec-event-tags a { display: inline-block; color: #444; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; padding: 3px 7px; border: 1px solid #ddd; border-radius: 2px; background: #fff; margin: 1px 3px; } .mec-single-event .mec-event-tags:before { font-size: 24px; color: #303030; margin-right: 5px; content: "\f02c"; font-family: fontawesome; } .mec-single-event .mec-event-tags { padding-top: 13px; } .mec-single-event .mec-event-sharing { margin: 30px 0 10px; } .mec-single-event .mec-street-address, .mec-region.mec-events-abbr { font-style: normal; font-size: 13px; } .mec-single-event-date:before, .mec-single-event-time:before, .mec-events-meta-group.mec-events-meta-group-venue:before { color: #40d9f1 } .mec-single-event .mec-event-social { text-align: center; } .mec-single-event .mec-event-social h3 { text-transform: uppercase; font-size: 15px; font-weight: bold; padding-bottom: 5px; color: #313131; border-bottom: 4px solid #ebebeb; width: 100%; display: block; padding-bottom: 10px; position: relative } .mec-single-event .mec-social-single:before { padding: 13px 35px; border-bottom: 4px solid #40d9f1; font-size: 6px; content: ""; text-align: center; position: absolute; bottom: -4px; margin-left: 39px; } .mec-single-event .mec-event-social .event-sharing { margin-top: 30px; } .mec-single-event .mec-event-social ul { list-style: none; margin-left: 0; } .mec-single-event .mec-event-social li.mec-event-social-icon { display: inline-block; } .mec-single-event .mec-event-social li.mec-event-social-icon a { display: inline-block; color: #fff; width: 40px; height: 40px; padding: 9px; font-size: 16px; margin-right: 5px; } .mec-single-event .mec-event-social a.facebook { background: #3b5996; } .mec-single-event .mec-event-social a.facebook:hover { background: #28385c; } .mec-single-event .mec-event-social a.twitter { background: #00acee; } .mec-single-event .mec-event-social a.twitter:hover { background: #0087bd; } .mec-single-event .mec-event-social a.vimeo { background: #0dadd6; } .mec-single-event .mec-event-social a.vimeo:hover { background: #0a85a3; } .mec-single-event .mec-event-social a.dribble { background: #d53e68; } .mec-single-event .mec-event-social a.dribble:hover { background: #bf4c78; } .mec-single-event .mec-event-social a.youtube { background: #cb322c; } .mec-single-event .mec-event-social a.youtube:hover { background: #992622; } .mec-single-event .mec-event-social a.pinterest { background: #cb2027; } .mec-single-event .mec-event-social a.pinterest:hover { background: #99181d; } .mec-single-event .mec-event-social a.google { background: #c3391c; } .mec-single-event .mec-event-social a.google:hover { background: #99181f; } .mec-single-event .mec-event-social a.linkedin { background: #0073b2; } .mec-single-event .mec-event-social a.linkedin:hover { background: #005380; } .mec-single-event .mec-event-social a.email { background: #ff5d5e; } .mec-single-event .mec-event-social a.email:hover { background: #CC4949; } .mec-single-event .mec-event-social a.vk { background: #5b88Bd; } .mec-single-event .mec-event-social a.vk:hover { background: #3d608a; } .mec-single-event .mec-event-social a.rss { background: #f29a1d; } .mec-single-event .mec-event-social a.rss:hover { background: #cc7400; } .mec-single-event .mec-event-social a.instagram { background: #457399; } .mec-single-event .mec-event-social a.instagram:hover { background: #2e4d66; } .mec-single-event .mec-event-social a.other-social { background: #ff5d5e; } .mec-single-event .mec-event-social a.other-social:hover { background: #cc4949; } .mec-single-event .mec-event-social { text-align: center; } .mec-single-event .mec-frontbox-title, .mec-single-event .mec-events-meta-group-booking form>h4 { text-transform: uppercase; font-size: 15px; font-weight: bold; color: #313131; border-bottom: 4px solid #ebebeb; width: 100%; display: block; padding-bottom: 10px; position: relative; text-align: center; } .mec-single-event .mec-frontbox-title:before, .mec-single-event .mec-events-meta-group-booking form>h4:before { padding: 1px 35px; border-bottom: 4px solid #40d9f1; font-size: 6px; content: ""; text-align: center; position: absolute; bottom: -4px; margin-left: -35px; left: 50%; } .mec-single-event .mec-events-meta-group-booking input[data-stripe="exp-month"], .mec-single-event .mec-events-meta-group-booking input[data-stripe="exp-year"] { width: 47% !important; margin-right: 12px; margin-top: 5px; display: inline-block !important; } @media(max-width: 768px) { .mec-single-event .mec-events-meta-group-booking input[data-stripe="exp-month"], .mec-single-event .mec-events-meta-group-booking input[data-stripe="exp-year"] { width: 100% !important; margin-right: 0; display: block !important; } } .mec-event-meta i:before { font-size: 20px; vertical-align: middle; } .mec-event-meta .mec-single-event-organizer i:before, .mec-event-meta .mec-single-event-additional-organizers i:before { font-size: 14px; vertical-align: baseline; } #mec-wrap .mec-events-day-time-slot .mec-events-content { float: left; width: 33%; padding: 0 15px; } #mec-wrap .mec-events-day-time-slot .mec-events-event-image { padding-left: 0; } #mec-events-content .mec-events-abbr { color: #8d8d8d; font-size: 14px; } .mec-single-event .mec-events-content { margin-bottom: 30px; } .mec-single-event .mec-organizer-url a { word-wrap: break-word; } .mec-single-event #headline { margin: 0 0 10px; } .mec-single-event #headline h2 { padding: 0; } .mec-single-event .mec-events-meta-group.mec-events-meta-group-gmap .mec-events-venue-map { margin-top: 0; padding: 8px; border: 1px solid #e5e5e5; border-radius: 7px; } #mec-events-gmap-0 { height: 325px !important; } .mec-events-list .mec-events-day-time-slot .mec-events-event-meta { width: 33%; float: left; padding: 40px; height: auto; margin: 0; } .mec-events-day-time-slot .mec-events-content.description.entry-summary { font-size: 15px; font-weight: 300; color: #8d8d8d; } .mec-events-day-time-slot .type-mec_events h2 { font-size: 28px; padding-bottom: 20px; } .mec-events-day .mec-events-day-time-slot .type-mec_events { margin: 0; } .mec-events-day .mec-events-day-time-slot h5 { background-color: #8d8d8d; } .mec-single-event .mec-event-meta .mec-single-event-organizer .mec-events-single-section-title, .mec-single-event .mec-event-meta .mec-single-event-additional-organizers .mec-events-single-section-title, .mec-single-event .mec-events-meta-date h3 { padding-left: 0; margin: 10px; display: inline-block; } .mec-single-event .mec-events-meta-date h3 { width: 100%; } .mec-single-event .mec-events-event-image { border: 0; } .mec-single-event .mec-events-venue-map { padding: 0; } .mec-single-event-date, .mec-single-event-time, .mec-single-event-location, .mec-single-event-category, .mec-single-event-label, .mec-single-event-organizer, .mec-single-event-additional-organizers, .mec-events-meta-date, .mec-event-cost, .mec-event-website, .mec-event-more-info { background: #f7f7f7; padding: 12px 14px 8px; margin-bottom: 12px; vertical-align: baseline; position: relative; } .mec-single-event .mec-single-event-organizer dd, .mec-single-event .mec-single-event-additional-organizers dd, .mec-single-event .mec-events-meta-date dd { padding-left: 0; margin-bottom: 10px; } .mec-single-event .mec-single-event-organizer dd span, .mec-single-event .mec-single-event-additional-organizers dd span, .mec-single-event .mec-events-meta-date dd span { display: block; padding-left: 12px; color: #8d8d8d; } .mec-single-event .mec-single-event-organizer i, .mec-single-event .mec-single-event-additional-organizers i, .mec-single-event .mec-events-meta-date i { margin-right: 10px; margin-left: 12px; } .mec-events-meta-group.mec-events-meta-group-venue dl { margin-bottom: 0; } address.mec-events-address { line-height: 19px; font-style: normal; font-size: 12px; } .mec-single-event .mec-event-content dt { margin-top: 5px; } .mec-single-event .mec-single-event-additional-organizers .mec-single-event-additional-organizer { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #e4e4e4; } .mec-single-event .mec-single-event-additional-organizers .mec-single-event-additional-organizer:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } /* Hourly Schedule */ .mec-event-schedule-content { border-left: 4px solid #f0f0f0; padding-top: 10px; margin-top: 30px; margin-left: 25px; margin-bottom: 20px; color: #8a8a8a; } .mec-event-schedule-content dl { padding-left: 24px; font-size: 12px; position: relative; margin-bottom: 35px; } .mec-event-schedule-content dl:before { content: ''; display: block; position: absolute; left: 0; top: 4px; width: 20px; height: 0; border-top: 4px solid #f0f0f0; } .mec-event-schedule-content dl dt { margin: 0 0 10px; line-height: 1.16; } .mec-event-schedule-content dl dt.mec-schedule-title { font-size: 13px; color: #5a5a5a; font-weight: 700; } .mec-event-schedule-content dl dt.mec-schedule-description { font-weight: 300; } .mec-event-schedule-content .mec-schedule-speakers { background: #f7f7f7; padding: 10px; } .mec-wrap .mec-event-schedule-content h6 { font-size: 13px; color: #5a5a5a; font-weight: 700; display: inline-block; } .mec-wrap .mec-event-schedule-content a { font-weight: 400; color: #5a5a5a; transition: all 0.1s ease; } /* Speaker Widget */ .single-mec-events .mec-speakers-details ul { padding: 0; } .mec-single-event .mec-speakers-details ul li { list-style: none; background: #f7f7f7; padding: 5px 5px 18px 5px; margin-top: 14px; } .mec-single-event .mec-speakers-details ul li a { -webkit-transition: .2s all ease; transition: .2s all ease; } .mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a img { float: left; border-radius: 50%; transition: .2s all ease; border: 2px solid transparent; width: 68px; height: 68px; } .mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a:hover img { border-color: #40d9f1 } .mec-single-event .mec-speakers-details ul li .mec-speaker-name { display: inline-block; margin-top: 6px; font-size: 14px; text-transform: capitalize; font-weight: 700; padding-left: 8px; } .mec-single-event .mec-speakers-details ul li .mec-speaker-job-title { display: block; font-size: 12px; margin-top: -1px; padding-left: 75px; } /* Location */ .mec-single-event-location img, .mec-single-event-organizer img { margin-bottom: 10px; width: 100%; } .mec-qrcode-details { text-align: center; } /* time */ .mec-time-comment { font-size: 11px; } /* buddy */ .mec-wrap .mec-attendees-list-details p { font-weight: 300; margin: 20px 0 0 0; color: #8d8d8d; } .mec-wrap .mec-attendees-list-details li { list-style: none; display: block; margin-top: 15px; } .mec-wrap .mec-attendees-list-details li .mec-attendee-avatar { display: inline-block; } .mec-wrap .mec-attendees-list-details li .mec-attendee-profile-link { display: inline-block; vertical-align: top; margin-left: 10px; } .mec-attendees-list-details ul { margin-bottom: 0; } .mec-attendees-list-details .mec-attendee-profile-link a { color: #8d8d8d; } .mec-attendees-list-details .mec-attendee-profile-link span { display: block; color: #000; } /* MEC Events Calendar Clean ----------------------------------------- */ .mec-calendar { margin-bottom: 20px; border: 1px solid #e8e8e8; width: 100%; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-calendar .mec-calendar-topsec { display: table; background: #fff; } .mec-calendar .mec-calendar-topsec .mec-calendar-events-sec { display: none; } .mec-calendar .mec-calendar-side { width: 590px; display: table-cell; padding: 40px; position: relative; text-align: center; box-shadow: 0 1px 5px 6px rgba(0, 0, 0, 0.005) inset; } .mec-calendar .mec-calendar-events-side { display: table-cell; height: 100%; border-left: 1px solid #efefef; padding: 40px; width: 100%; } .mec-calendar .mec-calendar-events-side .mec-table-side-day { width: 46px; height: 46px; margin: 0 auto 20px; position: relative; text-align: center; line-height: 46px; border: 1px solid #40d9f1; border-radius: 50%; font-size: 12px; font-weight: 600; padding: 0; } .mec-calendar .mec-calendar-events-side .mec-table-side-title { text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 14px; } .mec-calendar .mec-calendar-header { position: relative; width: 560px; margin-top: 8px; margin-bottom: 16px; } .mec-calendar .mec-calendar-header h2 { text-transform: uppercase; font-size: 22px; font-weight: 700; color: #333; } .mec-calendar .mec-event-footer { width: auto; min-height: 60px; } .mec-calendar dl { display: table; margin: 0; border: none; padding: 0; table-layout: fixed; } .mec-calendar dt { display: table-cell; transition: all .66s ease; color: #4d4d4d; background: #fff; border-radius: 44px; font-size: 14px; width: 80px; height: 80px; line-height: 80px; text-align: center; } .mec-calendar .mec-calendar-table .mec-no-event { display: none; } .mec-calendar .mec-calendar-table-head dt { font-weight: 700; text-transform: uppercase; font-size: 15px; } .mec-calendar .mec-calendar-row dt:hover { background: #f4f4f4; } .mec-calendar .mec-table-nullday { color: #cacaca; } .mec-calendar.mec-box-calendar .mec-table-nullday:last-child { border-right: 1px solid #eaeaea; } .mec-calendar .mec-prev-month:hover, .mec-calendar .mec-next-month:hover { background: #f4f4f4; } .mec-calendar .mec-selected-day, .mec-calendar .mec-selected-day:hover { background: #40d9f1; color: #fff; } .mec-calendar .mec-selected-day a { color: #fff; } .mec-calendar .mec-has-event { position: relative; } .mec-calendar .mec-calendar-row dt.mec-has-event:hover { background: #40d9f1; } .mec-calendar .mec-has-event a { cursor: pointer; display: block; width: 100%; height: 100%; border-radius: 50%; color: #4d4d4d; transition: all .25s ease; text-decoration: none; box-shadow: none; } .mec-calendar .mec-calendar-row dt.mec-has-event:hover a, .mec-calendar .mec-calendar-row dt.mec-has-event.mec-selected-day a { color: #fff; } .mec-calendar .mec-has-event:after { background-color: #40d9f1; border-radius: 50%; display: block; content: ''; width: 8px; height: 8px; bottom: 14px; left: 50%; margin: -4px 0 0 -4px; position: absolute; transition: all .25s ease; } .mec-calendar .mec-calendar-row dt.mec-has-event:hover:after { background-color: #fff; } .mec-calendar .mec-has-event.mec-selected-day:after { display: none; } .mec-calendar .mec-event-article { text-align: left; margin-bottom: 0; padding-bottom: 25px; padding-top: 26px; border-top: 1px solid #efefef; transition: all .33s ease; } .mec-calendar .mec-event-article:hover { background-color: #fafafa; } .mec-calendar .mec-event-article .mec-event-time { font-size: 11px; line-height: 1.1; margin: 0; } .mec-calendar .mec-event-article .mec-event-title { font-size: 13px; padding: 0; margin: 10px 0 8px; font-weight: 700; text-transform: uppercase; } .mec-calendar .mec-event-article .mec-event-title a { text-decoration: none; color: #494949; transition: color .30s ease; } .mec-calendar .mec-event-article .mec-event-title a:hover { color: #40d9f1; } .mec-calendar .mec-event-article .mec-event-image, .mec-calendar .mec-event-list-classic .mec-event-image img { width: 65px; height: auto; } .mec-calendar .mec-event-article .mec-event-image { float: left; margin-right: 20px; width: 65px; height: auto; } .mec-calendar .mec-event-article .mec-event-detail { font-size: 13px; line-height: 1.3; font-family: 'Roboto', sans-serif; color: #9a9a9a; margin-bottom: 0; } .mec-calendar .mec-calendar-side .mec-previous-month, .mec-calendar .mec-calendar-side .mec-next-month { cursor: pointer; position: absolute; top: 0; min-width: 50px; height: 50px; line-height: 50px; text-align: center; background: #fff; color: #a9a9a9; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding-left: 10px; padding-right: 10px; border: 1px solid #efefef; border-top: none; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015); transition: all .33s ease; } .mec-calendar .mec-calendar-side .mec-previous-month i, .mec-calendar .mec-calendar-side .mec-next-month i { font-size: 12px; color: #40d9f1; cursor: pointer; } .mec-calendar .mec-calendar-side .mec-previous-month:hover, .mec-calendar .mec-calendar-side .mec-next-month:hover { background-color: #f9f9f9; color: #40d9f1; } .mec-calendar .mec-calendar-side .mec-previous-month { left: 0; border-bottom-right-radius: 6px; border-left: none; } .mec-calendar .mec-calendar-side .mec-next-month { right: 0; border-bottom-left-radius: 6px; border-right: none; } /* Page with sidebar fix */ @media only screen and (min-width: 961px) { .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-has-event:after { width: 6px; height: 6px; bottom: 6px; } .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-side { width: 370px; } .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-header { position: relative; width: 350px; margin-top: 30px; margin-bottom: 20px; padding-top: 20px; } .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) dt { width: 50px; height: 50px; line-height: 50px; } .mec-wrap.mec-sm959 .mec-calendar.mec-event-calendar-classic dl dt { height: 110px; } } @media only screen and (max-width: 1200px) { .mec-calendar .mec-has-event:after { width: 6px; height: 6px; bottom: 6px; } .mec-calendar .mec-calendar-side { width: 370px; } .mec-calendar .mec-calendar-header { position: relative; width: 350px; margin-top: 30px; } .mec-calendar dt { width: 50px; height: 50px; line-height: 50px; } } @media only screen and (max-width: 767px) { .mec-calendar .mec-calendar-header h2 { font-size: 18px; } .mec-calendar .mec-calendar-topsec { width: 100%; } .mec-calendar .mec-calendar-side { width: 100%; display: block; padding: 30px; } .mec-calendar .mec-calendar-header { width: auto; } .mec-calendar .mec-calendar-events-side { width: 100%; display: block; height: 100%; border-left: none; border-top: 1px solid #efefef; padding: 20px; } .mec-calendar dl { width: 100%; } .mec-calendar dt { width: 14%; height: 60px; line-height: 60px; border-radius: 50px; } } @media only screen and (max-width: 479px) { .mec-calendar .mec-has-event:after { width: 4px; height: 4px; } .mec-calendar .mec-calendar-header h2 { font-size: 16px; margin-top: 33px; } .mec-calendar dt { height: 38px; line-height: 38px; } .mec-calendar .mec-event-list-classic .mec-event-title, .mec-calendar .mec-event-list-classic .mec-event-detail { font-size: 12px; } .mec-calendar .mec-event-list-classic .mec-event-time { font-size: 10px; } } /* MEC Events Calendar Modern --------------------------------------------- */ .mec-box-calendar.mec-calendar .mec-has-event a, .mec-box-calendar.mec-calendar dt { border-radius: 0; } .mec-box-calendar.mec-calendar .mec-calendar-header { margin-top: 2px; margin-bottom: 30px; } .mec-box-calendar.mec-calendar dt { border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } .mec-box-calendar.mec-calendar dl dt:last-child { border-right: 1px solid #eaeaea; } .mec-box-calendar.mec-calendar .mec-calendar-table-head dt { border-top: 1px solid #eaeaea; background-color: #f8f8f8; } .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt { background-color: #f4f4f4; } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month, .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { border-radius: 2px; top: 40px; border: 1px solid #eee; height: 30px; line-height: 30px; z-index: 1; } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month { left: 60px; } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { right: 60px; } .mec-box-calendar.mec-calendar .mec-calendar-side { box-shadow: none; } .mec-box-calendar.mec-calendar .mec-calendar-events-side { border: none; } .mec-box-calendar.mec-calendar .mec-calendar-events-side .mec-table-side-day { border-radius: 2px; } .mec-box-calendar.mec-calendar h4.mec-month-label { position: relative; width: 560px; margin-top: 2px; margin-bottom: 30px; text-transform: uppercase; font-size: 22px; font-weight: 700; color: #333; } .mec-widget .mec-box-calendar.mec-calendar h4.mec-month-label { width: 100%; margin-top: 8px; font-size: 13px; } @media only screen and (max-width: 1200px) { .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month { left: 42px; } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { right: 42px; } .mec-calendar .mec-calendar-header h2 { font-size: 17px; margin-top: 7px; } } @media only screen and (max-width: 767px) { .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month, .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { top: 28px; font-size: 10px; } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month { left: 30px; } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { right: 30px; } .mec-calendar .mec-calendar-header h2 { font-size: 15px; } } @media only screen and (max-width: 479px) { .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month, .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { top: 16px; font-size: 0px; padding: 4px 0; text-align: center; min-width: 33px; } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month { left: 10px; } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { right: 10px; } .mec-box-calendar.mec-calendar .mec-calendar-header h2 { font-size: 12px; margin-top: 15px; } .mec-box-calendar.mec-calendar .mec-event-image { margin-right: 12px; } } /* MEC Events Calendar Classic ------------------------------------------------ */ .mec-calendar.mec-event-calendar-classic, .mec-calendar.mec-event-calendar-classic .mec-calendar-side { border: none; padding: 0; width: 100%; height: 100%; box-shadow: none; } .mec-calendar.mec-event-calendar-classic .mec-calendar-side { display: block; } .mec-calendar.mec-event-calendar-classic .mec-calendar-header, .mec-calendar.mec-event-calendar-classic dl { width: 100%; } .mec-calendar.mec-event-calendar-classic dl dt { width: 15%; height: 136px; line-height: 1.2; text-align: left; padding: 5px 7px; position: relative; } .mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt { height: 30px !important; } .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-previous-month, .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-next-month { top: 0; } .mec-calendar.mec-event-calendar-classic .mec-has-event:after { bottom: auto; top: 24px; left: 7px; margin: 0; } .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-previous-month { left: 0; } .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-next-month { right: 0; } .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec { text-align: left; background: #fafafa; border: 1px solid #eaeaea; border-top: none; padding: 10px 20px; } .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec { display: none; } .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-event-article:hover { background-color: #fcfcfc; } .mec-calendar.mec-event-calendar-classic .mec-selected-day, .mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover { color: #40d9f1; font-weight: 700; background: #fafafa; border-bottom: none; } .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-table-side-title, .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-table-side-day { display: inline-block; margin: 0; margin-bottom: 15px; font-weight: 700; } .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-table-side-day { margin-left: 4px; } .mec-calendar.mec-event-calendar-classic .mec-calendar-row dt.mec-has-event a { color: #4d4d4d; } .mec-calendar.mec-event-calendar-classic .mec-calendar-row dt.mec-has-event:not(.mec-selected-day):hover a { color: #fff; } @media only screen and (max-width: 1200px) { .mec-calendar.mec-event-calendar-classic dl dt { height: 100px; } } @media only screen and (max-width: 767px) { .mec-calendar.mec-event-calendar-classic dl dt { height: 40px; } } @media only screen and (max-width: 479px) { .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec { padding: 10px; } .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-header h2 { font-size: 13px; margin-top: 8px; } } /* Monthly Calendar/Novel ------------------------------------------------ */ .mec-calendar .mec-event-article.mec-single-event-novel { padding: 4px 8px; min-height: 25px; margin: 0 -4px; border-radius: 0; } .mec-calendar .mec-event-article.mec-single-event-novel h4 { margin: 0; font-size: 10px; line-height: 18px; } .mec-calendar.mec-event-container-novel dl dt { padding: 3px; } .mec-calendar.mec-event-calendar-classic .mec-calendar-novel-selected-day { display: inline-block; padding: 4px; margin-left: 1px; } .mec-calendar.mec-event-calendar-classic .mec-selected-day .mec-calendar-novel-selected-day { color: #fff; } .mec-calendar.mec-event-calendar-classic.mec-event-container-novel .mec-selected-day, .mec-calendar.mec-event-calendar-classic.mec-event-container-novel dt.mec-selected-day:hover { border-bottom: 1px solid #eaeaea; } .mec-calendar.mec-event-calendar-classic.mec-event-container-novel .mec-calendar-side .mec-calendar-table { min-height: auto; } .mec-single-event-novel.light h4 { color: #000 !important; } .mec-single-event-novel.dark h4 { color: #fff !important; } @media only screen and (max-width: 768px) { .mec-calendar .mec-event-article.mec-single-event-novel { padding: 0; min-height: 5px; } .mec-calendar .mec-event-article.mec-single-event-novel h4 { display: block; font-size: 9px; } } /* Monthly Calendar/Simple ------------------------------------------------ */ .mec-event-container-simple .event-single-content-simple { display: none } .mec-event-calendar-classic.mec-event-container-simple .mec-calendar-side .mec-calendar-table { min-height: unset; } .mec-event-container-simple .mec-monthly-tooltip h4 { font-size: 13px; font-weight: 500; margin: 0; color: #444; } .mec-event-container-simple .mec-monthly-tooltip h4:hover { text-decoration: underline; color: #111; } .mec-event-container-simple .mec-monthly-tooltip.event-single-link-simple { border-bottom: 1px dashed #e3e3e3; padding: 10px 2px; display: block; } .mec-calendar.mec-event-container-simple dl dt.mec-calendar-day { font-size: 30px; color: #000; } .mec-calendar.mec-event-container-simple .mec-calendar-row dt:hover { background: unset; } .mec-calendar.mec-event-container-simple .mec-calendar-row dt, .mec-calendar.mec-event-container-simple .mec-calendar-row dt:last-child, .mec-calendar.mec-event-container-simple .mec-calendar-table-head dt, .mec-calendar.mec-event-container-simple .mec-calendar-table-head dt:last-child { border-width: 2px; } .mec-calendar.mec-event-container-simple dl dt.mec-selected-day, .mec-calendar.mec-event-container-simple dl dt.mec-selected-day:hover { border-bottom: 2px solid #40d9f1; background: unset; } .mec-calendar.mec-event-container-simple .mec-calendar-table-head dt { line-height: 36px; } @media (max-width: 768px) { .mec-calendar.mec-event-container-simple { overflow-x: scroll; } .mec-calendar.mec-event-container-simple .mec-calendar-side { min-width: 700px; } .mec-event-container-simple .mec-monthly-tooltip h4 { font-size: 12px; } } .mec-wrap.colorskin-custom .mec-calendar.mec-event-container-simple .mec-selected-day:hover { background: #f4f4f4 } .mec-event-container-simple .mec-calendar-day .mec-monthly-tooltip.event-single-link-simple:last-of-type { border: none; } .mec-tooltip-event-title { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 2px; } .mec-tooltip-event-time { font-size: 12px; color: #888; margin-bottom: 8px; margin-top: 5px; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-content { padding: 17px; } .mec-tooltip-event-content { clear: both; } .mec-tooltip-event-featured { float: left; margin-right: 13px; margin-bottom: 1px; } .mec-tooltip-event-featured img { max-width: 120px; } .mec-tooltip-event-desc { font-size: 14px; color: #444; line-height: 18px; } .mec-tooltip-event-desc p { font-size: 13px; line-height: 1.4; margin-bottom: 10px; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-box { border-radius: 3px !important; border: 1px solid #e2e3e4 !important; background: #fff !important; box-shadow: 0 -1px 30px -2px rgba(0, 0, 0, 0.15) !important; } .tooltipster-sidetip .tooltipster-arrow { overflow: visible !important; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border { border-width: 12px !important; } .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border { border-right-color: #e2e3e4 !important; } .tooltipster-sidetip .tooltipster-arrow-border { left: -12px !important; z-index: 9999999999 !important; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background { display: block !important; } .tooltipster-sidetip .tooltipster-arrow-background { border-width: 11px !important; z-index: 99999999999 !important; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { left: -9px !important; top: 1px !important; border-right-color: #ffffff !important; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #ffffff !important; left: 0 !important; top: -1px !important; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { left: -1px !important; } .tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border { border-top-color: #e2e3e4 !important; } .tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border { left: -1px !important; top: -11px !important; } .tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #e2e3e4 !important; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { top: -9px !important; border-bottom-color: #ffffff !important; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #ffffff !important; left: -2px !important; top: 0px !important; } .tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border { border-left-color: #e2e3e4 !important; left: -1px !important; top: -1px !important; } @media (max-width:780px) { .mec-event-container-simple .mec-monthly-tooltip.event-single-link-simple h4 { word-break: break-all; font-size: 13px; } } @media (max-width:320px) { .mec-event-container-simple .mec-monthly-tooltip.event-single-link-simple h4 { font-size: 10px; } } /* MEC Events - Calendar Daily -------------------------------- */ .mec-calendar.mec-calendar-daily .mec-calendar-day-events .mec-event-article { padding-left: 15px; padding-right: 15px; } .mec-calendar.mec-calendar-daily .mec-calendar-a-month { text-align: center; background-color: #fff; border-bottom: 2px solid #f4f4f4; position: relative; } .mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 { color: #444; font-size: 18px; line-height: 1.2; padding: 15px 0 11px; margin: 0; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; } .mec-calendar.mec-calendar-daily .mec-calendar-d-top { text-align: center; padding: 10px 0; position: relative; background-color: #fafafa; } .mec-calendar.mec-calendar-daily .mec-previous-month, .mec-calendar.mec-calendar-daily .mec-next-month { position: absolute; top: 50%; left: 50%; margin-top: -25px; min-width: 50px; height: 50px; line-height: 50px; text-align: center; background: #fff; border: 1px solid #e2e2e2; border-radius: 50px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015); transition: all .33s ease; cursor: pointer; } .mec-calendar.mec-calendar-daily .mec-previous-month i, .mec-calendar.mec-calendar-daily .mec-next-month i { font-size: 14px; cursor: pointer; } .mec-calendar.mec-calendar-daily .mec-previous-month:hover, .mec-calendar.mec-calendar-daily .mec-next-month:hover { border-color: #d0d0d0; color: #444; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.075); } .mec-calendar.mec-calendar-daily .mec-previous-month { margin-left: -150px; } .mec-calendar.mec-calendar-daily .mec-next-month { margin-left: 100px; } .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month, .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month { min-height: 28px; height: 28px; line-height: 28px; width: 28px; margin-top: -14px; border-radius: 3px; } .mec-calendar.mec-calendar-daily .mec-calendar-d-top h2, .mec-calendar.mec-calendar-daily .mec-calendar-d-top h3 { margin-top: 9px; color: #b9b9b9; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 100; text-transform: uppercase; margin-bottom: 12px; line-height: 1; } .mec-calendar.mec-calendar-daily .mec-calendar-d-top h2 { font-size: 81px; color: #444; margin-bottom: 10px; line-height: 1.1; } .mec-calendar.mec-calendar-daily .mec-calendar-d-table { overflow: hidden; background: #fff; min-height: 60px; border-top: 1px solid #e6e6e6; border-bottom: 2px solid #f3f3f3; padding: 0 50px; position: relative; } @media only screen and (min-width: 479px) { .mec-calendar.mec-calendar-daily .mec-calendar-d-table { padding: 0 55px; } } .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl { width: 1310px; display: block; } .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl { display: none; } .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl.mec-weekly-view-week-active { display: block; } .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt, .mec-calendar.mec-calendar-daily .mec-calendar-d-table a { display: block; background: #fff; width: 42px; height: 60px; line-height: 60px; text-align: center; float: left; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-radius: 0; } .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt:hover, .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day:hover { background: #fafafa; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.065) inset; cursor: pointer; } .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day { cursor: default; background: #fff; color: #c1c1c1; line-height: 59px; text-align: center; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day.mec-has-event { cursor: pointer; font-weight: 700; color: #4a4a4a; } .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt.mec-table-d-current, .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day.mec-daily-view-day-active { font-size: 18px; font-weight: 700; background: #fafafa; color: #40d9f1; } .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev, .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next { float: none; font-size: 14px; width: 55px; position: absolute; top: 0; left: 0; cursor: pointer; } .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next { left: auto; right: 0; border-left: 1px solid #e6e6e6; border-right: none; } .mec-calendar.mec-calendar-daily .mec-today-container .mec-today-count { font-size: 12px; color: #888; text-align: center; } @media only screen and (max-width: 479px) { .mec-calendar.mec-calendar-daily .mec-previous-month { margin-left: -130px; } .mec-calendar.mec-calendar-daily .mec-next-month { margin-left: 80px; } .mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 { font-size: 14px; letter-spacing: 0; } } .widget .mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 { font-size: 14px; letter-spacing: 0; } .widget .mec-calendar.mec-calendar-daily .mec-previous-month { margin-left: -130px; } .widget .mec-calendar.mec-calendar-daily .mec-next-month { margin-left: 80px; } .mec-util-hidden { display: none; } .mec-daily-view-date-events, .mec-weekly-view-date-events { list-style: none; margin: 0; } /* MEC Events - Calendar Weekly -------------------------------- */ .mec-calendar.mec-calendar-weekly .mec-calendar-d-table { padding: 0; } .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl { width: calc(100% - 1px); } .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt { width: 14.286%; height: 70px; line-height: normal; cursor: default; } .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt:hover { background: #fff; cursor: default; } .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt:last-child { border-right: none; } .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span { font-size: 12px; font-weight: 700; text-transform: uppercase; display: block; margin: 15px 0 6px; } .mec-calendar.mec-calendar-weekly .mec-calendar-d-table a.mec-table-d-prev, .mec-calendar.mec-calendar-weekly .mec-calendar-d-table a.mec-table-d-next { display: none; } ul.mec-weekly-view-dates-events, ul.mec-weekly-view-dates-events li { padding: 0; margin: 0; line-height: initial; } .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date { width: 64px; height: 64px; margin-right: 10px; font-size: 11px; text-transform: uppercase; float: left; text-align: center; padding-top: 2px; } .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span { font-size: 40px; line-height: 30px; font-weight: 700; display: block; margin-bottom: 6px; letter-spacing: 1px; } .mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-previous-month { margin-left: 0; left: 12px; } .mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-next-month { margin-left: 0; left: auto; right: 12px; } @media only screen and (max-width: 479px) { .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span { font-size: 9px; letter-spacing: 0; } .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date { width: 100%; height: 36px; margin-bottom: 12px; line-height: 1; font-size: 10px; margin-right: 5px; text-align: left; } .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span { font-size: 18px; margin-bottom: 5px; } } .widget .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span { font-size: 9px; letter-spacing: 0; } .widget .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date { width: 100%; height: 36px; margin-bottom: 12px; line-height: 1; font-size: 10px; margin-right: 5px; text-align: left; } .widget .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span { font-size: 18px; margin-bottom: 5px; } .mec-week-events-container .mec-weekly-view-dates-events li.mec-no-event-found { list-style: none !important; } li.mec-no-event-found .mec-event-title { text-align: center; } /* MEC Events - Calendar Widget -------------------------------- */ .mec-widget .mec-calendar { max-width: 100%; } .mec-widget .mec-calendar dl dt, .mec-wrap.mec-sm959.mec-widget .mec-calendar.mec-event-calendar-classic dl dt { height: 40px; } .mec-widget .mec-calendar .mec-calendar-events-sec { padding: 10px; } .mec-widget .mec-calendar .mec-calendar-header h2 { font-size: 13px; margin-top: 8px; } .mec-widget .mec-calendar .mec-event-list-classic .mec-event-image { margin-right: 12px; } .mec-widget .mec-calendar .mec-has-event:after { width: 4px; height: 4px; } .mec-widget .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-table-side-title { font-size: 14px; } .mec-widget .mec-calendar .mec-event-article .mec-event-image { margin-right: 11px; } .mec-widget .mec-box-calendar.mec-calendar .mec-calendar-header { margin-bottom: 20px; } .mec-widget .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month, .mec-widget .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month { font-size: 0px; padding: 4px 0; text-align: center; min-width: 33px; } .mec-widget .mec-event-calendar-classic .mec-calendar-side .mec-calendar-table { min-height: 200px; } /* List Widget */ .mec-widget .mec-event-list-classic { margin-bottom: 8px; padding: 8px 0; } .mec-widget .mec-event-list-classic .mec-event-article { margin-bottom: 0; padding: 10px 0; position: relative; min-height: 86px; padding-left: 80px; } .mec-widget .mec-event-list-classic .mec-event-date { font-size: 10px; line-height: 14px; text-transform: uppercase; } .mec-widget .mec-event-list-classic .mec-event-title { font-size: 13px; } .mec-widget .mec-event-list-classic .mec-event-detail { font-size: 11px; } .mec-widget .mec-event-list-classic .mec-event-image { width: 68px; position: absolute; left: 0; } .mec-event-list-classic .mec-event-image img { width: 100%; } .mec-widget .mec-event-list-classic .mec-event-detail { overflow: visible; } .event-color { width: 14px; display: inline-block; height: 14px; margin-left: 5px; border-radius: 50%; } /* MEC Events - Map view -------------------------------- */ /* lightbox */ .mec-map-lightbox-wp { width: 580px; padding: 15px 15px 0px; background-color: #fff; } .mec-map-view-event-detail.mec-event-detail { width: 580px; background-color: #e9e9e9; padding: 8px 15px; } .mec-map-lightbox-wp.mec-event-list-classic .mec-event-article { padding: 0 0 15px; margin: 0; } .mec-map-lightbox-wp.mec-event-list-classic .mec-event-image { width: 70px; margin-right: 15px; } /* infobox */ .mec-marker-infowindow-wp { padding: 10px; } .mec-marker-infowindow-wp .mec-marker-infowindow-count { width: 60px; height: 60px; display: block; text-align: center; line-height: 60px; border: 1px solid #40d9f1; border-radius: 50%; font-size: 32px; color: #40d9f1; float: left; margin-right: 11px; } .mec-marker-infowindow-wp .mec-marker-infowindow-content { overflow: hidden; padding-top: 6px; } .mec-marker-infowindow-wp .mec-marker-infowindow-content span { display: block; color: #222; } .mec-marker-infowindow-wp .mec-marker-infowindow-content span:first-child { font-size: 15px; font-weight: 700; } /* marker */ .mec-marker-wrap { display: inline-block; width: 35px; height: 35px; margin: 15px 0 0 4px; border-radius: 50% 50% 50% 0; background: #00cae9; animation-name: mec-map-bounce; animation-fill-mode: both; animation-duration: 1s; border: 3px solid #fff; cursor: pointer; } .mec-marker-wrap .mec-marker { margin-top: 5px; display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-align: center; color: #fff; font-size: 17px; } .mec-marker-wrap .mec-marker-pulse-wrap { -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; margin-left: -11px; margin-top: 0px; } .mec-marker-wrap .mec-marker-pulse { display: inline-block; background: #c5c5c5; border-radius: 50%; height: 14px; width: 14px; -webkit-transform: rotateX(55deg); transform: rotateX(55deg); z-index: -2; } .mec-marker-wrap .mec-marker-pulse:after { content: ""; border-radius: 50%; height: 40px; width: 40px; position: absolute; margin: -13px 0 0 -13px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0; box-shadow: 0 0 1px 2px #00cae9; animation-delay: 1.1s; } @keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2, 1.2); opacity: 0; } } @keyframes mec-map-bounce { 0% { opacity: 0; transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; transform: translateY(30px) rotate(-45deg); } 80% { transform: translateY(-10px) rotate(-45deg); } 100% { transform: translateY(0) rotate(-45deg); } } .mec-skin-grid-container .mec-skin-map-container, .mec-skin-list-container .mec-skin-map-container { margin-bottom: 20px; } /* Mec Countdown -------------------------------- */ .mec-single-event { margin-top: 10px; } .mec-single-event .mec-events-meta-group-countdown { color: #c9c9c9; text-align: center; margin-bottom: 30px; padding: 20px 30px; background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-events-meta-group-countdown .countdown-w { text-align: center; font-size: 36px; margin: 0 auto; padding: 40px 0 0; position: relative; display: table; table-layout: fixed; } .mec-events-meta-group-countdown .countdown-w .icon-w { font-size: 24px; } .mec-events-meta-group-countdown .countdown-w .label-w { font-size: 15px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; position: relative; } .mec-events-meta-group-countdown .countdown-w .block-w { display: table-cell; margin: 0 20px 10px; position: relative; height: 70px; width: 190px; font-size: 72px; transition: all .3s ease-in-out; line-height: 1.2; } .mec-events-meta-group-countdown .countdown-w .block-w.done-w { border: 0 none; } .mec-events-meta-group-countdown .countdown-w span { padding: 24px 0 20px; } .mec-events-meta-group-countdown .countdown-w .div-d { display: none; } .mec-events-meta-group-countdown .countdown-w .countdown-message { display: none; } .mec-events-meta-group-countdown .countdown-w .block-w i { display: none; } #countdown { list-style: none; margin-bottom: 0; margin-top: 0; margin-left: 0; padding-left: 0; } .mec-events-meta-group-countdown .mec-end-counts h3 { display: inherit; text-align: center; font-size: 16px; right: 50%; } .mec-countdown-details .countdown-w .clockdiv li p { margin-top: 23px; } @media (min-width: 481px) and (max-width: 768px) { .mec-events-meta-group-countdown .countdown-w { padding: 0; } .mec-events-meta-group-countdown .countdown-w .label-w { font-size: 12px; letter-spacing: 0; } .mec-events-meta-group-countdown .countdown-w span { font-size: 34px; } } @media (min-width: 320px) and (max-width: 480px) { .mec-events-meta-group-countdown .countdown-w .label-w { font-size: 10px; } .mec-events-meta-group-countdown .countdown-w span { font-size: 28px; } .mec-countdown-details .countdown-w .clockdiv li p { margin-top: 16px; } } @media (max-width: 320px) { .mec-events-meta-group-countdown .countdown-w .label-w { font-size: 9px; letter-spacing: 0; } .mec-events-meta-group-countdown .countdown-w span { font-size: 22px; } } /* Mec Warning -------------------------------- */ .info-msg, .mec-success, .warning-msg, .mec-error { margin: 10px 0; padding: 10px; border-radius: 3px 3px 3px 3px; font-size: 13px; } .info-msg { color: #059; background-color: #BEF; } .mec-success { color: #0dbf52; background-color: #cef7ce; } .warning-msg { color: #9F6000; background-color: #FEEFB3; } .mec-error { color: #D8000C; background-color: #FFBABA; } /* Mec Frontend Submission -------------------------------- */ .mec-fes-form, .mec-fes-list { background: #f8feff; padding: 30px 3%; color: #798f96; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } .mec-fes-list ul,.mec-fes-list .mec-fes-list-top-actions { margin: 0 auto 15px; max-width: 960px; list-style: none; } .mec-fes-form-cntt .dashicons-editor-help { display: none; } .mec-fes-list ul li * { text-decoration: none !important; } .mec-fes-list ul li { padding: 20px 15px; border-radius: 3px; margin-bottom: 15px; border: 1px solid #cfeff5; box-shadow: 0 2px 6px -4px #cfeff5; background: #fff; line-height: normal; } .mec-fes-list ul li a { box-shadow: none; color: #181818; } .mec-fes-list ul li a:hover { color: #40d9f1; } .mec-fes-list ul li .mec-event-title { font-size: 17px; font-weight: 600; width: calc(100% - 250px); display: inline-block; } @media (max-width: 600px) { .mec-fes-list ul li .mec-event-title { font-size: 13px; } } .mec-fes-list .mec-event-status { color: #fff !important; border-color: transparent !important; } .mec-fes-list .mec-book-confirmed, .mec-fes-form .mec-book-confirmed { background: #50d477 !important; } .mec-fes-list .mec-book-pending, .mec-fes-form .mec-book-pending { background: #fcbe69 !important; } .mec-fes-list .mec-book-rejected, .mec-fes-form .mec-book-rejected { background: #fe686a !important; } .mec-fes-list .mec-book-other, .mec-fes-form .mec-book-other { background: #40d9f1 !important; } .mec-fes-list ul li .mec-fes-event-remove, .mec-fes-list ul li .mec-fes-event-view { font-size: 11px; padding: 0; border: 0; background: #f7f8f9; float: right; margin-left: 5px; border-radius: 2px; transition: all 0.2s ease; } .mec-fes-list ul li .mec-fes-event-remove, .mec-fes-list ul li .mec-fes-event-view a, .mec-fes-list ul li .mec-fes-event-export a { padding: 4px 8px; display: inline-block; border: 1px solid #e7e8e9; border-radius: 2px; color: #789; position: relative; } @media (max-width: 600px) { .mec-fes-list ul li .mec-fes-event-remove, .mec-fes-list ul li .mec-fes-event-view a, .mec-fes-list ul li .mec-fes-event-export a { font-size: 10px; } } .mec-fes-list ul li .mec-fes-event-remove:hover { cursor: pointer; background: #f96f8a; border-color: #f96f8a; color: #fff; } .mec-fes-list ul li .mec-fes-event-view a:hover, .mec-fes-list ul li .mec-fes-event-export a:hover { background: #40d9f1; color: #fff; border-color: #40d9f1; } .mec-fes-form-top-actions a, .mec-fes-list-top-actions a { position: relative; border: none; border-radius: 3px; color: #fff !important; display: inline-block; font-size: 13px; line-height: 1; text-transform: none; font-weight: 400; text-decoration: none; cursor: pointer; margin-bottom: 20px !important; margin-right: 10px; line-height: 1; letter-spacing: 0; padding: 15px 22px; background: #39c36e; box-shadow: 0 1px 7px -3px #39c36e !important; -webkit-transition: all .21s ease; -moz-transition: all .21s ease; transition: all .21s ease; } .mec-fes-list-top-actions a:hover, .mec-fes-form-top-actions a:hover { background: #222; color: #fff; } .mec-fes-list-top-actions a { font-weight: 600; text-transform: capitalize; } .mec-fes-form-top-actions a:before { content: ""; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 6px; margin-right: 5px; vertical-align: sub; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .mec-fes-form .mec-form-row, .mec-fes-list .mec-form-row { margin-bottom: 10px; clear: both; } .mec-fes-form label { font-size: 13px; display: block; color: #798f96; font-weight: 400; padding: 0 0 4px 2px; } .mec-fes-form input+label { padding-top: 8px; padding-left: 3px; margin: 0; display: inline-block; vertical-align: top; } .mec-fes-form .post-status { float: right !important; margin: 0px 5px; color: #fff; padding: 0px 10px; border-radius: 12px; font-style: italic; font-size: 18px; } .mec-fes-form input[type=text], .mec-fes-form input[type=number], .mec-fes-form input[type=email], .mec-fes-form input[type=password], .mec-fes-form input[type=tel], .mec-fes-form textarea, .mec-fes-form select { min-width: inherit; width: auto; display: inline; min-height: 30px; font-size: 13px; padding: 10px; margin-bottom: 20px; clear: both; background: #fff; border: 1px solid #cfeff5; box-shadow: 0 2px 5px rgba(207, 239, 245, 0.38) inset; border-radius: 3px; height: 40px; max-width: 280px; color: #798f96; } .mec-fes-form input { background: #fff !important; border-radius: 3px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } .mec-fes-form textarea { height: 80px; } .mec-fes-form input::-webkit-input-placeholder { color: #798f96; ; } .mec-fes-form input::-moz-placeholder { color: #798f96; ; } .mec-fes-form input:-ms-input-placeholder { color: #798f96; ; } .mec-fes-form input:-moz-placeholder { color: #798f96; ; } #mec_more_info_target { width: 100%; } @media only screen and (min-width: 961px) { .mec-fes-form input[type=text], .mec-fes-form input[type=email], .mec-fes-form input[type=password], .mec-fes-form textarea { width: 100%; display: inline-block; } } @media only screen and (max-width: 768px) { .mec-fes-form input[type=text], .mec-fes-form input[type=email], .mec-fes-form input[type=password], .mec-fes-form textarea { width: 100%; } } .mec-fes-form input[type=text]#mec_fes_title { padding: 5px 10px; min-height: 32px; height: 50px; background: #fff !important; max-width: 100%; font-size: 19px; font-weight: 400; } .mec-fes-form input[type=checkbox], .mec-fes-form input[type=radio] { display: inline !important; float: left; margin: 5px 5px 0 0; } .mec-fes-form input[type=text]:focus, .mec-fes-form input[type=number]:focus, .mec-fes-form input[type=email]:focus, .mec-fes-form input[type=password]:focus, .mec-fes-form input[type=tel]:focus, .mec-fes-form textarea:focus, .mec-fes-form select:focus { border: 1px solid #aaa; color: #444; background: #fff; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .2); outline: none; } .mec-form-row .mec-color { cursor: pointer; } .mec-form-row.mec-available-color-row span { margin: 10px; width: 14px; height: 14px; display: inline-block; margin-right: 6px; border-radius: 20px 20px 20px 20px; vertical-align: middle; } .mec-form-row.mec-available-color-row span:first-of-type { margin-left: 0; } .mec-fes-form.mec-fes-form .mec-tooltip { display: inline; } .mec-fes-form-cntt .dashicons-editor-help { display: block; } .mec-fes-form .mec-tooltip:hover:after, .mec-fes-form .mec-tooltip:hover:before { display: none } .mec-fes-form.mec-fes-form .mec-tooltip { display: inline-flex; bottom: 7px } .mec-fes-form .mec-tooltip .box { min-width: 300px; max-width: 600px; display: inline-block; left: 26px; top: 50%; transform: translateY(-50%); padding: 0; margin-top: 8px; background-color: #535a61; color: #fff; font-weight: 300; font-size: 14px; letter-spacing: .5px; line-height: 1.3; position: absolute; z-index: 9999999; box-sizing: border-box; border-radius: 6px; box-shadow: 0 4px 45px -8px #444b50; visibility: hidden; opacity: 0; transition: opacity .23s } #webnus-dashboard .mec-fes-form .mec-tooltip .box p, .mec-fes-form .mec-tooltip .box p { color: #fff; font-size: 14px; line-height: 1.3; margin: 0 } .mec-fes-form .mec-tooltip:hover .box { visibility: visible; opacity: 1 } .mec-fes-form .mec-tooltip:hover .box { padding: 20px; border-radius: 8px } .mec-fes-form .mec-tooltip .box h5 { color: #fff; font-size: 17px; font-weight: 600; margin: -30px -20px; padding: 20px 0; text-align: center; margin-bottom: 10px; background: #3a3f44; border-bottom: 1px solid #32363a; border-radius: 6px 6px 0 0; z-index: 9999 } #webnus-dashboard .mec-fes-form .mec-tooltip .box p a, .mec-fes-form .mec-tooltip .box p a { color: #40d9f1; margin-top: 10px; margin-left: 0; font-weight: 400; position: relative; text-decoration: none; display: block; width: max-content } .mec-fes-form .mec-tooltip .box a:hover { color: #f90 } .mec-fes-form .mec-tooltip .box:after { display: block; position: absolute !important; top: 100% !important; right: 50% !important; margin-top: -6px !important; margin-right: -6px !important; width: 12px !important; height: 24px !important; overflow: hidden !important; transform: rotate(-90deg) !important } .mec-fes-form .mec-tooltip .box:before { display: block; content: '' !important; position: absolute !important; width: 12px; height: 12px; left: -10px !important; top: 50% !important; transform: translate(50%, -50%) rotate(-45deg) !important; background-color: #535a61 !important; box-shadow: 0 8px 9px -4px #535a61 !important; z-index: 0 !important } .mec-fes-form .mec-tooltip .box.top { left: 50%; top: 0; transform: translate(-50%, -100%); margin-top: 0; margin-left: -10px } .mec-fes-form .mec-tooltip .box.top:after { top: 50% !important; right: 100% !important } .mec-fes-form .mec-tooltip .box.top:before { left: 50% !important; top: 100% !important } .mec-fes-form .mec-tooltip .box.bottom { left: 50%; top: auto; bottom: 0; transform: translate(-50%, 100%); margin-bottom: -20px; margin-left: -10px } .mec-fes-form .mec-tooltip .box.bottom:after { top: 0 !important; right: 50% !important; background-color: #3a3f44 !important } .mec-fes-form .mec-tooltip .box.bottom:before { left: 50% !important; top: -7px !important; transform: translateX(-50%); background-color: #3a3f44 !important } .mec-fes-form .mec-tooltip .box.left { left: auto; right: 26px; top: 50%; transform: translateY(-50%) } .mec-fes-form .mec-tooltip .box.left:before { right: 0 !important; left: auto !important; top: 50% !important } .mec-fes-form .mec-tooltip { display: inline-block; position: relative; margin-right: 10px; cursor: help; bottom: 5px; left: 3px; } .mec-fes-form .mec-tooltip:last-child { margin-right: 0 } .mec-fes-form .mec-tooltip:hover:after { background: #313130; border-radius: 5px; bottom: 24px; color: #fff; content: attr(title); left: -75px; padding: 10px; position: absolute; z-index: 98; width: 240px } .mec-fes-form .mec-tooltip:hover:before { border: solid; border-color: #313130 transparent; border-width: 6px 6px 0; bottom: 18px; content: ""; left: 30%; position: absolute; z-index: 99 } .mec-fes-form .mec-tooltip .dashicons-before:before { font-size: 24px; color: #008aff; line-height: 37px } .mec-fes-form .mec-tooltip a:focus { box-shadow: none } .mec-form-row .bootstrap_unvalid { display: block; border: 2px solid red; position: relative; display: inline-block; border-bottom: 1px dotted #000 } .mec-fes-form .mec-tooltiptext { visibility: hidden; width: 120px; background-color: red; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1 } .mec-fes-form .mec-tooltip .content p a { display: none; } @media only screen and (min-width: 961px) { .mec-fes-form .mec-fes-form-cntt, .mec-fes-form .mec-fes-form-sdbr { width: 68%; float: left; padding-right: 20px; } .mec-fes-form .mec-fes-form-sdbr { width: 32%; padding-right: 0; padding-left: 20px; } .mec-fes-submit-mobile { display: none; } } .mec-fes-form .mec-meta-box-fields { padding: 0 20px 20px; border: 1px solid #cfeff5; margin-bottom: 20px !important; box-shadow: 0 2px 6px -3px #cfeff5; border-radius: 3px; background: #fff; } .mec-fes-form .mec-meta-box-fields h4 { margin: 0 -20px; font-size: 15px; font-weight: 600; letter-spacing: 0; color: #40d9f1; text-transform: capitalize; padding: 15px 20px; background: #ecfcff; margin-bottom: 20px; border-radius: 3px; } .mec-fes-sub-button { width: 100%; } .mec-available-color-row span.color-selected { border: 3px solid #fff; box-sizing: content-box; box-shadow: 0 0 0 2px #40d9f1, 0 2px 8px -1px #40d9f1; } .mec-fes-loading:before { content: url('../img/ajax-loader.gif'); background: transparent; border-style: none; display: block; margin-left: 47%; } .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row input[type="text"] { width: 190px; margin-right: 1.4%; } .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row input[type="text"].mec-col-1, .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row input[type="text"].mec-col-2 { width: 120px; margin-right: 10px; } .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row input[type=text].widefat { width: 100%; } .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row { border-bottom: none; padding-bottom: 10px; } .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row input[type="text"].mec-col-6 { width: 39%; } .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row button { margin-right: 0; padding: 9px 26px; } .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row button.mec-add-hourly-schedule-button { font-size: 12px; height: 30px; line-height: 25px; } .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row .description { display: inline-block; border-left: 1px dashed #bfcacc; margin-left: 12px; line-height: 28px; padding-left: 12px; margin-top: 5px; font-style: italic; } @media only screen and (max-width: 768px) { .mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row input[type="text"] { width: 100% !important; } } #mec_fes_form_message { max-width: 838px; margin: 10px auto; display: block !important; text-align: center; } /* MEC Total Calendar -------------------------------- */ .mec-wrap .mec-totalcal-box { position: relative; border: 1px solid #efefef; padding: 20px 5px; margin: 0 0 20px; background: #fafafa; overflow: hidden; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.012); min-height: 78px; } .mec-wrap .mec-totalcal-box i { float: left; margin: 0; width: 36px; height: 36px; background: #fff; border: 1px solid #efefef; text-align: center; padding: 10px 0; font-size: 15px; color: #888; } .mec-wrap .mec-totalcal-box input, .mec-wrap .mec-totalcal-box select, .mec-wrap .mec-totalcal-box .mec-totalcal-view span { width: auto; min-height: 36px; height: 36px; line-height: 36px; background: #fff; font-size: 13px; color: #777; border: 1px solid #efefef; margin: 0 0 0 -1px; float: left; padding: 0 5px; font-family: 'Roboto', Helvetica, Arial, sans-serif; } .mec-wrap .mec-totalcal-box input[type=submit] { cursor: pointer; padding: 0 16px; text-transform: uppercase; font-size: 11px; font-family: 'Montserrat', Helvetica, Arial, sans-serif; transition: all 0.21s ease; } .mec-wrap .mec-totalcal-box input[type=submit]:hover { background: #222; color: #fff; } .mec-wrap .mec-totalcal-box .mec-totalcal-view span { display: inline-block; text-transform: uppercase; font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-size: 11px; padding: 0 12px; cursor: pointer; } .mec-wrap .mec-totalcal-box .mec-totalcal-view span:hover { color: #40d9f1; } .mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected { color: #fff; background: #40d9f1; border-color: #40d9f1; } .mec-wrap .mec-totalcal-box .mec-totalcal-view { text-align: right; float: right; } .mec-wrap .mec-totalcal-box input[type=search] { width: calc(100% - 36px); } @media only screen and (min-width: 961px) and (max-width: 1200px) { .mec-wrap .mec-totalcal-box { padding: 37px 5px; } } @media only screen and (max-width: 960px) { .mec-wrap .mec-totalcal-box .col-md-3, .mec-wrap .mec-totalcal-box .col-md-4, .mec-wrap .mec-totalcal-box .col-md-5 { width: 100%; float: none; padding-bottom: 20px; clear: both; overflow: hidden; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .mec-wrap .mec-totalcal-box .col-md-4 { position: relative; right: 10px; top: 20px; width: initial; } .mec-wrap .mec-totalcal-box .col-md-5 { padding-bottom: 0; } .mec-wrap .mec-totalcal-box { padding: 37px 5px; } } @media only screen and (max-width: 767px) { .mec-wrap .mec-totalcal-box .mec-totalcal-view { float: none; } .mec-wrap .mec-totalcal-box .col-md-4 { padding-bottom: 0 } } @media only screen and (max-width: 479px) { .mec-wrap .mec-totalcal-box .mec-totalcal-view span { padding: 0 8px; font-size: 10px; } .mec-wrap .mec-totalcal-box input[type=submit] { padding: 0 10px; font-size: 10px; } } @media only screen and (min-width: 961px) { .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-3, .mec-wrap .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-5 { width: 100%; float: none; padding-bottom: 20px; clear: both; overflow: hidden; } .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-4 { position: absolute; right: 10px; top: 20px; width: initial; } .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-5 { padding-bottom: 0; width: 100%; } } @media (min-width:961px) and (max-width:1200px) { .mec-full-calendar-wrap .mec-totalcal-box { padding: 20px 20px; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 { width: 50%; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-2, .mec-full-calendar-wrap .mec-totalcal-box .col-md-3, .mec-full-calendar-wrap .mec-totalcal-box .col-md-4 { padding-bottom: 20px !important; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 select { min-width: calc(100% - 36px); } .mec-full-calendar-wrap .mec-totalcal-box .col-md-3 select { min-width: calc(30% - 10px); } .mec-full-calendar-wrap .mec-totalcal-box .col-md-3:last-child select { min-width: calc(50% - 19px); } .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view { margin-right: 10px; } .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span { font-size: 10px; text-align: center; } } @media (max-width:960px) { .mec-full-calendar-wrap .mec-totalcal-box { padding: 20px 20px; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 { width: 50%; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-2, .mec-full-calendar-wrap .mec-totalcal-box .col-md-3, .mec-full-calendar-wrap .mec-totalcal-box .col-md-4 { padding-bottom: 10px !important; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 select { min-width: calc(100% - 36px); margin-bottom: 10px; } .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view { margin-right: 10px; } .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span { font-size: 10px; text-align: center; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 { width: 100%; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-4 { position: absolute; top: 20px; } } @media (min-width:780px) and (max-width:960px) { .mec-full-calendar-wrap .mec-totalcal-box .col-md-4 { position: absolute; top: 20px; } } @media(max-width:780px) { .mec-full-calendar-wrap .mec-totalcal-box .col-md-3 select { width: calc(50% - 18px) !important; } .mec-full-calendar-wrap .mec-totalcal-box .col-md-4 { position: unset; padding-right: 0; } .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span { min-width: 20%; text-align: center; font-size: 10px; } .mec-wrap .mec-totalcal-box .mec-totalcal-view span { padding: 0 7px; margin-top: 20px; } } @media(max-width:480px) { .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span { min-width: 20%; text-align: center; font-size: 10px; } } /* Cal search form */ .mec-search-form { padding: 20px 10px; } .mec-search-form .mec-dropdown-wrap { display: table; width: 100%; } .mec-search-form .mec-dropdown-search, .mec-search-form .mec-text-input-search, .mec-search-form .mec-date-search { padding: 0 10px; float: left; min-height: 55px; } .mec-search-form .mec-text-input-search, .mec-search-form .mec-date-search { width: 50%; min-height: 36px; display: block; } .mec-full-calendar-wrap .mec-search-form .mec-date-search, .mec-full-calendar-wrap .mec-search-form .mec-text-input-search { width: 100%; } .mec-full-calendar-wrap .mec-search-form .col-md-8, .mec-full-calendar-wrap .mec-search-form .col-md-6, .mec-full-calendar-wrap .mec-search-form .col-md-5, .mec-full-calendar-wrap .mec-search-form .col-md-3 { padding: 0; } .mec-widget .mec-search-form .mec-text-input-search, .mec-widget .mec-search-form .mec-date-search { width: 100%; } .mec-widget .mec-search-form .mec-text-input-search { margin-top: 10px; } .mec-search-form .mec-date-search { clear: left; } .mec-search-form .mec-dropdown-wrap .mec-dropdown-search { display: table-cell; float: none; } .mec-widget .mec-search-form .mec-dropdown-wrap .mec-dropdown-search { display: block; } .mec-wrap .mec-search-form .mec-dropdown-wrap .mec-dropdown-search select { width: calc(100% - 36px); margin-bottom:20px; } .mec-wrap .mec-search-form .mec-date-search select { width: calc(100% - 106px); } .mec-wrap .mec-search-form .mec-date-search select:last-child { width: 70px; } @media only screen and (max-width: 767px) { .mec-search-form .mec-dropdown-search, .mec-search-form .mec-text-input-search, .mec-search-form .mec-date-search { width: 100%; float: none; } .mec-search-form .mec-date-search { min-height: 55px; } .mec-search-form .mec-dropdown-wrap .mec-dropdown-search { display: block; width: 50%; float: left; } } @media only screen and (max-width: 960px) { .mec-wrap .mec-search-form .mec-date-search select { width: calc(100% - 124px); } .mec-wrap .mec-search-form .mec-date-search select:last-child { width: 70px; } } @media only screen and (max-width: 479px) { .mec-search-form .mec-dropdown-wrap .mec-dropdown-search { display: block; width: 100%; float: none; } } /* MEC Datepicker ---------------------*/ .ui-datepicker { background-color: #fff; border: 1px solid #66AFE9; border-radius: 4px; box-shadow: 0 0 8px rgba(102, 175, 233, .6); display: none; margin-top: 4px; padding: 10px; width: 240px; } .ui-datepicker a, .ui-datepicker a:hover { text-decoration: none; cursor: pointer; } .ui-datepicker a:hover, .ui-datepicker td:hover a { color: #2C6396; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; } .ui-datepicker .ui-datepicker-title { font-weight: 700; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: default; font-family: dashicons; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; line-height: 1.4; margin-top: 2px; width: 20px; } .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; } .ui-datepicker .ui-datepicker-next { float: right; text-align: center; } .ui-datepicker .ui-datepicker-prev:before { content: "\f341"; } .ui-datepicker .ui-datepicker-next:before { content: "\f345"; } .ui-datepicker .ui-icon { display: none; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; } .ui-datepicker .ui-datepicker-calendar td { border-radius: 4px; -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; } .ui-datepicker .ui-datepicker-current-day { background-color: #4289cc; } .ui-datepicker .ui-datepicker-current-day a { color: #fff } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; } /* MEC Events Carousel Type1 —--------------------------- */ .mec-owl-theme .owl-dots .owl-dot { border:none; } .event-carousel-type1-head .mec-event-image { position: relative; min-height: 150px; } .event-carousel-type1-head .mec-event-image img { width: 100%; } .mec-event-carousel-content .mec-event-carousel-title a { transition: all 0.2s ease; } .event-carousel-type1-head .mec-event-date-carousel { position: absolute; top: 25px; left: 1px; font-size: 41px; width: 160px; color: #fff; font-weight: 500; background-color: #40d9f1; padding-left: 21px; height: 97px; line-height: 2.3; padding-right: 85px; } .event-carousel-type1-head .mec-event-date-carousel:after { content: ""; position: absolute; display: inline-block; z-index: -1; bottom: -13px; left: 5px; width: 0; border-width: 13px; border-style: solid; border-color: transparent transparent #40d9f1 transparent; transform: rotate(45deg); } .event-carousel-type1-head .mec-event-date-info { font-size: 12px; font-weight: 300; position: absolute; top: 27px; left: 75px; } .event-carousel-type1-head .mec-event-date-info-year { font-size: 12px; font-weight: 300; position: absolute; top: 45px; left: 75px; } .mec-event-carousel-content { border: 1px solid #e8e8e8; border-top: none; margin-top: -5px; padding: 34px 9px 11px 37px; } .mec-event-carousel-content .mec-event-carousel-title a { font-size: 23px; font-weight: 500; color: #000; letter-spacing: -1px; } .mec-event-carousel-content p { font-size: 14px; color: #7a7272; font-weight: 300; } .mec-owl-crousel-skin-type1 .owl-item .mec-event-article { padding: 0 19px; } .mec-event-carousel-type1 .owl-page.active span { background-color: #00aeef; height: 14px; width: 14px; } .mec-event-carousel-type1 .mec-event-carousel-content { margin-bottom: 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); transition: all 0.27s ease; } .mec-event-carousel-type1 .mec-event-carousel-content:hover { box-shadow: 0 0 35px rgba(0, 0, 0, 0.07); } @media only screen and (min-width: 768px) and (max-width: 1000px), (min-width: 270px) and (max-width: 448px) { .event-carousel-type1-head .mec-event-date-carousel { font-size: 25px; line-height: 2.5; padding-right: 70px; height: 64px; width: 120px; } .event-carousel-type1-head .mec-event-date-carousel:after { left: 7px; } .event-carousel-type1-head .mec-event-date-info { font-size: 10px; top: 13px; left: 55px; } .event-carousel-type1-head .mec-event-date-info-year { font-size: 10px; top: 25px; left: 55px; } .event-carousel-type1-head .mec-event-date-carousel:after { top: 48px; } } /* MEC Events Carousel Type2 ---------------------------- */ .event-carousel-type2-head { background: #fff; border: 1px solid #e6e6e6; } .event-carousel-type2-head .mec-event-carousel-content-type2 { margin-top: 15px; min-height: 182px; } .event-carousel-type2-head .mec-event-carousel-content-type2 .mec-event-date-info { font-size: 15px; color: #9a9a9a; font-weight: 300; } .event-carousel-type2-head .mec-event-carousel-content-type2 .mec-event-carousel-title { font-size: 26px; font-weight: bold; color: #1c1d21; margin-top: 15px; letter-spacing: -1px; } .mec-event-carousel-content-type2 .mec-event-carousel-title a { color: inherit; } .mec-event-carousel-type2 .event-carousel-type2-head .mec-event-carousel-content-type2 p { font-size: 16px; font-weight: 300; color: #444444; } .event-carousel-type2-head .mec-event-footer-carousel-type2 { margin-top: 33px; position: relative; } .mec-event-carousel-type2 .mec-event-footer-carousel-type2 .mec-event-sharing-wrap { left: 0; } .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-event-sharing-wrap>li { border: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button { border: 1px solid #e4e4e4; float: right; padding: 7px 23px 7px; font-size: 12px; text-transform: uppercase; color: #707070; font-weight: 500; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button:hover { color: #fff; } .mec-event-article .event-carousel-type2-head { padding: 10%; margin-right: -1px; } .mec-event-carousel-type2 .mec-owl-carousel .owl-wrapper-outer { border-right: 1px solid #e6e6e6; } .mec-wrap .mec-event-carousel-type2 .owl-prev, .mec-wrap .mec-event-carousel-type2 .owl-next, .mec-wrap .mec-event-carousel-type3 .owl-prev, .mec-wrap .mec-event-carousel-type3 .owl-next, .mec-wrap .mec-event-carousel-type4 .owl-prev, .mec-wrap .mec-event-carousel-type4 .owl-next { transition: all 0.25s ease; -webkit-transition: all 0.25s ease; position: absolute; top: 47%; background-color: transparent !important; } .mec-event-carousel-type2 .owl-next { right: -60px; } .mec-event-carousel-type2 .owl-prev { left: -60px; } .mec-event-carousel-type2 .owl-prev i, .mec-event-carousel-type2 .owl-next i, .mec-event-carousel-type3 .owl-prev i, .mec-event-carousel-type3 .owl-next i, .mec-event-carousel-type4 .owl-prev i, .mec-event-carousel-type4 .owl-next i { font-size: 40px; color: #282828; } .mec-event-carousel-type2 .owl-prev i:hover, .mec-event-carousel-type2 .owl-next i:hover, .mec-event-carousel-type3 .owl-prev i:hover, .mec-event-carousel-type3 .owl-next i:hover { color: #000; cursor: pointer; } .mec-event-footer-carousel-type2 .mec-event-sharing-wrap .mec-event-sharing { top: auto; bottom: 60px; } .mec-event-footer-carousel-type2 .mec-event-sharing-wrap .mec-event-sharing:after, .mec-event-footer-carousel-type2 .mec-event-sharing-wrap .mec-event-sharing:before { top: auto; bottom: -19px; border-color: #e2e2e2 transparent transparent transparent; } .mec-event-footer-carousel-type2 .mec-event-sharing-wrap .mec-event-sharing:after { bottom: -18px; border-color: #fff transparent transparent transparent; } @media only screen and (min-width: 320px) and (max-width: 768px) { .mec-event-carousel-type2 .owl-prev, .mec-event-carousel-type2 .owl-next, .mec-event-carousel-type3 .owl-prev, .mec-event-carousel-type3 .owl-next, .mec-event-carousel-type4 .owl-prev, .mec-event-carousel-type4 .owl-next { position: initial; top: 100%; } } /* MEC Events Carousel Type3 ----------------------------- */ .mec-event-carousel-type3 .mec-event-article { margin: 0 10px; } .event-carousel-type3-head .mec-event-image, .event-carousel-type3-head .mec-event-image img { width: 100%; height: auto; } .event-carousel-type3-head .mec-event-footer-carousel-type3 { background: #fff; display: inline-block; width: calc(100% - 40px); margin-top: -74px; position: relative; margin-left: 20px; margin-right: 20px; margin-bottom: 6px; padding: 8% 11%; box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .2); } .event-carousel-type3-head .mec-event-footer-carousel-type3 .mec-booking-button { border: 1px solid #e4e4e4; text-transform: uppercase; float: right; padding: 7px 23px 7px; font-size: 12px; color: #707070; font-weight: 500; } .event-carousel-type3-head .mec-event-footer-carousel-type3 .mec-booking-button:hover { color: #fff; } .mec-event-footer-carousel-type3 span { font-size: 15px; color: #9a9a9a; font-weight: 300; display: block; margin-top: 30px; } .mec-event-footer-carousel-type3 .mec-event-carousel-title { font-size: 29px; font-weight: 700; } .event-carousel-type3-head .mec-event-footer-carousel-type3 .mec-event-carousel-title { font-size: 26px; font-weight: bold; color: #1c1d21; margin-top: 15px; letter-spacing: -1px; } .mec-event-footer-carousel-type3 .mec-event-carousel-title a { color: inherit; } .event-carousel-type3-head .mec-event-footer-carousel-type3 p { font-size: 16px; font-weight: 300; color: #444444 !important; margin-bottom: 36px; } .mec-event-carousel-type3 .owl-next { right: -70px; } .mec-event-carousel-type3 .owl-prev { left: -70px; } .mec-event-footer-carousel-type3 .mec-event-sharing-wrap { left: 11%; } .mec-event-footer-carousel-type3 .mec-event-sharing-wrap .mec-event-sharing { top: auto; bottom: 60px; } .mec-event-footer-carousel-type3 .mec-event-sharing-wrap .mec-event-sharing:after, .mec-event-footer-carousel-type3 .mec-event-sharing-wrap .mec-event-sharing:before { top: auto; bottom: -19px; border-color: #e2e2e2 transparent transparent transparent; } .mec-event-footer-carousel-type3 .mec-event-sharing-wrap .mec-event-sharing:after { bottom: -18px; border-color: #fff transparent transparent transparent; } .event-carousel-type3-head .mec-end-date-label { display: inline; margin-left: 2px; } /* MEC Events Carousel Type4 ----------------------------- */ .event-carousel-type4-head.clearfix { position: relative; overflow: hidden; background: #fff; } .event-carousel-type4-head .mec-event-overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: auto; height: auto; background-color: rgba(36, 36, 36, .4); transition: all .33s ease-in-out; } .mec-event-hover-carousel-type4 { font-size: 15px; color: #fff; position: absolute; bottom: 0; padding: 50px 35px; transition: all .33s ease-in-out; opacity: 0; visibility: hidden; } .mec-event-carousel-type4 .mec-event-article { margin: 0 10px; } .mec-event-carousel-type4 .mec-event-article:hover .mec-event-hover-carousel-type4 { opacity: 1; visibility: visible; } .mec-event-hover-carousel-type4 .mec-event-icon { font-size: 18px; float: left; margin-right: 14px; color: #fff; padding: 13px; } .mec-event-hover-carousel-type4 .mec-event-date { font-size: 11px; text-transform: uppercase; font-weight: 400; line-height: 1.6; } .mec-event-hover-carousel-type4 .mec-event-date span { display: block; font-weight: 700; font-size: 14px; } .mec-event-hover-carousel-type4 .mec-event-title { color: #fff; margin: 20px 0 38px; font-size: 16px; font-weight: 700; text-transform: uppercase; font-style: normal; } .mec-event-hover-carousel-type4 .mec-btn-wrapper { text-align: left; } .mec-event-hover-carousel-type4 .mec-event-button { color: #fff; background-color: #191919; border: 2px #191919 solid; padding: 10px 14px; letter-spacing: 1.5px; font-size: 11px; font-weight: 700; font-style: normal; transition: all .22s ease; text-decoration: none; } .mec-event-hover-carousel-type4 .mec-event-button:hover { color: #191919; background-color: #fff; border-color: #fff; border-radius: 1px; } .mec-event-carousel-type4 .owl-next { right: -70px; } .mec-event-carousel-type4 .owl-prev { left: -70px; } .mec-carousel-type4-head { margin-bottom: 25px; } .mec-carousel-type4-head-title { padding: 0 11px; text-align: left; font-weight: bold; font-size: 20px; color: #000; } .mec-carousel-type4-head-link { text-align: right; padding: 0 11px; } .mec-carousel-type4-head-link a { background: #222; color: #fff; padding: 10px 38px; transition: all 0.3s ease; } .mec-carousel-type4-head-link a:hover, .mec-carousel-type4-head-link a:visited { color: #fff; } @media (max-width: 960px) { .mec-event-carousel-type4 .owl-stage { left: -50px; } } /* MEC Countdown View Style1 ----------------------------- */ .mec-wrap .mec-event-countdown-style1 { color: #fff; padding: 0 !important; display: table; background: #437df9; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part1 { z-index: 5; padding: 50px 1% 50px 4%; display: table-cell; float: none; vertical-align: middle; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2 { background-color: rgba(0, 0, 0, 0.05); height: 100%; padding-top: 0; display: table-cell; float: none; position: relative; vertical-align: middle; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3 { background-color: #f8f8f8; display: table-cell; float: none; text-align: center; vertical-align: middle; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part1 .mec-event-title { color: #fff; font-size: 15px; margin-top: 30px; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part1 .mec-event-upcoming { font-size: 36px; font-weight: bold; line-height: 1; margin-top: 0; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-countdown>div { display: inline-block; } .mec-event-countdown-style1 .mec-events-meta-group-countdown { color: #c9c9c9; margin-bottom: 30px; padding: 20px 30px; background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-event-countdown-style1 .mec-event-countdown-part1 .mec-event-upcoming span { display: block; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2:after { content: ""; position: absolute; display: inline-block; z-index: 1; top: 50%; margin-top: -11px; right: -24px; width: 0; border-width: 12px; border-style: solid; border-color: transparent transparent transparent #4077ed; } .mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date-place { text-align: center; padding-bottom: 8px; } .mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date, .mec-event-countdown-part2 .mec-event-place { display: inline; font-size: 14px; padding: 0 5px; text-align: center; } .mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button { display: inline-block; padding: 14px 30px; vertical-align: middle; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: #4077ed; transition: all 0.24s ease; } .mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button:hover { background: #222; } .mec-event-countdown-style1 .mec-event-countdown { text-align: center; display: table; table-layout: fixed; margin: 0 auto; } .mec-event-countdown-style1 .mec-event-countdown .label-w { letter-spacing: 1px; text-transform: uppercase; position: relative; } .mec-event-countdown-style1 .mec-event-countdown .block-w { display: table-cell; margin: 0 20px 10px; position: relative; height: 70px; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li { background-color: rgba(0, 0, 0, 0.1); margin: 5px; padding: 20px 0; min-width: 94px; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li span { font-size: 30px; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li .label-w { font-size: 12px; color: #fff; margin: 8px 0 0; line-height: 1; } @media only screen and (min-width: 1200px) { .mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part1, .mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part2, .mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part3 { width: 100%; display: block; padding-top: 50px; padding-bottom: 50px; } .mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part2:after { border-color: #4077ed transparent transparent transparent; top: auto; margin-top: 0; bottom: -24px; margin-left: -11px; left: 50%; } } @media (max-width: 960px) { .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part1, .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2, .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3 { width: 100%; display: block; padding-top: 50px; padding-bottom: 50px; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2:after { border-color: #4077ed transparent transparent transparent; top: auto; margin-top: 0; bottom: -24px; margin-left: -11px; left: 50%; transform: rotate(90deg); } } @media (max-width: 480px) { .mec-event-countdown-style1 .mec-event-countdown .block-w { margin: 3px; height: auto; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li { padding: 10px 5px; min-width: 50px; margin: 3px 1px; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li span { font-size: 15px; } .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li .label-w { font-size: 8px; } .mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date-place { display: inline; } } /* MEC Countdown View Style2 ----------------------------- */ .mec-wrap .mec-event-countdown-style2 { color: #fff; padding: 30px 0; background: #437df9; max-width: 600px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part1, .mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part2, .mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part3 { width: 100%; float: none; vertical-align: middle; padding: 50px 10% 50px 10%; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part2 { padding-top: 12%; padding-bottom: 0; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part1 .mec-event-title { color: #fff; font-size: 15px; margin-top: 30px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part1 .mec-event-upcoming { font-size: 36px; font-weight: bold; line-height: 1; margin-top: 0; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part2 .mec-event-countdown>div { display: inline-block; } .mec-event-countdown-style2 .mec-events-meta-group-countdown { color: #c9c9c9; margin-bottom: 30px; padding: 20px 30px; background: #fff; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-event-countdown-style2 .mec-event-countdown-part1 .mec-event-upcoming span { display: block; } .mec-event-countdown-style2 .mec-event-countdown-part2 .mec-event-date-place { text-align: left; padding-bottom: 8px; } .mec-event-countdown-style2 .mec-event-countdown-part2 .mec-event-date, .mec-event-countdown-part2 .mec-event-place { display: inline; font-size: 14px; padding: 0 8px; } .mec-event-countdown-style2 .mec-event-countdown-part3 .mec-event-button { display: inline-block; padding: 14px 30px; vertical-align: middle; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #222; background: #fff; transition: all 0.24s ease; } .mec-event-countdown-style2 .mec-event-countdown-part3 .mec-event-button:hover { background: #222; color: #fff; } .mec-event-countdown-style2 .mec-event-countdown { text-align: center; display: table; table-layout: fixed; margin: 0; } .mec-event-countdown-style2 .mec-event-countdown .label-w { letter-spacing: 1px; text-transform: uppercase; position: relative; } .mec-event-countdown-style2 .mec-event-countdown .block-w { display: table-cell; margin: 0 20px 10px; position: relative; height: 70px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li { background-color: rgba(0, 0, 0, 0.1); margin: 5px; padding: 20px 0; min-width: 94px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span { font-size: 30px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w { font-size: 12px; color: #fff; margin: 8px 0 0; line-height: 1; } @media only screen and (max-width: 767px) { .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li { min-width: 80px; padding: 15px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span { font-size: 26px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w { font-size: 11px; } } @media only screen and (max-width: 479px) { .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li { min-width: 40px; padding: 15px 10px; margin: 2px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span { font-size: 20px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w { font-size: 9px; } } @media (max-width: 380px) { .mec-event-countdown-style2 .mec-event-countdown .block-w { margin: 3px; height: auto; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li { padding: 10px 4px; margin: 4px 1px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span { font-size: 15px; } .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w { font-size: 7px; } } /* MEC Countdown View Style3 ----------------------------- */ .mec-wrap .mec-event-countdown-style3 { color: #fff; padding: 0; background: #282828; display: table; width: 100%; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1 { width: 68%; padding: 50px 1% 50px 4%; vertical-align: middle; display: table-cell; position: relative; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 { width: 32%; display: table-cell; position: relative; padding-bottom: 0; padding-top: 0; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 img { width: 100%; display: block; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1 .mec-event-countdown-part-title span { font-weight: 300; display: block; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1 .mec-event-upcoming { color: #fff; font-size: 36px; letter-spacing: -2px; font-weight: bold; line-height: 1; margin-top: -10px; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-countdown>div { display: inline-block; } .mec-event-countdown-style3 .mec-events-meta-group-countdown { color: #c9c9c9; margin-bottom: 30px; padding: 20px 30px; background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016); } .mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-date-place { text-align: center; padding-bottom: 8px; } .mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-date, .mec-event-countdown-part2 .mec-event-place { display: inline; font-size: 14px; padding: 0 5px; text-align: center; } .mec-event-countdown-style3 .mec-event-countdown-part3 .mec-event-button { display: inline-block; padding: 14px 30px; vertical-align: middle; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: #4077ed; transition: all 0.24s ease; } .mec-event-countdown-style3 .mec-event-countdown-part3 .mec-event-button:hover { background: #222; } .mec-event-countdown-style3 .mec-event-countdown { text-align: center; display: table; table-layout: fixed; margin: 0 auto; position: absolute; top: 40px; right: 20px; } .mec-event-countdown-style3 .mec-event-countdown .label-w { letter-spacing: 1px; text-transform: uppercase; position: relative; } .mec-event-countdown-style3 .mec-event-countdown .block-w { display: table-cell; margin: 0 20px 10px; position: relative; height: 70px; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li { padding: 15px; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li span { font-size: 30px; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li .label-w { font-size: 11px; color: #888; margin: 8px 0 0; line-height: 1; } .mec-event-countdown-style3 .mec-event-date { width: 176px; height: 96px; background: #40d9f1; color: #fff; font-size: 13px; position: absolute; left: -27px; top: 146px; } .mec-event-countdown-style3 .mec-event-date:after { content: ""; position: absolute; display: inline-block; z-index: 1; bottom: -18px; left: 8px; width: 0; border-width: 19px; border-style: solid; border-color: transparent transparent #40d9f1 transparent; transform: rotate(45deg); } .mec-event-countdown-style3 .mec-event-date .mec-date1 { font-size: 50px; position: absolute; top: 36px; left: 12px; letter-spacing: -3px; } .mec-event-countdown-style3 .mec-event-date .mec-date2 { position: absolute; left: 80px; top: 26px; } .mec-event-countdown-style3 .mec-event-date .mec-date3 { position: absolute; left: 80px; top: 45px; } .mec-event-countdown-style3 .mec-event-countdown-part-details { padding-top: 35px; margin-bottom: 50px; min-height: 100px; } .mec-event-countdown-style3 .mec-event-countdown-part-details .mec-event-title { font-size: 17px; color: #fff; line-height: 1.4; padding-right: 20px; } .mec-event-countdown-style3 .mec-event-countdown-part-details .mec-event-link { color: #fff; font-size: 12px; position: relative; padding-left: 22px; } .mec-event-countdown-style3 .mec-event-countdown-part-details .mec-event-link:before { content: ""; display: inline-block; width: 18px; border-top: 1px solid #fff; position: absolute; left: 0; top: 8px; } .mec-event-countdown-style3 .mec-event-title-link { position: absolute; left: 190px; top: 152px; } .mec-event-countdown-style3 .mec-event-date:before, .event-carousel-type1-head .mec-event-date-carousel:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 96px; background: transparent; display: inline-block; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12); } @media only screen and (min-width: 960px) { .mec-wrap.mec-sm959 .mec-event-countdown-style3 .mec-event-countdown li { padding: 10px; } .mec-wrap.mec-sm959 .mec-event-countdown-style3 .mec-event-countdown-part1 .mec-event-upcoming { font-size: 31px; } } @media (max-width: 959px) { .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1, .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 { width: 100%; display: block; } .mec-event-countdown-style3 .mec-event-title-link { top: 190px; } .mec-event-countdown-style3 .mec-event-countdown { top: 96px; } .mec-event-countdown-style3 .mec-event-date { left: 0; top: 190px; } .mec-event-countdown-style3 .mec-event-date:after { display: none; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1 .mec-event-countdown-part-title span { display: inline; } .mec-event-countdown-style3 .mec-event-countdown-part-details { min-height: 150px; } } @media (max-width: 767px) { .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1 .mec-event-upcoming { font-size: 26px; letter-spacing: -1px; } .mec-event-countdown-style3 .mec-event-title-link { left: 130px; } .mec-event-countdown-style3 .mec-event-date { width: 120px; font-size: 10px; height: 63px; } .mec-event-countdown-style3 .mec-event-date .mec-date1 { font-size: 36px; top: 20px; left: 4px; letter-spacing: -2px; } .mec-event-countdown-style3 .mec-event-date .mec-date2 { position: absolute; left: 52px; top: 12px; } .mec-event-countdown-style3 .mec-event-date .mec-date3 { position: absolute; left: 52px; top: 28px; } } @media (max-width: 380px) { .mec-event-countdown-style3 .mec-event-title-link { left: 10px; top: 260px; } .mec-event-countdown-style3 .mec-event-countdown-part-details { min-height: 300px; } .mec-event-countdown-style3 .mec-event-countdown .block-w { margin: 3px; height: auto; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li { padding: 10px 5px; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li span { font-size: 15px; } .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li .label-w { font-size: 8px; } } /* MEC Slider 1 -------------------------------- */ .mec-slider-t1-wrap { width: 100%; padding: 60px 90px; background: #f7f7f7; min-height: 560px; position: relative; } .mec-slider-t1 { height: 500px; box-shadow: 0 5px 35px 0px rgba(0, 0, 0, 0.13); } .mec-slider-t1 .mec-event-article { position: relative; height: 500px; } .mec-slider-t1 .mec-slider-t1-img { position: relative; background-size: cover !important; background-position: center !important; width: 50%; height: 100%; float: right; margin: 0; overflow: hidden; } .mec-slider-t1 .mec-slider-t1-content { width: 50%; float: left; height: 100%; background: #fff; padding: 6%; } .mec-slider-t1-content.mec-event-grid-modern .mec-event-article { border: none; padding: 0; margin: 0; box-shadow: none; } .mec-slider-t1-content.mec-event-grid-modern .mec-event-title { font-size: 29px; } .mec-slider-t1-content.mec-event-grid-modern .mec-event-title a:hover { text-decoration: underline; } .mec-slider-t1-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { font-size: 12px; padding: 0 31px; line-height: 49px; height: 50px; } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next { opacity: 1; width: 54px; height: 54px; line-height: 48px; border-radius: 0; text-align: center; background: #fff; box-shadow: 0 2px 11px 0px rgba(0, 0, 0, 0.045); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; position: absolute; top: 50%; margin-top: -27px; cursor: pointer; } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev:hover, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover { box-shadow: 0 4px 29px 0px rgba(0, 0, 0, 0.095); } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next { left: auto; right: -100px; } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev { right: auto; left: -100px; } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i { font-size: 12px; color: #282828; transition: all 0.21s ease; } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev:hover i, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover i { font-size: 13px; color: #000; cursor: pointer; } @media only screen and (min-width: 961px) { .mec-slider-t1 { margin: 0 auto; max-width: 900px; } } @media only screen and (max-width: 960px) { .mec-slider-t1 .mec-slider-t1-img, .mec-slider-t1 .mec-slider-t1-content { width: 100%; float: none; } .mec-slider-t1 .mec-slider-t1-img { height: 300px; } .mec-slider-t1, .mec-slider-t1 .mec-event-article { height: auto; } } @media only screen and (max-width: 768px) { .mec-slider-t1-wrap { padding: 0; } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next { top: 40px; margin-top: 0; } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next { left: auto; right: 10px; } .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev { right: auto; left: 10px; } } @media only screen and (max-width: 479px) { .mec-slider-t1-content.mec-event-grid-modern .mec-event-title { font-size: 22px; } .mec-slider-t1-content.mec-event-grid-modern .event-grid-modern-head .mec-event-day { font-size: 25px; } } /* MEC Slider 2 -------------------------------- */ .mec-slider-t2-wrap { width: 100%; padding: 0; background: #fff; min-height: 600px; position: relative; } .mec-slider-t2 .mec-event-article { height: 600px; position: relative; border: none; padding: 0; margin: 0; box-shadow: none; background: none; } .mec-slider-t2 .mec-slider-t2-img { position: absolute; left: 0; top: 0; background-size: cover !important; background-position: center !important; width: 70%; height: 100%; margin: 0; overflow: hidden; } .mec-slider-t2 .mec-slider-t2-content { width: 50%; position: absolute; right: 0; top: 60px; bottom: 60px; padding: 5%; } .mec-slider-t2 .mec-slider-t2-content.mec-event-grid-modern * { color: #fff; } .mec-slider-t2 .mec-slider-t2-content.mec-event-grid-modern .mec-event-title { font-size: 29px; } .mec-slider-t2-content.mec-event-grid-modern .mec-event-content, .mec-slider-t2-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { background: none } .mec-slider-t2-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { font-size: 12px; padding: 0 31px; line-height: 49px; height: 50px; } .mec-slider-t2-content.mec-event-grid-modern .mec-event-footer .mec-booking-button:hover { background: #fff; color: #000; border-color: #fff; } .mec-slider-t2-content.mec-event-grid-modern .mec-event-title a:hover, .mec-slider-t2-content.mec-event-grid-modern .mec-event-footer .mec-booking-button:hover { color: #111; } .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next { opacity: 1; width: 44px; height: 44px; line-height: 38px; border-radius: 0; text-align: center; background: transparent; border: 1px solid #fff; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; position: absolute; top: 84px; cursor: pointer; } .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev:hover, .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next:hover { box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.075); background: #fff; } .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next { right: 30px; } .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev { right: 82px; } .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev i, .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next i { font-size: 14px; color: #fff; opacity: 1; transition: all 0.25s ease; } .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev:hover i, .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next:hover i { color: #000; cursor: pointer; } .mec-wrap.colorskin-custom .mec-slider-t2 .mec-event-article .mec-event-date.mec-color { color: #fff; } @media only screen and (min-width: 961px) { .mec-slider-t2 { margin: 0 auto; max-width: 1200px; } } @media only screen and (max-width: 960px) { .mec-slider-t2 .mec-slider-t2-img, .mec-slider-t2 .mec-slider-t2-content { width: 100%; float: none; position: static; } .mec-slider-t2 .mec-slider-t2-img { height: 300px; } .mec-slider-t2 .mec-event-article { height: auto; } .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next { top: 40px; } } @media only screen and (max-width: 479px) { .mec-slider-t2-content.mec-event-grid-modern .mec-event-title { font-size: 22px; } } /* MEC Slider 3 -------------------------------- */ .mec-slider-t3-wrap { width: 100%; padding: 0; background: #161616; min-height: 700px; position: relative; } .mec-slider-t3 .mec-event-article { height: 700px; position: relative; border: none; padding: 0; margin: 0; box-shadow: none; background: none; } .mec-slider-t3 .mec-slider-t3-img { position: absolute; left: 0; top: 0; background-size: cover !important; background-position: center !important; width: 100%; height: 100%; margin: 0; overflow: hidden; opacity: 0.68; z-index: 1; } .mec-slider-t3 .mec-slider-t3-content { width: 50%; height: auto; vertical-align: middle; display: table; position: absolute; left: 0; top: 0; bottom: 0; padding: 0 2% 0 7%; margin: auto 0; background: none; z-index: 2; } .mec-slider-t3 .mec-slider-t3-content.mec-event-grid-modern *:not(.mec-color) { color: #fff; } .mec-slider-t3-content.mec-event-grid-modern .mec-event-title { font-size: 29px; } .mec-slider-t3-content.mec-event-grid-modern .mec-event-content, .mec-slider-t3-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { background: none; } .mec-slider-t3-content.mec-event-grid-modern .mec-booking-button { display: inline-block; border: 1px solid; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; padding: 0 42px; line-height: 49px; height: 50px; transition: all 0.21s ease; } .mec-slider-t3-content.mec-event-grid-modern .mec-booking-button:hover { background: #fff; color: #000; border-color: #fff; } .mec-slider-t3-content.mec-event-grid-modern .mec-slider-t3-footer { text-align: left; padding: 15px 15px 10px; } .mec-slider-t3-content.mec-event-grid-modern .mec-event-title a:hover, .mec-slider-t3-content.mec-event-grid-modern .mec-event-footer .mec-booking-button:hover { color: #40d9f1; } .mec-slider-t3-content.mec-event-grid-modern .mec-event-footer .mec-booking-button:hover { border-color: #40d9f1; } .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next { opacity: 1; width: 44px; height: 44px; line-height: 38px; border-radius: 0; text-align: center; background: transparent; border: 1px solid #fff; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; position: absolute; top: 50%; margin-top: -22px; cursor: pointer; } .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev:hover, .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next:hover { box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.075); background: #fff; } .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next { right: 10px; } .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev { right: auto; left: 10px; } .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev i, .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next i { font-size: 14px; color: #fff; opacity: 1; transition: all 0.25s ease; } .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev:hover i, .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next:hover i { color: #000; cursor: pointer; } @media only screen and (min-width: 961px) { .mec-slider-t3-content.mec-event-grid-modern .mec-event-title { font-size: 50px; font-weight: 300; } .mec-slider-t3-content.mec-event-grid-modern .mec-event-description { font-size: 19px; } } @media only screen and (max-width: 767px) { .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next { top: 40px; margin-top: 0 } } @media only screen and (max-width: 479px) { .mec-slider-t3 .mec-slider-t3-content { width: 100%; } .mec-slider-t3-content.mec-event-grid-modern .mec-event-title { font-size: 22px; } .mec-slider-t1-content.mec-event-grid-modern .event-grid-modern-head .mec-event-day { font-size: 25px; } } /* MEC Slider 4 -------------------------------- */ .mec-slider-t4-wrap { width: 100%; padding: 0; background: #161616; min-height: 700px; position: relative; } .mec-slider-t4 .mec-event-article { height: 700px; border: none; padding: 0; margin: 0; box-shadow: none; background: none; } .mec-slider-t4 .mec-slider-t4-img { position: absolute; left: 0; top: 0; background-size: cover !important; background-position: center !important; width: 100%; height: 100%; margin: 0; overflow: hidden; z-index: 1; } .mec-slider-t4 .mec-slider-t4-content { width: auto; max-width: 700px; background: rgba(37, 37, 37, 0.94) !important; height: auto; vertical-align: middle; display: table; position: absolute; left: 8%; top: 19%; padding: 3%; margin: auto 0; background: none; z-index: 2; } .mec-slider-t4 .mec-slider-t4-content.mec-event-grid-modern *:not(.mec-color) { color: #fff; } .mec-slider-t4-content.mec-event-grid-modern .mec-event-title { font-size: 29px; } .mec-slider-t4-content.mec-event-grid-modern .mec-event-content, .mec-slider-t4-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { background: none; } .mec-slider-t4-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { font-size: 13px; padding: 0 42px; line-height: 49px; height: 50px; } .mec-slider-t4-content.mec-event-grid-modern .mec-event-title a:hover { color: #40d9f1; } .mec-slider-t4-content.mec-event-grid-modern .mec-slider-t4-footer { text-align: left; padding: 15px 15px 10px; } .mec-slider-t4-content.mec-event-grid-modern .mec-booking-button { display: inline-block; border: 1px solid; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; padding: 0 42px; line-height: 49px; height: 50px; transition: all 0.21s ease; } .mec-slider-t4-content.mec-event-grid-modern .mec-booking-button:hover { background: #fff; color: #000; border-color: #fff; } .mec-slider-t4-content.mec-event-grid-modern .mec-event-title a:hover, .mec-slider-t4-content.mec-event-grid-modern .mec-event-footer .mec-booking-button:hover { color: #111; } .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next { opacity: 1; width: 44px; height: 44px; line-height: 40px; border-radius: 0; text-align: center; background: transparent; border: 1px solid #fff; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; position: absolute; top: 34px; cursor: pointer; } .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev:hover, .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next:hover { box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.075); background: #fff; } .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next { right: 60px; } .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev { right: 112px; } .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev i, .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next i { font-size: 14px; color: #fff; opacity: 1; transition: all 0.25s ease; } .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev:hover i, .mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next:hover i { color: #000; cursor: pointer; } @media only screen and (max-width: 767px) { .mec-slider-t4 .mec-slider-t4-content { width: 100%; left: 0; top: auto; bottom: 0; } .mec-slider-t4-content.mec-event-grid-modern .mec-event-title { font-size: 22px; } .mec-slider-t1-content.mec-event-grid-modern .event-grid-modern-head .mec-event-day { font-size: 25px; } } /* MEC Slider 5 -------------------------------- */ .mec-slider-t5-wrap { width: auto; max-width: 570px; padding: 0; margin: 0 auto 25px; background: #f7f7f7; min-height: 480px; position: relative; } .mec-slider-t5 { height: auto; box-shadow: 0 5px 35px 0px rgba(0, 0, 0, 0.13); } .mec-slider-t5 .mec-event-article { position: relative; height: auto; } .mec-slider-t5 .mec-slider-t5-img { position: relative; background-size: cover !important; background-position: center !important; width: 100%; height: 300px; float: none; margin: 0; overflow: hidden; } .mec-slider-t5 .mec-slider-t5-content { width: 100%; float: none; height: 100%; background: #fff; padding: 0 20px 20px; margin-bottom: 0; } .mec-slider-t5 .mec-events-content p { margin-bottom: 20px; } .mec-slider-t5-content.mec-event-grid-modern .mec-event-article { border: none; padding: 0; margin: 0; box-shadow: none; } .mec-slider-t5-wrap .mec-event-grid-modern .event-grid-modern-head { margin-bottom: 10px; padding: 14px 34px; margin-left: -20px; margin-right: -20px; text-align: left; background: #f9f9f9; border-bottom: 1px solid #eee; } .mec-slider-t5-content.mec-event-grid-modern .mec-event-title { font-size: 29px; } .mec-slider-t5 .mec-slider-t5-col6 { width: 50%; float: left; height: 100%; } .mec-slider-t5 .mec-slider-t5-col6 i { font-size: 42px; float: left; margin-right: 7px; height: 58px; } .mec-slider-t5 .mec-slider-t5-col6 h6 { text-transform: uppercase; font-size: 17px; padding: 4px 0; display: inline; color: #444; } .mec-slider-t5 .mec-slider-t5-col6 address { font-size: 12px; margin-bottom: 0; } .mec-slider-t5-content.mec-event-grid-modern .mec-event-title a:hover { text-decoration: underline; } .mec-slider-t5-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { font-size: 12px; padding: 0 31px; line-height: 49px; height: 50px; top: 0; } .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next { opacity: 1; width: 44px; height: 44px; line-height: 40px; border-radius: 0; text-align: center; background: transparent; border: 1px solid #fff; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; position: absolute; top: 34px; cursor: pointer; } .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev:hover, .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next:hover { box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.075); background: #fff; } .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next { right: 30px; } .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev { right: 82px; } .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev i, .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next i { font-size: 14px; color: #fff; opacity: 1; transition: all 0.25s ease; } .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev:hover i, .mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next:hover i { color: #000; cursor: pointer; } @media only screen and (max-width: 768px) { .mec-slider-t5 .mec-slider-t5-col6 { width: 100%; margin: 10px 0; } } @media only screen and (max-width: 479px) { .mec-slider-t5-content.mec-event-grid-modern .mec-event-title { font-size: 24px; } } /* MEC Single Modern -------------------------------- */ .mec-single-modern .mec-events-event-image { text-align: center; } .mec-single-modern .mec-events-event-image img { width: 100%; } .mec-single-modern .mec-single-event-bar { background-color: #f7f7f7; margin: 20px 0 0; padding: 15px; display: table; width: 100%; } .mec-single-modern .mec-single-event-bar>div { display: table-cell; } .mec-single-modern .mec-single-event-bar>div i { font-size: 20px; vertical-align: middle; } .mec-single-modern .mec-single-event-bar>div .mec-time-comment { font-size: 12px; color: #999; } .mec-single-modern .mec-single-event-bar>div h3 { text-transform: uppercase; font-size: 16px; font-weight: bold; padding-bottom: 5px; display: inline; color: #000; padding-left: 10px; } .mec-single-modern .mec-single-event-bar>div dd { font-size: 14px; color: #8d8d8d; padding-left: 34px; margin-bottom: 0; } .mec-single-modern .col-md-4 .mec-frontbox { margin-top: -50px; margin-bottom: 70px; padding: 20px; border: none; background: #f7f7f7; box-shadow: none; } .mec-next-occurrence li { list-style: none; } @media only screen and (min-width: 960px) { .mec-single-modern .col-md-4 .mec-frontbox { margin-left: 20px; } } @media only screen and (max-width: 960px) { .mec-single-modern .mec-single-event-bar>div { display: block; } } .lity-content>div { overflow: auto; } .mec-next-event-details li { list-style: none; margin-top: 20px; } .mec-next-event-details h6 { text-transform: uppercase; font-size: 13px; padding-bottom: 5px; display: inline; color: #222; padding-left: 0; } .mec-next-event-details abbr { display: block; padding-left: 12px; color: #8d8d8d; } .mec-next-event-details i { margin-right: 10px; margin-left: 12px; } .mec-next-event-details i:before { color: #40d9f1; } .mec-next-event-details a { text-align: center; display: block; background: #fff; padding: 6px 0; font-size: 11px; font-weight: 400; letter-spacing: 0; border: 1px solid #e3e3e3; transition: .3s; } /* MEC Single Modal -------------------------------- */ .mec-single-modal.mec-single-modern .mec-single-title { text-align: center; padding: 15px 10px 0; } .admin-bar .mec-single-modal.mec-single-modern .mec-single-title { padding-top: 40px; } .mec-single-modal.mec-single-modern .mec-single-event-bar { padding: 5px; } .mec-single-modal.mec-single-modern .mec-single-event-bar>div dd { font-size: 13px; } .mec-single-modal.mec-single-modern .mec-single-event-bar>div h3 { font-size: 15px; } @media only screen and (min-width: 960px) { .mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox { margin-left: 0; } } .mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox { margin-top: 10px; margin-bottom: 10px; } .mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox.mec-event-meta { padding: 0; } .mec-single-modal .mec-event-meta dd.mec-organizer-url a, .mec-single-modal .mec-event-meta dd.mec-organizer-email a { font-size: 12px; display: block; } .mec-modal-wrap { max-width: 60vw; max-height: 90vh !important; background: #fff; box-shadow: 0 1px 55px rgba(0, 0, 0, 0.5); overflow-x: hidden !important; } @media(max-width: 1023px) { .mec-modal-wrap { max-width: 80vw; } } .mec-single-modal .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li, .mec-single-modal .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li a.mec-events-button { display: block; text-align: center; } /* Feather Light Modal */ body .featherlight .featherlight-content { background: transparent; overflow: unset; z-index: 9999; } body .featherlight .featherlight-close-icon { position: fixed; top: 40px; right: 40px; background: transparent; color: #fff; border: 1px solid #fff; border-radius: 0; } body .featherlight .featherlight-close-icon:hover { background: #fff; color: #000; border: 1px solid #000; } /* filp-clock Responsive */ @media (max-width: 320px) { .mec-wrap span.flip-clock-divider { width: 20px; } .mec-single-event .mec-events-meta-group-countdown { padding: 15px 12%; } } @media (max-width: 414px) { .mec-wrap span.flip-clock-divider { width: 30px; } .mec-single-event .mec-events-meta-group-countdown { margin-left: 0; padding: 15px 7%; } } @media (max-width: 480px) { .mec-wrap span.flip-clock-divider { width: 7px; } .mec-single-event .mec-events-meta-group-countdown { margin-left: 0; padding: 15px 1%; } } @media(max-width: 1366px) { body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) { width: 20px !important; } body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown { padding: 20px 15px; } body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul { width: 48px; } } @media(max-width: 1280px) { body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) { width: 14px !important; } body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown { padding: 15px 10px; } body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul { width: 38px; } } @media(min-width: 961px) and (max-width: 1024px) { body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) { width: 7px !important; } body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown { padding: 15px 5px; } body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul { width: 14px; } body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul li a div { font-size: 30px ; } } @media(max-width: 640px) { body .mec-modal-wrap .mec-single-modal.featherlight-close-icon { top: 14px; right: 14px; } } @media(max-width: 480px) { .featherlight .featherlight-content, body .mec-modal-wrap { max-width: 100%; } body .mec-modal-wrap.flip-clock-divider .flip-clock-label { display: block; } } @media (max-width: 414px) { body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) { width: 50px !important; } .mec-wrap .flip-clock-divider .flip-clock-label { display: none; } body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown { padding: 20px 5px 20px 65px; } body .featherlight-content .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown { padding: 20px 2px 20px 2px !important; } body .featherlight-content .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) { width: 3px !important; } } @media (max-width: 375px) { body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) { width: 50px !important; } .mec-wrap .flip-clock-divider .flip-clock-label { display: none; } body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown { padding: 20px 5px 20px 45px; } } @media (max-width: 320px) { body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) { width: 20px !important; } body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown { padding: 20px 5px 20px 40px; } } /* MEC Toggle List -------------------------------- */ .mec-events-toggle { max-width: 960px; margin-left: auto; margin-right: auto; } .mec-events-toggle .mec-toggle-item { border: 1px solid #e4e4e4; margin-bottom: 15px; box-shadow: 0 10px 15px #f3f3f3; } .mec-events-toggle .mec-toggle-item-inner { cursor: pointer; position: relative; padding: 30px 60px 30px 15px; background: #fff; transition: all .3s ease; min-height: 100px; display: table; width: 100%; border-collapse: separate; } .mec-events-toggle .mec-toggle-item-inner:hover { background: #fbfbfb; } .mec-toggle-item-col { width: 200px; border-right: 1px solid #e3e3e3; margin-right: 15px; display: table-cell; padding-right: 5px; } .mec-toggle-item-col .mec-event-date { font-size: 38px; line-height: 40px; float: left; margin-right: 8px; } .mec-toggle-item-col .mec-event-month { text-transform: uppercase; font-size: 12px; line-height: 14px; padding-top: 4px; font-weight: 700; } .mec-toggle-item-col .mec-event-detail { font-size: 10px; } .mec-toggle-item-col .mec-event-day { margin-top: 9px; color: #c0c0c0; font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: 100; text-transform: uppercase; letter-spacing: -1px; } .mec-events-toggle .mec-toggle-title { color: #000; font-size: 23px; font-weight: 600; margin-bottom: 0; transition: all .3s ease; display: table-cell; text-align: left; max-width: calc(100% - 200px); padding-left: 15px; vertical-align: middle; } .mec-events-toggle .mec-toggle-item-inner span.event-color { width: 5px; height: 100%; position: absolute; left: -1px; top: 0; bottom: 0; border-radius: 0; margin: 0; } .mec-events-toggle .mec-toggle-item-inner i { position: absolute; font-size: 30px; right: 25px; top: 50%; transform: translate(0, -50%); cursor: pointer; } .mec-events-toggle .mec-toggle-item.is-open i.mec-sl-plus:before { content: "\e615"; } .mec-events-toggle .mec-toggle-item.is-open .mec-toggle-title { background: #f8f8f8; cursor: pointer; } .mec-events-toggle .mec-toggle-content { border-top: 1px solid #e4e4e4; } .mec-events-toggle .mec-toggle-content .mec-modal-wrap { margin: 0; max-width: 100%; box-shadow: none; } .mec-events-toggle .mec-toggle-content .mec-modal-wrap .mec-single-event { margin: 0; } .mec-events-toggle .mec-toggle-content h1.mec-single-title, .mec-events-toggle .mec-toggle-content .mec-single-event-bar { display: none; } .mec-events-toggle .media-links a { margin-bottom: 0; } .mec-events-toggle .mec-toggle-content .mec-toggle-meta { margin-bottom: 14px; } .mec-events-toggle #mec_speakers_details.mec-frontbox { padding: 0; margin: 0; } .mec-events-toggle .mec-toggle-item h3.mec-speakers { border: none; text-align: left; } .mec-events-toggle .mec-toggle-item h3.mec-speakers:before { content: "\e063"; font-family: simple-line-icons; border: none; position: relative; display: inline-block; left: unset; bottom: unset; font-size: 22px; font-weight: normal; padding: 0 11px 0 28px; vertical-align: middle; } @media only screen and (max-width: 767px) { .mec-toggle-item-inner .mec-toggle-item-col { float: none; width: 100%; border-right: none; margin-bottom: 5px; display: block; max-width: 100%; padding-left: 15px; } .mec-events-toggle .mec-toggle-title { display: block; width: 100%; max-width: 100%; } } /* MEC Agenda View -------------------------------- */ .mec-events-agenda-wrap { margin: 10px 0; border: 1px solid #e9e9e9; padding-left: 20px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03); } .mec-events-agenda { padding: 0; border-bottom: 1px solid #e9e9e9; overflow: hidden; } .mec-agenda-date-wrap { width: 210px; padding-top: 15px; float: left; font-size: 13px; } .mec-agenda-date-wrap i, .mec-agenda-event i { font-size: 11px; color: #aaa; margin-right: 4px; margin-left: 1px; } .mec-agenda-event i { vertical-align: middle; margin-right: 1px; } .mec-agenda-events-wrap { float: left; width: calc(100% - 210px); background: #f9f9f9; padding: 15px; } .mec-agenda-time { font-size: 11px; color: #707070; padding-right: 10px; width: 138px; display: inline-block; } .mec-agenda-event-title { position: relative; padding-left: 14px; } .mec-agenda-event-title a { font-family: 'Roboto', 'Montserrat', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; color: #333; } .mec-agenda-event-title span.event-color { width: 9px; height: 9px; position: absolute; left: 0; top: 4px; margin: 0; } .mec-agenda-date-wrap span.mec-agenda-day { color: #aaa; font-size: 12px; } @media only screen and (max-width: 767px) { .mec-agenda-date-wrap, .mec-agenda-events-wrap { float: none; width: 100%; } .mec-events-agenda span.mec-agenda-event-title { display: block; width: 100%; } .mec-agenda-event-title span.event-color { top: 7px; } .mec-agenda-event-title a { font-size: 13px; } } /* MEC Yearly View -------------------------------- */ .mec-yearly-view-wrap { margin: 0 0 15px; border: 1px solid #e6e6e6; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); border-bottom-width: 4px; } .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar { max-width: 100%; width: 232px; padding: 10px; background: #fff; margin: 10px; display: inline-block; } .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar dl dt { transition: none; height: 30px; width: 30px; line-height: 30px; border-radius: 0; font-size: 12px; } .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar .mec-calendar-events-sec { padding: 10px; } .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar .mec-has-event:after { width: 4px; height: 4px; bottom: 3px; margin-left: -2px; } .mec-yearly-view-wrap .mec-calendar-side .mec-calendar-table { min-height: 200px; } .mec-calendar.mec-yearly-calendar .mec-calendar-table-head dl dt { background: #f9f9f9; font-size: 13px; } .mec-calendar.mec-yearly-calendar .mec-calendar-table-title { text-align: center; font-size: 15px; font-weight: 700; color: #222; margin-top: -5px; padding-bottom: 5px; } .mec-yearly-view-wrap .mec-yearly-calendar-sec { min-height: 200px; width: 538px; overflow: hidden; float: left; background: #f8f8f8; padding: 15px; } .mec-yearly-view-wrap .mec-yearly-agenda-sec { min-height: 200px; width: calc(100% - 538px); float: left; padding: 0 0 0 20px; overflow: hidden; } .mec-yearly-view-wrap .mec-yearly-title-sec { position: relative; padding: 15px; text-align: center; border-bottom: 1px solid #e6e6e6; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02); } .mec-yearly-view-wrap .mec-yearly-title-sec h2 { font-size: 30px; line-height: 40px; color: #333; margin: 0; font-weight: 700; } .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year, .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year { position: absolute; top: 50%; margin-top: -15px; min-width: 30px; height: 30px; line-height: 30px; padding: 0 8px; text-align: center; background: #fff; color: #666; font-size: 14px; border: 1px solid #eee; border-radius: 2px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015); transition: all .33s ease; cursor: pointer; } .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year { right: auto; left: 20px; padding-right: 14px; } .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year { left: auto; right: 20px; padding-left: 14px; } .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year i, .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year i { font-size: 12px; color: #40d9f1; cursor: pointer; } .mec-yearly-view-wrap .mec-events-agenda.mec-selected { box-shadow: -10px 0 0 0 #fffcf2, 0 -1px 0 #fbebb6; background: #fffcf2; border-color: #fbebb6; color: #f9af29; } @media only screen and (max-width: 959px) { .mec-yearly-view-wrap .mec-yearly-calendar-sec { width: 268px; padding: 10px 5px; } .mec-yearly-view-wrap .mec-yearly-agenda-sec { width: calc(100% - 268px); padding: 0 0 0 10px; } } @media only screen and (max-width: 767px) { .mec-yearly-view-wrap .mec-yearly-calendar-sec, .mec-yearly-view-wrap .mec-yearly-agenda-sec { width: 100%; float: none; } .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar { width: auto; } .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar dl dt { width: 14.2%; } .mec-yearly-view-wrap .mec-yearly-title-sec h2 { font-size: 25px; } } /* agenda in yearly view */ .mec-yearly-view-wrap .mec-agenda-time, .mec-yearly-view-wrap .mec-agenda-event i { display: none; } @media only screen and (min-width: 768px) { .mec-yearly-view-wrap .mec-events-agenda-wrap { margin-top: 0; border: none; padding-left: 0; box-shadow: none; } .mec-yearly-view-wrap .mec-agenda-date-wrap { width: 174px; font-size: 11px; padding-top: 10px; } .mec-yearly-view-wrap .mec-agenda-events-wrap { width: calc(100% - 174px); padding: 10px; } .mec-yearly-view-wrap .mec-agenda-event-title a { font-size: 13px; } .mec-yearly-view-wrap .mec-agenda-event-title span.event-color { width: 8px; height: 8px; } .mec-yearly-view-wrap .mec-agenda-date-wrap span.mec-agenda-day { font-size: 11px; } .mec-yearly-view-wrap .mec-yearly-calendar-sec { box-shadow: -2px 0 5px rgba(0, 0, 0, 0.03) inset; } } @media only screen and (max-width: 1200px) { .mec-yearly-view-wrap .mec-agenda-event-title a { font-size: 12px; padding-right: 6px; } } /* Timetable View -------------------------------- */ .mec-calendar.mec-calendar-timetable .mec-calendar-d-table { padding-bottom: 10px; border-bottom: none; } .mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt:hover { cursor: pointer; } .mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt.mec-timetable-has-no-event, .mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt.mec-timetable-has-no-event:hover { color: #bbb; cursor: default; } .mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt.mec-timetable-day-active { background: #40d9f1; color: #fff; position: relative; } .mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt.mec-timetable-day-active:after { content: ''; position: absolute; display: block; bottom: -20px; left: 50%; margin-left: -10px; width: 0; border-width: 10px; border-style: solid; border-color: #40d9f1 transparent transparent transparent; } .mec-timetable-events-list { padding: 10px 20px; border: none; margin: 0; } .mec-timetable-events-list .mec-timetable-event { padding: 10px 0; border-bottom: 1px dashed #ddd; } .mec-timetable-events-list .mec-timetable-event:last-child { border: none; } .mec-timetable-event .mec-timetable-event-span { font-size: 12px; color: #444; padding-right: 30px; line-height: 22px; } .mec-timetable-events-list .mec-timetable-event i { font-size: 13px; color: #aaa; margin-right: 3px; vertical-align: baseline; } .mec-timetable-event .mec-timetable-event-span a { color: #333; } .mec-timetable-event .mec-timetable-event-time { font-size: 11px; } .mec-timetable-event .mec-timetable-event-time i { vertical-align: text-bottom; } .mec-timetable-event .mec-timetable-event-title { font-size: 13px; } .mec-timetable-event .mec-timetable-event-title .event-color { width: 10px; height: 10px; } .mec-timetable-events-list .mec-timetable-event.mec-util-hidden { display: none; } .mec-timetable-events-list.mec-util-hidden { display: none; } @media only screen and (min-width: 768px) { .mec-timetable-events-list { display: table; width: 100%; margin: 10px 0 20px; } .mec-timetable-events-list .mec-timetable-event { display: table-row; padding: 0; border: none; background: #fff; } .mec-timetable-events-list .mec-timetable-event:hover { background: #fafafa; } .mec-timetable-event .mec-timetable-event-span { display: table-cell; padding: 10px 15px; border-bottom: 1px solid #ebebeb; } .mec-timetable-events-list .mec-timetable-event:last-child .mec-timetable-event-span { border-bottom: none; } } @media only screen and (max-width: 767px) { .mec-timetable-event .mec-timetable-event-title { display: block; width: 100%; padding: 5px 0 10px; font-weight: 700; } } /* Timetable View type 2 -------------------------------- */ .mec-timetable-t2-wrap { border: 1px solid #e6e6e6; background: #fafafa; padding: 0 15px 15px; overflow: hidden; /* border-width: 1px 0 0 1px; */ box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .012); } .mec-timetable-t2-col { width: 20%; float: left; min-height: 20px; padding-right: 1px; background: none; } .mec-ttt2-title { background: #fafafa; color: #333; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding: 25px 10px 10px; margin-bottom: 1px; } .mec-timetable-t2-col .mec-event-article { position: relative; } .mec-timetable-t2-col .mec-event-article .event-color { position: absolute; width: auto; height: auto; left: 0; right: 0; top: 0; bottom: 0; margin: 0; z-index: 1; border-radius: 2px; } .mec-timetable-t2-content { position: relative; z-index: 2; color: #fff; padding: 15px 15px 20px; text-align: left; height: 130px; margin-bottom: 1px; overflow: hidden; } .mec-timetable-t2-content .mec-event-title { line-height: 22px; margin-bottom: 13px; white-space: nowrap; padding-right: 1px; overflow: hidden; } .mec-timetable-t2-content .mec-event-title a { color: #fff; font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; } .mec-timetable-t2-content div { color: #fff; font-size: 11px; font-weight: 400; line-height: 19px; white-space: nowrap; } .mec-timetable-t2-content div i { font-size: 12px; margin-right: 4px; } @media only screen and (max-width: 960px) { .mec-timetable-t2-col { width: 100%; float: none; } } @media(min-width: 961px) { .mec-timetable-col-7 { width: 14.28%; } .mec-timetable-col-6 { width: 16.6666%; } } /* MEC Weather widget -------------------------------- */ .mec-weather-box { padding: 15px 0; } .mec-weather-head { min-height: 90px; padding: 5px 0; clear: both; overflow: hidden; margin-bottom: 25px; border-radius: 10px; background: #238af5; position: relative; } .mec-weather-icon-box { float: left; width: 80px; height: 80px; border-radius: 10px; overflow: hidden; background: #238af5; } .mec-weather-icon { width: 80px; height: 80px; display: inline-block; border-radius: 10px; } .mec-weather-summary { float: left; width: calc(100% - 80px); padding-left: 10px; margin: 10px 0; height: 60px; } .mec-weather-summary-report { font-size: 15px; color: rgba(255, 255, 255, 0.68); margin-bottom: 6px; } .mec-weather-summary-temp { font-family: "Roboto", Sans-serif; font-weight: 300; color: #fff; font-size: 29px; line-height: 1; } .degrees-mode { background: rgba(0, 0, 0, .2); cursor: pointer; font-weight: 300; font-size: 18px; padding: 4px 5px; line-height: 1; color: #fff; position: absolute; border-radius: 8px; bottom: 16px; left: 16px; } .mec-weather-extras { width: auto; padding: 10px 15px 0 15px; float: right; min-height: 80px; color: #fff; font-size: 13px; line-height: 1 } .mec-weather-extras { width: auto; padding: 10px 15px 0 15px; float: right; min-height: 80px; color: #fff; font-size: 13px; line-height: 1; } .mec-weather-extras div { line-height: 20px; height: 20px; } .mec-weather-extras span { color: rgba(255, 255, 255, 0.68); font-size: 12px; text-transform: uppercase; } .mec-weather-extras var { font-size: 11px; letter-spacing: 0.4px; } /* weather icons */ .mec-weather-icon.clear-day, .mec-weather-icon.clear-night { background-image: url(../img/mec-weather-icon-01.png); } .mec-weather-icon.partly-sunny-day, .mec-weather-icon.partly-sunny-night { background-image: url(../img/mec-weather-icon-02.png); } .mec-weather-icon.partly-cloudy-day, .mec-weather-icon.partly-cloudy-night { background-image: url(../img/mec-weather-icon-03.png); } .mec-weather-icon.cloudy, .mec-weather-icon.fog, .mec-weather-icon.wind { background-image: url(../img/mec-weather-icon-04.png); } .mec-weather-icon.thunderstorm { background-image: url(../img/mec-weather-icon-05.png); } .mec-weather-icon.rain { background-image: url(../img/mec-weather-icon-06.png); } .mec-weather-icon.snow, .mec-weather-icon.hail, .mec-weather-icon.sleet { background-image: url(../img/mec-weather-icon-07.png); } /* MEC Available spot -------------------------------- */ .mec-av-spot-wrap { width: auto; max-width: 1200px; padding: 0; margin: 0 auto 25px; background: #f7f7f7; min-height: 480px; position: relative; } .mec-av-spot { height: auto; border: 1px solid #eee; box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.05); } .mec-av-spot .mec-event-article { position: relative; height: auto; } .mec-av-spot .mec-av-spot-img { position: relative; background-size: cover !important; background-position: center !important; width: 100%; height: 330px; float: none; margin: 0; overflow: hidden; } .mec-av-spot .mec-av-spot-content, .mec-av-spot .mec-av-spot-head { width: 100%; float: none; height: 100%; background: #fff; padding: 0 20px 20px; margin-bottom: 0; } .mec-av-spot .mec-av-spot-head { background: #222; color: #fff; min-height: 80px; } .mec-av-spot .mec-av-spot-head .mec-av-spot-box { padding-top: 25px; font-size: 13px; color: #ddd; } .mec-av-spot .mec-av-spot-head .mec-av-spot-box span { color: #40d9f1; font-size: 40px; font-weight: bold; font-style: italic; } .mec-av-spot .mec-av-spot-head .mec-event-countdown { text-align: center; padding-top: 10px; display: table; table-layout: fixed; margin: 0 auto; float: right; } .mec-av-spot .mec-av-spot-head .mec-event-countdown li { display: table-cell; padding: 10px 20px; position: relative; height: 60px; } .mec-av-spot .mec-av-spot-head .mec-event-countdown p { margin-bottom: 0; } .mec-av-spot .mec-events-content p { margin-bottom: 20px; } .mec-av-spot-content.mec-event-grid-modern .mec-event-article { border: none; padding: 0; margin: 0; box-shadow: none; } .mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head { margin-bottom: 10px; padding: 14px 34px; margin-left: -20px; margin-right: -20px; text-align: left; background: #f9f9f9; border-bottom: 1px solid #eee; } .mec-av-spot-content.mec-event-grid-modern .mec-event-title { font-size: 29px; } .mec-av-spot .mec-av-spot-col6 { width: 50%; float: left; height: 100%; } .mec-av-spot .mec-av-spot-col6 i { font-size: 42px; float: left; margin-right: 7px; height: 58px; } .mec-av-spot .mec-av-spot-col6 h6 { text-transform: uppercase; font-size: 17px; padding: 4px 0; display: inline; color: #444; } .mec-av-spot .mec-av-spot-col6 address { font-size: 12px; margin-bottom: 0; } .mec-av-spot-content.mec-event-grid-modern .mec-event-title a:hover { text-decoration: underline; } .mec-av-spot-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { font-size: 12px; padding: 0 31px; line-height: 49px; height: 50px; top: 0; box-shadow: 0 5px 11px -3px rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 768px) { .mec-av-spot .mec-av-spot-col6 { width: 100%; margin: 10px 0; } } @media only screen and (max-width: 479px) { .mec-av-spot-content.mec-event-grid-modern .mec-event-title { font-size: 24px; } } /* MEC Masonry -------------------------------- */ .mec-events-masonry-wrap { display: block; width: auto; } .mec-masonry-item-wrap { width: calc(33.33% - 30px); padding: 0; margin: 0 15px 30px; min-height: 10px; position: relative; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .mec-events-masonry-cats { padding: 10px; margin-bottom: 25px; text-align: center; clear: both; list-style: none outside none; } .mec-events-masonry-cats a { border-radius: 2px; padding: 6px 12px; font-size: 13px; line-height: 1.2; color: #333; font-weight: normal; margin-top: 0 !important; text-align: center; display: inline-block; width: auto; border: 2px solid transparent; transition: all 0.2s ease; } .mec-events-masonry-cats a:hover { border-color: #40d9f1; color: #333; } .mec-events-masonry-cats a.mec-masonry-cat-selected { border: 2px solid #40d9f1; color: #40d9f1; } .mec-masonry { background: #f7f7f7; height: auto; border: 1px solid #eee; box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.05); } .mec-masonry .mec-event-article { position: relative; height: auto; } .mec-masonry .mec-masonry-img { position: relative; width: 100%; height: auto; float: none; margin: 0; overflow: hidden; } .mec-masonry .mec-masonry-img img { width: 100%; } .mec-masonry .mec-masonry-content, .mec-masonry .mec-masonry-head { width: 100%; float: none; height: 100%; background: #fff; padding: 0 20px 20px; margin-bottom: 0; } .mec-masonry .mec-events-content p { margin-bottom: 20px; } .mec-masonry-content.mec-event-grid-modern .mec-event-article { border: none; padding: 0; margin: 0; box-shadow: none; } .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head { min-height: 79px; margin-bottom: 10px; padding: 14px 5%; margin-left: -20px; margin-right: -20px; text-align: left; background: #f9f9f9; border-bottom: 1px solid #eee; } .mec-masonry-content.mec-event-grid-modern .mec-event-title { font-size: 22px; } .mec-masonry-content.mec-event-grid-modern .mec-event-content { padding-top: 20px; } .mec-masonry-content.mec-event-grid-modern .mec-event-footer { height: auto; } .mec-masonry .mec-masonry-col6 .mec-event-date { font-size: 34px; letter-spacing: -2px; } .mec-masonry .mec-masonry-col6 { width: 50%; float: left; height: 100%; } .mec-masonry .mec-masonry-col6 i { font-size: 24px; float: left; margin-right: 7px; height: 50px; } .mec-masonry .mec-masonry-col6 h6, .mec-masonry .mec-masonry-col6 .mec-event-month { text-transform: capitalize; font-size: 15px; padding: 4px 0; display: inline; color: #444; } .mec-masonry .mec-masonry-col6 address, .mec-masonry .mec-masonry-col6 .mec-event-detail { font-size: 11px; margin-bottom: 0; } .mec-masonry-content.mec-event-grid-modern .mec-event-title a:hover { text-decoration: underline; } .mec-masonry-content.mec-event-grid-modern .mec-event-footer .mec-booking-button { font-size: 12px; padding: 0 31px; line-height: 49px; height: 50px; top: 0; box-shadow: 0 5px 11px -3px rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 960px) { .mec-masonry-item-wrap { width: calc(50% - 30px); } } @media only screen and (max-width: 768px) { .mec-masonry .mec-masonry-col6 { width: 100%; margin: 10px 0; } .mec-masonry-item-wrap { width: calc(100% - 30px); } } @media only screen and (max-width: 479px) { .mec-masonry-content.mec-event-grid-modern .mec-event-title { font-size: 24px; } } /* MEC Single Page CountDown -------------------------------- */ /* event countdown */ .btn-wrapper { text-align: center; } .countdown-wrapper .btn-wrapper { padding-top: 10px; padding-right: 0; } .countdown-wrapper h5.countdown-message { letter-spacing: 5px; font-weight: 500; font-size: 18px; } .countdown-wrapper p, .blox.dar .countdown-wrapper p { color: #888; } .countdown-wrapper a.button.black { float: right; margin-right: 0; } /* event countdown-clock */ .mec-wrap .threedaydigits .days .flip-clock-label { right: -100px; } @media only screen and (min-width: 320px) and (max-width: 767px) { .mec-wrap .flip-clock-wrapper ul { width: 29px !important; } .mec-wrap .flip-clock-wrapper ul li a div div.inn { font-size: 25px !important; } .mec-wrap .flip-clock-divider .flip-clock-label { left: 0px; font-weight: 300; } .mec-wrap span.flip-clock-divider { width: 12px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .mec-wrap .flip-clock-wrapper ul { width: 29px !important; } .mec-wrap .flip-clock-wrapper ul li a div div.inn { font-size: 25px !important; } .mec-wrap .flip-clock-divider .flip-clock-label { display: none; } .mec-wrap span.flip-clock-divider:first-child { width: 0px; } .mec-wrap span.flip-clock-divider { width: 20px; } .mec-single-event .mec-events-meta-group-countdown { margin-left: 0; padding: 15px 18%; } } @media screen and (min-width:960px) and (max-width:1200px) { .mec-wrap .threedaydigits ul { height: 50px; width: 47px; } } @media screen and (min-width:480px) and (max-width:768px) { .mec-wrap .threedaydigits ul { height: 48px; width: 26px !important; } .mec-wrap .threedaydigits .flip-clock-label { font-size: 8px; left: -8px; } } @media screen and (min-width:320px) and (max-width:480px) { .mec-wrap .threedaydigits ul { height: 48px; width: 22px !important; } } /* reset */ .mec-wrap .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .mec-wrap .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .mec-wrap .flip-clock-wrapper a:hover { color: #fff; } .mec-wrap .flip-clock-wrapper ul { list-style: none; } .mec-wrap .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .mec-wrap .flip-clock-wrapper.clearfix:after { clear: both; } .mec-wrap .flip-clock-wrapper.clearfix { *zoom: 1; } /* main */ .mec-wrap .flip-clock-wrapper { font: normal 11px "helvetica neue", "helvetica", sans-serif; -webkit-user-select: none; } .mec-wrap .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } .mec-wrap .flip-clock-meridium a { color: #313333; } .mec-wrap .flip-clock-wrapper { text-align: center; position: relative; display: inline-block; padding-bottom: 10px; } .mec-wrap .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .mec-wrap .flip-clock-wrapper:after { clear: both; } /* skeleton */ .mec-wrap .flip-clock-wrapper ul { position: relative; float: left; margin: 2px; width: 50px; height: 50px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 3px; background: rgba(0, 0, 0, 0.21); } .mec-wrap .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 54px; text-decoration: none !important; } .mec-wrap .flip-clock-wrapper ul li:first-child { z-index: 2; } .mec-wrap .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } .mec-wrap .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent; } .mec-wrap .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .mec-wrap .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .mec-wrap .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 24px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.12); } .mec-wrap .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .mec-wrap .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.25); text-align: center; background-color: #40d9f1; border-radius: 3px; font-size: 48px; } .mec-wrap .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .mec-wrap .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* play */ .mec-wrap .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .mec-wrap .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17); } .mec-wrap .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .mec-wrap .flip-clock-divider { float: left; display: inline-block; position: relative; width: 18px; height: 62px; } .mec-wrap .flip-clock-divider:first-child { width: 0; } .mec-wrap .flip-clock-dot { display: none; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; } .mec-wrap .flip-clock-divider .flip-clock-label { position: absolute; bottom: -1.5em; right: -71px; color: #101010; font-weight: bold; text-shadow: none; text-transform: uppercase; } .mec-wrap .blox.dark .flip-clock-divider .flip-clock-label { color: #8a8a8a; } .mec-wrap .flip-clock-divider.seconds .flip-clock-label { right: -82px; } .mec-wrap .flip-clock-dot.top { top: 30px; } .mec-wrap .flip-clock-dot.bottom { bottom: 30px; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotatex(90deg); } 100% { -webkit-transform: rotatex(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotatex(90deg); } 100% { -moz-transform: rotatex(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotatex(90deg); } 100% { -o-transform: rotatex(0deg); } } @keyframes turn { 0% { transform: rotatex(90deg); } 100% { transform: rotatex(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotatex(0deg); } 100% { -webkit-transform: rotatex(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotatex(0deg); } 100% { -moz-transform: rotatex(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotatex(0deg); } 100% { -o-transform: rotatex(-90deg); } } @keyframes turn2 { 0% { transform: rotatex(0deg); } 100% { transform: rotatex(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* shadow */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(64, 64, 64, 0.68))); background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(64, 64, 64, 0.68))); background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*down*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 64, 64, 0.68)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 64, 64, 0.68)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } /* MEC Events - Extras -------------------------------- */ @font-face { font-family: 'simple-line-icons'; src: url('../fonts/Simple-Line-Icons.eot?v=2.3.1'); src: url('../fonts/Simple-Line-Icons.eot?v=2.3.1#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.3.1') format('woff2'), url('../fonts/Simple-Line-Icons.woff?v=2.3.1') format('woff'), url('../fonts/Simple-Line-Icons.ttf?v=2.3.1') format('truetype'), url('../fonts/Simple-Line-Icons.svg?v=2.3.1#simple-line-icons') format('svg'); font-weight: normal; font-style: normal; } [class*="mec-sl-"] { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mec-sl-facebook:before { content: "\e00b"; } .mec-sl-twitter:before { content: "\e009"; } .mec-sl-google-plus:before { content: "\e60d"; } .mec-sl-angle-left:before { content: "\e605"; } .mec-sl-angle-right:before { content: "\e606"; } .mec-sl-calendar:before { content: "\e075"; } .mec-sl-clock-o:before { content: "\e081"; } .mec-sl-home:before { content: "\e069"; } .mec-sl-phone:before { content: "\e600"; } .mec-sl-envelope:before { content: "\e086"; } .mec-sl-sitemap:before { content: "\e037"; } .mec-sl-map-marker:before { content: "\e096"; } .mec-sl-floder:before { content: "\e089"; } .mec-sl-wallet:before { content: "\e02a"; } /* # Color Skins ================================================== */ /* colorskin-1 */ .mec-color, .mec-color-hover:hover, .mec-color-before *:before, .mec-wrap .mec-color, .mec-wrap .mec-color-hover:hover, .mec-wrap .mec-color-before *:before { color: #40d9f1; } .mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover { background-color: #40d9f1; } .mec-border-color, .mec-border-color-hover:hover, .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover { border-color: #40d9f1; } /* # Toggle Month Divider ================================================== */ .mec-toggle-month-divider.mec-skin-list-events-container { border: 1px solid #e8e8e8; margin-bottom: 30px; background: #f8f8f8; box-shadow: 0 2px 18px -1px rgba(0, 0, 0, 0.1); border-radius: 2px; } .mec-toggle-month-divider .mec-month-divider { margin: 0; text-align: left; background: #fff; position: relative; cursor: pointer; border-top: 1px solid #e8e8e8; } .mec-toggle-month-divider .mec-month-divider span { padding: 20px; border-bottom: 1px solid #e8e8e8; } .mec-toggle-month-divider .mec-month-divider i { position: absolute; right: 20px; top: 24px; font-size: 20px; cursor: pointer; } .mec-toggle-month-divider .mec-month-divider span:before { display: none; } .mec-toggle-month-divider .mec-month-divider+article { margin-top: 20px; } .mec-toggle-month-divider .mec-wrap .mec-month-divider:first-of-type { border-top: none; } .mec-toggle-month-divider .mec-event-list-accordion .mec-month-divider:not(:first-of-type)~article { display: none; } .mec-skin-list-events-container:not(.mec-toggle-month-divider) .mec-month-divider i { display: none; } .mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-month { display: inline-block; padding-top: 0; } .mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-date { font-size: 14px; line-height: 14px; float: none; display: inline-block; margin-right: 0; font-weight: 700; } .mec-events-toggle .mec-toogle-inner-month-divider.mec-toggle-item-inner { padding: 20px 60px 30px 15px; } .mec-toogle-inner-month-divider .mec-toggle-month-inner-image { float: left; clear: right; width: 100px; margin-right: 20px; margin-left: 10px; } .mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-detail { margin-top: -6px; } .mec-toogle-inner-month-divider .mec-toggle-item-col { float: none; width: 100%; margin-top: 10px; display: block; border: none; } .mec-events-toggle .mec-toogle-inner-month-divider .mec-toggle-title { font-size: 19px; display: block; padding-top: 10px; } @media only screen and (max-width: 768px) { .mec-events-toggle .mec-toogle-inner-month-divider .mec-toggle-title { font-size: 14px; padding-top: 0; } .mec-toogle-inner-month-divider .mec-toggle-item-col { margin-top: 0; } .mec-toogle-inner-month-divider .mec-toggle-month-inner-image { width: 70px; } } /* # Featured/Canceled Label ================================================== */ .mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-featured:before, .mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-canceled:before { z-index: 1; position: absolute; top: 25px; right: -37px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; background: #04de78; padding: 2px 40px; color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .5s cubic-bezier(.25, .5, .06, .85); transition: .5s cubic-bezier(.25, .5, .06, .85); content: attr(data-style); } .mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-featured, .mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-canceled { overflow: hidden; position: relative; } .mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-canceled:before { background: #de0404; } /* Full Calendar/Weekly view */ ul.mec-weekly-view-dates-events article:before, .mec-daily-view-date-events article:before { padding: 7px 40px !important; top: 27px !important; } /* Full Calendar/Yearly View */ .mec-wrap .mec-events-agenda .mec-agenda-event .mec-fc-style, .mec-wrap .mec-event-list-modern article .mec-fc-style, .mec-wrap .mec-event-list-accordion article .mec-fc-style, .mec-timetable-wrap article .mec-fc-style, .mec-event-grid-minimal article .mec-fc-style, .mec-event-grid-classic article .mec-fc-style, .mec-event-grid-simple article .mec-fc-style, .mec-wrap article.mec-event-cover-modern .mec-fc-style, .mec-wrap article.mec-event-cover-classic .mec-fc-style, .mec-wrap article.mec-event-cover-clean .mec-fc-style, .mec-wrap article[class^="mec-event-countdown-"] .mec-fc-style { font-size: 9px; letter-spacing: 0.5px; text-transform: uppercase; background: #04de78; padding: 2px 7px; color: #fff; position: relative; margin-left: 5px; border-radius: 2px; } .mec-wrap .mec-events-agenda .mec-agenda-event.mec-label-canceled .mec-fc-style, .mec-wrap article.mec-event-cover-modern.mec-label-canceled .mec-fc-style { background: #de0404; } .mec-wrap .mec-events-agenda .mec-agenda-event .mec-fc-style:before, .mec-wrap .mec-event-list-modern article .mec-fc-style:before, .mec-wrap .mec-event-list-accordion article .mec-fc-style:before, .mec-timetable-wrap article .mec-fc-style:before, .mec-event-grid-minimal article .mec-fc-style:before, .mec-event-grid-simple article .mec-fc-style:before, .mec-wrap article.mec-event-cover-classic .mec-fc-style:before, .mec-wrap article.mec-event-cover-clean .mec-fc-style:before, .mec-wrap article[class^="mec-event-countdown-"] .mec-fc-style:before { width: 0; height: 0; border-top: 4px solid transparent !important; border-right: 5px solid; border-bottom: 4px solid transparent; margin: 0; top: 50%; left: -4px; transform: translateY(-4.5px); position: absolute; content: ''; color: #04de78; } .mec-wrap .mec-events-agenda .mec-agenda-event.mec-label-canceled .mec-fc-style:before { color: #de0404; } /* List view/Modern & Accordion */ .mec-wrap .mec-event-list-modern article.mec-label-featured:before, .mec-wrap .mec-event-list-modern article.mec-label-canceled:before, .mec-wrap .mec-event-list-accordion article.mec-label-featured:before, .mec-wrap .mec-event-list-accordion article.mec-label-canceled:before, .mec-event-grid-minimal article.mec-label-featured:before, .mec-event-grid-minimal article.mec-label-canceled:before, .mec-event-grid-simple article.mec-label-featured:before, .mec-event-grid-simple article.mec-label-canceled:before, .mec-event-grid-classic article.mec-label-featured:before, .mec-event-grid-classic article.mec-label-canceled:before, .mec-timetable-wrap article.mec-label-featured:before, .mec-timetable-wrap article.mec-label-canceled:before { display: none; } .mec-wrap .mec-event-list-modern article .mec-fc-style, .mec-wrap .mec-event-list-accordion article .mec-fc-style, .mec-wrap article.mec-event-cover-classic .mec-fc-style, .mec-wrap article.mec-event-cover-clean .mec-fc-style, .mec-wrap article[class^="mec-event-countdown-"] .mec-fc-style { top: -3px; font-size: 11px; margin-left: 10px; } .mec-wrap .mec-event-list-modern article.mec-label-canceled .mec-fc-style, .mec-wrap .mec-event-list-accordion article.mec-label-canceled .mec-fc-style, .mec-timetable-wrap article.mec-label-canceled .mec-fc-style, .mec-event-grid-minimal article.mec-label-canceled .mec-fc-style, .mec-event-grid-classic article.mec-label-canceled .mec-fc-style, .mec-event-grid-simple article.mec-label-canceled .mec-fc-style, .mec-wrap article.mec-event-cover-classic.mec-label-canceled .mec-fc-style, .mec-wrap article.mec-event-cover-clean.mec-label-canceled .mec-fc-style, .mec-wrap article[class^="mec-event-countdown-"].mec-label-canceled .mec-fc-style { background: #de0404; } .mec-wrap .mec-event-list-modern article.mec-label-canceled .mec-fc-style:before, .mec-wrap .mec-event-list-accordion article.mec-label-canceled .mec-fc-style:before, .mec-timetable-wrap article.mec-label-canceled .mec-fc-style:before, .mec-event-grid-minimal article.mec-label-canceled .mec-fc-style:before, .mec-event-grid-classic article.mec-label-canceled .mec-fc-style:before, .mec-event-grid-simple article.mec-label-canceled .mec-fc-style:before, .mec-wrap article.mec-event-cover-classic.mec-label-canceled .mec-fc-style:before, .mec-wrap article.mec-event-cover-clean.mec-label-canceled .mec-fc-style:before, .mec-wrap article[class^="mec-event-countdown-"].mec-label-canceled .mec-fc-style:before { color: #de0404; } /* Slider view */ .mec-wrap .mec-slider-t5 article:not([class^="mec-event-countdown"]).mec-label-featured:before, .mec-wrap .mec-slider-t5 article:not([class^="mec-event-countdown"]).mec-label-canceled:before { -ms-transform: none; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; top: 271px; right: 0; } /* Timetable view */ .mec-timetable-wrap article .mec-fc-style { top: -2px; font-size: 10px; } /* Cover View */ .mec-wrap article.mec-event-cover-modern .mec-fc-style { padding: 5px 9px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; display: inline-block; border-radius: 2px; } /* Grid View/Clean */ .mec-skin-grid-events-container .mec-wrap .mec-event-grid-clean .mec-event-article:before { -ms-transform: none; -webkit-transform: none; transform: none !important; -webkit-transition: none; transition: none; top: 22px !important; right: 22px !important; padding: 0px 10px !important; } /* Grid view/Minimal */ .mec-event-grid-minimal article .mec-fc-style, .mec-event-grid-simple article .mec-fc-style { top: -4px; font-size: 10px; margin-left: 10px; } .mec-event-grid-classic article .mec-fc-style { padding: 5px 20px; font-size: 12px; margin-top: 8px; display: inline-block; } /* # Speaker Modal ================================================== */ .mec-hourly-schedule-speaker-info { background: #fff; padding: 30px; border: 1px solid #e6e6e6; max-width: 740px; width: 740px; margin-left: -110px; } .mec-hourly-schedule-speaker-thumbnail { float: left; max-width: 30%; width: 30%; } .mec-hourly-schedule-speaker-name { font-weight: 700; font-size: 26px; line-height: 1.2; color: #333; text-transform: uppercase; } .mec-hourly-schedule-speaker-details { float: left; width: 69%; padding-left: 25px } .mec-hourly-schedule-speaker-job-title { font-size: 16px; line-height: 1.3; margin-bottom: 4px; } .mec-hourly-schedule-speaker-description { font-size: 14px; font-weight: 400; color: #6d7683; line-height: 1.7; text-align: left; } .mec-hourly-schedule-speaker-contact-information a i { color: #6b6b6b; background: #ebebeb; line-height: 29px; margin: 9px 7px 9px 0; width: 30px; height: 30px; display: inline-block; text-align: center; transition: all 0.2s ease; font-size: 15px; cursor: pointer; } .mec-hourly-schedule-speaker-contact-information a i:hover { background: #222; color: #fff; } @media only screen and (max-width: 479px) { .mec-hourly-schedule-speaker-thumbnail { float: none; max-width: none; margin-right: 0; margin-bottom: 15px; width: 100% } .mec-hourly-schedule-speaker-thumbnail img { width: 100%; } .mec-hourly-schedule-speaker-details { padding-left: 0; } .mec-hourly-schedule-speaker-info { width: 90%; margin: 0 auto; } } /* # Profile page ================================================== */ .mec-profile .mec-profile-bookings { border: 2px solid #e6e6e6; text-align: center; } .mec-profile .mec-profile-bookings tbody tr:first-child { background: #f7f7f7; font-weight: bold; text-transform: capitalize; } .mec-profile .mec-profile-bookings tbody tr { border-bottom: 1px solid #e6e6e6; font-size: 14px; } .mec-profile .mec-profile-bookings tbody tr td { border: 1px solid #e6e6e6; padding: 10px; text-align: center; word-break: initial; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(1) { width: 5%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(2) { width: 53%; text-align: left; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(3) { width: 7%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(4) { width: 7%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(5) { width: 7%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(6) { width: 7%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(7) { width: 7%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(8) { width: 7%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(8) i { color: #fe686a; } .mec-profile .mec-event-status { padding: 5px 10px; color: #fff; border-radius: 2px; font-size: 12px; line-height: 12px; letter-spacing: 0.4px; } .mec-profile .mec-event-status.mec-book-confirmed { background: #50d477; } .mec-profile .mec-event-status.mec-book-pending { background: #fcbe69; } .mec-profile .mec-event-status.mec-book-rejected { background: #fe686a; } .mec-profile .mec-event-date { font-size: 12px; color: #888; } /* MEC Profile date and status with icon */ .mec-event-status, .mec-event-date { text-align: center; } .mec-event-status .mec-tooltip, .mec-event-date .mec-tooltip { position: relative; width: fit-content; margin: auto; } .mec-profile i { font-size: 15px; color: #008aff; vertical-align: text-bottom; margin-right: 4px; } .mec-event-status .mec-tooltip .box, .mec-event-date .mec-tooltip .box { min-width: 250px; max-width: 300px; display: inline-block; top: -8px; left: 50%; margin-top: 0; transform: translate(-50%, -100%); padding: 0; background-color: #000; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: .5px; line-height: 1.5; position: absolute; z-index: 99999999; box-sizing: border-box; border-radius: 6px; box-shadow: 0 4px 45px -8px #535a61; padding: 5px 10px 6px; border-radius: 8px; text-align: center; font-style: normal; opacity: 0; visibility: hidden; display: none; } .mec-event-date .mec-tooltip .box, .mec-event-status .mec-tooltip .box { font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; letter-spacing: 1.1px; font-weight: 500; } .mec-event-status .mec-tooltip:hover .box:after, .mec-event-date .mec-tooltip:hover .box:after { content: ''; position: absolute; width: 12px; height: 12px; left: calc(50% - 12px); bottom: -12px; transform: translate(50%,-50%) rotate(-45deg); background-color: #000; box-shadow: 0 8px 9px -4px #535a61; } .mec-event-status .mec-tooltip .box { min-width: 100px; } .mec-event-status.mec-book-confirmed .mec-tooltip:hover .box:after, .mec-event-status.mec-book-confirmed .mec-tooltip .box { background-color: #50d477; } .mec-event-status.mec-book-rejected .mec-tooltip:hover .box:after, .mec-event-status.mec-book-rejected .mec-tooltip .box { background-color: #fe686a; } .mec-event-status.mec-book-pending .mec-tooltip:hover .box:after, .mec-event-status.mec-book-pending .mec-tooltip .box { background-color: #fcbe69; } .mec-event-status .mec-tooltip:hover .box, .mec-event-date .mec-tooltip:hover .box { opacity: 1; visibility: visible; display: block; } .mec-profile .mec-event-status { padding: 0; } .mec-profile .mec-booking-number-of-attendees { font-size: 13px; color: #888; } .mec-profile .mec-booking-number-of-attendees i, .mec-profile .mec-profile-bookings-view-invoice i { font-size: 15px; color: #008aff; vertical-align: text-bottom; margin-right: 4px; } .mec-booking-attendees { background: #fff; padding: 10px; } .mec-booking-attendees { width: 850px; text-align: center; } .mec-booking-attendees-wrapper { border: 2px solid #e6e6e6; font-size: 14px; } .mec-booking-attendees-head { display: table; width: 100%; background: #f7f7f7; border-bottom: 1px solid #e6e6e6; font-weight: bold; } .mec-booking-attendees-head span, .mec-booking-attendees-head-content>span { vertical-align: middle; display: table-cell; padding: 7px; border-right: 1px solid #e6e6e6; font-size: 12px; } .mec-booking-attendees-head-content { display: table; width: 100%; border-bottom: 1px solid #e6e6e6; } .mec-booking-attendees-wrapper .mec-booking-attendees-head-content:last-child { border: none; } .mec-booking-attendees-head span:nth-child(1), .mec-booking-attendees-head-content>span:nth-child(1) { width: 4%; } .mec-booking-attendees-head span:nth-child(2), .mec-booking-attendees-head-content>span:nth-child(2) { width: 20%; } .mec-booking-attendees-head span:nth-child(3), .mec-booking-attendees-head-content>span:nth-child(3) { width: 24%; } .mec-booking-attendees-head span:nth-child(4), .mec-booking-attendees-head-content>span:nth-child(4) { width: 26%; } .mec-booking-attendees-head span:nth-child(5), .mec-booking-attendees-head-content>span:nth-child(5) { width: 26%; } @media only screen and (max-width: 759px) { .mec-booking-attendees { width: 470px; } .mec-booking-attendees-head span, .mec-booking-attendees-head-content>span { word-break: break-all; } } /* User Profile Responsive */ @media(max-width: 1366px) { .mec-profile .mec-profile-bookings tbody tr td:nth-child(1) { width: 6%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(2) { width: 40%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(3) { width: 8%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(4) { width: 8%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(5) { width: 12%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(6) { width: 10%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(7) { width: 8%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(8) { width: 8%; } } @media(max-width: 1024px) { .mec-profile .mec-profile-bookings tbody tr td:nth-child(1) { width: 5%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(2) { width: 30%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(3) { width: 10%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(4) { width: 10%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(5) { width: 15%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(6) { width: 10%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(7) { width: 10%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(8) { width: 10%; } } @media(max-width: 780px) { .mec-profile i, .mec-profile .mec-profile-bookings tbody tr { font-size: 12px; } .mec-event-date .mec-tooltip .box { min-width: 200px; } .mec-event-status .mec-tooltip .box { min-width: 90px; } .mec-event-date .mec-tooltip .box, .mec-event-status .mec-tooltip .box { padding: 4px 5px !important; } .mec-profile .mec-profile-bookings tbody tr { font-size: 12px; } } @media(max-width: 480px) { .mec-profile .mec-booking-number-of-attendees, .mec-profile i, .mec-profile .mec-profile-bookings tbody tr { font-size: 8px !important; } .mec-profile .mec-profile-bookings tbody tr td { padding: 3px; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(1) { width: 5%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(2) { width: 19%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(3) { width: 10%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(4) { width: 12%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(5) { width: 18%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(6) { width: 13%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(7) { width: 10%; } .mec-profile .mec-profile-bookings tbody tr td:nth-child(8) { width: 13%; } .mec-event-date .mec-tooltip .box, .mec-event-status .mec-tooltip .box { font-size: 8px; } .mec-event-date .mec-tooltip .box { min-width: 75px; } .mec-event-status .mec-tooltip .box { min-width: 70px; } .mec-event-date .mec-tooltip .box, .mec-event-status .mec-tooltip .box { padding: 4px 5px !important; } } /* # Woocommerce ================================================== */ .mec-woo-booking-checkout { position: relative; border: none; border-radius: 0; color: #fff; display: inline-block; font-size: 12px; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase; font-weight: 600; text-decoration: none; cursor: pointer; margin-bottom: 21px; margin-right: 10px; line-height: 1; padding: 18px 20px 16px; background: #39c36e; -webkit-transition: all .21s ease; -moz-transition: all .21s ease; transition: all .21s ease; border-radius: 0; margin-bottom: 6px; min-width: 170px; margin-top: 5px; text-align: center; } .mec-woo-booking-checkout:hover { background: #222; color: #fff; } .mec-woo-booking-checkout:focus, .mec-woo-booking-checkout:visited { color: #fff; } /* # Booking Modal ================================================== */ .single-mec-events .lity-container { max-width: 480px; width: 480px } .lity-content .mec-events-meta-group-booking { width: 100%; padding: 20px 50px; background: #fff; } .lity-content .mec-events-meta-group-booking .mec-booking form>h4 { text-transform: uppercase; font-size: 15px; font-weight: 700; color: #313131; border-bottom: 4px solid #ebebeb; width: 100%; display: block; padding-bottom: 10px; position: relative; text-align: center; line-height: 1.2; margin-bottom: 10px; } .lity-content .mec-events-meta-group-booking .mec-booking form>h4:before { padding: 1px 35px; border-bottom: 4px solid #40d9f1; font-size: 6px; content: ""; text-align: center; position: absolute; bottom: -4px; margin-left: -35px; left: 50%; } .lity-content .mec-events-meta-group-booking label, .lity-content .mec-events-meta-group-booking .mec-event-ticket-name, .lity-content .mec-events-meta-group-booking .mec-event-ticket-price, .lity-content .mec-events-meta-group-booking .mec-event-ticket-available, .lity-content .mec-events-meta-group-booking .mec-ticket-variation-name, .lity-content .mec-events-meta-group-booking .mec-ticket-variation-price { color: #424242; font-size: 12px; font-weight: 300; letter-spacing: 0; margin: 3px 0; clear: none; padding: 5px 1em 3px 0; display: inline-block; } .lity-content .mec-events-meta-group-booking .mec-event-ticket-available { margin-bottom: 12px; } .lity-content .mec-events-meta-group-booking select { display: block; background: #fcfcfc; min-height: 42px; min-width: 180px; font-size: 13px; border: 1px solid #e0e0e0; padding: 13px 10px; width: 100%; margin-bottom: 20px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .051); clear: both; font-family: 'Montserrat', Helvetica, Arial, sans-serif; } .lity-content .mec-events-meta-group-booking input[type=email] { color: #888; border: 1px solid #e1e1e1; font-size: 14px; display: block; width: 100%; outline: 0; } .lity-content .mec-events-meta-group-booking input { margin-bottom: 10px !important; } .lity-content .mec-book-ticket-variation h5 { color: #424242; font-size: 12px; font-weight: 300; letter-spacing: 0; margin: 0; clear: none; padding: 5px 1em 3px 0; display: inline-block; text-transform: capitalize; font-family: 'Montserrat', Helvetica, Arial, sans-serif; } .lity-content ul.mec-book-tickets-container { padding: 0; } .lity-content .mec-events-meta-group-booking input[type=number], .lity-content .mec-events-meta-group-booking input[type=text], .lity-content .mec-events-meta-group-booking input[type=email] { outline: 0; font-family: 'Montserrat', Helvetica, Arial, sans-serif; display: block; background: #fcfcfc; min-height: 42px; min-width: 180px; font-size: 13px; border: 1px solid #e0e0e0; padding: 13px 10px; width: 100%; margin-bottom: 20px; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .051); clear: both; margin-bottom: 2px !important; } .lity-content button[type="submit"] { position: relative; border: none; color: #fff; display: inline-block; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; text-decoration: none; cursor: pointer; margin-right: 10px; line-height: 1; padding: 18px 20px 16px; background: #39c36e; -webkit-transition: all .21s ease; -moz-transition: all .21s ease; transition: all .21s ease; min-width: 170px; margin-top: 5px; border-radius: 0; margin-bottom: 6px; } .lity-content button[type="submit"]:hover { background: #222; } .lity-content .mec-book-tickets-container li { list-style: none; } .lity-content .mec-events-meta-group-booking li h4, .lity-content .mec-events-meta-group-booking #mec_book_payment_form h4 { font-size: 19px; font-weight: 700; } .lity-content .mec-events-meta-group-booking .mec-book-price-total { display: inline-block; margin-bottom: 10px; font-size: 26px; color: #39c36e; font-weight: 700; padding: 10px 0; } .lity-content .mec-events-meta-group-booking ul.mec-book-price-details li { width: 50%; } .lity-content .mec-events-meta-group-booking ul.mec-book-price-details li:nth-child(even) { border: none; } .lity-content .mec-events-meta-group-booking ul.mec-book-price-details li span { display: block; } .lity-content .mec-events-meta-group-booking button[type=submit]:after { display: none; font-family: 'simple-line-icons'; content: "\e098"; margin-left: 4px; -webkit-animation: rotating 1.2s linear infinite; -moz-animation: rotating 1.2s linear infinite; -ms-animation: rotating 1.2s linear infinite; -o-animation: rotating 1.2s linear infinite; animation: rotating 1.2s linear infinite; } .lity-content .mec-events-meta-group-booking button[type=submit].loading:after { display: inline-block; } @media only screen and (max-width: 480px) { .lity-content .mec-events-meta-group-booking { padding: 20px; width: 340px; margin: 0 auto; } } /* Booking Cover Overley */ .mec-events-meta-group-booking { position: relative; } .mec-cover-loader:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); z-index: 99999; } .mec-loader { background: rgba(0, 0, 0, 0); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; } .mec-loader, .mec-loader:after { border-radius: 50%; width: 5em; height: 5em; z-index: 999999999999; } .mec-loader { font-size: 10px; text-indent: -9999em; border-top: 0.5em solid rgba(0, 0, 0, 0.2); border-right: 0.5em solid rgba(0, 0, 0, 0.2); border-bottom: 0.5em solid rgba(0, 0, 0, 0.2); border-left: 0.5em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: mecloader 1.1s infinite linear; animation: mecloader 1.1s infinite linear; } @-webkit-keyframes mecloader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mecloader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Recaptcha Style on booking page */ .mec-google-recaptcha { margin: 0 0 20px 16px; } /* Bootstrap v3.0.3 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .mec-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mec-wrap *:before, .mec-wrap *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mec-wrap .clearfix:before, .mec-wrap .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .mec-wrap .clearfix:after { clear: both; } .mec-wrap .clearfix { zoom: 1; } .mec-wrap .clear, .mec-wrap .clr { clear: both; display: block; overflow: hidden; visibility: hidden; } .mec-wrap .clr { visibility: visible; overflow: visible; } .mec-container [class*="col-"] img { max-width: 100%; } .mec-container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .mec-container:before, .mec-container:after { content: " "; display: table; } .mec-container:after { clear: both; } @media only screen and (max-width: 479px) { .mec-container { width: 300px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .mec-container { width: 420px; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .mec-container { width: 768px; /* webnus */ } } @media only screen and (min-width: 961px) { .mec-container { width: 960px; } } @media only screen and (min-width: 1200px) { .mec-container { width: 1196px; padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 1921px) { .mec-container { max-width: 1690px; } } .mec-wrap .row { margin-left: -10px; margin-right: -10px; } .mec-wrap .row:before, .mec-wrap .row:after { content: " "; display: table; } .mec-wrap .row:after { clear: both; } .mec-wrap .col-xs-1, .mec-wrap .col-sm-1, .mec-wrap .col-md-1, .mec-wrap .col-lg-1, .mec-wrap .col-xs-2, .mec-wrap .col-sm-2, .mec-wrap .col-md-2, .mec-wrap .col-lg-2, .mec-wrap .col-xs-3, .mec-wrap .col-sm-3, .mec-wrap .col-md-3, .mec-wrap .col-lg-3, .mec-wrap .col-xs-4, .mec-wrap .col-sm-4, .mec-wrap .col-md-4, .mec-wrap .col-lg-4, .mec-wrap .col-xs-5, .mec-wrap .col-sm-5, .mec-wrap .col-md-5, .mec-wrap .col-lg-5, .mec-wrap .col-xs-6, .mec-wrap .col-sm-6, .mec-wrap .col-md-6, .mec-wrap .col-lg-6, .mec-wrap .col-xs-7, .mec-wrap .col-sm-7, .mec-wrap .col-md-7, .mec-wrap .col-lg-7, .mec-wrap .col-xs-8, .mec-wrap .col-sm-8, .mec-wrap .col-md-8, .mec-wrap .col-lg-8, .mec-wrap .col-xs-9, .mec-wrap .col-sm-9, .mec-wrap .col-md-9, .mec-wrap .col-lg-9, .mec-wrap .col-xs-10, .mec-wrap .col-sm-10, .mec-wrap .col-md-10, .mec-wrap .col-lg-10, .mec-wrap .col-xs-11, .mec-wrap .col-sm-11, .mec-wrap .col-md-11, .mec-wrap .col-lg-11, .mec-wrap .col-xs-12, .mec-wrap .col-sm-12, .mec-wrap .col-md-12, .mec-wrap .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 1200px) { .mec-wrap .col-xs-1, .mec-wrap .col-sm-1, .mec-wrap .col-md-1, .mec-wrap .col-lg-1, .mec-wrap .col-xs-2, .mec-wrap .col-sm-2, .mec-wrap .col-md-2, .mec-wrap .col-lg-2, .mec-wrap .col-xs-3, .mec-wrap .col-sm-3, .mec-wrap .col-md-3, .mec-wrap .col-lg-3, .mec-wrap .col-xs-4, .mec-wrap .col-sm-4, .mec-wrap .col-md-4, .mec-wrap .col-lg-4, .mec-wrap .col-xs-5, .mec-wrap .col-sm-5, .mec-wrap .col-md-5, .mec-wrap .col-lg-5, .mec-wrap .col-xs-6, .mec-wrap .col-sm-6, .mec-wrap .col-md-6, .mec-wrap .col-lg-6, .mec-wrap .col-xs-7, .mec-wrap .col-sm-7, .mec-wrap .col-md-7, .mec-wrap .col-lg-7, .mec-wrap .col-xs-8, .mec-wrap .col-sm-8, .mec-wrap .col-md-8, .mec-wrap .col-lg-8, .mec-wrap .col-xs-9, .mec-wrap .col-sm-9, .mec-wrap .col-md-9, .mec-wrap .col-lg-9, .mec-wrap .col-xs-10, .mec-wrap .col-sm-10, .mec-wrap .col-md-10, .mec-wrap .col-lg-10, .mec-wrap .col-xs-11, .mec-wrap .col-sm-11, .mec-wrap .col-md-11, .mec-wrap .col-lg-11, .mec-wrap .col-xs-12, .mec-wrap .col-sm-12, .mec-wrap .col-md-12, .mec-wrap .col-lg-12 { padding-left: 15px; padding-right: 15px; } .mec-wrap .row { margin-left: -15px; margin-right: -15px; } } .mec-container [class*="col-"].alpha { padding-left: 0; } .mec-container [class*="col-"].omega { padding-right: 0; } .mec-wrap .col-xs-1, .mec-wrap .col-xs-2, .mec-wrap .col-xs-3, .mec-wrap .col-xs-4, .mec-wrap .col-xs-5, .mec-wrap .col-xs-6, .mec-wrap .col-xs-7, .mec-wrap .col-xs-8, .mec-wrap .col-xs-9, .mec-wrap .col-xs-10, .mec-wrap .col-xs-11, .mec-wrap .col-xs-12 { float: left; } .mec-wrap .col-xs-12 { width: 100%; } .mec-wrap .col-xs-11 { width: 91.66666666666666%; } .mec-wrap .col-xs-10 { width: 83.33333333333334%; } .mec-wrap .col-xs-9 { width: 75%; } .mec-wrap .col-xs-8 { width: 66.66666666666666%; } .mec-wrap .col-xs-7 { width: 58.333333333333336%; } .mec-wrap .col-xs-6 { width: 50%; } .mec-wrap .col-xs-5 { width: 41.66666666666667%; } .mec-wrap .col-xs-4 { width: 33.33333333333333%; } .mec-wrap .col-xs-3 { width: 25%; } .mec-wrap .col-xs-2 { width: 16.666666666666664%; } .mec-wrap .col-xs-1 { width: 8.333333333333332%; } @media (min-width: 768px) { .mec-wrap .col-sm-1, .mec-wrap .col-sm-2, .mec-wrap .col-sm-3, .mec-wrap .col-sm-4, .mec-wrap .col-sm-5, .mec-wrap .col-sm-6, .mec-wrap .col-sm-7, .mec-wrap .col-sm-8, .mec-wrap .col-sm-9, .mec-wrap .col-sm-10, .mec-wrap .col-sm-11, .mec-wrap .col-sm-12 { float: left; } .mec-wrap .col-sm-12 { width: 100%; } .mec-wrap .col-sm-11 { width: 91.66666666666666%; } .mec-wrap .col-sm-10 { width: 83.33333333333334%; } .mec-wrap .col-sm-9 { width: 75%; } .mec-wrap .col-sm-8 { width: 66.66666666666666%; } .mec-wrap .col-sm-7 { width: 58.333333333333336%; } .mec-wrap .col-sm-6 { width: 50%; } .mec-wrap .col-sm-5 { width: 41.66666666666667%; } .mec-wrap .col-sm-4 { width: 33.33333333333333%; } .mec-wrap .col-sm-3 { width: 25%; } .mec-wrap .col-sm-2 { width: 16.666666666666664%; } .mec-wrap .col-sm-1 { width: 8.333333333333332%; } } @media (min-width: 961px) { .mec-wrap .col-md-1, .mec-wrap .col-md-2, .mec-wrap .col-md-3, .mec-wrap .col-md-4, .mec-wrap .col-md-5, .mec-wrap .col-md-6, .mec-wrap .col-md-7, .mec-wrap .col-md-8, .mec-wrap .col-md-9, .mec-wrap .col-md-10, .mec-wrap .col-md-11, .mec-wrap .col-md-12 { float: left; } .mec-wrap .col-md-12 { width: 100%; } .mec-wrap .col-md-11 { width: 91.66666666666666%; } .mec-wrap .col-md-10 { width: 83.33333333333334%; } .mec-wrap .col-md-9 { width: 75%; } .mec-wrap .col-md-8 { width: 66.66666666666666%; } .mec-wrap .col-md-7 { width: 58.333333333333336%; } .mec-wrap .col-md-6 { width: 50%; } .mec-wrap .col-md-5 { width: 41.66666666666667%; } .mec-wrap .col-md-4 { width: 33.33333333333333%; } .mec-wrap .col-md-3 { width: 25%; } .mec-wrap .col-md-2 { width: 16.666666666666664%; } .mec-wrap .col-md-1 { width: 8.333333333333332%; } } @media (min-width: 1200px) { .mec-wrap .col-lg-1, .mec-wrap .col-lg-2, .mec-wrap .col-lg-3, .mec-wrap .col-lg-4, .mec-wrap .col-lg-5, .mec-wrap .col-lg-6, .mec-wrap .col-lg-7, .mec-wrap .col-lg-8, .mec-wrap .col-lg-9, .mec-wrap .col-lg-10, .mec-wrap .col-lg-11, .mec-wrap .col-lg-12 { float: left; } .mec-wrap .col-lg-12 { width: 100%; } .mec-wrap .col-lg-11 { width: 91.66666666666666%; } .mec-wrap .col-lg-10 { width: 83.33333333333334%; } .mec-wrap .col-lg-9 { width: 75%; } .mec-wrap .col-lg-8 { width: 66.66666666666666%; } .mec-wrap .col-lg-7 { width: 58.333333333333336%; } .mec-wrap .col-lg-6 { width: 50%; } .mec-wrap .col-lg-5 { width: 41.66666666666667%; } .mec-wrap .col-lg-4 { width: 33.33333333333333%; } .mec-wrap .col-lg-3 { width: 25%; } .mec-wrap .col-lg-2 { width: 16.666666666666664%; } .mec-wrap .col-lg-1 { width: 8.333333333333332%; } } /* WooCommerce Addon */ #mec_woo_add_to_cart_btn { min-width: 170px; margin-top: 5px; text-align: center; } /* Breadcrumbs */ .mec-breadcrumbs { border-radius: 2px; padding: 9px 15px 6px; font-size: 11px; color: #8d8d8d; letter-spacing: 0; text-transform: none; font-weight: 500; margin: auto 15px 33px 15px; border: 1px solid #e6e6e6; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .025); } .mec-breadcrumbs-modern { margin: auto 0 33px 0; } .mec-breadcrumbs a { color: #000; padding-left: 4px; } .mec-breadcrumbs a:hover { text-decoration: underline; } .mec-breadcrumbs i { font-size: 8px; margin: 0 0 0 4px; } .mec-breadcrumbs .container { padding-left: 20px; } /* Notification single builder */ .mec-content-notification a { margin-left: 5px; } .mec-content-notification { background: #f7f7f7; padding: 10px 10px 10px; border: 1px solid #e8e8e8; } .mec-content-notification p { margin-bottom: 0; } /* Advanced Repeating */ .mec-fes-form #mec-advanced-wraper div:first-child>ul { border: 1px solid #cfeff5; width: auto; box-shadow: 0 1px 4px -2px #cfeff5; display: block; margin: 5px 0 10px; padding: 5px 0; border-radius: 2px; } .mec-fes-form #mec-advanced-wraper div:first-child>ul:last-of-type { margin-bottom: 35px; } #mec-advanced-wraper div:first-child>ul span { display: none } #mec-advanced-wraper div:first-child>ul * { display: inline-block; background: #fff; font-size: 12px; color: #717273; text-align: center } #mec-advanced-wraper div:first-child>ul>li { width: 60px; font-weight: 700; margin: 0 10px 0 0; padding: 4px 0; border-right: 1px solid #cfeff5; } #mec-advanced-wraper div:first-child>ul>ul>li { margin: 0; padding: 2px 10px; cursor: pointer; border-radius: 2px; transition: all .18s ease } .mec-fes-form #mec-advanced-wraper div:first-child>ul>ul>li:hover, .mec-fes-form #mec-advanced-wraper div:first-child>ul>ul>li.mec-active { background: #40d9f1 !important; box-shadow: 0 1px 9px -3px #40d9f1; color: #fff !important; } /* Search Bar */ .mec-search-bar-wrap .mec-search-form .mec-text-input-search { width: 83%; } .mec-search-bar-wrap .mec-search-form .mec-ajax-search-result .mec-text-input-search { width: 100%; float: none; } .mec-search-bar-wrap input#mec-search-bar-input { width: calc(100% - 84%); margin-left: 11px; background: #40d9f1; Color: #fff; font-weight: normal; } .mec-text-input-search+input#mec-search-bar-input { margin-left: -3px; } .mec-search-bar-wrap input#mec-search-bar-input:hover { background: #000; } .mec-wrap.mec-search-bar-wrap .mec-totalcal-box input { float: none; } @media(max-width: 768px) { .mec-search-bar-wrap .mec-search-form .mec-text-input-search { display: inline-block } } @media(max-width: 480px) { .mec-search-bar-wrap .mec-search-form .mec-text-input-search { width: 64%; } .mec-search-bar-wrap input#mec-search-bar-input { width: calc(100% - 67%); } } /* Ajax search bar result */ .mec-wrap.mec-search-bar-wrap .mec-totalcal-box { overflow: visible; } .mec-ajax-search-result { position: relative; } .mec-search-bar-wrap.mec-wrap .mec-totalcal-box input[type=text] { width: calc(100% - 36px); } .mec-search-bar-wrap.mec-wrap .mec-totalcal-box input[type=text]:focus { border-color: #efefef; } div#mec-ajax-search-result-wrap { position: absolute; top: 100%; opacity: 0; visibility: hidden; width: calc(100% - 2px); min-height: 50px; left: 0; right: 0; padding: 0 10px; z-index: 9999; transition: all 0.3s ease; } .mec-ajax-search-result-events { background: #ffffff; padding: 10px 20px; border: 1px solid #efefef; border-top: none; } .mec-ajax-search-result-events article:first-of-type { border: none; } article.mec-search-bar-result { text-align: left; margin-bottom: 0; padding-bottom: 25px; padding-top: 26px; border-top: 1px solid #efefef; transition: all .33s ease; clear: both; } .mec-search-bar-result .mec-event-list-search-bar-date { width: 64px; height: 64px; margin-right: 10px; font-size: 11px; text-transform: uppercase; float: left; text-align: center; padding-top: 2px; } .mec-search-bar-result .mec-event-list-search-bar-date span { font-size: 40px; line-height: 30px; font-weight: 700; display: block; margin-bottom: 6px; letter-spacing: 1px; } .mec-search-bar-result .mec-event-image { float: left; margin-right: 20px; width: 65px; height: auto; } .mec-search-bar-result .mec-event-time { font-size: 11px; line-height: 1.1; margin: 0; } .mec-search-bar-result .mec-event-time i { color: #40d9f1; float: none; width: unset; height: unset; font-size: inherit; margin-right: 3px; border: none; padding: 0; } .mec-search-bar-result .mec-event-title { font-size: 13px; padding: 0; margin: 10px 0 8px; font-weight: 700; text-transform: uppercase; } .mec-search-bar-result .mec-event-title a { text-decoration: none; color: #494949; transition: color .3s ease; } .mec-search-bar-result .mec-event-detail { font-size: 13px; line-height: 1.3; font-family: Roboto, sans-serif; color: #9a9a9a; margin-bottom: 0; } /* Modern Search bar */ .mec-wrap.mec-modern-search-bar .mec-totalcal-box { background: rgba(255, 255, 255, 0.87); border: none; padding: 35px; border-radius: 3px; box-shadow: 0 3px 13px rgba(0, 0, 0, 0.4); position: relative; } .mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type=search], .mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type=text] { height: 58px; background: rgba(255, 255, 255, 0.99); border-radius: 2px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) inset; border: 1px solid #ccc; width: 100%; padding-left: 45px; padding-right: 13px; font-size: 16px; } .mec-wrap.mec-modern-search-bar .mec-totalcal-box .mec-text-input-search i { position: absolute; background: none; border: none; font-size: 21px; left: 15px; top: calc(50% - 19px); color: #40d9f1; } .mec-wrap.mec-modern-search-bar .mec-text-input-search { position: relative; height: 58px; } .mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type=submit] { height: 58px; border: none; border-radius: 2px; background: #fc4a1a; font-size: 17px; font-weight: bold !important; } .mec-wrap.mec-modern-search-bar .mec-text-input-search+input#mec-search-bar-input { margin-left: 0; } .mec-wrap.mec-modern-search-bar .mec-search-form .mec-dropdown-wrap .mec-dropdown-search select { height: 45px; background: rgba(255, 255, 255, .99); border-radius: 2px; box-shadow: 0 4px 8px rgba(0, 0, 0, .1) inset; border: 1px solid #ccc; padding-right: 13px; font-size: 16px; border-left: 0; } .mec-wrap.mec-modern-search-bar .mec-search-form .mec-dropdown-wrap i { height: 45px; background: #ffff; border-radius: 2px 0 0 2px; box-shadow: none; border: 1px solid #ccc; font-size: 15px; padding-top: 14px; border-right: 0; color: #40d9f1; margin-right: -1px; } .mec-wrap.mec-modern-search-bar .mec-search-form .mec-dropdown-wrap { min-height: 64px; } @media(max-width: 768px) { .mec-wrap.mec-modern-search-bar .mec-search-form .mec-text-input-search { width: 70%; } .mec-wrap.mec-modern-search-bar input#mec-search-bar-input { width: calc(100% - 72%); } } @media(max-width: 480px) { .mec-wrap.mec-modern-search-bar input#mec-search-bar-input { width: 92%; padding: 0 10px; position: relative; display: block; margin-left: 11px; } .mec-wrap.mec-modern-search-bar .mec-search-form .mec-text-input-search { width: 100%; margin-bottom: 20px; } .mec-wrap.mec-modern-search-bar .mec-text-input-search+input#mec-search-bar-input { margin-left: 10px; } } /* Related Events */ .mec-related-events-wrap { margin-top: 50px; } .mec-related-events-wrap h3.mec-rec-events-title:before { content: ""; background: #2c2f34; width: 46px; height: 4px; position: absolute; top: 59px; left: 0; } .mec-related-events-wrap h3.mec-rec-events-title { font-size: 21px; font-weight: 600; padding: 17px 0; margin-bottom: 28px; text-transform: uppercase; border-bottom: 1px solid #e8e8e8; position: relative; } .mec-related-event-post figure { margin: 0; } .mec-related-event-post figure img { width: 100%; } .mec-related-event-content { background-color: #fff; margin: -27px 30px 15px; position: relative; max-width: 90%; padding: 13px 21px 16px 19px; } .mec-related-event-content h5 a { font-size: 16px; color: #121212; font-weight: 600; transition: all 0.3s ease; } /* Fronrend Organizer Payment */ .mec-fes-form-cntt #mec-organizer-payments ul { list-style: none; background: transparent; margin: 0; } .mec-fes-form-cntt #mec-organizer-payments ul li h4 { background: transparent; letter-spacing: 0.2px; display: inline-block; padding-left: 0 !important; padding-bottom: 10px !important; margin: 0; margin-bottom: 1px; letter-spacing: 1px; text-transform: capitalize; padding-top: 1px; } .mec-fes-form-cntt #mec-organizer-payments ul>li { width: 100%; display: inline-block; vertical-align: top; padding: 0; margin: 0; } /* Login Module */ #mec-login-form.mec-login-form { width: 100%; background: #fff; padding: 20px; margin: 0 auto; text-align: center; position: relative; } #mec-login-form.mec-login-form .mec-login-input { display: block; width: 286px; margin: 0 auto; margin-bottom: 12px; } #mec-login-form.mec-login-form .mec-login-forgotpassword { display: inline-block; } .mec-login-forgotpassword a { color: #000; } #mec-login-form.mec-login-form .mec-login-submit { float: right; text-align: right; width: 49%; padding-right: 2px; } #mec-login-form.mec-login-form .mec-login-input input { border: none; box-shadow: none; background: #fff; color: #ccc; border-left: 1px solid #e6e6e6; padding: 0; height: 100%; background-image: none !important; padding-left: 10px; padding-right: 0; width: 222px; margin-left: 0; clear: none; float: left; } #mec-login-form.mec-login-form .mec-login-input label { border: 1px solid #e6e6e6; height: 52px; display: inline-block; padding: 0; border-radius: 3px; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } #mec-login-form.mec-login-form .mec-login-input label i { padding: 15px 13px 17px 16px; vertical-align: middle; font-size: 20px; width: 50px; color: #c5cad0; background: #fafafa; margin-right: 0; float: left; } #mec-login-form.mec-login-form .mec-login-forgotpassword { float: left; width: 49%; text-align: left; padding-top: 10px; font-size: 13px; padding-left: 2px; } #mec-login-form.mec-login-form button { width: 120px; height: 44px; border: none; color: #fff; border-radius: 3px; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; transition: all .22s ease; margin: 0; min-width: unset; } .mec-login-form button { box-shadow: 0 4px 22px -7px #40d9f1; background-color: #40d9f1; } #mec-login-form.mec-login-form button:hover { background: #222; box-shadow: 0 3px 14px -4px #333 } #mec-login-form.mec-login-form .mec-login-form-footer { width: 286px; margin: 0 auto; margin-top: 20px; clear: both; position: relative; display: block; min-height: 50px } #mec-login-form.mec-login-form .mec-ajax-login-loading { position: absolute; background: #ffffffc2; left: 0; right: 0; top: 0; bottom: 0 } #mec-login-form.mec-login-form .lds-ripple { position: absolute; width: 64px; height: 64px; top: calc(50% - 23px); left: calc(50% - 23px) } #mec-login-form.mec-login-form .lds-ripple div { position: absolute; border: 4px solid #40d9f1; opacity: 1; border-radius: 50%; animation: lds-ripple 1.2s cubic-bezier(0, .2, .1, .8) infinite } #mec-login-form.mec-login-form .lds-ripple div:nth-child(2) { animation-delay: -.5s } #mec-login-form.mec-login-form .mec-ajax-login-loading-text { position: absolute; min-width: 200px; top: calc(50% - 18px); left: calc(50% - 124px); color: #fff; padding: 10px 22px; border-radius: 3px; background: #fff; height: 47px; } #mec-login-form.mec-login-form .mec-ajax-login-loading-text strong { color: #3fcc60; } #mec-login-form.mec-login-form .mec-ajax-login-loading-text strong:before { content: ""; position: absolute; top: 8px; left: 1px; border-right: 2px solid #3fcc60; border-bottom: 2px solid #3acb5c; transform: rotate(45deg); transform-origin: 0 100%; color: #000; animation: checkbox-check 130ms 140ms cubic-bezier(.4, 0, .23, 1) forwards; width: 8px; height: 14px; } #mec-login-form.mec-login-form .mec-ajax-login-loading-text.error strong:after { content: ""; position: absolute; top: 14px; left: 5px; border-bottom: 2px solid #ff5d39; transform: rotate(45deg); transform-origin: 0 100%; color: #000; animation: checkbox-check 130ms 140ms cubic-bezier(.4, 0, .23, 1) forwards; width: 14px; height: 4px; } #mec-login-form.mec-login-form .mec-ajax-login-loading-text.error strong { color: #ff5d39; } #mec-login-form.mec-login-form .mec-ajax-login-loading-text.error strong:before { border-color: #ff5d39; border-bottom: none; } @keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1; } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0; } } /* Stripe V3 */ .mec-book-form-gateway-checkout [id*="mec_do_transaction_stripe_"] .mec-form-row:first-child { margin-bottom: 20px; } .mec-events-meta-group-booking .StripeElement { box-sizing: border-box; height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; margin-bottom: 20px; background: #fff; } .mec-book-form-gateways [id*="mec_book_form_gateway_checkout"] input[type=text] { box-sizing: border-box; height: 40px; padding: 10px 12px; border: 0 !important; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 3px 0 #e6ebf1 !important; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; margin-bottom: 20px; background: #fff !important; } .mec-book-form-gateways [id*="mec_book_form_gateway_checkout"] input[type=text]:focus { outline: none; } .mec-events-meta-group-booking .StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; } .mec-events-meta-group-booking .StripeElement--invalid { border-color: #fa755a; } .mec-events-meta-group-booking .StripeElement--webkit-autofill { background-color: #fefde5 !important; } /* front-end submition new edition */ ul#mec_reg_form_fields li .mec_reg_field_remove, .mec-booking-tab-content .mec-reg-field-add-option, .mec-booking-tab-content .button, .mec-fes-form .mec-form-row .button:not(.wp-color-result), .mec-fes-form input[type=file] { height: 40px; margin-top: 1px; text-decoration: none; font-size: 14px; line-height: 34px !important; margin: 0; padding: 0 15px 1px !important; text-transform: none; letter-spacing: 0; font-weight: 600; color: #40d9f1; background: #fff; border-radius: 3px; margin-right: 8px; border: 2px solid #cfeff5; box-shadow: 0 2px 6px -3px #cfeff5; } .mec-booking-tab-content .mec-reg-field-add-option:hover, .mec-booking-tab-content .button:hover, .mec-fes-form .mec-form-row .button:not(.wp-color-result):hover { background: #40d9f1; color: #fff; border-color: #40d9f1; box-shadow: 0 2px 6px -3px #40d9f1; } .mec-fes-form .mec-form-row input+button.button { vertical-align: top; } .mec-fes-form .mec-form-row .quicktags-toolbar input.button.button-small { border-width: 1px; padding: 0 7px; color: #80c6d2; font-weight: 400; margin: 1px; transform: none; } .mec-fes-form input[type=file] { max-width: 166px; text-align: center; height: 44px; transition: all 0.2s ease; border-radius: 5px !important; border: 2px dashed #b8e9f3; } .mec-fes-form input[type=file]:hover { box-shadow: 0 2px 16px -3px #cfeff5; } .mec-fes-form input[type=file]::-webkit-file-upload-button { visibility: hidden; width: 1px; height: 38px; } .mec-fes-form input[type=file]::-moz-file-upload-button { visibility: hidden; width: 1px; height: 38px; } .mec-fes-form .mec-meta-box-fields>label { padding: 0; } #mec_reg_form_fields li { list-style: none; } ul#mec_reg_form_fields { padding: 0; margin: 0; } ul#mec_reg_form_fields li { background: #f8feff; margin: 6px -20px; padding: 15px 25px 10px; width: auto; font-size: 13px; border-top: 1px solid #e8fafd; border-bottom: 1px solid #e8fafd; position: relative; } ul#mec_reg_form_fields li .mec_reg_field_remove { position: absolute; right: 10px; top: 10px; margin: 0; padding: 6px 8px !important; font-size: 11px; line-height: 12px !important; min-height: 10px; height: auto; display :block; cursor: pointer; color: #ea6485; border-color: #ffd2dd; letter-spacing: 0.4px } ul#mec_reg_form_fields li .mec_reg_field_remove:hover { background: #ea6485; color: #fff; border-color: #ea6485; box-shadow: 0 2px 6px -3px #ea6485; } /* from backend */ #mec_reg_form_fields input[type=checkbox], #mec_reg_form_fields input[type=radio], .mec-form-row input[type=checkbox], .mec-form-row input[type=radio] { background-color: #fff; border: 1px solid #cfeff5; box-shadow: 0 1px 3px -1px #cfeff5; padding: 9px; border-radius: 3px; min-width: 24px; min-height: 24px; display: inline-block !important; vertical-align: middle; float: none; transition: all 0.18s ease; outline: none; margin: 1px 4px 4px 0; text-align: left; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; } #mec_reg_form_fields input[type=checkbox]:focus, #mec_reg_form_fields input[type=radio]:focus, .mec-form-row input[type=checkbox]:focus, .mec-form-row input[type=radio]:focus { outline: none; } #mec_reg_form_fields input[type=radio], .mec-form-row input[type=radio] { -webkit-appearance: none; border-radius: 20px !important; min-width: 20px; min-height: 20px; margin: 0 0 4px 0; vertical-align: middle; } #mec_reg_form_fields input[type=checkbox]:hover, #mec_reg_form_fields input[type=radio]:hover, .mec-form-row input[type=checkbox]:hover, .mec-form-row input[type=radio]:hover { border-color: #40d9f1; } #mec_reg_form_fields input[type=checkbox]:checked, #mec_reg_form_fields input[type=radio]:checked, .mec-fes-form .mec-form-row input[type=checkbox]:checked, .mec-fes-form .mec-form-row input[type=radio]:checked { box-shadow: 0 1px 6px -2px #40d9f1; border-color: #40d9f1; background: #40d9f1 !important; border-radius: 2px; position: relative; } .mec-form-row input[type=radio]:checked { box-shadow: 0 1px 6px -2px #40d9f1, inset 0 0 0 3px #fff !important; } #mec_reg_form_fields input[type=checkbox]:checked::before, .mec-form-row input[type=checkbox]:checked:before { content: ""; font: normal; position: absolute; top: 12px; left: 5px; margin: 0; vertical-align: middle; line-height: 1; border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important; transform: rotate(45deg); transform-origin: 0% 100%; color: #fff; transition: all 0.2s ease; animation: checkbox-check 130ms 140ms cubic-bezier(.4, .0, .23, 1) forwards; } @keyframes checkbox-check { 0% { width: 0; height: 0; border-color: #fff; transform: translate3d(0, 0, 0) rotate(45deg); } 33% { width: 6px; height: 0; transform: translate3d(0, 0, 0) rotate(45deg); } 100% { width: 6px; height: 12px; border-color: #fff; transform: translate3d(0, -12px, 0) rotate(45deg); } } #mec_reg_form_field_types .button { position: relative; outline: 0; border-radius: 50px; padding: 2px 21px 2px 31px !important; line-height: 1; font-size: 11px; font-weight: 600; color: #40d9f1; letter-spacing: 2px; height: auto; cursor: pointer; margin-top: 5px; text-transform: uppercase; box-shadow: 0 2px 6px -3px #40d9f1; border: 2px solid #cfeff5; } #mec_meta_box_tickets_form [id^="mec_ticket_row"] button, #mec_fes_organizer_remove_image_button, #mec_fes_location_remove_image_button, #mec_meta_box_hourly_schedule_days [id^="mec_meta_box_hourly_schedule_day_"] .mec-form-row.mec-box .button, #mec_meta_box_hourly_schedule_days [id^="mec_meta_box_hourly_schedule_day_"] .mec-col-1 .button, #mec_reg_form_field_types .button.red { color: #ea6485; box-shadow: 0 2px 6px -3px #ea6485; background: #fff; border-color: #ffd2dd; } #mec_meta_box_tickets_form [id^="mec_ticket_row"] button:hover, #mec_fes_organizer_remove_image_button:hover, #mec_fes_location_remove_image_button:hover, #mec_meta_box_hourly_schedule_days [id^="mec_meta_box_hourly_schedule_day_"] .mec-form-row.mec-box .button:hover, #mec_meta_box_hourly_schedule_days [id^="mec_meta_box_hourly_schedule_day_"] .mec-col-1 .button:hover, #mec_reg_form_field_types .button.red:hover { background: #ea6485; color: #fff; } #mec_reg_form_field_types .button:before { position: absolute; left: 12px; color: #40d9f1; content: "\e095"; font-family: simple-line-icons; font-size: 13px; display: inline-block; } #mec_reg_form_field_types .button.red:before { color: #ea6485; } #mec_reg_form_field_types .button.red:hover:before, #mec_reg_form_field_types .button:hover:before { color: #fff; } #mec_meta_box_tickets_form [id^="mec_ticket_row"] button:hover, #mec_fes_organizer_remove_image_button:hover, #mec_fes_location_remove_image_button:hover, #mec_meta_box_hourly_schedule_days [id^="mec_meta_box_hourly_schedule_day_"] .mec-form-row.mec-box .button:hover, #mec_meta_box_hourly_schedule_days [id^="mec_meta_box_hourly_schedule_day_"] .mec-col-1 .button:hover, #mec_price_per_dates_container .button:hover, #mec_reg_form_field_types .button.red:hover { color: #fff; border: 2px solid #ea6485; } #mec_ticket_variations_list [id^="mec_remove_ticket_variation_button"], #mec_taxes_fees_container_toggle [id^="mec_remove_fee_button"] { color: #ea6485; border-color: #ffd2dd; } #mec_ticket_variations_list [id^="mec_remove_ticket_variation_button"]:hover, #mec_taxes_fees_container_toggle [id^="mec_remove_fee_button"]:hover { color: #fff; border: 2px solid #ea6485; background: #ea6485; } #mec_fees_list [id^=mec_remove_fee_button], #mec_meta_box_ticket_variations_form .mec-form-row [id^=mec_remove_ticket_variation_button] { margin-left: 14px !important; } #mec_meta_box_hourly_schedule_days .mec-add-hourly-schedule-button { line-height: 10px !important; } #mec_meta_box_tickets_form [id^="mec_ticket_row"] .mec_add_price_date_button { color: #40d9f1; box-shadow: 0 2px 6px -3px #40d9f1; border: 2px solid #cfeff5; } #mec_meta_box_tickets_form [id^="mec_ticket_row"] .mec_add_price_date_button:hover, #mec_reg_form_field_types .button:hover { color: #fff; border: 2px solid #40d9f1; background: #40d9f1; } .mec-form-row select+span.mec-tooltip, .mec-form-row input+span.mec-tooltip { bottom: 10px; } .mec-form-row label+span.mec-tooltip { bottom: 8px; } .mec-form-row textarea+span.mec-tooltip { bottom: auto; vertical-align: top; top: 12px; } .mec-form-row span+span.mec-tooltip { bottom: 0; vertical-align: middle; } .mec-form-row .mec-col-8 span.mec-archive-skins, .mec-form-row .mec-col-8 select, .mec-form-row .mec-col-8 input[type="text"] { vertical-align: top; } .mec-form-row input:disabled { opacity: 0.6; background: #f6f6f6; } .mec-form-row p { font-size: 12px !important; line-height: 18px !important; color: #97b2bb !important; } .mec-form-row p.description { font-style: italic; } .ui-datepicker.ui-widget { border: 1px solid #e8e8e8; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.12); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } table.ui-datepicker-calendar { margin-bottom: 0; } .ui-datepicker-calendar th { font-weight: 700; color: #4a4b4c; } .ui-datepicker-calendar tr, .ui-datepicker-calendar td, .ui-datepicker-calendar th { border: none; } .ui-datepicker.ui-widget select { font-weight: 600; font-size: 12px; display: inline-block; border-radius: 2px; padding: 2px 10px; margin: 5px 3px; width: auto; min-height: 20px; height: 26px; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .04); } .ui-datepicker.ui-widget table { border-spacing: 2px; border: none; } .ui-datepicker.ui-widget td, .ui-datepicker.ui-widget tr { padding: 0; background: none !important; } .ui-datepicker.ui-widget td a { color: #9a9b9c; font-weight: 600; width: 30px; height: 30px; line-height: 30px; display: inline-block; border-radius: 33px; padding: 0; background: #fff; transition: all 0.2s ease; } .ui-datepicker.ui-widget td a:hover, .ui-datepicker.ui-widget td a.ui-state-active { background: #40d9f1; color: #fff; } .ui-datepicker.ui-widget .ui-datepicker-next, .ui-datepicker.ui-widget .ui-datepicker-prev { color: #40d9f1; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; border-radius: 33px; background: #ecfcff; transition: all 0.2s ease; } .ui-datepicker.ui-widget .ui-datepicker-next:hover, .ui-datepicker.ui-widget .ui-datepicker-prev:hover { background: #fff; box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.4); } .mec-fes-form .mec-tooltip .dashicons-before:before { color: #40d9f1; } .mec-fes-form button[type="submit"].mec-fes-sub-button { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; border-radius: 3px; background: #40d9f1; color: #fff; height: 54px; font-size: 17px; font-weight: 700; box-shadow: 0 2px 8px -4px #40d9f1; display: block; transition: all .28s ease; text-transform: uppercase; margin: 20px 0 0; padding: 14px 20px; border: 0; cursor: pointer; text-align: center; letter-spacing: 0.1em; line-height: 1; } .mec-fes-form button[type="submit"].mec-fes-sub-button:hover { box-shadow: 0 2px 12px -2px #40d9f1; } .mec-fes-form button[type="submit"].mec-fes-sub-button:focus { margin-bottom: -2px; background: #1dc2dc; } .mec-fes-form .mec-title span.mec-dashicons { color: #40d9f1; float: left; margin-right: 5px; } .mec-fes-form .mec-tooltip .box h5 { padding: 14px 2px; } #mec_fes_form, .mec-fes-form-top-actions { max-width: 838px; margin: 0 auto; } @media only screen and (min-width: 961px) { .mec-fes-form .mec-fes-form-cntt { width: calc(100% - 300px); float: left; padding-right: 20px; max-width: 538px; display: block; } .mec-fes-form .mec-fes-form-sdbr { width: 300px; } } .mec-fes-form div.mce-toolbar-grp, .mec-fes-form .quicktags-toolbar { background: #ecfcff; border-bottom: 1px solid #cfeff5; box-shadow: 0 1px 0px 1px #cfeff5; } .mec-fes-form .quicktags-toolbar { margin-right: -1px; border-top: 1px solid #cfeff5; } .mec-fes-form div.mce-statusbar { border-top-color: #cfeff5; } .mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { border: 1px solid #cfeff5; border-radius: 3px; } .mec-fes-form .mce-tinymce.mce-container.mce-panel { border: 1px solid #cfeff5; box-shadow: 0 2px 6px -3px #cfeff5; border-radius: 2px 0 2px 2px; } .mec-fes-form .wp-editor-tools .wp-media-buttons { transform: translateY(-6px); margin-top: -6px; } .mec-fes-form .wp-editor-tabs { padding-right: 0; margin-right: -2px; } .mec-fes-form .wp-editor-tabs .wp-switch-editor { border-radius: 3px 3px 0 0; border-color: #cfeff5; background: #fff; color: #96b8bd; border-bottom: 1px solid #ecfcff; } .mec-fes-form .wp-editor-tabs .wp-switch-editor:active, .mec-fes-form .html-active .switch-html, .mec-fes-form .tmce-active .switch-tmce { background: #ecfcff; color: #40d9f1; } .mec-fes-form .wp-editor-container, .mec-fes-form div.mce-edit-area.mce-panel { border: none; box-shadow: none; } .mec-fes-form .wp-editor-container textarea.wp-editor-area { max-width: 100%; } .mec-fes-form .mce-toolbar .mce-listbox button { font-size: 12px; line-height: 22px; color: #798f96; } .mec-fes-form .mce-toolbar .mce-ico { color: #627f88; } .mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-active, .mec-fes-form .mce-toolbar .mce-btn-group .mce-btn:active, .mec-fes-form .qt-dfw.active { background: #fff; border-color: #40d9f1; box-shadow: inset 0 2px 6px -3px rgba(106, 231, 255, 0.7); } .mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-active .mce-ico { color: #40d9f1; } body .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, body.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview, body .mce-menu .mce-menu-item.mce-selected, body .mce-menu .mce-menu-item:focus, body .mce-menu .mce-menu-item:hover { background: #40d9f1; color: #fff; } .mec-fes-form .mec-not-in-days-day { display: inline-block; padding: 4px 32px 4px 15px; border-radius: 33px; border: 1px solid #cfeff5; box-shadow: 0 1px 3px -1px #cfeff5; background: #fbfeff; color: #40d9f1; vertical-align: top; } .mec-fes-form .mec-not-in-days-remove { display: inline-block; padding: 0 1px 0 0; margin-left: -30px; vertical-align: sub; background: #ff918a; color: #fff; font-family: cursive; width: 21px; height: 21px; line-height: 17px; text-align: center; border-radius: 20px; cursor: pointer; } .mec-fes-list ul li .mec-event-status { float: left; margin-right: 10px; margin-left: 0; font-size: 11px; font-weight: 400; letter-spacing: 0.3px; border-radius: 3px; padding: 4px 8px; } .mec-fes-list ul li .mec-event-status.mec-book-confirmed:before, .mec-fes-form .post-status.mec-book-confirmed:before { content: ""; margin: 0; vertical-align: middle; line-height: 1; border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important; transform: rotate(45deg); color: #fff; width: 6px; height: 12px; float: left; margin-right: 6px; } .mec-fes-list ul li .mec-fes-event-remove:before, .mec-fes-list ul li .mec-fes-event-view a:before, .mec-fes-list-top-actions a:before, .mec-fes-list ul li .mec-fes-event-export a:before { content: "\e054"; font-family: simple-line-icons; font-size: 13px; vertical-align: middle; } .mec-fes-list ul li .mec-fes-event-view a:before { content: "\e087"; } .mec-fes-list-top-actions a:before { content: "\e095"; font-weight: 400; margin-right: 6px; } .mec-fes-list ul li .mec-fes-event-export a:before { content: "\e083"; } .mec-fes-form .post-status { border-radius: 20px; } .mec-fes-form .post-status.mec-book-confirmed:before { height: 20px; width: 9px; margin: 3px 10px } .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { height: auto; padding: 0; } .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td a { font-size: 14px; line-height: 30px; } .mec-fes-form .description { font-size: 16px; } /* FireFox Checkbox */ .mec-fes-form input[type="file"] { text-align: left; } /* FES Export */ .mec-fes-export-wrapper { width: 640px; background: #f8feff; padding: 40px 25px; } .mec-fes-export-wrapper .mec-fes-btn-date { font-size: 16px; line-height: 44px; overflow: hidden; } .mec-fes-export-wrapper .date-messgae { font-family: sans-serif; padding: 2px 18px; } .mec-fes-list ul li .mec-event-export-csv, .mec-fes-list ul li .mec-event-export-excel { font-size: 12px; border: 1px solid #40d9f1; padding: 1px 4px; background: rgba(141, 229, 243, 0.18); border-radius: 4px; color: #40d9f1; font-family: sans-serif; cursor: pointer; display: inline-block; height: 26px; line-height: 22px; } .mec-export-badge { font-size: 11px; color: #40d9f1; width: auto; height: 24px; line-height: 25px; display: inline-block; padding: 0 8px; text-align: center; border-radius: 3px; background: #ecfcff; transition: all .2s ease; } .mec-fes-list ul li .mec-fes-event-export { font-size: 11px; background: #f7f7f7; float: right; margin-left: 5px; } .mec-fes-list ul li .mec-fes-event-export:hover { cursor: pointer; background: rgb(144, 240, 224); border-color: rgb(77, 200, 204); } .mec-fes-export-wrapper ul { padding: 0; width: 100%; text-align: center; } .mec-fes-export-wrapper ul li { list-style: none; display: inline-block; width: 30%; padding: 10px 15px 10px 32px; border-radius: 3px; margin-bottom: 15px; border: 1px solid #cfeff5; box-shadow: 0 2px 6px -4px #cfeff5; background: #fff; line-height: normal; margin-right: 10px; position: relative; cursor: pointer; font-size: 13px; line-height: 1; transition: all 0.2s ease; } .mec-fes-export-wrapper ul li:nth-child(3n+0) { margin-right: 0; } .mec-fes-export-wrapper ul li:hover { box-shadow: 0 2px 16px -1px #c6e8ef; } .mec-fes-export-wrapper ul li:before { content: ""; position: absolute; display: inline-block; background: #fff; width: 15px; height: 15px; margin: -1px 0 0 5px; cursor: pointer; border: 2px solid #e1e7ed; box-shadow: 0 2px 15px -3px rgba(69, 77, 89, .32); border-radius: 50%; left: 9px; top: calc(50% - 7px); } .mec-fes-export-wrapper ul li.fes-export-date-active { color: #40d9f1; } .mec-fes-export-wrapper ul li.fes-export-date-active:before { width: 15px; height: 15px; border: 6px solid #40d9f1; background: #fff; box-shadow: 0 3px 16px -3px #40d9f1; } .mec-fes-btn-export { margin-left: 15px; margin-top: 12px; } .mec-fes-btn-export span { position: relative; border: none; border-radius: 3px; color: #fff !important; display: inline-block; font-size: 13px; line-height: 1; text-transform: none; font-weight: 400; text-decoration: none; cursor: pointer; margin-right: 4px; line-height: 1; letter-spacing: 0; padding: 15px 22px; background: #39c36e; box-shadow: 0 1px 7px -3px #39c36e !important; -webkit-transition: all .21s ease; -moz-transition: all .21s ease; transition: all .21s ease; cursor: pointer; margin-left:6px; } .mec-fes-btn-export span:hover { background: #222; } span.mec-event-export-csv:before, .mec-event-export-excel:before { content: "\e083"; font-family: simple-line-icons; font-size: 13px; vertical-align: middle; margin-right: 7px; margin-top: -1px; display: inline-block; } .mec-fes-list .wn-p-t-right { min-width: 170px; max-width: 200px; display: inline-block; top: -8px; left: 50%; margin-top: 0; transform: translate(-50%, -100%); padding: 0; background-color: #000; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: .5px; line-height: 1.5; position: absolute; z-index: 99999999; box-sizing: border-box; border-radius: 6px; box-shadow: 0 4px 45px -8px #535a61; visibility: hidden; opacity: 0; transition: opacity .23s; padding: 5px 10px 6px; border-radius: 8px; text-align: center; font-style: normal; } .mec-fes-list .mec-fes-event-export:hover .wn-p-t-right, .mec-fes-list .mec-fes-event-view:hover .wn-p-t-right, .mec-fes-list .mec-fes-event-remove:hover .wn-p-t-right { visibility: visible; opacity: 1; } .mec-fes-list .wn-p-t-right i { position: absolute !important; top: 100%; right: 50%; margin-top: -6px !important; margin-right: -6px !important; width: 12px; height: 24px; overflow: hidden; transform: rotate(-90deg); } .mec-fes-list .wn-p-t-right i:after { content: ''; position: absolute; width: 12px; height: 12px; left: 0; top: 50%; transform: translate(50%, -50%) rotate(-45deg); background-color: #000; box-shadow: 0 8px 9px -4px #535a61; } /* Select 2 Styles */ .mec-fes-form .select2-container { min-height: 38px; box-sizing: border-box; margin-bottom: 8px; padding: 0 6px; border-radius: 2px; border: 1px solid #ddd; box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.07); background-color: #fff; color: #32373c; outline: none; transition: 0.05s border-color ease-in-out; min-width: 200px; font-size: 14px; } .mec-fes-form .select2-selection { border: none; background: transparent; padding-top: 2px; width: 100%; height: 100%; } .mec-fes-form .select2-container--default.select2-container--focus .select2-selection { border: none !important; outline: 0; } .mec-fes-form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; right: 4px; } .select2-results { font-size: 14px; } /* FES SubCategories */ .mec-fes-category-children .mec-fes-category-children, .mec-fes-category-children { padding-left: 24px; } /* --------------------- */
[+]
..
[-] mecrtl.min.css
[edit]
[-] backend.css
[edit]
[-] dyncss.css
[edit]
[-] rtlbackend.css
[edit]
[-] index.html
[edit]
[-] backend.min.css
[edit]
[-] frontend.min.css
[edit]
[-] frontend.css
[edit]
[-] mecrtl.css
[edit]
[-] iconfonts.css
[edit]