/*
Theme Name: Child of InHype
Theme URI: https://magniumthemes.com/;
Description: Child theme based on InHype
Author: Your Name
Version: 1.3
Template: inhype
*/

/* BlessUP customizations moved from the parent InHype 1.1 style.css / responsive.css on blog.blessup.com */

/* Author page fonts (used by .customize-author on /authors/). The font files were in the parent theme's /fonts folder; they now live in this child theme's /fonts folder. */
@font-face { font-family: Roboto-regural; src: url("fonts/Roboto-Regular.ttf"); }
@font-face { font-family: Roboto-Bold; src: url("fonts/Roboto-Bold.ttf"); }

header .logo .logo-link .regular-logo { width: 200px; }
.nav .sub-menu li.menu-item > a { font-size: 14px; }
.sidebar.footer-sidebar-2 > ul > li:nth-last-child(1), .sidebar.footer-sidebar-2 > ul > li:nth-last-child(2), .sidebar.footer-sidebar-2 > ul > li:nth-last-child(3), .sidebar.footer-sidebar-2 > ul > li:nth-last-child(4) { width: 50%; }
.sidebar .widget.widget_inhype_text .inhype-textwidget h3.newslettertitle { font-size: 22px; }
.inhype-subscribe-block .mc4wp-form input[name="EMAIL"] { margin-bottom: 20px; }
.author-bio .author-info { display: grid; }
.author-bio .author-social { order: 4; }
.author-bio .author-bio-link { order: 5; text-transform: none; }
.inhype-post .post-details-bottom .post-social-wrapper .post-social a.googleplus-share { background-color: rgb(221, 75, 57); }
#blessupnewsletter .btn-newsletter { margin-bottom: 30px; margin-top: 30px; }
.comment-form-cookies-consent label { display: inline; }
#blessupnewsletter .modal-content { background-color: transparent; box-shadow: none; border: 0px; max-width: 330px; margin-left: auto; margin-right: auto; }
#blessupnewsletter button#mc-embedded-subscribe { width: 100%; margin-left: 0px; }
#blessupnewsletter button.close { position: absolute; top: 10px; right: 15px; }
#blessupnewsletter .inhype-textwidget-wrapper { border-radius: 10px; }
#blessupnewsletter .modal-body { margin-top: 55%; background-color: rgb(238, 238, 238); border-radius: 6px; padding: 35px 28px 15px; }
.ohnohoney { opacity: 0; position: absolute; top: 0px; left: 0px; height: 0px; width: 0px; z-index: -1; }
.blesserrormess, .blesserrormess-side { font-size: 13px; color: red; margin-top: 5px; width: 100%; }
.blesssuccessmess, .blesssuccessmess-side { font-size: 13px; color: green; margin-top: 0px; width: 100%; text-align: center; }
.customize-author { margin-top: 5em !important; }
.customize-author h2 { font-family: Roboto-Bold; font-style: normal; font-weight: 800; line-height: 56px; color: rgb(0, 0, 0); margin-bottom: 1em; font-size: 50px !important; }
.customize-author p { font-family: Roboto-regural; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: rgb(0, 0, 0); }
.customize-author .author-desc { padding: 0px 2em; }
.author-pink, .mobile-bg-pink { height: auto; background-image: url("/wp-content/uploads/2023/authors/Pink.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.author-blue, .mobile-bg-blue { height: auto; background-image: url("/wp-content/uploads/2023/authors/Blue.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.author-img { display: flex; -webkit-box-align: end; align-items: end; }
.author-img img { vertical-align: bottom; }
.author-desc { display: flex; }
.author-desc a { text-decoration: none; color: rgb(0, 0, 0); }
.author-desc a:hover { color: rgb(66, 0, 255); }
.author-pink img, .author-blue img { max-width: 100%; height: auto; }
@media screen and (min-width: 768px) { .mobile-bg-blue, .mobile-bg-pink { background-image: none; } }
@media (min-width: 768px) and (max-width: 1199.22px) { .customize-author h2 { font-weight: 800; line-height: 36px; color: rgb(0, 0, 0); margin-bottom: 1em; font-size: 30px !important; } }
@media (min-width: 768px) and (max-width: 1199.22px) { .customize-author p { font-weight: 400; font-size: 12px; line-height: 20px; color: rgb(0, 0, 0); } }
@media (min-width: 768px) and (max-width: 1199.22px) { .customize-author .row { display: flex !important; } }
@media (min-width: 768px) and (max-width: 1199.22px) { .customize-author .author-img, .customize-author .author-desc { flex-basis: 50%; } }
@media screen and (max-width: 767.22px) { .author-img { height: auto; padding: 0px; } }
@media screen and (max-width: 767.22px) { .author-blue, .author-pink { background-image: none; } }
@media screen and (max-width: 767.22px) { .customize-author .flex-order-first { -webkit-box-ordinal-group: 2; order: 1; margin-left: auto; margin-right: 0px; } }
@media screen and (max-width: 767.22px) { .customize-author .flex-order-second { -webkit-box-ordinal-group: 3; order: 2; text-align: right; } }
@media screen and (max-width: 767.22px) { .customize-author h2 { margin: 1em 0px; } }
@media screen and (max-width: 767.22px) { .customize-author .author-desc { padding: 0px 1em; } }
@media screen and (max-width: 767.22px) { .customize-author p { font-size: 18px; line-height: 26px; } }
@media screen and (max-width: 767.22px) { .customize-author { margin-top: 3em; } }
.comment-form input[type="text"], .comment-form textarea { display: block; width: 50%; }
@media screen and (max-width: 767px) { .comment-form input[type="text"], .comment-form textarea { width: 100%; } }

/* X (Twitter) icons: post share button and footer social link (were in the customized InHype Theme Addons 1.1 plugin and parent footer.php) */
.twitter-share { background-color: #000 !important; }
a.a-twitter:hover svg path { fill: #838383; }

/* InHype 1.5.3 fix: its responsive rule "footer .footer-bottom { display: block }" loses to "footer.main-footer .footer-bottom { display: flex }",
   so on tablets/phones the copyright/banner and social icons were squeezed side by side instead of stacked like on live */
@media (max-width: 1024px) { footer.main-footer .footer-bottom { display: block; } }

/* InHype 1.5.3 Kirki prints a merged body rule (Nunito 600, #000). Restore the body text style used on live */
/*html body { font-family: Rubik; font-weight: 400; color: var(--color-body-text); }*/
html body { font-family: 'Nunito', sans-serif; font-weight: 400; color: var(--color-body-text); }