/*
Theme Name: Creatus Dominus 2018
Theme URI: http://www.creatusdominus.com
Description: Festival de diseño
Version: 1
Author: Cris Busquets - Polar
Author URI: http://www.polar.ws
Tags: black, white, grey, yellow, responsive, minimal

*/


html, body {
    -moz-osx-font-smoothing: grayscale;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 0px 0px rgba(0,0,0,0.002);
}

html {
    background:#fff;
    font-size:16px;
}

body {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size:1em;
}

.wrap{box-sizing:border-box;max-width:1200px;margin:0 auto}

h1 {
    font-family: 'Eczar', serif;
    font-size:400%;
    color:#fff;
    font-weight: 700;
    text-align: center;
    transform: rotate(-3deg);
}


h2 {
    font-size:200%;
    font-weight: 700;
    margin:0em 0 1em 0;
    text-align: center;
}

h3 {
    font-size:130%;
    font-weight: 700;
    margin:0em 0 1em 0;
    text-align: center;
}

p {
    margin:0 0 1em 0;
    line-height:auto;
    font-weight: 400;
    text-align: center;
}

strong {
    font-weight: 700;
}

small {
    color:#8E8E8E;
    font-size: 0.65em;
    text-transform: uppercase;
}

mark {
    color:#FFD248;
    font-weight: 700;
    background:#FFF3CD;
}

a, a:active, a:visited {
    color:#1B1B21;
    text-decoration: underline;
    transition: all 0.3s ease 0s;
}

a:hover {
    color:#FFD248;
}

.link-highlight {
    color:#ffc20a;
    text-decoration: none;
}

.link-hightlight:hover {
    text-decoration: none;
}


.button {
    background-color: #FFD248;
    border: none;
    color: #000;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding:1em 2em;
    transition: all 0.3s ease 0s;
    font-weight: 700;
}

.button:hover {
    background-color:#000000;
    color:#fff;
    text-decoration: none;
}

#header {
    height:20em;
    background-color:#000000;
    background-image: url("img/creatusdominusbeta-logo.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20em auto;
    text-align:center;
}

#header p {
    color:#fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
    font-size:0.75em;
}

#header p i {
    margin-right:0.7em;
}

#header p i:last-child {
    margin-right:0;
}

#header .intro {
    height:auto;
    /* alinear vertical */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


#menu {
    background-color:#ffc20a;
    padding:0.75em 0;
    margin-bottom:3em;
}

#menu ul {
    list-style-type: none;
    text-align: center;
    margin:0;
    padding:0;
}

#menu ul li {
    display:inline;
    padding:0 1em;
}

#menu a, #menu a:active {
    text-decoration:none;
}

#menu a:hover {
    color:#fff;
}

li.current_page_item {
    font-weight:bold;
}

.vertical-hr {
    background-image: url("img/vertical_hr.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height:9em;
    margin-bottom:1em;
}

.footer {
    padding:1em 0;
    margin-top:3em;
}

.footer div p {
    color:#4F4C48;
    text-decoration: none;
    font-size: 75%;
    text-transform:lowercase;
    text-align:center;
    font-weight: 400;
}