/*
 * COM_ICAGENDA
 * iCagenda by JoomliC
 * Theme Pack Official
 * Default Theme - component
 *
 * @name        default
 * @author      iCagenda
 * @version     4.0.0 2025-12-06
 * @since       1.0
 */

:root {
	--ic-border-radius: 6px;
	--ic-bg-color: rgba(127, 127, 127, .05);
	--ic-bg-color-subtle: rgba(127, 127, 127, .02);
	--ic-border-color: rgba(127, 127, 127, .05);
}

/*
 * Event View
 */
.ic-event-view h3 {
	font-size: 1.125rem;
	font-weight: 700;
}

/* Style List of Participants */
.ic-summary {
	border-radius: var(--ic-border-radius);
	border: 1px solid transparent;
	background-color: var(--ic-bg-color);
}
details[open] > .ic-summary {
	border-radius: var(--ic-border-radius) var(--ic-border-radius) 0 0;
}
.ic-details-content {
	border: 1px solid var(--ic-border-color);
	border-top: none;
	border-radius: 0 0 var(--ic-border-radius) var(--ic-border-radius);
}

/*
 * GENERAL STYLES (list and event details)
 */

/* General */
#icagenda {
	display: block;
	width: auto;
	margin: 0px;
	padding:0px
}

/* Align styles */
.ic-align-left {
	text-align: left;
}
.ic-align-right {
	text-align: right;
}
.ic-align-center {
	text-align: center;
}

/* Float styles */
.ic-float-left {
	float: left;
}
.ic-float-right {
	float: right;
}
.ic-float-none {
	float: none;
}

/* Clear Float div */
.ic-clearfix {
	*zoom: 1;
}
.ic-clearfix:before,
.ic-clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.ic-clearfix:after {
	clear: both;
}

/* Style iC Alert */
.ic-alert-info {}
.ic-alert-error {}

/* Feature Icons */
.ic-content > .ic-features-container {
	margin-right: -5px;
	margin-top: 5px;
}
.ic-feature-icon {
	float: right;
}


/*
 * LIST PAGE CSS (CONTENT)
 */

/*
 * Style Pagination
 */
.ic-pagination {
	font-size: 14px;
	line-height: 18px;
	vertical-align: middle;
}
.ic-pagination a {
	text-decoration: none;
	background-color: #fff;
}
.ic-pagination a:hover,
.ic-pagination a:active,
.ic-pagination a:focus {
	cursor: pointer;
}
.ic-pagination .ic-prev {
	float: left;
}
.ic-pagination .ic-next {
	float: right;
}
.ic-pagination .ic-prev,
.ic-pagination .ic-next {
	margin: 2px 0;
}
.ic-pagination .ic-prev a,
.ic-pagination .ic-next a {
	padding: 5px;
	background: none;
}
.ic-pagination .ic-prev a:hover,
.ic-pagination .ic-next a:hover {
	background-color: var(--ic-bg-color);
}
.ic-pagination .ic-prev-text,
.ic-pagination .ic-next-text,
.ic-pagination .iCicon-backic,
.ic-pagination .iCicon-nextic {
	font-family: inherit;
	vertical-align: middle;
}
.ic-pagination .ic-go-to-page {
	padding: 2px;
	background: none;
}
.ic-pagination .ic-current-page {
	padding: 2px;
	background: none;
}
.ic-pagination .ic-current-page .ic-active {
	color: #fff;
	font-weight: bold;
}
.ic-pagination .ic-hidden-pages {
	padding: 2px;
	background: none;
}


/*
 * Style Search Filters
 */
.ic-filters {
	background: none; /* Old IE version */
	background-color: var(--ic-bg-color);
	padding: 5px;
}

/* Search Filters - Main */
.ic-filters-label {
	background-color: #da7b07;
	color: #fff;
	font-size : 20px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
}

