/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
 /**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
/**
 * NEW Bootstrap Theme
 * your custom CSS modifications here.
 */
 
 /* N R Artist */
 
 /**
 * Basic Page Setup Styling
 * 
 */
 
 
 
.contextual-region {
	position: inherit;
}
  
 #auth_box input[type="text"],
 #auth_box input[type="password"] {
 	width: 100%
 }
 
 .author {
 	 display: none
 }
 
 

 
 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9  {


 	 padding-left: 0px;
 	 padding-right: 0px

 }
 
.row {

	 margin-right: 0%;
	 margin-left: 0%;
	 padding-left: 0%;
	 padding-right: 0%;


}

.region-header {

}

.region-content {
	 background-color: #fff;
	padding: 0px 0px 0px 0px;
}

 body {
 	margin-top: 0px;
 	padding-left: 0px;
 	padding-right: 0px;
 }
 
 .page-header {
 	border-bottom-width: 0px
 }
 
 .container-fluid {
 	 padding-left: 0px;
 	 padding-right: 0px;
 	 margin: 0px
 }
 
.region-content {
clear: both;
}

#navbar {
	display: none;
}
 
 /* Alerts */
 
 .alert-success {
 	background-color: #89949b;
 	border: none;
 	color: #fff;
 	margin: 30px 5% 30px 5%;
 }
 
 /* H Tags */
 
h1 {
	color: #545454;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 28px;
  letter-spacing: 1px;
  margin: 0 0 30px 0;
}

/* Account Icons */

#block-alock-bespoke-design-accounticons {
 	position: absolute;
  top: 26px;
  right: 5.5%;
  z-index: 600
 }
 
 .account-icons {
 	display: inline-block;
 }
 
 .account-icons {
 	width: 44px
 }
 
 .account-icons img {
 	width: 100%;
 	height: auto;
 }


 /* Menu */
 
#block-alock-bespoke-design-offcanvasmenu {
 	position: absolute;
  top: 22px;
  right: 5%;
 }
 
 .off-canvas-toggle button {
  background: transparent;
  color: #16263a;
  padding: 10px 15px 15px 15px;
  font-size: 29px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  z-index: 11000;
}

.off-canvas-menu {
font-family: interstate, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 17px;
text-transform: uppercase;
  position: fixed;
  z-index: 12000;
  width: 100%;
  height: 100%;
  background-color: rgba(177,177,177,.9);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  overflow-y: auto;
  text-align: center;
  transition: transform 0.5s ease;
}

.off-canvas-menu a {
  text-decoration: none;
  color: #16263a;
  font-weight: 500;
  
}

.off-canvas-menu ul {
background-image: url(../../../sites/nrartist/files/paragraph-logo.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: 90px;
	padding: 0 0 180px 0;
  width: 100%;
}

.off-canvas-menu li {
	float: none;
	width: 100%;
	border: none;
}

.off-canvas-menu li a {
	padding-top: 2px;
    padding-bottom: 2px;
}

.off-canvas-menu li a:hover {
	background-color: transparent;
	color: #dadada;
}

.off-canvas-menu li a:focus {
	background-color: transparent;
	color: #dadada;
}


 
 /* Logo Header */
 
 #block-alock-bespoke-design-logo {
 	background-color: #f4f4f4;
 	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.7);
 	padding: 20px 5%;
 	position: relative;
 	z-index: 200
 }
 
 .logo img {
 	max-width: 420px;
 	height: auto;
 }
 
 /* Home Banner */
 
 .flexslider {
 	border: none;
 }
 
 .flex-control-paging li a {
 	background: rgba(0, 0, 0, 0.3);
 	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
 }
 
 .flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  cursor: default;
}
 
 /* H Tags */
 
 h2 {
 	font-family: interstate, sans-serif;
font-weight: 300;
font-style: normal;
 }
 
 /* About on Home */
 
 #block-views-block-about-on-home-block {
 color: #545454;
 background-color: #e2e2e2;
 background-image: url(../../../sites/nrartist/files/paragraph-logo.png);
 background-repeat: no-repeat;
 background-position: 50% 88%;
 background-size: 90px;
font-family: interstate, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 17px;
padding: 100px 10% 230px 10%;
text-align: center;
 }
 
 #block-views-block-about-on-home-block h2 {
 color: #545454;
 	font-size: 28px;
 	margin: 0 0 30px 0;
 }
 
 #block-views-block-home-featured-work-block-1 {
  padding: 60px 4% 90px 4%;
}
 
 /* Mid Banner */
 
 #block-views-block-home-mid-banner-block img {
 	width: 100%;
 	height: auto;
 }
 
 /* Shop Category */
  #block-views-block-shop-categories-block,
  #block-views-block-shop-categories-main-block {
  	background-color: #e2e2e2;
  	padding: 100px 5% 100px 5%;
  }
  
  #block-views-block-shop-categories-block .view-header,
  #block-views-block-shop-categories-main-block .view-header {
  	color: #545454;
  	font-family: interstate, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 26px;
	margin: 0 0 70px 0;
  	text-align: center;
  }
 
 #block-views-block-shop-categories-block .view-content,
 #block-views-block-shop-categories-main-block .view-content {
 	display: flex;
 	gap: 2%;
 }
 
 #block-views-block-shop-categories-block .views-row,
 #block-views-block-shop-categories-main-block .views-row {
 	width: 33%;
 	flex: 1;
 	position: relative;
 }
 
 .category-image img {
 	width: 100%;
 	height: auto;
 }
 
 .category-wrapper {
	color: #fff;
	font-family: interstate, sans-serif;
	font-weight: 300;
	font-style: normal;
 	position: absolute;
 	text-align: center;
 	bottom: 60px;
 	width: 100%;
 }

 .category-title {
 font-size: 28px;
 	text-transform: uppercase;
 	margin: 0 0 30px 0;
 }
 
 .shop-now {
 	color: #fff;
 	border-color: #fff;
 	border-style: solid;
 	border-width: 1px;
 	padding: 12px 15px;
 	text-transform: uppercase;
 }
 
 .shop-now:hover {
 	background-color: rgba(255, 255, 255, 0.45);
 	color: #fff;
 	text-decoration: none;
 }
 

 
 
 /* Shop Page */
 
 #block-views-block-basic-page-titles-block {
 	text-align: center;
 	padding: 70px 5% 25px 5%;
 }
 
 .basic-body {
 	 	color: #7b7a7a;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 17px;
  text-align: center;
 }
 
 
 
 /* Get in Touch */
 
 #block-views-block-get-in-touch-block {
 background-color: #e2e2e2;
 	text-align: center;
 	padding: 100px 5% 55px 5%;
 }
 
 .webform-wrapper {
 	padding: 30px 20%;
 }
 
 .form-item-first-name,
 .form-item-email {
 	float: left;
 	width: 48%;
 }
 

 
  .form-item-last-name,
 .form-item-telephone {
 	float: right;
 	width: 48%;
 }
 
 .form-textarea-wrapper {
 	clear: both;
 }
 
 .contact-body {
 	color: #7b7a7a;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 17px;
  text-align: center;
 }
 
 #block-views-block-get-in-touch-block button {
 	background-color: #16263a;
 	border: none;
 	border-radius: 0px;
 	margin: 40px 0 0 0;
 }
 
 #block-views-block-get-in-touch-block button:hover {
 	background-color: #7b7a7a;
 }
 
  /* Footer */
 
 #block-alock-bespoke-design-footer {
 	padding: 10px 5%;
 }
 
 .footer-wrapper {
 	display: flex
 }
 
 .footer-column-1 {
 	flex: 1;
 	padding: 0 30px 0 0;
 }
 
  .footer-column-2 {
 	flex: 1;
 }
 
   .footer-column-3 {
 	flex: 1;
 }
 
 .footer-column-1 img {
 	width: 70%;
 	height: auto;
 	max-width: 330px;
 	vertical-align: top;
 }
 
 .footer-title {
 	color: #16263a;
 	font-family: interstate, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 15px;
	margin: 5% 0 25px 0;
 	text-transform: uppercase;
 }
 
 .footer-body {
 	color: #16263a;
 	font-family: interstate, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 15px;
 }
 
 .footer-icon {
 	display: inline-block;
 	margin: 5% 0 0 8px;
 }
 
 /* Better Login */
 
.dialog-off-canvas-main-canvas img {
  width: 100%;
  height: auto;
}

/* Portfolio */

#block-views-block-portfolio-block-1 {
	margin: 0 0 80px 0;
}

#block-views-block-portfolio-block-1 .view-content {
	background-color: #f3f3f3;
	padding: 20px 1% 20px 1%;
	text-align: center;
}

#block-views-block-portfolio-block-1 .views-row {
	display: inline-block;
  width: 27%;
  margin: 30px 2.5%;
}

.portfolio-image {
	background-color: #efeded;
	padding: 18px;
	
}

.portfolio-image img {
	width: 100%;
	height: auto
}

 .portfolio-title {
 	background-color: #efeded;
 	color: #545454;
 	font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 17px;
 	padding: 0px 0px 16px 20px;
 	text-align: left;
 }
 

 
 #block-views-block-home-featured-work-block-1 .view-header {
 color: #545454;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 0 0 0 1.5%;
 }
 
 #block-views-block-home-featured-work-block-1 .carousel-control {
  top: 105%;
  bottom: 0;
  left: 20px;
}

