@charset "utf-8";
/* CSS Document */

/* fonts */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700');

strong
{
	text-transform:uppercase;
	font-size:12px;
}

p
{
	margin:0;
}

body
{
	font-family: 'Noto Serif', serif;
	background:#fffded;
	height:100%;
	width:100%;
	color:#000;
}

.heads-cover
{
	background:#fffded url(http://nontsikelelomutiti.com/wp-content/uploads/2017/02/head.gif) repeat center top;
	position:fixed;
	top:100px;
	left:0;
	right:0;
	bottom:0;
	z-index:99999999;
	display:none;
}

.page-id-12 .heads-cover
{
	display:block;
}

p
{
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1px;
}

.container
{
	padding:50px;
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.container .container-inner
{
	height:100%;
	width: 100%;
	overflow:;
}

.container .container-inner .sidebar
{
	width: 30%;
	float: left;
	height: 100%;
}

.container .container-inner .content
{
	width: 70%;
	height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
	float: right;
	color: #000;
	margin-top:50px;
	position:relative;
}

.container .container-inner .content iframe
{
	/* width:100%; */
	/* height:400px; */
}

.container .container-inner .content img 
{
	max-width:100%;
}

.container .container-inner .content .swiper-slide img 
{
	max-width:auto;
}

.container .container-inner .content a 
{
	color:inherit;
}

.container .container-inner .header
{
	position: relative;
}

.container .container-inner .header a 
{
	color: inherit;
	text-decoration: none;
}

.container .container-inner .header
{
	position: relative;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 9px;
	padding:10px 0;
}

.container .container-inner .header img
{

	width: 50px;
	opacity: .5;
	z-index: -1;
	cursor:pointer;
}

.container .container-inner .nav
{
	margin-top: 0px;
}

.container .container-inner .nav ul
{
	list-style: none;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size:11px;
}

.container .container-inner .nav ul li
{
	margin-bottom: 8px;
}

.container .container-inner .nav ul li.current-menu-item
{
	color:#999;
}

.container .container-inner .nav ul li ul
{
	padding-left:23px;
	height:0;
	overflow:hidden;
}

.container .container-inner .nav ul li.menu-item-242 ul  
{
	height:0;
	overflow:hidden;
	margin-top:0;
	transition:all ease-in-out .3s;
}

body.page-id-241 .container .container-inner .nav ul li.menu-item-242 ul, #post-Collecting .container .container-inner .nav ul li.menu-item-242 ul 
{
	height:auto;
	overflow:hidden;
	margin-top:5px;
	transition:all ease-in-out .3s
}

body.page-id-260 .container .container-inner .nav ul li.menu-item-261 ul, #post-Video .container .container-inner .nav ul li.menu-item-261 ul 
{
	height:auto;
	overflow:hidden;
	margin-top:5px;
	transition:all ease-in-out .3s
}

body.page-id-876 .container .container-inner .nav ul li.menu-item-877 ul, #post-Writing .container .container-inner .nav ul li.menu-item-877 ul 
{
	height:auto;
	overflow:hidden;
	margin-top:5px;
	transition:all ease-in-out .3s
}


body.page-id-227 .container .container-inner .nav ul li.menu-item-228 ul, #post-Web .container .container-inner .nav ul li.menu-item-228 ul 
{
	height:auto;
	overflow:hidden;
	margin-top:5px;
	transition:all ease-in-out .3s
}

body.page-id-823 .container .container-inner .nav ul li.menu-item-826 ul, #post-PortfolioRUKA .container .container-inner .nav ul li.menu-item-826 ul 
{
	height:auto;
	overflow:hidden;
	margin-top:5px;
	transition:all ease-in-out .3s
}

.container .container-inner .nav ul li ul li ul 
{
	height:0;
	overflow:hidden;
	margin-top:0;
	transition:all ease-in-out .3s;
	padding-left:10px;
	max-width:200px;
}



body#post-Portfolio .container .container-inner .nav ul li.menu-item-836 > ul, body#post-PortfolioPrint .container .container-inner .nav ul li.menu-item-836 > ul,body#post-Video .container .container-inner .nav ul li.menu-item-836 > ul, body#post-Web .container .container-inner .nav ul li.menu-item-836 > ul, body#post-PortfolioRUKA .container .container-inner .nav ul li.menu-item-836 > ul
{
	height:auto;
	overflow:hidden;
	margin-top:5px;
	transition:all ease-in-out .3s
}


body.page-id-452 .container .container-inner .nav ul li ul li.menu-item-453 ul, #post-PortfolioPrint .container .container-inner .nav ul li ul li.menu-item-453 ul
{
	height:auto;
	overflow:hidden;
	margin-top:5px;
	transition:all ease-in-out .3s
}

.container .container-inner .nav ul li a 
{
	text-decoration: none;
	color:inherit;
}

.container .container-inner .nav ul.nav-list
{
	padding-left:10px;
	font-size:10px;
	line-height:9px;
	display:none;
}

.container .container-inner .nav ul.nav-list li
{
	opacity:.65
}

.container .container-inner .nav ul.nav-list li:hover
{
	opacity:1
}

body#post-Portfolio .container-inner .nav ul.portfolio-list
{
	display:block;
}

body#post-Links .container-inner .nav ul.links-list
{
	display:block;
}

body#post-Research .container-inner .nav ul.research-list
{
	display:block;
}

body .container .container-inner .content .text-body
{
	padding-right:100px;
	padding-bottom:50px;
}

.container .container-inner .content .text-body .archive-list
{
	list-style: none;
	padding: 0;
}

.container .container-inner .content .text-body .archive-list li 
{
	height: 120px;
	width: 25%;
	display: inline-block;
	float: left
}

.container .container-inner .content .text-body .archive-list a
{
	color: inherit;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 11px;
	line-height: 12px;
	position: relative;
	padding:0 2px;
}

.container .container-inner .content .text-body .archive-list li a:hover
{
	background: #000;
	color: #fff;
}

.swiper-container
{
	height:100%;
	width: 100%;
	background:#fffded
}

.swiper-slide
{
	width: 100%;
	text-align: center;
	background:#fffded
}

.swiper-slide img
{
	height: 100%;
}

#caption
{
	position:fixed;
	left:30% !important;
	margin-left:-150px;
	bottom:40px !important;
	color: inherit;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 12px;
	z-index: 3;
	text-align:left;
	width:130px;
	font-weight:bold;
}

#caption p 
{
	color: inherit;
	text-transform: uppercase;
	font-size: 11px;
	z-index: 3;
	line-height:14px;
	font-weight:normal

}

#post-Portfolio #caption
{
	mix-blend-mode: none;
	background:#000;
	padding:3px;
}

.swiper-pagination
{
	position: absolute;
	bottom:0px;
	right:-25px;
	left: auto;
	width: auto;
	font-size: 10px;
	color: #000;
	text-align:right;
}

.swiper-button-next, .swiper-button-prev {
  background: none !important;
  color:#000;
  font-size:30px;
  top:50%;
  font-family:sans-serif arial;
}

.swiper-button-prev 
{
	left:-25px;
}

.swiper-button-next
{
	text-align:right;
	right:-25px;
}

#post-Gathering, #post-Collecting
{
	background:#000;
	color:#fffded;
}

.mobile-nav
{
    padding:0 0 20px;
    display:none;
}

.menu-toggle
{
	position:absolute;
	right:-10px;
	top:5px;
	display:none;
	cursor:pointer;
	padding:20px;
}

.menu-toggle span
{
	display:block;
	background:#000;
	height:1px;
	width:19px;
	content:'';
	margin-bottom:6px;
}

#post-Gathering .menu-toggle span, #post-Collecting .menu-toggle span
{
	background:#fffded;
}


/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

		.container
		{
			padding:0px 20px 10px;
			position: absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
		}

		.heads-cover
{
	background:#fffded url(http://nontsikelelomutiti.com/wp-content/uploads/2017/02/head.gif) repeat center top;
	position:fixed;
	top:120px;
	left:0;
	right:0;
	bottom:0;
	z-index:99999999;
	display:none;
}

		.container .container-inner .sidebar
		{
			width: 100%;
			float: none;
			height: auto;
		}

		.container .container-inner .content
		{
			width: 100%;
			height: auto;
			float: none;
			color: #000;
			margin-top:0px;
			position:relative;
		}

		
body .container .container-inner .content .text-body
{
	padding:0px;
}


		.container .container-inner .nav
		{
			margin-top: 0px;
			display:none
		}

		.container .container-inner .mobile-nav
		{
			padding:0 0 20px;
		}

		.container .container-inner .footer-nav
		{
			display:block;
		}


		.page-id-12 .container .container-inner .header-nav
		{
			display:block;
		}

		.page-id-12 .container .container-inner .footer-nav
		{
			display:none;
		}


		.container .container-inner .content img 
		{
			max-width:100%;
			height:auto;
		}
		
        		
        .menu-toggle
        {
        	display:block;
        }
        
        .hidden-desk
        {
            display:none;
        }

        #caption
		{
			position:static;
			margin-left:0;
			padding-top:20px;
		}

		.swiper-pagination
		{
			position: absolute;
			bottom:15px;
			right:10px;
			left: auto;
			width: auto;
			font-size: 10px;
			color: #fffded
		}

		.swiper-button-next, .swiper-button-prev {
		  display:none
		}

		.container .container-inner .nav ul li ul li ul
		{
			max-width:100%;
		}

		.container .container-inner .nav ul li ul li
		{
			display:inline-block;
			vertical-align:middle;
			margin-right:6px;
			letter-spacing:2px;
		}

		.container .container-inner .nav ul li ul li ul li a 
		{
			border-right:1px solid;
			padding-right:6px;
		}

		.container .container-inner .nav ul li ul li br 
		{
			display:none
		}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }