html{
overflow: hidden;
}
h3 {
color: #FFFFFF !important;
font-size: 18px !important;
}
.html_fixed{
overflow: hidden;
position: fixed;
}
.html_relative{
overflow: scroll;
position: fixed;
}
.wk-slideshow.wk-slideshow-background .slides li .imgslideshow {
background-position: center center;
background-size: cover;
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
}
#modal_screen {
touch-action: unset;
position: fixed;
top:0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 9998;
background-color: rgba(0,0,0,.6);
background: rgba(0, 0, 0, 0) url("../img/starter.png") no-repeat scroll center center / cover ;
display: block;
overflow: hidden;
}
#modal_screen.nope {
background-color: #1e0924;
}
#modal_content {
font-family: 'EB Garamond', serif;
position: fixed;
z-index: 9999;
margin: 0 auto;
font-size: 14px;
color:#231f20;
width:465px;
min-height: 350px;
transition: all 1s ease 0s;
}
.modal-logotipo{
width:100%;
height: 170px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background-position: center;
background-repeat: no-repeat;
background-image: url('../img/starter_logo.png');
}
#modal_content .content_wrapper {
text-align: center;
}
#modal_content h2 {
margin: 0 0 0 0;
font-family: 'EB Garamond', serif;
line-height: 28px;
}
#modal_content p {
max-width: 75%;
margin: 1.2em auto 0;
font-family: 'EB Garamond', serif;
}
#modal_content .confirm-age-text{
color:#FFFFFF;
font-size: 18px !important;
}
.confirm-age-text a{
color:#cda55c;
text-decoration: underline;
}
#modal_content nav {
font-size: 16px;
display:table;
width: 282px;
}
#modal_content nav ul {
display:table-row;
width: 100%;
margin:0;
padding:0;
}
#modal_content nav li {
display: table-cell;
text-align: right;
width: auto;
}
#modal_content nav:after {
content: "";
display: block;
clear: both;
}
#modal_content nav small {
display: block;
text-align: center;
color: #cda55c;
margin: 1em 0 0;
}
.av_go{
font-size: 2.4em;
padding: 5px 20px;
background-color: #231f20;
margin: 0 auto;
color: #cda55c;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
cursor: pointer;
border: 0px;
}
.av_go:hover{
background-color: #cda55c;
color: white !important;
border: 0px;
}
#modal_content nav .av_no {
background-color: #938d95;
}
/* ***************************************** */
.content_wrapper .check.check-big {
border-radius: 25%;
border-width: 2px;
height: 30px;
width: 30px;
}
.content_wrapper .check {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
border: 1px solid rgb(155, 155, 155);
border-radius: 50%;
cursor: pointer;
height: 20px;
margin: 0 auto;
position: relative;
transition: all 200ms ease-in-out 0s;
width: 20px;
}
.content_wrapper .check.check-big [class*="icon-"] {
font-size: 28px;
margin-left: -1px;
margin-top: -2px;
}
.content_wrapper .check [class*="icon-"] {
font-size: 17px;
padding-top: 1px;
}
.content_wrapper .check > div {
display: inline-block;
vertical-align: top;
}
.content_wrapper .confirm-box * {
-moz-user-select: none;
}
.content_wrapper .check {
cursor: pointer;
}
.content_wrapper .confirm-box {
font-family: "EB Garamond",serif;
font-size: 14px;
text-align: center;
}
.starter .check.check-warning {
border-color: rgb(190, 77, 77);
}
#modal_content #modal_content_wrapper .main-container {
overflow-y: overlay;
max-height: 80vh;
}
#modal_content #modal_content_wrapper .main-container div[class*="col-"] {
margin-bottom: 10px;
}
#modal_content #modal_content_wrapper .main-container::-webkit-scrollbar {
width: 12px;
}
#modal_content #modal_content_wrapper .main-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
#modal_content #modal_content_wrapper .main-container::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/* RESPONSIVE STYLESHEET */
/*@media (min-width: 688px) {
#modal_content {
top: 10em;
top: 30vh;
left: 30vw;
width: 90%;
max-width: 500px;
height:500px;
padding:3em;
border-radius: 100%;
background-position: center 3em;
background-size: 160px auto;
font-size: 16px;
}
#modal_content .content_wrapper {
padding-top: 150px;
margin:3em auto 0;
text-align: center;
}
#modal_content h2 {
margin: 0 0 0 0;
font-size: 1.875em;
}
#modal_content p {
font-size: 1em;
line-height: 1.9em;
}
#modal_content nav {width: 396px;}
#modal_content nav a.av_btn {
padding:1em 2.5em;
margin:1.6em auto 0;
font-size: 1em;
}
}
*/
body.noscroll {
overflow: hidden;
position: fixed;
width: 100%;
}
/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
}
/* IE10-specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}
/* CHANGE WITH OF CONTAINER TO 100% */
@media (max-width: 1280px) {
}
@media (max-width: 992px) {
}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
#modal_content {
/* max-width: 750px; */
max-width: 100% !important;
max-height: 100% !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 999999 !important;
top: 30% !important;
}
}
@media (max-width: 560px) {
/*
#modal_content {
max-width: 540px;
width: 100%;
min-height: 450px;
}
*/
}
/* Landscape phones and down */
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 979px) {
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
/* Tablet landscape and desktop */
@media (min-width: 980px) and (max-width: 1199px) {
}
@media (min-width:768px){
}
/* Large desktop */
@media (min-width: 1200px) {
}