#block-views-block-home-featured-work-block-1 .carousel-inner {
  overflow: visible;
}

#block-views-block-home-featured-work-block-1 .carousel-indicators {
  position: absolute;
  top: 112%;
  left: 150px;
  z-index: 0;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
  overflow: hidden;
  height: 10px;
}

#block-views-block-home-featured-work-block-1 .carousel-indicators {
	display: none;
}

#block-views-block-home-featured-work-block-1 .carousel-control {
  background-image: none;
  height: 30px;
  position: absolute;
  top: 105%;
  bottom: 0;
  left: 20px;
  width: 0px;
  font-size: 20px;
  color: #a19d94;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=90);
  opacity: 0.9;
}

#block-views-block-home-featured-work-block-1 .carousel-control:hover {
	color: #89949b;
}

#block-views-block-home-featured-work-block-1 .carousel-control.right {
left: 55px;
  right: auto;
}

.home-portfolio-image {
  margin: 0 5%;
}
#cboxOverlay {
  background: #e2e2e2;
}

/* About Page */

#block-views-block-about-artist-block-1 {
	padding: 50px 0px 30px 0px;
	text-align: left;
	margin: 0 5% 60px 5%;
}

.artist-image {
	width: 70%;
	max-width: 400px;
	float: right;
	margin: 0 0 0 10%;
}

.artist-image img {
	width: 100%;
	height: auto;
}

.about-artist-wrapper {
	padding: 6% 0 0 0;
	text-align: left;
}

.about-body {
color: #545454;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 17px;
  text-align: left;
	
	
}

/* Shop */

.product-body-wrapper {
	width: 42%;
	float: right;
}

.product-image {
	width: 50%;
}

.product-image-mobile {
	display: none
}

.product-image img {
	width: 100%;
	height: auto;
}

#block-views-block-print-main-page-block-1 {
	padding: 60px 5% 80px 5%;
}

.product-body {
	color: #545454;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  text-align: left;
}

.product-price {
		color: #545454;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  text-align: left;
  margin: 0 0 25px 0;
}

.print-size {
		color: #545454;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 17px;
  text-align: left;
  margin: 25px 0 25px 0;
}

#block-views-block-print-main-page-block-1 button {
	font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
	width: 100%;
	text-transform: uppercase;
	margin: 20px 0 0 0;
}

#block-views-block-print-main-page-block-1 button a:link,
#block-views-block-print-main-page-block-1 button a:visited {
	color: #545454
}

#block-views-block-print-main-page-block-1 .btn-success {
  color: #545454;
  background-color: #fff;
  border-color: #545454;
  letter-spacing: 1px;
}

#block-views-block-print-main-page-block-1 .btn-success:hover {
  color: #545454;
  background-color: #b1b1b1;
  border-color: #545454;
  letter-spacing: 1px;
}


/* Cart - Main Checkout Pages */

#block-alock-bespoke-design-carttitle {
	text-align: center;
	margin: 70px 5% 0px 5%;
}

.cart {
	 color: #16263a;
	font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
margin: 60px 5% 80px 5%
}

#edit-checkout button  {
	color: #fff;
	background-color: #16263a;
}
 
.cart th {
	 font-weight: 300;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #dbdbdb;
}

.cart .btn-danger,
.cart .btn-info {
	background-color: #16263a;
	border-color: #16263a
}

.cart .btn-danger:hover,
.cart .btn-info:hover {
	background-color: #16263a;
	border-color: #16263a
}

.cart-empty-page {
	 text-align: center;
	 color: #16263a;
	 	font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
	margin-top: 40px; 
	margin-bottom: 60px
}



#commerce-checkout-flow-multistep-default {
		font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
	margin: 60px 5% 60px 5%
}

#commerce-checkout-flow-multistep-default .panel {
	background-color: #dbdbdb
}

#commerce-checkout-flow-multistep-default .control-label {
	color: #16263a;
		font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
}

#commerce-checkout-flow-multistep-default .panel-title {
	color: #16263a;
	font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
}

#commerce-checkout-flow-multistep-default .panel-default,
#commerce-checkout-flow-multistep-default .panel-heading {
	background-color: #dbdbdb;
	border-color: #dbdbdb
}

.layout-region-checkout-secondary {
	color: #16263a;
	 	font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
}


.layout-checkout-form {
	color: #16263a;
		font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
}

#commerce-checkout-flow-multistep-default .form-control {
	font-size: .9em
}


