body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font-family: proxima-nova,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 360px) {
    body { font-size : 14px; }
}

.block-scroll {
    overflow: hidden;
}

/* size1 - minimal font-size - 12px - should not be smaller according to Google Material */

@media (max-width: 600px) {
    .size1 { font-size : 12px; }
}
@media (min-width: 601px) and (max-width: 990px) {
    .size1 { font-size : 12px; }
}
@media (min-width: 991px) and (max-width:1200px) {
    .size1 { font-size : 12px; }
}
@media (min-width:1201px) and (max-width:1500px) {
    .size1 { font-size : 12px; }
}
@media (min-width:1501px) {
    .size1 { font-size : 12px; }
}

.arrow { height: auto; }

.advertisment {
    text-align: center;
}

.advertisment-blocked {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    text-align: center;
    z-index: -1;
    box-sizing: border-box;
}

.advertisment-blocked > span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

form {
	margin : 0;
}

.button {
    display: inline-block;
    color: #53575a;
    cursor: pointer;
    min-width: 100px;
    font-family: proxima-nova,sans-serif;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    box-sizing: border-box;
}

@media (max-width: 360px) {
    .button { min-width: 90px; }
}

.button.border {
    border        : 2px #d0d3d4 solid;
    padding       : .25em 1em;
    border-radius : 4px;
}

.button.disabled {
    color  : #a2aaad;
    cursor : default;
}

.modal-content .button {
    color: #a2aaad;
    cursor: pointer;
}

.modal-content .button.disabled {
    color: #53575a;
}

.modal-content .button.border.disabled {
    border: 2px #a2aaad solid;
}

.menu.mobile { font-size: calc(13px + 1vmin); }

div#search_box.desktop {
    width: 100%;
}

div#search_container {
    border : solid 2px #a2aaad;
    border-radius: 4px;
}

div#search_icon_box {
    display : table-cell;
    vertical-align : middle;
}

div#search_input_box {
    display : table-cell;
    width : 100%;
    vertical-align : middle;
    padding : 0 0 0 16px;
}

#search_exact_box { 
    display: table-cell;
    vertical-align: middle;
    padding: 0 16px 0;
    white-space: nowrap;
    color: #53575a;
}

#search_exact_box > input {
    min-width: 1.2em;
    min-height: 1.2em;
    margin-right: .3em;
}

#search_exact_box > label {
    vertical-align: bottom;
}

#mobile_search_icon {
    cursor: pointer;
    display: block;
    width: 100%;
}

.search_field {
    border : 0;
    font-family : proxima-nova,sans-serif;
    font-weight : 400;
    width: 100%;
}
.search_icon {
    margin : 0 4px;
    vertical-align : middle;
    cursor : pointer;
}

.autocomplete-suggestions {
    margin: 8px 0px 0px !important;
}

.autocomplete-suggestion {
    font-size: 1em !important;
}

.search_field::-moz-placeholder {
    font-size: 1em !important;
    color: #ced2d5;
}

.search_field::-webkit-input-placeholder {
    font-size: 1em !important;
    color: #ced2d5;
}

.search_field:-ms-input-placeholder {
    font-size: 1em !important;
    color: #ced2d5;
}

.filter { font-weight: 600; }

.page_title {
    text-transform: uppercase;
    color:#a12816;
    white-space:nowrap;
    font-size: 19px;
}

.page_title.mobile {
    text-align:center;
}

