/* 20220111185652 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #004599;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #004599;
  box-shadow: 0 0 2px #004599;
}

.gui-select.gui-focus .gui-handle {
  border-color: #004599;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #fffad9;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f0d0;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #fff1af;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #002e66;
  color: #ffffff;
  background-color: #004599;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #ccc08c;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #00377a;
  border-color: #002451;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #004599;
}

/* custom */
/* Remove quantity number | Begin. */
#read-more > div.page.info.active > table > tbody > tr:nth-child(2) > td.detail-title,
#read-more > div.page.info.active > table > tbody > tr:nth-child(2) > td:nth-child(2){
  display: none !important;
}
/*  | End. */

/* Add my brand fonts */

@font-face {
    font-family: 'masonserifomenbold';
    src: url('https://www.psychicsforhire.com/lightspeed/fonts/masonserifomenbold-webfont.woff2') format('woff2'),
         url('https://www.psychicsforhire.com/lightspeed/fonts/masonserifomenbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
  
  @font-face {
   font-family: Agenda;
   src: url("https://www.psychicsforhire.com/lightspeed/fonts/Agenda-BoldCondensed.eot") /* EOT file for IE */
  }
  @font-face {
   font-family: Agenda;
   src: url("https://www.psychicsforhire.com/lightspeed/fonts/Agenda-BoldCondensed.ttf") /* TTF file for CSS3 browsers */
  }

/* correct headers and body copy fonts and spacing */

  body {
    font-size: 120% !important;
    line-height: 1.5;
	background-image: url("//static.shoplightspeed.com/shops/608314/files/008695364/omenwebbackground.jpg") !important;
	background-repeat: repeat !important;
  }
  
  h1, .gui-page-title {
    font-family: masonserifomenbold !important;
    letter-spacing: -3.3px !important;
    font-size: 38px !important;
  	Color: #24446B !important;
  	margin-left: -4px !important;
  
  }
  
  h2 {
    font-family: Agenda !important;
    font-size: 28px !important;
  	Color: #24446B !important;
  	margin-top: 18px !important;
  	margin-bottom: 0px !important;
  	margin-left: -3px !important;
  }
  
  footer h3 {
  	margin-bottom: 0px !important;
  	font-family: masonserifomenbold !important;
  	letter-spacing: -1px !important;
  	font-size: 17px !important;
  }
  
  p {
    margin-top: 0px !important;
    margin-bottom: 14px !important;
  }
  
/* ---------------------------------------------------------------------*/
  
/* category listings */

  /* Prevent categories links from being uppercase */
  .categories .category .info h3 {  
    text-transform: none !important;
    color: #24446B !important;
    font-size: 16px !important;
    height: 300px !important;
  }
  
  /* fix weird spacing on smaller browsers */
  @media (min-width: 992px) and (max-width: 1200px) {
    .category {
      height: auto !important;
      min-height: 169px !important;
      max-width: 177px !important;
    }
  }
  
  /* bunch categories closer together as the browser gets smaller */
  .categories > div {
    max-width: 210px !important;
  }
  
  /* allow grey category title box to grow with title */
  .category .info {
    height: auto !important;
  }
  
/* ---------------------------------------------------------------------*/
  
/* product listings */  
  
  .products .product .info a {
    text-transform: none !important;
    color: #24446B !important;
  }
  
  /* remove circle and buttons from product listing images and make hover linkable */
  
  /* changed from .75 to .50 */
  .products .image-wrap .hover {
    background-color: rgba(255, 255, 255, 0.50); 
  }
  
   /* expand size of linkable area */
  .product .image-wrap > .hover > a {
    position: absolute;
    height: 100%;
    width: 100%;
  }
  
  /* remove circle */
  .products .image-wrap .hover .circle {
    display: none;
  }
  
  /* remove brand from product page */
  .brand-productpage {
  	display: none !important;
  }

  /* remove details (including article/item number/code) from product page */
  .details {
  	display: none !important;
  }
  
  /* remove product border from listings and product page */
  .product .image-wrap, .zoombox .images, .thumbs a {
    border: none !important;
  }

  
/* ---------------------------------------------------------------------*/

/* header and logo changes */

  /* remove vertical space above nav */
  .wrapper {
    margin-top: 0px;
  }
  
  /* style vertical space through header so we can use background */
  header {
    padding-top: 20px !important;
    margin-top: 0px !important;
    padding-bottom: 13px !important;
    /* background-image: url('//static.shoplightspeed.com/shops/608313/files/003947593/header-photo.jpg'); GET ONE FOR OMEN */
    background-repeat: no-repeat;
    background-position: 0px 0px;


  }
  

  
/* ---------------------------------------------------------------------*/

/* Style the contact page: left col, right col, responsive img, mobile, links */
  
  /* move contact form to the left */
  .gui-div-faq-right {
    float: left !important;
    width: 60% !important;
  }
  
  /* hide repetive links that are already in footer */
  .gui-div-faq-links {
    display: none !important;
  }
  
  /* move FAQ to right. FAQ can be added later and stay right. take down bottom margin*/
  .gui-div-faq-questions {
    width: 37% !important;
    float: right !important;
    margin-bottom: -15px !important;
  }
  
  /* style the photo added in content page */
  .contactusphoto {
    width: 100% !important;
    height: auto !important;
  }
  
  /* take down the margin on the bottom of the faq box */
  .gui-div-faq-questions p {
    margin-bottom: 0px !important;
  }
  
  /* adjust for smaller spaces */
    @media (max-width: 480px) {
      .gui-div-faq-right {
        float: left !important;
        width: 100% !important;
      }
      
      .gui-div-faq-questions {
        display: none !important;
      }
    }

/* ---------------------------------------------------------------------*/

/* Page title, search, and filters on smaller screen */
@media (max-width: 992px) { 
  
  /* reduce vertical space between search area and title */
  .sidebar {
    padding-bottom: 0px !important;
  }
  
  /* expand page title to 100% width */
  .col-md-5.col-xs-12.title {
    width: 100% !important;
  }
  
  /* Bring filters to next line and set at 100% width */
  .filters.right {
    width: 100% !important;
    padding-top: 10px !important;
  }
  
  /* move individual filter components to the left */
  .filters .right {
    float: left !important;
  }
  
  /* lower the price filter slightly */
  .filters .price-filter {
    padding-top: 4px !important;
  }
  
  /* change left margin to right margin on grid and sort */
  .filters .grid-list, .filters .sort {
    margin-left: 0px !important;
    margin-right: 10px !important;
  }
  
}

/* ---------------------------------------------------------------------*/

/* Cart and My Account Links */

  /* minimize the My Account text size at regular size browsers */
    .cart-account {
      font-size: 17px !important;
    }  
      
  /* style the My Account box so it breaks properly at smaller sizes */
  @media (max-width: 768px) {
    .cart-account {
      font-size: 15px !important;
    }
    .my-account {
      display: block !important;
      margin-top: 10px !important;
      
    }
    .cart {
      margin-right: 0px !important;
    }
  }
    
  /* colorize the shopping cart and my account glyphs */
  .glyphicon-shopping-cart, .glyphicon-user {
    color: #fff7cc;
  }
  
  /* add rollover to both */
  header a:hover {
    color: #FFDD17 !important;
  }
  
  /* fix lack of gap at this size */
  @media (min-width: 768px) and (max-width: 992px) {
    .cart-account {
      padding-right: 13px;
    }
  }
  
/* ---------------------------------------------------------------------*/

/* stylize left sidebar navigation 

  /* make the side navbar text a little smaller */
  .foldingsidebar a {
    font-size: 17px !important;
	
  }
  
  /* add rollover color to left nav buttons */
  .sidebarul .itemLink:hover {
    background-color: #FFDD17 !important ;
    color: #24446B !important;
  }

  /* colorize active nav link */
  .itemLink.active {
	background-color: #FFDD17 !important ;
    color: #24446B !important;
    font-weight: bold !important;
  }
  
  /* open up active subnav */
  .sidebarul > .active .subnav {
    display: block !important;
  } 
  
  /* colorize subnav links */
  .subitemLink {
    color: #24446B !important;
    background-color:rgba(255, 221, 23, 0.3) !important;
  }

  /* stylize subnav rollovers */
  .subitemLink:hover {
    background-color:rgba(204, 182, 59, 0.7) !important;
  }
  
  /* change folding sidebar into one where subitems and arrow only show in section */
  .foldingsidebar .subcat {
    display: none;
  }
  
  /* stylize the third-tier navigation buttons */ 
  .subitem .subnav .subitem .subitemLink {
    background-color:rgba(255, 221, 23, 0.1) !important;
    background-image: url('//static.shoplightspeed.com/shops/608314/files/008695365/bullet.png');
    background-repeat: no-repeat;
    background-position: 31px 17px; 
  }

  /* stylize the third-tier navigation button hover */ 
  .subitem .subnav .subitem .subitemLink:hover {
    background-color:rgba(204, 182, 59, 0.4) !important;
  }



/* ---------------------------------------------------------------------*/


/* fix the product detail page images so they are height relative */

  .zoombox.fancybox .images a {
    height: auto;
  }

/* ---------------------------------------------------------------------*/

/* fix the boxes in the content column to be on one line */

  .page-title .title {
    width: 60% !important;
  }
  
  .filters {
    width: 40% !important;
  }
  
  .price-filter {
    margin: 0px !important;
  }
  
  .grid-list {
    margin-left: 10px !important;
  }
  
  /* remove brand selecter */
  select[name=brand] {    
  	display: none; !important;
  }
  

/* ---------------------------------------------------------------------*/

/* Footer changes */

  /* Make newsletter email box white */
  #formNewsletterEmail{
    background-color: #FFFFFF !important;
    color: #000000 !important;
    padding: 7px;
    margin-bottom: 0px !important;
  }
  
  /* fix newsletter submit button */
  #formNewsletter a.btn {
  	background-color: #fff1a2 !important;
  	color: #000000 !important;
  	border: thin #750e15 solid !important;
  	margin-top: -40px !important;
  }
  
  /* give the newsletter submit button a header */
  #formNewsletter a.btn:hover {
    background-color: #FFDD17 !important;
  }
  
  /* remove My Tickets link */
  a[title="My tickets"] { 
    display: none !important;
  }
  
  /* enlarge the phone and correct phone numbers to show on multiple lines */
  .contact-adres .glyphicon-earphone {
    display: block;
    font-size: 28px;
    margin-bottom: 3px;
  }
  .contact-adres .contact {
    width: 225px;
  }

  /* correct Firefox Mac not recognizing white footer text */
  footer {
    color: #FFFFFF !important;
  }
  
  /* make sure links in footer stay white */
  .contact-adres, .service-links a {
    color: #FFFFFF !important;
  }
  
  /* give links in footer a hover color */
  .service-links a:hover {
    color: #FFDD17 !important;
  }
  
  /* Make "More" (customer service) menu invisible on Contact Page */
  .rest-list {
    display: none;
  }
  
  /* Make My Account menu invisible on Contact Page */
  .my-account.hidden-sm {
    display: none !important;
  }
  
  /* Make Customer Service menu invisible on Contact Page */
  .service-links.col-md-3.col-xs-6.border-left {
    /* display: none !important; */
  }
  
  /* put space between phone numbers and social media on small mobile */
  @media (max-width: 480px) { 
    .contact-adres .contact {
      margin-bottom: 15px;
    }
  }
  

