@charset utf-8;

/*
Theme Name: Adi Admoni
Theme URI: http://www.coquo.co.uk
Author: CoQuo
Author URI: http://www.coquo.co.uk
Description: Custom Portfolio for Adi Admoni
Version: 1.1
*/

@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic);


/* Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

/*
	general styles
 */

html, body {
    margin:0;
    padding:0;
    height:100%;
}
.normal,
body,
#content h3 {
	font-family: 'Lato', sans-serif;
}
#wrapper{
    min-height:100%;
    position:relative;
}
#footer {
    position:absolute;
    bottom:5px;
    right: 10px;
    height:auto; /* Height of the footer */
}

.serif,
cite,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 12px;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	margin: 24px 12px 12px;
}

a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	-moz-transition: color .3s linear;
	text-decoration: none;
	outline: none;	
}
a:link {
	color: #9b9b9b;
}
a:visited {
	color: #9b9b9b;
}
a:hover,a:active {
	color: #808080;
}
a:active,
a:focus {
	text-decoration: underline;
}
p {
	margin-bottom: 10px;	
}


/*
	layout styles
 */


body {
	background: #FFFFFF;
	color: #9b9b9b;
	letter-spacing: 0.5px;
}

#main {
	padding: 0;	
}

.container {
	padding: 0;
	width: 100%;
	max-width: 2500px;
	margin: 0 auto;
	position:relative;
}
	#header {
		float: left;
		width: 100%;
		position: relative;
		text-align:center;
		margin: 54px 0;
		transition: all 0.5s ease;
	}
	header {
		width: 75%;
		display:inline-block;	
		position: relative;
	}
	#content {
		padding-left: 0;
		padding-right: 0;
		float: left;
		position: relative;
		text-align:center;
		width: 100%;
		display: none;
	}
			#logo img {
				width: 259px;	
				height: auto;
			}
	.menu-toggle {
		display: none;	
	}
	#nav-primary {
		position: absolute;
		right: 0;
		top: 0px;
		text-transform: uppercase;
		color: #9b9b9b;
		transition: all 0.5s ease;
	}
		#nav-primary ul,
		#nav-primary li {
			list-style: none;
			display: block;
			text-align:center;
		}
		
		#nav-primary li {
			width: auto;
			display: inline-block;
			margin: 0 10px;
            vertical-align: middle;
            
		}
		
		#nav-primary li.current_page_item a,
		#nav-primary li.current_menu_item a,
		#nav-primary li a.active
		{
			color: #808080;
		}
			#nav-primary a {
				font-size: 12px;
                line-height: normal;
                display: block;
			}
			
			#nav-primary li ul {
				display: none; 
			}
        #nav-primary li.instagram-icon a {
            background: url('images/instagram-icon.png') no-repeat;
            display: block;
            width: 18px;
            height: 18px;
            
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
        }


	#footer .container {
		font-size:10px;
		text-align:right;
	}
	
	#footer .container .goFullscreen {
		display: none;	
	}
		#footer-content {
		}
			#footer ul,
			#footer li {
				display: inline;
				list-style: none;
			}
				#footer li a {
					padding: 0 10px;
				}
				
				#footer-content p {
					margin: 0;
				}
/* Contact */

#content .contact {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: rgba(255,255,255,0.9);	
	z-index: 9999;
	text-align:center;
}

#content .contact span {
	display: table; 
    max-width: 300px;
	width: 300px;
	margin: 0 auto;
}

.contact-text {
	vertical-align: middle;
    display: table-cell;
	color: #5b5b5b;
	font-size: 1.2em;
}

.contact-text a {
	color: #5b5b5b;
}

.contact-text a:hover {
	color: #9b9b9b;	
}


/* Slider */

.loader {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: url(images/loader.gif) no-repeat center center #fff;	
	z-index: 9999;
}

.slider-wrapper {
	width: 100%;
	display:inline-block;
}

.bx-wrapper {
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	position:relative;
}

.bx-wrapper img {
	max-width: 75%;
	max-height: 100%;
}
.homepage-image img {
	max-width: 75%;
	max-height: 100%;
	z-index: 50;
}
.bxslider li {
    text-align: center;
}

