/* Font Face Declarations */
@font-face {
	font-display: swap;
	font-family: 'Euclid Circular B';
	src: url('https://stadtgeschichtebasel.ch/fonts/EuclidCircularB-Regular-WebS.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-display: swap;
	font-family: 'Euclid Circular B';
	src: url('https://stadtgeschichtebasel.ch/fonts/EuclidCircularB-Medium-WebS.woff2') format('woff2');
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-display: swap;
	font-family: 'Euclid Circular B';
	src: url('https://stadtgeschichtebasel.ch/fonts/EuclidCircularB-Semibold-WebS.woff2') format('woff2');
	font-style: normal;
	font-weight: 600;
}

/* Apply Euclid font globally */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, div, 
blockquote, strong, em, 
input, textarea, button,
label {
	font-family: 'Euclid Circular B', sans-serif;
}

.pkp_block .title {
	font-family: 'Euclid Circular B', sans-serif;
}

::selection {
    background: #fff6cc;
    color: black;
}

/* a {
    &:hover {
        color: #191919;
    }
    
    .link-on-dark & {
        color: #ffffff;
        &:hover {
            color: #ffe880;
        }
    }    
} */

.pkp_navigation_primary>li>a {
	&:hover {
		color: #ffe880;
		border-color: #ffe880;
	} &:focus {
		background: #ffe880;
		color: #3a1e3e;
	}
}

.pkp_navigation_search_wrapper {
	&:hover {
		color: #ffe880;
		border-color: #ffe880;
	} &:focus {
		background: #ffe880;
		color: #3a1e3e;
	}
}

.pkp_navigation_user>li>a:focus, .pkp_navigation_user>li>a:focus {
	outline: 0;
	background: #ffe880;
	color: #3a1e3e;
}

.cmp_button,.cmp_download_link,.cmp_form .buttons button,.page_lost_password .buttons button,.page_search .cmp_search button,.obj_monograph_full .files .link a,.obj_monograph_full .files .pub_format_remote a,.obj_monograph_full .files .pub_format_single a,.block_make_submission a {
    display: inline-block;
    padding: 0 1.0715rem;
    background: #fff;
    border: 1px solid #3a1e3e;
    /* border-top-color: #bbb; */
    border-radius: 3px;
    /* box-shadow: inset 0 -1em 1em rgba(0,0,0,0.1); */
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    font-weight: 700;
    color:#3a1e3e;
    text-decoration: none;
    text-shadow: 0px 1px #fff
}

.cmp_form input[type="text"],.cmp_form input[type="email"],.cmp_form input[type="password"],.cmp_form input[type="url"],.cmp_form input[type="tel"],.cmp_form select,.cmp_form textarea {
    padding: 0 .5em;
    width: 100%;
    height: calc(2.143rem - 2px);
    background: #fff;
    border: 1px solid #3a1e3e;
    border-radius: 3px;
    font-size: .93rem;
    line-height: calc(2.143rem - 2px)
}

.cmp_button:hover,.cmp_button:focus,.cmp_download_link:hover,.cmp_download_link:focus,.page_login .buttons button:hover,.page_login .buttons button:focus,.page_lost_password .buttons button:hover,.page_lost_password .buttons button:focus,.page_search .cmp_search button:hover,.page_search .cmp_search button:focus,.obj_monograph_full .files .link a:hover,.obj_monograph_full .files .pub_format_remote a:hover,.obj_monograph_full .files .pub_format_single a:hover,.obj_monograph_full .files .link a:focus,.obj_monograph_full .files .pub_format_remote a:focus,.obj_monograph_full .files .pub_format_single a:focus {
    /* box-shadow: inset 0 -1em 1em rgba(0,0,0,0.1); */
    background: #3a1e3e;
    border-color: #3a1e3e;
    color: #fff;
    text-shadow: none
}

h1.title, h1.page_title {
	text-decoration: underline #ffe880;
	text-decoration-thickness: 4px;
}

.page_catalog h1 {
    text-decoration: underline #ffe880;
    text-decoration-thickness: 4px;
}

.pkp_structure_footer_wrapper {
	background: #3a1e3e;
}

.pkp_footer_content {
	color:#fff;
}

.pkp_footer_content a {
	text-decoration-color: #ffe880;
	color: #ffe880;
}