/*
Theme Name: Dostov Port - Ateliê Vivo
Description: Basic Portfolio Theme.
Author: Fábio Lima Malheiros
*/



/***FONT***/


@font-face{
  src:url('font/HelveticaNeue-Roman.otf') format('opentype');
  font-family: "Helvetica Neue";
  font-weight: normal;
  font-style: normal;
}

@font-face{
  src:url('font/HelveticaNeue-Light.otf') format('opentype');
  font-family:"Helvetica Neue";
  font-weight: 300;
  font-style: normal;
}


@font-face{
  src:url('font/HelveticaNeue-Bold.otf') format('opentype');
  font-family:"Helvetica Neue";
  font-weight: bold;
  font-style: normal;
}

@font-face{
  src:url('font/Helvetica.otf') format('opentype');
  font-family: "Helvetica";
  font-weight: normal;
  font-style: normal;
}

@font-face{
  src:url('font/Helvetica-Light.otf') format('opentype');
  font-family:"Helvetica";
  font-weight: 300;
  font-style: normal;
}


@font-face{
  src:url('font/Helvetica-Bold.otf') format('opentype');
  font-family:"Helvetica";
  font-weight: bold;
  font-style: normal;
}

/***RESET***/

* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  color:rgb(51, 51, 51);
  font-weight: 300;
  font-style: normal;
  font-size: 100%;
  font-family: "Helvetica", Arial, sans-serif;
  text-decoration:none;
  vertical-align: baseline;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

a{
  display:block;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

ol, ul {
  list-style: none;
}

strong, b{
  font-weight:bold;
}

em, i{
  font-style:italic;
}


/***CELLPHONE***/
#wpadminbar{
  display: none;
}

html, body, .container{
  height: 100%;
}

.container{
  display: flex;
  flex-wrap: wrap;
}

/****NAVBAR****/

.navbar{
  position:absolute;
}

.navbar-logo{
  margin: 15px;
}

.navbar .navbar-logo a{
  font-size: 2.3em;
  font-weight: bold;
  letter-spacing: -0.05em;
}

.navbar-menu-desktop{
  display: none;
}

.navbar-menu-cell{
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
}

.navbar-menu-cell-top{
  display:flex;
  justify-content:space-between;
  align-items: center;
  background-color:white;
}

.navbar-menu-cell-menu{
  background-color:white;
  border-bottom: 1px solid rgb(209, 199, 166);
}

.menu-toggle-btn{
  height: 60px;
  width: 60px;
  margin: 15px;
  display:flex;
  justify-content:center;
}

.menu-toggle-btn{
  font-size: 2.6em;
  display: inline;
}

.menu-toggle-list{
  display: none;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
}

.menu-toggle-list li{
  margin: 5px 0;
}

.navbar li{
  display: flex;
}


.navbar a{
  font-size: 1.05em;
}

/****CONTENT****/

.content{
  width:100%;
  margin:115px 0px 75px 0px;
  max-width: 1200px;
  position: relative;
}

.content-loop{
  margin:0 15px 0 15px;
}

/****PAGE****/

.return-btn{
  display: none;
}

.content-title-field,
.content-parent-title-field{
  position: absolute;
  top: 100px;
  right: 22px;
  text-align: right;
  max-width:700px;
}

.content-title,
.content-parent-title{
  font-weight: bold;
  letter-spacing: -0.015em;
  letter-spacing: 0.2em;
  color:rgb(209, 199, 166);
  font-size:2.3em;
}

.content-calendar-description{
  margin: 0 0 15px 0;
  border-bottom: 1px solid rgb(209, 199, 166);
  font-weight:bold;
  font-size: 1em;
}

.content-biblioteca-description{
  margin: 15px 0 0 0;
  font-weight:bold;
  font-size: 1em;
}

.content-main-title-field{
  margin:0 0 1em 0;
}

.content-main-title{
  font-size: 1.5em;
  font-weight: bold;
}

.content-author{
  font-size:1em;
  font-style:italic;
}

.content-calendar-description p,
.content-biblioteca-description p{
  font-weight:bold;
}

.content-thumbnail{
  margin:0 0 15px 0;
  padding:0 0 2px 0;
  border-bottom: 1px solid rgb(209, 199, 166);
}

.content-thumbnail img{
  width:100%;
  height:auto;
}

.content-main-text{
  font-size: 0.87em;
  letter-spacing: 0.03em;
  line-height: 1.3em;
}

.content-main-text p{
  margin:0 0 1em 0;
}

.content-info-text{
  margin:45px 0 0 0;
  font-size: 0.87em;
  letter-spacing: 0.03em;
  line-height: 1.3em;
}

.content-main-text a,
.content-info-text a,
.content-gallery-description a{
  font-weight:300;
  font-weight:bold;
  display:inline;
  text-decoration: underline;
}

