/*
Theme Name:     XMG Inc.
Description:    xmginc.ca theme by XMG Inc. 2020
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;}
}



}








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



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



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

.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: #7b4594 !important;
}
.gform_wrapper .gform_footer input.button {
background-color: #7b4594;
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 ) {


}