:root {
    --component-color-primary: #0066ff;
    --component-color-secondary: #515355;
    --component-color-tertiary: #202225;

    --component-radius: 8px;
    --component-shadow: 0px 4px 12px rgb(0 0 0 / 50%);

    --component-medium-grey: #2f3136;
    --component-medium-grey: #373737;
}

.ip-tabs-item--about a {
    color: #ffffff;
    text-decoration: none;
}
.ip-tabs-item--about a:hover {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.wp-block-button__link:hover,
a.wp-block-button__link:hover {
    text-decoration: none;
}


.imagepress-form { margin: 8px 0; }

.imagepress-form p {
    margin: 0 0 4px 0;
}
.ip-inline {
    display: inline-block;
}
.ip_clear { clear: both; }
.imagepress-form label {
    margin: .5em 0 .2em;
}

.imagepress-form select { height: auto; }
.imagepress-form select[multiple] { height: auto; }

.imagepress-form input[type="text"],
.imagepress-form input[type="email"],
.imagepress-form input[type="url"],
.imagepress-form input[type="password"],
.imagepress-form input[type="search"],
.imagepress-form textarea
{
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;

    border-radius: 0;

    width: 100%;
    padding: 12px;

    box-sizing: border-box;
}
.imagepress-form select,
.imagepress-form select[multiple]
{
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;

    border: 0 none;
    border-radius: 0;

    border: 0 none;

    box-sizing: border-box;

    margin: 0 1px 0 0;
}

/**
.cinnamon select { height: 32px; line-height: 32px; margin: 0 1px 0 0; }
/**/
.cinnamon select[multiple] { height: auto; }

.cinnamon input[type="text"],
.cinnamon input[type="email"],
.cinnamon input[type="url"],
.cinnamon input[type="password"],
.cinnamon input[type="search"],
.cinnamon textarea
{
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;

    border: 0 none;
    border-radius: 0;

    width: 100%;
    border: 0 none;
    padding: 12px;

    box-sizing:border-box;
}
.cinnamon select,
.cinnamon select[multiple]
{
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;

    border: 0 none;
    border-radius: 0;

    border: 0 none;

    box-sizing:border-box;
}

.ip-icon-fullscreen {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.cinnamon input[type="color"] {
	color: black;
}



.ipc * {
	box-sizing: border-box;
}

.ip_boxie {
	display: block;
	float: left;
	width: 200px;
	height: 300px;
	margin: 0 8px 8px 0;
	overflow: hidden;
	text-align: left;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin: 1em 0;
    padding: 0;
}


a img { border: none; }

#ip_container { padding: 5px 0; margin-bottom: 20px; clear: both; }

#ip_container img[class*="align"],
#ip_container img[class*="wp-image-"],
#ip_container img[class*="attachment-"] {
	height: auto;
}


.post-like { display: inline; }

/* FEATURED BOX */
#ip_container_2 { position: relative; }
#ip_container_2 img { width: 100%; height: auto; }

/* Tiny icons */
.ip_icon_hover { position: absolute; padding: 8px; display: block; bottom: 8px; left: 8px; }

/* Faux cropping and responsiveness */
.ip-block { display: block !important; overflow: hidden; }
.ip-block .ip-link img { margin: -50% 0 0 0; }

.ip_box { display: block; float: left; position: relative; margin: 0; overflow: hidden; width: 25%; }



.ip_box_top {
    display: none;

    background-color: rgba(0, 0, 0, 0.25);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75));

    margin: 6px;
    padding: 16px;

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.ip_box:hover .ip_box_top {
    display: block;
}
.ip_box_top .name { font-size: 12px; margin: 0; }

@media only screen and (min-width: 480px) {
}



.ip_box_bottom { background-color: rgba(0, 0, 0, 0.35); padding: 8px; text-align: right; margin: 6px; font-size: 80%; position: absolute; right: 0; top: 0; }
.ip_box_bottom i, .ip_box_bottom span { margin: 0 0 0 4px; }

.ip_box_top:empty, .ip_box_bottom:empty { display: none; }

.ip_box a {
	text-decoration: none;
}

.ip_box img { display: block; width: 100%; height: auto; border: 0 !important; padding: 0 !important; opacity: 1; margin: 0 !important; }
.ip_box_img img { margin: 0; }
.ip_box .fa-lg { float: left; margin: 4px 0 0 0; }

.ip_box .avatar { width: 16px !important; height: auto !important; display: inline-block !important; border-radius: 50%; }
.avatar { border-radius: 50%; }

.imagecategory { display: none; cursor: pointer; height: 18px; overflow: hidden; margin: 6px 0 0 0; font-size: 12px; }









.notifications-container .read i { font-weight: inherit; color: inherit; }
.notifications-container .read { border-left: 0; }

.notifications-container .unread i { font-weight: 1000 !important; }

