/*
Theme Name: 	theme Child
Theme URI:    http://mariolafuente.com
Author:       Mario Lafuente
Author URI: 	http://mariolafuente.com
Description:	Child Theme
Template:		  Theme
Version: 		  1.0
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* Football
-------------------------------------------------------------- */
body{
  padding: 0px;
  padding-top: 0px;
  margin: 0 0 0 0;
  background-color: black;
}
body.bgFootball {
    background-color: #a90e12;
}

img {
    max-width: 100%;
    height: auto;
}
.container-fluid {
    padding-right: 0!important;
    padding-left: 0!important;
}
.maxwith {
    max-width: 90%;
}
.black {
    background-color: black;
}

span.red {
    color: #b21318;
}
span.blue {
    color: blue;
}
.container.descrip h3 {
    color: gray;
}


.bgFootball{
  background: url("../img/Football_bg.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
/* Football*/

.navbar-toggleable-md .navbar-nav {
    text-transform: uppercase;
  }
.bgbox{
    padding: 0px;
    background-color: white;
    background-position: top;
    border: 0px solid #545454;
}
.bgboxFeature{
      color: black;
}
.bgboxFeature a{
  color: white;
}
.code {
    color: white;
text-transform: uppercase;
    font-size: 0.8em;
}
.title{
    text-shadow: 2px 2px 2px #181818;
    text-transform: uppercase;
font-weight:bold;color:white;letter-spacing:1pt;word-spacing:2pt;font-size:2.6em;text-align:center;font-family:arial, helvetica, sans-serif;line-height:1;margin:0px;padding:0px;
}
.titleHighlight{
    text-shadow: none;

  background: -webkit-linear-gradient(#ffea7b, #ffd700);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.arrowIcon{
  padding-left: 30px;
  text-indent: -999px;
    width: 30px;
    height: 50%;
    background: url("../img/check.png") no-repeat top left;
  background-size: 100% 100%;
}
.graytext{

     font-size: 1.5em;  text-transform: uppercase;
    font-weight:bold;color:white;letter-spacing:1pt;word-spacing:2pt;text-align:center;font-family:raleway:800, arial, helvetica, sans-serif;line-height:1;margin:0px;padding:0px;
  background:   -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(199,199,199,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.treeFeatures{

    background-position: top;

}
h2.col-12.subTitle {
    color: white;
    background-color: #020202;
}

hr {
    width: 90%!important;
}
.stepsBox{

   padding: 10px;
    background-color: rgba(0, 0, 0, 0.75);

    background-position: top;

    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 24px;
    -webkit-border-radius: 12px 12px 12px 12px;
    border: 1px solid #545454;
}
.col-lg-4 {

    max-width: 32.333333%;
}

.col-lg-5 {

    max-width: 66.333333%;
}

.col-lg-6 {

    max-width: 75%;
}

.col-lg-25 {

    max-width: 25%;
}


.steps {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.steps img {
    margin: 20px 0px;
}
.stepsLinks {
    color: white;
}
.yellow {
    color: #ffd000;
}
.FootballHeader{
  background-position: top left;
background-size: 100% auto;
  background-repeat:no-repeat;

}

.copyText {
    z-index: 500;
    position: absolute;
    width: 355px;
    min-height: 236px;
    background: #292b2c6b;
    right: 5%;
}
.btnYellow {
    z-index: 500;
	position:fixed;
    width: 325px;


}

.copyText h3 {
      margin: 0px;
  background-color: #0d0e0f;
    color: #ffcc00;
}
.copyText div {
      font-size: 18px;
    color: white;
}
.bg-inverse {
    background-color: #292b2c!important;
    min-height: 60px;
}
span.p-3 {
    color: white;
}

.box {
    border-radius: 0px 0px 24px 24px;
    -moz-border-radius: 0px 0px 24px 24px;
    -webkit-border-radius: 0px 0px 24px 24px;
    border: 1px solid #6e6e6e;
    background-color: #03030399;
}
.btnYellow {
  text-align: center;
  background: #fef199;
  background-image: -webkit-linear-gradient(top, #fef199, #ffcc00);
  background-image: -moz-linear-gradient(top, #fef199, #ffcc00);
  background-image: -ms-linear-gradient(top, #fef199, #ffcc00);
  background-image: -o-linear-gradient(top, #fef199, #ffcc00);
  background-image: linear-gradient(to bottom, #fef199, #ffcc00);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 23px;
  text-decoration: none;
}

.btnYellow:hover {
  background: #ffcc00;
  background-image: -webkit-linear-gradient(top, #ffcc00, #fef093);
  background-image: -moz-linear-gradient(top, #ffcc00, #fef093);
  background-image: -ms-linear-gradient(top, #ffcc00, #fef093);
  background-image: -o-linear-gradient(top, #ffcc00, #fef093);
  background-image: linear-gradient(to bottom, #ffcc00, #fef093);
  text-decoration: none;
}

.col-sm-12.headerSpaceTop {
    min-height:  25vh;
    display: block;
    width: 100%;
    float: left;
}


.col-sm-12.col-lg-12.imgHeader {
    background-color: transparent;
    margin-top: -35px;
}

.col-12.text-center.experience {
    margin: 20px 0px 40px 0px;
}
.featuresSportsbook {
  padding-top: 20px!important;
    background-color: rgba(20, 20, 21, 0.83);
    padding: 20px 5px 20px 5px;
}

.sportsFeatures {
    margin: auto;
    width: 99%;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px;
    width: 100%;
    border-top: 1px solid white;
}
.imgSignup {
    padding-top: 15px;
}


.FeaturesTitleWhiteSmall {
    font-weight:800;
    font-family: font-family:raleway, arial, helvetica, sans-serif;
font-size: 150%;
text-transform: uppercase;
color: white;
clear: both;
display: block;
padding: 0;
margin: 0;
line-height: 20px;
}

.FeaturesTitleYellow {
    font-weight:900;
    font-family: font-family:raleway, arial, helvetica, sans-serif;
    font-size: 350%;
   text-transform: uppercase;
    color: yellow;
}
.FeaturesTitleWhiteBig {
    font-weight:900;
    font-family: font-family:raleway, arial, helvetica, sans-serif;
    font-size: 350%;
   text-transform: uppercase;
    color: white;
}

.footer {
font-size: 60%;
    display: block;
    color: rgb(115, 115, 115);
    background-position: right bottom!important;
    /* background: url(../img/Football_bg_box.png); */
    min-height: 80px;
    background-repeat: repeat-x;
    padding: 20px 10px 10px 0px;

}
a {
    text-decoration: none !important;
}







/* Flashing */
.hover13 div figure:hover img {
	opacity: 0.5!important;
	-webkit-animation: flash 1.5s!important;
	animation: flash 1.5s!important;
}




.descrip{
      color: black;
    min-height: 22vh;
}
.FeaturesTitleYellow, .FeaturesTitleWhiteBig {
  line-height: 60px!important;
  }






  @media (min-width: 1200px){
  .btnYellow {
      bottom: -60px!important;
}

  .copyText {
    top: 8%!important;

  }
  }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px){
  .btnYellow {
    bottom: inherit;
}

  .copyText {
    top: 1%;
  }
  .FeaturesTitleYellow, .FeaturesTitleWhiteBig {
  font-size: 300%;
    }

  .title{
    font-size: 4em!important;
  }

.sportsFeatures {
    margin: auto;
    width: 97%;
}
.graytext {
line-height: 25px!important;
}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .FeaturesTitleYellow, .FeaturesTitleWhiteBig {
      font-size: 350%!important;
    }

  .title{
    font-size: 4em!important;
  }
  .descrip{
        min-height: 18vh!important;
    }
 }


 ul.navbar-nav {
     width: 100%!important;
 }
 li.nav-item {
     width: 18%!important;
 }


.yellowTop{
  color: yellow!important;
}

 .footer {
     font-size: 12px;
     color: white;
 }


 /* > Extra large devices (large desktops, 1200px and up) ------------------------------------------------------------------------------ >  */
 @media (max-width: 576px){

 }


@media (max-width: 991px){
  .copyText {

      position: inherit!important;
      width: inherit!important;
      min-height: 236px!important;
      background: white!important;
      top: inherit!important;
      right: inherit!important;
  }
  .descrip {
    color: black;
    min-height: 15vh;
}

  .copyText div {
      font-size: 18px;
    color: black!important;
  }
  .btnYellow {
    width: 155px!important;
        top: initial;
        left: initial;
        position: relative;
        float: left;
        bottom: initial;
        margin-left: 20px;
  }


    .col-lg-4 {
    max-width: inherit!important;
}

.graytext {
line-height: 25px!important;
}
.stepItem {
    padding-left: 30%;
    padding-top: 10px;
}
.FeaturesTitleYellow, .FeaturesTitleWhiteBig {
  line-height: 4vh!important;
    padding: 0px!important;
    font-size: 220%!important;
  }
  .imgSignup {
    padding-top: 0px;
}
.featuresSportsbook {
    padding-bottom: 0px;
}
.imgSignup {
    margin-bottom: 20px;
}

}



/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 414px){




  .FeaturesTitleYellow, .FeaturesTitleWhiteBig {
    line-height: |0px !important;
}

  .title{
    font-size: 2em!important;
  }
  .graytext {
          font-size: initial!important;
      line-height: 15px !important;
    }
 .titleHighlight{ font-size: 0.8em!important }
.FeaturesTitleWhiteSmall {
font-size: 120%;
}

.FeaturesTitleYellow, .FeaturesTitleWhiteBig {
    line-height: 5vh!important;
  }

.FeaturesTitleYellow {
    font-weight:900;
    font-size: 240%;

}
.FeaturesTitleWhiteBig {
    font-weight:700;

}

    figure {
    margin: 20px;
}

.mainbodywidth {
	margin-left:50px;
	margin-right:50px;
}

.table_alternate_rows tr:nth-child(even){background:#99ff33}
.table_alternate_rows tr:nth-child(odd) {background: #ffff66}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {background-color: #f2f2f2;}


}/*// Small devices (landscape phones, 576px and up)*/

.parent{
    width: 100%;
    background: white;
}
.child{
    float: left;
    width:100%;
    background: #FFFFFF;
    height: 100%;
}
.child2{
    float: left;
    width:100%;
    background: #FFFFFF;
    height: 100%;
}