#edit-shipping-information-shipments-0 legend {
	color: #16263a;
	font-weight: 300;
	margin-top: 20px
}

.layout-checkout-form .form-composite legend {
	 font-weight: 300;
	 padding-top: 15px
}


/* Prints Overview / Originals / Cards */

#block-views-block-prints-overview-block-1,
#block-views-block-originals-overview-block-1,
#block-views-block-cards-overview-block-1 {
	padding: 0 5% 80px 5%;
}

#block-views-block-prints-overview-block-1 .views-row,
#block-views-block-originals-overview-block-1 .views-row,
#block-views-block-cards-overview-block-1 .views-row {
  border-color: #e2e3e3;
  background-color: #f4f4f4;

  border-style: solid;
  border-width: 1px;
  margin: 0px 14px 20px 14px;
  padding: 12px;
  width: 22%;
}

.print-overview-title {
	color: #545454;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  margin: 0 0 10px 0;
}

.print-overview-price {
	color: #545454;
  font-family: interstate, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  margin: 20px 0 5px 0;
}

/* Breadcrumbs */

.breadcrumb {
	padding: 12px 5%;
}

/* Mobile Scaling */


@media (max-width: 780px) {


.artist-image {
  width: 70%;
  max-width: 400px;
  float: none;
  margin: 0 auto 0 auto;
}

#block-views-block-portfolio-block-1 .views-row {
  display: inline-block;
  width: 42%;
  margin: 30px 2.5%;
}

#block-views-block-prints-overview-block-1 .views-row,
#block-views-block-originals-overview-block-1 .views-row,
#block-views-block-cards-overview-block-1 .views-row {
  border-color: #e2e3e3;
  background-color: #f4f4f4;
  border-style: solid;
  border-width: 1px;
  margin: 0px 14px 20px 14px;
  padding: 12px;
  width: 42%;
}

.webform-wrapper {
  padding: 30px 10%;
}



}

@media (max-width: 480px) {

.logo img {
  max-width: 260px;
}

#block-alock-bespoke-design-accounticons {
  position: absolute;
  top: 16px;
  right: 5.5%;
  z-index: 600;
}

.account-icons {
  width: 30px;
}

#block-alock-bespoke-design-offcanvasmenu {
  position: absolute;
  top: -20px;
  right: 4%;
}

#block-views-block-about-on-home-block {

  padding: 40px 10% 230px 10%;
  text-align: center;
}

#block-views-block-shop-categories-block,
#block-views-block-shop-categories-main-block {
  background-color: #e2e2e2;
  padding: 40px 5% 40px 5%;
  text-align: center;
}

#block-views-block-shop-categories-block .view-content,
#block-views-block-shop-categories-main-block .view-content {
  display: inline-block;
  gap: 0%;
}

#block-views-block-shop-categories-block .views-row,
#block-views-block-shop-categories-main-block .views-row {
  width: 90%;
  position: relative;
  margin: 0 auto 30px auto;
}

  #block-alock-bespoke-design-accounticons {
    position: absolute;
    top: 76px;
    right: 4.8%;
    z-index: 600;
  }
  
  

#block-alock-bespoke-design-logo {

  padding: 25px 5% 35px 5%;

}

#block-views-block-home-featured-work-block-1 {
  padding: 10px 4% 90px 4%;
}

.footer-wrapper {
  display: block;
}

#block-alock-bespoke-design-footer {
  padding: 10px 5%;
  text-align: center;
}

#block-views-block-shop-categories-block .view-header,
#block-views-block-shop-categories-main-block .view-header {

  margin: 0 0 30px 0;

}

#block-views-block-portfolio-block-1 .views-row {

    width: 95%;

  }
  
  #block-views-block-basic-page-titles-block {
  text-align: center;
  padding: 35px 5% 25px 5%;
}

  #block-views-block-prints-overview-block-1 .views-row,
  #block-views-block-originals-overview-block-1 .views-row,
  #block-views-block-cards-overview-block-1 .views-row {
    border-color: #e2e3e3;
    background-color: #f4f4f4;
    border-style: solid;
    border-width: 1px;
    margin: 0px 14px 20px 14px;
    padding: 12px;
    width: 90%;
  }
  
  .product-body-wrapper {
  width: 100%;
  float: none;
}

.product-image {
	display: none;
}

.product-image-mobile {
	display: block;
	margin: 0 0 30px 0;
}

.product-body-wrapper h1 {

  font-size: 25px;

}

  .webform-wrapper {
    padding: 30px 5%;
  }
  
  .form-item-first-name,
  .form-item-email {
  float: none;
  width: 100%;
}

.form-item-last-name,
.form-item-telephone {
  float: none;
  width: 100%;
}
  
  


}