/* @override 
	http://mux-new.local/assets/css/style.css
	https://pressedsocial.com/static/assets/css/style.css
	http://netnewsx.com/static/assets/css/style.css?* */

@import url(trellis-config.css?drwer);
@import url(trellis.css);
@import url(instructions.css);


body{
	position: relative;
	overflow: hidden;
	overflow-y: auto;
}
main {
	width:100%;
	position:relative;
	overflow:hidden;
		transition:opacity .3s ease;
}


.console {
	background-color: #ffffff;
	color: #000;
	min-width: 60%;
	margin: 6px;
	padding:3%
}

.console2 {
	border: 2px #000 solid ;
	border-radius: 12px;
	
}

.consoleh {
	background-color: #000;
	color: #ffffff;
	padding: 9px;
}

.conshead {
	text-align: center;
	
}

.conshead p {
	font-size:21px;
}

#muxaccts {
	font-family: Arial, Helvetica, sans-serif;
	font-size:larger;
	border-collapse: collapse;
	width: 100%;
  }

#muxaccts td, #muxaccts th {
	border: 1px solid #ddd;
	padding: 15px;
  }
  
  #muxaccts tr:nth-child(even){background-color: #f2f2f2;}
  #muxaccts tr:hover {background-color: #ddd;}


.dark-panel, .dark-panel * {
  scrollbar-width: thin;
  scrollbar-color: black #333;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}



*::-webkit-scrollbar-track {
  background: #efefef;
}

*::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 20px;
  border: 3px solid #efefef;
}


.dark-panel::-webkit-scrollbar-track, .dark-panel *::-webkit-scrollbar-track, .presentation-screen:::-webkit-scrollbar-track{
  background: #444;
}

.dark-panel::-webkit-scrollbar-thumb, .dark-panel *::-webkit-scrollbar-thumb, .presentation-screen::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 20px;
  border: 3px solid #333;
}


.dark-panel hr {
    border-color: #000;
    background-color: #000;
}



h1,h2,h3,h4 {
	text-transform:uppercase;
	font-weight:500;
}


.container {
	background
}

button, input[type='submit'] {
 all: unset;
 cursor:pointer;
}



.t-contain\:sm {
max-width:964px;	
}


aside.main-nav nav.desktop:after{
	content: "";
	display:block;
	border-top: 40px solid var(--t-color-primary);
	border-right:100px solid transparent;
	border-bottom:100px solid var(--t-grey-dark);

}

.shadow {
	box-shadow: 0px 5px 12px #444;
}


.shadow-inner {
	box-shadow: inset -3px 0px 5px rgba(0,0,0, .3);
}


.button,[type='submit'] {
		background-color: var(--t-color-primary);
		padding:1px 20px;
		color:white;
		line-height:1.9em;
		display:inline-block;
		text-transform:uppercase;
		font-size: var(--t-txt-med);
		border-radius:4px;
		position:relative;
		transition:background-color .3s ease, color .3s ease;
		text-decoration:none !important;
}	


.button:hover {
		background-color: var(--t-color-secondary);
}	




  .modal .button:hover,   .modal button:not(.btn-close):hover {
		color: var(--t-color-secondary);
		background-color:white;
}	



 form.btn-delete-holder {
    position: ABSOLUTE;
    bottom: 35px;
    left: 163px;
}


@media(max-width:392px){

	 form.btn-delete-holder {
	  
	    left: 129px;
	}

}


.t-bg\:grey2 .button:hover, 
.t-bg\:grey3 .button:hover, 
.t-bg\:grey4 .button:hover
.t-bg\:blk.button:hover {
			background-color: white;
			color:var(--t-color-primary);
}

.btn-rev, .btn-rev-alt{
	background-color:white;
	color:var(--t-color-primary);
}

.btn-rev-alt:hover, .btn-rev-althover:hover{
	background-color:white;
	color:var(--t-color-secondary);
}

hr.drk {
	background: #000 !important;
	border:none;
	height: 1px;
}
.controls {
	justify-content:space-between;
	flex-wrap: nowrap;
	min-width:130px;
}

.btn-sm {
    padding: 7px 10px;
    line-height: 17px;
    font-size: 16px ;
}


a.nav-btn:after{
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	display:block;
	width:100%;
	height:100%;
	background-position: center;
}

a.nav-btn {
	transition: opacity .3s ease;
}