/* Search Filters - buttons */
.ic-button-more {
	background: none;
}
.ic-filter-more-btn {
	background-color: #357ABB;
	border: 1px solid #3275B3;
	color: #fff;
	font-weight: bold;
}
.ic-filter-more-btn:hover {
	background-color: #3070AB;
	color: #fff;
	border: 1px solid #2E6BA3;
	cursor: pointer;
}
.ic-filter-more-btn.ic-active {
	background-color: #3070AB;
	color: #fff;
	border: 1px solid #2C659B;
}
.ic-filter-more-btn.ic-inactive {
	background-color: #357ABB;
	color: #fff;
	border: 1px solid #3275B3;
}
.ic-filters-controls {
	background-color: #dddddd;
	background-color: var(--ic-bg-color);
	text-align: center;
	padding: 0;
}

.ic-filter-submit-btn {
	font-size: 16px;
	color: #fff;
	background-color: #51822B;
	border: 1px solid #4C7A29;
	font-weight: bold;
}
.ic-filter-submit-btn:hover {
	background-color: #477326;
	border: 1px solid #436B24;
}
.ic-filter-reset-btn {
	font-size: 13px;
	color: #fff;
	background-color: #E02E0B;
	border: 1px solid #D62C0A;
	font-weight: bold;
}
.ic-filter-reset-btn:hover {
	background-color: #CD2A0A;
	border: 1px solid #C32809;
}



/*
 * Style Background alternative
 * 'ic-event' class deprecated in list (removed from theme pack), use 'ic-list-event' (set in view layout)
 */
.ic-event {
	background: none;
	background-color: var(--ic-bg-color-subtle);
	border-radius: 6px;
	/*
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.025);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.025);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.025);
	*/
	margin: 5px 0;
	padding: 0px;
}
.ic-event:nth-child(2n+1) {
	background: none;
	background-color: var(--ic-bg-color);
}
.ic-list-event {
	margin: 5px 0;
	padding: 0px;
	border-radius: 6px;
	background: none; /* Old IE version */
	background-color: var(--ic-bg-color-subtle);
}
.ic-list-event:nth-child(2n+1) {
	background: none; /* Old IE version */
	background-color: var(--ic-bg-color);
}

/* Style Category */
.ic-cat {
	margin-top: 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size:11px;
}

/* Style Left (Container Box Date) */
.ic-box {
	display: block;
	min-height: 96px;
	border: 0px;
}

/* Font color if bright background for date box */
#icagenda .fontColor {color: #333 !important;}

/* Style Box Date */
.ic-box-date {
	display: block;
	text-transform: capitalize;
	width: 60px;
	height: 60px;
	padding: 10px;
	color: #fff;
	margin: 8px 28px 2px 8px;
	border-radius: 6px;
	/* css3 box-sizing added to prevent conflict */
	box-sizing: content-box !important;
}

/* Current period */
.ic-current-period {
	text-decoration: overline;
}

.ic-date {
	line-height: 0px !important;
	font-size: 30px;
}
.ic-day {
	line-height: 30px !important;
	font-size: 30px;
	font-weight: bold;
}
.ic-month {
	line-height: 16px !important;
	font-size: 16px;
	letter-spacing: 0px;
	margin-left: 1px;
	font-weight: normal;
}
.ic-year {
	line-height: 11px !important;
	font-size: 11px;
	letter-spacing: 2px;
	margin-left: 2px;
	font-weight: bold;
}
.ic-time {
	line-height: 10px !important;
	font-size: 10px;
	letter-spacing: 2px;
	margin-left: 2px;
	font-weight: bold;
}

/* Style Right (Container Title, Cat, Desc...) */
.ic-content {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 8px;
	vertical-align: top;
}
.ic-content h1,
.ic-content h2,
.ic-content h3 {
	margin: 3px 0px 3px 0px;
	padding: 0;
}
.ic-place {
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
}
.ic-actionbar-readmore {
	margin: 5px;
}


/*
 * EVENT PAGE CSS
 */

