/*
Theme Name: DetroitTheme
Theme URI: http://underscores.me/
Author: Cube Lab
Author URI: http://underscores.me/
Description: A starter theme build by Cube Lab, Exeter.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: detroittheme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

DetroitTheme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@import url('css/detroitbase.css'); 
@import url('css/foundation.css'); 
@import url('css/app.css'); 
@import url('css/mobile-menu.css'); 
@import url('css/social-icons.css');


/*------end imports --*/

/* TYPOGRAPHY */
body, p, h1, h2 {
	font-family: 'gotham_bookregular';
	color: #514b57;
}
body {
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

h3, h4, h5, h6 {
	font-family: 'gotham_mediumregular';
	color: #514b57;
}

h1 { 
	font-size: 31px;
}
h2 { 
	font-size: 28px;
}
h3 {
	font-size: 18px;
}
h4 { 
	font-size: 20px;
}
h5 { 
	font-size: 18px;
}
h6 { 
	font-size: 15px;
}

p, li {
	font-size: 15px;
}
/* links */ 
a, a:visited {
	color:  #514b57;
	font-family: 'gotham_mediumregular';
}
a:hover, a:focus {
	color: #929292;
}
header.site-header a, header.site-header a:visited {
	color:  #fff;
}
footer.site-footer a, footer.site-footer a:visited {
	color:  #514b57;
}
footer.site-footer a:hover, footer.site-footer a:focus {
	color: #b5ce15;
}
.shadow-bg {
	 box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
}
.strip.grey-bg{
	background: #ededed;
}
.white-bg .box {
	background:  #fff;
}
/*   HEADER   */
header.site-header {
	background: #272320;
	color:  #fff;
	border-bottom: 4px solid #CAA959;
}
header.site-header .header-main {
	margin-top: -15px;
}
header.site-header {
	 z-index: 90;
}
header.site-header .header-top {
	font-size: 15px;
	font-family: 'gotham_bookregular';
}
header.site-header .header-top span.number:after  {
	content:  '|';
	color: #727272;
	margin: 0 1rem;
}

header.site-header .header-base {
	background: #272320;
	margin-top:  10px;
	
}
header .site-logo img {
	height: auto; 
	width: 100%;
}
.internal-content h2.entry-title {
	text-align:  center;
}

.internal-content .process img {
	width:  100%;
}
mark {
	background: #b5ce15;
}
.woocommerce form.login {
	width:  500px;
	margin:  auto;
}
.internal-content .video-options {
	padding-top:  20px;
	clear:  both;
}
.internal-content .video-options .v-option .box {
	border: 1px dashed #e1e1e1;
	margin-bottom: 30px;
}
.internal-content .video-options .v-option .box ul {
	min-height: 175px;
}
.internal-content .video-options .v-option .box a.button.primary {
	margin: 0;
}
/* button styles */
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 2em;
  margin: 1rem 0 1rem 0;
  font-size: 0.9rem;
  background-color: #2199e8;
  color: #514b57;
  text-transform:  uppercase;
  font-family: 'gotham_mediumregular';
}

.button.primary {
  background-color: #b5ce15;
}
.button.primary:hover, .button.primary:focus {
    background-color: #b5ce15;
}
.button.secondary {
  background-color: #514b57;
}
.button.secondary:hover, .button.secondary:focus {
    background-color: #3e3647;
}
.button.alternate {
 background-color: #caa959;
}
.button.alternate:hover, .button.alternate:focus {
   background: #bb9332;
 
}

/* form button */ 
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #147cc0;
	color: #fefefe;
}

/* nav */

.header-base .menu > li > a {
	color: #fff ;
	font-size: ;
}
.header-base .menu > li > a:after  {
	content:  '|';
	color: #727272;
	margin-left: 1rem;
}

.header-base .menu > li:last-child > a:after {
	content:  '';
}
.header-base .menu > li.current-menu-item, .header-base .menu > li.current_page_parent {

}

.header-base .menu > li:hover {

}

/* !end header */

