/*
 * Belongs to WordPress plugin: Image Projector
 * Plugin URI: http://www.image-projector.com
 *
 /
 /
 * SYSTEM STYLES
 * Styles that I may suggest you leave as is.
 * See user settings below.
*/

/*
 * Underlay
 */
.grabbable {
	cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;	 
 }
.grabbable:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}


#image-projector {
	position:fixed;
	overflow:hidden;

	width:100%;
	bottom:0px;
	top:0px;
	left:0px;

	display:none;
	z-index:2000;
	opacity:0;
}

.cursor-busy {
	cursor:wait!important;
}
.ip-underlay-full {
	position:relative;
	overflow:hidden;

	width:100%;

	top:0px;
	left:0px;
	height:100%;
 

	touch-action:none;
	outline:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-drag: none;	
	-ms-user-select: none;
	user-select: none;
	user-drag: none;

} 

#ip-underlay div {
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
    box-sizing:        	border-box;
	
}

#ip-image-container {
	position:absolute;
	overflow:hidden;
	background-color:none;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;

}

.ip-slide {
	position:absolute;
}
.ip-slide>img {
	position:absolute;	
	max-width:none;
	max-height:none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	width:100%;
	height:100%;


	draggable:false;	
}
.ip-slide-copyright {
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:30px;
	display:none;
	background-color:rgba(25,25,25,.2);
	line-height:30px;
	font-size:14px;
	color:#EEEEEE;
	text-align:left;
	z-index:2010;
	padding-left:20px;
	
}

#ip-busy-loading {
	width:5px;
	height:5px;
	right:1px;
	top:1px;
	position:absolute;
	display:none;
	background-color:red;
	z-index:2013;
}

/*
 * Overlay
 */

#ip-overlay {
	touch-action:none;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	border:0px;
	background-position:center 50%;
	background-repeat:no-repeat;
	z-index: 2012;
	text-align:center;
	background-color:transparent;

}
#overlay-wrapper {
	display:table;
	height:100%;
	width:100%;
	background-color: rgba(255, 255, 255, 0.8);
		
}

#overlay-wrapper.overlay-wrapper-hide {
	opacity:0;
}
#overlay-wrapper.overlay-wrapper-show {
	opacity:1;
}
#overlay-content {
	display:table-cell;

	font-size:20px;
	line-height:28px;
	vertical-align:middle;
	text-align:center;
}
#overlay-message {
	padding:26px 10px 10px 10px;
}


.ip-opacity-on {
	opacity:1;
}

.user-inactive {
  opacity: 0;
  -webkit-transition: opacity 1.5s;
     -moz-transition: opacity 1.5s;
      -ms-transition: opacity 1.5s;
       -o-transition: opacity 1.5s;
          transition: opacity 1.5s;
}
/* 
* Thumbstrip
*/ 

#ip-thumbstrip-container {
	height:83px;
	z-index:2200;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	border-top: thin solid rgba(155,155,155,.8);
}
#ip-thumbstrip-container.thumbstrip-visible {
	bottom:0px;
}
#ip-thumbstrip-container.thumbstrip-hidden {
	bottom:-83px;
}
#ip-thumbstrip-container.cursor-idle {
	cursor:pointer;
}
#ip-thumbstrip-container.cursor-busy {
	cursor:wait;
}

#ip-thumbstrip-outerwrapper {
	overflow:hidden;
	position:absolute;
	height:100%;
	width:40000px;
	bottom:0px;
	left:0px;

}
#ip-thumbstrip-innerwrapper {
	overflow:hidden;
	height:100%;

}
.ip-thumbwrapper{
	opacity:.5;
	display:inline-block;
	overflow:hidden;
	position:absolute;
	background-color:rgba(155,155,155,.4);
}
.ip-touch .ip-thumbwrapper{
	opacity:.9;
}
.ip-thumbwrapper:hover{
	opacity: 1;
}
.ip-thumbwrapper:hover .ip-thumbcount{
	display:block;
}

.ip-thumbwrapper.ip-thumb-current  {
	opacity:1;
}
.ip-thumb-current {
	-moz-box-shadow: 2px 0px 0px red,-2px 0px 0px red;
    -webkit-box-shadow: 2px 0px 0px red,-2px 0px 0px red;
	box-shadow: 2px 0px 0px red,-2px 0px 0px red;
}

.portrait {
	height:100%;
	margin:0 auto;	
}
.landscape {
	position:absolute;
	width:100%;
	top:0;
	bottom:0;
	margin:auto;
}
.square {
	width:100%;	
}
/*
 * Captions
 */

#ip-caption {
	position:absolute;
	display:table;
	overflow:hidden;
	text-overflow:ellipsis;
	
	font-size:16px;
	z-index:2040;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
	user-select: none;		
}

#ip-caption-text {
	height:100%;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
	text-overflow:ellipsis;
	display: table-cell;
	vertical-align: middle;
}
/* 
 * Menu
 */
 /* menu config */


