/*!
	Theme Name:        Laura Pulgini
	Theme URI:         http://laurapulgini.com
	Description:       Laura Pulgini official theme.
	Author:            viktormorales
	Author URI:        https://viktormorales.com
	Version:           1.0
	Stable tag:        1.0
	Requires at least: 4.9
	Tested up to:      4.9
	License:           GNU General Public License v3 or later.
	License URI:       https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain:       laurapulgini
*/
nav.primary-menu {
    font-family: "Arial Bold", Gadget, sans-serif
}

nav.primary-menu .toggleModalNav {
    font-size: 1.5em;
    font-weight: bold
}

nav.primary-menu .modalnav {
    background-color: white;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    font-size: 1.5em
}

nav.primary-menu .modalnav .modalNavContent {
    padding: 40px
}

@media (max-width: 768px) {
    nav.primary-menu .modalnav {
        overflow: auto
    }
}

body {
    font-family: "Arial Bold", Gadget, sans-serif;
    overflow-y: scroll
}

a {
    color: inherit
}

a:hover {
    color: #f30119;
    text-decoration: none
}

li.current-menu-item a,
li.current-menu-parent a {
    color: #f30119
}

aside {
	position: fixed;
    top: 75px !important
}

main .page-content p {
    font-size: .9rem
}

main .page-content p img {
    max-width: 500px;
    width: 500px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 5px
}

@media only screen and (max-width: 768px) {
    main .page-content p img {
        max-width: 100%;
        width: 100%
    }
}

.brand {
    width: 225px;
    height: auto
}

@media only screen and (max-width: 768px) {
    .brand {
        width: auto
    }
}

.logo {
    width: 45px;
    height: auto
}

@media only screen and (max-width: 768px) {
    .logo {
        width: auto
    }
}

.card {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none
}

.card .card-body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: .5s ease
}

.card .card-body .card-title {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.card:hover .card-body {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.card:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

p.copyright {
    font-size: .9rem
}

nav.pagination {
    margin: 20px auto
}

nav.pagination .nav-links {
    margin: 0 auto
}

nav.pagination .nav-links .current {
    color: #f30119
}