@import url("../../InnovaAustralia/css/app.css");


/*Type*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Karla:400,700);

body {height: auto; font-family:"Karla","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: 400; color: #333333;}

h1,
h2,
h3,
h4,
h5,
.button,
.tabs dd>a,
.tabs .tab-title>a,
.accordion .accordion-navigation>a,
.accordion dd>a,
.top-bar-section ul li a,
#sidebar .menu li {
	font-family:Oswald;
	font-weight: 400;
}

h1 {
font-size: 3.75rem;
}

h2,
h4 	{font-weight: 300;}

#sidebar .menu,
.copyright {text-transform: uppercase;}

/*#sidebar .menu ul {text-transform: none;}*/

.button, .tabs, .accordion dd>a {font-weight:300; text-transform:uppercase; letter-spacing:0.15em;}

.top-bar .name h1 a {color:#333333;}

footer {margin-top: 20px !important;}

footer .row{ padding: 4% 0;}

footer .copyright {font-size: 0.7em;}
footer ul {font-size: 0.9em;}

.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

button, .button {
background-color: #fff114;
border-color: #ffffff;
color: #000000;
margin: 5px 0px;
}

button:hover, button:focus, .button:hover, .button:focus {
background-color: #ec2028;
color: #ffffff;
}

a {
color: #ec2028;
}

a:hover, a:focus {
  color: #999999;
}

.panel.callout {
border-style: solid;
border-width: 1px;
border-color: #eeeeee;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #f5f5f5;
}


/*Grid*/
.left-collapse {padding-left: 0 !important;}
.right-collapse {padding-right: 0 !important;}



/*Layout*/

#homepage-hero { background: url("#") repeat scroll 0 0 #333333; }
.floatingyeti {z-index: 0 !important; /* currently hidden*/ display: none !important;}

/*Nav bar*/
.top-bar-container, .top-bar-section .dropdown, .top-bar-section ul, .top-bar-section ul li, .top-bar-section ul a {z-index: 99999;}

.top-bar .title-area {display: none;}

/*Top Bar Active*/
.top-bar-section li.active:not(.has-form) a:not(.button){background: rgba(0, 0, 0, 0.1);color: #333333;}

/*Top Bar Hover*/
.top-bar-section li:not(.has-form) a:not(.button):hover {background-color: #ec2028;}

/*Dropdown Normal*/
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {color: #ffffff; background: #333333; }
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {background: #ec2028; }

.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section .has-dropdown > a:after {color: #333333; border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent; }

.top-bar-section ul li,
.tab-bar,
.top-bar-section li:not(.has-form) a:not(.button) {background-color: #fff114;}

.top-bar-section ul li>a {font-size:1.1em; color: #333333;letter-spacing:0.01em; font-weight: 400;text-transform:uppercase;}

.top-bar-section .dropdown li a {font-size: 0.85em; letter-spacing:0.05em; font-weight: 300;}

.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {
	border-right: solid 1px rgba(0, 0, 0, 0.1);
	/*border-left: solid 1px rgba(0, 0, 0, 0.1);*/
}

section.container {
  padding-bottom: 1%;
}


/* Responsive Only Items */
.tab-bar, .tab-bar .menu-icon, .tab-bar a, .tab-bar h1 {color: #333;}
.tab-bar .menu-icon {background: rgba(0, 0, 0, 0.1);}
.tab-bar .left-small {border-right: solid 1px rgba(0, 0, 0, 0.1);}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .textwidget .fb-feed {display: none;}
}


@media all and (max-width: 910px) {
  #homepage-hero h1 {text-align: center;width: 100%;}
/*  .top-bar-section ul li>a {font-size:0.85em;}
  .top-bar-section .dropdown li a {font-size: 0.75em;}*/
}


@media all and (max-width: 640px) {
	.tab-bar .title {color: transparent;}
  #homepage-hero h1 {text-align: center; width: 100%;}
}

.tab-bar .menu-icon span::after {box-shadow: 0 0px 0 1px #333333,0 7px 0 1px #333333,0 14px 0 1px #333333;}

footer .menu {list-style-type: none;}
footer .menu a {text-transform: uppercase; font-weight: bold;}
footer .menu a:hover {color: #333333;}
footer .sub-menu {display: none;}

.home-features {margin-bottom:1%;}
.home-features p {padding-left:1.3rem; padding-right:1.3rem;}

.round-thumb {
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    background-color: #999999;
    margin: 10px 0;
}
.round-thumb img {
    display: block;
/* Stretch 
      height: 100%;
      width: 100%; */
max-width: inherit;
max-height: 100%;
width: 100%;
}


/*Sidebar Menu*/

#sidebar .menu, #sidebar .menu ul {list-style-type: none;}
#sidebar .menu li a {display:block; padding: 10px 0px 10px 0px; border: 1px dotted #dddddd; border-width: 0px 0px 1px 0px;}
#sidebar .menu li a:hover {background-color: rgba(255, 241, 20, 1);}
#sidebar .menu {border-top:1px dotted #dddddd; text-indent: 15px;}
#sidebar .menu a {color: #333333;}
#sidebar .sub-menu li a {color: #999999; border: 1px dotted #dddddd; border-width: 0px 0px 1px 0px; font-weight: 300; letter-spacing: 0.02em;}
#sidebar .sub-menu {margin-left: 0px; text-indent: 20px; background-color: rgba(0, 0, 0, 0);}

.contain-to-grid, .top-bar, footer {background-color: #fff114;}

#homepage-hero {padding: 0px; min-height: 250px; z-index: 9999;}
.custom-slider-homepage, #orbit-inside {max-height: 450px;}
.feature-banner {width: 100%; max-height: 250px; overflow: hidden; position:}
.feature-banner img {min-width: 100%;}
#homepage-hero .row {position: absolute; top:0; left:0; right:0; margin:0 auto; z-index: 99999; padding: 30px 0;}