Laia Miret - Rototom Sunsplash

/* ----------------------------------------- */ /* Plantilla de contenido: 2019 – Social boxes - inicio */ /* ----------------------------------------- */ .roto_social_boxes .roto_social_links { display:table; box-sizing:border-box; overflow:auto; margin:0 auto; margin-bottom:0px; } .roto_social_boxes .roto_social_links a { display:inline-block; box-sizing:border-box; width:40px; height:25px; border-radius:2px; margin:5px; text-align:center; font-size:14px; line-height:25px; color:#fff; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; transition-delay: 0s; } .roto_social_boxes .roto_social_links a:hover { background-color:#f4f4f4; color:#000; } .roto_social_boxes .roto_social_links a:hover i { color:#000; } .roto_social_boxes .roto_social_links a.inactive_, .roto_social_boxes .roto_social_links a.inactive_:hover { background-color:#f4f4f4; color:#b2b1b1; pointer-events:none; cursor:default; } .roto_social_boxes .roto_social_links a.inactive_:hover i { color:#b2b1b1; } .icon_website { background-color:#000000; } .icon_facebook { background-color:#3b5998; } .icon_twitter { background-color:#55acee; } .icon_youtube { background-color:#dd4b39; } .icon_soundcloud { background-color:#ff7700; } /* ----------------------------------------- */ /* Plantilla de contenido: 2019 – Social boxes - fin */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Plantilla de contenido: 2019 – Evento (por Invitado) - inicio */ /* ----------------------------------------- */ .event_box { background-color:#fff; border:1px solid #f0f0f0; overflow:auto; margin-bottom:5px; } .event_box .left_box { border-right: 1px solid #f0f0f0; padding: 0px 10px !important; margin: 10px 0px !important; max-width: 20%; float:left;} .event_box .left_box .event_date { color: #000; font-size: 20px !important; line-height: 20px !important; text-transform: uppercase; font-weight:800; } .event_box .right_box { padding: 10px 30px !important; float: left; max-width: 80%; } .event_box .right_box .event_title, .event_box .right_box .event_title a { font-size: 18px; font-weight: bold; line-height: 20px; color: #000; word-break: normal; } .event_box .right_box .event_title .event_subtitle { font-size: 15px; font-weight: bold; line-height: 18px; color: #000; margin-bottom: 8px; } .event_box .right_box .event_title .event_area { font-size: 15px; line-height: 18px; color: #515151; margin-bottom: 8px; } .event_box .right_box .event_title a { text-decoration: none; } .feat_ { display: none; } .bband_ { display: none; } @media (max-width:768px) and (max-device-width:768px){ .event_box .left_box { max-width: 100%; width: 100%; border-bottom: 1px solid #f0f0f0; border-right: none; padding: 10px 0px !important; margin: 0px 10px !important; } .event_box .right_box { max-width: 100%; width: 100%; text-align: center; } } /* ----------------------------------------- */ /* Plantilla de contenido: 2019 – Evento (por Invitado) - fin */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Plantilla de contenido: 2019 – MEDIA – Box video/foto - inicio */ /* ----------------------------------------- */ .media_box_container { margin-bottom: 10px; } .media_box_image_container { background-color: #fff; color: #000; border: 1px solid #10a97c; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; border-radius: 0px 0px 10px 0px; } .media_box_image { position: relative; overflow: hidden; padding-bottom: 50%; border-radius: 0px 0px 10px 0px; } .media_box_image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100% !important; border-radius: 0px 0px 10px 0px; } .video_date { position: absolute; bottom: 4px; left: 4px; background-color: #000; color: #fff; padding: 2px 4px; border-radius: 2px; opacity: 0.8; } .video_date h6 { font-size: 12px; line-height: 12px; color: #fff !important; margin: 0px; text-align: left; } .video_length { position: absolute; bottom: 4px; right: 4px; background-color: #000; color: #fff; padding: 2px 4px; border-radius: 2px; opacity: 0.8; } .video_length h6 { font-size: 12px; line-height: 12px; color: #fff !important; margin: 0px; } .video_icon_play { position: absolute; top:0px; left:0px; width: 50%; height:100%; background-image: url('/wp-content/themes/rototom2019/img/play-button-green.svg'); background-size: 35% 35%; background-position: center; background-repeat: no-repeat; opacity: 0; } .video_icon_view { position: absolute; top:0px; right:0px; width: 100%; height:100%; background-image: url('/wp-content/themes/rototom2019/img/view-button-green.svg'); background-size: 35% 35%; background-position: center; background-repeat: no-repeat; opacity: 0; } .foto_icon_view { position: absolute; top:0px; right:0px; width: 100%; height:100%; background-image: url('/wp-content/themes/rototom2019/img/view-button-green.svg'); background-size: 35% 35%; background-position: center; background-repeat: no-repeat; opacity: 0; } .news_icon_view { position: absolute; top:0px; right:0px; width: 100%; height:100%; background-image: url('/wp-content/themes/rototom2019/img/news-button-green.svg'); background-size: 35% 35%; background-position: center; background-repeat: no-repeat; opacity: 0; } .media_box_image:hover .video_icon_play, .media_box_image:hover .video_icon_view, .media_box_image:hover .foto_icon_view, .media_box_image:hover .news_icon_view { opacity: 0.6; } .media_box_image:hover .video_icon_play:hover, .media_box_image:hover .video_icon_view:hover, .media_box_image:hover .foto_icon_view:hover, .media_box_image:hover .news_icon_view:hover { opacity: 0.9; } .media_box_text_container h5 { color: #1e1e1e; line-height: 18px; margin-top: 2px; } /* ----------------------------------------- */ /* Plantilla de contenido: 2019 – MEDIA – Box video/foto - fin */ /* ----------------------------------------- */