/*
	Theme Name: Europanel
	Theme URI: http://people.europanel.com
	Description: Europanel WordPress Theme
	Version: 1.0
	Author: Ripple Digital
	Author URI: http://ripple-digital.com
	Tags: Europanel, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

#wpadminbar {
    position: fixed;
}

/*------------------------------------*\
    YOUZER OVERRIDES
\*------------------------------------*/
.yz-directory-filter #yz-directory-search-box {
    display:none !important;
}
.yz-directory-filter #directory-show-search {
    display:none !important;
}
.groups-members-search #search-members-form {
    display:none !important;
}
.yz-group-navmenu a#home::before {
    content: '\f0c0';
}
.yz-group-navmenu a#nav-email::before {
    content: '\f0e0';
}
.yz-notification-btn .fa-globe::before {
    content: "\f0f3";
}
.yz-infos-content .yz-info-data p {
    margin-top: 0;
}
#logy_signup_form .field-visibility-settings-toggle {
    display:none !important;
}
form .field-visibility-settings-notoggle {
    display:none !important;
}
.logy-page-box {
    padding: 10px 0;
}
#logy_signup_form input#signup_username,
#logy_signup_form label[for="signup_username"] {
    display:none !important;
}
.logy-one-button .logy-link-button:hover {
    color: #FFFFFF;
}
.logy-login-form .logy-one-button .logy-link-button:hover,
#logy_signup_form .logy-one-button .logy-link-button:hover {
    color: #666666;
}
body.profile.buddypress .youzer .yz-page-main-content,
body.my-account.buddypress .youzer .yz-page-main-content,
body.members.buddypress .youzer .yz-page-main-content,
body.groups.buddypress .youzer .yz-page-main-content {
    padding-left: 15px;
    padding-right: 15px;
}
.youzer .yz-content #yz-profile-navmenu {
    margin: 0 auto 25px;
    padding: 0;
}
.youzer .yz-page-main-content {
    padding-left: 0;
    padding-right: 0;
}
.youzer .settings-sidebar .account-menus ul li.change-cover-image {
    display: none;
}
.youzer.yz-vertical-layout {
    padding: 0 15px !important;
}
.youzer.yz-vertical-layout .yz-content {
    padding-left: 0;
    padding-right: 0;
}
body.buddypress .youzer .yz-profile-content .yz-inner-content .yz-page-main-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.yzb-author-content {
    padding-bottom: 30px;
}
.yz-main-column .yz-aboutme-name,
.yz-main-column .yz-aboutme-description {
    text-transform: unset;
}
.yzb-author .yzb-account-menu {
    margin-bottom: 0;
}
.youzer form#yz-project .yz-select-field {
    display: none;
}
.youzer form:not(#yz-about_me) .yz-uploader-item .yz-photo-preview {
    width: 315px; height: 215px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.youzer form#yz-about_me .yz-uploader-item .yz-photo-preview {
    width: 215px; height: 215px;
}
.youzer .yz-project-content .yz-project-thumbnail {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.youzer .yz-wg-custom-header.options-section-title {
    padding: 15px 50px;
    border-top: 1px solid #f5f5f5 !important;
}
.youzer .yz-wg-custom-header h3.option-title {
    color: #89afc1;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
}
.youzer .yz-wg-custom-header p.option-desc {
    font-size: 13px;
    line-height: 20px;
    color: #929292;
}
.yz-widget.yz-email .yz-widget-content p a,
.yz-widget.yz-email .yz-widget-content p a:hover {
    color: #fff;
    font-weight: 600;
}
.youzer .yz-group-content .yz-main-column {
    width: 100%;
}
.youzer .yz-group-content .yz-main-column .yz-column-content {
    margin: 0 auto;
}
#yz-group-buttons .public.generic-button a {
    font-size: 13px;
    min-width: 150px;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 20px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
}
#yz-group-buttons .public.generic-button a.request-membership::before {
    content: '\f2b5';
}

.youzer #members-group-list #yz-members-list li .yzm-user-data {
    width: auto;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
    background-color: #fff;
}
.youzer #members-group-list #yz-members-list li .yzm-user-data {
    margin: 0 35px 35px 0;
}
.youzer #members-group-list #yz-members-list li:nth-child(3n) .yzm-user-data {
    margin: 0 0 35px 0;
}
.youzer #members-group-list #yz-members-list .item, 
.youzer #members-group-list #yz-members-list .yz-item-avatar {
    display: block;
    vertical-align: middle;
}
.youzer #members-group-list #yz-members-list .item-meta {
    padding-bottom: 20px;
}
.youzer #members-group-list #yz-members-list li .yz-name {
    font-size: 14px;
    margin-top: 10px;
    line-height: 18px;
    font-weight: normal;
    letter-spacing: unset;
    text-transform: capitalize;
}
.youzer #members-group-list .pagination-inner {
    margin: 0;
}

