/* 
 Theme Name:     AddJust
 Author:         +AddJust
 Author URI:     http:miword.com
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.7.4
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


@media only screen and (max-width: 980px) {
#logo {
   height: auto;
    max-width: 80% !important;
    }
}
.et_pb_button { min-height: 90px; text-align:center; }
#fbuilder input[type=text],
#fbuilder textarea,
#fbuilder select {
border: 2px solid #20795b;
}


.cp_cff_dark_notebook #fbuilder {
    font-size: 16px;
    background: #008000;
    padding: 20px 30px 15px 30px;
    border: 5px solid #53687E;
    color: #FFF;
}





/*--------------------------------------------*/
/*-----Animated App --------------------------*/
/*--------------------------------------------*/


/*Desktop Section*/


/*Set the iPhone image position*/

.ds-iphone-image img {
    position: relative;
    z-index: 10;
}


/*Shift the iphone image column down a bit as the screen gets smaller*/

@media only screen and (max-width: 1280px) {
    .ds-app-desktop-section .et_pb_column_single {
        margin-top: 10%;
    }
}

@media only screen and (max-width: 1135px) {
    .ds-app-desktop-section .et_pb_column_single {
        margin-top: 20%;
    }
}


/*Set the app images position*/

.ds-app-image1,
.ds-app-image2,
.ds-app-image3,
.ds-app-image4 {
    position: absolute;
    top: 9.5%;
    padding: 14% 7%;
    opacity: 0;
}


/*Set the starting states of the images and blurbs*/

.ds-app-image1,
.ds-app-image2,
.ds-app-image3,
.ds-app-image4 {
    opacity: 0;
}

.ds-app-blurb1,
.ds-app-blurb2,
.ds-app-blurb3,
.ds-app-blurb4 {
    opacity: .5;
}


/*Set the blurb animation name & timing*/

.ds-app-blurb1,
.ds-app-blurb2,
.ds-app-blurb3,
.ds-app-blurb4 {
    -webkit-animation: dsBlurbSwitch 20s linear infinite normal forwards;
    -moz-animation: dsBlurbSwitch 20s linear infinite normal forwards;
    -o-animation: dsBlurbSwitch 20s linear infinite normal forwards;
    animation: dsBlurbSwitch 20s linear infinite normal forwards;
}


/*Set the image animation name and timing*/

.ds-app-image1,
.ds-app-image2,
.ds-app-image3,
.ds-app-image4 {
    -webkit-animation: dsImagexFade 20s linear infinite normal forwards;
    -moz-animation: dsImagexFade 20s linear infinite normal forwards;
    -o-animation: dsImagexFade 20s linear infinite normal forwards;
    animation: dsImagexFade 20s linear infinite normal forwards;
}


/*Set the animation delays*/

.ds-app-blurb1,
.ds-app-image1 {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

.ds-app-blurb2,
.ds-app-image2 {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.ds-app-blurb3,
.ds-app-image3 {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    animation-delay: 10s;
}

.ds-app-blurb4,
.ds-app-image4 {
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    animation-delay: 15s;
}


/*Define the blurb animation effect*/

@-webkit-keyframes dsBlurbSwitch {
    0% {
        opacity: .5;
    }
    1% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    25% {
        opacity: .5;
    }
    100% {
        opacity: .5 !important;
    }
}

@-moz-keyframes dsBlurbSwitch {
    0% {
        opacity: .5;
    }
    1% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    25% {
        opacity: .5;
    }
    100% {
        opacity: .5 !important;
    }
}

@-o-keyframes dsBlurbSwitch {
    0% {
        opacity: .5;
    }
    1% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    25% {
        opacity: .5;
    }
    100% {
        opacity: .5 !important;
    }
}

@keyframes dsBlurbSwitch {
    0% {
        opacity: .5;
    }
    1% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    25% {
        opacity: .5;
    }
    100% {
        opacity: .5 !important;
    }
}


/*Define the image animation effect*/

@-webkit-keyframes dsImagexFade {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    25.1% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes dsImagexFade {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    25.1% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes dsImagexFade {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    25.1% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes dsImagexFade {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    25.1% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


/*Tablet & Mobile Section*/


/*Slider for Tablets & Mobiles*/


/*Position the iPhone background image*/

.ds-slider-col {
    background-size: 85%;
    background-repeat: no-repeat;
    background-position-y: 0;
}


/*Position the slide images*/

.ds-app-slider .et_pb_slides .et_pb_slide_content {
    padding-top: 10%;
}

.ds-app-slider .ds-slider-image {
    padding: 1.5% .5% 0 1%;
}

.ds-app-slider .et_pb_slide_content img {
    padding-bottom: 40%;
}


/*Position the slider controllers*/

.ds-app-slider .et-pb-controllers {
    bottom: 0;
}


/*Position the slider arrows*/

.ds-app-slider .et-pb-arrow-prev {
    left: -50px;
}

.ds-app-slider .et-pb-arrow-next {
    right: -50px;
}

.ds-app-slider.et_pb_slider:hover .et-pb-arrow-prev {
    left: -15px;
}

.ds-app-slider.et_pb_slider:hover .et-pb-arrow-next {
    right: -15px;
}


/*Set the slider animation name and timing*/

.ds-app-slider .et-pb-active-slide .et_pb_slide_description {
    -webkit-animation: dsSliderxFade 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: dsSliderxFade 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: dsSliderxFade 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: dsSliderxFade 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}


/*Define the slider animation effect*/

@-webkit-keyframes dsSliderxFade {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes dsSliderxFade {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes dsSliderxFade {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes dsSliderxFade {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}


/*Set the display for each section on desktop, tablet & mobile*/

@media only screen and (max-width: 980px) {
    .ds-app-desktop-section {
        display: none;
    }
}

@media only screen and (min-width: 981px) {
    .ds-app-mobile-section {
        display: none;
    }
}


/*--------------------------------------------*/
/*---End Animated App-------------------------*/
/*--------------------------------------------*/

.blurb:hover {
background-color: #ffffff;
box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.21); }

.cp_cff_dark_notebook #fbuilder {
    font-size: 16px;
    background: #20795b;
    padding: 20px 30px 15px 30px;
    border: 5px solid #20795b; !important;
    color: #FFF;
}

.cp_cff_dark_notebook #fbuilder {
    font-size: 16px;
    background: #20795b; ! important;
    padding: 20px 30px 15px 30px;
    border: 5px solid #20795b; ! important;
    color: #FFF;
} 
.et_pb_button {
    min-height: 60px;
    text-align: center;
}
.et_pb_button_0 {
    height: 90px;
    text-align: center;
}
.et_pb_button_1 {
    height: 90px;
    text-align: center;
}
.et_pb_button_2 {
    height: 90px;
    text-align: center;
}
.et-pb-contact-message {
color: #000000;
background-color: #ffffff;
}