/*
 Theme Name:   Arquitetura Alagoana
 Theme URI:    http://www.arquiteturaalagoana.al.org.br/
 Description:  Tema Arquitetura Alagoana filho do tema lawyeria-lite
 Author:       Juliana Cavalcanti
 Author URI:   http://example.com
 Template:     lawyeria-lite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  arquitetura-alagoana
*/


/*site todo*/
p {
	font-size: 17px;
}

/*cabeçalho*/
.wide-header {
    width: 100%;
    background: #F1ECD7;
    margin: 0;
}

.wrapper {
    max-width: 1300px;
	width: 100%; /* tells the element to take all the space it needs but limits its width to a maximum of 1300 pixels. */
    margin: 0px auto;
}

#primeiro-link a{ 
	font-weight: bold;
}

.header-left .logo {
	margin-top: 10px;
}

.header-contact {
	margin-top: 60px;
}

/* nav */
nav li {
    margin-right: 35px;
    position: relative;
    float: left;
}
nav li a:hover {
    border: 0px solid #dee0e2;
    color: #b74e2d
}

.wide-nav {
  width: 100%;
  height: 90px;
  line-height: 90px;
  background: #fff;
}

.wide-nav h1 {
  width: 100%;
  font-weight: 700;
  font-size: 25px;
  color: #000;
}

.wide-nav h3 {
  width: 100%;
  font-weight: 700;
  font-size: 25px;
  color: #000;
}

.wide-nav h3 span {
  font-weight: 200;
}

.wide-nav h1 span {
  font-weight: 200;
}

/* subheader */
#subheader{
	background-image: none;
}

#subheader .subheader-color {
	background: #fff;
}

#subheader .subheader-color {
	background: #fff;
}

#subheader #conteudo-principal h3{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

#subheader .subheader-color .full-header-content h1 {
	color: #000000;
	font-weight: bold;
    font-size: 35px;
	margin-bottom: 1.5%;
	text-align: center;
}

#subheader .subheader-color .full-header-content h2 {
	font-weight: normal;
    line-height: 1;
    color: #aaaaaa;
  	font-size: 25px;
  	margin-bottom: 1.5%;
	text-align: center;

}

#subheader .subheader-color .full-header-content h3 {
	color: #000;
    text-transform: none;
	text-shadow: none;
    font-family: 'Times New Roman';
    font-weight: bold;
    font-style: italic;
	font-size: 25px;
	margin-bottom: 1.5%;	
}

#subheader .subheader-color .full-header-content h4 {
	font-size: 20px;
    text-align: center;
    color: #bbb;
}

#subheader > h1, h2{
}


/* features */
#features {
    background: #fff;
}

#features .features-box {
    width: 192px;
}

#features .features-box .features-box-icon {
    width: 100%;
    height: 60px;
    text-align: center;
}

.features-box-icon img {
    width: 100%
}

 .features-box {
    padding: 0.5%;
}
 
/* footer */
#footer .apoio {
	background-color: #fff;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 40px;
}

#footer .apoio img {
	margin: 20px 0px 20px 0px; /* top right bottom left */
	padding: 0px 10px 0px 10px;
}

#footer {
	width: 100%;
	background: #F1ECD7;
	padding: 0px 0px 15px;
	float: left;
}

#footer .footer-text {
	color: #FF8C00;
	text-align: center;
}

#footer .footer-text a {
	color: #ec5c6e;
    text-decoration: none;
    cursor: pointer;
}

/* content */
#content {
    width: 100%;
    background: #fff;
    padding: 0;
    float: left;
}

/* posts */
#posts {
	max-width: 1300px;
	width: 100%;
	float: left;
	font-size: 17px;
}

#passadoepresente {
	max-width: 1300px;
	width: 100%
}

.post .post-excerpt h4 {
	margin: 20px 0px;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}

.post .post-excerpt h1 {
	margin: 20px 0px;
    font-family: inherit;
    font-size: 28px;
}

.post .post-excerpt h2 {
	margin: 20px 0px;
    font-family: inherit;
    font-size: 26px;
}

.post .post-excerpt .modal-title {
    margin: 20px 0px;
    font-family: "Roboto Slab", sans-serif;
    font-size: 24px;
}

.post .post-excerpt p {
	margin: 20px 0px;
}

.post .post-excerpt table {
	width: 100%;
}

.post .post-excerpt table a {
	width: 100%;
	color: #FF8C00;
    text-decoration: none;
    cursor: pointer;
	/*target="_blank";*/
}

.post .post-excerpt table a:hover {
	color: #ec5c6e;
}

.post .post-excerpt table {
	width: 100%;
}

.post .post-excerpt table th {
	text-align: left;
}

