/**
 * Place your custom styles here.
 */

/*fonts*/
@font-face {
	font-family: 'kaushan_scriptregular';
	src: url('../fonts/kaushanscript-regular-webfont.woff2') format('woff2'),  url('../fonts/kaushanscript-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 800;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

/*overrides*/
.nav-bar {
	border:none;
}
.navbar {
	margin:0;
	padding:0;
	background-color:#ffffff;
}
.navbar-header {
	float:left;
	margin:0 10% !important;
}
.main-container {
	padding:0 0 100px 0;
}
.region-navigation {
	margin:0 10%;
}
.region-header {
/*background:#CCCCCC;*/
}
.jumbotron {
	padding:0 !important;
	margin:0;
	overflow:hidden;
	max-height:450px;
	width:100%;
	/*background-color:#E3E8EE;
	border-bottom:1px solid #E3E8EE;*/
}
.jumbotron img {
	width:100%;
	height:auto;
}
.region-content {
  margin:auto 10%;
  padding-top:30px;
}
/*quick links*/
#block-block-4 {
float:right;
margin-top:-110px;
}
#block-menu-menu-quick-links, #block-superfish-3 {
	background:#000000;
	display:block;
	clear:both;
}
#block-superfish-3 ul {
	text-align:right;
	margin:0;
	margin-right:10%;
}
#block-superfish-3 li {
	list-style:none;
	display:inline-block;
	padding:5px 10px;
}
#block-menu-menu-quick-links a, #block-superfish-3 a {
	color:#ffffff;
}
#block-menu-menu-quick-links a:hover, #block-superfish-3 a:hover {
	color:#000000;
}
/*main-menu*/
#block-superfish-1 {	
        margin-top:-30px;
	
	padding-right:30px;
	clear:both;
	margin-bottom:0;
        background:#ffffff;
        float:right;
}
#block-superfish-1 ul {
	text-align:right;
}
#block-superfish-1 li {
	list-style:none;
	display:inline-block;
	text-transform:uppercase;
	padding:5px 10px;
	font-weight:bold;
}
/*product links*/
#block-superfish-2 {
	display:block;
	min-height:50px;
	margin-top:10px;
	padding-left:10%;
	padding-top:10px;
	background:#cccccc;
	vertical-align:middle;
}
#block-superfish-2 a {
	color:#000000;
	text-transform:uppercase;
}
#block-superfish-2 ul {
	margin:10px 0 0 0;
}
#block-superfish-2 li {
	list-style:none;
	display:inline-block;
	padding-right:20px;
}
#block-superfish-2 ul ul {
background-color:#ffffff;
margin-top:-9px;
padding-top:0;
border:1px solid #cccccc;
}
#block-superfish-2 ul ul li {
padding:10px;
}
/*search*/
#block-search-form {
	float:right;
	width:200px;
	display:inline-block;
	margin-right:10%;
	margin-top:-42px;
}
#block-search-form .form-group {
	margin-bottom:0;
}

/*banner*/
.view-banner {
	border-top:1px solid #ffffff;
	/*background:#E3E8EE;*/
	padding:0;
	margin:0;
}
.view-banner .views-field-body {
	position:absolute;
	right:0;
	top:75px;
	text-align:right;
	color:#ffffff;
        padding-right:0;
}
.view-banner .banner-text p {
	font-size:2em;
	/*font-family: 'kaushan_scriptregular';*/
	text-shadow: 1px 1px 2px #000000;
}
.banner-text{
  z-index:2;
  background: rgba(0,0,0,0.4);
  padding:20px 30px 20px 20px;
    
}
.view-banner .banner-text a {
color:#ffffff;
text-decoration:none;
}
.view-banner .banner-text a:hover {
text-decoration:underline;
}



.view-banner .banner-link {
	display:block;
	text-align:center;
	margin-top:30px;
}
.view-banner .banner-link a {
	color:#000000;
	border:1px solid #ffffff;
	background-color:#E3E8EE;
	padding:10px 20px;
	font-weight:bold;
	text-transform:uppercase;
}
.view-banner .banner-link a:hover {
	background-color:#6699FF;
    text-decoration:none !important  color:#ffffff !important;
}
.view-banner .views-field-body .field-content {
	opacity: 1;
	filter: alpha(opacity=100);
}

