/* 
Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. 

When you update your theme, backup this file and re-add it after.
*/

/* Global */
.mystyle {
}
.banner-publi-petit {display: none}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {
           a.sidebar-toggle {
            height: 60px !important;
        }
         
    }
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 720px) {
	.nav ul li { font-size: 15px; font-weight: 300; }

}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {
	
    }
	.header-faunany-data {font-weight: 300 !important;}
	.link-faunany {margin-right: 5px !important; }
	.simple-image .attachment-full { margin: auto;  display:block; width: 280px;}
	.videos-publi .wp-video { margin: auto; }
	 a.first { display: none ; } 
	 a.last { display: none ; } 
	 .banner-publi-gran {display: none}
	 .banner-publi-petit {display: block}
}

/* 
  Logos banner temporals
------------------------------------------------ */
/* div.banner-logo { background-image: url("img/logoRCT_negre.png");} */
/* div.banner-logo { background-image: url("img/logoRCT_rosa.png");} */
/* div.banner-logo { background-image: url("img/logoRCT_vermell.png");} */
/* div.banner-logo { background-image: url("img/logoRCT_lila.png");} */
/* div.banner-logo { background-image: url("img/logoRCT_blau.png");} */
/* div.banner-logo { background-image: url("img/logoRCT_taronja.png");} */
/* div.banner-logo { background-image: url("img/logoRCT_sant_jordi.png");} */
/* div.banner-logo { background-image: url("img/logoRCT_lgtbi.png");} */


@media only screen and (max-width: 768px) {
  div.banner-logo { background-image: none; }

}

