/*
Theme Name: Kim Wallace by GR APPS
Theme URI: https://grapps.in
Author: GR Apps
Author URI: https://grapps.in
Description: Theme is a multipurpose responsive WordPress theme made to help you create a beautiful professional looking site in no time.
Version: 1.1.5
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, grapps.in, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options, blog, e-commerce
Text Domain: grapps
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
      2.1 Headings
      2.2 Others
3.0 Elements
      3.1 Superscript and Subscript
      3.2 Table
      3.3 Lists
      3.4 Blockquote
      3.5 Others
4.0 Forms
5.0 Navigation
      5.1 Links
      5.2 Primary Menu
      5.3 Primary Menu Dropdown
      5.4 Responsive Menu
6.0 Images
7.0 Alignments
8.0 Clearings
9.0 Media
      9.1 Captionst
10.0 Extras
      10.2 Search Design
      10.3 Page Header Title
11.0 Widgets
      11.1 Widgets General CSS
12.0 Plugins Support
12.1 Breadcrumb NavXT
 12.2 WP-PageNavi
13.0 Content
13.1 Body
13.2 Header
13.3 Primary, Secondary & Tertiary Content Area
13.4 Content Columns
13.5 Posts and Pages
13.6 Pagination
13.7 Comments
13.8 Footer
13.8.a Footer General CSS
13.8.b Footer Widget Area
13.8.c Footer Copyright Info
13.8.d Footer menu
13.8.e Scroll to Top
14.0 Responsive Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: "Archivo", sans-serif;
	font-size: 16px;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html{scroll-behavior:smooth;}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: none;
}
a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
embed, iframe, object {
	max-width: 100%;
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}
.txtuprcs { text-transform:uppercase; }
.fwbold { font-weight:bold; }
.fntitlic { font-style: italic; }
.vc_btn3,
.vc_btn3.vc_btn3-size-md {
	background-image: none;
    font-weight: bold;
}
/*--------------------------------------------------------------
2.0 Typography --->>>>> www.007db8.com
--------------------------------------------------------------*/
/*
====> 2.1 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #21252d;
	line-height: 1.4;
	padding-bottom: 15px;
	font-weight: normal;
}
h1 { font-size: 2.7em; }
h2 { font-size: 2.4em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1.1em; }
/*
====> 2.2 Others
--------------------------------------------------------------*/
body, button, input, select, textarea {
	line-height: 1.5;
	font-weight: normal;
}
p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 15px;
	font-weight: normal;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/*
====> 3.2 Table
--------------------------------------------------------------*/
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
th, td {
	border: 1px solid #f2f2f2;
	padding: 6px 10px;
}
caption, th, td {
	text-align: left;
}
/*
====> 3.3 Lists
--------------------------------------------------------------*/
ul, ol {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin: 0 0 0 20px;
}
/*
====> 3.4 Blockquote
--------------------------------------------------------------*/
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #3c5b12;
	margin-bottom: 20px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #21252d;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
