/* main screen */

.main_body {padding-top:70px;background: #f9f9f9;font-family: 'Helvetica Neue', Helvetica, Arial;}

.board_wrapper{display: none}

/*.freex-wall {background:#ccc !important;}*/
#eventboard {padding: 35px 15px 15px 15px;display:none;background-color:#f9f9f9;padding-bottom:50px;}
.pin h3 {overflow: hidden;word-wrap: break-word;word-break:break-word;font-size:1.3em;line-height: 22px;font-weight:bold;}
.pin { transition: box-shadow .25s;border-radius: 2px;  background-color: #fff;border:1px solid #d8d8d8; cursor:pointer;line-height:19px;background: white;box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 226, 226, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.15); color: #333; width: 300px;transition: box-shadow 1s ease-in-out;}
.pin:hover{xxxbox-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173,186,204,.25), 0 2px 6px rgba(0,21,64,.14), 0 15px 20px rgba(0, 21, 64, 0.21);transition: box-shadow 1s ease-in-out; }

/*.btn_event_category{border-radius:3px;padding:2px 5px;}*/
.btn_event_category{border-radius: 2px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2); padding: 3px 9px;}

#btn_load_more {font-size: 1.2em;line-height: 54px;height: 54px;transition: .3s ease-out;padding: 0 28px;text-align: center; text-decoration: none; letter-spacing: .5px;color: #fff; background: linear-gradient(45deg, #3949ab, #4fc3f7) !important; text-transform: uppercase; border: none; border-radius: 4px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}
#btn_load_more:hover {transition: .3s ease-out;box-shadow:0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2)}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    padding: 5px;
    margin: 7px 4px 7px 0;
    width: 47%;
    border: 1px solid #ccc !important;
    border-radius: 4px;
}

#status_message h2 {color:#333;}

.more_info_icon{font-size:1.4em;}

