@import url(/resources/css/font-awesome.min.css);

.img-3,
.img-4 {
	column-gap: 10px;
	grid-gap: 10px
}

.dropdown-item:hover,
.footer-ul li b,
body {
	color: #0d3151
}

.box-table,
.tb {
	border-collapse: collapse
}

body {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	padding: 0;
	margin: 0;
	background: #fff;
	overflow-x: hidden;
	letter-spacing: 1px
}

a {
	color: #77a92e;
	text-decoration: none;
}

a:hover {
	color: #afd971
}

.pointer {
	cursor: pointer;
}

.tb {
	width: 100%
}

.tb td,
.tb th {
	border: 1px solid #ddd;
	padding: 8px
}

.career-blue-box,
fieldset {
	border-radius: 20px
}

.tb td {
	height: 100px
}

.tb tr:nth-child(2n) {
	background-color: #f2f2f2
}

.tb tr:hover {
	background-color: #ddd
}

.tb th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #77a92e;
	color: #fff
}

.nowrap {
	white-space: nowrap
}

.frm {
	width: 95%;
	padding: 20px 5px
}

.resp-img {
	width: 80%
}

legend {
	font-size: 25px;
	margin: 0 20px;
	font-weight: 700
}

.blue-bar {
	background: #0d3151;
	color: #fff;
	padding: 20px;
	font-size: 14px;
	clear: both;
	width: 100%
}

.header-vid,
.header-vid .overlay {
	width: 100%;
	background-color: #000
}

.blue-bar span {
	margin: 0 30px 0 0
}

.blue-bar a {
	color: #fff
}

.header-vid {
	position: relative;
	height: 75vh;
	min-height: 25rem;
	overflow: hidden;
	border-top: 2px solid #000
}

.header-vid video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.contact-us-address,
.contact-us-form,
.contact-us-form h2,
.contact-us-left,
.contact-us-right,
.header-vid .container,
.iframe,
.overlap-banner,
.post-section a {
	position: relative
}

.header-vid .container {
	z-index: 2
}

.header-vid .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	opacity: .5;
	z-index: 1
}

@media (pointer:coarse) and (hover:none) {
	.header-vid {
		background: url('/resources/images/Pease_Bell_CPAs_WalkThrough.gif') center center no-repeat #000
	}

	.header-vid video {
		display: none
	}
}

.edge-magazine-poster {
	width: 300px;
	margin: 20px 10px
}

.edge-magazine-poster:hover,
.left-img-box:hover,
.news-post-box:hover {
	-webkit-box-shadow: 5px 5px 32px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 5px 5px 32px 0 rgba(0, 0, 0, .75);
	box-shadow: 5px 5px 32px 0 rgba(0, 0, 0, .75)
}

.iframe {
	width: 100%
}

.our-team {
	cursor: pointer;
	border-radius: 10px;
	width: 350px;
	padding: 10px;
	margin: 10px;
	text-align: center;
	background-color: rgb(214, 214, 214);
	transition: background-color 0.5s ease;
}

.our-team:hover {
	background-color: rgb(87, 87, 87);
}

.our-team-img-div {
	height: 300px;
}

.our-team-img {
	margin: 30px 10px;
	width: 250px;
	border-radius: 180px
}

.our-team-fullname {
	text-align: center;
	font-weight: 700;
	font-size: 16px
}

.our-team-title {
	font-weight: 400;
	font-size: 14px
}

.our-team-name {
	position: relative;
	padding: 20px 10px 10px 10px;
	height: 200px;
	top: -10px;
	background-color: rgba(0, 0, 0, 0.6);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: 4px solid #77a92e;
}

.our-team-name hr {
	color: #ccc;
}

.our-team-name a {
	font-size: 20px;
	margin: 0px 20px;
	color: #fff;
}

.our-team-detail {
	background-color: #0d3151;
}

.our-team-detail-border-bottom {
	border-bottom: 4px solid #77a92e;
}

.txt-30 {
	font-size: 30px;
}

.banner-headline {
	font-size: 80px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-shadow: 5px 5px 10px #000
}

.banner-buttons,
.two-grid {
	position: relative;
	display: grid;
	grid-template-columns: auto auto;
	padding: 0;
	margin: 5px
}

