@font-face{
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-bold-02-webfont.woff2') format('woff2'),
         url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-bold-02-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-01-webfont.woff2') format('woff2'),
         url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-01-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-light-08-webfont.woff2') format('woff2'),
         url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-light-08-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-medium-11-webfont.woff2') format('woff2'),
         url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-medium-11-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-thin-13-webfont.woff2') format('woff2'),
         url('/wp-content/themes/KartoffelFilms2023/fonts/helveticaneue-thin-13-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
:root {
  --accent: #4BD4BA;
  --secondary: #FF34FF; 
}
body, button, input, select, textarea{
	font-family: 'Helvetica Neue', sans-serif;
	color: #000;
}
body {
    --gp-slideout-width: 600px;
}
h2 {
	font-size: 38px;
	letter-spacing: -0.04em;
}
.thecwmMenuBtn a{
	background-color: var(--accent);
	border-radius: 60px;
	color: #fff !important;
	font-size: 1.181vw;
	line-height: 2.1em !important;
}
.menu-bar-items .gp-icon svg{
	height: 1.52em;
	width: 1.52em;
	top: .4125em;
}
.main-navigation .menu-bar-item.slideout-toggle a{
	padding-right: 0;
	line-height: 2.1em;
}
.kartoffel-icon{
	width: auto;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.kartoffel-icon img{
	max-height: 45px;
	width: auto;
}
.thecwmHomeHeroSec{
	background-color: #fff;
	padding: 100px 0;
	text-align: center;
	position: relative;
}
.thecwmHomeHeroSec .thecwmHeroInsideWrap{
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 40px;
}
.thecwmHomeHeroSec h1{
	font-size: 9.5vw;
}
.thecwmTextAccent{
	color: var(--accent);
}
.thecwmHomeHeroSec .thecwmHeroVideoThumb{
	width: 272px;
	height: 115px;
	display: inline-block;
	background-color: #fff;
	overflow: hidden;
}
.thecwmHeroVideoThumb .video-container .background-video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.thecwmHeroVideoThumb .video-container{
	line-height: 0;
}
.ms-slider {
  display: inline-block;
  height: 1.4em;
  overflow: hidden;
  vertical-align: middle;
	/***
  -webkit-mask-image: linear-gradient(transparent, white, white, white, transparent);
          mask-image: linear-gradient(transparent, white, white, white, transparent);
  mask-type: luminance;
  mask-mode: alpha;
	***/
}
.ms-slider__words {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-animation-name: wordSlider;
          animation-name: wordSlider;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.ms-slider__word {
  display: block;
  line-height: 1.3em;
  text-align: left;
}

@-webkit-keyframes wordSlider {
  0%, 27% {
    transform: translateY(0%);
  }
  33%, 60% {
    transform: translateY(-25%);
  }
  66%, 93% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(-75%);
  }
}

@keyframes wordSlider {
  0%, 27% {
    transform: translateY(0%);
  }
  33%, 60% {
    transform: translateY(-25%);
  }
  66%, 93% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(-75%);
  }
}

.thecwmTextSecondary{
	color: var(--secondary);
}
.thecwmFiveStar:after{
	content:'';
	display: inline-block;
	background: url('/wp-content/uploads/fiveStar.png');
	width: 85px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 7px;
}
.thecwmFullHeightImg .gb-block-image{
	height: 100%;
}
.gb-accordion{
	counter-reset: element;
}
.gb-accordion .gb-accordion__item:before{
	counter-increment: element;               
  	content:counter(element, decimal-leading-zero);	
	position: absolute;
	left: 0;
	top: 50px;
	font-size: 20px;
}
.gb-accordion__item{
	padding-left: 25vw;
	position: relative;
}
.gb-button.gb-accordion__toggle{
	font-size: 38px;
	background-color: #fff !important;
	line-height: 1.2;
	letter-spacing: -0.02em;
	padding: 40px;
}
.gb-accordion__content, .gb-accordion__content p{
	font-size: 18.39036px;
}
.gb-accordion__content .gb-container{
	background-color: #fff;
	margin-bottom: 0px;
	padding: 20px 40px;
}
.gb-accordion__item:after{
	content:'';
	height: 1px;
	width: 100%;
	background-color: #9A9A9A;
	display: block;
}
.wpcf7-form label,
.wpcf7-form .wpcf7-submit{
	font-size: 18.39036px;
}
.wpcf7-form .wpcf7-submit {
	background-color: #FF33FF;
	border-radius: 58px;
	padding: 18px 50px;
}
.wpcf7-form-control-wrap {
	padding-top: 5px;
	display: block;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{
	border-radius: 8px;
	border-color: #C8CACD;
	width: 100%;
	padding: 20px;
	font-size: 18.39036px;
}
::placeholder{
	color: #9DA3AE;
}
.thecwmHighlightedTitle.thecwmXLcta{
	font-size: 48px;
}
.thecwmTextDecoUnderline{
	text-decoration: underline;
}
.widget-title,
.widgettitle{
	font-size: 14px;
	letter-spacing: -0.04em;
	margin-bottom: 20px;
	line-height: 1.5;
}
.footer-widgets a{
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -0.04em;
	border-bottom: 1px solid #2D687B;
	display: block;
}
.footer-widgets p{
	font-size: 14px;
	letter-spacing: -0.04em;
}
.site-footer .inside-footer-widgets .footer-widget-1{
	flex: 0 0 32%;
}
.footer-widget-1 a{
	border: 0;
}
#menu-footer-contact-info li{
	margin-bottom: 0;
}
.copyright-bar{
	font-size: 14px;
	letter-spacing: -0.04em;
}
.inside-site-info{
	display: flex;
	align-items: flex-start;
	padding: 70px 40px;
}
.footer-widgets-container{
	padding-top: 70px;
}
.footer-bar{
	display: flex;
	flex: 0 0 67%;
	text-align: left;
}
.footer-bar .widget-title {
	display: block;
}
.footer-bar a{
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -0.04em;
}
.footer-bar aside:nth-child(1){
	flex: 0 0 25%;
}
.footer-bar aside:nth-child(2){
	flex: 0 0 50%;
}
.footer-bar aside:nth-child(2) p{
	padding-left: 12px;
	font-size: 14px;
	letter-spacing: -0.04em;
}
.footer-bar .widget-title, .widgettitle{
	margin-bottom: 10px;
}
#footer-widgets .footer-widget-2{
	flex: 0 0 17%;
}
#menu-footer-services{
	display: flex;
	flex-wrap: wrap;
}
#menu-footer-services li{
	flex: 0 0 calc(33.33% - 40px);
	margin-left: 40px;
}
.menu-footer-services-container{
	margin-left: -40px;
}
#generate-slideout-menu.slideout-navigation button.slideout-exit{
	text-align: right !important;
	padding-top: 40px;
}
.slideout-navigation .main-nav ul li a{
	padding-left: 100px;
	padding-right: 100px;
	line-height: 60px;
	font-size: 30px;
	letter-spacing: -0.02em;
}
.slideout-navigation .main-nav ul li.menu-item-has-children>a {
	padding-right: 100px;
}
.slideout-navigation .main-nav ul ul li a{
	padding-left: 170px;
	padding-right: 100px;
	line-height: 1.2;
	font-size: 30px;
	letter-spacing: -0.02em;
}
.thecwmTeamSec p{
	font-size: 26px;
	line-height: 1.3;
	letter-spacing: -0.01em;
}
.thecwmStats p{
	font-size: 20.74px;
	letter-spacing: -0.03em;
	margin-bottom: 0;
}
.thecwmStats h2{
	font-size: 157.74px;
	letter-spacing: -0.03em;
}
.thecwmStats .wp-block-group__inner-container{
	padding: 0 40px;
}
.thecwmStatsSec{
	position: relative;
}
.thecwmStatsSec:after{
	content: '';
	width: 50%;
	height: auto;
	background-image: url('/wp-content/uploads/globe.png');
	display: block;
	z-index: 9999;
	position: absolute;
	right: 0;
	top: 70px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	bottom: 70px;	
}
.thecwmHomePanels .accordion-content{
	padding-bottom: 0;
}
.thecwmHomePanels .thecwmPanelWistiaWrapper,
.thecwmHomePanels .thecwmPanelLeftCol h3{
	margin-bottom: 0;
}
.thecwmHomePanels .accordion-panel{
	background-color: #fff;
}
.thecwmHomePanels .accordion-header{
	color: #CCCCCC;
}
/* Full width and height video */