/*   FOOTER   */
footer.site-footer {
	background: #f7f7f7;
	padding-top:  30px;
	color: #514b57;
	font-size: 15px;
}
footer.site-footer .social-icons a {
	color: #514b57;
}
footer.site-footer .social-icons {
	margin-top:  8px;
}
footer.site-footer .social-icons a:hover {
	color: #79767d;
}
footer.site-footer .footer-base .row {
	background: #f7f7f7;
	color:  #243F53;
	border-top:  2px #ededed solid;
	font-family: 'gotham_mediumregular';
	padding-top:  20px;
	padding-bottom: 10px;
}
footer.site-footer .footer-base .company-info img {
	margin-left: -10px
}
footer.site-footer .footer-base .company-info {
	margin-top:  -15px;
}
footer.site-footer .scroll {
	background: #b5ce15;
}
footer.site-footer .menu > li > a {
	padding: 0 0 0 20px;
}

footer.site-footer nav .menu > li:before {
	content: '►';
	color: #b5ce15;
	font-size: 10px;
}
.internal-content ul li {
	list-style:  none;
	padding-left: 30px;
}
.internal-content ul li:before {
	content: '►';
	color: #b5ce15;
	font-size: 10px;
	margin-left: -25px;
	margin-right: 15px
}
.internal-content #shipping_method li:before {
	content:  '';
}
footer.site-footer .sign-up input {
	margin-bottom: 5px;
	font-size:  14px;
	padding-top:  0;
	padding-bottom: 0 ;
	height: 24px;
	border-color: #e6e6e6;
	box-shadow:  none;
}
footer.site-footer .sign-up button {
	margin-top: 5px;
	font-size: 12px;
}
footer.site-footer .xbox {
	padding: 20px 0;
}
/* !end footer */

/*   SLIDER   */

/*  caption  */
.testimonial-slider .callbacks_container {
	height:  320px;
}
.testimonial-slider .callbacks_container ul {
	top: 50%;
  	transform: translateY(-50%);
}
.callbacks .caption {
  background: #fff;
  left:1%;
  width:  450px;
  top: 5%;
  padding: 10px 20px;
  margin: 0;
  color: #514b57;
  border:  2px solid #514b57;
 }
 .callbacks .caption p {
 	font-size:  14px;	
 }
  
.testimonial-slider .callbacks_nav {
  padding:  10px 10px 25px;  /* bottom needs more becuase of line-height*/
  font-size: 50px;
  color:  #fff;
}

/* !end slider */
.bg-blur{
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 55px 55px rgba(0, 0, 0, 0.3);
	border-radius: 360px;
}


form fieldset.first-set, form fieldset.first-set {
	width:  48%;
	margin: 0 1%;
	display:  inline-block;
	float:  left;
}

form fieldset ul {
	list-style: none;
}

/* strip stypes */ 

.strip.grey {
	background: #f2f2f2;
}

/* Dropdown cart styles */ 

.widget_shopping_mini_cart_content {
	color:  #514b57;
}
.widget_shopping_mini_cart_content a.dropdown-total:after {
	content:  '▼' ;
	font-size: 9px;
	margin-left: 5px;
	color: #b5ce15;
}
.widget_shopping_mini_cart_content .dropdown-cart-button a.dropdown-total {
	font-size: 14px;
	font-family: 'gotham_mediumregular'
}
.widget_shopping_mini_cart_content .dropdown-cart-button, .dropdown-cart-button .dropdown-total {
	background:  none;
	border: none;
	padding: 0;
}
.widget_shopping_mini_cart_content .dropdown .cart_list .mini_cart_item a {
	color:  #514b57;
}
.widget_shopping_mini_cart_content .dropdown .cart_list .mini_cart_item {
	font-size:  12px;
}
.widget_shopping_mini_cart_content .dropdown .cart_list .mini_cart_item .quantity {
	font-size:  11px;
}

.dropdown-cart-button .dropdown .total {
	margin-right: 10px;
	font-size:  12px;
}
.widget_shopping_mini_cart_content dl.variation {
	display:  none;
}
.dropdown-cart-button .dropdown .buttons {
	text-align:  center;
}
.dropdown-cart-button .dropdown .buttons .button {
	border:  none;
}
.dropdown-cart-button .dropdown .cart_list li {
	border-bottom: 1px solid #f0f0f0;
}
.dropdown-cart-button .dropdown .cart_list img {
	margin-right:  10px;
}

