/*
Theme Name:         Identiti Web Development (Foundation Base)
Theme URI:          http://www.idweb.com.au
Description:        A custom developed theme based on Foundation 5
Version:            3.0.0
Author:             Identiti Web Development
Author URI:         http://wwww.idweb.com.au

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/


/* Global */

body {
	font-weight: 300;
	background: url('images/back-paper.jpg') no-repeat;
	background-size: cover;
}
.off-canvas-wrap {
}
ul,ol,p {
	font-weight: 300;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
}
h1 {
	
}
h2 {
	font-weight: 300;
}
h3 {
	
}
h4 {
	
}
h5 {
	
}
h6 {
	
}
p {
	
}
ul {
	
}
ol {
	
}

/* Header */

h1#logo {
	margin: 15px 0;
	width: 313px;
	height: 117px;
	background: url('images/living-stories.png') no-repeat;
	background-size: contain;
	text-indent: -999%;
	max-width: 100%;
}
h1#logo a {
	display: block;
}
h2#tagline {
	margin: 35px 0 15px;
}
#navigationSelectBoxItContainer {
	margin: 47px 0 0;
	background: #FFF;
	border-radius: 3px;
	
}
#navigationSelectBoxIt {
	background: url('images/navbar.png') no-repeat 10px center;
	border: 1px solid #555;
	padding: 0 5px;
	font-size: 16px;
	font-weight: 300;
	width: 210px !important;
}
#navigationSelectBoxItText {
	padding-left: 25px;
}
#navigationSelectBoxIt.selectboxit-open {
	border-bottom: none;
	border-radius: 3px 3px 0 0;
	background: url('images/list-divider.png') no-repeat center bottom;
}
#navigationSelectBoxIt.selectboxit-open #navigationSelectBoxItText {
	background: url('images/navx.png') no-repeat 5px center;
	
}
.selectboxit .selectboxit-option-icon-container {
	display: none;
}
#navigationSelectBoxItContainer {
	font-family: 'Special Elite', cursive;	
}
#navigationSelectBoxItContainer ul {
	background: rgba(255,255,255,0.8);
	border: 1px solid #555;
	border-top: none;
	padding: 0 10px;
	border-radius: 0 0 3px 3px;
	width: 210px !important;	
}
#navigationSelectBoxItContainer ul li {
	background: url('images/list-divider.png') no-repeat center bottom;
}
#navigationSelectBoxItContainer ul li[data-id="2"], #navigationSelectBoxItContainer ul li[data-id="4"], #navigationSelectBoxItContainer ul li[data-id="5"], #navigationSelectBoxItContainer ul li[data-id="6"], #navigationSelectBoxItContainer ul li[data-id="7"] {
	margin-left: 15px;
	background: none;
}
#navigationSelectBoxItContainer ul li[data-id="7"] {
	background: url('images/list-divider.png') no-repeat center bottom;
	
}
#navigationSelectBoxItContainer ul li a {
	background: url('images/dot.png') no-repeat 1px center;
	padding-left: 15px;
	
}
#navigationSelectBoxItContainer ul li:first-child {
	display: none;
}
#navigationSelectBoxItContainer ul li:last-child {
	border-bottom: none;
	background: none;
}
 
#navigation option {
	border-bottom: 1px solid #000;
}

.selectboxit-option, .selectboxit-optgroup-header {
	text-indent: 3px !important;
}



/* Page */

#home-element {
	position: relative;
}
.back-image {
	margin-top: -40px;
}
.overtag {
	position: absolute;
	left: -999%;
	pointer-events: none;
}
#our-story.active {
	top: 17%;
	left: 25%;
	width: 13%;
}
#what-we-do.active {
	top: 69%;
	left: 32%;
	width: 14%;
}
#latest-story.active {
	top: 66%;
	left: 9%;
	width: 14%;
}
#our-work.active {
	top: 40%;
	left: 56%;
	width: 13%;
}
#contact-us.active {
	top: 18%;
	left: 79%;
	width: 13%;
}

/* Story */

#content-row {
	position: relative;
}
.over-text {
	position: absolute;
	top: -15px;
	width: 100%;
}
.over-text .entry-content {
	background: #f4f1ed;
	padding: 20px;
	border-radius: 10px;
}
.over-text .entry-content h2 {
	font-size: 1rem;
	margin: 0 0 10px;
}
.over-text .entry-content h3 {
	font-size: 0.9rem;
	margin: 0 0 10px;
}
.over-text .entry-content p {
	font-size: 0.8rem;
	margin: 0 0 7px;
}
.over-text .entry-content figure {
	margin: 10px 0;
}
.over-text-content {

}
.over-text .entry-content table {
	background: none;
	border: none;
}
.page-id-22 .over-text .entry-content table {
	margin: 0;
}
.page-id-22 .over-text .entry-content table img {
	max-width: 110px;
}
.page-id-22 .over-text .entry-content table tr.even, .page-id-22 .over-text .entry-content table tr.alt, .page-id-22 .over-text .entry-content table tr:nth-of-type(even) {
	background: none;
}
.page-id-22 .over-text .entry-content table td {
}
.over-text .entry-content table img {
	max-width: 100%;
}
.over-text .entry-content table th, .over-text .entry-content table td {
	padding: 0 5px;

}