a.nav-btn:not(:hover) {
	opacity:.5;
}
a.nav-btn:hover {
	opacity:1;
}


aside.main-nav  button.add-post {
	background-color:var(--t-color-primary);
	border-radius:50%;
	width: 45px;
	height:45px;
	position:fixed;
	bottom:20px;
	left:15px;
	display:flex;
	align-items: center;
	justify-content:center;
	transition: all .3s ease;
	z-index:1000
}

aside.main-nav  button.add-post svg{
	position:Relative;
	top: 3px;
    left: 0px;
    width: 22px;
    height: 22px;
	transition: all .3s ease;
}



aside.main-nav  button.add-post:hover {
	background-color: white;
}



aside.main-nav  button.add-post:hover svg g{
	stroke: var(--t-color-primary) !important;
}

.txt-link{
	border-bottom:1px solid;
}
a.nav-btn {
  width:25px;
  height: 25px;
  margin:12px auto;
  position:Relative;
  
}

a.nav-btn.dashboard:after{
	background-image: url('/static/assets/images/icon-dashboard-wht.svg');
}
a.nav-btn.schedule:after{
	background-image: url(/static/assets/images/icon-schedule-wht.svg);
}
a.nav-btn.history:after{
	background-image: url(/static/assets/images/icon-history-wht.svg);
}
a.nav-btn.social:after{
	background-image: url(/static/assets/images/icon-feed-wht.svg);
}
a.nav-btn.analytics:after{
	background-image: url(/static/assets/images/icon-analytics-wht.svg);
}
a.nav-btn.account:after{
	background-image: url(/static/assets/images/icon-account-wht.svg);
}



a.nav-btn.active {
	opacity:1;
	
}



.post-index {
	width:100%;
}





.post p {
	font-size: var(--t-txt-norm);
	line-height:1.1em;
}
.posts-recent {
	width:100%;

}



textarea, input, label, select, option{
	font-family: var(--t-font-primary);
	font-size: var(--t-txt-norm);
	line-height: 1.2em;
}




.post-meta {
	color: var(--t-grey-dark);
	border-top:1px solid var(--t-grey-norm);;
	border-bottom:1px solid var(--t-grey-norm);
	padding:2px 0;
	margin-top: 10px;
justify-content:space-between
}



.edit{

	text-align:Center;
	display: flex;
	align-items:Center;
	justify-content: Center;
	width:145px;
	position: relative;
	cursor: pointer;
}

/*.edit button{
	pointer-events: none;
}*/




.post {
	position:Relative;
	left: 0;
}


.post-index h2{
		font-size: 16px;
}

.post-index .tab {

	font-family: var(--t-font-secondary);
	display:inline-block;
	font-weight: 400;
}

.post-index.tabbed .tab {
	width: auto !important;
	font-weight: 400;
	padding:6px 20px 6px;
	position:relative;
}

.post-index.tabbed .tab::after {
	content:"";
	border-right:30px solid transparent;
	border-bottom:34px solid var(--t-color-secondary);
	position:absolute;
	top: 1px;
	right: -30px;
	
}

.post .edit {
	
transition:width .3s ease;
height: 100%;

}

@media (hover: hover) {
	.post .edit-action:not(:hover) .edit{
		width: 0;
	}

	.mobile-edit-button{

		display:none;
	}



.modal [type='submit'] {
	position:absolute;
		right:0;
		bottom: 0;
		border-radius: 4px 0 12px;
	
}


.modal .mobile-buttons{
	 display:none;
}



}

@media (hover: none) {

	.post:not(.show-edit) .edit-action .edit{
		width: 0;
	}

	.mobile-edit-button{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}

.modal .desktop-button{
	 display:none;
}
.modal .mobile-buttons >*{
	padding:0 2px;
	}

.modal .mobile-buttons .button{
	 text-align: center;
	 display:block;
	 box-sizing: border-box;
	 width:100%;
	 padding:1px;


}



}

	.post .edit-action + div {
	
		margin-right: -145px;
	}


.edit button{
	width:150px;
	padding-right:0;
	padding-left:0;
	border-radius:0;
	font-size:var(--t-txt-norm);
	font-weight: 900;
	text-transform: uppercase;
	background:none;
	
}

.grip {
	width:40px;
}
.grip img{
	left:8px;
	position:Relative;
}

.post .image {

	width:130px;
	height: 82px;
	border:1px solid #000;
	border-radius:4px;
	margin:5px;
	box-shadow: 0px 1px 5px rgba(0,0,0,.5);
}

