/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

b,
strong {
  font-weight: normal;
  font-family: "karmina_sans_semibold";
}

a {
  text-decoration: none;
  transition: color 250ms ease;
  font-family: "karmina_sans_semibold";
}

a:hover {
  color: #e12500 !important;
}

h2,
h3 {
  margin-top: 2rem;
}

.infobox,
.aio-icon-component,
.wpb_column > .wpb_wrapper .aio-icon-component {
  margin-bottom: 0 !important;
}

.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner {
  padding-top: 0;
}

.photoSlider-wrap {
  background: white;
  border: 5px solid #989898;
}

.masthead:not(.sub-downwards)
  .main-nav
  .sub-nav
  li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover
  > a,
.masthead:not(.sub-downwards)
  .mini-nav
  .sub-nav
  li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover
  > a,
#bottom-bar
  .sub-nav
  li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover
  > a,
.masthead:not(.sub-downwards)
  .main-nav
  .sub-nav
  li.dt-mega-parent:not(.act):not(.no-link):not(.wpml-ls-item)
  > a:hover,
.masthead:not(.sub-downwards)
  .mini-nav
  .sub-nav
  li.dt-mega-parent:not(.act):not(.no-link):not(.wpml-ls-item)
  > a:hover,
.sub-downwards .sub-nav li:not(.act):not(.wpml-ls-item) > a:hover,
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.has-children.dt-hovered,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover,
.main-nav .dt-hovered a,
.main-nav .dt-hovered a:hover,
a.not-clickable-item:hover,
ul#split_left-menu
  .menu-item
  .has-children
  .dt-hovered
  > .sub-nav
  .menu-item
  a:hover,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a {
  color: #e12500 !important;
}

.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text {
  color: #e12500 !important;
}
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a {
  color: #e12500 !important;
}

.main-nav .dt-hovered a {
  color: #3c3c3c !important;
}

.sub-nav .menu-item.first a .menu-text {
  font-size: 14px !important;
  font-family: "karmina_sans_semibold" !important;
}

button.button,
a.button,
.dt-form button,
#page .widget .dt-form .dt-btn,
.widget .dt-form .dt-btn,
input[type="button"],
input[type="reset"],
.wpcf7-submit,
.nsu-submit,
.dt-wc-btn,
input#place_order,
.woocommerce-Reviews .submit,
input.button,
.cart-btn-below-img .woo-buttons a,
input[name="save_address"],
.wc-layout-list .woo-buttons a,
.post-password-form input[type="submit"],
.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"],
.tml-submit-wrap input[type="submit"],
.wpcf7-form input[type="submit"],
input[type="submit"]:not([name="update_cart"]) {
  background: #e12500;
}

#page button.button:hover,
#page a.button:hover,
#page .dt-form button:hover,
#page #page .widget .dt-form .dt-btn:hover,
#page .widget .dt-form .dt-btn:hover,
#page input[type="button"]:hover,
#page input[type="reset"]:hover,
#page .wpcf7-submit:hover,
#page .nsu-submit:hover,
#page .dt-wc-btn:hover,
#page input#place_order:hover,
#page .woocommerce-Reviews .submit:hover,
#page input.button:hover,
#page .cart-btn-below-img .woo-buttons a:hover,
#page input[name="save_address"]:hover,
#page .wc-layout-list .woo-buttons a:hover,
#page .post-password-form input[type="submit"]:hover,
#page .mc4wp-form input[type="submit"]:hover,
#page div.mc4wp-form button[type="submit"]:hover,
#page .tml-submit-wrap input[type="submit"]:hover,
#page .wpcf7-form input[type="submit"]:hover,
#page input[type="submit"]:not([name="update_cart"]):hover {
  background: #ee8c00;
}

li > ul {
  list-style-type: none !important;
  margin-left: 0 !important;
  padding-left: 0;
}

.wpb_text_column a[target="_blank"]:after {
  content: "\f08e";
  font-family: "Defaults";
  margin-left: 6px;
}

/* header */

.masthead {
  position: absolute;
}

/* DESKTOP */
@media screen and (min-width: 1161px) {
  .masthead {
    top: 40px;
    left: 20px;
    right: 20px;
    margin: 0 auto;
  }

  .mini-widgets {
    position: relative;
  }

  .mini-widgets:before {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #e5e5e5;
    content: "";
    left: 0;
    top: -9px;

    height: 80px;
  }

  .masthead .mini-search {
    position: absolute !important;
    right: 3px;
    top: -29px;
    padding: 0 20px;
  }

  .split-header .header-bar .navigation:last-child > .mini-widgets {
    padding: 0 20px;
  }
}

/* TABLET and MOBILE */
@media screen and (max-width: 1160px) {
  .masthead {
    top: 10px !important;
    left: 10px;
    right: 10px;
  }

  .mobile-navigation {
    position: relative;
  }

  .dt-mobile-menu-icon {
    padding: 14px 10px;
    border-right: 2px solid #e52e06;
    border-radius: 0;
  }

  .mini-search {
    position: relative;
    padding-right: 17px;
    padding-left: 7px;
  }

  .mini-search:before {
    content: "";
    position: absolute;
    top: -17px;
    left: -10px;
    width: 2px;
    height: 50px;
    background-color: #ef8119;
  }

  #footer .wf-container-footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.masthead.full-width {
  max-width: 1440px;
}

.branding > a,
.branding > img {
  padding: 0;
}

.branding a img,
.branding img {
  max-width: 48px;
}

.mobile-header-bar .mobile-branding img {
  max-width: 42px;
}

#split_left-menu {
  justify-content: flex-start;
  padding-left: 10px;
}

#split_right-menu {
  justify-content: flex-end;
  padding-right: 10px;
}

.split-header .header-bar .navigation:last-child > .mini-widgets,
.split-header .widget-box .mini-widgets {
  padding: 0 32px;
}

/* navigation */
.main-nav .current_page_item .menu-text {
  font-family: "karmina_sansbold";
}

/* overview links style */
.menu-item--overview .menu-text {
  font-size: 14px !important;
  font-family: "karmina_sans_semibold" !important;
}

/* footer */
.footer .widget-title {
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 15px;
}

.footer .menu-item {
  line-height: 36px !important;
  border: 0 !important;
}

/* disable border and padding on homepage */
.home #main {
  border-top: 0;
  padding: 0 !important;
  margin-top: 2rem;
}

/* main */
#main {
  border-top: 10px solid #e5e5e5;
}

.wpb_text_column h2 {
  width: 100%;
  background-color: #e12500;
  color: white;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-family: "karmina_sans_semibold";
  padding: 17px 0 12px;
}

/* max the width of the "content-box"-Widget content*/
.wpb_wrapper .ult-content-box-container {
  max-width: 500px;
  margin: 0 auto;
}

.ult-content-box-container,
.ult-content-box {
  /*background-color: white !important;*/
}

/* custom widgets */

/* anker-navigation */
/* custom rows*/
.vc_row-ankernav .wpb_wrapper {
  display: flex;
}

.anker-navigation .widgettitle {
  display: none;
}

.anker-navigation {
  background-color: #ffffff;
  padding: 12px 30px;
  box-shadow: 0 3px 0 0 #e5e5e5;
}

.anker-navigation .menu {
  margin: 0;
  padding: 0;
}

.anker-navigation .menu .menu-item {
  padding: 0;
  line-height: 20px;
  margin: 0;
  border-color: #ebebeb;
  font-family: "karmina_sans_semibold";
}

.anker-navigation .menu .menu-item a {
  padding: 21px 0;
  display: block;

  background-image: url("assets/icons/right.svg");
  background-repeat: no-repeat;
  background-position: right center;
}

.anker-navigation .menu .menu-item a:hover {
  text-decoration: none;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  color: #e12500;
  background-image: url("assets/icons/right_hover.svg");
}

/* @media screen and (min-width: 768px) {
  .wpd_ankernav .vc_column-inner  {
      padding: 0;
  }
} */

/* teaser */
.teaser {
  margin-bottom: 35px;
}

.teaser__image .wpb_content_element,
.teaser__text .wpb_content_element {
  margin: 0;
}

.teaser__image .vc_column-inner {
  padding: 0;
}

.teaser__image .vc_figure,
.teaser__image .vc_single_image-wrapper,
.teaser__image .vc_single_image-img {
  width: 100%;
}

