/*
Theme Name: Legal Thunder
description: >-
  Twenty Nineteen Child Theme
Author: Turpana Molina
Template: twentynineteen
Version: 1.0.2
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #484E59;
  margin: 0;
  padding: 0;
}
/* base typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  margin: 0;
}
button,
input,
select,
optgroup,
textarea {
  font-family: 'Open Sans', sans-serif;
  color: #484E59;
}
br {
  margin-bottom: 3px;
}

/* links */
a,
a:hover,
a:active,
a:focus,
a:visited {
  color: #EE7A30;
  color: #7A2CF5;
}

/* wp typography overrides */
.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.page-title,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
img:after {
  font-family: 'Open Sans', sans-serif;
}

/* buttons */
.App button,
a.App-button {
  cursor: pointer;
  color: #838F98;
  color: #30393D;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
  padding: 15px;
  border-width: 2px;
  border-style: solid;
  -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#EE7A30), color-stop(#EA368A), to(#7A2CF5));
  -webkit-border-image: -webkit-linear-gradient(left, #EE7A30, #EA368A, #7A2CF5);
       -o-border-image: -o-linear-gradient(left, #EE7A30, #EA368A, #7A2CF5);
          border-image: -webkit-gradient(linear, left top, right top, from(#EE7A30), color-stop(#EA368A), to(#7A2CF5));
          border-image: linear-gradient(to right, #EE7A30, #EA368A, #7A2CF5);
  border-image-slice: 1;
  background: none;
}

.App button.dark,
.App-button.dark {
  color: white;
  border: none;
  background-image: -webkit-gradient(linear, left top, right top, from(#EE7A30), color-stop(#EA368A), to(#7A2CF5));
  background-image: -webkit-linear-gradient(left, #EE7A30, #EA368A, #7A2CF5);
  background-image: -o-linear-gradient(left, #EE7A30, #EA368A, #7A2CF5);
  background-image: linear-gradient(to right, #EE7A30, #EA368A, #7A2CF5);
}

/* forms */
.AppFormTitle {
  font-size: 25px;
  margin-top: 0;
  margin-bottom: 25px;
}
.AppInput {
  margin-bottom: 20px;
}
/* form error message */
.AppInput.error {
  color: white;
  background: #EE7A30;
  padding: 10px;
}
.AppInput.error p {
  margin: 0;
}
/* form input error message */
.AppInput.has-error input[type="text"],
.AppInput .has-error input[type="text"],
.AppInput.has-error input[type="date"],
.AppInput .has-error input[type="date"],
.AppInput.has-error input[type="number"],
.AppInput .has-error input[type="number"],
.AppInput.has-error select,
.AppInput .has-error select {
  border-color: #EE7A30;
}
.AppInputError {
  color: #EE7A30;
  font-size: 11px;
}
.AppInput label {
  display: inline-block;
  margin-bottom: 10px;
}
.AppInput input[type="text"],
.AppInput input[type="email"],
.AppInput input[type="date"],
.AppInput input[type="password"],
.AppInput input[type="number"],
.AppInput select,
.AppInput textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #EEF0F1;
  margin: 0 0 18px;
  padding: 15px;
}
.AppInput textarea {
  border: 1px solid #EEF0F1;
}
label.AppInput-radio-label {
  display: block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 5px 10px 5px 35px;
  margin: 0;
}
.AppInput-radio-checkmark {
  content: " ";
  position: absolute;
  top: 5px;
  left: 0px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #EEF0F1;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
.AppInput-radio-label:hover .AppInput-radio-checkmark {
  background-color: #ADB4B9;
}
.AppInput-radio-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.AppInput-radio-label input:checked ~ .AppInput-radio-checkmark {
  background-color: #EE7A30;
  background-color: #30393D;
  background-color: #484E59;
  /*
  background-image: linear-gradient(to right, #EE7A30, #EA368A, #7A2CF5);
  */
}
.AppInput-radio-label input:checked ~ .AppInput-radio-checkmark:after {
  content: " ";
  display: block;
  position: absolute;
  left: 8.5px;
  top: 8.5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: white;
}
.AppSubmit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20%;
  margin: 0;
}
.AppSubmit.ver-full-width {
  grid-template-columns: 1fr;
}
.AppSubmit button,
.AppSubmit input[type="submit"] {
  display: block;
  width: 100%;
  cursor: pointer;
  color: #30393D;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 15px;
  border-width: 2px;
  border-radius: 0;
  border-style: solid;
  border-image: linear-gradient(to right, #EE7A30, #EA368A, #7A2CF5);
  border-image-slice: 1;
  background-color: #fff;
}
.AppSubmit button:disabled {
  cursor: default;
  color: #838F98;
  background-color: #F6F7F8;
  border-color: #D6D9DD;
  border-image: none;
}
.AppSubmit button.dark,
.AppSubmit input[type="submit"] {
  color: white;
  border: none;
  background-image: linear-gradient(to right, #EE7A30, #EA368A, #7A2CF5);
}

/* header */
.site-header {
  padding: 1.5em 0;
}
.site-header.featured-image {
  text-shadow: none;
}
.site-logo .custom-logo-link {
  border-radius: 0;
}
.site-logo .custom-logo-link:hover,
.site-logo .custom-logo-link:active,
.site-logo .custom-logo-link:focus,
.site-header.featured-image .site-logo .custom-logo-link:hover,
.site-header.featured-image .site-logo .custom-logo-link:active,
.site-header.featured-image .site-logo .custom-logo-link:focus {
  box-shadow: none;
}
.site-header.featured-image .custom-logo-link {
  background: none;
}
.site-title a,
.site-title a:link,
.site-title a:hover,
.site-title a:active,
.site-title a:visited {
  color: #5A6A76;
  text-decoration: none;
}
.Header.ver-center {
  text-align: center;
}
.Header-logo {
  display: inline-block;
  width: 50px;
  height: 67px;
  vertical-align: top;
  margin-right: 20px;
}
.Header.ver-center .Header-logo {
  margin-left: 20px;
}
.site-title {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  line-height: 67px;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin: 0;
}
.main-navigation .main-menu > li,
.main-navigation .main-menu > li > a,
.main-navigation .main-menu > li > a:hover {
  color: #484E59;
  font-weight: 100;
}
.home .main-navigation .main-menu > li,
.home .main-navigation .main-menu > li > a,
.home .main-navigation .main-menu > li > a:hover,
.site-header.featured-image .main-navigation .main-menu > li,
.site-header.featured-image .main-navigation .main-menu > li > a,
.site-header.featured-image .main-navigation .main-menu > li > a:hover {
  color: white;
}
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:active,
.main-navigation .main-menu > li > a:focus {
  text-decoration: underline;
}
.main-navigation .main-menu > li > a:focus {
  outline: 1px dashed white;
}
.main-navigation .sub-menu {
  background-color: white;
}
.home .main-navigation .sub-menu,
.site-header.featured-image .main-navigation .sub-menu {
  background-color:  rgba(0,0,0,0);
}
.main-navigation .sub-menu > li > a:hover {
  background-color:  rgba(0,0,0,0);
  text-decoration: underline;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
  color: #484E59;
  font-weight: 100;
}
.home .main-navigation .sub-menu > li > a,
.home .main-navigation .sub-menu > li > .menu-item-link-return,
.site-header.featured-image .main-navigation .sub-menu > li > a,
.site-header.featured-image .main-navigation .sub-menu > li > .menu-item-link-return {
  color: white;
}
.site-header.featured-image::after {
  background: #586A77;
}
@media only screen and (min-width: 768px) {
  .site-header.featured-image {
    min-height: 40vh;
  }
}

/* entry */
.entry .entry-content a {
  text-decoration: none;
}
.entry .entry-content a:hover,
.entry .entry-content a:active,
.entry .entry-content a:focus {
  text-decoration: underline;
}
.entry .entry-content .wp-block-quote:not(.is-large),
.entry .entry-content .wp-block-quote:not(.is-style-large) {
  border-left: 2px solid #7A2CF5;
}

/* footer */
.site-footer {
  color: white;
  margin-top: 50px;
  background-color: #30393D;
}
.site-footer .widget {
  flex: 2;
}
.site-footer .Footer-disclaimer {
  font-size: 11px;
}
.site-footer p:last-child {
  margin-bottom: 0;
}

/* content */
.entry .entry-title::before,
h1:not(.site-title)::before,
h2::before {
  display: initial;
  content: none;
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
  font-size: 2.55em;
}

/* home page */
.home .site::before {
  display: block;
  content: ".";
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  box-shadow: inset 0 0 0 1000px rgba(88,106,119,.4);
  background-image: url(./assets/images/lt-home.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}
.home .site-title a {
  color: #fff;
  font-size: 45px;
}
.home .entry .entry-header {
  margin-top: 23vh;
  margin-bottom: 0;
}
.home .entry .entry-header h1 {
  margin: 10vh 0 0;
}
.home .entry-title {
  color: #fff;
}
.home-hero {
  color: #fff;
  min-height: 55vh;
}
.home-hero p {
  margin-bottom: 30px;
}
.home .entry .entry-content a.App-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  width: 50%;
}