@font-face {
    font-family: 'gothambook';
    src: url('fonts/gotham-book_1-webfont.woff2') format('woff2'),
         url('fonts/gotham-book_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'gotham_boldregular';
    src: url('fonts/gotham-bold_1-webfont.woff2') format('woff2'),
         url('fonts/gotham-bold_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'gotham_blackregular';
    src: url('fonts/gotham-black_1-webfont.woff2') format('woff2'),
         url('fonts/gotham-black_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
/*---- General Rules ----*/
:root {
	--black: #000000;
	--grey: #f3f3f3;
	--white: #ffffff;
	--background-black: #121212;
	--background-grey: #dedede;
}
.desktop {
	display: block;
}
.mobile {
	display: none;
}
.tablet {
	display: none;
}
main {
	overflow: hidden;
	min-height: calc(100vh - 256px);
}
body {
	background-color: var(--grey);
	margin: 0;
    overflow-x: hidden;
	overflow-y: scroll;
	font-family: 'gothambook', serif;
	text-wrap: balance;
}
.widget-area {
	display: none;
}
.post-edit-link {
	color: var(--white)!important;
}
a {
	text-decoration: none;
}
.page {
	margin-bottom: 0;
}
.page-bg:before {
	background-position: 100% 0;
	content: "";
	right: 0;
}
.page-bg-blue:before {
	background: var(--background-grey);
    clip-path: polygon(100% 0, 25% 100%, 100% 100%);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    width: 135%;
    z-index: -99;
    bottom: 0;
}
h1 {
	font-family: 'gotham_boldregular', serif;
}
.row {
	--bs-gutter-x: 0;
    --bs-gutter-y: 0;
}
.relative {
	position: relative;
}
.book {
	font-family: 'gothambook';
}
.bold {
	font-family: 'gotham_boldregular';
	color: var(--black)!important;
}
.black {
	font-family: 'gotham_blackregular';
}
.light-blue {
	color: var(--background-black);
}
.center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.card {
	border-radius: 0!important;
	border: none!important;
}
.card-body p {
	margin-bottom: 0;
}
.card-body ul {
	margin: 0;
}
#post-41,
#post-186,
#post-184,
#post-182,
#post-180,
#post-221 {
	margin-top: 90px;	
	min-height: 80vh;
}
/*---- End of General Rules ----*/
/*---- Animations ----*/
.hidden-from-left {
	opacity: 0;
	filter: blur(5px);
	transform: translateX(-100%);
	transition: all 3s;
}
.hidden-from-right {
	opacity: 0;
	filter: blur(5px);
	transform: translateX(100%);
	transition: all 3s;
}
.hidden-from-above {
	opacity: 0;
	filter: blur(5px);
	transform: translateY(-50%);
	transition: all 3s;
}
.hidden-from-below {
	opacity: 0;
	filter: blur(5px);
	transform: translateY(50%);
	transition: all 3s;
}
.hidden-no-move {
	opacity: 0;
	filter: blur(5px);
	transition: all 1s;
}
.show {
    opacity: 1;
	filter: blur(0);
	transform: translateX(0) translateY(0);
}
@media (prefers-reduced-motion: no-preference) {
  	.hidden-from-left,
	.hidden-from-right,
	.hidden-from-above, 
	.hidden-from-below {
    	transition: all 1s;
  	}
}
/*---- End of Animations ----*/
/*---- Media Rules ----*/
/*----SCREEN WIDTH 1200 to 1536px----*/
@media only screen 
	and (min-width: 1201px)
	and (max-width: 1536px) {
}
/*----SCREEN WIDTH 1200 to 1536px and SMALL VH----*/
@media only screen 
	and (min-width: 1201px)
	and (max-width: 1536px)
	and (min-height: 0px)
	and (max-height: 820px){
}
/*----SCREEN WIDTH 900 to 1200px----*/
@media only screen 
	and (min-width: 901px)
	and (max-width: 1200px) {
		/*---Media Kits---*/
		.media-kit-carousel .carousel-item-next, 
		.media-kit-carousel .carousel-item-prev, 
		.media-kit-carousel .carousel-item.active {
			min-height: 350px;
		}
}
/*----SCREEN WIDTH 900 to 1200px Landscape----*/
@media only screen and (orientation : landscape)
	and (min-width: 901px)
	and (max-width: 1200px) {
		/*---Media Kits---*/
		.media-kit-carousel .carousel-item-next, 
		.media-kit-carousel .carousel-item-prev, 
		.media-kit-carousel .carousel-item.active {
			min-height: 350px;
		}
}
/*----SCREEN WIDTH 600 to 900px----*/
@media only screen 
	and (min-width: 601px)
	and (max-width: 900px) {
		/*---Solution Pages---*/
		.lead-gen-solution-card-left {
			width: 80%;
		}
		.lead-gen-solution-card-right-top {
			width: 80%;
		}
		.lead-gen-solution-card-right-bottom {
			width: 80%;
			text-wrap: pretty;
		}
		.solution-intro-card,
		.solution-example-card {
			font-size: 1.2em;
		}
		.lead-gen-solution-card-left, 
		.lead-gen-solution-card-right-top, 
		.lead-gen-solution-card-right-bottom {
			font-size: 1em;
		}	
		.event-card {
			min-height: 200px;
		}
		/*---Media Kits---*/
		.media-kit-carousel .carousel-item-next, 
		.media-kit-carousel .carousel-item-prev, 
		.media-kit-carousel .carousel-item.active {
			min-height: 250px;
		}
		.media-kit-container {
			min-height: 85vh;
		}
}
/*----SCREEN WIDTH 600 to 900px Landscape----*/
@media only screen and (orientation : landscape)
	and (min-width: 601px)
	and (max-width: 900px) {
		/*---Media Kits---*/
		.media-kit-carousel .carousel-item-next, 
		.media-kit-carousel .carousel-item-prev, 
		.media-kit-carousel .carousel-item.active {
			min-height: 200px;
		}
}
/*----SCREEN WIDTH 0 to 600px----*/
@media only screen 
	and (min-width: 0px)
	and (max-width: 600px) {
		.desktop {
			display: none;
		}
		.mobile {
			display: block;
		}
		/*---Media Kits---*/
		.media-kit-container {
			min-height: 0;
		}
		/*---Solutions---*/
		.solution-example-card {
			font-size: 1.2em;
			width: 100%
		}
}