/*------------------Search for resources / Category---------------------*/
#content .widget.widget_search .searchform fieldset .form-control {
	border: 1px solid #ccc;
}

/* #content .container {
	display:block;
	min-height:300px;
} */
#content .green-wrapper {
	display: block;
	padding-top: 30px;
	min-height: 300px;
	margin-top: 10px;
	margin-bottom:20px;
}

.green-wrapper .shuffle {
	min-height: 380px !important;
	/* margin-top: 10px;
	margin-bottom:20px; */
}

/** center the no results message **/
#zero-resources-message {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

/*--Mobile resource Catalog Page--*/

@media (max-width:991px) {
	.row.sorting-boxes label {
		display: block;
		margin-top: 25px;
	}
}

/*Masthead Searchbar Spacing*/
#site-title .searchform {
	padding-top: 22px;
}

/*resource Catalog Row Color Fix*/
.resource-catalog-search a {
	color: #ffc26c !important;
}

/*---resource Page Manager Box Mobile Fix---*/

@media (max-width:991px) {
	.resource-manager-box {
		float: none !important;
	}
}

/*--resource Catalog Mobile Breakdown---*/

@media (max-width:991px) {
	.row .sorting-boxes {
		margin-left: 0;
		width: 100%;
	}

	#content .form-group .form-control {
		width: 100%;
	}

	.keyword-container {
		margin-bottom: -30px;
	}

	.row .sorting-row {
		margin-top: 20px;
	}
}

#primary .tab-list-swap .btn {
	background-color: #fff;
}

.keyword-container input::placeholder {
	text-align: left !important;
}

/*----*/

/*resource Catalog Row Color Fix*/
.resource-catalog-search a {
	color: #ffc26c !important;
}

/*resource Catalog Row buttons*/
#resources_list.btn.active {
	border-radius: 0 5px 5px 0 !important;
}

#resources_grid.btn.active {
	border-radius: 5px 0 0 5px !important;
}

#resources_list.btn {
	border-radius: 0 5px 5px 0 !important;
}

#resources_grid.btn {
	border-radius: 5px 0 0 5px !important;
}


/*======== resource page ===========*/

#primary .header-bg .tab-list-swap #resources_list.btn {
	border-radius: 0 5px 5px 0 !important
}

#primary .header-bg .tab-list-swap #resources_grid.btn {
	border-radius: 5px 0 0 5px !important;
}

.keyword-container .glyphicons {
	margin-top: 4px !important;
}

header.entry-header.row .col-sm-8 {
	padding-left: 0;
}

.col-xs-12.col-md-12.keyword-container {
	padding-left: 0;
}

.grid-element-field {
	display: block;
	font-weight: bold;
}


/*================== resources hover box ==================*/
a>.resource-container {
	transition: .2s ease-in-out;
}

/*============== default hover buttons ===============*/
#page #content .widget .btn-default {
	transition: .2s ease-in-out;
}

#page #content .widget .btn-info {
	transition: .2s ease-in-out;
}

/*========== search bar filter =========*/

.home .category-sorting-list input {
	display: block;
	margin-top: -10px;
	height: 50px;
}

.keyword-container input {
	padding-top: 10px;
	font-size: 18px;
	margin-bottom: 30px;
}

/*=========== css styles =========*/
.page-template-page-resource #main {
	margin-top: 10px;
}

h1.resource-archive-title {
	margin-top: 40px;
}

h3.resource-responsibleunit {
	background: transparent;
	color: #000 !important;
	font-size: 17px;
	padding-left: 0;
	font-weight: 400;
	margin-bottom: 8px;
	margin-top: 10px;
	border-top: 1px solid #cfd4e1;
	border-bottom: 1px solid #cfd4e1;
}

/* resource container*/
.resource-article-container {
	background-color: #fff;
	padding: 30px !important;
	border: 1px solid #cfd4e1;
	border-radius: 12px;
	margin-bottom: 30px !important
}

/* h2.resource-title:hover {
	text-decoration:underline
	} */

.resource-article-container p.area-full-content {
	line-height: 1.6
}

a:hover .resource-content {
	text-decoration: none !important
}

.email-field p a:hover,
.email-field p a:active,
.email-field p a:focus {
	text-decoration: underline !important
}

.email-field p a {
	font-weight: 400 !important
}

.grid-element-field.phone-field {
	font-weight: 400 !important
}

/*filtering area*/
.form.audience-sorting-list {
	background-color: #eaeaea;
	padding: 30px;
	margin-bottom: 40px;
	border-radius: 12px
}

.sorting-row {
	margin-top: 20px
}

/*topic*/
h3.resource-topic {
	padding: 5px 12px;
	color: #000 !important;
	margin: 0 0 15px;
	background: #f1f3f8 !important;
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	display: inline-block;
}

@media (max-width:991px) {
	.page-template-page-resource .col-sm-6 {
		width: 100%
	}
}

/*========== center video resource thumbnails ==========*/
.education-resource-top {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

option.parent-topic {
	font-weight: 600
}

/* ========== resource page styles ==========*/
h2.resource-title {
	font-weight: 400;
	font-size: 1.5em;
}

h3.resource-responsibleunit {
	font-size: 0.8em;
	display: inline-block;
	padding: 5px 12px;
	color: #fff !important;
	margin: 0 0 15px;
	background: #444;
	margin-top: 20px;
}

.external-url-field a {
	font-weight: 400;
}

.resource-item p.area-full-content a.more-link {
	display: block;
	margin-top: 10px;
}

/* ========== resources single post ==========*/
.resources span.posted-on {
	display: none;
}

.resources span.byline {
	display: none !important;
}

.resources footer.entry-footer {
	display: none;
}

.resources-template-default .navigation.post-navigation .nav-links.row {
	display: none !important;
}

.resources .entry-content strong {
	display: inline-block;
	padding-bottom: 15px;
	padding-right: 6px;
}

.resources-template-default #page-single #page-sidebar {
	display: none;
}

#page-single .entry-content a {
	text-decoration: none;
}

#page-single .entry-content a:hover,
#page-single .entry-content a:active,
#page-single .entry-content a:focus {
	text-decoration: underline;
}

/*========== resource page styles ==========*/
.green-wrapper {
	background-size: cover !important;
	background-color: #dcedc0 !important;
	border-top: 4px solid #bedd7f;
	padding-left: 0;
	padding-right: 0;
	padding-top: 40px;
}

.resource-article-container .grid-element-field.link .btn.btn-primary {
	background-color: #003690;
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	margin-left: auto;
	margin-right: auto
}

.resource-article-container {
	border: 2px solid #bedd7f;
	position: relative
}

#resource_page_content {
	margin-left: -14px
}

h2.resource-title {
	border-bottom: 3px solid #bedd7f;
	display: inline-block
}

.resource-item {
	margin-top: 10px !important;
	display: block
}

.grid-element-field {
	margin-top: -20px
}

.page-template-page-resource #footers {
	margin-top: 0 !important
}

/*========== css from custom css window ==========*/
/*========== Home Page ==========*/
.brief-box-container .glyphicons.glyphicons-lightbulb {
	font-size: 25px
}

.hero-img {
	background-position: 0 18% !important;
	margin-top: -45px !important
}

/* image bottom border */
div.siteorigin-panels-stretch.panel-row-style.panel-row-style-for-21-0 {
	border-bottom: 10px solid #00349a
}

.home #content .panel-grid .widget {
	margin: 0
}

/* three boxes row */
.home-three-boxes {
	border-bottom: 7px solid #86c524
}

.page-id-21.so-panel.widget.widget_widget_sp_image.widget_sp_image.panel-first-child {
	border-radius: 10px 10px 0 0 !important
}

.three-boxes-text {
	border-radius: 0 0 10px 10px !important;
	background-color: #fff
}

.three-boxes-btn {
	background: #00349a !important;
	border: 1px solid #00349a !important
}

a.btn.btn-primary.three-boxes-btn:hover,
a.btn.btn-primary.three-boxes-btn:active,
a.btn.btn-primary.three-boxes-btn:focus {
	color: #fff !important;
	background: #000e2f !important
}

#page #content .widget .btn.btn-primary:active,
#page #content .widget .btn.btn-primary:hover,
#page #content .widget .btn.btn-primary:focus {
	color: #fff !important
}