.overlap-banner {
	top: -50px;
	z-index: 2;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px
}

.career-blue-box {
	background-color: #0d3151;
	padding: 20px 30px;
	color: #fff;
	width: 350px;
	text-align: center
}

.career-blue-box-img {
	width: 100px
}

.career-blue-box-p {
	text-align: left;
	padding: 0 20px
}

.career-contact-section {
	padding: 0;
	margin: 0;
	width: 350px;
	text-align: center
}

.career-contact-section img {
	display: block;
	width: 150px;
	margin: 0 auto
}

.career-contact-section b,
.open-positions {
	display: block;
	font-weight: 700;
	margin: 10px
}

.open-positions b {
	display: block;
	font-weight: 700;
	font-size: 12px;
	color: #777;
	margin: 20px 0
}

.BambooHR-ATS-Jobs-Item a,
.green-font {
	color: #77a92e
}

.blue-font {
	color: #0d3151;
}

.yellow-font {
	color: yellow;
}

.open-positions-city {
	color: #777;
	text-align: right
}

.leadership-form input {
	display: block;
	padding: 10px 30px;
	margin: 10px 0 0;
	border-radius: 5px;
	border: 1px solid #b3b3b3;
	width: 80%;
	font-size: 16px
}

.risk-advisory-card {
	margin: 30px
}

.risk-examination-img {
	padding: 25px 0;
	width: 200px;
	text-align: center
}

.risk-examination-p {
	padding: 10px 40px 20px 0;
	text-align: left
}

.back,
.front {
	padding: 20px 0
}

.back,
.front,
.news-paging {
	text-align: center
}

.front {
	display: table;
	color: #0d3151;
	background-color: #ccc
}

.risk-advisory-back,
.risk-advisory-front {
	display: table-cell;
	vertical-align: bottom;
	height: 120px;
	width: 300px
}

.back {
	display: table;
	color: #fff;
	background-color: #0d3151
}

.contact-us-form {
	top: -100px;
	width: 900px;
	margin: 0 auto;
	padding: 20px;
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75);
	box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75)
}

.contact-us-form h2 {
	display: block;
	text-align: center
}

.contact-us-form-box {
	margin: 10px auto;
	padding: 20px
}

.contact-us-form-box .contact-age {
	border: 1px solid #fff;
	margin: 0;
	padding: 0
}

.contact-us-form input {
	width: 95%;
	padding: 10px;
	margin: 5px auto;
	border: 1px solid #777
}

.contact-us-form textarea {
	width: 95%;
	padding: 10px;
	margin: 5px auto;
	border-radius: 5px;
	border: 1px solid #777
}

.contact-us-form input.mid-input {
	margin: 0 auto
}

.contact-us-box {
	margin: 40px 0;
	padding: 20px 50px;
	width: 330px;
	height: 330px;
	border-radius: 20px;
	-webkit-box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75);
	box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75);
	background-color: #ebebeb
}

.green-stripe {
	display: block;
	width: 50px;
	border: 3px solid #77a92e;
	float: left
}

.img-2,
.img-3,
.img-4 {
	display: grid
}

.contact-us-box h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #0d3151;
	margin: 20px 0 10px
}

.contact-us-box h3 {
	clear: both;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0
}

.contact-us-box a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #0d3151;
	margin: 10px 0
}

.contact-us-box a i.fa {
	margin: 0 40px 0 0
}

.contact-us-right {
	left: 60%
}

.contact-us-left {
	left: 15%
}

.img-4 {
	grid-template-columns: 25% 25% 25% 25%
}

.img-3 {
	grid-template-columns: 33% 33% 33%
}

.img-2 {
	grid-template-columns: 49% 49%
}

.img-layout {
	width: 99%
}

.img-layout-100 {
	width: 100%
}

.news-paging {
	display: block
}

.news-post-box section {
	background-size: contain;
	background-repeat: no-repeat
}


.affiliation-links,
.paging-section,
.post-section,
.text-align-center {
	text-align: center
}


.detail-info {
	height: 400px;
	overflow-y: scroll
}

.post-section {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff
}

.post-section h1 {
	font-size: 250%
}

