File "_header-center.scss"

Full Path: /home/amervokv/ecomlive.net/wp-content/themes/oceanwp/sass/components/header/_header-center.scss
File size: 1.28 KB
MIME-type: text/plain
Charset: utf-8

#site-header.center-header {
	#site-logo {
		display: none;
	}

	#site-navigation-wrap {
		float: none;
	    width: 100%;
	    right: auto;

	    .navigation {
	    	@include display();
			@include align-items( center );
	    }

		.middle-site-logo {
		    width: 24%;
		    text-align: center;

		    a img {
				width: auto;
				vertical-align: middle;
			    @include transition( all .3s ease-in-out );
			}

			&:hover img {
			    @include opacity( 0.6 );
			}
		}

	    .left-menu,
	    .right-menu {
	    	position: relative;
		    width: 38%;
	    }

	    .left-menu {
	    	float: left;
	    }

	    .right-menu {
	    	float: right;
	    }

	    .dropdown-menu > li {
	    	float: none;
    		display: inline-block;
	    }
	}

    .centered {
	    .left-menu,
	    .right-menu {
		    text-align: center;
	    }
	}

    .wider .left-menu {
    	text-align: left;
	}

    .wider .right-menu {
    	text-align: right;
	}

    .closer .left-menu {
    	text-align: right;
	}

    .closer .right-menu {
    	text-align: left;
	}

	#searchform-header-replace.show {
		max-width: 100% !important;
	}

	&.header-replace {
		#site-navigation .middle-site-logo {
		    @include transition( opacity .3s );
		}

		#site-navigation.hide .middle-site-logo {
			visibility: hidden;
		    @include opacity( 0 );
		}
	}
}