.banner .views-slideshow-controls-bottom {
  position:relative;
  z-index:100;
  float:right;
  margin-right:10%;
  margin-top:-50px;
}
.gallery .views-slideshow-pager-fields div {
padding:0;
}
.banner .views-slideshow-pager-fields .active {
	text-decoration:none !important;
}
.banner .widget_pager_bottom .views-slideshow-pager-field-item.active a {
	background:#6699FF;
	text-decoration:none !important;
}
.banner .widget_pager_bottom .views-slideshow-pager-field-item a {
	border:1px solid #6699FF;
	border-radius:20px;
	text-indent:1000px;
	overflow:hidden;
	height:20px;
	width:20px;
	display:inline-block;
	text-decoration:none;
        background:#ffffff;
}



.front .page-header {
	display:none;
}
.page-header {
	margin:30px 10% 5px;
}
.banner #views_slideshow_cycle_main, .banner .views-slideshow-cycle-main-frame-row {
	width:100% !important;
}
.panel-2col-stacked .panel-col-first {
	width:40%;
	margin-left:10%;
}
.panel-2col-stacked .panel-col-last {
	width:40%;
	margin-right:9.9%;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
body {
	font-size:1.5em;
}
.footer {
	padding-top:20px;
	background-color:#0D2432;
	color:#ffffff;
	margin-top:0;
	border-top:none;
    position: relative;
	z-index: 1;
}
.footer:before {
	background: #0D2432;
	top:0;
	content: '';
	display: block;
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	transform: skewY(1.5deg);
	transform-origin: 100%;
	z-index: -1;
}
.footer h3 {
	text-transform:uppercase;
	font-weight:bold;
}
.footer a {
	color:#ffffff;
}
.footer .row div {
	border-right:1px solid #869299;
}
.footer .row div.col-last {
	border-right:none;
}
.footer .col-sm-4 {
	padding-left:40px;
	padding-right:20px;
}
.front .main-container {
	padding-bottom:50px;
}
.front .container {
width:100%;
margin-bottom:20px;
}
.copyright {
        padding-top:40px;
        text-align:center;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#block-views-banner-block {
	/*-webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
	clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);*/
}
.google-map iframe {
	-webkit-box-shadow: 8px 8px 8px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 8px 8px 8px -2px rgba(0,0,0,0.5);
	box-shadow: 8px 8px 8px -2px rgba(0,0,0,0.5);
	width:100%;
	margin-bottom:10px;
}
.google-map.col-sm-12 {
padding:0;
}
#block-block-1 .container {
padding:0;
}
/*icons*/
#menu-560-3 a:before {
	font-family: 'Font Awesome 5 Free';
content: "\f082";
}
#menu-561-3 a:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0e0"; 
}
#menu-562-3 a:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f07a"; 
}

.product-item{
  padding:0;  
margin-bottom:45px;
}
.product-list .views-row {
margin-bottom:30px;

}
.product-list .col-md-2 {
  padding-right:5px !important;
  padding-left:5px !important;
}
.product-list .views-exposed-form {
  padding:10px 20px;
  border:1px solid #dddddd;
  margin:20px 0;
  background:#eeeeee;
}
.card-body {
  padding:10px 10px 5px 5px;
 
}
.product-item form .form-group {
 display:inline-block;
 margin-bottom:0;
 width:47%;
vertical-align:top;
}
.product-item form .form-group .form-type-uc-quantity label,
.product-item label,
.uc-out-stock-processed label {
display:none !important;
}

.form-type-uc-quantity.error-processed input {

border:1px solid #ccc;
}
.uc_out_of_stock_html {
color:#CE0000;
}

.album .img-responsive {
  width:100%;
}
.no-image {
width:100%;
height:150px;
display:block;
}
.album .form-type-uc-quantity .form-control {
 padding:5px;

}
.card-title {
  margin-top:5px;
  font-size:1.3em;
  color:#0D2432;
}
.card-text {
 font-size:.85em;
}
.card-text p {
margin-top:5px;
}
.field-name-field-image img {   
   margin:20px 10px;
   -webkit-box-shadow: 8px 8px 8px -2px rgba(0,0,0,0.5);
   -moz-box-shadow: 8px 8px 8px -2px rgba(0,0,0,0.5);
   box-shadow: 8px 8px 8px -2px rgba(0,0,0,0.5);
}
.cart-links {
  padding-top:15px;
}
.cart-links .form-group {
  margin-bottom:5px;
}
.cart-links .form-actions {
  text-align:right;
}
.product-list .rrp-price, .product-list .sell-price {
display:inline-block;
width:48%;
vertical-align:top;
}
.product-list .sell-price {
  text-align:right;
}
.product-list .rrp-price .uc-price {
 text-decoration: line-through;
}
.product-list .sell-price .uc-price {
font-size:1.8em
}
.prices {
/*padding-bottom:10px;*/
}

