/*
Theme Name: Respond-Project
Author: StudioMa
Author URI: http://manlioma.it/
Description: Respond-project child theme
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/


/* HELPERS */

.fl{float: left;}
.fr{float: right;}
.no_display{display:none!important;}
.hidden{width: 0px;height: 0px;visibility: hidden;opacity: 0;overflow: hidden;}
.muto{line-height: 0px;margin: 0px;padding: 0px;text-indent: -999px;font-size: 0px;}
.clear{clear: both;}
a.active{border: none;outline:0;}
*:focus {
/*     outline: none!important;border: none!important;outline:0!important;outline-style: none!important; */
}
.top40{margin-top: 40px;}
.top90{margin-top: 90px;}
.spacer-200{
	height: 200px;
	display: block;
};
.spacer-100{
	height: 100px;
	display: block;
};
.wow {
   visibility: hidden;
}
body.blocked{overflow: hidden!important;padding-right: 20px;}
@media all and (min-width: 768px){ 
	.align_right{text-align: right;}
	.align_left{text-align: left;}
}
.align_center{
	text-align: center
}
body, html{
	-webkit-font-smoothing: antialiased; 
}
body{
	overflow-x: hidden
}
.trans{  
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; 
}

.hyphens_text{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.text_big{
	font-size: 1.2em;
}
.full-width{
	width: 100%;
	max-width: 100%;
}

body.logged-in .no-log-only{
	display: none;
}
body:not(.logged-in) .log-only{
	display: none;
}

img{
	backface-visibility: hidden;
	max-width: 100%;
	height: auto;
}
img.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}
img.alignright {
    float: right;
    margin: 0 0px 20px 20px;
}
table{
	width: 100%;
}
iframe{
	width: 100%
}
a:focus, button:focus{
	outline: none!important;
}

@media (min-width: 768px){
	.picsout_right{
		margin-right: -30px;
	}
	.picsout_left{
		margin-left: -30px;
	}
	.picsout_right_big{
		margin-right: -25%;
	}
	.picsout_left_big{
		margin-left: -25%;
	}
}

.black_overlay:before{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background: #000;
	opacity: .33;
}
.white_overlay:before{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background: #FFF;
	opacity: .33;
}


/* typography */

html {font-size: 112.5%;} /*18px*/

body {
	--font-body: 'Calibri', sans-serif;
	--font-title: 'Bebas Neue', sans-serif;
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.75;
  font-size: 20px;
}

p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: var(--font-title);
  font-weight: 400;
  line-height: 1.3;
}

h1 {
  margin-top: 0;
  font-size: 3.052rem;
}

h2 {font-size: 2.441rem;}

h3 {font-size: 1.953rem;}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

small, .text_small {font-size: 0.8rem;}

/*  colors */
body{
	--color-text: #434446;
	--color-bg: #fff;
	--color-link: #527888;
	--color-link-hover: #527888;
	--color-secondary: #f9da18;
}

::selection {
    background: var(--color-secondary);
    color: #000;
}

/* navigation */

#main-wrapper .top-header-bar div,
#main-wrapper .top-header-bar a,
#main-wrapper .top-header-bar a span{
	font-size: .9rem;
	font-family: var(--font-title)
}
#main-wrapper .header-block a{
	font-size: 1em;
	font-family: var(--font-title)
}
.top-header-bar .menu-item+.menu-item {
    margin-left: 20px;
}


/*  containers */
.section {
    padding: 80px 0;
}

#hero {
    min-height: 400px;
}
#hero *{
	color: #fff
}
#hero h1 {
    margin-bottom: .5rem;
}

/* heading */

.subhead {
    background: #fff48f;
    margin-bottom:50px;
    padding: 20px 0 0;
}
.subhead > .container {
    padding-bottom: 20px;
}

.subhead h1{
    margin:0
}
.page-heading{
	background: #fff48f;
}

.secondNav {
    background: #eee;
    padding: 10px 0;
}
.secondNav ul {
    list-style: none;
    padding: 0;
    margin:0;
}
.secondNav ul li{
    display:inline-block;
    margin-right:20px;
    font-size:smaller
}