.post .post-excerpt table td {
	padding: 0px;
	border: 0px solid #D0D0D0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}  

.post .post-excerpt em {
	color: #9c3302;
}

.post .post-excerpt a {
	color: #FF8C00;
    text-decoration: none;
    cursor: pointer;
}

.post .post-excerpt a:hover {
    color: #ec5c6e;
}

img.alignleft {
    float: left;
    margin: 1em 1em 1em 0;
}

/* sidebar */
#sidebar-right {
	width: 240px;
	background: #F1ECD7;
	padding: 30px 30px 0px 30px;
	float: right;
}


/* menu - projeto */
#projeto {
	max-width: 1000px;
	width: 100%;
	text-align: justify;
}

#equipe .categoria p {
    padding: 10px;
    background: #fafafa;
    color: #f3c053;
    position: relative;
    border: 1px solid #eaeaea;
    border-radius: 0 2px 2px 0;
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.03);
    text-transform: uppercase;
    font-weight: 400;
	margin-bottom: 15px;
}

#equipe table img {
	width: 250px;
	height: 250px;
	margin-bottom: 15px;
	float: left;
}

#apoio h2 {
	font-family: 'Lato', sans-serif !important;
	font-size: 20px;
}

/* temas */
#temas {
	text-align: justify;
}

#temas p {
	margin: 0 0 20px 0;
}

#temas ul strong {
	text-decoration: underline;
}

#temas li {
	margin: 0 0 20px 0;
}

#temas img {
	max-width: 560px;
	width: 100%;
	height: 350px;
	margin-bottom: 10px;
}

#temas .img-vertical img {
	width: 400px;
	height: 500px;
}

#temas dl.gallery-columns-6 img {
	max-width: 100px;
	height: 100px;
}

#temas h2 {
	font-family: 'Lato' !important;
	font-size: 18px !important;
}

#temas .uk-list {
    padding: 0;
    list-style: none;
}

#temas .downloads {
	text-transform: uppercase;
}

/* icones */
#icones {
	width: 137px;
	height: 95px;
}

#icones img {
	float: left;
	width: 137px;
	height: 95px;
}

/* eu amo alagoas bootstrap */
section .capa {
    display: inline-block;
    background-color: #fff;
    margin-bottom: 30px;
	max-width: 1300px;
	width: 100%;
}

.capa-media {
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1;
	height: 400px;
	max-width: 600px;
	width: 100%;
	margin-bottom: 10px;
}

.capa-page {
    width: 100%;
    height: 100%;
}

.capa-tx {
    padding: 0 50px;
    text-align: justify;
	max-width: 700px;
    width: 100%;
}

.capa-header {
    text-align: center;
    margin-top: -20px;
}

.capa-header h1 {
    font-size: 22px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

.capa-mais { /* abre link com autores dos vídeos */
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-weight: bold;
    text-align: center;
}

.capa-mais:hover {
    text-decoration: none;
}
a:hover, a:focus {
    color: #91470f;
}

.page-title {
    margin: 50px 0 30px 0px;
    text-align: center;
    text-transform: uppercase;
}

/* #temas .content {
	margin-left: -130px;
} */

#temas {
	text-align: justify;
    /*max-width: 1300px;
	width: 100%;*/
}

#temas p {
	padding-right: 75px;
}

/*temas - .gallery*/
#temas .envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
	border-radius: 10px;
	width: 100px;
	height: 100px;
}

.content {
    padding-bottom: 50px;
	text-align: center;
    /*max-width: 1300px;
	width: 100%;*/
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	/*max-width: 1300px;
	width: 100%;*/
}

.grid-wrap {
	/*max-width: 1300px;
	width: 100%;*/
}

a {
    color: #d66a17;
    text-decoration: none;
}
a {
    background-color: transparent;
}

/* eu amo alagoas -.gallery */ 
.card-deck {
    margin: 20px 0;
	max-width: 100%;
    width: 350px;
}

.modal-vid { /*div card card-poster modal-vid */
    cursor: pointer !important;
}

a.card-poster-wrapper:hover .mask {
    background: rgba(0, 0, 0, 0.6);
}

a .card-poster-wrapper {
	/*target:_blank;*/
}

.card-poster .mask {
    position: absolute;
    z-index: 1;
    top: 0;
	left: 0;
	transition: background 250ms ease-out;
	box-sizing: border-box;
    background: transparent;
    display: block;
    width: 100%;
    height: 100%;
}

.card-poster {
	height: 250px;
	display: block;
    overflow: hidden;
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center !important;
	box-sizing: border-box;
    position: relative;
    text-decoration: none;
    padding: 0 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.description-card {
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.6) 100%);
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

