/* 
 * Lifepress Admin Styles
 * @version 2.2
 */

:root{
	--lp_color_1: #212121;
	--lp_color_blue: #5abdcd;
	--lp_color_orange: #F38630;
	--lp_border_color_1: #dadce0;
	--bgc_focus:#ffefe5;
	--bgc_past:#e9f9f8;
	--bgc_prev:#e9f9f8;
	--bgc_next:#f2e9f9;
	--lp_font_1: 'Poppins', sans-serif;
	--lp_font_2:'Noto Sans', arial;
	--lp_color_grey1:#666666;
	--lp_color_grey2:#d4d3d3;

	--lpcg0:  #f6f7f7;
	--lpcg5:  #dcdcde;
	--lpcg10: #c3c4c7;
	--lpcg20: #a7aaad;
	--lpcg30: #8c8f94;
	--lpcg40: #787c82;
	--lpcg50: #646970;
	--lpcg60: #50575e;
	--lpcg70: #3c434a;
	--lpcg80: #2c3338;
	--lpcg90: #1d2327;
	--lpcg100:#101517;

	--lpclg0:   #ffffff;
	--lpclg3:   #fbfbfc;
   	--lpclg6:   #f7f7f8;
   	--lpclg8:   #f5f5f6;
	--lpclg10:  #f2f2f3;
	--lpclg20:  #e6e6e8;
	--lpclg30:  #dadadd;
	--lpclg40:  #ceced2;
	--lpclg50:  #c2c2c6;
	--lpclg60:  #b6b6bb;
	--lpclg70:  #aaaaaa;
	--lpclg80:  #9e9e9f;
	--lpclg90:  #929293;
	--lpclg100: #858687;
} 