h2 a span:hover,
h3 a span:hover,
.content-main-text h2 a span:hover,
.content-main-text h3 a span:hover,
.content-main-text a span:hover,
.content-main-text a:hover,
.content-info-text a:hover,
.content-gallery-description a:hover,
.calendar-page-link-title:hover,
.navbar .navbar-menu-desktop-list a:hover,
.navbar .navbar-menu-cell-menu a:hover,
.navbar .current_page_item a{
  color: rgb(209, 199, 166);
}

.timeline-menu{
  display:none;
}

/****GALLERY****/

.content-gallery-description{
  width:100%;
  font-size:0.9em;
  margin: 10px 0;
  letter-spacing: 0.02em;
}

.content-gallery-message{
  width:100%;
  font-size:1em;
  font-weight: bold;
  margin: 0 0 10px 0;
  border-top: 1px solid rgb(209, 199, 166);
  padding: 10px 0 0 0;
}

.page-link-thumbnail{
  margin: 0 0 15px 0;
}

.page-link-thumbnail a{
  position: relative;
  margin: 0 0 15px 0;
}

.page-link-image{
  overflow: hidden;
  height: 294.5px;
  display:flex;
  justify-content:center;
}

.page-link-image img{
  align-self: center;
}

  .page-link-thumbnail img{
    /*coloquei depois, não tinha*/
    width:100%;
    height:auto;
  }

.page-link-title-field{
  width:100%;
  padding: 10px 0;
}

.page-link-title-field div{
  margin:0 5px;
}

.page-link-title{
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: -0.025em;
  line-height: 0.95em;
}

.page-link-author{
  font-size: 0.9em;
  letter-spacing: -0.025em;
}

.page-link-author p{
  font-weight: bold;
}

.page-link-date{
   letter-spacing: -0.025em;
   font-size: 0.9em;
}

.gallery .content-title-field{
  position:static;
  text-align:left;
  max-width:100%;
  width:100%;
}

.gallery .content-title{
  text-align:right;
  margin: 40px 0 0 0;
}

.content-historico-list{
  display: flex;
  justify-content: center;
  margin:60px 0 30px 0;
}

.content-historico-list li{
  margin: 0 10px;
}

.content-historico-list li a{
  font-weight:bold;
}

.gallery-biblioteca-menu{
  display:none;
}

/****CALENDAR****/

.calendar .content-title-field{
  margin:0 0 20px 0;
}

.calendar-month > :first-child{
  display: flex;
  height: 28px;
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 1px solid rgb(209, 199, 166);
}

.calendar-month{
  margin:0 0 30px 0;
}

.calendar-page-link{
  display: flex;
  margin:10px 0;
}

.calendar-page-link-title{
  font-weight:bold;
  display:inline;
}

.calendar-page-link-date,
.calendar-page-link-horario{
  font-size:0.9em;
}

.calendar .content-loop{
  margin-top:270px;
}

/****HOME****/

.home .owl-carousel .page-link-title-field{
  padding:10px 0 5px 0;
  position: absolute;
  bottom: 0;
  background-color: white;
}

.home-important-pages{
  margin:60px 0 0 0;
}

.home-important-pages a{
  position: relative;
  margin: 0 0 15px 0;
}

.home-important-pages-field{
  width: 100%;
  padding: 10px 0;
}

.home-important-pages-field div{
  margin: 0 5px 5px 5px;
}

.home-important-pages-image{
  overflow: hidden;
  height: 220px;
  display: flex;
  justify-content: center;
}

.home-important-pages-image img{
  align-self:center;
  width: 150%;
  height: auto;
  }

.home-important-pages-field .page-link-title{
  font-size: 1.4em;
  letter-spacing: -0.025em;
}

.home-important-pages-message{
  font-size:0.9em;
  letter-spacing: -0.025em;
}

/****LINKS****/
.links .content-loop{
  margin-top:275px;
  border-top: 1px solid rgb(209, 199, 166);
  padding:10px 0 0 0;
}

.links .content-main-text strong{
  font-size: 1.2em;
}

/****CONTATO****/
.contato .content-loop{
  margin-top:270px;
}

.contato .content-main-text{
   font-size: 1em;
}

#map {
  height: 400px;
  width: 100%;
  margin: 50px 0px;
}

/****FOOTER****/

.footer{
  width:100%;
  align-self: flex-end;
  border-top: 1px solid rgb(209, 199, 166);
}

.footer-item{
  margin:15px;
}

.footer-item a{
  font-size:0.8em;
  font-weight: bold;
  letter-spacing:0.02em;
}

.footer-item.logo a{
  font-size: 1.6em;
  letter-spacing: -0.05em;
}

.footer-item p a{
  font-size:1em;
}

.footer-item p{
  font-size:0.8em;
  font-weight:300;
  letter-spacing:0.02em;
  display:flex;
}

.footer-email{
  margin:15px 0 0 0 ;
}

.footer-item.copyright{
  font-size:0.8em;
}

