/*
Theme Name:   BBE JOINTS
Template:     bbe
Version:      1.1
Text Domain:  bbe-gianni
Author:       Goodea
*/


html[data-sid="9"]:root{
	--main-color:#f28d01;
	--alt-main-color:#102230;
}

.single-post .content-custom.hidden{display:none !important;}
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.home > .container{padding-top:0px; padding-bottom:100px;}
body > .container{padding-top:100px; padding-bottom:100px;}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse{width:20%;}

body.home .navbar{margin-bottom:0 !important;}

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%; min-width: 400px; max-width: unset;}
.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;}
nav#main-nav .navbar-brand>img{    margin-top: -34px;}
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:not(.type-page) h4{padding: 30px 0 20px 30px;}
article .content-custom h4{padding:30px 0 20px;}
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:100.3%; width:1px; right:0; position:absolute; top:0; background-color:var(--main-color);}
body.home article > div:after{height:110%;}
/*.glyphicon{display:none !important;}*/

.elementor-element.elementor-arrows-position-outside .swiper,
.elementor-lightbox.elementor-arrows-position-outside .swiper{overflow:hidden; margin: 0 auto;}
.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-image-carousel.swiper-wrapper,
.elementor-element.elementor-arrows-position-outside .elementor-image-carousel.swiper-wrapper{ width: 200vw; max-width: 200vw; transition-duration: 0ms; display: flex; flex-direction: row; align-items: center;}
.elementor-image-carousel-wrapper:not(.swiper-container-initialized) .swiper-slide, .elementor-image-carousel-wrapper:not(.swiper-initialized) .swiper-slide{float:left;     padding: 20px; height: 100%;}
.elementor-section .elementor-element.sagscol-section.elementor-widget.elementor-widget-text-editor .elementor-widget-container{display: flex; flex-direction: row; align-content: center; align-items: center;}
.elementor-section .elementor-element.sagscol-section.elementor-widget.elementor-widget-text-editor img{margin-right:20px; width: 150px;}
.verduci-editore-section .elementor-widget-wrap .elementor-element:nth-child(1){text-align:center;}
.verduci-editore-section .elementor-widget-wrap .elementor-element:nth-child(1) .elementor-widget-container{position:relative;}
.verduci-editore-section .elementor-widget-wrap .elementor-element:nth-child(1) .elementor-widget-container:before{    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 2px;
    width: 30%;
    background-color: #f2f2f2;
    top: 50%;
    transform: translateY(-50%);}
.verduci-editore-section .elementor-widget-wrap .elementor-element:nth-child(1) .elementor-widget-container:after{    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 2px;
    width: 30%;
    background-color: #f2f2f2;
    top: 50%;
    transform: translateY(-50%);}
.verduci-editore-section .elementor-widget-wrap .elementor-element:nth-child(1) img{width:100%;}
/*
.verduci-editore-section .elementor-image-carousel {display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;}
.verduci-editore-section .elementor-image-carousel .swiper-slide{    width: 180px;}*/

section#home-section:after { content: ""; display: block; width: 100%; height: 40px; background-color: var(--alt-main-color);}
.home div#content:before { content: "Current Issues"; 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,
#sidebar2.article-home{     height: 110px;
    margin: 0;
    line-height: 100px;
    background-color: #fff;}

#sidebar2.article-home{margin: 5px 5px 20px;}

.sidebar > section:first-child a,
#sidebar2.article-home a{display: block;
    width: 100%;
    font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif';
    font-size: 36px;
    color:#fff;
    background-color: #045d99 !important;
    text-align: center;
    position: relative;
    border: 2px solid #045d99;
    height: 100px;
    background: #fff;
    line-height:100px;}