.card-title {
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'impact' !important;
    text-align: center;
}

.modal.in .modal-dialog {
    transform: translate(0, 0);
}

#loading { /* caracteristicas da imagem de "carregando" enquanto uma foto abre */
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
}

#loading-center { 
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    animation: loading-center-absolute 1s infinite;
}

#loading {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px; }

#loading-center {
  width: 100%;
  height: 100%;
  position: relative; }

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: loading-center-absolute 1s infinite;
  animation: loading-center-absolute 1s infinite; }

.object {
  width: 20px;
  height: 20px;
  background-color: #E87A26;
  float: left;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px; }

.object:nth-child(2n+0) {
  margin-right: 0px; }

#object_one {
  -webkit-animation: object_one 1s infinite;
  animation: object_one 1s infinite; }

#object_two {
  -webkit-animation: object_two 1s infinite;
  animation: object_two 1s infinite; }

#object_three {
  -webkit-animation: object_three 1s infinite;
  animation: object_three 1s infinite; }

#object_four {
  -webkit-animation: object_four 1s infinite;
  animation: object_four 1s infinite; }

@-webkit-keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes object_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px); } }
@keyframes object_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px); } }
@-webkit-keyframes object_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px); } }
@keyframes object_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px); } }
@-webkit-keyframes object_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px); } }
@keyframes object_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px); } }
@-webkit-keyframes object_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px); } }
@keyframes object_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px); } }
	
.object { /* pontinhos que ficam girando enquanto carrega */
    width: 20px;
    height: 20px;
    background-color: #E87A26;
    float: left;
    border-radius: 50% 50% 50% 50%;
    margin-bottom: 20px;
}

#object_one {
    animation: object_one 1s infinite;
}

#object_two {
    animation: object_two 1s infinite;
}

#object_three {
    animation: object_three 1s infinite;
}

#object_four {
    animation: object_four 1s infinite;
}

.modal-header { /* legenda quando abre foto da.gallery 	*/
    border: none !important;
    color: #ffffff !important;
    text-align: center;
}

#modalFoto, #modalVideo, #moda.gallery {
	background-color: rgba(0, 0, 0, 0.8); 
}

#modalFoto .close, #modalVideo .close, #moda.gallery .close { /* botao para fechar foto aberta */
    color: white;
    font-size: 28px;
}

button.close { /* caracteristicas do botao de fechar foto */
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
	opacity: 0.6 !important;
}

.close a:hover {
	opacity: 0.8 !important;
}

.foto.gallery {
    text-align: center;
}

.foto.gallery img {
    max-height: 500px;
}

img {
	height: auto; /* images should be displayed in their original size until their container element (or the screen) put a limit on it. */
    max-width: 100%;
	vertical-align: middle;
	border: 0;
}

/* estilos */
#estilos p {
	text-align: justify;
}

#estilos .table tr {
	border-top: 1px solid #ddd;
}

#estilos .table td {
	padding: 15px 5px;
}

/* passado e presente */
.grid-wrap .image-comp {
	max-width: 100%;
	height: 100%;
}

.image-comp {
	margin: 20px 0;
}

.card-foto {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: inline-block;
}

.cd-image-container {
    position: relative;
	width: 100%;
    margin: 0 auto;
}

.cd-image-container {
    min-width: 100% !important;
    min-height: 100% !important;
}

.cd-image-container img {
    display: block;
}

.cd-image-label {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1em;
    transition: transform .3s .7s,opacity .3s .7s;
}

.is-visible .cd-image-label {
    opacity: 1;
    transform: translateY(0);
}

.cd-resize-img .cd-image-label {
    right: auto;
    left: 0;
}

.cd-resize-img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	overflow: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
}

.is-visible .cd-resize-img {
    width: 50%;
    animation: cd-bounce-in .7s;
}

.cd-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100% !important;
    width: auto;
    max-width: none !important;
}

.cd-handle {
	position: absolute;
	height: 44px;
	width: 44px;
	left: 50%;
	top: 50%;
	margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
	background: url(http://www.arquiteturaalagoana.al.org.br/wp-content/uploads/passadoepresente/images/cd-arrows.svg) center center no-repeat #E87A26;
	cursor: move;
	box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 0 10px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.3);
}

.is-visible .cd-handle {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    transition: transform .3s .7s,opacity 0s .7s;
}

.foto-header {
    background-color: white;
    padding: 0;
	height: 120px;
	
}

.foto-header h2 {
	margin: 0;
	color: #d66a17;
	font-family: "Lato", sans-serif !important;
    font-size: 20px !important;
}

.foto-header .list-group {
    margin: 0; 
}

.nav-foto {
	margin-top: 20px;
}

