/* Document : artsopolis-calendar Author : vulh Description: Purpose of the stylesheet follows. */ .eli_clear { clear: both; height: auto !important; } .eli_hidden { display: none !important; } .eli_clearfix::before, .eli_clearfix::after { content: " " !important; display: table !important; } .eli_clearfix::after { clear: both !important; } html[xmlns] .eli_clearfix { display: block !important; } * html .eli_clearfix { height: 1% !important; } button, input, select, textarea { font-family: arial,sans-serif; } div.warning { background-color: #fff; border-left-color: #ffd900; border-left-style: solid; border-left-width: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 15px; margin-left: 0; margin-right: 0; margin-top: 5px; padding-bottom: 1px; padding-left: 12px; padding-right: 12px; padding-top: 1px; } div.warning p { margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; padding-bottom: 0.5em; padding-left: 0; padding-right: 0; padding-top: 0.5em; } .apl-internal-content{ position: relative; width: 100% } .eli_wrap.artsopolis-calendar-frontend{ position: relative; width: 100%; } .artsopolis-calendar .feed-input { width: 200px !important; } .artsopolis-calendar .hndle { cursor: auto !important; } .artsopolis-calendar .child { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #ddd; border-left-style: solid; border-left-width: 1px; border-right-color: #ddd; border-right-style: solid; border-right-width: 1px; border-top-color: #ddd; border-top-style: solid; border-top-width: 1px; margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 0; } .artsopolis-calendar .thumb { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #cccccc; border-left-style: solid; border-left-width: 1px; border-right-color: #cccccc; border-right-style: solid; border-right-width: 1px; border-top-color: #cccccc; border-top-style: solid; border-top-width: 1px; margin-left: 1px; max-height: 63px; max-width: 100px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; right: 20px; top: 0; } .artsopolis-calendar .delete-btn, .artsopolis-calendar .delete-btn:hover, .artsopolis-calendar .delete-btn:link { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("../img/icon-delete.jpg"); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; border-bottom-color: -moz-use-text-color !important; border-bottom-style: none !important; border-bottom-width: medium !important; border-image-outset: 0 0 0 0 !important; border-image-repeat: stretch stretch !important; border-image-slice: 100% 100% 100% 100% !important; border-image-source: none !important; border-image-width: 1 1 1 1 !important; border-left-color: -moz-use-text-color !important; border-left-style: none !important; border-left-width: medium !important; border-right-color: -moz-use-text-color !important; border-right-style: none !important; border-right-width: medium !important; border-top-color: -moz-use-text-color !important; border-top-style: none !important; border-top-width: medium !important; cursor: pointer; height: 20px; width: 24px; } .artsopolis-calendar .logo-deleting { color: #c33; } .artsopolis-calendar #artsopolis-calendar-content { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-color: -moz-use-text-color; border-bottom-style: none; border-bottom-width: medium; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: -moz-use-text-color; border-left-style: none; border-left-width: medium; border-right-color: -moz-use-text-color; border-right-style: none; border-right-width: medium; border-top-color: -moz-use-text-color; border-top-style: none; border-top-width: medium; } .artsopolis-calendar h4.hndle { border-bottom-color: #eee; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 8px; padding-left: 12px; padding-right: 12px; padding-top: 8px; } .artsopolis-calendar-settings-category .hide-show-subcategory { cursor: pointer; font-size: 12px; padding-left: 10px; padding-top: 10px; } .artsopolis-calendar .w-95-p { width: 566px; } .artsopolis-calendar .metabox-holder h3 { font-size: 18px; } .artsopolis-calendar .metabox-holder h4 { font-size: 16px; } .artsopolis-calendar .sub-row { margin-left: 50px; } .artsopolis-calendar .form-table th { font-weight: normal; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; width: 220px; } .artsopolis-calendar .form-table td { padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } .artsopolis-calendar td.description { } .artsopolis-calendar .artsopolis-calendar-settings-category .row { display: block; float: left; width: 250px; } .artsopolis-calendar .artsopolis-calendar-settings-category .row label { text-transform: uppercase; } .artsopolis-calendar .artsopolis-calendar-settings-filter-display div.desc { display: block; float: left; width: 105px; } .artsopolis-calendar .artsopolis-calendar-settings-filter-display label { padding-bottom: 0; padding-left: 5px; padding-right: 5px; padding-top: 0; } .artsopolis-calendar #affiliate-key { float: left; } .artsopolis-calendar .artsopolis-calendar-status-container { margin-bottom: 3px; margin-left: 3px; margin-right: 3px; margin-top: 3px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } .artsopolis-calendar .artsopolis-calendar-status-container .artsopolis-calendar-error .artsopolis-calendar-message, .artsopolis-calendar .artsopolis-calendar-status-container .artsopolis-calendar-success .artsopolis-calendar-message { list-style-type: none; padding-bottom: 2px; padding-left: 20px; padding-right: 0; padding-top: 2px; } .artsopolis-calendar .artsopolis-calendar-status-container .artsopolis-calendar-error .artsopolis-calendar-message { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../img/error.png"); background-origin: padding-box; background-position: left center; background-repeat: no-repeat; background-size: auto auto; color: #c33; } .artsopolis-calendar .artsopolis-calendar-status-container .artsopolis-calendar-success .artsopolis-calendar-message { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../img/accept.png"); background-origin: padding-box; background-position: left center; background-repeat: no-repeat; background-size: auto auto; color: #390; } .artsopolis-calendar .button-primary { float: right; } .artsopolis-calendar-frontend { color: #141412; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .artsopolis-calendar-frontend h6.eli_tags.eli_h6 { font-weight: normal; margin-top: 10px; text-transform: uppercase; margin-left: 0 !important; } .artsopolis-calendar-frontend h6.eli_h6.eli_tags a.eli_a { cursor: pointer; } .artsopolis-calendar-frontend h6.eli_h6.eli_tags a.eli_a:hover { text-decoration-color: -moz-use-text-color; text-decoration-line: underline; text-decoration-style: solid; } .artsopolis-calendar-frontend #artsopolis_calendar_map_canvas { height: 347px !important; width: 100% !important; } .artsopolis-calendar-frontend .eli_m-t-15 { margin-top: 15px !important; } .artsopolis-calendar-frontend .eli_m-t-5 { margin-top: 5px !important; } .artsopolis-calendar-frontend .eli_event-website { float: left !important; font-weight: bold; padding-top: 4px !important; width: 100% !important; } .artsopolis-calendar-frontend .eli_p-t-10 { padding-top: 10px; } .artsopolis-calendar-frontend h4.eli_h4.eli_heading-bar { background-color: #777777; color: #ffffff; float: left !important; font-size: 18px; font-weight: normal; margin-bottom: 15px !important; padding-bottom: 6px !important; padding-left: 6px !important; padding-right: 6px !important; padding-top: 6px !important; text-transform: uppercase; width: 100% !important; max-width: 100% !important; line-height: calc(100% + 12px); } .artsopolis-calendar-frontend .eli_row-detail { float: left !important; width: 100% !important; } h4.eli_heading-bar { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; } .artsopolis-calendar-frontend .eli_row-detail h6.eli_h6 { width: 100% !important; } .artsopolis-calendar-frontend .eli_row-detail .eli_title a.eli_a { text-decoration-color: -moz-use-text-color !important; text-decoration-line: none !important; text-decoration-style: solid !important; } .artsopolis-calendar-frontend .eli_row-detail h6.eli_h6, .artsopolis-calendar-frontend .eli_row-detail h6.eli_h6 a.eli_a { float: left !important; border: 0; box-shadow: none; } .artsopolis-calendar-frontend .eli_row-detail .eli_arrow-map { box-shadow: none; padding-left: 2px !important; display: inline; vertical-align: middle; } .artsopolis-calendar-frontend .eli_font-s-16 { font-size: 16px; } .artsopolis-calendar-frontend i.eli_i.eli_detail-icon { float: left !important; height: 30px !important; margin-left: 10px !important; margin-right: 10px !important; width: 28px !important; } .artsopolis-calendar-frontend .eli_row-detail .eli_full-map { font-weight: bold; line-height: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 10px !important; width: 210px !important; } .artsopolis-calendar-frontend .eli_row-detail a.eli_a { color: #000000 !important; border: 0; box-shadow: none; } .artsopolis-calendar-frontend .eli_row-detail .eli_content, .artsopolis-calendar-frontend .eli_row-detail.eli_content { float: left !important; padding-left: 15px !important; width: 100% !important; padding-bottom: 10px !important; } .artsopolis-calendar-frontend .eli_admission-icon { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("../img/admission-28x30.png"); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto auto; float: left !important; height: 35px !important; margin-left: 8px !important; width: 42px !important; } .artsopolis-calendar-frontend .eli_location-icon { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("../img/location-icon-28x30.png"); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto auto; } .artsopolis-calendar-frontend .eli_calendar-icon { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("../img/small-calendar-icon-28x30.png"); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto auto; } .artsopolis-calendar-frontend .eli_row-detail .eli_row-main { margin-top: 5px !important; } .artsopolis-calendar-frontend .eli_expand-more-dates, .artsopolis-calendar-frontend .eli_collapse-more-dates { cursor: pointer; float: left !important; width: 100% !important; } .eli_button.eli_tiny { background-color: #fb6f00; font-weight: bold; padding-bottom: 0 !important; padding-left: 18px !important; padding-right: 18px !important; padding-top: 0 !important; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } div.eli_site-content div.eli_entry-content { max-width: 700px !important; } .artsopolis-calendar-frontend .eli_wrap-inner { background-color: transparent; } .artsopolis-calendar-frontend .eli_produce-wrap, .artsopolis-calendar-frontend .eli_content-can-filter { background-color: #fff; } .artsopolis-calendar-frontend .eli_produce-wrap-inner h2.eli_h2, .artsopolis-calendar-frontend .eli_row h4.eli_h4.eli_title a.eli_a { color: #333 !important; font-family: Arial,Helvetica,sans-serif; font-size: 25pt; font-style: normal; -moz-hyphens: none !important; hyphens: none !important; } .artsopolis-calendar-frontend .eli_produce-wrap-inner h2.eli_h2 { margin-bottom: 20px !important; margin-left: auto !important; margin-right: auto !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; text-align: center !important; } .artsopolis-calendar-frontend .eli_produce-wrap-inner p.eli_p { margin-bottom: 0 !important; } .artsopolis-calendar-frontend .eli_content-can-filter-inner { padding-bottom: 2px !important; padding-left: 2px !important; padding-right: 2px !important; padding-top: 2px !important; } .artsopolis-calendar-frontend .eli_header { } .artsopolis-calendar-frontend .eli_header ul.eli_ul { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 17px !important; } .artsopolis-calendar-frontend .eli_header .eli_cate { float: left !important; list-style-type: none !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding-bottom: 17px !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .artsopolis-calendar-frontend .eli_header .eli_cate a.eli_a { border-right-color: #fff; border-right-style: solid; border-right-width: 1px; color: #ccc; font-size: 16px; padding-bottom: 0 !important; padding-left: 17px !important; padding-right: 17px !important; padding-top: 0 !important; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; text-transform: capitalize; } .artsopolis-calendar-frontend .eli_header .eli_cate a.eli_a.eli_active { text-decoration-color: -moz-use-text-color; text-decoration-line: underline; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_header .eli_cate.eli_last a.eli_a { border-right-color: -moz-use-text-color; border-right-style: none; border-right-width: medium; } .artsopolis-calendar-frontend .eli_content-inner { position: relative !important; } #artsopolis-calendar-list-feed { position: relative !important; } .artsopolis-calendar-frontend .eli_content-inner .eli_filter { background-color: #e7e7e7; padding-bottom: 4px !important; padding-left: 17px !important; padding-right: 17px !important; padding-top: 17px !important; } .artsopolis-calendar-frontend .eli_content-inner .eli_filter div { box-sizing: border-box !important; float: left !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .artsopolis-calendar-frontend .eli_filter .eli_filter-inner input.eli_keyword, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_category-filter > select.eli_select, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_location-filter > select.eli_select, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-filter-from-wrapper > input.eli_input, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-filter-to-wrapper > input.eli_input, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-util > a#artsopolis-calendar-choice-today, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-util > a#artsopolis-calendar-choice-tomorrow, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-util > a#artsopolis-calendar-choice-weekend, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-util > a#reset { box-sizing: border-box !important; display: inline-block !important; float: left !important; height: 26px !important; line-height: 23px !important; margin-bottom: 13px !important; margin-left: 0 !important; margin-right: 3px !important; margin-top: 0 !important; padding-bottom: 2px; padding-left: 13px; padding-right: 13px; padding-top: 2px; vertical-align: top !important; } .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-filter-to-wrapper > img, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-filter-from-wrapper > img { box-sizing: border-box !important; height: 26px !important; margin-bottom: 13px !important; margin-left: -3px !important; margin-right: 3px !important; margin-top: 0 !important; padding-bottom: inherit !important; padding-left: inherit !important; padding-right: inherit !important; padding-top: inherit !important; vertical-align: top !important; width: auto !important; } .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_input, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_select { padding-bottom: 2px !important; padding-left: 5px !important; padding-right: 5px !important; padding-top: 2px !important; } .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-filter-to-wrapper, .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-filter-from-wrapper { width: 126px !important; } .artsopolis-calendar-frontend .eli_filter .eli_filter-inner .eli_date-util > a#artsopolis-calendar-choice-weekend { margin-bottom: 13px !important; margin-left: 0 !important; margin-right: 40px !important; margin-top: 0 !important; } .artsopolis-calendar-frontend .eli_content-inner .eli_list { padding-bottom: 10px !important; padding-left: 17px !important; padding-right: 17px !important; padding-top: 10px !important; } .artsopolis-calendar-frontend .eli_filter .eli_filter-item input.eli_input { width: 100px !important; } .artsopolis-calendar-frontend .eli_filter .eli_filter-item input.eli_input, .artsopolis-calendar-frontend .eli_filter .eli_filter-item select.eli_select, .artsopolis-calendar-frontend .eli_filter a.eli_a.eli_button { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 14px; } .artsopolis-calendar-frontend .eli_filter .eli_filter-item input.eli_input, .artsopolis-calendar-frontend .eli_filter .eli_filter-item select.eli_select { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll; background-clip: border-box; background-color: #ffffff; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-color: #ccc; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #ccc; border-left-style: solid; border-left-width: 1px; border-right-color: #ccc; border-right-style: solid; border-right-width: 1px; border-top-color: #ccc; border-top-style: solid; border-top-width: 1px; } .artsopolis-calendar-frontend .eli_filter a.eli_button { font-weight: bold; } .artsopolis-calendar-frontend .eli_filter .eli_filter-item select.eli_select { background-attachment: scroll; background-clip: border-box; background-color: #fff; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; } .artsopolis-calendar-frontend .eli_filter .eli_filter-item #reset { background-color: #777777; cursor: pointer; } .artsopolis-calendar-frontend .eli_filter .eli_button { background-attachment: scroll; background-clip: border-box; background-color: #777; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: #fff; } .artsopolis-calendar-frontend .eli_filter .eli_button.eli_active { background-attachment: scroll !important; background-clip: border-box !important; background-color: #908f8f !important; background-image: none !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; } span.eli_line { color: #ddd; margin-bottom: 0 !important; margin-left: 5px !important; margin-right: 5px !important; margin-top: 0 !important; } #choice-from-date { height: 21px !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 3px !important; margin-top: 0 !important; } #choice-to-date { height: 21px !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 12px !important; margin-top: 0 !important; } .artsopolis-calendar-frontend .eli_filter a.eli_button-primary { background-attachment: scroll; background-clip: border-box; background-color: #1e8cbe; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; float: left !important; } .artsopolis-calendar-frontend .eli_row { border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 10px !important; padding-bottom: 5px !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 10px !important; } .artsopolis-calendar-frontend .eli_row h4.eli_title { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .artsopolis-calendar-frontend .eli_row h4.eli_title a.eli_a { line-height: 35px !important; margin-bottom: 5px !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 5px !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_row h4.eli_title a.eli_a:hover { text-decoration-color: -moz-use-text-color; text-decoration-line: underline; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_row span.eli_address { color: #777777; font-size: 16px; } .artsopolis-calendar-frontend .eli_row .eli_row-main { float: left !important; margin-bottom: 10px !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 10px !important; width: 100% !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img, .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information { float: left !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img { height: auto !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 5px !important; min-height: 100px !important; width: 40% !important; } @media (min-width: 960px) { .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img { max-height: 200px; overflow-x: hidden; overflow-y: hidden; } .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img.square { max-height: 250px; } } @media (min-width: 1024px) { .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img { width: 250px !important; } } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information { box-sizing: border-box; padding-bottom: 0 !important; padding-left: 10px !important; padding-right: 0 !important; padding-top: 0 !important; width: -webkit-calc(100% - 250px) !important; width: -moz-calc(100% - 250px) !important; width: calc(100% - 250px) !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-inner { float: left !important; width: 100% !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-left { width: 65% !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-right { width: 35% !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-left, .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-right { float: left !important; min-height: 100px !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-right .eli_button-container { padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 2px !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-left .eli_offer-date { font-size: 16px; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 10px !important; margin-top: 0 !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main img.eli_img { float: left !important; width: 100% !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main img.eli_img.eli_fb_icon, .artsopolis-calendar-frontend .eli_row .eli_row-main img.eli_img.eli_tw_icon { width: auto !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_expand-summary { text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_row .eli_summary p.eli_summary-short, .artsopolis-calendar-frontend .eli_row .eli_summary p.eli_summary-full { font-size: 16px; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; text-align: justify; } .artsopolis-calendar-frontend .eli_inner-full { width: 100% !important; } .artsopolis-calendar-frontend .eli_inner-full input.eli_input.keyword { float: left !important; width: 38% !important; } .artsopolis-calendar-frontend .eli_filter-item .eli_category-filter { } .artsopolis-calendar-frontend .eli_row a.eli_a { color: #333 !important; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_row .eli_offer-date, .artsopolis-calendar-frontend .eli_row .eli_full-price, .artsopolis-calendar-frontend .eli_row .eli_our-price { } .artsopolis-calendar-frontend .eli_row .eli_offer-date { font-size: 12px; font-weight: normal; } .artsopolis-calendar-frontend .eli_row .eli_offer-date br.eli_br { line-height: 22px !important; } .artsopolis-calendar-frontend .eli_row .eli_offer-date .eli_offer-date-title, .artsopolis-calendar-frontend .eli_row .eli_full-price .eli_full-price-title, .artsopolis-calendar-frontend .eli_row .eli_our-price .eli_our-price-title { color: #999; display: block !important; font-size: 12px; font-weight: normal; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 5px !important; margin-top: 0 !important; text-transform: uppercase; } .artsopolis-calendar-frontend .eli_row .eli_offer-date .eli_offer-date-title { font-weight: normal; } .artsopolis-calendar-frontend .eli_row .eli_full-price .eli_full-price-title, .artsopolis-calendar-frontend .eli_row .eli_our-price .eli_our-price-title { text-align: center; } .artsopolis-calendar-frontend .eli_row .eli_full-price .eli_full-price-content, .artsopolis-calendar-frontend .eli_row .eli_our-price .eli_our-price-content { display: block !important; font-size: 24px; font-weight: normal; line-height: 41px !important; text-align: center; } .artsopolis-calendar-frontend .eli_row .eli_full-price .eli_full-price-content { color: #999; } .artsopolis-calendar-frontend .eli_full-w-float-l { float: left !important; width: 100% !important; } .artsopolis-calendar-frontend .eli_row .eli_our-price .eli_our-price-content { color: #ff6600; } .artsopolis-calendar-frontend .eli_row .eli_button.eli_large { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background-attachment: scroll !important; background-clip: border-box !important; background-color: #fb6f00 !important; background-image: none !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; border-bottom-color: -moz-use-text-color !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: none !important; border-bottom-width: medium !important; border-image-outset: 0 0 0 0 !important; border-image-repeat: stretch stretch !important; border-image-slice: 100% 100% 100% 100% !important; border-image-source: none !important; border-image-width: 1 1 1 1 !important; border-left-color: -moz-use-text-color !important; border-left-style: none !important; border-left-width: medium !important; border-right-color: -moz-use-text-color !important; border-right-style: none !important; border-right-width: medium !important; border-top-color: -moz-use-text-color !important; border-radius: 0; border-top-style: none !important; border-top-width: medium !important; display: block !important; margin-bottom: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-top: 0 !important; max-width: 134px !important; padding-bottom: 10px !important; padding-left: 8px !important; padding-right: 8px !important; padding-top: 10px !important; text-align: center !important; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; width: auto !important; } .artsopolis-calendar-frontend .eli_row .eli_information .eli_button.eli_large:hover{ background-color: #f39951 !important; } .artsopolis-calendar-frontend .eli_row .eli_information .eli_button.eli_large.eli_green:hover{ background-color: #54cff1 !important; } .artsopolis-calendar-frontend .eli_m-r-5 { margin-right: 5px !important; } .artsopolis-calendar-frontend .eli_row-detail { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; border-bottom-color: -moz-use-text-color !important; border-bottom-style: none !important; border-bottom-width: 0 !important; border-image-outset: 0 0 0 0 !important; border-image-repeat: stretch stretch !important; border-image-slice: 100% 100% 100% 100% !important; border-image-source: none !important; border-image-width: 1 1 1 1 !important; border-left-color: -moz-use-text-color !important; border-left-style: none !important; border-left-width: 0 !important; border-right-color: -moz-use-text-color !important; border-right-style: none !important; border-right-width: 0 !important; border-top-color: -moz-use-text-color !important; border-top-style: none !important; border-top-width: 0 !important; } .artsopolis-calendar-frontend .eli_row-detail h6.eli_h6, .artsopolis-calendar-frontend .eli_row-detail p.eli_p { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; } .artsopolis-calendar-frontend .eli_row .eli_button.eli_large.eli_green { background-attachment: scroll !important; background-clip: border-box !important; background-color: #00bff3 !important; background-image: none !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; } .artsopolis-calendar-frontend .eli_row .eli_button-container-detail .eli_btn-buy-ticket { font-size: 24px; margin-bottom: 10px !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; width: 134px !important; } .artsopolis-calendar-frontend .eli_row .eli_button-container-detail .eli_btn-buy-ticket:hover{ background-color: #f39951 !important; } .artsopolis-calendar-frontend .eli_row .eli_button-container-detail .eli_green.eli_btn-buy-ticket:hover{ background-color: #54cff1 !important } .artsopolis-calendar-frontend .eli_button-container-detail { margin-left: 10px !important; } .artsopolis-calendar-frontend .eli_row .eli_offer-date { width: 100%; } .artsopolis-calendar-frontend .eli_row .eli_offer-date-content-summary a.eli_a:hover { text-decoration-color: -moz-use-text-color; text-decoration-line: underline; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_row .eli_offer-date-content-full a.eli_a:hover { text-decoration-color: -moz-use-text-color; text-decoration-line: underline; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_row .eli_summary .eli_summary-short a.eli_a:hover { text-decoration-color: -moz-use-text-color; text-decoration-line: underline; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_row .eli_summary .eli_summary-full a.eli_a:hover { text-decoration-color: -moz-use-text-color; text-decoration-line: underline; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_row .eli_button.eli_large span.eli_span { color: #fff; display: block !important; font-size: 13px; font-weight: bold; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; -moz-hyphens: none !important; hyphens: none !important; } .artsopolis-calendar-frontend .eli_summary-short, .artsopolis-calendar-frontend .eli_summary-full { font-size: 16px; } .artsopolis-calendar-frontend .eli_pagination > ul::after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .artsopolis-calendar-frontend .eli_pagination > ul { background-attachment: scroll; background-clip: border-box; background-color: #fff; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; padding-bottom: 0 !important; padding-left: 20px !important; padding-right: 0 !important; padding-top: 0 !important; } .artsopolis-calendar-frontend .eli_pagination > ul > li { float: left !important; list-style-image: none !important; list-style-position: outside !important; list-style-type: none !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .artsopolis-calendar-frontend .eli_pagination > ul > li > a, .artsopolis-calendar-frontend .eli_pagination > ul > li > span { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll; background-clip: border-box; background-color: #444; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-color: #c0c0c0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #c0c0c0; border-left-style: solid; border-left-width: 1px; border-right-color: #c0c0c0; border-right-style: solid; border-right-width: 1px; border-top-color: #c0c0c0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 3px rgba(0, 0, 0, 0.1); color: #fff; display: inline-block !important; font-size: 14px; font-weight: bold; margin-right: 4px !important; padding-bottom: 4px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 4px !important; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } .artsopolis-calendar-frontend .eli_pagination > ul > li > a:hover { background-attachment: scroll; background-clip: border-box; background-color: #346; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; } .artsopolis-calendar-frontend .eli_pagination > ul > li.active > a, .artsopolis-calendar-frontend .eli_pagination > ul > li.active > span { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll; background-clip: border-box; background-color: #346; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-color: #c0c0c0; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #c0c0c0; border-left-style: solid; border-left-width: 1px; border-right-color: #c0c0c0; border-right-style: solid; border-right-width: 1px; border-top-color: #c0c0c0; border-top-style: solid; border-top-width: 1px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.8); color: #fff; cursor: default; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .artsopolis-calendar-frontend .artsopolis-calendar-loading { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../img/loading.gif"); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; display: block !important; position: absolute !important; z-index: 9999 !important; } .ui-datepicker { font-size: 13px !important; } .artsopolis-calendar-frontend.artsopolis-calendar-mobile .eli_row .eli_row-main a.eli_img { max-width: 250px !important; width: 100% !important; } .artsopolis-calendar-frontend.artsopolis-calendar-mobile .eli_row .eli_row-main .eli_information { width: 100% !important; } .artsopolis-calendar-frontend.artsopolis-calendar-mobile .eli_row .eli_row-main .eli_information .eli_information-inner { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 10px !important; } .artsopolis-calendar-frontend.artsopolis-calendar-mobile .eli_filter .eli_date-filter-from-to { } .artsopolis-calendar-frontend.artsopolis-calendar-mobile .eli_row h4.eli_title a.eli_a { font-size: 26px; } .artsopolis-calendar-frontend.artsopolis-calendar-mobile .eli_row .eli_button.eli_large { width: 130px !important; } .artsopolis-calendar-frontend.artsopolis-calendar-mobile .eli_row .eli_button.eli_large span.eli_span { font-size: 12px; } .artsopolis-calendar-frontend.artsopolis-calendar-mobile-small .eli_row .eli_button.eli_large { width: 115px !important; } .artsopolis-calendar-frontend.artsopolis-calendar-mobile-small .eli_row .eli_button.eli_large span.eli_span { font-size: 11px; } @media only screen and (max-width: 480px), not all { .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img { width: 100% !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information { width: 100% !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-inner { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 10px !important; } .artsopolis-calendar-frontend .eli_filter .eli_date-filter-from-to { } .artsopolis-calendar-frontend .eli_row .eli_button.eli_large { width: 130px !important; } .artsopolis-calendar-frontend .eli_row .eli_button.eli_large span.eli_span { font-size: 12px; } .artsopolis-calendar-frontend .eli_filter .eli_filter-item #reset { } } @media only screen and (max-width: 640px), not all { .artsopolis-calendar-frontend #filter-by-location { height: 25px !important; } } #checking-xml-feed, #checking-category-xml { color: #ff0000; } .eli_powered-by { font-size: 24px; padding-top: 10px !important; } #artsopolis-calendar-choice-weekend { margin-right: 40px !important; } .artsopolis-calendar-search-again { cursor: pointer; } fieldset.teaser-widget-fieldset { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #dddddd; border-left-style: solid; border-left-width: 1px; border-right-color: #dddddd; border-right-style: solid; border-right-width: 1px; border-top-color: #dddddd; border-top-style: solid; border-top-width: 1px; margin-bottom: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; } fieldset.teaser-widget-fieldset legend { font-size: 14px; } .artsopolis-calendar .arts-select { width: 200px; } .eli_content-inner .tabs { display: inline-block; width: 100%; } .eli_content-inner .tabs .tab-links { margin-left: 0 !important; padding-left: 0 !important; } .eli_content-inner .tabs .tab-links::after { border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 1px; clear: both; content: ""; display: block; } .eli_content-inner .tabs .tab-links li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; margin-left: 0 !important; padding-left: 0 !important; } .eli_content-inner .tabs .tab-links li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: #ffffff; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #ffffff; border-left-style: solid; border-left-width: 1px; border-right-color: #ffffff; border-right-style: solid; border-right-width: 1px; border-top-color: #ffffff; border-top-style: solid; border-top-width: 1px; padding-left: 0 !important; background: none !important; margin: 0 !important; } .eli_content-inner .tabs .tab-links a { background-attachment: scroll; background-clip: border-box; background-color: #cccccc; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: #ffffff; display: inline-block; font-size: 16px; padding-bottom: 5px; padding-left: 25px; padding-right: 25px; padding-top: 5px; transition-delay: 0s; transition-duration: 0.15s; transition-property: all; transition-timing-function: linear; } .eli_content-inner .tab-links a:hover { background-attachment: scroll; background-clip: border-box; background-color: #999999; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } .eli_content-inner .tabs .tab-links li.active a, li.active a:hover { background-attachment: scroll; background-clip: border-box; background-color: #999999; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: #ffffff; } .eli_content-inner .tabs .tab-links li.active { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #999999; border-left-style: solid; border-left-width: 1px; border-right-color: #999999; border-right-style: solid; border-right-width: 1px; border-top-color: #999999; border-top-style: solid; border-top-width: 1px; position: relative; top: 1px; } .eli_content-inner .tabs .tab-links li.active::after { background-attachment: scroll; background-clip: border-box; background-color: #999999; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-color: #ffffff; border-bottom-style: solid; border-bottom-width: 1px; bottom: -2px; content: ""; height: 2px; left: -1px; position: absolute; width: 100%; } .eli_content-inner .tabs .tab-content { } .eli_content-inner .tabs .tab { display: none; } .eli_content-inner .tabs .tab.active { display: block; } .artsopolis-calendar-frontend .eli_span { line-height: 1.5 !important; } .artsopolis-calendar-frontend .tab-content .note { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; } .artsopolis-calendar-frontend .eli_pagination { margin-top: 10px; clear: both; } .artsopolis-calendar-frontend .eli_h6 { font-size: 16px; } ul.artsopolis-calendar-tabs-menu { border-bottom-color: #cccccc; border-bottom-style: solid; border-bottom-width: 1px; float: left; margin-bottom: 20px; width: 100%; } ul.artsopolis-calendar-tabs-menu li { float: left; font-size: 17px; margin-bottom: auto; margin-left: auto; margin-right: auto; margin-top: auto; } ul.artsopolis-calendar-tabs-menu li a { color: #444; float: left; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; text-decoration-color: -moz-use-text-color; text-decoration: none; text-decoration-style: solid; } ul.artsopolis-calendar-tabs-menu li.active { background-attachment: scroll; background-clip: border-box; background-color: #cccccc; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; } ul.artsopolis-calendar-tabs-menu li.active a:hover { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: #444; } #toplevel_page_admin-artsopolis-calendar { display: none; } #ac-admin-all-feeds legend { float: left; width: 160px; } #ac-admin-all-feeds input[type="submit"] { float: right; margin-top: 6px; } #ac-admin-all-feeds hr { float: left; width: 100%; } .wrap.artsopolis-calendar #setting-error-settings_updated { clear: both; } .ac_error_tip { background-attachment: scroll; background-clip: border-box; background-color: #d82223; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); color: #fff; font-size: 11px; margin-bottom: 0; margin-left: -1em; margin-right: 1px; margin-top: 1.5em; max-width: 150px; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em; position: absolute; text-align: center; white-space: normal; z-index: 9999999; } .ac_error_tip::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: #d82223; border-bottom-style: solid; border-bottom-width: 8px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: transparent; border-left-style: solid; border-left-width: 8px; border-right-color: transparent; border-right-style: solid; border-right-width: 8px; border-top-color: transparent; border-top-style: solid; border-top-width: 8px; content: ""; display: block; left: 50%; margin-bottom: 0; margin-left: -3px; margin-right: 0; margin-top: -1em; position: absolute; top: -3px; } .ac-input-error { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; border-bottom-color: #dd3d36 !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-image-outset: 0 0 0 0 !important; border-image-repeat: stretch stretch !important; border-image-slice: 100% 100% 100% 100% !important; border-image-source: none !important; border-image-width: 1 1 1 1 !important; border-left-color: #dd3d36 !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: #dd3d36 !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: #dd3d36 !important; border-top-style: solid !important; border-top-width: 1px !important; } .wrap.artsopolis-calendar .error.settings-error { display: none; } .hidden { display: none; } #artsopolis-calendar-body { clear: both; } #ac-feed-filter { margin-top: 8px; } .mar-t0 { font-style: italic; font-weight: normal; margin-top: 0; } #artsopolis-calendar-tabs-events .tab-content { display: block !important; } .artsopolis-calendar-slider { height: 300px; position: relative; width: 100%; } .artsopolis-calendar-slider li .b-share-cat { float: left; margin-left: 15px; margin-top: 13px; } .artsopolis-calendar-slider .silder-footer { background-attachment: scroll; background-clip: border-box; background-color: #cdcbcc; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 40px; position: relative; width: 100%; } .artsopolis-calendar-slider .flexslider { opacity: 0; margin-bottom: 0; } .artsopolis-calendar-slider .flex-control-paging li a { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; box-shadow: none; color: #fff; background: #000; height: 28px; text-indent: 0; width: 28px; display: block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align: center; line-height: 28px; } .artsopolis-calendar-slider .flex-direction-nav a::before { content: ""; } .artsopolis-calendar-slider .flex-direction-nav a.flex-next::before { content: ""; } .artsopolis-calendar-slider .flex-control-paging li a.flex-active { background: #fff; color:#000; } .artsopolis-calendar-slider .flex-control-paging li a:hover{ background: #fff; color:#000; text-decoration: none; } .apl-internal-content ol{ margin-left: 0; } .artsopolis-calendar-slider .art-calendar-silder-footer .flex-control-nav { height: 100%; padding-top: 5px; text-align: right; margin-left: 0; position: relative; top: 0; } .artsopolis-calendar-slider .flexslider { width: 100%; } #artsopolis-calendar-tabs-events ul li, .ac-search-bkl ul li { padding-top: 0 !important; } #artsopolis-calendar-tabs-events ul li::before, .ac-search-bkl ul li::before, #artsopolis-calendar-pagination ul li::before { display: none; } .artsopolis-calendar-slider .flex-control-nav li { background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; cursor: pointer; display: inline-block; margin-right: 5px !important; margin-top: 2px !important; margin-left: 0 !important; } .artsopolis-calendar-slider .flex-control-nav li:hover a { color: #000000; } .artsopolis-calendar-slider .flex-direction-nav { bottom: 30px; display: none; position: absolute; right: 0; } .artsopolis-calendar-slider .flex-direction-nav a { font-size: 0; opacity: 0.4; } .artsopolis-calendar-slider .flex-direction-nav a .flex-active { color: #fcb234; } .artsopolis-calendar-slider .flex-direction-nav .flex-prev { /*background-image: url("../images/prev-arrow.png");*/ background-repeat: no-repeat; height: 30px; left: -75px; opacity: 0.4; width: 30px; } .artsopolis-calendar-slider .flex-direction-nav .flex-next { /*background-image: url("../images/next-arrow.png");*/ background-repeat: no-repeat; height: 30px; left: -40px; opacity: 0.4; width: 30px; } .artsopolis-calendar-slider .flexslider { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-clip: padding-box; background-color: #ebebeb; border-bottom-color: -moz-use-text-color; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: none; border-bottom-width: medium; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: -moz-use-text-color; border-left-style: none; border-left-width: medium; border-right-color: -moz-use-text-color; border-right-style: none; border-right-width: medium; border-top-color: -moz-use-text-color; border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: none; border-top-width: medium; box-shadow: none; float: left; } .artsopolis-calendar-slider .flexslider .slides { background-attachment: scroll !important; background-clip: border-box !important; background-color: #ffffff !important; background-image: none !important; background-origin: padding-box !important; background-position: 0 0 !important; background-repeat: repeat !important; background-size: auto auto !important; height: 250px !important; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .artsopolis-calendar-slider .flexslider:hover .flex-prev { left: -75px; } .artsopolis-calendar-slider .flexslider:hover .flex-next { left: -40px; } .artsopolis-calendar-slider .flexslider .slides li { height: 250px; margin-left: 0; padding-left: 0 !important; } .artsopolis-calendar-slider .slider-pic { background-color: #e4dfe1; float: left; height: 250px; overflow-x: hidden; overflow-y: hidden; position: relative; width: 45%; } .artsopolis-calendar-slider .slider-pic img { height: 100%; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; position: relative; width: auto !important; } .artsopolis-calendar-slider .slider-content { background-color: #ebebeb; box-sizing: border-box; float: left; height: 250px; padding-bottom: 10px; padding-left: 20px; padding-right: 10px; padding-top: 10px; position: relative; width: 55%; } .artsopolis-calendar-slider .slider-content h2 { color: #666; font-size: 22px!important; font-weight: normal; max-height: 52px; overflow-x: hidden; overflow-y: hidden; line-height: 26px; margin-top:0!important; margin-bottom: 10px!important; } .artsopolis-calendar-slider .slider-content h2 a { color: #666; } .artsopolis-calendar-slider .slider-content h2:hover { text-decoration-color: -moz-use-text-color; text-decoration-line: underline; text-decoration-style: solid; } .artsopolis-calendar-slider .slider-content .desc { font-size: 12px; margin-bottom: 5px; max-height: 82px; overflow-x: hidden; overflow-y: hidden; line-height: 20px; } .artsopolis-calendar-slider .slider-content .date { color: #999999; font-size: 14px; margin-bottom: 10px; max-height: 20px; overflow-x: hidden; overflow-y: hidden; } .artsopolis-calendar-slider .slider-content .b-share { bottom: 0; left: 20px; position: absolute; } .artsopolis-calendar-slider .slider-content .meta { margin-bottom: 0; } .artsopolis-calendar-slider .slider-content .meta.auth { color: #666; font-style: italic; margin-bottom: 10px; overflow-x: hidden; overflow-y: hidden; max-height: 40px; font-size: 14px; line-height: 20px; } .artsopolis-calendar-slider .slider-content a.vmore { bottom: 10px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; right: 20px; } #artsopolis-calendar-settings table tr td i { color: #999; font-size: 11px; vertical-align: middle; } #artsopolis-calendar-settings table tr td .wp-picker-container + i { vertical-align: top !important; } .artsopolis-calendar-slider .flexslider .slides li { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } .artsopolis-calendar-slider .flex-control-paging li a { padding-bottom: 0; border-bottom: none; } @media (max-width: 768px){ .artsopolis-calendar-slider .slider-content{ width: 100%; height: 250px; } .artsopolis-calendar-slider .slider-pic{ width: 100%; } .artsopolis-calendar-slider{ height:550px; } .artsopolis-calendar-slider .flexslider .slides{ height: 500px!important; } } #artsopolis-calendar-settings table.form-table tr { padding-top: 7px; display: block; } /** Square CSS from Mr Thinh */ @media(min-width: 769px) { .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img.square { max-width: 250px; width: 250px !important; max-height: 250px !important; overflow: hidden; } } @media(min-width: 481px) and (max-width: 768px) { .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img.square { width: 174px !important; max-height: 174px !important; overflow: hidden; } .artsopolis-calendar-frontend .eli_row .eli_row-main div.eli_information { width: calc(100% - 174px) !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information div.eli_information-left { width: 100% !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information .eli_information-left, .artsopolis-calendar-frontend .eli_row .eli_row-main div.eli_information div.eli_information-right{ min-height: 61px !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main .eli_information div.eli_information-right { width: 110px !important; } } @media (max-width: 480px) { .lg-tag { margin-left: 0 !important; padding: 5px 0 20px; text-align: center !important; } .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img.square { width: calc(100vw - 54px) !important; height: calc(100vw - 54px) !important; overflow: hidden; } .artsopolis-calendar-frontend #artsopolis-calendar-detail-event .eli_row-detail.eli_content.square { padding-left: 0px !important; } } @media(max-width: 320px) { .logo{ /*width:width_of_logo; height:height_of_logo; background:url('Logo url') no-repeat;*/ } .artsopolis-calendar-frontend .eli_row .eli_row-main a.eli_img.square { width: calc(100vw - 27px) !important; height: calc(100vw - 27px) !important; overflow: hidden; } } @media (min-width: 960px) { .artsopolis-calendar-frontend #artsopolis-calendar-detail-event .eli_row .eli_row-main a.eli_img.square { max-height: 250px; } } /** END Square CSS from Mr Thinh */ /** Custom css spotling image**/ .artsopolis-calendar-slider .slider-pic.square { width: 250px; overflow: hidden; } .artsopolis-calendar-slider.square .slider-content { width: calc(100% - 250px) !important; } @media (max-width: 768px) { .artsopolis-calendar-slider.square { height: 740px; } .artsopolis-calendar-slider.square .flexslider .slides { height: 698px !important; } .artsopolis-calendar-slider.square .slider-pic.square { width: 100%; height: 448px; } .artsopolis-calendar-slider.square .slider-content { width: 100% !important; } .artsopolis-calendar-slider.square .flexslider .slides li { height: 448px; } .footer { overflow-x: hidden; } } @media (max-width: 480px) { .artsopolis-calendar-slider.square { height: auto; } .artsopolis-calendar-slider.square .slider-pic.square { height: calc(100vw - 20px); } .artsopolis-calendar-slider.square .flexslider .slides { height: auto !important; background: #ebebeb !important; } .artsopolis-calendar-slider.square .flexslider .slides li { height: auto; } .artsopolis-calendar-slider.square .slider-pic.square { float: none; } .artsopolis-calendar-slider.square .slider-content { height: auto; float: none; } .artsopolis-calendar-slider.square .slider-content a.vmore { position: relative; display: block; text-align: right; margin-top: 10px; } }