Mar Sabé - Rototom Sunsplash

/* ----------------------------------------- */ /* Modèle de contenu : 2019-social-boxes - démarrer */ /* ----------------------------------------- */ .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; } /* ----------------------------------------- */ /* Modèle de contenu : 2019-social-boxes - terminer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : 2019-evento-por-invitado - démarrer */ /* ----------------------------------------- */ .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; } } /* ----------------------------------------- */ /* Modèle de contenu : 2019-evento-por-invitado - terminer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : 2020-box-general - démarrer */ /* ----------------------------------------- */ .box_content_placeholder { height:130px; overflow:hidden; position:relative; } .box_content_placeholder img { width:100%; position:absolute; left:50%; top:50%; -webkit-transform: translateY(-50%) translateX(-50%); } .box_content_placeholder .box_date { position: absolute; bottom: 4px; left: 4px; background-color: #000; color: #fff; padding: 2px 4px; border-radius: 2px; opacity: 0.8; } .box_content_placeholder .box_date h6 { font-size: 12px; line-height: 12px; color: #fff !important; margin: 0px; text-align: left; } .box_content_content a { text-decoration: none; } .box_content_content .vc_col-sm-6 { padding:0px; } .box_content_content .read_more { background-color:#eeeeee; font-family:'Titillium Web',sans-serif; font-size:12px; font-weight:700; color:#666666; padding:4px 8px; border-radius:3px; } .box_content_content .read_more i { font-size:12px; } .box_content_content .crunchify-social-news { text-align:right; } .box_content_content .crunchify-social-news .crunchify-link { padding:0px 3px; } .box_content_content .crunchify-social-news .fas, .crunchify-social-news .fab { color:#666666; } .box_content .box_content_content .read_more:hover, .box_content_content .crunchify-social-news .fas:hover, .crunchify-social-news .fab:hover { color:#000 !important; } /* IF PAGE... */ .box_type_page .box_content_content h2 { font-size:14px; line-height:15px; border-bottom:0px; } .box_type_page .box_content_content p, .box_type_page .box_content_column { display:none; } /* IF VIDEO... */ .box_type_video .box_content_container_holder { margin-bottom:10px !important; } .box_type_video .box_content_content { padding:3px 0px; } .box_type_video .box_content_content h2 { font-size:14px; line-height:15px; border-bottom:0px; } .box_type_video .box_content_content p, .box_type_video .box_content_column { display:none; } /* IF GALLERY... */ .box_type_galeria .box_content_container_holder { margin-bottom:10px !important; } .box_type_galeria .box_content_content { padding:3px 0px; } .box_type_galeria .box_content_content h2 { font-size:14px; line-height:15px; border-bottom:0px; } .box_type_galeria .box_content_content p, .box_type_galeria .box_content_column { display:none; } @media (min-width:1025px) { .box_content_container_holder { width:96% !important; margin:0px 2% 20px 2% !important; } .box_content_content { padding: 10px 0px 5px 0px; overflow:auto; } .box_content_content h2 { font-family:'Titillium Web',sans-serif; font-size:20px; line-height:21px; color:#181818; text-align:left; font-weight:700; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid; } .box_content_content p { font-family:'Lato',sans-serif; font-size:14px; line-height:16px; margin-bottom:15px !important; color:#464646; text-align:left; padding:0px; } } @media (max-width:1024px) { .box_content_container_holder { width:100% !important; margin:0px 0px 20px 0px !important; } .box_content_content { padding: 5px 0px 5px 0px; overflow:auto; } .box_content_content h2 { font-family:'Titillium Web',sans-serif; font-size:17px; line-height:18px; color:#181818; text-align:left; font-weight:700; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid; } .box_content_content p { font-family:'Lato',sans-serif; font-size:13px; line-height:16px; margin-bottom:10px !important; color:#464646; text-align:justify; padding:0px; } .box_content_content .vc_col-sm-6 { width:50%; float:left; } } /* ----------------------------------------- */ /* Modèle de contenu : 2020-box-general - terminer */ /* ----------------------------------------- */