.post-section a {
	top: 50px;
	margin: 0 auto
}

.behavioral-health-contact h2 {
	display: block;
	text-align: left;
	font-size: 20px;
	margin: 20px 0 30px
}

.behavioral-health-contact-form-container {
	margin: 10px;
	padding: 20px;
	width: 300px;
	background-color: #e5e5e5
}

.behavioral-health-contact-form-container .tax-age {
	margin: 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	background-color: #e5e5e5
}

.behavioral-health-contact-form-container h2 {
	font-size: 20px
}

.behavioral-health-contact-form label {
	display: block;
	margin: 5px 0 10px
}

.behavioral-health-contact-form input {
	display: block;
	width: 85%;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid #ccc
}

.behavioral-health-contact-form textarea {
	display: block;
	width: 85%;
	height: 60px;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid #ccc
}

.subscribe-form {
	background-color: #0d3151;
	border-radius: 20px;
	padding: 30px 30px 80px;
	color: #fff;
	width: 300px
}

.subscribe-form form label {
	margin: 10px 0 0;
	display: block
}

.subscribe-form form input {
	display: block;
	width: 90%;
	padding: 10px;
	margin: 0 0 20px
}

.north-coast-pb-home {
	display: block;
	min-height: 600px;
	clear: left;

	border: 1px solid blue;
}

.affiliation-links h1 {
	font-size: 220%
}

.margin-20 {
	margin: 20px
}

.content,
.padding-20 {
	padding: 20px
}

.text-block {
	display: block;
	padding: 2px 0 20px
}

.four-grid,
.three-grid {
	position: relative;
	display: grid;
	margin: 5px
}

.logo {
	width: 180px
}

.text-align-left {
	text-align: left
}

.text-align-right {
	text-align: right
}

.left-img-box,
.news-post-box {
	cursor: pointer;
	text-align: center
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.white-bg {
	background: #fff
}

.blue-bg {
	background: #0d3151
}

.white-border-top {
	border-top: 1px solid #fff
}

.footer-ul,
.plain-ul {
	list-style-type: none
}

.footer-ul li {
	padding: 5px 20px;
	margin: 5px
}

.footer-ul li a {
	color: #0d3151
}

.footer-ul li a:hover {
	color: #777
}

.left-border {
	border-left: 1px solid #000
}

.right-border {
	border-right: 1px solid #000
}

.three-grid {
	grid-template-columns: auto auto auto;
	padding: 0
}

.four-grid {
	grid-template-columns: auto auto auto auto;
	padding: 0
}

.box-table {
	display: table;
	text-align: center;
}

.box-table p {
	height: 100px;
}

.box-table-foot {
	display: table-row;
	vertical-align: bottom
}

.accordionWrapper {
	padding: 10px;
	background: 0 0;
	width: 98%;
	margin: 30px auto
}

.accordionItem,
.accordionItemHeading,
.open .accordionItemContent {
	width: 100%;
	box-sizing: border-box
}

.accordionItem {
	float: left;
	display: block
}

.accordionItemHeading {
	cursor: pointer;
	margin: 0 0 10px;
	padding: 10px;
	font-size: 22px;
	font-weight: 400;
	background: #0d3151;
	color: #fff;
	border-radius: 3px
}

.img,
.news-post-box {
	margin: 10px;
	padding: 30px;
	-webkit-box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75)
}

.accordionItemHeading:hover {
	background: #16568f
}

.accordionItemHeading span {
	float: right;
	font-size: 25px
}

.close .accordionItemContent {
	height: 0;
	transition: height 1s ease-out;
	transform: scaleY(0);
	float: left;
	display: block
}

.open .accordionItemContent {
	padding: 20px;
	background-color: #f0f1f1;
	border: 1px solid #ddd;
	margin: 0 0 10px;
	display: block;
	min-height: 500px;
	transform: scaleY(1);
	transform-origin: top;
	transition: transform .4s
}

.img,
.left-img-box,
.news-post-box {
	border-radius: 20px
}

.left-img-box img,
.news-post-box section {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px
}

.open .accordionItemHeading {
	margin: 0;
	border-radius: 3px 3px 0 0;
	background-color: #77a92e;
	color: #ffffa8
}

