/**********************

 dctaylor ASSETS/CSS/MEDIA.CSS

 **********************/

@media (max-width: 1300px) {
	/***********************
	  TIMELINE STYLES
	 ***********************/
	#date-timeline,
	#date-timeline.bottom {
		left: auto;
		right: -5%;
	}
	#date-timeline.scrolled {
		left: auto;
		right: 3.25%;
	}
}

@media (max-width: 1100px) {
	/***********************
	  PAGE STYLES
	  ***********************/
	#page-sidebar {
		width: 32%;
	}
	#page-content {
		width: 63.666%;
	}

	/**********************
	  SERVICE STYLES
	 ************************/
	.featured-service-wrapper {
		background: transparent;
	}
	.featured-services-container {
		width: 100% !important;
	}
	.featured-service-item {
		display: block;
		width: 94% !important;
		margin: 0 0 20px 0;
		background: #e6e7e8;
		padding: 20px 3%;
	}
	.featured-service-container {
		width: 100%;
		margin: 0 0 0 0;
	}

	/**************************
	  OPTION STYLES
	 **************************/
	.options-wrapper .col-2 {
		width: 60%;
	}
	.options-wrapper .col-2.buttons-wrapper {
		width: 40%;
	}
	.option-buttons-group {
		width: 90%;
	}

	/*************************
	  PROCESS STYLES?
	 *************************/
	#process-wrapper {
		width: 100%;
	}
}

@media (max-width: 1000px) {
	/***********************
	  HEADER STYLES
	  ***********************/
	#header-menu li {
		margin: 0 0 0 0.5%;
	}
	#header-menu a {
		padding: 15px 10px;
	}

	/***********************
	  POST STYLES
	  ************************/
	div.post-first .post-container .logo {
		left: 50%;
		top: 280px;
		margin: -55px 0 0 -55px;
		z-index: 10;
	}
	div.post-first .post-container .description {
		width: 86%;
		padding: 70px 7% 40px 7%;
		min-height: 0;
	}
	div.post-first .post-container .image.mobile {
		display: block;
	}
	div.post-first .post-container .image.desktop {
		display: none;
	}

	#home-content div.post-first .post-container .logo {
		top: 340px;
	}
	#home-content div.post-first .post-container .description {
		min-height: 0;
	}

	/***********************
	  ELEMENT STYLES
	  ************************/
	.element-wrapper {
		width: 98%;
	}
	.element-wrapper.style-overlay .element-container .title {
		font-size: 1.8em;
	}
}

