/*
Theme Name: spheres Theme
Description: Template for spheres Journal
Author: tjschulze.de
Author URI: https://tjschulze.de
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/**************** HEADER ****************/
/* Limit logo @ mobile menu */
#main-logo {
    max-width: calc( 100% - 45px);
}

/**************** NAVIGATION  ****************/

@media (max-width: 959px) {
    #masthead #menu-main {
        display: flex;
        justify-content: center;
        padding: 10px 0px 15px 0px !important;
    }
    #masthead ul.menu-smart > li {
		height: 100px !important;
        flex-basis: 100px;
        margin: 0 5px;
    }

}
@media (min-width: 960px) {
    #masthead #menu-main {
        padding-top:40px;
    }
    #masthead ul.menu-smart > li {
		height: 50px !important;
        margin-left:15px;
		align-items: flex-start;
    }
}
#masthead ul.menu-smart > li { 
        width: 100px !important;
        text-align: center;
        border-radius: 50%;
		align-items: initial !important;
}
#masthead ul.menu-smart > li > a,
#masthead ul.menu-smart > li.active > a {
	padding: 50px 0 0 !important;
	border-radius: 50%;
	background: white;
	color:#666666;
	font-weight:400 !important;
	text-transform:none;
	transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	width:100%;
	justify-content: center;
	align-items: unset;
}
#masthead ul.menu-smart > li > a i.fa {
	display:none;
}
#masthead ul.menu-smart > li:nth-child(1) > a {
	background: white url(https://new.spheres-journal.org/wp-content/uploads/i_journal.svg) no-repeat center 25px;
}
#masthead ul.menu-smart > li:nth-child(2) > a {
	background: white url(https://new.spheres-journal.org/wp-content/uploads/i_network.svg) no-repeat center 25px;
}
#masthead ul.menu-smart > li:nth-child(3) > a {
	background: white url(https://new.spheres-journal.org/wp-content/uploads/i_about.svg) no-repeat center 25px;
}
#masthead ul.menu-smart > li > a:hover {
	color:#3f61b6;
	background-color: #f7f7f7;
}
#masthead ul.menu-smart > li > a::before {
	height:3px !important;
}

/**************** CONTENT / HTML ****************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, b, strong {
    color:inherit !important;
}
.single-contribution h2, .single-contribution .h2 {
    margin-top:2em;
} 
p, li, dt, dd, dl, address, label, small, pre, code, .text-lead, .text-lead > * {
    line-height:1.5;
}
/* shift pictures out of page */
figure.alignleft, figure.alignright {
        margin-top:18px;
}
.wp-caption-text {
    margin: 9px 0px 9px 0px;
}
.gallery .wp-caption-text {
    display: block;
}
figcaption {
    margin: 9px 0px 9px 0px;
    font-family: 'Source Sans Pro';
    font-size: 15px;
}
@media (min-width: 960px) {
    figure.alignleft {
        margin-left:-72px;
    }
    figure.alignright {
        margin-right:-72px;
    }
    /* Fullsize images */
    figure.aligncenter, img.aligncenter {
        width: calc( 100% + 144px );
        height: auto;
        margin-top:36px;
        margin-left: -72px;
        margin-right: -72px;
        max-width: 133%;
    }
    .gallery {
        margin:36px -72px 0 -72px;
    }
}
@media (max-width: 569px) { 
    figure.alignleft, figure.alignright {
        float: none;
        margin: 18px auto 0;
    }
}

blockquote {
    border:0;
    margin: 27px 0px 7px 0px;
    padding: 0px 0 0px 27px;
}
blockquote p {
    color: inherit !important;
    font-size: inherit;
    font-style: italic;
}
blockquote p sup.footnote_plugin_tooltip_text {
    margin-left:0.3em;
}
table td, table th {
    font-weight:400;
    padding: 4px 18px 4px 18px;
}

/**************** CONTENT / SPECIFIC ELEMENTS ****************/
/* News homepage */
.sph_newsfeed .tmb .t-entry-meta {
    margin-top: 0px !important;
}
.sph_newsfeed .tmb .t-entry-meta:nth-child(1) {
	text-align:right;
	margin-bottom: 9px;
}
.sph_newsfeed .tmb .t-entry-meta .t-entry-date {
	font-family: 'Source Sans Pro' !important;
	font-size: 15px;
	color: #444444 !important;
	font-weight:400;
}
.sph_newsfeed .tmb .t-entry-title {
	margin-top:9px !important;
	margin-bottom:27px !important;
}
.sph_newsfeed .tmb .t-entry-title a {
	pointer-events: none;
	color: inherit !important;
	cursor:text;
}
.sph_newsfeed .tmb .t-entry-text .no-block-padding {
	padding-left: 36px !important;
}
.sph_newsfeed .tmb .t-entry-text .btn-container {
	margin-top:27px!important;
}

