/* Stylesheet for site framework and pages exclusive to Haunt Command
-------------------------------------------------------------- */

/* Fluid Font Class */
.ff {font-size: clamp(var(--fs-min), var(--fs-fluid), var(--fs-max)) !important;}

.site-section { clear: both; width: 100%; display: block; margin-top: 2%; margin-bottom: 2%; }

/* Parallax BG CSS */

.has-parallax{ position:relative; overflow:hidden; isolation:isolate; }

.has-parallax > *{ position:relative; z-index:1; }

.has-parallax .section-parallax-bg{ position:absolute; top:-20%; left:0; width:100%; height:140%; background-image:var(--parallax-bg); background-repeat:no-repeat; background-position:center center; background-size:cover; transform:translate3d(0,0,0); will-change:transform; z-index:0; pointer-events:none; }

/* ---------------
/* Hide Video.js error msgs only from public
 -------------- */

body.stv-hide-video-errors .video-js .vjs-error-display,
body.stv-hide-video-errors .video-js .vjs-modal-dialog,
body.stv-hide-video-errors .video-js .vjs-modal-dialog-content { display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }























/* --------------- */
/* Icon Colors */
/* -------------- */

 .icon-white img{ filter: invert(99%) sepia(1%) saturate(483%) hue-rotate(114deg) brightness(110%) contrast(101%); }


/* --------------- */
/* Section Headers */
/* -------------- */

.styled-container { display: flex; width: 100%; justify-content: center; align-items: center; flex-wrap: nowrap;  }  

.cell-1, .cell-3 { flex-grow: 1; flex-basis: 38%; min-width: 50px; display: flex; justify-content: center; }  

.cell-2 { flex-shrink: 0; flex-basis: auto; min-width: 150px; display: flex; justify-content: center; align-items: center;  }  

.middle-container { display: flex; justify-content: center; align-items: center; margin: clamp(10px, 3vw, 20px); }

.divider-line, .divider-line-shop { height: 3px; width: 100%; }  

.divider-line-shop { background-color: var(--alt-color); }  

