/*
Theme Name: RCI Child Of Divi
Theme URI: 
Description: Child 02 theme for the Divi theme
Author: M. Espinoza
Author URI: http://www.mistiespinoza.com
Template: Divi
Version: 3.0.19
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sat, 03 Dec 2016 23:13:52 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/


/*------------------------------------------------*/
/*----------------[Overlapping Logo]--------------*/
/*------------------------------------------------*/

/* overhanging logo */
 
#top-header {z-index: 99999;}
 
#logo {
    max-height: 220%;
    margin-top: -32px;
    z-index: 100000;
}
 
@media only screen and (max-width : 980px) {
    #logo { margin-top: 0px}}



/*------------------------------------------------*/
/*-----------------[Boxed Section]----------------*/
/*------------------------------------------------*/


/* boxed sections */
    .boxed {
            max-width: 1200px;
            float: none;
            margin-bottom: 25px;
            margin-top: 25px;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, 0%);
            -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
            -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);}
 
    @media only screen and (max-width : 1350px) {
    .boxed {max-width: 95%;}}
 
    @media only screen
        and (min-device-width : 320px) 
        and (max-device-width : 1024px)
        and (-webkit-min-device-pixel-ratio: 1){
            .boxed {
                max-width: 100%;
                float: none;
                margin: 0;
                left: 0%;
                margin-right: 0%;
                transform: translate(0%, 0%);}}

/* boxed-up sections */
    .move-up {
            margin-top: -50px;
            border-radius: 5px;}











/*-----------------------------------------------*/
/*-----Scrolling Image Carousel by Divi Soup-----*/
/*-----------------------------------------------*/
/*Stops the browser creating a horizontal scrollbar*/
.ds-carousel-section {
    overflow: hidden;
    max-height: 300px;
}
/*Reduces the section height on mobiles*/
@media only screen and (max-width: 567px) {
.ds-carousel-section {
    max-height: 140px;
    padding: 0;
    }
}
/*Sets the width of the image modules and floats them so they are next to each other*/
.ds-carousel-logo {
    width: 20%;
    float: left;
}
/*Sets the layout for the first row*/
.ds-image-carousel-first {
    width: 100% !important;
    max-height: 200px;
    height: 200px;
    background: #fff;
    animation: 15s first 1 linear;
    animation-fill-mode: forwards;
    
}
/*Sets the layout for the second row*/
.ds-image-carousel-second {
    z-index: 2;
    height: 200px;
    background: #fff;
    width: 100% !important;
    float: left;
    display: inline-block;
    top: -200px;
    animation: 30s second infinite linear;    
}
/*Sets the layout for the third row*/
.ds-image-carousel-third {
    z-index: 1;
    height: 200px;
    background: #fff;
    width: 100% !important;
    float: left;
    display: inline-block;
    top: -400px;
    animation: 30s third infinite linear;
    animation-delay: 15s;
    opacity: 0;
}
/*Animation for the continuous scrolling effect*/
@keyframes first {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 3;
  }
  99.99% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 3;
  }
  100% {
    z-index: -1;
  }
}
@keyframes second {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes third {
  0.1% {
    opacity: 0;
  }
  0.2% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
  }
}
/*-----------------------------------------------*/
/*---End Scrolling Image Carousel by Divi Soup---*/
/*-----------------------------------------------*/