/* Issue slider */
@media (min-width: 570px) {
    .sph_issue_slider .owl-carousel-wrapper .tmb .t-entry-title {
        font-size:48px;
    }
    .sph_issue_slider .owl-carousel-wrapper .tmb .t-entry p.t-entry-meta span {
        font-size:28px;
        font-weight: 400;
    }
}
@media (max-width: 569px) {
    .sph_issue_slider .owl-carousel-wrapper .tmb .t-entry-title {
        font-size:37px!important;
    }
    .sph_issue_slider .owl-carousel-wrapper .tmb .t-entry p.t-entry-meta span {
        font-size:22px!important;
        font-weight: 400;
    }

}
.sph_issue_slider .owl-carousel-wrapper .tmb .t-entry .t-entry-excerpt {
    position: absolute;
    bottom:10px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.66);
    right: 10px;
}
.sph_issue_slider .owl-nav-container.btn-default {
    background-color: rgba(0,0,0, 0.1) !important;
}
/* change text positions for issue #6 manually (thumb id=650) 
 * - simply set height:100% to ignore vertical-align:bottom 
 *   and position it to top of slider 
 
.sph_issue_slider .tmb-id-650 .t-entry-visual .t-overlay-text {
    height:100%;
}*/
/* other media galleries */
@media (max-width: 569px) { 
    .tmb-content-overlay .h1, .tmb-content-overlay .h2, .tmb-content-overlay .h3, .tmb-content-overlay .h4, .tmb-content-overlay .h5, .tmb-content-overlay .h6, 
    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]){
        font-size: 28px !important;
    }
}
.isotope-footer {
    margin-top:36px;
}