.accordionItemContent p {
	width: 65%;
	color: #0d3151
}

.img {
	width: 80%;
	box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75)
}

.news-post-box {
	display: table;
	padding: 10px;
	width: 400px;
	box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75)
}

.news-post-box section {
	display: table;
	vertical-align: top;
	width: 400px;
	height: 200px;
	background-position: center;
	margin: 0;
	padding: 0
}

.news-post-box b {
	display: block;
	font-size: 18px;
	margin: 30px 0;
	height: 50px
}

.news-post-box div {
	display: table;
	vertical-align: top;
	margin: 30px 0 40px;
	height: 200px
}

.current-page,
.paging {
	margin: 10px;
	font-size: 18px
}

.news-post-box div img {
	height: 50px
}

.left-img-box span,
.news-post-box span {
	font-size: 12px;
	text-align: left;
	display: block;
	margin: 10px;
	color: #b3b3b3
}

.paging {
	color: #0d3151
}

.current-page {
	color: #deb887;
	font-weight: 700
}

.columns {
	column-count: 3;
	column-fill: balance
}

.left-img-box {
	padding: 10px;
	margin: 20px;
	width: 400px;
	-webkit-box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75);
	-moz-box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75);
	box-shadow: 10px 10px 32px 0 rgba(0, 0, 0, .75)
}

.left-img-box img {
	width: 99%
}

.left-img-box b {
	display: block;
	font-size: 18px;
	margin: 30px 0
}

.left-img-box p {
	margin: 30px 0 40px
}

.payment-button {
	position: absolute;
	left: 70%;
	top: 18px;
	text-align: center;

	border: 1px solid #fff;
	box-shadow: rgba(50, 50, 93, .25) 0 2px 5px -1px, rgba(0, 0, 0, .3) 0 1px 3px -1px;
	border-radius: 5px;
	font-size: 16px;
	width: 260px;
	display: block;
	color: #fff;
	background-color: #1a609f;
	padding: 5px 10px;
}

.cyan-button {
	border-radius: 5px;
	margin: 10px;
	background-color: #5bc0de;
	cursor: pointer;
	font-size: 16px;
	width: 150px;
	display: block;
	text-align: center;
	padding: 15px 10px;
	color: #fff;
}

