/*************************************************************
[TABLE OF CONTENTS]

- HEADER BAR
- CONTENTS
- SLIDE ANIMATION
- DROPDOWN MENU BUTTON
- DROPDOWN MENU
- LOGO
- HORIZONTAL MENU
- SOCIAL
- FONTS
- WORDPRESS TOOLBAR (IF WORDPRESS TOOLBAR ACTIVE, PUSH HEADER ELEMENTS DOWN A BIT)
*************************************************************/


/* HEADER BAR
**************************************************/
.sshos-header-bar {
    position:fixed;
    z-index:99995;
    top:0;
    left:0;
    width:100%;
    height:65px;
    background-color:#0067CD;
}


/* CONTENTS
**************************************************/
.sshos-contents-wrapper {
    position:fixed;
    z-index:99996;
    top:0;
    left:0;
    width:100%;
    height:65px;
    overflow:hidden;
}


/* SLIDE ANIMATION
**************************************************/
.sshos-header-bar,
.sshos-contents-wrapper {
    opacity:0;
    -webkit-transform:translateY(-65px);
    -moz-transform:translateY(-65px);
    transform:translateY(-65px);
    
    -webkit-transition:opacity 0s ease .5s, -webkit-transform .5s ease;
	-moz-transition:opacity 0s ease .5s, -moz-transform .5s ease;
	transition:opacity 0s ease .5s, transform .5s ease;
}
.sshos-active {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0);
    
    -webkit-transition:opacity 0s ease 0s, -webkit-transform .5s ease;
	-moz-transition:opacity 0s ease 0s, -webkit-transform .5s ease;
	transition:opacity 0s ease 0s, -webkit-transform .5s ease;
}


/* DROPDOWN MENU BUTTON
**************************************************/
.sshos-dropdown-menu-button-wrapper {
    height:65px;
    display:none;
    float:left;
    padding:13px 0;
}
.sshos-dropdown-menu-button-inner {
    position:relative;
    height:100%;
    display:table-cell;
    vertical-align:middle;
    margin:0 0 0 15px;
    padding:0 11px;
    border-right:1px solid #267ED4;
}
/* menu button */
.sshos-dropdown-menu-button {
	padding:8px 10px 11px 10px;
    cursor:pointer;
    
    /* prevent iOS flicker when menu button tapped */
    -webkit-tap-highlight-color:transparent;
}
/* menu button bars */
.sshos-dropdown-menu-button:before,
.sshos-dropdown-menu-button div.sshos-dropdown-menu-button-middle:before,
.sshos-dropdown-menu-button:after {
	content:'';
	display:block;
	width:19px;
	height:2px;
	margin:4px 0;
	background-color:#fff;
    border-radius:3px;

	-webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
}
/* hover */
.sshos-dropdown-menu-button:hover:before,
.sshos-dropdown-menu-button:hover div.sshos-dropdown-menu-button-middle:before,
.sshos-dropdown-menu-button:hover:after {
    background-color:#fff;
}
/* animations */
.sshos-dropdown-menu-button-active:before,
.sshos-dropdown-menu-button-active div.sshos-dropdown-menu-button-middle:before,
.sshos-dropdown-menu-button-active:after,
.sshos-dropdown-menu-button-inner::before {
    -webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
}
/* top bar*/
.sshos-dropdown-menu-button-active:before {
    -webkit-transform:translateY(6px) rotate(135deg);
    -moz-transform:translateY(6px) rotate(135deg);
    transform:translateY(6px) rotate(135deg);
}
/* middle bar*/
.sshos-dropdown-menu-button-active div.sshos-dropdown-menu-button-middle:before {
    opacity:0;
    
    -webkit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    transform:scaleX(0);
}
/* bottom bar*/
.sshos-dropdown-menu-button-active:after {
    -webkit-transform:translateY(-6px) rotate(45deg);
    -moz-transform:translateY(-6px) rotate(45deg);
    transform:translateY(-6px) rotate(45deg);
}


/* DROPDOWN MENU
**************************************************/
.sshos-dropdown-menu-wrapper {
    position:fixed;
    z-index:99997;
    top:calc(65px + 12px);
    left:-1000%;
    width:200px;
    padding:11px 10px 10px 18px;
    background-color:#F5F5F5;
    border-bottom:3px solid #5384C9;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow:0px03px 10px 0px rgba(0,0,0,0.25);
    
    -webkit-transform:translateY(15px);
    -moz-transform:translateY(15px);
    transform:translateY(15px);
    
    -webkit-transition:-webkit-transform .35s ease;
	-moz-transition:-moz-transform .35s ease;
	transition:transform .35s ease;
}
.sshos-dropdown-menu-wrapper-active {
    left:12px;
    
    -webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}
