@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/*
Theme Name: NCM Internal Tools
Theme URI: https://internal.northcoastmedia.net
Author: A. Greenwell
Author URI: https://northcoastmedia.net/
Description: North Coast Media's theme for internal tools including the Email Generator and Intranet. It is based on Wordpress' Twenty Nineteen theme.
Requires at least: WordPress 4.9.6
Version: 1.2
Text Domain: ncminternaltools

*/

/*  Global   */

:root {
	--bs-font-sans-serif: "Montserrat", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.row {
	--bs-gutter-x: 0 !important;
	--bs-gutter-y: 0 !important;
}

/*Hamburger icon button*/
.navbar-toggler {
	height: 45px;
	width: 45px;
	float: right;
	display: block;
}
/*X icon button*/
#mobile-closed-toggle {
	height: 55px;
	width: 55px;
	float: right;
	display: block;
	margin: 14px 20px 0px 15px;
	background-color: rgb(242, 240, 240) !important;
}

#mobile-nav-bar {
	width: 100%;
	height: 50px;
	padding: 2px 25px 0px 1.7rem;
	background-color: rgb(210,233,252) !important;
	z-index: 1000;
}

/*To fix bg color on Firefox*/
nav#mobile-nav-bar.mobile-nav {
	background: rgb(210,233,252) !important;
}

#mobile-nav-logo {
	width: 55px;
}

#mobile-nav-logo img {
	padding-top: 5px;
	height: 40px;
}

/*  -- Buttons  */

.btn-square {
	border-radius: 0 !important;
}

.btn-round {
	/* Value isn't terribly important - just make sure it is as big as */
	/* half the height of the tallest button */
	border-radius: 100px !important;
}

.btn a {
	color: rgba(255,255,255,1) !important;
	font-weight: normal;
	text-decoration: none !important;
}

.btn a:hover {
	color: unset !important;
	text-decoration: none !important;
	font-weight: inherit !important;
}

.btn-pmp, .btn-pest-management-professional {
	background-color: rgba(189,48,44,1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-pmp:hover, .btn-pest-management-professional:hover {
	background-color: rgb(156, 34, 30) !important;
}

.btn-pmp:active, .btn-pest-management-professional:active {
	background-color: rgb(156, 34, 30) !important;
}

.btn-pq, .btn-pit-quarry {
	background-color: rgba(199,28,40,1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-pq:active, .btn-pit-quarry:active {
	background-color: rgb(156, 15, 25) !important;
}

.btn-pq:hover, .btn-pit-quarry:hover {
	background-color: rgb(156, 15, 25) !important;
}

.btn-lm, .btn-landscape-management {
	background-color: rgba(161,55,22,1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-lm:hover, .btn-landscape-management:hover {
	background-color: rgb(114, 39, 15) !important;
}

.btn-lm.active, .btn-landscape-management:active {
	background-color: rgb(114, 39, 15) !important;
}

.btn-at, .btn-athletic-turf {
	background-color: rgba(0,93,156,1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-at:active, .btn-athletic-turf:active {
	background-color: rgb(0, 70, 117) !important;
}

.btn-at:hover, .btn-athletic-turf:hover {
	background-color: rgb(0, 70, 117) !important;
}

.btn-pp, .btn-portable-plants {
	background-color: rgba(239,125,33,1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-pp:active, .btn-portable-plants:active {
	background-color: rgb(208, 104, 21) !important;
}

.btn-pp:hover, .btn-portable-plants:hover {
	background-color: rgb(208, 104, 21) !important;
}

.btn-golf, .btn-golfdom {
	background-color: rgba(14,66,106,1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-golf:active, .btn-golfdom:active {
	background-color: rgb(7, 41, 68) !important;
}

.btn-golf:hover, .btn-golfdom:hover {
	background-color: rgb(7, 41, 68) !important;
}

.btn-gps, .btn-gps-world {
	background-color: rgba(199,29,34,1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-gps:active, .btn-gps-world:active {
	background-color: rgb(155, 15, 19) !important;
}

.btn-gps:hover, .btn-gps-world:hover {
	background-color: rgb(155, 15, 19) !important;
}

.btn-lpg, .btn-lp-gas {
	background-color: rgba(0,91,143,1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-lpg:active, .btn-lp-gas:active {
	background-color: rgb(0, 67, 106) !important;
}

.btn-lpg:hover, .btn-lp-gas:hover {
	background-color: rgb(0, 67, 106) !important;
}

.btn-design,
.btn-production-coordination,
.btn-leadership,
.btn-marketing,
.btn-editorial,
.btn-sales,
.btn-hr,
.btn-finance,
.btn-digital,
.btn-data-development,
.btn-aud-dev {
	background-color: rgb(210,233,252) !important;

}

.btn-design a,
.btn-production-coordination a,
.btn-leadership a,
.btn-marketing a,
.btn-editorial a,
.btn-sales a,
.btn-hr a,
.btn-finance a,
.btn-digital a,
.btn-data-development a,
.btn-aud-dev a {
	color: rgb(76,121,149) !important;
}

body {
	color: rgb(255,255,255);
	background: #4C4C4C url(img/bg-overlay.png) no-repeat fixed bottom !important;
	background-size: contain !important;
}

a {
	color: rgb(0,150,215) !important;
	font-weight: bold;
	transition: all .2s;
}

a:hover {
	color: rgb(92,174,225) !important;
}

textarea.textarea {
	background: none;
}

.form-control::placeholder {
	color: white !important;
}

.hello-logged-in {
	background: white;
	border-radius: 10px;
	font-weight: bold;
	padding: 10px;
}

.side-menu ul li a {
	text-decoration: none;
}

.btn-primary {
	background: rgb(48,173,211) !important;
	border: none !important;
	color: rgb(255,255,255) !important;
}

.btn-primary:hover {
	background: rgb(28, 121, 149) !important;
	color: rgb(255,255,255) !important;
}

.btn-secondary {
	background: rgb(83,141,158) !important;
}

.btn-secondary:hover {
	background: rgb(55, 99, 111) !important;
}

.completed-task {
	background: #f56464 !important;
	border: none !important;
}

.archived {
	background: #9f9f9f !important;
	border: none !important;
}

.container.home {
	margin-top: 14%;
}

img#logo-home {
	max-width: 100% !important;
}

input#wp-submit {
	display: block;
	margin: 0 auto;
	position: relative;
	text-align: center !important;
}

.login #login_error {
	display: none !important;
}

ul.side-menu li:hover {
	background: #5E8BBE !important;
	color: white;
}

button {
	border: none !important;
}

input.form-control {
	background: none;
	color: white;
}

h3#reply-title {
	font-size: 1.75rem;
}

li.list-group-item.active {
	background: #25acd5 !important;
	border: none;
}

input.form-control:focus {
	background: none;
	color: white;
}

.comment-spacer {
	border-bottom: 1px solid white;
	height: 90px;
	margin-bottom: 20px;
	width: 100%;
}

.comment {
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.176);
	border-radius: .25rem;
	color: rgb(33, 37, 41);
	list-style: none;
	margin: 1rem 0;
	padding: 1rem;
}

span.required-field-message {
	display: none;
}

textarea#comment {
	border: 1px solid white;
	border-radius: 10px;
	list-style: none;
	margin: 20px 0;
	max-width: 100%;
	min-width: 100%;
	padding: 20px;
}

ol.commentlist {
	list-style: none;
	padding: 0;
}

li.list-group-item.Complete {
	background: #a4ffe4;
}

li.list-group-item.Assigned {
	background: #ffd8b2;
}

a {
	color: #4c4ced;
}

textarea#job-desc-edit {
	height: 500px;
	width: 100%;
}

.desc-edit-cont {
	display: none;
}

button.btn.btn-lg.btn-secondary.full-width.admin-desc-edit {
	display: block;
	margin-top: 20px;
}

input#submit {
	border: 0px;
	border-radius: 4px;
}

h3#comments {
	display: none;
}

p.comment-form-comment label {
	display: none;
}

p.logged-in-as {
	display: none;
}

input#submit {
	background: white;
	padding: 5px;
}

textarea.form-control {
	min-height: calc(21.5em + 0.75rem + 2px) !important;
}

textarea#comment {
	max-width: 100%;
	min-width: 100%;
}

#login_error {
	display: none;
}

div#home-login-cont {
	margin: 0 auto;
	text-align: left;
	width: 60%;
}

button.btn.btn-lg.btn-primary.btn-block.home-login:hover {
	background-color: #1584a6 !important;
}

.form-switch {
	background: white;
	padding-left: 2.5em;
	width: 100%;
}

.form-switch {
	padding-left: 3.5em !important;
}

#editor-container {
	height: auto;
}

.worker {
	display: none;
}

.worker-hide {
	display: none !important;
}

.form-check.form-switch {
	margin-bottom: 0px;
}

div#editor-wrap {
	height: 870px;
	margin: 0 auto;
	width: 1200px;

}

div#email-editor {
	height: 1100px;
}

