@font-face {
    font-family: Roboto;
    src: url(../fonts/RobotoSlab-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/RobotoSlab-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/RobotoSlab-ExtraBold.ttf);
    font-weight: bolder;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/RobotoSlab-Light.ttf);
    font-weight: light;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/RobotoSlab-ExtraLight.ttf);
    font-weight: lighter;
}

.container.grid-full {
    max-width: 100%;
}

@import url(mobile.css);

.clear {
    clear: both;
}

/* header */

#header {
    color: #e6e9f0;
    background: #0e216d;
}

#header a {
    color: #e6e9f0 !important;
}

#header a.active,
#header a:focus,
#header a:hover {
    color: #f2cce5 !important;
}

.dropmenu ul ul {
    background: #0e216d;
}

.navbar {
    max-width: 60rem;
    margin: auto;
}

.navbar .navbar-section {
    flex: auto;
}

/* conteudo */

section.section {
    padding: 0;
}

section#start.wide {
    background: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto";
    font-weight: bold;
}

a>h3 {
    margin: 1.5rem 0;
    color: #878787;
}

#content,
.content {
    max-width: 70%;
    margin: auto;
}

.content-narrow {
    max-width: 50rem;
    margin: auto;
}

#content-home {
    background: url(../images/capa.png) top center no-repeat;
    margin: auto -2rem -2rem;
    padding: 0 2rem 25rem 2rem;
}

#content-home>#home-list {
    background: linear-gradient(90deg, rgba(0, 63, 103, 0.7) 0%, rgba(255, 0, 131, 0.7) 100%);
    margin: -2rem;
    padding: 2rem;
}

#content-home>#home-list ul {
    max-width: 70rem;
    margin: auto;
    column-count: 4;
    column-gap: 2rem;
}

#home-list ul a h3 {
    padding: 0.5rem 1rem;
    margin: 0;
    color: #fff;
}

section#intro {
    background-color: #898f9d3d;
    margin: -2rem -2rem auto;
    padding: 2.5rem 2rem 3.5rem;
    border-bottom: 1px solid #ccc;
}

#titulo-top {
    background: rgba(51, 51, 51, 0.2);
    margin-top: -4em;
    height: 12rem;
    border-bottom: 1rem solid;
    border-width: 1rem;
    border-image: linear-gradient(to right, rgba(0, 63, 103, 0.5), rgba(255, 0, 131, 0.5));
    border-image-slice: 1;
}

.image-info {
    margin-top: -10rem;
}

.image-info>.title {
    display: flex;
    align-items: center;
    margin: auto;
    text-shadow: #fff 1px 1px 0px;
}

.title h1 {
    margin-bottom: 4rem;
    line-height: 1;
}

.image-info img {
    float: left;
    margin: 1rem 1rem 1rem 0;
    max-width: 15rem;
    background: white;
    border: #000 1px solid;
    border-radius: 25px;
    padding: 1rem;
}

#content .text-info {
    display: block;
    float: left;
    border: 1px solid #aaa;
    border-radius: 0.8rem;
    padding: 1rem;
    margin: auto 1rem auto auto;
    width: 15rem;
}

.content-narrow>p>img {
    display: flex;
    padding: 0 1rem
}

/* galeria */

.texto .page-header-info {
    column-count: 2;
    column-gap: 1rem;
    margin: 0 0 1rem 0;
    font-family: Roboto, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.texto .page-header-info>div {
    margin: 0.3rem;
}

.texto .page-header-info span.key {
    text-align: right;
    padding-right: 1rem;
    font-weight: 700;
}

.texto .page-header-info span.key::before {
    content: "| ";
}

.texto .page-header-info span.value {
    margin: 0;
    font-size: large;
}

#galeria {
    margin: auto;
    /* display: flex; */
    /* flex-flow: row wrap; */
    list-style: none;
    /* align-items: center;*/
    /* justify-content: space-between;*/
}

#galeria .galeria {
  float: inline-start;
}

#galeria .galeria img {
    margin: 0.5rem;
}

#galeria h2 {
    display: block;
    font-family: "Roboto";
    font-weight: bold;
}

hr.clear {
  width: 10rem;
  border-style: dashed;
  padding-top: 2rem;
  border-width: 0 0 1px;
  border-color: #ffffff00;
}

@media all {
    .featherlight-previous:hover {
        background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }

    .featherlight-next:hover {
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }

    .featherlight-next span,
    .featherlight-previous span {
        color: #94074b;
    }
}

/* navegacao */

#nav-bottom {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

#nav-bottom a {
    font-size: 1rem;
    font-family: "Roboto";
    font-weight: bold;
}

#nav-bottom a#prev {
    float: left;
}

#nav-bottom a#next {
    float: right;
}

/* footer */

#footer {
    background-color: #0e216d;
}

/* autora */

div.autora-imagem {
    margin: 1rem;
    font-size: small;
}

div.autora-imagem img {
    max-width: 60%;
}