/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/


body, html {
  height: 100%;
	font-family: brother-1816, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:1rem;
}
body {
	margin-top: 100px;
}
body.home, body.error404, body.page-template-page-custom, body.page-template-page-about-level-up-your-craft  {
	margin-top: 0;
}

a {
	transition: .2s ease all;
}
a:hover {
	color: #ff423f;
}
.copyright {
  text-align: center;
  font-size: .9em;
}
.overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,.8);
}
.square:after {
  content:'';
  float:left;
  padding-bottom: 100%;	
}
.rectangle:after {
  content:'';
  float:left;
  padding-bottom: 50%;	
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe, .video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video {
	max-width: 100%;
}
img {
  max-width: 100%;
  height: auto;
}
.circle {
	position: relative;
	border-radius: 50%;
	width: 100%;
	height: auto;
	padding-top: 100%;
	background: white;	
	display: block;
}
.col-md-4.circle {
	padding-top: 33%;
}
.bw {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.font-serif {
	font-family: adobe-garamond-pro, serif;
	font-style: normal;
	font-weight: 400;
}
.font-sansserif {
	font-family: brother-1816, sans-serif;
	font-style: normal;
	font-weight: 400;
}
h1,.h1 {
	font-weight: 700;
}
h4,.h4 {
	font-size: 1.5rem!important;
}
.text-red {
	color: #ff423f;
}
.text-black {
	color: #000;
}
.text-black a {
	color: #000;
}
.bg-light-red {
	background: #ff5b54;
}
.bg-red {
	background: #ff423f!important;
}
.bg-transparent {
	background: transparent;
}
.bg-light-gray {
	background: #eff0f1;
}
p.blockquote {
	border-left: 12px #ff423f solid;
  padding-left: 2rem;
}
.lh-2 {
	line-height: 2;
}

.fadeimg {
  visibility: hidden;
}

.fadeIn {
  -webkit-animation: animat_show 0.8s;
  animation: animat_show 0.8s;
  visibility: visible !important;
}

@-webkit-keyframes animat_show{
  0%{opacity:0}
  100%{opacity:1}
}


.divider {
	height: 1px;
	background: #fff;
  margin: 10px auto;
  width: 120px;	
  display: inline-block;
  max-width: 35%;
}
.divider-large {
	width: 250px;
}
.divider-full {
	width: 100%;
	max-width: 100%;
}

.b-light {
	border: 1px solid #ccc;
}
.bt-dark {
	border-top:1px solid #999;
}
.bt-light {
	border-top:1px solid #ccc;
}
.bb-dark {
	border-bottom:1px solid #999;
}
.btn {
	transition: .25s ease all;
}
.btn-primary {
	background: #ff423f;
	border-radius: 0;
	border: 2px solid #ff423f;
}
.btn-default {
	background: transparent;
	border-radius: 0;
	border: 1px solid #ff423f;
	color:#ff423f;
}
.btn-trans {
	background: transparent;
	border-radius: 0;
	border: 1px solid #fff;
	color:#fff;
}
.btn-trans:hover {
	background: #fff;
	border: 1px solid #ff423f;
	color:#ff423f;
}

.btn:focus, .btn:hover {
	box-shadow: none;
}
.form-control:focus {
	box-shadow: none;
	outline: 0;
	background: inherit;
	border-color: inherit;
}
.b-none {
	border: 0;
}
.icon {
	width: 40px;
	height: 40px;
}
.p-relative {
	position: relative;
}

/* header */
.navbar {
	position: fixed;
	z-index: 10;
	background: rgba(239, 240, 241,1);
	top: 0;
}
.navbar-light .navbar-nav .nav-link {
	font-weight: bold;
	font-size: 1.3rem;
	color: #000;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	border-bottom:4px solid #ff423f;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: .5rem 0 0;
  margin: 0 1rem;
}
.navbar-brand {
	max-width: 50%;
}
.navbar-brand img {
  width: 250px;
  height: auto;
  max-width: 90%;
}
.navbar-brand-scroll {
	transition: .1s ease all;
	display: none;
}
.navbar-brand-scroll img {
	max-height: 40px;
	width: auto;
}
.navbar-light .navbar-toggler, .navbar-light .navbar-toggler:active, .navbar-light .navbar-toggler:focus {
	border: 0;
	outline: none;
}

/* footer */
.navbar-nav {

}

/* homepage */
.newsletter.form-control {
	background: transparent;
	border: none;
	border-bottom: 1px solid #ff423f;
	width: 300px;
	border-radius: 0;
	max-width: 80%;
}
.home-icon {
	max-width: 40%;
}
.home-header {
	height: 90vh;
}

/* editors */
.hidden {
	display: none;
}

/* contact */
.ninja-forms-form .label-above label {
	display: none!important;
}
.form-control {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-family: adobe-garamond-pro, serif;
	border-radius: 0;
	font-size: 1.2rem;
	transition: .3s ease all;
}
.ninja-forms-required-items {
	display: none;
}
.btn-primary:hover, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background: transparent!important;
	color: #ff423f!important;
	border-color: #ff423f!important;
	box-shadow: none;
}
.text-center-wrap {
	text-align: center;
}
.d-inline-wrap {
	display: inline-block;
	margin: 0 .6rem;
}
.ninja-forms-all-fields-wrap {
	text-align: center;
}

/* about */
.circle-img {
	border-radius: 50%;
}


/* carousel */
.carousel-indicators li {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	border: 1px solid #ff423f;
	background: #fff;
}
.carousel-indicators .active {
	background: #ff423f;
}


/* blog */
.excerpt-read-more {
	display: none;
}


#comments-title, #reply-title,.comment-form-comment label {
	display: none;
}
textarea#comment {
	width: 100%;
}
#commentform #submit, .woocommerce input.button, .nav-previous a, .nav-next a {
	display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
	transition: .25s ease all;
	background: #ff423f;
	border-radius: 0;
	border: 2px solid #fff;
	text-decoration: none;
}
#commentform #submit:hover, .nav-previous a:hover, .nav-next a:hover {
  background: #fff!important;
  color: #ff423f!important;
  border-color: #ff423f!important;
	text-decoration: none;
}
#commentform #submit:focus, #commentform #submit:hover, .nav-next a:focus, .nav-next a:hover, .nav-previous a:focus, .nav-previous a:hover {
	box-shadow: none;
}
.depth-2 {
	padding-left:2rem;
}
.depth-3 {
	padding-left:2.5rem;
}
.depth-4 {
	padding-left:3rem;
}
.depth-5 {
	padding-left:3.5rem;
}


