.node--type-simplenews-issue table,
.node--type-simplenews-issue tr,
.node--type-simplenews-issue>div.node__content>.preview_swiftmailercontent_outside>.preview_swiftmailercontent_inside,
.node--type-simplenews-issue td {
  border-width: 0;
  background: transparent;
}

.node--type-simplenews-issue>div.node__content>.preview_swiftmailercontent_outside>.preview_swiftmailercontent_inside {
  background: white;
}

.node--type-simplenews-issue>div.node__content {
  background: #f0f0f0;
  padding-top: 1em;
  padding-bottom: 1em;
}

.node--type-simplenews-issue>div.node__content>.preview_swiftmailercontent_outside {
  width: 600px;
  margin: auto;
}

.paragraph--type--paragraph-newsletter-banner,
.paragraph--type--paragraph-newsletter-banner tbody,
.paragraph--type--paragraph-newsletter-banner tr,
.paragraph--type--paragraph-newsletter-banner td,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner tbody,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner tr,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner td,
.node--type-simplenews-issue>div.node__content>.preview_swiftmailercontent_outside>.preview_swiftmailercontent_inside,
.node--type-simplenews-issue>div.node__content>.preview_swiftmailercontent_outside>.preview_swiftmailercontent_inside>table.field--name-field-body-paragraphs>tbody>tr>td {
  margin: 0;
  padding: 0;
  border: 0;
}

.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner tbody,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner tr,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner td,
.paragraph--paragraph-newsletter-banner,
.paragraph--paragraph-newsletter-banner tbody,
.paragraph--paragraph-newsletter-banner tr,
.paragraph--paragraph-newsletter-banner td {
  padding: 0 !important;
}

.paragraph--type--paragraph-newsletter-banner .field--name-field-paragraph-link a {
  padding-left: 10px;
}

.simplenews-newsletter-header table+table p {
  font-size: 1.8em;
  position: relative;
  top: 1.8em;
}

.node--type-simplenews-issue table+div a {
  font-weight: 700;
  font-size: 1.2em;
}

.node--type-simplenews-issue .simplenews-newsletter-footer {
  background: var(--politechnika-primary-color) !important;
  color: #ffffff !important;
  margin-top: 50px;
  font-size: 0.8em;
  font-weight: bolder;
}

.node--type-simplenews-issue .simplenews-newsletter-social {
  width: 60%;
  margin: auto;
  border-bottom: white solid 5px;
}

/* Previous css is a for preview purpose */

/* This css i a copy of css from newsletter mail */
.field--paragraph--field-paragraph-related--paragraph-newsletter-related,
.field--paragraph--field-paragraph-related--paragraph-newsletter-related table,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner,
.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner img,
.field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners,
.field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners a,
.field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners table,
.simplenews-newsletter-header,
.simplenews-newsletter-social,
.paragraph--paragraph-newsletter-banner,
.paragraph--paragraph-newsletter-text,
.node--page--email-html,
.node--article--email-html,
.node--page--email-html img,
.node--article--email-html img,
.node--page--email-html table,
.node--article--email-html table {
  background-color: #FFFFFF;
}

.paragraph--paragraph-newsletter-banner table+div a {
  color: var(--politechnika-primary-color) !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 1.2em;
}

.field--paragraph--field-paragraph-related--paragraph-newsletter-related table tr td+td {
  padding-left: 20px;
}

.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner img {
  width: 100%;
  height: auto;
}

.field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners a {
  font-weight: 700;
  font-size: 1.2em;
}

.field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners tr td div img {
  width: 100%;
  height: auto;
}

.field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners tr td div img,
.node--page--email-html img,
.node--article--email-html img {
  border-top: solid 3px var(--politechnika-primary-color);
}

.simplenews-newsletter-footer {
  background: var(--politechnika-primary-color) !important;
  color: #ffffff !important;
  margin-top: 50px;
  font-size: 0.8em;
  font-weight: bolder;
}

.simplenews-newsletter-footer p,
.simplenews-newsletter-footer p a {
  color: #ffffff;
}

.simplenews-newsletter-header {
  border-bottom: var(--politechnika-primary-color);
  border-bottom-width: 3px;
  border-bottom-style: solid;
  padding: 1em;
}

.simplenews-newsletter-header tr {
  width: 100%;
}

.simplenews-newsletter-header tr td {
  width: 50%;
}

.simplenews-newsletter-header tr td img {
  width: 89%;
}

.simplenews-newsletter-header tr td p {
  font-size: 1.8em;
  color: #7e7e7e;
}


.simplenews-newsletter-footer a {
  color: #c1bebf !important;
}

.simplenews-newsletter-footer tr {
  box-sizing: border-box;
}

.simplenews-newsletter-footer tr td {
  text-align: left;
}

.simplenews-newsletter-footer table {
  padding: 10px;
}

