/*
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.averta.net
Description: Phlox is a modern, lightweight and customizable theme perfect for almost any type of website including, blog, portfolio, agency, startup, new & magazine, restaurant, travel, and photography as well as WooCommerce storefront. What makes the Phlox unbeatable is being fast, truly responsive, translation ready, RTL layout, built with SEO in mind, professional portfolio features, professional news and magazine features, 45 exclusive widgets and elements, WooCommerce Ready, WPML ready, 100% GDPR compliance, reliable with regular updates, and also integrated with Elementor and Visual Composer page builders.
Template: phlox-pro
*/

/* Add your custom styles here */

.single-artist .site-inner {
    display: none;
  }
  .single-artist .full-width-feature {
    height: 400px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .single-artist .full-width-feature .title-block {
    width: 100%;
    max-width: 1200px;
    padding: 20px;
    position: absolute;
    bottom: 20px;
    background-color: rgba(100, 100, 255, 0.5);
  }
  @media only screen and (max-width: 1280px) {
    .single-artist .full-width-feature .title-block {
      max-width: 1140px;
    }
  }
  @media only screen and (max-width: 1220px) {
    .single-artist .full-width-feature .title-block {
      max-width: 960px;
    }
  }
  @media only screen and (max-width: 1040px) {
    .single-artist .full-width-feature .title-block {
      max-width: 800px;
    }
  }
  .single-artist .full-width-feature .title-block h1,
  .single-artist .full-width-feature .title-block h3 {
    margin: 0;
  }
  .single-artist .main-row .main-content {
    float: left;
    margin-left: 2.564102564102564%;
    width: 74.35897435897436%;
    clear: both;
    margin-left: 0;
    padding-top: 30px;
  }
  @media only screen and (max-width: 1220px) {
    .single-artist .main-row .main-content {
      float: left;
      margin-left: 2.564102564102564%;
      width: 65.81196581196582%;
      clear: both;
      margin-left: 0;
    }
  }
  @media only screen and (max-width: 880px) {
    .single-artist .main-row .main-content {
      width: 100%;
      float: none;
      margin: 0;
    }
  }
  .single-artist .main-row .sidebar {
    float: left;
    margin-left: 2.564102564102564%;
    width: 23.076923076923077%;
    padding-top: 30px;
  }
  @media only screen and (max-width: 1220px) {
    .single-artist .main-row .sidebar {
      float: left;
      margin-left: 2.564102564102564%;
      width: 31.623931623931625%;
    }
  }
  @media only screen and (max-width: 880px) {
    .single-artist .main-row .sidebar {
      width: 100%;
      float: none;
      margin-left: 0;
    }
  }
  .single-artist .main-row .sidebar .headshot {
    width: 100%;
    margin-bottom: 20px;
  }
  .single-artist .main-row .sidebar .media-types ul,
  .single-artist .main-row .sidebar .media-types li,
  .single-artist .main-row .sidebar .media-types li a {
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
  }
  .single-artist .main-row .sidebar .breakout {
    background-color: #f2f2f2;
    padding: 20px 10px;
    margin-bottom: 40px;
  }
  .single-artist .main-row .sidebar .breakout .map {
    padding: 5px;
    background-color: white;
  }
  .single-artist .main-row .sidebar .breakout .address,
  .single-artist .main-row .sidebar .breakout .telephone {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .single-artist .main-row .sidebar .breakout .address p,
  .single-artist .main-row .sidebar .breakout .telephone p {
    margin-bottom: 0;
    line-height: 1.1em;
  }
  .single-artist .main-row .sidebar .breakout .button {
    display: block;
    width: 80%;
    margin: 10px auto;
    padding: 10px;
  }
  .single-artist .main-row .sidebar .widget-area {
    margin-top: 20px;
  }
  .main-row{
    display: block;
    width: 100%;
    float: left;
  }
  .soliloquy-outer-container{
    float: left;
    width: 100%;
  }
