/*
Theme Name: Carbonate
Theme URI: https://www.moneylab.co
Author: Matt Giovanisci
Author URI: https://www.moneylab.co
Description: A super lightweight WordPress theme built for speed and comfort.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: carbonate
Tags: flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images
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.
Built on Bootstrap 4.3
*/
/*********************************************************
    FONTS
*********************************************************/
/* inconsolata-regular - latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('/fonts/inconsolata-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Inconsolata'),
       url('/fonts/inconsolata-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/inconsolata-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/inconsolata-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/inconsolata-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/inconsolata-v21-latin-regular.svg#Inconsolata') format('svg'); /* Legacy iOS */
}
/* roboto-mono-regular - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('/fonts/roboto-mono-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-mono-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-mono-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-mono-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-mono-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-mono-v13-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('../fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/*********************************************************
    RESET
*********************************************************/
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}
[tabindex="-1"]:focus{outline: 0 !important;}
input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}
input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
table{border-collapse: collapse;}
fieldset{border: none; padding: 0;}


/*********************************************************
    GLOBAL
*********************************************************/
html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 100%; height: 100%;}
body{font-family: Arial, Helvetica, sans-serif !important; font-size: 1.15rem; line-height: 1.75; color: var(--black); text-align: left; background-color: var(--white); -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); position: relative; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; min-height: 100%; height: 100%; padding: 0; margin: 0;transition: all 0.25s ease-out;}
.body-inner{overflow-x:hidden;}
@-ms-viewport{width: device-width;}
::selection {background: var(--light-green); /* WebKit/Blink Browsers */}
::-moz-selection {background: var(--light-green); /* Gecko Browsers */}
:focus{outline:0}

/*********************************************************
    ASSETS
*********************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: "Arial", Gadget, sans-serif; font-weight: 700; line-height: 1.25; margin-top: 0; margin-bottom: 1.5rem;}
h1, .h1{font-size: 3.5rem; letter-spacing: -2px;}
h2, .h2{font-size: 2.75rem; letter-spacing: -2px;}
h3, .h3{font-size: 2rem; letter-spacing: -1px;}
h4, .h4{font-size: 1.25rem; letter-spacing: -1px;}
hr{margin:1.5rem 0;}
a{color: var(--pink); outline: none; transition: 0.2s ease; text-decoration: none; font-weight:600}
a:hover{text-decoration: underline;}
.underline{text-decoration: underline !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.small{font-size: 0.9rem !important; line-height: 1.5 !important;}
.circle{border-radius: 50rem !important;}
.border{border: 1px solid var(--gray) !important;}


/*********************************************************
    COLORS
*********************************************************/
:root{
    --black: #333333;
    --white: #FFFFFF;
	--light-gray: #E6E6E6;
    --gray: #CCCCCC;
    --dark-gray: #666666;
    --red: #CC3333;
    --orange: #F7981D;
    --yellow: #FFD700;
	--light-green: #87CEAB;
    --green: #0F9D58;
	--bright-green: #07D681;
    --blue: #1a73e8;
	--blue-gray: #50676c;
	--navy: #06262d;
    --purple: #5E36CA;
    --pink: #FF3399;
}

.black{color: var(--black) !important;}
.black-bg{background-color: var(--black) !important;}

.white{color: var(--white) !important;}
.white-bg{background-color: var(--white) !important;}

.light-gray{color: var(--light-gray) !important;}
.light-gray-bg{background-color: var(--light-gray) !important;}

.gray{color: var(--gray) !important;}
.gray-bg{background-color: var(--gray) !important;}

.dark-gray{color: var(--dark-gray) !important;}
.dark-gray-bg{background-color: var(--dark-gray) !important;}

.red{color: var(--red) !important;}
.red-bg{background-color: var(--red) !important;}

.orange{color: var(--orange) !important;}
.orange-bg{background-color: var(--orange) !important;}

.yellow{color: var(--yellow) !important;}
.yellow-bg{background-color: var(--yellow) !important;}

.light-green{color: var(--light-green) !important;}
.light-green-bg{background-color: var(--light-green) !important;}

.green{color: var(--green) !important;}
.green-bg{background-color: var(--green) !important;}

.blue{color: var(--blue) !important;}
.blue-bg{background-color: var(--blue) !important;}

.blue-gray{color: var(--blue-gray) !important;}
.blue-gray-bg{background-color: var(--blue-gray) !important;}

.navy{color: var(--navy) !important;}
.navy-bg{background-color: var(--navy) !important;}

.purple{color: var(--purple) !important;}
.purple-bg{background-color: var(--purple) !important;}

.pink{color: var(--pink) !important;}
.pink-bg{background-color: var(--pink) !important;}