.green-button,
.green-button-current-opportunities,
.green-button-wide {
	padding: 15px 10px;
	background-color: #77a92e;
	cursor: pointer;
	font-size: 16px;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.cyan-button:hover {
	color: #fff;
	background-color: #b3e2f0
}

.green-button {
	border: none;
	border-radius: 5px;
	color: #fff;
	width: 150px
}

.green-button-current-opportunities:hover,
.green-button-wide:hover,
.green-button:hover {
	color: #ff0
}

.green-button-wide {
	border: none;
	border-radius: 5px;
	color: #fff;
	width: 300px
}

.green-button-current-opportunities {
	border: none;
	border-radius: 5px;
	color: #fff;
	width: 350px
}

.linkedin-square {
	color: #007ebb;
	font-size: 50px
}

.instagram {
	color: #e56e5e;
	font-size: 50px
}

.m-logo {
	display: none
}

.news-post img {
	max-width: 400px;
}

.event-header {
	background-color: #77a92e;
	color: #fff;
	padding: 10px 20px;
}

.calendar-grid {
	position: relative;
	display: grid;
	grid-template-columns: 25% auto;
	padding: 0;
	margin: 5px
}

.calendar {
	margin: .25em 10px 10px 0;
	padding-top: 5px;
	float: left;
	width: 80px;
	background: #ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
	background: -moz-linear-gradient(top, #ededef, #ccc);
	font: bold 30px/60px Arial Black, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	text-shadow: #fff 0 1px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	-moz-box-shadow: 0 2px 2px #888;
	-webkit-box-shadow: 0 2px 2px #888;
	box-shadow: 0 2px 2px #888
}

.calendar em {
	display: block;
	font: normal bold 11px/30px Arial, Helvetica, sans-serif;
	color: #fff;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.season-bg-january {
	background: #1126a5;
}

.season-bg-february {
	background: #031730;
}

.season-bg-march {
	background: #f8b3ec;
}

.season-bg-april {
	background: #f94994;
}

.season-bg-may {
	background: #98c7f1;
}

.season-bg-june {
	background: #006a5c;
}

.season-bg-july {
	background: #02ab82;
}

.season-bg-august {
	background: #61bf9a;
}

.season-bg-september {
	background: #eb9911;
}

.season-bg-october {
	background: #fc5e1d;
}

.season-bg-november {
	background: #680e03;
}

.season-bg-december {
	background: #2f77c3;
}

.cal-january {
	text-shadow: rgb(24, 62, 103) 0 -1px 0;
	background: #1126a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#1126a5), to(rgb(24, 62, 103)));
	background: -moz-linear-gradient(top, #1126a5, rgb(24, 62, 103));
	border-top: 1px solid rgb(24, 62, 103)
}

.cal-february {
	text-shadow: rgb(24, 62, 103) 0 -1px 0;
	background: #031730;
	background: -webkit-gradient(linear, left top, left bottom, from(#031730), to(rgb(24, 62, 103)));
	background: -moz-linear-gradient(top, #031730, rgb(24, 62, 103));
	border-top: 1px solid rgb(24, 62, 103)
}

.cal-march {
	text-shadow: rgb(185, 17, 155) 0 -1px 0;
	background: #f8b3ec;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8b3ec), to(rgb(185, 17, 155)));
	background: -moz-linear-gradient(top, #f8b3ec, rgb(185, 17, 155));
	border-top: 1px solid rgb(185, 17, 155)
}

.cal-april {
	text-shadow: rgb(132, 4, 58) 0 -1px 0;
	background: #f94994;
	background: -webkit-gradient(linear, left top, left bottom, from(#f94994), to(rgb(132, 4, 58)));
	background: -moz-linear-gradient(top, #f94994, rgb(132, 4, 58));
	border-top: 1px solid rgb(132, 4, 58)
}

.cal-may {
	text-shadow: rgb(12, 52, 88) 0 -1px 0;
	background: #98c7f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#98c7f1), to(rgb(12, 52, 88)));
	background: -moz-linear-gradient(top, #98c7f1, rgb(12, 52, 88));
	border-top: 1px solid rgb(12, 52, 88)
}

.cal-june {
	text-shadow: rgb(2, 20, 21) 0 -1px 0;
	background: #006a5c;
	background: -webkit-gradient(linear, left top, left bottom, from(#006a5c), to(rgb(2, 20, 21)));
	background: -moz-linear-gradient(top, #006a5c, rgb(2, 20, 21));
	border-top: 1px solid rgb(2, 20, 21)
}

.cal-july {
	text-shadow: rgb(2, 20, 21) 0 -1px 0;
	background: #02ab82;
	background: -webkit-gradient(linear, left top, left bottom, from(#02ab82), to(rgb(2, 20, 21)));
	background: -moz-linear-gradient(top, #02ab82, rgb(2, 20, 21));
	border-top: 1px solid rgb(2, 20, 21)
}

.cal-august {
	text-shadow: rgb(31, 75, 57) 0 -1px 0;
	background: #61bf9a;
	background: -webkit-gradient(linear, left top, left bottom, from(#61bf9a), to(rgb(31, 75, 57)));
	background: -moz-linear-gradient(top, #61bf9a, rgb(31, 75, 57));
	border-top: 1px solid rgb(31, 75, 57)
}

.cal-september {
	text-shadow: rgb(135, 88, 10) 0 -1px 0;
	background: #eb9911;
	background: -webkit-gradient(linear, left top, left bottom, from(#eb9911), to(rgb(135, 88, 10)));
	background: -moz-linear-gradient(top, #eb9911, rgb(135, 88, 10));
	border-top: 1px solid rgb(135, 88, 10)
}

.cal-october {
	text-shadow: rgb(173, 96, 1) 0 -1px 0;
	background: #fc5e1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fc5e1d), to(rgb(173, 96, 1)));
	background: -moz-linear-gradient(top, #fc5e1d, rgb(173, 96, 1));
	border-top: 1px solid rgb(173, 96, 1)
}

.cal-november {
	text-shadow: rgb(173, 96, 1) 0 -1px 0;
	background: #680e03;
	background: -webkit-gradient(linear, left top, left bottom, from(#680e03), to(rgb(173, 96, 1)));
	background: -moz-linear-gradient(top, #680e03, rgb(173, 96, 1));
	border-top: 1px solid rgb(173, 96, 1)
}

.cal-december {
	text-shadow: rgb(24, 62, 103) 0 -1px 0;
	background: #2f77c3;
	background: -webkit-gradient(linear, left top, left bottom, from(#2f77c3), to(rgb(24, 62, 103)));
	background: -moz-linear-gradient(top, #2f77c3, rgb(24, 62, 103));
	border-top: 1px solid rgb(24, 62, 103)
}

.calendar:before,
.calendar:after {
	content: '';
	float: left;
	position: absolute;
	top: 5px;
	width: 8px;
	height: 8px;
	background: #111;
	z-index: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
	box-shadow: 0 1px 1px #fff
}

.calendar:before {
	left: 11px
}

.calendar:after {
	right: 11px
}

.calendar em:before,
.calendar em:after {
	content: '';
	float: left;
	position: absolute;
	top: -5px;
	width: 4px;
	height: 14px;
	background: #dadada;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
	background: -moz-linear-gradient(top, #f1f1f1, #aaa);
	z-index: 2;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.calendar em:before {
	left: 13px
}

.calendar em:after {
	right: 13px
}

.ck-editor__editable {
	min-height: 300px; /* Adjust height as needed */
}

.masonry {
    column-count: 4;
    column-gap: 1rem;
}
.masonry-item {
    break-inside: avoid;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.masonry-item img {
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
    width: 100%;
    display: block;
}

.overlay-title {
    background: white;
    color: black;
    text-align: center;
    padding: 5px;
    font-size: 1rem;
    box-sizing: border-box;
    margin-top: 0.5rem;
    border-radius: 0 0 10px 10px;
}
@media (max-width: 1200px) {
	.masonry {
    	column-count: 3;
  	}
}
@media (max-width: 992px) {
  	.masonry {
    	column-count: 2;
  	}
}
@media (max-width: 768px) {
  	.masonry {
    	column-count: 1;
  	}
}
.modal-body img {
	height: auto;
  	max-width: 100%;
  	max-height: 80vh;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
}    
.modal-footer {
  	text-align: center;
}
.modal-footer a {
  	text-decoration: none;
  	color: #007bff;
  	font-weight: bold;
  	font-size: 1rem;
}    


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

	.news-post img {
		max-width: 300px;
	}

	.four-grid,
	.three-grid,
	.two-grid {
		display: block
	}

	.text-align-left,
	.text-align-right {
		text-align: left
	}

	.float-left,
	.float-right {
		float: none
	}

	.accordionItemContent p {
		width: 99%
	}

	.contact-us-form,
	.left-img-box {
		width: 300px
	}

	.img {
		width: 350px
	}

	.contact-us-left,
	.contact-us-right {
		left: 0
	}

}

@media screen and (max-width:990px) {
	.banner-headline {
		font-size: 50px
	}

	.logo,
	.pay-link,
	.v-990 {
		display: none
	}


	.m-logo {
		display: inline;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.logo-lg {
		width: 60%
	}

	.m-logo {
		top: 70px
	}

	.left-border,
	.right-border {
		border: none
	}

	.news-post-box,
	.news-post-box section {
		width: 300px
	}

	.twp-icon {
		width: 300px;
	}

	.payment-button {
		left: 10%;
		transform: translate(-50%, -50%);
	}

}

@media screen and (max-width:1000px) {
	.v-1000 {
		display: none
	}

	.payment-button {
		top: 18px;
		left: 40%;
		transform: translate(-50%, -50%);
	}

}

@media screen and (max-width:1200px) {
	.pay-link {
		position: absolute;
		top: -60px;
		right: 30px
	}

	.four-grid,
	.three-grid,
	.two-grid {
		grid-template-columns: auto auto
	}

	.payment-button {
		top: 18px;
		left: 70%;

	}
}

@media screen and (max-width:1400px) {
	.logo {
		width: 150px
	}

	.post-section h1 {
		font-size: 150%
	}
}