/*---------------------------------- Theme Name: Modern Events Calendar Theme URI: http://webnus.biz Author: WEBNUS Author URI: http://codecanyon.net/user/WEBNUS Description: Modern Events Calendar Version: 1.0.0 License: GNU General Public License License: codecanyon.net /*-----------------------------------------------------------------------------------*/ /* #CSS Base & Typography ================================================== */ .mec-wrap , .mec-wrap div { font-family: 'Montserrat', Helvetica, Arial, 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', Helvetica, Arial, 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, .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 input[type="submit"]:hover, .mec-wrap input[type="reset"]:hover, .mec-wrap input[type="button"]:hover { background:#222; color:#fff;} /* 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;} /* --------------------- /* # 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;} /* # Color Skins ================================================== */ /* colorskin-1 */ .mec-wrap .mec-color, .mec-wrap .mec-color-hover:hover, .mec-wrap .mec-color-before *:before { color: #40d9f1;} .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover { background-color: #40d9f1;} .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover { border-color: #40d9f1;} /* 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;top: 40px;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; top: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px; } .mec-event-sharing-wrap .mec-event-sharing:before { top: -19px; border-color: transparent transparent #e2e2e2 transparent; } .mec-event-sharing-wrap .mec-event-sharing:after { top: -18px; border-color: transparent transparent #ffffff 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 { border: 1px solid #d9d9d9;} .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.owl-carousel {padding: 36px 0 16px;} .mec-widget .mec-event-grid-classic.owl-carousel .owl-controls {margin: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.owl-carousel {padding: 20px 0 16px;} .mec-widget .mec-event-grid-classic.owl-carousel .owl-controls {margin:0; width:100%; position: absolute; top: 0; padding:0} .mec-widget .mec-event-grid-classic.owl-carousel .owl-controls .owl-buttons 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.owl-carousel .owl-controls .owl-buttons i {font-size: 12px;color: #40d9f1; cursor:pointer;} .mec-widget .mec-event-grid-classic.owl-carousel .owl-controls .owl-next{right: 0;} .mec-widget .mec-event-grid-classic.owl-carousel .owl-controls .owl-prev{left: 0;} .mec-widget .mec-event-grid-classic.owl-carousel .mec-event-sharing { display:none;} .mec-widget .mec-event-grid-classic.owl-carousel .mec-event-footer { text-align:center;} .mec-widget .mec-event-grid-classic.owl-carousel .mec-event-footer .mec-booking-button { position:static; padding:11px 16px;} /* 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 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 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-month-navigator-loading{content: url('../img/ajax-loader.gif'); margin-top:15%; display: block; margin-left: auto; margin-right: auto; padding: 10px; background: transparent; border-style: none;} .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;} /* 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-event-list-standard .mec-month-divider {text-align:center;margin:60px 0 40px 0;} .mec-event-list-standard .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-event-list-standard .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;} .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:table;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;} .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-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";} @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; float:left; 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 (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; } /* Booking */ .mec-single-event .mec-events-meta-group-booking { padding: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;} .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 .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 {color: #424242;font-size: 12px;font-weight: 300;letter-spacing: 0;margin: 3px 0;display: block;} .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=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:32px;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;} @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=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]: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] { float: left; margin-right: 6px; margin-top: 5px; min-height:20px;} .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-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;} @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;} .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 dd { margin: 0;padding-left: 35px;} .mec-single-event .mec-event-meta dd.mec-events-event-categories { min-height: 35px; line-height: 35px;} .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 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: #8d8d8d;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.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 {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; text-align:center;} .mec-single-event .mec-frontbox-title:before {padding: 1px 35px;border-bottom: 4px solid #40d9f1;font-size: 6px;content: "";text-align: center;position: absolute;bottom: -4px;margin-left: 39px;} .mec-event-meta i:before {font-size: 20px; vertical-align: middle;} .mec-event-meta .mec-single-event-organizer 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-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-events-meta-date,.mec-event-cost,.mec-event-website{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-events-meta-date dd {padding-left:0;margin-bottom: 10px;} .mec-single-event .mec-single-event-organizer 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-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: 13px;} .mec-single-event .mec-event-content dt {margin-top: 5px;} /* 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;} /* Location */ .mec-single-event-location img, .mec-single-event-organizer img {margin-bottom: 10px;width: 100%;} /* time */ .mec-time-comment{font-size: 11px;} /* 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: 40px;height: 40px;margin:0 auto 20px;position:relative;text-align:center;line-height: 40px;border: 1px solid #40d9f1;border-radius:50%;font-size: 16px;font-weight: 700;} .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; 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:auto; 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;} } /* 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:100%;} .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; letter-spacing:-0.6px; 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;} .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: 5px;} .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span { font-size: 40px; font-weight:700; display: block; margin-bottom: 12px; 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 -------------------------------- */ .mec-infowindow-wp { width:264px;} .mec-infowindow-wp .mec-infowindow-thumbnail { width:100%; height:auto; padding-top:7px;} .mec-infowindow-wp h5 { font-size:15px; font-weight:700;} .mec-infowindow-wp h5 a { color:#222;} .mec-infowindow-wp h5 a:hover { color:#40d9f1;} .mec-infowindow-wp .mec-infowindow-date { font-size:11px; color:#8a8a8a;} .gm-style .mec-tooltip { padding: 8px 11px; background: rgb(255, 255, 255); border-radius:3px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.086);} .gm-style .mec-tooltip h5 { margin-bottom: 6px; font-size:14px;} .mec-infowindow-wp .mec-infowindow-thumbnail img { width:90px; height:auto; float:left; margin-right:7px;} /* Mec Countdown -------------------------------- */ .mec-single-event .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-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;} .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 only screen and (max-width: 767px) { .mec-events-meta-group-countdown .countdown-w { padding:20px 0 10px;} .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 only screen 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 only screen and (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; } .info-msg { color: #059; background-color: #BEF; } .mec-success { color: #270; background-color: #DFF2BF; } .warning-msg { color: #9F6000; background-color: #FEEFB3; } .mec-error { color: #D8000C; background-color: #FFBABA; } /* Mec Frontend Submission -------------------------------- */ .mec-fes-list ul { list-style:none;} .mec-fes-list ul li * { text-decoration:none !important;} .mec-fes-list ul li { border-bottom:1px solid #eee; padding:14px 0; 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-weight:600; font-size:15px;} .mec-fes-list ul li .mec-fes-event-view, .mec-fes-list ul li .mec-fes-event-remove { font-size:11px; padding:4px 8px; border:1px solid #e7e7e7; background:#f7f7f7; float:right; margin-left:5px;} .mec-fes-list ul li .mec-fes-event-remove:hover { cursor:pointer; background:#F0B7B8; border-color:#CC4D4F;} .mec-fes-list-top-actions a { font-size:11px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:1px solid #e3e3e3; background:#f5f5f5;} .mec-fes-list-top-actions a, .mec-fes-form-top-actions a { position:relative; border: none; border-radius:0; color: #fff !important; display: inline-block; font-size: 12px; letter-spacing:2px; line-height: 1; text-transform: uppercase; font-weight: 600; text-decoration: none; cursor: pointer; margin-bottom: 21px; margin-right:10px; line-height: 1; padding: 17px 21px; background: #39c36e; -webkit-transition: all 0.21s ease; -moz-transition: all 0.21s ease; transition: all 0.21s ease;} .mec-fes-list-top-actions a:hover, .mec-fes-form-top-actions a:hover { background:#222; color:#fff;} .mec-fes-form .mec-form-row, .mec-fes-list .mec-form-row { margin-bottom:20px; clear:both;} .mec-fes-form label { padding-right:10px; font-size:13px; display:block;} .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 { border-radius:0; min-width:inherit; width:auto; display:inline; background: #fcfcfc;min-height:30px;font-size: 13px;border: 1px solid #e0e0e0;padding: 10px;margin-bottom: 20px;box-shadow: inset 0px 2px 4px rgba(0,0,0,0.051);clear: both;} @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 { min-width:300px; 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 { width:100%; color:#000; font-weight:600;} .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;} /* 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 - Extras -------------------------------- */ @font-face { font-family: 'simple-line-icons'; src: url('../fonts/Simple-Line-Icons_v-2.3.1.eot'); src: url('../fonts/Simple-Line-Icons_v-2.3.1.eot#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff') format('woff2'), url('../fonts/Simple-Line-Icons_v-2.3.1.woff') format('woff'), url('../fonts/Simple-Line-Icons_v-2.3.1.ttf') format('truetype'), url('../fonts/Simple-Line-Icons_v-2.3.1-simple-line-icons.svg') format('svg'); font-weight: normal; font-style: normal; } [class*="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;} .sl-facebook:before {content: "\e00b";} .sl-twitter:before {content: "\e009";} .sl-google-plus:before {content: "\e60d";} .sl-angle-left:before {content: "\e605";} .sl-angle-right:before {content: "\e606";} .sl-calendar:before {content: "\e075";} .sl-clock-o:before {content: "\e081";} .sl-home:before{content: "\e069";} .sl-phone:before{content: "\e600";} .sl-envelope:before{content: "\e086";} .sl-sitemap:before{content: "\e037";} .sl-map-marker:before{content: "\e096";} .sl-floder:before{content: "\e089";} .sl-wallet:before{content: "\e02a";} /* 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; width: 0; height: 0;} .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;} .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%;}} /* --------------------- */