/* Theme Name: Talia Maddison
Theme URI: http://example.com
Author: Your name
Author URI: http://pinegrow.com/
Description: This theme was created with Pinegrow Web Editor
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: talia_maddison */
/* * Style */
/* Slideshow */
.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.cb-slideshow:after {
    content: '';
    background: transparent url(./images/pattern.png) repeat top left;
}

.cb-slideshow li {
    list-style-type: none;
}

.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}

.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 20%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}

.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px;
}

.cb-slideshow li:nth-child(1) span {
    background-image: url(./assets/images/1.jpg);
}

.cb-slideshow li:nth-child(2) span {
    background-image: url(./assets/images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) span {
    background-image: url(./assets/images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) span {
    background-image: url(./assets/images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}

.cb-slideshow li:nth-child(5) span {
    background-image: url(./assets/images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}

.cb-slideshow li:nth-child(6) span {
    background-image: url(./assets/images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}

.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}

.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -moz-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -o-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -ms-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* Animation for the title */
@-webkit-keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    19% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
    opacity: 1;
}

@media screen and (max-width: 1140px) {
    .cb-slideshow li div h3 {
        font-size: 140px;
    }
}

@media screen and (max-width: 600px) {
    .cb-slideshow li div h3 {
        font-size: 80px;
    }
}

/* S&s */
h1.page-title {
    display: none;
}

/* Menu */
.main-nav,
#mega-menu-wrap-primary,
#mega-menu-primary {
    z-index: 9999;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
	margin-top: 200px;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
	background-color: #ffffff !important;

}

/* Landing */
.front {
    z-index: 9999;
    position: absolute;
    top: 90px;
    left: 20px;
    width: 50%;
}

.front p {
	padding: 0 30px 0;
	color: #ffffff;
}

.front p a {
	color: #ffffff;
	text-decoration: none;
}


h1,
h3 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 60px;
    padding: 10px 0 0 30px;
    line-height: auto;
    text-align: left;
    color: #fff;
}

h3 {
    font-size: 27px;
    line-height:40px;
    margin: 0;
    font-weight: bold;
}

h1.bold {
	font-weight: bold;
}

a {
	text-decoration: none;
}

.pageTitle {
    height: auto;
    min-height: 470px;
    width: 100%;
    margin: -40px 0 50px 0;
    padding: 0;
    float: left;
}

.pageTitleTwo {
    height: auto;
    min-height: 270px;
    width: 100%;
    margin: -40px 0 50px 0;
    padding: 0;
    float: left;
}

/* Backgrounds */
.author {
    background-image: url(./assets/images/author.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.store {
    background-image: url(./assets/images/store.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

body.fun1 {
    background-image: url(./assets/images/tummy-grumbling.jpg);
    background-repeat: no-repeat;
    background-size: 120%;
}

body.fun2 {
    background-image: url(./assets/images/tummy-full.jpg);
    background-repeat: no-repeat;
    background-size: 120%;
}

.InsidePage {
    background-image: url(./assets/images/page.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.InsidePageTwo {
    background-image: url(./assets/images/page2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.InsidePageThree {
    background-image: url(./assets/images/page3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.InsidePageFour {
    background-image: url(./assets/images/page4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.InsidePageFive {
    background-image: url(./assets/images/page5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.InsidePageSix {
    background-image: url(./assets/images/page6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.InsidePageSeven {
    background-image: url(./assets/images/page7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


.row.level {
    margin-top: 20%;
    min-height: 500px;
    padding-bottom: 40px;
}

.talia {
    margin-top: -60%;
    width: 80%;
    padding-left: 40px;
}

p.acknowledge {
    padding: 10px 0 0 40px;
    font-size: 14px;
    font-style: italic;
}

/* Buttons */
li > div > .buttons {
    margin: 0 0 0 20%;
}

.buttons a {
    border-radius: 35px;
    padding: 15px 25px 15px 25px;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
}

.buttons-one a {
    border-radius: 35px;
    padding: 10px 20px 10px 20px;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}

.btn-bio {
    float: left;
    margin-bottom: 20px;
    background-color: #deae36;
    color: #fff;
}

.btn-bio:hover {
    color: #000;
}

.btn-robot-one {
    float: left;
    margin-bottom: 20px;
    background-color: #EB4A06;
    color: #33A861;
}

.btn-robot-two {
    float: left;
    clear: left;
    background-color: #ffffff;
    color: #33A861;
}

.btn-stork-one {
    float: left;
    margin-bottom: 20px;
    background-color: #EB4A06;
    color: #88d5e3;
}

.btn-stork-two {
    float: left;
    clear: left;
    background-color: #ffffff;
    color: #88d5e3;
}

.btn-digger-one {
    float: left;
    background-color: #D4301B;
    color: #F08D2C;
    margin-bottom: 20px;
}

.btn-digger-two {
    float: left;
    clear: left;
    background-color: #ffffff;
    color: #F08D2C;
}

.btn-wizard-one {
    float: left;
    background-color: #ebba34;
    color: #D4301B;
    margin-bottom: 20px;
}

.btn-wizard-two {
    float: left;
    clear: left;
    background-color: #ffffff;
    color: #D4301B;
}

.btn-giant-one {
    float: left;
    background-color: #B8D175;
    color: #9C68C5;
    margin-bottom: 20px;
}

.btn-giant-two {
    float: left;
    clear: left;
    background-color: #ffffff;
    color: #9C68C5;
}

.btn-rabbit-one {
    float: left;
    background-color: #F98008;
    color: #0571AF;
    margin-bottom: 20px;
}

.btn-rabbit-two {
    float: left;
    clear: left;
    background-color: #ffffff;
    color: #0571AF;
}

/* Inside */
h1.product_title {
    color: #000;
    font-size: 45px;
    max-width: 300px;
    line-height: normal;
    padding-top: 30px !important;
}

.woocommerce .quantity .qty {
    padding: 4px 0 5px 0;
}

.woocommerce-loop-product__title {
    font-size: 23px !important;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #000;
}

.pageTitle h1,
.pageTitle h3 {
    margin-left: 30px;
}

body.internal #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    margin-right: 90px;
}

.bio-pic {
    margin-top: -280px;
}

/* Footer */
footer {
    z-index: 9999;
    position: relative;
    bottom: 45px;
    left: 0;
    color: #000;
    margin: 0 auto;
    width: 100%;
    height: 40px;
    padding: 20px 20px 0;
}

footer.home {
    position: absolute !important;
}

footer p {
    font-size: 16px;
}

footer a {
    text-decoration: underline;
    color: #000;
}

#mega-menu-wrap-primary {
    z-index: 9999;
}

/* Responsive */
@media (max-width:575px) {
    h1 {
        font-size: 50px;
        line-height: 1em;
    }

    .pageTitle h1,
    .pageTitle h3 {
        margin-left: 10px;
    }

    .pageTitle {
        height: auto;
        min-height: 290px;
    }

    .hph3 {
        font-size: 22px;
    }

    .bio-pic {
        margin-top: 20px;
        width: 100%;
    }

    body.internal #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
        margin-right: 30px;
    }

    li > div > .buttons {
        margin: 0 0 0 10%;
    }

    .front {
        z-index: 9998;
        width: 80%;
    }
    
    .front p {display: none;}
    
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    	margin-top: 40px;
    	margin-right: 30px;
        z-index: 9999;
    }
}

@media (min-width:576px) and (max-width:767px) {
	   .front {
        z-index: 9998;
        width: 80%;
    }
    
     .front p {display: none;}
}

@media (min-width:768px) and (max-width:999px) {
	   .front {
        z-index: 9998;
        width: 65%;
    }
}