/* Theme Name: Flatsome Child Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.0 */ /*************** ADD CUSTOM CSS HERE. ***************/ /* LINK COLOR ON BOOTSTRAP */ .bootstrap-scoped a { color: #dd2c00; text-decoration: none; } .bootstrap-scoped a:hover { color: #000000; text-decoration: none; } .bootstrap-scoped .container { max-width: 1220px; } .tooltip-inner { background-color: #000000 !important; color: #ffffff !important; border-radius: 0.25rem !important; padding: 0.3rem 0.65rem 0.2rem 0.65rem ; font-size: 0.675rem;} .tooltip-arrow, .tooltip-arrow::before { position: absolute; width: 1rem; height: 0.5rem; z-index: 1; } .bs-tooltip-top .tooltip-arrow::before { display: block; content: ""; border-width: 0.4rem 0.4rem 0; border-style: solid; border-color: #000000 transparent transparent transparent; } .bs-tooltip-bottom .tooltip-arrow::before { display: block; content: ""; border-width: 0 0.4rem 0.4rem; border-style: solid; border-color: transparent transparent #000000 transparent; } .bs-tooltip-left .tooltip-arrow::before { display: block; content: ""; border-width: 0.4rem 0 0.4rem 0.4rem; border-style: solid; border-color: transparent transparent transparent #000000; } .bs-tooltip-right .tooltip-arrow::before { display: block; content: ""; border-width: 0.4rem 0.4rem 0.4rem 0; border-style: solid; border-color: transparent #000000 transparent transparent; } /* HOMEPAGE SECTIONS */ .section-topposts-divider { background: linear-gradient( to bottom, #fcc000 0px, #fcc000 120px, #ffffff 100px, #ffffff 100% ); } /* yellow */ .section-trending-divider { background: linear-gradient( to bottom, #fcc000 0px, #fcc000 120px, #ffffff 100px, #ffffff 100% ); } /* yellow */ .section-music-divider { background: linear-gradient( to bottom, #ec1c23 0px, #ec1c23 120px, #ec1c23 100px, #ec1c23 100% ); } /* red */ .section-cinema-divider { background: linear-gradient( to bottom, #000000 0px, #000000 120px, #ffffff 100px, #ffffff 100% ); } /* black */ .section-life-divider { background: linear-gradient( to bottom, #0840d7 0px, #0840d7 120px, #ffffff 100px, #ffffff 100% ); } /* blue */ .section-celebs-divider { background: linear-gradient( to bottom, #fcc000 0px, #fcc000 120px, #ffffff 100px, #ffffff 100% ); } /* yellow */ .section-media-divider { background: linear-gradient( to bottom, #ec1c23 0px, #ec1c23 120px, #ffffff 100px, #ffffff 100% ); } /* red */ .section-videos-divider { background: linear-gradient( to bottom, #000000 0px, #000000 120px, #000000 100px, #000000 100% ); } /* black */ .section-cityguide-divider { background: linear-gradient( to bottom, #fcc000 0px, #fcc000 120px, #ffffff 100px, #ffffff 100% ); } /* yellow */ .section-tech-divider { background: linear-gradient( to bottom, #0840d7 0px, #0840d7 120px, #ffffff 100px, #ffffff 100% ); } /* blue */ .section-extrazone-divider { background: linear-gradient( to bottom, #fcc000 0px, #fcc000 120px, #ffffff 100px, #ffffff 100% ); } /* yellow */ /* BUBBLES */ .music .container, .top-posts .container, .top-stories .container { position: relative; z-index: 2; } .music .mad-bubbles-container, .top-posts .mad-bubbles-container, .top-stories .mad-bubbles-container { z-index: 1; } .section-gradient-top { background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 50%, #ffffff 100%); } /* FULL SCREEN SEARCH */ .mfp-bg.mfp-ready { opacity: .9; } .wp-caption { margin: 0 auto 25px auto; max-width:90%; } .wp-caption .wp-caption-text { background: transparent; font-size: .8em; font-style: italic; color: #999; } /* DROPDOWN MENU */ .nav-dropdown { padding: 15px 0; } .nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a { border-radius: 4px; margin: 0 5px; padding-left: 10px; padding-right: 10px; } .nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a { color: #000; } /* custom blog posts shortcode */ .custom-blog-posts .is-divider { display:none; } .custom-blog-posts .button { font-weight: unset; height: 20px !important; line-height: 27px; text-transform: uppercase; } .custom-blog-posts .cat-label { font-size: 0.9em; opacity: .9; margin-bottom: 10px; } .custom-blog-posts .post-meta { font-size: 0.9em; opacity: .9; margin-top: 10px; font-style:italic; opacity:.5;} /* custom blog posts shortcode */ .section-title-normal { font-weight:100; border-bottom: 2px solid rgba(0, 0, 0, .1) !important; } .section-title-normal span { border-bottom: 2px solid rgba(0, 0, 0, .4); } /* MY TABS */ .my-tabs .tab-panels { padding-top: 2em; } .my-tabs .nav > li > a { font-weight: 700; font-style: unset; } .my-tabs .nav-pills a { height: 32px; padding: 2px 15px; } .my-tabs .nav-line-bottom a { height: 32px; padding: 0px 5px; } .my-tabs .nav-line-bottom>li>a:before { height: 1px; } .my-tabs .nav-line-grow>li.active>a:before, .my-tabs .nav-line-grow>li:hover>a:before { height: 1px; } /* FLATSOME ICONS */ .my-icon .has-icon-bg .icon .icon-inner { border: 0px solid !important; } /* MAD RADIO MENU */ .madradio-menu .bg-danger { background: #d70692!important; } /* desktop menu tab background */ .madradio-menu .list-group .list-group-item a { color: #d70692!important; } /* mobile dropdown menu links */ /* MAD RADIO SHORTCODE NEWS STYLE */ .page-id-186969 .bootstrap-scoped .card { background: #c30085 !important; border:1px solid #c30085 !important; } .page-id-186969 .bootstrap-scoped .border-light-subtle { border-color: #c30085 !important; } .page-id-186969 .bootstrap-scoped a.link-body-emphasis { color: #FFFFFF !important; } .page-id-186969 .bootstrap-scoped a.link-body-emphasis:hover { opacity:.8 !important; } .page-id-186969 .bootstrap-scoped .card-footer { color:#fff !important; } .page-id-186969 .shortcode-posts-pagination .btn-dark { background: #c30085 !important; } /* SINGLE */ .single-share a.icon.plain { color: #ffffff; } /* share buttons */ /* BUTTONS */ .button, button, input[type=button], input[type=reset], input[type=submit] { text-transform: unset; font-weight: unset; letter-spacing: unset; } /* BADGE */ .badge /*unset flatsome badge */ { height: unset!important; width: unset!important; } .badge-inner { background-color: var(--fs-color-primary); color: #fff; font-weight: unset; line-height: .75; padding: 10px 14px !important; text-align: center; border-radius: 25px; } /* COMMENTS */ #comments { display:none; } /* SHARE ICONS */ .share-icons a.icon { font-size: 2.1em!important; margin-left: 0.2em; margin-right: 0.2em; } /* MEDIA WRAPPER */ .custom-video-wrapper { margin: 0 auto 30px auto!important; display: block!important; text-align: center; width: max-content; max-width:90%; } .fluid-width-video-wrapper { margin-bottom: 20px; } /* YOUTUBE VIDEO WRAPPER - ACF FIELD */ .youtube-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000; } .youtube-video-wrapper iframe, .youtube-video-wrapper object, .youtube-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-icon-overlay { z-index: 5; opacity: 0.8; transition: opacity 0.3s ease; } .video-icon-overlay .video-play-icon, .video-icon-overlay svg { font-size: 50px; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .position-relative:hover .video-icon-overlay { opacity: 1; } /* HOMEPAGE SIDEBAR */ .page-template-homepage .widget { margin-bottom: 0em; } /* TITLE */ .madtitle .section-title-normal { font-size:16px; font-weight: 700; } .madtitle .section-title-normal { border-bottom: 1px solid rgba(0, 0, 0, .1) !important; } .madtitle .section-title-normal span { border-bottom: 1px solid #999999; } /* PROGRAM LISTS STYLE */ .madprogram ul { list-style-type:none; } .madprogram ul li { margin:0 15px 7px 0!important; padding:0 0 5px 0; border-bottom:1px solid #dddddd; } .madprogram ul li span.showtime { color:#dd2c00; margin-right:10px; } .madprogram ul li span.show { text-transform: capitalize!important; } /* PROGRAM LISTS STYLE */ .madradioprogram ul { list-style-type:none; } .madradioprogram ul li { margin:0 15px 7px 0!important; padding:0 0 5px 0; border-bottom:1px solid #dddddd; } .madradioprogram ul li span.showtime { color:#c1fe05; margin-right:10px; } .madradioprogram ul li span.show { text-transform: capitalize!important; } /* MAD TV - PAROUSIASTES */ .blogposts-minimal .is-divider { display:none; } .blogposts-minimal .box-text { padding-top: 1.4em; } /* BB PRESS */ #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 20px 20px 10px 20px; } .bbp-forum-title, .bbp-topic-title { font-size: 1.5em; } .bbp-forum-content, .bbp-forum-topic-count, .bbp-forum-reply-count, .bbp-forum-freshness, .bbp-reply-content, .bbp-reply-author, .bbp-author-name { font-size: 1.3em !important; line-height: 1.5em; } /* FOOTER */ /* Διορθώνει στο footer το background να ειναι πίσω από το content */ .section-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .section-content { position: relative; z-index: 1; } .absolute-footer { display: none; } /*************** ADD MOBILE ONLY CSS HERE ***************/ @media only screen and (max-width: 48em) { .bootstrap-scoped .fs-6 { font-size: 1.3rem !important; } } /* For Google Ad Manager ad units -------------------------------------------------------- */ .adslot {text-align:center;display:block;margin:30px auto;} .adslot > div {margin:0 auto;} .adslot.h90 {min-height:90px;} .adslot.h250 {min-height:250px;} .adslot.h600 {min-height:600px;} .adslot.sticky > div {position:sticky;top:85px;} .adslot.no-top-margin {margin-top:0;} .standalone .adslot {margin:45px auto;} @media only screen and (max-width:1024px) { .adslot.mh600 {min-height:640px;} } /* Traffic Driver -------------------------------------------------------- */ .srfr.traffic-driver {margin:0 auto 30px;} .srfr.traffic-driver h2 {} .srfr.traffic-driver .pretext {} .srfr.traffic-driver .items {display:grid;grid-template-columns:1fr 1fr;gap:30px;} .srfr.traffic-driver .items .item {display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:5px;align-items:start;} .srfr.traffic-driver .items .item .itemImage {} .srfr.traffic-driver .items .item .itemImage a, .srfr.traffic-driver .items .item .itemImage a img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;} .srfr.traffic-driver .items .item .itemBody {} .srfr.traffic-driver .items .item .itemBody .itemTitle {padding:0;margin:0;text-align:left;font-size:1rem;line-height:125%;overflow-wrap:anywhere;} .srfr.traffic-driver .items .item .itemBody .itemTitle a {color:#333;} .srfr.traffic-driver .items .item .itemBody .itemTitle a:hover {color:#f00;} .srfr.traffic-driver .items .item .itemBody .itemExtras {margin:5px 0;} .srfr.traffic-driver .items .item .itemBody .itemExtras .itemDate {display:inline-block;margin-right:5px;} .srfr.traffic-driver .items .item .itemBody .itemExtras .itemSource {display:inline-block;} .srfr.traffic-driver .items .item .itemBody .itemIntrotext {} .srfr.traffic-driver .posttext {} .srfr.traffic-driver .customlink {} .srfr.traffic-driver .customlink a {} /* Media Queries (Responsive States) -------------------------------------------------------- */ @media only screen and (max-width:1024px) { /* Traffic Driver */ .srfr.traffic-driver .items .item.i1, .srfr.traffic-driver .items .item.i4, .srfr.traffic-driver .items .item.i7, .srfr.traffic-driver .items .item.i10, .srfr.traffic-driver .items .item.i13, .srfr.traffic-driver .items .item.i16, .srfr.traffic-driver .items .item.i19, .srfr.traffic-driver .items .item.i22 {grid-column-end:span 2;} .srfr.traffic-driver .items .item .itemBody .itemTitle {font-size:0.9rem;} /* Single / Related */ .related-container .bootstrap-scoped .col:last-child {flex:1;} } /* Media -------------------------------------------------------- */ .instagram-embed {padding:20px 0;} .instagram-embed > iframe {margin:0 auto !important;} /* Utilities -------------------------------------------------------- */ @media only screen and (min-width:1025px) { .hide-on-desktop, .show-on-mobile {display:none;} } @media only screen and (max-width:1024px) { .hide-on-mobile, .show-on-desktop {display:none;} }