/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10/06/2022, 09:07:26
    Author     : rodri
*/

/********************* TEXTO *********************/

h2{
    /*font-size: 25px!important;*/
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;
    /*padding:8px;	*/
    margin:2px;
}

h3{
    font-size: 20px!important;
    text-align:center;
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;	
}

.desenvolvido{
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;	
    font-style:italic;
    font-size:15px;
    list-style:none;
}

.powered{
    text-align:center;
}

.desculpe{
    font-size:60px;
}

/********************* FORMULARIO, PESQUISA, BOTÃO *********************/

.formulario{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

#filter{
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size: 16px!important;
    padding:8px;
}

#search-field {
    font-size: 16px!important;
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;
    padding:10px;
    border-radius:50px;
    border:solid #939598 1px;
    width:215px;
}

#search-button-on {
    /*padding:10px 15px;*/
    border:1px solid #fff;
    border-radius:50px;
    font-style:italic;
    font-weight:bold;
    font-size:16px!important;
    color:#ffffff;
    background-color:#e2ab0c;
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;
    cursor:pointer;
    width: 195px;
}

#search-button-album-on {
    padding:6px 15px;
    border:1px solid #fff;
    border-radius:50px;
    font-style:italic;  
    color:#ffffff;
    background-color:#e2ab0c;
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;
    cursor:pointer;

}

input#search-button:hover{
    border:1px solid #e97017;
    background:#fff;
    color:#e97017;	
}

/********************* ALBUM, GALERIA *********************/

.galeria{
    margin:0 auto;
    text-align:center;
}

#album{
    margin:auto 0;
    text-align:center;	
}

#album ul {
    display: inline;
    list-style:none;
}

#album ul li{
    display: inline-block;
}

#albuns li a{
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size: 16px!important;
    display:inline;
    padding:4px 12px;
    background-color:#e2ab0c;
    color:#ffffff;
    border:1px solid #fff;
    border-radius:10px;
    margin:auto 2px;
    text-decoration:none;
}

#albuns li a:hover{
    color:#e2ab0c!important;
    background-color:#ffffff;
    border:1px solid #e2ab0c;
    cursor:pointer;
}

/* Album aberto */
#albuns li a.active{
    background-color:#ffffff;
    color:#e2ab0c;
    border:solid #e2ab0c 1px;
    cursor:pointer;
    text-decoration:underline;
}

#albuns table{
    width:100%;
    margin:0 auto;
    text-align:center;
}

/********************* PAGINAÇÃO *********************/

#paginacao{
    margin:0 auto;
    text-align:center;	
}

#paginacao ul {
    display: inline;
    list-type:none;	
}

#paginacao ul li {
    display: inline-block;
}

#paginacao li a{
    font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size: 16px!important;
    display:inline;
    padding:4px 10px;
    background-color:#e2ab0c;
    color:#ffffff;
    border:solid #ffffff 1px;
    border-radius:50px;
    margin:auto 2px;
    text-decoration:none;
}

#paginacao li a:hover{
    background-color:#ffffff;
    color:#e2ab0c;
    border:solid #e2ab0c 1px;
    cursor:pointer;
}

/* página atual aberta */
#paginacao li a.active{
    background-color:#ffffff;
    color:#e2ab0c;
    border:solid #e2ab0c 1px;
    cursor:pointer;
    text-decoration: underline;
}

/********************* RODAPÉ *********************/

.powered div {
    /*width:100%;*/
    display:inline-block;
    text-align:center;
    vertical-align:middle;
}

.logoAmoCorrer{
    padding:5px 0px;
}


/********************* IMG *********************/

div.img {
    /*border: 1px solid #ccc;*/
}

div.img:hover {
    /*border: 1px solid #777;*/
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    /*padding: 15px;*/
    text-align: center;
}

* {

}


/********************* OUTRAS COISAS *********************/


.responsive {
    padding: 0px 1px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 2000px){
    .responsive {
        width: 150px;
        /*margin: 6px 0;*/
    }
}


@media only screen and (max-width: 1200px){
    .responsive {
        width: 150px;
        /*margin: 6px 0;*/
    }
}

@media only screen and (max-width: 800px){
    .responsive {
        width: 150px;
        /*margin: 6px 0;*/
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 150px;
    }

    #albuns{
        width:100%;
    }
}