.youzer .yz-skills-content,
.youzer .yz-services-content {
    padding: 25px 0 35px 0;
}
.youzer .yz-skills-section,
.youzer .yz-services-section {
    padding: 0 35px 30px;
}
.youzer .yz-skills-section:last-child,
.youzer .yz-services-section:last-child {
    padding-bottom: 0;
}
.youzer .yz-skills-section + .yz-skills-section,
.youzer .yz-services-section + .yz-services-section {
    border-top: 1px solid #f2f2f2;
}
.youzer .yz-skills-section .yz-skills-section-title,
.youzer .yz-services-section .yz-services-section-title {
    height: 35px;
    line-height: 35px;
    color:unset;
    padding:0;
}
.youzer .yz-skills-section + .yz-skills-section .yz-skills-section-title,
.youzer .yz-services-section + .yz-services-section .yz-services-section-title {
    margin-top:16px;
}

.youzer .yz-skill-button,
.youzer .yza-item-button {
    background-color: #81d1e4;
}
.youzer .yz-service-button {
    background-color: #fd8178;
}
.youzer .yz-settings-form .youzer-settings-actions {
    border-bottom: 50px solid #ededed !important;
}
.yz-wg-services-options .yz-wg-item textarea {
    height: 65px !important;
}
.youzer .option-content input[list] {
    /*background: #EEEEEE !important;*/
}

/*------------------------------------*\
    GLOBAL SEARCH / MENU SEARCH
\*------------------------------------*/
ul.bb-global-search-ac {
    z-index:2000;
}
ul.bb-global-search-ac li.bbls-view_all_type-type {
    display:none;
}
.bboss_search_form_wrapper.dir-search h3 {
    text-align:center;
    color:#686868;
}
.astm-search-menu button.search-submit {
    display: none;
}
.astm-search-menu.active-search.open form {
    padding: 10px 22px; color: #c0c0c0;
    text-align: center; overflow: hidden;
}
.astm-search-menu.active-search.open i.ep-search {
    font-size: 25px; color: #555555;
    display: block;
}
.astm-search-menu.active-search.open button.search-submit {
    background: none; border: none;
    display: inline-block; width: 40px; padding-top: 8px;
    -webkit-appearance: none !important; -webkit-border-radius: 0 !important;
}
.astm-search-menu.active-search.open form input[type="search"] {
    background: #555555; border: none;
    padding: 8px 10px; display: block;
    float: left; width:100%; max-width: 70%; color: #c0c0c0;
    -webkit-appearance: none !important; -webkit-border-radius: 0 !important;
}
.astm-search-menu.active-search.open form input[type="search"]::placeholder {
    color: #c0c0c0; opacity: 1;
}
.astm-search-menu.active-search.open form input[type="search"]:-ms-input-placeholder {
    color: #c0c0c0;
}
.astm-search-menu.active-search.open form input[type="search"]::-ms-input-placeholder {
    color: #c0c0c0;
}

/**
 * # Global Search Results
*/
.bboss_search_page .item-list-tabs ul {
    margin:0;
    padding:0;
}
.bboss_search_page .item-list-tabs li a {
    line-height: 30px;
    margin-right: 12px !important;
}
.bboss_search_page .item-list-tabs li.active.current a {
    color: #686868;
    font-weight: bold;
}
.bboss_search_page .item-list-tabs li:first-child a::before {
    color: #fff;
    content: "\f0ac";
    background-color: #32a0ff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.bboss_search_page .item-list-tabs .count::before {
    /*content: '(';*/
}
.bboss_search_page .item-list-tabs .count::after {
    /*content: ')';*/
}
.bboss_search_page .item-list-tabs .count {
    margin: 0 5px !important;
}

.bboss_search_page .results-group {
    clear: both;
}
.bboss_search_page .results-group h2.results-group-title {
    text-align: center;
    color: #686868;
}

/**
 * # Global Search Results - Members Loop
*/

#members-stream,
#groups-stream {
    width: 100%;
    max-width: 1170px;
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}
#members-stream li,
#groups-stream li {
    float: left;
    width: 33.33%;
    list-style-type: none;
    margin: unset;
    padding: unset;
    border-bottom: unset;
    position: relative;
}
.clear {
    clear: both;
}

#members-stream li .yzm-user-cover,
#groups-stream li .yzm-user-cover {
    width: 100%;
    height: 150px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
}

#members-stream li.yz-show-cover .yzm-user-data,
#groups-stream li.yz-show-cover .yzm-user-data {
    padding: 0;
}

#members-stream li .yzm-user-data,
#groups-stream li .yzm-user-data {
    padding: 35px 0 0;
    position: relative;
    text-align: center;
    margin: 0 17.5px 35px;
    background-color: #fff;
}

#members-stream .yz-item-avatar,
#groups-stream .yz-item-avatar {
    margin: auto;
    width: 100px;
    height: 100px;
    display: block;
    position: relative;
}

#members-stream .yz-show-cover .yz-item-avatar,
#groups-stream .yz-show-cover .yz-item-avatar {
    margin: -55px auto 20px;
}

#members-stream .yz-item-avatar,
#groups-stream .yz-item-avatar {
    margin-bottom: 20px;
}
#groups-stream .yz-item-avatar {
    border: 8px solid transparent;
}

#members-stream.yz-card-show-avatar-border .yz-item-avatar,
#groups-stream.yz-card-show-avatar-border .yz-item-avatar {
    margin-bottom: 12px;
}

