#navigation{position:fixed;top:0;width:100%;margin-top:40px;z-index:110;transition:all 175ms cubic-bezier(.645, .045, .355, 1)}#navigation.alert-on{margin-top:50px}#navigation.is-scrolling{margin-top:0;background:#fff;height:90px;border-bottom:1px solid #ccc}#navigation.is-scrolling .wrapper .logo{margin-top:0px}#navigation.is-scrolling .wrapper .logo a .navLogo{transition:all 175ms cubic-bezier(.645, .045, .355, 1);height:150px}#navigation.is-scrolling .wrapper .menu{margin:18px 0 0 0}#navigation.is-scrolling.alert-on{margin-top:60px}#navigation .fullscreenMenu-wrapper{display:flex;align-items:flex-start;justify-content:center;position:fixed;overflow:scroll;height:100%;transition:all 300ms cubic-bezier(.645, .045, .355, 1);background-color:#fff;z-index:9}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#navigation .fullscreenMenu-wrapper{justify-content:flex-start}}#navigation .fullscreenMenu-wrapper.closed{left:-500px !important;top:0 !important;opacity:0 !important;width:0px !important}#navigation .fullscreenMenu-wrapper .wrapper{max-width:1200px;top:300px}#navigation .fullscreenMenu-wrapper .wrapper #fullscreenMenu li{line-height:1.5}#navigation .fullscreenMenu-wrapper .wrapper #fullscreenMenu li a{transition:all 175ms cubic-bezier(.645, .045, .355, 1);font-size:60px;color:#506d85;font-weight:bold;text-decoration:none;position:relative}#navigation .fullscreenMenu-wrapper .wrapper #fullscreenMenu li a:hover{color:#e59f40}#navigation .fullscreenMenu-wrapper .wrapper #fullscreenMenu li a:hover::before{background:url(/wp-content/themes/ferry-cove-2020/elements/images/menu-arrow.png);background-repeat:no-repeat;background-size:cover;background-position:center;content:"";display:block;position:absolute;width:60px;height:57px;left:-140px;bottom:9px}#navigation .fullscreenMenu-wrapper .wrapper .social-wrapper{display:flex;align-items:flex-end}#navigation .fullscreenMenu-wrapper .wrapper .social-wrapper .social{display:flex}#navigation .fullscreenMenu-wrapper .wrapper .social-wrapper .social a{display:block;margin:0 10px}#navigation .wrapper{display:flex;justify-content:space-between;width:90%}#navigation .wrapper .logo a .navLogo{transition:all 175ms cubic-bezier(.645, .045, .355, 1);background:url(/wp-content/themes/ferry-cove-2020/elements/images/ferry-cove-logo-boxed.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:150px;height:220px}#navigation .wrapper .menu{position:relative;margin:40px 0px 0 0}#navigation .wrapper .menu #nav_menu{display:flex;margin-right:115px}#navigation .wrapper .menu #nav_menu a{margin-left:20px;text-decoration:none}#navigation .wrapper .menu #nav_menu_mobile{display:none;margin-right:115px}#navigation .wrapper .menu #nav_menu_mobile a{margin-left:20px;text-decoration:none}#navigation .wrapper .menu #menu_btn{width:70px;height:30px;position:absolute;right:0px;top:12px;transform:rotate(0deg);transition:all 175ms cubic-bezier(.645, .045, .355, 1);display:block;cursor:pointer;pointer-events:all !important;z-index:1}#navigation .wrapper .menu #menu_btn span{background:#afcdd7;display:block;height:6px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:all 175ms cubic-bezier(.645, .045, .355, 1);width:100%}#navigation .wrapper .menu #menu_btn span:nth-child(1){top:0px;transform-origin:center center}#navigation .wrapper .menu #menu_btn span:nth-child(2){top:12px;transform-origin:center center;width:100%}#navigation .wrapper .menu #menu_btn span:nth-child(3){top:24px;transform-origin:center center;width:100%}#navigation .wrapper .menu #menu_btn:hover span{background:#506d85}#navigation.open{position:fixed}#navigation.open .fullscreenMenu-wrapper{opacity:1;left:0;width:100%;height:100%;top:0}#navigation.open .logo a .navLogo{transition:all 175ms cubic-bezier(.645, .045, .355, 1);background:url(/wp-content/themes/ferry-cove-2020/elements/images/ferry-cove-logo-open.png);background-repeat:no-repeat;background-size:contain;background-position:center}#navigation.open .menu #menu_btn span:nth-child(1){top:6px;transform:rotate(45deg)}#navigation.open .menu #menu_btn span:nth-child(2){opacity:0}#navigation.open .menu #menu_btn span:nth-child(3){top:7px;transform:rotate(-45deg);width:100%}@media screen and (max-width:960px){#navigation .wrapper{overflow:hidden;max-width:90%}#navigation .wrapper .menu #nav_menu{display:none}#navigation .wrapper .menu #nav_menu_mobile{display:flex;margin-right:65px}#navigation .wrapper .menu #nav_menu_mobile a{font-size:18px;padding:15px 10px;margin-left:7px}#navigation .wrapper .menu #menu_btn{width:50px;top:11px}#navigation .wrapper .logo a .navLogo{width:100px;height:140px}#navigation .fullscreenMenu-wrapper{padding-top:200px}#navigation .fullscreenMenu-wrapper .wrapper{height:60%;flex-direction:column;max-width:100%;margin-left:70px}#navigation .fullscreenMenu-wrapper .wrapper #fullscreenMenu li a{font-size:40px}#navigation.open .wrapper .menu #menu_btn{width:50px}#navigation.open .wrapper .menu #menu_btn span:nth-child(3){top:6px}#navigation.open .fullscreenMenu-wrapper .wrapper{height:60%;flex-direction:column;max-width:100%;margin-left:70px}#navigation.open .fullscreenMenu-wrapper .wrapper #fullscreenMenu li a{font-size:40px}#navigation.is-scrolling{margin-top:0}#navigation.is-scrolling .wrapper .logo a .navLogo{height:140px}}@media screen and (max-width:450px){#navigation .wrapper .logo a .navLogo{width:70px;height:110px}#navigation.is-scrolling{margin-top:0}#navigation.is-scrolling .wrapper .logo a .navLogo{height:100px}}