@import url('https://fonts.googleapis.com/css2?family=Cardo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');

body, html {
    font-family: 'Cardo', serif !important;
}

html, body {
    background: #ffffff url('https://actaclinica.org/public/site/images/image.png') no-repeat center center;
    background-size: cover;
}

/* --- Font fix for Current Issue (Homepage) --- */
.current_issue h2,
.current_issue .current_issue_title,
.current_issue .published,
.current_issue .obj_article_summary h4.title,
.current_issue .obj_article_summary .authors,
.current_issue .obj_article_summary .pages {
    font-family: 'Cardo', serif !important;
}

/* --- Font fix for Archive Issues (Issue TOC pages) --- */
.page_issue h1, /* Volume header */
.page_issue .heading,
.page_issue .published,
.page_issue .obj_article_summary .title,
.page_issue .obj_article_summary h3.title a,
.page_issue .obj_article_summary .authors,
.page_issue .obj_article_summary .pages {
    font-family: 'Cardo', serif !important;
}

/* Apply Cardo font to main navigation menu */
.pkp_navigation_primary_wrapper,
.pkp_nav_list,
.pkp_nav_list li a,
.pkp_nav_list .dropdown-menu li a {
    font-family: 'Cardo', serif !important;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
}

.pkp_site_name .is_img img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    display: block;
    margin: 0 auto;
}

.pkp_structure_footer_wrapper {
    background-color: #0088CF !important;
    border-top: none !important;
    border-bottom: none !important;
}




h1, h2, h3, h4, h5, h6 {margin-top: 0;
    margin-bottom: 0.5rem;}

a {color: #0088cf;
    text-decoration: none;
    background-color: transparent;}

.row {display: -webkit-box;
font-family: 'Raleway', sans-serif;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;}

.col-3 {-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;}

.form-row {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;}

.form-row>.col, .form-row>[class*="col-"] {padding-right: 5px;
    padding-left: 5px;}

.custom-file-input~.custom-file-label[data-browse]::after {content: attr(data-browse);}

.navbar-light .navbar-text a {color: rgba(0, 0, 0, 0.9);}

.navbar-dark .navbar-text a {color: #fff;}

.tooltip .arrow {position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;}

.tooltip .arrow::before {position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {bottom: 0;}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {left: 0;
    width: 0.4rem;
    height: 0.8rem;}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {top: 0;}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {right: 0;
    width: 0.4rem;
    height: 0.8rem;}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;}

.popover .arrow {position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.5rem;}

.popover .arrow::before, .popover .arrow::after {position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;}

.bs-popover-top>.arrow, .bs-popover-auto[x-placement^="top"]>.arrow {bottom: calc((0.5rem + 1px) * -1);}

.bs-popover-top>.arrow::before, .bs-popover-auto[x-placement^="top"]>.arrow::before {bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #f6f6f7;}

.bs-popover-top>.arrow::after, .bs-popover-auto[x-placement^="top"]>.arrow::after {bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;}

.bs-popover-right>.arrow, .bs-popover-auto[x-placement^="right"]>.arrow {left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.5rem 0;}

.bs-popover-right>.arrow::before, .bs-popover-auto[x-placement^="right"]>.arrow::before {left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #f6f6f7;}

.bs-popover-right>.arrow::after, .bs-popover-auto[x-placement^="right"]>.arrow::after {left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;}

.bs-popover-bottom>.arrow, .bs-popover-auto[x-placement^="bottom"]>.arrow {top: calc((0.5rem + 1px) * -1);}

.bs-popover-bottom>.arrow::before, .bs-popover-auto[x-placement^="bottom"]>.arrow::before {top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #f6f6f7;}

.bs-popover-bottom>.arrow::after, .bs-popover-auto[x-placement^="bottom"]>.arrow::after {top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;}

.bs-popover-left>.arrow, .bs-popover-auto[x-placement^="left"]>.arrow {right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.5rem 0;}

.bs-popover-left>.arrow::before, .bs-popover-auto[x-placement^="left"]>.arrow::before {right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #f6f6f7;}

.bs-popover-left>.arrow::after, .bs-popover-auto[x-placement^="left"]>.arrow::after {right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;}

.spinner-grow {display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;}

.spinner-grow-sm {width: 1rem;
    height: 1rem;}

.d-table-row {display: table-row !important;}

.flex-row {-webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;}

.flex-row-reverse {-webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;}

.flex-grow-0 {-webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;}

.flex-grow-1 {-webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;}

.custom-accordionwitharrow .card+.card {margin-top: 0.5rem;}

.custom-accordionwitharrow .card .card-header {background-color: transparent;}

.custom-accordionwitharrow .accordion-arrow {font-size: 1.2rem;}

.custom-accordionwitharrow a.collapsed i.accordion-arrow:before {content: "";}

.nav-tabs li a {border-color: transparent !important;
    padding: 0.625rem 1.25rem;}

a {text-decoration: none !important;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin: 10px 0;
    font-family: "Nunito Sans", sans-serif;
    color: #4B4B5A;
    font-weight: 600;}