.notifications-container{display:none;position:absolute;width:360px;z-index:99999999999;padding:8px;}.navatar{float:left;margin:0 8px 8px 0;}.navatar img{width:48px;height:48px;}.notifications-container .nall{text-align:center;margin:16px 0 0 0;}.notifications-container .notifications-inner{height:360px;width:100%;overflow:auto;}.notifications-bell.on{}.notifications-bell{font-size:18px;}.notifications-bell:hover{color:#ffffff!important;}.notifications-bell sup{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:100%;font-size:10px;margin-left:-10px;vertical-align:super;}.notifications-container a{margin: 0;text-transform:none;display:inline;padding:0;line-height:1;border:0;}.notifications-container a:hover{background:none;box-shadow:none;}.notification-item{border-bottom:1px solid rgba(0,0,0,0.35);padding:0 8px 20px 8px;margin:0 0 8px 0;font-size:14px;}.notification-item time{display:block;font-size:12px;}.notifications-container .notification-item{border-bottom:1px solid rgba(0,0,0,0.35);padding:8px;margin:0 0 8px 0;font-size:12px;}.notifications-container .notification-item time{display:block;font-size:10px;}.notifications-inner::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#ffffff;}.notifications-inner::-webkit-scrollbar{width:6px;background-color:#ffffff;}.notifications-inner::-webkit-scrollbar-thumb{background-color:#000000;}.notifications-title{display:none;}.notifications-container .notifications-title{display:block;margin:16px 0 16px 0;text-transform:uppercase;font-size:12px;font-weight:700;}

.ip_notification_mark { float: right; font-weight: 400; }

.notification-thumbnail {
    float: right;
    margin: 0 0 0 24px;
}
.notification-thumbnail img {
    width: auto;
    max-height: 40px;
}


/* pagination */
.pagination {
	clear: both;
    margin: 0;
    padding: 16px 0;
}
.pagination li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination li a {
	background-color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    display: inline-block;
    height: 28px; line-height: 28px;
    padding: 0 8px;
    margin: 0 2px 4px 0;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
.pagination li.active a {
	background-color: rgba(0, 0, 0, 0.5);
}


.ip-editor {
    display: none;
    position: relative;
    z-index: 3;
}
.ip-editor-display { text-align: left; display: block; }
.ip-uploader { background-color: rgba(22, 30, 38, 1); padding: 16px; margin: 24px 0; }
.ip-uploader h3 { font-weight: 300; font-size: 20px; margin: 24px 0 32px 0; }
.ip-uploader h3 small { font-size: 14px; }

.question {
	text-align: center;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.75);
	padding: 24px;
	opacity: 0;
    z-index: 999999999999;
}

.yes, .cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
}

/* COLOUR PICKER */
.ip-picker {
	display: inline-block;
	padding: 7px 9px;
	cursor: pointer;
}
#hub_portfolio_bg,
#hub_portfolio_text,
#hub_portfolio_link {
	width: 90px;
}
/* END */





.pie_progress {
	width: 120px;
	margin: 16px;
	text-align: center;
	position: relative;
	transform-style: preserve-3d;
}
.pie_progress svg {
	margin: 0 auto;
}
.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.pie_progress__number {
	font-size: 32px;
}
.pie_progress__label {
	margin-top: 24px;
	font-size: 12px;
}



.ip-more img { max-width: 100%; height: auto; display: block; margin: 24px auto 0 auto; }



.ip-editor .ip-additional { display: inline-block; position: relative; margin: 0 4px 4px 0; border: 3px solid #000000; }
.ip-editor .ip-additional-active { display: inline-block; position: relative; margin: 0 4px 4px 0; border: 3px solid #dd3333; }
.ip-editor .ip-action-icon { font-size: 18px; margin: 0 8px; }
.ip-editor textarea { line-height: 1.4; }
.ip-editor .ip-toolbar { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 26px; }
.ip-editor .ip-floatleft { float: left; }
.ip-editor .ip-floatright { float: right; }

.ip-bar { display: block; padding: 16px; text-align: left; font-size: 140%; border-bottom: 1px solid rgba(255,255,255,0.15); background-color: rgba(0,0,0,0.15) }
.ip-bar a, .ip-bar a:hover { text-decoration: none; }
.ip-bar em { opacity: 0.25; font-style: normal; }
.ip-bar .right { float: right; }

.ip-title { border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 24px; margin-bottom: 0; line-height: 1; font-size: 24px; }

.imagepress-container { position: relative; margin-top: 8px; }


/* twitter like */
.ip-post {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 8px;
    margin: 0 0 4px 0;
}



.poster-container {
    margin: 0 auto;
}

@media screen and (max-width: 2560px) {
    .poster-container {
        width: 800px;
    }
}
@media screen and (max-width: 1920px) {
    .poster-container {
        width: 600px;
    }
}
@media screen and (max-width: 1366px) {
    .poster-container {
        width: 500px;
    }
}


@media screen and (max-width: 1310px) {
    .shiny-menu.shiny-menu-right li:first-child,
    .search.menu-search {
        display: none;
    }
}



.poster-container .ip-block-content {
    margin: 48px 0
}
.poster-container img {
    max-width: 100%;
    height: auto;
}

.poster-container .ip-block-paragraph,
.poster-container {
    font-size: 16px;
    line-height: 1.5;
}
.poster-container .ip-block-heading {
    font-size: 20px;
    font-weight: 400;
}
.poster-container .ip-block-caption {
    font-size: 14px;
    color: #9d9d9d;
}

.swal2-container.swal2-shown {
    z-index: 999999;
}




/**
 * Uploader
 */
.page-id-88154 h1.entry-title {
    text-align: center;
    border-bottom: 0 none;
}
#ip-blocks li {
    position: relative;
    padding: 16px 32px 16px 32px;
    margin: 16px 0;
    background: #121212 url("https://posterspy.com/wp-content/plugins/posterspy/img/grip.png") 8px center no-repeat;
    border-radius: 3px;

    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
}
.ip-block-container {
    border-radius: 3px;
    min-height: 512px;
    padding: 24px 0;
    margin: 16px 0;
}
.ip-block-content {
    display: block;
}
.ip-block-uploader .ip-block-content-collapsed img {
    max-width: 240px !important;
}

.ip-block-container--wrapper {
    display: flex;
    flex-wrap: wrap;
}
.ip-block-container--wrapper li {
    flex-basis: 33%;
}


.ip-block-content img {
    max-width: 100%;
    height: auto;
}
#ip-imagepress-project {
    display: none;
}