/*
====> 3.5 Others
--------------------------------------------------------------*/
body {
	background: #f2f2f2; /* Fallback for when there is no custom background color defined. */
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #f2f2f2;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #eaeaea;
}
pre, code, kbd, var, samp, tt {
	font-family: 'Raleway';
	font-size: 14px;
	line-height: 19px;
	white-space: pre-wrap;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #f2f2f2;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background-color: #f2f2f2;
}
hr {
	border-color: #f2f2f2;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 30px 0;
}
dl {
	margin-bottom: 24px;
	font-size: 16px;
}
dt {
	font-weight: bold;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 24px;
}
.screen-reader-text {
	display: none;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
input, textarea {
	-webkit-border-radius: 0px;
}
input[type="text"], input[type="url"], input[type="email"], input[type="search"], input[type="password"], textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	padding: 1%;
	border: 1px solid #f2f2f2;
	line-height: 20px;
	width: 98%;
	margin: 0 0 0px;
	background-color: #f8f8f8;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #eaeaea;
}
input.s {
	width: 60%;
	padding: 4px 54px 4px 10px;
	height: 36px;
	color: #21252d;
	background-color: #ffffff;
	margin: 0;
	border: 1px solid #f2f2f2;
}
input.s:focus {
	padding-left: 10px;
	border-color: #eaeaea;
	text-indent: 0;
}
.grapps-button, input[type="reset"], input[type="button"], input[type="submit"] {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	color: #FFFFFF;
	display: inline-block;
	margin-bottom: 30px;
	padding: 5px 25px;
	cursor: pointer;
	background-color: #89c639;
	border: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 24px;
}
.grapps-button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
a {
	text-decoration: none;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
a:focus, a:active, a:hover {
	text-decoration: none;
}
/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
.main-navigation li > ul, .main-navigation li > ol {
	margin: 0;
	list-style: none;
}
.main-navigation {
	float: right;
    padding-top: 10px;
}
.main-navigation li {
	float: left;
	position: relative;
	padding: 0 10px;
}
.sub-toggle {
	display: none;
}
.main-navigation ul > li {
}
.main-navigation ul#menu-primary > li:last-child {
	margin-right: 15px;
}
.main-navigation li > a {
    padding: 0 15px;
    color: #000;
}
.main-navigation li:last-child > a {
    padding-right: 0;
}
.main-navigation li > a:hover {
    color: #7e263f;
}
.main-navigation li.default-menu, li.default-menu {
	display: none;
}
.main-navigation a {
	display: block;
}
/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.menu-toggle {
	display: none;
	cursor: pointer;
}
/*--------------------------------------------------------------
6.0 Images
--------------------------------------------------------------*/
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;	
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto;
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
a img {
	border: 0;
}
a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	box-shadow: #000 0 0 0;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*
====> 10.3 Page Header Title
--------------------------------------------------------------*/
.header-post-title-container {
	background: #7e263f;
	padding:106px 0 40px;
}
.header-post-title-container .post-title-wrapper {
	text-align:center;
	max-width: 100%;	
}
.header-post-title-container .post-title-wrapper h1{
	color:#fff;
	text-transform:uppercase;
}
.header-post-title-class {
	font-size: 32px;
	padding-bottom: 0;
	color: #222;
}
/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/
#secondary .widget, #tertiary .widget {
	padding-bottom: 40px;
}
#secondary .widget-title, #tertiary .widget-title {
	font-size: 24px;
}
#secondary .widget li a, #tertiary .widget li a {
	padding-bottom: 10px;
	display: inline-block;
	color: #3c5b12;
}
#secondary .widget li a:hover, #tertiary .widget li a:hover {
	text-decoration: underline;
}
.widget select {
	max-width: 100%;
}
#secondary .search-wrap button, #tertiary .search-wrap button {
	right: 26px;
}
.both-sidebar #secondary .search-wrap button, .both-sidebar #tertiary .search-wrap button {
	right: 0;
}
/*
====> 12.1 Breadcrumb NavXT
--------------------------------------------------------------*/
.breadcrumb {
	float: right;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 14px;
}
.breadcrumb {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
/*
====> 12.2 WP-PageNavi
--------------------------------------------------------------*/
.wp-pagenavi {
	padding-bottom: 40px;
}
/*--------------------------------------------------------------
13.0 Content
--------------------------------------------------------------*/
body {
	padding-top: 30px;
	padding-bottom: 30px;
}
body.wide {
	padding-top: 0;
	padding-bottom: 0;
}
#page {
	background-color: #ffffff;
	margin: 0 auto;
	max-width: 1180px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.wide #page {
	max-width: 100%;
}
.inner-wrap {
	max-width: 1200px;
	margin: 0 auto;
}
/*
====> 13.2 Header
--------------------------------------------------------------*/
.main-head-wrap {
	padding: 10px 0;
}
.header {
	background: #fff;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(28, 33, 31, 0.08);
    position: fixed;
    width: 100%;
}
#header-left-section {
	float: left;
}
div#header-logo-image a {
	color: #7e263f;
    font-size: 30px;
}
#header-logo-image img {
	margin-bottom: 0px;
	height: auto;
	padding: 0;
	width: auto;
}
#header-right-section {
	float: right;
	position: relative;
}
img.header-image {
	display: block;
	margin: 0 auto;
}
/*
====> 13.3 Primary, Secondary & Tertiary Content Area
--------------------------------------------------------------*/
/* Right Sidebar */
#primary {
	float: left;
	width: 64.54545454%;
}
#secondary {
	float: right;
	width: 31.81818181%;
}
/* Left Sidebar */
.left-sidebar #primary {
	float: right;
	width: 64.54545454%;
}
.left-sidebar #tertiary {
	float: left;
	width: 31.81818181%;
}
/* Both Sidebar */
.both-sidebar #primary {
	width: 72.72727272%;
}
.both-sidebar #secondary {
	width: 23.63636363%;
}
.both-sidebar #primary #content {
	float: right;
	width: 62.5%;
}
.both-sidebar #primary #tertiary {
	float: left;
	width: 32.5%;
}
/* No Sidebar */
.no-sidebar-full-width #primary {
	width: 100%;
}
.no-sidebar #primary {
	float: none;
	margin: 0 auto;
}

/*
====> 13.5 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.extra-hatom-entry-title {
	display: none;
}
.single-page {
	/* margin-top: 50px; */
}
.single-header {
	padding: 2% 0;
	background-color: #444;
}
.single-header h2 {
	font-size: 2.5em;
	color: #3c5b12;
	font-weight: 200;
	margin-bottom: 16px;
}
.single-page p {
	margin-bottom: 10px;
}
.entry-content ul {
	list-style: square;
}
.entry-content ul, .entry-content ol {
	padding: 0 0 0 20px;
	margin-bottom: 30px;
}
.entry-content li > ul, .entry-content li > ol {
	margin-bottom: 0;
}
.sidebar h4 {
	font-weight: 400;
	padding-bottom: 8px;
	margin-bottom: 17px;
}
.date-icon, .author-icon {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}
.hentry .entry-title {
	font-size: 24px;
	padding-bottom: 10px;
}
.hentry .entry-title a {
	color: #21252d;
	display: block;
	font-weight: 400
}
.hentry .entry-title a:hover {
	color: #3c5b12;
}
.entry-meta {
	width: 100%;
	padding-bottom: 20px;
}
.entry-meta {
	font-size: 14px;
}
.read-btn a {
	border: 1px solid #3c5b12;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 16px;
}
.read-btn a:hover {
	background-color: #3c5b12;
	color: #ffffff;
}
.entry-meta > span {
	padding-right: 15px;
}
.entry-meta .fa {
	color: #3c5b12;
	padding-right: 5px;
}
.entry-meta a:hover {
	color: #3c5b12;
}
article.post {
	padding-bottom: 60px;
}
.tags a {
	display: inline-block;
}