.posts-recent .post .image {
border:1px solid #777;
}


.post .text {
	width: calc(100% - 130px);

}




.maxchar {
    color: white;
    font-size: 13px;
    padding-top: 5px;
    line-height: 1.2;
    text-align: right;
    max-width: 300px;
    margin: 0 0 0 auto;
}



.schedule {
	font-size:  var(--t-txt-small);
}

.post .image img{
	width:100%;
	height: 100%;
	object-fit:cover;
}

.sp {

	width:22px;
	display:inline-block;
	height:22px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	margin:5px 8px;
	cursor: pointer;
	transition: opacity .3s ease;

}





	

.social-platforms .sp[data-platform="parler"], .social-platforms\:color .sp[data-platform="parler"] {
	background-image: url(/static/assets/images/icon-parler-clr.svg);
	background-size: 80%;
}
.social-platforms  .sp[data-platform="facebook"],.social-platforms\:color .sp[data-platform="facebook"] {
	background-image: url(/static/assets/images/icon-facebook-clr.svg);
}
.social-platforms  .sp[data-platform="twitter"],.social-platforms\:color .sp[data-platform="twitter"] {
	background-image: url(/static/assets/images/icon-twitter-clr.svg);
}
.social-platforms  .sp[data-platform="gettr"],.social-platforms\:color .sp[data-platform="gettr"] {
	background-image: url(/static/assets/images/icon-gettr-clr.svg);
}

.social-platforms .sp[data-platform="truth"],.social-platforms\:color .sp[data-platform="truth"] {
	background-image: url(/static/assets/images/icon-truth-clr.svg);
	background-size: 78%;
}




@media(min-width:864px) {
.social-platforms  .sp[data-platform="parler"]{
	background-image: url(/static/assets/images/icon-parler-wht.svg);
	background-size: 80%;
}
 .social-platforms .sp[data-platform="facebook"]{
	background-image: url(/static/assets/images/icon-facebook-wht.svg);
}
.social-platforms .sp[data-platform="twitter"]{
	background-image: url(/static/assets/images/icon-twitter-wht.svg);
}
 .social-platforms .sp[data-platform="gettr"]{
	background-image: url(/static/assets/images/icon-gettr-wht.svg);
}

 .social-platforms .sp[data-platform="truth"]{
	background-image: url(/static/assets/images/icon-truth-wht.svg);
	background-size: 78%;
}

}


.t-flex\:rev {
	flex-direction:row-reverse;
}

@media(min-width:864px) {
	.t-flex\:rev\:m {
		flex-direction:row-reverse;
	}
}


@media(min-width:1500px) {
	.t-flex\:rev\:l {
		flex-direction:row-reverse;
	}
}



input['type=submit'] {
	unsel:all;
}



input[type="text"], input[type="email"],  input[type="password"], select{
	padding:8px 10px;
	width:100%;
	display:block;
	border:1px solid #ccc;
	box-sizing: border-box;
	border-radius:4px;
	font-size:var(--t-txt-norm);
	color:var(--t-grey-dark);
	background-color: #E8E8E8;
	
	
}







input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-transform:uppercase;
  font-family: var(--t-font-secondary);
}
::-moz-placeholder { /* Firefox 19+ */
   text-transform:uppercase;
  font-family: var(--t-font-secondary);
}
:-ms-input-placeholder { /* IE 10+ */
   text-transform:uppercase;
  font-family: var(--t-font-secondary);
}
:-moz-placeholder { /* Firefox 18- */
    text-transform:uppercase;
  font-family: var(--t-font-secondary);
}




/*  - - - - - - Modals - - - - - - */



.modal:not(.is-active){
	width:1px;
	height:1px;
	left:-100px;
	top:-100px;

}




.modal input[type='submit']:hover {
	background-color:white;
	color:var(--t-color-primary);
	
}


 [name="post-date"], [name="post-time"] {
 	font-size: 13px !important;
 	border-radius:6px;
 	background-color: white;
 	padding:5px !important

 	
 }


#post-modal form[action="/dashpost"] .undu {
    display: none;
}



html.show-modal, html.show-modal body{
	overflow: hidden;
}


.modal .bounding-box{
	opacity:0;
	transition:opacity .3s ease;
	    position: relative;

}

.modal .thumbnail{
	width:106px;
	height:78px;

  margin-bottom: 3px;

}

