/*
Theme Name: Just Get Solar
Author: Greg Hixon of RE-MEX-AGENT
URI: https://justgetsolar.com/
Description: Just Get Solar theme.
Author URI: https://remeximage.com
*/

/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Admdin Adjustments (back end)
- Defaults
	- Typographical Elements

*/

/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */

/* Box Sizing
--------------------------------------------- */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}

/* Admin Adjustments (back end)
---------------------------------------------------------------------------- */

/* Keeps WP top bar invisible unless hovering */
#wpadminbar{position:absolute;top:0;opacity:0;transition:.2s ease;}#wpadminbar:hover{opacity:1;transition:.2s ease;}

/* Defaults
---------------------------------------------------------------------------- */

/* CSS Helpers
--------------------------------------------- */

.margin-20 {margin:20px;}
.margin-40 {margin:40px;}
.margin-60 {margin:60px;}
.margin-80 {margin:80px;}
.padding-20 {padding:20px;}
.padding-40 {padding:40px;}
.padding-60 {padding:60px;}
.padding-80 {padding:80px;}

/* CSS Effects
--------------------------------------------- */

/* Hover Grow */
.hover-grow {transition:.2s ease;}
.hover-grow:hover {cursor: pointer;transform: scale(1.07);transition:.15s ease;}

.img-lift {
	border-radius:10px;
	box-shadow:3px 3px 6px #222;
}

.list-spacing > li {margin-bottom:10px;}

/* CSS Variables
--------------------------------------------- */

:root {
  --wht: #fff;
  --ltgry: lightgrey;
  --gry: grey;
  --blk: black;
}

/* Color Selectors
--------------------------------------------- */