.teaser--image-text {
  display: flex;
  background: #5bb5b9;
  background: -webkit-linear-gradient(90deg, #5bb5b9, #873e92);
  background: linear-gradient(90deg, #5bb5b9, #873e92);
}

.teaser--image-text .teaser__text {
  flex: 1;
  color: #ffffff;

  font-size: 35px;
  line-height: 40px;
  font-family: "karmina_bold";
}

.teaser--image-text .teaser__text {
  flex: 1;
  display: flex;
  align-items: center;
}

.teaser--image-text .teaser__text .vc_column-inner {
  padding: 0 60px;
}

@media screen and (max-width: 767px) {
  .teaser--image-text {
    flex-direction: column;
    margin: 0 auto 35px;
    max-width: 355px;
  }

  .teaser--image-text .teaser__text .vc_column-inner {
    padding: 0 0 100%;
  }

  .teaser__text .wpb_content_element {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 48px;
  }

  .infobox .aio-icon-description {
    width: 100%;
    display: block;
    padding-right: 0;
  }

  .default-icon .aio-icon-header,
  .default-icon .aio-icon-default {
    display: inline-block;
  }

  .default-icon .aio-icon-header {
    float: right;
    margin-top: -2.5rem;
  }
}

/*
  footer menu
*/
#footer .custom-icon {
  margin: 0;
}

.custom-icon a {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "karmina_sans_light" !important;
  text-decoration: none;
}

.custom-icon a:hover {
  text-decoration: none;
}

.custom-icon a i {
  margin-right: 16px;
  font-size: 24px;
}

/*
  Akkordeon
*/
.wpb-js-composer .vc_tta-panel .vc_tta-panel-heading {
  background-color: white !important;
}

/* set color to text and icon*/
.vc_tta-title-text {
  color: #3c3c3c;
}

.wpb-js-composer .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-title-text {
  color: #873e92;
}

.wpb-js-composer
  .vc_tta-panel
  .vc_tta-panel-heading:hover
  .vc_tta-controls-icon-chevron:before {
  border-color: #873e92;
}

.wpb-js-composer
  .vc_tta.vc_tta-accordion
  .vc_tta-controls-icon-position-right
  .vc_tta-controls-icon {
  right: 30px !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
  padding: 35px 30px 36px !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
  padding: 0 30px 36px 30px !important;
}

.vc_tta-panel.vc_active .vc_tta-panel-body {
  border-top: 0 !important;
  background-color: #ffffff !important;
}

.vc_tta-title-text {
  font-size: 16px;
  line-height: 22px;
  font-family: "karmina_sansbold";
}

/* Download list */
.download-list .icon_list_connector {
  display: none !important;
}

.download-list .icon_list_item {
  position: relative;
  background-color: #ffffff !important;
}

.download-list .icon_list_item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;

  background-image: url("assets/icons/download.svg");
  background-position: center;
  background-repeat: no-repeat;
  border-left: 1px solid #f4f4f4;
}

.download-list .icon_list_icon {
  min-height: 120px;
  min-width: 120px;
  background-color: #ffffff !important;
  border: 0 !important;
  border-right: 1px solid #f4f4f4 !important;
}

.download-list .icon_list_icon {
  position: absolute;
}

.download-list .icon_description {
  padding: 37px 159px 39px 39px !important;
}

/* INFO BOX*/

.infobox {
  background-color: #fffac6;
  padding: 15px 20px;
  color: #3c3c3c;
}

.infobox .align-icon {
  text-align: left !important;
  max-width: 32px;
}

@media screen and (min-width: 768px) {
  .infobox .aio-icon-description {
    width: 76.7%;
    display: table-cell;
    padding-right: 13rem;
  }
}

.vc_color-warning.vc_message_box {
  color: #3c3c3c;
  border-color: #fffac6;
  background-color: #fffac6;
}

#footer .widget .widget-info {
  white-space: pre-wrap;
  margin-top: 23px;
}

.vc_figure-caption {
  background-color: #ffffff;
  padding: 15px 20px;
  font-size: 14px !important;
  line-height: 20px;
  color: #242424;
  margin: 0 !important;
  border-bottom: 3px solid #e8e8e8;
  letter-spacing: 0.4px;
  font-family: "karmina_sans_light";
}

/* CUSTOM FONTS */

