/*!
Theme Name: Ideaz CRM
Theme URI: https://www.ideaz.si
Author: Ideaz
Author URI: https://www.ideaz.si
Description: Ideaz CRM.
Version: 1.0
*/

/* misc */
body {font-size: 1.3rem; line-height: 2.3rem; font-family: "Poppins", sans-serif; color: var(--body-color); background: var(--body-background-color); font-weight: 300}
body::after{content:''; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transition: opacity 0.4s;}
body.overlay-fading-out::after {opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s;}
.header-menu-active::after { opacity: 1; visibility: visible}

a {color: var(--green); text-decoration: underline; font-weight: 600; transition: all 0.4s;}
a:hover, a:active, a:focus {text-decoration: none; color: var(--green)}

h1, .h1, h2, .h2, h3, .h3 {font-family: "Bricolage Grotesque", sans-serif;}
h1, .h1 {font-size: 3.0rem; line-height: 3.3rem; font-weight: 800; margin-bottom: 0;}
h2, .h2 {font-size: 2.0rem; line-height: 2.3rem; font-weight: 700; margin-bottom: 10px;}
h3, .h3 {font-size: 1.5rem; line-height: 1.7rem; font-weight: 700; margin-bottom: 10px;} /* TODO: line height? */

ul {list-style-type: none; padding: 0;}
ul li::before {content: '-'; display: inline-block; margin-right: 5px;}
strong {font-weight: 600;}

.has-small-font-size {font-size: 1rem;}
.has-normal-font-size {font-size: 1.3rem;} /* TODO: zamenjaj */
.has-large-font-size {font-size: 3rem;}
/* misc */

.crm-offer-customers ul {list-style: none; padding: 0;}
.crm-offer-customers ul li::before {content: none;}
.crm-offer-customers ul li:not(:last-child)::after {content: ', '}

/* intro */
.offer-intro {padding: 55px 0 40px; color: #fff; background: transparent linear-gradient(90deg, #57C79D 0%, #57C69D 10%, #55C59E 20%, #52C29F 30%, #4FBFA0 40%, #4ABBA2 50%, #45B7A3 60%, #3FB1A5 70%, #38ABA7 80%, #30A4A9 90%, #279DAB 100%) 0% 0% no-repeat padding-box;}
.offer-intro > .container-fluid {min-height: calc(100vh - 95px); display: flex; flex-wrap: wrap}
.offer-intro-left {display: flex; flex-wrap: nowrap; flex: 0 0 50%}
.offer-intro-title {font-family: "Bricolage Grotesque", sans-serif; font-size: 7.0rem; line-height: 1; font-weight: 800; writing-mode: vertical-lr; margin: 0 !important;}
.offer-intro-logo {margin: 0 0 0 7px; flex: 0 0 19px;}
.offer-intro-right {display: flex; flex-wrap: wrap; margin-top: auto; justify-content: flex-end; align-content: flex-start;  flex: 0 0 50%}
.offer-intro-image {flex: 0 0 49px; margin: 0 0 20px;}
.offer-intro-customers {font-size: 2.0rem; line-height: 2.6rem; font-weight: 800; flex: 0 0 100%; text-align: right}
.offer-intro-customers ul {margin: 0;}
.offer-intro-date {font-size: 1.6rem; letter-spacing: 0.4rem;}
/* intro */

/* contacts */
.offer-contacts {margin: 50px 0; font-size: 1.2rem; line-height: 2.0rem;}
.offer-contacts a {color: inherit}
.crm-offer-contacts {display: flex; flex-wrap: wrap}
.crm-offer-contacts-item {flex: 0 0 50%;}
.crm-offer-contacts-item p {margin-bottom: 0;}
.crm-offer-contacts-item a {text-decoration: none; font-weight: inherit}
.crm-offer-contacts-item a:hover, .crm-offer-contacts-item a:active, .crm-offer-contacts-item a:focus {text-decoration: underline}
.crm-offer-contacts-item > p > span {display: inline-block; min-width: 14px;}
/* contacts */

/* title */
.offer-title {margin: 130px 0 60px}
.offer-title .offer-title-logo {margin: 0; max-width: 21px}
.offer-title h1 {color: var(--green); margin: 0;}
/* title */

/* section */
.offer-section {margin: 60px 0;}
.offer-section p, .offer-section ul, .offer-section ol {margin: 0;}
.offer-section-text p:not(:last-child), .offer-section-text ul:not(:last-child), .offer-section-text ol:not(:last-child) {margin-bottom: 30px;}
.offer-section-text h2, .offer-section-text h3 {margin-top: 40px;}
/* section */

/* pricelist */
.crm-offer-pricelist-table td, .crm-offer-pricelist-table th {padding: 0;}
.crm-offer-pricelist-table td.offer-pricelist-text, .crm-offer-pricelist-table th.offer-pricelist-text {padding-right: 5px; width: 100%}
.crm-offer-pricelist-table td.offer-pricelist-price, .crm-offer-pricelist-table th.offer-pricelist-price {padding-left: 5px;}
.crm-offer-pricelist-table td.offer-pricelist-amount, .crm-offer-pricelist-table th.offer-pricelist-amount, .crm-offer-pricelist-table td.offer-pricelist-unit, .crm-offer-pricelist-table th.offer-pricelist-unit {padding-left: 5px; padding-right: 5px;}

.crm-offer-pricelist-table:not(:last-child) {margin-bottom: 90px}
.crm-offer-pricelist-table .table {width: 100%; table-layout: fixed}
.crm-offer-pricelist-table .table td, .crm-offer-pricelist-table .table th {vertical-align: top}
.offer-pricelist-header {border-bottom: 2px solid var(--green)}
.offer-pricelist-header th, .offer-pricelist-total td {font-family: "Bricolage Grotesque", sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--green); padding-top: 5px; padding-bottom: 5px; }
.crm-offer-pricelist-table .table .offer-pricelist-header td, .crm-offer-pricelist-table .table .offer-pricelist-header th {vertical-align: bottom}


