![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/assets/css/ |
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,700,800|Pinyon+Script|Archivo+Black'); /* font-family: 'Abril Fatface'; font-family: 'Abril Fatface'; font-family: 'Open Sans'; Main colour - Dark Blue: #183871 Main colour - Light Blue: #8da8d8 Text Grey: #2a2a2a Gold: #b6a166 Button Black: #222222 Link Blue: #00adef Footer Light Grey: #e2e3e5 Footer Middle Grey: #d5d6d8 Footer Dark Grey: #b7b8b9 */ body,html{ overflow-x: hidden; } @font-face { font-family: 'Abril'; src: url('../font/abrilfatface-regular-webfont.woff2') format('woff2'), url('../font/abrilfatface-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Libre'; src: url('../font/Libre-Regular.woff2') format('woff2'), /* Modern Browsers */ url('../font/Libre-Regular.woff') format('woff'); /* Modern Browsers */ font-weight: normal; font-style: normal; } section.container.contact_wrap{ margin-top: 75px; } .top-form { margin-bottom: 175px !important; } .booking_table.contact_hours h4 { margin-bottom: 40px; } .booking_table.contact_hours .col-sm-6 { margin-bottom: 30px; } .contact_wrap iframe { width: 100%; height: 518px !important; } .text_inner p { color: grey; } .load_more:hover { text-decoration: none; background-color: black; color: white; } .dropdown-custom { border-radius: 0; border-color: #b6a166; background: white; color: #2a2a2a; text-align: left; font-size: 13px; height: 50px; width: 100%; } .dropdown-custom:after { color: grey; float: right; position: relative; top: 9px; font-size: 16px; } .dropdown-custom .caret { float: right; color: #2a2a2a; } .verticalwrap p { font-size: 14px; } .dropdown-custom ul { position: absolute; will-change: transform; width: 100%; top: -2px; left: 0px; transform: translate3d(0px, 50px, 0px); border-radius: 0; border-color: #b6a166; } select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } select.minimal:focus { background-image: linear-gradient(45deg, grey 50%, transparent 50%), linear-gradient(135deg, transparent 50%, grey 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; outline: 0; } #accordion .card-body { position: relative; bottom: 6px; } .main_banner.banner_image.banner_home { height: 100%; margin-top: 0; } form button[type=submit],form input[type=submit] { font-family: 'Archivo black'; } * { font-family: 'Open Sans'; outline: 0 !important; } *::focus, *:focus, *:active, button:focus { border: 0px; outline: 0 !important; } body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .container, .header_inner, .wrapper,.vc_row-o-equal-height,.vc_grid-container-wrapper { max-width: 1599.9px !important; } .vc_row-o-equal-height{ margin: 150px auto 0px !important; } .footer_section.container { max-width: 1629.9px !important; } .header_inner { margin: 0 auto; width: 100%; } .container.cart_container, .container.checkout_page { max-width: 1399.9px !important; } .container-fluid { padding-left: 0; padding-right: 0; } body { overflow-x: hidden; /* padding-top: 77px;*/ } .row-full { width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .center-absolute { position: relative; /* margin: 0 auto; */ padding: 0 !important; margin-left: auto; } header { position: fixed; right: 0; left: 0; top: 0; z-index: 1030; transition: top 0.2s ease-in-out; } .logged-in.admin-bar header{ padding-top: 32px !important; } .logged-in.admin-bar #menu { width: 100%; height: calc(100% - 168px); /* padding-top: 101px; */ position: fixed; top: 168px; } header * { color: #fff !important; color: #fff !important; text-transform: uppercase; font-size: 11px; } .dark_blue { background-color: rgba(24, 56, 113, .7); margin-bottom: 1px; } .dark_blue.d-flex { margin-bottom: 1px; } .dark_blue .ml-3{ max-width: 15px; max-height: 15px; } .main_menu li a,#menu-main-menu li a { font-weight: 900; letter-spacing: .5px; } #menu-main-menu li a { color: #fff !important; text-transform: uppercase; font-size: 11px; font-family: open sans; font-weight: 900; } .menu a{ font-size: 13px; text-transform: uppercase; } .top_menu { height: 40px; } .top_menu * { letter-spacing: 1px; } .top_menu .header_inner { align-items: center; height: 100%; } .extra_bold, .top_menu strong { font-weight: 900; } .top_menu img {} .mlr-6 { margin: 0 35px; } body { /* padding-top:70px;*/ } .navbar-header { float: none; } .navbar-toggle2 { display: block; } .navbar-collapse2.collapse2 { display: none !important; } .navbar-collapse2 .navbar-nav { float: none !important; } .navbar-collapse2 .navbar-nav>li { float: none; } .navbar-collapse2.collapse2.in { display: block !important; } .nav-icon3 { position: relative; float: right; width: 40px; height: 40px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 6; /* margin-top: 25px;*/ margin-left: 20px; } .nav-icon3 span { top: 38px; width: 32px; opacity: 1; height: 3px; display: block; position: absolute; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background-color: #fff; top: 0; left: 52%; transform: translateX(-50%); } .nav-icon3 span:nth-child(1) { top: 11px; } .nav-icon3 span:nth-child(2), .nav-icon3 span:nth-child(3) { top: 18px; } .nav-icon3 span:nth-child(4) { top: 25px; } #menu { width: 100%; height: calc(100% - 136px); /* padding-top: 101px; */ position: fixed; top: 136px; /*right: -200%;*/ left:0; display: none; /*-webkit-transition: all .3s ease-in-out;*/ /*-moz-transition: all .3s ease-in-out;*/ /*-o-transition: all .3s ease-in-out;*/ /*transition: all .3s ease-in-out;*/ z-index: 99999; background-color: rgba(24, 56, 113, .97); /*background-color: rgba(24, 56, 113, .7);*/ /* border-left: 2px solid #fff; */ /* border-bottom: 2px solid #fff; */ } #menu.open { /*right: 0;*/ } header.open .dark_blue { background-color: rgba(24, 56, 113, .95); } #menu .menu_inner_wrap { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); display: flex; } #menu .menu_inner_wrap h4 { font-size: 18px; margin-bottom: 10px; font-family: 'Archivo black'; letter-spacing: 1px; } #menu .nav-link { padding: 0; display: initial; font-size: 13px; } header.open nav.navbar.center-absolute .collapse { /*opacity: 0;*/ } .nav-icon3.open span:nth-child(1), .nav-icon3.open span:nth-child(4) { opacity: 0; } #menu-main-menu{ display: flex; padding-left: 0; margin-bottom: 0; list-style: none; } ul.menu{ list-style: none; } #menu ul { padding: 15px 0px; list-style: none; margin-bottom: 0; } .menu_inner_wrap section:first-of-type { padding-left: 0; } .menu_inner_wrap section:last-of-type { padding-right: 0; border-right: 0px solid white; } .menu_inner_wrap ul a, .menu_inner_wrap h4 { white-space: nowrap; } .menu_inner_wrap section { padding: 0 65px; border-right: 1px solid rgba(255, 255, 255, 0.3); } #menu ul li { margin-bottom: 20px; margin-right: 0; } #menu ul li:last-of-type { margin-bottom: 0px; } #menu ul li a, .nav-item a { text-decoration: none; position: relative; padding-left: 0 !important; padding-right: 0 !important; } li.nav-item,#menu-main-menu li { margin-right: 50px; position: relative; } ul.menu a{ text-decoration: none; } #menu ul li a:before, .nav-item a:before,ul.menu a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -4px; left: 0; background: #fff; visibility: hidden; border-radius: 5px; transform: scaleX(0); transition: .25s linear; } footer ul.menu a:before{ background: #222; } #menu ul li a:hover:before, #menu ul li a:focus:before, .nav-item a:hover:before,ul.menu a:hover:before,ul.menu a:focus:before { visibility: visible; transform: scaleX(1); } .nav-item a:before,ul.menu a:before { bottom: -2px; } .nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: calc(50% - 10px); } .nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: calc(50% - 10px); } .animated-icon2 { width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .animated-icon2 span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .animated-icon2 span { background: #fff; } /* Icon 3*/ .animated-icon2 span:nth-child(1) { top: 0px; } .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) { top: 10px; } .animated-icon2 span:nth-child(4) { top: 20px; } .animated-icon2.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; } .animated-icon2.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .animated-icon2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .animated-icon2.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; } .banner_video { height: 100vh; position: relative; overflow: hidden; z-index: 2; } .slick-slider,.slick-slider .slider-content { display: none; } .slick-slider.slick-initialized,.slick-slider.slick-initialized .slider-content { display: block; } .slider-content{ opacity: 0; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition:opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .slick-slider.slick-initialized .slider-content{ opacity: 1; } .video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .aligned-content__section, .slider-content { position: absolute; top: calc(50% + 45px); left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 55px 20px 65px; background: linear-gradient(to right, transparent 10%, rgba(24, 56, 113, .7) 40%, rgba(24, 56, 113, .7) 50%, rgba(24, 56, 113, .7) 60%, transparent 90%); color: white; } .aligned-content__section h1, .text_inner h3, .double_inner_wrap h3, .slider-content h2, .text_block h2, .round_icon h3, .join_block h1, .hole_block.gallery h4, .hole__stats-number, h3.post_title { font-family: Libre; } .aligned-content__section h1 { text-transform: inherit; } .aligned-content__section h1, .slider-content h2 { font-size: 60px; margin: 0; border-bottom: 4px double white; padding-bottom: 40px; padding-top: 25px; letter-spacing: 1px; } .banner_video.main_banner .aligned-content__section h1 { /*padding-top: 10px;*/ border-top: 0px double white; letter-spacing: 1px; padding-bottom: 15px; padding-top: 15px; } /*.banner_video iframe{*/ /* position: absolute;*/ /* top: 0;*/ /* left: 0;*/ /* width: 155%;*/ /* height: 750px;*/ /* width: 100vw;*/ /* height: 56.25vw;*/ /* min-height: 100vh;*/ /* min-width: 177.77vh;*/ /* position: absolute;*/ /* top: 50%;*/ /* left: 50%;*/ /* transform: translate(-50%, -50%);*/ /*}*/ .video-button--resume { display: none; } .aligned-content__section h3, .gold h4, .double_inner_wrap h4, .slider_inner h3, .text_block h2, .hole__stats-number { font-size: 30px; } .aligned-content__section h3, .gold h4, .double_inner_wrap h4, .slider_inner h3 { font-family: 'open sans'; margin-bottom: 0; padding: 0 20px; font-weight: 700; font-size: 14px; letter-spacing: 5px; } .title_wrap, .slider_title_wrap { display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; justify-content: center; } .title_wrap:before, .title_wrap:after, .slider_title_wrap:before, .slider_title_wrap:after { content: ""; display: inline-block; height: 5px; -webkit-box-flex: 1; /* -webkit-flex-grow: 1; */ flex-grow: 1; border-top: 4px double white; } .inner_wrap { /* max-width: 1000px; */ /* width: 100%; */ margin: 0 auto; display: table; padding: 0 30px !important; } .button_wrap, .slider-content a { position: absolute; bottom: -70px; left: 50%; transform: translateX(-50%); width: 100%; } section.container, .project-slider, .banner_image, section.container-fluid,.wpb_raw_html { margin-top: 150px; } .error404 section.container{ margin-bottom: 150px; } .vc_col-sm-6 .wpb_raw_html{ margin-top: 0px; } .desktop_banner.banner_image,.banner_image.mobile_banner{ margin-top: 0px; } section.container-fluid.project-slider-2row, section.container.hole_block { margin-top: 100px; } section.container.hole_block, .hole_page .project-slider-2row{ margin-bottom: 150px; } .mobile_banner{ display: none; } .page_wrap>section:first-of-type { margin-top: 0px !important; } a, button { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .button_wrap a { /* margin-bottom: 10px !important;*/ } .button_wrap a, .slider-content a, form button[type=submit], .center_text_gold a, .icon_wrap_frame a,form input[type=submit] { padding: 16px; font-size: 10px; text-decoration: none; font-weight: 900; text-transform: uppercase; width: 180px; display: inline-table; margin: 0px 12px; letter-spacing: 1px; } .center_text_gold p a{ border: 0 !important; background-color: transparent !important; color: #00adef !important; position: relative !important; width: auto !important; display: unset !important; padding: 0 !important; text-transform: unset !important; font-size: 14px !important; letter-spacing: 0 !important; } .button_wrap a:first-of-type, .banner_image .button_wrap a:first-of-type { background-color: white; color: #222; } .button_wrap a:last-of-type, .slider-content a { color: white; background-color: rgba(0, 0, 0, 0.85); border: 1px solid rgba(0, 0, 0, 0); } .button_wrap a:hover, .slider-content a:hover, .banner_image .button_wrap a:hover { background-color: rgba(0, 0, 0, 0.85); color: white; border-color: transparent; } .button_wrap .btn-black:hover, .slider-content a:hover { background: white !important; color: black !important; } .video_frame iframe,#frame_360 iframe { width: calc(100% - 30px); height: 100%; position: absolute; border: 0px !important; } #frame_360 iframe{ left: 0; top: 0; } .more_margin_left { margin-left: -15px; } .more_margin_right { margin-right: -15px; } .video_frame, .post_img { min-height: 400px; overflow: hidden; } .video_frame { /* background-color: black;*/ } p, .text_block li p { font-size: 16px; line-height: 30px; } .gold h4 { color: #b6a166; } .text_inner h3 { text-align: center; margin-bottom: 25px; } .gold .title_wrap:before, .gold .title_wrap:after { border-top: 4px double #b6a166; } .gold .padding_left:after, .center_text_gold .col-md-12:after { content: ""; position: absolute; border-top: 4px double #b6a166; height: 5px; width: calc(100% - 45px); bottom: 0; left: 30px; } /* .frame_360{ position: relative; } */ .frame_360 .padding_left:before { content: ""; position: absolute; border-top: 4px double #b6a166; height: 5px; width: calc(100% - 45px); top: 0; left: 30px; } .frame_360.f360_with_small_text .padding_left:before { display: none; } .frame_360 .text_beside_frame { height: 100% !important; padding: 30px 20px; } .frame_360 .text_inner h3 { text-align: left; } .center_text_gold .col-md-12:after { width: calc(100% - 30px); left: 15px; } .center_text_gold .text_beside_frame { padding: 0px 50px; width: 100%; max-width: 100%; margin: 50px auto 55px; height: auto !important; text-align: center; } .vc_row-o-equal-height .vc_col-sm-6{ padding-top: 0 !important; padding-bottom: 0 !important; } .vc_col-sm-6 .center_text_gold{ margin: 0; } .padding_left { padding-left: 30px; } .padding_left .title_wrap { top: -15px; position: relative; margin-bottom: -15px; } .text_beside_frame { padding: 0px 50px; width: 100%; max-width: 670px; margin: 0 auto; height: calc(100% - 40px) !important; } .text_inner, .v-middle { vertical-align: middle; } /**** 2 Blocks ****/ .double_wrap { height: 24vw; background-size: cover; padding: 0; } .two_blocks .col-md-6 { padding: 0; } .overlay { width: 100%; height: 100%; opacity: .6; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .double_inner_wrap { position: absolute; color: white; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; display: table; padding: 0 20px; } .double_inner_wrap h3 { margin-bottom: 0; font-size: 48px; letter-spacing: 2px; text-transform: uppercase; margin-top: 5px; } .double_wrap a:hover .overlay { opacity: .8; } /***** SLIDER ****/ .slick-list { padding: 0px 350px !important; } .slick-slide img { /* max-width: 1411px; */ width: 100%; height: auto; } .slider-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; padding: 45px 20px 55px; /* border-style: double; border-width: 18px; border-left: 0px; border-right: 0; border-color: white; padding: 70px 0px; */ max-width: 1100px; width: 100%; background: linear-gradient(to right, transparent 10%, rgba(24, 56, 113, .3) 15%, rgba(24, 56, 113, .5) 20%, rgba(24, 56, 113, .7) 30%, rgba(24, 56, 113, .8) 50%, rgba(24, 56, 113, .7) 70%, rgba(24, 56, 113, .5) 80%, rgba(24, 56, 113, .3) 85%, transparent 90%); } .item.slick-slide { margin: 0 22px !important; position: relative; width: 700px; } .slick-image-slide.slick-slide{ margin: 0 22px !important; } .wpsisac-slick-slider-wrp .wpsisac-slick-slider.design-1 .slick-prev { display: block; max-width: 1600px; left: 50% !important; transform: translate(-50%, -50%); background-position-x: -40px !important; width: 100%; } .wpsisac-slick-slider-wrp{ margin-top: 150px; } .wpsisac-slick-slider-wrp .wpsisac-slick-slider.design-1 .slick-next { display: block; max-width: 1600px; left: 50% !important; transform: translate(-50%, -50%); background-position-x: calc(100% + 40px) !important; width: 100%; } .slider-content h2 { font-size: 35px; letter-spacing: 1px; padding: 15px 0 19px; } .slider_inner { max-width: 750px; width: 100%; margin: 0 auto; } .slider_inner h3 { padding: 0 45px; } .banner_image { height: 550px; position: relative; overflow: hidden; background-size: cover; background-position: 50%; } .banner_image .aligned-content__section { padding: 0px 20px 0px; background: none; } .banner_image .button_wrap { bottom: -85px; } .banner_image .aligned-content__section { top: calc(50% - 20px); } .banner_image .aligned-content__section h1 { padding: 11px 70px 22px; } /***** FOOTER ****/ .footer_section.container>.row { padding: 0 20px; } .newsletter { padding: 50px 20px; background-color: #e2e3e5; position: relative; } .newsletter * { color: #222; } .newsletter form,.mc4wp-form .newsletter { max-width: 960px; width: 100%; margin: 0 auto; position: relative; display: table !important; } .mc4wp-form .newsletter{ max-width: 1000px; } .mc4wp-form{ background-color: #e2e3e5; } .newsletter form label a,.mc4wp-form label a{ text-decoration: none; font-weight: 700; } .newsletter label { font-weight: 900; font-size: 24px; margin-bottom: 0; display: table-cell; vertical-align: middle; width: 380px !important; } .newsletter input { margin-left: 25px; height: 55px; font-size: 12px; padding: 0 35px; width: calc(100% - 190px); border: 0px; float: left; } .newsletter ul li label { width: auto !important; } /*.newsletter button,.footer_menu form button{*/ form button[type=submit], .center_text_gold a, .icon_wrap_frame a,.member_button,form input[type=submit]{ color: white; background-color: #222; margin: 0; width: 165px; font-size: 12px; border: 1px solid #222; border-radius: 0px; padding: 18px; text-decoration: none; } .mc4wp-response{ display: none !important; } .icon_wrap_frame a.dark_button { color: white !important; background-color: #222 !important; } form input[type=submit]{ padding: 0 18px; height: 56px; line-height: unset !important; margin-left: auto; display: table; } .icon_wrap_frame a:empty{ display: none !important; } .member_button{ width: 100%; margin-top: 40px; display: table !important; text-align: center; font-weight: 900; letter-spacing: 1px; } /*.newsletter button:hover,.footer_menu form button:hover{*/ form button[type=submit]:hover, .center_text_gold a:hover, .icon_wrap_frame a:hover,.member_button:hover, .icon_wrap_frame a:nth-of-type(odd), .icon_wrap_frame a:nth-of-type(odd),form input[type=submit]:hover { color: #222; background-color: white; border-color: transparent; } form .newsletter input[type=submit],form input[type=submit]{ -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } form .newsletter input[type=submit]:hover,.wpcf7 form input[type=submit]:hover{ color: #222; background-color: white; border-color: #222; } .icon_wrap_frame a.dark_button:hover { color: #222 !important; background-color: white !important; border-color: transparent; } .btn-outline:hover, .center_text_gold a:hover { border: 1px solid black !important; } .icon_wrap_frame a:hover:nth-of-type(odd), .icon_wrap_frame a:hover:nth-of-type(odd) { color: white; background-color: #222; } form ul li { position: relative; padding-left: 22px; } form ul { position: absolute; margin: 0; right: 0; bottom: -33px; font-size: 11px; padding: 0px 20px 0px 0px; } .newsletter input[type=checkbox]{ width: auto; height: 20px; margin-right: 15px !important; margin-left: 0 !important; } form .newsletter ul{ position: absolute; margin: 0; right: 0; bottom: 20px; font-size: 11px; padding: 0 20px 0 0; width: auto; list-style: none; } .newsletter ul li .check { display: table; position: absolute; border: 1.5px solid #222; border-radius: 100%; height: 15px; width: 15px; top: 0; left: 0; z-index: 10; /* transition: border .25s linear; */ /* -webkit-transition: border .25s linear; */ float: left; margin-right: 10px; } .newsletter ul li .check:before { display: block; position: absolute; content: ''; border-radius: 100%; height: 7px; width: 7px; top: 3px; left: 3px; margin: auto; transition: background .25s linear; -webkit-transition: background .25s linear; } .loginformwrap form ul { padding: 0px 20px 0px 20px; } .newsletter form ul { padding-right: 0; } form ul label,form ul .wpcf7-list-item-label { font-size: 11px !important; font-weight: 400 !important; width: auto !important; color: black; text-transform: inherit; } ul li .check { display: block; position: absolute; border: 1.5px solid #222; border-radius: 100%; height: 15px; width: 15px; top: 1px; left: 0px; z-index: 10; transition: border .25s linear; -webkit-transition: border .25s linear; } ul li .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 7px; width: 7px; top: 2px; left: 3px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; } form ul li input[type=radio],form ul li input[type=checkbox] { position: absolute; /* visibility: hidden; */ opacity: 0; z-index: 100; top: 4px; left: 3px; width: 10px; height: 10px; margin: 0; } input[type=radio]:checked~.check::before,input[type=checkbox]:checked~.check::before { background: #222; } .middle_grey { background-color: #d5d6d8; position: relative; z-index: 2; } .middle_grey:before { content: ''; position: absolute; background-color: #d5d6d8; z-index: 1; height: 100%; width: 50vW; right: 100%; top: 0; } .dark_grey { background-color: #b7b8b9; position: relative; z-index: 2; } .dark_grey:before { content: ''; position: absolute; background-color: #b7b8b9; z-index: 1; height: 100%; width: 50vW; left: 100%; top: 0; } .footer_menu { padding: 50px 0px 40px; } .footer_menu h3 { color: white; font-size: 24px; margin-bottom: 30px; font-family: 'Archivo black'; } .footer_menu h3 i,#menu .menu_inner_wrap h4 i{ display:none; } .footer_menu ul { padding: 0; list-style-type: none; } .footer_menu ul li { font-size: 14px; margin-bottom: 15px; text-transform: uppercase; } .footer_menu ul li a{ text-transform: uppercase; color: #212529; position: relative; } .footer_section .footer_menu.middle_grey { padding-right: 20px; } .footer_section .footer_menu.dark_grey { padding-left: 20px; } form.login { max-width: 330px; width: 100%; margin-left: auto; } .footer_menu form h3 { text-align: center; } .footer_menu form input { height: 55px; padding-left: 35px; margin-bottom: 10px; width: 100%; } ul li .wpcf7-form-control-wrap.acceptance-943 .check { top: 1px; left: -10px; } .footer_menu form button, .loginformwrap form button, .booking_table button, .contact_wrap button { margin-left: auto !important; display: table !important; } form select,#select_hole { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } /* arrows */ form select,#select_hole { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; outline: none !important; -webkit-box-shadow: none; box-shadow: none; } form select:focus,#select_hole:focus { background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; outline: none !important; -webkit-box-shadow: none; box-shadow: none; } .form-control:focus { color: #495057; background-color: #fff; border-color: #b6a166 !important; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0) !important; } .copyright.copy_menu{ position: absolute; bottom: 15px; max-width: 1599.9px !important; width: 100%; margin: 0 auto !important; left: 50%; transform: translateX(-50%); padding: 0 20px; } .copyright.copy_menu a{ font-size: 12px !important; } .join_block p a{ font-weight: 700; } .copyright.copy_menu p{ margin: 0; padding: 0; } .display_until_991{ display: none !important; } .copyright.display_until_991 p{ background-color: #b7b8b9; margin: 0; padding: 0 20px 20px; text-align: center; } .copyright.copy_menu p:first-of-type{ float: left; } .copyright.copy_menu p:last-of-type{ float: right; font-weight: 700; } .copyright p{ color: white; font-size: 12px; text-align: right; padding-right: 50px; margin: 150px 0px 20px; } .copyright p a{ color: white; } /*** TEMPLATE ****/ .main_banner .aligned-content__section h1 { padding: 10px 60px 10px; border-top: 4px double white; text-transform: capitalize; } .project-slider{ overflow: hidden; } .main_banner.banner_image .aligned-content__section { top: calc(50% + 65px); } .single_post .main_banner.banner_image .aligned-content__section{ top: calc(50% + 35px); } section.container.text_block.single_post_wrap{ margin-top: -100px; } section.container.text_block, .center_text_gold, #accordion { z-index: 2; position: relative; max-width: 1000px !important; width: 100%; margin-left: auto; margin-right: auto; } .text_block p, .text_block ul, { max-width: 750px !important; width: 100%; margin-left: auto; margin-right: auto; } .text_block * { /* display: table;*/ } .text_block img, .text_block iframe { width: 100%; height: auto; margin: 45px 0px; display: table; } .text_block h2 { border-top: 4px double #b6a166; border-bottom: 4px double #b6a166; width: 100%; text-align: center; padding: 25px 20px 20px; margin-bottom: 75px; /* margin-top: 75px;*/ } .text_block p { color: #746e6a; } .text_block li, .text_block li p { color: #746e6a; font-weight: 700; } .text_block h2, /* .text_block p, */ .text_block h3, .text_block h4, .text_block ul { margin-top: 30px; } .text_block ul { padding-left: 18px; list-style: none; } strong { color: #00adef; font-weight: 700; } .text_block li { margin-bottom: 30px; position: relative; } .text_block li:last-of-type { margin-bottom: 0px; } .text_block li::before { content: "\2022"; color: #0b0c3e; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } .text_block h3, .text_block h4 { color: #b6a166; font-weight: 900; text-align: center; margin: 45px 0px; font-size: 30px; } .round_icon * { color: white; text-align: center; } .round_block img { width: auto; margin: 0 auto; display: block; } .round_block h3 { margin: 35px 0px 25px; } .round_block h3, .join_block h1 { font-size: 36px; text-align: center; } .round_icon .round_block { margin-bottom: 30px; } .round_icon { padding: 60px 20px 30px; background-size: cover; } .gallery_icon { padding: 0 3px 6px; position: relative; } .gallery_icon .overlay, .gallery_icon h4 { position: absolute; opacity: 0; } .gallery h4 { color: white; text-transform: uppercase; font-weight: 900; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .gallery_icon .overlay { width: calc(100% - 6px); height: calc(100% - 6px); } .gallery_icon:hover .overlay { opacity: .7; } .gallery_icon:hover h4 { opacity: 1; } .card-header.collapsed { background-color: #333030; } .card-body { background-color: #ebebeb; padding: 5px 35px 20px; } .card-header { background-color: #b6a166; color: white; border-radius: 0px !important; text-align: center; text-transform: uppercase; font-weight: 900; margin-bottom: 5px; } #accordion .text_block h2 { border-top: 0px double #b6a166; border-bottom: 0px double #b6a166; width: 100%; text-align: center; padding: 0px; margin-bottom: 40px; } /*** JOIN ***/ .join_block.container { min-height: 1500px; position: relative; max-width: 100% !important; padding: 0; } .vc_row-fluid.join_block.container{ display: flex; } .join_block.container .vc_column-inner,.join_block.container .vc_column-inner{ display: table; height: 100%; width: 100%; } .join_block.container .d-flex{ position: relative; } .join_block.container .vc_column-inner{ padding: 0 !important; } .join_block .col-md-6 { padding-left: 0px !important; padding-right: 0px !important; position: relative; } .join_block .banner { position: absolute; height: 100%; margin-bottom: 0px; width: 100%; background-size: cover; background-repeat: no-repeat; } .verticalwrap { max-width: 630px !important; color: white; top: calc(50% + 140px); } .loginformwrap, .verticalwrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0px 20px; width: 100%; } .loginformwrap{ padding: 0px 15px 0 40px; } .loginformwrap { max-width: 750px; width: 100%; } .form-control, #select_hole { border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; color: #746e6a; height: 48px; border: 1px solid #b6a166; } form label { font-weight: 900; text-transform: uppercase; font-size: 12px; color: #746e6a; width: 100%; } select.form-control{ height: 48px !important; } textarea.form-control { height: auto; } button.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; border: 0px; background-repeat: no-repeat; color: transparent; background-color: transparent; background-position: 50%; height: 90px; width: 90px; } button.slick-arrow.slick-prev,.wpsisac-slick-slider button.slick-prev, .wpsisac-slick-slider button.slick-prev:hover { left: 50px; background-image: url(../img/Slider-Arrow-Left.png) !important; display: block; padding: 0 !important; background-color: transparent !important; width: 160px; background-size: 140px !important; height: 160px; } button.slick-arrow.slick-next,.wpsisac-slick-slider button.slick-next, .wpsisac-slick-slider button.slick-next:hover{ right: 50px; background-image: url(../img/Slider-Arrow-Right.png) !important; display: block; padding: 0 !important; background-color: transparent !important; width: 160px; background-size: 140px !important; height: 160px; } .center_text_gold.mb-75{ margin-bottom: 75px; } .center_text_gold .mb-50{ margin-bottom: 50px; } .center_text_gold ul{ display: table; margin: 20px auto; color: grey; } .center_text_gold ul li{ text-align: left;; } .center_text_gold a { width: 185px; margin-top: 20px; } .project-slider-2row p { font-size: 12px; margin: 10px 0; color: #b7b8b9; font-weight: 700; } .select_hole { display: none; } .hole_block a { flex: 0 0 19.8%; max-width: 20%; width: 20% !important; overflow: hidden; padding: 0; position: relative; margin-right: 0.2% !important; margin-bottom: 0.2% !important; /* height: 0; padding-bottom: 20%; margin-bottom: 6px; */ } .hole_block a:nth-of-type(5) { margin-right: 0 !important; } .hole_block .gallery_icon .overlay { width: 100%; height: 100%; } .hole_block img { width: 100%; } .hole_block .gallery_icon .overlay { position: absolute; opacity: .7; z-index: 2; } .hole_block.gallery h4 { z-index: 3; opacity: 1; letter-spacing: 2px; width: 100%; text-align: center; padding: 0 10px; font-weight: 400; } .hole_block a:hover .overlay { opacity: 0; } .YTplayer { width: 100%; height: 100%; position: relative; z-index: 0; } .video-wrapper { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 0; } .slideshow { text-align: center; } .slideshow__item { width: 100%; height: 100% !important; background-position: center; background-attachment: fixed; background-size: cover; } .pip--video.pip--active, .pip.pip--video:hover { background-color: transparent; background-position: -22px -4px; } .slideshow--full-height { overflow: hidden; height: calc(100vh - 30px) !important; background-color: #fff; } .pips--hole-gallery { position: relative; display: inline-block; bottom: 95px; z-index: 110; } .hole__navigation { position: absolute; bottom: 0; z-index: 103; width: 100%; background: rgba(208, 208, 208, 0.4); } .hole__navigation ul{ /*float: left;*/ } .wrapper { position: relative; box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .hole_overlay{ display:none; position: fixed; top: 0; left: 0; z-index: 9999999; /* overflow-y: scroll; */ width: 100%; height: 100%; background-color: rgba(16, 16, 16, 0.89); } .view_score{ /*pointer-events: none;*/ } .view_score{ position: relative; } /* .view_score:before{ content: ''; width: 100%; height: 100%; position: absolute; z-index: 2; } */ .hole_overlay img{ max-width: 700px; height: 90vh; } .close_x{ color: white; display: table; background-color: #183871; padding: 6px 12px 6px 12px; border-radius: 50%; font-weight: 700; right: -18px; position: absolute; top: -18px; } .wrap_over{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .hole__stats { text-align: left; position: absolute; bottom: 70px; z-index: 103; width: 100%; /*border-top: 1px solid rgba(255, 255, 255, 0.43);*/ padding-top: 17px; } .pip { transition: border-color, background-color; transition-timing-function: ease; transition-duration: .15s; display: inline-block; width: 7px; height: 7px; border: 1px solid #fff; border-radius: 50%; margin-right: 10px; background-color: transparent; cursor: pointer; vertical-align: middle; } .pip--video { position: relative; margin-left: 50px; margin-right: 60px; width: 11px; height: 13px; background-image: url(https://www.whittingtonheathgc.co.uk/theme/whittington/images/ui/slideshow/video-pip.png); background-repeat: no-repeat; background-position: -2px -4px; border: none; border-radius: 0; background-color: transparent; } .video-button-wrapper { width: 180px; height: 80px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .video-button { width: 180px; margin: 0 auto; cursor: pointer; } .video-button .video-button__ico { width: 220px; height: 70px; background-image: url(https://www.whittingtonheathgc.co.uk/theme/whittington/images/ui/video/[email protected]?1528475120); background-repeat: no-repeat; max-width: 80px; max-height: 80px; background-repeat: no-repeat; background-position: -145px 0; margin: auto; } /* .youtube__shield:after { content: ''; display: block; width: 80px; height: 80px; background-image: url(https://www.whittingtonheathgc.co.uk/theme/whittington/images/ui/video/loader.gif?1528475120); background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } */ .video-button__ico:after { content: 'View flyover'; position: absolute; left: 50%; color: white; transform: translateX(-50%); margin-top: 15px; } .video-button .video-button__ico .video-button__ico-triangle { width: 60px; height: 50px; margin: auto; position: relative; top: 15px; width: 220px; height: 70px; background-image: url(https://www.whittingtonheathgc.co.uk/theme/whittington/images/ui/video/[email protected]?1528475120); background-repeat: no-repeat; max-width: 60px; background-repeat: no-repeat; background-position: -60px -14px; transition: background-position 400ms; } .video-button p { color: #FFF; margin-top: 14px; text-align: center; font-weight: 300; } .video-button-wrapper p { letter-spacing: 2px; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; } .pip--video:after { color: white; content: "Video"; display: inline-block; font-size: 15px; position: relative; left: -50px; text-transform: uppercase; vertical-align: middle; top: 0px; } .pip--image { margin-left: 30px; } .pip--image:after { color: white; content: "Photos"; display: inline-block; font-size: 15px; left: -70px; position: relative; text-transform: uppercase; vertical-align: middle; top: -5px; } .pip--active, .pip:hover { border-color: #fff; background-color: #fff; } .pips--hole-gallery { position: relative; display: inline-block; bottom: 115px; z-index: 110; } .pips--center { left: 0; right: 0; text-align: center; } .pips { line-height: 10px; text-align: center; } .slideshow__pips { transition: background-position, opacity; transition-timing-function: ease; transition-duration: .15s; opacity: 1; } .hole__stats-number { font-size: 28px; font-size: 1.75rem; margin-bottom: 0; font-weight: 300; text-transform: capitalize; color: #fff; } .hole__stats-figures span, .hole__stats-figures a { font-size: 15px; font-size: .9375rem; display: inline-block; margin-right: 3px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; color: #fff; } .menu--center { display: table; width: 100%; margin-left: auto; margin-right: auto; text-align: center; } .hole__menu-item { width: 5.55%; display: inline-block; float: left; } .youtube__iframe { position: absolute; z-index: 100; left: 0; width: 100%; height: 100%; } .youtube__shield--hide { opacity: 0; } .youtube__shield { width: 100%; height: 100%; background-color: #000; position: absolute; z-index: 1; opacity: 1; transition: opacity 600ms; } .video__poster--black-bg { background-image: none; background-color: rgba(0, 0, 0, 0.3); } .video__poster--hole-1 { background-image: url(https://www.whittingtonheathgc.co.uk/theme/whittington/images/video_posters/hole-1.jpg?1528475120); } .video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; opacity: 1; transition: opacity 600ms; z-index: 1; } .hole__menu-item>a { font-size: 20px; font-size: 1.25rem; transition: color, background-color; transition-timing-function: ease; transition-duration: .15s; display: block; padding: 15px 12px 13px; font-weight: 600; color: #fff; } .hole__menu-item:hover>a, .hole__menu-item--active>a { color: #ffffff; background-color: rgba(18, 53, 123, 0.61); text-decoration: none; } .hole__stats-figures a { position: absolute; right: 20px; top: 15px; } .hole__navigation.nav_footer { position: relative; background: rgb(185, 185, 185); margin-top: 125px; } .nav_footer .hole__menu-item:hover>a, .nav_footer .hole__menu-item--active>a { color: #262626; background-color: rgba(255, 252, 252, 0.78); text-decoration: none; } .icon_wrap_frame a { width: 180px; text-align: center; margin-right: 5px; margin-top: 10px; border: 1px solid black !important; } section.container.booking_table,.wpb_raw_html,#center_elements { max-width: 700px !important; margin-left: auto; margin-right: auto; display: table; } section.container.booking_table{ position: relative; padding-bottom: 15px; } .booking_table h4, .booking_table span, .booking_table p, .vc_row-o-equal-height .wpb_text_column h4, .vc_row-o-equal-height .wpb_text_column strong, .vc_row-o-equal-height .wpb_text_column p{ font-size: 16px; margin-bottom: 20px; } .booking_table h4, .booking_table span, .vc_row-o-equal-height .wpb_text_column h4, .vc_row-o-equal-height .wpb_text_column strong { font-weight: 900; color: #212529; } .booking_table p { margin-bottom: 10px; } .booking_table iframe,.wpb_raw_html iframe{ height: 1200px; width: 350px; margin-bottom: 75px; } /***NEWS ****/ section.container.blog_wrap { padding-left: 30px; } .single_post section.container.blog_wrap { padding-left: 15px; } .post_img { background-size: cover; position: relative; background-position: 50%; } .post_img { min-height: 400px; overflow: hidden; } .blog_wrap article .text_beside_frame.more_margin_right { margin-right: -15px !important; } .blog_wrap .col-lg-6, .blog_wrap .col-lg-4 { padding-left: 0; } .blog_wrap .col-md-4 { padding-right: 30px; } .first_post .row>div:nth-of-type(2) { padding-right: 30px; } .blog_wrap article .text_beside_frame { border: 5px solid #eaeaea; border-left: 0px; position: relative; padding: 40px 50px 40px; max-width: 100% !important; margin: 0 !important; } .blog_wrap article .text_beside_frame.more_margin_left { /* margin-left: -15px !important;*/ } .blog_wrap article.first_post a { position: absolute; left: 0; bottom: 0px; width: calc(100% - 30px); } .blog_wrap .text_inner h3 { text-align: left; } article.first_post a { display: block; padding: 15px; width: 100%; text-align: center; font-size: 12px; font-weight: 900; } .cat_name { position: absolute; background-color: rgba(0, 0, 0, 0.8); color: white; font-size: 14px; padding: 10px; width: 200px; text-align: center; top: 0; left: 0px; z-index: 3; } .post { margin-top: 30px; position: relative; } .post .post_img { min-height: 300px; position: relative; z-index: 2; } .post_img { background-size: cover; position: relative; background-position: 50%; } .post .cat_name { left: 0px; } .recent_post .post .cat_name { left: 15px; } h3.post_title { margin-bottom: 0; padding: 25px 45px 75px; text-transform: uppercase; font-size: 24px; color: #222; } article.post a { display: block; padding: 15px; width: 100%; text-align: center; font-size: 12px; font-weight: 900; position: absolute; left: 0px; bottom: 0px; width: calc(100% - 30px); z-index: 2; } article.post a, article.first_post a { color: white; background-color: #222; border: 1px solid #222; text-decoration: none; } article.post a:hover, article.first_post a:hover { color: #222; background-color: white; } h3.post_title:after, h3.post_title:before { content: ''; position: absolute; background-color: #eaeaea; width: 5px; height: 100%; top: 0; left: 0px; } h3.post_title:before { left: unset; right: 30px; } .load_more { border: 1px solid #222; color: black; background-color: white; padding: 15px; width: 200px; font-size: 11px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 200px; font-weight: 800; } .blog_wrap,.vc_grid-container-wrapper { margin-top: 150px; padding-bottom: 350px; position: relative; margin-left: auto; margin-right: auto; } .text_block.single_post_wrap h2, .text_block.single_post_wrap h3 { border-top: 0px double #b6a166; border-bottom: 0px double #b6a166; width: 100%; text-align: left; padding: 0; margin-bottom: 40px; max-width: 750px !important; width: 100%; margin-right: auto; } img.post_thumbnail,img.attachment-post-thumbnail { margin-top: 0; } .single_post section.container.text_block.single_post_wrap { margin-top: -110px; } .single_post .main_banner.banner_image .aligned-content__section { top: calc(50% + 40px); } .post_info { color: #e6e7e8; font-size: 14px; font-style: italic; margin-bottom: 10px; } .single_post .blog_wrap .col-lg-4 { padding-right: 15px; padding-left: 15px; } .single_post h3.post_title:after { left: 15px; } .single_post h3.post_title:before { right: 15px; } .single_post article.post a { left: 15px; } .single_post .blog_wrap { padding-bottom: 150px; margin-top: 50px !important; } .post_bottom_part { max-width: 750px !important; width: 100%; margin: 65px auto 50px; border: 5px solid #eaeaea; padding: 30px 45px 20px; text-align: center; font-weight: 700; } .single_post_wrap .post_bottom_part img { width: auto; margin: 0 auto 35px; display: block; } .contact_wrap iframe { width: 100%; height: 840px; } .contact_wrap form ul { position: relative; padding: 0px; display: table !important; margin: -25px 0 0 auto; width: auto; } .contact_wrap .top-form p:nth-child(odd) { font-family: 'Open Sans', sans-serif; font-weight: 800; } .contact_wrap .top-form p { font-family: 'Open Sans', sans-serif; text-transform: capitalize; line-height: 15px; } .top-form a{ color: black; } .top-form { margin-bottom: 40px; } /**** TABLE ****/ .ritz .waffle a { color: inherit; } table{ color: grey; border: 1px SOLID #b6a166; margin: 0 auto; } table *{ color: grey !important; } .center_text_gold.table_wrap .col-md-12:after{ display: none; } .ritz .waffle .s1 { border-bottom: 1px SOLID #b6a166; border-right: 1px SOLID #b6a166; background-color: #ffffff; text-align: center; font-weight: bold; font-family: 'Arial'; font-size: 10pt; vertical-align: bottom; white-space: nowrap; direction: ltr; padding: 2px 3px 2px 3px; } .ritz .waffle .s6 { border-left: none; background-color: #ffffff; text-align: left; border-bottom: 1px SOLID #b6a166; border-right: 1px SOLID #b6a166; font-family: 'Arial'; font-size: 10pt; vertical-align: top; white-space: nowrap; direction: ltr; padding: 2px 3px 2px 3px; } .ritz .waffle .s5 { border-right: none; background-color: #ffffff; text-align: left; border-bottom: 1px SOLID #b6a166; border-right: 1px SOLID #b6a166; font-family: 'Arial'; font-size: 10pt; vertical-align: top; white-space: nowrap; direction: ltr; padding: 2px 3px 2px 3px; } .ritz .waffle .s7 { border-left: none; background-color: #ffffff; text-align: center; font-weight: bold; border-bottom: 1px SOLID #b6a166; border-right: 1px SOLID #b6a166; font-family: 'Times New Roman'; font-size: 10pt; vertical-align: top; white-space: nowrap; direction: ltr; padding: 2px 3px 2px 3px; } .ritz .waffle .s0 { border-bottom: 1px SOLID #b6a166; border-right: 1px SOLID #b6a166; background-color: #ffffff; text-align: left; font-weight: bold; font-family: 'Arial'; font-size: 10pt; vertical-align: bottom; white-space: nowrap; direction: ltr; padding: 2px 3px 2px 3px; } .ritz .waffle .s2 { border-bottom: 1px SOLID #b6a166; border-right: 1px SOLID #b6a166; background-color: #ffffff; text-align: center; font-weight: bold; font-family: 'Arial'; font-size: 10pt; vertical-align: top; white-space: nowrap; direction: ltr; padding: 2px 3px 2px 3px; } .ritz .waffle .s3 { border-bottom: 1px SOLID #b6a166; border-right: 1px SOLID #b6a166; background-color: #ffffff; text-align: left; font-family: 'Arial'; font-size: 10pt; vertical-align: top; white-space: nowrap; direction: ltr; padding: 2px 3px 2px 3px; } .ritz .waffle .s4 { border-bottom: 1px SOLID #b6a166; border-right: 1px SOLID #b6a166; background-color: #ffffff; text-align: center; font-weight: bold; font-family: 'Times New Roman'; font-size: 10pt; vertical-align: top; white-space: nowrap; direction: ltr; padding: 2px 3px 2px 3px; } /*** BLOG ***/ .vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle { position: relative !important; -webkit-transform: translate(0,0%) !important; -ms-transform: translate(0,0%) !important; -o-transform: translate(0,0%) !important; transform: translate(0,0%) !important; } .vc-gitem-zone-height-mode-auto:before { content: ""; display: block; padding-top: 0% !important; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type{ width: 100% !important; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .vc_col-sm-6{ position: relative; height: 100%; min-height: 430px; } .vc_gitem-post-data-source-post_categories{ position: absolute; z-index: 2; color: white; left: 0; top: 0; background-color: rgba(0,0,0,0.7); padding: 15px 25px !important; width: 210px; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .wpb_single_image{ position: absolute; left: 0; top: 0; width: 100% !important; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .vc_figure,.vc_grid .vc_pageable-slide-wrapper > div:first-of-type .vc_single_image-wrapper{ width: 100% !important; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .wpb_single_image img { height: auto; max-width: 100%; vertical-align: top; width: 100%; object-fit: cover; object-position: center; } .vc_grid .vc_btn3-container{ margin-bottom: 0; width: 100%; display: table; position: absolute; bottom: 0; left: 0; } .vc_grid .vc_btn3-container a{ background-color: black; color: white !important; background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%); background-image: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%); background-image: linear-gradient(to bottom,rgba(255,255,255,.0) 0,rgba(255,255,255,.0) 100%); border-radius: 0; width: calc(100% + 5px); background-color: #222 !important; border: 1px solid #222 !important; font-size: 12px; font-weight: 900; padding: 15px; } .vc_grid .vc_btn3-container a:hover{ background-color: white !important; color: #222 !important; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .vc_gitem-row-position-middle > div:nth-of-type(2){ border: 5px solid #eaeaea; border-left: 0; border-bottom: 0; padding: 40px 50px 40px; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .vc_gitem-row-position-middle > div:nth-of-type(2) .vc_gitem-post-data-source-post_title div{ padding: 0; } .vc_grid .vc_pageable-slide-wrapper > div:not(:first-child) .vc_col-sm-6{ width: 100% !important; padding: 0 !important; } .vc_grid .vc_pageable-slide-wrapper > div:not(:first-child) .vc_gitem-post-data-source-post_excerpt{ display: none; } .vc_grid .vc_pageable-slide-wrapper > div:not(:first-child) .vc_btn3-container { /* position: relative;*/ } .vc_grid .vc_pageable-slide-wrapper .vc_gitem-post-data-source-post_title div{ text-align: left; margin-bottom: 0; padding: 25px 25px 25px; text-transform: uppercase; font-size: 24px; color: #222; font-family: Libre; } .vc_grid .vc_pageable-slide-wrapper .vc_gitem-post-data-source-post_title div{ text-align: left; margin-bottom: 0; text-transform: uppercase; font-size: 24px; color: #222; font-family: Libre; } .vc_grid .vc_pageable-slide-wrapper > div:not(:first-child) .vc_gitem-post-data-source-post_title div{ padding: 25px 25px 75px; } .vc_grid .vc_pageable-slide-wrapper > div:not(:first-child) .vc_gitem-row-position-middle:before { content:''; width: 100%; height: 100%; position: absolute; border: 5px solid #eaeaea; } .vc_pageable-slide-wrapper { display: flex !important; flex-wrap: wrap !important; } .vc_grid-item-mini.vc_clearfix,.vc_gitem-animated-block,.vc_gitem-zone.vc_gitem-zone-a,.vc_gitem-zone-mini,.vc_gitem_row{ height: 100% !important; } .vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle { top: 0% !important; } .wpb_single_image.wpb_content_element,.vc_gitem-post-data{ margin-bottom: 0 !important; } .vc_grid .vc_pageable-slide-wrapper > div:not(:first-child) .vc_gitem-row-position-middle > div:nth-of-type(1){ height: 350px; overflow: hidden; } .vc_grid .vc_pageable-slide-wrapper > div:not(:first-child) .vc_gitem-row-position-middle > div:nth-of-type(2){ height: calc(100% - 350px); overflow: hidden; } .vc_grid .vc_pageable-slide-wrapper > div:not(:first-child) .vc_btn3-container a{ width: 100%; } .vc_grid-btn-load_more{ position: relative !important; width: 180px !important; } .vc_grid .vc_btn3-container.vc_grid-btn-load_more a{ background-color: white !important; color: #222 !important; text-transform: uppercase; } .vc_grid .vc_btn3-container.vc_grid-btn-load_more a:hover{ background-color: #222 !important; color: white !important; text-transform: uppercase; } /**** SINGLE POST ***/ @media only screen and (max-width: 1600px) { .menu_inner_wrap section { padding: 0 30px; } } @media only screen and (max-width: 1300px) { .slick-list { padding: 0px 150px !important; } } @media only screen and (max-width: 1200px) { .frame_360 .text_beside_frame { padding: 40px 20px; } .video_frame iframe, #frame_360 iframe { width: calc(100% - 40px); height: 100%; position: absolute; left: 20px !important; border: 0px !important; } .col-xl-6.padding_left { padding-left: 15px; margin-top: 50px; } .frame_360 .padding_left:before, .frame_360 .padding_left:after { width: calc(100% - 30px); left: 15px; } .mobile_none{ /*display:none;*/ } #menu .menu_inner_wrap h4 { text-align: center; display: table; margin: 0 auto 15px; width: 190px; position: relative; } #menu .menu_inner_wrap h4 i{ margin-top: 4px; display: inline-table; margin-left: 15px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; position: absolute; right: 0; } #menu .menu_inner_wrap h4.open i{ transform: rotateX(180deg); } .menu_inner_wrap section { padding-bottom: 12px !important; } #menu .menu_inner_wrap ul { max-height: 0; overflow: hidden; position: relative; margin: 0; opacity: 0; -webkit-transition: max-height .3s ease-in-out; -moz-transition: max-height .3s ease-in-out; -o-transition: max-height .3s ease-in-out; transition: max-height .3s ease-in-out; } #menu .menu_inner_wrap ul.open, #menu .menu_inner_wrap section > div.open ul{ max-height: 500px; padding: 3px 20px 6px; opacity: 1; text-align: center; margin-bottom: 0; } #menu .menu_inner_wrap { top: 0%; left: 0%; position: relative; transform: translate(0%, 0%); display: table; width: 100%; padding: 22px 0px 5px; } #menu ul { text-align: center; padding: 0px 0px; } #menu ul li{ margin-bottom: 15px !important; } #menu { width: 100%; height: auto !important; } .copy_menu.copyright{ display: none; } } @media only screen and (max-width: 1100px) { .banner_video { height: 750px; } .aligned-content__section h1, .slider-content h2 { padding-bottom: 20px; padding-top: 10px; } .slider-content h2 { font-size: 30px; } .slider-content { padding: 25px 20px 40px; } } @media only screen and (max-width: 991px) { .blog_wrap, .vc_grid-container-wrapper { max-width: 767px !important; width: 100%; margin: 50px auto !important; padding: 0 20px; } .vc_grid .wpb_single_image .vc_figure,.vc_grid .wpb_single_image .vc_figure .vc_single_image-wrapper,.vc_grid .wpb_single_image img{ width: 100% !important; } .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper { margin-right: 0px !important; } .vc_grid .vc_pageable-slide-wrapper > div .vc_gitem-post-data-source-post_title div { padding: 25px 25px 75px !important; } .vc_grid .vc_pageable-slide-wrapper > div .vc_gitem-post-data-source-post_excerpt { display: none; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .vc_gitem-row-position-middle > div:nth-of-type(2) { border: 5px solid #eaeaea; border-top: 0; border-bottom: 0; padding: 40px 50px 40px; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .vc_col-sm-6 { width: 100%; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .wpb_single_image { position: relative; } .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item { padding-right: 0px !important; padding-bottom: 30px; width: 100% !important; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .wpb_single_image { width: 100% !important; } .vc_grid .vc_pageable-slide-wrapper > div:first-of-type .vc_col-sm-6 { position: relative; height: auto; min-height: unset; width: 100%; padding: 0 !important; } .dark_grey:before{ display: none !important; } .display_until_991{ display: block !important; } .menu_inner_wrap section { padding: 0 65px; border-right: 0px solid rgba(255, 255, 255, 0.3); } .menu_inner_wrap section { padding: 0 0px !important; } .post_bottom_part { margin: 10px auto 10px; border: 5px solid #eaeaea; padding: 30px 45px 20px; } .single_post article.post a { width: calc(100% - 30px); } .first_post .row>div:nth-of-type(2) { padding-right: 15px; } .blog_wrap article .text_beside_frame { border: 0px solid #eaeaea; border-left: 5px solid #eaeaea; border-right: 5px solid #eaeaea; padding: 30px 50px 45px; } .blog_wrap article.first_post a, article.post a { width: calc(100% - 15px); } h3.post_title:before { right: 15px; } header nav.navbar.center-absolute .collapse, header .extra_bold, .weather_icon, .weather_info { display: none !important; } .top_menu .header_inner { justify-content: flex-start !important; } section.container, .project-slider, .banner_image, section.container-fluid,.wpb_raw_html { margin-top: 75px; } section.container-fluid.project-slider-2row, section.container.hole_block { margin-top: 80px; } .text_beside_frame { height: auto !important; } .padding_left .title_wrap { margin-top: 70px; } .text_beside_frame { padding: 30px 20px; } .padding_left { padding-left: 15px; } .more_margin_right { margin-right: 0px; } .double_wrap { height: 47vw; padding: 0; } .two_blocks .row>div:nth-of-type(1){ order:1; } .two_blocks .row>div:nth-of-type(2){ order:2; } .two_blocks .row>div:nth-of-type(3) { order: 4; } .two_blocks .row>div:nth-of-type(4){ order:3; } .two_blocks .row>div:nth-of-type(5){ order:5; } .two_blocks .row>div:nth-of-type(6){ order:6; } .two_blocks .row>div:nth-of-type(7){ order:8; } .two_blocks .row>div:nth-of-type(8){ order:7; } .two_blocks .row>div:nth-of-type(9){ order:9; } .two_blocks .row>div:nth-of-type(10){ order:10; } .slick-list { padding: 0px 50px !important; } button.slick-arrow.slick-prev { left: -25px; } button.slick-arrow.slick-next { right: -25px; } .item.slick-slide { margin: 0 12px !important; } .newsletter label { display: table; width: 100% !important; text-align: center; margin-bottom: 15px; } .newsletter input { width: calc(100% - 165px); margin-left: 0px; } .newsletter form ul { bottom: -49px; } .footer_section .footer_menu.middle_grey, .footer_section .footer_menu.dark_grey { width: 100%; flex: 100%; max-width: 100%; padding: 50px 20px; } .footer_section.container>.row { padding: 0px; display: table !important; width: 100%; flex-wrap: unset; margin: 0; } form.login { max-width: 600px; margin: 0 auto; } .footer_section.container { padding: 0px; } .footer_section .footer_menu.middle_grey .col-sm-12 { display: none; } .hole_block a { flex: 0 0 33.2%; max-width: 33.3%; width: 33.3% !important; margin-right: 0.2% !important; margin-bottom: 0.2% !important; } .hole_block a:nth-of-type(3n) { margin-right: 0% !important; } .hole_block a:nth-of-type(5) { margin-right: 0.2% !important; } } @media only screen and (max-width: 767px) { .wpsisac-slick-slider.design-1 .slick-arrow{ display: none !important; } .slick-image-slide.slick-slide { margin: 0 10px !important; } .footer_menu h3 i{ display: inline-table; margin-left: 20px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .footer_menu h3.open i{ transform: rotateX(180deg); } .footer_menu ul.open{ background-color: #e6e7e8; } .footer_menu h3{ font-size: 20px; } .slider_title_wrap { display: none; } .slider-content { position: absolute; top: calc(50% - 30px); } .slider-content h2 { font-size: 20px; } .item.slick-slide{ width: 350px; } .slider_inner { padding: 0 20px; } .slider-content { padding: 15px 10px 0px !important; } .slider-content h2 { border: 0; } .hole__navigation.nav_footer { margin-top: 75px; } .join_block .banner { position: relative; height: auto !important; } .verticalwrap{ position: relative; transform: translate(0,0); top: 0; left: 0; padding: 170px 35px 50px; } .slideshow--full-height { height: 75vh !important; } .select_hole { display: block; padding: 75px 20px 0px; width: 100%; } #select_hole { padding: 0px 20px; width: 100%; } .pips--hole-gallery { bottom: 55px; } .hole__stats { bottom: 15px; } .hole__navigation { display: none !important; } .join_block.container { display: table !important; margin: 0 !important } .join_block.container .vc_col-sm-6{ padding: 0 !important; } /*#menu .menu_inner_wrap {*/ /* top: 0%;*/ /* left: 0%;*/ /* position: relative;*/ /* transform: translate(0%, 0%);*/ /* display: table;*/ /*}*/ /*#menu {*/ /* height: auto;*/ /* bottom: calc(-100% - 0px);*/ /* transform: translateY(50%);*/ /* top: unset;*/ /* position: absolute;*/ /* display: table;*/ /*}*/ /*.menu_inner_wrap section,*/ /*.menu_inner_wrap section h4 {*/ /* display: none;*/ /*}*/ .footer_section .footer_menu.middle_grey { padding: 0px 20px; } .menu_inner_wrap section:first-of-type { display: block; width: 100%; border: 0; padding: 15px 15px 15px 25px; } .inner_wrap { /* max-width: 1000px; */ width: 100%; margin: 0 auto; padding: 0 0px !important; } .aligned-content__section h1 { font-size: 42px; } .aligned-content__section h3, .gold h4, .double_inner_wrap h4, .slider_inner h3, .text_block h2, .hole__stats-number { font-size: 24px; } .aligned-content__section, .slider-content { padding: 35px 20px 40px; } .double_inner_wrap h3 { font-size: 36px; margin-top: 10px; } .double_wrap { height: 52vw; } .banner_image { height: 430px; } .banner_image, .join_block .banner { height: 490px; } .verticalwrap { top: calc(50% + 65px); } .join_block .banner { position: relative; } .join_block.container { display: table !important; min-height: auto; } .loginformwrap { position: relative; top: 00%; left: 0%; transform: translate(0%, 0%); padding: 50px 20px; width: 100%; } .loginformwrap form ul { bottom: 18px; } form ul label { font-size: 10px !important; } .footer_menu.middle_grey ul { max-height: 0; overflow: hidden; position: relative; margin: 0; opacity: 0; -webkit-transition: max-height .3s ease-in-out; -moz-transition: max-height .3s ease-in-out; -o-transition: max-height .3s ease-in-out; transition: max-height .3s ease-in-out; } .footer_menu.middle_grey ul.open,.footer_menu.middle_grey .row > div >div.open ul{ max-height: 500px; padding: 15px 20px 3px; opacity: 1; text-align: center; margin-bottom: 0; } .footer_menu.middle_grey h3 { border-bottom: 1px solid white; border-left: 0px; border-right: 0px; margin: 0; padding: 25px 15px; text-align: center; } .footer_menu.middle_grey .col-md-3 h3 { border-bottom: 0px solid white; } .footer_menu.middle_grey .col-md-4 h3 { /* border-top: 1px solid white;*/ } .member_button { width: 100%; margin-top: 20px; } .contact_wrap form ul { height: 90px; } } @media only screen and (min-width: 561px) { .main_banner.banner_image.banner_home { display: none; } } @media only screen and (max-width: 560px) { .video_frame iframe { height: 450px !important; } .top-form a { color: black; line-height: 24px; } .vc_col-sm-6 .wpb_raw_html { margin-top: 0px; height: 400px; } .vc_row-o-equal-height { margin: 50px auto 0px !important; } .video_frame iframe, #frame_360 iframe,.wpb_raw_html iframe { width: calc(100% - 40px); height: 400px; } .video-button__ico:after{ display: none !important; } .hole__navigation.nav_footer { margin-top: 50px; } .wpsisac-slick-slider-wrp { margin-top: 50px; } .mobile_banner{ display: block; } .mobile_banner.banner_image{ height: 400px; margin-top: 0; margin-bottom: 50px; } .desktop_banner,.hole__stats-figures a{ display: none; } .booking_table iframe { display: table; margin: 0 auto; } .booking_table form ul { padding: 0px 15px 0px 15px; } .center_text_gold .text_beside_frame { padding: 0px 20px; margin: 20px auto 25px; height: auto !important; } .post_info { color: #746e6a; } .banner_video.main_banner .aligned-content__section h1 { padding-top: 0px; } .banner_video { height: 450px; } .single_post .main_banner.banner_image .aligned-content__section { top: unset; } .single_post section.container.text_block.single_post_wrap { margin-top: 50px; } .blog_wrap article .text_beside_frame { padding: 30px 20px 45px; } h3.post_title { padding: 25px 20px 75px; } h3.post_title, .blog_wrap .text_inner h3 { font-size: 22px; } section.container, .project-slider, .banner_image, section.container-fluid { margin-top: 50px; } .select_hole { padding: 50px 20px 0px; } .slideshow--full-height { height: 60vh !important; } .hole__stats--more-info { display: none !important; } .hole__stats { bottom: 40px; text-align: center; } .pips--hole-gallery { bottom: 40px; } .nav-icon3 { margin-left: 0px; } .banner_image { height: 350px; } header nav.navbar-fixed-top img { max-width: 240px; } #menu { width: 100%; /* bottom: calc(-100% - 23px);*/ } .main_banner.banner_image .aligned-content__section, .main_banner.banner_video .aligned-content__section { top: unset; bottom: 0; left: 0; transform: translate(0%, 0%); background-color: rgba(56, 75, 109, 0.7); padding: 15px 0px; } .top_menu .header_inner a.ml-3, .top_menu .header_inner a:first-of-type { display: none; } .banner_image .aligned-content__section h1 { padding: 15px 0px 20px; } .top_menu .mlr-6 { margin: 0px 15px 0px 0px; } .main_banner .aligned-content__section h1 { padding: 0px; border-top: 0px double white; text-transform: capitalize; border-bottom: 0px double white; } .aligned-content__section h1 { font-size: 36px; } .newsletter input { width: 100%; } form button[type=submit], .center_text_gold a, .icon_wrap_frame a,form input[type=submit]{ width: 100%; } .double_inner_wrap h3 { font-size: 30px; } .card-body { padding: 5px 20px 20px; } .title_wrap:before, .title_wrap:after { border-top: 0; } .aligned-content__section h1 { border-bottom: 0; } .button_wrap.btn_video { display: none; } .video { display: none; } .main_banner.banner_image.banner_home { display: block; } .title_wrap h3 { display: none; } } @media (min-width: 992px) and (max-width: 1083px) { .text_inner p { font-size: 14px; } .set-mobile{ margin: 0px 10px 0px 10px; } } @media (max-width: 320px) { form ul label { font-size: 9px !important; } .set-mobile{ margin: 0px 10px 0px 10px; } } @media (max-width: 1024px) { .slider_inner { padding: 0 63px; } .set-mobile{ margin: 0px 10px 0px 10px; } } @media (min-width: 992px) { .post { padding-right: 30px; } .set-mobile{ margin: 0px 10px 0px 10px; } }