/* ---------------------------------------------------------------------*/

/* stylize top navigation */
  
  /* top navigation active */
  nav .item.active {
    background-color: #24446B !important;
  }
  
  /* top navigation links always bold */
  nav .item .itemLink {
    font-weight: bold !important; 
  }
  
  /* top navigation link active text */
  nav .item.active .itemLink {
    color: #fff099 !important;
    font-weight: bold !important; 
  }
  
  /* home button is NEVER active */
  nav .item.home.active {
    background-color: #24446B !important;
  }
  
  /* home button text is NEVER active */
  nav .item.home.active .itemLink {
    color: #ffffff !important;
    font-weight: bold !important; 
  }
  
  /* top navigation hover for buttons with home styled specifically */
  nav .item .itemLink:hover, nav .item.home.active .itemLink:hover  {
    background-color: #002E66 !important;
    color: #FFDD17 !important;
  }
  
  
/* ---------------------------------------------------------------------*/
  
/* GUI fixes */
  /* Make it so Cayan payment box is always open REMOVED! */
  /*  .gui-payment-method-form { */
  /*  display: block !important; */
  /* }                           */

  /* remove progress bar on cart only */
  #gui-wrapper > div.gui-progressbar  {
    display: none !important;
  }
    
  /* colorize contact box (and other boxes on shopping cart?) */
  .gui-block-content {
    background-color: #fffdf0 !important;
  }
  
