@import url('https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap');

.hero h2{
	font-size: 8rem !important;
}

#custom_html-5 > div > p:nth-child(2) > a{
	margin-bottom: 20px !important;
}

body {
    background: #000 url(https://mitchcanter.com/wp-content/themes/mitchcanter-2020/assets/images/web-bg2.png) repeat top center fixed !important;
	background-size: 312px !important;
}

.site-description{
	font-weight: 900 !important;
  background: linear-gradient(#70cbd0, #7dc99f, #f7f05c, #fcbb80, #f27db2, #a471b1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
}

.hero h3{
	  background: linear-gradient(to right, #70cbd0, #7dc99f, #f7f05c, #fcbb80, #f27db2, #a471b1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fl-separator,
.fl-separator {
  color: white;
  background: linear-gradient(to right, #70cbd0, #7dc99f, #f7f05c, #fcbb80, #f27db2, #a471b1);
  padding: 2px;
	border-top: 0px !important;
	border-bottom: 0px !important;
}

blockquote {
    background: none;
    margin: 0 0 2rem;
    border: 1px dashed #fcbb80 !important;
    padding: 2rem;
    font-style: italic;
}

.fa-twitter, #builder-content h1, #content h1{
	color: #f27db2 !important;
}

.fa-twitch, #builder-content h2, #content h2{
	color: #a471b1!important;
}

.fa-youtube, #builder-content h3, #content h3{
	color: #f7f05c !important;
}

.fa-instagram, #builder-content h4, #content h4{
	color: #fcbb80 !important;
}

.fa-discord, #builder-content h5, #content h5, #content a:not(.button), #builder-content a:not(.button){
	color: #7dc99f !important;
}

#content #sbi_load > span > a{
	color: white !important;
}


p.tags a:nth-child(n),
#sidebar a:nth-child(n),
#builder-content h6, #content h6{
	color: #a471b1 !important;
}

p.tags a:nth-child(2n){
	color: #f27db2 !important;
}

p.tags a:nth-child(3n){
	color: #f7f05c !important;
}

p.tags a:nth-child(4n){
	color: #fcbb80;
}

p.tags a:nth-child(5n){
	color: #7dc99f;
}

p.tags a:nth-child(6n){
    color: #70cbd0;
}

.pre-meta a{
		color: #f7f05c !important;
	font-weight: 900 !important;
}

h4.widgettitle{
		font-weight: 900 !important;
	color: #f7f05c !important;
}

#header #header-nav ul.menu li a {
    color: #70cbd0;
}

strong{
	font-weight: 900;
}

.archive .page-title{
	color: #f8146d;
	font-weight: bold;
	font-size: 1.8rem;
}

#content .entry p, 
#content .entry li, 
#content .entry table,
#builder-content .entry p, 
#builder-content .entry li,
#builder-content .entry table,
#sidebar p,
#sidebar li{
    color: white;
	font-family: "Rubik", "Visby Round CF", Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 170%;
	font-weight: 300 !important
}

blockquote{
	background: none;
	margin: 0 0 2rem;
	border: 1px dashed #e11a63;
	padding: 2rem;
	font-style: italic;
}

blockquote p,
blockquote li{
		font-size: 1.8rem !important;
}

blockquote p:last-child{
	margin: 0;
}

#sidebar a,
#sidebar .sbi_header_text h3{
		font-family: "Rubik", "Visby Round CF", Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 170%;
	font-weight: 500 !important
}

#sidebar .sbi_header_text h3{
	font-weight: 700 !important
}

pre{
	background: rgba(0,0,0,0.5);
	padding: 1.25rem;
	border: 1px dashed #f8146d;
	font-size: 1.35rem;
	font-weight: 600;
}

#footer #footer_widgets .widget p, 
#footer #footer_widgets .widget li, 
#footer #footer_widgets .widget a {
    color: white;
	font-family: "Rubik", "Visby Round CF", Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    line-height: 170%;
	font-weight: 300 !important
}

#footer #footer_widgets .widget p, 
#footer #footer_widgets .widget li, 
#footer #footer_widgets .widget a {
font-weight: 500;	
}

#footer_widgets a.button{
	margin-bottom: 2rem;
}

#pagination{
	text-align: center;
}

#pagination a,
#pagination span{
	color: white;
	text-decoration: none;
	flex: 0 1 100%;
}

#pagination a:hover{
	color: #f8146d;
	text-decoration: none;
}

#mobile{
	top: 0 !important;
}

#header.mobile-active h1{
	font-size: 2.2rem !important;
}

#mobile h1{
	font-size: 22px !important;
	padding-top: .3rem;
}

a.button{
	margin: 0 auto;
}

#header .logo_container img {
    border-radius: 0px;
    border: 0px solid white;
    margin-bottom: 10px;
	max-width: 150px;
}
	
#header .logo_container a h1 {
    font-size: 23px;
    font-weight: bold;
    letter-spacing: -2px;
}

a.button, button, input[type="submit"], input[type="reset"], input[type="button"],
.trans-button .fl-button,
#footer #footer_widgets .widget a.button, .woocommerce .button {
    border: 1px solid #f27db2 !important;
	color: white !important;
	width: initial;
	background: transparent !important;
}

/* WooCommerce Changes */

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: none;
		margin-top: 5rem !important;	
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		font-size: 1.25rem !important;
    padding: 2.1rem 3rem !important;
    font-weight: 700;
    border-radius: 0px;
}

.woocommerce .tabs{
	display: none;
}

