/*
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 */
.tl_awards1 {width:180px; float:right; display:inline; position:relative; }

.tl_awards2 {width:180px; float:right; display:inline; position:relative; }
.tl_awards2_wrap {width:40%; float:right; padding-bottom:30px; margin-top:-20px;}

.tltitle {position:absolute; margin-top:-60px; left:37%;}
body {
	font-weight: 300;
}
iframe {
	max-width: 100%;
}
ul,ol,p {
	font-weight: 300;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 300;
}
h1 {
	
}
h1.entry-title {
	font-weight: 300;
}
h2 {
	
}
h3 {
	
}
h4 {
	
}
h5 {
	
}
h6 {
	
}
p {
	
}
ul {
	
}
ol {
	
}

#container {
	padding: 0 0 25px 0;
}

/* Header */

.contacteagle {
        color:#000;
        line-height:0.6em;
	font-size: 24px !important;
	font-weight:400;
	
}

.contacteagle a {
        color:#000;
        line-height:0.6em;
	font-size: 24px !important;
	font-weight:400;
	
}



.contacteagle_b {color:#fec325;}

.contain-to-grid {
	background: #231F20;
	
}
.top-bar {
	background: #231F20;
}
.top-bar-section ul li {
	background: #231F20;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background: #231F20;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background: #231F20;
	color: #FEC325;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
}
.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {
	border-right: 3px dotted white;
	height: 1rem;
	margin: 1rem 0;
}
.top-bar-section>ul>li:first-child {
	display: none;
}

nav.top-bar {
text-align:center;
}
section.top-bar-section {
display: inline-block;
margin-left: -40px;
}



ul#productlinks {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#productlinks li {
	list-style: none;
	float: left;
	margin: 0 5px;
	font-size: 0.8rem;
}
ul#productlinks li a {
	color: #7F7F7F;
	text-transform: uppercase;
}
ul#productlinks li.first {
	margin-left: 0;
}

/* Header */

#header {
	text-align: center;
}
#logo h1 img {
	margin: 15px 0;
	text-align: center;
	max-width: 250px;
}

.banner {
	background: url('images/cover-about.jpg') no-repeat center center;
	background-size: cover;
	height: 300px;
	margin-bottom: 20px;
}

/* Home */

.homeproduct {
	border-bottom: 3px solid #231F20;
	padding: 20px 0;
}
.homeproduct h2 {
	margin: 0;
	padding: 0;
}
.homeproduct h2 a {
	color: #333;
}
.homeproduct:last-child {
	border-bottom: none;
}
ul.prodmeta {
	margin: 10px 0 0;
	padding: 0;
}
ul.prodmeta li {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}
ul.prodmeta li a {
}
.the_thumb img {
	border: 3px solid #FEC325;
	width: 142px;
	height: 142px;
	border-radius: 100%;
}


/* Contact */

.page-id-11 em {
	font-style: normal;
	color: #FEC325;
	
}

/* Sidebar */

#sidebar {
	
}
#sidebar h6 {
	font-weight: bold;
	margin: 0 0 15px;
	font-size: 16px;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	border-bottom: 1px solid #EEE;
	padding-bottom: 7px;
	margin-bottom: 7px;
	font-size: 14px;
}
#sidebar ul ul {
	border-top: 1px solid #EEE;
	margin-top: 10px;
	padding-top: 8px;
}
#sidebar ul ul li {
	padding-left: 15px;
}
#sidebar .widget {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 5px solid #EEE;
}
#sidebar p {
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}

/* Footer */

ul#sitelinks {
	border-right: 1px solid #FFF;
}

#footer {
	background: #231F20;
	padding: 40px 0;
	
}
#footer h6 {
	color: #FFF;
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
}
#footer p {
	font-style: italic;
	color: #FFF;
	font-size: 0.8rem;
}
#footer p strong {
	color: #FEC325;
}

#footer #sitelinks a {
	text-transform: uppercase;
	color: #FFF;
}
#footer #sitelinks a:hover {
	color: #EEE;
}
#footer #sitelinks a:active {
	color: #DDD;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
#unitube1 {width: 20%; float: left;}

#unitube2 {width: 80%; float: left; padding-bottom: 100px;}

.tl_award {float:right; width:50px;}

.youtube {width:60%; margin:0 auto; padding:40px 0px 40px 0px;}

.video_transcript {padding:40px;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#video-resp {width:20%; display:inline-block; position:relative; padding:10px; vertical-align: top;}

@media (min-width: 1100px) and (max-width: 1500px) {
#video_heading {font-size:11pt!important;} 

}

@media (min-width: 600px) and (max-width: 900px) {
#video-resp {width:40%; display:inline-block; position:relative; padding:10px;}

}
@media (min-width: 100px) and (max-width: 1100px) {
#unitube1 {width: 100%; float:none;}

#unitube2 {width: 100%; float: none; padding-bottom: 100px;}
}
}
@media (min-width: 100px) and (max-width: 600px) {
#video-resp {width:450px; display:block; position:relative; padding:10px; margin:0 auto;}


#submit {
 
background: #fec325;
padding:10px 30px;
color: #ffffff;
border:none;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: transparent}

#tlheadingn {font-size:15pt!important; line-height:1.6em;}
#tlheading {font-size:14pt!important;}
#tlheadingt {font-size:12pt !important;}