@media (max-width: 950px) {
	/***********************
	  GENERAL STYLES
	  ***********************/
	body,
	html {
		margin-bottom: 15px;
	}

	h1 {
		font-size: 1.8em;
		margin: 0 0 13px 0;
	}
	h2 {
		font-size: 1.6em;
		margin: 0 0 13px 0;
	}
	h3 {
		font-size: 1.4em;
		margin: 0 0 8px 0;
	}
	h4 {
		font-size: 1.2em;
		margin: 0 0 8px 0;
	}
	h5 {
		font-size: 1.1em;
		margin: 0 0 4px 0;
	}
	h6 {
		font-size: 1em;
		margin: 0 0 4px 0;
	}

	ul,
	ol,
	p {
		font-size: 1em;
		margin: 0 0 17px 0;
	}
	ul,
	ol {
		margin-left: 30px;
	}

	/***********************
	  HEADER STYLES
	  ***********************/
	#header-menu > ul {
		display: none;
		background: #cc0e16;
		position: absolute;
		top: 0;
		width: 300px;
		right: 0;
		padding: 140px 60px 80px 50px;
		margin: 0 0 0 0;
		z-index: 10;
		line-height: 2.3em;
	}
	#header-menu li {
		display: block;
	}
	#header-menu a {
		padding: 0;
		text-transform: uppercase;
	}
	#header-menu .sub-menu {
		display: block;
		position: relative;
		right: auto;
		text-align: right;
		width: auto;
		background: transparent;
		padding: 0;
	}
	#header-menu .sub-menu li {
		padding: 0 0 0 0;
		line-height: 2.3em;
	}

	#header-menu li:hover {
		background: transparent;
	}

	header.scrolled {
		height: 130px;
	}

	header.active #header-menu > ul {
		display: block;
	}
	header.active.scrolled #header-menu {
		color: #fff;
	}

	/*************************
	  MOBILE HEADER
	 **************************/
	#mobile-button {
		display: inline-block;
	}

	/***********************
	  PAGE STYLES
	  ***********************/
	#page-header h1 {
		font-size: 2.5em;
	}

	#page-sidebar {
		width: 35%;
	}
	#page-content {
		width: 60.666%;
	}

	/***********************
	  CONTACT STYLES
	 *************************/
	#contact-desktop {
		display: none;
	}
	#contact-tablet {
		display: block;
	}

	#contact-tablet + footer {
		height: 500px;
		margin-top: 50px !important;
	}
	#contact-tablet + footer #footer-content {
		position: absolute;
	}

	/***********************
	  POST STYLES
	  ************************/
	div.post-item {
		width: 100%;
	}
	div.post-item .post-container {
		width: 85%;
		margin-bottom: 40px;
	}

	/**********************
	  PROCESS STYLES
	 *************************/
	#process-content {
		margin-top: 0;
	}

	.process-container.left .display {
		background: transparent !important;
	}
	.process-container.right .display {
		background: transparent !important;
	}

	.process-item .display .image {
		margin: 60px 15px;
	}

	/***********************
	  CAREER STYLES
	 ***********************/
	.career-item {
		width: 100%;
	}
	.career-container {
		width: 100%;
	}
	.featured-service-controls li {
		flex: 1 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 900px) {
	/************************
	  SERVICES STYLES
	 ***************************/
	.featured-service-container .column {
		width: 95%;
		margin: 0 auto;
		display: block;
	}
	.featured-service-container .image {
		width: 100%;
		margin: 0;
	}
	.featured-service-container .title {
		font-size: 1.7em;
		margin: 20px 0 15px 0;
	}
	.featured-service-container .extra.desktop {
		display: none;
	}
	.featured-service-container .extra.mobile {
		display: block;
	}

	/**************************
	  WPCF7 STYLES
	 *************************/
	div.wpcf7 .column-3 {
		width: 30%;
	}
}

@media (max-width: 800px) {
	/***********************
	  PAGE STYLES
	  ***********************/
	#page-sidebar {
		width: 40%;
	}
	#page-content {
		width: 55.666%;
	}

	/*************************
	  SECTION STYLES
	 ************************/
	.section-wrapper {
		margin-top: 60px;
	}

	/***********************
	  ELEMENT STYLES
	  ************************/
	.element-wrapper {
		margin-top: 60px;
	}
	.element-item {
		width: 50%;
	}

	/***********************
	  TIMELINE STYLES
	 ************************/
	#timeline-content {
		width: 93%;
		padding: 25px 0;
	}
	.date-item {
		min-height: 0;
		padding: 20px 4%;
		width: 92%;
	}
	.date-item .column {
		width: 100%;
		display: block;
	}
	.date-item .date-container {
		width: 100%;
		margin: 0 0 0 0;
	}
	.date-item .featured-image.mobile {
		display: block;
	}
	.date-item .featured-image.desktop {
		display: none;
	}

	/**********************
	  PROCESS STYLES
	 *************************/
	#process-container {
		margin-left: 0;
	}
	#process-content {
		margin-top: 50px;
	}

	.process-item {
		margin: 70px 0 0 0;
	}
	.process-item .display .image {
		margin: 0 auto;
	}

	.process-container {
		text-align: center;
	}
	.process-container .text {
		display: none;
	}
	.process-container.right .display,
	.process-container.left .display {
		text-align: center;
		width: 90%;
		margin: 0 auto;
	}

	.process-mobile.active {
		display: block;
	}

	/***********************
	  FOOTER STYLES
	  ***********************/
	footer {
		height: 700px !important;
		background-image: url("../img/dctaylor-footer-background-image-2.webp");
	}
	#footer-content {
		padding-top: 85px;
		padding-bottom: 30px;
	}
	#footer-content > .column {
		display: block;
		width: 100%;
		text-align: center;
	}

	#footer-locations {
		margin-top: 30px !important;
	}
	#footer-locations #locations-list {
		left: 50%;
		right: auto;
		margin-left: -240px;
		width: 400px;
	}

	/***********************
	  WPCF7 STYLES
	  ***********************/
	div.wpcf7 .column-2 {
		width: 100%;
		margin: 0 0 0 0;
	}
	div.wpcf7 .wpcf7-list-item {
		width: 50%;
	}
}

