/*
Theme Name: 	DKSHA 2026
Author: 		CMS Web Solutions
Author URI: 	https://cmswebsolutions.com
*/

* {
	box-sizing: border-box;
}

body {
	margin: 0 auto;
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 1.4;
	color: #121212;
	background-color: #fff;
}

article, aside, details, embed, figcaption, figure, footer, header, iframe, main, nav, section, summary {
	display: block;
	position: relative;
	margin: 0 auto;
}

a.skip {
	position: absolute;
	top: 0;
	left: -1000em;
	background-color: #440000;
	color: #eee;
	text-decoration: none;
	border-radius: 0 0 3px 3px;
}

a.skip:focus, a.skip:hover {
	left: 1em;
	top: 0;
	padding: .5em 1em;
}

.stripes {
	height: 3em;
	position: relative;
	background-color: #24588c;
/* 	background: url(img/stripes.png) repeat-x; */
}

.inner {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1em 0;
	position: relative;
}

header {
	padding: 1em 0;
}

header .inner {
	display: -webkit-box;
	display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
	align-content: center;
	-webkit-box-align: end;
	        align-items: flex-end;
}

header p {
	margin: 0;
}

.logo {
	max-height: 150px;
	width: auto;
	margin-right: 1em;
}

.sitename {
	font-size: 5.5em;
	font-weight: 600;
	color: #121212;
	letter-spacing: -0.08em;
}

.brand {
	padding: 1em 0;
	text-align: center;
}

.name {
	color: #cf3630;
	font-size: 2em;
	letter-spacing: -0.05em;
}

.tag {
	color: #121212;
	font-size: 2.5em;
	letter-spacing: -0.06em;
	text-transform: uppercase;
}

.utilities {
	display: inline-block;
	text-align: center;
}

.button {
	display: block;
	padding: .5em 1em;
	font-size: 1.1em;
	color: #fff;
	background-color: #24588c;
	text-decoration: none;
}

.button:hover,
.button:focus {
	background-color: #121212;
}

.social {
	text-align: center;
}

.social h3 {
	display: inline-block;
}

.social ul {
	display: inline-block;
	padding-left: 0;
}

.social li {
	display: inline-block;
	list-style: none;
	margin: 0 .25em;
}

.social a:hover img,
.social a:focus img {
	-webkit-transform: scale(1.1, 1.1);
	        transform: scale(1.1, 1.1);
}

nav {
	width: 100%;
}

nav button {
	display: none;
}

nav ul {
	display: -webkit-box;
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
}

.ie9 nav ul {
	display: inline-block;
}

nav ul.sub-menu {
	display: none;
}

nav ul li {
	list-style: none;
	margin: auto;
	position: relative;
}

.ie9 nav ul li {
	display: inline-block;
}

nav ul a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #121212;
	font-size: 1.1em;
	padding: .5em;
}

nav ul a:hover,
nav ul a:focus,
nav ul a:active {
	color: #fff;
	background-color: #cf3630;
}

nav ul [aria-haspopup="true"] + ul[aria-hidden="false"] {
	margin-top: 0;
	display: block;
	position: absolute;
	min-width: 16em;
	background-color: #fff;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.8);
	z-index: 10;
}

nav ul [aria-haspopup="true"] + ul[aria-hidden="false"] li {
	margin: 0;
}

nav ul [aria-haspopup="true"] + ul[aria-hidden="false"] a {
	padding: .5em .5em .5em 1.25em;
	text-align: left;
}

nav ul [aria-haspopup="true"] + ul[aria-hidden="false"] a:hover,
nav ul [aria-haspopup="true"] + ul[aria-hidden="false"] a:focus {
	color: #fff;
	background-color: #cf3630;
}

nav ul [aria-haspopup="true"] + ul li {
	display: block;
	position: relative;
}

:not(.home) > main .inner {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	        justify-content: space-between;
}

.page-template-template-galleries > main .inner,
.single-galleries > main .inner {
	display: block;
}

.notice {
	width: 100%;
	color: #fff;
	background-color: #c93229;
	font-size: 1.25em;
	text-align: center;
	padding: .5em 0;
}

.notice a {
	color: #fff;
}

.notice a:hover,
.notice a:focus {
	color: #c93229;
	background-color: #fff;
}

.custom-home {
	float: right;
	width: 50%;
	padding: 0px 25px;
	font-weight: 100;
	line-height: 1.5em;
	font-weight: 400;
}

.side {
	flex-basis: 20%;
	margin-right: 2em;
}

.side img {
	width: 200px;
	margin: 25px auto;
	display: block;
	border-radius: 10px;
}

.content {
	flex-basis: 100%;
	padding: 1.5em;
}

.banner img {
	width: 100%;
	margin-top: -70px;
}

h1 {
	color: #cf3630;
	font-size: 2.8em;
	margin: 0 0 .25em;
	letter-spacing: -0.05em;
}

h1.banner-head {
	display: inline;
	position: relative;
	color: #fff;
	background: #121212;
	background: rgba(0, 0, 0, 0.8);
	padding: 10px 20px;
	font-size: 2.8em;
	letter-spacing: -0.05em;
}

h1 + h2 {
	margin-top: 0;
}

.custom-home a,
.content a {
	color: #cf3630;
	font-weight: bold;
}