#ip-block-image.ip-block-gif .ip-block-description {
    display: none;
}
.ip-block-heading {
    font-weight: 300;
    font-size: 24px;
}
.ip-block-paragraph {
    font-size: 16px;
    min-height: 92px;
}
.ip-block-caption {
    font-size: 14px;
}
.ip-block-paragraph[contenteditable="true"],
.ip-block-heading[contenteditable="true"],
.ip-block-caption[contenteditable="true"] {
    background-color: #303030;
    padding: 8px;
    cursor: text;
}
.ip-block-delete {
    position: absolute;
    bottom: 0;
    right: 0;
}
.ip-block-delete a {
    padding: 8px;
    color: #9d9d9d;
    display: block;
}
.ip-block-delete a:hover {
    color: #ffffff;
}

.ip-block-uploader {
    background-color: #161616;
    display: flex;
    align-items: flex-start;
}
.ip-block-uploader.ip-flex-fix {
    flex-direction: column;
    text-align: center;
}
.ip-block-uploader > .ip-block-uploader-column {
    flex: 1;
    padding: 24px;
}
.ip-block-uploader-element {
    margin: 0 0 24px 0;
}
.ip-block-uploader-element label {
    display: block;
    font-size: 18px;
    font-weight: 300;
    padding: 0 0 8px 0;
}
.ip-block-uploader-element input[type="text"],
.ip-block-uploader-element input[type="url"],
.ip-block-uploader-element textarea {
    width: 100%;
    border: 0 none;
    font-size: inherit;
    font-family: inherit;
    padding: 8px;
    background-color: #303030;
    color: #ffffff;
}
.ip-block-uploader-types {
    font-size: 0;
}
.ip-block-uploader-types a {
    display: inline-block;
    padding: 18px 12px;
    margin: 0 5px 5px 0;
    font-size: 14px;
    color: #ffffff;
    background-color: #4b4b4b;
    border-radius: 3px;
}
.ip-block-uploader-types a:hover {
    background-color: #414141;
    text-decoration: none;
}
.ip-block-description {
    padding: 8px 0 4px 0;
}
.blockImageForm {
    position: relative;
}
.blockImageForm:after {
    position: absolute;
    z-index: 1;
    top: 24%;
    content: "Drag an image here or select one";
    color: var(--component-color-secondary);
    width: 100%;
    text-align: center;
    display: block;
}
#blockImageFile {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding: 84px 24px 48px 24px;
    border: 1px dashed var(--component-color-secondary);
    border-radius: 3px;
}

#blockImageFile.dragged-over {
    border: 1px dashed #ffffff;
}





#block-image-file {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding: 84px 24px 48px 24px;
    border: 1px dashed var(--component-color-secondary);
    border-radius: 3px;
}

#block-image-file.dragged-over {
    border: 1px dashed #ffffff;
}






[contentEditable=true]:empty:not(:focus)::before{
    content: attr(data-ph);
}


#ip-block-video {
    opacity: 0.75;
    cursor: not-allowed;
}
.ip-block-pro {
    display: inline-block;
    padding: 0 4px;
    background-color: #2ecc71;
    border-radius: 3px;
    font-size: 12px;
}







section[role="navigation"] a { display: inline; }



.profile-hub-container hr { border-top: 1px solid rgba(255, 255, 255, 0.25); }
.profile-hub-container small { font-size: 100%; }

.cinnamon-cover-preview { width: 100%; height: 150px; }
.cinnamon-cover-preview img { width: 60px; height: 60px; position: absolute; left: 16px; bottom: 42px; }
.cinnamon-cover .overlay {
	position: relative;
	width: 100%;
	margin: 8px auto -40px auto;
	text-align: right;
	display: block;
	z-index: 99;
}
.cinnamon-avatar { padding: 90px 0 0 0; position: relative; width: 90%; margin: 0 auto; }

.cinnamon-meta { float: left; padding: 4px 12px; line-height: 1.2; text-align: center; font-size: 90%; }
.cinnamon-meta:first-child { padding-left: 0; }
.cinnamon-meta:last-child { border-right: 0 none; padding-right: 8px; }
.cinnamon-meta a { text-decoration: none; }

