/*!
Theme Name: BootOTVNews
Theme URI: https://ourtywivalley.wales/
Author: Deeproot Software
Author URI: https://deeproot.uk/
Version: 1.0.0
Requires PHP: 7.4
Requires CP: 1.7
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bootdeep
Tags: blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Description: BootOTVNews is a custom theme for the Our Tywi Valley news/blog section. It is based on BootDeep, the Deeproot blog theme, which is derived from the ClassicPress theme  Aestazia by IndoCreativeMedia. Simple, lightweight ClassicPress theme with a classic layout enhanced by Bootstrap's smart responsive design. Aestazia was itself built on the Underscores starter theme, featuring a small, well-organised codebase focused on high performance and efficiency. Although a custom theme for specific purpose, like BootDeep it could be used by others or as a base and is freely available on request.

Aestazia and Underscores are distributed under the terms of the GNU GPL v2 or later.  BootOTVNews and BootDeep are available on the same basis.
*/


* {
	--bs-gutter-x: 2rem !important;
	--bs-body-line-height: 1.35;
	--bs-navbar-color: #ffffff;
	--bs-navbar-hover-color: #ffffff;
	--bs-navbar-active-color: #f2f2f2;
	--bs-navbar-nav-link-padding-x: .75rem;
	--bs-nav-link-padding-y: .25rem;
	--bs-dropdown-link-color: #ffffff;
    --bs-dropdown-link-hover-color: #ffffff;
	--bs-dropdown-link-hover-bg: #000000;
	--bs-border-radius: 0;
	--bs-border-radius-sm: 0;
	--bs-border-radius-lg: 0;
	--bs-border-radius-xl: 0;
	--bs-border-radius-xxl: 0;
	--bs-body-font-family: 'Open Sans', sans-serif;
	--bs-body-font-size: 1rem;
    /* --bs-body-font-weight:500; */
	--bs-body-bg: #ffffff;
	--bs-body-color: #000000;
	--bs-border-color: #e0e0e0;
	--bs-code-color: #d9006c;
	--alt-bg-color: #f2f2f2;
/* 	--bs-link-color-rgb: #006bef; */
}

body {
	text-underline-offset: .1875em;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.skip-link:focus {
	position: absolute;
	top: .75rem;
	left: .75rem;
	padding: .25rem .75rem;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important
}

input {
	max-width: 100%;
}

textarea {
	width: 100%;
}

input,
textarea,
pre {
	border: 1px solid var(--bs-border-color);
	background-color: var(--alt-bg-color);
}

input:focus,
textarea:focus {
	border-color: var(--alt-bg-color);
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

input.submit,
input[type="submit"] {
	border-color: #2a5b24;
	background-color: #2a5b24;
	border-radius: 6px;
	color: #fff;
	padding-left: .75rem;
	padding-right: .75rem;
}

input.submit {
	padding: .375rem 1rem;
}

input.submit:hover {
	    opacity: 0.9;
}


.form-control,
.form-select {
	background-color: var(--alt-bg-color);
}

blockquote {
	padding-left: .75rem;
	background-color: var(--alt-bg-color);
	border-left: 4px solid var(--bs-border-color);
	font-size: 1.25rem;
	line-height: 1.625;
}

#navbar-search {
	max-width: calc(100vw - 88px);
}

.nav-links {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.375;
}

.nav-previous {
	margin-right: .25rem;
}

.nav-next {
	margin-left: auto;
	text-align: right !important;
}

.nav-next::after,
.nav-previous::before {
	font-weight: 700;
	display: inline-block;
	color: var(--bs-secondary);
}

.nav-next::after {
	content: "\25B6";
	margin-left: .1875rem;
}

.nav-previous::before {
	content: "\25C0";
	margin-right: .1875rem;
}

.comment-navigation {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.error-404-widgets {
	column-width: 232px;
	gap: 1.5rem;
	margin-top: 2rem;
}

.error-404.not-found .widget {
	margin-bottom: 2rem;
	break-inside: avoid;
}

.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5rem;
	margin-bottom: 1rem;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

figure,
img {
	max-width: 100%;
	height: auto;
}

ul {
	padding-left: 1rem;
}

.widget ul {
	margin-bottom: 0;
}

table.wp-calendar-table {
	caption-side: top;
}

table.wp-calendar-table caption {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--bs-heading-color);
	padding-top: 0;
	line-height: 1.25;
}

table.wp-calendar-table th,
table.wp-calendar-table td {
	text-align: center;
	padding: .375rem 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1rem;
	background-color: var(--alt-bg-color);
}

th,
td {
	border: 1px solid var(--bs-border-color);
	padding: .375rem;
}

.wp-calendar-nav-next {
	float: right;
}

label:not(.comment-form-cookies-consent label, .post-password-form label) {
	display: block;
}

.entry-footer span {
	margin-right: .75rem;
}

.page-links {
	margin-bottom: .5rem;
}

.post-page-numbers {
	padding: .5rem;
}

.textwidget p:last-child {
	margin-bottom: 0;
}

.avatar {
	margin-right: .25rem;
}

.wp-caption {
	max-width: 100%;
	margin-bottom: 1rem;
}

.wp-caption-text {
	margin-bottom: 0;
	font-size: .875em;
	line-height: 1.5;
	opacity: .75;
}

.entry-content img {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

code {
	font-size: .9375em;
}

pre {
	padding: 1rem;
}

iframe {
	max-width: 100%;
}

/* custom */

.site-header, .site-footer {background-color: #444444;}
.site-header {border-bottom: solid 2px #00b140;}
.site-footer {border-top: solid 1px #00b140;}



.my-4 {
    margin-top: 0rem!important;
    margin-bottom: 1.5rem!important;
	padding-top:1rem;
}

.post, .widget {
	    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: 10px 15px;
	
}


.entry-title, .entry-title a {
    color: #000000;
	font-weight:600!important;
}

.nav-link {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.375;
}
.nav-link:hover {
	background-color: #000000;
}


.navbar-nav .dropdown-menu {
    background-color: #444444;
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.375;

}

.navbar-toggler-icon {
    width: 1.5em;
    height: 1.2em;
}

.navbar-toggler {
	background-color: #6ec924;
	border-radius: 4px;
}
.navbar-toggler:hover {
	background-color: #58af11;
	border-color: #96d308;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.15rem;
	color: #bee000;
}



@media (min-width: 992px) {
  .py-lg-3 {
    padding-top: 0.4rem!important;
    padding-bottom: 0.4rem!important;
  }
}

a {color: #00449e;}

.search-submit {
	    background-color: #2a5b24;
		padding:0.2rem 0.4rem;
		border-radius: 6px;
		font-size: 80%;	
}
.search-submit:hover {
	    opacity: 0.9;
}

.search-form .form-control {
	line-height: 1.1;
	padding: 0.2rem .75rem;
}

.widget_search {
		padding-bottom:0.5rem!important;
}

.site-info {font-size:0.9rem; color:#ffffff;}
.site-info a {color:#ffffff;}

@media (max-width: 767px) {
	.cpcredit {font-weight:700;}
}


.site-footer {

  }