app/Resources/views/Includes/apartments-header.html.php line 421

Open in your IDE?
  1. <header id="theme-header">
  2.     <style type="text/css">
  3.         @media (min-width: 0em) {
  4.             #theme-header {
  5.                 font-family: 'BrandonTextWeb-Bold', sans-serif;
  6.                 background: #000;
  7.                 color: #fff;
  8.                 position: static;
  9.                 z-index: 99999;
  10.             }
  11.             #theme-header a {
  12.                 color: #fff;
  13.                 font-size: 14px;
  14.             }
  15.             #theme-header .interior {
  16.                 margin: 0 auto;
  17.                 padding: 1rem;
  18.                 max-width: 1200px;
  19.             }
  20.             #theme-header .interior:not(.navigation-links-mobile) {
  21.                 border-bottom: 4px solid #e03133;
  22.             }
  23.             #theme-header .logo-container{
  24.                 margin: 0;
  25.                 line-height: 1;
  26.             }
  27.             #theme-header .logo-container a {
  28.                 display: block;
  29.                 height: 2rem;
  30.                 font-size: 0;
  31.                 max-width: calc(100% - 4rem);
  32.                 /*
  33.                 background: url('/homes/svg/vm_logo_black.svg') no-repeat 0% 50%;
  34.                 background-size: contain;
  35.                 */
  36.             }
  37.             #theme-header .mobile-toggle {
  38.                 display: block;
  39.                 float: right;
  40.                 width: 30px;
  41.                 height: 30px;
  42.                 cursor: pointer;
  43.                 position: absolute;
  44.                 top: 1rem;
  45.                 right: 1.25rem;
  46.             }
  47.             #theme-header .mobile-toggle span {
  48.                 border-radius: 2px;
  49.                 display: block;
  50.                 width: 20px;
  51.                 height: 4px;
  52.                 background: #fff;
  53.                 position: absolute;
  54.                 left: 5px;
  55.                 -webkit-transform-origin: 50% 50%;
  56.                 transform-origin: 50% 50%;
  57.                 -webkit-transition: all 0.25s;
  58.                 transition: all 0.25s;
  59.             }
  60.             #theme-header .mobile-toggle span:nth-child(1) {
  61.                 top: 5px;
  62.             }
  63.             #theme-header .mobile-toggle span:nth-child(2) {
  64.                 top: 13px;
  65.             }
  66.             #theme-header .mobile-toggle span:nth-child(3) {
  67.                 top: 21px;
  68.             }
  69.             #theme-header .mobile-toggle.opened span:nth-child(1) {
  70.                 top: 13px;
  71.                 -webkit-transform: rotate(45deg);
  72.                 transform: rotate(45deg);
  73.             }
  74.             #theme-header .mobile-toggle.opened span:nth-child(2) {
  75.                 opacity: 0;
  76.             }
  77.             #theme-header .mobile-toggle.opened span:nth-child(3) {
  78.                 top: 13px;
  79.                 -webkit-transform: rotate(-45deg);
  80.                 transform: rotate(-45deg);
  81.             }
  82.             #theme-header .navigation-links-mobile {
  83.                 display: none;
  84.             }
  85.             #theme-header .navigation-links-mobile.opened {
  86.                 display: block;
  87.             }
  88.             #theme-header .navigation-links-mobile .main {
  89.                 margin: 0;
  90.             }
  91.             #theme-header .navigation-links-mobile .main ul {
  92.                 margin: 0;
  93.                 padding: 0;
  94.                 list-style-type: none;
  95.             }
  96.             #theme-header .navigation-links-mobile .has-children .menu-wrapper {
  97.                 display: none;
  98.             }
  99.             #theme-header .navigation-links-mobile .has-children.open-children .menu-wrapper {
  100.                 display: block;
  101.             }
  102.             #theme-header .navigation-links-mobile .has-children .menu-wrapper li .menu-wrapper{
  103.                 display: none;
  104.             }
  105.             #theme-header .navigation-links-mobile .has-children.open-children .menu-wrapper li.open-children .menu-wrapper{
  106.                 display: block;
  107.             }
  108.             #theme-header .navigation-links-mobile .main ul .has-children{
  109.                 position: relative;
  110.             }
  111.             #theme-header .navigation-links-mobile .navigation li a + span{
  112.                 content: '';
  113.                         width: 2rem;
  114.                         height: 2rem;
  115.                         background: url(/homes/svg/arrow-down-white.svg);
  116.                         background-repeat: no-repeat;
  117.                         position: absolute;
  118.                         z-index: 3;
  119.                         top: 0;
  120.                         right: 0.25rem;
  121.                         font-size: 0;
  122.                         background-position: center center;
  123.                         background-size: 1.125rem 1.125rem;
  124.                         cursor: pointer;
  125.                         transition: 0.5s;
  126.                         -webkit-transition: 0.5s;
  127.                         -ms-transition: 0.5s;
  128.                         -moz-transition: 0.5s;
  129.                         -o-transition: 0.5s;
  130.             }
  131.             #theme-header .navigation-links-mobile .navigation .has-children.open-children > a + span, #theme-header .navigation-links-mobile .navigation .has-children.open-children .menu-wrapper li.open-children a + span{
  132.                         transform: rotate(180deg);
  133.                         -webkit-transform: rotate(180deg);
  134.                         -ms-transform: rotate(180deg);
  135.                         -moz-transform: rotate(180deg);
  136.                         -o-transform: rotate(180deg);
  137.                         transition: 0.5s;
  138.                         -webkit-transition: 0.5s;
  139.                         -ms-transition: 0.5s;
  140.                         -moz-transition: 0.5s;
  141.                         -o-transition: 0.5s;
  142.             }
  144.             /* TOP LEVEL */
  145.             #theme-header .navigation-links-mobile .main > ul > li > a {
  146.                 display: block;
  147.                 margin: 0;
  148.                 padding: 1rem 0;
  149.                 line-height: 1rem;
  150.                 text-transform: uppercase;
  151.                 position: relative;
  152.                 z-index: 1;
  153.                 width: calc(100% - 3rem);
  154.             }
  155.             #theme-header .navigation-links-mobile .main .is-active > a{
  156.                 color: #e03133 !important;
  157.             }
  159.             /* SIMPLE */
  160.             #theme-header .navigation-links-mobile .simple .children {
  161.                 padding-left: 1rem;
  162.             }
  163.             #theme-header .navigation-links-mobile .simple .children > li > a {
  164.                 display: block;
  165.                 padding: 0.5rem 0;
  166.                 line-height: 1rem;
  167.                 color: #33a5bf;
  168.             }
  169.             #theme-header .navigation-links-mobile .simple .children > li:first-child > a{
  170.                 padding: 0 0 0.5rem;
  171.             }
  173.             /* PREVIEWS */
  174.             #theme-header .navigation-links-mobile .previews .children {
  175.                 padding-left: 1rem;
  176.             }
  177.             #theme-header .navigation-links-mobile .previews .children > li > a {
  178.                 display: block;
  179.                 padding: 0.75rem 0;
  180.                 line-height: 1rem;
  181.                 color: #33a5bf;
  182.             }
  183.             #theme-header .navigation-links-mobile .previews .children > li > a > span {
  184.                 display: block;
  185.             }
  186.             #theme-header .navigation-links-mobile .previews .children > li > a > span > img {
  187.                 margin-top: 1rem;
  188.             }
  190.             /* UTILITY */
  191.             #theme-header .navigation-links-mobile .utility {
  192.                 margin: 0;
  193.                 padding: 0;
  194.             }
  195.             #theme-header .navigation-links-mobile .utility ul {
  196.                 margin: 0;
  197.                 /*border-top: 1px solid #ccc;*/
  198.                 /*padding: 1rem 0 0 0;*/
  199.             }
  200.             #theme-header .navigation-links-mobile .utility a {
  201.                 display: block;
  202.                 padding: 1rem 0;
  203.                 line-height: 1rem;
  204.                 color: #fff;
  205.                 text-transform: uppercase;
  206.             }
  207.             #theme-header .logo-container .heading {
  208.                 margin: 0;
  209.                 padding: 0;
  210.                 height: 2rem;
  211.                 width: calc(100% - 6rem);
  212.             }
  213.             #theme-header .logo-container .heading svg {
  214.                 height: 2rem;
  215.                 width: auto;
  216.                 vertical-align: top;
  217.             }
  218.         }
  219.         @media (min-width: 40em) {
  220.             #theme-header .interior {
  221.                 padding: 1rem 2rem;
  222.             }
  223.             #theme-header .mobile-toggle {
  224.                 right: 2.375rem;
  225.             }
  226.         }
  227.         @media (min-width: 64em) {
  228.             #theme-root {
  229.                 padding-top: 78px;
  230.             }
  231.             #theme-header .mobile-toggle {
  232.                 display: block;
  233.                 float: right;
  234.                 width: 30px;
  235.                 height: 30px;
  236.                 cursor: pointer;
  237.                 position: relative;
  238.             }
  239.             #theme-header {
  240.                 width: 100%;
  241.                 border-bottom: 4px solid #e03133;
  242.                 position: fixed;
  243.                 z-index: 999;
  244.                 top: 0;
  245.                 left: 0;
  246.             }
  247.             #theme-header a {
  248.                 font-size: 13px;
  249.                 -webkit-transition: color 0.5s;
  250.                 transition: color 0.5s;
  251.             }
  252.             #theme-header a:hover {
  253.                 color: #33a5bf;
  254.             }
  255.             #theme-header .interior {
  256.                 padding: 1rem 4rem;
  257.                 border: none !important;
  258.             }
  259.             #theme-header .interior::after {
  260.                 content: '';
  261.                 clear: both;
  262.                 display: block;
  263.                 float: none;
  264.                 height: 0;
  265.             }
  267.             #theme-header .logo-container {
  268.                 float: left;
  269.             }
  270.             #theme-header .logo-container a {
  271.                 display: block;
  272.                 height: 2.625rem;
  273.             }
  274.             #theme-header .logo-container .heading {
  275.                 margin: 0;
  276.                 padding: 0;
  277.                 height: 2.625rem;
  278.                 width: auto;
  279.             }
  280.             #theme-header .logo-container .heading svg {
  281.                 height: 2.625rem;
  282.                 width: auto;
  283.                 vertical-align: top;
  284.             }
  286.             #theme-header .above-navigation-links {
  287.                 float: right;
  288.                 text-align: right;
  289.             }
  290.             #theme-header .above-navigation-links ul {
  291.                 margin: 0;
  292.                 padding: 0;
  293.             }
  294.             #theme-header .above-navigation-links li,
  295.             #theme-header .above-navigation-links a {
  296.                 height: 1rem;
  297.                 line-height: 1rem;
  298.                 vertical-align: top;
  299.             }
  300.             #theme-header .above-navigation-links li {
  301.                 display: table-cell;
  302.                 padding: 0 1rem;
  303.             }
  304.             #theme-header .above-navigation-links li:first-child {
  305.                 padding-left: 0;
  306.             }
  307.             #theme-header .above-navigation-links li:last-child {
  308.                 padding-right: 0;
  309.             }
  310.             #theme-header .above-navigation-links li:not(:first-child) {
  311.                 border-left: 1px solid #fff;
  312.             }
  313.             #theme-header .above-navigation-links a {
  314.                 display: inline-block;
  315.                 color: #fff;
  316.                 transition: color 0.5s;
  317.                 -webkit-transition: color 0.5s;
  318.             }
  319.             #theme-header .above-navigation-links a:hover {
  320.                 color: #33a5bf;
  321.                 transition: color 0.5s;
  322.                 -webkit-transition: color 0.5s;
  323.             }
  324.             #theme-header .navigation-links-desktop {
  325.                 clear: right;
  326.                 float: right;
  327.                 padding: 5px 0 0 0;
  328.                 text-align: right;
  329.             }
  330.             #theme-header .navigation-links-desktop ul {
  331.                 margin: 0;
  332.                 list-style-type: none;
  333.             }
  334.             #theme-header .navigation-links-desktop > ul {
  335.                 height: 1.3125rem;
  336.                 text-align: right;
  337.                 text-transform: uppercase;
  338.             }
  339.             #theme-header .navigation-links-desktop > ul > li {
  340.                 display: inline-block;
  341.                 margin: 0 0 0 2.25rem;
  342.                 padding: 0.5rem 0;
  343.                 height: 2.3125rem;
  344.                 position: relative;
  345.             }
  346.             #theme-header .navigation-links-desktop > ul > li > a {
  347.                 display: inline-block;
  348.                 height: 1.3125rem;
  349.                 vertical-align: top;
  350.             }
  351.             #theme-header .navigation-links-desktop > ul > li.active > a{
  352.                 color: #e02e33;
  353.             }
  354.             #theme-header .navigation-links-desktop > ul > li.has-children {
  355.                 padding-right: 1.3125rem;
  356.             }
  357.             #theme-header .navigation-links-desktop > ul > li.has-children::after {
  358.                 content: '';
  359.                     height: 0.4rem;
  360.                     width: 0.4rem;
  361.                     position: absolute;
  362.                     top: 0.4rem;
  363.                     width: 1.325rem;
  364.                     height: 1rem;
  365.                     background: url(/homes/svg/arrow-down-white.svg);
  366.                     background-repeat: no-repeat;
  367.                     background-size: 0.625rem 0.625rem;
  368.                     background-position: bottom center;
  369.             }
  370.             #theme-header .navigation-links-desktop > ul > li > .menu-wrapper {
  371.                 display: none;
  372.             }
  373.             #theme-header .navigation-links-desktop .is-active > a {
  374.                 color: #e03133 !important;
  375.             }
  376.             #theme-header .navigation-links-desktop .is-active > a:hover {
  377.                 color: #33a5bf !important;
  378.             }
  380.             /* PREVIEWS */
  381.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper { display: none; border-top: 4px solid #e03133; padding: 3rem 0; width: 100%; text-align: left; background: #f8f8f8; position: fixed; z-index: 998; top: 4.625rem; left: 0; }
  382.             #theme-header .navigation-links-desktop > ul > li.previews:hover > .menu-wrapper { display: block; }
  383.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper > ul.children { display: table; table-layout: fixed; margin: 0 auto; padding: 0 3rem; max-width: 1200px; width: 100%; }
  384.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper > ul.children > li { display: table-cell; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 calc(1rem - 1px); }
  385.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper > ul.children > li:first-child { border-left: 1px solid rgba(0,0,0,0); }
  386.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper > ul.children > li:last-child { border-right: 1px solid rgba(0,0,0,0); }
  387.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper > ul.children > li > a { display: block; line-height: 1; font-size: 1.25rem; color: #33a5bf; text-transform: none; }
  388.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper > ul.children > li > a:hover { color: #000; }
  389.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper > ul.children > li > a > span { display: block; }
  390.             #theme-header .navigation-links-desktop > ul > li.previews > .menu-wrapper > ul.children > li > a > span + span { padding: 1rem 0 0 0; }
  392.             /* SIMPLE */
  393.             #theme-header .navigation-links-desktop > ul > li.simple > .menu-wrapper { display: none; border-top: 4px solid #e03133; padding: 2rem; width: auto; text-align: left; background: #f8f8f8; position: absolute; z-index: 998; top: 100%; right: 0; }
  394.             #theme-header .navigation-links-desktop > ul > li.simple:hover > .menu-wrapper { display: block; }
  395.             #theme-header .navigation-links-desktop > ul > li.simple:hover > .menu-wrapper > ul.children > li > a { display: block; line-height: 1; font-size: 1.25rem; color: #33a5bf; text-transform: none; white-space: nowrap; }
  396.             #theme-header .navigation-links-desktop > ul > li.simple:hover > .menu-wrapper > ul.children > li > a:hover { color: #000; }
  397.             #theme-header .navigation-links-desktop > ul > li.simple:hover > .menu-wrapper > ul.children > li + li { padding: 1rem 0 0 0; }
  399.         }
  400.         @media (min-width: 75em) {
  402.         }
  403.     </style>
  404.     <div class="interior">
  405.         <div class="logo-container">
  406.             <a href="/">
  407.                 <h1 class="heading" style="margin: 0;">
  408.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504 114.23">
  409.                         <title>Van Metre Logo</title>
  410.                         <path d="M69,15.66c-.05,2.3-.16,4.42-.36,6.62a100.4,100.4,0,0,1-5.87,25.26c-5.85,15.8-14,31-25.21,43.81-1.42,1.58-2.85,3.16-4.36,4.66-.73.77-1.51,1.5-2.28,2.23l-1.15,1.11c-.41.38-.83.76-1.26,1.14a29.46,29.46,0,0,1-5.87,4.05A19.38,19.38,0,0,1,19,106a13.52,13.52,0,0,1-2,.45,12.15,12.15,0,0,1-2.17.17,12.62,12.62,0,0,1-8.34-3.13A17.13,17.13,0,0,1,2,96.78a29.22,29.22,0,0,1-1.64-7A52.4,52.4,0,0,1,0,83.13,126.85,126.85,0,0,1,.93,70.41c.42-4.14,2.46-33.5,2.57-35,.32-4.11.91-7.5,4.56-8.71a5.19,5.19,0,0,1,4.89,1A7.62,7.62,0,0,1,15.87,33l0,.35c0,.62.09,1.31.11,2s0,1.35,0,2c-.07,1.29-.18,2.51-.35,3.64s-.36,2.2-.51,3.2l-.54,3.18c-.77,4.23-1.67,8.33-2.57,12.35s-1.71,7.93-2.35,11.9A93.21,93.21,0,0,0,8.32,83.27c-.16,4.56-.71,15,5.33,16.61,2.28.62,4.72-.43,6.66-1.56,5.41-3.16,10.1-8.66,13.8-13.63C43,72.75,48.56,58.3,53,44.21a82,82,0,0,0,3.94-22.65A31.54,31.54,0,0,0,55.36,10c-.75-2.3-3.33-5.13-2.18-7.38,1.4-2.75,5.4-3.14,8-2.23,3,1,5,4,6.22,6.76A20.91,20.91,0,0,1,69,15.66ZM169.2,99.08a4.92,4.92,0,0,1-3.59,2.09,10,10,0,0,1-1.77.16c-3.58,0-6.36-2-7.14-4.24-.15-.43-.28-.87-.41-1.32-.39-1.42-.64-2.86-.89-4.25a23.69,23.69,0,0,0-1.92-6.82c-1.83-3.54-6.36-4.93-10.1-4.52a18.42,18.42,0,0,0-10.19,5.14c-2.28,2.11-4.54,4.26-6.71,6.48-2.73,2.76-4.89,5.66-9.25,4.5-4.16-1.11-4.76-4.06-5-6.44-1.85.93-3.57,2-5.36,3a77.92,77.92,0,0,1-7.46,4c-7.44,3.38-13.9,2.38-18.18-2.82-.38-.47-.58-.52-.58-.52s-.23,0-.8.48a8.38,8.38,0,0,1-1.3.84c-7.9,4.38-14.08,5.17-19.5,2.51A8.7,8.7,0,0,1,54.33,92c-1.55-5,1.24-11.12,3.05-14.3,4-7,10.24-12,16.79-13.46a17.56,17.56,0,0,1,14.26,2.89c5.08,3.57,6.48,8.4,3.93,13.61-1.84,3.76-2.53,7-1.86,8.69a2.19,2.19,0,0,0,1.39,1.28c2.54.94,12.44-1.47,18-6.67,1.59-1.5,3.07-3.09,3.15-5.27a14.11,14.11,0,0,1,.63-4.16c1.34-2.66,5.42-3.91,8.42-2.84,3.54,1.26,3.27,4.17,3.12,5.91,0,.35-.07.7-.07,1,0,.81-.07,1.7-.14,2.66s-.15,2.19-.17,3.39c1.24-1.13,2.55-2.38,3.84-3.6,2.43-2.31,4.72-4.49,6.65-6a18.23,18.23,0,0,1,13.9-4.06,20.76,20.76,0,0,1,12.31,6.51c3.9,4.16,5.33,9,6.71,13.61.28.94.56,1.88.86,2.82l.07.22C169.58,95.62,170.18,97.46,169.2,99.08ZM83.12,73.68a3.08,3.08,0,0,0-1.94-.54c-2.71,0-6.94,1.92-10.21,4.3A25.37,25.37,0,0,0,62.23,88.1c-.88,2.14-1.11,3.87-.63,4.76s3,1.26,4.87.89a24.25,24.25,0,0,0,17.2-13.1C84,79.85,85.73,75.75,83.12,73.68Zm420.3-34c-1,2-3.33,2.76-6.25,2.13-15.65-3.4-31.75-2.62-47.32-1.86-3.75.18-7.5.36-11.24.49-14.52.49-29.26,1.52-43.51,2.51-7.86.55-16,1.11-24,1.58l-1.22.06c-1.31,3.68-2.55,7.45-3.78,11.39-2.44,7.81-4.72,15.75-5.21,24-.32,5.4-.38,11,1.18,16.24,1.65,5.53,7.84,7.15,13.1,2.77,10-8.27,13.23-22.47,15.56-30.3.37-1.24-.71-3.55-1.38-4.23a4.42,4.42,0,0,1-.48-3.66,6.63,6.63,0,0,1,4.11-4,6.7,6.7,0,0,1,7.71,2.33c1.1,1.68,7.11,5.87,7.11,5.87a21.24,21.24,0,0,0,6.74,3c1.51.42,2.82.79,3.39,2,.67,1.48,0,3.3-2.2,8a24.37,24.37,0,0,0-1.08,2.79A29.47,29.47,0,0,0,413.55,90c0,.17,0,.36,0,.56a13,13,0,0,0,13.35,11.73,25.1,25.1,0,0,0,5.59-.9c1.86-.52,4.67-1.72,6.18-3.71a19,19,0,0,1-5.55-13.33,17.54,17.54,0,0,1,6-13.61c4.19-3.68,11.49-5,16.65-2.8,7.37,3.13,6.27,12.29,2.22,17.61-2.67,3.5-7.52,7.78-7.7,8.08.61.64,7.41,2,16.2-.26,5.05-1.56,8.64-4.62,12.66-7.8a3,3,0,0,1,.41-.27c3.7-2,7.31,2.93,4.48,6.08l-.43.45a47.12,47.12,0,0,1-8.17,5.92c-7.17,4.56-20.68,7.21-31.92,2.62a36.62,36.62,0,0,1-19.41,8.43c-7,.61-15.93-2.09-19.9-8.35a18.13,18.13,0,0,1-2.66-10.83,57.52,57.52,0,0,1,3.89-16.49c-1.5-.9-2.12-1.34-4-2.55l-2.92-1.83a3.25,3.25,0,0,0-.43-.23c-.14.25-8.52,18.85-11.31,24.27-1,1.9-1.94,3.79-3,5.63-7.29,12.45-17.12,15.34-23.37,12.56s-9.28-8.14-10.72-17.62a70,70,0,0,1-.45-7.58c-3.33,3.21-7.83,8.63-13.11,12-7.67,4.87-22.58,7.57-34.23,1.56a43.53,43.53,0,0,1-14,4c-5.5.59-12.52-1.3-16.32-4.41-4.43-3.61-6.95-9-7.69-16.44-.3-3,.17-7.81.58-12,.13-1.34.69-5.3.78-6.57-4.32,5.27-13.85,17.39-19.26,14.7-4.8-2.38-5-10.31-5.38-17.86-.23-4.12-.07-35.11-.26-40.22,0-1.05-.2-5-.2-5-1.2.5-4.15,3.35-9.59,15.37C219.15,56.33,208.69,82,206.05,107.2c-.15,1.46-.31,6.38-3.85,6.93-2.89.45-6.25-.76-7.43-3.43-.27-.61-.21-3.2.06-6.13.61-6.6,1-13.22,1.12-19.84.24-10.42.54-24.34.48-26.9-.12-5.2-.39-10.63-.42-10.91-.45-4.76-.89-6.87,1.7-8.68a6.48,6.48,0,0,1,8,.21,6.61,6.61,0,0,1,2.38,5v3c0,.79,0,1.55-.09,2.3-.11,1.48-.24,2.87-.37,4.19s-.24,2.51-.34,3.84L207,60.71l-.39,7.65c0,.69-.09,6.32-.13,7,4.16-12.26,8.85-29.18,14.14-41.5l3-6.92.86-2c.71-1.65,1.42-3.29,2.16-4.93a85.12,85.12,0,0,1,5.83-10.75c1.81-2.82,4-5.85,7.35-7a11,11,0,0,1,8.14.5c5.66,2.71,7.74,11.76,7.28,19l-.1,1.62C253.7,45.2,253.05,62,253.19,66.94c0,.19.06,2,.12,2.4,1-.21,6.84-7.47,12-12.51,0,0,7.58-8.16,10.1-10.72,3.85-3.92,9-2.14,7.48,3.3A29.44,29.44,0,0,1,281,53.79c-2.89,6.09-4.19,13.11-5,19.77-.7,6,0,12.85,3.89,17.69s10.35,4.27,15.9,1.73a19.41,19.41,0,0,1-1.94-8.6,18.22,18.22,0,0,1,3.52-10.74,16.86,16.86,0,0,1,12.6-6.75c4.18-.2,9.11,1.42,11.11,5.38,2.16,4.3.42,9.7-2.33,13.3s-7.52,7.78-7.7,8.07a15,15,0,0,0,5.94,2c8.25.93,16.89-2.42,22.88-7.63l.54-.47A31.8,31.8,0,0,0,350.28,72l0-.09c1.5-5.32,2.3-9.69,3.64-14.25,1.12-3.81,2.21-7.36,3.28-10.71-3.31.36-6.26.71-9,1-10.88,1.31-9.59,2.34-28.28,2.24A33.83,33.83,0,0,1,309,48.43c-3-1-6-2.37-7.61-5.05a4.4,4.4,0,0,1,.88-5.94,5.3,5.3,0,0,1,6.75.14c5.74,4.7,13.16,4.29,20.34,3.89l1.67-.09c13.47-.68,25.4-2.92,29.08-3.27,7.16-20.65,13.1-30.67,18.75-34.88,4.63-3.45,10.58,2.31,7.48,7.19l-.06.09a156.1,156.1,0,0,0-13.06,25.22c32.22-2.82,64.4-4.53,95.66-5.08a144.82,144.82,0,0,1,27.58,1.65,22.81,22.81,0,0,1,4.35,1.23,4.7,4.7,0,0,1,2.92,2.66A4.19,4.19,0,0,1,503.42,39.66ZM304.94,85.73c.19,1.48.83,4.56,3,3.3,3.18-1.88,7.36-8.51,8.31-11a1.94,1.94,0,0,0,.09-.28c.49-2.19-3-2.22-4.3-2.08l-.47.06a7.82,7.82,0,0,0-5,3A9.7,9.7,0,0,0,304.94,85.73Zm139.35,0c.19,1.48.83,4.56,3,3.3,3.18-1.88,7.36-8.51,8.31-11a1.94,1.94,0,0,0,.09-.28c.49-2.19-3-2.22-4.3-2.08l-.47.06a7.82,7.82,0,0,0-5,3A9.7,9.7,0,0,0,444.29,85.73Z" fill="#ffffff"/>
  411.                     </svg>
  412.                 </h1>
  413.             </a>
  414.         </div>
  415.         <div class="above-navigation-links show-for-large">
  416.             <ul class="no-bullet">
  417.                 <li><a href="/favorites" class="favorites-link">Favorites</a></li>
  418.                 <li><a href="/residents" class="residents-link">Resident Services</a></li>
  419.             </ul>
  420.         </div>
  421.         <?= $this->template( 'Includes/apartments-header-navmain.html.php' ) ?>
  422.         <div class="mobile-toggle hide-for-large">
  423.             <span></span>
  424.             <span></span>
  425.             <span></span>
  426.         </div>
  427.     </div>
  428.     <div class="interior navigation-links-mobile hide-for-large"></div>
  429.     <script type="text/javascript">
  430.         ( function( $ ) {
  432.             $( function() {
  434.                 // Add count to favorites link...
  435.                 var FavoritesCount_Old = 0;
  436.                 var FavoritesTimer = setInterval( function() {
  437.                     var FavoritesCookie = $.cookie( 'favorite-properties' ) || [];
  438.                     var FavoritesCount_New = FavoritesCookie.length ? FavoritesCookie.split( ',' ).length : 0;
  439.                     if( FavoritesCount_Old != FavoritesCount_New ) {
  440.                         FavoritesCount_Old = FavoritesCount_New;
  441.                         $( '.favorites-link span' ).remove();
  442.                         $( '.favorites-link' ).append( [
  443.                             $( '<span/>' ).html( '&nbsp;('+FavoritesCount_New+')' )
  444.                         ] );
  445.                     }
  446.                 }, 1000 );
  448.                 // Clone Navigation...
  449.                 $( '.navigation-links-mobile' ).append( [
  450.                     $( '<div/>' ).addClass( 'main' ).html( $( '.navigation-links-desktop' ).html() ),
  451.                     $( '<div/>' ).addClass( 'utility' ).html( $( '.above-navigation-links' ).html() )
  452.                 ] );
  454.                 // Mobile Toggle...
  455.                 $( '.mobile-toggle' ).on( 'click', function() {
  456.                     $( this ).toggleClass( 'opened' );
  457.                     if( $( this ).hasClass( 'opened' ) ) {
  458.                         $( '.navigation-links-mobile' ).addClass( 'opened' );
  459.                     } else {
  460.                         $( '.navigation-links-mobile' ).removeClass( 'opened' );
  461.                     }
  462.                 } );
  463.                 // Add Has Children Class
  464.                 $('.navigation > li').has('ul').addClass('has-children');
  465.                 $('.navigation-links-mobile .navigation > li ul').addClass('menu-wrapper');
  467.                 // Add Arrows Mobile..
  468.                 $( '.navigation-links-mobile .navigation > li .menu-wrapper' ).before('<span>Down Arrow</span>');
  470.                 // Child Toggle...
  471.                 $( '.navigation-links-mobile li span' ).on( 'click', function() {
  472.                     if( $( this ).parent().hasClass( 'open-children' ) ) {
  473.                         $( this ).parent().removeClass( 'open-children' );
  474.                     } else {
  475.                         $( this ).parent().addClass( 'open-children' );
  476.                     }
  477.                 } );
  479.             } );
  481.         } )( jQuery );
  482.     </script>
  483. </header>