img.ncm-logo {
	height: auto;
	margin: 20px;
	width: 60px;
}

div#content-wrap {
	height: auto;
	margin: 0 auto;
	width: 80vw;
}

.newsletter-title {
	color: rgb(235,235,235);
	font-weight: bold;
}

.mini-menu {
	margin: 15px 0px;
}

form#loginform {
	margin: 0 auto;
	width: 300px;
}

input#user_login {
	margin-bottom: 5px;
}

#loginform input {
	background-color: rgba(255, 255, 255, .75);
}

#rememberme {
	border: 0.25em solid rgba(0, 0, 0, .25);
	border-radius: 0.5em;
	height: 1.75rem;
	margin-right: .5rem;
	transform: translateY(0.5em);
	width: 1.75rem;
}

.rememberme {
	color: rgba(0, 0, 0, .5);
	text-align: left;
}

input {
	color: #6d6f72 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: black !important;
	font-size: 15px;
	opacity: 1; /* Firefox */
}

/* Email Builder */

p.pb-3.mb-0.small.lh-sm.border-bottom.home-newsletter-cont {
	width: 100% !important;
}

input#wp-submit {
	color: white !important;
	margin-top: 10px;
}

.modal-content {
	position: relative;
	top: 220px;
}

#menu-main.nav li a {
	color: rgb(235,235,235) !important;
}

#newsletter-cancelEdit-btn {
	display: none;
}

#newsletter-confirmEdit-btn {
	display: none;
}

div#newslettersave, div#newsletterautosave {
	bottom: 0px;
	right: 1vw;
	position: absolute;
	text-align: center;
	width: 190px;
}

input#newsletter_title_input::placeholder {
	color: #464646 !important;
	font-size: 2rem;
	font-weight: bold;
}

input#newsletter_title_input {
	color: #464646 !important;
	display: none;
	font-size: 2rem;
	font-weight: bold;
	height: 34px;
}

.template-date {
	color: rgb(235,235,235);
}

