* {
  outline: none;
  scroll-behavior: smooth;
  font-family: 'Acme', sans-serif;
}

body {
  background-color: black;
  margin: 0px;
  color: silver;
  font-family: "cooper black";
} 
  
a {
  text-decoration: none;
}

select {
  outline: none;
  width: 270px;
}

.homeBtm {
  color: white;
  border: solid gray 1px;
  /* padding: 3px; */
  padding-bottom: 3px;
  width: 100px;
  text-align: center;
}

.T_O_G_Btn {
  width: 270px;
  height: 70px;
  font-size: 25px;
  border-radius: 15px;
}

.div_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid gray 2px;
  border-radius: 10px;
  padding: 10px;
  background-image: url("https://png.pngtree.com/thumb_back/fh260/background/20190828/pngtree-grayscale-trendy-vector-background-design-illustration-image_309195.jpg");
}
  

nav {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  /* background-color: rgba(10, 117, 240, 0.9); */
  background-color: rgb(0, 0, 0, 0.4);
  width: 100%;
  position: fixed;
  top: 0px;
  padding: 10px;
  border: 0px;
  border-bottom: solid 1px gray;
}


.SiteLinks {  
  text-align: center;
  border: 0px solid;
  border-bottom: 6px solid silver;
  border-radius: 20px;
  background-color: rgb(0, 0, 0, 0.5);
  padding-top: 30px;
  padding-bottom: 30px;
  
}

.livWatersIMG {
  border: solid gray 1px;
  padding: 15px;
  border-radius: 10px;
}


li {
  color: dodgerblue;
  padding-bottom: 20px;
}
.container {
  display: flex;
  flex-direction: row;
  /* width: 100%; */
  justify-content: center;
}

/* video container */

.videoCont {
  display: flex;
  flex-direction: column;
  /* background-color: white; */
  width: 45%;
}



.videosEmbed {
  display: flex;
  flex-direction: row;
  align-items: center;    
    height: 400px;
    overflow: scroll;
    align-items: left;
  }
  
  iframe {
    border-radius: 10px;
    /* border: gray 3px solid; */
    padding: 5px;
    /* background-color: #0066ff; */
  }
  
  
/* SELECT / OPTIONS */

select {
  background-color: transparent;
  color: white;
  padding: 10px;
}

.selectLeftContainer {
  display: flex;
  flex-direction: row;
}

option {
  color: black;
}

.bibleGtwy {
  color: rgb(128, 32, 0);
  /* or: black; */
}

.memoryvs {
  color: cadetblue;
}

.selectScriptures {
  font-family: 'Leckerli One', cursive;
  font-size: 40px;
  background-color: black;
  color: orange;
  padding: 13px;
  border: solid green 2px;
  border-radius: 10px;
  letter-spacing: 4px;
  outline: none;
  width: 100%;
}

.kirkFrank {
  background-color: silver;
}


a {
  text-decoration: none;
}

/* LINKS */
.pursuingGodLink {
  width: 70%;
  border-radius: 10px;
}

/* JEFF DURBAN */

.jeffDurbanContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.jeffDurbanPic {
  width: 200px;
  border-radius: 50%;
}

.JDurbanPicCont {
  background-color: rgb(0, 0, 0, 0.7);
  /* border-radius: 15px; */
  border: solid gray;
  padding: 10px;
}

/* ALLEN PARR */
.allenParrContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.RaviZachariasContainer {
  background-color: rgb(0, 0, 0, 0.7);
  border-radius: 5px;
  border: solid gray;
  padding: 10px;
  width: 210px;
}

/* Evolution vs Creation */
.evolutionVsCreationDiv {
  display: flex;
  flex-direction: column;
  justify-items: center;
  width: 100%;
}

.evolutionVsCreationPic {
  width: 100%;

}

.fullMoviesTopDIV  {
  background-color: black;
  text-align: center;
}

#AGvID {
  display: none;
}

.AgPlayBtnIMG {
  height: 50px;
}

.AgPlayBtn {
  background-color: black;
  border: none;
}

.AGVid {
  width: 100%;
}
/****  S C R O L L B A R  ****************************************************/