/* events and resources row */
.events-resources {
	border-radius: 10px
}

.events-resources-row .panel-grid-cell {
	background-color: #fff;
	border: 1px solid #77c100;
	border-radius: 10px
}

.hentry {
	margin: 0
}

div#pgc-21-2-0.panel-grid-cell {
	padding: 0 !important
}

.events-resources-row.equal-height-row {
	background-color: #86c524
}

/*========== Footer ==========*/
#footers {
	margin: 0 !important;
	background-color: #000e2f
}

p.footer-text {
	color: #fff;
	padding-left: 176px
}

@media (max-width:991px) {
	p.footer-text {
		padding-left: 0;
		padding-top: 130px
	}
}

img.ct-wscc-logo {
	position: absolute
}

#footers h2.widget-title {
	color: #fff !important;
	padding-bottom: 10px
}

ul#uc-footer-links.clearfix {
	color: #fff
}

#uc-footer-links a {
	color: #fff !important
}

#footers img:nth-of-type(1) {
	margin-top: -10px
}

#footers img:nth-of-type(2) {
	margin-top: -20px
}

@media (max-width:767px) {
	#footers img:nth-of-type(1) {
		margin-top: auto
	}

	#footers img:nth-of-type(2) {
		margin-top: auto
	}
}

#footers {
	border-top: 10px solid #86c524;
	margin-top: 30px
}

/*========== tool page ==========*/
.page-id-285 .material-symbols-outlined {
	font-size: 35px !important;
	color: #949494
}

.page-id-285 .glyphicons.glyphicons-lightbulb {
	color: #949494
}

#page #content .widget .btn.btn-primary.tool-btn:hover {
	color: #000e2f !important
}

.brief-box-container {
	margin-top: -30px
}

/*========== top navigation hover ==========*/
#masthead .navbar-default .navbar-collapse .navbar-nav>li>a:after {
	background: linear-gradient(to right, #86c524 0%, #010e1d 100%)
}

#masthead .navbar-default .navbar-collapse .navbar-nav>li.active::after {
	background: linear-gradient(to right, #86c524 0%, #010e1d 100%)
}

#masthead .navbar-default .navbar-collapse .navbar-nav>li.current-menu-ancestor::after {
	background: linear-gradient(to right, #86c524 0%, #010e1d 100%)
}

/*========== Training Opportunities Page ==========*/
.training-box {
	box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 20px
}

/*========== adjust page title on blank page templates ==========*/
#page-blank .entry-content {
	margin-top: 50px
}

/*========== team page ==========*/
.page-id-331 h3 {
	margin-top: -25px
}

.page-id-331 h2.team-titles {
	padding-bottom: 10px
}

.page-id-331 .site-content img {
	border-bottom: 8px solid #86C524
}

/*========== remove space above footer on pages that have full width rows above footer ==========*/
.page-id-291 #footers,
.page-id-288 #footers {
	margin-top: 0
}

@media (max-width:991px) {
	.page-id-285 .site-content img {
		width: 100% !important
	}

	.page-id-285 h3 {
		font-size: 22px
	}
}

@media (max-width:780px) {
	.tools-image {
		width: 50% !important
	}
}

/* ========== tools page icons and text =========*/
/*info*/
.info-icon-plus-desc .material-symbols-outlined {
	position: absolute
}

.info-icon-plus-desc .textwidget {
	position: relative
}

.info-icon-plus-desc p {
	padding-left: 50px
}

/*light bulb*/
.light-bulb-plus-desc {
	background-color: #f0f3f7;
	border: 1px solid #e1e4e8;
	padding: 20px 30px 0 15px;
	border-radius: 10px 10px 10px 10px
}

.light-bulb-plus-desc .glyphicons-lightbulb {
	font-size: 25px;
	position: absolute
}

.light-bulb-plus-desc p {
	padding-left: 50px
}

.light-bulb-plus-desc a {
	display: block
}

