/**
 * Place your custom styles here.
 */
body{padding-bottom: 10px;}
a:hover{text-decoration: none;}
header#navbar{border:none; background:#d1d2d4; border-radius: 0px; padding: 0px;}
header#navbar .navbar-header{margin: 10px 20px;}
header#navbar .main-menu{padding: 0px;}
header#navbar .main-menu ul.navbar-nav{background: #d1232a; width: 100%; height: 30px;}
header#navbar .main-menu ul.navbar-nav li{}
header#navbar .main-menu ul.navbar-nav li a{color:#fff; font-weight: bold; padding: 0px 10px; border-right: 1px solid #fff; line-height: 20px; margin:5px 0px;}
header#navbar .main-menu ul.navbar-nav li.first a{font-size: 16px; border-left: 1px solid #fff; margin-left: 10px;}
header#navbar .main-menu ul.navbar-nav li.first a{}
header#navbar .main-menu ul.navbar-nav li.active a{background: none; text-decoration: underline;}

header#navbar ul.navbar-nav li a span.title{display: none;}

header#navbar .subnavbar{background: #fff;}
header#navbar .subnavbar ul.menu{list-style: none;width: initial;}
header#navbar .subnavbar ul.menu>li{float:left; position: relative; display: block;}
header#navbar .subnavbar ul.menu>li a{color:#bcbebf; border-right: 1px solid #bcbebf; padding: 0px 15px; margin: 10px 0px; line-height: 12px;}
header#navbar .subnavbar ul.menu>li.last>a{border-right: none;}


