/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 02 2023 | 07:30:02 */
@font-face {
	font-family: 'Agency';
	font-display: swap;
	src: url("https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/Agency.ttf");
}
body {
	font-family: 'Lato', sans-serif;
	color:#141926;
}
body > div {
	font-size: 18px;
	color: #221d22;
	font-weight:400;
}
a {
	text-decoration: none !important;
	color: #141926;
}
/*HEADING_SECTION*/
h1,h2,h3,h4,h5,h6 {
	font-family: 'Oxygen', sans-serif;
}
h1 {
	font-family: 'Agency';
	font-size: 79px;
}
h2 {
	font-size: 36px;
	font-weight:400;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 22px;
}
.entry-content ul {
	margin-bottom: 0;
}
h2.header_tag{
	font-family: 'Agency';
}
/*MENU_SECTION*/
.menu a {
	font-family: 'Lato', sans-serif;
	font-size: 27px;
	font-weight: 400;
	color:#fff!important;
}
.menu li {
	padding: 0 16px;
}
.menu li:first-child {
	padding-left: 0;
}
.menu li:last-child {
	padding-right: 0;
}
.vc_row .nav-primary,
.menu-toggle {
	float: none;
}
.nav-primary .genesis-nav-menu a {
	padding-left: 0; 
	padding-right: 0; 
}
.widget ul > li {
	margin: 0;
}
.genesis-nav-menu .menu-item-type-post_type.current-menu-item > a {
	font-weight:700;
}
/***** Full Width CSS ******/
.header-full-width .wpb-content-wrapper .row-container[data-vc-full-width]>.vc_row{
	max-width: 1200px;
	margin: 0 auto;
}
.header-full-width .wpb-content-wrapper .row-container[data-vc-stretch-content]>.vc_row{
	max-width: 100%;
}
/*Sub Menu*/
.genesis-nav-menu .sub-menu a {
	border: 0;
	width: 100%;
	background-color: transparent;
}
.menu li .sub-menu {
	top: 20px;
	background-color: #d9d9d8;
	padding-bottom: 15px;
	border: 0;
	text-align: left;
}
.menu li .sub-menu li {
	margin: 0;
}
/*BUTTON_SECTION*/
.vc_row .wpb_button,.vc_row .wpb_content_element,.vc_row ul.wpb_thumbnails-fluid > li,.entry {
	margin-bottom: 0;
}
.vc_row .vc_btn3.vc_btn3-style-custom {
	font-size: 18px;
	font-weight: 400;
	border-radius: 0;
	padding:4px 15px;
	border-radius:5px;
	background:#e44e3f;
	font-family: 'Open Sans', sans-serif;
}
.vc_row.blog-row .vc_btn3.vc_btn3-style-custom {
	font-size:10px;
}
/*PLACEHOLDER_SECTION*/
::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
:-moz-placeholder {
	color: #fff;
	opacity: 1;
}
::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}
/*FORM_SECTION*/
input,select,textarea {
	background-color: transparent;
	border:1px solid #072933 !important;
	color: #fff !important;
	font-size: 14px;
	padding: 10px 12px !important;
	border-radius: 0;
	line-height: 1;
	width:100%!important;
}
.vc_row .gform_wrapper .gform_footer input[type="submit"] {
	margin: 0;
	background: #aa3c3a;
	font-weight: 400;
	color:#fff!important;
	border-radius: 0;
	font-family: 'Abel', sans-serif;
	border:0!important;
	font-size: 20px !important;
	padding: 10px 15px !important;
}
.vc_row .gform_wrapper .gform_footer {
	margin-top: 16px;
	padding: 0 0;
	text-align:right;
	display:block;
}
.vc_row textarea {
	resize: none;
	height: 130px;
}
body .top_label div.ginput_container {
	line-height: 0;
}
.gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 185px;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-half {
	-ms-grid-column-span: 6;
	grid-column: span 6;
}
.gform_wrapper.gravity-theme .gfield {
	grid-column: 1/-1;
}
.gform_wrapper.gravity-theme .gform_fields {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr 2%) [12];
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(auto-fill, auto);
	grid-column-gap: 2%;
	grid-row-gap: 16px;
}
.gform_wrapper.gravity-theme .gfield label,.gform_validation_container {
	display: none;
}
h2.gform_submission_error {
	font-size: 24px;
}
.gform_confirmation_message {
	color: #221d22;
	text-align: center;
	padding: 5em;
}
.validation_message,.gform_submission_error {
	color: #ff0000;
}
.error404 .search-form-input {
	border: 2px solid #000 !important;
}
.error404 .search-form-submit {
	color: #fff !important;
}
#contact .wpb_raw_code.contact-links {
	position: relative;
	top: -28px;
}
/*AUDIO_SECTION*/
.fa.fa-download,.vc_row .mejs-horizontal-volume-slider, .vc_row .mejs-time-float, audio, .ginput_container_fileupload .gform_fileupload_rules, .vc_row .mejs-time, .vc_row .mejs-volume-button, .vc_row .mejs-time-handle-content{
	display:none !important;
}
.vc_row .mejs-container .mejs-controls, .vc_row .mejs-container{
	background: transparent;
}
.vc_row .mejs-controls .mejs-time-rail .mejs-time-total, .vc_row .mejs-time-float-corner, .vc_row .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #fff;
	top: 21px;
	height: 10px;
	width: 95%;
	left: 0;
	right: -3px;
	margin: 0 auto;
}
.vc_row .customaudioplayer .mejs-button>button,body .mejs-replay button {
	background: transparent;
	margin: 0;
	cursor:pointer;
}
.vc_row .mejs-button {
	width: 25px;
	height: 25px;
	position: relative;
	top: 9px;
}
.customaudioplayer .mejs-pause:before {
	background-position: -23px 3px;
}
.customaudioplayer .mejs-play:before, .customaudioplayer .mejs-replay:before {
	background-position: 8px 3px;
}
.customaudioplayer .mejs-play:before, .customaudioplayer .mejs-replay:before, .customaudioplayer .mejs-pause:before {
	position: absolute;
	width: 30px;
	height: 30px;
	content: "";
	background-image: url(https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/sprite.svg);
	background-size: 70px;
	background-repeat: no-repeat;
	top: 6px;
}
.vc_row .mejs-time-rail{
	margin: 0;
}
.vc_row .wp-audio-shortcode{
	margin:0;
	height:28px !important;
	width: calc(100% - 24px)!important;
}
.customaudioplayer {
	position: relative;
	width: 98%;
	margin: 0 auto;
	min-height: 24px;
	border: 1px solid #062933;
	margin: 8px 20px;
}
.custom-audio-title{
	display:none
}
.customaudioplayer .download-audio a {
	position: absolute;
	width: 27px;
	height: 27px;
	content: "";
	background-image: url(https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/sprite.svg);
	background-position: -46px 6px;
	background-size: 72px;
	background-repeat: no-repeat;
	top: -28px;
	right: 6px;
	z-index: 9;
}
.download-audio {
	position: relative;
}
body .mejs-time-current{
	background: #aa3c3a!important;
	height: 10px;
}
body span.mejs-time-loaded,  body span.mejs-time-hovered, body span.mejs-time-buffering {
	display:none !important;
}
body .mejs-button button{
	transition: none !important;
}
.vc_row .mejs-controls{
	padding:0 5px 0 0;
} 
.vc_row.audio-row .wpb_text_column br,.custom-audio-title{
	display:none;
}
.mejs-button>button:focus {
	outline: none!important;
}
.custom-audio-title{
	position: absolute;
	top: -26px;
	left: 0;
	font-size: 18px;
	width: calc(100% - 82px);
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	text-align: left;
}
.custom-event-class .wpb_video_widget {
	background-image:url(https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/video.gif);
}
.custom-event-class .customaudioplayer:before {
	position: absolute;
	width: 28px;
	height: 28px;
	content: "";
	background-image: url(https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/sprite.svg);
	background-size: 70px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	left: 0;
	top: 2px;
}
.custom-event-class .customaudioplayer:after {
	content: '';
	background: #fff;
	position: absolute;
	width: calc(100% - 66px);
	height: 10px;
	left: 0;
	margin: 0 auto;
	right: 5px;
	top: 9px;
}
.custom-event-class .customaudioplayer {
	height: 32px;
}
.custom-event-class .customaudioplayer .download-audio a {
	top: 0;
}
.custom-event-class .nav-primary {
	position: initial!important;
	background: transparent;
	border: 0;
}
/*CLIENT_SECTION*/
.wpls-logo-showcase button.slick-prev, .wpls-logo-showcase button.slick-prev:hover,.wpls-logo-showcase button.slick-prev:focus {
	background: url("https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/left_arrows.svg")!important;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat !important;
}
.wpls-logo-showcase button.slick-next, .wpls-logo-showcase button.slick-next:hover,.wpls-logo-showcase button.slick-next:focus {
	background: url("https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/right_arrows.svg") !important;
	background-repeat: no-repeat !important;
	width: 25px;
	height: 25px;
	border-radius:0 !important;
}
.wpls-logo-showcase .slick-next {
	right: -13px !important;
}
.shadow-row:before,.shadow-row:after {
	position: relative;
	z-index: 9;
	display: inline-block!important;
	content: ''!important;
	height: 17px;
	width: 100%;
	background: radial-gradient(ellipse at 50% 0,#0000004a,transparent 58%);
}
.shadow-row:before {
	top: 0;
	transform: rotate(180deg);
}
.shadow-row:after {
	bottom: 0;
	transform: rotate(0deg);
}
/* TESTIMONIAL_SECTION */
.testimonial-field.testimonial-name{
	padding-top:1em;
	font-weight: 700;
	padding-right:5px;
}
.vc_row .testimonial-name, .testimonial-company {
	display:inline-block;
	color:#AA3C3A;
}
.vc_row .testimonial {
	padding: 0 10em;
	position: relative;
}
.vc_row .testimonial-content:before {
	background-image: url(https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/left_quotes.svg)!important;
	left: 80px;
	top: -25px;
}
.vc_row .testimonial-content:after {
	background-image: url(https://www.voicesbyjohnm.com/wp-content/uploads/2022/08/right_quotes.svg)!important;
	right: 80px;
	bottom: 0;
}
.vc_row .testimonial-content:before, .vc_row .testimonial-content:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
}
/*BANNER_SECTION */
.menu-row .text-center.logo_row .vc_column-inner {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 86% 100%, 14% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 86% 100%, 14% 100%);
}
#footer .vc_row .text-center .vc_column-inner {
	-webkit-clip-path: polygon(25% 0%, 75% 0%, 85% 100%, 15% 100%);
	clip-path: polygon(25% 0%, 75% 0%, 83% 100%, 17% 100%);
}
.client-img{
	transform: translate(-34px, 0px);
}
/* ABOUT_SECTION */
.about-row p{
	margin: 0 0 15px;
	line-height:32px;
}
.para-text i{
	color:#072933;
	font-style:normal;
}
.para-text p{
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:29px;
}
.main-heading.wpb_column {
	width: 38%!important;
}
.demos-column.wpb_column {
	width: 28%!important;
}
.client-img.wpb_column {
	width: 34%!important;
}
/*FOOTER_SECTION*/
.site-footer p,.site-footer a{
	font-size:18px;
	color:#fff;
}
/*LOAD_MORE*/
.content-sidebar .content,.content-sidebar-sidebar .content,.sidebar-content-sidebar .content,.sidebar {
	padding: 2em 15px;
}
.vc_row .disable .vc_btn3, .vc_row .group,.home #error-page  {
	display: none;
}
.vc_row .group.active {
	display: block;
}
.vc_row .preview-lazyload {
	position: absolute;
	top: 0;
}
.menu-row .mobile{
	display:none !important;
}