/* Accordion */
.panel-title > a {
    padding:36px 0;
}
.panel-title > a span { 
	line-height: 1.2;
	letter-spacing: 0.00em;
	font-weight: 400;
	font-family: inherit !important;
	letter-spacing:0!important;
	text-transform:inherit;
	font-size: 46px;
	font-family: 'EB Garamond', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.panel-title > a span::after {
    display:none;
}
.style-light .panel {
    border-color: #3f61b6;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top-width: 0;
}
.panel:first-child {
    border-top:0;
}
.panel:last-child {
    border-bottom:0;
}
@media (min-width: 960px) {
    .panel-title {
        transition: margin 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .panel-title.active {
        margin-left:188px;
    }
}

/* correct indent on latest contribs @ contributors single template */
.sph_latcontrib ul {
    margin-left:25px;
}
.sph_latcontrib ul li {
    text-indent: -25px;
}

/* Download button contributions */
a.sph_download_button {
    background-color:#f1f1f1;
    border-radius: 50%;
    border-width:0 !important;
    color:#444444 !important;
    float:right;
    font-size: 42px !important;
    height:100px;
    margin: -30px -25px 20px 20px;
    position: relative;
    width:100px;
    z-index: 3;
}
a.sph_download_button .fa {
    margin-left: -17px !important;
    top: 26px !important;
    position: absolute;
}
a.sph_download_button:hover {
    color: #3f61b6 !important;
    background: #f7f7f7 !important;
}
@media (min-width: 960px) {
    a.sph_download_button::after {
        content: 'Download';
        display: inherit;
        color: transparent;
        font-family: 'EB Garamond', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
        font-size: 25px;
        left: 110px;
        letter-spacing: 0;
        position: relative;
        text-transform: none;
        transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        top: 32px;
        margin-left: -15px;
        padding-left: 15px;
    }
    
    a.sph_download_button:hover::after {
        color:#aaaaaa;
    }
}
/* articles and comments in issues */
.row-articles-toc .uncont > :not(:first-child):not(.row-internal) {
    margin-top:6px !important;
}
/* Editorial (deprecated) */
/*@media (min-width: 960px) {
    .sph-header-editorial::before {
        content: 'Editorial';
        color: transparent;
        font-size: 1.3em;
        padding: 0.65em 0 0.135em;
        position: absolute;
        left: -4.25em;
        width: 4.25em;
        transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .sph-header-editorial:hover::before {
        color:#aaa;
    }
}
@media (max-width: 959px) {
    .sph-header-editorial::before {
        display: block;
        content: 'Editorial';
        color: #aaaaaa;
    }
}*/
/* Comment (deprecated) */
/*
@media (min-width: 570px) { 
    .row-comment .uncont {
        padding-left:100px;
    }
    .row-comment .uncont::before {
            content: 'Comment';
            display: inline-block;
            position: absolute;
            top: 8px;
            left: 0;
            width: 100px;
            text-align: right;
            padding-right: 10px;
            font-size:18px;
            color: transparent;
            transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .row-comment .uncont:hover::before {
        color:#aaa;
    }
}
@media (max-width: 569px) {
    .row-comment .uncont {
        margin-left: 40px !important;
    }
    .row-comment .uncont h3 > span::before {
        content:'Comment';
        display:block;
        font-size:18px;
        color:#aaa;
    }
}*/
@media (min-width: 570px) { 
    .row-comment .uncont {
        padding-left:100px;
    }
    .row-comment .uncont::before {
            content:  "\f112";
			font-family: 'uncodeicon' !important;
			transform: scale(-1, -1);
            display: inline-block;
            position: absolute;
            top: 8px;
            left: 0;
            width: 80px;
            text-align: left;
            padding-right: 10px;
            font-size:18px;
            color: transparent;
            transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .row-comment .uncont:hover::before {
        color:#cccccc;
    }
}
@media (max-width: 569px) {
    .row-comment .uncont {
        margin-left: 40px !important;
    }
.row-comment .uncont::before {
            content:  "\f112";
			font-family: 'uncodeicon' !important;
			transform: scale(-1, -1);
            display: inline-block;
            position: absolute;
            top: 8px;
            left: 0;
            width: 20px;
            text-align: left;
            padding-right: 10px;
            font-size:18px;
            color: #cccccc;
            transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
}

/* Content type badges in issues */
a.contribution-title .content-title {
	margin-right:0.33em;
}
a.contribution-title .content-type-badge {
	margin: 0 0.75em 0 0;
	font-size: 0.425em;
	font-family: 'Source Sans Pro';
	border: 1px solid rgba(63, 97, 182, 0.33);
	padding: 0.25em 0.75em;
	color: rgba(63, 97, 182, 0.33);
	display: inline-block;
	line-height: 1.2em;
	position: relative;
	bottom: 0.33em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86),
				border 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
a.contribution-title:hover .content-type-badge {
	border: 1px solid rgba(63, 97, 182, 1);
	color: rgba(63, 97, 182, 1);
}
/* no special hover effect on touch devices */
@media (hover: none) and (pointer: coarse) {
	a.contribution-title .content-type-badge {
		border: 1px solid rgba(63, 97, 182, 1);
		color: rgba(63, 97, 182, 1);
	}
}

/* Content type badges in contributions */
.wrapper-content-type-badge {
	margin-top:1em !important;
}
.single-content-type-badge {
	margin: 0 0.75em 0 0;
	font-size: 0.75em;
	font-family: 'Source Sans Pro';
	border: 1px solid rgba(68, 68, 68, 0.66);
	padding: 0.25em 0.75em;
	color: rgba(68, 68, 68, 0.66);
	display: inline-block;
	line-height: 1.2em;
	position: relative;
	bottom: 0.33em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* Footnotes */
sup.footnote_plugin_tooltip_text {
    color:#3f61b6;
}
.footnote_plugin_tooltip_text {
    font-size: 0.6em !important;
}
.footnote-reference-container, .footnote-reference-container td, .footnote-reference-container th, .footnote_tooltip {
    border:0;
    font-size:15px!important;
    font-family:'Source Sans Pro';
}
.footnote_tooltip {
    line-height: 1.3;
    -webkit-box-shadow: 0px 5px 20px #6665 !important;
    -moz-box-shadow: 0px 5px 20px #6665 !important;
    box-shadow: 0px 5px 20px #6665 !important;
    font-style:normal;
    z-index:200;
}
.footnote_container_prepare > p {
    border-color:#3f61b6 !important;
}
/* break urls in footnotes depending on device width */
@media (min-width: 450px) {
    .footnote_plugin_text a {
        word-break: break-word;
    }
}
@media (max-width: 449px) {
    .footnote_plugin_text a {
        word-break: break-all;
    }
}
/* FN make inline at mobile */
@media (max-width: 569px) {
    .footnote-reference-container {
        display:block;
    }
    .footnote-reference-container tbody, .footnote-reference-container tr {
        display:block;
        margin-bottom:10px;
    }
    .footnote_plugin_index {
        display:inline;
        padding-left:0;
        padding-right:0;
        font-weight: 600;
    }
    .footnote_plugin_link {
        display:inline;
        padding-left: 10px;
        padding-right: 10px;
    }
    .footnote_plugin_text {
        display:inline;
        padding-left:0;
    }
}
/**************** FOOTER ****************/
footer .footer-last p, footer {
    font-size:15px;
}
.footer-scroll-top i {
    border-radius: 50%;
}