/*
Theme Name:     vantage-child
Description:    Child for Vantage theme
Author:         More2do
Template:       vantage
Version: 2020.10.25

(optional values you can add: Theme URI, Author URI, Version)

*/

@import url('../vantage/style.css');

html {
  scroll-behavior: smooth;
}

/*tattoo removal listing*/
.tattoo p {
  font-size: 14px;
  line-height: 130% !important;
  font-weight: normal;
  margin-bottom: 3px;
}

/*Enlarge logos on In The News*/
.grid-hover .sow-image-grid-image {
	transition: all .2s ease-in-out;
}
.grid-hover .sow-image-grid-image:hover {
	transform: scale(1.1);
}

/* Enlarge Feature icons on mouseover*/
.icon-hover .sow-icon-image {
	transition: all .2s ease-in-out;
}

.icon-hover .sow-icon-image:hover {
	transform: scale(1.1);
}

/*Turn on Slider Navigation, but not on mobile*/
@media (min-width: 768px) {
	.sow-slide-nav[style],
	.sow-slider-base .sow-slider-pagination[style] {
		display: inline !important;
	}
}

/*Remove scrollbar from MailChimp popup*/
.mc-modal {
width:520px !important;
}

/*Reduce line-height for Features paragraph on Home page*/
.so-widget-sow-features .textwidget  {
line-height: 140% !important;
}

/*Remove underscore from View all post link*/
.view-post a {
text-decoration: none !important;
}

blockquote.tattoo p {
  display: block;
  font-size: 14px;
  line-height: 130% !important;
  font-style: normal !important;
}

/* round corner on last submenu*/
.main-navigation ul ul li:last-child a {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.main-navigation ul ul:last-child {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

/*decrease space between sidebar buttons*/
#secondary .widget {
  margin-bottom: 15px !important;
}

/*Increase padding on buttons*/
#secondary a {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*change hr color for rss decrease top margin on first instance*/
.rpwe-block li {
  border-bottom: 1px solid #c5bfad !important;
}
.rpwe-block li:last-child {
  margin-bottom: -8px;
  border-bottom: 0px solid #c5bfad !important;
}
.rpwe-block li:first-child {
  margin-top: -12px;
}

/*Menu icon on left*/

#mobile-nav-item-wrap-1.menu {
  text-align: left;
}

/*decrease space after h1*/
h1 {
  margin-bottom: 20px !important;
}
h1, h2, h3, h4 {
  line-height: 125% !important;
  font-weight: 300 !important;
}

/*decrease the space below eyebrow*/
.entry-title {
  line-height: 100%;
  margin-top: -5px;
  margin-bottom: -10px !important;
}

/*format disclosure*/
.footnote {
  font-size: 0.7em;
  line-height: 150%;
  color: #333333;
  font-style: italic;
}

/*Add space before Pull Quote widget and color, font attributes*/
.textwidget.quote {
  color: #ea8024;
  font-size: 1.25em;
  line-height: 135%;
  margin-top: 20px;
}
.textwidget.quote.byline {
  color: #ea8024;
  font-size: 1em;
  line-height: 125%;
  margin-top: 8px;
}

/*Add line spacing and text-transform to sub menu items*/
.sub-menu li a {
  line-height: 135% !important;
  text-transform: initial !important;
}

/*Add color and shadow effects to menu and sub menu items*/
.main-navigation {
  background-color: #2d2e31 !important;
}
.main-navigation ul ul {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.main-navigation ul ul a {
  width: 280px;
  padding: 7px 20px !important;
  letter-spacing: 1px !important;
}

.main-navigation ul li:hover > a,
#search-icon #search-icon-icon:hover {
  -webkit-box-shadow: inset 0px 10px 10px -5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: inset 0px 10px 10px -5px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px 10px 10px -5px rgba(50, 50, 50, 0.75);
}