#members-stream .yz-item-avatar .yz-member-avatar,
#groups-stream .yz-item-avatar .yz-member-avatar {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#members-stream .yz-item-avatar .yz-member-avatar {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

#members-stream li .yz-item-avatar:before,
#groups-stream li .yz-item-avatar:before {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    content: '';
    display: block;
    text-align: right;
    position: absolute;
}

#members-stream.yz-card-avatar-border-radius li .yz-item-avatar:before,
#groups-stream.yz-card-avatar-border-radius li .yz-item-avatar:before,
#members-stream.yz-card-avatar-border-flat li .yz-item-avatar:before,
#groups-stream.yz-card-avatar-border-flat li .yz-item-avatar:before {
    top: -16px;
    right: -16px;
}

#members-stream.yz-card-avatar-border-radius li.yz-show-cover .yz-item-avatar:before,
#groups-stream.yz-card-avatar-border-radius li.yz-show-cover .yz-item-avatar:before,
#members-stream.yz-card-avatar-border-flat li.yz-show-cover .yz-item-avatar:before,
#groups-stream.yz-card-avatar-border-flat li.yz-show-cover .yz-item-avatar:before {
    top: auto;
    right: -20px;
    bottom: 16px;
}

#members-stream.yz-card-avatar-border-circle li.yz-show-cover .yz-item-avatar:before,
#groups-stream.yz-card-avatar-border-circle li.yz-show-cover .yz-item-avatar:before {
    top: auto;
    bottom: -3px;
    right: -3px;
}

#members-stream .is-online .yz-item-avatar:before,
#groups-stream .is-online .yz-item-avatar:before {
    border: 3px solid #a7e65d;
}

#members-stream .is-offline .yz-item-avatar:before,
#groups-stream .is-offline .yz-item-avatar:before {
    border: 3px solid #eee;
}

#members-stream .yz-fullname,
#groups-stream .yz-fullname {
    color: #8a8a8a;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-transform: capitalize;
}

#members-stream .yz-name,
#groups-stream .yz-name {
    color: #898989;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    line-height: 18px;
}

#members-stream .yz-name i,
#groups-stream .yz-name i {
    color: #999;
    margin-right: 5px;
}

#members-stream .item-meta,
#groups-stream .item-meta {
    margin-bottom: 20px;
}

@media screen and ( max-width: 768px ) {
    #members-stream li,
    #groups-stream li {
        width: 50%;
    }

    #members-stream li .yzm-user-data,
    #groups-stream li .yzm-user-data,
    #members-stream li:nth-child(3n) .yzm-user-data,
    #groups-stream li:nth-child(3n) .yzm-user-data {
        margin: 0 25px 25px 0;
    }

    #members-stream li:nth-child(even) .yzm-user-data,
    #groups-stream li:nth-child(even) .yzm-user-data {
        margin: 0 0 25px 12.5px;
    }

    #members-stream li:nth-child(odd) .yzm-user-data,
    #groups-stream li:nth-child(odd) .yzm-user-data {
        margin-right: 12.5px;
    }
}

@media screen and ( max-width: 475px ) {

    #members-stream li,
    #groups-stream li {
        width: 100%;
        float: none;
    }

    #members-stream li:nth-child(even) .yzm-user-data,
    #members-stream li:nth-child(odd) .yzm-user-data,
    #members-stream li:nth-child(3n) .yzm-user-data,
    #members-stream li:nth-child(2n) .yzm-user-data,
    #groups-stream li:nth-child(even) .yz-group-data,
    #groups-stream li:nth-child(odd) .yz-group-data,
    #groups-stream li:nth-child(3n) .yz-group-data,
    #groups-stream li:nth-child(2n) .yz-group-data,
    #members-stream li .yzm-user-data,
    #groups-stream li .yz-group-data {
        margin: 0 0 25px 0;
    }
    #groups-stream li:nth-child(2n+1) .yzm-user-data,
    #groups-stream li:nth-child(2n) .yzm-user-data {
        margin-right: 0;
        margin-left: 0;
    }
}


/*------------------------------------*\
    EUROPANEL THEME CSS
*\------------------------------------*/

