/*   Small Projects Bureau Development  */
/*   INCAE   */
/*   Martin Fuks   */


/*************************************************
/*		              GLOBAL                    */
/************************************************/
/* TIPOGRAPHY */
.single-product .elementor-heading-title,
.page-template-page-spbd .elementor-heading-title,
.tax-product_cat .elementor-heading-title {
	font-family: var(--font-primary)!important;
}

.single-product .elementor-widget-text-editor *,
.page-template-page-spbd .elementor-widget-text-editor *,
.tax-product_cat  .elementor-widget-text-editor * {
	font-family: var(--font-secondary)!important;
}

/* BUTTONS */
.single-product .incae-btn > .elementor-widget-container > .elementor-button-wrapper,
.page-template-page-spbd .incae-btn > .elementor-widget-container > .elementor-button-wrapper {
	display: flex;
}

.single-product .incae-btn > .elementor-widget-container > .elementor-button-wrapper > .elementor-button-link,
.page-template-page-spbd .incae-btn > .elementor-widget-container > .elementor-button-wrapper > .elementor-button-link {
	font-family: "Beausite Fit", "Helvetica", "Arial", sans-serif!important;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.2px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	color: var(--white);
	border-color: var( --e-global-color-accent );
	background-color: var( --e-global-color-accent );
	border-radius: 65px 65px 65px 65px;
	padding: 12px 45px 12px 45px;
}

.single-product .incae-btn > .elementor-widget-container > .elementor-button-wrapper > .elementor-button-link:hover,
.page-template-page-spbd .incae-btn > .elementor-widget-container > .elementor-button-wrapper > .elementor-button-link:hover {
	color: var(--e-global-color-primary);
	border-color: var(--border);
	background-color: var(--white);
}

/*************************************************
/*		              HEADER                    */
/************************************************/
.page-template-page-spbd .header[data-desktop] .top .menu li {
	color: #fff;
}

.page-template-page-spbd .header .actions i::before {
	color: #fff;
}


/*************************************************
/*		        BODY (default)                  */
/************************************************/
/* PAGE */
.page-template-page-spbd .container.--small {
	width: auto;
}

.page-template-page-spbd #page > .page {
	padding-top: 0;
}

/* HERO */
.page-template-page-spbd #incae-hero .elementor-column {
	max-width: 1302px;
	margin: 0 auto;
}


/*************************************************
/*		       CUSTOM SECTIONS                  */
/************************************************/
/* SHOP IMAGE GRID */
.shop-image-grid figure.wp-caption > .widget-image-caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px;
	font-family: var(--font-primary)!important;
	font-size: 30px;
	line-height: 30px;
}

/* SHOP EVENTS */
.page-template-page-spbd #shop-events .elementor-column {
	max-width: 1302px;
	margin: 0 auto;
}

.page-template-page-spbd #em-wrapper {
	max-width: 1302px;
	margin: 0 auto;
	padding-top: 180px;
} 

#shop-events .em-custom-header {
	display: none;
}

#shop-events .elementor-shortcode .em-list {
	grid-template-columns: 1fr 1fr; 
	grid-template-rows: auto repeat(2, 1fr);
	column-gap: 40px;
  	row-gap: 0;
}

.em.em-list .em-item {
	display: flex;
	position: relative;
	padding: 0px;
	border: none;
}

#em-wrapper .em.em-list .em-item {
	display: grid;
	margin-bottom: 15px;
  	min-height: 150px;
	grid-template-columns: .3fr 1.7fr;
}

#shop-events .em-event.em-item:first-of-type {
	grid-row: 1 / span 4;
	min-height: 458px;
}

#shop-events .em-event.em-item:nth-of-type(2) {
  	padding-bottom: 20px;
}

#shop-events .em-event.em-item:nth-of-type(3) {
	padding: 20px 0 0;
	border-top: 2px solid var(--white);
	border-bottom: 2px solid var(--white);
}

#shop-events .em-event.em-item:nth-of-type(4) {
  	padding-top: 20px;
}

#shop-events .em-event.em-item:not(:first-of-type) .em-item-image {
	display: none;
}

.em.em-list .em-item .em-item-image {
	max-width: 900px;
}

.em.em-list .em-item .em-item-image img {
	padding: 0;
}

.em-event.em-item .em-data-container {
	display: flex;
}

#shop-events .em-event.em-item:first-of-type .em-data-container {
	position: absolute;
	background: rgba(7,16,36,.5);
	width: 100%;
	bottom: 0;
	justify-content: space-between;
	padding: 18px 0;
}

#shop-events .em-event.em-item:first-of-type .em-data-container * {
	color: var(--white)!important;
}

#shop-events .em-event.em-item:first-of-type .em-data-container .em-icon.em-icon-at {
	filter: invert(1);
}

#shop-events .em-event.em-item:not(:first-of-type) .em-data-container * {
	color: var(--e-global-color-primary)!important;
}

.em-event.em-item .em-item-date {
	display: flex;
	font-family: var(--font-primary) !important;	
	font-size: 40px;
	line-height: 48px;
	margin: 0 22px;
}

#em-wrapper .em-event.em-item .em-item-date {
	min-width: 140px;
	font-size: 30px;
	line-height: 30px;
	justify-content: center;
	align-items: center;
	margin: 0 16px 0 10px;
	background: #e0edff;
  }

