/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

.single-block-padding {
    padding: 20px 36px 24px 35px;
}

.scroll-icon {
	margin-top: -100px!important;
	z-index: 9999;
}


.site-footer {
	font-family: 'Helvetica Neue',Helvetica,forma-djr-display,Arial,sans-serif;
	font-weight: 700;
}

.footer-contact {
	color: #fff;
	font-size: 16px;
}

.footer-contact a {
	color: #fff;
}

.footer-contact,
.footer-contact tr,
.footer-contact td {
	border: 0;
}

.site-footer p {
	font-size: 16px;
}

.tmb .t-entry-visual {
	/* height: 170px; */
}

nav {
	font-family: 'Helvetica Neue',Helvetica,forma-djr-display,Arial,sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 12px;
      width: 100%;
      /* background: #000; */
      height: 70px;
      position: fixed;
      z-index: 9999;

      background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(198,198,198,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(198,198,198,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(198,198,198,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00c6c6c6',GradientType=0 ); /* IE6-9 */

}

nav #brand {
      float: left;
      display: block;
      margin-left: 84px;
}

nav #brand a {
      color: #fff;
      transition: all 0.3s ease-out;
      font-weight: 300;
}

nav #menu {
      float: left;
      left: 84px;
      position: relative;
}

nav #menu li {
      display: inline-block;
      padding: 0px 30px;
      cursor: pointer;
      position: relative;
      transition: all 0.3s ease-out;
}

nav #menu li a {
      color: #fff;
      font-size: 12px;
      letter-spacing: 2px;
}

#toggle {
      position: absolute;
      right: 20px;
      top: 14px;
      z-index: 999;
      width: 40px;
      height: 40px;
      cursor: pointer;
      float: right;
      transition: all 0.3s ease-out;
      visibility: hidden;
      opacity: 0;
}

#toggle .span {
      height: 3px;
      background: #fff;
      transition: all 0.3s ease-out;
      backface-visibility: hidden;
      margin: 5px auto;
}

#toggle.on #one {
      transform: rotate(45deg) translateX(2px) translateY(4px);
}

#toggle.on #two {
      opacity: 0;
}

#toggle.on #three {
      transform: rotate(-45deg) translateX(8px) translateY(-10px);
}

#resize {
      z-index: 1;
      top: 0px;
      position: absolute;
      background: #000;
      width: 100%;
      height: 100%;
      visibility: hidden;
      opacity: 0;
      transition: all 1s ease-out;
      display: table;
}

#resize #menu {
      height: 90px;
      display: table-cell;
      vertical-align: center;
}

#resize #menu li {
      display: block;
      text-align: center;
      padding: 20px 0;
      font-size: 50px;
      min-height: 50px;
      font-weight: bold;
      cursor: pointer;
      transition: all 0.3s ease-out;
}

#resize li:nth-child(1) {
      margin-top:140px;
}

#resize #menu li a {
      color: #fff;
}

#resize.active {
      visibility: visible;
      opacity: 0.99;
}


@media(max-width: 768px) {
      #toggle {
            visibility: visible;
            opacity: 1;
            margin-top: 6px;
      }

      nav #brand {
            margin-left: 18px;
      }

      #menu a {
            font-weight: 900;
            font-size: 20px;
      }

      nav #menu {
            display: none;
      }
}

@media(min-width: 768px) {
      #resize {
            visibility: hidden !important;
      }
}