/**
Theme Name: Constructive
Author: Maurice Hason
Author URI: http://mauricehason.com
Description: Constructive website theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: constructive
Template: astra
*/

/*** COLOR PALETTE ***
 * Main Red:	#ed1c24
 * Main Gray:	#54666f
 * /

/*** GLOBAL OVERRIDES ***/
textarea { resize: none; }
a, a:focus, a:hover, a:active, a:visited { outline: none; }


/*** MENU ***/
/* .elementor-site-menu li a:after {
	content: "|";
	opacity: 1 !important;
	color: #ed1c24;
	right: -40px;
}

.elementor-site-menu .elementor-nav-menu li:first-child a:after {
	content: "";
} */

#primary-menu > li > a:after {
	content: "|";
	color: #ed1c24;
	right: 0px;
	position: absolute;
}

#primary-menu > li:first-child > a:after {
	content: "";
}

.main-header-bar,
.header-main-layout-2 .site-branding {
	padding: 0;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0 45px;
}

/*** Uncomment to remove padding from both sides of the menu and change the padding below
 * #primary-menu > li:first-child a { padding-right: 0; }
 * #primary-menu > li:last-child a { padding-left: 0; }
***/

/*** Change padding to 0 77.7px to spread menu to full width of page ***/
.main-header-menu a { padding: 0 60px; }

/*** More Products Emphasize ***/
li.mega-more-products > a {
	background-color: #ed1c24 !important;
	text-align: center !important;
	color: #fff !important;
	padding: 8px 0px !important;
	border-radius: 5px !important;
}

li.mega-more-products > a:hover {
	background-color: #54666f !important;
}

/*** LOGO ***/
#masthead .site-logo-img img { max-height: 130px; }

/*** CONTENT ***/
#primary { margin: 1em 0; }

/*** FORMS ***/
#footer_form input:focus,
#footer_form textarea:focus {
	background-color: #fff;
}

#contact_page_form input:focus,
#contact_page_form textarea:focus {
	background-color: #fff;
	border: 1px solid #e6e8e9;
}

/*** SIDEBARS ***/
.ast-right-sidebar #primary { border-left: none; }
.ast-right-sidebar #secondary { border-right: none; margin-right: 0; }
.ast-left-sidebar #primary { border-right: none; }
.ast-left-sidebar #secondary { border-left: none; margin-left: 0; padding-left: 20px; }
#secondary { margin: 1.2em 0 2.5em; }

/*** ACCORDION MENU ***/
.acc-menu dt.level1.opened > span.outer > span.inner > a > span { font-weight: 700 !important; }

/*** PRODUCTS PAGES ***/
.products-list img { border: 1px solid #eee !important; }
.products-list img:hover { opacity: 0.6; }

/**** PRODUCT TABS ***/
@media screen and (min-width: 1024px) {

	.content-area { border-right-width: 0px; }
	.elementor-tab-title { border: none !important; padding: 0 0 8px 40px !important; }
	.elementor-tab-title.elementor-active {
		background-image: url("https://www.constructive.co.il/wp-content/uploads/2017/12/black-px.gif");
		background-position: center bottom;
		background-repeat: repeat-x;
	}
	
	.prod_img .cf-type-image .ae-element-custom-field img {
		max-height: 300px;
		width: auto;
	}
	
	.elementor-tab-content,
	.elementor-tab-content .elementor-element-populated {
		padding: 0px !important;
		border: none !important;
	}
	
	.pdf-link a {
		display: block;
		width: 36px;
		height: 36px;
		background-image: url("https://www.constructive.co.il/wp-content/uploads/2018/01/pdf-icon-sprite.png");
		background-repeat: no-repeat;
		background-position: left bottom;
		color: transparent;
		overflow: hidden;
		transition: none;
	}
	
	.pdf-link a:hover {
		background-position: left top;
		color: transparent;
		transition: none; 
	}
}

/* TABLES */
.jsgrid-table {font-size: 12px !important; }

/* BREADCRUMBS */
@media screen and (min-width: 1024px) {
	#crumbs {
		width: 960px;
		margin: auto;
		font-size: 12px;
	}
	#crumbs i { font-style: normal; font-family: "FontAwesome" }
	#crumbs .current { font-weight: 700; }
}

@media screen and (max-width: 1023px) {
	#crumbs { display: none; }
}

/*** MEDIA QUERIES ***/
@media screen and (max-width: 1023px) {
	.no-mobile { display: none !important; }
	.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {max-width: 80px !important;}
}