.cinnamon-stats {}
.cinnamon-stats a:hover { color: #414141; }
.cinnamon-stats small { color: #9d9d9d; }

.cinnamon-user {
	float: left;
	margin: 0 16px 0 0;
}

.cinnamon-padding-top { margin: 3px 0 0 0; }

.profile-hub-container .ph-detail {
    font-weight: bold;
}
.profile-hub-container .ph-nametag {
	font-size: 28px;
	padding: 0;
	margin: 2px 0 0 0;
}
.profile-hub-container .ph-nametag i {
	font-size: 80%;
}
.profile-hub-container .ph-locationtag {
    padding: 2px 0;
}
.profile-hub-container .ph-locationtag b {
	display: inline-block;
	width: 64px;
	margin: 0 12px 0 0;
}
.profile-hub-container .avatar {
	display: block;
    margin: 0 0 4px 0;
	width: 120px;
	height: 120px;
	object-fit: cover;
}
.profile-hub-container .cinnamon-followers .avatar {
    width: 40px;
    height: 40px;
    margin: 0 8px 4px 0 !important;
	display: inline-block;
	border: none;
}
@media screen and (max-width: 480px) {
    .profile-hub-container .cinnamon-followers .avatar {
        width: 24px !important;
        height: 24px !important;
        margin: 0 4px 4px 0 !important;
    }
}



.cinnamon-paragraph {
    margin: 12px 0;
    clear: both;
}
.cinnamon-paragraph b {
    font-size: 16px;
    font-weight: normal;
}
.cinnamon-followed img {
    margin: 0 1px 0 0;
    width: 90px;
    height: 90px;
    float: left;
}
.cinnamon-likes img {
    margin: 0 4px 4px 0;
}


.single-heading {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: normal;
    margin: 24px 0;
}

.cinnamon .cinnamon-share {
    width: auto !important;
}

.cinnamon .description {
    font-size: small;
}
.cinnamon table {
    width: 100%;
}
.cinnamon table th {
    text-align: left;
    vertical-align: top;
    width: 30%;
    font-weight: 400;
}
.cinnamon table td {
    vertical-align: top;
    padding: 8px;
}
.cinnamon hr {
    border: 0;
    height: 1px;
    background-color: #666666;
    margin: 16px 0;
}
.cinnamon .form-table label {
    display: block;
    margin: 12px 0 4px 0;
    color: #9d9d9d;
}






.cinnamon .form-table .hub-skills,
.cinnamon .form-table .hub-proficiencies {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}
.cinnamon .form-table .hub-skills label,
.cinnamon .form-table .hub-proficiencies label {
    display: inline;
    margin: 2px 0 4px 0;
}
.cinnamon .form-table .hub-skills label:hover,
.cinnamon .form-table .hub-proficiencies label:hover {
    color: #ffffff;
}
.cinnamon .form-table .hub-skills input[type=checkbox],
.cinnamon .form-table .hub-proficiencies input[type=checkbox] {
    vertical-align: middle;
    margin: 0 4px 0 0;
}
.cinnamon .form-table .hub-skills input[type=checkbox] + label:before,
.cinnamon .form-table .hub-proficiencies input[type=checkbox] + label:before {
    display: inline-block;
    width: 16px;
}




input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--component-color-primary);
    color-scheme: dark;
    width: 16px;
    height: 16px;
}

/*
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked)
{
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    display: inline-block;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #6d6d6d;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after
{
    content: '';
    width: 14px;
    height: 14px;
    background: var(--primary-color);
    position: absolute;
    top: 2px;
    left: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after
{
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after
{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
[type="checkbox"]:disabled:checked + label:before,
[type="checkbox"]:disabled:not(:checked) + label:before
{
    border-color: #ccc;
    background-color: #eee;
}
[type="checkbox"]:disabled:checked + label:after
{
    background: #aaa;
}
/**/





.cinnamon .form-table small {
    color: #666666;
}

.cinnamon-grid ul { margin: 0; padding: 0; }
.cinnamon-grid ul li { list-style: none; margin: 0 1px 1px 0; padding: 0; display: inline-block; }
.cinnamon-grid ul li img { width: 100px; height: 100px; opacity: 1; }
.cinnamon-grid ul li img:hover { opacity: 0.85; }

.cinnamon-grid-blank img { opacity: 1; margin: 0 1px 1px 0; }
.cinnamon-grid-blank img:hover { opacity: 0.85; }
#cinnamon-feature {
    text-align: center;
    margin: 0 0 8px 0;

	transition: all 0.2s ease-in-out;
}

/*
 * Artists page
 */
.page-id-1617 #wrap {
    width: 1000px;
}
.mosaic-left .follow-links {
    display: inline;
}

.cinnamon-card-grid ul { margin: 0; padding: 0; }
.cinnamon-card-grid ul li { list-style: none; margin: 0 1px 1px 0; padding: 0; display: inline-block; }
.cinnamon-card-grid ul li img { width: auto; height: 100px; opacity: 1; }
.cinnamon-card-grid ul li img:hover { opacity: 0.85; }