/* ---------------------------------------------------------------------*/
  
/* TAGs */


  /* Stylize the header text to the tag sections */
  .tags-home {
    font-family: Agenda !important;
    font-size: 28px !important;
  	Color: #24446B !important;
  }
  
  /* Define the header text to the tag sections */
  .tags-home::before {
    content: "Choose Your Magical Intention!";
  }
  
  /* Define the tag styles */
  .tags-home div {
    font-family: 'IM Fell English';
    font-style: normal;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 1.5;
    letter-spacing: 0px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    color: #000000;
  }
  
  /* Give an intro sentence to tags with a break after*/
  .tags-home div::before {
    content: "Know what type of magic you need? Find it with following tags!";
    display: block !important;
  }
  
  /* force a line break after intro sentence */
  .tags-home div a {
    background-color: #fff1a2 !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin: 3px !important;
    border: 1px #dadada solid !important;
    border-radius: 7px !important;
    color: #24446B !important;

  }
  
  .tags-home div a:hover {
    background-color: #FFDD17 !important;
    border-color: #CCCCCC !important;
  }

/* ---------------------------------------------------------------------*/

  /* try to control how things print */
  @media print {
    .sidebar.col-xs-12.col-sm-12.col-md-3, .breadcrumbs, .social-media, .page-text.row, .cart-wrap, footer, .thumbs.row, .zoomImg, .cart-account, nav {
      display: none !important;
    }
    .zoom.first:after, header .vertical a:after {
      content:" (" attr(href) ") "; display: none;
    }
    header {
      margin-bottom: 20px !important;
    }
    .page-title .title, .title h1 {
      width: 100% !important
    }
    .product-wrap {
      margin-bottom: 20px !important;
    }
  }

/* Marc S Lightspeed - Hide Product Description Start 1745944*/
body > div > div.content.col-xs-12.col-sm-12.col-md-9 > div > div.page-text.row > div > p{
  display: none;
}
/* Marc S Lightspeed - Hide Product Description END 1745944*/

/*Name: Mariana | Date: 2021 | Reason: | Begin. */
.page.info.active {
    max-height: fit-content !important;
}
/*Name: Mariana | End. */