:root {

    --theoretics-dark-blue: #324678;
    --theoretics-light-blue: #c8e6f0;
    --theoretics-dark-red: #c31e1e; /*#b9161e*/
    --theoretics-light-red: #ff232e;
    --theoretics-beige: #d7beb4;

}

@CHARSET "UTF-8";

#global-navigation {
    background-color: white !important;
}

.nav-header {
    color: black;
}


@font-face {
    font-family: "Libertinus";
    src: url("/public/LibertinusSans_Regular.woff2") format("woff2"),
        url("LibertinusSans_Regular.otf") format("otf");
}


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/public/Inter_Bold.woff2") format("woff2"),
        url("/public/Inter_Bold.woff") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("/public/Inter_BoldItalic.woff2") format("woff2"),
        url("/public/Inter_BoldItalic.woff") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/public/Inter_Regular.woff2") format("woff2"),
        url("/public/Inter_Regular.woff") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/public/Inter_Italic.woff2") format("woff2"),
        url("/public/Inter_Italic.woff") format("woff");
}

input {
    color: black;
}

.contact a:hover,
.social a:hover,
.about a:hover {
    color: #ddd;
}

.dropdown a:hover {
    color: #ddd !important;
}


h1,
h2,
h3 {
    color: black;
}

h1 {
    font-size: 150%;
}

h2 {
    font-size: 125%;
}

h3 {
    font-size: 110%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-top: 1em;
}

/* this is to get the authors' names in one line */
table {
    width: 100%;
}

td {
    padding: 0.2em;
    border-top: 1px solid #ddd;
}

#nav-services {
    background-color: #c8e6f0;
}


body {
    background-color: white;
    font-family: Inter;
    font-size: 17px;
}

ul {
    /* Anca's suggestion to remove items in lists */
    list-style-type: none;
}

#accepted {
    list-style-type: square;
}

li::marker {
  color: var(--theoretics-dark-red);
}

.homepage ul, .dropdown ul, .context-menu, .sortable, .dropdown-menu {
    /* Anca's suggestion to remove items in lists */
    list-style-type: none !important;
}

#accepted li {
    margin-bottom: 1em;
}

ol {
    /* ol have symbols */
    list-style-type: lower-greek;
}

#q {
    background-color: white;
}


#global-navigation>ul>li.list-group-item {
    /* background-color:  #c8e6f0; accessibility */
    border: none;
}

li.list-group-item:hover {
    color: var(--theoretics-dark-red) !important;
}


li.list-group-item:hover a {
    color: black !important;
}

li.list-group-item:hover > a {
    color: var(--theoretics-dark-red) !important;
}


.list-group-item {
  padding: 0;
}

.smenu-list li:hover > a {
    color: var(--theoretics-dark-red) !important;
}

#global-navigation ul ul li {
    padding: 0 0;
}

#global-navigation ul li a {
    text-decoration: none !important;
    outline: 0;
}


#global-navigation a:hover {
    color: var(--theoretics-dark-red) !important;
    text-decoration: none !important;
}


#global-navigation a {
    color: black;
}


.corps {
    background-color: white;
    padding-top: 0.5em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 0;
}

.journalheader {
    font-size: 2em;
    font-family: Optima, Linux Biolinum, Candara, sans-serif;
    margin-top: 1cm;
    margin-bottom: 1cm;
    display: block;
}




a,
a:hover {
    color: var(--theoretics-dark-red);
}


#container {
    background-color: %container_color%;
    padding: 10px 10px 50px;
}


/* rto 2023-08-24 */
div#browse-accepted-papers:before {
    content: "This page lists the articles that have been accepted to TheoretiCS, but not yet published."; /*  There are currently no articles on the page. */
    margin-top: 2em;
    margin-bottom: 2em;
}
div#browse-accepted-papers:has(ul li):before {
    content: "The following articles have been accepted to TheoretiCS and will be published soon. (The final versions of these articles are currently under preparation.)";
    margin-top: 2em;
    margin-bottom: 2em;
}
#browse-accepted-papers ul {
    margin-top: 1em;
}

#browse-accepted-papers a {
        cursor: default;
        pointer-events: none;        
        text-decoration: none;
       color: black;
    }

/* ends rto 2023-08-24 */

.accepted-papers-list {
    margin-bottom: 1em;
}

.menu-accordion .smenu-list {
    padding: 0 !important;
}


/* begin David 2024-02-02 */

body .container {
    background-color: white;
    margin-top: 80px !important;
}


.list-group-item:not(.smenu) a,
.list-group-item.smenu span:not(.clearfix):not(.caret),
.smenu-list a {
    font-size: 95%;
}

.list-group-item a {
    padding: 15px 0 9px 0;
}

.list-group-item:not(:has(a)) {
  padding: 12px 0;
}

.contact li a,
.about li a,
.social li a,
.contact li abbr,
.about li abbr,
.social li abbr,
.contact li,
.about li,
.social li,
footer .about small {
    font-size: 15px;
}


#global-navigation a {
    display: block !important;
}


#global-navigation .list-group li a,
#global-navigation .list-group-item li a {
    overflow: hidden;
}


.homepage>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    column-gap: 35px;
}

.homepage .wide {
    flex-basis: 100%;
}

.homepage>div>div {
    flex: 1;
    min-width: 300px;
}


.homepage>div>div>div {
    width: 100%;
}

.homepage>div>div.contrast {
    background-color: var(--theoretics-dark-red);
    color: white
}

.homepage>div>div.contrast a {
    color: white
}

