/*
* Theme Name: Dr Home Boss
* Author: Greg Hixon
* URI: https://drhomeboss.com/
* Author URI: https://hixonic.com
* Description: Dr Home Boss Website - CJ Purifoy - Memphis RE Brokerage
* Version: 1.00
*/

/* HTML5 Reset | normalize.css v8.0.1 | MIT License
** github.com/necolas/normalize.css
************************************** CSS */
.html-tag{line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.body-tag{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{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-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;-moz-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;-moz-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* WordPress Adjustments
************************************** CSS */

/* Hide WP Admin Top Bar
******************* CSS */
#wpadminbar{position:absolute;top:0;opacity:0;transition:.2s ease;}#wpadminbar:hover{opacity:1;transition:.2s ease;}

/* Float Clearing & Box Sizing
************************************** CSS */
.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;}

.html-tag {
    box-sizing:border-box;
    scroll-behavior:smooth;
    max-width:100vw;
}
@media (max-width: 899px) {.html-tag {overflow-x:hidden;}}
*,*::before,*::after {box-sizing:inherit;}

/* Default styles
************************************** CSS */
.list-spacing > li {margin-bottom:10px;}
.body-tag {
	--logo-red:#df0015; /* Logo red */
	--logo-light-red:#ff4254; /* Lighter version of logo red */
	font-family:'Merriweather', serif;
	font-family:"Merriweather Sans",serif;
	font-size:16px;
	font-weight:400;
    line-height:1.4;
    max-width:100vw;
    overflow-x:hidden;
}
a {
	display:inline-block;
	text-decoration:none;
	font-weight:600;
	transition: 0.1s ease;
}
a:focus,a:hover {font-weight:600;}
p a:hover,h2 a:hover {transform:scaleY(1.2);transition:.1s ease;}

/* Headings */
h1,h2,h3 {margin:20px 0;}
h1 {font-size:60px;font-weight:800;}
h2 {font-size:42px;font-weight:600;}
h3 {font-size:32px;font-weight:600;}

/* YT vid size in page
******************* CSS */
.page-wrap iframe {
    width:740px;
    height:415px
}

/* CSS Effects
******************* CSS */
.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;
}

/* HEADER.PHP
************************************************** CSS */

/* THEME DIV SECTION
****************************** CSS */

/* WITHIN THEME DIV
********************/

/* FRONT-PAGE.PHP
************************************************** CSS */

/* THEME DIV SECTION
****************************** CSS */

/* WITHIN THEME DIV
********************/

/* HOME.PHP
************************************************** CSS */

/* THEME DIV SECTION
****************************** CSS */

/* WITHIN THEME DIV
********************/

/* PAGE.PHP
************************************************** CSS */

/* THEME DIV SECTION
****************************** CSS */

/* WITHIN THEME DIV
********************/

/* SINGLE.PHP
************************************************** CSS */

/* THEME DIV SECTION
****************************** CSS */

/* WITHIN THEME DIV
********************/

/* PAGE-LANDING.PHP
************************************************** CSS */

/* THEME DIV SECTION
****************************** CSS */

/* WITHIN THEME DIV
********************/

/* SINGLE-LANDING.PHP
************************************************** CSS */

/* THEME DIV SECTION
****************************** CSS */

/* WITHIN THEME DIV
********************/

/* FOOTER.PHP
************************************************** CSS */

/* THEME DIV SECTION
****************************** CSS */

/* WITHIN THEME DIV
********************/

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

@media (min-width: 1200px) { /* When .html-tag receives overflow-x:hidden in style.css */
.float-on-scroll {visibility:hidden;}

/* Slide horiz from left to right
****************************** CSS */
.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
****************************** CSS */
.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
****************************** CSS */
.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
****************************** CSS */
.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
****************************** CSS */
.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
****************************** CSS */
.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
****************************** CSS */
.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
****************************** CSS */
.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
****************************** CSS */
.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
****************************** CSS */
.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;}
}

} /* min-width: 900px - When .html-tag receives overflow-x:hidden in style.css */