@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

body {
    font: 400 14px 'Open Sans', sans-serif;
    background-image: url('images/bg.png');
    background-color: #fbece7;
    background-repeat: repeat;
    line-height: 32px;
    color: #808080;
}

p { margin: 2em 0; }
b { color: #808080; }
strike, s, del { color: #cccccc; }
i {
	font: italic 400 14px 'Libre Baskerville', serif;
	color: #088cbb;
}
u {
	border-bottom: 3px solid #ead2b7;
	text-decoration: none;
	color: #636363;
}
em {
	background-color: rgba(255,255,0,1);
	font-style: normal;
	color: #000000;
	padding: 0 3px;
}

a:link, a:active, a:visited {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	text-decoration: none;
	padding: 0 3px;
	color: #cc6666;
}
a:hover {
	/*background-color: rgba(108,146,31,1); Green*/
	background-color: rgba(255,165,154,1);
	color: #FFFFFF;
}

blockquote  {
	font: italic 500 18px 'Alegreya', serif;
	border-left: 1px solid #cccccc;
	padding: 0 2% 0 4%;
	position: relative;
	line-height: 32px;
	margin: 32px auto;
	max-width: 85%;
	color: #909090;
	z-index: 9;
	width: 85%;
}
blockquote:after {
	border-bottom: 1px solid #cccccc;
	font: 700 60px 'Georgia', serif;
	top: 0; bottom: 0; left: -30px;
	border-top: 1px solid #cccccc;
	background-color: #fcfcfc;
	margin: auto 0 auto 10px;
	padding: 3px 3px 3px 3px;
	position: absolute;
	line-height: 100%;
	content: '\201C';
	color: #cccccc;
	height: 40px;
	z-index: 10;
}


.sideNav-head {
    font: 700 italic 20px 'Georgia', Poppins, serif !important;
    background-image: url('images/nav-head.png');
    background-repeat: no-repeat;
    text-shadow: 2px 2px #FFFFFF;
    text-transform: lowercase;
    text-align: center;
    padding: 20px 0 0 0;
    display: block;
    color: #cc6666;
    height: 90px;
    width: 329px;
}
.sideNav-body {
    background-image: url('images/nav-body.png');
    background-repeat: repeat-y;
    line-height: 18px;
    font-size: 12px;
    padding: 0 20px;
    color: #636363;
    width: 329px;
}
.sideNav-body i {
	font: italic 400 12px 'Libre Baskerville', serif;
	color: #088cbb;
}
.sideNav-foot {
    background-image: url('images/nav-foot.png');
    background-repat: no-repeat;
    margin-bottom: 20px;
    display: block;
    height: 45px;
    width: 329px;
}

.navbar.navbar-light.bg-light {
    background-image: url('images/navbar-bg.png');
    /*background-color: #fceee9 !important;*/
    background-color: transparent !important;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    min-height: 100px;
    z-index: 9999;
}
.navbar a.navbar-brand {
    font: 700 16px 'Poppins', sans-serif !important;
    text-transform: uppercase !important;
    border-bottom: 5px solid #ead2b7;
    color: #088cbb !important;
}
.navbar a.navbar-brand:hover {
    background-image: url('images/nav-hover.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 5px solid #9b2d1d;
    color: #088cbb !important;
}
ul.navbar-nav li { margin: 0 5px; padding: 0 !important; }
ul.navbar-nav a.nav-link {
    font: 500 14px 'Poppins', sans-serif !important;
    text-transform: uppercase !important;
    border-bottom: 5px solid #ead2b7;
    color: #9b2d1d !important;
}
ul.navbar-nav a.nav-link:hover {
    border-bottom: 5px solid #a3c5d4;
    background-image: url('images/nav-hover.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    color: #9b2d1d !important;
}
ul.dropdown-menu.show {
    background-color: #fceee9 !important;
}
ul.dropdown-menu.show hr.dropdown-divider {
    border-color: #ead2b7;
}
ul.dropdown-menu.show a.dropdown-item {
    font: 400 14px 'Poppins', sans-serif !important;
    color: #cf9f66 !important;
    text-transform: uppercase;
}
ul.dropdown-menu.show a.dropdown-item:hover {
    background-color: #ead2b7;
    color: #9b2d1d !important;
}

.navbar.navbar-fixed-top.scrolled {
    min-height: 50px !important;
    width: 100% !important;
    position: fixed;
    display: block;
    top: 0 !important;
    padding: 15px 20% !important;
    background-image: none;
    background-color: #f3e2d9 !important;
    transition: background-color 200ms linear;
}
.navbar.navbar-fixed-top.scrolled a { color: #9b2d1d !important; }
.navbar.navbar-fixed-top.scrolled a:hover { color: #9b2d1d !important; }


.carousel.header {
    margin-top: -80px !important;
}

main {
    width: 1450px;
    margin: 0 auto;
}

#container {
	width: 1050px !important;
    float: left !important;
    overflow: hidden !important;
    margin-bottom: 3em;
}
#side-container {
    overflow: hidden !important;
    position: relative;
	margin: 0 0 0 1100px;
	width: 350px;
    z-index: 50;
	top: 0px;
}

.container { max-width: 1400px !important; }
#container.boxed-content::before {
    background-color: green;
    height: 10px;
    content: '';
}
.container-fluid.footer-content {
    font: 400 14px 'Poppins', sans-serif;
    background-image: url('images/footer.png');
    background-position: top center;
    padding: 220px 200px 50px 335px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    color: #636363;
}
.container-fluid.footer-content h1 {
    font: 700 italic 20px 'Georgia', serif !important;
    text-shadow: 2px 2px #FFFFFF;
    text-transform: lowercase;
    color: #ce9c65;
}
.container-fluid.footer-content div.credits {
    font: 400 11px 'Poppins', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
    color: #636363;
}
.container-fluid.footer-content img.affiliates {
    margin-bottom: 4px;
}


.post-icon {
    margin: 5px 20px 5px 0;
}


/*** HEADERS ***/
h1 {
    font: 700 italic 30px 'Georgia', Poppins, serif !important;
}

h2 {
    font: 600 20px 'Poppins', sans-serif !important;
    text-transform: uppercase;
    color: #cc6666;
}

h3.post-info {
    font: 500 12px 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-top: 4px;
}
h3.post-info span.fas.fa-pencil-alt,
h3.post-info span.fas.fa-comment-dots { margin-left: 20px; }

h4 {
    font: 600 16px 'Poppins', sans-serif !important;
    text-transform: uppercase;
    color: #333333;
}


/*** BUTTONS ***/
.btn.btn-secondary {
    background-color: #fbece7 !important;
    border: 1px solid #fbece7 !important;
    color: #cc6666 !important;
}
.btn.btn-secondary:hover { background-color: #fee4db !important; }

.btn.btn-primary {
    background-color: #f5cac3 !important;
    border: 1px solid #f5cac3 !important;
    color: #d26666 !important;
    font-weight: 500 !important;
}
.btn.btn-primary:hover { background-color: #eabab2 !important; }

.no-gutters .col {
  padding: 2px !important;
  margin: 2px !important;
}


/* Tab Content - menucool.com
-------------------------------------------------------------- */
ul.tabs {
	padding: 7px 0;
	margin:0;
	font-size: 0;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the tabs as desired*/
	padding-left: 0px; /* Offset of the first tab */
}
ul.tabs li {
	display: inline;
	margin: 0;/*no distance between tabs*/
	background: White;
	margin-left: 0px;
}
ul.tabs li a {
	font: 600 12px 'Roboto Condensed', sans-serif;
	background-color: #f4ecdf;
	border: 1px solid #f0dac7;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 15px;
	border-right: 0;
	color: #e7b387;
	outline: none;
}
ul.tabs li:first-child a {
	border-radius: 5px 0 0 0;
}
ul.tabs li:last-child a {
	border-right: 1px solid #f0dac7;
	border-radius: 0 5px 0 0;
}
ul.tabs li a:hover {
	color: #cc6666;
	background: #f2d5bf;
	text-shadow: none;
}
ul.tabs li.selected a, ul.tabs li.selected a:hover {
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
	font-weight: 600;
	color: #cc6666;
	top: 0px;
}
ul.tabs li.selected a:hover {
	text-decoration: none;
}
div.tabcontents {
	border-top: 1px solid #f0dac7;
	background-color: transparent;
	margin-top: -10px !important;
	padding: 20px 0 0 0;
}
div.tabcontents li {
    margin-bottom: 8px;
}


/*** BOOTSTRAP TABLES ***/
.table-striped {
    --bs-table-striped-bg: rgba(229,215,232,0.5);
}


/* News Pagination
-------------------------------------------------------------- */
.pagination {
    font: 600 12px 'Poppins', Segoe UI, sans-serif;
    text-transform: uppercase;
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}
.pagination > li { display:inline}
.pagination >li > a,
.pagination > li > span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#9b2d1d;
	text-decoration:none;
	background-color:rgba(255,165,154,0.4);
	border:1px solid rgba(255,165,154,0.4);
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}
.pagination >li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
}
.pagination > li > a:focus,
.pagination > li >a:hover,
.pagination > li >span:focus,
.pagination > li >span:hover {
	z-index:2;
	color:#ffffff;
	background-color:#9b2d1d;
	border-color:#9b2d1d
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	z-index:3;
	color:#fff;
	cursor:default;
	background-color: #ffa59a;
	border: 1px solid #ffa59a;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
	color:#cc6666;
	cursor:not-allowed;
	background-color:rgba(255,165,154,0.4);
	border-color:rgba(255,165,154,0.4)
}

  /* Toggle Sections
-------------------------------------------------------------- */
.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: block;
  line-height: 15px;
  margin-bottom: 0px;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  content: "♚";
  display: block;
  float: left;
  padding-top: 6px;
  line-height: 21px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.toggle-box:checked + label:before {
  content: "♚";
}

/* -------------------------------- 

Randomizer textarea

-------------------------------- */

.test input, textarea, option, select {
	background:#FDF7EC;
	border: 1px dashed #ffffff;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color:#000000;
	padding: 13px;
	font-size: 11pt;
}