/*
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/

/* Reset Styles */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {

	font-size: 12px;
	line-height: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 350;
	background: white;
	width: 720px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 50px;
    text-justify: inter-word;
 
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS Variables */
:root {
  --linkcol: black;
  --hovcol: blue;
  --linkbordercol: red;
  --boxcol: white; 
  --boxtextcol: black; 
  --cdborder: #e0e0e0; 
}

html {
	background-color: white; /* Change this to your desired color */
	height: 100%;
	display: table;
	margin: auto;
}


.container{
	width: 100%;
	padding: 0px;
	display:grid;
}

.gridcontainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Create three equal columns */
  row-gap: 5px; /* Adjust vertical gap between boxes */
  column-gap: 30px; /* Adjust horizontal gap between boxes */
  padding-left: 0px; /* Ensure consistent left padding */
  padding-right: 0px; /* Optional: Consistent right padding */
  box-sizing: border-box; /* Include padding in total width */
}

.cdbox {
	border-top: 0 solid #fff;
	border-bottom: 0 solid #fff;
	color: var(--boxtextcol);
	background-color: var(--boxcol);
	padding: 0; /* Add some padding */
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	display: flex;
	flex-direction: column;
	align-items: flex-start; /* Align items to the start (left) */
	text-align: left; /* Ensure the text is aligned to the left */
}

.disc {
	width: 100%;
	border: 1px solid var(--cdborder); /* Border around the image */
	height: 220px; /* Set your desired height */
	overflow: hidden; /* Ensure the image does not overflow */
}

.disc img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensure the image covers the container */
	object-position: center; /* Center the image within the container */
}

.cdtext {
	margin-top: 10px; /* Space between the image and text */
	padding-bottom: 15px;
	text-justify: none;
}

.container {
	height: 300px; /* Adjust the height as needed */
}

/* Typography */
h1 {
	background: none;
	font-style: bold;
	font-size: 20px;
	padding-bottom: 15px;
}

h2 {
	background: none;
	border-bottom: 1px solid #f8a5c6;
}

h3 {
	font-size: 15px;
	border-bottom: 1px solid #f8a5c6;
}

h3, h4, h5, h6, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	font-size: 20px;
}

p {
	padding: 0;
	margin-bottom: 20px;
	text-align: justify;
}

body, select, input, textarea {
	color: #333;
}

a {
	color: var(--linkcol);
	text-decoration: none;
	border-bottom: 1px solid var(--linkbordercol);
}

a:hover {
	color: var(--hovcol);
	border-bottom: 0 solid var(--linkbordercol);
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.custom-link {
	/* Styles for the link */
	text-decoration: none; /* Removes underline */
	display: inline-block; /* Ensures link wraps around the image */
	border: 0 solid #4CAF50; /* Adds a green border around the link */
	transition: transform 0.2s; /* Adds a transition effect */
}

.custom-link:hover {
	/* Styles for the link on hover */
	transform: scale(1.03); /* Slightly enlarges the link on hover */
}

/* Navbar */
.navbar {
	display: flex;
	background-color: none; /* Use your desired background color */
	padding-bottom: 30px;
}

.navcol {
	flex: 1; /* Each item takes up an equal amount of space */
	text-align: center; /* Center-align text horizontally */
	align-items: center; /* Vertically centers the items */
	display: flex; /* Make each item a flex container */
	justify-content: center; /* Center-align items within each navcol */
	margin-right: 100; /* Remove margin to avoid spacing issues */
}