@media (max-width: 700px) {
	.container {
		width: 95%;
	}
	.container.medium {
		width: 93%;
	}
	.container.thin {
		width: 87%;
	}

	/***********************
	  HEADER STYLES
	  ***********************/
	#header-menu > ul {
		padding-right: 50px;
	}

	/***********************
	  PAGE STYLES
	  ***********************/
	#page-header iframe {
		width: 100%;
	}

	#page-sidebar {
		width: 100%;
		margin-right: 0 !important;
		margin-left: 0 !important;
		display: block;
	}
	#page-content {
		width: 100%;
		display: block;
	}

	/***********************
	  SIDEBAR STYLES
	 *************************/
	#main-wrapper.left-column #page-sidebar.overlay-header {
		margin-top: 0 !important;
	}
	#main-wrapper.left-column #page-sidebar .sidebar-group {
		display: none;
	}
	#main-wrapper.left-column #page-sidebar .sidebar-group.location {
		display: block;
		margin-top: -55px !important;
	}
	#main-wrapper.left-column #page-sidebar .sidebar-group.map {
		display: block;
		margin-top: -55px !important;
	}

	#main-wrapper.right-column #page-sidebar.overlay-header {
		margin-top: 0 !important;
	}
	#main-wrapper.right-column #page-sidebar .sidebar-group {
		display: none;
	}
	#main-wrapper.right-column #page-sidebar .sidebar-group.content {
		display: block;
	}
	#main-wrapper.right-column #mobile-sidebar .sidebar-group {
		display: none;
	}
	#main-wrapper.right-column #mobile-sidebar .sidebar-group.lists,
	#main-wrapper.right-column #mobile-sidebar .sidebar-group.tags {
		display: block;
	}

	#mobile-sidebar {
		display: block;
	}

	.sidebar-group.lists {
		background: #fff;
		border: 2px solid #cc0e16;
		border-top: none;
		border-bottom: none;
		margin-bottom: 20px;
	}
	.sidebar-group.lists h5.title {
		text-align: center;
		width: 95%;
		padding: 7px 2.5%;
		cursor: pointer;
		background: url("../img/dctaylor-sidebar-open-arrow.png") center right
			no-repeat;
		border: 2px solid #cc0e16;
		border-left: none;
		border-right: none;
	}
	.sidebar-group.lists ul {
		display: none;
		width: 93%;
		margin: 0 auto;
		padding: 0 0 10px 0;
		line-height: 2.5em;
	}
	.sidebar-group.lists li {
		display: block;
		border: none;
		border-top: 1px solid #c7c8ca;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background: url("../img/dctaylor-posts-lists-checkbox-inactive.png") center
			right no-repeat;
	}
	.sidebar-group.lists li:first-child {
		border: none;
	}
	.sidebar-group.lists a {
		display: block;
	}
	.sidebar-group.lists li:hover,
	.sidebar-group.lists li.current {
		border-color: #c7c8ca;
		background: url("../img/dctaylor-posts-lists-checkbox-active.png") center
			right no-repeat;
		color: #000;
	}

	.sidebar-group.lists.active {
		background: #e6e7e8;
		border: none;
	}
	.sidebar-group.lists.active h5.title {
		background-image: url("../img/dctaylor-sidebar-close-arrow.png");
		color: #fff;
		background-color: #cc0e16;
	}
	.sidebar-group.lists.active ul {
		display: block;
	}

	.sidebar-group.tags {
		background: #fff;
		border: 2px solid #cc0e16;
		border-top: none;
		border-bottom: none;
		margin-bottom: 20px;
	}
	.sidebar-group.tags h5.widget-title {
		text-align: center;
		width: 95%;
		padding: 7px 2.5%;
		cursor: pointer;
		background: url("../img/dctaylor-sidebar-open-arrow.png") center right
			no-repeat;
		border: 2px solid #cc0e16;
		border-left: none;
		border-right: none;
	}
	.sidebar-group.tags a {
		display: none;
		border: none;
		margin: 0 auto;
		width: 93%;
		line-height: 2.5em;
		border-bottom: 1px solid #c7c8ca;
		padding: 0 0 0 0;
		background: url("../img/dctaylor-posts-lists-checkbox-inactive.png") center
			right no-repeat;
	}
	.sidebar-group.tags a:last-child {
		border: none;
		padding-bottom: 10px;
	}
	.sidebar-group.tags a:hover,
	.sidebar-group.lists a.current {
		border-color: #c7c8ca;
		background: url("../img/dctaylor-posts-lists-checkbox-active.png") center
			right no-repeat;
		color: #000;
	}

	.sidebar-group.tags.active {
		background: #e6e7e8;
		border: none;
	}
	.sidebar-group.tags.active h5.widget-title {
		background-image: url("../img/dctaylor-sidebar-close-arrow.png");
		color: #fff;
		background-color: #cc0e16;
	}
	.sidebar-group.tags.active a {
		display: block;
	}

	/***********************
	  POST STYLES
	  ************************/
	div.post-item {
		width: 50%;
	}
	div.post-item .post-container {
		width: 80%;
		margin-bottom: 30px;
	}

	li.post-item .post-container .links a {
		width: 90%;
	}

	/************************
	  SECTION STYLES
	 *************************/
	.section-container {
		width: 90%;
	}

	/************************
	  OPTION STYLES
	 ************************/
	.options-wrapper {
		width: 100%;
		height: auto;
		text-align: center;
	}
	.options-wrapper .col-2 {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.options-wrapper .col-2.buttons-wrapper {
		display: none;
	}

	.option-item {
		display: block;
		opacity: 1 !important;
		position: relative;
		margin: 0 0 40px 0;
		top: auto !important;
	}
	.option-item .mobile-icon {
		display: block;
		width: 90%;
		max-width: 70px;
		margin: 0 auto 20px auto;
	}

	/***********************
	  CAREER STYLES
	 ***********************/
	.career-item {
		width: 50%;
	}
	.career-container {
		width: 90%;
	}

	/***********************
	  WPCF7 STYLES
	  ***********************/
	div.wpcf7 .column-2 {
		width: 47%;
		margin: 0 2.5% 0 0;
	}
	div.wpcf7 .wpcf7-list-item {
		width: 33%;
	}
}