.cinnamon-card { background-color: rgba(0, 0, 0, 0.15); width: 100%; display: block; float: left; margin: 0 0 24px 0; position: relative; padding: 16px; list-style: none; }
.cinnamon-card .avatar-holder { float: left; margin: 0 16px 0 0; }
.cinnamon-card .avatar-holder img { width: 52px; height: 52px; }
.cinnamon-card .location-holder { text-overflow: ellipsis; overflow: hidden; }
.cinnamon-card h3 { font-size: 16px; font-weight: 700; margin: 4px 0 0 0; clear: none; }
.cinnamon-card h3 a { text-decoration: none; }
.cinnamon-card h3 a:hover { text-decoration: underline; }
.cinnamon-card .mosaicflow {
    float: right;
    width: 60%;
    border-left: 1px solid #9d9d9d;
    padding: 16px 0 16px 24px;
}
.cinnamon-card .mosaicflow div { float: left; margin: 0 8px 0 0; }
.cinnamon-card .mosaicflow div:last-child { margin: 0 0 0 0; }
.cinnamon-card .mosaicflow div img { width: auto; height: 104px; opacity: 1; }
.cinnamon-card .mosaicflow div:hover { background-color: #ffffff; }
.cinnamon-card .mosaicflow div:hover img { opacity: 0.8; }

#cinnamon-cards .list { padding: 0; margin: 0; }
#cinnamon-cards .cinnamon-stats { margin-top: 12px; }
#cinnamon-cards .cinnamon-sortable { background-color: rgba(0, 0, 0, 0.15); padding: 16px; margin: 0 0 16px 0; }
#cinnamon-cards .cinnamon-sortable input { width: 320px; font-family: inherit; font-size: inherit; }
#cinnamon-cards .cinnamon-sortable h4 { margin: 0 0 16px 0; }
#cinnamon-cards .cinnamon-sortable .innersort { float: left; margin: 0 48px 0 0; }
#cinnamon-cards .sort { display: inline-block; margin: 0 16px 0 0; text-transform: uppercase; font-size: 90%; cursor: pointer; padding: 8px 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
#cinnamon-cards .sort i { font-size: 80%; }
#cinnamon-cards .sort .teal { color: #0cb8fc; }

#author-cards .list { padding: 0; margin: 0; }
#author-cards .cinnamon-stats { margin-top: 12px; }
#author-cards .cinnamon-sortable { background-color: rgba(0, 0, 0, 0.15); padding: 16px; margin: 0 0 16px 0; }
#author-cards .cinnamon-sortable input { width: 320px; font-family: inherit; font-size: inherit; }
#author-cards .cinnamon-sortable h4 { margin: 0 0 16px 0; }
#author-cards .cinnamon-sortable .innersort { float: left; margin: 0 48px 0 0; }
#author-cards .sort { display: inline-block; margin: 0 16px 0 0; text-transform: uppercase; font-size: 80%; font-weight: 700; cursor: pointer; padding: 8px 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
#author-cards .sort i { font-size: 80%; }
#author-cards .sort .teal { color: #0cb8fc; }



ul, li {padding: 0; margin: 0; list-style: none}

/* Tab */
#ip-tab { text-align: center; margin: 48px 0 0 0; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
#ip-tab li { display: inline-block; }
#ip-tab li a { display: block; padding: 12px 0; margin: 0 48px; font-size: 16px; text-decoration: none; }
.tab_icerik { padding: 10px; }

#cinnamon-index { text-align: center; margin: 16px 0; }
#cinnamon-index a { text-decoration: none; }



.ip-tab {
	position: relative;
}
.ip-tab h3 small {
    color: #9d9d9d;
    font-size: 14px;
}
.ip-tabs {
	display: flex;
    justify-content: center;
	margin: 0;
	padding: 8px 0;
}
.ip-tabs li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.ip-tabs .current a,
.ip-tabs a:hover {
    color: #ffffff;
}

.ip-tabs-item cite { font-style: normal; }

.ip-tabs li a {
    color: var(--tertiary-color);
    display: block;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 600;
	margin: 0;
    text-decoration: none;
}
.ip-tabs li a span {
    margin: 0 0 0 8px;
    color: rgba(255, 255, 255, 0.45);
}

.ip-tabs-item {
    display: none;
}
.ip-tabs-item:first-child {
    display: block;
}
.tab_content {
    float: right;
    width: calc(100% - 320px);
}
.tab_content.has-new-ui {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.has-heading-font-size {
    font-size: 16px;
    font-weight: 600;
}

.cinnamon-award-list-item {
    margin: 0 1px 0 0;
    display: inline-block;
    padding: 2px 4px;
    font-size: smaller;
}

.profile-mini-heading {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 12px 0;
}

.hub_label_cover,
.hub_label_avatar {
    position: relative;
    overflow: hidden;
}
.hub_label_cover input[type="file"],
.hub_label_avatar input[type="file"] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    font-size: 100px;
    cursor: pointer;
}


/* module: activity feed */
#activity, #activity-archive { list-style : none; background-color: rgba(0, 0, 0, 0.15); padding: 8px; }
#activity-archive li { clear: both; margin: 0 0 8px 0; }
#activity-archive .avatar { float: left; margin: 0 8px 0 0; }
.act-old { color: #9d9d9d; }


#add-row,
#add-row-featured {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #666666;
}












.box {
    transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
    transition-property: left, right, top;

    overflow: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQIW2NkQAX/GZH4/4FsRpgAmAOSBBFwDkgAAIKuBATRTAAZAAAAAElFTkSuQmCC) repeat;
}
.box a { display: block; width: 100%; height: 100%; background-size: cover !important; opacity: 0.9; }
.box a:hover { opacity: 1; }
#contain { width: 100%; }






