/* Theme Name: ialr Description: Child theme of Genesis, by Objectiv Inc. Author: Objectiv Inc. Author URI: http://objectiv.co/ Template: genesis */ @import url(assets/components/normalize.css/normalize.css); input[type="button"], input[type="reset"], input[type="submit"], .button a, .primary-button a, .red-button a, .cma-red-button a, .cma-blue-button a, .choice-blue-button a, .choice-orange-button a, .choice-green-button a, .choice-purple-button a, .green-button a, .blue-button a, .dark-blue-button a, .purple-button a, .peach-button a, .white-button a, .dark-gray-button a, .blue-button a, .blue-button.fake-button > span, .primary-button.fake-button > span, .dark-blue-button.fake-button > span, .red-button.fake-button > span, .purple-button.fake-button > span, .green-button.fake-button > span, .peach-button.fake-button > span, .cma-red-button.fake-button > span, .cma-blue-button.fake-button > span, .choice-blue-button.fake-button > span, .choice-orange-button.fake-button > span, .choice-green-button.fake-button > span, .choice-purple-button.fake-button > span, .dark-gray-button.fake-button > span, .white-button.fake-button > span { appearance: none; background-color: transparent; border-width: 2px !important; border-style: solid; border-color: transparent; color: #fff !important; cursor: pointer; display: inline-block; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1.125em; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1; padding: 1em 2em; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 300ms ease; user-select: none; vertical-align: middle; overflow: hidden; position: relative; z-index: 1; } input[type="button"]:before, input[type="reset"]:before, input[type="submit"]:before, .button a:before, .primary-button a:before, .red-button a:before, .cma-red-button a:before, .cma-blue-button a:before, .choice-blue-button a:before, .choice-orange-button a:before, .choice-green-button a:before, .choice-purple-button a:before, .green-button a:before, .blue-button a:before, .dark-blue-button a:before, .purple-button a:before, .peach-button a:before, .white-button a:before, .dark-gray-button a:before, .blue-button a:before, .blue-button.fake-button > span:before, .primary-button.fake-button > span:before, .dark-blue-button.fake-button > span:before, .red-button.fake-button > span:before, .purple-button.fake-button > span:before, .green-button.fake-button > span:before, .peach-button.fake-button > span:before, .cma-red-button.fake-button > span:before, .cma-blue-button.fake-button > span:before, .choice-blue-button.fake-button > span:before, .choice-orange-button.fake-button > span:before, .choice-green-button.fake-button > span:before, .choice-purple-button.fake-button > span:before, .dark-gray-button.fake-button > span:before, .white-button.fake-button > span:before { background-color: #44bce7; content: ""; position: absolute; width: 100%; height: 101%; top: 0; left: 0; transition: all 300ms ease; -webkit-transform: skew(-35deg); -moz-transform: skew(-35deg); -ms-transform: skew(-35deg); -o-transform: skew(-35deg); transform: skew(-35deg); z-index: -1; } input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .button a:hover, .button a:focus, .button a:active, .primary-button a:hover, .primary-button a:focus, .primary-button a:active, .red-button a:hover, .red-button a:focus, .red-button a:active, .cma-red-button a:hover, .cma-red-button a:focus, .cma-red-button a:active, .cma-blue-button a:hover, .cma-blue-button a:focus, .cma-blue-button a:active, .choice-blue-button a:hover, .choice-blue-button a:focus, .choice-blue-button a:active, .choice-orange-button a:hover, .choice-orange-button a:focus, .choice-orange-button a:active, .choice-green-button a:hover, .choice-green-button a:focus, .choice-green-button a:active, .choice-purple-button a:hover, .choice-purple-button a:focus, .choice-purple-button a:active, .green-button a:hover, .green-button a:focus, .green-button a:active, .blue-button a:hover, .blue-button a:focus, .blue-button a:active, .dark-blue-button a:hover, .dark-blue-button a:focus, .dark-blue-button a:active, .purple-button a:hover, .purple-button a:focus, .purple-button a:active, .peach-button a:hover, .peach-button a:focus, .peach-button a:active, .white-button a:hover, .white-button a:focus, .white-button a:active, .dark-gray-button a:hover, .dark-gray-button a:focus, .dark-gray-button a:active, .blue-button a:hover, .blue-button a:focus, .blue-button a:active, .blue-button.fake-button > span:hover, .blue-button.fake-button > span:focus, .blue-button.fake-button > span:active, .primary-button.fake-button > span:hover, .primary-button.fake-button > span:focus, .primary-button.fake-button > span:active, .dark-blue-button.fake-button > span:hover, .dark-blue-button.fake-button > span:focus, .dark-blue-button.fake-button > span:active, .red-button.fake-button > span:hover, .red-button.fake-button > span:focus, .red-button.fake-button > span:active, .purple-button.fake-button > span:hover, .purple-button.fake-button > span:focus, .purple-button.fake-button > span:active, .green-button.fake-button > span:hover, .green-button.fake-button > span:focus, .green-button.fake-button > span:active, .peach-button.fake-button > span:hover, .peach-button.fake-button > span:focus, .peach-button.fake-button > span:active, .cma-red-button.fake-button > span:hover, .cma-red-button.fake-button > span:focus, .cma-red-button.fake-button > span:active, .cma-blue-button.fake-button > span:hover, .cma-blue-button.fake-button > span:focus, .cma-blue-button.fake-button > span:active, .choice-blue-button.fake-button > span:hover, .choice-blue-button.fake-button > span:focus, .choice-blue-button.fake-button > span:active, .choice-orange-button.fake-button > span:hover, .choice-orange-button.fake-button > span:focus, .choice-orange-button.fake-button > span:active, .choice-green-button.fake-button > span:hover, .choice-green-button.fake-button > span:focus, .choice-green-button.fake-button > span:active, .choice-purple-button.fake-button > span:hover, .choice-purple-button.fake-button > span:focus, .choice-purple-button.fake-button > span:active, .dark-gray-button.fake-button > span:hover, .dark-gray-button.fake-button > span:focus, .dark-gray-button.fake-button > span:active, .white-button.fake-button > span:hover, .white-button.fake-button > span:focus, .white-button.fake-button > span:active { background-color: transparent; border-color: #b55146; color: white !important; outline: none; } input[type="button"]:hover:before, input[type="button"]:focus:before, input[type="button"]:active:before, input[type="reset"]:hover:before, input[type="reset"]:focus:before, input[type="reset"]:active:before, input[type="submit"]:hover:before, input[type="submit"]:focus:before, input[type="submit"]:active:before, .button a:hover:before, .button a:focus:before, .button a:active:before, .primary-button a:hover:before, .primary-button a:focus:before, .primary-button a:active:before, .red-button a:hover:before, .red-button a:focus:before, .red-button a:active:before, .cma-red-button a:hover:before, .cma-red-button a:focus:before, .cma-red-button a:active:before, .cma-blue-button a:hover:before, .cma-blue-button a:focus:before, .cma-blue-button a:active:before, .choice-blue-button a:hover:before, .choice-blue-button a:focus:before, .choice-blue-button a:active:before, .choice-orange-button a:hover:before, .choice-orange-button a:focus:before, .choice-orange-button a:active:before, .choice-green-button a:hover:before, .choice-green-button a:focus:before, .choice-green-button a:active:before, .choice-purple-button a:hover:before, .choice-purple-button a:focus:before, .choice-purple-button a:active:before, .green-button a:hover:before, .green-button a:focus:before, .green-button a:active:before, .blue-button a:hover:before, .blue-button a:focus:before, .blue-button a:active:before, .dark-blue-button a:hover:before, .dark-blue-button a:focus:before, .dark-blue-button a:active:before, .purple-button a:hover:before, .purple-button a:focus:before, .purple-button a:active:before, .peach-button a:hover:before, .peach-button a:focus:before, .peach-button a:active:before, .white-button a:hover:before, .white-button a:focus:before, .white-button a:active:before, .dark-gray-button a:hover:before, .dark-gray-button a:focus:before, .dark-gray-button a:active:before, .blue-button a:hover:before, .blue-button a:focus:before, .blue-button a:active:before, .blue-button.fake-button > span:hover:before, .blue-button.fake-button > span:focus:before, .blue-button.fake-button > span:active:before, .primary-button.fake-button > span:hover:before, .primary-button.fake-button > span:focus:before, .primary-button.fake-button > span:active:before, .dark-blue-button.fake-button > span:hover:before, .dark-blue-button.fake-button > span:focus:before, .dark-blue-button.fake-button > span:active:before, .red-button.fake-button > span:hover:before, .red-button.fake-button > span:focus:before, .red-button.fake-button > span:active:before, .purple-button.fake-button > span:hover:before, .purple-button.fake-button > span:focus:before, .purple-button.fake-button > span:active:before, .green-button.fake-button > span:hover:before, .green-button.fake-button > span:focus:before, .green-button.fake-button > span:active:before, .peach-button.fake-button > span:hover:before, .peach-button.fake-button > span:focus:before, .peach-button.fake-button > span:active:before, .cma-red-button.fake-button > span:hover:before, .cma-red-button.fake-button > span:focus:before, .cma-red-button.fake-button > span:active:before, .cma-blue-button.fake-button > span:hover:before, .cma-blue-button.fake-button > span:focus:before, .cma-blue-button.fake-button > span:active:before, .choice-blue-button.fake-button > span:hover:before, .choice-blue-button.fake-button > span:focus:before, .choice-blue-button.fake-button > span:active:before, .choice-orange-button.fake-button > span:hover:before, .choice-orange-button.fake-button > span:focus:before, .choice-orange-button.fake-button > span:active:before, .choice-green-button.fake-button > span:hover:before, .choice-green-button.fake-button > span:focus:before, .choice-green-button.fake-button > span:active:before, .choice-purple-button.fake-button > span:hover:before, .choice-purple-button.fake-button > span:focus:before, .choice-purple-button.fake-button > span:active:before, .dark-gray-button.fake-button > span:hover:before, .dark-gray-button.fake-button > span:focus:before, .dark-gray-button.fake-button > span:active:before, .white-button.fake-button > span:hover:before, .white-button.fake-button > span:focus:before, .white-button.fake-button > span:active:before { -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -ms-transform: skew(0deg); -o-transform: skew(0deg); transform: skew(0deg); } input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, .button a:disabled, .primary-button a:disabled, .red-button a:disabled, .cma-red-button a:disabled, .cma-blue-button a:disabled, .choice-blue-button a:disabled, .choice-orange-button a:disabled, .choice-green-button a:disabled, .choice-purple-button a:disabled, .green-button a:disabled, .blue-button a:disabled, .dark-blue-button a:disabled, .purple-button a:disabled, .peach-button a:disabled, .white-button a:disabled, .dark-gray-button a:disabled, .blue-button a:disabled, .blue-button.fake-button > span:disabled, .primary-button.fake-button > span:disabled, .dark-blue-button.fake-button > span:disabled, .red-button.fake-button > span:disabled, .purple-button.fake-button > span:disabled, .green-button.fake-button > span:disabled, .peach-button.fake-button > span:disabled, .cma-red-button.fake-button > span:disabled, .cma-blue-button.fake-button > span:disabled, .choice-blue-button.fake-button > span:disabled, .choice-orange-button.fake-button > span:disabled, .choice-green-button.fake-button > span:disabled, .choice-purple-button.fake-button > span:disabled, .dark-gray-button.fake-button > span:disabled, .white-button.fake-button > span:disabled { cursor: not-allowed; opacity: 0.5; } input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover, .button a:disabled:hover, .primary-button a:disabled:hover, .red-button a:disabled:hover, .cma-red-button a:disabled:hover, .cma-blue-button a:disabled:hover, .choice-blue-button a:disabled:hover, .choice-orange-button a:disabled:hover, .choice-green-button a:disabled:hover, .choice-purple-button a:disabled:hover, .green-button a:disabled:hover, .blue-button a:disabled:hover, .dark-blue-button a:disabled:hover, .purple-button a:disabled:hover, .peach-button a:disabled:hover, .white-button a:disabled:hover, .dark-gray-button a:disabled:hover, .blue-button a:disabled:hover, .blue-button.fake-button > span:disabled:hover, .primary-button.fake-button > span:disabled:hover, .dark-blue-button.fake-button > span:disabled:hover, .red-button.fake-button > span:disabled:hover, .purple-button.fake-button > span:disabled:hover, .green-button.fake-button > span:disabled:hover, .peach-button.fake-button > span:disabled:hover, .cma-red-button.fake-button > span:disabled:hover, .cma-blue-button.fake-button > span:disabled:hover, .choice-blue-button.fake-button > span:disabled:hover, .choice-orange-button.fake-button > span:disabled:hover, .choice-green-button.fake-button > span:disabled:hover, .choice-purple-button.fake-button > span:disabled:hover, .dark-gray-button.fake-button > span:disabled:hover, .white-button.fake-button > span:disabled:hover { background-color: transparent; } .primary-button a, .primary-button input[type=submit], .primary-button button, .primary-button.fake-button > span { border-color: #44bce7; } .primary-button a:before, .primary-button input[type=submit]:before, .primary-button button:before, .primary-button.fake-button > span:before { background-color: #44bce7; } .primary-button a:hover, .primary-button a:focus, .primary-button a:active, .primary-button input[type=submit]:hover, .primary-button input[type=submit]:focus, .primary-button input[type=submit]:active, .primary-button button:hover, .primary-button button:focus, .primary-button button:active, .primary-button.fake-button > span:hover, .primary-button.fake-button > span:focus, .primary-button.fake-button > span:active { border-color: #44bce7; } .red-button a, .red-button input[type=submit], .red-button button, .red-button.fake-button > span { border-color: #b55146; } .red-button a:before, .red-button input[type=submit]:before, .red-button button:before, .red-button.fake-button > span:before { background-color: #b55146; } .red-button a:hover, .red-button a:focus, .red-button a:active, .red-button input[type=submit]:hover, .red-button input[type=submit]:focus, .red-button input[type=submit]:active, .red-button button:hover, .red-button button:focus, .red-button button:active, .red-button.fake-button > span:hover, .red-button.fake-button > span:focus, .red-button.fake-button > span:active { border-color: #b55146; } .cma-red-button a, .cma-red-button input[type=submit], .cma-red-button button, .cma-red-button.fake-button > span { border-color: #ED1C24; } .cma-red-button a:before, .cma-red-button input[type=submit]:before, .cma-red-button button:before, .cma-red-button.fake-button > span:before { background-color: #ED1C24; } .cma-red-button a:hover, .cma-red-button a:focus, .cma-red-button a:active, .cma-red-button input[type=submit]:hover, .cma-red-button input[type=submit]:focus, .cma-red-button input[type=submit]:active, .cma-red-button button:hover, .cma-red-button button:focus, .cma-red-button button:active, .cma-red-button.fake-button > span:hover, .cma-red-button.fake-button > span:focus, .cma-red-button.fake-button > span:active { border-color: #ED1C24; } .cma-blue-button a, .cma-blue-button input[type=submit], .cma-blue-button button, .cma-blue-button.fake-button > span { border-color: #5FA0BD; } .cma-blue-button a:before, .cma-blue-button input[type=submit]:before, .cma-blue-button button:before, .cma-blue-button.fake-button > span:before { background-color: #5FA0BD; } .cma-blue-button a:hover, .cma-blue-button a:focus, .cma-blue-button a:active, .cma-blue-button input[type=submit]:hover, .cma-blue-button input[type=submit]:focus, .cma-blue-button input[type=submit]:active, .cma-blue-button button:hover, .cma-blue-button button:focus, .cma-blue-button button:active, .cma-blue-button.fake-button > span:hover, .cma-blue-button.fake-button > span:focus, .cma-blue-button.fake-button > span:active { border-color: #5FA0BD; } .choice-blue-button a, .choice-blue-button input[type=submit], .choice-blue-button button, .choice-blue-button.fake-button > span { border-color: #30296b; } .choice-blue-button a:before, .choice-blue-button input[type=submit]:before, .choice-blue-button button:before, .choice-blue-button.fake-button > span:before { background-color: #30296b; } .choice-blue-button a:hover, .choice-blue-button a:focus, .choice-blue-button a:active, .choice-blue-button input[type=submit]:hover, .choice-blue-button input[type=submit]:focus, .choice-blue-button input[type=submit]:active, .choice-blue-button button:hover, .choice-blue-button button:focus, .choice-blue-button button:active, .choice-blue-button.fake-button > span:hover, .choice-blue-button.fake-button > span:focus, .choice-blue-button.fake-button > span:active { border-color: #30296b; } .choice-orange-button a, .choice-orange-button input[type=submit], .choice-orange-button button, .choice-orange-button.fake-button > span { border-color: #f37637; } .choice-orange-button a:before, .choice-orange-button input[type=submit]:before, .choice-orange-button button:before, .choice-orange-button.fake-button > span:before { background-color: #f37637; } .choice-orange-button a:hover, .choice-orange-button a:focus, .choice-orange-button a:active, .choice-orange-button input[type=submit]:hover, .choice-orange-button input[type=submit]:focus, .choice-orange-button input[type=submit]:active, .choice-orange-button button:hover, .choice-orange-button button:focus, .choice-orange-button button:active, .choice-orange-button.fake-button > span:hover, .choice-orange-button.fake-button > span:focus, .choice-orange-button.fake-button > span:active { border-color: #f37637; } .choice-green-button a, .choice-green-button input[type=submit], .choice-green-button button, .choice-green-button.fake-button > span { border-color: #50a04b; } .choice-green-button a:before, .choice-green-button input[type=submit]:before, .choice-green-button button:before, .choice-green-button.fake-button > span:before { background-color: #50a04b; } .choice-green-button a:hover, .choice-green-button a:focus, .choice-green-button a:active, .choice-green-button input[type=submit]:hover, .choice-green-button input[type=submit]:focus, .choice-green-button input[type=submit]:active, .choice-green-button button:hover, .choice-green-button button:focus, .choice-green-button button:active, .choice-green-button.fake-button > span:hover, .choice-green-button.fake-button > span:focus, .choice-green-button.fake-button > span:active { border-color: #50a04b; } .choice-purple-button a, .choice-purple-button input[type=submit], .choice-purple-button button, .choice-purple-button.fake-button > span { border-color: #4d3994; } .choice-purple-button a:before, .choice-purple-button input[type=submit]:before, .choice-purple-button button:before, .choice-purple-button.fake-button > span:before { background-color: #4d3994; } .choice-purple-button a:hover, .choice-purple-button a:focus, .choice-purple-button a:active, .choice-purple-button input[type=submit]:hover, .choice-purple-button input[type=submit]:focus, .choice-purple-button input[type=submit]:active, .choice-purple-button button:hover, .choice-purple-button button:focus, .choice-purple-button button:active, .choice-purple-button.fake-button > span:hover, .choice-purple-button.fake-button > span:focus, .choice-purple-button.fake-button > span:active { border-color: #4d3994; } .green-button a, .green-button input[type=submit], .green-button button, .green-button.fake-button > span { border-color: #61a78a; } .green-button a:before, .green-button input[type=submit]:before, .green-button button:before, .green-button.fake-button > span:before { background-color: #61a78a; } .green-button a:hover, .green-button a:focus, .green-button a:active, .green-button input[type=submit]:hover, .green-button input[type=submit]:focus, .green-button input[type=submit]:active, .green-button button:hover, .green-button button:focus, .green-button button:active, .green-button.fake-button > span:hover, .green-button.fake-button > span:focus, .green-button.fake-button > span:active { border-color: #61a78a; } .blue-button a, .blue-button input[type=submit], .blue-button button, .blue-button.fake-button > span { border-color: #44bce7; } .blue-button a:before, .blue-button input[type=submit]:before, .blue-button button:before, .blue-button.fake-button > span:before { background-color: #44bce7; } .blue-button a:hover, .blue-button a:focus, .blue-button a:active, .blue-button input[type=submit]:hover, .blue-button input[type=submit]:focus, .blue-button input[type=submit]:active, .blue-button button:hover, .blue-button button:focus, .blue-button button:active, .blue-button.fake-button > span:hover, .blue-button.fake-button > span:focus, .blue-button.fake-button > span:active { border-color: #44bce7; } .dark-blue-button a, .dark-blue-button input[type=submit], .dark-blue-button button, .dark-blue-button.fake-button > span { border-color: #4c7ebc; } .dark-blue-button a:before, .dark-blue-button input[type=submit]:before, .dark-blue-button button:before, .dark-blue-button.fake-button > span:before { background-color: #4c7ebc; } .dark-blue-button a:hover, .dark-blue-button a:focus, .dark-blue-button a:active, .dark-blue-button input[type=submit]:hover, .dark-blue-button input[type=submit]:focus, .dark-blue-button input[type=submit]:active, .dark-blue-button button:hover, .dark-blue-button button:focus, .dark-blue-button button:active, .dark-blue-button.fake-button > span:hover, .dark-blue-button.fake-button > span:focus, .dark-blue-button.fake-button > span:active { border-color: #4c7ebc; } .purple-button a, .purple-button input[type=submit], .purple-button button, .purple-button.fake-button > span { border-color: #8d5da8; } .purple-button a:before, .purple-button input[type=submit]:before, .purple-button button:before, .purple-button.fake-button > span:before { background-color: #8d5da8; } .purple-button a:hover, .purple-button a:focus, .purple-button a:active, .purple-button input[type=submit]:hover, .purple-button input[type=submit]:focus, .purple-button input[type=submit]:active, .purple-button button:hover, .purple-button button:focus, .purple-button button:active, .purple-button.fake-button > span:hover, .purple-button.fake-button > span:focus, .purple-button.fake-button > span:active { border-color: #8d5da8; } .peach-button a, .peach-button input[type=submit], .peach-button button, .peach-button.fake-button > span { border-color: #ffb665; } .peach-button a:before, .peach-button input[type=submit]:before, .peach-button button:before, .peach-button.fake-button > span:before { background-color: #ffb665; } .peach-button a:hover, .peach-button a:focus, .peach-button a:active, .peach-button input[type=submit]:hover, .peach-button input[type=submit]:focus, .peach-button input[type=submit]:active, .peach-button button:hover, .peach-button button:focus, .peach-button button:active, .peach-button.fake-button > span:hover, .peach-button.fake-button > span:focus, .peach-button.fake-button > span:active { border-color: #ffb665; } .white-button a, .white-button input[type=submit], .white-button button, .white-button.fake-button > span { border-color: white; color: #333 !important; } .white-button a:before, .white-button input[type=submit]:before, .white-button button:before, .white-button.fake-button > span:before { background-color: white; } .white-button a:hover, .white-button a:focus, .white-button a:active, .white-button input[type=submit]:hover, .white-button input[type=submit]:focus, .white-button input[type=submit]:active, .white-button button:hover, .white-button button:focus, .white-button button:active, .white-button.fake-button > span:hover, .white-button.fake-button > span:focus, .white-button.fake-button > span:active { border-color: white; } .white-button a:hover, .white-button input[type=submit]:hover, .white-button button:hover, .white-button.fake-button > span:hover { color: #333 !important; } .dark-gray-button a, .dark-gray-button input[type=submit], .dark-gray-button button, .dark-gray-button.fake-button > span { border-color: #333; } .dark-gray-button a:before, .dark-gray-button input[type=submit]:before, .dark-gray-button button:before, .dark-gray-button.fake-button > span:before { background-color: #333; } .dark-gray-button a:hover, .dark-gray-button a:focus, .dark-gray-button a:active, .dark-gray-button input[type=submit]:hover, .dark-gray-button input[type=submit]:focus, .dark-gray-button input[type=submit]:active, .dark-gray-button button:hover, .dark-gray-button button:focus, .dark-gray-button button:active, .dark-gray-button.fake-button > span:hover, .dark-gray-button.fake-button > span:focus, .dark-gray-button.fake-button > span:active { border-color: #333; } .small-button a { font-size: 0.875em; } .red-button, .cma-red-button, .cma-blue-button, .choice-blue-button, .choice-orange-button, .choice-green-button, .choice-purple-button, .green-button, .blue-button, .dark-blue-button, .purple-button, .peach-button, .white-button, .dark-gray-button, .small-button { display: inline-block; } button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #b55146; border-color: transparent; } button:before, input[type="button"]:before, input[type="reset"]:before, input[type="submit"]:before { display: none; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: transparent; background-color: #914138; } .postLink { font-weight: bold; font-size: 0.875em; } .postLink:hover { color: #333 !important; } .greenLink { color: #61a78a !important; } .greenLink:hover { color: rgba(97, 167, 138, 0.7) !important; } fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; } legend { font-weight: 600; margin-bottom: 0.375em; padding: 0; } label { display: inline-block; font-weight: 600; margin-bottom: 0.375em; } ._checkbox-radio { margin-bottom: 0.75em; } ._checkbox-radio label { display: inline; } input, select { display: block; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select[multiple] { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; margin-bottom: 0.75em; padding: 0.5em; transition: border-color 300ms ease; width: 100%; overflow: auto; } input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover, select[multiple]:hover { border-color: #a3a3a3; } input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus, select[multiple]:focus { border-color: #b55146; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(163, 73, 63, 0.7); outline: none; } input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, textarea:disabled, select[multiple]:disabled { background-color: #f2f2f2; cursor: not-allowed; } input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, textarea:disabled:hover, select[multiple]:disabled:hover { border: 1px solid #ccc; } textarea { resize: vertical; } [type="search"] { appearance: none; } [type="checkbox"], [type="radio"] { display: inline; margin-right: 0.375em; } [type="file"] { margin-bottom: 0.75em; width: 100%; } select { margin-bottom: 1.5em; max-width: 100%; width: auto; } .gform_wrapper ul { margin-left: 0px !important; } .gform_wrapper ul li { list-style-type: none !important; } ._form button { color: #fff !important; } ol, ul { margin-left: 1.25em; list-style-type: none; margin: 0; padding: 0; margin-bottom: 1.5em; } #tinymce ol li, #tinymce ul li { list-style-type: none; position: relative; padding-left: 1.25rem; } #tinymce ol li:before, #tinymce ul li:before { content: ""; height: 8px; width: 8px; background-color: #b55146; border-radius: 50%; position: absolute; left: 0; top: 9px; display: block; } ol.job-listing-meta li:before, ul.job-listing-meta li:before { display: none !important; } dl { margin-bottom: 1.5em; } dl dt { font-weight: 600; margin-top: 0.75em; } dl dd { margin: 0; } > dl, > ol, > ul, p { margin-bottom: 1.5em; } li { margin-bottom: 0.375rem; } ol > li { list-style-type: decimal; } ul > li { list-style-type: disc; } .site-inner ul > li { list-style-type: none; position: relative; padding-left: 1.25rem; } .site-inner ul > li:before { content: ""; height: 8px; width: 8px; background-color: #b55146; border-radius: 50%; position: absolute; left: 0; top: 7px; } @media (min-width: 900px) { .site-inner ul > li:before { top: 9px; } } li ol, li ul { margin-top: 0.75em; } table { border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; } th { border-bottom: 1px solid #999999; font-weight: 600; padding: 0.75em 0; text-align: left; } td { border-bottom: 1px solid #ccc; padding: 0.75em 0; } tr, td, th { vertical-align: middle; } body { color: #333; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 90%; line-height: 1.5; -webkit-font-smoothing: antialiased; } body ::-moz-selection { background-color: #b55146; color: white; } body ::selection { background-color: #b55146; color: white; } @media only screen and (min-width: 900px) { body { font-size: 1em; } } h1, h2, h3, h4, h5, h6 { font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; font-weight: 500; line-height: 1.2; margin: 0 0 0.75em; } h1, h2, h3, h4 { text-transform: uppercase; } h1 { font-family: 'Playfair Display'; font-size: 3.75em; } h2 { font-size: 2.5em; position: relative; padding-top: 1.125rem; } h2:before { content: ""; background-color: #333; height: 4px; left: 0; position: absolute; top: 0; width: 62px; } h2[style="text-align: center;"]:before, h2.overHeadLineCenter:before { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } h3 { font-size: 2.125em; } h4 { font-size: 1.75em; } h5 { font-size: 1.5em; } h6 { font-size: 1.25em; } p { margin: 0 0 1.5em; } a { color: #b55146; text-decoration: none; transition: color 300ms ease; } a:active, a:focus, a:hover { color: #883d35; } hr { border-bottom: 1px solid #ccc; border-left: 0; border-right: 0; border-top: 0; margin: 3.125em 0; } img, picture { margin: 0; max-width: 100%; } blockquote { border-left: 1px solid #ccc; border-color: #b55146; color: #b55146; font-size: 1.125em; border-width: 6px; margin: 4% 5% 4% 0; padding: 0 0 0 1.25rem; } code { background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px 4px; } .wp-caption .wp-caption-text { margin: 10px 0; font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .small { font-size: 0.875em; } .text-blue { color: #44bce7; } .text-dark-blue { color: #4c7ebc; } .text-green { color: #61a78a; } .text-peach { color: #ffb665; } .text-purple { color: #8d5da8; } .text-red { color: #b55146; } .text-cma-red { color: #ED1C24; } .text-cma-blue { color: #5FA0BD; } .text-choice-blue { color: #30296b; } .text-choice-orange { color: #f37637; } .text-choice-green { color: #50a04b; } .text-choice-purple { color: #4d3994; } .text-bronze { color: #bda653; } .text-light-gray { color: #f5f5f5; } .text-medium-gray { color: #ccc; } .text-dark-gray { color: #333; } abbr[title] { text-decoration: none !important; } html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } /* ## Site Containers --------------------------------------------- */ .wrap { max-width: 1200px; margin-left: auto; margin-right: auto; width: 90%; } .wrap::after { clear: both; content: ""; display: table; } @media screen and (min-width: 900px) { .site-inner .wrap { max-width: 1200px; margin-left: auto; margin-right: auto; } .site-inner .wrap::after { clear: both; content: ""; display: table; } } .single-post .content-sidebar-wrap, .single-staff .site-inner, .single-tribe_events .site-inner, .single-job_listing .site-inner, .blog .site-inner, .archive .site-inner, .search .site-inner { margin-top: 4em; margin-bottom: 4em; } @media screen and (min-width: 900px) { .single-post .content-sidebar-wrap, .single-staff .site-inner, .single-tribe_events .site-inner, .single-job_listing .site-inner, .blog .site-inner, .archive .site-inner, .search .site-inner { margin-top: 6.25em; margin-bottom: 6.25em; } } /* ## Column Widths and Positions --------------------------------------------- */ .content, .sidebar-primary, .full-width .content { float: left; display: block; margin-right: 2.35765%; width: 100%; margin-right: 0; } .content:last-child, .sidebar-primary:last-child, .full-width .content:last-child { margin-right: 0; } @media screen and (min-width: 900px) { .content-sidebar-wrap { max-width: 1200px; margin-left: auto; margin-right: auto; } .content-sidebar-wrap::after { clear: both; content: ""; display: table; } .content-sidebar-wrap .content { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .content-sidebar-wrap .content:last-child { margin-right: 0; } .full-width-content .content-sidebar-wrap .content { width: 100%; } .content-sidebar-wrap .sidebar-primary { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; margin-right: 0; } .content-sidebar-wrap .sidebar-primary:last-child { margin-right: 0; } } /** * Avatar */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } /** * Media */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 3em; } img.alignnone, .alignnone { margin-bottom: 1.5em; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 3em 3em 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 3em 3em; } .wp-caption-text { font-size: 1em; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } /** * Objects */ embed, iframe, img, object, .wp-caption { max-width: 100%; } img { height: auto; } .featured-content img, .gallery img { width: auto; } /** * Site Title */ .site-title a, .site-title a:hover { color: #333; } .header-image .site-title > a { background: url(assets/images/logo.png) no-repeat left; float: left; min-height: 90px; width: 100%; } /** * Widget */ .widget { word-wrap: break-word; } .widget li li { border: none; margin: 0 0 0 3em; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /** * Entry Content */ .entry-content ol, .entry-content ul { margin-bottom: 1.5em; margin-left: 2.25em; } .entry-content ol > li { list-style-type: decimal; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #333; color: #ddd; } /** * Entry Meta */ .entry-comments-link::before { content: "\2014"; margin: 0 1.5em 0 0.75em; } /** * Gallery * * We aren't going to use Neat for this gallery due to the possible number of gallery columns * that don't easily break into 12. * */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery img { border: 1px solid #333; height: auto; padding: 4px; } .gallery img:hover { border: 1px solid #ccc; } /** * Components */ .testimonial-block { background-color: #f5f5f5; display: inline-block; margin-bottom: 1.5em; padding: 2rem; width: 100%; } .testimonial-block:last-of-type { margin-bottom: 0px; } .testimonialArchGrid { margin-top: 4em; } @media screen and (min-width: 900px) { .testimonialArchGrid { margin-top: 6.25em; } } .breadcrumb { font-size: 1em; margin-bottom: 0.75em; } .breadcrumb span:not(.breadcrumb-link-wrap) { padding: 0 4px; } .comment { position: relative; } .comment > article { background-color: white; border: 1px solid #ccc; border-color: #ccc; border-radius: 3px; margin-bottom: 1.5em; } .comment .comment { margin-top: 1.5em; padding-bottom: 0; } .comment .comment:last-child { margin-bottom: 0; } .comment-header { background-color: #f5f5f5; border-bottom: 1px solid #ccc; border-color: #ccc; clear: both; min-height: 75px; padding: 0.75em; position: relative; } .comment-header .comment-author { margin-right: 0.75em; font-style: italic; } @media screen and (min-width: 900px) { .comment-header .comment-author { margin-left: 1.5em; } } .comment-header p { display: inline-block; margin-bottom: 0.75em; } .comment-header .comment-edit-link { margin-left: 5px; } .comment-header .says { display: none; } .comment .avatar { border: 1px solid #ccc; border-color: white; border-size: 4px; border-radius: 100%; margin-right: 0.75em; } @media screen and (min-width: 900px) { .comment .avatar { left: -24px; top: 15px; position: absolute; width: 48px; } } .comment .children { border-left: 1px dashed #ccc; padding-left: 1.5em; } .comment .children header { padding-left: 0.75em; } .comment .children .avatar { left: -50px; } .comment-content, .comment-reply { clear: both; padding: 0.75em; } /** * Entries */ .entry { position: relative; } .single-post .entry { margin-bottom: 0; } .single-staff .entry { margin-bottom: 0; } .page.page-template-default .site-inner { margin-top: 3em; margin-bottom: 3em; overflow: auto; } @media screen and (min-width: 900px) { .page.page-template-default .site-inner { margin-top: 4.5em; margin-bottom: 4.5em; } } .entry-content { margin-bottom: 0; } .entry-content *:last-child { margin-bottom: 0; } .entry-footer { border-top: 1px solid #ccc; padding-top: 1.5em; margin-top: 1.5em; } .blog .entry-footer, .single-staff .entry-footer, .search .entry-footer, .archive .entry-footer { display: none; } .entry-title { font-weight: 500; margin-bottom: 0; } .entry-title a { color: #333; } .entry-title a:hover, .entry-title a:focus { color: #b55146; } .blog .entry-title, .archive .entry-title { font-size: 1.5em; padding-top: 0; } .blog .entry-title:before, .archive .entry-title:before { display: none; } .single .entry-title { font-size: 2.25em; padding-top: 0; margin-bottom: 1rem; } /** * Entry Meta */ .entry-meta { color: #333; font-size: 1em; margin-bottom: 0; } .entry-meta span, .entry-meta time { margin-right: 5px; } .entry-meta span:last-child, .entry-meta time:last-child { margin-right: 0; } .entry-meta a { color: #b55146; } .entry-meta a:hover, .entry-meta a:focus { color: #6b302a; } .entry-terms { display: block; padding-bottom: 5px; } .entry-terms:last-child { padding-bottom: 0; } .entry-terms span, .entry-terms time, .entry-terms a { margin-right: 0; } .error404 .content { background-color: white; } .error404 .section-404 { padding: 6em 0; text-align: center; } .error404 .section-404 input { margin-left: auto; margin-right: auto; max-width: 500px; text-align: center; } .call-to-action.footer-cta { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #333; display: block; position: relative; width: 100%; } .call-to-action.footer-cta .wrap { position: relative; z-index: 100; } .call-to-action.footer-cta .cta-content { color: white; } .call-to-action.footer-cta .cta-content p { font-size: 1.5em; margin-bottom: 1.5em; } .call-to-action.footer-cta .cta-content p:last-of-type { font-size: 1em; } .call-to-action.footer-cta.img-bg { position: relative; } .call-to-action.footer-cta.img-bg:before { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background-color: rgba(51, 51, 51, 0.7); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .call-to-action.footer-cta.img-bg .wrap { position: relative; z-index: 100; } .call-to-action.footer-cta.video-bg { position: relative; overflow: hidden; } .call-to-action.footer-cta.video-bg:before { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background-color: rgba(51, 51, 51, 0.7); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .call-to-action.footer-cta.video-bg .wrap { position: relative; z-index: 100; } @media screen and (min-width: 900px) { .call-to-action.footer-cta.video-bg { position: relative; } .call-to-action.footer-cta.video-bg:before { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background-color: rgba(51, 51, 51, 0); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .call-to-action.footer-cta.video-bg .wrap { position: relative; z-index: 100; } } .call-to-action.footer-cta.video-bg .autoplay-video { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 0; bottom: 0; left: 0; width: 100%; display: none; } @media screen and (min-width: 900px) { .call-to-action.footer-cta.video-bg .autoplay-video { display: block; } } .widget-title { text-transform: uppercase; font-size: 1.125em; font-weight: bold; margin-bottom: 1.75rem; } .footer-widgets { background-color: #f5f5f5; clear: both; position: relative; padding-top: 3em; } .footer-widgets .menu-item a { color: #777777; } .footer-widgets .menu-item a:hover { color: #b55146; } @media screen and (min-width: 900px) { .footer-widgets { padding-top: 4.5em; } } .footer-widgets li { list-style-type: none; } @media screen and (min-width: 600px) { .footer-widgets > .wrap { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer-widgets .widget-area { width: 100%; margin-bottom: 2rem; } @media screen and (min-width: 600px) { .footer-widgets .widget-area { width: 50%; } .footer-widgets .widget-area:nth-child(1), .footer-widgets .widget-area:nth-child(2) { margin-bottom: 2rem; } } @media screen and (min-width: 900px) { .footer-widgets .widget-area { width: 25%; margin-bottom: 0; } .footer-widgets .widget-area:nth-child(1), .footer-widgets .widget-area:nth-child(2) { margin-bottom: 0; } } .footer-widgets .footer-widgets-5 { width: 100%; margin-top: 2rem; margin-bottom: 2rem; padding-top: 2rem; border-top: 2px solid #e3e3e3; } .footer-widgets .footer-widgets-5 .widget-wrap .contact-wrap, .footer-widgets .footer-widgets-5 .widget-wrap .social-links, .footer-widgets .footer-widgets-5 .widget-wrap .logo { margin-top: 1rem; } .footer-widgets .footer-widgets-5 .widget-wrap .logo { max-width: 270px; } @media screen and (min-width: 600px) { .footer-widgets .footer-widgets-5 .widget-wrap { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-widgets .footer-widgets-5 .widget-wrap .address, .footer-widgets .footer-widgets-5 .widget-wrap .contact-wrap, .footer-widgets .footer-widgets-5 .widget-wrap .social-links, .footer-widgets .footer-widgets-5 .widget-wrap .logo { margin-top: 0px; width: 50%; } .footer-widgets .footer-widgets-5 .widget-wrap .logo { margin-top: 2rem; } } @media screen and (min-width: 900px) { .footer-widgets .footer-widgets-5 .widget-wrap .address, .footer-widgets .footer-widgets-5 .widget-wrap .contact-wrap, .footer-widgets .footer-widgets-5 .widget-wrap .social-links, .footer-widgets .footer-widgets-5 .widget-wrap .logo { width: 25%; } .footer-widgets .footer-widgets-5 .widget-wrap .logo { margin-top: 0px; } } .social-links li { display: inline; } .social-links svg { background: #808080; fill: #fff; height: 30px; margin-right: 5px; padding: 5px; transition: all 300ms ease; width: 30px; } .social-links svg:hover { background: #b55146; } .footer-widgets-1 .address { color: #808080; } .header-search-box { display: none; transition: all 300ms ease; } .header-search-box .wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header-search-box .inner-wrap { position: relative; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .header-search-box.search-is-open { background-color: white; bottom: 0; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1000; } .scrolled .header-search-box.search-is-open { border-bottom: 1px solid #ccc; } .header-search-box.search-is-open input { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border: none; box-shadow: none; position: absolute; top: 50%; } .header-search-box.search-is-open input[type='submit'] { display: none; } .header-search-box.search-is-open .header-search-box__close-search { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: auto; position: absolute; right: 0; top: 50%; width: 40px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .header-search-box.search-is-open .header-search-box__close-search:hover { cursor: pointer; } body { position: relative; overflow-x: hidden; } .site-container { position: relative; overflow: hidden; right: 0; width: 100%; height: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; } body.locked { overflow: hidden; } .move-left { right: 285px; } .mobile-menu-icon { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 1.5em; top: 50%; } @media screen and (min-width: 900px) { .mobile-menu-icon { display: none; } } .mobile-menu-icon svg g { fill: white; } .mobile-menu-icon:hover { cursor: pointer; } #mobile-menu { background-color: #333; position: fixed; top: 0; right: -300px; height: 100%; width: 300px; overflow: auto; z-index: 2000; } #mobile-menu.move-in { right: 0; } .mobile-menu { box-sizing: border-box; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; } .mobile-menu .top-bar-menu { padding: 20px 20px 0 20px; background: #b55146; overflow: hidden; } .mobile-menu .sidebar-main-nav { padding: 20px; } .admin-bar .mobile-menu { margin-top: 32px; } @media (max-width: 782px) { .admin-bar .mobile-menu { margin-top: 46px; } } .mobile-menu ul { list-style-type: none; } .mobile-menu .menu { margin-bottom: 0; } .mobile-menu .menu > li { margin-left: 0; list-style-type: none; } .mobile-menu .menu > li:before { content: none; } .mobile-menu .menu > li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .mobile-menu .menu > li > a { font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-weight: 500; color: #fff; display: block; margin-bottom: 1.25em; line-height: 1em; text-transform: uppercase; } .mobile-menu .menu > li.menu-item-has-children { position: relative; } .mobile-menu .menu > li.menu-item-has-children:after { content: ''; background: url("assets/icons/src/arrow-white.svg") no-repeat 50% 50%; background-size: cover; width: 26px; height: 26px; position: absolute; top: -3px; right: -5px; cursor: pointer; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; } .mobile-menu .menu > li.menu-item-has-children.active { padding-bottom: 10px; } .mobile-menu .menu > li.menu-item-has-children.active:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .menu > li.menu-item-has-children .sub-menu { padding-left: 0.625em; display: none; margin-bottom: 1.25em; } .mobile-menu .menu > li.menu-item-has-children .sub-menu li { margin-left: 0; list-style-type: none; } .mobile-menu .menu > li.menu-item-has-children .sub-menu li:before { content: none; } .mobile-menu .menu > li.menu-item-has-children .sub-menu li:first-child { margin-top: 0; } .mobile-menu .menu > li.menu-item-has-children .sub-menu li:last-child { margin-bottom: 0; } .mobile-menu .menu > li.menu-item-has-children .sub-menu a { color: #f5f5f5; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .mobile-menu .icon-close-container { position: absolute; width: 28px; height: 28px; top: 16px; right: 14px; cursor: pointer; z-index: 99999; } .mobile-menu .icon-close { width: 28px; height: 28px; } .mobile-menu .icon-close path:first-child { fill: #fff; } .site-header .menu { clear: both; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; line-height: 1; width: 100%; margin-bottom: 0; } .site-header .menu .menu-item { display: inline-block; font-size: 1em; text-align: left; margin-bottom: 0; } .site-header .menu .menu-item > a { color: rgba(255, 255, 255, 0.7); display: block; padding: 0.625rem 0; transition: color 300ms ease; text-transform: capitalize; font-weight: bold; margin-right: 1.25rem; position: relative; } .site-header .menu .menu-item > a:before { background-color: white; bottom: 0; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; transition: opacity 300ms ease; width: 100%; } .site-header .menu .menu-item a:hover, .site-header .menu .menu-item a:focus, .site-header .menu .menu-item.current-menu-item > a, .site-header .menu .menu-item.current-menu-ancestor > a, .site-header .menu .menu-item.current-menu-parent > a { color: white; } .site-header .menu .menu-item a:hover:before, .site-header .menu .menu-item a:focus:before, .site-header .menu .menu-item.current-menu-item > a:before, .site-header .menu .menu-item.current-menu-ancestor > a:before, .site-header .menu .menu-item.current-menu-parent > a:before { opacity: 1; } .site-header .menu .menu-item .sub-menu { left: -9999px; opacity: 0; position: absolute; width: 205px; z-index: 100; margin-top: 0; padding-top: 25px; } .site-header .menu .menu-item .sub-menu .menu-item { margin-right: 0; } .site-header .menu .menu-item .sub-menu a { background-color: white; border-top: none; color: #777777; font-size: 1em; padding: 0.75em; position: relative; transition: all 300ms ease; width: 203px; margin-right: 0; } .site-header .menu .menu-item .sub-menu a:before { display: none; } .site-header .menu .menu-item .sub-menu a:hover { color: #b55146; } .site-header .menu .menu-item .sub-menu .current-menu-item a { color: #b55146 !important; } .site-header .menu .menu-item .sub-menu .sub-menu { margin: -41px 0 0 203px; padding-top: 0; } .site-header .menu .menu-item .sub-menu.edge { left: auto; right: 0; } .site-header .menu .menu-item:hover, .site-header .menu .menu-item:focus { position: static; } .site-header .menu .menu-item:hover > .sub-menu, .site-header .menu .menu-item:focus > .sub-menu { left: auto; opacity: 1; } .site-header .menu .menu-item:first-child > a { padding-left: 0; } .site-header .menu .menu-item .sub-menu .menu-item:first-child > a { padding-left: 0.75em; } .site-header .menu .menu-item:last-child > a, .site-header .menu .menu-item.last > a { padding-right: 0; } .site-header .menu .menu-item .sub-menu .menu-item:last-child > a, .site-header .menu .menu-item .sub-menu .menu-item.last > a { padding-right: 0.75em; } .hero-outer { position: relative; } .hero-outer .left-arrow, .hero-outer .right-arrow { display: none !important; position: absolute; top: auto; bottom: 0; z-index: 100; opacity: 0.5; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); transition: all 300ms ease; } @media screen and (min-width: 900px) { .hero-outer .left-arrow, .hero-outer .right-arrow { display: block !important; top: 50%; bottom: auto; } } .hero-outer .left-arrow svg, .hero-outer .right-arrow svg { width: 50px; height: 50px; fill: white; } .hero-outer .left-arrow:hover, .hero-outer .right-arrow:hover { cursor: pointer; opacity: 1; } .hero-outer .left-arrow { left: 0px; } .hero-outer .left-arrow svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .hero-outer .right-arrow { right: 0px; } .page-banner-slider { display: block; width: 100%; } @media screen and (min-width: 900px) { .page-banner-slider.small-height-banner .page-banner__slide { min-height: 390px; } } @media screen and (min-width: 900px) { .page-banner-slider.medium-height-banner .page-banner__slide { min-height: 520px; } } @media screen and (min-width: 900px) { .page-banner-slider.large-height-banner .page-banner__slide { min-height: 675px; } } @media screen and (min-width: 900px) { .page-banner-slider.full-screen-height-banner .page-banner__slide { min-height: 520px; height: 100vh; } } .page-banner-slider .clips { background-color: white; bottom: -1px; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 99; } .page-banner-slider .slick-dots { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; position: absolute; width: 100%; bottom: 0.9375rem; } .page-banner-slider .slick-dots li { background-color: white; border-radius: 50%; height: 10px; margin-right: 5px; position: relative; width: 10px; list-style: none; } .page-banner-slider .slick-dots li:hover { cursor: pointer; } .page-banner-slider .slick-dots li.slick-active:before { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #333; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; width: 6px; } .page-banner-slider .slick-dots li:last-of-type { margin-right: 0; } .page-banner-slider .slick-dots button { display: none; } .page-banner-slider .page-banner__slide { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex !important; align-items: center; overflow: hidden; padding-top: 5rem; padding-bottom: 2.5rem; } .single-post .page-banner-slider .page-banner__slide .page-banner__content .page-banner__title { font-size: 1.875rem; } @media screen and (min-width: 900px) { .single-post .page-banner-slider .page-banner__slide .page-banner__content .page-banner__title { font-size: 2.5rem; } } .page-banner-slider .page-banner__slide > .wrap { position: relative; padding: 5rem 0; } @media screen and (min-width: 900px) { .page-banner-slider .page-banner__slide > .wrap { padding: 7rem 0; } } .page-banner-slider .page-banner__slide .page-banner__content { z-index: 10; width: 100%; max-width: 100%; text-align: center; position: relative; } .page-banner-slider .page-banner__slide .page-banner__content .page-banner__title, .page-banner-slider .page-banner__slide .page-banner__content .page-banner__pretitle, .page-banner-slider .page-banner__slide .page-banner__content .page-banner__subtitle, .page-banner-slider .page-banner__slide .page-banner__content .post-categories { text-align: center; } .page-banner-slider .page-banner__slide .page-banner__content .page-banner__subtitle { margin-top: 0.625rem; } .page-banner-slider .page-banner__slide .page-banner__content .post-categories { margin-top: 0.3125rem; } .page-banner-slider .page-banner__slide .page-banner__content .post-categories a { color: white; padding-bottom: 0.1875em; } .page-banner-slider .page-banner__slide .page-banner__content .post-categories a:hover { border-bottom: 4px solid white; } .page-banner-slider .page-banner__slide .page-banner__title { text-transform: uppercase; font-size: 2.375em; } @media screen and (min-width: 600px) { .page-banner-slider .page-banner__slide .page-banner__title { font-size: 3.75em; } } .page-banner-slider .page-banner__slide .page-banner__title, .page-banner-slider .page-banner__slide .page-banner__pretitle, .page-banner-slider .page-banner__slide .page-banner__subtitle { text-align: left; margin-bottom: 0px; line-height: 1; } .page-banner-slider .page-banner__slide .page-banner__subtitle { margin-top: 2.1875rem; font-size: 1.375em; } .page-banner-slider .page-banner__slide .white-button { margin-top: 2.1875em; } .page-banner-slider .page-banner__slide.light-text .page-banner__title, .page-banner-slider .page-banner__slide.light-text .page-banner__pretitle, .page-banner-slider .page-banner__slide.light-text .page-banner__subtitle { color: white; } .page-banner-slider .page-banner__slide.dark-text .page-banner__title, .page-banner-slider .page-banner__slide.dark-text .page-banner__pretitle, .page-banner-slider .page-banner__slide.dark-text .page-banner__subtitle { color: #333; } .page-banner-slider .page-banner__slide.dark-text .white-button a { border-color: #333; color: white; } .page-banner-slider .page-banner__slide.dark-text .white-button a:before { background-color: #333; } .page-banner-slider .page-banner__slide.dark-text .white-button a:hover { color: white; } .page-banner-slider .page-banner__slide.video-slide video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-position: center; background-repeat: no-repeat; background-size: cover; visibility: hidden; } @media (max-width: 900px) { .page-banner-slider .page-banner__slide.video-slide video { display: none; } } .page-banner-slider .page-banner__slide.video-slide.slick-current video { visibility: visible; } .page-banner-slider .page-banner__slide .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .page-banner-slider .page-banner__slide .overlay.dark-overlay { background-color: rgba(0, 0, 0, 0.5); } .page-banner-slider .page-banner__slide .overlay.light-overlay { background-color: rgba(255, 255, 255, 0.3); } .page-banner-slider .page-banner-image { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .page-banner-slider.ken-burns .slick-active .page-banner-image { -webkit-animation: myMove 8s 1 ease-out; -moz-animation: myMove 8s 1 ease-out; -o-animation: myMove 8s 1 ease-out; -ms-animation: myMove 8s 1 ease-out; animation: myMove 8s 1 ease-out; } .page-banner-slider.ken-burns.slick-slide[aria-hidden="true"] .page-banner-image { visibility: hidden; } @keyframes myMove { from { transform: scale(1.1, 1.1); transform-origin: 50% 50%; } to { transform: scale(1, 1); transform-origin: 50% 0%; } } @-webkit-keyframes myMove { from { -webkit-transform: scale(1.1, 1.1); -webkit-transform-origin: 50% 50%; } to { -webkit-transform: scale(1, 1); -webkit-transform-origin: 50% 0%; } } @-o-keyframes myMove { from { -o-transform: scale(1.1, 1.1); -o-transform-origin: 50% 50%; } to { -o-transform: scale(1, 1); -o-transform-origin: 50% 0%; } } @-moz-keyframes myMove { from { -moz-transform: scale(1.1, 1.1); -moz-transform-origin: 50% 50%; } to { -moz-transform: scale(1, 1); -moz-transform-origin: 50% 0%; } } @-ms-keyframes myMove { from { -ms-transform: scale(1.1, 1.1); -ms-transform-origin: 50% 50%; } to { -ms-transform: scale(1, 1); -ms-transform-origin: 50% 0%; } } .pagination { margin-top: 3em; text-align: center; width: 100%; } .pagination ul { margin-bottom: 0; } .pagination ul li { padding-left: 0; margin-bottom: 0; } .pagination ul li:before { display: none; } .blog .pagination, .archive .pagination { clear: both; display: inline-block; } .pagination li, .pagination .pagination-next, .pagination .pagination-previous { background: #fff; border: 1px solid #ccc; border-radius: 3px; display: inline-block; transition: all 300ms ease; } .pagination li a, .pagination .pagination-next a, .pagination .pagination-previous a { display: inline-block; color: #333; padding: 0.75em 1.5em; } .pagination li.active, .pagination li:hover, .pagination li:focus, .pagination .pagination-next.active, .pagination .pagination-next:hover, .pagination .pagination-next:focus, .pagination .pagination-previous.active, .pagination .pagination-previous:hover, .pagination .pagination-previous:focus { background: #b55146; } .pagination li.active a, .pagination li:hover a, .pagination li:focus a, .pagination .pagination-next.active a, .pagination .pagination-next:hover a, .pagination .pagination-next:focus a, .pagination .pagination-previous.active a, .pagination .pagination-previous:hover a, .pagination .pagination-previous:focus a { color: white; } .pagination li:hover, .pagination li:focus, .pagination .pagination-next:hover, .pagination .pagination-next:focus, .pagination .pagination-previous:hover, .pagination .pagination-previous:focus { border: 1px solid #ccc; border-color: #b55146; } .pagination li:hover a, .pagination li:focus a, .pagination .pagination-next:hover a, .pagination .pagination-next:focus a, .pagination .pagination-previous:hover a, .pagination .pagination-previous:focus a { color: white; } .pagination li.pagination-omission, .pagination .pagination-next.pagination-omission, .pagination .pagination-previous.pagination-omission { border: 0px; } .pagination li.pagination-omission.active, .pagination li.pagination-omission:hover, .pagination li.pagination-omission:focus, .pagination .pagination-next.pagination-omission.active, .pagination .pagination-next.pagination-omission:hover, .pagination .pagination-next.pagination-omission:focus, .pagination .pagination-previous.pagination-omission.active, .pagination .pagination-previous.pagination-omission:hover, .pagination .pagination-previous.pagination-omission:focus { background: transparent; } .search-form { margin-bottom: 1.5em; } .search .entry-header { margin-bottom: 1rem; } .search .entry-header h2 { padding-top: 0; font-size: 1.75em; } .search .entry-header h2:before { display: none; } .search article { background-color: #f5f5f5; padding: 1.5em; margin-bottom: 1.5em; } .search article .entry-content { margin-bottom: 0; } .search article:last-of-type { margin-bottom: 0; } .search .search-result-footer { margin-top: 1rem; } .sidebar { margin-top: 3em; font-size: 1em; } @media screen and (min-width: 900px) { .sidebar { margin-top: 0; } } .sidebar .widget-title.widgettitle { margin-bottom: 0.75em; } .sidebar li { border-bottom: 1px solid #ccc; margin-bottom: 0.75em; padding-bottom: 0.75em; padding-left: 0 !important; } .sidebar li:before { display: none; } .sidebar ul { margin-bottom: 0; } .sidebar p:last-child, .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { background-color: white; padding: 1.5em; } @media screen and (min-width: 900px) { .sidebar .widget:first-of-type { padding-top: 0; } } .site-footer { background-color: #808080; line-height: 1.5; padding: 1.5em 0; text-align: center; color: white; } .alert-bar { background: #b55146; color: white; text-align: center; padding: 0.7em 0; position: relative; z-index: 9999; display: none; } @media screen and (min-width: 900px) { .alert-bar { display: block; } } .alert-bar .alert-text p { line-height: 1.5em; margin-bottom: 0; display: inline-block; } .alert-bar .alert-button a { margin: 0.5em 0 0.5em 1em; font-size: 0.75em; padding: 0.5em 1em 0.4em 1em; } .alert-bar .menu { clear: both; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 0.875em; line-height: 1; width: 100%; margin-bottom: 0; } .alert-bar .menu .menu-item { display: inline-block; text-align: left; margin-bottom: 0; } .alert-bar .menu .menu-item > a { color: white; display: block; padding: 0.3125rem 0; transition: color 300ms ease; text-transform: capitalize; font-weight: bold; margin-right: 1.25rem; position: relative; } .alert-bar .menu .menu-item > a:before { background-color: white; bottom: 0; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; transition: opacity 300ms ease; width: 100%; } .alert-bar .menu .menu-item a:hover, .alert-bar .menu .menu-item a:focus, .alert-bar .menu .menu-item.current-menu-item > a, .alert-bar .menu .menu-item.current-menu-ancestor > a, .alert-bar .menu .menu-item.current-menu-parent > a { color: white; } .alert-bar .menu .menu-item a:hover:before, .alert-bar .menu .menu-item a:focus:before, .alert-bar .menu .menu-item.current-menu-item > a:before, .alert-bar .menu .menu-item.current-menu-ancestor > a:before, .alert-bar .menu .menu-item.current-menu-parent > a:before { opacity: 1; } .alert-bar .menu .menu-item .sub-menu { left: -9999px; opacity: 0; position: absolute; width: 205px; z-index: 100; margin-top: 0; padding-top: 10px; } .alert-bar .menu .menu-item .sub-menu .menu-item { margin-right: 0; } .alert-bar .menu .menu-item .sub-menu a { background-color: white; border-top: none; color: #777777; font-size: 1em; padding: 0.75em; position: relative; transition: all 300ms ease; width: 203px; margin-right: 0; } .alert-bar .menu .menu-item .sub-menu a:before { display: none; } .alert-bar .menu .menu-item .sub-menu a:hover { color: #b55146; } .alert-bar .menu .menu-item .sub-menu .current-menu-item a { color: #b55146 !important; } .alert-bar .menu .menu-item .sub-menu .sub-menu { margin: -41px 0 0 203px; padding-top: 0; } .alert-bar .menu .menu-item .sub-menu.edge { left: auto; right: 0; } .alert-bar .menu .menu-item:hover, .alert-bar .menu .menu-item:focus { position: static; } .alert-bar .menu .menu-item:hover > .sub-menu, .alert-bar .menu .menu-item:focus > .sub-menu { left: auto; opacity: 1; } .alert-bar .menu .menu-item:first-child > a { padding-left: 0; } .alert-bar .menu .menu-item .sub-menu .menu-item:first-child > a { padding-left: 0.75em; } .alert-bar .menu .menu-item:last-child > a, .alert-bar .menu .menu-item.last > a { padding-right: 0; } .alert-bar .menu .menu-item .sub-menu .menu-item:last-child > a, .alert-bar .menu .menu-item .sub-menu .menu-item.last > a { padding-right: 0.75em; } .site-header { background-color: transparent; padding: 1.5em 0; position: absolute; top: 0; right: 0; transition: right 800ms ease, background-color 800ms ease; width: 100%; z-index: 9998; } .move-left .site-header { right: 300px; } .admin-bar .site-header { top: 46px; } @media (min-width: 783px) { .admin-bar .site-header { top: 32px; } } .site-header.scrolled { position: fixed; background-color: #333; padding: 0.9375em 0; } .modaal-noscroll .site-header { opacity: 0; } .site-header > .wrap { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } /** * Title Area */ .title-area { float: left; display: block; margin-right: 2.35765%; width: 100%; margin-right: 0; } .title-area:last-child { margin-right: 0; } @media screen and (min-width: 900px) { .title-area { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .title-area:last-child { margin-right: 0; } } .header-full-width .title-area { float: left; display: block; margin-right: 2.35765%; width: 100%; margin-right: 0; } .header-full-width .title-area:last-child { margin-right: 0; } .site-title, .site-description { margin-bottom: 0; } .site-title { font-size: 2.5em; font-weight: 500; } .site-title a:hover, .site-title a:focus { color: #b55146; } .site-description { font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; font-weight: 500; } .header-image .site-title, .header-image .site-description { display: block; text-indent: -9999px; } .header-image .site-title > a { background-color: transparent; background-image: url("assets/images/logo.png"); background-position: left center; background-repeat: no-repeat; background-size: contain; display: block; min-height: 49px; width: 100%; max-width: 252px; } @media (max-width: 400px) { .header-image .site-title > a { max-width: 80%; } } /** * Header Right */ .site-header .widget-area { float: left; display: block; margin-right: 2.35765%; width: 100%; margin-right: 0; text-align: right; display: none; } .site-header .widget-area:last-child { margin-right: 0; } @media screen and (min-width: 900px) { .site-header .widget-area { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-right: 0; text-align: right; display: block; } .site-header .widget-area:last-child { margin-right: 0; } } .header-full-width .site-header .widget-area { float: left; display: block; margin-right: 2.35765%; width: 100%; margin-right: 0; } .header-full-width .site-header .widget-area:last-child { margin-right: 0; } .site-header .widget-area .widget { margin: 0; } .site-header .widget-area .widget li li { margin-left: 0; } .site-header .widget-area .widget_nav_menu { float: right; width: 90%; } .top-icon-section .searchPhoneWrap { padding: 14px 0 14px 1.5em; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: end; -moz-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; margin-right: 2.25em; } @media screen and (min-width: 900px) { .top-icon-section .searchPhoneWrap { margin: 0; border-left: 1px solid #ccc; } } .top-icon-section .phoneIcon, .top-icon-section .searchIcon { background-position: center; background-size: contain; background-repeat: no-repeat; height: 16px; width: 16px; opacity: 0.7; transition: all 300ms ease; } .top-icon-section .phoneIcon svg, .top-icon-section .searchIcon svg { fill: transparent; stroke: white; } .top-icon-section .phoneIcon:hover, .top-icon-section .searchIcon:hover { opacity: 1; cursor: pointer; } .top-icon-section .phoneIcon { background-image: url("assets/images/phone.png"); margin-right: 1.5em; } .top-icon-section .phoneDesk { display: none; } @media screen and (min-width: 900px) { .top-icon-section .phoneDesk { display: block; } } @media screen and (min-width: 900px) { .top-icon-section .phonePhone { display: none; } } .slick-slider { background: url("assets/images/loader.gif"); } .slick-slider .slick-track { margin-bottom: 0; } .slick-slider .slick-list { opacity: 0; position: absolute; } .slick-slider.slick-initialized { background: none; } .slick-slider.slick-initialized .slick-list { opacity: 1; position: relative; transition: opacity 0.2s ease-in; } button.slick-arrow { display: none; } .content-column.full_width, .content-column.one_half, .content-column.one_third, .content-column.two_third, .content-column.one_fourth, .content-column.three_fourth, .content-column.one_fifth, .content-column.two_fifth, .content-column.three_fifth, .content-column.four_fifth, .content-column.one_sixth, .content-column.five_sixth, .content-column.full_width.last_column, .content-column.one_half.last_column, .content-column.one_third.last_column, .content-column.two_third.last_column, .content-column.one_fourth.last_column, .content-column.three_fourth.last_column, .content-column.one_fifth.last_column, .content-column.two_fifth.last_column, .content-column.three_fifth.last_column, .content-column.four_fifth.last_column, .content-column.one_sixth.last_column, .content-column.five_sixth.last_column { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1.5em; } div.clear_column { clear: both; height: 1.5em; } @media screen and (min-width: 900px) { .content-column.full_width { width: 100%; } .content-column.one_half { width: 49%; margin-right: 2%; } .content-column.one_half.last_column { width: 49%; margin-right: 0px; } .content-column.one_third { width: 32%; margin-right: 2%; } .content-column.one_third.last_column { width: 32%; margin-right: 0px; } .content-column.two_third { width: 66%; margin-right: 2%; } .content-column.two_third.last_column { width: 66%; margin-right: 0px; } .content-column.one_fourth { width: 23.5%; margin-right: 2%; } .content-column.one_fourth.last_column { width: 23.5%; margin-right: 0px; } .content-column.three_fourth { width: 74.5%; margin-right: 2%; } .content-column.three_fourth.last_column { width: 74.5%; margin-right: 0px; } .content-column.one_fifth { width: 18.4%; margin-right: 2%; } .content-column.one_fifth.last_column { width: 18.4%; margin-right: 0px; } .content-column.two_fifth { width: 39%; margin-right: 2%; } .content-column.two_fifth.last_column { width: 39%; margin-right: 0px; } .content-column.three_fifth { width: 59%; margin-right: 2%; } .content-column.three_fifth.last_column { width: 59%; margin-right: 0px; } .content-column.four_fifth { width: 79.6%; margin-right: 2%; } .content-column.four_fifth.last_column { width: 79.6%; margin-right: 0px; } .content-column.one_sixth { width: 15%; margin-right: 2%; } .content-column.one_sixth.last_column { width: 15%; margin-right: 0px; } } .widget.widget_archive label.screen-reader-text { display: none; } .woocommerce ul.products li.product:before, .woocommerce-page ul.products li.product:before, .woocommerce-pagination li:before, .woocommerce-tabs li:before, li.woocommerce-notice:before { display: none !important; } li.wc_payment_method { list-style-type: none; } .woocommerce-page .wrap { background-color: transparent !important; } .woocommerce-page .site-inner { background-color: white; } .woocommerce-page .add_to_cart_button, .woocommerce-page .product_type_grouped { background-color: #44bce7 !important; color: white !important; transition: background-color 300ms ease; } .woocommerce-page .add_to_cart_button:hover, .woocommerce-page .product_type_grouped:hover { background-color: #3696b9 !important; } .woocommerce-page #reviews .avatar { display: none; } .woocommerce-page #reviews .comment-text { margin-left: 0 !important; } .woocommerce-page #reviews li { list-style: none; } .woocommerce-page .woocommerce-message { border-top-color: #44bce7; } .woocommerce form .form-row label { line-height: 1.5 !important; } .woocommerce-error li:before { display: none; } .woocommerce-cart.woocommerce-page .wrap { background-color: white; } .woocommerce-cart.woocommerce-page .entry-header a.button { display: inline-block; float: right; } @media (max-width: 350px) { .woocommerce-cart.woocommerce-page .entry-header a.button { font-size: 0.875em; margin-bottom: 0.75em; } } @media (max-width: 600px) { .woocommerce-cart.woocommerce-page .coupon input { width: 100% !important; } .woocommerce-cart.woocommerce-page .coupon input[type="submit"] { margin-top: 0.375em; } } .woocommerce-cart.woocommerce-page .entry { margin-bottom: 0; } .woocommerce-cart.woocommerce-page .cart_item { margin-bottom: 1.5em; } .woocommerce-cart.woocommerce-page .cart_item:nth-child(even) { background-color: #f5f5f5; } .woocommerce-cart.woocommerce-page .cart-collaterals .cart_totals { float: none !important; width: auto !important; } .woocommerce-cart.woocommerce-page .checkout-button { background-color: #44bce7 !important; color: white !important; transition: background-color 300ms ease; } .woocommerce-cart.woocommerce-page .checkout-button:hover { background-color: #3696b9 !important; } .woocommerce-cart.woocommerce-page .quantity input[type="number"] { padding: 7.5px !important; width: 100% !important; } .woocommerce table.shop_table thead { background-color: #f5f5f5 !important; } .woocommerce table.shop_table tr:nth-child(even), .woocommerce table.shop_table tr.order_item:nth-child(odd) { background-color: #f5f5f5 !important; } .woocommerce table.shop_table tr.cart-subtotal { background-color: #f5f5f5 !important; } .woocommerce table.shop_table th { border: none !important; } .woocommerce table.shop_table td { border: none !important; } .woocommerce table.shop_table td.actions { background-color: white !important; border-top: 1px solid #f5f5f5 !important; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { padding-bottom: 7.5px !important; padding-top: 7.5px !important; } @media screen and (min-width: 600px) { .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto !important; } } #shipping_method li { list-style: none !important; } #shipping_method li:before { display: none; } #shipping_method li label { font-weight: 300 !important; } #payment { background-color: #f5f5f5 !important; margin-top: 3em; } #payment ul { border-color: #333 !important; } #payment .payment_box:after, #payment .payment_box:before, #payment li:before { display: none !important; } #payment #place_order { display: block; margin-bottom: 0 !important; font-size: 1.25em; margin-bottom: 1em; padding: 1em; text-align: center; width: 100%; background-color: #44bce7 !important; color: white !important; } #payment #place_order:hover, #payment #place_order:focus { background-color: #914138 !important; color: #fff !important; } #order_review_heading { margin-top: 1.5em; } .wc_payment_methods { border-bottom: 0px !important; } .wc_payment_methods .upper-details { display: inline-block; width: 100%; } .wc_payment_methods .upper-details input[type="radio"], .wc_payment_methods .upper-details label { display: block !important; float: left !important; } .wc_payment_methods .upper-details input[type="radio"] { margin-top: 6px !important; } .wc_payment_methods .upper-details a { margin-left: 0.75em; } .wc_payment_methods .lower-details { display: inline-block; width: 100%; } .wc_payment_methods .lower-details input { background-color: white !important; } .wc_payment_methods .payment_box { margin-top: 0px !important; } #ship-to-different-address { position: relative; } #ship-to-different-address label { display: inline-block; font-size: 20px !important; font-weight: 300 !important; margin-bottom: 0 !important; margin-left: 1.125em; } #ship-to-different-address #ship-to-different-address-checkbox { left: 0; position: absolute; top: 40%; } .woocommerce-pagination ul, .woocommerce-pagination li { border: none !important; } .woocommerce-pagination ul .current, .woocommerce-pagination li .current { background-color: #44bce7 !important; color: white !important; } .woocommerce-pagination ul .page-numbers, .woocommerce-pagination li .page-numbers { background-color: #333; color: white !important; margin-right: 4px !important; padding: 6px 10px !important; transition: all 300ms ease; } .woocommerce-pagination ul .page-numbers:hover, .woocommerce-pagination li .page-numbers:hover { background-color: #44bce7 !important; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1.125em; } .woocommerce mark { display: none; } .woocommerce .product-category img { margin-bottom: 0 !important; } .woocommerce .product-category h3 { font-weight: bold; max-width: 100% !important; } .woocommerce .product-category:hover h3 { color: #914138 !important; } .woocommerce .products { margin: 1.5em 0 !important; } .woocommerce ul.products li.product { background-color: transparent; margin-bottom: 0.75em !important; } @media (max-width: 600px) { .woocommerce ul.products li.product { margin-left: 0; margin-right: 0; width: 100% !important; } } .woocommerce ul.products li.product img { margin-bottom: 0 !important; } .woocommerce ul.products li.product .product-lower { position: relative; } .woocommerce ul.products li.product h3 { color: #333; max-width: 60%; } .woocommerce ul.products li.product .star-rating { display: none; } .woocommerce ul.products li.product .price { color: #333 !important; } .woocommerce ul.products li.product .button { margin: 0.1875em auto !important; text-align: center; width: 100%; } .woocommerce ul.products li.product .added_to_cart { margin-bottom: 0.375em !important; } .woocommerce ul.products li.product:hover .button { background-color: #914138; } .woocommerce.single-product .woocommerce-message { background-color: #e9e9e9; } .woocommerce.single-product .woocommerce-message .button { background-color: #44bce7 !important; color: white !important; transition: background-color 300ms ease; } .woocommerce.single-product .woocommerce-message .button:hover { background-color: #3696b9 !important; } .woocommerce.single-product .product { background-color: transparent; } .woocommerce.single-product .summary h1 { border-top: none; line-height: 1; margin-bottom: 0.375em; } .woocommerce.single-product .summary .woocommerce-product-rating { margin-bottom: 0.75em; } .woocommerce.single-product .summary .woocommerce-Price-amount { color: #333; } .woocommerce.single-product .summary .quantity input.qty { padding: 7.5px !important; } .woocommerce.single-product .summary .price { margin-bottom: 0.75em; } .woocommerce.single-product .summary .cart { margin-bottom: 0.75em; } .woocommerce.single-product .summary .product-addon { margin: 0 !important; margin-bottom: 0.75em !important; } .woocommerce.single-product .summary .product-addon:first-of-type { margin-top: 0.75em !important; } .woocommerce.single-product .summary .addon-name { font-size: 1.125em !important; margin-bottom: 0.375em !important; font-weight: 400 !important; } .woocommerce.single-product .summary abbr[title] { border-bottom: none !important; } .woocommerce.single-product .summary form .form-row { padding: 0px !important; } .woocommerce.single-product .summary form .form-row label { font-weight: 200 !important; font-size: 0.875em; } .woocommerce.single-product .summary form .form-row label input { margin-top: 0.1875em; } .woocommerce.single-product .summary form .form-row label small { display: none; } .woocommerce.single-product .single_add_to_cart_button { background-color: #44bce7 !important; color: white !important; transition: background-color 300ms ease; } .woocommerce.single-product .single_add_to_cart_button:hover { background-color: #3696b9 !important; } @media (max-width: 600px) { .woocommerce.single-product .wc-tabs { width: 100%; } .woocommerce.single-product .wc-tabs li { width: 100%; } .woocommerce.single-product .wc-tabs li a { width: 100%; } } dl.product-addon-totals dt { margin-top: 0px !important; } .woocommerce-order-received .shop_table.order_details .order_item:nth-child(even) { background-color: #f5f5f5 !important; } .woocommerce-order-received .shop_table.order_details .order_item:nth-child(odd) { background-color: white !important; } .woocommerce-order-received .shop_table.order_details tfoot tr:first-child { background-color: #f5f5f5 !important; } .woocommerce-order-received .order_details { margin-left: 0 !important; margin-top: 1.5em !important; } .woocommerce-order-received .order_details li { margin-left: 0 !important; border-right-color: #333 !important; border-right-style: solid !important; } .woocommerce-order-received .order_details li:before { display: none; } .woocommerce-order-received .order_details li:last-of-type { border-right: none !important; } .bg-blue { background-color: #44bce7; } .bg-dark-blue { background-color: #4c7ebc; } .bg-green { background-color: #61a78a; } .bg-peach { background-color: #ffb665; } .bg-purple { background-color: #8d5da8; } .bg-red { background-color: #b55146 !important; } .bg-cma-red { background-color: #ED1C24 !important; } .bg-cma-blue { background-color: #5FA0BD !important; } .bg-choice-blue { background-color: #30296b !important; } .bg-choice-orange { background-color: #f37637 !important; } .bg-choice-green { background-color: #50a04b !important; } .bg-choice-purple { background-color: #4d3994 !important; } .bg-bronze { background-color: #bda653; } .bg-light-gray { background-color: #f5f5f5 !important; } .bg-medium-gray { background-color: #ccc; } .bg-dark-gray { background-color: #333; } .lastMNone *:last-child { margin-bottom: 0; } .angledCornersClip { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .page-banner-slider .clips { -webkit-clip-path: polygon(32% 100%, 100% 90%, 100% 100%, 0% 100%, 0% 90%); clip-path: polygon(32% 100%, 100% 90%, 100% 100%, 0% 100%, 0% 90%); } .ctaClip { -webkit-clip-path: polygon(100% 0%, 0% 0%, 68% 10%); clip-path: polygon(100% 0%, 0% 0%, 68% 10%); } .angledCornersClip, .playButtonOuter, .angledCornersReg { -webkit-clip-path: polygon(20% 0%, 100% 0%, 100% 80%, 80% 100%, 0% 100%, 0% 20%); clip-path: polygon(20% 0%, 100% 0%, 100% 80%, 80% 100%, 0% 100%, 0% 20%); } .angledCornersReg.wide { -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 75%, 85% 100%, 0% 100%, 0% 25%); clip-path: polygon(15% 0%, 100% 0%, 100% 75%, 85% 100%, 0% 100%, 0% 25%); } .eventsNews .redBG { -webkit-clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); } .caseStudyBlock { margin-bottom: 2.3125rem; } .caseStudyBlock img { display: block; margin-left: auto; margin-right: auto; } @media screen and (min-width: 600px) { .caseStudyBlock { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .caseStudyBlock:nth-child(odd) .caseStudyContentBlock { margin-left: -1.625rem; } .caseStudyBlock:nth-child(even) img { order: 2; } .caseStudyBlock:nth-child(even) .caseStudyContentBlock { order: 1; margin-right: -1.625rem; z-index: 1; } } .caseStudyContentBlock { background-color: #efefef; padding: 1.625rem; } .caseStudyBlockCat { line-height: 20px; color: #999999; } .caseStudyBlockTitle { font-size: 18px; line-height: 20px; color: #333; } .caseStudyBlockBlurb { color: #555; margin-bottom: 1.125rem; } .single-success-story .story-date { margin-top: 4em; } @media screen and (min-width: 900px) { .single-success-story .story-date { margin-top: 6.25em; } } .single-success-story .page-flexible-section:first-child { margin-top: 0.5em !important; } .archIntroText { text-align: center; margin-bottom: 4em; margin-top: 4em; } @media screen and (min-width: 900px) { .archIntroText { margin-bottom: 6.25em; margin-top: 6.25em; } } .taxonomyFilter { margin: 1.5em 0; text-align: center; } .taxonomyFilterItem { display: inline-block; color: #333; opacity: 0.6; transition: opacity 300ms ease; position: relative; line-height: 1; padding-left: 0.625rem; margin-right: 0.625rem; text-align: left; margin-bottom: 0.375rem; } @media screen and (min-width: 900px) { .taxonomyFilterItem { margin-bottom: 0; margin-right: 2rem; } } .taxonomyFilterItem:hover, .taxonomyFilterItem.active { opacity: 1; color: #333; } .taxonomyFilterItem:last-of-type { margin-right: 0; } .taxColorBlock { position: absolute; top: 0; left: 0; width: 4px; height: 100%; } .archive-grid { margin-bottom: 4em; margin-top: 4em; } @media screen and (min-width: 900px) { .archive-grid { margin-bottom: 6.25em; margin-top: 6.25em; } } .archive-grid > *:last-child { margin-bottom: 0; } .blog .blog-cats, .archive .blog-cats { background: #f5f5f5; padding: 1.5em; overflow: hidden; margin-bottom: 2rem; } .blog .blog-cats .widget-title, .archive .blog-cats .widget-title { display: inline-block; color: #44bce7; font-size: 1em; margin-bottom: 0; margin-right: 1em; text-transform: uppercase; } .blog .blog-cats ul, .archive .blog-cats ul { display: inline-block; margin-bottom: 0; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1em; } .blog .blog-cats ul li, .archive .blog-cats ul li { display: inline-block; margin-bottom: 0; padding: 0 1.2em 0 0; } .blog .blog-cats ul li:before, .archive .blog-cats ul li:before { display: none; } .blog .blog-cats ul li a, .archive .blog-cats ul li a { color: #818190; border-bottom: none; } .blog .blog-cats ul li a:hover, .archive .blog-cats ul li a:hover { color: #b55146; background-color: unset; } .blog .blog-cats ul li.current-cat a, .archive .blog-cats ul li.current-cat a { color: #b55146; } .blog article, .archive article { padding-top: 0; padding: 1em; margin-bottom: 1.5em; } .blog article img, .archive article img { width: 100%; display: block; margin-bottom: 0.9375rem; } @media screen and (min-width: 600px) { .blog article, .archive article { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .blog article:nth-child(3n), .archive article:nth-child(3n) { margin-right: 0; } .blog article:nth-child(3n+1), .archive article:nth-child(3n+1) { clear: left; } .blog article:last-child, .archive article:last-child { margin-right: 0; } } .blog article .entry-meta .entry-time, .archive article .entry-meta .entry-time { color: #555; font-size: 0.875em; line-height: 1; margin-bottom: 0.3125rem; margin-top: 1.4375rem; text-transform: uppercase; } .blog article .entry-title, .archive article .entry-title { font-size: 1.5em; text-transform: uppercase; margin-bottom: 0px; } .blog article .entry-header, .archive article .entry-header { margin-bottom: 0.9375rem; } .blog article .greenLink.uppercase, .archive article .greenLink.uppercase { font-size: 1em; font-weight: bold; margin-top: 0.9375rem; display: inline-block; } .blog article .entry-content, .archive article .entry-content { display: none; } .blog article .entry-content p, .archive article .entry-content p { margin: 0; } .events-archive article { width: 100%; } .singleStaffDetailsInner { margin: 0 auto 1.5em; max-width: 450px; padding: 1.5em; } .singleStaffDetailsInner img { display: block; } @media screen and (min-width: 900px) { .singleStaffDetailsInner { margin-bottom: 0; margin-right: 1.5em; min-width: 350px; width: 350px; } } .singleStaffDetailsInner .singleStaffName { margin-top: 0.75em; } .singleStaffDetailsInner .singleStaffName h3 { margin-bottom: 0; } .singleStaffContact { margin-top: 0.75em; } @media screen and (min-width: 900px) { .single-staff .content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .staffTermSection { clear: both; margin-bottom: 4.5em; overflow: auto; } .staffTermSection:last-of-type { margin-bottom: 0; } .staffTermTitleLink { color: #333; } .staffTermTitleLink:hover { color: #333; } .staffArchBlock { margin-top: 4.375rem; text-align: center; } .staffArchBlock img { display: block; margin-bottom: 1.3125rem; } .staffArchBlock:first-of-type { margin-top: 0; } @media screen and (min-width: 600px) { .staffArchBlock { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; } .staffArchBlock:last-child { margin-right: 0; } .staffArchBlock:nth-child(4n) { margin-right: 2.35765%; } .staffArchBlock:nth-child(4n+1) { clear: none; } .staffArchBlock:nth-child(2n) { margin-right: 0; } .staffArchBlock:nth-child(2n+1) { clear: left; } .staffArchBlock:nth-child(1), .staffArchBlock:nth-child(2) { margin-top: 0; } } @media screen and (min-width: 900px) { .staffArchBlock { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; } .staffArchBlock:last-child { margin-right: 0; } .staffArchBlock:nth-child(2n) { margin-right: 2.35765%; } .staffArchBlock:nth-child(2n+1) { clear: none; } .staffArchBlock:nth-child(4n) { margin-right: 0; } .staffArchBlock:nth-child(4n+1) { clear: left; } .staffArchBlock:nth-child(1), .staffArchBlock:nth-child(2), .staffArchBlock:nth-child(3), .staffArchBlock:nth-child(4) { margin-top: 0; } } .staffArchBlockName { font-size: 1.125em; line-height: 1; margin-bottom: 7px; } .staffArchBlockPosition { font-size: 1em; line-height: 1; margin-bottom: 1.125rem; } .featuredStaffSection { background-color: #f5f5f5; margin-bottom: 4em; margin-top: 4em; padding: 3em; } @media screen and (min-width: 900px) { .featuredStaffSection { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 6.25em; margin-top: 6.25em; padding: 3.4375rem; } } .featuredStaffImage img { display: block; margin-bottom: 1.5em; max-width: 250px; width: 100%; } @media screen and (min-width: 900px) { .featuredStaffImage { margin-right: 3.125rem; min-width: 250px; width: 250px; } .featuredStaffImage img { margin-bottom: 0; max-width: 100%; } } .featuredStaffPosition { font-size: 1em; line-height: 1; margin-bottom: 0.25rem; } .featuredStaffName { font-size: 1.5em; font-weight: bold; line-height: 1; margin-bottom: 0.25rem; text-transform: uppercase; } .featuredStaffEmail { margin-bottom: 0; } .featuredStaffEmail a { font-size: 1em; line-height: 1; } .featuredStaffBlurb { margin-bottom: 1.125rem; margin-top: 1.125rem; } .featuredStaffFooter .dark-gray-button a { padding: 0.9375rem 2.375rem; } .tribe-common article { width: auto; } .tribe-common .tribe-events-l-container { padding: 0 !important; } .tribe-common .tribe-common-c-btn { -webkit-font-smoothing: antialiased; appearance: none; background-color: #44bce7; border-radius: 0; border: 2px solid transparent; color: #fff; cursor: pointer; display: inline-block; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; line-height: 1; transition: background-color 300ms ease; user-select: none; vertical-align: middle; } .tribe-common .tribe-common-c-btn:hover, .tribe-common .tribe-common-c-btn:focus { background-color: transparent; color: #44bce7; border-color: #44bce7; } .tribe-common .tribe-events-calendar-month__calendar-event--featured:before { background-color: #b55146; } .tribe-common .tribe-events-calendar-month__calendar-event--featured .tribe-events-calendar-month__calendar-event-datetime-featured-icon { display: none; } .tribe-common .tribe-events-calendar-month__day-cell--selected, .tribe-common .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-common .tribe-events .tribe-events-calendar-month__day-cell--selected:hover { background-color: #44bce7; } .tribe-common .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-common .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link { color: #b55146; } .tribe-common .tribe-events-c-events-bar__views li.tribe-events-c-view-selector__list-item, .tribe-common li.tribe-events-c-top-bar__nav-list-item, .tribe-common li.tribe-events-c-nav__list-item, .tribe-common li.tribe-events-c-messages__message-list-item, .tribe-common h2.tribe-common-a11y-visual-hide { padding-left: 0; margin-bottom: 0; } .tribe-common .tribe-events-c-events-bar__views li.tribe-events-c-view-selector__list-item:before, .tribe-common li.tribe-events-c-top-bar__nav-list-item:before, .tribe-common li.tribe-events-c-nav__list-item:before, .tribe-common li.tribe-events-c-messages__message-list-item:before, .tribe-common h2.tribe-common-a11y-visual-hide:before { display: none; } .tribe-common .tribe-events-c-events-bar__views li.tribe-events-c-view-selector__list-item:after, .tribe-common li.tribe-events-c-top-bar__nav-list-item:after, .tribe-common li.tribe-events-c-nav__list-item:after, .tribe-common li.tribe-events-c-messages__message-list-item:after, .tribe-common h2.tribe-common-a11y-visual-hide:after { display: none; } .tribe-common .tribe-events-c-top-bar button:before { display: none; } .tribe-common .tribe-events-c-breadcrumbs__list { font-size: 1.875em !important; } .tribe-common .tribe-events-c-breadcrumbs__list .tribe-events-c-breadcrumbs__list-item { margin-left: 0; } .tribe-common .tribe-events-calendar-list { max-width: 800px; margin: 0 auto; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__month-separator:before { display: none; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row { width: 100%; margin-left: auto; margin-right: auto; } @media screen and (min-width: 600px) { .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row { width: 60%; } } @media screen and (min-width: 870px) { .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row { width: 100%; } } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag-datetime:after { background-color: #b55146; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-datetime-featured-icon { display: none; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-datetime-featured-text { color: #b55146; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-title { line-height: 1em; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-venue { margin-bottom: 0; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-event-button { margin-top: 1em; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-event-button:visited { color: #fff; background-color: #ccc; } .tribe-common .tribe-events-calendar-list .tribe-events-calendar-list__event-row .tribe-event-button:visited:hover { color: #ccc; border-color: #ccc; } .tribe-bar-views-list li.tribe-bar-views-option:before, li.tribe-events-nav-previous:before, li.tribe-events-nav-next:before, #legend_box #legend li:before, h2.tribe-events-list-event-title:before { display: none; } #tribe-geo-results h2.tribe-events-page-title, h2.tribe-events-page-title { text-align: left !important; } .tribe-events-schedule.tribe-clearfix { margin-bottom: 0 !important; } /**** Events Single ****/ .single-tribe_events li { padding-left: 0; } .single-tribe_events .site-inner > .wrap #tribe-events-pg-template { max-width: none; padding: 0; } .single-tribe_events .tribe-events-single-event-title { font-size: 2.5em !important; position: relative; padding-top: 1.125rem !important; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .single-tribe_events .tribe-events-single-event-title:before { content: ""; background-color: #333; height: 4px; left: 0; position: absolute; top: 0; width: 62px; } .single-tribe_events .tribe-events-schedule { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; margin-top: 1.5em !important; } .single-tribe_events .tribe-events-schedule h2 { font-size: 1.125em; padding-top: 0; } .single-tribe_events .tribe-events-schedule h2:before { display: none; } .single-tribe_events .tribe-events-content a { color: #b55146; text-decoration: none; border-bottom-width: 0; transition: color 300ms ease; } .single-tribe_events .tribe-events-content a:active, .single-tribe_events .tribe-events-content a:focus, .single-tribe_events .tribe-events-content a:hover { color: #7f3931; } .tribe-events-event-url a { word-break: break-word; } .tribe-events-single ul.tribe-related-events li:before { display: none; } .skipLink { height: 1px; left: -1000px; overflow: hidden; position: absolute; text-align: left; top: -1000px; width: 1px; } a.skipLink:active, a.skipLink:focus, a.skipLink:hover { background-color: white; height: auto; left: 0; overflow: visible; padding: 0.625rem 1.25rem; top: 0; width: auto; z-index: 1000000; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ctaClip, .clips { display: none !important; } .csSlideLeft { display: block !important; } .eventsListEvent { display: inline-block !important; position: relative; width: 100%; min-height: 50px; } .eventsListEvent .eventDate { position: absolute; left: 0; } .eventsListEvent .eventDetails { position: absolute; right: 0; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); } } @supports (-ms-ime-align: auto) { .ctaClip, .clips { display: none !important; } .csSlideLeft { display: block !important; } .eventsListEvent { display: inline-block !important; position: relative; width: 100%; min-height: 50px; } .eventsListEvent .eventDate { position: absolute; left: 0; } .eventsListEvent .eventDetails { position: absolute; right: 0; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); } } .job_listings .job_filters .job_types li:before { display: none; } .job_listings .job_listings li:before { display: none; } /** * Sections */ .accordion-page .wrap.content:first-child { padding-bottom: 40px; } .accordion-page .wrap.content:last-child { padding-top: 0; } .accordion-page .wrap.no-content:first-child { padding: 0; } .accordion-block { box-sizing: border-box; } .accordion-block .title-wrap .title { font-weight: inherit; width: 100%; } .accordion-block .title { font-weight: 700; text-transform: uppercase; width: 90%; } .accordion-block .accordion-row { margin-bottom: 15px; } .accordion-block .accordion-row:last-child { margin-bottom: 0; } .accordion-block .accordion-row .accordion-title { background: transparent; border: 1px solid #ccc; color: #333; cursor: pointer; font-weight: 700; padding: 1.5em 20px; position: relative; text-transform: uppercase; -webkit-transition: 300ms ease; -moz-transition: 300ms ease; transition: 300ms ease; } .accordion-block .accordion-row .accordion-title svg { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 300ms ease; -moz-transition: 300ms ease; transition: 300ms ease; cursor: pointer; height: 30px; position: absolute; right: 15px; top: 50%; width: 30px; } .accordion-block .accordion-row .accordion-title svg path, .accordion-block .accordion-row .accordion-title svg polygon { fill: #333; } .accordion-block .accordion-row .accordion-title:hover { color: #61a78a; } .accordion-block .accordion-row .accordion-title:hover svg path, .accordion-block .accordion-row .accordion-title:hover svg polygon { fill: #61a78a; } .accordion-block .accordion-row .accordion-title.active { color: #61a78a; border-bottom: 0px; } .accordion-block .accordion-row .accordion-title.active:before { background-color: #ccc; bottom: 0; content: ''; height: 1px; left: 20px; position: absolute; width: 52%; } .accordion-block .accordion-row .accordion-title.active:after { background-color: #ccc; bottom: 0; content: ''; height: 1px; position: absolute; right: 20px; width: 52%; } .accordion-block .accordion-row .accordion-title.active svg { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: #61a78a; } .accordion-block .accordion-row .accordion-title.active svg path, .accordion-block .accordion-row .accordion-title.active svg polygon { -webkit-transform: translate(50%, -25%) rotate(45deg); -moz-transform: translate(50%, -25%) rotate(45deg); -ms-transform: translate(50%, -25%) rotate(45deg); -o-transform: translate(50%, -25%) rotate(45deg); transform: translate(50%, -25%) rotate(45deg); fill: white; } .accordion-block .accordion-row .accordion-info { border: 1px solid #ccc; border-top: 0px; box-sizing: border-box; display: none; padding: 20px; overflow: hidden; } .accordion-block .accordion-row .accordion-info *:last-child { margin-bottom: 0; } .accordion-block .accordion-row:first-child { padding-top: 0; } .accordion-block .accordion-row:last-child { padding-bottom: 0; border-bottom: none; } .page-section-stories { overflow: hidden; } .page-section-stories h5 { font-weight: 600; } .page-section-stories .stories { width: 100%; overflow: hidden; } .page-section-stories .story { display: block; margin-bottom: 3em; } .page-section-stories .story img { display: block; } .page-section-stories .story-img { height: 200px; margin-bottom: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; } .page-section-stories .story-title { text-transform: uppercase; } .page-section-stories .story-title a { color: #333; } .page-section-stories .story-title a:hover { color: #44bce7; } .page-section-stories .story-blurb-content { font-size: 0.875em; margin-bottom: 0.75em; color: #555; } .page-section-stories .read-more { text-transform: uppercase; font-size: 0.875em; } @media screen and (min-width: 600px) { .page-section-stories .stories .story { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; } .page-section-stories .stories .story:last-child { margin-right: 0; } .page-section-stories .stories .story:nth-child(2n) { margin-right: 0; } .page-section-stories .stories .story:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 900px) { .page-section-stories.two-posts .stories .story { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; } .page-section-stories.two-posts .stories .story:last-child { margin-right: 0; } .page-section-stories.two-posts .stories .story:nth-child(2n) { margin-right: 0; } .page-section-stories.two-posts .stories .story:nth-child(2n+1) { clear: left; } .page-section-stories.three-posts .stories .story { margin-bottom: 0; float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .page-section-stories.three-posts .stories .story:last-child { margin-right: 0; } .page-section-stories.three-posts .stories .story:nth-child(2n) { margin-right: 2.35765%; } .page-section-stories.three-posts .stories .story:nth-child(2n+1) { clear: none; } .page-section-stories.three-posts .stories .story:nth-child(3n) { margin-right: 0; } .page-section-stories.three-posts .stories .story:nth-child(3n+1) { clear: left; } .page-section-stories.four-posts .stories .story { margin-bottom: 0; float: left; display: block; margin-right: 2.35765%; width: 23.23176%; } .page-section-stories.four-posts .stories .story:last-child { margin-right: 0; } .page-section-stories.four-posts .stories .story:nth-child(2n) { margin-right: 2.35765%; } .page-section-stories.four-posts .stories .story:nth-child(2n+1) { clear: none; } .page-section-stories.four-posts .stories .story:nth-child(4n) { margin-right: 0; } .page-section-stories.four-posts .stories .story:nth-child(4n+1) { clear: left; } } .page-section-stories .blog-feed-bottom { margin-top: 2em; text-align: center; } #flexible-section-repeater .content-section p:last-child { margin-bottom: 0; } #flexible-section-repeater .content-section .l-content, #flexible-section-repeater .content-section .r-content { float: left; display: block; margin-right: 2.35765%; width: 100%; } #flexible-section-repeater .content-section .l-content:last-child, #flexible-section-repeater .content-section .r-content:last-child { margin-right: 0; } #flexible-section-repeater .content-section .l-content { margin-bottom: 3em; } @media screen and (min-width: 900px) { #flexible-section-repeater .content-section .l-content { margin-bottom: 0; } } @media screen and (min-width: 900px) { #flexible-section-repeater .content-section.fifty-fifty .l-content { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; } #flexible-section-repeater .content-section.fifty-fifty .l-content:last-child { margin-right: 0; } #flexible-section-repeater .content-section.fifty-fifty .r-content { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; margin-right: 0; } #flexible-section-repeater .content-section.fifty-fifty .r-content:last-child { margin-right: 0; } #flexible-section-repeater .content-section.thirty-seventy .l-content { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } #flexible-section-repeater .content-section.thirty-seventy .l-content:last-child { margin-right: 0; } #flexible-section-repeater .content-section.thirty-seventy .r-content { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-right: 0; } #flexible-section-repeater .content-section.thirty-seventy .r-content:last-child { margin-right: 0; } #flexible-section-repeater .content-section.seventy-thirty .l-content { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } #flexible-section-repeater .content-section.seventy-thirty .l-content:last-child { margin-right: 0; } #flexible-section-repeater .content-section.seventy-thirty .r-content { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; margin-right: 0; } #flexible-section-repeater .content-section.seventy-thirty .r-content:last-child { margin-right: 0; } } .cta-section.page-flexible-section { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; } .cta-section.page-flexible-section .section-title { line-height: 1; margin-bottom: 3.5rem; margin-top: 0; padding-top: 0; } .cta-section.page-flexible-section .section-title:before { display: none; } .cta-section.page-flexible-section .ctaClip { background-color: white; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: -1px; z-index: 99; } .cta-section.page-flexible-section video.cta-bg-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-position: center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 900px) { .cta-section.page-flexible-section video.cta-bg-video { display: none; } } .cta-content { text-align: center; padding: 10.625rem 0 6.25rem; position: relative; z-index: 100; color: white; } @media screen and (min-width: 900px) { .cta-content { padding: 15em 0 11.25rem; } } .cta-overlay { background-color: #333; opacity: .5; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #flexible-section-repeater .informational-cta-section { position: relative; background: #f5f5f5; } #flexible-section-repeater .informational-cta-section p:last-of-type { margin-bottom: 0px; } #flexible-section-repeater .informational-cta-section.wrap { margin-left: 0; margin-right: 0; width: 100%; } #flexible-section-repeater .informational-cta-section .wrap { position: static; } #flexible-section-repeater .informational-cta-section .item { width: 100%; } @media screen and (min-width: 900px) { #flexible-section-repeater .informational-cta-section .item { width: 50%; } } #flexible-section-repeater .informational-cta-section .item.content-section { padding-top: 4em; padding-bottom: 4em; } #flexible-section-repeater .informational-cta-section .item.content-section h1, #flexible-section-repeater .informational-cta-section .item.content-section h2, #flexible-section-repeater .informational-cta-section .item.content-section h3, #flexible-section-repeater .informational-cta-section .item.content-section h4, #flexible-section-repeater .informational-cta-section .item.content-section h5, #flexible-section-repeater .informational-cta-section .item.content-section h6 { font-weight: bold; } #flexible-section-repeater .informational-cta-section .item.content-section p { font-size: 1em; } @media screen and (min-width: 900px) { #flexible-section-repeater .informational-cta-section .item.content-section { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; padding: 6em 4em 6em 0; } #flexible-section-repeater .informational-cta-section .item.content-section:last-child { margin-right: 0; } } @media screen and (min-width: 900px) { #flexible-section-repeater .informational-cta-section .item.content-section.right { margin-left: 51.17883%; padding-left: 4em; padding-right: 0; } } #flexible-section-repeater .informational-cta-section .item.image { background-color: black; position: relative; height: 400px; } @media screen and (min-width: 900px) { #flexible-section-repeater .informational-cta-section .item.image { display: block; position: absolute; width: 50%; height: 100%; } #flexible-section-repeater .informational-cta-section .item.image.left { left: 50%; } #flexible-section-repeater .informational-cta-section .item.image.right { right: 50%; } } #flexible-section-repeater .informational-cta-section .item.image .bg { height: 100%; background-position: center; background-repeat: no-repeat; } #flexible-section-repeater .informational-cta-section .item.image .bg.has-content-over { opacity: 0.5; } #flexible-section-repeater .informational-cta-section .item.image .image-blurb-wrap { display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; } @media screen and (min-width: 900px) { #flexible-section-repeater .informational-cta-section .item.image .image-blurb-wrap { max-width: 650px; } } #flexible-section-repeater .informational-cta-section .item.image .image-blurb-wrap .image-blurb-inner-wrap { display: block; height: 100%; position: relative; width: 100%; } #flexible-section-repeater .informational-cta-section .item.image .image-blurb-wrap .image-blurb-content { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: white; font-size: 1.5em; padding-left: 1.5em; padding-right: 1.5em; position: absolute; top: 50%; text-transform: uppercase; } @media screen and (min-width: 900px) { #flexible-section-repeater .informational-cta-section .item.image .image-blurb-wrap .image-blurb-content { padding-left: 3.9375rem; } .image.item.right #flexible-section-repeater .informational-cta-section .item.image .image-blurb-wrap .image-blurb-content { padding-right: 3.9375rem; padding-left: 1.5em; } } #flexible-section-repeater .informational-cta-section .item.image .image-blurb-wrap .image-blurb-content p { margin-bottom: 0; } .image.item.right .image-blurb-wrap { left: auto !important; right: 0; } .image.item.right .image-blurb-wrap .image-blurb-content { padding-right: 3.9375rem !important; padding-left: 1.5em !important; } .icon-blurb-section .section-title { margin-top: 0; } .icon-blurb-section .upper-content, .icon-blurb-section .bottom-content { text-align: center; clear: both; } .icon-blurb-section .icon-blurb-grid { display: inline-block; text-align: center; width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } @media screen and (min-width: 600px) { .icon-blurb-section .icon-blurb-grid { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .icon-blurb-section .icon-blurb-grid .blurb { display: inline-block; width: 100%; margin-top: 3em; } .icon-blurb-section .icon-blurb-grid .blurb:nth-child(1) { margin-top: 0; } @media screen and (min-width: 600px) { .icon-blurb-section .icon-blurb-grid .blurb { width: 50%; } .icon-blurb-section .icon-blurb-grid .blurb:nth-child(2) { margin-top: 0; } } @media screen and (min-width: 900px) { .icon-blurb-section .icon-blurb-grid .blurb { width: 33%; } .icon-blurb-section .icon-blurb-grid .blurb:nth-child(3) { margin-top: 0; } } .icon-blurb-section .icon-blurb-grid .blurb .img-wrap { min-height: 126px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .icon-blurb-section .icon-blurb-grid .blurb .img-wrap img { width: auto; max-width: 200px; max-height: 100px; } .icon-blurb-section .icon-blurb-grid .blurb .img-wrap.full-width { background-position: center; background-repeat: no-repeat; background-size: cover; height: 250px; } .icon-blurb-section .icon-blurb-grid .blurb .inner-blurb { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media screen and (min-width: 600px) { .icon-blurb-section .icon-blurb-grid .blurb .inner-blurb { padding: 0 0.75em; } } .icon-blurb-section .icon-blurb-grid .blurb .green-button a { padding: 0.9375rem 2rem; } .icon-blurb-section .blurb-title { font-weight: bold; margin-bottom: 1.25rem; margin-top: 1.25rem; } .image-grid-section .outer-wrap { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .image-grid-section .image-grid-block { background-position: center; background-repeat: no-repeat; background-size: cover; border-top: 5px solid #fff; border-bottom: 5px solid #fff; border-left: 5px solid #fff; border-right: 5px solid #fff; height: 325px; width: 50%; } .image-grid-section .image-grid-block:nth-child(2), .image-grid-section .image-grid-block:nth-child(3) { border-top: 10px solid #fff; } .image-grid-section .image-grid-block:nth-child(4), .image-grid-section .image-grid-block:nth-child(5), .image-grid-section .image-grid-block:nth-child(6) { border-bottom: 10px solid #fff; } .image-grid-section .image-grid-block:nth-child(6) { border-top: 0px; } .image-grid-section .image-grid-block.image-link-block, .image-grid-section .image-grid-block.image-content-block { width: 100%; } @media screen and (min-width: 900px) { .image-grid-section .image-grid-block { width: 25%; } .image-grid-section .image-grid-block.image-link-block, .image-grid-section .image-grid-block.image-content-block { width: 50%; } .image-grid-section .image-grid-block:nth-child(1), .image-grid-section .image-grid-block:nth-child(4) { border-left: 10px solid #fff; } .image-grid-section .image-grid-block:nth-child(3), .image-grid-section .image-grid-block:nth-child(6) { border-right: 10px solid #fff; } .image-grid-section .image-grid-block:nth-child(6) { border-top: 5px solid #fff; } } .image-grid-section .image-grid-block.image-content-block { padding: 4em; } .image-grid-section .image-grid-block.image-content-block h2 { margin-bottom: 1.125em; } .image-grid-section .image-grid-block.image-link-block { position: relative; } .image-grid-section .image-grid-block.image-link-block .image-link-content { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; width: 100%; text-align: center; } .logos-section { padding: 6em 0; } .logos-section .section-title { margin-top: 0; font-size: 1.75em; } .logos-section .section-post-title { margin-bottom: 0; } .logos-section .left-side { display: inline-block; width: 100%; margin-bottom: 3em; } @media screen and (min-width: 900px) { .logos-section .left-side { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; margin-bottom: 0; } .logos-section .left-side:last-child { margin-right: 0; } } .logos-section .right-side { display: inline-block; width: 100%; } @media screen and (min-width: 900px) { .logos-section .right-side { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; margin-right: 0; } .logos-section .right-side:last-child { margin-right: 0; } } .logos-section .logo { margin-bottom: 0.75em; } @media screen and (min-width: 600px) { .logos-section .logo.small { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; } .logos-section .logo.small:last-child { margin-right: 0; } .logos-section .logo.small:nth-child(2n) { margin-right: 0; } .logos-section .logo.small:nth-child(2n+1) { clear: left; } } .photo-grid-section .photo-grid-grid { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 300px; transition: all 300ms ease-in-out !important; } .photo-grid-section .photo-grid-grid .section.gallery { width: 100%; } @media screen and (min-width: 600px) { .photo-grid-section .photo-grid-grid .section.gallery { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; width: 33.33333%; } } .photo-grid-section .grid-section-image { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 350px; } .photo-grid-section .grid-section-image:before { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background-color: rgba(51, 51, 51, 0.7); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .photo-grid-section .grid-section-image .wrap { position: relative; z-index: 100; } .photo-grid-section .grid-section-image:before { background-image: url("assets/icons/src/icon_mag.svg"); background-position: center center; background-repeat: no-repeat; background-size: 30%; content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all 300ms ease-in-out; visibility: hidden; width: 100%; z-index: 10; } .photo-grid-section .grid-section-image:after { opacity: 0; transition: all 300ms ease-in-out; visibility: hidden; } .photo-grid-section .grid-section-image:hover:before, .photo-grid-section .grid-section-image:hover:after { opacity: 1; visibility: visible; } .ribbon-cta-section { display: block; position: relative; } @media screen and (min-width: 600px) { .ribbon-cta-section .ribbon-content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } } .ribbon-cta-section .ribbon-text { display: block; padding-bottom: 2.5rem; padding-top: 2.5rem; text-align: left; } @media screen and (min-width: 600px) { .ribbon-cta-section .ribbon-text { padding-right: 1.5em; } } .ribbon-cta-section .top-text, .ribbon-cta-section .bottom-text { color: white; line-height: 1; margin-bottom: 0; } .ribbon-cta-section .top-text { font-size: 1.5em; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; } .ribbon-cta-section .bottom-text { font-size: 1.75em; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-weight: 400; text-transform: uppercase; } .ribbon-cta-section .button-wrap { margin-bottom: 2.5rem; display: inline-block; } @media screen and (min-width: 600px) { .ribbon-cta-section .button-wrap { margin-bottom: 0rem; } } #flexible-section-repeater .page-flexible-section.has-top-padding { margin-top: 4em; } #flexible-section-repeater .page-flexible-section.has-bot-padding { margin-bottom: 4em; } @media screen and (min-width: 900px) { #flexible-section-repeater .page-flexible-section.has-top-padding { margin-top: 6.25em; } #flexible-section-repeater .page-flexible-section.has-bot-padding { margin-bottom: 6.25em; } } #flexible-section-repeater .page-flexible-section:first-of-type.has-top-padding { margin-top: 3em; } @media screen and (min-width: 900px) { #flexible-section-repeater .page-flexible-section:first-of-type.has-top-padding { margin-top: 4.5em; } } #flexible-section-repeater .page-flexible-section:last-of-type:not(:first-of-type).ribbon-cta-section-outer, #flexible-section-repeater .page-flexible-section:last-of-type:not(:first-of-type).cta-section { margin-bottom: 0; } #flexible-section-repeater .color.primary { background-color: #b55146; } #flexible-section-repeater .color.blue { background-color: #44bce7; } #flexible-section-repeater .color.light-gray { background-color: #f5f5f5; } #flexible-section-repeater .color.medium-gray { background-color: #ccc; } #flexible-section-repeater .color.dark-gray { background-color: #333; } #flexible-section-repeater .color.white { background-color: white; } .section-title, .sectionTitle { text-transform: uppercase; text-align: center; } .section-pre-title { font-weight: bold; text-transform: uppercase; transition: all 300ms ease; margin-bottom: 0; } .section-sub-title, .sectionSubTitle { font-size: 1.125em; text-align: center; } .section-post-title { margin-bottom: 1rem; transition: all 300ms ease; } .dark .section-pre-title, .dark .section-sub-title, .dark .section-title, .dark .section-post-title { color: #333; } .light .section-pre-title, .light .section-sub-title, .light .section-title, .light .section-post-title { color: white; } .tile-blocks { overflow: auto; } @media screen and (min-width: 900px) { .tile-blocks { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; } } .tile-block { padding: 4.5em 3em; position: relative; } @media screen and (min-width: 900px) { .tile-block { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-height: 300px; } } .tile-block .tile-block-excerpt { position: relative; z-index: 100; } .tile-block .tile-block-excerpt h1, .tile-block .tile-block-excerpt h2, .tile-block .tile-block-excerpt h3, .tile-block .tile-block-excerpt h4, .tile-block .tile-block-excerpt h5, .tile-block .tile-block-excerpt h6 { margin-bottom: 0.9375em; font-weight: 700; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .tile-block .tile-block-excerpt p { font-size: 1.125em; margin-bottom: 10px; } .tile-block.has-image { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .tile-block.has-image:before { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background-color: rgba(51, 51, 51, 0.5); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .tile-block.has-image .wrap { position: relative; z-index: 100; } .tile-block.has-image .tile-block-excerpt { color: white; } .tile-block.solid.primary { background-color: #b55146; } .tile-block.solid.primary .tile-block-excerpt { color: white; } .tile-block.solid.white { background-color: white; border: 1px solid #333; } .tile-block.solid.white .tile-block-excerpt { color: #333; } .impactSection .sectionTitle { text-align: left; } .impactSection .sectionSubTitle { text-align: left; font-size: 1em; } .impactSection a { color: #333; } @media (min-width: 1200px) { .impactBlocksSlider { margin: 3.4375rem -1.375rem 0; } } .impBTopNum { font-size: 3.125em; font-weight: 900; } .impBTitle { color: #333; font-size: 1.5em; font-weight: bold; line-height: 1.1; margin-top: 1.625rem; text-transform: uppercase; } .impactBlockInner { padding: 1.375rem; min-height: 315px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; transition: background-color 300ms ease; } .impactBlockInner:hover { background-color: #f5f5f5; } .impBBlurb { margin: 1.25rem 0; } .impBBar { margin-top: auto; height: 6px; } .impactBlocksWrap { position: relative; } .impactBlocksWrap .left-arrow, .impactBlocksWrap .right-arrow { display: none !important; position: absolute; top: auto; bottom: 0; z-index: 100; opacity: 0.5; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); transition: all 300ms ease; } @media screen and (min-width: 900px) { .impactBlocksWrap .left-arrow, .impactBlocksWrap .right-arrow { display: block !important; top: 50%; bottom: auto; } } .impactBlocksWrap .left-arrow svg, .impactBlocksWrap .right-arrow svg { width: 26px; height: 26px; fill: #333; } .impactBlocksWrap .left-arrow:hover, .impactBlocksWrap .right-arrow:hover { cursor: pointer; opacity: 1; } .impactBlocksWrap .left-arrow { left: -30px; } .impactBlocksWrap .left-arrow svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 1200px) { .impactBlocksWrap .left-arrow { left: -50px; } } .impactBlocksWrap .right-arrow { right: -30px; } @media (min-width: 1200px) { .impactBlocksWrap .right-arrow { right: -50px; } } .impactBlocksWrap .slick-dots { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; position: absolute; width: 100%; margin-top: 10px; } .impactBlocksWrap .slick-dots li { background-color: #333; border-radius: 50%; height: 10px; margin-right: 5px; position: relative; width: 10px; list-style: none; padding: 0px; } .impactBlocksWrap .slick-dots li:before { display: none; } .impactBlocksWrap .slick-dots li:hover { cursor: pointer; } .impactBlocksWrap .slick-dots li.slick-active:after { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: white; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; width: 6px; } .impactBlocksWrap .slick-dots li:last-of-type { margin-right: 0; } .impactBlocksWrap .slick-dots button { display: none; } .juicerFeedSection .sectionSubTitle { margin-bottom: 2.5rem; line-height: 1.4; } .juicerFeedSection .juicer-feed .referral { margin-bottom: 10px; } .juicerFeedSection .juicer-feed .referral a { color: #333; } .juicerFeedSection .juicer-feed li.feed-item { margin: 0 3px; } .juicerFeedSection .juicer-feed.slider .slick-prev { left: 3px; top: 30px; } .juicerFeedSection .juicer-feed.slider .slick-prev:before { display: block; } .juicerFeedSection .juicer-feed.slider .slick-next { right: 1px; top: 30px; } .juicerFeedSection .juicer-feed.slider .slick-next:before { display: block; } .juicerFeedSection .wrap { max-width: 1206px; } .juicerFeedSection .slick-arrow { position: relative; background-color: transparent; padding: 10px 20px 15px 40px !important; height: 60px !important; } .juicerFeedSection .slick-arrow:before { line-height: 60px !important; background-color: rgba(255, 255, 255, 0.8); top: 50%; font-size: 28px !important; position: absolute; -webkit-transform: skew(0deg) translateY(-50%); -moz-transform: skew(0deg) translateY(-50%); -ms-transform: skew(0deg) translateY(-50%); -o-transform: skew(0deg) translateY(-50%); transform: skew(0deg) translateY(-50%); color: #333 !important; } .juicerFeedSection .jSocFooterInner { background-color: #61a78a; padding: 1rem 1.25rem; margin-left: 3px; margin-right: 1px; margin-top: 5px; } @media screen and (min-width: 600px) { .juicerFeedSection .jSocFooterInner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } @media screen and (min-width: 900px) { .juicerFeedSection .jSocFooterInner { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; } .juicerFeedSection .jSocFooterInner .jSocFootLeft { margin-right: 1.5em; } .juicerFeedSection .jSocFooterInner .jSocFootRight { margin-left: auto; margin-top: 0px !important; } } .juicerFeedSection .jSocFooterInner .jSocFootLeft { color: white; font-size: 2.25em; font-weight: bold; text-transform: uppercase; line-height: 1; } .juicerFeedSection .jSocFooterInner .jSocFootRight { margin-top: 1.5em; } .juicerFeedSection .jSocFooterInner .jSocFootRight .social-links .social-link { display: inline-block; } .juicerFeedSection .jSocFooterInner .jSocFootRight .social-links .social-link:last-of-type svg { margin-right: 0; } .juicerFeedSection .jSocFooterInner .jSocFootRight .social-links .social-link a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .juicerFeedSection .jSocFooterInner .jSocFootRight .social-links svg { background: rgba(255, 255, 255, 0.8); fill: #61a78a; height: 34px; margin-right: 5px; padding: 5px; transition: all 300ms ease; width: 34px; } .juicerFeedSection .jSocFooterInner .jSocFootRight .social-links svg:hover { background: white; } .getToKnow-flex { margin-top: 3em; margin-bottom: 4em; } @media screen and (min-width: 900px) { .getToKnow-flex { margin-top: 4.5em; margin-bottom: 0; border-bottom: 10px solid #555; } } .getToKnowInfoBlocksOuter { position: relative; } .getToKnowImg { background-position: bottom; background-repeat: no-repeat; background-size: contain; min-height: 100px; border-bottom: 10px solid #555; } @media screen and (min-width: 600px) { .getToKnowImg { min-height: 145px; } } @media screen and (min-width: 900px) { .getToKnowImg { min-height: 325px; border: 0px; } } .getToKnowInfoBlocksInner { margin-top: 1.5em; } @media screen and (min-width: 600px) { .getToKnowInfoBlocksInner { margin-top: -50px; } } @media screen and (min-width: 900px) { .getToKnowInfoBlocksInner { margin: 0px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .getToKnowBlock { margin: 0 auto; max-width: 80%; margin-bottom: 0.5625rem; -webkit-transform: translateX(16px); -moz-transform: translateX(16px); -ms-transform: translateX(16px); -o-transform: translateX(16px); transform: translateX(16px); } .getToKnowBlock:last-of-type { margin-bottom: 0; } @media screen and (min-width: 600px) { .getToKnowBlock { max-width: 330px; } } @media screen and (min-width: 900px) { .getToKnowBlock { max-width: 225px; min-width: 225px; margin: 0; position: absolute; z-index: 2; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .getToKnowBlock:nth-child(1) { left: 12.5%; top: 80%; } .getToKnowBlock:nth-child(2) { left: 18%; top: 38%; } .getToKnowBlock:nth-child(3) { left: 41%; top: 23%; } .getToKnowBlock:nth-child(4) { left: 50%; top: 73%; } .getToKnowBlock:nth-child(5) { left: 70%; top: 38%; } .getToKnowBlock:nth-child(6) { left: auto; right: -20px; top: 61%; } } @media screen and (min-width: 900px) and (min-width: 1460px) { .getToKnowBlock:nth-child(6) { left: 88%; right: auto; top: 61%; } } @media screen and (min-width: 900px) { .getToKnowBlock.is-open { z-index: 3; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } } @media screen and (min-width: 900px) { .getToKnowBlock { transition: transform 300ms ease; } .getToKnowBlock:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } } .gTKBHeader { position: relative; } .gTKBHeader:hover { cursor: pointer; } .gTKBRevealToggle { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; border-radius: 100%; color: white; font-size: 1.75em; font-weight: bold; height: 33px; left: -32px; position: absolute; width: 33px; z-index: 2; } .gTKBRevealToggleBG { position: absolute; top: -3px; left: -35px; background-color: rgba(255, 255, 255, 0.4); width: 39px; height: 39px; border-radius: 100%; z-index: -1; display: block; } .innerToggle { margin-top: -2px; transition: all 300ms ease; overflow: visible; line-height: 33px; } .is-open .innerToggle { margin-left: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .gTKBTitle { margin: 0; color: white; text-transform: uppercase; font-weight: bold; font-size: 0.875rem; padding: 0.625rem 1.25rem; } @media screen and (min-width: 900px) { .gTKBTitle { text-align: center; } } .gTKBDetails { overflow: hidden; max-height: 0; transition: max-height 300ms ease; font-size: 0.75rem; background-color: #f5f5f5; } .is-open .gTKBDetails { max-height: 800px; } .gTKBDetailsInner { padding: 1.25rem; } .gTKBLearnMore { display: block; font-weight: bold; margin-top: 0.8em; text-transform: uppercase; } .featuredVideoSection { background-color: #f5f5f5; position: relative; } .fVSBlurbWrap .section-title { text-align: left; } .fVSRight { background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 380px; position: relative; } @media screen and (min-width: 900px) { .fVSRight { height: 100%; position: absolute; right: 0; width: 50%; } } .playButtonOuter { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.8); left: 50%; padding: 2.625rem; position: absolute; top: 50%; transition: background-color 300ms ease; } .playButtonOuter:hover { background-color: white; cursor: pointer; } .playButtonInner { border-bottom: 20px solid transparent; border-left: 35px solid rgba(51, 51, 51, 0.7); border-top: 20px solid transparent; height: 0; width: 0; } .fVSBlurbWrap { padding: 3em 0; } @media screen and (min-width: 900px) { .fVSBlurbWrap { padding: 5.9375rem 50% 5.9375rem 0; } } @media screen and (min-width: 900px) { .fVSBlurb { padding-right: 5.3125rem; } } .fVSBlurbContent *:last-child { margin-bottom: 0; } .modaal-inner-wrapper .modaal-close:before { -webkit-transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg) !important; -ms-transform: rotate(-45deg) !important; -o-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; } .focusAbout { margin-bottom: 4em; margin-top: 4em; } @media screen and (min-width: 900px) { .focusAbout { margin-bottom: 6.25em; margin-top: 6.25em; } } .focusAboutIntro { margin-bottom: 4em; } @media screen and (min-width: 900px) { .focusAboutIntro { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-bottom: 0; padding-right: 4.375rem; } .focusAboutIntro:last-child { margin-right: 0; } } @media screen and (min-width: 900px) { .focusAboutStaff { margin-right: 0; float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .focusAboutStaff:last-child { margin-right: 0; } } .focusAboutStaffTitle { font-size: 2.25em; margin-bottom: 0; } .focusAboutStaffSubTitle { font-size: 1.25em; margin-bottom: 2.25rem; } .focusAboutStaffStaff { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; } .focusStaffImg { margin-right: 2.125rem; flex-shrink: 0; } .focusStaffImg img { display: block; width: 160px; } @media (max-width: 400px) { .focusStaffImg { display: none; } } .focusStaffDetails .focusStaffName a, .focusStaffDetails .staffEmail a, .focusStaffDetails .staffPhone a { color: #333; transition: color 300ms ease; } .focusStaffDetails .focusStaffName a:hover, .focusStaffDetails .staffEmail a:hover, .focusStaffDetails .staffPhone a:hover { color: rgba(51, 51, 51, 0.8); } .focusStaffDetails .dark-gray-button.small-button a { margin-top: 0.75rem; padding: 0.75rem 1.875rem; } .focusStaffName { font-size: 1.5em; font-weight: bold; line-height: 1; margin-bottom: 0.5rem; } .focusAllStaffButton { background-color: #aaa; color: white; display: block; margin-top: 1.125rem; padding: 0.6875rem; text-align: center; text-transform: uppercase; transition: background-color 300ms ease; } .focusAllStaffButton:hover { background-color: rgba(170, 170, 170, 0.7); color: white; } .featureBlocks { background-color: #f5f5f5; padding: 4em 0; } @media screen and (min-width: 900px) { .featureBlocks { padding: 6.25em 0; } } .featureBlocks > .wrap { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } @media screen and (min-width: 600px) { .featureBlocks > .wrap { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 900px) { .featureBlocks > .wrap { -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } } .featureBlock { text-align: center; padding: 3.125rem 2.5rem; margin-bottom: 1.5em; color: white; position: relative; max-width: 290px; margin-left: auto; margin-right: auto; } .featureBlock .featureBlockInner { position: relative; } .featureBlock h5 { font-size: 1.375em; font-weight: bold; margin-bottom: 1.5625rem; } .featureBlock .featureBlockBlurb { margin-bottom: 1.5625rem; } .featureBlock .white-button.small-button a { font-size: 0.75em; padding: 0.9375rem 1.5rem; } .featureBlock:last-of-type { margin-bottom: 0; } @media screen and (min-width: 600px) { .featureBlock:nth-child(n+3) { margin-bottom: 0; } } @media screen and (min-width: 900px) { .featureBlock { margin-bottom: 0; } } .featureBlock.count-2 { width: 100%; } @media screen and (min-width: 600px) { .featureBlock.count-2 { width: 48%; margin-bottom: 0; } } .featureBlock.count-3 { width: 100%; } @media screen and (min-width: 600px) { .featureBlock.count-3 { width: 48%; } .featureBlock.count-3:nth-child(even) { margin-right: 0; margin-left: auto; } } @media screen and (min-width: 900px) { .featureBlock.count-3 { max-width: 31%; } .featureBlock.count-3:nth-child(even) { margin-right: auto; margin-left: auto; } .featureBlock.count-3:first-of-type { margin-left: 0; } .featureBlock.count-3:last-of-type { margin-right: 0; } } .featureBlock.count-4 { width: 100%; } @media screen and (min-width: 600px) { .featureBlock.count-4 { width: 48%; } } @media screen and (min-width: 900px) { .featureBlock.count-4 { max-width: 23%; } .featureBlock.count-4:nth-child(even) { margin-right: auto; margin-left: auto; } .featureBlock.count-4:first-of-type { margin-left: 0; } .featureBlock.count-4:last-of-type { margin-right: 0; } } .eventsWrap { background-color: #b55146; padding: 4em 0; } .eventsListEvent { -webkit-backface-visibility: hidden; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; color: white; margin-top: 2.5rem; transition: color 300ms ease; } .eventsListEvent:hover { color: #f8c999; } .eventsListEvent:hover .eventDate { background-color: #f8c999; } .eventDate { width: 10px; -webkit-backface-visibility: hidden; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: white; color: #b55146; font-weight: bold; line-height: 1; margin-right: 1.125rem; max-height: 4.375rem; min-width: 64px; padding: 1.25rem 0.3125rem; text-transform: uppercase; transition: background-color 300ms ease; } .eventDate .eventDateUp { font-size: 0.875em; } .eventDate .eventDateDown { font-size: 1.25em; } .eventDetails { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; font-size: 1em; line-height: 1.25rem; } .eventDetails .eventTitle { font-weight: bold; } .eventDetails .eventTimes { margin-bottom: 0; margin-top: auto; } .eventsHeader, .newsHeader { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; } .eventsNewsSectionTitle { margin-bottom: 0; } .eventsHeader .eventsNewsSectionTitle { color: white; } .eventsHeader .eventsNewsSectionTitle:before { background-color: white; } .eventsArchLink { margin-left: auto; margin-right: 0; text-decoration: underline; transition: opacity 300ms ease; } .eventsArchLink:hover { opacity: 0.7; } .eventsHeader .eventsArchLink { color: white; text-decoration-color: white; } .newsHeader .eventsArchLink { color: #333; text-decoration-color: #333; } .newsWrap { background-color: #f5f5f5; padding: 4em 0; } .newsBlocksWrap { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } .newsBlocksWrap .newsBlock { margin-top: 4.5em; width: 100%; } @media screen and (min-width: 600px) { .newsBlocksWrap .newsBlock { max-width: 32%; margin-top: 3em; } } @media screen and (min-width: 900px) { .newsBlocksWrap .newsBlock { max-width: 48%; } .newsBlocksWrap .newsBlock:last-of-type { display: none; } } @media screen and (min-width: 600px) { .newsBlocksWrap { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } } .newsBlock img { display: block; width: 100%; } .newsBlock .postDate { color: #555; font-size: 0.75em; line-height: 1; margin-bottom: 0.3125rem; margin-top: 1.4375rem; text-transform: uppercase; } .newsBlock .postTitle { font-size: 1em; font-weight: bold; line-height: 1; } .newsBlock .postTitle a { color: #333; } .newsBlock .postBlurb { color: #555; font-size: 0.875em; margin: 0.75em 0; } @media screen and (min-width: 900px) { .eventsNewsContentWrap.mobile { display: none; } } .eventsNewsContentWrap.desktop { display: none; } @media screen and (min-width: 900px) { .eventsNewsContentWrap.desktop { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; left: 0; position: absolute; top: 50%; width: 100%; z-index: 1; } .eventsNewsContentWrap.desktop > .wrap .newsWrap { float: right; width: 40%; } .eventsNewsContentWrap.desktop > .wrap .eventsWrap { float: left; width: 40%; } } @media screen and (min-width: 900px) { .eventsNews { min-height: 600px; position: relative; } .eventsNews .eventsWrap, .eventsNews .newsWrap { background-color: transparent; padding: 0; } .eventsNews .grayBG { bottom: 1.5625rem; left: 0; position: absolute; right: 0; top: 1.5625rem; } .eventsNews .redBG { bottom: 0; left: 0; position: absolute; right: 45%; top: 0; z-index: 1; } } .testimonialSlide { text-align: center; } @media screen and (min-width: 900px) { .testimonialSlide { padding: 0 3.4375rem; } } .testmonialSlideBlurb { font-size: 1.125em; font-style: italic; line-height: 1.875rem; } .testimonialSlideAttr { font-size: 1.125em; font-weight: bold; line-height: 1; margin-top: 1.375rem; } .testimonialFlexFooter { text-align: center; margin-top: 2.8125rem; } .testimonialFlexSliderWrap { position: relative; } .testimonialFlexSliderWrap .left-arrow, .testimonialFlexSliderWrap .right-arrow { transition: all 300ms ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); bottom: 0; display: none !important; opacity: 0.5; position: absolute; top: auto; z-index: 100; } @media screen and (min-width: 900px) { .testimonialFlexSliderWrap .left-arrow, .testimonialFlexSliderWrap .right-arrow { bottom: auto; display: block !important; top: 50%; } } .testimonialFlexSliderWrap .left-arrow svg, .testimonialFlexSliderWrap .right-arrow svg { fill: #333; height: 26px; width: 26px; } .testimonialFlexSliderWrap .left-arrow:hover, .testimonialFlexSliderWrap .right-arrow:hover { cursor: pointer; opacity: 1; } .testimonialFlexSliderWrap .left-arrow { left: 0; } .testimonialFlexSliderWrap .left-arrow svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .testimonialFlexSliderWrap .right-arrow { right: 0; } .testimonialFlexSliderWrap .slick-dots { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-top: 10px; position: absolute; width: 100%; } .testimonialFlexSliderWrap .slick-dots li { background-color: #333; border-radius: 50%; height: 10px; list-style: none; margin-right: 5px; padding: 0px; position: relative; width: 10px; } .testimonialFlexSliderWrap .slick-dots li:before { display: none; } .testimonialFlexSliderWrap .slick-dots li:hover { cursor: pointer; } .testimonialFlexSliderWrap .slick-dots li.slick-active:after { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: white; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; width: 6px; } .testimonialFlexSliderWrap .slick-dots li:last-of-type { margin-right: 0; } .testimonialFlexSliderWrap .slick-dots button { display: none; } .caseStudiesSliderFlex { background-color: #f5f5f5; padding-bottom: 4em; padding-top: 4em; } @media screen and (min-width: 900px) { .caseStudiesSliderFlex { padding-bottom: 6.25rem; padding-top: 6.25rem; position: relative; } } .csSliderOuter { position: relative; } .csSliderOuter .csSliderArrowWrap { display: none; } @media screen and (min-width: 900px) { .csSliderOuter .csSliderArrowWrap { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; bottom: -15px; height: 66px; position: absolute; right: -15px; width: 121px; z-index: 100; } } .csSliderOuter .left-arrow, .csSliderOuter .right-arrow { transition: all 300ms ease; background-color: white; display: none !important; z-index: 100; } @media screen and (min-width: 900px) { .csSliderOuter .left-arrow, .csSliderOuter .right-arrow { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; display: flex !important; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 50%; } } .csSliderOuter .left-arrow svg, .csSliderOuter .right-arrow svg { fill: #333; height: 26px; opacity: 0.8; width: 26px; } .csSliderOuter .left-arrow:hover, .csSliderOuter .right-arrow:hover { cursor: pointer; } .csSliderOuter .left-arrow { left: 0; } .csSliderOuter .left-arrow svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .csSliderOuter .right-arrow { right: 0; } .csSliderOuter .slick-dots { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-top: 1.5em; width: 100%; } .csSliderOuter .slick-dots li { background-color: #333; border-radius: 50%; height: 10px; list-style: none; margin-right: 5px; padding: 0px; position: relative; width: 10px; } .csSliderOuter .slick-dots li:before { display: none; } .csSliderOuter .slick-dots li:hover { cursor: pointer; } .csSliderOuter .slick-dots li.slick-active:after { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: white; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; width: 6px; } .csSliderOuter .slick-dots li:last-of-type { margin-right: 0; } .csSliderOuter .slick-dots button { display: none; } .rightImage { display: none; } @media screen and (min-width: 900px) { .rightImage { background-image: url(assets/images/shattered.jpg); background-size: 50%; bottom: 0; display: block; left: 42%; position: absolute; right: 0; top: 0; } } .caseStudiesSliderFlex .leftSection { margin-bottom: 3em; } .caseStudiesSliderFlex .leftSection h2 { line-height: 1; margin-bottom: 2rem; } @media screen and (min-width: 900px) { .caseStudiesSliderFlex .leftSection h2 { margin-bottom: 2.75rem; } } .caseStudiesSliderFlex .leftSection .caseStudiesSliderSecBlurb { font-size: 1em; margin-bottom: 2rem; } @media screen and (min-width: 900px) { .caseStudiesSliderFlex .leftSection .caseStudiesSliderSecBlurb { margin-bottom: 2.75rem; } } .caseStudiesSliderFlex .leftSection .caseStudiesSliderFlexFooter .blue-button a { font-size: 1.125em; padding: 1.4375rem 3.125rem; } @media screen and (min-width: 900px) { .caseStudiesSliderFlex .leftSection { float: left; margin-bottom: 0; padding-right: 4.375rem; width: 34%; } .caseStudiesSliderFlex .rightSection { float: left; width: 66%; } } @media screen and (min-width: 900px) { .csSlideBlock { display: flex !important; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; background-color: white; } } .csSlideLeft { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 100%; } .csSlideLeft:before { background: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7)); /* For Firefox 3.6 to 15 */ background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7)); /* For Opera 11.1 to 12.0 */ background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7)); /* For Safari 5.1 to 6.0 */ background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7)); /* Standard syntax (must be last) */ content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .csSlideLeft img { border-radius: 100%; border: 4px solid white; margin: 4rem auto 2.9375rem; position: relative; width: 130px; } .csSlideLeft .csSlideLeftTestimonial { color: white; font-size: 1em; line-height: 1.5rem; padding: 0 1.5em 1.5em; position: relative; text-align: center; } @media screen and (min-width: 600px) { .csSlideLeft .csSlideLeftTestimonial { padding: 0 2.1875rem 2.1875rem; } } @media screen and (min-width: 900px) { .csSlideLeft { width: 50%; } } .csSlideRight { background-color: white; padding: 2.875rem 2rem; -webkit-align-self: center; -moz-align-self: center; align-self: center; -ms-flex-item-align: center; } .csSlideRight .csSlideRightTitle { font-size: 1.5em; line-height: 1; margin: 0; } .csSlideRight .csSlideRightBlurb { font-size: 1em; line-height: 24px; margin: 1.75rem 0 2rem; } @media screen and (min-width: 900px) { .csSlideRight { width: 50%; } } @media screen and (min-width: 900px) { .caseStudiesHeroFlex { background-image: url(assets/images/shattered.jpg); background-size: 25%; position: relative; } } .csDesktop { display: none; } @media screen and (min-width: 900px) { .csDesktop { display: block; padding: 6.25rem 0; } .csDesktop .csHeroCSInner { margin-right: 50%; } .csDesktop .csHeroCSInner { padding-right: 6.25rem; } } .csDesktop .dark-gray-button a { font-size: 1.125em; padding: 1.375rem 2.375rem; } .csMobile { background-image: url(assets/images/shattered.jpg); background-size: 50%; padding-bottom: 3em; padding-top: 3em; } @media screen and (min-width: 900px) { .csMobile { display: none; } } .csHRight { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } @media screen and (min-width: 900px) { .csHRight { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; height: 100%; position: absolute; right: 0; top: 0; width: 50%; } } .csHRight .csSlideLeftContent { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-left: auto; margin-right: auto; } .csHRight .csSlideLeftContent:before { background: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7)); /* For Firefox 3.6 to 15 */ background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7)); /* For Opera 11.1 to 12.0 */ background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7)); /* For Safari 5.1 to 6.0 */ background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7)); /* Standard syntax (must be last) */ content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .csHRight .csSlideLeftContent img { border-radius: 100%; border: 4px solid white; height: 130px; margin: 2.9375rem auto; position: relative; width: 130px; } @media screen and (min-width: 900px) { .csHRight .csSlideLeftContent img { margin: 0 auto 2.9375rem; } } .csHRight .csSlideLeftContent .csSlideLeftTestimonial { color: white; font-size: 1em; line-height: 1.5rem; padding: 0 1.5em 1.5em; position: relative; text-align: center; } @media screen and (min-width: 600px) { .csHRight .csSlideLeftContent .csSlideLeftTestimonial { margin-left: auto; margin-right: auto; max-width: 600px; padding: 0 2.1875rem 2.1875rem; } } @media screen and (min-width: 900px) { .csHRight .csSlideLeftContent .csSlideLeftTestimonial { padding: 0 2.1875rem; } } .csHeroSectionTitle { line-height: 1; margin-bottom: 0; } .csHeroCSTitle { font-size: 1.5em; line-height: 1; margin-bottom: 1.5rem; margin-top: 2.5rem; } .csHeroCSBlurb { font-size: 1em; margin-bottom: 2.8125rem; margin-top: 1.5rem; } .staff-list-wrap { margin: 0; } .staff-list-member { padding: 0.75em; display: inline-block; border-bottom: none; width: 100%; } @media screen and (min-width: 600px) { .staff-list-member { display: table-row; } } .staff-list-member th, .staff-list-member td { padding: 0px; display: inline-block; width: 100%; border-bottom: none; } @media screen and (min-width: 600px) { .staff-list-member th, .staff-list-member td { padding: 0.75em; display: table-cell; width: auto; } } .staff-list-member:nth-child(odd) { background-color: #f5f5f5; } .staff-list-member.header { display: none; } @media screen and (min-width: 600px) { .staff-list-member.header { display: table-row; } } .events-feed .events-feed-header { text-align: center; } .events-feed .events-feed-wrap { position: relative; } @media (min-width: 1200px) { .events-feed .events-feed-wrap .events-feed-slider { margin: 3.4375rem -1.375rem 0; } } .events-feed .events-feed-wrap .events-feed-slider .item { overflow: hidden; padding: 0 0.5em; } .events-feed .events-feed-wrap .events-feed-slider .item .event-img { height: 200px; margin-bottom: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; } .events-feed .events-feed-wrap .events-feed-slider .item h3 { margin-bottom: 0; } .events-feed .events-feed-wrap .events-feed-slider .item .view-all { text-transform: uppercase; font-size: 0.875em; color: #333; text-decoration: underline; } .events-feed .events-feed-wrap .events-feed-slider .item .view-all:hover { text-decoration: none; } .events-feed .events-feed-wrap .events-feed-slider .item .event-date { background: #b55146; color: #fff; text-align: center; padding: 1em; margin-right: 1em; float: left; } .events-feed .events-feed-wrap .events-feed-slider .item .event-date .event-day { font-size: 1.8em; line-height: 1em; font-weight: 600; display: block; } .events-feed .events-feed-wrap .events-feed-slider .item .event-date .event-month { font-size: 0.8em; line-height: 1em; margin-top: -3px; font-weight: 400; display: block; text-transform: uppercase; } .events-feed .events-feed-wrap .events-feed-slider .item h6 { font-weight: 400; font-size: 1.2em; margin-bottom: 0.2em; text-transform: uppercase; } .events-feed .events-feed-wrap .events-feed-slider .item h6 a { color: #333; } .events-feed .events-feed-wrap .events-feed-slider .item h6 a:hover { color: #b55146; } .events-feed .events-feed-wrap .events-feed-slider .item .event-times { color: #555; } .events-feed .events-feed-wrap .left-arrow, .events-feed .events-feed-wrap .right-arrow { display: none !important; position: absolute; top: auto; bottom: 0; z-index: 100; opacity: 0.5; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); transition: all 300ms ease; } @media screen and (min-width: 900px) { .events-feed .events-feed-wrap .left-arrow, .events-feed .events-feed-wrap .right-arrow { display: block !important; top: 50%; bottom: auto; } } .events-feed .events-feed-wrap .left-arrow svg, .events-feed .events-feed-wrap .right-arrow svg { width: 26px; height: 26px; fill: #333; } .events-feed .events-feed-wrap .left-arrow:hover, .events-feed .events-feed-wrap .right-arrow:hover { cursor: pointer; opacity: 1; } .events-feed .events-feed-wrap .left-arrow { left: -30px; } .events-feed .events-feed-wrap .left-arrow svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 1200px) { .events-feed .events-feed-wrap .left-arrow { left: -50px; } } .events-feed .events-feed-wrap .right-arrow { right: -30px; } @media (min-width: 1200px) { .events-feed .events-feed-wrap .right-arrow { right: -50px; } } .events-feed .events-feed-wrap .slick-dots { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; position: relative; width: 100%; margin-top: 10px; margin-bottom: 0; } .events-feed .events-feed-wrap .slick-dots li { background-color: #333; border-radius: 50%; height: 10px; margin-right: 5px; margin-bottom: 0; position: relative; width: 10px; list-style: none; padding: 0px; } .events-feed .events-feed-wrap .slick-dots li:before { display: none; } .events-feed .events-feed-wrap .slick-dots li:hover { cursor: pointer; } .events-feed .events-feed-wrap .slick-dots li.slick-active:after { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: white; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; width: 6px; } .events-feed .events-feed-wrap .slick-dots li:last-of-type { margin-right: 0; } .events-feed .events-feed-wrap .slick-dots button { display: none; } .events-feed .events-feed-footer { text-align: center; margin-top: 1em; } .gallery-section { text-align: center; } .gallery-section .section-title:after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .gallery-section .gallery-img-wrap { background-position: center; background-repeat: no-repeat; background-size: cover; display: block; float: left; display: block; margin-right: 2.35765%; width: 100%; position: relative; overflow: hidden; } .gallery-section .gallery-img-wrap:last-child { margin-right: 0; } .gallery-section .gallery-img-wrap .gallery-img { width: 100%; height: 100%; position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 800ms ease; } .gallery-section .gallery-img-wrap .gallery-img:before { content: ""; width: 100%; height: 100%; background: #b55146; position: absolute; top: 0; left: 0; opacity: 0; transition: all 300ms ease; z-index: 5; } .gallery-section .gallery-img-wrap:hover .gallery-img { transform: scale(1.07); } .gallery-section .gallery-img-wrap:hover .gallery-img:before { opacity: 0.6; } .gallery-section .gallery-img-wrap .gallery-caption { background: #fff; padding: 0.5em 0.7em; color: #666; font-weight: 600; font-size: 9px; position: absolute; bottom: 5%; left: 5%; max-width: 90%; text-align: left; } .gallery-section .single-gallery-grid.four-images .gallery-row { overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; } .gallery-section .single-gallery-grid.four-images .gallery-row:first-child { margin-top: -1%; } .gallery-section .single-gallery-grid.four-images .gallery-img-wrap { height: 300px; margin-top: 1.5%; } @media screen and (min-width: 600px) { .gallery-section .single-gallery-grid.four-images .gallery-img-wrap { float: left; display: block; margin-right: 1.5%; width: 49%; } .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 900px) { .gallery-section .single-gallery-grid.four-images .gallery-img-wrap { margin-top: 1%; float: left; display: block; margin-right: 1%; width: 15%; } .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(2n) { margin-right: 1%; } .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(2), .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(5), .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(12), .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(14) { float: left; display: block; margin-right: 1%; width: 25%; } .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(4), .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(6), .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(11), .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(13) { float: left; display: block; margin-right: 1%; width: 42%; } .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(4n) { margin-right: 0; } .gallery-section .single-gallery-grid.four-images .gallery-img-wrap:nth-child(4n+1) { clear: left; } } .gallery-section .single-gallery-grid.three-images .gallery-row { overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; } .gallery-section .single-gallery-grid.three-images .gallery-row:first-child { margin-top: -1%; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap { height: 400px; margin-top: 2%; position: relative; } @media screen and (min-width: 600px) { .gallery-section .single-gallery-grid.three-images .gallery-img-wrap { float: left; display: block; margin-right: 2%; margin-top: 2%; width: 49%; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(2), .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(5), .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(8) { margin-right: 0; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(3n+3) { margin-right: 0; width: 100%; } } @media screen and (min-width: 900px) { .gallery-section .single-gallery-grid.three-images .gallery-img-wrap { margin-top: 1%; float: left; display: block; margin-right: 1%; width: 32%; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(3n+3) { margin-right: 1%; width: 32%; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(8) { margin-right: 1%; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(2), .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(4), .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(9) { float: left; display: block; margin-right: 1%; width: 43%; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(3), .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(5), .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(7) { float: left; display: block; margin-right: 1%; width: 23%; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(3n) { margin-right: 0; } .gallery-section .single-gallery-grid.three-images .gallery-img-wrap:nth-child(3n+1) { clear: left; } } .gallery-section .gallery-button { margin-top: 2.5em; } .cta-slider { display: block; width: 100%; } .cta-slider .slick-dots { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; position: absolute; width: 100%; bottom: 0.9375rem; margin: 0; } .cta-slider .slick-dots li { background-color: white; border-radius: 50%; height: 10px; margin-right: 5px; padding: 0; position: relative; width: 10px; list-style: none; } .cta-slider .slick-dots li:hover { cursor: pointer; } .cta-slider .slick-dots li:before { background-color: transparent; } .cta-slider .slick-dots li.slick-active:before { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #333; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; width: 6px; } .cta-slider .slick-dots li:last-of-type { margin-right: 0; } .cta-slider .slick-dots button { display: none; } .cta-slider .page-banner__slide { height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .cta-slider .page-banner__slide .ctaClip { background-color: white; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: -1px; z-index: 99; } @media screen and (min-width: 900px) { .cta-slider .page-banner__slide .ctaClip { top: 0px; } } .cta-slider .page-banner__slide > .wrap { height: 400px; position: relative; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media screen and (min-width: 900px) { .cta-slider .page-banner__slide { height: 600px; } .cta-slider .page-banner__slide > .wrap { height: 600px; } } .cta-slider .page-banner__slide .page-banner__content { z-index: 10; width: 100%; max-width: 100%; text-align: center; } .cta-slider .page-banner__slide .page-banner__title, .cta-slider .page-banner__slide .page-banner__pretitle, .cta-slider .page-banner__slide .page-banner__subtitle { text-align: center; margin-bottom: 0px; line-height: 1; } .cta-slider .page-banner__slide .page-banner__title { text-transform: uppercase; margin-bottom: 1em; padding: 0; } .cta-slider .page-banner__slide .page-banner__title:before { display: none; } .cta-slider .page-banner__slide .page-banner__subtitle { margin-bottom: 2.1875rem; } .cta-slider .page-banner__slide.light-text .page-banner__title, .cta-slider .page-banner__slide.light-text .page-banner__pretitle, .cta-slider .page-banner__slide.light-text .page-banner__subtitle { color: white; } .cta-slider .page-banner__slide.dark-text .page-banner__title, .cta-slider .page-banner__slide.dark-text .page-banner__pretitle, .cta-slider .page-banner__slide.dark-text .page-banner__subtitle { color: #333; } .cta-slider .page-banner__slide.dark-text .white-button a { border-color: #333; color: white; } .cta-slider .page-banner__slide.dark-text .white-button a:before { background-color: #333; } .cta-slider .page-banner__slide.dark-text .white-button a:hover { color: white; } .cta-slider .page-banner__slide .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .cta-slider .page-banner__slide .overlay.dark-overlay { background-color: rgba(0, 0, 0, 0.5); } .cta-slider .page-banner__slide .overlay.light-overlay { background-color: rgba(255, 255, 255, 0.6); } .cta-slider .page-banner__slide .left-arrow, .cta-slider .page-banner__slide .right-arrow { display: none !important; position: absolute; top: auto; bottom: 0; z-index: 100; opacity: 0.5; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); transition: all 300ms ease; } @media screen and (min-width: 900px) { .cta-slider .page-banner__slide .left-arrow, .cta-slider .page-banner__slide .right-arrow { display: block !important; top: 50%; bottom: auto; } } .cta-slider .page-banner__slide .left-arrow svg, .cta-slider .page-banner__slide .right-arrow svg { width: 50px; height: 50px; fill: white; } .cta-slider .page-banner__slide .left-arrow:hover, .cta-slider .page-banner__slide .right-arrow:hover { cursor: pointer; opacity: 1; } .cta-slider .page-banner__slide .left-arrow { left: 0px; } .cta-slider .page-banner__slide .left-arrow svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .cta-slider .page-banner__slide .right-arrow { right: 0px; } .cta-slider .page-banner-image { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .cta-slider.ken-burns div.slick-active .page-banner-image { -webkit-animation: myMove 8s 1 ease-out; -moz-animation: myMove 8s 1 ease-out; -o-animation: myMove 8s 1 ease-out; -ms-animation: myMove 8s 1 ease-out; animation: myMove 8s 1 ease-out; } .cta-slider.ken-burns.slick-slide[aria-hidden="true"] .page-banner-image { visibility: hidden; } @keyframes myMove { from { transform: scale(1.1, 1.1); transform-origin: 50% 50%; } to { transform: scale(1, 1); transform-origin: 50% 0%; } } @-webkit-keyframes myMove { from { -webkit-transform: scale(1.1, 1.1); -webkit-transform-origin: 50% 50%; } to { -webkit-transform: scale(1, 1); -webkit-transform-origin: 50% 0%; } } @-o-keyframes myMove { from { -o-transform: scale(1.1, 1.1); -o-transform-origin: 50% 50%; } to { -o-transform: scale(1, 1); -o-transform-origin: 50% 0%; } } @-moz-keyframes myMove { from { -moz-transform: scale(1.1, 1.1); -moz-transform-origin: 50% 50%; } to { -moz-transform: scale(1, 1); -moz-transform-origin: 50% 0%; } } @-ms-keyframes myMove { from { -ms-transform: scale(1.1, 1.1); -ms-transform-origin: 50% 50%; } to { -ms-transform: scale(1, 1); -ms-transform-origin: 50% 0%; } } .boxes-section { position: relative; text-align: center; } .boxes-section .text-white { color: white; } .boxes-section .boxes { display: flex; flex-direction: column; gap: 2rem; } @media screen and (min-width: 600px) { .boxes-section .boxes { flex-direction: row; flex-wrap: wrap; justify-content: center; } } .boxes-section .box { display: flex; flex-direction: column; justify-content: center; padding: 2.375rem; position: relative; overflow: hidden; transition: all ease 300ms; flex: 1; width: 100%; min-height: 210px; } @media screen and (min-width: 600px) { .boxes-section .box { max-width: calc(50% - calc(2rem/2*1)); flex-basis: calc(50% - calc(2rem/2*1)); } } @media screen and (min-width: 900px) { .boxes-section .box { max-width: calc(25% - calc(2rem/4*3)); flex-basis: calc(25% - calc(2rem/4*3)); } } .boxes-section .box .bg-image { object-fit: cover; min-height: 100%; min-width: 100%; opacity: 0.2; position: absolute; left: 0; } .boxes-section .box .box-info { z-index: 400; } .boxes-section .box.box-type-icon { align-items: center; text-align: center; } .boxes-section .box.linked:not(.has-button):hover { transform: scale(1.03); } .boxes-section .icon-wrap img { height: auto; max-width: 5rem; } .boxes-section .box-title { font-size: 1.375rem; font-weight: bold; } .boxes-section .fake-button { font-size: 0.875rem; } .boxes-section .fake-button span { padding: 0.8em 2em; } .boxes-section .button-wrap { display: flex; flex-wrap: wrap; gap: 1.125rem; align-items: center; justify-content: center; } .mb0 { margin-bottom: 0; } .smallmt { margin-top: 0.75em; } .basemt { margin-top: 1.5em; } .smallmb { margin-bottom: 0.75em; } .basemb { margin-bottom: 1.5em; } /** * Pages */ .page-template-template-cma .site-header .site-title > a { background-image: url("assets/images/cma-logo.png") !important; } .page-template-template-cma .site-header .widget-area { display: none; } .page-template-template-cma .site-header .cma-menu { display: none; } @media screen and (min-width: 900px) { .page-template-template-cma .site-header .cma-menu { display: block; width: 80%; text-align: right; } } .page-template-template-cma .footer-widgets { padding-top: 2rem; } .page-template-template-cma .footer-widgets .widget-area { display: none; } .page-template-template-cma .footer-widgets .widget-area.footer-widgets-5 { display: block; margin-top: 0; padding: 0; border: none; } .page-template-template-choice .site-header .site-title > a { background-image: url("assets/images/career-choice-logo-horz.png") !important; } .page-template-template-choice .site-header .widget-area { display: none; } .page-template-template-choice .site-header .choice-menu { display: none; } @media screen and (min-width: 900px) { .page-template-template-choice .site-header .choice-menu { display: block; width: 80%; text-align: right; } } .page-template-template-choice .footer-widgets { padding-top: 2rem; } .page-template-template-choice .footer-widgets .widget-area { display: none; } .page-template-template-choice .footer-widgets .widget-area.footer-widgets-5 { display: block; margin-top: 0; padding: 0; border: none; } /*# sourceMappingURL=assets/maps/style.css.map */