@media (max-width: 600px) {
	/***********************
	  GENERAL STYLES
	  ***********************/
	body,
	html {
		margin-bottom: 0;
	}

	/***********************
	  PAGE STYLES
	  ***********************/
	#home-content {
		width: 100%;
	}

	#page-header {
		margin-top: 0;
	}
	#page-header h1 {
		font-size: 2.3em;
	}
	#page-header .container {
		width: 100%;
	}

	/***********************
	  POST STYLES
	  ************************/
	div.post-item {
		width: 100%;
	}
	div.post-first .post-container {
		width: 100%;
	}
	div.post-first .post-container .image.mobile {
		width: 100%;
	}

	#home-content > div.post-first .post-container {
		width: 100%;
		margin-left: 0;
	}

	div#posts-wrapper {
		margin-bottom: -30px;
	}
	div.post-item .post-container {
		width: 90%;
	}

	/***********************
	  ELEMENT STYLES
	  ************************/
	.element-wrapper {
		width: 100%;
	}
	.element-item {
		width: 100%;
		max-width: none;
	}
	.element-container {
		width: 100%;
	}
	.section-item .element-wrapper.style-icons .element-container .title {
		word-spacing: normal;
	}

	.section-wrapper .element-wrapper {
		width: 90%;
	}

	/***********************
	  CAREER STYLES
	 ***********************/
	.career-item {
		width: 100%;
	}
	.career-container {
		width: 100%;
	}

	/************************
	  SERVICES STYLES
	 ***************************/
	.featured-service-container .col-5-2 {
		background: #000;
	}
	.featured-service-container .col-5-3 {
		display: none;
	}
	.featured-service-container.active .col-5-3 {
		display: block;
	}
	.featured-service-container .image {
		opacity: 0.6;
	}
	.featured-service-container .mobile-title {
		display: block;
		text-transform: uppercase;
	}
	.featured-service-container .title {
		font-size: 1.5em;
	}
	.featured-service-container .button {
		display: block;
	}

	.featured-service-container.active .image {
		opacity: 1;
	}
	.featured-service-container.active .mobile-title {
		display: none;
	}

	.featured-service-controls li {
		flex: 1 0 100%;
		max-width: 100%;
	}

	/***********************
	  TIMELINE STYLES
	 ************************/
	#timeline-content {
		width: 92%;
		padding: 90px 0 20px 0;
	}
	#date-label {
		display: block;
	}

	#date-timeline {
		width: 92%;
		height: auto !important;
		position: absolute;
		right: auto;
		top: 20px;
		left: 4%;
		margin: 0 0 0 0 !important;
		padding: 0 0 0 0;
		background: #cc0e16;
	}
	#date-timeline.scrolled {
		position: fixed;
		width: 78%;
		right: auto;
		left: 11%;
		top: 20px;
	}
	#date-timeline.bottom {
		position: absolute;
		bottom: auto;
		width: 92%;
		right: auto;
		left: 4%;
		top: 20px;
	}

	#date-line {
		display: none;
	}
	#date-items {
		display: none;
		border-top: 1px solid #e79da7;
		padding: 20px 0;
		width: 90%;
		margin: 0 auto;
		font-size: 1.1em;
		line-height: 1.4em;
	}
	#date-links {
		height: auto;
	}
	#date-links .decades {
		height: auto !important;
		display: inline;
	}
	#date-links .column {
		height: auto;
		display: inline;
	}
	#date-links .date {
		height: auto;
		width: auto;
		text-align: center;
		display: inline;
	}
	#date-links .date .target {
		width: 32%;
		display: inline-block;
	}
	#date-links .date.empty {
		display: none;
	}
	#date-links .date .indication {
		opacity: 0;
	}
	#date-links .decade-list {
		display: none;
	}
	#date-links .date-list {
		width: 100%;
	}

	#date-timeline.active h3 {
		padding: 10px 0 15px 0;
	}
	#date-timeline.active #date-items {
		display: block;
	}
	#date-timeline.active #date-label {
		background-image: url("../img/dctaylor-sidebar-arrow-close.png");
	}

	/***********************
	  SEARCH STYLES
	 ************************/
	#search-header .column {
		display: block;
		width: 100%;
	}
	#search-header .label {
		margin-bottom: 10px;
	}

	/***********************
	  FOOTER STYLES
	  ***********************/
	footer.container {
		width: 100%;
	}

	#footer-locations.active #locations-list {
		width: 300px;
		margin-left: -190px;
	}

	/***********************
	  PAGENAVI STYLES
	 **********************/
	.wp-pagenavi span,
	.wp-pagenavi a {
		padding: 9px 13px;
		margin: 0 6px;
	}
}