@font-face {
    font-family: europanel-icons;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/europanel-icons.eot?fm2m2u);
    src: url(fonts/europanel-icons.eot?fm2m2u#iefix) format('embedded-opentype'),
    url(fonts/europanel-icons.ttf?fm2m2u) format('truetype'),
    url(css/fonts/europanel-icons.woff?fm2m2u) format('woff'),
    url(css/fonts/europanel-icons.svg?fm2m2u#europanel-icons) format('svg');
}

body{
    font-family:'Source Sans Pro','source-sans-pro',sans-serif;
    background-color:#ededed;
    padding:55px 0 47px;margin:0;
}

header.header.main-header {
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    height:55px;
    padding-top:0;
    width:100%;
    background-color:#fff;
    border-bottom: 1px solid #e6e6e6;
    font-family:'Source Sans Pro','source-sans-pro',sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-text-rendering: geometricPrecision;
    -webkit-text-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    z-index:1999;
}

header .menu-control{
    width:100%;
    padding: 0 15px;
    max-width:1170px;
    margin-left:auto;
    margin-right:auto;
    min-width:280px;
}
body.directory.members.buddypress header .menu-control,
body.directory.groups.buddypress header .menu-control{
    /*max-width:1135px;*/
}
main[role="main"]{
    width:100%;
    padding: 0 15px;
    max-width:1170px;
    margin-left:auto;
    margin-right:auto;
    min-width:280px;
}
footer .container-fluid {
    /*width:95%;*/
    width:100%;
    padding: 0 15px;
    max-width:1170px;
    margin-left:auto;
    margin-right:auto;
    min-width:280px;
}
body.directory.members.buddypress footer .container-fluid,
body.directory.groups.buddypress footer .container-fluid {
    /*max-width:1135px;*/
}

header .decoration div{height:2px}
header .decoration div.green{background-color: #92d400}
header .decoration div.orange{background-color: #fc6800}
header div{box-sizing:border-box;}

header nav.primary{
    display:table;
    width:100%;
    table-layout:fixed;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}

header nav.primary > div,
header nav.primary > a,
header nav.primary > label{
    display: table-cell;
    padding-left: 20px;
    padding-right: 25px;
    vertical-align: middle;
}

header nav.primary .tag {
    font-size: 13px;
    color: #989898;
    font-weight: 300;
}
header nav.primary .tag.desktop {
    display: none !important;
}
header nav.primary .tag.mobile {
    display: table-cell !important;
}
header nav.primary .logo{
    width: 145px;
}
.logo-img {
    max-width: 145px;
    margin-top: 10px;
    margin-left: 20px;
}
header nav.primary .mobile-menu{
    width:32px;
    text-align:center;
    color: #989898;
}

header nav.primary .mobile-menu i{
    font-size:20px;
}

header a + ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

/* style mobile first */
header nav.primary{
    position:relative;
}

header nav.primary .logo{
    vertical-align:top;
    padding:0;
    line-height:0;
}

i.search-icon {
    color: #989898;
    font-size: 23px;
}
svg.search-icon {
    fill: #989898;
    height: 27px;
    width: 27px;
    display: none;
}

/* =============================================================== main menu */
header nav.primary .icons,
header nav.primary .slogan{
    display:inline-block;
}

header nav.primary .icons i{
    font-size:22px;
    margin-right:3px;
    transition:font-size 650ms ease;
}

@media screen and (min-width:533px){
    header nav.primary .icons i{
        font-size:28px;
        margin-right:6px;
    }
}

/* =============================================================== secondary menu - offcanvas */
header nav.main-menu{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    height:100vh;
    background-color:#363636;
    color:#c0c0c0;
    overflow-y:auto;
    z-index: 2000;
}

.main-menu a{
    color:#c0c0c0;
    text-decoration:none;
    display:block;
}

#mobile-menu-switch + .main-menu{
    transform:translateX(100%);
    transition:font-size 450ms ease-in-out,transform 650ms cubic-bezier(0.68, 0, 0.265, 1.1);
}

#mobile-menu-switch:checked + .main-menu{
    transform:translateX(0);
}

/* =================================================== secondary menu - inner menu styling */

.main-menu-wrap{
    position:relative;
    min-height: 100%;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden;
}

.main-menu-wrap ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
.main-menu-wrap ul li{
    position: relative;
}

.main-menu-wrap > div{
    display:table;
    width:100%;
    table-layout:fixed;
    height:50px;
    border-bottom: 1px solid #555;
}

.main-menu-wrap > div label,
.main-menu-wrap > div a{
    display:table-cell;
    width:25%;
    vertical-align:middle;
    text-align:center;
    padding-left:1.5em;
    padding-right:1.5em;
}

.main-menu-wrap > div a{
    border-left: 1px solid #555;
}

.main-menu-wrap > div label i,
.main-menu-wrap > div a i{
    font-size:16px;
}

.main-menu-wrap > div label{
    width:50%;
    text-align:left;
}

.main-menu-wrap ul li > a,
.main-menu-wrap > label{
    display:block;
    padding: 0 0.3em;
    color: #c0c0c0;
    font-size: 114.285%;
    margin-top:-1px;
}
.main-menu-wrap ul li.astm-search-menu > a {
    padding: 1em 1.5em;
}

.main-menu-wrap a:hover,
.main-menu-wrap label:hover{
    background-color:#555;
}

.main-menu-wrap ul li.current_page_item > a{
    color:#92D400;
}

.main-menu-wrap a:hover,
.main-menu-wrap label:hover{
    background-color:#555;
}

.main-menu-wrap ul li > a div,
.main-menu-wrap > label > div{
    border-bottom: 1px solid #555;
    padding: 1em;
}

.main-menu-wrap ul li > a div span,
.main-menu-wrap > label div span{
    margin-left:.95em;
    font-family:'Source Sans Pro','source-sans-pro',sans-serif;
}

.main-menu-wrap input + ul{
    transform:translateX(100%);
    transform-origin: 100% 50%;
    will-change: transform;
    transition: transform 450ms cubic-bezier(0.68, -0.35, 0.265, 1.1);
}

.main-menu-wrap input:checked + ul{
    transform:translateX(0%);
}

.main-menu-wrap label > ul{
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:auto;
    width:100%;
    max-height:100%;
    background-color:#363636;
    color:#c0c0c0;
    z-index:1;
    overflow-y:auto;
    padding-bottom: 70px;
    margin-top: -2px;
}

.main-menu-wrap label ul li a{
    display:block;
    padding:1em 3em 1em 1em;
    color: #fff;
    font-size: 114.285%;
    margin-top:-1px;
    border-bottom: 1px solid #555;
    font-size:14px;
}

.main-menu-wrap label ul li.login a{
    text-align: center;
    background-color:#92d400;
    color:#fff;
    font-weight:600;
    border-bottom:none;
    border-top:1px solid #fff;
    padding:1em;
}

.main-menu-wrap label ul li.profile a{
    text-align: center;
    background-color:#989898;
    color:#fff;
    font-weight:600;
    border-bottom:none;
    border-top:1px solid #fff;
    padding:1em;
}

.main-menu-wrap label ul div{
    display:table;
    width:100%;
    table-layout:fixed;
    height:52px;
    border-bottom: 1px solid #555;
    background-color:#363636;
}

.main-menu-wrap label ul div label,
.main-menu-wrap label ul div strong{
    display:table-cell;
    width:25%;
    vertical-align:middle;
    padding-left:1em;
    padding-right:1em;
}

.main-menu-wrap label ul div strong{
    text-align:center;
    border-left: 1px solid #555;
    width:75%;
}

.main-menu-wrap label ul div label i{
    font-size:16px;
    position:relative;
    top:2px;
}

/* menu states */
.main-menu-wrap .active{
    color:#92d400;
}
.main-menu-wrap ul li.yz-profile > a > div {
    padding: 0 20px;
    height: 35px;
}
.main-menu-wrap ul li.menu-item-has-children i {
    float: right;
    display: inline-block;
    margin-left: 5px;
    margin-top: 8px;
}
.main-menu-wrap ul li.yz-profile > a > div > div.yz-profile-img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border-bottom: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    /*margin-top: -5px;*/
    vertical-align: middle;
    display: inline-block;
    background-size: contain;
    background-color: transparent;
    background-position: center center;
    padding: 0;
}
.main-menu-wrap ul li.menu-item-has-children.open-menu-item .fa-angle-down {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.main-menu-wrap ul ul.sub-menu {
    position: absolute;
    display: none;
    top: 48px;
    right: 0px;
    height: 100%;
    width: 190px;
}
.main-menu-wrap ul ul.sub-menu li {
    text-align: left;
    display: block;
    background-color: #FFFFFF;
    line-height: 2.8;
}
.main-menu-wrap ul ul.sub-menu li i.fa,
.main-menu-wrap ul ul.sub-menu li i.fas {
    float: none;
    margin-right: 5px;
    width: 25px;
}

.main-menu-wrap ul ul.sub-menu li > a > div {
    font-family: 'Source Sans Pro','source-sans-pro',sans-serif;
    color: #898989;
    font-weight: 500;
    font-size: 13.5px;
    text-transform: capitalize;
    border: none;
    padding: 10px 20px;
    display: block;
}
.main-menu-wrap ul ul.sub-menu li:hover,
.main-menu-wrap ul ul.sub-menu li > a > div:hover {
    color: #777777;
}

@media screen and (max-width: 768px) {
	.main-menu-wrap ul li.menu-item-has-children > a > div {
		padding: 0.7em 1em;
        height: unset;
	}
	.main-menu-wrap ul li.menu-item-has-children i {
        margin-top: 0px;
}
    .main-menu-wrap ul li.menu-item-has-children i.fa-angle-down {
        margin-top: 10px;
    }
    .main-menu-wrap ul ul.sub-menu {
		position: unset;
		display: none;
		width: 100%;
	}
	.main-menu-wrap ul ul.sub-menu li {
		background-color: transparent;
		line-height: 1;
	}
	.main-menu-wrap ul ul.sub-menu li > a > div {
		font-weight: 400;
		font-size: 90%;
		text-transform: capitalize;
        padding: 12px 20px;
        color: #c0c0c0;
	}
    .main-menu-wrap ul ul.sub-menu li > a > div:hover {
        color: unset;
    }
	.main-menu-wrap ul li.yz-profile > a > div > div.yz-profile-img {
		margin-top: 0;
	}
}

/* =========================================================== icons */

i.ep {
    font-family: europanel-icons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none
}

i.ep-cycle:before {content: '\e900'}
i.ep-down-arrow:before {content: '\e901'}
i.ep-up-arrow:before {content: '\e907'}
i.ep-close:before {content: '\e043'}
i.ep-grow:before {content: '\e902'}
i.ep-left-arrow:before {content: '\e903'}
i.ep-right-arrow:before {content: '\e904'}
i.ep-search:before {content: '\e905'}
i.ep-think:before {content: '\e906'}
i.ep-address:before {content:"\e908"}
i.ep-mail:before {content: "\e909"}
i.ep-mobile:before {content: "\e90a"}
i.ep-twitter:before {content: "\e90b"}
i.ep-web:before {content: "\e90c"}
i.ep-linkedin:before {content: "\e90d"}
i.ep-barometer:before {content: "\e90e"}
i.ep-consumerindex:before {content: "\e90f"}
i.ep-close2:before {content:"\e910"}
i.ep-help:before {content: "\e911"}
i.ep-home:before {content: "\e912"}
i.ep-keyfacts:before {content: "\e913"}
i.ep-publications:before {content: "\e917"}
i.ep-menu:before {content: "\e914"}
i.ep-platform:before {content: "\e915"}
i.ep-lock_open:before {content: "\e898"}
i.ep-lock_outline:before { content: "\e899"}
i.ep-open_arrow_down:before {content: "\e313"}
i.ep-open_arrow_left:before {content: "\e314"}
i.ep-open_arrow_right:before {content: "\e315"}
i.ep-open_arrow_up:before {content: "\e316"}
i.ep-menu_arrow_down:before {content: "\e916"}
i.ep-cloud-download:before {content: "\e918"}

/* disabled/premium icons */
.default li.disabled{
    position:relative;
    color: #c0c0c0;
}

.main-menu-wrap label ul li.disabled a{
    color: #c0c0c0;
}

.default li.disabled:after{
    font-family: europanel-icons !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    content: "\e899";
    display:block;
    position:absolute;
    line-height:1;
    top:.75em;
    right:1em;
    font-weight:400;
    color: #c0c0c0;
}

.icon-open-right{
    position:relative;
}

.icon-open-right:after{
    font-family: europanel-icons !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    content: "\e916";
    display:block;
    position:absolute;
    line-height:1;
    top:21px;
    right:0;
    font-size:14px;
    transform: rotate(-90deg);
}

/* ==========================================================================  footer */

footer {
    position: fixed;
    z-index: 10;
    right: 0;
    top: auto;
    bottom:0;
    left: 0;
    width: 100%;
    padding: .5em 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    vertical-align: middle;
    color: #fff;
    background-image: linear-gradient(180deg, #32323C, #000);
    box-shadow: 0 0 10px #32323C;
    max-height:60px;
}

footer>section {
    display: table;
    width: 100%
}

.page footer .container-fluid,
.indicators_home footer .container-fluid {
    margin-right: auto;
    margin-left: auto
}

footer .container-fluid:after {
    content:'';
    clear:both;
    display:table;
}

footer>section>div {
    line-height: 1;
    display: table-cell;
    padding: .1em 1em 0 0;
    vertical-align: middle;
    max-width:200px;
}

footer>section>div:nth-of-type(2) {
    text-align: right
}

footer img {
    display: inline-block;
    max-width: 240px;
    min-width: 165px;
    left: 4.45%;
    margin-top: -10px;
}

footer .copyright span {
    font-weight: 400;
    position: relative;
    top: 2px;
    color: #979797
}

footer .copyright {
	font-size: 9px;
	position: relative;
	top: -2px;
	color: #979797;
}

footer .copyright a,
footer .copyright a:hover,
footer .copyright a:visited,
footer .copyright a:active {
    color: #979797;
    text-decoration: none;
    display:inline-block;
    padding:0.25em;
    background-color:transparent;
}

@media screen and (min-width: 768px) {
	footer .copyright {
    	font-size: 10px;
	}
}

@media screen and (min-width: 1024px) {
	footer .copyright {
    	font-size: 11px;
	}
}

@media screen and (min-width: 1440px) {
    footer img {
        max-width: 260px
    }
	footer .copyright {
    	font-size: 12px;
	}
}

@media screen and (min-width: 1600px) {
    footer img {
        max-width: 280px
    }
	footer .copyright {
    	font-size: 12px;
	}
}

@media screen and (min-width: 1920px) {
    footer img {
        max-width: 300px
    }
}

@media screen and (max-width:768px){
    /*------------------------------------*\
        YOUZER OVERRIDES
    \*------------------------------------*/
    .youzer #members-group-list #yz-members-list li .yzm-user-data,
    .youzer #members-group-list #yz-members-list li:nth-child(3n) .yzm-user-data {
        margin: 0 25px 25px 0;
    }

    .youzer #members-group-list #yz-members-list li:nth-child(even) .yzm-user-data {
        margin: 0 0 25px 12.5px;
    }

    .youzer #members-group-list #yz-members-list li:nth-child(odd) .yzm-user-data {
        margin-right: 12.5px;
    }
    
    .youzer #members-group-list .pagination-inner {
        margin: 0;
    }
    .youzer .yz-content #yz-profile-navmenu .yz-settings-area {
        top: 15px;
    }
}

