/*

Theme Name: Dillo Games
Theme URI: http://dillogames.com/
Author: Cecile Design Studio, Inc
Author URI: https://ceciledesignstudio.com/
Version: 1.0.0
Template: pro

*/

/* ------- TYPOGRAPHY --------- */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h1,.h1, h2,.h2 {
    font-size: 250%;
    text-transform: uppercase;
}
h3,.h3 {
    font-size: 200%;
}
h4,.h4 {
    font-size: 160%
}
h5,.h5 {
    font-size: 120%
}
.dark * { color: #F4EFE4 !important; }
.dark svg  { fill: inherit !important; }

.light h1, .light h2, .light h3 { color: #1BC7E6; }

.large p, .large li { 
	font-size: 1.7em; 
	line-height: 1.3;
}
ul, ol {
    margin-left: 1em;
}
.x-main ul li::marker {
    color: #18c7e5;
    font-size: 18px;
}
p { margin-bottom: 0.75em; }

/* ------- HEADER --------- 

.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none !important;
}
@media (min-width: 979px){
	.x-navbar-wrap .x-navbar {
	    background-color: rgb(0 0 0 / 0.3) !important;
		-webkit-transition: background-color 500ms linear;
	    -ms-transition: background-color 500ms linear;
	    transition: background-color 500ms linear;
	}
	.x-navbar-wrap .x-navbar-fixed-top {
	    background-color: rgb(0 0 0 / 0.8) !important;
	}
	.x-navbar-wrap { 
		height: 0 !important;
	}
}
*/
/* ------- LAYOUT --------- */

.x-header-landmark {
	display: none;
}
.entry-content {
    margin-top: 0;
}
@media (max-width: 978px){
	.x-separator-top-curve-out,
	.x-separator-bottom-curve-in {
		height: 25px !important;
	}
}
@media (max-width: 600px){
	.x-separator-top-curve-out,
	.x-separator-bottom-curve-in {
		height: 15px !important;
	}
}

/* ------- MAILCHIMP --------- */

body #mc_embed_signup input.email,
body #mc_embed_signup input.button {
	height: 46px;
	padding: 3px 15px;
}
body #mc_embed_signup input.button {
	text-transform: uppercase;
    border-color: #1BC7E6;
    background-color: #1BC7E6;
    text-shadow: none;
	font-size: 14px;	
}

/* ------- VIDEOS --------- */

.video-container {
    width:100vw;
    height: 100vh;
    margin: 0;
}
#videoBG {
    position:fixed;
    z-index: -1;
}
@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 100%;
    }
}
@media (max-width: 767px) {
    #videoBG {
        display: none;
    }
}

/* ------- STORE --------- */

body.woocommerce-page header + .x-container.max,
body.woocommerce header + .x-container.max {
    padding-top: 30px;
	padding-bottom: 60px
}
body.woocommerce-cart header + .x-container.max,
body.woocommerce-checkout header + .x-container.max,
body.woocommerce-account header + .x-container.max {
    max-width: 800px;
}
[class*=woocommerce] .cart-collaterals table th {
    width: auto;
}
.x-tab-content .x-tab-pane,
.x-nav-tabs > li > a,
.site, .x-site {	
	background-color: var(--wp--preset--color--black) !important;
}
.select2-results__option[aria-selected], .select2-results__option[data-selected] {
	color: black;
}


/* ------- FOOTER --------- */

body:not(.home) #block-9 {
	display: none;
}
#block-9 { 
	text-align: center;
	color: grey;
	font-size: 12px;
	position: absolute;
	bottom: -50px; 
}
.x-colophon .widget {
    margin-top: 1em;
}
.x-colophon.bottom {
    padding: 20px 0;
  background: black;
}