/*
Theme Name:   Artistry (GeneratePress Child Theme)
Template:     generatepress
Version:      1.0.0
*/

@import url("../generatepress/style.css");

.same-image-height {
  display: flex;
  flex-wrap: wrap;  
  gap: 10px;
}

.same-image-height img {
  /*max-height: set in css on individual instances */
  object-fit: contain;  
  width: auto;  
}
.caption {
    font-size: 75%;
    padding-top: 5px;
    opacity: .8;
}
.featured-loop-image-wrapper .elementor-widget-container {
  max-height: 450px; 
  overflow: hidden;
  display: block;
}

.featured-loop-image-wrapper .elementor-widget-container img {
  width: 100%;
  height: auto;
  display: block;
}
/* Image sizing based on ratio */

/* Square */
.ratio-1-1 img, .wrapper_Square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-width: 100%;
}

/* Landscape Orientation */
.ratio-2-1 img {
    aspect-ratio: 2 / 1;
    object-fit: cover;
    max-width: 100%;
}

.ratio-3-2 img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    max-width: 100%;
}

.ratio-4-3 img, .wrapper_Landscape img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    max-width: 100%;
}

.ratio-5-4 img {
    aspect-ratio: 5 / 4;
    object-fit: cover;
    max-width: 100%;
}

.ratio-16-9 img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    max-width: 100%;
}

.ratio-21-9 img {
    aspect-ratio: 21 / 9;
    object-fit: cover;
    max-width: 100%;
}

.ratio-1-91-1 img {
    aspect-ratio: 1.91 / 1; /* FB social share */
    object-fit: cover;
    max-width: 100%;
}

/* Portrait Orientation */
.ratio-1-2 img {
    aspect-ratio: 1 / 2;
    object-fit: cover;
    max-width: 100%;
}

.ratio-2-3 img {
    aspect-ratio: 2 / 3;
    object-fit: cover;
    max-width: 100%;
}

.ratio-3-4 img, .wrapper_Portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    max-width: 100%;
}

.ratio-4-5 img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
    max-width: 100%;
}

.ratio-9-16 img, .wrapper_Portrait .thrive-loop-image-wrapper img {
    aspect-ratio: 9 / 16;
    object-fit: cover;
    max-width: 100%;
}

.ratio-9-21 img {
    aspect-ratio: 9 / 21;
    object-fit: cover;
    max-width: 100%;
}

.category-thrive .wrapper_Square img, .category-from-the-editor .wrapper_Square img, .category-ua-insider .wrapper_Square img, .category-from-the-president-ceo .wrapper_Square img {
    object-position: top center;
}
body .main-nav-external-link {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-external-link-alt' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 98% 23px;

}
.boxsubhead p {
    margin-bottom:0px;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
ul.list-levels {
  list-style-type: disc; /* solid bullet for top-level */
  padding-left: 1.5em;
}
ul.list-levels li {
  margin-bottom:10px;
}
ul.list-levels ul {
  list-style-type: circle; /* hollow bullet for nested lists */
  padding-left: 1.5em;
}
ul.list-levels ul li {
  margin-bottom:0px;
}
@media (max-width: 768px) {
  .elementor-menu-toggle::before {
    content: "Menu ";
    margin-right: 8px;
    font-size: 16px;
    color: inherit; 
    display: inline-block;
    vertical-align: middle;
    font-family: "Fjalla One", sans-serif;
    text-transform: uppercase;
    font-size: 1.5rem;
  }

  .same-image-height img {
    width:100% !important; 
    max-height: 100% !important; 
  }

  ul.list-levels {
    padding-left: 0px;
    margin-left: 1.2rem;
  }
  ul.list-levels ul li {
    margin-bottom: 10px;
  }
  ul.list-levels ul {
    padding-left: 0px;
    padding-top: 10px;
  }
}