.sidebar > section:first-child a span{    margin-left: 30px;}
.sidebar > section:first-child a:before,
#sidebar2.article-home 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: 17px; top: 32px;}
#sidebar2.article-home a:before{left:20px;}
.sidebar > section:not(:first-child){padding:20px;}
.sidebar section h4,
.sidebar section label{font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";font-size: 24px; font-weight:700; color:#fff;}
.sidebar > section:nth-child(6){padding-bottom:0 !important;}
.sidebar > section:nth-child(7){padding-top:0 !important;}
.sidebar > section:nth-child(8),
.sidebar > section:nth-child(9){background-color:#fff;}
.sidebar > section:nth-child(8) h4,
.sidebar > section:nth-child(9) h4{color:var(--main-color);}
.widget_search{position:relative;}
.widget_search input,
#issues_dropdown{width: 80%; border-radius: 0; background-color: transparent; height: 45px; border: 1px solid #fff; color: #fff;}
#issues_dropdown{width:100%;}
.widget_search button{ width:15%; display: inline-block; border: 0; background: none; height: 47px; padding: 0;}
.widget_search button svg{display:none !important;}
.widget_search button:before {content:url("img/search-button.svg");  width: 30px; display: inline-block; float: left; margin-left: 5px;}
.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;
}

.aligncenter{width:100% !important;}

#content footer { padding-bottom: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.article-cats{width:100%; font-size:14px; margin-bottom:20px;}
.article-cats a{color:var(--main-color); text-decoration: underline;}
article header .article-cats {margin-top:15px;}
article .glyphicon-download-alt{float:left;}
article .glyphicon-download-alt:before{content:url("img/free-download.svg"); height: 100%;  width: 10px; display: inline-block; float: left; margin-right: 5px;}
article .html-version:before{content:url("img/html-version.svg"); width: 14px;}
article a.btn{background: none; border: none; border-bottom: 1px solid #2e2e2c; font-weight: 700; color: #2e2e2c; text-transform: uppercase; line-height: 21px; margin: 0; padding: 0; font-size: 13px; border-radius: 0 !important; display: inline-flex; flex-direction: row-reverse; align-items: center;  align-content: center; margin-right:20px;}
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; padding: 0 15%;}
footer.site-footer{background-color: #045d99; padding-top: 0 !important; padding-bottom: 0 !important;}
/*footer.site-footer > div.row > div{min-height:325px; max-height:325px; overflow: hidden;}*/

footer.site-footer > div.row:not(.colophon) > div{ width: 50%; padding: 50px 20px 0;}
footer.site-footer > div.row.colophon {  padding: 50px 100px 50px; width:100%; color:#fff; border-top:1px solid #fff;}
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 > div.row:not(.colophon) > div:first-child{padding-bottom:80px;}
footer.site-footer > div.row > div:first-child > a {
	height: 90%;
    margin-bottom: 20px;
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}

footer.site-footer > div.row > div:first-child > div {
   display: inline-flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    width: 100%;
    justify-content: space-between;
}

footer.site-footer > div.row > div:first-child > div > a,
footer.site-footer > div.row > div:first-child > div > img{width:50%;}
footer.site-footer > div.row > div:first-child > div > img{width: 100px;}
footer.site-footer > div.row > div:nth-child(2),
footer.site-footer > div.row > div:nth-child(3),
footer.site-footer > div.row > div:nth-child(4),
footer.site-footer > div.row > div:nth-child(5){width:25%;}
footer.site-footer > div.row > div:nth-child(4),
footer.site-footer > div.row > div:nth-child(5){margin-left:25%; padding-top:0;}
footer.site-footer > div.row > div:nth-child(2){padding-left:50px; padding-right:50px;}
footer.site-footer > div.row > div:nth-child(3),
footer.site-footer > div.row > div:nth-child(4),
footer.site-footer > div.row > div:nth-child(5){padding-left:50px;}

.elementor-element .swiper .elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button{color:#000 !important;}


@media (min-width:1200px){
	.navbar-toggle { display: none !important;}
}
@media (min-width:767px){
	.home .double-columns{column-count:1; font-size:18px;}
	.navbar-nav>li>a { font-size:13px !important; padding-left:10px; padding-right:10px;}
	#sidebar2{display:none !important;}
	
}

@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,
	#sidebar2.article-home a{font-size: 26px;}
	footer.site-footer .wpcf7-form-control-wrap.email-570{width:70%;}
	.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-image-carousel.swiper-wrapper, .elementor-element.elementor-arrows-position-outside .elementor-image-carousel.swiper-wrapper{max-width:4100px; width:4100px;}

	

}

@media (max-width:992px){
	footer > .row{padding: 0;}
	footer.site-footer > div.row:not(.colophon) > div{padding: 50px 20px 0;}
	.elementor-section .elementor-element.sagscol-section.elementor-widget.elementor-widget-text-editor .elementor-widget-container {flex-direction: column;align-content: center;align-items: flex-start; margin-top:40px;}
	footer.site-footer > div.row.colophon { padding: 50px 20px 50px;}

}
@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 { min-height: auto;}
	footer.site-footer .wpcf7-form-control-wrap.acceptance-90 {margin-top: 0;}
	div.wpcf7 .wpcf7-submit:disabled{width:30%;}
	.navbar-brand img{min-width:200px;}
	section#home-section .container .home-intestazione p{width:100%; color:#fff; font-size:18px; margin-bottom:20px;}
	section#home-section .container .home-intestazione{min-height: 60vh; height:auto; padding: 150px 30px;}
	.verduci-editore-section .elementor-widget-wrap .elementor-element:nth-child(1) img{width:70%;}
	.verduci-editore-section .elementor-widget-wrap .elementor-element:nth-child(1) .elementor-widget-container:before,
.verduci-editore-section .elementor-widget-wrap .elementor-element:nth-child(1) .elementor-widget-container:after{    
    width: 10%;}
	#sidebar section:first-child{display:none !important;}
}