/**
 * Theme Name:        Maris Soule Custom Theme
 * Theme URI:         https://github.com/MiaJohnson/CustomWordpressTheme
 * Description:       A modular, theme-agnostic WordPress theme designed for authors and bloggers. Includes responsive layouts, Bootstrap integration, customizable social links, newsletter settings, and accessible sidebar support. Built for compatibility with block and classic themes, and optimized for user-selectable display options.
 * Version:           2.0.0
 * Author:            Mia Johnson
 * Author URI:        https://github.com/MiaJohnson/
 * Tags:              blog, author, books, responsive, accessibility-ready, custom-menu, featured-images, translation-ready
 * Text Domain:       maris-soule-custom-theme
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 */

/* body {
  background-color: blue !important;
} */









/* Bio */

.dogs {
  
  background: url("ContactImage.jpg");
  background-size: cover;
  background-position-x: initial;
  background-position-Y: 50%;
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  height: 15em;
  position: relative;
  overflow: hidden;
  margin: 20px;
}

.dogs > header {
   position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  background: inherit;
  background-attachment: fixed;
  overflow: hidden;
}
.dogs > header::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 200%;
  height: 200%;
  background: inherit;
  background-attachment: fixed;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.dogs > header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25)
}
.dogs > header > h4 {
  margin: 0;
  color: white;
  position: relative;
  z-index: 1;
}




.linkStyle:hover
{
  color: var(--primary);  
  text-decoration: underline
}

.pageHeaderTitles {
  font-family: 'Oleo Script', 'Oswald';
  font-size: 72px;
  background: -webkit-linear-gradient(var(--light), var(--primary) 40%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.row {
    margin-right: 1em;
    margin-left: 1em;
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none;
  text-align: center;
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a
{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-left:6px;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear;
    background-color:#bec2c5;
  
}

.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}

.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
.social-icons a.goodreads:hover
{
  background-color:#b1a937
}
.social-icons a.smashwords:hover
{
  background-color:#7747e7
}

.row-striped:nth-of-type(odd){
  background-color: #eeeeee;
  border-left: 4px solid;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
  border-left: 4px  solid;
}

.row-striped {
    padding: 15px 0;
}

@media only screen and (max-width: 959px) {}

@media only screen and (min-width: 768px) and (max-width: 959px) {}

@media only screen and (min-width: 768px) and (max-width: 959px) {}

@media only screen and (max-width: 767px) {
    .social-icons li.title
    {
      display:block;
      margin-right:0;
      font-weight:600
    }
    .social-icons {
        text-align: center;
    }
 
    .pageHeaderTitles {
      font-family: 'Oleo Script', 'Oswald';
      font-size: 3em;
      background: -webkit-linear-gradient(var(--light), var(--primary) 40%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
}

@media only screen  and (min-width: 0px) and (max-width: 756px)  {
  .featuredCards {
    visibility: hidden;
  }
}
  
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 425px) {
  
  .card-img-top{
    width:60%;
    margin:auto;
  }

  .featureBookImg {
    width:100% !important;
  }
}