/* dropdown tooltip */
.sshos-dropdown-menu-wrapper::before {
    content:'';
    position:absolute;
    top:-4px;
    left:13px;
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;

	/* tooltip color */
	border-bottom:6px solid #F5F5F5;
}
.sshos-dropdown-menu-wrapper ul {
    list-style-type:none;
    display:block;
    width:200px;
    margin:0;
    padding:0;
}
.sshos-dropdown-menu-wrapper li {
    position:relative;
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
    overflow-x:hidden;
}
.sshos-dropdown-menu-wrapper li a {
    font-family:'Roboto',sans serif;
	font-weight:100;
	font-size:17px;
    line-height:34px;
    color:#5C5B5B;
	text-decoration:none;
	letter-spacing:0;
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.sshos-dropdown-menu-wrapper li a:hover {
    color:#5C5B5B;
}


/* LOGO
**************************************************/
.sshos-logo-wrapper {
    height:65px;
    display:table;
    float:left;
}
.sshos-logo-wrapper .sshos-logo-inner {
    height:65px;
    display:table-cell;
    vertical-align:middle;
    padding:10px 15px;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.sshos-logo-wrapper .sshos-logo-inner img {
    display:block;
    width:auto;
    height:calc(65px - 20px);
}
.sshos-logo-wrapper a {
	font-family:'Roboto',sans serif;
	font-weight:500;
	font-size:20px;
    line-height:auto;
	text-decoration:none;
	letter-spacing:0;
	color:#fff;
    margin:0;
    padding:0;
	
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.sshos-logo-wrapper a:hover {
	color:#fff;
    text-decoration:none;
}


/* HORIZONTAL MENU
**************************************************/
.sshos-horizontal-menu-wrapper {
    height:65px;
    display:table;
    float:left;
    padding:13px 0;
}
.sshos-horizontal-menu-inner {
    height:100%;
    display:table-cell;
    vertical-align:middle;
    margin:0 0 0 15px;
    padding:0 15px;
    border-left:1px solid #267ED4;
}
.sshos-horizontal-menu-inner ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.sshos-horizontal-menu-inner li {
    display:inline;
    margin-right:10px;
}
.sshos-horizontal-menu-inner li a {
    font-family:'Roboto',sans serif;
	font-weight:500;
	font-size:14px;
    color:#fff;
	text-decoration:none;
	letter-spacing:0;
    line-height:auto;
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.sshos-horizontal-menu-inner li a:hover {
    color:#fff;
    text-decoration:none;
}


/* SOCIAL
**************************************************/
.sshos-social-wrapper {
    height:65px;
    display:table;
    float:right;
    color:#ccc;
}
.sshos-social-inner {
    height:65px;
    display:table-cell;
    vertical-align:middle;
}


/* NEXT POST BUTTON
**************************************************/
.sshos-next-post-wrapper {
    height:65px;
    display:table;
    float:right;
}
.sshos-next-post-inner {
    height:65px;
    display:table-cell;
    vertical-align:middle;
}
.sshos-next-post-inner a {
    padding:10px 15px;
    font-family:'Roboto',sans serif;
	font-weight:900;
    font-size:10px;
    letter-spacing:1px;
    color:#fff;
    
    -webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	transition:all .25s ease;
}
.sshos-next-post-inner a:hover {
    color:#fff;
    text-decoration:none;
}
.sshos-next-post-inner a span {
    padding:0 0 0 3px;
}


/* FONTS
**************************************************/
@font-face {
    font-family:'icomoon';
    src:url('fonts/icomoon.eot?c7bq5c');
    src:url('fonts/icomoon.eot?c7bq5c#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?c7bq5c') format('truetype'),
        url('fonts/icomoon.woff?c7bq5c') format('woff'),
        url('fonts/icomoon.svg?c7bq5c#icomoon') format('svg');
    font-weight:normal;
    font-style:normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family:'icomoon' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.icon-arrow-right-thick:before {
    content:"\e906";
}


/* WORDPRESS TOOLBAR (IF WORDPRESS TOOLBAR ACTIVE, PUSH HEADER ELEMENTS DOWN A BIT)
**************************************************/
.wp-toolbar-active { margin-top:32px; }
/* for the thicker, mobile admin bar */
@media screen and (max-width: 782px) {
	.wp-toolbar-active { margin-top:46px; }
	#wpadminbar { position: fixed !important; }
}
/* if WordPress amin bar active, keep it above everything else */
#wpadminbar { z-index:9999999999999999999999999999; }