@font-face {
  font-family: "karmina_bold";
  src: url("fonts/karminabold-webfont.woff2") format("woff2"),
    url("fonts/karminabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "karmina_sansbold";
  src: url("fonts/karminasans_bold-webfont.woff2") format("woff2"),
    url("fonts/karminasans_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "karmina_sans_light";
  src: url("fonts/karminasans_light-webfont.woff2") format("woff2"),
    url("fonts/karminasans_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "karmina_sans_regular";
  src: url("fonts/karminasans_regular-webfont.woff2") format("woff2"),
    url("fonts/karminasans_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "karmina_sans_semibold";
  src: url("fonts/karminasans_sb-webfont.woff2") format("woff2"),
    url("fonts/karminasans_sb-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

#footer.solid-bg {
  background: #e5e5e5 none repeat center top;
}

.split-header .navigation:first-of-type {
  order: 3;
}

.split-header .navigation:last-of-type {
  order: 2;
}

.split-header .navigation {
  flex: 1 1 50%;
}

.split-header .branding {
  order: 2;
  padding-left: 1rem;
}

@media screen and (min-width: 1161px) {
  .mini-widgets:before {
    display: none;
  }
  #split_left-menu {
    padding-right: 15px;
  }
}

.vc_wp_custommenu {
  margin-bottom: 0;
}

.main-nav > li > a {
  margin: 15px 10px 10px 10px;
}

.split-header .branding {
  padding-top: 12px;
}

#main {
  border-top: 0;
}

.footer-link-bottom {
  margin-left: 2rem;
}

.vc_active .vc_tta-title-text {
  color: #873e92;
}

.g-recaptcha {
  margin-bottom: 1rem;
}

.vc_message_box {
  margin-top: 1rem;
}

body.search-results .entry-meta {
  display: none;
}

@media screen and (max-width: 1160px) {
  html,
  body,
  body.page,
  .wf-container > * {
    font-size: 18px;
    line-height: 1.6;
  }

  #footer .wf-container-footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mobile-main-nav > li > a {
    padding: 0.5rem;
  }

  .dt-mobile-header {
    width: 90vw;
  }

  .dt-mobile-header {
    padding: 30px 15px 0;
  }

  .show-mobile-header .dt-close-mobile-menu-icon {
    left: calc(90vw - 30px);
  }

  .footer .widget-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .footer .widget,
  .footer .tp_recent_tweets li {
    line-height: 1.6;
  }

  .masthead .mini-search .field {
    top: 44px;
    width: 80vw;
  }
}

.page-title {
  min-height: 0;
}

@media screen and (min-width: 0) {
  .page-title .wf-table {
    height: 270px;
  }

  .wf-td.hgroup {
    margin-top: -42px;
  }
}

@media screen and (min-width: 1161px) {
  .page-title .wf-table {
    height: 270px;
  }

  .wf-td.hgroup {
    margin-top: 68px;
  }
}

@media screen and (min-width: 768px) {
  .vc_column_container > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.page-title.gradient-bg {
  background: linear-gradient(90deg, #e12500, #ee8c00);
}

#split_left-menu {
  justify-content: flex-end;
}

/*#split_left-menu.main-nav :not(.sub-nav) li.first {*/
#split_left-menu.main-nav > li.first {
  position: absolute;
  left: 5px;
  bottom: 0;
}

#site-title {
  clip: auto;
  line-height: 2;
  font-size: 2rem;
  font-weight: 700;
  margin-left: 5rem;
  top: 0;
}

.masthead:not(.side-header) .header-bar .main-nav > li > a.not-clickable-item,
.masthead:not(.side-header).full-height
  .header-bar
  .main-nav
  > li
  > a.not-clickable-item {
  cursor: pointer;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-31.first,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-32 {
  top: -50px;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-31.first
  > a
  .menu-text,
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-32
  > a
  .menu-text {
  color: #000;
}

.light-icons .mini-search .submit:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23000000' d='M0.5,6.689c0,3.415,2.77,6.187,6.187,6.187c1.47,0,2.822-0.518,3.883-1.375l3.807,3.806c0.257,0.259,0.511,0.161,0.771-0.098c0.256-0.26,0.418-0.578,0.162-0.835l-3.808-3.805c0.854-1.062,1.372-2.412,1.372-3.883c0-3.417-2.769-6.187-6.188-6.187C3.269,0.501,0.5,3.272,0.5,6.689z M1.653,6.703c0-2.786,2.265-5.05,5.049-5.05c2.787,0,5.05,2.263,5.05,5.05s-2.262,5.049-5.05,5.049C3.917,11.752,1.653,9.487,1.653,6.703z'/%3E%3C/svg%3E");
}

.shortcode-single-caption {
  line-height: 2;
  color: #3e3e3e;
  background-color: white;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .aio-icon-header + .aio-icon-description {
    margin-top: -63px !important;
  }

  .infobox .aio-icon-description {
    width: 100%;
    display: block;
    padding: 0 2rem 0 5rem !important;
  }

  .default-icon .aio-icon-header {
    float: left !important;
    margin-top: 0 !important;
    margin-left: 10px !important;
  }
}