/* 
Theme Name:		 HBS Theme
Theme URI:		 https://dsib.unctad.unctad.org/
Description:	 Theme for the HBS 2021. Child theme for the SquareRead theme.
Author:			 DSIB
Template:		 squareread
Version:		 1.0
License:         GNU General Public License v2 or later
License URI:     https://www.gnu.org/licenses/gpl-2.0.html
*/

/** Fix shity button override by the theme that breaks map buttons **/
.themeform .dsib-map button[type="button"].selectr-clear,
.themeform .dsib-map button[type="button"].selectr-input-clear,
.themeform .dsib-map button[type="button"].selectr-tag-remove {
	padding: 0;
	cursor: pointer;
	border: medium none;
	background-color: transparent;
}

.themeform .dsib-map button[type="button"].selectr-clear,
.themeform .dsib-map button[type="button"].selectr-input-clear {
	display: none;
}

.themeform .dsib-map .selectr-container.has-selected button[type="button"].selectr-clear,
.themeform .dsib-map .selectr-input-container.active button[type="button"].selectr-input-clear {
	display: block;
}

/* WP Theme - Menu*/ 
.post-byline, 
.post-date, 
#credit {
	display: none;}
	
.site-title a img { 
    max-height: 130px;
}
	
#header-top {
    padding-top: 10px;}

#header-bottom {
	background:#009EDB;}


/* WP Theme - Table */
.entry table {
	font-size: 15px;
	text-align: left;}

.entry table td {
	text-align: left; 
}
.entry table th {
	text-align: left; 
}

/* Post Slider and Carousel */

.psac-readmorebtn:hover, 
.psac-readmorebtn:focus{
	background:#72BF44; color:#fff;
}

.psac-post-slider.psac-design-1 .psac-post-overlay{
	border:2px solid #72BF44;
}	
.psac-post-slider.psac-design-1 .psac-post-title {
	font-size:24px;
	line-height: 36px;
	font-weight: 300;
}

.psac-post-slider.psac-design-1 .psac-post-short-content{
	font-size:28px;
	color:#000;
	font-weight: 400;
	margin-left: 50px;
	margin-right: 50px;
}

.psac-post-slider.psac-design-1 .psac-post-categories a{color:#555;}

.psac-post-carousel.psac-design-2 .psac-post-title{
	font-size:20px;}
	
/*Chart and table title/subtitle*/
.su-service .su-service-title {
	margin-bottom:0;
}

/* Menu fixed custo */
#header-top {
    padding-top: 0;
}

.site-title {
	width: 100%;
    padding: 10px 0;
}

.site-description {
	display: none;
}

.full-width.admin-bar #wrap-nav-topbar, .full-width #wrap-nav-topbar {
	position: fixed;
	top: 50%;
	right: -200px;
	width: auto;
    left: auto;
	margin-top: -100px;
	z-index: 1999;
}

#wrap-nav-topbar .search-expand, #wrap-nav-topbar {
	background: transparent;
	box-shadow: none;
}

#nav-topbar-nav.nav-menu:not(.mobile) {
	padding: 0;
}

#wrap-nav-topbar .container-inner {
	min-width: 250px;
	max-width: unset;
}

@media only screen and (min-width: 1025px) {
	.full-width.admin-bar #wrap-nav-topbar, .full-width #wrap-nav-topbar {
		position: fixed;
		top: 50%;
		right: -200px;
		width: auto;
	    left: auto;
		margin-top: -100px;
		z-index: 1999;
	}

	.full-width.topbar-enabled #header {
		padding-top: 0;
	}
}

@media only screen and (min-width: 720px) {
    .mobile-menu #wrap-nav-mobile { display: block; }
}