h2#newsletter-title {
	float: left;
	width: auto;

}

label.form-label {
	display: block;
	font-size: 1rem;
	width: 100%;
}

input#newsletterDeploymentDate::placeholder {
	color: #464646 !important;
	font-size: 1.25rem;
}

label.form-label.newsletter-date {
	color: rgb(235,235,235);
	display: inline-block;
	float: left;
	font-size: 1rem;
	width: auto;
}

input#newsletter_deployment_date, input#newsletter_deployment_date::placeholder {
	color: rgba(0, 0, 0, .75) !important;
	background-color: rgb(235,235,235);
	display: inline-block;
	width: 100%;
}

.ad-code-copy {
	display: none;
}

button.btn.btn-primary.float-right {
	float: right;
}

.ad-code-title {
	float: left;
	font-size: 1rem;
	margin-right: 1rem;
}

.copy-button-container {
	float: right;
}

.copy-button {
	float: left;
}

.ad-block {
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	height: 2.5rem;
	padding: .5rem 0;
}

.ad-block > button {
	border-radius: .25rem;
	float: right;
	height: 2rem;
	margin-top: -4px;
}

div#offcanvasExample, div#offcanvasExample2, div#offcanvasExample3, div#offcanvasExample4 {
	width: 440px;
}

.dropdown-toggle {
	text-align: left !important;
}

input#deploymentName {
	width: 100%;
}

span.error.active {
	transition: all .5s ease-in-out;
}

.modal-backdrop.fade.show {
	display: none !important;
}

button.btn.btn-primary.float-right.load-temp-btn {
	margin-right: 10px;
}

input#newsletter_title::placeholder {
	color: rgba(0, 0, 0, .75) !important;
	font-size: 2.5rem;
	font-weight: bold;
}

input#newsletter_title {
	color: rgba(0, 0, 0, .75) !important;
	background-color: rgb(235,235,235);
	height: 5rem;
	margin-bottom: .5rem;
}

.form-control.newsletter-title {
	color: rgba(0, 0, 0, .75);
	font-size: 2.5rem;
	font-weight: bold;
}

div#leadsApp input.form-control {
	border: 1px solid black;
}

.lead-input-cont input {
	margin-left: 10px;
	max-width: 283px !important;
}

.lead-input-cont label {
	margin-right: 10px !important;
}

h2.lead-ad-position-label {
	font-size: 20px;
	font-weight: bold;
}

div#template-cont > div {
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	height: 2.5rem;
	padding: .5rem 0;
}

div#template-cont > div > span {
	max-width: 250px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div#template-cont > div > button {
	border-radius: .25rem;
	float: right;
	height: 2rem;
	margin-top: -4px;
}

@media (max-width: 768px) {
	.justify-content-sm-center {
		justify-content: center !important;
	}

	img#logo-home {
		max-width: 20% !important;
	}
}

@media (max-width: 768px) {
	button.full-width {
		width: 100% !important;
	}
}

.search-form-hero {
	margin: auto;
	max-width: 900px;
}

.search-form-hero .form-control,
.search-form-hero .input-group-text,
.search-form-hero input::placeholder,
.search-form-hero input:focus {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(0, 0, 0, .65) !important;
	font-size: 3rem;
}

.search-form-hero .form-control {
	border-right: none;
}

.search-form-hero .input-group-text {
	border-left: none;
}

.icon {
	display: block;
	margin-right: .5rem;
}

.bi-bg-light {
	background-color: rgb(235, 235, 235);
	border-radius: .25rem;
	display: block;
	height: 2rem;
	padding: .5rem;
	width: 2rem;
}

.bi.bi-bg-light::before {
	vertical-align: 1rem !important;
}

ol.comment-list {
	padding-left: unset;
}

.comment {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.comment-author {
	display: inline-block;
	float: left;
}

.comment-author.vcard img {
	border-radius: 50%;
	height: 2rem;
	margin-right: .5rem;
	width: 2rem;
}

.comment-meta {
	display: inline-block;
	float: right;
}

.comment-body p {
	display: inline-block;
	margin-top: 1rem;
	width: 100%;
}

.comment-respond {
	margin-top: .75rem;
}

.comment-reply-title small {
	float: right;
}

.comment-reply-title small a {
	background-color: #79b2be !important;
	border-radius: 0.25rem;
	color: rgba(255, 255, 255, 1);
	font-size: 1rem;
	font-weight: normal;
	padding: 0.5rem 0.75rem;
}

textarea#comment {
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	margin: 1rem 0;
	padding: 1rem;
}

.comment-form .form-submit input {
	background: #30add3 !important;
	color: rgba(255, 255, 255, 1) !important;
	font-size: 1rem;
	padding: 0.5rem 0.75rem !important;
}



	/* Sidebar Nav Menu Styling */

.sidebar-nav-main-menu:hover,
nav.sidebar-nav-main-menu.expanded {
	overflow: visible;
	width: 330px;
}

.sidebar-nav-main-menu .dropdown-menu.show {
	border-radius: 0;
	border: 1px solid rgb(210, 233, 252);
	background-color: rgb(210, 233, 252);
	margin: 0 0 0 -2px !important;
}

.sidebar-nav-main-menu {
	background: rgba(184, 214, 240, 1);
	border-right: 1px solid rgb(135, 172, 206);
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	-webkit-transform: translateZ(0) scale(1, 1);
	-webkit-transition: width .25s linear;
	transition: width .125s linear;
	width: 100px;
	z-index: 1000;
}

.sidebar-nav-main-menu > ul {
	margin: 7px 0;
}