.offer-pricelist-row-group-header td:first-child {font-weight: 600;}
.offer-pricelist-row-group-first td {padding-top: 15px;}
.offer-pricelist-row-group-last td {padding-bottom: 15px;}
.offer-pricelist-row-group-first.offer-pricelist-row-group-last + .offer-pricelist-row-group-first.offer-pricelist-row-group-last td {padding-top: 0;}
.offer-pricelist-row-group-first.offer-pricelist-row-group-last:has( + .offer-pricelist-row-group-first.offer-pricelist-row-group-last) td {padding-bottom: 0;}
.offer-pricelist-row-group-header + .offer-pricelist-row-group-first td {padding-top: 0}
.offer-pricelist-header + .offer-pricelist-row-group-header td {padding-top: 15px}
.offer-pricelist-row-group + .offer-pricelist-row-group-header td {padding-top: 10px}
.offer-pricelist-row-group-header-no-rows + .offer-pricelist-row-group-header:not(.offer-pricelist-row-group-header-no-rows) td {padding-top: 25px}
.offer-pricelist-row-group-header-no-rows.offer-pricelist-row-group-header-last td {padding-bottom: 15px}

.offer-pricelist-price {text-align: right; width: 100px;}

.offer-pricelist-management, .offer-pricelist-discount, .offer-pricelist-vat {border-top: 1px solid var(--gray)}
.offer-pricelist-discount td, .offer-pricelist-management td, .offer-pricelist-vat td, .offer-pricelist-hosting-maintenance td {padding: 15px 0;}

.offer-pricelist-total {border-top: 2px solid var(--green)}
.offer-pricelist-total td {padding: 15px 0 0;}

.offer-pricelist-table-end {border-top: 1px solid var(--gray)}
/* pricelist */

/* outro */
.offer-outro {margin-bottom: 60px;}
.offer-outro p {margin: 0;}
.offer-outro-confidential {font-family: "Bricolage Grotesque", sans-serif; font-size: 3.0rem; font-weight: 800; color: var(--light-gray); margin: 60px 0 0 !important; line-height: 1;}
/* outro */

@media (max-width: 575.98px) {
	/* pricelist */
	.offer-pricelist-amount {display: none;}
	/* pricelist */
}

