/* import font */
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55?styles=15981,15983,15997,30133');

/* remove space in sides */
.site-content .container {
     padding: 0 !important;
}

/* hack hide footer */
#colophon .site-info {
		display: none;
}

/* hack hide header */
header { 
		display: none;
}

/* menu */
#openMenu {
  display: none;
}

label[for="openMenu"] {
    background-color: #101010;
    position: absolute;
    top: 50px;
    right: 50px;
    line-height: 1.64;
    padding: 10px 40px;
    cursor: pointer;
    color: #FCFCFC;
    font-size: 24px;
    border-radius: 39px;
}

input#openMenu:checked ~ .wrapper {
  	clip: rect(-10px, 310px, 250px, -10px);
}

.wrapper {
		position: absolute;
		right: 50px;
    top: 110px;
		clip: rect(0, 0, 0, 0);
		transition: all .3s ease-out;
}

.menu {
		background-color: #101010;
		padding: 20px !important;
		border-radius: 15px;
		margin-left: 0px !important;
		margin-bottom: 0px !important;
}

.menu li {
 		text-align: right;
  	line-height: 1.64;
		list-style-type: none;
}

.menu li a:before {
		content: "\2198";
		color: #fcfcfc;
		margin-right: 10px; 
		font-size: 18px;
}

.menu a {
		text-decoration: none;
		color: #fcfcfc;
		display: block;
		padding: .5em;
		font-size: 18px;
}

/* body */
body {
		font-family: 'Helvetica Neue', sans-serif !important; 
}

.custom-header h1 {
		font-size: 140px;
    line-height: .9em; 
}

.custom-header p {
		font-size: 20px;
		font-weight: 500;
}

.footer {
		color: #FCFCFC;
}

.footer p {
		font-size: 32px;
		font-weight: 500;
		margin-bottom: 0px;
}

.footer h2 {
		font-size: 100px;
		margin-top: 0px;
		line-height: 1em;
}

.footer a {
		background-color: #FCFCFC;
		text-decoration: none;
		color: #101010;
		padding: 10px 20px;
		border-radius: 87px;
		font-size: 18px;
}

.footer h6 {
		color: rgba(252, 252, 252, 0.40);
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 1.12px;
}

/* banner hover */
.sow-masonry-grid-item:nth-child(4) {
		display: none;
}

.sow-masonry-grid-item:nth-child(3):hover + .sow-masonry-grid-item:nth-child(4) {
		display: block;
}

/* tagline */
.tagline {
		border-bottom: 2px solid #101010;
    margin: 0 50px; 
}

.tagline h2 {
		font-size: 56px;
    line-height: 1.2em; 
}

.tagline .panel-grid-cell:first-child {
		border-right: 2px solid #101010;
		padding-right: 50px;
}

.tagline h3.widget-title {
		margin-bottom: 25%;
}

/* what I do */
.exp {
		border-bottom: 2px solid #101010;
    margin: 0 50px; 
}

.exp .left-border {
		border-left: 2px solid #101010;
		padding-left: 50px;
}

.exp .bottom-border {
		border-bottom: 2px solid #101010;
		padding-bottom: 50px;
}

.exp h3:after {
		content: "\2198";
		color: #000;
		margin-left: 66%;
}

.exp h4 {
		margin-bottom: 10px;
		line-height: 1em;
		font-size: 32px;
}

/* works */
.works {
		margin: 0 50px;
}

.works-list .textwidget {
		padding: 20px 70px;
		min-height: 312px;
}

.works-list .textwidget:hover {
		background-color: #000;
		color: #fff;
}

.works-list .textwidget ul.meta {
		margin-left: 0px;
		list-style-type: none;
}

.works-list .textwidget ul.meta li {
		display: inline-block;
		width: 40%;
}

.works-list .textwidget ul.meta li:first-child {
		margin-right: 15%;
}

.works-list .textwidget ul.meta li:last-child {
		text-align: right;
}

.works-list .textwidget ul.meta li span {
		background-color: #000;
    color: #fff;
    border-radius: 64px;
    padding: 6px 12px;
		text-align: center;
		font-size: 11px;
}

