/*
 Theme Name:   Dr. Vee
 description: >-
   A child theme of the Twenty Nineteen default WordPress theme
 Author:       Morgan Rogers
 Template:     twentynineteen
 Version:      1.0.0
*/

:root {
  --primaryColor: #465674;
}

html {
  font-size: 18px;
  overflow-x: hidden;
}

img {
  margin-bottom: 1.5rem;
}

a,a:link,a:hover,a:active {
  color: var(--primaryColor);
}

.site-header {
  padding-bottom: 0;
}

.site-branding {
  position: static;
}

p.site-title::before {
  content: '';
  display: block;
  background: var(--primaryColor);
  width: 100vw;
  height: 7rem;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.site-title {
  font-size: 1.6875em;
  font-weight: bold;
}

.site-title a:link, .site-title a:visited {
  color: #fff;
}

.entry .entry-header {
  margin-top: 0;
}

.entry-title {
  font-size: 2.25em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1em;
}

.entry .entry-title:before,
h1:not(.site-title):before,
h2:before {
  display: none;
}

.main-navigation {
  margin-top: 2rem;
}

nav#site-navigation::before {
  background: #efefef;
  content: "";
  display: block;
  height: 3rem;
  left: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: -0.7rem;
  position: absolute;
  right: 0;
  z-index: 0;
}

#menu-main-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main-navigation .main-menu > li:first-child {
  display: none;
}

.main-navigation .main-menu > li > a {
  color: black;
  font-size: .85em;
  margin-right: .5rem;
  white-space: nowrap;
}
.wp-block-columns {
  max-width: 1044px !important;
}

.wp-block-columns:first-child {
  margin-top: 0;
}

.entry .entry-content .wp-block-image img {
  width: 100%;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:last-child {
  flex-grow: unset;
}

@media only screen and (min-width: 620px) {
  .site-title {
    font-size: 2em;
    font-weight: bold;
  }
  .site-header {
    padding-bottom: 3rem;
  }
  #menu-main-menu {
    justify-content: flex-start;
  }
  .main-navigation .main-menu > li > a {
    margin-right: 1.5rem;
	font-size: 1em;
  }
  .main-navigation .main-menu > li:first-child {
    display: block;
  }
}

@media only screen and (max-width: 620px) {
  .site-title a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.855 8.64491L9.35501 1.14491C9.26133 1.05178 9.13461 0.999512 9.00251 0.999512C8.87042 0.999512 8.74369 1.05178 8.65001 1.14491L1.15001 8.64491C1.0681 8.74056 1.0253 8.8636 1.03016 8.98943C1.03502 9.11527 1.08718 9.23464 1.17623 9.32369C1.26528 9.41274 1.38465 9.4649 1.51049 9.46976C1.63633 9.47462 1.75936 9.43182 1.85501 9.34991L9.00001 2.20491L16.145 9.35491C16.2407 9.43682 16.3637 9.47962 16.4895 9.47476C16.6154 9.4699 16.7347 9.41774 16.8238 9.32869C16.9128 9.23964 16.965 9.12027 16.9699 8.99443C16.9747 8.8686 16.9319 8.74556 16.85 8.64991L16.855 8.64491Z' fill='white'/%3E%3Cpath d='M14 15.9999H11.5V10.9999H6.5V15.9999H4V8.99988L3 9.99988V15.9999C3 16.2651 3.10536 16.5195 3.29289 16.707C3.48043 16.8945 3.73478 16.9999 4 16.9999H7.5V11.9999H10.5V16.9999H14C14.2652 16.9999 14.5196 16.8945 14.7071 16.707C14.8946 16.5195 15 16.2651 15 15.9999V9.87988L14 8.87988V15.9999Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 1em;
    margin-right: .5rem;
    position: relative;
    top: 1px;
    width: 1em;
  }
 }
}

/* Fix publications grid */
.wp-block-gallery.wp-block-gallery-1 {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
	width: auto !important;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	margin: 0;
}
.wp-block-gallery.wp-block-gallery-1 {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
}