.section-title-icon { display: flex; align-items: center; margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { width: auto; display: block;
  height: clamp(var(--fs-min), var(--fs-fluid), var(--fs-max));
              --fs-min: 32px; --fs-fluid: 1.5vw; --fs-max: 70px; }  

.section-title-name { font-family: "Gothiqueb"; white-space: nowrap; display: block; line-height: 1; }   
 
.section-title-name { font-size: clamp(var(--fs-min), var(--fs-fluid), var(--fs-max));
                                --fs-min: 32px; --fs-fluid: 1.5vw; --fs-max: 70px; }

/* ----------------- */
/* Subscribe Section */
/* ----------------- */

.newsletter-section  { background: rgba(0,0,0, 0.50); border-image: linear-gradient(to right, var(--main-color), var(--main-color)) 1; }

.free-chapters { color: var(--main-color); }

.newsletter-cell-row2 { text-align: center; }

.newsletter-email-button a { color: #fff; border: 2px solid #fff; background-color: var(--main-color); }

.newsletter-section-row2 { color: var(--main-color); }

input#nf-field-5.ninja-forms-field.nf-element, input#nf-field-14.ninja-forms-field.nf-element,
input#nf-field-12.ninja-forms-field.nf-element{ border: 1px solid #ccc !important;  }

input#nf-field-6.ninja-forms-field.nf-element, input#nf-field-15.ninja-forms-field.nf-element,
input#nf-field-13.ninja-forms-field.nf-element  
{ background-color: var(--main-color) !important; color: var(--alt-color) !important; border: 2px solid #fff !important; }

input#nf-field-6.ninja-forms-field.nf-element:hover, input#nf-field-15.ninja-forms-field.nf-element:hover,
input#nf-field-13.ninja-forms-field.nf-element:hover
{ background: #var(--main-color) !important; background-color: #ccc !important; border: 2px solid #var(--main-color) !important; }

.nf-response-msg { color: #fff !important; background: #var(--main-color) !important; background-color: #var(--main-color) !important; border: 2px solid #fff !important; }

.newsletter-section { border-top: 3px solid; border-bottom: 3px solid; display: block; margin-bottom: 2%; width: 100%; padding-top: 20px; padding-bottom: 20px; font-family: "Gothiqueb"; }

.newsletter-cell { width: 33.3%; }

.newsletter-section-row1 { width: 60%; margin: 0px auto; padding-top: 20px; display: flex; justify-content: space-around; align-items: flex-start; }

.newsletter-cell { font-family: "Gothiqueb"; }

.free-chapters { font-size: 33.7px; }

.start-reading { font-size: 30px; }

.newsletter-cell-row1 { font-size: 20px; text-align: center;  }

.newsletter-cell-row2 { display: flex; justify-content: center; align-items: center; align-content: center; }

  .newsletter-email-field { flex: 1; padding: 20px; }

    .newsletter-email-input { width: 100%; height: 36px; border-radius: 10px; text-align: center; }

  .newsletter-email-button { flex: 1;}

  .newsletter-email-button a { width: 100%; padding: 10px 20px; border-radius: 10px; cursor: pointer; }

.newsletter-section-row2 { width: 80%; margin: 0px auto; padding-top: 20px; padding-bottom: 20px; text-align: center; font-style: italic; font-size: 16px; font-family: "Gothiqueb"; }

.nf-form-title { display: none !important; }

input#nf-field-5.ninja-forms-field.nf-element, input#nf-field-12.ninja-forms-field.nf-element, input#nf-field-14.ninja-forms-field.nf-element  
{ padding: 8px !important; font-size: 30px !important; border-radius: 4px !important; }

input#nf-field-6.ninja-forms-field.nf-element, input#nf-field-13.ninja-forms-field.nf-element, input#nf-field-15.ninja-forms-field.nf-element  
{ padding: 4px 16px 8px !important; font-size: 30px !important; border-radius: 4px !important; cursor: pointer !important; font-family: "Gothiqueb" !important; }

.nf-response-msg { padding: 20px; font-size: 20px; border-radius: 4px !important;  font-family: "Gothiqueb";}

.subscribe-row4 { display: flex; width: 50%; margin: 0px auto; padding-top: 40px; padding-bottom: 20px; justify-content: space-evenly; align-items: center; }


/* -------------- */
/* Follow Section */
/* -------------- */

.follow-section { border-top: 3px solid; border-bottom: 3px solid; display: block; margin-bottom: 2%; width: 100%; padding-top: 20px; padding-bottom: 20px; font-family: "Gothiqueb"; }

.follow-section-row1 { width: 60%; margin: 0px auto; padding-top: 20px; }

.follow-section-header { font-size: 35px; text-align: center; margin-bottom: 20px; }

.follow-section-sub-header { text-align: center; }

.follow-section-row2 { width: 80%; margin: 0px auto; padding-top: 20px; padding-bottom: 20px; text-align: center; font-style: italic; font-size: 16px; font-family: "Gothiqueb"; }

.follow-section-row2 { color: var(--main-color); }

.follow-row4 { display: flex; width: 50%; margin: 0px auto; padding-top: 40px; padding-bottom: 20px; justify-content: space-evenly; align-items: center; }

.follow-social { width: 15%; height: auto; display: block; }

.follow-social:last-child { width: 22%; height: auto; display: block; }

.follow-social img { width: 100%; height: auto; display: block; }




/* --------------- */
/* Author Section */
/* -------------- */

.page-author { width: 50%; margin: 0px auto; padding: 20px; border-radius: 45px; }

/* Author Header */

.page-author-header { display: flex; justify-content: space-between; align-items: center; align-content: center; margin-bottom: 1%; padding: 0.5%; }

  .page-author-icon { width: 48px;display: block; } 

  .page-author-icon img { max-width: 100%; height: auto; display: block; }

  .page-author-title { width: 26%; font-size: 37px; font-family: 'Gothiqueb'; display: block; }

  .author-social-icon { width: 66%; display: block; }

  .author-social-icon ul { display: flex; justify-content: flex-end; }

  .author-social-icon li { width: 53px; height: auto; padding: 10px 5px; text-align: center; }

  .author-social-icon img { max-width: 100%; height: auto; display: block; }

  .page-author-link { width: 50%; margin: 20px auto; font-size: 23px; padding: 10px 20px; text-align: center; cursor: pointer; border-radius: 45px; transition: background-color 0.3s, color 0.3s; font-family: 'Gothiqueb';}

/* Author Bio */

.author-profile { display: flex; justify-content: flex-start; border-radius: 45px; }

  .page-author-avatar { padding: 1%; }

  .author-details { padding: 1%; width: 100%;}

  .author-name { font-size: 37px; font-family: 'Gothiqueb'; }

  .author-bio {  padding: 1%; font-size: 16px; font-family: 'Gothique'; }


/* ------------- */
/* News Category */
/* ------------- */

.news-header { clear: both; width: 100%; display: block; margin-top: -5%; margin-bottom: 2%; }

.news-block { max-width: 90%; margin: 0 auto; padding-bottom: 4%; }

.news-section { display: flex; flex-wrap: wrap; gap: 20px; justify-items: center; align-items: center;}

.news-entry { position: relative; width: calc(50% - 20px); /* Two entries per row */ height: 644px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; border-radius: 8px; overflow: hidden;
    color: #fff;}

.news-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */ border-radius: 0 0 8px 8px; }

.title-and-date { display: flex; justify-content: space-between; align-items: center; }

.news-content h1 { margin: 0; font-size: 1.5em; flex: 1; }

.post-date { font-size: 1em; margin-left: 20px; white-space: nowrap; /* Prevents the date from wrapping to a new line */ }

.news-content .excerpt { margin: 10px 0 0; font-size: 1em; line-height: 1.5em; }

.news-content .excerpt a { color: #ff9800; /* Accent color for the link */ text-decoration: none; font-weight: bold; }

.news-content .excerpt a:hover { text-decoration: underline; }

/* Responsive */

@media (max-width: 768px) { 
  
    .news-entry {  width: 100%; /* One entry per row */ }
    
    .title-and-date { flex-direction: column; align-items: flex-start; }

    .post-date { margin-left: 0; margin-top: 5px; }
}




/* ---------- */
/* Login Page */
/* ---------- */

.loginpagebox { clear: both; width: 90%; margin: 0px auto; display: flex; justify-content: space-around; padding-top: 1%; padding-bottom: 1%; }
  
  /* Container */
  .logincont{flex: 1; margin: 1% 0 25px 0; display: flex; flex-direction: column; justify-content: space-between; align-content: center;
    border-radius: 25px; background: #353535; max-width: 348px; text-align: center; padding: 15px 15px 1% 15px;}
  
  /* Div */
  .loginbox {color: #fff;font-size: 14px;font-weight: 900; flex: 1; max-width: 100%; text-align: left; margin: 0px auto; }
  .login{color: #fff;font-size: 14px;font-weight: 900;}
  
  /* Form */
  .login form {margin-top: 0px; padding: 10px 0px 10px 0px;font-weight: 400;overflow: hidden;background:none;-webkit-box-shadow:none ;box-shadow: none;}
  .login label {color: #fff;font-size: 14px;font-weight: 900;}
  
  /* Message */
  .login-msg {margin: 0px auto; text-align:center; padding:10px; color:#ff9600; max-width: 300px;border-radius: 15px; background:#656565;}
  .login-msg p{color:#ff9600;}
  
  /* Hidden Nav */
  .login #nav a, .login #backtoblog a {display:none;}.login #nav a:hover, .login #backtoblog a:hover {display:none !important;}
  
  /* User */
  .login-username p{color: #fff;font-size: 14px;font-weight: 900;}
  .login form .input{text-align:left; background: #cbcbcb;color: #ffffff;border: 1px solid #6e6e6e;  color: #FFF;  text-shadow: none;
    float: none;  clear: both;  display: block;  width: 302px;  padding: 7px;  height: auto;  font-size: 15px; font-weight: 900;
  margin-top: 10px; margin-bottom: 20px;}
  
  /* Pass */
  .login-password p{color: #fff;font-size: 14px;font-weight: 900; margin-top: 20px;}
  .login input[type=text] {text-align:left; background: #cbcbcb;color: #ffffff;border: 1px solid #6e6e6e;  color: #FFF;  text-shadow: none;
    float: none;  clear: both;  display: block;  width: 302px;  padding: 7px;  height: auto;  font-size: 15px; font-weight: 900;
  margin-top: 10px; margin-bottom: 20px;}
  
  /* Captcha */
  .g-recaptcha-wrap{font-weight: normal;}
  
  /* Checkbox */
  
  p.login-remember{margin-top: 20px;text-align:center;}
  
  p.login-remember input#rememberme[type=checkbox] {  width: 16px; height: 16px; background: #606060; color: #ffffff; border: 1px solid #6e6e6e;
    clear: none;   cursor: pointer;   display: inline-block;   line-height: 0;      margin: -4px 4px 0 0;       margin-bottom: 0px;   outline: 0;
    padding: 0 !important;   text-align: center;   vertical-align: middle;     min-width: 16px;   -webkit-appearance: none; appearance: none;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);  transition: .05s border-color ease-in-out;}
  
  p.login-remember input#rememberme[type=checkbox]:checked {  width: 16px; height: 16px;
    background: #c70100 url(http://searingstudios.com/images/checkmark.png) center top no-repeat; color: #ffffff; border: 1px solid #6e6e6e;
      clear: none;   cursor: pointer;   display: inline-block;   line-height: 0;      margin: -4px 4px 0 0;       margin-bottom: 0px;   outline: 0;
      padding: 0 !important;   text-align: center;   vertical-align: middle;     min-width: 16px;   -webkit-appearance: none; appearance: none;
      box-shadow: inset 0 1px 2px rgba(0,0,0,.1);  transition: .05s border-color ease-in-out;}
  
  /* Button */
  input#wp-submit.button.button-primary{margin-top: 20px; background: #8f8f8f;  border: 1px solid #000;  color: #FFF;  text-shadow: none;  float: none;  clear: both;  display: block;
    width: 100%;  padding: 7px;  height: auto;  font-size: 15px; font-weight: 900; border-radius: 8px; box-sizing: border-box;}
  input#wp-submit.button.button-primary:hover{background-color: #8f8f8f;transition: 220ms all ease-in-out;cursor: pointer;border: 1px solid #000;}
  input#wp-submit.button.button-primary:focus {border: 1px solid #fff;}
  input#wp-submit.button.button-primary:active {border: 1px solid #2f2f2f;}


/* 
  ##Device = Desktops ( 63% of 3840px )
  ##Screen = 2k Resolution 
*/

@media (min-width: 2084px) and (max-width: 2410px) {

.newsletter-section-row1 { width: 68%; }

.page-author-title { font-size: 31px; }

.free-chapters { font-size: 27.4px; }

} /* DO NOT REMOVE 



/* 
  ##Device = Desktops ( 54% of 3840px )
  ##Screen = 1080p Resolution 
*/

@media (min-width: 1758px) and (max-width: 2083px) {


/* Subscribe Section */

.newsletter-section-row1 { width: 86.4%; }

.page-author { width: 75.0%; }


} /* DO NOT REMOVE   


/* 
  ##Device = Desktops ( 41% to 46% of 3840px )
  ##Screen = Sub 1080p
*/

@media (min-width: 1580px) and (max-width: 1757px) {

/* Subscribe Section */

.newsletter-section-row1 { width: 85%;}

.free-chapters { font-size: 27.4px; }

.page-author { width: 75.0%; }



} /* DO NOT REMOVE  


/* 
  ##Device = Desktops ( 35% to 45% of 3840px )
  ##Screen = 1284px / 720p
*/

@media (min-width: 1284px) and (max-width: 1579px) {

.scrolling-text-container { margin-top: 43.6px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 6%; }

.middle-container { margin: clamp(10px, 3vw, 20px); }

.section-title-icon { margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { height: clamp(2rem, 5vw, 2.625rem); }  

.section-title-name { font-size: clamp(2rem, 5vw, 2.625rem);/* 1rem=16px */ } 

/* Subscribe Section */

.newsletter-section-row1 { width: 93%; }

.newsletter-section-row2 { width: 100%; }

.free-chapters { font-size: 20px; }

.start-reading { font-size: 17.7px; }

.newsletter-cell img { width: 50%; }

  /* Follow Section */

.follow-section-row1 { width: 60%; padding-top: 5.7px; }

.follow-row4 { width: 60%; padding-top: 29.3px; padding-bottom: 10px; }

.page-author { width: 92.0%; }

.page-author-title { font-size: 35.7px; }


} /* DO NOT REMOVE  

/* 
  ##Device = Laptops, Desktops ( 31% to 34% of 3840px )
  ##Screen = B/w 1166px to 1284px, sub > 720p
*/

@media (min-width: 1165px) and (max-width: 1283px) {

.scrolling-text-container { margin-top: 43.6px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 6%; }

.middle-container { margin: clamp(10px, 3vw, 20px); }

.section-title-icon { margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { height: clamp(2rem, 5vw, 2.625rem); }  

.section-title-name { font-size: clamp(2rem, 5vw, 2.625rem);/* 1rem=16px */ }  

/* Subscribe Section */

.newsletter-section-row1 { width: 93%; }

.newsletter-section-row2 { width: 100%; }

.free-chapters { font-size: 20px; }

.start-reading { font-size: 17.7px; }

.newsletter-cell img { width: 60%; }


/* Follow Section */

.follow-section-row1 { width: 60%; padding-top: 5.7px; }

.follow-row4 { width: 60%; padding-top: 29.3px; padding-bottom: 10px; }

.page-author { width: 92.0%; }

.page-author-title { font-size: 31.7px; }


} /* DO NOT REMOVE  

/* 
  ##Device = Laptops, Desktops ( 27% to 31% of 3840px )
  ##Screen = B/w 1024px to 11165px, Old 1024 Standard
*/

@media (min-width: 1024px) and (max-width: 1164px) {


.scrolling-text-container { margin-top: 43.6px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 6%; }

.middle-container { margin: clamp(10px, 3vw, 20px); }

.section-title-icon { margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { height: clamp(2rem, 5vw, 2.625rem); }  

.section-title-name { font-size: clamp(2rem, 5vw, 2.625rem);/* 1rem=16px */ }  

/* Subscribe Section */

.newsletter-section-row1 { width: 75%; }

.newsletter-section-row2 { width: 100%; }

.free-chapters { font-size: 16.7px; }

.start-reading { font-size: 17.7px; }

.newsletter-cell img { width: 81%; }

.newsletter-section-row2 { font-size: 13px; }


/* Follow Section */

.follow-section-row1 { width: 60%; padding-top: 5.7px; }

.follow-row4 { width: 60%; padding-top: 29.3px; padding-bottom: 10px; }

.page-author { width: 92.0%; }

.page-author-title { font-size: 27.4px; }

} /* DO NOT REMOVE  
/* 
  ##Device = Tablets, Ipads, Iphone 15 Pro (852px Landscape) (Landscape 1024px, Portrait 768px)  ( 20% to 26% of 3840px )
  ##Screen = B/w 840px to 1024px. 1024 sub standard
*/

@media (min-width: 840px) and (max-width: 1023px) {


.scrolling-text-container { margin-top: 34px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 6%; }

.middle-container { margin: clamp(10px, 3vw, 20px); }

.section-title-icon { margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { height: clamp(2rem, 5vw, 2.625rem); }  

.section-title-name { font-size: clamp(2rem, 5vw, 2.625rem);/* 1rem=16px */ }  


/* Subscribe Section */

.newsletter-section-row1 { width: 98%; padding-top: 20px; }

.newsletter-section-row2 { width: 100%; font-size: 13px; padding-top: 0px; }

.free-chapters { font-size: 15.7px; }

.start-reading { font-size: 21.7px; margin-top: 10px; }

.newsletter-cell { width: 33.3%; padding-left: 20px; padding-right: 20px; }

.newsletter-cell img { width: 87%; }

input#nf-field-5.ninja-forms-field.nf-element { font-size: 26.3px !important; }


/* Follow Section */

.follow-section-row1 { width: 90%; padding-top: 5.7px; }

.follow-row4 { width: 90%; padding-top: 29.3px; padding-bottom: 10px; }


/* Author Section */

.page-author { width: 92.0%; }

.page-author-title { font-size: 23px; }



} /* DO NOT REMOVE

/* 
  ##Device = Tablets, Ipads, Iphone 15 Pro 
  ##Screen = B/w 768px to 840px
*/

@media (min-width: 768px) and (max-width: 839px) {

.scrolling-text-container { margin-top: 34px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 6%; }

.middle-container { margin: clamp(10px, 3vw, 20px); }

.section-title-icon { margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { height: clamp(2rem, 5vw, 2.625rem); }  

.section-title-name { font-size: clamp(2rem, 5vw, 2.625rem);/* 1rem=16px */ }  

/* Subscribe Section */

.newsletter-section-row1 { width: 98%; padding-top: 20px; }

.free-chapters { font-size: 14px; }

.start-reading { font-size: 18.7px; margin-top: 10px; }

.newsletter-cell { width: 33.3%; padding-left: 20px; padding-right: 20px; }

input#nf-field-5.ninja-forms-field.nf-element { font-size: 22.3px !important; }

.nf-field-container { margin-bottom: 8px; }

.newsletter-cell img { width: 87%; }

.newsletter-section-row2 { width: 73.3%; font-size: 13px; padding-top: 15px; }

/* Follow Section */

.follow-section-row1 { width: 90%; padding-top: 5.7px; }

.follow-row4 { width: 60%; padding-top: 29.3px; padding-bottom: 10px; }

/* Author Section */

.page-author { width: 92.0%; }

.page-author-title { font-size: 20px; }

.page-author-link { width: 66%; }

} /* DO NOT REMOVE

/* 
  ##Device = Mobile (Landscape)   ( 13% to 19% of 3840px )
  ##Screen = B/w 480px to 768px, 480p (640 x 480)
*/

@media (min-width: 480px) and (max-width: 767px) {


.scrolling-text-container { margin-top: 34px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 6%; }

.middle-container { margin: clamp(10px, 3vw, 20px); }

.section-title-icon { margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { height: clamp(2rem, 5vw, 2.625rem); }  

.section-title-name { font-size: clamp(2rem, 5vw, 2.625rem);/* 1rem=16px */ }  

/* Subscribe Section */

.newsletter-section-row1 { width: 98%; padding-top: 20px; flex-direction: column; }

.free-chapters { font-size: 27px; }

.start-reading { font-size: 18.7px; margin-top: 10px; }

.newsletter-cell { width: 90%; padding-left: 20px; padding-right: 20px; }

.newsletter-cell-row1 { margin-top: 25px; }

input#nf-field-5.ninja-forms-field.nf-element { font-size: 22.3px !important; }

.nf-field-container { margin-bottom: 8px; }

.newsletter-cell img { width: 87%; }

.newsletter-section-row2 { width: 73.3%; font-size: 13px; padding-top: 15px; }

.follow-row4 { width: 96%; }

/* Author Section */

.page-author { width: 86%; margin-bottom: 50px; }

.page-author-header { flex-direction: column; }

.page-author-title { width: 100%; font-size: 37.0px; text-align: center; }

.author-social-icon { width: 100%; }

.author-profile { flex-direction: column; padding: 20px; flex-direction: column; }

.page-author-avatar { margin: 0px auto; }

.page-author-link { width: 90%; }

} /* DO NOT REMOVE  


/* 
  ##Device = Mobile XL (Portrait) ( 0% to 12% of 3840px )
  ##Screen = B/w 425px to 479px
*/

@media (min-width: 425px) and (max-width: 479px) {

.scrolling-text-container { margin-top: 34px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 6%; }

.middle-container { margin: clamp(10px, 3vw, 20px); }

.section-title-icon { margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { height: clamp(2rem, 5vw, 2.625rem); }  

.section-title-name { font-size: clamp(2rem, 5vw, 2.625rem);/* 1rem=16px */ }  

/* Subscribe Section */

.newsletter-section-row1 { width: 98%; padding-top: 20px; flex-direction: column; }

.free-chapters { font-size: 23px; }

.start-reading { font-size: 18.7px; margin-top: 10px; }

.newsletter-cell { width: 90%; padding-left: 20px; padding-right: 20px; }

.newsletter-cell-row1 { margin-top: 25px; }

input#nf-field-5.ninja-forms-field.nf-element { font-size: 22.3px !important; }

.nf-field-container { margin-bottom: 8px; }

.newsletter-cell img { width: 87%; }

.newsletter-section-row2 { width: 73.3%; font-size: 13px; padding-top: 15px; }

.follow-row4 { width: 96%; }

/* Author Section */

.page-author { width: 86%; margin-bottom: 50px; }

.page-author-header { flex-direction: column; }

.page-author-title { width: 100%; font-size: 37.0px; text-align: center; }

.author-social-icon { width: 100%; }

.author-profile { flex-direction: column; padding: 20px; flex-direction: column; }

.page-author-avatar { margin: 0px auto; }

.page-author-link { width: 90%; font-size: 18px; }


} /* DO NOT REMOVE  

/* 
  ##Device = Mobile Large (Portrait) ( 0% to 12% of 3840px )
  ##Screen = B/w 375px to 424px (393w x 852h portrait + DPRx3)
*/

@media (min-width: 375px) and (max-width: 424px) {

.scrolling-text-container { margin-top: 34px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 2%; }

/* Section Dividers */

.cell-2 { padding: 0 10px; }

.middle-container { margin: clamp(5px, 2vw, 10px); }

.section-title-icon { margin-right: clamp(10px, 3vw, 20px); }  

.section-title-icon img { height: clamp(32px, 5vw, 2.625rem); }  

.section-title-name { font-size: clamp(28px, 5vw, 2.1875rem);/* 1rem=16px */ }  

/* Subscribe Section */

.newsletter-section-row1 { width: 98%; padding-top: 20px; flex-direction: column; }

.free-chapters { font-size: 20px; }

.start-reading { font-size: 18.7px; margin-top: 10px; }

.newsletter-cell { width: 90%; padding-left: 20px; padding-right: 20px; }

.newsletter-cell-row1 { margin-top: 25px; }

input#nf-field-5.ninja-forms-field.nf-element { font-size: 22.3px !important; }

.nf-field-container { margin-bottom: 8px; }

.newsletter-cell img { width: 87%; }

.newsletter-section-row2 { width: 73.3%; font-size: 13px; padding-top: 15px; }

/* Follow Section */


.follow-row4 { width: 96%; }

/* Author Section */

.page-author { width: 86%; margin-bottom: 50px; margin-top: 50px; }

.page-author-header { flex-direction: column; }

.page-author-title { width: 100%; font-size: 37.0px; text-align: center; }

.author-social-icon { width: 100%; }

.author-profile { flex-direction: column; padding: 20px; flex-direction: column; }

.page-author-avatar { margin: 0px auto; }

.page-author-link { width: 90%; font-size: 18px; }

} /* DO NOT REMOVE  

/* 
  ##Device = Mobile Medium (Portrait) ( 0% to 12% of 3840px )
  ##Screen = B/w 320px to 374px, 360p (480 x 360)
*/

@media (min-width: 0px) and (max-width: 374px) {


.scrolling-text-container { margin-top: 34px; padding-top: 10px; padding-bottom: 10px; }

.scrolling-text-inner { font: 16px bold; font-family: "Gothiqueb"; }

.scrolling-text { padding-right: 20%; }

.scrolling-text-item { padding-right: 2%; }


.cell-2 { padding: 0 10px; }

.middle-container { margin: clamp(5px, 1vw, 10px); }

.section-title-icon { margin-right: clamp(16px, 1vw, 16px); }  

.section-title-icon img { height: clamp(16px, 1vw, 16px); }  

.section-title-name { font-size: clamp(16px, 1vw, 16px);/* 1rem=16px */ }  

/* Subscribe Section */

.newsletter-section-row1 { width: 98%; padding-top: 20px; flex-direction: column; }

.free-chapters { font-size: 18px; }

.start-reading { font-size: 18.7px; margin-top: 10px; }

.newsletter-cell { width: 90%; padding-left: 20px; padding-right: 0px; }

.newsletter-cell-row1 { margin-top: 25px; }

input#nf-field-5.ninja-forms-field.nf-element { font-size: 22.3px !important; }

.nf-field-container { margin-bottom: 8px; }

.newsletter-cell img { width: 87%; }

.newsletter-section-row2 { width: 73.3%; font-size: 13px; padding-top: 15px; }

.follow-row4 { width: 96%; }

/* Author Section */

.page-author { width: 86%; margin-bottom: 50px; margin-top: 50px; }

.page-author-header { flex-direction: column; }

.page-author-title { width: 100%; font-size: 27.0px; text-align: center; margin-bottom: 25px;}

.author-social-icon { width: 100%; }

.author-profile { flex-direction: column; padding: 20px; flex-direction: column; }

.page-author-avatar { margin: 0px auto; }

.author-name { font-size: 30px; margin-bottom: 25px;}

.author-social-icon { margin-bottom: 25px; }

.author-social-icon ul { justify-content: center; flex-wrap: wrap; }

.page-author-link { width: 90%; font-size: 12px; }

} /* DO NOT REMOVE