.simplenews-newsletter-content {
  padding: 10px;
  font-size: 1.1em;
}

.simplenews-newsletter-social {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.simplenews-newsletter-social img {
  height: 30px;
  filter: invert(40%);
}

.field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner img {
  width: 100%;
  height: auto;
}

.simplenews-newsletter-header,
.paragraph--paragraph-newsletter-banner,
.paragraph--paragraph-newsletter-text {
  width: 280px;
  height: auto;
}

.node--page--email-html table,
.node--article--email-html table {
  padding-top: 10px;
  padding-left: 0;
}

.node--page--email-html table+table,
.node--article--email-html table+table {
  padding-top: 0;
  padding-left: 10px;
}

.node--page--email-html .email-wrap-link,
.node--article--email-html .email-wrap-link {
  color: #000000 !important;
  text-decoration: none !important;
}
.node--article--email-html table+table .node__title {
  font-size: 18px;
}

.node--article--email-html table,
.node--page--email-html table,
.field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners table,
.simplenews-newsletter-social,
.simplenews-newsletter-footer,
.simplenews-newsletter-footer table {
  width: 280px;
}

.node--article--email-html table,
.node--page--email-html table {
  width: 240px;
}

.node--article--email-html table+table,
.node--page--email-html table+table {
  width: 320px;
}

.node--page--email-html img,
.node--article--email-html img {
  width: 240px;
  height: auto;
}

.swiftmailercontent_outside {
  width: 100%;
  background: #F0F0F0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.swiftmailercontent {
  margin: auto;
}

@media only screen and (min-device-width: 351px) {
  .field--name-field-body-paragraphs tr {width: 300px !important; max-width: 300px}
  .node--article--email-html table,
  .node--page--email-html table,
  .field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners table,
  .simplenews-newsletter-footer table,
  .simplenews-newsletter-header table
  {
    width: calc(50% - 13px)
  }
  .field--paragraph--field-paragraph-related--paragraph-newsletter-related table tr td {
    width: 50%;
  }

  .field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners tr td {
    padding-top: 10px;
  }

  .paragraph--paragraph-newsletter-text .paragraph--type--paragraph-newsletter-text {
    padding-left: 10px;
  }
  .field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner + div a {
    padding-left: 10px;
    padding-top: 10px;
  }

  .field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners{
    padding-left: 26px;
  }

  .simplenews-newsletter-header,
  .paragraph--paragraph-newsletter-banner,
  .simplenews-newsletter-social,
  .simplenews-newsletter-footer,
  .paragraph--paragraph-newsletter-text {
    width: 100%;
  }
  .simplenews-newsletter-social {
    padding-left: 40px;
    padding-right: 40px;
  }
  .simplenews-newsletter-social a {
    margin: 0 0px;
  }

}

@media only screen and (max-device-width: 414px) {
  .node--page--email-html img,
  .node--article--email-html img {
    width: unset;
    height: auto;
  }
}


@media only screen and (min-device-width: 601px) {
  .field--name-field-body-paragraphs tr {
    width: 600px !important;
    max-width: 600px
  }

  .swiftmailercontent {
    width: 600px !important;
    max-width: 600px
  }

  .simplenews-newsletter-header>tbody>tr>td td,
  .simplenews-newsletter-footer>tbody>tr>td td {
    padding: auto 10px auto 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .field--name-field-body-paragraphs>tbody>tr>td td {
    padding: auto 10px auto 10px;
    padding-right: 10px;
  }

  .paragraph--paragraph-newsletter-banner td,
  .field--paragraph--field-paragraph-media-image--paragraph-newsletter-banner td {
    padding-right: 0px !important;
  }

  .simplenews-newsletter-social {
    padding-left: 130px;
    padding-right: 130px;
  }

  .simplenews-newsletter-social td {
    width: unset !important;
  }

  .node--article--email-html,
  .node--page--email-html {
    padding-left: 20px;
  }

  .simplenews-newsletter-header table {
    width: 260px;
  }

  .simplenews-newsletter-header tr td img {
    width: 280px;
  }

  .simplenews-newsletter-header table+table td {
    padding-top: 30px;
  }

}

/* For preview */
.paragraph--paragraph-newsletter-banner {
  width: 600px !important;
  margin: auto;
}

@media only screen and (min-device-width: 351px) {
  
  .field--paragraph--field-paragraph-banners--paragraph-newsletter-two-banners table,
  .simplenews-newsletter-footer table,
  .simplenews-newsletter-header table
  {
    width: calc(50% - 13px)
  }

  
  
  .node--article--email-html table,
  .node--page--email-html table {
    width: calc(40% - 13px)
  }
  .node--article--email-html table + table,
  .node--page--email-html table + table {
    width: calc(60% - 13px)
  }
}

.node--view-mode-email-html .field--name-field-summary p {
  font-size: initial !important;
  font-weight: initial !important;
}