/*
    Author: Anansi UX
*/



/*============================================================================*/


/*------------------------------- css padrão de todas as galerias ------------*/


.site-galeria {}

@media screen and (max-width: 1024px) {}

@media screen and (min-width: 1451px) and (max-width: 1600px) {}

@media screen and (min-width: 1025px) and (max-width: 1450px) {}

@media screen and (min-width: 1025px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 380px) {}


/*------------------------------- css padrão de todas as galerias ------------*/


/*============================================================================*/





/*============================================================================*/


/*------------------------------- galeria do header ---------------------------*/


/* usada por resources/views/includes/headers/galerias/galeria.blade.php */


.demo-gallery { padding: 0; }

.demo-gallery .list-unstyled { margin-top: 0; margin-bottom: 0; padding: 0; }

.demo-gallery .list-unstyled .gal { border-radius: 0; margin: 0; padding: 0; }

.demo-gallery .list-unstyled .gal a { border-radius: 0; margin: 0; padding: 0; }

.demo-gallery .list-unstyled .gal a img { border-radius: 0; margin: 0; padding: 0; }

.demo-gallery .list-unstyled .gal a:hover img { -webkit-transform: none; transform: none; }

.site-cms-galeria-content.demo-gallery>ul>li a>img, .demo-gallery>ul>li a>img { border-radius: 8px; }

.demo-gallery a .background-show-view { display: none; }

.demo-gallery a .background-show-view i {}

.demo-gallery a:hover .background-show-view { background-color: #000000a8; display: block; width: 100%; height: 100%; position: absolute; z-index: 1010; }

.demo-gallery a:hover .background-show-view i { color: #fff; font-size: 75px; position: absolute; left: 50%; margin-left: -37.5px; top: 50%; margin-top: -37.5px; }


/* Usada no <img> do item de galeria (resources/views/includes/headers/galerias/galeria.blade.php) — sem estilo definido em nenhum CSS existente, placeholder */

.img-layout-destaque-tickt {}

@media screen and (min-width: 1451px) and (max-width: 1600px) {}

@media screen and (min-width: 1025px) and (max-width: 1450px) {}

@media screen and (min-width: 1025px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 380px) {}


/*------------------------------- galeria do header ---------------------------*/


/*============================================================================*/