.bxslider li .wrap-table {
	display: table;
	table-layout: fixed;
	width: 100%;
 }
 
 .bxslider li .wrap {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
 }
 
 .bx-wrapper .bx-controls-direction {
	z-index:10; 
 }

.bx-wrapper .bx-controls-direction a {
	height:47px;
	margin-top:-24px;
	outline:0;
	position:absolute;
	text-indent:-9999px;
	top:50%;
	width:24px;
	z-index:9999;
}

.bx-wrapper .bx-prev {
	left:5%;
	background: url(images/prev.svg) no-repeat top left;
	background-size: contain;
}

.no-svg .bx-prev {
	background-image: url(images/prev.png);
}

.bx-wrapper .bx-next {
	right:5%;
	background: url(images/next.svg) no-repeat top left;
	background-size: contain;
}

.no-svg .bx-prev {
	background-image: url(images/next.png);
}

.bx-caption {
	margin-top: 67px;
	margin-left: 0;
	text-transform: uppercase;
}

 .bx-wrapper .bx-controls-direction-img a {
	 height:90%;
	 position:absolute;
	 top:0;
	 width:50%;
	 z-index:9999;
 }
 
 .bx-wrapper .bx-controls-direction-img .bx-prev-img {
	 left: 0;
 }
 
 .bx-wrapper .bx-controls-direction-img .bx-next-img {
	 left: 50%;
 }
 
 a.bx-next-img {
	 cursor: url(images/next.png), auto;
 }
 
 a.bx-prev-img {
	 cursor: url(images/prev.png), auto;
 }
 
/* Project Page */

.projects-list {
	display: table;
	width: 100%;	
	background: #fff;
}

.projects-list ul {
	vertical-align: middle;
	display:table-cell;	
}

.projects-list li {
	list-style: none;
	display:inline-block;
	margin: 0 10px;	
}
.projects-list li h2, .projects-list li h3 {
	opacity: 0;	
}
.projects-list li h2 {
	text-transform: uppercase;
	font-size: 0.8em;
	margin-top: 10px;	
}

.projects-list li h3 {
	margin-bottom: 20px;
}

.projects-list li img {
	max-height: 100%;
	max-width: 100%;	
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
	
	#header {
			margin: 20px 0;	
			
		}
	
	#nav-primary {
			float: left;
			position:relative;
			width: 100%; 
			text-align: center;
			margin-top: 0px;
			font-size: 0.875em;
		 }	
		
	#footer {
			display: none;
		}	
		.bx-wrapper img {
			max-width: 80%;	
			height: auto;
		}
		
		 .bx-wrapper .bx-prev {
			left: 3%;
		 }
		 
		 .bx-wrapper .bx-next {
			right: 3%;
		 }
		 
		 .captions {
			display: none; 
		 }
		 
		 .bx-caption {
			margin-left: -9999; 
		 }
		 
		 .bx-controls-direction-img {
			display: none;
		}
		
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.projects-list li img {
		height: 190px !important;
		width: auto;	
	}
}


@media only screen and (max-width: 767px) {
	
		#header {
			margin: 10px 0;	
		}
		
		#footer {
			display: none;
		}	
		
		 #logo img {
				width: 125px;	
				height: auto;
			}
		.bx-wrapper img {
			max-width: 80%;	
			height: auto;
		}
		.bx-wrapper .bx-controls-direction a {
			height:24px;
			margin-top:-12px;
			width:12px;
		}
		
		.bx-controls-direction-img {
			display: none;
		}
		
		 .bx-wrapper .bx-prev {
			left: 3%;
		 }
		 
		 .bx-wrapper .bx-next {
			right: 3%;
		 }
		 
		 #nav-primary {
			float: left;
			position:relative;
			width: 100%; 
			text-align: center;
			margin-top: 0px;
			font-size: 0.875em;
		 }
		 
		 .captions {
			display: none; 
		 }
		 
		 .bx-caption {
			margin-left: -99999; 
		 }
		 
		 .projects-list li img {
			height: auto !important;
			width: 48%;	
		}
		 
}