@media (max-width: 500px) {
	.container {
		width: 90%;
	}
	.container.medium {
		width: 90%;
	}
	.container.thin {
		width: 90%;
	}

	/***********************
	  HEADER STYLES
	  ***********************/
	#header-social {
		display: none;
	}
	#header-menu {
		margin-top: 39px;
	}
	#header-menu > ul {
		padding-right: 40px;
	}

	header #mobile-button {
		margin-top: 5px;
	}

	header.active #header-social {
		display: block;
	}
	header.active #header-menu {
		margin-top: 5px;
	}
	header.active #mobile-button {
		margin-top: 20px;
	}

	header.scrolled #mobile-button {
		margin-top: 35px;
	}
	header.scrolled.active #mobile-button {
		margin-top: 20px;
	}

	#header-menu > ul {
		width: 84%;
		padding: 140px 8% 80px 8%;
	}

	/***********************
	  SIDEBAR STYLES
	 ************************/
	.sidebar-group.lists ul {
		width: 90%;
	}
	.sidebar-group.tags a {
		width: 90%;
	}

	/***********************
	  POST STYLES
	  ************************/
	#search-header.posts {
		width: 100%;
	}
	div.post-item .post-container {
		width: 90%;
		margin: 0 auto 30px auto;
	}
	div.post-item:last-child .post-container {
		margin-bottom: 60px;
	}
	div#posts-wrapper {
		margin-bottom: -60px;
	}

	li.post-item .post-container {
		width: 80%;
	}
	li.post-item .post-container .links {
		width: 120%;
		margin-left: -10%;
	}

	/************************
	  SECTION STYLES
	 *************************/
	.section-container {
		width: 90%;
	}

	/**********************
	  PROCESS STYLES
	 *************************/
	.process-item {
		margin-top: 20px;
	}
	.process-item .display .image {
		width: 90%;
		margin: 0 auto;
	}
	.process-item .display .image > img.attachment-post-thumbnail {
		width: 100%;
		height: auto;
	}
	.process-item.active .display .indication {
		display: none;
	}

	.process-mobile {
		margin-top: 25px;
	}

	/***********************
	  FOOTER STYLES
	  ***********************/
	#footer-locations.active #locations-list {
		width: 200px;
		margin-left: -140px;
	}

	/***********************
	  WPCF7 STYLES
	  ***********************/
	div.wpcf7 .column-2 {
		width: 100%;
		margin: 0 0 0 0;
	}
	div.wpcf7 .wpcf7-list-item {
		width: 50%;
	}

	/***********************
	  PAGENAVI STYLES
	 **********************/
	.wp-pagenavi span,
	.wp-pagenavi a {
		padding: 7px 10px;
		margin: 0 5px;
	}
}