.ip-xmenu {
	position:fixed;
	overflow:hidden;
	font-size:16px;
	cursor:default;
	z-index:3050;
	background-color:#FAFAFA;
}
.ip-xmenu.xmenu-desktop { 
	width:220px;
	display:none;
	box-shadow:#525252 1px 1px 3px 0px;
 }
.ip-xmenu.xmenu-desktop.active {
	display:block;
}
.ip-xmenu.xmenu-desktop>ul {
	overflow:hidden;
	white-space: nowrap;
	list-style:none;
	padding:0px;
	min-width:160px;
	margin:3px;
}
.ip-xmenu.xmenu-desktop>ul>li {
	margin:0px;
	text-align:left;
	display:list-item;
	height:40px;
	line-height:40px;
	width:100%;
	border-bottom:1px solid #DDD;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
	user-select: none;	
}

.ip-xmenu.xmenu-desktop>ul>li>i{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:3px;		
}
/* menu config for touch devices */
.ip-xmenu.xmenu-touch {
	height:50px;
	bottom:0px;
	left:0px;
	width:100%;
	display:none;
	 border-top:1px solid #DADADA;	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;	
}

.ip-xmenu.xmenu-touch.active {
	bottom:0px;
}
.ip-xmenu.xmenu-touch>ul {
	width:100%;
	overflow:hidden;
	white-space: nowrap;
	list-style:none;
	padding:0px;
	text-align:center;
}
.ip-xmenu.xmenu-touch>ul>li {
	margin:0px;
	text-align:center;
	width:60px;
	height:50px;
	line-height:50px;

	display:inline-block;	
	border-bottom:1px solid #DDD;
}

.ip-xmenu.xmenu-touch>ul>li>i{

}
@media screen and (min-width: 480px) {
    
.ip-xmenu.xmenu-touch>ul>li {
	width:100px;
}

}
.ip-xmenu .ip-cmd-active  {
	color: rgb(64, 64, 64);
}
.ip-xmenu .ip-cmd-inactive  {
	color: rgb(172, 172, 172);
}
.ip-xmenu.xmenu-desktop>ul>li.ip-cmd-active:hover {
	color:#CC1100;
	background-color:#EEEEEE;
}
.ip-xmenu.xmenu-touch>ul>li.ip-cmd-active:hover {
	color:#CC1100;
	background-color:#EEEEEE;
}
.ip-xmenu>ul>li>div {
	margin-left:10px;
}
i.ip-auto-running {
	color: rgba(255,0,0,1);
}
/* Menu items */

.ip-cmd {
	color:#ACACAC;
}

/* Menu svg */

.ip-cmd span {
	margin-left:20px;

}
.ip-cmd div {
	display:inline-block; 
	
}
.ip-cmd svg {
	display:inline-block; 
	vertical-align:middle;
	padding-bottom:3px;


}
.ip-xmenu .ip-icon-svg {
	width: 24px;
	height:24px;
	margin:auto;
	display:inline-block; 
}

.ip-xmenu .ip-cmd-active  svg {
	fill: rgb(64, 64, 64);
}

.ip-xmenu .ip-cmd-inactive svg {
	fill: rgb(172, 172, 172);
}

/* end Menu svg */


 

/*
 * Floating buttons
 */
 #ip-floating-buttons {
	 width:100%;
	 height:100%;
 }

.ip-cmd-hide
 {
	display:none!important;
}


.ip-floating-button {
	width:50px;
	height:50px;
	line-height:50px;
	right:5px;
	z-index:2200;
	position:absolute;
	text-align:center;
	cursor:pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;

}
.ip-icon-svg {
	width: 32px;
	height: 32px;
	margin:auto;
	display:inline-block; 
}
/*
* Fill colors for floating buttons
*/