/* Style full-width div containing Sharing and Register Button */
.ic-event-buttons {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

/* Style Event General */
.ic-info {
	padding: 1%;
	background: none; /* old versions of IE */
	background-color: var(--ic-bg-color);
	border: 0px solid #ccc;
	margin-bottom: 10px;
	border-radius: 6px;
	word-break: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/* Style Image */
.ic-image img {
	max-width: 100%;
	margin-bottom: 10px;
}

/* Style Table-style List */
.ic-divTable {
	display: block;
	width: 100%;
	padding: 20px 0;
}
.ic-divRow {
	display: block;
	width: 100%;
	padding: 5px 0;
}
.ic-divCell {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.ic-label {
	font-weight: bold;
	padding-right: 10px;
	width: 30%;
}
.ic-value {
	width: 68%;
}

/* Style Description */
.ic-short-description {
	font-weight: bold;
}
.ic-full-description {
}

/* Style Attachment */
.ic-attachment-download {
}
.ic-attachment-link {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.ic-attachment-filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-shrink: 1;
}
.ic-attachment-extension {
	white-space: nowrap;
	flex-basis: content;
	flex-grow: 0;
	flex-shrink: 0;
}

/* Style Map */
.ic-map-wrapper {
	margin: auto;
	border: 0 solid #ccc;
	text-shadow: none;
	border-radius: 0;
	box-shadow: none;
}

/* Style All Dates */
#ic-list-of-dates {}
.ic-dates-list {}
.ic-all-dates ul {
	padding-left: 1%;
}
.ic-all-dates li {
	background-image: none
}
.ic-all-dates h3 {
	display: block;
	font-size: 18px;
	margin-top: 10px;
	font-weight: bold;
}

#ic-list-of-participants {}
.ic-dates-list {}
.ic-participants h3 {
	display: block;
	font-size: 18px;
	margin-top: 10px;
	font-weight: bold;
}

/* Slider */
#icagenda .icpanel {
}
.ic-participants .panel {
	border: none !important;
}
.ic-participants .panel h3 {
	border: none !important;
}
.ic-participants {
	padding: 5px;
	background-color: var(--ic-bg-color);
}
.ic-participants h3 a {
	display: block;
	text-decoration: none;
	padding: 0 1%;
/*	color: #444; Removed to be more friendly with dark site templates */
	width: 98%;
}
.ic-participants .panel h3.pane-toggler a {
	background: url(../images/pluslist.png) 99% 50% no-repeat;
}
.ic-participants .panel h3.pane-toggler-down a {
	background: url(../images/minuslist.png) 99% 50% no-repeat;
}
#icagenda .pane-slider .ic-content {
}
#icagenda .pane-slider {
	overflow: unset;
}

/* Slider Full list of Participants */
#icagenda .list_table {
	background-color:#cccccc;
	background-color:rgba(204,204,204,0.5);
	border-radius:3px 3px 3px 3px;
	float:left;
}
#icagenda .imgbox {
	width: 40px;
	padding: 3px;
}
#icagenda .imgbox img {
	border-radius: 3px 3px 3px 3px;
	margin: 1px 0;
}
#icagenda .imgbox .ic-avatar {
	font-size: 36px;
	border-radius: 3px 3px 3px 3px;
	margin: 1px 0;
	color: #c4c4c4;
	background-color: #fff;
}
#icagenda .list_name {
	font-weight:bold;
}
#icagenda .list_places {
	font-size:smaller;
}
#icagenda .list_date {
	font-size:smaller;
}


/*
 * FORMS - COMMON STYLES
 */

/* Style Form (general) */
.icagenda_form {}
.icagenda_form h3 {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	margin: 15px 0 10px 0px;
}
.icagenda_form .fieldset {
	border-radius: 2px;
	margin: 10px 0;
	background-color: #f3f3f3;
	padding: 10px;
}
.icagenda_form legend {
	font-weight: bold;
}

/* Style Label */
.icagenda_form label {
	color: #333;
	display: block;
	width: 130px;
	float: left;
	margin: 0px 3px;
}

/* Style Input field */
.icagenda_form input {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 3px;
	padding: 3px;
	width: auto;
}
.icagenda_form input[type="file"] {
	width: 270px;
}
.icagenda_form .input-small {
	width: 90px;
}
.icagenda_form .select-small {
	width: 104px;
}
.icagenda_form .input-large {
	width: 210px;
}
.icagenda_form .select-large {
	width: 224px;
}
.icagenda_form .input-xlarge {
	width: 270px;
}
.icagenda_form .select-xlarge {
	width: 284px;
}
.icagenda_form .input-xxlarge {
	width: 330px;
}
.icagenda_form .select-xxlarge {
	width: 344px;
}
.icagenda_form .ic-date-input {
	width: auto;
}

