/*
Theme Name: 	NEBLIK DESIGN
Theme URI: 		www.neblik.com
Author: 		David Neblik, M.Sc., B.A.
Author URI: 	www.neblik.com
Description:	NEBLIK
Template:		betheme
Version: 		1.0.1.3
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/*Main*/

:root {
  --ncolor01: black;
  --ncolor02:#ff4349;
  --ncolor03:#F7F7F7;
  --ncolor04:#FFFFFF;
  --ncolor05:#C1C1C1;
  --ncolor06:#272727;
  --ncolor07:#171717;
  --ncolor08:#0F1015;
}



#Top_bar .text-logo #logo {
font-weight: 900;
font-size: 32px;
letter-spacing: 10px;
padding-right:40%;
text-transform: uppercase;
}

body {
    background-color: black;
    color: white !important;
}

a {
  text-decoration:none !important;

}

a:hover {
  text-decoration:none !important;
}

.section {
position: relative;
background-color: black;
}

body:not(.template-slider) #Header {
min-height: 20px !important;
}

.action-button {background-color:#ff4349 !important;}

/*Calendly*/
._cUP1np9gMvFQrcPftuf.xahN8AEzyAvQtVj17TPv {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

._3efP_GeH5kyBAzqnLzL._kN_bCa3VNYpqFLH311L {
  max-width: 9999px!important;
}

._3efP_GeH5kyBAzqnLzL.w_Mtb2W9166EgOSv9i3M {
  width: 100% !important;
  border: 0px solid var(--text-color-level3,rgba(26,26,26,0.1))!important;
  border-radius: 0px !important;
  box-shadow: none !important;
}

/*==============Portfolio Overlay===============*/


    img.scale-with-grid, #Content img {
    max-width: 100%;
    height: auto;

    }

    img.scale-with-grid, #Content img:hover {
    max-width: 100%;
    height: auto;
    }

    .image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
	color:black;
    background: white !important;
    }

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {
  color:var(--ncolor02) !important;
}

    .entry-title :before{
    color: #fff;
    position:relative;
    z-index:2;
}


.mainportfoliosection {}

.mainportfoliosection img {
  filter: grayscale(0%) opacity(1) brightness(100%) contrast(100%) !important;
-webkit-filter: grayscale(0%) opacity(1) brightness(100%) contrast(100%)!important;
}

  .portfolio_group.masonry-flat .portfolio-item .image_frame {
  border: 15px solid white !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  }

  .image_frame .image_wrapper .image_links a:hover {
  background: white;
  color: black;
  }



/*Owned*/

.mhb-view.desktop.sticky {
   background-color: transparent;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
		    transition:.6s ease;
}

.mhb-view.desktop.sticky:hover {
   background-color: #000;
	    transition:.6s ease;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
}

.spacihead {
padding-top: 120px;
padding-left:40px;
padding-bottom: 60px;
font-size: 42px !important;
width: 60%;
letter-spacing: 1px;
color:white;
}

.spaciheadblack {
padding-top: 10px;
padding-left:10px;
padding-bottom: 20px;
font-size: 2em !important;
width: 100%;
letter-spacing: 1px;
color:black;
}

.spacitextblack {
padding-top: 10px;
padding-left:40px;
padding-bottom: 60px;
font-size: 1em !important;
font-weight:400px;
letter-spacing: 1px;
color:black !important;
}

.ctahead {
padding-top: 10px;
padding-left:10px;
padding-bottom: 20px;
font-size: 2em !important;
width: 100%;
letter-spacing: 1px;
color:var(--ncolor04) !important;
}

.ctabox {
  border: none;
  padding: 50px;
}

.ctatext {
padding-top: 10px;
/*padding-left:40px;*/
padding-bottom: 20px;
font-size: 1.2em !important;
line-height: 1.4em!important;
font-weight:400px;
letter-spacing: 1px;
color:var(--ncolor04) !important;
}

.ctahead a {
  color:var(--ncolor01) !important;
  background-color: var(--ncolor02);
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0.2em 0.2em 0.2em 0.2em;
}


.spacitextwhite {
padding-top: 10px;
padding-left:40px;
padding-bottom: 60px;
font-size: 2em !important;
font-weight:400px;
letter-spacing: 1px;
color:var(--ncolor04) !important;
}