@media only screen and (min-width: 1190px) {
	.full-width #header {
		height: 210px;
	}
	
	.full-width .fix-menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 9999;
	}
	
	.full-width.admin-bar .fix-menu {
	    top: 32px;
	}
	
	.menu-fixed h2, a[id]:not([id="back-to-top"]) {
		pointer-events: none;
	}

    .menu-fixed h2[id]::before,
    .menu-fixed a[id]:not([id="back-to-top"])::before,
    .menu-fixed #dsib-biblio-bibliographies li::before,
    .menu-fixed #dsib-notes li::before {
  		content: " "; 
  		visibility: hidden; 
    }

    .menu-fixed h2[id]::before,
    .menu-fixed a[id]:not([id="back-to-top"])::before,
    .menu-fixed #dsib-biblio-bibliographies li::before,
    .menu-fixed #dsib-notes li::before {
	  	display: block; 
  		margin-top: -60px; 
  		height: 60px;
  		pointer-events: none;
	}

	.admin-bar .menu-fixed h2[id]::before,
	.admin-bar .menu-fixed a[id]:not([id="back-to-top"])::before,
    .admin-bar .menu-fixed #dsib-biblio-bibliographies li::before,
    .admin-bar .menu-fixed #dsib-notes li::before {
  		margin-top: -90px; 
  		height: 90px; 
	}

    .mobile-menu #wrap-nav-mobile { display: none; }

	.toggle-search {
		display: none;
	}
	
	#wrap-nav-topbar .search-expand {
		display: block;
		position: relative;
		min-width: 250px;
		width: 100%;
	}

	#wrap-nav-topbar .search-expand .search-expand-inner {
		padding: 5px 10px;
		background: #72BF44;
	}
	
	#wrap-nav-topbar .search-expand .search-expand-inner:before {
		content: "\f179";
        display: inline-block;
        font: inherit;
        font-family: dashicons;
        position: static;
        margin: 5px 8px 5px 0px;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: white;
        background: transparent;
        height: auto;
        width: auto;
        top: auto;
	    width: 28px;
        font-size: 24px;
        text-align: center;
		vertical-align: middle;
	}
	
	#wrap-nav-topbar .search-expand .search-expand-inner form {
		display: inline-block;
	}
	
	#wrap-nav-topbar .search-expand .search-expand-inner form input[type="text"] {
	    padding: 3px;
		line-height: 24px;
		font-size: 15px;
		min-width: 190px;
	}
	
	#wrap-nav-topbar .search-expand .search-expand-inner form div:after {
		display: none;
	}
	
	#wrap-nav-topbar .search-trap-focus:hover {
		margin-left: -200px;
		transition: margin 0.2s;
	}
}

@media only screen and (max-width: 1189px) {
	.mobile-menu #wrap-nav-topbar,
	.mobile-menu #wrap-nav-header,
	.mobile-menu #wrap-nav-subheader { display: none; } 
	#nav-mobile,
	#nav-topbar,
	#nav-header,
	#nav-subheader,
	#nav-footer { display: none; }
	.mobile #nav-mobile,
	.mobile #nav-topbar,
	.mobile #nav-header,
	.mobile #nav-subheader,
	.mobile #nav-footer { display: block; }
	
	/* header */
	.site-title { float: none; }
	.site-title a { text-align: center; padding: 0 20px; }
	.toggle-search { right: auto; left: 0; top: -40px; padding-top: 6px; padding-bottom: 6px; }
	.toggle-search.active { padding-top: 9px; padding-bottom: 9px; }
	.search-expand { left: 0; right: auto; top: 0; width: 100%; z-index: 3; }
	.search-expand-inner { border-left: 0; border-right: 0; }
}

@media only screen and (max-width: 767px) {
	.su-row .su-column-size-1-4 {
		float: left !important;
		margin: 0 0 0 5% !important;
	}
	.su-row .su-column-size-1-4 {
		width: 44% !important;
	}
	
	.psac-post-slider.psac-design-1 .psac-post-short-content{
		font-size:18px;
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 383px) {
	.su-row .su-column {
    	float: none !important;
    	width: 100% !important;
    	margin: 0 !important;
	}
}