/*RESPONSIVE_SECTION*/
@media only screen and (max-width: 1280px) {
	.customaudioplayer {
		margin: 8px 0;
	}
}
@media only screen and (max-width: 1200px) {
	.tel-links.wpb_column{
		width:25%!important;
	}
	.email-links.wpb_column{
		width:40%!important;
	}
	.header-col .vc_column-inner {
		background-image:none !important;
	}
	.social-links.wpb_column{
		width:35%!important;
	}
	h1 {
		font-size: 60px;
	}
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 959px) {
	.menu-toggle,.menu-toggle:hover,.menu-toggle:focus {
		color: #fff!important;
	}
	.menu.genesis-nav-menu a {
		display: inline;
	}
	.menu-toggle {
		padding: 10px;
		margin:0 auto;
		font-size: 24px;
		font-weight: 700;
	}
	.menu li {
		padding:10px 0;
	}
	.menu li .sub-menu {
		padding-bottom: 0;
	}
	.menu {
		position: absolute;
		background: #000000;
		width: 80%;
		text-align: center;
		right: 0;
		top: 0;
		left: 0;
		margin: 0 auto;
		padding: 6px;
		z-index: 9999;
		border: 2px solid #e44e3f;
	}
	.entry-content ul {
		padding-left: 0;
	}
	.main-heading.wpb_column,.demos-column.wpb_column,.client-img.wpb_column ,.menu-row .wpb_column ,.email-links.wpb_column,.social-links.wpb_column,.tel-links.wpb_column{
		width: 100%!important;
	}
	#menu-section .vc_row.parentrower .innercontainer,#menu-section .vc_row.parentrower,#banner .vc_row.parentrower .innercontainer,#banner .vc_row.parentrower {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex!important;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#menu-section .mobilefirst,#banner .mobilefirst {
		-webkit-order: 1;
		order: 1;
	}
	#menu-section .mobilesecond,#banner .mobilesecond {
		-webkit-order: 2;
		order: 2;
	}
	#menu-section .mobilethird,#banner .mobilethird {
		-webkit-order: 3;
		order: 3;
	}
	.menu-row .mobile{
		display:block !important;
	}
	.menu-row .desktop{
		display:none !important;
	}
	h1,#header .wpb_raw_code ,#header .text-right.social-links {
		text-align:center!important;
	}
	#menu-section{
		z-index:9;
	}
	.vc_row .mejs-controls .mejs-time-rail .mejs-time-total, .vc_row .mejs-time-float-corner, .vc_row .mejs-controls .mejs-time-rail .mejs-time-loaded {
		width: 97%;
	}
	.mobilesecond.demos-column .vc_column-inner,.mobilefirst.main-heading .vc_column-inner,.vc_row.parentrower{
		padding-top: 1em !important;
		padding-bottom: 0!important;
	}
	.vc_row.parentrower{
		padding-top:0!important;
	}
	.para-text p,.mobilesecond.demos-column{
		padding-bottom: 1em!important;	
	}
	.client-img{
		transform: inherit;
	}
}
@media only screen and (max-width: 767px) {
	h1,h5,h2,.vc_row .wpb_single_image,.vc_row .vc_btn3-container,.site-footer .text-right,.site-footer p,.site-footer .vc_row,#banner .site-logo,.vc_row .testimonial-name, .vc_row .testimonial-company,.vc_row.header-row,.vc_row.header-row .text-right,#contact .vc_column-inner,#header .vc_column-inner ,.para-text p{
		text-align: center !important;
	}
	.customaudioplayer{
		margin: 8px auto;
		width: 90%;
	}
	.vc_row .testimonial {
		padding: 0 2em;
	}
	.vc_row .testimonial-content:before {
		left: 0;
		top: 0px;
	}
	.vc_row .testimonial-content:after {
		right: 0;
	}
	.vc_row .testimonial-content:before, .vc_row .testimonial-content:after {
		width: 20px;
		height: 20px;
	}
	#footer .vc_row .text-center .vc_column-inner {
		clip-path: inherit;
	}
	#contact .wpb_single_image{
		padding-top:2em;
	}
	.vc_row .gform_wrapper .gform_footer input[type="submit"] {
		padding: 0 15px !important;
	}
	#contact{
		padding-bottom: 1em !important;
	}
}
@media only screen and (max-width: 640px) {
	.gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
		grid-column: 1/-1;
	}
}
@media only screen and (max-width: 639px) {
	.wpb_raw_code.contact-links{
		margin-right: 0!important;
		display: block!important;
	}
	.para-text p {
		font-size: 25px;
	}
}
@media only screen and (max-width: 479px) {
	#header .wpb_raw_code.contact-links{
		margin-right:0 !important;
		display:block!important;
	}
	.vc_row .mejs-controls .mejs-time-rail .mejs-time-total, .vc_row .mejs-time-float-corner, .vc_row .mejs-controls .mejs-time-rail .mejs-time-loaded {
		width: 90%;
	}
	.about-row h2 {
		font-size: 23px;
	}
	#contact h2 {
		font-size: 28px;
	}
	h1 {
		font-size: 50px;
	}
}