.sidebar-nav-main-menu li {
	display: block;
	position: relative;
	width: 330px;
}

.sidebar-nav-main-menu li.nav-logo-item {
	background-color: rgb(242,240,240);
	margin-bottom: 1rem;
}

@media (min-width: 769px) {
	.sidebar-nav-main-menu .dropdown-menu {
		padding: 1.5rem;
		position: absolute;
		top: 0px;
		left: 330px;
	}
	#departments-menu-item .dropdown-menu  {
		top: -208px;
	}
	#brands-menu-item .dropdown-menu  {
		top: -128px;
	}
}

.sidebar-nav-main-menu .dropend .dropdown-toggle::after {
	display: none;
}

.sidebar-nav-main-menu .dropdown-menu li {
	margin-bottom: 1rem;
}
.sidebar-nav-main-menu .dropdown-menu li:last-child {
	margin-bottom: unset !important;
}

.sidebar-nav-main-menu li > a,
.sidebar-nav-main-menu .dropdown-menu .dropdown-item {
	border-collapse: collapse;
	border-spacing: 0;
	color: rgb(76, 121, 149) !important;
	display: table;
	font-family: inherit;
	font-size: 1rem;
	position: relative;
	text-decoration: none;
	-webkit-transform: translateZ(0) scale(1, 1);
	-webkit-transition: all .25s linear;
	transform: translateZ(0) scale(1, 1);
	transition: all .25s linear;
	transition-delay: .125s;
}

.sidebar-nav-main-menu .nav-icon {
	display: table-cell;
	font-size: 1rem;
	height: 64px;
	padding: 1rem;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100px;
}

.sidebar-nav-main-menu .nav-logo-icon {
	display: table-cell;
	font-size: 18px;
	height: 64px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 60px;
}

.sidebar-nav-main-menu .nav-text {
	color: transparent;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: 230px;
	transition: all .125s linear;
	-webkit-transition: all .125s linear;
	transition-delay: .125s;
}

/*shorter text width to correct spacing of close menu button on small mobile*/
span#ncm-text.nav-text  {
	width: 160px;
}

.sidebar-nav-main-menu:hover .nav-text {
	color: rgb(76, 121, 149);
}

.sidebar-nav-main-menu > ul.logout {
	bottom: 0;
	left: 0;
	position: absolute;
}

.no-touch .scrollable.hover {
	overflow-y: hidden;
}

.no-touch .scrollable.hover:hover {
	overflow: visible;
	overflow-y: auto;
}

a:hover, a:focus {
	text-decoration: none;
}