@media only screen and (min-width: 479px) and (max-width: 960px) {
 .s1 .sidebar-top p { color: #fff !important; }
 .s1 .sidebar-top .social-links .social-tooltip { color: #fff; } 
  sidebar-top { background-color: #0071bc !important; }
}

/* 
  Nous estils
------------------------------------------------ */

#wp-admin-bar-spiffy_main_node {display: none;}

/* ---------------blog------------- */
    .entry.share { padding-right: 0; }
	.sharrre-container { position: relative; float: left; width: auto; padding: 0; margin: 20px 0 0; }
	.sharrre-container span { text-align: left; }
	.sharrre-container > div { float: left; margin-right: 10px; }

/* ---------------post loop------------- */
.blog .post,
.single .post,
.archive .post,
.search .post,
.search .page { margin-bottom: 15px; }

.post-list .post-row { margin-bottom: 15px; }

featured.flexslider { padding-bottom: 15px; margin-bottom: -30px; border-bottom: 0px solid #eee; }
.destacada { background-color:#efefef; border-left: 2px; border-style: solid; border-color: #3b8dbd;}

div.compshare { margin-bottom: 10px }

.site-title {
    font-weight: 100;
}

.site-title a {
    color: #0071bc;
}

div.banner-logo {
    
    background-position: top right;
    background-repeat: no-repeat; 
}

.boxed #wrapper {box-shadow: 0px 0px 10px grey !important; }

#header .pad {
    border-bottom: solid 2px #0071bc !important;
}

#header-ads { margin-right: 340px; margin-top:15px; }

.boto-menu {float: left; margin-top: -50px; margin-left:435px; position: relative;}
.boto-menu2 {display:none;}

@media only screen and (max-width: 719px) {
.boto-menu2 {float: right; margin-top: -50px; margin-left:500px; position: relative; margin-right: 50px; display: block;}
.boto-menu {display: none;}
}

 a.flex-prev {
    
    color: #83BBDE ;
}

a.flex-prev:hover {
    color: #0071BC !important;
}

a.flex-next {
    
    color: #83BBDE;
}
a.flex-next:hover {
    color: #0071BC !important;
}

.container-inner.banner-logo div {
    height: 55px;
}

.sif input[name="ofsearch"] {height: 40px;}
.sif input[name="ofpost_date[]"] {display: block !important;}
.sif select[name="ofpost_types"] {height: 46px;}
.sif input[value="Cercar"] {margin-top:22px; height: 46px; width: 100px; border-radius:5px; border-color: #0071bc;}
.sif h4 {color: #FFF; font-size: 14px; margin-bottom:-1px; margin-top: 8px;}
.search-again .sif h4 {color: #555; font-size: 11px; margin-bottom: -13px;}
.search-again .sif input[name="ofpost_date[]"] {display: inline !important; vertical-align: text-bottom; margin-bottom: -13px; width: 128px;}
.search-again li:nth-of-type(3) {display: inline;}
.search-again li:nth-of-type(5) {display: block;}
@media only screen and (min-width: 640px) {
.search-again .sif input[name="ofsearch"] {width: 390px;}
.search-again .sif h4 {color: #555; font-size: 11px; margin-bottom: -42px; margin-top: 20px;}
.search-again .sif input[value="Cercar"] {margin-left:7px;}
.search-again li:nth-of-type(5) {display: inline-block;}
}

.home-video {
    font-size: 1.5em;
    padding: 18px 30px 17px 30px;
    margin-bottom: 0px;
    border-bottom: solid 1px #0071bc !important;
    font-weight: 900;
    background-color: #0071BC;
    color: #fff;
	line-height: normal;
}

.text-video {
    font-size: 1m;
    padding: 1px 30px 5px 30px;
    margin-bottom: 0px;
    border-bottom: solid 1px #0071bc !important;
    font-weight: 900;
    background-color: #fff;
    color: #0071BC;
}


.text-video-lateral {
    font-size: 0.9m;
	text-align: center;
    padding: 4px 0 4px 0px;
    margin-bottom: 0px;
    border-bottom: solid 1px #0071bc !important;
    font-weight: 900;
    background-color: #fff;
    color: #0071BC;
}


.header-seccions-home {
    font-size: 1.5em;
    padding: 2px 0 17px 30px;
    border-bottom: solid 1px #0071bc !important;
    font-weight: 900;
    background-color: #0071BC;
    color: #fff;
}

.header-seccions-audio {
    font-size: 1.5em;
    padding: 18px 0 17px 30px;
    margin-bottom: 0px;
    border-bottom: solid 1px #0071bc !important;
    font-weight: 900;
    background-color: #0071BC;
    color: #fff;
}
.post-title-audio a:hover { color: #444 !important; }
.post-title-audio { color: #0071bc !important; }
.post-title-audio .fa.fa-volume-up {margin-right: 5px;}
.post-title-audio .fa.fa-external-link-square {position: absolute; font-size: 0.7em; right: 29px; top: 0px;} 


.player-index .mejs-controls, .mejs-mediaelement, .mejs-container {
	background: url('') !important;
	background-color: #0071bc !important;
} 

.post-title-audio .jp-interface {background-color: #0071bc;} 
.post-title-audio .jp-duration {margin-top: 7px;}
.post-title-audio .jp-current-time {margin-top: 7px;}
.post-title-audio .jp-interface .fa.fa-play { margin-top: 3px; font-size: 0.7em; font-style: normal; color: #FFF;}
.post-title-audio .jp-interface .fa.fa-pause { margin-top: 3px; font-size: 0.7em; font-style: normal; color: #FFF;}
.post-title-audio .jp-interface .fa.fa-volume-down { margin-top: 3px; font-size: 0.7em; font-style: normal; color: #666;}
.post-title-audio .jp-interface .fa.fa-volume-up { margin-top: 3px; font-size: 0.7em; font-style: normal; color: #FFF;}


.collapse{
  cursor: pointer;
  display: block;
  background: #cdf; 
  padding-right: 13px;
}
.collapse + input{
  display: none; /* hide the checkboxes */
  position: absolute;
   top: -9999px;
   left: -9999px;
}
.collapse + input + div{
  display:none;
}
.collapse + input:checked + div{
  display:block;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}


/* efectes per image hover */
.img-hov-eff:hover {
	-webkit-filter: saturate(175%);
	filter: saturate(175%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


/* --vídeos a l'índex-- */
/* 72:34 */
.vid-cont-index { position: relative; padding-bottom: 47.1%; height: 0; overflow: hidden; margin-bottom: 1em; } 
.vid-cont-index-destacat { position: relative; padding-bottom: 47.2%; height: 0; overflow: hidden; margin-bottom: 1em; }
/* 16:9 */
/* .vid-cont-index { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 1em; } */

/* .vid-cont-index iframe, .vid-cont-index object, .vid-cont-index embed, .vid-cont-index video { position: absolute; top: -35px; left: 0; width: 100%; height: 140%; } */
/* sense showinfo
.vid-cont-index iframe, .vid-cont-index object, .vid-cont-index embed, .vid-cont-index video { position: absolute; top: -17px; left: 0; width: 100%; height: 119%; } */
.vid-cont-index-destacat iframe, .vid-cont-index-destacat object, .vid-cont-index-destacat embed, .vid-cont-index-destacat video { position: absolute; top: -34px; left: 0; width: 100%; height: 119%; }
.vid-cont-index iframe, .vid-cont-index object, .vid-cont-index embed, .vid-cont-index video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

/* --vídeos a l'índex WIDGET -- */
.vid-cont-index2 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 1em;}
.vid-cont-index2 iframe, .vid-cont-index2 object, .vid-cont-index2 embed, .vid-cont-index2 video { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }
.post-title2 { margin-bottom: 1px; font-size: 17px; font-weight: 400; line-height: 1.5em; word-wrap: break-word; color: #FFF; text-align: center; margin-top: -1px; margin-bottom: -1px;}
@media only screen and (min-width: 480px) and (max-width: 719px) { .post-title2 { font-size: 20px;}}
@media only screen and (min-width: 960px) and (max-width: 1023px) { .post-title2 { font-size: 18px;}}
.laciutat {border-right: 4px; border-style: solid; border-color: #1d5e7a; padding-bottom: 0px;}
.ona {border-color: #f15b29 !important; background-color: #fce8e1 !important;}
.alfm {border-color: #cd186d !important; background-color: #fce1e8 !important;}
.laciutat .post-list .post-row { border-bottom: 0px solid #eee; margin-bottom: 15px; }
.lletciutat { border-bottom: 2px; text-align: center; margin-top: -15px; padding-bottom: 5px; border-bottom-color: #1d5e7a !important; padding-top:10px;}
@media screen and (max-width: 719px) {.foto-titol-ciutat {padding-bottom: 15px; padding-top: 15px; margin-top:35px;}}
.post-date-ciutat { float: right; margin-bottom:0px !important; margin-top: 13px;}
.post-tit-ciutat a {color: #005d7c;}
.post-tit-ciutat {text-transform: none; font-size: 18px; font-weight: bold;}
.post-title-faunany { color: #444; margin-bottom: 5px; font-style: normal; font-size: 22px; font-weight: 400; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; text-align: left; }


.lletres-video-index {
	color: #FFF !important; 
	font-size: 20px; 
	text-align: center; 
	padding-top:8px; 
	padding-bottom:12px;
	padding-left: 5px;
	margin-top: -15px;
	margin-bottom: 10px;}

.header-petit {
    font-size: 1em;
    padding: 18px 0 17px 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #0071bc !important;
    font-weight: 900;
    background-color: #0071BC;
    color: #fff;
}

.post-title a {color: #0071bc;}
.post-title a:hover {color: #444;}

.post-row {border-bottom-color: #83BBDE !important;}

.format-link .post-format p { font-size: 18px; font-weight: 400; line-height: 1.4em; font-style: italic; }
.format-link .post-format .fa-link { font-size: 30px; }

.foto-titol-widget {
	text-align: center; 
	padding-top:5px; 
	margin-top: -15px;
	margin-bottom: 25px;}

/* arreglo notis dins el widget agenda */
.post-category-dins-agenda { float: left; margin-right: 6px; margin-bottom: 0em !important; }
.post-date-dins-agenda { float: left; margin-bottom: 0em !important;}
.widget .post-category-dins-agenda a { color: #3b8dbd; }
.widget .post-category-dins-agenda a:hover { color: #444; }



/* noti fa un any */

.index-faunany {padding-bottom: 5px;}
.lletres-any {
	color: #FFF !important; 
	font-size: 20px; 
	text-align: left; 
	padding-top:8px; 
	padding-bottom:12px; 
	transition: all .9s ease;
	-moz-transition: all .9s ease;
	-webkit-transition: all .9s ease; }
.lletres-any:hover {color: #FFF !important; background-color: #008ce9 !important;}
.post-title-faunany { color: #444; margin-bottom: 5px; font-style: normal; font-size: 22px; font-weight: 400; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; text-align: left; }
.post-title-faunany a { color: #0071bc; }
.post-title-faunany a:hover { color: #444; }
.any-thumbnail { position: relative; float: left; margin: 1em; }
.entry.excerpt2 { font-size: 16px; }
.entry.excerpt2 p { margin-bottom: 0; }
.link-faunany {float: right; margin-right: 1em; margin-top: 3px; color: #FFF !important;}

.header-faunany {
font-size: 1.5em;
    padding: 18px 0 17px 30px;
    margin-bottom: 1px;
    border-bottom: solid 1px #0071bc !important;
    font-weight: 900;
    background-color: #0071BC;
    color: #fff;
}
.header-faunany-data {
font-size: 1em;
	text-align: left;
    padding: 5px 0 8px 30px;
    margin-bottom: 10px;
	padding-right: 30px;
    border-bottom: solid 1px #0071bc !important;
    font-weight: 900;
    background-color: #fff;
    color: #0071BC;
}
#text-54 { margin-bottom: -15px;}

/*les més vistes */
.visitades {display: table-row; } 
.art-mes-vistes {border-style: solid !important; border-bottom: 2px; border-color: #b2d4ea !important;}
/* .art-mes-vistes:hover {box-shadow: 0px 0px 1px 0px #0071bc; } */
/* .art-mes-vistes:hover .thumbnail-micro {box-shadow: 0px 0px 2px 1px #0071bc; } */
.text-vistes { display: table-cell; padding-left: 10px; vertical-align: top; font-size: 15px; }
.text-vistes a { color: #0071bc; }
.text-vistes a:hover { color: #444; }
.titol-visitat {font-size: 16px; font-weight: 300; text-align: left; margin-top: -34px; margin-bottom: 10px; background-color: #0071bc; color: #FFF; padding-top: 10px; padding-bottom: 10px; margin-left: -30px; margin-right: -30px; text-indent: 35px;}
.thumbnail-micro { width: 80px; float:left; padding-top: 3px; border-bottom-color: #0071bc !important; border-style: solid !important; border-bottom: 4px; margin-bottom: -2px; }
.thumbnail-micro img { vertical-align: top; margin-bottom: -1px;}
.genvisitat { border-top-color: #0071bc !important; border-style: solid !important; border-top: 4px; }
#text-59 { margin-top: 0px; }

/* ultims audios */
.pportada {margin-bottom: -6px;}
.taudiodest {display: block;}
.volum-audios {float: left; margin-top: 2px; padding-right: 10px; font-size: 20px !important;}
.flex-ultims-audios { display: flex; padding-left: 10px; padding-top: 8px; font-size: 16px; }
.text-ultims-audios a { color: #0071bc; }
.text-ultims-audios a:hover { color: #444; }
/*.ultims-audios {width: 25px; float:left; margin-top: 3px; border-top:5px; border-bottom: 9px; border-style: solid; border-color: #0071bc; border-radius: 5px 0px 0px 5px;} */
.ultims-audios {float:left; width: 50px; margin-top: 3px; border-bottom: 4px; border-style: solid; border-color: #0071bc;}
.ultims-audios .mejs-controls .mejs-time {display:none !important;}
.ultims-audios .mejs-controls .mejs-time-rail {display:none !important;}
.ultims-audios .mejs-controls .mejs-horizontal-volume-slider {display:none !important;}
.ultims-audios .mejs-controls .mejs-volume-button {display:none !important;}
@media only screen and (max-width: 719px) {.ultims-audios {margin-top: 5px; border-bottom: 4px; border-style: solid; border-color: #0071bc;} .flex-ultims-audios {padding-top: 2px;} .titol-visitat {margin-top: -30px;}}


/* widget video cos central */

img.bannervid {display: none;}
.ciuthome {display: none;}
.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  background: url(https://www.radiocalellatv.cat/wp-content/uploads/2023/05/quadre_home_28M.jpg) no-repeat 50% 0 #000;
  background-size: 100%;
  background-size: cover;
  grid-gap: 2px 2px;
  padding: 18px;
  
}
@media screen and (max-width: 480px) {
	.grid-container {display: none;}
	.ciuthome {display:block;}
	img.bannervid {display: block;}}



/* tema seccio fira festa major
------------------------------------------------ */
.base-fira { background-color: #609599;}
.text-blanc {color: #fff;}

.base-fira17 { background-color: #00aebc;}
.base-fira20 {background-color: #02638d;}
.base-fira21 {background-color: #01ace4;}
.base-fira25 {background-color: #0091b5; margin-top: -16px; text-align: center;}
.base-fira22 {background-color: #24226d; padding-top: 4px; padding-left: 4px; margin-bottom: 6px;}
.base-fm23 {background-color: #005ca9; padding-left: 4px; margin-top: -17px; padding-top: 5px; padding-bottom: 5px;}
.base-fira23 {background-color: #895943; padding-left: 4px; margin-top: -17px; padding-top: 5px; padding-bottom: 5px;}
.base-fm24 {background-color: #ea806f; padding-left: 4px; margin-top: -17px; padding-top: 5px; padding-bottom: 5px;}
.base-fira24 {background-color: #f2ab52; padding-left: 4px; margin-top: -17px; padding-top: 5px; padding-bottom: 5px;}
.base-fira25 {background-color: #0091b5; margin-top: -16px;}
.text-blau {color: #2c5790; font-weight: bold;}
.etiqueta {float: right; font-variant:sub; padding-right: 4px;}
.text-marro a {color: #895943 !important;}

.titol-fira {text-align: center; margin-bottom: 20px;}
#responsive_lightbox_image_widget-3 {border-right: 4px; border-color: #FFF; border-right-style: solid; padding-right: 26px; margin-top: -10px;}

#text-112 {margin-bottom: -35px !important; }
@media only screen and (max-width: 479px) {#text-112 {margin-top: -24px; }}

/* tema coblejant */
.text-coblejant {color: #202020; font-weight: bold;}
.base-coblejant {background-color: #73a8c0; }
.post-title-coblejant { color: #444; font-weight: normal; margin-bottom: 10px; font-size: 20px; font-weight: 350; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; }
.post-title-coblejant a { color: #000; }
.post-title-coblejant a:hover { color: #202020; }

.player-coblejant .mejs-controls, .mejs-mediaelement, .mejs-container {
	background: url('') !important;
	background-color: #73a8c0 !important;
}

/* .player-coblejant .mejs-controls .mejs-button button {
	background-image: url('/grafisme/controls-black.svg') !important;
} 

 .player-coblejant .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #000 !important;
} */


.titol-lateral-coblejant {color: #000; text-align: center; font-size: 40px; display:block;}


/* tema refugi */
.text-refugi {color: #FFF; font-weight: bold;}
.base-refugi {background-color: #000; }
.tl-refugi {background-color: #FFF; }

/* 
  Nous estils - centre-bar
------------------------------------------------ */
#nav-topbar {z-index: 401;}
.nav-media {z-index: 1 !important;}

#text-7 div {
   font-weight: normal;
    font-size: 13px;
    background-image: url(img/dial.jpg);
    background-repeat: no-repeat;
    border-right: solid 1px #fff;
    background-color: #0071bc;
    background-position:center;
    padding-bottom: 1px;
    
}

#text-7 a {
    color: #fff;
    padding-bottom: 35px;
    text-align: center;
    display: block;
}

div.main-inner.group {
 
}

section.content { 
}


#footer-widgets {
}


#dj_widget-3 {
    overflow: auto;
    height: auto;
}



/* ultima hora */

.mtphr-dnt-title {
    background-color: #b83f1e;
    color: #fff;
    text-align: center;
}

/* #simpleimage-29 {padding-top: 5px !important; padding-bottom: 0px !important; margin-bottom: 0px !important;} */

/* banner central */

#text-20 {
    padding-bottom: 0px !important;  
    margin-bottom: 0px !important;
    text-align: center;
    display: block;
    line-height: 0; 
	border-top: solid 0px;
	/* abans era border-top 10px */
	border-top-color: #d9d9d9; }

.sota-barra {
	margin-top: -7px;
	vertical-align: top;
}

#text-50 {text-align: center;}
#text-51 {text-align: center;}
#text-52 {text-align: center;}

.mesnotis {margin-bottom:20px; margin-top: 10px;}


@media only screen and (min-width: 487px) {
.bansup {position:relative; vertical-align:top; width:25%; height: auto; border-radius: 0px !important;}
.taula-programa-mob {display:none;}
.banner-audio-mob {display: none;}
}

@media only screen and (max-width: 487px) {
.bansup {position:relative; vertical-align:top; width:50%; height: auto; border-radius: 0px !important;}
.banner-audio-desk {display: none;}
.taula-programa {display: none;}
.taula-programa-mob {font-size:16px; font-weight:400;}
.linia-programa1 {padding-left: 15px !important;}
.linia-programa2 {padding-right: 15px !important;}
.programes {border-radius: 7px !important;}
}

.bansgrup {	display:flex; }
.lletres-podcast {
	color: #FFF !important; 
	font-size: 18px;
	font-weight: 600; 
	text-align: left; 
	padding-top:8px; 
	padding-bottom:12px; 
	padding-left: 20px;
	transition: all .9s ease;
	-moz-transition: all .9s ease;
	-webkit-transition: all .9s ease; }
.podcast-thumbnail { position: relative; float: left; width: 100%;}


/* el dia de */
.spiffy-current-date {display:none;}
.spiffy-expanded-event {display: flex; align-items: center; margin-bottom: -5px;}
.spiffy-title {order: 2; flex-grow: 2; margin-bottom: 8px; margin-right: 30px; color: #333;}
.spiffy-title a {color: #0071bc;}
.spiffy-img {width: 105px; height: 100%; order: 4; margin-bottom: -1px;}
.spiffy-desc {margin-left: 25px; margin-right: 20px; color: #0071bc;}
.spiffy-location {display: none;}
.spiffy-meta {display: none;}
.spiffy-link {display: none;}
.spiffy-Expanded {margin-bottom: 0px !important; background-color: #fff; border: 7px solid; border-color: #d6d6d6;}
@media screen and (max-width: 480px) {.spiffy-desc {display:none;}}

/* gràfiques */
#chartdiv {margin-top:-85px; margin-bottom:18px;}
a.JavaScript charts {display: none;}

/* 
  Nous estils - sidebar
------------------------------------------------ */

.sidebar-content .widget h3 {
    font-weight: 700;
    font-size: 1.3em;
    color: white;
}

.sidebar {
    background-color: #fff;
}

.s1 {
    
    background-color: #D9D9D9;
}

.segueix {display: block; text-align:center; margin-top: -9px; float: none !important; line-height: 10px !important; font-size: 14px !important;}
@media screen and (max-width: 719px) {.segueix {margin-bottom: -12px;}}
.sidebar-top .social-links {margin-bottom: -7px; padding-top: 6px !important; line-height: 0px; float: none !important; text-align: center;}
@media screen and (max-width: 960px) {.sidebar-top .social-links .social-tooltip {font-size: 32px;}}

/* en directe */


.header-seccions-home a {
color: #fff;
}

/* Menú a la carta */

div#nav_menu-7 {
    background-color: #0071bc;
}


#menu-a-la-carta {
background-color: #0071bc !important;

}

.taula-programa {font-size:18px; font-weight:400;}
.programes {border-radius: 10px;}
.linia-programa1 {padding-bottom:10px; padding-top:10px; padding-left: 30px; padding-right:5px;}
.linia-programa2 {padding-bottom:10px; padding-top:10px; padding-left:5px; padding-right: 30px; width: 50%;}
.titol-podcast {font-size: 1.3em; font-weight: bold !important; border-bottom: 5px !important; border-style: solid !important;}
.titol-gran {font-size: 1.8em; padding-bottom: 15px;}
.segon-titol {margin-bottom: -15px;}
.caixa-audios {background-color:#0071bc; padding-bottom: 15px; }
.cercaudio {width: 93% !important; margin-left:30px !important; border-right: 15px !important; border-color: #0071bc !important; border-right-style: solid !important; }
#wpes-form-123239 {display: flex;}

#menu-programes-tv {
background-color: #0071bc !important;

}

.barra-audios {margin-top: -36px;}
@media only screen and (max-width: 720px) {.barra-audios {margin-top: -20px;}
}


/* #menu-a-la-carta li {
    float: left;
    width: 50%;
    border-bottom: none !important;
     text-align: center;
} 

 ul#menu-a-la-carta li {
    float: left;
    width: 50%;
    
} 

 ul#menu-a-la-carta li a {
    border-bottom: none !important;
    padding: 5px;
    background-color: #fff;
    color: #bbb;
    margin-right: 5px;
    text-align: center;
    font-weight: 600;
 }

 ul#menu-a-la-carta li a:hover {
    color: #0071bc;
 }

#menu-a-la-carta li a::before {
    display: none !important;
    
}

*/

/* barra lateral tele */

div#text-2 {
	background-image: url("img/logoCT.png");
	background-position: 90% 100%;
	background-repeat: no-repeat;
	background-size: 87px 87px;
	background-color: white;
    border-bottom: none;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-top: 28px;
}

div#text-2 h3 {
	color: #0071bc !important;
    text-transform: lowercase !important!;
}

div#text-2 div a {
    display: block;
	color: #0071bc !important;
    width: 100%;
    height: 25px !important;
    font-size: 2.36em;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 5px !important;
}

#simpleimage-57:hover {	
	-webkit-filter: brightness(110%) contrast(115%);
	filter:brightness(110%) contrast(115%);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;}


p.text-anunci-tele {
    font-size: 0.88em;
    color: #0071bc;
    margin-bottom: 3px !important;
    
}

.widget_tp_widget_recent_tweets {
border-bottom: solid 1px #fff;
}

.widget_tp_widget_recent_tweets h3 {
    text-align: center;
    margin-bottom: 25px;
    color: #0071bc !important;
}

.tittweet {color: #555; margin-bottom: 9px; font-size: 16px;}
.data-tweet {float: right;}
.text-twit {color: #333; font-size: 16px;}
.text-twit img {border-radius: 5px;}
.text-twit a {color: #3b8dbd;}
.tw-logo {float:left; border-radius:999px; width: 42px; margin-top: -8px; margin-right: 7px;}

/* a la carta */


.podcast {
    margin-top: -18px;
    margin-bottom: -19px;
    
}

/* barra lateral enllaços d'interes*/

#text-5 {
margin-top: 20px;
border-top: 1px solid #fff;
}

#text-5 h3 {
    text-align: center;
    color: #0071bc !important;
}

/* barra lateral newsletter*/

#wysija-2 {
margin-top: 20px;
border-top: 1px solid #fff;
text-align: center;
}

#wysija-2 h3 {
    color: #0071bc !important;
    
}
.wysija-submit {
width: 50%;
margin-left: auto;
margin-right: auto;
}

.wysija-input {

width: 274px;
}

/* barra lateral a la carta nou*/

.img-no-border {
	webkit-border-radius: 0px;
    border-radius: 0px;   
}

#text-35 {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* barra lateral a la carta antic*/

#text-15 h3 {
    color: #0071bc;
    text-align: center;
    margin-top: 18px;
}

#text-15 div a {

    width: auto;
    display: block;
    background-color:#0071bc;
    text-align: center;
    font-size: 1.2em;
    font-weight: 900;
    color: #fff;
    padding: 22px;
    
    }

#text-15 div a:hover {
    color: rgba(255, 255, 255, 0.7);
}

#text-15 {
    
    padding-bottom: 10px;
}

#text-15 div ul li li {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 100;
    
}

#text-15 div ul li {
    margin-left: 10px;
    font-weight: 500;
}



#text-10 {
padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #fff;
}

a.botomenu {
background-color: #0071bc;
display: block;
text-align: center;
color: rgba(255, 255, 255, 0.7);
font-size: 1.2em;
font-weight: 900;
padding: 10px 0 10px 0;
margin-bottom: 10px;
 
}

a.botomenu:hover {
color: #fff;
}


#text-10 ul li {
float: left;
margin: 10px 10px 5px 10px;
background-color: none;
}


#text-10 ul li a {
font-size: 0.8em;
    color: #fff;
    background-color: #0071bc;
    padding: 5px 15px 5px 15px;
}


/* barra lateral guingueta*/

#text-17 {
    
    padding-bottom: 0px;
}

/* banner pàgina guingueta*/

.bannerxiri {
    
    vertical-align: bottom;
}

/* barra lateral especials*/

#simpleimage-20 {
    padding-bottom: 20px !important;}
#simpleimage-20:hover {	
	-webkit-filter: brightness(105%) contrast(115%);
	filter:brightness(105%) contrast(115%);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;}

/* barra lateral vídeos reportatge*/

.widget_alx_video h3 { 
    text-align: center;
    color: #0071bc !important;
}

.widget_text h3 { 
    text-align: center;
    color: #0071bc !important;
}

/* barra lateral vídeos series*/

.titol-lateral-serie {
	margin-bottom: -6px;
}

.sota-lateral-serie {
	margin-top: -6px;
	vertical-align: top;
}

/* barra lateral vídeos publicitat*/
.videos-publi .mejs-mediaelement {
	pointer-events: none;} 

.videos-publi .mejs-controls {
	pointer-events: none;
	display: none !important;}
	 
.videos-publi .mejs-overlay-button {
	display: none !important;} 

.sota-video { margin-top: -15px; }


/* barra lateral consum */

.player-consum .mejs-controls, .mejs-mediaelement, .mejs-container {
	background: url('') !important;
	background-color: #03853b !important;
}
 
.player-consum .mejs-controls .mejs-time-rail .mejs-time-current {background: black;}

/* barra lateral any llull*/

.sota-llull {
	margin-top: -13px;
}

.player-llull .mejs-controls, .mejs-mediaelement, .mejs-container {
	background: url('') !important;
	background-color: #e65713 !important;
}
 
/* .player-llull .mejs-currenttime, .player-llull .mejs-duration {color: black !important;}
.player-llull .mejs-controls .mejs-button button {background-image: url('http://www.radiocalella.cat/omnium/controls-llull.svg') !important;} */

/* barra lateral últim info i coblejant*/
.player-ultim-info .mejs-container {
	margin-bottom: -3px !important; 
	border-radius: 0 0 8px 8px;
}

.player-ultim-info .mejs-controls, .mejs-mediaelement, .mejs-container {
	background: url('') !important;
	background-color: #0171bb !important;
	border-radius: 0 0 8px 8px;
}

.lateral-info-dalt {
	margin-bottom: -9px;
	margin-top: 15px;
}

.lateral-info-dalt-capde {
	margin-bottom: -3px;
	display: block;
	margin-top: 15px;
}

.lateral-info-baix {
	margin-top: -2px;
}

#text-57 {margin-top: -15px; margin-bottom: -15px;}

/* barra lateral player_negre*/
.player-negre .mejs-container {
	margin-bottom: -3px !important;
}

.player-negre .mejs-controls, .mejs-mediaelement, .mejs-container {
	background: url('') !important;
	background-color: black !important;
}

#text-36 {
    padding-top: 15px;
    padding-bottom: 2px;
}

#text-37 {
    padding-top: 15px;
    padding-bottom: 0px;
}

/* Concurs */


ul#menu-concurs li {
    list-style-type: none !important;
    list-style-position: inside !important;
    display: block;
}

.widget_simpleimage {
     border-bottom: none !important;
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}


/* barra lateral Enllaços*/


/* barra lateral Publi*/

#text-3 {
    padding-bottom: 0px;
}

#text-3 h3 {
    text-align: center;
    color: #0071bc;
}

#text-3 div a {

    width: auto;
    display: block;
    background-color: #fff;
    text-align: center;
    font-size: 1.2em;
    font-weight: 900;
    border: solid 1px #0071bc;
    color: #0071bc;
    padding: 22px;
    
}

/* barra lateral També és notícia*/

#alxposts-2 h3 {
     text-align: center;
    color: #0071bc !important;
    
}

.alx-posts li { border-bottom: 2px solid #0071bc; }
.widget .alx-posts .post-item-title a { color: #222 !important;} 
.widget .alx-posts .post-item-title a:hover { color: #0071bc !important;} 


/* barra lateral La Ciutat */
#simpleimage-53 {
    margin-bottom: -15px; 
}

/* 
  barra lateral - notícia/audio
------------------------------------------------ */



ul.post-nav {
    background-color: #fff;
}


ul.post-nav li a {
   
}

ul.post-nav li a span {
    color: #0071bc;
}

/* webcam montserrat*/

.webcam-m { margin-top: -26px; }

/* barra lateral videos YT*/
#responsive_lightbox_image_widget-2 {border-right: 4px; border-color: #FFF; border-right-style: solid; padding-right: 26px; padding-top: 20px; padding-bottom: 0px;}
#responsive_lightbox_image_widget-4 {border-right: 4px; border-color: #FFF; border-right-style: solid; padding-right: 26px; padding-top: 20px; padding-bottom: 0px;}
#awesomeweatherwidget-2 { border-right: 4px; border-color: #FFF; border-right-style: solid; padding-right: 26px;}
.segon-video {margin-top: -17px;}
#custom_html-2 { border-right: 4px; border-color: #8d6f91; border-right-style: solid; padding-right: 26px;}
#text-40 { border-right: 4px; border-color: #74a8c0; border-right-style: solid; padding-right: 26px;}
#custom_html-4 { border-right: 4px; border-color: #1451d9; border-right-style: solid; padding-right: 26px;}
#custom_html-3 { border-right: 4px; border-color: #0071bc; border-right-style: solid; padding-right: 26px;}
#custom_html-9 { border-right: 4px; border-color: #0071bc; border-right-style: solid; padding-right: 26px;}
#custom_html-10 { border-right: 4px; border-color: #0071bc; border-right-style: solid; padding-right: 26px;}
#custom_html-11 { border-right: 4px; border-color: #545766; border-right-style: solid; padding-right: 26px;}
#custom_html-12 { border-right: 4px; border-color: #1f1f1f; border-right-style: solid; padding-right: 26px;}
#custom_html-13 { border-right: 4px; border-color: #ff4104; border-right-style: solid; padding-right: 26px;}
#custom_html-8 { border-right: 4px; border-color: #645656; border-right-style: solid; padding-right: 26px;}
#text-110 { border-right: 4px; border-color: #645656; border-right-style: solid; padding-right: 26px;}
#custom_html-5 { border-right: 4px; border-color: #888888; border-right-style: solid; padding-right: 26px;}
#text-106 { border-right: 4px; border-color: #24226d; border-right-style: solid; padding-right: 26px;}
.mig-YT {margin-top: 0px; vertical-align: top;}


/* 

Estil Programes

*/

.header-programa {
margin-bottom: 0;
}

/* 
  Modificacions del player
------------------------------------------------ */
/* comprimir barra de progrés */
.jp-progress-container {
  margin-left: 75px;
  margin-right: 120px;
}
/* moure contadors */

.jp-duration {
  margin-top: 11px;
  margin-left: 32px;
  float: left;
}

.jp-current-time {
  margin-top: 11px;
  margin-right: 90px;
  float: right;
  line-height: 24px;
}
/* fonts */
.jp-current-time, .jp-duration {
  color: #fff;
  font-size: 12px;
}
.mejs-time-handle-content {display: none;}


/* player directe */
#play2 {
    margin-left: 15px;
	font-size: 22px;
}
#pause2 {
    margin-left: 15px;
	font-size: 22px;
}

/* player dintre notis */
.mejs-container {
  margin-bottom: 15px;
}


/* Player Xarxa */
.radio-player-widget .now-playing-details{display: none !important;}


/* 
  programació Taula
------------------------------------------------ */
.entry table tr.alt {
background: #A6CFEB ;
}
span.show-title a {
padding: 0Px;
}
span.show-time {
color: #000 !important;
padding: 0Px;
    font-size: 13px !important;
}

#master-program-schedule td div {
border-top: 1px solid #000;
}

.show-id-56815 .show-title a {word-break: break-all; word-break: break-word;}
.show-id-91937 .show-title a {word-break: break-all; word-break: break-word;}


/* 
  Nous estils I i B
------------------------------------------------ */
i {
font-style: italic;
}

b {
font-weight: bold;
}


/* 
  Nous estils excerpt negreta i justificat
------------------------------------------------ */

.entry.excerpt p {color: #666;}
.entry b {text-align: justify;}

/* 
  estils programes
------------------------------------------------ */

p.text-programa {
font-size: 1.5em;
color: #0071bc;
margin-bottom: 50px;
margin-top: 20px;
line-height: 1.3em;
}

.station-show-schedules {
border-top: solid 1px #0071bc;
padding-top: 20px;
margin-bottom: 20px;

}

.station-show-schedules ul {
overflow: auto;
}


.station-show-schedules ul li {
float: left;
margin-right: 20px;
color: #aaa;
}


.station-show-playlists {
border-top: solid 1px #0071bc;
padding-top: 20px;
padding-bottom: 20px;
clear: both;
}

#myplaylist-blog-posts {
padding-top: 30px;
}

#myplaylist-blog-posts h3 {
border-bottom: solid 1px #000;
padding-bottom: 5px;
text-align: center;
    margin-bottom: 5px;
}

#myplaylist-blog-posts ul li {
float:left;
margin-right: 15px;
padding: 0 5px 5px 5px;
border-bottom: solid 1px #0071bc;
}

.boto-a-la-carta {
background-color: #0071bc;
}

.boto-a-la-carta a {
color: #fff;
display: block;
color: rgba(255, 255, 255, 0.7);
padding: 5px;
text-align: center;
}

.boto-a-la-carta a:hover {
color: #fff;
background-color: #2e68a6 ;

}

/* 
  estils Audio single
------------------------------------------------ */
.boto-audio-dwn {
display: block;
color: rgba(255, 255, 255, 0.7);
background-color: #0071bc;
padding: 5px;
}

a.boto-audio-dwn:hover {
color: #fff;
}


/* 
  estils programació
------------------------------------------------ */

#master-genre-list a {
font-size: 1.5em;
padding: 5px;
}


/* estils entitats
------------------------------------------------ */
.categoria-entitat { color: #444; font-size: 20px; }
.entitats-title { position: relative; padding-left: 0px; color: #444; font-weight: 600; text-transform: uppercase; line-height: 24px; text-align: left; }
.entitats-title a { color: #444; }
.entitats-title a:hover { color: #0071bc; }
.entitats-title span { color: #444; }

/* 
  estils en Directe
------------------------------------------------ */

#caixa-audio {
background-color: #0071bc;
background-image: url(img/dial.jpg);
background-repeat: no-repeat;
background-position: center top;
width: 100%;
height: 65px;
}

.sc_player_container1 {


display: block;
}

#boto-play {
background-color: #A6CFEB !important;
width: 35px;
padding: 15px 3px 15px 5px;
opacity: 1;
}

sc_player_container1 {
opacity: 1;
}

#directe-programa {margin-bottom: -26px;}


/* Arreglos pel camí 
    - alinear columnes del tema -
*/

.one-half.last {
margin-top: -28px;
}


#cptr_related_posts { padding: 30px; margin-bottom:10px; background-color: #0071; margin-left: 0px;}
.titrel {background: #0071bc; color: #FFF; margin-right: -30px; margin-left: -30px; margin-top: -30px; margin-bottom: 15px; padding-left: 30px; display: block; font-size: 18px; padding-top: 5px; padding-bottom: 5px;}
#cptr_related_posts h5 {font-size: 95%; font-weight: normal; margin-bottom: 0px; border-bottom: 4px !important; border-style: solid !important; border-color: #0071bc !important; text-shadow: 0 3px 6px rgba(0,0,0,0.8);}
.related-item {margin-bottom: 25px;}
.related-wrapper {display: block;}
.related-image-container {position: relative; display: block; margin-bottom: 10px;}
.related-image-container img {display: block; width: 100%; height: auto;}
.related-title {position: absolute; bottom: 0; left: 0; right: 0; color: white; padding: 12px 15px; font-size: 16px; font-weight: bold; z-index: 10; margin: 0; line-height: 1.3;}
.related-title::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.3)); z-index: -1;}
.related-title a {color: inherit; text-decoration: none;}
.related-title-no-image {font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.related-title-no-image a {color: #333; text-decoration: none;}
.related-excerpt {margin: 0; padding: 10px 0; color: #333; line-height: 1.5;}

/* Tickers */

.mtphr-dnt-title {
height: 28px;
padding-top: 6px;
}

#mtphr-dnt-510 div h3.mtphr-dnt-title {
background-color: #000; 
}

#mtphr-dnt-75 div h3.mtphr-dnt-title {
background-color: #B83F1E; 
}

.mtphr-dnt-tick-container {
padding-top:5px;
padding-bottom: 4px;
}

.mtphr-dnt-tick-contents {
	font-weight: normal;
   
}

/* dia dansa */
.band-superior {margin-bottom: -25px;}

/* mostrar imatges de pàgines a la cerca */
.search .page.type-page .post-thumbnail { display: inline; }

.notice-error {
border-color: #dd3d36; }

/* calendari */
.calendari {
float: right;
width: 200px;
}
.page-title .fa-calendar {margin-right: 8px;}

@media only screen and (max-width: 960px) {
.fa.fa-calendar {color:#0071bc !important; font-size:1.7em; vertical-align:-10%;}}
@media only screen and (min-width: 961px) {
.fa.fa-calendar {pointer-events: none;}}
@media only screen and (max-width: 479px) {
.arxiu-data {text-align: center;}
.fa.fa-calendar {font-size:1.4em; vertical-align: baseline;}}

.has-post:hover {background-color: #008ce9 !important;}



/* privacitat */
.cli_user_consent_state {display:none;}
.cli-switch input:checked + .cli-slider {background-color: #0071bc;}
.protform {font-size: 0.8em; color: #555 !important;}
.acceptance-643:after {
  content: " Accepto la política de Privacitat";
  color: #000;
  font-size: 0.9em;
}
.wpcf7 span.wpcf7-not-valid-tip {top: -38px !important; left: 210px !important;}
.wpcf7-response-output {font-weight: bold;}

/* recaptcha */
.g-recaptcha {display:none;}
.grecaptcha-badge {z-index:3;}

/* widget 5 videos */

.linvidfons { padding: 7px 5px 2px; }
.linvid {margin: 2px;}
.titol-linvid { margin-bottom: -2px; } 

@media only screen and (min-width: 640px) {
.linvid {position:relative; vertical-align:top; width:19.3%; height: auto;}
.linlletres {display: none;}
.linvidfons2 { padding-left: 3px; }
}

@media only screen and (max-width: 639px) {
.linvid {position:relative; float: left; vertical-align:top; width:47.5%; height: auto;}
.titol-linvid {display: none;}
.linlletres {float: left; position: relative;}
.linvidfons { padding: 3px 2px 1px; }
.linvidfons2 { overflow: auto; padding-left: 10px;}
}

a.linvid {
 float: left;
 position: relative; }

.linvdoble {background-color:#6cc6c2;}
.linvdoble img:last-child{display:none}
.linvdoble:hover img:first-child{display:none}
.linvdoble:hover img:last-child{display:inline}


.sota-linvid {
	margin-top: -6px;
	vertical-align: top;
}

/* lazy load xt */
.lazy-hidden {
    background: #eee url("img/loading.gif") no-repeat 50% 50%;
}
.lazy-hidden{background:url("img/loading.gif") 50% 50% no-repeat #eee}


/* --------------------- magnific popup -------------------- */

/* audios */
/* This adds padding from top and bottom */
.custom-popup-class .mfp-container {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* This adds max-width to popup content */
.custom-popup-class .mfp-content {
  width: 100%;
  max-width: 700px;
}

/* This makes "#popup-with-something" scale down proportionally */
#popup-with-something {
  width: 100%;
  height: 0;
  overflow: hidden;
  /* This is scale ratio */
  padding-top: 5%;
}
/* This shifts close button outside of the container */
#popup-with-something .mfp-close {
  top: -44px;
  color: #FFF;
  text-align: right;
  right: 1px;
}
/* This is an element itself */
.some-element {
  background: #EBE8E8;
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6); 
}
/* fi audios */

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
  
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* botó play youtube */
.vidnoti img {
  width:60%;
  height:auto;
  margin:auto;
  display: block;
}

a.vidpopup {
  float: left;
  position: relative;
}

a.vidpopup span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(/grafisme/play_button.png) no-repeat;
  background-position: 50% 50%;
  background-size: 9%;
}

a.vidpopup span:hover {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(/grafisme/play_button-vermell.png) no-repeat;
  background-position: 50% 50%;
  background-size: 9%;
  transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

@media screen and (max-width: 480px) {
  .vidnoti img {
  width:80%;
}
  
  a.vidpopup span {
    background-size: 15%;
  }
  a.vidpopup span:hover {
    background-size: 15%;
  }
}