.page-id-6376 article p{
	line-height: 1.2;
}
.page-id-6376 article a{
	color: #000;
}
.page-id-6376 article .wpcf7-form .wpcf7-submit{
	background-color: #000;
}
.page-id-6376 article .thecwmCareerSec a{
	color: #fff;
}
.single-service .thecwmPageTitle .entry-title{
	color: rgba(0, 0, 0, 0.3);
}
.single-service .thecwmPageTitle .entry-title span{
	color: rgba(0, 0, 0, 1);
}
.single-service .entry-header.thecwmPageTitle,
.page-id-6376 .entry-header.thecwmPageTitle{
	max-width: 1500px;
	margin: 0 auto;
}
.single-service .entry-content p,
.single-service .entry-content li{
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: -0.02em;
}
.single-service .entry-content a:not(.thecwmSMbutton){
	color: #000;
}
.single-service .thecwmStartProjectForm > .gb-container,
.post-type-archive-casestudy .thecwmStartProjectForm > .gb-container,
.tax-sector .thecwmStartProjectForm > .gb-container{
	position: relative;
}
.single-service .thecwmStartProjectForm > .gb-container:before,
.post-type-archive-casestudy .thecwmStartProjectForm > .gb-container:before,
.tax-sector .thecwmStartProjectForm > .gb-container:before{
	content:'';
	position: absolute;
	left: 40px;
	top: 0;
	right: 40px;
	height: 1px;
	background-color: #BFBFBF;
	z-index: 99;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
.wpcf7-form p{
	text-align: left;
}
.post-type-archive-casestudy .page-header,
.tax-sector .page-header,
.tax-subject .page-header,
.page-template-portfolio-sitemap .page-header{
	padding: 40px 0 0;
	margin-bottom: 10px;
	flex: 0 0 100%;
}
.thecwmProjectsWrapper{
	display: flex;
	flex-wrap: wrap;
	padding: 0 40px 40px;
	justify-content: space-between;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
.thecwmProjectsWrapper .thecwmProjectsCol{
	flex: 0 0 calc(70% + 40px);
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}
.thecwmProjectsWrapper .thecwmFiltersCol{
	flex: 0 0 calc(30% - 40px);
}
.thecwmProjectsCol .thecwmProject{
	flex: 0 0 calc(50% - 40px);
	margin: 20px;
}
.thecwmProjectsWrapper .paging-navigation{
	flex: 0 0 100%;
	padding: 20px;
}
.thecwmProjectDetails .thecwmProjectTitle,
.thecwmProjectClient{
	font-size: 14.67px;
	letter-spacing: -0.03em;
	color: #000;
	margin-bottom: 0;
}
.thecwmProjectDetails .thecwmProjectTitle a{
	text-decoration: none;
	color: #000;
}
.post-type-archive-casestudy .site-main,
.tax-sector .site-main{
	margin-bottom: 0;
}
/*** Toggle Switch Filter ***/
.thecwmFiltersCol .thecwmCapsuleHeads{
	background-color: #E0E0E0;
	border-radius: 90.4px;
	padding: 5px;
	display: inline-block;
}
.thecwmCapsuleHeads .title-capsule:nth-child(1){
	margin-right: 10px;
}
.toggle-container {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
}
.title-capsule {
    display: inline-block;
}
.title-capsule input {
    display: none;
}
.title-capsule label {
    background-color: transparent;
    border-radius: 90.4px;
	font-size: 13.26px;
	cursor: pointer;
	padding: 0 18px;
	line-height: 2.691em;
	display: block;
}
.title-capsule input:checked + label {
    background-color: #FF33FF; /* color when capsule is active */
    color: #E0E0E0;
}
.content{
    display: none;
}
#style-content {
    display: block; /* Initially show style content */
}
/*** End Toggle Switch Filter ****/
.thecwmFiltersCol ul{
	list-style: none;
	margin: 30px 0;
	counter-reset: element;
}
.thecwmFiltersCol li{
	position: relative;
	border-bottom: 1px solid #B5B5B5;
	padding: 5px 20px;
}
.thecwmFiltersCol li a{
	text-decoration: none;
	font-size: 14.67px;
	color: #000;
	letter-spacing: -0.03em;
}
.thecwmFiltersCol li:before{
	counter-increment: element;
	content: counter(element, decimal-leading-zero);
	font-size: 9.67px;
	color: #B5B5B5;
	position: absolute;
	top: 7px;
	left: 0;
}
.thecwmFiltersCol li.active a{
	font-weight: 700;
}
.thecwmFiltersCol h4,
.thecwmBpostFilter h4,
.thecwmBpostPagination h4{
	font-size: 14.67px;
	letter-spacing: -0.03em;
	color: #CCCCCC;
	margin: 20px 0 10px;
}
.thecwmProjectsArchivePanel{
	padding: 0 40px;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
.thecwmProjectsArchivePanel .accordion-panel{
	background-color: #fff;
}
.thecwmProjectsArchivePanel .thecwmVideoStylesAccordionBlock{
	padding: 0 70px;
}
.thecwmProjectsArchivePanel .accordion-header {
	color: #CCCCCC;
}
.thecwmProjectsArchivePanel .accordion-panel .thecwmPanelContent{
	flex-wrap: wrap;
}
.thecwmProjectsArchivePanel .thecwmPanelContent ul{
	list-style: none;
	margin: 0;
	width: 100%;
}
.thecwmProjectsArchivePanel .thecwmPanelContent li{
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
	border-top: 1px solid #B5B5B5;
}
.thecwmProjectsArchivePanel .thecwmPanelContent li span{
	flex: 0 0 50%;
	font-size: 14.67px;
	letter-spacing: -0.03em;
}
.single-casestudy .site-content{
	padding: 0 40px;
}
.thecwmSingleProjectWrapper{
	display: flex;
	flex-wrap: wrap;
	padding: 70px 0;
}
.thecwmSingleProjectWrapper .thecwmSingleFilmTitle{
	flex: 0 0 66.66%;
}
.thecwmSingleProjectWrapper .thecwmSingleFilmDetail{
	flex: 0 0 33.33%;
	padding: 0 100px 0 40px;
}
.thecwmSingleFilmDetail li:nth-child(1) a{
	background-color: #4BD4BA;
	border-radius: 40px;
	color: #fff;
	text-decoration: none;
	margin-right: 10px;
	padding: 4px 15px;
	font-size: 14.67px;
	letter-spacing: -0.03em;
	display: inline-block;
	transition: all 0.3s ease;
	margin-bottom: 10px;
}
.thecwmSingleFilmDetail li:nth-child(1) a:hover{
	background-color: #000;
}
.thecwmSingleFilmDetail ul{
	list-style: none;
	margin: 0;
}
.thecwmSingleFilmDetail li{
	border-bottom: 1px solid #B5B5B5;
	padding: 15px 0;
	font-size: 14.67px;
	letter-spacing: -0.03em;
}
.thecwmSingleFilmDetail li:last-child,
.thecwmSingleFilmDetail li:nth-child(1){
	padding-bottom: 0;
}
.thecwmSingleFilmDetail li p{
	margin-bottom: 10px;
}
.mfp-content{
	background-color: #fff;
	padding: 0 100px;
}
.thecwmSiteContainer{
	max-width: 1500px;
	padding: 0 40px;
	margin-right: auto;
	margin-left: auto;
}
.thecwmBlogIntroTitle{
	font-size: 66.19px;
	letter-spacing: -0.03em;
	padding: 70px 0;
	margin: 0 40px;
	border-bottom: 1px solid #BFBFBF;
}
.thecwmDFlex{
	display: flex;
	flex-wrap: wrap;
}
.thecwmBiInner{
	margin: 30px 40px 70px;
	gap: 40px;
}
.thecwmRAPost,
.thecwmPostsRow{
	gap: 40px;
}
.thecwmBiInner .thecwmColLeft,
.thecwmRAPost .thecwmPostDetails{
	flex: 0 0 calc(45% - 20px);
}
.thecwmBiInner .thecwmColRight,
.thecwmRAPost .thecwmPostImage{
	flex: 0 0 calc(55% - 20px);
}
.thecwmBlogIntroSubTitle{
	color: #A6A6A6;
	font-size: 19px;
	letter-spacing: -0.03em;
}
.kartoffelfilms-signup .wpcf7-submit{
	margin-top: 15px;
	background-color: #000;
}
.thecwmRAPosts,
.thecwmBlogListings{
	padding-top: 40px;
}
.thecwmRAPost .thecwmPostExcerpt a{
	display: none !important;
}
.thecwmRASec,
.thecwmTopVideosSec{
	background-color: var(--greybg);
	padding: 70px 0;
}
.thecwmBiColorTitle{
	color: rgba(0,0,0,0.3);
}
.thecwmBiColorTitle span{
	color: rgba(0,0,0,1);
}
.thecwmPostMetas span{
	font-size: 11.07px;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	margin-right: 1.5em;
}
.thecwmPostTitle{
	font-size: 23px;
	letter-spacing: -0.03em;
	color: #000;
	margin: 10px 0;
}
.thecwmPostExcerpt p{
	line-height: 1.3;
	letter-spacing: -0.03em;
	color: #000;
}
.thecwmRAPost .thecwmPostPermalink,
.search-form input[type="submit"]{	
	margin-top: 15px;
	background-color: #000;
	font-size: 18.39036px;
	border-radius: 58px;
	padding: 18px 50px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.padSeventy{
	padding: 70px 0;
}
.thecwmBlogsWrapper{
	gap: 160px;
}
.thecwmBlogsWrapper .thecwmBlogListings{
	flex: 0 0 calc(75% - 80px);
}
.thecwmBlogsWrapper .thecwmBlogSidebar{
	flex: 0 0 calc(25% - 80px);
}
.thecwmPostsRow .thecwmBpostThumb, 
.thecwmPostsRow .thecwmBpostDetails{
	flex: 0 0 calc(50% - 20px);
	margin-bottom: 30px;
}
.thecwmBpostThumb{
	position: relative;
}
.thecwmBpostThumb a{
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	line-height: 1;
}
.thecwmBpostDetails .thecwmBpostCat{
	font-size: 11.07px;
	text-transform: uppercase;
	letter-spacing: -0.03em;
}
.thecwmBpostDetails .thecwmBpostTitle{
	font-size: 23px;
	letter-spacing: -0.03em;
	margin-top: 10px;
}
.thecwmBpostDetails a{
	text-decoration: none;
	color: #000;
}
.thecwmBcatList{
	margin: 0;
	list-style: none;
	background-color: #F8F8F8;
	border-radius: 22px;
	padding: 20px 10px;
}
.thecwmBcatList li a{
	color: #000;
	text-decoration: none;
	font-size: 14.26px;
	letter-spacing: -0.03em;
	border-radius: 58px;
	padding: 13px 25px;
	display: block;
	transition: all 0.3s ease-in-out;
}
.thecwmBcatList li a:hover,
.thecwmBcatList li.active a{
	background-color: #000;
	color: #fff;
}
.thecwmSearchForm{
	margin-top: 100px;
}
.search-form input[type="submit"]{
	width: 100%;
}
.search-form input[type="search"]{
	border-radius: 22px;
}
.thecwmBpostPagination .paging-navigation{
	padding: 0;
}
.paging-navigation .page-numbers{	
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	padding: 0 3px;
}
.paging-navigation .page-numbers.current,
.paging-navigation .page-numbers:hover{
	color: #000;
	border-bottom: 1px solid #FF39FF;
}
.thecwmBpostPagination{
	margin-top: 40px;
}
.thecwmMobileElement{
	display: none;
}
.thecwmTopVideosSec .thecwmBlogTitle a{
	color: #000;
}
.thecwmTopVideosSec .thecwmNextArrow{
	top: -80px;
	right: 20px;
}
.thecwmTopVideosSec .thecwmPrevArrow{
	top: -80px;
	right: 80px;
}
.thecwmPostWrapper{
	gap: 100px;
}
.thecwmPostWrapper .thecwmPostAuthorMeta{
	flex: 0 0 calc(35% - 50px);
}
.thecwmPostWrapper .thecwmPostContent{
	flex: 0 0 calc(65% - 50px);
}
.single-blogpost .wp-caption{
	width: auto !important;
}
.thecwmPostMeta span{
	font-size: 12px;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}
.thecwmPostMeta a{
	color: #000;
	text-decoration: none;
}
.thecwmPostMeta span.thecwmPostDate{
	margin-right: 2em;
}
.single-blogpost .thecwmPostAuthor{
	background-color: #F8F8F8;
	border-radius: 1000px;
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 15px;
	margin: 1em 0;
}
.single-blogpost .thecwmPostAuthor span:first-child{
	width: 146px;
	height: 146px;
	overflow: hidden;
	border-radius: 1000px;
	margin-right: 1em;
}
.thecwmPostShare{
	display: flex;
	align-items: center;
	font-size: 12px;
	letter-spacing: -0.03em;
}
.thecwmPostShare span{
	margin-right: 1em;
}
.kf-share-buttons a{
	color: #000;
	text-decoration: none;
	margin-right: 1em;
}
.thecwmPostContent p{
	font-size: 20px;
	letter-spacing: -0.03em;
	line-height: 1.3;
	margin-bottom: 1.25em;
}
.thecwmPostContent h3{
	color: #000 !important;
	letter-spacing: -0.04em;
}
.thecwmPostContent h3 span{
	color: #000 !important;
}
.thecwmPanelRightCol .thecwmSMbutton{
	color: #000;
	border: 1px solid #000;
}
.thecwmPanelRightCol .thecwmSMbutton:hover{
	color: #fff;
}
.single-service .thecwmPageTitle .entry-title{
	margin: 0;
}
.search-results .site-main{
	display: flex;
	flex-wrap: wrap;
}
.search-results .site-main .page-header{
	flex: 0 0 100%;
}
.search-results .site-main article{
	flex: 0 0 33.33%;
}
.search-results .site-main article .entry-title{
	font-size: 20px;
}
.search-results .site-main article .post-image{
	margin-top: 0.51em;
}
.single-blogpost .site-main .thecwmPostContent h2{
	font-size: 35px;
}

.sticky-enabled .main-navigation.is_stuck {
	background-color: #fff;
}
.sticky-enabled .main-navigation.is_stuck .navigation-branding img,
.sticky-enabled .main-navigation.is_stuck .site-logo.mobile-header-logo img {
	height: 48px;
	width: auto;
}
.page-id-6376 .thecwmStartProjectForm{
	display: none !important;
}
.thecwmClutchLogos{
	display: flex;
	align-items: center;
	padding: 20px 40px;
	gap: 20px;
} 
.thecwmClutchLogos img{
	max-height: 180px;
	width: auto;
}
.page-template-portfolio-sitemap .portfolio-grid .thecwmProject{
	width: calc(50% -  40px);
}
.page-template-portfolio-sitemap .thecwmProjectsWrapper .thecwmProjectsCol{
	display: block;
}
.taxonomy-filter .filter-button.active{
	font-weight: bold;
}
.taxonomy-filter .filter-button{
	cursor: pointer;
}














@media only screen and (min-width: 1200px){
	.gb-button.gb-accordion__toggle{
		font-size: 2.917vw;
	}
	.gb-accordion__content, .gb-accordion__content p{
		font-size: 1.389vw;
	}
	.wpcf7-form label,
	.wpcf7-form .wpcf7-submit,
	.thecwmRAPost .thecwmPostPermalink{
		font-size: 1.389vw;
	}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{
		font-size: 1.389vw;
	}
	.thecwmHighlightedTitle.thecwmXLcta{
		font-size: 5.556vw;
	}
	.thecwmDeskRight{
		float: right;
	}
	h2 {
		font-size: 4.583vw;
	}
	.thecwmStats h2{
		font-size: 11.895vw;
	}
	.thecwmStats p{
		font-size: 1.522vw;
	}
	.thecwmProjectDetails .thecwmProjectTitle, 
	.thecwmProjectClient, 
	.thecwmFiltersCol li a, 
	.thecwmFiltersCol h4,
	.thecwmProjectsArchivePanel .thecwmPanelContent li span,
	.thecwmSingleFilmDetail li:nth-child(1) a,
	.thecwmSingleFilmDetail li,
	.thecwmBpostFilter h4,
	.thecwmBpostPagination h4{
		font-size: 1.13vw;
	}
	.thecwmFiltersCol li:before{
		font-size: .731vw;
	}
	.thecwmBlogIntroTitle{
		font-size: 5vw;
	}
	.thecwmPostMetas span{
		font-size: 1vw;
	}
	.thecwmPostTitle{
		font-size: 1.82vw;
	}
	.thecwmBpostDetails .thecwmBpostCat{
		font-size: .840vw;
	}
	.thecwmBpostDetails .thecwmBpostTitle{
		font-size: 1.78vw;
	}



	
}/**1200+***/

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.thecwmBlogsWrapper{
		gap: 100px;
	}
	.thecwmBlogsWrapper .thecwmBlogListings {
		flex: 0 0 calc(75% - 50px);
	}
	.thecwmBlogsWrapper .thecwmBlogSidebar {
		flex: 0 0 calc(25% - 50px);
	}
	
	
}/****1024****/


@media only screen and (max-width: 767px){
	html, body{
		overflow-x: hidden !important;
	}
	.gb-accordion__item {
		padding-left: 0;
	}
	.gb-accordion .gb-accordion__item:before {
		position: relative;
		top: 0;
		display: block;
		margin-top: 20px;
	}
	.gb-button.gb-accordion__toggle,
	.gb-accordion__content .gb-container{
		padding: 20px 0;
	}
	.gb-button.gb-accordion__toggle {
		font-size: 20px;
	}
	.thecwmLatestArticlesWrapper .thecwmSecHead a {
		display: none;
	}
	.thecwmLatestArticle h2 {
		font-size: 20px;
	}
	.thecwmHomeHeroSec h1 {
		font-size: 66.2px;
		text-align: left;
		position: relative;
		margin-bottom: 0;
	}
	.thecwmHomeHeroSec .thecwmHeroVideoThumb{
		width: 35vw;
		height: 17vw;
		position: absolute;
		top: 70px;
		right: 0;
	}
	.footer-bar {
		display: block;
		order: 2;
	}
	.footer-bar-align-right .copyright-bar{
		order: 1;
		margin-bottom: 20px;
		text-align: left;
	}
	.footer-bar aside:nth-child(2) p{
		padding-left: 0;
	}
	.footer-bar aside{
		margin-bottom: 20px;
	}
	#menu-footer-services li {
		flex: 0 0 calc(50% - 40px);
	}
	.footer-widget-2 a{
		display: inline-block;
	}
	.inside-site-info {
		padding-top: 20px;
	}
	.footer-widgets-container {
		padding-right: 40px;
		padding-left: 40px;
	}
	body {
    	--gp-slideout-width: 100%;
	}
	.slideout-navigation .main-nav ul li a{
		padding-left: 40px;
		padding-right: 40px;
	}
	.slideout-navigation .main-nav ul li.menu-item-has-children>a {
		padding-right: 40px;
	}
	.slideout-navigation .main-nav ul ul li a {
		padding-left: 80px;
		padding-right: 40px;
	}
	.thecwmStats h2{
		font-size: 88px;
	}
	.thecwmStatsSec:after {
		height: 40%;
		background-position: right top;
	}
	.thecwmProjectsWrapper .thecwmFiltersCol{
		order: 0;
		flex: 0 0 100%;
	}
	.thecwmProjectsWrapper .page-header{
		order: 1;
	}
	.thecwmProjectsWrapper .thecwmProjectsCol{
		order: 2;
		flex: 0 0 calc(100% + 40px);
	}
	.thecwmProjectsWrapper{
		padding: 0 30px 40px;
	}
	.thecwmProjectsCol .thecwmProject {
		flex: 0 0 calc(100% - 40px);
	}
	.thecwmProjectsArchivePanel{
		padding: 0 30px;
	}
	.thecwmProjectsArchivePanel .thecwmVideoStylesAccordionBlock {
		padding: 0;
		margin-top: 40px;
	}
	.thecwmProjectsArchivePanel .accordion-header{
		font-size: 32.36px;
	}
	.thecwmSingleProjectWrapper .thecwmSingleFilmTitle {
		flex: 0 0 100%;
	}
	.thecwmSingleProjectWrapper .thecwmSingleFilmDetail {
		flex: 0 0 100%;
		padding: 0 100px 0 0;
	}
	.mfp-content{
		padding: 0 30px;
	}
	.thecwmBiInner{
		margin: 30px 0 70px;
	}
	.thecwmBiInner .thecwmColLeft,
	.thecwmRAPost .thecwmPostDetails{
		flex: 0 0 calc(100% - 20px);
		order: 2;
	}
	.thecwmBiInner .thecwmColRight,
	.thecwmRAPost .thecwmPostImage{
		flex: 0 0 calc(100% - 20px);
		order: 1;
	}
	.thecwmBlogIntroTitle {
		font-size: 48px;
		padding: 40px 0;
		margin: 0;
	}
	.thecwmRAPosts {
		padding-top: 20px;
	}
	.padSeventy{
		padding: 40px 0;
	}
	.thecwmPostsRow .thecwmBpostThumb, 
	.thecwmPostsRow .thecwmBpostDetails {
		flex: 0 0 100%;
		margin-bottom: 20px;
	}
	.thecwmBlogsWrapper .thecwmBlogListings {
		flex: 0 0 100%;
	}
	.thecwmBlogListings {
		padding-top: 20px;
	}
	.thecwmPostsRow,
	.thecwmBlogsWrapper,
	.thecwmPostWrapper{
		gap: 0;
	}
	.thecwmBlogsWrapper .thecwmBlogSidebar,
	.thecwmPostWrapper .thecwmPostAuthorMeta,
	.thecwmPostWrapper .thecwmPostContent{
		flex: 0 0 100%;
	}
	.thecwmDeskElement, .kartoffel-icon{
		display: none;
	}
	.thecwmMobileElement{
		display: block;
	}
	.single-blogpost .thecwmPageTitle{
		padding: 0;
	}
	.single-blogpost .thecwmPageTitle .entry-title{
		padding-bottom: 0;
	}
	.search-results .site-main article{
		flex: 0 0 100%;
	}
	.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.thecwmVideoStyleElements .wp-block-group__inner-container{
		padding: 0;
	}
	.thecwmVideoStyleElements .thecwmVideoStylesAccordionBlock{
		margin-top: 0;
	}
	.thecwmClutchLogos{
		flex-wrap: wrap;
	}
	.thecwmClutchLogos img{
		max-height: 180px;
		width: calc(50% - 20px);
	}
	
	


	
}/**767**/


@media only screen and (min-width: 768px){
	.thecwmMobBr{
		display: none !important;
	}
	.thecwmHomeHeroSec .thecwmHeroVideoThumb{
		background-color: #000;
	}
	.thecwmTxtOverlaidBlock .thecwmOverlayContent {
		margin-left: -30px;
	}
	
}/***/


@media only screen and (min-width: 1600px){
	.thecwmHomeHeroSec.animation-started{
		max-height: 450px;
		overflow: hidden;
	}
}/***/