/* Generic */
	.lpcurp{cursor: pointer;}
	.lphop7:hover{opacity: .7}

	.lpclb{color:var(--lp_color_blue)}

	.lp_trans{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}

	/* Display */
		.dfx,.lpdfx{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
		.lpgap5{gap:5px;}.lpgap10{gap:10px;}.lpgap15{gap:15px;}.lpgap20{gap: 20px;}
		.lpfxjcc, .lpfx_jc_c{-ms-flex-pack:center;justify-content:center;}
		.lpfxjcsb, .lpfx_jc_sb,.jutc-spacebt{-ms-flex-pack:space-between;justify-content:space-between;}
		.lpfx_jc_se{-ms-flex-pack:space-evenly;justify-content:space-evenly;}
		.lpfx_jc_sa{-ms-flex-pack:space-around;justify-content:space-around;}
		.lpfx_jc_fe{-ms-flex-pack:flex-end;justify-content:flex-end;}
		.lpfx_jc_fs{-ms-flex-pack:flex-start;justify-content:flex-start;}
		.lpfxaic, .lpfx_ai_c, .alic{align-items:center;}
		.lpfxaife, .lpfx_ai_fe{align-items:flex-end;}
		.lpfxaifs, .lpfx_ai_fs{align-items:flex-start;}
		.lpfxdrc, .lpfx_dr_c{flex-direction:column;}
		.lpfxdrcr, .lpfx_dr_cr{flex-direction:column-reverse;}
		.lpfxdrr, .lpfx_dr_r{flex-direction:row;}
		.lpfxdrrr, .lpfx_dr_rr{flex-direction:row-reverse;}
		.lpfxww, .lpfx_ww{flex-wrap: wrap;}
		.lpfx_b_50{flex-basis: 50%}
		.lpfx_110{flex:1}
		.lpfx_1{flex:1 1 auto;}
		.lpfx_10a{flex:1 0 auto;}
		.lpfx_g1{flex-grow:1;}
		.lpdn,.dn{display:none}
		.lpdb,.db{display:block}
		.lpdib{display:inline-block}

	/* opacity */
	.lpop0{opacity:0}.lpop1{opacity:.1}.lpop2{opacity:.2}.lpop3{opacity:.3}.lpop4{opacity:.4}.lpop5{opacity:.5}.lpop6{opacity:.6}.lpop7{opacity:.7}.lpop8{opacity:.8}.lpop9{opacity:.9}.lpop10{opacity:1}

	/* Font */
	.lpfz10{font-size: 10px;}.lpfz11{font-size: 11px;}.lpfz12{font-size: 12px;}.lpfz14{font-size: 14px;}.lpfz16,.fz16{font-size: 16px;}.lpfz18{font-size: 18px;}.lpfz24{font-size: 24px;}.lpfz30{font-size: 30px;}

	/* Background */
		.lpbgclg0{background-color:var(--lpclg0)}.lpbgclg3{background-color:var(--lpclg3)}.lpbgclg6{background-color:var(--lpclg6)}.lpbgclg8{background-color:var(--lpclg8)}.lpbgclg10{background-color:var(--lpclg10)}.lpbgclg20{background-color:var(--lpclg20)}.lpbgclg30{background-color:var(--lpclg30)}.lpbgclg40{background-color:var(--lpclg40)}.lpbgclg50{background-color:var(--lpclg50)}.lpbgclg60{background-color:var(--lpclg60)}.lpbgclg70{background-color:var(--lpclg70)}.lpbgclg80{background-color:var(--lpclg80)}.lpbgclg90{background-color:var(--lpclg90)}.lpbgclg100{background-color:var(--lpclg100)}.lpbgcg0{background-color:var(--lpcg0)}.lpbgcg5{background-color:var(--lpcg5)}.lpbgcg10{background-color:var(--lpcg10)}.lpbgcg20{background-color:var(--lpcg20)}.lpbgcg30{background-color:var(--lpcg30)}.lpbgcg40{background-color:var(--lpcg40)}.lpbgcg50{background-color:var(--lpcg50)}.lpbgcg60{background-color:var(--lpcg60)}.lpbgcg70{background-color:var(--lpcg70)}.lpbgcg80{background-color:var(--lpcg80)}.lpbgcg90{background-color:var(--lpcg90)}.lpbgcg100{background-color:var(--lpcg100)}

	/* hover */
		.lphbgclg0:hover{background-color:var(--lpclg0)}.lphbgclg3:hover{background-color:var(--lpclg3)}.lphbgclg6:hover{background-color:var(--lpclg6)}.lphbgclg8:hover{background-color:var(--lpclg8)}.lphbgclg10:hover{background-color:var(--lpclg10)}.lphbgclg20:hover{background-color:var(--lpclg20)}.lphbgclg30:hover{background-color:var(--lpclg30)}.lphbgclg40:hover{background-color:var(--lpclg40)}.lphbgclg50:hover{background-color:var(--lpclg50)}.lphbgclg60:hover{background-color:var(--lpclg60)}.lphbgclg70:hover{background-color:var(--lpclg70)}.lphbgclg80:hover{background-color:var(--lpclg80)}.lphbgclg90:hover{background-color:var(--lpclg90)}.lphbgclg100:hover{background-color:var(--lpclg100)}.lphbgcg0:hover{background-color:var(--lpcg0)}.lphbgcg5:hover{background-color:var(--lpcg5)}.lphbgcg10:hover{background-color:var(--lpcg10)}.lphbgcg20:hover{background-color:var(--lpcg20)}.lphbgcg30:hover{background-color:var(--lpcg30)}.lphbgcg40:hover{background-color:var(--lpcg40)}.lphbgcg50:hover{background-color:var(--lpcg50)}.lphbgcg60:hover{background-color:var(--lpcg60)}.lphbgcg70:hover{background-color:var(--lpcg70)}.lphbgcg80:hover{background-color:var(--lpcg80)}.lphbgcg90:hover{background-color:var(--lpcg90)}.lphbgcg100:hover{background-color:var(--lpcg100)}

	/* border */
		.lpbr5{border-radius: 5px;}.lpbr10{border-radius: 10px;}.lpbr15{border-radius: 15px;}.lpbr20{border-radius: 20px;}.lpbr25{border-radius: 25px;}

	.lpmarl10{margin-left: 10px;}
	.lpmarr10{margin-right: 10px;}
	.lpmar5-0{margin:5px 0;}
	.lppad10{padding:10px;}
	.lpw100p{width: 100%;}

	.lp_trans{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}


/* General */
#lifepress_settings label{display: inline-block;font-size: 14px;}
#lifepress_settings input[type=text]{display: block;width: 100%; flex:1}
.lifepress_form_subbox{
	background-color: #dbf9f7;
    padding: 10px 20px;
}
#lifepress_settings{
	border-radius: 10px; background-color: #fff;
	padding: 0px;margin-top: 10px; box-shadow: 0px 0px 20px -5px #0000001c;
}
.lifepress_sub_form{}
.lp_settings_row{
	padding:1px 20px;
	border-bottom: 1px solid #e7e7e7
}
.lp_settings_row p{display: flex;align-items: center; flex-wrap:wrap;}
.lp_settings_row p label{flex-basis: 50%;}
.lp_settings_row:last-child{border:none;}
.lp_settings_row p.submit{margin:0;}

/* loading */	
	.lp_loader{
		height: 20px; width: 100px;
		border-radius: 20px;
		border:2px solid #828282;
		display: block;
		overflow: hidden;
		margin:40px auto;
	}
	@keyframes superman {
	  0% {  transform: translate(-40px, 0);  }
	  100% {   transform: translate(100px, 0); }
	}
	@keyframes initloaderA {
	  	0% {}
	 	100% {	transform: translateY(-66.67%);}
	}
	.lp_loader:before{
		content:"";
		width: 40px;
		height: 20px;
		background-color: #84c5d0;
		display: block;
		position: relative;
		animation-name: superman;
	    animation-duration: 0.7s;
	    animation-iteration-count: infinite;
	    animation-direction: alternate;
	    animation-timing-function: ease-in-out;
	    animation-fill-mode: none;
	    animation-delay: 0s;
	}
	.lp_loading{position: relative;overflow: hidden!important;}
	.lp_loading:before{
		content:"";
		/*background-color: #ffffffb5;*/
		background: rgb(247,247,247);
		background: linear-gradient(0deg, 
			rgb(255, 255, 255, 0.5) 33.37%, 
			rgb(189, 220, 253, 0.7) 50%, 
			rgb(255, 255, 255, 0.5) 66.67%);
		animation:initloaderA 1.5s ease-in-out 0s infinite normal none running;	
		transform:translateY(0%);
		top:0;left: 0;bottom: 0;
		position: absolute;
		width: 100%; height: 300%; z-index: 10;
	}
	.lp_loading.lp_lightbox_in:before{top: 0;left: 0; border-radius: 20px;}


