@charset "UTF-8"; @media (max-width: 400px) { @-ms-viewport { width: 320px; } } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before, .grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after { clear: both; } .grid-container, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, .grid-offset, .clearfix { /* */ *zoom: 1; /* */ } .grid-container, .wrap { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 0px; padding-right: 0px; position: relative; } .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 0px; padding-right: 0px; /* */ *padding-left: 0; *padding-right: 0; /* */ } .mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-20 > *, .grid-25 > *, .grid-30 > *, .grid-35 > *, .grid-40 > *, .grid-45 > *, .grid-50 > *, .grid-55 > *, .grid-60 > *, .grid-65 > *, .grid-70 > *, .grid-75 > *, .grid-80 > *, .grid-85 > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .grid-33 > *, .grid-66 > * { /* */ *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px'); *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px'); /* */ } .grid-parent { padding-left: 0; padding-right: 0; } .grid-offset { clear: both; margin-left: -10px; margin-right: -10px; } .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-100 { clear: both; width: 100%; } @font-face { font-family: 'Avenir Light'; src: url("/wp-content/themes/meredith/fonts/avenirltstd-light-webfont.eot"); src: url("/wp-content/themes/meredith/fonts/avenirltstd-light-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/meredith/fonts/avenirltstd-light-webfont.woff") format("woff"), url("/wp-content/themes/meredith/fonts/avenirltstd-light-webfont.ttf") format("truetype"), url("/wp-content/themes/meredith/fonts/avenirltstd-light-webfont.svg#avenir_light") format("svg"); } @font-face { font-family: 'Avenir'; src: url("/wp-content/themes/meredith/fonts/avenirltstd-roman-webfont.eot"); src: url("/wp-content/themes/meredith/fonts/avenirltstd-roman-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/meredith/fonts/avenirltstd-roman-webfont.woff") format("woff"), url("/wp-content/themes/meredith/fonts/avenirltstd-roman-webfont.ttf") format("truetype"), url("/wp-content/themes/meredith/fonts/avenirltstd-roman-webfont.svg#avenir_roman") format("svg"); } @font-face { font-family: 'Avenir Black'; src: url("/wp-content/themes/meredith/fonts/avenirltstd-heavy-webfont.eot"); src: url("/wp-content/themes/meredith/fonts/avenirltstd-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/meredith/fonts/avenirltstd-heavy-webfont.woff") format("woff"), url("/wp-content/themes/meredith/fonts/avenirltstd-heavy-webfont.ttf") format("truetype"), url("/wp-content/themes/meredith/fonts/avenirltstd-heavy-webfont.svg#avenir_blacklight") format("svg"); } @font-face { font-family: 'fontello'; src: url("/wp-content/themes/meredith/fonts/fontello.eot?32689051"); src: url("/wp-content/themes/meredith/fonts/fontello.eot?32689051#iefix") format("embedded-opentype"), url("/wp-content/themes/meredith/fonts/fontello.woff2?32689051") format("woff2"), url("/wp-content/themes/meredith/fonts/fontello.woff?32689051") format("woff"), url("/wp-content/themes/meredith/fonts/fontello.ttf?32689051") format("truetype"), url("/wp-content/themes/meredith/fonts/fontello.svg?32689051#fontello") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-search:before { content: '\e800'; } /* '' */ .icon-mail-alt:before { content: '\e801'; } /* '' */ .icon-star:before { content: '\e802'; } /* '' */ .icon-star-empty:before { content: '\e803'; } /* '' */ .icon-user:before { content: '\e804'; } /* '' */ .icon-home:before { content: '\e805'; } /* '' */ .icon-edit:before { content: '\e806'; } /* '' */ .icon-print:before { content: '\e807'; } /* '' */ .icon-comment-empty:before { content: '\e808'; } /* '' */ .icon-attention-alt:before { content: '\e809'; } /* '' */ .icon-file-pdf:before { content: '\e80a'; } /* '' */ .icon-file-word:before { content: '\e80b'; } /* '' */ .icon-phone:before { content: '\e80c'; } /* '' */ .icon-down-open:before { content: '\e80d'; } /* '' */ .icon-suitcase:before { content: '\e80e'; } /* '' */ .icon-circle:before { content: '\e80f'; } /* '' */ .icon-credit-card:before { content: '\e810'; } /* '' */ .icon-bank:before { content: '\e811'; } /* '' */ .icon-facebook:before { content: '\e812'; } /* '' */ .icon-facebook-squared:before { content: '\e813'; } /* '' */ .icon-gplus:before { content: '\e814'; } /* '' */ .icon-instagramm:before { content: '\e815'; } /* '' */ .icon-linkedin:before { content: '\e816'; } /* '' */ .icon-twitter:before { content: '\e817'; } /* '' */ .icon-youtube:before { content: '\e818'; } /* '' */ .icon-youtube-squared:before { content: '\e819'; } /* '' */ .icon-youtube-play:before { content: '\e81a'; } /* '' */ .icon-cancel:before { content: '\e81b'; } /* '' */ .icon-plus:before { content: '\e81c'; } /* '' */ .icon-minus:before { content: '\e81d'; } /* '' */ .icon-export:before { content: '\e81e'; } /* '' */ .icon-location:before { content: '\e81f'; } /* '' */ .icon-lamp:before { content: '\e820'; } /* '' */ .icon-down-open-big:before { content: '\e821'; } /* '' */ .icon-left-open-big:before { content: '\e822'; } /* '' */ .icon-right-open-big:before { content: '\e823'; } /* '' */ .icon-mobile:before { content: '\e824'; } /* '' */ .icon-network:before { content: '\e825'; } /* '' */ .icon-basket-1:before { content: '\e826'; } /* '' */ .icon-headphones:before { content: '\e827'; } /* '' */ .icon-basket:before { content: '\e828'; } /* '' */ .icon-lock:before { content: '\e829'; } /* '' */ .icon-googleplay:before { content: '\e82a'; } /* '' */ .icon-group:before { content: '\e82b'; } /* '' */ .icon-tag:before { content: '\e82c'; } /* '' */ .icon-ok:before { content: '\e82d'; } /* '' */ .icon-windows:before { content: '\e82e'; } /* '' */ .icon-apple:before { content: '\e82f'; } /* '' */ .icon-up-open:before { content: '\e830'; } /* '' */ .icon-right-open:before { content: '\e831'; } /* '' */ .icon-left-open:before { content: '\e832'; } /* '' */ .icon-email:before { content: '\e833'; } /* '' */ .icon-basket-alt:before { content: '\e834'; } /* '' */ .icon-basket-2:before { content: '\e835'; } /* '' */ .icon-basket-3:before { content: '\e836'; } /* '' */ .icon-up-open-big:before { content: '\e837'; } /* '' */ .icon-up-dir-1:before { content: '\e838'; } /* '' */ .icon-right-dir-1:before { content: '\e839'; } /* '' */ .icon-down-dir-1:before { content: '\e83a'; } /* '' */ .icon-left-dir-1:before { content: '\e83b'; } /* '' */ .icon-basket-4:before { content: '\e83c'; } /* '' */ .icon-mobile-1:before { content: '\f10b'; } /* '' */ .title-area .print-only { display: none; } .alert { display: none; background-color: #0082c8; z-index: 100; position: relative; } .alert p { text-align: center; padding: 10px 0px; margin: 0px; } .alert p a { color: white; } .alert p a:hover { opacity: .8; } .top-header { background-color: #FFF; padding: 4px 0px; position: relative; z-index: 101; } .top-header ul.division { text-align: left; } .top-header ul.division li { display: inline-block; padding: 0px 14px; text-align: center; } .top-header ul.division li a { font-size: 15px; line-height: .2em; text-transform: uppercase; } .top-header ul.division li span { display: block; font-size: 10px; } .site-header { background-color: #00a5e2; position: relative; z-index: 101; } .site-title a { display: block; background-image: url("/wp-content/themes/meredith/images/meredith-village-savings-bank.png"); background-repeat: no-repeat; text-indent: -9999px; position: relative; height: 69px; margin: 0px 20px; width: 280px; background-size: 100%; z-index: 8999; } .home .site-inner { padding-top: 76px; } .site-inner { padding-top: 18px; } .site-header:before { background-image: url("/wp-content/themes/meredith/images/header-arch.png"); background-repeat: no-repeat; background-position: center center; display: block; content: ""; width: 100%; height: 219px; top: 75px; left: 0px; right: 0px; margin: 0px; position: absolute; z-index: 1000; pointer-events: none; } .header-background { background-image: url("/wp-content/themes/meredith/images/Header1920x530-YellowFLowers.jpg"); background-repeat: no-repeat; background-size: cover; position: relative; height: 538px; } .header-background .image-credit { position: absolute; right: 0px; bottom: 0px; background-color: rgba(0, 166, 227, 0.7); padding: 4px 40px; font-weight: normal; font-size: 16px; color: white; } .header-background form { opacity: 0; } .header-background form a { font-size: 12px; padding: 0px; margin-top: 2px; display: block; text-align: right; } .header-background .grid-20 p { color: #0082c8; position: relative; z-index: 200; font-weight: bold; margin-bottom: 4px; text-align: center; text-transform: uppercase; margin-top: 84px; cursor: pointer; } .header-background .button.online-banking { color: white; top: -52px; position: relative; display: block; background-color: rgba(0, 130, 200, 0.9); line-height: 1.2em; padding: 2px 16px 10px; border: none; border-radius: 0px; } .header-background .button.online-banking img { float: left; max-width: 40px; margin-right: 10px; } .header-background .button.online-banking:before { background-image: url("/wp-content/themes/meredith/images/extra-online-banking.png"); content: ""; display: block; height: 66px; top: -66px; position: absolute; bottom: 50px; left: 0px; width: 100%; opacity: .9; background-repeat: no-repeat; } .header-background .closed.icon-plus:before, .header-background .icon-plus:before { display: none; } .header-background .closed.icon-plus:after { content: '\e81c'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -2px; font-size: 13px; } .header-background .icon-plus:after { content: '\e81d'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -2px; font-size: 13px; } .header-background .login { background-color: rgba(182, 228, 250, 0.9); color: #0082c8; margin-bottom: 52px; padding: 76px 20px 0px; transform: matrix(1, 0, 0, 1, 0, -264); -webkit-transform: matrix(1, 0, 0, 1, 0, -264); } .header-background .login ::-webkit-input-placeholder { /* Chrome */ color: #b5b5b5; } .header-background .login :-ms-input-placeholder { /* IE 10+ */ color: #b5b5b5; } .header-background .login ::-moz-placeholder { /* Firefox 19+ */ color: #b5b5b5; } .header-background .login :-moz-placeholder { /* Firefox 4 - 18 */ color: #b5b5b5; } .header-background .login .grid-container div select { margin-bottom: 0px; } .header-background .login:after { background-image: url("/wp-content/themes/meredith/images/extra-account-login.png"); content: ""; display: block; height: 62px; position: absolute; bottom: -62px; left: 0px; width: 100%; opacity: .9; background-repeat: no-repeat; } .header-background .login input, .header-background .login select, .header-background .login textarea { background-color: #fff; border: none; border-radius: 22px; color: black; font-size: 15px; font-weight: 300; padding: 5px 10px; margin-bottom: 8px; width: 100%; } .header-background .login input#password { margin-bottom: 0px; } .header-background .login input[type=submit] { background-color: #0082c8; color: #b6e4fa; padding: 1px 4px; text-align: center; width: 100%; height: 32px; border-radius: 100px; margin-top: 6px; margin-bottom: 0px; } .header-background .login input[type=submit]:hover { background-color: #0082c8; color: #FFF; } .header-background .login label { font-size: 14px; text-transform: uppercase; } .header-background .login p { font-weight: bold; margin-bottom: 4px; text-align: center; text-transform: uppercase; } .home .header-background .login { transform: matrix(1, 0, 0, 1, 0, -78); -webkit-transform: matrix(1, 0, 0, 1, 0, -78); } .home .header-background .login form { opacity: 1; } .image-note p { color: #0082c8; background-color: #009fde; font-size: 12px; line-height: 1.3em; max-width: 80%; padding: 10px; } .search-form { margin-left: 20px; display: block; position: relative; } .search-form input[type="search"] { background-color: #b6e4fa; color: #0082c8; font-size: 15px; margin: 6px 0px 0px 0px; padding: 6px 18px; text-transform: uppercase; border: none; border-radius: 22px; } .search-form ::-webkit-input-placeholder { /* Chrome */ color: #0082c8; } .search-form :-ms-input-placeholder { /* IE 10+ */ color: #0082c8; } .search-form ::-moz-placeholder { /* Firefox 19+ */ color: red; color: #0082c8; } .search-form :-moz-placeholder { /* Firefox 4 - 18 */ color: red; color: #0082c8; } .search-form .icon-search { color: #0082c8; position: absolute; font-size: 14px; background-color: transparent; top: 4px; right: 0px; padding: 0px; width: 30px; height: 30px; display: block; border: none; outline: none; } .photo-information { display: none; background-color: rgba(182, 228, 250, 0.9); color: #0082c8; position: absolute; bottom: 12%; left: 0px; right: 0px; margin: auto; max-width: 80%; padding: 10px; } .photo-information p { font-size: 12px; margin-bottom: 0px; } .photo-information-icon { position: absolute; bottom: 4%; left: auto; right: 2%; z-index: 10; margin: 0px auto; max-width: 92%; z-index: 9999; } .notice-alert { padding: 12px 20px 0px; max-width: 402px; width: 402px; line-height: 1.3em; text-align: center; position: absolute; font-size: 18px; height: 70px; bottom: 58px; left: 0; right: 0; margin: auto; z-index: 100; } .notice-alert .row li:first-child a.button:after { display: block; width: 1px; height: 100%; position: absolute; content: ""; top: 0; right: -2px; z-index: 1; border-right: solid 1px #8db6ca; } .notice-alert a.button { background-color: rgba(182, 228, 250, 0.9); border: none; color: #0082c8; font-size: 15px; border-radius: 0; line-height: 1.3em; padding: 12px 20px; position: relative; width: 100%; } body .ubermenu li:before { display: none; } body .ubermenu .ubermenu-item-level-0 > .ubermenu-target { color: white; } body .ubermenu .ubermenu-nav li:nth-child(3) .ubermenu-submenu { min-height: 370px; } body .ubermenu .ubermenu-submenu-id-17 { min-height: 324px; } body .ubermenu .ubermenu-content-block { width: 50%; } body .ubermenu a { color: #FFF; } body .ubermenu .ubermenu-submenu .ubermenu-column { display: block; float: left; padding-top: 22px; width: 100%; } body .ubermenu .ubermenu-item .ubermenu-target-title { border-bottom: solid 2px transparent; padding-bottom: 8px; } body .ubermenu .ubermenu-item:hover .ubermenu-target-title { border-bottom: solid 2px #FFF; padding-bottom: 8px; } body .ubermenu .ubermenu-target { margin-bottom: 26px; } body .ubermenu .ubermenu-submenu.ubermenu-submenu-drop { border: none; } body .ubermenu .ubermenu-submenu.ubermenu-submenu-drop a { color: #0082c8; display: block; padding: 6px 8px; } body .ubermenu .ubermenu-submenu.ubermenu-submenu-drop a:hover { background-color: #0082c8; color: #FFF; } body .ubermenu ul.menu li.subheader:hover { background-color: transparent !important; } body .ubermenu ul.sub-menu .subheader a { color: #0082c8 !important; background-color: transparent !important; border-bottom: solid 1px #0082c8; font-weight: bold; font-size: 18px; padding-top: 20px; } body .ubermenu .sub-menu { position: absolute; top: 68px; left: 46%; display: none; height: 100%; } body .ubermenu .sub-menu li { min-width: 320px; } body .ubermenu li.menu-item:hover ul.sub-menu { display: block; -webkit-transition: all 500ms ease-out 1s; -moz-transition: all 500ms ease-out 1s; -o-transition: all 500ms ease-out 1s; transition: all 500ms ease-out 1s; } body .ubermenu li.menu-item:hover ul.sub-menu a { color: #0082c8; } body .ubermenu li.menu-item:hover ul.sub-menu a:hover { color: white; } body .ubermenu ul.menu li:hover { background-color: #0082c8; } body .ubermenu ul.menu li:hover a { color: white; } body .ubermenu ul.menu li:before, body .ubermenu .caret:before { display: none; } body .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after { display: none; } body:not(.home) .header-background { height: 280px; background-position: center center; } .site-inner section.window p { padding-left: 60px; } section.window strong { color: #0082c8; } ul.homepage-links { text-align: center; position: absolute; font-size: 0; bottom: -34px; left: 0px; right: 0px; z-index: 100; } ul.homepage-links li { display: inline-block; position: relative; } ul.homepage-links li:before { display: none; } ul.homepage-links li a { display: block; color: #FFF; background-color: #0082c8; text-transform: uppercase; padding: 12px 36px 12px; font-size: 14px; line-height: 1.2em; } ul.homepage-links li a:hover { background-color: #bde7fa; color: #0082c8; } ul.homepage-links li a:hover img:first-of-type { opacity: 1; } ul.homepage-links li img:first-of-type { position: absolute; margin: 0px auto; left: 0px; right: 0px; display: block; opacity: 0; } ul.homepage-links li img { display: block; margin: 0px auto 10px; height: 24px; } ul.homepage-links li img:hover { opacity: 0; } .more-news h3 { margin-bottom: 0px; font-weight: bold; font-style: italic; } .site-inner .more-news ul { margin-left: 0px; } .site-inner .more-news ul li { line-height: 1.4em; font-weight: bold; padding-bottom: 20px; } .site-inner .more-news ul li:before { display: none; } .site-inner .more-news ul li a { font-size: 14px; font-weight: normal; } .news h2 { background-color: #009fde; color: #0082c8; font-size: 18px; padding: 3px 26px 0px; text-transform: uppercase; } .site-inner .news h3 { font-size: 18px; line-height: 1.3em; margin-bottom: 16px; padding: 0px; } .site-inner .news h3:not(:first-of-type) { margin-left: 20px; font-size: 15px; } .news .read-more { display: inline-block; position: relative; margin-left: 34px; text-transform: uppercase; } .news h4:first-of-type { margin-bottom: 0px; } .news h4 { font-size: 15px; margin-left: 20px; margin-bottom: 20px; } .entry-content .news p.recent-news { font-size: 15px; font-weight: bold; margin-bottom: 6px; } .entry-content .news p { font-size: 17px; padding-left: 0px; } .news .grid-container div:first-of-type { padding: 10px 0px 8px 24px; } .news .grid-container div:last-of-type { padding: 6px 24px; } .news .grid-container div:last-of-type p.date:last-of-type:before { display: block; padding-bottom: 14px; margin-bottom: 10px; border-bottom: solid 1px #0082c8; content: ""; width: 100%; max-width: 230px; } .news .date { font-weight: bold; margin-bottom: 0px; } .news .date:not(:first-of-type) { font-size: 15px; margin-left: 20px; } .alerts { margin-bottom: 42px; } .alerts h2, .latest-enhancements h2 { background-color: #009fde; color: #0082c8; font-size: 18px; padding: 3px 26px 2px; text-transform: uppercase; } .site-inner .alerts ul, .site-inner .latest-enhancements ul { margin-left: 0px; margin-bottom: 2px; padding: 0px; } .site-inner .alerts ul li, .site-inner .latest-enhancements ul li { list-style-type: none; line-height: 1.4em; } .site-inner .alerts ul li a, .site-inner .latest-enhancements ul li a { display: block; padding: 10px 40px 10px 20px; } .site-inner .alerts ul li a:hover, .site-inner .latest-enhancements ul li a:hover { background-color: #0082c8; color: #FFF; } .site-inner .alerts ul li:before, .site-inner .latest-enhancements ul li:before { display: none; } .site-inner .alerts ul li:after, .site-inner .latest-enhancements ul li:after { display: block; padding-bottom: 0px; margin-bottom: 0px; border-bottom: solid 1px #009fde; content: ""; width: 100%; max-width: 230px; position: absolute; left: 10px; } .site-inner .alerts ul li:last-of-type:after, .site-inner .latest-enhancements ul li:last-of-type:after { display: none; } .alerts a, .latest-enhancements a { color: #000; font-size: 17px; } .alerts > a, .latest-enhancements > a { color: #0082c8; font-size: 15px; margin-left: 44px; text-transform: uppercase; position: relative; } .alerts .caret:before, .latest-enhancements .caret:before { top: 2px; } .entry-content .featured-ads { max-width: 1120px; } .entry-content .featured-ads .grid-33 { position: relative; } .entry-content .featured-ads .ad-wrapper { margin: 34px 20px 0px; overflow: hidden; display: block; position: relative; } .entry-content .featured-ads .ad-wrapper .ad { color: #333; display: block; position: relative; z-index: 100; } .entry-content .featured-ads .ad-wrapper h3 { font-weight: bold; color: #0082c8; position: absolute; bottom: 4px; font-size: 21px; padding: 0px 38px; z-index: 10; width: 100%; } .entry-content .featured-ads .ad-wrapper p { opacity: 0; position: absolute; z-index: 10; top: 50%; padding: 0px 38px; font-size: 16px; } .entry-content .featured-ads .ad-wrapper .button { opacity: 0; position: absolute; z-index: 102; left: 0px; right: 0px; margin: auto; top: auto; bottom: 4%; display: block; width: 158px; height: 36px; text-align: center; padding: 2px 13px; font-size: 18px; border: solid 2px #0082c8; color: #0082c8; background-color: #bde7fa; border-radius: 60px; } .entry-content .featured-ads .ad-wrapper .button:hover { background-color: #0082c8; color: #FFF; } .entry-content .featured-ads .ad-wrapper img { box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.25); display: block; } .entry-content .featured-ads .ad-wrapper .circle { background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 400px; display: block; margin: auto; bottom: -314px; left: 0; right: 0px; position: absolute; } .entry-content .featured-ads .ad-wrapper .circle:before { content: ""; background-image: url("/wp-content/themes/meredith/images/featured-ad-top.png"); display: block; width: 100%; height: 45px; position: absolute; top: -45px; opacity: .9; background-size: 100%; background-repeat: no-repeat; background-position-y: bottom; } .entry-content .featured-ads .ad-wrapper .inner-circle { opacity: 0; z-index: 101; background-color: #bde7fa; width: 100%; height: 196px; display: block; margin: auto; bottom: -162px; left: 0px; right: 0px; position: absolute; } .entry-content .featured-ads .ad-wrapper .inner-circle:before { content: ""; background-image: url("/wp-content/themes/meredith/images/featured-ad-learn.png"); display: block; width: 100%; height: 45px; position: absolute; top: -45px; opacity: .9; background-size: 100%; background-repeat: no-repeat; background-position-y: bottom; } .site-inner .highlight { background-color: #0082c8; color: #FFF; padding: 8px 0px; max-width: 1200px; margin: 0px auto; border-radius: 104px; } .site-inner .highlight .grid-container div:first-of-type { text-align: right; } .site-inner .highlight p { padding: 21px 0px; font-size: 16px; margin: 0px; } .site-inner .highlight .button { background-color: transparent; border: solid 1px #FFF; border-radius: 46px; color: white; padding: 4px 20px; margin: 15px 15px 15px 80px; } .site-inner .highlight .button:hover { background-color: #FFF; color: #0082c8 !important; } .archive-pagination.pagination ul li:before { display: none; } .archive-pagination.pagination li a { background-color: #0082c8; } .archive-pagination.pagination li.active a { background-color: #009fde; } a { color: #0082c8; } .float { position: absolute; height: 280px; width: 100%; /*overflow: hidden;*/ } .home .float { position: absolute; height: 280px; width: 100%; overflow: visible; } .color-primary { color: #0082c8; } .color-secondary { color: #009fde; } body:not(.home) .site-inner, .grid-container { display: block; max-width: 1200px; margin: 0px auto; } .site-inner .entry-title { background-color: #bde7fa; color: #0082c8; font-size: 18px; padding: 3px 20px 0px; border-radius: 25px; text-transform: uppercase; } table p { padding: 0px 14px; margin: 0px 0 8px; } p, ul, ol { font-size: 16px; line-height: 1.6em; } .site-inner p, .site-inner ul, .site-inner ol { margin: 0 0 18px; } .site-inner ul, .site-inner ol { margin-left: 30px; } .site-inner ul > li { list-style-type: none; position: relative; } ul li:before, .caret:before { font-family: 'fontello'; content: '\e823'; width: 8px; height: 14px; position: absolute; top: 5px; left: -23px; display: inline-block; font-size: 8px; color: white; background-color: #0082c8; border-radius: 40px; padding-left: 6px; margin-bottom: 0px; line-height: 14px; } .read-more.caret:before { top: 7px; } ul.atm-list { margin-left: 0px; padding: 0px 18px; } ul.atm-list li { margin-bottom: 18px; } ul.atm-list li span { /* color: $color-primary;*/ } ul.atm-list li:before { display: none; } ul.atm-list .button { float: right; /* padding: 8px 28px;*/ } ul.atm-list .button:hover { background-color: #009fde; color: #0082c8; } .button { color: #0082c8; background-color: transparent; border-radius: 50px; border: solid 2px #0082c8; padding: 4px 24px; } .button:hover { background-color: #0082c8; color: white !important; } .sidebar .widget { background-color: #bde7fa; margin-bottom: 10px; padding: 14px; } .sidebar .widget h4 { color: #0082c8; font-weight: bold; margin-left: 12px; margin-bottom: 4px; } .sidebar .widget ul { margin-left: 8px; margin-bottom: 0px; } .sidebar .widget li { margin-bottom: 2px; padding-bottom: 0px; } .wp-caption { background-color: #009fde; float: right; margin-left: 20px; max-width: 300px; } .wp-caption img { display: block; } .wp-caption .wp-caption-text { color: #0082c8; font-size: 11px; padding: 10px 14px; text-align: left; } .rate-sheet { font-size: 14px; line-height: 1.4em; } .rate-sheet .rate-sheet-product-disclaimer p, .rate-sheet .rate-sheet-product-disclaimer ul { font-size: 12px; margin-left: 0px; padding-left: 12px; } .rate-sheet .rate-sheet-product-disclaimer p li, .rate-sheet .rate-sheet-product-disclaimer ul li { margin-left: 0px; } .rate-sheet .rate-sheet-product-disclaimer p li:before, .rate-sheet .rate-sheet-product-disclaimer ul li:before { display: none; } .rate-sheet .rate-sheet-product { width: 100%; } .rate-sheet .rate-sheet-date, .rate-sheet .rate-sheet-products { padding-left: 26px; } .rate-sheet .rate-sheet-date { margin-bottom: 2px; } .rate-sheet .rate-sheet-product-name { color: #0082c8; font-size: 22px; margin-bottom: 8px; margin-top: 20px; } .rate-sheet .rate-sheet-title { background-color: #bde7fa; border-radius: 25px; color: #0082c8; font-size: 18px; margin-bottom: 2px; padding: 3px 20px 1px; text-transform: uppercase; } .rate-sheet table.rate-sheet-product-rates { margin-bottom: 12px; padding-left: 20px; } .rate-sheet table.rate-sheet-product-rates th { background-color: #009fde; color: white; font-size: 13px; font-weight: bold; line-height: 1.6em; padding: 10px 12px; text-transform: uppercase; } .rate-sheet table.rate-sheet-product-rates td { border-top: 1px solid #bde7fa; line-height: 1.6em; padding: 6px 12px; } .rate-sheet table.rate-sheet-product-rates tbody { border-bottom: 1px dotted #bde7fa; } .tablepress-id-2 .row-7 td, .tablepress-id-2 .row-8 td, .tablepress-id-2 .row-9 td, .tablepress-id-2 .row-10 td, .tablepress-id-2 .row-11 td, .tablepress-id-2 .row-12 td, .tablepress-id-2 .row-13 td, .tablepress-id-2 .row-14 td, .tablepress-id-2 .row-15 td, .tablepress-id-2 .row-16 td { border: none; } .tablepress { font-size: 14px; line-height: 1.4em; } .tablepress thead th { background-color: #009fde; text-align: center; vertical-align: middle; } .tablepress li { font-size: 14px; line-height: 1.4em; } .tablepress .column-1 { text-align: center; width: 20%; } .tablepress .column-2 { text-align: center; width: 20%; } .tablepress .column-3 { text-align: center; width: 30%; } .tablepress .column-4 { width: 30%; } .disclaimer { background-color: #009fde; padding: 12px 20px; } .disclaimer p, .disclaimer ul, .disclaimer ol { font-size: 12px; margin-left: 0px; padding-left: 10px; } .disclaimer p ul, .disclaimer p ol, .disclaimer ul ul, .disclaimer ul ol, .disclaimer ol ul, .disclaimer ol ol { margin-left: 20px; } .disclaimer ul, .disclaimer ol { margin-bottom: 0; } .disclaimer ul li:before, .disclaimer ol li:before { font-size: 10px; left: -16px; } .highlighted { color: white; background-color: #009fde; } .tablepress-id-9 { /*.row-6, .row-11, .row-13, .row-17, .row-24, .row-33, .row-46 { background-color: $color-secondary; } .row-6 .column-1, .row-11 .column-1, .row-13 .column-1, .row-17 .column-1, .row-24 .column-1, .row-33 .column-1, .row-46 .column-1 { padding-left: 20px; } .column-1 { padding-left: 24px; }*/ } .child { padding-left: 20px; } .accordion-locations .caret { right: 11px; top: 12px; position: absolute; width: 14px; height: 14px; } .accordion-locations .caret:before { content: '\e822'; width: 9px; height: 14px; position: absolute; top: 0px; left: 0px; display: inline-block; font-size: 8px; color: white; background-color: #0082c8; border-radius: 40px; padding-left: 5px; margin-bottom: 0px; line-height: 14px; } .accordion-locations > div { padding: 12px; background-color: #009fde; display: none; } .accordion-locations h3 { border-bottom: solid 2px #e4ece6; cursor: pointer; font-size: 18px; margin-bottom: 0px; padding: 8px 26px; outline: none; position: relative; } .accordion-locations p { color: #000; margin-bottom: 8px; } .accordion-locations p strong { text-transform: uppercase; } .accordion-locations .grid-container { margin-bottom: 12px; } .accordion-locations .grid-container p { padding: 0px; } .accordion-locations .grid-container > div:first-of-type { padding: 10px 18px; } .accordion-locations .grid-container .grid-container > div { padding: 10px 18px; } .accordion-locations .grid-container .grid-container > div p { color: #0082c8; } .accordion-locations .grid-container > div:last-of-type img { display: block; } .accordion-locations .grid-container:last-of-type { margin-bottom: 0px; } .accordion-locations .lobby p, .accordion-locations .driveup p { margin-bottom: 0px; } .accordion-locations .lobby p:first-of-type, .accordion-locations .driveup p:first-of-type { text-transform: uppercase; } .accordion-locations .ui-accordion-content { background-color: #ebf8fd; position: relative; /* &:before { content: ""; display: block; background-color: #ebf8fd; width: 100%; height: 26px; position: absolute; top: -22px; left: 0px; }*/ } .accordion-locations .ui-accordion-content .grid-container { background-color: white; } .accordion-locations .ui-state-active { background-color: #f5f7f6; } .accordion-locations .ui-state-active a { color: #FFF; } .accordion-locations .ui-state-active .ui-icon:after { color: #FFF; } .accordion-locations .ui-state-active .caret:before { background-color: #bde7fa; color: #0082c8; } .accordion-locations .ui-icon { position: absolute; right: 8px; top: 10px; width: 20px; height: 20px; } .accordion-locations .ui-icon:after { content: '\25C0'; width: 12px; height: 12px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; font-size: 12px; color: #0082c8; } .accordion { clear: both; margin-bottom: 30px; } .accordion .ui-accordion-content { background-color: #f8fdfe !important; } .accordion .ui-accordion-content .button { color: #0082c8; background-color: transparent; border-radius: 50px; border: solid 2px #0082c8; padding: 4px 24px; } .accordion .ui-accordion-content .button:hover { background-color: #0082c8; color: white; } .accordion .icon-left-dir-1 { display: none; } .accordion li { margin-bottom: 4px; } .accordion h3 { position: relative; margin-bottom: 0px; margin-top: 6px;} .accordion h3 span p { font-family: Arial, Helvetica, sans-serif; display: block; font-weight: normal; font-size: 14px; line-height: 1.4em; /*max-width: 480px;*/ max-width: 424px; margin-top: 2px; color: #484848; } .accordion h3 .button { position: absolute; right: 23px; top: 23px; padding: 10px 28px; background-color: #0082c8; border: solid 2px #0082c8; color: white; border-radius: 52px; } .accordion h3 .button:hover { background-color: #009fde; color: white; } .accordion .ui-state-active .button { background-color: #009fde; color: white !important; } .accordion .ui-accordion-header { margin-top: 20px; background-color: #ebf8fd; cursor: pointer; outline: none; } .accordion .ui-accordion-header p { margin-bottom: 16px; } .accordion .ui-accordion-content { background-color: #bde7fa; padding: 14px 0px 14px; } .accordion .ui-accordion-content .button-set { text-align: center; margin-top: 24px; } .accordion .ui-accordion-content .button-set .button { margin: 0px 10px; } .accordion h3:hover { opacity: 1 !important; -webkit-transition: opacity 100ms ease-in-out 100ms; -moz-transition: opacity 100ms ease-in-out 100ms; -o-transition: opacity 100ms ease-in-out 100ms; transition: opacity 100ms ease-in-out 100ms; } .accordion .ui-accordion-header-active { opacity: 1 !important; } .accordion p { padding: 0px 20px; } .accordion-locations { margin-bottom: 30px; } .accordion-locations > div { padding: 12px; background-color: #009fde; display: none; } .accordion-locations h3 { border-bottom: solid 2px #bde7fa; cursor: pointer; font-size: 18px; margin-bottom: 0px; padding: 8px 26px; outline: none; position: relative; z-index: 100; } .accordion-locations p { color: #000; margin-bottom: 0px; } .accordion-locations p strong { text-transform: uppercase; } .accordion-locations .grid-container { background-color: #f5f7f6; margin-bottom: 12px; } .accordion-locations .grid-container p { padding: 0px; } .accordion-locations .grid-container p.phone, .accordion-locations .grid-container p.fax { color: #0082c8; padding: 0px 18px; margin-bottom: 0px; } .accordion-locations .grid-container > div:first-of-type { padding: 10px 18px; } .accordion-locations .grid-container .grid-container > div { padding: 10px 18px; } .accordion-locations .grid-container .grid-container > div p { color: #0082c8; } .accordion-locations .grid-container > div:last-of-type img { display: block; } .accordion-locations ul.contact { margin-bottom: 6px; margin-left: 0px; padding-left: 0px; } .accordion-locations ul.contact .phone.first:after { content: "\00b7"; display: inline-block; font-size: 26px; position: absolute; right: 6px; top: -1px; } .accordion-locations ul.contact li { display: inline-block; padding-right: 20px; } .accordion-locations ul.contact li:before { display: none; } .accordion-locations .grid-container:last-of-type { margin-bottom: 0px; } .accordion-locations .ui-state-active { background-color: #0082c8; border-radius: 100px; /* &:after { content: ""; display: block; width: 100%; height: 22px; background-color: #ebf8fd; position: absolute; z-index: 0; left: 0px; top: 18px; }*/ /*&:before, &:after { content: ""; display: block; width: 37px; height: 37px; border-radius: 100px; background-color: $color-primary; position: absolute; top: 0px; left: -16px; } &:after { right: -16px; left: auto; }*/ } .accordion-locations .ui-state-active a { color: #FFF; position: relative; z-index: 10; } .accordion-locations .ui-state-active .ui-icon:after { color: #FFF; } .accordion-locations .ui-state-active i { color: white; position: relative; z-index: 10; } .accordion-locations .ui-icon { position: absolute; right: 0px; top: 12px; } .accordion-locations .ui-icon:after { content: '\25C0'; width: 20px; height: 20px; position: relative; top: -1px; left: -4px; display: block; font-size: 12px; color: #0082c8; } .accordion-locations i { position: absolute; right: 0px; color: #0082c8; } .accordion { clear: both; } .accordion h3 { position: relative; } .accordion h3 span { font-family: Arial, Helvetica, sans-serif; display: block; font-weight: normal; font-size: 14px; line-height: 1.6em; /*max-width: 480px;*/ max-width: 424px; margin-top: 2px; color: #666A6F; } .accordion span.caret { font-family: Arial, Helvetica, sans-serif; display: block; font-weight: normal; font-size: 14px; line-height: 1.6em; width: 14px; height: 14px; margin-top: 2px; color: #666A6F; position: absolute; right: 5px; top: 5px; } .accordion span.caret:before { padding-left: 5px; left: 0px; top: 0px; content: '\e822'; width: 9px; } .accordion h3 a.button { position: absolute; right: 18px; top: 25px; padding: 5px 28px; } .accordion .ui-accordion-header { cursor: pointer; outline: none; } .accordion h3:hover { opacity: 1 !important; -webkit-transition: opacity 100ms ease-in-out 100ms; -moz-transition: opacity 100ms ease-in-out 100ms; -o-transition: opacity 100ms ease-in-out 100ms; transition: opacity 100ms ease-in-out 100ms; } .accordion .ui-accordion-header-active { opacity: 1 !important; } .team { padding-left: 26px; padding-right: 26px; } .information { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } .readmore.caret { position: relative; margin-left: 18px; } .readmore.caret:before { color: #0082c8; background-color: white; width: 13px; height: 14px; position: relative; top: -1px; left: -6px; border-radius: 40px; padding-left: 1px; } .cardWrapper { width: 260px; height: 340px; position: relative; float: left; cursor: pointer; -webkit-font-smoothing: antialiased; color: #FFF; margin-bottom: 50px; } .cardWrapper .title-wrapper { position: absolute; bottom: 0px; background-color: #0082c8; text-align: center; padding: 2px 0px 10px; /*height: 80px;*/ width: 100%; display: block; z-index: 100; } .cardWrapper .title-wrapper:before { content: ""; background-image: url(/wp-content/themes/meredith/images/flipcard-front-top.png); background-size: 100%; background-repeat: no-repeat; display: block; position: absolute; width: 100%; height: 20px; top: -20px; } .cardWrapper .cardFace { position: absolute; width: 260px; height: 340px; overflow: hidden; } .cardWrapper .front { background-color: #0082c8; z-index: 1; } .cardWrapper .front p { font-size: 14px; font-style: italic; line-height: 1.3em; margin-bottom: 0px; } .cardWrapper .front .branch { font-style: normal; } .cardWrapper .front .caret { top: 3px; right: 1px; position: absolute; } .cardWrapper .front .caret:before { font-family: 'fontello'; content: '\e823'; width: 13px; height: 22px; position: absolute; top: 5px; left: -30px; display: inline-block; font-size: 12px; color: white; background-color: #0082c8; border-radius: 40px; padding-left: 9px; margin-bottom: 0px; line-height: 22px; } .cardWrapper .back { background-color: #0282c6; padding: 32px 0px; text-align: center; } .cardWrapper .back:before { content: ""; display: block; background-image: url(/wp-content/themes/meredith/images/card-back-top.png); background-size: 100%; top: 0px; width: 100%; height: 21px; position: absolute; } .cardWrapper .back:after { content: ""; display: block; background-image: url(/wp-content/themes/meredith/images/card-back-bottom.png); background-size: 100%; bottom: 0px; width: 100%; height: 21px; position: absolute; } .cardWrapper .back p { color: white; font-size: 14px; line-height: 1.3em; margin-bottom: 0px; padding: 0px 10px; } .cardWrapper .back a { color: white; } .cardWrapper .back a:hover { color: #bde7fa; } .cardWrapper .back .details { margin-bottom: 20px; } .cardWrapper .back .icon-email:before { font-size: 24px; } .cardWrapper .back .title { font-style: italic; } .cardWrapper .back .email { margin-top: 20px; } .cardWrapper .back .readmore { margin-top: 10px; } .cardWrapper .back .phone { margin-top: 20px; } .cardWrapper .cardFace h2 { font-size: 14px; font-weight: bold; bottom: 0px; color: #FFF; margin-bottom: 2px; } .cardWrapper .cardFace.back h2 { color: white; font-size: 16px; } #menu-top-navigation { text-align: right; } #menu-top-navigation li { display: inline-block; padding: 0px 14px; } #menu-top-navigation li:before { display: none; } #menu-top-navigation li a { font-size: 16px; text-transform: uppercase; padding: 9px 0px; display: block; } #menu-main-navigation { text-align: right; } #menu-main-navigation a { color: #FFF; padding: 23px 24px; text-transform: uppercase; } ul.division li:before { display: none; } ul.division li:nth-child(1) a { color: #006351; } ul.division li:nth-child(2) a { color: #0083cb; } ul.division li:nth-child(3) a { color: #6d6e71; } ul.division li:nth-child(4) a { color: #231f20; } body .gform_wrapper { background-color: #ebf8fd; color: #0082c8; padding: 0px 26px 18px; } body .gform_wrapper input[type="radio"] { box-shadow: none; } body .gform_wrapper ul li.gfield.grid-50 { clear: none; } body .gform_wrapper .clearfix { clear: left !important; } body .gform_wrapper input { border: none; border-radius: 40px; -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 130, 200, 0.5); -moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 130, 200, 0.5); box-shadow: inset 1px 1px 5px 0px rgba(0, 130, 200, 0.5); } body .gform_wrapper textarea { border: none; } body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 6px 4px; width: 100%; } body .gform_wrapper input[type=submit] { background-color: transparent; color: #0082c8; border: solid 2px #0082c8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none !important; } body .gform_wrapper input[type=submit]:hover { background-color: #0082c8; color: white; } body .gform_wrapper select { border: none; color: #0082c8; padding: 6px 4px !important; font-size: 14px; } body .gform_wrapper label.gfield_label { font-weight: normal; text-transform: uppercase; font-size: 14px; } body .gform_wrapper .button { background-color: #0082c8; } body .gform_wrapper .gform_wrapper .gform_footer { padding: 16px 0 10px; margin: 18px 0 6px; clear: both; width: 100%; text-align: right; } body .gform_wrapper ul.gform_fields { /* -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; webkit-column-width: 50%;*/ } body .gform_wrapper .top_label div.ginput_container { margin-top: 0px !important; } body .gform_wrapper .gform_footer.top_label { text-align: right; } body .gform_wrapper .gform_footer input[type=submit] { margin: 0px; padding: 10px 18px; } body .gform_wrapper #gform_1 #field_1_1, body .gform_wrapper #gform_1 #field_1_2, body .gform_wrapper #gform_1 #field_1_3, body .gform_wrapper #gform_1 #field_1_4 { display: inline-block; width: 48%; } body .gform_wrapper #gform_1 #field_1_1, body .gform_wrapper #gform_1 #field_1_3 { margin-right: 4%; } body .gform_wrapper #gform_1 ul li.gfield { clear: inherit; } body .gform_wrapper #gform_1 .ginput_container.ginput_container_select, body .gform_wrapper #gform_1 #field_1_5 .gfield_label { display: inline-block; } body .gform_wrapper #gform_1 .ginput_container.ginput_container_select { min-width: 240px; margin-left: 14px; } body .gform_wrapper #gform_1 .top_label select.medium { width: 100%; } body .gform_wrapper #gform_1 #field_1_5 { margin: 28px 0px 14px; } .widget-archive { margin-top: 50px; } .widget-archive ul { margin-left: 22px; margin-top: 14px; } .widget-archive a { color: black; font-weight: bold; } .widget-archive a:hover { color: #0082c8; } .single-originator .grid-container.bio .grid-40 { width: 40%; } .single-originator .grid-container.bio .grid-60 { width: 60%; } .single-originator article.type-originator { width: 75%; margin-right: 5%; float: left; } .single-originator article.type-originator h2 { font-size: 18px; } .single-originator article.type-originator .grid-container { padding: 0px 26px 14px; } .single-originator article.type-originator .grid-container div:first-of-type img { padding-right: 20px; } .single-originator article.type-originator ul { margin: 0px; padding: 0px 20px; } .single-originator article.type-originator ul li { margin: 0px; padding: 0px; line-height: 1.3em; } .single-originator article.type-originator ul li:before { background-color: transparent; } .single-originator article.type-originator ul li.no-bullet:before { display: none; } .single-originator article.type-originator ul li:before, .single-originator article.type-originator ul .caret:before { content: inherit; position: relative; } .single-originator article.type-originator .icon-email { margin-top: 7px; } .single-originator article.type-originator .icon-email:before { color: #0082c8; font-size: 25px; position: relative; top: 4px; left: 0px; content: '\e833'; width: 33px; } .single-originator article.type-originator .icon-mobile-1:before { color: #0082c8; font-size: 37px; position: relative; top: 7px; left: 1px; width: 27px; content: '\f10b'; } .single-originator article.type-originator .icon-phone { margin-top: 7px; } .single-originator article.type-originator .icon-phone:before { color: #0082c8; font-size: 28px; position: relative; top: 4px; left: 2px; content: '\e80c'; width: 30px; } .single-originator .originator-links { width: 20%; max-width: 134px; float: left; } .single-originator .originator-links ul { margin: 0px; padding: 0px; } .single-originator .originator-links ul li { margin: 0px; padding: 0px; } .single-originator .originator-links ul li:before, .single-originator .originator-links ul .caret:before { display: none; } .single-originator .originator-links img { display: block; margin: 0px auto 8px; max-width: 32px; } .single-originator .originator-links a { display: block; background-color: #0082c8; color: white; padding: 20px 8px; text-align: center; min-width: 114px; font-size: 14px; line-height: 1.3em; text-transform: uppercase; } .single-originator .originator-links a:hover { background-color: #bde7fa; color: #0082c8; } .single-originator .originator-links a:hover .hover { opacity: 1; } .single-originator .originator-links .hover { opacity: 0; position: absolute; left: 0px; right: 0px; } footer.site-footer { background-color: #0082c8; color: #f7f8f8; } footer.site-footer a { color: #FFF; } footer.site-footer li:before { display: none; } footer.site-footer .grid-container div:first-of-type img { margin: 126px 0px 8px; max-width: 98px; } footer.site-footer p { line-height: 1.6em; font-size: 14px; } footer.site-footer div > ul { list-style-type: none; } footer.site-footer div > ul li { line-height: 1.3em; margin-bottom: 4px; } footer.site-footer div > ul a { font-size: 14px; } footer.site-footer .rule.menu-item { text-indent: -9999px; position: relative; display: block; padding-bottom: 0px; margin-bottom: 10px; margin-left: 12px; border-bottom: solid 1px #c6d9cc; content: ""; width: 100%; max-width: 58px; height: 8px; } footer.site-footer .icon-facebook-squared:before { font-size: 42px; padding: 0px; margin: 20px 0px 0px; } footer.site-footer .menu > .menu-item > a { font-weight: bold; font-size: 16px; margin-bottom: 4px; display: block; } footer.site-footer .menu { padding-right: 30px; } footer.site-footer .menu li:before { display: none; } footer.site-footer p.copyright { font-size: 13px; } @media only screen and (max-width: 1279px) { footer > .grid-container, .site-inner, .header-background .float { padding-left: 20px; padding-right: 20px; } /* .featured-ads .ad-wrapper .circle { bottom: -796px; left: -309px; } .featured-ads .ad-wrapper .inner-circle { bottom: -858px; left: -302px; }*/ #menu-top-navigation li { padding: 0px 10px; } #menu-top-navigation li a { font-size: 14px; } .search-form { margin-left: 14px; margin-right: 14px; } .header-background .button.online-banking { font-size: 13px; } .header-background .button.online-banking img { max-width: 31px; } .accordion-locations .grid-container .grid-container > div { padding: 0px 18px; } .accordion-locations .grid-container .grid-container > div p { font-size: 14px; } } @media only screen and (min-width: 978px) and (max-width: 1200px) { .entry-content .featured-ads .ad-wrapper p { top: 36%; font-size: 14px; } .entry-content .featured-ads .ad-wrapper h3 { font-size: 18px; bottom: 8px; } } @media only screen and (max-width: 1024px) { .featured-ads .ad-wrapper h3 { font-size: 17px; } } @media only screen and (max-width: 977px) { .home .header-background { min-height: 576px; } [class*="push-"] { left: 0px; } h2 { font-size: 24px; line-height: 1.4em; } p { padding: 0px 18px; } .entry-content .featured-ads .ad-wrapper { margin: 34px auto 0px; } .entry-content .featured-ads .ad-wrapper p { top: 65%; } .entry-content .featured-ads .ad-wrapper .circle:before { height: 37px; top: -37px; } .accordion { margin: 0px 0 20px; } .accordion h3 span { max-width: none; } .wp-caption { margin-right: 24px; } .alerts { margin-bottom: 12px; } .mfp-content h2 { color: white; } .mfp-content p { margin-bottom: 10px; } .mfp-content a { color: white; } .mfp-content .icon-email:before { font-size: 26px; color: white; } .mfp-content .information { background-color: #0082c8; color: white; } .mfp-content .readmore.caret { position: relative; margin-left: 18px; } .mfp-content .readmore.caret:before { color: white; left: 0px; } .news .grid-container div:first-of-type { padding: 0px 20px; } .news .grid-container div:last-of-type { padding: 0px 20px; } .grid-container.team .cardWrapper { margin-left: 30px; } .grid-container.team .cardWrapper p { color: white; } .grid-container.team .grid-50 { width: 50%; } footer.site-footer { padding: 20px 20px 24px; } footer.site-footer p { padding: 0px; } footer.site-footer .icon-facebook-squared { margin-bottom: 20px; display: block; } footer.site-footer .icon-facebook-squared:before { margin: 0px; } footer.site-footer .menu { margin-bottom: 10px; text-align: left; } footer.site-footer .sub-menu li { display: inline-block; padding: 2px 0px 2px 0px; margin-bottom: 4px; } footer.site-footer .sub-menu li:after { content: '-'; display: inline-block; margin: 0px 4px 0px 8px; } footer.site-footer .sub-menu li:last-of-type:after { display: none; } footer.site-footer .grid-container div:first-of-type img { margin: 20px 0px 8px; } footer.site-footer footer > .grid-container { display: flex; flex-direction: column; } footer.site-footer footer > .grid-container div:first-of-type { order: 2; text-align: left; } footer.site-footer footer > .grid-container div:last-of-type { order: 1; width: 100% !important; } .photo-information-icon { display: none; } .top-header { display: none; } .header-background { height: 435px; } .header-background .grid-20 p { margin-top: 58px; } .header-background .float { /* display: none; */ max-width: 264px; margin-left: 20px; } .mobile .header-background .float, .mobile .header-background .homepage-links { display: none; } .header-background .login .grid-container .grid-70 { width: 70%; } .header-background .login .grid-container .grid-25 { width: 25%; } .header-background .login .grid-container .push-5 { left: 5%; } ul.homepage-links li a { padding: 12px 24px 12px; font-size: 12px; } div[class^="grid-"], div[class*=" grid-"], main[class^="grid-"], main[class*=" grid-"] { width: 100%; } div.lobby, div.driveup { width: 49%; float: left; } aside[class*="grid-"] { width: 100%; left: 0; padding: 0px 5% 20px; } .site-inner .highlight .button { margin: 15px; } .site-inner .highlight p { padding-bottom: 0px; text-align: center; } .featured-ads .ad-wrapper { display: block; max-width: 460px; margin: 20px auto 20px; } .featured-ads .ad-wrapper h3 { font-size: 25px; padding: 0px 0px 12px 60px; } .featured-ads .ad-wrapper p { top: 57%; padding: 0px 60px; font-size: 18px; } .featured-ads .ad-wrapper .button { padding: 8px 13px; } .featured-ads .ad-wrapper .circle { bottom: -740px; left: -219px; } .featured-ads .ad-wrapper .inner-circle { left: -221px; bottom: -830px; } .latest-enhancements { padding-bottom: 30px; } .highlight { text-align: center; } .highlight .button { margin: 15px; } body #wprmenu_menu, #wprmenu_bar { z-index: 9999; } body #wprmenu_menu ::-webkit-input-placeholder, #wprmenu_bar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #0082c8; } body #wprmenu_menu ::-moz-placeholder, #wprmenu_bar ::-moz-placeholder { /* Firefox 19+ */ color: #0082c8; } body #wprmenu_menu :-ms-input-placeholder, #wprmenu_bar :-ms-input-placeholder { /* IE 10+ */ color: #0082c8; } body #wprmenu_menu :-moz-placeholder, #wprmenu_bar :-moz-placeholder { /* Firefox 18- */ color: #0082c8; } body #wprmenu_menu .link, #wprmenu_bar .link { margin-left: 0px; text-transform: uppercase; } body #wprmenu_menu .link a, #wprmenu_bar .link a { display: inline-block; padding: 6px 10px; width: auto !important; } body #wprmenu_menu .sub-menu, #wprmenu_bar .sub-menu { padding-left: 16px; } body #wprmenu_menu #wprmenu_menu_ul > li, #wprmenu_bar #wprmenu_menu_ul > li { padding: 0px 20px 0px 20px; } body #wprmenu_menu.wprmenu_levels ul li ul, #wprmenu_bar.wprmenu_levels ul li ul { border-top: none; } body #wprmenu_menu ul li a, body #wprmenu_menu #wprmenu_menu ul li a:hover, body #wprmenu_menu #wprmenu_menu ul li a:active, #wprmenu_bar ul li a, #wprmenu_bar #wprmenu_menu ul li a:hover, #wprmenu_bar #wprmenu_menu ul li a:active { color: #0082c8; font-size: 18px !important; padding: 6px 6px 6px 6px; } body #wprmenu_menu.wprmenu_levels ul li ul li, #wprmenu_bar.wprmenu_levels ul li ul li { padding-left: 0px; } body #wprmenu_menu img, #wprmenu_bar img { margin-top: 10px; margin-left: 20px; } body #wprmenu_menu .wpr_search .wpr-search-field, #wprmenu_bar .wpr_search .wpr-search-field { padding: 6px 14px !important; } body #wprmenu_menu .wpr-search-form, #wprmenu_bar .wpr-search-form { padding: 0px 10px 0px 10px; color: #0082c8; } body #wprmenu_menu .wpr-search-form input, #wprmenu_bar .wpr-search-form input { background-color: #b6e4fa; color: #006351; font-size: 15px; margin: 4px 0px 0px 0px; padding: 6px; text-transform: uppercase; border: none; } body #wprmenu_menu #wprmenu_menu_ul .wprmenu_parent_item, #wprmenu_bar #wprmenu_menu_ul .wprmenu_parent_item { border: solid 2px white; padding: 6px 8px; display: inline-block; width: auto; } body #wprmenu_menu #wprmenu_menu_ul .wprmenu_no_border_bottom .wprmenu_parent_item, #wprmenu_bar #wprmenu_menu_ul .wprmenu_no_border_bottom .wprmenu_parent_item { border: solid 2px #0082c8; padding: 6px 20px; display: inline-block; width: auto; border-radius: 100px; } body #wprmenu_menu.wprmenu_levels ul li, #wprmenu_bar.wprmenu_levels ul li { border: none; padding: 0px 20px 0px 32px; } body #wprmenu_menu .wprmenu_icon_par, #wprmenu_bar .wprmenu_icon_par { padding: 18px 0px; width: 100%; display: block; /* display: none;*/ } body #wprmenu_menu .wprmenu_icon:before, body #wprmenu_menu #wprmenu_bar [data-icon]:before, #wprmenu_bar .wprmenu_icon:before, #wprmenu_bar #wprmenu_bar [data-icon]:before { display: none; } body #wprmenu_menu.wprmenu_levels a.wprmenu_parent_item, #wprmenu_bar.wprmenu_levels a.wprmenu_parent_item { border: none; } body #wprmenu_menu ul.division, #wprmenu_bar ul.division { padding: 0px; margin-top: 30px; } body #wprmenu_menu ul.division li, #wprmenu_bar ul.division li { padding-bottom: 14px; } body #wprmenu_menu ul.division li a, #wprmenu_bar ul.division li a { font-size: 20px; line-height: 1.0em; padding: 0px 0px 4px; text-transform: uppercase; } body #wprmenu_menu ul.division li span, #wprmenu_bar ul.division li span { display: block; font-size: 10px; } body #wprmenu_menu .division li:nth-child(1) a, #wprmenu_bar .division li:nth-child(1) a { color: #006351; } body #wprmenu_menu .division li:nth-child(2) a, #wprmenu_bar .division li:nth-child(2) a { color: #0083cb; } body #wprmenu_menu .division li:nth-child(3) a, #wprmenu_bar .division li:nth-child(3) a { color: #6d6e71; } body #wprmenu_menu .division li:nth-child(4) a, #wprmenu_bar .division li:nth-child(4) a { color: #231f20; } body #wprmenu_menu.wprmenu_levels a.wprmenu_parent_item, #wprmenu_bar.wprmenu_levels a.wprmenu_parent_item { margin-left: 0px; color: #0082c8; text-transform: uppercase; /*border-bottom: solid 2px $color-secondary;*/ font-size: 20px; padding: 6px 0px; } body #wprmenu_menu.wprmenu_levels li:last-of-type a.wprmenu_parent_item, #wprmenu_bar.wprmenu_levels li:last-of-type a.wprmenu_parent_item { border: none; } .news .grid-40 { width: 40%; } .news .grid-60 { width: 60%; } .alerts, .latest-enhancements { width: 49%; float: left; } .latest-enhancements { margin-left: 2%; } .lobby, .driveup { width: 49%; float: left; } .title-area { padding-top: 0px; } } @media only screen and (max-width: 767px) { .alerts, .latest-enhancements { width: 100%; float: none; } .latest-enhancements { margin-left: 0%; } ul.atm-list { margin-right: 15px; } ul.atm-list span a { font-size: 18px; } ul.atm-list .button { margin-left: 0px; position: relative; padding: 5px 20px; top: 0px; right: 0px; margin-top: 10px; margin-bottom: 6px; font-size: 14px; } .single-originator article.type-originator .grid-container { padding: inherit; margin-bottom: 20px; } .single-originator .bio { margin-top: 20px; } .single-originator .bio img { padding-left: 20px; } .single-originator article.type-originator { width: 100%; } .single-originator .originator-links { margin-bottom: 20px; width: 100%; max-width: none; } .single-originator .originator-links li { display: block; } .single-originator .originator-links { background-color: #0082c8; padding: 10px; } .single-originator .originator-links ul li { display: inline-block; width: 50%; float: left; } .single-originator .originator-links ul li:nth-child(1), .single-originator .originator-links ul li:nth-child(3), .single-originator .originator-links ul li:nth-child(5) { border-right: solid 1px white; } .single-originator .originator-links ul li:nth-child(1), .single-originator .originator-links ul li:nth-child(2), .single-originator .originator-links ul li:nth-child(3), .single-originator .originator-links ul li:nth-child(4) { border-bottom: solid 1px white; } .single-originator .originator-links ul li img { width: auto; height: 30px; max-width: none; } .accordion h3 .button { position: relative; right: 18px; top: 25px; padding: 10px 28px; } .accordion h3 .button { display: none; } .accordion .ui-accordion-content .button-set .button { margin: 4px 10px; min-width: 200px; padding: 8px 10px; } .site-inner ul { margin-left: 10px; } .site-inner ul li:before { left: -19px; } div.lobby, div.driveup { width: 100%; float: none; padding: 6px 18px !important; } } @media only screen and (max-width: 560px) { div.lobby, div.driveup { width: 100%; float: none; padding: 6px 18px; } } @media only screen and (max-width: 479px) { .entry-content .featured-ads .ad-wrapper h3 { font-size: 17px; } .entry-content .featured-ads .ad-wrapper p { top: 48%; font-size: 14px; } .header-background { display: none; } body:not(.home) .site-inner { padding-top: 66px; } .single-originator .originator-links a { font-size: 12px; } .site-inner section.window { background-color: #bde7fa; padding: 20px 0px 4px; margin-top: 20px; margin-bottom: 20px; } .site-inner section.window p { padding-left: 26px; } .mobile .site-inner .accordion-locations .grid-container p { margin-bottom: 4px; padding: 0px; } .accordion-locations .grid-container .grid-container > div { padding: 6px 0px; } body .gform_wrapper #gform_1 #field_1_1, body .gform_wrapper #gform_1 #field_1_2, body .gform_wrapper #gform_1 #field_1_3, body .gform_wrapper #gform_1 #field_1_4 { display: inline-block; width: 97%; } body .gform_wrapper #gform_1 .ginput_container.ginput_container_select { min-width: 97%; margin-left: 0px; } .gform_wrapper textarea.medium { height: 120px; width: 97% !important; } .sidebar { display: none; } .grid-25, .grid-65 { width: 100%; } .push-10 { left: 0px; } .team h2, .team h3 { padding: 0px 12px; } .team .grid-50 { width: 42%; margin: 0px 5%; } .team .grid-50:nth-child(odd) { margin-left: 5%; } .team .grid-50:nth-child(even) { margin-left: 0px; } .team .title-wrapper p { display: none; } .cardWrapper { height: 152px; } .cardWrapper .title-wrapper { height: 50px; } .cardWrapper .cardFace { height: 186px; } .cardWrapper, .cardWrapper .cardFace { width: 100%; } .cardWrapper .circle { width: 100%; height: 20px; display: block; margin: auto; bottom: 40px; right: 0px; position: absolute; z-index: 0; } .topnav-links li { width: 50%; float: left; } .account-links { width: 50%; float: left; } .featured-ads .ad-wrapper .circle { left: -290px; } ul span.grid-container > span { width: 100%; float: none; } ul span.grid-container > span .button { float: none; left: auto; right: 0px; display: block; width: 158px; text-align: center; } .mobile #wprmenu_bar { z-index: 10000; } .mobile .header-background:before { background-size: 100%; background-position: top center; } .mobile .header-background { height: 200px; } .mobile .site-title a { background-size: 100%; width: 82%; } .mobile .grid-container.bio .grid-40, .mobile .grid-container.bio .grid-60 { width: 100%; } .mobile .site-inner p { padding: 0px 20px; margin: 0 0 18px; } .mobile footer.site-footer { padding-top: 14px; text-align: center; } .mobile footer.site-footer p { font-size: 16px; padding-top: 6px; } .mobile footer.site-footer ul li { display: inline-block; } .mobile footer.site-footer ul li:after { content: "|"; display: inline-block; position: relative; top: -2px; padding: 0px 4px 0px 9px; font-size: 12px; } .mobile footer.site-footer ul li:last-of-type:after { display: none; } .mobile footer.site-footer img { margin: 20px 0px 6px; max-width: 100px; } } .mobile .site-inner .entry-title { background-color: transparent; color: #0082c8; } .mobile ul li { font-size: 14px; } .mobile .team { padding: 0px; } .mobile .site-inner .accordion-locations h3 { padding: 8px 20px; } .mobile .site-inner .accordion-locations .lobby p:first-of-type { margin-bottom: 0px; } .mobile .site-inner .accordion-locations .driveup p:first-of-type { margin-bottom: 0px; } .mobile .site-inner h2, .mobile .site-inner h3 { padding: 0px 20px; } .mobile .team h2, .mobile .team h3 { padding: 0px 12px; } .mobile .team .grid-50 { width: 42%; margin: 0px 5%; } .mobile .team .grid-50:nth-child(odd) { margin-left: 5%; } .mobile .team .grid-50:nth-child(even) { margin-left: 0px; } .mobile .team .title-wrapper p { display: none; } .mobile .grid-container.team .cardWrapper { margin-left: 2px; } .mobile.home .site-inner { padding-top: 12px; } .mobile ul.topnav-links { text-transform: uppercase; text-align: center; font-size: 0px; padding: 0px; margin: 46px 20px 10px; } .mobile ul.topnav-links li { width: 50%; display: inline-block; float: none; font-size: 14px; line-height: 16px; padding: 10px 0px 10px; } .mobile ul.topnav-links li:nth-child(1), .mobile ul.topnav-links li:nth-child(2) { border-bottom: solid 1px #009fde; } .mobile ul.topnav-links li:nth-child(1), .mobile ul.topnav-links li:nth-child(3) { border-right: solid 1px #009fde; } .mobile ul.topnav-links li:nth-child(3), .mobile ul.topnav-links li:nth-child(4) { padding: 10px 0px 0px; } .mobile ul.topnav-links li:before { display: none; } .mobile ul.topnav-links img { display: block; margin: 0px auto 6px; } .mobile .button.app { background-color: #0082c8; border: 3px solid white; color: white; display: block; margin: 18px 5% 16px; text-align: center; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); height: 62px; padding: 16px; } .mobile .button.app img { display: inline-block; vertical-align: middle; margin-top: -5px; padding-right: 8px; } .mobile .featured-ads .ad-wrapper { display: block; max-width: 320px; margin: 20px auto 20px; } .mobile .featured-ads .ad-wrapper h3 { font-size: 20px; padding: 0px 0px 2px 32px; } .mobile .featured-ads .ad-wrapper p { top: 42%; padding: 0px 32px; font-size: 16px; } .mobile .featured-ads .ad-wrapper .button { padding: 4px 13px; font-size: 16px; } .mobile .featured-ads .ad-wrapper .circle { bottom: -784px; left: -288px; } .mobile .featured-ads .ad-wrapper .inner-circle { left: -290px; bottom: -846px; } .mobile ul.account-links { background-color: #0082c8; color: white; margin: 0px; padding: 8px; width: 100%; text-transform: uppercase; text-align: center; font-size: 0px; } .mobile ul.account-links li { width: 50%; display: inline-block; float: none; font-size: 14px; line-height: 16px; padding: 10px 0px; } .mobile ul.account-links li:nth-child(1), .mobile ul.account-links li:nth-child(2) { border-bottom: solid 1px white; } .mobile ul.account-links li:nth-child(1) { border-right: solid 1px white; } .mobile ul.account-links li:nth-child(5) { border-top: solid 1px white; width: 100%; } .mobile ul.account-links li:before { display: none; } .mobile ul.account-links img { display: block; margin: 0px auto 6px; } .mobile ul.account-links a { color: white; display: block; } .mobile .photo-information-icon { display: none; } .mobile .alerts { margin-bottom: 0px; } .mobile.home .accordion h3 { color: #0082c8; } .mobile .accordion > h3 { color: white; font-size: 18px; padding: 8px 20px 6px; } .mobile .accordion > h3 p { padding-left: 0px; margin-bottom: 0px; } .mobile .accordion i { position: absolute; right: 0px; top: 26%; } .mobile .accordion .icon-left-dir-1 { display: block; } .mobile .accordion .news h3 { padding: 0px 0px; } .mobile .accordion .news .grid-container > div { width: 100%; } .open-popup-link { display: block; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .addtoany_content_bottom { text-align: center; } .stacktable { width: 100%; } .st-head-row { padding-top: 1em; } .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; } .st-key { width: 48%; text-align: right; padding-right: 2%; } .st-val { width: 48%; padding-left: 2%; } /* RESPONSIVE EXAMPLE */ .stacktable.large-only { display: table; } .stacktable.small-only { display: none; } @media (max-width: 767px) { .stacktable.large-only { display: none; } .stacktable.small-only { display: table; } .st-head-row-main { display: none; } .st-head-row a { color: #FFF; } .RateTableSubheader .st-head-row, .tablepress th.st-head-row { background-color: #0082c8; color: #FFF; font-weight: bold; text-align: center; padding: 8px 26px; } .st-head-row { background-color: #0082c8; color: #FFF; } table td { vertical-align: middle; padding: 4px; } } .fAQManagement-container h3.fAQManagement-header { cursor: pointer; color: #0082c8; border-bottom: solid 2px #bde7fa; cursor: pointer; font-size: 18px; margin-bottom: 0px; padding: 8px 26px; outline: none; position: relative; background-color: transparent; min-height: inherit; } .fAQManagement-container .icon-left-dir-1 { display: block; position: absolute; right: 0px; top: 11px; } .fAQManagement-container .icon-left-dir-1:after { color: #0082c8; } .fAQManagement-container .addtoany_share_save_container { display: none; } .careers .grid-container { background-color: #009fde; margin-bottom: 14px; } .careers .grid-container img { display: block; } .careers .grid-container h4 { background-color: #0082c8; border-bottom: solid 2px #e4ece6; color: white; font-weight: bold; font-size: 16px; margin: 0px 0px 16px; padding: 18px 0px 14px; text-align: center; } .careers .grid-container h4 span { font-style: italic; font-weight: normal; } .careers .grid-container p { text-align: center; } .careers .grid-container .button { background-color: #0082c8; color: white; margin: 0px 6px 8px; padding: 6px 18px; } .careers .grid-container .button:hover { background-color: #bde7fa; color: #0082c8 !important; } .single-careers dl { clear: both; display: block; font-size: 16px; margin-left: 26px; width: 100%; } .single-careers dt { float: left; width: 100px; } .single-careers dd { clear: right; } .single-careers .entry-content > a.button { margin-left: 26px; } .sidebar .widget .sub-menu { padding: 0px; margin-left: 0px; } .calculator.grid-container { display: flex; align-items: flex-start; justify-content: center; padding: 0px 26px 20px; } .calculator.grid-container .grid-33:nth-child(2) { align-self: flex-end; } .calculator.grid-container .CalcFormItem { line-height: 1.2em; } .calculator.grid-container label { color: #0082c8; text-transform: uppercase; padding-bottom: 4px; display: block; } .calculator.grid-container input { margin-bottom: 20px; padding: 8px 10px; } .calculator.grid-container .CalcFormItem:last-of-type input { margin-bottom: 0px; } .calculator.grid-container .grid-33 { max-width: 33%; flex: 1; } .calculator.grid-container .grid-33:last-of-type { align-self: flex-start; } .calculator.grid-container .button { margin: 0px auto; display: block; max-width: 220px; } .calculator.grid-container .result { background-color: #0082c8; color: white; padding: 30px 20px; } .calculator.grid-container .result label { color: white; text-transform: uppercase; padding-bottom: 4px; display: block; } .calculator.grid-container .result input { color: #0082c8; background-color: white; } /*# sourceMappingURL=meredith.min.css.map*/