.logo img {
	width:100%;
}
.btn-success {
  background-color:#337ab7;
  border-color:#2e6da4;
}
.btn-success:hover {
  background-color:#2e6da4;
  border-color:#2e6da4;
}
.node-type-page .region-content .col-md-6.img {
	height:350px;
	overflow:hidden;
	margin:30px 0;
}
.node-type-page .region-content .col-md-6 img{
width:100%;

}
body {
width:100%;
overflow-x:hidden;
}

.album .form-type-uc-quantity .form-control {
 width:100%;
 min-width:80px;
 }
table .qty .form-control {
width:80px;
}
.checkout-links {
text-align:right;
margin-top:10px;
}
.checkout-links  a {
color:black;
}
.icon-cart {
padding:0 20px 0 30px;
background:url("/sites/all/themes/directfromjapan/img/icon-cart.png") no-repeat left;
}
.product-info-label, .uc-price-label {
font-weight:bold;
}
.view-image-gallery .active a {
border:none;
}

.field-type-taxonomy-term-reference .field-item {
display:inline-block;
padding-right:5px;
}
.field-type-taxonomy-term-reference .field-item:after {
content: ", "
}
.field-type-taxonomy-term-reference .field-item:last-child:after {
content: ""
}

.view-image-gallery .views-slideshow-controls-bottom, .view-image-gallery .views-slideshow-controls-top {
margin-bottom:10px;
vertical-align:top;
vertical-align:top;

}
div#views_slideshow_cycle_main_image_gallery-block_1 {
margin-bottom:10px;
margin-right:10px;

}
.adjust-gallery #views_slideshow_cycle_main_image_gallery-block_1 img {
width:100%;
}
.node-type-product #block-system-main {
margin-bottom:20px;
}
.node-type-product .field-label{
width:140px;
}
.node-type-product .product-info-label, .node-type-product .uc-price-label, .node-type-product .control-label {
display:inline-block;
width:135px;
}
.node-type-product .form-control {
 display:inline;
}
.node-type-product .form-text {
width:auto;
}
.node-type-product .product-info.sell-price {
font-size:2em;
margin-top:20px;
margin-bottom:20px;
}
.node-type-product form .form-group {
display:inline-block;
 margin-bottom:0;
vertical-align:top;
/*padding-right:10px;
padding-left:5px;*/
}
.node-type-product .add-to-cart {
margin-top:20px;
}
.node-type-product .field-name-field-place-of-manufacture {
margin-top:20px;
}
.clearance h2 {
 color:#CE0000 !important;
 margin-bottom:20px;
}
.holiday-message {
color:#CE0000;
font-size:1.2em;
border:2px solid #CE0000;
display:block:
width:100%;
padding:20px;
font-weight:bold;
margin:20px 0 30px 0;
}
.front .holiday-message{
margin-top:0;
}
.order-review-table .title-col {
padding:right:1em;
}
.order-review-table .pane-title-row {
text-align:left;
text-transform:uppercase;

}
.form-checkboxes {
   -webkit-columns: 30% 3; /* Chrome, Safari, Opera */
    -moz-columns: 30% 3; /* Firefox */
    columns: 30% 3;
}
#block-views-product-catalogue-block-1 {
margin-top:50px;
padding-top:20px;
border-top:3px solid #dddddd;
}
#block-views-product-catalogue-block-1 .block-title {
color:#CE0000;
margin-bottom:50px;
}

.red {
 color:#CE0000;
}

.clearance .form-type-uc-quantity label {
display:none;
}
.node-type-product .form-type-uc-quantity label {
display:none;
}
.node-type-product .node-product .form-type-uc-quantity {
margin-right:10px;
}
.product-list .rrp-price {
color:#999999;
}

.views-exposed-widget #edit-model {
width:150px;
}
.clearance .prices .sell-label {
font-size:1.7em;
display:inline-block;
width:48%;
vertical-align:top;
 color:#CE0000;
}
.clearance .rrp-price {

}
.product-item .form-actions.form-group .node-add-to-cart {
   width:100%;
   min-width:120px;
}
 .view-image-gallery .views-slideshow-pager-fields a {
 text-decoration:none
 }
 .view-image-gallery .views-slideshow-pager-field-item {
display:inline-block;
}
.adjust-gallery .views-slideshow-cycle-main-frame {
width:100% !important;

}
#superfish-2-accordion li {
padding-bottom:10px;
border-bottom:1px solid #cccccc;
}
.alert {
margin:auto 10% !important;
}
.quote-error ul {
display:none;
}
#paypal-includes img {
display:inline-block;
}
.pagination {
display:block;
clear:both;
}