/* Lightbox */
		#lp_lightboxes{	position: fixed;width: 100%;z-index: 900000; top:0;	}
	#lp_lightboxes .lp_one_lightbox{
		opacity: 0; visibility: hidden;
		transition: all 0.1s ease;
		background: rgba(222, 222, 222, 0.7);
		    position: fixed;
	    width: 100%;
	    height: 100%;top:0;right:0; bottom:0;
	    overflow-y: auto
	}
	#lp_lightboxes .lp_one_lightbox.show{opacity: 1; visibility: visible;}
	.lp_one_lightbox .lp_one_lb_in{
		-webkit-transition: -webkit-transform 0.15s ease;
	    transition: transform 0.15s ease;
	    -webkit-transform: translateY(50px);
	    transform: translateY(50px);
	    box-shadow: 0px 0px 30px -5px #0000003d;
	    background-color: #fbfbfb; 
	   	position: relative;
	    width: 90%;
	    margin: 50px auto 30px; padding: 50px;
	    border: none;
	    border-radius: 25px;
	    box-sizing: border-box;
	}
	.lp_one_lightbox.show .lp_one_lb_in{
		 -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}

	.lp_lb_toprow{
		position: absolute;
	    padding: 10px;
	    height: 60px;
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    margin: 0;
	    justify-content: flex-end;
	    box-sizing: border-box;
	    top: 0;
	    right: 0;
	}
	.lp_lb_toprow button{
		outline: none;border: none; background: none;
	    font-size: 16px;	height: 40px; width: 40px;
	    border-radius: 50%; cursor: pointer;
	}
	.lp_lb_toprow button svg{color: var(--lp_color_grey1);}
	.lp_lb_toprow button:hover{
		outline: none;border: none;
		background-color: var(--lp_color_grey2)
	}
	.lp_lb_toprow button:hover svg{ color: var(--lp_color_1) }
	.lp_lb_close{
		position: relative;
	    z-index: 90001;
	    margin: 0 0px 0 10px;
	    color: var(--lp_color_grey1);
	    background-color: #f0f0f0;
	    border-radius: 50%;
	    padding: 20px;
	    height: 28px;
	    width: 28px;
	    text-align: center;
	    line-height: 90%;
	    font-size: 28px;
	    cursor: pointer;
	    text-indent: -9999px;
	    font-weight: 300;
	    box-sizing: content-box;
	    -moz-box-sizing: content-box;
	        box-sizing: border-box;
	    
	}
	.lp_lb_close:hover{background-color: var(--lp_color_grey2)}
	.lp_lb_close:hover:before,.lp_lb_close:hover:after{	background-color: var(--lp_color_1);	}
	.lp_lb_close:before{transform: rotate(45deg);}
	.lp_lb_close:after{transform: rotate(-45deg);}
	.lp_lb_close:before, .lp_lb_close:after{
		position: absolute;
	    left: 18px;
	    top: 9px;
	    content: ' ';
	    height: 50%;
	    width: 2px;
	    background-color: #666666;
	}
	.lp_one_lightbox{}
	.lp_entry_image img{border-radius: 10px;}
	.lp_editor_box {flex:1;}

/* Metrics */
	.lpm_fields_content p{}
	.lpm_fields_content p.ui-state-highlight, 
	.lpp_metrics .ui-state-highlight-big{display: inline-block; width: 150px;height:43px; margin:0; padding:0;background-color: #e6f3f5; border-radius: 15px;}
	.lpp_metrics .ui-state-highlight-big{display: block;width: 100%; height: 100px;margin-bottom: 5px;}
/* IO Elements */
	.lp_toggle {  cursor: pointer; display: inline-block;}
	.lp_toggle:hover{opacity: 0.8}

	/* When checked → ON state */
	.toggle-svg.on .track { fill: var(--lp_color_blue);  transition: fill 0.4s ease;}
	.toggle-svg.on .knob {
	  transform: translateX(260px); /* move from left to right */
	  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	/* Base styles & transitions */
	.toggle-svg .track {transition: fill 0.4s ease;}
	.toggle-svg .knob {
	  transform: translateX(0);
	  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	  transform-origin: center;
	}