/*
Theme Name: J2 Divi Child
Theme URI: http://goj2.com/
Template: Divi
Author: J2 Marketing
Author URI: http://goj2.com/
Version: 1.1
Updated: 2022-05-03 16:40:00
*/

/* Splide CSS can be found in the /styles/ folder */
/* Gravity Forms CSS can be found in the /styles/ folder */

/* Start custom CSS here */
/* Site defaults */
:root {
	--white: #fff;
	--black: #000;
	--primary1: #0f0f0f;
	--primary2: #555;
	--secondary1: #f0f0f0;
	--secondary2: #d0d0d0;
	--accent: #2ea3f2;
}

::selection {
	background: #000;
	color: #FFE12B;
}

html, body {
	overflow-x: hidden;
	background: var(--primary1);
}
/* ////////////////////////////////// */

/* Large Title Text */
.large_title h1 {
	font-size: clamp(36px, 9vw, 100px) !important;
}

/* Blog */
.k_base article {
	padding: 0 !important;
}

.k_base .et_pb_image_container {
	margin: 0 0 30px 0 !important;
}

/* Pricing */
.price_list ul {
	margin-top: 30px;
	list-style-type: none;
	padding-left: 30px;
}

.price_list li {
	margin-top: 16px;
	position: relative;
}

.price_list li::before {
	content: "";
	position: absolute;
	left: -25px;
	top: 8px;
	font-size: 26px;
	background: #000;
	box-shadow: 0 0 0 2px #000;
	height: 6px;
	width: 6px;
	display: flex;
	align-items: center;
	border-radius: 50%;
	border: 2px solid #fff;
}

.price_list.price_list_white li::before {
	background: #000;
	box-shadow: 0 0 0 2px #000;
	border: 2px solid #607d8b;
}

.price_list.price_list_black li::before {
	background: #fff;
	box-shadow: 0 0 0 2px #fff;
	border: 2px solid #000;
}

.split_list ul {
	column-count: 2;
	column-gap: 36px;
}

.split_list ul li:nth-child(1) {
	margin-top: 0;
}

@media screen and (max-width: 1440px) {
	.split_list ul {
		column-count: 1;
		column-gap: 0;
	}
}

@media screen and (max-width: 980px) {
	.split_list ul {
		column-count: 2;
		column-gap: 36px;
	}
}

@media screen and (max-width: 500px) {
	.split_list ul {
		column-count: 1;
		column-gap: 0;
	}
}

.round_button {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.round_button .et_pb_module_header::after {
	position: relative;
	display: block;
	font-size: 16px;
	font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 500;
}


.tier-1 .et_pb_module_header::after {
	content: "Biweekly";
}

.tier-2 .et_pb_module_header::after {
	content: "Weekly";
}

.tier-3 .et_pb_module_header::after {
	content: "Custom";
}

/* Buttons */
html body .et_pb_button {
	border-bottom: 4px solid !important;
}

html body .round_button .et_pb_button {
	border-bottom: 4px solid rgba(0,0,0,0.12) !important;
	transition: 200ms ease-in-out;
}

html body .round_button .et_pb_button:hover {
	filter: invert();
}

html body .round_button.black .et_pb_button {
	border-bottom: 4px solid rgba(255, 255, 255, 0.25) !important;
} 

/* Side Credits */
#powered-by {
	font-family: arial !important;
	font-weight: 500 !important;
	text-transform: none !important;
	color: #ffffff70;
	font-size: 14px;
	padding: 8px;
	padding-top: 6px;
}

#powered-by span.main {
	font-family: arial-black, arial;
	font-weight: 1000 !important;
	color: #ffffffee;
	font-size: 16px;
	letter-spacing: -.06ch;
}

#powered-by span.j {
	position: relative;
	margin-right: -.26ch;
	z-index: 5;
	text-shadow: 
		1px 1px #000,
		0 1px #000,
		1px 0 #000;
}

.flyBy {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 30px;
	background: #fff;
	mix-blend-mode: exclusion;
	z-index: 99;
}
/* ////////////////////////////////// */

/* Service Toggles */
#service_toggle_wrapper {
	color: #000;
	font-size: 16px;
	text-align: left;
	border-radius: 30px;
	overflow: hidden;
}

.service_toggle_title h2, .service_toggle_title h3, .service_desc p {
	color: rgba(0,0,0,0.5) !important;
	transition: 200ms ease-in-out;
}

.service_toggle_title h2 {
	font-size: clamp(32px, 9vw, 80px) !important;
}

@media screen and (max-width: 500px) {
	.service_toggle_title h2 {
		font-size: 26px !important;
	}
}

.service_toggle a {
  color: #000;
  text-decoration: underline;
}