.spacitextwhite .nebliksn {
  color:var(--ncolor04) !important;
}

/*==========INTRO*=========*/

#intro {background-color:white; border: solid black 40px;}

#prologoverlay {position:relative;}

#prologoverlay:before {
  background: rgba(225,6,0,1.0) !important;
  mix-blend-mode: multiply !important;
  z-index: 20;}


/*============Mobil=============*/

@media only screen and (max-width: 767px) {
.mobile-header-mini.mobile-mini-ml-ll #Top_bar a.responsive-menu-toggle {
    right: auto;
    background-color: black !important;
    color: white!important;
}

.spacihead {
padding-top: 20px;
padding-left: 0px;
padding-bottom: 40px;
font-size: 2em !important;
line-height: 1.0em !important;
text-transform: uppercase;
width: 100%;
letter-spacing: 1px;
}

.portfolio_group .portfolio-item {
width: 45%!important;
margin: 0 0px 0px!important;
float: left;
border:black solid 5px;
}

body:not(.template-slider):not(.header-simple) #Header {
min-height: 150px;
background-position: center 202px;
}

.mobile-header-mini #Top_bar a.responsive-menu-toggle {
    top: 30px!important;
    left: auto;
    right: 0px;
    margin-top: -17px;
}

.mhb-view.full_width .mhb-row-wrapper {
    max-width: 100%!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
  color: white;
  background-color: black;
}
}

}

/*============Input / FORM===============*/

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"] {
  color: #bcbcbc;
  background-color: transparent;
  border-color: #1a1a1a;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  border-width: 2px !important;
  font-size:20px;
}

input[type="text"], input[type="email"], textarea {color: black;
background-color: transparent;
border-bottom: white solid 2px;
border-top: 0px;
border-left: 0px;
border-right:0px;
color:white;}


/*=======Buttons=============*/

.wpcf7 input[type="submit"]  {
  background-color:black;
  color:white;
  -webkit-animation: scale-up-center 0.4s linear ;
	        animation: scale-up-center 0.4s linear ;
          border-radius: 0px 0px 0px 0px;
          text-transform:uppercase;
          border: solid white 4px;
          font-weight:900;
        }

.wpcf7 input[type="submit"]:hover  {
          background-color:white;
          color:black;
          -webkit-animation: scale-up-center 0.4s linear ;
	        animation: scale-up-center 0.4s linear ;
            border-radius: 0px 0px 0px 0px;
            border: solid Black 4px;
            text-transform:uppercase;
          }

.ndbutton01 {
  font-family: "Roboto Localh", Tahoma, sans-serif !important;
  background-color: var(--ncolor01)!important;
  color:var(--ncolor04) !important;
  border:2px solid var(--ncolor02)!important;
border-radius:0px;
font-weight:bold;
transition: all 0.5s;
font-size:1.0em;}

.ndbutton01:hover {
  	font-family:"Roboto Localh", Arial, Tahoma, sans-serif !important;
  	background-color:var(--ncolor01)!important;
  	color: var(--ncolor04)!important;
  border:2px solid var(--ncolor04)!important;
  border-radius:0px;
font-weight:bold;
transition: all 0.5s;
font-size:1.0em;}

.ndbutton01 .button-default .button_theme, .button-default button, .button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"], .button-flat .button_theme, .button-flat button, .button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"], .button-round .button_theme, .button-round button, .button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button:not(.default), .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  font-family: "Roboto Localh", Tahoma, sans-serif !important;
  border:0px;
border-radius:0px;
font-weight:bold;
transition: all 0.5s;
font-size:1.0em !Important;}


.ndbutton02 {
  	font-family:"Roboto Localh", Arial, Tahoma, sans-serif !important;
  	background-color:black;
  	color:white;
  	border:0px;
  border-radius:0px;
font-weight:bold;
text-transform: uppercase;
transition: all 0.5s;
font-size:1.0em;}

.ndbutton02:hover {
  	font-family:"Roboto Localh", Arial, Tahoma, sans-serif !important;
  	background-color:white;
  	color:black;
  	border:2px solid black;
  border-radius:0px;
font-weight:bold;
transition: all 0.5s;
text-transform: uppercase;
font-size:1.0em;}