.works-list .textwidget h3 {
		font-size: 40px;
    line-height: 1em;
    font-weight: 700;
    margin-bottom: 20px; 
}

.works-list .textwidget p {
		font-size: 16px;
}

/* Works Pages */
.works-head p {
		color: #101010;
		font-size: 32px;
		margin-bottom: 5px;
}

.works-head h1 {
		color: #101010;
		line-height: 0.9em;
		margin-top: 0px;
		margin-bottom: 5px;
		font-size: 120px;
}

.works-head h2 {
		color: #101010;
		line-height: 1em;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 64px;
}

.works-head p.tag {
		color: #fcfcfc;
		font-size: 12px;
		background-color: #101010;
		padding: 10px 0;
		border-radius: 87px;
		width: 24%;
		text-align: center;
}

.tag {
		display: inline-block;
}

.works-head .lower {
		/*margin-top: 278px;*/
    border-bottom: 2px solid #101010;
    padding-bottom: 30px; 
}

.works-head .lower p {
		color: #101010;
		font-size: 20px;
		line-height: 1.3em;
}

.works-head .lower p.gallery-label {
		font-weight: 700;
		font-size: 24px;
		color: #101010;
		margin-bottom: 20px;
}

.works-head .lower p.gallery-label:before {
		content: "\2198";
		color: #101010;
		margin-right: 10px;
}

.works-gallery h3.widget-title {
		font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 20px; 
}

.works-next p {
		font-size: 32px;
		margin-bottom: 5px;
}

.works-next a {
		text-decoration: none;
}

.works-next h2 {
		font-size: 100px;
		line-height: 1em;
		margin-bottom: 0px;
		margin-top: 0px;
}

/* Contact */
.contact {
		margin-top: 400px;
}

.contact fieldset {
		border: none;
		padding: 0px;
		margin: 0px;
}

.contact input {
		background-color: #D9D9D9;
    color: #101010;
    margin-bottom: 15px;
    height: 54px; 
}

.contact textarea {
		background-color: #D9D9D9;
    height: 150px;
    margin-bottom: 15px; 
		color: #101010;
}

.contact button {
		width: 100%;
    border-radius: 87px;
    background-color: #101010;
    color: #fcfcfc;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px; 
}

.contact .frm_error {
		color: red;
}

/* About */
.abt-head h1 {
		color: #101010;
		line-height: 0.9em;
		margin-top: 0px;
		margin-bottom: 5px;
		font-size: 120px;
}

.abt-head h2 {
		color: #101010;
		line-height: 1em;
		margin-top: 0px;
		margin-bottom: 50px !important;
		font-size: 32px;
}

.abt-head p {
		color: #101010;
		font-size: 32px;
		margin-bottom: 5px; 
}

.abt-desc, .abt-educ, .abt-ref {
		border-bottom: 2px solid #101010;
		padding-bottom: 30px;
}

.abt-desc p {
		font-size: 14px;
}

.abt-educ h3.widget-title, .abt-ref h3.widget-title, .abt-awards h3.widget-title {
		font-size: 52px;
		line-height: 1em;
		margin-bottom: 15px;
		font-weight: 700;
}

.abt-educ p:before {
		content: "\2198";
		color: #101010; 
		font-size: 20px;
		margin-right: 10px;
}

.abt-educ p span.right {
		font-size: 16px;
		font-weight: 400;
		margin-left: 23px;
}

.abt-educ p span {
		font-size: 20px;
		font-weight: 500;
}

.abt-ref h3.widget-title, .abt-awards h3.widget-title {
		margin-bottom: 5px;
}

.abt-ref p, .abt-awards p {
		font-size: 24px;
		font-weight: 700;
		line-height: 1em;
}

.abt-ref ul {
		margin-left: 0px;
}

.abt-ref li {
		list-style-type: none;
		font-size: 20px;
}

.abt-ref li:before {
		content: "\2198";
		color: #101010; 
		font-size: 20px;
		margin-right: 10px;
}

.abt-awards .awards {
		border-top: 2px solid #101010;
    padding: 10px 0; 
}

.abt-awards .awards p {
		font-size: 20px;
		font-weight: 500;
}