html{height: 100%; overflow-x: hidden;}
body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	background-color: #1A1B1C;
	height: inherit;
	font-family: "Questrial Regular", Helvetica, Arial, sans-serif;
	color: #fff;
	letter-spacing: .1em;

}
.background{
	position: fixed;
	bottom: 0px;
	background: #12171f; /*linear-gradient(180deg, #1A1B1C, #1A1B1C, #1A1B1C, #1A1B1C, #1A1B1C, #222b39);  */
	height: 100%;
	width: 100%;
	z-index: -1;
}
hr{border-color: #222b39;}
h1, h2, h3, h4, h5, h6{color: #fff;}
button{cursor: pointer;}
select{height: 30px;}
.curve-link:hover{text-decoration: underline !important;}
a{color: inherit; text-decoration: underline;}
a:hover{color: #bdefdf;}
a:not([href]):not([tabindex]){cursor: pointer; color: #bde4df;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #bdefdf;}



button>a{text-decoration: none;}
button>a:hover{color: inherit; text-decoration: none;}

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6{
	color: inherit;
}

.alert.alert-warning a:not([href]):not([tabindex]){
	color: indianred;
}

.dropdown-item:focus, .dropdown-item:hover {  background-color: #1A1B1C;}
.dropdown-item.active{background-color: #000;}

input[type="radio"]{cursor: pointer;}
td{vertical-align: top; position: relative;}
#root{
	/*height: 100%; this disables the scroll event from firing for the mainheader
	overflow-x: hidden;*/
}
.table .table{
	background: transparent;
}

.story-container h1, .story-container h2, .story-container h3, .story-container h4, 
	.story-container h5, .story-container h6{color: inherit;}

/*.cell-edit-side-window-content h1, .cell-edit-side-window-content h2,
	.cell-edit-side-window-content h3, .cell-edit-side-window-content h4,
	.cell-edit-side-window-content h5, .cell-edit-side-window-content h6{
		color: #FFF;
}*/

.modal-open{
	overflow: initial !important;
	padding-right: 0px !important;
}

.modal-open::-webkit-scrollbar{
	width: 0;
}

.modal-backdrop.show {
		opacity: .8;
		background-color: #1A1B1C;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
			 -moz-user-select: none; /* Old versions of Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently
																	supported by Chrome, Edge, Opera and Firefox */
}

.main-header{position: fixed; z-index: 200; width: 100%; /*height: 128px;*/ top: 0;
	transition: top 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}
.main-header .main-header-bg{
	background-color: #1A1B1C; position: absolute; top: 0; width: 100%; height: 100%;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.main-content-wrapper{
	padding-top: 82px;
	min-height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	/*height: calc(100%);*/
}
.main-content-wrapper[data-page=pr]{height: 100%; padding-top: 0;}
.main-content-wrapper[data-page=index]{padding-top: 0;}
.main-content-wrapper[data-landing=false][data-editing=true]{padding-top: 0;}

.main-embed-wrapper{overflow: hidden; height: 100%;}


.main-content-wrapper[data-landing=false]{padding-top: 52px;}


.footer{
	background-color: #383544;
	width: 100%;
	bottom: 0px;
	padding: 5px;
	margin-top: 20px;
	display: none; /*TODO: allow to be shown when mouse towards bottom of page; */
}
.footer a{padding: 0px 15px; color: #fff;}

.footer .list-inline{margin-bottom: 0px;}
.footer .list-inline-item{font-size: 14px; padding: 0 25px;}

.footer-logo>img{
	vertical-align: unset;
}

.trademark{
	display: inline-block;
	vertical-align: sub;
}

.nav-tabs .nav-link.disabled:hover{color: #6c757d;}
.nav-tabs .nav-link.active:hover{color: #495057;}

.btn:not(.btn-sm){
	border-radius: 20px;
	padding: 8px 20px 5px;
	/*text-transform: uppercase;*/
	letter-spacing: 0.2em;
	font-size: 15px;
	border-width: 3px;
}

.fancy-link{
	position: relative; display: inline-block; margin: auto;
	
}
.fancy-link-underline{
	height: .15em;
	background-color: #bde4df;
	margin-left: 8px;
	opacity: 0;
	width: 0;
	transition: opacity 1s, width 1s;  
}
.fancy-link:hover .fancy-link-underline{
	opacity: 1;
	width: 35px;

}


.unauthorized-alert{color: #fff; text-align: center; padding-top: 30px;}

.logo-black img, .logo-white img{width: 50px;}
.curveate-banner{text-align: center; padding: 50px 0;}
.curveate-banner[data-color="black"]{background-color: #1A1B1C; color: #fff;}
.curveate-banner[data-color="white"]{background-color: #ffffff; color: #000;}
.curveate-banner[data-color="blue"]{background-color: #bde4df; color: #000;}
.curveate-banner[data-color="blue"] h1{color: #000;}
.curveate-banner[data-color="blue"] h2{color: #000;}
.curveate-banner[data-color="blue"] h3{color: #000;}
.curveate-banner[data-color="blue"] h4{color: #000;}
.curveate-banner[data-color="blue"] h5{color: #000;}
.curveate-banner .title{font-size: 38px; text-transform: uppercase; letter-spacing: .2em; padding: 30px 0 10px; line-height: 1.2em;}
.curveate-banner .subtitle{font-size: 13px; text-transform: uppercase; letter-spacing: .2em; line-height: 1.8em}
.curveate-banner .search{
	text-align: left;
	padding-bottom: 60px;
	position: relative;
	padding-left: 40px; padding-right: 40px;
}
.curveate-banner hr{border-color: #bde4df}
.curveate-banner[data-color="black"] hr{border-color: #083747}

.curveate-banner-influencers{margin-bottom: -250px;}

.curveate-banner .search .title{
	color: #bde4df;
	font-size: 48px;
	letter-spacing: .2em;
	display: inline-block;
	padding-right: 20px;
	position: relative;
}
.curveate-banner .search input{background-color: #000; border: 0; padding: 0 20px; width: 100%; color: #fff;}
.curveate-banner .search a{position: absolute; right: 0px; top: 0;}
.curveate-banner .search .search-bar{position: absolute; width: 100%;}
.curveate-banner .search img{width: 75px; vertical-align: middle;}
.curveate-banner .search .search-line{width: 120px; height: 7px; background-color: #bde4df;}
.curveate-banner-jumbotron{max-width: 680px; margin: auto; padding: 0 10px;}
.curveate-banner-jumbotron .subtitle{padding-left: 0;}
.curveate-side-title{
	transform: rotate(90deg); 
	position: absolute; 
	transform-origin: 0 0; 
	left: 50px; 
	text-transform: uppercase;
	color: #000;
	letter-spacing: .4em;
	font-size: 16px;
	text-align: left;
}
.curveate-side-title-wrapper{
	position: relative;
	white-space: nowrap;
}
.side-title-line{
	 background: #083747; height: 1px; width: 115%;}

.curveate-side-title[data-color="white"]{color: #fff;}
.curveate-side-title[data-color="white"] .side-title-line{
	background: #bde4df;
}

.curveate-banner-influencers .curveate-side-title{
	left: -5px;
}

.brand-inspo-cards .curveate-side-title{left: 10px;}


.story-container[data-height_initial=true]{
	height: initial !important;
}

.main-content-wrapper[data-mobile="true"][data-editing="true"] .story-container{
	margin-bottom: 50px !important;
}

.template-preview .story-container[data-height_initial=true] .cell{
	padding: 0 !important;
}

.featured-view .curveate-side-title{left: 30px; top: 65px;}

.featured-view .story-container{margin-bottom: 20px;} 
.featured-view .btn-sm{border-radius: 15px;}
.featured-view .btn-sm:hover{background-color: #bde4df;}

.curveate-carousel{text-align: center; height: 100%; display: flex; position: relative; overflow: hidden; width: 100%;}
.curveate-carousel .title{
	font-size: 48px; letter-spacing: .3em; text-transform: uppercase; 
	margin-top: 100px; 
	padding: 0 20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; display: inline-block;
}
.curveate-carousel .get-started-button, .curveate-custom-link-button{
	border-color: #bde4df; font-size: 14px; margin-left: 40px;
}
.curveate-carousel .get-started-button[disabled]{
	cursor: not-allowed;
	background: lightgray;
	border-color: grey;
}
.curveate-carousel .get-started-button[disabled]:hover{
	cursor: not-allowed;
	background-color: lightgray !important;
	border-color: grey !important;
	color: #fff;
}
.curveate-carousel .discover-more-button{border-color: #bde4df; font-size: 14px; background-color: #1A1B1C;}
.curveate-carousel .carousel-image{position: absolute; height: 100%; width: 100%;}
.curveate-carousel .carousel-image img{width: 100%; height: 100%;}
.curveate-carousel-overlay{position: absolute; width: 100%; height: 100%; top: 0; z-index: 1;}

.curveate-carousel .cell{width: 100%; height: 100%;}

.background-carousel{position: absolute; top: 0; width: 100%; left: 0; height: 100%;}

.discover-more-carousel .title{background: rgba(0,0,0,.7);}

.contact-page .curveate-carousel{overflow: initial;}
.contact-page .curveate-carousel-overlay{position: fixed;}
.contact-page .curveate-carousel .carousel-image{position: fixed;}


.nav-right-buttons{
	position: absolute; right: 50px; margin-top: -4px;
}
.get-started-button, .sign-in-button, .register-button, .discover-more-button,
	.curveate-custom-link-button{
	background: transparent;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 50px;
	padding: 5px 18px 6px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .3em;
	margin-right: 35px;
	outline-color: #bde4df !important;
}
.curveate-custom-links{
	padding-top: 10px;
	padding-bottom: 10px;
}
.curveate-custom-link{
	padding-bottom: 15px;
}
.curveate-custom-link:last-child{
	padding-bottom: 5px;
}
.register-button{margin-left: 20px;}
.get-started-button:hover, .sign-in-button:hover, .register-button:hover, .get-started-button.active, 
	.discover-more-button.active, .discover-more-button:hover, 
	.curveate-custom-link-button:hover{
	color: #000;
	background-color: #bde4df !important;
}
.register-button[disabled]{background-color: #888; cursor: default; color: #fff;}


.curveate-carousel-jumbotron{
	text-align: left; width: 1380px; 
	margin: auto; z-index: 1; padding: 0 15px;
}

.curveate-carousel-jumbotron .btn{
	text-transform: uppercase;
}

.curveate-banner-influencer{text-align: left;}
.curveate-banner-influencer .learn-more{text-transform: uppercase;}

.landing-footer{border-top: 3px solid #707070; padding: 170px 0px 40px;}
.landing-footer .footer-nav{ padding-top: 50px; font-size: 15px;}
.landing-footer .footer-nav-item{display: inline-block; padding: 35px; text-transform: uppercase;}
.landing-footer img{width: 260px;}

.curveate-banner-spacer{height: 150px;}
.brand-inspiration-banner{
	padding-bottom: 0;
	position: relative;
}
.brand-inspo-cards{/*margin-top: -20%;margin-bottom: -38%;*/}
.brand-inspo-cards table{
	position: relative;
	z-index: 1;
}
.brand-inspo-card{
	/*display: inline-block; */
	margin: 0 20px; text-align: left; 
	position: relative;
	vertical-align: top; color: #000;
	position: relative;
}
.brand-inspo-card-wrapper{}
.brand-inspo-card .title{font-size: 13px; padding: 10px 2px 20px;}
.brand-inspo-card .headline{
	text-transform: uppercase; font-size: 30px; letter-spacing: .2em; line-height: 1.2em; 
	padding-left: 3px; padding-right: 3px;

}
.brand-inspo-card[data-size="medium"] .title{font-size: 16px;}
.brand-inspo-card[data-size="medium"] .headline{font-size: 40px; padding: 0 5px;}

.brand-inspo-card .blank-item{
	border: 1px solid #000;
	background: rgba(255,255,255, 0.2) !important;
}

.editorial-teaser-background{
	background-color: #bde4df;
	position: absolute;
	top: 0;
	width: 100%;
	height: 78%;
}

.main-content-wrapper[data-mobile=true] .editorial-teaser-background{
	height: 70%;
}


.search-result-cards{text-align: center;}
.search-result-card{display: inline-block; margin: 0 20px 90px;}
.search-result-card .discover-more-wrapper{
	margin-top: 85px; text-align: left;  cursor: pointer;
}
.search-result-card .discover-more{
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: .25em;
	padding-bottom: 3px;
}

.discover-more-wrapper .search-line{
	height: 7px;
	background-color: #bde4df;  
	opacity: 0;
	width: 0;
}
.search-result-card .discover-more-wrapper:hover .search-line{
	opacity: 1; width: 120px;
}

.learn-more{
	font-size: 20px; padding-top: 65px; letter-spacing: .15em; 
	text-transform: uppercase; padding-bottom: 5px; cursor: pointer;
}
.learn-more .search-line{
	/*width: 0;
	opacity: 0;*/
	height: 7px;
	background-color: #bde4df;  
	width: 120px;
	
}
.learn-more:hover .search-line{
	opacity: 1; width: 140px;
}

.search-line, .curve-nav-link-active, .nav-link-active{
	transition: opacity 1s, width 1s;
}

.search-result-card-image{position: relative;}
.search-result-card .headline{
		text-transform: uppercase;
		font-size: 22px;
		letter-spacing: .25em;
		background-color: #1A1B1C;
		position: absolute;
		bottom: -20px;
		left: 0px;
		overflow-wrap: break-word;
		padding: 0 5px;
		max-width: 93%;
}


.anim-container{
	display: inline-block;
	background-color: #eee;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}
.anim-marks{
	position: absolute;
	width: 100%;
	height: 100%;
}
.anim-container.adding .anim-mark{
	pointer-events:none;
}
.anim-mark{
	position: absolute;
}
.anim-controls{
	padding: 5px;
	padding-bottom: 0;
	background-color: #333;
	display: inline-block;
	margin-right: 5px;
}
.anim-controls .list-inline{
	margin: 0;
	margin-bottom: 5px; 
}
.on path{
		fill: pink;
		stroke: red;
		stroke-width: 2;
}

.cell{  
	position: relative;
	/*flex: 1;*/
	height: 100%;

}

.cell-wrapper{width: 100%; height: 100%; position: relative;
	min-height: inherit;
}

.editing .cell{
	cursor: pointer;
	/*background-color: #222b39 !important;*/
}
.editing .grid-cell.active .cell-highlight{
	border-color: #67074e;
}
.cell-id{
	color: #fff;
	position: absolute;
	z-index: 3;
	background: black;
	padding: 0px 5px;
	display: none;
	pointer-events: none;
	left: 0;
	font-size: 12px;
}
.editing .cell-id{display: unset; margin-top: 1px; margin-left: 1px;}

.basic-layer .cell{height: initial;}


.table-layer{width: 100%; text-align: center;}
.table-layer table{
	width: 100%; table-layout:fixed;
}

.table-layer table td{padding: 0; }

.table-layer[data-celldisplay="inline"]>.cell{
	display: inline-block; vertical-align: top;
}

.table-layer[data-celldisplay="inline"]>.cell[data-relative=true] .ui-elements-display{
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.table-layer .cell{
	text-align: left; border-top: 0;
}
.table-layer[data-rows="1"][data-cols="1"] .cell{
	display: inline-table;	
}
/*.table-layer .cell-wrapper{position: absolute;}*/
.table-layer .cell .item-type{/* min-height: 100px; min-width: 100px;*/}

.template-card .table-layer .cell{
	/*min-height: 73px !important;*/
}
/*.template-card .table-layer .cell .item-type{ min-height: 73px; min-width: 70px;}*/

.cell-select{text-align: center; padding-top: 7px;color: #fff;}
/*.cell-select:hover{cursor: pointer;}*/

.cell-highlight{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0px;
		border: 6px solid rgba(100,100,100, 0.3);
		z-index: 4;
		cursor: pointer;
}

.cell-highlight:hover{
	border:  6px solid #2e0723;
}

.cell-highlight[data-occupied="true"]{
	background-color: #67074ea1;
}

.cell-highlight.active, .cell-highlight.active:hover{
	border: 6px solid rgba(103,7,78,0.6) !important; 
	cursor: pointer;
	pointer-events: none;
}

.cell-highlight.active:hover{
	
}

.cell-highlight[data-hidetools=true]{
	border-color: rgba(100, 100, 100, 0.3) !important;
	cursor: default !important;
}

.cell-highlight-wrapper{
	width: 100%;
	height: 100%;
}
.cell-split{
	position: absolute;
		width: 100%;
		left: 0px;
		top: 0px;
		height: 100%;
		cursor: pointer;
}
.cell-split .cell-split-quadrant{
	width: 50%;
	height: 50%;
	display: inline-block;
}

.cell-split.vertical-split .cell-split-quadrant.top-left-resize, .cell-split.vertical-split .cell-split-quadrant.bottom-left-resize{
	border-right: 2px solid rgba(255, 0, 0, .5);
}
.cell-split.vertical-split .cell-split-quadrant.top-right-resize, .cell-split.vertical-split .cell-split-quadrant.bottom-right-resize{
	border-left: 2px solid rgba(255, 0, 0, .5);
}

.cell-split.horizontal-split .cell-split-quadrant.top-left-resize, .cell-split.horizontal-split .cell-split-quadrant.top-right-resize{
	border-bottom: 2px solid rgba(255, 0, 0, .5);
}
.cell-split.horizontal-split .cell-split-quadrant.bottom-left-resize, .cell-split.horizontal-split .cell-split-quadrant.bottom-right-resize{
	border-top: 2px solid rgba(255, 0, 0, .5);
}

.cell-indicator{
	position: absolute; 
	top: calc(50% - 11px); 
	left: calc(50% - 11px);
	width: 23px;
	height: 23px;
	text-align: center;
	border-radius: 100%;
	cursor: pointer;
	color: red;
}
.cell-indicator svg{cursor: pointer;}

.block-inline{width: 100%; height: 100%; text-align: center;}


.grid-table{/*height: 100%;*/ width: 100%; margin: auto; overflow: hidden;}
.grid-table tr{position: relative; margin: auto; /*display: flex; height: 100%;*/}
.grid-table tr>td{overflow-wrap: anywhere;}
.grid-cell{ 
	/*flex: 1;*/
	padding: 0px;
	position: relative;
	padding-right: 0px;
	/*display: inline-block;*/
	margin: auto 0px;
}
.grid-cell.cell-selected{
	position: fixed;
	width: 100%;
	height: calc(100%) !important;
	z-index: 3;
	background-color: #000;
	border: 0;
	left: 0;
	top: 0px;
	border-top: 1px solid #222b39;
}
.grid-cell-temporary-wrapper{
	background-color: #222;
	display: inline-block;
	padding: 5px;
	overflow: hidden;
	vertical-align: top;
	margin: 5px;
}
.grid-cell-temporary{
	height: 200px;
	width: 200px;
	position: relative;
	background-color: #000;
}
.grid-cell-temporary .cell{
	min-width: 350px;
}

.grid-cell-temporary-wrapper[data-editing=true]{
	overflow: initial;
}
.grid-cell-temporary-wrapper[data-editing=true] .item-type-container{
	position: relative;
}
.grid-cell-temporary-wrapper[data-editing=true] .remove-media-btn{
	position: absolute;
	right: -32px;
}

.grid-cell-temporary-wrapper[data-editing=true] .image-media-bg{
	background-size: 100% !important;
}

.grid-cell-temporary .event-hint{display: none;}

.item-type-edit-icon{position: absolute; color: #fff; right: 0px; top: 0px; cursor: pointer;}
.item-type-edit-icon[data-details="true"]{position: unset;}
.item-type-edit-icon-wrapper{
	background: grey; border-radius: 100%; width: 30px; height: 30px;
	padding-top: 5px; text-align: center; display: inline-block;
}
.item-type-edit-icon-wrapper:hover{background: #c7c7c7; color: #000;}


.media-update-form, .block-style-cell-form{
	padding: 10px 4px;
	font-size: 14px;
	min-height: 400px;
	/*text-align: center;*/
}

.cell-edit-types .media-update-form, .cell-edit-types .block-style-cell-form{
	min-height: initial;
}

.cell-blocks-form .ui-element-list-nav{display: none;}

.cell-style-form{
	padding: 10px;
	font-size: 14px;
	/*text-align: center;*/
}


.cell-style-form select{padding: 2px;}

.cell-style-form input[type="number"], .block-style-cell-form input[type="number"],
.layer-interactions-form input[type="number"]{
	width: 60px;
}

.media-update-form .item-type{height: 350px; width: 350px; margin: auto; background-color: #000; overflow: visible !important;}
.media-update-form .transparent-image img{width: initial; max-height: 350px; max-width: 350px;}

.cell-style-form .item-type{
	/*height: 300px; width: 300px; margin: auto; background-color: #000; 
	overflow: visible !important;*/
}


.frame-box .grid-cell-temporary{height: unset;}
.grid-cell-temporary .cell-highlight{display: none;}

.grid-cell-spacer{
	position: relative;
}
.grid-cell-spacer.vertical-spacer{
	padding: 0px;
}
.grid-cell-spacer.vertical-spacer .spacer-handle{
	position: absolute;
	height: 100%;
	width: 41px;
	left: -20px;
	top: 0px;
	z-index: 1;
	cursor: pointer;
}
.grid-cell-spacer.vertical-spacer .spacer-handle .spacer-center{
	position: relative;
	width: 30%;
	margin: auto;
	height: 100%;   
}
.grid-cell-spacer.horizontal-spacer{height: 0px;}
.grid-cell-spacer.horizontal-spacer .spacer-handle{
	position: absolute;
	width: 100%;
	height: 41px;
	top: -20px;
	z-index: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.grid-cell-spacer.horizontal-spacer .spacer-handle .spacer-center{
	position: relative;
	height: 30%;
	width: 100%;   
}

.grid-cell-spacer .spacer-handle:hover{background-color: rgba(255, 0, 0, .2);}

.grid-cell-spacer .spacer-handle .spacer-center:hover{
	background-color: rgba(255, 0, 0, .5);
}
.grid-row{display: flex; justify-content: center; position: relative; overflow: hidden;}

.grid-columns{display: flex; height: 100%;}
.grid-column{/*overflow: hidden;*/ position: relative; flex: 1;}

.grid-cell-spacer-box{position: relative;}

.curve-columns{display: flex; height: 100%;}
.curve-column{position: relative; flex: 1; padding: 0 5px;}

.modal-dialog.modal-large{max-width: 95%; overflow-y: auto; height: 90%;}
.modal-dialog.modal-large .modal-content{border-radius: 0}
.modal-dialog.modal-large .modal-header{
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.cell-window .layer-interactions-form{
	display: none;
}

.cell-content-edit{
	height: 100%; 
	width: 100%; 
	position: fixed; 
	top: 43px; 
	left: 0; 
	z-index: 3;
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 40px;

}

.cell-edit-side-window .cell-content-edit, .edit-ui-block-uploads .cell-content-edit{
	position: initial; 
	/*width: 384px; left: initial; right: 351px; top: -1px; padding: 4px; padding-left: 15px; height: calc(100% - 44px);
	padding-top: 0px;*/
}

.cell-content-edit-wrapper{
	display: flex;  
}

.cell-edit-side-window{
	position: fixed;
	z-index: 100;
	right: 0px;
	height: calc(100% - 48px);
	width: 351px;
	top: 48px;
	background-color: #000; 
	border-left: 1px solid #222b39;
	border-top: 1px solid #222b39;
	color: #fff;
	padding-right: 40px;
	/*overflow-x: hidden;
	overflow-y: auto;*/
}

.cell-edit-side-window[data-tool="modal_edit"]{
	top: 35px;
	height: calc(100% - 35px);
}

.cell-edit-side-window:hover{border-color: #697b96;}


.main-content-wrapper[data-mobile="true"] .cell-edit-side-window{
	width: 100%;
	top: initial;
	bottom: -1px;
	height: 330px;
	border-left: 0;
	padding-right: 0;
}
.main-content-wrapper .cell-edit-side-window[data-tool="curve_tools"]{
	height: calc(100% - 100px);
}
.main-content-wrapper[data-mobile="true"] .story-container[data-subtool=summary] .cell-edit-side-window{
	height: calc(100% - 100px);
}
.main-content-wrapper[data-mobile="true"] .story-container[data-subtool=help] .cell-edit-side-window{
	height: calc(100% - 100px);
}
.main-content-wrapper[data-mobile="true"] .cell-edit-side-window[data-collapsed="true"]{
	height: 45px;
	border: 0;
	border-top: 1px solid #222b39;
}
.main-content-wrapper[data-mobile="true"] .edit-ui-done{
	bottom: 0;
	right: 15px;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 6px;
}

.main-content-wrapper[data-mobile="true"] .edit-ui-done .btn{
	padding: 0 15px;
}

.main-content-wrapper[data-mobile="true"] .story-heading{
	width: 100% !important;
}

.main-content-wrapper[data-mobile="true"] .cell-edit-side-window[data-mobile_expand="true"]{
	height: 100% !important;
}

.mobile-expand-collapse{position: absolute; right: 5px; color: #999;}
.mobile-expand-collapse:hover{color: #fff;}

.cell-edit-style-window{width: 250px;}


.side-window-icons{
	position: absolute;
	background-color: #222b39;
	z-index: 22;
	text-align: center;
	right: 0;
	padding-bottom: 2px;
	color: #fff;
	height: 100%;
}


.side-window-icons .material-button[data-dark="true"]{
	color: #fff;
}

.side-window-icons .material-button[data-dark="true"][data-active="true"]{
	color: #000;
}
.side-window-icons .material-button .material-button-highlight{
	height: 30px; width: 30px;
}
.side-window-icons .material-button[data-dark="true"][data-active="true"] .material-button-highlight{
	background-color: #fff; 
}

/*.cell-edit-side-window[data-collapsed="false"]>.side-window-icons{
	display: none;
}*/
.main-content-wrapper[data-mobile=true] .cell-edit-side-window-content{
	padding-bottom: 42px; background: black;
	margin-top: 40px; z-index: 22;
}
.main-content-wrapper[data-mobile="true"]  .cell-edit-side-window>.side-window-icons{
	width: 100%; bottom: 0px;
	border-top: 1px solid #697b96;
}
.main-content-wrapper[data-mobile="true"]  .cell-edit-side-window[data-collapsed="false"]>.side-window-icons{
	display: initial;
}

.main-content-wrapper[data-mobile="true"]  .cell-edit-side-window>.side-window-icons .material-button-container{
	width: 53px;
	display: inline-block;
	height: 32px;
}
.main-content-wrapper[data-mobile="true"] .side-window-icons .material-button .shortcut-title{
	display: none !important;
}
.main-content-wrapper[data-mobile="true"] .toggle-collapse-icon{
	transform: rotate(90deg);  
}
.main-content-wrapper[data-mobile="true"] .cell-blocks-form{
	height: 100%;
}
.main-content-wrapper[data-mobile="true"] .cell-blocks-form .block-inline[data-detailed="false"] .blocks-list-item:not(.add-block-icon){
	/*width: 90px; height: 90px; */
	border-width: 2px;
	margin-top: 23px;
}

/*.main-content-wrapper[data-mobile="true"] .advanced-uploader .block-inline[data-detailed=true] .blocks-list-item:not(.add-block-icon){
	width: initial !important;
}*/

.main-content-wrapper[data-mobile="true"] .block-inline[data-detailed=false] .assigned-status-buttons{
	position: absolute;
	top: -28px;
	left: -40px;
	width: 110px;
}
.main-content-wrapper[data-mobile="true"] .block-inline[data-detailed=false] .assigned-status-buttons .btn-sm{
	padding: 0 4px 0 5px;
}

.assign-all{
	position: absolute;
	top: 3px;
	right: 40px;
	z-index: 5;
}

.assign-all .btn-sm{
	padding: 2px 6px 1px;
}

.main-content-wrapper[data-mobile="true"] .grid-cell-temporary{
	width: 125px;
	height: 125px;
}

.cell-edit-side-window[data-collapsed="true"]{width: 40px; overflow: visible;}

 .cell-edit-side-window .block-style-cell-form .bg-offset-picker{color: #fff;}

.cell-edit-side-window .cell-content-edit-wrapper{
	display: block; padding: 5px; padding-top: 0;}


.toggle-collapse-icon{
	color: #999;
	position: absolute; 
	left: 4px; 
	top: 6px; 
	z-index: 1; 
	cursor: pointer;}

.toggle-collapse-icon:hover{color: #fff; cursor: pointer;}


.cell-edit-side-window .proudly-headline, .cell-edit-side-window .curveate-headline{
	padding-left: 24px; border-radius: 0; font-size: 17px; text-transform: capitalize;
}



.cell-edit-side-window .blocks-list-item.active .block-list-item-edit-icon{
	display: initial; position: absolute; z-index: 1; color: #000; background: #fff; padding: 2px 3px 0px 6px; right: 3px; top: 3px; border-radius: 3px;
}

.cell-edit-side-window .cell-edit-side-window-content{
	width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden;
	padding-top: 36px; position: relative; z-index: 21;
	/*margin-top: 40px;*/
}
.cell-edit-side-window .cell-edit-side-window-content table{
	text-align: left; width: 100%; table-layout: initial;
}
.cell-edit-side-window .cell-edit-side-window-content .table-layer table{
	text-align: center;
}
.cell-edit-side-window[data-collapsed="true"] .cell-edit-side-window-content{opacity: 0;}
.cell-edit-side-window .cell-edit-side-window-content>.curveate-headline{
	position: absolute; top: 0; width: 100%;
}

.cell-edit-side-window .edit-type-form .item-type-edit-icon{display: none;}

.cell-edit-side-window select.form-control{padding: 5px !important;}

.cell-edit-side-window .ui-element-list-item select.form-control{
	padding: 0px !important;
	height: initial;
	font-size: 12px;
	width: 35px;
}


.cell-edit-side-window-content label, 
.cell-edit-side-window-content .form-group, 
.cell-edit-side-window-content small{
	color: #fff;
}

.type-settings-icons{
	text-align: center; margin-bottom: 10px;
}

.element-type-expand{
	border-top: 1px solid #222b39; cursor: pointer;
}

.element-type-expand.expand-default-value{
	background-color: rgba(103, 7, 78, 0.6);
}

.element-type-expand td{
	padding-top: 5px; overflow: hidden;
}
.element-type-expand td:first-child label{
	overflow-wrap: break-word;
	cursor: pointer;
}

.element-type-expand td:last-child>div{
	width: 175px;
	display: inline-block;
}

.default-style-legend{
	text-align: right;

}
.default-style-legend small{
	vertical-align: super;	
}
.default-style-box{
	background-color: rgba(103, 7, 78, 0.6);
	border: 1px solid #444;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 3px;
}

input[type="range"]{
	width: 85px;
}

.project-form-content .table td{border: 0}
.project-form-content .element-type-expand td{
	border-top: 0; border-bottom: 0; padding-bottom: 0;
}
.project-form-content .element-type-expand label{margin-bottom: 0;}

.disabled-from-inline{/*width: 150px;*/}

.close-cell-block-edit{
	position: absolute; color: #666; right: 21px; top: 0px; z-index: 1; 
	cursor: pointer;}
.close-cell-block-edit:hover{color: #fff; cursor: pointer;}

.block-content-edit{position: relative; overflow-y: auto; display: flex;}
.block-content-edit .cell-content-edit{position: initial; overflow: initial;}

.edit-ui-done{
	position: fixed; bottom: 0; right: 55px; z-index: 1;
	padding-top: 9px; padding-bottom: 10px; background: black;
	border-top: 1px solid #222b39; width: 295px; text-align: center;
}

.cell-edit-types{
	flex: 1;
	text-align: center;
}

.cell-edit-types .grid-cell-temporary-wrapper{
	background: transparent;
}
.cell-edit-types .grid-cell-temporary-wrapper .item-type-container{
	margin-bottom: 5px;
}

.video-media-container{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
}

.cell-content-edit .block-inline, .block-content-edit .block-inline{
	width: 150px; margin-right: 5px; padding-top: 5px; padding-left: 5px;
}
.cell-content-edit[data-block_selected="false"] .block-inline, 
	.cell-content-edit[data-block_selected="false"] .block-inline{width: 100%}

.cell-content-edit .blocks-list-item, .block-content-edit .blocks-list-item{ 
	width: 150px; height: 150px; cursor: pointer; margin-bottom: 3px; overflow: hidden; margin-right: 3px;}
.cell-content-edit .blocks-list-item .item-type, .block-content-edit .blocks-list-item .item-type{border: 5px solid black;}
.cell-content-edit .blocks-list-item:hover .item-type, .cell-content-edit .blocks-list-item.active .item-type,
	.block-content-edit .blocks-list-item:hover .item-type, .block-content-edit .blocks-list-item.active .item-type{
		border-color: #67074e;
	}

.blocks-list-item{
	display: inline-block; 
	border: 5px solid #333; 
	position: relative;
	width: 142px; height: 130px; 
	margin: 3px 3px 0; 
	background: #000;
	overflow: hidden;
}
.blocks-list-item:hover, .blocks-list-item.active{border-color: #bde4df}

.blocks-list-item .image-media-bg{
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.blocks-list-item .empty-media-block{
	padding-top: 40px;
	padding-bottom: 30px
}

.block-upload-assign .blocks-list-item .empty-media-block{
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.blocks-list-item-edit{
		z-index: 3;
		position: absolute;
		right: 0px;
		top: 0px;
}
.blocks-list-item-edit .btn{
		padding: 1px 4px 1px 5px;
		margin-left: 2px;
}

.blocks-list-item-assign-ui{
		z-index: 1;
		position: absolute;
		right: 2px;
		bottom: -40px;
		width: 100%;
		text-align: center;
}

.media-card-drag{
	position: relative;
	overflow-x: hidden;
}

.edit-media-block .media-card-drag-alert{
		position: absolute;
		z-index: 1;  
		text-align: center;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
}

.edit-media-block .media-card-drag-alert>div{
	margin: auto;
}

.edit-media-block .media-card-drag-alert-icon{
		background: #0007;
		padding: 5px 10px;
		border-radius: 100%;
		display: inline-block;
		margin: auto;
}

.edit-media-block .media-card-drag-alert-text{
		background: #0007;
		padding: 5px 10px;
		display: inline-block;
		margin: auto;
		border-radius: 10px;
		margin-top: 3px;
}

.edit-media-block:hover .media-card-drag-alert{
	display: none;
}

.media-card-drag .ui-element-block-wrapper{
	padding-top: 0 !important;
	padding-left: 0 !important;
}

.add-media-block{
	text-align: center;
	width: 270px;
	margin: auto;
}

.add-media-block .blocks-list-item{
	width: 100px;
	height: 100px;
}
.add-media-block .file-list-item-controls{
	display: none;
}

.block-upload-block{text-align: center; padding-top: 5px;}

.story-box{position: relative;}

.story-container{
	position: relative; margin: auto; 
	overflow-y: hidden; overflow-x: hidden;
}

.story-container[data-fontcolor="light"] .story-loading{
	color: #ffffff;
}

.story-container[data-fontcolor="dark"] .story-loading{
	color: #000000;
}

.story-view{
	overflow-x: hidden;
	overflow-y: auto;  
	width: 100%;
}


.main-content-wrapper[data-mobile=true] .story-view{
	width: 100% !important;
}


.main-embed-wrapper .story-container{padding: 0;}
.main-embed-wrapper .story-container.template-preview .cell{border: 1px solid #fff;}

.story-container .story-intro{
	overflow-y: auto; height: 100%;
}

.story-container .story-intro-editing{
	overflow-y: auto;
	height: 100%;  
	padding-top: 10px;
}

.layer-scaler{position: absolute; top: 0;}


.layer-type{/*display: flex; height: 100%;*/ position: relative;}

.list-layer-type.list-group{width: 100%;}
.list-layer-type .list-group-item{border: 0;}
.list-layer-type .list-group-item .cell{height: 160px;}

.template-card .list-layer-type .list-group-item{padding: 2px}
.template-card .list-layer-type .list-group-item .cell{height: 32px !important;}

.resize-menu{position: fixed; width: 40px; height: 100%; left: 0px; z-index: 10}
.resize-menu-icon{background-color: #000; color: #bfbfbf; padding: 10px; position: relative;}
.resize-menu-icon:hover{background-color: #222b39; color: #fff; cursor: pointer;}
.resize-menu-icon.active{background-color: #222; color: #fff;}
.resize-menu-icon span{position: absolute; top: 9px; left: 46px; display: none;}
.resize-menu-icon:hover span{display: block;}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
			 -moz-user-select: none; /* Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently
																	supported by Chrome and Opera */
}

.main-content-wrapper .featured{
	margin-top: 50px; text-align: center; position: relative; 
	margin-bottom: 100px; padding: 0 50px;
}

.main-content-wrapper .featured a{
	text-decoration: none;
	color: #bde4df;
}

.main-content-wrapper .featured a:hover{
	text-decoration: underline;
}

.story-intro .featured{margin-top: 0; margin-bottom: 70;}
.story-intro .btn{
	margin-bottom: 20px;
	margin-top: 10px;
}

.loading-screen{
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
	font-weight: bold;
}
body[data-font="dark"] .loading-screen{color: #000;}

.hidden-project-heading{opacity: 0; height: 0; overflow: 0;}

.main-content-wrapper .featured .curveate-side-title{left: 5%;}

.main-content-wrapper .featured .side-title-line{width: 120%;}

.feature-header{height: 300px; position: relative; overflow: hidden;}
.feature-header iframe{height: 100%; width: 100%; border: none;}

.subtitle{padding-left: 30px;}

.layers-intro{}
.campaigns-intro, .layers-intro, .grid-intro, .proudly-intro, .curveate-intro{
	padding-top: 35px; padding-bottom: 1px;}
.activity-suggestions img{width: 150px; height: 150px;}

.activity-splash{
	position: relative; width: 100%; height: 331px; color: #fff; 
	background-size: cover; background-position: center center;
	/*display: inline-block;*/
}

.activity-splash.card{
	width: 100%; /*360px;*/ border-radius: 0; display: inline-block; 
	vertical-align: top; margin-right: 10px; background-position: cover;
	box-shadow: 0px 1px 1px rgba(100,100,100,1);
}

.activity-splash.card .activity-splash-media{position: absolute;}

.story-image-edit .edit-media-block-wrapper{
	cursor: pointer;
}

.activity-highlights{width: calc(100% - 360px); display: inline-block;}

.activities-list{
	text-align: center; position: relative; z-index: 20;
	background-color: #222b39;
}

.activities-list-tab{
	position: absolute;
	top: 3px;
	background: #222b39;
	padding: 2px 10px 0px;
	border-radius: 15px;
	z-index: 13;
	left: 3px;
	height: 26px;
	border-bottom: 0;
	overflow: hidden;
}


.activities-list-tab .material-button-highlight{
	background-color: #222b39;
	height: 20px;
	width: 27px;
	top: 1px;
	left: 4px;
}

.activities-list-tab .material-button-container{
	height: 16px;
	display: inline-block;
	padding-right: 10px;
}
.activities-list-tab .material-button{padding: 0 7px; width: 0;}


.activity-tagline{
	display: flex; position: relative; align-items: center; padding: 4px;
}
.activity-tagline>span{cursor: pointer;}
.activity-tagline .activity-tagline-icon{position: absolute; left: 23px; cursor: pointer; top: 3px;}
.activity-tagline .proudly-headline, .activity-tagline .curveate-headline{
	flex: 1; 
	text-align: left;
	cursor: pointer;
}
.activity-tagline .activity-thumb{height: 66px;}
.activity-tagline .activity-thumb-small{left: 5px; top: 0px; width: 59px; height: 59px;}
.activity-tagline .activity-thumb-title{display: none;}
/*.activity-tagline .activity-toggle{
	width: 30px; text-align: center; opacity: 0;}*/
.activity-toggle{
	opacity: 1; cursor: pointer; display: inline-block;}

.activities-list[data-expanded=false] .activity-tagline{display: none;}
.activities-list[data-expanded=false] .activity-tagline[data-active="true"]{display: flex;}
.activities-list[data-expanded=false][data-selection=false]{
	display: flex; padding-left: 20px; position: relative;
	height: 33px;
	border-bottom: 1px solid #999;
	padding-top: 8px;
	background-color: #000;
}

.activity-tagline .material-button{height: 23px; padding: 0px 6px;}
.activity-tagline .material-button:hover .material-button-highlight{display: none;}

.activity-feed{display: flex;}
.main-content-wrapper[data-page="pr"] .activity-splash.card{display: block;}


.activity-splash-target{width: 100%; height: calc(100% - 35px); position: absolute; top: 35px; cursor: pointer;}
.activity-splash-title{background-color: rgba(50, 57, 68, 0.8); padding: 5px; z-index: 2;}
.activity-splash-tagline{position: absolute; bottom: 0px; width: 100%; background-color: rgba(50, 57, 68, 0.8); 
	padding: 5px; left: 0;}
.activity-splash-stats{position: absolute; bottom: 0px; width: 100%; background-color: rgba(50, 57, 68, 0.8); padding: 5px;}
.activity-splash-menu{display: none; position: absolute; top: 40%; width: 100%; text-align: center;}
.activity-splash:hover .activity-splash-menu{display: unset;}
.activity-splash:hover .activity-splash-tagline{display: unset;}
.activity-splash:hover .activity-splash-stats{display: none;}
.activity-splash:hover .activity-splash-buttons{display: flex;}
.activity-splash-more{position: absolute; right: 5px; top: 5px; color: #c7c7c7; cursor: pointer;}
.activity-splash-more:hover{color: #fff;}

.activity-splash-buttons{display: none; position: absolute; right: 0px; top: 0px;}
.activity-edit-toggle{flex: 1; text-align: right; padding: 3px;}
.activity-edit-toggle button{ cursor: pointer; border-radius: 100%; padding: 2px 3px 0px 6px; border-color: #000;}
.activity-stories-open{flex: 1; text-align: left; padding: 3px;}
.activity-stories-open button{cursor: pointer; border-radius: 100%; padding: 13px 10px 7px 10px;}

.activity-edit-toggle button:hover, .activity-stories-open button:hover{
	background-color: #333; color: white;
}

.proudly-headline, .curveate-headline{
	color: #fff;
	background: #222b39;
	background-size: 400% 400%;
	position: relative;
	padding: 5px 0;
	margin-top: 1px;
	/*border-radius: 25px;
	*/
}

h3.curveate-headline{color: #fff;}

.story-headline{
	color: #fff;
	position: relative;
	/*z-index: 2;*/
	display: flex;
	background-color: #12171f;
}

.story-headline[data-editing=true]{
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 48px;
}

.story-headline[data-editing=true] .story-headline-title{
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}


.story-headline .story-subheading{font-size: 50%; display: block; padding-left: 50px;}


.story-headline .story-nav-next{
	position: absolute;
	z-index: 1;
	right: 5px;
	top: 10px;
	cursor: pointer;
}

.story-headline .story-nav-prev{
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 5px;
	cursor: pointer;
}

.story-headline .story-nav-next[data-disabled=true], 
	.story-headline .story-nav-prev[data-disabled=true]{
		color: #222;
		cursor: default;
	}

.proudly-headline .story-subheading, .curveate-headline .story-subheading{
	font-size: 50%; display: block; padding-left: 50px;
}

.jumbotron{
	background: #222b39;
	background-size: 300% 400%;
}

.jumbotron h2 .jumbotron h3, .jumbotron h4, .jumbotron h5, .jumbotron h6{
	color: #fff;
}

.card{border: 0; background-color: #222b39;}
.card:hover .card-header{
	color: #fff;
	background: linear-gradient(-45deg, #083747cc, #000000cc, #083747cc);
	background-size: 400% 400%;
	-webkit-animation: Gradient 10s ease infinite;
	-moz-animation: Gradient 10s ease infinite;
	animation: Gradient 10s ease infinite;
}

.card-json-forms{
	display: flex;
}
.json-forms-column{flex: 1; padding: 0 10px;}

.graph-container img{max-width: 600px;}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.shortcut-menu{
	position: fixed;
	width: 35px;
	bottom: 0px;
	right: 0px;
	background-color: #fff;
	border-top-left-radius: 15px;
	cursor: pointer;  
	z-index: 1050;
	color: #000;
	padding-right: 15px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;

}
.shortcut-menu:hover, .shortcut-menu.active{
	width: 45px; 
	-webkit-transition: width .5s, height 4s; /* Safari */
	transition: width .4s, height 4s;
}
.shortcut-menu .material-button-highlight{
	width: 30px; height: 30px;
}
.shortcut-title{
	color: #fff; 
	position: absolute; 
	width: 0px; 
	height: 28px; 
	overflow: hidden; 
	right: 24px; 
	text-align: right;
	bottom: 2px;
	padding: 3px 0px 0px;
	background-color: #222b39;
	pointer-events: none;
}
.shortcut-menu:hover .shortcut-title, .shortcut-menu.active .shortcut-title{
	width: 150px;
	-webkit-transition: width .4s, height 4s; /* Safari */
	transition: width .4s, height 4s;
}
.shortcut-title-wrapper{
	width: 152px;
	text-transform: capitalize;
	font-size: 12px;
	text-align: center;
}

.material-button-container{
	padding-right: 20px;
}

.material-button-container[data-inline=true]{
	display: inline-block;
	height: 30px;  
}


.material-button{
	position: relative;
	height: 40px;
	padding: 10px 6px;
	width: 20px;
	margin: auto;
}

.material-button-highlight{
	position: absolute;
	background-color: #bde4df;
	border-radius: 100%;
	width: 36px;
	height: 35px;
	top: 5px;
	left: 3px;
	transform: scale(0);
}

.material-button-text{
	position: absolute; width: 100%; z-index: 2; padding-left: 5px;}

.material-button:hover{cursor: pointer;}
.material-button:hover .material-button-highlight{
	transform: scale(1);
	-webkit-transition: transform .4s; /* Safari */
	transition: transform .4s;
}

.material-button[data-dark="true"]{
	color: #222b39;
}

.material-button[data-dark="true"]:hover .material-button-highlight{
	background-color: #222b39;
}

.material-button[data-dark="true"][data-active="true"] .material-button-highlight{
	background-color: #222b39;
	transform: initial;
}

.side-window-icons .shortcut-title-wrapper{
	text-align: right;
	position: absolute;
	right: 2px;
	padding-right: 3px;
}
.side-window-icons .material-button:hover .shortcut-title{
	width: 125px;
	-webkit-transition: width .4s, height 4s; /* Safari */
	transition: width .4s, height 4s;
	right: 20px; 
}

.modal-title{color: #fff;}


.login-modal .modal-content{background-color: #9dc2bd; color: #083747; padding: 15px 40px; border-radius: 0;}
.login-modal .modal-header{background-color: transparent; border-bottom: 0; text-transform: uppercase;}
.login-modal .modal-header .close{color:  #083747;}
.login-modal .modal-title{color: #083747;}
.login-modal  a:not([href]):not([tabindex]) {color: #1787AD;}
.login-modal .form-control{border: 0; border-radius: 0; border-bottom: 1px solid #fff;}
.login-modal .form-control:focus{box-shadow: none;}
.login-modal .btn{
	background-color: transparent; color: #083747; border-color: #fff; text-transform: uppercase;
}
.login-modal .btn:hover{background-color: #fff; border-color: #fff;}

.hashtag-container{color: #fff; padding-top: 5px;}
.hashtag-list{border-bottom: 1px solid #222b39; padding: 0px 0px 10px;}
.hashtag-item:first-child{background-color: unset; border: 0;}
.hashtag-item{    
	display: inline;
	padding: 5px 4px 5px 7px;
	background-color: #000;
	color: #fff;
	margin-right: 5px;
	cursor: pointer;
	border: 1px solid #222b39;
	border-top: 0;
}

.hashtag-item button{background-color: #000; color: #c7c7; border: 1px solid;}
.hashtag-item button.active{background-color: #fff; color: #000;}
.hashtag-item span.inactive{color: #c7c7;}

.remove-hashtag-icon{color: #000;}
.hashtag-item:hover .remove-hashtag-icon{color: #fff;}

.content-search-container{color: #fff;}

.results-header{
	color: #fff;
	background: linear-gradient(-45deg, #083747cc, #000000cc, #083747cc);
	background-size: 400% 400%;
	-webkit-animation: Gradient 10s ease infinite;
	-moz-animation: Gradient 10s ease infinite;
	animation: Gradient 10s ease infinite;
}

.layers-container{
	position: relative;
	min-height: 24px;
	height: inherit;
}

.layer-container{
	/*position: absolute;*/
	position: relative;
	top: 0px;
	width: 100%;
	height: 100%;
}

/*.layers-container .layer-container:first-child{position: unset;}

.layer-container[data-hidden="true"]{opacity: 0; pointer-events: none;}

.layer-container[data-animation="pop"]{
	animation: pop .3s;
	opacity: unset !important;
	transform-origin: 39% 94%;
	
}*/

/*.blocks-container{height: 100%;}*/

.product-item-container{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .6);
	color: #fff;
	text-align: center;
}

.product-item-container .close-quickshop{
	position: absolute; right: 5px; top: 5px; border-radius: 100%; background-color: #888; padding: 3px 7px 0px 8px;
}
.product-item-container .close-quickshop:hover{cursor: pointer; background-color: #666}

.product-btn{padding: 2px 2px 0px 2px;}

.product-footer{
	position: absolute; bottom: 0px; width: 100%; text-align: right; 
	padding: 2px; 
	background-color: #000;
	text-align: right;
}
.product-footer .product-form-control{height: 40px; border: 0px; background: transparent; color: #fff;}
.product-footer .btn{margin-left: 5px;}

.product-footer .btn:hover{box-shadow: 1px 2px 6px 0px #333;}

.twitter-tweet{width: 100%; height: 100%;}
.twitter-tweet img{width: 100%;}

.text-item-container{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	opacity: 1;
	/*animation: pulse 30s infinite;*/
}
.text-item-text{
	flex: 1;
		text-transform: uppercase; font-size: 30px; letter-spacing: .2em; line-height: 1.2em; 
	padding-left: 3px; padding-right: 3px;
}

.ui-element-block{
	position: absolute;
	z-index: 2;
}
.ui-element-block[data-modal=true]{cursor: pointer;}

.ui-element-block.color-shape-block[data-relative=relative] .ui-element-block-wrapper{
	width: 100%;
	height: 100%;
}

.ui-element-block.color-shape-block[data-relative=absolute] .color-shape-block-shape{
	width: 100%;
	height: 100%;
}

.ui-element-block.presentation-widget .btn-primary.present-btn{
	background-color: #000000;
	padding-top: 15px;
	padding-bottom: 15px;
}

.text-scaler-text span, .text-scaler-text p, 
	.jodit-container span, .jodit-container p{
	font-size: inherit !important;
	background-color: inherit !important;
	color: inherit !important;
}




.cell[data-inline=true] .ui-element-block{}
.cell[data-inline=true] .ui-element-block.brand-inspo-card{
	float: left; display: inline-grid; position: relative;
}
.cell[data-inline=true] .ui-element-block.item-button{
	float: left; display: inline-grid; position: relative;
}
.cell[data-inline=true] .ui-element-block.item-youtube{
	float: left; display: inline-grid; position: relative;
}
.cell[data-inline=true] .ui-element-block.curveate-quote{
	float: left; display: inline-grid; position: relative;
}
.cell[data-inline=true] .ui-element-block.curveate-side-title{
	float: left; 
	display: inline-grid;
	position: relative;
}
.cell[data-inline=true] .ui-element-block.color-shape-block{
	float: left; display: inline-grid; position: relative;
}
.cell[data-inline=true] .ui-element-block.text-block-el .ui-element-block-wrapper{
	display: table-cell;
}
.ui-elements-display{
	z-index: 3;
	width: inherit;
	height: inherit;
}

.ui-elements-display:after{
		content: '';
		display: block;
		clear: both;
}

.grid-cell-temporary .ui-elements-display{
	height: 30px !important;
}



.cell[data-relative=true] .ui-element-block{
	position: initial; /*relative;*/
}

.cell[data-relative=true] .ui-elements-display{
	height: 100%;
	/*position: relative;*/
	overflow-x: hidden;
	overflow-y: auto;    
}

.cell[data-relative=false] .ui-element-block{
	position: absolute; /*relative;*/
}

.ui-element-block-wrapper{
	position: relative;
}

.ui-element-block-indicator{
	border: 1px solid #222b39;
	padding: 0 4px;
	border-radius: 5px;
	z-index: 1;
	display: inline-block;
	padding-left: 20px;
	font-size: 12px;
}

.item-addto-calendar a:not([href]):not([tabindex]){
	color: inherit;
}

.ui-element-block a:hover{
	color: inherit;
}

.ui-modal-wrapper .ui-elements-display{
	display: none;
}

.story-container[data-height_initial=true] .cell[data-relative=true] .ui-elements-display{
	overflow-x: initial;
	overflow-y: initial;
}

.cell[data-relative=true] .ui-elements-display[data-dynamic_height="cell"]{
	height: 100%;
	position: relative;
	overflow-x: visible;
	overflow-y: visible;    
}

.ui-element-block.item-link a{
	text-decoration: underline;
}

.ui-element-block.item-link a:hover{
	text-decoration: underline;
}

.ui-element-block.active{
	/*background-color: rgba(100,200,200,.3) !important;*/
}
		
/*.layer-container[data-heightinitial=true]{
	position: relative;
}
.layer-container[data-heightinitial=true] .ui-element-block{
	 position: relative;
}*/
.layer-container[data-heightinitial=true] .cell[data-relative=true] .ui-elements-display{
	overflow-y: initial;
	overflow-x: initial;
}

.layer-container[data-heightinitial=true] .ui-element-block-wrapper{
	width: 100%; height: 100%;
}

.ui-element-block.curveate-side-title{
	transform-origin: 10px center;
	text-transform: initial;
	left: 0;
	letter-spacing: initial;
}

.ui-element-block.brand-inspo-card{
	margin: 0;
	display: block;
}

.ui-element-block.brand-inspo-card .headline{
	letter-spacing: initial;
	line-height: initial;
	text-transform: initial;
	font-size: initial;
}

.ui-element-block.brand-inspo-card .title{
	font-size: initial;
}

.project-dashboard{
	/*display: flex;*/
}

.project-dashboard-header{/*display: inline;*/ width: 100%; height: 400px; overflow: hidden; background-size: cover; background-position: center;}


.project-dashboard-square{flex: 1; padding: 10px;}

.graph-sample-image{padding: 0px 10px; text-align: center;}

.graph-container .story-headline{text-align: center;}
.graph-container .proudly-headline, .graph-container .curveate-headline{text-align: center;}

@keyframes pop {
	0% {
		opacity: 0; transform: scale(0);
	}
	80% {
		opacity: 1; transform: scale(1.1);
	}
	100% {
		opacity: 1; transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		background-color: transparent;/*#FF4136;*/ opacity: 0;
	}
	10% {
		background-color: transparent;/*#FF4136;*/ opacity: 0;
	}
	30% {
		background-color: #001F3F; opacity: 1; color: #fff;
	}
	40% {
		background-color: #001F3F; opacity: 1; color: #fff;
	}
	50% {
		background-color: transparent;/*#FF4136;*/ opacity: 0;
	}
	100% {
		background-color: transparent;/*#FF4136;*/ opacity: 0;
	}
}

.btn-default{border: 1px solid #222b39a7;}
.btn-default:hover{border-color: #222b39;}
.btn-primary{background-color: #083747; border-color: #005a63;}
.btn-primary:disabled{background-color: #666; border-color: #888; cursor: not-allowed; color: #222b39;}
.btn-primary:disabled:hover{background-color: #666; border-color: #888;}
.btn-primary:hover{color: #222b39; background-color: #87e4db !important; border-color: #083747;}
.btn-danger{background-color: #67074e; border-color: #ae58c3;}
.btn-danger:hover{background-color: #942e70;}

.btn-danger.disabled, .btn-danger:disabled {
		color: #fff;
		background-color: #666;
		border-color: #888;
}

.stories-container, .admin-stories-container{padding-bottom: 10px; padding-top: 10px;}
.story-list{padding-top: 10px; padding-bottom: 10px;}
.story-list-item{display: inline-block; vertical-align: top; padding: 3px 5px; vertical-align: text-bottom;}

.story-list-item[data-current_project="true"] .story-card .personal-brand-selection{display: none;}

.story-list-item[data-current_activity="true"]{padding-top: 0px;}

.story-list-item .activity-card-title{display: none;}

.basic-info-main .story-list-item .activity-card-title{display: block;}

.cell-edit-side-window-content .story-list-item .activity-card-title{
	display: initial;
}

.story-card{
	position: relative; width: 295px; margin-top: 70px;
}
.story-card .story-card-status{
	position: absolute;
	bottom: 2px;
	z-index: 1;
	background: #000;
	right: 15px;
	padding: 0 7px;
	border-radius: 10px;
	font-size: 10px;
}
.story-card .story-card-sort{
	position: absolute;
	bottom: 2px;
	z-index: 1;
	background: #000;
	border-radius: 10px;
	padding: 5px 5px 0;
	font-size: 12px;
}
.story-card .story-image{
	position: relative; 
	height: 334px;
	/*border: 1px solid #222b39;*/
	border-bottom: 0px;
	overflow: hidden;
}
.story-card .story-image img{width: 100%;}
.story-card .story-details{
	/*background: #000; 
	padding: 0px 1px 1px; */  
	color: #fff; 
	max-height: 100px;
	border-top: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 22px;
	display: none;
}
.story-card .project-block-icon{
	height: 50px;
	width: 290px;
}
/*.story-card .project-block-title{display: none;}*/
.story-card:hover .story-details{display: block;}
.story-card .story-details-wrapper{ 
	height: 100%; 
	overflow: auto; 
	background-color: rgba(20, 24, 33, 0.7); /*#141821*/
	padding: 5px;
}

.story-card .story-card-info-icon{
	position: absolute;
	bottom: 0;
	z-index: 2;
	right: 43px;
	top: 22px;
	display: none;
}
.story-card:hover .story-card-info-icon{
	display: block;
}

.story-card .story-card-info-icon:hover{cursor: pointer;}

.story-card .story-card-info-icon:hover .story-card-info-icon-text{
	display: block;
}

.story-card .story-card-info-icon-wrapper{
	position: relative;
}

.story-card .story-card-info-icon-text{
	position: absolute;
	display: none;
	right: -23px;
	top: -12px;
	width: 275px;
	background: #fff;
	color: #000;
	padding: 0 5px;
	text-align: right;
	padding-right: 25px;
	box-shadow: 2px 5px 3px -1px rgba(0, 0, 255, .2)
}

.story-card .story-card-info-icon-icon{

}

.story-list-edit .story-card{margin-top: 90px; height: 25px;}

.activity-card-title{
	position: absolute;
	width: 100%;
	bottom: 0px;
	background-color: #000 !important;
	padding-left: 3px;
	z-index: 1;
	/*border-bottom: 1px solid #bbb;*/
	cursor: pointer;
	height: 24px;
	display: none;
}

.story-basics-form .activity-card-title{
	display: inline-block;
}

.stories-list-table .activity-card-title{
	display: inline-block;
}

.story-card-forms{
	position: absolute;
	background: #000;
	width: 100%;
	top: 0px;
	left: -2px;
	border: 1px solid #222b39;
}
.story-card-icons{
	position: absolute; right: 3px; bottom: 3px; overflow: hidden;
	border-bottom-left-radius: 15px; 
	text-align: left;
	width: calc(100% - 5px);
	display: none;
}
.story-card-icon{
	display: inline-block;
	color: #444; 
	background: #000; 
	padding: 2px 8px 1px 8px;
	margin-left: 2px;  
}
.story-card:hover .story-card-icons{display: unset;}

.story-card-icon:hover{color: #666; cursor: pointer;}

.story-card[data-size="small"]{
	width: 170px; margin-top: 55px;
}
.story-card[data-size="small"] .activity-splash{
	height: 170px;
	width: 170px;
}
.story-card[data-size="small"] .activity-story-heading{
	height: 60px;
}
.story-card[data-size="small"] .activity-card-title{
	font-size: 12px;
	line-height: 23px;
}

.story-card[data-size="small"] .story-details{
	font-size: 11px; line-height: 15px;
}

.story-card[data-size="small"] .story-image{
	height: 170px;
}

.story-card[data-size="small"] .project-block-title{
	font-size: 12px;
}

.story-card[data-size="small"] .profile-thumb-small{
	width: 40px;
	height: 40px;
	top: 0px;
}
.story-card[data-size="small"] .profile-heading-name{
	padding-left: 45px; font-size: 12px;
}
.story-card[data-size="small"] .project-block-icon{
	height: 36px;
	width: 140px;
}
.story-card[data-size="small"] .project-splash-background {
		height: 36px;
}

.profile-thumb-small[data-xs=true]{
	width: 40px;
	height: 40px;
}


.story-card-template{
	position: absolute;
	font-size: 12px;
	text-align: center;
	width: 100%;
}


.stories-container[data-project=false] .story-card .story-card-status{
	display: none;
}

.story-admin-icons{
	vertical-align: top;
	padding-top: 10px;
	text-align: center;
	/*width: calc(100% - 365px);*/
}
.story-admin-icons .story-card-icon{display: block;}

.story-admin-icons .alert{
		font-size: 13px;
		padding: 5px 5px;
}

.admin-stories-container .story-list-item{
	background: #000;
	padding: 15px;
	margin-right: 4px;
	border: 1px solid #333;
	overflow: hidden;
}
.admin-stories-container .story-card{}
.admin-stories-container .story-card-icon{color: #fff; background-color: #444}
.admin-stories-container .story-card-icon:hover{color: #000; background-color: #fff}

.featured .story-card .story-card-status{display: none;}

.activity-highlights .story-list-item{padding-top: 0;}
.activity-highlights .story-card{width: 207px;}
.activity-highlights .story-card .story-details{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	height: 120px;
}
.activity-highlights .activity-splash.card{
	height: 205px; width: 205px; margin-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	display: block;
}
.activity-highlights .story-image{height: 213px;}

.instant-article-template{width: 100%; height: 100%; background-color: #fff;}


.share-story-icon{padding: 2px 7px 1px 9px;}
.edit-story-basics-icon{padding: 2px 7px 1px 11px; position: absolute; bottom: 0px; right: 0px; border-bottom-right-radius: 15px;}
.published-status[data-published=true]{color: #fff;}
.profile-heading-name{
	text-transform: capitalize; padding-left: 75px; bottom: 2px;
	line-height: 21px; position: absolute;
}
.profile-thumb-small{
	border-radius: 100%; height: 65px; width: 65px; background-size: cover; margin-right: 10px; z-index: 20; border: 2px solid #bde4df;
	position: absolute; background-color: #000; bottom: -10px;
}
.profile-thumb-small .avatar{width: 100%; height: 100%; margin: 0}
.profile-thumb-small .profile-thumb-active,
.activity-thumb-small .activity-thumb-active{
	position: absolute; left: -15px; top: calc(50% - 10px);}

.activity-thumb{position: relative; height: 25px; width: 100%; text-align: left;}

.activities-list .activity-thumb{height: 68px; overflow: hidden;}
.activities-list .activity-thumb .activity-thumb-small{left: 0;}

.activity-thumb-small{
	border-radius: 100%; height: 65px; width: 65px; background-size: cover !important; margin-right: 10px; 
	z-index: 12; border: 3px solid #bde4df;
	position: absolute; top: 0px; left: -6px; background: #000; background-position: center center; cursor: pointer;
}
.activity-thumb-title{
	position: absolute; width: 100%; top: 0px; background-color: #000; 
	padding-left: 20px; z-index: 1; 
	border-top-left-radius: 25px; cursor: pointer;
}
.activity-thumb-tagline{
	position: absolute; color: #697b96; padding: 0 5px; top: 24px; left: 75px; width: calc(100% - 90px); 
	background: black; overflow: hidden; height: 47px; font-size: 12px; line-height: 15px;}

.activity-story-title{ 
	position: absolute; left: 0px; width: 100%; background: #000a; bottom: 0px; display: none;
	padding: 5px; text-align: center;
}
.story-tags{position: absolute; bottom: 0px; padding: 5px; width: 100%; left: 0px; display: none; background: #000a;}
.story-tag{background: #222; margin: 1px; padding: 0px 9px; border-radius: 15px; display: inline-block;}
.story-tag a:hover{text-decoration: underline;}
.story-image:hover{cursor: pointer;}
.story-image:hover .activity-story-title{display: unset;}
/*.story-image:hover .story-tags{display: unset;}*/
.activity-story-heading-container{
	position: absolute;
	width: 100%;
	top: 0;
	left: 35px;
	height: 0px;
	z-index: 1;
}
.story-headline .activity-story-heading-container{top: 5px; z-index: -1;}
.story-headline .activity-story-heading{height: 59px; border-radius: 0;}

.story-headline .story-headline-title{flex: 1;}
.story-headline[data-curve=true] .story-headline-title{padding-left: 0px;}
.story-headline .story-headline-title-wrapper{
	padding: 5px 10px; 
	min-height: 48px; 
	overflow-y: auto; 
	position: relative;
	text-align: left;
}
.story-headline .story-headline-title .activity-splash.card{
	width: 45px; height: 45px; position: absolute; left: 2px; top: 1px;}
.story-headline .activity-thumb-title{display: none;}
.story-headline .story-headline-tagline{height: 100%; display: flex; align-items: center;}

.story-headline .palette-menu{
	position: fixed;
	z-index: 50;
	top: 105px;
	right: 5px;
}

.story-headline .palette-menu-wrapper{
	position: relative;
}

.story-headline .palette-menu-box{
	width: 30px;
	height: 30px;
	background-color: #222b39;
	border-radius: 100%;
	padding: 4px;
	cursor: pointer;
}

.story-headline .palette-menu-box:hover{background-color: #000;}

.story-headline .palette-menu-window{
	position: absolute;
	padding: 5px;
	background-color: #1A1B1C;
	width: 225px;
	top: 35px;
	right: -5px;
}

.activity-story-heading-wrapper{
	position: absolute;  width: 100%; z-index: 1; height: 72px;
}
.activity-story-heading{
	display: flex; 
	align-items: center; 
	background: linear-gradient(-45deg, #083747cc, #000000cc); 
	padding: 5px 0 5px 0; 
	position: relative;
	height: 70px; /*30px;*/
	-webkit-transition: height 1.5s; /* Safari */
	transition: height 1.5s;
	width: 100%;
	z-index: 11;
	font-size: 14px;
}

.activity-project-heading{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0px; left: 0px; 
	background-size: contain; background-repeat: no-repeat;

}

.story-card .activity-project-heading{
	height: 74px; background-size: 95%; background-position: 50% 10%;
	background: #111; cursor: pointer;
}

.story-card .activity-story-heading{
	bottom: 0px; height: 97px; z-index: initial;
	opacity: .95; overflow: hidden;
}
.story-card:hover .activity-story-heading{opacity: 1;}
.story-card .activity-story-heading-container{z-index: initial; left: 0;}
.story-card .activity-story-heading-wrapper{bottom: 0px;}

.story-headline .activity-project-heading{left: 45px;}
.story-headline .activity-thumb-small{width: 59px; height: 59px; left: -30px; top: 2px; position: absolute;}

.public-curves-list .story-card .activity-story-heading, 
.featured .story-card .activity-story-heading{
	height: 74px;
}


.activities-filter{
	position: absolute;
	width: 100%;
	bottom: -4px;
	z-index: 1;
	background-color: #000;

}

.activities-filter .curveate-edit-menu{height: 26px;}
.activities-filter .curveate-edit-menu[data-moreicon="true"] .tool-icon-btn:not(.hub-icon):not(.active):not(.show-more){display: none;}

.activities-filter .layers-container{display: inline-block;}
.activities-filter .tool-icon-btn{
	/*height: 19px;*/
	border-radius: 0;
	margin: 0px 2px 0px 2px;
	padding: 0px 15px 0px;
}

.activities-filter .activity-list .nav-pills>li{margin: 5px;}
.activities-filter .activity-list .nav-pills>li>a{background: black;}
.activities-filter .activity-list .nav-pills .nav-link.active{background: white;}

.stories-intro-container{padding-top: 20px;}
.stories-intro-container .jumbotron{position: relative;}

.stories-intro-container .publish-curves-list{
	position: absolute; 
	top: 0; 
	background: #222b39;
	width: 100%;
	height: 100%;
	left: 0;
	border-radius: 5px;
	padding: 0 5px;
}

.acct-dropdown{display: none;}

.acct-dropdown .dropdown-menu{ 
	background-color: #222b39; left: initial; right: 0; text-align: center;
}


@media (min-width: 992px){
	 .navbar-expand-lg .acct-dropdown {
				display: block;
		} 
	.dropdown-extra-links{display: none;}
}


.embedding-page{position: relative; padding-bottom: 40px;}

.close-alert{
	position: absolute; right: 15px; top: 3px; 
	color: #999 !important; z-index: 1; font-size: 21px;
}
.close-alert:hover{color: #fff !important; cursor: pointer;}

.alert-warning .close-alert:hover{color: inherit !important;}

.alert-success{
	color: #083747;
	background-color: #bde4df;
	border-color: #083747;
}
.alert-danger{color: #67074e; background-color: #ede0f0; border-color: #9e678b;}
.alert-warning{
	color: #856404; background-color: #ffeacc; border-color: #ffeacc;
	padding-right: 30px; padding-left: 5px;
}
.alert-warning h3{color: #856404;}
.page-not-found{height: 100%; display: flex; align-items: center; font-size: 45px;}
.page-not-found>div{text-align: center; width: 100%;}

.project-social-buttons{position: absolute; right: 7px; bottom: 7px;}

.blocks-intro{padding-top: 10px;}

.influencer-columns{display: flex; align-items: center;}

.influencer-columns-left{flex: 1; text-align: right;}
.influencer-columns-right{flex: 1; text-align: left;}
.influencer-columns-right .curveate-banner-jumbotron{margin-left: 35px;}

.curveate-banner-influencers .brand-inspo-card{
	margin-left: 50px !important;
}

.about-main{position: relative;}
.about-main hr{border-color: #fff;}
.about-main .btn-sm{
	border-radius: 17px;
	padding: 5px 15px;
}

.mission-main .curveate-banner, .brand-inspiration-main .curveate-banner{
	position: relative; width: 100%; z-index: 1;
}

.mission-main{
	text-align: justify;
	background: rgba(255,255,250,.8);
	padding: 30px;
	color: #000;
	position: relative;
}
.mission-main .get-started-button{border-color: #000; color: #000; background-color: #fff;}
.mission-main .get-started-button:hover{background-color: #bde4df;}
.missing-main .curveate-banner{height: 100%!important;}
.mission-title{color: #000;}

.featured-column{
	background-color: #bde4df;
	width: 50%;
}

.magazine-nav{position: absolute; width: 100%; z-index: 3;}
.featured-view:hover .magazine-nav{display: block;}
.magazine-nav-wrapper{position: relative;}
.magazine-nav-prev-wrapper, .magazine-nav-next-wrapper{
	border-radius: 100%; background-color: #f0ffff; 

}
.magazine-nav-prev-wrapper{padding: 0 12px 0 9px;box-shadow: 3px -2px 0px #1A1B1C; font-size: 11px;}
.magazine-nav-next-wrapper{padding: 0 9px 0 12px;box-shadow: -3px -2px 0px #1A1B1C; font-size: 11px;}
.featured-view .magazine-nav-prev{position: absolute; left: 62px; top: 31px; color: #999; z-index: 2;}
.featured-view .magazine-nav-next{position: absolute; left: 106px; top: 31px; color: #999; z-index: 2;}
.magazine-nav-prev:hover, .magazine-nav-next:hover{color: #333; cursor: pointer;}
.magazine-nav-prev:hover .magazine-nav-prev-wrapper, .magazine-nav-next:hover .magazine-nav-next-wrapper{
	border-color: #bde4df; background-color: #bde4df;}

.featured-view[data-thumbs=true] .magazine-nav-prev{left: 10px; top: 5px;}
.featured-view[data-thumbs=true] .magazine-nav-next{right: 10px; top: 5px; left: initial;}

.curveate-quote{
	position: absolute;
	z-index: 2;
	/*padding: 4px 26px;
	width: 80%;*/
}

.curveate-quote-container{
	border-radius: 29px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;  
	border-right: 10px solid #e0e5f9;
	border-top: 1px solid #e0e5f9;
	border-left: 10px solid #e0e5f9;
	border-bottom: 1px solid #e0e5f9;  
}

.curveate-teaser{position: absolute; z-index: 2;}
.curveate-teaser-wrapper{}
.curveate-teaser-body{padding: 0 0 0 10px; 
	width: 320px;
	margin: auto; 
	border-bottom: 2px solid #1A1B1C; 
	border-left: 3px solid #1A1B1C; border-bottom-left-radius: 40px; 
	display: flex; color: #000; position: relative; height: 51px;
}
.teaser-logo{padding-right: 10px; padding-bottom: 11px; padding-top: 4px;}
.teaser-logo img{width: 38px;}
.teaser-title{padding: 6px 0 0 10px; flex: 1;}
.teaser-subtitle{}
.teaser-text-underlay{
		position: absolute;
		background-color: #e0e5f9;
		height: 40px;
		width: 261px;
		left: 55px;
		z-index: -1;
		top: 0px;
		border-bottom-left-radius: 23px;
}
.teaser-text-underlay-second{
	background-color: #383544;
	border-bottom-left-radius: 35px;
	position: absolute;
	width: 170px;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -2;
}
.teaser-button{width: 210px; position: absolute; right: -37px;}

.teaser-button .get-started-button{border-color: #000; color: #000; margin-right: 0; background: white;}

.edit-button{
	background-color: #1a1b1c; border-radius: 100%; padding: 8px 10px; display: inline-block; 
	position: absolute; top: 10px; left: 10px; box-shadow: 3px 1px 0px #f0ffff;
} 
.edit-button:hover{background-color: #333; cursor: pointer;}

.featured-curation-form{position: absolute; width: 100%; height: 100%;}
.featured-curation-form-wrapper{position: relative;}
.featured-curation-form-body{background-color: rgba(0, 0, 0, 0.6); padding: 10px; display: inline-block; position: relative;}
.featured-curation-form-body .close-alert{    
	color: #fff;
	padding: 1px 8px;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.featured-curation-form-body .close-alert:hover{background-color: #fff; color: #000;}

.edit-curation-curve{
	position: absolute;
}


.new-story-button{margin-top: 50px; margin-left: 20px;}

.project-steps-container{
	display: flex;
	align-items: center;
}
.project-steps-container>div:first-child{flex: 1;}
.project-steps-footer{
	background: black;
	padding: 10px;
	border-radius: 20px;
}

.blocks-list-item .item-type-nav-container{
	height: 20px;
}

.blocks-list-item .item-type-nav-dot{
	width: 4px; height: 4px;
}

.blocks-list-item .item-type-nav .item-nav-left, 
	.blocks-list-item .item-type-nav .item-nav-right{
	height: 6px;
	width: 10px;
}

.item-type-navigator{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
}


.item-type-nav-container{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 30px;
	z-index: 2;
}

.item-type-nav{
	display: inline-block;
	background: rgba(1,1,1,0.3);
	border-radius: 10px;
}

.item-type-nav-wrapper{
	display: flex;
	background: rgba(1,1,1,0.3);
	border-radius: 10px;
	padding: 2px 0;
	position: relative;
}

.item-type-nav-dot{
	width: 6px;
	height: 6px;
	background: #aaa;
	border-radius: 100%;
	margin: 1px;
}

.item-type-nav-dot.active{
	background: #fff;
}

.item-type-nav .item-nav-left, .item-type-nav .item-nav-right{
	height: 8px;
	width: 15px;
}

.item-type-nav-left{
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
}

.item-type-nav-right{
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
}

.item-type-nav-right:hover, .item-type-nav-left:hover{
	/*background-color: rgba(256, 256, 256, 0.4);*/
	cursor: pointer;
}
.media-card-drag .item-type-navigator{display: none;}

.story-details-more{
	color: #fff;
	display: inline-block;
	/*padding-right: 5px;*/
}
.story-details-more-wrapper{
	position: relative;
	display: inline-block;
	padding-right: 5px;
}
.story-details-more-info{

}

.story-details-more-info .toggle-activity-selection{
	background-color: transparent;
}

.story-details-more-info .activity-selection-list{
	width: 100%; padding-bottom: 30px;
	background: #12171f;
}

.story-details-more-info .close-activity-selection{display: none;}

.story-details-more-info .toggle-activity-selection{
	position: initial;
}

.story-details-more .btn{
	border-radius: 15px;
	padding: 0 10px;
}

.block-zoom-container{
	display: flex;
	height: 100%;
	align-items: center;
}
.block-zoom-last{padding: 10px;}
.block-zoom-next{padding: 10px;}
.block-zoom-block{
	height: 100%;
	flex: 1;
	text-align: center;
}
.block-zoom-block .blocks-list-item{
	width: 100%;
	height: 100%;
	border: 0;
}
.block-zoom-block .blocks-list-item .blocks-list-item-edit{
	display: none;
}

.pagination .page-nav{padding: 1px 10px 0; cursor: pointer; font-size: 14px;}
.pagination .page-nav.active{border-bottom: 1px solid;}
.pagination .previous-nav{
	flex: 1; text-align: right; padding-right: 10px; cursor: pointer;
}
.pagination .next-nav{
	flex: 1; text-align: left; padding-left: 10px; cursor: pointer;
}

.invite-code-textarea{
	resize: none;
	text-align: center;
}

.stories-public-cards{
	text-align: center;
	padding-top: 5px;
}

.profile-public .stories-public-cards{
	display: inline;
}

.stories-public-cards .story-card-status, 
	.stories-public-cards .story-card-info-icon{
	display: none !important;
}

.story-link-placeholder{
	border: 1px solid #aaa;
	padding: 2px 4px;
	margin: 10px 0;
}

.site-settings .btn{text-transform: uppercase;}


.project-buttons-mobile{
	background: #222b39;
	padding: 11px 2px 11px 8px;
	margin-top: 3px;
	border: 1px solid white;
}

.story-list-table{
	margin-bottom: 50px;
}

.stories-list-table td{vertical-align: middle;}

.stories-list-table .action-buttons-window{
	position: absolute;
	width: 110px;
	right: 0;
	z-index: 2;
	background: #222b39;
	padding: 5px;
	text-align: center;
}

.stories-list-table .action-buttons{
	width: 100px; display: inline-block;
	text-align: right; position: relative;
}

.stories-list-table .action-buttons .btn{
	margin-bottom: 5px;
	margin-right: 5px;
}

.stories-list-table .action-buttons .archive-button{
	position: initial;
}


.view-story-button{
	padding: .25rem .25rem;
}


.stories-list-table th{border: 0;}

.story-list-item-mobile{
	width: 100%;
	text-align: right;
}

.main-content-wrapper[data-mobile=true] .view-story-button{
	margin-right: 6px;
}

.story-list-item-mobile td{border: 0;}

.main-content-wrapper[data-mobile] .action-buttons{
	width: initial;
}
 
.stories-list-table .profile-story-heading-container{
	top: -20px;
}

.ratio-preview{border: 3px solid #083747; display: inline-block;}
.cell-media-confirm .btn{width: 150px; margin-bottom: 10px;}

.ui-element-dropdown{
	border: 1px solid #fff;
	position: absolute;
	background: #000;
	z-index: 1;
}

.ui-element-dropdown tr:hover{
	background-color: #222b39;
	cursor: pointer;
}

.ui-element-dropdown table{
	margin-bottom: 0;
}

.curve-modal-window .assign-modal-button{
	display: none;
}

.stories-list-buttons{
	padding-bottom: 10px;
}

.curve-selection-list{text-align: center;}
.curve-selection-list .curve-card{margin-bottom: 50px}
.curve-selection-list .blocks-list-item-assign-ui{bottom: -30px;}

.add-to-calendar-item{display: inline-block; position: relative;}

.add-to-calendar-window{
	position: absolute;
	background: #fff;
	font-size: 16px;
	width: 100px;
	padding: 3px 5px;
	z-index: 1;
	text-align: center;
	border: 1px solid #eee;
}
.add-to-calendar-window .add-to-item:hover{
	background: #eee;
	cursor: pointer;
}
.add-to-calendar-window img{
	width: 20px;
}

.calendar-box a{
	color: inherit !important;
}

.form-control.link-input{
	background: #222;
	color: #fff;
	border-color: #888;
	margin: 5px 0;
	resize: none;
}

.story-loading{
	padding-top: 25%;
	padding-bottom: 25%;
    font-size: 130%;
    text-align: center;	
    color: #FFF;
}

body[data-font=dark] .story-loading{
	color: #000;
}

.table-cal-event {
    text-align: left;
    width: 100%;
}

.story-view-embed[data-display="desktop"]{
	transform-origin: 0 0;
	margin: auto;
}

.story-view-hidden{
	opacity: 0;
    width: 0;
    height: 0;
}

.stories-list-table[data-private=true] td{
	vertical-align: top;
}

.story-new .basics-project-dropdown.basics-dropdown{
	display: none;
}


.story-new[data-project=true] .basics-project-dropdown.basics-dropdown{
	display: initial;
}