.custom-home a:hover,
.custom-home a:focus,
.content a:hover,
.content a:focus {
	color: #121212;
}

iframe {
	float: left;
	margin-bottom: 20px;
}

.footer {
	height: 50px;
	background: #440000;
	clear: both;
}

/*******	CLIPPINGS		*******/

.clipping {
	list-style-type: none;
	color: #121212;
}

.clipping li {
	background: #121212 url(img/beige_paper.png);
	width: 175px;
	margin: 25px;
	padding: 10px;
	padding-top: 0;
	float: left;
}

.clipping li {
	-webkit-backface-visibility: hidden;
	transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	/* IE 9 */
	-webkit-transform: rotate(2deg);
	/* Safari and Chrome */
}

.clipping li:nth-child(2n+1) {
	transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	/* IE 9 */
	-webkit-transform: rotate(-2deg);
	/* Safari and Chrome */
}

.clipping h2 {
	text-align: center;
	margin: 0;
	margin-bottom: 15px;
	margin-top: -10px;
	background: url(img/pin.png);
	background-repeat: no-repeat;
	background-position-x: 85px;
	padding-top: 30px;
}

.clipping img {
	display: block;
	margin: 0px auto;
	box-shadow: 0px 3px 10px #b4b4b4;
	width: 150px;
	height: 150px;
}

.clipping p {
	background: url(img/beige_paper.png);
	text-align: center;
}

/*******	STORIES		*******/

.story iframe {
	float: none;
	display: block;
	width: 500px;
	margin: 0px auto;
}

/*********		TABLES		*****************/

table {
	margin: 0px auto;
	border-collapse: collapse;
}

tr th {
	color: #fff;
	background-color: #121212;
	padding: 10px;
	border-radius: 3px;
	margin: 3px;
	font-size: 1.1em;
}

td {
	padding: 7px;
	border: 1px solid #eee;
	border-radius: 3px;
	margin: 3px;
}

.grid div {
	padding: 1em 2em;
	text-align: center;
	display: inline-block;
	width: 33%;
}

.grid .name {
	margin-bottom: 0;
}

.title {
	margin: .5em 0;
	font-size: 1.25em;
}

.quote {
	font-style: italic;
}

@supports (display: grid) {
	.grid {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (minmax(280px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		grid-gap: 1em;
	}

	.grid > div {
		width: auto;
	}

	.grid img {
		width: 280px;
		height: auto;
	}
}

/********** GALLERY STYLING ****************/

.galleries {
	padding-left: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	        align-items: flex-start;
	flex-wrap: wrap;
}

.galleries li {
	list-style: none;
	text-align: center;
}

.galleries a {
	color: #121212;
}

.galleries img {
	display: block;
	margin-bottom: .5em;
	border-radius: 6px;
}

.gallery {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	        justify-content: space-between;
}

.gallery-item {
	margin: auto;
}

.gallery img {
	margin: 14px;
	border-radius: 6px;
	/* 	height: 175px;
	width: 175px; */
}

@supports (display: grid) {
	.galleries, .gallery {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (minmax(280px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		grid-gap: 1em;
	}
	.galleries img {
		width: 280px;
		height: auto;
	}
	.gallery-item {
		margin: 0;
	}
}

img.centerimg {
	float: none;
	display: block;
	margin: 0px auto;
}

.gallery-caption {
	margin: 14px;
	width: 175px;
}

.gallery dl {
	float: left;
	text-align: center;
}

.gallery dd {
	margin: 0 auto;
}

/* ---- WordPress Core -------------------------------------------------------------- */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #121212;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	/* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 17px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
	color: #121212;
}

@media screen and (max-width: 1200px) {
	.inner {
		padding: 1em;
	}
}

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

	header .inner {
		display: block;
		text-align: center;
	}

	.logo {
		margin: 0 auto 1em;
		display: block;
	}

	.sitename,
	.name,
	.tag {
		display: block;
		text-align: center;
	}

	.tag {
		margin-top: .5em;
	}

	.facebook {
		margin-top: 1em;
	}

	nav button {
		-webkit-transition: none;
		transition: none;
		cursor: pointer;
		text-transform: uppercase;
		display: block;
		width: 100%;
		color: #fff;
		background-color: #cf3630;
		margin: 0 auto;
		padding: .25em 0;
		font-size: 1.25em;
		font-weight: 700;
		text-align: center;
		border: none;
		border-radius: 0;
	}

	nav ul {
		width: 100%;
		margin: 0;
		padding-left: 0;
		display: none;
	}

	nav .open + ul {
		display: block;
	}

	nav .open + ul li {
		padding: .5em;
		text-align: center;
	}

	nav ul [aria-haspopup="true"] + ul[aria-hidden="false"] {
		display: block;
		position: static;
		top: auto;
	}

	nav ul [aria-haspopup="true"] + ul[aria-hidden="false"] li {
        display: block;
        width: 100%;
	}

	nav ul [aria-haspopup="true"] + ul[aria-hidden="false"] a {
        text-align: center;
	}

	nav ul li {
		display: block;
		width: 100%;
		max-width: none;
		margin: 0;
		border-bottom: 1px solid #121212;
	}

	iframe, embed {
		float: none;
		max-width: 100%;
	}

	img {
		width: 100%;
		height: auto;
	}

	.custom-home {
		float: none;
		width: 100%;
	}

}