@charset "UTF-8";
:root {

}

img {
  max-width: 100%;
  height: auto;
}

[data-bs-theme=light] {
  --bs-body-font-size: 17px;
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.3em;
}

body .pagination {
  --bs-pagination-active-bg: #023a7a;
  --bs-pagination-active-border-color: #023a7a;
  --bs-pagination-color: var(--bs-body-color);
}

body.domain-localhost header .header-color, body.domain-skycadlocal header .header-color  {
  background: #6610f2;
}

body.domain-localhost .toolbar .toolbar-bar, body.domain-skycadlocal .toolbar .toolbar-bar {
  background: #6610f2;
}

body.domain-test header .header-color {
  background: #038f2f;
}

body.domain-test .toolbar .toolbar-bar {
  background: #038f2f;
}

body.domain-new header .header-color {
  background: #c29b37;
}

body.domain-new .toolbar .toolbar-bar {
  background: #c29b37;
}

body.domain-staging header .header-color {
  background: #1fa3c1;
}

body.domain-staging .toolbar .toolbar-bar {
  background: #1fa3c1;
}

/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/***********************
laptop
***********************/
@media (max-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    padding: 0 70px;
  }
}

/*****************
Tablettte
 */
@media (max-width: 1200px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    padding: 0 50px;
  }

}

/*****************
Telephone
 */
@media (max-width: 991px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    padding: 0 20px;
  }
}


body {
  overflow-x: hidden;
}

.btn, .btn_cancel, .btn_download,.node-preview-container .node-preview-backlink, a.button, .button, button.link  {
  background-color: #2c2c2c;
  color: #fff;
  border: 1px solid;
  padding: 13px 30px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  letter-spacing: 1px;
  text-wrap: nowrap;
  width: auto;
  transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
}

.btn_cancel, .btn_download {
  color: #fff!important;
  text-decoration: none!important;
}


.btn:hover, .btn_cancel:hover, .btn_download:hover, .node-preview-container:hover .node-preview-backlink:hover, a.button:hover, .button:hover, button.link:hover   {
  background-color: transparent;
  color: #2c2c2c;
  border-color: #2c2c2c;
  text-decoration: none!important;
}

.btn_cancel:hover, .btn_download:hover {
  color: #2c2c2c!important;
}

.menu-local-actions .button {
  padding-top: 9px;
  padding-bottom: 9px;
}

h1,h2,h3  {
  font-family: "Saira", sans-serif;
  font-weight: 700;
}


h2.decoration_h {
  position: relative;
  margin-top: 20px;
}

h2.decoration_h:before {
  width: 160px;
  height: 10px;
  background: #e2ba5b;
  top: -17px;
  position: absolute;
  content: "";
}

h2.decoration_v {
  position: relative;
  padding: 5px 30px 5px;
}

h2.decoration_v:before {
  content: '';
  position: absolute;
  left: 0;
  width: 15px;
  top: 5%;
  height: 100%;
  background-color: #E2BA5B;
}



h4  {
  font-family: "Saira", sans-serif;
  font-weight: 600;
}

.backgroud-dark {
  background: #2C2C2C;
}


.breadcrum-container .views-exposed-form {
  padding-top: 2rem;
}

main .page-content-wrapper .region-content {
  padding: 0;
}

.region-sidebar-first .flex-md-row {
  flex-direction: column !important;
}

.btn-primary {
  --bs-btn-bg: #2c2c2c;
  --bs-btn-border-color: #2c2c2c;
}

.node-form .form-actions {
  text-align: left;
}


.pager {
  display: flex;
  justify-content: flex-end;
}

.pager li[class^="page-item pager__item"] a {
  color: #023a7a;
}

article li {
  margin-bottom: 1em;
}

b, strong {
  font-weight: bold;
}

/* h1 title when this is not in a paragrpah component */
#block-skycad-page-title, .user-welcome-block{
  padding-top: 80px;
}

.skycad_content_page {
    margin-top: 80px;
}

/*.nav-tabs .nav-link, .media-library-view--widget .view-header .nav-link, .media-library-view--widget .view-header a {*/
/*  border-top-left-radius: unset;*/
/*  border-top-right-radius: unset;*/
/*  border: unset;*/
/*}*/

p, article ul {
  margin-bottom: 1.2em;
}

.paragraph a {
  font-weight: 700;
  color: #023a7a;
  text-decoration: none;
}

.paragraph a:hover {
  text-decoration: underline;
}

/* breadcrum */
.block-system-breadcrumb-block{
  padding: 22px 0 0 0;
}

.breadcrumb {
  font-weight: 600;
}


.form-type-textfield {
  padding-right: 16px ;
}

.form-type-select {
  padding-right: 16px ;
}

.form-control {
  border-radius: unset;
  border: 1px solid #000000
}

.form-wrapper .form-submit:not(.js-hide) {
  padding: 11px 35px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 21.15px;
  letter-spacing: 0.1em;
  text-wrap: nowrap;
  margin-top: 25px;
  --bs-btn-disabled-bg: #000000;
  --bs-btn-hover-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-border-color: #000000;
}

.form-wrapper .button.dialog-cancel {
  margin-top: 25px;
}

/*.form-wrapper .form-submit:hover, .form-wrapper .form-submit:focus{*/
/*  background-color: black;*/
/*  color: white;*/
/*}*/