.modal .thumbnail img{
	width:100%;
	height:100%;
	object-fit:cover;
	  border-radius:8px;
	  	border:1px solid #888;
	box-shadow: 1px 1px 5px;
  overflow:hidden;

}


.thumbnail-upload{
	width:137px;



}



.thumbnail-upload input#imguploader {
    font-size: 16px;

}


input#imguploader {
	font-size: 0!important;
}


.modal .thumbnail-upload:not(.editimg) .undo {
    visibility: hidden;
    pointer-events: none;
}


.image-preview .browse-btn {
PAdding:0
}

input#imguploader::file-selector-button {
	
    background-color: var(--t-color-primary);
		padding:1px 10px;
		color:white;
		line-height:1.9em;
		display:block;
		text-transform:uppercase;
		border-radius:4px;
		position:relative;
		cursor: pointer;
		transition:background-color .3s ease, color .3s ease;
		border:none;
		

}

input#imguploader {
	margin:0
}
input#imguploader::file-selector-button:hover {

    color: var(--t-color-secondary) !important;
		background-color:white;
		

}

input#imguploader::file-selector-button, .image-preview button {
	font-size: 14px;
}

.modal.is-active .bounding-box{
	opacity:1;
}



.modal.is-active{
	position:fixed;
	width:100vw;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items: center;
	z-index:10000;
	background-color: rgba(0,0,0, .8);
	left:0;
	top:0;
	
}



.platform-selector input{
	display:none;
}
html.show-post-details .post-details textarea{
	padding: 7px;
	font-size: 16px;
  font-family: var(--t-font-primary);
  line-height: 1.3;

}

.modal .bounding-box, .modal .thumbnail {
	position:relative;
	overflow:visible;
}

.modal .bounding-box{
	border-radius:12px;
	box-shadow:0 0 10px rgba(0,0,0, .5);
	padding:5px 15px 15px;
	max-width:450px;
	width:calc(100% - 30px);
	margin-left:-10px;
	border: 1px solid #555;

}


.post-details textarea{
	width:100%;
	display:block;
	margin:auto;
	box-sizing: border-box;
}
.modal label+input{
 margin-top:8px;
}


.modal label+select{
 margin-top:8px;
}

.modal .post-info {
	padding-top:10px
}

.modal .button.undo {
	margin-top:5px 
}

@media(max-width:400px) {
	.modal .post-info {
		display: block;
	}
	
	.modal .thumbnail-upload:not(.t-hide) {
		display:flex;
		justify-content:space-between;
		align-items: flex-start;
		width:100%;
		max-width:200px;
		padding-bottom:15px;
		
	}
	.modal .image-preview {
		padding-right:0!important;
		padding-bottom:15px;
	}
	
	.modal .button.undo {
		margin-bottom:0!important;
		margin-top:0 !important
	}
	
	
	.modal .social-platforms\:color {
		padding-bottom:30px
	}
	
	
}

.modal .btn-close.btn-round {
	position:absolute;
	border-radius:50%;
	background-color: var(--t-color-primary);
	width: 25px;
	height:25px;
	display:flex;
	justify-content:center;
	align-items: center;
	color: white;
	font-size: 30px;
	right:-13px;
	top: -13px;
	cursor: pointer;
	z-index: 10;
	font-weight: 200;
}



.modal .thumbnail  .btn-close span{
		position: relative;
    left: 2px;
    top: -2px;
    font-size: 26px;
 }

.modal header .btn-close {
	position:absolute;

	width: 25px;
	height:25px;
	display:flex;
	justify-content:center;
	align-items: center;
	color: white;
	font-size: 30px;
	right:5px;
	top: 2px;
	font-weight:200;
	cursor: pointer;
	z-index: 10;
}




.btn-close span{
	transform:rotate(44deg);
	pointer-events: none;
}
	
.modal  .social-platforms\:color{
	left:-5px;
	position:relative;
}

.modal  .social-platforms\:color .sp {
	background-color:white;
	padding:8px 8px;
	border:5px solid white !important;
	display:inline-block;
	margin:2px 7px 20px !important;
	border-radius: 3px;
	position: Relative;
	font-style: normal;
	
	
	
	
}


.modal  .social-platforms\:color .sp:after {
content: "";
color:white;
position:absolute;
font-size: 12px;
bottom:-25px;
text-transform:uppercase;

}