.secondNav ul li a{
    text-transform:uppercase; 
}

.secondNav li:not(.current_page_item) a {
    color: inherit;
}
.secondNav li.current_page_item a {
    font-weight: bold;
}
.secondNav li:before{
    content: '|';
    margin-right:15px;
}
.secondNav li:nth-child(1):before{
    content: none;
}

#breadcrumbs {
    font-size: smaller;
}



.kalium-wpml-language-switcher{
    overflow:hidden;
}
.kalium-wpml-language-switcher.hover{
    overflow:initial;
    z-index:20000
}

/* buttons */

#buddypress a.button:not(.bp-tooltip),
#register-page .submit input,
form.mc4wp-form input[type="submit"] {
    background: #5c99b1;
    border: 0px solid #ccc;
    font-weight: 700;
    outline: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    width: auto;
    border-radius: 0px;
    color: white;
    font-size: smaller;
}

/* single blog */

.single-post .post .entry-header .post-title {
    font-size: 2em;
    margin-top: 1em;
}

/*  page with sidebar */

.container.blog--has-sidebar .container {
    width: auto;
}

.container.blog--has-sidebar {
    padding: 0;
}

/* sidebar */

.widget {
    background: #f1f1f1;
    padding: 20px;
    border-radius: 5px;
}

@media screen and (min-width: 992px){
	
	.blog--has-sidebar .row>.column--posts,
	.single-post.single-post--has-sidebar .post {
	    width: 70%;
	}
	.blog--has-sidebar .row>.column--sidebar,
	.single-post.single-post--has-sidebar .post-sidebar {
	    width: 30%;
	}
}


/*  partners - logos */

.logos-holder .c-logo img {
    max-height: 80px;
    width: auto;
    margin: 0 auto;
}

.lab-clients-logos > div {
    margin-bottom: 60px;
}


/*  footer */

#footer{
	margin: 50px 0 0;
}
#footer .widget {
    background: none;
}
@media (min-width: 768px){
	
	#footer .widgets--columns-2>.widget:nth-child(1) {
	    float: left;
	    width: 66%;
	}
	#footer .widgets--columns-2>.widget:nth-child(2) {
	    float: right;
	    width: 30%;
	}
}

#footer .widget p {
    font-size: 1.2em;
}
#footer li.menu-item{
	padding: 0;
	text-transform: uppercase;
}
#footer li.menu-item:first-child {
    padding-top: 0;
}
#footer .menu a {
    font-size: smaller;
}

/* #footer li.menu-item:before {content: '-';color: #fff;margin-right: 5px;} */

#footer ul.list-icon li {
    color: white;
    margin-bottom: 10px;
    display: flex;
}
#footer ul.list-icon li i{
    color: white;
    margin:0  10px 10px 0;
}
#footer ul.list-icon li a:hover{
	color: var(--color-secondary);
}
#footer a{
	color: white;
	text-decoration: underline;
}
#footer a:hover{
	
	color: var(--color-secondary);
}

/* buddypress customization */

body:not(.logged-in) #buddy-sidebar .widget {
    display: none;
}

@media (min-width:1024px){
/*
	#buddy > div {
	    display: flex;
	    justify-content: space-between;
	}
	#buddy .widget {
	    width: 30%;
	}
*/
}

#item-header.users-header.single-headers {
    display: flex;
    align-items: center;
    font-size: smaller;
    flex-wrap: wrap;
    
}
#message {
    width: 100%;
    flex: 0 0 100%;
}
#item-header.groups-header.single-headers {
    display: none;
}
body.buddypress.bp-user .buddypress-wrap .users-header h2.user-nicename{
	font-size: 2em
}
@media screen and (min-width: 46.8em){
	.single-headers #item-header-avatar a img {
	    float: left;
	    max-width: 80px;
	}
}
.buddypress-wrap .grid.bp-list>li .item .group-desc {
    border: none;
    font-size: .7em;
    font-style: inherit;
        margin: 0;
}
.buddypress-wrap .grid.bp-list>li .list-wrap {
    padding-bottom: 20px;
}
.buddypress-wrap .grid.bp-list>li .list-title {
    font-size: inherit;
    line-height: 1.1;
    font-weight: bolder;
    letter-spacing: .6px;
}
.grid.groups-list .list-wrap {
    min-height: auto;
}

