/*
Theme Name:	Business Cycle Analytics - a GeneratePress Child theme
Template:	generatepress
Author:		Elizabeth Meyer <elizabeth@hereandnowdigital.co.za>
Author URI:	https://hereandnowdigital.co.za
Description:	Custom theme for Business Cycle Analytics - a GeneratePress child theme
Version:	1.0.0
*/

/* GLOBAL */
 a, button, .button, .btn {
	 transition: background-color 0.2s ease-in, border-color 0.2s ease-in;
 }



/* HEADER */
	.cart-contents > span.number-of-items {
		background-color: #002060;
		color: #ffffff;
	}

	.site-branding {
		text-shadow: 2px 2px #666666;
	}
	.site-header .header-image {
	   filter: drop-shadow(1px 3px #333);
	}
	.main-title {
	  font-size: 42px;
      letter-spacing: -1.5px;
	  margin-left: -2px;
	}
	.site-description {
	  line-height: 1em;
	  font-size: 18px;
	  text-shadow: none;
	  font-weight: bold;
	}
	.inside-header {
		position: relative;
		padding-top: 40px;
	}
	.site {
		margin-top: 0px;
		z-index: 1;
		position: relative;
	}

	/*MAIN NAVIGATION*/
	.main-navigation .menu-bar-item>a {
		line-height: 3em;
	}

	.main-navigation ul.sub-menu {
		border: 1px solid #ffffff;
	}

	.main-navigation .main-nav .sub-menu li.menu-item-has-children>a {
		padding-right: 15px;
	}
	nav ul ul .menu-item-has-children .dropdown-menu-toggle {
		float: unset;
		position: absolute;
		right: 0;
		top: 10px;
	}
	.main-navigation .menu-bar-items  {
		align-self:stretch;
	}
	.main-navigation .menu-bar-items  .menu-bar-item {
		height: 100%;
	}
	.main-navigation .menu-bar-items  .menu-bar-item.search-item > a{
		margin-top: 10px;
	}
	.inside-navigation .search-form {
		height: 100%;
	}
	.inside-navigation .search-form input {
		height: 100%;
	}
	a.cart-contents.shopping-cart {
		height: 100%;
		display: flex;
		align-items: center;
	}
	.cart-contents > span.number-of-items {
		background-color: var(--global-color-8) !important;
	}

	/* MAIN */
	.fbc-wrap {
		text-align: right;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		margin-bottom: 2em;
	}

	.site-main .post-navigation {
		margin-bottom: 0;
		display: flex;
		justify-content: space-between;
		font-size: 24px;
		margin: 2em 0;
		border-top: 2px solid var(--accent);
		padding: 25px;
		border-bottom: 2px solid var(--accent);
		flex-wrap: wrap;
	}

	.site-main .post-navigation .gp-icon svg {
		fill: var(--global-color-8);
		width: 1.25em;
		height: 1.25em;
	}

	.site-main .post-navigation > div {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 50%;
	}

	.site-main .post-navigation > div.nav-next {
		flex-direction:row-reverse;
	}

	/*WOOCOMMERCE*/

	.woocommerce-Message {
    display: flex;
    flex-direction: column;
	}

	#wc-column-container .product {
      margin-bottom: 50px;
	}

	.woocommerce ul.products li.product strong {
		display:initial;
	}

	.woocommerce-product-gallery {
		max-width: 250px;
	}

    .woocommerce div.product div.images img {
        max-width: 200px;
        margin: auto;
    }

	.woocommerce ul.product, .woocommerce-page ul.product {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		display: flex;
		flex-direction: column;
		width: 50px;
		margin: 0 25px;
	}

	.woocommerce ul.products li.product .woocommerce-product-details__short-description {
		display: none;
	}

	.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    	font-size: 28px;
	}

	.products .woocommerce-loop-product__link span.woocommerce-Price-amount.amount {
		font-size: 25px;
		font-weight: normal;
	}

	.woocommerce ul.products li.product.woocommerce-text-align-left .button {
		margin-top: 50px;
	}
	.woocommerce ul.products li.product .add_to_cart_button {
		background-color: #1E2F5D;
		border-radius: 3px;
	}

	.woocommerce ul.products li.product .add_to_cart_button:hover {
		background-color: #1e73be;
	}


	.wc-block-grid__product {
		margin-bottom: 50px;
	}

	.wp-block-button.wc-block-grid__product-add-to-cart>a.wp-block-button__link, .woocommerce div.product form.cart .button.single_add_to_cart_button {
		border-radius: 3px;
		padding: 10px 20px;
		background-color: var(--accent);
	}

	.wp-block-button.wc-block-grid__product-add-to-cart>a:hover, .woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
		background-color: var(--global-color-8);
	}

	a.wc-block-grid__product-link {
		font-size: 24px;
		text-decoration: none;
	}

	a.wc-block-grid__product-link:hover {
		color: var(--accent);
	}

	.wc-block-grid__product-price.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price {
    	font-weight: normal !important;
		font-size: 25px;
		color: var(--global-color-5) !important;
	}

	 .woocommerce div.product p.price {
		 padding: 25px 0 0;
	 }



	ul.products.columns-2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#wc-column-container ul.products.columns-2 .product {
		width: 48%;
		margin-bottom: 50px;
	}


	.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
		font-size: 25px !important;
		text-align: left;
	}

	.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2:hover {
		color: var(--accent);
	}

	.woocommerce .products.related, .woocommerce .products.upsells, .woocommerce .cross-sells  {
	    border-top: 2px solid var(--accent);
	}

	.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
		width: 100%;
		display: block;
	}

	.cross-sells .products.columns-2 li.product {
		width: 45% !important;
	}

	.cart-collaterals {
		display: flex;
		flex-direction: column-reverse;
	}

	.woocommerce .products, .cross-sells  {
		margin: 50px 0;
		padding-top: 50px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.woocommerce .products h2, .woocommerce .cross-sells h2 {
		width: 100%;
		margin-bottom: 25px;
	}

	.woocommerce td.product-thumbnail {
		display: none;

	}

	.woocommerce-cart-form__cart-item.cart_item td.product-remove a.remove{
		display: block !important;
		font-size: 1.5em !important;
		height: 1em !important;
		width: 1em !important;
		text-align: center !important;
		line-height: 1 !important;
		border-radius: 100% !important;
		color: red !important;
		text-decoration: none !important;
		font-weight: 700 !important;
		border-color: transparent !important;
		font-family: initial !important;
}

	.woocommerce ul.products li.product {
		padding: 0 35px;
	}

	.added_to_cart.wc-forward {
		display:none !important;
		visibility: hidden !important;
	}

	a.woocommerce-MyAccount-downloads-file.button.alt {
		padding-left: 70px;
		min-width: 200px;
	}

	a.woocommerce-MyAccount-downloads-file.button.alt:before {
		display: inline-block;
		width: 50px;
		height: 50px;
		content: ' ';
		position: absolute;
		left: 10px;
		background-image: url(./imgs/pdf-icon.png);
		background-position: center;
		z-index: 10;
	}

	/*FOOTER*/

	.footer-widgets {
		padding: 50px 0px 0px 0px;
	}

	.footer-widgets .widget-title {
		font-size: 32px;
    	font-weight: 500;
	}

	.footer-widgets a {
		text-decoration: none;
		line-height: 1.75em;
	}

	.newsletter-subscribe-container {
		width: 380px;
		max-width: 100%;
		text-align:center;
	}

	a.read-more {
		display: block;
		background: var(--accent);
		width: 120px;
		padding: 10px;
		border-radius: 5px;
		text-align: center;
		color: #ffffff;
		margin: 25px 0;
		text-transform: uppercase;
		border: 2px solid var(--accent);
		text-decoration:none;
	}

	a.read-more:hover {
		background: var(--global-color-8);
		border-color: var(--global-color-8);
	}

	/*WooCommerce*/
	.woocommerce div.product {
		padding-top: 50px;
	}
	.instructions {
		 font-style: italic;
   		 margin-bottom: 2em;
		font-size: 14px;
	}
	.instructions .note {
		font-weight: bold;
	}
	article, .paging-navigation, .error404 .inside-article {
		box-shadow: 5px 5px 15px -6px #000000
	}

	.main-navigation, .main-navigation ul ul {
    	background-color: var(--accent);
    	box-shadow: 0px 5px 6px -6px #000000;
 	}

	/*Helper*/
	.drop-shadow {
		filter: drop-shadow(1px 1px #666666);
	}

	#baguetteBox-slider img {
		background-color: #fff;
	}

	/*Free Resources */
	.wp-block-file {
		margin-top: 25px;
		margin-bottom: 50px;
	  display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	}

	.wp-block-file.free-resource-download {
	  position:relative;
	}

	.wp-block-file.free-resource-download > a:first-child {
	  position:relative;
		margin-right: 2em;
	}


	.wp-block-file a.wp-block-file__button {
		padding: 10px 20px;
		border-radius: 3px;

		font-size: 1em;
		background-color:  var(--accent);
		opacity: 1 !important;
	}

	.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus {
	  background-color:  var(--global-color-8);
	  opacity: 1;
	}
	.wp-block-file.free-resource-download > a:not(.wp-block-file__button) {
		display: contents;
		font-size: 18px;

	}
	.wp-block-file.free-resource-download > a:not(.wp-block-file__button):before {
		content: '';
		width: 50px;
		height: 50px;
		background-image: url('./imgs/pdf-icon.png');
		background-repeat: no-repeat;
		background-position: -10px center;
	}

	/*Responsive */
	@media (max-width: 768px) {
		h1, h2, h3, h4 {
			text-align: center;
		}
		.site-branding-container {
				flex-direction: column;
				text-align: center;
		}
		.site-branding-container .site-logo {
    	margin: 0 auto;
		}
		.main-title {
			margin: 25px 0;
		}
		.wp-block-kadence-advancedbtn.kt-btns_ff3f47-95 {
			margin-top: 50px !important;
		}
		.entry-title {
			text-align:center;
		}
		.wp-block-spacer {
			height: 25px !important;
		}
		.kt-btn-align-right {
			margin: 25px auto;
    	text-align: center;
		}
		.wp-block-kadence-infobox, .kt-blocks-info-box-link-wrap {
			display: flex;
			flex-direction: column;
		}

		.wp-block-file.free-resource-download > a:not(.wp-block-file__button):before {
			background-position: center;
		}


	#wc-column-container ul.products.columns-2 .product, .cross-sells .products.columns-2 li.product  {
		width: 100% !important;
		padding: 0;
	}

	.site-main .post-navigation {
		font-size:20px;
		flex-direction: column;
	}
	.site-main .post-navigation > div {
		width: 100%;
		margin: 25px 0;
	}
.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
	    align-items: center;
}

	.footer-widgets {
		padding: 0;
	}
}