#shop-events .em-event.em-item:first-of-type .em-item-date {
	margin: auto 22px;
}

#shop-events .em-event.em-item:not(:first-of-type) .em-data-container .em-item-date {
	width: 100px;
	min-width: 100px;
}

.em-event.em-item .upcoming-events-text {
	font-family: var(--font-secondary)!important;
	font-size: 13px;
	line-height: 24.5px;
}

#shop-events .em-event.em-item.em-event.em-item:not(:first-of-type) .upcoming-events-text {
	display: none;
}

.em-event.em-item .em-item-info {
	display: flex;
	flex-direction: column;
	border-left: none !important;
}

.em.em-list .em-item .em-item-info {
	padding: 5px 10px 5px 0;
}

#em-wrapper .em.em-list .em-item .em-item-info .em-item-actions.input {
	margin-top: auto;
}

#shop-events .em-event.em-item:first-of-type .em-item-info {
	padding: 0 22px 0 0px;
  	text-align: right;
}

.em.em-list .em-item .em-item-info h3.em-item-title {
	line-height: 32px !important;
	margin-bottom: 8px !important;
}

.em.em-list .em-item .em-item-info h3.em-item-title a {
	font-size: 26px;
	line-height: 22px;
	text-decoration: none;
	border: none !important;
	font-weight: 700;
	color: var(--e-global-color-primary);
	margin-bottom: 0;
}  

#shop-events .em.em-list .em-item .em-item-info .em-item-description {
	display: none;
}

.em.em-list .em-item .em-item-info .em-event-location a {
	font-size: 13px;
	line-height: 24.5px;
	text-decoration: none;
	border: none !important;
	color: var(--e-global-color-primary);
}

.em.em-list .em-item .em-item-info .button {
	margin-bottom: 0 !important;
	border: none !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 24.5px !important;
	display: inline;
}

.em-event.em-item .em-see-all {
	display: none;
}

#shop-events .em-event.em-item:last-of-type .em-see-all {
	display: block;
}

.page-template-page-spbd .incae-btn.em-see-all {
	margin-top: auto;
}

.incae-btn > .elementor-widget-container > .elementor-button-wrapper {
	justify-content: right;
}

.page-template-page-spbd .incae-btn.em-see-all > .elementor-widget-container > .elementor-button-wrapper > .elementor-button-link {
	color: var(--white) !important;
	background-color: var( --e-global-color-accent ) !important;
}

.page-template-page-spbd .incae-btn.em-see-all > .elementor-widget-container > .elementor-button-wrapper > .elementor-button-link:hover {
	color: var(--e-global-color-primary)!important;
	background-color: var(--white)!important;
}

.em.pixelbones .incae-btn.em-see-all a:hover {
	color: var(--e-global-color-primary)!important;
}

/* Events page */
.em.em-search .em-search-main.em-search-main-bar > .em-search-submit button, 
.em.em-search-advanced .em-search-main.em-search-main-bar > .em-search-submit button {
	border-radius: 65px !important;
	text-transform: none !important;
	padding: .6em 1em !important;
	font-size: 16px !important;
	line-height: 16px !important;
	font-weight: 400 !important;
	font-family: "Beausite Fit", "Helvetica", "Arial", sans-serif !important;
	height: auto !important;
	border-color: var(--accent-color) !important;
}

.em.em-search .em-search-main.em-search-main-bar > .em-search-submit button:hover, 
.em.em-search-advanced .em-search-main.em-search-main-bar > .em-search-submit button:hover {
	border-color: #00000033 !important;
	color: var(--e-global-color-primary)!important;
	background: #fff!important; 
}

.em .em-search-advanced .em-search-views .em-search-views-trigger .em-search-view-option,
.em.em-search .em-search-views .em-search-views-trigger .em-search-view-option, 
.em.em-search-advanced .em-search-views .em-search-views-trigger .em-search-view-option,
.em-search-sort .em-search-sort-option,
.em button.em-clickable.em-search-advanced-trigger {
	border-radius: 0;
}

#em-wrapper .em.em-list .em-item .em-item-info h3.em-item-title a {
	color: var(--e-global-color-primary)!important;
}

#em-wrapper .em.em-list .em-item .em-item-info h3.em-item-title a:hover {
	color: var(--accent-color)!important;
}

#em-wrapper .em.em-list .em-item .em-item-info .em-event-location a, 
#em-wrapper .em.em-list .em-item {
	color: var(--e-global-color-text) !important;
  }

#em-wrapper .em.em-list .em-item .em-item-info .button {
	color: var(--accent-color) !important;
}

/* Calendar */
.em.em-calendar .em-cal-nav .month-nav .em-calnav.em-calnav-next,
.em.em-calendar .em-cal-nav .month-nav .em-calnav {
	border: none;
}

/*************************************************
/*		           RESPONSIVE                   */
/************************************************/
@media screen and (min-width: 1600px) {
}

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

@media screen and (max-width: 810px) {
	/* SHOP IMAGE GRID */
	.shop-image-grid figure.wp-caption > .widget-image-caption {
		font-size: 16px;
		line-height: 16px;
  	}
}

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