/*
Theme Name: PontNoir
Description: Theme for Pont Noir
Version: 4.6.2
Author: BrokenCrust
Author URI: https://brokencrust.com
Last Updated: 25 Dec 2020
License: None
License URI: None
Tags: one-column, full-width, threaded-comments, translation-ready
Text Domain: pontnoir
*/

/* fonts */

@font-face { font-family: "Days One"; font-style: normal; font-weight: normal; src: url("webfonts/days-one-regular.woff2") format("woff2"), url("webfonts/days-one-regular.woff") format("woff"); }


/* bootstrap */

a { color: #207F14; }

a:hover, a:focus, a:active:hover, a:active:focus { color: #313523; }

.alert-info { background-color: #F6F6EF; border-color: #DDDDDD; color: #313523; }

.badge-primary { background-color: #106F04; }


.btn-primary { background-color: #106F04 !important; border-color: #CAD6AC !important; color: #FFFFFF !important; }

.btn-primary:hover { background-color:#313523 !important; border-color: #DDDDDD !important; color: #FFFFFF !important; }

.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(202, 214, 172, 0.5) !important; }

.btn-primary.disabled, .btn-primary:disabled { background-color: #106F04 !important; border-color: #313523 !important; color: #FFFFFF !important; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: #313523 !important; border-color: #DDDDDD !important; color: #FFFFFF !important; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(202, 214, 172, 0.5) !important; }


.btn-secondary { background-color: #F6F6EF !important; border-color: #DDDDDD !important; color: #212529 !important; }

.btn-secondary:hover { background-color:#D6D6CF !important; border-color: #DDDDDD !important; color: #212529 !important; }

.btn-secondary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.5) !important; }

.btn-secondary.disabled, .btn-primary:disabled { background-color: #F6F6EF !important; border-color: #313523 !important; color: #212529 !important; }

.btn-secondary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: #D6D6CF !important; border-color: #DDDDDD !important; color: #212529 !important;; }

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.5) !important; }


.card { background-color: #FFFFF9; }

.card-header { background-color: #F6F6EF; }

.list-group-item.active { background-color: #F6F6EF; border-color: #DDDDDD; color: #212529; }

.list-group-item.active:hover { background-color: #D6D6CF; border-color: #DDDDDD; }

.list-group-item-title { background-color: #F6F6EF; }

.navbar { background-color: #313523; }

.navbar ul { font-size: 1.2rem; line-height: 1.3; }

.page-item.active .page-link { background-color: #106F04; border-color: #CAD6AC; }

.page-item.active .page-link:focus, .page-item.active .page-link:hover { background-color: #313523; border-color: #CAD6AC; }

.page-link:hover { background-color: #D6D6CF; }

.pagination > li > a, .pagination > li > span { color: #207F14; }

.text-primary { color: #207F14 !important; }


/* containers */

html { background-color: #B8B894; }

body { background: transparent url('images/header.jpg') center top no-repeat fixed; color: #444434; margin: 0 auto 2.0rem; max-width: 1320px; }

body.admin-bar { background-position: center 32px; }

.wrapper { box-shadow: 2px 2px 6px rgba(42, 42, 38, 0.6), -2px -2px 6px rgba(42, 42, 38, 0.6); }


/* navbar */

.admin-bar .navbar { top: 32px; }

.pn-icon { width: 40px; height: 40px; vertical-align: top !important; }


/* header  */

.header-main { min-height: 310px; }

.header-text { color: #FFFFFF; font-family: 'Days One', sans-serif; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8); }

.header-text a { color: #FFFFFF; }


/* sections */

main { background-color: #FCF8E3; }

.front-page-bottom { background-color: #EAF6CC; border-top: 1px solid #CAD6AC; }

.footer-top { background-color: #CAD6AC; border-bottom: 1px solid #112211; border-top: 1px solid #AAA69C; }


/* footer */

.footer-bottom { border-top: 1px solid #AAA69C; background-color: #313523; color: #D0D5D0; line-height: 2.4rem; }

.footer-bottom a { color: #F0F0F0; }

.pinterest { background-color: #FFFFF9; border-radius: 100%; color: #E60023; }

.twitter { color: #1DA1F2; }


/* comments */

.comment-list, .comment-list .children { list-style-type: none; }

.comment-list { padding: 0; }

.comment-list .children { margin-top: 1.0rem; }

.comment-list li { margin-bottom: 1.0rem; }


/* phpbb latest posts */

.posted { border-radius: 100%; box-shadow: -2px 0 2px #313523, 0 2px 2px #313523, 2px 0 2px #313523, 0 -2px 2px #313523; height: 0.8rem; width: 0.8rem; }

.posthilit { background-color: #FCF8E3; }

.sticky { background-color: #F4FDEA; }

.topic-icons { width: 60px; }

.topic-type { font-size: 2.4rem; line-height: 3.0rem; }


/* crosswords */

.ecw-box { cursor: pointer; font-weight: bold; height: 2.4rem; overflow: hidden; text-align: center; width: 2.4rem; border: 1px solid #506650; }

.ecw-boxcheated_sel, .ecw-boxcheated_unsel { color: #2080D0; }

.ecw-boxerror_sel, .ecw-boxerror_unsel  { color: #DD0000; }

.ecw-boxnormal_unsel, .ecw-boxcheated_unsel { background-color: #EEFFEE; }

.ecw-boxerror_unsel { background-color: #F7ECEF; }

.ecw-boxnormal_sel, .ecw-boxerror_sel, .ecw-boxcheated_sel { background-color: #FFDD22; }

.ecw-boxcheated_sel, .ecw-boxcheated_unsel, .ecw-boxnormal_sel, .ecw-boxnormal_unsel, .ecw-boxerror_sel, .ecw-boxerror_unsel { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.8); }


/* carousel */

.carousel-indicators li { border-radius: 100%; height: 1.0rem; width: 1.0rem; }

.carousel-control { font-size: 2.0rem; }


/* smaller screens */

@media only screen and (max-width: 1320px) {

	.header-main { min-height: 18.0rem; }
}

@media only screen and (max-width: 992px) {

	.header-main { min-height: 16.0rem; }
}

@media only screen and (max-width: 782px) {
	
	.admin-bar .navbar { top: 46px; }
	
	.header-main { min-height: 14.0rem; }
	
	.carousel-indicators li { border-radius: 100%; height: 0.6rem; width: 0.6rem; }

	.carousel-control { font-size: 1.0rem; }
	
}

@media only screen and (max-width: 600px) {
	
	.admin-bar .navbar { top: 0; }

}