/*
Theme Name:   BBE Cellr4
Template:     bbe
Version:      1.1
Text Domain:  bbe-gianni
Author:       DopeWp
*/




:root{
	--main-color:#213963;
	--alt-main-color:#90abda;
}

body{font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h5,h6{font-family: Baskerville, "serif"; }
h4{font-family:"Open sans", sans-serif; font-size:14px; }
body:not(.home) h4{margin-top:0;}
#main-nav.navbar{background:none; background-color:#fff; height: 114px; border: none; line-height:114px; box-shadow: 0px 0px 40px rgba(0,0,0,0.3); }
h2 a{color:#000 !important;}
.h3, h3 { font-size: 28px; color:var(--main-color);}

body > .container{padding-top:100px; padding-bottom:100px;}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse{width:20%;}

html #navbar,
.navbar-header{display: inline-block !important;}
html #navbar{ margin-top: 0;  float: right; width:80%;}
.nav>li{float:none; display:inline-block;}
html .nav>li>a{color:#000; text-transform: uppercase; text-shadow: none; font-size:11px;}
.navbar-brand{height: 100%;     padding: 0; line-height: 120px;}
.navbar-brand img{height:100%; width:100%; min-width:200px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{background-color:rgba(0,0,0,0); font-weight:700; color:#000;}
.navbar-left{display:none !important;}
#content header{    margin: 0 0 20px 0;}
ul.pagination { margin: 20px 0; width: 100%; display: flex; justify-content: space-between; }
.pagination>li>span {border: none; padding:10px 15px; border-radius: 0 !important; font-size:18px;}
.pagination>li>span.current{background-color:var(--main-color); color:#fff;}

body:not(.page) article{ padding-right: 80px;background-color: #f2f2f2;}
article h4{padding: 30px 0 20px 30px;}
article > div{padding: 30px; background-color: #fff; position:relative;}
article > div:before{content:""; display:block; height:1px; width:110%; right:0; position:absolute; top:0; background-color:var(--main-color);}
article > div:after{content:""; display:block; height:110%; width:1px; right:0; position:absolute; top:0; background-color:var(--main-color);}
/*.glyphicon{display:none !important;}*/
section#home-section:after { content: ""; display: block; width: 100%; height: 100px; background-color: var(--alt-main-color);}
.home div#content:before { content: "Current volumes"; height: 100px; display: block; padding: 0 20px; font-family: baskerville; font-size: 30px; line-height: 100px; background-color: var(--main-color); color: #fff;}
#content h1,
.page header h2{height: 100px; display: block; padding: 0 20px; font-family: baskerville; font-size: 30px; line-height: 100px; background-color: var(--main-color); color: #fff; margin:0;}
.article-authors{position:relative;}
.author-trigger{cursor:pointer; font-size:16px;}
.author-moreinfo { display:none; position: absolute; top: 23px; background-color: #fff; padding: 10px;
    box-shadow: 0 0 10px;     z-index: 999;}
.author-moreinfo.show-this{display:block;}
.sidebar{margin-top:0; background-color:var(--main-color);}
.sidebar section{margin-bottom:0;}
.sidebar > section:first-child{ height: 100px; margin: 0; border: 2px solid var(--main-color); line-height: 100px;}

.sidebar > section:first-child a{display:block; height:100%; width:100%; font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif'; font-size:30px; color: var(--main-color); background-color:#fff; text-align: center; position: relative;}
.sidebar > section:first-child a span{    margin-left: 30px;}
.sidebar > section:first-child a:before{content:""; display:inline-block; height:45px; width:40px; background-image: url("img/submit-article.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute;left: 30px; top: 28px;}
.sidebar > section:not(:first-child){padding:20px;}
.sidebar section h4{font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";font-size: 22px; color:#fff;}
.sidebar > section:nth-child(7),
.sidebar > section:nth-child(8){background-color:#fff;}
.sidebar > section:nth-child(7) h4,
.sidebar > section:nth-child(8) h4{color:var(--main-color);}
#searchform{position:relative;}
#searchform input,
#issues_dropdown{width: 80%; border-radius: 0; background-color: transparent; height: 45px; border: 1px solid #fff; color: #fff;}
#issues_dropdown{width:100%;}
#searchform button{ width:15%; display: inline-block; border: 0; background: none; height: 47px; padding: 0;}
.glyphicon-search:before {color: #fff;font-size: 30px;}
.pagination>li>a, .pagination>li>span { color: var(--main-color); border: none; padding: 10px !important; font-size: 14px; line-height: 14px;}
.sidebar .widget_recent_entries ul li{margin-bottom:20px;}
.sidebar li { margin: 3px 0;}
.sidebar li a{ color:#fff;}
.sidebar .wpp-meta,
.sidebar .post-stats,
.sidebar .post-date{ color: var(--alt-main-color); font-size:12px; display: block;
    margin-bottom: 20px;
    position: relative;
    padding-left: 8px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 4px;}
span.wpp-meta.post-stats:before,
.sidebar .post-date:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* margin-top: 9px; */
    height: 100%;
    width: 2px;
    background-color: var(--alt-main-color);
    display: inline-block;
    margin-left: 1px;
}

article .glyphicon-download-alt{float:left;}
article .glyphicon-download-alt:before{content:url("img/free-download.svg"); height: 100%;  width: 20px; display: inline-block; float: left; margin-right: 5px;}
article a.btn{float: left; background: none; border: none; font-weight: 700; color: var(--main-color); text-transform: uppercase; line-height: 42px; margin: 0; padding: 0; font-size: 13px; border-radius: 0 !important;}
article a.btn:hover{background:none !important; color: var(--main-color); border-bottom:2px solid var(--alt-main-color);}

#cite-article,
#publication-history{    padding: 20px; border: 2px solid var(--main-color); margin-top: 40px;}

input:placeholder{font-weight:300; color: #000;}
footer > .row{margin-left:0; margin-right:0;}
footer.site-footer{background-color: var(--main-color); padding-top: 0 !important; padding-bottom: 0 !important;}
footer.site-footer > div.row:nth-child(1) > div:nth-child(1){display:none;}
footer.site-footer > div.row:nth-child(2) > div:nth-child(1){    margin-top: 40px;}
footer.site-footer > div.row > div:nth-child(1){   width: 100%; padding: 30px 100px; background-color: var(--alt-main-color);}
footer.site-footer > div.row > div:nth-child(1) h2{color:#000; font-size:35px;}
footer.site-footer .wpcf7-form-control-wrap.email-570 {    display: inline-block; float: left;}
footer.site-footer .wpcf7-form-control-wrap.email-570 input{border-radius: 5px 0 0 5px; height: 40px; border: none;}
footer.site-footer input.btn{ height: 40px !important; float: left; border-radius: 0 5px 5px 0; border: 0; padding:0 20px; background-color: var(--main-color); color: #fff; text-transform: uppercase; font-weight: 700;}
footer.site-footer > div.row > div:nth-child(2) > div > img{    width: 200px; display: block; margin-bottom: 27px;}
footer.site-footer > div.row > div:nth-child(2) img{width:200px;}
footer.site-footer > div.row > div:nth-child(2) > div > .col-md-6.floatright a{float:right !important;}
footer.site-footer > div.row > div:nth-child(2) > div > .col-md-6 a i{    font-size: 42px;}
/*footer.site-footer > div.row > div:not(:nth-child(1)){min-height:325px; max-height:325px; overflow: hidden;}
footer.site-footer > div.row > div:not(:nth-child(1)){min-height:325px; max-height:325px; overflow: hidden;}*/
footer.site-footer > div.row > div:not(:nth-child(1)){ width: 50%; padding: 50px 100px 0;}
footer.site-footer h4{font-size:16px; text-transform: uppercase; color: #fff; font-weight: 700;}
footer.site-footer .textwidget,
footer.site-footer a{color:#fff;}
footer.site-footer .wpcf7-form-control-wrap.acceptance-90{margin-top: 30px; display: block;}

footer.site-footer > div.row > div:nth-child(4) ul,
footer.site-footer > div.row > div:nth-child(5) ul{column-count:2;}
footer.site-footer .wpcf7-form-control.wpcf7-acceptance > span{    margin: 0; margin-top: 5px; color: #000;}
footer.site-footer .wpcf7-form-control.wpcf7-acceptance > span label{ font-weight: 300;}

@media (min-width:1200px){
	.navbar-toggle { display: none !important;}
}
@media (min-width:767px){
	.home .double-columns{column-count:1; font-size:18px;}
	
}

@media (max-width:1199px){
	#main-nav{padding: 0 30px;}
	.form-control { display: inline-block;}
	#main-nav.navbar{height:100px}
	#home-section .container{    padding: 100px 30px !important;}
	.navbar-toggle { display: block; border: none !important; padding:0 !important; margin-top: 43px !important; margin-right: 0 !important;}
	.navbar-collapse,
	.navbar-collapse.collapse{position: fixed; height: 100vh !important; display: block !important; width: auto !important; right: -100%; background-color: #fff; margin-top: 97px; padding: 100px 50px; max-height: unset !important;}
	.navbar-collapse.collapse.in{right:0;}
	.navbar-collapse .navbar-right { float: none; margin-right: 0; display: block;}
	.nav>li { float: none !important; display: block !important;}
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{width:50%;}
	.sidebar > section:first-child a{font-size:20px;}
	footer.site-footer .wpcf7-form-control-wrap.email-570{width:70%;}

}
@media (max-width:768px){
	footer.site-footer > div.row > div{width:100% !important; padding:30px !important;}
	#content article { padding-right: 15px;}
	footer.site-footer > div.row > div:not(:nth-child(1)) { min-height: auto;}
	footer.site-footer .wpcf7-form-control-wrap.acceptance-90 {margin-top: 0;}
	div.wpcf7 .wpcf7-submit:disabled{width:30%;}
}