/*
 Theme Name:   CRRAB Custom Wordpress Theme
 Description:  A child theme based on the theme Shapely by Colorlib, customized for the CRRAB project.
 Author:       RedOranges
 Template:     shapely
 Version:      1.0.0
 Text Domain:  crrab
*/
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";

/*import above to fix missing unicode characters*/

* {
  font-family:
    Open Sans,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}

/*font on menu was squished, this changed that back to normal*/
.main-navigation .menu li a {
  font-weight: 500;
  letter-spacing: 0px;
}

/*Change font size larger on mobile */
@media all and (max-width: 767px) {
  p {
    font-size: 18px;
  }
}

/* on main page, paralax when using image on right had a cream BG color, this eliminates it*/
.bg-secondary {
  background: transparent;
}

/* specifically for table within paralax, but all body color is white, ths breaks normal pages!*/
body {
  color: black;
  font-size: 1.8em;
  line-height: 1.5em;
}

/* need to override style.css to go with font change in body*/
th,
td {
  line-height: 1.5em !important;
}

/*Title of a parallax section*/
.top-parallax-section h1 {
  color: whitesmoke;
  text-shadow: 2px 2px 4px black;
}

/* paragraph text of a paralax section*/
/* added background trasparent so it doesnt pcik up general p's semi transparent blue BG*/
.top-parallax-section p {
  color: white;
  text-shadow: 1px 1px 2px black;
  background-color: #2d2b2a75;
  /* 'background: transparent; */
}

/* Not sure what this was*/
.shapely_home_features p {
  text-align: center;
}
/* Trying to hide post category on post grid page */
.shapely-category {
  visibility: hidden;
  display: none;
}

/* Trying to hide post featured image on post grid page */
.entry-header {
  visibility: hidden;
  display: none;
}

/*H2 on top10 page needs more white space*/
h2 {
  margin-top: 75px;
  margin-bottom: 25px;
}

/*H3 on top10 page needs more white space*/
h3 {
  margin-top: 50px;
  text-shadow: 1px 1px 2px graytext;
  color: black;
}
/* All general text
BG color is semi transparent so we can read over RB girl BG
Label is a forum line
.menu excluded from ul*/
p,
ul:not(.menu, .social-list),
label,
table {
  color: black;
  text-shadow: 1px 1px 2px white;
  background-color: #f0f8ffaa;
}
/* this is to correct a nested btn in a ul from above (happens for READ MORE button on main page for blog section)*/
.btn {
  text-shadow: 0px 0px 0px white;
}

/* trying to target second button on paralax section with a background ie .image-bg*/
.image-bg .btn-lg.btn-white {
  border: 3px solid #3366cc !important;
  color: rgb(51, 102, 204);
  font-weight: bold;
  background-color: #f0f8ffaa;
  text-shadow: 1px 1px 2px white;
}

.image-bg .btn-lg.btn-white:hover {
  background-color: white;
}

/*button hover was screwing up on animation*/
.btn.btn-lg.btn-filled:hover {
  color: white;
}

blockquote p {
  font-size: larger;
}

/* Hide the copyright in the footer*/
.footer-credits {
  visibility: hidden;
  display: none;
}

/* h3 top ten colored sections */
.top-ten-h3 {
  color: white;
  margin-bottom: 0;
  margin-top: 0;
  padding: 20px;
  align-content: center;
}

.bg-green {
  background: #336633;
}
.bg-purple {
  background: #555577;
}

.bg-yellow {
  background: #554411;
}
.bg-blue {
  background: #7799cc;
}

/* accordion*/
.accordion-title {
  background: #3366cc;
  padding: 15px;
  padding-left: 1.2em;

  text-shadow: 0px 0px 0px black;
  color: whitesmoke;
  border-radius: 15px;

  background-repeat: no-repeat;
  background-position: 0.2em 0.7em;

  background-image: url(http://localhost:8080//wp-content/uploads/2019/10/angle-double-down.svg);
  background-size: 1em 0.5em;
  margin-right: 1em;
  margin-left: 1em;
}

/* paragraphs under accordion */
.accordion-content {
  padding-left: 2.3em;
  padding-right: 2.2em;
}

/* Hide date on full page template pages */
.page-template .entry-meta .entry-date.published {
  display: none;
}

.wp-caption-text {
  text-align: center;
}

/* hack to add a header in the middle of a WPForm for free, put a div in the previous Qs description */
div.wpforms-container-full .wpforms-form .wpforms-field-description div {
  font-size: 2em;
}

/* generic button added in WP*/
.wp-block-button__link {
  background-color: #3366cc;
  border-radius: 1.55em;
}

.wp-block-file .wp-block-file__button {
  background-color: #3366cc;
  border-radius: 1.55em;
}

/* specific for WPForm submit button*/
div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  color: white;
}