/** Custom - Overrides **/

/* Font Face: Oswald + Quattrocento */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Quattrocento:wght@400;700&display=swap');

/* Text Styling Overrides */
body { font-family: Quattrocento, serif; }
h1, h2, h3, h4, h5, h6, .font-heading { font-family: Oswald, sans-serif; }
p { font-family: Quattrocento, serif; font-size: 18px;}
p a { border-bottom: 1px dotted; }
.nav-item { font-family: Oswald, sans-serif; font-weight: 400; }
.filters .nav-item { font-size: 18px; }
.readmore, .btn { font-family: Oswald, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 400; border-radius: 3px;}
.footer p { font-family: Oswald, sans-serif; font-size: 16px !important; font-weight: 300; color: #74787C !important; }


.work-info h3 { font-size: 24px !important; }
.work-info span { font-family: Oswald, sans-serif; font-weight: 300; text-transform: uppercase; }

.page.work .category { font-family: Oswald, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .25rem; border-bottom: 0 !important;} 
.page.work .tags { margin: 0 0 30px; padding: 0; }
.page.work .tags li { list-style-type: none; display: inline-block; }
.page.work .tags li .btn { background-color: #F1ECDF; }
.page.work .tags li .btn:hover { background-color: #E75A60; color: #ffffff; }

.page.commissions .content .accordion-button { font-size: 1.5rem !important; }
.page.commissions .content h2.accordion-header, .page.commissions .content .accordion-button:not(.collapsed)  { background-color: #19D3D4 !important; color: #ffffff !important; } 


/* Colours Only */
.custom-navmenu { background-color: #19D3D4; }
.custom-navmenu p, .custom-navmenu a { color: rgba(255, 255, 255, 0.9)  }
.bi { color: #E75A60; }
.text-muted { color: #A4A9AD !important; }
.readmore:hover { background-color: #19D3D4; border-color: #19D3D4; }
.footer .social a:hover { background-color: #19D3D4; }
.footer .social a:hover .bi { color: #ffffff; }

/* Other overrides */
.custom-navbar .navbar-brand img { max-width: 160px !important; height: auto; }
.filters .nav-link { border-radius: 3px; }
.filters .nav-link.active { background-color: #E75A60; border-bottom: 0 !important;text-decoration: none !important; }
.filters .nav-link.active:hover { color: #ffffff; }
.filters a.nav-link::before, .filters a.active::before { background-color: transparent !important; } 
.filters .nav-link:hover { color: #19D3D4; }