/* upload functionality */
#imagepress-errors {
	border-left: 4px solid #e74c3c;
	background-color: #ffffff;
	color: #000000;
	margin: 5px 0 15px;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	padding: 12px;
	outline: 0;
}
#imagepress-errors p {
	margin: 0;
	padding: 0;
}
#imagepress-errors:empty {
	padding: 0;
	margin: 0;
	border: 0;
}
#imagepress_submit:disabled { opacity: 1; cursor: pointer; }
#imagepress_submit:disabled { opacity: 0.75; cursor: not-allowed; }
/**/



/* COLLECTIONS */
.imagepress-float-left { float: left; }
.imagepress-float-right { float: right; }

.ip-collections-container {
    max-width: 1070px;
    margin: 0 auto;
}
.profile-hub-container .ip-collections-container {
    max-width: 100%;
}


.ip_collection_box {
    position: relative;
    height: 250px;
}
.ip_collections_edit {
    display: inline-block;
    width: 250px;
    height: 330px;
    background-color: rgba(0, 0, 0, 0.25);
    margin: 8px;
    padding: 0;
    position: relative;
    border-radius: 3px;
}
.ip_collections_edit img {
    border-radius: 3px 3px 0 0;
}
.ip_collections_edit:hover { background-color: rgba(0, 0, 0, 0.35); }
.ip_collections_edit h3 { margin: 0 0 4px 0; font-weight: 400; text-transform: none; font-size: 1.17em; }
.ip_collections_edit h3 input { text-align: center; }
.ip_collections_edit .collection_details {
	text-align: center;
	margin: 10px auto;
}


/* COLLECTION TEMPLATE */
.ip-template-collection-meta {
    text-align: center;
	margin: 0 0 10px 0;
	padding: 10px;
}
.ip-template-collection-meta h3 {
    font-weight: 500;
	font-size: 24px;
	margin: 0 0 4px 0;
	padding: 0;
}
.ip-template-collection-meta-stat {
    display: inline-block;
    margin: 16px 24px;
}
.ip-template-collection-meta-stat span {
    color: #666666;
}

.ip-loadingCollections,
.ip-loadingCollectionImages {
	display: none;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
}


.ip_collections_overlay { position: absolute; bottom: 16px; right: 20px; background-color: rgba(0, 0, 0, 0.5); padding: 4px 8px; border-radius: 3px; }
.ip_collections_private_overlay { font-size: 90%; margin: 4px 0; }


.modal { display: none; position: fixed; top: 50%; left: 50%; width: 400px; height: auto; margin-left: -200px; margin-top: -150px; background-color: #161616; padding: 25px; border-radius: 3px; z-index: 10; box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.5); }
.modal.active { display: block; }
.modal .close { position: absolute; top: 6px; right: 8px; margin: 0; }
.modal .showme { display: none; }
.modal .collection-progress { display: none; }

.frontEndModal h2,
.modal h2 {
    font-weight: 300;
}

.collection_details_edit input[type="text"],
.collection_details_edit input[type="url"],
.frontEndModal input[type="text"],
.modal input[type="text"] {
    background-color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    color: #34495e;
    border: 0 none;
    padding: 8px;
    width: 100%;
    border-radius: 3px;
}
.collection_details_edit select,
.frontEndModal select,
.modal select {
    background-color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    color: #34495e;
    border: 0 none;
    padding: 8px;
    border-radius: 3px;
}

.toggleFrontEndModal { text-align: center; }
.frontEndModal { display: none; position: fixed; top: 50%; left: 50%; width: 400px; height: auto; margin-left: -200px; margin-top: -150px; background-color: #161616; padding: 25px; border-radius: 3px; z-index: 10; box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); }
.frontEndModal.active { display: block; text-align: left; }
.frontEndModal .close { position: absolute; top: 6px; right: 8px; margin: 0; color: #9d9d9d; }
.frontEndModal .showme { display: none; }
.frontEndModal .collection-progress { display: none; }

.collection_details_edit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 99;
    padding: 16px;
    text-align: left;
}
.collection_details_edit.active { display: block; }

.collection_details_edit p { margin: 0 0 12px 0; }


.ip-featured-collection { padding: 10px; background-color: rgba(0, 0, 0, 0.25); width: 100%; display: table; margin: 0 0 4px 0; }
.ip-featured-collection .wp-post-image { width: auto; height: 70px; float: left; margin: 0 10px 0 0; }
.ip-featured-collection-meta { display: table-cell; vertical-align: middle; width: 100%; }

.ip-paragraph-gap-6 { padding: 6px 0; }





.imagetitle {
	font-weight: 400;
    display: block;
    font-size: 16px;
    margin: 0 0 4px 0;
}







.cinnamon-profile-global-separator {
    margin: 0 0 24px 0;
}
.cinnamon-profile-sidebar {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    padding: 16px 24px;
    width: 300px;
    float: left;
}
.cinnamon-profile-sidebar h3 {
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
    line-height: 1.35;
    margin: 12px 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.65);
    padding: 12px 0 0 0;
    color: rgba(255, 255, 255, 0.65);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.cinnamon-profile-sidebar .cinnamon-avatar {
    padding: 0;
    width: 120px;
    height: 120px;
    margin: 0 auto 16px auto;
}
.cinnamon-profile-sidebar .cinnamon-avatar img {
    border-radius: 50%;
}
.cinnamon-profile-sidebar .cinnamon-nametag {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    text-transform: none;
    line-height: 1.35;
    margin: 0;
    padding: 0;
}
.cinnamon-profile-sidebar .cinnamon-locationtag {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.65);
}
.cinnamon-profile-sidebar .cinnamon-sidebar-content:not(:empty) {
    margin: 24px 0;
}
.cinnamon-profile-sidebar .cinnamon-sidebar-content.centre {
    text-align: center;
}
.cinnamon-profile-sidebar .follow-links {
    display: inline;
}
.cinnamon-profile-sidebar .repeatable-row-featured,
.cinnamon-profile-sidebar .repeatable-row-external {
    line-height: 1.5;
}
.cinnamon-profile-sidebar .cinnamon-social {
    margin: 24px 0;
}
.cinnamon-profile-sidebar .cinnamon-social a {
    background-color: rgba(255, 255, 255, 0.65);
    color: #000000;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    margin: 0 4px 0 0;
    font-size: 20px;
}
.cinnamon-profile-sidebar .cinnamon-social a:hover {
    background-color: rgba(255, 255, 255, 1);
}

.wp-block-columns.cinnamon-followers .wp-block-column p,
.wp-block-columns.cinnamon-following .wp-block-column p,
.cinnamon-social p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cinnamon-bio p {
    text-overflow: ellipsis;
    overflow: hidden;
}

.cinnamon-skill,
.cinnamon-software {
    display: inline-block;
    padding: 6px 12px;
    background-color: var(--tertiary-color);
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 48px;
    margin: 0 2px 2px 0;
}




.toggle-menu-container {
  position: relative;
  z-index: 1;
}

.toggle-menu-control:checked ~ .toggle-menu-container .toggle-menu,
.toggle-menu-control:checked ~ .toggle-menu-container .toggle-menu-close,
.toggle-menu-control:checked ~ .toggle-menu-overlay {
    display: block;
}
.toggle-menu-control:checked ~ .toggle-menu-overlay {
    display: block;
    background-color: rgba(0, 0, 0, 0.25);
}

.toggle-menu-control:checked ~ .toggle-menu-container .toggle-menu-open {
    display: none;
}

.toggle-menu {
    background-color: var(--component-medium-grey);
    border-radius: var(--component-radius);
    box-shadow: var(--component-shadow);

    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 24px;
    margin: 8px 0 0 0;
}
.toggle-menu input[type="file"] {
        line-height: normal;
    padding: 16px;
    border: 2px dashed rgba(255, 255, 255, 0.25);
    border-radius: 12px;
}

.icon-loading-animation {
    animation-name: icon-spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: center center;
}
@keyframes icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

#profile-action--save-cover {
    display: none;
}