.ndbutton03 {
  font-family: "Roboto Localh", Tahoma, sans-serif !important;
  background-color: var(--ncolor04)!important;
  color:var(--ncolor01) !important;
  border:2px solid var(--ncolor04)!important;
border-radius:0px;
font-weight:bold;
transition: all 0.5s;
font-size:1.0em;}

.ndbutton03:hover {
  	font-family:"Roboto Localh", Arial, Tahoma, sans-serif !important;
  	background-color:var(--ncolor01)!important;
  	color:var(--ncolor04)!important;
  border:2px solid var(--ncolor02)!important;
  border-radius:0px;
font-weight:bold;
transition: all 0.5s;
font-size:1.0em;}



.ndcta01 {
  font-family: "Roboto Localh", Tahoma, sans-serif !important;
  color:var(--ncolor04) !important;
  text-decoration: underline 2px solid var(--ncolor02)!important;
	text-underline-offset: 10px;
border-radius:0px;
font-weight:bold;
transition: all 0.5s;
font-size:1.0em;}


.ndghost {
  font-family: "Roboto Localh" !important;
  background-color: transparent !important;
  color:var(--ncolor03) !important;
  border:2px solid var(--ncolor03)!important;
	 backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
border-radius:0px;
font-weight:bold;
transition: all 0.5s;
font-size:1.0em;}

.ndghost:hover {
  font-family: "Roboto Localh" !important;
  background-color: var(--ncolor01) !important;
  color:var(--ncolor03) !important;
  border:2px solid var(--ncolor01)!important;
border-radius:0px;
font-weight:bold;
transition: all 0.5s;
font-size:1.0em;}

.button-default .button, .button-default button, .button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"] {
border: none;
border-radius: 0px !Important;
letter-spacing:2px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.03),inset 0px 4px 3px -2px rgba(0,0,0,.07);
}

.neblikname {
  text-transform:lowercase;
  font-weight: bold;
  letter-spacing:1px;
  color:var(--ncolor01);
  padding-left:0.2em;
  background-color:var(--ncolor02);
}

.nebliksn {
  text-transform:lowercase;
  font-weight: bold;
  letter-spacing:1px;
  padding-left:0.2em;
  padding-right:0.2em;
  color:var(--ncolor01);
}



.neblikname::before {
  font-weight:normal;
  color: var(--ncolor02);
  zoom: 25%;
  padding-left:0.2em;
}

.neblikname::after {
  content:" The digital Brand and Content creators.";
  font-weight:normal;
  color: var(--ncolor02);
  padding-right:0.2em;
  line-height:1.3em;
  background-color:var(--ncolor02);
  color:black;
}

.ntligh {
  color:var(--ncolor03);
}

.nintro {
  line-height: 1.5em !important;
  padding-left: 1em !important;
  padding-right: 1em !important;
}

/*======Sidemenü=======*/

#Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle {
color: white;
}

#Side_slide {
background-color: #000000;
border-color: #ffffff;
}

#Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a, #Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a, #Side_slide #menu ul li.current-page-ancestor > a, #Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a, #Side_slide #menu ul li:hover > a {
color: #707070;
}

#Side_slide #menu ul {
  text-transform:uppercase;}

  #Side_slide #menu ul li a {
  display: block;
  padding: 11px 5px 10px 10%;
  margin-right: 50px;
  text-decoration: none;
  line-height: 40px;
  }

/*Blog*/

.ndcontent {

}

.ndcontentb {

}

.ndcontentb .photo2.col-3 .post-desc-wrapper {
    width: 100%;
    top: 0;
    padding: 0px 0px; 
}

.ndcontentb .photo2.col-3 .post-desc-wrapper {
  background-color:var(--ncolor07) !important;
}

.ndcontentb .photo2.col-3 .post-desc-wrapper a {
  color:var(--ncolor04) !important;
}

.ndcontentb .photo2.col-3 .post-desc-wrapper h3 {
  font-size:1.2em !important;
  line-height:1.4em !important;
  font-weight:700;
}


/*======Footer======*/

.tr-footer #Footer {
  background-color: var(--ncolor07)!important;
  color:var(--ncolor04);
}

