/**
 * Image Widget Plus: General Front-end Styles
 *
 * Copyright (c) 2017 Modern Tribe, Inc.
 */

/*
 * General widget styles.
 */
.tribe-image--widget-text {
	clear: both;
	display: block;
	width: 100%;
}

/*
 * Single-image displays.
 */
.tribe-image--single {
	display: none;
}

.tribe-image--single:first-of-type {
	display: block;
}

.tribe-image--single a {
	border-bottom: none;
	box-shadow: none !important; /* Addresses the Twenty Seventeen theme, among others. */
	text-decoration: none;
}

.tribe-image--single-caption {
	color: #898989;
}

.tribe-image--single a:hover {
	border-bottom: none;
	box-shadow: none !important; /* Addresses the Twenty Seventeen theme, among others. */
	text-decoration: none;
}

.tribe-image--single-caption.alignleft {
	float: none;
	text-align: left;
}

.tribe-image--single a.aligncenter,
.tribe-image--single-caption.aligncenter {
	text-align: center;
}

.tribe-image--single-caption.alignright {
	float: none;
	margin-left: 0;
	text-align: right;
}

.tribe-image--no-link {
	cursor: default;
}

.tribe-image--no-link.thickbox {
	cursor: pointer;
}

/*
 * Slideshow and slides list.
 */
.tribe-image--slideshow {
	border: 1px solid #DCDCDC;
	border-radius: 3px;
	margin-bottom: 1em;
	overflow: hidden;
}

.tribe-image--slides {
	text-align: center;
	overflow: hidden;
}

.tribe-image--slides a {
	border-bottom: none;
	box-shadow: none !important; /* Addresses the Twenty Seventeen theme, among others. */
	text-decoration: none;
}

.tribe_image_plus .Wallop-item img {
	max-width: 100%;
}

.tribe_image_plus .Wallop-item--current {
    position: static;
}

.Wallop-item.tribe-image--no-link {
	cursor: default;
}

.Wallop-item.tribe-image--no-link.thickbox {
	cursor: pointer;
}

.Wallop-item.tribe-image--no-link.thickbox.customize-unpreviewable {
	/* This is !important to override the customizer's !important for images. We want thickbox to still act like thickbox in the customizer */
	cursor: pointer !important;
}

/*
 * Inside the slideshow, but not the images list.
 */
.tribe-image--inner {
	overflow: hidden;
	padding: 13px 0;
}

/*
 * Slideshow "previous" and "next" navigation buttons.
 */
.tribe-image--previous,
.tribe-image--next {
	border: none !important;
	box-shadow: none !important;
	color: #d7d7d7;
	cursor: pointer;
	text-decoration: none !important; /* The !importants here aren't desirable, but are necessary for most themes. */
}

.tribe-image--previous:hover,
.tribe-image--next:hover {
	color: #2786BA !important;
}

.tribe-image--previous {
	float: left;
	margin-left: 4%;
	width: 7%;
}

.tribe-image--next {
	float: right;
	margin-right: 4%;
	width: 7%;
}

/*
 * Slideshow bullets navigation.
 */
.tribe-image--bullets {
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	width: 72%;
}

.tribe-image--dot {
	background-color: #d7d7d7;
	border: 0;
	border-radius: 50%;
	box-shadow: none !important;
	display: inline-block;
	height: 10px;
	margin: 5px;
	padding: 0;
	text-decoration: none !important; /* !important isn't desirable, but is necessary for most themes. */
	width: 10px;
}

.tribe-image--dot:hover {
	background-color: #2786BA;
}

.tribe-image--dot.tribe-image--dot--current {
	background-color: #2786BA;
}

/*
 * Slideshow numbers navigation.
 */
.tribe-image--numbers {
	float: left;
	font-weight: bold;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	width: 72%;
}

/*
 * Slideshow titles and captions.
 */

.tribe-image--meta {
    clear: both;
    width: 100%;
    display: block;
}

.tribe-image--meta--item {
	border-top: 1px solid #DCDCDC;
	display: none;
	margin: 35px 4% 0;
	padding-top: 15px;
}

.tribe-image--meta--item.tribe-image--meta--empty {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.tribe-image--meta--item p {
	color: #898989;
	margin: 0;
	padding: 0;
}

.tribe-image--meta-alignright {
	text-align: right;
}

.tribe-image--meta-alignleft  {
	text-align: left;
}

.tribe-image--meta-aligncenter {
	text-align: center;
}