@media screen and (max-width:475px){
    /*------------------------------------*\
        YOUZER OVERRIDES
    \*------------------------------------*/
    .youzer #members-group-list #yz-members-list li .yzm-user-data,
    .youzer #members-group-list #yz-members-list li:nth-child(3n) .yzm-user-data {
        margin: 0 0 25px 0;
    }

    .youzer #members-group-list #yz-members-list li:nth-child(even) .yzm-user-data {
        margin: 0 0 25px 0;
    }

    .youzer #members-group-list #yz-members-list li:nth-child(odd) .yzm-user-data {
        margin-right: 0;
    }
    
    .youzer #members-group-list .pagination-inner {
        margin: 0;
    }
}

/* =========================================================== desktop styling */
@media screen and (min-width:414px){
    footer .container-fluid,
    main[role="main"],
    header .menu-control{
        padding: 0 25px;
    }
    header nav.primary .tag.desktop {
        display: table-cell !important;
    }
    header nav.primary .tag.mobile {
        display: none !important;
    }
    .youzer.yz-vertical-layout {
        padding: 0 25px !important;
    }

    /*------------------------------------*\
        YOUZER OVERRIDES
    \*------------------------------------*/
    body.profile.buddypress .youzer .yz-page-main-content,
    body.my-account.buddypress .youzer .yz-page-main-content,
    body.members.buddypress .youzer .yz-page-main-content,
    body.groups.buddypress .youzer .yz-page-main-content {
        padding-top: 25px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .youzer .yz-page-main-content {
        padding-left: 25px;
        padding-right: 25px;
    }
    .youzer .yz-inner-content .yz-page-main-content {
        padding-left: 0px;
        padding-right: 0px;
    }

}
@media screen and (min-width:768px){
    body{
        padding-top:65px;
    }
    header nav.primary{
        height:60px;
    }
    header.header.main-header {
        height:65px;
    }
    header nav.primary .logo{
        width:175px;
    }
    .logo-img {
        max-width: 188px;
    }
    header nav.primary .tag{
        height:60px;
        color:#989898;
        font-size: 18px;
        font-weight: 300;
    }
}
@media screen and (min-width:769px){
    /* handle menu switch between mobile and desktop */
    #mobile-menu-switch + .main-menu,
    #mobile-menu-switch:checked + .main-menu{
        transform:translateX(0);
        transition:none;
        text-align:right;
    }

    header nav.primary .mobile-menu,
    .main-menu-wrap > div,
    .main-menu-wrap > a span,
    header nav.primary .slogan,
    .icon-open-right:after{
        display:none;
    }

    .main-menu-wrap>label div span,
    .main-menu-wrap>a div span{
        width:0;
        height:0;
        margin:0;
        line-height:1;
        overflow:hidden;
        display:inline-block;
        font-size:14px;
        vertical-align:top;
        position:relative;
        top:5px;
    }

    .main-menu-wrap{
        display:inline-block;
        margin-top:12px;
        overflow:visible;
    }

    .main-menu-wrap label~ul{
       max-height:100vh;
    }

    .main-menu-wrap label > ul{
        padding-bottom:0;
    }

    .main-menu-wrap ul li {
        display:inline-block;
    }

    .main-menu-wrap ul li > a,
    .main-menu-wrap>label {
        display:inline-block;
        margin-top:0;
        padding:0;
        text-align:center;
    }

    .main-menu-wrap ul li.astm-search-menu > a,
    .main-menu-wrap ul li > a > div,
    .main-menu-wrap > label > div{
        border-bottom-width:0;
        padding:5px 20px;
        border-right: 1px solid #e6e6e6;
        display:inline-block;
        vertical-align: top;
        line-height:normal;
        height:34px;
        min-width:45px;
    }
    .main-menu-wrap ul li.astm-search-menu > a {
        padding:5px 15px;
        border-right: none;
    }

    header nav.main-menu,
    header nav.primary{
        vertical-align: top;
        margin-left:0em;
        margin-right:1em;
        display:inline-block;
    }

    header nav.main-menu{
        background-color:transparent;
        position:relative;
        height: 100%;
        overflow:visible;
        text-align:right;
        margin-left:0;
        margin-right:0;
    }

    header nav.primary{
        width:34%;
    }

    header nav.main-menu{
        width:57%;
        position:relative;
        right:-1em;
        color:#989898;
    }

    header nav.main-menu a,
    header nav.main-menu label{
        color:#686868;
        position:relative;
        cursor:pointer;
        display:inline-block;
        vertical-align:top;
        font-weight: normal;
    }

    header nav.main-menu li.current_page_item a,
    header nav.main-menu a:hover,
    header nav.main-menu label:hover,
    header nav.main-menu a:active,
    header nav.main-menu label:active{
        color:#92D400;
        background-color:transparent;
    }

    .main-menu-wrap label.active:before{
        display:none;
        content:'';
        background-color:#363636;
        position:absolute;
        top:-8px;
        left:0;
        right:0;
        height:10px;
        width:100%;
    }

    .main-menu-wrap label:hover:before{
        display:block;
    }

    .main-menu-wrap label.active{
        overflow:visible;
    }

    .main-menu-wrap label div span{
        color:#686868;
    }

    .main-menu-wrap label.active i,
    .main-menu-wrap .current i{
        color:#92d400;
    }

    .main-menu-wrap label ul li a:hover{
        /*background-color:#FC6800;*/
        color:#fff;
    }

    .main-menu-wrap label.active div span,
    .main-menu-wrap a.active div span{
        display:inline-block;
        width:auto;
        min-height:16px;
        margin-left:.5em;
        color:#686868;
    }

    .main-menu-wrap label:hover div span{
        color:#c0c0c0;
    }

    .main-menu-wrap label.active div span:after{
        content:'\e916';
        font-family: europanel-icons !important;
        right:-5px;
        font-size:12px;
        color:#e6e6e6;
        position:relative;
        display:inline-block;
        width:20px;
    }

    .main-menu-wrap label.active:hover,
    .main-menu-wrap label.active:hover i,
    .main-menu-wrap label.active:hover div:after{
        color:#c0c0c0;
    }

    .main-menu-wrap label > ul{
        max-height:79.667vh;
        padding-top:12px;
        width:auto;
        transform:translateX(0);
        top:auto;
        text-align:left;
        display:none;
        border-color:transparent;
    }

    .main-menu-wrap label > ul li:first-child{
        display:none;
    }

    .main-menu-wrap label.active:hover > ul{
        display:block;
        z-index:101;
    }

    .main-menu-wrap label.active:hover > ul ul{
        position:relative;
        margin-bottom:0;
    }

    .main-menu-wrap label.active:hover div{
        background-color:#363636;
        border-color:#555;
    }

    .main-menu-wrap label ul li a{
        padding:0.75em;
        font-size:12px;
        z-index:101;
    }

    .main-menu-wrap label ul li.disabled a{
        padding:0.75em 3em 0.75em 0.75em;
        color:#c0c0c0;
    }

    .main-menu-wrap label ul li.disabled{
        color:#c0c0c0;
    }

    .main-menu-wrap label ul li.disabled a:hover{
        color:#fff;
    }

    .main-menu-wrap label ul li:hover {
        background-color:#FC6800;
    }

    .main-menu-wrap label ul li.disabled:hover:after{
        color:#fff;
    }

    .main-menu-wrap label ul li.disabled a{
        padding:0.75em 3em 0.75em 0.75em;
        color:#c0c0c0;
    }

    .default li.disabled:after{
        top: 1em;
        right: 1em;
        font-size: 12px;
    }

    /*------------------------------------*\
        YOUZER OVERRIDES
    \*------------------------------------*/
    body.profile.buddypress .youzer .yz-page-main-content,
    body.my-account.buddypress .youzer .yz-page-main-content,
    body.members.buddypress .youzer .yz-page-main-content,
    body.groups.buddypress .youzer .yz-page-main-content {
        padding-left: 5px;
        padding-right: 5px;
    }
    .youzer .yz-inner-content .yz-page-main-content {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .youzer .yz-profile-content .yz-inner-content .yz-page-main-content {
        padding-top: 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    body.buddypress .youzer .yz-content .yz-group-content .yz-page-main-content {
        padding-top: 0px;
    }
    .youzer .yz-content #yz-profile-navmenu {
        margin: 0 auto 25px;
        padding: 0;
    }
    .youzer .yz-content #yz-profile-navmenu .yz-settings-area {
        text-align: right;
    }
    .youzer .yz-content .yz-group-content #yz-profile-navmenu {
        margin: 0 auto 25px;
    }
    .youzer .yz-content .yz-group-content #yz-profile-navmenu #object-nav {
        margin-bottom: 0 !important;
    }
    .logy-page-box {
        padding: 20px 0;
    }
    #yz-profile-navmenu {
        padding: 0 25px !important;
    }

    /*------------------------------------*\
        GLOBAL SEARCH / MENU SEARCH
    \*------------------------------------*/
    .astm-search-menu.full-width-menu.active-search.open form {
        background: #FFFFFF; color: #989898; padding: 0;
    }
    .astm-search-menu.active-search.open i.ep-search {
        font-size: 25px; color: #989898;
    }
    .astm-search-menu.active-search.open form input[type="search"] {
        background: #FFFFFF; width: 80%; color: #686868; max-width: unset; border-bottom: 1px solid #e6e6e6;
    }
    .astm-search-menu.active-search.open form input[type="search"]::placeholder {
        color: #989898; opacity: 1;
    }
    .astm-search-menu.active-search.open form input[type="search"]:-ms-input-placeholder {
        color: #989898;
    }
    .astm-search-menu.active-search.open form input[type="search"]::-ms-input-placeholder {
        color: #989898;
    }
}