#Footer .widgets_wrapper {
padding: 20px 0px 20px 0px;
margin-top: 0px;
}

#Footer a {
  color: var(--ncolor04);
}

#Footer a:hover {
color: lightgrey !important;
}

.footer-copy-center #Footer .footer_copy .social-menu a {
  color:white !important;


}
.footer-copy-center #Footer .footer_copy {
  background-color:var(--ncolor07);
}

#Footer .footer_copy {
    display:none;
}

/*======Posting======*/

#Intro .intro-title {
margin-bottom: 20px;
word-wrap: break-word;
color: white;
text-transform: uppercase;
line-height: 1.2em;
text-align:center;

}

#Intro .intro-inner {
position: relative;
padding: 250px 10%;
background-color: var(--ncolor02);
}

.ndcontentblog {
	border-top:40px solid white;
	border-bottom:40px solid white;
	padding-top:80px;
	padding-bottom:80px;
}


/*===Feature Post====*/
.section-post-related {background-color:black; color:white!important;}

.section-post-related h4 {color:white!important;}
.section-post-related h4 a {color:white!important;}
.section-post-related .date_label {color:white;}
.section-post-related .button {display:none;}
.section-post-related em, i {
font-style: italic;
color: white;
}

.section-post-related .section-related-adjustment {
border-color: rgba(0,0,0,.00)!important;
}


/*===Blog Mainpage===*/


#slick-slide00 {border-right:20px solid white;}
#slick-slide01 {border-left:10px solid white;
border-right:10px solid white;}
#slick-slide02 {border-left:20px solid white;}




h4, h4 a, h4 a:hover, .style-simple .sliding_box .desc_wrapper h4 {
}

.marker {
    color: var(--ncolor01);
    padding-left: 0.2em;
    padding-right: 0.2em;
      text-transform:lowercase;
      font-weight: bold;
      letter-spacing:1px;
      background-color:var(--ncolor02);

}

.ueleistung {
  padding-top:20px;
  padding-bottom:20px;
}

.nsubh {
  background-color:var(--ncolor01);
  color:white;
  padding: 0.2em;
line-height: 2em;
}

.hsn {

}

.nlink {
  text-decoration: none !important;
  color: var(--ncolor02) !important;
}

.nlink::after {
  content:" →";
      transition: all 0.5s;
}

.nlink:hover:after {
  content:" →";
  padding-left:10px;
  transition: all 0.5s;
}

.nlink:hover:after a:hover {
}

/* Intro Bild*/
.welcom {
    padding-top: 150px;
    padding-bottom: 100px;
    z-index:0;
  }
  .welcom::before {
    z-index:-1;
      content: "";
    background-color: var(--ncolor01);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .welcom::after {
    z-index:-2;
      content: "";
    background-color: var(--ncolor01);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    box-shadow:0px 0px 0px 20px var(--ncolor01) inset;
  }

#ndabut {
  background-color: var(--ncolor07) !important;
  color: var(--ncolor04) !important;
}

#ndabut a {
  color: var(--ncolor02) !important;
  font-weight:400;
}

  #Content {
      width: 100%;
      padding-top: 0px!important;
  }

  .ncp {
    background-color:var(--ncolor04);
    color:var(--ncolor01);
    padding-top:100px;
    padding-bottom:100px;
  }

/*=== CTA ===*/
.ctasection {
  background-color: var(--ncolor01);
  color: var(--ncolor04);
  padding-top:150px;
  padding-bottom:200px;
}

  .ctasection .h2 {
  color:white;
  }

  .ctasection .p {
  color:white;
  }

.ctasection:after {}


  ul.clients .client_wrapper {

background: none !important;

}

.mhb-view.desktop .first-row .mhb-menu .menu>li>a>span {
      line-height: 80px;
      font-family: "roboto localh",Helvetica,Arial,sans-serif;
}

.overlay-menu-toggle {
color: #1a1a1a !important;
background: black!important;
}

#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
  color: #1a1a1a !important;
background: none !important;
}

#Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle {
  color:white !important;
}

.sticky-dark #Top_bar.is-sticky, .sticky-dark #Top_bar.is-sticky #menu {
background: rgba(0,0,0,1.0);
}