/* HOME START */
.readstory .vc_column-inner {
    background: #fff;
    border: 1px solid #ECE6DE;
    border-radius: 12px;
    padding: 30px 0 10px;
    transition: transform .2s, box-shadow .2s, border-color .2s;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}
.readstory .vc_column-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 50px -22px rgba(33,24,16,.28);
    border-color: #7E263F;
}
a.storyimg {
    display: block;
    height: 366px;
}
.storyimg img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.readstory .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right {
    background-image: none;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    padding: 0 50px 0 0;
}

.work-grid {
    border-top: 1px solid #dededc;
}
.work-row {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 30px;
    padding: 18px 0;
    border-bottom: 1px solid #dededc;
    font-size: 17px;
}
.work-row strong {
    font-weight: 800;
}


.celtics-video-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.85);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.celtics-video-lightbox.active {
    display: flex;
}

.celtics-video-modal {
    position: relative;
    width: 100%;
    max-width: 900px;
}

.celtics-video-modal video {
    display: block;
    width: 100%;
    max-height: 80vh;
    background: #000;
}

.celtics-video-close {
    position: absolute;
    right: -10px;
    top: -45px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #000;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    display: block;
    padding: 0;
}

.celtics-video-trigger {
    cursor: pointer;
}

.green-word {
    color: #00843D;
    font-size: 1.5em;
    font-weight: 500;
}
/* HOME END */

/*
====> 13.8 Footer
--------------------------------------------------------------*/
#colophon {
	clear: both;
	color: #777;
	overflow: hidden;
	padding: 20px 0 20px;
	text-align:center;
}
#colophon a:hover {
	color: #3c5b12;
}
/*
====> ====> 13.8.b Footer Widget Area
--------------------------------------------------------------*/

#colophon .widget {
	padding-bottom: 15px;
}
#colophon .widget-title {
	font-size: 22px;
	line-height: 1.4;
	color: #dddddd;
}

/*
====> ====> 13.8.e Scroll to Top
--------------------------------------------------------------*/
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	background-color: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	padding: 9px 18px;
	border-radius: 2px;
	font-size: 20px;
}
a#scroll-up i {
	color: #3c5b12;
}
a#scroll-up:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*-------- 14.0 Responsive Structure --------*/
@media screen and (max-width: 1190px) {
	#page {
		width: 97%;
	}
	.wide #page {
		width: 100%;
	}
	.inner-wrap {
		width: 94%;
	}
}
@media screen and (max-width: 768px) {
	#header-left-section {
		max-width: 80%;
		margin-right: 0;
	}
	#header-right-section {
		float: none;
	}
	#header-text {
		padding-right: 0;
	}
	.better-responsive-menu .sub-menu {
		display: none;
	}
	.main-small-navigation li {
		position: relative;
	}
	.sub-toggle {
		position: absolute;
		right: 20px;
		cursor: pointer;
		display: block;
		top: 6px;
		color: #fff;
		padding: 0 7px;
		background-color: #3c5b12;
	}
	.menu-toggle, .main-navigation.toggled .menu-primary-container {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		padding-top: 0;
	}
	.menu-toggle {
		margin-top: 28px;
		right: 48px;
		position: absolute;
	}
	.menu-toggle:before {
		color: #3c5b12;
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 22px;
		position: absolute;
		top: -10px;
	}
	.menu-primary-container {
		clear: both;
	}
	.menu-primary-container > ul > li > a, .menu > ul > li > a {
		line-height: 50px;
		height: 88px;
	}
	.menu-primary-container ul ul li {
		padding-right: 0;
	}
	.menu-primary-container > ul > li > a, .menu > ul > li > a {
		height: auto;
		line-height: 1;
	}
	#masthead .menu-primary-container li a {
		border-bottom: 1px solid #f8f8f8;
		color: #000;
		display: block;
		font-size: 14px;
		padding: 10px 0;
		width: 100%;
	}
	/* Featured Posts widget */
	.single-post-image-wrap {
		float: none;
		margin-right: 0;
	}
	.single-post-content .entry-title, .single-post-content p, .read-btn {
		text-align: center;
	}
	.logo-disable .main-head-wrap.inner-wrap {
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	#primary, #secondary, .both-sidebar #primary,
	.both-sidebar #secondary,
	.both-sidebar #primary #content,
	.both-sidebar #primary #tertiary {
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	
}
@media only screen and (max-width: 420px) {

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

}

/* Remove the updated class from entry meta */
.entry-date .updated {
	display: none;
}