/* Globally used variables etc */
body {
    overflow-x:hidden;
}

img.center, .captionImage.center {
    max-width: 100%;
    height: auto;
    display:block;
    margin:0 auto !important;
}
img.left {
    max-width: 100%;
    height: auto;
    float:left;
    margin: 0 12px 12px 0;
}
img.right {
    max-width: 100%;
    height: auto;
    float:right;
    margin: 0 0 12px 12px;
}

/* colouring classes, :root vars declared in Gecco\Skin\PageControllerExtension, Gecco\Skin\SiteConfigExtension */
.primary-color {
    color: var(--primaryColor);
}
.primary-color > * {
    color: var(--primaryColor);
}
.secondary-color {
    color: var(--secondaryColor);
}
.secondary-color > * {
    color: var(--secondaryColor);
}
.tertiary-color {
    color: var(--tertiaryColor);
}
.tertiary-color > * {
    color: var(--tertiaryColor);
}

.bg-primary-color {
    background-color: var(--primaryColor);
}
.bg-secondary-color {
    background-color: var(--secondaryColor);
}
.bg-tertiary-color {
    background-color: var(--tertiaryColor);
}

/* buttons */
.skin-button-primary {
    color: #ffffff !important;
    background-color: var(--primaryColor);
    border: none;
    align-self: center;
}
.skin-button-primary:hover {
    background-color:rgba(0, 0, 0, 0.6);
}
.skin-button-secondary {
    color: #ffffff !important;
    background-color: var(--secondaryColor);
    border: none;
    align-self: center;
}
.skin-button-secondary:hover {
    background-color:rgba(0, 0, 0, 0.6);
}

.full-height {
    height: 100vh;
}

/* horizontal rules */
.hr-primary {
    border-top: 2px solid var(--primaryColor);
}
.hr-secondary {
    border-top: 2px solid var(--secondaryColor);
}
.hr-tertiary {
    border-top: 2px solid var(--tertiaryColor);
}

/* links */
.link-color-primary a {
    color: var(--primaryColor) !important;
}
.link-color-secondary a {
    color: var(--secondaryColor) !important;
}
.link-color-tertiary a {
    color: var(--tertiaryColor) !important;
}
.link-color-primary a:hover, .link-color-secondary a:hover, .link-color-tertiary a:hover {
    filter: brightness(70%);
    transition: all 0.2s;
}
.page-links {
    list-style: none;
}

.page-links li.current {
    border-left:4px solid var(--primaryColor);
    padding-left: 16px !important;
}

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

.text-right {
  text-align:right;
}

.text-left {
  text-align:left;
}

.primary-font, div.primary-font > *, .link-font-primary a {
  font-family: var(--primaryFont);
}
.secondary-font, div.secondary-font > *, .link-font-secondary a {
  font-family: var(--secondaryFont);
}

.gecco-default-font {
  font-family: 'Roboto', sans-serif;
}

.large-heading {
  font-size: 3.5rem;
}



/* css for elemental and other components */

/* accordion */
.accordion-heading {
    transition: all 0.3s;
}
.accordion-heading:hover {
    cursor: pointer;
}
.card-header[aria-expanded="true"] {
    background-color: var(--lightGrey);
}
.card-header[aria-expanded="true"] i.hide-when-open {
    visibility: hidden;
}
.card-header.border-default[aria-expanded="true"] {
    border-left: 10px solid var(--darkGrey);
}
.card-header.border-skin-secondary[aria-expanded="true"] {
    border-left: 10px solid var(--secondaryColor);
}
.card-header.border-skin-tertiary[aria-expanded="true"] {
    border-left: 10px solid var(--tertiaryColor);
}

/* classifieds */
.secondary-bottom-border {
    border-bottom: 3px solid var(--secondaryColor);
}
.tertiary-bottom-border {
    border-bottom: 3px solid var(--tertiaryColor);
}

/* pages */
/* classes for page HTML within ElementContent blocks */
.page-primary-font h1, .page-primary-font h2, .page-primary-font h3,
.page-primary-font h4, .page-primary-font h5, .page-primary-font h6 {
    font-family: var(--primaryFont) !important;
}
.page-secondary-font h1, .page-secondary-font h2, .page-secondary-font h3,
.page-secondary-font h4, .page-secondary-font h5, .page-secondary-font h6 {
    font-family: var(--secondaryFont) !important;
}
.body-primary-font > *:not(h1,h2,h3,h4,h5,h6) {
    font-family: var(--primaryFont);
}
.body-secondary-font > *:not(h1,h2,h3,h4,h5,h6) {
    font-family: var(--secondaryFont);
}
.page-primary-color h1, .page-primary-color h2, .page-primary-color h3,
.page-primary-color h4, .page-primary-color h5, .page-primary-color h6 {
    color: var(--primaryColor);
}
.page-secondary-color h1, .page-secondary-color h2, .page-secondary-color h3,
.page-secondary-color h4, .page-secondary-color h5, .page-secondary-color h6 {
    color: var(--secondaryColor);
}
.page-tertiary-color h1, .page-tertiary-color h2, .page-tertiary-color h3,
.page-tertiary-color h4, .page-tertiary-color h5, .page-tertiary-color h6 {
    color: var(--tertiaryColor);
}

/* header, menus and things */
#GeccoSiteNavbar {
    font-size: 1.3rem;
}
#GeccoSiteNavbar .dropdown-menu {
    border: none;
    border-radius: 0;
}


/* large BS breakpoint */
@media (min-width: 992px) {
    .dropdown-toggle:after {
        /* override boostrap arrow */
        content: none;
    }
    .navbar-nav li:hover .dropdown-menu {
        /* rollover menu */
        display: block;
    }
}

/* footer */
.footer-link:hover {
    color: inherit !important;
    filter: brightness(65%);
    transition: all 0.2s;
}

/* Header css*/
#SearchForm_SearchForm {
    display: flex;
}
#SearchForm_SearchForm_action_results {
    padding: 0 0.5rem;
    height: 38px;
    border-radius: 0 0.3rem 0.3rem 0;
}
#SearchForm_SearchForm button.disabled.btnreplace {
    padding: 0 0.5rem;
    height: 38px;
    border-radius: 0 0.3rem 0.3rem 0;
}