.icon-services .box {
	border: 1px solid #b5ce15;
}
.icon-services{
	text-align:  center;
}
.icon-services .box h2 {
	margin-top:  25px;
	line-height:1;	
}
.icon-services .box p {
	color: #A7A4AA;
	line-height: 1;
	min-height:  30px;
}
.icon-services img {
	margin-bottom: -50px;
	max-width: 160px;
	padding: 10px;
	background: white
}

.additional-info .box {
	min-height:  240px;
}
.testimonial-slider p {
	text-align:  center;
	font-family: 'gotham_mediumregular';
}
.testimonial-slider p span {
	font-family: 'gotham_bookregular';
}
.internal-content .testimonial-slider ul li:before, .internal-content .testimonial-slider ul li:after {
	content:  '"';
	color: #b5ce15;
	font-size: 80px;
	margin-right:  0;
	height: 80px;
}
.testimonial-slider li:before {
	float: left;
	margin-top: -40px
}
.testimonial-slider li:after {
	float: right;
	margin-top: -80px
}
/** PRODUCT AREA STYLES **/

form.cart {
	background:  #ededed;
	padding:  20px 40px;
}
.woocommerce.single-product div.product div.images img {
	width:  auto;
}
.woocommerce.single-product .quantity {
	display:  none;
}
.woocommerce.single-product [type='text'], 
.woocommerce.single-product textarea,
.woocommerce.single-product input[type="number"] {
	border:  none;
	border-radius:  0;
}
.woocommerce.single-product dl.product-addon-totals dt {
	font-weight: normal;
	font-style: normal;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	color:  #514b57;
	font-size: 1.2em;
	line-height:  1;
	margin-left:  10px;
}
.woocommerce.single-product div.product .product_title {
	margin-left:  8px;
}
.woocommerce div.product .product_title {
	margin-bottom:  0;
}
.woocommerce.single-product div.addon-description p {
	font-style: normal;
	line-height:  1.2;
	font-size: 14px;
}
.woocommerce.single-product button.button.alt, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce input.button.alt,
.dropdown-cart-button .dropdown .buttons .button
 {
	border-radius:  0;
	padding: 0.85em 2em;
	margin: 1rem 0 1rem 0;
	font-size: 0.9rem;
	font-weight: normal;
	font-style: normal;
	font-family: 'gotham_mediumregular';
}

.dropdown-cart-button .dropdown .buttons .button {
	padding:  0.5em 1em;
	margin: 1rem 5px 0 5px;
}
.woocommerce.single-product button.button.alt, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce input.button.alt,
.dropdown-cart-button .dropdown .buttons .button {
	background-color:  #b5ce15;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
	background-color:  #ededed; 
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: inline-block;
	float:  right;
}
.woocommerce.single-product button.button.alt:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce input.button.alt:hover,
.dropdown-cart-button .dropdown .buttons .button:hover {
    background-color: #b5ce15;
}

.woocommerce.single-product h3.addon-name {
	font-size: 16px;
	margin-bottom:  0;
}
.woocommerce.single-product form .form-row {
	padding:  3px 0;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	width:  100%;
	float: none;
}
.woocommerce.single-product .entry-summary {
	margin: 0;
}

/* basket */
.woocommerce td.product-name dl.variation dt {
	font-weight:  normal;
	
}
.woocommerce td.product-name dl.variation dd {
	margin-bottom: 0;
}
.woocommerce td.product-name dl.variation {
	font-size:  14px;
}
table tbody tr:nth-child(even) {
	background: none;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	min-width:  200px;
}
.woocommerce table thead, 
.woocommerce table tfoot,
.woocommerce label {
	color:  #514b57;
}
.woocommerce .cart_totals h2 {
	display:  none;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table tfoot th,
.woocommerce form .form-row label {
	font-weight: normal;
	font-family: 'gotham_mediumregular';
}
/* checkout */
.woocommerce-checkout #payment {
	background: #f7f7f7;
}
 .woocommerce-checkout #payment div.payment_box {
 	background: #ededed;
}
.woocommerce-checkout #payment div.payment_box:before {
 	border: 1em solid #ededed;
 	border-right-color: transparent;
 	border-left-color: transparent;
 	border-top-color: transparent;
}