.showreelarticle {
  border: 1px solid;
  border-color:#2b2b2b;
}

.showreelarticle img.scale-with-grid, #Content img {
}

.showreelarticle.one-third.column {
}

.showreelarticle.column, .columns {
float: left;
margin-bottom:20px;
margin-top:20px;
}

@media only screen and (max-width: 767px) {
#Top_bar {
    background-color: black !important;
    color:white !important;
    }
}

@media only screen and (max-width: 767px) {
.mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle {
    top: 30px!important;
    right: 20px;
}

.mobile-header-mini #Top_bar #logo {
    height: 30px!important;
    line-height: 50px!important;
    margin: 5px 0;
    margin-top: 10px !important;
}

.mobile-sticky.logo-overflow #Top_bar.is-sticky #logo img.logo-mobile-sticky {
    max-height: 80px!important;
    position: absolute;
    left: 20px;
}

.mobile-header-mini.logo-overflow #Top_bar #logo img.logo-mobile {
    max-height: 80px!important;
    position: absolute;
    left: 0px;
}
.showreelarticle.showreelarticle.one-third.column {
      width: 100% !important;
}

}

/* Mailchimp */
#mc_embed_signup input.email {
    font-family: "Roboto Localh",Verdana,sans-serif !important;
    font-size: 16px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    color: var(--ncolor04) !important;
    background-color: var(--ncolor08) !important;
    box-sizing: border-box;
    height: 48px !important;
    padding: 0px 0.8em;
    display: inline-block;
    margin: 0;
    width: 350px;
    vertical-align: top;
}

#mc_embed_signup form {
    text-align: left !important;
    padding: 10px 0 10px 0;
    background-color: var(--ncolor08) !important;
}

#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
	#mc_embed_signup{background:#fff; clear:left; font:16px "Roboto Localh", Arial,sans-serif; width:100%;}

/*Tabs*/
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {
    background: 0 0;
    font-size: 1.2em;
    text-align: left;
    padding-right: 20px!important;
    padding-left: 10px!important;
    color:var(--ncolor01);
    background-color:var(--ncolor02);
    margin-top:10px;
    margin-bottom:10px;
}

#agenturleistungen {
    background-color:var(--ncolor03);
    color:var(--ncolor01);
}

#agenturleistungen .column_attr {
  text-align: left;
  margin-bottom: 30px;
}

#agenturleistungen .column_attr h3 {
  font-size: 1.2em!important;
  line-height: 1.4em!important;
  font-weight: 700;
}

#nexpertise {
  padding-top:0px!important;
  padding-bottom:0px!important;
}

#cases {
  background-color: var(--ncolor03);
  padding-top:100px;
}

.style-simple .tabs_vertical.ui-tabs .ui-tabs-panel {
    border-width: 0 0 0 0px!important;
    color: var(--ncolor06);
    padding:60px!important;
}

.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: white !important;
  background-color: var(--ncolor01);
  border-radius: 0 0 0 0!important;
}

.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
  display: block;
    width: 10px;
    height: 50%;
    right: 10px;
    bottom: 50%;
    top: auto;
    left: auto;
    margin: 0;
    background-color: var(--ncolor02);
  }

  .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active:after {

  }

  .tabs_vertical.ui-tabs .ui-tabs-nav li:first-child a  {
    -webkit-border-radius: 0px 0 0 0!important;
    border-radius: 0px 0 0 0!important;
  }

  .ui-tabs .ui-tabs-panel {
      margin-bottom: 0;
      color: var(--ncolor01);
  }

  .ui-tabs .ui-tabs-nav {
    display: block;
    background-image: none !Important;
    background-repeat: repeat-x;
    background-position: left top;
    border-style: solid;
    border-width: 0 0 0px !important;
    margin: 0;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
  cursor: pointer;
  background-color: white;
  color: var(--ncolor01);
  margin: 0.5em;
}

.lhead {
font-weight:700;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    background: none;
}

/*Leistungen*/
#ovleistung {}
#ovleistung-01 {background-color:yellow;}

/*Logo Anpassung*/
@media only screen and (max-width: 767px) {
.logosmall {

}

.logobig {

}

}