.x-modal  .social-platforms\:color .sp[data-platform="facebook"] {
	margin-left:0!important
}
.modal  .social-platforms\:color .sp[data-platform="facebook"]:after {
content: "Facebook";
left:-5px
}
.modal  .social-platforms\:color .sp[data-platform="twitter"]:after {
content: "Twitter";
left:-4px
}
.modal  .social-platforms\:color .sp[data-platform="parler"]:after {
content: "parler";
left:1px
}

.modal  .social-platforms\:color .sp[data-platform="gettr"]:after {
content: "Gettr";
left:-3px
}

.modal  .social-platforms\:color .sp[data-platform="truth"]:after {
content: "Truth";
left:3px
}



.modal .sp {
	border:1px solid black;
}

.modal .sp.selected  {
	border:5px solid white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
}




button.edit {
	background-image: url('/static/assets/images/btn-edit-wht.svg');
	width:30px;
	height:30px;
	display:inline-block;
	background-color:var(--t-color-primary);
	background-size: 51% !important;
	background-repeat: no-repeat;
	background-position: 57% 47%;
	border-radius:3px;
	transition:background .3s ease;
	cursor:pointer

	
}

button.edit:hover {
	background-color:var(--t-color-secondary);
}


.modal .social-platforms\:color .sp:not(.selected) {
	opacity:.4;
	
}

.modal .social-platforms\:color .sp:hover {
	opacity:1;
}

.modal h4{
	font-size: var(--t-txt-small);
	padding-bottom:5px;
}


@media(max-width:767px) {

.modal h4{
	font-size: var(--t-txt-small-mob);
	padding-bottom:5px;
}
}


form  label{
		display:block;
		color:white;
		margin-top:10px;
		text-transform:uppercase;
		font-size:var(--t-txt-small);
}




html.mobile .edit-action{
		display: none !important;
	}

html.mobile .posts .article-block{
	width:calc(100% - 20px);
	margin-left:20px;
}


.lost-password.modal:not(.sent) .confirmation{
		display:none;
}

.lost-password.modal.sent .retrieve{
		display:none;
}



.update-password.modal:not(.changed) .success{
		display:none;
}

.update-password.changed .change{
		display:none;
}



.billing.modal:not(.changed) .success{
		display:none;
}

.billing.modal.changed .change{
		display:none;
}

/* Account Styles */

.pic-holder {
	border:1px solid white;
	box-shadow:3px 3px 10px rgba(0,0,0, .5);
	margin:0 10px 5px;
	border-radius:4px;
	display:inline-block;
	width: 150px;
	height: 150px;
	
}
.pic-holder img{
	margin:auto;
	display:block;
	width:100%;
	height: 100%;
	fit-object:cover;
	border:1px solid #777;
	
}


form:not(.show-labels ) label {
	display:none;
}
.account-fields input{
	margin-bottom:10px;
}
.account-fields .password,.pic-holder {
	position:Relative;
}


.pic-holder button.edit , .account-fields .password button.edit {
	position:Absolute;
	right: 4px;
	top: 3px;
}

.account-fields input[type="password"] {
	pointer-events: none;
	color:#999
}

a.nav-btn.mute {
		opacity:.2;
		pointer-events: none;
	}


.presentation-screen .container {
	width:100%;
	display:flex;
	background: none!important;

	justify-content: center;
	overflow-y: auto;

}



.presentation-screen {
	background-image: url('/static/assets/images/shadow-fade.svg');
	background-size: cover;
	width:100% !important;
	max-width: none!important;
	
}


.presentation-screen .login-form {

	max-width:400px;
	margin-right:auto;
	margin-left:auto;

}

@media(max-width:285px){
	.presentation-screen .mux-logo{
		width:100%;
		height:auto;
	}
}
.login-bg {
	border-radius:14px
}

.presentation-screen .content{

	max-width:1024px;
	margin:auto;
}




/*    -------- Accounts and Feeds   -------- */
.accounts {
	overflow:visible;
	padding:0 15px;
}
.network {
	border: 1px solid var(--t-grey-norm);
	border-radius: 9px;
	margin-top:calc(var(--t-site-padding) / 2);

	max-width:600px;
	margin-right:Auto;
	margin-left:Auto;
	box-shadow:0 0 0px rgba(0,0,0,.5);
	transition:all .3s ease;
}


.network.active {
		box-shadow:0 0 15px rgba(0,0,0,.5);
		
}


.network:not(.active) .api-info {
		display:none;
}