h1.entry-title {
	font-size: 1.4rem;
	color: #b50080;
	margin: 0 0 10px;	
	
}
h1.entry-title a {
	color: #b50080;
	
}
img.title-image {
	max-width: 45%;
	margin-left: -5%;
	margin-bottom: 10px;
}

.parent-pageid-22 img.title-image, .page-id-114 img.title-image {
	max-width: 100%;
	margin-bottom: 10px;
	height: 67px;
}
.post-type-archive-work img.title-image {
	max-width: 25%;
}
.post-type-archive-work header h2.work-header {
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.2;
}


/* Side Image */
.side-image {
	margin-top: 50px;
	width: 87%;
	margin-left: 25px;
}
.page-id-7 .side-image {
	width: 90%;
}
.page-id-22 .side-image {
	width: 73%;
	margin-left: 50px;
}
.page-id-29 .side-image {
	width: 73%;
	margin-left: 50px;
}
.page-id-31 .side-image {
	width: 85%;
	margin-left: 50px;
}
.page-id-33 .side-image {
	margin-top: 25px;
	width: 83%;
	margin-left: 25px;
}
/* Contact */
.page-id-20 .side-image {
	width: 90%;
	margin-left: 50px;
	margin-top: 0;
}

/* Our People */
.page-id-114 .side-image {
	width: 86%;
}

/* Our People */

.tabs dd>a, .tabs .tab-title>a {
	padding: 0.5rem 1rem;
	background-color: #f4f1ed;
}
.tabs dd>a img, .tabs .tab-title>a img {
	height: 11px;
}
.tabs .tab-title:nth-child(3)>a img {
	height: 15px;
}

.page-id-114 .over-text .entry-content {
	padding-top: 10px;
}



/* Our Work */

article.type-work {
	margin-bottom: 20px;
}
.static-tv {
	margin-bottom: 5px;
}
.work-content {
	background: url('images/notepad.png') center top no-repeat;
	background-size: contain;
	padding: 10px 15px;
}
.work-content p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1;
}


h2.work-title {
	font-weight: bold;
	font-size: 1rem;
	margin: 4px 0 2px 0;
	line-height: 1;
}


/* Single */

.single article.post, .blog article.post {
	background: url('images/blog-back.png') no-repeat center top;
	background-size: cover;
	min-height: 646px;
}
.single article.post .entry-content, .blog article.post .entry-content {
	background: none;
	padding: 0;
}
.single article.post, .blog article.post {
	padding: 30px 35px;

}



/* Contact */

.gform_wrapper {
	margin: 0 !important;
}
.gform_wrapper .top_label .gfield_label {
	margin: 0 !important;
}
body .gform_wrapper label.gfield_label+div.ginput_container {
	margin-top: 0 !important;
}
.gform_wrapper .gform_footer {
	margin-top: 10px !important;
	padding-top: 0 !important;
}
.ginput_container input {
	margin-bottom: 0 !important;
}


/* Sidebar */

#sidebar {
	
}
#sidebar h6 {
	font-weight: bold;
	margin: 0 0 7px;
	font-size: 16px;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 14px;
}
#sidebar ul ul {
	border-top: 1px solid #EEE;
	margin-top: 10px;
	padding-top: 8px;
}
#sidebar ul ul li {
	padding-left: 0;
}
#sidebar .widget {
	padding: 10px;
	margin-left: 50px;
	background: #f5f1ec;
	border-radius: 10px;

}
#sidebar .title-image {
	margin-top: 35px;
	margin-left: 40px;
	max-width: 60%;
}
#sidebar p {
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}

/* Footer */