.grad-bg{background-image: linear-gradient(360deg,#fff 10%,#eef0f7);}
.footer{padding:1.5rem 0;font-family:"Roboto",Arial,sans-serif;border-top: 1px solid var(--gray);}
@media (max-width: 767.98px){#yt-row{margin-top:1.5rem}}
#yt-footer:hover svg g path {fill:#0a66c2}

/*********************************************************
    HELPERS
*********************************************************/
.img-fluid{max-width: 100%; height: auto;}
.min-height{min-height: 1000px;}
.rounded {border-radius: .5rem!important;}
.weak {font-weight: 100;}

.p-0{padding: 0rem !important;}
.p-1{padding: 0.25rem !important;}
.p-2{padding: 0.5rem !important;}
.p-3{padding: 1rem !important;}
.p-4{padding: 2rem !important;}
.p-5{padding: 3rem !important;}

.px-0{padding-left: 0rem !important; padding-right: 0rem !important;}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-4{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-5{padding-left: 3rem !important; padding-right: 3rem !important;}

.py-0{padding-top: 0rem !important; padding-bottom: 0rem !important;}
.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}

.pt-5{padding-top: 3rem !important;}

.m-0{margin: 0rem !important;}
.m-1{margin: 0.25rem !important;}
.m-2{margin: 0.5rem !important;}
.m-3{margin: 1rem !important;}
.m-4{margin: 2rem !important;}
.m-5{margin: 3rem !important;}

.mx-0{margin-left: 0rem !important; margin-right: 0rem !important;}
.mx-1{margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-2{margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-3{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-4{margin-left: 2rem !important; margin-right: 2rem !important;}
.mx-5{margin-left: 3rem !important; margin-right: 3rem !important;}

.my-0{margin-top: 0rem !important; margin-bottom: 0rem !important;}
.my-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.my-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}

.mb-0{margin-bottom: 0rem !important;}
.mb-1{margin-bottom: 0.25rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 2rem !important;}
.mb-5{margin-bottom: 3rem !important;}

.w-100{width: 100%; height: auto;}

/*********************************************************
    FORMS
*********************************************************/
.btn{display: inline-block; font-weight: 700; text-align: center; white-space: normal; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: inherit; line-height: 1.5; border-radius: 0.5rem; transition: 0.2s ease; margin: 0 0 0.5rem 0; text-decoration: none; letter-spacing: -0.04rem; cursor: pointer; font-family: "Arial", Gadget, sans-serif;}
.btn:hover, .btn:focus{box-shadow: none; transform: translateY(0.25rem); opacity: 1 !important;}
.form-control{display: block; width: 100%; padding: 0.5rem 1rem; color: var(--black); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-group{margin-bottom: 1rem;}


/*********************************************************
    HEADER & NAVIGATION
*********************************************************/
.header{padding: 0.5rem 0; font-size: 1rem; font-family: "Arial", Gadget, sans-serif; font-weight: 800;border-bottom: 1px solid var(--gray);}
.header .logo{max-width: 200px;}
.header a {font-family:"Roboto",Arial,sans-serif;font-weight:100;color:var(--navy)!important;}
.header a:hover {opacity: 1 !important; text-decoration: none;}
#logo a:hover svg g polygon{fill:#fff;}
@media (min-width: 992px){
	.header a svg {display:block;}
	.header .menu-link {padding: 6px 10px;border-radius: 4px;}
	.header .menu-link:hover {background:#f1f3f4;}
    .header .menu-link:focus {background:rgba(15, 157, 88, 20%);}
}

/*********************************************************
    HOMEPAGE (index.php)
*********************************************************/
.post-card{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; padding: 1rem; transition: 0.2s ease;border: 1px solid var(--gray);}
.post-card:hover{transform: translateY(-5px);box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 15%);}
.post-card a:hover{text-decoration:none;}

/*********************************************************
    ARTICLE
*********************************************************/
.article{margin: auto; width: 100%; max-width: 800px;}
.article p{margin-top: 0; margin-bottom: 1.5rem;}
.article img{margin: 1.5rem auto; display: block; box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%); border-radius: 0.1rem; max-width:600px;}
.tall{max-width:300px !important;}
.article ol,ul,dl{margin-top: 0.5rem;margin-bottom: 1.5rem;padding-inline-start: 1.1rem;}
.article ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}
.article li{margin-bottom: 0.5rem;}
.article li::marker{color: var(--black);font-weight: 600;}
.article iframe{margin-bottom: 2rem;}
.article blockquote{padding:1rem 2.5rem;color:var(--green);border-left:5px solid var(--green);margin:1.5rem 0;position:relative}
.article blockquote *{font-family:"Inconsolata"}
.article blockquote a{color:var(--orange)}
.article blockquote :last-child{margin-bottom:0}
.article .byline{margin: 1.5rem 0; font-size: 1rem; text-align: center;}
.article .byline a{text-decoration: none;}
.article .recommended-posts{border: 1px solid var(--gray);}
.article .recommended-post{list-style: none; padding: 1rem; margin: 0; display: block; width: 100%;transition: 0.2s ease;border-top: 1px solid var(--gray);}
.article .recommended-post:first-child{border-top: none}
.article .recommended-post:hover {transform: translateY(-5px);}
.article .recommended-post a:hover {text-decoration:none !important;}
.article .recommended-post a:hover h4 {text-decoration:underline !important;}
.article .recommended-post h4{margin-bottom: 0.5rem;}
.article .recommended-post p{font-weight: 100;}

/*********************************************************
    WORDPRESS DEFAULT
*********************************************************/
.alignnone{margin: 0; max-width: 100%; width: 100%; height: auto;}
.aligncenter, div.aligncenter{display: block; margin: auto; max-width: 100%; width: 100%; height: auto;}
.alignright{float: right; margin: 0 0 20px 20px;}
.alignleft{float:left; margin: 0 20px 20px 0;}
.aligncenter{margin: auto;}
a img.alignright{float: right; margin: 0 0 20px 20px;}
a img.alignnone{max-width: 100%; width: 100%; height: auto;}
a img.alignleft{float: left; margin: 0 20px 20px 0;}
a img.aligncenter{display: block; margin: auto;}
.wp-caption{background: none; border: none; max-width: 100%; text-align: left; margin: 0 0 40px 0 !important;}
.wp-caption.alignnone{margin: 0 0 40px 0;}
.wp-caption.alignleft{margin: 5px 20px 20px 0;}
.wp-caption.alignright{margin: 5px 0 20px 20px;}
.wp-caption img{border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%;}
.wp-caption p.wp-caption-text{font-size: 11px; line-height: 11px; padding: 0;  margin: 0px !important;}
.wp-block-image{margin: 0 0 2.5rem 0;}
.wp-block-image img{max-width: 100%; width: 100%; height: auto;}

/*********************************************************
    RESPONSIVE CLASSES
*********************************************************/
@media (max-width: 1199.98px){ 
}

@media (max-width: 991.99px){
  .container{max-width: 100%;}
  .text-lg-center{text-align: center !important;}
}

@media (max-width: 767.98px){
  .text-md-center{text-align: center !important;}
  h1, .h1{font-size: 2.5rem;}
  h2, .h2{font-size: 2rem;}
  h3, .h3{font-size: 1.5rem;}
  .btn{font-size: 1rem; line-height: 1;}
}
@media (max-width: 675.99px){
  .article img{max-width:100%;}
}
@media (max-width: 575.99px){
  .header{font-size: 0.75rem;}
}

/*********************************************************
    KIERAN DIXON
*********************************************************/

html { scroll-behavior: smooth; }

/*POST GRID*/
.grid{display:grid}
.grid-item{display:flex}
@media (min-width: 600px) {
.grid{grid-template-columns:repeat(2, 1fr)}
}
@media (min-width: 768px) {
.grid{grid-template-columns:repeat(3, 1fr)}
}


/*FORMULA BAR*/
.formula {font-family: "Inconsolata"; background: #fff; border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; padding: 3px 0 3px 45px; position: relative; color: #000; display: flex; margin: 1.6rem 0;}
.formula:before{content: url(https://kierandixon.com/wp-content/uploads/formula.png);position: absolute;top: 7px;left: 10px;}
.formula div {border-left: 3px solid #c0c0c0;padding-left: 10px;overflow-wrap: break-word;width: 100%;margin: 0 !important;}

/*FORMULAS IN TEXT*/
.in-line-formula {font-family: "Inconsolata";color: #000;overflow-wrap: anywhere;word-break: break-all;}

/*MENU ITEMS*/
.ss-menu{font-family:"Roboto",Arial,sans-serif;border: 1px solid var(--gray);border-radius: 4px;color: #202124;cursor: pointer;letter-spacing: .2px;padding: 0 6px;background: #fff;display:inline-block;}
.ss-menu:hover{background-color: #f1f3f4;}

/*TABS*/
.ss-tab{background-color:#fff;color:#188038;box-shadow:0 1px 3px 1px rgb(60 64 67 / 15%);align-items:center;border:1px solid #e8eaed;display:inline-flex;padding:.4rem 2.4rem .4rem 1.2rem;cursor:default;font-family:Roboto,Arial,sans-serif;position:relative}
.ss-tab:after{content:'\25be';color:#188038;position:absolute;right:1rem;font-size:1.3rem}

/*SS BUTTONS*/
.ss-btn-dark,.ss-btn-light,.ss-btn-blue{cursor:pointer;border:1px solid transparent!important;border-radius:4px;font-family:Roboto,Arial,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.25px;padding:6px 14px 7px 14px}
.ss-btn-light{background:#fff;border:1px solid #dadce0!important;color:#188038}
.ss-btn-light:hover{background:#f8fcf9;border:1px solid #c8e7d1!important}
.ss-btn-dark{background:#188038;color:#fff}
.ss-btn-dark:hover{background:#2a8947}
.ss-btn-blue{background:#4285f4;color:#fff}

/*SHORTCUTS*/
.ss-sc {background-color:#353535;color:#fff;padding:0 0.6rem;font-family:Roboto,Arial,sans-serif;border-radius:3px;display:inline-block;border: 1px solid var(--white);}
.compatible{color:var(--green);font-style:italic;position:relative;}
.compatible:hover:after{display:block}
.compatible:after{display:none;position:absolute;background:var(--black);font-style:normal;color:var(--white);padding:.5rem;border-radius:4px;font-size:.8rem;line-height:1;z-index:99;content:'Only with compatible shortcuts enabled';top:-2rem;left:-4rem;width:max-content}

/*CODE BLOCKS*/
.ss-code {padding: 1.5rem 2rem; border-radius: 0.5rem; border: 1px solid var(--light-gray); background: #f8f9fa; margin-bottom: 1.5rem; font-size: 0.9rem; line-height: 1.2; overflow-x: auto;}
.ss-code code {font-family: 'Roboto Mono';}
.ss-code::-webkit-scrollbar-track{border-radius: 0.5rem;}
.ss-code::-webkit-scrollbar{height: 0.5rem;}
.ss-code::-webkit-scrollbar-thumb{border-radius: 0.5rem;background-color: #d4d7d9;}
.ss-code-container{position:relative;}
.ss-code-buttons{position:absolute;right:0.5rem;top:0.4rem;}
.ss-code-buttons div {display:inline-block;width:1.1rem;height:1.1rem;margin-left:0.5rem;cursor:pointer;}
.ss-code-dark pre {background: #000;}
.com{color:#5f6368;}.ss-code-dark .com{color:#608b4e}
.dec{color:#185abc;}.ss-code-dark .dec{color:#569cd6}
.cde{color:#202124;}.ss-code-dark .cde{color:#ffffff}
.num{color:#098591;}.ss-code-dark .num{color:#ffffff}
.pun{color:#3c4043;}.ss-code-dark .pun{color:#ffff00}
.app{color:#c92786;}.ss-code-dark .app{color:#3dc9b0}
.str{color:#b31412;}.ss-code-dark .str{color:#ce9178}
.rgx{color:#7627bb;}.ss-code-dark .rgx{color:#c0c0c0}
.htm{color:#383838;}.ss-code-dark .htm{color:#ffff00}
.ss-code-contrast {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cpath fill='%23202124' d='M0 90a90 90 0 10180 0A90 90 0 000 90zm90-70v140a70 70 0 010-140z'/%3E%3C/svg%3E");}
.ss-code-contrast:hover {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cpath fill='%235f6368' d='M0 90a90 90 0 10180 0A90 90 0 000 90zm90-70v140a70 70 0 010-140z'/%3E%3C/svg%3E");}
.ss-code-copy {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210.1 210.1'%3E%3Cpath fill='%23202124' d='M169 0H80C67 0 57 10 57 23v3H42c-13 0-24 11-24 23v138c0 13 11 23 24 23h88c13 0 23-10 23-23v-3h16c12 0 23-10 23-23V23c0-13-11-23-23-23zm-31 187c0 4-4 8-8 8H42c-5 0-9-4-9-8V49c0-4 4-8 9-8h88c4 0 8 4 8 8v138zm39-26c0 4-4 8-8 8h-16V49c0-12-10-23-23-23H72v-3c0-4 4-8 8-8h89c4 0 8 4 8 8v138z'/%3E%3C/svg%3E");}
.ss-code-copy:hover {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210.1 210.1'%3E%3Cpath fill='%235f6368' d='M169 0H80C67 0 57 10 57 23v3H42c-13 0-24 11-24 23v138c0 13 11 23 24 23h88c13 0 23-10 23-23v-3h16c12 0 23-10 23-23V23c0-13-11-23-23-23zm-31 187c0 4-4 8-8 8H42c-5 0-9-4-9-8V49c0-4 4-8 9-8h88c4 0 8 4 8 8v138zm39-26c0 4-4 8-8 8h-16V49c0-12-10-23-23-23H72v-3c0-4 4-8 8-8h89c4 0 8 4 8 8v138z'/%3E%3C/svg%3E");}
.ss-code-dark .ss-code-contrast {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cpath fill='%23bfc2c7' d='M0 90a90 90 0 10180 0A90 90 0 000 90zm90-70v140a70 70 0 010-140z'/%3E%3C/svg%3E");}
.ss-code-dark .ss-code-contrast:hover {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cpath fill='%23ffffff' d='M0 90a90 90 0 10180 0A90 90 0 000 90zm90-70v140a70 70 0 010-140z'/%3E%3C/svg%3E");}
.ss-code-dark .ss-code-copy {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210.1 210.1'%3E%3Cpath fill='%23bfc2c7' d='M169 0H80C67 0 57 10 57 23v3H42c-13 0-24 11-24 23v138c0 13 11 23 24 23h88c13 0 23-10 23-23v-3h16c12 0 23-10 23-23V23c0-13-11-23-23-23zm-31 187c0 4-4 8-8 8H42c-5 0-9-4-9-8V49c0-4 4-8 9-8h88c4 0 8 4 8 8v138zm39-26c0 4-4 8-8 8h-16V49c0-12-10-23-23-23H72v-3c0-4 4-8 8-8h89c4 0 8 4 8 8v138z'/%3E%3C/svg%3E");}
.ss-code-dark .ss-code-copy:hover {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210.1 210.1'%3E%3Cpath fill='%23ffffff' d='M169 0H80C67 0 57 10 57 23v3H42c-13 0-24 11-24 23v138c0 13 11 23 24 23h88c13 0 23-10 23-23v-3h16c12 0 23-10 23-23V23c0-13-11-23-23-23zm-31 187c0 4-4 8-8 8H42c-5 0-9-4-9-8V49c0-4 4-8 9-8h88c4 0 8 4 8 8v138zm39-26c0 4-4 8-8 8h-16V49c0-12-10-23-23-23H72v-3c0-4 4-8 8-8h89c4 0 8 4 8 8v138z'/%3E%3C/svg%3E");}
.ss-code-buttons div div {position:relative;width:0;height:0;}
.ss-code-buttons div div span {display:none;position: absolute;font-size: 0.9rem;background: #5f6368;color: white;padding: 0 0.5rem;border-radius: 0.2rem;width: 93px;top: 100%;margin-left: -83px;text-align: center;}
.ss-code-buttons div:hover div span {display:inherit;}
.in-line-code{font-size: 1rem;font-family: 'Roboto Mono'}

/*YOUTUBE*/
.yt-ship{max-width:700px;margin:2rem auto;}
.yt-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow: hidden;border-radius:5px}
.yt-video{position:absolute;top:0;left:0;width:100%;height:100%}

/*HINTS, TIPS, WARNINGS, SHORT ANSWERS, SHORTCUTS*/
.hint,.tip,.warning,.error,.concise,.important{position:relative}
.hint,.tip,.warning,.concise,.important{padding:1.5rem 2rem}
.error{padding:1.25rem 1rem 2.25rem}
.hint,.tip,.concise,.important{margin:4.5rem 0 2rem}
.warning,.error{margin:2rem auto;border-radius:5px;box-shadow:0 0 10px rgb(0 0 0 / 30%);border-left:6px solid var(--red);background:#fff}
.error{width:300px;max-width:100%;font-size:1rem;line-height:1.2}
.hint{border:4px dashed var(--orange);background:rgba(247,152,29,.1)}
.tip{border:4px solid var(--blue);background:rgba(28,116,232,.1)}
.important{border:4px solid var(--bright-green);background:rgba(7,214,129,.1)}
.concise{border:4px dotted var(--purple);background:rgba(94,54,202,.1)}
.warning :first-child{margin-top:1rem}
.error :first-child{margin-top:0.75rem}
.hint :last-child,.tip :last-child,.warning :last-child,.error :last-child,.concise :last-child,.important :last-child{margin-bottom:0}
.hint a{color:var(--orange)}
.tip a{color:var(--blue)}
.warning a,.error a{color:var(--red)}
.concise a{color:var(--purple)}
.important a{color:var(--green);text-decoration:underline}
.hint:before,.tip:before,.concise:before,.important:before{position:absolute;}
.hint:before,.tip:before,.warning:before,.error:before,.concise:before,.important:before,.hint li::marker,.tip li::marker,.warning li::marker,.error li::marker,.concise li::marker,.important li::marker{font-weight:600}
.hint:before,.tip:before,.concise:before,.important:before{color:var(--white);padding:.25rem 1rem;top:-2.5rem;left:-.25rem}
.warning:before,.error:before{color:var(--red)}
.warning:before{content:"Warning";font-size:1.5rem}
.error:before{content:"Error";font-size:1.1rem;letter-spacing:-0.5px}
.tip:after{content:'\25a0';font-size:3rem;position:absolute;color:var(--blue);bottom:-2.45rem;right:-1.05rem}
.hint:before{background:var(--orange);content:"Helpful Hint"}
.tip:before{background:var(--blue);content:"Pro Tip"}
.concise:before{background:var(--purple);content:"Quick Answer";border-radius: 3px 3px 0 0;}
.important:before{background:var(--bright-green);content:"IMPORTANT";border-radius: 3px 3px 0 0;}
.hint li::marker{color:var(--orange)}
.tip li::marker{color:var(--blue)}
.warning li::marker,.error li::marker{color:var(--red)}
.concise li::marker{color:var(--purple)}
.important li::marker{color:var(--bright-green)}

/*DOWNLOAD*/
.ss-download-link{text-decoration:none!important}
.ss-download-link:hover h4{text-decoration:underline!important;text-decoration-color:var(--green)!important}
.ss-download{width:600px;max-width:100%;text-align:center;margin:0 auto 2rem;transition:.3s cubic-bezier(.3,0,0,1.3);border:1px solid var(--gray);display:flex;flex-direction:row}
.ss-download:hover{box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 15%);transform:translateY(-5px)}
.ss-download-image{width:50%;padding:1rem;border-radius:.5rem .5rem 0 0;order:2}
.ss-download-image:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ss-download-image img{width:95%;box-shadow:none;margin:0;display:inline-block;vertical-align:middle}
.ss-download-text{padding:1rem 1.5rem 2rem;order:1;width:50%}
.ss-download-text span{font-weight:600;line-height:0;text-transform:uppercase}
.ss-download-text span:first-child{color:var(--green);font-size:.75rem;}
.ss-download-text span:last-child{font-size: 1rem;background: var(--green);color: var(--white);padding: 0.75rem 1.5rem;border-radius: 2px;}
.ss-download-text h4{font-size:1.75rem;margin-bottom:1rem;color:var(--black)}
.ss-download-text p{color:#9e9e9e;margin-bottom:1.4rem;line-height:1.4;font-size:1rem;font-weight:100}
@media (max-width:650px){
.ss-download{width:300px;flex-direction:column}
.ss-download-image{width:100%;order:1}
.ss-download-text{order:2;width:100%}
}

/*SPREADSHEET TABLE*/
.ss-like-div{overflow:auto;margin:2rem auto}
.ss-like-table{font-family:Arial,sans-serif;font-size:16px;color:#000;word-break:break-word!important;margin:0 auto;width:unset;border-radius:0;background:#fff;}
.ss-like-table td:nth-child(1),.ss-like-table tr:nth-child(1) td{font-size:12px;background:#f8f9fa;text-align:center;border:1px solid silver;padding:3px 0;color:#61656a}
.ss-like-table tr:nth-child(1) td:nth-child(1){box-shadow:inset -4px -4px 0 0 silver}
.ss-like-table td{border:1px solid #e2e3e3;height:21px;padding:1px 4px}
.ss-like-table td:nth-child(1){width:30px;min-width:30px;max-width:30px}
.ss-like-table td:not(first-child){min-width:120px}
.ss-like-table a{display:block;overflow:auto;color:#15c;font-weight:100;text-decoration:underline;line-height:1.3}
.ss-like-table a:hover{background:0 0}
.ss-like-table tr:nth-child(2) a{font-weight:600;text-decoration:none;color:#000}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.justify{text-align:justify}
.cell-error{position:relative}
.cell-error a{font-weight:100!important;text-decoration:none;color:#000}
.cell-error:after{transform:rotate(225deg);content:'';position:absolute;right:-4px;top:-1px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--red);clear:both}

/*SEARCHABLE SORTABLE SPREADSHEET TABLE*/
#search-input{border:2px solid var(--gray);border-radius:4px;padding:.5rem 1rem;width:100%}
#search-input:focus{border:2px solid #1a73e8}
#searchable-table tr:nth-child(2) td+td{position:relative;cursor:pointer;background:var(--navy);color:var(--white);font-weight:600}
.odd-row td+td{background:var(--light-gray)}
#searchable-table tr:nth-child(2) td:not(:first-of-type):after{position:absolute;top:5px;right:2px;content:' ';background-image:url(https://kierandixon.com/wp-content/uploads/filter-green.svg);background-size:20px 20px;height:20px;width:20px;border-radius:.1rem}
#searchable-table tr:nth-child(2) td:not(:first-of-type):hover:after{background-image:url(https://kierandixon.com/wp-content/uploads/filter-white.svg)!important;background-color:var(--green)}
#searchable-table span{display:block;position:relative}
#searchable-table tr:nth-child(2) td:not(:first-of-type)[data-sort=asc]:after,#searchable-table tr:nth-child(2) td:not(:first-of-type)[data-sort=desc]:after{background-image:url(https://kierandixon.com/wp-content/uploads/filter-white.svg)!important;background-color:var(--green)}
#searchable-table tr:nth-child(2) td:not(:first-of-type)[data-sort=asc]:after{transform:rotate(180deg)}
#no-results{font-weight:600;text-align:center}
#searchable-table .in-line-formula>span{display: initial;position: initial;}
#searchable-table a{display:initial}

/*GOOGLE SHEETS 101*/
#course-sheet{font-family:Arial;font-size:15px;margin-top:0;color:#000;table-layout:fixed;width:100%}
#course-sheet td:nth-child(1),#course-sheet tr:nth-child(1) td{font-size:12px;background:#f8f9fa;text-align:center;border:1px solid silver;padding:3px 0;color:#61656a}
#course-sheet tr:nth-child(1) td:nth-child(1){box-shadow:inset -4px -4px 0 0 silver}
#course-sheet td{border:1px solid #e2e3e3;min-width:20px;height:21px;padding:1px 4px;overflow-wrap:anywhere;}
#course-sheet td:nth-child(1){width:47px}
.disable-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}
.course-formula{font-family:Inconsolata;background:#fff;border-top:1px solid silver;padding:3px 0 3px 45px;position:relative;color:#000}
.course-formula:before{content:url(https://kierandixon.com/wp-content/uploads/formula.png);position:absolute;top:7px;left:10px}
.course-formula div{border-left:3px solid silver;padding-left:10px;overflow-wrap:break-word}
#current-cell{border:2px solid #1c74e8!important;position:relative}
.current-range{background:rgba(28,116,232,.1);position:relative}
.current-range-label-darker{background:#e8eaed!important}
.current-range-label-darkest{background:#5f6368!important;color:#fff!important}
.current-range-right{border-right:1px double #1c74e8!important}
.current-range-left{border-left:1px double #1c74e8!important}
.current-range-top{border-top:1px double #1c74e8!important}
.current-range-bottom{border-bottom:1px double #1c74e8!important}
.current-range-bottom-right:after{content:'\25a0';color:#1c74e8;right:-6px;bottom:-13px;position:absolute;font-size:16px}
.bold{font-weight:600}
#exercises{padding:10px 15px;border-radius:4px 4px 0 0;border-top:3px solid #ccc;border-right:3px solid #ccc;border-left:3px solid #ccc;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear}
.complete{border-top:3px solid #0f9d58!important;border-right:3px solid #0f9d58!important;border-left:3px solid #0f9d58!important}
#exercises-title{font-weight:600;font-size:20px}
.instructions{margin-bottom:10px;font-size:16px}
.question{width:100%;padding:5px 10px;border:1px solid #aaa;background:#eee;opacity:.5;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear}
.question:first-child{border-top:1px solid #aaa}
.question:last-child{border-bottom:1px solid #aaa}
.question div{display:block}
.question div:first-child{font-weight:600}
.question div:nth-child(2){font-size:14px}
.current{opacity:1;border:1px solid #aaa;position:-webkit-sticky;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;position:sticky;top:0;z-index:99}
.correct{color:#0f9d58;font-weight:600}
.next-complete,.next-incomplete{padding:10px;display:block;text-decoration:none;text-transform:uppercase;text-align:center;border-radius:0 0 4px 4px;margin:0 0 3rem;}
.next-incomplete,.next-incomplete:hover{background:#ccc!important;color:#fff!important}
.next-incomplete:hover{text-decoration:none;}
.next-complete{background:#0f9d58;color:#fff!important}
.help{margin:10px 0;font-size:14px;font-style:italic}
#clear,#exercises-title a,#see-solution{color:#0f9d58;font-weight:400}
#clear:hover,#exercises-title a:hover,#see-solution:hover{cursor:pointer;text-decoration:underline;background:0 0}
#secret-questions{display:none}
.correct-formula{font-family:Inconsolata;overflow-wrap:anywhere;line-height:1;word-break:break-all;}
#index-container{float:right;border-radius:4px;margin:0 0 20px 20px;padding:10px;border:1px solid #ccc;background:#f8f9fa}
@media only screen and (max-width:896px){#index-container{display:none}}
#course-index{font-size:15px;border:none;background:#f8f9fa}
#course-index tr:first-child td{font-weight:600;font-style:normal;text-align:center}
#course-index td{padding:0;border:none}
#course-index a,#course-index span{display:block;padding:0 10px}
#course-index a{font-weight:100;transition: 0.2s ease;}
#course-index a:hover{transform: translateX(5px);text-decoration: none;}
.index-past a{color:#666;text-decoration:line-through;}
.index-present a{color:var(--green);font-weight:600!important;transform: translateX(5px);}
.index-future a{color:#999}
#course-index tr:last-child td:first-child{border-bottom-left-radius:10px}

/*CATEGORY TABLE*/
.category-table{display:flex;flex-wrap:wrap;max-width:800px;margin:0 auto 2rem;}
.category-cell{flex-grow:.25;text-align:center;width:25%;transition:.2s ease}
.category-cell svg{display:block;width:50px;margin:0 auto .5rem}
.category-cell a{color:var(--navy);display:block;line-height:1.4;cursor:pointer;}
.category-cell svg path,.category-cell svg circle{fill:var(--navy)}
.category-cell:hover{transform:translateY(-5px)}
.category-cell:hover a{color:var(--green);text-decoration:none}
.category-cell:hover svg path,.category-cell:hover svg circle{fill:var(--green)}
@media (max-width:720px){
	.category-cell{width:calc(50% - 2px);padding-bottom:1rem}
	.category-table{margin:0 auto 1rem;}
}
@media (max-width:360px){.category-cell{width:calc(100% - 2px)}}

/*CONSULTING*/
.consulting-cta{position:relative;color:#fff!important;background:var(--green);padding:1rem 2rem;border-radius:5px;text-transform:uppercase;transition:all .25s ease-in-out;display:block;width:fit-content;width:-moz-fit-content;margin:0 auto 2rem;text-align:center}
.consulting-cta:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 15%);text-decoration:none;}
.wide-section{width:100vw;position:relative;margin-left:-50vw;left:50%;padding-top:4rem;padding-bottom:4rem;margin-top:5rem;margin-bottom:5rem}
.wide-section div:first-child{width:930px;margin:0 auto;padding:3rem;background:#fff;border:3px solid #ddd;border-radius:5px}
@media only screen and (max-width:930px){.wide-section div:first-child{width:730px}}
@media only screen and (max-width:730px){.wide-section div:first-child{width:90%;padding:2rem}}
.ss-grey{background:#fafafa;border-top:3px solid #ddd;border-bottom:3px solid #ddd;background-image:url(https://kierandixon.com/wp-content/uploads/spreadsheet-grid.png);background-repeat:repeat}
.ss-testimonial{text-align:center}
.ss-testimonial img{width:150px;display:block;margin:0 auto 2rem;border-radius:100%;border:3px solid #fff;box-shadow:rgba(64,78,107,.3) 0 10px 15px 0}
.ss-testimonial p{margin:0 0 8px;font-style:italic}
.ss-testimonial p:nth-child(3){border-top:2px solid #eee;padding-top:1.5rem}
.ss-testimonial p:last-child{font-size:1.5rem;font-style:normal;border-top:2px solid #eee;padding-top:1.5rem;margin-top:1.5rem;line-height:1.3;font-weight:600}
.portfolio{float:right;width:400px!important;margin:1rem 0 1rem 2rem!important;box-shadow:none!important}
@media only screen and (max-width:730px){.portfolio{float:none;width:100%!important;margin:0 0 1rem!important}}

/*SERVICES*/
.service {padding:3rem;}
.service h3 {margin-bottom:0.5rem;font-size:1.8rem}
.service p {margin-top:0;}
.service ul {text-align:left;margin-top: 0;font-size: 1.05rem;}
.service li {margin-bottom:1rem;}
.service a {color: #fff!important;background: var(--green);padding: 0.75rem 1.5rem;border-radius: 5px;text-transform: uppercase;transition: all .25s ease-in-out;display: block;width: fit-content;width: -moz-fit-content;margin: 0 auto;}
.service a:hover {-webkit-transform: translate(0,-3px);transform: translate(0,-3px);box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 15%);}
#chosen{border-bottom: 4px solid var(--green);border-radius: 5px;box-shadow: 0px 5px 15px 5px rgb(0 0 0 / 15%);}
.service-faqs{margin:4rem auto 10rem;max-width:800px;}

/*TRAINING*/
.article .post-card img {margin: 0 0 1.5rem;display: block;box-shadow: none;border-radius: 0;max-width: 100%;}
.article .post-card p {margin-bottom: 1rem; font-size: 1rem!important;}
.course-tag:before{text-transform:uppercase;position:absolute;top:-19px;left:-10px;padding:.2rem .8rem;color:var(--white);font-weight:600;border-radius:2px 2px 2px 0;background:var(--navy)}
.course-tag:after{transform:rotate(225deg);content:'';position:absolute;left:-10px;top:19px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #07d681;clear:both}

/*HOMEPAGE*/
/*Testimonial*/
.big-testimonial{border:1px solid var(--gray);padding:0 5rem 1rem;margin:8rem auto 5rem;max-width:800px;}
.big-testimonial img{width:200px;margin:-100px auto 24px;border-radius:50%;border:5px solid #fff;box-shadow:rgb(64 78 107 / 30%) 0 10px 15px 0;display: block;}
.big-testimonial p{text-align:center}
.big-testimonial p:nth-child(2){font-size:1.8rem;line-height:1.4}
.big-testimonial p:nth-child(3){font-size:1.4rem}
@media only screen and (max-width:767px){
.big-testimonial{padding:0 2rem 1rem;}
.big-testimonial img{width:150px;margin:-75px auto 24px}
.big-testimonial p:nth-child(2){font-size:1.4rem}
.big-testimonial p:nth-child(3){font-size:1.1rem}
}
.headshot{border-radius: 50%!important;border: 5px solid #fff;box-shadow: rgb(64 78 107 / 30%) 0 10px 15px 0!important;}
.col .headshot{max-width:250px;width:100%;}
/*Downloads*/
.big-download{border:1px solid var(--gray);padding:3rem 5rem;margin:3rem 0;text-align:center}
.big-download p:nth-child(1){color:var(--green);font-weight:700;margin-bottom:0}
.big-download p:nth-child(3){padding:0 6rem}
.big-download h3{font-size:3rem}
.big-download img{box-shadow:none;width:250px;margin-bottom:2rem}

.ss-form div{padding:0}
.ss-form-first-name {border-radius:.25rem 0 0 .25rem}
.ss-form-email-address {border-radius:0}
.ss-form input:focus{border:1px solid var(--green)}
.ss-form button{padding:.5rem 0;margin:0;line-height:1.75;border-radius:0 .25rem .25rem 0;width:100%;}
.ss-form button:hover,.ss-form button:focus{transform:translateX(-.25rem)}

@media only screen and (max-width:767px){
.big-download{padding:2rem}
.big-download h3{font-size:2rem}
.big-download p:nth-child(3){padding:0;font-size:1.1rem}
.big-download img{width:200px}
.ss-form input{border-radius:.25rem;margin-bottom:.5rem;line-height:2;padding: 0.25rem 1rem;}
.ss-form button{border-radius:.25rem;font-size:inherit;line-height:1.5}
.ss-form button:hover,.ss-form button:focus{transform:translateY(.25rem)}
}

.small-download{border:1px solid var(--gray);padding:2rem;margin:0 0 3rem;text-align:center;display: inline-block;}
.small-download p:nth-child(1){color:var(--green);font-weight:700;margin-bottom:0;font-size: 1rem;}
.small-download p:nth-child(3){margin-bottom:1rem;}
.small-download h3{font-size:2rem;margin-bottom:0.5rem;}
.small-download img{box-shadow:none;width:250px;margin:0 auto;max-width:100%;transform:rotate(-5deg);}
.small-dl-1,.small-dl-3{float:right;width:70%;}
.small-dl-2{float:left;width:30%;padding-right: 1.5rem;}

@media only screen and (max-width:767px){
.small-download{padding:1.5rem}
.small-download h3{font-size:1.5rem}
.small-download p:nth-child(3){font-size:1.1rem}
.small-download img{width:200px}
.small-dl-1,.small-dl-2,.small-dl-3{float:none;width:100%;padding:0;}
.small-dl-2{margin-bottom:1rem;}
}

.tiny-download:hover img{animation:shake 1s;animation-iteration-count:1}
.tiny-ss-form div{padding:0;width:100%;margin:0 auto 0.25rem;}
.tiny-ss-form input{font-size:1.1rem}
.tiny-ss-form-first-name{border-radius:.25rem 0 0 .25rem}
.tiny-ss-form-email-address{border-radius:0 .25rem .25rem 0}
.tiny-ss-form input:focus{border-color:var(--green)}
.tiny-ss-form button{padding:.5rem;margin:0;line-height:1.75;border-radius:.25rem;width:100%}
.tiny-ss-form button:focus,.tiny-ss-form button:hover{transform:translateY(-.15rem)}
@media only screen and (max-width:767px){
    .tiny-ss-form-email-address,.tiny-ss-form-first-name{border-radius:.25rem}
    .tiny-ss-form input{margin-bottom:.5rem;line-height:2}
    .tiny-ss-form button{font-size:inherit;line-height:2}
}
.tiny-download{border:1px solid var(--gray);padding:2rem 2rem 2rem 1rem;margin:0 0 3rem;text-align:center;display:inline-block;background:var(--white);position:relative;}
.lhs-pointer, .rhs-pointer {position: absolute;width: 75px !important;}
.lhs-pointer{left:-2000px;}
.rhs-pointer{right:-2000px;}
.tiny-download .tiny-download-subtitle{color:var(--green);font-weight:700;margin:0;font-size:1rem}
.tiny-download .tiny-download-description{margin:.5rem 0}
.tiny-download .tiny-download-title{font-size:2rem;margin-bottom:0}
.tiny-download img{box-shadow:none;width:180px;margin:0 auto;max-width:100%;transform:rotate(-5deg)}
.tiny-download-1,.tiny-download-3{float:right;width:70%}
.tiny-download-2{float:left;width:30%;padding-right:1.5rem}
@media only screen and (max-width:767px){
    .tiny-download{padding:1.5rem}
    .tiny-download .tiny-download-title{font-size:1.5rem}
    .tiny-download .tiny-download-description{font-size:1.1rem}
    .tiny-download img{width:200px}
    .tiny-download-1,.tiny-download-2,.tiny-download-3{float:none;width:100%;padding:0}
    .tiny-download-2{margin-bottom:1rem}
}
/*Divide*/
.ss-divider{border:3px solid var(--green);margin:5rem 10rem}
@media only screen and (max-width:767px){
.ss-divider{margin:5rem 3rem}
}
/*Heading*/
.ss-home-title{color:var(--green);font-weight:700;font-size:1.3rem;text-align:center}
/*Hero*/
.ss-home-hero img {width:100%;max-width:250px;transform:rotate(-5deg);}
.ss-hero img {width:100%;max-width:170px;transform:rotate(-5deg);}
.ss-hero:hover img,.ss-home-hero:hover img, .small-download:hover img {animation: shake 1s;animation-iteration-count: 1;}

@keyframes shake {
  0% { transform: rotate(-5deg); }
  25% { transform: rotate(-3deg); }
  50% { transform: rotate(-7deg); }
  75% { transform: rotate(-3deg); }
  100% { transform: rotate(-5deg); }
}

.ss-testimonial:hover #wave img, .row:hover #wave img {animation:wave 1s;}
@keyframes wave {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(20deg); }
  50% { transform: rotate(-20deg); }
  75% { transform: rotate(20deg); }
  100% { transform: rotate(0deg); }
}

/*FAQs*/
.faq-container{margin:2rem 0}
.faq-container details>div{border-left:1px solid var(--gray);border-right:1px solid var(--gray);border-bottom:1px solid var(--gray);padding:1.5em}
.faq-container details>div>*+*{margin-top:1.5rem}
.faq-container details>div :first-child{margin-top:0}
.faq-container details>div :last-child{margin-bottom:0}
.faq-container details+details{margin-top:.5rem}
.faq-container summary{list-style:none}
.faq-container summary::-webkit-details-marker{display:none}
.faq-container summary{border:1px solid var(--gray);padding:.75em 1em;cursor:pointer;position:relative;padding-left:4.5rem}
.faq-container summary:before{position:absolute;top:50%;transform:translateY(-50%);left:.75rem;content:' ';width:1.6rem;height:1.6rem;padding:.1rem .05rem 0;background-color:#fff;border:3px solid grey;border-radius:3px;font-size:1.6rem;font-weight:600;color:grey;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}
.faq-container summary:after{position:absolute;top:50%;transform:translateY(-50%);left:3.6rem;content:' ';height:100%;border-left:1px solid var(--gray);display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}
.faq-container details[open] summary{background-color:var(--light-gray)}
.faq-container details[open] summary:before{content:'✓';background:grey;color:#fff}
.faq-container summary:hover:before{border:3px solid #666;color:#666}
.faq-container details[open] summary:hover:before{background:#666}
.faq-container details[open] summary~*{animation:sweep .75s ease}
@keyframes sweep{0%{opacity:0;margin-top:-20px}100%{opacity:1;margin-top:0}}
.faq-container details:hover{transform:translateY(-3px);box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%)}
.faq-container details[open]:hover{transform:translateY(0);box-shadow:none}
.faq-container details{transition:.3s ease}

/*ASK*/
.ss-form-cta .small-download{margin:3rem 0}
.ss-form-cta .small-download p:nth-child(1){color:#06262d;transition:all .25s ease-in-out 0s}
.ss-form-cta:hover .small-download p:nth-child(1){color:red}
.ss-form-cta .consulting-cta{background:#06262d;margin:1.5rem auto .5rem}
.ss-form-cta:hover .consulting-cta{background:red}
.ss-form-cta .small-download img{box-shadow:none;transform:rotate(0);transition:all .25s ease-in-out 0s}
.ss-form-cta .small-download:hover img{animation:none;transform:scale(1.03)}

/*SCROLL*/
html{scroll-behavior:smooth}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{border-left:1px solid #ddd}
::-webkit-scrollbar-thumb{border-radius:10px;background:#dadce0}

/*TOC*/
#toc{z-index:999}
#toc table{margin:0;width:200px}
#toc .toc-header{background:#06262d;color:#fff;font-weight:700}
@media only screen and (max-width:1300px){
	#toc{display:none}
}

/*CHEERS QUIZ*/
#quiz div{text-align:center}
#quiz{width:100%;max-width:400px;margin:0 auto;position:relative;height:750px;overflow:hidden}
.quiz-question{width:100%;font-weight:600;font-size:1.6rem;line-height:1.2;margin-bottom:1.5rem;position:absolute;top:0;left:500px;-webkit-transition:left .3s ease-out;-moz-transition:left .3s ease-out;-o-transition:left .3s ease-out;transition:left .3s ease-out;line-height:1.5}
#level_link{text-decoration:none}
#level_change{padding:1.5rem;line-height:1.5;color:var(--black);border-width:3px;position:relative;margin:0 2rem}
#level_change:before{content:'👉';position:absolute;right:.5rem;bottom:-1.5rem;transform:rotate(270deg);font-size:3rem}
.quiz-question p{font-weight:100;font-size:1.15rem}
.open-question{left:0}
.closed-question{left:-500px}
.quiz-options{margin:1rem 0}
.quiz-options div{transition:.2s ease;border:1px solid var(--gray);border-radius:.25rem;padding:.75rem;margin-bottom:1rem;font-weight:100;font-size:1.15rem;line-height:1.75}
.quiz-options div:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%);cursor:pointer}

/*EXIT INTENT*/
.exit-intent{transform:translateY(-60%) scale(0);position:fixed;top:0;left:0;bottom:0;right:0;z-index:99999;background:rgba(33,33,33,.8);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}
.exit-intent.showExit{transform:translateY(0) scale(1)}
.exit-intent-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:750px;width:100%}
.exit-intent-modal{background:#fff;padding:2rem;border-radius:4px}
.exit-intent-modal img{box-shadow:none;width:210px;margin:0 auto;max-width:100%;transform:rotate(-5deg)}
.exit-intent-close{font-size:1.2rem;border-radius:2px;position:absolute;top:-1rem;right:-1rem;cursor:pointer;background:var(--green);color:var(--white);height:2rem;width:2rem;line-height:1.75rem;text-align:center}
@media (max-width:790px){
    .exit-intent-close{top:0;right:0}
}
/*GS MENUS*/
.gs-menu-container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:auto;padding:0 1rem;margin:0 auto 1rem;max-width:100%;position:relative;font-family:Roboto,Arial,sans-serif}
.gs-menu-container::-webkit-scrollbar{height:.5rem}
.gs-menu-container::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:#d4d7d9}
.gs-menu-container::-webkit-scrollbar-track{border-radius:.5rem}
.gs-primary-menu{font-size:0}
.gs-primary-menu-item{border:1px solid transparent;background:#fff;border-radius:4px;box-shadow:none;color:#202124;cursor:pointer;font-size:14px;letter-spacing:.2px;padding:4px 6px;position:relative;display:inline-block}
.gs-primary-menu-item:hover{background:#f1f3f4}
.gs-primary-menu .active{background:#e6f4ea;border-bottom-left-radius:0;border-bottom-right-radius:0}
.gs-quaternary-menu,.gs-secondary-menu,.gs-tertiary-menu{padding:6px 0;box-shadow:0 2px 6px 2px rgb(60 64 67 / 15%);position:absolute;background:#fff}
.gs-secondary-menu{width:320px}
.gs-quaternary-menu,.gs-tertiary-menu{width:260px}
.gs-quaternary-menu,.gs-secondary-menu,.gs-tertiary-menu{border-radius:4px;border:1px solid transparent}
.gs-secondary-menu{border-top-left-radius:0}
.gs-quaternary-menu-divider,.gs-secondary-menu-divider,.gs-tertiary-menu-divider{border-top:1px solid #dadce0;margin:8px 0}
.gs-quaternary-menu-item,.gs-secondary-menu-item,.gs-tertiary-menu-item{position:relative;font-size:14px;letter-spacing:.2px;line-height:20px;padding:6px 15px 6px 38px}
.gs-quaternary-menu .active,.gs-quaternary-menu-item:hover,.gs-secondary-menu .active,.gs-secondary-menu-item:hover,.gs-tertiary-menu .active,.gs-tertiary-menu-item:hover{background:#f1f3f4;cursor:pointer}
.gs-quaternary-menu-item-icon-container,.gs-secondary-menu-item-icon-container,.gs-tertiary-menu-item-icon-container{position:absolute;left:0;top:0;height:18px;width:18px;margin:7px 8px 7px 12px;direction:ltr;text-align:left;overflow:hidden;vertical-align:middle;background-repeat:no-repeat;right:auto}
.gs-quaternary-menu-item-icon,.gs-secondary-menu-item-icon,.gs-tertiary-menu-item-icon{content:url(https://kierandixon.com/wp-content/uploads/menu-icons-329.svg);height:8101px;position:absolute;width:74px;}
.gs-quaternary-menu-item-title,.gs-secondary-menu-item-title,.gs-tertiary-menu-item-title{color:#202124}
.gs-quaternary-menu-item-shortcut,.gs-secondary-menu-item-shortcut,.gs-tertiary-menu-item-shortcut{color:#80868b;font-weight:600;float:right}
.gs-quaternary-menu .active .gs-quaternary-menu-item-arrow,.gs-quaternary-menu-item:hover .gs-quaternary-menu-item-arrow,.gs-secondary-menu .active .gs-secondary-menu-item-arrow,.gs-secondary-menu-item:hover .gs-secondary-menu-item-arrow,.gs-tertiary-menu .active .gs-tertiary-menu-item-arrow,.gs-tertiary-menu-item:hover .gs-tertiary-menu-item-arrow{opacity:1;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.gs-quaternary-menu-item-arrow,.gs-secondary-menu-item-arrow,.gs-tertiary-menu-item-arrow{color:#000;opacity:.5;float:right;font-size:70%;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms}
.gs-menu-no-icons .gs-tertiary-menu-item,.gs-menu-no-icons .gs-quaternary-menu-item {padding-left: 15px}