@media (min-width: 576px) {
	/* misc */
	h1, .h1 {font-size: 4.0rem; line-height: 4.5rem}
	h2, .h2 {line-height: 2.3rem}

	/* misc */

	/* intro */
	.offer-intro {padding: 55px 0 50px;}
	.offer-intro > .container-fluid {min-height: calc(100vh - 105px);}
	.offer-intro-title {font-size: 10.0rem;}
	.offer-intro-logo {flex: 0 0 24px; margin: 0;}
	.offer-intro-image {flex: 0 0 67px;}
	.offer-intro-customers {font-size: 2.4rem; margin-bottom: 5px;}
	/* intro */

	/* contacts */
	.offer-contacts {margin: 60px 0;}
	.crm-offer-contacts {flex-wrap: nowrap; justify-content: space-between}
	.crm-offer-contacts-item {flex: 0 1 auto; width: auto}
	/* contacts */

	/* title */
	.offer-title {margin: 170px 0 70px}
	.offer-title .offer-title-logo {max-width: 18px}
	/* title */

	/* section */
	.offer-section {margin: 70px 0;}
	/* section */

	/* pricelist */
	.crm-offer-pricelist-table:not(:last-child) {margin-bottom: 60px}
	.offer-pricelist-mobile-amount {display: none;}
	.offer-pricelist-header th, .offer-pricelist-total td {font-size: 1.6rem}
	.crm-offer-pricelist-table td:not(.offer-pricelist-text), .crm-offer-pricelist-table th:not(.offer-pricelist-text) {width: 90px; text-align: right}
	/* pricelist */

	/* outro */
	.offer-outro {margin-bottom: 70px;}
	.offer-outro-confidential {font-size: 4.0rem; margin: 70px 0 0 !important;}
	.offer-outro-end-date {text-align: right}

	/* outro */
}

@media (min-width: 576px) and (max-width: 1199.98px) {
	/* pricelist */
	.crm-offer-pricelist-table:first-child {margin-top: -20px;}
	/* pricelist */
}

@media (min-width: 768px) {
	/* misc */
	body {font-size: 1.4rem; line-height: 2.4rem;}
	h1, .h1 {font-size: 5.5rem; line-height: 6.0rem;}
	h2, .h2 {font-size: 2.5rem; line-height: 3.0rem;}
	h3, .h3 {font-size: 1.8rem; line-height: 2.0rem;}
	/* misc */

	/* intro */
	.offer-intro-title {font-size: 12.0rem;}
	.offer-intro-image {flex: 0 0 83px;}
	/* intro */

	/* contacts */
	.offer-contacts {margin: 90px 0; font-size: inherit;  line-height: inherit}
	/* contacts */

	/* title */
	.offer-title {margin: 250px 0 90px}
	.offer-title .offer-title-logo {max-width: 24px}
	/* title */

	/* section */
	.offer-section {margin: 90px 0;}
	/* section */

	/* pricelist */
	.offer-pricelist-header th, .offer-pricelist-total td {font-size: 1.8rem}
	.crm-offer-pricelist-table td:not(.offer-pricelist-text), .crm-offer-pricelist-table th:not(.offer-pricelist-text) {width: 105px}
	.crm-offer-pricelist-table td.offer-pricelist-text, .crm-offer-pricelist-table th.offer-pricelist-text {padding-right: 7px;}
	.crm-offer-pricelist-table td.offer-pricelist-price, .crm-offer-pricelist-table th.offer-pricelist-price {padding-left: 7px;}
	.crm-offer-pricelist-table td.offer-pricelist-amount, .crm-offer-pricelist-table th.offer-pricelist-amount, .crm-offer-pricelist-table td.offer-pricelist-unit, .crm-offer-pricelist-table th.offer-pricelist-unit {padding-left: 7px; padding-right: 7px;}
	/* pricelist */

	/* outro */
	.offer-outro {margin-bottom: 110px;}
	.offer-outro-confidential {font-size: 5.5rem; margin: 110px 0 0 !important;}
	/* outro */

}

@media (min-width: 1200px) {
	/* misc */
	body {font-size: 1.6rem; line-height: 2.6rem;}
	h1, .h1 {font-size: 8.0rem; line-height: 8.5rem;}
	h2, .h2 {font-size: 3.0rem; line-height: 3.5rem;}
	h3, .h3 {font-size: 2.2rem; line-height: 2.8rem;}
	/* misc */

	/* intro */
	.offer-intro {padding: 55px 0 60px;}
	.offer-intro > .container-fluid {min-height: calc(100vh - 115px);}

	.offer-intro-title {font-size: 12.4rem;}
	.offer-intro-image {flex: 0 0 63px; margin: 0 0 30px}
	.offer-intro-customers {font-size: 2.8rem;}
	.offer-intro-date {font-size: 1.8rem; letter-spacing: 0.4rem;}
	/* intro */

	/* contacts */
	.offer-contacts {margin: 70px 0;}
	/* contacts */

	/* title */
	.offer-title {margin: 180px 0 110px}
	.offer-title .offer-title-logo {max-width: 33px}
	/* title */

	/* section */
	.offer-section {margin: 110px 0;}
	/* section */

	/* pricelist */
	.offer-pricelist-header th, .offer-pricelist-total td {font-size: 2.0rem; line-height: 2.5rem;}
	.crm-offer-pricelist-table td:not(.offer-pricelist-text), .crm-offer-pricelist-table th:not(.offer-pricelist-text) {width: 155px;}
	.crm-offer-pricelist-table td.offer-pricelist-text, .crm-offer-pricelist-table th.offer-pricelist-text {padding-right: 12px;}
	.crm-offer-pricelist-table td.offer-pricelist-price, .crm-offer-pricelist-table th.offer-pricelist-price {padding-left: 12px;}
	.crm-offer-pricelist-table td.offer-pricelist-amount, .crm-offer-pricelist-table th.offer-pricelist-amount, .crm-offer-pricelist-table td.offer-pricelist-unit, .crm-offer-pricelist-table th.offer-pricelist-unit {padding-left: 12px; padding-right: 12px;}
	.offer-pricelist-row-group-first td {padding-top: 20px;}
	.offer-pricelist-row-group-last td {padding-bottom: 20px;}
	.offer-pricelist-header + .offer-pricelist-row-group-header td {padding-top: 20px}
	.offer-pricelist-row-group + .offer-pricelist-row-group-header td {padding-top: 15px}
	.offer-pricelist-row-group-header-no-rows + .offer-pricelist-row-group-header:not(.offer-pricelist-row-group-header-no-rows) td {padding-top: 35px}
	.offer-pricelist-row-group-header-no-rows.offer-pricelist-row-group-header-last td {padding-bottom: 20px}

	/* pricelist */

	/* outro */
	.offer-outro {margin-bottom: 110px;}
	.offer-outro-confidential {font-size: 8.0rem;}
	/* outro */

}

@media (min-width: 1660px) {
	/* misc */
	h1, .h1 {font-size: 10.5rem; line-height: 11.0rem;}
	h2, .h2 {font-size: 4.0rem; line-height: 4.5rem; margin-bottom: 20px;}
	h3, .h3 {font-size: 2.5rem; line-height: 3.0rem;}
	/* misc */

	/* intro */
	.offer-intro-title {font-size: 16.0rem;}
	.offer-intro-logo {flex: 0 0 32px; margin: 0 0 0 15px}
	.offer-intro-image {flex: 0 0 91px; margin: 0 0 40px;}
	.offer-intro-customers {margin-bottom: 15px;}
	/* intro */

	/* contacts */
	.offer-contacts {margin: 120px 0}
	/* contacts */

	/* title */
	.offer-title {margin: 260px 0 110px}
	.offer-title .offer-title-logo {max-width: 44px}
	/* title */

	/* pricelist */
	.crm-offer-pricelist-table:not(:last-child) {margin-bottom: 75px}
	.offer-pricelist-header th, .offer-pricelist-total td {font-size: 2.5rem}
	.crm-offer-pricelist-table td:not(.offer-pricelist-text), .crm-offer-pricelist-table th:not(.offer-pricelist-text) {width: 105px;}
	.crm-offer-pricelist-table td.offer-pricelist-price, .crm-offer-pricelist-table th.offer-pricelist-price {width: 270px;}

	/* pricelist */

	/* outro */
	.offer-outro-confidential {font-size: 10.5rem; margin: 110px 0 0 !important;}
	/* outro */
}