/**
* Theme Name: BeautySpot Child
* Theme URI: http://preview.lsvr.sk/beautyspot
* Description: BeautySpot child theme
* Author: LSVRthemes
* Author URI: http://themeforest.net/user/LSVRthemes/portfolio
* Template: beautyspot
* Version: 3.2.1
*/

/* Add your custom CSS after this comment */
body .tablepress tfoot th, body .tablepress thead th {
    color: white !important;
    background-color: #ba8c28;
}

.lsvr_service-list-widget__item.lsvr_service-list-widget__item--has-icon.lsvr_service-list-widget__item--current {
	background: none;
	color: #333 !important;
}
.lsvr_service-list-widget__item.lsvr_service-list-widget__item--has-icon.lsvr_service-list-widget__item--current a {
	color: #333 !important;
}
.lsvr_service-list-widget__item.lsvr_service-list-widget__item--has-icon.lsvr_service-list-widget__item--current span {
	color: #ba8c28 !important;
}
footer  .lsvr_service-list-widget__item.lsvr_service-list-widget__item--has-icon.lsvr_service-list-widget__item--current a {
	color: #ffffff !important;
}

:root {
  --pillar-scale: 0.25;
  --pillar-width: calc(396px * var(--pillar-scale));
  --pillar-cap-height: calc(260px * var(--pillar-scale));
}

.pillar {
  position: fixed;
  top: 0;
  bottom: 0;
  width: var(--pillar-width);
  z-index: 1000;
  pointer-events: none;

  background-image:
    url('/wp-content/themes/beautyspot-child/assets/img/col-01.png'),
    url('/wp-content/themes/beautyspot-child/assets/img/col-03.png'),
    url('/wp-content/themes/beautyspot-child/assets/img/col-02.png');
  background-repeat: no-repeat;
  background-size:
    100% auto,
    100% auto,
    100% calc(100% - (var(--pillar-cap-height) * 2));
  background-position:
    top left,
    bottom left,
    0 var(--pillar-cap-height);
}

.pillar--right {
  right: 0;
}

.pillar--left {
  left: 0;
  transform: scaleX(-1);
}

.footer-bottom {
	padding-right: 60px;
}

/* LEFT COLUMN STUFF
#header {
	left: 50px;
}
#core {
	margin-left: 49px;
}*/

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

    RESPONSIVE DEFINITIONS

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

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {
		/* Hide pillars on tablet and mobile */
		.pillar {
			display: none;
		}
		.footer-bottom {
			padding-right: 30px;
		}
	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}