/*
Theme Name: PwK 3.2.2
Text Domain: Psych with Keegan
Version: 3.2.2
Description: Psych with Keegan mobile tablet theme
Author: Keegan Krantz
Author URI: https://psychwithkeegan.com
*/

@media (max-width: 1400px) {

#site-header #header-container {
width: 80%;
margin: 0 auto 0 auto;
padding: 0;
vertical-align: middle;
}

#homepage-stories #home-storie-container {
background-color: #dbe9ee;
display: inline-block;
width: 29%;
padding: 0;
margin: 0 1% 1% 1%;
padding: 1.5% 1% 2% 1%;
border-radius: 15px;
text-align: left;
vertical-align: top;
transition: background-color .5s;
}

#home-favorites {
background-color: #ffffff;
width: 70%;
padding: 3% 2% 4% 2%;
margin: 1% auto 9% auto;
border-radius: 20px;
text-align: center;
}

#footer-area #footer-logo {
width: 25%;
height: auto;
margin: 0 auto 4% auto;
padding: 0;
text-align: center;
display: block;
}

#footer-area #yl-link {
width: 6%;
margin: 0 auto 0 auto;
display: block;
}

#home-favorites #favorite-chip #favorite-tag {
display: none;
}

#favorites-page {
width: 100%;
padding: 1% 0 4% 0;
margin: 1% auto 5% auto;
border-radius: 20px;
text-align: center;
}

#favorites-page #favorite-chip #favorite-tag {
display: none;
}

#video-body {
background-color: #ffffff;
width: 70%;
margin: 2% auto 4% auto;
padding: 2%;
border-radius: 20px;
text-align: center;
}

#video-zone {
width: 70%;
margin: 1% auto -1% auto;
padding: 2%;
text-align: center;
}

#blog-text-zone img {
width: 95%;
height: auto;
border-radius: 10px;
margin: 0 2.5% 2% 2.5%;
}

#video-recommendation-zone {
width: 85%;
margin: 1% auto 6% auto;
padding: 0;
border-radius: 20px;
text-align: center;
}

#favorite-body {
background-color: #ffffff;
width: 60%;
margin: 2% auto 6% auto;
padding: 2%;
border-radius: 20px;
text-align: center;
}

#favorite-page-thumnbail {
width: 50%;
margin: 3% auto 0 auto;
text-align: center;
}

#affiliate-notice {
background-color: var(--PwKGray8);
width: 60%;
margin: 2% auto -1% auto;
padding: .75% 2%;
border-radius: 20px;
text-align: center;
font-family: "PwK-Regular";
font-size: 15px;
color: var(--PwKDarkGray);
}

#general-page-body {
background-color: #ffffff;
width: 50%;
margin: 4% auto 6% auto;
padding: 2%;
border-radius: 20px;
text-align: center;
}

#sitemap-container {
width: 80%;
margin: 0 auto 0 auto;
padding: 2% 0 4% 0;
text-align: center;
}

#pagination-section {
width: 95%;
margin: 2% auto 2% auto;
padding: 0;
text-align: center;
}

#pagination-section #nav-links {
color: var(--PwKBlack);
font-family: "PwK-Med";
text-align: center;
font-size: 25px;
line-height: 20px;
}

#pagination-section .nav-links .page-numbers {
color: var(--PwKBlack);
font-family: "PwK-Med";
text-align: center;
font-size: 25px;
line-height: 20px;
margin: 0 1% 0 0;
padding: 1%;
display: inline-block;
text-decoration: none;
}

#pagination-section .nav-links .page-numbers:hover {
background-color: var(--PwKBlue);
color: var(--White);
text-decoration: none;
cursor: pointer;
border-radius: 5px;
}

#pagination-section .nav-links .current {
background-color: var(--PwKGreen);
color: var(--White);
border-radius: 5px;
font-family: "PwK-Bold";
text-decoration: none;
}

#pagination-section .nav-links .current:hover {
text-decoration: none;
}

}