::-webkit-scrollbar {
    width: 20px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
    background: #262626;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: black; 
    border-radius: 10px;
    box-shadow: inset 0 0 5px grey;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    /* background: #b30000;  */
    background: gray; 
  }


  .christCollage {
    width: 100%;
    border-radius: 20px;
  }
  
  .christCollageContainer {
    margin: auto;    
    width: 90%;    
  }

  .book {
    color: dodgerblue;
  }
  
  .christCollageScripts {
    background-color: rgb(0, 0, 0, 0.7);
    margin-left: auto;
    margin-right: auto;
    border: solid #333333 1px;
    border-radius: 20px;
    width: 90%; 
    padding: 10px;
  }
  
  

  .Romans_1_16-20_Cont {
    background-color: rgb(0, 0, 0, 0.7);
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-radius: 20px;
    padding: 10px;
  }

  .Romans_1_16-20 {
    color: green;
  }

  span {
    color: green;
    font-weight: bold;
  }
  
  .TQG {
    background-color: orange;
    color: red;
  } 

  .cross_top_pic {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    height: auto;
    width: 100%;
  }

  #nav_btn {
    /* background-color: rgb(192, 192, 192, 0.5); */
    
    /* color: white; */
    border: solid 1px gray;
  }

  .gspl_btn_music_icn {
    background-color: white;
    border-radius: 50%;
    padding: 2px;
  }
  
  .gspl_btn {
    margin: auto;
    justify-content: center;
    justify-items: center;
    align-items: center;
    display: flex;    
    flex-direction: row;
    align-items: center;
  }

  .fullMovies {
    width: 100%;
    border-top: 0px;
    padding: 0px;
    border-radius: 0px;
    /* border-bottom: gray solid 3px; */
    /* border-top: gray solid 3px; */
  }

  .EasterVidDiv {
    position: absolute;
    top: 65px;
    right: 10px;
  }
  
  .EasterVid {
    height: 200px;
    border-radius: 20px;
    border: solid gray 2px;
    border-bottom: solid gray 16px;
  }

  .h3EasterKids {
    text-align: center;
    color: white;
  }

  .easterKidsh3 {
    color: rgb(11, 152, 235)
  }

  .AParrVidSelect {
    background-color: black;
    color: #0066ff;
    font-weight: bolder;
    font-size: 20px;
  }

  .KjvOnlineTrivia {
    width: 100%;
    margin-top: -17px;
  }

  .AmrcnGsplCONT {
    /* background-image: url('images/American_Gospel/American_Gospel_(1).JPG');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 735px;
    width: 100%;
    border: solid green; */
  }

  .AmrcnGsplPIC {
    width: 100%;
  }

  .SolidDudesDIV {
    background-color: rgb(0, 0, 0, 0.4); 
    width: 100%;
    height: 700px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;

  }

  .solidDudesPicDIV {
    height: 200px;
    width: 245px;
    border: 2px gray solid;
    border-radius: 15px;    
  }

  .johnnyMacDiv {
    background-image: url("https://pbs.twimg.com/profile_images/1318695342510993408/7uDes3c1_400x400.jpg");
    
    /*background-image: url("Johnny_Mac/images/FINAL.jpg");*/
    
    /*background-color: red;*/
    background-size: 120%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -10px;
  }

  .DrJamesWhiteDiv {    
    background-image: url('https://s3.amazonaws.com/static.gracechurch.org/images/leaders/white-james.jpg');
    background-size: 105%;
    background-repeat: no-repeat;
    /*background-position-x: 6px;*/
  }

  .JDurbanDiv {    
    /* background-image: url('https://i1.wp.com/foritiswritten.com/blog/wp-content/uploads/2018/10/Series-Page-Apologia-Radio.jpg'); */
    background-image: url('https://i.ytimg.com/vi/MeUgQll4Y-U/maxresdefault.jpg');
    background-position-x: center;
    background-size: 155%;
    background-repeat: no-repeat;
  }
  
  .AllenParrDiv {    
    background-image: url('https://www.allenparr.com/wp-content/uploads/2018/10/Welcome.jpg');
    background-size: 290%;
    background-repeat: no-repeat;
    background-position-x: -410px;
    background-position-y: -10px;
  }

  .RayCmfrtDiv {    
    background-image: url('https://www.livingwaters.com/wp-content/uploads/2017/12/profile-image-ray-comfort-1x1.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .JonMcCrayDiv {    
    background-image: url('https://crossexamined.org/wp-content/uploads/2021/03/jon_mccray_new.jpg');
    background-size: 140%;
    background-repeat: no-repeat;
    background-position-x: -49px;
    background-position-y: 1px;
  }

  .selectSolidDudes {
    border: none;
  }

.SolidDudesDIVmbl {
    display: none;
}


  /*** M E D I A  ***  Q U E R Y ******************************************************************************************/

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

    * {
      text-align: center;
      /* align-items: center; */
    }

    .AmrcnGsplCONT, .fullMoviesTopDIV, .AmrcnGsplPIC {
      width: 100%;
    }

    .fullMoviesTopDIV {
      margin-top: 100px;
    }
    
    .container {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: center;
    }

    .videoCont {
      width: 100%;
    }

    select, .T_O_G_Btn  {
      width: 300px;
    }

    .Romans1, p {
      text-align: left;
    }

    .evoVsCreatVid1
     /* , .evoVsCreatVideosDiv  */
     {
      width: 90%;      
    }

    .videosEmbed {
      display: none;
    }

    iframe {
      width: 95%
    }

    .jeffDurbVidsOnPg {
      width: 100%
    }

    nav {
      flex-direction: column;
      background-color: transparent;
    }
  
    #nav_btn {
      width: 50%;
      background-color: transparent;
      color: white;
    }

    .homeBtm {
      width: 220px;
      margin: auto;
      padding: none;
    }

    .EasterVidDiv {
      right: 0px;
      margin-top: 120px;
      background-color: black;
      width: 100%;
      padding: auto;
      /* border: solid green; */
    }

    .EasterVid {
      width: 100%;
    }

    .mainAudio {
      width: 220px;
      margin-left: auto;
      margin-right: auto;
    }
    
    #JohnOneImgID {
        display: none;
    }   

    
    .SolidDudesDIV {
      display: none;
    }
    
    
    
    .SolidDudesDIVmbl {
        display: block;
        font-family: 'Acme', sans-serif;
        letter-spacing: normal;
    }
    
    .SolidDudesSLCTmbl {
        background-color: #9ccae4;
        font-size: 20px;
        color: #335584;
        border-radius: 15px;
        border-bottom: solid 8px #335584;
    }
    
    
    
    
  }