input[type="text"],
textarea,
input[type="tel"],
input[type="email"]{
		background: rgba(255,255,255,0.03);

	border: 0 !important;
	border-radius: 0px !important;
	border-bottom: 2px solid #fcbb80 !important;
	font-weight: 600;
	color: white;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: initial;
	margin-right: 2rem;
	text-align: center;
	margin-top: 1rem;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0em;
    margin: 0em 0;
    font-size: .92em;
    border-radius: 2px;
    line-height: 1.5;
    background-color: transparent !important;
    color: #ccc;
	border: 0px !important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding: 0em;
    border-bottom: 0px solid #d3ced2;
}

.woocommerce table,
.woocommerce table *{
	border: 0 !important;
	background: rgba(255,255,255,0.01)
}

ul#shipping_method{
	background: none;
}

.woocommerce .panel table{
	margin-top: 2rem;
}
.woocommerce .panel table td,
.woocommerce .panel table th{
	color: white !important;
}

input::placeholder,
textarea::placeholder{
  color: #eee;
}

.woocommerce .selection .select2-selection--single{
	background: none;
	border: 0 !important;
	border-radius: 0px !important;
	border-bottom: 2px solid #fcbb80 !important;
	color: white;
}

body.woocommerce-page .select2-container--default .select2-results__option--highlighted[aria-selected], body.woocommerce-page .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #a471b1;
    color: white;
}

body.woocommerce-page .select2-container--default .select2-results__option, body.woocommerce-page .select2-container--default .select2-results__option {
    background-color: none;
    color: black;
}

body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ddd;
    line-height: 28px;
}

.woocommerce h3#order_review_heading{
	margin-top: 4rem;
}

.woocommerce .qty{
	display: none;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: black;
    color: #f7f05c;
    border-top: 3px solid #a46497;
    list-style: none outside;
    width: auto;
		font-weight: 600;
    word-wrap: break-word;
    font-size: 1.6rem;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    border: 0;
    vertical-align: top;
    line-height: 2em;
	color: white !important;
}

.woocommerce div.product form.cart .variations td{
	padding: 2rem 2rem 0 2rem;
}

.woocommerce div.product form.cart .variations td select{
	color: white;
	background: rgba(255,255,255,0.2) !important;
	border-bottom: 2px solid orange !important;
	border-radius: 0px !important;
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
	width: 100%;
}

.woocommerce #main,
.woocommerce-cart #main {
	width: 100%;
}

.woocommerce .entry li.product {
    margin-left: 0rem !important;
}

.woocommerce .entry li.product h2.woocommerce-loop-product__title{
	font-size: 2rem !important
}

.woocommerce h2.post-title{
	text-align: left !important;
}

.woocommerce .woocommerce-product-gallery ol{
	margin-top: 2rem !important;
	display: flex;
}

.woocommerce .woocommerce-product-gallery ol li{
		margin: 0 .5rem !important;
}

.woocommerce .quantity input[type="number"]{
	height: 5.55rem;
	border: 1px solid #f27db2 !important;
background: none;
	color: white !important;
	font-weight: bold;
}

.woocommerce .woocommerce-variation-price{
	display: block;
	text-align: left;
	margin-bottom: 4rem;
	font-size: 2.2rem;
	font-weight: bold;
}

.woocommerce p.price{
 color: #7dc99f !important;
}

#content .service-col h3, #builder-content .service-col h3 {
    color: #f8146d;
    font-size: 2.1rem;
}

	@media screen AND (min-width: 767px){
		.woocommerce-page #side,
		.woocommerce #side{
			display: none;
		}
		
		.woocommerce-page #main,
		.woocommerce #main{
			flex: 0 1 100% !important;
		}
}
	@media screen AND (max-width: 767px){
		.hero h2{
			font-size: 4rem !important;
			text-align: center !important;
		}
		
		#mobile{
			background: none;
		}
		
		#header .logo_container img {
    	border: 0px solid white !important;
		}
		
		.hero a.button,
		a.button{
			display: block;
			float: none !important;
			width: 60%;
 			margin: 0 auto 1rem !important;
		}
		
		#footer a.button{
			margin: 0 !important;
			width: 100%;
		}
		.fl-rich-text h2{
			font-size: 2.2rem !important;
		}
		
		#content, 
		#builder-content{
			padding-top: 2.5rem;
		}
		
.fl-node-5df2afdb6547f > .fl-module-content {
    margin: 20px;
}		
	}

#mailchimp_code input[type="email"],
#mailchimp_code input[type="email"]:focus{
	  font-family: "Visby Round CF", Arial, Helvetica, sans-serif;
	background: none !important;
	border-radius: 0px;
	border: 1px solid #70cbd0;
	min-height: initial;
	height: initial;
display: inline-block;
    background-color: transparent;
    border-radius: 0px;
    font-family: "Visby Round CF", Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    margin-right: 1rem;
    text-decoration: none;
    cursor: pointer;
    padding: 1.6rem 3rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    white-space: nowrap;
    transition: .2s all ease;
    box-sizing: border-box;	
}

#mailchimp_code input[type="submit"]{
  position: relative;
	top: -px !important; 
}

@media screen AND (max-width: 480px){
	
	.site-description{
		display: none;
	}
	
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
}
	
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		width: 100%;
}
	
	.woocommerce-ordering{
		width: 100%;
	}
		.hero h2{
			font-size: 2.6rem !important;
			text-align: center !important;
		}	
	.hero a.button{
		margin-bottom: 1rem !important;
	}
	#mailchimp_code input[type="email"],
	#mailchimp_code input[type="submit"]{
		width: 100%;
	}
}