header .datebox{float: right; padding: 10px; color:#666769;}


.region.region-sidebar-second{background: #d1d2d4; min-height: 1000px;}
.region-sidebar-second .block{}
.region-sidebar-second .block .block-title{color:#fff; background: #000; font-size: 14px; padding: 5px 2px;}


/*logos footer*/
.footer_logos{margin-top: 50px;}
.footer_logos .nav{}
.footer_logos a img{height: 50px; opacity: 0.4;}
.footer_logos a:hover img{opacity: 1;}
.footer_logos .nav > li > a:hover, .nav > li > a:focus{background: none;}
.footer_logos .nav > li{border-left:1px solid #999;}
.footer_logos .nav > li:last-child{border-right:1px solid #999;}
.footer_logos .nav > li a{padding: 0px 10px;}

footer.footer{border:none; background: #e6e7e9; padding: 0px; width: 1140px; margin-top: 10px;}
footer.footer .footer_menu{margin: 0px; background: #939598; padding: 0px;}
footer.footer .footer_menu ul.menu{list-style: none;width: initial;}
footer.footer .footer_menu ul.menu>li{float:left; position: relative; display: block; height: 25px; }
footer.footer .footer_menu ul.menu>li.last{float: right;}
footer.footer .footer_menu ul.menu>li a{color:#fff; padding: 3px 15px;}

footer.footer .col-sm-2 .block{padding: 15px 0px;}
footer.footer .col-sm-2 .block .menu li>a{color:#333; border-bottom: 1px solid #666; padding: 5px 5px;}


/*blocks*/
#block-block-6,
#block-views-programaci-d-avui-block h2.block-title{background: #000; padding: 2px 10px;}
#block-block-6 a,
#block-views-programaci-d-avui-block h2.block-title{color:#fff; margin: 5px 2px; font-weight: bold;}

/*En directe main bloc*/
#block-views-en-directe-block{}
#block-views-en-directe-block h2.block-title{background: #000; color:#fff; font-size: 14px; padding: 4px 10px; margin-bottom: 0px; font-weight: bold; margin-top: 0px;} /*En directe title*/
#block-views-en-directe-block .view-content {overflow: hidden; margin-bottom: 10px;}
#block-views-en-directe-block .view-content .views-field-field-imatge-petita {height: 300px; overflow: hidden;}
#block-views-en-directe-block .view-content .views-field-field-imatge-petita a img{width: 100%;}
#block-views-en-directe-block .view-content .views-field-title,
#block-views-en-directe-block .view-content .views-field-body{position: absolute; width: 550px; margin: 35px 10px 0px 10px; padding: 4px 10px;}
#block-views-en-directe-block .view-content .views-field-title{top:220px;}
#block-views-en-directe-block .view-content .views-field-title>.field-content>a{color:#fff; text-transform: capitalize; font-weight: bold; font-size: 35px; text-shadow: 2px 2px 8px #000000;}
#block-views-en-directe-block .view-content .views-field-title>span.field-content>a.directe_play{top: -170px; position: absolute; left: 350px;}
#block-views-en-directe-block .view-content .views-field-body{top:225px;}
#block-views-en-directe-block .view-content .views-field-body>.field-content>p,
#block-views-en-directe-block .view-content .views-field-body>.field-content{color:#fff; font-size: 12px;}

/*En directe petit*/
#block-views-en-directe-block-1{margin-bottom: 30px; border-bottom:2px solid #000; position: relative;}
#block-views-en-directe-block-1 h2.block-title{background: #000; color:#fff; font-size: 14px; padding: 4px 10px; margin-bottom: 0px; font-weight: bold; margin-top: 0px;}
#block-views-en-directe-block-1 .view-en-directe{    background: #bb2830; height: 85px; overflow: hidden; padding: 20px 10px;}
#block-views-en-directe-block-1 .view-en-directe .view-content .views-field-title span.field-content>a{color: #fff; font-weight: bolder; font-size: 50px; text-shadow: 2px 2px 8px #000000;}
#block-views-en-directe-block-1 .view-en-directe .view-content .views-field-title span.field-content>a.directe_play{top: 22px; position: absolute; left: 88%;}
#block-views-en-directe-block-1 .view-en-directe .view-content .views-field-title span.field-content>a.directe_play>img{width: 65px;}
/*#block-views-en-directe-block-1 .view-en-directe .view-content .views-field-title span.field-content>a::after{content: '<a href=""><img src="" alt="play" /></a>';}*/
/*destacados*/
.container .highlighted,
.container-fluid .highlighted{background: none; padding: 0px; margin-bottom: 0px;}

/*Programació d'avui block*/
#block-views-programaci-d-avui-block{}
.view-id-programaci_d_avui .table-striped > tbody > tr.odd,
.view-id-programaci_d_avui .table-striped > tbody > tr.even:hover{background: none;}
.view-id-programaci_d_avui .table-striped > tbody > tr > td{border:none; padding: 0px 5px;}
.view-id-programaci_d_avui  .table-striped > tbody > tr > td.views-field-field-horari{color:#bb2830; text-align: right; font-size: 10px; font-weight: bold; padding-top: 4px;}
.view-id-programaci_d_avui .views-field-title a{color:#333; font-size: 10px; font-weight: bold;}

#definicio_prgramacio{}
#definicio_prgramacio .pane-content{position: absolute; bottom: 20px; padding:20px; font-size: 12px;}
#definicio_prgramacio .pane-content p{margin-bottom: 0px;}

/*Avui destaquem block*/
#block-views-avui-destaquem-block{}
#block-views-avui-destaquem-block h2{padding-left: 10px; font-weight: bold;}
#block-views-avui-destaquem-block .view-avui-destaquem .views-row{background:#4d4d4c;}
#block-views-avui-destaquem-block .views-field-field-horari,
#block-views-avui-destaquem-block .views-field-title{display: inline-block; background: #4d4d4c; color:#fff; font-weight: 500;}
#block-views-avui-destaquem-block .views-field-field-horari{width: 60px; padding-left: 10px;}
#block-views-avui-destaquem-block .views-field-title{width: 201px; margin-left: -3px;}
#block-views-avui-destaquem-block .views-field-title .field-content a{color:#fff; font-weight: 500;}


/*list news*/
.views-view-grid.cols-2 tr td{}
.views-view-grid.cols-2 tr td{vertical-align: text-top; margin: 0px 10px;}
.views-view-grid.cols-2 tr td.col-1 {padding-right: 8px;}
.views-view-grid.cols-2 tr td.col-2 {padding-left: 8px;}
.views-view-grid.cols-2 tr td .views-field-title{min-height: 60px;}
.views-view-grid.cols-2 tr td .views-field-field-imatge>.field-content {height: 250px; overflow: hidden; margin: 0px; background: #ccc;}
.views-view-grid.cols-2 tr td hr{border: 1px #337ab7 solid; }

.views-view-grid.cols-2 tr td .field-content a .img-responsive{width: 100%;}

.views-view-grid.cols-2 tr td .views-field-title>.field-content a h2{font-size: 20px; font-weight: bold;}


.views-view-grid.cols-2 tr td .views-field-term-node-tid>.field-content{width: auto; float: left; margin-right: 5px;}
.views-view-grid.cols-2 tr td .views-field-term-node-tid>.field-content>a{color:#000; font-weight: bold; text-transform: uppercase;}

.views-view-grid.cols-2 tr td .views-field-body>.field-content{ min-height: 107px; margin-bottom: 10px;}

.views-view-grid.cols-2 tr td .views-field-body{height: 100px;}
/*padding-bottom: 8px; border-bottom: 4px solid #3799d1;*/


/*PAGINAS*/

/*inici*/
.portada-responsive .masonry-item .views-field-field-imatge-petita-noticia{}
.portada-responsive .masonry-item .views-field-field-imatge-petita-noticia .field-content{ max-height: 250px; overflow: hidden; margin: 0px;}
.portada-responsive .masonry-item .views-field-field-imatge-petita-noticia .field-content img{width: 100%;}
.portada-responsive .masonry-item .views-field-title a h2{ font-size: 20px; font-weight: bold; margin-bottom: 0px;}
.portada-responsive .masonry-item .views-field-created .field-content{color:#999; font-size: 11px; }
.portada-responsive .masonry-item .views-field-term-node-tid .field-content { width: auto; float: left; margin-right: 5px;}
.portada-responsive .masonry-item .views-field-term-node-tid .field-content a{ color: #000; font-weight: bold;text-transform: uppercase;}

/*massonry view*/
.portada-responsive .masonry-item{margin:0px; padding: 0px 15px; background: none; border:none;}


/*.col-sm-9 h1.page-header{background: #d1232a; color:#fff; font-size: 26px; padding: 5px 18px; text-transform: uppercase;}*/
.page-node .col-sm-9 h1.page-header{color:#337ab7; font-size: 25px; padding: 5px 1px; font-weight: bold;}
.page-node .col-sm-9 .node .field-name-field-imatge .field-item{height: 300px; overflow: hidden; margin-bottom: 10px;}
.page-node .col-sm-9 .node .field-name-field-imatge img{width: 100%; top: 50%; transform: translateY(-20%);}
.page-node .col-sm-9 .node .field-name-taxonomy-vocabulary-3{float: left; margin-right: 7px;}
.page-node .col-sm-9 .node .field-name-taxonomy-vocabulary-3 a{color: #000; font-weight: bold; text-transform: uppercase; font-size: 14px;}
.page-node .col-sm-9 .node .field-name-taxonomy-vocabulary-3 a::after { content: "/"; margin-left: 5px;}
.page-node .col-sm-9 .node .field-name-post-date{float: left; margin-right: 5px; color:#999;}
.page-node .col-sm-9 .node .field-name-author {color:#999; margin-bottom: 20px;}

article.node-story{border-bottom: 2px solid #337ab7;}

.node-type-story #block-views-relacionades-16-block{margin-top:40px;}

.node-type-story #block-views-relacionades-16-block .views-field-field-imatge{display: none;}
.node-type-story #block-views-relacionades-16-block .row-1 .views-field-field-imatge{display: block;}



/*Article*/
.page-node.node-type-story .main-container>.row h1.page-header{display: none;}
.page-node.node-type-story .main-container>.row .region-content section .field-name-title h1.page-header{display: block; border:none; margin-bottom: 5px;}


/*relacionades*/
#block-views-relacionades-16-block{border-top: 3px solid #337ab7; padding-top: 30px;}

/*portada*/

.container .highlighted #block-block-18{background: #337ab7; color:#fff; margin-bottom: 10px; padding: 3px 18px;}
.container .highlighted #block-block-18 p{font-weight: bold;}
.container .highlighted #block-views-noticies-ultima-hora-block{background: #d1232a; color:#fff; padding: 5px 18px; margin-bottom: 10px;}
.container .highlighted #block-views-noticies-ultima-hora-block h2.block-title{text-transform: uppercase; font-size: 14px; float: left; margin-bottom: 0px; margin-top: 2px;}
.container .highlighted #block-views-noticies-ultima-hora-block .view-id-noticies_ultima_hora {overflow: hidden;}
.container .highlighted #block-views-noticies-ultima-hora-block .view-id-noticies_ultima_hora .view-content .views-row .views-field-title .field-content a{color:#fff; margin-left: 10px;}

.page-inici3 .view-noticies-portada .views-field-field-imatge{display: none;}
.page-inici3 .view-noticies-portada .row-1 .views-field-field-imatge,
.page-inici3 .view-noticies-portada .row-2 .views-field-field-imatge{display: block;}



/*Programes*/
.view-id-programes .view-header h2{background: #bb2830; color:#fff; font-size: 15px; font-weight: bold; padding: 2px 20px;}

.view-header .alpha-pager { height: 30px; margin-left: 0; padding: 0; }
.view-header .alpha-pager li { background: none repeat scroll 0 0 transparent; display: inline-block; padding: 0;  border-right: 1px solid #999; padding-right: 0px; width: 25px; text-align: center; line-height: 14px;}
.view-header .alpha-pager li a{color: #999;}

.view-id-programes .col-1, 
.view-id-programes .col-2, 
.view-id-programes .col-3{width: 33%; padding: 5px;}
.view-id-programes tr{border-bottom: 2px dotted #333;}
.view-id-programes tr td.col-1{ padding: 20px 0px;}
.view-id-programes .views-field-field-imatge-programa{float: left; margin-right: 30px;}
.view-id-programes .views-field-field-imatge-programa .field-content{height:200px; width: 300px; overflow: hidden; margin: 0px; background: #ccc;}
.view-id-programes .views-field-title .field-content a h2{font-size: 22px; font-weight: bold; color: #000;}
.view-id-programes .views-field-body {float:left; width: 500px; padding-bottom: 10px; border-bottom: 1px dotted #000;}
.view-id-programes .views-field-field-hora {float:left; width: 500px; padding-bottom: 10px; border-bottom: 1px dotted #000; color:#bb2830; font-weight: bold;}
.view-id-programes .views-field-field-contacte {float:left; width: 500px; padding-bottom: 10px; border-bottom: 1px dotted #000; color:#00a4d8; font-weight: bold;}
.view-id-programes .views-field-field-enlla- {float:left; width: 500px; padding-bottom: 10px; color:#00a4d8; font-weight: bold;}



/*Node programa*/
.node-programa .field-name-field-imatge-petita .field-item img{width: 100%;}

/*Mataro Audiovisual*/
#mataro-audiovisual.menu,
#mataro-audiovisual .menu {padding-left: 20px;}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    /*div.navbar-header .logo img{width: 250px;}*/

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}


@media only screen and (max-width: 768px) {
    header>.container{overflow: hidden;}
	header#navbar .navbar-header{margin: 10px 10px;}
	header#navbar{margin-top: 0px;}
	.navbar-default .navbar-toggle{margin-right: 0px;}
    /*ul.menu.secondary{display: none;}*/
    div.navbar-header .logo{padding:0px; width: 85%; }
    div.navbar-header .logo img{width: 290px; width: 100%;}

    header#navbar .main-menu ul.navbar-nav{margin: 0px;}
    header#navbar .main-menu ul.navbar-nav li{padding:0px 20px; background: #d1232a; border-top:1px solid #fff;}
    header#navbar .main-menu ul.navbar-nav li a,
    header#navbar .main-menu ul.navbar-nav li.first a{border:none; margin: 0px; text-transform: uppercase; padding: 3px 10px;}
    header#navbar .main-menu ul.navbar-nav li.first a>i{display: none;}
    header#navbar .main-menu ul.navbar-nav li.first a>span.title{display: block;}
    #facebook-menu-link, #instagram-menu-link, #twitter-menu-link{height: 0px; overflow: hidden;}

    #block-menu-menu-menu-principal-2{height: 0px; overflow: hidden;}
    /*header#navbar .main-menu ul.navbar-nav li.pull-right{display: none;}*/

    #block-views-en-directe-block .view-content .views-field-field-imatge-petita{height: auto;}
    #block-views-en-directe-block .view-content .views-field-title{top:50px;}
    #block-views-en-directe-block .view-content .views-field-title>.field-content>a{font-size: 23px;}
    #block-views-en-directe-block .view-content .views-field-title>span.field-content>a.directe_play{left: 25%; top:-60px;}
    #block-views-en-directe-block .view-content .views-field-title>span.field-content>a.directe_play img{width: 80px;}
    

	footer.footer{width: 100%;}
    .footer_logos .nav > li{float: none;}

	#block-views-en-directe-block-1 .view-en-directe .view-content .views-field-title span.field-content>a.directe_play{left: 80%;}

	.page-node .col-sm-9 .node .field-name-field-imatge .field-item{height: auto;}
	.page-node .col-sm-9 .node .field-name-field-imatge .field-item img{transform: none;}
}


	

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }