/*
Theme Name: SideKick
Template: Impreza
Version: 1.0
Author:	SideKick
Theme URI: http://impreza.us-themes.com/
Author URI: https://sidekick.be/
*/

/***algemeen***/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


body{
    color: #353535;
}


i.online::before{
    content: url('images/icon-online.svg');
}

i.online{
    transform: scale(1.3);
    margin-top: -3px;
}

nav.m_layout_dropdown.type_mobile ul.w-nav-list {
    background: #f7f7f7 !important;
}

nav.m_layout_dropdown.type_mobile ul.w-nav-list #menu-item-298{
    padding-left: 0px;
}

nav.m_layout_dropdown.type_mobile ul.w-nav-list #menu-item-250{
    padding-right: 0px;
}

header.sticky .l-subheader-cell.at_left{
    height: 64px;
    background: linear-gradient(to right, transparent 50%, #f7f7f7 50%) left;
    background-size: 200%;
    animation-name: navbar;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

header.sticky .l-subheader-cell.at_right{
	background: #f7f7f7;
	height: 64px;


}

header.sticky .l-subheader-cell.at_left img{
    width: 196px;
    height: 50px;
    box-sizing: border-box;
    padding-left: 200px;
    background: url('images/logo-color.svg') left top no-repeat;
    background-size: contain;
}

header.sticky .l-subheader-cell.at_left{
    padding-left: 20px;
    margin-left: -20px;
}

.l-header.shadow_thin .l-subheader.at_middle,
.l-header.shadow_thin .l-subheader.at_bottom,
.l-header.shadow_none.sticky .l-subheader.at_middle,
.l-header.shadow_none.sticky .l-subheader.at_bottom{
    box-shadow: none!important;
}

.category-blog .post-category span:before, .news-header .taxonomy-wrap .category-blog:before, .filter-value-blog .w-filter-item-value-label:before {
    content: url('images/icon-bookmark-blue.svg');
    margin-right: 5px;
    display: inline-block;
}

.category-news .post-category span:before, .news-header .taxonomy-wrap .category-news:before, .filter-value-news .w-filter-item-value-label:before{
    content: url('images/icon-bookmark-purple.svg');
    margin-right: 5px;
    display: inline-block;
}

.category-interview .post-category span:before, .news-header .taxonomy-wrap .category-interview:before, .filter-value-interview .w-filter-item-value-label:before{
    content: url('images/icon-bookmark-green.svg');
    margin-right: 5px;
    display: inline-block;
}

.category-news .post-category span,
.category-news i {
    color: #937bcd !important;
}

.category-blog .post-category span,
.category-blog i {
    color: #628ff4 !important;
}

.category-interview .post-category span,
.category-interview i {
    color: #3eccb7 !important;
}

nav .w-nav-list.level_1 #menu-item-298 {
    padding-left: 20px;
}

nav .w-nav-list.level_1 #menu-item-250 {
    padding-right: 20px;
}

.pagination .next span {
    font-size: 16px !important;
}

.pagination .prev span {
    font-size: 16px !important;
}



.taxonomy-wrap {
    position: absolute;
    top: -60px;
    left: 20px;
    align-items: center!important;
}

.current span {
    color: #fe540a !important;
}

/*.event-header .event-tags {
    position: absolute;
    top: -60px;
    left: 53px;
}*/

.taxonomy-wrap .news-tags span,
.event-header .event-tags span {
    background-color: white !important;
    padding: 8px !important;
    margin-right: 10px !important;
    color: #666666 !important;
}

.grayscale {
    filter: grayscale(100%);
    -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.transform-flip .l-section-img {
    transform: scaleX(-1);
}

.search-icon {
    padding: 0 15px;
    background-color: transparent;
    height: 64px;
    align-items: center;
    display: flex;
}


.search-icon .w-search-open {
    color: #353535 !important;
}

.search-icon .w-search-close {
    color: #353535 !important;
}

.l-subheader-cell .at_right {
    background-color: #f7f7f7;
}

.l-subheader-h .at_right nav ul {
    background: #f7f7f7;
    height: 64px;
}

.w-btn {
    padding: 0.6rem 1.8rem;
}

.w-iconbox.iconpos_left .w-iconbox-icon {
    margin-right: 0.3rem;
}

section#host-meetup{
    padding-top: 67px;
    margin-top: -67px;
    overflow: hidden;
}

#host-meetup-btn {
    position: relative;
    top: -67px;
    width: fit-content;
    margin-left: auto;

}

#host-meetup-btn .w-iconbox-meta {
    background-color: #f7f7f7;
    padding: 20px;
}

#host-meetup-btn .w-iconbox-icon {
    background-color: #353535 !important;
    padding: 24px 36px;
    margin: 0px;
    transition: background-color 0.3s;
}

#host-meetup-btn:hover .w-iconbox-icon{
	background-color: #fe540a !important;
}


/***home***/
#home-header-image {
    padding-bottom: 0px;
}
/* COUNTER */
#member-counter {
		text-align: center;
}
#member-counter #counter{
		display: block;
}
#member-counter h2{
  	color: #353535;
}
#member-counter h1{
  	margin-bottom: 1rem;
		font-family: 'Fira Code Retina', monospace!important;
		font-weight: 700;
}
#member-counter #counter .number{
	background-color: #f7f7f7;
	margin-right: 10px;
	padding: 5px 10px;
}
#join-community-grid .vc_column-inner {
    padding-right: 0px;
}

#join-community-grid .w-iconbox .w-iconbox-icon{
    position: relative;
    top: 9px;
}

#join-community-grid .w-iconbox-meta {
    background-color: #f7f7f7;
    padding: 20px 15px;
    transition: background-color 0.3s;
}


#join-community-grid .vc_column-inner .w-iconbox-text::after {
    content: url('images/CTA-arrow.svg');
    position: relative;
    top: 10px;
}

#join-community-grid .vc_column-inner:hover .w-iconbox-meta {
    background-color: #353535;
}

#join-community-grid .vc_column-inner:hover .w-iconbox-title,
#join-community-grid .vc_column-inner:hover .w-iconbox-text h3 {
    color: #ffffff;
}

#join-community-grid .vc_column-inner:hover .w-iconbox-text::after {
    content: url('images/CTA-arrow-red.svg');
}

#home-events .l-section-img {
    transform: scaleX(-1);
    opacity: 0.2;
}

.event-grid .post_taxonomy{
    color: #fe540a!important;
    font-family: 'Fira Code Retina', monospace!important;
}

.event-grid-no-img .event-date{
    font-family: 'Fira Code Retina', monospace!important;
    font-weight: 600;
    line-height: 19px;
}

.event-grid-no-img .event-grid-details{
    color: #b3b3b3;
}


.latest-news .us-btn-style_3{
    padding: 0.2rem 0 0.2rem 0 !important;
    margin-top: 1rem!important;
}

.w-popup-box .w-popup-box-content p:first-of-type:not(form p){
    color: red;
    font-size: 32px;
}

#newsletter-subscribe{
    cursor: pointer;
}

/***news detail***/
.w-sharing-item {
    color: #fe540a !important;
}

.w-sharing-item .fa-facebook:before {
    content: "\f39e" !important;
}

.w-sharing-item .fa-linkedin:before {
    content: "\f0e1" !important;
}


.w-sharing.type_simple .w-sharing-item {
    border-style:none !important;

}

.w-sharing.type_simple .w-sharing-item i {
    opacity: 1;
    border-style:none !important;

}

.w-sharing-list:before {
    content: "Share:";
    align-self: center;
}

.news-header .sponsored {
    position: absolute;
    right: -24px;
    top: -48px;
    z-index: 2;
    background-color: #f7f7f7;
    padding: 10px 20px;
}

.news-header .taxonomy-wrap .category-news,
.news-header .taxonomy-wrap .category-blog{
	width: 71px!important;
}

.blockquote {
    margin: 0px 0px 50px 0 !important;
    font-size: 18px !important;
}

blockquote {
    padding: 0;
}

blockquote footer {
    font-size: 16px;
    text-align: right;
}

blockquote::before {
    content: url('images/quotes.svg');
    margin-bottom: 15px;
    position: inherit;
}

.hwrapper-people .w-iconbox .w-iconbox-title {
    padding: 0 !important;
}

.hwrapper-people .w-iconbox.iconpos_left {
    align-items: center !important;
}

.news-header-img::after,
.event-header-img::after {
    content: "";
    display: block;
    width: 100vw;
    max-width: 1140px;
    height: 120px;
    position: absolute;
    top: 330px;
    left: 0px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background-blend-mode: multiply;
}


.news-heading .vc_column-inner {
    z-index: 10;
}

.news-heading .partner-img .vc_column-inner {
    justify-content: center;
    align-items: center;
}


/***news page ***/

.w-filter-opener i.material-icons{
    font-size: 20px;
    position: relative;
    top: 5px;
}
#news-overview{
    margin-bottom: 50px;
}

.news-page .w-filter-item .w-filter-item-values {
    display: flex !important;
}

.news-page .w-filter-item .w-filter-item-reset {
    display: none !important;
}

.w-filter-item-value.disabled{
    display: none;
}

.filter-value-blog.selected{
	background-color: #dae9f2!important;
}
.filter-value-news.selected{
	background-color: #dad8ea!important;
}
.filter-value-interview.selected{
	background-color: #d6ede8!important;
}

.w-filter-item-value.selected{
	border: none!important;
}

.news-page .w-filter.state_desktop[class*="style_drop_"] .w-filter-item-values {
    display: block;
    position: inherit !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.news-page .w-filter-item .w-filter-item-value .w-form-checkbox{
    display:none;
}

.news-page .w-filter-item .w-filter-item-value .w-filter-item-value-label {
    padding: 10px !important;
    font-family: 'Fira Code', monospace !important;
}

.news-page .w-filter-item .w-filter-item-value.selected {
    background-color: #f7f7f7;
}

.news-page .w-filter-item .w-filter-item-title {
    display: none !important;
}

.news-page input:checked ~ .w-filter-item-value-label {
    font-weight: inherit !important;
}

.news-page .w-filter-item .w-filter-item-value {
    border: 1px solid #e5e5e5;
    margin-right: 10px;
}

.w-grid-item.sticky .post_title {
    font-weight: inherit !important;
}

.news-page .w-grid-item.sticky .w-grid-item-h:after,
.news-page .w-grid-item.status-sticky .w-grid-item-h:after{
    content: url('images/icon-pinned.svg');
    position: absolute;
    right: 0px;
    bottom: -9px;
}

.news-page .sponsored {
    background-color: #f7f7f7;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
}

.news-page .w-grid-item.sticky .sponsored, .news-page .w-grid-item.status-sticky .sponsored {
    background-color: #f7f7f7;
    position: absolute;
    right: 48px;
    bottom: 0;
    padding: 10px 20px;
}

.news-page .w-grid-item-h {
    padding: 20px 50px 50px;
}

.us-btn-style_3 {
    padding: 1rem 0 0.2rem 0 !important;
    border-bottom: 2px solid #353535 !important;
}

.pagination {
    margin-bottom: 100px;
}

.pagination.events {
    margin-bottom: 100px;
    width: 100% !important;
    margin-top: 50px;
    display: block;
    text-align: center;
}

.pagination.events > * {
    margin: 0 0.5rem;
}

.pagination .page-numbers{
    padding: 0;
}

.pagination.events .page-numbers.prev {
    padding-left: 15px;
    margin-right: 1.5rem
}

.pagination .page-numbers.prev, .pagination .page-numbers.next{
    padding: 10px 20px;
    margin: 0;
}

.pagination .page-numbers.prev:after {
    position: absolute;
    left: 0px;

}

.pagination.events .page-numbers.next {
    padding-right: 15px;
    margin-left: 1.5rem;
}

.pagination .page-numbers.next:after {
    position: absolute;
    right: 0px;
}

.pagination.events .page-numbers:before {
    display: none !important;
}

.pagination.events .page-numbers.current {
    color: #fe540a !important;
}

.latest-news .w-grid-list article,
#related-news .w-grid-list article {
    border-bottom: 1px solid #e5e5e5 !important;
    margin-bottom: 0px !important;
    padding: 20px 0px !important;
    transition: color 0.3s;
}

.latest-news .w-grid-list article:last-of-type,
#related-news .w-grid-list article:last-of-type {
    border-bottom: none !important;
}

.latest-news .w-grid-list article:hover .post_title,
#related-news .w-grid-list article:hover .post_title{
    color: #fe540a !important;
}

.latest-news .w-grid-list article:hover .us-btn-style_3,
#related-news .w-grid-list article:hover .us-btn-style_3{
    color: #fe540a !important;
    border-bottom: 2px solid #fe540a !important;
}




/***event detail***/
.taxonomy-wrap-events{
    display: block;
    margin-top: -106px;
    padding-bottom: 30px;
}

.taxonomy-wrap-events .event-detail-date{
    margin-top: 20px;
}

.event-header .event-detail-date {
    /*position: absolute;
    right: 50px;
    top: -50px;*/
    color: white;
}

.event-header .event-detail-date:before {
    content: url('images/icon-date.svg');
    padding-right: 10px;
    position: relative;
    top: 1px;
}

.hwrapper-people .w-iconbox .w-iconbox-icon img{
    width: 64px !important;
    height: 64px !important;
    object-fit: cover !important;
}

.download-presentation .w-iconbox,
.download-presentation .w-iconbox .w-iconbox-link,
.download-presentation .w-iconbox .w-iconbox-meta,
footer #footer-contact .w-iconbox,
footer #footer-contact .w-iconbox .w-iconbox-link,
footer #footer-contact .w-iconbox .w-iconbox-meta
 {
	display: inline-block;
}


.btn-answer .w-iconbox-icon svg {
    width: auto;
}

.download-presentation .w-iconbox.style_default.iconpos_left .w-iconbox-icon,
.download-presentation .w-iconbox.style_default.iconpos_right .w-iconbox-icon{
    width: unset;
}

.download-presentation div.w-iconbox::after, footer #footer-contact div.w-iconbox::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fe540a;
    transition: width .3s;
}

.download-presentation div.w-iconbox:hover::after, footer #footer-contact div.w-iconbox:hover::after{
    animation-name: line-hover;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

.ult-carousel-wrapper .slick-initialized.slick-slider{
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ult-carousel-wrapper .slick-list.draggable{
    order: -1;
}

.ult-carousel-wrapper button{
    margin-top: 30px;
}

.ult-carousel-wrapper .slick-prev {
    position: relative;
    /*right: 14px !important;*/
}

.ult-carousel-wrapper .slick-next {
    position: relative;
    left: -5px !important;
}

.download-presentation .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.download-presentation .w-iconbox.iconpos_left .w-iconbox-icon {
    margin-right: 0.5rem;
}

.ult_expheader {
    text-transform: unset !important;
    line-height: 24px !important;
}

div.ult_exp_section_layer {
    text-align: left !important;
    padding: 0px 0px 50px 0px !important;
    border-bottom: 1px solid #e5e5e5;
    background-color: transparent !important;
    margin-bottom: 0px !important;
}

div.ult_exp_section_layer ~ div.ult_exp_section_layer{
	padding: 24px 0px !important;
}

.ult_exp_section {
    text-align: left !important;
}

.ult_exp_section_layer .ult_exp_section {
    padding-left: 0px !important;
}

.ult_exp_section,
.ult_exp_content {
    background: transparent !important;
}

.ult_ecpsub_cont {
    text-align: left !important;
    margin: 0 !important;
}

.ult_ecpsub_cont p {
    font-weight: 300;
}

.ult-just-icon-wrapper.ult_exp_icon {
    position: absolute !important;
    right: 0 !important;
}

.ult-just-icon-wrapper.ult_exp_icon .ult_ex_icon{
    display: block;
}


/***events***/



.meetup-icon:before {
    content: url('images/icon-online.svg');
    padding-right: 5px;
}

.event-grid .usg_hwrapper_1,
.news-page article .usg_hwrapper_1{
    display: block;
}

.news-page article .usg_hwrapper_1 .usg_post_taxonomy_1{
    display: inline-block;
}


.passed-grid .passed-grid-date,
.event-grid-content .event-date,
.event-grid .event-date{
    text-transform: uppercase;
    line-height: 22px;
}

.event-date span, .passed-grid-date span{
    color: #fe540a;
    display: block;
}

.event-grid-place:after {
    content: "-";
    position: relative;
    left: 10px;
}

.next-events .event-grid .w-grid-list .w-grid-item-h {
    background-color: #ffffff;
}

.event-grid.event-grid-no-img article {
    padding: 25px 45px;
    background-color: #ffffff;
}

.next-events .event-grid .w-grid-list .w-grid-item-h .event-grid-content {
    padding: 40px 50px;
}

.next-events .event-grid .event-date {
    background-color: #f7f7f7;
    padding: 5px 10px;
    width: 70px;
    float: left;
    margin-right: 20px;
    text-align: center;
}

.passed-grid .passed-grid-date {
    padding: 5px 15px;
    width: 70px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    text-align: center;
    background-color: #f7f7f7;
}

#next-up .event-grid:before,
#upcoming-events .event-grid:first-of-type:before {
    padding: 20px 70px;
    content: "Next up";
    background-color: #FE540A;
    position: relative;
    top: -16px;
    left: 0px;
    font-size: 20px;
    font-family: rubik;
    color: #ffffff;
}

#next-up .event-grid .w-grid-item {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.08);
}

.event-header .event-date {
    position: absolute;
    bottom: 162px;
    left: 1038px;
    color: white;
}

.passed-grid .w-post-elm.post_custom_field.usg_post_custom_field_2.type_text {
    background-color: #f7f7f7;
    width: 80%;
    position: absolute;
    top: 152px;
    z-index: 2;
    padding: 10px;
}

.passed-grid .w-grid-item-h .event-grid-hosted:before {
    content: url('images/icon-person.svg') " Host ";
}

.event-grid .w-grid-item-h .event-grid-hosted:before {
    content: url('images/icon-person-gray.svg') " Host ";
}

.passed-grid .w-grid-item-h .post_title {
    margin-top: 15px;
    margin-bottom: 10px !important;
}


/***about***/
#team .w-iconbox-text h5 {
    margin-bottom: 0.5rem;
}

#team .teammember .w-iconbox-meta {
    padding-top: 1rem !important;
}

.teammember .w-iconbox-title{
    font-weight: bold;
}

#team a.vc_column-link{
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    height: 280px;
}

#team .w-separator.size_small.with_line {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
}

.partner-images .wpb_column .vc_column-inner{
	justify-content: center;
    align-items: center;
}

.partner-images .wpb_column .vc_column-inner .w-image{
	margin: 1rem 0;
}


/***comments***/
section.for_comments {
    margin-bottom: 70px;
}

/***footer***/

.join-community-icons{
    align-items: center!important;
}

footer .join-community-icons .w-popup img{
    height: 31px!important;
    width: auto !important;
    margin-left: 0.3rem;
}

footer .footer-right {
    margin-top: -90px !important;
    z-index: 2;
}

footer .footer-right .vc_inner {
    padding: 55px;
}

footer {
    padding-top: 90px;
    margin-top: -90px !important;
}

.footer-red {
    z-index: 1;
}

footer .l-section.height_medium {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

footer .copyright-sidekick p a {
    color: #ffffff;
}

footer .w-iconbox:hover .cls-1{
    fill: #e35010;
}

/***navbar***/

nav.m_layout_dropdown.type_desktop ul.w-nav-list .current_page_item:not(#menu-item-298)::before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fe540a;
    position: absolute;
    top: 30px;
    left: 45%;
}

nav.m_layout_dropdown.type_mobile ul.w-nav-list .current_page_item:not(#menu-item-298)::before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fe540a;
    position: absolute;
    top: 5px;
    left: 50%;
}

nav.m_layout_dropdown.type_desktop ul.w-nav-list .current_page_item:not(#menu-item-298)::after{
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fe540a;
    position: absolute;
    top: 65px;
    left: 45%;
}

nav.m_layout_dropdown.type_mobile ul.w-nav-list .current_page_item:not(#menu-item-298)::after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fe540a;
    position: absolute;
    top: 43px;
    left: 50%;
}



#join-community .w-iconbox-meta {
    margin-top: -9px;
}


/***hover animation nav***/
nav.m_layout_dropdown.type_desktop ul.w-nav-list li:not(.current_page_item) .w-nav-anchor:hover::before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fe540a;
    position: absolute;
    top: 45px;
    left: 45%;
    opacity: 0;
    animation-name: circle-up;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.36, .07, .19, .97);
    animation-fill-mode: both;
}

nav.m_layout_dropdown.type_mobile ul.w-nav-list li:not(.current_page_item) .w-nav-anchor:hover::before,
nav.m_layout_dropdown.type_mobile ul.w-nav-list li:not(.current_page_item) .w-nav-anchor:hover::after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fe540a;
    position: absolute;
    top: 20px;
    left: 50%;
    opacity: 0;
    animation-name: circle-up;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.36, .07, .19, .97);
    animation-fill-mode: both;
}
nav.m_layout_dropdown.type_mobile ul.w-nav-list li:not(.current_page_item) .w-nav-anchor:hover::after{
    top: 53px;
}


nav.m_layout_dropdown.type_desktop ul.w-nav-list li:not(.current_page_item) .w-nav-anchor:hover::after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fe540a;
    position: absolute;
    top: 45px;
    left: 45%;
    opacity: 0;
    animation-name: circle-down;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.36, .07, .19, .97);
    animation-fill-mode: both;
}

/***comment form***/
.for_comments h3{
    color: #FE540A;
}
form#commentform #email-notes{
    display:none;
}
.for_comments .w-comments form.comment-form{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    grid-gap: 10px;

}
.for_comments .w-comments form.comment-form .comment-notes,
.for_comments .w-comments form.comment-form .w-form-row.for_textarea,
.for_comments .w-comments form.comment-form .w-form-row.for_agreement{
    grid-column: 1/5;
}
.for_comments .w-comments form.comment-form .w-form-row.for_text{
    grid-row: 2/3;
    grid-column: 1/2;
}

.for_comments .w-comments form.comment-form .w-form-row.for_email{
    /*grid-row: 2/3;
    grid-column: 2/3;*/
    display: none;
}
.for_comments .w-comments form.comment-form .form-submit{
    grid-row: 5/6;
}


@keyframes navbar {
    0% {
        background-position: left;
    }

    100% {
        background-position: right;
    }
}

@keyframes circle-up {
    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateY(-15px);
    }
}

@keyframes circle-down {
    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateY(20px);
    }
}

@keyframes line-hover {
    0% {
        width: 0;
    }

    100% {
        width: 100%
    }
}


@media all and (max-width: 450px) {
    #next-up .event-grid:before,
    #upcoming-events .event-grid:first-of-type:before {
        display: block;
        text-align: center;
        max-width: 100%;
        top: 0px;

    }
}

@media all and (max-width: 580px), (min-width: 768px) and (max-width: 1000px){
    .next-events .w-grid-item-h{
        display:grid;
    }

    .next-events .w-grid-item-h .event-date{
        display:block;
        width: 8rem;
        float: initial;
        margin-right: inherit;
        margin-left: 20px;

    }

    .next-events .w-grid-item-h .event-date span{
        display: inline;
    }

    .next-events .w-grid-item-h .event-date span:before, .next-events .w-grid-item-h .event-date span:after{
        content: " ";
    }

    .next-events .w-grid-item-h .w-vwrapper{
        margin-left: 20px;
        margin-top: 15px;
    }

    .next-events .w-grid-item-h .event-grid-details{
        display: grid;
        grid-template-columns: 2fr 1fr;
    }

    .next-events .w-grid-item-h .event-grid-details .event-grid-place{
        grid-column: 1/2;
    }
    .next-events .w-grid-item-h .event-grid-details .event-grid-hosted{
        grid-column: 1/3;
    }


    .next-events .event-grid .w-grid-list .w-grid-item-h .event-grid-content,
    .event-grid.event-grid-no-img article {
        padding: 40px 5px;
    }

    #upcoming-events .event-grid-content {
        display: grid!important;
    }


}

@media all and (min-width: 600px) {
    .taxonomy-wrap-events{
        display: flex;
    }

    .taxonomy-wrap-events .event-detail-date{
        margin-top: 0px;
        margin-left: auto;
    }

    .event-header-img::after {
        top: 282px;
    }
}