nav.sidebar-nav-main-menu {
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

nav.sidebar-nav-main-menu ul, nav.sidebar-nav-main-menu li {
	margin: 0;
	outline: 0;
	padding: 0;
}

.sidebar-nav-main-menu li:hover > a,
nav.sidebar-nav-main-menu li.active > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
.dashboard-page nav.dashboard-menu ul li.active a {
	background-color: rgb(210, 233, 252);;
	color: rgba(60, 60, 60, 1);
}

.sidebar-nav-main-menu li:hover {
	background-color: rgb(210, 233, 252);
}

.area {
	background: #e2e2e2;
	float: left;
	height: 100%;
	width: 100%;
}

.has-sidebar-nav {
	padding-left: 100px !important;
	margin-top: 2rem;
	--bs-gutter-x: 0 !important;
	--bs-gutter-y: 0 !important;
}

/* Sidebar Menu - Mobile */

nav.is-mobile.offcanvas {
	background-color: rgba(184,214,240,1) !important;
}

nav.is-mobile.offcanvas.offcanvas-start {
	width: 100% !important;
	position: absolute;
	top: 0px;
}

nav.is-mobile.sidebar-nav-main-menu .nav-logo-icon {
	display: inline-block !important;
}

nav.is-mobile.sidebar-nav-main-menu li,
nav.is-mobile.sidebar-nav-main-menu li a{
	width: 100% !important;
}

nav.is-mobile.sidebar-nav-main-menu .nav-icon,
nav.is-mobile.sidebar-nav-main-menu .nav-text {
	display: inline-block;
}

nav.is-mobile.sidebar-nav-main-menu .nav-text {
	color: rgb(76,121,149) !important;
}

body.is-mobile .has-sidebar-nav {
	padding-left: 0 !important;
}

body.is-mobile nav.is-mobile .dropdown-menu.show {
	width: 100% !important;
	padding: 24px;
}

/* Announcement Styling */

.announcement-container {
	background: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(225, 225, 225, 1);
	font-size: 1rem;
	text-align: center;
	padding-left: 100px;
}

.announcement-container.has-sidebar-nav {
	margin-top: 0 !important;
}

@media screen and (max-width: 575px) {
	.announcement-container {
		padding-left: 3rem;
	}
}

.announcement-container .announcement {
	max-width: 100%;
	position: relative;
	text-align: left;
	padding: 1.7rem;
}

.announcement-container p {
	margin-bottom: unset;
	display: inline-block;
	text-align: left;
}

.announcement-container .more-link {
	display: inline-block;
	/* position: absolute; */
	/* right: 0; */
	/* bottom: 1.7rem; */
	/* match the padding of the parent container */
}

@media screen and (max-width: 991px) {
	.announcement-container p {
		padding-left: 0;
	}
}

.login-screen {
	background-color: rgb(242,240,240);
	height: 100vh;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
}
a .default-cursor [role="button"] {
	
		cursor: default !important;
	  
}
[role=button] {
    cursor: default !important;
}
/* User Profile Page */

/*
.user-profile-primary_info #dept-text.card-text,
.user-profile-primary_info #brand-text.card-text,
.department-staff #dept-text.card-text,
.department-staff #brand-text.card-text,
.brand-staff #dept-text.card-text,
.brand-staff #brand-text.card-text {
	display: none;
}
*/

.dept-text-leadership,
.dept-text-sales,
.dept-text-hr,
.dept-text-data-dev,
.dept-text-prod-coord,
.dept-text-digital,
.dept-text-finance,
.dept-text-marketing,
.dept-text-editorial,
.dept-text-design,
.dept-text-aud-dev {
	color: rgb(0,150,214);
}

.user-profile-primary_info .associated-departments,
.user-profile-primary_info .associated-brands {
	margin-bottom: 1rem;
	flex-grow: 1;
}

.user-profile-primary_info .dept-text-label:after,
.department-staff .dept-text-label:after,
.brand-staff .dept-text-label:after {
	content: "|";
	color: rgba(0,150,214,.35);
	display: inline-block;
	margin: 0 .35rem;
}

.user-profile-primary_info .brand-text-label:after,
.department-staff .brand-text-label:after,
.brand-staff .brand-text-label:after {
	content: "|";
	color: rgba(120,120,120,.65);
	display: inline-block;
	margin: 0 .35rem;
}

.user-profile-primary_info .dept-text-label:last-of-type:after,
.department-staff .dept-text-label:last-of-type:after,
.brand-staff .dept-text-label:last-of-type:after {
	content: "";
	margin: 0;
}

.user-profile-primary_info .brand-text-label:last-of-type:after,
.department-staff .brand-text-label:last-of-type:after,
.brand-staff .brand-text-label:last-of-type:after {
	content: "";
	margin: 0;
}

.brand-text-lm {
	color: rgb(206,73,12) !important;
}

.brand-text-at {
	color: rgb(0,77,128) !important;
}

.brand-text-golf {
	color: rgb(9,66,105) !important;
}

.brand-text-gps {
	color: rgb(199,29,34) !important;
}

.brand-text-pq {
	color: rgb(199,28,40) !important;
}

.brand-text-pp {
	color: rgb(243,111,33) !important;
}

.brand-text-lpg {
	color: rgb(0,103,165) !important;
}

.brand-text-pmp {
	color: rgb(189,48,44) !important;
}

.wppb-facet-filter h5 {
	margin-bottom: 1rem !important;
}

.wppb-remove-all-facets {
	color: rgba(255,255,255,.9) !important;
}

#wppb-facet-associated_department {
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.wppb-faceted-list {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column-reverse;
	margin: 0 !important;
	padding-left: 1rem !important;
}

@media screen and (max-width: 575px) {
	.wppb-faceted-list {
		padding-left: 0rem !important;
	}
}

.wppb-faceted-list li:first-child {
	display: none;
	visibility: hidden;
}

.wppb-facet-filter.wppb-facet-checkboxes {
	padding: 1rem;
}

.wppb-faceted-list li {
	float: unset !important;
	max-width: 100% !important;
}

.wppb-facet-checkboxes div {
	/* display: inline-block !important; */
	margin-inline-end: 1rem;
}

.wppb-facet-checkboxes div label {
	color: rgba(255,255,255,1) !important;
	padding: .5rem 1rem;
	margin-bottom: .5rem;
	margin-top: .5rem
}

@media screen and (max-width: 575px) {
	.wppb-facet-checkboxes div label {
	padding: .25rem .75rem;
	}
}

#wppb-facet-associated_department div label,
span.dept-design,
span.dept-prod-coord,
span.dept-data-dev,
span.dept-aud-dev,
span.dept-leadership,
span.dept-hr,
span.dept-finance,
span.dept-marketing,
span.dept-editorial,
span.dept-digital,
span.dept-sales {
	background-color: rgba(0,150,214,1);
	border-radius: 10rem;
	width: 100%;
	display: block;
	white-space: nowrap;
}

span.dept-design,
span.dept-prod-coord,
span.dept-aud-dev,
span.dept-data-dev,
span.dept-leadership,
span.dept-hr,
span.dept-finance,
span.dept-marketing,
span.dept-editorial,
span.dept-digital,
span.dept-sales {
	color: rgba(255,255,255) !important;
	padding: .5rem 1rem;
	white-space: nowrap;
	display: inline-block;
	margin-right: .5rem;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

#wppb-facet-associated_brands div label {
	border-radius: 100px;
	width: 100%;
	display: block;
	white-space: nowrap;
}

.user-profile_individual #wppb-facet-associated_brands div label,
span.dept-design,
span.dept-prod-coord,
span.dept-data-dev,
span.dept-aud-dev,
span.dept-leadership,
span.dept-hr,
span.dept-finance,
span.dept-marketing,
span.dept-editorial,
span.dept-digital,
span.dept-sales {
	width: unset !important;
}

label[for="wppb-facet-value-lp-gas"], span.brand-lpg {
	background-color: rgba(0,103,165,1) !important;
}

label[for="wppb-facet-value-pest-management-professional"], span.brand-pmp {
	background-color: rgba(189,48,44,1) !important;
}

label[for="wppb-facet-value-athletic-turf"], span.brand-at {
	background-color: rgba(0,77,128,1) !important;
}

label[for="wppb-facet-value-gps-world"], span.brand-gps {
	background-color: rgba(199,29,34,1) !important;
}

label[for="wppb-facet-value-portable-plants"], span.brand-pp {
	background-color: rgba(243,111,33,1) !important;
}

label[for="wppb-facet-value-pit-quarry"], span.brand-pq {
	background-color: rgba(199,28,40,1) !important;
}

label[for="wppb-facet-value-landscape-management"], span.brand-lm {
	background-color: rgba(170,54,23,1) !important;
}

label[for="wppb-facet-value-golfdom"], span.brand-golf {
	background-color: rgba(9,66,105,1) !important;
}

span.brand-pmp,
span.brand-lpg,
span.brand-pq,
span.brand-pp,
span.brand-gps,
span.brand-golf,
span.brand-lm,
span.brand-at {
	border-radius: 10rem;
	color: rgb(255,255,255) !important;
	padding: .5rem 1rem;
	white-space: nowrap;
	display: inline-block;
	margin-right: .5rem;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.wppb-facet-checkboxes .wppb-facet-checkbox-repetitions {
	display: none !important;
	visibility: hidden !important;
}

.wppb-faceted-list li h5 {
	display: none;
}

.user-profile-picture {
	background-color: rgb(184,214,240);
}

.user-profile-picture .profile-picture {
	/* max-height: 400px; */
}

.user-profile-picture img {
	height: 100%;
}

.user-profile_individual .profile-page-icon {
	max-width: 36px;
	height: auto;
}

.user-profile-primary_info {
	background-color: rgb(242,240,240);
	color: rgb(76,76,76) !important;
}

.user-profile-additional_info {
	color: rgb(76,121,149) !important;
}

/* Staff Page */

.staff-filter {
	background-color: rgba(50, 50, 50, 1);
	margin-top: -2rem;
}

.userlisting_pagination .selected {
	background-color: rgb(0,151,214) !important;
	border: 1px solid rgb(0,151,214) !important;
}

.pagination_container {
	background-color: rgb(51,51,51);
}

.wppb-userlisting-container { }

#wppb-remove-facets-container {
	display: none;
	visibility: hidden;
}

.employee-info-card p {
	margin-bottom: .5rem;
	flex-grow: 1;
}

.employee-info-card .card-body {
	background-color: rgb(255,255,255);
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
}

.employee-info-card .card-body #associated-departments,
.employee-info-card .card-body #associated-brands {
	flex-grow: 1;
}