.page_subtitle { font-size: calc(6px + 1.5vw); // 16px; }

.page_author { font-size: calc(4px + .6vw); // 9px; }

.page_text {
    width: 100%;
    height: 100%;
    font-size: 14px;
}

.desktop .suggested.summary_title { font-size: 12px; }
.desktop .suggested.summary_text { font-size: 10px; }
.desktop .suggested.summary_subtext { font-size: 9px; }
.desktop .suggested.summary_time { font-size: 10px; }

.mobile .suggested.summary_title { font-size: calc(1.1vmax + 1.7vw); }
.mobile .suggested.summary_text { font-size: calc(1vmax + 1.7vw); }
.mobile .suggested.summary_subtext { font-size: calc(1vmax + 1.4vw); }
.mobile .suggested.summary_time { font-size: calc(1vmax + 1.1vw); }

.media_title, .media_subtitle, .media_text { font-weight: 400; }

.desktop .media_text { font-size: 9px !important; }
.desktop .media_icon { width: 56px !important; padding: 8px !important; }

.pagination_number {}

.information {
    position : absolute;
    right : 5em;
    display : inline-block;
    width : 1em;
    line-height : 1em;
    border-radius : 50%;
    font-size : 1.3em;
    text-align : center;
    margin : 0;
    padding : 0;
    cursor : pointer;
    color : black;
}

.desktop .information,
.video .information {
    border : 2px solid black;
    bottom : -1.3em;
}

.text-with-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-with-ellipsis.three-lines {
    line-height: 1.2em;
    max-height: 3.6em;
    -webkit-line-clamp: 3;
}

.infoicon.free {
    background-image : url("../images/free_green2.svg");
    background-size  : contain;
    background-repeat: no-repeat;
    margin           : 0.5em 0 0.5em 2.5em;
    height           : 1.4em;
    width            : 3.5em;
    display          : none;
    vertical-align   : middle;
}

.infoicon.free.active {
    display          : inline-block;
}

.infoicon.infographic, .infoicon.videosummary {
    margin           : 0.5em 0 0.5em 2.5em;
    display          : inline-block;
    color            : #000000;
    text-decoration  : none;
}

.infoicon.eletters {
    margin           : 0.5em 0 0.5em 2.5em;
    padding          : 1px 6px;
    display          : inline-block;
    border-radius    : 3px;
    background-color : #808080;
    color            : white;
    text-decoration  : none;
}

.article_actions {
     width         : 100%;
     height        : auto;
     margin-bottom : 1vw;
}

.tile_references {
    padding: 0;
}

.tile_references.desktop .article_actions {
    font-size: 1em;
}

@media (min-width:991px) and (max-width:1200px) {
    .tile_references.desktop .article_actions { font-size: 0.8em; }
}

@media (min-width:1201px) and (max-width:1400px) {
    .tile_references.desktop .article_actions { font-size: 0.9em; }
}

.suggested.tile_references.desktop .article_actions {
    font-size: 0.8em;
}

.recommended.tile_references.desktop .article_actions {
    font-size: 1em;
}

@media (max-width:360px) and (max-height:640px) {
    .arrow { width: 14px; }

    .button.mobile { font-size: 14px; }

    .category { font-size: 14px; }

    .page_title { font-size: 16px; }

    .search_field { font-size: 16px; }
    .search_icon { height: 32px; }

    .autocomplete-suggestion { font-size: 16px !important; }
    .search_field::-moz-placeholder { font-size: 16px !important; }
    .search_field::-webkit-input-placeholder { font-size: 16px !important; }
    .search_field:-ms-input-placeholder { font-size: 16px !important; }

}

@media (min-width:361px) and (max-width:640px) {
    .arrow { width: 16px; }

    .button.mobile { font-size: 16px; }

    .category { font-size: 16px; }

    .page_title { font-size: 18px; }

    .search_field { font-size: 16px; }
    .search_icon { height: 32px; }

    .autocomplete-suggestion { font-size: 16px !important; }
    .search_field::-moz-placeholder { font-size: 16px !important; }
    .search_field::-webkit-input-placeholder { font-size: 16px !important; }
    .search_field:-ms-input-placeholder { font-size: 16px !important; }
}

@media (min-width:641px) and (max-width:800px) {
    .arrow { width: 20px; }

    .button.mobile { font-size: 20px; }

    .category { font-size: 20px; }

    .page_title { font-size: 22px; }

    .search_field { font-size: 18px; }
    .search_icon { height: 36px; }

    .autocomplete-suggestion { font-size: 18px !important; }
    .search_field::-moz-placeholder { font-size: 18px !important; }
    .search_field::-webkit-input-placeholder { font-size: 18px !important; }
    .search_field:-ms-input-placeholder { font-size: 18px !important; }
}

@media (min-width:801px) and (max-width:990px) {
    .arrow { width: 20px; }

    .button.mobile { font-size: 20px; }

    .category { font-size: 20px; }

    .page_title { font-size: 22px; }

    .search_field { font-size: 20px; }
    .search_icon { height: 40px; }

    .autocomplete-suggestion { font-size: 20px !important; }
    .search_field::-moz-placeholder { font-size: 20px !important; }
    .search_field::-webkit-input-placeholder { font-size: 20px !important; }
    .search_field:-ms-input-placeholder { font-size: 20px !important; }
}

@media (min-width:991px) and (max-width:1200px) {
    .arrow { width: 20px; }

    .button.desktop { font-size: 14px; }
    .button.mobile { font-size: 20px; }

    .category { font-size: 14px; }

    .menu.desktop { font-size: 14px; }

    .search_field { font-size: 16px; }
    .search_icon { height: 32px; }

    .autocomplete-suggestion { font-size: 16px !important; }
    .search_field::-moz-placeholder { font-size: 16px !important; }
    .search_field::-webkit-input-placeholder { font-size: 16px !important; }
    .search_field:-ms-input-placeholder { font-size: 20px !important; }

    .filter { font-size: 14px; }

    .page_title { font-size: 21px; }
    .page_subtitle { font-size: 18px; }
    .page_author { font-size: 10px; }
    .page_text { font-size: 13px; }

    .summary_title { font-size: 14px; }
    .summary_text { font-size: 14px; }
    .summary_subtext { font-size: 13px; }

    .desktop .suggested.summary_title { font-size: 12px; }
    .desktop .suggested.summary_text { font-size: 10px; }
    .desktop .suggested.summary_subtext { font-size: 9px; }
    .desktop .suggested.summary_time { font-size: 10px; }

    .media_title { font-size: 12px; }
    .media_subtitle { font-size: 10px; }
    .desktop .media_text { font-size: 9px !important; }
    .desktop .media_icon { width: 56px !important; padding: 8px !important; }

    .pagination_number { font-size: 14px; }
}

@media (min-width:1201px) and (max-width:1500px) {
    .arrow { width: 24px; }

    .button.desktop { font-size: 16px; }

    .category { font-size: 16px; }

    .menu.desktop { font-size: 16px; }

    .search_field { font-size: 18px; }
    .search_icon { height: 36px; }

    .autocomplete-suggestion { font-size: 18px !important; }
    .search_field::-moz-placeholder { font-size: 18px !important; }
    .search_field::-webkit-input-placeholder { font-size: 18px !important; }
    .search_field:-ms-input-placeholder { font-size: 18px !important; }

    .filter { font-size: 16px; }

    .page_title { font-size: 23px; }
    .page_subtitle { font-size: 20px; }
    .page_author { font-size: 12px; }
    .page_text { font-size: 14px; }

    .summary_title { font-size: 16px; }
    .summary_text { font-size: 16px; }
    .summary_subtext { font-size: 14px; }

    .desktop .suggested.summary_title { font-size: 14px; }
    .desktop .suggested.summary_text { font-size: 12px; }
    .desktop .suggested.summary_subtext { font-size: 11px; }
    .desktop .suggested.summary_time { font-size: 12px; }

    .media_title { font-size: 15px; }
    .media_subtitle { font-size: 12px; }
    .desktop .media_text { font-size: 11px !important; }
    .desktop .media_icon { width: 66px !important; padding: 10px !important; }

    .pagination_number { font-size: 17px; }
}

@media (min-width:1501px) and (max-width:1920px) {
    .arrow { width: 24px; }

    .button.desktop { font-size: 16px; }

    .category { font-size: 20px; }

    .menu.desktop { font-size: 16px; }

    .search_field { font-size: 20px; }
    .search_icon { height: 40px; }

    .autocomplete-suggestion { font-size: 20px !important; }
    .search_field::-moz-placeholder { font-size: 20px !important; }
    .search_field::-webkit-input-placeholder { font-size: 20px !important; }
    .search_field:-ms-input-placeholder { font-size: 20px !important; }

    .filter { font-size: 16px; }

    .page_title { font-size: 27px; }
    .page_subtitle { font-size: 24px; }
    .page_author { font-size: 15px; }
    .page_text { font-size: 18px; }

    .summary_title { font-size: 21px; }
    .summary_text { font-size: 19px; }
    .summary_subtext { font-size: 17px; }

    .desktop .suggested.summary_title { font-size: 18px; }
    .desktop .suggested.summary_text { font-size: 15px; }
    .desktop .suggested.summary_subtext { font-size: 14px; }
    .desktop .suggested.summary_time { font-size: 15px; }

    .media_title { font-size: 18px; }
    .media_subtitle { font-size: 15px; }
    .desktop .media_text { font-size: 14px !important; }
    .desktop .media_icon { width: 76px !important; padding: 12px !important; }

    .pagination_number { font-size: 20px; }
}

@media (min-width:1921px) {
    .arrow { width: 24px; }

    .button.desktop { font-size: 20px; }

    .category { font-size: 24px; }

    .menu.desktop { font-size: 20px; }

    .search_field { font-size: 20px; }
    .search_icon { height: 40px; }

    .autocomplete-suggestion { font-size: 20px !important; }
    .search_field::-moz-placeholder { font-size: 20px !important; }
    .search_field::-webkit-input-placeholder { font-size: 20px !important; }
    .search_field:-ms-input-placeholder { font-size: 20px !important; }

    .filter { font-size: 18px; }

    .page_title { font-size: 31px; }
    .page_subtitle { font-size: 24px; }
    .page_author { font-size: 16px; }
    .page_text { font-size: 18px; }

    .summary_title { font-size: 23px; }
    .summary_text { font-size: 22px; }
    .summary_subtext { font-size: 20px; }

    .desktop .suggested.summary_title { font-size: 18px; }
    .desktop .suggested.summary_text { font-size: 15px; }
    .desktop .suggested.summary_subtext { font-size: 14px; }
    .desktop .suggested.summary_time { font-size: 15px; }

    .media_title { font-size: 20px; }
    .media_subtitle { font-size: 17px; }
    .desktop .media_text { font-size: 16px !important; }
    .desktop .media_icon { width: 76px !important; padding: 16px !important; }

    .pagination_number { font-size: 22px; }
}

.hidden {
    display: none;
}

.bold {
    font-weight: 700;
}

.ellipsys {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rounded_box {
    border          : 1px #a2aaad solid;
    border-radius   : 4px;
}

.red_text {
    color : #a12816;
}

#close_icon {
    background-image    : url('../images/close_icon_normal.png');
    background-size     : contain;
    background-repeat   : no-repeat;
}

#mobile_search_popup {
    width           : 100%;
    height          : auto;
    padding         : 0;
    margin          : 0;
    position        : absolute;
    z-index         : 1000;
    background-color: #FFF;
    box-shadow      : 0 0 5px rgba(0, 0, 0, 0.5);
}

#mobile_search_popup > #searchfield {
    vertical-align :middle;
    padding        :16px;
    margin-top     :36px;
}