/* Basic Colors */
.font-wht {color:#fff;}
.bg-wht {background:#fff;}
.brdr-wht {border-color:#fff;}

.font-ltgry {color:lightgrey;}
.bg-ltgry {background:lightgrey;}
.brdr-ltgry {border-color:lightgrey;}

.font-gry {color:grey;}
.bg-gry {background:grey;}
.brdr-gry {border-color:grey;}
.bar-gry {background:#808080}

.bg-drk-gry {background:#222;}

.bg-drkr-gry {background:#111;}

.font-blk {color:black;}
.bg-blk {background:black;}
.brdr-blk {border-color:black;}

.bg-ltblu {background:#bcdfeb;}
.font-ltblu {color:#bcdfeb;}

.bg-ltrblu {background:#e9f5f9;}
.font-ltrblu {color:#e9f5f9;}

/* Social Icons */
.bg-icon {background:#00B7FF;}
.font-icon {color:#00B7FF;}
.bg-icon-drk {background:#008CC3;}
.font-icon-drk {color:#008CC3;}

/* Two primary colors */
.font-org {color:#F69626;}
.bg-org {background:#F69626;}
.brdr-org {border-color:#F69626;}
.font-org-drk-1 {color:#EB830A;}
.bg-org-drk-1 {background:#EB830A;}
.brdr-org-drk-1 {border-color:#EB830A;}
.font-org-drk-2 {color:#C56E08;}
.bg-org-drk-2 {background:#C56E08;}
.brdr-org-drk-2 {border-color:#C56E08;}
.font-org-drk-3 {color:#A05907;}
.bg-org-drk-3 {background:#A05907;}
.brdr-org-drk-3 {border-color:#A05907;}
.font-org-drk-4 {color:#7A4405;}
.bg-org-drk-4 {background:#7A4405;}
.brdr-org-drk-4 {border-color:#7A4405;}
.font-org-drk-5 {color:#542F03;}
.bg-org-drk-5 {background:#542F03;}
.brdr-org-drk-5 {border-color:#542F03;}
.font-org-drk-6 {color:#2F1A02;}
.bg-org-drk-6 {background:#2F1A02;}
.brdr-org-drk-6 {border-color:#2F1A02;}
.font-org-drk-7 {color:#1C1001;}
.bg-org-drk-7 {background:#1C1001;}
.brdr-org-drk-7 {border-color:#1C1001;}
.font-org-lt-1 {color:#F8A84C;}
.bg-org-lt-1 {background:#F8A84C;}
.brdr-org-lt-1 {border-color:#F8A84C;}
.font-org-lt-2 {color:#F9BA71;}
.bg-org-lt-2 {background:#F9BA71;}
.brdr-org-lt-2 {border-color:#F9BA71;}
.font-org-lt-3 {color:#FBCD97;}
.bg-org-lt-3 {background:#FBCD97;}
.brdr-org-lt-3 {border-color:#FBCD97;}
.font-org-lt-4 {color:#FCDFBD;}
.bg-org-lt-4 {background:#FCDFBD;}
.brdr-org-lt-4 {border-color:#FCDFBD;}
.font-org-lt-5 {color:#FDE8D0;}
.bg-org-lt-5 {background:#FDE8D0;}
.brdr-org-lt-5 {border-color:#FDE8D0;}
.font-org-lt-6 {color:#FEF1E2;}
.bg-org-lt-6 {background:#FEF1E2;}
.brdr-org-lt-6 {border-color:#FEF1E2;}
.font-org-lt-7 {color:#FFFAF5;}
.bg-org-lt-7 {background:#FFFAF5;}
.brdr-org-lt-7 {border-color:#FFFAF5;}

.font-blu {color:#23ABDE;}
.bg-blu {background:#23ABDE;}
.brdr-blu {border-color:#23ABDE;}
.font-blu-drk-1 {color:#1C91BD;}
.bg-blu-drk-1 {background:#1C91BD;}
.brdr-blu-drk-1 {border-color:#1C91BD;}
.font-blu-drk-2 {color:#17779B;}
.bg-blu-drk-2 {background:#17779B;}
.brdr-blu-drk-2 {border-color:#17779B;}
.font-blu-drk-3 {color:#125D79;}
.bg-blu-drk-3 {background:#125D79;}
.brdr-blu-drk-3 {border-color:#125D79;}
.font-blu-drk-4 {color:#0D4357;}
.bg-blu-drk-4 {background:#0D4357;}
.brdr-blu-drk-4 {border-color:#0D4357;}
.font-blu-drk-5 {color:#082935;}
.bg-blu-drk-5 {background:#082935;}
.brdr-blu-drk-5 {border-color:#082935;}
.font-blu-drk-6 {color:#030E13;}
.bg-blu-drk-6 {background:#030E13;}
.brdr-blu-drk-6 {border-color:#030E13;}
.font-blu-drk-7 {color:#000102;}
.bg-blu-drk-7 {background:#000102;}
.brdr-blu-drk-7 {border-color:#000102;}
.font-blu-lt-1 {color:#45B8E3;}
.bg-blu-lt-1 {background:#45B8E3;}
.brdr-blu-lt-1 {border-color:#45B8E3;}
.font-blu-lt-2 {color:#67C5E8;}
.bg-blu-lt-2 {background:#67C5E8;}
.brdr-blu-lt-2 {border-color:#67C5E8;}
.font-blu-lt-3 {color:#89D2ED;}
.bg-blu-lt-3 {background:#89D2ED;}
.brdr-blu-lt-3 {border-color:#89D2ED;}
.font-blu-lt-4 {color:#ABDFF2;}
.bg-blu-lt-4 {background:#ABDFF2;}
.brdr-blu-lt-4 {border-color:#ABDFF2;}
.font-blu-lt-5 {color:#CEECF8;}
.bg-blu-lt-5 {background:#CEECF8;}
.brdr-blu-lt-5 {border-color:#CEECF8;}
.font-blu-lt-6 {color:#DFF3FA;}
.bg-blu-lt-6 {background:#DFF3FA;}
.brdr-blu-lt-6 {border-color:#DFF3FA;}
.font-blu-lt-7 {color:#F0F9FD;}
.bg-blu-lt-7 {background:#F0F9FD;}
.brdr-blu-lt-7 {border-color:#F0F9FD;}

/* Section Bar
----------------------- */

.bar {width:100%;padding:7px 0;position:relative;display:block;overflow:hidden;background:#111;}

.spacer {width:100%;padding:25px;}

.sctn-bar-center {width:100%;padding:40px;position:relative;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;overflow:hidden;align-items:center;}

.sctn-bar-evenly {width:100%;padding:40px 0;position:relative;display:flex;flex-wrap:wrap;justify-content:space-evenly;text-align:center;overflow:hidden;align-items:center;}

.sctn-bar-evenly-unpadded {width:100%;padding:0;position:relative;display:flex;flex-wrap:wrap;justify-content:space-evenly;text-align:center;overflow:hidden;align-items:center;}

.sctn-bar-between {width:100%;padding:40px;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;overflow:hidden;align-items:center;}

/* Typographical Elements
--------------------------------------------- */

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body {
	color:#222;
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	font-weight: 400;
	overflow-x: hidden;
	position: relative;
	background:#fff;
}

 /* Links */
a {
	display:inline-block;
	text-decoration:none;
	font-weight:600;
	transition: 0.1s ease;
	color:#008CC3;
}

a:focus,a:hover {font-weight:600;}

p a:hover, h2 a:hover {transform:scaleY(1.2);transition:.1s ease;color:#00B7FF;}

/* Headings */
h1 {font-size:60px;font-weight:800;}
.small-h1 {font-size:24px;font-weight:400;}
.med-h1 {font-size:41px;font-weight:400;}

h2 {font-size:28px;font-weight:600;}

h3 {font-size:22px;font-weight:400;}

h4 {line-height:1.5;}

/* Float-on-scroll Animations
---------------------------------------------------------------------------- */

.float-on-scroll {visibility:hidden;}

/* Slide horiz from left to right
--------------------------------------------- */

.float-on-scroll.slide-right.slide, .slide-right-animation {
    visibility:visible;
	opacity:0;
    animation:slide-right 1.6s ease-in-out 0s forwards;
}
@keyframes slide-right {
    0% {
        opacity:0;
        transform:translatex(-400%);
    }
    100% {
        opacity:1;
        transform:translatex(0%);
    }
}

/* Slide horiz from right to left
--------------------------------------------- */

.float-on-scroll.slide-left.slide, .slide-left-animation {
    visibility:visible;
	opacity:0;
    animation:slide-left 1.6s ease-in-out 0s forwards;
}
@keyframes slide-left {
    0% {
        opacity:0;
        transform:translatex(400%);
    }
    100% {
        opacity:1;
        transform:translatex(0%);
    }
}

/* Slide horiz from left to right - FADED
--------------------------------------------- */

.float-on-scroll.slide-right-faded.slide, .slide-right-faded-animation {
    visibility:visible;
	opacity:0;
    animation:slide-right-faded 1.6s ease-in-out 0s forwards;
}
@keyframes slide-right-faded {
    0% {
        opacity:0;
        transform:translatex(-400%);
    }
    100% {
        opacity:.07;
        transform:translatex(0%);
    }
}

/* Slide horiz from right to left - FADED
--------------------------------------------- */

.float-on-scroll.slide-left-faded.slide, .slide-left-faded-animation {
    visibility:visible;
	opacity:0;
    animation:slide-left-faded 1.6s ease-in-out 0s forwards;
}
@keyframes slide-left-faded {
    0% {
        opacity:0;
        transform:translatex(400%);
    }
    100% {
        opacity:.07;
        transform:translatex(0%);
    }
}

/* Slide down
--------------------------------------------- */

.float-on-scroll.slide-down.slide, .slide-down-animation {
    visibility:visible;
    animation:slide-down 1.2s ease-in-out 0s forwards;
}
@keyframes slide-down {
    0% {
        opacity:0;
        transform:translatey(-100%);
    }
    100% {
        opacity:1;
        transform:translatey(0%);
    }
}

/* Slide down - delayed
--------------------------------------------- */

.float-on-scroll.slide-down-delayed.slide, .slide-down-delayed-animation {
    visibility:visible;
	opacity:0;
    animation:slide-down-delayed 1.2s ease-in-out .5s forwards;
}
@keyframes slide-down-delayed {
    0% {
        opacity:0;
        transform:translatey(-100%);
    }
    100% {
        opacity:1;
        transform:translatey(0%);
    }
}

/* Slide up
--------------------------------------------- */

.float-on-scroll.slide-up.slide, .slide-up-animation {
    visibility:visible;
	opacity:0;
    animation:slide-up 1.2s ease-in-out 0s forwards;
}
@keyframes slide-up {
	0% {
		opacity:0;
		transform:translatey(100%);
	}
    50% {
        opacity:0;
    }
	100% {
		opacity:1;
		transform:translatey(0%);
	}
}

/* Slide up - delayed
--------------------------------------------- */

.float-on-scroll.slide-up-delayed.slide, .slide-up-delayed-animation {
    visibility:visible;
	opacity:0;
    animation:slide-up-delayed 2s ease-in-out 5s forwards;
}
@keyframes slide-up-delayed {
    0% {
        opacity:0;
        transform:translatey(100%);
    } 
    100% {
        opacity:1;
        transform:translatey(0%);
		margin-top:20px;
    } 
}

/* Fade in
--------------------------------------------- */

.float-on-scroll.fade-in.slide, .fade-in-animation {
    visibility:visible;
	opacity:1;
    animation:fade-in 1.6s ease-in-out forwards;
}
@keyframes fade-in {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

/* Fade in - delayed
--------------------------------------------- */

.float-on-scroll.fade-in-delayed.slide .fade-in-delayed-animation {
    visibility:visible;
	opacity:1;
    animation:fade-in-delayed 1.8s ease-in-out 0s forwards;
}
@keyframes fade-in-delayed {
    0% {opacity:0;}
    50% {opacity:0;}
	75% {opacity:0;}
    100% {opacity:1;}
}