/* Icons */

@font-face {
	font-family: 'studicons';
	src:url('../fonts/studicons.eot?nil2lz');
	src:url('../fonts/studicons.eot?nil2lz#iefix') format('embedded-opentype'),
		url('../fonts/studicons.ttf?nil2lz') format('truetype'),
		url('../fonts/studicons.woff?nil2lz') format('woff'),
		url('../fonts/studicons.svg?nil2lz#studicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.copyblogger [class^="icon-"],
.copyblogger [class*=" icon-"],
.copyblogger [class^="icon-"]:before,
.copyblogger [class*=" icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'studicons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-sm-"],
[class*=" icon-sm-"] {
	font-size: 12px;
}

[class^="icon-lg-"],
[class*=" icon-lg-"] {
	font-size: 192px;
}

.icon-lg-robot:before {
	content: "\e94b";
}
.icon-lg-newspaper:before {
	content: "\e933";
}
.icon-lg-magnifier:before {
	content: "\e934";
}
.icon-lg-mouse:before {
	content: "\e935";
}
.icon-lg-thumbs-down:before {
	content: "\e936";
}
.icon-lg-thumbs-up:before {
	content: "\e937";
}
.icon-lg-coins:before {
	content: "\e938";
}
.icon-lg-click:before {
	content: "\e939";
}
.icon-lg-lightbulb:before {
	content: "\e93a";
}
.icon-lg-star:before {
	content: "\e93b";
}
.icon-lg-star-medal:before {
	content: "\e93c";
}
.icon-lg-pen:before {
	content: "\e93d";
}
.icon-lg-target:before {
	content: "\e93e";
}
.icon-lg-dollars:before {
	content: "\e93f";
}
.icon-lg-graph:before {
	content: "\e940";
}
.icon-lg-comments:before {
	content: "\e941";
}
.icon-lg-megaphone:before {
	content: "\e942";
}
.icon-lg-inbox:before {
	content: "\e943";
}
.icon-lg-email:before {
	content: "\e944";
}
.icon-lg-column-content:before {
	content: "\e945";
}
.icon-lg-reel:before {
	content: "\e946";
}
.icon-lg-microphone:before {
	content: "\e947";
}
.icon-lg-content:before {
	content: "\e948";
}
.icon-lg-arrows:before {
	content: "\e949";
}
.icon-lg-info:before {
	content: "\e94a";
}
.icon-alert:before {
	content: "\e900";
}
.icon-bolt:before {
	content: "\e901";
}
.icon-book:before {
	content: "\e902";
}
.icon-bookmark:before {
	content: "\e903";
}
.icon-brush:before {
	content: "\e904";
}
.icon-code:before {
	content: "\e905";
}
.icon-comment:before {
	content: "\e906";
}
.icon-download:before {
	content: "\e907";
}
.icon-funnel:before {
	content: "\e908";
}
.icon-images:before {
	content: "\e909";
}
.icon-infinity:before {
	content: "\e90a";
}
.icon-layout-cs:before {
	content: "\e90b";
}
.icon-layout-css:before {
	content: "\e90c";
}
.icon-layout-fwc:before {
	content: "\e90d";
}
.icon-layout-sc:before {
	content: "\e90e";
}
.icon-layout-scs:before {
	content: "\e90f";
}
.icon-layout-ssc:before {
	content: "\e910";
}
.icon-life-preserver:before {
	content: "\e911";
}
.icon-link:before {
	content: "\e912";
}
.icon-lock:before {
	content: "\e913";
}
.icon-logo-genesis:before {
	content: "\e914";
}
.icon-logo-rm:before {
	content: "\e915";
}
.icon-logo-sp-outline:before {
	content: "\e916";
}
.icon-logo-sp:before {
	content: "\e917";
}
.icon-logo-wp:before {
	content: "\e918";
}
.icon-magnifier:before {
	content: "\e919";
}
.icon-menu:before {
	content: "\e91a";
}
.icon-monitor:before {
	content: "\e91b";
}
.icon-people:before {
	content: "\e91c";
}
.icon-person:before {
	content: "\e91d";
}
.icon-phone:before {
	content: "\e91e";
}
.icon-plugin:before {
	content: "\e91f";
}
.icon-question:before {
	content: "\e920";
}
.icon-scissors:before {
	content: "\e921";
}
.icon-settings:before {
	content: "\e922";
}
.icon-sm-arrow-down:before {
	content: "\e923";
}
.icon-sm-arrow-up:before {
	content: "\e924";
}
.icon-sm-check:before {
	content: "\e925";
}
.icon-sm-content:before {
	content: "\e930";
}
.icon-sm-magnifier:before {
	content: "\e92f";
}
.icon-sm-settings:before {
	content: "\e926";
}
.icon-sm-tag:before {
	content: "\e927";
}
.icon-sm-x:before {
	content: "\e928";
}
.icon-speed:before {
	content: "\e929";
}
.icon-star:before {
	content: "\e92a";
}
.icon-tablet:before {
	content: "\e92b";
}
.icon-tool-box:before {
	content: "\e92c";
}
.icon-video:before {
	content: "\e92d";
}
.icon-widgets:before {
	content: "\e92e";
}


/* General */

.site-header {
	margin-bottom: 5vh;
}

.site-header .title-area {
	float: none;
	margin: 0 auto;
}

.landing-nav .site-header .title-area {
	float: left;
	margin: initial;
}

.site-wrapper:before,
.site-wrapper:after {
	display: none;
}

.center {
	text-align: center;
}

.landing-nav .site-header .nav-search {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #546E7A !important;
	padding: 0 !important;
}

.landing-nav .site-header .nav-search:hover {
  background:none !important;
	color: #0066cc !important;
	box-shadow: none !important;
	transform: none !important;
}

.landing-nav .site-inner {
    padding-top: 80px;
}

/* Content */

.link-section li a:last-child,
.row:last-of-type,
.section p:last-child,
.section ul li:last-child,
.section ul:last-child,
.section blockquote:last-child,
.pull-section .pull-section-text p:last-of-type {
	margin-bottom: 0;
}

h2 {
	font-weight: 900;
	margin-bottom: 40px;
}

h2.title-cap {
	font-size: 48px;
	text-align: center;
}

.page-id-187788 h3 {
	color: #fff;
}

h4.black-title-bar {
	border-bottom: 3px solid #11171A;
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 24px;
	padding: 0 0 24px;
}

.entry-content .section > h4:first-child,
.entry-content .section > h3:first-child,
.entry-content .section > h2:first-child {
	margin-top: 0;
}

.title-icon {
	margin: 7% 0;
	text-align: center;
}

.title-icon span,
.title-icon span:before {
	color: #AFBEC5;
	font-size: 100px;
}

.page .entry-header {
	margin-bottom: 0;
}

.subhead {
	color: #11171A;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: normal;
	margin: 15px 0;
	text-transform: none;
}

.light {
	font-weight: 500;
}

.button-subhead {
	display: block;
	font-style: italic;
	margin-top: 20px;
}

.formkit-input {
	margin-bottom: 20px;
	text-align: center;
}

.content .entry-content p.intro {
	margin-right: 0;
}

.row {
	clear: both;
	margin-bottom: 60px;
	overflow: hidden;
}

.section {
	padding: 8% 0;
	border-bottom: 1px solid #CFD8DC;
}

.section.no-line {
	border: none;
}

.section.gray {
	background-color: #fafbfb;
	border: none;
	padding: 40px 60px;
}

.space-bottom {
	margin-bottom: 10%;
}

.graphic {
	text-align: center;
}

.landing-graphic,
.landing-graphic:before {
	color: #ccc;
	font-size: 192px;
}

.landing-graphic.large,
.landing-graphic.large:before {
	font-size: 220px !important;
	vertical-align: middle;
}

.landing-graphic.small,
.landing-graphic.small:before {
	font-size: 96px;
}

.info-box {
	background-color: #f5f5f5;
	padding: 40px;
}

.cb-box-accent {
	padding: 40px 80px;
}

.cb-box-accent :last-child {
	margin-bottom: 0;
}

.narrow-copy {
	max-width: 620px;
	margin: 0 auto;
}

ul.link-section {
	margin: 0 0 32px;
	list-style: none;
}

ul.link-section li {
	border-bottom: 1px solid #ECEFF1;
	list-style: none;
	margin: 0;
}

ul.link-section li a {
	display: block;
	font-size: 18px;
	padding: 5px 5px 5px 35px;
	position: relative;
	text-decoration: none;
}

ul.link-section li a:before {
	content: "\f497";
	color: #0066cc;
	font-family: 'dashicons' !important;
	speak: none;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	left: 6px;
	top: 10px;
}

/* List with icons */
ul.list-icons,
ul.list-icons li {
	list-style: none;
	margin: 0;
}

ul.list-icons {
	margin: 8% 0;
}

ul.list-icons li {
	display: block;
	float: left;
	margin-bottom: 30px;
	padding-left: 80px;
	position: relative;
	width: 48%;
}

ul.list-icons li:nth-child(2n+2) {
	margin-left: 4%;
}

ul.list-icons li:nth-child(2n+1) {
	clear: left;
}

ul.list-icons li.full {
	width: 100%;
}

ul.list-icons li strong {
	display: block;
}

ul.list-icons li span.icon {
	color: #AFBEC5;
	font-size: 43px;
	position: absolute;
	left: 0px;
	top: -6px;
}

ul.list-icons li span.icon-sm-check {
	background-color: #F5F7F8;
	border-radius: 50%;
	color: #0066cc;
	padding: 11px;
	font-size: 18px;
	margin-left: 10px;
}

ul.list-icons li span.icon-sm-check:before {
	margin-right: 0;
}

/* List with boxes */
.list-icon-boxes {
	margin: 8% -100px 0;
}

.list-icon-boxes > div {
	float: left;
	margin: 1%;
	width: 23%;
}

.list-icon-boxes a {
	display: block;
	position: relative;
	border: 1px solid #E7EBED;
    border-radius: 5px;
	color: #111;
    font-family: 'museo-sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.25;
    padding: 40px 25px;
    text-align: center;
	text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.list-icon-boxes a:hover {
	box-shadow: 0 3px 20px 0 rgba(84,110,122,0.1);
	transform: translateY(-1px);
}

.list-icon-boxes span.icon {
	color: #AFBEC5;
	display: block;
	font-size: 48px;
	margin-bottom: 20px;
    transition: all 0.2s ease-in-out;
}

.list-icon-boxes a:hover span.icon {
	color: #0066cc;
}

h3.no-margin-top {
	margin-top: 0;
}

/* Simple FAQs */
.education button,
.education button:hover {
	background: none;
	border: none !important;
	border-radius: 0;
	color: #263238;
	box-shadow: none;
	outline: none;
	padding: 20px 0;
}

.education .gs-faq__question {
	border-bottom: 1px solid #ddd !important;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.25;
	text-transform: none;
}

.education .gs-faq__question:hover {
	border-bottom: 1px solid #ddd !important;
}

.education .gs-faq p {
	margin: 10px 0;
}

.education.promo .intro {
	margin-bottom: 30px;
}

/* WP Tools Guide */
body.wp-tools-guide {
	background-image: url(../images/wp-guide/bg.png);
	background-size: 1628px;
	background-repeat: no-repeat;
	background-position: center top;
}

.wp-tools-guide .page .entry-header {
	padding: 5vh 0 8vh;
}

.wp-tools-guide .recommendation {
	margin-bottom: 20px;
	margin-left: -100px;
	margin-right: -100px;
}

.wp-tools-guide .recommendation .image {
	float: left;
	width: 30%;
}

.wp-tools-guide .recommendation .copy {
	float: right;
	width: 62%;
}

.wp-tools-guide .recommendation h3 {
	margin-top: 0;
	font-weight: 900;
}

.wp-tools-guide #hosting .title-icon {
	margin-top: 0;
}

/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
	body.wp-tools-guide {
		background-image: url(../images/wp-guide/bg@2x.png);
	}
}

@media only screen and (max-width: 1075px) {

	.list-icon-boxes {
		margin-left: 0;
		margin-right: 0;
		margin-top: 3%;
	}
	
	.list-icon-boxes a {
		font-size: 18px;
		padding: 20px 15px;
	}

	.wp-tools-guide .recommendation {
		margin-left: 0;
		margin-right: 0;
	}

}

@media only screen and (max-width: 960px) {

	.wp-tools-guide .page .entry-header {
		padding: 0;
		margin: 0;
	}

	.wp-tools-guide .entry-meta {
		display: none;
	}

	.landing-nav .menu-toggle,
	.landing-nav .sub-menu-toggle {
		border: 2px solid #11171A !important;
		background: none !important;
		color: #11171A !important;
		display: inline-block !important;
		overflow: hidden !important;
		visibility: visible !important;
		border-radius: 30px !important;

	}

	.landing-nav .menu-toggle {
		font-family: 'museo-sans', sans-serif !important;
		font-size: 13px !important;
		float: right !important;
		line-height: 20px !important;
		margin-top: 15px !important;
		padding: 9px 5px 6px 4px !important;
		position: relative !important;
		z-index: 1000 !important;
		width: 90px !important;
	}

	
	.landing-nav .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover {
    background: #111 !important;
	color: #fff !important;
	border: 2px solid #11171A !important;
}

}

@media only screen and (max-width: 860px) {

	.list-icon-boxes > div {
		width: 31%;
	}

}

@media only screen and (max-width: 800px) {

	.list-icon-boxes > div {
		width: 48%;
	}

	ul.list-icons li {
		clear: both;
		float: none;
		margin: 0 0 20px !important;
		width: 100%;
	}

	.wp-tools-guide .recommendation .image,
	.wp-tools-guide .recommendation .copy {
		float: none;
		width: 100%;
	}

	.wp-tools-guide .recommendation .image img {
		float: left;
		margin: 0 40px 20px 0;
		width: 200px;
	}

}

@media only screen and (max-width: 600px) {
	
	h2.title-cap {
		font-size: 32px;
		font-size: 3.2rem;
	}

	.site-header {
		margin-bottom: 0px;
	}

	.section.gray,
	.cb-box-accent {
		padding: 20px;
	}

	.landing-graphic.large,
	.landing-graphic.large:before {
		font-size: 200px !important;
	}

	.graphic {
		margin-bottom: 20px;
	}

	.list-icon-boxes > div {
		float: none;
		width: 100%;
	}

	.wp-tools-guide .recommendation .image {
		text-align: center;
	}

	.wp-tools-guide .recommendation .image img {
		float: none;
		margin-right: 0;
	}
	
}


/* Education Landing Page specific styles.
---------------------------------------------------------------------------------------------------- */

.center-text {
	text-align: center;
}

.blue-text {
	color: #0066CC;
}

.education h3.intro {
	margin-bottom: 10%;
	margin-top: 0;	
}

.education h4.subhead {
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 40px;
	margin-top: 100px;
}

.education h4.subhead.large {
	font-size: 60px;
	margin-bottom: 60px;
}

.education .buy-button {
	margin-top: 60px;
}

.education .buy-button.less {
	margin-top: 30px;
}

.education .wide {
	margin: 40px -100px;
}

.education .entry-meta {
	display: none;
}

.class-grid {
	margin: 80px -200px 80px;
}


.class-grid .class-box {
	float: left;
	width: 32.3%;
	margin: 0.5%;
}

.class-grid::before {
	content: " ";
	   display: table;
}

.class-grid::after {
	clear: both;
	content: " ";
	display: table;
}

.class-box {
	background-color: #fff;
	border: 1px solid #E7EBED;
	border-radius: 5px;
	overflow: hidden;
	padding: 50px;
	transition: all 0.2s ease-in-out;
}

.class-box:hover {
	box-shadow: 0 3px 20px 0 rgba(84,110,122,0.1);
	transform: translateY(-1px);
}

.class-box img {
	margin: -45px -45px 10px -45px;
	max-width: calc(100% + 90px);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.class-box h4,
.class-box h3 {
	margin-top: 0;
}

.class-box h4 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 900;
}

.alt .class-box h4 {
	font-size: 24px;
	font-size: 2.4rem;
}

.class-box h4 a,
.class-box h3 a {
	color: #11171A;
	font-style: normal;
	text-decoration: none;
}

.class-box h4 a:hover,
.class-box h3 a:hover {
	color: #0066CC;
	text-decoration: none;
}

.class-box h3 {
	font-size: 3.2px;
	font-size: 3.2rem;
	font-weight: 900;
}

.class-grid .class-box.class-box-featured {
	background-color: #0066CC;
	background-image: url(https://digitalcommerce.com/wp-content/themes/digitalcommerce/images/photo-summit.png);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	padding: 60px 75px;
	position: relative;
	width: 64.6%;
}

.alt .class-grid .class-box.class-box-featured {
	padding-left: 100px;
	padding-right: 100px;
	text-align: center;
}

.class-grid .class-box.class-box-featured:before {
	background-image: linear-gradient(-14deg, #0066CC 0%, #6B41FF 100%);
	border-radius: 5px;
	content: '';
	height: 100%;
	opacity: 0.8;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 0;
}

.class-grid .class-box.class-box-featured * {
	position: relative;
}

.class-grid .class-box.class-box-featured h3 a {
	color: #fff;
}

.class-box .description {
	font-size: 16px;
	font-size: 1.6rem;
}

.class-box p.price {
	display: block;
	font-family: 'museo-sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}

.class-box-featured .price {
	font-size: 20px;
	font-style: italic;
	margin-bottom: 20px;
}

.class-box-featured .price strong {
	font-size: 24px;
	font-style: normal;
	font-weight: 900;
}

.class-box .disclaimer {
	display: block;
	font-style: italic;
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 0px;
}

.class-box p.disclaimer,
.class-box p:last-child {
	margin-bottom: 0;
}

.class-box .enroll {
	margin-bottom: 10px;
}

.class-box .enroll a.button {
	font-size: 15px;
	padding: 11px 26px 9px;
}

.class-box-featured .enroll a.button {
	font-size: 17px;
	padding: 14px 36px 12px;
}

@supports (display: grid) {

	.class-grid::before {
		display: none;
	}

	.class-grid::after {
		display: none;
	}

	.class-grid {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr 1fr 1fr;
		margin: 80px -200px 80px;
	}

	.class-grid-2 {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr;
		margin: 80px  0;
	}
	
	.alt .class-grid {
		grid-template-columns: 1fr;
		margin-left: -100px;
		margin-right: -100px;
	}

	.page-id-194233.alt .class-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.page-id-192951.alt .class-grid {
		margin-left: 0;
		margin-right: 0;
		margin-top: 40px;
	}

	.narrow-cta .class-grid {
		margin-left: 0;
		margin-right: 0;
	}

	.page-id-187788 .class-grid {
		grid-template-columns: 1fr;
		margin-left: 0;
		margin-right: 0;
	}

	.alt .class-box {
		padding: 30px;
	}

	.alt .course-left {
		float: left;
		padding-right: 30px;
		width: 33.3333%;
	}

	.alt .class-box img {
		margin: 0;
		max-width: 100%;
	}

	.alt .course-right {
		float: right;
		width: 66.6667%;
	}

	.alt .course-right p {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.alt .course-right p:last-child {
		margin-bottom: 0;
	}

	.alt .course-right p.price {
		font-size: 24px;
	}

	.class-grid.none {
		margin-top: 30px;
	}

	.class-grid .class-box {
		float: none;
		margin: 0;
		width: 100%;
	}

	.class-box-featured {
		grid-column-end: span 2;
	}

	.class-grid .class-box.class-box-featured {
		width: 100%;
	}

}

/* Purchase Box
---------------------------------------------------------------------------------------------------- */

.purchase-box {
	border: 10px solid #f5f5f5;
	margin-bottom: 40px;
	margin-left: -150px;
	margin-right: -150px;
	overflow: hidden;
}

.purchase-box-left,
.purchase-box-right {
	float: left;
	padding: 100px 60px;
	width: 60%;
}

.purchase-box-left {
	padding: 60px;
	text-align: center;
	width: 40%;
}

.purchase-box-left p {
	margin-bottom: 20px;
}

.purchase-box-left .purchase-dollar {
	font-size: 24px;
	font-weight: 400;
	left: -10px;
	position: absolute;
	top: 5px;
}

.purchase-box-left .purchase-price {
	color: #0066CC;
	font-family: 'museo-sans', sans-serif;
	font-size: 72px;
	font-weight: 700;
	position: relative;
}

.purchase-box-right {
	background-color: #f5f5f5;
	font-size: 18px;
}

.purchase-box-right ul.purchase-list {
	margin-bottom: 0;
}

.no-margin {
	margin-bottom: 0;
}

.offer-ends {
	color: #0066cc;
	font-family: 'museo-sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-bottom: 0;
	margin-top: -20px;
	text-transform: uppercase;
}

.counter-wrap {
	background-color: #eee;
	margin-top: 60px;
	padding-bottom: 20px;
	padding-top: 30px;
	text-align: center;
}

.counter-title {
	color: #0066cc;
	font-family: 'museo-sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-bottom: 0;
	text-transform: uppercase;
}

#counter {
	font-family: 'museo-sans', sans-serif;
	font-size: 48px;
	margin-bottom: 40px;
	text-align: center;
}

@media only screen and (max-width: 1240px) {
	.class-grid {
		margin: 60px -90px 60px;
	}
}

@media only screen and (max-width: 1023px) {
	.class-grid {
		margin: 60px 0;
		grid-template-columns: 1fr 1fr;
	}

	.class-grid .class-box.class-box-featured {
		padding: 40px;
	}
}

@media only screen and (max-width: 800px) {
	.class-grid {
		display: block;
	}

	.alt .class-grid {
		margin-left: 0;
		margin-right: 0;
	}

	.alt .course-left,
	.alt .course-right {
		padding-right: 0;
		width: 100%;
	}

	.alt .course-left {
		padding-bottom: 30px;
	}

	.class-grid .class-box {
		margin-bottom: 10px;
		padding: 5%;
	}

	.class-grid .class-box.class-box-featured {
		padding: 5% 7%;
	}

	.class-box img {
		margin: -5% -5% 2.5% -5%;
		max-width: 110%;
	}

	.class-box h3 {
		font-size: 26px;
		font-size: 2.6rem;
	}

	.education .wide,
	.purchase-box {
		margin-left: 0;
		margin-right: 0;
	}

	.purchase-box-left,
	.purchase-box-right {
		width: 100%;
	}
}

/* Member
---------------------------------------------------------------------------------------------------- */

.mp_wrapper textarea,
.mp_wrapper select,
.mp_wrapper input[type=text],
.mp_wrapper input[type=url],
.mp_wrapper input[type=email],
.mp_wrapper input[type=tel],
.mp_wrapper input[type=number],
.mp_wrapper input[type=password] {
	border: 1px solid #f5f5f5;
	font-style: normal;
}

.mepr-form input.invalid,
.mepr-form select.invalid,
.mepr-form textarea.invalid,
.mepr-form label.mepr-checkbox-field.invalid,
.mepr-form div.mepr-checkboxes-field.invalid,
.mepr-form div.mepr-radios-field.invalid {
	border: none !important;
	margin-bottom: 5px;
}

.mp_wrapper select:focus,
.mp_wrapper input[type=text]:focus,
.mp_wrapper input[type=url]:focus,
.mp_wrapper input[type=email]:focus,
.mp_wrapper input[type=tel]:focus,
.mp_wrapper input[type=number]:focus,
.mp_wrapper input[type=password]:focus,
.mp_wrapper textarea:focus {
	background: #fff;
	border: 1px solid #000;
}

.mepr_error,
.mp_wrapper .cc-error,
.mp_wrapper .mepr-form-has-errors {
	background: none !important;
	border: none !important;
	color: #d40022;
	font-size: 13px;
	padding: 0 !important;
}

.mepr_error strong {
	font-size: 12px;
	letter-spacing: 1px;
}

.mp_wrapper .cc-error {
	padding: 0;
	bottom: -20px;
	position: absolute;
	right: 0px;
}

.mp_wrapper .mepr-form-has-errors {
	margin-left: 20px;	
}

.mp_wrapper .mp-form-row label {
	display: block !important;
	position: relative;
}

.mp_wrapper .mepr_username,
.mp_wrapper .mepr_first_name,
.mp_wrapper .mepr_last_name,
.mp_wrapper .have-coupon-link
 {
	position: relative;
	display: inline-block;
}

.mp_wrapper .mp-form-row {
	position: relative;
}

.entry-content .mepr-account-form,
.entry-content .mepr-login-form-wrap {
	box-shadow: none;
	padding: 0;
}

.wp-block-separator {
	border: none;
	height: 1px;
	background: #ddd;
	margin-inline-start: 0;
	margin: 15% 0;
	width: 80px;
}


/* Checkout
---------------------------------------------------------------------------------------------------- */


.member-checkout .title-area {
	width: 100%;
}

.member-checkout .content {
	max-width: initial !important;
}

.member-checkout .mepr_price {
	display: none;
}

.member-checkout .mp_wrapper,
.member-checkout .pricing-column {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	padding: 30px 30px;
	border-radius: 5px;
}

.member-checkout .pricing-column {
	background-image: linear-gradient(-14deg, #0066CC 0%, #6B41FF 100%);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	box-shadow: 0 10px 60px 0 rgba(0,102,204,0.18);
	border-radius: 5px;
	background-color: #0066CC;
	color: #fff;
}

.member-checkout .pricing-column h4 {
	color: #fff
}

.member-checkout a {
	color: #fff;
}

.member-checkout a:hover {
	color: initial;
}

.member-checkout .pricing-column .title {
	border-bottom: 1px solid #DADADA;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
}


.member-checkout .pricing-column .title-pricing {
	color: #FFF;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;

}

.member-checkout .entry-title {
    text-transform: uppercase;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}

.member-checkout .pricing-column .title p {
	margin-bottom: 0;
}

.member-checkout .pricing-column  p {
	margin-bottom: 0;
	font-family: 'museo-sans', sans-serif;
	font-size: 16px;
}

.member-checkout .pricing-column .price {
	font-size: 40px;
    font-family: 'museo-sans', sans-serif;
    font-weight: 900;
}

.member-checkout .pricing-column .terms {
	letter-spacing: 0.5px;
	font-size: 13px;
	text-transform: uppercase;
}

.member-checkout .pricing-column .slash {
	margin-left: 2px;
	margin-right: 2px;
}


.member-checkout .pricing-column .features {
	text-align: left;
}

.member-checkout .pricing-column ul.sep {
	border-top: 1px solid #333;
	padding-top: 20px;
	margin-top: 20px;
}


.member-checkout .pricing-column li:before {
	display: inline-block;
	font: normal 20px/1 'dashicons';
	margin-right: 10px;
	margin-top: 5px;
	word-wrap: break-word;
	vertical-align: top;
}

.member-checkout .mp_invoice,
.member-checkout .mp_payment_form_wrapper {
	float: none;
	margin: 0 auto 20px;
	max-width: 600px;
	width: 100%;
}

.member-checkout .mepr_price_cell {
	font-weight: bold;
}

.member-checkout .get {
	padding: 0;
}

.member-checkout .checkout-contact h4 {
	margin-bottom: 0;
}



/* Training Page
---------------------------------------------------------------------------------------------------- */

.training-grid {
	display: grid;
    grid-gap: 10px;
	grid-template-columns: 1fr;
	margin: 80px auto 80px;
}

.training-grid .training-box {
	float: none;
    margin: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
}

.training-box {
	background-color: #fff;
    border: 1px solid #E7EBED;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px 50px;
    transition: all 0.2s ease-in-out;
}

.training-box .price {
	font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.training-box h3 {
	margin-top: 20px;
}

.training .description {
	font-size: 18px;
}

.training-box:hover {
    box-shadow: 0 3px 20px 0 rgba(84,110,122,0.1);
    transform: translateY(-1px);
}

.training-grid p .enroll  {
	margin-bottom: 0;
}

/* Masterclass Sales and Dashboard Page
---------------------------------------------------------------------------------------------------- */

.masterclass-grid {
	display: grid;
    grid-gap: 10px;
	grid-template-columns: 1fr;
	margin: 0 auto 20px;
}

.masterclass-grid .masterclass-box {
	float: none;
	margin: 0;
	width: 100%;
	font-size: 18px;
	display: grid;
	grid-template-columns: 70% 30%;
	align-items: center;
}

.masterclass-box {
	background-color: #fff;
	border: 1px solid #E7EBED;
	border-radius: 5px;
	overflow: hidden;
	padding: 20px 50px;
	transition: all 0.2s ease-in-out;
}

.masterclass-box .description  {
	margin-bottom: 0;
	font-size: 15px;
}

.masterclass-box .class-name {
	justify-self: left;
}

.masterclass-box .class-button {
	justify-self: right;
}


.masterclass-box h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.masterclass .description {
	font-size: 18px;
}

.masterclass-box:hover {
    box-shadow: 0 3px 20px 0 rgba(84,110,122,0.1);
    transform: translateY(-1px);
}

.masterclass-list li {
	margin-bottom: 10px;
}

/* my cb waitlist
---------------------------------------------------------------------------------------------------- */

.waitlist-p {
	margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}


/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 800px) {

	/* Login */
	.member-login .site-inner {
    	max-width: 1200px;
		padding: 15vh 15%;
		margin: auto;
	}

	/* Checkout */
	.member-checkout .site-inner {
		max-width: 1100px;
	}
	
	.member-checkout .mp_wrapper {
		float: left;
		width: 60%;
	}

	.member-checkout .pricing-column {
		float: right;
		width: 38%;
	}

	.member-checkout .mp_wrapper {
		padding: 50px 60px;
	}

	.member-checkout .mepr_first_name,
	.member-checkout .mepr_mepr-address-state {
		float: left;
		width: 48% !important;
	}

	.member-checkout .mepr_last_name,
	.member-checkout .mepr_mepr-address-zip {
		float: right;
		width: 48% !important;
	}

	.member-checkout .mepr_mepr-address-one,
	.member-checkout .mepr_email {
		clear: both;
	}

}

@media only screen and (max-width: 600px) {
	
	.masterclass-grid .masterclass-box {
		grid-template-columns: 1fr;
		align-items: center;
		grid-gap: 20px;
	}

	.masterclass-box .class-name {
		justify-self: center;
	}
	
	.masterclass-box .class-button {
		justify-self: center;
	}

}