/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  generatepress-child
*/
@import url(https://fonts.googleapis.com/css?family=Chela+One);
@import url(https://fonts.googleapis.com/css?family=Germania+One);

html {
  height: 100%
}

.home .site-header,
.home .entry-header,
.page .entry-header/* ,
.single .entry-header */ {
  display: none;
}

.site-header {
  display: none;
}

#page {
  background-color: transparent;
}

.entry-title {
  color: gold;
}

.inside-article {
  color: #ffffff;
  background-color: transparent;
}

a {
  color: gold;
}

a:hover, a:focus, a:active, a:visited {
  color: orange;
}

/* All Pages */
body.page {
  /*background: url(/wp-content/uploads/2020/07/background.jpg) no-repeat center center fixed;*/
  /*-webkit-background-size: cover;*/
  /*-moz-background-size: cover;*/
  /*-o-background-size: cover;*/
  /*background-size: cover;*/
  background-color: #0a0a0a;
}

/* Slashy Hero Page */
body.page.page-id-29 {
  background: url(/wp-content/uploads/2015/07/background.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.page.page-id-29 #content {
  font-family: 'Chela One', sans-serif !important;
}

/* Cat Quest Page */
body.page.page-id-79 {
  background: none;
  background-color: #282017 !important;
  color: #ffc106 !important;
  /*
  background: url(/wp-content/uploads/catquest/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */
}
body.page.page-id-79 .entry-content {
  margin: 0;
}
body.page.page-id-79 #content {
  padding: 0;
}
body.page.page-id-79 #content p {
  font-size: 1.2em;
}
body.page.page-id-79 #content h1 {
  font-size: 3.4em;
}
body.page.page-id-79 #content h2 {
  font-size: 2.5em;
}
body.page.page-id-79 #content h3 {
  font-size: 1.6em;
}
body.page.page-id-79 #content .strip {
  background-color: #692b0b;
  color: #ffc106;
}
body.page.page-id-79 #content h1,
body.page.page-id-79 #content h2,
body.page.page-id-79 #content h3,
body.page.page-id-79 #content h4,
body.page.page-id-79 #content h5,
body.page.page-id-79 #content h6 {
  font-family: 'Germania One', cursive;
}

body.page.page-id-79 .mc4wp-form input[type="submit"] {
  background-color: #ffc106;
  color: #692b0b;
}

/* Cat Quest 2 Page */
body.page.page-id-570,
body.page.page-id-570 .inside-article {
  /*background: url(/wp-content/uploads/2018/06/CQ2_BG.png) no-repeat center center fixed;*/
  background: none;
  background-color: #331e6e !important;
  color: #c8baea !important;
}
body.page.page-id-822,
body.page.page-id-822 .inside-article {
  background: none;
  background-color: #131967 !important;
  color: #c8baea !important;
}
body.page.page-id-570 .entry-content,
body.page.page-id-822 .entry-content {
  margin: 0;
}
body.page.page-id-570 #content,
body.page.page-id-822 #content {
  padding: 0;
}
body.page.page-id-570 #content p,
body.page.page-id-822 #content p {
  font-size: 1.2em;
}
body.page.page-id-570 #content h1,
body.page.page-id-822 #content h1 {
  font-size: 3.4em;
}
body.page.page-id-570 #content h2,
body.page.page-id-822 #content h2 {
  font-size: 2.5em;
}
body.page.page-id-570 #content h3,
body.page.page-id-822 #content h3 {
  font-size: 1.6em;
}
body.page.page-id-570 #content .strip,
body.page.page-id-822 #content .strip {
  background-color: #435389;
  color: #c8baea !important;
}
body.page.page-id-570 #content h1,
body.page.page-id-570 #content h2,
body.page.page-id-570 #content h3,
body.page.page-id-570 #content h4,
body.page.page-id-570 #content h5,
body.page.page-id-570 #content h6,
body.page.page-id-822 #content h1,
body.page.page-id-822 #content h2,
body.page.page-id-822 #content h3,
body.page.page-id-822 #content h4,
body.page.page-id-822 #content h5,
body.page.page-id-822 #content h6 {
  font-family: 'Germania One', cursive;
}

body.page.page-id-570 .mc4wp-form input[type="submit"],
body.page.page-id-822 .mc4wp-form input[type="submit"] {
  background-color: #ffc106;
  color: #692b0b;
}

/* Cat Quest Press Kit Page */
body.page.page-id-262 {
  background: none;
  background-color: #692b0b !important;
}

/* Cat Quest 2 Press Kit Page */
body.page.page-id-591 {
  background: none;
  background-color: #331e6e !important;
}

.footer-widgets {
  background-color: #212121;
  color: #ffffff;
}

.footer-widgets .widget {
  font-size: 14px;
}

.footer-widgets .widget-title {
  color: #ffffff;
  text-decoration: underline;
  margin-bottom: 5px;
}

.site-footer: {
  color: #ffffff;
}

.site-footer a {
  color: gold;
}

.site-footer a:hover,
.site-footer a:visited {
  color: orange;
}

.comments-area {
  background-color: transparent;
}

// override some widget styles
div.su-box-content {
  background-color: grey !important;
}

.su-youtube {
  margin: 0px !important;
}

.no-margin {
  margin: 0px !important;
}

.no-padding {
  padding: 0px !important;
}

/* Media queries used on blog.staydecent.ca by Adrian Unger
   check my full source at:
   http://blog.staydecent.ca/static/css/style-0.1.6.css */
@media only screen and (min-width:768px) and (max-width:1269px) {
    /* In my particular design, I used a fluid grid limited to a
       max-width of 1140px, while (if there is enough room)
       pushing the menu outside of layout, requiring a total
       limit of at least 1270px.
       So, this first query applies to any screen-width less
       than 1270px, and adapts accordingly. */
}
@media only screen and (min-width:768px) and (max-width:959px) {
    /* Here is where I adjust for Ipad's and similar screen
       widths. Note that the above query and this one overlap
       meaning any rules above will also apply. */
}
@media only screen and (min-width:0px) and (max-width:767px) {
   /* As soon as we fall below the Ipad's width I use my 'mobile'
      design. So, everything in this query is meant for
      smartphones and other small screens. */
}

/* A popular grid size used is 960px. Skeleton, a new Boilerplate
   for Responsive, mobile-friendly development, is based on that.
   http://www.getskeleton.com/src/stylesheets/skeleton.css */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Here, Skeleton sets the rules for anything less than 960px
       and at least the size of the Ipad screen. */
}
@media only screen and (max-width: 767px) {
    /* Here, rules for anything less than Ipads width, with the
       advice to design for the smallest common width, 320px.
       This is the majority of smarthphones. */
  html, body {
    overflow-x: hidden;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* This is for any screen less than Ipad's width and at least
       480px. This covers a many large-screened smartphones. It
       is declared after the above rule so it overrides the rules
       meant for 320px. */
}