.homepage>div>div.contrast h3 {
    color: white;
}


.homepage>div>div.borderline {
    background-color: white;
    color: black;
}

h1,
.homepage h3 {
    border-bottom: var(--theoretics-light-red) 2px solid;
    margin-top: 5px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 2.5px;
    padding-bottom: 0px;
    text-transform: uppercase;
    color: black;
    line-height: 30px;
}


.homepage ul {
    padding-left: 10px;
}

.homepage ul li {
    padding-bottom: 5px;
}


#global-navigation .active:not(.smenu) {
    background: none !important;
    color: var(--theoretics-dark-red) !important;
}

#global-navigation .active:not(.smenu) a {
    color: var(--theoretics-dark-red) !important;
}

.menu-accordion .list-group-item:hover,
.menu-accordion .list-group-item.active {
    text-decoration: none;
    background-color: white !important;
}

.menu-accordion .list-group-item > ul {
    border-top: var(--theoretics-light-red) solid 2px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 10px !important;
    font-size:95%;
}


footer {
    padding-top: 0px;
}

footer>.container {
    margin-top: 0 !important;
    padding-top: 20px;
}

.phases {
    display: flex;
    margin: 10px 0;
    /*  background: #4ba3c3;*/
    background: var(--theoretics-dark-blue);
    flex-wrap: wrap;
}

.phase1,
.phase2 {
    color: white;
    position: relative;
    text-align: center;
    font-size: 80%;
    overflow: hidden;
    min-width: 150px;

}

.phase1 {
    padding: 25px 0 25px 10px;

    flex: 2.2;

}

.phase2 {
    padding: 25px 10px 25px 60px;
    flex: 3;
    background: var(--theoretics-light-blue);
    color: black;
    clip-path: polygon(0 0,
            100% 0,
            100% 50%,
            100% 100%,
            10% 100%,
            0% 100%,
            15% 50%,
            0 0)
}


.logo {
    padding-top: 0px;
    padding-bottom: 50px;
}

.logo td {
    border-top: none !important;
    padding: 0;
}

.logo td:first-child img {
    max-width: 275px;
}

.logo td:first-child {
    border-bottom: 2px solid var(--theoretics-light-red);
    padding-bottom: 20px;
    width: 275px;
}

.logo td:nth-child(2) {
    width: 150px;
}

.logo td:nth-child(3) {
    border-bottom: 2px solid var(--theoretics-light-red);
    font-weight: bold;
}

.warning {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

footer span {
    border-bottom: 2px solid var(--theoretics-light-red);
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    footer .container .row div {
        width: 33% !important;
    }
}

@media (max-width: 768px) {

    .logo td {
        display: inline-block;
    }

    .logo td:nth-child(3) {
        border-bottom: none;
        padding-top: 10px;
    }

}

.article-block {
    border: none;
}

.article-title, #papers h3 {
    border-bottom: 2px solid var(--theoretics-light-red);
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height:24px;
    font-size:100%;
}

#papers .authors::before, #search-results .authors::before {
    content: "Authors: ";
    font-weight:bold;
    font-style: italic;

}

#latest-articles blockquote small {
    font-size:90%;
    color:#999;
}

#section #papers, #volume #papers {
  margin-top: 20px;
  padding: 0 15px;
}

#latest-articles .article-block {
    margin: 15px 0;
    padding: 14px 0;
}

#latest-articles .article-block:not(:last-child) {
    border-bottom: 1px solid #eee;
    border-radius: 0;
}

#latest-articles .article-block hr {
    border: 0;
}

#author_fullname_s-facet-input {
    max-width: 100%;
}

#papers hr {
    margin:20px 0;
}


#section h1,
#section h1 a,
#section h2,
#section h2 a,
#section h3,
#section h3 a,
#volume h1,
#volume h1 a,
#volume h2,
#volume h2 a,
#volume h3,
#volume h3 a,
.text-primary,
#search-results h3 a {
    color: var(--theoretics-dark-red);
}

#search-results h3 {
    font-size: 95%;
    line-height: 24px;
}

.corps:has(.homepage) h1 {
    display: none;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


#global-navigation {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.small,
.small * {
    font-size: 12px !important;
}

/* Fix by Raphael Tournoy 2022-12-27  inconsistent button sizes for metadata format */
abbr[data-original-title],
abbr[title] {
    font-size: 12px;
}

.col-md-2:has(.global-navigation) {
    padding-right:0;
}

#submitForm:has(#suggestEditors-element) #disclaimers-disclaimer2-element label[for=disclaimers-disclaimer2]:before {
   content: "I confirm that the submitted article has not been published by any other journal, is not currently under review at any other publication venue (conference or journal), and that it will not be submitted to another publication venue unless it has been rejected or withdrawn from TheoretiCS. This does not prohibit submission to non-publication venues, pre-print servers or self-archiving.";
font-size: 17px;
  color: #333;
}
#submitForm:has(#suggestEditors-element) #disclaimers-disclaimer1-element label[for=disclaimers-disclaimer1]:before {
   content: "I confirm that I am an author of this article, or am authorised to submit this article on behalf of the authors.";
font-size: 17px;
  color: #333;
}

#submitForm:has(#suggestEditors-element) #disclaimers-disclaimer2-element label[for=disclaimers-disclaimer2], 
#submitForm:has(#suggestEditors-element) #disclaimers-disclaimer1-element label[for=disclaimers-disclaimer1] {
font-size: 0px;
  color: white;
}
form label.required::after {
  font-size: 17px;
}