/* Increase page spacing and readability WEB + mobile*/

body { font-size: 16px; }

@media only screen and (min-width: 100px) and (max-width: 400px) {	

  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 700!important; color:#ffffff!important; margin-top:10px!important;}
  h1, .h1 { font-size: 26px; }
  h1.killmart, h2.killmart, h3.killmart, h4.killmart  {margin-top:5px!important;}
  .ProdTilElement.pad15.killpadt {padding-top:15px!important;}
  .FullWidth-content.content-mid .region.region-content {padding-left:5px!important; padding-right:5px!important;}
  
  }
  
  
  /* Pad bottom of page blocks */
  .path-node.page-node-type-news-and-info .content .field,
  .path-node.page-node-type-news-and-info p  {margin-bottom:20px;}
  .path-node.page-node-type-news-and-info strong {color:#ffffff!important;}
  
  .path-node.page-node-type-news-and-info .field--name-body .column3,
  .path-node.page-node-type-news-and-info .field--name-body .column2,
  .path-node.page-node-type-news-and-info .field--name-body .column1, 
  .path-node.page-node-type-news-and-info .field--name-body .mcolumn3,
  .path-node.page-node-type-news-and-info .field--name-body .mcolumn2,
  .path-node.page-node-type-news-and-info .field--name-body .mcolumn1 {margin-top:15px; margin-bottom:15px;}
  
  .FullWidth-content.content-mid .field--name-body {margin-bottom:30px!important; } 
  .content .field--item {margin-bottom:30px!important;}
  
  
  
  

  .FullWidth-content.content-top {width:100%!important;}



/* Visual Design and Deco elements */


/* Visual Design and Deco elements Header */
.name.navbar-brand { display:none!important; }

.logo.navbar-btn.pull-left img {width:66px!important;}

@media only screen and (min-width: 767px) and (max-width: 980px) {
  .menu.navbar-right {display:none!important;}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .menu.navbar-right { border-width:3px 0px 0px 0px; border-style:solid; border-color:#e0e0e0;}
}

@media (min-width: 768px) {

    .navbar-nav > li > a {
      padding-top: 22px!important;
      padding-bottom: 22px!important;
      font-weight:bold!important;
      text-transform: uppercase!important; }
}


.ProdAddCart .button--add-to-cart {margin-top:5px; margin-bottom:5px; margin-right:0px; margin-left:0px;
    background-color:#653496!important; font-size:16px; line-height:20px; color:#ffffff; text-align:center; text-decoration: none!important;
    display:inline-block; padding:7px 15px 6px; border-width:1px; border-style:solid; border-color:#dadada; width:100%; max-width:200px;
    text-shadow: #000000 0px 0 0px; font-family: sans-serif; text-transform: uppercase!important; cursor: pointer!important;
    border-radius:3px;	-moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight:bold;
    background-image: none!important; }
    .ProdAddCart.G {padding:0px 0px 0px 0px!important;}
    .ProdAddCart.G .button--add-to-cart {background-color:#72be5b!important;}


    .CTAButton, .CTAButtonG, #edit-checkout {
        margin-bottom: 3px;
        height: auto!important;
        line-height: normal!important;
        padding: 10px 20px!important;
        font-weight:bold;
        text-shadow: 0px 0px 0px  #000000!important;
        text-decoration: none!important;
        transition: padding 0.3s ease;}
    
    .CTAButton { display:inline-block;
        background-color: rgba(101, 52, 152, 0.9);
        color: #f5f5f5!important; 
        border-width: 1px;
        border-style: solid;
        border-color: #dadada;}
    
    .CTAButtonG, #edit-checkout { display:inline-block;
        background-color: rgba(114, 190, 91, 0.9);
        color: #f5f5f5!important; 
        border-width: 1px;
        border-style: solid;
        border-color: #dadada;}

    .CTAButton:hover {background-color: rgba(101, 52, 152, 1);}
    .CTAButtonG:hover, #edit-checkout:hover {background-color: rgba(114, 190, 91, 1);}
    

/* Body section adjustments */

.dotit::before {
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-right: 0.5rem;
    background-color: #c8c8c8; }

.spaceem .dotit {padding-bottom:15px!important;}

@media only screen and (min-width: 100px) and (max-width: 767px) {
  
  .dotit.pad3 {padding-bottom:20px!important;}
  
  }



.DimLinks .form-group .views-field-title a:visited {color:#b5b5b5;}



/* Checkout page adjustments */
#edit-payment-information .panel-body {background: rgba(255, 255, 255, 1)!important; color:#333237!important;}
.cart-block--summary {float:right;}
.cart-block--summary__icon  {float:left;}
.cart-block--summary__count  {float:right; padding:5px 10px;}

.cart-block--link__expand {display: flex; flex-wrap: wrap; justify-content:flex-end;}

/* Product Page */
.aval-details {font-size:12px; }
.ProdByline {bottom:0px;}

ul.links.inline.list-inline {clear:both;}

.TaxonomyListTitle {
    background-color: rgba(25, 25, 27, 0.6);
    padding: 5px 15px;
    top: 3px;
    left: -2px;
    font-weight: bold;
    color: #efefef!important;
    text-shadow: 0 0 5px #000000; }

.mDisplayTitleMinHeight {
    position: absolute;
    bottom: 3px;
    padding: 5px 15px;
    background-color: rgba(25, 25, 27, 0.6);
    color: #ffffff;
    width: 100%!important; 
    font-size:12px;}

.parallax { max-width: 100%;
    background-image: url(/sites/default/files/slide-image-mask-01.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;}

.parallax .t {background-position: center top;}
.parallax .b {background-position: center bottom;}


/* Taxonomy tags Expanded */
  .field--name-field-article-tags .field-label {
    font-weight: bold;
    font-size: 20px;
    font-family: 'Poppins', sans-serif!important;
    margin-top: 20px;
    margin-bottom: 10px; }
  
  .field-name-field-tags ul, .field--name-field-article-tags div.field--items {
    padding: 0px 0px 20px;
    margin: 0;
    list-style: none; }
  
  .field-name-field-tags ul li, .field--name-field-article-tags div.field--items div.field--item {
    padding: 0;
    margin: 0;
    list-style: 0;
    display: inline-block; }
  
  .field-name-field-tags ul li a, .field--name-field-article-tags div.field--items div.field--item a {
    background: #653496;
    color: #ffffff;
    padding: 2px 8px 2px 32px;
    display: inline-block;
    position: relative;
    text-shadow: none;
    border-width: 1px;
    border-style: solid;
    border-color: #272b30;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden; }
  
  .field-name-field-tags ul li a:hover, .field--name-field-article-tags div.field--items div.field--item a:hover {
    background: #653496; }
  
  .field-name-field-tags ul li a:before, .field--name-field-article-tags div.field--items div.field--item a:before {
    width: 24px;
    height: 100%;
    line-height: 1.8;
    content: '\f02b';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid rgba(39,43,48,0.5); }
/* Taxonomy tags Expanded  END*/



/* Visual Design and Deco elements Footer Section */

.footer.container-fluid { background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.90), rgba(101, 52, 152, 0.70)),  /* 114, 190, 91, 0.52 Green - 101, 52, 152 Purple */
    url('/sites/default/files/slide-image-mask-03.jpg');
        background-attachment: fixed;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover; }