@charset "UTF-8";
/*!
Theme Name: Booklium Child
Theme URI: https://motopress.com/products/booklium
Author: MotoPress
Author URI: https://motopress.com
Description: Awesome WordPress theme.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: booklium
Template: booklium
*/

.modal-backdrop.show{
	opacity: 0.75;
}


#sliderModal .modal-dialog{
	max-width: none;
}

	#sliderModal .modal-header{
		position: absolute;
		z-index: 1;
		border-bottom: none;
		top: 100%;
		left: 50%;
		transform: translateX( -50% );
		padding-left: 0;
	}

	#sliderModal .modal-content,
	#sliderModal .modal-body{
		border: none;
		background-color: rgba( 0, 0, 0, 0 );
	}

	#sliderModal .modal-body{
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
	}

	#sliderModal .modal-slider-link{
		padding: 1rem;
		display: block;
		width: calc( 50% - 0.5rem );
	}
	#sliderModal .slider-link-prev{
		margin-right: 0.5rem;
	}
	#sliderModal .slider-link-next{
		margin-left: 0.5rem;
	}
	#sliderModal .modal-slider-image{
		flex-basis: 100%;
	}

@media ( min-width: 768px ){
	#sliderModal .modal-dialog{
		max-width: 800px;
	}

	#sliderModal .modal-header{
		top: 1rem;
		right: 1rem;
		left: unset;
	}

	#sliderModal .modal-body{
		flex-direction: row;
		flex-wrap: nowrap;
	}

	#sliderModal .modal-slider-link{
		width: auto;
	}
	#sliderModal .slider-link-prev{
		order: -1;
	}

	#sliderModal .modal-slider-image{
		flex-basis: auto;
		width: auto;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}