/*************************************************************

[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(-90px);

    -moz-transform:translateY(-90px);

    transform:translateY(-90px);

    

    -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; }