.network:not(.active){
	padding-bottom:5px !important;
}



.network .flex\:fill{
	justify-content:space-between
}

.network .active-toggle{
	width: 60px;
	border:1px solid  var(--t-grey-norm);
	height: 30px;
	border-radius:200px;
	position:relative;
	background:var(--t-grey-norm);
	transition:background .3s ease;
	top:10px;
	cursor: pointer;
}


.network .active-toggle:after{
	content:"";
	position:absolute;
	height: 24px;
	width: 24px;
	left: 1px;
	top: 2px;
	display:block;
	border-radius:50%;
	background-color: white;
	transition:all .3s ease;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}

.network.active .active-toggle{
	background:var(--t-color-tertiary);

		
}

.network h3, .feeds h4 {
	text-transform: none;
}
.network.active .active-toggle:after{
	left: calc(100% - 27px);
}

.network  .social-platforms\:color {
		width: 80px !important;
		height:60px;	
}
.network  .social-platforms\:color .sp{
		width: 40px !important;
		height:40px;
}

.network:not(.active) .social-icon, .network:not(.active) .api-info{
	opacity:.6;
	pointer-events:none;
} 


.feeds .sp {
	width:15px;
	height:15px;
}

.profile-details{
	position:relative;
}

@media(min-width:600px){
	[data-target="schedular-modal"]{
		position:absolute;
		top:0;
		right:0;
	}
}


.network .api-info {
		position:relative;
	}


	.network .network-delete{
		position:absolute;
		bottom:0px;
		left:90px;
	}





/* -------- Desktop Styles  -------- */