@media all and (min-width: 768px){
    .w-hwrapper.align_left.valign_top.wrap.join-community-icons{
        flex-wrap: nowrap;
    }
    footer .join-community-icons .w-popup img{
        height: 31px!important;
        width: auto !important;
        max-width: unset !important; 
    }
}

@media all and (max-width: 767px) {
    .for_comments .w-comments form.comment-form .w-form-row.for_text{
        grid-column: 1/5;
    }
    .for_comments .w-comments form.comment-form .w-form-row.for_email{
        grid-row: 3/4;
        grid-column: 1/5;
    }

    .for_comments .w-comments form.comment-form .form-submit{
        grid-column: 1/5;
        grid-row: 6/7;
    }

    #us_grid_1 .w-grid-item {
        margin-bottom: 4rem !important;
    }

    .news-page .w-grid-item-h {
        padding: 20px 25px 50px;
    }

    .hwrapper-people {
        display: block !important;
    }


    .hwrapper-people .w-iconbox {
        margin-bottom: 25px !important;
    }

    .taxonomy-wrap {
        display: inline-block;
        top: -100px !important;
        left: 0 !important;
    }

    .taxonomy-wrap .post_taxonomy:first-child {
        margin-bottom: 15px;
    }

    .footer-red h2{
        font-size: 1.3rem;
        line-height: 28px;
    }

    footer:not(.blockquote-footer) {
        position: relative;
        top: 90px;
    }

    /*footer .footer-right .w-hwrapper.align_left.valign_top {
        display: block;
    }*/

}

@media all and (min-width: 550px){
    .news-page article .usg_hwrapper_1{
        display: flex;
    }
    .news-page .w-hwrapper.align_left>*:last-child {
        margin-right: 0;
        margin-left: auto;
    }


}

@media all and (min-width: 550px) and (max-width: 768px), (min-width: 1000px){
    .latest-news div.w-grid-item-h,
    #related-news div.w-grid-item-h {
        display: grid;
        grid-template-columns: 6fr 1.2fr;
    }

    .latest-news div.w-grid-item-h h3,
    #related-news div.w-grid-item-h h3{
        grid-column: 1/3;
        grid-row: 1/2;
    }

    .latest-news div.w-grid-item-h a.w-btn,
    #related-news div.w-grid-item-h a.w-btn{
        grid-column: 2/3;
        grid-row: 1/2;
        padding-top: 0!important;
    }
}

@media all and (min-width: 500px) and (max-width: 767px), (min-width: 1000px){
    .event-grid .usg_hwrapper_1 {
        display: flex;
    }


}

@media all and (max-width: 1079px) {
    .search-icon {
        padding: 0;
        height: 40px;
    }

}
@media all and (min-width: 1080px) {
    .search-icon {
        background-color: #353535;
    }
    .search-icon .w-search-open {
        color: #ffffff !important;
    }
}



/* UPCOMING EVENTS --------------------------------------------------------------- */
.filters .filter-item {
    margin-bottom: 2.5rem;
}

.filters .filter-item h5 {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 16px !important;
}

.filters .filter-item select{
    font-family: 'Fira Code', monospace !important;
    font-weight: 500;
}

.filters .filter-item.checkboxes {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
}

.filters .filter-item.checkboxes h5 {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.filters .filter-item.checkboxes .filter-checkbox {
    position: relative;
    display: inline-block;
}

.filters .filter-item.checkboxes .filter-checkbox label {
    border: 1px solid #E5E5E5;
    padding: 0.6rem 1.5rem;
    background-color: #ffffff;
    color: #666666;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Fira Code', monospace !important;
    margin: 0.3rem;
    display: inline-block;
    transition: background-color 0.3s;
}

.filters .filter-item.checkboxes .filter-checkbox:hover label,
input.checkbox[type="checkbox"]:checked ~ label {
    border: 1px solid #F4DED0 !important;
    background-color: #F4DED0 !important;
    color: #FE540A !important;
}

.filters .filter-item.checkboxes .filter-checkbox input {
    position: absolute;
    width: calc(100% - 0.6rem);
    height: calc(100% - 0.6rem);
    left: 0.3rem;
    top: 0.3rem;
    opacity: 0;
    z-index: 10;
}