.toggle-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: transparent;
}

.toggle-menu-control,
.toggle-menu-close,
.toggle-menu-overlay,
.toggle-menu {
  display: none;
}


.ionicon,
.icon-fw {
    width: 1.25em;
    text-align: center;
    margin: 0 8px 0 0;
    vertical-align: text-top;
}
.ui-button .ionicon {
    margin: 0 2px 0 0;
}




#mobile-spy {
    display: none;
}
@media (max-width: 768px) {
    #mobile-spy {
        display: block;
    }
}

/* take that, responsiveness! */
@media screen and (max-width: 720px) {
    .ip-tabs {
        padding: 6px 0 6px 0;
    }
    .ip-tabs li a {
        margin: 0 16px;
        font-size: 13px;
    }

    .cinnamon-cover,
    .cinnamon-profile-global-separator,
    .ip-tabs li a span {
        display: none;
    }
}

@media only screen and (max-width : 480px) {
    .profile-hub-container {
        width: 100% !important;
    }

    .ip_box { width: 100%; }

    .ip-tabs li a {
        margin: 0 6px;
        font-size: 12px;
    }

    .tab_content,
    .cinnamon-profile-sidebar {
        width: 100%;
        float: none;
    }
    .cinnamon-cover {
        box-shadow: none !important;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
    /* Tablet view: 2 tiles */
    .ip_box { width: 33.3%; }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
    /* Small desktop / ipad view: 3 tiles */
    .ip_box { width: 25%; }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
    /* Medium desktop: 4 tiles */
    .ip_box { width: 20%; }
}






#suggesstion-box {
    position: relative;
}
#userlist {
    position: absolute;
    top: 0;
    left: 0;
}
#userlist li {
    background-color: #222222;
    width: 240px;
    padding: 6px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#userlist li:hover {
    background-color: #121212;
    cursor: pointer;
}
#userlist li .avatar {
    margin-right: 8px;
}