.footer-item.copyright p,
.footer-item.copyright a{
  color: white;
}

.footer-item.socialmedia{
  display:flex;
}

.footer-item.socialmedia a{
  margin:0 10px 0 0;
}

.footer-item.socialmedia img{
  height:30px;
  width:30px;
}

/***TABLET***/

@media only screen and (min-width: 600px) {

  /****GALLERY****/
  .gallery .content-loop{
    display:flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .gallery .content-title{
    position: relative;
    right: -20px;
    line-height: 0.7em;
  }

  .content-gallery-description{
    margin:0;
  }

  .content-gallery-message{
    margin: 10px 0;
  }

  .page-link-thumbnail{
    width:47.5%;
    margin-bottom:5%;
  }

  .page-link-thumbnail img{
    /*width:auto;
    min-height: 110%;*/
    width:100%;
    height:auto;
  }

  .page-link-thumbnail:nth-child(even){
    margin-right:5%;
  }
  
  .completa .page-link-thumbnail:nth-child(even){
    margin-right:0;
  }
  
  .completa .page-link-thumbnail:nth-child(odd){
    margin-right:5%;
  }

  .owl-stage .page-link-title{
    font-size:1.5em;
  }

  .page-link-date{
    font-size:0.9em;
    margin: 0 5px 5px 5px;
  }

  .page-link-title-field{
    padding:10px 0 0 0;
  }

  .page-link-thumbnail a{
    margin:0;
  }

  /****PAGE****/

  .content-title,
  .content-parent-title{
    font-size:4.5em;
  }

  /****CALENDAR****/

  .calendar-page-link{
    display: flex;
  }


  /****HOME****/

  .home .owl-carousel .page-link-title-field{
    padding:10px 0 0 0;
    min-height:60px;
  }

  .home-important-pages{
    margin:45px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .home-important-pages a{
    width: 49%;
    margin:0 0 2% 0;
  }

  .home-important-pages-field{
    height:58px;
  }

/***DESKTOP***/

@media only screen and (min-width: 1112px) {

  /****NAVBAR****/

  .navbar-logo{
    margin:0;
  }

  .navbar .navbar-logo a{
    font-size: 3.2em;
    line-height: 0.9em;
  }

  .navbar-menu-cell{
    display: none;
  }

  .navbar-menu-desktop{
  	display: block;
    width:280px;
    padding: 30px 0 0 20px;
	}

  .navbar-menu-desktop ul{
    margin:80px 0 0 0;
  }

  .navbar-menu-desktop li{
    font-size:1.2em;
    margin: 4px 0;
  }

  .navbar a{
    font-size: 1em;
    font-weight: normal;
  }

  /****CONTENT****/

  .content{
    margin: 0 0 0 300px;
    padding:0 15px 0 0;
    /*min-height:100%;*/
    display: flex;
    justify-content: center;
  }

  .content-loop{
    margin: 30px 0 90px 0;
    width:100%;
    max-width: 900px;
  }

  /****HOME****/

  .home-important-pages-field{
    height:74px;
  }

  .home-important-pages{
    margin:15px 0 0 0;
  }

  .home-important-pages a{
    width: 213.75px;
  }

  .home-important-pages-image{
    height: 145px;
  }

  /****GALLERY****/
  .gallery .content-title{
    right: -70px;
  }
  
  .completa {
    min-height:0;
  }
  
  .gallery-completa .content-loop,
  .gallery-biblioteca .content-loop{
    margin: 30px 0 0 0;
  }

  /****PAGE****/
  .timeline-menu{
    display: none;
    width: 210px;
    height: 400px;
    background-color: purple;
    margin: 430px 0 0 20px;
  }

  /****CALENDAR****/
  .calendar .content-loop{
    margin-top:270px;
  }

  /****CONTATO****/
  .contato .content-loop {
    margin-top: 117px;
  }

  /****FOOTER****/

  .footer{
    height:135px;
    display:flex;
    justify-content: center;
  }

  .footer-item.logo a{
    font-size: 2.5em;
  }

  .footer-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:15px 60px;
  }

  .copyright p{
    margin: 2px 0;
  }

  .socialmidia a{
    margin:2px 0;
    font-size:0.95em;
  }

  .footer-item.socialmedia{
    flex-direction:row;
  }

  .footer-item.copyright{
    font-size: 0.8em;
    position: absolute;
    align-self: center;
    right: 0;
    margin: 5px 15px;
    align-items: end;
  }

}

@media screen and (max-width: 1336px) and (min-width: 1112px) {

  .content-loop{
    max-width: 800px;
  }

  /****HOME****/

  .home .content-loop{
    width:764px;
  }

  .home-important-pages{
    margin:15px 0 0 0;
  }

  .home-important-pages a{
    height:160px;
    width: 179.75px;
  }

  .home-important-pages-field{
    height:74px;
  }


  /****GALLERY****/

  .gallery .content-title{
    right: -10px;
  }

}