@keyframes ifMenuFadeIn {
from {
opacity: 0;
transform: translate3d(20%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.if-menu-peek {
position: relative;
}
.if-menu-peek a {
opacity: 0.8;
}
.if-menu-peek::before {
content: "If Menu peek";
position: absolute;
text-align: center;
top: 50%;
left: calc(100% + 15px);
background: #f6f9fc;
box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08);
border-radius: 4px;
width: 140px;
margin-top: -17px;
padding: 10px 15px;
font-size: 14px;
opacity: 0;
pointer-events: none;
}
.if-menu-peek:hover::before {
animation: ifMenuFadeIn ease-in-out .2s forwards;
}
.if-menu-peek::after {
content: "";
position: absolute;
width: 20px;
height: 17px;
background: url(//orkneygolfclub.co.uk/wp-content/plugins/if-menu/assets/icon-visibility.svg);
color: rgb(80,169,47);
background-size: cover;
top: -14px;
right: -15px;
border-radius: 50%;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body{
font-family: 'Open Sans', sans-serif; line-height: 1.6;
}
h1, h2, h3, h4, h5, h6{
line-height: 1.2;
}
p{
margin-bottom: 1rem;
}
::-moz-selection {
background: rgba(226, 78, 82, 0.75); color: #fff;
}
::selection {
background: rgba(226, 78, 82, 0.75); color: #fff;
}
::-moz-selection {
background: rgba(226, 78, 82, 0.75); color: #fff;
} .wpcf7-recaptcha{
margin-bottom: 20px;
} @font-face {
font-family: 'ogc';
src:  url(//orkneygolfclub.co.uk/wp-content/themes/orkneygolfclub/fonts/ogc.eot?2xw4dx);
src:  url(//orkneygolfclub.co.uk/wp-content/themes/orkneygolfclub/fonts/ogc.eot?2xw4dx#iefix) format('embedded-opentype'),
url(//orkneygolfclub.co.uk/wp-content/themes/orkneygolfclub/fonts/ogc.ttf?2xw4dx) format('truetype'),
url(//orkneygolfclub.co.uk/wp-content/themes/orkneygolfclub/fonts/ogc.woff?2xw4dx) format('woff'),
url(//orkneygolfclub.co.uk/wp-content/themes/orkneygolfclub/fonts/ogc.svg?2xw4dx#ogc) format('svg');
font-weight: normal;
font-style: normal;
}
i { font-family: 'ogc' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ogc-troph:before {
content: "\e902";
}
.ogc-call:before {
content: "\e900";
}
.ogc-mail:before {
content: "\e901";
}
.ogc-search:before {
content: "\e906";
}
.ogc-fb:before {
content: "\e908";
}
.ogc-gplus:before {
content: "\e909";
}
.ogc-insta:before {
content: "\e90a";
}
.ogc-lin:before {
content: "\e90b";
}
.ogc-pin:before {
content: "\e90c";
}
.ogc-rss:before {
content: "\e90d";
}
.ogc-twit:before {
content: "\e90e";
}
.ogc-vim:before {
content: "\e90f";
}
.ogc-yt:before {
content: "\e910";
} .title-container{
padding: 1rem;
text-align: center;
}
.title-container h1{
font-size: 2rem;
margin-bottom: 0;
font-weight: bold;
}  *{box-sizing: border-box;} .site-container{
width: 100%;
}
.site-fade{
background-color: #fff;
opacity: 0.5;
position: absolute;
display: none;
width: 100vw;
height: 100vh;
z-index: 2999;
} .full-width{
width: 100%;
background-color: orange;
float: left;
} .max-width{
width: 100%;
max-width: 1200px;
margin: 0 auto;
} .row{
width: 100%;
min-height: 1px;
float: left;
} .col{
min-height: 40px;
display: inline-block;
float: left;
} .col.col-1{width: 8.33%;}
.col.col-2{width: 16.66%;}
.col.col-3{width: 24.99%;}
.col.col-4{width: 33.32%;}
.col.col-5{width: 41.65%;}
.col.col-6{width: 49.98%;}
.col.col-7{width: 58.31%;}
.col.col-8{width: 66.64%;}
.col.col-9{width: 74.97%;}
.col.col-10{width: 83.3%;}
.col.col-11{width: 91.63%;}
.col.col-12{width: 100%;} @media (max-width: 768px){
.col{
width: 100% !important;
}
} header.site-header{
width: 100%;
background-color: #fff;
color: #323131;
text-align: center;
}
img.custom-logo{
width: 150px;
height: auto;
margin-top: 10px;
}
.site-header h2{
font-size: 32pt;
font-weight: 400;
}
.site-header p{
font-size: 18pt;
font-weight: 300;
} .site-login{
width: 100%;
padding: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-login a{
color: #323131;
text-decoration: none;
}
.site-login a:hover{
text-decoration: underline;
}
.menu-button{
display: none;
} nav.site-nav-mobile{
display: none;
}
nav.site-nav{
width: 100%;
}
nav.site-nav ul li{
display: inline-block;
text-align: left;
}
nav.site-nav ul ul, nav.site-nav-mobile ul ul{
position: absolute;
display: none;
z-index: 9998;
}
nav.site-nav ul ul li, nav.site-nav-mobile ul ul li{
display: block;
}
nav.site-nav ul li a, nav.site-nav-mobile ul li a{
color: #323131;
text-decoration: none;
cursor: pointer;
padding: 10px 15px;
display: block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-bottom: 1px solid transparent;
}
nav.site-nav ul li a:hover, nav.site-nav-mobile ul li a:hover{
border-bottom: 1px solid #323131;
}
nav.site-nav ul ul, nav.site-nav-mobile ul ul{
border-top: 1px solid #323131;
}
nav.site-nav ul ul li a, nav.site-nav-mobile ul ul li a{
background-color: #fff;
} #galleryWrap{
width: 100%;
position: relative;
overflow: hidden;
}
#gallery{
overflow: hidden;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
}
#gallery > img{
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
display: none;
}
#galleryDotWrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
position: relative;
margin-top: -90px;
margin-bottom: 22px;
z-index: 2000;
}
#galleryDotWrap > .galleryDot{
background-color: transparent;
border: 1px solid #fff;
width: 14px;
height: 14px;
margin: 12px;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.currentGallDot, #galleryDotWrap > .galleryDot:hover{
background-color: #fff !important;
}
.noSelect {
/ Disables text selecting /
-webkit-touch-callout: none; / iOS Safari /
-webkit-user-select: none;   / Chrome/Safari/Opera /
-khtml-user-select: none;    / Konqueror /
-moz-user-select: none;      / Firefox /
-ms-user-select: none;       / Internet Explorer/Edge /
user-select: none;           / Non-prefixed version, currently /
}
#galleryWrap h1{
width: 100%;
position: absolute;
text-align: center;
height: 100%;
text-transform: uppercase;
color: #fff;
font-size: 6vw;
margin-top: 7vw;
top: 0;
text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
}
#galleryWrap h1 span{
display: block;
font-weight: 300;
}
.non-home #gallery, .non-home #gallery{
max-height: 250px;
}
.non-home #galleryWrap h1{
margin-top: 2vw !important;
}
.non-home #galleryWrap h1{
margin-top: 1vw !important;
font-size: 5vw;
} section.home-section img{
position: relative;
z-index: 1;
max-width: 100%;
height: auto;
}
section.home-section img.wp-post-image{
width: 100%;
margin-bottom: 1rem;
}
section.home-section p{
margin-bottom: 1rem;
} footer.site-footer{
background-color: #1f1f1f;
border-top: 5px solid #d0e4ae;
width: 100%;
float: left;
color: #fff;
padding: 50px;
}
.club-address{
margin-bottom: 16px;
}
.footer-bot-row{
border-top: 1px solid #d0e4ae;
margin-top: 24px;
padding-top: 16px;
}
.footer-right-col{
text-align: right;
}
.footer-right-col a{
color: #fff;
text-decoration: none;
display: block;
padding: 5px 0;
}
.footer-right-col a:hover{
text-decoration: underline;
}
.footer-social{
border-bottom: 1px solid #d0e4ae;
display: inline-block;
padding: 10px 0 10px 50px;
margin-bottom: 10px;
}
.footer-social a i{
margin-right: 5px;
}
.footer-icon-center{
width: 21.94px;
display: inline-block;
text-align: center;
}
.footer-social .footer-fb:hover{
color: #3B5998;
text-decoration: none;
}
.footer-social .footer-tw:hover{
color: #4099FF;
text-decoration: none;
}
.footer-right-col .footer-orknet{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.footer-right-col .footer-orknet span{
margin-right: 5px;
} .page-container{
display: flex;
flex-direction: row;
gap: 1rem;
padding: 1rem 1rem 5rem;
border-top: 1px solid #f5f5f5;
}
.page-sidebar{
padding: 1rem;
border: 1px solid #f5f5f5;
border-radius: 3px;
max-width: 300px;
align-self: flex-start;
display: grid;
list-style: none;
gap: 1rem;
}
.page-sidebar--left{
display: none;
min-width: 250px;
position: sticky;
top: 1rem;
}
.page-sidebar .widgettitle{
margin-bottom: 1rem;
}
.page-sidebar .menu a{
color: black;
text-decoration: none;
}
.page-sidebar .menu a:hover{
text-decoration: underline;
}
.page-sidebar .menu li.current_page_item a{
color: #E24E52;
}
.page-sidebar .menu li.current_page_item a:hover{
text-decoration: none;
}
.page-sidebar .menu{
list-style: none;
}
.page-sidebar .menu ul.sub-menu{
padding-left: 1rem;
}
@media screen and (min-width: 1100px) {
.page-sidebar--left{
display: block;
}
}
@media screen and (max-width: 900px) {
.page-sidebar--right{
align-self: center;
}
.page-container{
flex-direction: column;
}
} .page-sidebar .menu{
display: grid;
gap: 1rem;
}
.page-sidebar .menu > li {
min-height: 2rem;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.page-sidebar .menu li.menu-item-has-children .sub-menu{
display: none;
width: 100%;
padding: 1rem;
background: whitesmoke;
border-radius: 5px 0 5px 5px;
list-style: none;
gap: 1rem;
}
.page-sidebar .menu li.menu-item-has-children.is-active .sub-menu{
display: grid;
}
.page-sidebar .menu li.menu-item-has-children > a{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
gap: 1rem;
}
.page-sidebar .menu li.menu-item-has-children > a::after{
content: '+';
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
background-color: whitesmoke;
cursor: pointer;
}
.page-sidebar .menu li.menu-item-has-children.is-active > a::after{
content: '-';
} section.page-section{  flex: 1;
}
section.page-section .max-width{
background-color: #fff;
z-index: 1;
position: relative;
}
section.page-section .page-thumb img{
width: 100%;
height: auto;
margin-bottom: 40px;
}
section.page-section .max-width p{
margin-bottom: 1rem;
line-height: 1.8rem;
}
section.page-section a{
color: #E24E52;
text-decoration: none;
}
section.page-section a:hover{
text-decoration: underline;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; } .page-office-bearers{
display: table;
}
.ob-heading{
font-weight: bold;
}
.ob, .ob-heading{
padding: 10px 0;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.ob:last-child{
border-bottom: none;
}
.ob-span-mobile{
display: none;
font-weight: bold;
margin-right: 5px;
}
.page-office-bearers .col p{
display: inline-block;
} .cd-instruction{
text-align: center;
margin-bottom: 25px;
color: #E24E52;
font-size: 24px;
}
.cd-headings{
font-weight: bold;
border-bottom: 1px solid #ccc !important;
}
.cd-headings:hover{
border-color: transparent !important;
border-bottom: 1px solid #ccc !important;
}
.page-course-details{
display: table;
}
.page-course-details .col{
text-align: center;
}
.page-course-details .row p, .page-course-details .row h2{
margin: 0.5rem 0;
}
.page-course-details span{
display: none;
}
.cd-total{
border-top: 1px solid #ccc !important;
padding-top: 1rem;
}
.cd-total-title{
font-weight: bold;
text-align: right;
margin-right: 50px;
}
.cd-details{
border-bottom: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}
.cd-details:last-child{
border-bottom: none;
}
.hole-info .row:first-child{
border: 1px solid transparent;
cursor: pointer;
}
.hole-info .row:first-child:hover{
border: 1px solid #E24E52;
background-image: url(https://orkneygolfclub.co.uk/wp-content/uploads/2016/10/search-down-arrow.svg);
background-repeat: no-repeat;
background-size: 8px 8px;
background-position: 2% 40%;
}
.hole-details{
padding: 15px 0;
border-bottom: 1px solid #ccc;
display: none;
}
.hole-details .col img{
width: 100%;
height: auto;
}
.hole-details .col:last-child{
padding-left: 15px;
text-align: left;
}
.row-totals-top{
border-top: 1px solid #ccc;
}
.total-title{
font-weight: bold;
text-align: right;
} .page-news{
display: table;
}
.post-thumb img{
width: 100%;
height: auto;
}
.post-thumb-content{
padding-left: 2rem;
}
.post-row{
border-bottom: 1px solid #ccc;
margin-bottom: 2rem;
padding-bottom: 2rem;
}
.post-row:last-child{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.post-title-link{
color: #323131 !important;
}
.post-row h2{
font-size: 2rem;
margin-bottom: 1.5rem;
display: inline-block;
}
time{
color: #a6a4a4;
display: inline-block;
font-size: 0.8rem;
}
.read-more{
float: right;
border: 1px solid #E24E52;
border-radius: 3px;
padding: 5px 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.read-more:hover{
background-color: #E24E52;
color: #fff;
text-decoration: none !important;
} .page-prev-winners a{
display: table;
margin-bottom: 10px;
}
.page-prev-winners a:last-child{
margin-bottom: 0;
}
.prev-troph{
color: #E24E52;
margin-right: 10px;
} .page-course-gallery{
background-color: transparent !important;
}
.gallery-item{
padding: 1vw;
}
.gallery img{
border: 4px solid #fff !important;
width: 100%;
height: auto;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.gallery img:hover{
border-color: #E24E52 !important;
}
.gallery-item{
max-height: 324px;
overflow: hidden;
} .page-winners-gallery{
display: table;
background-color: transparent !important;
}
.page-winners-gallery .col{
padding: 15px;
}
.page-winners-gallery .col .winners-post{
background-color: #fff;
padding: 5px;
transition: all 0.3s ease;
}
.page-winners-gallery .col img{
width: 100%;
height: auto;
}
.page-winners-gallery .col a:last-child{
padding: 10px 0 5px 0;
display: inline-block;
}
.page-winners-gallery .col h2{
display: inline-block;
}
.winners-post .winner-thumb{
display: block;
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} .single-winners_gallery .page-thumb{
display: none;
}
.single-winners_gallery .single{
background-color: transparent !important;
} .page-sponsors{
display: table;
}
.page-sponsors .col{
padding: 20px;
text-align: center;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-sponsors .row{
margin-bottom: 4vw;
}
.page-sponsors .row:last-child{
margin-bottom: 0;
}
.page-sponsors .col img{
width: 50%;
height: auto;
} .page-contact{
display: table;
}
.contact-container{
padding-right: 40px;
}
.contact-container input, .contact-container select, .contact-container textarea{
border: 1px solid #ccc;
padding: 5px;
background-color: #fff;
width: 100%;
max-width: 400px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.contact-container select{
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
border-radius: 0;
background-image: url(https://orkneygolfclub.co.uk/wp-content/uploads/2016/10/search-down-arrow.svg);
background-size: 10px;
background-repeat: no-repeat;
background-position: 98% 50%;
}
.contact-container textarea{
resize: vertical;
}
.contact-container input:focus, .contact-container select:focus, .contact-container textarea:focus{
outline: none;
border: 1px solid #E24E52;
}
.contact-container input:hover, .contact-container select:hover, .contact-container textarea:hover{
border: 1px solid #E24E52;
}
.contact-container input[type="submit"]{
border: 1px solid #E24E52;
color: #E24E52;
}
.contact-container input[type="submit"]:hover{
background-color: #E24E52;
color: #fff;
cursor: pointer;
}
.wpcf7-spinner{
display: block !important;
margin: 1rem auto;
}
div.wpcf7-response-output{
margin: 0 !important;
width: 100%;
max-width: 400px;
display: inline-block;
}
div.wpcf7 img.ajax-loader{
display: block;
}
.wpcf7-not-valid-tip{
color: #E24E52 !important;
} .page-minutes{
display: table;
} .error404 .page-section{
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(https://orkneygolfclub.co.uk/wp-content/uploads/2016/10/ogc-404.jpg);
background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(https://orkneygolfclub.co.uk/wp-content/uploads/2016/10/ogc-404.jpg);
width: 100%;
height: 50vh;
background-position: center;
background-size: cover;
text-align: center;
color: #fff;
text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
}
.error404 .page-section h1{
padding-top: 15vw;
font-size: 8vw;
}
.error404 .page-section h2{
font-size: 20px;
}   @media (max-width: 1040px){ .menu-button{
width: 30px;
height: 30px;
z-index: 9999;
background-color: #fff;
display: block;
}
.bar{
width: 100%;
height: 3px;
margin-bottom: 5px;
background-color: #323131;
}
.menu-button .bar:last-child{
margin-bottom: 0;
}
.menu-button span{
font-size: 10px;
color: #323131;
} .admin-bar nav.site-nav{
top: 80px;
}
nav.site-nav{
display: none;
}
nav.site-nav-mobile{
z-index: 9998;
display: block;
position: absolute;
background-color: #fff;
width: 300px;
height: 100vh;
top: 48px;
right: 0;
}
nav.site-nav-mobile ul li{
display: block;
}
nav.site-nav-mobile ul li a{
border-bottom: 1px solid #ccc;
padding: 20px 15px;
text-align: left;
background-color: #fff;
}
nav.site-nav-mobile ul ul{
position: relative;
}
nav.site-nav-mobile ul ul li a{
background-color: #f3f3f3;
padding: 20px 15px 20px 30px;
} .site-header p{
margin-bottom: 16px;
} section.page-section .max-width{ }
}
@media (max-width: 768px){ #galleryDotWrap{
margin-top: -66px;
margin-bottom: 10px;
} footer.site-footer{
text-align: center;
}
.footer-right-col{
text-align: center;
margin-top: 10px;
}
.footer-social{
border-bottom: 1px solid #d0e4ae;
border-top: 1px solid #d0e4ae;
display: inline-block;
padding: 10px 0;
}
.footer-social p, .footer-social a{
display: inline-block;
}
.footer-social a{
font-size: 24px;
margin: 0 0 0 10px;
}
.footer-social a span{
display: none;
}
.footer-right-col .footer-orknet{
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
} .ob-heading{
display: none;
}
.ob-span-mobile{
display: inline-block;
} .page-course-details .row{
border-bottom: 1px solid #ccc;
margin-bottom: 1rem;
}
.page-course-details span{
display: inline-block;
font-weight: bold;
margin-right: 5px;
}
.page-course-details .row:hover{
border-color: transparent;
border-bottom: 1px solid #ccc;
}
.cd-headings{
display: none;
}
.hole-details .col:last-child{
padding: 0;
}
.hole-details{
border: none !important;
}
.hole-info .row:first-child:hover{
background-image: none;
}
.total-title{
text-align: center;
} .post-thumb-content{
margin-top: 2rem;
padding-left: 0;
} .page-sponsors .row{
margin-bottom: 0;
}
.page-sponsors .col{
padding: 20px;
text-align: center;
position: relative;
top: 50%;
-webkit-transform: translateY(0);
transform: translateY(0);
margin-bottom: 40px;
} .page-contact .col{
text-align: center;
}
.contact-container{
padding-right: 0;
margin-bottom: 40px;
}
}
@media (max-width: 500px){ .site-header h2{
font-size: 26pt;
padding: 0 10px;
} #galleryDotWrap{
margin-top: -46px;
margin-bottom: -2px;
} .page-course-gallery .gallery-item, .single-winners_gallery .gallery-item{
width: 100% !important;
}
}