@media (max-width: 400px) {
	/***********************
	  GENERAL STYLES
	  ***********************/
	ul,
	ol,
	p {
		margin: 0 0 15px 0;
	}
	ul,
	ol {
		margin-left: 30px;
	}

	/***********************
	  PAGE STYLES
	  ***********************/
	#page-header h1 {
		font-size: 2.1em;
	}
	#page-header .content {
		width: 95%;
		margin-top: 170px;
	}

	/***********************
	  POST STYLES
	  ************************/
	li.post-item .post-container .links a img {
		display: none;
	}

	/**********************
	  PROCESS STYLES
	 *************************/
	.process-item .display .content {
		top: 13%;
	}
	.process-item .display .content .title {
		font-size: 1.5em;
		margin: 15px 0;
	}
	.process-item .display .content {
		top: 15%;
	}
	.process-item .display .image {
		width: 95%;
	}
	.process-item .display .image .content img {
		max-width: 60px;
		height: auto;
	}

	/***********************
	  WPCF7 STYLES
	  ***********************/
	div.wpcf7 .wpcf7-list-item {
		width: 100%;
	}

	/***********************
	  PAGENAVI STYLES
	 **********************/
	.wp-pagenavi span,
	.wp-pagenavi a {
		padding: 9px 11px;
		margin: 0 5px;
	}
}

/* Careers Page edits */

/*DESKTOP STYLING*/

.white-text {
	color: white !important;
}

.career-subtitle {
	color: #cc0e16;
	font-size: 30px;
	line-height: 1.2;
	font-weight: bold;
}

.row-wrap {
	width: 90%;
	margin: 80px auto 0;
}