.nav-foto li { /*simbolos do gps (abrir google maps) e de zoom (abrir modal) */
    float: right;
}

/* abrindo a janela pop up */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; 
 }

/* "botões" para mudar de página - passado e presente */
.grid-wrap nav li {
    margin-right: 0px;
    position: relative;
    float: left;
}

.page-link {
	height: 40px;
}

.pagination .active a, .pagination .active a:hover {
	z-index: 3;
    color: #fff;
    background-color: #d66a17;
    border-color: #d66a17;
    cursor: default;
}

.pagination {
	color: #fff;
    border-color: #d66a17;
    cursor: default;
}

.nav-pag {
    float: none;
    margin: 0 auto;
    display: table;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* lista de autores - passado e presente */
#passadoepresente p {
	text-align: justify;
}

#passadoepresente .panel-default {
    margin-top: 30px;
}

#passadoepresente .table tr {
	border-top: 1px solid #ddd;
}

#passadoepresente .table td {
	padding: 15px 5px;
}

/* menu - comunicação */
#comunicacao {
	max-width: 1000px;
	width: 100%;
}

/* comunicação - imprensa */
#imprensa p {
	text-align: justify;
}

/* comunicação - notícias */
#noticias p {
	text-align: justify;
}

#noticias .titulo a {
	color: #000000;
	font-size: 22px;
}

#noticias .leiamais a {
	font-size: 15px;
	font-style: italic;
}

#noticias .noticia {
	border-top: 1px solid #ddd;
	padding: 15px 5px;
}

#notícias .noticia h2 {
	margin: 20px 0px;
    font-family: "Lato", sans-serif !important;
    font-size: 26px;
}

/* links */
#links .table tr {
	border-top: 1px solid #ddd;
}

#links .table td {
	padding: 15px 5px;
	max-width: 300px;
	width: 100%;
}

/* botao de pesquisar */
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    padding: 6px 10px;
    background: #ddd;
    font-size: 15px;
    border: none;
    cursor: pointer;
	color: black;
}

input[type=text] {
	color: black;
	border-radius: 0px;
}

.is-menu {
    position: relative;
    margin-left: 290px;
}

.is-menu.sliding form {
    min-width: 0 !important;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 30%;
    width: 0;
    z-index: 9;
}

/* incorporando vídeos do youtube em TEMAS e NOTÍCIAS */
.resp-iframe {
	max-width: 560px;
    width: 100%;
    height: 315px;
	position: relative;
}

.resp-iframe iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* responsive */
@media only screen and (max-width: 1500px) {
	#temas p {
		padding: 0;
	}
	
	.foto-header h3 {
		font-size: 14px !important; /*quando diminuir o tamanho da tela, diminuir também tamanho da legenda em PASSADO E PRESENTE */
	}
	
	#content { 
		width: 100%;
		background: #fff;
		padding: 0 10px 0 10px; /* quando diminuir o tamanho da tela, o texto nao ficar colado na borda*/
	}
	
	.wide-nav h3 {
		padding: 0 0 0 10px;
	}
	
	.wide-nav h1 {
		padding: 0 0 0 10px;
	}
}

@media only screen and (max-width: 1024px) {
	.wide-nav h3 {
		font-size: 25px;
	}
	
	.wide-nav h1 {
		font-size: 25px;
	}
	
	.foto-header h3 {
		font-size: 10px !important;
	}
	
	.openresponsivemenu {
		width: 100%;
		background: #FF8C00;
		padding: 10px 0px;
		text-align: center;
		display: block;
		cursor: pointer;
		font-size: 16px;
		clear: both;
		margin-top: 15px;
	}
	
	.is-menu.sliding form {
		min-width: 0 !important;
		overflow: hidden;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 768px) {
	.wide-nav h3 {
		font-size: 15px;
	}
	
	.wide-nav h1 {
		font-size: 15px;
	}
}

@media only screen and (max-width: 580px) {
	.wide-nav h3 {
		font-size: 14px;
	}
	
	.wide-nav h1 {
		font-size: 14px;
	}
}

@media only screen and (max-width: 480px) {
	.wide-nav h3 {
		font-size: 13px;
	}
	
	.wide-nav h1 {
		font-size: 13px;
	}
}

@media only screen and (max-width: 320px) {
	.wide-nav h3 {
		font-size: 12px;
	}
	
	.wide-nav h1 {
		font-size: 12px;
	}
}

@media (min-width: 1200px) .col-lg-4 {
    width: 33.33333333%;
}

@media (min-width: 768px) .col-sm-6 {
    width: 50%;
}

@media (min-width: 320px) .col-xs-12 {
    width: 100%;
}