.employee-info-card .user-profile-primary_info {
	text-align: center;
}

.employee-info-card .card-footer {
	background-color: rgb(242,240,240)
}

.employee-info-card__picture {
	background-color: rgb(184,214,240);
	max-height: 400px;
}

.employee-info-card__email {
	position: relative;
	margin-top: .5rem !important;
}

.employee-info-card__email .email-icon {
	background-image: url("img/icon-mail.svg");
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	position: relative;
	width: 54px;
	height: 40px;
}

.employee-info-card__email::before {
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	border-left: 1px solid rgba(0,0,0,0.25);
}

.btn.btn-view-profile {
	background-color: rgb(140,195,231);
	color: rgb(255,255,255) !important;
	border-radius: 100px;
	padding: .5rem 1rem;
	max-width: 160px;
	margin: 5px auto;
}

.btn.btn-view-profile:hover {
	background-color: rgb(92,173,223);
	color: rgb(255,255,255);
	border: 1px solid rgb(92,173,223);
}

#wppb-facet-associated_brands,
#wppb-facet-associated_department {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#wppb-facet-associated_brands :nth-child(1n) {
	order: 5;
}

#wppb-facet-associated_brands :nth-child(2) {
	order: 8;
}

#wppb-facet-associated_brands :nth-child(3) {
	order: 7;
}

#wppb-facet-associated_brands :nth-child(4) {
	order: 2;
}

#wppb-facet-associated_brands :nth-child(5) {
	order: 6;
}

#wppb-facet-associated_brands :nth-child(6) {
	order: 3;
}

#wppb-facet-associated_brands :nth-child(7) {
	order: 1;
}

#wppb-facet-associated_brands :nth-child(8) {
	order: 4;
}

.userlisting_pagination {
	background-color: transparent !important;
	flex-direction: row !important;
	justify-content: start !important;
	padding: unset !important;
}

.userlisting_pagination .page-link:not(.pageLink_fist, .pageLink_previous, .pageLink_next, .pageLink_last),
.userlisting_pagination .selected {
	margin: auto 5px 32px !important;
}

.userlisting_pagination .page-link.pageLink_fist,
.userlisting_pagination .page-link.pageLink_previous,
.userlisting_pagination .page-link.pageLink_next,
.userlisting_pagination .page-link.pageLink_last {
	border-radius: 5rem;
	width: 70px !important;
}

.userlisting_pagination .page-link:not(.pageLink_fist, .pageLink_previous, .pageLink_next, .pageLink_last),
.userlisting_pagination .selected {
	border-radius: 5rem !important;
}

/* Individual User Page */

.user-location, .user-anniversary, .user-birthday {
	margin-left: .5rem;
}

/* Single Brand Page */

.brand-header {
	padding: 1rem 0;
	margin-top: -2rem !important;
	background-color: rgba(51,51,51,1);
	border-bottom: 1px solid rgba(120,120,120,.5);
}

.brand-social-link {
	text-decoration: none;
}

.brand-links {
	flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
	.brand-header .brand-logo {
		padding: 5% 20% 5% 5%;
		min-height: 100px;
	}
	.employee-info-card__picture img {
		display: none;
	}
}

@media (min-width: 576px) and (max-width: 768px) {
	.brand-logo img {
		max-width: 500px;
	}
}