/* Style Form Invalid */
.icagenda_form label.invalid {
	color: red;
	font-weight: bold;
}
.icagenda_form input.invalid,
.icagenda_form select.invalid {
	border: 2px solid red;
	color: red;
	font-weight: bold;
}

/* Style button left (joomla 2.5) */
.icagenda_form .button2-left {
	margin: 3px 3px 3px 0px;
	float: left;
}

/* Style Terms of Service */
.icagenda_form .ic-tos-content {
	background-color: #c0c0c0;
	color: #fff;
	margin-top: 25px;
	padding: 5px;
	border: none;
	border-radius: 2px;
	text-align: center;
}
.icagenda_form .ic-tos-text {
	padding: 25px;
	background-color: #fff;
	color: #333;
	text-align: left
}
.icagenda_form .ic-tos-agree {
	color: #fff;
	font-weight: bold;
}

/* Style Button Submit */
.icagenda_form .button {
	font-family: arial;
	font-size: 12px;
	background-color: #555;
	color: #fff;
	padding: 5px;
	border: none;
	border-radius: 6px;
	text-align: center;
}
.icagenda_form .button:hover {
	background-color: #c72031;
	color: #fff;
}
.icagenda_form .ic-loader {
	display: block;
	width: 100%;
	height: 60px;
	background: url(../../../../../../media/com_icagenda/images/loader.gif) 50% 50% no-repeat;
}

/* Style Button Cancel */
.icagenda_form .buttonx a {
	font-family: arial;
	font-size: 12px;
	background: none !important;
	text-decoration: none;
	color: #555;
	padding: 0;
	border: none;
	border-radius: 6px;
	text-align: center;
}
.icagenda_form .buttonx a:hover {
	background: none !important;
	text-decoration: none;
	color: #c72031 !important;
}



/*
 * SUBMIT AN EVENT FORM
 */

/* Short Description textarea */
.ic-submit-shortdesc,
.ic-submit-metadesc {
	width: 100%;
	box-sizing: border-box;
}


/*
 * REGISTRATION
 */

/* Style fields required info */
.ic-required-info {
	font-size: 0.95em;
	margin-bottom: 2em;
}

/* Style Header*/
.ic-reg-event {
	background: none;
	background-color: var(--ic-bg-color);
	border-radius: 2px;
	margin: 5px 0;
	padding: 0px;
}

/* Registration icon */
.ic-reg-icon {
	background: url(../../../../../../media/com_icagenda/images/registration-48.png) 50% 50% no-repeat;
	display: block;
	width: 48px;
	height: 48px;
	padding: 8px;
	margin-right: 8px;
}

/* Style Right (Container Event title, category) */
.ic-reg-content {
	display: block;
	border: 0;
	margin: 0;
	padding: 8px;
	vertical-align: top;
}

/* Category */
.ic-reg-cat {
	color: #555555;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

/* Event title */
.ic-reg-event-title {
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
}

/* Style Registration infos */
.ic-reg-info {
	font-size:0.8em;
}

/* Google Maps */
.icmap-label {
	float: left;
	width: 140px;
	padding-top: 5px;
	padding-right: 5px;
	text-align: left;
}
.icmap-field {
	margin: 5px;
}
.form-validate .icmap-field input,
.icagenda_form .icmap-field input {
	background-color: #eee;
/*	width: auto; */
	color: #777;
}

/* Terms and Conditions Legend */
.ic-terms-legend {
	margin: 12px 0;
}


/*
 * STYLES for classes not presents in Theme Pack php files, but in iCagenda core php files
 */

/* Style Navigation (list of events) */
#icagenda .navigator {margin: 7px 0;}
#icagenda .navigator a {text-decoration:none;}
#icagenda .navigator a:link, #icagenda .navigator a:visited {}
#icagenda .navigator a:hover, #icagenda .navigator a:active, #icagenda .navigator a:focus {cursor:pointer;}
#icagenda .icagenda_back {float:left; margin-left:20px;}
#icagenda .icagenda_next {float: right; margin-right:20px;}
#icagenda .navigator button {border:0; padding:5px; color:#fff; background-color:#f3f3f3; margin-right:5px;}

/* Header - List of Categories */
.ic-header-categories {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
#icagenda .cat_header_title {
	display: block;
	padding: 1px 7px;
	font-size: 1em;
	text-align: center;
	color: #fff;
	font-weight: normal;
	float: left;
	margin: 3px 10px -2px 0;
	border-radius: 4px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.15);
	background-color: #dddddd;
	background-size: cover;
}
#icagenda .cat_header_desc {
	display: block;
	padding: 3px 7px;
	margin: 2px 0;
}

