/*
Theme Name: Luli's Theme
Theme URI: http://www.laluli.net/
Author: Francisco Gonzalez
Author URI: https://franciscogonz.com/
Description: Custom Theme for the Artist Luli.
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: artist, website, video-background
Text Domain: LaLuli
*/


/*****************
 *
 * 1.0 - Reset
 *
 ****************/
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #000000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

fieldset {
	min-width: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}


/*    General CSS   */

.container {
    position:  relative;
    z-index: 2;
}

.menu-all-pages-container {
    width:  100%;
}

ul#menu-all-pages {
    display:  block;
    max-width:  1170px;
    text-align:  center;
}

ul#menu-all-pages li {
    display:  block;
    margin: 20px 0;
}

ul#menu-all-pages li a {
    width:  auto;
    font-size:  48px;
    color: #f3c20a;
    text-decoration: none;
}


.myNav {
    padding:  0;
    margin: 30px 0;
    width: 100%;
    overflow: hidden;
}

.myNav h1 {
    color: #ffd942;
    margin: 0;
    float: left;
    font-weight: 200;
}

.myNav .menu {
    float:right;
    background:url('img/btnmenu.png') no-repeat;
    height:35px;
    width:45px;
}

.myNav .menu img {
    width: 36px;
    height: 53px;
}


/*  video background  */

body {  
  min-height:754px;
}

video {
	position: fixed;
	min-width: 100%;
	min-height: 100%;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}


img, iframe {
  display: block;
}