/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


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

/*********************************************************************
**************** FLIP CARD BACKGROUND IMAGE ********************
*********************************************************************/

.flip_panel {
    margin: 0 auto;
    height: 300px;
    position: relative;
    display: block;
    transform-style: preserve-3d;
}

.flip_panel .front, .flip_panel .back {
    text-align: center;
}

.flip_panel .front {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel.flip .front {
    z-index: 99;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.flip_panel.flip .back {
    z-index: 100;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

.flip_box_front {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)
    ),
    url('https://creativechildthemes.com/divi-lab/wp-content/uploads/sites/6/2016/04/marketing.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 25px 15px;
    -webkit-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 12px 15px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 12px 15px 0px rgba(50, 50, 50, 0.3);
}

.flip_box_back {
    background-color: #fafafa;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 35px 15px 20px 15px;
        -webkit-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 12px 15px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 12px 15px 0px rgba(50, 50, 50, 0.3);
}

.flip_button {
    display: inline-block;
    margin: 5% auto 0;
    padding: .5em 1.2em;
    cursor: pointer;
    font-size: 16px;
    background: #598edb;
}

.flip_button a {
    color: #fff ;
}

.flip_box_front .flip_title {
    color: #fff;
    margin: 15% auto 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.55em ;
    display: block;
    font-weight: bold;
}

.flip_title {
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.15em ;
    display: block;
    font-weight: bold;
}

.flip_box_front .text_flip_card {
    color: #fff;
}
.text_flip_card {
    padding: 0 7%;
}

.cust-flip-image1 .flip_box_front{
background: linear-gradient(
      rgba(20, 120, 196, 0.75),
      rgba(20, 120, 196, 0.75)
    ),
    url('/wp-content/uploads/2016/11/mobile-concrete-front.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}

.cust-flip-image2 .flip_box_front{
background: linear-gradient(
      rgba(20, 120, 196, 0.75),
      rgba(20, 120, 196, 0.75)
    ),
    url('/wp-content/uploads/2016/11/trailer-mounted-front.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}

.cust-flip-image3 .flip_box_front{
background: linear-gradient(
      rgba(20, 120, 196, 0.75),
      rgba(20, 120, 196, 0.75)
    ),
    url('/wp-content/uploads/2015/08/sp11dhf.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}

.cust-flip-image4 .flip_box_front{
background: linear-gradient(
      rgba(20, 120, 196, 0.75),
      rgba(20, 120, 196, 0.75)
    ),
    url('/wp-content/uploads/2016/11/grout-pump-front.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}

.cust-flip-image5 .flip_box_front{
background: linear-gradient(
      rgba(20, 120, 196, 0.75),
      rgba(20, 120, 196, 0.75)
    ),
    url('/wp-content/uploads/2016/11/screed-pump-front.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}

.cust-flip-image6 .flip_box_front{
background: linear-gradient(
      rgba(20, 120, 196, 0.75),
      rgba(20, 120, 196, 0.75)
    ),
    url('/wp-content/uploads/2019/03/electric-pumps.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}

.cust-flip-image7 .flip_box_front{
background: linear-gradient(
      rgba(20, 120, 196, 0.75),
      rgba(20, 120, 196, 0.75)
    ),
    url('/wp-content/uploads/2019/03/new-RV-10-final.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}