.ip-floating-button svg {

	fill:rgba(255,255,255,1);
	filter: drop-shadow( 0px 1px 1px #000);
}
.ip-zoom-on.ip-cmd-inactive  svg {
	fill:rgba(255,255,255,1);
	filter: drop-shadow( 0px 1px 1px #000);
}
.ip-floating-button svg:focus,
.ip-floating-button svg:hover {
	fill:#CC1100;

}
.ip-floating-button .ip-cmd-inactive svg,
.ip-floating-button .ip-cmd-inactive svg:hover,
.ip-floating-button .ip-cmd-inactive svg:focus{
	fill:rgba(155,155,155,0.3);
}


/*
* Button positions
*/

.ip-full-on {
	left:5px!important;
	top:60px;
}
.ip-full-off {
	left:5px!important;
	top:60px;
}
.ip-auto-start {
	left:5px!important;
	top:5px;
}
.ip-auto-stop {
	left:5px!important;
	top:5px;
}
.ip-exit {
	
	top:5px;
}
.ip-zoom-off {

	top:5px;
}
.ip-zoom-on {

	top:60px;
}

.ip-zoom-in {

	top:60px;
}
.ip-zoom-out {

	top:115px;
}
.ip-zoom-current {
	left:10px;
	top:5px;
	width:100px;
	text-align:left;
	line-height:50px;
	font-size:20px;
	color:rgba(0, 147, 173, 1.0); 
}


.ip-thumbstrip-toggle {

	display:none;
}
.ip-thumbstrip-hidden {
	bottom:5px;
}
.ip-thumbstrip-visible {
	bottom:85px;
}
.ip-counter {

	left:10px;
	bottom:5px;
	width:100px;
	text-align:left;
	height:36px;
	line-height:36px;
	font-size:20px;
	cursor:default;
	-webkit-transition: bottom .4s ease;
	-moz-transition: bottom .4s ease;
	-ms-transition: bottom .4s ease;
	-o-transition: bottom .4s ease;
	transition: bottom .4s ease;		
}
.ip-menu-toggle {
	top:5px;
	right:55px;
}

.ip-menu-toggle.ip-no-goto {
	top:115px;
	right:5px;
}
.ip-play-toggle {
	display:none;
	top:5px;
	left:5px;
	text-align:left;
}

.ip-goto-post {

	top:115px;
	right:5px;
	display:none;

}
@media screen and (min-height: 550px) {
	.ip-menu-toggle {
		top:170px;
		right:5px;
	}
}
@media screen and (min-height: 400px) {
	.ip-goto-post {

		top:115px;
		right:5px;		

	}	
}
@media screen and (max-height: 400px) {
	.ip-goto-post {

		right:55px;
		top:5px;
	
	}
	.ip-menu-toggle {

		top:5px;
		right:110px;

	}
	.ip-menu-toggle.ip-no-goto {

		top:5px;
		right:55px;
	}
}
.ip-no-menu .ip-goto-post {

		right:5px;
		top:110px;

}
/* 
 * Previous and next arrows
 */
 
#ip-arrow-left {
	left:5px;
	top:50%;
	transform:translateY(-50%);
}
#ip-arrow-right {
	right:5px;
	top:50%;
	transform:translateY(-50%);
}

/* 
 * Ruler
 */

#ip-ruler-underlay {
	position:absolute;
	width:100%;	
	bottom:0px;
	height:30px;
	background:transparent;
	z-index:2040;
}
.ip-ruler {
	cursor:auto;
	position:absolute;
	bottom:0px;
	height:10px;
}
#ip-ruler-container {
	width:100%;
	left:0px;
	opacity:0.3;
	z-index:2040;
}
#ip-ruler-progress {
	left:0px;
	width:0px;
	opacity:0.4;
	z-index:2042;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
#ip-ruler-current {
	left:0px;
	width:0px;
	opacity:0.7;
	z-index:2042;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

/*
*	loading... indicator
*/
#ip-loader {
	display:none;
    font-size: 20px;
    position: fixed;
    width: 4em;
    height: 1em;
	z-index:2200;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ip-loader__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: .5em;
    background: rgba(51, 152, 183, .9);
    position: absolute;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite
}
.ip-loader__dot:nth-child(1),
.ip-loader__dot:nth-child(2) {
    left: 0
}
.ip-loader__dot:nth-child(3) {
    left: 1.5em
}
@keyframes ip-loader-reveal {
    from {
        transform: scale(.001)
    }
    to {
        transform: scale(1)
    }
}
@keyframes ip-loader-slide {
    to {
        transform: translateX(1.5em)
    }
}
.ip-loader__dot:nth-child(1) {
    animation-name: ip-loader-reveal;
}
.ip-loader__dot:nth-child(2),
.ip-loader__dot:nth-child(3) {
    animation-name: ip-loader-slide;
}
.ip-loader__dot:nth-child(4) {
    left: 3em;
    animation-name: ip-loader-reveal;
    animation-direction: reverse
}
/**
 * USER STYLES
 * styles that you may want to modify
 */
#ip-caption {
	height:100px;

	width:400px;	
	left:-406px;
	bottom:100px;
	text-align:left;
	color:#757575;
	background:rgba(255,255,255,0.8);
	box-shadow:#525252 1px 1px 3px 0px;
}

#ip-caption.ip-in-service{
	left:0px;
}

/* background styles - color of background */
.ip-underlay-dark {
	background-color:rgba(33,33,33,.95);
}
.ip-underlay-bright {
	background-color:rgba(250,250,250,1);
}


/* background style for square style no 1 */
.ip-view1 {
	box-shadow:#525252 1px 1px 3px 0px;
	background-color:rgb(255, 255, 250);

}

/* image border style for style no 2 */
.ip-view2 .ip-slide{
	border:12px solid rgba(250,250,250,1);
	box-shadow:#323232 2px 3px 7px 0px;
}
.ip-underlay-dark   .ip-view2 .ip-slide {
	box-shadow:#000 2px 3px 7px 0px;
}
/* style for full image view no 3 */
.ip-view3 {

}