.shs-select {
height:34px;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
border:1px solid #ccc;
border-radius: 4px;
width:100%;
color:#555;
}


.clear-categories #edit-field-product-category-tid-wrapper {
clear:left;
}

 /* Extra small devices (portrait phones, less than 576px)*/
 @media (max-width: 575.99px) {
 .uc-store-address-field .form-item label {
 text-align:left;
 }
 .table-responsive {
 display:table;
 }
 .view-banner .img-responsive {
max-width:none !important;
}
.jumbotron img {
width:auto;
height:250px;
}
.view-banner .banner-text p {
	font-size:1.3em;
}
.banner-text {
padding:10px;
}
.view-banner .views-field-body {
top:20px;
left:0;
}
.banner .views-slideshow-controls-bottom {
margin-top:-30px;
}
 .node-type-page .region-content .col-md-6.img {
 width:100%;
 height:auto;
 }
  .node-type-page .region-content .col-md-6.img img {
 width:100% !important;
 height:auto !important;
 }


 .navbar-header {
 float:none;
 margin:0 5% !important;
 }
 .region-navigation {
  margin:0 5% !important;
 }
 #navbar-collapse {
 display:block;
 }
 .navbar-toggle {
 display:none;
 }
 .album .img-responsive {
  width:30%;
  display:inline-block;
  vertical-align:top;
}
.product-item .card-body {
width:55%;
 display:inline-block;
  vertical-align:top;
  margin-left:15px;
}
.product-item form .form-group {
margin-top:10px;
}
.product-list .views-row, .product-item {
margin-bottom:20px;
}
.product-list .col-sm-6,  .product-list .col-lg-3, .product-list .col-md-4  {
 padding-left:0;
padding-right:0;
 }
 .product-list .views-exposed-form {
 padding:10px;
 }
.col-sm-12 {
padding-left:5px;
padding-right:5px;
}
.product-list .views-row {
border-bottom:1px solid #cccccc;
}
.row-eq-height {
display:block;
}
.footer .row div {
border-right:none;
border-bottom:1px solid #869299;
border-right:none;
padding-bottom:15px;
}
#block-block-4 {
margin-top:0;
float:left;
width:60%;
}
#block-block-4 img{
width:100% !important;
}
#block-block-5 {
float:right;
width:35%;
}
#block-superfish-2 ul ul {
margin-top:0;
}
.product-item img {
width:30%;
height:auto;
}
}

 /* Small devices (landscape phones, 576px and up)*/
 @media (min-width: 576px) and (max-width: 767.99px) {
.banner-text {
padding:15px;
}
.view-banner .banner-text p {
	font-size:1.5em;
}
.product-list .col-sm-6,  .product-list .col-lg-3, .product-list .col-md-4  {
 padding-left:0;
padding-right:0;
 }
 .col-sm-12 {
padding-left:5px;
padding-right:5px;
}
.product-list .views-row {
border-bottom:1px solid #cccccc;
}
.row-eq-height {
display:block;
}
.footer .row div {
border-right:none;
border-bottom:1px solid #869299;
padding-bottom:15px;
}
.footer .row div.col-last {
border-right:none;
}
#block-block-4 {
margin-top:0;
float:none;
}
}
 /*  Medium devices (tablets, 768px and up)*/
 @media (min-width: 768px) and (max-width: 991.99px) {
 .view-banner .views-field-body {	
	top:50px;
}
.view-banner .banner-text p {
	font-size:1.6em;
}
.banner-text {
padding:15px;
}
}
 /* Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) and (max-width: 1199.99px) {
 .view-banner .views-field-body {	
	top:50px;
}
.node-type-product #block-system-main {
	width:40%;
	display:inline-block;
	vertical-align:top;
}
#block-views-image-gallery-block{
	width:59%;
	display:inline-block;
	vertical-align:top;
	min-height:400px;
}

}
/*Extra large devices (large desktops, 1200px and up)*/
 @media (min-width: 1200px) {
.node-type-product #block-system-main {
	width:40%;
	display:inline-block;
	vertical-align:top;
}
#block-views-image-gallery-block{
	width:59%;
	display:inline-block;
	vertical-align:top;
	min-height:400px;
}


.adjust-gallery .views-slideshow-controls-bottom, .view-image-gallery .views-slideshow-controls-top {
 margin-left:510px;
}

.adjust-gallery .views-slideshow-cycle-main-frame {
  position:absolute;
  width:75%;
  z-index:-100;
}

.adjust-gallery .views-slideshow-pager-field-item {
  margin-bottom:5px;
  display:block;
  clear:left;
  }
.node-type-product .node-product .form-type-uc-quantity {
  margin-left:135px;
}



}