.field--name-field-subscription-packages .tabledrag-toggle-weight-wrapper {
  display: none;
}

.field--name-field-subscription-packages .add-above-off {
  display: none;
}

.field--name-field-subscription-packages .clearfix .paragraphs-add-wrapper input {
    --bs-btn-hover-bg: unset;
}

.table {
  --bs-table-border-color: black;
}

tbody, tfoot, td, thead {
  border-color: #646565;
}

.views-table .table-dark {
  --bs-table-bg: #444343;
}

.views-field-title a {
  text-decoration: none;
  color: #000000;
}

.views-field-edit-node a {
  text-decoration: none;
  color: #000000;
}

.card {
  --bs-card-border-width: unset;
  --bs-card-border-color: unset;
  --bs-card-border-radius: unset;
}

.table{
  margin: 0 !important;
}

input:focus, textarea:focus, select:focus{
  box-shadow: none !important;
  border-color: #000000 !important;
}

/* remove the little "edit" pen in admin */
.contextual .trigger{
  display: none !important;
}

article .media--type-remote-video {
  position: relative;
  display: inline-block;
}

article .media--type-remote-video a::after {
  content: "";
  position: absolute;
  width: 82px;
  height: 81px;
  background-image: url('../images/play-icon.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}

.gslide-description {
    display: none;
}

/********************************
2 columns text
*/
.two-column-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;
}

.about-mission {
  margin-top: 70px;
}

.about-mission .two-column-text {
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px 100px;
}


.about-mission .two-column-text {
  grid-template-columns: 1.8fr 1fr;
  grid-gap: 150px;
}

.about-mission .two-column-text  .column2 h4 {
  border-left: 10px solid #e2ba5b;
  padding-left: 35px;
  font-size: 45px;
  line-height: 1em;
  margin: 0;
  padding-top : 0.5em;
  padding-bottom: 0.5em;
}

.about-mission .two-column-text  .column2 h4:first-child {
  padding-top: 0;
}

.about-mission .two-column-text  .column2 h4:last-child {
  padding-bottom: 0;
}

/*body.domain-beta div#block-skycad-tabs li.nav-item:has(a[href$="/orders"]) {*/
/*  display: none;*/
/*}*/
/*body.domain-beta:has(div[id="toolbar-administration"]) div#block-skycad-tabs li.nav-item:has(a[href$="/orders"]) {*/
/*  display: list-item;*/
/*}*/

/*body.domain-beta #skycad-pricing-form .pro-btn, body.domain-beta #skycad-pricing-form .advanced-btn {*/
/*  display: none;*/
/*}*/

/*body.domain-beta .views-field-license-operations .renew-link, body.domain-beta .views-field-license-operations .upgrade-link {*/
/*  display: none;*/
/*}*/

/*body.domain-beta #skycad-pricing-form .advanced-btn, body.domain-beta #skycad-pricing-form .pro-btn {*/
/*  display: none;*/
/*}*/

.ck-powered-by { display: none; }

form.profile-form div.form-item-field-promo-end-date-0-value-time,
form.profile-form div.form-item-field-next-step-date-0-value-time {
  display: none;
}

.column-number {
  text-align: right;
}

/* invoice */
.invoice-logo {
  border-top: 1px solid #2c2c2c;
  border-bottom: 1px solid #2c2c2c;
  padding:20px 0;
  margin-bottom: 20px;
}


.invoice-header {
  display: flex;
  justify-content: space-between;
}

.invoice-customer-information {
  margin: 20px 0;
}

.invoice-order-information {
  margin: 20px 0;
}

.invoice-order-information .text-us-dollar {
  text-align: right;
}

.invoice-store {
  margin: 20px 0;
}

.invoice-footer {
  display: flex;
  justify-content: space-between;
}

.print-btn {
  text-align: right;
}

.print-btn button{
  background: none;
  font-size: 23px;
  border: none;
}

.node__content_support_ticket .field--type-text-with-summary, .node__content_support_ticket .field--name-field-steps-to-reproduce{
    border: 1px solid var(--bs-border-color);
    padding: 10px;
    margin: 10px 0;
}

/* All-tickets form view. */
form#views-exposed-form-tickets-page-1 > div.form--inline {
    flex-wrap: wrap;
    align-items: start;
}

form#views-exposed-form-tickets-page-1 > div.form--inline > fieldset,
form#views-exposed-form-tickets-page-1 > div.form--inline > div.form-item {
    vertical-align: top;
    width: 30%;
}
form#views-exposed-form-tickets-page-1 > div.form--inline > fieldset > legend,
form#views-exposed-form-tickets-page-1 > div.form--inline > div.form-item > label {
	font-weight: bold;
}
form#views-exposed-form-tickets-page-1 > div.form--inline > fieldset select.form-select[multiple] {
	max-height: 6em;
}

@media print {
  header {
    display:none;
  }

  .user-account-contain > h2 {
    display: none;
  }

 .block-local-actions-block {
   display: none;
 }

  .paragraph-page-title {
    display: none;
  }

  .print-btn {
    display: none;
  }

  body {
    /*font-size: 12pt;*/
    /*margin: 1cm;*/
  }

  .no-print {
    display: none;
  }

  .page-break {
    page-break-before: always;
  }

  html, body {
    height: auto !important;
    overflow: visible !important;
  }

  footer {
    display: none;
  }
}
