body {
	/* overflow-x: hidden; */
	background-image: none !important;
}

/* .layout-main-wrapper { */
.layout-main {
    width: 100%;
    overflow-x: hidden;
}

/* Home page */
p.section1 {
	background-color: rgb(231,231,231);
	padding: 11px;
}

/* Drupal Cart modifications - table.css */
.cart-form td {
	vertical-align: middle !important;
}

span.order-total-line-label {
	/* margin-right: 30px; */
}


/* Product */
#edit-purchased-entity-wrapper {
	display: none;
}

/* Review */
#edit-review-payment-information a {
	color: white;
}

#edit-review-payment-information,
#edit-review-payment-information legend,
#edit-payment-information,
#edit-payment-information legend,
#edit-payment-information-payment-method--wrapper,
#edit-payment-information-payment-method--wrapper legend {
	border: solid 1px #5d7585 !important;
    border-radius: 0 !important;
	margin-top: 0px !important;
}

#edit-payment-information-payment-method--wrapper .fieldset__wrapper--group {
	border: 0px;
    border-radius: 0;
}

/**** commerce_order.total_summary.css */

/* Modded Drupal commerce values */

.order-total-line-value {
  display: inline-block;
  width: 140px;
  text-align: right;
}

.checkout-order-summary table,
.view-commerce-checkout-order-summary table.views-table  {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}

.checkout-order-summary td,
.view-commerce-checkout-order-summary td {
	/* background-color: #90ee903d; */
	/* background-color: #5d7585; */
	padding: 5px !important;
	/* color: white; */
}

/**** commerce_order.form.css */

/* Wide screens */
/* @media screen and (min-width: 780px), (orientation: landscape) and (min-device-height: 780px) { */
@media screen and (min-width: 780px) {
	.layout-region-checkout-secondary {
		float: clear !important;
	}

	[dir="rtl"] .layout-region-checkout-secondary {
		float: clear !important;
	}
  
	.layout-region-subscription-secondary {
		float: left;
		width: 100%;
	}
}

.commerce-checkout-flow .form-actions {
	align-items: center !important;
}

@media only screen and (max-width: 780px) {
	.cart *{
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 1320px) {
	.cart *{
		/* font-size: 12px !important; */
	}
	
	.cart [dir="ltr"] .forum table td, [dir="ltr"] .forum table th, [dir="ltr"] .text-content table td, [dir="ltr"] .text-content table th, [dir="ltr"] .views-table td, [dir="ltr"] .views-table th, [dir="ltr"] .draggable-table td, [dir="ltr"] .draggable-table th {
		padding-right: 2px;
	}
	
	.cart table .button,
	.cart table .quantity-button {
		margin-right: 0 !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
		display: block !important;
	}
	
	.cart table tr {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		/* margin-bottom: 10px; */
		justify-content: space-around;
		align-items: center;
	}
	
	.cart table td {
		height: 200px;
		align-items: center;
		display: flex;
	}
	
	.cart .views-field-remove-button input {
		width: 100%;
	}

}

@media only screen and (max-width: 780px) {
	.cart table tr {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	.cart table th:nth-child(5),
	.cart table td:nth-child(5) {
		display: none;
		background: yellow;
	}
}

/* subscriptions */
.layout-region-subscription-main {
	display: none;
}

@media (min-width: 75rem) {
	[dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
		margin-right: 2.25rem !important;
	}
}

@media (min-width: 43.75rem) {
	.mobile-buttons {
		margin-top: 2.25rem !important;
	}
}

table {
	width: 100%;
}

table th {
	text-align: left;
}

.main-content__container {
	padding-top: 0px !important;
}

.wide-image {
	width: 100% !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	box-shadow: 0 17px 29px -6px rgba(0, 0, 0, 0.22);
	position: relative;
}

.wide-image::after {
	content: "";
    background-color: #2c74b4;
	width: calc(100% + 600px);
	/* height: 200px; */
	display: block;
	z-index: -1;
	position: absolute;
	left: -100%;
	top: 7.5%;
	height: 85%;
	width: 400%;
}

.primary-nav__menu-link-inner:after {
    border-top: solid 5px #2c74b4;
}

.node__content {
	padding-bottom: 0px !important;
}

#block-olivero-content {
	margin-bottom: 0px !important;
}

.subscription-front .product-wrapper,
.teams-front .product-wrapper {
	display: flex;
}

.subscription-front form,
.teams-front form {
	display: flex;
	margin: auto;
	
	width: 100%;
	max-width: 436px;
	
	height: 215px;
}

.product-wrapper .product-button {
	width: 100%;
	height: 100%;
	/* max-width: 436px; */
	/* height: 215px; */
	display: block;
	position: relative;
	padding: 0px;
	/* margin: 0px; */
	/* overflow: hidden; */
	/* margin: auto; */
	
	cursor: pointer;
	
	/* border: 1px solid #33a820 !important; */
	-webkit-transition: all 200ms cubic-bezier(.075, .82, .165, 1) !important;
	transition: all 200ms cubic-bezier(.075, .82, .165, 1) !important;
	
	box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.25);
}

.product-wrapper .product-button:hover {
	box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.25);
	-webkit-transform: translate(0px, -3px);
	-ms-transform: translate(0px, -3px);
	transform: translate(0px, -3px);
}

.product-wrapper .product-button.image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* display: block; */
	/* height: 100%; */
	/* width: 100%; */
	/* position: absolute; */
	/* margin: 0px; */
	/* padding: 0px; */
}

.product-wrapper .image.individualsubscription {
	background-image: url('/sites/default/files/images/individual-subscription-banner.jpg');
}

.product-wrapper .image.salesleadersubscription {
	background-image: url('/sites/default/files/images/sales-leader-subscription-banner.jpg');
}

.product-wrapper .text {
	background: red;
	padding: 10px;
	max-width: 400px;
	margin: auto;
	font-size: 19px;
}

.subscription-front .product-button .button.text {
	position: relative;
	margin: 0px;
	border: 0px;
	border-radius: 0px;
	border-bottom: 2px solid;
}

.subscription-front .product-button .button.text:hover {
	background-color: white;
}

.primary-nav__menu-link,
.text-content,
#main #content,
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main input:not(.button) {
	color: #002858 !important;
	font-family: Roboto, sans-serif !important;
}

.text-content {
	font-family: Roboto, sans-serif !important;
}

/**** Button *********************************************/

.button {
	margin: 0px;
	margin-top: 5px;
	margin-left: 0px !important;
	height: 38px;
	width: fit-content;
	border-radius: 0px !important;
}

.button {
	padding-right: 25px !important;
	padding-left: 25px !important;
	border: 1px solid #33a820 !important;
	background-color: #fff !important;
	-webkit-transition: all 200ms cubic-bezier(.075, .82, .165, 1) !important;
	transition: all 200ms cubic-bezier(.075, .82, .165, 1) !important;
	color: #2c74b4 !important;
	font-weight: 300 !important;
}

.button:hover {
	background-color: #33a820 !important;
	box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.25) !important;
	-webkit-transform: translate(0px, -2px) !important;
	-ms-transform: translate(0px, -2px) !important;
	transform: translate(0px, -2px) !important;
	color: #fff !important;
}

/** QUANTITY/INPUT NUMBER *******************************/

/* input[type=number]::-webkit-inner-spin-button { */
   /* -webkit-appearance: none; */
/* } */

input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

/* youtube *******************************/

iframe {
	aspect-ratio: 16 / 9;
	max-width: 100%;
	margin: auto;
	display: flex;
}

.site-footer {
	display: none;
}