@media(max-width:991px) {
	.wellsat-wscc-i-row .tools-image {
		position: absolute;
		width: 28% !important;
		left: -46px
	}

	.wellsat-three-point-row .tools-image {
		position: absolute;
		width: 28% !important;
		left: -46px
	}

	.wellsat-wscc-row .tools-image {
		position: absolute;
		width: 28% !important;
		left: -46px
	}

	.wellsat-i-row .tools-image {
		position: absolute;
		width: 28% !important;
		left: -46px
	}
}

@media(max-width:825px) {
	.wellsat-wscc-i-row .tools-image {
		position: absolute;
		width: 25% !important;
		left: -10px
	}

	.wellsat-three-point-row .tools-image {
		position: absolute;
		width: 25% !important;
		left: -10px
	}

	.wellsat-wscc-row .tools-image {
		position: absolute;
		width: 25% !important;
		left: -10px
	}

	.wellsat-i-row .tools-image {
		position: absolute;
		width: 25% !important;
		left: -10px
	}
}

@media(max-width:780px) {
	.wellsat-wscc-i-row .tools-image {
		position: relative !important;
		width: 50% !important;
		left: auto !important
	}

	.wellsat-three-point-row .tools-image {
		position: relative !important;
		width: 50% !important;
		left: auto !important
	}

	.wellsat-wscc-row .tools-image {
		position: relative !important;
		width: 50% !important;
		left: auto !important
	}

	.wellsat-i-row .tools-image {
		position: relative !important;
		width: 50% !important;
		left: auto !important
	}
}

/*========== WSCC Academy ==========*/
.save-the-date-row {
	background-color: #00349a;
	border-top: 5px solid #86c524
}

.save-the-date-row .panel-grid-cell {
	background-color: #fff;
	border-radius: 10px
}

.wscc-academy-img img {
	width: 60% !important
}

.wscc-academy-title h2 {
	font-size: 26px;
	line-height: 1.2em;
	font-weight: 400
}

.wscc-academy-title h1 {
	margin-top: 95px;
	border-bottom: 2px solid #86c524;
	display: inline-block
}

.wscc-academy-title .textwidget {
	text-align: center
}

.wscc-academy-title {
	padding-left: 100px
}

.save-the-date-row h2 {
	font-weight: 400 !important
}

@media (max-width:1200px) {
	.wscc-academy-title h1 {
		margin-top: 65px
	}
}

@media (max-width:991px) {
	.wscc-academy-row {
		display: block !important
	}

	.wscc-academy-row .panel-grid-cell {
		width: 100% !important
	}

	.wscc-academy-row .panel-grid-cell:nth-of-type(2) {
		padding: 0 130px
	}

	.wscc-academy-img img {
		width: 100% !important
	}

	.wscc-academy-title {
		padding-left: 0 !important
	}

	.wscc-academy-title h1 {
		margin-top: 0 !important
	}
}

@media (max-width:780px) {
	.wscc-academy-row .panel-grid-cell:nth-of-type(2) {
		padding: 0 130px !important
	}
}

@media (max-width:500px) {
	.wscc-academy-row .panel-grid-cell:nth-of-type(2) {
		padding: 0 50px !important
	}
}

/*========== wscc academy page ==========*/
.page-id-828 #page-blank .entry-content {
	margin-top: 1.5em
}

.page-id-828 .material-symbols-outlined {
	position: absolute
}

p.strengthen-school {
	position: relative;
	padding-left: 45px;
	font-size: 18px
}

p.free-day {
	position: relative;
	padding-left: 45px;
	font-size: 18px
}

span.material-symbols-outlined.check {
	margin-top: -28px;
	font-size: 35px;
	color: #86c524
}

p.event-location {
	position: relative;
	padding-left: 60px;
	font-weight: 600;
	font-size: 25px
}

span.material-symbols-outlined.location {
	margin-top: -45px;
	font-size: 40px;
	color: #00349a
}

p.event-time {
	position: relative;
	padding-left: 60px;
	font-weight: 600;
	font-size: 25px
}

span.material-symbols-outlined.clock {
	margin-top: -45px;
	font-size: 40px;
	color: #00349a
}

p.event-day {
	position: relative;
	padding-left: 60px;
	font-weight: 600;
	font-size: 25px
}

span.material-symbols-outlined.calendar {
	margin-top: -45px;
	font-size: 40px;
	color: #00349a
}