/*
Theme Name:     Xponential
Description:    xponential.ca theme by XMG Inc.
Author:         XMG Inc.
Template:       Divi
*/

@import url("../Divi/style.css");



/* FORM
-------------------------------------------------------------- */

.et-pb-contact-message {
    color: #fff;
}
.et_pb_contact p input, .et_pb_contact p textarea {
    padding: 10px 15px;
}
.et_pb_contact_message {
    min-height: 100px;
}



/* CUSTOM
-------------------------------------------------------------- */



small {
font-size: 80%;
opacity: .5;
}
#xmg-client-scroll {
width: 100%;
height: 200px;
margin: 30px 0;
background: url(images/xmg-client-logos2.png) repeat-x;
-webkit-animation: backgroundScroll 100s linear infinite;
-moz-animation: backgroundScroll 100s linear infinite;
animation: backgroundScroll 100s linear infinite; /* Adjust timing here according to speed required */
}

@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -2470px 0;}
}
@-moz-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -2470px 0;}
}
@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -2470px 0;}
}



@media only screen and ( max-width: 800px ) {

#xmg-client-scroll {
background-size: 1235px 100px;
height: 100px;
}


@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -1235px 0;}
}
@-moz-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -1235px 0;}
}
@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -1235px 0;}
}



}





/* LOGO SCROLL
-------------------------------------------------------------- */

#logo-scroll-dark,
#logo-scroll {
width: 100%;
height: 120px;
margin: -1px 0;
overflow: hidden;
background: url(images/xponential-companies-logos.png) repeat-x;
-webkit-animation: backgroundScroll 100s linear infinite;
-moz-animation: backgroundScroll 100s linear infinite;
animation: backgroundScroll 100s linear infinite; /* Adjust timing here according to speed required */
transform: scale(.8);
}
#logo-scroll-dark {
background: url(images/xponential-companies-logos-dark.png) repeat-x;
}


@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -1300px 0;}
}
@-moz-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -1300px 0;}
}
@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -1300px 0;}
}

#logo-scroll-dark:after,
#logo-scroll-dark:before,
#logo-scroll:after,
#logo-scroll:before {
content: "";
width: 30%;
max-width: 500px;
height: 120px;
display: block;
position: absolute;
top: 0;
}

@media only screen and ( max-width: 600px ) {

#logo-scroll-dark,
#logo-scroll {
transform: scale(1);
}
#logo-scroll-dark:after,
#logo-scroll-dark:before,
#logo-scroll:after,
#logo-scroll:before {
width: 20%;
}

}




#logo-scroll:before {
left: -1px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,444444+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(68,68,68,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(68,68,68,1) 0%,rgba(68,68,68,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(68,68,68,1) 0%,rgba(68,68,68,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#00444444',GradientType=1 ); /* IE6-9 */

/* 
border-left: 1px solid #666;
 */
}
#logo-scroll:after {
right: -1px;
left: auto;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,444444+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(68,68,68,0) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(68,68,68,0) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(68,68,68,0) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00444444', endColorstr='#444444',GradientType=1 ); /* IE6-9 */

/* 
border-right: 1px solid #666;
 */

}


#logo-scroll-dark:before {
left: -1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
border-left: 1px solid #fff;
}
#logo-scroll-dark:after {
right: -1px;
left: auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
border-right: 1px solid #fff;

}









/* FOOTER
-------------------------------------------------------------- */



/* SLIDER
-------------------------------------------------------------- */



/* GRAVITY FORM
-------------------------------------------------------------- */

.gform_legacy_markup_wrapper .gsection .gfield_label, .gform_legacy_markup_wrapper h2.gsection_title, .gform_legacy_markup_wrapper h3.gform_title {
    font-weight: 600 !important;
    font-size: 1em !important;
}

.gform_wrapper textarea,
.gform_wrapper input,
.gform_wrapper select {
background-color: #f9f9f9;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
border-radius:3px;
}
.gform_wrapper .gfield_required {
color: #254057 !important;
}
.gform_wrapper .gform_footer input.button {
background-color: #64ce23;
border: medium none;
border-radius: 3px;
color: #fff;
display: inline-block;
font-weight: bold;
padding: 7px 20px;
}
.gform_wrapper .gform_footer input.button:hover {
cursor: pointer;
}


/* FONTS
-------------------------------------------------------------- */



/* MENU
-------------------------------------------------------------- */




/* MENU HIGHLIGHT COLOR
-------------------------------------------------------------- */




/* ROWS
-------------------------------------------------------------- */




/* MAIN TITLES 
-------------------------------------------------------------- */






/* IMAGES
-------------------------------------------------------------- */








@media only screen and ( min-width: 1100px ) {


}



@media only screen and ( max-width: 1100px ) {


}



/* TABLET
-------------------------------------------------------------- */

@media only screen and ( max-width: 980px ) {



}

@media only screen and ( max-width: 767px ) {


}

/* MOBILE
-------------------------------------------------------------- */

@media only screen and ( max-width: 479px ) {


}