.career-wrap {
	width: 90%;
	margin: 80px auto;
}

.career-col {
	display: inline;
	margin: 0 24px;
}

.career-icon {
	height: 42px;
	width: 42px;
	padding: 20px 0 0 20px;
}

.career-icon-wrap {
	width: 78px;
	height: 78px;
	background-color: #cc0e16;
	border-radius: 50%;
	display: inline-block;
}

.career-icon-text {
	display: inline-block;
	width: 154px;
	font-size: 19px;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1.3;
}

.career-contact-info {
	width: 70%;
	max-height: 460px;
	max-width: 861px;
	background-color: #f1f1f1;
	margin: 95px auto;
	border-radius: 13px;
	font-weight: bold;
	font-size: 26px;
	line-height: 3;
}

.career-contact-info h2 {
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #090909;
	font-size: 35px;
	padding-left: 3%;
}

.career-contact {
	color: #cc0e16;
}

.career-contact-icon {
	padding: 10px 10px 10px 0px;
}

.icon-wrap {
	text-align: center;
	width: 14%;
}

.contact-info-wrap {
	width: 85%;
	margin-bottom: 15px;
}

.info-wrap {
	padding: 50px 40px 40px;
}

#dctaylor-recruit {
	margin-top: 60px;
}

.career-footer {
	position: sticky;
	bottom: 0;
	z-index: 100;
	margin: 0 auto;
	text-align: center;
}

.career-footer button {
	width: 90%;
	text-transform: uppercase;
	padding-top: 10px;
	font-size: 30px;
	border-radius: 45px 45px 0 0;
}

#career-footer {
	margin-top: 0 !important;
}

.page-template-page-careers {
	overflow: initial;
}

#sticky-button {
	color: white;
}

.career-contact-link {
	text-decoration: none;
}

/* ABOUT PAGE */

div.about-content {
	margin-top: 3rem;
}

.banner-light {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding: 2rem;
	background-color: #f4f4f4;
	margin-bottom: 2rem;
}

/* HISTORY PAGE */
:root .accordion {
	--bs-font-sans-serif: "Ek Mukta", Arial, Helvetica, sans-serif !important;
	--bs-secondary-rgb: 242, 242, 242;
	--bs-accordion-active-bg: inherit;
	--bs-accordion-active-color: var(--bs-accordion-btn-color);
	--bs-accordion-btn-bg: inherit;
	--bs-body-bg: inherit;
	--bs-accordion-btn-focus-border-color: var(--bs-secondary-color);
	--bs-accordion-btn-icon: unset;
	--bs-accordion-btn-active-icon: unset;
	--bs-accordion-btn-icon-width: auto;
	--bs-accordion-btn-focus-box-shadow: unset;
	--bs-accordion-border-width: unset;
	/* --bs-tertiary-color: rgba(33, 37, 41, 0.325);
	 --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-tertiary-color); */
}

.ratio img {
	object-fit: cover;
}

/*MOBILE STYLING*/

@media screen and (max-width: 480px) {
	.career-subtitle {
		font-size: 20px;
		line-height: 1.4;
	}

	.row-wrap {
		margin: 24px auto 0;
		width: 90%;
		min-width: 302px;
	}

	.career-wrap {
		margin: 40px auto;
		width: 100%;
	}

	.career-wrap > div {
		width: 100%;
	}

	.career-icon-wrap {
		height: 67px;
		width: 67px;
		margin-bottom: 24px;
	}

	.icon-wrap {
		width: 7%;
	}

	.icon-wrap img {
		width: 30px;
	}

	.career-icon {
		height: 29px;
		width: 29px;
	}

	.career-col {
		margin: 0;
		width: 100%;
		display: block;
	}

	.career-icon-text {
		font-size: 18px;
		padding-left: 16px;
		width: 60%;
		margin-top: 6px;
	}

	#dctaylor-recruit {
		margin-top: 34px;
		width: 100%;
		max-height: 193px;
	}

	.career-contact-info {
		width: 100%;
		margin: 30px auto;
		min-height: 199px;
		font-size: 14px;
	}

	.info-wrap {
		padding: 10px;
	}

	.info-wrap h2 {
		font-size: 17px;
		margin-bottom: 5px;
		padding-top: 4%;
	}

	.career-contact-icon {
		max-height: 34px;
		padding: 15px 10px 10px 0px;
	}

	.contact-info-wrap {
		width: 88%;
		margin: 5px 0px 15px 10px;
		font-size: 15px;
		font-weight: lighter;
	}

	.service-container .title {
		padding: 20px 25px 20px 0;
	}
}