.whiskey-tabs {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
.whiskey-tabs:after {
  clear: both;
  content: '';
  display: block;
}
.whiskey-tabs li {
  float: left;
  margin-right: 1px;
}
.whiskey-tabs li a {
  background-color: #34495e;
  color: #ffffff;
  display: inline-block;
  padding: 12px 16px;
  text-decoration: none;
}
.whiskey-tabs li a:hover {
  background-color: #161616;
  text-decoration: none;
}
.whiskey-tabs li a.is-active {
  background-color: #161616;
  text-decoration: none;
}
.whiskey-tabs + .whiskey-tab-content {
  display: block;
}

.whiskey-tab-content {
  border: 1px solid #34495e;
  display: none;
  padding: 0 8px;
}
html.no-js .whiskey-tab-content {
  display: block;
}



/*
 * Private messaging
 */
.pm-sidebar {
    height: 300px;
    overflow-y: scroll;
    margin: 0 0 16px 0;
}

.pm-right-inner::-webkit-scrollbar,
.pm-sidebar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px;
}
.pm-right-inner::-webkit-scrollbar-track-piece,
.pm-sidebar::-webkit-scrollbar-track-piece  {
    background-color: #222222;
    border-radius: 3px;
}
.pm-right-inner::-webkit-scrollbar-thumb:vertical,
.pm-sidebar::-webkit-scrollbar-thumb:vertical {
    height: 6px;
    background-color: #666666;
    border-radius: 3px;
}

#pm-settings {
    font-size: 18px;
    display: inline-block;
    padding: 8px;
    cursor: pointer;
}
.swal2-popup #swal2-content {
    text-align: center;
}

.pm-container {
    width: 1170px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.15);
}
.pm-left { width: 300px; float: left; }
.pm-right { width: 870px; height: 600px; float: right; }
.pm-right-inner { width: 870px; height: 600px; overflow-y: scroll; }

/*
 * https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/
 */
.pm-right-inner .pm-right-inner--centered {
    width: 100%;
    height: 100%;

    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    font-weight: 300;

    display: flex;
    align-items: center;
    justify-content: center;
}

.pm-row { margin: 10px 8px; max-width: 60%; }
.pm-row span { margin: 0 0 0 16px; display: inline-block; padding: 8px; background-color: rgba(255, 255, 255, 0.15); border-radius: 3px; }
.pm-row.receiver span { background-color: #0cb8fc; }
.pm-row .avatar { border-radius: 50%; }

.sender { float: left; clear: both; }
.receiver { float: right; clear: both; }

.pm-message-single .avatar {
    float: left;
    border-radius: 50%;
    margin: 0 16px 0 0;
}
.pm-message-single span {
    float: right;
}
.pm-message-single em {
    font-style: normal;
    color: #666666;
    font-size: 90%;
}
.pm-message-single {
    cursor: pointer;
    padding: 16px;
}
.pm-message-single:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

.pm-new {
    padding: 16px;
}   
.pm-new #pm_message {
    width: 80%;
}

#pm-load-limit {
    background-color: rgba(255, 255, 255, 0.025);
    color: rgba(255, 255, 255, 0.25);
    font-weight: 300;
    padding: 8px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
#pm-load-limit:hover {
    color: rgba(255, 255, 255, 0.75);
}




.ps-user-badge {
    height: 0;
    text-align: center;
    transform: translateY(-24px);
}
.ps-user-badge--patron span {
    display: inline-block;
    background-color: #ff424d;
    padding: 4px 16px;
    border-radius: 48px;
    font-weight: 600;
}



/**
 * 7.0.0
 */
.cinnamon-modal-trigger {
    cursor: pointer;
}
#cinnamon-modal-overlay {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.25);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
}
#cinnamon-modal-overlay > div {
    width: 540px;
    margin: 128px auto;
    background-color: var(--component-medium-grey);
    border-radius: var(--component-radius);
    box-shadow: var(--component-shadow);
    color: #ffffff;
    padding: 24px;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    #cinnamon-modal-overlay > div {
        width: auto;
        margin: 2px 2px;
    }
}

.cinnamon-modal-content {
    height: 320px;
    padding-right: 24px;
    overflow-x: auto;
}

@media only screen and (max-width: 768px) {
    .cinnamon-modal-content {
        height: 80vh;
    }
}





.cinnamon-simple-tabs-container {
    position: relative;
}
.cinnamon-simple-tabs-container ul {
    list-style: none;
    margin-bottom: 24px;
}
.cinnamon-simple-tabs-container ul > li {
    display: inline-block;
}
.cinnamon-simple-tabs-container ul > li span.cinnamon-simple-tab-header {
    color: var(--tertiary-color);
    display: block;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
}
.cinnamon-simple-tabs-container ul > li span.cinnamon-simple-tab-header:hover,
.cinnamon-simple-tabs-container ul > li span.cinnamon-simple-tab-header.active {
    color: #ffffff;
}
.cinnamon-simple-tabs-container .cinnamon-simple-tab-content {
    display: none;
}
.cinnamon-simple-tabs-container .cinnamon-simple-tab-content.active {
    display: block;
}

.cinnamon-modal-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.cinnamon-modal-content::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.cinnamon-modal-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border: 0 none #ffffff;
    border-radius: 48px;
}
.cinnamon-modal-content::-webkit-scrollbar-thumb:hover,
.cinnamon-modal-content::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 1);
}
.cinnamon-modal-content::-webkit-scrollbar-track {
    border-radius: 48px;
}
.cinnamon-modal-content::-webkit-scrollbar-corner {
    background: transparent;
}

.wp-block-columns.cinnamon-followers {
    margin-bottom: 0;
}
.is-not-logged-in .wp-block-columns.cinnamon-followers .wp-block-column:last-child {
    display: none !important;
}

.wp-block-columns.cinnamon-followers .cinnamon-followers--item {
    font-size: 16px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.wp-block-columns.cinnamon-followers .cinnamon-followers--item > a {
    white-space: nowrap !important;
}