@media screen and (min-width: 576px) {
	.brand-header .brand-logo {
		/*max-width: 500px;*/
		height: 180px !important;
		position: relative;
	}

	.brand-logo img {
		position: absolute;
		left: 50%;
		top: 50%;
		/*max-width: 300px;*/
		transform: translate(-50%, -50%);
		max-height: 120px;
		width: auto;
	}
}
@media (min-width: 768px) and (max-width: 900px) {
	.brand-links >.btn {
		margin-bottom: .25rem !important;
	}
	.brand-social-container {
		margin-bottom: 0px !important;
		margin-top: -.25rem !important;
	}
}
.brand-header .landscape-management-logo {
	background-color: rgba(161,55,22,1);
}

.brand-header .pest-management-professional-logo {
	background-color: rgba(189,48,44,1) !important;
}

.brand-header .lp-gas-logo {
	background-color: rgba(0,103,165,1);
}

.brand-header .gps-world-logo {
	background-color: rgba(199,29,34,1)
}

.brand-header .pit-quarry-logo {
	background-color: rgba(199,28,40,1);
}

.brand-header .portable-plants-logo {
	background-color: rgba(239,125,33,1)
}

.brand-header .athletic-turf-logo {
	background-color: rgba(0,93,156,1)
}

.brand-header .golfdom-logo {
	background-color: rgba(14,66,106,1)
}

.brand-header,
.brand-description,
.brand-contacts,
.brand-distribution-lists {
	background-color: rgba(51,51,51,1);
	color: rgba(235,235,235,1);
}

@media screen and (max-width: 767px) {
	.brand-links {
		padding-top: 1rem;
	}
	.brand-links .btn {
		width: 300px;
		margin-bottom: .5rem;
	}
	.brand-social-container {
		margin-bottom: 1rem;
	}
}

.brand-social-icon {
	max-width: 24px !important;
	margin: 0 1rem 0 0;
}

.brand-description {
	background-color: rgba(51,51,51,1);
	color: rgb(160,160,160);
	padding: 2rem;
}

.brand-distribution-lists {
	padding: 0 3rem 3rem 3rem;
}

.department-description {
	background-color: rgba(51,51,51,1);
	color: rgb(160,160,160);
	padding: 3rem;
}

.brand-description p, .department-description p {
	margin-bottom: 0 !important;
}

.dist-list-icon {
	margin-right: 1rem;
	height: 40px;
}

.dist-list-link {
	display: inline-block;
	background-color: rgb(229,229,229);
	color: rgb(112,112,112) !important;
	border-radius: 10rem;
	padding: .5rem 1rem;
	margin-right: 1rem;
}

/* Single Department Page */

.department-header {
	border-bottom: 1px solid rgba(120,120,120,.5);
	padding: 1rem 0;
	margin-top: -2rem !important;
}

.department-header h1,
.department-contacts h1, .department-contacts h2,
.department-distribution-lists h1, .department-distribution-lists h2,
.department-staff h1, .department-staff h2 {
	color: rgb(255,255,255);
	text-shadow: 0 0 10px rgba(40,40,40,1);
}

.department-header,
.department-description,
.department-contacts,
.department-distribution-lists {
	background-color: rgba(51,51,51,1);
}

.contact-icon {
	margin-right: 1rem;
	height: 40px;
}

/* Page Template Default */

.page-template-default .page-content {
	color: rgba(216,216,216,1);
}

.page-template-default .page-title-header.has-sidebar-nav {
	margin-top: unset !important;
	background-color: rgb(51,51,51);
	height: 104px; /* Match the sidebar nav logo block height */
}

.page-title-header .entry-title {
	color: rgb(235,235,235);
	line-height: 104px; /* Same value as .page-title-header.has-sidebar-nav. Will vertically center text. */
	margin-left: 3rem;
}

/* Home Page Template */

.home .card .card-header {
	background-color: rgb(92,174,225) !important;
	border-bottom-color: rgb(92,174,225) !important;
	color: #FFFFFF !important;
	text-transform: uppercase;
	font-weight: bold;
}

.home .card {
	--bs-card-border-color: rgb(112,112,112) !important;
}

.home .card .card-body .card-text,
.home .card .card-body p {
	color: rgb(119,119,119) !important;
}

.home #upcoming-birthdays .card .card-text,
.home #work-anniversaries .card .card-text {
	height: 1.5rem;
	display: block;
}

.home #upcoming-birthdays .card .card-text .user-name,
.home #work-anniversaries .card .card-text .user-name {
	display: inline-block;
	float: left;
}

.home #upcoming-birthdays .card .card-text .user-birthday,
.home #work-anniversaries .card .card-text .anniversary-years {
	display: inline-block;
	float: right;
}

.home #work-anniversaries .card .card-text .user-name {
	display: inline-block;
	float: left;
}

.home #work-anniversaries .card .card-text .user-anniversary {
	display: none;
	float: right;
	visibility: hidden;
}

.home #work-anniversaries .card .card-text .anniversary-years {
	display: inline-block;
	float: right;
}

.home #current-weather .card-body {
	overflow: hidden;
	height: 100%;
	min-height: 280px;
}

.home #current-weather .card-body > div {
	transform: scale(1.35) translatey(15px);
}

.home .card-header .card-header-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: rgb(255,255,255);
}

.home #announcements .card-body p {
	margin-bottom: 0;
}

.home .widget-container.widget_text p {
	margin-bottom: 0 !important;
}

.home #linkedin-feed .sk-follow-linkedin-btn {
	margin-right: 1rem;
}