/* checkout */
.woocommerce-billing-fields .form-control {
	border: 1px solid #ddd;
	text-align: left;
	font-family: brother-1816, sans-serif;
}
.input-text {
	display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;

  background: transparent;
  border-radius: 0;
  font-size: 1.2rem;
  transition: .3s ease all;
}
label.inline {
	margin-left: 1rem;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: transparent;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background: #eee;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	border:1em solid #eee;
}


@media (max-width: 500px) {
	.home-header {
		height: 100vh;
	}
	h1.home-title{
		font-size: 2rem;
	}
}
@media (max-width: 767px) {
	body {
		margin-top: 50px;
	}
}

#add_payment_method .woocommerce-PaymentMethod label { margin-left: 10px; }
#add_payment_method li { clear: right; }
#add_payment_method #wc-stripe_sepa-form { padding: 10px; }
form#order_review #payment_method_stripe { margin: 25px 0 25px 25px; }
form#order_review #payment_method_stripe_sepa { margin: 25px 0 25px 25px; }
form#order_review .payment_methods label { margin-left: 10px; }
form#order_review li { clear: right; }
form#order_review #wc-stripe_sepa-form { padding: 10px; }
.wc_payment_method .payment_box label { display: inline; }

.woocommerce-checkout #payment .payment_method_stripe,
#add_payment_method #payment .payment_method_stripe { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_bancontact,
#add_payment_method #payment .payment_method_stripe_bancontact { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_alipay,
#add_payment_method #payment .payment_method_stripe_alipay { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_eps,
#add_payment_method #payment .payment_method_stripe_eps { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_giropay,
#add_payment_method #payment .payment_method_stripe_giropay { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_ideal,
#add_payment_method #payment .payment_method_stripe_ideal { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_multibanco,
#add_payment_method #payment .payment_method_stripe_multibanco { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_p24,
#add_payment_method #payment .payment_method_stripe_p24 { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_sepa,
#add_payment_method #payment .payment_method_stripe_sepa { position: relative; }