@media only screen and (max-width: 300px){
    .responsive {
        width: 125px;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.gallery h2, span.desenvolvido {
    color: #e2ab0c;
}
ul li {
    display: inline;
}

.ekko-lightbox-container {
    position: relative;
}

.ekko-lightbox-nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.ekko-lightbox-nav-overlay a {
    z-index: 100;
    display: block;
    width: 49%;
    height: 100%;
    font-size: 30px;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    opacity: 0;
    filter: dropshadow(color=#000000, offx=2, offy=2);
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
    width: 49%;
}

.ekko-lightbox a:hover {
    text-decoration: none;
    opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
    left: 0;
    float: left;
    padding-left: 15px;
    text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
    right: 0;
    float: right;
    padding-right: 15px;
    text-align: right;
}

.ekko-lightbox .modal-footer {
    text-align: left;
}

/********************* TEXTO *********************/

.form span{
    /*font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;	*/
    font-style:italic;
    font-size:15px;
    list-style:none;
}

.desculpe{
    font-size:60px;
}

/********************* FORMULARIO, PESQUISA, BOTÃO *********************/

#filter{
    /*font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;*/
    font-size: 16px!important;
    padding:8px;
}

#search-field {
    font-size: 16px!important;
    /*font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;*/
    padding:10px;
    border-radius:50px;
    border:solid #939598 1px;
    width:215px;
}

#etapa-1 #search-button-on {
    /*padding: 10px 15px; */
    border: 1px solid #fff;
    border-radius: 50px;
    font-style: italic;
    /* font-weight: bold; */
    font-size: 16px!important;
    color: #ffffff;
    background-color: #e2ab0c;
    /* font-family: Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif; */
    cursor: pointer;
    /* width: 195px; */
}

input#search-button:hover{
    border:1px solid #e97017;
    background:#fff;
    color:#e97017;	
}

/********************* ALBUM, GALERIA *********************/

main .thumbnail{
    flex-basis: 20%;
    text-align: center;
    padding: 2px;
}

@media (max-width: 991px){

    main .thumbnail{
        flex-basis: 50%;
    }

    main #fotos ul li {
        margin-top: 20px;
    }
}

@media (max-width: 425px){

    main .thumbnail{
        flex-basis: 100%;
    }
}

main #fotos ul{
    list-style-type: none;
}

main #fotos ul li{
    display: inline-block;
}

#etapa-1 #nav-albuns li a{
    /*font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;*/
    font-size: 16px!important;
    display: inline;
    padding: 6px 12px;
    background-color: #e2ab0c;
    color: #ffffff;
    border: 1px solid #f8f8f8;
    /* border-radius: 10px; */
    margin: auto 2px;
    text-decoration: none;
}

#etapa-1 #nav-albuns li a:hover{
    color:#e2ab0c!important;
    background-color:#ffffff;
    border:1px solid #e2ab0c;
    cursor:pointer;
}

/* Album aberto */
#etapa-1 #nav-albuns li a.active{
    background-color:#ffffff;
    color: #e2ab0c;
    border: solid #e2ab0c 1px;
    cursor:pointer;
    text-decoration:underline;
}

/********************* PAGINAÇÃO *********************/

#paginacao{
   /* margin:2em 0;*/
    text-align:center;	
}

#paginacao ul {
    display: inline;
    list-type:none;	
}

#paginacao ul li {
    display: inline-block;
}

#etapa-1 #paginacao li a{
    /*font-family:Open Sans,calibri,Arial,Verdana,Helvetica,sans-serif;*/
    font-size: 16px!important;
    display:inline;
    padding:4px 10px;
    background-color: #e2ab0c;
    color: #ffffff;
    border: solid #f8f8f8 1px;
    /*border-radius:50px;*/
    margin:auto 2px;
    text-decoration:none;
}

#etapa-1 #paginacao li a:hover{
    background-color:#ffffff;
    color:#e2ab0c;
    border:solid #e2ab0c 1px;
    cursor:pointer;
}

/* página atual aberta */
#etapa-1 #paginacao li a.active{
    background-color:#ffffff;
    color: #e2ab0c;
    border: solid #e2ab0c 1px;
    cursor:pointer;
    /*text-decoration: underline;*/
}