/*Vantage menu font and weight in NavBar*/
.main-navigation a {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/*add gradiant to masthead*/
header#masthead {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#065979+0,00a1e0+46,00a1e0+55,065979+100 */
  background: #065979; /* Old browsers */
  background: -moz-linear-gradient(45deg, #065979 0%, #00a1e0 46%, #00a1e0 55%, #065979 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    45deg,
    #065979 0%,
    #00a1e0 46%,
    #00a1e0 55%,
    #065979 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    45deg,
    #065979 0%,
    #00a1e0 46%,
    #00a1e0 55%,
    #065979 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#065979', endColorstr='#065979', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.entry-content {
  margin-bottom: 3em;
}

/*add rounded corners to images*/
.entry-content img {
  border-radius: 4px;
}

/*add margin to top of image*/
.img-margin {
  margin-top: 30px;
}

/*add margin to top of date on all blog pages*/
.entry-meta {
  margin-top: 15px;
}

/*add space after last rss feed*/
#secondary .widget.widget_rss {
  padding-bottom: 9px !important;
}

/*add space between each rss feed*/
#secondary .widget.widget_rss ul li {
  padding-bottom: 9px !important;
}

/*modify rss title*/
a.rsswidget {
  font-weight: normal;
  font-size: 1.15em;
  color: #005f88;
  text-decoration: underline !important;
}
a:hover {
  color: #d74d11;
  text-decoration: none !important;
}

/*change hr color*/
hr {
  background-color: #c5bfad;
  height: 1px;
  border: 0;
}

/*Smartphones center logo*/
@media only screen and (max-device-width: 480px) {
  .logo {
    width: 100%;
    text-align: center;
  }
}

/*reduce bottom margin on landscape mobile*/
@media (max-width: 667px) {
  body.responsive.layout-full #page-wrapper {
    margin-bottom: -30px;
  }
  body.responsive header#masthead .hgroup .logo {
    float: left;
  }
}

/* jump link offsets from fixed header */
.jump-link {
  position: absolute;
  top: -70px;
}

/* blog table of contents */
.entry-content .post-toc-group {
  position: relative;
}

.entry-content .post-toc-nav {
  display: none;
  max-height: 0;
  overflow: hidden;
}

.entry-content .post-toc-nav[aria-expanded='true'] {
  display: block;
  animation: show-post-toc-nav 500ms forwards ease-in-out;
  max-height: 1000px;
}

@keyframes show-post-toc-nav {
  0% {
    display: block;
    max-height: 0;
  }
  100% {
    display: block;
    max-height: 1000px;
  }
}

.post-toc-nav-toggle {
  padding: .5em;
  margin-bottom: .5em;
}

.entry-content .post-toc-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.entry-content .post-toc-nav li {
  padding: 0;
  margin: 0;
  font-size: 80%;
}

@media (min-width: 480px) {
  .entry-content .post-toc-nav ul {
    columns: 2;
  }
}
@media (min-width: 768px) {
  .entry-content .post-toc-nav ul {
    columns: 3;
  }
}

.entry-content .post-toc {
  margin-top: 3em;
}
.entry-content .post-toc h2 {
  font-size: 24px;
  margin: 0 0 0.5em;
}
.entry-content .post-toc h3 {
  font-size: 20px;
  margin: 0 0 0.5em;
}
.entry-content .post-toc h4 {
  font-size: 17px;
  margin: 0 0 0.5em;
}
.entry-content .post-toc h5 {
  font-size: 14px;
  margin: 0 0 0.5em;
}
.entry-content .post-toc h6 {
  font-size: 12px;
  margin: 0 0 0.5em;
}

.entry-content .post-toc ul {
  margin: 0 0 2em;
  padding: 0;
  list-style: none;
}

.entry-content .post-toc ul li {
  margin: 0;
  padding: 0;
}

/* Datatable loading icon */
@keyframes bouncing-loader {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0.1;
    transform: translateY(-1rem);
  }
}

.igsv-table {
  opacity: 0 !important;
  transition: opacity 0.5s;
}

.igsv-table.loaded {
  opacity: 1 !important;
}

.bouncing-loader {
  display: flex;
  justify-content: center;
}
.bouncing-loader > div {
  width: 1rem;
  height: 1rem;
  margin: 3rem 0.2rem;
  background: #8385aa;
  border-radius: 50%;
  animation: bouncing-loader 0.6s infinite alternate;
}
.bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}
.bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

/* datatables */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background: none !important;
}

table.dataTable td,
table.dataTable th {
  line-height: 1.3;
  border-bottom: 1px solid #eee;
}

/* phone column */
table.dataTable th.col-8 {
  min-width: 100px;
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

article.post .entry-categories,
article.page .entry-categories {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 1em;

  padding: 15px 25px;
  border: 1px solid #cccccc;
  background: #f9f9f9;
  color: #333;
}