Photo Rototom

/* ----------------------------------------- */ /* Content Template: 2019-media-box-video-foto-big - start */ /* ----------------------------------------- */ .media_box_container { margin-bottom: 10px; } .media_box_image_container { background-color: #fff; color: #000; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; } .media_box_image { position: relative; overflow: hidden; padding-bottom: 50%; } .media_box_image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100% !important; } .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 h3 { text-align: center; text-transform: uppercase; color: #1e1e1e; padding-bottom: 15px; } /* ----------------------------------------- */ /* Content Template: 2019-media-box-video-foto-big - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: 2020-box-general - start */ /* ----------------------------------------- */ .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; } } /* ----------------------------------------- */ /* Content Template: 2020-box-general - end */ /* ----------------------------------------- */