/*
 Theme Name:   Ask Leo! GeneratePress Child Theme
 Theme URI:    https://generatepress.com
 Description:  Ask Leo! GeneratePress child theme
 Author:       Leo Notenboom
 Author URI:   https://askleo.com
 Template:     generatepress
 Version:      0.1
*/

/* device/responsive settings
*/

@media (max-width: 768px) {
/* CSS in here for mobile only */
.navigation-branding img {
  min-height: 75px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
/* CSS in here for tablet only */
.comments-area {
  margin-right: auto;
  margin-left: auto;
  }
.navigation-branding img {
  min-height: 100px;
  }
}

@media (min-width: 1025px) {
/* CSS in here for desktop only */
.comments-area {
  margin-right: auto;
  margin-left: auto;
  }
.navigation-branding img {
  min-height: 150px;
  }
}

@media only print {
.al_top_search_bar,
.sumome-share-client-wrapper
  {display: none;}
}

/* tweaks to the base theme
*/
p {
  margin-bottom: 1em;
  }

figcaption {
  border-top: 1px solid #ABD9FF;
  font-size: smaller;
  text-align:center;
  }

figure table {
  margin-bottom: 0;
  }

table, th, td {
  border: none;
  }

.comment .children {
  border:none;
  }

.comment-body {
  padding: 0 0 30px 0;
  }

.comment-content {
  border: none;
  margin-top: 0;
  padding: 15px;
  }

.comments-area {
  border-top: 1px solid #2d72d9;
  }

.copyright-bar {
  display: none;
  }

.entry-meta {
  color: black;
  }
  
.footer-widgets {
  border-top: 1px solid #2d72d9;
  left: 20%;
  padding: 0;
  position: relative;
  width: 60%;
  }

.navigation-search input {
  height: inherit;
  }

.navigation-search input::placeholder {
  color: white;
  }

/* additions to the base theme
*/

.al_author_meta {
  font-size: 16px;
  margin-bottom: 16px;
  }

.al_entry-meta {
  font-size: 16px;
  text-align: right;
  padding-top: 10px;
  }

.al_excerpt {
  background-color: #abd9ff;
  border-left: 4px solid #5b93fe;
  border-right: 4px solid #5b93fe;
  border-radius: 10px;
  font-size: larger;
  margin: 25px 0px 25px 0px;
  padding: 5px 15px 5px 15px;
  }

.al_excerpt p {
  margin-bottom: 0;
  }

.al_prev-next-post-links {
  padding-bottom: 20px;
  }

.al_top_search_bar {
  background-color: #f0f9ff;
  left: 20%;
  position: relative;
  width: 60%;
}


/* tweaks to 3rd party plugins
*/

.powerpress_player a::before {
  content: "Play audio: ";
  }

.powerpress_links {
  margin-top: 0;
  margin-bottom: 0;
}

.yarpp-related ul
  {
  font-size: 14pt;
  margin: 0 0 0 2em;
  }

/* Sharing links */
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  color:white;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

/* settings specifically for the newsletter archive. Must match those used in the newsletter template (or at least be cognizant of them).
*/
.al_imgwide {
  margin-left:auto;
  margin-right:auto;
  width:95%;
  }

#al_container {
  background-color: #abd9ff;
  display: block;
  font-size: larger;
  max-width: 100%;
  padding: 10px;
  width: 100%;
  }

#al_container1 {
  background-color: white;
  border-radius: 12px;
  margin-left:auto;
  margin-right:auto;
  padding: 10px;
  text-align: center;
  width: 980px;
  }
#al_container2 {
  display: flex;
  margin-left:auto;
  margin-right:auto;
  width: 1000px;
  }
#al_container3 {
  background-color: white;
  border-radius: 12px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 10px;
  padding: 10px;
  width: 980px;
  }

#al_leftside, #al_rightside {
  background-color: white;
  border-radius: 12px;
  padding: 10px;
  }
#al_leftside {
  margin-top: 10px;
  }
#al_rightside {
  margin-left: 10px;
  margin-top: 10px;
  }

@media all and (max-width: 1220px) {
#al_container1 {
  width:700px;
  }
#al_container2 {
  display: block;
  width:680px;
  }
#al_container3 {
  width:700px;
  }
#al_rightside {
  margin-left: 0;
  }
}

@media all and (max-width: 740px) {
#al_container1 {
  width:100%;
  }
#al_container2 {
  display: block;
  width:100%;
  }
#al_container3 {
  width:100%;
  }
#al_rightside {
  margin-left: 0;
  }
}