/*
Theme Name: Influxx Theme
Theme URL: http://www.influxx.com
Description: HTML theme built for use at influxx.com.
Version: 2.1
Author: Adam Mercado
*/

/* colors in site
    Orange ------ f06422
  	Grellow ----- b3c10f
  	Dark Grey --- 24252a
  	Light Grey -- 2e3033
  	Red --------- c10505
  	Dark White -- 7e7e7e
*/


/*  ---------    BEGIN SLIDER STYLES    ---------  */
.glider {
    width: 100%;
    margin-bottom: 21px;
    /* border-radius: 12px; */
    /* border: 5px solid #24252a; */
    overflow: hidden;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.584);
}

.glides {
    width: 500%;
    display: flex;
}

.glide {
    width: 20%;
    transition: 2s;
    /* padding: 2px; */
    border-left: 1px solid #24252a;
    border-right: 1px solid #24252a;
    /* border: 1px solid #24252a; */
}

.glide img {
    width: 100%;
    height: 100%;
}

input {
    display: none;
    position: absolute;
}

#radio1:checked~.first {
    margin-left: 0;
}

#radio2:checked~.first {
    margin-left: -20%;
}

#radio3:checked~.first {
    margin-left: -40%;
}

#radio4:checked~.first {
    margin-left: -60%;
}

/*  ---------    END SLIDER STYLES    ---------  */