@media(min-width:768px) {
	
	aside.main-nav nav {
		width:77px;
		
		flex-direction: column;
		justify-content:space-around;
	}



.pane.pane-alt{
	height: calc(100vh - 92px);
}

.dark-panel {
	color:white;
}

.dark-panel .button:not(.btn-reg):hover{
	background-color:white;
	color:var(--t-color-primary);

}

.dark-panel .pane {
	background-color:var(--t-color-secondary);
}



.dark-panel .feed-details {
	color:var(--t-grey-norm) ;
}
.dark-panel .feed-details strong {
	color:white ;
}


 .dark-panel *:not(.button) {
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



 .container {

			box-shadow: 0px 3px 5px #444;
	}


	.haspanes .container {

		height: calc(100vh - 2px);
		overflow:hidden;
		box-shadow: 0px 3px 5px #444;
	}

	aside + .container {
		width:calc(100% - 77px);
	}
	
	 .pane-scroller {
		overflow-y: auto;
	
	 }
		
    

	.post .article-block{
		width:calc(100% -  40px);
	}
	
	.button {
		white-space:nowrap;
	}
	
	.account-fields {
		min-width: 340px;
	}
	
main:not(.presentation-screen) .container > .content {
		min-height:calc(100vh - 95px) !important
	}

}


/* -------- Mobile Styles  -------- */


@media(max-width:864px) {
	
	header.mobile .mobile-header{
	position:absolute;
	right: 15px;
	top: 5px;
	text-transform:uppercase;
	color:white;
	font-weight: 500;
	width:50%;

	text-align:center;
	padding-left:10px
	}
	.grip{
		width: 20px;
	}
	
	.grip img{
		left: 6px;
		width:8px;
	}
	
	.sp {
		width:17px;
		height:17px;
		margin:5px 2px;
	}
	
	aside.main-nav header.mobile {
		width:100%;
		height:37px
	}

	.post .article-block{
		width:calc(100% -  30px);
	}
	
	.account-fields {
	max-width:400px;
	margin:auto;
	}
	
	.main-nav header {
		overflow:hidden;
	}
	.main-nav header img{
		height: 49px;
		width:auto;
		top: -10px;
		width:auto!important;
		max-width:none;
		position:relative;
	}
	
 .main-nav header .logo{
		text-align:left;
	}
 .main-nav .logo {
		text-align:left;
		left: 50%;
		display:inline-block;
		position:relative;
		margin-left:-171px
	}
 .mobile.post-nav .t-flex{
		padding:8px 0!important;
	}
 .mobile.post-nav {
		position:Relative;
		overflow:hidden;
		font-family: var(--t-font-secondary);
		font-size: 14px;
	}
	 .mobile.post-nav button {
			position:Relative;
			z-index:2;
			display:block;
			width:50%;
			text-align:Center;
	 	color:#888
		}
 	
 	
 	.mobile.post-nav .tint{
		width:calc(50% - 34px);
		position:absolute;
		top: 0;
		bottom:0;
		background-color:#D8D8D8;
		z-index:1;
		overflow:visible;
	}
	
	.post-nav[data-pane='lt'] button[data-pane='lt'] , .post-nav[data-pane='rt'] button[data-pane='rt'] {
		color:var(--t-color-primary);
	}
	

	main .content [data-pane*='t'] {
		display:none!important
	}
	
		main[data-pane='lt'] .content [data-pane='lt'] {
		display:block!important
	}
	
		main[data-pane='rt'] .content [data-pane='rt'] {
		display:block!important
	}
	
	main[data-pane='rt'] .content [data-pane='rt'] .pane.t-bg\:grey3 {
		background-color: transparent;
	}
	main[data-pane='rt'] .content [data-pane='rt'] .pane.t-bg\:grey3, main[data-pane='rt'] .content [data-pane='rt'] .pane.t-bg\:grey3 p{
	color: var(--t-grey-dark);
	}
	
	.schedule.t-txt\:wht {
		color: var(--t-grey-med);
		line-height:1.2em
	}

	
	.mobile.post-nav .tint:after{
		content: "";
		position:absolute;
		bottom:0;
		
		}
		
		
		.post-nav[data-pane='lt'] .tint{
			right: -10px;
			opacity:.4;
	}
	.post-nav[data-pane='rt'] .tint{
			left: -10px;
			opacity:.4;
	}
	
	
	
	.post-nav[data-pane='rt'] .tint:after{
		left: 100%;
		border-top:60px solid #D8D8D8;
		border-right:70px solid transparent;

	}
	.post-nav[data-pane='lt'] .tint:after{
		right: 100%;
		border-top:60px solid #D8D8D8;
		border-left:70px solid transparent;

	}
	
	.footer-nav.mobile {
		position:fixed;
		bottom:0;
		width:100%;
		z-index:100;
		
		height:60px;
	}
	
	
	
	.footer-nav .nav-items {
		width:calc(100% - 55px);
		margin-left: 55px;
	}
	
	.footer-nav a.nav-btn {
		padding-top:5px !important;
		padding-bottom:10px !important;
		width:33%;

	}
	.footer-nav .nav-items a:after{
		background-size: auto 90%;
		padding-right:3px;

	}
	

			.footer-nav a.nav-btn:nth-child(even) {
			border-right:1px solid #777;
			border-left:1px solid #777;

		}

		


	html aside.main-nav button.add-post {
		border-radius:0!important;
		box-shadow:none;
		left: 0;
		bottom:0;
		right:auto;
		height:60px
	}
	
	.network .api-info div:nth-child(odd) input {
		margin-bottom:10px
	}
	

			main:not(.presentation-screen) {
			    height: calc(100vh - 63px);
    
		}
			main{
    			overflow-y: auto;
		}
			.pane-scroller{height:auto !important}
	


}


.post-nav  > div{
    justify-content: space-around;
    	width:100%;

}


.post-nav button{
    justify-content: space-around;
    text-transform: uppercase;

}

@media(max-width:728px) {
	
	.post .text p{
		font-size:var(--t-txt-norm);
	}

	aside.main-nav  button.add-post {
		left:auto;
		right: 10px;
		bottom: 10px;
	}
		
	.post-details header .btn-close {
		right:0
	}


	html.mobile .edit-action{
			display: none !important;
		}
	
	html.mobile .posts .article-block{
		width:calc(100% - 30px);
		margin-left:15px;
	}
	


}

@media(max-width:450px) {
	header.mobile .mobile-header{
	right: 5px;
}

}

@media(max-width:320px) {
	

	.article-block > div{
		display:block;
	}
	.article-block .image {
		margin:0 auto 20px
	}
	.article-block {
			text-align:center;
	}

	.post-meta{
		display: block;
	}
	.post-meta > [class*="social-platforms"] {
			justify-content:Center;
			align-items: center;
			display:flex;
	}

	.schedule {

		line-height:.9em;
		margin-top:3px;
		padding:5px 0;
		border-top: 1px solid var(--t-grey-norm);
	}


	
	.article-block .text {
		margin:0 auto 20px;
		width:auto;

	}
}



@media(min-width:864px) and (max-width:1024px){


				.t-fnt\:smooth\:m {
			    -webkit-font-smoothing: antialiased;
			    -moz-osx-font-smoothing: grayscale;
			   }

}

@media(min-width:1024px){


				.t-fnt\:smooth\:l {
			    -webkit-font-smoothing: antialiased;
			    -moz-osx-font-smoothing: grayscale;
			   }

}














/* ——— Date timepicker —————— */





::-webkit-calendar-picker-indicator {
  filter: invert(100%);
  opacity:.4;
}



html.safari form ::-webkit-calendar-picker-indicator {
    opacity:0;
}


.modal .icon-time, .modal .icon-date {
	position: relative;
}
.modal .icon-time::after {
	position:absolute;
	content:"";
	width:15px;
	height:15px;
	background-size: cover;
	display:block;
	background-image: url(/static/assets/images/icon-time.svg?uc=1);
	right: 12px;
	top: 12px;
	pointer-events: none;
}


.modal select {
    padding: 5px;
	font-size: 14px;
}


.modal select, [name='date-post'],  [name='time-post']  {
	background-color: white;
	
}

.modal .icon-date::after {
	position:absolute;
	content:"";
	width:14px;
	height:14px;
	background-size: cover;
	display:block;
	background-image: url(/static/assets/images/icon-cal.svg?uc=1);
	right: 12px;
	top: 12px;
	pointer-events: none;
}







/* Date Picker */


.ui-datepicker-header, .ui-state-default {
	border-radius:0 !important;
	background:none!important;
	border:none!important;
	font-size: 12px;
	line-height: 1em;
}
.ui-datepicker-header {
	padding:8px 5px;
}
.ui-datepicker-calendar tr{
	color: black;
}


.ui-widget-header .ui-icon {
	background-image: none;
}

.ui-widget-header .ui-icon {
	background-image: none;
	position:relative;
	width:30px;
	height:30px;
}
.ui-widget-header .ui-icon:after {
content:"";
position:absolute;
border-top: 10px solid black;
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
top: 0;

}



.ui-datepicker-next .ui-icon:after {

transform:rotate(45deg);
right: 23px;

}

.ui-datepicker-prev .ui-icon:after {

transform:rotate(-134deg);
left:10px;
top: -5px;

}


.ui-state-default {
	text-align:center !important;
}

.ui-datepicker th {
	font-weight: normal!important;
	font-size: 12px;
}

.ui-widget-header .ui-state-hover {
	background: none;
	border: none;
}

.ui-datepicker-next,.ui-datepicker-prev {
	padding:5px;
	color:white;
}
.ui-datepicker-next {
	position:absolute;
	right: 0px;
	top: 5px;
}

.ui-datepicker-title {
	padding:10px;
	text-align:center;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

	color:black!important
}





 #ui-datepicker-div {
	background: var(--t-color-primary) !important;
	border:none;
	border-radius:10px;
	box-shadow:0 0 25px rgba(0,0,0,.5);

}
.ui-datepicker-calendar {
	min-width:200px;
}
.ui-datepicker-calendar td {
	padding:0 !important;
	margin:0;
	text-align:center;
	
}