#mobile_search_popup > #searchfield > #search_exact_box {
    padding: 0;
}

#mobile_search_popup > #searchfield > #adv_search_btn_box {
    display: table-cell;
    vertical-align :middle;
    text-align : right;
    width      : 100%;
}

#mobile_search_popup > #searchfield > #adv_search_btn_box > .button {
    cursor:pointer;
    padding:10px 5px;
}

#mobile_search_popup > #searchfield > #recent_queries {
    padding     : 16px 16px 0;
    white-space : nowrap;
}

#mobile_search_popup > #searchfield > #recent_queries > div {
   cursor      : default;
   font-weight : 600;
   color       : #a12816;
}

#mobile_search_popup > #searchfield > #recent_queries > div > a {
    display         : block;
    padding-top     : 8px;
    text-decoration : none;
    text-overflow   : ellipsis;
    overflow        : hidden;
}

#search_input_box > input {
    border      : 0;
    font-weight : 400;
}

#search_icon_box > img {
    margin         : 0 4px;
    vertical-align : middle;
    cursor         : pointer;
}

#mobileFilterByLabel {
    width         : 100%;
    height        : 100%;
    text-align    : center;
    cursor        : pointer;
    border        : 1px #a2aaad solid;
    border-radius : 4px;
}

#sort_by_box {
    width         : 100%;
    height        : 100%;
    text-align    : center;
    cursor        : pointer;
    border        : 1px #a2aaad solid;
    border-radius : 4px;
}