.home #linkedin-feed .card-body {
	max-height: 600px;
	overflow: scroll;
}

.home #announcements .icon-announcement {
	content: ' ';
	background: url(img/icon-announcement.svg) no-repeat;
}

.home #kevins-corner .icon-kevin {
	content: ' ';
	background: url(img/icon-kevin.svg) no-repeat;
}

.home #ncm-mission .icon-mission {
	content: ' ';
	background: url(img/icon-mission.svg) no-repeat;
}

.home #upcoming-birthdays .icon-birthday {
	content: ' ';
	background: url(img/icon-birthday.svg) no-repeat;
}

.home #work-anniversaries .icon-anniversary {
	content: ' ';
	background: url(img/icon-anniversary.svg) no-repeat;
}

.home #awards .icon-awards {
	content: ' ';
	background: url(img/icon-awards.svg) no-repeat;
}

.home #poll .icon-poll {
	content: ' ';
	background: url(img/icon-poll.svg) no-repeat;
}

.home #internal-events .icon-calendar {
	content: ' ';
	background: url(img/icon-calendar.svg) no-repeat;
}

.home #industry-events .icon-calendar {
	content: ' ';
	background: url(img/icon-calendar.svg) no-repeat;
}

.home #current-weather .icon-weather {
	content: ' ';
	background: url(img/icon-weather.svg) no-repeat;
}

.home #facebook-feed .icon-facebook-feed {
	content: ' ';
	background: url(img/icon-home-fb.svg) no-repeat;
}

.home #linkedin-feed .icon-linkedin-feed {
	content: ' ';
	background: url(img/icon-home-li.svg) no-repeat;
}

.home #photos .card-header .card-header-icon {
		content: ' ';
		background: url(img/icon-photos.svg) no-repeat;
	}
	.home-card-h2 {
		color: rgb(0,150,215);
		font-weight: bold;
		font-size: 16px;
		text-transform: capitalize;
		font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
		a {
			text-decoration: none !important;
		}
	}
.home #photos .card-body .home-card-content p {
	margin-bottom: 10px !important;
}	

/* IMG Building Page */
@media screen and (max-width: 700px) {
	#map-where-to-eat {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	#map-where-to-eat {
		width: 300px;
	}
}

body .sk-ww-linkedin-page-post .linkedin-page-post-user-container {
	height: 60px !important;
}

.fb-page iframe {
	height: 750px;
	width: 750px;
	resize: both;
	overflow: auto;
  }
  iframe {
    display:block;
    width:100%;
}

.wp-block-button__link, .textwidget .wp-block-button__link {
	color: rgb(255,255,255) !important;
	background-color: rgb(92, 173, 222) !important;
}
.wp-block-button__link:hover, .textwidget .wp-block-button__link:hover  {
	color: #32373c !important;
	background-color: rgb(184, 214, 240) !important;
}

.gallery-card {
	background-color: rgb(255,255,255);
	border-radius: 6px;
	padding: 16px;
	margin-bottom: 36px;
	.gallery-h2 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 0px !important;
	}
	.gallery-date {
		color:rgb(0, 150, 215);
	}
	.gallery-container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		align-items: center;
		justify-items: center;
		gap: 8px;
		background-color: rgb(170, 170, 170);
		padding: 8px;
		margin-bottom: 8px;
	}
	.blocks-gallery-item .wp-block-image {
		aspect-ratio: 1/1 !important;
		figure>img {
			width: 100%;
			height: auto;
			vertical-align: middle;
			aspect-ratio: 1/1 !important;
			object-fit: cover;
		}
	}
}
figcaption {
	visibility: hidden !important;
	display: none !important;
}
.single-post figcaption {
		visibility: visible !important;
	display: block !important;

}


/* ---- */
/* Photos Category Page */
.category-photos .page-title-header.has-sidebar-nav {/*2 columns, 768-991px*/
	margin-top: unset !important;
	background-color: rgb(51,51,51);
	height: 104px; /* Match the sidebar nav logo block height */
}
.gallery-card {
	width: 45% !important;
	h2 a {
		text-decoration: none;
	}
	p {
		color: rgb(119, 119, 119);
	}
}
@media (min-width: 992px) {/*3 columns, 992px+*/
	.category-photos {
		.page-content {
			.px-5 {
				padding-right: 0 !important;
			}
		}
		.gallery-card {
			width: 30% !important;
		}	
	}
}
@media (max-width: 767px) {/*1 column, 767px- */
	.category-photos {
		.gallery-card {
			width: 100% !important;
		}	
		.blocks-gallery-item:nth-child(n+4) {
			display: none !important;
		}
	}
}
@media (max-width: 600px) {
	.category-photos {
		.blocks-gallery-item:nth-child(3) {
			display: none !important;
		}
	}
}
@media (max-width: 350px) {
	.category-photos {
		.blocks-gallery-item:nth-child(3) {
			display: none !important;
		}
	}
}
/* ---- */
/* Photos Post Page */
@media (max-width: 500px) {
	.post-template-default {
		.blocks-gallery-item {
			width: 100% !important;
			margin-right: 0px !important;
			figure {
				width: 100% !important;
				height: auto !important;
				figcaption {
					display: none !important;
				}
			}
		}
	}
}
.post-template-default {
	.comments-area {
		color: rgb(235, 235, 235);
		.comment-author img {
			display: none;
		}
	}
}
/* ---- */
/* Newsletters Archive Page */
.post-type-archive-newsletters {
	.navigation.pagination {

	}
}