File: /var/www/intranet.kauko.lt/wp-content/plugins/dpProEventCalendar/css/layouts/carousel.css
/**** Carousel Layout ****/
.dp_pec_carousel_wrapper {
position: relative;
}
ul.dp_pec_carousel_list {
margin: 0;
padding:0 !important;
position: relative;
list-style: none;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
margin-bottom: 20px;
}
ul.dp_pec_carousel_list.dp_pec_columns_1 {
grid-template-columns: repeat(1, 1fr);
}
ul.dp_pec_carousel_list.dp_pec_columns_2 {
grid-template-columns: repeat(2, 1fr);
}
ul.dp_pec_carousel_list.dp_pec_columns_3 {
grid-template-columns: repeat(3, 1fr);
}
ul.dp_pec_carousel_list.dp_pec_columns_4 {
grid-template-columns: repeat(4, 1fr);
}
.dp_pec_carousel_wrapper ul.dp_pec_carousel_gap_5 {
grid-gap: 5px;
}
.dp_pec_carousel_wrapper ul.dp_pec_carousel_gap_10 {
grid-gap: 10px;
}
.dp_pec_carousel_wrapper ul.dp_pec_carousel_gap_15 {
grid-gap: 15px;
}
.dp_pec_carousel_wrapper ul.dp_pec_carousel_gap_20 {
grid-gap: 20px;
}
.dp_pec_carousel_wrapper.dp_pec_400 ul.dp_pec_carousel_list {
display: block;
}
.dp_pec_carousel_wrapper li.dp_pec_carousel_item .dp_pec_event_meta h3 {
display: none;
}
.dp_pec_carousel_wrapper li.dp_pec_carousel_item .dp_pec_event_meta .pec_event_page_speaker_image {
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #313131;
padding: 0;
box-shadow: 0 3px 6px rgba(0,0,0,.2);
float: left;
margin-right: 10px;
background-size: cover;
background-position: center;
}
.dp_pec_carousel_wrapper li.dp_pec_carousel_item .dp_pec_event_meta .dp_pec_event_speaker {
clear: both;
line-height: 32px;
}
ul.dp_pec_carousel_list > li {
grid-row: 1;
width: auto;
overflow: visible;
background: #fff;
padding: 0;
margin: 0;
color: #707070;
position: relative;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
box-shadow: 0 1px 3px rgba(0,0,0,.2);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
display: none;
}
.dp_pec_carousel_wrapper.dp_pec_400 ul.dp_pec_carousel_list li {
margin-bottom: 10px;
}
ul.dp_pec_carousel_list li.dp_pec_carousel_item_visible {
display: block;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_list .dp_pec_event_photo_wrap {
position: relative;
background: #575757;
overflow: hidden;
margin: 0;
border-radius: 5px 5px 0 0;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list .dp_pec_event_photo_wrap,
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list .dp_pec_event_photo {
position: absolute;
height: 350px;
width: 100%;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper ul.dp_pec_carousel_list li.dp_pec_carousel_item {
min-height: 350px;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_list .dp_pec_event_photo {
min-height: 200px;
background-size: cover;
opacity: .6;
background-position: center;
margin-bottom: 0;
transition: filter .6s;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_list .dp_pec_event_photo_overlay {
-webkit-transition: all .6s;
transition: all .6s;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.3);
}
.dp_pec_carousel_wrapper .dp_pec_carousel_item:hover .dp_pec_event_photo_overlay {
opacity: 1;
z-index: 999;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_item:hover .dp_pec_event_photo{
position: relative;
z-index: 105;
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
/*transform: scale(1.5);*/
}
.dp_pec_carousel_wrapper .dp_pec_carousel_list .dp_pec_carousel_event_center_text {
position: absolute;
top: 45%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
padding: 0 30px;
width: 100%;
z-index: 9999;
color: #fff;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list .dp_pec_carousel_event_center_text {
position: relative;
top: unset;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
text-align: left;
padding-top: 50px;
padding-bottom: 20px;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_event_inner {
padding: 50px;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_list h2 {
z-index: 150;
font-size: 32px;
font-weight: normal;
text-align: left;
vertical-align: middle;
text-decoration: none;
line-height: 32px;
overflow: hidden;
padding: 0;
font-style: normal;
background: none;
color: #575757;
margin: 0;
margin-bottom: 40px;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_list .dp_pec_carousel_event_center_text h2 {
color: #ffffff;
text-shadow: 1px 1px 0 rgba(0,0,0,0.35);
margin: 0;
font-size: 32px;
padding: 0;
line-height: 40px;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list .dp_pec_carousel_event_center_text h2 {
font-size: 24px;
line-height: 32px;
margin-bottom: 10px;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_event_text {
background: #fff;
padding: 20px;
border-radius: 5px;
height: 100%;
min-height: 270px;
}
ul.dp_pec_carousel_nav {
margin: 0 auto;
padding: 0;
list-style: none;
display: table;
text-align: center;
}
ul.dp_pec_carousel_nav li {
width: 24px;
height: 24px;
display: inline-block;
background: #ddd;
margin: 0 10px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
ul.dp_pec_carousel_nav li a,
ul.dp_pec_carousel_nav li a:visited {
width: 100%;
height: 100%;
display: block;
background: #fff;
border-radius: 50%;
border: 1px solid #707070;
}
.pec_skin_dark ul.dp_pec_carousel_nav li a,
.pec_skin_dark ul.dp_pec_carousel_nav li a:visited {
background: #313131;
border-color: #b7b7b7;
}
ul.dp_pec_carousel_nav li a:hover {
border-width: 2px;
}
ul.dp_pec_carousel_nav li a:active,
ul.dp_pec_carousel_nav li a.dp_pec_carousel_active {
background: #707070;
}
.pec_skin_dark ul.dp_pec_carousel_nav li a:active,
.pec_skin_dark ul.dp_pec_carousel_nav li a.dp_pec_carousel_active {
background: #ededed;
}
ul.dp_pec_carousel_nav li a.dp_pec_carousel_active {
cursor: default;
}
.dp_pec_carousel_simple_wrapper ul.dp_pec_carousel_list > li {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
overflow: hidden;
}
.dp_pec_carousel_simple_wrapper .dp_pec_carousel_list .dp_pec_event_photo {
min-height: 300px;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_item .dp_pec_event_photo_wrap .pec_featured {
position: absolute;
top: 20px;
left: 30px;
margin: 0;
background: none;
z-index: 9999;
color: #bbb !important;
padding: 0;
text-shadow: 1px 1px 0 rgba(0,0,0,.2);
font-size: 16px;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_item .pec_featured {
position: absolute;
top: 20px;
left: 30px;
line-height: 16px;
margin: 0;
background: none;
color: #bbb !important;
padding: 0;
text-shadow: 1px 1px 0 rgba(0,0,0,.2);
font-size: 16px;
z-index: 999;
}
.dp_pec_carousel_wrapper .dp_pec_carousel_item .pec_featured i {
display: none;
}
.dp_pec_carousel_simple_wrapper .dp_pec_more_options_wrap,
.dp_pec_carousel_3_wrapper .dp_pec_more_options_wrap {
position: absolute;
top: 20px;
right: 30px;
z-index: 99999;
}
.dp_pec_carousel_wrapper .pec_event_page_categories span {
font-size: 16px;
line-height: 24px;
text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .pec_event_page_categories span {
font-size: 14px;
color: #909090;
line-height: 22px;
text-shadow: none;
margin-bottom: 5px;
display: block;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper hr {
margin-top:0;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper p {
padding: 0;
margin: 0;
color: #707070;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list .dp_pec_event_description {
padding: 0 15px;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list .dp_pec_event_description a {
color:#B7B7B7;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list .dp_pec_event_description a:hover {
text-decoration:underline;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list span.pec_time {
margin: 0 0 10px 0;
padding: 0;
background: none;
font-size: 16px;
color: #575757 !important;
line-height: 24px;
}
.dp_pec_carousel_wrapper.dp_pec_carousel_3_wrapper .dp_pec_carousel_list span.pec_time_big {
font-size: 20px;
line-height:28px;
}
.dp_pec_carousel_simple_wrapper .dp_pec_carousel_list span.pec_time {
margin: 0;
position: absolute;
display: block;
bottom: 20px;
left: 30px;
background: #313131;
color: #ededed !important;
font-size: 16px;
padding: 0px 20px 0 0;
line-height: 40px;
height: 40px;
z-index: 9999;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.dp_pec_carousel_simple_wrapper .dp_pec_carousel_list span.pec_time i {
background: #ededed;
color: #313131;
line-height: 40px;
margin-right: 15px;
padding: 0 10px;
border-radius: 5px 0 0 5px;
}
.dp_pec_carousel_item .dp_pec_event_description_short {
color: #707070;
}
.dp_pec_carousel_item_animation_left {
-webkit-animation-name: pec_fadeInLeft;
-moz-animation-name: pec_fadeInLeft;
-o-animation-name: pec_fadeInLeft;
animation-name: pec_fadeInLeft;
}
.dp_pec_carousel_item_animation_right {
-webkit-animation-name: pec_fadeInRight;
-moz-animation-name: pec_fadeInRight;
-o-animation-name: pec_fadeInRight;
animation-name: pec_fadeInRight;
}