.location_icon {margin-left:2px;color:#b10000}
/*.info {padding: 15px;color: #333;}*/
.navbar-default{border-bottom: 1px solid #dadada !important;box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.34) !important;}

.event_img {width:100%;margin: 0px;padding: 0px;display: block;min-width:100%;height:auto;border-radius: 2px 2px 0 0;}
.event_details{background:#f9f9f9;padding:15px 15px 5px 15px;}
.event_details_no_image{xxxbackground:linear-gradient(to bottom, #ffffff, #e6e6e6);padding:15px 15px 5px 15px;border-radius:10px 10px 0 0}
.event_description{padding:5px 15px 15px 15px;word-wrap: break-word;word-break:break-word;overflow: hidden;}
#event_date_time{line-height:23px;font-size:1.2em;font-family:georgia;font-weight:normal;}

/* Select2 overrides */
.select2-selection__clear {margin-top:5px !important;}
.select2-selection__choice__remove{top:0 !important ;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {font-size:13px !important;}
.select2-container .select2-selection--multiple { border-color:1px solid #d2d2d2 !important}
.select2-container--default .select2-selection--single {border-color:1px solid #d2d2d2 !important;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);outline-style:none !important;height:31px !important;}
.select2-container--default .select2-selection--multiple{border:1px solid #d2d2d2 !important;}
.select2-container{xz-index: 100000;width:300px !important;}
.select2-container:focus{border:1px solid #d9d9d9;outline-style:none !important;}
.select2-dropdown{border:1px solid #d8d9da !important;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)}
.select2-results__option{padding:2px 0 0 9px !important;font-size:12px;}
.select2-selection__rendered{box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);font-size:14px;}
#select2-category_id-container:focus{outline-style:none !important;outline-color:#fff !important;}
/* end select2 */

#filter_date{color: #6b6f82;font-weight: normal; font-family:arial; font-size: 2.7em;margin-bottom:13px;margin-top:0}
#msg_no_events{font-size: 1.3em;margin-bottom: 35px;font-family: auto;display:none;xxxbackground:#fff;border-radius: 20px;color:#6b6f82;padding:50px}
.modal-body{padding:15px 24px;}

/*#sent_email_body .row {margin-left:0;}*/
/*.btn_event_category:hover{text-decoration: underline;}*/

@media only screen and (max-width: 1000px) {
	.select2-container{width:200px !important}
}
@media only screen and (max-width:768px) {
    #modal_popup_pin {
		width: 102%;margin-left: -1%;
    }
    .select2-container{width:100% !important; margin-bottom:10px !important}
    .main_body{padding:2px !important;}
    .container-fluid{margin-left:8px !important;}
    
    #eventboard{xpadding:35px 40px 15px 15px !important;margin-bottom:45px;}
    .container-fluid{padding-left:3px;padding-right:0; margin-right:0; margin-left:0 !important;}
    #filter_date{margin-top:65px;}
    #eventboard{padding:3px !important;}
    /*.event_img {border-radius: 0}*/
    .xselect2-container{width:100% !important;margin-bottom:10px !important}
    #datepicker{display:inline !important;}
    .filter_form{text-align: center;}
}

@media only screen and (max-width:1400px) {
	.msg_no_events_dates, h4 {
		line-height:55px;
	}

}
@media print {
	.noprint{visibility: hidden;}
}

/* Skeleton Loader */
@media (min-width: 960px) {
  	#skeletoncard {
    	padding: 16px;
	}
}

.skeleton {
	--card: linear-gradient(to bottom, #dadada 100%, transparent 0%);
	--card-height: 340px;
	--blur-width: 200px;
	--blur-size: var(--blur-width) var(--card-height);
}
.skeleton-container {padding: 30px;margin-top:30px;}
#skeleton-grid {display: grid;grid-gap: 10px 10px;grid-auto-rows: auto;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.skeleton .skeleton-card:empty::after {
	content: "";
	display: block;
	height: 380px;
	border-radius:2px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	background-image: linear-gradient(30deg, rgba(120, 200, 200, 0) 0, rgba(200, 200, 200, 0.8) 90%, rgba(200, 200, 200, 0) 100%),
		var(--card);
	background-size:
		var(--card);
	background-position: 150% 0,
		var(--card);
		background-repeat: no-repeat;
		animation: loading 1s infinite linear;
}

@keyframes loading {
  to {
    background-position: 350% 0, var(--card-height), 0 0;
  }
}


/* end skeleton loader */

/* end main theme */



/* Event Details */

.top_controls{border:1px solid #cecece; margin-top:20px;box-shadow:0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 226, 226, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.15);margin-bottom:20px;background:#f3f3f3;padding:10px;border-radius:2px;}
.event_content{border:1px solid #cecece; background:#fff;box-shadow:0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 226, 226, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.15);margin-bottom:20px;padding:30px 40px;border-radius: 2px;}
img { max-width:100%; height:auto;}
.event_main_img {box-shadow: 0 0 7px 1px #c3c3c3;margin: 0 2em .5em 0;float:left;width:31.5%;border-radius:5px;}
h4{font-weight: bold}
#cw_category_span span {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);border-radius:2px !important;}
.full_screen_close{border-radius: 2px !important}

@media screen {

	.btn-group .btn.{padding:8px 18px}
	.btn-group > .tooltip + .btn,
	.btn-group > .popover + .btn{
	margin-left:-1px;
	}

	#popup_socialmedia{float:<?php if (isset($_GET['uc_mobile'])) { echo 'left'; } else { echo 'right'; }?>;margin-top:<?php if (isset($_GET['uc_mobile'])) { echo '8'; } else { echo '4'; }?>px;}
	#event_title{font-size:2.3em;line-height:25px;word-wrap: break-word;word-break:break-word;overflow: hidden;}
	#event_date{font-size:1.2em;}
	#event_details{}
	#event_details img {max-width:200px;float:left;}
}

@media print {
	.noprint {display: none !important;}
	#event_title{font-size:1.5em;font-weight:bold;}
	#event_details{padding:0px}
	a{text-decoration: none;color:<?php echo $pop_txt_color?> !important;}
}

.socialbr{display:none;}
.social i {width: 20px;height: 15px;margin: 0 10px;  font-size: 20px;}
.social svg { width: 20px; height: 15px; margin: 0 10px;}
.social {margin-top:5px;display:inline-block;}

@media screen and (max-width:450px){
	.socialbr{display:block;}
}
@media screen and (max-width:768px){
	.socialbr{display:block;}
	.event_main_img{width: 100%;margin-bottom:20px;}
	.top_controls{border-radius: 0;margin-top:0;margin-bottom:0;}
	.event_content{border-radius: 0;}
	#event_title{line-height: 40px !important}
}
.fa-facebook {color:#4267b2;}
.fa-twitter {color:#1da1f2;}
.fa-linkedin {color:#0077B5;}

/* end Main Event */