/* CSS Document */
/* Change media query settings in framework/_settings.scss */
/* Neutrals */
/* System */
/* Branding */
/* Variables */
/* Fonts */
/* Tees */
/* Event Categories */
/* competition */
/* juniors */
/* social */
/* womens */
/* Transitions */
a {
transition: all 0.3s ease; }
html {
box-sizing: border-box; }
*, *::after, *::before {
box-sizing: inherit; }
/* Mixins */
/* Mixins */
/* Layout */
/* Sidebar */
/* Text */
/* Buttons */
/* Tables */
/* Posts */
/* Four Posts Layout overrides */
/* Gravity Forms */
/* Gallery Rows */
/* Layout */
#mfPreviewBar {
display: none; }
#npMenuJQ {
height: 39px; }
/**, *:focus, *:hover {
outline: none;
}*/
html,
body {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 28px;
font-family: "Oxygen", sans-serif;
color: #404040;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none; }
@media screen and (max-width: 1024px) {
html,
body {
font-size: 16px;
line-height: 24px; } }
::-webkit-input-placeholder {
opacity: 1;
color: #404040; }
body {
position: relative; }
/* Containers */
.container {
width: 75%;
margin: 0 auto;
overflow: hidden;
padding: 100px 0; }
@media screen and (max-width: 1600px) {
.container {
width: 90%; } }
@media screen and (max-width: 1440px) {
.container {
padding: 80px 0; } }
@media screen and (max-width: 1024px) {
.container {
padding: 50px 0; } }
@media screen and (max-width: 820px) {
.container {
padding: 40px 0; } }
.container p:last-of-type {
margin-bottom: 0; }
.box {
width: 1434px;
margin: 0 auto; }
@media screen and (max-width: 1600px) {
.box {
width: 90%; } }
.col.half {
width: 50%; }
@media screen and (max-width: 820px) {
.col.half {
width: 100%; } }
.clear {
clear: both; }
.left {
float: left; }
.right {
float: right; }
.alignleft,
.alignright {
width: 60%;
height: auto; }
@media screen and (max-width: 640px) {
.alignleft.size-full,
.alignright.size-full {
width: 100%;
margin: 0 auto 20px !important; } }
.alignleft.size-large,
.alignright.size-large {
width: 50%; }
@media screen and (max-width: 640px) {
.alignleft.size-large,
.alignright.size-large {
width: 100%;
margin: 0 auto 20px !important; } }
.alignleft.size-medium,
.alignright.size-medium {
width: 40%; }
@media screen and (max-width: 1200px) {
.alignleft.size-medium,
.alignright.size-medium {
width: 45%; } }
@media screen and (max-width: 640px) {
.alignleft.size-medium,
.alignright.size-medium {
width: 100%;
margin: 0 auto 20px !important; } }
.alignleft.size-thumbnail,
.alignright.size-thumbnail {
width: 20%; }
@media screen and (max-width: 1200px) {
.alignleft.size-thumbnail,
.alignright.size-thumbnail {
width: 270px; } }
@media screen and (max-width: 640px) {
.alignleft.size-thumbnail,
.alignright.size-thumbnail {
width: 200px; } }
.alignleft.block,
.alignright.block {
width: 25% !important;
height: auto;
box-shadow: 40px 40px 0px #c4a674;
margin: -40px 40px 40px 12.5% !important; }
@media screen and (max-width: 1440px) {
.alignleft.block,
.alignright.block {
margin: -40px 40px 40px 10% !important; } }
@media screen and (max-width: 1200px) {
.alignleft.block,
.alignright.block {
width: 30% !important;
margin: -40px 40px 40px 5% !important; } }
@media screen and (max-width: 1024px) {
.alignleft.block,
.alignright.block {
margin: 0px 0px 40px 40px !important;
box-shadow: none; } }
@media screen and (max-width: 820px) {
.alignleft.block,
.alignright.block {
width: 50% !important;
margin: 8px 0 30px 30px !important;
box-shadow: none; } }
@media screen and (max-width: 480px) {
.alignleft.block,
.alignright.block {
width: 100% !important;
margin: 0 0 30px !important; } }
.alignleft {
float: left;
margin: 10px 50px 30px 0; }
@media screen and (max-width: 1200px) {
.alignleft {
margin: 10px 40px 30px 0; } }
@media screen and (max-width: 640px) {
.alignleft {
margin: 10px 30px 30px 0; } }
.alignright {
float: right;
margin: 10px 0 30px 50px; }
@media screen and (max-width: 1200px) {
.alignright {
margin: 10px 0 30px 40px; } }
@media screen and (max-width: 640px) {
.alignright {
margin: 10px 0 30px 30px; } }
.alignnone.size-medium {
width: 75%;
height: auto; }
.page-template-page-sidebar .alignnone.size-medium {
width: 66.667%;
height: auto;
margin: 24px 0 0; }
@media screen and (max-width: 1600px) {
.page-template-page-sidebar .alignnone.size-medium {
width: 97.5%; } }
@media screen and (max-width: 820px) {
.page-template-page-sidebar .alignnone.size-medium {
width: 100%; } }
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Merriweather", serif;
font-weight: 400; }
h1 {
font-size: 40px;
line-height: 48px;
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
h1 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
h1 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
h2 {
font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 0 30px; }
@media screen and (max-width: 820px) {
h2 {
font-size: 24px;
margin: 0 0 20px; } }
h3,
h4 {
font-size: 24px;
margin: 0 0 30px; }
h5,
h6 {
font-size: 16px;
margin: 0 0 10px; }
p {
margin: 0 0 30px; }
@media screen and (max-width: 1024px) {
p {
margin: 0 0 20px; } }
p:last-of-type {
margin-bottom: 0 !important; }
p:last-of-type + ul {
padding-top: 30px; }
@media screen and (max-width: 1024px) {
p:last-of-type + ul {
padding-top: 20px; } }
p a {
text-decoration: underline;
color: #404040; }
p a:hover {
text-decoration: none; }
p.larger {
font-size: 22px;
line-height: 30px;
margin-bottom: 30px; }
@media screen and (max-width: 1024px) {
p.larger {
margin: 0 0 20px; } }
p.larger a {
text-decoration: none; }
@media screen and (max-width: 1024px) {
p.larger {
font-size: 18px; } }
p.intro {
font-size: 22px;
line-height: 32px;
font-weight: 600;
margin-bottom: 30px !important; }
@media screen and (max-width: 1024px) {
p.intro {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px !important; } }
p + h2,
p + h3,
p + h4,
p + p.larger {
padding-top: 20px; }
@media screen and (max-width: 820px) {
p + h2,
p + h3,
p + h4,
p + p.larger {
padding-top: 10px; } }
.download-link {
text-decoration: underline;
color: #404040; }
.download-link:hover {
text-decoration: none; }
strong {
font-weight: 600; }
blockquote {
background: #0498f0;
margin: 0;
padding: 40px;
height: 100%;
display: flex;
-webkit-box-align: center;
align-items: center;
justify-content: center; }
blockquote p {
margin: 0;
text-align: center; }
.light {
color: #cccccc; }
.light.btn {
border: 2px solid #cccccc;
background: transparent; }
.white-text {
color: #ffffff; }
table.stats {
width: 100%;
background: #0498f0; }
table.stats tr th.holes {
width: 20%; }
table.stats tr th.mens {
width: 40%;
text-align: left;
padding: 5px 20px; }
table.stats tr th.womens {
width: 40%;
text-align: left;
padding: 5px 20px; }
table.stats tr td {
padding: 5px;
line-height: 16px;
font-size: 16px; }
table.stats tr td.metres {
text-align: left; }
table.stats tr td.par {
text-align: left; }
table.stats tr td:first-child {
width: 20%;
padding: 5px 0px 5px 20px; }
table.stats tr td:nth-of-type(5n+2) {
width: 20%;
padding: 5px 20px; }
table.stats tr td:nth-of-type(5n+3) {
width: 20%;
padding: 5px 0px 5px 0px; }
table.stats tr td:nth-of-type(5n+4) {
width: 20%;
padding: 5px 20px; }
table.stats tr td:nth-of-type(5n+5) {
width: 20%;
padding: 5px 20px 5px 0px; }
table.stats tr td a {
color: #c4a674;
text-decoration: none; }
/* Buttons */
a.btn {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
a.btn {
font-size: 13px;
padding: 10px 15px; } }
a.btn:hover {
transition: all 0.3s ease;
background: #c4a674;
border: 1px solid #c4a674; }
a.arrow {
background: transparent;
color: #101010;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1.5px;
padding: 0 20px 0 0;
position: relative;
transition: all 0.3s ease;
border: 0 !important; }
a.arrow i {
top: 47%;
margin-top: 0px;
width: 10px;
height: 2px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
border-radius: 1px;
background-color: #101010;
display: block;
position: absolute;
float: right;
left: 102%;
transition: all 0.3s ease; }
@media screen and (max-width: 820px) {
a.arrow i {
height: 2px;
border-radius: 2px; } }
a.arrow i:before, a.arrow i:after {
position: absolute;
width: 8px;
height: 1px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
border-radius: 1px;
display: block;
content: "";
background-color: #101010; }
@media screen and (max-width: 820px) {
a.arrow i:before, a.arrow i:after {
height: 2px;
border-radius: 2px; } }
a.arrow i:before {
top: -1px;
transform: translate3d(6px, 0, 0) rotate(45deg) scaleX(0.7); }
a.arrow i:after {
bottom: -1px;
transform: translate3d(6px, 0, 0) rotate(135deg) scaleX(0.7); }
a.arrow:hover {
opacity: 1;
background: transparent; }
a.arrow:hover i {
left: 92%;
transition: all 0.3s ease;
opacity: 1; }
input[type=text] {
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #2b2c30;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 10px !important;
height: 36px;
letter-spacing: 0.5px; }
.gform_wrapper {
margin: 0 auto !important; }
@media screen and (max-width: 640px) {
.gform_wrapper form .gform_body ul.gform_fields li {
padding-right: 0 !important; } }
.gform_wrapper form .gform_body ul .gfield {
margin-top: 0;
margin-bottom: 25px !important; }
@media screen and (max-width: 640px) {
.gform_wrapper form .gform_body ul .gfield {
padding-right: 0 !important; } }
.gform_wrapper form .gform_body ul .gfield .ginput_container {
margin-top: 0; }
@media screen and (max-width: 820px) {
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name, .gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix {
display: flex; } }
@media screen and (max-width: 480px) {
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name, .gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix {
display: block; } }
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name .name_first,
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name .name_last, .gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix .name_first,
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix .name_last {
padding-right: 0;
margin-right: 0;
width: 48%;
float: left; }
@media screen and (max-width: 820px) {
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name .name_first,
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name .name_last, .gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix .name_first,
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix .name_last {
margin-bottom: 0; } }
@media screen and (max-width: 480px) {
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name .name_first,
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name .name_last, .gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix .name_first,
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix .name_last {
width: 100%;
float: none; } }
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name .name_last, .gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix .name_last {
margin-left: 4%;
margin-right: 0;
float: right; }
@media screen and (max-width: 480px) {
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name .name_last, .gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix .name_last {
width: 100%;
margin-left: 0;
margin-top: 10px;
float: none; } }
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_middle_name label, .gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_name.no_prefix label {
margin-bottom: 0; }
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_select select {
border: 1px solid #2b2c30;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 0 10px !important;
height: 36px;
width: calc(100% - 1px); }
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_textarea {
width: 100%;
padding-right: 0; }
.gform_wrapper form .gform_body ul .gfield .ginput_container.ginput_container_textarea textarea.textarea.medium {
width: 100%;
padding: 10px;
border: none;
font-family: "Oxygen", sans-serif; }
.gform_wrapper form .gform_body ul .gfield label.gfield_label {
color: #404040;
display: block;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0 0 5px; }
.gform_wrapper form .gform_body ul .gfield input[type=text] {
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #2b2c30;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 10px !important;
height: 36px;
letter-spacing: 0.5px; }
.gform_wrapper form .gform_body ul .gfield.left, .gform_wrapper form .gform_body ul .gfield.right {
width: 48%;
clear: none;
overflow: hidden;
padding-right: 0; }
@media screen and (max-width: 640px) {
.gform_wrapper form .gform_body ul .gfield.left, .gform_wrapper form .gform_body ul .gfield.right {
padding-right: 0 !important; } }
@media screen and (max-width: 480px) {
.gform_wrapper form .gform_body ul .gfield.left, .gform_wrapper form .gform_body ul .gfield.right {
width: 100%;
float: none; } }
.gform_wrapper form .gform_body ul .gfield.left input, .gform_wrapper form .gform_body ul .gfield.right input {
width: 100%;
border: none; }
.gform_wrapper form .gform_body ul .gfield.left {
float: left; }
.gform_wrapper form .gform_body ul .gfield.right {
float: right; }
.gform_wrapper form .gform_body ul .gfield.full-name {
padding-right: 0 !important;
overflow: hidden; }
.gform_wrapper form .gform_body ul .gfield.full-name .ginput_container {
width: 100% !important; }
.gform_wrapper form .gform_body ul .gfield.full, .gform_wrapper form .gform_body ul .gfield.full-width {
width: 100%;
clear: both;
overflow: hidden;
padding-right: 0; }
.gform_wrapper form .gform_footer {
margin: 0;
padding: 0; }
.gform_wrapper form .gform_footer input[type=submit] {
-webkit-appearance: none;
border-radius: 0;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
height: 38px; }
@media screen and (max-width: 820px) {
.gform_wrapper form .gform_footer input[type=submit] {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.gform_wrapper form .gform_footer input[type=submit] {
height: auto; } }
.gform_wrapper form .gform_footer input[type=submit]:hover {
background: #c4a674;
transition: all 0.3s ease;
border: 1px solid #c4a674;
cursor: pointer; }
/* PDFs and files/documents */
p .fa.fa-file-pdf-o {
padding-right: 10px;
font-size: 16px;
color: #0498f0; }
/* Removing the P tag styling around images in WP */
p.image {
display: inline; }
/* Banner */
#banner {
width: 100%;
height: 440px;
background-size: cover !important;
background-position: center;
background-repeat: no-repeat;
position: relative; }
@media screen and (max-width: 1200px) {
#banner {
height: 350px; } }
@media screen and (max-width: 1024px) {
#banner {
height: 300px; } }
@media screen and (max-width: 820px) {
#banner {
height: 250px; } }
@media screen and (max-width: 640px) {
#banner {
height: 200px;
background-position: center;
background-repeat: no-repeat; } }
#banner .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.25); }
#banner.accent-overlay {
background-color: #0498f0;
background-blend-mode: soft-light; }
#banner.accent-overlay .overlay {
background-color: rgba(107, 28, 56, 0.8); }
/* Main Content */
#main.solid-padding {
padding-top: 122px !important; }
@media screen and (max-width: 1440px) {
#main.solid-padding {
padding-top: 96px !important; } }
@media screen and (max-width: 820px) {
#main.solid-padding {
padding-top: 76px !important; } }
#main p + h2,
#main p + h3,
#main p + h4,
#main ul + h2,
#main ul + h3,
#main ul + h4 {
padding-top: 20px; }
#main ul,
#main ol {
margin: 0 0 30px; }
@media screen and (max-width: 1024px) {
#main ul,
#main ol {
margin: 0 0 20px; } }
#main ul li,
#main ol li {
margin-bottom: 5px; }
#main .icon-file-pdf {
padding-left: 10px; }
#main .light,
#main .white {
color: #ffffff; }
#main .light.btn,
#main .white.btn {
border: 2px solid #ffffff;
background: transparent; }
/* Home */
.page-template-template-home {
/* Social Icons */ }
.page-template-template-home #banner.home-screen {
height: 100vh;
background: #c4a674;
position: relative; }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen {
height: auto; } }
.page-template-template-home #banner.home-screen.banner h1 {
font-size: 60px;
line-height: 86px;
font-weight: 300;
margin: 0 auto 30px; }
@media screen and (max-width: 1024px) {
.page-template-template-home #banner.home-screen.banner h1 {
font-size: 40px;
line-height: 56px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.banner h1 {
font-size: 26px;
line-height: 36px;
margin: 0 auto 20px; } }
@media screen and (max-width: 640px) {
.page-template-template-home #banner.home-screen.banner h1 br {
display: none; } }
.page-template-template-home #banner.home-screen.banner p {
font-size: 22px;
line-height: 40px;
font-weight: 300;
letter-spacing: 1px;
margin: 0 auto; }
@media screen and (max-width: 1024px) {
.page-template-template-home #banner.home-screen.banner p {
font-size: 20px;
line-height: 30px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.banner p {
font-size: 18px;
line-height: 28px; } }
@media screen and (max-width: 640px) {
.page-template-template-home #banner.home-screen.banner p {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.banner p br {
display: none; } }
.page-template-template-home #banner.home-screen.banner .bg {
background-repeat: no-repeat;
background-size: cover;
height: 100%;
text-align: center;
color: #ffffff; }
@media screen and (max-width: 640px) {
.page-template-template-home #banner.home-screen.banner .bg {
height: auto; } }
.page-template-template-home #banner.home-screen.banner .bg .container {
width: 50%;
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 0 0 100px; }
@media screen and (max-width: 1600px) {
.page-template-template-home #banner.home-screen.banner .bg .container {
width: 90%; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.banner .bg .container {
top: auto;
transform: none;
padding-top: 120px;
padding-bottom: 40px; } }
@media screen and (max-width: 480px) {
.page-template-template-home #banner.home-screen.banner .bg .container {
padding: 120px 30px 40px; } }
.page-template-template-home #banner.home-screen.banner .overlay {
background: rgba(2, 2, 7, 0.45);
width: 100%;
height: 100%;
position: absolute; }
.page-template-template-home #banner.home-screen .call-out {
background: #ffffff;
position: absolute;
bottom: 0;
right: 0;
width: 25%;
padding: 50px; }
@media screen and (max-width: 1600px) {
.page-template-template-home #banner.home-screen .call-out {
width: 50%;
padding: 40px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen .call-out {
position: relative;
bottom: auto;
right: auto;
width: 100%;
padding: 40px 30px; } }
.page-template-template-home #banner.home-screen .call-out h2 {
font-size: 32px;
line-height: 46px;
font-weight: 300;
margin: 0 0 20px; }
@media screen and (max-width: 1600px) {
.page-template-template-home #banner.home-screen .call-out h2 {
font-size: 28px;
line-height: 40px;
font-weight: 300;
margin: 0 0 15px; } }
@media screen and (max-width: 1200px) {
.page-template-template-home #banner.home-screen .call-out h2 {
font-size: 26px;
line-height: 38px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen .call-out h2 {
font-size: 24px;
line-height: 36px; } }
@media screen and (max-width: 640px) {
.page-template-template-home #banner.home-screen .call-out h2 {
font-size: 24px;
line-height: 34px; } }
@media screen and (max-width: 1440px) {
.page-template-template-home #banner.home-screen .call-out h2 br {
display: none; } }
.page-template-template-home #banner.home-screen .call-out p {
font-size: 18px;
line-height: 32px;
margin: 0 0 40px;
font-weight: 300; }
@media screen and (max-width: 1440px) {
.page-template-template-home #banner.home-screen .call-out p {
font-size: 16px;
line-height: 26px;
margin: 0 0 30px; } }
@media screen and (max-width: 1024px) {
.page-template-template-home #banner.home-screen .call-out p {
font-size: 15px;
line-height: 22px;
margin: 0 0 25px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen .call-out p {
font-size: 18px;
line-height: 28px; } }
@media screen and (max-width: 640px) {
.page-template-template-home #banner.home-screen .call-out p {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.5px; } }
.page-template-template-home #banner.home-screen .call-out p {
margin-bottom: 25px; }
.page-template-template-home #banner.home-screen .call-out p a.btn {
font-size: 17px;
text-transform: uppercase;
line-height: 17px;
letter-spacing: 1px;
padding: 18px 30px;
font-weight: 400; }
@media screen and (max-width: 1024px) {
.page-template-template-home #banner.home-screen .call-out p a.btn {
padding: 15px 20px;
font-size: 15px;
line-height: 15px; } }
.page-template-template-home #banner.home-screen.video {
height: calc(100% + 39px); }
.page-template-template-home.logged-in-editor .home-screen {
height: calc(100vh - 39px); }
@media screen and (max-width: 820px) {
.page-template-template-home.logged-in-editor .home-screen {
height: auto; } }
.page-template-template-home #banner.home-screen.slider {
overflow: hidden;
width: 100%;
height: 100vh; }
@media screen and (max-width: 1200px) {
.page-template-template-home #banner.home-screen.slider {
height: auto; } }
.page-template-template-home #banner.home-screen.slider #home-slider {
overflow: hidden;
width: 100%;
height: 100vh;
position: relative;
margin-bottom: 0; }
@media screen and (max-width: 1200px) {
.page-template-template-home #banner.home-screen.slider #home-slider {
height: auto; } }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list {
width: 100%;
height: 100%; }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide {
width: 100%;
height: 100%; }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container {
width: 100%;
padding: 0 !important; }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay {
background: rgba(0, 0, 0, 0.25);
text-align: center;
width: 100%;
height: 100%;
display: flex; }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text {
position: relative;
align-self: center;
width: 100%;
padding: 0 25%;
left: auto;
right: auto;
text-align: center; }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text {
padding: 0 5%; } }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h1,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h2,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h3,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h4,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h5,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h6,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text p,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text a {
color: #ffffff; }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h1,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h2 {
font-size: 60px;
line-height: 86px;
font-weight: 300;
margin: 0 auto 30px; }
@media screen and (max-width: 1200px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h1,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h2 {
font-size: 40px;
line-height: 56px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h1,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h2 {
font-size: 26px;
line-height: 36px;
margin: 0 auto 20px; } }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h3,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h4,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h5,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h6 {
font-size: 32px;
line-height: 46px;
font-weight: 300;
margin: 0 0 20px; }
@media screen and (max-width: 1200px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h3,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h4,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h5,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h6 {
font-size: 28px;
line-height: 40px;
font-weight: 300;
margin: 0 0 15px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h3,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h4,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h5,
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text h6 {
font-size: 26px;
line-height: 38px; } }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text p {
font-size: 22px;
line-height: 40px;
font-weight: 300;
letter-spacing: 1px;
margin: 0 auto; }
@media screen and (max-width: 1200px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text p {
font-size: 20px;
line-height: 30px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text p {
font-size: 18px;
line-height: 28px; } }
@media screen and (max-width: 480px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container .overlay .slider-text p {
font-size: 16px;
line-height: 24px; } }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-list .slick-track .slide.slick-slide .container img {
width: 100vw;
height: 100vh;
object-fit: cover; }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-prev {
left: 20px;
z-index: 2; }
@media screen and (max-width: 480px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-prev {
display: none; } }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-next {
right: 20px;
z-index: 2; }
@media screen and (max-width: 480px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-next {
display: none; } }
.page-template-template-home #banner.home-screen.slider #home-slider a.btn {
margin-top: 40px;
border: 2px solid #ffffff;
background: transparent;
display: inline-block; }
.page-template-template-home #banner.home-screen.slider #home-slider a.btn:hover {
background: transparent;
opacity: 0.5;
transition: all 0.3s ease; }
.page-template-template-home #social {
position: fixed;
bottom: 50px; }
@media screen and (max-width: 1600px) {
.page-template-template-home #social {
position: fixed;
bottom: 50px;
left: 50px;
width: 50px; } }
@media screen and (max-width: 820px) {
.page-template-template-home #social {
position: absolute;
bottom: 90px;
left: 0;
width: 170px; } }
.page-template-template-home #social .fab {
margin-top: 20px;
font-size: 20px;
padding-left: 0px;
opacity: 1;
transition: all 0.3s ease;
display: block;
text-shadow: 0px 0px 4px #000000; }
@media screen and (max-width: 1600px) {
.page-template-template-home #social .fab {
margin-top: 20px;
padding-right: 0px;
float: none; } }
@media screen and (max-width: 820px) {
.page-template-template-home #social .fab {
padding-left: 20px; } }
.page-template-template-home #social.shrink {
position: fixed;
bottom: 150px; }
@media screen and (max-width: 1600px) {
.page-template-template-home #social.shrink {
position: absolute;
bottom: 90px;
left: 5%;
width: 20%; } }
@media screen and (max-width: 820px) {
.page-template-template-home #social.shrink {
position: absolute;
bottom: 90px;
left: 0;
width: 115px; } }
@media screen and (max-width: 1600px) {
.page-template-template-home #social.shrink .fab {
margin-top: 0;
padding-right: 20px;
float: left; } }
.page-template-template-home #home-slider {
overflow: hidden; }
/* Sidebar Template */
.page-template-page-sidebar .section,
.single-course .section,
.single .section,
.page-template-page-business-directory .section,
.page-template-page-intranet .section,
.page-template-page-archive-posts .section {
overflow: visible; }
.page-template-page-sidebar #main .container,
.single-course #main .container,
.single #main .container,
.page-template-page-business-directory #main .container,
.page-template-page-intranet #main .container,
.page-template-page-archive-posts #main .container {
display: flex;
flex-direction: row-reverse;
overflow: visible; }
@media screen and (max-width: 820px) {
.page-template-page-sidebar #main .container,
.single-course #main .container,
.single #main .container,
.page-template-page-business-directory #main .container,
.page-template-page-intranet #main .container,
.page-template-page-archive-posts #main .container {
display: block;
width: 100%;
padding: 0; } }
.page-template-page-sidebar #main .container .content,
.single-course #main .container .content,
.single #main .container .content,
.page-template-page-business-directory #main .container .content,
.page-template-page-intranet #main .container .content,
.page-template-page-archive-posts #main .container .content {
width: 75%; }
@media screen and (max-width: 1600px) {
.page-template-page-sidebar #main .container .content,
.single-course #main .container .content,
.single #main .container .content,
.page-template-page-business-directory #main .container .content,
.page-template-page-intranet #main .container .content,
.page-template-page-archive-posts #main .container .content {
width: 70%; } }
@media screen and (max-width: 1200px) {
.page-template-page-sidebar #main .container .content,
.single-course #main .container .content,
.single #main .container .content,
.page-template-page-business-directory #main .container .content,
.page-template-page-intranet #main .container .content,
.page-template-page-archive-posts #main .container .content {
width: 65%; } }
@media screen and (max-width: 1024px) {
.page-template-page-sidebar #main .container .content,
.single-course #main .container .content,
.single #main .container .content,
.page-template-page-business-directory #main .container .content,
.page-template-page-intranet #main .container .content,
.page-template-page-archive-posts #main .container .content {
width: 60%; } }
@media screen and (max-width: 820px) {
.page-template-page-sidebar #main .container .content,
.single-course #main .container .content,
.single #main .container .content,
.page-template-page-business-directory #main .container .content,
.page-template-page-intranet #main .container .content,
.page-template-page-archive-posts #main .container .content {
width: 100%;
padding: 40px 5%; } }
.page-template-page-sidebar #main .container .sidebar,
.single-course #main .container .sidebar,
.single #main .container .sidebar,
.page-template-page-business-directory #main .container .sidebar,
.page-template-page-intranet #main .container .sidebar,
.page-template-page-archive-posts #main .container .sidebar {
width: 25%;
position: absolute;
left: 0;
top: -100px;
background-color: #0498f0 !important;
padding: 50px;
background: #c4a674;
color: #ffffff; }
@media screen and (max-width: 1440px) {
.page-template-page-sidebar #main .container .sidebar h2,
.single-course #main .container .sidebar h2,
.single #main .container .sidebar h2,
.page-template-page-business-directory #main .container .sidebar h2,
.page-template-page-intranet #main .container .sidebar h2,
.page-template-page-archive-posts #main .container .sidebar h2 {
font-size: 26px;
line-height: 26px; } }
@media screen and (max-width: 820px) {
.page-template-page-sidebar #main .container .sidebar h2,
.single-course #main .container .sidebar h2,
.single #main .container .sidebar h2,
.page-template-page-business-directory #main .container .sidebar h2,
.page-template-page-intranet #main .container .sidebar h2,
.page-template-page-archive-posts #main .container .sidebar h2 {
font-size: 24px;
margin: 0 0 20px; } }
.page-template-page-sidebar #main .container .sidebar ul,
.single-course #main .container .sidebar ul,
.single #main .container .sidebar ul,
.page-template-page-business-directory #main .container .sidebar ul,
.page-template-page-intranet #main .container .sidebar ul,
.page-template-page-archive-posts #main .container .sidebar ul {
margin: 0;
padding: 0; }
.page-template-page-sidebar #main .container .sidebar ul li,
.single-course #main .container .sidebar ul li,
.single #main .container .sidebar ul li,
.page-template-page-business-directory #main .container .sidebar ul li,
.page-template-page-intranet #main .container .sidebar ul li,
.page-template-page-archive-posts #main .container .sidebar ul li {
list-style: none; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu,
.single-course #main .container .sidebar ul li ul.sub-menu,
.single #main .container .sidebar ul li ul.sub-menu,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu {
border-top: 1px solid #c4a674; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu li,
.single-course #main .container .sidebar ul li ul.sub-menu li,
.single #main .container .sidebar ul li ul.sub-menu li,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu li,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu li,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu li {
list-style: none;
padding: 5px 0;
border-bottom: 1px solid #c4a674;
transition: all 0.3s ease; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu li a,
.single-course #main .container .sidebar ul li ul.sub-menu li a,
.single #main .container .sidebar ul li ul.sub-menu li a,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu li a,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu li a,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu li a {
color: #404040;
text-decoration: none;
transition: all 0.3s ease;
opacity: 1; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu li:hover,
.single-course #main .container .sidebar ul li ul.sub-menu li:hover,
.single #main .container .sidebar ul li ul.sub-menu li:hover,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu li:hover,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu li:hover,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu li:hover {
padding-left: 10px; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu li:hover a,
.single-course #main .container .sidebar ul li ul.sub-menu li:hover a,
.single #main .container .sidebar ul li ul.sub-menu li:hover a,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu li:hover a,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu li:hover a,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu li:hover a {
transition: all 0.3s ease;
opacity: 0.9; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu li.current-menu-item .fa,
.single-course #main .container .sidebar ul li ul.sub-menu li.current-menu-item .fa,
.single #main .container .sidebar ul li ul.sub-menu li.current-menu-item .fa,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu li.current-menu-item .fa,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu li.current-menu-item .fa,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu li.current-menu-item .fa {
font-weight: 700;
font-size: 18px; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu li.current-menu-item a,
.single-course #main .container .sidebar ul li ul.sub-menu li.current-menu-item a,
.single #main .container .sidebar ul li ul.sub-menu li.current-menu-item a,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu li.current-menu-item a,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu li.current-menu-item a,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu li.current-menu-item a {
padding-left: 10px;
text-decoration: none;
font-weight: 700; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover,
.single-course #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover,
.single #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover {
padding-left: 5px; }
.page-template-page-sidebar #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover a,
.single-course #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover a,
.single #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover a,
.page-template-page-business-directory #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover a,
.page-template-page-intranet #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover a,
.page-template-page-archive-posts #main .container .sidebar ul li ul.sub-menu li.current-menu-item:hover a {
opacity: 0.9;
padding-left: 10px; }
.page-template-page-sidebar #main .container .sidebar .sidebar-container,
.single-course #main .container .sidebar .sidebar-container,
.single #main .container .sidebar .sidebar-container,
.page-template-page-business-directory #main .container .sidebar .sidebar-container,
.page-template-page-intranet #main .container .sidebar .sidebar-container,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container {
padding: 40px 0 0; }
.page-template-page-sidebar #main .container .sidebar .sidebar-container h2,
.page-template-page-sidebar #main .container .sidebar .sidebar-container h3,
.single-course #main .container .sidebar .sidebar-container h2,
.single-course #main .container .sidebar .sidebar-container h3,
.single #main .container .sidebar .sidebar-container h2,
.single #main .container .sidebar .sidebar-container h3,
.page-template-page-business-directory #main .container .sidebar .sidebar-container h2,
.page-template-page-business-directory #main .container .sidebar .sidebar-container h3,
.page-template-page-intranet #main .container .sidebar .sidebar-container h2,
.page-template-page-intranet #main .container .sidebar .sidebar-container h3,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container h2,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container h3 {
font-size: 24px;
line-height: 24px;
margin: 0 0 20px; }
@media screen and (max-width: 1440px) {
.page-template-page-sidebar #main .container .sidebar .sidebar-container h2,
.page-template-page-sidebar #main .container .sidebar .sidebar-container h3,
.single-course #main .container .sidebar .sidebar-container h2,
.single-course #main .container .sidebar .sidebar-container h3,
.single #main .container .sidebar .sidebar-container h2,
.single #main .container .sidebar .sidebar-container h3,
.page-template-page-business-directory #main .container .sidebar .sidebar-container h2,
.page-template-page-business-directory #main .container .sidebar .sidebar-container h3,
.page-template-page-intranet #main .container .sidebar .sidebar-container h2,
.page-template-page-intranet #main .container .sidebar .sidebar-container h3,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container h2,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container h3 {
font-size: 22px;
line-height: 22px; } }
@media screen and (max-width: 820px) {
.page-template-page-sidebar #main .container .sidebar .sidebar-container h2,
.page-template-page-sidebar #main .container .sidebar .sidebar-container h3,
.single-course #main .container .sidebar .sidebar-container h2,
.single-course #main .container .sidebar .sidebar-container h3,
.single #main .container .sidebar .sidebar-container h2,
.single #main .container .sidebar .sidebar-container h3,
.page-template-page-business-directory #main .container .sidebar .sidebar-container h2,
.page-template-page-business-directory #main .container .sidebar .sidebar-container h3,
.page-template-page-intranet #main .container .sidebar .sidebar-container h2,
.page-template-page-intranet #main .container .sidebar .sidebar-container h3,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container h2,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container h3 {
font-size: 20px;
line-height: 20px; } }
.page-template-page-sidebar #main .container .sidebar .sidebar-container p,
.single-course #main .container .sidebar .sidebar-container p,
.single #main .container .sidebar .sidebar-container p,
.page-template-page-business-directory #main .container .sidebar .sidebar-container p,
.page-template-page-intranet #main .container .sidebar .sidebar-container p,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container p {
font-size: 16px;
line-height: 24px;
margin: 0 0 20px; }
@media screen and (max-width: 820px) {
.page-template-page-sidebar #main .container .sidebar .sidebar-container p,
.single-course #main .container .sidebar .sidebar-container p,
.single #main .container .sidebar .sidebar-container p,
.page-template-page-business-directory #main .container .sidebar .sidebar-container p,
.page-template-page-intranet #main .container .sidebar .sidebar-container p,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container p {
margin: 0 0 10px; } }
.page-template-page-sidebar #main .container .sidebar .sidebar-container .contact,
.single-course #main .container .sidebar .sidebar-container .contact,
.single #main .container .sidebar .sidebar-container .contact,
.page-template-page-business-directory #main .container .sidebar .sidebar-container .contact,
.page-template-page-intranet #main .container .sidebar .sidebar-container .contact,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container .contact {
padding: 40px 0 0; }
.page-template-page-sidebar #main .container .sidebar .sidebar-container .contact .fa,
.single-course #main .container .sidebar .sidebar-container .contact .fa,
.single #main .container .sidebar .sidebar-container .contact .fa,
.page-template-page-business-directory #main .container .sidebar .sidebar-container .contact .fa,
.page-template-page-intranet #main .container .sidebar .sidebar-container .contact .fa,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container .contact .fa {
margin-right: 10px; }
.page-template-page-sidebar #main .container .sidebar .sidebar-container .contact p,
.single-course #main .container .sidebar .sidebar-container .contact p,
.single #main .container .sidebar .sidebar-container .contact p,
.page-template-page-business-directory #main .container .sidebar .sidebar-container .contact p,
.page-template-page-intranet #main .container .sidebar .sidebar-container .contact p,
.page-template-page-archive-posts #main .container .sidebar .sidebar-container .contact p {
margin-bottom: 5px; }
.page-template-page-sidebar #main .container .sidebar .hole-stats,
.single-course #main .container .sidebar .hole-stats,
.single #main .container .sidebar .hole-stats,
.page-template-page-business-directory #main .container .sidebar .hole-stats,
.page-template-page-intranet #main .container .sidebar .hole-stats,
.page-template-page-archive-posts #main .container .sidebar .hole-stats {
overflow: hidden; }
.page-template-page-sidebar #main .container .sidebar .hole-stats p,
.single-course #main .container .sidebar .hole-stats p,
.single #main .container .sidebar .hole-stats p,
.page-template-page-business-directory #main .container .sidebar .hole-stats p,
.page-template-page-intranet #main .container .sidebar .hole-stats p,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p {
margin-bottom: 5px;
overflow: hidden;
display: flex; }
@media screen and (max-width: 1600px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats p,
.single-course #main .container .sidebar .hole-stats p,
.single #main .container .sidebar .hole-stats p,
.page-template-page-business-directory #main .container .sidebar .hole-stats p,
.page-template-page-intranet #main .container .sidebar .hole-stats p,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p {
display: block; } }
@media screen and (max-width: 1024px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats p,
.single-course #main .container .sidebar .hole-stats p,
.single #main .container .sidebar .hole-stats p,
.page-template-page-business-directory #main .container .sidebar .hole-stats p,
.page-template-page-intranet #main .container .sidebar .hole-stats p,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p {
display: flex; } }
.page-template-page-sidebar #main .container .sidebar .hole-stats p strong,
.single-course #main .container .sidebar .hole-stats p strong,
.single #main .container .sidebar .hole-stats p strong,
.page-template-page-business-directory #main .container .sidebar .hole-stats p strong,
.page-template-page-intranet #main .container .sidebar .hole-stats p strong,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p strong {
width: 150px;
display: block; }
@media screen and (max-width: 1600px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats p strong,
.single-course #main .container .sidebar .hole-stats p strong,
.single #main .container .sidebar .hole-stats p strong,
.page-template-page-business-directory #main .container .sidebar .hole-stats p strong,
.page-template-page-intranet #main .container .sidebar .hole-stats p strong,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p strong {
width: 100%;
float: none; } }
@media screen and (max-width: 1024px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats p strong,
.single-course #main .container .sidebar .hole-stats p strong,
.single #main .container .sidebar .hole-stats p strong,
.page-template-page-business-directory #main .container .sidebar .hole-stats p strong,
.page-template-page-intranet #main .container .sidebar .hole-stats p strong,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p strong {
width: 40%; } }
.page-template-page-sidebar #main .container .sidebar .hole-stats p .par,
.page-template-page-sidebar #main .container .sidebar .hole-stats p .length,
.page-template-page-sidebar #main .container .sidebar .hole-stats p .index,
.single-course #main .container .sidebar .hole-stats p .par,
.single-course #main .container .sidebar .hole-stats p .length,
.single-course #main .container .sidebar .hole-stats p .index,
.single #main .container .sidebar .hole-stats p .par,
.single #main .container .sidebar .hole-stats p .length,
.single #main .container .sidebar .hole-stats p .index,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .par,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .length,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .index,
.page-template-page-intranet #main .container .sidebar .hole-stats p .par,
.page-template-page-intranet #main .container .sidebar .hole-stats p .length,
.page-template-page-intranet #main .container .sidebar .hole-stats p .index,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .par,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .length,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .index {
padding-right: 20px;
width: 80px;
display: block; }
@media screen and (max-width: 1600px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats p .par,
.page-template-page-sidebar #main .container .sidebar .hole-stats p .length,
.page-template-page-sidebar #main .container .sidebar .hole-stats p .index,
.single-course #main .container .sidebar .hole-stats p .par,
.single-course #main .container .sidebar .hole-stats p .length,
.single-course #main .container .sidebar .hole-stats p .index,
.single #main .container .sidebar .hole-stats p .par,
.single #main .container .sidebar .hole-stats p .length,
.single #main .container .sidebar .hole-stats p .index,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .par,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .length,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .index,
.page-template-page-intranet #main .container .sidebar .hole-stats p .par,
.page-template-page-intranet #main .container .sidebar .hole-stats p .length,
.page-template-page-intranet #main .container .sidebar .hole-stats p .index,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .par,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .length,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .index {
width: 45%;
float: left;
padding-right: 0;
padding-bottom: 5px; } }
@media screen and (max-width: 1024px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats p .par,
.page-template-page-sidebar #main .container .sidebar .hole-stats p .length,
.page-template-page-sidebar #main .container .sidebar .hole-stats p .index,
.single-course #main .container .sidebar .hole-stats p .par,
.single-course #main .container .sidebar .hole-stats p .length,
.single-course #main .container .sidebar .hole-stats p .index,
.single #main .container .sidebar .hole-stats p .par,
.single #main .container .sidebar .hole-stats p .length,
.single #main .container .sidebar .hole-stats p .index,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .par,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .length,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .index,
.page-template-page-intranet #main .container .sidebar .hole-stats p .par,
.page-template-page-intranet #main .container .sidebar .hole-stats p .length,
.page-template-page-intranet #main .container .sidebar .hole-stats p .index,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .par,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .length,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .index {
width: 25%;
float: none;
padding-bottom: 0; } }
.page-template-page-sidebar #main .container .sidebar .hole-stats p .index,
.single-course #main .container .sidebar .hole-stats p .index,
.single #main .container .sidebar .hole-stats p .index,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .index,
.page-template-page-intranet #main .container .sidebar .hole-stats p .index,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .index {
width: 20px;
padding-right: 0; }
@media screen and (max-width: 1600px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats p .index,
.single-course #main .container .sidebar .hole-stats p .index,
.single #main .container .sidebar .hole-stats p .index,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .index,
.page-template-page-intranet #main .container .sidebar .hole-stats p .index,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .index {
width: 10%; } }
@media screen and (max-width: 1024px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats p .index,
.single-course #main .container .sidebar .hole-stats p .index,
.single #main .container .sidebar .hole-stats p .index,
.page-template-page-business-directory #main .container .sidebar .hole-stats p .index,
.page-template-page-intranet #main .container .sidebar .hole-stats p .index,
.page-template-page-archive-posts #main .container .sidebar .hole-stats p .index {
width: 10%; } }
.page-template-page-sidebar #main .container .sidebar .hole-stats .yellow,
.single-course #main .container .sidebar .hole-stats .yellow,
.single #main .container .sidebar .hole-stats .yellow,
.page-template-page-business-directory #main .container .sidebar .hole-stats .yellow,
.page-template-page-intranet #main .container .sidebar .hole-stats .yellow,
.page-template-page-archive-posts #main .container .sidebar .hole-stats .yellow {
display: none; }
.page-template-page-sidebar #main .container .sidebar .hole-stats .green strong,
.single-course #main .container .sidebar .hole-stats .green strong,
.single #main .container .sidebar .hole-stats .green strong,
.page-template-page-business-directory #main .container .sidebar .hole-stats .green strong,
.page-template-page-intranet #main .container .sidebar .hole-stats .green strong,
.page-template-page-archive-posts #main .container .sidebar .hole-stats .green strong {
height: 28px;
font-size: 0px; }
.page-template-page-sidebar #main .container .sidebar .hole-stats .green strong::after,
.single-course #main .container .sidebar .hole-stats .green strong::after,
.single #main .container .sidebar .hole-stats .green strong::after,
.page-template-page-business-directory #main .container .sidebar .hole-stats .green strong::after,
.page-template-page-intranet #main .container .sidebar .hole-stats .green strong::after,
.page-template-page-archive-posts #main .container .sidebar .hole-stats .green strong::after {
content: "Black Tee";
font-size: 18px; }
@media screen and (max-width: 1024px) {
.page-template-page-sidebar #main .container .sidebar .hole-stats .green strong,
.single-course #main .container .sidebar .hole-stats .green strong,
.single #main .container .sidebar .hole-stats .green strong,
.page-template-page-business-directory #main .container .sidebar .hole-stats .green strong,
.page-template-page-intranet #main .container .sidebar .hole-stats .green strong,
.page-template-page-archive-posts #main .container .sidebar .hole-stats .green strong {
height: 24px; }
.page-template-page-sidebar #main .container .sidebar .hole-stats .green strong::after,
.single-course #main .container .sidebar .hole-stats .green strong::after,
.single #main .container .sidebar .hole-stats .green strong::after,
.page-template-page-business-directory #main .container .sidebar .hole-stats .green strong::after,
.page-template-page-intranet #main .container .sidebar .hole-stats .green strong::after,
.page-template-page-archive-posts #main .container .sidebar .hole-stats .green strong::after {
font-size: 16px; } }
.page-template-page-sidebar #main .container .sidebar .sidebar-content .col,
.single-course #main .container .sidebar .sidebar-content .col,
.single #main .container .sidebar .sidebar-content .col,
.page-template-page-business-directory #main .container .sidebar .sidebar-content .col,
.page-template-page-intranet #main .container .sidebar .sidebar-content .col,
.page-template-page-archive-posts #main .container .sidebar .sidebar-content .col {
margin-bottom: 40px; }
.page-template-page-sidebar #main .container .sidebar .sidebar-content .col:last-of-type,
.single-course #main .container .sidebar .sidebar-content .col:last-of-type,
.single #main .container .sidebar .sidebar-content .col:last-of-type,
.page-template-page-business-directory #main .container .sidebar .sidebar-content .col:last-of-type,
.page-template-page-intranet #main .container .sidebar .sidebar-content .col:last-of-type,
.page-template-page-archive-posts #main .container .sidebar .sidebar-content .col:last-of-type {
margin-bottom: 0; }
.page-template-page-sidebar #main .container .sidebar .sidebar-content .col ul.posts li,
.single-course #main .container .sidebar .sidebar-content .col ul.posts li,
.single #main .container .sidebar .sidebar-content .col ul.posts li,
.page-template-page-business-directory #main .container .sidebar .sidebar-content .col ul.posts li,
.page-template-page-intranet #main .container .sidebar .sidebar-content .col ul.posts li,
.page-template-page-archive-posts #main .container .sidebar .sidebar-content .col ul.posts li {
list-style: none;
padding: 3px 0; }
.page-template-page-sidebar #main .container .sidebar h1,
.page-template-page-sidebar #main .container .sidebar h2,
.page-template-page-sidebar #main .container .sidebar h3,
.page-template-page-sidebar #main .container .sidebar h4,
.page-template-page-sidebar #main .container .sidebar h5,
.page-template-page-sidebar #main .container .sidebar h6,
.page-template-page-sidebar #main .container .sidebar p,
.page-template-page-sidebar #main .container .sidebar a,
.page-template-page-sidebar #main .container .sidebar ul,
.page-template-page-sidebar #main .container .sidebar li,
.page-template-page-sidebar #main .container .sidebar span,
.page-template-page-sidebar #main .container .sidebar em,
.page-template-page-sidebar #main .container .sidebar strong,
.single-course #main .container .sidebar h1,
.single-course #main .container .sidebar h2,
.single-course #main .container .sidebar h3,
.single-course #main .container .sidebar h4,
.single-course #main .container .sidebar h5,
.single-course #main .container .sidebar h6,
.single-course #main .container .sidebar p,
.single-course #main .container .sidebar a,
.single-course #main .container .sidebar ul,
.single-course #main .container .sidebar li,
.single-course #main .container .sidebar span,
.single-course #main .container .sidebar em,
.single-course #main .container .sidebar strong,
.single #main .container .sidebar h1,
.single #main .container .sidebar h2,
.single #main .container .sidebar h3,
.single #main .container .sidebar h4,
.single #main .container .sidebar h5,
.single #main .container .sidebar h6,
.single #main .container .sidebar p,
.single #main .container .sidebar a,
.single #main .container .sidebar ul,
.single #main .container .sidebar li,
.single #main .container .sidebar span,
.single #main .container .sidebar em,
.single #main .container .sidebar strong,
.page-template-page-business-directory #main .container .sidebar h1,
.page-template-page-business-directory #main .container .sidebar h2,
.page-template-page-business-directory #main .container .sidebar h3,
.page-template-page-business-directory #main .container .sidebar h4,
.page-template-page-business-directory #main .container .sidebar h5,
.page-template-page-business-directory #main .container .sidebar h6,
.page-template-page-business-directory #main .container .sidebar p,
.page-template-page-business-directory #main .container .sidebar a,
.page-template-page-business-directory #main .container .sidebar ul,
.page-template-page-business-directory #main .container .sidebar li,
.page-template-page-business-directory #main .container .sidebar span,
.page-template-page-business-directory #main .container .sidebar em,
.page-template-page-business-directory #main .container .sidebar strong,
.page-template-page-intranet #main .container .sidebar h1,
.page-template-page-intranet #main .container .sidebar h2,
.page-template-page-intranet #main .container .sidebar h3,
.page-template-page-intranet #main .container .sidebar h4,
.page-template-page-intranet #main .container .sidebar h5,
.page-template-page-intranet #main .container .sidebar h6,
.page-template-page-intranet #main .container .sidebar p,
.page-template-page-intranet #main .container .sidebar a,
.page-template-page-intranet #main .container .sidebar ul,
.page-template-page-intranet #main .container .sidebar li,
.page-template-page-intranet #main .container .sidebar span,
.page-template-page-intranet #main .container .sidebar em,
.page-template-page-intranet #main .container .sidebar strong,
.page-template-page-archive-posts #main .container .sidebar h1,
.page-template-page-archive-posts #main .container .sidebar h2,
.page-template-page-archive-posts #main .container .sidebar h3,
.page-template-page-archive-posts #main .container .sidebar h4,
.page-template-page-archive-posts #main .container .sidebar h5,
.page-template-page-archive-posts #main .container .sidebar h6,
.page-template-page-archive-posts #main .container .sidebar p,
.page-template-page-archive-posts #main .container .sidebar a,
.page-template-page-archive-posts #main .container .sidebar ul,
.page-template-page-archive-posts #main .container .sidebar li,
.page-template-page-archive-posts #main .container .sidebar span,
.page-template-page-archive-posts #main .container .sidebar em,
.page-template-page-archive-posts #main .container .sidebar strong {
color: #ffffff !important; }
@media screen and (max-width: 1200px) {
.page-template-page-sidebar #main .container .sidebar,
.single-course #main .container .sidebar,
.single #main .container .sidebar,
.page-template-page-business-directory #main .container .sidebar,
.page-template-page-intranet #main .container .sidebar,
.page-template-page-archive-posts #main .container .sidebar {
width: 30%; } }
@media screen and (max-width: 1024px) {
.page-template-page-sidebar #main .container .sidebar,
.single-course #main .container .sidebar,
.single #main .container .sidebar,
.page-template-page-business-directory #main .container .sidebar,
.page-template-page-intranet #main .container .sidebar,
.page-template-page-archive-posts #main .container .sidebar {
width: 35%;
position: absolute;
top: -60px; } }
@media screen and (max-width: 820px) {
.page-template-page-sidebar #main .container .sidebar,
.single-course #main .container .sidebar,
.single #main .container .sidebar,
.page-template-page-business-directory #main .container .sidebar,
.page-template-page-intranet #main .container .sidebar,
.page-template-page-archive-posts #main .container .sidebar {
width: 100%;
position: relative;
top: auto;
left: auto;
padding: 40px 5%; } }
.page-template-page-sidebar #main .container .sidebar .select-wrapper select,
.single-course #main .container .sidebar .select-wrapper select,
.single #main .container .sidebar .select-wrapper select,
.page-template-page-business-directory #main .container .sidebar .select-wrapper select,
.page-template-page-intranet #main .container .sidebar .select-wrapper select,
.page-template-page-archive-posts #main .container .sidebar .select-wrapper select {
/* Custom Overrides */
background-color: white;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
height: 36px;
font-family: "Oxygen", sans-serif;
font-size: 17px;
color: #404040;
border-radius: 0 !important;
-webkit-appearance: none;
padding: 10px;
/* Custom Arrows */
background-image: linear-gradient(45deg, transparent 50%, #404040 50%), linear-gradient(135deg, #404040 50%, transparent 50%), linear-gradient(to right, #cccccc, #cccccc);
background-position: calc(100% - 20px) calc(0.75em + 2px), calc(100% - 15px) calc(0.75em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1em;
background-repeat: no-repeat;
padding: 0 10px;
width: 100%; }
.page-template-page-sidebar #main .container .sidebar .select-wrapper select:focus,
.single-course #main .container .sidebar .select-wrapper select:focus,
.single #main .container .sidebar .select-wrapper select:focus,
.page-template-page-business-directory #main .container .sidebar .select-wrapper select:focus,
.page-template-page-intranet #main .container .sidebar .select-wrapper select:focus,
.page-template-page-archive-posts #main .container .sidebar .select-wrapper select:focus {
background-image: linear-gradient(45deg, #404040 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #404040 50%), linear-gradient(to right, #cccccc, #cccccc);
background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1em;
background-repeat: no-repeat;
outline: 0; }
.page-template-page-sidebar #main .container .sidebar .select-wrapper select:-moz-focusring,
.single-course #main .container .sidebar .select-wrapper select:-moz-focusring,
.single #main .container .sidebar .select-wrapper select:-moz-focusring,
.page-template-page-business-directory #main .container .sidebar .select-wrapper select:-moz-focusring,
.page-template-page-intranet #main .container .sidebar .select-wrapper select:-moz-focusring,
.page-template-page-archive-posts #main .container .sidebar .select-wrapper select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
.page-template-page-archive-posts #main .section .content .post {
width: 100%;
overflow: hidden;
margin: 0 0 40px; }
.page-template-page-archive-posts #main .section .content .post p.date {
margin-bottom: 10px !important; }
.page-template-page-archive-posts #main .section .content .post h3.title a {
color: #404040;
text-decoration: none; }
.page-template-page-archive-posts #main .section .content .post .thumb {
float: right;
width: 440px;
height: 300px;
margin: -14px 0 40px 60px;
position: relative; }
@media screen and (max-width: 1440px) {
.page-template-page-archive-posts #main .section .content .post .thumb {
width: 400px;
height: 270px;
margin: -54px 0 10px 30px; } }
@media screen and (max-width: 1200px) {
.page-template-page-archive-posts #main .section .content .post .thumb {
width: 300px;
height: 200px;
margin: 8px 0 15px 30px; } }
@media screen and (max-width: 1024px) {
.page-template-page-archive-posts #main .section .content .post .thumb {
float: none;
width: 100%;
height: 250px;
margin: 0 auto 30px; } }
.page-template-page-archive-posts #main .section .content .post .thumb img {
width: 100%;
height: 100%;
object-fit: cover; }
.page-template-page-archive-posts #main .section .content .post p.read-more {
font-weight: 700;
font-size: 14px;
margin-bottom: 30px !important;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-top: 30px; }
@media screen and (max-width: 640px) {
.page-template-page-archive-posts #main .section .content .post p.read-more {
margin-bottom: 0 !important; } }
.page-template-page-archive-posts #main .section .content .post p.read-more strong {
font-weight: 300; }
.page-template-page-archive-posts #main .section .content .post p.read-more a {
color: #0498f0;
font-weight: 700; }
.page-template-page-archive-posts #main .section .content .post p.image,
.page-template-page-archive-posts #main .section .content .post img.size-medium,
.page-template-page-archive-posts #main .section .content .post .wp-block-gallery {
display: none; }
.page-template-page-archive-posts #main .section .content .pagination {
text-transform: uppercase; }
.page-template-page-archive-posts #main .section .content .pagination a.page-numbers,
.page-template-page-archive-posts #main .section .content .pagination span.current {
float: left;
margin-right: 5px;
background: #0498f0;
color: #ffffff;
text-decoration: none;
display: block;
padding: 5px 20px;
font-weight: 600;
font-size: 14px;
border: 1px solid #0498f0;
transition: all 0.3s ease; }
.page-template-page-archive-posts #main .section .content .pagination a.page-numbers:hover,
.page-template-page-archive-posts #main .section .content .pagination span.current:hover {
transition: all 0.3s ease;
background: #ffffff;
color: #0498f0; }
.page-template-page-archive-posts #main .section .content .pagination span.current {
background: #ffffff;
color: #0498f0; }
/* Modular Template */
.page-template-page-modular .section.content {
/* Width */
/* Alignment */
/* Columns */
/* Triple Block */ }
.page-template-page-modular .section.content .container {
position: relative;
z-index: 3; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .container {
display: block; } }
.page-template-page-modular .section.content .container.flex {
display: flex;
flex-wrap: wrap; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .container.flex {
display: block;
flex-wrap: nowrap; } }
.page-template-page-modular .section.content.quarter {
width: 25%; }
.page-template-page-modular .section.content.half {
width: 50%; }
.page-template-page-modular .section.content.three-quarters {
width: 100%;
background: #ffffff !important; }
.page-template-page-modular .section.content.three-quarters .container {
width: 93.75%; }
@media screen and (max-width: 1600px) {
.page-template-page-modular .section.content.three-quarters .container {
width: 95%; } }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content.three-quarters .container {
width: 100%; } }
.page-template-page-modular .section.content.full {
width: 100%; }
.page-template-page-modular .section.content.left .container {
padding-left: 12.5%;
padding-right: 6.25%;
float: left; }
@media screen and (max-width: 1600px) {
.page-template-page-modular .section.content.left .container {
padding-left: 5%;
padding-right: 5%; } }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content.left .container {
float: none; } }
.page-template-page-modular .section.content.right .container {
padding-left: 6.25%;
padding-right: 12.5%;
float: right; }
@media screen and (max-width: 1600px) {
.page-template-page-modular .section.content.right .container {
padding-left: 5%;
padding-right: 5%; } }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content.right .container {
float: none; } }
.page-template-page-modular .section.content.center {
margin: 0 auto;
float: none; }
.page-template-page-modular .section.content.center.full .container {
width: 100% !important;
padding-left: 12.5% !important;
padding-right: 12.5% !important; }
@media screen and (max-width: 1600px) {
.page-template-page-modular .section.content.center.full .container {
padding-left: 5% !important;
padding-right: 5% !important; } }
.page-template-page-modular .section.content.full {
width: 100%;
float: none; }
.page-template-page-modular .section.content.full .container {
width: 100%;
margin: 0 auto;
padding-left: 12.5%;
padding-right: 12.5%;
padding-top: 100px;
padding-bottom: 100px; }
@media screen and (max-width: 1600px) {
.page-template-page-modular .section.content.full .container {
padding-left: 5%;
padding-right: 5%; } }
@media screen and (max-width: 1440px) {
.page-template-page-modular .section.content.full .container {
padding-top: 80px;
padding-bottom: 80px; } }
@media screen and (max-width: 1024px) {
.page-template-page-modular .section.content.full .container {
padding-top: 50px;
padding-bottom: 50px; } }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content.full .container {
padding-top: 40px;
padding-bottom: 40px; } }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content.full .container {
padding-left: 5%;
padding-right: 5%; } }
.page-template-page-modular .section.content.full .container .col {
padding-left: 0 !important;
padding-right: 0 !important; }
.page-template-page-modular .section.content.accent .container {
background: #0498f0;
color: #ffffff; }
.page-template-page-modular .section.content.accent .container h1,
.page-template-page-modular .section.content.accent .container h2,
.page-template-page-modular .section.content.accent .container h3,
.page-template-page-modular .section.content.accent .container h4,
.page-template-page-modular .section.content.accent .container h5,
.page-template-page-modular .section.content.accent .container h6,
.page-template-page-modular .section.content.accent .container p,
.page-template-page-modular .section.content.accent .container a,
.page-template-page-modular .section.content.accent .container ul,
.page-template-page-modular .section.content.accent .container li,
.page-template-page-modular .section.content.accent .container span,
.page-template-page-modular .section.content.accent .container em,
.page-template-page-modular .section.content.accent .container strong {
color: #ffffff !important; }
.page-template-page-modular .section.content.light .container {
background-color: #efefef;
color: #404040; }
.page-template-page-modular .section.content.dark .container {
background-color: #cccccc; }
.page-template-page-modular .section.content.box {
margin-top: 100px; }
@media screen and (max-width: 1440px) {
.page-template-page-modular .section.content.box {
margin-top: 80px; } }
@media screen and (max-width: 1024px) {
.page-template-page-modular .section.content.box {
margin-top: 50px; } }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content.box {
margin-top: 40px; } }
.page-template-page-modular .section.content.promo .background {
background-size: cover; }
.page-template-page-modular .section.content.promo .background .container {
padding-top: 150px;
padding-bottom: 150px; }
@media screen and (max-width: 1440px) {
.page-template-page-modular .section.content.promo .background .container {
padding-top: 120px;
padding-bottom: 120px; } }
@media screen and (max-width: 1024px) {
.page-template-page-modular .section.content.promo .background .container {
padding-top: 80px;
padding-bottom: 80px; } }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content.promo .background .container {
padding-top: 60px;
padding-bottom: 60px; } }
.page-template-page-modular .section.content.split {
width: 100%; }
.page-template-page-modular .section.content.split.left, .page-template-page-modular .section.content.split.right {
width: 100%; }
.page-template-page-modular .section.content.split.left .container, .page-template-page-modular .section.content.split.right .container {
width: 100%;
padding: 0; }
.page-template-page-modular .section.content.split.left .container .cols, .page-template-page-modular .section.content.split.right .container .cols {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap; }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content.split.left .container .cols, .page-template-page-modular .section.content.split.right .container .cols {
width: 100%;
display: block; } }
.page-template-page-modular .section.content.split.left .container .cols .col,
.page-template-page-modular .section.content.split.left .container .cols .split-img, .page-template-page-modular .section.content.split.right .container .cols .col,
.page-template-page-modular .section.content.split.right .container .cols .split-img {
flex-basis: 50%;
flex-grow: 1; }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content.split.left .container .cols .col,
.page-template-page-modular .section.content.split.left .container .cols .split-img, .page-template-page-modular .section.content.split.right .container .cols .col,
.page-template-page-modular .section.content.split.right .container .cols .split-img {
flex-basis: auto;
width: 100%;
display: block; } }
.page-template-page-modular .section.content.split.left .container .cols .split-img, .page-template-page-modular .section.content.split.right .container .cols .split-img {
background-size: cover;
background-position: center; }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content.split.left .container .cols .split-img, .page-template-page-modular .section.content.split.right .container .cols .split-img {
height: 300px; } }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content.split.left .container .cols .split-img, .page-template-page-modular .section.content.split.right .container .cols .split-img {
height: 200px; } }
@media screen and (max-width: 480px) {
.page-template-page-modular .section.content.split.left .container .cols .split-img, .page-template-page-modular .section.content.split.right .container .cols .split-img {
height: 240px; } }
.page-template-page-modular .section.content.split.left .cols .col {
padding: 100px 6.25% 100px 12.5%; }
@media screen and (max-width: 1600px) {
.page-template-page-modular .section.content.split.left .cols .col {
padding: 100px 5%; } }
@media screen and (max-width: 1440px) {
.page-template-page-modular .section.content.split.left .cols .col {
padding: 80px 5%; } }
@media screen and (max-width: 1024px) {
.page-template-page-modular .section.content.split.left .cols .col {
padding: 50px 5%; } }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content.split.left .cols .col {
padding: 40px 5%; } }
.page-template-page-modular .section.content.split.right .cols {
flex-direction: row !important; }
.page-template-page-modular .section.content.split.right .cols .col {
padding: 100px 12.5% 100px 6.25%; }
@media screen and (max-width: 1600px) {
.page-template-page-modular .section.content.split.right .cols .col {
padding: 100px 5%; } }
@media screen and (max-width: 1440px) {
.page-template-page-modular .section.content.split.right .cols .col {
padding: 80px 5%; } }
@media screen and (max-width: 1024px) {
.page-template-page-modular .section.content.split.right .cols .col {
padding: 50px 5%; } }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content.split.right .cols .col {
padding: 40px 5%; } }
.page-template-page-modular .section.content .background {
height: 100%; }
.page-template-page-modular .section.content .background .overlay {
width: 100%;
height: 100%;
position: absolute;
z-index: 2; }
.page-template-page-modular .section.content .background.white {
color: #ffffff; }
.page-template-page-modular .section.content .heading {
width: 100%;
flex-flow: wrap; }
.page-template-page-modular .section.content .cols {
display: flex;
flex-wrap: wrap;
width: 100%; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .cols {
display: block; } }
.page-template-page-modular .section.content .col {
flex-grow: 1;
justify-content: space-around;
position: relative;
overflow: hidden; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .col {
width: 100%;
padding-left: 0;
padding-right: 0; } }
.page-template-page-modular .section.content .col.half {
padding-right: 15px;
flex-basis: 100px;
flex-grow: 1; }
.page-template-page-modular .section.content .col.half:nth-of-type(2n+1) {
padding-left: 0 !important;
padding-right: 15px !important; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .col.half:nth-of-type(2n+1) {
padding-right: 0 !important;
margin-bottom: 30px; } }
.page-template-page-modular .section.content .col.half:nth-of-type(2n+2) {
padding-left: 15px !important;
padding-right: 0 !important; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .col.half:nth-of-type(2n+2) {
padding-left: 0 !important; } }
.page-template-page-modular .section.content .col.quarter {
flex-basis: 100px;
flex-grow: 1;
margin: 0 30px 30px 0;
padding-left: 0 !important;
padding-right: 0 !important; }
@media screen and (max-width: 1440px) {
.page-template-page-modular .section.content .col.quarter {
flex-basis: calc(50% - 15px);
margin: 0 0 30px; } }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .col.quarter {
flex-basis: 100%;
width: 100%;
margin: 0 0 30px; } }
@media screen and (max-width: 1440px) {
.page-template-page-modular .section.content .col.quarter:nth-of-type(2n+2) {
margin-left: 30px;
margin-right: 0; } }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .col.quarter:nth-of-type(2n+2) {
margin-left: 0; } }
.page-template-page-modular .section.content .col.quarter:nth-of-type(4n+4) {
margin-right: 0; }
@media screen and (max-width: 820px) {
.page-template-page-modular .section.content .col.quarter:last-of-type {
margin-bottom: 0; } }
.page-template-page-modular .section.content .col.quarter p.image img.size-full {
width: 100% !important;
height: 100% !important;
object-fit: cover; }
.page-template-page-modular .section.content .col.third {
flex-basis: 100px;
flex-grow: 1; }
.page-template-page-modular .section.content .col.third:nth-of-type(3n+2) {
margin: 0 30px; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content .col.third:nth-of-type(3n+2) {
margin: 30px 0; } }
.page-template-page-modular .section.content .col img {
width: 100%;
height: auto; }
.page-template-page-modular .section.content.triple .container {
display: flex;
flex-wrap: wrap; }
.page-template-page-modular .section.content.triple .img {
width: 60%;
padding-right: 0; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content.triple .img {
width: 100%; } }
.page-template-page-modular .section.content.triple .img img {
width: 100%;
height: 100%;
object-fit: cover; }
.page-template-page-modular .section.content.triple .text {
width: 40%;
background: #0498f0;
color: #ffffff;
display: grid; }
@media screen and (max-width: 640px) {
.page-template-page-modular .section.content.triple .text {
width: 100%; } }
.page-template-page-modular .section.content.triple .text .col {
padding: 40px; }
.page-template-page-modular .section.content.triple .text .alt {
background: #efefef;
color: #404040; }
.page-template-page-modular .section.content.triple.left-to-right .container {
flex-direction: row-reverse; }
.page-template-page-modular .section.content.triple.right-to-left .container {
flex-direction: row; }
@media screen and (max-width: 1440px) {
.page-template-page-modular .section.content.triple .text {
width: 100%; }
.page-template-page-modular .section.content.triple .img {
width: 100%;
max-height: 400px; } }
.page-id-2215 .section.content .background {
background-size: cover; }
.page-id-2215 .gform_title {
text-align: center; }
.page-id-2215 .gform_title,
.page-id-2215 .section.content .cols {
color: white; }
.page-id-2215 .gform_wrapper.gravity-theme .gfield_required {
color: #c4a674; }
.page-id-2215 .gform_wrapper.gravity-theme .ginput_container_date input {
width: 100%; }
.page-id-2215 #main .section .container {
border-bottom: 1px solid white; }
.page-id-3042 .accent,
.page-id-3042 .light {
margin-bottom: 80px; }
@media screen and (max-width: 640px) {
.page-id-3042 .accent,
.page-id-3042 .light {
margin-bottom: 0px; } }
/* Course Tour Overview */
.page-template-page-course-tour,
.page-template-page-course-tour-grid,
.page-template-page-course-tour-offset,
.page-template-page-course-tour-stats {
/* Styling */ }
.page-template-page-course-tour .gradient,
.page-template-page-course-tour-grid .gradient,
.page-template-page-course-tour-offset .gradient,
.page-template-page-course-tour-stats .gradient {
position: absolute;
width: 300px;
height: 180px; }
.page-template-page-course-tour .gradient.one,
.page-template-page-course-tour-grid .gradient.one,
.page-template-page-course-tour-offset .gradient.one,
.page-template-page-course-tour-stats .gradient.one {
top: 0;
right: 0; }
.page-template-page-course-tour .holes,
.page-template-page-course-tour-grid .holes,
.page-template-page-course-tour-offset .holes,
.page-template-page-course-tour-stats .holes {
overflow: hidden;
display: flex;
flex-wrap: wrap;
padding-bottom: 70px; }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour .holes,
.page-template-page-course-tour-grid .holes,
.page-template-page-course-tour-offset .holes,
.page-template-page-course-tour-stats .holes {
padding-bottom: 50px; } }
@media screen and (max-width: 640px) {
.page-template-page-course-tour .holes,
.page-template-page-course-tour-grid .holes,
.page-template-page-course-tour-offset .holes,
.page-template-page-course-tour-stats .holes {
display: block;
padding-bottom: 0; } }
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
position: relative;
overflow: hidden;
width: 33.3%;
height: 300px;
margin: 0 30px 30px 0;
flex-grow: 1;
width: calc(33.33% - 30px);
margin-right: 30px;
background-size: cover;
/* Override the styles for every second item */ }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
height: 300px; } }
@media screen and (max-width: 820px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
height: 220px; } }
@media screen and (max-width: 640px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
width: 100%;
height: 280px; } }
@media screen and (max-width: 480px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
height: 220px; } }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour .holes .hole:nth-child(3n+2),
.page-template-page-course-tour-grid .holes .hole:nth-child(3n+2),
.page-template-page-course-tour-offset .holes .hole:nth-child(3n+2),
.page-template-page-course-tour-stats .holes .hole:nth-child(3n+2) {
margin-top: 0;
margin-bottom: 0px; } }
.page-template-page-course-tour .holes .hole:nth-child(3n+3),
.page-template-page-course-tour-grid .holes .hole:nth-child(3n+3),
.page-template-page-course-tour-offset .holes .hole:nth-child(3n+3),
.page-template-page-course-tour-stats .holes .hole:nth-child(3n+3) {
margin-right: 0; }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour .holes .hole:nth-child(3n+3),
.page-template-page-course-tour-grid .holes .hole:nth-child(3n+3),
.page-template-page-course-tour-offset .holes .hole:nth-child(3n+3),
.page-template-page-course-tour-stats .holes .hole:nth-child(3n+3) {
margin-top: 0;
margin-right: 30px;
margin-bottom: 0px; } }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour .holes .hole:nth-child(2n+2),
.page-template-page-course-tour-grid .holes .hole:nth-child(2n+2),
.page-template-page-course-tour-offset .holes .hole:nth-child(2n+2),
.page-template-page-course-tour-stats .holes .hole:nth-child(2n+2) {
margin-right: 0 !important; } }
@media screen and (max-width: 1440px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
height: 250px; } }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
width: calc(50% - 30px);
margin-right: 30px;
height: 300px; } }
@media screen and (max-width: 1024px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
height: 250px; } }
@media screen and (max-width: 820px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
height: 220px; } }
@media screen and (max-width: 640px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
width: 100%;
margin: 0 auto 30px !important; } }
@media screen and (max-width: 640px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
height: 280px; } }
@media screen and (max-width: 480px) {
.page-template-page-course-tour .holes .hole,
.page-template-page-course-tour-grid .holes .hole,
.page-template-page-course-tour-offset .holes .hole,
.page-template-page-course-tour-stats .holes .hole {
height: 220px; } }
.page-template-page-course-tour .holes .hole a,
.page-template-page-course-tour-grid .holes .hole a,
.page-template-page-course-tour-offset .holes .hole a,
.page-template-page-course-tour-stats .holes .hole a {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
transition: all 0.3s ease; }
.page-template-page-course-tour .holes .hole a .post-meta,
.page-template-page-course-tour-grid .holes .hole a .post-meta,
.page-template-page-course-tour-offset .holes .hole a .post-meta,
.page-template-page-course-tour-stats .holes .hole a .post-meta {
position: absolute;
width: 100%;
bottom: 0;
padding: 0 60px 40px 40px;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour .holes .hole a .post-meta,
.page-template-page-course-tour-grid .holes .hole a .post-meta,
.page-template-page-course-tour-offset .holes .hole a .post-meta,
.page-template-page-course-tour-stats .holes .hole a .post-meta {
padding-right: 50px !important; } }
.page-template-page-course-tour .holes .hole a .post-meta .date,
.page-template-page-course-tour-grid .holes .hole a .post-meta .date,
.page-template-page-course-tour-offset .holes .hole a .post-meta .date,
.page-template-page-course-tour-stats .holes .hole a .post-meta .date {
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
margin: 0 0 10px;
color: #ffffff;
display: block; }
.page-template-page-course-tour .holes .hole a .post-meta h3,
.page-template-page-course-tour-grid .holes .hole a .post-meta h3,
.page-template-page-course-tour-offset .holes .hole a .post-meta h3,
.page-template-page-course-tour-stats .holes .hole a .post-meta h3 {
font-size: 24px;
line-height: 28px;
letter-spacing: 1px;
margin: 0;
font-family: "Oxygen", sans-serif;
color: #ffffff; }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour .holes .hole a .post-meta,
.page-template-page-course-tour-grid .holes .hole a .post-meta,
.page-template-page-course-tour-offset .holes .hole a .post-meta,
.page-template-page-course-tour-stats .holes .hole a .post-meta {
padding: 0 0 25px 25px; }
.page-template-page-course-tour .holes .hole a .post-meta .date,
.page-template-page-course-tour-grid .holes .hole a .post-meta .date,
.page-template-page-course-tour-offset .holes .hole a .post-meta .date,
.page-template-page-course-tour-stats .holes .hole a .post-meta .date {
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
margin: 0 0 5px; }
.page-template-page-course-tour .holes .hole a .post-meta h3,
.page-template-page-course-tour-grid .holes .hole a .post-meta h3,
.page-template-page-course-tour-offset .holes .hole a .post-meta h3,
.page-template-page-course-tour-stats .holes .hole a .post-meta h3 {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px; } }
.page-template-page-course-tour .holes .hole a:hover .post-content,
.page-template-page-course-tour-grid .holes .hole a:hover .post-content,
.page-template-page-course-tour-offset .holes .hole a:hover .post-content,
.page-template-page-course-tour-stats .holes .hole a:hover .post-content {
cursor: pointer;
transition: all 0.3s ease;
background: rgba(196, 166, 116, 0.3); }
.page-template-page-course-tour .holes .hole a:hover .post-content .post-meta,
.page-template-page-course-tour-grid .holes .hole a:hover .post-content .post-meta,
.page-template-page-course-tour-offset .holes .hole a:hover .post-content .post-meta,
.page-template-page-course-tour-stats .holes .hole a:hover .post-content .post-meta {
transition: all 0.3s ease;
padding-left: 50px; }
@media screen and (max-width: 820px) {
.page-template-page-course-tour .holes .hole a:hover .post-content .post-meta,
.page-template-page-course-tour-grid .holes .hole a:hover .post-content .post-meta,
.page-template-page-course-tour-offset .holes .hole a:hover .post-content .post-meta,
.page-template-page-course-tour-stats .holes .hole a:hover .post-content .post-meta {
padding-left: 35px; } }
.page-template-page-course-tour .holes .hole a h3,
.page-template-page-course-tour-grid .holes .hole a h3,
.page-template-page-course-tour-offset .holes .hole a h3,
.page-template-page-course-tour-stats .holes .hole a h3 {
color: #ffffff; }
.page-template-page-course-tour .holes .hole:hover .post-content,
.page-template-page-course-tour-grid .holes .hole:hover .post-content,
.page-template-page-course-tour-offset .holes .hole:hover .post-content,
.page-template-page-course-tour-stats .holes .hole:hover .post-content {
cursor: pointer;
transition: all 0.3s ease;
background: rgba(196, 166, 116, 0.3); }
.page-template-page-course-tour .holes .hole:hover .post-content .post-meta,
.page-template-page-course-tour-grid .holes .hole:hover .post-content .post-meta,
.page-template-page-course-tour-offset .holes .hole:hover .post-content .post-meta,
.page-template-page-course-tour-stats .holes .hole:hover .post-content .post-meta {
transition: all 0.3s ease;
padding-left: 50px; }
@media screen and (max-width: 820px) {
.page-template-page-course-tour .holes .hole:hover .post-content .post-meta,
.page-template-page-course-tour-grid .holes .hole:hover .post-content .post-meta,
.page-template-page-course-tour-offset .holes .hole:hover .post-content .post-meta,
.page-template-page-course-tour-stats .holes .hole:hover .post-content .post-meta {
padding-left: 35px; } }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour-stats .holes .hole {
margin-bottom: 30px; } }
.page-template-page-course-tour-stats .holes .hole a {
text-decoration: none; }
.page-template-page-course-tour-stats .holes .hole .hole-stats {
display: block; }
.page-template-page-course-tour-stats .holes .hole .hole-stats p.overall {
text-decoration: none;
color: #404040;
text-align: right;
font-size: 16px;
line-height: 16px;
font-weight: 600;
background: rgba(255, 255, 255, 0.7); }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour-stats .holes .hole .hole-stats p.overall {
padding: 0 10px 0 0; } }
.page-template-page-course-tour-stats .holes .hole .hole-stats p.overall .par {
font-size: 20px;
padding: 20px;
font-weight: 600;
text-align: left;
float: left; }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour-stats .holes .hole .hole-stats p.overall .par {
font-size: 16px;
padding: 10px 20px; } }
.page-template-page-course-tour-stats .holes .hole .hole-stats p.overall .length,
.page-template-page-course-tour-stats .holes .hole .hole-stats p.overall .index {
padding: 20px;
display: inline-block; }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour-stats .holes .hole .hole-stats p.overall .length,
.page-template-page-course-tour-stats .holes .hole .hole-stats p.overall .index {
font-size: 14px;
padding: 10px; } }
.page-template-page-course-tour-grid .holes {
padding-bottom: 0;
margin-top: 30px; }
.page-template-page-course-tour-grid .holes .hole {
margin-top: 0;
margin-bottom: 30px; }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour-grid .holes .hole {
margin-bottom: 30px; } }
.page-template-page-course-tour-grid .holes .hole:nth-child(3n+2), .page-template-page-course-tour-grid .holes .hole:nth-child(3n+3) {
margin-top: 0;
margin-bottom: 30px; }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour-grid .holes .hole:nth-child(3n+3) {
margin-right: 30px; } }
@media screen and (max-width: 1200px) {
.page-template-page-course-tour-grid .holes .hole:nth-child(2n+2) {
margin-top: 0px !important;
margin-right: 0 !important; } }
/* Single Course Tour */
.single-course #main .container {
flex-direction: row;
padding-top: 35px; }
@media screen and (max-width: 1600px) {
.single-course #main .container {
width: 100%; } }
.single-course #main .container .content {
width: 75%; }
@media screen and (max-width: 1600px) {
.single-course #main .container .content {
padding: 0 5%; } }
@media screen and (max-width: 1200px) {
.single-course #main .container .content {
width: 70%; } }
@media screen and (max-width: 1024px) {
.single-course #main .container .content {
width: 100%; } }
@media screen and (max-width: 820px) {
.single-course #main .container .content {
width: 100%;
padding: 0 0 40px; } }
.single-course #main .container .content .pagination {
overflow: hidden;
margin-bottom: 35px;
position: relative;
height: 30px; }
@media screen and (max-width: 1024px) {
.single-course #main .container .content .pagination {
width: 55%; } }
@media screen and (max-width: 820px) {
.single-course #main .container .content .pagination {
padding: 0 5%;
width: 90%;
margin: 0 auto 35px; } }
.single-course #main .container .content .pagination .read_more_link {
width: 60px;
height: 60px;
background: #ffffff;
position: absolute;
bottom: 0;
right: 0;
transition: all 0.3s ease; }
.single-course #main .container .content .pagination .read_more_link .arrow {
position: relative;
width: 60px;
height: 60px;
display: flex;
text-align: center; }
@media screen and (max-width: 1200px) {
.single-course #main .container .content .pagination .read_more_link .arrow {
width: 50px;
height: 50px; } }
.single-course #main .container .content .pagination .read_more_link .arrow i {
color: #c4a674;
align-self: center;
margin: 0 auto; }
@media screen and (max-width: 1200px) {
.single-course #main .container .content .pagination .read_more_link {
width: 50px;
height: 50px; }
.single-course #main .container .content .pagination .read_more_link a {
width: 50px;
height: 50px; }
.single-course #main .container .content .pagination .read_more_link a i {
width: 16px;
height: 2px;
border-radius: 2px; }
.single-course #main .container .content .pagination .read_more_link a i:before, .single-course #main .container .content .pagination .read_more_link a i:after {
width: 11px;
height: 2px; }
.single-course #main .container .content .pagination .read_more_link a i:before {
top: -2px; }
.single-course #main .container .content .pagination .read_more_link a i:after {
bottom: -2px; } }
.single-course #main .container .content .pagination .read_more_link {
width: 30px !important;
height: 30px !important;
top: 0; }
.single-course #main .container .content .pagination .read_more_link a {
position: relative;
width: 30px !important;
height: 30px !important;
padding: 0px; }
.single-course #main .container .content .pagination .read_more_link a i {
width: 20px !important;
height: 3px !important;
border-radius: 3px !important; }
.single-course #main .container .content .pagination .read_more_link a i:before, .single-course #main .container .content .pagination .read_more_link a i:after {
width: 20px !important;
height: 3px !important; }
.single-course #main .container .content .pagination .read_more_link a i:before {
top: -4px !important; }
.single-course #main .container .content .pagination .read_more_link a i:after {
bottom: -4px !important; }
.single-course #main .container .content .pagination .prev {
left: 0;
color: #404040; }
.single-course #main .container .content .pagination .prev:hover {
opacity: 0.7;
left: 10px; }
.single-course #main .container .content .pagination .prev.read_more_link {
width: 50px; }
.single-course #main .container .content .pagination .prev.read_more_link a {
font-size: 24px;
color: #404040; }
.single-course #main .container .content .pagination .prev.read_more_link a i {
left: 5px; }
.single-course #main .container .content .pagination .prev.read_more_link a i:before {
top: -4px;
transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7); }
.single-course #main .container .content .pagination .prev.read_more_link a i:after {
bottom: -4px;
transform: translate3d(-8px, 0, 0) rotate(-135deg) scaleX(0.7); }
.single-course #main .container .content .pagination .overview {
text-align: center;
top: 0;
left: 0;
right: 0;
position: absolute;
width: calc(100% - 60px);
margin-left: 30px; }
.single-course #main .container .content .pagination .overview a {
color: #404040;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
padding: 3px 0;
display: block; }
.single-course #main .container .content .pagination .overview a:hover {
text-decoration: none;
opacity: 0.8; }
.single-course #main .container .content .pagination .next {
text-align: right; }
.single-course #main .container .content .pagination .next:hover {
opacity: 0.7;
right: 10px; }
.single-course #main .container .content .pagination .next.read_more_link {
width: 50px; }
.single-course #main .container .content .pagination .next.read_more_link a {
font-size: 24px;
color: #404040; }
.single-course #main .container .content .pagination .next.read_more_link a i {
right: 5px; }
@media screen and (max-width: 820px) {
.single-course #main .container .content h1 {
padding: 0 5%;
width: 100%;
margin: 0 auto; } }
@media screen and (max-width: 640px) {
.single-course #main .container .content h1 {
width: 90%; } }
@media screen and (max-width: 1024px) {
.single-course #main .container .content .course-content {
width: 60%; } }
@media screen and (max-width: 820px) {
.single-course #main .container .content .course-content {
padding: 0 5%;
width: 100%;
margin: 0 auto 20px; } }
@media screen and (max-width: 640px) {
.single-course #main .container .content .course-content {
padding: 0 5%;
width: 100%;
margin: 0 auto; } }
.single-course #main .container .content .flyover-video {
padding-top: 50px; }
@media screen and (max-width: 820px) {
.single-course #main .container .content .flyover-video h3 {
padding: 0 5%; } }
@media screen and (max-width: 820px) {
.single-course #main .container .content .flyover-video {
padding-top: 30px; } }
.single-course #main .container .content .flyover-video .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%; }
@media screen and (max-width: 820px) {
.single-course #main .container .content .flyover-video .embed-container {
margin-top: 28px; } }
.single-course #main .container .content .flyover-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.single-course #main .container .content .course-gallery {
padding-top: 50px; }
@media screen and (max-width: 820px) {
.single-course #main .container .content .course-gallery {
padding: 50px 5% 0; } }
@media screen and (max-width: 1200px) {
.single-course #main .container .content .course-gallery h2,
.single-course #main .container .content .course-gallery h3,
.single-course #main .container .content .course-gallery h4 {
margin-bottom: 0; } }
.single-course #main .container .content .course-gallery .gallery .gallery-item .gallery-icon a img {
object-fit: cover;
height: 180px;
margin-bottom: 30px; }
@media screen and (max-width: 1200px) {
.single-course #main .container .content .course-gallery .gallery .gallery-item .gallery-icon a img {
margin-bottom: 0; } }
@media screen and (max-width: 820px) {
.single-course #main .container .content .course-gallery .gallery .gallery-item .gallery-icon a img {
height: 160px;
margin-bottom: 10px; } }
@media screen and (max-width: 640px) {
.single-course #main .container .content .course-gallery .gallery .gallery-item .gallery-icon a img {
height: 140px;
margin-bottom: 0px; } }
.single-course #main .container .content .sidebar {
left: auto;
right: 0;
top: -100px;
padding: 0; }
@media screen and (max-width: 820px) {
.single-course #main .container .content .sidebar {
right: auto;
top: 0;
display: flex;
margin-bottom: 50px;
margin-top: 40px; } }
@media screen and (max-width: 640px) {
.single-course #main .container .content .sidebar {
top: auto;
width: 100%;
display: block; } }
.single-course #main .container .content .sidebar .hole-details {
padding: 50px;
position: relative;
background: #c4a674; }
@media screen and (max-width: 820px) {
.single-course #main .container .content .sidebar .hole-details {
padding: 40px 5%;
width: 50%; } }
@media screen and (max-width: 640px) {
.single-course #main .container .content .sidebar .hole-details {
width: 100%; } }
.single-course #main .container .content .sidebar .birdseye {
width: 100%;
position: relative;
background: #ffffff;
padding: 50px; }
@media screen and (max-width: 1600px) {
.single-course #main .container .content .sidebar .birdseye {
padding: 30px; } }
@media screen and (max-width: 1200px) {
.single-course #main .container .content .sidebar .birdseye {
padding: 20px; } }
@media screen and (max-width: 820px) {
.single-course #main .container .content .sidebar .birdseye {
padding: 0px 10%;
width: 50%; } }
@media screen and (max-width: 640px) {
.single-course #main .container .content .sidebar .birdseye {
width: 100%;
text-align: center; } }
.single-course #main .container .content .sidebar .birdseye img {
width: 100%;
height: auto; }
@media screen and (max-width: 640px) {
.single-course #main .container .content .sidebar .birdseye img {
width: 70%; } }
/* Contact */
.page-template-page-contact .section {
overflow: visible; }
.page-template-page-contact #main .container {
display: flex;
flex-direction: row;
overflow: visible; }
@media screen and (max-width: 1600px) {
.page-template-page-contact #main .container {
width: 90%; } }
@media screen and (max-width: 1440px) {
.page-template-page-contact #main .container {
padding: 80px 0; } }
@media screen and (max-width: 1200px) {
.page-template-page-contact #main .container {
padding: 0;
width: 100%; } }
@media screen and (max-width: 1024px) {
.page-template-page-contact #main .container {
padding: 0; } }
@media screen and (max-width: 820px) {
.page-template-page-contact #main .container {
padding: 40px 0;
display: block;
width: 100%;
padding-bottom: 0; } }
.page-template-page-contact #main .container .content {
width: 75%;
padding-bottom: 100px; }
@media screen and (max-width: 1440px) {
.page-template-page-contact #main .container .content {
padding-bottom: 80px; } }
@media screen and (max-width: 1200px) {
.page-template-page-contact #main .container .content {
width: 50%;
padding: 80px 5% 0; } }
@media screen and (max-width: 1024px) {
.page-template-page-contact #main .container .content {
padding-top: 50px;
padding-bottom: 50px; } }
@media screen and (max-width: 820px) {
.page-template-page-contact #main .container .content {
width: 100%;
padding: 0 5% 40px; } }
.page-template-page-contact #main .container .form {
position: absolute;
width: 60%;
float: right;
background-size: cover;
top: -100px;
right: 0; }
@media screen and (max-width: 1200px) {
.page-template-page-contact #main .container .form {
position: relative;
top: -80px; } }
@media screen and (max-width: 1024px) {
.page-template-page-contact #main .container .form {
position: relative;
top: -50px; } }
@media screen and (max-width: 820px) {
.page-template-page-contact #main .container .form {
position: relative;
width: 100%;
top: auto;
right: auto;
float: none; } }
.page-template-page-contact #main .container .form .background-colour {
width: 100%;
height: 100%;
position: absolute; }
.page-template-page-contact #main .container .form .form-holder {
position: relative;
padding: 100px; }
@media screen and (max-width: 1440px) {
.page-template-page-contact #main .container .form .form-holder {
padding: 80px 10%; } }
@media screen and (max-width: 1024px) {
.page-template-page-contact #main .container .form .form-holder {
padding: 50px 10%; } }
@media screen and (max-width: 820px) {
.page-template-page-contact #main .container .form .form-holder {
width: 100%;
padding: 40px 5%; } }
.page-template-page-contact #main .container .form .form-holder .white_wrapper form.white .gform_body label {
color: #ffffff; }
.page-template-page-contact #main .container .form .form-holder .white_wrapper form.white .gform_body label .gfield_required {
color: #ffffff; }
.page-template-page-contact #main .container .form .form-holder .white_wrapper form.white .gform_footer input[type=submit] {
margin-top: 10px;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: transparent;
border: 2px solid #ffffff; }
@media screen and (max-width: 820px) {
.page-template-page-contact #main .container .form .form-holder .white_wrapper form.white .gform_footer input[type=submit] {
font-size: 13px;
padding: 10px 15px; } }
.page-template-page-contact #main .container .form .form-holder .white_wrapper form.white .gform_footer input[type=submit]:hover {
background: transparent;
border: 2px solid #ffffff;
opacity: 0.3;
cursor: pointer; }
.page-template-page-contact #main .container .form .form-holder .no-labels_wrapper label {
display: none; }
.page-template-page-contact #main .container .form .form-holder .validation_error {
color: #ffffff !important;
border-top: 1px solid #ffffff !important;
border-bottom: 1px solid #ffffff !important; }
.page-template-page-contact #main .container .form .form-holder .gfield_description {
padding-top: 0 !important; }
.page-template-page-contact #main .container .form .form-holder .gfield_description.validation_message {
color: #ffffff !important; }
#footer-container {
font-size: 18px;
line-height: 28px; }
#footer-container #footer {
width: 100%;
background: #222328;
color: #ffffff;
font-family: "Oxygen", sans-serif !important;
font-size: 18px;
line-height: 28px; }
@media screen and (max-width: 1024px) {
#footer-container #footer {
font-size: 16px;
line-height: 24px; } }
#footer-container #footer .container {
padding: 40px 0;
display: flex; }
@media screen and (max-width: 1200px) {
#footer-container #footer .container {
width: 90%; } }
@media screen and (max-width: 820px) {
#footer-container #footer .container {
padding: 30px 0; } }
@media screen and (max-width: 640px) {
#footer-container #footer .container {
display: block; } }
#footer-container #footer .container .contact-details {
width: 25%;
font-family: "Oxygen", sans-serif !important; }
@media screen and (max-width: 820px) {
#footer-container #footer .container .contact-details {
width: 100%;
text-align: center;
padding-bottom: 60px; } }
#footer-container #footer .container .contact-details img {
margin-bottom: 25px;
width: auto;
height: 47px;
display: block; }
@media screen and (max-width: 820px) {
#footer-container #footer .container .contact-details img {
margin: 5px auto 25px;
height: 40px; } }
@media screen and (max-width: 480px) {
#footer-container #footer .container .contact-details img {
width: auto;
height: 30px; } }
#footer-container #footer .container .contact-details p {
font-size: 14px;
line-height: 22px;
margin-bottom: 20px;
font-family: "Oxygen", sans-serif !important; }
#footer-container #footer .container .contact-details p.phone {
margin-bottom: 0; }
#footer-container #footer .container .contact-details p.email {
margin-bottom: 0; }
#footer-container #footer .container .contact-details p a {
font-family: "Oxygen", sans-serif !important;
text-decoration: underline !important; }
#footer-container #footer .container.col-2 .col {
width: 75%; }
#footer-container #footer .container.col-2 .col:last-of-type {
padding-right: 0; }
#footer-container #footer .container.col-3 .col {
width: 33%; }
#footer-container #footer .container.col-3 .col:last-of-type {
padding-right: 0; }
#footer-container #footer .col {
float: right;
padding-right: 50px; }
@media screen and (max-width: 1200px) {
#footer-container #footer .col {
padding: 0; } }
@media screen and (max-width: 820px) {
#footer-container #footer .col {
width: 100%;
float: none; } }
#footer-container #footer .col h5 {
line-height: 28px;
margin-bottom: 20px;
font-family: "Merriweather", serif !important;
font-size: 16px !important;
margin: 0 0 10px !important; }
#footer-container #footer .col p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
font-family: "Oxygen", sans-serif; }
#footer-container #footer .col p:last-of-type {
margin-bottom: 0; }
#footer-container #footer .col p.phone, #footer-container #footer .col p.email {
margin-bottom: 0; }
#footer-container #footer .col p a {
text-decoration: underline !important; }
#footer-container #footer .col ul {
margin: 0;
padding: 0;
line-height: 28px; }
#footer-container #footer .col ul li {
font-size: 14px !important;
line-height: 20px !important;
list-style: none;
margin-bottom: 10px !important;
font-family: "Oxygen", sans-serif !important; }
#footer-container #footer .col ul li a {
text-decoration: none;
font-family: "Oxygen", sans-serif !important; }
#footer-container #footer .col ul li:hover a {
text-decoration: underline; }
#footer-container #footer .col.menu.columns-1 .menu-col {
width: 100%; }
#footer-container #footer .col.menu.columns-2 .menu-col {
width: 50%;
float: left;
padding-right: 20px; }
#footer-container #footer .col.menu.columns-3 .menu-col {
width: 33%;
float: left;
padding-right: 20px; }
#footer-container #footer .col.menu.columns-4 .menu-col {
width: 25%;
float: left;
padding-right: 20px; }
#footer-container #footer .col.menu.columns-5 .menu-col {
width: 20%;
float: left;
padding-right: 20px; }
@media screen and (max-width: 820px) {
#footer-container #footer .col.menu.columns-5 {
display: none; } }
@media screen and (max-width: 820px) {
#footer-container #footer .col.menu {
width: 100%; } }
@media screen and (max-width: 640px) {
#footer-container #footer .col.menu {
display: none; } }
#footer-container #footer a {
color: #ffffff; }
#footer-container .footer-menu {
width: 75%;
float: right; }
@media screen and (max-width: 820px) {
#footer-container .footer-menu {
display: none; } }
#footer-container .footer-menu .members-menu,
#footer-container .footer-menu .guests-menu {
margin: 0;
padding: 0;
overflow: hidden; }
#footer-container .footer-menu .members-menu li,
#footer-container .footer-menu .guests-menu li {
width: 20%;
float: left;
list-style: none;
font-size: 16px;
line-height: 18px;
margin: 0;
font-family: "Merriweather", serif !important;
/* Hide certain pages from the footer menu */ }
#footer-container .footer-menu .members-menu li.menu-item-14, #footer-container .footer-menu .members-menu li.menu-item-20, #footer-container .footer-menu .members-menu li.menu-item-558,
#footer-container .footer-menu .guests-menu li.menu-item-14,
#footer-container .footer-menu .guests-menu li.menu-item-20,
#footer-container .footer-menu .guests-menu li.menu-item-558 {
display: none; }
#footer-container .footer-menu .members-menu li a,
#footer-container .footer-menu .guests-menu li a {
text-decoration: none;
font-family: "Merriweather", serif !important; }
#footer-container .footer-menu .members-menu li a.arrow-down-nav,
#footer-container .footer-menu .guests-menu li a.arrow-down-nav {
display: none; }
#footer-container .footer-menu .members-menu li ul.sub-menu,
#footer-container .footer-menu .guests-menu li ul.sub-menu {
margin: 25px 0 0;
padding: 0; }
#footer-container .footer-menu .members-menu li ul.sub-menu li,
#footer-container .footer-menu .guests-menu li ul.sub-menu li {
float: none;
font-family: "Oxygen", sans-serif !important;
font-size: 14px;
margin: 0 0 10px;
width: 100%; }
#footer-container .footer-menu .members-menu li ul.sub-menu li a,
#footer-container .footer-menu .guests-menu li ul.sub-menu li a {
font-family: "Oxygen", sans-serif !important; }
#footer-container #copyright {
border-top: 2px solid #c4a674;
font-size: 12px;
line-height: 20px;
background: #19191D;
color: #ffffff;
text-align: center;
font-family: "Oxygen", sans-serif !important; }
#footer-container #copyright .container {
padding: 20px 0;
width: 100%; }
@media screen and (max-width: 820px) {
#footer-container #copyright .container {
padding: 20px 0;
width: 90%; } }
#footer-container #copyright p {
margin: 0;
font-family: "Oxygen", sans-serif !important; }
#footer-container #copyright a {
color: #c4a674;
font-family: "Oxygen", sans-serif !important;
text-decoration: underline !important; }
/* Images in content */
.page-template-default #main .section .container,
.page-template-page-sidebar #main .section .container,
.single #main .section .container {
/* Gallery - block style */
/* Gallery - classic editor style */
/* Profile Layout */ }
@media screen and (max-width: 820px) {
.page-template-default #main .section .container h1,
.page-template-default #main .section .container h2,
.page-template-default #main .section .container h3,
.page-template-default #main .section .container h4,
.page-template-default #main .section .container h5,
.page-template-default #main .section .container h6,
.page-template-page-sidebar #main .section .container h1,
.page-template-page-sidebar #main .section .container h2,
.page-template-page-sidebar #main .section .container h3,
.page-template-page-sidebar #main .section .container h4,
.page-template-page-sidebar #main .section .container h5,
.page-template-page-sidebar #main .section .container h6,
.single #main .section .container h1,
.single #main .section .container h2,
.single #main .section .container h3,
.single #main .section .container h4,
.single #main .section .container h5,
.single #main .section .container h6 {
font-weight: 400;
margin: 0 0 20px; } }
.page-template-default #main .section .container img.size-full,
.page-template-page-sidebar #main .section .container img.size-full,
.single #main .section .container img.size-full {
width: calc(50% - 40px);
height: auto; }
@media screen and (max-width: 820px) {
.page-template-default #main .section .container img.size-full,
.page-template-page-sidebar #main .section .container img.size-full,
.single #main .section .container img.size-full {
width: 100%;
height: auto; } }
.page-template-default #main .section .container p + .wp-block-gallery,
.page-template-page-sidebar #main .section .container p + .wp-block-gallery,
.single #main .section .container p + .wp-block-gallery {
margin-top: 40px; }
.page-template-default #main .section .container .wp-block-gallery .blocks-gallery-item,
.page-template-page-sidebar #main .section .container .wp-block-gallery .blocks-gallery-item,
.single #main .section .container .wp-block-gallery .blocks-gallery-item {
margin-bottom: 1em; }
.page-template-default #main .section .container .gallery,
.page-template-page-sidebar #main .section .container .gallery,
.single #main .section .container .gallery {
overflow: hidden;
/*br {
@include media($desktop) {
display: none !important;
}
}*/ }
.page-template-default #main .section .container .profile-layout,
.page-template-page-sidebar #main .section .container .profile-layout,
.single #main .section .container .profile-layout {
display: flex;
flex-wrap: wrap; }
@media screen and (max-width: 640px) {
.page-template-default #main .section .container .profile-layout,
.page-template-page-sidebar #main .section .container .profile-layout,
.single #main .section .container .profile-layout {
display: block;
flex-wrap: nowrap;
overflow: hidden; } }
.page-template-default #main .section .container .profile-layout .profile,
.page-template-page-sidebar #main .section .container .profile-layout .profile,
.single #main .section .container .profile-layout .profile {
position: relative;
overflow: hidden;
width: 50%;
height: 420px;
margin: 0 30px 30px 0;
width: 25%;
height: auto;
margin: 0 auto 60px;
min-height: 332px; }
@media screen and (max-width: 1200px) {
.page-template-default #main .section .container .profile-layout .profile,
.page-template-page-sidebar #main .section .container .profile-layout .profile,
.single #main .section .container .profile-layout .profile {
height: 300px; } }
@media screen and (max-width: 820px) {
.page-template-default #main .section .container .profile-layout .profile,
.page-template-page-sidebar #main .section .container .profile-layout .profile,
.single #main .section .container .profile-layout .profile {
height: 220px; } }
@media screen and (max-width: 640px) {
.page-template-default #main .section .container .profile-layout .profile,
.page-template-page-sidebar #main .section .container .profile-layout .profile,
.single #main .section .container .profile-layout .profile {
width: 100%;
height: 280px; } }
@media screen and (max-width: 480px) {
.page-template-default #main .section .container .profile-layout .profile,
.page-template-page-sidebar #main .section .container .profile-layout .profile,
.single #main .section .container .profile-layout .profile {
height: 220px; } }
@media screen and (max-width: 1200px) {
.page-template-default #main .section .container .profile-layout .profile,
.page-template-page-sidebar #main .section .container .profile-layout .profile,
.single #main .section .container .profile-layout .profile {
width: calc(50% - 30px);
height: auto; } }
@media screen and (max-width: 820px) {
.page-template-default #main .section .container .profile-layout .profile,
.page-template-page-sidebar #main .section .container .profile-layout .profile,
.single #main .section .container .profile-layout .profile {
width: 30%;
margin: 0 auto 40px;
height: auto; } }
@media screen and (max-width: 640px) {
.page-template-default #main .section .container .profile-layout .profile,
.page-template-page-sidebar #main .section .container .profile-layout .profile,
.single #main .section .container .profile-layout .profile {
width: calc(50% - 20px) !important;
height: auto; } }
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(3n+2),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(3n+2),
.single #main .section .container .profile-layout .profile:nth-of-type(3n+2) {
margin: 0 12.5%; }
@media screen and (max-width: 820px) {
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(3n+2),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(3n+2),
.single #main .section .container .profile-layout .profile:nth-of-type(3n+2) {
margin: 0 5% !important; } }
@media screen and (max-width: 640px) {
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(3n+2),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(3n+2),
.single #main .section .container .profile-layout .profile:nth-of-type(3n+2) {
margin: 0 auto 40px !important; } }
@media screen and (max-width: 1200px) {
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(2n+1),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(2n+1),
.single #main .section .container .profile-layout .profile:nth-of-type(2n+1) {
margin: 0 30px 60px 0; } }
@media screen and (max-width: 820px) {
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(2n+1),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(2n+1),
.single #main .section .container .profile-layout .profile:nth-of-type(2n+1) {
width: 30%;
margin: 0 auto 40px;
height: auto; } }
@media screen and (max-width: 640px) {
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(2n+1),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(2n+1),
.single #main .section .container .profile-layout .profile:nth-of-type(2n+1) {
margin: 0 20px 40px 0;
float: left; } }
@media screen and (max-width: 1200px) {
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(2n+2),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(2n+2),
.single #main .section .container .profile-layout .profile:nth-of-type(2n+2) {
margin: 0 0 60px 30px; } }
@media screen and (max-width: 820px) {
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(2n+2),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(2n+2),
.single #main .section .container .profile-layout .profile:nth-of-type(2n+2) {
width: 30%;
margin: 0 auto 40px;
height: auto; } }
@media screen and (max-width: 640px) {
.page-template-default #main .section .container .profile-layout .profile:nth-of-type(2n+2),
.page-template-page-sidebar #main .section .container .profile-layout .profile:nth-of-type(2n+2),
.single #main .section .container .profile-layout .profile:nth-of-type(2n+2) {
margin: 0 0 40px 20px;
float: right; } }
.page-template-default #main .section .container .profile-layout .profile img,
.page-template-page-sidebar #main .section .container .profile-layout .profile img,
.single #main .section .container .profile-layout .profile img {
width: 100%;
height: auto; }
.page-template-default #main .section .container .profile-layout .profile h2,
.page-template-page-sidebar #main .section .container .profile-layout .profile h2,
.single #main .section .container .profile-layout .profile h2 {
position: relative;
bottom: 20px;
background: #c4a674;
color: #ffffff;
padding: 10px 20px;
display: inline-block;
font-size: 20px;
margin-bottom: 0 !important;
width: 100%;
text-align: center; }
@media screen and (max-width: 820px) {
.page-template-default #main .section .container .profile-layout .profile h2,
.page-template-page-sidebar #main .section .container .profile-layout .profile h2,
.single #main .section .container .profile-layout .profile h2 {
background: transparent;
color: #404040;
bottom: auto;
padding: 10px 0 0; } }
.page-template-default #main .section .container .profile-layout .profile p,
.page-template-page-sidebar #main .section .container .profile-layout .profile p,
.single #main .section .container .profile-layout .profile p {
text-align: center; }
.page-template-default #main .section .container p + .profile-layout,
.page-template-page-sidebar #main .section .container p + .profile-layout,
.single #main .section .container p + .profile-layout {
margin-top: 40px; }
/* Reciprocal Clubs */
.page-template-page-reciprocal-clubs .reciprocals,
.page-template-page-reciprocal-clubs-demo .reciprocals {
padding-top: 40px; }
.page-template-page-reciprocal-clubs .accordion-title,
.page-template-page-reciprocal-clubs .accordion-category,
.page-template-page-reciprocal-clubs-demo .accordion-title,
.page-template-page-reciprocal-clubs-demo .accordion-category {
background: #efefef; }
.page-template-page-reciprocal-clubs .accordion-title:nth-of-type(4n+1), .page-template-page-reciprocal-clubs .accordion-title:nth-of-type(4n+2),
.page-template-page-reciprocal-clubs .accordion-category:nth-of-type(4n+1),
.page-template-page-reciprocal-clubs .accordion-category:nth-of-type(4n+2),
.page-template-page-reciprocal-clubs-demo .accordion-title:nth-of-type(4n+1),
.page-template-page-reciprocal-clubs-demo .accordion-title:nth-of-type(4n+2),
.page-template-page-reciprocal-clubs-demo .accordion-category:nth-of-type(4n+1),
.page-template-page-reciprocal-clubs-demo .accordion-category:nth-of-type(4n+2) {
background: #e5e5e5; }
.page-template-page-reciprocal-clubs .accordion-title,
.page-template-page-reciprocal-clubs-demo .accordion-title {
display: flex;
padding: 10px 0 20px;
padding: 20px 30px 20px; }
.page-template-page-reciprocal-clubs .accordion-title:hover,
.page-template-page-reciprocal-clubs-demo .accordion-title:hover {
cursor: pointer; }
.page-template-page-reciprocal-clubs .accordion-title h2,
.page-template-page-reciprocal-clubs-demo .accordion-title h2 {
padding-left: 0;
border-left: 0;
margin: 0;
width: 100%; }
.page-template-page-reciprocal-clubs .accordion-title .fas,
.page-template-page-reciprocal-clubs-demo .accordion-title .fas {
float: right;
display: inline-block;
font-size: 26px;
color: #cccccc; }
.page-template-page-reciprocal-clubs .accordion-title.selected h2,
.page-template-page-reciprocal-clubs-demo .accordion-title.selected h2 {
padding-left: 20px;
border-left: 5px solid #0498f0;
transition: all 0.3s ease; }
.page-template-page-reciprocal-clubs .accordion-title.selected .fas,
.page-template-page-reciprocal-clubs-demo .accordion-title.selected .fas {
color: #0498f0; }
.page-template-page-reciprocal-clubs .accordion-category .holder,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-flow: row wrap;
margin: 10px 0 30px;
margin: 0; }
@media screen and (max-width: 1440px) {
.page-template-page-reciprocal-clubs .accordion-category .holder,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder {
padding: 0 30px 0 0; } }
@media screen and (max-width: 1024px) {
.page-template-page-reciprocal-clubs .accordion-category .holder,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder {
padding: 0 30px 20px 0; } }
@media screen and (max-width: 640px) {
.page-template-page-reciprocal-clubs .accordion-category .holder,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder {
width: 100%;
display: block;
padding: 0 0 30px 0; } }
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club {
width: 25%;
padding: 30px;
flex-grow: 1;
flex: 0 1 auto;
position: relative; }
@media screen and (max-width: 1440px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club {
padding: 30px 0 30px 30px;
width: 33.33%; } }
@media screen and (max-width: 1024px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club {
padding: 20px 0 10px 30px;
width: 50%; } }
@media screen and (max-width: 640px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club {
width: 100%;
padding: 30px 30px 0 30px; } }
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club h3,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club h3 {
transition: all 0.3s ease;
background: #c4a674;
color: #ffffff;
padding: 10px 15px;
position: absolute;
width: auto;
top: 200px;
font-size: 20px;
left: 15px; }
@media screen and (max-width: 1440px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club h3,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club h3 {
width: 100%;
background: transparent;
position: relative;
color: #404040;
padding: 0;
top: 0;
left: auto;
margin: 0 0 20px; } }
@media screen and (max-width: 1024px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club h3,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club h3 {
width: 100%; } }
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club h3.logo,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club h3.logo {
position: relative !important;
top: 0 !important;
left: 0;
width: 100% !important; }
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club p,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club p {
margin-bottom: 0; }
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club img.thumb,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club img.thumb {
width: 100%;
height: 200px;
object-fit: cover;
float: none;
margin: 0 auto 30px; }
@media screen and (max-width: 1440px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club img.thumb,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club img.thumb {
margin: 0 0 20px; } }
@media screen and (max-width: 1024px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club img.thumb,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club img.thumb {
height: 250px; } }
@media screen and (max-width: 820px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club img.thumb,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club img.thumb {
height: 200px; } }
@media screen and (max-width: 640px) {
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club img.thumb,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club img.thumb {
display: none; } }
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club .logo-holder,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club .logo-holder {
float: right;
width: 100px;
height: 100px;
margin: 0 0 10px 20px;
overflow: hidden;
border-radius: 100px; }
.page-template-page-reciprocal-clubs .accordion-category .holder .reciprocal-club .logo-holder img.logo,
.page-template-page-reciprocal-clubs-demo .accordion-category .holder .reciprocal-club .logo-holder img.logo {
width: 100%;
height: auto; }
/* Public Bookings */
.page-template-page-public-bookings #banner {
height: 60vh;
background-position: bottom center; }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #banner {
height: 50vh; } }
.page-template-page-public-bookings #banner .booking {
position: absolute;
left: 0;
bottom: 0;
background: #efefef; }
.page-template-page-public-bookings #banner .booking .padding {
padding: 80px 100px; }
.page-template-page-public-bookings.logged-in-editor #banner {
height: calc(60vh - 39px); }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings.logged-in-editor #banner {
height: calc(50vh - 39px); } }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings.logged-in-editor #banner {
height: 250px; } }
@media screen and (max-width: 640px) {
.page-template-page-public-bookings.logged-in-editor #banner {
height: 200px; } }
.page-template-page-public-bookings.logged-in-editor #banner .overlay {
position: relative;
height: 100%; }
.page-template-page-public-bookings.logged-in-editor #banner .overlay .container {
position: relative;
top: 50%;
transform: translateY(-50%);
color: #ffffff;
text-align: center; }
.page-template-page-public-bookings #main .section.branding {
background: #c4a674;
color: #ffffff; }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings #main .section.branding {
width: 100%;
top: auto; } }
.page-template-page-public-bookings #main .section.branding .container {
width: 100%;
display: flex;
padding: 0; }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings #main .section.branding .container {
display: block;
overflow: hidden; } }
.page-template-page-public-bookings #main .section.branding .container .intro {
width: 50%;
padding: 80px; }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings #main .section.branding .container .intro {
width: 100%;
padding: 40px;
clear: both; } }
.page-template-page-public-bookings #main .section.branding .container .register,
.page-template-page-public-bookings #main .section.branding .container .online-times {
width: 25%;
padding: 80px; }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings #main .section.branding .container .register,
.page-template-page-public-bookings #main .section.branding .container .online-times {
width: 50%;
padding: 40px;
float: left; } }
.page-template-page-public-bookings #main .section.branding .container .register {
background: rgba(255, 255, 255, 0.4); }
.page-template-page-public-bookings #main .section.branding .container .online-times {
background: rgba(255, 255, 255, 0.2); }
.page-template-page-public-bookings #main .section:nth-child(2) .container {
padding-top: 0; }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #main .section:nth-child(2) .container {
padding-bottom: 0;
width: 100%; } }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings #main .section:nth-child(2) .container {
padding-top: 40px; } }
.page-template-page-public-bookings #main .section.media-grid {
width: 80%;
position: relative;
top: -100px;
margin: 0 auto;
height: auto; }
@media screen and (max-width: 1600px) {
.page-template-page-public-bookings #main .section.media-grid {
width: 90%; } }
@media screen and (max-width: 1440px) {
.page-template-page-public-bookings #main .section.media-grid {
top: -80px; } }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #main .section.media-grid {
top: -60px !important; } }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings #main .section.media-grid {
width: 100% !important;
top: auto !important; } }
.page-template-page-public-bookings #main .section.media-grid .intro {
height: auto;
padding: 80px; }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #main .section.media-grid .intro {
padding: 40px 30px;
width: 100%; } }
.page-template-page-public-bookings #main .section.media-grid .boxes .box-holder {
min-height: 360px; }
@media screen and (max-width: 1440px) {
.page-template-page-public-bookings #main .section.media-grid .boxes .box-holder {
width: 100%;
min-height: 50%; } }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #main .section.media-grid .boxes .box-holder {
width: 50%;
min-height: 240px; } }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings #main .section.media-grid .boxes .box-holder {
height: auto;
position: relative; } }
.page-template-page-public-bookings #main .section .container {
display: flex; }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #main .section .container {
width: 100%;
display: block; } }
@media screen and (max-width: 820px) {
.page-template-page-public-bookings #main .section .container {
display: block; } }
.page-template-page-public-bookings #main .section .content {
width: 50%; }
@media screen and (max-width: 1440px) {
.page-template-page-public-bookings #main .section .content {
width: 55%;
padding-right: 50px; } }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #main .section .content {
width: 90%;
margin: 0 auto;
display: block; } }
.page-template-page-public-bookings #main .section .resources {
overflow: hidden;
width: 50%;
display: flex;
flex-flow: row wrap; }
@media screen and (max-width: 1440px) {
.page-template-page-public-bookings #main .section .resources {
width: 45%; } }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #main .section .resources {
width: 100%;
margin-top: 40px; } }
.page-template-page-public-bookings #main .section .resources .resource {
width: 50%;
padding: 100px 40px;
text-align: center;
flex-grow: 1;
flex: 0 1 auto; }
@media screen and (max-width: 640px) {
.page-template-page-public-bookings #main .section .resources .resource {
padding: 40px; } }
.page-template-page-public-bookings #main .section .resources .resource:nth-of-type(4n+1), .page-template-page-public-bookings #main .section .resources .resource:nth-of-type(4n+4) {
background: #efefef; }
.page-template-page-public-bookings #main .section .resources .resource h4 {
font-size: 20px;
margin: 0 0 20px;
padding: 0; }
.page-template-page-public-bookings #main .section .resources .resource p {
margin: 0; }
.page-template-page-public-bookings #main .section .resources .resource i {
color: #0498f0;
font-size: 20px; }
.page-template-page-public-bookings #main .section .weather-block {
position: absolute;
bottom: 100px;
width: 480px;
padding: 40px;
color: #ffffff;
background: linear-gradient(202deg, rgba(4, 152, 240, 0.9) 20%, rgba(196, 166, 116, 0.95) 100%); }
@media screen and (max-width: 1440px) {
.page-template-page-public-bookings #main .section .weather-block {
bottom: 80px; } }
@media screen and (max-width: 1024px) {
.page-template-page-public-bookings #main .section .weather-block {
position: relative;
width: 100%;
margin-top: 0px;
position: relative;
bottom: auto;
padding: 40px 5%; } }
.page-template-page-public-bookings #main .section .weather-block a {
color: #ffffff; }
.page-template-page-public-bookings #main .section .weather-block #weatherFeed div {
width: 100%;
display: block;
overflow: hidden; }
.page-template-page-public-bookings #main .section .weather-block #weatherFeed div span {
line-height: 36px;
width: calc(50% - 25px);
padding: 7px 40px;
display: block;
float: left; }
@media screen and (max-width: 1200px) {
.page-template-page-public-bookings #main .section .weather-block #weatherFeed div span {
padding: 7px 0px 7px 30px; } }
.page-template-page-public-bookings #main .section .weather-block #weatherFeed div span:last-of-type {
text-align: right;
width: calc(50% - 25px);
padding: 7px 0px; }
.page-template-page-public-bookings #main .section .weather-block #weatherFeed div .weatherIcon {
float: left;
width: 50px;
height: auto; }
@media screen and (max-width: 640px) {
.page-template-page-public-bookings #main .section .weather-block #weatherFeed div .weatherIcon {
width: 40px; } }
.page-template-page-public-bookings #main .section .weather-block .links {
padding-top: 20px;
text-align: center; }
.page-template-page-public-bookings #main .section .weather-block .links a:hover {
text-decoration: none !important; }
.public-buttons {
width: 640px;
margin: 0 auto;
display: flex;
flex-wrap: wrap; }
@media screen and (max-width: 820px) {
.public-buttons {
width: 100%; } }
.public-buttons .btn {
width: calc(50% - 30px);
margin: 0 30px 30px 0; }
@media screen and (max-width: 820px) {
.public-buttons .btn {
width: 100%;
margin: 0 auto 10px; } }
.public-buttons .btn:nth-child(2n+2) {
margin-right: 0; }
/* Events Calendar */
.page #main .section .container {
/* Events Calendar */ }
.page #main .section .container table {
border-collapse: collapse;
border: 1px solid #2b2c30;
width: 75% !important;
margin-bottom: 40px;
margin-top: 40px;
border: none;
text-align: center; }
.page #main .section .container table tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page #main .section .container table tr td {
font-size: 15px;
line-height: 20px; } }
.page #main .section .container table tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page #main .section .container table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page #main .section .container table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 1024px) {
.page #main .section .container table {
width: 100% !important; } }
.page #main .section .container table tr th {
text-align: left;
padding: 10px 20px;
vertical-align: top; }
@media screen and (max-width: 480px) {
.page #main .section .container table tr th {
padding: 10px; } }
.page #main .section .container table tr td {
padding: 10px 20px;
vertical-align: top;
border-bottom: 1px solid #a4a4a4; }
@media screen and (max-width: 480px) {
.page #main .section .container table tr td {
padding: 10px;
letter-spacing: 0; } }
.page #main .section .container table tr td a {
color: #404040; }
.page #main .section .container table tr td a:hover {
text-decoration: none; }
.page #main .section .container table tr:nth-child(2n+3) td {
background: #efefef; }
.page #main .section .container table tr .lefttd {
background: #ededed !important; }
.page #main .section .container p:last-of-type + table {
margin-top: 40px; }
.page #main .section .container .key {
float: left;
margin-top: 36px; }
@media screen and (max-width: 1024px) {
.page #main .section .container .key {
margin-top: 25px; } }
.page #main .section .container .key p {
margin-bottom: 0; }
.page #main .section .container .key p.category-social strong:before {
background: #AC92A6 !important;
border: 1px solid #AC92A6 !important; }
.page #main .section .container .key p.category-competition strong:before {
background: #1A535C !important;
border: 1px solid #1A535C !important; }
.page #main .section .container .key p.category-juniors strong:before {
background: #79B791 !important;
border: 1px solid #79B791 !important; }
.page #main .section .container .key p.category-womens strong:before {
background: #DCAB6B !important;
border: 1px solid #DCAB6B !important; }
.page #main .section .container .key p strong {
padding-left: 20px; }
.page #main .section .container .key p strong:before {
height: 12px;
width: 12px;
border: 1px solid #c4a674;
content: "";
position: relative;
left: -20px;
display: inline-block;
top: 0px; }
.page #main .section .container .eo-fullcalendar {
margin-top: 30px; }
.page #main .section .container .eo-fullcalendar.fc-unthemed .fc-today {
background-color: #efefef; }
.page #main .section .container .eo-fullcalendar .fc-toolbar {
margin-bottom: 30px !important; }
.page #main .section .container .eo-fullcalendar .fc-toolbar .fc-button-group .fc-icon {
top: 0; }
@media screen and (max-width: 820px) {
.page #main .section .container .eo-fullcalendar .fc-toolbar .fc-center {
clear: both;
width: 100%;
padding: 10px 0 0; } }
.page #main .section .container .eo-fullcalendar .fc-toolbar .fc-center h2 {
font-size: 24px;
margin: 0 0 30px;
font-family: "Merriweather", serif !important;
margin: 10px auto 0 !important; }
@media screen and (max-width: 1024px) {
.page #main .section .container .eo-fullcalendar .fc-toolbar .fc-center h2 {
margin-top: 0 !important; } }
@media screen and (max-width: 820px) {
.page #main .section .container .eo-fullcalendar .fc-toolbar .fc-center h2 {
float: none; } }
@media screen and (max-width: 480px) {
.page #main .section .container .eo-fullcalendar .fc-toolbar .fc-center h2 {
margin: 30px auto 0 !important; } }
.page #main .section .container .eo-fullcalendar .fc-toolbar .fc-right {
text-align: right; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table {
width: 100% !important;
border: 0 !important;
margin: 0; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table thead {
border: 0 !important; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table thead tr td.fc-widget-header {
padding: 10px 20px; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table thead tr td.fc-widget-header .fc-widget-header table thead tr th {
padding: 10px 20px !important;
border: 0;
background: #0498f0;
color: #ffffff; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table thead tr td.fc-day-number {
padding: 10px !important; }
@media screen and (max-width: 640px) {
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table thead tr td.fc-day-number {
border: 0 !important; } }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table thead tr td.fc-day-number.fc-today.fc-state-highlight {
background: #efefef; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td {
padding: 0 10px 10px !important; }
@media screen and (max-width: 640px) {
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td {
padding-bottom: 0 !important; } }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td.fc-event-container {
margin: 10px !important; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td.fc-today.fc-state-highlight {
background: #efefef; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event {
padding: 10px !important;
/* Event Organiser Categories */ }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event.category-social {
background: #AC92A6 !important;
border: 1px solid #AC92A6 !important; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event.category-competition {
background: #1A535C !important;
border: 1px solid #1A535C !important; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event.category-juniors {
background: #79B791 !important;
border: 1px solid #79B791 !important; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event.category-womens {
background: #DCAB6B !important;
border: 1px solid #DCAB6B !important; }
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr:nth-child(even) td {
background: transparent !important; }
@media screen and (max-width: 640px) {
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content.fc-row.fc-week:nth-of-type(odd) {
background: #efefef; } }
@media screen and (max-width: 640px) {
.page #main .section .container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content.fc-row.fc-week:nth-of-type(even) {
background: #ffffff; } }
.page #main .section.promo {
text-align: center;
z-index: 1; }
.page #main .section.promo .overlay {
width: 100%;
height: 100%;
position: absolute;
z-index: 2; }
.page #main .section.promo .background {
background-size: cover;
background-position: center;
color: #ffffff; }
.page #main .section.promo .background .container {
padding-top: 150px;
padding-bottom: 150px;
position: relative;
z-index: 5;
display: block; }
.page #main .section.promo .background .container h1,
.page #main .section.promo .background .container h2,
.page #main .section.promo .background .container h3,
.page #main .section.promo .background .container h4,
.page #main .section.promo .background .container h5,
.page #main .section.promo .background .container h6,
.page #main .section.promo .background .container a {
color: #ffffff; }
@media screen and (max-width: 1440px) {
.page #main .section.promo .background .container {
padding-top: 120px;
padding-bottom: 120px; } }
@media screen and (max-width: 1024px) {
.page #main .section.promo .background .container {
padding-top: 80px;
padding-bottom: 80px; } }
@media screen and (max-width: 820px) {
.page #main .section.promo .background .container {
padding-top: 60px;
padding-bottom: 60px; } }
.page #main .section.promo .background .container a.btn {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: transparent;
border: 2px solid #ffffff; }
@media screen and (max-width: 820px) {
.page #main .section.promo .background .container a.btn {
font-size: 13px;
padding: 10px 15px; } }
.page #main .section.promo .background .container a.btn:hover {
background: transparent;
border: 2px solid #ffffff;
opacity: 0.3;
cursor: pointer; }
/* Search Results */
.search-results #main .section .container #content .search-results .archive-item {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #dcdcdc; }
@media screen and (max-width: 820px) {
.search-results #main .section .container #content .search-results .archive-item {
margin-bottom: 30px;
padding-bottom: 30px; } }
.search-results #main .section .container #content .search-results .archive-item .archive-content h2 {
font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 0 30px;
margin: 20px 0 30px; }
@media screen and (max-width: 820px) {
.search-results #main .section .container #content .search-results .archive-item .archive-content h2 {
font-size: 24px;
margin: 0 0 20px; } }
.search-results #main .section .container #content .search-results .archive-item .archive-content h2 a {
font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 0 30px;
text-decoration: none; }
@media screen and (max-width: 820px) {
.search-results #main .section .container #content .search-results .archive-item .archive-content h2 a {
font-size: 24px;
margin: 0 0 20px; } }
@media screen and (max-width: 820px) {
.search-results #main .section .container #content .search-results .archive-item .archive-content h2 a {
font-size: 24px;
margin: 0 0 20px;
font-weight: 400; } }
.search-results #main .section .container #content .search-results .archive-item .archive-content .post-data {
font-weight: 300;
font-size: 14px;
margin-bottom: 30px !important;
text-transform: uppercase;
letter-spacing: 1.5px;
display: block; }
@media screen and (max-width: 1200px) {
.search-results #main .section .container #content .search-results .archive-item .archive-content .post-data {
margin-bottom: 20px !important; } }
@media screen and (max-width: 820px) {
.search-results #main .section .container #content .search-results .archive-item .archive-content .post-data {
margin-bottom: 10px !important; } }
.search-results #main .section .container #content .search-results .archive-item .archive-content p .read_more_link {
display: none; }
.search-results #main .section .container #content .search-results .archive-item .archive-content p.read_more a.read_more_link {
display: block;
color: #0498f0;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.5px; }
.search-results #main .section .container #content .search-results .nav {
width: auto;
margin: 0; }
@media screen and (max-width: 640px) {
.search-results #main .section .container #content .search-results .nav {
width: 100%;
text-align: center; } }
.search-results #main .section .container #content .search-results .nav.alignleft a {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
.search-results #main .section .container #content .search-results .nav.alignleft a {
font-size: 13px;
padding: 10px 15px; } }
.search-results #main .section .container #content .search-results .nav.alignleft a:hover {
transition: all 0.3s ease;
background: #c4a674; }
@media screen and (max-width: 640px) {
.search-results #main .section .container #content .search-results .nav.alignleft a {
float: none;
margin: 0 auto; } }
.search-results #main .section .container #content .search-results .nav.alignright a {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
.search-results #main .section .container #content .search-results .nav.alignright a {
font-size: 13px;
padding: 10px 15px; } }
.search-results #main .section .container #content .search-results .nav.alignright a:hover {
transition: all 0.3s ease;
background: #c4a674; }
@media screen and (max-width: 640px) {
.search-results #main .section .container #content .search-results .nav.alignright a {
float: none;
margin: 0 auto; } }
@media screen and (max-width: 640px) {
.search-results.paged #main .section .container #content .search-results .nav {
width: 48%; } }
@media screen and (max-width: 640px) {
.search-results.paged #main .section .container #content .search-results .nav.alignleft a {
float: right; } }
@media screen and (max-width: 640px) {
.search-results.paged #main .section .container #content .search-results .nav.alignright a {
float: left; } }
/* Fancybox Pop-up */
a.fancybox-inline:hover {
border: 1px solid #c4a674; }
.fancybox-popup {
background: #c4a674;
color: #ffffff;
padding-top: 30px; }
.fancybox-popup h2,
.fancybox-popup h3,
.fancybox-popup h4,
.fancybox-popup p {
margin: 0 30px 20px;
color: #ffffff; }
.fancybox-popup .gform_wrapper form {
padding: 20px 14px 30px 30px; }
.fancybox-popup .gform_body label.gfield_label {
color: #ffffff !important;
display: none !important; }
.fancybox-popup .gform_body .ginput_container input.medium {
width: 100%;
border: 0 !important; }
/* Slider animation */
@-webkit-keyframes fadeInUpSD {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpSD {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpSD {
-webkit-animation-name: fadeInUpSD;
animation-name: fadeInUpSD; }
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
.page-template-template-home #banner.home-screen.slider #home-slider .slick-active .slider-text {
animation-name: fadeInUpSD;
animation-duration: 1s;
opacity: 1;
width: 100%;
padding: 0 25%; }
@media screen and (max-width: 820px) {
.page-template-template-home #banner.home-screen.slider #home-slider .slick-active .slider-text {
padding: 0 5%; } }
#main {
animation-name: fadeInUpSD;
animation-duration: 1s;
opacity: 1; }
#main img.alignright {
animation-name: fadeInRight;
animation-duration: 1s;
opacity: 1; }
.section.split.left .come-in {
transform: translateX(150px);
animation: come-in 0.8s ease forwards; }
.section.split.left .come-in:nth-child(odd) {
animation-duration: 0.6s; }
.section.split.left .already-visible {
transform: translateX(0);
animation: none; }
@keyframes come-in {
to {
transform: translateX(0); } }
.section.right .come-in {
transform: translateX(-150px);
animation: come-in 0.8s ease forwards; }
.section.right .come-in:nth-child(odd) {
animation-duration: 0.6s; }
.section.right .already-visible {
transform: translateX(0);
animation: none; }
@keyframes come-in {
to {
transform: translateX(0); } }
/* Reciprocal Map */
.page-template-page-reciprocal-map .style-tabs,
.page-template-page-reciprocal-clubs .style-tabs,
.page-template-page-reciprocal-clubs-demo .style-tabs {
float: right;
display: none; }
@media screen and (max-width: 820px) {
.page-template-page-reciprocal-map .style-tabs,
.page-template-page-reciprocal-clubs .style-tabs,
.page-template-page-reciprocal-clubs-demo .style-tabs {
clear: both;
float: left;
width: 100%;
padding-bottom: 20px; } }
.page-template-page-reciprocal-map .style-tabs button,
.page-template-page-reciprocal-clubs .style-tabs button,
.page-template-page-reciprocal-clubs-demo .style-tabs button {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328; }
@media screen and (max-width: 820px) {
.page-template-page-reciprocal-map .style-tabs button,
.page-template-page-reciprocal-clubs .style-tabs button,
.page-template-page-reciprocal-clubs-demo .style-tabs button {
font-size: 13px;
padding: 10px 15px; } }
.page-template-page-reciprocal-map .style-tabs button:hover,
.page-template-page-reciprocal-clubs .style-tabs button:hover,
.page-template-page-reciprocal-clubs-demo .style-tabs button:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-page-reciprocal-map .style-tabs button.active,
.page-template-page-reciprocal-clubs .style-tabs button.active,
.page-template-page-reciprocal-clubs-demo .style-tabs button.active {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
.page-template-page-reciprocal-map .style-tabs button.active,
.page-template-page-reciprocal-clubs .style-tabs button.active,
.page-template-page-reciprocal-clubs-demo .style-tabs button.active {
font-size: 13px;
padding: 10px 15px; } }
.page-template-page-reciprocal-map .tabreciprocal,
.page-template-page-reciprocal-clubs .tabreciprocal,
.page-template-page-reciprocal-clubs-demo .tabreciprocal {
overflow: hidden;
border: 1px solid #0498f0;
background-color: #0498f0;
margin-top: 40px; }
.page-template-page-reciprocal-map .tabcontentreciprocal,
.page-template-page-reciprocal-clubs .tabcontentreciprocal,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal {
padding: 12px;
border: 1px solid #0498f0;
border-top: none;
overflow: auto; }
.page-template-page-reciprocal-map .tabreciprocal button,
.page-template-page-reciprocal-clubs .tabreciprocal button,
.page-template-page-reciprocal-clubs-demo .tabreciprocal button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
transition: 0.3s;
color: #ffffff;
text-transform: none;
background-color: #0498f0;
font-family: "Oxygen", sans-serif !important;
border: 1px solid #0498f0;
font-size: 17px;
padding: 10px 25px;
font-weight: 400; }
.page-template-page-reciprocal-map .tabreciprocal button.active,
.page-template-page-reciprocal-clubs .tabreciprocal button.active,
.page-template-page-reciprocal-clubs-demo .tabreciprocal button.active {
background: #ffffff;
color: #0498f0; }
.page-template-page-reciprocal-map .tabcontentreciprocal .wpgmp_map_parent,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .wpgmp_map_parent,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .wpgmp_map_parent {
margin-bottom: 12px; }
@media screen and (max-width: 820px) {
.page-template-page-reciprocal-map .tabcontentreciprocal .wpgmp_map_parent .wpgmp_map,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .wpgmp_map_parent .wpgmp_map,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .wpgmp_map_parent .wpgmp_map {
height: 400px !important; } }
.page-template-page-reciprocal-map .tabcontentreciprocal .wpgmp_filter_wrappers .wpgmp_before_listing,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .wpgmp_filter_wrappers .wpgmp_before_listing,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .wpgmp_filter_wrappers .wpgmp_before_listing {
font-size: 20px;
font-weight: 600; }
.page-template-page-reciprocal-map .tabcontentreciprocal .wpgmp_listing_header .wpgmp_search_form,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .wpgmp_listing_header .wpgmp_search_form,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .wpgmp_listing_header .wpgmp_search_form {
font-family: "Oxygen", sans-serif; }
.page-template-page-reciprocal-map .tabcontentreciprocal .wpgmp_listing_header .wpgmp_search_form input,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .wpgmp_listing_header .wpgmp_search_form input,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .wpgmp_listing_header .wpgmp_search_form input {
font-family: "Oxygen", sans-serif; }
.page-template-page-reciprocal-map .tabcontentreciprocal .categories_filter,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .categories_filter,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .categories_filter {
font-family: "Oxygen", sans-serif; }
.page-template-page-reciprocal-map .tabcontentreciprocal .categories_filter .wpgmp-filters-container,
.page-template-page-reciprocal-map .tabcontentreciprocal .categories_filter select,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .categories_filter .wpgmp-filters-container,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .categories_filter select,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .categories_filter .wpgmp-filters-container,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .categories_filter select {
font-family: "Oxygen", sans-serif; }
.page-template-page-reciprocal-map .tabcontentreciprocal .categories_filter .wpgmp-filters-container .choose_salutation,
.page-template-page-reciprocal-map .tabcontentreciprocal .categories_filter select .choose_salutation,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .categories_filter .wpgmp-filters-container .choose_salutation,
.page-template-page-reciprocal-clubs .tabcontentreciprocal .categories_filter select .choose_salutation,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .categories_filter .wpgmp-filters-container .choose_salutation,
.page-template-page-reciprocal-clubs-demo .tabcontentreciprocal .categories_filter select .choose_salutation {
font-family: "Oxygen", sans-serif; }
.page-template-page-reciprocal-map .wpgmp_listing_grid .fc-item-default.fc-wait .wpgmp_locations,
.page-template-page-reciprocal-clubs .wpgmp_listing_grid .fc-item-default.fc-wait .wpgmp_locations,
.page-template-page-reciprocal-clubs-demo .wpgmp_listing_grid .fc-item-default.fc-wait .wpgmp_locations {
padding: 20px !important; }
.page-template-page-reciprocal-map .wpgmp_location_title h4,
.page-template-page-reciprocal-clubs .wpgmp_location_title h4,
.page-template-page-reciprocal-clubs-demo .wpgmp_location_title h4 {
font-size: 20px;
font-weight: 400;
margin: 0 0 15px; }
.page-template-page-reciprocal-map .wpgmp_location_title a.place_title,
.page-template-page-reciprocal-clubs .wpgmp_location_title a.place_title,
.page-template-page-reciprocal-clubs-demo .wpgmp_location_title a.place_title {
color: #404040;
font-size: 20px;
font-weight: 600;
font-family: "Oxygen", sans-serif;
text-decoration: none; }
.page-template-page-reciprocal-map .wpgmp_map_container .wpgmp_pagination span.current,
.page-template-page-reciprocal-clubs .wpgmp_map_container .wpgmp_pagination span.current,
.page-template-page-reciprocal-clubs-demo .wpgmp_map_container .wpgmp_pagination span.current {
background: #cccccc;
color: #0498f0; }
.page-template-page-reciprocal-map .wpgmp_map_container .wpgmp_pagination a,
.page-template-page-reciprocal-clubs .wpgmp_map_container .wpgmp_pagination a,
.page-template-page-reciprocal-clubs-demo .wpgmp_map_container .wpgmp_pagination a {
background: #0498f0;
color: #ffffff !important;
transition: all 0.3s ease;
text-decoration: underline; }
.page-template-page-reciprocal-map .wpgmp_map_container .wpgmp_pagination a:hover,
.page-template-page-reciprocal-clubs .wpgmp_map_container .wpgmp_pagination a:hover,
.page-template-page-reciprocal-clubs-demo .wpgmp_map_container .wpgmp_pagination a:hover {
background: #0498f0;
transition: all 0.3s ease; }
.page-template-page-reciprocal-map .wpgmp_map_container .wpgmp_listing_container p,
.page-template-page-reciprocal-clubs .wpgmp_map_container .wpgmp_listing_container p,
.page-template-page-reciprocal-clubs-demo .wpgmp_map_container .wpgmp_listing_container p {
font-size: 17px;
color: #404040;
font-family: "Oxygen", sans-serif; }
.page-template-page-reciprocal-map .wpgmp_map_container .wpgmp_listing_container p.map-title,
.page-template-page-reciprocal-clubs .wpgmp_map_container .wpgmp_listing_container p.map-title,
.page-template-page-reciprocal-clubs-demo .wpgmp_map_container .wpgmp_listing_container p.map-title {
font-weight: 600;
padding-top: 10px; }
.page-template-page-reciprocal-map .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_head .wpgmp_location_title p.map-title,
.page-template-page-reciprocal-clubs .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_head .wpgmp_location_title p.map-title,
.page-template-page-reciprocal-clubs-demo .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_head .wpgmp_location_title p.map-title {
color: #404040; }
.page-template-page-reciprocal-map .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_content p.map-title,
.page-template-page-reciprocal-clubs .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_content p.map-title,
.page-template-page-reciprocal-clubs-demo .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_content p.map-title {
margin-bottom: 5px;
color: #404040; }
.page-template-page-reciprocal-map .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_content p.map-title a,
.page-template-page-reciprocal-clubs .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_content p.map-title a,
.page-template-page-reciprocal-clubs-demo .wpgmp_map_container .wpgmp_listing_container .masonry .masonry-brick .wpgmp_locations .wpgmp_locations_content p.map-title a {
color: #404040;
text-decoration: underline; }
.page-template-page-reciprocal-map div.categories_filter select,
.page-template-page-reciprocal-clubs div.categories_filter select,
.page-template-page-reciprocal-clubs-demo div.categories_filter select {
background-color: #0498f0;
font-size: "Oxygen", sans-serif;
font-size: 16px; }
.page-template-page-reciprocal-map .wpgmp_iw_content h3,
.page-template-page-reciprocal-clubs .wpgmp_iw_content h3,
.page-template-page-reciprocal-clubs-demo .wpgmp_iw_content h3 {
margin: 0 0 10px !important;
font-size: 16px !important; }
.page-template-page-reciprocal-map .wpgmp_iw_content p,
.page-template-page-reciprocal-clubs .wpgmp_iw_content p,
.page-template-page-reciprocal-clubs-demo .wpgmp_iw_content p {
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
font-family: "Oxygen", sans-serif; }
.page-template-page-reciprocal-map .wpgmp_pagination,
.page-template-page-reciprocal-clubs .wpgmp_pagination,
.page-template-page-reciprocal-clubs-demo .wpgmp_pagination {
padding-top: 20px !important;
overflow: hidden; }
.page-template-page-reciprocal-map div.wpgmp_infowindow .fc-main p,
.page-template-page-reciprocal-clubs div.wpgmp_infowindow .fc-main p,
.page-template-page-reciprocal-clubs-demo div.wpgmp_infowindow .fc-main p {
margin-bottom: 10px; }
.table-outer {
position: relative;
overflow: hidden; }
.table-outer + * {
margin-top: 16px; }
.table-outer .table-scroll-notice {
display: none;
width: 100%; }
.table-outer .table-scroll-notice p {
margin-top: 0;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
text-align: right;
opacity: .5; }
.table-outer .table-container {
display: inline-block;
position: relative;
max-width: 100%;
overflow-x: auto;
min-width: 100%; }
.table-outer .table-container::-webkit-scrollbar {
width: 12px;
height: 12px; }
.table-outer .table-container::-webkit-scrollbar-button {
width: 0px;
height: 0px; }
.table-outer .table-container::-webkit-scrollbar-thumb {
background: rgba(200, 200, 200, 0.8);
border: 0px none #ffffff;
border-radius: 0px; }
.table-outer .table-container::-webkit-scrollbar-thumb:hover {
background: rgba(200, 200, 200, 0.9); }
.table-outer .table-container::-webkit-scrollbar-thumb:active {
background: rgba(200, 200, 200, 0.9); }
.table-outer .table-container::-webkit-scrollbar-track {
background: rgba(100, 100, 100, 0.5);
border: 0px none #ffffff;
border-radius: 0px; }
.table-outer .table-container::-webkit-scrollbar-corner {
background: transparent; }
.table-outer .table-container table {
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(128, 128, 128, 0.3);
border-spacing: 0;
border-collapse: separate; }
.table-outer .table-container table caption {
text-align: left;
padding: 5px 10px;
margin-bottom: 7px;
opacity: .5;
border-radius: 3px;
background: rgba(128, 128, 128, 0.3);
border-bottom: 2px solid rgba(100, 100, 100, 0.7); }
.table-outer .table-container table thead,
.table-outer .table-container table tfoot {
background: rgba(100, 100, 100, 0.4); }
.table-outer .table-container table tbody tr:nth-child(odd) {
background: rgba(255, 255, 255, 0.1); }
.table-outer .table-container table tbody tr:nth-child(even) {
background: rgba(128, 128, 128, 0.05); }
.table-outer .table-container table tr td {
padding: 10px 15px; }
@media screen and (max-width: 960px) {
.table-outer .table-container table tr td {
padding: 3px 6px; } }
.table-outer .table-container table tr:nth-of-type(1) {
background: #0498f0 !important;
color: white !important;
font-weight: bold !important; }
.table-outer .table-container table tr:nth-of-type(1) td {
color: #ffffff !important; }
/* Galleries */
.gallery {
background: #ffffff;
display: flex;
flex-wrap: wrap;
width: 100%;
/* Specific Widths */ }
.gallery .gallery-item {
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center;
flex-basis: 25%;
flex-grow: 1;
margin: 0;
justify-content: space-around;
position: relative;
overflow: hidden;
height: 230px; }
.gallery .gallery-item .gallery-icon a {
display: block;
overflow: hidden; }
.gallery .gallery-item .gallery-icon a img {
border: 8px solid #ffffff !important;
width: 100%;
height: 230px !important;
object-fit: cover; }
.gallery br {
display: none !important; }
.gallery.gallery-columns-2 .gallery-item {
flex-basis: 50%;
width: 50%;
height: 230px;
height: 230px !important; }
.gallery.gallery-columns-2 .gallery-item .gallery-icon a img {
height: 230px !important; }
@media screen and (max-width: 1024px) {
.gallery.gallery-columns-2 .gallery-item {
height: 200px !important; } }
@media screen and (max-width: 640px) {
.gallery.gallery-columns-2 .gallery-item {
height: 100px !important; } }
.gallery.gallery-columns-2 .gallery-item .gallery-icon a img {
height: 230px !important; }
@media screen and (max-width: 1024px) {
.gallery.gallery-columns-2 .gallery-item .gallery-icon a img {
height: 200px !important; } }
@media screen and (max-width: 640px) {
.gallery.gallery-columns-2 .gallery-item .gallery-icon a img {
height: 100px !important; } }
@media screen and (max-width: 1024px) {
.gallery.gallery-columns-2 .gallery-item {
height: 200px !important; } }
@media screen and (max-width: 640px) {
.gallery.gallery-columns-2 .gallery-item {
height: 100px !important; } }
.gallery.gallery-columns-3 .gallery-item {
flex-basis: 33.33%;
width: 33.33%;
height: 230px !important; }
@media screen and (max-width: 1200px) {
.gallery.gallery-columns-3 .gallery-item {
height: 150px !important; } }
@media screen and (max-width: 480px) {
.gallery.gallery-columns-3 .gallery-item {
flex-basis: 50%;
width: 50%;
height: 230px;
height: 100px !important; } }
@media screen and (max-width: 480px) and (max-width: 1024px) {
.gallery.gallery-columns-3 .gallery-item {
height: 200px !important; } }
@media screen and (max-width: 480px) and (max-width: 640px) {
.gallery.gallery-columns-3 .gallery-item {
height: 100px !important; } }
@media screen and (max-width: 480px) {
.gallery.gallery-columns-3 .gallery-item .gallery-icon a img {
height: 230px !important; } }
@media screen and (max-width: 480px) and (max-width: 1024px) {
.gallery.gallery-columns-3 .gallery-item .gallery-icon a img {
height: 200px !important; } }
@media screen and (max-width: 480px) and (max-width: 640px) {
.gallery.gallery-columns-3 .gallery-item .gallery-icon a img {
height: 100px !important; } }
.gallery.gallery-columns-3 .gallery-item .gallery-icon a img {
height: 230px !important; }
@media screen and (max-width: 1200px) {
.gallery.gallery-columns-3 .gallery-item .gallery-icon a img {
height: 150px !important; } }
@media screen and (max-width: 480px) {
.gallery.gallery-columns-3 .gallery-item .gallery-icon a img {
height: 100px !important; } }
.gallery.gallery-columns-5 .gallery-item {
flex-basis: 20%;
width: 20%; }
@media screen and (max-width: 1200px) {
.gallery.gallery-columns-5 .gallery-item {
flex-basis: 25%;
width: 25%; } }
@media screen and (max-width: 1024px) {
.gallery.gallery-columns-5 .gallery-item {
flex-basis: 50%;
width: 50%;
height: 230px;
height: 200px !important; } }
@media screen and (max-width: 1024px) and (max-width: 1024px) {
.gallery.gallery-columns-5 .gallery-item {
height: 200px !important; } }
@media screen and (max-width: 1024px) and (max-width: 640px) {
.gallery.gallery-columns-5 .gallery-item {
height: 100px !important; } }
@media screen and (max-width: 1024px) {
.gallery.gallery-columns-5 .gallery-item .gallery-icon a img {
height: 230px !important; } }
@media screen and (max-width: 1024px) and (max-width: 1024px) {
.gallery.gallery-columns-5 .gallery-item .gallery-icon a img {
height: 200px !important; } }
@media screen and (max-width: 1024px) and (max-width: 640px) {
.gallery.gallery-columns-5 .gallery-item .gallery-icon a img {
height: 100px !important; } }
.gallery.gallery-columns-6 .gallery-item {
flex-basis: 16.66%;
width: 16%;
height: 200px !important;
/*@include media($tablet-h) {
@include gallery-tablet-h;
height: 200px !important;
}*/ }
@media screen and (max-width: 1200px) {
.gallery.gallery-columns-6 .gallery-item {
flex-basis: 33.33%;
width: 33.33%;
height: 150px !important; } }
@media screen and (max-width: 480px) {
.gallery.gallery-columns-6 .gallery-item {
flex-basis: 50%;
width: 50%;
height: 230px;
height: 100px !important; } }
@media screen and (max-width: 480px) and (max-width: 1024px) {
.gallery.gallery-columns-6 .gallery-item {
height: 200px !important; } }
@media screen and (max-width: 480px) and (max-width: 640px) {
.gallery.gallery-columns-6 .gallery-item {
height: 100px !important; } }
@media screen and (max-width: 480px) {
.gallery.gallery-columns-6 .gallery-item .gallery-icon a img {
height: 230px !important; } }
@media screen and (max-width: 480px) and (max-width: 1024px) {
.gallery.gallery-columns-6 .gallery-item .gallery-icon a img {
height: 200px !important; } }
@media screen and (max-width: 480px) and (max-width: 640px) {
.gallery.gallery-columns-6 .gallery-item .gallery-icon a img {
height: 100px !important; } }
.gallery.gallery-columns-6 .gallery-item .gallery-icon a img {
height: 200px !important; }
@media screen and (max-width: 1200px) {
.gallery.gallery-columns-6 .gallery-item .gallery-icon a img {
height: 150px !important; } }
@media screen and (max-width: 480px) {
.gallery.gallery-columns-6 .gallery-item .gallery-icon a img {
height: 100px !important; } }
@media screen and (max-width: 1024px) {
.gallery .gallery-item {
flex-basis: 50%;
width: 50%;
height: 230px;
height: 200px !important; } }
@media screen and (max-width: 1024px) and (max-width: 1024px) {
.gallery .gallery-item {
height: 200px !important; } }
@media screen and (max-width: 1024px) and (max-width: 640px) {
.gallery .gallery-item {
height: 100px !important; } }
@media screen and (max-width: 1024px) {
.gallery .gallery-item .gallery-icon a img {
height: 230px !important; } }
@media screen and (max-width: 1024px) and (max-width: 1024px) {
.gallery .gallery-item .gallery-icon a img {
height: 200px !important; } }
@media screen and (max-width: 1024px) and (max-width: 640px) {
.gallery .gallery-item .gallery-icon a img {
height: 100px !important; } }
.page-id-2201 #main .section .container table {
width: 100% !important; }
.page-id-3023 #sign-up-form {
max-width: 1200px;
margin: 60px auto; }
@media screen and (max-width: 1200px) {
.page-id-3023 #sign-up-form {
margin: 20px 5%; } }
.page-id-3023 #footer-container #footer .container {
width: 90%; }
.page-id-3023 .is-style-default {
width: 80%; }
.page-id-2213 td {
background: none !important; }
.page-id-2213 #main .section .container table {
width: 100% !important; }
nav.eo-events-nav {
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: row-reverse; }
nav.eo-events-nav .eo-events-nav-earlier a {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
nav.eo-events-nav .eo-events-nav-earlier a {
font-size: 13px;
padding: 10px 15px; } }
nav.eo-events-nav .eo-events-nav-earlier a:hover {
transition: all 0.3s ease;
background: #c4a674; }
@media screen and (max-width: 640px) {
nav.eo-events-nav .eo-events-nav-earlier a {
float: none;
margin: 0 auto; } }
nav.eo-events-nav .eo-events-nav-later a {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
nav.eo-events-nav .eo-events-nav-later a {
font-size: 13px;
padding: 10px 15px; } }
nav.eo-events-nav .eo-events-nav-later a:hover {
transition: all 0.3s ease;
background: #c4a674; }
@media screen and (max-width: 640px) {
nav.eo-events-nav .eo-events-nav-later a {
float: none;
margin: 0 auto; } }
/* Nav */
.freeze {
overflow: hidden; }
@media screen and (max-width: 640px) {
.freeze {
overflow-y: scroll; } }
.freeze #navigation .logo {
z-index: -1; }
#navigation {
width: 100%;
height: 126px;
background: transparent;
position: fixed;
z-index: 100;
top: 0;
transition: all 0.3s ease;
background: transparent; }
@media screen and (max-width: 1440px) {
#navigation {
height: 100px; } }
@media screen and (max-width: 820px) {
#navigation {
height: 80px; } }
#navigation .nav-inner {
margin: 0 auto; }
#navigation .nav-inner .left-menu {
position: relative;
top: 0;
left: 0; }
#navigation .nav-inner .left-menu #hamburger {
top: 50px;
left: 50px;
width: 50px;
position: relative;
transition: all 0.3s ease; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .left-menu #hamburger {
top: 39px; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .left-menu #hamburger {
top: 30px;
left: 30px; } }
#navigation .nav-inner .left-menu #hamburger .hamburger-icon {
overflow: hidden;
opacity: 1;
transition: all 0.3s ease;
width: 30px;
height: 26px; }
#navigation .nav-inner .left-menu #hamburger .hamburger-icon:hover {
cursor: pointer;
opacity: 0.8;
transition: all 0.3s ease; }
#navigation .nav-inner .left-menu #hamburger .hamburger-icon:before {
width: 30px;
height: 3px;
content: "";
background: #cccccc;
display: block;
opacity: 1;
transition: all 0.3s ease; }
#navigation .nav-inner .left-menu #hamburger .hamburger-icon:after {
width: 18px;
height: 3px;
content: "";
background: #cccccc;
display: block;
opacity: 1;
transition: all 0.3s ease; }
#navigation .nav-inner .left-menu #hamburger .hamburger:focus {
outline: none; }
#navigation .nav-inner .left-menu #hamburger a {
width: 30px;
height: 3px;
content: "";
background: #cccccc;
display: block;
margin: 7px 0;
opacity: 1;
transition: all 0.3s ease; }
#navigation .nav-inner .left-menu #hamburger a .menu-title {
opacity: 0; }
#navigation .nav-inner .logo {
width: 189px;
height: 126px;
margin: 0 auto;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
float: none;
display: block;
transition: all 0.3s ease;
z-index: 99; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .logo {
width: 100px;
height: 100px; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .logo {
height: 80px; } }
#navigation .nav-inner .logo a {
display: block;
padding: 25px 0;
transition: all 0.3s ease; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .logo a {
padding: 25px 0; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .logo a {
padding: 22px 0;
overflow: hidden; } }
#navigation .nav-inner .logo a img {
width: auto;
height: 86px;
display: block;
margin: -20px auto;
transition: all 0.3s ease; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .logo a img {
height: 50px; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .logo a img {
height: 60px; } }
#navigation .nav-inner .members-menu {
position: absolute;
top: 0;
right: 100px;
width: auto;
height: 126px;
transition: all 0.3s ease;
font-family: "Oxygen", sans-serif;
z-index: 99; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .members-menu {
height: 100px; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .members-menu {
height: 80px;
right: 50px; } }
#navigation .nav-inner .members-menu a {
font-family: "Oxygen", sans-serif;
color: #ffffff;
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
text-align: center;
transition: all 0.3s ease;
font-weight: 600;
padding: 55px 10px 55px; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .members-menu a {
padding: 42px 10px 42px; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .members-menu a {
padding: 35px 10px;
line-height: 10px;
font-size: 14px;
line-height: 10px; } }
#navigation .nav-inner .members-menu a:hover {
opacity: 0.7;
transition: all 0.3s ease; }
#navigation .nav-inner .search {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 126px;
transition: all 0.3s ease;
font-family: "Oxygen", sans-serif;
z-index: 99; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .search {
height: 100px; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .search {
height: 80px;
width: 40px; } }
#navigation .nav-inner .search .fa {
font-size: 20px;
padding-left: 0px;
opacity: 1;
transition: all 0.3s ease;
display: block; }
#navigation .nav-inner .search .fa:hover {
opacity: 0.7;
transition: all 0.3s ease; }
#navigation .nav-inner .search a {
color: #ffffff;
text-decoration: none;
padding: 49px 0 49px 30px;
display: block; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .search a {
padding: 36px 0 36px 30px; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .search a {
padding: 26px 0 26px 0px; } }
#navigation .nav-inner .search a:hover {
cursor: pointer;
opacity: 0.7; }
#navigation .nav-inner .search .search-field {
background: #222328;
position: absolute;
padding: 30px 40px;
top: 126px;
right: 0;
display: none; }
@media screen and (max-width: 1440px) {
#navigation .nav-inner .search .search-field {
top: 100px; } }
@media screen and (max-width: 820px) {
#navigation .nav-inner .search .search-field {
top: 80px;
padding: 20px; } }
#navigation .nav-inner .search .search-field form div {
display: flex; }
#navigation .nav-inner .search .search-field form div label {
display: none; }
#navigation .nav-inner .search .search-field form div input {
font-family: "Oxygen", sans-serif;
height: 30px;
border: 0;
border-radius: 0; }
#navigation .nav-inner .search .search-field form div #s {
width: 150px;
font-size: 15px;
padding: 10px; }
#navigation .nav-inner .search .search-field form div #searchsubmit {
background: #0498f0;
color: #ffffff;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0px 10px;
opacity: 1;
transition: all 0.3s ease; }
#navigation .nav-inner .search .search-field form div #searchsubmit:hover {
opacity: 0.5;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
#navigation .nav-inner .search .search-field form div #searchsubmit {
-webkit-appearance: none;
border-radius: 0; } }
#navigation .nav-inner .search:hover {
cursor: pointer; }
#navigation a {
text-decoration: none; }
#navigation.shrink {
height: 80px;
transition: all 0.3s ease;
background: #0498f0; }
#navigation.shrink .nav-inner .left-menu #hamburger {
top: 30px;
transition: all 0.3s ease; }
#navigation.shrink .nav-inner .left-menu #hamburger .menu-title {
opacity: 0;
transition: all 0.3s ease; }
#navigation.shrink .logo {
height: 80px;
transition: all 0.3s ease; }
#navigation.shrink .logo a {
padding: 22px 0;
transition: all 0.3s ease; }
#navigation.shrink .logo a img {
width: auto;
height: 66px;
transition: all 0.3s ease; }
#navigation.shrink .members-menu {
transition: all 0.3s ease;
height: 80px; }
#navigation.shrink .members-menu a {
transition: all 0.3s ease;
padding: 35px 10px;
line-height: 10px; }
#navigation.shrink .search {
height: 80px;
transition: all 0.3s ease; }
#navigation.shrink .search .fa:hover {
opacity: 0.7;
transition: all 0.3s ease; }
#navigation.shrink .search a {
padding: 26px 0 26px 30px; }
@media screen and (max-width: 820px) {
#navigation.shrink .search a {
padding: 26px 0 26px 0px; } }
#navigation.shrink .search .search-field.shrink {
top: 80px; }
#navigation.solid {
height: 80px;
transition: all 0.3s ease;
background: #0498f0; }
#navigation.solid .nav-inner .left-menu #hamburger {
top: 30px;
transition: all 0.3s ease; }
#navigation.solid .nav-inner .left-menu #hamburger .menu-title {
opacity: 0;
transition: all 0.3s ease; }
#navigation.solid .logo {
height: 80px;
transition: all 0.3s ease; }
#navigation.solid .logo a {
padding: 22px 0;
transition: all 0.3s ease; }
#navigation.solid .logo a img {
width: auto;
height: 66px;
transition: all 0.3s ease; }
#navigation.solid .members-menu {
transition: all 0.3s ease;
height: 80px; }
#navigation.solid .members-menu a {
transition: all 0.3s ease;
padding: 35px 10px;
line-height: 10px; }
#navigation.solid .search {
height: 80px;
transition: all 0.3s ease; }
#navigation.solid .search .fa:hover {
opacity: 0.7;
transition: all 0.3s ease; }
#navigation.solid .search a {
padding: 26px 0 26px 30px; }
@media screen and (max-width: 820px) {
#navigation.solid .search a {
padding: 26px 0 26px 0px; } }
#navigation.solid .search .search-field.shrink {
top: 80px; }
/* Flyout */
#menu.flyout div::-webkit-scrollbar {
display: none;
-ms-overflow-style: none; }
body #menu.flyout {
position: absolute;
width: 480px;
height: 100%;
top: 0;
z-index: 99;
display: block;
background: #222328;
margin-left: -480px;
transition: all 0.3s ease; }
@media screen and (max-width: 640px) {
body #menu.flyout {
width: 100%;
margin-left: -100%; } }
body #menu.flyout.open {
margin-left: 0; }
body #menu.flyout.open .menu-holder ul {
z-index: 999; }
body #menu.flyout .menu-holder {
position: fixed;
display: block;
width: 480px;
overflow-y: scroll;
overflow-x: hidden;
background: #222328;
padding-top: 126px; }
@media screen and (max-width: 820px) {
body #menu.flyout .menu-holder {
padding-top: 80px;
height: 100% !important; } }
@media screen and (max-width: 640px) {
body #menu.flyout .menu-holder {
width: 100%; } }
body #menu.flyout .menu-holder ul {
padding: 0;
margin: 0 auto;
text-align: left;
background: #222328;
height: 100%; }
body #menu.flyout .menu-holder ul li {
list-style: none;
border-bottom: 1px solid #2b2c30;
margin-bottom: 0;
transition: all 0.3s ease;
position: relative;
font-family: "Merriweather", serif;
/* Sub Menu */ }
body #menu.flyout .menu-holder ul li a {
margin: 0;
color: #cccccc;
font-family: "Merriweather", serif;
text-decoration: none;
display: block;
transition: all 0.3s ease;
padding: 20px 50px;
font-size: 20px;
font-weight: 400;
letter-spacing: 1px; }
@media screen and (max-width: 640px) {
body #menu.flyout .menu-holder ul li a {
padding: 20px 30px; } }
body #menu.flyout .menu-holder ul li a:hover {
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li .arrow-down-nav {
position: absolute;
color: #cccccc;
width: 100%;
height: auto;
padding: 20px;
text-align: right;
top: 0;
z-index: 100;
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li .arrow-down-nav .arrow {
border: solid #cccccc;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.3s ease;
margin-right: 0px; }
body #menu.flyout .menu-holder ul li .arrow-down-nav .fal {
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li:hover {
transition: all 0.3s ease;
background: #1e1f23;
cursor: pointer; }
body #menu.flyout .menu-holder ul li:hover a {
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li:hover .arrow-down-nav {
position: absolute;
color: #ffffff;
width: 100%;
background: transparent !important;
height: auto;
padding: 20px;
text-align: right;
top: 0;
z-index: 100;
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li:hover .arrow-down-nav .arrow {
border: solid #ffffff;
border-width: 0 2px 2px 0;
padding: 3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li.current_page_item, body #menu.flyout .menu-holder ul li.current-menu-ancestor {
background: #0498f0; }
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu {
margin: 0;
padding: 0 0 20px; }
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li {
border-bottom: 0px solid #2b2c30;
line-height: 16px;
/* Second Level dropdown */ }
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li.menu-item-has-children .arrow-down-nav {
display: none; }
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li.current_page_item a {
font-weight: 600; }
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li a {
margin: 0;
padding: 0 0 18px 0;
text-transform: none;
transition: all 0.3s ease;
font-family: "Oxygen", sans-serif;
font-weight: 300;
font-size: 17px; }
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li a:hover {
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li .sub-menu {
padding: 0; }
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li .sub-menu li a {
font-weight: 300; }
body #menu.flyout .menu-holder ul li.menu-item-has-children.open .arrow {
border-width: 0 2px 2px 0;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: all 0.3s ease;
margin-right: 0px; }
body #menu.flyout .menu-holder ul li.menu-item-has-children.open .fal {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li.menu-item-has-children.open ul.sub-menu {
display: block;
transition: all 0.3s ease;
padding: 0 0 10px; }
body #menu.flyout .menu-holder ul li.menu-item-has-children.open ul.sub-menu li {
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li.menu-item-has-children.open ul.sub-menu li a {
padding: 10px 50px; }
body #menu.flyout .menu-holder ul li.menu-item-has-children.open ul.sub-menu li:hover a {
background: #19191D;
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li.menu-item-has-children.open ul.sub-menu ul.sub-menu {
padding: 0px; }
body #menu.flyout .menu-holder ul li.menu-item-has-children.open ul.sub-menu ul.sub-menu li a {
padding: 10px 70px; }
body #menu.flyout .menu-holder ul li ul.sub-menu {
height: auto;
padding: 0;
margin: 0;
background: #1e1f23;
display: none;
transition: all 0.3s ease; }
body #menu.flyout .menu-holder ul li ul.sub-menu li a {
padding: 0; }
body #overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 98;
opacity: 0;
display: none;
background: rgba(0, 0, 0, 0.5);
transition: all 0.3s ease; }
body #overlay:hover {
cursor: pointer; }
body #overlay.open {
opacity: 1;
display: block; }
body.logged-in-editor #menu.flyout {
height: calc(100% - 39px) !important; }
body.logged-in-editor #menu.flyout .menu-holder {
height: calc(100% - 39px) !important; }
body.logged-in-editor #menu.flyout .menu-holder ul {
height: calc(100% - 39px) !important; }
body.logged-in-editor #menu.flyout .menu-holder ul li ul {
height: auto; }
.left-menu {
width: 480px;
height: 126px;
transition: all 0.3s ease;
background: linear-gradient(to right, #222328 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom; }
@media screen and (max-width: 1440px) {
.left-menu {
height: 80px; } }
@media screen and (max-width: 640px) {
.left-menu {
width: 100%;
height: 80px; } }
.left-menu.active {
transition: all 0.3s ease;
background-position: left bottom; }
.status {
position: absolute;
top: 0;
margin-top: 44px;
left: 170px;
display: flex;
height: auto;
transition: all 0.3s ease;
padding-left: 0px;
opacity: 1;
z-index: -1; }
@media screen and (max-width: 1440px) {
.status {
margin-top: 32px; } }
@media screen and (max-width: 1200px) {
.status {
left: 110px; } }
@media screen and (max-width: 1024px) {
.status {
position: relative;
top: 28px;
left: 50px;
right: auto;
margin: 0 auto;
text-align: center;
height: auto; } }
@media screen and (max-width: 820px) {
.status {
top: 3px; } }
@media screen and (max-width: 640px) {
.status {
height: 34px;
width: 300px;
left: auto;
right: auto;
margin: 0 auto;
text-align: center;
top: 18px; } }
@media screen and (max-width: 1024px) {
.status.hide {
display: none;
transition: all 0.3s ease; } }
.status .course-status,
.status .cart-status {
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
line-height: 18px;
transition: all 0.3s ease;
background: rgba(4, 152, 240, 0.75);
padding: 10px;
height: auto; }
@media screen and (max-width: 1024px) {
.status .course-status,
.status .cart-status {
color: #404040;
font-size: 14px;
padding: 10px;
line-height: 14px;
background: transparent; } }
@media screen and (max-width: 640px) {
.status .course-status,
.status .cart-status {
width: 50%; } }
.status .course-status strong,
.status .cart-status strong {
font-weight: 600; }
.status .cart-status {
display: none; }
.status .cart-status img {
float: left;
width: auto;
height: 18px;
position: relative;
top: -1px;
margin-right: 5px; }
@media screen and (max-width: 640px) {
.status .cart-status img {
margin-right: 2px; } }
.status .cart-status img.dark {
display: none; }
@media screen and (max-width: 1024px) {
.status .cart-status img.dark {
display: inline;
height: 16px; } }
.status .cart-status img.white {
display: inline; }
@media screen and (max-width: 1024px) {
.status .cart-status img.white {
display: none; } }
.shrink .left-menu {
width: 480px;
height: 80px;
transition: all 0.3s ease; }
@media screen and (max-width: 640px) {
.shrink .left-menu {
width: 100%;
height: 80px; } }
.shrink .menu-holder {
padding-top: 80px !important; }
.shrink .status {
transition: all 0.3s ease;
opacity: 0; }
@media screen and (max-width: 1024px) {
.shrink .status {
position: relative;
top: 28px;
left: 50px;
right: auto;
margin: 0 auto;
text-align: center;
height: auto; } }
@media screen and (max-width: 640px) {
.shrink .status {
left: auto; } }
.shrink .status .course-status,
.shrink .status .cart-status {
line-height: 10px;
transition: all 0.3s ease; }
@media screen and (max-width: 1024px) {
.shrink .status .course-status,
.shrink .status .cart-status {
color: #404040;
font-size: 14px;
padding: 10px;
line-height: 14px; } }
/* Social Icons */
#social {
position: absolute;
width: 50px;
left: 50px;
bottom: 150px;
transition: all 0.3s ease;
z-index: 98; }
@media screen and (max-width: 1600px) {
#social {
bottom: 90px;
left: 5%;
width: 20%; } }
@media screen and (max-width: 820px) {
#social {
position: absolute;
bottom: 90px;
width: 170px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto; } }
#social .fab {
margin-top: 20px;
font-size: 20px;
padding-left: 0px;
opacity: 1;
transition: all 0.3s ease;
display: block;
text-shadow: 0px 0px 4px #000000; }
@media screen and (max-width: 1600px) {
#social .fab {
margin-top: 0;
padding-right: 20px;
float: left; } }
@media screen and (max-width: 820px) {
#social .fab {
padding-left: 20px; } }
#social .fab:hover {
opacity: 0.7;
transition: all 0.3s ease; }
#social a {
color: #ffffff;
text-decoration: none; }
@media screen and (max-width: 1600px) {
#social a {
display: block; } }
@media screen and (max-width: 820px) {
#social a {
float: left; } }
#social.shrink {
bottom: 150px;
position: absolute; }
@media screen and (max-width: 1600px) {
#social.shrink {
bottom: 90px; } }
@media screen and (max-width: 820px) {
#social.shrink {
position: absolute;
bottom: 90px;
width: 170px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
display: flex;
justify-content: space-evenly; } }
.fa-twitter:before {
display: none; }
#hamburger span.menu-name {
position: absolute;
left: 50px;
color: #ffffff;
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
text-align: center;
transition: all 0.3s ease;
font-weight: 600;
top: 5px;
cursor: pointer; }
div#navigation.shrink {
border-bottom: 2px solid #c4a674; }
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0px 0px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #ffffff; }
.hamburger.is-active .hamburger-inner::after {
width: 30px !important; }
.hamburger-box {
width: 30px;
height: 25px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 3px;
background-color: #ffffff;
border-radius: 0px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -11px; }
.hamburger-inner::after {
bottom: -11px;
width: 20px; }
/*
* 3DX
*/
.hamburger--3dx .hamburger-box {
perspective: 60px; }
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(180deg); }
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg); }
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg); }
/*
* 3DX Reverse
*/
.hamburger--3dx-r .hamburger-box {
perspective: 60px; }
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(-180deg); }
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg); }
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg); }
/*
* 3DY
*/
.hamburger--3dy .hamburger-box {
perspective: 60px; }
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(-180deg); }
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg); }
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg); }
/*
* 3DY Reverse
*/
.hamburger--3dy-r .hamburger-box {
perspective: 60px; }
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg); }
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg); }
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg); }
/*
* 3DXY
*/
.hamburger--3dxy .hamburger-box {
perspective: 60px; }
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg); }
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg); }
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg); }
/*
* 3DXY Reverse
*/
.hamburger--3dxy-r .hamburger-box {
perspective: 60px; }
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg); }
/*
* Arrow
*/
.hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1); }
/*
* Arrow Right
*/
.hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1); }
/*
* Arrow Alt
*/
.hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
/*
* Arrow Alt Right
*/
.hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
/*
* Arrow Turn
*/
.hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg); }
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
/*
* Arrow Turn Right
*/
.hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg); }
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
/*
* Boring
*/
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none; }
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg); }
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg); }
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
top: -22px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -11px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Collapse Reverse
*/
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r .hamburger-inner::after {
top: -22px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -11px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 1.5px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 11px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 22px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 11px, 0) rotate(135deg);
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -22px, 0) rotate(-270deg);
transition-delay: 0.075s; }
/*
* Elastic Reverse
*/
.hamburger--elastic-r .hamburger-inner {
top: 1.5px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r .hamburger-inner::before {
top: 11px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic-r .hamburger-inner::after {
top: 22px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 11px, 0) rotate(-135deg);
transition-delay: 0.075s; }
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -22px, 0) rotate(270deg);
transition-delay: 0.075s; }
/*
* Emphatic
*/
.hamburger--emphatic {
overflow: hidden; }
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::after {
top: 11px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important; }
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -60px;
top: -60px;
transform: translate3d(60px, 60px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -60px;
top: -60px;
transform: translate3d(-60px, 60px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
/*
* Emphatic Reverse
*/
.hamburger--emphatic-r {
overflow: hidden; }
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::after {
top: 11px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important; }
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -60px;
top: 60px;
transform: translate3d(60px, -60px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -60px;
top: 60px;
transform: translate3d(-60px, -60px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
/*
* Minus
*/
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
.hamburger--minus.is-active .hamburger-inner::before {
top: 0; }
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0; }
/*
* Slider
*/
.hamburger--slider .hamburger-inner {
top: 1.5px; }
.hamburger--slider .hamburger-inner::before {
top: 11px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
top: 22px; }
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 11px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-4.2857142857px, -8px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -22px, 0) rotate(-90deg); }
/*
* Slider Reverse
*/
.hamburger--slider-r .hamburger-inner {
top: 1.5px; }
.hamburger--slider-r .hamburger-inner::before {
top: 11px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider-r .hamburger-inner::after {
top: 22px; }
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 11px, 0) rotate(-45deg); }
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(4.2857142857px, -8px, 0);
opacity: 0; }
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -22px, 0) rotate(90deg); }
/*
* Spin
*/
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Spin Reverse
*/
.hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Spring
*/
.hamburger--spring .hamburger-inner {
top: 1.5px;
transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
top: 11px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
top: 22px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important; }
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 11px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 11px, 0) rotate(-45deg); }
/*
* Spring Reverse
*/
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r .hamburger-inner::after {
top: -22px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -11px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Stand
*/
.hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Stand Reverse
*/
.hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Vortex
*/
.hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg); }
/*
* Vortex Reverse
*/
.hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg); }
/* Sections */
.section {
overflow: hidden;
clear: both;
position: relative; }
.section .overlay {
z-index: 1;
width: 100%;
height: 100%;
position: absolute; }
.section.left {
float: none; }
.section.left .container {
width: calc(100% - 12.5%);
float: left; }
@media screen and (max-width: 1440px) {
.section.left .container {
width: calc(100% - 50px); } }
@media screen and (max-width: 820px) {
.section.left .container {
width: 100%;
float: none; } }
.section.right {
float: none; }
.section.right .container {
width: calc(100% - 12.5%);
float: right; }
@media screen and (max-width: 1440px) {
.section.right .container {
width: calc(100% - 50px); } }
@media screen and (max-width: 820px) {
.section.right .container {
width: 100%;
float: none; } }
.section.full {
float: none; }
.section.full .container {
width: 100%;
padding: 0; }
.section.grey {
background: #efefef; }
/* INTRO */
.intro {
position: relative; }
@media screen and (max-width: 820px) {
.intro {
padding: 40px 5%; } }
/* Media Grid - Combination of images, content, video and cta blocks */
.media-grid {
color: #ffffff;
height: 800px; }
@media screen and (max-width: 1024px) {
.media-grid {
height: auto; } }
.media-grid.full {
height: auto; }
.media-grid.full.center .container {
padding-top: 100px;
padding-bottom: 100px;
width: calc(100% - 240px); }
@media screen and (max-width: 1440px) {
.media-grid.full.center .container {
width: 90%; } }
@media screen and (max-width: 1200px) {
.media-grid.full.center .container {
display: block; } }
@media screen and (max-width: 1440px) {
.media-grid.full.center .container {
padding-top: 80px;
padding-bottom: 80px; } }
@media screen and (max-width: 1024px) {
.media-grid.full.center .container {
padding-top: 50px;
padding-bottom: 50px; } }
@media screen and (max-width: 820px) {
.media-grid.full.center .container {
padding-top: 40px;
padding-bottom: 40px; } }
.media-grid .container {
display: flex; }
@media screen and (max-width: 1024px) {
.media-grid .container {
display: block; } }
@media screen and (max-width: 1024px) {
.media-grid .container .col.half {
width: 100%; } }
@media screen and (max-width: 1024px) {
.media-grid .container .col.half {
overflow: hidden;
position: relative; } }
.media-grid .container .col.full {
width: 100%; }
.media-grid .container .col.full .boxes .box-holder {
width: 25%; }
@media screen and (max-width: 1440px) {
.media-grid .container .col.full .boxes .box-holder {
min-height: 300px; } }
@media screen and (max-width: 1200px) {
.media-grid .container .col.full .boxes .box-holder {
width: 50%;
height: auto;
min-height: 290px;
position: relative; } }
@media screen and (max-width: 1024px) {
.media-grid .container .col.full .boxes .box-holder {
width: 50%;
height: auto;
min-height: 290px;
position: relative; } }
@media screen and (max-width: 640px) {
.media-grid .container .col.full .boxes .box-holder {
height: auto;
min-height: 240px;
position: relative; } }
@media screen and (max-width: 480px) {
.media-grid .container .col.full .boxes .box-holder {
float: none;
width: 100%; } }
@media screen and (max-width: 1200px) {
.media-grid .container .col.full .boxes .box-holder a {
position: absolute;
padding: 30px; } }
.media-grid a.arrow {
color: #ffffff; }
.media-grid a.arrow i {
background-color: #ffffff; }
.media-grid a.arrow i:before, .media-grid a.arrow i:after {
background-color: #ffffff; }
.media-grid .intro {
background: #c4a674;
width: 100%;
height: 50%;
padding: 100px 10% 0 25%; }
@media screen and (max-width: 1440px) {
.media-grid .intro {
padding: 80px 50px 0 50px; } }
@media screen and (max-width: 1200px) {
.media-grid .intro {
padding: 50px 30px 0 50px; } }
@media screen and (max-width: 1024px) {
.media-grid .intro {
width: 50%;
height: auto;
padding: 40px 30px;
float: left; } }
@media screen and (max-width: 640px) {
.media-grid .intro {
width: 100%;
float: none; } }
.media-grid .boxes {
float: right;
width: 100%;
height: 100%; }
@media screen and (max-width: 1024px) {
.media-grid .boxes {
float: none;
height: auto; } }
.media-grid .boxes .box-holder {
float: left;
width: 50%;
height: 50%;
min-height: 400px;
display: block;
background-size: cover; }
@media screen and (max-width: 1024px) {
.media-grid .boxes .box-holder {
height: auto;
min-height: 290px;
position: relative; } }
@media screen and (max-width: 640px) {
.media-grid .boxes .box-holder {
height: auto;
min-height: 240px;
position: relative; } }
@media screen and (max-width: 480px) {
.media-grid .boxes .box-holder {
float: none;
width: 100%; } }
.media-grid .boxes .box-holder a {
display: block;
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
position: relative;
padding: 40px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.4);
transition: all 0.3s ease; }
@media screen and (max-width: 1024px) {
.media-grid .boxes .box-holder a {
position: absolute;
padding: 30px; } }
.media-grid .boxes .box-holder a h3 {
position: absolute;
bottom: 36px;
transition: all 0.3s ease; }
.media-grid .boxes .box-holder a p {
font-size: 17px;
line-height: 25px;
position: absolute;
bottom: 34px;
transition: all 0.3s ease; }
.media-grid .boxes .box-holder a:hover {
padding: 30px 30px 30px 40px;
background: rgba(196, 166, 116, 0.5);
transition: all 0.3s ease; }
.media-grid .video {
background: #0498f0;
width: calc(100% - 12.5%);
margin: 0 auto;
height: 50%;
float: right;
clear: both; }
@media screen and (max-width: 1440px) {
.media-grid .video {
width: calc(100% - 50px);
position: relative; } }
@media screen and (max-width: 1024px) {
.media-grid .video {
width: 50%;
height: auto;
float: none;
clear: none;
height: 100%;
position: absolute;
top: 0;
right: 0; } }
@media screen and (max-width: 640px) {
.media-grid .video {
width: 100%;
position: relative; } }
.media-grid .video .video-holder {
width: 86%;
height: 100%;
float: right;
background: #222328; }
@media screen and (max-width: 1440px) {
.media-grid .video .video-holder {
width: 100%;
position: absolute;
height: 100%; } }
@media screen and (max-width: 1024px) {
.media-grid .video .video-holder {
float: none;
position: relative; } }
.media-grid .video .video-holder img {
opacity: 0.75;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
transition: all 0.3s ease;
display: block; }
.media-grid .video .video-holder img:hover img {
opacity: 0.15;
transition: all 0.3s ease; }
.media-grid .video a {
display: block;
background: rgba(4, 152, 240, 0.5);
position: relative;
width: 100%;
height: 100%;
overflow: hidden; }
.media-grid .video a .play {
background: url(/cms/wp-content/themes/vivid/assets/images/video-play-btn.svg) no-repeat;
width: 100%;
height: 100%;
opacity: 0.7;
z-index: 1;
position: absolute;
text-align: center;
background-position: center;
transition: all 0.3s ease; }
@media screen and (max-width: 1024px) {
.media-grid .video a .play {
background-size: 50px; } }
.media-grid .video a img {
opacity: 0.25 !important;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
transition: all 0.3s ease;
display: block; }
.media-grid .video a:hover .play {
opacity: 1;
transition: all 0.3s ease; }
.media-grid .video a:hover img {
opacity: 0.15;
transition: all 0.3s ease; }
@media screen and (max-width: 820px) {
.block-cols .container {
padding: 40px 30px; } }
.block-cols .blocks {
display: flex; }
@media screen and (max-width: 1024px) {
.block-cols .blocks {
display: block; } }
.block-cols .blocks .block {
position: relative; }
.block-cols .blocks .block.image {
margin: 0 !important;
z-index: 2;
width: 46%; }
@media screen and (max-width: 1440px) {
.block-cols .blocks .block.image {
width: 48%; } }
@media screen and (max-width: 1024px) {
.block-cols .blocks .block.image {
width: 95%;
margin-bottom: 40px !important; } }
@media screen and (max-width: 820px) {
.block-cols .blocks .block.image {
width: 100%; } }
.block-cols .blocks .block.image p {
font-size: 20px;
line-height: 36px;
font-weight: 300;
margin: 0;
padding: 0 25% 80px 0;
letter-spacing: 0.5px; }
@media screen and (max-width: 1600px) {
.block-cols .blocks .block.image p {
padding: 0 25% 50px 0; } }
@media screen and (max-width: 1440px) {
.block-cols .blocks .block.image p {
line-height: 34px;
padding: 0 15% 50px 0; } }
@media screen and (max-width: 820px) {
.block-cols .blocks .block.image p {
font-size: 16px;
line-height: 26px;
padding: 0;
font-weight: 400; } }
@media screen and (max-width: 1024px) {
.block-cols .blocks .block.image p {
padding: 0 0 40px; } }
.block-cols .blocks .block.image img {
width: 100%;
height: auto; }
@media screen and (max-width: 820px) {
.block-cols .blocks .block.image img {
margin: 0px auto 0; } }
.block-cols .blocks .block.video {
margin: 0;
width: 52%;
position: absolute;
right: 0; }
.block-cols .blocks .block.video:before {
content: "";
height: 20px;
width: 66%;
background: #c4a674;
display: block;
float: right; }
@media screen and (max-width: 1440px) {
.block-cols .blocks .block.video {
width: 54%; } }
@media screen and (max-width: 1024px) {
.block-cols .blocks .block.video {
width: 100%;
position: relative;
right: auto; } }
.block-cols .blocks .block.video a {
display: block;
position: relative; }
.block-cols .blocks .block.video a .play-btn {
width: 80px;
height: 80px;
background: #0498f0;
float: right;
display: block;
content: "";
text-align: center;
position: absolute;
bottom: 0;
right: 0;
transition: all 0.3s ease;
opacity: 1; }
@media screen and (max-width: 820px) {
.block-cols .blocks .block.video a .play-btn {
display: block;
width: 100%;
float: none;
position: relative;
height: 40px;
right: auto;
bottom: auto; } }
.block-cols .blocks .block.video a .play-btn .fa {
color: #ffffff;
line-height: 80px; }
@media screen and (max-width: 820px) {
.block-cols .blocks .block.video a .play-btn .fa {
line-height: 40px;
right: 0;
float: right;
padding-right: 16px; } }
.block-cols .blocks .block.video a strong {
float: right;
display: block;
height: 80px;
padding: 0px 50px;
font-size: 16px;
line-height: 80px;
text-transform: uppercase;
font-weight: 400;
color: #0498f0;
bottom: 0;
right: 80px;
background: #ffffff;
position: absolute;
transition: all 0.3s ease;
opacity: 1; }
@media screen and (max-width: 820px) {
.block-cols .blocks .block.video a strong {
height: 40px;
padding: 0px 30px;
font-size: 12px;
line-height: 40px;
right: 50px; } }
.block-cols .blocks .block.video a:hover .play-btn {
opacity: 0.85;
transition: all 0.3s ease; }
.block-cols .blocks .block.video a:hover strong {
opacity: 0.85;
transition: all 0.3s ease; }
.block-cols .blocks .block.video img {
width: 100%;
height: auto;
display: block;
z-index: 1; }
@media screen and (max-width: 820px) {
.block-cols .blocks .block.video img {
width: 100%;
position: relative;
margin: 0 auto; } }
.block-cols .columns {
position: relative;
padding-top: 80px;
display: flex; }
@media screen and (max-width: 1600px) {
.block-cols .columns {
padding-top: 60px; } }
@media screen and (max-width: 820px) {
.block-cols .columns {
padding-top: 30px;
display: block; } }
.block-cols .columns p {
font-size: 17px;
line-height: 34px;
font-weight: 400;
padding: 0; }
@media screen and (max-width: 820px) {
.block-cols .columns p {
padding: 0;
font-size: 16px;
line-height: 26px; } }
.block-cols .columns .col {
margin: 0;
width: 50%;
position: relative;
padding-right: 100px; }
@media screen and (max-width: 1440px) {
.block-cols .columns .col {
padding-right: 50px; } }
@media screen and (max-width: 820px) {
.block-cols .columns .col {
padding: 0;
width: 100%; } }
.block-cols .columns .col p {
padding-right: 60px; }
@media screen and (max-width: 1440px) {
.block-cols .columns .col p {
padding: 0; } }
.block-cols .columns .col p a {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
text-decoration: none; }
.block-cols .columns .col.left {
border-left: 4px solid #c4a674; }
@media screen and (max-width: 820px) {
.block-cols .columns .col.left {
padding-right: 0;
border-left: 0;
margin-bottom: 20px; } }
.block-cols .columns .col.left p {
padding-left: 60px; }
@media screen and (max-width: 1440px) {
.block-cols .columns .col.left p {
padding-left: 50px;
padding-right: 0px; } }
@media screen and (max-width: 820px) {
.block-cols .columns .col.left p {
padding: 0; } }
.block-cols.full .container {
padding: 100px 0; }
@media screen and (max-width: 1440px) {
.block-cols.full .container {
padding: 80px 0; } }
@media screen and (max-width: 1024px) {
.block-cols.full .container {
padding: 50px 0; } }
@media screen and (max-width: 820px) {
.block-cols.full .container {
padding: 40px 0; } }
@media screen and (max-width: 1024px) {
.block-cols.full .container .blocks {
width: 100%;
display: block; } }
.block-cols.full .container .blocks .block.image, .block-cols.full .container .blocks .block.video {
width: calc(50% - 50px) !important; }
@media screen and (max-width: 1024px) {
.block-cols.full .container .blocks .block.image, .block-cols.full .container .blocks .block.video {
width: 100% !important;
display: block; } }
.block-cols.full .container .blocks .block.image img, .block-cols.full .container .blocks .block.video img {
width: 100%;
height: 500px;
object-fit: cover; }
.block-cols.full .container .blocks .block.image a img, .block-cols.full .container .blocks .block.video a img {
width: 100%;
height: 500px;
object-fit: cover; }
.block-cols.full .container .blocks .block.image p {
padding: 0 60px; }
.block-cols.full .container .blocks .block.image p + img {
margin-top: 60px; }
@media screen and (max-width: 1024px) {
.block-cols.full .container .columns {
width: 100%;
display: block; } }
.block-cols.full .container .columns .col.left {
width: 50%;
padding-right: 0 !important;
margin: 0 100px 0 0 !important; }
.block-cols.full .container .columns .col.right {
width: 50%;
margin-right: 0;
padding-right: 0px !important; }
.block-cols.full .container .columns .col.right p {
padding-right: 63px !important; }
.block-cols.center .container {
width: 100% !important;
padding: 100px 12.5%; }
@media screen and (max-width: 1600px) {
.block-cols.center .container {
padding: 100px 5%; } }
@media screen and (max-width: 1440px) {
.block-cols.center .container {
padding: 80px 5%; } }
@media screen and (max-width: 1024px) {
.block-cols.center .container {
padding: 50px 5%; } }
@media screen and (max-width: 1024px) {
.block-cols.center .container .blocks {
display: block; } }
.block-cols.center .container .blocks .block {
width: calc(50% - 50px); }
@media screen and (max-width: 1600px) {
.block-cols.center .container .blocks .block {
width: 47.5%; } }
@media screen and (max-width: 1024px) {
.block-cols.center .container .blocks .block {
width: 100%; } }
.block-cols.center .container .blocks .block.image {
margin: 0 !important; }
@media screen and (max-width: 1024px) {
.block-cols.center .container .blocks .block.image {
margin: 0 0 50px !important; } }
.block-cols.center .container .blocks .block.video {
margin: 0 0 0 100px;
position: relative; }
@media screen and (max-width: 1600px) {
.block-cols.center .container .blocks .block.video {
margin: 0 0 0 5%; } }
@media screen and (max-width: 1024px) {
.block-cols.center .container .blocks .block.video {
margin: 0; } }
@media screen and (max-width: 1024px) {
.block-cols.center .container .columns {
display: block; } }
.block-cols.center .container .columns .col {
width: calc(50% - 50px); }
@media screen and (max-width: 1600px) {
.block-cols.center .container .columns .col {
width: 47.5%; } }
@media screen and (max-width: 1024px) {
.block-cols.center .container .columns .col {
width: 100%; } }
.block-cols.center .container .columns .col.left {
margin-right: 100px;
padding-right: 0; }
@media screen and (max-width: 1600px) {
.block-cols.center .container .columns .col.left {
margin-right: 5%; } }
@media screen and (max-width: 1024px) {
.block-cols.center .container .columns .col.left {
margin-right: 0;
margin-bottom: 30px; } }
.block-cols.center .container .columns .col.left p {
padding-right: 0; }
.block-cols.center .container .columns .col.right {
margin: 0;
padding-right: 0; }
.block-cols.center .container .columns .col.right p {
padding-right: 0; }
.bg-img {
overflow: hidden;
width: 100%;
position: absolute;
right: 0;
top: 0;
height: 100%;
opacity: 1;
background-size: 100%;
background-position: right top;
background-size: cover; }
/* CONTENT */
.content .container h3 {
font-weight: 300;
font-size: 30px;
letter-spacing: 1px; }
@media screen and (max-width: 820px) {
.content .container h3 {
font-size: 24px;
line-height: 34px;
margin: 0 0 20px; } }
.content .container p.image img.size-full {
width: auto;
height: auto; }
.content .container p.image img.size-medium {
width: 50%;
height: auto; }
.content .container p.image img.size-thumbnail {
width: 320px !important;
height: auto !important; }
@media screen and (max-width: 820px) {
.content .container p.image img.size-thumbnail {
width: 200px !important; } }
@media screen and (max-width: 480px) {
.content .container p.image img.size-thumbnail {
width: 160px !important; } }
.content .container p.image img.alignright {
margin: 0px 0 0px 100px !important; }
@media screen and (max-width: 1440px) {
.content .container p.image img.alignright {
margin: 10px 0 30px 50px !important; } }
@media screen and (max-width: 820px) {
.content .container p.image img.alignright {
margin: 6px 0 20px 20px !important; } }
@media screen and (max-width: 640px) {
.content .container p.image img.alignright {
margin: 0px 0 30px 0px !important; } }
@media screen and (max-width: 640px) {
.content .container p.image img.alignright.size-medium {
margin: 6px 0 20px 20px !important; } }
@media screen and (max-width: 480px) {
.content .container p.image img.alignright.size-medium {
margin: 0px 0 20px 0 !important; } }
@media screen and (max-width: 820px) {
.content .container p.image img.alignright.size-thumbnail {
margin: 10px 0 20px 20px !important; } }
@media screen and (max-width: 640px) {
.content .container p.image img.alignright.size-thumbnail {
margin: 10px 0 20px 20px !important; } }
.content .container p.image img.alignleft {
margin: 0px 100px 0px 0 !important; }
@media screen and (max-width: 1440px) {
.content .container p.image img.alignleft {
margin: 10px 40px 30px 0 !important; } }
@media screen and (max-width: 820px) {
.content .container p.image img.alignleft {
margin: 6px 20px 20px 0 !important; } }
@media screen and (max-width: 640px) {
.content .container p.image img.alignleft {
margin: 0px 0 30px 0px !important; } }
@media screen and (max-width: 820px) {
.content .container p.image img.alignleft.size-thumbnail {
margin: 10px 20px 20px 0 !important; } }
@media screen and (max-width: 640px) {
.content .container p.image img.alignleft.size-thumbnail {
margin: 10px 20px 20px 0 !important; } }
@media screen and (max-width: 640px) {
.content .container p.image img.alignleft.size-medium {
margin: 6px 20px 20px 0 !important; } }
@media screen and (max-width: 480px) {
.content .container p.image img.alignleft.size-medium {
margin: 0px 0 20px 0 !important; } }
.content .container p.image img.alignleft.size-full, .content .container p.image img.alignright.size-full {
width: 50% !important; }
@media screen and (max-width: 820px) {
.content .container p.image img.alignleft.size-full, .content .container p.image img.alignright.size-full {
width: 45% !important; } }
@media screen and (max-width: 640px) {
.content .container p.image img.alignleft.size-full, .content .container p.image img.alignright.size-full {
width: 100% !important; } }
.content .container p.image img.alignleft.size-medium, .content .container p.image img.alignright.size-medium {
width: 45% !important; }
@media screen and (max-width: 820px) {
.content .container p.image img.alignleft.size-medium, .content .container p.image img.alignright.size-medium {
width: 45% !important; } }
@media screen and (max-width: 480px) {
.content .container p.image img.alignleft.size-medium, .content .container p.image img.alignright.size-medium {
width: 100% !important; } }
.content .container p.image + h2,
.content .container p.image + h3,
.content .container p.image + h4 {
padding-top: 0 !important; }
.content .container.white {
color: #ffffff !important;
position: relative;
width: 50%;
float: left;
padding-left: 12.5%;
background: rgba(196, 166, 116, 0.9);
padding-right: 6.25%; }
@media screen and (max-width: 1440px) {
.content .container.white {
padding: 80px 50px; } }
@media screen and (max-width: 1024px) {
.content .container.white {
padding: 70px 50px;
width: 68.5%; } }
@media screen and (max-width: 820px) {
.content .container.white {
width: 100%;
float: none;
padding: 40px 30px; } }
.content .container.white a.arrow {
color: #ffffff; }
.content .container.white a.arrow i {
background-color: #ffffff; }
.content .container.white a.arrow i:before, .content .container.white a.arrow i:after {
background-color: #ffffff; }
.content.center.gradient .container {
background: linear-gradient(202deg, rgba(4, 152, 240, 0.9) 20%, rgba(196, 166, 116, 0.95) 100%); }
.content.quarter {
width: 25%; }
.content.half {
width: 50%; }
.content.full {
width: 100%; }
.content.full.center .container {
background: transparent;
width: 50% !important;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; }
@media screen and (max-width: 820px) {
.content.full.center .container {
width: 100% !important;
padding-left: 5% !important;
padding-right: 5% !important; } }
.content.white-bg {
background: #ffffff !important; }
.content.white-bg .container.white {
color: #404040 !important;
background: #ffffff !important; }
.content.split.left .container {
padding-left: 6.25%;
padding-right: 6.25%; }
.content.split.right .container {
padding-left: 6.25%; }
.content.split.right .bg-img {
left: 0; }
@media screen and (max-width: 1024px) {
.content.split .container {
width: 100%;
float: none !important; } }
.content.split .bg-img {
width: 50%; }
@media screen and (max-width: 1024px) {
.content.split .bg-img {
width: 100%;
left: auto !important;
right: auto !important;
float: none !important;
height: 480px;
position: relative; } }
@media screen and (max-width: 640px) {
.content.split .bg-img {
height: 320px; } }
.page-template-template-home #main .section.content.left .container {
float: left; }
.page-template-template-home #main .section.content.right .container {
float: right !important; }
.page-template-template-home #main .section.content.center .container {
float: none !important;
width: 100% !important;
padding-left: 12.5%;
padding-right: 12.5%; }
@media screen and (max-width: 1600px) {
.page-template-template-home #main .section.content.center .container {
padding-left: 5% !important;
padding-right: 5% !important; } }
.page-template-template-home #main .section.content.full .container .alignright {
float: right;
margin: 10px 0 30px 50px; }
/* NEWS */
@media screen and (max-width: 820px) {
.news .container {
width: 100% !important; } }
@media screen and (max-width: 820px) {
.news.center .container {
width: 90% !important; } }
.news.full .container {
padding-top: 100px;
padding-bottom: 100px; }
@media screen and (max-width: 1440px) {
.news.full .container {
padding-top: 80px;
padding-bottom: 80px; } }
@media screen and (max-width: 1024px) {
.news.full .container {
padding-top: 50px;
padding-bottom: 50px; } }
@media screen and (max-width: 820px) {
.news.full .container {
padding-top: 40px;
padding-bottom: 40px; } }
.news.right .container .news-content .archive-link {
right: 50px; }
@media screen and (max-width: 820px) {
.news.right .container .news-content .archive-link {
right: auto; } }
/* INSTAGRAM */
.instagram_content {
margin-bottom: 50px; }
.instagram_content #sb_instagram {
background-color: #c4a674; }
.instagram_content #sb_instagram .sbi_header_link {
padding: 10px;
margin-top: 10px; }
.instagram_content #sb_instagram .sbi_header_link .sbi_header_text h3 {
color: white;
font-size: 20px;
margin-top: 10px !important; }
.instagram_content #sb_instagram .sbi_header_link .sbi_header_text span {
display: none; }
/* Home overrides */
.page-template-template-home .content.full .container {
float: none;
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 100px 12.5%; }
@media screen and (max-width: 1600px) {
.page-template-template-home .content.full .container {
padding: 100px 5%; } }
@media screen and (max-width: 1024px) {
.page-template-template-home .content.full .container {
padding: 50px 5%; } }
@media screen and (max-width: 820px) {
.page-template-template-home .content.full .container {
padding: 40px 5%; } }
/* MEMBERSHIP LEVELS */
.membership {
/*display: flex;*/
overflow: visible;
position: relative;
display: block; }
.membership.gradient {
background: linear-gradient(202deg, rgba(4, 152, 240, 0.9) 20%, rgba(196, 166, 116, 0.95) 100%); }
.membership .container {
width: 100%;
max-width: 1500px;
overflow: visible; }
@media screen and (max-width: 1600px) {
.membership .container {
width: 90%;
max-width: 90%;
overflow: hidden;
margin: 0 auto; } }
.membership .container .slider .slick-track {
margin: auto; }
.membership .container .slider .slick-prev {
left: -20px;
z-index: 90; }
@media screen and (max-width: 1600px) {
.membership .container .slider .slick-prev {
left: 0; } }
.membership .container .slider .slick-next {
right: -20px; }
@media screen and (max-width: 1600px) {
.membership .container .slider .slick-next {
right: 0; } }
.membership .container .slider .slick-list .slick-track {
left: -20px; }
.membership .container .slider .slick-list .slick-slide div {
margin: 20px; }
.membership .container .slider .slick-list .slick-slide div .level {
background: rgba(255, 255, 255, 0.8);
padding: 50px 40px;
text-align: center;
position: relative;
top: 0;
transition: all 0.3s ease;
height: 460px; }
@media screen and (max-width: 1440px) {
.membership .container .slider .slick-list .slick-slide div .level {
padding: 40px; } }
@media screen and (max-width: 1200px) {
.membership .container .slider .slick-list .slick-slide div .level {
padding: 40px 30px;
height: 440px !important; } }
.membership .container .slider .slick-list .slick-slide div .level h3 {
font-family: "Oxygen", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 16px;
font-weight: 600;
margin: 0 auto 30px; }
.membership .container .slider .slick-list .slick-slide div .level .price {
font-family: "Merriweather", serif;
font-size: 50px;
font-weight: 300;
margin: 0 auto 30px;
letter-spacing: 1px; }
.membership .container .slider .slick-list .slick-slide div .level .frequency {
margin: 0px auto 30px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px; }
.membership .container .slider .slick-list .slick-slide.slick-current div .level {
background: white;
top: -20px;
transition: all 0.3s ease;
height: 500px; }
@media screen and (max-width: 1200px) {
.membership .container .slider .slick-list .slick-slide.slick-current div .level {
top: auto !important;
height: 440px !important; } }
.membership .container .slider .slick-list .slick-slide.slick-current div .level .price {
color: #0498f0; }
/* MAP */
.map iframe {
width: 100%;
height: 600px;
display: block; }
@media screen and (max-width: 820px) {
.map iframe {
height: 300px; } }
/* CONTACT DETAILS */
.contact-details {
padding-bottom: 30px;
margin-right: 30px; }
@media screen and (max-width: 1600px) {
.contact-details {
padding-bottom: 50px; } }
.contact-details i {
width: 25px;
position: relative;
color: #c4a674; }
.contact-details .address {
overflow: hidden;
margin-bottom: 30px; }
.contact-details .address i {
left: 0;
padding-top: 5px;
float: left; }
.contact-details .address p {
padding-left: 30px; }
/* Modular */
.slider-block .container {
display: flex;
padding: 80px 12.5% 80px;
clear: both; }
.slider-block .slider {
/*float: left;*/
width: calc(100% - 12.5%);
float: left; }
.sponsors {
background: inherit; }
.sponsors.content .white {
background: #ffffff;
padding-top: 0px;
padding-bottom: 0px; }
@media screen and (max-width: 1024px) {
.sponsors.content .white {
padding-bottom: 0; } }
@media screen and (max-width: 1024px) {
.sponsors.content .white .soliloquy-container {
margin-bottom: 50px; } }
/* Posts */
/* Base Post Display */
/*$post-col3: 33.33%, 420px;
$post-col2: 50%, 300px;
*/
.news .container {
padding-bottom: 70px; }
@media screen and (max-width: 1440px) {
.news .container {
padding-bottom: 50px; } }
@media screen and (max-width: 1024px) {
.news .container {
padding-bottom: 20px; } }
@media screen and (max-width: 640px) {
.news .container {
padding-bottom: 40px; } }
.news .container .news-content {
position: relative; }
@media screen and (max-width: 820px) {
.news .container .news-content {
text-align: center; } }
.news .container .news-content p {
width: 75%;
margin: 0 auto 40px !important; }
@media screen and (max-width: 1600px) {
.news .container .news-content p {
width: 90%;
margin: 0 auto 30px !important; } }
@media screen and (max-width: 820px) {
.news .container .news-content p {
width: 100%;
margin: 0 auto 20px !important; } }
.news .container .news-content a.archive-link {
text-align: right;
position: absolute;
right: 50px;
top: 0;
color: #404040; }
@media screen and (max-width: 820px) {
.news .container .news-content a.archive-link {
position: relative;
text-align: center;
right: auto;
top: auto;
display: block;
margin: 0 auto 30px !important;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; } }
@media screen and (max-width: 820px) and (max-width: 820px) {
.news .container .news-content a.archive-link {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.news .container .news-content a.archive-link:hover {
background: #c4a674; } }
.news .container .news-content a.archive-link:hover {
text-decoration: none !important; }
@media screen and (max-width: 820px) {
.news .container .news-content a.archive-link.arrow i {
display: none; } }
.news .container .posts {
display: flex;
/* Default Post Layout */
/* Two Posts Layout */
/* Three Posts Layout - this is the default */
/* Four Posts Layout */ }
@media screen and (max-width: 640px) {
.news .container .posts {
display: block; } }
.news .container .posts .post {
position: relative;
overflow: hidden;
width: 33.3%;
height: 300px;
margin: 0 30px 30px 0; }
@media screen and (max-width: 1200px) {
.news .container .posts .post {
height: 300px; } }
@media screen and (max-width: 820px) {
.news .container .posts .post {
height: 220px; } }
@media screen and (max-width: 640px) {
.news .container .posts .post {
width: 100%;
height: 280px; } }
@media screen and (max-width: 480px) {
.news .container .posts .post {
height: 220px; } }
.news .container .posts .post:nth-child(3n+3) {
margin-right: 0; }
.news .container .posts .post .thumb {
height: 100%;
width: 100%;
background-size: cover;
background-position: center; }
.news .container .posts .post .post-content {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
transition: all 0.3s ease; }
.news .container .posts .post .post-content .post-meta {
position: absolute;
width: 100%;
bottom: 0;
padding: 0 60px 40px 40px;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
.news .container .posts .post .post-content .post-meta {
padding-right: 50px !important; } }
.news .container .posts .post .post-content .post-meta .date {
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
margin: 0 0 10px;
color: #ffffff;
display: block; }
.news .container .posts .post .post-content .post-meta h3 {
font-size: 24px;
line-height: 28px;
letter-spacing: 1px;
margin: 0;
font-family: "Oxygen", sans-serif;
color: #ffffff; }
@media screen and (max-width: 1200px) {
.news .container .posts .post .post-content .post-meta {
padding: 0 0 25px 25px; }
.news .container .posts .post .post-content .post-meta .date {
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
margin: 0 0 5px; }
.news .container .posts .post .post-content .post-meta h3 {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px; } }
.news .container .posts .post .post-content .read_more_link {
width: 60px;
height: 60px;
background: #ffffff;
position: absolute;
bottom: 0;
right: 0;
transition: all 0.3s ease; }
.news .container .posts .post .post-content .read_more_link .arrow {
position: relative;
width: 60px;
height: 60px;
display: flex;
text-align: center; }
@media screen and (max-width: 1200px) {
.news .container .posts .post .post-content .read_more_link .arrow {
width: 50px;
height: 50px; } }
.news .container .posts .post .post-content .read_more_link .arrow i {
color: #c4a674;
align-self: center;
margin: 0 auto; }
@media screen and (max-width: 1200px) {
.news .container .posts .post .post-content .read_more_link {
width: 50px;
height: 50px; }
.news .container .posts .post .post-content .read_more_link a {
width: 50px;
height: 50px; }
.news .container .posts .post .post-content .read_more_link a i {
width: 16px;
height: 2px;
border-radius: 2px; }
.news .container .posts .post .post-content .read_more_link a i:before, .news .container .posts .post .post-content .read_more_link a i:after {
width: 11px;
height: 2px; }
.news .container .posts .post .post-content .read_more_link a i:before {
top: -2px; }
.news .container .posts .post .post-content .read_more_link a i:after {
bottom: -2px; } }
.news .container .posts .post:hover .post-content {
cursor: pointer;
transition: all 0.3s ease;
background: rgba(196, 166, 116, 0.3); }
.news .container .posts .post:hover .post-content .post-meta {
transition: all 0.3s ease;
padding-left: 50px; }
@media screen and (max-width: 820px) {
.news .container .posts .post:hover .post-content .post-meta {
padding-left: 35px; } }
.news .container .posts .post:hover .read_more_link {
background: #0498f0;
transition: all 0.3s ease; }
.news .container .posts .post:hover .read_more_link a {
padding: 18px 0 18px 26px; }
.news .container .posts .post:hover .read_more_link a i {
color: #ffffff !important; }
.news .container .posts .post:hover .read_more_link a i:before, .news .container .posts .post:hover .read_more_link a i:after {
background-color: #ffffff !important; }
.news .container .posts .post:hover .arrow i {
color: #ffffff !important; }
.news .container .posts .post:last-of-type {
margin-bottom: 0 !important; }
.news .container .posts.col-2 .post {
position: relative;
overflow: hidden;
width: 50%;
height: 420px;
margin: 0 30px 30px 0; }
@media screen and (max-width: 1200px) {
.news .container .posts.col-2 .post {
height: 300px; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-2 .post {
height: 220px; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-2 .post {
width: 100%;
height: 280px; } }
@media screen and (max-width: 480px) {
.news .container .posts.col-2 .post {
height: 220px; } }
.news .container .posts.col-2 .post:nth-child(2n+2) {
margin-right: 0; }
.news .container .posts.col-3 {
/* Events */ }
.news .container .posts.col-3 .post {
position: relative;
overflow: hidden;
width: 33.3%;
height: 300px;
margin: 0 30px 30px 0; }
@media screen and (max-width: 1200px) {
.news .container .posts.col-3 .post {
height: 300px; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .post {
height: 220px; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-3 .post {
width: 100%;
height: 280px; } }
@media screen and (max-width: 480px) {
.news .container .posts.col-3 .post {
height: 220px; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .post:nth-child(3n+1) {
width: 100%;
margin-right: 0;
float: none;
height: 330px; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-3 .post:nth-child(3n+1) {
height: 280px; } }
@media screen and (max-width: 480px) {
.news .container .posts.col-3 .post:nth-child(3n+1) {
height: 220px; } }
.news .container .posts.col-3 .post:nth-child(3n+3) {
margin-right: 0; }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .post:nth-child(3n+3) {
float: right; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-3 .post:nth-child(3n+3) {
float: none; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .post {
width: calc(50% - 15px);
float: left; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-3 .post {
width: 100%;
float: none; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 {
display: block; } }
.news .container .posts.col-3 .eo-events {
padding: 0;
margin: 0;
width: 100%;
display: flex; }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .eo-events {
display: block; } }
.news .container .posts.col-3 .eo-events li {
list-style: none;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
width: 33.3%;
height: 300px;
margin: 0 30px 30px 0; }
@media screen and (max-width: 1200px) {
.news .container .posts.col-3 .eo-events li {
height: 300px; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .eo-events li {
height: 220px; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-3 .eo-events li {
width: 100%;
height: 280px; } }
@media screen and (max-width: 480px) {
.news .container .posts.col-3 .eo-events li {
height: 220px; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .eo-events li:nth-child(3n+1) {
width: 100%;
margin-right: 0;
float: none;
height: 330px;
margin-bottom: 30px !important; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-3 .eo-events li:nth-child(3n+1) {
height: 280px; } }
@media screen and (max-width: 480px) {
.news .container .posts.col-3 .eo-events li:nth-child(3n+1) {
height: 220px; } }
.news .container .posts.col-3 .eo-events li:nth-child(3n+3) {
margin-right: 0; }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .eo-events li:nth-child(3n+3) {
float: right; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-3 .eo-events li:nth-child(3n+3) {
float: none; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .eo-events li {
width: calc(50% - 15px);
float: left; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-3 .eo-events li {
width: 100%;
float: none;
margin-bottom: 30px !important; } }
.news .container .posts.col-3 .eo-events li .post {
width: 100% !important; }
@media screen and (max-width: 820px) {
.news .container .posts.col-3 .eo-events li .post {
height: 100%; } }
.news .container .posts.col-3 .eo-events li .post .thumb img {
width: 100%;
height: 100%;
object-fit: cover; }
@media screen and (max-width: 1200px) {
.news .container .posts.col-4 {
flex-wrap: wrap; } }
.news .container .posts.col-4 .post {
position: relative;
overflow: hidden;
width: 25%;
height: 220px;
margin: 0 30px 30px 0; }
@media screen and (max-width: 1200px) {
.news .container .posts.col-4 .post {
height: 300px; } }
@media screen and (max-width: 820px) {
.news .container .posts.col-4 .post {
height: 220px; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-4 .post {
width: 100%;
height: 280px; } }
@media screen and (max-width: 480px) {
.news .container .posts.col-4 .post {
height: 220px; } }
.news .container .posts.col-4 .post:nth-child(4n+4) {
margin-right: 0; }
@media screen and (max-width: 1200px) {
.news .container .posts.col-4 .post:nth-child(2n+2) {
margin-left: 30px;
margin-right: 0; } }
@media screen and (max-width: 640px) {
.news .container .posts.col-4 .post:nth-child(2n+2) {
margin-left: 0; } }
.news .container .posts.col-4 .post .post-content .post-meta {
padding: 0 0 25px 25px; }
.news .container .posts.col-4 .post .post-content .post-meta .date {
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
margin: 0 0 5px; }
.news .container .posts.col-4 .post .post-content .post-meta h3 {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px; }
.news .container .posts.col-4 .post .post-content .read_more_link {
width: 50px;
height: 50px;
width: 50px;
height: 50px; }
.news .container .posts.col-4 .post .post-content .read_more_link a {
width: 50px;
height: 50px; }
.news .container .posts.col-4 .post .post-content .read_more_link a i {
width: 16px;
height: 2px;
border-radius: 2px; }
.news .container .posts.col-4 .post .post-content .read_more_link a i:before, .news .container .posts.col-4 .post .post-content .read_more_link a i:after {
width: 11px;
height: 2px; }
.news .container .posts.col-4 .post .post-content .read_more_link a i:before {
top: -2px; }
.news .container .posts.col-4 .post .post-content .read_more_link a i:after {
bottom: -2px; }
.news .container .posts.col-4 .post .post-content .read_more_link .arrow {
width: 50px;
height: 50px; }
@media screen and (max-width: 1200px) {
.news .container .posts.col-4 .post {
flex-basis: calc(50% - 15px);
margin: 0 0 30px; } }
.news .container .posts.col-4 .post:hover .post-meta {
padding: 0 0 25px 35px; }
@media screen and (max-width: 820px) {
.news.center .container {
width: 90% !important; } }
.single .article p.date,
.single-event .article p.date {
font-weight: 300;
font-size: 14px;
margin-bottom: 30px !important;
text-transform: uppercase;
letter-spacing: 1.5px; }
@media screen and (max-width: 1200px) {
.single .article p.date,
.single-event .article p.date {
margin-bottom: 20px !important; } }
@media screen and (max-width: 820px) {
.single .article p.date,
.single-event .article p.date {
margin-bottom: 10px !important; } }
.single .article p.categories,
.single-event .article p.categories {
font-weight: 700;
font-size: 14px;
margin-bottom: 30px !important;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-top: 30px; }
@media screen and (max-width: 640px) {
.single .article p.categories,
.single-event .article p.categories {
margin-bottom: 0 !important; } }
.single .article p.categories strong,
.single-event .article p.categories strong {
font-weight: 300; }
.single .article p.categories a,
.single-event .article p.categories a {
color: #0498f0;
font-weight: 700; }
.single .content .entry-content,
.single-event .content .entry-content {
width: 50%;
float: left; }
.single .content .eo-event-venue-map,
.single-event .content .eo-event-venue-map {
width: calc(50% - 30px);
float: right;
margin: 0 0 30px 30px; }
@media screen and (max-width: 1440px) {
.single .content .eo-event-venue-map,
.single-event .content .eo-event-venue-map {
width: 100%;
float: none;
margin-top: 30px; } }
.single .sidebar,
.single-event .sidebar {
padding: 50px; }
@media screen and (max-width: 1440px) {
.single .sidebar h2,
.single-event .sidebar h2 {
font-size: 26px;
line-height: 26px; } }
@media screen and (max-width: 820px) {
.single .sidebar h2,
.single-event .sidebar h2 {
font-size: 24px;
margin: 0 0 20px; } }
.single .sidebar ul,
.single-event .sidebar ul {
margin: 0;
padding: 0; }
.single .sidebar ul li,
.single-event .sidebar ul li {
list-style: none; }
.single .sidebar ul li ul.sub-menu,
.single-event .sidebar ul li ul.sub-menu {
border-top: 1px solid #c4a674; }
.single .sidebar ul li ul.sub-menu li,
.single-event .sidebar ul li ul.sub-menu li {
list-style: none;
padding: 5px 0;
border-bottom: 1px solid #c4a674;
transition: all 0.3s ease; }
.single .sidebar ul li ul.sub-menu li a,
.single-event .sidebar ul li ul.sub-menu li a {
color: #404040;
text-decoration: none;
transition: all 0.3s ease;
opacity: 1; }
.single .sidebar ul li ul.sub-menu li:hover,
.single-event .sidebar ul li ul.sub-menu li:hover {
padding-left: 10px; }
.single .sidebar ul li ul.sub-menu li:hover a,
.single-event .sidebar ul li ul.sub-menu li:hover a {
transition: all 0.3s ease;
opacity: 0.9; }
.single .sidebar ul li ul.sub-menu li.current-menu-item .fa,
.single-event .sidebar ul li ul.sub-menu li.current-menu-item .fa {
font-weight: 700;
font-size: 18px; }
.single .sidebar ul li ul.sub-menu li.current-menu-item a,
.single-event .sidebar ul li ul.sub-menu li.current-menu-item a {
padding-left: 10px;
text-decoration: none;
font-weight: 700; }
.single .sidebar ul li ul.sub-menu li.current-menu-item:hover,
.single-event .sidebar ul li ul.sub-menu li.current-menu-item:hover {
padding-left: 5px; }
.single .sidebar ul li ul.sub-menu li.current-menu-item:hover a,
.single-event .sidebar ul li ul.sub-menu li.current-menu-item:hover a {
opacity: 0.9;
padding-left: 10px; }
.single .sidebar .sidebar-container,
.single-event .sidebar .sidebar-container {
padding: 40px 0 0; }
.single .sidebar .sidebar-container h2,
.single .sidebar .sidebar-container h3,
.single-event .sidebar .sidebar-container h2,
.single-event .sidebar .sidebar-container h3 {
font-size: 24px;
line-height: 24px;
margin: 0 0 20px; }
@media screen and (max-width: 1440px) {
.single .sidebar .sidebar-container h2,
.single .sidebar .sidebar-container h3,
.single-event .sidebar .sidebar-container h2,
.single-event .sidebar .sidebar-container h3 {
font-size: 22px;
line-height: 22px; } }
@media screen and (max-width: 820px) {
.single .sidebar .sidebar-container h2,
.single .sidebar .sidebar-container h3,
.single-event .sidebar .sidebar-container h2,
.single-event .sidebar .sidebar-container h3 {
font-size: 20px;
line-height: 20px; } }
.single .sidebar .sidebar-container p,
.single-event .sidebar .sidebar-container p {
font-size: 16px;
line-height: 24px;
margin: 0 0 20px; }
@media screen and (max-width: 820px) {
.single .sidebar .sidebar-container p,
.single-event .sidebar .sidebar-container p {
margin: 0 0 10px; } }
.single .sidebar .sidebar-container .contact,
.single-event .sidebar .sidebar-container .contact {
padding: 40px 0 0; }
.single .sidebar .sidebar-container .contact .fa,
.single-event .sidebar .sidebar-container .contact .fa {
margin-right: 10px; }
.single .sidebar .sidebar-container .contact p,
.single-event .sidebar .sidebar-container .contact p {
margin-bottom: 5px; }
.single .sidebar .hole-stats,
.single-event .sidebar .hole-stats {
overflow: hidden; }
.single .sidebar .hole-stats p,
.single-event .sidebar .hole-stats p {
margin-bottom: 5px;
overflow: hidden;
display: flex; }
@media screen and (max-width: 1600px) {
.single .sidebar .hole-stats p,
.single-event .sidebar .hole-stats p {
display: block; } }
@media screen and (max-width: 1024px) {
.single .sidebar .hole-stats p,
.single-event .sidebar .hole-stats p {
display: flex; } }
.single .sidebar .hole-stats p strong,
.single-event .sidebar .hole-stats p strong {
width: 150px;
display: block; }
@media screen and (max-width: 1600px) {
.single .sidebar .hole-stats p strong,
.single-event .sidebar .hole-stats p strong {
width: 100%;
float: none; } }
@media screen and (max-width: 1024px) {
.single .sidebar .hole-stats p strong,
.single-event .sidebar .hole-stats p strong {
width: 40%; } }
.single .sidebar .hole-stats p .par,
.single .sidebar .hole-stats p .length,
.single .sidebar .hole-stats p .index,
.single-event .sidebar .hole-stats p .par,
.single-event .sidebar .hole-stats p .length,
.single-event .sidebar .hole-stats p .index {
padding-right: 20px;
width: 80px;
display: block; }
@media screen and (max-width: 1600px) {
.single .sidebar .hole-stats p .par,
.single .sidebar .hole-stats p .length,
.single .sidebar .hole-stats p .index,
.single-event .sidebar .hole-stats p .par,
.single-event .sidebar .hole-stats p .length,
.single-event .sidebar .hole-stats p .index {
width: 45%;
float: left;
padding-right: 0;
padding-bottom: 5px; } }
@media screen and (max-width: 1024px) {
.single .sidebar .hole-stats p .par,
.single .sidebar .hole-stats p .length,
.single .sidebar .hole-stats p .index,
.single-event .sidebar .hole-stats p .par,
.single-event .sidebar .hole-stats p .length,
.single-event .sidebar .hole-stats p .index {
width: 25%;
float: none;
padding-bottom: 0; } }
.single .sidebar .hole-stats p .index,
.single-event .sidebar .hole-stats p .index {
width: 20px;
padding-right: 0; }
@media screen and (max-width: 1600px) {
.single .sidebar .hole-stats p .index,
.single-event .sidebar .hole-stats p .index {
width: 10%; } }
@media screen and (max-width: 1024px) {
.single .sidebar .hole-stats p .index,
.single-event .sidebar .hole-stats p .index {
width: 10%; } }
.single .sidebar .hole-stats .yellow,
.single-event .sidebar .hole-stats .yellow {
display: none; }
.single .sidebar .hole-stats .green strong,
.single-event .sidebar .hole-stats .green strong {
height: 28px;
font-size: 0px; }
.single .sidebar .hole-stats .green strong::after,
.single-event .sidebar .hole-stats .green strong::after {
content: "Black Tee";
font-size: 18px; }
@media screen and (max-width: 1024px) {
.single .sidebar .hole-stats .green strong,
.single-event .sidebar .hole-stats .green strong {
height: 24px; }
.single .sidebar .hole-stats .green strong::after,
.single-event .sidebar .hole-stats .green strong::after {
font-size: 16px; } }
.single .sidebar .sidebar-content .col,
.single-event .sidebar .sidebar-content .col {
margin-bottom: 40px; }
.single .sidebar .sidebar-content .col:last-of-type,
.single-event .sidebar .sidebar-content .col:last-of-type {
margin-bottom: 0; }
.single .sidebar .sidebar-content .col ul.posts li,
.single-event .sidebar .sidebar-content .col ul.posts li {
list-style: none;
padding: 3px 0; }
.single .sidebar .eventorganiser-event-meta,
.single-event .sidebar .eventorganiser-event-meta {
width: 100%;
float: none; }
.single .sidebar .eventorganiser-event-meta .eo-event-meta,
.single-event .sidebar .eventorganiser-event-meta .eo-event-meta {
width: 100%;
float: none; }
.single .sidebar .eventorganiser-event-meta .eo-event-meta li,
.single-event .sidebar .eventorganiser-event-meta .eo-event-meta li {
margin-bottom: 5px; }
.single .sidebar .eventorganiser-event-meta p + ul.eo-event-meta,
.single-event .sidebar .eventorganiser-event-meta p + ul.eo-event-meta {
padding-top: 14px; }
.single .sidebar .eventorganiser-event-meta p + ul.eo-event-meta li,
.single-event .sidebar .eventorganiser-event-meta p + ul.eo-event-meta li {
margin-top: 10px; }
.single .sidebar .eventorganiser-event-meta p + ul.eo-event-meta li ul.eo-upcoming-dates li,
.single-event .sidebar .eventorganiser-event-meta p + ul.eo-event-meta li ul.eo-upcoming-dates li {
margin: 0; }
.single-event #main {
min-height: 500px; }
@media screen and (max-width: 1600px) {
.single-event #main {
min-height: 650px; } }
@media screen and (max-width: 1440px) {
.single-event #main {
min-height: 700px; } }
@media screen and (max-width: 1200px) {
.single-event #main {
min-height: 600px; } }
@media screen and (max-width: 820px) {
.single-event #main {
min-height: auto !important; } }
.single-event #main .section .container .content {
width: 75%;
float: right;
padding-left: 0; }
@media screen and (max-width: 1600px) {
.single-event #main .section .container .content {
width: 70%; } }
@media screen and (max-width: 1200px) {
.single-event #main .section .container .content {
width: 65%;
padding-left: 0; } }
@media screen and (max-width: 1024px) {
.single-event #main .section .container .content {
width: 60%; } }
@media screen and (max-width: 820px) {
.single-event #main .section .container .content {
float: none;
width: 100%;
padding: 40px 5%;
overflow: hidden; } }
.single-event #main .section .container .content .entry-content {
width: 100%; }
.single-event #main .section .container .content .eo-event-venue-map {
width: calc(45% - 30px);
float: right;
margin: 0 0 30px 30px;
right: 0;
position: relative; }
@media screen and (max-width: 1200px) {
.single-event #main .section .container .content .eo-event-venue-map {
width: 100%;
float: none;
margin: 30px auto 0;
right: auto; } }
.single-event #main .section .container .content .eo-event-venue-map .googlemap {
height: 400px !important;
z-index: 1; }
@media screen and (max-width: 820px) {
.single-event #main .section .container .content .eo-event-venue-map .googlemap {
height: 200px !important; } }
/* Archives, Category page */
.archive .section.category .container .archives-wrap,
.category .section.category .container .archives-wrap,
.page-template-page-events-listing .section.category .container .archives-wrap {
/* 4 posts per row */
/* 3 posts per row */
/* Pagination */ }
.archive .section.category .container .archives-wrap .col-4,
.category .section.category .container .archives-wrap .col-4,
.page-template-page-events-listing .section.category .container .archives-wrap .col-4 {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-flow: row wrap; }
.archive .section.category .container .archives-wrap .col-4 .post,
.category .section.category .container .archives-wrap .col-4 .post,
.page-template-page-events-listing .section.category .container .archives-wrap .col-4 .post {
flex-grow: 1;
flex: 0 1 auto;
width: calc(25% - 22.5px); }
.archive .section.category .container .archives-wrap .col-4 .post:nth-child(4n+4),
.category .section.category .container .archives-wrap .col-4 .post:nth-child(4n+4),
.page-template-page-events-listing .section.category .container .archives-wrap .col-4 .post:nth-child(4n+4) {
margin-right: 0; }
.archive .section.category .container .archives-wrap .col-3,
.category .section.category .container .archives-wrap .col-3,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-flow: row wrap; }
@media screen and (max-width: 1200px) {
.archive .section.category .container .archives-wrap .col-3,
.category .section.category .container .archives-wrap .col-3,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 {
display: block; } }
.archive .section.category .container .archives-wrap .col-3 .post,
.category .section.category .container .archives-wrap .col-3 .post,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post {
flex-grow: 1;
flex: 0 1 auto;
width: calc(33.33% - 20px); }
@media screen and (max-width: 1200px) {
.archive .section.category .container .archives-wrap .col-3 .post,
.category .section.category .container .archives-wrap .col-3 .post,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post {
width: calc(50% - 15px);
float: left; } }
@media screen and (max-width: 820px) {
.archive .section.category .container .archives-wrap .col-3 .post,
.category .section.category .container .archives-wrap .col-3 .post,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post {
height: 220px; } }
@media screen and (max-width: 640px) {
.archive .section.category .container .archives-wrap .col-3 .post,
.category .section.category .container .archives-wrap .col-3 .post,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post {
width: 100%;
height: 280px;
float: none; } }
@media screen and (max-width: 1200px) {
.archive .section.category .container .archives-wrap .col-3 .post:nth-child(3n+1), .archive .section.category .container .archives-wrap .col-3 .post:nth-child(3n+2), .archive .section.category .container .archives-wrap .col-3 .post:nth-child(3n+3),
.category .section.category .container .archives-wrap .col-3 .post:nth-child(3n+1),
.category .section.category .container .archives-wrap .col-3 .post:nth-child(3n+2),
.category .section.category .container .archives-wrap .col-3 .post:nth-child(3n+3),
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post:nth-child(3n+1),
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post:nth-child(3n+2),
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post:nth-child(3n+3) {
width: calc(50% - 15px); } }
@media screen and (max-width: 640px) {
.archive .section.category .container .archives-wrap .col-3 .post:nth-child(3n+1), .archive .section.category .container .archives-wrap .col-3 .post:nth-child(3n+2), .archive .section.category .container .archives-wrap .col-3 .post:nth-child(3n+3),
.category .section.category .container .archives-wrap .col-3 .post:nth-child(3n+1),
.category .section.category .container .archives-wrap .col-3 .post:nth-child(3n+2),
.category .section.category .container .archives-wrap .col-3 .post:nth-child(3n+3),
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post:nth-child(3n+1),
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post:nth-child(3n+2),
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post:nth-child(3n+3) {
width: 100%;
height: 280px;
float: none; } }
@media screen and (max-width: 1200px) {
.archive .section.category .container .archives-wrap .col-3 .post:nth-child(2n+2),
.category .section.category .container .archives-wrap .col-3 .post:nth-child(2n+2),
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post:nth-child(2n+2) {
margin-right: 0;
float: right; } }
@media screen and (max-width: 640px) {
.archive .section.category .container .archives-wrap .col-3 .post:last-of-type,
.category .section.category .container .archives-wrap .col-3 .post:last-of-type,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post:last-of-type {
margin-bottom: 30px !important; } }
.archive .section.category .container .archives-wrap .col-3 .post .thumb img,
.category .section.category .container .archives-wrap .col-3 .post .thumb img,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post .thumb img {
display: block;
width: 100%;
object-fit: cover;
height: 300px; }
@media screen and (max-width: 820px) {
.archive .section.category .container .archives-wrap .col-3 .post .thumb img,
.category .section.category .container .archives-wrap .col-3 .post .thumb img,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post .thumb img {
height: 220px; } }
@media screen and (max-width: 640px) {
.archive .section.category .container .archives-wrap .col-3 .post .thumb img,
.category .section.category .container .archives-wrap .col-3 .post .thumb img,
.page-template-page-events-listing .section.category .container .archives-wrap .col-3 .post .thumb img {
height: 280px; } }
.archive .section.category .container .archives-wrap .posts-nav,
.category .section.category .container .archives-wrap .posts-nav,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav {
clear: both;
margin: 10px 0 0; }
@media screen and (max-width: 1024px) {
.archive .section.category .container .archives-wrap .posts-nav,
.category .section.category .container .archives-wrap .posts-nav,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav {
margin: 10px 0 30px; } }
@media screen and (max-width: 640px) {
.archive .section.category .container .archives-wrap .posts-nav,
.category .section.category .container .archives-wrap .posts-nav,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav {
margin: 0; } }
.archive .section.category .container .archives-wrap .posts-nav .nav,
.category .section.category .container .archives-wrap .posts-nav .nav,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav {
width: auto; }
@media screen and (max-width: 640px) {
.archive .section.category .container .archives-wrap .posts-nav .nav,
.category .section.category .container .archives-wrap .posts-nav .nav,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav {
width: 100%;
text-align: center;
margin: 0; } }
.archive .section.category .container .archives-wrap .posts-nav .nav.alignleft a,
.category .section.category .container .archives-wrap .posts-nav .nav.alignleft a,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav.alignleft a {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
.archive .section.category .container .archives-wrap .posts-nav .nav.alignleft a,
.category .section.category .container .archives-wrap .posts-nav .nav.alignleft a,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav.alignleft a {
font-size: 13px;
padding: 10px 15px; } }
.archive .section.category .container .archives-wrap .posts-nav .nav.alignleft a:hover,
.category .section.category .container .archives-wrap .posts-nav .nav.alignleft a:hover,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav.alignleft a:hover {
transition: all 0.3s ease;
background: #c4a674; }
@media screen and (max-width: 640px) {
.archive .section.category .container .archives-wrap .posts-nav .nav.alignleft a,
.category .section.category .container .archives-wrap .posts-nav .nav.alignleft a,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav.alignleft a {
float: none;
margin: 0 auto; } }
.archive .section.category .container .archives-wrap .posts-nav .nav.alignright a,
.category .section.category .container .archives-wrap .posts-nav .nav.alignright a,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav.alignright a {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
.archive .section.category .container .archives-wrap .posts-nav .nav.alignright a,
.category .section.category .container .archives-wrap .posts-nav .nav.alignright a,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav.alignright a {
font-size: 13px;
padding: 10px 15px; } }
.archive .section.category .container .archives-wrap .posts-nav .nav.alignright a:hover,
.category .section.category .container .archives-wrap .posts-nav .nav.alignright a:hover,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav.alignright a:hover {
transition: all 0.3s ease;
background: #c4a674; }
@media screen and (max-width: 640px) {
.archive .section.category .container .archives-wrap .posts-nav .nav.alignright a,
.category .section.category .container .archives-wrap .posts-nav .nav.alignright a,
.page-template-page-events-listing .section.category .container .archives-wrap .posts-nav .nav.alignright a {
float: none;
margin: 0 auto; } }
.archive.eo-tc-page #main .section .container .event,
.category.eo-tc-page #main .section .container .event,
.page-template-page-events-listing.eo-tc-page #main .section .container .event {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #dcdcdc; }
@media screen and (max-width: 820px) {
.archive.eo-tc-page #main .section .container .event,
.category.eo-tc-page #main .section .container .event,
.page-template-page-events-listing.eo-tc-page #main .section .container .event {
margin-bottom: 30px;
padding-bottom: 30px; } }
.archive.eo-tc-page #main .section .container .event .entry-header .eo-event-date,
.category.eo-tc-page #main .section .container .event .entry-header .eo-event-date,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .entry-header .eo-event-date {
font-weight: 300;
font-size: 14px;
margin-bottom: 30px !important;
text-transform: uppercase;
letter-spacing: 1.5px;
display: block;
font-style: normal !important; }
@media screen and (max-width: 1200px) {
.archive.eo-tc-page #main .section .container .event .entry-header .eo-event-date,
.category.eo-tc-page #main .section .container .event .entry-header .eo-event-date,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .entry-header .eo-event-date {
margin-bottom: 20px !important; } }
@media screen and (max-width: 820px) {
.archive.eo-tc-page #main .section .container .event .entry-header .eo-event-date,
.category.eo-tc-page #main .section .container .event .entry-header .eo-event-date,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .entry-header .eo-event-date {
margin-bottom: 10px !important; } }
.archive.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title,
.category.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title {
font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 0 30px;
margin: 20px 0 30px; }
@media screen and (max-width: 820px) {
.archive.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title,
.category.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title {
font-size: 24px;
margin: 0 0 20px; } }
.archive.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a,
.category.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a {
font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 0 30px;
text-decoration: none; }
@media screen and (max-width: 820px) {
.archive.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a,
.category.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a {
font-size: 24px;
margin: 0 0 20px; } }
@media screen and (max-width: 820px) {
.archive.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a,
.category.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .entry-header h2.eo-event-title a {
font-size: 24px;
margin: 0 0 20px;
font-weight: 400; } }
.archive.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta,
.category.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta {
margin: 0; }
.archive.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li,
.category.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin: 30px 0 0 !important; }
.archive.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li strong,
.category.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li strong,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li strong {
font-weight: 300; }
.archive.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li a,
.category.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li a,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li a {
color: #0498f0; }
.archive.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li a:hover,
.category.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li a:hover,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .eo-event-details ul.eo-event-meta li a:hover {
text-decoration: none !important; }
.archive.eo-tc-page #main .section .container .event .eo-event-content,
.category.eo-tc-page #main .section .container .event .eo-event-content,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .eo-event-content {
margin-left: 0; }
.archive.eo-tc-page #main .section .container .event .eo-event-content p a.read_more_link,
.category.eo-tc-page #main .section .container .event .eo-event-content p a.read_more_link,
.page-template-page-events-listing.eo-tc-page #main .section .container .event .eo-event-content p a.read_more_link {
display: block;
color: #0498f0;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.5px; }
.archive.eo-tc-page #main .section .container .eo-venue-map,
.category.eo-tc-page #main .section .container .eo-venue-map,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-venue-map {
margin-bottom: 40px; }
.archive.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.archive.eo-tc-page #main .section .container .eo-events-nav .nav-previous a,
.category.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.category.eo-tc-page #main .section .container .eo-events-nav .nav-previous a,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-events-nav .nav-previous a {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
.archive.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.archive.eo-tc-page #main .section .container .eo-events-nav .nav-previous a,
.category.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.category.eo-tc-page #main .section .container .eo-events-nav .nav-previous a,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-events-nav .nav-previous a {
font-size: 13px;
padding: 10px 15px; } }
.archive.eo-tc-page #main .section .container .eo-events-nav .nav-next a:hover,
.archive.eo-tc-page #main .section .container .eo-events-nav .nav-previous a:hover,
.category.eo-tc-page #main .section .container .eo-events-nav .nav-next a:hover,
.category.eo-tc-page #main .section .container .eo-events-nav .nav-previous a:hover,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-events-nav .nav-next a:hover,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-events-nav .nav-previous a:hover {
transition: all 0.3s ease;
background: #c4a674; }
@media screen and (max-width: 640px) {
.archive.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.archive.eo-tc-page #main .section .container .eo-events-nav .nav-previous a,
.category.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.category.eo-tc-page #main .section .container .eo-events-nav .nav-previous a,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-events-nav .nav-next a,
.page-template-page-events-listing.eo-tc-page #main .section .container .eo-events-nav .nav-previous a {
float: none;
margin: 0 auto; } }
/* Scss Document */
.page-template-prodGen {
color: #404040;
/* LOGIN */
/* CHANGE PASSWORD */
/* EDIT MEMBER - /members/details/edit.member.xsp */
/* ACCOUNT - /members/accounts/DisplayAccount?doAction=balances */
/* MEMBERS DIRECTORY - /members/directory/index.msp */
/* GOLF BOOKINGS - /views/members/booking/eventList.xhtml */
/* SINGLE BOOKINGS PAGE - /members/bookings/open/event.msp?booking_event_id=101394&booking_resource_id=3000000 */
/* GROUP BOOKINGS PAGE - /views/members/booking/makeBooking.xhtml?booking_event_id=101947&booking_row_id=101949 */
/* WAITLIST */
/* PLAYING PARTNERS */
/* ECLECTIC LEADERBOARD - /members/golf/competition/Eclectic?doAction=list */
/* ORDER OF MERIT - /views/members/orderOfMerit/oomLeaderboard.xhtml */
/* MISTATS - /members/miStats.msp */
/* PRIZES */
/* WEATHER - /members/CourseConditions?doAction=weather */
/* Pop-up edit details window */
/* Modal Boxes */
/* PUBLIC BOOKINGS */
/* Warnings for Lifestyle poinst */ }
.page-template-prodGen #banner .overlay h1 {
display: none; }
.page-template-prodGen #main .section .container {
/* MEMBERS PORTAL */ }
.page-template-prodGen #main .section .container table {
width: 100% !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container table {
width: 100% !important; } }
.page-template-prodGen #main .section .container table th,
.page-template-prodGen #main .section .container table td {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen #main .section .container table th span,
.page-template-prodGen #main .section .container table td span {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen #main .section .container .column {
width: 100%;
float: none;
display: flex; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .column {
display: block; } }
.page-template-prodGen #main .section .container .column.top .portal-box {
border: 0;
padding: 0;
background-repeat: no-repeat;
color: #ffffff;
min-height: 350px;
margin: 0 !important;
font-size: 18px;
line-height: 28px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .column.top .portal-box {
min-height: auto; } }
.page-template-prodGen #main .section .container .column.top .portal-box .overlay {
width: 100%;
height: 100%;
position: relative;
padding: 40px; }
.page-template-prodGen #main .section .container .column.top .portal-box h2 {
position: absolute;
color: #ffffff;
font-size: 24px;
font-weight: 400;
bottom: 35px;
margin: 0 0 30px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .column.top .portal-box h2 {
position: relative;
bottom: auto;
font-weight: 300;
margin: 0 0 20px;
letter-spacing: 1px;
line-height: 34px; } }
.page-template-prodGen #main .section .container .column.top .portal-box ul {
margin: 0 !important;
color: #ffffff;
padding: 0;
list-style: none; }
.page-template-prodGen #main .section .container .column.top .portal-box ul li.portGenBold {
font-weight: 600; }
.page-template-prodGen #main .section .container .column.top .portal-box ul li.portGenNorm {
font-weight: 400; }
.page-template-prodGen #main .section .container .column.top .portal-box ul li.booking-title {
margin-bottom: 10px; }
.page-template-prodGen #main .section .container .column.top .portal-box ul li.booking-title a {
color: #ffffff;
text-decoration: underline; }
.page-template-prodGen #main .section .container .column.top .portal-box table {
border-collapse: collapse;
border: 0 !important;
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #main .section .container .column.top .portal-box table tbody tr td {
font-size: 18px;
line-height: 28px;
font-family: "Oxygen", sans-serif;
color: #ffffff !important; }
.page-template-prodGen #main .section .container .column.top .portal-box .scroll {
margin-bottom: 0; }
.page-template-prodGen #main .section .container .column.top .portal-box .portalLink {
color: #ffffff;
position: absolute;
font-size: 17px;
line-height: 26px;
display: block;
bottom: 34px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .column.top .portal-box .portalLink {
position: relative;
bottom: auto;
margin-top: 20px; } }
.page-template-prodGen #main .section .container .column.top .portal-box .portalLink a {
color: #ffffff;
text-decoration: underline !important; }
.page-template-prodGen #main .section .container .column.top .portal-box .portalLink:hover a {
text-decoration: none !important; }
.page-template-prodGen #main .section .container .column.top .portal-details {
background-image: url(/cms/wp-content/uploads/2019/09/img-golfball.png);
background-color: #c4a674;
background-position: bottom right; }
.page-template-prodGen #main .section .container .column.top .portal-details .scroll::-webkit-scrollbar {
width: 0.5em;
height: 0.5em; }
.page-template-prodGen #main .section .container .column.top .portal-details .scroll::-webkit-scrollbar-thumb {
background: #812f06; }
.page-template-prodGen #main .section .container .column.top .portal-details .scroll::-webkit-scrollbar-track {
background: #c09783; }
.page-template-prodGen #main .section .container .column.top .portal-details .scroll {
scrollbar-face-color: #812f06;
scrollbar-track-color: #c09783; }
.page-template-prodGen #main .section .container .column.top .portal-account {
background-image: url(https://vivid.miclub.com.au/cms/wp-content/uploads/2019/08/box-03.jpg);
background-color: #222328;
background-position: bottom right;
background-size: cover;
background-blend-mode: screen; }
.page-template-prodGen #main .section .container .column.top .portal-account .scroll::-webkit-scrollbar {
width: 0.5em;
height: 0.5em; }
.page-template-prodGen #main .section .container .column.top .portal-account .scroll::-webkit-scrollbar-thumb {
background: #1f1f24; }
.page-template-prodGen #main .section .container .column.top .portal-account .scroll::-webkit-scrollbar-track {
background: #8f8f92; }
.page-template-prodGen #main .section .container .column.top .portal-account .scroll {
scrollbar-face-color: #1f1f24;
scrollbar-track-color: #8f8f92; }
.page-template-prodGen #main .section .container .column.top .portal-account .overlay {
background-color: rgba(34, 35, 40, 0.9); }
.page-template-prodGen #main .section .container .column.top .portal-bookings {
background-image: url(/cms/wp-content/uploads/2023/02/Hole-4-scaled.jpg);
background-color: #0498f0;
background-size: cover;
background-blend-mode: soft-light; }
.page-template-prodGen #main .section .container .column.top .portal-bookings .scroll::-webkit-scrollbar {
width: 0.5em;
height: 0.5em; }
.page-template-prodGen #main .section .container .column.top .portal-bookings .scroll::-webkit-scrollbar-thumb {
background: #601932; }
.page-template-prodGen #main .section .container .column.top .portal-bookings .scroll::-webkit-scrollbar-track {
background: #b08c99; }
.page-template-prodGen #main .section .container .column.top .portal-bookings .scroll {
scrollbar-face-color: #601932;
scrollbar-track-color: #b08c99; }
.page-template-prodGen #main .section .container .column .portal-box {
background: #efefef;
border: 1px solid #cccccc;
width: 33.33%;
position: relative;
padding: 40px;
margin: 0 30px 0 0;
font-size: 17px;
line-height: 25px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .column .portal-box {
width: 100%;
min-height: auto;
margin-bottom: 30px; } }
.page-template-prodGen #main .section .container .column .portal-box:nth-of-type(3n+3) {
margin-right: 0; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .column .portal-box:last-of-type {
margin-bottom: 0; } }
.page-template-prodGen #main .section .container .column .portal-box h2 {
font-size: 24px;
font-weight: 400;
margin: 0 0 30px; }
.page-template-prodGen #main .section .container .column .portal-box .scroll {
overflow-y: auto;
overflow-x: hidden;
height: 250px;
padding-right: 10px;
margin-bottom: 44px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .column .portal-box .scroll {
height: auto; } }
.page-template-prodGen #main .section .container .column .portal-box .scroll::-webkit-scrollbar {
width: 0.5em;
height: 0.5em; }
.page-template-prodGen #main .section .container .column .portal-box .scroll::-webkit-scrollbar-thumb {
background: #cccccc; }
.page-template-prodGen #main .section .container .column .portal-box .scroll::-webkit-scrollbar-track {
background: #e6e6e6; }
.page-template-prodGen #main .section .container .column .portal-box .scroll {
scrollbar-face-color: #cccccc;
scrollbar-track-color: #e6e6e6; }
.page-template-prodGen #main .section .container .column .portal-box .portalLink {
display: block; }
.page-template-prodGen #main .section .container .column .portal-box .portalLink a {
color: #404040;
text-decoration: underline !important; }
.page-template-prodGen #main .section .container .column .portal-box .portalLink a:hover {
text-decoration: none !important; }
.page-template-prodGen #main .section .container .column .portal-box img {
float: right;
width: 50px;
height: auto; }
.page-template-prodGen #main .section .container .column .portal-box.portal-matchplay .portalLink, .page-template-prodGen #main .section .container .column .portal-box.portal-results .portalLink, .page-template-prodGen #main .section .container .column .portal-box.portal-partners .portalLink, .page-template-prodGen #main .section .container .column .portal-box.portal-prize .portalLink, .page-template-prodGen #main .section .container .column .portal-box.portal-rounds .portalLink, .page-template-prodGen #main .section .container .column .portal-box.portal-teenet .portalLink, .page-template-prodGen #main .section .container .column .portal-box.portal-mistats .portalLink {
position: absolute;
bottom: 34px; }
.page-template-prodGen #main .section .container .column .portal-box.portal-prize .scroll .prizePort {
margin-top: 0; }
.page-template-prodGen #main .section .container .column .portal-box.portal-prize .scroll .prizePort .prizeDiv {
margin-top: 0;
padding-top: 0; }
.page-template-prodGen #main .section .container .column .portal-box.portal-mistats #miStats_body .portalLink {
position: relative;
bottom: auto; }
.page-template-prodGen #main .section .container .column .portal-box.portal-mistats #miStats_body .portalLink a:hover {
text-decoration: none !important; }
.page-template-prodGen #main .section .container .column .portal-box.portal-mistats .portalLink a:hover {
text-decoration: none !important; }
.page-template-prodGen #main .section.grey {
background: #efefef; }
.page-template-prodGen #main .section.grey .column .portal-box {
background: #ffffff; }
.page-template-prodGen #main .section.grey .column .portal-box .scroll::-webkit-scrollbar {
width: 0.5em;
height: 0.5em; }
.page-template-prodGen #main .section.grey .column .portal-box .scroll::-webkit-scrollbar-thumb {
background: #efefef; }
.page-template-prodGen #main .section.grey .column .portal-box .scroll::-webkit-scrollbar-track {
background: #f7f7f7; }
.page-template-prodGen #main .section.grey .column .portal-box .scroll {
scrollbar-face-color: #efefef;
scrollbar-track-color: #f7f7f7; }
.page-template-prodGen .ui-widget input,
.page-template-prodGen .ui-widget select,
.page-template-prodGen .ui-widget textarea,
.page-template-prodGen .ui-widget button {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen #ui-datepicker-div .ui-datepicker {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .alert-info {
border-radius: 0; }
.page-template-prodGen .sectionBreak {
background-color: #cccccc !important; }
.page-template-prodGen.login-form {
background: url(/cms/wp-content/uploads/2023/02/SwanIsland_AERIALS_016-Large-1024x682bw.jpg);
background-size: contain;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 28px;
font-family: "Oxygen", sans-serif;
color: #404040;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none; }
@media screen and (max-width: 1024px) {
.page-template-prodGen.login-form {
font-size: 16px;
line-height: 24px; } }
.page-template-prodGen.login-form #navigation {
transition: none !important;
position: absolute; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation {
transition: all 0.3s ease;
position: fixed; } }
.page-template-prodGen.login-form #navigation .members-menu {
display: none; }
.page-template-prodGen.login-form #navigation .logo {
position: absolute;
left: 50%;
top: 140px;
transition: none !important; }
@media screen and (max-width: 1440px) {
.page-template-prodGen.login-form #navigation .logo {
width: 189px;
height: 126px;
left: 55%; } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation .logo {
width: 124px !important;
height: 100px !important;
margin: 0 auto;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
float: none;
display: block;
transition: all 0.3s ease; } }
.page-template-prodGen.login-form #navigation .logo a {
transition: none !important; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation .logo a {
transition: all 0.3s ease; } }
.page-template-prodGen.login-form #navigation .logo a img {
transition: none !important; }
@media screen and (max-width: 1440px) {
.page-template-prodGen.login-form #navigation .logo a img {
height: 76px !important; } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation .logo a img {
height: 50px !important;
transition: all 0.3s ease !important; } }
.page-template-prodGen.login-form #navigation .left-menu #hamburger .hamburger .hamburger-box .hamburger-inner {
background-color: #0498f0; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation .left-menu #hamburger .hamburger .hamburger-box .hamburger-inner {
background-color: #ffffff; } }
.page-template-prodGen.login-form #navigation .left-menu #hamburger .hamburger .hamburger-box .hamburger-inner:before, .page-template-prodGen.login-form #navigation .left-menu #hamburger .hamburger .hamburger-box .hamburger-inner:after {
background-color: #0498f0; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation .left-menu #hamburger .hamburger .hamburger-box .hamburger-inner:before, .page-template-prodGen.login-form #navigation .left-menu #hamburger .hamburger .hamburger-box .hamburger-inner:after {
background-color: #ffffff; } }
.page-template-prodGen.login-form #navigation.shrink {
height: 126px;
position: absolute;
background: transparent !important;
transition: none !important; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation.shrink {
transition: all 0.3s ease !important;
height: 80px;
position: fixed;
background: #0498f0 !important; } }
.page-template-prodGen.login-form #navigation.shrink .logo {
height: 126px !important;
transition: none !important; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation.shrink .logo {
height: 100px !important;
transition: all 0.3s ease !important; } }
.page-template-prodGen.login-form #navigation.shrink .logo a {
padding: 25px 0 !important;
transition: none !important; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation.shrink .logo a {
padding: 22px 0 !important; } }
.page-template-prodGen.login-form #navigation.shrink .logo a img {
height: 76px !important;
transition: none !important; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #navigation.shrink .logo a img {
height: 36px !important;
transition: all 0.3s ease !important; } }
.page-template-prodGen.login-form #navigation.shrink .left-menu {
height: 120px; }
.page-template-prodGen.login-form #banner {
display: none; }
.page-template-prodGen.login-form #main .container {
width: 100%;
padding: 0; }
.page-template-prodGen.login-form #main .container .header {
width: auto;
position: absolute;
left: 100px;
top: 160px; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .header {
left: 0;
right: 0;
text-align: center; } }
.page-template-prodGen.login-form #main .container .header h1 {
width: auto;
display: inline;
font-family: "Merriweather", serif !important;
font-size: 40px !important;
margin: 0 0 40px;
line-height: 48px;
background: linear-gradient(202deg, rgba(4, 152, 240, 0.9) 20%, rgba(196, 166, 116, 0.95) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
@media screen and (max-width: 1200px) {
.page-template-prodGen.login-form #main .container .header h1 {
font-size: 34px !important;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .header h1 {
-webkit-text-fill-color: #ffffff;
display: block;
background: transparent;
color: #ffffff; } }
@media screen and (max-width: 820px) {
.page-template-prodGen.login-form #main .container .header h1 {
font-size: 30px !important;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen.login-form #main .container .error {
width: calc(50% - 200px);
position: absolute;
top: auto;
left: 0;
margin: 100px;
top: 170px; }
@media screen and (max-width: 1200px) {
.page-template-prodGen.login-form #main .container .error {
width: calc(55% - 200px); } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .error {
width: 50%;
left: auto;
right: auto;
margin: 0 25%;
top: 250px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen.login-form #main .container .error {
width: 70%;
margin: 0 15%; } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .error .panel-heading {
text-align: center; } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .error .panel-body {
text-align: center; } }
.page-template-prodGen.login-form #main .container .error .panel-body a {
color: #404040;
text-decoration: underline !important; }
.page-template-prodGen.login-form #main .container .error .panel-body a:hover {
text-decoration: none; }
.page-template-prodGen.login-form #main .container .login {
display: flex;
flex-direction: row-reverse;
min-height: 100vh; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .login {
display: block;
min-height: auto; } }
.page-template-prodGen.login-form #main .container .login .left {
padding: 300px 100px 100px;
background: linear-gradient(202deg, rgba(4, 152, 240, 0.9) 20%, rgba(196, 166, 116, 0.95) 100%);
width: 50%;
color: #ffffff; }
@media screen and (max-width: 1200px) {
.page-template-prodGen.login-form #main .container .login .left {
width: 45%; } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .login .left {
width: 100%;
padding: 270px 5% 50px;
min-height: 100vh; } }
.page-template-prodGen.login-form #main .container .login .left h1,
.page-template-prodGen.login-form #main .container .login .left h2,
.page-template-prodGen.login-form #main .container .login .left h3,
.page-template-prodGen.login-form #main .container .login .left h4,
.page-template-prodGen.login-form #main .container .login .left p,
.page-template-prodGen.login-form #main .container .login .left a {
color: #ffffff; }
.page-template-prodGen.login-form #main .container .login .left form {
width: 320px;
text-align: center;
margin: 0 auto;
display: block; }
@media screen and (max-width: 1200px) {
.page-template-prodGen.login-form #main .container .login .left form {
width: 100%; } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .login .left form {
width: 50%; } }
@media screen and (max-width: 640px) {
.page-template-prodGen.login-form #main .container .login .left form {
width: 80%; } }
.page-template-prodGen.login-form #main .container .login .left form input {
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #2b2c30;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 10px !important;
height: 36px;
letter-spacing: 0.5px;
width: 100%;
border: 0;
text-align: center;
margin-bottom: 30px;
color: #404040 !important; }
.page-template-prodGen.login-form #main .container .login .left form span {
color: #404040;
display: block;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0 0 5px;
color: #ffffff; }
.page-template-prodGen.login-form #main .container .login .left form span:nth-of-type(3n+3) {
float: left;
display: none; }
.page-template-prodGen.login-form #main .container .login .left form .remember {
display: none; }
.page-template-prodGen.login-form #main .container .login .left form .remember input {
width: auto;
height: auto; }
.page-template-prodGen.login-form #main .container .login .left form .input {
position: relative; }
.page-template-prodGen.login-form #main .container .login .left form .input input[type=submit] {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: transparent;
border: 2px solid #ffffff;
width: 130px;
height: 50px;
color: #ffffff !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen.login-form #main .container .login .left form .input input[type=submit] {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen.login-form #main .container .login .left form .input input[type=submit]:hover {
background: transparent;
border: 2px solid #ffffff;
opacity: 0.3;
cursor: pointer; }
.page-template-prodGen.login-form #main .container .login .left form .input input[type=submit]:hover {
cursor: pointer; }
.page-template-prodGen.login-form #main .container .login .left form .input i {
position: absolute;
top: 10px;
left: 15px;
color: #0498f0; }
.page-template-prodGen.login-form #main .container .login .left a {
text-decoration: underline !important; }
.page-template-prodGen.login-form #main .container .login .left a:hover {
text-decoration: none !important; }
.page-template-prodGen.login-form #main .container .login .right {
padding: 250px 100px 100px;
background: #ffffff;
width: 50%; }
.page-template-prodGen.login-form #main .container .login .right.no-error {
padding: 250px 100px 100px; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .login .right.no-error {
padding: 40px 5%; } }
.page-template-prodGen.login-form #main .container .login .right.error-msg {
padding-top: 450px; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .login .right.error-msg {
padding-top: 50px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen.login-form #main .container .login .right {
width: 55%; } }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #main .container .login .right {
padding: 40px 5%;
width: 100%; } }
.page-template-prodGen.login-form #main .container .login .right h2 {
font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
font-family: "Merriweather", serif !important;
margin: 0 0 30px;
color: #101010; }
.page-template-prodGen.login-form #main .container .login .right a {
color: #404040;
text-decoration: underline !important; }
.page-template-prodGen.login-form #main .container .login .right a:hover {
text-decoration: none !important; }
.page-template-prodGen.login-form #menu.open + #navigation #hamburger .hamburger .hamburger-box .hamburger-inner {
background-color: #ffffff; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #menu.open + #navigation #hamburger .hamburger .hamburger-box .hamburger-inner {
background-color: #0498f0; } }
.page-template-prodGen.login-form #menu.open + #navigation #hamburger .hamburger .hamburger-box .hamburger-inner:before, .page-template-prodGen.login-form #menu.open + #navigation #hamburger .hamburger .hamburger-box .hamburger-inner:after {
background-color: #ffffff; }
@media screen and (max-width: 960px) {
.page-template-prodGen.login-form #menu.open + #navigation #hamburger .hamburger .hamburger-box .hamburger-inner:before, .page-template-prodGen.login-form #menu.open + #navigation #hamburger .hamburger .hamburger-box .hamburger-inner:after {
background-color: #0498f0; } }
.page-template-prodGen .members {
font-family: "Oxygen", sans-serif; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members table {
width: 100% !important; } }
.page-template-prodGen .members table div[align=center] input[type=submit],
.page-template-prodGen .members table div[align=center] input[type=button] {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
font-size: 10px;
padding: 6px 10px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members table div[align=center] input[type=submit],
.page-template-prodGen .members table div[align=center] input[type=button] {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .members table div[align=center] input[type=submit]:hover,
.page-template-prodGen .members table div[align=center] input[type=button]:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members table div[align=center] input[type=submit],
.page-template-prodGen .members table div[align=center] input[type=button] {
font-size: 10px !important;
padding: 10px; } }
.page-template-prodGen .members table div[align=center] input[type=submit]:hover,
.page-template-prodGen .members table div[align=center] input[type=button]:hover {
cursor: pointer; }
.page-template-prodGen .members table div[align=center] a {
color: #0498f0;
font-weight: 600; }
.page-template-prodGen .members table table.portal {
border-collapse: collapse;
border: 1px solid #2b2c30;
border: 1px solid #cccccc;
width: 600px; }
.page-template-prodGen .members table table.portal tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen .members table table.portal tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .members table table.portal tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen .members table table.portal tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .members table table.portal tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 640px) {
.page-template-prodGen .members table table.portal {
width: 100% !important; } }
.page-template-prodGen .members table table.portal tbody tr td {
background: #efefef;
color: #404040;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0 0 5px;
padding: 10px 20px; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members table table.portal tbody tr td input[type=text] {
font-size: 15px !important;
line-height: 15px; } }
@media screen and (max-width: 640px) {
.page-template-prodGen .members table table.portal tbody tr td {
padding: 10px;
font-size: 15px; } }
.page-template-prodGen .members table table.portal tbody tr td table.calendarTable tr td {
padding: 0; }
.page-template-prodGen .members .details {
text-align: center; }
.page-template-prodGen .members .details h1 {
font-size: 40px;
line-height: 48px;
margin: 0 0 40px;
font-family: "Merriweather", serif !important; }
@media screen and (max-width: 1200px) {
.page-template-prodGen .members .details h1 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details h1 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen .members .details p {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .members .details p .errortext {
font-family: "Oxygen", sans-serif;
font-size: 17px;
line-height: 26px;
color: #bc0000; }
.page-template-prodGen .members .details table {
border-collapse: collapse;
border: 1px solid #2b2c30; }
.page-template-prodGen .members .details table tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen .members .details table tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .members .details table tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen .members .details table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .members .details table tr th {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .members .details table.portal {
width: 640px;
background: #efefef;
border: 1px solid #cccccc;
margin-top: 30px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details table.portal {
width: 100%; } }
.page-template-prodGen .members .details table.portal tbody tr td input[type=text],
.page-template-prodGen .members .details table.portal tbody tr td input[type=password] {
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #2b2c30;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 10px !important;
height: 36px;
letter-spacing: 0.5px;
margin-bottom: 0; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details table.portal tbody tr td input[type=text],
.page-template-prodGen .members .details table.portal tbody tr td input[type=password] {
width: 100%; } }
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] table {
border: 0 !important;
margin-top: 20px; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] table {
margin-top: 10px !important;
margin-bottom: 0 !important; } }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] table tbody {
display: block;
width: 100%; } }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] table tbody tr {
display: block;
width: 100%; } }
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] table tbody tr td {
padding: 10px; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] table tbody tr td {
display: block;
width: 100%;
padding: 10px 20px 10px 10px !important; } }
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] table tbody tr td div[align=right] {
color: #404040;
display: block;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0 0 5px;
line-height: 17px; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] table tbody tr td div[align=right] {
width: 100%;
text-align: left !important; } }
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=submit],
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button] {
-webkit-appearance: none;
border-radius: 0;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
height: 38px;
margin-top: 10px;
height: auto; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=submit],
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button] {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=submit],
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button] {
height: auto; } }
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=submit]:hover,
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button]:hover {
background: #c4a674;
transition: all 0.3s ease;
border: 1px solid #c4a674;
cursor: pointer; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=submit],
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button] {
font-size: 13px !important; } }
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button] {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button] {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button]:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details table.portal tbody tr td div[align=center] input[type=button] {
font-size: 13px !important; } }
.page-template-prodGen .members .section .container .panel-info {
border-color: #2b2c30;
border-radius: 0; }
.page-template-prodGen .members .section .container .panel-info > .panel-heading {
color: #ffffff;
background-color: #0498f0;
border-color: #0498f0;
border-radius: 0; }
.page-template-prodGen .members .section .container .panel-info > .panel-heading h3.panel-title {
font-family: "Merriweather", serif;
font-size: 24px;
margin: 0; }
.page-template-prodGen .members .section .container .panel-info > .panel-heading h3.panel-title .glyphicon.glyphicon-lock {
font-size: 18px;
padding-right: 5px;
top: 0; }
.page-template-prodGen .members .section .container .panel-body {
padding: 20px; }
.page-template-prodGen .members .section .container .panel-body form.form-inline {
margin-top: 20px; }
.page-template-prodGen .members .section .container .panel-body form.form-inline input#membershipNumber {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 15px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .section .container .panel-body form.form-inline input#membershipNumber {
margin-left: 0; } }
.page-template-prodGen .members .section .container .panel-body form.form-inline button[type=submit] {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background-color: #0498f0 !important;
border-radius: 0 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .section .container .panel-body form.form-inline button[type=submit] {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .members .section .container .panel-body form.form-inline button[type=submit]:hover {
background-color: #c4a674 !important;
border-color: 1px solid #c4a674 !important; }
.page-template-prodGen .members .details form table {
border: 0 !important; }
.page-template-prodGen .members .details form table tbody tr td {
/* Editing bar */
/* General Details table */ }
.page-template-prodGen .members .details form table tbody tr td div[align=center] input[type=button] {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
font-size: 12px;
margin-bottom: 30px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details form table tbody tr td div[align=center] input[type=button] {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .members .details form table tbody tr td div[align=center] input[type=button]:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen .members .details form table tbody tr td div[align=center] input[type=submit] {
-webkit-appearance: none;
border-radius: 0;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
height: 38px;
font-size: 12px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details form table tbody tr td div[align=center] input[type=submit] {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details form table tbody tr td div[align=center] input[type=submit] {
height: auto; } }
.page-template-prodGen .members .details form table tbody tr td div[align=center] input[type=submit]:hover {
background: #c4a674;
transition: all 0.3s ease;
border: 1px solid #c4a674;
cursor: pointer; }
.page-template-prodGen .members .details form table tbody tr td div[align=center] a {
font-size: 14px;
text-decoration: underline !important;
color: #404040; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td div[align=center] a {
display: block;
width: 50%;
float: left;
padding-top: 20px;
text-align: right;
padding-right: 5px; } }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td div[align=center] a:last-of-type {
text-align: left;
padding-left: 5px; } }
.page-template-prodGen .members .details form table tbody tr td table.portal {
width: 800px;
background: #efefef;
border: 1px solid #cccccc;
margin-top: 20px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members .details form table tbody tr td table.portal {
width: 100%;
margin-top: 10px; } }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td {
padding: 30px 30px 0;
width: 40%; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td {
text-align: left;
padding: 10px 0px 10px 20px !important; } }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td:nth-of-type(2n+2) {
text-align: right;
width: 60%; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td:nth-of-type(2n+2) {
padding: 10px 20px 10px 0 !important; } }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td:nth-of-type(2n+2) input {
width: 100%; }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td select {
/* Custom Overrides */
background-color: white;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
height: 36px;
font-family: "Oxygen", sans-serif;
font-size: 17px;
color: #404040;
border-radius: 0 !important;
-webkit-appearance: none;
padding: 10px;
/* Custom Arrows */
background-image: linear-gradient(45deg, transparent 50%, #404040 50%), linear-gradient(135deg, #404040 50%, transparent 50%), linear-gradient(to right, #cccccc, #cccccc);
background-position: calc(100% - 20px) calc(0.75em + 2px), calc(100% - 15px) calc(0.75em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1em;
background-repeat: no-repeat;
color: #000000;
width: 100%;
line-height: 16px;
font-weight: 400; }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td select:focus {
background-image: linear-gradient(45deg, #404040 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #404040 50%), linear-gradient(to right, #cccccc, #cccccc);
background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1em;
background-repeat: no-repeat;
outline: 0; }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td {
padding: 10px 20px 10px 10px; } }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td div[align=right] {
color: #404040;
display: block;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0 0 5px;
line-height: 17px; }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td table.calendarTable {
width: 100%; }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td table.calendarTable tbody tr td {
padding: 0;
width: calc(100% - 40px); }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td table.calendarTable tbody tr td {
padding: 0 !important; } }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td table.calendarTable tbody tr td:nth-of-type(2n+2) {
text-align: right;
width: 40px; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td table.calendarTable tbody tr td:nth-of-type(2n+2) {
float: right; } }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr td input {
margin-top: 10px; }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr.general_details td {
text-align: center; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr.general_details td {
text-align: left; } }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr:first-of-type td {
padding-top: 20px; } }
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr:last-of-type td {
padding: 30px; }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr:last-of-type td {
padding: 10px 0px 20px 20px !important; } }
@media screen and (max-width: 640px) {
.page-template-prodGen .members .details form table tbody tr td table.portal tbody tr:last-of-type td:nth-of-type(2n+2) {
padding: 10px 20px 20px 0px !important; } }
.page-template-prodGen .members .details form table.calendarTable td {
padding: 0 !important; }
.page-template-prodGen #main.members h3.margin5 {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
.page-template-prodGen #main.members h3.margin5 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #main.members h3.margin5 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen #main.members .section .container table.displayAccounts {
width: 100%;
margin: 0;
padding: 0;
border: 0 !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts tbody tr td {
padding: 0 !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table {
font-family: "Oxygen", sans-serif;
color: #404040;
border: 0 !important;
padding: 0 !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table tr th,
.page-template-prodGen #main.members .section .container table.displayAccounts table tr td {
font-family: "Oxygen", sans-serif;
color: #404040;
font-size: 16px !important;
line-height: 24px !important;
text-align: left !important;
padding: 0; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.table {
margin: 0; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.table tr td {
padding: 0 !important;
margin: 0;
border-top: 0; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.table tr td table.accountTabs {
margin: 0; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.table tr td table.accountTabs tbody tr td {
padding: 0;
margin: 0; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.table tr td table.accountTabs tbody tr td .tab {
padding: 15px 20px;
border: 1px solid #efefef;
color: #404040;
transition: all 0.3s ease; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.table tr td table.accountTabs tbody tr td .tab.tab_on {
background: #efefef;
border-bottom: 1px solid #efefef; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.table tr td table.accountTabs tbody tr td .tab.tab_off {
background: #ffffff;
border-bottom: 1px solid #ffffff; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.table tr td table.accountTabs tbody tr td .tab:hover {
background: #ffffff;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont {
width: 100%; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont a {
color: #404040;
text-decoration: underline !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont a:hover {
text-decoration: none !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont form#exportForm {
overflow: hidden; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td {
padding: 10px 40px 40px !important; }
@media screen and (max-width: 640px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td {
padding: 10px 20px 20px !important; } }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td h2 {
font-size: 24px;
font-weight: 400;
margin: 0 0 30px;
font-family: "Merriweather", serif;
line-height: 30px;
letter-spacing: 0.5px; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td p small {
font-size: 14px;
font-family: "Oxygen", sans-serif;
color: #404040;
display: block;
padding: 10px 0; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table {
border-collapse: collapse;
border: 1px solid #2b2c30; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table tr th {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal {
margin: 10px auto 40px; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr th {
padding: 10px 20px; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td {
background-color: #dcdcdc;
padding: 20px 0 !important; }
@media screen and (max-width: 640px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td {
padding: 10px 5px !important; } }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td input[type=text] {
width: 100%;
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #2b2c30;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 10px !important;
height: 36px;
letter-spacing: 0.5px; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td input[type=submit] {
-webkit-appearance: none;
border-radius: 0;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
height: 38px;
padding: 5px 20px !important;
height: auto !important;
margin-left: 10px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td input[type=submit] {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td input[type=submit] {
height: auto; } }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td input[type=submit]:hover {
background: #c4a674;
transition: all 0.3s ease;
border: 1px solid #c4a674;
cursor: pointer; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td #fromDate_text,
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.portal tbody tr td #toDate_text {
width: 99% !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accPayments tbody tr td {
padding: 10px 20px !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accPayments tbody tr.desktop-header th {
text-align: left;
padding: 10px 20px !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accTransactionTabs {
margin-top: 30px;
margin-bottom: 0; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accTransactionTabs tbody tr td {
background: #0498f0;
color: #ffffff;
padding: 0 !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accTransactionTabs tbody tr td .tab {
border: 0;
padding: 10px 20px !important;
border-radius: 0;
margin: 0;
background: #0498f0;
color: #ffffff;
border-top: 1px solid #0498f0;
border-left: 1px solid #0498f0;
border-right: 1px solid #0498f0; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accTransactionTabs tbody tr td .tab:hover {
background: #efefef !important;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accTransactionTabs tbody tr td .tab:hover a {
color: #404040;
text-decoration: none !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accTransactionTabs tbody tr td .tab a {
color: #ffffff;
text-decoration: none !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.accTransactionTabs tbody tr td .tab.tab_on {
background: #efefef;
color: #404040;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.displayAccTransactions {
width: 100%; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.displayAccTransactions tbody tr td {
padding: 20px 0 !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.displayAccTransactions tbody tr td div.alert {
padding: 10px 20px !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.displayAccTransactions tbody tr td table.table-striped tbody tr th {
padding: 10px 20px !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td table.displayAccTransactions tbody tr td table.table-striped tbody tr td {
padding: 10px 20px !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td form input[type=submit] {
-webkit-appearance: none;
border-radius: 0;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
height: 38px;
height: auto !important;
margin-top: 20px;
background: #0498f0 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td form input[type=submit] {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td form input[type=submit] {
height: auto; } }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td form input[type=submit]:hover {
background: #c4a674;
transition: all 0.3s ease;
border: 1px solid #c4a674;
cursor: pointer; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td #exportForm table tbody tr td {
padding: 5px 0px !important; }
@media screen and (max-width: 640px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td #exportForm table tbody tr td {
padding: 5px 5px !important; } }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td #exportForm table tbody tr td.form {
padding: 0 20px 20px !important; }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td #exportForm table tbody tr td.form button[type=button] {
-webkit-appearance: none;
border-radius: 0;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
height: 38px;
height: auto !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td #exportForm table tbody tr td.form button[type=button] {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td #exportForm table tbody tr td.form button[type=button] {
height: auto; } }
.page-template-prodGen #main.members .section .container table.displayAccounts table.accountsCont tbody tr td #exportForm table tbody tr td.form button[type=button]:hover {
background: #c4a674;
transition: all 0.3s ease;
border: 1px solid #c4a674;
cursor: pointer; }
.page-template-prodGen #memberSearch:before {
content: "Members Directory";
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
.page-template-prodGen #memberSearch:before {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch:before {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen #memberSearch #mainLayout {
margin: 35px 0 0; }
.page-template-prodGen #memberSearch #mainLayout .ui-panel {
background: #efefef;
border: 1px solid #cccccc;
margin-bottom: 40px !important;
padding: 40px !important;
overflow: hidden;
border-radius: 0;
margin: 0;
min-height: 250px; }
@media screen and (max-width: 1440px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel {
min-height: 280px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel {
margin-top: 30px; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel {
min-height: 300px; } }
@media screen and (max-width: 960px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel {
width: 100% !important;
float: none !important;
min-height: auto !important; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel {
margin-top: 20px;
padding: 30px !important;
margin-bottom: 30px !important; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-titlebar {
padding: 0 !important; }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-title {
font-size: 24px;
margin: 0 0 30px;
font-family: "Merriweather", serif;
font-weight: 400;
font-weight: 400;
display: block;
margin-bottom: 25px; }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content {
padding: 0;
overflow: hidden;
font-family: "Oxygen", sans-serif;
font-size: 17px; }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content p {
line-height: 20px; }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList {
margin-top: 0; }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList a {
background: #c4a674;
color: #ffffff;
border: 1px solid #cccccc;
width: calc(7.65% - 2px);
height: 30px;
line-height: 30px;
font-size: 13px;
margin: 2px 0 0 2px; }
@media screen and (max-width: 1440px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList a {
width: calc(7.65% - 1px);
margin: 1px 0 0 1px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList a {
font-size: 14px;
font-weight: bold;
width: calc(6.9% - 1px);
height: 32px;
margin: 4px 0 0 4px; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList a:hover {
background: #ffffff;
color: #c4a674; }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch {
display: block;
margin-top: 10px;
position: relative;
width: 100%; }
@media screen and (max-width: 1024px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch {
display: block; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-inputfield {
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #2b2c30;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 10px !important;
height: 36px;
letter-spacing: 0.5px;
box-shadow: none;
margin: 0;
padding: 5px;
width: calc(100% - 116px);
height: 38px;
float: left;
border: 1px solid #efefef; }
@media screen and (max-width: 640px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-inputfield {
margin: 10px 0 0;
width: calc(100% - 93px); } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton {
margin: 0 !important;
padding: 0 !important;
float: left;
width: 100%; }
@media screen and (max-width: 1024px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton {
float: left; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton {
float: none;
display: block !important; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
border-radius: 0;
padding: 10px 20px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
@media screen and (max-width: 1024px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button {
padding: 10px; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button {
width: 50%;
float: left;
display: block; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button.ui-state-active {
background: #c4a674;
color: #ffffff;
border: 1px solid #c4a674 !important; }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button.ui-state-active:hover {
background: #ffffff;
color: #c4a674; }
@media screen and (max-width: 640px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button.ui-state-active {
width: 50%;
float: left;
display: block; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt {
-webkit-appearance: none;
border-radius: 0;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
height: 38px;
background: #0498f0;
position: absolute;
top: -1px;
right: 0; }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt {
height: auto; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt:hover {
background: #c4a674;
transition: all 0.3s ease;
border: 1px solid #c4a674;
cursor: pointer; }
@media screen and (max-width: 640px) {
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt {
margin-top: 10px; } }
.page-template-prodGen #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt:hover {
background: #ffffff;
color: #0498f0; }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper {
margin-top: 40px; }
@media screen and (max-width: 1200px) {
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper {
margin-top: 30px; } }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table {
border-collapse: collapse;
border: 1px solid #2b2c30;
border: 1px solid #cccccc; }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tr th {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table thead tr th {
padding: 10px !important;
border: 0;
width: auto !important;
text-align: left !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table thead tr th {
font-size: 15px;
line-height: 17px;
vertical-align: top;
padding: 10px;
width: auto !important; } }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table thead tr th .ui-column-title {
font-size: 16px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table thead tr th .ui-column-title {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table thead tr th {
font-size: 15px;
line-height: 20px;
vertical-align: top; } }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table .ui-widget-content {
color: #404040; }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tbody tr.ui-datatable-selectable {
border: 0 !important; }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tbody tr td {
border: 1px solid #cccccc;
padding: 10px 20px; }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-page,
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-pages,
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-next,
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-last,
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-first,
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-prev,
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-current {
height: 22px;
line-height: 17px; }
.page-template-prodGen #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-page.ui-state-active {
font-size: 14px;
height: 22px;
line-height: 19px;
bacground: #c4a674;
color: #ffffff; }
.page-template-prodGen #eventListForm {
font-family: "Oxygen", sans-serif;
/* Overrides */
/* Event Listing container */
/* Ballots update */
/*
@media screen and (max-width: 1260px) {
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 {
width: 300px;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
width: calc(100% - 300px);
}
}
*/
/*
@media screen and (max-width: 1080px) {
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .title,
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav {
width: 100%;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .title h3 {
float: left;
width: calc(100% - 100px);
margin-bottom: 30px;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .title #systemTimeId {
float: right;
width: 100px;
text-align: right;
}
}
*/
/*
@media screen and (max-width: 850px) {
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .ui-selectonebutton {
float: left;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .viewMenuClass .ui-button.ui-widget {
margin-left: 0;
margin-right: 10px;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
width: 100%;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 {
width: 100%;
}
}
*/
/*
@media screen and (max-width: 600px) {
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .title h3 {
float: none;
width: auto;
margin-bottom: 24px;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .title #systemTimeId {
float: none;
width: auto;
text-align: left;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .ui-selectonebutton {
float: none;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .viewMenuClass .ui-button.ui-widget {
margin-right: 0;
}
.product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
position: relative;
}
a.teeNet-fixture-link {
position: absolute;
right: 0;
top: -60px;
}
}
*/ }
.page-template-prodGen #eventListForm .ui-widget input,
.page-template-prodGen #eventListForm .ui-widget {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen #eventListForm .eventListContain {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid {
font-family: "Oxygen", sans-serif;
/* Title */
/* Calendar Buttons */
/* Event Notice */
/* Event List */ }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title {
/* Timer */ }
@media screen and (max-width: 1200px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title {
width: 41.66666%; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title {
width: 100%;
position: relative; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 {
font-size: 40px;
line-height: 48px;
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 .eventHeader {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px;
font-family: "Merriweather", serif !important;
font-size: 40px !important;
line-height: 48px !important;
margin: 0px !important; }
@media screen and (max-width: 1200px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 .eventHeader {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 .eventHeader {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 .eventHeader {
font-size: 34px !important;
line-height: 42px !important; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title h3 .eventHeader {
font-size: 30px !important;
line-height: 38px !important; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title #systemTimeId {
font-family: "Oxygen", sans-serif !important;
margin-top: 0; }
@media screen and (max-width: 1024px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title #systemTimeId {
position: absolute;
right: 0;
top: 6px; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title #systemTimeId {
margin-bottom: 20px;
font-size: 14px;
top: 0; } }
@media screen and (max-width: 480px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .title #systemTimeId {
position: relative;
margin-bottom: 10px; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav {
/* Edit Days Link */
/* Book Other Button */
/* Buttons */
/* Dialog Box */ }
@media screen and (max-width: 1200px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav {
width: 58.33333%; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav {
width: 100%; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav {
background: #0498f0;
width: 100%;
text-align: left; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .event-editdays {
position: relative;
top: 0;
left: 0;
font-size: 14px; }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .event-editdays {
left: auto;
top: auto;
display: block; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .event-editdays a {
background: #dcdcdc;
color: #222328;
border: 1px solid #222328;
border-radius: 0;
padding: 9px 15px 10px;
transition: all 0.3s ease;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
line-height: 16px;
letter-spacing: 1.25px;
margin: 0 0 0 10px; }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .event-editdays a {
margin: 0 auto;
width: 100%;
display: block;
text-align: center; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .event-editdays:hover a {
color: #0498f0;
background: #ffffff;
transition: all 0.3s ease; }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther {
display: block;
width: 100%;
float: none; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther .ui-button {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
border-radius: 0;
background: #0498f0;
color: #ffffff;
margin: 0 0 0 10px;
padding: 10px 15px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther .ui-button {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther .ui-button {
padding: 10px 10px 10px 20px;
margin: 0 auto;
display: block; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther .ui-button .ui-button-text {
padding: 0;
font-size: 14px;
line-height: 16px;
padding-left: 12px; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther:hover {
display: block; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther:hover .ui-button {
background: #ffffff;
color: #0498f0;
transition: all 0.3s ease; }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther:hover .ui-button {
background: #0498f0;
color: #cccccc;
box-shadow: none; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .bookOther .ui-button.ui-widget.ui-state-hover {
padding: 10px 15px 10px 15px !important; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset {
margin-right: 0;
padding: 0; }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset {
width: 100%; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.viewMenuClass .ui-button.ui-widget {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
border-radius: 0;
background: #0498f0;
color: #ffffff;
margin: 0 0 0 10px;
padding: 10px 15px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.viewMenuClass .ui-button.ui-widget {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.viewMenuClass .ui-button.ui-widget {
padding: 10px;
margin: 0; } }
@media screen and (max-width: 480px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.viewMenuClass .ui-button.ui-widget {
padding: 10px 5px; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.viewMenuClass .ui-button.ui-widget .ui-button-text {
font-size: 14px;
line-height: 16px; }
@media screen and (max-width: 480px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.viewMenuClass .ui-button.ui-widget .ui-button-text {
font-size: 12px;
line-height: 14px; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.viewMenuClass .ui-button.ui-widget:hover {
background: #ffffff;
color: #0498f0;
transition: all 0.3s ease; }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.viewMenuClass .ui-button.ui-widget:hover {
background: #0498f0;
color: #cccccc;
box-shadow: none; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset.ui-buttonset-4 .ui-button.ui-widget {
width: 25% !important; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content {
border-radius: 0px 0px 6px 6px; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-dialog-content.ui-widget-content {
padding: 0 40px 30px; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-outputpanel {
padding: 0; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-outputpanel.ui-widget {
background: #ffffff; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-outputpanel.ui-widget h3,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-outputpanel.ui-widget h4 {
color: #404040;
font-family: "Oxygen", sans-serif !important;
letter-spacing: 0.5px;
font-size: 16px;
line-height: 24px;
margin-bottom: 10px; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-outputpanel button.ui-button.ui-widget {
background: #ffffff !important;
border: 0 !important;
padding: 0 !important; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-outputpanel button.ui-button.ui-widget span.ui-button-text.ui-c {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
border-radius: 0 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-outputpanel button.ui-button.ui-widget span.ui-button-text.ui-c {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .event-nav .ui-dialog.ui-widget-content .ui-outputpanel button.ui-button.ui-widget span.ui-button-text.ui-c:hover {
background-color: #ffffff !important;
color: #0498f0 !important;
transition: all 0.3s ease; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList {
margin-top: 10px;
font-family: "Oxygen", sans-serif;
/* Checkbox Labels */ }
@media screen and (max-width: 1200px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList {
margin-top: 0; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList {
margin: 10px auto; } }
@media screen and (max-width: 1440px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 {
width: 40%; } }
@media screen and (max-width: 960px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 {
float: none;
width: 100%; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 table {
width: auto !important; }
@media screen and (max-width: 480px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 table {
width: 100% !important; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 table tr td {
padding: 0 !important; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options {
width: auto !important;
border: 0 !important;
margin-top: 0;
margin-bottom: 0px; }
@media screen and (max-width: 1200px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options {
margin-bottom: 20px !important; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options {
margin-top: 10px !important;
margin-bottom: 0 !important; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell {
padding: 0 !important;
vertical-align: middle; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-inputfield.hasDatepicker {
font-size: 14px;
display: block;
float: left;
margin: 0 auto;
-webkit-appearance: none;
border-radius: 0;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 10px !important;
height: 36px;
letter-spacing: 0.5px; }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-inputfield.hasDatepicker {
height: 30px;
font-size: 14px !important;
line-height: 14px !important; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-button-icon-only {
padding: 7px 20px 8px;
display: block;
float: left;
border: 1px solid #cccccc;
margin: 0 10px;
height: 36px; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-button-icon-only:hover {
background: #0498f0; }
@media screen and (max-width: 1440px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-button-icon-only {
padding: 7px 10px 8px;
margin: 0 5px; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-button-icon-only {
padding: 7px 18px 8px;
height: 30px; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-outputlabel.ui-widget,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-selectonelistbox.ui-inputfield {
font-size: 14px !important;
padding-right: 5px; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
font-size: 15px !important;
line-height: 22px;
position: relative; }
@media screen and (max-width: 1440px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
width: 60%;
padding-top: 0px; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
width: 100%; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 div {
float: left !important; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 input,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 select {
font-size: 15px;
line-height: 22px; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 .menuItem,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 label {
font-family: "Oxygen", sans-serif !important;
font-size: 15px !important;
line-height: 22px;
letter-spacing: 0.5px; }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 .teeNet-fixture-link img {
width: 60px;
height: auto;
position: absolute;
right: 0;
top: 0; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 .teeNet-fixture-link img {
top: -10px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 .teeNet-fixture-link img {
top: 0px;
width: 40px; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .icon-calendar {
color: #c4a674; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .event-date .dateColumnClass,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .eventStatusClass .dateColumnClass {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .event-date .dateColumnClass .event-day,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .eventStatusClass .dateColumnClass .event-day {
font-family: "Oxygen", sans-serif !important;
font-weight: 700; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .event-date span.eventStatusOpen,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .event-date span.eventStatusLocked,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .event-date span.eventStatusClosed,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .event-date a.eventStatusResults,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .eventStatusClass span.eventStatusOpen,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .eventStatusClass span.eventStatusLocked,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .eventStatusClass span.eventStatusClosed,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .eventStatusClass a.eventStatusResults {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .event-date .eventStatusOpen,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .full .eventStatusClass .eventStatusOpen {
font-weight: 700; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-row .ui-grid-col-12 {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-row .ui-grid-col-12 .ui-outputpanel.ui-widget {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .eventList .ui-grid-row .ui-grid-col-12 .ui-outputpanel.ui-widget .event-list {
font-family: "Oxygen", sans-serif !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .month-block {
width: 100%; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #eventListForm .eventListContain .ui-grid .monthlyCellClass {
width: 99%; } }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .ui-grid-row .ui-grid-col-12 .event-list {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .ui-grid-row .ui-grid-col-12 .event-list .full {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen #eventListForm .eventListContain .ui-grid .ui-grid-row .ui-grid-col-12 .event-list .full .event-day,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .ui-grid-row .ui-grid-col-12 .event-list .full .eventStatusClass,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .ui-grid-row .ui-grid-col-12 .event-list .full .eventStatusClosed,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .ui-grid-row .ui-grid-col-12 .event-list .full .eventStatusOpen,
.page-template-prodGen #eventListForm .eventListContain .ui-grid .ui-grid-row .ui-grid-col-12 .event-list .full .eventStatusResults {
font-family: "Oxygen", sans-serif !important;
font-weight: 700; }
.page-template-prodGen #eventListForm #event-filter {
padding: 0; }
.page-template-prodGen #eventListForm #event-filter .ui-selectcheckboxmenu-multiple {
padding-right: 24px; }
.page-template-prodGen #eventListForm #event-filter .ui-selectcheckboxmenu-multiple-container {
padding: 0;
font-size: 18px;
line-height: 28px; }
.page-template-prodGen #eventListForm #event-filter .ui-selectcheckboxmenu-multiple-container li.ui-corner-all {
margin-bottom: 0; }
.page-template-prodGen #eventListForm #event-filter .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-trigger {
margin-right: 4px;
padding-right: 0; }
.page-template-prodGen #eventListForm #event-filter .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu {
border-bottom: 1px solid #ccc; }
.page-template-prodGen .container {
width: 75%;
padding-left: 0;
padding-right: 0; }
@media screen and (max-width: 1600px) {
.page-template-prodGen .container {
width: 90%; } }
@media screen and (max-width: 1440px) {
.page-template-prodGen .container {
padding: 80px 0; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen .container {
padding: 50px 0; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container {
padding: 40px 0; } }
.page-template-prodGen .container .page-content {
font-family: "Oxygen", sans-serif;
/* Overrides */ }
.page-template-prodGen .container .page-content .ui-widget input,
.page-template-prodGen .container .page-content .ui-widget {
font-family: "Oxygen", sans-serif; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title {
width: 100%;
margin: 0;
padding-top: 58px;
position: relative; } }
@media screen and (max-width: 640px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title {
padding-top: 90px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title {
padding-top: 88px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .top-nav {
float: none;
width: 100%;
display: block;
margin: 0 0 10px; } }
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .top-nav .btn-primary {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background-color: #0498f0 !important;
line-height: 16.8px;
border-radius: 0;
margin: 0 0 0 10px;
padding: 10px 15px 10px 40px;
position: relative; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .top-nav .btn-primary {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .top-nav .btn-primary {
padding: 15px;
margin: 0;
width: 50%; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .top-nav .btn-primary.btn-back .glyphicons-reg {
display: none; } }
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .top-nav .btn-primary:hover {
background-color: #ffffff !important;
color: #0498f0 !important;
transition: all 0.3s ease; }
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .top-nav .btn-primary .glyphicons-reg {
position: absolute;
left: 15px;
font-size: 14px; }
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .font-btns {
z-index: 99; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .font-btns {
position: absolute;
margin-top: 42px;
top: -40px;
right: 0; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .font-btns {
top: 0; } }
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title .font-btns a {
color: #c4a674 !important; }
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title h2 {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px;
display: block; }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title h2 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title h2 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-title h2 {
margin: 0 0 20px;
position: absolute;
top: 0;
left: 0; } }
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-date {
font-family: "Oxygen", sans-serif !important;
font-size: 18px;
line-height: 28px;
margin-top: 0; }
@media screen and (max-width: 640px) {
.page-template-prodGen .container .page-content #ts-header .nav-top .nav-date {
margin-bottom: 20px;
font-size: 14px;
top: 0; } }
.page-template-prodGen .container .page-content #ts-header .nav-btm {
font-size: 15px !important;
line-height: 22px; }
@media screen and (max-width: 640px) {
.page-template-prodGen .container .page-content #ts-header .nav-btm {
text-align: left; } }
.page-template-prodGen .container .page-content #ts-header .nav-btm .ts-filters strong,
.page-template-prodGen .container .page-content #ts-header .nav-btm .ts-filters label {
font-family: "Oxygen", sans-serif !important;
font-size: 15px !important;
line-height: 22px;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container .page-content #ts-header .nav-btm .ts-filters strong {
display: block; } }
.page-template-prodGen .container .page-content #ts-header .nav-btm .ts-filters #showing-booking-qty {
font-family: "Oxygen", sans-serif !important;
border-radius: 0; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container .page-content #ts-header .nav-btm .ts-filters #showing-booking-qty {
display: block;
width: 100%;
text-align: center !important; } }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper {
width: 100%; }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper #no-rows p,
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper #evoTitleBt p {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper #no-rows a,
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper #evoTitleBt a {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
font-family: "Oxygen", sans-serif;
clear: both;
display: block;
width: 160px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper #no-rows a,
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper #evoTitleBt a {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner {
display: block;
width: 100%;
float: none; } }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner h3,
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner h4 {
font-family: "Oxygen", sans-serif; }
@media screen and (max-width: 1024px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner h3 {
font-size: 16px !important; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner h4 {
font-size: 16px !important; } }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner button {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
font-family: "Oxygen", sans-serif;
padding: 6px 10px;
border: 1px solid #ffffff;
letter-spacing: 0px;
font-weight: 400;
transition: all 0.3s ease; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner button {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner button {
padding: 3px 6px !important; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner button {
float: left; } }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner button .btn-label {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .row-heading .row .row-heading-inner button:hover {
background: #ffffff;
color: #0498f0;
border: 1px solid #0498f0;
transition: all 0.3s ease; }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .records-wrapper .cell .btn {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
font-family: "Oxygen", sans-serif;
background: #c4a674;
padding: 4px 6px;
border: 1px solid #ffffff;
letter-spacing: 0px;
font-weight: 400;
transition: all 0.3s ease; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .records-wrapper .cell .btn {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .records-wrapper .cell .btn {
padding: 3px 6px !important; } }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .records-wrapper .cell .btn .btn-label {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen .container .page-content .main-content .teetime-day-table .row-wrapper .row.row-time .records-wrapper .cell .booking-name {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid {
padding-left: 0;
padding-right: 0; }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row {
margin: 0 auto; }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .col-xs-9,
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .col-xs-3,
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .col-xs-12 {
padding-left: 0;
padding-right: 0; }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .eventHeader {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px;
font-family: "Merriweather", serif !important;
font-size: 40px !important;
margin: 0 0 40px;
display: block; }
@media screen and (max-width: 1200px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .eventHeader {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .eventHeader {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .eventHeader {
font-size: 34px !important; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .eventHeader {
font-size: 30px !important; } }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .groupHeader {
font-size: 18px;
line-height: 28px;
font-weight: 400 !important;
font-family: "Oxygen", sans-serif; }
@media screen and (max-width: 640px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .mbCancel {
margin-right: 1px; } }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .mbCancel .btn-primary {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
border-radius: 0 !important;
background: #dcdcdc !important;
border: 1px solid #222328 !important;
color: #222328 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .mbCancel .btn-primary {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .mbCancel .btn-primary:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .mbCancel .btn-primary:hover {
background: #ffffff !important;
color: #0498f0 !important;
transition: all 0.3s ease; }
@media screen and (max-width: 640px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .bookAs {
width: 100%; } }
@media screen and (max-width: 640px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout {
width: 100%;
text-align: left; } }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .timer,
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .ui-timer {
font-family: "Oxygen", sans-serif !important; }
@media screen and (max-width: 640px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .timer,
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .ui-timer {
float: none; } }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .timer span,
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .ui-timer span {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .timer.ui-widget,
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .ui-timer.ui-widget {
color: #c4a674 !important; }
@media screen and (max-width: 640px) {
.page-template-prodGen #make-booking-cont #headerForm .container-fluid .row .timeout .danger {
float: none; } }
.page-template-prodGen #make-booking-cont #bookForm .recContainer {
padding-left: 0;
padding-right: 0; }
.page-template-prodGen #make-booking-cont #bookForm .recContainer .row {
margin-left: 0;
margin-right: 0; }
.page-template-prodGen #make-booking-cont #bookForm .recContainer #records .playerCont .colHeader,
.page-template-prodGen #make-booking-cont #bookForm .recContainer #records .playerCont .equip,
.page-template-prodGen #make-booking-cont #bookForm .recContainer #records .playerCont .fees {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #make-booking-cont #bookForm .recContainer #records .recordContainer {
border-left: 3px solid #fff;
border-right: 3px solid #fff;
background-color: #e3e3e3;
padding: 10px .7%; }
.page-template-prodGen #make-booking-cont #bookForm .recContainer #records .recordContainer label,
.page-template-prodGen #make-booking-cont #bookForm .recContainer #records .recordContainer .searchTxt {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen #make-booking-cont #bookForm .recContainer #records .recordContainer input.ui-autocomplete-input {
font-size: 14px !important;
line-height: 16px;
padding: 3px 10px !important;
height: auto !important; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook {
margin-left: 0;
margin-right: 0; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .col-xs-6,
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .col-xs-12 {
padding-left: 0;
padding-right: 0; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .rowSeparated {
margin-left: 0;
margin-right: 0; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .rowSeparated .btn-success {
margin-right: 0; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .rowSeparated .select-holes {
margin-left: 0;
text-align: right; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .rowSeparated .select-holes .ui-button.ui-widget.ui-state-active {
background: #c4a674 !important;
border: 1px solid #c4a674 !important; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .rowSeparated .select-holes .ui-button.ui-widget {
border: 1px solid #c4a674 !important; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .rowSeparated .select-holes .ui-button.ui-widget.ui-state-hover {
background: #c4a674 !important; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .btn-success {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #c4a674 !important;
border: 1px solid #c4a674 !important;
border-radius: 0 !important;
font-family: "Oxygen", sans-serif !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .btn-success {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .btn-success .ui-button-text {
font-family: "Oxygen", sans-serif !important;
font-size: 14px;
line-height: 16px; }
.page-template-prodGen #make-booking-cont #bookForm .confirmBook .btn-success:hover {
background: #ffffff !important;
color: #c4a674 !important;
border: 1px solid #c4a674 !important; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs {
width: 100%; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs ul.ui-tabs-nav.ui-widget-header li.ui-tabs-header.ui-state-active {
background: #c4a674 !important;
font-family: "Oxygen", sans-serif !important;
border-radius: 0 !important;
letter-spacing: 1px;
font-size: 14px;
line-height: 16px;
padding: 0 !important;
border: 1px solid #c4a674 !important;
transition: all 0.3s ease;
width: auto !important; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs ul.ui-tabs-nav.ui-widget-header li.ui-tabs-header.ui-state-active:hover {
background: #ffffff !important;
color: #c4a674 !important;
border: 1px solid #c4a674 !important;
cursor: pointer;
transition: all 0.3s ease; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs ul.ui-tabs-nav.ui-widget-header li.ui-tabs-header.ui-state-active:hover a {
color: #c4a674 !important; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs ul.ui-tabs-nav.ui-widget-header li.ui-tabs-header.ui-state-active a {
padding: 10px 25px;
text-transform: uppercase;
font-family: "Oxygen", sans-serif !important;
letter-spacing: 1px;
font-size: 14px;
line-height: 16px; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs ul.ui-tabs-nav.ui-widget-header li.ui-tabs-header.ui-state-active a:hover {
cursor: pointer; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels {
padding: 0; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content {
padding: 0; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td {
vertical-align: middle; }
@media screen and (max-width: 1200px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td {
padding: 10px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td {
width: 100%;
display: block;
padding: 0px 20px 0px 10px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td .visForm {
padding-top: 10px;
display: block; } }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td .ui-inputtext {
margin-bottom: 5px; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td input.ui-inputfield.ui-inputtext {
width: 100%; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td .ui-selectonemenu {
height: 36px;
width: 100% !important; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td .ui-selectonemenu label.ui-selectonemenu-label {
padding: 8px 10px 4px; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td span.ui-autocomplete {
border-radius: 0 !important;
width: 100%; }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td span.ui-autocomplete {
margin-bottom: 20px; } }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td span.ui-autocomplete input.ui-autocomplete-input {
border-radius: 0 !important;
width: 100%; }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td span.ui-autocomplete input.ui-autocomplete-input {
width: 95%; } }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td a.btn.btn-default {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
line-height: 16px !important;
border-radius: 0 !important;
border: 1px solid #0498f0 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td a.btn.btn-default {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td a.btn.btn-default {
float: none;
margin-bottom: 20px;
margin-top: 10px; } }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td a.btn.btn-default:hover {
background: #ffffff !important;
color: #0498f0 !important;
border: 1px solid #0498f0 !important; }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td a.btn.btn-primary {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #c4a674 !important;
line-height: 16px !important;
border-radius: 0 !important;
border: 1px solid #c4a674 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td a.btn.btn-primary {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td a.btn.btn-primary {
float: none;
margin-top: 10px; } }
.page-template-prodGen #make-booking-cont #bookForm .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td a.btn.btn-primary:hover {
background: #ffffff !important;
color: #c4a674 !important;
border: 1px solid #c4a674 !important; }
.page-template-prodGen .container #waitListContainer #form .btn {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #0498f0 !important;
line-height: 16.8px;
border-radius: 0 !important;
margin: 0 0 0 10px;
padding: 10px 15px !important;
position: relative; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .btn {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .container #waitListContainer #form .btn:hover {
background: #ffffff !important;
color: #0498f0 !important;
transition: all 0.3s ease; }
.page-template-prodGen .container #waitListContainer #form .btn.btn-success {
background: #c4a674 !important;
border: 1px solid #c4a674 !important; }
.page-template-prodGen .container #waitListContainer #form .btn.btn-success:hover {
background: #ffffff !important;
color: #c4a674 !important;
border: 1px solid #c4a674 !important; }
.page-template-prodGen .container #waitListContainer #form .nav-title {
margin-bottom: 0; }
.page-template-prodGen .container #waitListContainer #form .nav-title h2 {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container #waitListContainer #form .nav-title h2 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .nav-title h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container #waitListContainer #form .nav-title h2 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .nav-title h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen .container #waitListContainer #form .wlOptions {
border: 0 !important; }
@media screen and (max-width: 1024px) {
.page-template-prodGen .container #waitListContainer #form .wlOptions {
margin-bottom: 20px !important; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .wlOptions {
margin-bottom: 20px !important; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .wlOptions tr {
display: block;
width: 100% !important; } }
.page-template-prodGen .container #waitListContainer #form .wlOptions tr td {
font-size: 16px !important;
padding: 10px 0; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .wlOptions tr td {
padding: 10px 0 0;
display: block;
width: 50% !important;
float: left; } }
.page-template-prodGen .container #waitListContainer #form #reserves .colHeader,
.page-template-prodGen .container #waitListContainer #form #reserves label,
.page-template-prodGen .container #waitListContainer #form #reserves .searchTxt {
font-family: "Oxygen", sans-serif;
font-size: 16px !important; }
.page-template-prodGen .container #waitListContainer #form #reserves .glyphicon-remove {
top: 5px; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs {
padding: 0;
margin: 0; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav {
padding: 0;
margin: 0; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
font-family: "Oxygen", sans-serif !important;
border-radius: 0 !important;
margin: 0 10px 0 0;
padding: 10px 15px !important;
letter-spacing: 1.5px;
background: #efefef !important;
border: 1px solid #222328 !important;
color: #222328 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader a {
padding: 0;
display: block;
font-family: "Oxygen", sans-serif !important;
letter-spacing: 1.5px;
color: #222328 !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader:hover {
background: #ffffff !important;
cursor: pointer; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader:hover a {
color: #0498f0 !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader.ui-state-active {
background: #0498f0 !important;
border: 1px solid #0498f0 !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader.ui-state-active a {
color: #ffffff !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader.ui-state-active:hover {
background: #ffffff !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-top .ui-tabs-nav li.tabHeader.ui-state-active:hover a {
color: #0498f0 !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels {
background: #efefef; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content {
padding: 0; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget {
padding: 20px 0 0; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table {
border-collapse: collapse;
border: 1px solid #2b2c30;
border: 1px solid #cccccc; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr th {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr th {
border: 0;
width: auto !important;
text-align: left !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr th .ui-column-title {
font-size: 16px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr th .ui-column-title {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr th {
font-size: 15px;
line-height: 20px;
vertical-align: top; } }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table .ui-widget-content {
color: #404040; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table tbody tr.ui-datatable-selectable {
border: 0 !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table tbody tr td {
border: 1px solid #cccccc;
padding: 5px 10px !important;
font-size: 16px;
line-height: 22px; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-datatable.ui-widget .ui-datatable-tablewrapper table tbody tr td .ui-button.ui-widget {
background: #efefef; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm {
border-collapse: collapse;
border: 1px solid #2b2c30;
border: 1px solid #cccccc; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tr th {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm .ui-widget-content {
color: #404040; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm input.ui-inputfield {
border: 1px solid #2b2c30 !important;
box-shadow: none !important;
margin: 0; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm input.ui-inputfield {
width: 100px !important; } }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody {
padding: 10px 0;
display: block; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr {
width: 100%;
display: block; } }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr.ui-datatable-selectable {
border: 0 !important; }
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td {
border: 0px solid #cccccc;
padding: 5px 10px !important;
font-size: 16px;
line-height: 22px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td {
width: auto !important;
padding: 5px !important; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td {
padding: 0px 20px 10px 10px !important;
width: 100% !important;
display: block; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td .visForm {
display: block !important;
font-size: 14px;
line-height: 16px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #waitListContainer #form .mb-tabs .ui-tabs-panels .ui-tabs-panel.ui-widget-content table.guestForm tbody tr td .btn {
margin: 0; } }
.page-template-prodGen .container #make-booking-cont #partnerForm .btn {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #0498f0 !important;
line-height: 16.8px;
border-radius: 0 !important;
margin: 0 0 0 10px;
padding: 10px 15px !important;
position: relative; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #make-booking-cont #partnerForm .btn {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .container #make-booking-cont #partnerForm .btn:hover {
background: #ffffff !important;
color: #0498f0 !important;
transition: all 0.3s ease; }
.page-template-prodGen .container #make-booking-cont #partnerForm .btn.btn-success {
background: #c4a674 !important;
border: 1px solid #c4a674 !important; }
.page-template-prodGen .container #make-booking-cont #partnerForm .btn.btn-success:hover {
background: #ffffff !important;
color: #c4a674 !important;
border: 1px solid #c4a674 !important; }
.page-template-prodGen .container #make-booking-cont #partnerForm .container-fluid {
padding-left: 0;
padding-right: 0; }
.page-template-prodGen .container #make-booking-cont #partnerForm .container-fluid .row {
margin: 0 auto; }
.page-template-prodGen .container #make-booking-cont #partnerForm .container-fluid .row .col-xs-9,
.page-template-prodGen .container #make-booking-cont #partnerForm .container-fluid .row .col-xs-3,
.page-template-prodGen .container #make-booking-cont #partnerForm .container-fluid .row .col-xs-12 {
padding-left: 0;
padding-right: 0; }
.page-template-prodGen .container #make-booking-cont #partnerForm .container-fluid .row span {
padding-left: 0 !important;
font-family: "Oxygen", sans-serif !important;
font-size: 16px; }
.page-template-prodGen .container #make-booking-cont #partnerForm .container-fluid .row span.glyphicon {
font-family: 'Glyphicons Halflings' !important; }
.page-template-prodGen .container #make-booking-cont #partnerForm h3.eventHeader {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px;
font-family: "Merriweather", serif !important;
font-size: 40px !important; }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container #make-booking-cont #partnerForm h3.eventHeader {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #make-booking-cont #partnerForm h3.eventHeader {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container #make-booking-cont #partnerForm h3.eventHeader {
font-size: 34px !important;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container #make-booking-cont #partnerForm h3.eventHeader {
font-size: 30px !important;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen .container #make-booking-cont #partnerForm #records {
padding: 0 !important; }
.page-template-prodGen .container #make-booking-cont #partnerForm #records .playerCont .colHeader,
.page-template-prodGen .container #make-booking-cont #partnerForm #records .playerCont .equip,
.page-template-prodGen .container #make-booking-cont #partnerForm #records .playerCont .fees {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen .container #make-booking-cont #partnerForm #records .recordContainer {
border-left: 3px solid #fff;
border-right: 3px solid #fff;
background-color: #e3e3e3;
padding: 10px .7%; }
.page-template-prodGen .container #make-booking-cont #partnerForm #records .recordContainer label,
.page-template-prodGen .container #make-booking-cont #partnerForm #records .recordContainer .searchTxt {
font-family: "Oxygen", sans-serif !important; }
.page-template-prodGen .container #make-booking-cont #partnerForm #records .recordContainer input.ui-autocomplete-input {
font-size: 14px !important;
line-height: 16px;
padding: 3px 10px !important;
height: auto !important;
margin-bottom: 10px; }
.page-template-prodGen .container .ecc-Cont h2 {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px;
font-family: "Merriweather", serif !important;
font-size: 40px !important; }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container .ecc-Cont h2 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .ecc-Cont h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container .ecc-Cont h2 {
font-size: 34px !important;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .ecc-Cont h2 {
font-size: 30px !important;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen .container .ecc-Cont table {
border-collapse: collapse;
border: 1px solid #2b2c30;
border: 1px solid #cccccc; }
.page-template-prodGen .container .ecc-Cont table tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container .ecc-Cont table tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container .ecc-Cont table tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container .ecc-Cont table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container .ecc-Cont table tr th {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container .ecc-Cont table thead tr th {
padding: 10px !important;
border: 0;
width: auto !important;
text-align: left !important;
font-size: 16px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .ecc-Cont table thead tr th {
font-size: 15px;
line-height: 17px;
vertical-align: top;
padding: 10px;
width: auto !important; } }
.page-template-prodGen .container .ecc-Cont table thead tr th .ui-column-title {
font-size: 16px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .ecc-Cont table thead tr th .ui-column-title {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .ecc-Cont table thead tr th {
font-size: 15px;
line-height: 20px;
vertical-align: top; } }
.page-template-prodGen .container .ecc-Cont table .ui-widget-content {
color: #404040; }
.page-template-prodGen .container .ecc-Cont table tbody tr.ui-datatable-selectable {
border: 0 !important; }
.page-template-prodGen .container .ecc-Cont table tbody tr td {
border: 1px solid #cccccc;
padding: 10px 20px; }
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content {
padding: 0; }
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-header.ui-widget-header {
font-size: 24px;
margin: 0 0 30px;
font-family: "Oxygen", sans-serif;
margin: 0 0 10px;
font-weight: 400; }
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-tablewrapper table {
border-collapse: collapse;
border: 1px solid #2b2c30; }
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-tablewrapper table tr th {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr th {
border: 0;
width: auto !important;
vertical-align: middle; }
.page-template-prodGen .container #form .ui-widget-content .ui-panel-content table tr td .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr th .ui-column-filter {
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #2b2c30;
font-family: "Oxygen", sans-serif;
font-size: 17px !important;
line-height: 17px;
padding: 10px !important;
height: 36px;
letter-spacing: 0.5px;
height: 30px !important; }
.page-template-prodGen .container .col-xs-12 {
padding: 0; }
.page-template-prodGen .container .miStats h2 {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 40px;
line-height: 48px;
margin: 0 0 40px; }
@media screen and (max-width: 1200px) {
.page-template-prodGen .container .miStats h2 {
font-size: 34px;
line-height: 42px;
margin: 0 0 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .miStats h2 {
font-size: 30px;
line-height: 38px;
margin: 0 0 20px; } }
.page-template-prodGen .container .miStats .pull-right a.btn {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
border-radius: 0 !important;
box-shadow: none !important;
background: #0498f0 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .miStats .pull-right a.btn {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .container .miStats .pull-right a.btn:hover {
background: #ffffff !important;
color: #0498f0 !important;
border: 1px solid #0498f0 !important;
transition: all 0.3s ease; }
.page-template-prodGen .container .miStats .form-group .input-group-addon,
.page-template-prodGen .container .miStats .form-group .form-control {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .container .miStats #golfCourse {
width: 100%;
padding: 0; }
.page-template-prodGen .container .miStats #golfCourse #changeCourseButton {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
border-radius: 0 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .miStats #golfCourse #changeCourseButton {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .container .miStats .highlight-pannel {
width: 100%;
padding: 10px;
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .container .miStats .highlight-pannel .errorMsg {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .container #prizeAccountForm table {
border: 0 !important; }
.page-template-prodGen .container #prizeAccountForm table tr th {
text-align: center; }
.page-template-prodGen .container #prizeAccountForm table tr th .ui-column-title {
text-align: center; }
.page-template-prodGen .container #prizeAccountForm table tr td label {
font-family: "Oxygen", sans-serif;
color: #404040; }
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-paginator .ui-paginator-page,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-paginator .ui-paginator-pages,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-paginator .ui-paginator-next,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-paginator .ui-paginator-last,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-paginator .ui-paginator-first,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-paginator .ui-paginator-prev,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-paginator .ui-paginator-current {
height: 22px;
overflow: hidden; }
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table {
border-collapse: collapse;
border: 1px solid #2b2c30; }
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table tr td {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table tr td {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table tr th {
font-family: "Oxygen", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5px;
padding: 10px;
color: #404040;
width: auto;
background: #0498f0;
color: #ffffff;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px; }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table tr th {
font-size: 15px;
line-height: 20px; } }
@media screen and (max-width: 480px) {
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table tr th {
font-size: 15px;
line-height: 20px; } }
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table thead tr th,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table thead tr td,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table tbody tr th,
.page-template-prodGen .container #prizeAccountForm #mainLayout .ui-datatable-tablewrapper table tbody tr td {
width: auto !important; }
.page-template-prodGen.course-conditions #main .section .container center table {
border: 0;
padding: 0;
margin-bottom: 0;
margin-top: 0; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td {
border: 0;
padding: 0px; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td p.weatherAlert {
padding: 0px;
margin-bottom: 0; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table tbody tr td {
padding: 0px; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table tbody tr td table tbody tr td {
padding: 0; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table tbody tr td table tbody tr td .tab {
padding: 15px 20px;
border: 1px solid #efefef;
color: #404040;
transition: all 0.3s ease; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table tbody tr td table tbody tr td .tab.tab_on {
background: #efefef;
border-bottom: 1px solid #efefef; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table tbody tr td table tbody tr td .tab.tab_off {
background: #ffffff;
border-bottom: 1px solid #ffffff; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table tbody tr td table tbody tr td .tab:hover {
background: #ffffff;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td {
padding: 10px; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td.day {
background-color: #9aa9cb;
color: #363636;
font-weight: 700; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td.night {
background-color: #363636;
color: #fff; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td.dayHighlight {
background-color: #a0a6b4;
color: #fff;
font-weight: 700; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td.nightHighlight {
background-color: gray;
color: #fff;
font-weight: 700; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td table tbody tr td {
padding: 10px 0px 0 30px; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td table tbody tr td table tbody tr td {
padding: 0 20px 20px; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td table tbody tr td table tbody tr td table tbody tr td {
padding: 20px; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td table tbody tr td table.portal tbody tr td {
background: #fff;
padding: 10px 20px; }
.page-template-prodGen.course-conditions #main .section .container center table tbody tr td table.portal tbody tr td table tbody tr td table.portal tbody tr.lineHighlight td .dashboard {
font-weight: 400; }
@media screen and (max-width: 640px) {
.page-template-prodGen #MB_window {
width: 100% !important;
left: auto !important; } }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-header {
background: #0498f0; }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-header .close {
font-size: 30px;
margin-top: -3px; }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-header h4 {
color: #ffffff;
font-family: "Merriweather", serif; }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-header h4.modal-title {
color: #ffffff;
font-family: "Merriweather", serif;
letter-spacing: 0.5px; }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-body #formDeleteBooking p {
font-family: "Oxygen", sans-serif;
margin-bottom: 10px !important; }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-body #formDeleteBooking button.btn-default {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
font-family: "Oxygen", sans-serif;
border-radius: 0;
border: 1px solid #0498f0 !important;
margin-right: 5px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .modal .modal-dialog .modal-content .modal-body #formDeleteBooking button.btn-default {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-body #formDeleteBooking button.btn-default:nth-of-type(2n) {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
/*background: $mid-grey !important;
border: 1px solid $charcoal !important;
color: $charcoal !important;*/ }
@media screen and (max-width: 820px) {
.page-template-prodGen .modal .modal-dialog .modal-content .modal-body #formDeleteBooking button.btn-default:nth-of-type(2n) {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-body #formDeleteBooking button.btn-default:nth-of-type(2n):hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen .modal .modal-dialog .modal-content .modal-body #formDeleteBooking button.btn-default:hover {
background: #ffffff !important;
color: #0498f0 !important; }
.page-template-prodGen .container .public-calendar .teetime-search-filters {
background: #ffffff; }
.page-template-prodGen .container .public-calendar .teetime-search-filters h3.resourceName {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 24px;
margin: 0 0 30px; }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper {
background: #ffffff; }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .btn-user-wrapper .btn-group button.btn-primary {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
border-radius: 0 !important;
background-color: #0498f0 !important;
padding: 10px 15px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .btn-user-wrapper .btn-group button.btn-primary {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .btn-user-wrapper .btn-group button.btn-primary:hover {
border-radius: 0 !important;
background-color: #e6e6e6 !important; }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .btn-checkout-wrapper .btn-group .btn-default {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
border-radius: 0 !important;
padding: 10px 15px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .btn-checkout-wrapper .btn-group .btn-default {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .btn-checkout-wrapper .btn-group .btn-default:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .btn-checkout-wrapper .btn-group .btn-default:hover {
border-radius: 0 !important; }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .registration-link .btn-default.no-login {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
padding: 10px 15px;
border-radius: 0 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .registration-link .btn-default.no-login {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .registration-link .btn-default.no-login:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .registration-link .btn-default.no-login strong {
color: #404040 !important; }
.page-template-prodGen .container .public-calendar .teetime-search-filters .btn-wrapper .registration-link .btn-default.no-login:hover {
border-radius: 0 !important; }
.page-template-prodGen .container .public-calendar .list-times {
left: auto !important; }
.page-template-prodGen .container .public-calendar .list-times .row {
padding: 0 !important;
margin: 0 !important; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters {
padding: 0; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters .col-xs-12 {
padding: 0; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters .col-xs-12 h3.resourceName {
font-family: "Merriweather", serif;
font-weight: 400;
font-size: 24px;
margin: 0 0 30px; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters .btn-wrapper .btn {
background: #0498f0;
color: #ffffff;
border-radius: 40px;
font-size: 13px;
line-height: 16px;
font-weight: 700;
letter-spacing: 1.25px;
text-transform: uppercase;
height: 36px;
text-decoration: none;
padding: 10px 20px;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters .btn-wrapper .registration-link .btn {
background: #0498f0;
color: #ffffff;
border-radius: 40px;
font-size: 13px;
line-height: 16px;
font-weight: 700;
letter-spacing: 1.25px;
text-transform: uppercase;
height: 36px;
text-decoration: none;
padding: 10px 20px;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters .btn-wrapper .registration-link .btn.no-login {
box-shadow: 0px;
background: #ffffff;
color: #404040;
border: 0; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters .btn-wrapper .registration-link .btn.no-login strong {
color: #0498f0; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters .btn-wrapper .btn-user-wrapper #btn-login button {
background: #0498f0 !important;
color: #ffffff !important;
border: 0 !important; }
.page-template-prodGen .container .public-calendar .list-times .teetime-search-filters .btn-wrapper .btn-user-wrapper #btn-login button:hover {
background: #ffffff !important;
color: #0498f0 !important;
box-shadow: 0px 0px 3px; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded {
padding: 0; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table {
padding: 0 !important;
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .cell-heading {
background: #c4a674;
padding: 0;
transition: all 0.3s ease; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .cell-heading:hover {
background: #0498f0;
cursor: pointer; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .cell-heading h3 {
font-size: 16px;
font-weight: 600;
color: #ffffff;
margin: 10px 0 0; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .cell-heading p {
font-size: 16px;
color: #ffffff;
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .cell-heading.cell-heading-today {
background: #0498f0; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .cell-heading.cell-heading-today h3 {
color: #ffffff;
margin: 0; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .row-wrapper {
color: #404040; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .row-wrapper #no-rows p {
color: #404040; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .row-wrapper #no-rows p a {
color: #404040 !important;
text-decoration: underline !important; }
.page-template-prodGen .container .public-calendar .list-times .main-content.loaded .teetime-fixtures-table .row-wrapper #no-rows p a:hover {
cursor: pointer;
text-decoration: none !important; }
.page-template-prodGen .container .public-calendar .list-times .teetime-day-table {
padding-left: 0;
padding-right: 0; }
.page-template-prodGen .container .public-calendar .list-times .filter-wrapper .btn-primary {
background: #0498f0 !important;
border: 1px solid #0498f0 !important; }
.page-template-prodGen .public-registration .container-fluid {
padding: 0;
margin: 0; }
.page-template-prodGen .public-registration .container-fluid .row {
padding: 0;
margin: 0; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont {
width: 100%;
margin: 0 auto;
float: none;
padding: 0; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel {
border: 0 solid #dcdcdc; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel .panel-heading {
background: #0498f0;
color: #ffffff;
border-radius: 0 !important;
padding: 20px 40px; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel .panel-heading .col-lg-8 {
width: 100%; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel .panel-heading .col-lg-8 h2.heading-light {
font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 0 30px;
margin: 0;
color: #ffffff !important;
font-family: "Merriweather", serif !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel .panel-heading .col-lg-8 h2.heading-light {
font-size: 24px;
margin: 0 0 20px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel .panel-heading .col-lg-8 h2.heading-light {
margin-bottom: 0 !important; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration {
padding: 40px;
margin: 0;
background: #efefef; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration {
padding-bottom: 0px; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group {
margin-left: 0;
margin-right: 0;
margin-bottom: 0px;
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group label {
color: #404040;
display: block;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0 0 5px;
font-family: "Oxygen", sans-serif;
width: 180px !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group label {
width: 100% !important;
margin: 0 auto 10px !important;
padding: 0 !important;
text-align: left !important; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10 {
width: calc(100% - 180px) !important;
padding-left: 0;
padding-right: 0;
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10 input {
margin-bottom: 30px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10 input {
margin-bottom: 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10 {
width: 100% !important; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.terms-and-conditions {
font-family: "Oxygen", sans-serif;
float: none;
margin-left: 180px;
width: calc(100% - 180px) !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.terms-and-conditions {
width: 100% !important;
margin-left: 0; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.terms-and-conditions .form-control {
border-radius: 0;
background: #ffffff;
border: 1px solid #2b2c30; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.terms-and-conditions .terms-agreement {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.terms-and-conditions .terms-agreement span,
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.terms-and-conditions .terms-agreement b {
font-family: "Oxygen", sans-serif; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.terms-and-conditions .terms-agreement #agreement {
margin-bottom: 0px; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group {
margin-left: 180px;
margin-top: 20px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group {
margin-left: 0; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group button.submit.btn-primary {
-webkit-appearance: none;
border-radius: 0;
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
height: 38px;
background: #0498f0 !important;
border: 1px solid #0498f0 !important;
height: 42px !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group button.submit.btn-primary {
font-size: 13px;
padding: 10px 15px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group button.submit.btn-primary {
height: auto; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group button.submit.btn-primary:hover {
background: #c4a674;
transition: all 0.3s ease;
border: 1px solid #c4a674;
cursor: pointer; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group button.submit.btn-primary {
height: 40px !important; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group button.submit.btn-primary:hover {
background: #c4a674 !important; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group input.cancel.btn-default {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
border-radius: 0 !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group input.cancel.btn-default {
font-size: 13px;
padding: 10px 15px; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-10.submit-group input.cancel.btn-default:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 {
width: calc(50% - 180px) !important;
padding-left: 0;
padding-right: 0; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 {
width: 100% !important; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 input[type=text] {
margin-bottom: 30px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 input[type=text] {
margin-bottom: 30px; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 input#password,
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 input#confirmPassword {
border: 1px solid #2b2c30;
border-radius: 0 !important;
margin-bottom: 30px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 input#password,
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 input#confirmPassword {
margin-bottom: 30px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4 input#golflinkNum {
margin-bottom: 10px; } }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4.dob-input {
margin-bottom: 30px; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4.dob-input input {
margin-bottom: 0; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-4.dob-input input {
margin-bottom: 0px; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-3 {
width: calc(100% - 180px) !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-3 {
width: 100% !important; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-3 .radio-inline {
font-family: "Oxygen", sans-serif !important;
margin-bottom: 20px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-3 .radio-inline {
margin-bottom: 20px; } }
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-3 .radio-inline label {
width: 100px !important; }
@media screen and (max-width: 820px) {
.page-template-prodGen .public-registration .container-fluid .row .registration-form-cont .panel form.registration .form-group .col-sm-3 .radio-inline label {
width: 100% !important;
margin: 0 auto 10px !important;
padding: 0 !important; } }
.page-template-prodGen .bg-warning {
background-color: #f2dede;
padding: 5px; }
.page-template-prodGen .bg-alert {
padding: 5px; }
.page-template-page-members-home,
.page-template-page-members-alt,
.page-template-page-members-tabbed {
position: relative; }
.page-template-page-members-home #banner.bg,
.page-template-page-members-alt #banner.bg,
.page-template-page-members-tabbed #banner.bg {
position: absolute;
width: 100%;
height: 576px;
background-size: cover;
background-position: center top;
background-repeat: no-repeat; }
@media screen and (max-width: 1440px) {
.page-template-page-members-home #banner.bg,
.page-template-page-members-alt #banner.bg,
.page-template-page-members-tabbed #banner.bg {
height: 556px; } }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #banner.bg,
.page-template-page-members-alt #banner.bg,
.page-template-page-members-tabbed #banner.bg {
height: 562px; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-home #banner.bg,
.page-template-page-members-alt #banner.bg,
.page-template-page-members-tabbed #banner.bg {
height: 100px; } }
@media screen and (max-width: 820px) {
.page-template-page-members-home #banner.bg,
.page-template-page-members-alt #banner.bg,
.page-template-page-members-tabbed #banner.bg {
height: 80px; } }
.page-template-page-members-home #main,
.page-template-page-members-alt #main,
.page-template-page-members-tabbed #main {
padding-top: 26px; }
@media screen and (max-width: 1024px) {
.page-template-page-members-home #main,
.page-template-page-members-alt #main,
.page-template-page-members-tabbed #main {
padding-top: 100px; } }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main,
.page-template-page-members-alt #main,
.page-template-page-members-tabbed #main {
padding-top: 80px; } }
.page-template-page-members-home #main .members-vanity .featured,
.page-template-page-members-alt #main .members-vanity .featured,
.page-template-page-members-tabbed #main .members-vanity .featured {
width: 68%;
float: left; }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .featured,
.page-template-page-members-alt #main .members-vanity .featured,
.page-template-page-members-tabbed #main .members-vanity .featured {
width: 100%;
float: none; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container {
width: calc(100% - 30px) !important;
float: left; }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container {
width: 100% !important; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption {
text-align: left; }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption {
display: block; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
padding: 40px;
text-align: left;
background: white;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.85) 100%); }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
padding: 30px; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link {
font-family: "Oxygen", sans-serif;
font-weight: 400;
margin-bottom: 0;
font-size: 30px;
line-height: 30px;
letter-spacing: 1px; }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link {
font-size: 24px;
line-height: 24px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-caption a.soliloquy-fc-title-link {
font-size: 20px;
line-height: 20px;
margin-bottom: 0; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-content,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-content,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-content,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-content,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-content,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-caption .soliloquy-caption-inside .soliloquy-fc-content {
display: none; }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-pager,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-pager,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-pager,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-pager,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-pager,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-pager {
display: none; }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-image,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-image,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-image {
width: 100%;
height: 450px;
object-fit: cover; }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-image,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-image,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-image {
height: 350px; } }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-image,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-image,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-image {
height: 380px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-home #main .members-vanity .featured .section .soliloquy-container .soliloquy-image,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-alt #main .members-vanity .featured .section .soliloquy-container .soliloquy-image,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container .soliloquy-container .soliloquy-image,
.page-template-page-members-tabbed #main .members-vanity .featured .section .soliloquy-container .soliloquy-image {
height: 300px; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-home #main .members-vanity .featured .section.news .container,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container {
padding: 30px 0;
width: 100% !important; }
@media screen and (max-width: 1024px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-home #main .members-vanity .featured .section.news .container,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container {
padding-bottom: 0; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-home #main .members-vanity .featured .section.news .container,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container {
padding: 30px 0 0; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts {
display: flex; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts {
display: block; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post {
width: calc(50% - 30px);
height: 300px; }
@media screen and (max-width: 1440px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post {
height: 250px; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post {
width: 100%;
margin-right: 15px;
margin-bottom: 0px; } }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post {
height: 220px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post {
margin-right: 0px;
margin-bottom: 30px;
height: 280px; } }
@media screen and (max-width: 480px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post {
height: 220px; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+2), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+4), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+2), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+4), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+2), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+4), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+2), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+4) {
margin-left: 15px !important;
margin-right: 0 !important;
float: right; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+2), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+4), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+2), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+4), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+2), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+4), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+2), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+4),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+2),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+4) {
margin-left: 0;
margin-right: 0px; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+3), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+3), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+3), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+3) {
margin-bottom: 0; }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+3), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+3), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+3), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-2 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(4n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(4n+3) {
margin-bottom: 30px; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 {
flex-wrap: wrap; }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post {
flex-basis: calc(50% - 30px);
margin-bottom: 30px; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post, .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-4 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post,
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post {
flex-basis: calc(50% - 15px);
margin-bottom: 30px; } }
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(3n+3), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(3n+3) {
margin-right: 30px; }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(3n+3), .page-template-page-members-home #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-home #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-alt #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-alt #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .soliloquy-outer-container.news .container .posts.col-8 .post:nth-of-type(3n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-6 .post:nth-of-type(3n+3),
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts.col-8 .post:nth-of-type(3n+3) {
margin-right: 15px; } }
.page-template-page-members-home #main .members-vanity .members-highlights,
.page-template-page-members-alt #main .members-vanity .members-highlights,
.page-template-page-members-tabbed #main .members-vanity .members-highlights {
width: 32%;
float: right; }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights,
.page-template-page-members-alt #main .members-vanity .members-highlights,
.page-template-page-members-tabbed #main .members-vanity .members-highlights {
width: 100%;
float: none; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights,
.page-template-page-members-alt #main .members-vanity .members-highlights,
.page-template-page-members-tabbed #main .members-vanity .members-highlights {
width: 100%;
float: none; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights .split,
.page-template-page-members-alt #main .members-vanity .members-highlights .split,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-flow: row;
padding-top: 20px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights .split,
.page-template-page-members-alt #main .members-vanity .members-highlights .split,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split {
display: block;
padding-top: 10px; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights .split .weather-block,
.page-template-page-members-home #main .members-vanity .members-highlights .split .events-block,
.page-template-page-members-alt #main .members-vanity .members-highlights .split .weather-block,
.page-template-page-members-alt #main .members-vanity .members-highlights .split .events-block,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split .weather-block,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split .events-block {
width: 48%; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights .split .weather-block,
.page-template-page-members-home #main .members-vanity .members-highlights .split .events-block,
.page-template-page-members-alt #main .members-vanity .members-highlights .split .weather-block,
.page-template-page-members-alt #main .members-vanity .members-highlights .split .events-block,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split .weather-block,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split .events-block {
width: 100%; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights .split .events-block,
.page-template-page-members-alt #main .members-vanity .members-highlights .split .events-block,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split .events-block {
margin-left: 4%; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights .split .events-block,
.page-template-page-members-alt #main .members-vanity .members-highlights .split .events-block,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split .events-block {
margin-left: 0; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container {
width: 100%;
padding: 0; }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container {
padding: 0px 0 0; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts {
display: block;
overflow: hidden; }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post {
width: 100%;
height: 270px;
margin-bottom: 30px;
background-repeat: no-repeat;
/* Custom Styles based on additional classes added in ACF */ }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post {
height: 250px; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post {
height: 160px; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post {
float: left;
width: calc(50% - 15px);
margin-bottom: 30px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post {
float: none;
width: 100%;
height: 280px;
margin: 30px auto; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post:last-of-type,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post:last-of-type,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post:last-of-type {
margin-bottom: 0; }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post .post-content,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post .post-content,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post .post-content {
background: transparent; }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post .post-content p.read_more_link a i:before, .page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post .post-content p.read_more_link a i:after,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post .post-content p.read_more_link a i:before,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post .post-content p.read_more_link a i:after,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post .post-content p.read_more_link a i:before,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post .post-content p.read_more_link a i:after {
background-color: #c4a674; }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post.book,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post.book,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post.book {
background-size: cover;
background-blend-mode: soft-light; }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post.book,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post.book,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post.book {
float: none;
display: none; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post.details,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post.details,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post.details {
background-position: bottom right; }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post.details,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post.details,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post.details {
float: right;
margin-right: 0;
background-color: #c4a674 !important; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post.details,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post.details,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post.details {
float: none;
display: none; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post:hover .post-meta,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post:hover .post-meta,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post:hover .post-meta {
padding-left: 50px; }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post:hover .post-meta,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post:hover .post-meta,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post:hover .post-meta {
padding-left: 35px; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .post:hover p.read_more_link,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .post:hover p.read_more_link,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .post:hover p.read_more_link {
background: rgba(255, 255, 255, 0.3); }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .members-btn,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .members-btn,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .members-btn {
margin-bottom: 10px;
clear: both; }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .members-btn,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .members-btn,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .members-btn {
margin-bottom: 0;
margin-top: 10px; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .members-btn a,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .members-btn a,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .members-btn a {
background: #222328;
color: #ffffff;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
padding: 20px 40px;
text-decoration: none;
display: block;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .members-btn a,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .members-btn a,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .members-btn a {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px;
padding: 20px 30px; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .members-btn a,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .members-btn a,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .members-btn a {
padding: 20px 25px; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .members-btn a i,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .members-btn a i,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .members-btn a i {
font-size: 18px; }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .members-btn:hover a,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .members-btn:hover a,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .members-btn:hover a {
padding-left: 50px;
transition: all 0.3s ease; }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes .container .posts .members-btn:hover a,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes .container .posts .members-btn:hover a,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes .container .posts .members-btn:hover a {
padding-left: 35px; } }
.page-template-page-members-home #main .members-vanity .members-highlights .boxes.news,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes.news,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes.news {
margin-bottom: 30px; }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes.news,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes.news,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes.news {
margin-bottom: 0; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .members-highlights .boxes.news,
.page-template-page-members-alt #main .members-vanity .members-highlights .boxes.news,
.page-template-page-members-tabbed #main .members-vanity .members-highlights .boxes.news {
margin-bottom: 30px; } }
.page-template-page-members-home #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-alt #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-tabbed #main .members-vanity .soliloquy-outer-container {
overflow: hidden;
height: 450px; }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-alt #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-tabbed #main .members-vanity .soliloquy-outer-container {
height: 350px; } }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-alt #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-tabbed #main .members-vanity .soliloquy-outer-container {
height: 380px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-alt #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-tabbed #main .members-vanity .soliloquy-outer-container {
height: 300px; } }
@media screen and (min-width: 1024px) {
.page-template-page-members-home #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-alt #main .members-vanity .soliloquy-outer-container,
.page-template-page-members-tabbed #main .members-vanity .soliloquy-outer-container {
margin-top: 480px; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs {
background: #dcdcdc;
width: calc(100% - 30px); }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs {
width: 100%; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs .tablinks,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs .tablinks,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs .tablinks {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #dcdcdc;
border: 1px solid #222328;
color: #222328;
padding: 15px 25px;
border: 1px solid #dcdcdc; }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs .tablinks,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs .tablinks,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs .tablinks {
font-size: 13px;
padding: 10px 15px; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs .tablinks:hover,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs .tablinks:hover,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs .tablinks:hover {
background: #ffffff;
border: 1px solid #222328;
color: #0498f0;
transition: all 0.3s ease;
cursor: pointer; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
padding: 15px 25px; }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active {
font-size: 13px;
padding: 10px 15px; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active:hover,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active:hover,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs .tablinks.active:hover {
border: 1px solid #0498f0; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed .tabs .tablinks:hover,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed .tabs .tablinks:hover,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed .tabs .tablinks:hover {
border: 1px solid #ffffff; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap {
flex-wrap: wrap;
display: flex; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post {
width: calc(50% - 30px);
height: 300px;
position: relative;
overflow: hidden;
margin: 0 30px 30px 0; }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post {
width: calc(50% - 15px); } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post {
width: 100%;
margin: 0 0 30px 0; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:nth-child(2n+2),
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:nth-child(2n+2),
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:nth-child(2n+2) {
margin: 0 0 30px 0; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:nth-child(2n+2),
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:nth-child(2n+2),
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:nth-child(2n+2) {
margin: 0 0 30px 0; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .thumb,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .thumb,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .thumb {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
width: 100%;
height: 300px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
transition: all 0.3s ease; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta {
position: absolute;
width: 100%;
bottom: 0;
padding: 0 60px 40px 40px;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta {
padding-right: 50px !important; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date {
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
margin: 0 0 10px;
color: #ffffff;
display: block; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h3,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h3,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h3 {
font-size: 24px;
line-height: 28px;
letter-spacing: 1px;
margin: 0;
font-family: "Oxygen", sans-serif;
color: #ffffff; }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta {
padding: 0 0 25px 25px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date {
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
margin: 0 0 5px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h3,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h3,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h3 {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link {
width: 60px;
height: 60px;
background: #ffffff;
position: absolute;
bottom: 0;
right: 0;
transition: all 0.3s ease; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow {
position: relative;
width: 60px;
height: 60px;
display: flex;
text-align: center; }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow {
width: 50px;
height: 50px; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow i,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow i,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link .arrow i {
color: #c4a674;
align-self: center;
margin: 0 auto; }
@media screen and (max-width: 1200px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link {
width: 50px;
height: 50px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a {
width: 50px;
height: 50px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i {
width: 16px;
height: 2px;
border-radius: 2px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:before, .page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:after,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:before,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:after,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:before,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:after {
width: 11px;
height: 2px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:before,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:before,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:before {
top: -2px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:after,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:after,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .read_more_link a i:after {
bottom: -2px; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta {
transition: all 0.3s ease;
right: 0; }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta {
/*width: 100% !important;
padding: 30px 5%;
right: auto;*/ } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta .date {
margin-bottom: 20px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h2,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h2,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h2 {
color: #ffffff; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h2 a,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h2 a,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-content .post-meta h2 a {
color: #ffffff;
text-decoration: none; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt {
color: #ffffff; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt p,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt p,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt p {
color: #ffffff; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt p .read_more_link,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt p .read_more_link,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .post-excerpt p .read_more_link {
display: none; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover {
background: #0498f0;
transition: all 0.3s ease;
background: #0498f0;
transition: all 0.3s ease; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a {
padding: 18px 0 18px 26px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i {
color: #ffffff !important; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i:before, .page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i:after,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i:before,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i:after,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i:before,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover a i:after {
background-color: #ffffff !important; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover .arrow,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover .arrow,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover .arrow {
color: #ffffff !important; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover .arrow i,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover .arrow i,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post .read_more_link:hover .arrow i {
color: #ffffff !important; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content {
cursor: pointer;
transition: all 0.3s ease;
background: rgba(196, 166, 116, 0.3); }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content .post-meta,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content .post-meta,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content .post-meta {
transition: all 0.3s ease;
padding-left: 50px; }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content .post-meta,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content .post-meta,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content .post-meta {
padding-left: 35px; } }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .post-content {
background: rgba(4, 152, 240, 0.3); }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link {
background: #0498f0;
transition: all 0.3s ease;
background: #0498f0;
transition: all 0.3s ease; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a {
padding: 18px 0 18px 26px; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i {
color: #ffffff !important; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i:before, .page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i:after,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i:before,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i:after,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i:before,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link a i:after {
background-color: #ffffff !important; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link .arrow,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link .arrow,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link .arrow {
color: #ffffff !important; }
.page-template-page-members-home #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link .arrow i,
.page-template-page-members-alt #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link .arrow i,
.page-template-page-members-tabbed #main .members-vanity .archives-wrap.tabbed #news .tabcontent .posts-wrap .post:hover .read_more_link .arrow i {
color: #ffffff !important; }
.page-template-page-members-home #main .pagination .page-numbers,
.page-template-page-members-alt #main .pagination .page-numbers,
.page-template-page-members-tabbed #main .pagination .page-numbers {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: #0498f0;
color: #ffffff;
text-decoration: none;
padding: 10px 15px; }
@media screen and (max-width: 820px) {
.page-template-page-members-home #main .pagination .page-numbers,
.page-template-page-members-alt #main .pagination .page-numbers,
.page-template-page-members-tabbed #main .pagination .page-numbers {
font-size: 13px;
padding: 10px 15px; } }
.page-template-page-members-home #main .pagination .page-numbers:hover,
.page-template-page-members-alt #main .pagination .page-numbers:hover,
.page-template-page-members-tabbed #main .pagination .page-numbers:hover {
transition: all 0.3s ease;
background: #c4a674;
border: 1px solid #c4a674;
cursor: pointer; }
.page-template-page-members-home #main .pagination .page-numbers.current,
.page-template-page-members-alt #main .pagination .page-numbers.current,
.page-template-page-members-tabbed #main .pagination .page-numbers.current {
color: #0498f0;
background: #ffffff;
border: 1px solid #0498f0; }
@media screen and (max-width: 640px) {
.page-template-page-members-home #main .pagination,
.page-template-page-members-alt #main .pagination,
.page-template-page-members-tabbed #main .pagination {
width: 100%;
text-align: center;
margin: 0; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home .members-vanity {
overflow: hidden; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home .members-vanity .members-highlights {
overflow: hidden; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home .members-vanity .members-highlights .weather-block {
width: calc(50% - 15px);
float: left;
margin-top: 20px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home .members-vanity .members-highlights .weather-block {
width: 100%;
float: none; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks {
width: calc(50% - 15px);
float: right;
margin-top: 20px;
position: relative; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks {
width: 100%;
float: none; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks .social-block {
width: 48% !important;
float: left;
display: block !important;
margin-top: 0 !important;
padding-top: 0 !important; } }
@media screen and (max-width: 820px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks .social-block {
width: 100% !important;
float: none !important;
position: absolute;
top: 0; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks .social-block {
position: relative;
top: auto; } }
@media screen and (max-width: 820px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks .social-block iframe {
height: 150px !important; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks .social-block iframe {
height: 300px !important; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks .social-block.twitter {
float: right !important; } }
@media screen and (max-width: 820px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks .social-block.twitter {
float: none !important;
position: absolute;
top: 125px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-home .members-vanity .members-highlights .social-blocks .social-block.twitter {
position: relative;
top: auto; } }
@media screen and (max-width: 960px) {
.page-template-page-members-home .members-vanity .featured {
clear: both;
padding-top: 30px; } }
.page-template-page-members-alt {
padding-top: 0; }
.page-template-page-members-alt #banner.slider {
width: 100%;
height: 600px;
margin-bottom: 0; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider {
height: 450px; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt #banner.slider {
margin-bottom: 0px; } }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #banner.slider {
height: 500px;
margin-bottom: 80px; } }
.page-template-page-members-alt #banner.slider .slick-arrow {
position: absolute;
top: 225px;
z-index: 9;
width: 50px;
height: 50px; }
.page-template-page-members-alt #banner.slider .slick-arrow.slick-prev {
left: 33px; }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #banner.slider .slick-arrow.slick-prev {
left: 5%;
width: 22px; } }
.page-template-page-members-alt #banner.slider .slick-arrow.slick-next {
right: 33px; }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #banner.slider .slick-arrow.slick-next {
right: 5%;
width: 22px; } }
.page-template-page-members-alt #banner.slider .slick-list {
width: 100%;
height: 600px;
position: relative; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list {
height: 450px; } }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #banner.slider .slick-list {
height: 500px; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track {
width: 100%;
height: 600px; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track {
height: 450px; } }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track {
height: 500px; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide {
width: 100%;
height: 100%; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post {
width: 100%;
height: 100%;
position: relative;
overflow: hidden; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .thumb {
height: 100%;
width: 100%;
background-size: cover;
background-position: center; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
transition: all 0.3s ease; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta {
position: absolute;
width: 100%;
bottom: 0;
padding: 0 60px 40px 40px;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta {
padding-right: 50px !important; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta .date {
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
margin: 0 0 10px;
color: #ffffff;
display: block; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta h3 {
font-size: 24px;
line-height: 28px;
letter-spacing: 1px;
margin: 0;
font-family: "Oxygen", sans-serif;
color: #ffffff; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta {
padding: 0 0 25px 25px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta .date {
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
margin: 0 0 5px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta h3 {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link {
width: 60px;
height: 60px;
background: #ffffff;
position: absolute;
bottom: 0;
right: 0;
transition: all 0.3s ease; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link .arrow {
position: relative;
width: 60px;
height: 60px;
display: flex;
text-align: center; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link .arrow {
width: 50px;
height: 50px; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link .arrow i {
color: #c4a674;
align-self: center;
margin: 0 auto; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link {
width: 50px;
height: 50px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link a {
width: 50px;
height: 50px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link a i {
width: 16px;
height: 2px;
border-radius: 2px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link a i:before, .page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link a i:after {
width: 11px;
height: 2px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link a i:before {
top: -2px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .read_more_link a i:after {
bottom: -2px; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta {
width: 40% !important;
padding: 50px;
transition: all 0.3s ease;
background: #0498f0;
right: 0; }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta {
width: 100% !important;
padding: 30px 5%;
right: auto; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta .date {
margin-bottom: 20px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta h2 {
color: #ffffff; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-content .post-meta h2 a {
color: #ffffff;
text-decoration: none; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-excerpt {
color: #ffffff; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-excerpt p {
color: #ffffff; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .post-excerpt p .read_more_link {
display: none; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post:hover .post-content {
cursor: pointer;
transition: all 0.3s ease;
background: rgba(196, 166, 116, 0.3); }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post:hover .post-content .post-meta {
transition: all 0.3s ease;
padding-left: 50px; }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post:hover .post-content .post-meta {
padding-left: 35px; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post:hover .post-content {
background: rgba(0, 0, 0, 0.3); }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link {
width: 50px;
height: 50px; } }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link .arrow {
width: 50px !important;
height: 50px !important; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link:hover {
background: #0498f0;
transition: all 0.3s ease;
background: #0498f0;
transition: all 0.3s ease; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link:hover a {
padding: 18px 0 18px 26px; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link:hover a i {
color: #ffffff !important; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link:hover a i:before, .page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link:hover a i:after {
background-color: #ffffff !important; }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link:hover .arrow {
color: #ffffff !important; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link:hover .arrow {
width: 50px;
height: 50px; } }
.page-template-page-members-alt #banner.slider .slick-list .slick-track .slide .post .read_more_link:hover .arrow i {
color: #ffffff !important; }
.page-template-page-members-alt #banner.slider .slick-dots {
bottom: -60px;
z-index: 10; }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt #banner.slider .slick-dots {
bottom: -45px; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt #banner.slider .slick-dots {
bottom: -40px; } }
.page-template-page-members-alt #banner.slider .slick-dots li button:before {
font-size: 14px;
color: #0498f0; }
.page-template-page-members-alt #main {
padding-top: 0; }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #main .container {
padding-top: 0; } }
.page-template-page-members-alt #main .members-vanity .featured .news .container {
padding-top: 0 !important; }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt #main .members-vanity .featured .news .container {
padding-bottom: 0px;
margin-bottom: -30px; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt #main .members-vanity .featured .news .container h1 {
margin-top: 30px; } }
.page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 {
flex-wrap: wrap; }
@media screen and (max-width: 640px) {
.page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 {
display: block; } }
.page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 .post {
width: calc(50% - 30px); }
@media screen and (max-width: 960px) {
.page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 .post {
width: calc(50% - 15px) !important;
margin-bottom: 30px !important;
margin-right: 15px !important; } }
@media screen and (max-width: 640px) {
.page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 .post {
width: 100% !important; } }
@media screen and (max-width: 960px) {
.page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 .post:nth-of-type(2n+2), .page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 .post:nth-of-type(4n+4) {
width: calc(50% - 15px) !important;
margin-right: 0 !important;
margin-left: 0 !important; } }
@media screen and (max-width: 640px) {
.page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 .post:nth-of-type(2n+2), .page-template-page-members-alt #main .members-vanity .featured .news .container .posts.col-2 .post:nth-of-type(4n+4) {
width: 100% !important; } }
.page-template-page-members-alt #main .members-btn {
margin-bottom: 10px;
clear: both; }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt #main .members-btn {
margin-bottom: 0;
margin-top: 10px; } }
.page-template-page-members-alt #main .members-btn a {
background: #222328;
color: #ffffff;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
padding: 20px 40px;
text-decoration: none;
display: block;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
.page-template-page-members-alt #main .members-btn a {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px;
padding: 20px 30px; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt #main .members-btn a {
padding: 10px 25px; } }
.page-template-page-members-alt #main .members-btn:hover a {
padding-left: 50px;
transition: all 0.3s ease; }
@media screen and (max-width: 820px) {
.page-template-page-members-alt #main .members-btn:hover a {
padding-left: 35px; } }
.page-template-page-members-alt .facebook {
width: 100%;
margin-top: 40px; }
.page-template-prodGen #main .section .container {
/* Lesson Bookings */ }
.page-template-prodGen #main .section .container .wrap {
display: flex;
flex-flow: row; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .wrap {
display: block; } }
.page-template-prodGen #main .section .container .wrap .portal-sidebar-content {
width: calc(68% - 30px); }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .wrap .portal-sidebar-content {
width: 100%; } }
.page-template-prodGen #main .section .container .wrap .portal-sidebar-content .column.top {
height: calc(100% - 88px); }
@media screen and (max-width: 1200px) {
.page-template-prodGen #main .section .container .wrap .portal-sidebar-content .column.top {
height: calc(100% - 72px); } }
.page-template-prodGen #main .section .container .wrap .portal-sidebar-content .column.top .portal-box {
width: 50%;
height: 100%; }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .wrap .portal-sidebar-content .column.top .portal-box {
width: 100%;
height: auto; } }
@media screen and (max-width: 820px) {
.page-template-prodGen #main .section .container .wrap .portal-sidebar-content .column.top .portal-box .overlay .scroll {
padding-right: 0;
overflow-y: hidden; } }
.page-template-prodGen #main .section .container table#idAreaoEdit1 {
width: auto !important; }
.page-template-prodGen #main .section .container table#idAreaoEdit1 tbody tr td table {
width: auto !important; }
.page-template-prodGen #main .section .container table.portal {
margin-top: 0;
margin-bottom: 0; }
.page-template-prodGen #main .section .container table.portal tbody tr td[align=right] form table tbody tr td table.calendarTable {
margin-top: 0;
margin-bottom: 0; }
.page-template-prodGen #main .section .container table.portal tbody tr td.LessonUnassigned,
.page-template-prodGen #main .section .container table.portal tbody tr td.LessonUnavailable,
.page-template-prodGen #main .section .container table.portal tbody tr td.lessonTime,
.page-template-prodGen #main .section .container table.portal tbody tr td.LessonBooked {
padding: 3px !important; }
.page-template-prodGen #main .section .container form[name="lesson_bookings"] table {
margin-top: 0;
margin-bottom: 0; }
.page-template-prodGen #main .section .container form[name="lesson_bookings"] table td {
padding: 0; }
.page-template-prodGen #main .section .container form[name="lesson_bookings"] table.calendarTable {
border: 0; }
.page-template-prodGen.course-conditions #main .section .container table#idAreaoEdit1 {
width: 100% !important; }
.page-template-prodGen.course-conditions #main .section .container table#idAreaoEdit1 tbody tr td table {
width: auto !important; }
.page-template-prodGen.course-conditions #main .section .container table#idAreaoEdit1 tbody tr td table#cntContaineroEdit1 {
width: 100% !important; }
.page-template-prodGen.lessons #main .section .container {
overflow-x: scroll; }
.page-template-prodGen .members-highlights {
width: 32%;
margin-left: 30px; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members-highlights {
width: 100%;
margin-left: 0; } }
.page-template-prodGen .members-highlights .members-btn {
margin-bottom: 10px;
clear: both; }
@media screen and (max-width: 1024px) {
.page-template-prodGen .members-highlights .members-btn {
margin-bottom: 0;
margin-top: 10px; } }
.page-template-prodGen .members-highlights .members-btn:last-of-type {
margin-bottom: 0 !important; }
.page-template-prodGen .members-highlights .members-btn a {
background: #222328;
color: #ffffff;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
padding: 20px 40px;
text-decoration: none;
display: block;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
.page-template-prodGen .members-highlights .members-btn a {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px;
padding: 20px 30px; } }
@media screen and (max-width: 1024px) {
.page-template-prodGen .members-highlights .members-btn a {
padding: 20px 25px; } }
.page-template-prodGen .members-highlights .members-btn a i {
font-size: 18px; }
.page-template-prodGen .members-highlights .members-btn:hover a {
padding-left: 50px;
transition: all 0.3s ease; }
@media screen and (max-width: 820px) {
.page-template-prodGen .members-highlights .members-btn:hover a {
padding-left: 35px; } }
.page-template-page-members-tabbed #banner.slider {
height: auto; }
@media screen and (max-width: 1200px) {
.page-template-page-members-tabbed #banner.slider {
height: 500px; } }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container {
margin-bottom: 0 !important; }
@media screen and (max-width: 1200px) {
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-item,
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-wrapper,
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-viewport,
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-image {
height: 500px; } }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-image {
object-fit: cover; }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom {
width: 40%;
bottom: 0;
right: 0; }
@media screen and (max-width: 1024px) {
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom {
width: 50%; } }
@media screen and (max-width: 640px) {
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom {
width: 100%; } }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside {
padding: 50px;
background: #0498f0; }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title {
/*font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 0 30px;*/
text-align: left;
font-size: 30px;
line-height: 30px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 0 30px; }
@media screen and (max-width: 820px) {
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title {
font-size: 24px;
margin: 0 0 20px; } }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-fc-caption h2.soliloquy-fc-title a.soliloquy-fc-title-link {
font-weight: 300 !important; }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-fc-caption .soliloquy-fc-content.soliloquy-fc-title-above {
text-align: left; }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-fc-caption .soliloquy-fc-content.soliloquy-fc-title-above p {
font-size: 17px;
line-height: 26px; }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-fc-caption .soliloquy-fc-content.soliloquy-fc-title-above p a.soliloquy-fc-read-more {
width: 60px;
height: 60px;
background: #ffffff;
position: absolute;
bottom: 0;
right: 0;
transition: all 0.3s ease;
display: flex; }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-fc-caption .soliloquy-fc-content.soliloquy-fc-title-above p a.soliloquy-fc-read-more:hover {
background: rgba(255, 255, 255, 0.3); }
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-fc-caption .soliloquy-fc-content.soliloquy-fc-title-above p a.soliloquy-fc-read-more::after {
content: '\f061';
color: #0498f0;
font-family: "Font Awesome 5 Pro";
font-size: 18px;
font-weight: 400;
text-align: center;
width: 60px;
align-self: center; }
@media screen and (max-width: 640px) {
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-caption,
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-controls-auto,
.page-template-page-members-tabbed #banner.slider .soliloquy-outer-container .soliloquy-container .soliloquy-pager {
display: block; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-tabbed #banner.slider .members-highlights .split {
padding-top: 10px; } }
@media screen and (max-width: 640px) {
.page-template-page-members-tabbed #banner.slider .members-highlights .split {
padding-top: 0px; } }
.page-template-page-members-tabbed #main {
padding-top: 0; }
@media screen and (max-width: 1024px) {
.page-template-page-members-tabbed #main .members-vanity .members-highlights .split {
padding-top: 0;
padding-bottom: 40px; } }
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container {
padding-top: 0 !important; }
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts-wrap p.empty {
padding-top: 30px; }
@media screen and (max-width: 640px) {
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts-wrap {
padding-bottom: 30px; } }
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts-wrap .archives .archive-link {
/*background: $accent;
color: $white;*/
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto; }
@media screen and (max-width: 820px) {
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts-wrap .archives .archive-link {
font-size: 13px;
padding: 10px 15px; } }
.page-template-page-members-tabbed #main .members-vanity .featured .section.news .container .posts-wrap .archives .archive-link:hover {
background: #c4a674;
transition: all 0.3s ease; }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt .status,
.page-template-page-members-tabbed .status {
top: 428px;
position: relative; } }
@media screen and (max-width: 820px) {
.page-template-page-members-alt .status,
.page-template-page-members-tabbed .status {
top: 423px; } }
@media screen and (max-width: 1024px) {
.page-template-page-members-alt .status {
top: 385px;
width: 300px;
float: left; } }
@media screen and (max-width: 820px) {
.page-template-page-members-alt .status {
top: 465px;
float: none; } }
/* Members Sidebar */
.members-highlights .members-btn {
margin-bottom: 10px;
clear: both; }
.members-highlights .members-btn a {
background: #222328;
color: #ffffff;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
padding: 20px 40px;
text-decoration: none;
display: block;
transition: all 0.3s ease; }
@media screen and (max-width: 1200px) {
.members-highlights .members-btn a {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.5px;
padding: 20px 25px; } }
@media screen and (max-width: 1024px) {
.members-highlights .members-btn a {
padding: 10px 25px; } }
.members-highlights .members-btn a .fal {
width: 30px; }
.members-highlights .members-btn:hover a {
padding-left: 50px;
transition: all 0.3s ease; }
@media screen and (max-width: 820px) {
.members-highlights .members-btn:hover a {
padding-left: 35px; } }
.members-highlights .weather-block,
.members-highlights .events-block {
position: absolute;
bottom: 100px;
width: 480px;
padding: 40px;
color: #ffffff;
background: linear-gradient(202deg, rgba(4, 152, 240, 0.9) 20%, rgba(196, 166, 116, 0.95) 100%);
margin-top: 30px;
position: relative;
width: 100%;
bottom: auto !important;
height: auto; }
@media screen and (max-width: 1440px) {
.members-highlights .weather-block,
.members-highlights .events-block {
bottom: 80px; } }
@media screen and (max-width: 1024px) {
.members-highlights .weather-block,
.members-highlights .events-block {
position: relative;
width: 100%;
margin-top: 0px;
position: relative;
bottom: auto;
padding: 40px 5%; } }
.members-highlights .weather-block a,
.members-highlights .events-block a {
color: #ffffff; }
.members-highlights .weather-block #weatherFeed div,
.members-highlights .events-block #weatherFeed div {
width: 100%;
display: block;
overflow: hidden; }
.members-highlights .weather-block #weatherFeed div span,
.members-highlights .events-block #weatherFeed div span {
line-height: 36px;
width: calc(50% - 25px);
padding: 7px 40px;
display: block;
float: left; }
@media screen and (max-width: 1200px) {
.members-highlights .weather-block #weatherFeed div span,
.members-highlights .events-block #weatherFeed div span {
padding: 7px 0px 7px 30px; } }
.members-highlights .weather-block #weatherFeed div span:last-of-type,
.members-highlights .events-block #weatherFeed div span:last-of-type {
text-align: right;
width: calc(50% - 25px);
padding: 7px 0px; }
.members-highlights .weather-block #weatherFeed div .weatherIcon,
.members-highlights .events-block #weatherFeed div .weatherIcon {
float: left;
width: 50px;
height: auto; }
@media screen and (max-width: 640px) {
.members-highlights .weather-block #weatherFeed div .weatherIcon,
.members-highlights .events-block #weatherFeed div .weatherIcon {
width: 40px; } }
.members-highlights .weather-block .links,
.members-highlights .events-block .links {
padding-top: 20px;
text-align: center; }
.members-highlights .weather-block .links a:hover,
.members-highlights .events-block .links a:hover {
text-decoration: none !important; }
@media screen and (max-width: 1200px) {
.members-highlights .weather-block,
.members-highlights .events-block {
padding: 30px 25px; } }
@media screen and (max-width: 1024px) {
.members-highlights .weather-block,
.members-highlights .events-block {
margin-top: 30px;
padding: 25px; } }
.members-highlights .events-block {
background: #efefef;
color: #404040;
padding-bottom: 10px; }
.members-highlights .events-block ul.eo-events {
margin-bottom: 0;
padding: 0; }
.members-highlights .events-block ul.eo-events li {
list-style: none;
margin: 0 0 30px !important;
overflow: hidden; }
.members-highlights .events-block ul.eo-events li .event {
overflow: hidden;
clear: both; }
.members-highlights .events-block ul.eo-events li .event .date {
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
margin: 0;
color: #404040;
display: block;
float: left; }
@media screen and (max-width: 1024px) {
.members-highlights .events-block ul.eo-events li .event .date {
font-size: 15px; } }
.members-highlights .events-block ul.eo-events li .event .date .fal {
padding-right: 5px; }
.members-highlights .events-block ul.eo-events li .event h4 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
letter-spacing: 0px;
margin: 0 0 10px;
font-family: "Oxygen", sans-serif; }
@media screen and (max-width: 1024px) {
.members-highlights .events-block ul.eo-events li .event h4 {
font-size: 16px; } }
.members-highlights .events-block ul.eo-events li .event h4 a {
color: #404040;
text-decoration: none; }
.members-highlights .events-block ul.eo-events li .event p {
font-size: 16px;
line-height: 16px;
float: right; }
@media screen and (max-width: 1440px) {
.members-highlights .events-block ul.eo-events li .event p {
clear: both;
padding-top: 10px; } }
@media screen and (max-width: 1200px) {
.members-highlights .events-block ul.eo-events li .event p {
float: none; } }
@media screen and (max-width: 1024px) {
.members-highlights .events-block ul.eo-events li .event p {
font-size: 15px; } }
@media screen and (max-width: 820px) {
.members-highlights .events-block ul.eo-events li .event p {
clear: both;
padding-top: 10px;
float: none; } }
@media screen and (max-width: 640px) {
.members-highlights .events-block ul.eo-events li .event p {
clear: none;
padding-top: 0px;
float: right; } }
.members-highlights .events-block ul.eo-events li .event a {
color: #404040;
text-decoration: none; }
.members-highlights .events-block ul.eo-events li .event a .read_more_link {
color: #404040;
text-decoration: underline;
text-align: right; }
.members-highlights .events-block ul.eo-events li .event a .read_more_link:hover {
text-decoration: none; }
.members-highlights .social-block {
margin-top: 40px;
padding: 40px;
background: #dcdcdc;
/* Add split as a class if you're using 2 social plugins so they arrange in columns on smaller devices */ }
@media screen and (max-width: 1200px) {
.members-highlights .social-block {
padding: 25px; } }
@media screen and (max-width: 1024px) {
.members-highlights .social-block {
width: 100%; } }
@media screen and (max-width: 1024px) {
.members-highlights .social-block.split:nth-child(2n+2) {
float: right; } }
@media screen and (max-width: 640px) {
.members-highlights .social-block.split:nth-child(2n+2) {
float: none; } }
@media screen and (max-width: 1024px) {
.members-highlights .social-block.split {
width: 48%;
float: left;
padding: 0px;
background: #ffffff; } }
@media screen and (max-width: 640px) {
.members-highlights .social-block.split {
width: 100%;
float: none; } }
@media screen and (max-width: 1024px) {
.members-highlights .social-blocks .social-block {
width: 100%;
float: none; } }
.section.social .container {
display: flex;
flex-wrap: wrap; }
.section.social .social-block {
padding: 40px;
margin-top: 0; }
.section.social .social-block.split {
width: calc(50% - 50px);
background: #ffffff;
margin-right: 100px; }
.section.social .social-block.split:nth-child(2n+2) {
margin-right: 0; }
@media screen and (max-width: 640px) {
.section.social .social-block.split:nth-child(2n+2) {
float: none; } }
@media screen and (max-width: 640px) {
.section.social .social-block.split {
width: 100%;
float: none;
margin-right: 0; } }
@media screen and (max-width: 820px) {
.section.social.grey {
background: #ffffff; } }
@media screen and (max-width: 820px) {
.section.social.grey .social-block {
padding: 0; } }
@media screen and (max-width: 820px) {
.section.social.grey .social-block:nth-child(2n+2) {
padding-top: 30px; } }
/* Intranet */
.page-template-page-intranet #main .sidebar ul {
float: none;
width: 100% !important; }
@media screen and (max-width: 820px) {
.page-template-page-intranet #main .sidebar {
display: none; } }
.page-template-page-intranet #main .content p {
margin-bottom: 30px; }
.page-template-page-intranet #main .content p + ul {
margin-top: 30px; }
.page-template-page-intranet #main .content p + ul + ul {
margin-top: 30px; }
@media screen and (max-width: 1024px) {
.page-template-page-intranet #main .content p + ul + ul {
margin-top: 0;
margin-bottom: 0; } }
.page-template-page-intranet #main .content ul {
float: left;
width: 50%; }
@media screen and (max-width: 1024px) {
.page-template-page-intranet #main .content ul {
float: none;
width: 100%;
margin-bottom: 0; } }
.page-template-page-intranet #main .intranet-section .section {
background: #dcdcdc; }
.page-template-page-intranet #main .intranet-section .section:nth-of-type(2n+2) {
background: #ffffff; }
.page-template-page-intranet #main .intranet-section .section .container {
display: block;
overflow: hidden; }
@media screen and (max-width: 820px) {
.page-template-page-intranet #main .intranet-section .section .container {
padding: 40px 5%; } }
.page-template-page-intranet #main .intranet-section .section .container ul {
float: left;
width: 50%; }
@media screen and (max-width: 820px) {
.page-template-page-intranet #main .intranet-section .section .container ul {
float: none;
width: 100%;
margin-bottom: 0; } }
.page-template-page-business-directory {
/* Add Animation */
/* Modal Content */ }
.page-template-page-business-directory .sidebar {
border: none !important;
/*@include media($tablet-v) {
padding-top: 0!important;
}*/ }
.page-template-page-business-directory .sidebar .categories {
padding: 0;
list-style-type: none;
display: flex;
flex-direction: column; }
@media screen and (max-width: 960px) {
.page-template-page-business-directory .sidebar .categories {
flex-direction: row;
flex-wrap: wrap; } }
.page-template-page-business-directory .sidebar .categories button {
background: #0498f0;
border: 1px solid #0498f0;
color: #ffffff;
font-family: "Oxygen", sans-serif;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 25px;
text-decoration: none;
box-sizing: border-box;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight: 600;
opacity: 1;
transition: all 0.3s ease;
height: auto;
background: transparent;
border: 2px solid #ffffff;
margin-top: 10px; }
@media screen and (max-width: 820px) {
.page-template-page-business-directory .sidebar .categories button {
font-size: 13px;
padding: 10px 15px; } }
.page-template-page-business-directory .sidebar .categories button:hover {
background: transparent;
border: 2px solid #ffffff;
opacity: 0.3;
cursor: pointer; }
@media screen and (max-width: 960px) {
.page-template-page-business-directory .sidebar .categories button {
/* width: calc(50% - 2%);*/
width: 100%;
margin: 1%; } }
@media screen and (max-width: 480px) {
.page-template-page-business-directory .sidebar .categories button {
font-size: 12px; } }
.page-template-page-business-directory .sidebar .categories button:hover {
cursor: pointer; }
.page-template-page-business-directory .sidebar .categories button.mixitup-control-active {
background-color: #ffffff !important;
color: #c4a674; }
.page-template-page-business-directory .sidebar .categories button.mixitup-control-active:focus {
outline-color: inherit;
outline-width: 0; }
.page-template-page-business-directory .sidebar .categories button.mixitup-control-active:before {
position: absolute;
content: '\f192';
font-family: "Font Awesome 5 Pro";
margin-left: -27px;
color: #c4a674;
font-weight: 400; }
@media screen and (max-width: 480px) {
.page-template-page-business-directory .sidebar .categories button.mixitup-control-active:before {
margin-left: -15px; } }
@media screen and (max-width: 960px) {
.page-template-page-business-directory .content {
padding-top: 20px; } }
.page-template-page-business-directory #mix-wrapper {
display: flex;
flex-flow: row wrap; }
.page-template-page-business-directory #mix-wrapper .mix-target {
margin: 1%;
width: calc(33% - 2%);
box-shadow: 1px 1px 3px 1px #aaa;
background: #0498f0; }
.page-template-page-business-directory #mix-wrapper .mix-target polygon {
fill: #0498f0; }
@media screen and (max-width: 1200px) {
.page-template-page-business-directory #mix-wrapper .mix-target {
width: calc(50% - 2%); } }
@media screen and (max-width: 640px) {
.page-template-page-business-directory #mix-wrapper .mix-target {
width: calc(100% - 2%);
margin: 2% 1%; } }
.page-template-page-business-directory #mix-wrapper .mix-target .logo {
position: relative;
background-color: #ffffff;
overflow: hidden;
display: flex;
align-items: center;
height: 165px; }
.page-template-page-business-directory #mix-wrapper .mix-target .logo img {
width: 100%;
object-fit: scale-down;
padding: 30px;
/* @include media($mobile-h) {
padding: 20%;
}*/ }
.page-template-page-business-directory #mix-wrapper .mix-target .logo img.premium-badge {
max-width: 90px;
position: absolute;
top: 0;
right: 0;
padding: 5px; }
.page-template-page-business-directory #mix-wrapper .mix-target .logo svg {
position: absolute;
bottom: 0;
width: 100%;
height: 2vw;
/* set height to pixels if you want angle to change with screen width */ }
@media screen and (max-width: 640px) {
.page-template-page-business-directory #mix-wrapper .mix-target .logo svg {
height: 6vw; } }
.page-template-page-business-directory #mix-wrapper .mix-target .logo svg polygon {
opacity: 0.8; }
.page-template-page-business-directory #mix-wrapper .mix-target .info {
padding: 0px 20px 20px;
word-break: break-word;
color: #ffffff; }
.page-template-page-business-directory #mix-wrapper .mix-target .info h2, .page-template-page-business-directory #mix-wrapper .mix-target .info p, .page-template-page-business-directory #mix-wrapper .mix-target .info a {
color: #ffffff !important; }
.page-template-page-business-directory #mix-wrapper .mix-target .info h2 {
font-size: 20px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
margin: 20px 0 10px !important; }
.page-template-page-business-directory #mix-wrapper .mix-target .info ul {
list-style-type: none;
padding: 0;
color: #ffffff;
margin: 0; }
.page-template-page-business-directory #mix-wrapper .mix-target .info ul li {
position: relative;
padding: 5px 5px; }
.page-template-page-business-directory #mix-wrapper .mix-target .info ul li .fa {
margin-right: 10px;
color: #ffffff;
float: left;
font-size: 14px;
margin-top: 6px; }
.page-template-page-business-directory #mix-wrapper .mix-target .info ul li .fa.fa-info:before {
margin-right: 5px; }
.page-template-page-business-directory #mix-wrapper .mix-target .info ul li p {
margin: 0;
font-weight: 600; }
.page-template-page-business-directory #mix-wrapper .mix-target .info ul li a {
display: table-cell;
text-decoration: none; }
.page-template-page-business-directory #mix-wrapper .mix-target .info ul li .bio {
line-height: 26px; }
.page-template-page-business-directory #mix-wrapper .mix-target .info ul li .bio:hover {
cursor: pointer; }
.page-template-page-business-directory #mix-wrapper .mix-target.arts-media {
background-color: #c4a674; }
.page-template-page-business-directory #mix-wrapper .mix-target.arts-media polygon {
fill: #c4a674; }
.page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance {
background-color: #0498f0; }
.page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance polygon {
fill: #0498f0; }
.page-template-page-business-directory #mix-wrapper .mix-target.hospitality {
background-color: #0a0a29; }
.page-template-page-business-directory #mix-wrapper .mix-target.hospitality polygon {
fill: #0a0a29; }
.page-template-page-business-directory #mix-wrapper .mix-target.health {
background-color: #4b1200; }
.page-template-page-business-directory #mix-wrapper .mix-target.health polygon {
fill: #4b1200; }
.page-template-page-business-directory #mix-wrapper .mix-target.professional-services {
background-color: #002b2e; }
.page-template-page-business-directory #mix-wrapper .mix-target.professional-services polygon {
fill: #002b2e; }
.page-template-page-business-directory #mix-wrapper .mix-target.travel {
background-color: #470243; }
.page-template-page-business-directory #mix-wrapper .mix-target.travel polygon {
fill: #470243; }
.page-template-page-business-directory #mix-wrapper .mix-target.real-estate {
background-color: #023247; }
.page-template-page-business-directory #mix-wrapper .mix-target.real-estate polygon {
fill: #023247; }
.page-template-page-business-directory #mix-wrapper .mix-target.trades {
background-color: #0e0307; }
.page-template-page-business-directory #mix-wrapper .mix-target.trades polygon {
fill: #0e0307; }
.page-template-page-business-directory #mix-wrapper .mix-target.retail {
background-color: #25324c; }
.page-template-page-business-directory #mix-wrapper .mix-target.retail polygon {
fill: #25324c; }
.page-template-page-business-directory #mix-wrapper .mix-target.arts-media .info, .page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance .info, .page-template-page-business-directory #mix-wrapper .mix-target.hospitality .info, .page-template-page-business-directory #mix-wrapper .mix-target.health .info, .page-template-page-business-directory #mix-wrapper .mix-target.professional-services .info, .page-template-page-business-directory #mix-wrapper .mix-target.travel .info, .page-template-page-business-directory #mix-wrapper .mix-target.real-estate .info, .page-template-page-business-directory #mix-wrapper .mix-target.trades .info, .page-template-page-business-directory #mix-wrapper .mix-target.retail .info {
color: #ffffff; }
.page-template-page-business-directory #mix-wrapper .mix-target.arts-media .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.arts-media .info p, .page-template-page-business-directory #mix-wrapper .mix-target.arts-media .info a, .page-template-page-business-directory #mix-wrapper .mix-target.arts-media .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.arts-media .info li, .page-template-page-business-directory #mix-wrapper .mix-target.arts-media .info .fa, .page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance .info p, .page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance .info a, .page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance .info li, .page-template-page-business-directory #mix-wrapper .mix-target.finance-insurance .info .fa, .page-template-page-business-directory #mix-wrapper .mix-target.hospitality .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.hospitality .info p, .page-template-page-business-directory #mix-wrapper .mix-target.hospitality .info a, .page-template-page-business-directory #mix-wrapper .mix-target.hospitality .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.hospitality .info li, .page-template-page-business-directory #mix-wrapper .mix-target.hospitality .info .fa, .page-template-page-business-directory #mix-wrapper .mix-target.health .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.health .info p, .page-template-page-business-directory #mix-wrapper .mix-target.health .info a, .page-template-page-business-directory #mix-wrapper .mix-target.health .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.health .info li, .page-template-page-business-directory #mix-wrapper .mix-target.health .info .fa, .page-template-page-business-directory #mix-wrapper .mix-target.professional-services .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.professional-services .info p, .page-template-page-business-directory #mix-wrapper .mix-target.professional-services .info a, .page-template-page-business-directory #mix-wrapper .mix-target.professional-services .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.professional-services .info li, .page-template-page-business-directory #mix-wrapper .mix-target.professional-services .info .fa, .page-template-page-business-directory #mix-wrapper .mix-target.travel .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.travel .info p, .page-template-page-business-directory #mix-wrapper .mix-target.travel .info a, .page-template-page-business-directory #mix-wrapper .mix-target.travel .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.travel .info li, .page-template-page-business-directory #mix-wrapper .mix-target.travel .info .fa, .page-template-page-business-directory #mix-wrapper .mix-target.real-estate .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.real-estate .info p, .page-template-page-business-directory #mix-wrapper .mix-target.real-estate .info a, .page-template-page-business-directory #mix-wrapper .mix-target.real-estate .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.real-estate .info li, .page-template-page-business-directory #mix-wrapper .mix-target.real-estate .info .fa, .page-template-page-business-directory #mix-wrapper .mix-target.trades .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.trades .info p, .page-template-page-business-directory #mix-wrapper .mix-target.trades .info a, .page-template-page-business-directory #mix-wrapper .mix-target.trades .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.trades .info li, .page-template-page-business-directory #mix-wrapper .mix-target.trades .info .fa, .page-template-page-business-directory #mix-wrapper .mix-target.retail .info h2, .page-template-page-business-directory #mix-wrapper .mix-target.retail .info p, .page-template-page-business-directory #mix-wrapper .mix-target.retail .info a, .page-template-page-business-directory #mix-wrapper .mix-target.retail .info ul, .page-template-page-business-directory #mix-wrapper .mix-target.retail .info li, .page-template-page-business-directory #mix-wrapper .mix-target.retail .info .fa {
color: #ffffff !important; }
@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0; }
to {
top: 0;
opacity: 1; } }
@keyframes animatetop {
from {
top: -300px;
opacity: 0; }
to {
top: 0;
opacity: 1; } }
.page-template-page-business-directory #field_3_11 .gfield_label {
display: none; }
.page-template-page-business-directory #gform_wrapper_2 {
width: 100%;
max-width: 100%; }
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper .top_label .ginput_container {
margin-top: 0; }
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper label {
display: none; }
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper li.float-left {
float: left; }
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper li.float-left input {
width: 100%; }
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper li.float-right {
float: right; }
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper li.float-right input {
width: 100%; }
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper li.float-left, .page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper li.float-right {
clear: none;
margin: 0 0 30px;
width: 49%; }
@media screen and (max-width: 480px) {
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper li.float-left, .page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper li.float-right {
width: 100%;
float: none; } }
.page-template-page-business-directory #gform_wrapper_2.no-labels_wrapper .full-width {
clear: both;
padding-top: 0px;
margin-top: 30px; }
.page-template-page-business-directory #gform_wrapper_2 .gform_footer {
padding: 0;
margin: 0; }
.page-template-page-business-directory .additional .container {
display: block !important; }
/* Honour Board Styling */
.honourboard {
overflow: hidden;
background: #efefef; }
.honourboard .hboard-row {
margin-bottom: 5px; }
.honourboard .hboard-row.hidden {
display: none; }
.honourboard .hboard-row.hidden .accordion-category {
display: none; }
.honourboard .hboard-row .accordion-title {
position: relative; }
.honourboard .hboard-row .accordion-title:hover {
cursor: pointer; }
.honourboard .hboard-row .accordion-title h3 {
color: #ffffff;
background: #c4a674;
margin: 0 auto;
padding: 14px 20px !important;
text-align: center;
font-size: 28px; }
@media screen and (max-width: 820px) {
.honourboard .hboard-row .accordion-title h3 {
font-size: 20px; } }
.honourboard .hboard-row .accordion-title .arrow {
height: 100%;
width: 60px;
padding: 20px;
text-align: center;
position: absolute;
right: 0;
top: 0;
display: flex;
background-color: rgba(0, 0, 0, 0.1);
opacity: 1; }
.honourboard .hboard-row .accordion-title .arrow:hover {
cursor: pointer;
opacity: 0.5; }
.honourboard .hboard-row .accordion-title i {
font-size: 30px;
color: #ffffff;
align-self: center; }
.honourboard .hboard-row .trophy .trophy-holder {
display: flex; }
@media screen and (max-width: 640px) {
.honourboard .hboard-row .trophy .trophy-holder {
flex-flow: wrap;
height: auto; } }
.honourboard .hboard-row .trophy .trophy-holder .trophy-content {
padding: 40px 40px 40px 0px;
width: calc(100% - 520px);
height: 100%; }
@media screen and (max-width: 1440px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-content {
width: calc(100% - 420px); } }
@media screen and (max-width: 820px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-content {
width: calc(100% - 330px); } }
@media screen and (max-width: 640px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-content {
width: 100%;
padding: 0 40px 40px; } }
@media screen and (max-width: 820px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-content h4 {
font-size: 20px; } }
.honourboard .hboard-row .trophy .trophy-holder .trophy-content a {
color: #404040; }
.honourboard .hboard-row .trophy .trophy-holder .trophy-content a:hover {
text-decoration: none; }
.honourboard .hboard-row .trophy .trophy-holder .trophy-img {
margin: 40px;
width: 440px;
height: 100%; }
@media screen and (max-width: 1440px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-img {
width: 360px; } }
@media screen and (max-width: 820px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-img {
width: 250px; } }
@media screen and (max-width: 640px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-img {
width: 100%; } }
.honourboard .hboard-row .trophy .trophy-holder .trophy-img .empty {
background: #dcdcdc;
width: 100%;
height: 100%;
display: flex;
text-align: center; }
@media screen and (max-width: 820px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-img .empty {
padding: 50px 0; } }
.honourboard .hboard-row .trophy .trophy-holder .trophy-img .empty p {
align-self: center;
margin: 0 auto; }
.honourboard .hboard-row .trophy .trophy-holder .trophy-img .empty p i {
font-size: 150px !important;
opacity: 0.3;
margin: 100px 0; }
.honourboard .hboard-row .trophy .trophy-holder .trophy-img img {
width: 100%;
height: 400px;
object-fit: cover; }
@media screen and (max-width: 1440px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-img img {
height: 360px; } }
@media screen and (max-width: 820px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-img img {
height: 250px; } }
@media screen and (max-width: 640px) {
.honourboard .hboard-row .trophy .trophy-holder .trophy-img img {
height: auto; } }
.honourboard .winners {
margin: 0 auto;
padding: 20px 40px 0; }
.honourboard .winners h4 {
text-align: center;
margin: 0 auto 30px; }
@media screen and (max-width: 820px) {
.honourboard .winners h4 {
font-size: 20px; } }
.honourboard .winners .board {
display: flex;
flex-flow: row wrap;
background: #efefef;
justify-content: center;
padding: 0;
border: 2px solid #aaa;
margin-bottom: 40px; }
.honourboard .winners .board .content {
width: 25%;
margin: 0;
text-align: center;
background: #efefef;
flex: 1 auto; }
@media screen and (max-width: 1024px) {
.honourboard .winners .board .content {
width: 33.33%; } }
@media screen and (max-width: 640px) {
.honourboard .winners .board .content {
width: 50%; } }
.honourboard .winners .board .content img.champ-img {
width: 100% !important;
height: 200px !important;
object-fit: cover;
margin-bottom: 20px !important; }
@media screen and (max-width: 1440px) {
.honourboard .winners .board .content img.champ-img {
height: 180px !important; } }
.honourboard .winners .board .content .empty {
width: 100%;
height: 200px !important;
display: block;
margin-bottom: 20px !important;
background-color: #dcdcdc; }
@media screen and (max-width: 1440px) {
.honourboard .winners .board .content .empty {
height: 180px !important; } }
.honourboard .winners .board .content p.year {
font-style: italic;
margin: 0 auto 0;
padding: 10px;
background: #aaa;
color: #ffffff; }
.honourboard .winners .board .content p.name {
font-weight: 600;
margin: 0 auto 0;
padding: 10px; }
.honourboard .winners .board .content p.name a {
text-decoration: none; }
.honourboard .winners .board .content p.score {
font-size: 14px;
padding: 0 10px 10px; }
.honourboard .winners p.center {
text-align: center; }
.honourboard .winners .additional {
text-align: center;
padding: 0 0 40px; }
.honourboard .winners .additional a {
color: #404040; }
.page-template-page-honourboard .honourboard-content {
float: left;
width: 50%;
padding: 0 30px 40px 0; }
@media screen and (max-width: 1024px) {
.page-template-page-honourboard .honourboard-content {
float: none;
width: 100%; } }
.page-template-page-honourboard .filter {
float: right;
width: 50%;
background: #efefef;
padding: 30px 40px 40px;
margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.page-template-page-honourboard .filter {
float: none;
width: 100%;
padding: 30px; } }
.page-template-page-honourboard .filter #filterBox {
width: 100%;
height: auto; }
.page-template-page-honourboard .honourboard {
clear: both;
margin-top: 40px; }
/*# sourceMappingURL=style.css.map */