/* menu width tuning */
.blog header .menu-control{
    width:100%;
}

@media screen and (min-width:1024px){
    header nav.primary .slogan{
        display:inline-block;
    }

    header nav.primary{
        width:49%;
    }

    header nav.main-menu{
        width:48%;
    }

    footer .container-fluid,
    main[role="main"],
    header .menu-control{
        padding: 0 25px;
    }

}

@media only screen and (min-width: 1280px){
    footer .container-fluid,
    main[role="main"],
    header .menu-control{
        padding: 0;
    }

    /*------------------------------------*\
        YOUZER OVERRIDES
    \*------------------------------------*/
    body.profile.buddypress .youzer .yz-page-main-content,
    body.my-account.buddypress .youzer .yz-page-main-content,
    body.members.buddypress .youzer .yz-page-main-content,
    body.groups.buddypress .youzer .yz-page-main-content {
        padding-top:35px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .youzer .yz-inner-content .yz-page-main-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .youzer .yz-profile-content .yz-inner-content .yz-page-main-content {
        padding-top: 0px !important;
    }
    .logy-page-box {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1366px){
    footer .container-fluid,
    header .menu-control{
        /*  */
    }
}

@media only screen and (min-width: 1367px){
    footer .container-fluid,
    header .menu-control{
        /*  */
    }
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}