.woocommerce-checkout #payment .payment_method_stripe_sofort,
#add_payment_method #payment .payment_method_stripe_sofort { position: relative; }

.woocommerce-checkout #payment input#payment_method_stripe,
#add_payment_method #payment input#payment_method_stripe { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_bancontact,
#add_payment_method #payment input#payment_method_stripe_bancontact { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_alipay,
#add_payment_method #payment input#payment_method_stripe_alipay { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_eps,
#add_payment_method #payment input#payment_method_stripe_eps { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_giropay,
#add_payment_method #payment input#payment_method_stripe_giropay { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_ideal,
#add_payment_method #payment input#payment_method_stripe_ideal { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_multibanco,
#add_payment_method #payment input#payment_method_stripe_multibanco { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_p24,
#add_payment_method #payment input#payment_method_stripe_p24 { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_sepa,
#add_payment_method #payment input#payment_method_stripe_sepa { position: absolute; top: 6px; }

.woocommerce-checkout #payment input#payment_method_stripe_sofort,
#add_payment_method #payment input#payment_method_stripe_sofort { position: absolute; top: 6px; }

.woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe label[for=payment_method_stripe] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_bancontact label[for=payment_method_stripe_bancontact] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe_bancontact label[for=payment_method_stripe_bancontact] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_alipay label[for=payment_method_stripe_alipay] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe_alipay label[for=payment_method_stripe_alipay] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_eps label[for=payment_method_stripe_eps] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe_eps label[for=payment_method_stripe_eps] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_giropay label[for=payment_method_stripe_giropay] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe_giropay label[for=payment_method_stripe_giropay] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_ideal label[for=payment_method_stripe_ideal] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe_ideal label[for=payment_method_stripe_ideal] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_multibanco label[for=payment_method_stripe_multibanco] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe_multibanco label[for=payment_method_stripe_multibanco] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_p24 label[for=payment_method_stripe_p24] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe_p24 label[for=payment_method_stripe_p24] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_sepa label[for=payment_method_stripe_sepa] { display: block; padding-left: 32px; }
#add_payment_method #payment .payment_method_stripe_sepa label[for=payment_method_stripe_sepa] { display: block; padding-left: 20px; }

.woocommerce-checkout #payment .payment_method_stripe_sofort label[for=payment_method_stripe_sofort],
#add_payment_method #payment .payment_method_stripe_sofort label[for=payment_method_stripe_sofort] { display: block; padding-left: 32px; }

.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon,
#add_payment_method #payment ul.payment_methods li img.stripe-icon { float: right; max-width: 40px; padding-left: 3px; margin: 0; }

.woocommerce-checkout #payment ul.payment_methods li img.stripe-bancontact-icon,
#add_payment_method #payment ul.payment_methods li img.stripe-bancontact-icon { max-height: 65px; max-width: 45px; }
@@ -155,4 +57,4 @@ form#order_review #wc-stripe_sepa-form { padding: 10px; }
#add_payment_method #payment ul.payment_methods li .stripe-mastercard-brand { position: absolute; top: 50%; margin-top: -10px; right: 10px; background: no-repeat url( '../images/mastercard.svg' ); display: block; width: 30px; height: 24px; }

.woocommerce-checkout #payment ul.payment_methods .stripe-card-group,
#add_payment_method #payment ul.payment_methods .stripe-card-group { position: relative; }