/* Theme Name: Carpenter Media Group */
/* === Global === */
:root {
	--primary-font: 'Lato', sans-serif;
	--secondary-font: 'Roboto', sans-serif;
	--heading-font: 'Poppins', sans-serif;
}
html,
body {
	font-family: var(--primary-font);
	font-size: 20px;
	line-height: normal;
}
h1,
h2,
h3 {
	font-family: var(--heading-font);
	line-height: normal;
}
h1 {
	font-size: 40px;
	font-weight: 600;
}
h2 {
	font-size: 35px;
	font-weight: 600;
}
p {
	line-height: 1.4;
}
.btn,
body .gform_wrapper.gravity-theme .button {
	font-family: var(--secondary-font);
	font-size: 20px;
	background-color: var(--color-2);
	color: var(--color-1);
	border-radius: 5px;
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0;
	padding: .5em 1.65em;
	box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.25);
	transition: all ease .3s;
	border: none;
}
.btn:hover,
.btn:focus,
body .gform_wrapper.gravity-theme .button:hover,
body .gform_wrapper.gravity-theme .button:focus {
	background-color: var(--color-1);
	color: var(--color-2);
}
a {
	color: var(--color-1);
}
a:hover,
a:focus {
	color: var(--color-2);
}

/* === Header/Nav === */
.primary-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 0;
	background-color: rgba(255, 255, 255,1);
	z-index: 11;
	font-family: var(--heading-font);
	white-space: nowrap;
}
.primary-header a {
	font-weight: 600;
}
.primary-header .header-row {
	column-gap: 30px;
	align-items: center;
}
.primary-header .header-row .logo-col {
	flex-basis: 450px;
}
.main-nav .current_page_item > a,
.main-nav a:hover,
.main-nav a:focus {
	color: var(--color-4);
}
.main-nav .menu > li {
	margin: 0;
}
.main-nav .menu > li a {
	padding: 10px 15px;
	position: relative;
	display: block;
}
.main-nav .menu > li:not(:last-child) a:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 15px;
	background-color: var(--color-1);
	right: 0;
}
.mobile-c2a a {
	color: #fff;
}
.mobile-c2a a:hover,
.mobile-c2a a:focus {
	color: var(--color-2);
}
.mobile-header .nav-base .menu {
	font-size: 17px;
}

/* === Footer === */
.primary-footer {
	background-color: var(--color-1);
	color: #fff;
	padding: 40px 0;
	text-align: center;
	font-size: 16px;
}
.primary-footer a {
	color: #fff;
}
.primary-footer a:hover,
.primary-footer a:focus {
	color: var(--color-2);
}
.primary-footer .footer-row {
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 30px;
	align-items: center;
	justify-content: space-between;
}
.primary-footer .footer-row .logo-col {
	flex: 0 1 330px;
}
.primary-footer .footer-row .footer-col {
	flex: 0 1 auto;
}
.primary-footer .menu-row {
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 30px;
	align-items: center;
}
.primary-footer .menu {
	display: flex;
	list-style: none;
	justify-content: center;
	margin: 0;
	padding: 0;
	column-gap: 20px;
	row-gap: 20px;
	white-space: nowrap;
	flex-wrap: wrap;
}
.primary-footer .social-col {
	column-gap: .75em;
	font-size: 24px;
}
.primary-footer .copyright {
	margin-top: 20px;
}
.primary-footer .copyright a {
	font-size: 12px;
	font-weight: 400;
}

