/*
 Theme Name:   Raquel Atienz
 Theme URI:    http://raquelatienz.com
 Description:  Protfolio Lite Child Theme
 Author:       Jonathan Fingland
 Template:     portfolio-lite
 */

@import url('../portfolio-lite/style.css');

@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-100Thin.otf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-100ThinItalic.otf');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-200XLight.otf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-200XLightItalic.otf');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-100Thin.otf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-300Light.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-300LightItalic.otf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-400Italic.otf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-400Regular.otf');
    font-weight: 400;
    font-style: regular;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-500Medium.otf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-500MediumItalic.otf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-400Italic.otf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-600SemiBold.otf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-600SemiBoldItali.otf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-700Bold.otf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-700Bold.otf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-700BoldItalic.otf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-800Black.otf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-800BlackItalic.otf');
    font-weight: 800;
    font-style: italic;
}


@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-900XBlack.otf');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'SinkinSans';
    src: url('/wp-content/fonts/SinkinSans-900XBlackItalic.otf');
    font-weight: 900;
    font-style: italic;
}


article h1.headline {display:none;}

#masthead .site-title a {
    font-family: 'Julius Sans One';
    text-transform:none;
    font-size:50pt;
    font-weight:normal;
}

article h2 {
    font-family: 'SinkinSans';
    font-size:16pt;
    font-weight:normal;
}

a span[role="menuitem"] {
    font-family: 'SinkinSans';
    font-size:10pt;
    font-weight:normal;
}

/*article h2:nth-child(odd) {
	color: pink;
}

article h2:nth-child(even) {
	color:lavender;
}*/

.site-description {
    white-space:pre-line;
    text-align:center;
    color: #777;
    font-size: 2ex;
    line-height:2ex;
}

html a, html a:visited, html a:focus, html a:hover, html a:active, html a:link, .ti {
    color: #b73496; /*#d49;*/
}

#menu-toggle {
    background: white;
    border: 1px solid rgb(119, 119, 119);
    margin:10px;
    padding:12px;
}

.top-navigation {
    float: right;
    margin: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-radius: none;
    position: fixed;
    width: 100vw;
    z-index: 10000;
}