/**
MEDIA QUERIES
544 -> sm
768 -> md
992 -> lg
1200 -> xl
 */


/* GRID */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.comein,
#layout,
#middle,
.contentColumn{
    width: 100% !important;
}

div.contentColumn div.one-columns div.content_column{
    width: 100% !important;
}

div.contentColumn div.two-columns div.content_column{
    width: 100% !important;
}

div.content_column div.h_2 a.linkArticle,
div.content_column div.h_2 a.linkArticle span.titolArticle,
div.content_column div.h_3 a.linkArticle,
div.content_column div.h_3 a.linkArticle span.titolArticle,
div.content_column div.h_4 a.linkArticle,
div.content_column div.h_4 a.linkArticle span.titolArticle{
    width: 100% !important;
}

@media (min-width: 544px) {
    div.contentColumn div.two-columns div.content_column{
        width: 50% !important;
    }

    div.content_column div.h_5 a.linkArticle{
        max-width: calc(100% - 147px);
    }
}

/**
IMG
 */

#top_logo #logotip,
#top_logo #subLogotip{
    width: 100% !important;
}

.two-columns img{
    display: block;
    height: auto !important;
    max-width: 100%;
    width: 100% !important;
}

#logotip img,
.destacat_image img{
    display: block;
    height: auto !important;
    max-width: 100%;
}

@media (min-width: 544px) {
    #logotip img,
    .destacat_image img{
        width: auto !important;
    }

    .two-columns #logotip img,
    .two-columns .destacat_image img{
        width: 100% !important;
    }
}

/**
FIXES
 */

div.content_column div.h_2{
    width: 100% !important;
}

/**
TOP
 */

#top_bar{
    height: auto !important;
}

#top_bar div.inner form.cerca{
    max-width: 175px;
}

#top_bar div.inner form.cerca input.cercar{
    max-width: 165px;
}

#ISSN #text_ISSN,
#DOI #text_DOI{
    font-size: 14px !important;
    word-break: break-word;
}

#top_logo #subLogotip.DOI--height{
    height: auto !important;
}

#bread_print{
    height: auto;
}

#navigation_bar{
    height: auto !important;
}

.navigation_bar li{
    margin-left: 0;
}

li.top_item a, li.top_item span{
    padding-right: 10px;
    padding-left: 10px;
}

/**
Articles
 */

div.content_column div.h_5 a.linkArticle,
div.content_column div.conjunt_autors{
    width: calc(100% - 150px) !important;
    clear: left;
}

div.content_column div.h_5 span.titolNumero{
    clear: left;
    width: auto !important;
}

.textApartat a{
    word-break: break-word;
}

div.content_column div.h_3 .entradeta,
div.content_column div.h_3 .entradeta p,
div.content_column div.h_4 .entradeta,
div.content_column div.h_4 .entradeta p,
div.content_column div.h_5 .entradeta,
div.content_column div.h_5 .entradeta p{
    clear: left;
}

div.content_column div.h_2 .entradeta,
div.content_column div.h_2 .entradeta p{
    clear: left;
}

/**
Sidebar
 */

.serviceColumn{
    width: 100% !important;
}

div.serviceColumn div.modul_content{
    width: 100% !important;
}

div.modul_segueix div.seguiments div.seguiment div.content{
    float: left !important;
    width: auto !important;
}

div.contentColumn div.modul_autors,
div.contentColumn div.modul_autors div.modul_content{
    width: 100%;
}

/**
Footer
 */

#foot #linksFoot,
#foot #creativeCommons,
#foot #creativeCommons div.textCM,
#foot #creativeCommons div.textCM p{
    width: 100% !important;
}

#foot #linksFoot div.floatRight,
#foot #linksFoot div.floatLeft{
    width: 100% !important;
}

#foot #linksFoot div.floatLeft div.links{
    margin-bottom: 16px;
}

#foot #linksFoot div.floatRight div.links,
#foot #linksFoot div.floatLeft div.links{
    width: 100% !important;
}

#foot #linksFoot div.titolExplora{
    width: 100px;
}

#foot #linksRight{
    height: auto !important;
}

#foot #linksFoot #linksLeft,
#foot #linksFoot #linksRight{
    width: calc(100% - 107px);
}

#foot #linksFoot #linksLeft,
#foot #linksFoot #linksRight,
#foot #linksFoot div.titolExplora .titolExplora{
    float: left !important;
}

#foot .floatRight{
    float: left !important;
}

#foot .textLinkFoot{
    line-height: 1.4;
}

#foot .linkFoot:not(:last-child){
    margin-bottom: 8px;
}

#creativeCommons div.imageCM{
    margin-bottom: 16px;
}

#foot #creativeCommons a{
    word-break: break-word;
}

@media (min-width: 768px) {
    #foot #linksFoot div.floatRight,
    #foot #linksFoot div.floatLeft{
        width: 50% !important;
    }
}

/**
Article
 */

.ctype-article #middle .box,
.ctype-article #middle .box .box_content{
    width: 100%;
}

.ctype-article div.box_head_content span.titolNumero{
    color: #57585A;
}

.ctype-article div.box_body_content h1.titol{
    color: black;
    font-size: 30px;
}


/**
Linia editorial
 */

div.liniaEditorial div.cabecera{
    padding: 0;
    width: 100%;
}

/**
Numeros anteriors
 */

div.sumaris_list div.sumari img.imatge_sumari{
    float: right !important;
}


/**
Pàgina de cerca
 */

#list_articles{
    width: 100% !important;
}

#list_articles .classificacio{
    width: 100% !important;
}

#list_articles .headResultsSearch{
    width: 100% !important;
}

#list_articles div.textSection{
    width: 100% !important;
}