/* === Home Page === */
.banner-section {
	min-height: max(400px,50.5vw);
	display: flex;
	justify-content: center;
	color: #fff;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	z-index: 1;
}
.banner-section .content {
	padding: 50px 0;
	max-width: 700px;
	margin: 0 auto;
}
.banner-section .content h1 {
	margin-bottom: 30px;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.35);
}
.banner-section .carousel {
	width: 100%;
}
.banner-section .carousel .carousel-inner,
.banner-section .carousel .item {
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.banner-section .carousel .item .image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.banner-section .carousel .item .image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #1e1e1e;
	opacity: .15;
}
.banner-section .carousel .item .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.banner-section .carousel .item .content {
	position: relative;
	z-index: 4;
}
.content-section {
	background-color: var(--color-1);
	color: #fff;
	padding: 80px 0 50px;
}
.content-section .content-row {
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 20px;
}
.content-section .content-row .content-col {
	flex: 1 1 calc(45% - 15px);
	min-width: min(100%, 335px);
}
.content-section .content-row .image-col {
	flex: 1 1 calc(55% - 15px);
}
.bg-section {
	padding: 100px 0;
	color: #fff;
	position: relative;
	z-index: 1;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	min-height: 35vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #565656;
	opacity: .45;
	z-index: -1;
}
.bg-section .content {
	max-width: 670px;
	margin: 0 auto;
}
.bg-section .content .btn {
	margin-top: 30px;
}
.bg-section.bg-section-2:after {
	opacity: .65;
}
.bg-section.bg-section-2 .content {
	margin: 0;
	max-width: 604px;
}
.bg-section.bg-section-2 .content h2 {
	font-size: 35px;
	font-weight: 600;
}
.feature-section {
	padding: 80px 0;
	text-align: center;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 35vw;
	background-attachment: fixed;
}
.feature-section > * {
	flex: 0 1 auto;
	max-width: 100%;
}
.feature-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	opacity: .75;
	z-index: -1;
}
.feature-section h2 {
	margin-bottom: 50px;
}
.feature-section .link {
	margin-top: 70px;
}
.feature-section .features {
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 30px;
}
.feature-section .owl-stage {
	display: flex;
}
.feature-section .feature {
	flex: 1 1 calc(33.33% - 33.33px);
	background-color: var(--color-1);
	min-width: min(100%, 200px);
	height: 100%;
}
.feature-section .feature .image {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 10px;
}
.feature-section .feature .image img {
	max-height: 100px;
	width: auto;
}
.feature-section .feature a {
	display: block;
	height: 100%;
}
.stats-section {
	padding: 50px 0;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.stats-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	opacity: .75;
	z-index: -1;
}
.stats-section .flipster li .flipster__item__content {
	width: 34vw;
	height: 34vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}
.stats-section .flipster li .flipster__item__content:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-1);
	z-index: -1;
	opacity: .75;
}
.stats-section .flipster__item--current .flipster__item__content {
	filter: grayscale(0);
}
.stats-section .flipster--flat .flipster__item--past .flipster__item__content,
.stats-section .flipster--flat .flipster__item--future .flipster__item__content {
	transform: scale(0.75);
	filter: grayscale(1) brightness(0.5);
}
.stats-section .flipster--flat .flipster__item--future-1 .flipster__item__content,
.stats-section .flipster--flat .flipster__item--past-1 .flipster__item__content {
	transition: all 400ms ease-in-out;
	transform: scale(0.88);
}
.stats-section .flipster--flat .flipster__item--past,
.stats-section .flipster--flat .flipster__item--future {
	opacity: 1;
}
.stats-section .flip-list {
	margin-bottom: 80px;
}
.stats-section .flipster {
	overflow-y: auto;
}
.stats-section .flip-content {
	color: #fff;
	font-size: 42px;
	font-family: var(--heading-font);
	line-height: 1;
}
.stats-section .flip-content p {
	line-height: 1.2;
}
.stats-section .flip-content strong {
	font-size: 92px;
}
.stats-section .flipster__button {
	top: auto;
	position: absolute;
	bottom: 20px;
	background-color: var(--color-1);
	color: #fff;
	padding: 16px 30px;
	font-size: 20px;
	opacity: 1;
}
.stats-section .flipster__button--prev {
	left: calc(50% - 250px);
	transform: translateX(-50%);
}
.stats-section .flipster__button--next {
	right: calc(50% - 250px);
	transform: translateX(50%);
}

/* === Interior Pages === */
body.ip .banner-section {
	min-height: 600px;
	display: flex;
	z-index: 1;
	margin-bottom: 50px;
	align-items: flex-end;
	margin-bottom: 125px;
}
body.ip .banner-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #181b26;
	opacity: .35;
	z-index: -1;
}
body.ip .banner-section .content-col {
	flex: 0 1 600px;
	padding: 50px 0 100px;
	font-size: 18px;
}
body.ip .banner-section .content-col p {
	margin-right: 120px;
}
body.ip .banner-section .image-col {
	flex: 0 0 550px;
	position: relative;
}
body.ip .banner-section .image-col .image {
	position: absolute;
	left: -150px;
	right: 0;
	top: 0;
	bottom: -100px;
	display: flex;
	align-items: flex-end;
}