table#group-members-list-table tr {
    border-bottom:1px solid whitesmoke;
    /* margin-bottom:10px; */
 }

table#group-members-list-table tr .group-member-actions{
    font-size:smaller;
    margin-bottom:10px;
}

table#group-members-list-table .group-member {
    margin-top: 10px;
}

@media screen and (min-width: 24em){
	.grid.members-list .list-wrap {
	    min-height: 210px;
	}
	.grid.members-list .list-wrap .item-block {
	    margin: 0 auto;
	    min-height: auto;
	}
}

#buddypress table.doctable td {
    border: 1px dashed lightgrey;
}
#buddypress .doc-excerpt {
    font-size: smaller;
}
#buddypress table.doctable {
    font-size: smaller;
}

#buddypress table.doctable .title-cell {
    hyphens: auto;
}


@media screen and (min-width: 46.8em){
	.activity-list .activity-item.mini .activity-avatar img.FB_profile_pic, 
	.activity-list .activity-item.mini .activity-avatar img.avatar,
	.activity-list .activity-item div.item-avatar img {
	    max-width: 50px;
	}
	.activity-list .activity-item .activity-content {
	    margin: 0;
	    position: relative;
	    float: left;
	}
	#buddypress .activity-list .activity-item .item-avatar {
	    width: auto;
	    margin: 0 15px;
	    text-align: left;
	}
}
.activity-list.bp-list .activity-item {
    border: 0px solid #b7b7b7;
}
.activity-list .activity-item .activity-meta.action {
    border: none;
    background: none;
}
#buddypress input,
.login-form input,
#buddypress select,
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"] {
    margin-bottom: 0px;
    border-color: grey;
}
#main-wrapper .nf-form-content button, 
#main-wrapper .nf-form-content input[type=button], 
#main-wrapper .nf-form-content input[type=submit]{
	background: var(--color-link);
}

form .error {
    color: red;
}
input[type=checkbox], input[type=radio] {
    width: 20px!important;
    height: 20px!important;
    border-color: var(--color-link);
}
#buddypress input[type="checkbox"], #buddypress input[type="radio"] {
    min-height: 20px;
    min-width: 20px;
}
#buddypress .bp-tooltip:hover:after {
    display: none;
}

.buddypress-wrap .grid.bp-list>li .item-avatar img.avatar {
    display: inline-block;
    height: auto;
    width: 30%;
}
#groups-list li.item-entry .list-wrap {
    border-radius: 10px;
    background-color: #fafafa;
    border: none;
}

.buddypress-wrap .bp-navs li.current a, .buddypress-wrap .bp-navs li.current a:focus, .buddypress-wrap .bp-navs li.current a:hover, .buddypress-wrap .bp-navs li.selected a, .buddypress-wrap .bp-navs li.selected a:focus, .buddypress-wrap .bp-navs li.selected a:hover {
    background: #fff48e;
    color: #434446;
}
.buddypress-wrap .bp-navs li:not(.current) a:focus, .buddypress-wrap .bp-navs li:not(.current) a:hover, .buddypress-wrap .bp-navs li:not(.selected) a:focus, .buddypress-wrap .bp-navs li:not(.selected) a:hover {
    background: #e7e7e7;
    color: #333;
}
#buddypress .doctable th {
    font-size: smaller;
}
ul#groups-list .item-avatar {
    display: none;
}
.buddypress.widget ul#groups-list li .item {
    margin-left: 0px;
}

.buddypress.widget ul#groups-list li .item-title a {
    color: #527888;
    font-weight: bold;
}
.buddypress.widget ul#groups-list li .item-meta{
    font-size:smaller;
}

#register-page{
    margin-bottom:50px;
}
#register-page .register-section {
    display: block;
    width: 100%;
}

#register-page .register-section h2,
#register-page .register-section h4 {
    font-size: 1.5em;
    margin: 20px 0 10px;
}

ul.reg_groups_list {
    padding: 0;
    margin: 0 0 40px;
}