.ui-datepicker-calendar td a{
	color:white !important;

}

 .ui-datepicker-calendar td.ui-datepicker-unselectable span{
	color:white !important;
}
 .ui-state-active, html.mobile .ui-widget-content .ui-state-active, html.mobile .ui-widget-header .ui-state-active {
	background-color: white !important;
	color:#293131!important;
}

 .ui-datepicker-title span {
	color:white!important
}
.ui-datepicker-calendar tr{
	color: #ffffff;
}

.ui-datepicker-next, .ui-datepicker-prev {
	filter: invert(100%);
}




/* Time Picker */


.ui-timepicker-container {
	z-index:1000 !important;
	font-size: 12px !important;
	border:none;
	text-align:center;
	background: var(--t-color-primary) !important;
	border:none;


	box-shadow:0 0 25px rgba(0,0,0,.5);
}


.ui-timepicker-standard {
	z-index:10000!important;
	
}
.ui-timepicker-standard .ui-corner-all {
	background: transparent !important;
	border-bottom:1px solid rgba(255,255,255, .1);

	
	
}

.ui-timepicker-container {

	border:none;
	border-radius:10px;
	padding:3px;

}

 .ui-timepicker-standard .ui-corner-all {
	padding:3px;
	color:#efefef
}

.ui-timepicker-standard .ui-state-hover {
	background:white !important;
	color:#293131

}