/*END MOBILE STYLING*/

/* TABLET STYLING */

@media screen and (min-width: 481px) and (max-width: 768px) {
	.career-wrap {
		margin: 40px auto;
		width: 100%;
		padding-left: 5%;
	}

	.career-subtitle {
		font-size: 28px;
	}

	.career-col {
		margin: 0;
		width: 100%;
		display: block;
	}

	.career-icon-text {
		font-size: 20px;
		padding-left: 34px;
		width: 60%;
		margin-top: 6px;
	}

	.career-icon-wrap {
		margin-bottom: 24px;
	}

	/*YOUTUBE EMBED*/

	#dctaylor-recruit {
		margin-top: 34px;
		width: 100%;
		max-height: 300px;
	}

	/*CONTACT INFO GREY BOX*/

	.career-contact-info {
		width: 100%;
		margin: 30px auto;
		min-height: 220px;
	}

	.career-contact-icon {
		padding-left: 20px;
	}

	.info-wrap {
		padding: 15px;
	}

	.info-wrap h2 {
		font-size: 18px;
		margin-bottom: 5px;
		padding-top: 2%;
	}

	.career-contact-icon {
		max-height: 50px;
	}

	.contact-info-wrap {
		width: 80%;
		margin: 8px 0px 15px 15px;
		font-size: 16px;
	}

	.career-icon-text {
		margin-top: 13px;
	}
}

/*END TABLET STYLING*/

/*769px - 1024px STYLING*/

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.row-wrap {
		margin: 50px auto 0;
	}

	.info-wrap h2 {
		font-size: 22px;
	}

	.career-wrap {
		margin: 40px auto;
		width: 100%;
		padding-left: 5%;
	}

	.career-subtitle {
		font-size: 28px;
	}

	.career-col {
		margin: auto auto auto 40px;
		width: 100%;
		display: block;
	}

	.career-icon-text {
		font-size: 20px;
		padding-left: 34px;
		width: 60%;
		margin-top: 20px;
	}

	.career-icon-wrap {
		margin-bottom: 24px;
	}

	#dctaylor-recruit {
		margin-top: 34px;
		width: 100%;
		max-height: 400px;
	}

	.career-contact-info {
		width: 100%;
		margin: 30px auto;
		min-height: 300px;
	}

	.career-contact-icon {
		padding-left: 20px;
	}

	.info-wrap {
		padding: 15px;
	}

	.info-wrap h2 {
		font-size: 18px;
		margin-bottom: 5px;
		padding-top: 2%;
	}

	.career-contact-icon {
		max-height: 50px;
	}

	.contact-info-wrap {
		width: 80%;
		margin: 8px 0px 15px 30px;
		font-size: 20px;
	}

	.career-icon-text {
		margin-top: 13px;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1192px) {
	.row-wrap {
		width: 100%;
		margin: 80px auto 0;
	}

	.career-wrap {
		width: 90%;
		margin: 80px auto;
	}

	.career-col {
		display: inline;
		margin: 0 24px;
	}

	.career-icon {
		height: 42px;
		width: 42px;
		padding: 20px 0 0 20px;
	}

	.career-icon-wrap {
		width: 78px;
		height: 78px;
		background-color: #cc0e16;
		border-radius: 50%;
		display: inline-block;
	}

	.career-icon-text {
		display: inline-block;
		width: 154px;
		font-size: 19px;
		font-weight: bold;
		padding-left: 20px;
		line-height: 1.3;
	}
}