/*
Theme Name: CodeMaster
Theme URI: https://www.rankwebdevelopers.com/codemaster/
Text Domain: codemaster
Version: 1.1.8
Requires at least: 4.7
Requires PHP: 7.2
Tested up to: 6.0
Description: Codemaster is a fast, lightweight, fully customisable & beautiful WordPress theme suitable for blog, personal portfolio, IT, Business Website and SEO Agency & "Build anything". The theme is responsive, Gutenberg compatible, Elementor compatible, & SEO friendly. It is design bootstrap 5 template, Vanillia Javascipt & Optimized for Speed & Performance. On Front page add "Full Width Template" to make home page beautiful. Live Demo https://wp-themes.com/codemaster/
Tags:  right-sidebar, footer-widgets, blog, full-width-template, custom-background, custom-menu, sticky-post, threaded-comments, rtl-language-support, featured-images, post-formats 
Author: Rank Web Developers
Author URI: https://www.rankwebdevelopers.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/



/* =====================================================
   REFRESH STYLES
   Scoped safely to refresh pages only
   ===================================================== */


.refresh {
	
}


body.refresh #svr-hpin {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}


body.refresh .svr-hpin__sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
	display: flex;
  align-items: center;
}


body.refresh .svr-hpin__track {
  display: flex !important;
  gap: 4vw;              /* space between panels */
  padding: 0 12.5vw;     /* centers 75vw panels ( (100-75)/2 = 12.5 ) */
  will-change: transform;
}

body.refresh .svr-panel {
  flex: 0 0 75vw;        /* 3/4 width */
  height: 70vh;          /* adjust */
  border-radius: 18px;   /* optional */
  overflow: visible;
}



body.refresh .svr-panel-inner {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: blue;
}




/* =====================================================
   DESIGN TOKENS / VARIABLES
   ===================================================== */


/* =====================================================
   TYPOGRAPHY
   ===================================================== */


/* =====================================================
   LAYOUT / SECTIONS
   ===================================================== */


/* =====================================================
   HEADER / NAV
   ===================================================== */


/* =====================================================
   HERO
   ===================================================== */


/* =====================================================
   CONTENT / MODULES
   ===================================================== */


/* =====================================================
   CARDS / CALLOUTS
   ===================================================== */


/* =====================================================
   BUTTONS / LINKS
   ===================================================== */


/* =====================================================
   FORMS
   ===================================================== */


/* =====================================================
   FOOTER
   ===================================================== */


/* =====================================================
   UTILITIES / OVERRIDES
   ===================================================== */


/* =====================================================
   RESPONSIVE
   ===================================================== */