#register-page .submit {
    display: inline-block;
}
#register-page input:not([type=submit],[type=checkbox]){
    width:100%;
    max-width:320px;
    display:block;
    margin-bottom:20px;
}
#register-page legend{
	border-bottom: 0px solid;
	margin-bottom: 0;
}

.field-visibility-settings-toggle,
.field-visibility-settings-notoggle {
    display: none;
}

/*  login form */
form#wppb-loginform p {
    display: flex;
    flex-direction: column;
    max-width: 400px;
}

.mc4wp-form-fields > p {
    display: flex;
    flex-direction: column;
}

form.mc4wp-form {
    background: #f1f1f1;
    padding: 25px;
    border-radius: 5px;
}

/*  icon box */

#main-wrapper h3.aio-icon-title.ult-responsive {
    font-size: inherit;
}
#main-wrapper .aio-icon-box.square_box-icon {
    background: #f1f1f1;
    min-height: 350px;
}

/*  tabs */
#main-wrapper ul.ult_tabmenu.style1.Style_4 li {
    border-radius: 0px!important;
}

#main-wrapper ul.ult_tabmenu.style1.Style_4 li a *{
   font-weight:bold!important
}
#main-wrapper ul.ult_tabmenu.style1.Style_4 li.current a{
    background: #5c99b1!important;
}
#main-wrapper ul.ult_tabmenu.style1.Style_4 li a.link-hover{
    background: #fff48e!important;
    color:#74777b!important
}

.ult_tabcontent.ult-responsive.style1 {
    padding: 20px;
    background: #f1f1f1;
}

.partnerLogo {
    height: 100px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.partnerLogo img {
    height: auto;
    width: auto;
    max-width: 90%;
    max-height: 100px;
}

/*  partner proj */
.expand-box {
    padding: 30px 0;
    height:350px;
    overflow:hidden;
    transition: height .8s ease-in;
}
.expand-box.open {
	height: auto;
}
.parent--partnerProj:nth-child(odd) .partnerProj{
    background:#f1f1f1
}
.expand-box .read_more {
    position: absolute;
    bottom: 0px;
    height: 100px;
    width: 100%;
    line-height: 100px;
    background-image: linear-gradient(0deg, white, transparent);
    cursor: pointer;
    font-style: italic;
}

.respondAccord h4 {
    font-family: var(--font-body);
}
.respondAccord .vc_tta-title-text {
    font-size: 1.4em;
    display: block;
    padding-right: 10px;
}
.wpb_wrapper .vc_tta-accordion .vc_tta-panel{
    background:#f1f1f1;
    transition:background .3s linear;
}

.vc_tta.vc_general .vc_tta-panel.vc_active {
    background: #ffffff;
    box-shadow: 0 0 12px #e6e6e6;
}

/*  team members */
.teamBox {
    padding: 20px 10px;
    display:block;
    border-radius: 5px;
    background: #f1f1f1
}

.team-holder .member .thumb {
    width:30%;
    margin: 0px 30px 0px 0;
    /* float:left; */
    border-radius: 50%;
    border: 2px solid whitesmoke;
}
.team-holder .member .member-details {
    width: 70%;
}
.team-holder .member .member-details p{
    font-size: smaller;
}
.team-holder .member {
    display: flex;
    align-items: center;
    min-height: 150px;
}

.team-holder .layout-visible-titles .member-details h2 {
	margin: 0 0 10px 0;
}

/*  mobile */
@media (max-width:480px){
	html {font-size: 100%;} /*18px*/

	body {
	  font-size: 16px;
	}

	#main-wrapper a.header-logo.logo-image {
	    width: 80px!important;
	    height: auto!important;
	}
	#main-wrapper .site-header--sticky-active-padding {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	#main-wrapper header.site-header {
	    top: 0!important;
	    position: fixed!important;
	}
	
	.ult-tabto-accordion dd>.ult-tabto-acontent {
	    padding: 10px;
	}
	.ult-tabto-accordion dt {
	    line-height: unset;
	}
	.post-navigation a{
		max-width: 100%;
		width: 100%
	}
}