.woocommerce .checkout .my-order-summary {
	border-radius:  0;
	border: 3px solid #b5ce15;
	font-size:  14px;
}
.woocommerce .checkout dl.variation {
	display: none;
}
.woocommerce .checkout .my-order-summary h3 {
	padding:  20px 15px;
}
.woocommerce .checkout table.shop_table td {
	padding:  12px;
}
.woocommerce .checkout table.shop_table {
	border-radius: 0;
	border:  none;
}
table thead {
	background:  none;
}
.woocommerce form .form-row {
	margin-bottom:  0;
}
.woocommerce-checkout #payment ul.payment_methods li {
	margin: 1em 0;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number {
	font-size:  16px;
}
/** RESPONSIVE STYLES **/

/* Large and up */
@media screen and (min-width: 64em) {
	header .site-logo img {
		padding: 0 30px;
	}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	.services h2 {
		min-height: 56px;
	}
	.services p {
		margin-bottom:  0;
	}
	.callbacks .caption {
	  bottom: 5%;
	  }
	.additional-info .box {
		min-height:  258px;
	}
}

/* Medium and up */
@media screen and (min-width: 40em) {
.desktop-menu .main-navigation ul{
	display: block;
}
.mobile-menu {
	display: none;
}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.menu > li > a {
		padding-left:  0.42rem;
	}
	.header-base .menu > li > a:after {
		margin-left:  0.42rem;
	}
	.callbacks .caption {
	  background: #fff;
	  left:5%;
	  right: 5%;
	  width:  auto;
	 }
	.callbacks img {
		height: 400px;
		width:  auto;
		max-width:  none;
	}
	.services {
		margin-bottom: 20px;
	}
	.additional-info .box {
		min-height: 330px
	}
	.icon-services .box p {
		min-height:  0;
	}
	header.site-header .header-main {
		margin-top:  0;
	}
	.order-summary-container .box {
		padding-left: 0;
		padding-right: 0;
	}
	.single-product .images {
		display: none;
	}
	.woocommerce-cart td.product-quantity, .woocommerce-cart td.product-price {
		width: 50%;
		display: inline-block;
		float: left;
	}
	.woocommerce-cart td.product-quantity {
		text-align: right
	}
	.woocommerce-cart td.product-quantity input.input-text.qty.text {
		display: inline;
	}
	.woocommerce-cart td.product-subtotal {
		clear:  both;
	}
	.woocommerce .cart-collaterals .cart_totals {
		width: 60%;
		float: right;
	}
	.internal-content ul li {
		padding:  0 30px;
	}
	.internal-content ul li p {
		line-height: 15px;
	}
	.internal-content ul li:after {
		margin-right:  -20px!important;
	}	
}


/* Small only */
@media screen and (max-width: 39.9375em) {
	.desktop-menu,
	.header-top .contact-header,
	.footer-base .cubelab span a {
		display: none;
	}
	.callbacks .caption {
	  background: #fff;
	  left:5%;
	  right: 5%;
	  width:  auto;
	}
	.callbacks img {
		height: 600px;
		width:  auto;
		max-width:  none;
	}
	.additional-info .columns {
		margin-bottom:  40px;
	}
	.additional-info .box {
		min-height: 0;
	}
	.cta {
		text-align:  center;
	}
	.icon-services .box {
		min-height: 177px
	}
	.woocommerce-message a.button.wc-forward {
		display: none!important;
	}
	.woocommerce-cart td.product-quantity input.input-text.qty.text {
		display: inline;
	}
	.internal-content ul li {
		padding:  0 30px;
	}
	.internal-content ul li p {
		line-height:  15px;
	}
	.internal-content ul li:after {
		margin-right:  -20px!important;
	}
	.woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input,
	.woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input,
	 .woocommerce-page #content table.cart td.actions .input-text, 
	 .woocommerce #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
		width:  100%;
	}
	.woocommerce-page table.cart td.actions .input-text+.button {
		margin-top:  10px;
	}
}