.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;

	img[class*="wp-image-"] {
		@include center-block;
	}

	.wp-caption-text {
		margin: 0.8075em 0;
	}
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;

	// Loops to enumerate the classes for gallery columns.
	@for $i from 2 through 9 {
		.gallery-columns-#{$i} & {
			max-width: map-get( $columns, $i );
		}
	}
}

.gallery-caption {
	display: block;
}

/* Nav mobile */
.mobile-menu {
    display: none;
    float: right;
    font-size: 15px;
    position: relative;
    top: 30px;
    z-index: 99;
    cursor: pointer;
    &.nav-is-visible {
        display: block;
        top: -10px;
        right: 10px;
        span {
            background: transparent;
            &:before {
                -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
                -moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
                -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
                -o-transform: translateX(4px) translateY(-1px) rotate(45deg);
                transform: translateX(4px) translateY(-1px) rotate(45deg);
            }
            &:after {
                -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
                -moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
                -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
                -o-transform: translateX(4px) translateY(0px) rotate(-45deg);
                transform: translateX(4px) translateY(0px) rotate(-45deg);
            }
        }
    }
    span {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transition: rotate 0.2s, translate 0.2s;
        -moz-transition: rotate 0.2s, translate 0.2s;
        transition: rotate 0.2s, translate 0.2s;
        display: inline-block;
        height: 2px;
        width: 24px;
        background: #fff;
        &::before, &::after {
            position: absolute;
            display: inline-block;
            height: 2px;
            width: 24px;
            background: #fff;
            content: '';
            right: 0;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform-origin: 0% 50%;
            -moz-transform-origin: 0% 50%;
            -ms-transform-origin: 0% 50%;
            -o-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
            -webkit-transition: -webkit-transform 0.2s;
            -moz-transition: -moz-transform 0.2s;
            transition: transform 0.2s;
        }
    }
}

.mobile-menu span:before {
    top: -8px;
}

.mobile-menu span:after {
    top: 8px;
}

@media (max-width: 1023px) {
    #mobile-open {
        display: block;
        height: 90px;
        width: 24px;
        position: relative;
        top: 0;
        line-height: 90px;
        right: 0px;
        margin-left: 40px;
    }
    .nav-form.open {
        background: rgba(0, 0, 0, 0.8);
        visibility: visible;
        .mobile-menu span {
            &::before, &::after {
                background-color: #000;
            }
        }
    }
    #site-navigation #primary-menu {
        display: none;
    }

}

@media (max-width: 991px) {
    .site-content {
        .site-main {
            border-right: none;
            padding-right: 15px;
        }
    
        #secondary {
            padding-left: 15px;
        }
    }

    body:not(.no-sidebar):not(.error404) .site-main {
        padding-right: 15px;
        border: none;
    }

    .upcoming-events ul li {
        div.event_list_entry {
            &.event_date,
            &.event_title,
            &.event_venue,
            &.event_time,
            &.event_buy {
                width: 100%;
                text-align: center;
                height: auto;
                margin-bottom: 10px;
            }
        }
        .event_img {
            display: none;
        }
        .event_list_title_loc {
            float: none;
        }
    }
}


@media (max-width: 768px) {
    
}


@media ( max-width: 576px ) {
    .site-header .social-links {
        display: none;
    }
    .nav-form.open .nav-spec .social-links {
        display: block;
    }

    .nav-form .social-links ul {
        padding: 10px 20px;
        li {
            margin-right: 15px;
        }
    }

    .comment-form p:not(.comment-form-cookies-consent) input {
        width: 100%;
    }
    .comment-form-cookies-consent label {
        margin-left: 0;
    }
}