.locations-map path.active{
	cursor:auto;
}
body.page-about .banner-section .content-col {
	padding: 50px 0 100px;
}
.feat-section {
	margin: 50px 0;
}
.feat-section .features {
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 30px;
}
.feat-section .feature {
	flex: 1 1 calc(25% - 22.5px);
	position: relative;
	z-index: 1;
	color: #fff;
	height: 250px;
	text-align: center;
	box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
	background-size: cover;
	background-position: 50%;
	min-width: 210px;
}
.feat-section .feature:hover:after {
	opacity: .4;
}
.feat-section .feature:after {
	content: '';
	position: absolute;
	transition: all ease .3s;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #181b26;
	opacity: .7;
	z-index: -1;
}
.feat-section .feature a {
	height: 100%;
	width: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 10px 30px 30px;
}
.feat-section .feature .heading {
	font-size: 20px;
	max-width: 160px;
	line-height: normal;
	font-family: var(--heading-font);
	font-weight: 500;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.feat-section .feature .link {
	font-size: 16px;
	font-weight: 300;
}
.feat-section .feature:nth-child(1) .heading {
	max-width: 110px;
}
.bottom_content {
	margin-bottom: 50px;
}
.locations-map text {
	fill: var(--color-1);
	pointer-events: none;
	z-index: 2;
	position: relative;
}
.locations-map image {
	z-index: 1;
	position: relative;
}
.locations-map image[data-link] {
	cursor: pointer;
}
.locations-map text.active {
	fill: #fff;
}
.locations-map path.active {
	fill: var(--color-1);
}
.locations-map .icons .text {
	width: 20px;
	height: 20px;
	position: relative;
}
.locations-map .icons .text:after {
	content: '\f3c5';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.locations-content {
	margin: 50px 0;
}
.team-section {
	margin: 50px 0;
}
.team-section .members {
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 75px;
	align-items: flex-start;
	justify-content: center;
}
.team-section .member {
	flex: 1 1 calc(33.33% - 33.33px);
}
.team-section .member-item {
	background-color: #fafafa;
	color: #282828;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	box-shadow: 0 1px 5px 2px rgba(0,0,0,.08);
	position: relative;
}
.team-section .member-item:not(:last-child) {
	margin-bottom: 23px;
}
.team-section .member .image img {
	width: 100%;
}
.team-section .member .image_content {
	flex: 1 1 auto;
	padding: 12px;
	display: none;
}
.team-section .member .image_content h2 {
	font-size: 22px;
}
.team-section .member .content {
	font-weight: 400;
}
.team-section .member .content .inner {
	padding: 12px 12px 5px;
	border-top: 2px solid #b71e37;
	min-height: 95px;
}
.team-section .member .image_content {
	background-color: #fff;
}
.team-section .member .toggle {
	position: absolute;
	bottom: 0;
	right: 12px;
	transform: translateY(50%);
	background: #b71e37;
	color: #fff;
	z-index: 2;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.team-section .member .content h3 {
	margin-bottom: 5px;
	font-size: 18px;
	color: #173056;
	font-size: 20px;
	font-weight: 600;
}
.team-section .member .title {
	font-style: italic;
	font-weight: 600;
}
.team-section .member.active .toggle .fas:before {
	content: '\f068';
}
.team-section .member.active .toggle {
	background-color: #777;
}
.top_content {
	margin: 20px 0;
}
.top_content .gform_wrapper.gravity-theme .gform_heading {
	display: none;
}
.top_content .gform_wrapper.gravity-theme input:not(.button),
.top_content .gform_wrapper.gravity-theme textarea {
	background-color: #efefef;
	border: none;
	border-radius: 5px;
	padding: 12px;
}
.top_content .gform_wrapper.gravity-theme .gform_footer {
	margin: 0;
	padding: 0;
}
.top_content .gform_wrapper.gravity-theme .gform_footer .button {
	width: 100%;
	background-color: var(--color-1);
	color: #fff;
}
.top_content .gform_wrapper.gravity-theme .gform_footer .button:hover, .top_content .gform_wrapper.gravity-theme .gform_footer .button:focus {
	background-color: var(--color-2);
	color: var(--color-1);
}
body.page-team .top_content a {
	font-weight: 400;
}
.main-section {
	padding: 20px 0;
}
.no-banner {
	margin-top: var(--headerHeight);
}
/* === Media Queries === */
@media screen and (max-width: 1199px) {
	.primary-footer .footer-row .logo-col {
		flex-basis: 275px;
	}
	.banner-section .content {
		padding: 30px 0;
	}
	.stats-section .flip-content {
		font-size: 32px;
	}
	.stats-section .flip-content strong {
		font-size: 62px;
	}
	body.page-about .banner-section {
		min-height: 500px;
	}
	body.page-about .banner-section .content-col {
		padding: 50px 0;
	}
	body.page-about .banner-section .image-col {
		flex-basis: 350px;
	}
	.feat-section .feature {
		height: 200px;
	}
}
@media screen and (max-width: 991px) {
	body.page-team .banner-section, body.page-about .banner-section{
		margin-bottom:20px;
	}
	.feature-section .features {
		column-gap: 30px;
	}
	.primary-footer .footer-row {
		justify-content: center;
	}
	.primary-footer .menu-row {
		justify-content: center;
	}
	.stats-section .flip-content {
		font-size: 26px;
	}
	.stats-section .flip-content strong {
		font-size: 42px;
	}
	.primary-header {
		display: none;
		position: static;
	}
	.primary-header .header-row .nav-col {
		display: none;
	}
	.primary-header .header-row {
		justify-content: center;
	}
	body.ip .banner-section {
		min-height: 350px;
		height: auto;
	}
	body.ip .banner-section .image-col {
		display: none;
	}
	body.ip .banner-section .content-col {
		padding: 50px 0;
	}
	body.ip .banner-section .content-col p {
		margin-right: 0;
	}
	.feat-section .feature {
		flex-basis: calc(50% - 15px);
		height: 250px;
	}
	.mobile-header .logo-col{
		margin: 10px auto;
		width: 360px;
	}
	.no-banner {
		margin-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.modal .modal-body .flex-row{
		display:block;
	}
	.banner-section h1 {
		font-size: 32px;
		line-height: 1.3;
	}
	.banner-section .content {
		padding: 15px;
	}
	.banner-section .carousel .item {
		align-items: center;
	}
	.stats-section .flipster li .flipster__item__content {
		width: 75vw;
		height: 75vw;
	}
	.stats-section .flip-content {
		font-size: 20px;
	}
	.stats-section .flip-content strong {
		font-size: 38px;
	}
	.stats-section .flipster__button--prev {
		left: 30px;
	}
	.stats-section .flipster__button--next {
		right: 30px;
	}
	.team-section .members {
		column-gap: 30px;
		row-gap: 50px;
	}
	.team-section .member {
		flex-basis: calc(100% - 15px);
		min-width: 200px;
	}
}
@media screen and (max-width: 449px) {
	h1 {
		font-size: 36px;
	}
	body.page-team .top_content a {
		font-size: 16px;
	}
	.mobile-header .logo-col {
    	margin: 10px 20px;
	}
}





.members .modal-body .flex-2-col{
	flex: 1 1 calc(50.00% - 50px);
	padding:20px;
}
.members .modal-body .title{
	font-size: 20px;
	margin-bottom:20px;
	display:inline-block;
}
.members .modal-dialog{
	max-width:900px;
	width:auto;
	  display: flex;
  align-items: center;
  justify-content: center;
}
/* Popup */
.modal{
	top:100px;
}

.modal-content{
	background-color: var(--color-1);
    color: #fff;
}
.modal h5{
	font-size: 30px;
}
.modal-header{
	padding-bottom:0px;
}
.close{
	top: 10px;
    positioN: absolute;
    right: 10px;
	opacity:1;
	color:#fff;
}