ul#foot-links {
	font-family: 'Special Elite', cursive;
}
ul#foot-links, ul#social {
	float: right;
	margin: -15px 0 0;
	padding: 0;
	list-style: none;
}
ul#foot-links li, ul#social li {
	margin: 0;
	padding: 0;
	float: left;
}
ul#foot-links li {
	border-right: 1px solid #111;
	padding: 0 7px;
	font-size: 14px;
	line-height: 1;
}
ul#foot-links li:last-child {
	border-right: none;
}
ul#foot-links li a {
	color: #111;
	
}
ul#foot-links li a:hover {
	text-decoration: underline;
}
ul#social {
	margin-top: -20px;
}
ul#social li {
    display:inline-block;
    font-size: 16px;
    line-height: 30px;
    color:white;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: bottom;
	margin-right: 3px;
}
ul#social li a {
	display: block;
	color: #FFF;
	background: #645f5c;
	border-radius: 100%;
	
}
ul#social li.twitter a:hover {
	background: #00aced;
}
ul#social li.facebook a:hover {
	background: #3b5998;
}
ul#social li.linkedin a:hover {
	background: #007bb6;
}
ul#social li.vimeo a:hover {
	background: #aad450;
}
ul#social li.instagram a:hover {
	background: #517fa4;
}
ul#social li.youtube a:hover {
	background: #bb0000;
}

#footer {
	margin-bottom: 25px;
}

ul#social-mobile {
	
}


/* Mobile */

.tab-bar {
	background: #000 !important;
}
h1.title img {
	max-width: 200px;
}


#om-footer-sleek-optin-title, #om-footer-sleek-optin-submit, #om-mobile-agile-optin-submit, #om-mobile-agile-optin-title {
	font-family: 'Special Elite', cursive !important;	

}
#om-mobile-agile-optin-tagline {
	display: none;
}

@media only screen and (min-width: 40.063em) and (max-width: 90em) {
	
	#footer {
		margin-bottom: 150px;
	}
	
}

@media only screen and (max-width: 40em) {
	html,body {
		height: auto !important;
	}
	#logo-header {
		display: none;
	}
	.home #logo-header {
		display: block;
	}
	#mob-head {
		text-align: center;
		
	}
	#mob-head img {
		width: 90%;
		margin-top: 10px;
	}
	#mob-sub {
		text-align: center;
	}
	#mob-sub img {
		width: 90%;
		margin-top: -15px;
	}
	#nav-wrap {
		display: none;
	}
	#menu-mobile-menu, #menu-mobile-menu ul {
		list-style: none !important;
	}
	.back-image {
		margin-top: 10px;
	}
	ul#social {
		margin-top: 10px;
	}
	
	body {
		background: url('images/living-stories-back.jpg') no-repeat center bottom;
		background-size: cover;
	}
	body {
		background: none;
	}
	.off-canvas-wrap {
		background: url('images/living-stories-back.jpg') no-repeat center bottom;
		background-size: cover;
		
	}
	#home-mobile {
		text-align: center;
	}
	img#home-mobile-image {
		width: 80%;
		text-align: center;
		margin-bottom: 35px;
	}
	#side-image {
		text-align: center;
	}
	#side-image img {
		width: 80%;
		margin-bottom: 35px;
	}
	.back-image {
		display: none;
	}
	.over-text {
		position: relative;
		top: 0;
	}
	
	/* Pages */
	
	#article-header {
		text-align: center;
	}
	#article-header img {
		margin-left: 0;
		max-width: 50%;
		margin-top: 10px;
	}
	.page-id-114 #article-header img {
		max-width: 100%;
	}
	.parent-pageid-22 #article-header img {
		max-width: 90%;
		height: auto;

	}
	
	.entry-content {
		max-width: 90%;
		margin: 0 auto;
	}
	
	.side-image {
		margin-left: 0 !important;
		margin-top: 20px !important;
	}
	
	#footer {
		display: none;
	}
	
	#small-footer {
		padding: 10px 0;
		width:100%; 
		background: #645f5c;
	}
	
	ul#mobile-social {
		margin: 0;
	}
	ul#mobile-social li {
	    display:inline-block;
	    font-size: 16px;
	    line-height: 30px;
	    color:white;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    vertical-align: bottom;
		margin-right: 0;
	}
	ul#mobile-social li a {
		display: block;
		color: #645f5c;
		background: #FFF;
		border-radius: 100%;
		
	}
	ul#mobile-social li:hover a {
		color: #FFF;
	}
	ul#mobile-social li.twitter a:hover {
		background: #00aced;
	}
	ul#mobile-social li.facebook a:hover {
		background: #3b5998;
	}
	ul#mobile-social li.linkedin a:hover {
		background: #007bb6;
	}
	ul#mobile-social li.vimeo a:hover {
		background: #aad450;
	}
	ul#mobile-social li.instagram a:hover {
		background: #517fa4;
	}
	ul#mobile-social li.youtube a:hover {
		background: #bb0000;
	}
	
	ul#mobile-foot-links {
		margin: 0;
		list-style: none;
	}
	ul#mobile-foot-links li {
		list-style: none;
		float: left;
		margin: 0 3px 0 0;
		padding: 0;
		font-size: 12px;
		color: #FFF;
	}
	ul#mobile-foot-links li:last-child {
		margin-right: 0;
	}
	ul#mobile-foot-links li a {
		color: #FFF;
		display: block;
	}
}