/*
Theme Name: Hobie Class
Description: This is a child theme for a parent theme
Author: Zoe Simpson - Hobie Asia Pacific
Template: flatsome
Version: 3.0
*/
a[href^="https://"]:after,
a[href^="http://"]:after {
	margin-left: 5px;
	content: url('incl/img/ico_external-link.png');
}

#logo .float-left {
	float: left;
	padding-right: 5px;
}

#logo h1 {
	display: inline;
	line-height: 1.2;
	margin: .5em 0 0;
}
#logo h1 a {
	font-size: .7em;
	display: inline-block;
	text-transform: capitalize;
}

#logo h2 {
	display: inline;
	line-height: 1;
	font-size: .8em;
	/* color: #fff; */
}

.stuck #logo h2 {
	/* color: #fff; */
}


.misha_loadmore {
    background-color: #ddd;
    border-radius: 2px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 10px 0;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}


/* force an invisible section to take into account the sticky header/menu  */
#hobie_learn_more_product, .link_to_nested_content {
    border-top: 90px solid transparent;
    margin-top: -90px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

a:active, .button:active {
    position: relative;
    top: 2px;
}


sup {
    top: -0.5em;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
/*************** MOBILE MENU STYLING - BY SEB  ***************/

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { /* Menu Background Color */
    background-color: #fff !important;
}

.off-canvas .nav-vertical>li>a { /* Main Menu Links Styling */
    font-size: 22px;
    color: #555;
    line-height: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0px !important;
}

.nav-vertical>li>ul li a { /* Sub Menu Links Styling */
    color: #3DA8A2;
}
.nav-vertical li a:active, .nav-vertical a:focus,
.nav-vertical>li>ul li a:hover { /* Sub Menu Links: Hover Styling */
    color: #05B2F3 !important;
}

.nav-vertical li li.menu-item-has-children>a { /* Sub Menu Links with Children: Styling */
    color: #777;
    text-transform: none;
    font-size: 100%;
}

.toggle, .toggle:focus { /* Dropdown arrow styling */
    color: #3DA8A2;
    opacity: 1;
}

@media screen and (max-width: 549px) { /* Close X styling for Phone */
    .mfp-ready .mfp-close {
        color: #3DA8A2;
        opacity: 1;
        mix-blend-mode: inherit;
    }
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { /* Menu Transition Speed */
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover { /* Remove Background Hover */
    background-color: transparent;
}

.nav-sidebar.nav-vertical>li+li { /* Border Styling */
    border-top: 0px solid #ececec;
}

.nav-sidebar .button { /* Button Full Width */
    width:100%;
}

.nav-sidebar li.html.header-button-1, .nav-sidebar li.html.header-button-2 { /* Button Small Margin */
    margin:4px !important;
}

@media screen and (max-width: 549px) { /* Width & Padding Menu - Phone Only */
	.off-canvas-center .nav-sidebar.nav-vertical > li .toggle {
    top: 0;
}
    .off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
        padding: 70px 40px;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        width: 100%;
    }
	
	#logo h1 a {
		font-size: .6em;
		display: inline;
	}

	#logo h2 {
		font-size: .75em;
		/* color: #fff; */
	}
	
}

@media screen and (min-width: 550px) { /* Width & Padding Menu - Tablet Dekstop */
    .off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
        padding: 40px;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        width: 400px;
    }
}

@media screen and (min-width: 1800px) { /* Width & Padding Menu - Big Dekstop */
    .off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
        padding: 80px;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        width: 500px;
    }
}

.nav-vertical li li, .off-canvas:not(.off-canvas-center) .nav-vertical li>a, .nav-sidebar .off-canvas:not(.off-canvas-center) .nav-vertical li>a { /* Important Padding - Dont remove */
    padding-left: 0px;
}

.nav-vertical li li.menu-item-has-children { /* Important Padding - Dont remove */
    margin:0px;
}

.off-canvas:not(.off-canvas-center) li.html { /* Padding & Margin - Dont remove */
    padding: 0px;
    margin: 20px 0px;
}