/*
Plugin Name: Age Verification Plus
Plugin URI: www.fyresite.com
Description: Provides a landing page for age verification on any public facing page
Version: 1.0
Author: Fyresite
Author URI: www.fyresite.com
License:
Copyright (C) Fyresite - All Rights Reserved
Unauthorized copying of this file, via any medium is strictly prohibited
Proprietary and confidential
Written by David Scott  <Dave@Fyresite.com>, July 2017
*/

/* - CSS - */




/* structure */


	#verify {
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    bottom: 0;
	    z-index: 9999999 !important;
	    background-image: linear-gradient(to right, #434343 0%, black 100%);
      visibility: hidden;
	}
	.verify-contained {
	    /* display: table-cell; */
	    /* margin: auto; */
	    /* vertical-align: middle; */
	    /* text-align: center; */
	    /* width: 100vw; */
	    /* height: 100vh; */
	    display: table;
	}
	.verify-inner {
	    position: relative;
	    display: table-cell;
	    margin: auto;
	    vertical-align: middle;
	    text-align: center;
	    width: 100vw;
	    height: 100vh;
	}
	.verify-inner {
	    /*width: 90vw;*/
	    margin: auto;
    }
    #verify.visible {
        visibility: visible;
    }

/* inner content */


	.verify-txt {
	    color: red !important;
	}
	.verify-txt h1 {
	    color: #fff;
	    font-weight: 400;
	}

/* inputs/selects */


	.bday-inputs select {
	    background-color: transparent;
	    border-radius: 0 !important;
	    border: 1px solid #ffffff;
	    -webkit-appearance: none;
	    -webkit-border-radius: 0px;
	    padding: 12px;
	    z-index: 2;
	    /*color: #ffffff;*/
	    font-size: 20px;
	    font-weight: 300;
	    letter-spacing: 1px;
	    line-height: 20px;
	    position: relative;
	    outline: none !important;
	}
	.bday-inputs {
	    margin-bottom: 20px;
	}


/* verify */


#verify {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: -25px;
    z-index: 9999999 !important;
    /*background-image: linear-gradient(to right, #434343 0%, black 100%);*/
    /*background-image: url(/wp-content/uploads/2018/07/drk-paper-bg-1.jpg) !important;*/
    background: rgba(36, 36, 36, 0.99);
    background-repeat: repeat;
    background-size: auto;
    background-position: top center;
}
/*div#verify:before {
    content: '';
    background-image: url(/wp-content/uploads/2018/07/pure-1-1.png);
    background-size: contain;
    display: block;
    position: absolute;
    height: 93%;
    width: 170%;
    background-repeat: no-repeat;
    background-position: center;
    top: -8%;
    left: 2%;
 
    right: 0;
    margin: auto;
    transition: height 100000000s ease;
    -webkit-transition: height 100000000s ease;
    -moz-transition: height 100000000s ease;
    -o-transition: height 100000000s ease;
}*/
.bday-inputs select {
    border: 2px solid;
}
/*#verify .company-logo {
    display: none;
}*/
@media (max-width: 425px) {
/*  .bday-inputs select {
      display: block;
      margin-bottom: 10px !important;
      margin: auto;
      min-width: 150px;
  }
*/
  .bday-inputs select {
      font-size: 16px;
      padding: 6px;
  }
  #fyre #verify h3 {
      font-weight: 300;
      font-size: 20px !important;
  }
  .verify-txt.verify-txt-top {
      margin-bottom: 20px !important;
  }
  .verify-txt.verify-txt-btm {
      margin-top: 40px !important;
  }
  .verify-txt.verify-txt-btm:before {
      top: -20px !important;
  }
}
.bday-inputs select {
    text-align-last:center;
    text-align: center;
    color: #8d9089;
}
.verify-txt.verify-txt-top {
    margin-bottom: 30px;
}
.verify-txt.verify-txt-btm {
    margin-top: 90px;
    position: relative;
}
.verify-txt.verify-txt-btm h3 {
    margin-bottom: 20px;
}
.verify-txt.verify-txt-btm:before {
    content: '';
    height: 2px;
    width: 200vw;
    background-color: rgb(140, 144, 137);
    display: block;
    position: absolute;
    right: 0;
    transform: translate(50%, 50%);
    top: -45px;
}
@media (max-height: 599px) {
/*  .bday-inputs select {
      display: block;
      margin-bottom: 10px !important;
      margin: auto;
      min-width: 150px;
  }
*/
  .bday-inputs select {
      font-size: 16px;
      padding: 6px;
  }
  #fyre #verify h3 {
      font-size: 20px !important;
  }
  .verify-txt.verify-txt-top {
      margin-bottom: 20px !important;
  }
  .verify-txt.verify-txt-btm {
      margin-top: 40px !important;
  }
  .verify-txt.verify-txt-btm:before {
      top: -20px !important;
  }
  #fyre #verify .btn {
      font-size: 16px !important;
      padding: 11px 30px !important;
      padding-left: 26px !important;
  }
}

@media (max-width: 767px) {
  #verify br {
    display: none !important;
  }
}
.company-logo img {
    max-width: 280px;
    margin-bottom: 20px;
}


.verify-btns .flex-btn {
    margin: 0 5px;
}

.verify-btns {
    display: flex;
    justify-content: center;
}