.service_toggle a:hover {
	color: #FFE12B;
}

.service_toggle {
	padding: 30px;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}

.service_toggle_title {
	border-bottom: 2px solid #000;
	margin-bottom: 30px;
}

.service_toggle .overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: all 200ms ease-in-out 0ms,
		opacity 200ms ease-in-out 300ms
}

.min_space {
	min-width: 100px;
	margin-right: 16px;
}

@media screen and (max-width: 980px) {
	.min_space {
		min-width: 0px;
		margin-right: 16px;
	}
}

.service_desc .wrapper {
	display: flex;
}

@media screen and (max-width: 980px) {
	.service_desc .wrapper {
		flex-direction: column;
	}
}

.service_desc .desc {
	max-width: 800px;
}

@media screen and (max-width: 980px) {
	.service_desc .desc {
		margin-bottom: 30px;
	}
}

.service_button {
	min-width: 33%;
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 980px) {
	.service_button {
		justify-content: center;
	}
}

.service_toggle .overlay.overlay_white {
	background: #fff;
}

.service_toggle_title, .service_desc {
	position: relative;
	z-index: 1;
}

.service_toggle_title .title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

@media screen and (max-width: 980px) {
	.service_toggle_title .title {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
}

.service_toggle_title .number {
	font-family: 'Lora',Helvetica,Arial,Lucida,sans-serif;
}

.service_desc {
	display: none;
}

.service_toggle:hover, .service_toggle:hover .service_toggle_title h2, .service_toggle:hover .service_toggle_title h3, .service_toggle:hover .service_desc p, .service_toggle.open, .service_toggle.open .service_toggle_title h2, .service_toggle.open .service_toggle_title h3, .service_toggle.open .service_desc p {
	color: #000 !important;
	transition: 200ms ease-in-out 0ms;
}

.service_toggle.open .overlay.overlay_white {
	opacity: 0;
}

.service_toggle .et_pb_button_module_wrapper .et_pb_button {
	color: #000;
}

/* Podcast Slider */
.podcast_slide .cover_image {
	max-width: 300px;
	border-radius: 30px;
	position: relative;
	width: 90%;
	margin: auto;
}

.podcast_slide .cover_image img {
	max-height: none;
	max-width: 100%;
	min-width: 100%;
	border-radius: inherit;
}

.pod_links {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 16px;
	width: 100%;
	max-width: 300px;
	transform: translateY(-50%);
	opacity: 0;
	transition: 200ms ease-in-out;
}

.pod_link {
	width: 30%;
	display: block;
	padding-bottom: 30%;
	background: #000;
	border-radius: 10px;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
}

.pod_link.pod_web {
	background-image: url(/wp-content/uploads/2022/12/website.png);
}

.pod_link.pod_spot {
	background-image: url(/wp-content/uploads/2022/12/spotify.png);
}

.pod_link.pod_yt {
	background-image: url(/wp-content/uploads/2022/12/youtube.png);
}

.podcast_slide .cover_image:hover .pod_links {
	transform: translateY(-0%);
	opacity: 1;
	pointer-events: all;
}

/* Video Popups */
#video_popup {
	cursor: zoom-out;
}

#video_popup_toggle {
	cursor: pointer;
	animation: pulse-black 2s infinite ease-in-out;
}

#video_popup_toggle > span {
	transform: scale(1);
	transition: 200ms ease-in-out 0ms;
}

#video_popup_toggle:hover {
	animation: none;
}

#video_popup_toggle:hover > span {
	transform: scale(1.25);
}

@keyframes pulse-black {
  0% {
    transform: scale(0.9);
    filter: drop-shadow(0 0 0 rgba(255, 255, 43, 1));
  }
  
  80% {
    transform: scale(1);
    filter: drop-shadow(0 0 20px rgba(255, 255, 43, .5));
  }
  
  100% {
    transform: scale(0.9);
    filter: drop-shadow(0 0 0 rgba(255, 255, 43, 0));
  }
}

/* Social Media Page*/ 
  .t-container {
    position: relative;
  }
  
  .t-container img {
    width: 100%;
  }
  
  .t-container .t {
    position: absolute;
    top: 8%;
    width: 100%;
    text-align: center;
    font-size: clamp(10px, 1.2vw, 22px);
  }
  
  .t-container .t-2 {
    top: 33%;
  }
  
  .t-container .t-3 {
    top: 58%;
  }
  
  .t-container .t-4 {
    top: 79%;
  }
  
  @media screen and (max-width: 980px) {
    .t-container .t {
      font-size: 3.2vw;
    }
  }

/* Footer */
#twFooter article {
  margin-bottom: 20px;
}