/* Share buttons (AddThis) */
.ic-share {
	display: block;
	background: none;
	padding: 5px 10px 5px 0;
	text-shadow: none;
	z-index: 1;
}
.ic-share a:link,
.ic-share a:visited {
/*	background: none; */
	text-decoration: none;
}
.ic-share a:hover,
.ic-share a:active,
.ic-share a:focus {
/*	background: none; */
}

/* Text Register Button */
.ic-event-register {
	display: inline-block;
	margin: 2px 3px 0 0;
	line-height: 16px;
}

/* Text Event Full Button */
.ic-event-full {
	display: inline-block;
	margin: 2px 3px 0 0;
	line-height: 16px;
}

/* Text Event Finished Button */
.ic-event-finished {
	display: inline-block;
	margin: 2px 3px 0 0;
	line-height: 16px;
}

/* icon people (nb of registered users) (added in 3.3.7) */
.ic-people {
	color: #999;
}

/* Nb of registered people (in bubble) */
.ic-registered {
	display: inline-block;
	color: #333333;
	text-align: center;
	background: url('../images/regis-baloon.png');
	height: 16px;
	line-height: 16px;
	width: 36px;
	font-size: 11px;
	font-weight: bold;
}

/* Style Time (in date) */
#icagenda .evttime {
	font-size: 0.8em;
}
.ic-next-today {
	font-weight: bold;
}
.ic-period-starttime,
.ic-period-endtime,
.ic-single-starttime,
.ic-single-endtime,
.ic-datetime-separator {
	font-size: 0.8em;
}

/* Style File Download link */
#icagenda .icDownload {}


/*
 * STYLES for classes not presents in Theme Pack php files, but in iCagenda core php files
 */

/* Style iCagenda Header - List of Events */
.ic-header-container {
}
.ic-header-title {
}
.ic-header-subtitle {
	font-size: 0.85em;
}
.ic-subtitle-string {
}
.ic-subtitle-pages {
}

/* Style Back Button (event details) */
.ic-back {
	display: block;
	width: auto;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
}
.ic-back a:link,
.ic-back a:visited {
}
.ic-back a:hover,
.ic-back a:active,
.ic-back a:focus {
}

/* Buttons (print, Add to Cal, ...) */
.ic-manager-toolbar {
	display: block;
	text-align: right;
	margin-bottom: 10px;
}
.ic-buttons {
	display: block;
	text-align: right;
}
.ic-icon {
	display: inline-block;
	margin-left: 7px;
}
.ic-printpopup-btn {
	display: block;
	text-align: center;
	margin: 15px 0;
}
div.ic-tip-title {
	text-align: center;
	font-weight: bold;
	margin-bottom: 3px;
}
div.ic-tip-link {
	display: block;
	text-align: left;
	margin-bottom: 3px;
}
div.ic-tip-link a {
	color: #D4D4D4;
	text-decoration: none;
}
div.ic-tip-link a:hover {
	color: #FFFFFF;
}
div.ic-tip-link img {
	margin-right: 5px;
}

/* Columns List of Participants (Full) */
#icagenda .total {width:99%; min-width:180px; margin:0.5%;}
#icagenda .demi {width:49%; min-width:180px; margin:0.5%;}
#icagenda .tiers {width:32.3%; min-width:180px; margin:0.5%;}
#icagenda .quart {width:24%; min-width:150px; margin:0.5%;}

.names_noslide {text-align:justify;}
.names_slide {padding:6px !important; text-align:justify;}
